@dowel-ui/react 0.4.0 → 0.7.0

package/dist/components/ai-reasoning/ai-reasoning.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-reasoning.js","names":["CollapsiblePrimitive"],"sources":["../../../src/components/ai-reasoning/ai-reasoning.tsx"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * The model's reasoning, tucked away.\n *\n * Collapsed by default and deliberately understated. Reasoning is supporting\n * material — surfacing it at the same weight as the answer buries the answer,\n * and most readers never want it. It stays one keystroke away for the people\n * who do.\n */\nexport type ReasoningProps = ComponentPropsWithRef<typeof CollapsiblePrimitive.Root>;\n\nexport function Reasoning({ className, ...props }: ReasoningProps) {\n  return (\n    <CollapsiblePrimitive.Root\n      data-slot=\"reasoning\"\n      className={cn(\"text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport interface ReasoningTriggerProps extends ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Trigger\n> {\n  /** Shown while reasoning is still arriving. */\n  streaming?: boolean;\n  label?: string;\n  streamingLabel?: string;\n}\n\nexport function ReasoningTrigger({\n  className,\n  streaming,\n  label = \"Reasoning\",\n  streamingLabel = \"Thinking…\",\n  children,\n  ...props\n}: ReasoningTriggerProps) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"reasoning-trigger\"\n      className={cn(\n        \"flex items-center gap-1.5 rounded-md text-xs text-muted-foreground\",\n        \"transition-colors duration-[var(--duration-fast)] hover:text-foreground\",\n        \"[&[data-state=open]>svg:last-child]:rotate-180\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    >\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className=\"size-3.5 shrink-0\">\n        <path\n          d=\"M9.5 21h5M12 3a6 6 0 0 1 3.6 10.8c-.6.5-.9 1.1-1 1.7l-.1.5h-5l-.1-.5c-.1-.6-.4-1.2-1-1.7A6 6 0 0 1 12 3Z\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.75\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n      {children ?? (streaming ? streamingLabel : label)}\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className=\"size-3.5 shrink-0 transition-transform duration-[var(--duration-normal)]\"\n      >\n        <path\n          d=\"m6 9 6 6 6-6\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </CollapsiblePrimitive.Trigger>\n  );\n}\n\nexport function ReasoningContent({\n  className,\n  children,\n  ...props\n}: ComponentPropsWithRef<typeof CollapsiblePrimitive.Content>) {\n  return (\n    <CollapsiblePrimitive.Content\n      data-slot=\"reasoning-content\"\n      className={cn(\n        \"overflow-hidden\",\n        \"data-[state=closed]:animate-accordion-close data-[state=open]:animate-accordion-open\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"mt-2 border-l-2 border-border pl-3 text-sm whitespace-pre-wrap text-muted-foreground\">\n        {children}\n      </div>\n    </CollapsiblePrimitive.Content>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAyB;CACjE,OACE,oBAACA,YAAqB,MAAtB;EACE,aAAU;EACV,WAAW,GAAG,WAAW,SAAS;EAClC,GAAI;CACL,CAAA;AAEL;AAWA,SAAgB,iBAAiB,EAC/B,WACA,WACA,QAAQ,aACR,iBAAiB,aACjB,UACA,GAAG,SACqB;CACxB,OACE,qBAACA,YAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,sEACA,2EACA,kDACA,WACA,SACF;EACA,GAAI;EATN,UAAA;GAWE,oBAAC,OAAD;IAAK,SAAQ;IAAY,MAAK;IAAO,eAAY;IAAO,WAAU;IAChE,UAAA,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;IAChB,CAAA;GACE,CAAA;GACJ,aAAa,YAAY,iBAAiB;GAC3C,oBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,eAAY;IACZ,WAAU;IAEV,UAAA,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;IAChB,CAAA;GACE,CAAA;EACuB;;AAElC;AAEA,SAAgB,iBAAiB,EAC/B,WACA,UACA,GAAG,SAC0D;CAC7D,OACE,oBAACA,YAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,mBACA,wFACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,OAAD;GAAK,WAAU;GACZ;EACE,CAAA;CACuB,CAAA;AAElC"}
+{"version":3,"file":"ai-reasoning.js","names":["CollapsiblePrimitive"],"sources":["../../../src/components/ai-reasoning/ai-reasoning.tsx"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * The model's reasoning, tucked away.\n *\n * Collapsed by default and deliberately understated. Reasoning is supporting\n * material — surfacing it at the same weight as the answer buries the answer,\n * and most readers never want it. It stays one keystroke away for the people\n * who do.\n */\nexport type ReasoningProps = ComponentPropsWithRef<typeof CollapsiblePrimitive.Root>;\n\nexport function Reasoning({ className, ...props }: ReasoningProps) {\n  return (\n    <CollapsiblePrimitive.Root\n      data-slot=\"reasoning\"\n      className={cn(\"text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport interface ReasoningTriggerProps extends ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Trigger\n> {\n  /** Shown while reasoning is still arriving. */\n  streaming?: boolean;\n  label?: string;\n  streamingLabel?: string;\n}\n\nexport function ReasoningTrigger({\n  className,\n  streaming,\n  label = \"Reasoning\",\n  streamingLabel = \"Thinking…\",\n  children,\n  ...props\n}: ReasoningTriggerProps) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"reasoning-trigger\"\n      className={cn(\n        \"flex items-center gap-1.5 rounded-md text-xs text-muted-foreground\",\n        \"transition-colors duration-[var(--duration-fast)] hover:text-foreground\",\n        \"[&[data-state=open]>svg:last-child]:rotate-180\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    >\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className=\"size-3.5 shrink-0\">\n        <path\n          d=\"M9.5 21h5M12 3a6 6 0 0 1 3.6 10.8c-.6.5-.9 1.1-1 1.7l-.1.5h-5l-.1-.5c-.1-.6-.4-1.2-1-1.7A6 6 0 0 1 12 3Z\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.75\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n      {children ?? (streaming ? streamingLabel : label)}\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className=\"size-3.5 shrink-0 transition-transform duration-[var(--duration-normal)]\"\n      >\n        <path\n          d=\"m6 9 6 6 6-6\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </CollapsiblePrimitive.Trigger>\n  );\n}\n\nexport function ReasoningContent({\n  className,\n  children,\n  ...props\n}: ComponentPropsWithRef<typeof CollapsiblePrimitive.Content>) {\n  return (\n    <CollapsiblePrimitive.Content\n      data-slot=\"reasoning-content\"\n      className={cn(\n        \"overflow-hidden\",\n        \"data-[state=closed]:animate-accordion-close data-[state=open]:animate-accordion-open\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"mt-2 border-s-2 border-border ps-3 text-sm whitespace-pre-wrap text-muted-foreground\">\n        {children}\n      </div>\n    </CollapsiblePrimitive.Content>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAyB;CACjE,OACE,oBAACA,YAAqB,MAAtB;EACE,aAAU;EACV,WAAW,GAAG,WAAW,SAAS;EAClC,GAAI;CACL,CAAA;AAEL;AAWA,SAAgB,iBAAiB,EAC/B,WACA,WACA,QAAQ,aACR,iBAAiB,aACjB,UACA,GAAG,SACqB;CACxB,OACE,qBAACA,YAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,sEACA,2EACA,kDACA,WACA,SACF;EACA,GAAI;EATN,UAAA;GAWE,oBAAC,OAAD;IAAK,SAAQ;IAAY,MAAK;IAAO,eAAY;IAAO,WAAU;IAChE,UAAA,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;IAChB,CAAA;GACE,CAAA;GACJ,aAAa,YAAY,iBAAiB;GAC3C,oBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,eAAY;IACZ,WAAU;IAEV,UAAA,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;IAChB,CAAA;GACE,CAAA;EACuB;;AAElC;AAEA,SAAgB,iBAAiB,EAC/B,WACA,UACA,GAAG,SAC0D;CAC7D,OACE,oBAACA,YAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,mBACA,wFACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,OAAD;GAAK,WAAU;GACZ;EACE,CAAA;CACuB,CAAA;AAElC"}

package/dist/components/ai-response/ai-response.js

@@ -6,7 +6,7 @@ function Response({ className, streaming, children, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "response",
 		"data-streaming": streaming || void 0,
-		className: cn("text-sm leading-relaxed whitespace-pre-wrap text-foreground", "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-4", "[&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em]", "[&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5", "[&_p+p]:mt-3", className),
+		className: cn("text-sm leading-relaxed whitespace-pre-wrap text-foreground", "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-4", "[&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em]", "[&_ol]:my-2 [&_ol]:list-decimal [&_ol]:ps-5 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:ps-5", "[&_p+p]:mt-3", className),
 		...props,
 		children: [children, streaming ? /* @__PURE__ */ jsx(ResponseCaret, {}) : null]
 	});
@@ -18,7 +18,7 @@ function ResponseCaret({ className, ...props }) {
 		"data-slot": "response-caret",
 		"aria-hidden": "true",
 		"data-motion": "indicator",
-		className: cn("ml-0.5 inline-block h-[1em] w-[2px] translate-y-[0.15em] animate-caret bg-current align-baseline", className),
+		className: cn("ms-0.5 inline-block h-[1em] w-[2px] translate-y-[0.15em] animate-caret bg-current align-baseline", className),
 		...props
 	});
 }

