@alexgorbatchev/shadcn 0.0.12 → 0.0.17

package/dist/chunk-6xr41wyr.js

@@ -0,0 +1,33 @@
+import {
+  ContextDisplayRoot2
+} from "./chunk-2gten6a1.js";
+import {
+  ContextDisplayTrigger2
+} from "./chunk-86211e5a.js";
+import {
+  ContextDisplayContent2
+} from "./chunk-2b9agdrf.js";
+import {
+  ContextDisplayValue2
+} from "./chunk-qxt0fx4f.js";
+
+// src/components/assistant-ui/native/ContextDisplayBar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ContextDisplayBar3({ side, ...props }) {
+  return /* @__PURE__ */ jsxs(ContextDisplayRoot2, {
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ContextDisplayTrigger2, {
+        "aria-label": "Context usage",
+        children: /* @__PURE__ */ jsx(ContextDisplayValue2, {
+          variant: "bar"
+        })
+      }),
+      /* @__PURE__ */ jsx(ContextDisplayContent2, {
+        side
+      })
+    ]
+  });
+}
+
+export { ContextDisplayBar3 };

package/dist/chunk-71efbr5n.js

@@ -0,0 +1,24 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/assistant-ui/elements/OptionText.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function OptionText2({ option, isPadded = false }) {
+  return /* @__PURE__ */ jsxs("span", {
+    "data-testid": "OptionText",
+    className: cn2("flex min-w-0 flex-1 flex-col gap-0.5", isPadded && "p-2"),
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        className: "text-lg break-words",
+        children: option.label
+      }),
+      option.description ? /* @__PURE__ */ jsx("span", {
+        className: "text-base text-muted-foreground break-words",
+        children: option.description
+      }) : null
+    ]
+  });
+}
+
+export { OptionText2 };

package/dist/{chunk-tnktkgvp.js → chunk-73rkr9ct.js}

