@alexgorbatchev/shadcn 0.0.12 → 0.0.16

package/dist/chunk-e6tx49rb.js

@@ -0,0 +1,55 @@
+import {
+  VoiceConversation3
+} from "./chunk-rc9kpszb.js";
+
+// src/components/assistant-ui/native/VoiceConversation.tsx
+import { useVoiceControls, useVoiceState as useVoiceState2, useVoiceVolume } from "@assistant-ui/react";
+
+// src/components/assistant-ui/hooks/useVoiceTranscript.ts
+import { useAuiState, useVoiceState } from "@assistant-ui/react";
+import { useMemo, useState } from "react";
+var toIVoiceTurn = (message) => ({
+  id: message.id,
+  role: message.role === "user" ? "user" : "assistant",
+  text: message.content.filter((part) => part.type === "text").map((part) => part.text).join("")
+});
+var useVoiceTranscript2 = () => {
+  const voice = useVoiceState();
+  const active = voice !== undefined && voice.status.type !== "ended";
+  const messages = useAuiState((s) => s.thread.messages);
+  const [session, setSession] = useState({ active, start: messages.length });
+  if (session.active !== active || !active && session.start !== messages.length) {
+    setSession({ active, start: active ? session.start : messages.length });
+  }
+  const start = active ? session.start : messages.length;
+  return useMemo(() => messages.slice(start).filter((message) => message.metadata.modality === "voice").map(toIVoiceTurn), [messages, start]);
+};
+
+// src/components/assistant-ui/native/VoiceConversation.tsx
+import { jsx } from "react/jsx-runtime";
+var deriveVoiceMode = (voice) => {
+  if (voice === undefined || voice.status.type === "ended")
+    return;
+  if (voice.status.type === "starting")
+    return "connecting";
+  return voice.mode;
+};
+function VoiceConversation2() {
+  const voice = useVoiceState2();
+  const amplitude = useVoiceVolume();
+  const transcript = useVoiceTranscript2();
+  const { mute, unmute, disconnect } = useVoiceControls();
+  const mode = deriveVoiceMode(voice);
+  if (mode === undefined || voice === undefined)
+    return null;
+  return /* @__PURE__ */ jsx(VoiceConversation3, {
+    mode,
+    amplitude,
+    transcript: transcript.slice(-2),
+    muted: voice.isMuted,
+    onToggleMute: voice.isMuted ? unmute : mute,
+    onEnd: disconnect
+  });
+}
+
+export { useVoiceTranscript2, VoiceConversation2 };

package/dist/chunk-ed49y20r.js

