@dowel-ui/react 0.1.0

package/dist/components/ai-sources/ai-sources.d.ts

@@ -0,0 +1,44 @@
+import { Collapsible } from "radix-ui";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/ai-sources/ai-sources.d.ts
+/**
+ * Where a response came from.
+ *
+ * Citations are the difference between an assertion and a claim someone can
+ * check, so they are first-class here rather than a footnote: an inline marker
+ * next to the sentence, and a list underneath that says what each marker is.
+ */
+/**
+ * An inline citation marker.
+ *
+ * The visible text is a bare number, which tells a screen reader user nothing,
+ * so the real title goes in the accessible name. Rendered as a link when given
+ * an href, and as plain text otherwise — a marker that looks clickable and is
+ * not is worse than one that does not.
+ */
+interface InlineCitationProps extends ComponentPropsWithRef<"a"> {
+  /** Position in the source list, starting at 1. */
+  index: number;
+  /** What is being cited. Becomes the accessible name. */
+  title: string;
+}
+declare function InlineCitation({ className, index, title, href, ...props }: InlineCitationProps): import("react").JSX.Element;
+type SourcesProps = ComponentPropsWithRef<typeof Collapsible.Root>;
+declare function Sources({ className, ...props }: SourcesProps): import("react").JSX.Element;
+interface SourcesTriggerProps extends ComponentPropsWithRef<typeof Collapsible.Trigger> {
+  count: number;
+}
+declare function SourcesTrigger({ className, count, children, ...props }: SourcesTriggerProps): import("react").JSX.Element;
+declare function SourcesContent({ className, children, ...props }: ComponentPropsWithRef<typeof Collapsible.Content>): import("react").JSX.Element;
+interface SourceProps extends ComponentPropsWithRef<"a"> {
+  index: number;
+  title: string;
+  /** Where it came from — a domain, a filename, a document title. */
+  origin?: string;
+  /** The quoted passage, if there is one. */
+  excerpt?: string;
+}
+declare function Source({ className, index, title, origin, excerpt, ...props }: SourceProps): import("react").JSX.Element;
+//#endregion
+export { InlineCitation, InlineCitationProps, Source, SourceProps, Sources, SourcesContent, SourcesProps, SourcesTrigger, SourcesTriggerProps };
+//# sourceMappingURL=ai-sources.d.ts.map

package/dist/components/ai-sources/ai-sources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-sources.d.ts","names":[],"sources":["../../../src/components/ai-sources/ai-sources.tsx"],"mappings":";;;;;;;;;;;;;;;;;;UAwBiB,4BAA4B;;EAE3C;;EAEA;;iBAGc,iBACd,WACA,OACA,OACA,SACG,SACF,sCAAmB,IAAA;KAmCV,eAAe,6BAA6B,YAAqB;iBAE7D,UAAU,cAAc,SAAS,+BAAY,IAAA;UAU5C,4BAA4B,6BACpC,YAAqB;EAE5B;;iBAGc,iBAAiB,WAAW,OAAO,aAAa,SAAS,sCAAmB,IAAA;iBAgC5E,iBACd,WACA,aACG,SACF,6BAA6B,YAAqB,2BAAQ,IAAA;UAkB5C,oBAAoB;EACnC;EACA;;EAEA;;EAEA;;iBAGc,SAAS,WAAW,OAAO,OAAO,QAAQ,YAAY,SAAS,8BAAW,IAAA"}

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