@@ -9,9 +9,10 @@ import { jsx } from "react/jsx-runtime";
 var buttonVariants2 = cva("group/button inline-flex shrink-0 items-center rounded-sm border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:border-dashed disabled:border-border disabled:bg-transparent disabled:text-faint-foreground disabled:font-normal aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
   variants: {
     truncate: { true: "max-w-full min-w-0" },
+    fullWidth: { true: "w-full" },
     align: { start: "justify-start", center: "justify-center", end: "justify-end" },
     variant: {
-      default: "bg-primary text-primary-foreground hover:bg-primary/80",
+      default: "bg-primary text-primary-foreground hover:bg-primary/90",
       outline: "border-input bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
       secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
       ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground ",
@@ -21,6 +22,7 @@ var buttonVariants2 = cva("group/button inline-flex shrink-0 items-center rounde
       link: "text-primary underline-offset-4 hover:underline"
     },
     size: {
+      content: "min-h-control h-auto gap-control-gap px-control-x py-2 whitespace-normal",
       inline: "h-auto gap-1 border-0 p-0",
       default: "h-control gap-control-gap px-control-x has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2",
       xs: "h-control-xs gap-1 rounded-sm px-2 text-xs in-data-[slot=button-group]:rounded-sm has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3",
@@ -45,13 +47,14 @@ function Button2({
   size = "default",
   align = "center",
   truncate = false,
+  fullWidth = false,
   children,
   ...props
 }) {
   return /* @__PURE__ */ jsx(ButtonPrimitive, {
     "data-density": density,
     "data-slot": "button",
-    className: (state) => cn2(buttonVariants2({ variant, size, align, truncate }), typeof className === "function" ? className(state) : className),
+    className: (state) => cn2(buttonVariants2({ variant, size, align, truncate, fullWidth }), typeof className === "function" ? className(state) : className),
     ...props,
     children: truncate ? /* @__PURE__ */ jsx("span", {
       className: "min-w-0 truncate",

package/dist/chunk-74aknkhq.js

@@ -0,0 +1,75 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  Alert2,
+  AlertTitle2,
+  AlertDescription2
+} from "./chunk-53q730zs.js";
+import {
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/GuardrailNotice.tsx
+import { ShieldIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function GuardrailNotice2({
+  title,
+  explanation,
+  policy,
+  alternatives,
+  onPick,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Alert2, {
+    "data-testid": "GuardrailNotice",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-2.5",
+        children: [
+          /* @__PURE__ */ jsx(ShieldIcon, {
+            "aria-hidden": "true",
+            className: cn2("size-4", "text-warning", "rounded-sm bg-secondary p-1")
+          }),
+          /* @__PURE__ */ jsx(AlertTitle2, {
+            children: title
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground shrink-0"),
+            children: policy
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx(AlertDescription2, {
+        children: explanation
+      }),
+      alternatives.length > 0 && /* @__PURE__ */ jsxs("div", {
+        className: "flex flex-col gap-1.5",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground"),
+            children: "try instead"
+          }),
+          alternatives.map((alternative) => onPick ? /* @__PURE__ */ jsx(Button2, {
+            type: "button",
+            onClick: () => onPick(alternative),
+            variant: "ghost",
+            align: "start",
+            size: "content",
+            fullWidth: true,
+            children: alternative
+          }, alternative) : /* @__PURE__ */ jsx("span", {
+            className: "text-muted-foreground -mx-1.5 rounded-lg px-1.5 py-1 text-start text-base",
+            children: alternative
+          }, alternative))
+        ]
+      })
+    ]
+  });
+}
+
+export { GuardrailNotice2 };

package/dist/chunk-7b3n0ftm.js

@@ -0,0 +1,80 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  reasoningPreviewContext
+} from "./chunk-f8zc8ceg.js";
+import {
+  useIsomorphicLayoutEffect
+} from "./chunk-1wz92wgg.js";
+import {
+  Collapsible2
+} from "./chunk-24d68cjp.js";
+
+// src/components/assistant-ui/elements/ReasoningRoot.tsx
+import { forwardRef, useCallback, useRef, useState } from "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var reasoningVariants = cva("aui-reasoning-root mb-4 w-full", {
+  variants: {
+    variant: {
+      outline: "rounded-lg border px-3 py-2",
+      ghost: "",
+      muted: "bg-muted/50 rounded-lg px-3 py-2"
+    }
+  },
+  defaultVariants: {
+    variant: "outline"
+  }
+});
+var ReasoningRoot3 = forwardRef(function ReasoningRoot({
+  variant,
+  open: controlledOpen,
+  onOpenChange: controlledOnOpenChange,
+  defaultOpen = false,
+  streaming,
+  onAnimationStart,
+  children,
+  className,
+  ...props
+}, ref) {
+  const [initialOpen] = useState(defaultOpen);
+  const [userOpen, setUserOpen] = useState(null);
+  const isControlled = controlledOpen !== undefined;
+  const isOpen = isControlled ? controlledOpen : userOpen ?? (streaming || initialOpen);
+  const isPreview = streaming === true && isOpen;
+  const prevStreamingRef = useRef(streaming);
+  useIsomorphicLayoutEffect(() => {
+    if (prevStreamingRef.current === streaming)
+      return;
+    prevStreamingRef.current = streaming;
+    if (!isControlled && userOpen === null && !initialOpen) {
+      onAnimationStart?.();
+    }
+  }, [streaming, isControlled, userOpen, initialOpen, onAnimationStart]);
+  const handleOpenChange = useCallback((open) => {
+    onAnimationStart?.();
+    if (!isControlled) {
+      setUserOpen(open);
+    }
+    controlledOnOpenChange?.(open);
+  }, [onAnimationStart, isControlled, controlledOnOpenChange]);
+  return /* @__PURE__ */ jsx(reasoningPreviewContext.Provider, {
+    value: isPreview,
+    children: /* @__PURE__ */ jsx(Collapsible2, {
+      "data-testid": "ReasoningRoot",
+      role: "group",
+      "aria-label": "Reasoning",
+      ref,
+      "data-slot": "reasoning-root",
+      "data-variant": variant,
+      open: isOpen,
+      onOpenChange: handleOpenChange,
+      ...props,
+      className: (state) => cn2("group/reasoning-root [--animation-duration:200ms]", reasoningVariants({ variant }), typeof className === "function" ? className(state) : className),
+      children
+    })
+  });
+});
+
+export { ReasoningRoot3 };

package/dist/chunk-7g1dx0bn.js

@@ -0,0 +1,32 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/MessageTiming.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function MessageTiming2({ stats, streaming, className, ...props }) {
+  return /* @__PURE__ */ jsx("dl", {
+    "data-testid": "MessageTiming",
+    "data-slot": "message-timing",
+    className: cn2(cn2("fade-in animate-in m-0 flex w-full max-w-sm flex-wrap items-center gap-x-3 gap-y-1 duration-500 motion-reduce:animate-none"), className),
+    ...props,
+    children: stats.map((stat) => /* @__PURE__ */ jsxs("div", {
+      className: "flex items-baseline gap-1",
+      children: [
+        /* @__PURE__ */ jsx("dt", {
+          className: cn2(mono, "text-muted-foreground"),
+          children: stat.label
+        }),
+        /* @__PURE__ */ jsx("dd", {
+          className: cn2(mono, "m-0 tabular-nums", streaming ? "text-primary" : "text-muted-foreground"),
+          children: stat.value
+        })
+      ]
+    }, stat.label))
+  });
+}
+
+export { MessageTiming2 };

package/dist/chunk-7g39g3h8.js

@@ -0,0 +1,104 @@
+import {
+  Card2,
+  CardHeader2,
+  CardTitle2,
+  CardDescription2,
+  CardContent2
+} from "./chunk-fqekyjkh.js";
+import {
+  take
+} from "./chunk-v8ks0cfq.js";
+
+// src/components/assistant-ui/elements/FileTree.tsx
+import { FileIcon, FolderOpenIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FileTree2({
+  nodes,
+  visibleCount,
+  totalAdditions,
+  totalDeletions,
+  ...props
+}) {
+  const files = nodes.filter((node) => node.kind === "file").length;
+  return /* @__PURE__ */ jsxs(Card2, {
+    "data-testid": "FileTree",
+    className: "w-full max-w-sm",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs(CardHeader2, {
+        children: [
+          /* @__PURE__ */ jsxs(CardTitle2, {
+            children: [
+              files,
+              " files changed"
+            ]
+          }),
+          /* @__PURE__ */ jsxs(CardDescription2, {
+            children: [
+              /* @__PURE__ */ jsxs("span", {
+                className: "text-success",
+                children: [
+                  "+",
+                  totalAdditions
+                ]
+              }),
+              " ",
+              /* @__PURE__ */ jsxs("span", {
+                className: "text-destructive",
+                children: [
+                  "−",
+                  totalDeletions
+                ]
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx(CardContent2, {
+        children: /* @__PURE__ */ jsx("ul", {
+          "aria-label": "Changed files",
+          className: "flex list-none flex-col gap-control-gap",
+          children: take(nodes, visibleCount).map((node) => /* @__PURE__ */ jsxs("li", {
+            className: "flex items-center gap-control-gap text-sm",
+            style: { paddingInlineStart: `${Math.max(0, node.depth)}em` },
+            children: [
+              node.kind === "folder" ? /* @__PURE__ */ jsx(FolderOpenIcon, {
+                "aria-hidden": "true",
+                className: "size-4 shrink-0"
+              }) : /* @__PURE__ */ jsx(FileIcon, {
+                "aria-hidden": "true",
+                className: "size-4 shrink-0"
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: "min-w-0 flex-1 truncate",
+                children: node.name
+              }),
+              node.kind === "file" && /* @__PURE__ */ jsxs("span", {
+                className: "shrink-0 tabular-nums",
+                children: [
+                  node.additions ? /* @__PURE__ */ jsxs("span", {
+                    className: "text-success",
+                    children: [
+                      "+",
+                      node.additions
+                    ]
+                  }) : null,
+                  " ",
+                  node.deletions ? /* @__PURE__ */ jsxs("span", {
+                    className: "text-destructive",
+                    children: [
+                      "−",
+                      node.deletions
+                    ]
+                  }) : null
+                ]
+              })
+            ]
+          }, node.path))
+        })
+      })
+    ]
+  });
+}
+
+export { FileTree2 };

package/dist/chunk-7ppfbxdh.js

@@ -0,0 +1,101 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  paper,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/ToolGroup.tsx
+import { CheckIcon, ChevronRightIcon, Loader2Icon, XIcon } from "lucide-react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function ToolGroup2({ label, tools, open, onOpenChange, className, ...props }) {
+  const running = tools.filter((tool) => tool.state === "running").length;
+  const failed = tools.filter((tool) => tool.state === "failed").length;
+  const headerClassName = cn2("flex items-center gap-2.5 px-3.5 py-2.5 text-start", onOpenChange && "hover:bg-foreground/[0.03] transition-colors");
+  const header = /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx(ChevronRightIcon, {
+        "aria-hidden": "true",
+        className: cn2("size-4")
+      }),
+      /* @__PURE__ */ jsx("span", {
+        className: "min-w-0 flex-1 truncate text-base",
+        children: label
+      }),
+      /* @__PURE__ */ jsx("span", {
+        className: cn2(mono, "text-muted-foreground shrink-0 tabular-nums"),
+        children: running > 0 ? `${tools.length - running}/${tools.length}` : failed > 0 ? `${failed} failed` : `${tools.length} done`
+      }),
+      running > 0 ? /* @__PURE__ */ jsx(Loader2Icon, {
+        "aria-hidden": "true",
+        className: cn2("size-4", "animate-spin motion-reduce:animate-none")
+      }) : failed > 0 ? /* @__PURE__ */ jsx(XIcon, {
+        "aria-hidden": "true",
+        className: cn2("size-4", "text-destructive")
+      }) : /* @__PURE__ */ jsx(CheckIcon, {
+        "aria-hidden": "true",
+        className: cn2("size-4")
+      })
+    ]
+  });
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "ToolGroup",
+    "data-slot": "tool-group",
+    className: cn2(cn2(paper, "flex w-full max-w-sm flex-col overflow-hidden rounded-md"), className),
+    ...props,
+    children: [
+      onOpenChange ? /* @__PURE__ */ jsx(Button2, {
+        type: "button",
+        "aria-expanded": open,
+        onClick: () => onOpenChange(!open),
+        variant: "ghost",
+        children: header
+      }) : /* @__PURE__ */ jsx("div", {
+        className: headerClassName,
+        children: header
+      }),
+      open && /* @__PURE__ */ jsx("div", {
+        className: "border-foreground/[0.06] fade-in slide-in-from-top-1 animate-in flex flex-col border-t duration-200",
+        children: tools.map((tool) => /* @__PURE__ */ jsxs("div", {
+          className: "flex items-center gap-2.5 px-3.5 py-2",
+          children: [
+            /* @__PURE__ */ jsx("span", {
+              className: "flex size-3.5 shrink-0 items-center justify-center",
+              children: tool.state === "running" ? /* @__PURE__ */ jsx(Loader2Icon, {
+                "aria-hidden": "true",
+                className: cn2("size-4", "animate-spin motion-reduce:animate-none")
+              }) : tool.state === "failed" ? /* @__PURE__ */ jsx(XIcon, {
+                "aria-hidden": "true",
+                className: cn2("size-4", "text-destructive")
+              }) : /* @__PURE__ */ jsx(CheckIcon, {
+                "aria-hidden": "true",
+                className: cn2("size-4")
+              })
+            }),
+            /* @__PURE__ */ jsx("span", {
+              className: cn2(mono, "text-muted-foreground shrink-0"),
+              children: tool.name
+            }),
+            /* @__PURE__ */ jsx("span", {
+              className: "text-foreground min-w-0 flex-1 truncate text-base",
+              children: tool.target
+            }),
+            tool.durationMs !== undefined && /* @__PURE__ */ jsxs("span", {
+              className: cn2(mono, "text-muted-foreground shrink-0 tabular-nums"),
+              children: [
+                tool.durationMs,
+                "ms"
+              ]
+            })
+          ]
+        }, tool.id))
+      })
+    ]
+  });
+}
+
+export { ToolGroup2 };