pricing-reference

Owner-sourced product prices; never inferred from code

FieldValue
Trust classpure
Implementation statusimplemented_native
Renderernative block
Key prop (production schema)source_url
Key prop (protocol fixture)sourceId
Toolsnone
Package version1.0.0
Package digestsha256:ae1e3fa052f90eca94bd957b2aaea005b4eddf04b7a9f32e239f93101c71a118

Install

docsloth component add @docsloth/pricing-reference@1.0.0

Live package: sha256:ae1e3fa052f90eca94bd957b2aaea005b4eddf04b7a9f32e239f93101c71a118 with 2 file digest(s); the catalog entry is generated from the built package, not a placeholder.

Props

The prop schema is normative in packages/contracts/component-props/pricing-reference.schema.json.

PropTypeRequiredConstraints
titlestringnomaxLength: 160
source_urlstringyesformat: uri
verified_atstringyesformat: date-time
currencystringyes
rowsarray<object>yes
disclaimerstringyes

Example props generated from this schema:

{
  "title": "example-title",
  "source_url": "https://example.com/source-url",
  "verified_at": "2026-09-18T00:00:00Z",
  "currency": "example-currency",
  "rows": [
    {
      "key": "example-key",
      "cells": [
        "example-cells"
      ]
    }
  ],
  "disclaimer": "example-disclaimer"
}

Required props: source_url, verified_at, currency, rows, disclaimer.

Example

Example document IR (the block the renderer consumes):

{
  "type": "pricing-reference",
  "props": {
    "title": "example-title",
    "source_url": "https://example.com/source-url",
    "verified_at": "2026-09-18T00:00:00Z",
    "currency": "example-currency",
    "rows": [
      {
        "key": "example-key",
        "cells": [
          "example-cells"
        ]
      }
    ],
    "disclaimer": "example-disclaimer"
  }
}

Renderer HTML (entities decoded and wrapped for display):

<section class="ds-block ds-pricing-reference" data-component="pricing-reference" aria-labelledby="b-title">
<h3 class="ds-block-title" id="b-title">example-title</h3>
<table class="ds-table">
<caption>Prices in example-currency</caption>
<thead>
<tr>
<th scope="col">Item</th>
<th scope="col">Price (example-currency)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">example-key</th>
<td>example-cells</td>
</tr>
</tbody>
</table>
<dl class="ds-facts">
<div>
<dt>Source</dt>
<dd>
<a href="https://example.com/source-url" rel="noopener noreferrer">https://example.com/source-url</a>
</dd>
</div>
<div>
<dt>Verified</dt>
<dd>
<time datetime="2026-09-18T00:00:00Z">2026-09-18T00:00:00Z</time>
</dd>
</div>
</dl>
<p>example-disclaimer</p>
</section>

Preview (interface-only; the markup above is the same output):

example-title

Prices in example-currency
ItemPrice (example-currency)
example-keyexample-cells
Source
https://example.com/source-url
Verified

example-disclaimer

The renderer resolves this component as a native block; the preview above is its real HTML output, and Markdown parity for native blocks is covered by the renderer test suite.

Specification

Generated from packages/contracts/component-specs/pricing-reference.md.

Contract

Production props are normative in ../contracts/component-props/pricing-reference.schema.json. The corresponding component-fixtures manifest is only a minimal protocol fixture; use the production props schema when building the published package. The packaged artifact ships exactly its generated component-package.json manifest plus props.schema.json (the production props schema, copied byte-for-byte) and spec.md (this spec, copied byte-for-byte); it contains no executable payload, fallback implementation, Storybook, test suite, SSR harness or README. Rendering behavior and the acceptance cases below belong to the renderer and the repository tests, not to the package. Installation pins the package version and the digest of every shipped byte.

Intended behavior

Use owner-approved authoritative pricing, not code-inferred customer business promises.

Failure and fallback

Outdated external price asks review; never automatically adopts unverified data.

Required acceptance cases

Date/currency/tax terms visible and match approved source. Also test empty data, loading, denied access, browser without JS, mobile 360px, keyboard navigation, dark mode and an explicit constrained agent tool call. The server independently authorizes capability requests; a package manifest cannot grant authority.

Data and maintenance

Data bindings resolve from a specific publication/release vector and permitted fact/evidence graph. Configuration edits create versioned component patches. Update invalidation uses dependency IDs, never indiscriminate whole-page regeneration. Human-owned props survive automatic updates unless invalidated with an explicit conflict. Missing optional resources leave an honest inert/readable fallback, not a broken page or fake success.

Cost and tools

Pure/local interaction must never invoke a model by accident. Any model, remote query or executor call must reserve approved budget before dispatch. Public visitors do not inherit owner resources. The component may call only named tools in its signed manifest with valid typed inputs. A cancelled job stops polling and closes resources. No component gets platform administration, raw credentials or an unlimited execution loop.

Package manifest

Protocol fixture: packages/contracts/component-fixtures/pricing-reference.json.

FieldValue
Name@docsloth/pricing-reference
Version1.0.0
Protocol1.x
LicenseApache-2.0
Runtimereact
Entrydist/index.js
Recording policymasked
Fallbackhtml, markdown, json
Network hostsnone
Production writeno
Max runtime seconds0
Integrityall zeros (protocol fixture placeholder)

Sources

SourcePath
Component pagehttps://registry.docsloth.dev/components/pricing-reference.html
Markdown twinhttps://registry.docsloth.dev/docs/pricing-reference.md
LLM indexhttps://registry.docsloth.dev/llms.txt
Specificationpackages/contracts/component-specs/pricing-reference.md
Prop schemapackages/contracts/component-props/pricing-reference.schema.json
Protocol fixturepackages/contracts/component-fixtures/pricing-reference.json
Catalogpackages/contracts/component-catalog.json