@@ -0,0 +1,112 @@
+"use client";
+import { focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Collapsible } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ai-sources/ai-sources.tsx
+function InlineCitation({ className, index, title, href, ...props }) {
+	const shared = cn("mx-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded px-1 align-[0.15em]", "bg-muted text-2xs font-medium text-muted-foreground tabular-nums", className);
+	if (!href) return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "inline-citation",
+		className: shared,
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			children: index
+		}), /* @__PURE__ */ jsxs("span", {
+			className: "sr-only",
+			children: [
+				"Source ",
+				index,
+				": ",
+				title
+			]
+		})]
+	});
+	return /* @__PURE__ */ jsx("a", {
+		"data-slot": "inline-citation",
+		href,
+		"aria-label": `Source ${String(index)}: ${title}`,
+		className: cn(shared, "transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-foreground", focusRing),
+		...props,
+		children: /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			children: index
+		})
+	});
+}
+function Sources({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
+		"data-slot": "sources",
+		className: cn("w-full text-sm", className),
+		...props
+	});
+}
+function SourcesTrigger({ className, count, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Collapsible.Trigger, {
+		"data-slot": "sources-trigger",
+		className: cn("flex items-center gap-1.5 rounded-md text-xs text-muted-foreground", "transition-colors duration-[var(--duration-fast)] hover:text-foreground", "[&[data-state=open]>svg:last-child]:rotate-180", focusRing, className),
+		...props,
+		children: [children ?? `${String(count)} ${count === 1 ? "source" : "sources"}`, /* @__PURE__ */ jsx("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			className: "size-3.5 shrink-0 transition-transform duration-[var(--duration-normal)]",
+			children: /* @__PURE__ */ jsx("path", {
+				d: "m6 9 6 6 6-6",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})]
+	});
+}
+function SourcesContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Content, {
+		"data-slot": "sources-content",
+		className: cn("overflow-hidden", "data-[state=closed]:animate-accordion-close data-[state=open]:animate-accordion-open", className),
+		...props,
+		children: /* @__PURE__ */ jsx("ol", {
+			className: "mt-2 flex flex-col gap-1.5",
+			children
+		})
+	});
+}
+function Source({ className, index, title, origin, excerpt, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "source",
+		children: /* @__PURE__ */ jsxs("a", {
+			className: cn("flex gap-2 rounded-md border border-border bg-card/50 px-2.5 py-2", "transition-colors duration-[var(--duration-fast)] hover:bg-accent/50", focusRing, className),
+			...props,
+			children: [/* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				className: "mt-0.5 grid size-4 shrink-0 place-items-center rounded bg-muted text-2xs font-medium text-muted-foreground tabular-nums",
+				children: index
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "block truncate text-xs font-medium text-foreground",
+						children: title
+					}),
+					origin ? /* @__PURE__ */ jsx("span", {
+						className: "block truncate text-2xs text-muted-foreground",
+						children: origin
+					}) : null,
+					excerpt ? /* @__PURE__ */ jsxs("span", {
+						className: "mt-1 line-clamp-2 block text-xs text-muted-foreground",
+						children: [
+							"“",
+							excerpt,
+							"”"
+						]
+					}) : null
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { InlineCitation, Source, Sources, SourcesContent, SourcesTrigger };
+
+//# sourceMappingURL=ai-sources.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-sources.js","names":["CollapsiblePrimitive"],"sources":["../../../src/components/ai-sources/ai-sources.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 * Where a response came from.\n *\n * Citations are the difference between an assertion and a claim someone can\n * check, so they are first-class here rather than a footnote: an inline marker\n * next to the sentence, and a list underneath that says what each marker is.\n */\n\n/**\n * An inline citation marker.\n *\n * The visible text is a bare number, which tells a screen reader user nothing,\n * so the real title goes in the accessible name. Rendered as a link when given\n * an href, and as plain text otherwise — a marker that looks clickable and is\n * not is worse than one that does not.\n */\nexport interface InlineCitationProps extends ComponentPropsWithRef<\"a\"> {\n  /** Position in the source list, starting at 1. */\n  index: number;\n  /** What is being cited. Becomes the accessible name. */\n  title: string;\n}\n\nexport function InlineCitation({\n  className,\n  index,\n  title,\n  href,\n  ...props\n}: InlineCitationProps) {\n  const shared = cn(\n    \"mx-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded px-1 align-[0.15em]\",\n    \"bg-muted text-2xs font-medium text-muted-foreground tabular-nums\",\n    className,\n  );\n\n  if (!href) {\n    return (\n      <span data-slot=\"inline-citation\" className={shared}>\n        <span aria-hidden=\"true\">{index}</span>\n        <span className=\"sr-only\">\n          Source {index}: {title}\n        </span>\n      </span>\n    );\n  }\n\n  return (\n    <a\n      data-slot=\"inline-citation\"\n      href={href}\n      aria-label={`Source ${String(index)}: ${title}`}\n      className={cn(\n        shared,\n        \"transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-foreground\",\n        focusRing,\n      )}\n      {...props}\n    >\n      <span aria-hidden=\"true\">{index}</span>\n    </a>\n  );\n}\n\nexport type SourcesProps = ComponentPropsWithRef<typeof CollapsiblePrimitive.Root>;\n\nexport function Sources({ className, ...props }: SourcesProps) {\n  return (\n    <CollapsiblePrimitive.Root\n      data-slot=\"sources\"\n      className={cn(\"w-full text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport interface SourcesTriggerProps extends ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Trigger\n> {\n  count: number;\n}\n\nexport function SourcesTrigger({ className, count, children, ...props }: SourcesTriggerProps) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"sources-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      {children ?? `${String(count)} ${count === 1 ? \"source\" : \"sources\"}`}\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 SourcesContent({\n  className,\n  children,\n  ...props\n}: ComponentPropsWithRef<typeof CollapsiblePrimitive.Content>) {\n  return (\n    <CollapsiblePrimitive.Content\n      data-slot=\"sources-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      {/* Ordered, because the numbers in the inline markers refer to positions\n          in this list. */}\n      <ol className=\"mt-2 flex flex-col gap-1.5\">{children}</ol>\n    </CollapsiblePrimitive.Content>\n  );\n}\n\nexport interface SourceProps extends ComponentPropsWithRef<\"a\"> {\n  index: number;\n  title: string;\n  /** Where it came from — a domain, a filename, a document title. */\n  origin?: string;\n  /** The quoted passage, if there is one. */\n  excerpt?: string;\n}\n\nexport function Source({ className, index, title, origin, excerpt, ...props }: SourceProps) {\n  return (\n    <li data-slot=\"source\">\n      <a\n        className={cn(\n          \"flex gap-2 rounded-md border border-border bg-card/50 px-2.5 py-2\",\n          \"transition-colors duration-[var(--duration-fast)] hover:bg-accent/50\",\n          focusRing,\n          className,\n        )}\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className=\"mt-0.5 grid size-4 shrink-0 place-items-center rounded bg-muted text-2xs font-medium text-muted-foreground tabular-nums\"\n        >\n          {index}\n        </span>\n        <span className=\"min-w-0 flex-1\">\n          <span className=\"block truncate text-xs font-medium text-foreground\">{title}</span>\n          {origin ? (\n            <span className=\"block truncate text-2xs text-muted-foreground\">{origin}</span>\n          ) : null}\n          {excerpt ? (\n            <span className=\"mt-1 line-clamp-2 block text-xs text-muted-foreground\">\n              “{excerpt}”\n            </span>\n          ) : null}\n        </span>\n      </a>\n    </li>\n  );\n}\n"],"mappings":";;;;;;AA+BA,SAAgB,eAAe,EAC7B,WACA,OACA,OACA,MACA,GAAG,SACmB;CACtB,MAAM,SAAS,GACb,0FACA,oEACA,SACF;CAEA,IAAI,CAAC,MACH,OACE,qBAAC,QAAD;EAAM,aAAU;EAAkB,WAAW;EAA7C,UAAA,CACE,oBAAC,QAAD;GAAM,eAAY;GAAQ,UAAA;EAAY,CAAA,GACtC,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA;IAA0B;IAChB;IAAM;IAAG;GACb;EACF,CAAA,CAAA;;CAIV,OACE,oBAAC,KAAD;EACE,aAAU;EACJ;EACN,cAAY,UAAU,OAAO,KAAK,EAAE,IAAI;EACxC,WAAW,GACT,QACA,2FACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,QAAD;GAAM,eAAY;GAAQ,UAAA;EAAY,CAAA;CACrC,CAAA;AAEP;AAIA,SAAgB,QAAQ,EAAE,WAAW,GAAG,SAAuB;CAC7D,OACE,oBAACA,YAAqB,MAAtB;EACE,aAAU;EACV,WAAW,GAAG,kBAAkB,SAAS;EACzC,GAAI;CACL,CAAA;AAEL;AAQA,SAAgB,eAAe,EAAE,WAAW,OAAO,UAAU,GAAG,SAA8B;CAC5F,OACE,qBAACA,YAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,sEACA,2EACA,kDACA,WACA,SACF;EACA,GAAI;EATN,UAAA,CAWG,YAAY,GAAG,OAAO,KAAK,EAAE,GAAG,UAAU,IAAI,WAAW,aAC1D,oBAAC,OAAD;GACE,SAAQ;GACR,MAAK;GACL,eAAY;GACZ,WAAU;GAEV,UAAA,oBAAC,QAAD;IACE,GAAE;IACF,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;GAChB,CAAA;EACE,CAAA,CACuB;;AAElC;AAEA,SAAgB,eAAe,EAC7B,WACA,UACA,GAAG,SAC0D;CAC7D,OACE,oBAACA,YAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,mBACA,wFACA,SACF;EACA,GAAI;EAIJ,UAAA,oBAAC,MAAD;GAAI,WAAU;GAA8B;EAAa,CAAA;CAC7B,CAAA;AAElC;AAWA,SAAgB,OAAO,EAAE,WAAW,OAAO,OAAO,QAAQ,SAAS,GAAG,SAAsB;CAC1F,OACE,oBAAC,MAAD;EAAI,aAAU;EACZ,UAAA,qBAAC,KAAD;GACE,WAAW,GACT,qEACA,wEACA,WACA,SACF;GACA,GAAI;GAPN,UAAA,CASE,oBAAC,QAAD;IACE,eAAY;IACZ,WAAU;IAET,UAAA;GACG,CAAA,GACN,qBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA;KACE,oBAAC,QAAD;MAAM,WAAU;MAAsD,UAAA;KAAY,CAAA;KACjF,SACC,oBAAC,QAAD;MAAM,WAAU;MAAiD,UAAA;KAAa,CAAA,IAC5E;KACH,UACC,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OAAwE;OACpE;OAAQ;MACN;KACJ,CAAA,IAAA;IACA;GACL,CAAA,CAAA;;CACD,CAAA;AAER"}

package/dist/components/ai-sources/index.d.ts

@@ -0,0 +1,2 @@
+import { InlineCitation, InlineCitationProps, Source, SourceProps, Sources, SourcesContent, SourcesProps, SourcesTrigger, SourcesTriggerProps } from "./ai-sources.js";
+export { InlineCitation, type InlineCitationProps, Source, type SourceProps, Sources, SourcesContent, type SourcesProps, SourcesTrigger, type SourcesTriggerProps };

package/dist/components/ai-sources/index.js

@@ -0,0 +1,2 @@
+import { InlineCitation, Source, Sources, SourcesContent, SourcesTrigger } from "./ai-sources.js";
+export { InlineCitation, Source, Sources, SourcesContent, SourcesTrigger };

package/dist/components/ai-sources/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/ai-sources/meta.ts
+const meta = defineMeta({
+	name: "ai-sources",
+	title: "AI Sources",
+	description: "Inline citation markers and the source list they refer to.",
+	category: "ai",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: [],
+	files: ["ai-sources.tsx"],
+	a11y: "An inline marker shows a bare number, which conveys nothing on its own, so the source title is carried in its accessible name. A marker with no href renders as text rather than as a link that goes nowhere. The source list is ordered, because the marker numbers refer to positions in it."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/ai-sources/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/ai-sources/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"ai-sources\",\n  title: \"AI Sources\",\n  description: \"Inline citation markers and the source list they refer to.\",\n  category: \"ai\",\n  status: \"stable\",\n  dependencies: [\"radix-ui\"],\n  registryDependencies: [],\n  files: [\"ai-sources.tsx\"],\n  a11y:\n    \"An inline marker shows a bare number, which conveys nothing on its own, so the source title \" +\n    \"is carried in its accessible name. A marker with no href renders as text rather than as a \" +\n    \"link that goes nowhere. The source list is ordered, because the marker numbers refer to \" +\n    \"positions in it.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,UAAU;CACzB,sBAAsB,CAAC;CACvB,OAAO,CAAC,gBAAgB;CACxB,MACE;AAIJ,CAAC"}

package/dist/components/ai-token-usage/ai-token-usage.d.ts

@@ -0,0 +1,34 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/components/ai-token-usage/ai-token-usage.d.ts
+/**
+ * How much of the context window a conversation has used.
+ *
+ * Worth showing because running out of context is a cliff, not a slope: the
+ * conversation stops behaving the way it did, and without a gauge that looks
+ * like the model getting worse rather than a limit being reached.
+ *
+ * The numbers are the message; the bar is a summary of them. Both are present,
+ * and the numbers are what a screen reader gets.
+ */
+interface TokenUsageProps extends ComponentPropsWithRef<"div"> {
+  /** Tokens used so far. */
+  used: number;
+  /** The context window. */
+  limit: number;
+  label?: string;
+  /** Fraction of the limit past which the gauge warns. */
+  warnAt?: number;
+  /** Formats the numbers. Defaults to the runtime locale's grouping. */
+  format?: (value: number) => string;
+}
+declare function TokenUsage({ className, used, limit, label, warnAt, format, ...props }: TokenUsageProps): import("react").JSX.Element;
+interface TokenCountProps extends ComponentPropsWithRef<"span"> {
+  value: number;
+  label?: string;
+  format?: (value: number) => string;
+}
+/** A bare token count, for a message footer or a toolbar. */
+declare function TokenCount({ className, value, label, format, ...props }: TokenCountProps): import("react").JSX.Element;
+//#endregion
+export { TokenCount, TokenCountProps, TokenUsage, TokenUsageProps };
+//# sourceMappingURL=ai-token-usage.d.ts.map

package/dist/components/ai-token-usage/ai-token-usage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-token-usage.d.ts","names":[],"sources":["../../../src/components/ai-token-usage/ai-token-usage.tsx"],"mappings":";;;;;;;;;;;;UAiBiB,wBAAwB;;EAEvC;;EAEA;EACA;;EAEA;;EAEA,UAAU;;iBAOI,aACd,WACA,MACA,OACA,OACA,QACA,WACG,SACF,kCAAe,IAAA;UAwCD,wBAAwB;EACvC;EACA;EACA,UAAU;;;iBAII,aACd,WACA,OACA,OACA,WACG,SACF,kCAAe,IAAA"}

package/dist/components/ai-token-usage/ai-token-usage.js

@@ -0,0 +1,58 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ai-token-usage/ai-token-usage.tsx
+function defaultFormat(value) {
+	return new Intl.NumberFormat().format(value);
+}
+function TokenUsage({ className, used, limit, label = "Context used", warnAt = .85, format = defaultFormat, ...props }) {
+	const fraction = limit > 0 ? Math.min(1, Math.max(0, used / limit)) : 0;
+	const percent = Math.round(fraction * 100);
+	const warning = fraction >= warnAt;
+	const over = used > limit;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "token-usage",
+		"data-warning": warning || void 0,
+		"data-over": over || void 0,
+		className: cn("flex w-full flex-col gap-1", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-baseline justify-between gap-2 text-xs",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: label
+			}), /* @__PURE__ */ jsxs("span", {
+				className: cn("tabular-nums", over ? "text-destructive" : warning ? "text-warning" : "text-muted-foreground"),
+				children: [
+					format(used),
+					" / ",
+					format(limit)
+				]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: "h-1 w-full overflow-hidden rounded-full bg-muted",
+			children: /* @__PURE__ */ jsx("div", {
+				className: cn("h-full rounded-full transition-[width] duration-[var(--duration-slow)] ease-[var(--ease-out-quint)]", over ? "bg-destructive" : warning ? "bg-warning" : "bg-primary"),
+				style: { width: `${String(percent)}%` }
+			})
+		})]
+	});
+}
+/** A bare token count, for a message footer or a toolbar. */
+function TokenCount({ className, value, label = "tokens", format = defaultFormat, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "token-count",
+		className: cn("text-2xs text-muted-foreground tabular-nums", className),
+		...props,
+		children: [
+			format(value),
+			" ",
+			label
+		]
+	});
+}
+//#endregion
+export { TokenCount, TokenUsage };
+
+//# sourceMappingURL=ai-token-usage.js.map

package/dist/components/ai-token-usage/ai-token-usage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-token-usage.js","names":[],"sources":["../../../src/components/ai-token-usage/ai-token-usage.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/**\n * How much of the context window a conversation has used.\n *\n * Worth showing because running out of context is a cliff, not a slope: the\n * conversation stops behaving the way it did, and without a gauge that looks\n * like the model getting worse rather than a limit being reached.\n *\n * The numbers are the message; the bar is a summary of them. Both are present,\n * and the numbers are what a screen reader gets.\n */\n\nexport interface TokenUsageProps extends ComponentPropsWithRef<\"div\"> {\n  /** Tokens used so far. */\n  used: number;\n  /** The context window. */\n  limit: number;\n  label?: string;\n  /** Fraction of the limit past which the gauge warns. */\n  warnAt?: number;\n  /** Formats the numbers. Defaults to the runtime locale's grouping. */\n  format?: (value: number) => string;\n}\n\nfunction defaultFormat(value: number): string {\n  return new Intl.NumberFormat().format(value);\n}\n\nexport function TokenUsage({\n  className,\n  used,\n  limit,\n  label = \"Context used\",\n  warnAt = 0.85,\n  format = defaultFormat,\n  ...props\n}: TokenUsageProps) {\n  const fraction = limit > 0 ? Math.min(1, Math.max(0, used / limit)) : 0;\n  const percent = Math.round(fraction * 100);\n  const warning = fraction >= warnAt;\n  const over = used > limit;\n\n  return (\n    <div\n      data-slot=\"token-usage\"\n      data-warning={warning || undefined}\n      data-over={over || undefined}\n      className={cn(\"flex w-full flex-col gap-1\", className)}\n      {...props}\n    >\n      <div className=\"flex items-baseline justify-between gap-2 text-xs\">\n        <span className=\"text-muted-foreground\">{label}</span>\n        <span\n          className={cn(\n            \"tabular-nums\",\n            over ? \"text-destructive\" : warning ? \"text-warning\" : \"text-muted-foreground\",\n          )}\n        >\n          {format(used)} / {format(limit)}\n        </span>\n      </div>\n      {/* The bar summarises what the numbers above already say, so it is\n          decorative rather than a second progressbar to read through. */}\n      <div aria-hidden=\"true\" className=\"h-1 w-full overflow-hidden rounded-full bg-muted\">\n        <div\n          className={cn(\n            \"h-full rounded-full transition-[width] duration-[var(--duration-slow)] ease-[var(--ease-out-quint)]\",\n            over ? \"bg-destructive\" : warning ? \"bg-warning\" : \"bg-primary\",\n          )}\n          style={{ width: `${String(percent)}%` }}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport interface TokenCountProps extends ComponentPropsWithRef<\"span\"> {\n  value: number;\n  label?: string;\n  format?: (value: number) => string;\n}\n\n/** A bare token count, for a message footer or a toolbar. */\nexport function TokenCount({\n  className,\n  value,\n  label = \"tokens\",\n  format = defaultFormat,\n  ...props\n}: TokenCountProps) {\n  return (\n    <span\n      data-slot=\"token-count\"\n      className={cn(\"text-2xs text-muted-foreground tabular-nums\", className)}\n      {...props}\n    >\n      {format(value)} {label}\n    </span>\n  );\n}\n"],"mappings":";;;;AA6BA,SAAS,cAAc,OAAuB;CAC5C,OAAO,IAAI,KAAK,aAAa,CAAC,CAAC,OAAO,KAAK;AAC7C;AAEA,SAAgB,WAAW,EACzB,WACA,MACA,OACA,QAAQ,gBACR,SAAS,KACT,SAAS,eACT,GAAG,SACe;CAClB,MAAM,WAAW,QAAQ,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,OAAO,KAAK,CAAC,IAAI;CACtE,MAAM,UAAU,KAAK,MAAM,WAAW,GAAG;CACzC,MAAM,UAAU,YAAY;CAC5B,MAAM,OAAO,OAAO;CAEpB,OACE,qBAAC,OAAD;EACE,aAAU;EACV,gBAAc,WAAW,KAAA;EACzB,aAAW,QAAQ,KAAA;EACnB,WAAW,GAAG,8BAA8B,SAAS;EACrD,GAAI;EALN,UAAA,CAOE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,QAAD;IAAM,WAAU;IAAyB,UAAA;GAAY,CAAA,GACrD,qBAAC,QAAD;IACE,WAAW,GACT,gBACA,OAAO,qBAAqB,UAAU,iBAAiB,uBACzD;IAJF,UAAA;KAMG,OAAO,IAAI;KAAE;KAAI,OAAO,KAAK;IAC1B;GACH,CAAA,CAAA;EAGL,CAAA,GAAA,oBAAC,OAAD;GAAK,eAAY;GAAO,WAAU;GAChC,UAAA,oBAAC,OAAD;IACE,WAAW,GACT,uGACA,OAAO,mBAAmB,UAAU,eAAe,YACrD;IACA,OAAO,EAAE,OAAO,GAAG,OAAO,OAAO,EAAE,GAAG;GACvC,CAAA;EACE,CAAA,CACF;;AAET;;AASA,SAAgB,WAAW,EACzB,WACA,OACA,QAAQ,UACR,SAAS,eACT,GAAG,SACe;CAClB,OACE,qBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,+CAA+C,SAAS;EACtE,GAAI;EAHN,UAAA;GAKG,OAAO,KAAK;GAAE;GAAE;EACb;;AAEV"}

