@alexgorbatchev/shadcn 0.0.0-stage → 0.0.16

package/dist/chunk-jwajmmfb.js

@@ -0,0 +1,14 @@
+import {
+  CommandGroup2
+} from "./chunk-4gby2v61.js";
+
+// src/components/assistant-ui/elements/ModelSelectorGroup.tsx
+import { jsx } from "react/jsx-runtime";
+function ModelSelectorGroup2(props) {
+  return /* @__PURE__ */ jsx(CommandGroup2, {
+    "data-slot": "model-selector-group",
+    ...props
+  });
+}
+
+export { ModelSelectorGroup2 };

package/dist/chunk-jxwfkmdh.js

@@ -0,0 +1,35 @@
+import {
+  CommandList2,
+  CommandGroup2
+} from "./chunk-4gby2v61.js";
+import {
+  useModelSelectorContext
+} from "./chunk-ydfx8r6d.js";
+import {
+  ModelSelectorEmpty2
+} from "./chunk-dnja1pz5.js";
+import {
+  ModelSelectorItem2
+} from "./chunk-fh3nme7f.js";
+
+// src/components/assistant-ui/elements/ModelSelectorList.tsx
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function ModelSelectorList2({ children, ...props }) {
+  const { models } = useModelSelectorContext();
+  return /* @__PURE__ */ jsx(CommandList2, {
+    "data-slot": "model-selector-list",
+    ...props,
+    children: children ?? /* @__PURE__ */ jsxs(Fragment, {
+      children: [
+        /* @__PURE__ */ jsx(ModelSelectorEmpty2, {}),
+        /* @__PURE__ */ jsx(CommandGroup2, {
+          children: models.map((model) => /* @__PURE__ */ jsx(ModelSelectorItem2, {
+            model
+          }, model.id))
+        })
+      ]
+    })
+  });
+}
+
+export { ModelSelectorList2 };

package/dist/chunk-jy57625a.js

@@ -0,0 +1,19 @@
+// src/components/assistant-ui/hooks/usePrefersReducedMotion.ts
+import { useSyncExternalStore } from "react";
+var QUERY = "(prefers-reduced-motion: reduce)";
+function subscribe(onChange) {
+  const query = window.matchMedia(QUERY);
+  query.addEventListener("change", onChange);
+  return () => query.removeEventListener("change", onChange);
+}
+function readPreference() {
+  return window.matchMedia(QUERY).matches;
+}
+function readServerPreference() {
+  return true;
+}
+function usePrefersReducedMotion() {
+  return useSyncExternalStore(subscribe, readPreference, readServerPreference);
+}
+
+export { usePrefersReducedMotion };

package/dist/chunk-jy6nfnbx.js

