@hex-core/components 1.4.0 → 1.5.0

package/dist/index.js

@@ -1,6 +1,7 @@
 "use client";
 import { Slot } from '@radix-ui/react-slot';
 import * as React44 from 'react';
+import { cache } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -40,6 +41,9 @@ import { OTPInput, OTPInputContext } from 'input-otp';
 import { Command as Command$1 } from 'cmdk';
 import { Drawer as Drawer$1 } from 'vaul';
 import { Panel, Group, Separator as Separator$1 } from 'react-resizable-panels';
+import { Streamdown } from 'streamdown';
+import { codeToHtml } from 'shiki';
+import { CodeBlockCopy } from './code-block-copy.js';
 
 // src/primitives/button/button.tsx
 function cn(...inputs) {
@@ -4199,7 +4203,676 @@ var SidebarItem = React44.forwardRef(
   }
 );
 SidebarItem.displayName = "SidebarItem";
+var messageVariants = cva(
+  [
+    "flex w-full gap-3 px-4 py-3 text-sm",
+    "transition-colors duration-[var(--duration-normal,200ms)] ease-out"
+  ].join(" "),
+  {
+    variants: {
+      role: {
+        user: "bg-secondary/40 text-foreground",
+        assistant: "bg-card text-card-foreground",
+        system: "bg-muted text-muted-foreground italic",
+        tool: "bg-accent/15 text-accent-foreground border-l-2 border-accent"
+      }
+    },
+    defaultVariants: {
+      role: "assistant"
+    }
+  }
+);
+function Message({ role, className, children, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-role": role, className: cn(messageVariants({ role }), className), ...props, children });
+}
+var NEAR_BOTTOM_THRESHOLD_PX = 80;
+function MessageList({
+  autoScroll = true,
+  className,
+  children,
+  ...props
+}) {
+  const ref = React44.useRef(null);
+  const stickToBottomRef = React44.useRef(true);
+  React44.useEffect(() => {
+    const el = ref.current;
+    if (!el || !autoScroll) return;
+    if (stickToBottomRef.current) {
+      el.scrollTop = el.scrollHeight;
+    }
+  }, [autoScroll, children]);
+  function handleScroll(event) {
+    const el = event.currentTarget;
+    const distance = el.scrollHeight - el.scrollTop - el.clientHeight;
+    stickToBottomRef.current = distance < NEAR_BOTTOM_THRESHOLD_PX;
+    props.onScroll?.(event);
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "log",
+      "aria-live": "polite",
+      "aria-relevant": "additions",
+      className: cn("flex flex-col overflow-y-auto", className),
+      ...props,
+      onScroll: handleScroll,
+      children
+    }
+  );
+}
+function Composer({
+  value,
+  onValueChange,
+  onSubmit,
+  disabled,
+  placeholder,
+  submitOnEnter = true,
+  textareaAriaLabel,
+  children,
+  className,
+  ...rest
+}) {
+  function trySubmit() {
+    const trimmed = value.trim();
+    if (!trimmed || disabled) return;
+    onSubmit(trimmed);
+  }
+  function handleKeyDown(event) {
+    if (!submitOnEnter) return;
+    if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+      event.preventDefault();
+      trySubmit();
+    }
+  }
+  function handleSubmit(event) {
+    event.preventDefault();
+    trySubmit();
+  }
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      ...rest,
+      onSubmit: handleSubmit,
+      className: cn(
+        "flex items-end gap-2 rounded-lg border bg-background p-2",
+        "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+        "transition-all duration-[var(--duration-normal,200ms)] ease-out",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            value,
+            onChange: (event) => onValueChange(event.target.value),
+            onKeyDown: handleKeyDown,
+            disabled,
+            placeholder,
+            "aria-label": textareaAriaLabel ?? placeholder ?? "Message",
+            rows: 1,
+            className: cn(
+              "flex-1 resize-none bg-transparent px-2 py-1.5 text-sm leading-6",
+              "placeholder:text-muted-foreground focus:outline-none",
+              "disabled:cursor-not-allowed disabled:opacity-50",
+              "max-h-48 min-h-[2.25rem] overflow-y-auto"
+            )
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+var loadingIndicatorVariants = cva("inline-flex items-center gap-2 text-muted-foreground", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      md: "text-sm"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+function LoadingIndicator({
+  variant = "dots",
+  size,
+  label,
+  className,
+  ...props
+}) {
+  const ariaLabel = label ?? "Loading";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: cn(loadingIndicatorVariants({ size }), className),
+      ...props,
+      children: [
+        variant === "dots" ? /* @__PURE__ */ jsx(Dots, {}) : null,
+        variant === "pulse" ? /* @__PURE__ */ jsx(Pulse, {}) : null,
+        variant === "bar" ? /* @__PURE__ */ jsx(Bar, {}) : null,
+        label ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: label }) : null,
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: ariaLabel })
+      ]
+    }
+  );
+}
+function Dots() {
+  return /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-current [animation-delay:-0.3s]" }),
+    /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-current [animation-delay:-0.15s]" }),
+    /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-current" })
+  ] });
+}
+function Pulse() {
+  return /* @__PURE__ */ jsx("span", { className: "h-2 w-2 animate-pulse rounded-full bg-current" });
+}
+function Bar() {
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "h-0.5 w-2 animate-pulse rounded-full bg-current [animation-delay:-0.4s]" }),
+    /* @__PURE__ */ jsx("span", { className: "h-0.5 w-3 animate-pulse rounded-full bg-current [animation-delay:-0.2s]" }),
+    /* @__PURE__ */ jsx("span", { className: "h-0.5 w-4 animate-pulse rounded-full bg-current" })
+  ] });
+}
+function Suggestion({
+  value,
+  onSelect,
+  children,
+  className,
+  type = "button",
+  onClick,
+  ...props
+}) {
+  function handleClick(event) {
+    const payload = value ?? extractText(children);
+    onSelect(payload);
+    onClick?.(event);
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type,
+      onClick: handleClick,
+      className: cn(
+        "inline-flex items-center rounded-full border border-foreground/15 bg-background px-3 py-1.5 text-sm",
+        "transition-all duration-[var(--duration-normal,200ms)] ease-out",
+        "hover:border-foreground/30 hover:bg-secondary/40 hover:shadow-sm",
+        "active:scale-[0.98]",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function extractText(node) {
+  if (node == null || typeof node === "boolean") return "";
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(extractText).join(" ").replace(/\s+/g, " ").trim();
+  if (React44.isValidElement(node)) {
+    return extractText(node.props.children);
+  }
+  return "";
+}
+var STATE_LABEL = {
+  pending: "Pending",
+  running: "Running",
+  result: "Done",
+  error: "Error"
+};
+var STATE_CLASSES = {
+  pending: "bg-muted text-muted-foreground",
+  running: "bg-primary/15 text-primary animate-pulse",
+  result: "bg-accent/30 text-accent-foreground",
+  error: "bg-destructive/15 text-destructive"
+};
+function ToolCall({
+  name,
+  state,
+  args,
+  result,
+  defaultOpen = false,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    CollapsiblePrimitive.Root,
+    {
+      defaultOpen,
+      className: cn(
+        "overflow-hidden rounded-md border bg-card text-card-foreground",
+        "transition-all duration-[var(--duration-normal,200ms)] ease-out",
+        "data-[state=open]:shadow-sm",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          CollapsiblePrimitive.Trigger,
+          {
+            className: cn(
+              "group flex w-full items-center justify-between gap-3 px-3 py-2 text-left text-sm",
+              "hover:bg-muted/40",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsx(ToolGlyph, {}),
+                /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-xs text-foreground", children: name }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium",
+                      STATE_CLASSES[state]
+                    ),
+                    children: STATE_LABEL[state]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(Chevron2, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(CollapsiblePrimitive.Content, { className: "overflow-hidden border-t bg-muted/20 px-3 py-2 text-xs", children: [
+          args !== void 0 ? /* @__PURE__ */ jsx(CodeSection, { label: "Arguments", value: args }) : null,
+          result !== void 0 ? /* @__PURE__ */ jsx(CodeSection, { label: "Result", value: result }) : null,
+          args === void 0 && result === void 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "No arguments or result yet." }) : null
+        ] })
+      ]
+    }
+  );
+}
+function CodeSection({ label, value }) {
+  const text = typeof value === "string" ? value : safeStringify(value);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1 py-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded bg-background/60 p-2 font-mono text-[11px] leading-snug", children: text })
+  ] });
+}
+function safeStringify(value) {
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+function ToolGlyph() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      viewBox: "0 0 16 16",
+      width: "14",
+      height: "14",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "shrink-0 text-muted-foreground",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M11.5 1.5l3 3-2.5 2.5-3-3 2.5-2.5z" }),
+        /* @__PURE__ */ jsx("path", { d: "M9 4l-7 7v3h3l7-7" })
+      ]
+    }
+  );
+}
+function Chevron2() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      viewBox: "0 0 16 16",
+      width: "14",
+      height: "14",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "shrink-0 text-muted-foreground transition-transform duration-200 group-data-[state=open]:rotate-180",
+      children: /* @__PURE__ */ jsx("path", { d: "M4 6l4 4 4-4" })
+    }
+  );
+}
+function Reasoning({
+  children,
+  defaultOpen = false,
+  durationMs,
+  label,
+  className
+}) {
+  const headerLabel = label ?? (typeof durationMs === "number" ? formatThoughtFor(durationMs) : "Thinking");
+  return /* @__PURE__ */ jsxs(
+    CollapsiblePrimitive.Root,
+    {
+      defaultOpen,
+      className: cn("overflow-hidden rounded-md border-l-2 border-foreground/15 bg-muted/20", className),
+      children: [
+        /* @__PURE__ */ jsxs(
+          CollapsiblePrimitive.Trigger,
+          {
+            className: cn(
+              "group flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-muted-foreground",
+              "transition-all duration-[var(--duration-normal,200ms)] ease-out",
+              "hover:text-foreground",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(SparkleGlyph, {}),
+              /* @__PURE__ */ jsx("span", { className: "font-medium italic", children: headerLabel }),
+              /* @__PURE__ */ jsx(Chevron3, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(CollapsiblePrimitive.Content, { className: "overflow-hidden border-t border-foreground/[0.06] px-3 py-2 text-sm text-muted-foreground", children })
+      ]
+    }
+  );
+}
+function formatThoughtFor(ms) {
+  if (ms < 1e3) return `Thought for ${ms}ms`;
+  const seconds = ms / 1e3;
+  const formatted = seconds >= 10 ? Math.round(seconds).toString() : seconds.toFixed(1);
+  return `Thought for ${formatted}s`;
+}
+function SparkleGlyph() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      viewBox: "0 0 16 16",
+      width: "12",
+      height: "12",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "shrink-0",
+      children: /* @__PURE__ */ jsx("path", { d: "M8 1.5l1.5 4 4 1.5-4 1.5L8 12.5 6.5 8.5l-4-1.5 4-1.5L8 1.5z" })
+    }
+  );
+}
+function Chevron3() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      viewBox: "0 0 16 16",
+      width: "12",
+      height: "12",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "ml-auto shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-180",
+      children: /* @__PURE__ */ jsx("path", { d: "M4 6l4 4 4-4" })
+    }
+  );
+}
+function MessageActions({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "mt-2 flex items-center gap-1 opacity-60",
+        "transition-opacity duration-[var(--duration-normal,200ms)] ease-out",
+        "group-hover/message:opacity-100 hover:opacity-100 focus-within:opacity-100",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function Citation({ title, url, page, index, className, children }) {
+  const baseClasses = cn(
+    "inline-flex items-center gap-1.5 rounded-md border border-foreground/15 bg-card px-2 py-0.5 text-xs",
+    "transition-all duration-[var(--duration-normal,200ms)] ease-out",
+    className
+  );
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    typeof index === "number" ? /* @__PURE__ */ jsxs("span", { className: "font-mono text-[10px] font-semibold text-muted-foreground", children: [
+      "[",
+      index,
+      "]"
+    ] }) : /* @__PURE__ */ jsx(DocGlyph, {}),
+    /* @__PURE__ */ jsx("span", { className: "truncate text-foreground", children: title }),
+    typeof page === "number" ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+      "p.",
+      page
+    ] }) : null,
+    children
+  ] });
+  if (url) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: url,
+        target: "_blank",
+        rel: "noreferrer noopener",
+        className: cn(
+          baseClasses,
+          "hover:border-foreground/30 hover:bg-secondary/40 hover:shadow-sm",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+        ),
+        children: body
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("span", { className: baseClasses, children: body });
+}
+function DocGlyph() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      viewBox: "0 0 16 16",
+      width: "11",
+      height: "11",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "shrink-0 text-muted-foreground",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M9 1.5H4.5A1.5 1.5 0 0 0 3 3v10a1.5 1.5 0 0 0 1.5 1.5h7A1.5 1.5 0 0 0 13 13V5.5L9 1.5z" }),
+        /* @__PURE__ */ jsx("path", { d: "M9 1.5V5.5h4" })
+      ]
+    }
+  );
+}
+function Markdown({ children, className }) {
+  return /* @__PURE__ */ jsx(
+    Streamdown,
+    {
+      className: cn(
+        "prose prose-sm max-w-none text-foreground",
+        "prose-headings:text-foreground prose-strong:text-foreground",
+        "prose-a:text-primary prose-a:underline-offset-4 hover:prose-a:underline",
+        "prose-code:text-foreground prose-code:before:content-none prose-code:after:content-none",
+        className
+      ),
+      children
+    }
+  );
+}
+var LABEL_TO_LANG = {
+  pnpm: "bash",
+  npm: "bash",
+  yarn: "bash",
+  bun: "bash",
+  bash: "bash",
+  sh: "bash",
+  shell: "bash",
+  zsh: "bash",
+  ts: "ts",
+  typescript: "ts",
+  tsx: "tsx",
+  js: "js",
+  javascript: "js",
+  jsx: "jsx",
+  json: "json",
+  css: "css",
+  html: "html",
+  md: "md",
+  markdown: "md",
+  py: "py",
+  python: "py",
+  text: "text",
+  prompt: "text",
+  plain: "text"
+};
+var DEFAULT_THEMES = { light: "github-light", dark: "github-dark" };
+var cachedCodeToHtml = cache(
+  async (code, lang, themesKey, themes) => {
+    return codeToHtml(code, { lang, themes, defaultColor: false });
+  }
+);
+function resolveLang(label, language) {
+  if (language) return language;
+  if (label) {
+    const fromLabel = LABEL_TO_LANG[label.toLowerCase()];
+    if (fromLabel) return fromLabel;
+  }
+  return "text";
+}
+async function CodeBlock({
+  code,
+  label,
+  language,
+  themes = DEFAULT_THEMES,
+  className
+}) {
+  const lang = resolveLang(label, language);
+  const themesKey = `${themes.light}|${themes.dark}`;
+  const html = await cachedCodeToHtml(code, lang, themesKey, themes);
+  const displayLabel = label ?? lang;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "group relative overflow-hidden rounded-lg border bg-card text-card-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b bg-muted/40 px-3 py-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-xs font-medium text-muted-foreground", children: displayLabel }),
+          /* @__PURE__ */ jsx(CodeBlockCopy, { code })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-shiki": "",
+            className: "overflow-x-auto p-4 font-mono text-sm [&_pre]:!bg-transparent",
+            dangerouslySetInnerHTML: { __html: html }
+          }
+        )
+      ]
+    }
+  );
+}
+var RESET_DELAY_MS = 1500;
+function CodeBlockCopy2({ code, className, ...props }) {
+  const [state, setState] = React44.useState("idle");
+  React44.useEffect(() => {
+    if (state === "idle") return;
+    const id = window.setTimeout(() => setState("idle"), RESET_DELAY_MS);
+    return () => window.clearTimeout(id);
+  }, [state]);
+  async function handleClick() {
+    try {
+      await navigator.clipboard.writeText(code);
+      setState("copied");
+    } catch {
+      setState("error");
+    }
+  }
+  const ariaLabel = state === "copied" ? "Copied" : state === "error" ? "Copy failed" : "Copy code";
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      "aria-label": ariaLabel,
+      title: ariaLabel,
+      className: cn(
+        "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground",
+        "transition-all duration-[var(--duration-normal,200ms)] ease-out",
+        "hover:bg-foreground/10 hover:text-foreground",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        className
+      ),
+      ...props,
+      children: state === "copied" ? /* @__PURE__ */ jsx(CheckGlyph, {}) : state === "error" ? /* @__PURE__ */ jsx(ErrorGlyph, {}) : /* @__PURE__ */ jsx(CopyGlyph, {})
+    }
+  );
+}
+function CopyGlyph() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      viewBox: "0 0 16 16",
+      width: "13",
+      height: "13",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "5", y: "5", width: "9", height: "9", rx: "1.5" }),
+        /* @__PURE__ */ jsx("path", { d: "M11 5V3.5A1.5 1.5 0 0 0 9.5 2h-6A1.5 1.5 0 0 0 2 3.5v6A1.5 1.5 0 0 0 3.5 11H5" })
+      ]
+    }
+  );
+}
+function CheckGlyph() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      viewBox: "0 0 16 16",
+      width: "13",
+      height: "13",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "text-emerald-500",
+      children: /* @__PURE__ */ jsx("path", { d: "M3 8l3.5 3.5L13 5" })
+    }
+  );
+}
+function ErrorGlyph() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      viewBox: "0 0 16 16",
+      width: "13",
+      height: "13",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "text-destructive",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "6.5" }),
+        /* @__PURE__ */ jsx("path", { d: "M8 5v3.5M8 11v.01" })
+      ]
+    }
+  );
+}
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Cluster, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, DataTable, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, Dropzone, FileTree, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarSeparator, MenubarShortcut, MenubarTrigger, MultiCombobox, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarProvider, SidebarTrigger, Skeleton, Slider, Spacer, Stack, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimePicker, Timeline, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, buttonVariants, clusterVariants, cn, containerVariants, formatHslTriplet, gridVariants, hexToHslTriplet, hslToRgb, hslTripletToHex, navigationMenuTriggerStyle, parseHslTriplet, rgbToHsl, spacerVariants, stackVariants, toggleVariants, useFormField, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Citation, Cluster, CodeBlock, CodeBlockCopy2 as CodeBlockCopy, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Composer, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, DataTable, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, Dropzone, FileTree, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, LoadingIndicator, Markdown, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarSeparator, MenubarShortcut, MenubarTrigger, Message, MessageActions, MessageList, MultiCombobox, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Reasoning, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarProvider, SidebarTrigger, Skeleton, Slider, Spacer, Stack, Stepper, Suggestion, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimePicker, Timeline, Toaster, Toggle, ToggleGroup, ToggleGroupItem, ToolCall, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, buttonVariants, clusterVariants, cn, containerVariants, formatHslTriplet, gridVariants, hexToHslTriplet, hslToRgb, hslTripletToHex, loadingIndicatorVariants, messageVariants, navigationMenuTriggerStyle, parseHslTriplet, rgbToHsl, spacerVariants, stackVariants, toggleVariants, useFormField, useSidebar };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map