package/dist/components/ai-token-usage/index.d.ts

@@ -0,0 +1,2 @@
+import { TokenCount, TokenCountProps, TokenUsage, TokenUsageProps } from "./ai-token-usage.js";
+export { TokenCount, type TokenCountProps, TokenUsage, type TokenUsageProps };

package/dist/components/ai-token-usage/index.js

@@ -0,0 +1,2 @@
+import { TokenCount, TokenUsage } from "./ai-token-usage.js";
+export { TokenCount, TokenUsage };

package/dist/components/ai-token-usage/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/ai-token-usage/meta.ts
+const meta = defineMeta({
+	name: "ai-token-usage",
+	title: "AI Token Usage",
+	description: "A gauge showing how much of the context window a conversation has used.",
+	category: "ai",
+	status: "stable",
+	dependencies: [],
+	registryDependencies: [],
+	files: ["ai-token-usage.tsx"],
+	a11y: "The numbers are the content and the bar only summarises them, so the bar is aria-hidden rather than a second progressbar to read past. Counts are formatted for the locale. Warning and over-limit states change the wording's colour but never remove the figures."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/ai-token-usage/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/ai-token-usage/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"ai-token-usage\",\n  title: \"AI Token Usage\",\n  description: \"A gauge showing how much of the context window a conversation has used.\",\n  category: \"ai\",\n  status: \"stable\",\n  dependencies: [],\n  registryDependencies: [],\n  files: [\"ai-token-usage.tsx\"],\n  a11y:\n    \"The numbers are the content and the bar only summarises them, so the bar is aria-hidden \" +\n    \"rather than a second progressbar to read past. Counts are formatted for the locale. Warning \" +\n    \"and over-limit states change the wording's colour but never remove the figures.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC;CACf,sBAAsB,CAAC;CACvB,OAAO,CAAC,oBAAoB;CAC5B,MACE;AAGJ,CAAC"}

package/dist/components/ai-tool/ai-tool.d.ts

@@ -0,0 +1,50 @@
+import { Collapsible } from "radix-ui";
+import { VariantProps } from "class-variance-authority";
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/components/ai-tool/ai-tool.d.ts
+/**
+ * A tool the model called, and what came back.
+ *
+ * Collapsed by default: a tool call is provenance, not the answer. Someone
+ * checking why a response says what it does needs to open it; everybody else
+ * needs it to stay out of the way.
+ *
+ * The status is the whole point of the header, so it is text, never a coloured
+ * dot alone.
+ */
+type ToolStatus = "pending" | "running" | "success" | "error";
+declare const toolVariants: (props?: ({
+  status?: "success" | "pending" | "running" | "error" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface ToolProps extends ComponentPropsWithRef<typeof Collapsible.Root>, VariantProps<typeof toolVariants> {
+  status?: ToolStatus;
+}
+declare function Tool({ className, status, ...props }: ToolProps): import("react").JSX.Element;
+interface ToolHeaderProps extends ComponentPropsWithRef<typeof Collapsible.Trigger> {
+  /** The tool's name, as the model called it. */
+  name: string;
+  status?: ToolStatus;
+  /** Overrides the status wording. */
+  statusLabel?: string;
+  icon?: ReactNode;
+}
+declare function ToolHeader({ className, name, status, statusLabel, icon, ...props }: ToolHeaderProps): import("react").JSX.Element;
+declare function ToolContent({ className, ...props }: ComponentPropsWithRef<typeof Collapsible.Content>): import("react").JSX.Element;
+interface ToolSectionProps extends ComponentPropsWithRef<"div"> {
+  label: string;
+}
+/** A labelled block inside the disclosure: the arguments, or the result. */
+declare function ToolSection({ className, label, children, ...props }: ToolSectionProps): import("react").JSX.Element;
+/**
+ * Serialised arguments or output.
+ *
+ * A `<pre>` with a tabindex, because JSON of any size scrolls and a scrollable
+ * box that cannot be focused is unreachable by keyboard.
+ */
+interface ToolPayloadProps extends ComponentPropsWithRef<"pre"> {
+  label?: string;
+}
+declare function ToolPayload({ className, label, ...props }: ToolPayloadProps): import("react").JSX.Element;
+//#endregion
+export { Tool, ToolContent, ToolHeader, ToolHeaderProps, ToolPayload, ToolPayloadProps, ToolProps, ToolSection, ToolSectionProps, ToolStatus, toolVariants };
+//# sourceMappingURL=ai-tool.d.ts.map

package/dist/components/ai-tool/ai-tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-tool.d.ts","names":[],"sources":["../../../src/components/ai-tool/ai-tool.tsx"],"mappings":";;;;;;;;;;;;;;KAoBY;cASN,eAAY;;6CAYhB;UAEe,kBAEb,6BAA6B,YAAqB,OAClD,oBAAoB;EACtB,SAAS;;iBAGK,OAAO,WAAW,WAAuB,SAAS,4BAAS,IAAA;UAW1D,wBAAwB,6BAChC,YAAqB;;EAG5B;EACA,SAAS;;EAET;EACA,OAAO;;iBAGO,aACd,WACA,MACA,QACA,aACA,SACG,SACF,kCAAe,IAAA;iBA2FF,cACd,cACG,SACF,6BAA6B,YAAqB,2BAAQ,IAAA;UAc5C,yBAAyB;EACxC;;;iBAIc,cAAc,WAAW,OAAO,aAAa,SAAS,mCAAgB,IAAA;;;;;;;UAqBrE,yBAAyB;EACxC;;iBAGc,cAAc,WAAW,UAAsB,SAAS,mCAAgB,IAAA"}

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

@@ -0,0 +1,129 @@
+"use client";
+import { focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Collapsible } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/ai-tool/ai-tool.tsx
+const STATUS_LABEL = {
+	pending: "Queued",
+	running: "Running",
+	success: "Completed",
+	error: "Failed"
+};
+const toolVariants = cva("overflow-hidden rounded-lg border text-sm", {
+	variants: { status: {
+		pending: "border-border bg-muted/30",
+		running: "border-info/30 bg-info/5",
+		success: "border-border bg-muted/30",
+		error: "border-destructive/30 bg-destructive/5"
+	} },
+	defaultVariants: { status: "pending" }
+});
+function Tool({ className, status = "pending", ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
+		"data-slot": "tool",
+		"data-status": status,
+		className: cn(toolVariants({ status }), className),
+		...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),
+		...props,
+		children: [
+			icon ?? /* @__PURE__ */ jsx(ToolIcon, { status }),
+			/* @__PURE__ */ jsx("span", {
+				className: "font-mono text-xs font-medium",
+				children: name
+			}),
+			/* @__PURE__ */ jsx("span", {
+				"data-slot": "tool-status",
+				className: cn("ml-auto text-xs", status === "error" ? "text-destructive" : "text-muted-foreground"),
+				children: statusLabel ?? STATUS_LABEL[status]
+			}),
+			/* @__PURE__ */ jsx("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				"aria-hidden": "true",
+				className: "size-3.5 shrink-0 text-muted-foreground transition-transform duration-[var(--duration-normal)]",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "m6 9 6 6 6-6",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})
+		]
+	});
+}
+function ToolIcon({ status }) {
+	if (status === "running") return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		className: "size-3.5 shrink-0 animate-spin text-info",
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "12",
+			r: "9",
+			stroke: "currentColor",
+			strokeWidth: "2.5",
+			opacity: "0.25"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M12 3a9 9 0 0 1 9 9",
+			stroke: "currentColor",
+			strokeWidth: "2.5",
+			strokeLinecap: "round"
+		})]
+	});
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		className: cn("size-3.5 shrink-0", status === "error" ? "text-destructive" : "text-muted-foreground"),
+		children: /* @__PURE__ */ jsx("path", {
+			d: status === "success" ? "m5 13 4 4L19 7" : status === "error" ? "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" : "M14.7 6.3a4 4 0 0 1-5 5L5 16v3h3l4.7-4.7a4 4 0 0 1 5-5l-2.3 2.3",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function ToolContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Content, {
+		"data-slot": "tool-content",
+		className: cn("overflow-hidden border-t border-border", "data-[state=closed]:animate-accordion-close data-[state=open]:animate-accordion-open", className),
+		...props
+	});
+}
+/** A labelled block inside the disclosure: the arguments, or the result. */
+function ToolSection({ className, label, children, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "tool-section",
+		className: cn("border-b border-border/60 px-3 py-2 last:border-b-0", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "mb-1 text-2xs font-medium tracking-wide text-muted-foreground uppercase",
+			children: label
+		}), children]
+	});
+}
+function ToolPayload({ className, label = "Payload", ...props }) {
+	return /* @__PURE__ */ jsx("pre", {
+		"data-slot": "tool-payload",
+		tabIndex: 0,
+		role: "region",
+		"aria-label": label,
+		className: cn("max-h-56 overflow-auto rounded-md bg-muted/60 p-2 font-mono text-xs leading-relaxed", focusRing, className),
+		...props
+	});
+}
+//#endregion
+export { Tool, ToolContent, ToolHeader, ToolPayload, ToolSection, toolVariants };
+
+//# sourceMappingURL=ai-tool.js.map

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