@@ -0,0 +1,94 @@
+import {
+  GitHubIcon2
+} from "./chunk-4bjqbky7.js";
+import {
+  Sidebar2,
+  SidebarRail2,
+  SidebarHeader2,
+  SidebarFooter2,
+  SidebarContent2,
+  SidebarMenu2,
+  SidebarMenuItem2,
+  SidebarMenuButton2
+} from "./chunk-xvs5y4v7.js";
+import {
+  ThreadList3
+} from "./chunk-tsekdy3w.js";
+
+// src/components/assistant-ui/native/ThreadListSidebar.tsx
+import { MessagesSquare } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ThreadListSidebar2({ ...props }) {
+  return /* @__PURE__ */ jsxs(Sidebar2, {
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SidebarHeader2, {
+        className: "border-y border-sidebar-border",
+        children: /* @__PURE__ */ jsx(SidebarMenu2, {
+          children: /* @__PURE__ */ jsx(SidebarMenuItem2, {
+            children: /* @__PURE__ */ jsxs(SidebarMenuButton2, {
+              size: "lg",
+              render: /* @__PURE__ */ jsx("a", {
+                href: "https://assistant-ui.com",
+                target: "_blank",
+                rel: "noopener noreferrer"
+              }),
+              children: [
+                /* @__PURE__ */ jsx(MessagesSquare, {
+                  "aria-hidden": "true",
+                  className: "size-4 shrink-0"
+                }),
+                /* @__PURE__ */ jsx("div", {
+                  className: "aui-sidebar-header-heading me-6 flex flex-col gap-0.5 leading-none",
+                  children: /* @__PURE__ */ jsx("span", {
+                    className: "aui-sidebar-header-title font-semibold",
+                    children: "assistant-ui"
+                  })
+                })
+              ]
+            })
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx(SidebarContent2, {
+        className: "p-panel",
+        children: /* @__PURE__ */ jsx(ThreadList3, {})
+      }),
+      props.collapsible !== "none" && /* @__PURE__ */ jsx(SidebarRail2, {}),
+      /* @__PURE__ */ jsx(SidebarFooter2, {
+        className: "border-y border-sidebar-border",
+        children: /* @__PURE__ */ jsx(SidebarMenu2, {
+          children: /* @__PURE__ */ jsx(SidebarMenuItem2, {
+            children: /* @__PURE__ */ jsxs(SidebarMenuButton2, {
+              size: "lg",
+              render: /* @__PURE__ */ jsx("a", {
+                href: "https://github.com/assistant-ui/assistant-ui",
+                target: "_blank",
+                rel: "noopener noreferrer"
+              }),
+              children: [
+                /* @__PURE__ */ jsx(GitHubIcon2, {
+                  variant: "tile"
+                }),
+                /* @__PURE__ */ jsxs("div", {
+                  className: "aui-sidebar-footer-heading flex flex-col gap-0.5 leading-none",
+                  children: [
+                    /* @__PURE__ */ jsx("span", {
+                      className: "aui-sidebar-footer-title font-semibold",
+                      children: "GitHub"
+                    }),
+                    /* @__PURE__ */ jsx("span", {
+                      children: "View Source"
+                    })
+                  ]
+                })
+              ]
+            })
+          })
+        })
+      })
+    ]
+  });
+}
+
+export { ThreadListSidebar2 };

package/dist/chunk-k01gpm23.js

@@ -0,0 +1,22 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  deriveVoiceOrbState
+} from "./chunk-vygzdvrk.js";
+
+// src/components/assistant-ui/native/VoiceStatusDot.tsx
+import { useVoiceState } from "@assistant-ui/react";
+import { jsx } from "react/jsx-runtime";
+function VoiceStatusDot2() {
+  const voiceState = useVoiceState();
+  const state = deriveVoiceOrbState(voiceState);
+  return /* @__PURE__ */ jsx("span", {
+    "data-testid": "VoiceStatusDot",
+    role: "status",
+    "aria-label": `Voice ${state}`,
+    className: cn2("aui-voice-status-dot size-2.5 shrink-0 rounded-full transition-all duration-300", state === "idle" && "bg-muted-foreground", state === "connecting" && "animate-pulse bg-warning", state === "listening" && "bg-success", state === "speaking" && "bg-success", state === "muted" && "bg-destructive")
+  });
+}
+
+export { VoiceStatusDot2 };

package/dist/chunk-k3hjzpvz.js

@@ -0,0 +1,67 @@
+// src/components/assistant-ui/elements/SyntaxHighlighter.tsx
+import { PrismAsyncLight } from "react-syntax-highlighter";
+import { makePrismAsyncLightSyntaxHighlighter } from "@assistant-ui/react-syntax-highlighter";
+import tsx from "react-syntax-highlighter/dist/esm/languages/prism/tsx";
+import python from "react-syntax-highlighter/dist/esm/languages/prism/python";
+import { jsx } from "react/jsx-runtime";
+PrismAsyncLight.registerLanguage("js", tsx);
+PrismAsyncLight.registerLanguage("jsx", tsx);
+PrismAsyncLight.registerLanguage("ts", tsx);
+PrismAsyncLight.registerLanguage("tsx", tsx);
+PrismAsyncLight.registerLanguage("python", python);
+var syntaxHighlighterCustomStyle = {
+  background: "var(--secondary)",
+  color: "var(--foreground)",
+  border: "1px solid var(--border)",
+  borderRadius: "var(--radius-sm)",
+  margin: 0,
+  width: "100%",
+  padding: "6px"
+};
+var semanticPrismTheme = {
+  'code[class*="language-"]': { color: "var(--foreground)", background: "var(--secondary)" },
+  'pre[class*="language-"]': { color: "var(--foreground)", background: "var(--secondary)" },
+  comment: { color: "var(--muted-foreground)" },
+  prolog: { color: "var(--muted-foreground)" },
+  doctype: { color: "var(--muted-foreground)" },
+  cdata: { color: "var(--muted-foreground)" },
+  punctuation: { color: "var(--muted-foreground)" },
+  property: { color: "var(--primary)" },
+  tag: { color: "var(--primary)" },
+  boolean: { color: "var(--warning)" },
+  number: { color: "var(--warning)" },
+  constant: { color: "var(--warning)" },
+  symbol: { color: "var(--warning)" },
+  deleted: { color: "var(--destructive)" },
+  selector: { color: "var(--success)" },
+  "attr-name": { color: "var(--primary)" },
+  string: { color: "var(--success)" },
+  char: { color: "var(--success)" },
+  builtin: { color: "var(--primary)" },
+  inserted: { color: "var(--success)" },
+  operator: { color: "var(--foreground)" },
+  entity: { color: "var(--foreground)" },
+  url: { color: "var(--primary)" },
+  atrule: { color: "var(--primary)" },
+  "attr-value": { color: "var(--success)" },
+  keyword: { color: "var(--primary)" },
+  function: { color: "var(--primary)" },
+  "class-name": { color: "var(--primary)" },
+  regex: { color: "var(--warning)" },
+  important: { color: "var(--warning)" },
+  variable: { color: "var(--foreground)" }
+};
+var SemanticSyntaxHighlighter = makePrismAsyncLightSyntaxHighlighter({
+  style: semanticPrismTheme,
+  customStyle: syntaxHighlighterCustomStyle
+});
+function SyntaxHighlighter2(props) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "SyntaxHighlighter",
+    children: /* @__PURE__ */ jsx(SemanticSyntaxHighlighter, {
+      ...props
+    })
+  });
+}
+
+export { SyntaxHighlighter2 };