package/dist/components/ai-response/ai-response.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-response.js","names":[],"sources":["../../../src/components/ai-response/ai-response.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/**\n * The text of an assistant response.\n *\n * Renders plain text with paragraph whitespace preserved. Markdown is\n * deliberately not parsed here: a Markdown renderer is a dependency, a security\n * decision about raw HTML, and a styling surface all at once, and every product\n * makes those differently. Pass already-rendered content as children when you\n * need it — the prose styling below applies either way.\n *\n * Not a live region, and not by omission. See the note on `Conversation`:\n * announcing streamed text token by token is unusable with a screen reader.\n */\nexport interface ResponseProps extends ComponentPropsWithRef<\"div\"> {\n  /** Shows the caret. Purely visual — it carries no announcement. */\n  streaming?: boolean;\n}\n\nexport function Response({ className, streaming, children, ...props }: ResponseProps) {\n  return (\n    <div\n      data-slot=\"response\"\n      data-streaming={streaming || undefined}\n      className={cn(\n        \"text-sm leading-relaxed whitespace-pre-wrap text-foreground\",\n        // Minimal prose styling for consumers who pass rendered Markdown.\n        \"[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-4\",\n        \"[&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em]\",\n        \"[&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5\",\n        \"[&_p+p]:mt-3\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {streaming ? <ResponseCaret /> : null}\n    </div>\n  );\n}\n\n/** The trailing cursor. Decorative — the streaming state is announced, if at\n * all, through ConversationStatus. */\nexport function ResponseCaret({ className, ...props }: ComponentPropsWithRef<\"span\">) {\n  return (\n    <span\n      data-slot=\"response-caret\"\n      aria-hidden=\"true\"\n      data-motion=\"indicator\"\n      className={cn(\n        \"ml-0.5 inline-block h-[1em] w-[2px] translate-y-[0.15em] animate-caret bg-current align-baseline\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Shown while waiting for the first token.\n *\n * A distinct state from streaming: nothing has arrived yet, so there is no text\n * to show a caret after. Labelled for assistive technology because, unlike the\n * caret, this is the only thing on screen.\n */\nexport interface ThinkingIndicatorProps extends ComponentPropsWithRef<\"div\"> {\n  label?: string;\n}\n\nexport function ThinkingIndicator({\n  className,\n  label = \"Thinking\",\n  ...props\n}: ThinkingIndicatorProps) {\n  return (\n    <div\n      data-slot=\"thinking-indicator\"\n      className={cn(\"flex items-center gap-1.5 text-sm text-muted-foreground\", className)}\n      {...props}\n    >\n      <span className=\"sr-only\">{label}</span>\n      {[0, 1, 2].map((index) => (\n        <span\n          key={index}\n          aria-hidden=\"true\"\n          className=\"size-1.5 animate-pulse-soft rounded-full bg-current\"\n          style={{ animationDelay: `${String(index * 160)}ms` }}\n        />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;AAuBA,SAAgB,SAAS,EAAE,WAAW,WAAW,UAAU,GAAG,SAAwB;CACpF,OACE,qBAAC,OAAD;EACE,aAAU;EACV,kBAAgB,aAAa,KAAA;EAC7B,WAAW,GACT,+DAEA,+DACA,6GACA,wFACA,gBACA,SACF;EACA,GAAI;EAZN,UAAA,CAcG,UACA,YAAY,oBAAC,eAAD,CAAgB,CAAA,IAAI,IAC9B;;AAET;;;AAIA,SAAgB,cAAc,EAAE,WAAW,GAAG,SAAwC;CACpF,OACE,oBAAC,QAAD;EACE,aAAU;EACV,eAAY;EACZ,eAAY;EACZ,WAAW,GACT,oGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAaA,SAAgB,kBAAkB,EAChC,WACA,QAAQ,YACR,GAAG,SACsB;CACzB,OACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,2DAA2D,SAAS;EAClF,GAAI;EAHN,UAAA,CAKE,oBAAC,QAAD;GAAM,WAAU;GAAW,UAAA;EAAY,CAAA,GACtC;GAAC;GAAG;GAAG;EAAC,CAAC,CAAC,KAAK,UACd,oBAAC,QAAD;GAEE,eAAY;GACZ,WAAU;GACV,OAAO,EAAE,gBAAgB,GAAG,OAAO,QAAQ,GAAG,EAAE,IAAI;EACrD,GAJM,KAIN,CACF,CACE;;AAET"}
+{"version":3,"file":"ai-response.js","names":[],"sources":["../../../src/components/ai-response/ai-response.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/**\n * The text of an assistant response.\n *\n * Renders plain text with paragraph whitespace preserved. Markdown is\n * deliberately not parsed here: a Markdown renderer is a dependency, a security\n * decision about raw HTML, and a styling surface all at once, and every product\n * makes those differently. Pass already-rendered content as children when you\n * need it — the prose styling below applies either way.\n *\n * Not a live region, and not by omission. See the note on `Conversation`:\n * announcing streamed text token by token is unusable with a screen reader.\n */\nexport interface ResponseProps extends ComponentPropsWithRef<\"div\"> {\n  /** Shows the caret. Purely visual — it carries no announcement. */\n  streaming?: boolean;\n}\n\nexport function Response({ className, streaming, children, ...props }: ResponseProps) {\n  return (\n    <div\n      data-slot=\"response\"\n      data-streaming={streaming || undefined}\n      className={cn(\n        \"text-sm leading-relaxed whitespace-pre-wrap text-foreground\",\n        // Minimal prose styling for consumers who pass rendered Markdown.\n        \"[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-4\",\n        \"[&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em]\",\n        \"[&_ol]:my-2 [&_ol]:list-decimal [&_ol]:ps-5 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:ps-5\",\n        \"[&_p+p]:mt-3\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {streaming ? <ResponseCaret /> : null}\n    </div>\n  );\n}\n\n/** The trailing cursor. Decorative — the streaming state is announced, if at\n * all, through ConversationStatus. */\nexport function ResponseCaret({ className, ...props }: ComponentPropsWithRef<\"span\">) {\n  return (\n    <span\n      data-slot=\"response-caret\"\n      aria-hidden=\"true\"\n      data-motion=\"indicator\"\n      className={cn(\n        \"ms-0.5 inline-block h-[1em] w-[2px] translate-y-[0.15em] animate-caret bg-current align-baseline\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Shown while waiting for the first token.\n *\n * A distinct state from streaming: nothing has arrived yet, so there is no text\n * to show a caret after. Labelled for assistive technology because, unlike the\n * caret, this is the only thing on screen.\n */\nexport interface ThinkingIndicatorProps extends ComponentPropsWithRef<\"div\"> {\n  label?: string;\n}\n\nexport function ThinkingIndicator({\n  className,\n  label = \"Thinking\",\n  ...props\n}: ThinkingIndicatorProps) {\n  return (\n    <div\n      data-slot=\"thinking-indicator\"\n      className={cn(\"flex items-center gap-1.5 text-sm text-muted-foreground\", className)}\n      {...props}\n    >\n      <span className=\"sr-only\">{label}</span>\n      {[0, 1, 2].map((index) => (\n        <span\n          key={index}\n          aria-hidden=\"true\"\n          className=\"size-1.5 animate-pulse-soft rounded-full bg-current\"\n          style={{ animationDelay: `${String(index * 160)}ms` }}\n        />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;AAuBA,SAAgB,SAAS,EAAE,WAAW,WAAW,UAAU,GAAG,SAAwB;CACpF,OACE,qBAAC,OAAD;EACE,aAAU;EACV,kBAAgB,aAAa,KAAA;EAC7B,WAAW,GACT,+DAEA,+DACA,6GACA,wFACA,gBACA,SACF;EACA,GAAI;EAZN,UAAA,CAcG,UACA,YAAY,oBAAC,eAAD,CAAgB,CAAA,IAAI,IAC9B;;AAET;;;AAIA,SAAgB,cAAc,EAAE,WAAW,GAAG,SAAwC;CACpF,OACE,oBAAC,QAAD;EACE,aAAU;EACV,eAAY;EACZ,eAAY;EACZ,WAAW,GACT,oGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAaA,SAAgB,kBAAkB,EAChC,WACA,QAAQ,YACR,GAAG,SACsB;CACzB,OACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,2DAA2D,SAAS;EAClF,GAAI;EAHN,UAAA,CAKE,oBAAC,QAAD;GAAM,WAAU;GAAW,UAAA;EAAY,CAAA,GACtC;GAAC;GAAG;GAAG;EAAC,CAAC,CAAC,KAAK,UACd,oBAAC,QAAD;GAEE,eAAY;GACZ,WAAU;GACV,OAAO,EAAE,gBAAgB,GAAG,OAAO,QAAQ,GAAG,EAAE,IAAI;EACrD,GAJM,KAIN,CACF,CACE;;AAET"}

package/dist/components/ai-suggested-value/ai-suggested-value.d.ts

@@ -0,0 +1,72 @@
+import { ComponentPropsWithRef, ReactElement } from "react";
+//#region src/components/ai-suggested-value/ai-suggested-value.d.ts
+/**
+ * An AI-proposed value for a form control, offered beside it rather than
+ * written into it.
+ *
+ * Autofill is the most common shape AI takes inside ordinary software —
+ * enrich this contact, fill this form from the upload, guess the category —
+ * and nearly every implementation writes the value straight into the field
+ * as if the person had typed it. Two things go wrong. A plausible, wrong
+ * value rides through on the person's own Submit, because nothing marked it
+ * as needing a look. And once submitted, the record cannot tell a value the
+ * model supplied from one a human typed, which is the one fact an audit later
+ * needs.
+ *
+ * So the suggestion stays pending until it is accepted, and acceptance is
+ * reported rather than performed: the component hands the value to `onAccept`
+ * and never touches the control. That is also what lets it wrap any control —
+ * a select, a date, a number, a combobox — where ghost text can only complete
+ * a string. Afterwards the field says it was filled by AI, says if it was
+ * edited since, and offers to put back what was there.
+ *
+ * Deliberately no "accept all". A button that takes every suggestion at once
+ * is the review deleting itself, and every product that ships one watches its
+ * users press it without reading.
+ */
+interface Suggestion<T = string> {
+  value: T;
+  /** How the value reads — a select's option text, a formatted date. Defaults to the value. */
+  label?: string;
+  /** Where it came from, in the reader's language: "from the invoice header". */
+  source?: string;
+  /** 0 to 1. Shown as a number, never only as a colour. */
+  confidence?: number;
+}
+type SuggestionStatus = "pending" | "accepted" | "dismissed";
+interface SuggestedValueProps<T = string> extends Omit<ComponentPropsWithRef<"div">, "children" | "id" | "aria-describedby" | "aria-invalid"> {
+  /** The field, for the buttons' names: "Accept suggestion — Company". */
+  label: string;
+  /** Null or undefined offers nothing. A different suggestion starts pending again. */
+  suggestion?: Suggestion<T> | null;
+  /**
+   * The control's current value. Lets the marker say the fill was edited
+   * since, and lets Undo restore what the field held before.
+   */
+  value?: T;
+  /** Supply to own the status; otherwise it is kept here. */
+  status?: SuggestionStatus;
+  onAccept: (value: T, suggestion: Suggestion<T>) => void;
+  onDismiss?: (suggestion: Suggestion<T>) => void;
+  /** Called with the value the field held before the fill, so it can be put back. */
+  onRevert?: (previous: T | undefined) => void;
+  /** How to compare values. Object.is by default. */
+  equals?: (a: T, b: T) => boolean;
+  /** Confidence below this is called low, in words. */
+  lowConfidenceBelow?: number;
+  /**
+   * Announce a suggestion when it arrives. Off by default: a form that fills
+   * twenty fields at once would narrate all twenty, and the description on
+   * the control already tells a reader when they reach the field.
+   */
+  announce?: boolean;
+  /** The control. Receives the description, and any id or ARIA a FormControl passes down. */
+  children: ReactElement<Record<string, unknown>>;
+  id?: string;
+  "aria-describedby"?: string;
+  "aria-invalid"?: ComponentPropsWithRef<"input">["aria-invalid"];
+}
+declare function SuggestedValue<T = string>({ className, label, suggestion, value, status: controlledStatus, onAccept, onDismiss, onRevert, equals, lowConfidenceBelow, announce, children, id, "aria-describedby": describedByProp, "aria-invalid": ariaInvalid, ...props }: SuggestedValueProps<T>): import("react").JSX.Element;
+//#endregion
+export { SuggestedValue, SuggestedValueProps, Suggestion, SuggestionStatus };
+//# sourceMappingURL=ai-suggested-value.d.ts.map

package/dist/components/ai-suggested-value/ai-suggested-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-suggested-value.d.ts","names":[],"sources":["../../../src/components/ai-suggested-value/ai-suggested-value.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;UAwCiB,WAAW;EAC1B,OAAO;;EAEP;;EAEA;;EAEA;;KAGU;UAEK,oBAAoB,oBAAoB,KACvD;;EAIA;;EAEA,aAAa,WAAW;;;;;EAKxB,QAAQ;;EAER,SAAS;EACT,WAAW,OAAO,GAAG,YAAY,WAAW;EAC5C,aAAa,YAAY,WAAW;;EAEpC,YAAY,UAAU;;EAEtB,UAAU,GAAG,GAAG,GAAG;;EAEnB;;;;;;EAMA;;EAEA,UAAU,aAAa;EAEvB;EACA;EACA,iBAAiB;;iBAqBH,eAAe,cAC7B,WACA,OACA,YACA,OACA,QAAQ,kBACR,UACA,WACA,UACA,QACA,oBACA,UACA,UACA,wBACoB,iCACJ,gBACb,SACF,oBAAoB,qBAAE,IAAA"}

package/dist/components/ai-suggested-value/ai-suggested-value.js

@@ -0,0 +1,126 @@
+"use client";
+import { disabledStyles, focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cloneElement, isValidElement, useId, useState } from "react";
+//#region src/components/ai-suggested-value/ai-suggested-value.tsx
+function defaultLabel(value) {
+	if (value === null || value === void 0) return "";
+	if (typeof value === "string") return value;
+	if (typeof value === "number" || typeof value === "bigint") return String(value);
+	if (typeof value === "boolean") return value ? "Yes" : "No";
+	if (value instanceof Date) return value.toLocaleDateString();
+	return JSON.stringify(value);
+}
+function sameSuggestion(a, b, equals) {
+	if (!a || !b) return a === b;
+	return equals(a.value, b.value) && a.label === b.label && a.source === b.source;
+}
+function SuggestedValue({ className, label, suggestion, value, status: controlledStatus, onAccept, onDismiss, onRevert, equals = Object.is, lowConfidenceBelow = .7, announce = false, children, id, "aria-describedby": describedByProp, "aria-invalid": ariaInvalid, ...props }) {
+	const descriptionId = useId();
+	const [internalStatus, setInternalStatus] = useState("pending");
+	const [previous, setPrevious] = useState(void 0);
+	const [seen, setSeen] = useState(suggestion);
+	if (!sameSuggestion(seen, suggestion, equals)) {
+		setSeen(suggestion);
+		setInternalStatus("pending");
+	}
+	const status = controlledStatus ?? internalStatus;
+	const offered = suggestion ?? null;
+	const pending = offered !== null && status === "pending";
+	const accepted = offered !== null && status === "accepted";
+	const edited = accepted && value !== void 0 && !equals(value, offered.value);
+	const low = offered?.confidence !== void 0 && offered.confidence < lowConfidenceBelow;
+	const percent = offered?.confidence === void 0 ? null : new Intl.NumberFormat(void 0, {
+		style: "percent",
+		maximumFractionDigits: 0
+	}).format(offered.confidence);
+	const source = offered?.source ? ` ${offered.source}` : "";
+	let description = null;
+	if (pending) description = /* @__PURE__ */ jsxs(Fragment, { children: [
+		"Suggested:",
+		" ",
+		/* @__PURE__ */ jsx("strong", {
+			className: "font-medium text-foreground",
+			children: offered.label ?? defaultLabel(offered.value)
+		}),
+		source ? `,${source}` : null,
+		percent !== null ? /* @__PURE__ */ jsx("span", {
+			className: cn(low && "text-warning"),
+			children: low ? `. Low confidence, ${percent} — worth checking` : `. ${percent} confidence`
+		}) : null
+	] });
+	else if (accepted) description = edited ? `Filled by AI${source ? `,${source}` : ""}, then edited` : `Filled by AI${source ? `,${source}` : ""}`;
+	const describedBy = [
+		isValidElement(children) ? children.props["aria-describedby"] : void 0,
+		describedByProp,
+		description !== null ? descriptionId : null
+	].filter(Boolean).join(" ") || void 0;
+	const control = isValidElement(children) ? cloneElement(children, {
+		id: id ?? children.props.id,
+		"aria-describedby": describedBy,
+		"aria-invalid": ariaInvalid ?? children.props["aria-invalid"]
+	}) : children;
+	const accept = () => {
+		if (!offered) return;
+		setPrevious(value);
+		setInternalStatus("accepted");
+		onAccept(offered.value, offered);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "suggested-value",
+		"data-status": offered ? status : void 0,
+		"data-filled-by": accepted ? "ai" : void 0,
+		"data-edited": edited || void 0,
+		className: cn("flex flex-col gap-1.5", className),
+		...props,
+		children: [control, /* @__PURE__ */ jsxs("div", {
+			"data-slot": "suggested-value-row",
+			"aria-live": announce ? "polite" : void 0,
+			className: cn("flex flex-wrap items-center gap-x-3 gap-y-1 text-xs", pending && "rounded-md border border-primary/40 bg-primary/5 px-2.5 py-1.5"),
+			children: [
+				description !== null ? /* @__PURE__ */ jsx("p", {
+					id: descriptionId,
+					"data-slot": "suggested-value-description",
+					className: "m-0 flex-1 text-muted-foreground",
+					children: description
+				}) : null,
+				pending ? /* @__PURE__ */ jsxs("span", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx(RowButton, {
+						variant: "primary",
+						"aria-label": `Accept suggestion — ${label}`,
+						onClick: accept,
+						children: "Accept"
+					}), /* @__PURE__ */ jsx(RowButton, {
+						"aria-label": `Dismiss suggestion — ${label}`,
+						onClick: () => {
+							setInternalStatus("dismissed");
+							onDismiss?.(offered);
+						},
+						children: "Dismiss"
+					})]
+				}) : null,
+				accepted && onRevert ? /* @__PURE__ */ jsx(RowButton, {
+					"aria-label": `Undo — ${label}`,
+					onClick: () => {
+						setInternalStatus("pending");
+						onRevert(previous);
+					},
+					children: "Undo"
+				}) : null
+			]
+		})]
+	});
+}
+function RowButton({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: cn("rounded-md border px-2 py-0.5 text-xs font-medium transition-colors", variant === "primary" ? "border-primary bg-primary text-primary-foreground hover:bg-primary-hover" : "border-input bg-background hover:bg-accent hover:text-accent-foreground", focusRing, disabledStyles, className),
+		...props
+	});
+}
+//#endregion
+export { SuggestedValue };
+
+//# sourceMappingURL=ai-suggested-value.js.map

