@dowel-ui/react 0.1.0 → 0.2.0

package/dist/components/record-diff/record-diff.js

@@ -0,0 +1,199 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, useState } from "react";
+//#region src/components/record-diff/record-diff.tsx
+/** Values that read as absent, so "" → null is not reported as a change. */
+function isEmpty(value) {
+	return value === null || value === void 0 || value === "";
+}
+function classify(before, after) {
+	const hadBefore = !isEmpty(before);
+	const hasAfter = !isEmpty(after);
+	if (!hadBefore && hasAfter) return "added";
+	if (hadBefore && !hasAfter) return "removed";
+	if (!hadBefore && !hasAfter) return "unchanged";
+	return stableStringify(before) === stableStringify(after) ? "unchanged" : "changed";
+}
+function stableStringify(value) {
+	if (value === null || typeof value !== "object") return JSON.stringify(value) ?? "";
+	if (Array.isArray(value)) return `[${value.map(stableStringify).join(",")}]`;
+	return `{${Object.entries(value).sort(([a], [b]) => a.localeCompare(b)).map(([k, v]) => `${k}:${stableStringify(v)}`).join(",")}}`;
+}
+function defaultFormatValue(value) {
+	if (value === null || value === void 0) return "—";
+	if (value === "") return "empty";
+	if (typeof value === "string") return value;
+	if (typeof value === "boolean") return value ? "yes" : "no";
+	if (typeof value === "number" || typeof value === "bigint") return String(value);
+	if (Array.isArray(value)) return value.length === 0 ? "none" : value.map(defaultFormatValue).join(", ");
+	if (typeof value === "object") return JSON.stringify(value);
+	return `[${typeof value}]`;
+}
+/** Keys whose values must never be rendered, however the record was built. */
+const DEFAULT_REDACT = /password|secret|token|api[-_]?key|authorization|credential/i;
+const RecordDiffContext = createContext(null);
+function useRecordDiffContext(component) {
+	const context = useContext(RecordDiffContext);
+	if (!context) throw new Error(`${component} must be rendered inside <RecordDiff>.`);
+	return context;
+}
+/** "billingEmail" and "billing_email" both read as "Billing email". */
+function humanise(key) {
+	const spaced = key.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").trim();
+	return spaced.charAt(0).toUpperCase() + spaced.slice(1).toLowerCase();
+}
+function diffRecords(before, after, options = {}) {
+	const { labels = {}, redact = DEFAULT_REDACT, fields } = options;
+	return (fields ?? [.../* @__PURE__ */ new Set([...Object.keys(before), ...Object.keys(after)])]).map((key) => ({
+		key,
+		label: labels[key] ?? humanise(key),
+		change: classify(before[key], after[key]),
+		before: before[key],
+		after: after[key],
+		redacted: redact.test(key)
+	}));
+}
+const CHANGE_STYLES = {
+	added: "text-success",
+	removed: "text-destructive",
+	changed: "text-foreground",
+	unchanged: "text-muted-foreground"
+};
+function RecordDiff({ className, before, after, labels, redact = DEFAULT_REDACT, fields: fieldKeys, collapseUnchanged = true, formatValue = defaultFormatValue, children, ...props }) {
+	const fields = useMemo(() => diffRecords(before, after, {
+		labels,
+		redact,
+		fields: fieldKeys
+	}), [
+		before,
+		after,
+		labels,
+		redact,
+		fieldKeys
+	]);
+	const changedCount = fields.filter((field) => field.change !== "unchanged").length;
+	const context = useMemo(() => ({
+		fields,
+		changedCount,
+		formatValue
+	}), [
+		fields,
+		changedCount,
+		formatValue
+	]);
+	return /* @__PURE__ */ jsx(RecordDiffContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "record-diff",
+			"data-changed": changedCount,
+			className: cn("flex flex-col gap-2", className),
+			...props,
+			children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RecordDiffSummary, {}), /* @__PURE__ */ jsx(RecordDiffTable, { collapseUnchanged })] })
+		})
+	});
+}
+/** "3 fields changed" — the thing a reviewer scanning a log needs first. */
+function RecordDiffSummary({ className, ...props }) {
+	const { changedCount, fields } = useRecordDiffContext("RecordDiffSummary");
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "record-diff-summary",
+		className: cn("text-xs text-muted-foreground", className),
+		...props,
+		children: changedCount === 0 ? "No fields changed" : `${String(changedCount)} of ${String(fields.length)} field${fields.length === 1 ? "" : "s"} changed`
+	});
+}
+function RecordDiffTable({ className, collapseUnchanged = true, ...props }) {
+	const { fields, formatValue, changedCount } = useRecordDiffContext("RecordDiffTable");
+	const [showUnchanged, setShowUnchanged] = useState(!collapseUnchanged);
+	const unchangedCount = fields.length - changedCount;
+	const visible = showUnchanged ? fields : fields.filter((field) => field.change !== "unchanged");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-2",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "overflow-x-auto",
+			children: /* @__PURE__ */ jsxs("table", {
+				"data-slot": "record-diff-table",
+				className: cn("w-full border-collapse text-sm", className),
+				...props,
+				children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
+					className: "border-b border-border",
+					children: [
+						/* @__PURE__ */ jsx("th", {
+							scope: "col",
+							className: "px-3 py-2 text-left text-xs font-medium text-muted-foreground",
+							children: "Field"
+						}),
+						/* @__PURE__ */ jsx("th", {
+							scope: "col",
+							className: "px-3 py-2 text-left text-xs font-medium text-muted-foreground",
+							children: "Before"
+						}),
+						/* @__PURE__ */ jsx("th", {
+							scope: "col",
+							className: "px-3 py-2 text-left text-xs font-medium text-muted-foreground",
+							children: "After"
+						})
+					]
+				}) }), /* @__PURE__ */ jsx("tbody", { children: visible.map((field) => /* @__PURE__ */ jsxs("tr", {
+					"data-slot": "record-diff-row",
+					"data-change": field.change,
+					className: "border-b border-border last:border-0",
+					children: [
+						/* @__PURE__ */ jsxs("th", {
+							scope: "row",
+							className: "px-3 py-2 text-left align-top font-medium whitespace-nowrap",
+							children: [field.label, /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: `, ${field.change}`
+							})]
+						}),
+						/* @__PURE__ */ jsx("td", {
+							className: "px-3 py-2 align-top text-muted-foreground",
+							children: field.redacted ? /* @__PURE__ */ jsx(RedactedValue, {}) : field.change === "added" ? /* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground",
+								children: "—"
+							}) : /* @__PURE__ */ jsx("span", {
+								className: "line-through decoration-muted-foreground/50",
+								children: formatValue(field.before, field.key)
+							})
+						}),
+						/* @__PURE__ */ jsx("td", {
+							className: cn("px-3 py-2 align-top", CHANGE_STYLES[field.change]),
+							children: field.redacted ? /* @__PURE__ */ jsx(RedactedValue, {}) : field.change === "removed" ? /* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground",
+								children: "—"
+							}) : formatValue(field.after, field.key)
+						})
+					]
+				}, field.key)) })]
+			})
+		}), collapseUnchanged && unchangedCount > 0 ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"data-slot": "record-diff-toggle",
+			"aria-expanded": showUnchanged,
+			onClick: () => {
+				setShowUnchanged((shown) => !shown);
+			},
+			className: cn("self-start rounded-md px-1.5 py-0.5 text-xs text-muted-foreground", "transition-colors hover:text-foreground", "outline-none focus-visible:ring-2 focus-visible:ring-ring/55"),
+			children: showUnchanged ? `Hide ${String(unchangedCount)} unchanged` : `Show ${String(unchangedCount)} unchanged`
+		}) : null]
+	});
+}
+/**
+* A value that is never rendered.
+*
+* Redaction happens before formatting, so a secret is not passed to a formatter
+* that might log or transform it — the value simply does not reach the DOM.
+*/
+function RedactedValue() {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "record-diff-redacted",
+		className: "text-muted-foreground italic",
+		children: "redacted"
+	});
+}
+//#endregion
+export { RecordDiff, RecordDiffSummary, RecordDiffTable, diffRecords };
+
+//# sourceMappingURL=record-diff.js.map

package/dist/components/record-diff/record-diff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-diff.js","names":[],"sources":["../../../src/components/record-diff/record-diff.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  useState,\n  type ComponentPropsWithRef,\n} from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/**\n * What changed about a record, field by field.\n *\n * Every diff package on npm compares lines of text. That is the wrong shape for\n * an audit entry, a settings revision or a config history, where the change is\n * \"role went from viewer to admin\" and rendering it as two lines of JSON makes\n * the reader do the comparison themselves.\n *\n * Scope is deliberately flat records. Nested objects and arrays are formatted as\n * values rather than recursed into, because a recursive differ is a different\n * and much larger component, and pretending otherwise would produce a shallow\n * one that quietly lies about deep changes. `formatValue` is the escape hatch.\n *\n * Redaction is by key pattern and applied before formatting, so a secret is\n * never handed to a formatter that might log it.\n */\n\nexport type FieldChange = \"added\" | \"removed\" | \"changed\" | \"unchanged\";\n\nexport interface RecordField {\n  key: string;\n  label: string;\n  change: FieldChange;\n  before: unknown;\n  after: unknown;\n  redacted: boolean;\n}\n\n/** Values that read as absent, so \"\" → null is not reported as a change. */\nfunction isEmpty(value: unknown): boolean {\n  return value === null || value === undefined || value === \"\";\n}\n\nfunction classify(before: unknown, after: unknown): FieldChange {\n  const hadBefore = !isEmpty(before);\n  const hasAfter = !isEmpty(after);\n\n  if (!hadBefore && hasAfter) return \"added\";\n  if (hadBefore && !hasAfter) return \"removed\";\n  // Both absent. Falling through would compare \"\" against null, which\n  // serialise differently and would report a change that did not happen.\n  if (!hadBefore && !hasAfter) return \"unchanged\";\n  // Structural comparison, so {a:1} and {a:1} are equal. Key order differences\n  // would report a false change, so keys are sorted before comparing.\n  return stableStringify(before) === stableStringify(after) ? \"unchanged\" : \"changed\";\n}\n\nfunction stableStringify(value: unknown): string {\n  if (value === null || typeof value !== \"object\") return JSON.stringify(value) ?? \"\";\n  if (Array.isArray(value)) return `[${value.map(stableStringify).join(\",\")}]`;\n  const entries = Object.entries(value as Record<string, unknown>).sort(([a], [b]) =>\n    a.localeCompare(b),\n  );\n  return `{${entries.map(([k, v]) => `${k}:${stableStringify(v)}`).join(\",\")}}`;\n}\n\nfunction defaultFormatValue(value: unknown): string {\n  if (value === null || value === undefined) return \"—\";\n  if (value === \"\") return \"empty\";\n  if (typeof value === \"string\") return value;\n  if (typeof value === \"boolean\") return value ? \"yes\" : \"no\";\n  if (typeof value === \"number\" || typeof value === \"bigint\") return String(value);\n  if (Array.isArray(value)) {\n    return value.length === 0 ? \"none\" : value.map(defaultFormatValue).join(\", \");\n  }\n  if (typeof value === \"object\") return JSON.stringify(value);\n  // Symbols and functions have no sensible representation as a field value, and\n  // String() would yield \"[object Object]\" or a function body. Say what it is.\n  return `[${typeof value}]`;\n}\n\n/** Keys whose values must never be rendered, however the record was built. */\nconst DEFAULT_REDACT = /password|secret|token|api[-_]?key|authorization|credential/i;\n\nexport interface RecordDiffProps extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  before: Record<string, unknown>;\n  after: Record<string, unknown>;\n  /** Overrides the humanised key. */\n  labels?: Record<string, string>;\n  /** Keys to render as redacted. Defaults to common secret-shaped names. */\n  redact?: RegExp;\n  /** Only these keys, in this order. Anything else is ignored. */\n  fields?: string[];\n  /** Hides unchanged fields behind a toggle. */\n  collapseUnchanged?: boolean;\n  formatValue?: (value: unknown, key: string) => string;\n  children?: React.ReactNode;\n}\n\ninterface RecordDiffContextValue {\n  fields: RecordField[];\n  changedCount: number;\n  formatValue: (value: unknown, key: string) => string;\n}\n\nconst RecordDiffContext = createContext<RecordDiffContextValue | null>(null);\n\nfunction useRecordDiffContext(component: string): RecordDiffContextValue {\n  const context = useContext(RecordDiffContext);\n  if (!context) {\n    throw new Error(`${component} must be rendered inside <RecordDiff>.`);\n  }\n  return context;\n}\n\n/** \"billingEmail\" and \"billing_email\" both read as \"Billing email\". */\nfunction humanise(key: string): string {\n  const spaced = key\n    .replace(/[_-]+/g, \" \")\n    .replace(/([a-z0-9])([A-Z])/g, \"$1 $2\")\n    .trim();\n  return spaced.charAt(0).toUpperCase() + spaced.slice(1).toLowerCase();\n}\n\nexport function diffRecords(\n  before: Record<string, unknown>,\n  after: Record<string, unknown>,\n  options: { labels?: Record<string, string>; redact?: RegExp; fields?: string[] } = {},\n): RecordField[] {\n  const { labels = {}, redact = DEFAULT_REDACT, fields } = options;\n\n  // The union of both sides, so a removed key is still reported. Iterating only\n  // `after` is how removals go missing from audit logs.\n  const keys = fields ?? [...new Set([...Object.keys(before), ...Object.keys(after)])];\n\n  return keys.map((key) => ({\n    key,\n    label: labels[key] ?? humanise(key),\n    change: classify(before[key], after[key]),\n    before: before[key],\n    after: after[key],\n    redacted: redact.test(key),\n  }));\n}\n\nconst CHANGE_STYLES: Record<FieldChange, string> = {\n  added: \"text-success\",\n  removed: \"text-destructive\",\n  changed: \"text-foreground\",\n  unchanged: \"text-muted-foreground\",\n};\n\nexport function RecordDiff({\n  className,\n  before,\n  after,\n  labels,\n  redact = DEFAULT_REDACT,\n  fields: fieldKeys,\n  collapseUnchanged = true,\n  formatValue = defaultFormatValue,\n  children,\n  ...props\n}: RecordDiffProps) {\n  const fields = useMemo(\n    () => diffRecords(before, after, { labels, redact, fields: fieldKeys }),\n    [before, after, labels, redact, fieldKeys],\n  );\n\n  const changedCount = fields.filter((field) => field.change !== \"unchanged\").length;\n\n  const context = useMemo<RecordDiffContextValue>(\n    () => ({ fields, changedCount, formatValue }),\n    [fields, changedCount, formatValue],\n  );\n\n  return (\n    <RecordDiffContext.Provider value={context}>\n      <div\n        data-slot=\"record-diff\"\n        data-changed={changedCount}\n        className={cn(\"flex flex-col gap-2\", className)}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <RecordDiffSummary />\n            <RecordDiffTable collapseUnchanged={collapseUnchanged} />\n          </>\n        )}\n      </div>\n    </RecordDiffContext.Provider>\n  );\n}\n\n/** \"3 fields changed\" — the thing a reviewer scanning a log needs first. */\nexport function RecordDiffSummary({ className, ...props }: ComponentPropsWithRef<\"p\">) {\n  const { changedCount, fields } = useRecordDiffContext(\"RecordDiffSummary\");\n\n  return (\n    <p\n      data-slot=\"record-diff-summary\"\n      className={cn(\"text-xs text-muted-foreground\", className)}\n      {...props}\n    >\n      {changedCount === 0\n        ? \"No fields changed\"\n        : `${String(changedCount)} of ${String(fields.length)} field${fields.length === 1 ? \"\" : \"s\"} changed`}\n    </p>\n  );\n}\n\nexport interface RecordDiffTableProps extends ComponentPropsWithRef<\"table\"> {\n  collapseUnchanged?: boolean;\n}\n\nexport function RecordDiffTable({\n  className,\n  collapseUnchanged = true,\n  ...props\n}: RecordDiffTableProps) {\n  const { fields, formatValue, changedCount } = useRecordDiffContext(\"RecordDiffTable\");\n  const [showUnchanged, setShowUnchanged] = useState(!collapseUnchanged);\n\n  const unchangedCount = fields.length - changedCount;\n  const visible = showUnchanged\n    ? fields\n    : fields.filter((field) => field.change !== \"unchanged\");\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"overflow-x-auto\">\n        <table\n          data-slot=\"record-diff-table\"\n          className={cn(\"w-full border-collapse text-sm\", className)}\n          {...props}\n        >\n          <thead>\n            <tr className=\"border-b border-border\">\n              <th\n                scope=\"col\"\n                className=\"px-3 py-2 text-left text-xs font-medium text-muted-foreground\"\n              >\n                Field\n              </th>\n              <th\n                scope=\"col\"\n                className=\"px-3 py-2 text-left text-xs font-medium text-muted-foreground\"\n              >\n                Before\n              </th>\n              <th\n                scope=\"col\"\n                className=\"px-3 py-2 text-left text-xs font-medium text-muted-foreground\"\n              >\n                After\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            {visible.map((field) => (\n              <tr\n                key={field.key}\n                data-slot=\"record-diff-row\"\n                data-change={field.change}\n                className=\"border-b border-border last:border-0\"\n              >\n                {/* scope=\"row\" so each value is announced with its field name\n                    rather than as a loose cell in a wall of table. */}\n                <th\n                  scope=\"row\"\n                  className=\"px-3 py-2 text-left align-top font-medium whitespace-nowrap\"\n                >\n                  {field.label}\n                  {/* The change kind must not be carried by row colour alone. */}\n                  <span className=\"sr-only\">{`, ${field.change}`}</span>\n                </th>\n                <td className=\"px-3 py-2 align-top text-muted-foreground\">\n                  {field.redacted ? (\n                    <RedactedValue />\n                  ) : field.change === \"added\" ? (\n                    <span className=\"text-muted-foreground\">—</span>\n                  ) : (\n                    <span className=\"line-through decoration-muted-foreground/50\">\n                      {formatValue(field.before, field.key)}\n                    </span>\n                  )}\n                </td>\n                <td className={cn(\"px-3 py-2 align-top\", CHANGE_STYLES[field.change])}>\n                  {field.redacted ? (\n                    <RedactedValue />\n                  ) : field.change === \"removed\" ? (\n                    <span className=\"text-muted-foreground\">—</span>\n                  ) : (\n                    formatValue(field.after, field.key)\n                  )}\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n\n      {collapseUnchanged && unchangedCount > 0 ? (\n        <button\n          type=\"button\"\n          data-slot=\"record-diff-toggle\"\n          aria-expanded={showUnchanged}\n          onClick={() => {\n            setShowUnchanged((shown) => !shown);\n          }}\n          className={cn(\n            \"self-start rounded-md px-1.5 py-0.5 text-xs text-muted-foreground\",\n            \"transition-colors hover:text-foreground\",\n            \"outline-none focus-visible:ring-2 focus-visible:ring-ring/55\",\n          )}\n        >\n          {showUnchanged\n            ? `Hide ${String(unchangedCount)} unchanged`\n            : `Show ${String(unchangedCount)} unchanged`}\n        </button>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * A value that is never rendered.\n *\n * Redaction happens before formatting, so a secret is not passed to a formatter\n * that might log or transform it — the value simply does not reach the DOM.\n */\nfunction RedactedValue() {\n  return (\n    <span data-slot=\"record-diff-redacted\" className=\"text-muted-foreground italic\">\n      redacted\n    </span>\n  );\n}\n"],"mappings":"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"}

package/dist/components/spinner/spinner.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from "class-variance-authority";
 import { ComponentPropsWithRef } from "react";
 //#region src/components/spinner/spinner.d.ts
 declare const spinnerVariants: (props?: ({
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SpinnerProps extends Omit<ComponentPropsWithRef<"svg">, "children">, VariantProps<typeof spinnerVariants> {
   /**

package/dist/components/toast/toast.d.ts

@@ -12,7 +12,7 @@ import { ComponentPropsWithRef } from "react";
  * toast list from anywhere on the page.
  */
 declare const toastVariants: (props?: ({
-  variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
+  variant?: "destructive" | "default" | "success" | "warning" | "info" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const ToastProvider: import("react").FC<Toast.ToastProviderProps>;
 interface ToastProps extends ComponentPropsWithRef<typeof Toast.Root>, VariantProps<typeof toastVariants> {}

package/dist/index.d.ts

@@ -2,10 +2,14 @@ import { Accordion, AccordionContent, AccordionContentProps, AccordionItem, Acco
 import "./components/accordion/index.js";
 import { ActivityContent, ActivityDescription, ActivityFeed, ActivityIndicator, ActivityIndicatorProps, ActivityItem, ActivityItemProps, ActivityTime, ActivityTimeProps, ActivityTitle } from "./components/activity-feed/activity-feed.js";
 import "./components/activity-feed/index.js";
+import { ActionLedger, ActionLedgerEntry, ActionLedgerEntryProps, ActionLedgerList, ActionLedgerPayload, ActionLedgerProps, ActionLedgerSelectionSummary, ActionLedgerToolbar, ActionStatus, LedgerAction, Reversibility, ledgerEntryVariants } from "./components/ai-action-ledger/ai-action-ledger.js";
+import "./components/ai-action-ledger/index.js";
 import { AgentState, AgentStatus, AgentStatusProps, agentStatusVariants } from "./components/ai-agent-status/ai-agent-status.js";
 import "./components/ai-agent-status/index.js";
 import { Conversation, ConversationMessages, ConversationProps, ConversationScrollButton, ConversationScrollButtonProps, ConversationStatus, ConversationStatusProps } from "./components/ai-conversation/ai-conversation.js";
 import "./components/ai-conversation/index.js";
+import { InlineCompletion, InlineCompletionProps } from "./components/ai-inline-completion/ai-inline-completion.js";
+import "./components/ai-inline-completion/index.js";
 import { Message, MessageActions, MessageAvatar, MessageAvatarProps, MessageBody, MessageBodyProps, MessageFooter, MessageProps, MessageRole, messageBodyVariants, messageVariants } from "./components/ai-message/ai-message.js";
 import "./components/ai-message/index.js";
 import { Select, SelectContent, SelectContentProps, SelectGroup, SelectItem, SelectItemProps, SelectLabel, SelectSeparator, SelectTrigger, SelectTriggerProps, SelectValue, selectTriggerVariants } from "./components/select/select.js";
@@ -20,6 +24,8 @@ import { Response, ResponseCaret, ResponseProps, ThinkingIndicator, ThinkingIndi
 import "./components/ai-response/index.js";
 import { InlineCitation, InlineCitationProps, Source, SourceProps, Sources, SourcesContent, SourcesProps, SourcesTrigger, SourcesTriggerProps } from "./components/ai-sources/ai-sources.js";
 import "./components/ai-sources/index.js";
+import { FieldState, OutputField, StructuredConfidence, StructuredField, StructuredFieldError, StructuredFieldProps, StructuredOutput, StructuredOutputProps } from "./components/ai-structured-output/ai-structured-output.js";
+import "./components/ai-structured-output/index.js";
 import { TokenCount, TokenCountProps, TokenUsage, TokenUsageProps } from "./components/ai-token-usage/ai-token-usage.js";
 import "./components/ai-token-usage/index.js";
 import { Tool, ToolContent, ToolHeader, ToolHeaderProps, ToolPayload, ToolPayloadProps, ToolProps, ToolSection, ToolSectionProps, ToolStatus, toolVariants } from "./components/ai-tool/ai-tool.js";
@@ -62,6 +68,10 @@ import { Input, InputProps, inputVariants } from "./components/input/input.js";
 import "./components/input/index.js";
 import { Label, LabelProps } from "./components/label/label.js";
 import "./components/label/index.js";
+import { Meter, MeterLegend, MeterProps, MeterSegment, MeterTone, MeterValue } from "./components/meter/meter.js";
+import "./components/meter/index.js";
+import { MetricDelta, MetricDeltaProps, MetricPolarity, deltaVariants } from "./components/metric-delta/metric-delta.js";
+import "./components/metric-delta/index.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationLinkProps, PaginationNext, PaginationPrevious } from "./components/pagination/pagination.js";
 import "./components/pagination/index.js";
 import { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverContentProps, PopoverTrigger } from "./components/popover/popover.js";
@@ -70,6 +80,8 @@ import { Progress, ProgressProps, progressVariants } from "./components/progress
 import "./components/progress/index.js";
 import { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps } from "./components/radio-group/radio-group.js";
 import "./components/radio-group/index.js";
+import { FieldChange, RecordDiff, RecordDiffProps, RecordDiffSummary, RecordDiffTable, RecordDiffTableProps, RecordField, diffRecords } from "./components/record-diff/record-diff.js";
+import "./components/record-diff/index.js";
 import { Separator, SeparatorProps } from "./components/separator/separator.js";
 import "./components/separator/index.js";
 import { Sheet, SheetClose, SheetContent, SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, sheetVariants } from "./components/sheet/sheet.js";
@@ -94,4 +106,4 @@ import "./components/tooltip/index.js";
 import { cn } from "./lib/utils.js";
 import { disabledStyles, focusRing, focusRingInset, iconSlot, invalidStyles } from "./lib/styles.js";
 import { COMPONENT_CATEGORIES, COMPONENT_STATUSES, ComponentCategory, ComponentMeta, ComponentStatus, defineMeta } from "./registry/schema.js";
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, ActivityContent, ActivityDescription, ActivityFeed, ActivityIndicator, type ActivityIndicatorProps, ActivityItem, type ActivityItemProps, ActivityTime, type ActivityTimeProps, ActivityTitle, type AgentState, AgentStatus, type AgentStatusProps, Alert, AlertDescription, type AlertLive, type AlertProps, AlertTitle, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, COMPONENT_CATEGORIES, COMPONENT_STATUSES, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, Combobox, ComboboxContent, type ComboboxContentProps, ComboboxEmpty, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxList, type ComboboxProps, ComboboxTrigger, type ComboboxTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandProps, CommandSeparator, CommandShortcut, ComponentCategory, ComponentMeta, ComponentStatus, Conversation, ConversationMessages, type ConversationProps, ConversationScrollButton, type ConversationScrollButtonProps, ConversationStatus, type ConversationStatusProps, CopyButton, type CopyButtonProps, DEFAULT_TOAST_DURATION, DataTable, DataTableColumnHeader, type DataTableColumnHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableViewOptions, type DataTableViewOptionsProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, type EmptyStateProps, EmptyStateTitle, Form, FormControl, type FormControlProps, FormDescription, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, type HideableTable, InlineCitation, type InlineCitationProps, Input, type InputProps, Label, type LabelProps, Message, MessageActions, MessageAvatar, type MessageAvatarProps, MessageBody, type MessageBodyProps, MessageFooter, type MessageProps, type MessageRole, type ModelOption, ModelSelector, type ModelSelectorProps, type PaginatedTable, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, PromptInput, PromptInputCounter, type PromptInputCounterProps, type PromptInputProps, PromptInputSubmit, type PromptInputSubmitProps, PromptInputTextarea, type PromptInputTextareaProps, PromptInputToolbar, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Reasoning, ReasoningContent, type ReasoningProps, ReasoningTrigger, type ReasoningTriggerProps, Response, ResponseCaret, type ResponseProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, type SliderProps, type SortableColumn, Source, type SourceProps, Sources, SourcesContent, type SourcesProps, SourcesTrigger, type SourcesTriggerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, TOAST_LIMIT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, ThinkingIndicator, type ThinkingIndicatorProps, Toast, ToastAction, type ToastAction$1 as ToastActionOptions, ToastClose, ToastDescription, type ToastOptions, type ToastPosition, type ToastPromiseMessages, type ToastProps, ToastProvider, type ToastRecord, ToastTitle, type ToastVariant, Toaster, type ToasterProps, TokenCount, type TokenCountProps, TokenUsage, type TokenUsageProps, Tool, ToolContent, ToolHeader, type ToolHeaderProps, ToolPayload, type ToolPayloadProps, type ToolProps, ToolSection, type ToolSectionProps, type ToolStatus, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipTrigger, agentStatusVariants, alertVariants, avatarVariants, badgeVariants, buttonVariants, cn, defaultComboboxFilter, defaultCommandFilter, defineMeta, disabledStyles, emptyStateVariants, focusRing, focusRingInset, iconSlot, inputVariants, invalidStyles, messageBodyVariants, messageVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, tabsListVariants, tabsTriggerVariants, toast, toastVariants, toolVariants, useToasts };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, ActionLedger, ActionLedgerEntry, type ActionLedgerEntryProps, ActionLedgerList, ActionLedgerPayload, type ActionLedgerProps, ActionLedgerSelectionSummary, ActionLedgerToolbar, type ActionStatus, ActivityContent, ActivityDescription, ActivityFeed, ActivityIndicator, type ActivityIndicatorProps, ActivityItem, type ActivityItemProps, ActivityTime, type ActivityTimeProps, ActivityTitle, type AgentState, AgentStatus, type AgentStatusProps, Alert, AlertDescription, type AlertLive, type AlertProps, AlertTitle, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, COMPONENT_CATEGORIES, COMPONENT_STATUSES, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, Combobox, ComboboxContent, type ComboboxContentProps, ComboboxEmpty, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxList, type ComboboxProps, ComboboxTrigger, type ComboboxTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandProps, CommandSeparator, CommandShortcut, ComponentCategory, ComponentMeta, ComponentStatus, Conversation, ConversationMessages, type ConversationProps, ConversationScrollButton, type ConversationScrollButtonProps, ConversationStatus, type ConversationStatusProps, CopyButton, type CopyButtonProps, DEFAULT_TOAST_DURATION, DataTable, DataTableColumnHeader, type DataTableColumnHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableViewOptions, type DataTableViewOptionsProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, type EmptyStateProps, EmptyStateTitle, type FieldChange, type FieldState, Form, FormControl, type FormControlProps, FormDescription, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, type HideableTable, InlineCitation, type InlineCitationProps, InlineCompletion, type InlineCompletionProps, Input, type InputProps, Label, type LabelProps, type LedgerAction, Message, MessageActions, MessageAvatar, type MessageAvatarProps, MessageBody, type MessageBodyProps, MessageFooter, type MessageProps, type MessageRole, Meter, MeterLegend, type MeterProps, type MeterSegment, type MeterTone, MeterValue, MetricDelta, type MetricDeltaProps, type MetricPolarity, type ModelOption, ModelSelector, type ModelSelectorProps, type OutputField, type PaginatedTable, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, PromptInput, PromptInputCounter, type PromptInputCounterProps, type PromptInputProps, PromptInputSubmit, type PromptInputSubmitProps, PromptInputTextarea, type PromptInputTextareaProps, PromptInputToolbar, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Reasoning, ReasoningContent, type ReasoningProps, ReasoningTrigger, type ReasoningTriggerProps, RecordDiff, type RecordDiffProps, RecordDiffSummary, RecordDiffTable, type RecordDiffTableProps, type RecordField, Response, ResponseCaret, type ResponseProps, type Reversibility, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, type SliderProps, type SortableColumn, Source, type SourceProps, Sources, SourcesContent, type SourcesProps, SourcesTrigger, type SourcesTriggerProps, Spinner, type SpinnerProps, StructuredConfidence, StructuredField, StructuredFieldError, type StructuredFieldProps, StructuredOutput, type StructuredOutputProps, Switch, type SwitchProps, TOAST_LIMIT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, ThinkingIndicator, type ThinkingIndicatorProps, Toast, ToastAction, type ToastAction$1 as ToastActionOptions, ToastClose, ToastDescription, type ToastOptions, type ToastPosition, type ToastPromiseMessages, type ToastProps, ToastProvider, type ToastRecord, ToastTitle, type ToastVariant, Toaster, type ToasterProps, TokenCount, type TokenCountProps, TokenUsage, type TokenUsageProps, Tool, ToolContent, ToolHeader, type ToolHeaderProps, ToolPayload, type ToolPayloadProps, type ToolProps, ToolSection, type ToolSectionProps, type ToolStatus, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipTrigger, agentStatusVariants, alertVariants, avatarVariants, badgeVariants, buttonVariants, cn, defaultComboboxFilter, defaultCommandFilter, defineMeta, deltaVariants, diffRecords, disabledStyles, emptyStateVariants, focusRing, focusRingInset, iconSlot, inputVariants, invalidStyles, ledgerEntryVariants, messageBodyVariants, messageVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, tabsListVariants, tabsTriggerVariants, toast, toastVariants, toolVariants, useToasts };

package/dist/index.js

@@ -2,6 +2,9 @@ import { disabledStyles, focusRing, focusRingInset, iconSlot, invalidStyles } fr
 import { cn } from "./lib/utils.js";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/accordion/accordion.js";
 import { ActivityContent, ActivityDescription, ActivityFeed, ActivityIndicator, ActivityItem, ActivityTime, ActivityTitle } from "./components/activity-feed/activity-feed.js";
+import { ActionLedger, ActionLedgerEntry, ActionLedgerList, ActionLedgerPayload, ActionLedgerSelectionSummary, ActionLedgerToolbar, ledgerEntryVariants } from "./components/ai-action-ledger/ai-action-ledger.js";
+import { InlineCompletion } from "./components/ai-inline-completion/ai-inline-completion.js";
+import { StructuredConfidence, StructuredField, StructuredFieldError, StructuredOutput } from "./components/ai-structured-output/ai-structured-output.js";
 import { AgentStatus, agentStatusVariants } from "./components/ai-agent-status/ai-agent-status.js";
 import { Conversation, ConversationMessages, ConversationScrollButton, ConversationStatus } from "./components/ai-conversation/ai-conversation.js";
 import { Message, MessageActions, MessageAvatar, MessageBody, MessageFooter, messageBodyVariants, messageVariants } from "./components/ai-message/ai-message.js";
@@ -35,6 +38,9 @@ import { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, E
 import { Form, FormControl, FormDescription, FormField, FormLabel, FormMessage } from "./components/form/form.js";
 import { Input, inputVariants } from "./components/input/input.js";
 import { Label } from "./components/label/label.js";
+import { Meter, MeterLegend, MeterValue } from "./components/meter/meter.js";
+import { MetricDelta, deltaVariants } from "./components/metric-delta/metric-delta.js";
+import { RecordDiff, RecordDiffSummary, RecordDiffTable, diffRecords } from "./components/record-diff/record-diff.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/pagination/pagination.js";
 import { Progress, progressVariants } from "./components/progress/progress.js";
 import { RadioGroup, RadioGroupItem } from "./components/radio-group/radio-group.js";
@@ -48,4 +54,4 @@ import { DEFAULT_TOAST_DURATION, TOAST_LIMIT, toast, useToasts } from "./compone
 import { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, Toaster, toastVariants } from "./components/toast/toast.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/tooltip/tooltip.js";
 import { COMPONENT_CATEGORIES, COMPONENT_STATUSES, defineMeta } from "./registry/schema.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityContent, ActivityDescription, ActivityFeed, ActivityIndicator, ActivityItem, ActivityTime, ActivityTitle, AgentStatus, Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, COMPONENT_CATEGORIES, COMPONENT_STATUSES, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Conversation, ConversationMessages, ConversationScrollButton, ConversationStatus, CopyButton, DEFAULT_TOAST_DURATION, DataTable, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, Form, FormControl, FormDescription, FormField, FormLabel, FormMessage, InlineCitation, Input, Label, Message, MessageActions, MessageAvatar, MessageBody, MessageFooter, ModelSelector, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger, Progress, PromptInput, PromptInputCounter, PromptInputSubmit, PromptInputTextarea, PromptInputToolbar, RadioGroup, RadioGroupItem, Reasoning, ReasoningContent, ReasoningTrigger, Response, ResponseCaret, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Source, Sources, SourcesContent, SourcesTrigger, Spinner, Switch, TOAST_LIMIT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, ThinkingIndicator, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, Toaster, TokenCount, TokenUsage, Tool, ToolContent, ToolHeader, ToolPayload, ToolSection, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, agentStatusVariants, alertVariants, avatarVariants, badgeVariants, buttonVariants, cn, defaultComboboxFilter, defaultCommandFilter, defineMeta, disabledStyles, emptyStateVariants, focusRing, focusRingInset, iconSlot, inputVariants, invalidStyles, messageBodyVariants, messageVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, tabsListVariants, tabsTriggerVariants, toast, toastVariants, toolVariants, useToasts };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionLedger, ActionLedgerEntry, ActionLedgerList, ActionLedgerPayload, ActionLedgerSelectionSummary, ActionLedgerToolbar, ActivityContent, ActivityDescription, ActivityFeed, ActivityIndicator, ActivityItem, ActivityTime, ActivityTitle, AgentStatus, Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, COMPONENT_CATEGORIES, COMPONENT_STATUSES, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Conversation, ConversationMessages, ConversationScrollButton, ConversationStatus, CopyButton, DEFAULT_TOAST_DURATION, DataTable, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, Form, FormControl, FormDescription, FormField, FormLabel, FormMessage, InlineCitation, InlineCompletion, Input, Label, Message, MessageActions, MessageAvatar, MessageBody, MessageFooter, Meter, MeterLegend, MeterValue, MetricDelta, ModelSelector, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger, Progress, PromptInput, PromptInputCounter, PromptInputSubmit, PromptInputTextarea, PromptInputToolbar, RadioGroup, RadioGroupItem, Reasoning, ReasoningContent, ReasoningTrigger, RecordDiff, RecordDiffSummary, RecordDiffTable, Response, ResponseCaret, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Source, Sources, SourcesContent, SourcesTrigger, Spinner, StructuredConfidence, StructuredField, StructuredFieldError, StructuredOutput, Switch, TOAST_LIMIT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, ThinkingIndicator, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, Toaster, TokenCount, TokenUsage, Tool, ToolContent, ToolHeader, ToolPayload, ToolSection, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, agentStatusVariants, alertVariants, avatarVariants, badgeVariants, buttonVariants, cn, defaultComboboxFilter, defaultCommandFilter, defineMeta, deltaVariants, diffRecords, disabledStyles, emptyStateVariants, focusRing, focusRingInset, iconSlot, inputVariants, invalidStyles, ledgerEntryVariants, messageBodyVariants, messageVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, tabsListVariants, tabsTriggerVariants, toast, toastVariants, toolVariants, useToasts };

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

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","names":[],"sources":["../../src/registry/components.ts"],"mappings":";;;;;;;;;;;;;;cA4Da,gBAAgB"}
+{"version":3,"file":"components.d.ts","names":[],"sources":["../../src/registry/components.ts"],"mappings":";;;;;;;;;;;;;;cAkEa,gBAAgB"}

package/dist/registry/components.js

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

package/dist/registry/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","names":["accordionMeta","activityFeedMeta","aiAgentStatusMeta","aiConversationMeta","aiMessageMeta","aiModelSelectorMeta","aiPromptInputMeta","aiReasoningMeta","aiResponseMeta","aiSourcesMeta","aiTokenUsageMeta","aiToolMeta","alertMeta","avatarMeta","badgeMeta","buttonMeta","calendarMeta","cardMeta","checkboxMeta","codeBlockMeta","comboboxMeta","commandMeta","dataTableMeta","datePickerMeta","dialogMeta","drawerMeta","dropdownMenuMeta","emptyStateMeta","formMeta","inputMeta","labelMeta","paginationMeta","popoverMeta","progressMeta","radioGroupMeta","selectMeta","separatorMeta","sheetMeta","skeletonMeta","sliderMeta","spinnerMeta","switchMeta","tableMeta","tabsMeta","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 aiAgentStatusMeta } from \"@/components/ai-agent-status/meta\";\nimport { meta as aiConversationMeta } from \"@/components/ai-conversation/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 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 formMeta } from \"@/components/form/meta\";\nimport { meta as inputMeta } from \"@/components/input/meta\";\nimport { meta as labelMeta } from \"@/components/label/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 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 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  aiAgentStatusMeta,\n  aiConversationMeta,\n  aiMessageMeta,\n  aiModelSelectorMeta,\n  aiPromptInputMeta,\n  aiReasoningMeta,\n  aiResponseMeta,\n  aiSourcesMeta,\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  formMeta,\n  inputMeta,\n  labelMeta,\n  paginationMeta,\n  popoverMeta,\n  progressMeta,\n  radioGroupMeta,\n  selectMeta,\n  separatorMeta,\n  sheetMeta,\n  skeletonMeta,\n  sliderMeta,\n  spinnerMeta,\n  switchMeta,\n  tableMeta,\n  tabsMeta,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,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;AACF"}
+{"version":3,"file":"components.js","names":["accordionMeta","activityFeedMeta","aiActionLedgerMeta","aiAgentStatusMeta","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","formMeta","inputMeta","labelMeta","meterMeta","metricDeltaMeta","paginationMeta","popoverMeta","progressMeta","radioGroupMeta","recordDiffMeta","selectMeta","separatorMeta","sheetMeta","skeletonMeta","sliderMeta","spinnerMeta","switchMeta","tableMeta","tabsMeta","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 aiAgentStatusMeta } from \"@/components/ai-agent-status/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 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 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  aiAgentStatusMeta,\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  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  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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,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;AACF"}

package/package.json

@@ -1,12 +1,47 @@
 {
   "name": "@dowel-ui/react",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
-  "description": "Source-first React components.",
+  "description": "Source-first React components for SaaS and AI products — 52 accessible components you install as code you own, not as a dependency.",
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "component-library",
+    "design-system",
+    "tailwind",
+    "tailwindcss",
+    "radix",
+    "typescript",
+    "accessible",
+    "a11y",
+    "wcag",
+    "ai",
+    "llm",
+    "agent",
+    "saas",
+    "shadcn",
+    "headless",
+    "source-first",
+    "dowel"
+  ],
+  "license": "MIT",
+  "homepage": "https://dowel-eight.vercel.app",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/aqkprogrammer/dowel-ui.git",
+    "directory": "packages/ui"
+  },
+  "bugs": {
+    "url": "https://github.com/aqkprogrammer/dowel-ui/issues"
+  },
   "sideEffects": false,
   "files": [
     "dist",
-    "src"
+    "src",
+    "!src/**/*.test.ts",
+    "!src/**/*.test.tsx",
+    "!src/**/*.stories.tsx"
   ],
   "exports": {
     ".": {
@@ -58,8 +93,8 @@
     "vite": "8.2.2",
     "vitest": "4.1.10",
     "zod": "4.5.4",
-    "@dowel-ui/config": "0.1.0",
-    "@dowel-ui/themes": "0.1.0"
+    "@dowel-ui/config": "0.2.0",
+    "@dowel-ui/themes": "0.2.0"
   },
   "scripts": {
     "build": "tsdown",