package/dist/chunk-k6hfm259.js

@@ -0,0 +1,37 @@
+import {
+  Badge2
+} from "./chunk-wjx6zf94.js";
+
+// src/components/assistant-ui/elements/DirectiveText.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DirectiveText3({ text, formatter, options }) {
+  const iconMap = options?.iconMap;
+  const fallbackIcon = options?.fallbackIcon;
+  const segments = formatter.parse(text);
+  return /* @__PURE__ */ jsx("span", {
+    "data-testid": "DirectiveText",
+    className: "whitespace-pre-wrap",
+    children: segments.map((seg, i) => {
+      if (seg.kind === "text") {
+        return /* @__PURE__ */ jsx("span", {
+          className: "whitespace-pre-wrap",
+          children: seg.text
+        }, i);
+      }
+      const Icon = iconMap?.[seg.type] ?? fallbackIcon;
+      return /* @__PURE__ */ jsxs(Badge2, {
+        variant: "default",
+        "data-slot": "directive-text-chip",
+        "data-directive-type": seg.type,
+        "data-directive-id": seg.id,
+        "aria-label": `${seg.type}: ${seg.label}`,
+        children: [
+          Icon && /* @__PURE__ */ jsx(Icon, {}),
+          seg.label
+        ]
+      }, i);
+    })
+  });
+}
+
+export { DirectiveText3 };

package/dist/chunk-k99h6evz.js

@@ -0,0 +1,11 @@
+// src/hooks/useMediaQuery.ts
+import { useMemo, useSyncExternalStore } from "react";
+function useMediaQuery(query) {
+  const media = useMemo(() => typeof window === "undefined" ? undefined : window.matchMedia(query), [query]);
+  return useSyncExternalStore((listener) => {
+    media?.addEventListener("change", listener);
+    return () => media?.removeEventListener("change", listener);
+  }, () => media?.matches ?? false, () => false);
+}
+
+export { useMediaQuery };

package/dist/chunk-kbcprevc.js

@@ -0,0 +1,17 @@
+import {
+  ShikiHighlighter2
+} from "./chunk-hpmvzsnv.js";
+
+// src/components/assistant-ui/native/SyntaxHighlighter.tsx
+import { useAuiState } from "@assistant-ui/react";
+import { jsx } from "react/jsx-runtime";
+function SyntaxHighlighter3({ node: _node, components: _components, ...props }) {
+  const isStreaming = useAuiState((s) => s.optional.part?.status.type === "running");
+  return /* @__PURE__ */ jsx(ShikiHighlighter2, {
+    ...props,
+    streaming: isStreaming
+  });
+}
+SyntaxHighlighter3.displayName = "SyntaxHighlighter";
+
+export { SyntaxHighlighter3 };

package/dist/chunk-khgrv6k6.js

@@ -0,0 +1,56 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/NumberTicker.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function RollingDigit({ digit }) {
+  return /* @__PURE__ */ jsx("span", {
+    "data-testid": "RollingDigit",
+    className: "inline-flex h-[1.15em] overflow-hidden",
+    children: /* @__PURE__ */ jsx("span", {
+      className: "flex flex-col transition-transform duration-500 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:transition-none",
+      style: { transform: `translateY(-${digit * 1.15}em)` },
+      children: Array.from({ length: 10 }, (_, i) => /* @__PURE__ */ jsx("span", {
+        className: "h-[1.15em] leading-[1.15]",
+        children: i
+      }, i))
+    })
+  });
+}
+function NumberTicker2({ value, label, className, ...props }) {
+  const formatted = value.toLocaleString("en-US");
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "NumberTicker",
+    "data-slot": "number-ticker",
+    className: cn2(cn2("flex flex-col items-center gap-2.5"), className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        className: "flex text-3xl font-medium tracking-tight tabular-nums",
+        "aria-hidden": "true",
+        children: formatted.split("").map((char, i) => /\d/.test(char) ? /* @__PURE__ */ jsx(RollingDigit, {
+          digit: Number(char)
+        }, i) : /* @__PURE__ */ jsx("span", {
+          className: "h-[1.15em] leading-[1.15]",
+          children: char
+        }, i))
+      }),
+      /* @__PURE__ */ jsx("output", {
+        "aria-label": label,
+        className: "sr-only",
+        children: formatted
+      }),
+      /* @__PURE__ */ jsx("span", {
+        "aria-hidden": "true",
+        className: cn2(mono, "text-muted-foreground"),
+        children: label
+      })
+    ]
+  });
+}
+
+export { NumberTicker2 };

package/dist/chunk-khkdgmvm.js

@@ -0,0 +1,95 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  ShareMeter2
+} from "./chunk-mammcx1w.js";
+import {
+  formatTokenCount
+} from "./chunk-nzas8r5v.js";
+import {
+  pct,
+  announced
+} from "./chunk-v8ks0cfq.js";
+import {
+  paper,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/CostMeter.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CostMeter2({ runCost, sessionCost, lines, ...props }) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "CostMeter",
+    "data-slot": "cost-meter",
+    className: cn2(paper, "flex w-full max-w-sm flex-col gap-2 rounded-md p-2"),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-baseline gap-2",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "text-2xl font-medium tracking-tight tabular-nums",
+            children: runCost
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground"),
+            children: "this run"
+          }),
+          /* @__PURE__ */ jsxs("span", {
+            className: cn2(mono, "text-muted-foreground ms-auto tabular-nums"),
+            children: [
+              sessionCost,
+              " session"
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "flex w-full flex-col gap-1",
+        children: lines.map((line) => {
+          const width = pct(line.share, 1);
+          if (announced(width) === 0)
+            return null;
+          return /* @__PURE__ */ jsx(ShareMeter2, {
+            label: `${line.model} cost share`,
+            percentage: width,
+            valueText: `${announced(width)}% of run cost`
+          }, line.model);
+        })
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "flex flex-col gap-1.5",
+        children: lines.map((line) => /* @__PURE__ */ jsxs("div", {
+          className: "flex flex-wrap items-baseline gap-x-2 gap-y-0.5",
+          children: [
+            /* @__PURE__ */ jsx("span", {
+              className: "text-foreground/75 min-w-0 grow truncate text-base",
+              children: line.model
+            }),
+            /* @__PURE__ */ jsxs("span", {
+              className: "ms-auto flex min-w-0 items-baseline gap-2",
+              children: [
+                /* @__PURE__ */ jsxs("span", {
+                  className: cn2(mono, "text-muted-foreground truncate tabular-nums"),
+                  children: [
+                    formatTokenCount(line.inputTokens),
+                    " in · ",
+                    formatTokenCount(line.outputTokens),
+                    " out"
+                  ]
+                }),
+                /* @__PURE__ */ jsx("span", {
+                  className: cn2(mono, "text-foreground/75 shrink-0 tabular-nums"),
+                  children: line.cost
+                })
+              ]
+            })
+          ]
+        }, line.model))
+      })
+    ]
+  });
+}
+
+export { CostMeter2 };

package/dist/chunk-kjx7n6a7.js

@@ -0,0 +1,20 @@
+// src/components/assistant-ui/elements/ClaudeLogo.tsx
+import { jsx } from "react/jsx-runtime";
+function ClaudeLogo2({ size = "md", ...props }) {
+  return /* @__PURE__ */ jsx("svg", {
+    "data-testid": "ClaudeLogo",
+    "data-slot": "icon",
+    width: size === "sm" ? 12 : 14,
+    height: size === "sm" ? 12 : 14,
+    viewBox: "0 0 256 257",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    ...props,
+    children: /* @__PURE__ */ jsx("path", {
+      fill: "#D97757",
+      d: "m50.228 170.321 50.357-28.257.843-2.463-.843-1.361h-2.462l-8.426-.518-28.775-.778-24.952-1.037-24.175-1.296-6.092-1.297L0 125.796l.583-3.759 5.12-3.434 7.324.648 16.202 1.101 24.304 1.685 17.629 1.037 26.118 2.722h4.148l.583-1.685-1.426-1.037-1.101-1.037-25.147-17.045-27.22-18.017-14.258-10.37-7.713-5.25-3.888-4.925-1.685-10.758 7-7.713 9.397.649 2.398.648 9.527 7.323 20.35 15.75L94.817 91.9l3.889 3.24 1.555-1.102.195-.777-1.75-2.917-14.453-26.118-15.425-26.572-6.87-11.018-1.814-6.61c-.648-2.723-1.102-4.991-1.102-7.778l7.972-10.823L71.42 0 82.05 1.426l4.472 3.888 6.61 15.101 10.694 23.786 16.591 32.34 4.861 9.592 2.592 8.879.973 2.722h1.685v-1.556l1.36-18.211 2.528-22.36 2.463-28.776.843-8.1 4.018-9.722 7.971-5.25 6.222 2.981 5.12 7.324-.713 4.73-3.046 19.768-5.962 30.98-3.889 20.739h2.268l2.593-2.593 10.499-13.934 17.628-22.036 7.778-8.749 9.073-9.657 5.833-4.601h11.018l8.1 12.055-3.628 12.443-11.342 14.388-9.398 12.184-13.48 18.147-8.426 14.518.778 1.166 2.01-.194 30.46-6.481 16.462-2.982 19.637-3.37 8.88 4.148.971 4.213-3.5 8.62-20.998 5.184-24.628 4.926-36.682 8.685-.454.324.519.648 16.526 1.555 7.065.389h17.304l32.21 2.398 8.426 5.574 5.055 6.805-.843 5.184-12.962 6.611-17.498-4.148-40.83-9.721-14-3.5h-1.944v1.167l11.666 11.406 21.387 19.314 26.767 24.887 1.36 6.157-3.434 4.86-3.63-.518-23.526-17.693-9.073-7.972-20.545-17.304h-1.36v1.814l4.73 6.935 25.017 37.59 1.296 11.536-1.814 3.76-6.481 2.268-7.13-1.297-14.647-20.544-15.1-23.138-12.185-20.739-1.49.843-7.194 77.448-3.37 3.953-7.778 2.981-6.48-4.925-3.436-7.972 3.435-15.749 4.148-20.544 3.37-16.333 3.046-20.285 1.815-6.74-.13-.454-1.49.194-15.295 20.999-23.267 31.433-18.406 19.702-4.407 1.75-7.648-3.954.713-7.064 4.277-6.286 25.47-32.405 15.36-20.092 9.917-11.6-.065-1.686h-.583L44.07 198.125l-12.055 1.555-5.185-4.86.648-7.972 2.463-2.593 20.35-13.999-.064.065Z"
+    })
+  });
+}
+
+export { ClaudeLogo2 };

package/dist/chunk-kp3jgjng.js

@@ -0,0 +1,20 @@
+// src/components/assistant-ui/utils/modelSelection.ts
+import { createContext } from "react";
+var DEFAULT_EFFORT_OPTIONS = [
+  { id: "low", name: "Low" },
+  { id: "medium", name: "Med" },
+  { id: "high", name: "High" }
+];
+function getModelEfforts(model) {
+  if (!model?.efforts)
+    return;
+  return model.efforts === true ? DEFAULT_EFFORT_OPTIONS : model.efforts;
+}
+function resolveEffort(efforts, effort) {
+  if (effort === undefined)
+    return;
+  return efforts?.some((e) => e.id === effort) ? effort : undefined;
+}
+var ModelSelectorContext = createContext(null);
+
+export { getModelEfforts, resolveEffort, ModelSelectorContext };

package/dist/chunk-kz9np152.js