package/dist/components/ai-suggested-value/ai-suggested-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-suggested-value.js","names":[],"sources":["../../../src/components/ai-suggested-value/ai-suggested-value.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  cloneElement,\n  isValidElement,\n  useId,\n  useState,\n  type ComponentPropsWithRef,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\n\nimport { disabledStyles, focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * An AI-proposed value for a form control, offered beside it rather than\n * written into it.\n *\n * Autofill is the most common shape AI takes inside ordinary software —\n * enrich this contact, fill this form from the upload, guess the category —\n * and nearly every implementation writes the value straight into the field\n * as if the person had typed it. Two things go wrong. A plausible, wrong\n * value rides through on the person's own Submit, because nothing marked it\n * as needing a look. And once submitted, the record cannot tell a value the\n * model supplied from one a human typed, which is the one fact an audit later\n * needs.\n *\n * So the suggestion stays pending until it is accepted, and acceptance is\n * reported rather than performed: the component hands the value to `onAccept`\n * and never touches the control. That is also what lets it wrap any control —\n * a select, a date, a number, a combobox — where ghost text can only complete\n * a string. Afterwards the field says it was filled by AI, says if it was\n * edited since, and offers to put back what was there.\n *\n * Deliberately no \"accept all\". A button that takes every suggestion at once\n * is the review deleting itself, and every product that ships one watches its\n * users press it without reading.\n */\n\nexport interface Suggestion<T = string> {\n  value: T;\n  /** How the value reads — a select's option text, a formatted date. Defaults to the value. */\n  label?: string;\n  /** Where it came from, in the reader's language: \"from the invoice header\". */\n  source?: string;\n  /** 0 to 1. Shown as a number, never only as a colour. */\n  confidence?: number;\n}\n\nexport type SuggestionStatus = \"pending\" | \"accepted\" | \"dismissed\";\n\nexport interface SuggestedValueProps<T = string> extends Omit<\n  ComponentPropsWithRef<\"div\">,\n  \"children\" | \"id\" | \"aria-describedby\" | \"aria-invalid\"\n> {\n  /** The field, for the buttons' names: \"Accept suggestion — Company\". */\n  label: string;\n  /** Null or undefined offers nothing. A different suggestion starts pending again. */\n  suggestion?: Suggestion<T> | null;\n  /**\n   * The control's current value. Lets the marker say the fill was edited\n   * since, and lets Undo restore what the field held before.\n   */\n  value?: T;\n  /** Supply to own the status; otherwise it is kept here. */\n  status?: SuggestionStatus;\n  onAccept: (value: T, suggestion: Suggestion<T>) => void;\n  onDismiss?: (suggestion: Suggestion<T>) => void;\n  /** Called with the value the field held before the fill, so it can be put back. */\n  onRevert?: (previous: T | undefined) => void;\n  /** How to compare values. Object.is by default. */\n  equals?: (a: T, b: T) => boolean;\n  /** Confidence below this is called low, in words. */\n  lowConfidenceBelow?: number;\n  /**\n   * Announce a suggestion when it arrives. Off by default: a form that fills\n   * twenty fields at once would narrate all twenty, and the description on\n   * the control already tells a reader when they reach the field.\n   */\n  announce?: boolean;\n  /** The control. Receives the description, and any id or ARIA a FormControl passes down. */\n  children: ReactElement<Record<string, unknown>>;\n  /* Passed through to the control, so this can sit inside a FormControl. */\n  id?: string;\n  \"aria-describedby\"?: string;\n  \"aria-invalid\"?: ComponentPropsWithRef<\"input\">[\"aria-invalid\"];\n}\n\nfunction defaultLabel(value: unknown): string {\n  if (value === null || value === undefined) return \"\";\n  if (typeof value === \"string\") return value;\n  if (typeof value === \"number\" || typeof value === \"bigint\") return String(value);\n  if (typeof value === \"boolean\") return value ? \"Yes\" : \"No\";\n  if (value instanceof Date) return value.toLocaleDateString();\n  return JSON.stringify(value);\n}\n\nfunction sameSuggestion<T>(\n  a: Suggestion<T> | null | undefined,\n  b: Suggestion<T> | null | undefined,\n  equals: (x: T, y: T) => boolean,\n): boolean {\n  if (!a || !b) return a === b;\n  return equals(a.value, b.value) && a.label === b.label && a.source === b.source;\n}\n\nexport function SuggestedValue<T = string>({\n  className,\n  label,\n  suggestion,\n  value,\n  status: controlledStatus,\n  onAccept,\n  onDismiss,\n  onRevert,\n  equals = Object.is,\n  lowConfidenceBelow = 0.7,\n  announce = false,\n  children,\n  id,\n  \"aria-describedby\": describedByProp,\n  \"aria-invalid\": ariaInvalid,\n  ...props\n}: SuggestedValueProps<T>) {\n  const descriptionId = useId();\n\n  const [internalStatus, setInternalStatus] = useState<SuggestionStatus>(\"pending\");\n  const [previous, setPrevious] = useState<T | undefined>(undefined);\n\n  // A new suggestion starts pending, whatever happened to the last one.\n  // Compared by content rather than identity, so a parent that rebuilds the\n  // object on every keystroke does not reopen a suggestion already accepted.\n  const [seen, setSeen] = useState(suggestion);\n  if (!sameSuggestion(seen, suggestion, equals)) {\n    setSeen(suggestion);\n    setInternalStatus(\"pending\");\n  }\n\n  const status = controlledStatus ?? internalStatus;\n  const offered = suggestion ?? null;\n  const pending = offered !== null && status === \"pending\";\n  const accepted = offered !== null && status === \"accepted\";\n  const edited = accepted && value !== undefined && !equals(value, offered.value);\n\n  const low = offered?.confidence !== undefined && offered.confidence < lowConfidenceBelow;\n  const percent =\n    offered?.confidence === undefined\n      ? null\n      : new Intl.NumberFormat(undefined, { style: \"percent\", maximumFractionDigits: 0 }).format(\n          offered.confidence,\n        );\n\n  const source = offered?.source ? ` ${offered.source}` : \"\";\n\n  // What the control's description says. This is how a reader who lands on\n  // the field learns there is a suggestion, without any announcement.\n  let description: ReactNode = null;\n  if (pending) {\n    description = (\n      <>\n        Suggested:{\" \"}\n        <strong className=\"font-medium text-foreground\">\n          {offered.label ?? defaultLabel(offered.value)}\n        </strong>\n        {source ? `,${source}` : null}\n        {percent !== null ? (\n          <span className={cn(low && \"text-warning\")}>\n            {low ? `. Low confidence, ${percent} — worth checking` : `. ${percent} confidence`}\n          </span>\n        ) : null}\n      </>\n    );\n  } else if (accepted) {\n    description = edited\n      ? `Filled by AI${source ? `,${source}` : \"\"}, then edited`\n      : `Filled by AI${source ? `,${source}` : \"\"}`;\n  }\n\n  // Merged with whatever already describes the control — a FormControl's\n  // description and message, or the child's own — rather than replacing it.\n  const childDescribedBy = isValidElement(children)\n    ? (children.props[\"aria-describedby\"] as string | undefined)\n    : undefined;\n  const describedBy =\n    [childDescribedBy, describedByProp, description !== null ? descriptionId : null]\n      .filter(Boolean)\n      .join(\" \") || undefined;\n\n  const control = isValidElement(children)\n    ? cloneElement(children, {\n        id: id ?? children.props.id,\n        \"aria-describedby\": describedBy,\n        \"aria-invalid\": ariaInvalid ?? children.props[\"aria-invalid\"],\n      })\n    : children;\n\n  const accept = () => {\n    if (!offered) return;\n    setPrevious(value);\n    setInternalStatus(\"accepted\");\n    onAccept(offered.value, offered);\n  };\n\n  return (\n    <div\n      data-slot=\"suggested-value\"\n      data-status={offered ? status : undefined}\n      data-filled-by={accepted ? \"ai\" : undefined}\n      data-edited={edited || undefined}\n      className={cn(\"flex flex-col gap-1.5\", className)}\n      {...props}\n    >\n      {control}\n\n      {/* Present from the start and never display:none, so that with `announce`\n          a suggestion arriving after mount is heard — a region that enters the\n          accessibility tree at the same moment as its content announces\n          nothing. Empty, it has no height. */}\n      <div\n        data-slot=\"suggested-value-row\"\n        aria-live={announce ? \"polite\" : undefined}\n        className={cn(\n          \"flex flex-wrap items-center gap-x-3 gap-y-1 text-xs\",\n          pending && \"rounded-md border border-primary/40 bg-primary/5 px-2.5 py-1.5\",\n        )}\n      >\n        {description !== null ? (\n          <p\n            id={descriptionId}\n            data-slot=\"suggested-value-description\"\n            className=\"m-0 flex-1 text-muted-foreground\"\n          >\n            {description}\n          </p>\n        ) : null}\n\n        {pending ? (\n          <span className=\"flex items-center gap-2\">\n            <RowButton\n              variant=\"primary\"\n              aria-label={`Accept suggestion — ${label}`}\n              onClick={accept}\n            >\n              Accept\n            </RowButton>\n            <RowButton\n              aria-label={`Dismiss suggestion — ${label}`}\n              onClick={() => {\n                setInternalStatus(\"dismissed\");\n                onDismiss?.(offered);\n              }}\n            >\n              Dismiss\n            </RowButton>\n          </span>\n        ) : null}\n\n        {accepted && onRevert ? (\n          <RowButton\n            aria-label={`Undo — ${label}`}\n            onClick={() => {\n              setInternalStatus(\"pending\");\n              onRevert(previous);\n            }}\n          >\n            Undo\n          </RowButton>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nfunction RowButton({\n  className,\n  variant = \"default\",\n  ...props\n}: ComponentPropsWithRef<\"button\"> & { variant?: \"default\" | \"primary\" }) {\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        \"rounded-md border px-2 py-0.5 text-xs font-medium transition-colors\",\n        variant === \"primary\"\n          ? \"border-primary bg-primary text-primary-foreground hover:bg-primary-hover\"\n          : \"border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        focusRing,\n        disabledStyles,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;AAyFA,SAAS,aAAa,OAAwB;CAC5C,IAAI,UAAU,QAAQ,UAAU,KAAA,GAAW,OAAO;CAClD,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAAU,OAAO,OAAO,KAAK;CAC/E,IAAI,OAAO,UAAU,WAAW,OAAO,QAAQ,QAAQ;CACvD,IAAI,iBAAiB,MAAM,OAAO,MAAM,mBAAmB;CAC3D,OAAO,KAAK,UAAU,KAAK;AAC7B;AAEA,SAAS,eACP,GACA,GACA,QACS;CACT,IAAI,CAAC,KAAK,CAAC,GAAG,OAAO,MAAM;CAC3B,OAAO,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE;AAC3E;AAEA,SAAgB,eAA2B,EACzC,WACA,OACA,YACA,OACA,QAAQ,kBACR,UACA,WACA,UACA,SAAS,OAAO,IAChB,qBAAqB,IACrB,WAAW,OACX,UACA,IACA,oBAAoB,iBACpB,gBAAgB,aAChB,GAAG,SACsB;CACzB,MAAM,gBAAgB,MAAM;CAE5B,MAAM,CAAC,gBAAgB,qBAAqB,SAA2B,SAAS;CAChF,MAAM,CAAC,UAAU,eAAe,SAAwB,KAAA,CAAS;CAKjE,MAAM,CAAC,MAAM,WAAW,SAAS,UAAU;CAC3C,IAAI,CAAC,eAAe,MAAM,YAAY,MAAM,GAAG;EAC7C,QAAQ,UAAU;EAClB,kBAAkB,SAAS;CAC7B;CAEA,MAAM,SAAS,oBAAoB;CACnC,MAAM,UAAU,cAAc;CAC9B,MAAM,UAAU,YAAY,QAAQ,WAAW;CAC/C,MAAM,WAAW,YAAY,QAAQ,WAAW;CAChD,MAAM,SAAS,YAAY,UAAU,KAAA,KAAa,CAAC,OAAO,OAAO,QAAQ,KAAK;CAE9E,MAAM,MAAM,SAAS,eAAe,KAAA,KAAa,QAAQ,aAAa;CACtE,MAAM,UACJ,SAAS,eAAe,KAAA,IACpB,OACA,IAAI,KAAK,aAAa,KAAA,GAAW;EAAE,OAAO;EAAW,uBAAuB;CAAE,CAAC,CAAC,CAAC,OAC/E,QAAQ,UACV;CAEN,MAAM,SAAS,SAAS,SAAS,IAAI,QAAQ,WAAW;CAIxD,IAAI,cAAyB;CAC7B,IAAI,SACF,cACE,qBAAA,UAAA,EAAA,UAAA;EAAE;EACW;EACX,oBAAC,UAAD;GAAQ,WAAU;GACf,UAAA,QAAQ,SAAS,aAAa,QAAQ,KAAK;EACtC,CAAA;EACP,SAAS,IAAI,WAAW;EACxB,YAAY,OACX,oBAAC,QAAD;GAAM,WAAW,GAAG,OAAO,cAAc;GACtC,UAAA,MAAM,qBAAqB,QAAQ,qBAAqB,KAAK,QAAQ;EAClE,CAAA,IACJ;CACJ,EAAA,CAAA;MAEC,IAAI,UACT,cAAc,SACV,eAAe,SAAS,IAAI,WAAW,GAAG,iBAC1C,eAAe,SAAS,IAAI,WAAW;CAQ7C,MAAM,cACJ;EAJuB,eAAe,QAAQ,IAC3C,SAAS,MAAM,sBAChB,KAAA;EAEiB;EAAiB,gBAAgB,OAAO,gBAAgB;CAAI,CAAC,CAC7E,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,KAAK,KAAA;CAElB,MAAM,UAAU,eAAe,QAAQ,IACnC,aAAa,UAAU;EACrB,IAAI,MAAM,SAAS,MAAM;EACzB,oBAAoB;EACpB,gBAAgB,eAAe,SAAS,MAAM;CAChD,CAAC,IACD;CAEJ,MAAM,eAAe;EACnB,IAAI,CAAC,SAAS;EACd,YAAY,KAAK;EACjB,kBAAkB,UAAU;EAC5B,SAAS,QAAQ,OAAO,OAAO;CACjC;CAEA,OACE,qBAAC,OAAD;EACE,aAAU;EACV,eAAa,UAAU,SAAS,KAAA;EAChC,kBAAgB,WAAW,OAAO,KAAA;EAClC,eAAa,UAAU,KAAA;EACvB,WAAW,GAAG,yBAAyB,SAAS;EAChD,GAAI;EANN,UAAA,CAQG,SAMD,qBAAC,OAAD;GACE,aAAU;GACV,aAAW,WAAW,WAAW,KAAA;GACjC,WAAW,GACT,uDACA,WAAW,gEACb;GANF,UAAA;IAQG,gBAAgB,OACf,oBAAC,KAAD;KACE,IAAI;KACJ,aAAU;KACV,WAAU;KAET,UAAA;IACA,CAAA,IACD;IAEH,UACC,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACE,oBAAC,WAAD;MACE,SAAQ;MACR,cAAY,uBAAuB;MACnC,SAAS;MACV,UAAA;KAEU,CAAA,GACX,oBAAC,WAAD;MACE,cAAY,wBAAwB;MACpC,eAAe;OACb,kBAAkB,WAAW;OAC7B,YAAY,OAAO;MACrB;MACD,UAAA;KAEU,CAAA,CACP;IACJ,CAAA,IAAA;IAEH,YAAY,WACX,oBAAC,WAAD;KACE,cAAY,UAAU;KACtB,eAAe;MACb,kBAAkB,SAAS;MAC3B,SAAS,QAAQ;KACnB;KACD,UAAA;IAEU,CAAA,IACT;GACD;EACF,CAAA,CAAA;;AAET;AAEA,SAAS,UAAU,EACjB,WACA,UAAU,WACV,GAAG,SACqE;CACxE,OACE,oBAAC,UAAD;EACE,MAAK;EACL,WAAW,GACT,uEACA,YAAY,YACR,6EACA,2EACJ,WACA,gBACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ai-suggested-value/index.d.ts

