@dowel-ui/react 0.3.0 → 0.4.0

package/dist/registry/components.js

@@ -6,55 +6,59 @@ import { meta as meta$3 } from "../components/ai-agent-plan/meta.js";
 import { meta as meta$4 } from "../components/ai-agent-status/meta.js";
 import { meta as meta$5 } from "../components/ai-approval-request/meta.js";
 import { meta as meta$6 } from "../components/ai-conversation/meta.js";
-import { meta as meta$7 } from "../components/ai-inline-completion/meta.js";
-import { meta as meta$8 } from "../components/ai-message/meta.js";
-import { meta as meta$9 } from "../components/ai-model-selector/meta.js";
-import { meta as meta$10 } from "../components/ai-prompt-input/meta.js";
-import { meta as meta$11 } from "../components/ai-reasoning/meta.js";
-import { meta as meta$12 } from "../components/ai-response/meta.js";
-import { meta as meta$13 } from "../components/ai-sources/meta.js";
-import { meta as meta$14 } from "../components/ai-structured-output/meta.js";
-import { meta as meta$15 } from "../components/ai-token-usage/meta.js";
-import { meta as meta$16 } from "../components/ai-tool/meta.js";
-import { meta as meta$17 } from "../components/alert/meta.js";
-import { meta as meta$18 } from "../components/avatar/meta.js";
-import { meta as meta$19 } from "../components/badge/meta.js";
-import { meta as meta$20 } from "../components/button/meta.js";
-import { meta as meta$21 } from "../components/calendar/meta.js";
-import { meta as meta$22 } from "../components/card/meta.js";
-import { meta as meta$23 } from "../components/checkbox/meta.js";
-import { meta as meta$24 } from "../components/code-block/meta.js";
-import { meta as meta$25 } from "../components/combobox/meta.js";
-import { meta as meta$26 } from "../components/command/meta.js";
-import { meta as meta$27 } from "../components/data-table/meta.js";
-import { meta as meta$28 } from "../components/date-picker/meta.js";
-import { meta as meta$29 } from "../components/dialog/meta.js";
-import { meta as meta$30 } from "../components/drawer/meta.js";
-import { meta as meta$31 } from "../components/dropdown-menu/meta.js";
-import { meta as meta$32 } from "../components/empty-state/meta.js";
-import { meta as meta$33 } from "../components/file-upload/meta.js";
-import { meta as meta$34 } from "../components/form/meta.js";
-import { meta as meta$35 } from "../components/input/meta.js";
-import { meta as meta$36 } from "../components/label/meta.js";
-import { meta as meta$37 } from "../components/meter/meta.js";
-import { meta as meta$38 } from "../components/metric-delta/meta.js";
-import { meta as meta$39 } from "../components/pagination/meta.js";
-import { meta as meta$40 } from "../components/popover/meta.js";
-import { meta as meta$41 } from "../components/progress/meta.js";
-import { meta as meta$42 } from "../components/radio-group/meta.js";
-import { meta as meta$43 } from "../components/record-diff/meta.js";
-import { meta as meta$44 } from "../components/select/meta.js";
-import { meta as meta$45 } from "../components/separator/meta.js";
-import { meta as meta$46 } from "../components/sheet/meta.js";
-import { meta as meta$47 } from "../components/skeleton/meta.js";
-import { meta as meta$48 } from "../components/slider/meta.js";
-import { meta as meta$49 } from "../components/spinner/meta.js";
-import { meta as meta$50 } from "../components/switch/meta.js";
-import { meta as meta$51 } from "../components/table/meta.js";
-import { meta as meta$52 } from "../components/tabs/meta.js";
-import { meta as meta$53 } from "../components/tags-input/meta.js";
-import { meta as meta$54 } from "../components/toast/meta.js";
-import { meta as meta$55 } from "../components/tooltip/meta.js";
+import { meta as meta$7 } from "../components/ai-disclosure/meta.js";
+import { meta as meta$8 } from "../components/ai-inline-completion/meta.js";
+import { meta as meta$9 } from "../components/ai-message/meta.js";
+import { meta as meta$10 } from "../components/ai-model-selector/meta.js";
+import { meta as meta$11 } from "../components/ai-prompt-input/meta.js";
+import { meta as meta$12 } from "../components/ai-reasoning/meta.js";
+import { meta as meta$13 } from "../components/ai-response/meta.js";
+import { meta as meta$14 } from "../components/ai-sources/meta.js";
+import { meta as meta$15 } from "../components/ai-structured-output/meta.js";
+import { meta as meta$16 } from "../components/ai-token-usage/meta.js";
+import { meta as meta$17 } from "../components/ai-tool/meta.js";
+import { meta as meta$18 } from "../components/alert/meta.js";
+import { meta as meta$19 } from "../components/avatar/meta.js";
+import { meta as meta$20 } from "../components/badge/meta.js";
+import { meta as meta$21 } from "../components/button/meta.js";
+import { meta as meta$22 } from "../components/calendar/meta.js";
+import { meta as meta$23 } from "../components/card/meta.js";
+import { meta as meta$24 } from "../components/checkbox/meta.js";
+import { meta as meta$25 } from "../components/code-block/meta.js";
+import { meta as meta$26 } from "../components/combobox/meta.js";
+import { meta as meta$27 } from "../components/command/meta.js";
+import { meta as meta$28 } from "../components/data-table/meta.js";
+import { meta as meta$29 } from "../components/date-picker/meta.js";
+import { meta as meta$30 } from "../components/dialog/meta.js";
+import { meta as meta$31 } from "../components/diff-viewer/meta.js";
+import { meta as meta$32 } from "../components/drawer/meta.js";
+import { meta as meta$33 } from "../components/dropdown-menu/meta.js";
+import { meta as meta$34 } from "../components/empty-state/meta.js";
+import { meta as meta$35 } from "../components/file-upload/meta.js";
+import { meta as meta$36 } from "../components/form/meta.js";
+import { meta as meta$37 } from "../components/input/meta.js";
+import { meta as meta$38 } from "../components/label/meta.js";
+import { meta as meta$39 } from "../components/log-viewer/meta.js";
+import { meta as meta$40 } from "../components/meter/meta.js";
+import { meta as meta$41 } from "../components/metric-delta/meta.js";
+import { meta as meta$42 } from "../components/pagination/meta.js";
+import { meta as meta$43 } from "../components/popover/meta.js";
+import { meta as meta$44 } from "../components/progress/meta.js";
+import { meta as meta$45 } from "../components/radio-group/meta.js";
+import { meta as meta$46 } from "../components/record-diff/meta.js";
+import { meta as meta$47 } from "../components/select/meta.js";
+import { meta as meta$48 } from "../components/separator/meta.js";
+import { meta as meta$49 } from "../components/sheet/meta.js";
+import { meta as meta$50 } from "../components/skeleton/meta.js";
+import { meta as meta$51 } from "../components/slider/meta.js";
+import { meta as meta$52 } from "../components/spinner/meta.js";
+import { meta as meta$53 } from "../components/switch/meta.js";
+import { meta as meta$54 } from "../components/table/meta.js";
+import { meta as meta$55 } from "../components/tabs/meta.js";
+import { meta as meta$56 } from "../components/tags-input/meta.js";
+import { meta as meta$57 } from "../components/time-range-picker/meta.js";
+import { meta as meta$58 } from "../components/toast/meta.js";
+import { meta as meta$59 } from "../components/tooltip/meta.js";
 import { blockMetas } from "./blocks.js";
 //#region src/registry/components.ts
 /**
@@ -124,7 +128,11 @@ const componentMetas = [
 	meta$52,
 	meta$53,
 	meta$54,
-	meta$55
+	meta$55,
+	meta$56,
+	meta$57,
+	meta$58,
+	meta$59
 ];
 //#endregion
 export { COMPONENT_CATEGORIES, COMPONENT_STATUSES, blockMetas, componentMetas };

package/dist/registry/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","names":["accordionMeta","activityFeedMeta","aiActionLedgerMeta","aiAgentPlanMeta","aiAgentStatusMeta","aiApprovalRequestMeta","aiConversationMeta","aiInlineCompletionMeta","aiMessageMeta","aiModelSelectorMeta","aiPromptInputMeta","aiReasoningMeta","aiResponseMeta","aiSourcesMeta","aiStructuredOutputMeta","aiTokenUsageMeta","aiToolMeta","alertMeta","avatarMeta","badgeMeta","buttonMeta","calendarMeta","cardMeta","checkboxMeta","codeBlockMeta","comboboxMeta","commandMeta","dataTableMeta","datePickerMeta","dialogMeta","drawerMeta","dropdownMenuMeta","emptyStateMeta","fileUploadMeta","formMeta","inputMeta","labelMeta","meterMeta","metricDeltaMeta","paginationMeta","popoverMeta","progressMeta","radioGroupMeta","recordDiffMeta","selectMeta","separatorMeta","sheetMeta","skeletonMeta","sliderMeta","spinnerMeta","switchMeta","tableMeta","tabsMeta","tagsInputMeta","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 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 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 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 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  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  drawerMeta,\n  dropdownMenuMeta,\n  emptyStateMeta,\n  fileUploadMeta,\n  formMeta,\n  inputMeta,\n  labelMeta,\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  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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,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;AACF"}
+{"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"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dowel-ui/react",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
-  "description": "Source-first React components for SaaS and AI products — 56 accessible components you install as code you own, not as a dependency.",
+  "description": "Source-first React components for SaaS and AI products — 60 accessible components you install as code you own, not as a dependency.",
   "keywords": [
     "react",
     "ui",
@@ -63,8 +63,10 @@
   },
   "dependencies": {
     "@tanstack/react-table": "9.2.4",
+    "@tanstack/react-virtual": "3.14.10",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
+    "diff": "9.0.0",
     "radix-ui": "1.6.7",
     "react-day-picker": "10.0.1",
     "tailwind-merge": "3.6.0"
@@ -93,8 +95,8 @@
     "vite": "8.2.2",
     "vitest": "4.1.10",
     "zod": "4.5.4",
-    "@dowel-ui/themes": "0.3.0",
-    "@dowel-ui/config": "0.3.0"
+    "@dowel-ui/config": "0.4.0",
+    "@dowel-ui/themes": "0.4.0"
   },
   "scripts": {
     "build": "tsdown",

package/src/components/ai-disclosure/ai-disclosure.tsx

@@ -0,0 +1,244 @@
+"use client";
+
+import { cva, type VariantProps } from "class-variance-authority";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+
+import { Popover, PopoverContent, PopoverTrigger } from "@/components/popover";
+import { focusRing, iconSlot } from "@/lib/styles";
+import { cn } from "@/lib/utils";
+
+/**
+ * Telling someone they are looking at AI.
+ *
+ * Not one registry ships this — not AI Elements, assistant-ui, prompt-kit,
+ * CopilotKit or shadcn — while every one of them ships the chat surface that
+ * needs it. The gap is the reason this exists.
+ *
+ * The four `kind`s are not invented. They are the four human-visible situations
+ * the EU AI Act's Article 50 actually creates, which has applied since 2 August
+ * 2026: you are talking to a machine (50(1)); this media was generated or
+ * manipulated and resembles something real (50(4), "deep fakes"); this text was
+ * published to inform the public (50(4)); and the assisted case, which the same
+ * paragraph exempts where there is human review or editorial control — worth
+ * saying out loud rather than leaving to inference.
+ *
+ * What this cannot do, and what no React component can: Article 50(2) requires
+ * synthetic output to be marked *in a machine-readable format*, in the artifact
+ * itself, by whoever generated it. Rendering a badge does not do that, and a
+ * component that let you believe otherwise would be worse than none. Read the
+ * accessibility note and the docs page: this is a disclosure control, not a
+ * compliance product, and nothing here is legal advice.
+ */
+
+export type DisclosureKind = "interaction" | "generated" | "manipulated" | "assisted";
+
+/**
+ * What each kind says by default.
+ *
+ * Phrased for a reader rather than for a lawyer, and every one of them is
+ * overridable — the Act says the disclosure must be clear, not that it must use
+ * these words, and the right words depend on the product.
+ */
+const DEFAULT_LABEL: Record<DisclosureKind, string> = {
+  interaction: "You are chatting with an AI assistant",
+  generated: "Generated by AI",
+  manipulated: "This media was altered by AI",
+  assisted: "AI-assisted, reviewed by a person",
+};
+
+const disclosureVariants = cva(
+  cn(
+    "inline-flex w-fit items-center gap-1.5 font-medium",
+    "[&_svg:not([class*='size-'])]:size-3.5",
+    iconSlot,
+  ),
+  {
+    variants: {
+      variant: {
+        /** Sits beside the thing it describes. */
+        inline: "rounded-full border border-border-strong px-2 py-0.5 text-xs",
+        /** Above a conversation, where Article 50(1) usually belongs. */
+        banner:
+          "w-full rounded-lg border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground",
+        /**
+         * Over the corner of an image or video. `--overlay` is a dark scrim in
+         * every shipped theme, so the text is white on purpose rather than
+         * following the theme — a label that inverts over a photograph is
+         * unreadable on half of them.
+         */
+        overlay: "rounded-md bg-overlay px-2 py-1 text-2xs text-white backdrop-blur-sm",
+      },
+    },
+    defaultVariants: { variant: "inline" },
+  },
+);
+
+function SparkIcon() {
+  return (
+    <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+      <path
+        d="M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9L12 3Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export interface AIDisclosureProps
+  extends
+    Omit<ComponentPropsWithRef<"div">, "children">,
+    VariantProps<typeof disclosureVariants> {
+  kind: DisclosureKind;
+  /** Replaces the default wording. The default is a starting point, not a rule. */
+  label?: ReactNode;
+  /**
+   * Replaces the mark. The Commission publishes three icons for this and lets
+   * anyone use them without attribution — they are deliberately not bundled
+   * here, because an official mark shipped inside a component library ends up
+   * on content nobody checked. Bring your own, and the Commission's own words
+   * apply: using them "does not establish legal compliance by itself".
+   */
+  icon?: ReactNode;
+  /** A provenance panel, or anything else that belongs after the label. */
+  children?: ReactNode;
+}
+
+/**
+ * A disclosure, in words.
+ *
+ * The icon is decorative and the text is the disclosure. A sparkle alone is not
+ * a notice — it is a decoration that a sighted reader may or may not decode and
+ * that a screen reader passes over in silence, which is the failure mode the
+ * whole component exists to avoid.
+ */
+export function AIDisclosure({
+  className,
+  kind,
+  variant,
+  label,
+  icon,
+  children,
+  ...props
+}: AIDisclosureProps) {
+  return (
+    <div
+      data-slot="ai-disclosure"
+      data-kind={kind}
+      className={cn(disclosureVariants({ variant }), className)}
+      {...props}
+    >
+      {icon ?? <SparkIcon />}
+      <span>{label ?? DEFAULT_LABEL[kind]}</span>
+      {children}
+    </div>
+  );
+}
+
+/* ------------------------------------------------------------------ */
+/*  Provenance                                                         */
+/* ------------------------------------------------------------------ */
+
+export interface ProvenanceClaim {
+  label: string;
+  value: ReactNode;
+}
+
+export interface AIDisclosureProvenanceProps extends Omit<
+  ComponentPropsWithRef<"button">,
+  "children"
+> {
+  /**
+   * What is being claimed about this content, and by whom.
+   *
+   * Claims, not findings. They arrive as data — from a C2PA manifest your
+   * server read, from your own pipeline, from a vendor — and this renders them.
+   */
+  claims: ProvenanceClaim[];
+  /** Who asserts the claims. Named, because an unattributed claim is a rumour. */
+  source?: string;
+  /**
+   * Whether something you trust checked the claims, and said so.
+   *
+   * Supplied, never computed. Verifying a C2PA manifest means parsing signed
+   * COSE and walking a certificate chain; doing that in the browser would mean
+   * a wasm blob you cannot read, and "you own the source" would stop being
+   * true. It also cannot be trusted client-side even when it succeeds, because
+   * the page doing the checking is the page making the claim. Verify on a
+   * server and pass the answer down. Left undefined, this says so.
+   */
+  verified?: boolean;
+  triggerLabel?: string;
+}
+
+type CheckStatus = "verified" | "failed" | "unchecked";
+
+function statusText(status: CheckStatus, source?: string): string {
+  const by = source ? ` by ${source}` : "";
+  if (status === "verified") return `Checked${by} and the claims matched.`;
+  if (status === "failed") return `Checked${by} and the claims did not match.`;
+  return "Not checked. These are claims made about the content, not findings.";
+}
+
+/**
+ * The metadata behind a disclosure, presented as claims rather than proof.
+ *
+ * The distinction is the entire point. "Made with Model X on 3 September" looks
+ * like a fact and is a string somebody put in a file. Rendering it beside a
+ * checkmark would launder an assertion into evidence, so the panel names who is
+ * asserting and states plainly whether anyone checked.
+ */
+export function AIDisclosureProvenance({
+  className,
+  claims,
+  source,
+  verified,
+  triggerLabel = "Content details",
+  ...props
+}: AIDisclosureProvenanceProps) {
+  const status = verified === undefined ? "unchecked" : verified ? "verified" : "failed";
+
+  return (
+    <Popover>
+      <PopoverTrigger asChild>
+        <button
+          type="button"
+          data-slot="ai-disclosure-provenance-trigger"
+          className={cn(
+            "rounded-sm underline decoration-dotted underline-offset-2 hover:decoration-solid",
+            focusRing,
+            className,
+          )}
+          {...props}
+        >
+          {triggerLabel}
+        </button>
+      </PopoverTrigger>
+      <PopoverContent aria-label={triggerLabel} className="w-80 text-xs">
+        <dl className="grid grid-cols-[auto_1fr] gap-x-3 gap-y-1.5">
+          {claims.map((claim) => (
+            <div key={claim.label} className="contents">
+              <dt className="text-muted-foreground">{claim.label}</dt>
+              <dd className="break-words">{claim.value}</dd>
+            </div>
+          ))}
+        </dl>
+        {/* Said in text, and last, so it qualifies everything above it rather
+            than being a tick a reader has to interpret. */}
+        <p
+          data-slot="ai-disclosure-provenance-status"
+          data-status={status}
+          className={cn(
+            "mt-3 border-t border-border pt-2",
+            status === "failed" ? "text-destructive" : "text-muted-foreground",
+          )}
+        >
+          {statusText(status, source)}
+        </p>
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+export { disclosureVariants };

package/src/components/ai-disclosure/index.ts

@@ -0,0 +1,9 @@
+export {
+  AIDisclosure,
+  AIDisclosureProvenance,
+  disclosureVariants,
+  type AIDisclosureProps,
+  type AIDisclosureProvenanceProps,
+  type DisclosureKind,
+  type ProvenanceClaim,
+} from "./ai-disclosure";

package/src/components/ai-disclosure/meta.ts

@@ -0,0 +1,23 @@
+import { defineMeta } from "@/registry/schema";
+
+export const meta = defineMeta({
+  name: "ai-disclosure",
+  title: "AI Disclosure",
+  description: "Tells a reader they are looking at AI, and what is actually known about it.",
+  category: "ai",
+  status: "stable",
+  dependencies: ["class-variance-authority"],
+  registryDependencies: ["popover"],
+  files: ["ai-disclosure.tsx"],
+  a11y:
+    "The text is the disclosure and the icon is decoration, marked aria-hidden — a sparkle alone " +
+    "is a mark a sighted reader may not decode and a screen reader passes over in silence, which " +
+    "is the exact failure this component exists to prevent. Each of the four kinds carries " +
+    "wording of its own, so the distinction between generated, manipulated and human-reviewed " +
+    "survives for anyone who cannot see the styling. The provenance panel states in words " +
+    "whether anyone checked the claims and who, rather than implying it with a tick, and its " +
+    "three states are told apart by their sentences rather than by colour. " +
+    "Scope: this renders the human-visible disclosures of EU AI Act Article 50(1) and 50(4). " +
+    "It cannot satisfy 50(2), which requires machine-readable marking inside the artifact by " +
+    "whoever generated it, and no React component can. Not legal advice.",
+});