@@ -0,0 +1,43 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  paper
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/TypingIndicator.tsx
+import { jsx } from "react/jsx-runtime";
+var DOT_DELAYS = ["[animation-delay:-0.32s]", "[animation-delay:-0.16s]", "[animation-delay:0s]"];
+function TypingIndicator2({ variant = "bubble", className, ...props }) {
+  const dots = DOT_DELAYS.map((delay) => /* @__PURE__ */ jsx("span", {
+    "aria-hidden": true,
+    className: cn2("bg-foreground/40 size-1.5 animate-bounce rounded-full motion-reduce:animate-none [animation-duration:1.1s]", delay)
+  }, delay));
+  if (variant === "bare") {
+    return /* @__PURE__ */ jsx("div", {
+      "data-testid": "TypingIndicator",
+      "data-slot": "typing-indicator",
+      "data-variant": "bare",
+      role: "status",
+      "aria-label": "Assistant is typing",
+      className: cn2(cn2("flex gap-1"), className),
+      ...props,
+      children: dots
+    });
+  }
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "TypingIndicator",
+    "data-slot": "typing-indicator",
+    "data-variant": "bubble",
+    className: cn2(cn2(paper, "w-fit rounded-full px-4 py-3.5"), className),
+    ...props,
+    children: /* @__PURE__ */ jsx("div", {
+      role: "status",
+      "aria-label": "Assistant is typing",
+      className: "flex gap-1",
+      children: dots
+    })
+  });
+}
+
+export { TypingIndicator2 };

package/dist/chunk-m0e0an33.js

@@ -0,0 +1,78 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  InputGroup2,
+  InputGroupAddon2,
+  InputGroupButton2,
+  InputGroupInput2
+} from "./chunk-1jeg5z55.js";
+import {
+  paper
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/EmptyStateComposer.tsx
+import { useState } from "react";
+import { ArrowUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function EmptyStateComposer2({
+  placeholder,
+  value,
+  defaultValue = "",
+  onValueChange,
+  onSend,
+  className,
+  ...props
+}) {
+  const [draft, setDraft] = useState(defaultValue);
+  const currentValue = value ?? draft;
+  const isReadOnly = value !== undefined && onValueChange === undefined;
+  const canSend = onSend !== undefined && currentValue.trim().length > 0;
+  return /* @__PURE__ */ jsx("form", {
+    "data-testid": "EmptyStateComposer",
+    "data-slot": "empty-state-composer",
+    className: cn2(cn2(paper, "flex w-full items-center gap-1 rounded-md p-2"), className),
+    onSubmit: (event) => {
+      event.preventDefault();
+      if (!canSend || onSend === undefined)
+        return;
+      onSend(currentValue);
+      if (value === undefined) {
+        setDraft("");
+        onValueChange?.("");
+      }
+    },
+    ...props,
+    children: /* @__PURE__ */ jsxs(InputGroup2, {
+      children: [
+        /* @__PURE__ */ jsx(InputGroupInput2, {
+          "aria-label": "Message",
+          placeholder,
+          value: currentValue,
+          readOnly: isReadOnly,
+          onChange: (event) => {
+            const next = event.target.value;
+            if (value === undefined)
+              setDraft(next);
+            onValueChange?.(next);
+          }
+        }),
+        /* @__PURE__ */ jsx(InputGroupAddon2, {
+          align: "inline-end",
+          children: /* @__PURE__ */ jsx(InputGroupButton2, {
+            type: "submit",
+            variant: "default",
+            "aria-label": "Send",
+            disabled: !canSend,
+            size: "icon-sm",
+            children: /* @__PURE__ */ jsx(ArrowUpIcon, {
+              "aria-hidden": "true"
+            })
+          })
+        })
+      ]
+    })
+  });
+}
+
+export { EmptyStateComposer2 };

package/dist/chunk-m1a9e1py.js

@@ -0,0 +1,27 @@
+import {
+  TooltipIconButton2
+} from "./chunk-q40gqpwh.js";
+
+// src/components/assistant-ui/native/VoiceMuteButton.tsx
+import { useVoiceControls, useVoiceState } from "@assistant-ui/react";
+import { MicIcon, MicOffIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+function VoiceMuteButton2() {
+  const voiceState = useVoiceState();
+  const { mute, unmute } = useVoiceControls();
+  const isMuted = voiceState?.isMuted ?? false;
+  return /* @__PURE__ */ jsx(TooltipIconButton2, {
+    tooltip: isMuted ? "Unmute" : "Mute",
+    disabled: voiceState === undefined || voiceState.status.type === "ended",
+    onClick: () => isMuted ? unmute() : mute(),
+    children: isMuted ? /* @__PURE__ */ jsx(MicOffIcon, {
+      "aria-hidden": "true",
+      className: "size-4 shrink-0"
+    }) : /* @__PURE__ */ jsx(MicIcon, {
+      "aria-hidden": "true",
+      className: "size-4 shrink-0"
+    })
+  });
+}
+
+export { VoiceMuteButton2 };