@@ -0,0 +1,2 @@
+import { SuggestedValue, SuggestedValueProps, Suggestion, SuggestionStatus } from "./ai-suggested-value.js";
+export { SuggestedValue, type SuggestedValueProps, type Suggestion, type SuggestionStatus };

package/dist/components/ai-suggested-value/index.js

@@ -0,0 +1,2 @@
+import { SuggestedValue } from "./ai-suggested-value.js";
+export { SuggestedValue };

package/dist/components/ai-suggested-value/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/ai-suggested-value/meta.ts
+const meta = defineMeta({
+	name: "ai-suggested-value",
+	title: "AI Suggested Value",
+	description: "An AI-proposed value for any form control, pending until accepted and marked afterwards.",
+	category: "ai",
+	status: "stable",
+	dependencies: [],
+	registryDependencies: [],
+	files: ["ai-suggested-value.tsx"],
+	a11y: "The suggestion is the control's description, so a reader who lands on the field hears it without any announcement — and announcing is opt-in, because a form filling twenty fields at once would narrate all twenty. The row that holds it is rendered from the start and never display:none, so when announcing is on, a suggestion arriving after mount is actually heard. Each button's name carries the field it belongs to, so a page of Accepts is a page of different buttons. Provenance and confidence are words with a number, never a colour. Acceptance is reported, not performed: the control is the consumer's, so its value, its label and its own keyboard behaviour are untouched — there is no shortcut hijacked from a select or a date field. The id and ARIA a FormControl passes down are forwarded to the control, and an existing aria-describedby is merged rather than replaced."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/ai-suggested-value/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/ai-suggested-value/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"ai-suggested-value\",\n  title: \"AI Suggested Value\",\n  description:\n    \"An AI-proposed value for any form control, pending until accepted and marked afterwards.\",\n  category: \"ai\",\n  status: \"stable\",\n  dependencies: [],\n  registryDependencies: [],\n  files: [\"ai-suggested-value.tsx\"],\n  a11y:\n    \"The suggestion is the control's description, so a reader who lands on the field hears it \" +\n    \"without any announcement — and announcing is opt-in, because a form filling twenty fields at \" +\n    \"once would narrate all twenty. The row that holds it is rendered from the start and never \" +\n    \"display:none, so when announcing is on, a suggestion arriving after mount is actually heard. \" +\n    \"Each button's name carries the field it belongs to, so a page of Accepts is a page of \" +\n    \"different buttons. Provenance and confidence are words with a number, never a colour. \" +\n    \"Acceptance is reported, not performed: the control is the consumer's, so its value, its \" +\n    \"label and its own keyboard behaviour are untouched — there is no shortcut hijacked from a \" +\n    \"select or a date field. The id and ARIA a FormControl passes down are forwarded to the \" +\n    \"control, and an existing aria-describedby is merged rather than replaced.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aACE;CACF,UAAU;CACV,QAAQ;CACR,cAAc,CAAC;CACf,sBAAsB,CAAC;CACvB,OAAO,CAAC,wBAAwB;CAChC,MACE;AAUJ,CAAC"}

package/dist/components/ai-tool/ai-tool.js

@@ -31,7 +31,7 @@ function Tool({ className, status = "pending", ...props }) {
 function ToolHeader({ className, name, status = "pending", statusLabel, icon, ...props }) {
 	return /* @__PURE__ */ jsxs(Collapsible.Trigger, {
 		"data-slot": "tool-header",
-		className: cn("flex w-full items-center gap-2 px-3 py-2 text-left", "transition-colors duration-[var(--duration-fast)] hover:bg-accent/50", "[&[data-state=open]>svg:last-child]:rotate-180", focusRing, className),
+		className: cn("flex w-full items-center gap-2 px-3 py-2 text-start", "transition-colors duration-[var(--duration-fast)] hover:bg-accent/50", "[&[data-state=open]>svg:last-child]:rotate-180", focusRing, className),
 		...props,
 		children: [
 			icon ?? /* @__PURE__ */ jsx(ToolIcon, { status }),
@@ -41,7 +41,7 @@ function ToolHeader({ className, name, status = "pending", statusLabel, icon, ..
 			}),
 			/* @__PURE__ */ jsx("span", {
 				"data-slot": "tool-status",
-				className: cn("ml-auto text-xs", status === "error" ? "text-destructive" : "text-muted-foreground"),
+				className: cn("ms-auto text-xs", status === "error" ? "text-destructive" : "text-muted-foreground"),
 				children: statusLabel ?? STATUS_LABEL[status]
 			}),
 			/* @__PURE__ */ jsx("svg", {

package/dist/components/ai-tool/ai-tool.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-tool.js","names":["CollapsiblePrimitive"],"sources":["../../../src/components/ai-tool/ai-tool.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * A tool the model called, and what came back.\n *\n * Collapsed by default: a tool call is provenance, not the answer. Someone\n * checking why a response says what it does needs to open it; everybody else\n * needs it to stay out of the way.\n *\n * The status is the whole point of the header, so it is text, never a coloured\n * dot alone.\n */\n\nexport type ToolStatus = \"pending\" | \"running\" | \"success\" | \"error\";\n\nconst STATUS_LABEL: Record<ToolStatus, string> = {\n  pending: \"Queued\",\n  running: \"Running\",\n  success: \"Completed\",\n  error: \"Failed\",\n};\n\nconst toolVariants = cva(\"overflow-hidden rounded-lg border text-sm\", {\n  variants: {\n    status: {\n      pending: \"border-border bg-muted/30\",\n      running: \"border-info/30 bg-info/5\",\n      success: \"border-border bg-muted/30\",\n      error: \"border-destructive/30 bg-destructive/5\",\n    },\n  },\n  defaultVariants: {\n    status: \"pending\",\n  },\n});\n\nexport interface ToolProps\n  extends\n    ComponentPropsWithRef<typeof CollapsiblePrimitive.Root>,\n    VariantProps<typeof toolVariants> {\n  status?: ToolStatus;\n}\n\nexport function Tool({ className, status = \"pending\", ...props }: ToolProps) {\n  return (\n    <CollapsiblePrimitive.Root\n      data-slot=\"tool\"\n      data-status={status}\n      className={cn(toolVariants({ status }), className)}\n      {...props}\n    />\n  );\n}\n\nexport interface ToolHeaderProps extends ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Trigger\n> {\n  /** The tool's name, as the model called it. */\n  name: string;\n  status?: ToolStatus;\n  /** Overrides the status wording. */\n  statusLabel?: string;\n  icon?: ReactNode;\n}\n\nexport function ToolHeader({\n  className,\n  name,\n  status = \"pending\",\n  statusLabel,\n  icon,\n  ...props\n}: ToolHeaderProps) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"tool-header\"\n      className={cn(\n        \"flex w-full items-center gap-2 px-3 py-2 text-left\",\n        \"transition-colors duration-[var(--duration-fast)] hover:bg-accent/50\",\n        \"[&[data-state=open]>svg:last-child]:rotate-180\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    >\n      {icon ?? <ToolIcon status={status} />}\n      <span className=\"font-mono text-xs font-medium\">{name}</span>\n      {/* Status in words. A coloured dot alone says nothing to a screen reader\n          and nothing to anyone who cannot distinguish the colours. */}\n      <span\n        data-slot=\"tool-status\"\n        className={cn(\n          \"ml-auto text-xs\",\n          status === \"error\" ? \"text-destructive\" : \"text-muted-foreground\",\n        )}\n      >\n        {statusLabel ?? STATUS_LABEL[status]}\n      </span>\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className=\"size-3.5 shrink-0 text-muted-foreground transition-transform duration-[var(--duration-normal)]\"\n      >\n        <path\n          d=\"m6 9 6 6 6-6\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </CollapsiblePrimitive.Trigger>\n  );\n}\n\nfunction ToolIcon({ status }: { status: ToolStatus }) {\n  if (status === \"running\") {\n    return (\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className=\"size-3.5 shrink-0 animate-spin text-info\"\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"2.5\" opacity=\"0.25\" />\n        <path\n          d=\"M12 3a9 9 0 0 1 9 9\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2.5\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"size-3.5 shrink-0\",\n        status === \"error\" ? \"text-destructive\" : \"text-muted-foreground\",\n      )}\n    >\n      <path\n        d={\n          status === \"success\"\n            ? \"m5 13 4 4L19 7\"\n            : status === \"error\"\n              ? \"M12 8v5m0 3h.01M10.3 4.3 2.6 18a2 2 0 0 0 1.7 3h15.4a2 2 0 0 0 1.7-3L13.7 4.3a2 2 0 0 0-3.4 0Z\"\n              : \"M14.7 6.3a4 4 0 0 1-5 5L5 16v3h3l4.7-4.7a4 4 0 0 1 5-5l-2.3 2.3\"\n        }\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function ToolContent({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof CollapsiblePrimitive.Content>) {\n  return (\n    <CollapsiblePrimitive.Content\n      data-slot=\"tool-content\"\n      className={cn(\n        \"overflow-hidden border-t border-border\",\n        \"data-[state=closed]:animate-accordion-close data-[state=open]:animate-accordion-open\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface ToolSectionProps extends ComponentPropsWithRef<\"div\"> {\n  label: string;\n}\n\n/** A labelled block inside the disclosure: the arguments, or the result. */\nexport function ToolSection({ className, label, children, ...props }: ToolSectionProps) {\n  return (\n    <div\n      data-slot=\"tool-section\"\n      className={cn(\"border-b border-border/60 px-3 py-2 last:border-b-0\", className)}\n      {...props}\n    >\n      <p className=\"mb-1 text-2xs font-medium tracking-wide text-muted-foreground uppercase\">\n        {label}\n      </p>\n      {children}\n    </div>\n  );\n}\n\n/**\n * Serialised arguments or output.\n *\n * A `<pre>` with a tabindex, because JSON of any size scrolls and a scrollable\n * box that cannot be focused is unreachable by keyboard.\n */\nexport interface ToolPayloadProps extends ComponentPropsWithRef<\"pre\"> {\n  label?: string;\n}\n\nexport function ToolPayload({ className, label = \"Payload\", ...props }: ToolPayloadProps) {\n  return (\n    <pre\n      data-slot=\"tool-payload\"\n      tabIndex={0}\n      role=\"region\"\n      aria-label={label}\n      className={cn(\n        \"max-h-56 overflow-auto rounded-md bg-muted/60 p-2 font-mono text-xs leading-relaxed\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { toolVariants };\n"],"mappings":";;;;;;;AAsBA,MAAM,eAA2C;CAC/C,SAAS;CACT,SAAS;CACT,SAAS;CACT,OAAO;AACT;AAEA,MAAM,eAAe,IAAI,6CAA6C;CACpE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,SAAS;EACT,SAAS;EACT,OAAO;CACT,EACF;CACA,iBAAiB,EACf,QAAQ,UACV;AACF,CAAC;AASD,SAAgB,KAAK,EAAE,WAAW,SAAS,WAAW,GAAG,SAAoB;CAC3E,OACE,oBAACA,YAAqB,MAAtB;EACE,aAAU;EACV,eAAa;EACb,WAAW,GAAG,aAAa,EAAE,OAAO,CAAC,GAAG,SAAS;EACjD,GAAI;CACL,CAAA;AAEL;AAaA,SAAgB,WAAW,EACzB,WACA,MACA,SAAS,WACT,aACA,MACA,GAAG,SACe;CAClB,OACE,qBAACA,YAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,sDACA,wEACA,kDACA,WACA,SACF;EACA,GAAI;EATN,UAAA;GAWG,QAAQ,oBAAC,UAAD,EAAkB,OAAS,CAAA;GACpC,oBAAC,QAAD;IAAM,WAAU;IAAiC,UAAA;GAAW,CAAA;GAG5D,oBAAC,QAAD;IACE,aAAU;IACV,WAAW,GACT,mBACA,WAAW,UAAU,qBAAqB,uBAC5C;IAEC,UAAA,eAAe,aAAa;GACzB,CAAA;GACN,oBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,eAAY;IACZ,WAAU;IAEV,UAAA,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;IAChB,CAAA;GACE,CAAA;EACuB;;AAElC;AAEA,SAAS,SAAS,EAAE,UAAkC;CACpD,IAAI,WAAW,WACb,OACE,qBAAC,OAAD;EACE,SAAQ;EACR,MAAK;EACL,eAAY;EACZ,WAAU;EAJZ,UAAA,CAME,oBAAC,UAAD;GAAQ,IAAG;GAAK,IAAG;GAAK,GAAE;GAAI,QAAO;GAAe,aAAY;GAAM,SAAQ;EAAQ,CAAA,GACtF,oBAAC,QAAD;GACE,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACf,CAAA,CACE;;CAIT,OACE,oBAAC,OAAD;EACE,SAAQ;EACR,MAAK;EACL,eAAY;EACZ,WAAW,GACT,qBACA,WAAW,UAAU,qBAAqB,uBAC5C;EAEA,UAAA,oBAAC,QAAD;GACE,GACE,WAAW,YACP,mBACA,WAAW,UACT,mGACA;GAER,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAChB,CAAA;CACE,CAAA;AAET;AAEA,SAAgB,YAAY,EAC1B,WACA,GAAG,SAC0D;CAC7D,OACE,oBAACA,YAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,0CACA,wFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAOA,SAAgB,YAAY,EAAE,WAAW,OAAO,UAAU,GAAG,SAA2B;CACtF,OACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,uDAAuD,SAAS;EAC9E,GAAI;EAHN,UAAA,CAKE,oBAAC,KAAD;GAAG,WAAU;GACV,UAAA;EACA,CAAA,GACF,QACE;;AAET;AAYA,SAAgB,YAAY,EAAE,WAAW,QAAQ,WAAW,GAAG,SAA2B;CACxF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,UAAU;EACV,MAAK;EACL,cAAY;EACZ,WAAW,GACT,uFACA,WACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"ai-tool.js","names":["CollapsiblePrimitive"],"sources":["../../../src/components/ai-tool/ai-tool.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * A tool the model called, and what came back.\n *\n * Collapsed by default: a tool call is provenance, not the answer. Someone\n * checking why a response says what it does needs to open it; everybody else\n * needs it to stay out of the way.\n *\n * The status is the whole point of the header, so it is text, never a coloured\n * dot alone.\n */\n\nexport type ToolStatus = \"pending\" | \"running\" | \"success\" | \"error\";\n\nconst STATUS_LABEL: Record<ToolStatus, string> = {\n  pending: \"Queued\",\n  running: \"Running\",\n  success: \"Completed\",\n  error: \"Failed\",\n};\n\nconst toolVariants = cva(\"overflow-hidden rounded-lg border text-sm\", {\n  variants: {\n    status: {\n      pending: \"border-border bg-muted/30\",\n      running: \"border-info/30 bg-info/5\",\n      success: \"border-border bg-muted/30\",\n      error: \"border-destructive/30 bg-destructive/5\",\n    },\n  },\n  defaultVariants: {\n    status: \"pending\",\n  },\n});\n\nexport interface ToolProps\n  extends\n    ComponentPropsWithRef<typeof CollapsiblePrimitive.Root>,\n    VariantProps<typeof toolVariants> {\n  status?: ToolStatus;\n}\n\nexport function Tool({ className, status = \"pending\", ...props }: ToolProps) {\n  return (\n    <CollapsiblePrimitive.Root\n      data-slot=\"tool\"\n      data-status={status}\n      className={cn(toolVariants({ status }), className)}\n      {...props}\n    />\n  );\n}\n\nexport interface ToolHeaderProps extends ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Trigger\n> {\n  /** The tool's name, as the model called it. */\n  name: string;\n  status?: ToolStatus;\n  /** Overrides the status wording. */\n  statusLabel?: string;\n  icon?: ReactNode;\n}\n\nexport function ToolHeader({\n  className,\n  name,\n  status = \"pending\",\n  statusLabel,\n  icon,\n  ...props\n}: ToolHeaderProps) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"tool-header\"\n      className={cn(\n        \"flex w-full items-center gap-2 px-3 py-2 text-start\",\n        \"transition-colors duration-[var(--duration-fast)] hover:bg-accent/50\",\n        \"[&[data-state=open]>svg:last-child]:rotate-180\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    >\n      {icon ?? <ToolIcon status={status} />}\n      <span className=\"font-mono text-xs font-medium\">{name}</span>\n      {/* Status in words. A coloured dot alone says nothing to a screen reader\n          and nothing to anyone who cannot distinguish the colours. */}\n      <span\n        data-slot=\"tool-status\"\n        className={cn(\n          \"ms-auto text-xs\",\n          status === \"error\" ? \"text-destructive\" : \"text-muted-foreground\",\n        )}\n      >\n        {statusLabel ?? STATUS_LABEL[status]}\n      </span>\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className=\"size-3.5 shrink-0 text-muted-foreground transition-transform duration-[var(--duration-normal)]\"\n      >\n        <path\n          d=\"m6 9 6 6 6-6\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </CollapsiblePrimitive.Trigger>\n  );\n}\n\nfunction ToolIcon({ status }: { status: ToolStatus }) {\n  if (status === \"running\") {\n    return (\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className=\"size-3.5 shrink-0 animate-spin text-info\"\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"2.5\" opacity=\"0.25\" />\n        <path\n          d=\"M12 3a9 9 0 0 1 9 9\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2.5\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"size-3.5 shrink-0\",\n        status === \"error\" ? \"text-destructive\" : \"text-muted-foreground\",\n      )}\n    >\n      <path\n        d={\n          status === \"success\"\n            ? \"m5 13 4 4L19 7\"\n            : status === \"error\"\n              ? \"M12 8v5m0 3h.01M10.3 4.3 2.6 18a2 2 0 0 0 1.7 3h15.4a2 2 0 0 0 1.7-3L13.7 4.3a2 2 0 0 0-3.4 0Z\"\n              : \"M14.7 6.3a4 4 0 0 1-5 5L5 16v3h3l4.7-4.7a4 4 0 0 1 5-5l-2.3 2.3\"\n        }\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function ToolContent({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof CollapsiblePrimitive.Content>) {\n  return (\n    <CollapsiblePrimitive.Content\n      data-slot=\"tool-content\"\n      className={cn(\n        \"overflow-hidden border-t border-border\",\n        \"data-[state=closed]:animate-accordion-close data-[state=open]:animate-accordion-open\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface ToolSectionProps extends ComponentPropsWithRef<\"div\"> {\n  label: string;\n}\n\n/** A labelled block inside the disclosure: the arguments, or the result. */\nexport function ToolSection({ className, label, children, ...props }: ToolSectionProps) {\n  return (\n    <div\n      data-slot=\"tool-section\"\n      className={cn(\"border-b border-border/60 px-3 py-2 last:border-b-0\", className)}\n      {...props}\n    >\n      <p className=\"mb-1 text-2xs font-medium tracking-wide text-muted-foreground uppercase\">\n        {label}\n      </p>\n      {children}\n    </div>\n  );\n}\n\n/**\n * Serialised arguments or output.\n *\n * A `<pre>` with a tabindex, because JSON of any size scrolls and a scrollable\n * box that cannot be focused is unreachable by keyboard.\n */\nexport interface ToolPayloadProps extends ComponentPropsWithRef<\"pre\"> {\n  label?: string;\n}\n\nexport function ToolPayload({ className, label = \"Payload\", ...props }: ToolPayloadProps) {\n  return (\n    <pre\n      data-slot=\"tool-payload\"\n      tabIndex={0}\n      role=\"region\"\n      aria-label={label}\n      className={cn(\n        \"max-h-56 overflow-auto rounded-md bg-muted/60 p-2 font-mono text-xs leading-relaxed\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { toolVariants };\n"],"mappings":";;;;;;;AAsBA,MAAM,eAA2C;CAC/C,SAAS;CACT,SAAS;CACT,SAAS;CACT,OAAO;AACT;AAEA,MAAM,eAAe,IAAI,6CAA6C;CACpE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,SAAS;EACT,SAAS;EACT,OAAO;CACT,EACF;CACA,iBAAiB,EACf,QAAQ,UACV;AACF,CAAC;AASD,SAAgB,KAAK,EAAE,WAAW,SAAS,WAAW,GAAG,SAAoB;CAC3E,OACE,oBAACA,YAAqB,MAAtB;EACE,aAAU;EACV,eAAa;EACb,WAAW,GAAG,aAAa,EAAE,OAAO,CAAC,GAAG,SAAS;EACjD,GAAI;CACL,CAAA;AAEL;AAaA,SAAgB,WAAW,EACzB,WACA,MACA,SAAS,WACT,aACA,MACA,GAAG,SACe;CAClB,OACE,qBAACA,YAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,uDACA,wEACA,kDACA,WACA,SACF;EACA,GAAI;EATN,UAAA;GAWG,QAAQ,oBAAC,UAAD,EAAkB,OAAS,CAAA;GACpC,oBAAC,QAAD;IAAM,WAAU;IAAiC,UAAA;GAAW,CAAA;GAG5D,oBAAC,QAAD;IACE,aAAU;IACV,WAAW,GACT,mBACA,WAAW,UAAU,qBAAqB,uBAC5C;IAEC,UAAA,eAAe,aAAa;GACzB,CAAA;GACN,oBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,eAAY;IACZ,WAAU;IAEV,UAAA,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;IAChB,CAAA;GACE,CAAA;EACuB;;AAElC;AAEA,SAAS,SAAS,EAAE,UAAkC;CACpD,IAAI,WAAW,WACb,OACE,qBAAC,OAAD;EACE,SAAQ;EACR,MAAK;EACL,eAAY;EACZ,WAAU;EAJZ,UAAA,CAME,oBAAC,UAAD;GAAQ,IAAG;GAAK,IAAG;GAAK,GAAE;GAAI,QAAO;GAAe,aAAY;GAAM,SAAQ;EAAQ,CAAA,GACtF,oBAAC,QAAD;GACE,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACf,CAAA,CACE;;CAIT,OACE,oBAAC,OAAD;EACE,SAAQ;EACR,MAAK;EACL,eAAY;EACZ,WAAW,GACT,qBACA,WAAW,UAAU,qBAAqB,uBAC5C;EAEA,UAAA,oBAAC,QAAD;GACE,GACE,WAAW,YACP,mBACA,WAAW,UACT,mGACA;GAER,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAChB,CAAA;CACE,CAAA;AAET;AAEA,SAAgB,YAAY,EAC1B,WACA,GAAG,SAC0D;CAC7D,OACE,oBAACA,YAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,0CACA,wFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAOA,SAAgB,YAAY,EAAE,WAAW,OAAO,UAAU,GAAG,SAA2B;CACtF,OACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,uDAAuD,SAAS;EAC9E,GAAI;EAHN,UAAA,CAKE,oBAAC,KAAD;GAAG,WAAU;GACV,UAAA;EACA,CAAA,GACF,QACE;;AAET;AAYA,SAAgB,YAAY,EAAE,WAAW,QAAQ,WAAW,GAAG,SAA2B;CACxF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,UAAU;EACV,MAAK;EACL,cAAY;EACZ,WAAW,GACT,uFACA,WACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,52 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/components/breadcrumb/breadcrumb.d.ts
+/**
+ * Where this page sits in the hierarchy.
+ *
+ * Three things separate a breadcrumb that works from one that only looks like
+ * one, and all three are about the last item.
+ *
+ * It is not a link. A link to the page you are already on is a control that
+ * does nothing, and in a screen reader's list of links it is indistinguishable
+ * from the ones that go somewhere.
+ *
+ * It carries `aria-current="page"`. Bolding it says "you are here" to people
+ * who can see it and to nobody else.
+ *
+ * The separators are hidden. A slash between every item is read aloud as
+ * "slash" — "Home slash Projects slash Settings" — which is the punctuation of
+ * the design leaking into the content.
+ */
+declare function Breadcrumb({ className, ...props }: ComponentPropsWithRef<"nav">): import("react").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: ComponentPropsWithRef<"ol">): import("react").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: ComponentPropsWithRef<"li">): import("react").JSX.Element;
+interface BreadcrumbLinkProps extends ComponentPropsWithRef<"a"> {
+  /** Render the child as the link, for a router's own component. */
+  asChild?: boolean;
+}
+declare function BreadcrumbLink({ className, asChild, ...props }: BreadcrumbLinkProps): import("react").JSX.Element;
+/**
+ * The page you are on.
+ *
+ * A span, not a link: there is nowhere to go. `aria-current="page"` is what
+ * says "you are here" to anything that is not looking at the font weight.
+ */
+declare function BreadcrumbPage({ className, ...props }: ComponentPropsWithRef<"span">): import("react").JSX.Element;
+/**
+ * The mark between items.
+ *
+ * Hidden from assistive technology and given no accessible name: the list
+ * structure already conveys the sequence, and reading "slash" between every
+ * item is the design's punctuation leaking into the content.
+ */
+declare function BreadcrumbSeparator({ className, children, ...props }: ComponentPropsWithRef<"li">): import("react").JSX.Element;
+/**
+ * Stands in for the middle of a long trail.
+ *
+ * Named rather than hidden, because unlike a separator it is *content*: it
+ * says levels have been left out. A bare "…" announces as nothing at all.
+ */
+declare function BreadcrumbEllipsis({ className, ...props }: ComponentPropsWithRef<"span">): import("react").JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;iBAwBgB,aAAa,cAAc,SAAS,+CAA4B,IAAA;iBAahE,iBAAiB,cAAc,SAAS,8CAA2B,IAAA;iBAanE,iBAAiB,cAAc,SAAS,8CAA2B,IAAA;UAUlE,4BAA4B;;EAE3C;;iBAGc,iBAAiB,WAAW,YAAoB,SAAS,sCAAmB,IAAA;;;;;;;iBAuB5E,iBAAiB,cAAc,SAAS,gDAA6B,IAAA;;;;;;;;iBAkBrE,sBACd,WACA,aACG,SACF,8CAA2B,IAAA;;;;;;;iBA8Bd,qBAAqB,cAAc,SAAS,gDAA6B,IAAA"}

package/dist/components/breadcrumb/breadcrumb.js

@@ -0,0 +1,141 @@
+import { focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Slot } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/breadcrumb/breadcrumb.tsx
+/**
+* Where this page sits in the hierarchy.
+*
+* Three things separate a breadcrumb that works from one that only looks like
+* one, and all three are about the last item.
+*
+* It is not a link. A link to the page you are already on is a control that
+* does nothing, and in a screen reader's list of links it is indistinguishable
+* from the ones that go somewhere.
+*
+* It carries `aria-current="page"`. Bolding it says "you are here" to people
+* who can see it and to nobody else.
+*
+* The separators are hidden. A slash between every item is read aloud as
+* "slash" — "Home slash Projects slash Settings" — which is the punctuation of
+* the design leaking into the content.
+*/
+function Breadcrumb({ className, ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "Breadcrumb",
+		"data-slot": "breadcrumb",
+		className: cn("min-w-0", className),
+		...props
+	});
+}
+function BreadcrumbList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "breadcrumb-list",
+		className: cn("flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground", className),
+		...props
+	});
+}
+function BreadcrumbItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-item",
+		className: cn("inline-flex items-center gap-1.5", className),
+		...props
+	});
+}
+function BreadcrumbLink({ className, asChild = false, ...props }) {
+	const Component = asChild ? Slot.Root : "a";
+	return /* @__PURE__ */ jsx(Component, {
+		"data-slot": "breadcrumb-link",
+		className: cn("rounded-sm transition-colors duration-[var(--duration-fast)]", "hover:text-foreground", focusRing, className),
+		...props
+	});
+}
+/**
+* The page you are on.
+*
+* A span, not a link: there is nowhere to go. `aria-current="page"` is what
+* says "you are here" to anything that is not looking at the font weight.
+*/
+function BreadcrumbPage({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "breadcrumb-page",
+		"aria-current": "page",
+		className: cn("font-medium text-foreground", className),
+		...props
+	});
+}
+/**
+* The mark between items.
+*
+* Hidden from assistive technology and given no accessible name: the list
+* structure already conveys the sequence, and reading "slash" between every
+* item is the design's punctuation leaking into the content.
+*/
+function BreadcrumbSeparator({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": true,
+		className: cn("[&>svg]:size-3.5", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			className: "rtl:-scale-x-100",
+			children: /* @__PURE__ */ jsx("path", {
+				d: "m9 18 6-6-6-6",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})
+	});
+}
+/**
+* Stands in for the middle of a long trail.
+*
+* Named rather than hidden, because unlike a separator it is *content*: it
+* says levels have been left out. A bare "…" announces as nothing at all.
+*/
+function BreadcrumbEllipsis({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		className: cn("flex size-5 items-center justify-center", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": true,
+			className: "size-4",
+			children: [
+				/* @__PURE__ */ jsx("circle", {
+					cx: "5",
+					cy: "12",
+					r: "1.5",
+					fill: "currentColor"
+				}),
+				/* @__PURE__ */ jsx("circle", {
+					cx: "12",
+					cy: "12",
+					r: "1.5",
+					fill: "currentColor"
+				}),
+				/* @__PURE__ */ jsx("circle", {
+					cx: "19",
+					cy: "12",
+					r: "1.5",
+					fill: "currentColor"
+				})
+			]
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Intermediate levels"
+		})]
+	});
+}
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/breadcrumb/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { Slot } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { focusRing, mirrorForDirection } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Where this page sits in the hierarchy.\n *\n * Three things separate a breadcrumb that works from one that only looks like\n * one, and all three are about the last item.\n *\n * It is not a link. A link to the page you are already on is a control that\n * does nothing, and in a screen reader's list of links it is indistinguishable\n * from the ones that go somewhere.\n *\n * It carries `aria-current=\"page\"`. Bolding it says \"you are here\" to people\n * who can see it and to nobody else.\n *\n * The separators are hidden. A slash between every item is read aloud as\n * \"slash\" — \"Home slash Projects slash Settings\" — which is the punctuation of\n * the design leaking into the content.\n */\n\nexport function Breadcrumb({ className, ...props }: ComponentPropsWithRef<\"nav\">) {\n  return (\n    <nav\n      // Named, because a page can have more than one navigation landmark and\n      // \"navigation\" on its own does not say which this is.\n      aria-label=\"Breadcrumb\"\n      data-slot=\"breadcrumb\"\n      className={cn(\"min-w-0\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function BreadcrumbList({ className, ...props }: ComponentPropsWithRef<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function BreadcrumbItem({ className, ...props }: ComponentPropsWithRef<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  );\n}\n\nexport interface BreadcrumbLinkProps extends ComponentPropsWithRef<\"a\"> {\n  /** Render the child as the link, for a router's own component. */\n  asChild?: boolean;\n}\n\nexport function BreadcrumbLink({ className, asChild = false, ...props }: BreadcrumbLinkProps) {\n  const Component = asChild ? Slot.Root : \"a\";\n\n  return (\n    <Component\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        \"rounded-sm transition-colors duration-[var(--duration-fast)]\",\n        \"hover:text-foreground\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * The page you are on.\n *\n * A span, not a link: there is nowhere to go. `aria-current=\"page\"` is what\n * says \"you are here\" to anything that is not looking at the font weight.\n */\nexport function BreadcrumbPage({ className, ...props }: ComponentPropsWithRef<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      aria-current=\"page\"\n      className={cn(\"font-medium text-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * The mark between items.\n *\n * Hidden from assistive technology and given no accessible name: the list\n * structure already conveys the sequence, and reading \"slash\" between every\n * item is the design's punctuation leaking into the content.\n */\nexport function BreadcrumbSeparator({\n  className,\n  children,\n  ...props\n}: ComponentPropsWithRef<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? (\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" className={mirrorForDirection}>\n          <path\n            d=\"m9 18 6-6-6-6\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      )}\n    </li>\n  );\n}\n\n/**\n * Stands in for the middle of a long trail.\n *\n * Named rather than hidden, because unlike a separator it is *content*: it\n * says levels have been left out. A bare \"…\" announces as nothing at all.\n */\nexport function BreadcrumbEllipsis({ className, ...props }: ComponentPropsWithRef<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      className={cn(\"flex size-5 items-center justify-center\", className)}\n      {...props}\n    >\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden className=\"size-4\">\n        <circle cx=\"5\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" />\n        <circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" />\n        <circle cx=\"19\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" />\n      </svg>\n      <span className=\"sr-only\">Intermediate levels</span>\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgB,WAAW,EAAE,WAAW,GAAG,SAAuC;CAChF,OACE,oBAAC,OAAD;EAGE,cAAW;EACX,aAAU;EACV,WAAW,GAAG,WAAW,SAAS;EAClC,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,eAAe,EAAE,WAAW,GAAG,SAAsC;CACnF,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,qEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,eAAe,EAAE,WAAW,GAAG,SAAsC;CACnF,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,oCAAoC,SAAS;EAC3D,GAAI;CACL,CAAA;AAEL;AAOA,SAAgB,eAAe,EAAE,WAAW,UAAU,OAAO,GAAG,SAA8B;CAC5F,MAAM,YAAY,UAAU,KAAK,OAAO;CAExC,OACE,oBAAC,WAAD;EACE,aAAU;EACV,WAAW,GACT,gEACA,yBACA,WACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;;;;;;AAQA,SAAgB,eAAe,EAAE,WAAW,GAAG,SAAwC;CACrF,OACE,oBAAC,QAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;;;;;;;;AASA,SAAgB,oBAAoB,EAClC,WACA,UACA,GAAG,SAC2B;CAC9B,OACE,oBAAC,MAAD;EACE,aAAU;EACV,MAAK;EACL,eAAA;EACA,WAAW,GAAG,oBAAoB,SAAS;EAC3C,GAAI;EAEH,UAAA,YACC,oBAAC,OAAD;GAAK,SAAQ;GAAY,MAAK;GAAO,WAAA;GACnC,UAAA,oBAAC,QAAD;IACE,GAAE;IACF,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;GAChB,CAAA;EACE,CAAA;CAEL,CAAA;AAER;;;;;;;AAQA,SAAgB,mBAAmB,EAAE,WAAW,GAAG,SAAwC;CACzF,OACE,qBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GAAG,2CAA2C,SAAS;EAClE,GAAI;EAJN,UAAA,CAME,qBAAC,OAAD;GAAK,SAAQ;GAAY,MAAK;GAAO,eAAA;GAAY,WAAU;GAA3D,UAAA;IACE,oBAAC,UAAD;KAAQ,IAAG;KAAI,IAAG;KAAK,GAAE;KAAM,MAAK;IAAgB,CAAA;IACpD,oBAAC,UAAD;KAAQ,IAAG;KAAK,IAAG;KAAK,GAAE;KAAM,MAAK;IAAgB,CAAA;IACrD,oBAAC,UAAD;KAAQ,IAAG;KAAK,IAAG;KAAK,GAAE;KAAM,MAAK;IAAgB,CAAA;GAClD;EACL,CAAA,GAAA,oBAAC,QAAD;GAAM,WAAU;GAAU,UAAA;EAAyB,CAAA,CAC/C;;AAEV"}

package/dist/components/breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./breadcrumb.js";
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };