@alexgorbatchev/shadcn 0.0.0-stage → 0.0.16

package/dist/chunk-5r99spxq.js

@@ -0,0 +1,64 @@
+import {
+  ToolFallbackResult2,
+  ToolFallbackApproval2
+} from "./chunk-yp12vs0s.js";
+
+// src/components/assistant-ui/utils/askQuestion.ts
+var readOutcome = (result, isError) => {
+  if (result === undefined)
+    return;
+  if (!isError && typeof result === "object" && result !== null) {
+    if ("interrupted" in result && result.interrupted === true)
+      return { note: "Skipped" };
+    if ("status" in result && result.status === "unavailable")
+      return { note: "Unavailable in this session" };
+    if ("status" in result && result.status === "answered" && "answer" in result && typeof result.answer === "string")
+      return { answer: result.answer };
+  }
+  if (isError && typeof result === "object" && result !== null && "error" in result && typeof result.error === "string")
+    return { note: `Error: ${result.error}` };
+  return { raw: result };
+};
+
+// src/components/assistant-ui/elements/EveAskQuestion.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function EveAskQuestion2({
+  args,
+  approval,
+  result,
+  isError,
+  status,
+  respondToApproval
+}) {
+  const outcome = readOutcome(result, isError);
+  const settled = approval !== undefined && (approval.approved !== undefined || approval.resolution !== undefined);
+  if (approval !== undefined && (outcome === undefined || settled && (("answer" in outcome) || isError && approval.approved === false))) {
+    return /* @__PURE__ */ jsx(ToolFallbackApproval2, {
+      "data-testid": "EveAskQuestion",
+      approval: outcome && "answer" in outcome && approval.text === undefined ? { ...approval, text: outcome.answer } : approval,
+      respondToApproval,
+      status
+    });
+  }
+  if (outcome === undefined)
+    return null;
+  const prompt = approval?.prompt ?? args.question;
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "EveAskQuestion",
+    className: "my-2 flex flex-col gap-1.5",
+    children: [
+      prompt && /* @__PURE__ */ jsx("p", {
+        className: "text-muted-foreground whitespace-pre-line",
+        children: prompt
+      }),
+      "raw" in outcome ? /* @__PURE__ */ jsx(ToolFallbackResult2, {
+        result: outcome.raw
+      }) : /* @__PURE__ */ jsx("p", {
+        className: "whitespace-pre-line",
+        children: "answer" in outcome ? outcome.answer : outcome.note
+      })
+    ]
+  });
+}
+
+export { EveAskQuestion2 };

package/dist/chunk-5s6r4g8w.js

@@ -0,0 +1,16 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/assistant-ui/elements/EmptyStateGreeting.tsx
+import { jsx } from "react/jsx-runtime";
+function EmptyStateGreeting2({ className, ...props }) {
+  return /* @__PURE__ */ jsx("h2", {
+    "data-testid": "EmptyStateGreeting",
+    "data-slot": "empty-state-greeting",
+    className: cn2("fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-center text-xl font-medium tracking-tight duration-500 motion-reduce:animate-none", className),
+    ...props
+  });
+}
+
+export { EmptyStateGreeting2 };

package/dist/chunk-5wemmqv5.js

@@ -0,0 +1,117 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  paper,
+  field,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/MapAnswer.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function MapAnswer2({ pins, activeId, route, onSelect, ...props }) {
+  const path = pins.map((pin) => `${pin.x},${pin.y}`).join(" ");
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "MapAnswer",
+    "data-slot": "map-answer",
+    className: cn2(paper, "flex w-full max-w-sm flex-col overflow-hidden rounded-md"),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: cn2(field, "relative h-40"),
+        children: [
+          /* @__PURE__ */ jsxs("svg", {
+            viewBox: "0 0 100 100",
+            preserveAspectRatio: "none",
+            "aria-hidden": true,
+            className: "absolute inset-0 size-full",
+            children: [
+              [18, 42, 66, 88].map((y) => /* @__PURE__ */ jsx("line", {
+                x1: "0",
+                x2: "100",
+                y1: y,
+                y2: y,
+                className: "stroke-foreground/[0.06]",
+                strokeWidth: "0.6"
+              }, `h${y}`)),
+              [22, 50, 74].map((x) => /* @__PURE__ */ jsx("line", {
+                x1: x,
+                x2: x,
+                y1: "0",
+                y2: "100",
+                className: "stroke-foreground/[0.06]",
+                strokeWidth: "0.6"
+              }, `v${x}`)),
+              route && pins.length > 1 && /* @__PURE__ */ jsx("polyline", {
+                points: path,
+                fill: "none",
+                strokeWidth: "1.2",
+                strokeDasharray: "3 2",
+                strokeLinecap: "round",
+                className: "stroke-primary/60 stroke-primary/60"
+              })
+            ]
+          }),
+          pins.map((pin) => {
+            const className = "focus-visible:ring-foreground/30 absolute flex size-6 -translate-x-1/2 -/2 items-center justify-center rounded-full outline-none focus-visible:ring-1";
+            const content = /* @__PURE__ */ jsx("span", {
+              className: cn2("block rounded-full border-2 transition-all duration-200 motion-reduce:transition-none", pin.id === activeId ? "border-background size-3.5 bg-primary bg-primary" : "border-background bg-foreground/45 size-2.5")
+            });
+            return onSelect ? /* @__PURE__ */ jsx("button", {
+              type: "button",
+              "aria-label": pin.label,
+              "aria-current": pin.id === activeId || undefined,
+              onClick: () => onSelect(pin.id),
+              className,
+              style: { left: `${pin.x}%`, top: `${pin.y}%` },
+              children: content
+            }, pin.id) : /* @__PURE__ */ jsx("span", {
+              role: "img",
+              "aria-label": pin.label,
+              "aria-current": pin.id === activeId || undefined,
+              className,
+              style: { left: `${pin.x}%`, top: `${pin.y}%` },
+              children: content
+            }, pin.id);
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "flex flex-col",
+        children: pins.map((pin) => {
+          const className = cn2("border-foreground/[0.06] flex items-baseline gap-2 border-t px-3.5 py-2 text-start transition-colors", pin.id === activeId ? "bg-foreground/[0.03]" : onSelect ? "hover:bg-foreground/[0.02]" : undefined);
+          const content = /* @__PURE__ */ jsxs("span", {
+            className: "flex w-full items-baseline gap-2",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "text-foreground/85 min-w-0 flex-1 truncate text-base",
+                children: pin.label
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: cn2(mono, "text-muted-foreground shrink-0"),
+                children: pin.detail
+              })
+            ]
+          });
+          return onSelect ? /* @__PURE__ */ jsx(Button2, {
+            type: "button",
+            variant: "ghost",
+            align: "start",
+            "aria-current": pin.id === activeId || undefined,
+            onClick: () => onSelect(pin.id),
+            children: content
+          }, pin.id) : /* @__PURE__ */ jsx("div", {
+            "aria-current": pin.id === activeId || undefined,
+            className,
+            children: content
+          }, pin.id);
+        })
+      })
+    ]
+  });
+}
+
+export { MapAnswer2 };

package/dist/chunk-63gvcckp.js

@@ -0,0 +1,84 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  take,
+  pct
+} from "./chunk-v8ks0cfq.js";
+import {
+  paper,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/TraceWaterfall.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TONE = {
+  running: "bg-primary bg-primary",
+  completed: "bg-foreground/35",
+  failed: "bg-destructive/80"
+};
+function TraceWaterfall2({
+  spans,
+  totalMs,
+  visibleCount,
+  className,
+  ...props
+}) {
+  const span = totalMs || 1;
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "TraceWaterfall",
+    "data-slot": "trace-waterfall",
+    className: cn2(cn2(paper, "flex w-full max-w-md flex-col gap-2 rounded-md p-4"), className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-baseline justify-between",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "text-base font-medium",
+            children: "Trace"
+          }),
+          /* @__PURE__ */ jsxs("span", {
+            className: cn2(mono, "text-muted-foreground tabular-nums"),
+            children: [
+              totalMs,
+              "ms"
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "flex flex-col gap-1",
+        children: take(spans, visibleCount).map((item) => {
+          const left = pct(item.startMs, span);
+          const width = Math.max(1.5, pct(item.durationMs, span));
+          return /* @__PURE__ */ jsxs("div", {
+            className: "fade-in slide-in-from-left-1 animate-in fill-mode-both grid grid-cols-[7.5rem_1fr_28px] items-center gap-2 duration-300",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "text-muted-foreground min-w-0 truncate text-sm",
+                style: { paddingInlineStart: `${item.depth * 0.75}rem` },
+                children: item.name
+              }),
+              /* @__PURE__ */ jsx("span", {
+                role: "img",
+                "aria-label": `${item.status}, starts at ${item.startMs}ms, runs ${item.durationMs}ms`,
+                className: "relative flex h-4 min-w-0 items-center",
+                children: /* @__PURE__ */ jsx("span", {
+                  className: cn2("absolute h-[7px] rounded-full transition-[width] duration-500 ease-out motion-reduce:transition-none", TONE[item.status], item.status === "running" && "animate-pulse"),
+                  style: { insetInlineStart: `${left}%`, width: `${width}%` }
+                })
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: cn2(mono, "text-muted-foreground text-end tabular-nums"),
+                children: item.durationMs
+              })
+            ]
+          }, item.id);
+        })
+      })
+    ]
+  });
+}
+
+export { TraceWaterfall2 };

package/dist/chunk-644cnngf.js

@@ -0,0 +1,54 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/Slider.tsx
+import { Slider as SliderPrimitive } from "@base-ui/react/slider";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Slider2({
+  density,
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  getAriaLabel,
+  getAriaValueText,
+  ...props
+}) {
+  const values = value ?? defaultValue ?? min;
+  const thumbCount = typeof values === "number" ? 1 : values.length;
+  return /* @__PURE__ */ jsx(SliderPrimitive.Root, {
+    className: (state) => cn2(state.orientation === "horizontal" ? "w-full" : "h-full", typeof className === "function" ? className(state) : className),
+    "data-density": density,
+    "data-slot": "slider",
+    defaultValue,
+    value,
+    min,
+    max,
+    thumbAlignment: "edge",
+    ...props,
+    children: /* @__PURE__ */ jsxs(SliderPrimitive.Control, {
+      className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+      children: [
+        /* @__PURE__ */ jsx(SliderPrimitive.Track, {
+          "data-slot": "slider-track",
+          className: "relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1",
+          children: /* @__PURE__ */ jsx(SliderPrimitive.Indicator, {
+            "data-slot": "slider-range",
+            className: "bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
+          })
+        }),
+        Array.from({ length: thumbCount }, (_, index) => /* @__PURE__ */ jsx(SliderPrimitive.Thumb, {
+          "data-slot": "slider-thumb",
+          index,
+          getAriaLabel,
+          getAriaValueText,
+          className: "relative block size-3 shrink-0 rounded-full border border-ring bg-background ring-ring transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-1 focus-visible:outline-hidden active:ring-3 data-disabled:pointer-events-none data-disabled:opacity-50"
+        }, index))
+      ]
+    })
+  });
+}
+
+export { Slider2 };

package/dist/chunk-64564z9p.js

@@ -0,0 +1,8 @@
+// src/components/assistant-ui/utils/formatMediaDuration.ts
+function formatMediaDuration(seconds) {
+  const wholeSeconds = Number.isFinite(seconds) ? Math.max(0, Math.floor(seconds)) : 0;
+  const minutes = Math.floor(wholeSeconds / 60);
+  return `${minutes}:${String(wholeSeconds % 60).padStart(2, "0")}`;
+}
+
+export { formatMediaDuration };

package/dist/chunk-6hbx647r.js

@@ -0,0 +1,35 @@
+import {
+  ContextDisplayRoot3
+} from "./chunk-f63f8w58.js";
+import {
+  ContextDisplayTrigger2
+} from "./chunk-86211e5a.js";
+import {
+  ContextDisplayContent2
+} from "./chunk-2b9agdrf.js";
+import {
+  ContextDisplayRing2
+} from "./chunk-wf5cnpdg.js";
+import {
+  ContextDisplayBar2
+} from "./chunk-pe1vvkp7.js";
+import {
+  ContextDisplayText2
+} from "./chunk-550z7s64.js";
+
+// src/components/assistant-ui/elements/ContextDisplay.tsx
+import { jsx } from "react/jsx-runtime";
+var ContextDisplay2 = Object.assign(function ContextDisplay(props) {
+  return /* @__PURE__ */ jsx(ContextDisplayRoot3, {
+    ...props
+  });
+}, {
+  Root: ContextDisplayRoot3,
+  Trigger: ContextDisplayTrigger2,
+  Content: ContextDisplayContent2,
+  Ring: ContextDisplayRing2,
+  Bar: ContextDisplayBar2,
+  Text: ContextDisplayText2
+});
+
+export { ContextDisplay2 };

package/dist/chunk-6jpz5geq.js

@@ -0,0 +1,150 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Label2
+} from "./chunk-jcxxjkqx.js";
+import {
+  Separator2
+} from "./chunk-rajgnfbr.js";
+
+// src/components/Field.tsx
+import { useMemo } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+"use client";
+function FieldSet2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("fieldset", {
+    "data-density": density,
+    "data-slot": "field-set",
+    className: cn2("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
+    ...props
+  });
+}
+function FieldLegend2({ density, className, variant = "legend", ...props }) {
+  return /* @__PURE__ */ jsx("legend", {
+    "data-density": density,
+    "data-slot": "field-legend",
+    "data-variant": variant,
+    className: cn2("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className),
+    ...props
+  });
+}
+function FieldGroup2({ density, className, columns = 1, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "field-group",
+    className: cn2("group/field-group @container/field-group w-full gap-field-gap data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", columns === 2 ? "grid grid-cols-1 sm:grid-cols-2" : "flex flex-col", className),
+    ...props
+  });
+}
+var fieldVariants = cva("group/field flex w-full gap-2 data-[invalid=true]:text-destructive", {
+  variants: {
+    orientation: {
+      vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+      horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+      responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+function Field2({ density, className, orientation = "vertical", ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    role: "group",
+    "data-density": density,
+    "data-slot": "field",
+    "data-orientation": orientation,
+    className: cn2(fieldVariants({ orientation }), className),
+    ...props
+  });
+}
+function FieldContent2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "field-content",
+    className: cn2("group/field-content flex flex-1 flex-col gap-0.5 leading-snug", className),
+    ...props
+  });
+}
+function FieldLabel2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx(Label2, {
+    "data-density": density,
+    "data-slot": "field-label",
+    className: cn2("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-sm has-[>[data-slot=field]]:border has-[>[data-slot=field]]:not-has-[:disabled,[data-disabled]]:hover:bg-muted/50 has-[>[data-slot=field]]:has-[:focus-visible]:border-ring has-[>[data-slot=field]]:has-[:focus-visible]:ring-3 has-[>[data-slot=field]]:has-[:focus-visible]:ring-ring *:data-[slot=field]:p-2.5", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className),
+    ...props
+  });
+}
+function FieldTitle2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "field-label",
+    className: cn2("flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50", className),
+    ...props
+  });
+}
+function FieldDescription2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("p", {
+    "data-density": density,
+    "data-slot": "field-description",
+    className: cn2("text-start text-sm leading-normal font-normal text-muted-foreground group-data-[orientation=horizontal]/field:text-balance @md/field-group:group-data-[orientation=responsive]/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+    ...props
+  });
+}
+function FieldSeparator2({ density, children, className, ...props }) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-density": density,
+    "data-slot": "field-separator",
+    "data-content": !!children,
+    className: cn2("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(Separator2, {
+        className: "absolute inset-0 top-1/2"
+      }),
+      children && /* @__PURE__ */ jsx("span", {
+        className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+        "data-slot": "field-separator-content",
+        children
+      })
+    ]
+  });
+}
+function FieldError2({ density, className, children, errors, ...props }) {
+  const content = useMemo(() => {
+    if (children) {
+      return children;
+    }
+    if (!errors?.length) {
+      return null;
+    }
+    const uniqueMessages = [
+      ...new Set(errors.map((error) => error?.message).filter((message) => typeof message === "string" && message.length > 0))
+    ];
+    if (!uniqueMessages.length)
+      return null;
+    if (uniqueMessages.length === 1) {
+      return uniqueMessages[0];
+    }
+    return /* @__PURE__ */ jsx("ul", {
+      className: "ms-4 flex list-disc flex-col gap-1",
+      children: uniqueMessages.map((message) => /* @__PURE__ */ jsx("li", {
+        children: message
+      }, message))
+    });
+  }, [children, errors]);
+  if (!content) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", {
+    role: "alert",
+    "data-density": density,
+    "data-slot": "field-error",
+    className: cn2("text-sm font-normal text-destructive", className),
+    ...props,
+    children: content
+  });
+}
+
+export { FieldSet2, FieldLegend2, FieldGroup2, Field2, FieldContent2, FieldLabel2, FieldTitle2, FieldDescription2, FieldSeparator2, FieldError2 };

package/dist/chunk-6krk6rjd.js

@@ -0,0 +1,99 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  Badge2
+} from "./chunk-wjx6zf94.js";
+import {
+  floating,
+  field
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/LauncherBubble.tsx
+import { useId } from "react";
+import { MessageCircleIcon, XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function LauncherBubble2({
+  open,
+  unread,
+  greeting,
+  prompts,
+  replyExpectation,
+  onToggle,
+  onPick,
+  onStart,
+  ...props
+}) {
+  const panelId = useId();
+  const unreadId = useId();
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "LauncherBubble",
+    "data-slot": "launcher-bubble",
+    className: "flex w-full max-w-xs flex-col items-end gap-2",
+    ...props,
+    children: [
+      open ? /* @__PURE__ */ jsxs("section", {
+        id: panelId,
+        "aria-label": "Assistant welcome",
+        className: cn2(floating, "flex w-full flex-col gap-2 rounded-md p-2"),
+        children: [
+          /* @__PURE__ */ jsx("h2", {
+            className: "text-base font-medium",
+            children: greeting
+          }),
+          replyExpectation ? /* @__PURE__ */ jsx("p", {
+            className: "text-sm text-muted-foreground",
+            children: replyExpectation
+          }) : null,
+          /* @__PURE__ */ jsx("div", {
+            className: "flex flex-col gap-1",
+            children: prompts.map((prompt) => onPick ? /* @__PURE__ */ jsx(Button2, {
+              variant: "ghost",
+              align: "start",
+              onClick: () => onPick(prompt),
+              children: prompt
+            }, prompt) : /* @__PURE__ */ jsx("span", {
+              className: cn2(field, "rounded-sm p-1.5 text-sm"),
+              children: prompt
+            }, prompt))
+          }),
+          onStart ? /* @__PURE__ */ jsx(Button2, {
+            variant: "default",
+            onClick: onStart,
+            children: "Start a conversation"
+          }) : null
+        ]
+      }) : null,
+      onToggle || !open ? /* @__PURE__ */ jsxs(Button2, {
+        variant: "default",
+        "aria-expanded": open,
+        "aria-controls": open ? panelId : undefined,
+        "aria-describedby": unread > 0 && !open ? unreadId : undefined,
+        "aria-label": open ? "Close the assistant" : "Open the assistant",
+        onClick: onToggle,
+        disabled: !onToggle,
+        children: [
+          open ? /* @__PURE__ */ jsx(XIcon, {
+            "aria-hidden": "true",
+            "data-icon": "inline-start"
+          }) : /* @__PURE__ */ jsx(MessageCircleIcon, {
+            "aria-hidden": "true",
+            "data-icon": "inline-start"
+          }),
+          unread > 0 && !open ? /* @__PURE__ */ jsxs(Badge2, {
+            id: unreadId,
+            children: [
+              unread,
+              " unread"
+            ]
+          }) : null
+        ]
+      }) : null
+    ]
+  });
+}
+
+export { LauncherBubble2 };

package/dist/chunk-6synj4j9.js

@@ -0,0 +1,36 @@
+// src/components/assistant-ui/hooks/useCopyToClipboard.ts
+import { useEffect, useRef, useState } from "react";
+"use client";
+function useCopyToClipboard({ copiedDuration = 3000 } = {}) {
+  const [isCopied, setIsCopied] = useState(false);
+  const copiedTimerRef = useRef(undefined);
+  const scopeGenerationRef = useRef(0);
+  useEffect(() => () => {
+    scopeGenerationRef.current += 1;
+    if (copiedTimerRef.current === undefined)
+      return;
+    clearTimeout(copiedTimerRef.current);
+    copiedTimerRef.current = undefined;
+  }, []);
+  const copyToClipboard = (value) => {
+    if (!value || typeof navigator === "undefined" || !navigator.clipboard) {
+      return;
+    }
+    const scopeGeneration = scopeGenerationRef.current;
+    navigator.clipboard.writeText(value).then(() => {
+      if (scopeGeneration !== scopeGenerationRef.current)
+        return;
+      if (copiedTimerRef.current !== undefined) {
+        clearTimeout(copiedTimerRef.current);
+      }
+      setIsCopied(true);
+      copiedTimerRef.current = setTimeout(() => {
+        copiedTimerRef.current = undefined;
+        setIsCopied(false);
+      }, copiedDuration);
+    }, () => {});
+  };
+  return { isCopied, copyToClipboard };
+}
+
+export { useCopyToClipboard };