@@ -0,0 +1,109 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  HoverCard2,
+  HoverCardTrigger2,
+  HoverCardContent2
+} from "./chunk-m54kq3he.js";
+import {
+  clamp
+} from "./chunk-v8ks0cfq.js";
+
+// src/components/assistant-ui/elements/ConversationMap.tsx
+import { useCallback, useRef, useState } from "react";
+import { PreviewCard } from "@base-ui/react/preview-card";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TICK = '[data-slot="conversation-map-tick"]';
+function ConversationMap2({
+  entries,
+  activeId,
+  visibleIds,
+  onSelect,
+  side = "right",
+  onKeyDown,
+  ...props
+}) {
+  const railRef = useRef(null);
+  const [handle] = useState(() => PreviewCard.createHandle());
+  const [focusedIndex, setFocusedIndex] = useState(null);
+  const inView = new Set(visibleIds);
+  const activeIndex = entries.findIndex((entry) => entry.id === activeId);
+  const tabbableIndex = clamp(focusedIndex ?? Math.max(0, activeIndex), 0, Math.max(0, entries.length - 1));
+  const handleKeyDown = useCallback((event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented)
+      return;
+    const ticks = railRef.current?.querySelectorAll(TICK);
+    if (!ticks?.length)
+      return;
+    const current = Array.prototype.indexOf.call(ticks, event.target);
+    if (current === -1)
+      return;
+    const next = {
+      ArrowUp: current - 1,
+      ArrowDown: current + 1,
+      Home: 0,
+      End: ticks.length - 1
+    }[event.key];
+    if (next === undefined)
+      return;
+    event.preventDefault();
+    ticks[clamp(next, 0, ticks.length - 1)]?.focus();
+  }, [onKeyDown]);
+  return /* @__PURE__ */ jsxs("nav", {
+    "data-testid": "ConversationMap",
+    "data-slot": "conversation-map",
+    ref: railRef,
+    "aria-label": "Conversation map",
+    onKeyDown: handleKeyDown,
+    className: cn2("group/rail flex h-full w-6 flex-col justify-center"),
+    ...props,
+    children: [
+      entries.map((entry, index) => {
+        const current = index === activeIndex;
+        const onScreen = current || inView.has(entry.id);
+        return /* @__PURE__ */ jsx(HoverCardTrigger2, {
+          handle,
+          payload: entry,
+          delay: 120,
+          closeDelay: 80,
+          render: /* @__PURE__ */ jsx("button", {
+            type: "button"
+          }),
+          "data-slot": "conversation-map-tick",
+          "data-active": current ? "" : undefined,
+          "data-in-view": onScreen ? "" : undefined,
+          "aria-label": entry.title,
+          "aria-current": current ? "true" : undefined,
+          tabIndex: index === tabbableIndex ? 0 : -1,
+          onFocus: () => setFocusedIndex(index),
+          onClick: onSelect ? () => onSelect(entry.id) : undefined,
+          className: "group flex max-h-3.5 min-h-0 flex-1 items-center outline-none",
+          children: /* @__PURE__ */ jsx("span", {
+            className: cn2("w-3 rounded-full transition-[width,height,background-color] duration-200 ease-[cubic-bezier(0.23,1,0.32,1)] motion-reduce:transition-none", current ? "bg-foreground/90 h-[3px] group-focus-within/rail:w-6 group-hover/rail:w-6" : cn2("group-hover:bg-foreground/70 group-focus-visible:bg-foreground/70 h-0.5", "group-hover:w-6! group-focus-visible:w-6!", onScreen ? "bg-foreground/50 group-focus-within/rail:w-[18px] group-hover/rail:w-[18px]" : "bg-foreground/15"))
+          })
+        }, entry.id);
+      }),
+      /* @__PURE__ */ jsx(HoverCard2, {
+        handle,
+        children: ({ payload }) => /* @__PURE__ */ jsxs(HoverCardContent2, {
+          side,
+          sideOffset: 10,
+          children: [
+            /* @__PURE__ */ jsx("p", {
+              className: "line-clamp-2 font-medium",
+              children: payload?.title
+            }),
+            payload?.preview && /* @__PURE__ */ jsx("p", {
+              className: "mt-control-gap line-clamp-3 text-muted-foreground",
+              children: payload.preview
+            })
+          ]
+        })
+      })
+    ]
+  });
+}
+
+export { ConversationMap2 };

package/dist/chunk-eehfrrdz.js

@@ -0,0 +1,37 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/Checkbox.tsx
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+import { CheckIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+function Checkbox2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
+    "data-density": density,
+    "data-slot": "checkbox",
+    className: (state) => cn2("peer relative flex size-4 shrink-0 items-center justify-center rounded-sm border border-input transition-colors outline-none group-has-disabled/field:opacity-50 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring data-disabled:cursor-not-allowed data-disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive aria-invalid:aria-checked:border-primary data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
+      "data-slot": "checkbox-indicator",
+      className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+      children: /* @__PURE__ */ jsx(CheckIcon, {})
+    })
+  });
+}
+
+// src/components/Spinner.tsx
+import { Loader2Icon } from "lucide-react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Spinner2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(Loader2Icon, {
+    "data-density": density,
+    "data-slot": "spinner",
+    role: "status",
+    "aria-label": "Loading",
+    className: cn2("size-4 animate-spin", className),
+    ...props
+  });
+}
+
+export { Checkbox2, Spinner2 };

package/dist/chunk-ef04mmf4.js

@@ -0,0 +1,284 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  buttonVariants2
+} from "./chunk-73rkr9ct.js";
+import {
+  AudioPlayer2
+} from "./chunk-djrb64cg.js";
+import {
+  VideoPlayer2
+} from "./chunk-hxctrrkh.js";
+
+// src/components/assistant-ui/utils/fileUtils.ts
+import { FileIcon, FileTextIcon, ImageIcon, MusicIcon, VideoIcon, BracesIcon } from "lucide-react";
+function getMimeTypeIcon(mimeType) {
+  const type = mimeType.toLowerCase();
+  if (type.startsWith("image/")) {
+    return ImageIcon;
+  }
+  if (type === "application/pdf") {
+    return FileTextIcon;
+  }
+  if (type === "application/json") {
+    return BracesIcon;
+  }
+  if (type.startsWith("text/")) {
+    return FileTextIcon;
+  }
+  if (type.startsWith("audio/")) {
+    return MusicIcon;
+  }
+  if (type.startsWith("video/")) {
+    return VideoIcon;
+  }
+  return FileIcon;
+}
+function getFileDataKind(data, sourceType) {
+  if (sourceType === "url" && /^data:/i.test(data))
+    return "data-uri";
+  if (sourceType)
+    return sourceType;
+  if (/^data:/i.test(data))
+    return "data-uri";
+  if (/^(https?:\/\/|blob:)/i.test(data))
+    return "url";
+  return "base64";
+}
+function isUnsafeScheme(data) {
+  return /^[a-z][a-z\d+.-]*:/i.test(data) && !/^(data:|https?:\/\/|blob:)/i.test(data);
+}
+function getFileHref(data, mimeType, sourceType) {
+  if (isUnsafeScheme(data))
+    return null;
+  const kind = getFileDataKind(data, sourceType);
+  if (kind === "id")
+    return null;
+  if (kind === "data-uri")
+    return /^data:[^,]*,/i.test(data) ? data : null;
+  if (kind === "url")
+    return /^(https?:\/\/|blob:)/i.test(data) ? data : null;
+  return `data:${mimeType};base64,${data}`;
+}
+function getBase64PayloadSize(payload) {
+  const padding = payload.endsWith("==") ? 2 : payload.endsWith("=") ? 1 : 0;
+  const firstNonBase64 = payload.search(/[^A-Za-z\d+/]/);
+  if (firstNonBase64 !== -1 && firstNonBase64 !== payload.length - padding || payload.length % 4 === 1 || padding > 0 && payload.length % 4 !== 0) {
+    return 0;
+  }
+  return Math.floor(payload.length * 3 / 4) - padding;
+}
+function getBase64Size(base64) {
+  const payload = /[\t\n\f\r ]/.test(base64) ? base64.replace(/[\t\n\f\r ]/g, "") : base64;
+  return getBase64PayloadSize(payload);
+}
+function getDataUrlSize(data) {
+  const fragment = data.indexOf("#");
+  const end = fragment < 0 ? data.length : fragment;
+  const comma = data.indexOf(",");
+  if (comma < 0 || comma >= end) {
+    return 0;
+  }
+  let payload = data.slice(comma + 1, end);
+  if (/;base64$/i.test(data.slice(0, comma))) {
+    if (/[%\t\n\f\r ]/.test(payload)) {
+      payload = payload.replace(/%([\da-f]{2})/gi, (_match, hex) => String.fromCharCode(Number.parseInt(hex, 16))).replace(/[\t\n\f\r ]/g, "");
+    }
+    return getBase64PayloadSize(payload);
+  }
+  return new TextEncoder().encode(payload.replace(/%[\da-f]{2}/gi, "_")).byteLength;
+}
+function getFileLabel(mimeType) {
+  const subtype = /^[^/;]+\/(?:x-)?(?:[^;+]*\.)?([^;+.\s]+)/.exec(mimeType.toLowerCase())?.[1];
+  if (!subtype || subtype === "octet-stream")
+    return "File";
+  if (subtype === "plain")
+    return "Text file";
+  return `${subtype.toUpperCase()} file`;
+}
+function formatFileSize(bytes) {
+  if (bytes < 1024) {
+    return `${bytes} B`;
+  }
+  if (bytes < 1024 * 1024) {
+    return `${(bytes / 1024).toFixed(1)} KB`;
+  }
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+
+// src/components/assistant-ui/elements/File.tsx
+import { cva } from "class-variance-authority";
+import { FileIcon as FileIcon2, DownloadIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var fileVariants = cva("inline-flex items-center gap-2 rounded-md text-foreground transition-colors", {
+  variants: {
+    variant: {
+      outline: "border border-frame-edge bg-card text-card-foreground shadow-frame",
+      ghost: "bg-transparent",
+      muted: "bg-secondary"
+    },
+    size: {
+      sm: "px-1.5 py-1 text-sm",
+      default: "px-2 py-1.5 text-sm",
+      lg: "p-2 text-base"
+    }
+  },
+  defaultVariants: {
+    variant: "outline",
+    size: "default"
+  }
+});
+function FileRoot2({ variant, size, children, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "FileRoot",
+    "data-slot": "file-root",
+    "data-variant": variant,
+    "data-size": size,
+    className: cn2(fileVariants({ variant, size })),
+    ...props,
+    children
+  });
+}
+function FileIconDisplay2({ mimeType, children, ...props }) {
+  const IconComponent = mimeType ? getMimeTypeIcon(mimeType) : FileIcon2;
+  return /* @__PURE__ */ jsx("span", {
+    "data-testid": "FileIconDisplay",
+    "data-slot": "file-icon",
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx(IconComponent, {
+      "aria-hidden": "true",
+      className: cn2("size-4", "text-muted-foreground")
+    })
+  });
+}
+function FileName2({ children, ...props }) {
+  return /* @__PURE__ */ jsx("span", {
+    "data-testid": "FileName",
+    "data-slot": "file-name",
+    className: cn2("min-w-0 flex-1 truncate font-medium"),
+    ...props,
+    children: children || "Unnamed file"
+  });
+}
+function FileSize2({ bytes, ...props }) {
+  return /* @__PURE__ */ jsx("span", {
+    "data-testid": "FileSize",
+    "data-slot": "file-size",
+    className: cn2("text-muted-foreground shrink-0"),
+    ...props,
+    children: formatFileSize(bytes)
+  });
+}
+function FileDownload2({
+  data,
+  mimeType,
+  filename,
+  sourceType,
+  children,
+  ...props
+}) {
+  if (typeof data !== "string")
+    return null;
+  const kind = getFileDataKind(data, sourceType);
+  const href = getFileHref(data, mimeType, sourceType);
+  if (!href)
+    return null;
+  return /* @__PURE__ */ jsxs("a", {
+    "data-testid": "FileDownload",
+    "data-slot": "file-download",
+    href,
+    download: filename || "download",
+    ...kind === "url" && { target: "_blank", rel: "noopener noreferrer" },
+    className: buttonVariants2({ variant: "ghost", size: children ? "default" : "icon" }),
+    "aria-label": !children ? `Download ${filename || "file"}` : undefined,
+    ...props,
+    children: [
+      !children ? /* @__PURE__ */ jsx(DownloadIcon, {
+        "aria-hidden": "true",
+        "data-icon": "inline-start"
+      }) : null,
+      children
+    ]
+  });
+}
+function FilePlayer2({ data, mimeType, filename, sourceType, ...props }) {
+  const src = getFileHref(data, mimeType, sourceType);
+  const normalizedMimeType = mimeType.toLowerCase();
+  if (!src || !normalizedMimeType.startsWith("audio/") && !normalizedMimeType.startsWith("video/")) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "FilePlayer",
+    "data-slot": "file-player",
+    ...props,
+    children: normalizedMimeType.startsWith("audio/") ? /* @__PURE__ */ jsx(AudioPlayer2, {
+      src,
+      title: filename
+    }) : /* @__PURE__ */ jsx(VideoPlayer2, {
+      src,
+      title: filename
+    })
+  });
+}
+function File2({ filename, data, mimeType, sourceType }) {
+  const kind = getFileDataKind(data, sourceType);
+  const showSize = typeof data === "string" && (kind === "base64" || kind === "data-uri");
+  const mediaSource = getFileHref(data, mimeType, sourceType);
+  const isMedia = mimeType.toLowerCase().startsWith("audio/") || mimeType.toLowerCase().startsWith("video/");
+  if (mediaSource && isMedia) {
+    return /* @__PURE__ */ jsxs("div", {
+      "data-testid": "File",
+      className: "flex w-full max-w-xl flex-col gap-2",
+      children: [
+        /* @__PURE__ */ jsx(FilePlayer2, {
+          data,
+          mimeType,
+          ...filename !== undefined && { filename },
+          ...sourceType !== undefined && { sourceType }
+        }),
+        /* @__PURE__ */ jsxs("div", {
+          className: "flex min-w-0 items-center justify-end gap-2 px-1",
+          children: [
+            showSize && /* @__PURE__ */ jsx(FileSize2, {
+              bytes: kind === "data-uri" ? getDataUrlSize(data) : getBase64Size(data)
+            }),
+            /* @__PURE__ */ jsx(FileDownload2, {
+              data,
+              mimeType,
+              ...filename !== undefined && { filename },
+              ...sourceType !== undefined && { sourceType }
+            })
+          ]
+        })
+      ]
+    });
+  }
+  return /* @__PURE__ */ jsxs(FileRoot2, {
+    "data-testid": "File",
+    children: [
+      /* @__PURE__ */ jsx(FileIconDisplay2, {
+        mimeType
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex min-w-0 flex-1 flex-col gap-0.5",
+        children: [
+          /* @__PURE__ */ jsx(FileName2, {
+            children: filename || getFileLabel(mimeType)
+          }),
+          showSize && /* @__PURE__ */ jsx(FileSize2, {
+            bytes: kind === "data-uri" ? getDataUrlSize(data) : getBase64Size(data)
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx(FileDownload2, {
+        data,
+        mimeType,
+        ...filename !== undefined && { filename },
+        ...sourceType !== undefined && { sourceType }
+      })
+    ]
+  });
+}
+
+export { getFileHref, FileRoot2, FileIconDisplay2, FileName2, FileSize2, FileDownload2, FilePlayer2, File2 };

package/dist/chunk-emasqc8x.js

@@ -0,0 +1,19 @@
+import {
+  ContextDisplayRoot3
+} from "./chunk-f63f8w58.js";
+
+// src/components/assistant-ui/native/ContextDisplayRuntimeRoot.tsx
+import { useAuiState } from "@assistant-ui/react";
+import { useThreadTokenUsage } from "@assistant-ui/ai-sdk";
+import { jsx } from "react/jsx-runtime";
+function ContextDisplayRuntimeRoot2(props) {
+  const usage = useThreadTokenUsage();
+  const threadId = useAuiState((state) => state.threadListItem.id);
+  return /* @__PURE__ */ jsx(ContextDisplayRoot3, {
+    ...props,
+    usage,
+    resetKey: threadId
+  });
+}
+
+export { ContextDisplayRuntimeRoot2 };

package/dist/chunk-ep057ccn.js

@@ -0,0 +1,19 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  InputGroup2
+} from "./chunk-1jeg5z55.js";
+
+// src/components/assistant-ui/elements/ComposerBar.tsx
+import { jsx } from "react/jsx-runtime";
+function ComposerBar2({ dragActive = false, ...props }) {
+  return /* @__PURE__ */ jsx(InputGroup2, {
+    "data-testid": "ComposerBar",
+    "data-drag-active": dragActive || undefined,
+    className: cn2("h-auto flex-col gap-control-gap"),
+    ...props
+  });
+}
+
+export { ComposerBar2 };

package/dist/chunk-eqmptn43.js

@@ -0,0 +1,96 @@
+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/ToolError.tsx
+import { AlertCircleIcon, Loader2Icon, RotateCwIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ToolError2({
+  name,
+  target,
+  message,
+  attempt,
+  maxAttempts,
+  retrying,
+  onRetry,
+  onSkip,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "ToolError",
+    "data-slot": "tool-error",
+    className: cn2(cn2(paper, "flex w-full max-w-sm flex-col gap-3 rounded-md p-3.5"), className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-2.5",
+        children: [
+          /* @__PURE__ */ jsx(AlertCircleIcon, {
+            "aria-hidden": "true",
+            className: cn2("size-4", "text-destructive")
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground min-w-0 wrap-anywhere"),
+            children: name
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "text-foreground min-w-0 flex-1 truncate text-base",
+            children: target
+          }),
+          /* @__PURE__ */ jsxs("span", {
+            className: cn2(mono, "text-muted-foreground shrink-0 tabular-nums"),
+            children: [
+              attempt,
+              "/",
+              maxAttempts
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: cn2(field, "rounded-md px-3 py-2 font-mono text-[11px] leading-relaxed break-words text-destructive text-destructive"),
+        children: message
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center justify-end gap-2",
+        children: [
+          /* @__PURE__ */ jsx(Button2, {
+            type: "button",
+            onClick: onSkip,
+            disabled: !onSkip,
+            variant: "ghost",
+            children: "Skip"
+          }),
+          /* @__PURE__ */ jsxs(Button2, {
+            type: "button",
+            onClick: onRetry,
+            disabled: retrying,
+            variant: "ghost",
+            children: [
+              retrying ? /* @__PURE__ */ jsx(Loader2Icon, {
+                "aria-hidden": "true",
+                "data-icon": "inline-start",
+                className: cn2("animate-spin motion-reduce:animate-none")
+              }) : /* @__PURE__ */ jsx(RotateCwIcon, {
+                "aria-hidden": "true",
+                "data-icon": "inline-start"
+              }),
+              retrying ? "Retrying" : "Retry"
+            ]
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { ToolError2 };