@dowel-ui/react 0.4.0 → 0.7.0

package/dist/registry/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","names":["accordionMeta","activityFeedMeta","aiActionLedgerMeta","aiAgentPlanMeta","aiAgentStatusMeta","aiApprovalRequestMeta","aiConversationMeta","aiDisclosureMeta","aiInlineCompletionMeta","aiMessageMeta","aiModelSelectorMeta","aiPromptInputMeta","aiReasoningMeta","aiResponseMeta","aiSourcesMeta","aiStructuredOutputMeta","aiTokenUsageMeta","aiToolMeta","alertMeta","avatarMeta","badgeMeta","buttonMeta","calendarMeta","cardMeta","checkboxMeta","codeBlockMeta","comboboxMeta","commandMeta","dataTableMeta","datePickerMeta","dialogMeta","diffViewerMeta","drawerMeta","dropdownMenuMeta","emptyStateMeta","fileUploadMeta","formMeta","inputMeta","labelMeta","logViewerMeta","meterMeta","metricDeltaMeta","paginationMeta","popoverMeta","progressMeta","radioGroupMeta","recordDiffMeta","selectMeta","separatorMeta","sheetMeta","skeletonMeta","sliderMeta","spinnerMeta","switchMeta","tableMeta","tabsMeta","tagsInputMeta","timeRangePickerMeta","toastMeta","tooltipMeta"],"sources":["../../src/registry/components.ts"],"sourcesContent":["import type { ComponentMeta } from \"./schema\";\n\nimport { meta as accordionMeta } from \"@/components/accordion/meta\";\nimport { meta as activityFeedMeta } from \"@/components/activity-feed/meta\";\nimport { meta as aiActionLedgerMeta } from \"@/components/ai-action-ledger/meta\";\nimport { meta as aiAgentPlanMeta } from \"@/components/ai-agent-plan/meta\";\nimport { meta as aiAgentStatusMeta } from \"@/components/ai-agent-status/meta\";\nimport { meta as aiApprovalRequestMeta } from \"@/components/ai-approval-request/meta\";\nimport { meta as aiConversationMeta } from \"@/components/ai-conversation/meta\";\nimport { meta as aiDisclosureMeta } from \"@/components/ai-disclosure/meta\";\nimport { meta as aiInlineCompletionMeta } from \"@/components/ai-inline-completion/meta\";\nimport { meta as aiMessageMeta } from \"@/components/ai-message/meta\";\nimport { meta as aiModelSelectorMeta } from \"@/components/ai-model-selector/meta\";\nimport { meta as aiPromptInputMeta } from \"@/components/ai-prompt-input/meta\";\nimport { meta as aiReasoningMeta } from \"@/components/ai-reasoning/meta\";\nimport { meta as aiResponseMeta } from \"@/components/ai-response/meta\";\nimport { meta as aiSourcesMeta } from \"@/components/ai-sources/meta\";\nimport { meta as aiStructuredOutputMeta } from \"@/components/ai-structured-output/meta\";\nimport { meta as aiTokenUsageMeta } from \"@/components/ai-token-usage/meta\";\nimport { meta as aiToolMeta } from \"@/components/ai-tool/meta\";\nimport { meta as alertMeta } from \"@/components/alert/meta\";\nimport { meta as avatarMeta } from \"@/components/avatar/meta\";\nimport { meta as badgeMeta } from \"@/components/badge/meta\";\nimport { meta as buttonMeta } from \"@/components/button/meta\";\nimport { meta as calendarMeta } from \"@/components/calendar/meta\";\nimport { meta as cardMeta } from \"@/components/card/meta\";\nimport { meta as checkboxMeta } from \"@/components/checkbox/meta\";\nimport { meta as codeBlockMeta } from \"@/components/code-block/meta\";\nimport { meta as comboboxMeta } from \"@/components/combobox/meta\";\nimport { meta as commandMeta } from \"@/components/command/meta\";\nimport { meta as dataTableMeta } from \"@/components/data-table/meta\";\nimport { meta as datePickerMeta } from \"@/components/date-picker/meta\";\nimport { meta as dialogMeta } from \"@/components/dialog/meta\";\nimport { meta as diffViewerMeta } from \"@/components/diff-viewer/meta\";\nimport { meta as drawerMeta } from \"@/components/drawer/meta\";\nimport { meta as dropdownMenuMeta } from \"@/components/dropdown-menu/meta\";\nimport { meta as emptyStateMeta } from \"@/components/empty-state/meta\";\nimport { meta as fileUploadMeta } from \"@/components/file-upload/meta\";\nimport { meta as formMeta } from \"@/components/form/meta\";\nimport { meta as inputMeta } from \"@/components/input/meta\";\nimport { meta as labelMeta } from \"@/components/label/meta\";\nimport { meta as logViewerMeta } from \"@/components/log-viewer/meta\";\nimport { meta as meterMeta } from \"@/components/meter/meta\";\nimport { meta as metricDeltaMeta } from \"@/components/metric-delta/meta\";\nimport { meta as paginationMeta } from \"@/components/pagination/meta\";\nimport { meta as popoverMeta } from \"@/components/popover/meta\";\nimport { meta as progressMeta } from \"@/components/progress/meta\";\nimport { meta as radioGroupMeta } from \"@/components/radio-group/meta\";\nimport { meta as recordDiffMeta } from \"@/components/record-diff/meta\";\nimport { meta as selectMeta } from \"@/components/select/meta\";\nimport { meta as separatorMeta } from \"@/components/separator/meta\";\nimport { meta as sheetMeta } from \"@/components/sheet/meta\";\nimport { meta as skeletonMeta } from \"@/components/skeleton/meta\";\nimport { meta as sliderMeta } from \"@/components/slider/meta\";\nimport { meta as spinnerMeta } from \"@/components/spinner/meta\";\nimport { meta as switchMeta } from \"@/components/switch/meta\";\nimport { meta as tableMeta } from \"@/components/table/meta\";\nimport { meta as tabsMeta } from \"@/components/tabs/meta\";\nimport { meta as tagsInputMeta } from \"@/components/tags-input/meta\";\nimport { meta as timeRangePickerMeta } from \"@/components/time-range-picker/meta\";\nimport { meta as toastMeta } from \"@/components/toast/meta\";\nimport { meta as tooltipMeta } from \"@/components/tooltip/meta\";\n\n/**\n * Every component in the registry.\n *\n * An explicit list rather than a glob: the registry build runs in plain Node,\n * where bundler-only globbing is unavailable, and a static list is also what\n * lets the bundle tree-shake. `meta.test.ts` fails if a component directory\n * exists that is missing from here, so it cannot silently fall out of date.\n *\n * Identifiers carry a `Meta` suffix because component names include reserved\n * words — `switch` cannot be a binding name.\n */\nexport const componentMetas: ComponentMeta[] = [\n  accordionMeta,\n  activityFeedMeta,\n  aiActionLedgerMeta,\n  aiAgentPlanMeta,\n  aiAgentStatusMeta,\n  aiApprovalRequestMeta,\n  aiConversationMeta,\n  aiDisclosureMeta,\n  aiInlineCompletionMeta,\n  aiMessageMeta,\n  aiModelSelectorMeta,\n  aiPromptInputMeta,\n  aiReasoningMeta,\n  aiResponseMeta,\n  aiSourcesMeta,\n  aiStructuredOutputMeta,\n  aiTokenUsageMeta,\n  aiToolMeta,\n  alertMeta,\n  avatarMeta,\n  badgeMeta,\n  buttonMeta,\n  calendarMeta,\n  cardMeta,\n  checkboxMeta,\n  codeBlockMeta,\n  comboboxMeta,\n  commandMeta,\n  dataTableMeta,\n  datePickerMeta,\n  dialogMeta,\n  diffViewerMeta,\n  drawerMeta,\n  dropdownMenuMeta,\n  emptyStateMeta,\n  fileUploadMeta,\n  formMeta,\n  inputMeta,\n  labelMeta,\n  logViewerMeta,\n  meterMeta,\n  metricDeltaMeta,\n  paginationMeta,\n  popoverMeta,\n  progressMeta,\n  radioGroupMeta,\n  recordDiffMeta,\n  selectMeta,\n  separatorMeta,\n  sheetMeta,\n  skeletonMeta,\n  sliderMeta,\n  spinnerMeta,\n  switchMeta,\n  tableMeta,\n  tabsMeta,\n  tagsInputMeta,\n  timeRangePickerMeta,\n  toastMeta,\n  tooltipMeta,\n];\n\n// This file is the `@dowel-ui/react/registry` entry point, so the block barrel is\n// re-exported here — the registry build reads both through one import.\nexport { blockMetas } from \"./blocks\";\nexport { COMPONENT_CATEGORIES, COMPONENT_STATUSES } from \"./schema\";\nexport type { ComponentCategory, ComponentMeta, ComponentStatus } from \"./schema\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,MAAa,iBAAkC;CAC7CA;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;AACF"}
+{"version":3,"file":"components.js","names":["accordionMeta","activityFeedMeta","aiActionLedgerMeta","aiAgentPlanMeta","aiAgentStatusMeta","aiApprovalRequestMeta","aiConversationMeta","aiDisclosureMeta","aiExtractionReviewMeta","aiInlineCompletionMeta","aiMessageMeta","aiModelSelectorMeta","aiPromptInputMeta","aiReasoningMeta","aiResponseMeta","aiSourcesMeta","aiStructuredOutputMeta","aiSuggestedValueMeta","aiTokenUsageMeta","aiToolMeta","alertMeta","avatarMeta","badgeMeta","breadcrumbMeta","buttonMeta","calendarMeta","cardMeta","checkboxMeta","codeBlockMeta","collapsibleMeta","comboboxMeta","commandMeta","confirmTypedMeta","cronEditorMeta","dataTableMeta","datePickerMeta","dialogMeta","directionMeta","diffViewerMeta","dnsRecordMeta","drawerMeta","dropdownMenuMeta","emptyStateMeta","fileUploadMeta","formMeta","inputMeta","labelMeta","logViewerMeta","meterMeta","metricDeltaMeta","paginationMeta","permissionMatrixMeta","popoverMeta","progressMeta","radioGroupMeta","recordDiffMeta","secretFieldMeta","selectMeta","separatorMeta","sessionExpiryMeta","sheetMeta","sidebarMeta","shortcutRecorderMeta","skeletonMeta","sliderMeta","spinnerMeta","switchMeta","syncStatusMeta","tableMeta","tabsMeta","tagsInputMeta","timeRangePickerMeta","textareaMeta","toastMeta","tooltipMeta"],"sources":["../../src/registry/components.ts"],"sourcesContent":["import type { ComponentMeta } from \"./schema\";\n\nimport { meta as accordionMeta } from \"@/components/accordion/meta\";\nimport { meta as activityFeedMeta } from \"@/components/activity-feed/meta\";\nimport { meta as aiActionLedgerMeta } from \"@/components/ai-action-ledger/meta\";\nimport { meta as aiAgentPlanMeta } from \"@/components/ai-agent-plan/meta\";\nimport { meta as aiAgentStatusMeta } from \"@/components/ai-agent-status/meta\";\nimport { meta as aiApprovalRequestMeta } from \"@/components/ai-approval-request/meta\";\nimport { meta as aiConversationMeta } from \"@/components/ai-conversation/meta\";\nimport { meta as aiDisclosureMeta } from \"@/components/ai-disclosure/meta\";\nimport { meta as aiExtractionReviewMeta } from \"@/components/ai-extraction-review/meta\";\nimport { meta as aiInlineCompletionMeta } from \"@/components/ai-inline-completion/meta\";\nimport { meta as aiMessageMeta } from \"@/components/ai-message/meta\";\nimport { meta as aiModelSelectorMeta } from \"@/components/ai-model-selector/meta\";\nimport { meta as aiPromptInputMeta } from \"@/components/ai-prompt-input/meta\";\nimport { meta as aiReasoningMeta } from \"@/components/ai-reasoning/meta\";\nimport { meta as aiResponseMeta } from \"@/components/ai-response/meta\";\nimport { meta as aiSourcesMeta } from \"@/components/ai-sources/meta\";\nimport { meta as aiStructuredOutputMeta } from \"@/components/ai-structured-output/meta\";\nimport { meta as aiSuggestedValueMeta } from \"@/components/ai-suggested-value/meta\";\nimport { meta as aiTokenUsageMeta } from \"@/components/ai-token-usage/meta\";\nimport { meta as aiToolMeta } from \"@/components/ai-tool/meta\";\nimport { meta as alertMeta } from \"@/components/alert/meta\";\nimport { meta as avatarMeta } from \"@/components/avatar/meta\";\nimport { meta as badgeMeta } from \"@/components/badge/meta\";\nimport { meta as breadcrumbMeta } from \"@/components/breadcrumb/meta\";\nimport { meta as buttonMeta } from \"@/components/button/meta\";\nimport { meta as calendarMeta } from \"@/components/calendar/meta\";\nimport { meta as cardMeta } from \"@/components/card/meta\";\nimport { meta as checkboxMeta } from \"@/components/checkbox/meta\";\nimport { meta as codeBlockMeta } from \"@/components/code-block/meta\";\nimport { meta as collapsibleMeta } from \"@/components/collapsible/meta\";\nimport { meta as comboboxMeta } from \"@/components/combobox/meta\";\nimport { meta as commandMeta } from \"@/components/command/meta\";\nimport { meta as confirmTypedMeta } from \"@/components/confirm-typed/meta\";\nimport { meta as cronEditorMeta } from \"@/components/cron-editor/meta\";\nimport { meta as dataTableMeta } from \"@/components/data-table/meta\";\nimport { meta as datePickerMeta } from \"@/components/date-picker/meta\";\nimport { meta as directionMeta } from \"@/components/direction/meta\";\nimport { meta as dialogMeta } from \"@/components/dialog/meta\";\nimport { meta as diffViewerMeta } from \"@/components/diff-viewer/meta\";\nimport { meta as dnsRecordMeta } from \"@/components/dns-record/meta\";\nimport { meta as drawerMeta } from \"@/components/drawer/meta\";\nimport { meta as dropdownMenuMeta } from \"@/components/dropdown-menu/meta\";\nimport { meta as emptyStateMeta } from \"@/components/empty-state/meta\";\nimport { meta as fileUploadMeta } from \"@/components/file-upload/meta\";\nimport { meta as formMeta } from \"@/components/form/meta\";\nimport { meta as inputMeta } from \"@/components/input/meta\";\nimport { meta as labelMeta } from \"@/components/label/meta\";\nimport { meta as logViewerMeta } from \"@/components/log-viewer/meta\";\nimport { meta as meterMeta } from \"@/components/meter/meta\";\nimport { meta as metricDeltaMeta } from \"@/components/metric-delta/meta\";\nimport { meta as paginationMeta } from \"@/components/pagination/meta\";\nimport { meta as permissionMatrixMeta } from \"@/components/permission-matrix/meta\";\nimport { meta as popoverMeta } from \"@/components/popover/meta\";\nimport { meta as progressMeta } from \"@/components/progress/meta\";\nimport { meta as radioGroupMeta } from \"@/components/radio-group/meta\";\nimport { meta as recordDiffMeta } from \"@/components/record-diff/meta\";\nimport { meta as secretFieldMeta } from \"@/components/secret-field/meta\";\nimport { meta as selectMeta } from \"@/components/select/meta\";\nimport { meta as separatorMeta } from \"@/components/separator/meta\";\nimport { meta as sessionExpiryMeta } from \"@/components/session-expiry/meta\";\nimport { meta as sidebarMeta } from \"@/components/sidebar/meta\";\nimport { meta as sheetMeta } from \"@/components/sheet/meta\";\nimport { meta as shortcutRecorderMeta } from \"@/components/shortcut-recorder/meta\";\nimport { meta as skeletonMeta } from \"@/components/skeleton/meta\";\nimport { meta as sliderMeta } from \"@/components/slider/meta\";\nimport { meta as spinnerMeta } from \"@/components/spinner/meta\";\nimport { meta as switchMeta } from \"@/components/switch/meta\";\nimport { meta as syncStatusMeta } from \"@/components/sync-status/meta\";\nimport { meta as tableMeta } from \"@/components/table/meta\";\nimport { meta as tabsMeta } from \"@/components/tabs/meta\";\nimport { meta as tagsInputMeta } from \"@/components/tags-input/meta\";\nimport { meta as timeRangePickerMeta } from \"@/components/time-range-picker/meta\";\nimport { meta as textareaMeta } from \"@/components/textarea/meta\";\nimport { meta as toastMeta } from \"@/components/toast/meta\";\nimport { meta as tooltipMeta } from \"@/components/tooltip/meta\";\n\n/**\n * Every component in the registry.\n *\n * An explicit list rather than a glob: the registry build runs in plain Node,\n * where bundler-only globbing is unavailable, and a static list is also what\n * lets the bundle tree-shake. `meta.test.ts` fails if a component directory\n * exists that is missing from here, so it cannot silently fall out of date.\n *\n * Identifiers carry a `Meta` suffix because component names include reserved\n * words — `switch` cannot be a binding name.\n */\nexport const componentMetas: ComponentMeta[] = [\n  accordionMeta,\n  activityFeedMeta,\n  aiActionLedgerMeta,\n  aiAgentPlanMeta,\n  aiAgentStatusMeta,\n  aiApprovalRequestMeta,\n  aiConversationMeta,\n  aiDisclosureMeta,\n  aiExtractionReviewMeta,\n  aiInlineCompletionMeta,\n  aiMessageMeta,\n  aiModelSelectorMeta,\n  aiPromptInputMeta,\n  aiReasoningMeta,\n  aiResponseMeta,\n  aiSourcesMeta,\n  aiStructuredOutputMeta,\n  aiSuggestedValueMeta,\n  aiTokenUsageMeta,\n  aiToolMeta,\n  alertMeta,\n  avatarMeta,\n  badgeMeta,\n  breadcrumbMeta,\n  buttonMeta,\n  calendarMeta,\n  cardMeta,\n  checkboxMeta,\n  codeBlockMeta,\n  collapsibleMeta,\n  comboboxMeta,\n  commandMeta,\n  confirmTypedMeta,\n  cronEditorMeta,\n  dataTableMeta,\n  datePickerMeta,\n  dialogMeta,\n  directionMeta,\n  diffViewerMeta,\n  dnsRecordMeta,\n  drawerMeta,\n  dropdownMenuMeta,\n  emptyStateMeta,\n  fileUploadMeta,\n  formMeta,\n  inputMeta,\n  labelMeta,\n  logViewerMeta,\n  meterMeta,\n  metricDeltaMeta,\n  paginationMeta,\n  permissionMatrixMeta,\n  popoverMeta,\n  progressMeta,\n  radioGroupMeta,\n  recordDiffMeta,\n  secretFieldMeta,\n  selectMeta,\n  separatorMeta,\n  sessionExpiryMeta,\n  sheetMeta,\n  sidebarMeta,\n  shortcutRecorderMeta,\n  skeletonMeta,\n  sliderMeta,\n  spinnerMeta,\n  switchMeta,\n  syncStatusMeta,\n  tableMeta,\n  tabsMeta,\n  tagsInputMeta,\n  timeRangePickerMeta,\n  textareaMeta,\n  toastMeta,\n  tooltipMeta,\n];\n\n// This file is the `@dowel-ui/react/registry` entry point, so the block barrel is\n// re-exported here — the registry build reads both through one import.\nexport { blockMetas } from \"./blocks\";\nexport { COMPONENT_CATEGORIES, COMPONENT_STATUSES } from \"./schema\";\nexport type { ComponentCategory, ComponentMeta, ComponentStatus } from \"./schema\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA,MAAa,iBAAkC;CAC7CA;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;AACF"}

package/dist/registry/schema.d.ts

@@ -36,6 +36,14 @@ interface ComponentMeta {
   files: string[];
   /** Accessibility notes surfaced on the docs page. */
   a11y?: string;
+  /**
+   * Whether the source is public.
+   *
+   * Omitted means `free`, and free is a promise: an item that has shipped
+   * installable without a licence stays that way. Marking an existing component
+   * `pro` breaks every project that already installs it.
+   */
+  access?: "free" | "pro";
 }
 /** Identity helper that gives editors autocomplete inside `meta.ts`. */
 declare function defineMeta<const T extends ComponentMeta>(meta: T): T;

package/dist/registry/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","names":[],"sources":["../../src/registry/schema.ts"],"mappings":";;;;;;;;;cASa;KAYD,4BAA4B;cAE3B;KAED,0BAA0B;UAErB;;EAEf;;;;;;;;EAQA;;EAEA;;EAEA;EACA,UAAU;EACV,QAAQ;;EAER;;EAEA;;EAEA;;EAEA;;;iBAIc,iBAAiB,UAAU,eAAe,MAAM,IAAI"}
+{"version":3,"file":"schema.d.ts","names":[],"sources":["../../src/registry/schema.ts"],"mappings":";;;;;;;;;cASa;KAYD,4BAA4B;cAE3B;KAED,0BAA0B;UAErB;;EAEf;;;;;;;;EAQA;;EAEA;;EAEA;EACA,UAAU;EACV,QAAQ;;EAER;;EAEA;;EAEA;;EAEA;;;;;;;;EAQA;;;iBAIc,iBAAiB,UAAU,eAAe,MAAM,IAAI"}

package/dist/registry/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","names":[],"sources":["../../src/registry/schema.ts"],"sourcesContent":["/**\n * Registry metadata contract.\n *\n * Every component ships a `meta.ts` describing what the CLI must install\n * alongside it. This file defines the *type* only; `meta.test.ts` validates\n * every declaration against the source's real imports, so metadata cannot drift\n * from the code it describes. See docs/architecture/0003-registry-metadata.md.\n */\n\nexport const COMPONENT_CATEGORIES = [\n  \"foundation\",\n  \"display\",\n  \"navigation\",\n  \"overlay\",\n  \"layout\",\n  \"form\",\n  \"feedback\",\n  \"data\",\n  \"ai\",\n] as const;\n\nexport type ComponentCategory = (typeof COMPONENT_CATEGORIES)[number];\n\nexport const COMPONENT_STATUSES = [\"stable\", \"beta\", \"experimental\"] as const;\n\nexport type ComponentStatus = (typeof COMPONENT_STATUSES)[number];\n\nexport interface ComponentMeta {\n  /** Registry id. Must match the directory name and the CLI argument. */\n  name: string;\n  /**\n   * What kind of registry entry this is.\n   *\n   * Components are the building blocks; blocks are whole sections assembled\n   * from them. They install into different places and are browsed differently,\n   * so the distinction is explicit rather than inferred from the category.\n   */\n  kind?: \"component\" | \"block\";\n  /** Display name for docs and Storybook. */\n  title: string;\n  /** One sentence, used on listing pages and by `<cli> list`. */\n  description: string;\n  category: ComponentCategory;\n  status: ComponentStatus;\n  /** npm packages the source imports. Peer deps (react) are excluded. */\n  dependencies: string[];\n  /** Other registry components this one imports. */\n  registryDependencies: string[];\n  /** Files the CLI copies, relative to the component directory. */\n  files: string[];\n  /** Accessibility notes surfaced on the docs page. */\n  a11y?: string;\n}\n\n/** Identity helper that gives editors autocomplete inside `meta.ts`. */\nexport function defineMeta<const T extends ComponentMeta>(meta: T): T {\n  return meta;\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,uBAAuB;CAClC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,MAAa,qBAAqB;CAAC;CAAU;CAAQ;AAAc;;AAgCnE,SAAgB,WAA0C,MAAY;CACpE,OAAO;AACT"}
+{"version":3,"file":"schema.js","names":[],"sources":["../../src/registry/schema.ts"],"sourcesContent":["/**\n * Registry metadata contract.\n *\n * Every component ships a `meta.ts` describing what the CLI must install\n * alongside it. This file defines the *type* only; `meta.test.ts` validates\n * every declaration against the source's real imports, so metadata cannot drift\n * from the code it describes. See docs/architecture/0003-registry-metadata.md.\n */\n\nexport const COMPONENT_CATEGORIES = [\n  \"foundation\",\n  \"display\",\n  \"navigation\",\n  \"overlay\",\n  \"layout\",\n  \"form\",\n  \"feedback\",\n  \"data\",\n  \"ai\",\n] as const;\n\nexport type ComponentCategory = (typeof COMPONENT_CATEGORIES)[number];\n\nexport const COMPONENT_STATUSES = [\"stable\", \"beta\", \"experimental\"] as const;\n\nexport type ComponentStatus = (typeof COMPONENT_STATUSES)[number];\n\nexport interface ComponentMeta {\n  /** Registry id. Must match the directory name and the CLI argument. */\n  name: string;\n  /**\n   * What kind of registry entry this is.\n   *\n   * Components are the building blocks; blocks are whole sections assembled\n   * from them. They install into different places and are browsed differently,\n   * so the distinction is explicit rather than inferred from the category.\n   */\n  kind?: \"component\" | \"block\";\n  /** Display name for docs and Storybook. */\n  title: string;\n  /** One sentence, used on listing pages and by `<cli> list`. */\n  description: string;\n  category: ComponentCategory;\n  status: ComponentStatus;\n  /** npm packages the source imports. Peer deps (react) are excluded. */\n  dependencies: string[];\n  /** Other registry components this one imports. */\n  registryDependencies: string[];\n  /** Files the CLI copies, relative to the component directory. */\n  files: string[];\n  /** Accessibility notes surfaced on the docs page. */\n  a11y?: string;\n  /**\n   * Whether the source is public.\n   *\n   * Omitted means `free`, and free is a promise: an item that has shipped\n   * installable without a licence stays that way. Marking an existing component\n   * `pro` breaks every project that already installs it.\n   */\n  access?: \"free\" | \"pro\";\n}\n\n/** Identity helper that gives editors autocomplete inside `meta.ts`. */\nexport function defineMeta<const T extends ComponentMeta>(meta: T): T {\n  return meta;\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,uBAAuB;CAClC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,MAAa,qBAAqB;CAAC;CAAU;CAAQ;AAAc;;AAwCnE,SAAgB,WAA0C,MAAY;CACpE,OAAO;AACT"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dowel-ui/react",
-  "version": "0.4.0",
+  "version": "0.7.0",
   "type": "module",
-  "description": "Source-first React components for SaaS and AI products — 60 accessible components you install as code you own, not as a dependency.",
+  "description": "Source-first React components for SaaS and AI products — 75 accessible components you install as code you own, not as a dependency.",
   "keywords": [
     "react",
     "ui",
@@ -39,6 +39,7 @@
   "files": [
     "dist",
     "src",
+    "!src/blocks",
     "!src/**/*.test.ts",
     "!src/**/*.test.tsx",
     "!src/**/*.stories.tsx"
@@ -95,8 +96,8 @@
     "vite": "8.2.2",
     "vitest": "4.1.10",
     "zod": "4.5.4",
-    "@dowel-ui/config": "0.4.0",
-    "@dowel-ui/themes": "0.4.0"
+    "@dowel-ui/themes": "0.7.0",
+    "@dowel-ui/config": "0.7.0"
   },
   "scripts": {
     "build": "tsdown",

package/src/components/accordion/accordion.tsx

@@ -37,7 +37,7 @@ export function AccordionTrigger({ className, children, ...props }: AccordionTri
       <AccordionPrimitive.Trigger
         data-slot="accordion-trigger"
         className={cn(
-          "flex flex-1 items-start justify-between gap-4 py-4 text-left text-sm font-medium",
+          "flex flex-1 items-start justify-between gap-4 py-4 text-start text-sm font-medium",
           "transition-colors duration-[var(--duration-fast)] hover:text-primary",
           "disabled:pointer-events-none disabled:opacity-55",
           "[&[data-state=open]>svg]:rotate-180",

package/src/components/activity-feed/activity-feed.tsx

@@ -29,7 +29,7 @@ export function ActivityItem({ className, last, ...props }: ActivityItemProps) {
         "relative flex gap-3 pb-6 last:pb-0",
         // The rail is a pseudo-element on the item, so it is decorative by
         // construction rather than by remembering an aria-hidden.
-        "before:absolute before:top-7 before:bottom-1 before:left-[0.6875rem] before:w-px before:bg-border",
+        "before:absolute before:start-[0.6875rem] before:top-7 before:bottom-1 before:w-px before:bg-border",
         "last:before:hidden data-[last]:before:hidden",
         className,
       )}

package/src/components/ai-extraction-review/ai-extraction-review.tsx

@@ -0,0 +1,492 @@
+"use client";
+
+import {
+  useEffect,
+  useId,
+  useMemo,
+  useRef,
+  useState,
+  type ComponentPropsWithRef,
+  type KeyboardEvent,
+  type ReactNode,
+} from "react";
+
+import { disabledStyles, focusRing } from "@/lib/styles";
+import { cn } from "@/lib/utils";
+
+import {
+  evidenceOf,
+  isSourced,
+  segmentSource,
+  summarizeReview,
+  type ExtractionField,
+  type FieldDecision,
+  type SourceRun,
+} from "./extraction-model";
+
+/**
+ * The check after extraction: the document on one side, what the model read
+ * out of it on the other, and a decision about every field.
+ *
+ * Every extraction demo shows the filled object and stops. The products that
+ * run extraction for a living — invoice capture, KYC onboarding, claims intake —
+ * all have this screen, each built from scratch, because a value that cannot
+ * be checked can only be trusted, and nobody who is paying an invoice trusts a
+ * model that far. No component library ships it.
+ *
+ * The link is the component. Each field carries where in the source it was
+ * read from, quoted in text under the value as well as highlighted in the
+ * document, so a reviewer who cannot see the highlight still has the evidence.
+ * And a value with no evidence is said outright — "the model supplied this
+ * without evidence" — because that is the case a review exists to catch, and
+ * the one every filled-object view renders identically to a good value.
+ *
+ * Evidence is a text offset, not a bounding box. A language model reads text,
+ * and a text layer with offsets is what every OCR pipeline already yields.
+ * Boxes over a rendered page need page rendering, zoom and geometry, and are a
+ * different component; this one does not pretend at them.
+ *
+ * Decisions are controlled and the component writes nothing. It reports that
+ * a field was accepted as proposed, corrected from what was proposed, or
+ * rejected — a richer record than a form's submitted values, and the one an
+ * audit later needs — and leaves what to do with it to the application.
+ */
+
+export interface ExtractionReviewProps extends Omit<
+  ComponentPropsWithRef<"section">,
+  "children"
+> {
+  /** What the model read. Every span indexes into it. */
+  source: string;
+  /** Names the source — "Invoice 4471.pdf, page 1". */
+  sourceLabel?: string;
+  /** What is being reviewed, as the heading. */
+  heading: string;
+  fields: ExtractionField[];
+  /** Per-field decisions, keyed by field name. Controlled. */
+  decisions?: Record<string, FieldDecision>;
+  /** Omit to render the review as a record rather than something to operate. */
+  onDecision?: (name: string, decision: FieldDecision) => void;
+  /** True while fields are still arriving. Missing values wait instead of reading as not found. */
+  streaming?: boolean;
+  /** Confidence below this is called low, in words. */
+  lowConfidenceBelow?: number;
+  children?: ReactNode;
+}
+
+export function ExtractionReview({
+  className,
+  source,
+  sourceLabel = "Source",
+  heading,
+  fields,
+  decisions = {},
+  onDecision,
+  streaming = false,
+  lowConfidenceBelow = 0.7,
+  children,
+  ...props
+}: ExtractionReviewProps) {
+  const headingId = useId();
+  const [activeField, setActiveField] = useState<string | null>(null);
+
+  const runs = useMemo(() => segmentSource(source, fields), [source, fields]);
+  const summary = useMemo(
+    () => summarizeReview(source, fields, decisions),
+    [source, fields, decisions],
+  );
+
+  return (
+    <section
+      data-slot="extraction-review"
+      data-complete={summary.complete || undefined}
+      aria-labelledby={headingId}
+      aria-busy={streaming || undefined}
+      className={cn("flex flex-col gap-3", className)}
+      {...props}
+    >
+      <div className="flex flex-wrap items-baseline justify-between gap-2">
+        <h3 id={headingId} className="text-sm font-medium">
+          {heading}
+        </h3>
+        {/* Live from the start and short, so each decision is followed by
+            where the review stands rather than by silence. Evidence gaps are
+            counted here too: they are the reason to read carefully, and worth
+            knowing before starting rather than discovering on field six. */}
+        <p
+          data-slot="extraction-review-summary"
+          aria-live="polite"
+          className="text-xs text-muted-foreground"
+        >
+          {streaming
+            ? "Fields are still arriving"
+            : `${String(summary.reviewed)} of ${String(summary.total)} reviewed`}
+          {summary.unsourced.length > 0
+            ? ` · ${String(summary.unsourced.length)} without evidence`
+            : null}
+        </p>
+      </div>
+
+      {children}
+
+      <div className="grid gap-4 md:grid-cols-2">
+        <SourcePanel
+          label={sourceLabel}
+          runs={runs}
+          active={activeField}
+          decisions={decisions}
+        />
+
+        <ol data-slot="extraction-fields" className="m-0 flex list-none flex-col gap-3 p-0">
+          {fields.map((field) => (
+            <ReviewField
+              key={field.name}
+              field={field}
+              source={source}
+              decision={decisions[field.name]}
+              streaming={streaming}
+              lowConfidenceBelow={lowConfidenceBelow}
+              active={activeField === field.name}
+              onActivate={() => {
+                setActiveField(field.name);
+              }}
+              onDecision={onDecision}
+            />
+          ))}
+        </ol>
+      </div>
+    </section>
+  );
+}
+
+function SourcePanel({
+  label,
+  runs,
+  active,
+  decisions,
+}: {
+  label: string;
+  runs: SourceRun[];
+  active: string | null;
+  decisions: Record<string, FieldDecision>;
+}) {
+  const ref = useRef<HTMLDivElement>(null);
+
+  // Bring the active field's evidence into view. Focus stays where it is —
+  // in the field — so a keyboard user is shown the source without being
+  // moved into it.
+  useEffect(() => {
+    if (!active || !ref.current) return;
+    const mark = ref.current.querySelector(`mark[data-active]`);
+    mark?.scrollIntoView({ block: "nearest" });
+  }, [active]);
+
+  return (
+    <div
+      ref={ref}
+      data-slot="extraction-source"
+      // A scrolling box has to be focusable to be scrolled by keyboard, and a
+      // focusable box needs a name.
+      role="region"
+      aria-label={label}
+      tabIndex={0}
+      // Sticks beside the fields on a wide screen, so the evidence for field
+      // nine is still in view when the reviewer reaches it.
+      className={cn(
+        "max-h-96 overflow-auto rounded-lg border border-border bg-muted/30 p-3 md:sticky md:top-0 md:self-start",
+        focusRing,
+      )}
+    >
+      {runs.length === 0 ? (
+        <p className="text-xs text-muted-foreground">No source text.</p>
+      ) : (
+        <pre className="m-0 font-sans text-sm leading-relaxed break-words whitespace-pre-wrap">
+          {runs.map((run, index) =>
+            run.fields.length === 0 ? (
+              <span key={index}>{run.text}</span>
+            ) : (
+              // A mark element, so the evidence survives as structure rather
+              // than only as a tint. No label is inserted into the text: a
+              // document read aloud with field names spliced into it is not
+              // the document, and the field already quotes its evidence.
+              <mark
+                key={index}
+                data-fields={run.fields.join(" ")}
+                data-active={active !== null && run.fields.includes(active) ? "" : undefined}
+                className={cn(
+                  "rounded-[2px] text-inherit",
+                  run.fields.every((name) => decisions[name]?.kind === "rejected")
+                    ? "bg-muted line-through decoration-muted-foreground"
+                    : "bg-primary/15",
+                  active !== null &&
+                    run.fields.includes(active) &&
+                    "bg-primary/30 ring-1 ring-primary ring-inset",
+                )}
+              >
+                {run.text}
+              </mark>
+            ),
+          )}
+        </pre>
+      )}
+    </div>
+  );
+}
+
+/** Whitespace collapsed and cut short, for quoting evidence under a field. */
+function quote(text: string, limit = 80): string {
+  const collapsed = text.replace(/\s+/g, " ").trim();
+  return collapsed.length > limit ? `${collapsed.slice(0, limit - 1)}…` : collapsed;
+}
+
+function ReviewField({
+  field,
+  source,
+  decision,
+  streaming,
+  lowConfidenceBelow,
+  active,
+  onActivate,
+  onDecision,
+}: {
+  field: ExtractionField;
+  source: string;
+  decision?: FieldDecision;
+  streaming: boolean;
+  lowConfidenceBelow: number;
+  active: boolean;
+  onActivate: () => void;
+  onDecision?: (name: string, decision: FieldDecision) => void;
+}) {
+  const inputId = useId();
+  const evidenceId = useId();
+  const statusId = useId();
+  const confidenceId = useId();
+
+  // The reviewer's typing, kept apart from the model's value so the decision
+  // can say which is which.
+  const [draft, setDraft] = useState<string | null>(null);
+
+  const proposed = field.value ?? "";
+  const decided = decision && decision.kind !== "rejected" ? decision.value : undefined;
+  const current = draft ?? decided ?? proposed;
+  const edited = current !== proposed;
+  const changedSince = decided !== undefined && current !== decided;
+
+  const arriving = streaming && field.value === undefined;
+  const sourced = isSourced(source, field);
+  const evidence = sourced ? evidenceOf(source, field.span) : "";
+  const unsourced = !arriving && field.value !== undefined && !sourced;
+
+  const accept = () => {
+    onDecision?.(
+      field.name,
+      edited
+        ? { kind: "corrected", value: current, proposed }
+        : { kind: "accepted", value: current },
+    );
+  };
+
+  const onKeyDown = (event: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {
+    if (event.key !== "Enter") return;
+    // Enter confirms an IME candidate before it means anything else. Without
+    // this, a reviewer typing a Japanese correction accepts a fragment of it.
+    if (event.nativeEvent.isComposing) return;
+    if (field.multiline && !(event.ctrlKey || event.metaKey)) return;
+    event.preventDefault();
+    accept();
+  };
+
+  const status = arriving
+    ? "Arriving"
+    : !decision
+      ? "Not reviewed"
+      : decision.kind === "rejected"
+        ? "Rejected"
+        : changedSince
+          ? `Changed since it was ${decision.kind}`
+          : decision.kind === "accepted"
+            ? "Accepted"
+            : decision.proposed
+              ? `Corrected from “${quote(decision.proposed, 40)}”`
+              : "Supplied by the reviewer";
+
+  const low = field.confidence !== undefined && field.confidence < lowConfidenceBelow;
+  const percent =
+    field.confidence === undefined
+      ? null
+      : new Intl.NumberFormat(undefined, { style: "percent", maximumFractionDigits: 0 }).format(
+          field.confidence,
+        );
+
+  const describedBy = [evidenceId, statusId, percent !== null ? confidenceId : null]
+    .filter(Boolean)
+    .join(" ");
+
+  const controlClass = cn(
+    "w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm",
+    edited && "border-warning",
+    focusRing,
+  );
+
+  return (
+    <li
+      data-slot="extraction-field"
+      data-field={field.name}
+      data-state={arriving ? "arriving" : (decision?.kind ?? "undecided")}
+      data-active={active || undefined}
+      data-unsourced={unsourced || undefined}
+      // Focus anywhere in the field — value, either button — is the reviewer
+      // looking at it, so the source follows without a separate step.
+      onFocus={onActivate}
+      className={cn(
+        "flex flex-col gap-1 rounded-lg border p-3",
+        active ? "border-primary" : "border-border",
+        decision?.kind === "rejected" && "bg-muted/40",
+      )}
+    >
+      <div className="flex flex-wrap items-baseline justify-between gap-2">
+        {onDecision && !arriving ? (
+          <label htmlFor={inputId} className="text-xs font-medium text-muted-foreground">
+            {field.label}
+          </label>
+        ) : (
+          <span className="text-xs font-medium text-muted-foreground">{field.label}</span>
+        )}
+        {/* Status as a word, outside the label so editing never renames the
+            control under a screen reader user. */}
+        <span
+          id={statusId}
+          data-slot="extraction-field-status"
+          className={cn(
+            "text-xs",
+            decision?.kind === "rejected" ? "text-destructive" : "text-muted-foreground",
+            changedSince && "text-warning",
+          )}
+        >
+          {status}
+        </span>
+      </div>
+
+      {arriving ? (
+        <span
+          aria-hidden="true"
+          className="block h-8 w-full animate-pulse-soft rounded-md bg-muted"
+        />
+      ) : !onDecision ? (
+        <p className="rounded-md bg-muted px-2 py-1.5 text-sm break-words">
+          {current || <span className="text-muted-foreground">Empty</span>}
+        </p>
+      ) : field.multiline ? (
+        <textarea
+          id={inputId}
+          rows={3}
+          value={current}
+          aria-describedby={describedBy}
+          onChange={(event) => {
+            setDraft(event.target.value);
+          }}
+          onKeyDown={onKeyDown}
+          className={cn(controlClass, "resize-none")}
+        />
+      ) : (
+        <input
+          id={inputId}
+          type="text"
+          value={current}
+          aria-describedby={describedBy}
+          onChange={(event) => {
+            setDraft(event.target.value);
+          }}
+          onKeyDown={onKeyDown}
+          className={controlClass}
+        />
+      )}
+
+      {/* The evidence in text. This is the accessible path to the source, and
+          for a sighted reviewer it is the comparison itself — "1 March 2026"
+          beside "2026-03-01" is a normalisation, not an error, and only reads
+          that way with both in view. */}
+      <p
+        id={evidenceId}
+        data-slot="extraction-field-evidence"
+        className={cn("text-xs", unsourced ? "text-warning" : "text-muted-foreground")}
+      >
+        {arriving
+          ? "Waiting for the model"
+          : sourced
+            ? `In the source: “${quote(evidence)}”`
+            : field.value === undefined
+              ? "The model found nothing for this field."
+              : "Not in the source — the model supplied this without evidence."}
+      </p>
+
+      {percent !== null ? (
+        <p
+          id={confidenceId}
+          data-slot="extraction-field-confidence"
+          data-low={low || undefined}
+          className={cn("text-xs", low ? "text-warning" : "text-muted-foreground")}
+        >
+          {low ? `Low confidence, ${percent} — worth checking` : `${percent} confidence`}
+        </p>
+      ) : null}
+
+      {onDecision && !arriving ? (
+        <div className="mt-1 flex flex-wrap items-center gap-2">
+          <FieldButton
+            variant="primary"
+            aria-label={`${edited ? "Accept correction" : "Accept"} — ${field.label}`}
+            aria-pressed={
+              decision !== undefined && decision.kind !== "rejected" && !changedSince
+            }
+            onClick={accept}
+          >
+            {edited ? "Accept correction" : "Accept"}
+          </FieldButton>
+          <FieldButton
+            aria-label={`Reject — ${field.label}`}
+            aria-pressed={decision?.kind === "rejected"}
+            onClick={() => {
+              onDecision(field.name, { kind: "rejected" });
+            }}
+          >
+            Reject
+          </FieldButton>
+          {sourced ? (
+            <FieldButton
+              aria-label={`Show in source — ${field.label}`}
+              className="ms-auto"
+              onClick={onActivate}
+            >
+              Show in source
+            </FieldButton>
+          ) : null}
+        </div>
+      ) : null}
+    </li>
+  );
+}
+
+function FieldButton({
+  className,
+  variant = "default",
+  ...props
+}: ComponentPropsWithRef<"button"> & { variant?: "default" | "primary" }) {
+  return (
+    <button
+      type="button"
+      className={cn(
+        "rounded-md border px-2.5 py-1 text-xs font-medium transition-colors",
+        variant === "primary" &&
+          "border-primary bg-primary text-primary-foreground hover:bg-primary-hover aria-pressed:bg-primary-active",
+        variant === "default" &&
+          "border-input bg-background hover:bg-accent hover:text-accent-foreground aria-pressed:bg-secondary aria-pressed:text-secondary-foreground",
+        focusRing,
+        disabledStyles,
+        className,
+      )}
+      {...props}
+    />
+  );
+}