@burtson-labs/ui 0.6.0 → 0.8.0

package/dist/components/steps.js

@@ -17,7 +17,7 @@ function Steps({ items, current, orientation = "horizontal", className, ...props
 				"aria-current": state === "current" ? "step" : void 0,
 				className: cn("flex min-w-0 items-start gap-2.5", orientation === "horizontal" && "flex-1"),
 				children: [/* @__PURE__ */ jsx("span", {
-					className: cn("grid size-6 shrink-0 place-items-center rounded-full border text-xs font-semibold tabular-nums", state === "complete" && "border-brand bg-brand text-primary-foreground", state === "current" && "border-brand bg-brand-soft text-brand", state === "upcoming" && "border-border-strong text-muted-foreground"),
+					className: cn("grid size-6 shrink-0 place-items-center rounded-full border text-xs font-semibold tabular-nums", state === "complete" && "border-primary bg-primary text-primary-foreground", state === "current" && "border-brand bg-brand-soft text-brand", state === "upcoming" && "border-border-strong text-muted-foreground"),
 					children: state === "complete" ? /* @__PURE__ */ jsx(Check, {
 						className: "size-3.5",
 						"aria-hidden": true
@@ -25,7 +25,7 @@ function Steps({ items, current, orientation = "horizontal", className, ...props
 				}), /* @__PURE__ */ jsxs("span", {
 					className: "grid min-w-0 gap-0.5 pt-0.5",
 					children: [/* @__PURE__ */ jsxs("span", {
-						className: cn("truncate text-[13px] font-semibold", state === "upcoming" && "text-muted-foreground"),
+						className: cn("break-words text-[13px] font-semibold", state === "upcoming" && "text-muted-foreground"),
 						children: [item.title, /* @__PURE__ */ jsx("span", {
 							className: "sr-only",
 							children: state === "complete" ? " (done)" : state === "current" ? " (current)" : ""

package/dist/components/steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps.js","names":[],"sources":["../../src/components/steps.tsx"],"sourcesContent":["import Check from '@burtson-labs/icons/react/check';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport interface StepItem {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n}\n\nexport interface StepsProps extends React.ComponentProps<'ol'> {\n  items: StepItem[];\n  /** 0-based index of the step in progress; earlier steps show as done. */\n  current: number;\n  orientation?: 'horizontal' | 'vertical';\n}\n\n/** Progress through a short multi-step flow (a wizard, an onboarding). */\nfunction Steps({ items, current, orientation = 'horizontal', className, ...props }: StepsProps) {\n  return (\n    <ol\n      data-slot=\"steps\"\n      data-orientation={orientation}\n      className={cn(\n        'flex gap-3',\n        orientation === 'horizontal' ? 'flex-row items-start' : 'flex-col',\n        className,\n      )}\n      {...props}\n    >\n      {items.map((item, i) => {\n        const state = i < current ? 'complete' : i === current ? 'current' : 'upcoming';\n        return (\n          <li\n            key={i}\n            data-state={state}\n            aria-current={state === 'current' ? 'step' : undefined}\n            className={cn(\n              'flex min-w-0 items-start gap-2.5',\n              orientation === 'horizontal' && 'flex-1',\n            )}\n          >\n            <span\n              className={cn(\n                'grid size-6 shrink-0 place-items-center rounded-full border text-xs font-semibold tabular-nums',\n                state === 'complete' && 'border-brand bg-brand text-primary-foreground',\n                state === 'current' && 'border-brand bg-brand-soft text-brand',\n                state === 'upcoming' && 'border-border-strong text-muted-foreground',\n              )}\n            >\n              {state === 'complete' ? <Check className=\"size-3.5\" aria-hidden /> : i + 1}\n            </span>\n            <span className=\"grid min-w-0 gap-0.5 pt-0.5\">\n              <span\n                className={cn(\n                  'truncate text-[13px] font-semibold',\n                  state === 'upcoming' && 'text-muted-foreground',\n                )}\n              >\n                {item.title}\n                <span className=\"sr-only\">\n                  {state === 'complete' ? ' (done)' : state === 'current' ? ' (current)' : ''}\n                </span>\n              </span>\n              {item.description && (\n                <span className=\"text-xs text-muted-foreground\">{item.description}</span>\n              )}\n            </span>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n\nexport { Steps };\n"],"mappings":";;;;;;AAkBA,SAAS,MAAM,EAAE,OAAO,SAAS,cAAc,cAAc,WAAW,GAAG,SAAqB;CAC9F,OACE,oBAAC,MAAD;EACE,aAAU;EACV,oBAAkB;EAClB,WAAW,GACT,cACA,gBAAgB,eAAe,yBAAyB,YACxD,SACF;EACA,GAAI;EAEH,UAAA,MAAM,KAAK,MAAM,MAAM;GACtB,MAAM,QAAQ,IAAI,UAAU,aAAa,MAAM,UAAU,YAAY;GACrE,OACE,qBAAC,MAAD;IAEE,cAAY;IACZ,gBAAc,UAAU,YAAY,SAAS,KAAA;IAC7C,WAAW,GACT,oCACA,gBAAgB,gBAAgB,QAClC;IAPF,UAAA,CASE,oBAAC,QAAD;KACE,WAAW,GACT,kGACA,UAAU,cAAc,iDACxB,UAAU,aAAa,yCACvB,UAAU,cAAc,4CAC1B;KAEC,UAAA,UAAU,aAAa,oBAAC,OAAD;MAAO,WAAU;MAAW,eAAA;KAAa,CAAA,IAAI,IAAI;IACrE,CAAA,GACN,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACE,qBAAC,QAAD;MACE,WAAW,GACT,sCACA,UAAU,cAAc,uBAC1B;MAJF,UAAA,CAMG,KAAK,OACN,oBAAC,QAAD;OAAM,WAAU;OACb,UAAA,UAAU,aAAa,YAAY,UAAU,YAAY,eAAe;MACrE,CAAA,CACF;KACL,CAAA,GAAA,KAAK,eACJ,oBAAC,QAAD;MAAM,WAAU;MAAiC,UAAA,KAAK;KAAkB,CAAA,CAEtE;IACJ,CAAA,CAAA;GAlCG,GAAA,CAkCH;EAER,CAAC;CACC,CAAA;AAER"}
+{"version":3,"file":"steps.js","names":[],"sources":["../../src/components/steps.tsx"],"sourcesContent":["import Check from '@burtson-labs/icons/react/check';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport interface StepItem {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n}\n\nexport interface StepsProps extends React.ComponentProps<'ol'> {\n  items: StepItem[];\n  /** 0-based index of the step in progress; earlier steps show as done. */\n  current: number;\n  orientation?: 'horizontal' | 'vertical';\n}\n\n/** Progress through a short multi-step flow (a wizard, an onboarding). */\nfunction Steps({ items, current, orientation = 'horizontal', className, ...props }: StepsProps) {\n  return (\n    <ol\n      data-slot=\"steps\"\n      data-orientation={orientation}\n      className={cn(\n        'flex gap-3',\n        orientation === 'horizontal' ? 'flex-row items-start' : 'flex-col',\n        className,\n      )}\n      {...props}\n    >\n      {items.map((item, i) => {\n        const state = i < current ? 'complete' : i === current ? 'current' : 'upcoming';\n        return (\n          <li\n            key={i}\n            data-state={state}\n            aria-current={state === 'current' ? 'step' : undefined}\n            className={cn(\n              'flex min-w-0 items-start gap-2.5',\n              orientation === 'horizontal' && 'flex-1',\n            )}\n          >\n            <span\n              className={cn(\n                'grid size-6 shrink-0 place-items-center rounded-full border text-xs font-semibold tabular-nums',\n                state === 'complete' && 'border-primary bg-primary text-primary-foreground',\n                state === 'current' && 'border-brand bg-brand-soft text-brand',\n                state === 'upcoming' && 'border-border-strong text-muted-foreground',\n              )}\n            >\n              {state === 'complete' ? <Check className=\"size-3.5\" aria-hidden /> : i + 1}\n            </span>\n            <span className=\"grid min-w-0 gap-0.5 pt-0.5\">\n              <span\n                className={cn(\n                  'break-words text-[13px] font-semibold',\n                  state === 'upcoming' && 'text-muted-foreground',\n                )}\n              >\n                {item.title}\n                <span className=\"sr-only\">\n                  {state === 'complete' ? ' (done)' : state === 'current' ? ' (current)' : ''}\n                </span>\n              </span>\n              {item.description && (\n                <span className=\"text-xs text-muted-foreground\">{item.description}</span>\n              )}\n            </span>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n\nexport { Steps };\n"],"mappings":";;;;;;AAkBA,SAAS,MAAM,EAAE,OAAO,SAAS,cAAc,cAAc,WAAW,GAAG,SAAqB;CAC9F,OACE,oBAAC,MAAD;EACE,aAAU;EACV,oBAAkB;EAClB,WAAW,GACT,cACA,gBAAgB,eAAe,yBAAyB,YACxD,SACF;EACA,GAAI;EAEH,UAAA,MAAM,KAAK,MAAM,MAAM;GACtB,MAAM,QAAQ,IAAI,UAAU,aAAa,MAAM,UAAU,YAAY;GACrE,OACE,qBAAC,MAAD;IAEE,cAAY;IACZ,gBAAc,UAAU,YAAY,SAAS,KAAA;IAC7C,WAAW,GACT,oCACA,gBAAgB,gBAAgB,QAClC;IAPF,UAAA,CASE,oBAAC,QAAD;KACE,WAAW,GACT,kGACA,UAAU,cAAc,qDACxB,UAAU,aAAa,yCACvB,UAAU,cAAc,4CAC1B;KAEC,UAAA,UAAU,aAAa,oBAAC,OAAD;MAAO,WAAU;MAAW,eAAA;KAAa,CAAA,IAAI,IAAI;IACrE,CAAA,GACN,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACE,qBAAC,QAAD;MACE,WAAW,GACT,yCACA,UAAU,cAAc,uBAC1B;MAJF,UAAA,CAMG,KAAK,OACN,oBAAC,QAAD;OAAM,WAAU;OACb,UAAA,UAAU,aAAa,YAAY,UAAU,YAAY,eAAe;MACrE,CAAA,CACF;KACL,CAAA,GAAA,KAAK,eACJ,oBAAC,QAAD;MAAM,WAAU;MAAiC,UAAA,KAAK;KAAkB,CAAA,CAEtE;IACJ,CAAA,CAAA;GAlCG,GAAA,CAkCH;EAER,CAAC;CACC,CAAA;AAER"}

package/dist/components/textarea.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function Textarea({ className, ...props }: React.ComponentProps<'textarea'>): React.JSX.Element;
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

package/dist/components/textarea.js

@@ -1,15 +1,16 @@
 import { cn } from "../lib/utils.js";
 import { fieldClasses } from "./input.js";
-import "react";
+import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/textarea.tsx
-function Textarea({ className, ...props }) {
+var Textarea = React.forwardRef(function Textarea({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx("textarea", {
+		ref,
 		"data-slot": "textarea",
 		className: cn(fieldClasses, "min-h-24 resize-y py-2.5 leading-5", className),
 		...props
 	});
-}
+});
 //#endregion
 export { Textarea };
 

package/dist/components/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":[],"sources":["../../src/components/textarea.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { fieldClasses } from './input';\n\nfunction Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(fieldClasses, 'min-h-24 resize-y py-2.5 leading-5', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":";;;;;AAMA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;CAC3E,OACE,oBAAC,YAAD;EACE,aAAU;EACV,WAAW,GAAG,cAAc,sCAAsC,SAAS;EAC3E,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"textarea.js","names":[],"sources":["../../src/components/textarea.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { fieldClasses } from './input';\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<'textarea'>>(\n  function Textarea({ className, ...props }: React.ComponentProps<'textarea'>, ref) {\n    return (\n      <textarea\n        ref={ref}\n        data-slot=\"textarea\"\n        className={cn(fieldClasses, 'min-h-24 resize-y py-2.5 leading-5', className)}\n        {...props}\n      />\n    );\n  },\n);\n\nexport { Textarea };\n"],"mappings":";;;;;AAMA,IAAM,WAAW,MAAM,WACrB,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C,KAAK;CAChF,OACE,oBAAC,YAAD;EACO;EACL,aAAU;EACV,WAAW,GAAG,cAAc,sCAAsC,SAAS;EAC3E,GAAI;CACL,CAAA;AAEL,CACF"}

package/dist/components/toaster.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+/**
+ * Imperative toasts: call `toast({ title, description, variant })` from
+ * anywhere (event handlers, data hooks) and one mounted `<Toaster />` renders
+ * them on the Toast primitives. Mount the Toaster once near the root.
+ */
+export type ToastVariant = 'default' | 'success' | 'destructive';
+export interface ToastOptions {
+    title: string;
+    description?: string;
+    variant?: ToastVariant;
+    /** Milliseconds before it closes (Radix pauses on hover and focus). */
+    duration?: number;
+}
+/** Show a brief notice. Returns a function that closes it early. */
+declare function toast(options: ToastOptions | string): () => void;
+declare function Toaster({ className }: {
+    className?: string;
+}): React.JSX.Element;
+export { toast, Toaster };

package/dist/components/toaster.js

@@ -0,0 +1,61 @@
+import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from "./toast.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/toaster.tsx
+var records = [];
+var nextId = 1;
+var listeners = /* @__PURE__ */ new Set();
+var emit = () => listeners.forEach((listener) => listener());
+function close(id) {
+	records = records.map((r) => r.id === id ? {
+		...r,
+		open: false
+	} : r);
+	emit();
+	setTimeout(() => {
+		records = records.filter((r) => r.id !== id);
+		emit();
+	}, 400);
+}
+/** Show a brief notice. Returns a function that closes it early. */
+function toast(options) {
+	const opts = typeof options === "string" ? { title: options } : options;
+	const id = nextId++;
+	records = [...records.slice(-3), {
+		...opts,
+		id,
+		open: true
+	}];
+	emit();
+	return () => close(id);
+}
+var subscribe = (listener) => {
+	listeners.add(listener);
+	return () => {
+		listeners.delete(listener);
+	};
+};
+var snapshot = () => records;
+function Toaster({ className }) {
+	const list = React.useSyncExternalStore(subscribe, snapshot, snapshot);
+	return /* @__PURE__ */ jsxs(ToastProvider, {
+		swipeDirection: "right",
+		children: [list.map((r) => /* @__PURE__ */ jsxs(Toast, {
+			open: r.open,
+			variant: r.variant,
+			duration: r.duration ?? (r.variant === "destructive" ? 8e3 : 4e3),
+			onOpenChange: (open) => {
+				if (!open) close(r.id);
+			},
+			children: [
+				/* @__PURE__ */ jsx(ToastTitle, { children: r.title }),
+				r.description && /* @__PURE__ */ jsx(ToastDescription, { children: r.description }),
+				/* @__PURE__ */ jsx(ToastClose, {})
+			]
+		}, r.id)), /* @__PURE__ */ jsx(ToastViewport, { className })]
+	});
+}
+//#endregion
+export { Toaster, toast };
+
+//# sourceMappingURL=toaster.js.map

package/dist/components/toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.js","names":[],"sources":["../../src/components/toaster.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Toast,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n} from './toast';\n\n/**\n * Imperative toasts: call `toast({ title, description, variant })` from\n * anywhere (event handlers, data hooks) and one mounted `<Toaster />` renders\n * them on the Toast primitives. Mount the Toaster once near the root.\n */\nexport type ToastVariant = 'default' | 'success' | 'destructive';\n\nexport interface ToastOptions {\n  title: string;\n  description?: string;\n  variant?: ToastVariant;\n  /** Milliseconds before it closes (Radix pauses on hover and focus). */\n  duration?: number;\n}\n\ninterface ToastRecord extends ToastOptions {\n  id: number;\n  open: boolean;\n}\n\nlet records: ToastRecord[] = [];\nlet nextId = 1;\nconst listeners = new Set<() => void>();\nconst emit = () => listeners.forEach((listener) => listener());\n\nfunction close(id: number) {\n  records = records.map((r) => (r.id === id ? { ...r, open: false } : r));\n  emit();\n  // Leave time for the exit animation before dropping the record.\n  setTimeout(() => {\n    records = records.filter((r) => r.id !== id);\n    emit();\n  }, 400);\n}\n\n/** Show a brief notice. Returns a function that closes it early. */\nfunction toast(options: ToastOptions | string): () => void {\n  const opts = typeof options === 'string' ? { title: options } : options;\n  const id = nextId++;\n  // Keep the stack short: the oldest go first.\n  records = [...records.slice(-3), { ...opts, id, open: true }];\n  emit();\n  return () => close(id);\n}\n\nconst subscribe = (listener: () => void) => {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n};\nconst snapshot = () => records;\n\nfunction Toaster({ className }: { className?: string }) {\n  const list = React.useSyncExternalStore(subscribe, snapshot, snapshot);\n  return (\n    <ToastProvider swipeDirection=\"right\">\n      {list.map((r) => (\n        <Toast\n          key={r.id}\n          open={r.open}\n          variant={r.variant}\n          duration={r.duration ?? (r.variant === 'destructive' ? 8000 : 4000)}\n          onOpenChange={(open) => {\n            if (!open) close(r.id);\n          }}\n        >\n          <ToastTitle>{r.title}</ToastTitle>\n          {r.description && <ToastDescription>{r.description}</ToastDescription>}\n          <ToastClose />\n        </Toast>\n      ))}\n      <ToastViewport className={className} />\n    </ToastProvider>\n  );\n}\n\nexport { toast, Toaster };\n"],"mappings":";;;;AA+BA,IAAI,UAAyB,CAAC;AAC9B,IAAI,SAAS;AACb,IAAM,4BAAY,IAAI,IAAgB;AACtC,IAAM,aAAa,UAAU,SAAS,aAAa,SAAS,CAAC;AAE7D,SAAS,MAAM,IAAY;CACzB,UAAU,QAAQ,KAAK,MAAO,EAAE,OAAO,KAAK;EAAE,GAAG;EAAG,MAAM;CAAM,IAAI,CAAE;CACtE,KAAK;CAEL,iBAAiB;EACf,UAAU,QAAQ,QAAQ,MAAM,EAAE,OAAO,EAAE;EAC3C,KAAK;CACP,GAAG,GAAG;AACR;;AAGA,SAAS,MAAM,SAA4C;CACzD,MAAM,OAAO,OAAO,YAAY,WAAW,EAAE,OAAO,QAAQ,IAAI;CAChE,MAAM,KAAK;CAEX,UAAU,CAAC,GAAG,QAAQ,MAAM,EAAE,GAAG;EAAE,GAAG;EAAM;EAAI,MAAM;CAAK,CAAC;CAC5D,KAAK;CACL,aAAa,MAAM,EAAE;AACvB;AAEA,IAAM,aAAa,aAAyB;CAC1C,UAAU,IAAI,QAAQ;CACtB,aAAa;EACX,UAAU,OAAO,QAAQ;CAC3B;AACF;AACA,IAAM,iBAAiB;AAEvB,SAAS,QAAQ,EAAE,aAAqC;CACtD,MAAM,OAAO,MAAM,qBAAqB,WAAW,UAAU,QAAQ;CACrE,OACE,qBAAC,eAAD;EAAe,gBAAe;EAA9B,UAAA,CACG,KAAK,KAAK,MACT,qBAAC,OAAD;GAEE,MAAM,EAAE;GACR,SAAS,EAAE;GACX,UAAU,EAAE,aAAa,EAAE,YAAY,gBAAgB,MAAO;GAC9D,eAAe,SAAS;IACtB,IAAI,CAAC,MAAM,MAAM,EAAE,EAAE;GACvB;GAPF,UAAA;IASE,oBAAC,YAAD,EAAA,UAAa,EAAE,MAAkB,CAAA;IAChC,EAAE,eAAe,oBAAC,kBAAD,EAAA,UAAmB,EAAE,YAA8B,CAAA;IACrE,oBAAC,YAAD,CAAa,CAAA;GACR;EAXA,GAAA,EAAE,EAWF,CACR,GACD,oBAAC,eAAD,EAA0B,UAAY,CAAA,CACzB;;AAEnB"}

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

@@ -22,11 +22,13 @@ export interface ToolApprovalProps extends Omit<React.ComponentProps<'div'>, 'ti
     args?: unknown;
     /** `pending` shows the buttons; the others record the decision. */
     state?: 'pending' | 'approved' | 'denied';
+    /** Disable decision controls while the application records the choice. */
+    busy?: boolean;
     onApprove?: () => void;
     onDeny?: () => void;
     approveLabel?: string;
     denyLabel?: string;
 }
 /** A gate before an agent runs a tool with side effects: the person approves or denies it. */
-declare function ToolApproval({ name, description, args, state, onApprove, onDeny, approveLabel, denyLabel, className, ...props }: ToolApprovalProps): React.JSX.Element;
+declare function ToolApproval({ name, description, args, state, busy, onApprove, onDeny, approveLabel, denyLabel, className, ...props }: ToolApprovalProps): React.JSX.Element;
 export { ToolApproval, ToolCall };

package/dist/components/tool-call.js

@@ -19,7 +19,22 @@ var statusDot = {
 	success: "success",
 	error: "danger"
 };
-var json = (v) => typeof v === "string" ? v : JSON.stringify(v, null, 2);
+var json = (value) => {
+	if (typeof value === "string") return value;
+	const seen = /* @__PURE__ */ new WeakSet();
+	try {
+		return JSON.stringify(value, (_key, item) => {
+			if (typeof item === "bigint") return item.toString();
+			if (item && typeof item === "object") {
+				if (seen.has(item)) return "[Repeated reference]";
+				seen.add(item);
+			}
+			return item;
+		}, 2) ?? String(value);
+	} catch {
+		return "[Value could not be displayed]";
+	}
+};
 /** A tool call an agent made: name, live status, and collapsible arguments and result. */
 function ToolCall({ name, status, args, result, error, durationMs, defaultOpen = false, className, ...props }) {
 	const hasDetail = args !== void 0 || result !== void 0 || Boolean(error);
@@ -98,9 +113,10 @@ function ToolCall({ name, status, args, result, error, durationMs, defaultOpen =
 	});
 }
 /** A gate before an agent runs a tool with side effects: the person approves or denies it. */
-function ToolApproval({ name, description, args, state = "pending", onApprove, onDeny, approveLabel = "Approve", denyLabel = "Deny", className, ...props }) {
+function ToolApproval({ name, description, args, state = "pending", busy = false, onApprove, onDeny, approveLabel = "Approve", denyLabel = "Deny", className, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "tool-approval",
+		"aria-busy": busy || void 0,
 		"data-state": state,
 		className: cn("grid animate-in gap-3 rounded-md border p-3 text-[13px]", state === "pending" ? "border-warning/40 bg-warning/5" : "bg-surface", className),
 		...props,
@@ -136,10 +152,12 @@ function ToolApproval({ name, description, args, state = "pending", onApprove, o
 					size: "sm",
 					variant: "outline",
 					onClick: onDeny,
+					disabled: busy || !onDeny,
 					children: denyLabel
 				}), /* @__PURE__ */ jsx(Button, {
 					size: "sm",
 					onClick: onApprove,
+					disabled: busy || !onApprove,
 					children: approveLabel
 				})]
 			})

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

@@ -1 +1 @@
-{"version":3,"file":"tool-call.js","names":["CollapsiblePrimitive"],"sources":["../../src/components/tool-call.tsx"],"sourcesContent":["import ChevronRight from '@burtson-labs/icons/react/chevron-right';\nimport Wrench from '@burtson-labs/icons/react/wrench';\nimport { Collapsible as CollapsiblePrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { Button } from './button';\nimport { StatusDot } from './status';\n\nexport type ToolCallStatus = 'pending' | 'running' | 'success' | 'error';\n\nconst statusText: Record<ToolCallStatus, string> = {\n  pending: 'Queued',\n  running: 'Running',\n  success: 'Done',\n  error: 'Failed',\n};\nconst statusDot = {\n  pending: 'neutral',\n  running: 'brand',\n  success: 'success',\n  error: 'danger',\n} as const;\n\nconst json = (v: unknown) => (typeof v === 'string' ? v : JSON.stringify(v, null, 2));\n\nexport interface ToolCallProps extends Omit<React.ComponentProps<'div'>, 'title'> {\n  /** The tool's name, e.g. `get_load`. */\n  name: string;\n  status: ToolCallStatus;\n  /** Arguments the agent passed; shown as formatted JSON. */\n  args?: unknown;\n  /** What the tool returned; shown as formatted JSON. */\n  result?: unknown;\n  /** Error message when the call failed. */\n  error?: string;\n  durationMs?: number;\n  defaultOpen?: boolean;\n}\n\n/** A tool call an agent made: name, live status, and collapsible arguments and result. */\nfunction ToolCall({\n  name,\n  status,\n  args,\n  result,\n  error,\n  durationMs,\n  defaultOpen = false,\n  className,\n  ...props\n}: ToolCallProps) {\n  const hasDetail = args !== undefined || result !== undefined || Boolean(error);\n  return (\n    <CollapsiblePrimitive.Root defaultOpen={defaultOpen} disabled={!hasDetail}>\n      <div\n        data-slot=\"tool-call\"\n        data-status={status}\n        className={cn(\n          'animate-in overflow-hidden rounded-md border bg-surface text-[13px]',\n          status === 'error' && 'border-destructive/30',\n          className,\n        )}\n        {...props}\n      >\n        <CollapsiblePrimitive.Trigger className=\"group/tool flex h-9 w-full items-center gap-2 px-3 text-left outline-none hover:bg-muted/60 focus-visible:ring-[3px] focus-visible:ring-ring/20 disabled:cursor-default disabled:hover:bg-transparent\">\n          <Wrench className=\"size-3.5 shrink-0 text-muted-foreground\" aria-hidden />\n          <span className=\"min-w-0 flex-1 truncate font-mono text-[12.5px]\">{name}</span>\n          <span className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground\">\n            <StatusDot status={statusDot[status]} pulse={status === 'running'} />\n            {statusText[status]}\n            {durationMs !== undefined && status !== 'running' && (\n              <span className=\"tabular-nums\">· {(durationMs / 1000).toFixed(1)}s</span>\n            )}\n          </span>\n          {hasDetail && (\n            <ChevronRight\n              aria-hidden\n              className=\"size-3.5 text-muted-foreground transition-transform group-data-[state=open]/tool:rotate-90\"\n            />\n          )}\n        </CollapsiblePrimitive.Trigger>\n        <CollapsiblePrimitive.Content className=\"overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down\">\n          <div className=\"grid gap-2 border-t p-3\">\n            {args !== undefined && (\n              <section className=\"grid gap-1\">\n                <h4 className=\"text-[11px] font-semibold tracking-[0.06em] text-muted-foreground uppercase\">\n                  Arguments\n                </h4>\n                <pre className=\"overflow-x-auto rounded-sm bg-muted/60 p-2 font-mono text-[12px] leading-5\">\n                  {json(args)}\n                </pre>\n              </section>\n            )}\n            {error ? (\n              <p role=\"alert\" className=\"text-xs font-medium text-destructive\">\n                {error}\n              </p>\n            ) : (\n              result !== undefined && (\n                <section className=\"grid gap-1\">\n                  <h4 className=\"text-[11px] font-semibold tracking-[0.06em] text-muted-foreground uppercase\">\n                    Result\n                  </h4>\n                  <pre className=\"max-h-64 overflow-auto rounded-sm bg-muted/60 p-2 font-mono text-[12px] leading-5\">\n                    {json(result)}\n                  </pre>\n                </section>\n              )\n            )}\n          </div>\n        </CollapsiblePrimitive.Content>\n      </div>\n    </CollapsiblePrimitive.Root>\n  );\n}\n\nexport interface ToolApprovalProps extends Omit<React.ComponentProps<'div'>, 'title'> {\n  name: string;\n  /** What will happen, in plain words, e.g. \"Approve L-1042 and send it to Gravitate\". */\n  description: React.ReactNode;\n  args?: unknown;\n  /** `pending` shows the buttons; the others record the decision. */\n  state?: 'pending' | 'approved' | 'denied';\n  onApprove?: () => void;\n  onDeny?: () => void;\n  approveLabel?: string;\n  denyLabel?: string;\n}\n\n/** A gate before an agent runs a tool with side effects: the person approves or denies it. */\nfunction ToolApproval({\n  name,\n  description,\n  args,\n  state = 'pending',\n  onApprove,\n  onDeny,\n  approveLabel = 'Approve',\n  denyLabel = 'Deny',\n  className,\n  ...props\n}: ToolApprovalProps) {\n  return (\n    <div\n      data-slot=\"tool-approval\"\n      data-state={state}\n      className={cn(\n        'grid animate-in gap-3 rounded-md border p-3 text-[13px]',\n        state === 'pending' ? 'border-warning/40 bg-warning/5' : 'bg-surface',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2\">\n        <Wrench className=\"size-3.5 text-muted-foreground\" aria-hidden />\n        <span className=\"font-mono text-[12.5px]\">{name}</span>\n        <span className=\"ml-auto text-xs text-muted-foreground\">\n          {state === 'pending'\n            ? 'Needs your approval'\n            : state === 'approved'\n              ? 'Approved'\n              : 'Denied'}\n        </span>\n      </div>\n      <p className=\"text-sm\">{description}</p>\n      {args !== undefined && (\n        <pre className=\"overflow-x-auto rounded-sm bg-muted/60 p-2 font-mono text-[12px] leading-5\">\n          {json(args)}\n        </pre>\n      )}\n      {state === 'pending' && (\n        <div className=\"flex justify-end gap-2\">\n          <Button size=\"sm\" variant=\"outline\" onClick={onDeny}>\n            {denyLabel}\n          </Button>\n          <Button size=\"sm\" onClick={onApprove}>\n            {approveLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport { ToolApproval, ToolCall };\n"],"mappings":"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"}
+{"version":3,"file":"tool-call.js","names":["CollapsiblePrimitive"],"sources":["../../src/components/tool-call.tsx"],"sourcesContent":["import ChevronRight from '@burtson-labs/icons/react/chevron-right';\nimport Wrench from '@burtson-labs/icons/react/wrench';\nimport { Collapsible as CollapsiblePrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { Button } from './button';\nimport { StatusDot } from './status';\n\nexport type ToolCallStatus = 'pending' | 'running' | 'success' | 'error';\n\nconst statusText: Record<ToolCallStatus, string> = {\n  pending: 'Queued',\n  running: 'Running',\n  success: 'Done',\n  error: 'Failed',\n};\nconst statusDot = {\n  pending: 'neutral',\n  running: 'brand',\n  success: 'success',\n  error: 'danger',\n} as const;\n\nconst json = (value: unknown) => {\n  if (typeof value === 'string') return value;\n  const seen = new WeakSet<object>();\n  try {\n    return (\n      JSON.stringify(\n        value,\n        (_key, item: unknown) => {\n          if (typeof item === 'bigint') return item.toString();\n          if (item && typeof item === 'object') {\n            if (seen.has(item)) return '[Repeated reference]';\n            seen.add(item);\n          }\n          return item;\n        },\n        2,\n      ) ?? String(value)\n    );\n  } catch {\n    return '[Value could not be displayed]';\n  }\n};\n\nexport interface ToolCallProps extends Omit<React.ComponentProps<'div'>, 'title'> {\n  /** The tool's name, e.g. `get_load`. */\n  name: string;\n  status: ToolCallStatus;\n  /** Arguments the agent passed; shown as formatted JSON. */\n  args?: unknown;\n  /** What the tool returned; shown as formatted JSON. */\n  result?: unknown;\n  /** Error message when the call failed. */\n  error?: string;\n  durationMs?: number;\n  defaultOpen?: boolean;\n}\n\n/** A tool call an agent made: name, live status, and collapsible arguments and result. */\nfunction ToolCall({\n  name,\n  status,\n  args,\n  result,\n  error,\n  durationMs,\n  defaultOpen = false,\n  className,\n  ...props\n}: ToolCallProps) {\n  const hasDetail = args !== undefined || result !== undefined || Boolean(error);\n  return (\n    <CollapsiblePrimitive.Root defaultOpen={defaultOpen} disabled={!hasDetail}>\n      <div\n        data-slot=\"tool-call\"\n        data-status={status}\n        className={cn(\n          'animate-in overflow-hidden rounded-md border bg-surface text-[13px]',\n          status === 'error' && 'border-destructive/30',\n          className,\n        )}\n        {...props}\n      >\n        <CollapsiblePrimitive.Trigger className=\"group/tool flex h-9 w-full items-center gap-2 px-3 text-left outline-none hover:bg-muted/60 focus-visible:ring-[3px] focus-visible:ring-ring/20 disabled:cursor-default disabled:hover:bg-transparent\">\n          <Wrench className=\"size-3.5 shrink-0 text-muted-foreground\" aria-hidden />\n          <span className=\"min-w-0 flex-1 truncate font-mono text-[12.5px]\">{name}</span>\n          <span className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground\">\n            <StatusDot status={statusDot[status]} pulse={status === 'running'} />\n            {statusText[status]}\n            {durationMs !== undefined && status !== 'running' && (\n              <span className=\"tabular-nums\">· {(durationMs / 1000).toFixed(1)}s</span>\n            )}\n          </span>\n          {hasDetail && (\n            <ChevronRight\n              aria-hidden\n              className=\"size-3.5 text-muted-foreground transition-transform group-data-[state=open]/tool:rotate-90\"\n            />\n          )}\n        </CollapsiblePrimitive.Trigger>\n        <CollapsiblePrimitive.Content className=\"overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down\">\n          <div className=\"grid gap-2 border-t p-3\">\n            {args !== undefined && (\n              <section className=\"grid gap-1\">\n                <h4 className=\"text-[11px] font-semibold tracking-[0.06em] text-muted-foreground uppercase\">\n                  Arguments\n                </h4>\n                <pre className=\"overflow-x-auto rounded-sm bg-muted/60 p-2 font-mono text-[12px] leading-5\">\n                  {json(args)}\n                </pre>\n              </section>\n            )}\n            {error ? (\n              <p role=\"alert\" className=\"text-xs font-medium text-destructive\">\n                {error}\n              </p>\n            ) : (\n              result !== undefined && (\n                <section className=\"grid gap-1\">\n                  <h4 className=\"text-[11px] font-semibold tracking-[0.06em] text-muted-foreground uppercase\">\n                    Result\n                  </h4>\n                  <pre className=\"max-h-64 overflow-auto rounded-sm bg-muted/60 p-2 font-mono text-[12px] leading-5\">\n                    {json(result)}\n                  </pre>\n                </section>\n              )\n            )}\n          </div>\n        </CollapsiblePrimitive.Content>\n      </div>\n    </CollapsiblePrimitive.Root>\n  );\n}\n\nexport interface ToolApprovalProps extends Omit<React.ComponentProps<'div'>, 'title'> {\n  name: string;\n  /** What will happen, in plain words, e.g. \"Approve L-1042 and send it to Gravitate\". */\n  description: React.ReactNode;\n  args?: unknown;\n  /** `pending` shows the buttons; the others record the decision. */\n  state?: 'pending' | 'approved' | 'denied';\n  /** Disable decision controls while the application records the choice. */\n  busy?: boolean;\n  onApprove?: () => void;\n  onDeny?: () => void;\n  approveLabel?: string;\n  denyLabel?: string;\n}\n\n/** A gate before an agent runs a tool with side effects: the person approves or denies it. */\nfunction ToolApproval({\n  name,\n  description,\n  args,\n  state = 'pending',\n  busy = false,\n  onApprove,\n  onDeny,\n  approveLabel = 'Approve',\n  denyLabel = 'Deny',\n  className,\n  ...props\n}: ToolApprovalProps) {\n  return (\n    <div\n      data-slot=\"tool-approval\"\n      aria-busy={busy || undefined}\n      data-state={state}\n      className={cn(\n        'grid animate-in gap-3 rounded-md border p-3 text-[13px]',\n        state === 'pending' ? 'border-warning/40 bg-warning/5' : 'bg-surface',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2\">\n        <Wrench className=\"size-3.5 text-muted-foreground\" aria-hidden />\n        <span className=\"font-mono text-[12.5px]\">{name}</span>\n        <span className=\"ml-auto text-xs text-muted-foreground\">\n          {state === 'pending'\n            ? 'Needs your approval'\n            : state === 'approved'\n              ? 'Approved'\n              : 'Denied'}\n        </span>\n      </div>\n      <p className=\"text-sm\">{description}</p>\n      {args !== undefined && (\n        <pre className=\"overflow-x-auto rounded-sm bg-muted/60 p-2 font-mono text-[12px] leading-5\">\n          {json(args)}\n        </pre>\n      )}\n      {state === 'pending' && (\n        <div className=\"flex justify-end gap-2\">\n          <Button size=\"sm\" variant=\"outline\" onClick={onDeny} disabled={busy || !onDeny}>\n            {denyLabel}\n          </Button>\n          <Button size=\"sm\" onClick={onApprove} disabled={busy || !onApprove}>\n            {approveLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport { ToolApproval, ToolCall };\n"],"mappings":"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"}

package/dist/components/toolbar.js

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 function Toolbar({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "toolbar",
-		role: "toolbar",
+		role: "group",
 		className: cn("flex min-h-10 flex-wrap items-center gap-1 rounded-lg border border-border bg-surface p-1.5 shadow-xs", className),
 		...props
 	});

package/dist/components/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","names":[],"sources":["../../src/components/toolbar.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction Toolbar({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"toolbar\"\n      role=\"toolbar\"\n      className={cn(\n        'flex min-h-10 flex-wrap items-center gap-1 rounded-lg border border-border bg-surface p-1.5 shadow-xs',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ToolbarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"toolbar-group\"\n      className={cn('flex items-center gap-1', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ToolbarSeparator({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"toolbar-separator\"\n      aria-hidden=\"true\"\n      className={cn('mx-1 h-5 w-px bg-border', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ToolbarSpacer({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"toolbar-spacer\"\n      aria-hidden=\"true\"\n      className={cn('min-w-2 flex-1', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Toolbar, ToolbarGroup, ToolbarSeparator, ToolbarSpacer };\n"],"mappings":";;;;AAIA,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAsC;CACrE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GACT,yGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,2BAA2B,SAAS;EAClD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;CAC9E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAW,GAAG,2BAA2B,SAAS;EAClD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;CAC3E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAW,GAAG,kBAAkB,SAAS;EACzC,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"toolbar.js","names":[],"sources":["../../src/components/toolbar.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction Toolbar({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"toolbar\"\n      role=\"group\"\n      className={cn(\n        'flex min-h-10 flex-wrap items-center gap-1 rounded-lg border border-border bg-surface p-1.5 shadow-xs',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ToolbarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"toolbar-group\"\n      className={cn('flex items-center gap-1', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ToolbarSeparator({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"toolbar-separator\"\n      aria-hidden=\"true\"\n      className={cn('mx-1 h-5 w-px bg-border', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ToolbarSpacer({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"toolbar-spacer\"\n      aria-hidden=\"true\"\n      className={cn('min-w-2 flex-1', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Toolbar, ToolbarGroup, ToolbarSeparator, ToolbarSpacer };\n"],"mappings":";;;;AAIA,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAsC;CACrE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GACT,yGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,2BAA2B,SAAS;EAClD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;CAC9E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAW,GAAG,2BAA2B,SAAS;EAClD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;CAC3E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAW,GAAG,kBAAkB,SAAS;EACzC,GAAI;CACL,CAAA;AAEL"}

package/dist/components/tooltip.js

@@ -1,17 +1,25 @@
 import { cn } from "../lib/utils.js";
 import { Tooltip } from "radix-ui";
-import "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/tooltip.tsx
+var HasTooltipProvider = React.createContext(false);
 function TooltipProvider({ delayDuration = 200, ...props }) {
-	return /* @__PURE__ */ jsx(Tooltip.Provider, {
-		"data-slot": "tooltip-provider",
-		delayDuration,
-		...props
+	return /* @__PURE__ */ jsx(HasTooltipProvider.Provider, {
+		value: true,
+		children: /* @__PURE__ */ jsx(Tooltip.Provider, {
+			"data-slot": "tooltip-provider",
+			delayDuration,
+			...props
+		})
 	});
 }
 /** Wraps its own provider, so a lone tooltip works without app-level setup. */
 function Tooltip$1(props) {
+	if (React.useContext(HasTooltipProvider)) return /* @__PURE__ */ jsx(Tooltip.Root, {
+		"data-slot": "tooltip",
+		...props
+	});
 	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Tooltip.Root, {
 		"data-slot": "tooltip",
 		...props

package/dist/components/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["TooltipPrimitive","Tooltip"],"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction TooltipProvider({\n  delayDuration = 200,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\n/** Wraps its own provider, so a lone tooltip works without app-level setup. */\nfunction Tooltip(props: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger(props: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 6,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'z-50 w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) animate-in [--bl-scale:0.98] data-[side=bottom]:[--bl-ty:-4px] data-[side=top]:[--bl-ty:4px] data-[side=left]:[--bl-tx:4px] data-[side=right]:[--bl-tx:-4px] rounded-sm border border-white/10 bg-code px-2 py-1 text-[11.5px] leading-4 font-medium text-balance text-code-foreground shadow-md data-[state=closed]:animate-out',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"fill-code\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":";;;;;AAKA,SAAS,gBAAgB,EACvB,gBAAgB,KAChB,GAAG,SACsD;CACzD,OACE,oBAACA,QAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;CACL,CAAA;AAEL;;AAGA,SAASC,UAAQ,OAA2D;CAC1E,OACE,oBAAC,iBAAD,EAAA,UACE,oBAACD,QAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA,EACxC,CAAA;AAErB;AAEA,SAAS,eAAe,OAA8D;CACpF,OAAO,oBAACA,QAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,eAAe,EACtB,WACA,aAAa,GACb,UACA,GAAG,SACqD;CACxD,OACE,oBAACA,QAAiB,QAAlB,EAAA,UACE,qBAACA,QAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAW,GACT,0YACA,SACF;EACA,GAAI;EAPN,UAAA,CASG,UACD,oBAACA,QAAiB,OAAlB,EAAwB,WAAU,YAAa,CAAA,CACvB;CACH,CAAA,EAAA,CAAA;AAE7B"}
+{"version":3,"file":"tooltip.js","names":["TooltipPrimitive","Tooltip"],"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nconst HasTooltipProvider = React.createContext(false);\n\nfunction TooltipProvider({\n  delayDuration = 200,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <HasTooltipProvider.Provider value={true}>\n      <TooltipPrimitive.Provider\n        data-slot=\"tooltip-provider\"\n        delayDuration={delayDuration}\n        {...props}\n      />\n    </HasTooltipProvider.Provider>\n  );\n}\n\n/** Wraps its own provider, so a lone tooltip works without app-level setup. */\nfunction Tooltip(props: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  const hasProvider = React.useContext(HasTooltipProvider);\n  if (hasProvider) return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />;\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger(props: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 6,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'z-50 w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) animate-in [--bl-scale:0.98] data-[side=bottom]:[--bl-ty:-4px] data-[side=top]:[--bl-ty:4px] data-[side=left]:[--bl-tx:4px] data-[side=right]:[--bl-tx:-4px] rounded-sm border border-white/10 bg-code px-2 py-1 text-[11.5px] leading-4 font-medium text-balance text-code-foreground shadow-md data-[state=closed]:animate-out',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"fill-code\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":";;;;;AAKA,IAAM,qBAAqB,MAAM,cAAc,KAAK;AAEpD,SAAS,gBAAgB,EACvB,gBAAgB,KAChB,GAAG,SACsD;CACzD,OACE,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;EAClC,UAAA,oBAACA,QAAiB,UAAlB;GACE,aAAU;GACK;GACf,GAAI;EACL,CAAA;CAC0B,CAAA;AAEjC;;AAGA,SAASC,UAAQ,OAA2D;CAE1E,IADoB,MAAM,WAAW,kBACjC,GAAa,OAAO,oBAACD,QAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;CAC/E,OACE,oBAAC,iBAAD,EAAA,UACE,oBAACA,QAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA,EACxC,CAAA;AAErB;AAEA,SAAS,eAAe,OAA8D;CACpF,OAAO,oBAACA,QAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,eAAe,EACtB,WACA,aAAa,GACb,UACA,GAAG,SACqD;CACxD,OACE,oBAACA,QAAiB,QAAlB,EAAA,UACE,qBAACA,QAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAW,GACT,0YACA,SACF;EACA,GAAI;EAPN,UAAA,CASG,UACD,oBAACA,QAAiB,OAAlB,EAAwB,WAAU,YAAa,CAAA,CACvB;CACH,CAAA,EAAA,CAAA;AAE7B"}

package/dist/index.d.ts

@@ -15,6 +15,7 @@ export * from './components/combobox';
 export * from './components/command';
 export * from './components/composer';
 export * from './components/conversation';
+export * from './components/copy-button';
 export * from './components/dialog';
 export * from './components/dropdown-menu';
 export * from './components/empty-state';
@@ -33,10 +34,12 @@ export * from './components/progress';
 export * from './components/radio-group';
 export * from './components/reasoning';
 export * from './components/scroll-area';
+export * from './components/secret-input';
 export * from './components/select';
 export * from './components/separator';
 export * from './components/sheet';
 export * from './components/skeleton';
+export * from './components/slider';
 export * from './components/spinner';
 export * from './components/stat-card';
 export * from './components/status';
@@ -46,6 +49,7 @@ export * from './components/table';
 export * from './components/tabs';
 export * from './components/textarea';
 export * from './components/toast';
+export * from './components/toaster';
 export * from './components/tool-call';
 export * from './components/toolbar';
 export * from './components/tooltip';

package/dist/index.js

@@ -19,10 +19,13 @@ import { Spinner } from "./components/spinner.js";
 import { Combobox } from "./components/combobox.js";
 import { Composer, Suggestions } from "./components/composer.js";
 import { Conversation } from "./components/conversation.js";
+import { IconButton } from "./components/icon-button.js";
+import { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, toastVariants } from "./components/toast.js";
+import { Toaster, toast } from "./components/toaster.js";
+import { CopyButton } from "./components/copy-button.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/dropdown-menu.js";
 import { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle } from "./components/empty-state.js";
 import { Field, FieldDescription, FieldError, FieldHeader, FieldHint, FieldLabel } from "./components/field.js";
-import { IconButton } from "./components/icon-button.js";
 import { Kbd, KbdGroup } from "./components/kbd.js";
 import { Label } from "./components/label.js";
 import { CodeBlock, Markdown, parseMarkdown } from "./components/markdown.js";
@@ -34,10 +37,12 @@ import { Progress } from "./components/progress.js";
 import { RadioGroup, RadioGroupItem } from "./components/radio-group.js";
 import { Reasoning, StreamingIndicator } from "./components/reasoning.js";
 import { ScrollArea, ScrollBar } from "./components/scroll-area.js";
+import { SecretInput } from "./components/secret-input.js";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "./components/select.js";
 import { Separator } from "./components/separator.js";
 import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./components/sheet.js";
 import { Skeleton } from "./components/skeleton.js";
+import { Slider } from "./components/slider.js";
 import { StatCard } from "./components/stat-card.js";
 import { Status, StatusDot, statusDotVariants } from "./components/status.js";
 import { Steps } from "./components/steps.js";
@@ -45,8 +50,7 @@ import { Switch } from "./components/switch.js";
 import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/table.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/tabs.js";
 import { Textarea } from "./components/textarea.js";
-import { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, toastVariants } from "./components/toast.js";
 import { ToolApproval, ToolCall } from "./components/tool-call.js";
 import { Toolbar, ToolbarGroup, ToolbarSeparator, ToolbarSpacer } from "./components/toolbar.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/tooltip.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, AppShellBody, AppShellContent, AppShellHeader, AppShellMain, AppShellSidebar, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardEyebrow, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Composer, Conversation, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, Field, FieldDescription, FieldError, FieldHeader, FieldHint, FieldLabel, IconButton, Input, Kbd, KbdGroup, Label, Markdown, Message, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHeader, PageHeaderActions, PageHeaderDescription, PageHeaderEyebrow, PageHeaderMain, PageHeaderTitle, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Reasoning, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Spinner, StatCard, Status, StatusDot, Steps, StreamingIndicator, Suggestions, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, ToolApproval, ToolCall, Toolbar, ToolbarGroup, ToolbarSeparator, ToolbarSpacer, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, brand, buttonVariants, cardVariants, cn, dark, fieldClasses, fontMono, fontSans, light, motion, navigationMenuTriggerStyle, paginationRange, parseMarkdown, radius, shadow, statusDotVariants, surfaceClasses, toastVariants, tokens };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, AppShellBody, AppShellContent, AppShellHeader, AppShellMain, AppShellSidebar, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardEyebrow, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Composer, Conversation, CopyButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, Field, FieldDescription, FieldError, FieldHeader, FieldHint, FieldLabel, IconButton, Input, Kbd, KbdGroup, Label, Markdown, Message, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHeader, PageHeaderActions, PageHeaderDescription, PageHeaderEyebrow, PageHeaderMain, PageHeaderTitle, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Reasoning, ScrollArea, ScrollBar, SecretInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StatCard, Status, StatusDot, Steps, StreamingIndicator, Suggestions, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, ToolApproval, ToolCall, Toolbar, ToolbarGroup, ToolbarSeparator, ToolbarSpacer, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, brand, buttonVariants, cardVariants, cn, dark, fieldClasses, fontMono, fontSans, light, motion, navigationMenuTriggerStyle, paginationRange, parseMarkdown, radius, shadow, statusDotVariants, surfaceClasses, toast, toastVariants, tokens };