{ "step": "catalog-page-1", "tool": "catalog_list", "input": { "detail": "full", "page": 1, "pageSize": 50 }, "isError": false, "error": null, "output": { "registry": { "source": "live-registry", "objects": [ "Article", "Invoice", "Media", "Organization", "Plan", "Product", "Relationship", "Subscription", "Transaction", "Usage", "User" ], "hiddenInternal": 5, "traits": [ "Addressable", "Archivable", "Assessable", "Auditable", "Authable", "Billable", "Cancellable", "Classifiable", "Colorized", "Communicable", "EncodingColor", "EncodingOpacity", "EncodingPositionX", "EncodingPositionY", "EncodingShape", "EncodingSize", "Filterable", "Geocodable", "InteractionHighlight", "InteractionTooltip", "Labelled", "LayoutConcat", "LayoutFacet", "LayoutLayer", "MarkArea", "MarkBar", "MarkGraph", "MarkLine", "MarkPoint", "MarkRect", "Ownerable", "Pageable", "Preferenceable", "Priceable", "Provenanced", "SaaSBillingBillable", "SaaSBillingMetered", "SaaSBillingPayable", "SaaSBillingRefundable", "ScaleLinear", "ScaleTemporal", "ScatterPlot", "Searchable", "Sortable", "Stateful", "Statusable", "Supersedable", "Taggable", "Timestampable" ], "issues": [] }, "components": [ { "name": "AddressCollectionPanel", "displayName": "AddressCollectionPanel", "description": "Groups an address heading, summary and authored address content.", "categories": [ "core" ], "tags": [ "address", "delivery", "location", "validation" ], "contexts": [ "detail" ], "regions": [ "detail", "form", "list" ], "traits": [ "Addressable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#AddressCollectionPanel" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderAddressCollectionPanel" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#AddressCollectionPanel" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#AddressCollectionPanel" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/80", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/81", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/90", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/91", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/188", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/189", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/198", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/199" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#AddressCollectionPanel", "build record (not shipped): vue-measured.json#AddressCollectionPanel", "packages/components-react/evidence/react-readiness.v1.json#AddressCollectionPanel", "packages/components-react/test/accessibility.spec.tsx#AddressCollectionPanel", "packages/components-vue/evidence/vue-readiness.v1.json#AddressCollectionPanel", "packages/components-vue/test/accessibility.spec.ts#AddressCollectionPanel" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#AddressCollectionPanel", "build record (not shipped): vue-theme/report.json#AddressCollectionPanel", "packages/components-react/evidence/react-readiness.v1.json#AddressCollectionPanel", "packages/components-vue/evidence/vue-readiness.v1.json#AddressCollectionPanel" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#AddressCollectionPanel", "build record (not shipped): vue-measured.json#AddressCollectionPanel", "packages/components-react/evidence/react-readiness.v1.json#AddressCollectionPanel", "packages/components-react/test/scenario-interactions.spec.tsx#AddressCollectionPanel", "packages/components-vue/evidence/vue-readiness.v1.json#AddressCollectionPanel", "packages/components-vue/test/scenario-interactions.spec.ts#AddressCollectionPanel" ], "reason": "AddressCollectionPanel presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "experimental", "propSchema": { "field": { "type": "string", "default": "addresses", "trait": "Addressable" }, "roleField": { "type": "string", "default": "address_roles", "trait": "Addressable" }, "defaultRoleField": { "type": "string", "default": "default_address_role", "trait": "Addressable" }, "roleParameter": { "type": "string", "default": "roles", "trait": "Addressable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "body": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "emptyMessage": { "type": "string", "optional": true }, "heading": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "metadata": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "summary": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "body": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "emptyMessage": { "type": "string", "optional": true }, "heading": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "metadata": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "summary": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "AddressEditor", "displayName": "AddressEditor", "description": "Edits street, city, region and postal code through labelled inputs.", "categories": [ "core" ], "tags": [ "address", "delivery", "location", "validation" ], "contexts": [ "form" ], "regions": [ "detail", "form", "list" ], "traits": [ "Addressable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#AddressEditor" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderAddressEditor" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#AddressEditor" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#AddressEditor" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/82", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/83", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/90", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/91", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/190", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/191", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/198", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/199" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#AddressEditor", "build record (not shipped): vue-measured.json#AddressEditor", "packages/components-react/evidence/react-readiness.v1.json#AddressEditor", "packages/components-react/test/accessibility.spec.tsx#AddressEditor", "packages/components-vue/evidence/vue-readiness.v1.json#AddressEditor", "packages/components-vue/test/accessibility.spec.ts#AddressEditor" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#AddressEditor", "build record (not shipped): vue-theme/report.json#AddressEditor", "packages/components-react/evidence/react-readiness.v1.json#AddressEditor", "packages/components-vue/evidence/vue-readiness.v1.json#AddressEditor" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#AddressEditor", "build record (not shipped): vue-measured.json#AddressEditor", "packages/components-react/evidence/react-readiness.v1.json#AddressEditor", "packages/components-react/test/scenario-interactions.spec.tsx#AddressEditor", "packages/components-vue/evidence/vue-readiness.v1.json#AddressEditor", "packages/components-vue/test/scenario-interactions.spec.ts#AddressEditor" ] } } }, "status": "stable", "maturity": "experimental", "propSchema": { "field": { "type": "string", "default": "addresses", "trait": "Addressable" }, "roleParameter": { "type": "string", "default": "roles", "trait": "Addressable" }, "allowDynamicParameter": { "type": "string", "default": "allowDynamicRoles", "trait": "Addressable" }, "defaultRoleField": { "type": "string", "default": "default_address_role", "trait": "Addressable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "addressLine1": { "type": "string", "optional": true }, "city": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "heading": { "type": "string", "optional": true }, "hint": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "line1": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "onChange": { "type": "((address: AddressEditorValue) => void)", "optional": true }, "postalCode": { "type": "string", "optional": true }, "region": { "type": "string", "optional": true }, "state": { "type": "string", "optional": true }, "street": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true }, "zip": { "type": "string", "optional": true } }, "vue": { "addressLine1": { "type": "string", "optional": true }, "city": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "heading": { "type": "string", "optional": true }, "hint": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "line1": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "postalCode": { "type": "string", "optional": true }, "region": { "type": "string", "optional": true }, "state": { "type": "string", "optional": true }, "street": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true }, "zip": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "AddressSummaryBadge", "displayName": "AddressSummaryBadge", "description": "Shows a compact address label or role.", "categories": [ "core" ], "tags": [ "address", "delivery", "location", "validation" ], "contexts": [ "list" ], "regions": [ "detail", "form", "list" ], "traits": [ "Addressable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#AddressSummaryBadge" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderAddressSummaryBadge" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#AddressSummaryBadge" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#AddressSummaryBadge" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#AddressSummaryBadge", "build record (not shipped): vue-measured.json#AddressSummaryBadge", "packages/components-react/evidence/react-readiness.v1.json#AddressSummaryBadge", "packages/components-react/test/accessibility.spec.tsx#AddressSummaryBadge", "packages/components-vue/evidence/vue-readiness.v1.json#AddressSummaryBadge", "packages/components-vue/test/accessibility.spec.ts#AddressSummaryBadge" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#AddressSummaryBadge", "build record (not shipped): vue-theme/report.json#AddressSummaryBadge", "packages/components-react/evidence/react-readiness.v1.json#AddressSummaryBadge", "packages/components-vue/evidence/vue-readiness.v1.json#AddressSummaryBadge" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#AddressSummaryBadge", "build record (not shipped): vue-measured.json#AddressSummaryBadge", "packages/components-react/evidence/react-readiness.v1.json#AddressSummaryBadge", "packages/components-react/test/scenario-interactions.spec.tsx#AddressSummaryBadge", "packages/components-vue/evidence/vue-readiness.v1.json#AddressSummaryBadge", "packages/components-vue/test/scenario-interactions.spec.ts#AddressSummaryBadge" ], "reason": "AddressSummaryBadge presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "experimental", "propSchema": { "field": { "type": "string", "default": "default_address_role", "trait": "Addressable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "emphasis": { "type": "ComponentEmphasis", "optional": true }, "label": { "type": "string", "optional": true }, "role": { "type": "string", "optional": true }, "state": { "type": "string", "optional": true }, "status": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "tone": { "type": "ComponentTone", "optional": true }, "value": { "type": "string", "optional": true }, "variant": { "type": "string", "optional": true } }, "vue": { "emphasis": { "type": "unknown", "optional": true }, "label": { "type": "unknown", "optional": true }, "role": { "type": "unknown", "optional": true }, "state": { "type": "unknown", "optional": true }, "status": { "type": "unknown", "optional": true }, "text": { "type": "unknown", "optional": true }, "tone": { "type": "unknown", "optional": true }, "value": { "type": "unknown", "optional": true }, "variant": { "type": "unknown", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "AddressValidationTimeline", "displayName": "AddressValidationTimeline", "description": "Lists recorded address validation events in time order.", "categories": [ "core" ], "tags": [ "address", "delivery", "location", "validation" ], "contexts": [ "timeline" ], "regions": [ "detail", "form", "list", "timeline" ], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#AddressValidationTimeline" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderAddressValidationTimeline" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#AddressValidationTimeline" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#AddressValidationTimeline" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#AddressValidationTimeline", "build record (not shipped): vue-measured.json#AddressValidationTimeline", "packages/components-react/evidence/react-readiness.v1.json#AddressValidationTimeline", "packages/components-react/test/accessibility.spec.tsx#AddressValidationTimeline", "packages/components-vue/evidence/vue-readiness.v1.json#AddressValidationTimeline", "packages/components-vue/test/accessibility.spec.ts#AddressValidationTimeline" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#AddressValidationTimeline", "build record (not shipped): vue-theme/report.json#AddressValidationTimeline", "packages/components-react/evidence/react-readiness.v1.json#AddressValidationTimeline", "packages/components-vue/evidence/vue-readiness.v1.json#AddressValidationTimeline" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#AddressValidationTimeline", "build record (not shipped): vue-measured.json#AddressValidationTimeline", "packages/components-react/evidence/react-readiness.v1.json#AddressValidationTimeline", "packages/components-react/test/scenario-interactions.spec.tsx#AddressValidationTimeline", "packages/components-vue/evidence/vue-readiness.v1.json#AddressValidationTimeline", "packages/components-vue/test/scenario-interactions.spec.ts#AddressValidationTimeline" ], "reason": "AddressValidationTimeline presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "propSchema": {}, "propSchemaTarget": "html", "propTypes": { "react": { "events": { "type": "readonly unknown[]", "optional": true }, "heading": { "type": "string", "optional": true }, "history": { "type": "readonly unknown[]", "optional": true }, "label": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true }, "validations": { "type": "readonly unknown[]", "optional": true } }, "vue": { "events": { "type": "unknown", "optional": true }, "heading": { "type": "unknown", "optional": true }, "history": { "type": "unknown", "optional": true }, "label": { "type": "unknown", "optional": true }, "name": { "type": "unknown", "optional": true }, "title": { "type": "unknown", "optional": true }, "validations": { "type": "unknown", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "ArchivedRowOverlay", "displayName": "ArchivedRowOverlay", "description": "Marks an archived collection row while retaining its content.", "categories": [ "lifecycle" ], "tags": [ "archival", "audit", "compliance", "lifecycle", "retention", "soft-delete" ], "contexts": [ "list" ], "regions": [ "card", "detail", "list" ], "traits": [ "Archivable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#ArchivedRowOverlay" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderArchivedRowOverlay" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#ArchivedRowOverlay" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#ArchivedRowOverlay" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/152", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/153", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/156", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/157", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/166", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/167", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/170", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/171" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#ArchivedRowOverlay", "build record (not shipped): vue-measured.json#ArchivedRowOverlay", "packages/components-react/evidence/react-readiness.v1.json#ArchivedRowOverlay", "packages/components-react/test/accessibility.spec.tsx#ArchivedRowOverlay", "packages/components-vue/evidence/vue-readiness.v1.json#ArchivedRowOverlay", "packages/components-vue/test/accessibility.spec.ts#ArchivedRowOverlay" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#ArchivedRowOverlay", "build record (not shipped): vue-theme/report.json#ArchivedRowOverlay", "packages/components-react/evidence/react-readiness.v1.json#ArchivedRowOverlay", "packages/components-vue/evidence/vue-readiness.v1.json#ArchivedRowOverlay" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#ArchivedRowOverlay", "build record (not shipped): vue-measured.json#ArchivedRowOverlay", "packages/components-react/evidence/react-readiness.v1.json#ArchivedRowOverlay", "packages/components-react/test/scenario-interactions.spec.tsx#ArchivedRowOverlay", "packages/components-vue/evidence/vue-readiness.v1.json#ArchivedRowOverlay", "packages/components-vue/test/scenario-interactions.spec.ts#ArchivedRowOverlay" ], "reason": "ArchivedRowOverlay presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "stable", "propSchema": { "archivedField": { "type": "string", "default": "is_archived", "trait": "Archivable" }, "style": { "type": "string", "default": "grayed", "trait": "Archivable" }, "showBadge": { "type": "boolean", "default": true, "trait": "Archivable" }, "separateTab": { "type": "boolean", "default": true, "trait": "Archivable" }, "tabLabel": { "type": "string", "default": "Archived", "trait": "Archivable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "children": { "type": "ReactNode", "optional": true }, "id": { "type": "string", "optional": true }, "isArchived": { "type": "boolean", "optional": true }, "label": { "type": "string", "optional": true }, "separateTab": { "type": "boolean", "optional": true }, "showBadge": { "type": "boolean", "optional": true }, "style": { "type": "\"grayed\"", "optional": true }, "tabLabel": { "type": "string", "optional": true } }, "vue": { "id": { "type": "string", "optional": true }, "isArchived": { "type": "boolean", "optional": true }, "label": { "type": "string", "optional": true }, "separateTab": { "type": "boolean", "optional": true }, "showBadge": { "type": "boolean", "optional": true }, "tabLabel": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "ArchiveEvent", "displayName": "ArchiveEvent", "description": "Describes an archive event with its recorded timestamp.", "categories": [ "lifecycle" ], "tags": [ "archival", "audit", "compliance", "lifecycle", "retention", "soft-delete" ], "contexts": [ "timeline" ], "regions": [ "card", "detail", "list", "timeline" ], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#ArchiveEvent" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderArchiveEvent" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#ArchiveEvent" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#ArchiveEvent" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#ArchiveEvent", "build record (not shipped): vue-measured.json#ArchiveEvent", "packages/components-react/evidence/react-readiness.v1.json#ArchiveEvent", "packages/components-react/test/accessibility.spec.tsx#ArchiveEvent", "packages/components-vue/evidence/vue-readiness.v1.json#ArchiveEvent", "packages/components-vue/test/accessibility.spec.ts#ArchiveEvent" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#ArchiveEvent", "build record (not shipped): vue-theme/report.json#ArchiveEvent", "packages/components-react/evidence/react-readiness.v1.json#ArchiveEvent", "packages/components-vue/evidence/vue-readiness.v1.json#ArchiveEvent" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#ArchiveEvent", "build record (not shipped): vue-measured.json#ArchiveEvent", "packages/components-react/evidence/react-readiness.v1.json#ArchiveEvent", "packages/components-react/test/scenario-interactions.spec.tsx#ArchiveEvent", "packages/components-vue/evidence/vue-readiness.v1.json#ArchiveEvent", "packages/components-vue/test/scenario-interactions.spec.ts#ArchiveEvent" ], "reason": "ArchiveEvent presents declared trait values and owns no focusable control or consumer action." } } }, "status": "stable", "propSchema": {}, "propSchemaTarget": "html", "propTypes": { "react": { "archivedAt": { "type": "string | null", "optional": true }, "archivedBy": { "type": "string | null", "optional": true }, "code": { "type": "string | null", "optional": true }, "history": { "type": "readonly unknown[]", "optional": true }, "id": { "type": "string", "optional": true }, "reason": { "type": "string | null", "optional": true }, "restoredAt": { "type": "string | null", "optional": true }, "showActor": { "type": "boolean", "optional": true }, "showReason": { "type": "boolean", "optional": true }, "status": { "type": "string | null", "optional": true }, "timestamp": { "type": "string | null", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "archivedAt": { "type": "string | null", "optional": true }, "archivedBy": { "type": "string | null", "optional": true }, "code": { "type": "string | null", "optional": true }, "history": { "type": "readonly unknown[]", "optional": true }, "id": { "type": "string", "optional": true }, "reason": { "type": "string | null", "optional": true }, "restoredAt": { "type": "string | null", "optional": true }, "showActor": { "type": "boolean", "optional": true }, "showReason": { "type": "boolean", "optional": true }, "status": { "type": "string | null", "optional": true }, "timestamp": { "type": "string | null", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "ArchivePill", "displayName": "ArchivePill", "description": "Marks whether a record is archived.", "categories": [ "lifecycle" ], "tags": [ "archival", "audit", "compliance", "lifecycle", "retention", "soft-delete" ], "contexts": [ "card" ], "regions": [ "card", "detail", "list" ], "traits": [ "Archivable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#ArchivePill" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderArchivePill" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#ArchivePill" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#ArchivePill" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/144", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/145", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/158", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/159" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#ArchivePill", "build record (not shipped): vue-measured.json#ArchivePill", "packages/components-react/evidence/react-readiness.v1.json#ArchivePill", "packages/components-react/test/accessibility.spec.tsx#ArchivePill", "packages/components-vue/evidence/vue-readiness.v1.json#ArchivePill", "packages/components-vue/test/accessibility.spec.ts#ArchivePill" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#ArchivePill", "build record (not shipped): vue-theme/report.json#ArchivePill", "packages/components-react/evidence/react-readiness.v1.json#ArchivePill", "packages/components-vue/evidence/vue-readiness.v1.json#ArchivePill" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#ArchivePill", "build record (not shipped): vue-measured.json#ArchivePill", "packages/components-react/evidence/react-readiness.v1.json#ArchivePill", "packages/components-react/test/scenario-interactions.spec.tsx#ArchivePill", "packages/components-vue/evidence/vue-readiness.v1.json#ArchivePill", "packages/components-vue/test/scenario-interactions.spec.ts#ArchivePill" ], "reason": "ArchivePill presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "stable", "propSchema": { "field": { "type": "string", "default": "is_archived", "trait": "Archivable" }, "archivedAtField": { "type": "string", "default": "archived_at", "trait": "Archivable" }, "hideWhenFalse": { "type": "boolean", "default": true, "trait": "Archivable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "emphasis": { "type": "ComponentEmphasis", "optional": true }, "hideWhenFalse": { "type": "boolean", "optional": true }, "isArchived": { "type": "string | boolean", "optional": true }, "label": { "type": "string", "optional": true }, "state": { "type": "string", "optional": true }, "status": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "tone": { "type": "ComponentTone", "optional": true }, "value": { "type": "string | boolean", "optional": true }, "variant": { "type": "string", "optional": true } }, "vue": { "emphasis": { "type": "unknown", "optional": true }, "hideWhenFalse": { "type": "unknown", "optional": true }, "isArchived": { "type": "unknown", "optional": true }, "label": { "type": "unknown", "optional": true }, "state": { "type": "unknown", "optional": true }, "status": { "type": "unknown", "optional": true }, "text": { "type": "unknown", "optional": true }, "tone": { "type": "unknown", "optional": true }, "value": { "type": "unknown", "optional": true }, "variant": { "type": "unknown", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "ArchiveSummary", "displayName": "ArchiveSummary", "description": "Shows a record's archive status and related details.", "categories": [ "lifecycle" ], "tags": [ "archival", "audit", "compliance", "lifecycle", "retention", "soft-delete" ], "contexts": [ "detail" ], "regions": [ "card", "detail", "list" ], "traits": [ "Archivable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#ArchiveSummary" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderArchiveSummary" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#ArchiveSummary" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#ArchiveSummary" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/146", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/147", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/156", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/157", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/160", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/161", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/170", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/171" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#ArchiveSummary", "build record (not shipped): vue-measured.json#ArchiveSummary", "packages/components-react/evidence/react-readiness.v1.json#ArchiveSummary", "packages/components-react/test/accessibility.spec.tsx#ArchiveSummary", "packages/components-vue/evidence/vue-readiness.v1.json#ArchiveSummary", "packages/components-vue/test/accessibility.spec.ts#ArchiveSummary" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#ArchiveSummary", "build record (not shipped): vue-theme/report.json#ArchiveSummary", "packages/components-react/evidence/react-readiness.v1.json#ArchiveSummary", "packages/components-vue/evidence/vue-readiness.v1.json#ArchiveSummary" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#ArchiveSummary", "build record (not shipped): vue-measured.json#ArchiveSummary", "packages/components-react/evidence/react-readiness.v1.json#ArchiveSummary", "packages/components-react/test/scenario-interactions.spec.tsx#ArchiveSummary", "packages/components-vue/evidence/vue-readiness.v1.json#ArchiveSummary", "packages/components-vue/test/scenario-interactions.spec.ts#ArchiveSummary" ], "reason": "ArchiveSummary presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "stable", "propSchema": { "hideWhenDefault": { "type": "boolean", "default": true, "trait": "Archivable" }, "archivedField": { "type": "string", "default": "is_archived", "trait": "Archivable" }, "archivedAtField": { "type": "string", "default": "archived_at", "trait": "Archivable" }, "restoredAtField": { "type": "string", "default": "restored_at", "trait": "Archivable" }, "reasonField": { "type": "string", "default": "archive_reason", "trait": "Archivable" }, "archivedByField": { "type": "string", "default": "archived_by", "trait": "Archivable" }, "metadataField": { "type": "string", "default": "archive_metadata", "trait": "Archivable" }, "retainHistoryParameter": { "type": "string", "default": "retainHistory", "trait": "Archivable" }, "restoreWindowParameter": { "type": "string", "default": "restoreWindowDays", "trait": "Archivable" }, "allowPartialRestoreParameter": { "type": "string", "default": "allowPartialRestore", "trait": "Archivable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "archived": { "type": "string | boolean", "optional": true }, "archivedAt": { "type": "string | null", "optional": true }, "archiveReason": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "heading": { "type": "string", "optional": true }, "hideWhenDefault": { "type": "boolean", "optional": true }, "isArchived": { "type": "string | boolean", "optional": true }, "label": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "reason": { "type": "string", "optional": true }, "status": { "type": "string | boolean", "optional": true }, "summary": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "archiveReason": { "type": "string", "optional": true }, "archived": { "type": "string | boolean", "optional": true }, "archivedAt": { "type": "string | null", "optional": true }, "description": { "type": "string", "optional": true }, "heading": { "type": "string", "optional": true }, "hideWhenDefault": { "type": "string | boolean", "optional": true }, "isArchived": { "type": "string | boolean", "optional": true }, "label": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "reason": { "type": "string", "optional": true }, "status": { "type": "string | boolean", "optional": true }, "summary": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "AuditEvent", "displayName": "AuditEvent", "description": "Shows one recorded audit event and its time.", "categories": [ "lifecycle" ], "tags": [ "audit", "lifecycle", "metadata", "timestamp" ], "contexts": [ "timeline" ], "regions": [ "detail", "list", "timeline" ], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#AuditEvent" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderAuditEvent" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#AuditEvent" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#AuditEvent" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#AuditEvent", "build record (not shipped): vue-measured.json#AuditEvent", "packages/components-react/evidence/react-readiness.v1.json#AuditEvent", "packages/components-react/test/accessibility.spec.tsx#AuditEvent", "packages/components-vue/evidence/vue-readiness.v1.json#AuditEvent", "packages/components-vue/test/accessibility.spec.ts#AuditEvent" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#AuditEvent", "build record (not shipped): vue-theme/report.json#AuditEvent", "packages/components-react/evidence/react-readiness.v1.json#AuditEvent", "packages/components-vue/evidence/vue-readiness.v1.json#AuditEvent" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#AuditEvent", "build record (not shipped): vue-measured.json#AuditEvent", "packages/components-react/evidence/react-readiness.v1.json#AuditEvent", "packages/components-react/test/scenario-interactions.spec.tsx#AuditEvent", "packages/components-vue/evidence/vue-readiness.v1.json#AuditEvent", "packages/components-vue/test/scenario-interactions.spec.ts#AuditEvent" ], "reason": "AuditEvent presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "propSchema": {}, "propSchemaTarget": "html", "propTypes": { "react": { "at": { "type": "string", "optional": true }, "code": { "type": "string", "optional": true }, "createdAt": { "type": "string", "optional": true }, "datetime": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "detail": { "type": "string", "optional": true }, "event": { "type": "string", "optional": true }, "from": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "message": { "type": "string", "optional": true }, "reason": { "type": "string", "optional": true }, "state": { "type": "string", "optional": true }, "status": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "time": { "type": "string", "optional": true }, "timestamp": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true }, "to": { "type": "string", "optional": true }, "updatedAt": { "type": "string", "optional": true } }, "vue": { "at": { "type": "string", "optional": true }, "code": { "type": "string", "optional": true }, "createdAt": { "type": "string", "optional": true }, "datetime": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "detail": { "type": "string", "optional": true }, "event": { "type": "string", "optional": true }, "from": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "message": { "type": "string", "optional": true }, "reason": { "type": "string", "optional": true }, "state": { "type": "string", "optional": true }, "status": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "time": { "type": "string", "optional": true }, "timestamp": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true }, "to": { "type": "string", "optional": true }, "updatedAt": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "AuditSummaryCard", "displayName": "AuditSummaryCard", "description": "Summarizes audit coverage and recorded results.", "categories": [ "lifecycle" ], "tags": [ "accountability", "audit", "compliance", "lifecycle", "trail", "transition" ], "contexts": [ "detail" ], "regions": [ "detail", "timeline" ], "traits": [ "Auditable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#AuditSummaryCard" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderAuditSummaryCard" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#AuditSummaryCard" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#AuditSummaryCard" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#AuditSummaryCard", "build record (not shipped): vue-measured.json#AuditSummaryCard", "packages/components-react/evidence/react-readiness.v1.json#AuditSummaryCard", "packages/components-react/test/accessibility.spec.tsx#AuditSummaryCard", "packages/components-vue/evidence/vue-readiness.v1.json#AuditSummaryCard", "packages/components-vue/test/accessibility.spec.ts#AuditSummaryCard" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#AuditSummaryCard", "build record (not shipped): vue-theme/report.json#AuditSummaryCard", "packages/components-react/evidence/react-readiness.v1.json#AuditSummaryCard", "packages/components-vue/evidence/vue-readiness.v1.json#AuditSummaryCard" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#AuditSummaryCard", "build record (not shipped): vue-measured.json#AuditSummaryCard", "packages/components-react/evidence/react-readiness.v1.json#AuditSummaryCard", "packages/components-react/test/scenario-interactions.spec.tsx#AuditSummaryCard", "packages/components-vue/evidence/vue-readiness.v1.json#AuditSummaryCard", "packages/components-vue/test/scenario-interactions.spec.ts#AuditSummaryCard" ], "reason": "AuditSummaryCard presents derived content and owns no focusable control or consumer action." } } }, "status": "stable", "maturity": "experimental", "propSchema": { "auditLogField": { "type": "string", "default": "audit_log", "trait": "Auditable" }, "lastN": { "type": "number", "default": 5, "trait": "Auditable" }, "showTransitionCount": { "type": "boolean", "default": true, "trait": "Auditable" }, "showLastTransitionTime": { "type": "boolean", "default": true, "trait": "Auditable" }, "showLastActor": { "type": "boolean", "default": true, "trait": "Auditable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "auditLog": { "type": "readonly unknown[]", "optional": true }, "id": { "type": "string", "optional": true }, "lastN": { "type": "number", "optional": true }, "showLastActor": { "type": "boolean", "optional": true }, "showLastTransitionTime": { "type": "boolean", "optional": true }, "showTransitionCount": { "type": "boolean", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "auditLog": { "type": "readonly unknown[]", "optional": true }, "id": { "type": "string", "optional": true }, "lastN": { "type": "number", "optional": true }, "showLastActor": { "type": "boolean", "optional": true }, "showLastTransitionTime": { "type": "boolean", "optional": true }, "showTransitionCount": { "type": "boolean", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "AuditTimeline", "displayName": "AuditTimeline", "description": "Lists entries from a record's audit log.", "categories": [ "lifecycle" ], "tags": [ "accountability", "audit", "compliance", "lifecycle", "metadata", "timestamp", "trail", "transition" ], "contexts": [ "detail", "timeline" ], "regions": [ "detail", "list", "timeline" ], "traits": [ "Auditable", "Timestampable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#AuditTimeline" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderAuditTimeline" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#AuditTimeline" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#AuditTimeline" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#AuditTimeline", "build record (not shipped): vue-measured.json#AuditTimeline", "packages/components-react/evidence/react-readiness.v1.json#AuditTimeline", "packages/components-react/test/accessibility.spec.tsx#AuditTimeline", "packages/components-vue/evidence/vue-readiness.v1.json#AuditTimeline", "packages/components-vue/test/accessibility.spec.ts#AuditTimeline" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#AuditTimeline", "build record (not shipped): vue-theme/report.json#AuditTimeline", "packages/components-react/evidence/react-readiness.v1.json#AuditTimeline", "packages/components-vue/evidence/vue-readiness.v1.json#AuditTimeline" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#AuditTimeline", "build record (not shipped): vue-measured.json#AuditTimeline", "packages/components-react/evidence/react-readiness.v1.json#AuditTimeline", "packages/components-react/test/scenario-interactions.spec.tsx#AuditTimeline", "packages/components-vue/evidence/vue-readiness.v1.json#AuditTimeline", "packages/components-vue/test/scenario-interactions.spec.ts#AuditTimeline" ], "reason": "AuditTimeline presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "experimental", "propSchema": { "auditLogField": { "type": "string", "default": "audit_log", "trait": "Auditable" }, "maxVisible": { "type": "number", "default": 7, "trait": "Auditable" }, "showFromState": { "type": "boolean", "default": true, "trait": "Auditable" }, "showActorId": { "type": "boolean", "default": true, "trait": "Auditable" }, "showReason": { "type": "boolean", "default": true, "trait": "Auditable" }, "createdField": { "type": "string", "default": "created_at", "trait": "Timestampable" }, "updatedField": { "type": "string", "default": "updated_at", "trait": "Timestampable" }, "eventField": { "type": "string", "default": "last_event", "trait": "Timestampable" }, "eventTimestampField": { "type": "string", "default": "last_event_at", "trait": "Timestampable" }, "eventOptionsParameter": { "type": "string", "default": "recordedEvents", "trait": "Timestampable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "auditLog": { "type": "readonly unknown[]", "optional": true }, "auditLogField": { "type": "string", "optional": true }, "children": { "type": "ReactNode", "optional": true }, "createdField": { "type": "string", "optional": true }, "entries": { "type": "readonly unknown[]", "optional": true }, "eventField": { "type": "string", "optional": true }, "eventOptionsParameter": { "type": "string", "optional": true }, "events": { "type": "readonly unknown[]", "optional": true }, "eventTimestampField": { "type": "string", "optional": true }, "field": { "type": "string", "optional": true }, "history": { "type": "readonly unknown[]", "optional": true }, "historyField": { "type": "string", "optional": true }, "maxVisible": { "type": "number", "optional": true }, "showActorId": { "type": "boolean", "optional": true }, "showFromState": { "type": "boolean", "optional": true }, "showReason": { "type": "boolean", "optional": true }, "stateHistory": { "type": "readonly unknown[]", "optional": true }, "statesParameter": { "type": "string", "optional": true }, "title": { "type": "ReactNode", "optional": true }, "updatedField": { "type": "string", "optional": true } }, "vue": { "allowedTransitions": { "type": "string[]", "optional": true }, "auditLog": { "type": "unknown[]", "optional": true }, "auditLogField": { "type": "string", "optional": true }, "createdField": { "type": "string", "optional": true }, "entries": { "type": "unknown[]", "optional": true }, "eventField": { "type": "string", "optional": true }, "eventOptionsParameter": { "type": "string", "optional": true }, "eventTimestampField": { "type": "string", "optional": true }, "events": { "type": "unknown[]", "optional": true }, "field": { "type": "string", "optional": true }, "history": { "type": "unknown[]", "optional": true }, "historyField": { "type": "string", "optional": true }, "maxVisible": { "type": "number", "optional": true }, "showActorId": { "type": "boolean", "optional": true }, "showFromState": { "type": "boolean", "optional": true }, "showReason": { "type": "boolean", "optional": true }, "source": { "type": "unknown[]", "optional": true }, "stateHistory": { "type": "unknown[]", "optional": true }, "statesParameter": { "type": "string", "optional": true }, "status": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true }, "updatedField": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "Badge", "displayName": "Badge", "description": "Displays a short label with a semantic status treatment.", "categories": [ "primitive", "visual" ], "tags": [ "badge", "banner", "presentation", "primitive", "registry", "saas", "semantic", "status", "tone" ], "contexts": [ "card", "detail", "list" ], "regions": [ "card", "contextPanel", "detail", "form", "list", "main", "timeline" ], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#Badge" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderBadge" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#Badge" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#Badge" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Badge", "build record (not shipped): vue-measured.json#Badge", "packages/components-react/evidence/react-readiness.v1.json#Badge", "packages/components-react/test/accessibility.spec.tsx#Badge", "packages/components-vue/evidence/vue-readiness.v1.json#Badge", "packages/components-vue/test/accessibility.spec.ts#Badge" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#Badge", "build record (not shipped): vue-theme/report.json#Badge", "packages/components-react/evidence/react-readiness.v1.json#Badge", "packages/components-vue/evidence/vue-readiness.v1.json#Badge" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#Badge", "build record (not shipped): vue-measured.json#Badge", "packages/components-react/evidence/react-readiness.v1.json#Badge", "packages/components-react/test/scenario-interactions.spec.tsx#Badge", "packages/components-vue/evidence/vue-readiness.v1.json#Badge", "packages/components-vue/test/scenario-interactions.spec.ts#Badge" ], "reason": "Badge presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "propSchema": {}, "propSchemaTarget": "html", "propTypes": { "react": { "content": { "type": "ReactNode", "optional": true }, "domain": { "type": "string", "optional": true }, "emphasis": { "type": "ComponentEmphasis", "optional": true }, "icon": { "type": "ReactNode", "optional": true }, "iconPosition": { "type": "\"start\" | \"end\"", "optional": true }, "showIcon": { "type": "boolean", "optional": true }, "status": { "type": "string", "optional": true }, "tone": { "type": "ComponentTone", "optional": true } }, "vue": { "content": { "type": "string | number", "optional": true }, "domain": { "type": "string", "optional": true }, "emphasis": { "type": "ComponentEmphasis", "optional": true }, "icon": { "type": "VNodeChild", "optional": true }, "status": { "type": "string", "optional": true }, "tone": { "type": "ComponentTone", "optional": true } } }, "slots": {}, "readiness": "react-and-vue", "codeReferences": [ { "kind": "code-connect", "path": "stories/components/ReactNucleus.stories.tsx", "snippet": "import { Badge } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ;\n}", "title": "Components/React nucleus" } ], "codeSnippet": "import { Badge } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ;\n}" }, { "name": "Banner", "displayName": "Banner", "description": "Presents a prominent message with optional actions and dismissal.", "categories": [ "primitive", "visual" ], "tags": [ "badge", "banner", "feedback", "notice", "presentation", "primitive", "registry", "saas", "semantic", "status", "tone" ], "contexts": [ "detail", "form", "list" ], "regions": [ "contextPanel", "detail", "form", "list", "main", "timeline" ], "traits": [ "Statusable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#Banner" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderBanner" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#Banner" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#Banner" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/8", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/9", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/10", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/11", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/12", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/13", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/20", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/21", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/22", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/23", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/30", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/31", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/38", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/39", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/46", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/47", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/48", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/49", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/58", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/59", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/60", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/61", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/62", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/63", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/72", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/73", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/74", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/75", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/76", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/77", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/86", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/87", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/88", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/89", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/90", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/91", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/100", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/101", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/102", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/103", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/104", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/105", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/114", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/115", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/116", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/117", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/118", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/119", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/128", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/129", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/130", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/131", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/132", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/133", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/140", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/141", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/142", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/143", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/152", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/153", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/154", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/155", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/156", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/157", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/166", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/167", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/168", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/169", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/170", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/171", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/180", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/181", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/182", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/183", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/184", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/185", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/194", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/195", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/196", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/197", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/198", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/199" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Banner", "build record (not shipped): vue-measured.json#Banner", "packages/components-react/evidence/react-readiness.v1.json#Banner", "packages/components-react/test/accessibility.spec.tsx#Banner", "packages/components-vue/evidence/vue-readiness.v1.json#Banner", "packages/components-vue/test/accessibility.spec.ts#Banner" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#Banner", "build record (not shipped): vue-theme/report.json#Banner", "packages/components-react/evidence/react-readiness.v1.json#Banner", "packages/components-vue/evidence/vue-readiness.v1.json#Banner" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Banner", "build record (not shipped): vue-measured.json#Banner", "packages/components-react/evidence/react-readiness.v1.json#Banner", "packages/components-react/test/scenario-interactions.spec.tsx#Banner", "packages/components-vue/evidence/vue-readiness.v1.json#Banner", "packages/components-vue/test/scenario-interactions.spec.ts#Banner" ] } } }, "status": "stable", "maturity": "experimental", "propSchema": { "statusField": { "type": "string", "default": "status", "trait": "Statusable" }, "domainField": { "type": "string", "default": "domain", "trait": "Statusable" }, "emphasis": { "type": "string", "default": "subtle", "trait": "Statusable" }, "showIcon": { "type": "boolean", "default": true, "trait": "Statusable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "actions": { "type": "ReactNode", "optional": true }, "children": { "type": "ReactNode", "optional": true }, "content": { "type": "ReactNode", "optional": true }, "description": { "type": "ReactNode", "optional": true }, "detail": { "type": "ReactNode", "optional": true }, "dismissLabel": { "type": "string", "optional": true }, "domain": { "type": "string", "optional": true }, "emphasis": { "type": "ComponentEmphasis", "optional": true }, "icon": { "type": "ReactNode", "optional": true }, "onDismiss": { "type": "(() => void)", "optional": true }, "showIcon": { "type": "boolean", "optional": true }, "status": { "type": "string", "optional": true }, "title": { "type": "ReactNode", "optional": true }, "tone": { "type": "ComponentTone", "optional": true } }, "vue": { "content": { "type": "string | number", "optional": true }, "detail": { "type": "string", "optional": true }, "dismissLabel": { "type": "string", "optional": true }, "domain": { "type": "string", "optional": true }, "emphasis": { "type": "ComponentEmphasis", "optional": true }, "status": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true }, "tone": { "type": "ComponentTone", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps", "codeReferences": [ { "kind": "code-connect", "path": "stories/components/ReactNucleus.stories.tsx", "snippet": "import { Banner } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ;\n}", "title": "Components/React nucleus" } ], "codeSnippet": "import { Banner } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ;\n}" }, { "name": "BillingAmountInput", "displayName": "BillingAmountInput", "description": "Edits a billing amount in the selected currency.", "categories": [ "financial" ], "tags": [ "billing", "cycle", "financial", "payment", "recurring", "subscription" ], "contexts": [ "form" ], "regions": [ "card", "detail", "form", "list", "timeline" ], "traits": [ "Billable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#BillingAmountInput" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderBillingAmountInput" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#BillingAmountInput" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#BillingAmountInput" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/148", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/149", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/156", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/157" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#BillingAmountInput", "build record (not shipped): vue-measured.json#BillingAmountInput", "packages/components-react/evidence/react-readiness.v1.json#BillingAmountInput", "packages/components-react/test/accessibility.spec.tsx#BillingAmountInput", "packages/components-vue/evidence/vue-readiness.v1.json#BillingAmountInput", "packages/components-vue/test/accessibility.spec.ts#BillingAmountInput" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#BillingAmountInput", "build record (not shipped): vue-theme/report.json#BillingAmountInput", "packages/components-react/evidence/react-readiness.v1.json#BillingAmountInput", "packages/components-vue/evidence/vue-readiness.v1.json#BillingAmountInput" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#BillingAmountInput", "build record (not shipped): vue-measured.json#BillingAmountInput", "packages/components-react/evidence/react-readiness.v1.json#BillingAmountInput", "packages/components-react/test/scenario-interactions.spec.tsx#BillingAmountInput", "packages/components-vue/evidence/vue-readiness.v1.json#BillingAmountInput", "packages/components-vue/test/scenario-interactions.spec.ts#BillingAmountInput" ] } } }, "status": "stable", "maturity": "experimental", "propSchema": { "amountField": { "type": "string", "default": "amount", "trait": "Billable" }, "currencyField": { "type": "string", "default": "currency", "trait": "Billable" }, "minorUnitsParameter": { "type": "string", "default": "minorUnits", "trait": "Billable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "amount": { "type": "number", "optional": true }, "className": { "type": "string", "optional": true }, "currency": { "type": "string", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "help": { "type": "string", "optional": true }, "id": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "minorUnits": { "type": "number", "optional": true }, "name": { "type": "string", "optional": true }, "onChange": { "type": "((value: number | undefined) => void)", "optional": true }, "showInterval": { "type": "boolean", "optional": true } }, "vue": { "amount": { "type": "number", "optional": true }, "currency": { "type": "string", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "help": { "type": "string", "optional": true }, "id": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "minorUnits": { "type": "number", "optional": true }, "name": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "BillingCardMeta", "displayName": "BillingCardMeta", "description": "Shows compact billing amount and interval metadata.", "categories": [ "domain", "financial" ], "tags": [ "billing", "cycle", "domain", "financial", "payment", "pricing", "recurring", "subscription" ], "contexts": [ "card" ], "regions": [ "card", "detail", "form", "list", "timeline" ], "traits": [ "Billable", "SaaSBillingBillable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#BillingCardMeta" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderBillingCardMeta" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#BillingCardMeta" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#BillingCardMeta" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/92", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/93", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/144", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/145" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#BillingCardMeta", "build record (not shipped): vue-measured.json#BillingCardMeta", "packages/components-react/evidence/react-readiness.v1.json#BillingCardMeta", "packages/components-react/test/accessibility.spec.tsx#BillingCardMeta", "packages/components-vue/evidence/vue-readiness.v1.json#BillingCardMeta", "packages/components-vue/test/accessibility.spec.ts#BillingCardMeta" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#BillingCardMeta", "build record (not shipped): vue-theme/report.json#BillingCardMeta", "packages/components-react/evidence/react-readiness.v1.json#BillingCardMeta", "packages/components-vue/evidence/vue-readiness.v1.json#BillingCardMeta" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#BillingCardMeta", "build record (not shipped): vue-measured.json#BillingCardMeta", "packages/components-react/evidence/react-readiness.v1.json#BillingCardMeta", "packages/components-react/test/scenario-interactions.spec.tsx#BillingCardMeta", "packages/components-vue/evidence/vue-readiness.v1.json#BillingCardMeta", "packages/components-vue/test/scenario-interactions.spec.ts#BillingCardMeta" ], "reason": "BillingCardMeta presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "experimental", "propSchema": { "amountField": { "type": "string", "default": "amount_minor", "trait": "SaaSBillingBillable" }, "currencyField": { "type": "string", "default": "currency", "trait": "SaaSBillingBillable" }, "intervalField": { "type": "string", "default": "billing_interval", "trait": "SaaSBillingBillable" }, "minorUnitsParameter": { "type": "string", "default": "minorUnits", "trait": "Billable" }, "minorUnits": { "type": "number", "default": 100, "trait": "SaaSBillingBillable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "amount": { "type": "number", "optional": true }, "currency": { "type": "string", "optional": true }, "id": { "type": "string", "optional": true }, "interval": { "type": "string", "optional": true }, "minorUnits": { "type": "number", "optional": true } }, "vue": { "amount": { "type": "number", "optional": true }, "currency": { "type": "string", "optional": true }, "id": { "type": "string", "optional": true }, "interval": { "type": "string", "optional": true }, "minorUnits": { "type": "number", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "BillingIntervalSelector", "displayName": "BillingIntervalSelector", "description": "Selects the interval for a recurring charge.", "categories": [ "financial" ], "tags": [ "billing", "cycle", "financial", "payment", "recurring", "subscription" ], "contexts": [ "form" ], "regions": [ "card", "detail", "form", "list", "timeline" ], "traits": [ "Billable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#BillingIntervalSelector" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderBillingIntervalSelector" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#BillingIntervalSelector" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#BillingIntervalSelector" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/148", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/149", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/156", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/157" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#BillingIntervalSelector", "build record (not shipped): vue-measured.json#BillingIntervalSelector", "packages/components-react/evidence/react-readiness.v1.json#BillingIntervalSelector", "packages/components-react/test/accessibility.spec.tsx#BillingIntervalSelector", "packages/components-vue/evidence/vue-readiness.v1.json#BillingIntervalSelector", "packages/components-vue/test/accessibility.spec.ts#BillingIntervalSelector" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#BillingIntervalSelector", "build record (not shipped): vue-theme/report.json#BillingIntervalSelector", "packages/components-react/evidence/react-readiness.v1.json#BillingIntervalSelector", "packages/components-vue/evidence/vue-readiness.v1.json#BillingIntervalSelector" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#BillingIntervalSelector", "build record (not shipped): vue-measured.json#BillingIntervalSelector", "packages/components-react/evidence/react-readiness.v1.json#BillingIntervalSelector", "packages/components-react/test/scenario-interactions.spec.tsx#BillingIntervalSelector", "packages/components-vue/evidence/vue-readiness.v1.json#BillingIntervalSelector", "packages/components-vue/test/scenario-interactions.spec.ts#BillingIntervalSelector" ] } } }, "status": "stable", "maturity": "experimental", "propSchema": { "intervalField": { "type": "string", "default": "billing_interval", "trait": "Billable" }, "intervalsParameter": { "type": "string", "default": "billingIntervals", "trait": "Billable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "className": { "type": "string", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "help": { "type": "string", "optional": true }, "id": { "type": "string", "optional": true }, "interval": { "type": "string", "optional": true }, "intervals": { "type": "readonly string[]", "optional": true }, "label": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "onChange": { "type": "((value: string) => void)", "optional": true } }, "vue": { "disabled": { "type": "boolean", "optional": true }, "help": { "type": "string", "optional": true }, "id": { "type": "string", "optional": true }, "interval": { "type": "string", "optional": true }, "intervals": { "type": "readonly string[]", "optional": true }, "label": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "BillingSummaryBadge", "displayName": "BillingSummaryBadge", "description": "Displays a formatted billing amount and optional interval.", "categories": [ "domain", "financial" ], "tags": [ "billing", "cycle", "domain", "financial", "invoice", "payment", "pricing", "recurring", "subscription" ], "contexts": [ "card", "list" ], "regions": [ "card", "detail", "form", "list", "timeline" ], "traits": [ "Billable", "SaaSBillingBillable", "SaaSBillingPayable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#BillingSummaryBadge" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderBillingSummaryBadge" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#BillingSummaryBadge" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#BillingSummaryBadge" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/50", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/51", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/52", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/53", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/58", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/59", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/62", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/63", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/94", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/95", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/100", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/101", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/104", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/105", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/146", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/147", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/152", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/153", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/154", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/155", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/156", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/157", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/174", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/175", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/184", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/185" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#BillingSummaryBadge", "build record (not shipped): vue-measured.json#BillingSummaryBadge", "packages/components-react/evidence/react-readiness.v1.json#BillingSummaryBadge", "packages/components-react/test/accessibility.spec.tsx#BillingSummaryBadge", "packages/components-vue/evidence/vue-readiness.v1.json#BillingSummaryBadge", "packages/components-vue/test/accessibility.spec.ts#BillingSummaryBadge" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#BillingSummaryBadge", "build record (not shipped): vue-theme/report.json#BillingSummaryBadge", "packages/components-react/evidence/react-readiness.v1.json#BillingSummaryBadge", "packages/components-vue/evidence/vue-readiness.v1.json#BillingSummaryBadge" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#BillingSummaryBadge", "build record (not shipped): vue-measured.json#BillingSummaryBadge", "packages/components-react/evidence/react-readiness.v1.json#BillingSummaryBadge", "packages/components-react/test/scenario-interactions.spec.tsx#BillingSummaryBadge", "packages/components-vue/evidence/vue-readiness.v1.json#BillingSummaryBadge", "packages/components-vue/test/scenario-interactions.spec.ts#BillingSummaryBadge" ], "reason": "BillingSummaryBadge presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "experimental", "propSchema": { "amountField": { "type": "string", "default": "total_minor", "trait": "SaaSBillingPayable" }, "currencyField": { "type": "string", "default": "currency", "trait": "SaaSBillingPayable" }, "intervalField": { "type": "string", "default": "billing_interval", "trait": "SaaSBillingBillable" }, "minorUnitsParameter": { "type": "string", "default": "minorUnits", "trait": "Billable" }, "minorUnits": { "type": "number", "default": 100, "trait": "SaaSBillingPayable" }, "showInterval": { "type": "boolean", "default": false, "trait": "SaaSBillingPayable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "amount": { "type": "number", "optional": true }, "className": { "type": "string", "optional": true }, "currency": { "type": "string", "optional": true }, "id": { "type": "string", "optional": true }, "interval": { "type": "string", "optional": true }, "minorUnits": { "type": "number", "optional": true }, "showInterval": { "type": "boolean", "optional": true } }, "vue": { "amount": { "type": "number", "optional": true }, "currency": { "type": "string", "optional": true }, "id": { "type": "string", "optional": true }, "interval": { "type": "string", "optional": true }, "minorUnits": { "type": "number", "optional": true }, "showInterval": { "type": "boolean", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "Button", "displayName": "Button", "description": "Triggers an action using a labelled native button.", "categories": [ "primitive" ], "tags": [ "action", "interactive", "primitive" ], "contexts": [ "detail", "form", "list" ], "regions": [ "actions", "main" ], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#Button" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderButton" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#Button" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#Button" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/4", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/5", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/8", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/9", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/12", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/13", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/20", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/21", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/30", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/31", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/38", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/39", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/46", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/47", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/54", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/55", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/58", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/59", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/62", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/63", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/68", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/69", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/72", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/73", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/76", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/77", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/82", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/83", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/86", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/87", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/90", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/91", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/96", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/97", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/100", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/101", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/104", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/105", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/110", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/111", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/114", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/115", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/118", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/119", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/124", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/125", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/128", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/129", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/132", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/133", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/140", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/141", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/148", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/149", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/152", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/153", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/156", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/157", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/162", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/163", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/166", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/167", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/170", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/171", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/176", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/177", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/180", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/181", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/184", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/185", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/190", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/191", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/194", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/195", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/198", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/199" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Button", "build record (not shipped): vue-measured.json#Button", "packages/components-react/evidence/react-readiness.v1.json#Button", "packages/components-react/test/accessibility.spec.tsx#Button", "packages/components-vue/evidence/vue-readiness.v1.json#Button", "packages/components-vue/test/accessibility.spec.ts#Button" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#Button", "build record (not shipped): vue-theme/report.json#Button", "packages/components-react/evidence/react-readiness.v1.json#Button", "packages/components-vue/evidence/vue-readiness.v1.json#Button" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Button", "build record (not shipped): vue-measured.json#Button", "packages/components-react/evidence/react-readiness.v1.json#Button", "packages/components-react/test/scenario-interactions.spec.tsx#Button", "packages/components-vue/evidence/vue-readiness.v1.json#Button", "packages/components-vue/test/scenario-interactions.spec.ts#Button" ] } } }, "status": "stable", "propSchema": { "label": { "type": "string", "description": "Button label (primary). Falls back to `text`, then the node label.", "source": "primitive-renderer" }, "text": { "type": "string", "description": "Alternate button label used when `label` is absent.", "source": "primitive-renderer" }, "type": { "type": "string", "description": "Native button type: button | submit | reset (default button).", "source": "primitive-renderer" } }, "propSchemaTarget": "html", "propTypes": { "react": { "asChild": { "type": "boolean", "optional": true }, "children": { "type": "ReactNode", "optional": true }, "content": { "type": "ReactNode", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "intent": { "type": "ButtonIntent", "optional": true }, "onActivate": { "type": "MouseEventHandler", "optional": true }, "size": { "type": "ButtonSize", "optional": true }, "type": { "type": "\"submit\" | \"reset\" | \"button\"", "optional": true } }, "vue": { "content": { "type": "string | number", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "intent": { "type": "ButtonIntent", "optional": true }, "size": { "type": "ButtonSize", "optional": true }, "type": { "type": "\"button\" | \"reset\" | \"submit\"", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps", "codeReferences": [ { "kind": "code-connect", "path": "stories/components/ReactNucleus.stories.tsx", "snippet": "import { Button } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ;\n}", "title": "Components/React nucleus" } ], "codeSnippet": "import { Button } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ;\n}" }, { "name": "CancellationBadge", "displayName": "CancellationBadge", "description": "Shows whether cancellation is scheduled.", "categories": [ "lifecycle" ], "tags": [ "cancellation", "lifecycle", "retention", "workflow" ], "contexts": [ "card" ], "regions": [ "card", "detail", "form" ], "traits": [ "Cancellable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#CancellationBadge" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderCancellationBadge" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#CancellationBadge" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#CancellationBadge" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/144", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/145" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#CancellationBadge", "build record (not shipped): vue-measured.json#CancellationBadge", "packages/components-react/evidence/react-readiness.v1.json#CancellationBadge", "packages/components-react/test/accessibility.spec.tsx#CancellationBadge", "packages/components-vue/evidence/vue-readiness.v1.json#CancellationBadge", "packages/components-vue/test/accessibility.spec.ts#CancellationBadge" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#CancellationBadge", "build record (not shipped): vue-theme/report.json#CancellationBadge", "packages/components-react/evidence/react-readiness.v1.json#CancellationBadge", "packages/components-vue/evidence/vue-readiness.v1.json#CancellationBadge" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#CancellationBadge", "build record (not shipped): vue-measured.json#CancellationBadge", "packages/components-react/evidence/react-readiness.v1.json#CancellationBadge", "packages/components-react/test/scenario-interactions.spec.tsx#CancellationBadge", "packages/components-vue/evidence/vue-readiness.v1.json#CancellationBadge", "packages/components-vue/test/scenario-interactions.spec.ts#CancellationBadge" ], "reason": "CancellationBadge presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "stable", "propSchema": { "field": { "type": "string", "default": "cancel_at_period_end", "trait": "Cancellable" }, "hideWhenFalse": { "type": "boolean", "default": true, "trait": "Cancellable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "cancelAtPeriodEnd": { "type": "string | boolean", "optional": true }, "emphasis": { "type": "ComponentEmphasis", "optional": true }, "hideWhenFalse": { "type": "boolean", "optional": true }, "isCancelled": { "type": "string | boolean", "optional": true }, "label": { "type": "string", "optional": true }, "state": { "type": "string", "optional": true }, "status": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "tone": { "type": "ComponentTone", "optional": true }, "value": { "type": "string | boolean", "optional": true }, "variant": { "type": "string", "optional": true } }, "vue": { "cancelAtPeriodEnd": { "type": "unknown", "optional": true }, "emphasis": { "type": "unknown", "optional": true }, "hideWhenFalse": { "type": "unknown", "optional": true }, "isCancelled": { "type": "unknown", "optional": true }, "label": { "type": "unknown", "optional": true }, "state": { "type": "unknown", "optional": true }, "status": { "type": "unknown", "optional": true }, "text": { "type": "unknown", "optional": true }, "tone": { "type": "unknown", "optional": true }, "value": { "type": "unknown", "optional": true }, "variant": { "type": "unknown", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "CancellationEvent", "displayName": "CancellationEvent", "description": "Describes a recorded cancellation and its time.", "categories": [ "lifecycle" ], "tags": [ "cancellation", "lifecycle", "retention", "workflow" ], "contexts": [ "timeline" ], "regions": [ "card", "detail", "forms", "timeline" ], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#CancellationEvent" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderCancellationEvent" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#CancellationEvent" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#CancellationEvent" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/160", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/161", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/170", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/171" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#CancellationEvent", "build record (not shipped): vue-measured.json#CancellationEvent", "packages/components-react/evidence/react-readiness.v1.json#CancellationEvent", "packages/components-react/test/accessibility.spec.tsx#CancellationEvent", "packages/components-vue/evidence/vue-readiness.v1.json#CancellationEvent", "packages/components-vue/test/accessibility.spec.ts#CancellationEvent" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#CancellationEvent", "build record (not shipped): vue-theme/report.json#CancellationEvent", "packages/components-react/evidence/react-readiness.v1.json#CancellationEvent", "packages/components-vue/evidence/vue-readiness.v1.json#CancellationEvent" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#CancellationEvent", "build record (not shipped): vue-measured.json#CancellationEvent", "packages/components-react/evidence/react-readiness.v1.json#CancellationEvent", "packages/components-react/test/scenario-interactions.spec.tsx#CancellationEvent", "packages/components-vue/evidence/vue-readiness.v1.json#CancellationEvent", "packages/components-vue/test/scenario-interactions.spec.ts#CancellationEvent" ], "reason": "CancellationEvent presents declared trait values and owns no focusable control or consumer action." } } }, "status": "stable", "propSchema": {}, "propSchemaTarget": "html", "propTypes": { "react": { "archivedAt": { "type": "string | null", "optional": true }, "archivedBy": { "type": "string | null", "optional": true }, "code": { "type": "string | null", "optional": true }, "history": { "type": "readonly unknown[]", "optional": true }, "id": { "type": "string", "optional": true }, "reason": { "type": "string | null", "optional": true }, "restoredAt": { "type": "string | null", "optional": true }, "showActor": { "type": "boolean", "optional": true }, "showReason": { "type": "boolean", "optional": true }, "status": { "type": "string | null", "optional": true }, "timestamp": { "type": "string | null", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "archivedAt": { "type": "string | null", "optional": true }, "archivedBy": { "type": "string | null", "optional": true }, "code": { "type": "string | null", "optional": true }, "history": { "type": "readonly unknown[]", "optional": true }, "id": { "type": "string", "optional": true }, "reason": { "type": "string | null", "optional": true }, "restoredAt": { "type": "string | null", "optional": true }, "showActor": { "type": "boolean", "optional": true }, "showReason": { "type": "boolean", "optional": true }, "status": { "type": "string | null", "optional": true }, "timestamp": { "type": "string | null", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "CancellationForm", "displayName": "CancellationForm", "description": "Collects a cancellation reason and code.", "categories": [ "lifecycle" ], "tags": [ "cancellation", "lifecycle", "retention", "workflow" ], "contexts": [ "form" ], "regions": [ "card", "detail", "form" ], "traits": [ "Cancellable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#CancellationForm" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderCancellationForm" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#CancellationForm" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#CancellationForm" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/148", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/149", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/156", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/157", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/162", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/163", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/170", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/171" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#CancellationForm", "build record (not shipped): vue-measured.json#CancellationForm", "packages/components-react/evidence/react-readiness.v1.json#CancellationForm", "packages/components-react/test/accessibility.spec.tsx#CancellationForm", "packages/components-vue/evidence/vue-readiness.v1.json#CancellationForm", "packages/components-vue/test/accessibility.spec.ts#CancellationForm" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#CancellationForm", "build record (not shipped): vue-theme/report.json#CancellationForm", "packages/components-react/evidence/react-readiness.v1.json#CancellationForm", "packages/components-vue/evidence/vue-readiness.v1.json#CancellationForm" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#CancellationForm", "build record (not shipped): vue-measured.json#CancellationForm", "packages/components-react/evidence/react-readiness.v1.json#CancellationForm", "packages/components-react/test/scenario-interactions.spec.tsx#CancellationForm", "packages/components-vue/evidence/vue-readiness.v1.json#CancellationForm", "packages/components-vue/test/scenario-interactions.spec.ts#CancellationForm" ] } } }, "status": "stable", "maturity": "stable", "propSchema": { "reasonField": { "type": "string", "default": "cancellation_reason", "trait": "Cancellable" }, "codeField": { "type": "string", "default": "cancellation_reason_code", "trait": "Cancellable" }, "requireReasonParameter": { "type": "string", "default": "requireReason", "trait": "Cancellable" }, "allowedReasonsParameter": { "type": "string", "default": "allowedReasons", "trait": "Cancellable" }, "windowParameter": { "type": "string", "default": "cancellationWindowHours", "trait": "Cancellable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "allowedReasons": { "type": "readonly unknown[]", "optional": true }, "cancellationReason": { "type": "string", "optional": true }, "codeHelp": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "embedded": { "type": "boolean", "optional": true }, "heading": { "type": "string", "optional": true }, "hint": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "reason": { "type": "string", "optional": true }, "reasonCode": { "type": "string", "optional": true }, "reasonHelp": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "allowedReasons": { "type": "readonly unknown[]", "optional": true }, "cancellationReason": { "type": "string", "optional": true }, "codeHelp": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "embedded": { "type": "boolean", "optional": true }, "heading": { "type": "string", "optional": true }, "hint": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "reason": { "type": "string", "optional": true }, "reasonCode": { "type": "string", "optional": true }, "reasonHelp": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "CancellationSummary", "displayName": "CancellationSummary", "description": "Shows the recorded cancellation terms for an item.", "categories": [ "lifecycle" ], "tags": [ "cancellation", "lifecycle", "retention", "workflow" ], "contexts": [ "detail" ], "regions": [ "card", "detail", "form" ], "traits": [ "Cancellable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#CancellationSummary" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderCancellationSummary" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#CancellationSummary" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#CancellationSummary" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/146", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/147", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/156", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/157" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#CancellationSummary", "build record (not shipped): vue-measured.json#CancellationSummary", "packages/components-react/evidence/react-readiness.v1.json#CancellationSummary", "packages/components-react/test/accessibility.spec.tsx#CancellationSummary", "packages/components-vue/evidence/vue-readiness.v1.json#CancellationSummary", "packages/components-vue/test/accessibility.spec.ts#CancellationSummary" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#CancellationSummary", "build record (not shipped): vue-theme/report.json#CancellationSummary", "packages/components-react/evidence/react-readiness.v1.json#CancellationSummary", "packages/components-vue/evidence/vue-readiness.v1.json#CancellationSummary" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#CancellationSummary", "build record (not shipped): vue-measured.json#CancellationSummary", "packages/components-react/evidence/react-readiness.v1.json#CancellationSummary", "packages/components-react/test/scenario-interactions.spec.tsx#CancellationSummary", "packages/components-vue/evidence/vue-readiness.v1.json#CancellationSummary", "packages/components-vue/test/scenario-interactions.spec.ts#CancellationSummary" ], "reason": "CancellationSummary presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "stable", "propSchema": { "hideWhenDefault": { "type": "boolean", "default": true, "trait": "Cancellable" }, "cancelAtPeriodEndField": { "type": "string", "default": "cancel_at_period_end", "trait": "Cancellable" }, "reasonField": { "type": "string", "default": "cancellation_reason", "trait": "Cancellable" }, "codeField": { "type": "string", "default": "cancellation_reason_code", "trait": "Cancellable" }, "requestedAtField": { "type": "string", "default": "cancellation_requested_at", "trait": "Cancellable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "cancelAtPeriodEnd": { "type": "boolean", "optional": true }, "cancelAtPeriodEndField": { "type": "string", "optional": true }, "children": { "type": "ReactNode", "optional": true }, "code": { "type": "string", "optional": true }, "codeField": { "type": "string", "optional": true }, "field": { "type": "string", "optional": true }, "hideWhenDefault": { "type": "boolean", "optional": true }, "label": { "type": "ReactNode", "optional": true }, "reason": { "type": "ReactNode", "optional": true }, "reasonField": { "type": "string", "optional": true }, "requestedAt": { "type": "string", "optional": true }, "requestedAtField": { "type": "string", "optional": true }, "title": { "type": "ReactNode", "optional": true } }, "vue": { "cancelAtPeriodEnd": { "type": "boolean", "optional": true }, "cancelAtPeriodEndField": { "type": "string", "optional": true }, "code": { "type": "string", "optional": true }, "codeField": { "type": "string", "optional": true }, "field": { "type": "string", "optional": true }, "hideWhenDefault": { "type": "string | boolean", "optional": true }, "label": { "type": "string", "optional": true }, "reason": { "type": "string", "optional": true }, "reasonField": { "type": "string", "optional": true }, "requestedAt": { "type": "string", "optional": true }, "requestedAtField": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "Card", "displayName": "Card", "description": "Groups related content within a bordered surface.", "categories": [ "primitive" ], "tags": [ "container", "primitive", "surface" ], "contexts": [ "card", "detail", "list" ], "regions": [ "card", "main" ], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#Card" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderCard" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#Card" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#Card" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/0", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/1", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/2", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/3", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/10", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/11", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/12", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/13", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/14", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/15", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/16", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/17", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/22", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/23", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/24", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/25", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/26", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/27", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/32", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/33", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/34", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/35", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/40", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/41", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/42", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/43", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/48", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/49", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/50", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/51", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/52", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/53", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/60", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/61", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/62", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/63", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/64", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/65", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/66", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/67", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/74", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/75", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/76", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/77", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/78", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/79", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/80", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/81", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/88", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/89", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/90", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/91", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/92", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/93", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/94", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/95", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/102", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/103", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/104", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/105", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/106", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/107", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/108", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/109", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/116", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/117", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/118", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/119", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/120", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/121", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/122", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/123", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/130", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/131", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/132", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/133", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/134", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/135", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/136", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/137", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/142", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/143", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/144", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/145", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/146", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/147", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/154", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/155", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/156", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/157", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/158", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/159", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/160", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/161", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/168", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/169", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/170", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/171", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/172", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/173", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/174", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/175", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/182", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/183", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/184", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/185", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/186", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/187", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/188", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/189", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/196", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/197", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/198", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/199" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Card", "build record (not shipped): vue-measured.json#Card", "packages/components-react/evidence/react-readiness.v1.json#Card", "packages/components-react/test/accessibility.spec.tsx#Card", "packages/components-vue/evidence/vue-readiness.v1.json#Card", "packages/components-vue/test/accessibility.spec.ts#Card" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#Card", "build record (not shipped): vue-theme/report.json#Card", "packages/components-react/evidence/react-readiness.v1.json#Card", "packages/components-vue/evidence/vue-readiness.v1.json#Card" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#Card", "build record (not shipped): vue-measured.json#Card", "packages/components-react/evidence/react-readiness.v1.json#Card", "packages/components-react/test/scenario-interactions.spec.tsx#Card", "packages/components-vue/evidence/vue-readiness.v1.json#Card", "packages/components-vue/test/scenario-interactions.spec.ts#Card" ], "reason": "Card presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "propSchema": { "body": { "type": "string", "description": "Card body text rendered when no child nodes are supplied.", "source": "primitive-renderer" } }, "propSchemaTarget": "html", "propTypes": { "react": { "as": { "type": "SafeContainerElement", "optional": true }, "elevated": { "type": "boolean", "optional": true } }, "vue": { "as": { "type": "string", "optional": true }, "elevated": { "type": "boolean", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps", "codeReferences": [ { "kind": "code-connect", "path": "stories/components/ReactNucleus.stories.tsx", "snippet": "import { Card } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ...;\n}", "title": "Components/React nucleus" } ], "codeSnippet": "import { Card } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ...;\n}" }, { "name": "CardHeader", "displayName": "CardHeader", "description": "Labels a card with a title and supporting text.", "categories": [ "content" ], "tags": [ "content", "copy", "description", "label", "metadata" ], "contexts": [ "card" ], "regions": [ "card", "detail", "form", "inline", "list", "timeline" ], "traits": [ "Labelled" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#CardHeader" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderCardHeader" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#CardHeader" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#CardHeader" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/0", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/1", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/14", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/15", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/24", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/25", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/32", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/33", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/40", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/41", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/50", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/51", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/64", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/65", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/78", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/79", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/92", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/93", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/106", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/107", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/120", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/121", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/134", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/135", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/144", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/145", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/158", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/159", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/172", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/173", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/186", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/187" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#CardHeader", "build record (not shipped): vue-measured.json#CardHeader", "packages/components-react/evidence/react-readiness.v1.json#CardHeader", "packages/components-react/test/accessibility.spec.tsx#CardHeader", "packages/components-vue/evidence/vue-readiness.v1.json#CardHeader", "packages/components-vue/test/accessibility.spec.ts#CardHeader" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#CardHeader", "build record (not shipped): vue-theme/report.json#CardHeader", "packages/components-react/evidence/react-readiness.v1.json#CardHeader", "packages/components-vue/evidence/vue-readiness.v1.json#CardHeader" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#CardHeader", "build record (not shipped): vue-measured.json#CardHeader", "packages/components-react/evidence/react-readiness.v1.json#CardHeader", "packages/components-react/test/scenario-interactions.spec.tsx#CardHeader", "packages/components-vue/evidence/vue-readiness.v1.json#CardHeader", "packages/components-vue/test/scenario-interactions.spec.ts#CardHeader" ], "reason": "CardHeader presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "stable", "propSchema": { "titleField": { "type": "string", "default": "label", "trait": "Labelled" }, "supportingField": { "type": "string", "default": "description", "trait": "Labelled" } }, "propSchemaTarget": "html", "propTypes": { "react": { "as": { "type": "HeaderElement", "optional": true }, "description": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "level": { "type": "HeaderLevel", "optional": true }, "subtitle": { "type": "string", "optional": true }, "supporting": { "type": "string", "optional": true }, "supportingText": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "as": { "type": "HeaderElement", "optional": true }, "description": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "level": { "type": "HeaderLevel", "optional": true }, "subtitle": { "type": "string", "optional": true }, "supporting": { "type": "string", "optional": true }, "supportingText": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "Checkbox", "displayName": "Checkbox", "description": "Toggles a labelled boolean value.", "categories": [ "primitive" ], "tags": [ "boolean", "field", "form", "input", "interactive", "primitive" ], "contexts": [ "form" ], "regions": [ "form", "main" ], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#Checkbox" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderCheckbox" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#Checkbox" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#Checkbox" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/110", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/111", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/118", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/119", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/124", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/125", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/132", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/133", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/148", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/149", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/156", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/157", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/162", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/163", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/170", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/171" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Checkbox", "build record (not shipped): vue-measured.json#Checkbox", "packages/components-react/evidence/react-readiness.v1.json#Checkbox", "packages/components-react/test/accessibility.spec.tsx#Checkbox", "packages/components-vue/evidence/vue-readiness.v1.json#Checkbox", "packages/components-vue/test/accessibility.spec.ts#Checkbox" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#Checkbox", "build record (not shipped): vue-theme/report.json#Checkbox", "packages/components-react/evidence/react-readiness.v1.json#Checkbox", "packages/components-vue/evidence/vue-readiness.v1.json#Checkbox" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Checkbox", "build record (not shipped): vue-measured.json#Checkbox", "packages/components-react/evidence/react-readiness.v1.json#Checkbox", "packages/components-react/test/scenario-interactions.spec.tsx#Checkbox", "packages/components-vue/evidence/vue-readiness.v1.json#Checkbox", "packages/components-vue/test/scenario-interactions.spec.ts#Checkbox" ] } } }, "status": "stable", "propSchema": {}, "propSchemaTarget": "html", "propTypes": { "react": { "checkboxClassName": { "type": "string", "optional": true }, "checkboxStyle": { "type": "CSSProperties", "optional": true }, "checked": { "type": "boolean", "optional": true }, "className": { "type": "string", "optional": true }, "defaultChecked": { "type": "boolean", "optional": true }, "density": { "type": "FieldDensity", "optional": true }, "description": { "type": "ReactNode", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "help": { "type": "ReactNode", "optional": true }, "id": { "type": "string", "optional": false }, "label": { "type": "ReactNode", "optional": false }, "onCheckedChange": { "type": "((checked: boolean) => void)", "optional": true }, "onUpdate": { "type": "((checked: boolean) => void)", "optional": true }, "required": { "type": "boolean", "optional": true }, "requiredIndicator": { "type": "ReactNode", "optional": true }, "style": { "type": "CSSProperties", "optional": true }, "validation": { "type": "FieldValidation", "optional": true } }, "vue": { "checked": { "type": "boolean", "optional": true }, "defaultChecked": { "type": "boolean", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "help": { "type": "string", "optional": true }, "id": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "modelValue": { "type": "boolean", "optional": true }, "name": { "type": "string", "optional": true }, "required": { "type": "boolean", "optional": true }, "validation": { "type": "ValidationMessage", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps", "codeReferences": [ { "kind": "code-connect", "path": "stories/components/ReactNucleus.stories.tsx", "snippet": "import { Checkbox } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ;\n}", "title": "Components/React nucleus" } ], "codeSnippet": "import { Checkbox } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ;\n}" }, { "name": "ClassificationBadge", "displayName": "ClassificationBadge", "description": "Shows a compact classification label.", "categories": [ "core" ], "tags": [ "classification", "governance", "ltree", "tags", "taxonomy" ], "contexts": [ "list" ], "regions": [ "detail", "form", "list" ], "traits": [ "Classifiable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#ClassificationBadge" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderClassificationBadge" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#ClassificationBadge" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#ClassificationBadge" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#ClassificationBadge", "build record (not shipped): vue-measured.json#ClassificationBadge", "packages/components-react/evidence/react-readiness.v1.json#ClassificationBadge", "packages/components-react/test/accessibility.spec.tsx#ClassificationBadge", "packages/components-vue/evidence/vue-readiness.v1.json#ClassificationBadge", "packages/components-vue/test/accessibility.spec.ts#ClassificationBadge" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#ClassificationBadge", "build record (not shipped): vue-theme/report.json#ClassificationBadge", "packages/components-react/evidence/react-readiness.v1.json#ClassificationBadge", "packages/components-vue/evidence/vue-readiness.v1.json#ClassificationBadge" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#ClassificationBadge", "build record (not shipped): vue-measured.json#ClassificationBadge", "packages/components-react/evidence/react-readiness.v1.json#ClassificationBadge", "packages/components-react/test/scenario-interactions.spec.tsx#ClassificationBadge", "packages/components-vue/evidence/vue-readiness.v1.json#ClassificationBadge", "packages/components-vue/test/scenario-interactions.spec.ts#ClassificationBadge" ], "reason": "ClassificationBadge presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "draft", "propSchema": { "mode": { "type": "string", "default": "{classification_mode}", "trait": "Classifiable" }, "primaryCategoryField": { "type": "string", "default": "primary_category_id", "trait": "Classifiable" }, "tagPreviewField": { "type": "string", "default": "tag_preview", "trait": "Classifiable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "category": { "type": "string", "optional": true }, "emphasis": { "type": "ComponentEmphasis", "optional": true }, "label": { "type": "string", "optional": true }, "mode": { "type": "string", "optional": true }, "state": { "type": "string", "optional": true }, "status": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "tone": { "type": "ComponentTone", "optional": true }, "value": { "type": "string", "optional": true }, "variant": { "type": "string", "optional": true } }, "vue": { "category": { "type": "unknown", "optional": true }, "emphasis": { "type": "unknown", "optional": true }, "label": { "type": "unknown", "optional": true }, "mode": { "type": "unknown", "optional": true }, "state": { "type": "unknown", "optional": true }, "status": { "type": "unknown", "optional": true }, "text": { "type": "unknown", "optional": true }, "tone": { "type": "unknown", "optional": true }, "value": { "type": "unknown", "optional": true }, "variant": { "type": "unknown", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "ClassificationEditor", "displayName": "ClassificationEditor", "description": "Presents category, tags and classification mode controls.", "categories": [ "core" ], "tags": [ "classification", "governance", "ltree", "tags", "taxonomy" ], "contexts": [ "form" ], "regions": [ "detail", "form", "list" ], "traits": [ "Classifiable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#ClassificationEditor" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderClassificationEditor" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#ClassificationEditor" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#ClassificationEditor" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/4", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/5", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/12", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/13", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/68", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/69", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/76", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/77", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/110", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/111", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/118", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/119" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#ClassificationEditor", "build record (not shipped): vue-measured.json#ClassificationEditor", "packages/components-react/evidence/react-readiness.v1.json#ClassificationEditor", "packages/components-react/test/accessibility.spec.tsx#ClassificationEditor", "packages/components-vue/evidence/vue-readiness.v1.json#ClassificationEditor", "packages/components-vue/test/accessibility.spec.ts#ClassificationEditor" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#ClassificationEditor", "build record (not shipped): vue-theme/report.json#ClassificationEditor", "packages/components-react/evidence/react-readiness.v1.json#ClassificationEditor", "packages/components-vue/evidence/vue-readiness.v1.json#ClassificationEditor" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#ClassificationEditor", "build record (not shipped): vue-measured.json#ClassificationEditor", "packages/components-react/evidence/react-readiness.v1.json#ClassificationEditor", "packages/components-react/test/scenario-interactions.spec.tsx#ClassificationEditor", "packages/components-vue/evidence/vue-readiness.v1.json#ClassificationEditor", "packages/components-vue/test/scenario-interactions.spec.ts#ClassificationEditor" ] } } }, "status": "stable", "maturity": "draft", "propSchema": { "modeParameter": { "type": "string", "default": "classification_mode", "trait": "Classifiable" }, "tagPolicyParameter": { "type": "string", "default": "tag_policy", "trait": "Classifiable" }, "maxTagsParameter": { "type": "string", "default": "max_tags", "trait": "Classifiable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "category": { "type": "string", "optional": true }, "classificationMode": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "heading": { "type": "string", "optional": true }, "hint": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "mode": { "type": "string", "optional": true }, "modes": { "type": "readonly unknown[]", "optional": true }, "name": { "type": "string", "optional": true }, "primaryCategory": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "tags": { "type": "string | readonly unknown[]", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "category": { "type": "string", "optional": true }, "classificationMode": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "heading": { "type": "string", "optional": true }, "hint": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "mode": { "type": "string", "optional": true }, "modes": { "type": "readonly unknown[]", "optional": true }, "name": { "type": "string", "optional": true }, "primaryCategory": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "tags": { "type": "string | readonly unknown[]", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "ClassificationPanel", "displayName": "ClassificationPanel", "description": "Groups classification details and authored category content.", "categories": [ "core" ], "tags": [ "classification", "governance", "ltree", "tags", "taxonomy" ], "contexts": [ "detail" ], "regions": [ "detail", "form", "list" ], "traits": [ "Classifiable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#ClassificationPanel" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderClassificationPanel" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#ClassificationPanel" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#ClassificationPanel" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/2", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/3", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/12", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/13", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/66", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/67", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/76", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/77", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/108", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/109", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/118", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/119" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#ClassificationPanel", "build record (not shipped): vue-measured.json#ClassificationPanel", "packages/components-react/evidence/react-readiness.v1.json#ClassificationPanel", "packages/components-react/test/accessibility.spec.tsx#ClassificationPanel", "packages/components-vue/evidence/vue-readiness.v1.json#ClassificationPanel", "packages/components-vue/test/accessibility.spec.ts#ClassificationPanel" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#ClassificationPanel", "build record (not shipped): vue-theme/report.json#ClassificationPanel", "packages/components-react/evidence/react-readiness.v1.json#ClassificationPanel", "packages/components-vue/evidence/vue-readiness.v1.json#ClassificationPanel" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#ClassificationPanel", "build record (not shipped): vue-measured.json#ClassificationPanel", "packages/components-react/evidence/react-readiness.v1.json#ClassificationPanel", "packages/components-react/test/scenario-interactions.spec.tsx#ClassificationPanel", "packages/components-vue/evidence/vue-readiness.v1.json#ClassificationPanel", "packages/components-vue/test/scenario-interactions.spec.ts#ClassificationPanel" ], "reason": "ClassificationPanel presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "draft", "propSchema": { "categoriesField": { "type": "string", "default": "categories", "trait": "Classifiable" }, "tagsField": { "type": "string", "default": "tags", "trait": "Classifiable" }, "metadataField": { "type": "string", "default": "classification_metadata", "trait": "Classifiable" }, "modeParameter": { "type": "string", "default": "classification_mode", "trait": "Classifiable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "body": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "emptyMessage": { "type": "string", "optional": true }, "heading": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "metadata": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "summary": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "body": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "emptyMessage": { "type": "string", "optional": true }, "heading": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "metadata": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "summary": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "ColorizedBadge", "displayName": "ColorizedBadge", "description": "Shows a label using an explicitly supplied color treatment.", "categories": [ "visual" ], "tags": [ "accessibility", "color", "oklch", "semantic", "status", "theming", "tokens" ], "contexts": [ "card" ], "regions": [ "card", "detail", "form", "list" ], "traits": [ "Colorized" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#ColorizedBadge" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderColorizedBadge" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#ColorizedBadge" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#ColorizedBadge" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#ColorizedBadge", "build record (not shipped): vue-measured.json#ColorizedBadge", "packages/components-react/evidence/react-readiness.v1.json#ColorizedBadge", "packages/components-react/test/accessibility.spec.tsx#ColorizedBadge", "packages/components-vue/evidence/vue-readiness.v1.json#ColorizedBadge", "packages/components-vue/test/accessibility.spec.ts#ColorizedBadge" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#ColorizedBadge", "build record (not shipped): vue-theme/report.json#ColorizedBadge", "packages/components-react/evidence/react-readiness.v1.json#ColorizedBadge", "packages/components-vue/evidence/vue-readiness.v1.json#ColorizedBadge" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#ColorizedBadge", "build record (not shipped): vue-measured.json#ColorizedBadge", "packages/components-react/evidence/react-readiness.v1.json#ColorizedBadge", "packages/components-react/test/scenario-interactions.spec.tsx#ColorizedBadge", "packages/components-vue/evidence/vue-readiness.v1.json#ColorizedBadge", "packages/components-vue/test/scenario-interactions.spec.ts#ColorizedBadge" ], "reason": "ColorizedBadge presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "stable", "propSchema": { "field": { "type": "string", "default": "color_state", "trait": "Colorized" }, "tone": { "type": "string", "default": "status", "trait": "Colorized" }, "showIcon": { "type": "boolean", "default": true, "trait": "Colorized" } }, "propSchemaTarget": "html", "propTypes": { "react": { "color": { "type": "string", "optional": true }, "emphasis": { "type": "ComponentEmphasis", "optional": true }, "hue": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "state": { "type": "string", "optional": true }, "status": { "type": "string", "optional": true }, "swatch": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "tone": { "type": "ComponentTone", "optional": true }, "value": { "type": "string", "optional": true }, "variant": { "type": "string", "optional": true } }, "vue": { "color": { "type": "string", "optional": true }, "emphasis": { "type": "ComponentEmphasis", "optional": true }, "hue": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "state": { "type": "string", "optional": true }, "status": { "type": "string", "optional": true }, "swatch": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "tone": { "type": "ComponentTone", "optional": true }, "value": { "type": "string", "optional": true }, "variant": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "ColorStatePicker", "displayName": "ColorStatePicker", "description": "Edits the color state of a visual encoding.", "categories": [ "visual" ], "tags": [ "accessibility", "color", "oklch", "semantic", "status", "theming", "tokens" ], "contexts": [ "form" ], "regions": [ "card", "detail", "form", "list" ], "traits": [ "Colorized" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#ColorStatePicker" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderColorStatePicker" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#ColorStatePicker" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#ColorStatePicker" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#ColorStatePicker", "build record (not shipped): vue-measured.json#ColorStatePicker", "packages/components-react/evidence/react-readiness.v1.json#ColorStatePicker", "packages/components-react/test/accessibility.spec.tsx#ColorStatePicker", "packages/components-vue/evidence/vue-readiness.v1.json#ColorStatePicker", "packages/components-vue/test/accessibility.spec.ts#ColorStatePicker" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#ColorStatePicker", "build record (not shipped): vue-theme/report.json#ColorStatePicker", "packages/components-react/evidence/react-readiness.v1.json#ColorStatePicker", "packages/components-vue/evidence/vue-readiness.v1.json#ColorStatePicker" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#ColorStatePicker", "build record (not shipped): vue-measured.json#ColorStatePicker", "packages/components-react/evidence/react-readiness.v1.json#ColorStatePicker", "packages/components-react/test/scenario-interactions.spec.tsx#ColorStatePicker", "packages/components-vue/evidence/vue-readiness.v1.json#ColorStatePicker", "packages/components-vue/test/scenario-interactions.spec.ts#ColorStatePicker" ] } } }, "status": "stable", "maturity": "stable", "propSchema": { "parameter": { "type": "string", "default": "colorStates", "trait": "Colorized" }, "field": { "type": "string", "default": "color_state", "trait": "Colorized" } }, "propSchemaTarget": "html", "propTypes": { "react": { "colorStates": { "type": "readonly string[]", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "id": { "type": "string", "optional": true }, "onChange": { "type": "((value: string) => void)", "optional": true }, "title": { "type": "string", "optional": true }, "value": { "type": "string", "optional": true } }, "vue": { "colorStates": { "type": "readonly string[]", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "id": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true }, "value": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "ColorSwatch", "displayName": "ColorSwatch", "description": "Displays a color sample with its label.", "categories": [ "visual" ], "tags": [ "accessibility", "color", "oklch", "semantic", "status", "theming", "tokens" ], "contexts": [ "list" ], "regions": [ "card", "detail", "form", "list" ], "traits": [ "Colorized" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#ColorSwatch" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderColorSwatch" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#ColorSwatch" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#ColorSwatch" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#ColorSwatch", "build record (not shipped): vue-measured.json#ColorSwatch", "packages/components-react/evidence/react-readiness.v1.json#ColorSwatch", "packages/components-react/test/accessibility.spec.tsx#ColorSwatch", "packages/components-vue/evidence/vue-readiness.v1.json#ColorSwatch", "packages/components-vue/test/accessibility.spec.ts#ColorSwatch" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#ColorSwatch", "build record (not shipped): vue-theme/report.json#ColorSwatch", "packages/components-react/evidence/react-readiness.v1.json#ColorSwatch", "packages/components-vue/evidence/vue-readiness.v1.json#ColorSwatch" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#ColorSwatch", "build record (not shipped): vue-measured.json#ColorSwatch", "packages/components-react/evidence/react-readiness.v1.json#ColorSwatch", "packages/components-react/test/scenario-interactions.spec.tsx#ColorSwatch", "packages/components-vue/evidence/vue-readiness.v1.json#ColorSwatch", "packages/components-vue/test/scenario-interactions.spec.ts#ColorSwatch" ], "reason": "ColorSwatch presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "stable", "propSchema": { "field": { "type": "string", "default": "color_state", "trait": "Colorized" }, "size": { "type": "string", "default": "sm", "trait": "Colorized" } }, "propSchemaTarget": "html", "propTypes": { "react": { "color": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "state": { "type": "string", "optional": true }, "value": { "type": "string", "optional": true } }, "vue": { "color": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "state": { "type": "string", "optional": true }, "value": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "Combobox", "displayName": "Combobox", "description": "Picks one value from a list by typing to filter it.", "categories": [ "primitive" ], "tags": [ "autocomplete", "combobox", "field", "filter", "form", "input", "interactive", "primitive", "select" ], "contexts": [ "form" ], "regions": [ "form", "main" ], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#Combobox" ] }, "metadata": { "state": "available", "evidence": [ "packages/component-contracts/registry/component-intake.v1.json#Combobox" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderCombobox" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#Combobox" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#Combobox" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Combobox", "build record (not shipped): vue-measured.json#Combobox", "packages/components-react/evidence/react-readiness.v1.json#Combobox", "packages/components-vue/evidence/vue-readiness.v1.json#Combobox" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#Combobox", "build record (not shipped): vue-theme/report.json#Combobox", "packages/components-react/evidence/react-readiness.v1.json#Combobox", "packages/components-vue/evidence/vue-readiness.v1.json#Combobox" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Combobox", "build record (not shipped): vue-measured.json#Combobox", "packages/components-react/evidence/react-readiness.v1.json#Combobox", "packages/components-vue/evidence/vue-readiness.v1.json#Combobox" ] } } }, "status": "stable", "propSchema": {}, "propSchemaTarget": "html", "propTypes": { "react": { "className": { "type": "string", "optional": true }, "defaultValue": { "type": "string", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "help": { "type": "ReactNode", "optional": true }, "id": { "type": "string", "optional": false }, "label": { "type": "ReactNode", "optional": false }, "name": { "type": "string", "optional": true }, "onUpdate": { "type": "((value: string) => void)", "optional": true }, "onValueChange": { "type": "((value: string) => void)", "optional": true }, "options": { "type": "readonly ComboboxOption[]", "optional": true }, "placeholder": { "type": "string", "optional": true }, "required": { "type": "boolean", "optional": true }, "size": { "type": "\"xs\" | \"sm\" | \"md\" | \"lg\"", "optional": true }, "style": { "type": "CSSProperties", "optional": true }, "validation": { "type": "FieldValidation", "optional": true }, "value": { "type": "string", "optional": true } }, "vue": { "defaultValue": { "type": "string", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "help": { "type": "string", "optional": true }, "id": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "modelValue": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "options": { "type": "readonly SelectOption[]", "optional": true }, "placeholder": { "type": "string", "optional": true }, "required": { "type": "boolean", "optional": true }, "size": { "type": "\"xs\" | \"sm\" | \"md\" | \"lg\"", "optional": true }, "validation": { "type": "ValidationMessage", "optional": true }, "value": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "CommunicationDetailPanel", "displayName": "CommunicationDetailPanel", "description": "Displays a communication's recipients, channel and content.", "categories": [ "communication" ], "tags": [ "conversation", "delivery", "messaging", "notification", "template" ], "contexts": [ "detail" ], "regions": [ "detail", "form", "list" ], "traits": [ "Communicable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#CommunicationDetailPanel" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderCommunicationDetailPanel" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#CommunicationDetailPanel" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#CommunicationDetailPanel" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/80", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/81", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/90", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/91", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/188", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/189", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/198", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/199" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#CommunicationDetailPanel", "build record (not shipped): vue-measured.json#CommunicationDetailPanel", "packages/components-react/evidence/react-readiness.v1.json#CommunicationDetailPanel", "packages/components-react/test/accessibility.spec.tsx#CommunicationDetailPanel", "packages/components-vue/evidence/vue-readiness.v1.json#CommunicationDetailPanel", "packages/components-vue/test/accessibility.spec.ts#CommunicationDetailPanel" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#CommunicationDetailPanel", "build record (not shipped): vue-theme/report.json#CommunicationDetailPanel", "packages/components-react/evidence/react-readiness.v1.json#CommunicationDetailPanel", "packages/components-vue/evidence/vue-readiness.v1.json#CommunicationDetailPanel" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#CommunicationDetailPanel", "build record (not shipped): vue-measured.json#CommunicationDetailPanel", "packages/components-react/evidence/react-readiness.v1.json#CommunicationDetailPanel", "packages/components-react/test/scenario-interactions.spec.tsx#CommunicationDetailPanel", "packages/components-vue/evidence/vue-readiness.v1.json#CommunicationDetailPanel", "packages/components-vue/test/scenario-interactions.spec.ts#CommunicationDetailPanel" ], "reason": "CommunicationDetailPanel presents declared trait values and owns no focusable control or consumer action." } } }, "status": "stable", "maturity": "experimental", "propSchema": { "channelsField": { "type": "string", "default": "channel_catalog", "trait": "Communicable" }, "templatesField": { "type": "string", "default": "template_catalog", "trait": "Communicable" }, "policiesField": { "type": "string", "default": "delivery_policies", "trait": "Communicable" }, "conversationsField": { "type": "string", "default": "conversations", "trait": "Communicable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "channels": { "type": "readonly unknown[]", "optional": true }, "conversations": { "type": "readonly unknown[]", "optional": true }, "id": { "type": "string", "optional": true }, "policies": { "type": "readonly unknown[]", "optional": true }, "templates": { "type": "readonly unknown[]", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "channels": { "type": "readonly unknown[]", "optional": true }, "conversations": { "type": "readonly unknown[]", "optional": true }, "id": { "type": "string", "optional": true }, "policies": { "type": "readonly unknown[]", "optional": true }, "templates": { "type": "readonly unknown[]", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "CycleProgressCard", "displayName": "CycleProgressCard", "description": "Shows billing cycle progress and remaining days.", "categories": [ "financial" ], "tags": [ "billing", "cycle", "financial", "payment", "recurring", "subscription" ], "contexts": [ "detail" ], "regions": [ "card", "detail", "form", "list", "timeline" ], "traits": [ "Billable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#CycleProgressCard" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderCycleProgressCard" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#CycleProgressCard" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#CycleProgressCard" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/146", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/147", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/156", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/157" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#CycleProgressCard", "build record (not shipped): vue-measured.json#CycleProgressCard", "packages/components-react/evidence/react-readiness.v1.json#CycleProgressCard", "packages/components-react/test/accessibility.spec.tsx#CycleProgressCard", "packages/components-vue/evidence/vue-readiness.v1.json#CycleProgressCard", "packages/components-vue/test/accessibility.spec.ts#CycleProgressCard" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#CycleProgressCard", "build record (not shipped): vue-theme/report.json#CycleProgressCard", "packages/components-react/evidence/react-readiness.v1.json#CycleProgressCard", "packages/components-vue/evidence/vue-readiness.v1.json#CycleProgressCard" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#CycleProgressCard", "build record (not shipped): vue-measured.json#CycleProgressCard", "packages/components-react/evidence/react-readiness.v1.json#CycleProgressCard", "packages/components-react/test/scenario-interactions.spec.tsx#CycleProgressCard", "packages/components-vue/evidence/vue-readiness.v1.json#CycleProgressCard", "packages/components-vue/test/scenario-interactions.spec.ts#CycleProgressCard" ], "reason": "CycleProgressCard presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "experimental", "propSchema": { "progressField": { "type": "string", "default": "current_period_progress", "trait": "Billable" }, "periodStartField": { "type": "string", "default": "current_period_start", "trait": "Billable" }, "periodEndField": { "type": "string", "default": "current_period_end", "trait": "Billable" }, "intervalField": { "type": "string", "default": "billing_interval", "trait": "Billable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "id": { "type": "string", "optional": true }, "interval": { "type": "string", "optional": true }, "now": { "type": "string", "optional": true }, "periodEnd": { "type": "string", "optional": true }, "periodStart": { "type": "string", "optional": true }, "progress": { "type": "number", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "id": { "type": "string", "optional": true }, "interval": { "type": "string", "optional": true }, "now": { "type": "string", "optional": true }, "periodEnd": { "type": "string", "optional": true }, "periodStart": { "type": "string", "optional": true }, "progress": { "type": "number", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "DatePicker", "displayName": "DatePicker", "description": "Selects a date with a labelled native control.", "categories": [ "primitive" ], "tags": [ "date", "field", "form", "input", "interactive", "primitive" ], "contexts": [ "form" ], "regions": [ "form", "main" ], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#DatePicker" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderDatePicker" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#DatePicker" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#DatePicker" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/96", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/97", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/104", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/105", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/176", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/177", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/184", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/185" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#DatePicker", "build record (not shipped): vue-measured.json#DatePicker", "packages/components-react/evidence/react-readiness.v1.json#DatePicker", "packages/components-react/test/accessibility.spec.tsx#DatePicker", "packages/components-vue/evidence/vue-readiness.v1.json#DatePicker", "packages/components-vue/test/accessibility.spec.ts#DatePicker" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#DatePicker", "build record (not shipped): vue-theme/report.json#DatePicker", "packages/components-react/evidence/react-readiness.v1.json#DatePicker", "packages/components-vue/evidence/vue-readiness.v1.json#DatePicker" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#DatePicker", "build record (not shipped): vue-measured.json#DatePicker", "packages/components-react/evidence/react-readiness.v1.json#DatePicker", "packages/components-react/test/scenario-interactions.spec.tsx#DatePicker", "packages/components-vue/evidence/vue-readiness.v1.json#DatePicker", "packages/components-vue/test/scenario-interactions.spec.ts#DatePicker" ] } } }, "status": "stable", "propSchema": {}, "propSchemaTarget": "html", "propTypes": { "react": { "className": { "type": "string", "optional": true }, "defaultValue": { "type": "string | number | readonly string[]", "optional": true }, "density": { "type": "FieldDensity", "optional": true }, "description": { "type": "ReactNode", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "help": { "type": "ReactNode", "optional": true }, "id": { "type": "string", "optional": false }, "inputClassName": { "type": "string", "optional": true }, "inputStyle": { "type": "CSSProperties", "optional": true }, "label": { "type": "ReactNode", "optional": false }, "max": { "type": "string | number", "optional": true }, "min": { "type": "string | number", "optional": true }, "onUpdate": { "type": "((value: string) => void)", "optional": true }, "onValueChange": { "type": "((value: string) => void)", "optional": true }, "pickerClassName": { "type": "string", "optional": true }, "pickerStyle": { "type": "CSSProperties", "optional": true }, "readOnly": { "type": "boolean", "optional": true }, "required": { "type": "boolean", "optional": true }, "requiredIndicator": { "type": "ReactNode", "optional": true }, "step": { "type": "string | number", "optional": true }, "style": { "type": "CSSProperties", "optional": true }, "validation": { "type": "FieldValidation", "optional": true }, "value": { "type": "string | number | readonly string[]", "optional": true } }, "vue": { "defaultValue": { "type": "string", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "help": { "type": "string", "optional": true }, "id": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "max": { "type": "string", "optional": true }, "min": { "type": "string", "optional": true }, "modelValue": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "placeholder": { "type": "string", "optional": true }, "readOnly": { "type": "boolean", "optional": true }, "required": { "type": "boolean", "optional": true }, "step": { "type": "string | number", "optional": true }, "validation": { "type": "ValidationMessage", "optional": true }, "value": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps", "codeReferences": [ { "kind": "code-connect", "path": "stories/components/ReactNucleus.stories.tsx", "snippet": "import { DatePicker } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ;\n}", "title": "Components/React nucleus" } ], "codeSnippet": "import { DatePicker } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ;\n}" }, { "name": "DetailHeader", "displayName": "DetailHeader", "description": "Names a record with a heading and optional supporting text.", "categories": [ "content" ], "tags": [ "content", "copy", "description", "label", "metadata" ], "contexts": [ "detail" ], "regions": [ "card", "detail", "form", "inline", "list", "timeline" ], "traits": [ "Labelled" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#DetailHeader" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderDetailHeader" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#DetailHeader" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#DetailHeader" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/2", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/3", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/12", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/13", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/16", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/17", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/26", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/27", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/34", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/35", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/42", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/43", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/52", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/53", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/62", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/63", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/66", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/67", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/76", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/77", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/80", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/81", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/90", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/91", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/94", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/95", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/104", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/105", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/108", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/109", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/118", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/119", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/122", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/123", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/132", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/133", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/136", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/137", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/146", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/147", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/156", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/157", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/160", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/161", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/170", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/171", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/174", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/175", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/184", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/185", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/188", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/189", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/198", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/199" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#DetailHeader", "build record (not shipped): vue-measured.json#DetailHeader", "packages/components-react/evidence/react-readiness.v1.json#DetailHeader", "packages/components-react/test/accessibility.spec.tsx#DetailHeader", "packages/components-vue/evidence/vue-readiness.v1.json#DetailHeader", "packages/components-vue/test/accessibility.spec.ts#DetailHeader" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#DetailHeader", "build record (not shipped): vue-theme/report.json#DetailHeader", "packages/components-react/evidence/react-readiness.v1.json#DetailHeader", "packages/components-vue/evidence/vue-readiness.v1.json#DetailHeader" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#DetailHeader", "build record (not shipped): vue-measured.json#DetailHeader", "packages/components-react/evidence/react-readiness.v1.json#DetailHeader", "packages/components-react/test/scenario-interactions.spec.tsx#DetailHeader", "packages/components-vue/evidence/vue-readiness.v1.json#DetailHeader", "packages/components-vue/test/scenario-interactions.spec.ts#DetailHeader" ], "reason": "DetailHeader presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "stable", "propSchema": { "titleField": { "type": "string", "default": "label", "trait": "Labelled" }, "subtitleField": { "type": "string", "default": "description", "trait": "Labelled" }, "headingLevel": { "type": "number", "default": 1, "trait": "Labelled" } }, "propSchemaTarget": "html", "propTypes": { "react": { "as": { "type": "HeaderElement", "optional": true }, "description": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "level": { "type": "HeaderLevel", "optional": true }, "meta": { "type": "string", "optional": true }, "metadata": { "type": "string", "optional": true }, "sublabel": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "as": { "type": "HeaderElement", "optional": true }, "description": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "level": { "type": "HeaderLevel", "optional": true }, "meta": { "type": "string", "optional": true }, "metadata": { "type": "string", "optional": true }, "sublabel": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "Dialog", "displayName": "Dialog", "description": "Asks for a decision or shows focused content in a window with a title, actions and a close button.", "categories": [ "primitive" ], "tags": [ "dialog", "modal", "overlay", "primitive" ], "contexts": [], "regions": [], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#Dialog" ] }, "metadata": { "state": "available", "evidence": [ "packages/component-contracts/registry/component-intake.v1.json#Dialog" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderDialog" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#Dialog" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#Dialog" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Dialog", "build record (not shipped): vue-measured.json#Dialog", "packages/components-react/evidence/react-readiness.v1.json#Dialog", "packages/components-vue/evidence/vue-readiness.v1.json#Dialog" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#Dialog", "build record (not shipped): vue-theme/report.json#Dialog", "packages/components-react/evidence/react-readiness.v1.json#Dialog", "packages/components-vue/evidence/vue-readiness.v1.json#Dialog" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Dialog", "build record (not shipped): vue-measured.json#Dialog", "packages/components-react/evidence/react-readiness.v1.json#Dialog", "packages/components-vue/evidence/vue-readiness.v1.json#Dialog" ] } } }, "status": "stable", "propSchema": {}, "propSchemaTarget": "html", "propTypes": { "react": { "actions": { "type": "ReactNode", "optional": true }, "children": { "type": "ReactNode", "optional": true }, "className": { "type": "string", "optional": true }, "description": { "type": "ReactNode", "optional": true }, "dismissLabel": { "type": "string", "optional": true }, "id": { "type": "string", "optional": true }, "modal": { "type": "boolean", "optional": true }, "onClose": { "type": "(() => void)", "optional": true }, "open": { "type": "boolean", "optional": true }, "size": { "type": "\"sm\" | \"md\" | \"lg\"", "optional": true }, "style": { "type": "CSSProperties", "optional": true }, "title": { "type": "ReactNode", "optional": false } }, "vue": { "actions": { "type": "VNodeChild", "optional": true }, "description": { "type": "string", "optional": true }, "dismissLabel": { "type": "string", "optional": true }, "id": { "type": "string", "optional": true }, "modal": { "type": "boolean", "optional": true }, "open": { "type": "boolean", "optional": true }, "size": { "type": "\"sm\" | \"md\" | \"lg\"", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "FilterPanel", "displayName": "FilterPanel", "description": "Groups filter controls and their explanatory content.", "categories": [ "behavioral" ], "tags": [ "data-refinement", "facets", "filtering", "list-behavior" ], "contexts": [ "detail", "list" ], "regions": [ "detail", "list" ], "traits": [ "Filterable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#FilterPanel" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderFilterPanel" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#FilterPanel" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#FilterPanel" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#FilterPanel", "build record (not shipped): vue-measured.json#FilterPanel", "packages/components-react/evidence/react-readiness.v1.json#FilterPanel", "packages/components-react/test/accessibility.spec.tsx#FilterPanel", "packages/components-vue/evidence/vue-readiness.v1.json#FilterPanel", "packages/components-vue/test/accessibility.spec.ts#FilterPanel" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#FilterPanel", "build record (not shipped): vue-theme/report.json#FilterPanel", "packages/components-react/evidence/react-readiness.v1.json#FilterPanel", "packages/components-vue/evidence/vue-readiness.v1.json#FilterPanel" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#FilterPanel", "build record (not shipped): vue-measured.json#FilterPanel", "packages/components-react/evidence/react-readiness.v1.json#FilterPanel", "packages/components-react/test/scenario-interactions.spec.tsx#FilterPanel", "packages/components-vue/evidence/vue-readiness.v1.json#FilterPanel", "packages/components-vue/test/scenario-interactions.spec.ts#FilterPanel" ] } } }, "status": "stable", "maturity": "stable", "propSchema": { "field": { "type": "string", "default": "filters", "trait": "Filterable" }, "activeField": { "type": "string", "default": "activeFilters", "trait": "Filterable" }, "modeParameter": { "type": "string", "default": "filterMode", "trait": "Filterable" }, "collapsibleParameter": { "type": "string", "default": "collapsible", "trait": "Filterable" }, "maxActiveParameter": { "type": "string", "default": "maxActiveFilters", "trait": "Filterable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "activeFilters": { "type": "readonly Readonly>[]", "optional": true }, "collapsible": { "type": "boolean", "optional": true }, "filters": { "type": "readonly Readonly>[]", "optional": true }, "mode": { "type": "string", "optional": true } }, "vue": { "activeFilters": { "type": "readonly Readonly>[]", "optional": true }, "collapsible": { "type": "boolean", "optional": true }, "filters": { "type": "readonly Readonly>[]", "optional": true }, "mode": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "FormLabelGroup", "displayName": "FormLabelGroup", "description": "Groups a form label with supporting text.", "categories": [ "content" ], "tags": [ "content", "copy", "description", "label", "metadata" ], "contexts": [ "form" ], "regions": [ "card", "detail", "form", "inline", "list", "timeline" ], "traits": [ "Labelled" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#FormLabelGroup" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderFormLabelGroup" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#FormLabelGroup" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#FormLabelGroup" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#FormLabelGroup", "build record (not shipped): vue-measured.json#FormLabelGroup", "packages/components-react/evidence/react-readiness.v1.json#FormLabelGroup", "packages/components-react/test/accessibility.spec.tsx#FormLabelGroup", "packages/components-vue/evidence/vue-readiness.v1.json#FormLabelGroup", "packages/components-vue/test/accessibility.spec.ts#FormLabelGroup" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#FormLabelGroup", "build record (not shipped): vue-theme/report.json#FormLabelGroup", "packages/components-react/evidence/react-readiness.v1.json#FormLabelGroup", "packages/components-vue/evidence/vue-readiness.v1.json#FormLabelGroup" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#FormLabelGroup", "build record (not shipped): vue-measured.json#FormLabelGroup", "packages/components-react/evidence/react-readiness.v1.json#FormLabelGroup", "packages/components-react/test/scenario-interactions.spec.tsx#FormLabelGroup", "packages/components-vue/evidence/vue-readiness.v1.json#FormLabelGroup", "packages/components-vue/test/scenario-interactions.spec.ts#FormLabelGroup" ], "reason": "FormLabelGroup presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "stable", "propSchema": { "labelField": { "type": "string", "default": "label", "trait": "Labelled" }, "descriptionField": { "type": "string", "default": "description", "trait": "Labelled" }, "placeholderField": { "type": "string", "default": "placeholder", "trait": "Labelled" }, "maxLabelLengthParameter": { "type": "string", "default": "maxLabelLength", "trait": "Labelled" }, "maxDescriptionLengthParameter": { "type": "string", "default": "maxDescriptionLength", "trait": "Labelled" }, "requireDescriptionParameter": { "type": "string", "default": "requireDescription", "trait": "Labelled" } }, "propSchemaTarget": "html", "propTypes": { "react": { "description": { "type": "string", "optional": true }, "for": { "type": "string", "optional": true }, "hint": { "type": "string", "optional": true }, "htmlFor": { "type": "string", "optional": true }, "inputId": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "placeholder": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "description": { "type": "string", "optional": true }, "for": { "type": "string", "optional": true }, "hint": { "type": "string", "optional": true }, "htmlFor": { "type": "string", "optional": true }, "inputId": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "placeholder": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "GeocodablePreview", "displayName": "GeocodablePreview", "description": "Displays a location preview from supplied geographic data.", "categories": [ "viz.spatial" ], "tags": [ "geo", "location", "map", "spatial", "viz" ], "contexts": [ "detail" ], "regions": [ "detail", "form", "list" ], "traits": [ "Geocodable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#GeocodablePreview" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderGeocodablePreview" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#GeocodablePreview" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#GeocodablePreview" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#GeocodablePreview", "build record (not shipped): vue-measured.json#GeocodablePreview", "packages/components-react/evidence/react-readiness.v1.json#GeocodablePreview", "packages/components-react/test/accessibility.spec.tsx#GeocodablePreview", "packages/components-vue/evidence/vue-readiness.v1.json#GeocodablePreview", "packages/components-vue/test/accessibility.spec.ts#GeocodablePreview" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#GeocodablePreview", "build record (not shipped): vue-theme/report.json#GeocodablePreview", "packages/components-react/evidence/react-readiness.v1.json#GeocodablePreview", "packages/components-vue/evidence/vue-readiness.v1.json#GeocodablePreview" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#GeocodablePreview", "build record (not shipped): vue-measured.json#GeocodablePreview", "packages/components-react/evidence/react-readiness.v1.json#GeocodablePreview", "packages/components-react/test/scenario-interactions.spec.tsx#GeocodablePreview", "packages/components-vue/evidence/vue-readiness.v1.json#GeocodablePreview", "packages/components-vue/test/scenario-interactions.spec.ts#GeocodablePreview" ], "reason": "GeocodablePreview presents declared trait values and owns no focusable control or consumer action." } } }, "status": "stable", "maturity": "alpha", "propSchema": { "resolutionField": { "type": "string", "default": "geo_resolution", "trait": "Geocodable" }, "requiresLookupField": { "type": "string", "default": "geo_requires_lookup", "trait": "Geocodable" }, "detectedFieldsField": { "type": "string", "default": "geo_detected_fields", "trait": "Geocodable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "detectedFields": { "type": "readonly unknown[]", "optional": true }, "id": { "type": "string", "optional": true }, "requiresLookup": { "type": "boolean", "optional": true }, "resolution": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "detectedFields": { "type": "readonly unknown[]", "optional": true }, "id": { "type": "string", "optional": true }, "requiresLookup": { "type": "boolean", "optional": true }, "resolution": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "GeoFieldMappingForm", "displayName": "GeoFieldMappingForm", "description": "Maps record fields to geographic coordinates and identifiers.", "categories": [ "viz.spatial" ], "tags": [ "geo", "location", "map", "spatial", "viz" ], "contexts": [ "form" ], "regions": [ "detail", "form", "list" ], "traits": [ "Geocodable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#GeoFieldMappingForm" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderGeoFieldMappingForm" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#GeoFieldMappingForm" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#GeoFieldMappingForm" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#GeoFieldMappingForm", "build record (not shipped): vue-measured.json#GeoFieldMappingForm", "packages/components-react/evidence/react-readiness.v1.json#GeoFieldMappingForm", "packages/components-react/test/accessibility.spec.tsx#GeoFieldMappingForm", "packages/components-vue/evidence/vue-readiness.v1.json#GeoFieldMappingForm", "packages/components-vue/test/accessibility.spec.ts#GeoFieldMappingForm" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#GeoFieldMappingForm", "build record (not shipped): vue-theme/report.json#GeoFieldMappingForm", "packages/components-react/evidence/react-readiness.v1.json#GeoFieldMappingForm", "packages/components-vue/evidence/vue-readiness.v1.json#GeoFieldMappingForm" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#GeoFieldMappingForm", "build record (not shipped): vue-measured.json#GeoFieldMappingForm", "packages/components-react/evidence/react-readiness.v1.json#GeoFieldMappingForm", "packages/components-react/test/scenario-interactions.spec.tsx#GeoFieldMappingForm", "packages/components-vue/evidence/vue-readiness.v1.json#GeoFieldMappingForm", "packages/components-vue/test/scenario-interactions.spec.ts#GeoFieldMappingForm" ] } } }, "status": "stable", "maturity": "alpha", "propSchema": { "latitudeField": { "type": "string", "default": "geo_latitude_field", "trait": "Geocodable" }, "longitudeField": { "type": "string", "default": "geo_longitude_field", "trait": "Geocodable" }, "identifierField": { "type": "string", "default": "geo_identifier_field", "trait": "Geocodable" }, "autoDetectField": { "type": "string", "default": "geo_auto_detect_enabled", "trait": "Geocodable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "autoDetect": { "type": "boolean", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "embedded": { "type": "boolean", "optional": true }, "id": { "type": "string", "optional": true }, "identifier": { "type": "string", "optional": true }, "latitude": { "type": "string", "optional": true }, "longitude": { "type": "string", "optional": true }, "onChange": { "type": "((value: GeoFieldMappingValue) => void)", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "autoDetect": { "type": "boolean", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "embedded": { "type": "boolean", "optional": true }, "id": { "type": "string", "optional": true }, "identifier": { "type": "string", "optional": true }, "latitude": { "type": "string", "optional": true }, "longitude": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "GeoResolutionBadge", "displayName": "GeoResolutionBadge", "description": "Shows the resolution state of a geographic lookup.", "categories": [ "viz.spatial" ], "tags": [ "geo", "location", "map", "spatial", "viz" ], "contexts": [ "list" ], "regions": [ "detail", "form", "list" ], "traits": [ "Geocodable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#GeoResolutionBadge" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderGeoResolutionBadge" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#GeoResolutionBadge" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#GeoResolutionBadge" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#GeoResolutionBadge", "build record (not shipped): vue-measured.json#GeoResolutionBadge", "packages/components-react/evidence/react-readiness.v1.json#GeoResolutionBadge", "packages/components-react/test/accessibility.spec.tsx#GeoResolutionBadge", "packages/components-vue/evidence/vue-readiness.v1.json#GeoResolutionBadge", "packages/components-vue/test/accessibility.spec.ts#GeoResolutionBadge" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#GeoResolutionBadge", "build record (not shipped): vue-theme/report.json#GeoResolutionBadge", "packages/components-react/evidence/react-readiness.v1.json#GeoResolutionBadge", "packages/components-vue/evidence/vue-readiness.v1.json#GeoResolutionBadge" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#GeoResolutionBadge", "build record (not shipped): vue-measured.json#GeoResolutionBadge", "packages/components-react/evidence/react-readiness.v1.json#GeoResolutionBadge", "packages/components-react/test/scenario-interactions.spec.tsx#GeoResolutionBadge", "packages/components-vue/evidence/vue-readiness.v1.json#GeoResolutionBadge", "packages/components-vue/test/scenario-interactions.spec.ts#GeoResolutionBadge" ], "reason": "GeoResolutionBadge presents declared trait values and owns no focusable control or consumer action." } } }, "status": "stable", "maturity": "alpha", "propSchema": { "resolutionField": { "type": "string", "default": "geo_resolution", "trait": "Geocodable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "id": { "type": "string", "optional": true }, "resolution": { "type": "string", "optional": true } }, "vue": { "id": { "type": "string", "optional": true }, "resolution": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "Grid", "displayName": "Grid", "description": "Arranges child content in a responsive grid.", "categories": [ "primitive" ], "tags": [ "layout", "primitive", "structure" ], "contexts": [ "card", "detail", "form", "list", "timeline" ], "regions": [ "card", "contextPanel", "detail", "form", "list", "main", "timeline" ], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#Grid" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderGrid" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#Grid" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#Grid" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Grid", "build record (not shipped): vue-measured.json#Grid", "packages/components-react/evidence/react-readiness.v1.json#Grid", "packages/components-react/test/accessibility.spec.tsx#Grid", "packages/components-vue/evidence/vue-readiness.v1.json#Grid", "packages/components-vue/test/accessibility.spec.ts#Grid" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#Grid", "build record (not shipped): vue-theme/report.json#Grid", "packages/components-react/evidence/react-readiness.v1.json#Grid", "packages/components-vue/evidence/vue-readiness.v1.json#Grid" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#Grid", "build record (not shipped): vue-measured.json#Grid", "packages/components-react/evidence/react-readiness.v1.json#Grid", "packages/components-react/test/scenario-interactions.spec.tsx#Grid", "packages/components-vue/evidence/vue-readiness.v1.json#Grid", "packages/components-vue/test/scenario-interactions.spec.ts#Grid" ], "reason": "Grid presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "propSchema": {}, "propSchemaTarget": "html", "propTypes": { "react": { "align": { "type": "AlignItems", "optional": true }, "columns": { "type": "number | \"auto-fit\"", "optional": true }, "gap": { "type": "string", "optional": true }, "justify": { "type": "JustifyContent", "optional": true }, "minColumnWidth": { "type": "string", "optional": true } }, "vue": { "align": { "type": "string", "optional": true }, "columns": { "type": "string | number", "optional": true }, "gap": { "type": "string", "optional": true }, "justify": { "type": "string", "optional": true }, "minColumnWidth": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "react-and-vue", "codeReferences": [ { "kind": "code-connect", "path": "stories/components/ReactNucleus.stories.tsx", "snippet": "import { Grid } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ...;\n}", "title": "Components/React nucleus" } ], "codeSnippet": "import { Grid } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ...;\n}" }, { "name": "InlineLabel", "displayName": "InlineLabel", "description": "Displays a compact record label within a line of text.", "categories": [ "content" ], "tags": [ "content", "copy", "description", "label", "metadata" ], "contexts": [ "inline" ], "regions": [ "card", "detail", "form", "inline", "list", "timeline" ], "traits": [ "Labelled" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#InlineLabel" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderInlineLabel" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#InlineLabel" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#InlineLabel" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/6", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/7", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/18", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/19", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/28", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/29", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/36", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/37", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/44", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/45", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/56", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/57", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/70", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/71", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/84", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/85", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/98", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/99", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/112", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/113", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/126", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/127", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/138", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/139", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/150", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/151", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/164", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/165", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/178", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/179", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/192", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/193" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#InlineLabel", "build record (not shipped): vue-measured.json#InlineLabel", "packages/components-react/evidence/react-readiness.v1.json#InlineLabel", "packages/components-react/test/accessibility.spec.tsx#InlineLabel", "packages/components-vue/evidence/vue-readiness.v1.json#InlineLabel", "packages/components-vue/test/accessibility.spec.ts#InlineLabel" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#InlineLabel", "build record (not shipped): vue-theme/report.json#InlineLabel", "packages/components-react/evidence/react-readiness.v1.json#InlineLabel", "packages/components-vue/evidence/vue-readiness.v1.json#InlineLabel" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#InlineLabel", "build record (not shipped): vue-measured.json#InlineLabel", "packages/components-react/evidence/react-readiness.v1.json#InlineLabel", "packages/components-react/test/scenario-interactions.spec.tsx#InlineLabel", "packages/components-vue/evidence/vue-readiness.v1.json#InlineLabel", "packages/components-vue/test/scenario-interactions.spec.ts#InlineLabel" ], "reason": "InlineLabel presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "stable", "propSchema": { "field": { "type": "string", "default": "label", "trait": "Labelled" }, "maxLength": { "type": "number", "default": 40, "trait": "Labelled" } }, "propSchemaTarget": "html", "propTypes": { "react": { "label": { "type": "string", "optional": true }, "maxLength": { "type": "string | number", "optional": true }, "text": { "type": "string", "optional": true }, "value": { "type": "string", "optional": true } }, "vue": { "label": { "type": "string", "optional": true }, "maxLength": { "type": "string | number", "optional": true }, "text": { "type": "string", "optional": true }, "value": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "Input", "displayName": "Input", "description": "Edits a scalar value with a labelled native input.", "categories": [ "primitive" ], "tags": [ "field", "form", "input", "interactive", "primitive" ], "contexts": [ "form" ], "regions": [ "form", "main" ], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "native", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#Input" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderInput" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#Input" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#Input" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/4", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/5", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/12", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/13", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/54", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/55", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/62", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/63", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/68", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/69", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/76", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/77", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/82", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/83", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/90", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/91", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/96", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/97", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/104", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/105", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/110", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/111", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/118", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/119", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/124", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/125", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/132", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/133", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/148", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/149", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/156", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/157", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/162", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/163", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/170", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/171", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/176", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/177", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/184", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/185", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/190", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/191", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/198", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/199" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Input", "build record (not shipped): vue-measured.json#Input", "packages/components-react/evidence/react-readiness.v1.json#Input", "packages/components-react/test/accessibility.spec.tsx#Input", "packages/components-vue/evidence/vue-readiness.v1.json#Input", "packages/components-vue/test/accessibility.spec.ts#Input" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#Input", "build record (not shipped): vue-theme/report.json#Input", "packages/components-react/evidence/react-readiness.v1.json#Input", "packages/components-vue/evidence/vue-readiness.v1.json#Input" ] }, "interaction": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#Input", "build record (not shipped): vue-measured.json#Input", "packages/components-react/evidence/react-readiness.v1.json#Input", "packages/components-react/test/scenario-interactions.spec.tsx#Input", "packages/components-vue/evidence/vue-readiness.v1.json#Input", "packages/components-vue/test/scenario-interactions.spec.ts#Input" ] } } }, "status": "stable", "propSchema": { "value": { "type": "string", "description": "Input value.", "source": "primitive-renderer" }, "placeholder": { "type": "string", "description": "Placeholder text.", "source": "primitive-renderer" }, "type": { "type": "string", "description": "Native input type (text, email, number, …; default text).", "source": "primitive-renderer" }, "name": { "type": "string", "description": "Form field name.", "source": "primitive-renderer" }, "required": { "type": "boolean", "description": "Marks the field as required.", "source": "primitive-renderer" }, "disabled": { "type": "boolean", "description": "Disables the input.", "source": "primitive-renderer" } }, "propSchemaTarget": "html", "propTypes": { "react": { "className": { "type": "string", "optional": true }, "defaultValue": { "type": "string | number | readonly string[]", "optional": true }, "density": { "type": "FieldDensity", "optional": true }, "description": { "type": "ReactNode", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "help": { "type": "ReactNode", "optional": true }, "id": { "type": "string", "optional": false }, "inputClassName": { "type": "string", "optional": true }, "inputStyle": { "type": "CSSProperties", "optional": true }, "label": { "type": "ReactNode", "optional": false }, "onUpdate": { "type": "((value: string) => void)", "optional": true }, "onValueChange": { "type": "((value: string) => void)", "optional": true }, "placeholder": { "type": "string", "optional": true }, "readOnly": { "type": "boolean", "optional": true }, "required": { "type": "boolean", "optional": true }, "requiredIndicator": { "type": "ReactNode", "optional": true }, "style": { "type": "CSSProperties", "optional": true }, "type": { "type": "HTMLInputTypeAttribute", "optional": true }, "validation": { "type": "FieldValidation", "optional": true }, "value": { "type": "string | number | readonly string[]", "optional": true } }, "vue": { "defaultValue": { "type": "string", "optional": true }, "disabled": { "type": "boolean", "optional": true }, "help": { "type": "string", "optional": true }, "id": { "type": "string", "optional": true }, "inputClass": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "max": { "type": "string", "optional": true }, "min": { "type": "string", "optional": true }, "modelValue": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "placeholder": { "type": "string", "optional": true }, "readOnly": { "type": "boolean", "optional": true }, "required": { "type": "boolean", "optional": true }, "step": { "type": "string | number", "optional": true }, "type": { "type": "string", "optional": true }, "validation": { "type": "ValidationMessage", "optional": true }, "value": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps", "codeReferences": [ { "kind": "code-connect", "path": "stories/components/ReactNucleus.stories.tsx", "snippet": "import { Input } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ;\n}", "title": "Components/React nucleus" } ], "codeSnippet": "import { Input } from '../../packages/components-react/src/index.js';\n\nexport function Example() {\n return ;\n}" }, { "name": "LabelCell", "displayName": "LabelCell", "description": "Shows a record label in a collection cell.", "categories": [ "content" ], "tags": [ "content", "copy", "description", "label", "metadata" ], "contexts": [ "list" ], "regions": [ "card", "detail", "form", "inline", "list", "timeline" ], "traits": [ "Labelled" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#LabelCell" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderLabelCell" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#LabelCell" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#LabelCell" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/8", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/9", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/12", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/13", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/72", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/73", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/76", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/77", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/86", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/87", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/90", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/91", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/114", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/115", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/118", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/119", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/128", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/129", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/132", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/133" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#LabelCell", "build record (not shipped): vue-measured.json#LabelCell", "packages/components-react/evidence/react-readiness.v1.json#LabelCell", "packages/components-react/test/accessibility.spec.tsx#LabelCell", "packages/components-vue/evidence/vue-readiness.v1.json#LabelCell", "packages/components-vue/test/accessibility.spec.ts#LabelCell" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#LabelCell", "build record (not shipped): vue-theme/report.json#LabelCell", "packages/components-react/evidence/react-readiness.v1.json#LabelCell", "packages/components-vue/evidence/vue-readiness.v1.json#LabelCell" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#LabelCell", "build record (not shipped): vue-measured.json#LabelCell", "packages/components-react/evidence/react-readiness.v1.json#LabelCell", "packages/components-react/test/scenario-interactions.spec.tsx#LabelCell", "packages/components-vue/evidence/vue-readiness.v1.json#LabelCell", "packages/components-vue/test/scenario-interactions.spec.ts#LabelCell" ], "reason": "LabelCell presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "stable", "propSchema": { "field": { "type": "string", "default": "label", "trait": "Labelled" }, "descriptionField": { "type": "string", "default": "description", "trait": "Labelled" }, "truncate": { "type": "boolean", "default": true, "trait": "Labelled" }, "maxLengthParameter": { "type": "string", "default": "maxLabelLength", "trait": "Labelled" } }, "propSchemaTarget": "html", "propTypes": { "react": { "description": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "maxLength": { "type": "string | number", "optional": true }, "sublabel": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "supporting": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "truncate": { "type": "boolean", "optional": true }, "value": { "type": "string", "optional": true } }, "vue": { "description": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "maxLength": { "type": "string | number", "optional": true }, "sublabel": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "supporting": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "truncate": { "type": "boolean", "optional": true }, "value": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "MembershipAuditTimeline", "displayName": "MembershipAuditTimeline", "description": "Lists recorded membership changes over time.", "categories": [ "core" ], "tags": [ "authorization", "membership", "rbac", "saas", "security" ], "contexts": [ "timeline" ], "regions": [ "detail", "form", "list", "timeline" ], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#MembershipAuditTimeline" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderMembershipAuditTimeline" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#MembershipAuditTimeline" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#MembershipAuditTimeline" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#MembershipAuditTimeline", "build record (not shipped): vue-measured.json#MembershipAuditTimeline", "packages/components-react/evidence/react-readiness.v1.json#MembershipAuditTimeline", "packages/components-react/test/accessibility.spec.tsx#MembershipAuditTimeline", "packages/components-vue/evidence/vue-readiness.v1.json#MembershipAuditTimeline", "packages/components-vue/test/accessibility.spec.ts#MembershipAuditTimeline" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#MembershipAuditTimeline", "build record (not shipped): vue-theme/report.json#MembershipAuditTimeline", "packages/components-react/evidence/react-readiness.v1.json#MembershipAuditTimeline", "packages/components-vue/evidence/vue-readiness.v1.json#MembershipAuditTimeline" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#MembershipAuditTimeline", "build record (not shipped): vue-measured.json#MembershipAuditTimeline", "packages/components-react/evidence/react-readiness.v1.json#MembershipAuditTimeline", "packages/components-react/test/scenario-interactions.spec.tsx#MembershipAuditTimeline", "packages/components-vue/evidence/vue-readiness.v1.json#MembershipAuditTimeline", "packages/components-vue/test/scenario-interactions.spec.ts#MembershipAuditTimeline" ], "reason": "MembershipAuditTimeline presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "propSchema": {}, "propSchemaTarget": "html", "propTypes": { "react": { "events": { "type": "readonly unknown[]", "optional": true }, "heading": { "type": "string", "optional": true }, "history": { "type": "readonly unknown[]", "optional": true }, "label": { "type": "string", "optional": true }, "memberships": { "type": "readonly unknown[]", "optional": true }, "name": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "events": { "type": "unknown", "optional": true }, "heading": { "type": "unknown", "optional": true }, "history": { "type": "unknown", "optional": true }, "label": { "type": "unknown", "optional": true }, "memberships": { "type": "unknown", "optional": true }, "name": { "type": "unknown", "optional": true }, "title": { "type": "unknown", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "MembershipPanel", "displayName": "MembershipPanel", "description": "Groups membership information and authored content.", "categories": [ "core" ], "tags": [ "authorization", "membership", "rbac", "saas", "security" ], "contexts": [ "detail" ], "regions": [ "detail", "form", "list" ], "traits": [ "Authable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#MembershipPanel" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderMembershipPanel" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#MembershipPanel" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#MembershipPanel" ] }, "generatedConsumer": { "state": "implemented-evidence-complete", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json#/rows/80", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/81", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/90", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/91", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/188", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/189", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/198", "packages/mcp-server/registry/runtime-cells.v1.json#/rows/199" ] }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#MembershipPanel", "build record (not shipped): vue-measured.json#MembershipPanel", "packages/components-react/evidence/react-readiness.v1.json#MembershipPanel", "packages/components-react/test/accessibility.spec.tsx#MembershipPanel", "packages/components-vue/evidence/vue-readiness.v1.json#MembershipPanel", "packages/components-vue/test/accessibility.spec.ts#MembershipPanel" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#MembershipPanel", "build record (not shipped): vue-theme/report.json#MembershipPanel", "packages/components-react/evidence/react-readiness.v1.json#MembershipPanel", "packages/components-vue/evidence/vue-readiness.v1.json#MembershipPanel" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#MembershipPanel", "build record (not shipped): vue-measured.json#MembershipPanel", "packages/components-react/evidence/react-readiness.v1.json#MembershipPanel", "packages/components-react/test/scenario-interactions.spec.tsx#MembershipPanel", "packages/components-vue/evidence/vue-readiness.v1.json#MembershipPanel", "packages/components-vue/test/scenario-interactions.spec.ts#MembershipPanel" ], "reason": "MembershipPanel presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "experimental", "propSchema": { "membershipsField": { "type": "string", "default": "membership_records", "trait": "Authable" }, "hierarchyField": { "type": "string", "default": "role_hierarchy_edges", "trait": "Authable" }, "roleField": { "type": "string", "default": "role_catalog", "trait": "Authable" }, "permissionField": { "type": "string", "default": "permission_catalog", "trait": "Authable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "body": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "emptyMessage": { "type": "string", "optional": true }, "heading": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "metadata": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "summary": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "body": { "type": "string", "optional": true }, "description": { "type": "string", "optional": true }, "emptyMessage": { "type": "string", "optional": true }, "heading": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "metadata": { "type": "string", "optional": true }, "name": { "type": "string", "optional": true }, "subtitle": { "type": "string", "optional": true }, "summary": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "title": { "type": "string", "optional": true } } }, "slots": {}, "readiness": "proven-in-generated-apps" }, { "name": "MessageEventTimeline", "displayName": "MessageEventTimeline", "description": "Lists recorded events in a message's lifecycle.", "categories": [ "communication" ], "tags": [ "conversation", "delivery", "messaging", "notification", "template" ], "contexts": [ "timeline" ], "regions": [], "traits": [], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#MessageEventTimeline" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderMessageEventTimeline" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#MessageEventTimeline" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#MessageEventTimeline" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#MessageEventTimeline", "build record (not shipped): vue-measured.json#MessageEventTimeline", "packages/components-react/evidence/react-readiness.v1.json#MessageEventTimeline", "packages/components-react/test/accessibility.spec.tsx#MessageEventTimeline", "packages/components-vue/evidence/vue-readiness.v1.json#MessageEventTimeline", "packages/components-vue/test/accessibility.spec.ts#MessageEventTimeline" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#MessageEventTimeline", "build record (not shipped): vue-theme/report.json#MessageEventTimeline", "packages/components-react/evidence/react-readiness.v1.json#MessageEventTimeline", "packages/components-vue/evidence/vue-readiness.v1.json#MessageEventTimeline" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#MessageEventTimeline", "build record (not shipped): vue-measured.json#MessageEventTimeline", "packages/components-react/evidence/react-readiness.v1.json#MessageEventTimeline", "packages/components-react/test/scenario-interactions.spec.tsx#MessageEventTimeline", "packages/components-vue/evidence/vue-readiness.v1.json#MessageEventTimeline", "packages/components-vue/test/scenario-interactions.spec.ts#MessageEventTimeline" ], "reason": "MessageEventTimeline presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "propSchema": {}, "propSchemaTarget": "html", "propTypes": { "react": { "events": { "type": "readonly unknown[]", "optional": true }, "heading": { "type": "string", "optional": true }, "label": { "type": "string", "optional": true }, "messages": { "type": "readonly unknown[]", "optional": true }, "name": { "type": "string", "optional": true }, "statuses": { "type": "readonly unknown[]", "optional": true }, "title": { "type": "string", "optional": true } }, "vue": { "events": { "type": "unknown", "optional": true }, "heading": { "type": "unknown", "optional": true }, "label": { "type": "unknown", "optional": true }, "messages": { "type": "unknown", "optional": true }, "name": { "type": "unknown", "optional": true }, "statuses": { "type": "unknown", "optional": true }, "title": { "type": "unknown", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" }, { "name": "MessageStatusBadge", "displayName": "MessageStatusBadge", "description": "Shows a message's delivery status.", "categories": [ "communication" ], "tags": [ "conversation", "delivery", "messaging", "notification", "template" ], "contexts": [ "list" ], "regions": [ "detail", "form", "list" ], "traits": [ "Communicable" ], "productReality": { "schemaVersion": "1.0.0", "proposedClassification": "recipe", "reconciliationState": "proposed-awaiting-approval", "surfaces": { "contract": { "state": "versioned-v1", "evidence": [ "packages/component-contracts/src/contracts.ts#MessageStatusBadge" ] }, "metadata": { "state": "available", "evidence": [ "artifacts/structured-data/oods-components-2026-03-06.json" ] }, "html": { "state": "mapped", "evidence": [ "packages/mcp-server/src/render/component-map.ts#renderMessageStatusBadge" ] }, "react": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-react/evidence/react-readiness.v1.json#MessageStatusBadge" ] }, "vue": { "state": "implemented-evidence-complete", "evidence": [ "packages/components-vue/evidence/vue-readiness.v1.json#MessageStatusBadge" ] }, "generatedConsumer": { "state": "unavailable", "evidence": [ "packages/mcp-server/registry/runtime-cells.v1.json" ], "reason": "No current runtime cell places this component; historical receipts do not establish current coverage." }, "accessibility": { "state": "verified", "evidence": [ "build record (not shipped): react-measured.json#MessageStatusBadge", "build record (not shipped): vue-measured.json#MessageStatusBadge", "packages/components-react/evidence/react-readiness.v1.json#MessageStatusBadge", "packages/components-react/test/accessibility.spec.tsx#MessageStatusBadge", "packages/components-vue/evidence/vue-readiness.v1.json#MessageStatusBadge", "packages/components-vue/test/accessibility.spec.ts#MessageStatusBadge" ] }, "theme": { "state": "verified", "evidence": [ "build record (not shipped): react-theme/report.json#MessageStatusBadge", "build record (not shipped): vue-theme/report.json#MessageStatusBadge", "packages/components-react/evidence/react-readiness.v1.json#MessageStatusBadge", "packages/components-vue/evidence/vue-readiness.v1.json#MessageStatusBadge" ] }, "interaction": { "state": "not-applicable", "evidence": [ "build record (not shipped): react-measured.json#MessageStatusBadge", "build record (not shipped): vue-measured.json#MessageStatusBadge", "packages/components-react/evidence/react-readiness.v1.json#MessageStatusBadge", "packages/components-react/test/scenario-interactions.spec.tsx#MessageStatusBadge", "packages/components-vue/evidence/vue-readiness.v1.json#MessageStatusBadge", "packages/components-vue/test/scenario-interactions.spec.ts#MessageStatusBadge" ], "reason": "MessageStatusBadge presents content and owns no focusable control or action; authored child actions remain the consumer's responsibility." } } }, "status": "stable", "maturity": "experimental", "propSchema": { "statusesField": { "type": "string", "default": "message_statuses", "trait": "Communicable" } }, "propSchemaTarget": "html", "propTypes": { "react": { "delivery": { "type": "string", "optional": true }, "emphasis": { "type": "ComponentEmphasis", "optional": true }, "label": { "type": "string", "optional": true }, "state": { "type": "string", "optional": true }, "status": { "type": "string", "optional": true }, "text": { "type": "string", "optional": true }, "tone": { "type": "ComponentTone", "optional": true }, "value": { "type": "string", "optional": true }, "variant": { "type": "string", "optional": true } }, "vue": { "delivery": { "type": "unknown", "optional": true }, "emphasis": { "type": "unknown", "optional": true }, "label": { "type": "unknown", "optional": true }, "state": { "type": "unknown", "optional": true }, "status": { "type": "unknown", "optional": true }, "text": { "type": "unknown", "optional": true }, "tone": { "type": "unknown", "optional": true }, "value": { "type": "unknown", "optional": true }, "variant": { "type": "unknown", "optional": true } } }, "slots": {}, "readiness": "react-and-vue" } ], "totalCount": 114, "returnedCount": 50, "page": 1, "pageSize": 50, "hasMore": true, "detail": "full", "generatedAt": "2026-10-06T04:59:14Z", "obligationScope": { "schemaVersion": "1.0.0", "decisionId": 2527, "disposition": "retain-all-obligations", "controllingObligationDenominator": 114, "approvedRuntimeCensus": null, "classificationStatus": "proposed-awaiting-approval", "runtimeEvidence": "200/200 generated cells pass packed runtime gates at debfc52e74881829b2d79726262fe955dc96cb7f; 0 typed gaps, 0 failures. This is runtime evidence, not craft or classification approval." }, "stats": { "componentCount": 114, "traitCount": 49 }, "availableCategories": [ "behavioral", "communication", "content", "core", "domain", "financial", "lifecycle", "primitive", "structural", "visual", "viz.encoding", "viz.mark", "viz.pattern", "viz.scale", "viz.spatial" ] } }