@alexgorbatchev/shadcn 0.0.12 → 0.0.16

package/dist/chunk-erpzgt57.js

@@ -0,0 +1,87 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Card2,
+  CardHeader2,
+  CardTitle2,
+  CardDescription2,
+  CardContent2
+} from "./chunk-fqekyjkh.js";
+import {
+  codeScroll,
+  codeSurface
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/CodeDiff.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var GUTTER = {
+  context: "",
+  added: "+",
+  removed: "−"
+};
+function CodeDiff2({ filename, additions, deletions, lines, cycle, ...props }) {
+  return /* @__PURE__ */ jsxs(Card2, {
+    "data-testid": "CodeDiff",
+    className: "w-full max-w-md",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs(CardHeader2, {
+        children: [
+          /* @__PURE__ */ jsx(CardTitle2, {
+            children: filename
+          }),
+          /* @__PURE__ */ jsxs(CardDescription2, {
+            children: [
+              /* @__PURE__ */ jsxs("span", {
+                className: "text-success",
+                children: [
+                  "+",
+                  additions
+                ]
+              }),
+              " ",
+              /* @__PURE__ */ jsxs("span", {
+                className: "text-destructive",
+                children: [
+                  "−",
+                  deletions
+                ]
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx(CardContent2, {
+        children: /* @__PURE__ */ jsx("div", {
+          className: codeScroll,
+          children: /* @__PURE__ */ jsx("pre", {
+            className: codeSurface,
+            children: /* @__PURE__ */ jsx("code", {
+              children: lines.map((line, i) => /* @__PURE__ */ jsxs("span", {
+                className: cn2("fade-in animate-in fill-mode-both flex px-4 py-0.5 leading-relaxed whitespace-pre duration-300", line.kind === "context" && "text-muted-foreground", line.kind === "added" && "bg-success/5 text-success", line.kind === "removed" && "bg-destructive/10 text-destructive"),
+                children: [
+                  /* @__PURE__ */ jsx("span", {
+                    className: "w-4 shrink-0 select-none",
+                    children: GUTTER[line.kind]
+                  }),
+                  line.kind === "added" ? /* @__PURE__ */ jsx("ins", {
+                    className: "no-underline",
+                    children: line.text
+                  }) : line.kind === "removed" ? /* @__PURE__ */ jsx("del", {
+                    className: "no-underline",
+                    children: line.text
+                  }) : /* @__PURE__ */ jsx("span", {
+                    children: line.text
+                  })
+                ]
+              }, `${cycle}-${i}-${line.text}`))
+            })
+          })
+        })
+      })
+    ]
+  });
+}
+
+export { CodeDiff2 };

package/dist/chunk-ets9h67e.js

@@ -0,0 +1,26 @@
+import {
+  MermaidZoom2
+} from "./chunk-wwfj7ga3.js";
+import {
+  MermaidDiagram3
+} from "./chunk-yn3e9w1j.js";
+
+// src/components/assistant-ui/native/MermaidDiagram.tsx
+import { memo } from "react";
+import { useAuiState } from "@assistant-ui/react";
+import { jsx } from "react/jsx-runtime";
+var MermaidDiagram2 = Object.assign(memo(function MermaidDiagram({
+  code,
+  node: _node,
+  components: _components,
+  language: _language
+}) {
+  const isStreaming = useAuiState((s) => s.optional.part?.status.type === "running");
+  return /* @__PURE__ */ jsx(MermaidDiagram3, {
+    code,
+    streaming: isStreaming
+  });
+}), { Zoom: MermaidZoom2 });
+MermaidDiagram2.displayName = "MermaidDiagram";
+
+export { MermaidDiagram2 };

package/dist/chunk-f1mdtq5p.js

@@ -0,0 +1,11 @@
+// src/components/assistant-ui/elements/Sub.tsx
+import { jsx } from "react/jsx-runtime";
+function Sub2({ children }) {
+  return /* @__PURE__ */ jsx("sub", {
+    "data-testid": "Sub",
+    className: "text-[0.65em] not-italic",
+    children
+  });
+}
+
+export { Sub2 };

package/dist/chunk-f25bby84.js

@@ -0,0 +1,96 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  take
+} from "./chunk-v8ks0cfq.js";
+import {
+  paper
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/MessagePair.tsx
+import { CopyIcon, RefreshCwIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MessagePair2({
+  userMessage,
+  words,
+  visibleWords,
+  streaming,
+  variant = "bubble",
+  onCopy,
+  onRegenerate,
+  ...props
+}) {
+  const shown = take(words, visibleWords);
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "MessagePair",
+    "data-slot": "message-pair",
+    className: cn2("flex w-full max-w-sm flex-col gap-5"),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("p", {
+        className: cn2("max-w-[85%] self-end text-sm", variant === "bubble" ? cn2(paper, "rounded-md px-3.5 py-2") : "text-foreground/90 text-end"),
+        children: userMessage
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "group/message flex flex-col items-start",
+        children: [
+          /* @__PURE__ */ jsxs("p", {
+            className: "min-h-[68px] text-sm leading-relaxed",
+            children: [
+              shown.map((word, index) => {
+                const fresh = streaming && shown.length - 1 - index < 2;
+                return /* @__PURE__ */ jsxs("span", {
+                  className: "fade-in animate-in fill-mode-both duration-500 motion-reduce:animate-none",
+                  children: [
+                    /* @__PURE__ */ jsx("span", {
+                      className: cn2("transition-colors duration-700 motion-reduce:transition-none", fresh && "text-primary text-primary"),
+                      children: word
+                    }),
+                    " "
+                  ]
+                }, `${word}-${index}`);
+              }),
+              streaming && shown.length > 0 && /* @__PURE__ */ jsx("span", {
+                "aria-hidden": true,
+                className: "-mb-0.5 ml-0.5 inline-block h-4 w-0.5 animate-pulse rounded-full bg-primary motion-reduce:animate-none bg-primary"
+              })
+            ]
+          }),
+          (onCopy || onRegenerate) && /* @__PURE__ */ jsxs("div", {
+            className: "flex items-center gap-1 pt-1 opacity-0 transition-opacity group-focus-within/message:opacity-100 group-hover/message:opacity-100 motion-reduce:transition-none",
+            children: [
+              onCopy && /* @__PURE__ */ jsx(Button2, {
+                type: "button",
+                "aria-label": "Copy response",
+                onClick: onCopy,
+                variant: "ghost",
+                size: "icon",
+                children: /* @__PURE__ */ jsx(CopyIcon, {
+                  "aria-hidden": "true",
+                  "data-icon": "inline-start"
+                })
+              }),
+              onRegenerate && /* @__PURE__ */ jsx(Button2, {
+                type: "button",
+                "aria-label": "Regenerate response",
+                onClick: onRegenerate,
+                variant: "ghost",
+                size: "icon",
+                children: /* @__PURE__ */ jsx(RefreshCwIcon, {
+                  "aria-hidden": "true",
+                  "data-icon": "inline-start"
+                })
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { MessagePair2 };

package/dist/chunk-f307aaa6.js

@@ -0,0 +1,299 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  diffViewerVariants2
+} from "./chunk-ynkpdpn0.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  DiffViewerFile2
+} from "./chunk-4pae2b1z.js";
+import {
+  DiffViewerContent2
+} from "./chunk-1akz4hf3.js";
+import {
+  DiffViewerHeader2
+} from "./chunk-zbm0xcq3.js";
+import {
+  DiffViewerLine2
+} from "./chunk-bnaejcfx.js";
+import {
+  DiffViewerSplitLine2
+} from "./chunk-3xw5sdfk.js";
+import {
+  Empty2,
+  EmptyTitle2
+} from "./chunk-9de1htr5.js";
+
+// src/components/assistant-ui/elements/DiffViewer.tsx
+import { useMemo } from "react";
+
+// src/components/assistant-ui/utils/diffViewer/parsePatch.ts
+import parseDiff from "parse-diff";
+function parsePatch2(patch) {
+  const files = parseDiff(patch);
+  return files.map((file) => {
+    const hunks = file.chunks.map((chunk) => {
+      const lines = [];
+      for (const change of chunk.changes) {
+        if (change.content.startsWith("\\")) {
+          lines.push({ type: "marker", content: change.content });
+        } else if (change.type === "add") {
+          lines.push({
+            type: "add",
+            content: change.content.slice(1),
+            newLineNumber: change.ln
+          });
+        } else if (change.type === "del") {
+          lines.push({
+            type: "del",
+            content: change.content.slice(1),
+            oldLineNumber: change.ln
+          });
+        } else {
+          lines.push({
+            type: "normal",
+            content: change.content.slice(1),
+            oldLineNumber: change.ln1,
+            newLineNumber: change.ln2
+          });
+        }
+      }
+      return { header: chunk.content, lines };
+    });
+    const lines = hunks.flatMap((hunk) => hunk.lines);
+    let additions = 0;
+    let deletions = 0;
+    for (const line of lines) {
+      if (line.type === "add")
+        additions++;
+      if (line.type === "del")
+        deletions++;
+    }
+    return {
+      oldName: file.from,
+      newName: file.to,
+      lines,
+      hunks,
+      additions,
+      deletions
+    };
+  });
+}
+
+// src/components/assistant-ui/utils/diffViewer/computeDiff.ts
+import { createTwoFilesPatch } from "diff";
+function computeDiff2(oldContent, newContent) {
+  if (oldContent !== newContent) {
+    const file = parsePatch2(createTwoFilesPatch("file", "file", oldContent, newContent, undefined, undefined, { context: Infinity }))[0];
+    if (!file)
+      throw new Error("The native diff generator did not produce a parseable unified patch");
+    return { lines: file.lines, hunks: file.hunks, additions: file.additions, deletions: file.deletions };
+  }
+  const lines = oldContent.length === 0 ? [] : oldContent.replace(/\n$/u, "").split(`
+`).map((content, index) => ({ type: "normal", content, oldLineNumber: index + 1, newLineNumber: index + 1 }));
+  const start = lines.length === 0 ? 0 : 1;
+  return {
+    lines,
+    hunks: [{ header: "@@ -" + start + "," + lines.length + " +" + start + "," + lines.length + " @@", lines }],
+    additions: 0,
+    deletions: 0
+  };
+}
+
+// src/components/assistant-ui/utils/diffViewer/pairLinesForSplit.ts
+function pairLinesForSplit(lines) {
+  const pairs = [];
+  let index = 0;
+  const takeBlock = (kind) => {
+    const block = [];
+    while (index < lines.length) {
+      const next = lines[index];
+      if (!next || next.type !== kind && next.type !== "marker")
+        break;
+      block.push(next);
+      index += 1;
+    }
+    return block;
+  };
+  while (index < lines.length) {
+    const line = lines[index];
+    if (!line)
+      break;
+    if (line.type === "normal" || line.type === "marker") {
+      pairs.push({ left: line, right: line });
+      index += 1;
+      continue;
+    }
+    const deletions = takeBlock("del");
+    const additions = takeBlock("add");
+    for (let pairIndex = 0;pairIndex < Math.max(deletions.length, additions.length); pairIndex += 1)
+      pairs.push({ left: deletions[pairIndex] ?? null, right: additions[pairIndex] ?? null });
+  }
+  return pairs;
+}
+
+// src/components/assistant-ui/elements/DiffViewerFileContent.tsx
+import { useId, useState } from "react";
+
+// src/components/assistant-ui/utils/diffViewer/formatUnifiedDiff.ts
+function formatDiffLine(line) {
+  if (line.type === "marker")
+    return line.content;
+  const indicator = line.type === "add" ? "+" : line.type === "del" ? "-" : " ";
+  return `${indicator}${line.content}`;
+}
+function formatDiffFileName(name, prefix) {
+  return name === "/dev/null" ? name : `${prefix}/${name ?? "file"}`;
+}
+function formatUnifiedDiff(file) {
+  return [
+    `--- ${formatDiffFileName(file.oldName, "a")}`,
+    `+++ ${formatDiffFileName(file.newName, "b")}`,
+    ...file.hunks.flatMap((hunk) => [hunk.header, ...hunk.lines.map(formatDiffLine)])
+  ].join(`
+`);
+}
+
+// src/components/assistant-ui/elements/DiffViewerFileContent.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DiffViewerFileContent({
+  file,
+  splitLinePairs,
+  viewMode,
+  showLineNumbers,
+  showIcon,
+  showStats,
+  copyable,
+  maxCollapsedLines
+}) {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const contentId = useId();
+  const renderedLineCount = viewMode === "split" ? splitLinePairs.length : file.lines.length;
+  const isCollapsible = maxCollapsedLines !== undefined && maxCollapsedLines >= 0 && renderedLineCount > maxCollapsedLines;
+  const isCollapsed = isCollapsible && !isExpanded;
+  const visibleLineCount = isCollapsed ? maxCollapsedLines : renderedLineCount;
+  return /* @__PURE__ */ jsxs(DiffViewerFile2, {
+    className: "border-frame-edge [contain-intrinsic-size:auto_240px] [content-visibility:auto] not-first:border-t",
+    children: [
+      /* @__PURE__ */ jsx(DiffViewerHeader2, {
+        oldName: file.oldName,
+        newName: file.newName,
+        additions: file.additions,
+        deletions: file.deletions,
+        showIcon,
+        showStats,
+        copyText: formatUnifiedDiff(file),
+        copyable
+      }),
+      /* @__PURE__ */ jsx(DiffViewerContent2, {
+        id: contentId,
+        className: "py-2",
+        children: viewMode === "split" ? splitLinePairs.slice(0, visibleLineCount).map((pair, pairIndex) => /* @__PURE__ */ jsx(DiffViewerSplitLine2, {
+          pair,
+          showLineNumbers
+        }, pairIndex)) : file.lines.slice(0, visibleLineCount).map((line, lineIndex) => /* @__PURE__ */ jsx(DiffViewerLine2, {
+          line,
+          showLineNumbers
+        }, lineIndex))
+      }),
+      isCollapsible && /* @__PURE__ */ jsx("div", {
+        className: "border-frame-edge flex border-t px-3.5 py-1.5",
+        children: /* @__PURE__ */ jsx(Button2, {
+          type: "button",
+          "aria-expanded": !isCollapsed,
+          "aria-controls": contentId,
+          onClick: () => setIsExpanded((expanded) => !expanded),
+          variant: "ghost",
+          size: "sm",
+          children: isCollapsed ? `Show all ${renderedLineCount} lines` : "Show less"
+        })
+      })
+    ]
+  });
+}
+
+// src/components/assistant-ui/elements/DiffViewer.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function DiffViewer2({
+  code,
+  patch,
+  oldFile,
+  newFile,
+  viewMode = "unified",
+  showLineNumbers = true,
+  showIcon = false,
+  showStats = true,
+  copyable = true,
+  maxCollapsedLines,
+  variant,
+  size,
+  className,
+  components: _components,
+  language: _language,
+  node: _node,
+  ...props
+}) {
+  const diffPatch = patch ?? code;
+  const oldContent = oldFile?.content;
+  const oldName = oldFile?.name;
+  const newContent = newFile?.content;
+  const newName = newFile?.name;
+  const parsedFiles = useMemo(() => {
+    if (diffPatch) {
+      return parsePatch2(diffPatch);
+    }
+    if (oldContent !== undefined && newContent !== undefined) {
+      const { lines, hunks, additions, deletions } = computeDiff2(oldContent, newContent);
+      return [
+        {
+          oldName,
+          newName,
+          lines,
+          hunks,
+          additions,
+          deletions
+        }
+      ];
+    }
+    return [];
+  }, [diffPatch, oldContent, oldName, newContent, newName]);
+  const splitLinePairs = useMemo(() => {
+    if (viewMode !== "split")
+      return [];
+    return parsedFiles.map((file) => pairLinesForSplit(file.lines));
+  }, [parsedFiles, viewMode]);
+  if (parsedFiles.length === 0) {
+    return /* @__PURE__ */ jsx2(Empty2, {
+      "data-testid": "DiffViewer",
+      ...props,
+      className: cn2(diffViewerVariants2({ variant, size }), className),
+      children: /* @__PURE__ */ jsx2(EmptyTitle2, {
+        children: "No diff content provided"
+      })
+    });
+  }
+  return /* @__PURE__ */ jsx2("div", {
+    "data-testid": "DiffViewer",
+    ...props,
+    "data-slot": "diff-viewer",
+    "data-view-mode": viewMode,
+    "data-variant": variant ?? "default",
+    "data-size": size ?? "default",
+    className: cn2(diffViewerVariants2({ variant, size }), className),
+    children: parsedFiles.map((file, fileIndex) => /* @__PURE__ */ jsx2(DiffViewerFileContent, {
+      file,
+      splitLinePairs: splitLinePairs[fileIndex] ?? [],
+      viewMode,
+      showLineNumbers,
+      showIcon,
+      showStats,
+      copyable,
+      maxCollapsedLines
+    }, fileIndex))
+  });
+}
+
+export { parsePatch2, computeDiff2, DiffViewer2 };

package/dist/chunk-f3f76m3p.js

@@ -0,0 +1,14 @@
+import {
+  contextDisplayContext
+} from "./chunk-2ewx9qdn.js";
+
+// src/components/assistant-ui/hooks/useContextDisplay.ts
+import { useContext } from "react";
+function useContextDisplay() {
+  const context = useContext(contextDisplayContext);
+  if (!context)
+    throw new Error("ContextDisplay components require ContextDisplayRoot");
+  return context;
+}
+
+export { useContextDisplay };

package/dist/chunk-f63f8w58.js

@@ -0,0 +1,44 @@
+import {
+  Popover2
+} from "./chunk-x7z9jzyf.js";
+import {
+  contextDisplayContext,
+  getUsagePercent
+} from "./chunk-2ewx9qdn.js";
+
+// src/components/assistant-ui/elements/ContextDisplayRoot.tsx
+import { useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function ContextDisplayRoot3({
+  modelContextWindow,
+  children,
+  usage,
+  resetKey
+}) {
+  const rawTokens = usage?.totalTokens ?? 0;
+  const [tokenState, setTokenState] = useState({
+    resetKey,
+    totalTokens: rawTokens > 0 ? rawTokens : 0,
+    usage
+  });
+  if (tokenState.resetKey !== resetKey || rawTokens > 0 && rawTokens !== tokenState.totalTokens || usage !== tokenState.usage) {
+    setTokenState({
+      resetKey,
+      totalTokens: tokenState.resetKey !== resetKey ? Math.max(0, rawTokens) : rawTokens > 0 ? rawTokens : tokenState.totalTokens,
+      usage
+    });
+  }
+  const totalTokens = tokenState.totalTokens;
+  const percent = getUsagePercent(totalTokens, modelContextWindow);
+  const value = useMemo(() => ({ usage: tokenState.usage, totalTokens, percent, modelContextWindow }), [tokenState.usage, totalTokens, percent, modelContextWindow]);
+  if (tokenState.usage === undefined && totalTokens === 0)
+    return null;
+  return /* @__PURE__ */ jsx(contextDisplayContext.Provider, {
+    value,
+    children: /* @__PURE__ */ jsx(Popover2, {
+      children
+    })
+  });
+}
+
+export { ContextDisplayRoot3 };

package/dist/chunk-f8zc8ceg.js

@@ -0,0 +1,5 @@
+// src/components/assistant-ui/utils/reasoningPreviewContext.ts
+import { createContext } from "react";
+var reasoningPreviewContext = createContext(false);
+
+export { reasoningPreviewContext };

package/dist/chunk-ff8bpz3p.js

@@ -0,0 +1,86 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  ShimmerLabel2
+} from "./chunk-s3wqwhxc.js";
+import {
+  paper,
+  field,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/WebPreview.tsx
+import { ExternalLinkIcon, RotateCwIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function WebPreview2({
+  origin,
+  loading,
+  children,
+  onReload,
+  onOpenExternal,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "WebPreview",
+    "data-slot": "web-preview",
+    className: cn2(cn2(paper, "flex w-full max-w-md flex-col overflow-hidden rounded-md"), className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-1.5 px-2.5 py-2",
+        children: [
+          /* @__PURE__ */ jsx(Button2, {
+            type: "button",
+            "aria-label": "Reload the preview",
+            onClick: onReload,
+            variant: "ghost",
+            size: "icon",
+            children: /* @__PURE__ */ jsx(RotateCwIcon, {
+              "aria-hidden": "true",
+              "data-icon": "inline-start",
+              className: cn2("animate-spin motion-reduce:animate-none")
+            })
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(field, "flex min-w-0 flex-1 items-center gap-1.5 rounded-full px-2.5 py-1"),
+            children: /* @__PURE__ */ jsx("span", {
+              className: cn2(mono, "text-muted-foreground min-w-0 truncate"),
+              children: origin
+            })
+          }),
+          /* @__PURE__ */ jsx(Button2, {
+            type: "button",
+            "aria-label": "Open the preview in a new tab",
+            onClick: onOpenExternal,
+            variant: "ghost",
+            size: "icon",
+            children: /* @__PURE__ */ jsx(ExternalLinkIcon, {
+              "aria-hidden": "true",
+              "data-icon": "inline-start"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "border-foreground/[0.07] relative min-h-[144px] border-t",
+        children: [
+          /* @__PURE__ */ jsx("div", {
+            "aria-hidden": loading,
+            className: cn2("transition-opacity duration-300 motion-reduce:transition-none", loading && "invisible opacity-0"),
+            children
+          }),
+          loading && /* @__PURE__ */ jsx(ShimmerLabel2, {
+            children: "Loading preview"
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { WebPreview2 };