@jcsoftdev/ui 0.0.0-stage → 0.1.1

package/dist/ai/chat-message/chat-message.js

@@ -0,0 +1,91 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CircleAlert } from "lucide-react";
+import { Avatar } from "../../atoms/avatar/avatar.js";
+import { cn } from "../../utils/cn.js";
+import { Loader } from "../loader/loader.js";
+import { Markdown } from "../markdown/markdown.js";
+function ChatMessage({
+  author,
+  name,
+  avatarSrc,
+  status = "done",
+  time,
+  content,
+  children,
+  footer,
+  errorText = "No se pudo enviar el mensaje.",
+  className,
+  ...props
+}) {
+  const streaming = status === "streaming";
+  if (author === "system") {
+    return /* @__PURE__ */ jsx(
+      "article",
+      {
+        className: cn("flex justify-center", className),
+        "aria-label": name ?? "Sistema",
+        ...props,
+        children: /* @__PURE__ */ jsx("p", { className: "max-w-full rounded-badge bg-surface-sunken px-3 py-1 text-center text-meta text-ink-3", children: children ?? content })
+      }
+    );
+  }
+  const user = author === "user";
+  const body = children ?? (user ? /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words text-body", children: content }) : /* @__PURE__ */ jsx(Markdown, { streaming, children: content ?? "" }));
+  const waiting = !user && streaming && !content && !children;
+  return /* @__PURE__ */ jsxs(
+    "article",
+    {
+      "aria-label": name ?? (user ? "T\xFA" : "Asistente"),
+      "aria-busy": streaming || status === "sending" ? "true" : void 0,
+      className: cn(
+        "@container/message flex min-w-0 gap-density-sm",
+        user ? "flex-row-reverse" : "flex-row",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            name: name ?? (user ? "T\xFA" : "Asistente"),
+            src: avatarSrc,
+            highlighted: !user,
+            className: "mt-0.5"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "grid min-w-0 max-w-[92%] gap-1 @md/message:max-w-[80%]",
+              user && "justify-items-end"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "min-w-0 max-w-full rounded-card px-3 py-2",
+                    user ? "bg-accent-soft text-ink" : "bg-surface-card text-ink border-card shadow-card",
+                    status === "error" && "bg-danger-soft",
+                    status === "sending" && "opacity-70"
+                  ),
+                  children: waiting ? /* @__PURE__ */ jsx(Loader, { size: "sm", label: "El asistente est\xE1 escribiendo" }) : body
+                }
+              ),
+              status === "error" ? /* @__PURE__ */ jsxs("p", { role: "alert", className: "flex items-center gap-1 text-meta text-danger", children: [
+                /* @__PURE__ */ jsx(CircleAlert, { "aria-hidden": true, className: "size-3.5 shrink-0" }),
+                errorText
+              ] }) : null,
+              time || status === "sending" ? /* @__PURE__ */ jsx("p", { className: "text-meta text-ink-3", children: status === "sending" ? "Enviando\u2026" : time }) : null,
+              footer
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  ChatMessage
+};

package/dist/ai/chat-message/index.d.ts

@@ -0,0 +1 @@
+export * from "./chat-message.js";

package/dist/ai/chat-message/index.js

@@ -0,0 +1 @@
+export * from "./chat-message.js";

package/dist/ai/code-block/code-block.d.ts

@@ -0,0 +1,12 @@
+export interface CodeBlockProps {
+    code: string;
+    /** `ts`, `js`, `json`, `bash`, `go` or `sql` (aliases like `typescript` work); anything else is plain. */
+    language?: string;
+    /** Optional file name shown instead of the language label. */
+    filename?: string;
+    /** Wrap long lines instead of scrolling horizontally. */
+    wrap?: boolean;
+    className?: string;
+}
+/** Code with a language label, a copy button and a dependency-free syntax highlighter. */
+export declare function CodeBlock({ code, language, filename, wrap, className }: CodeBlockProps): import("react").JSX.Element;

package/dist/ai/code-block/code-block.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, Copy } from "lucide-react";
+import { useMemo } from "react";
+import { cn } from "../../utils/cn.js";
+import { IconAction } from "../internal/icon-action.js";
+import { useCopy } from "../internal/use-copy.js";
+import { resolveLanguage, tokenize } from "./highlight.js";
+const tokenClasses = {
+  plain: "",
+  punctuation: "text-ink-3",
+  keyword: "text-accent-ink font-medium",
+  string: "text-success",
+  comment: "text-ink-3 italic",
+  number: "text-warning",
+  function: "text-pal-cielo-deep",
+  type: "text-pal-orquidea-deep",
+  property: "text-pal-cielo-ink",
+  variable: "text-warning"
+};
+const LABELS = {
+  ts: "TypeScript",
+  js: "JavaScript",
+  json: "JSON",
+  bash: "Bash",
+  go: "Go",
+  sql: "SQL"
+};
+function CodeBlock({ code, language, filename, wrap, className }) {
+  const { copied, copy } = useCopy();
+  const tokens = useMemo(() => tokenize(code, language), [code, language]);
+  const resolved = resolveLanguage(language);
+  const title = filename ?? (resolved ? LABELS[resolved] : language?.trim() || "Texto");
+  return /* @__PURE__ */ jsxs(
+    "figure",
+    {
+      className: cn(
+        "@container/code m-0 min-w-0 max-w-full overflow-hidden rounded-card bg-surface-sunken text-ink border-card shadow-card",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("figcaption", { className: "flex items-center justify-between gap-density-sm border-b-divider px-3 py-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-mono text-meta text-ink-3", children: title }),
+          /* @__PURE__ */ jsxs("span", { "aria-live": "polite", className: "flex items-center gap-1", children: [
+            copied ? /* @__PURE__ */ jsx("span", { className: "text-meta text-success", children: "Copiado" }) : null,
+            /* @__PURE__ */ jsx(
+              IconAction,
+              {
+                label: copied ? "C\xF3digo copiado" : "Copiar c\xF3digo",
+                onClick: () => copy(code),
+                children: copied ? /* @__PURE__ */ jsx(Check, { "aria-hidden": true }) : /* @__PURE__ */ jsx(Copy, { "aria-hidden": true })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "pre",
+          {
+            tabIndex: 0,
+            className: cn(
+              "m-0 p-3 font-mono text-[12.5px] leading-relaxed focus-visible:focus-ring",
+              wrap ? "whitespace-pre-wrap break-words" : "overflow-x-auto"
+            ),
+            children: /* @__PURE__ */ jsx("code", { children: tokens.map((token, index) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: tokenClasses[token.type] || void 0,
+                children: token.text
+              },
+              index
+            )) })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  CodeBlock
+};

package/dist/ai/code-block/highlight.d.ts

@@ -0,0 +1,9 @@
+export type TokenType = "plain" | "keyword" | "string" | "comment" | "number" | "function" | "type" | "property" | "variable" | "punctuation";
+export interface Token {
+    type: TokenType;
+    text: string;
+}
+export type Language = "ts" | "js" | "json" | "bash" | "go" | "sql";
+/** Maps a fence label (`typescript`, `sh`…) to a supported language, or null. */
+export declare function resolveLanguage(label: string | undefined): Language | null;
+export declare function tokenize(code: string, language: string | undefined): Token[];

package/dist/ai/code-block/highlight.js

@@ -0,0 +1,160 @@
+const ALIASES = {
+  ts: "ts",
+  typescript: "ts",
+  tsx: "ts",
+  js: "js",
+  javascript: "js",
+  jsx: "js",
+  mjs: "js",
+  json: "json",
+  jsonc: "json",
+  bash: "bash",
+  sh: "bash",
+  shell: "bash",
+  zsh: "bash",
+  go: "go",
+  golang: "go",
+  sql: "sql"
+};
+function resolveLanguage(label) {
+  return ALIASES[(label ?? "").trim().toLowerCase()] ?? null;
+}
+const words = (list) => new Set(list.split(" "));
+const JS_KEYWORDS = words(
+  "as async await break case catch class const continue debugger default delete do else enum export extends finally for from function if implements import in instanceof interface let new of private protected public readonly return static super switch this throw try type typeof var void while with yield true false null undefined"
+);
+const SPECS = {
+  ts: {
+    line: ["//"],
+    block: ["/*", "*/"],
+    quotes: "'\"`",
+    keywords: JS_KEYWORDS,
+    ignoreCase: false
+  },
+  js: {
+    line: ["//"],
+    block: ["/*", "*/"],
+    quotes: "'\"`",
+    keywords: JS_KEYWORDS,
+    ignoreCase: false
+  },
+  go: {
+    line: ["//"],
+    block: ["/*", "*/"],
+    quotes: "'\"`",
+    keywords: words(
+      "break case chan const continue default defer else fallthrough for func go goto if import interface map package range return select struct switch type var true false nil"
+    ),
+    ignoreCase: false
+  },
+  bash: {
+    line: ["#"],
+    block: null,
+    quotes: `'"`,
+    keywords: words(
+      "if then else elif fi for while until do done case esac in function select return export local readonly echo cd exit set unset source alias"
+    ),
+    ignoreCase: false
+  },
+  sql: {
+    line: ["--"],
+    block: ["/*", "*/"],
+    quotes: `'"`,
+    keywords: words(
+      "select from where and or not in is null as join left right inner outer full cross on group by order having limit offset insert into values update set delete create table alter drop index primary key foreign references unique default distinct union all case when then else end like between exists count sum avg min max asc desc with returning true false"
+    ),
+    ignoreCase: true
+  }
+};
+const IDENT_START = /[A-Za-z_$]/;
+const IDENT = /[\w$]/;
+const NUMBER = /^(?:0[xX][\da-fA-F_]+|\d[\d_]*(?:\.\d+)?(?:[eE][+-]?\d+)?)/;
+function push(tokens, type, text) {
+  if (!text) return;
+  const last = tokens[tokens.length - 1];
+  if (last && last.type === type && (type === "plain" || type === "punctuation")) last.text += text;
+  else tokens.push({ type, text });
+}
+function readString(code, start, quote) {
+  let i = start + 1;
+  while (i < code.length) {
+    const ch = code[i];
+    if (ch === "\\") i += 2;
+    else if (ch === quote) return i + 1;
+    else if (ch === "\n" && quote !== "`") return i;
+    else i += 1;
+  }
+  return code.length;
+}
+function tokenize(code, language) {
+  const lang = resolveLanguage(language);
+  if (!lang) return [{ type: "plain", text: code }];
+  const json = lang === "json";
+  const spec = json ? SPECS.js : SPECS[lang];
+  const quotes = json ? '"' : spec.quotes;
+  const tokens = [];
+  let i = 0;
+  while (i < code.length) {
+    const ch = code[i];
+    const lineMark = spec.line.find((mark) => code.startsWith(mark, i));
+    if (lineMark) {
+      const end = code.indexOf("\n", i);
+      const stop = end === -1 ? code.length : end;
+      push(tokens, "comment", code.slice(i, stop));
+      i = stop;
+      continue;
+    }
+    if (spec.block && code.startsWith(spec.block[0], i)) {
+      const end = code.indexOf(spec.block[1], i + 2);
+      const stop = end === -1 ? code.length : end + spec.block[1].length;
+      push(tokens, "comment", code.slice(i, stop));
+      i = stop;
+      continue;
+    }
+    if (quotes.includes(ch)) {
+      const stop = readString(code, i, ch);
+      const isKey = json && /^\s*:/.test(code.slice(stop, stop + 40));
+      push(tokens, isKey ? "property" : "string", code.slice(i, stop));
+      i = stop;
+      continue;
+    }
+    if (lang === "bash" && ch === "$") {
+      const match = /^\$(?:\{[^}]*\}|\w+|[?!#@*$])/.exec(code.slice(i));
+      if (match) {
+        push(tokens, "variable", match[0]);
+        i += match[0].length;
+        continue;
+      }
+    }
+    const signed = json && ch === "-" && /\d/.test(code[i + 1] ?? "");
+    if (/\d/.test(ch) || signed) {
+      const sign = signed ? "-" : "";
+      const match = NUMBER.exec(code.slice(i + sign.length));
+      if (match) {
+        push(tokens, "number", sign + match[0]);
+        i += sign.length + match[0].length;
+        continue;
+      }
+    }
+    if (IDENT_START.test(ch)) {
+      let stop = i + 1;
+      while (stop < code.length && IDENT.test(code[stop])) stop += 1;
+      const word = code.slice(i, stop);
+      const key = spec.ignoreCase ? word.toLowerCase() : word;
+      let type = "plain";
+      if (spec.keywords.has(key)) type = "keyword";
+      else if (/^[A-Z]/.test(word) && !json && lang !== "sql" && lang !== "bash") type = "type";
+      else if (code[stop] === "(" && lang !== "sql") type = "function";
+      push(tokens, type, word);
+      i = stop;
+      continue;
+    }
+    push(tokens, /[{}()[\];,.:<>=+\-*/%!&|?^~@]/.test(ch) ? "punctuation" : "plain", ch);
+    i += 1;
+  }
+  return tokens;
+}
+export {
+  resolveLanguage,
+  tokenize
+};

package/dist/ai/code-block/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./code-block.js";
+export { type Language, resolveLanguage, type Token, type TokenType, tokenize, } from "./highlight.js";

package/dist/ai/code-block/index.js

@@ -0,0 +1,9 @@
+export * from "./code-block.js";
+import {
+  resolveLanguage,
+  tokenize
+} from "./highlight.js";
+export {
+  resolveLanguage,
+  tokenize
+};

package/dist/ai/conversation/conversation.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface ConversationProps extends Omit<ComponentPropsWithoutRef<"div">, "role"> {
+    /** Accessible name of the message log. */
+    label?: string;
+    /** Label of the "jump to latest" button. */
+    jumpLabel?: string;
+}
+/**
+ * Scrollable message log that sticks to the bottom while new content streams in. Scrolling up
+ * pauses the follow behavior and reveals a "jump to latest" button. Fills its parent's height.
+ */
+export declare function Conversation({ label, jumpLabel, className, children, ...props }: ConversationProps): import("react").JSX.Element;

package/dist/ai/conversation/conversation.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDown } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { cn } from "../../utils/cn.js";
+import { usePrefersReducedMotion } from "../../utils/reduced-motion.js";
+import { nextStuck, showJumpToLatest } from "./stick.js";
+function Conversation({
+  label = "Conversaci\xF3n",
+  jumpLabel = "Ir al \xFAltimo mensaje",
+  className,
+  children,
+  ...props
+}) {
+  const scroller = useRef(null);
+  const content = useRef(null);
+  const stuck = useRef(true);
+  const lastTop = useRef(0);
+  const [jump, setJump] = useState(false);
+  const reduced = usePrefersReducedMotion();
+  const toBottom = useCallback((smooth) => {
+    const el = scroller.current;
+    if (!el) return;
+    el.scrollTo({ top: el.scrollHeight, behavior: smooth ? "smooth" : "auto" });
+  }, []);
+  const onScroll = useCallback(() => {
+    const el = scroller.current;
+    if (!el) return;
+    stuck.current = nextStuck(stuck.current, el, lastTop.current);
+    lastTop.current = el.scrollTop;
+    setJump(showJumpToLatest(stuck.current, el));
+  }, []);
+  useEffect(() => {
+    const inner = content.current;
+    if (!inner) return;
+    toBottom(false);
+    const observer = new ResizeObserver(() => {
+      if (stuck.current) toBottom(false);
+      else if (scroller.current) setJump(showJumpToLatest(false, scroller.current));
+    });
+    observer.observe(inner);
+    return () => observer.disconnect();
+  }, [toBottom]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("@container/conversation relative h-full min-h-0 min-w-0", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: scroller,
+            role: "log",
+            "aria-label": label,
+            "aria-live": "polite",
+            "aria-relevant": "additions text",
+            tabIndex: 0,
+            onScroll,
+            className: "h-full overflow-y-auto overscroll-contain focus-visible:focus-ring",
+            children: /* @__PURE__ */ jsx("div", { ref: content, className: "mx-auto grid w-full max-w-3xl gap-density-lg p-card", children })
+          }
+        ),
+        jump ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": jumpLabel,
+            onClick: () => {
+              stuck.current = true;
+              setJump(false);
+              toBottom(!reduced);
+            },
+            className: "absolute bottom-3 left-1/2 inline-flex h-control-sm -translate-x-1/2 cursor-pointer items-center gap-1.5 rounded-button bg-surface-overlay px-3 text-meta text-ink shadow-overlay border-control surface-overlay pressable focus-visible:focus-ring",
+            children: [
+              /* @__PURE__ */ jsx(ArrowDown, { "aria-hidden": true, className: "size-3.5" }),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: "M\xE1s reciente" })
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  Conversation
+};

package/dist/ai/conversation/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./conversation.js";
+export { distanceFromBottom, isNearBottom, nextStuck, type ScrollMetrics, STICK_THRESHOLD, showJumpToLatest, } from "./stick.js";

package/dist/ai/conversation/index.js

@@ -0,0 +1,15 @@
+export * from "./conversation.js";
+import {
+  distanceFromBottom,
+  isNearBottom,
+  nextStuck,
+  STICK_THRESHOLD,
+  showJumpToLatest
+} from "./stick.js";
+export {
+  STICK_THRESHOLD,
+  distanceFromBottom,
+  isNearBottom,
+  nextStuck,
+  showJumpToLatest
+};

package/dist/ai/conversation/stick.d.ts

@@ -0,0 +1,18 @@
+export interface ScrollMetrics {
+    scrollTop: number;
+    scrollHeight: number;
+    clientHeight: number;
+}
+/** Distance in px from the bottom that still counts as "at the bottom". */
+export declare const STICK_THRESHOLD = 48;
+/** Distance in px (never negative) between the viewport bottom and the content bottom. */
+export declare function distanceFromBottom(m: ScrollMetrics): number;
+export declare function isNearBottom(m: ScrollMetrics, threshold?: number): boolean;
+/**
+ * Next "stuck to bottom" state after a scroll event. Reaching the bottom sticks; scrolling up
+ * unsticks; a scroll event with no upward movement (content grew under a stuck viewport) keeps
+ * the previous state so streaming text never drops the lock by itself.
+ */
+export declare function nextStuck(prevStuck: boolean, metrics: ScrollMetrics, prevScrollTop: number, threshold?: number): boolean;
+/** The "jump to latest" button shows only when the user left the bottom. */
+export declare function showJumpToLatest(stuck: boolean, metrics: ScrollMetrics): boolean;

package/dist/ai/conversation/stick.js

@@ -0,0 +1,22 @@
+const STICK_THRESHOLD = 48;
+function distanceFromBottom(m) {
+  return Math.max(0, m.scrollHeight - m.scrollTop - m.clientHeight);
+}
+function isNearBottom(m, threshold = STICK_THRESHOLD) {
+  return distanceFromBottom(m) <= threshold;
+}
+function nextStuck(prevStuck, metrics, prevScrollTop, threshold = STICK_THRESHOLD) {
+  if (isNearBottom(metrics, threshold)) return true;
+  if (metrics.scrollTop < prevScrollTop) return false;
+  return prevStuck;
+}
+function showJumpToLatest(stuck, metrics) {
+  return !stuck && !isNearBottom(metrics);
+}
+export {
+  STICK_THRESHOLD,
+  distanceFromBottom,
+  isNearBottom,
+  nextStuck,
+  showJumpToLatest
+};

package/dist/ai/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./attachment/index.js";
+export * from "./chain-of-thought/index.js";
+export * from "./chat-list/index.js";
+export * from "./chat-message/index.js";
+export * from "./code-block/index.js";
+export * from "./conversation/index.js";
+export * from "./loader/index.js";
+export * from "./markdown/index.js";
+export * from "./message-actions/index.js";
+export * from "./prompt-input/index.js";
+export * from "./prompt-suggestion/index.js";
+export * from "./source/index.js";
+export * from "./text-shimmer/index.js";
+export * from "./tool-call/index.js";

package/dist/ai/index.js

@@ -0,0 +1,14 @@
+export * from "./attachment/index.js";
+export * from "./chain-of-thought/index.js";
+export * from "./chat-list/index.js";
+export * from "./chat-message/index.js";
+export * from "./code-block/index.js";
+export * from "./conversation/index.js";
+export * from "./loader/index.js";
+export * from "./markdown/index.js";
+export * from "./message-actions/index.js";
+export * from "./prompt-input/index.js";
+export * from "./prompt-suggestion/index.js";
+export * from "./source/index.js";
+export * from "./text-shimmer/index.js";
+export * from "./tool-call/index.js";

package/dist/ai/internal/disclosure.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from "react";
+export interface DisclosureProps {
+    /** Always-visible header content (icon, title, status). */
+    header: ReactNode;
+    children: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    panelClassName?: string;
+}
+/** Header button + animated panel. Closed content is `inert`, so it leaves the tab order. */
+export declare function Disclosure({ header, children, open: openProp, defaultOpen, onOpenChange, className, panelClassName, }: DisclosureProps): import("react").JSX.Element;

package/dist/ai/internal/disclosure.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import { useId, useState } from "react";
+import { cn } from "../../utils/cn.js";
+function Disclosure({
+  header,
+  children,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  className,
+  panelClassName
+}) {
+  const [state, setState] = useState(defaultOpen);
+  const open = openProp ?? state;
+  const panelId = useId();
+  const toggle = () => {
+    if (openProp === void 0) setState(!open);
+    onOpenChange?.(!open);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("min-w-0", className), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": open,
+        "aria-controls": panelId,
+        onClick: toggle,
+        className: "flex w-full min-w-0 cursor-pointer items-center gap-density-sm rounded-button text-left focus-visible:focus-ring",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "flex min-w-0 flex-1 items-center gap-density-sm", children: header }),
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              "aria-hidden": true,
+              className: cn(
+                "size-4 shrink-0 text-ink-3 transition-transform duration-(--motion-duration) ease-style",
+                open && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: panelId,
+        inert: !open,
+        className: cn(
+          "grid transition-[grid-template-rows] duration-(--motion-duration) ease-style",
+          open ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: cn("min-h-0 overflow-hidden", panelClassName), children })
+      }
+    )
+  ] });
+}
+export {
+  Disclosure
+};

package/dist/ai/internal/icon-action.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithoutRef } from "react";
+export interface IconActionProps extends ComponentPropsWithoutRef<"button"> {
+    /** Accessible name; the icon alone carries no text. */
+    label: string;
+}
+/** Square ghost icon button used by the AI set (copy, regenerate, remove…). */
+export declare function IconAction({ label, className, children, ...props }: IconActionProps): import("react").JSX.Element;