@alexgorbatchev/shadcn 0.0.12 → 0.0.16

package/dist/chunk-wgxs6b5t.js

@@ -0,0 +1,44 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  useIsomorphicLayoutEffect
+} from "./chunk-1wz92wgg.js";
+import {
+  labelSwap,
+  labelSwapIn,
+  labelSwapOut
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/SwapLabel.tsx
+import { useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function SwapLabel2({ active, children }) {
+  const firstLayer = useRef(null);
+  const secondLayer = useRef(null);
+  const layers = [firstLayer, secondLayer];
+  const [width, setWidth] = useState(null);
+  useIsomorphicLayoutEffect(() => {
+    const target = active === 0 ? firstLayer.current : secondLayer.current;
+    if (!target)
+      return;
+    const measure = () => setWidth(Math.ceil(target.getBoundingClientRect().width));
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(target);
+    return () => observer.disconnect();
+  }, [active]);
+  return /* @__PURE__ */ jsx("span", {
+    "data-testid": "SwapLabel",
+    style: width === null ? undefined : { width },
+    className: "grid overflow-x-clip text-start transition-[width] duration-300 motion-reduce:transition-none",
+    children: children.map((layer, index) => /* @__PURE__ */ jsx("span", {
+      ref: layers[index],
+      "aria-hidden": active !== index,
+      className: cn2(labelSwap, active === index ? labelSwapIn : labelSwapOut),
+      children: layer
+    }, index))
+  });
+}
+
+export { SwapLabel2 };

package/dist/chunk-wjx6zf94.js

@@ -0,0 +1,41 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/Badge.tsx
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva } from "class-variance-authority";
+var badgeVariants2 = cva("group/badge inline-flex h-tag w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-sm border border-transparent px-tag-x py-0 text-xs font-medium whitespace-nowrap transition-colors focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive [&>svg]:pointer-events-none [&>svg]:size-3!", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+      secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+      destructive: "bg-destructive text-destructive-foreground focus-visible:ring-destructive [a]:hover:bg-destructive/80",
+      outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+      ghost: "hover:bg-muted hover:text-muted-foreground ",
+      success: "bg-success text-success-foreground",
+      warning: "bg-warning text-warning-foreground",
+      link: "text-primary underline-offset-4 hover:underline"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Badge2({ density, className, variant = "default", render, ...props }) {
+  return useRender({
+    defaultTagName: "span",
+    props: mergeProps({
+      className: cn2(badgeVariants2({ variant }), className)
+    }, props),
+    render,
+    state: {
+      slot: "badge",
+      variant,
+      density
+    }
+  });
+}
+
+export { badgeVariants2, Badge2 };

package/dist/chunk-wkg0rssg.js

@@ -0,0 +1,37 @@
+import {
+  AgentStatus3
+} from "./chunk-4k2jzddw.js";
+import {
+  formatElapsed,
+  useTaskElapsed
+} from "./chunk-1s7af44v.js";
+import {
+  summarizeTasks,
+  summaryState2,
+  summaryLabel2
+} from "./chunk-yqs310vg.js";
+
+// src/components/assistant-ui/hooks/useTaskSummary.ts
+import { useMemo } from "react";
+import { useAuiState } from "@assistant-ui/react";
+function useTaskSummary2() {
+  const tasks = useAuiState((state) => state.thread.tasks);
+  return useMemo(() => summarizeTasks(tasks), [tasks]);
+}
+
+// src/components/assistant-ui/native/AgentStatus.tsx
+import { jsx } from "react/jsx-runtime";
+function AgentStatus2({ className }) {
+  const summary = useTaskSummary2();
+  const elapsedMs = useTaskElapsed(summary.startedAt === undefined ? undefined : { startedAt: summary.startedAt }, summary.running > 0);
+  if (summary.running === 0 && summary.waiting === 0)
+    return null;
+  return /* @__PURE__ */ jsx(AgentStatus3, {
+    className,
+    state: summaryState2(summary),
+    label: summaryLabel2(summary),
+    elapsed: elapsedMs === undefined ? undefined : formatElapsed(elapsedMs)
+  });
+}
+
+export { useTaskSummary2, AgentStatus2 };

package/dist/chunk-wndqbss9.js

@@ -0,0 +1,34 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/RadioGroup.tsx
+import { Radio as RadioPrimitive } from "@base-ui/react/radio";
+import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
+import { jsx } from "react/jsx-runtime";
+"use client";
+function RadioGroup2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx(RadioGroupPrimitive, {
+    "data-density": density,
+    "data-slot": "radio-group",
+    className: (state) => cn2("grid w-full gap-2", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function RadioGroupItem2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx(RadioPrimitive.Root, {
+    "data-density": density,
+    "data-slot": "radio-group-item",
+    className: (state) => cn2("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none 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(RadioPrimitive.Indicator, {
+      "data-slot": "radio-group-indicator",
+      className: "flex size-4 items-center justify-center",
+      children: /* @__PURE__ */ jsx("span", {
+        className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground"
+      })
+    })
+  });
+}
+
+export { RadioGroup2, RadioGroupItem2 };

package/dist/chunk-wnyxdfzd.js

@@ -0,0 +1,41 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  CollapsibleContent2
+} from "./chunk-24d68cjp.js";
+import {
+  reasoningPreviewContext
+} from "./chunk-f8zc8ceg.js";
+import {
+  ReasoningFade2
+} from "./chunk-3g8p9apn.js";
+import {
+  collapsePanel
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/ReasoningContent.tsx
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ReasoningContent2({
+  children,
+  className,
+  ...props
+}) {
+  const isPreview = useContext(reasoningPreviewContext);
+  return /* @__PURE__ */ jsxs(CollapsibleContent2, {
+    "data-testid": "ReasoningContent",
+    "data-slot": "reasoning-content",
+    ...props,
+    className: (state) => cn2(collapsePanel, "aui-reasoning-content text-muted-foreground relative text-sm outline-none data-closed:pointer-events-none", typeof className === "function" ? className(state) : className),
+    children: [
+      /* @__PURE__ */ jsx(ReasoningFade2, {
+        side: "top"
+      }),
+      children,
+      isPreview ? /* @__PURE__ */ jsx(ReasoningFade2, {}) : null
+    ]
+  });
+}
+
+export { ReasoningContent2 };

package/dist/chunk-wwfj7ga3.js

@@ -0,0 +1,221 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  Dialog2,
+  DialogTrigger2,
+  DialogContent2,
+  DialogTitle2
+} from "./chunk-zhnwybhq.js";
+
+// src/components/assistant-ui/elements/MermaidZoom.tsx
+import { useRef, useState as useState2 } from "react";
+import { Maximize2Icon, MinusIcon, PlusIcon, RotateCcwIcon } from "lucide-react";
+
+// src/components/assistant-ui/elements/MermaidSvg.tsx
+import { useCallback, useLayoutEffect, useState } from "react";
+
+// src/components/assistant-ui/utils/prepareMermaidSvg.ts
+function prepareMermaidSvg(svg, ownerDocument) {
+  const parsed = new DOMParser().parseFromString(svg, "image/svg+xml");
+  const root = parsed.documentElement;
+  if (!(root instanceof SVGSVGElement))
+    throw new Error("Mermaid returned an invalid SVG document.");
+  const detached = ownerDocument.implementation.createHTMLDocument();
+  for (const source of root.querySelectorAll("style")) {
+    const style = detached.createElement("style");
+    style.textContent = source.textContent;
+    detached.head.append(style);
+    const sheet = style.sheet;
+    if (!sheet)
+      throw new Error("The browser could not parse Mermaid's stylesheet.");
+    for (let index = sheet.cssRules.length - 1;index >= 0; index--) {
+      if (sheet.cssRules[index] instanceof CSSImportRule)
+        sheet.deleteRule(index);
+    }
+    source.textContent = Array.from(sheet.cssRules, (rule) => rule.cssText).join(`
+`);
+    style.remove();
+  }
+  return ownerDocument.importNode(root, true);
+}
+
+// src/components/assistant-ui/elements/MermaidSvg.tsx
+import { jsx } from "react/jsx-runtime";
+function MermaidSvg({ svg, isExpanded = false }) {
+  const [root, setRoot] = useState(null);
+  const attach = useCallback((host) => {
+    if (host)
+      setRoot(host.shadowRoot ?? host.attachShadow({ mode: "open" }));
+  }, []);
+  useLayoutEffect(() => {
+    if (!root)
+      return;
+    const layout = new CSSStyleSheet;
+    layout.replaceSync(`svg { display: block; max-width: 100%; height: auto; margin-inline: auto; ${isExpanded ? "max-height: 80dvh;" : ""} }`);
+    root.adoptedStyleSheets = [layout];
+    root.replaceChildren(prepareMermaidSvg(svg, root.ownerDocument));
+    return () => {
+      root.replaceChildren();
+      root.adoptedStyleSheets = [];
+    };
+  }, [root, svg, isExpanded]);
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "MermaidSvg",
+    ref: attach,
+    className: cn2(isExpanded ? "flex h-full w-full items-center justify-center" : "overflow-x-auto p-panel")
+  });
+}
+
+// src/components/assistant-ui/elements/MermaidZoom.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var INITIAL_TRANSFORM = { x: 0, y: 0, scale: 1 };
+function MermaidZoom2({ svg, children }) {
+  const [isOpen, setIsOpen] = useState2(false);
+  const [transform, setTransform] = useState2(INITIAL_TRANSFORM);
+  const viewportRef = useRef(null);
+  const dragRef = useRef(null);
+  const zoomBy = (factor, x, y) => {
+    const cx = x ?? (viewportRef.current?.clientWidth ?? 0) / 2;
+    const cy = y ?? (viewportRef.current?.clientHeight ?? 0) / 2;
+    setTransform((current) => {
+      const scale = Math.min(4, Math.max(0.5, current.scale * factor));
+      const ratio = scale / current.scale;
+      return { scale, x: cx - (cx - current.x) * ratio, y: cy - (cy - current.y) * ratio };
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "MermaidZoom",
+    className: "relative",
+    children: [
+      children,
+      /* @__PURE__ */ jsxs(Dialog2, {
+        open: isOpen,
+        onOpenChange: (open) => {
+          setIsOpen(open);
+          if (!open) {
+            setTransform(INITIAL_TRANSFORM);
+            dragRef.current = null;
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx2("div", {
+            className: "absolute end-control-x top-control-y",
+            children: /* @__PURE__ */ jsx2(DialogTrigger2, {
+              render: /* @__PURE__ */ jsx2(Button2, {
+                variant: "outline",
+                size: "icon-sm",
+                "aria-label": "Expand diagram"
+              }),
+              children: /* @__PURE__ */ jsx2(Maximize2Icon, {
+                "aria-hidden": "true"
+              })
+            })
+          }),
+          /* @__PURE__ */ jsxs(DialogContent2, {
+            size: "fullscreen",
+            children: [
+              /* @__PURE__ */ jsx2(DialogTitle2, {
+                className: "sr-only",
+                children: "Diagram"
+              }),
+              /* @__PURE__ */ jsxs("div", {
+                className: "flex items-center gap-control-gap",
+                children: [
+                  /* @__PURE__ */ jsx2(Button2, {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    "aria-label": "Zoom in",
+                    disabled: transform.scale >= 4,
+                    onClick: () => zoomBy(1.25),
+                    children: /* @__PURE__ */ jsx2(PlusIcon, {
+                      "aria-hidden": "true"
+                    })
+                  }),
+                  /* @__PURE__ */ jsx2(Button2, {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    "aria-label": "Zoom out",
+                    disabled: transform.scale <= 0.5,
+                    onClick: () => zoomBy(0.8),
+                    children: /* @__PURE__ */ jsx2(MinusIcon, {
+                      "aria-hidden": "true"
+                    })
+                  }),
+                  /* @__PURE__ */ jsx2(Button2, {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    "aria-label": "Reset zoom",
+                    onClick: () => setTransform(INITIAL_TRANSFORM),
+                    children: /* @__PURE__ */ jsx2(RotateCcwIcon, {
+                      "aria-hidden": "true"
+                    })
+                  }),
+                  /* @__PURE__ */ jsxs("output", {
+                    "aria-label": "Zoom level",
+                    className: "text-sm tabular-nums",
+                    children: [
+                      Math.round(transform.scale * 100),
+                      "%"
+                    ]
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsx2("div", {
+                ref: viewportRef,
+                className: "h-[70dvh] w-full touch-none overflow-hidden cursor-grab active:cursor-grabbing",
+                onWheel: (event) => {
+                  const viewport = viewportRef.current;
+                  if (!viewport)
+                    return;
+                  const rect = viewport.getBoundingClientRect();
+                  zoomBy(Math.exp(-event.deltaY * 0.0015), event.clientX - rect.left, event.clientY - rect.top);
+                },
+                onPointerDown: (event) => {
+                  if (event.button !== 0)
+                    return;
+                  event.currentTarget.setPointerCapture(event.pointerId);
+                  dragRef.current = {
+                    startX: event.clientX,
+                    startY: event.clientY,
+                    originX: transform.x,
+                    originY: transform.y
+                  };
+                },
+                onPointerMove: (event) => {
+                  const drag = dragRef.current;
+                  if (!drag)
+                    return;
+                  setTransform((current) => ({
+                    ...current,
+                    x: drag.originX + event.clientX - drag.startX,
+                    y: drag.originY + event.clientY - drag.startY
+                  }));
+                },
+                onPointerUp: () => {
+                  dragRef.current = null;
+                },
+                onPointerCancel: () => {
+                  dragRef.current = null;
+                },
+                children: /* @__PURE__ */ jsx2("div", {
+                  className: "h-full w-full origin-top-left",
+                  style: { transform: `translate(${transform.x}px, ${transform.y}px) scale(${transform.scale})` },
+                  children: /* @__PURE__ */ jsx2(MermaidSvg, {
+                    svg,
+                    isExpanded: true
+                  })
+                })
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { MermaidSvg, MermaidZoom2 };

package/dist/chunk-wy701sqv.js

@@ -0,0 +1,19 @@
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+
+// src/components/assistant-ui/elements/EmptyStateSuggestion.tsx
+import { jsx } from "react/jsx-runtime";
+function EmptyStateSuggestion2({ index = 0, ...props }) {
+  return /* @__PURE__ */ jsx("li", {
+    "data-testid": "EmptyStateSuggestion",
+    className: "animate-in fade-in fill-mode-both duration-300 motion-reduce:animate-none",
+    style: { animationDelay: `${Math.max(0, index) * 50}ms` },
+    children: /* @__PURE__ */ jsx(Button2, {
+      variant: "outline",
+      ...props
+    })
+  });
+}
+
+export { EmptyStateSuggestion2 };

package/dist/chunk-x1z72h7w.js

@@ -0,0 +1,92 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  floating,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/QuoteReply.tsx
+import { PencilLineIcon, QuoteIcon, SparklesIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ICON = {
+  quote: QuoteIcon,
+  explain: SparklesIcon,
+  rewrite: PencilLineIcon
+};
+function QuoteReply2({
+  before,
+  selection,
+  after,
+  actions,
+  toolbarVisible,
+  quoted,
+  onAction,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "QuoteReply",
+    "data-slot": "quote-reply",
+    className: cn2(cn2("flex w-full max-w-sm flex-col gap-2.5"), className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("p", {
+        className: "relative text-base leading-relaxed",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "text-muted-foreground",
+            children: before
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "text-foreground rounded bg-primary/18 px-0.5 bg-primary/25",
+            children: selection
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "text-muted-foreground",
+            children: after
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "flex h-9 items-start",
+        children: toolbarVisible && onAction && /* @__PURE__ */ jsx("div", {
+          className: cn2(floating, "fade-in zoom-in-95 slide-in-from-top-1 animate-in flex items-center gap-0.5 rounded-full p-1 duration-200"),
+          children: actions.map((action) => {
+            const Glyph = ICON[action.icon];
+            return /* @__PURE__ */ jsxs(Button2, {
+              type: "button",
+              onClick: () => onAction(action.key),
+              variant: "ghost",
+              children: [
+                /* @__PURE__ */ jsx(Glyph, {
+                  "aria-hidden": "true",
+                  "data-icon": "inline-start"
+                }),
+                action.label
+              ]
+            }, action.key);
+          })
+        })
+      }),
+      quoted && /* @__PURE__ */ jsxs("div", {
+        className: "fade-in slide-in-from-bottom-1 animate-in flex flex-col gap-1 duration-300",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground"),
+            children: "replying to"
+          }),
+          /* @__PURE__ */ jsx("div", {
+            className: "border-foreground/15 text-muted-foreground border-s-2 ps-2.5 text-sm leading-relaxed",
+            children: quoted
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { QuoteReply2 };

package/dist/chunk-x7z9jzyf.js

@@ -0,0 +1,84 @@
+import {
+  useDensity
+} from "./chunk-e6hk39ev.js";
+import {
+  usePortalContainer2
+} from "./chunk-j89xg1ak.js";
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/Popover.tsx
+import { useDirection } from "@base-ui/react/direction-provider";
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import { jsx } from "react/jsx-runtime";
+"use client";
+function Popover2({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
+    "data-slot": "popover",
+    ...props
+  });
+}
+function PopoverTrigger2({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
+    "data-slot": "popover-trigger",
+    ...props
+  });
+}
+function PopoverContent2({
+  density,
+  className,
+  align = "center",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection();
+  const container = usePortalContainer2();
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, {
+    container,
+    children: /* @__PURE__ */ jsx(PopoverPrimitive.Positioner, {
+      dir: direction,
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate ",
+      children: /* @__PURE__ */ jsx(PopoverPrimitive.Popup, {
+        dir: direction,
+        "data-density": resolvedDensity,
+        "data-slot": "popover-content",
+        className: (state) => cn2("flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-md bg-popover p-2.5 text-sm text-popover-foreground shadow-frame border border-frame-edge shadow-frame outline-hidden duration-120 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:data-open:animate-none motion-reduce:data-closed:animate-none", typeof className === "function" ? className(state) : className),
+        ...props
+      })
+    })
+  });
+}
+function PopoverHeader2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "popover-header",
+    className: cn2("flex flex-col gap-0.5 text-sm", className),
+    ...props
+  });
+}
+function PopoverTitle2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Title, {
+    "data-density": density,
+    "data-slot": "popover-title",
+    className: (state) => cn2("font-medium", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function PopoverDescription2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Description, {
+    "data-density": density,
+    "data-slot": "popover-description",
+    className: (state) => cn2("text-muted-foreground", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+
+export { Popover2, PopoverTrigger2, PopoverContent2, PopoverHeader2, PopoverTitle2, PopoverDescription2 };

package/dist/chunk-xhtsnwnb.js

@@ -0,0 +1,29 @@
+// src/components/assistant-ui/utils/href.ts
+var RELATIVE = /^(?:[/?#]|\.{1,2}\/)/;
+var ALLOWED_PROTOCOLS = new Set(["http:", "https:", "mailto:"]);
+var parse = (url) => {
+  try {
+    return new URL(url);
+  } catch {
+    return;
+  }
+};
+function safeHref(url) {
+  if (typeof url !== "string")
+    return;
+  const trimmed = url.trim();
+  if (trimmed === "")
+    return;
+  const parsed = parse(trimmed);
+  if (parsed) {
+    return ALLOWED_PROTOCOLS.has(parsed.protocol) ? trimmed : undefined;
+  }
+  return RELATIVE.test(trimmed) ? trimmed : undefined;
+}
+function hostOf(url) {
+  const href = safeHref(url);
+  const hostname = href === undefined ? "" : parse(href)?.hostname ?? "";
+  return hostname.replace(/^www\./, "") || undefined;
+}
+
+export { safeHref, hostOf };

package/dist/chunk-xjxhnvcc.js

@@ -0,0 +1,36 @@
+import {
+  Kbd2
+} from "./chunk-vyve5wf3.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+
+// src/components/assistant-ui/elements/ComposerMenuItem.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ComposerMenuItem2({
+  active = false,
+  shortcut,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Button2, {
+    "data-testid": "ComposerMenuItem",
+    type: "button",
+    "data-slot": "composer-menu-item",
+    "data-active": active || undefined,
+    "aria-current": active || undefined,
+    variant: "ghost",
+    align: "start",
+    fullWidth: true,
+    ...props,
+    children: [
+      children,
+      shortcut && /* @__PURE__ */ jsx(Kbd2, {
+        "aria-hidden": "true",
+        children: shortcut
+      })
+    ]
+  });
+}
+
+export { ComposerMenuItem2 };