@@ -0,0 +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"}

package/dist/components/ai-tool/index.d.ts

@@ -0,0 +1,2 @@
+import { Tool, ToolContent, ToolHeader, ToolHeaderProps, ToolPayload, ToolPayloadProps, ToolProps, ToolSection, ToolSectionProps, ToolStatus, toolVariants } from "./ai-tool.js";
+export { Tool, ToolContent, ToolHeader, type ToolHeaderProps, ToolPayload, type ToolPayloadProps, type ToolProps, ToolSection, type ToolSectionProps, type ToolStatus, toolVariants };

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

@@ -0,0 +1,2 @@
+import { Tool, ToolContent, ToolHeader, ToolPayload, ToolSection, toolVariants } from "./ai-tool.js";
+export { Tool, ToolContent, ToolHeader, ToolPayload, ToolSection, toolVariants };

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

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/ai-tool/meta.ts
+const meta = defineMeta({
+	name: "ai-tool",
+	title: "AI Tool Call",
+	description: "A collapsible record of a tool the model called, its arguments and its result.",
+	category: "ai",
+	status: "stable",
+	dependencies: ["class-variance-authority", "radix-ui"],
+	registryDependencies: [],
+	files: ["ai-tool.tsx"],
+	a11y: "A disclosure: the trigger exposes aria-expanded and controls the panel. Status is stated in words, not by a coloured dot — colour alone is unavailable to a screen reader and to anyone who cannot distinguish it. Payload blocks are focusable named regions, since JSON scrolls and an unfocusable scroll box is unreachable by keyboard."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/ai-tool/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"ai-tool\",\n  title: \"AI Tool Call\",\n  description: \"A collapsible record of a tool the model called, its arguments and its result.\",\n  category: \"ai\",\n  status: \"stable\",\n  dependencies: [\"class-variance-authority\", \"radix-ui\"],\n  registryDependencies: [],\n  files: [\"ai-tool.tsx\"],\n  a11y:\n    \"A disclosure: the trigger exposes aria-expanded and controls the panel. Status is stated in \" +\n    \"words, not by a coloured dot — colour alone is unavailable to a screen reader and to anyone \" +\n    \"who cannot distinguish it. Payload blocks are focusable named regions, since JSON scrolls \" +\n    \"and an unfocusable scroll box is unreachable by keyboard.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,4BAA4B,UAAU;CACrD,sBAAsB,CAAC;CACvB,OAAO,CAAC,aAAa;CACrB,MACE;AAIJ,CAAC"}

package/dist/components/alert/alert.d.ts

@@ -0,0 +1,32 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/alert/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * How urgently the alert should interrupt a screen reader.
+ *
+ * - `off` (default): a static notice already present when the page rendered.
+ * - `polite`: appeared in response to something the user did; announce at the
+ *   next pause.
+ * - `assertive`: an error that must interrupt whatever is being read.
+ */
+type AlertLive = "off" | "polite" | "assertive";
+interface AlertProps extends ComponentPropsWithRef<"div">, VariantProps<typeof alertVariants> {
+  live?: AlertLive;
+}
+/**
+ * A callout that draws attention to a message.
+ *
+ * `live` defaults to `off` rather than always rendering role="alert". A live
+ * region that exists on first paint announces itself for no reason and trains
+ * users to ignore it; opt in when the alert actually appears in response to
+ * something.
+ */
+declare function Alert({ className, variant, live, ...props }: AlertProps): import("react").JSX.Element;
+declare function AlertTitle({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+declare function AlertDescription({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertLive, AlertProps, AlertTitle, alertVariants };
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","names":[],"sources":["../../../src/components/alert/alert.tsx"],"mappings":";;;cAKM,gBAAa;;6CAqBlB;;;;;;;;;KAUW;UAEK,mBACP,8BAA8B,oBAAoB;EAC1D,OAAO;;;;;;;;;;iBAWO,QAAQ,WAAW,SAAS,SAAiB,SAAS,6BAAU,IAAA;iBAchE,aAAa,cAAc,SAAS,+CAA4B,IAAA;iBAUhE,mBAAmB,cAAc,SAAS,+CAA4B,IAAA"}