@alexgorbatchev/shadcn 0.0.12 → 0.0.16

package/dist/chunk-mx21wpq0.js

@@ -0,0 +1,204 @@
+import {
+  useDensity
+} from "./chunk-e6hk39ev.js";
+import {
+  usePortalContainer2
+} from "./chunk-j89xg1ak.js";
+import {
+  useDirection2
+} from "./chunk-jpvw9xqy.js";
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/DropdownMenu.tsx
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+import { ChevronRightIcon, CheckIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+"use client";
+function DropdownMenu2({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuPrimitive.Root, {
+    "data-slot": "dropdown-menu",
+    ...props
+  });
+}
+function DropdownMenuPortal2({ container, ...props }) {
+  const resolvedContainer = usePortalContainer2(container);
+  return /* @__PURE__ */ jsx(MenuPrimitive.Portal, {
+    "data-slot": "dropdown-menu-portal",
+    container: resolvedContainer,
+    ...props
+  });
+}
+function DropdownMenuTrigger2({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuPrimitive.Trigger, {
+    "data-slot": "dropdown-menu-trigger",
+    ...props
+  });
+}
+function DropdownMenuContent2({
+  density,
+  width = "content",
+  align = "start",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  className,
+  ...props
+}) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection2();
+  return /* @__PURE__ */ jsx(DropdownMenuPortal2, {
+    children: /* @__PURE__ */ jsx(MenuPrimitive.Positioner, {
+      dir: direction,
+      className: "isolate outline-none",
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      children: /* @__PURE__ */ jsx(MenuPrimitive.Popup, {
+        "data-density": resolvedDensity,
+        "data-slot": "dropdown-menu-content",
+        className: (state) => cn2("max-h-(--available-height) max-w-(--available-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-frame border border-frame-edge shadow-frame duration-120 outline-none data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0", width === "anchor" ? "w-(--anchor-width)" : "w-max", typeof className === "function" ? className(state) : className),
+        ...props
+      })
+    })
+  });
+}
+function DropdownMenuGroup2({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuPrimitive.Group, {
+    "data-slot": "dropdown-menu-group",
+    ...props
+  });
+}
+function DropdownMenuLabel2({ density, className, inset, ...props }) {
+  return /* @__PURE__ */ jsx(MenuPrimitive.GroupLabel, {
+    "data-density": density,
+    "data-slot": "dropdown-menu-label",
+    "data-inset": inset,
+    className: (state) => cn2("px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:ps-7", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function DropdownMenuItem2({ density, className, inset, variant = "default", ...props }) {
+  return /* @__PURE__ */ jsx(MenuPrimitive.Item, {
+    "data-density": density,
+    "data-slot": "dropdown-menu-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: (state) => cn2("group/dropdown-menu-item relative flex cursor-default items-center gap-control-gap rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function DropdownMenuSub2({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuPrimitive.SubmenuRoot, {
+    "data-slot": "dropdown-menu-sub",
+    ...props
+  });
+}
+function DropdownMenuSubTrigger2({ density, className, inset, children, ...props }) {
+  return /* @__PURE__ */ jsxs(MenuPrimitive.SubmenuTrigger, {
+    "data-density": density,
+    "data-slot": "dropdown-menu-sub-trigger",
+    "data-inset": inset,
+    className: (state) => cn2("flex cursor-default items-center gap-control-gap rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRightIcon, {
+        className: "ms-auto rtl:rotate-180"
+      })
+    ]
+  });
+}
+function DropdownMenuSubContent2({
+  density,
+  align = "start",
+  alignOffset = -3,
+  side = "inline-end",
+  sideOffset = 0,
+  className,
+  ...props
+}) {
+  const resolvedDensity = useDensity(density);
+  return /* @__PURE__ */ jsx(DropdownMenuContent2, {
+    "data-density": resolvedDensity,
+    "data-slot": "dropdown-menu-sub-content",
+    className: (state) => cn2("w-auto min-w-[96px] rounded-md bg-popover p-1 text-popover-foreground shadow-frame border border-frame-edge shadow-frame duration-120 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", typeof className === "function" ? className(state) : className),
+    align,
+    alignOffset,
+    side,
+    sideOffset,
+    ...props
+  });
+}
+function DropdownMenuCheckboxItem2({
+  density,
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(MenuPrimitive.CheckboxItem, {
+    "data-density": density,
+    "data-slot": "dropdown-menu-checkbox-item",
+    "data-inset": inset,
+    className: (state) => cn2("relative flex cursor-default items-center gap-control-gap rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        className: "pointer-events-none absolute end-2 flex items-center justify-center",
+        "data-slot": "dropdown-menu-checkbox-item-indicator",
+        children: /* @__PURE__ */ jsx(MenuPrimitive.CheckboxItemIndicator, {
+          children: /* @__PURE__ */ jsx(CheckIcon, {})
+        })
+      }),
+      children
+    ]
+  });
+}
+function DropdownMenuRadioGroup2({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuPrimitive.RadioGroup, {
+    "data-slot": "dropdown-menu-radio-group",
+    ...props
+  });
+}
+function DropdownMenuRadioItem2({ density, className, children, inset, ...props }) {
+  return /* @__PURE__ */ jsxs(MenuPrimitive.RadioItem, {
+    "data-density": density,
+    "data-slot": "dropdown-menu-radio-item",
+    "data-inset": inset,
+    className: (state) => cn2("relative flex cursor-default items-center gap-control-gap rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        className: "pointer-events-none absolute end-2 flex items-center justify-center",
+        "data-slot": "dropdown-menu-radio-item-indicator",
+        children: /* @__PURE__ */ jsx(MenuPrimitive.RadioItemIndicator, {
+          children: /* @__PURE__ */ jsx(CheckIcon, {})
+        })
+      }),
+      children
+    ]
+  });
+}
+function DropdownMenuSeparator2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx(MenuPrimitive.Separator, {
+    "data-density": density,
+    "data-slot": "dropdown-menu-separator",
+    className: (state) => cn2("-mx-1 my-1 h-px bg-border", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function DropdownMenuShortcut2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("span", {
+    "data-density": density,
+    "data-slot": "dropdown-menu-shortcut",
+    className: cn2("ms-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", className),
+    ...props
+  });
+}
+
+export { DropdownMenu2, DropdownMenuPortal2, DropdownMenuTrigger2, DropdownMenuContent2, DropdownMenuGroup2, DropdownMenuLabel2, DropdownMenuItem2, DropdownMenuSub2, DropdownMenuSubTrigger2, DropdownMenuSubContent2, DropdownMenuCheckboxItem2, DropdownMenuRadioGroup2, DropdownMenuRadioItem2, DropdownMenuSeparator2, DropdownMenuShortcut2 };

package/dist/chunk-mznfmtt8.js

@@ -0,0 +1,78 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  indexIn
+} from "./chunk-v8ks0cfq.js";
+import {
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/MessageBranches.tsx
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MessageBranches2({ variants, index, onIndexChange, ...props }) {
+  const activeIndex = indexIn(variants, index);
+  const message = variants[activeIndex] ?? "";
+  const hasNavigation = variants.length > 1;
+  const goPrevious = () => {
+    if (!hasNavigation)
+      return;
+    onIndexChange(activeIndex === 0 ? variants.length - 1 : activeIndex - 1);
+  };
+  const goNext = () => {
+    if (!hasNavigation)
+      return;
+    onIndexChange(activeIndex === variants.length - 1 ? 0 : activeIndex + 1);
+  };
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "MessageBranches",
+    "data-slot": "message-branches",
+    className: cn2("flex max-w-sm flex-col gap-2"),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("p", {
+        className: "fade-in slide-in-from-bottom-1 animate-in text-foreground/90 min-h-[68px] text-sm leading-relaxed duration-300 motion-reduce:animate-none",
+        children: message
+      }, activeIndex),
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-1",
+        children: [
+          /* @__PURE__ */ jsx(Button2, {
+            type: "button",
+            "aria-label": "Show previous response",
+            disabled: !hasNavigation,
+            onClick: goPrevious,
+            variant: "ghost",
+            size: "icon",
+            children: /* @__PURE__ */ jsx(ChevronLeftIcon, {
+              "aria-hidden": "true",
+              "data-icon": "inline-start"
+            })
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground tabular-nums"),
+            children: variants.length === 0 ? "0 / 0" : `${activeIndex + 1} / ${variants.length}`
+          }),
+          /* @__PURE__ */ jsx(Button2, {
+            type: "button",
+            "aria-label": "Show next response",
+            disabled: !hasNavigation,
+            onClick: goNext,
+            variant: "ghost",
+            size: "icon",
+            children: /* @__PURE__ */ jsx(ChevronRightIcon, {
+              "aria-hidden": "true",
+              "data-icon": "inline-start"
+            })
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { MessageBranches2 };

package/dist/chunk-n94jf71r.js

@@ -0,0 +1,101 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  paper,
+  mono,
+  codeScroll,
+  codeSurface
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/CodeRunner.tsx
+import { Loader2Icon, PlayIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CodeRunner2({
+  language,
+  code,
+  state,
+  output,
+  durationMs,
+  onRun,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "CodeRunner",
+    "data-slot": "code-runner",
+    className: cn2(paper, "flex w-full max-w-md flex-col overflow-hidden rounded-md"),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-2 px-3.5 py-2",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground min-w-0 flex-1"),
+            children: language
+          }),
+          durationMs !== undefined && state !== "running" && /* @__PURE__ */ jsxs("span", {
+            className: cn2(mono, "text-muted-foreground shrink-0 tabular-nums"),
+            children: [
+              durationMs,
+              "ms"
+            ]
+          }),
+          onRun || state === "running" ? /* @__PURE__ */ jsx(Button2, {
+            type: "button",
+            "aria-label": "Run this snippet",
+            onClick: onRun,
+            disabled: state === "running",
+            variant: "ghost",
+            size: "icon",
+            children: state === "running" ? /* @__PURE__ */ jsx(Loader2Icon, {
+              "aria-hidden": "true",
+              "data-icon": "inline-start",
+              className: cn2(state === "running" && "animate-spin motion-reduce:animate-none")
+            }) : /* @__PURE__ */ jsx(PlayIcon, {
+              "aria-hidden": "true",
+              "data-icon": "inline-start"
+            })
+          }) : null
+        ]
+      }),
+      /* @__PURE__ */ jsx("pre", {
+        className: "border-foreground/[0.07] overflow-x-auto border-t px-3.5 py-2.5 font-mono text-sm leading-relaxed",
+        children: /* @__PURE__ */ jsx("code", {
+          className: "text-foreground/75",
+          children: code
+        })
+      }),
+      state !== "idle" && /* @__PURE__ */ jsxs("div", {
+        role: "log",
+        "aria-label": "Code output",
+        className: "border-foreground/[0.07] fade-in animate-in flex flex-col border-t px-3.5 py-2.5 duration-300",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground pb-1"),
+            children: "output"
+          }),
+          /* @__PURE__ */ jsx("div", {
+            className: codeScroll,
+            children: /* @__PURE__ */ jsx("div", {
+              className: cn2(codeSurface, "flex flex-col"),
+              children: output.map((line, i) => /* @__PURE__ */ jsx("span", {
+                className: cn2("fade-in animate-in fill-mode-both font-mono text-sm leading-relaxed whitespace-pre", state === "error" ? "text-destructive text-destructive" : "text-foreground/70"),
+                style: { animationDelay: `${i * 80}ms` },
+                children: line
+              }, `${i}-${line}`))
+            })
+          }),
+          state === "running" && /* @__PURE__ */ jsx("span", {
+            "aria-hidden": true,
+            className: "bg-foreground/40 h-[1em] w-[2px] animate-pulse rounded-full motion-reduce:animate-none"
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { CodeRunner2 };

package/dist/chunk-njzam0hx.js

@@ -0,0 +1,101 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  TaskStateIcon2
+} from "./chunk-v00z8h0n.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  paper,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/TaskCard.tsx
+import { Children, useState } from "react";
+import { ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var isRenderable = (node) => node !== undefined && node !== null && node !== false && node !== true;
+function TaskCard3({
+  label,
+  meta,
+  state,
+  elapsed,
+  actions,
+  result,
+  open,
+  onOpenChange,
+  children,
+  className,
+  ...props
+}) {
+  const hasTranscript = Children.toArray(children).length > 0;
+  const inert = open !== undefined && onOpenChange === undefined;
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+  const isOpen = open ?? uncontrolledOpen;
+  const toggle = () => {
+    const next = !isOpen;
+    if (open === undefined)
+      setUncontrolledOpen(next);
+    onOpenChange?.(next);
+  };
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "TaskCard",
+    "data-slot": "task-card",
+    "data-state": state,
+    className: cn2(paper, "flex w-full max-w-sm flex-col overflow-hidden rounded-md", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs(Button2, {
+        type: "button",
+        "aria-expanded": hasTranscript ? isOpen : undefined,
+        disabled: !hasTranscript || inert,
+        onClick: toggle,
+        variant: "ghost",
+        children: [
+          /* @__PURE__ */ jsx(TaskStateIcon2, {
+            state
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "sr-only",
+            children: state
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "min-w-0 flex-1 truncate text-base",
+            children: label
+          }),
+          meta !== undefined && /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground max-w-24 shrink-0 truncate"),
+            children: meta
+          }),
+          elapsed !== undefined && /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground shrink-0 tabular-nums"),
+            children: elapsed
+          }),
+          hasTranscript && /* @__PURE__ */ jsx(ChevronRightIcon, {
+            "aria-hidden": "true",
+            "data-icon": "inline-start"
+          })
+        ]
+      }),
+      isRenderable(actions) && /* @__PURE__ */ jsx("div", {
+        "data-slot": "task-card-actions",
+        className: "border-border/60 border-t px-3.5 py-2.5",
+        children: actions
+      }),
+      hasTranscript && isOpen && /* @__PURE__ */ jsx("div", {
+        "data-slot": "task-card-transcript",
+        className: "border-border/60 flex flex-col gap-2 border-t px-3.5 py-2.5",
+        children
+      }),
+      isRenderable(result) && /* @__PURE__ */ jsx("div", {
+        "data-slot": "task-card-result",
+        className: "border-border/60 text-muted-foreground border-t px-3.5 py-2 text-sm leading-relaxed",
+        children: result
+      })
+    ]
+  });
+}
+
+export { TaskCard3 };

package/dist/chunk-nkx7ncf1.js

@@ -0,0 +1,92 @@
+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/MessageAttachments.tsx
+import { FileTextIcon, ImageIcon, PaperclipIcon } from "lucide-react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function MessageAttachments2({ attachments, onOpen, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "MessageAttachments",
+    "data-slot": "message-attachments",
+    className: "flex w-full max-w-sm flex-col gap-1.5",
+    ...props,
+    children: attachments.map((item) => {
+      const content = item.kind === "image" ? /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+          item.image ? /* @__PURE__ */ jsx("img", {
+            src: item.image,
+            alt: "",
+            className: "size-10 shrink-0 rounded-md object-cover"
+          }) : /* @__PURE__ */ jsx(ImageIcon, {
+            "aria-hidden": "true",
+            className: cn2("size-4", "text-muted-foreground", "rounded-sm bg-secondary p-1")
+          }),
+          /* @__PURE__ */ jsxs("span", {
+            className: "flex min-w-0 flex-1 flex-col gap-0.5 pe-2",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "text-foreground/90 truncate text-base",
+                children: item.name
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: cn2(mono, "text-muted-foreground"),
+                children: item.size
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx(ImageIcon, {
+            "aria-hidden": "true",
+            className: cn2("size-4")
+          })
+        ]
+      }) : /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+          item.kind === "document" ? /* @__PURE__ */ jsx(FileTextIcon, {
+            "aria-hidden": "true",
+            className: cn2("size-4", "text-muted-foreground", "rounded-sm bg-secondary p-1")
+          }) : /* @__PURE__ */ jsx(PaperclipIcon, {
+            "aria-hidden": "true",
+            className: cn2("size-4", "text-muted-foreground", "rounded-sm bg-secondary p-1")
+          }),
+          /* @__PURE__ */ jsxs("span", {
+            className: "flex min-w-0 flex-1 flex-col gap-0.5",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "text-foreground/90 truncate text-base",
+                children: item.name
+              }),
+              /* @__PURE__ */ jsxs("span", {
+                className: cn2(mono, "text-muted-foreground"),
+                children: [
+                  item.size,
+                  item.pages !== undefined && ` · ${item.pages} pages`
+                ]
+              })
+            ]
+          })
+        ]
+      });
+      const className = cn2(item.kind === "image" ? paper : field, item.kind === "image" ? "fade-in animate-in fill-mode-both group flex w-full items-center gap-3 overflow-hidden rounded-md p-2 text-start duration-300" : cn2("fade-in animate-in fill-mode-both flex w-full items-center gap-2.5 rounded-md px-3 py-2.5 text-start transition-colors duration-300", onOpen && "hover:bg-foreground/[0.07]"));
+      return onOpen ? /* @__PURE__ */ jsx(Button2, {
+        variant: "outline",
+        type: "button",
+        onClick: () => onOpen(item.id),
+        children: content
+      }, item.id) : /* @__PURE__ */ jsx("div", {
+        className,
+        children: content
+      }, item.id);
+    })
+  });
+}
+
+export { MessageAttachments2 };