@alfadocs/ui-kit-debug 0.1.8 → 0.1.9

package/dist/_chunks/{chat-input-DreOPP8A.js → chat-input-C_tMQv92.js}

@@ -1,18 +1,18 @@
-import { jsxs as c, jsx as s, Fragment as ge } from "react/jsx-runtime";
-import { forwardRef as he, useId as ve, useRef as w, useCallback as K, useState as be, useLayoutEffect as ye } from "react";
-import { c as xe } from "./index-D2ZczOXr.js";
-import { useTranslation as Ie } from "react-i18next";
+import { jsxs as d, jsx as r, Fragment as ge } from "react/jsx-runtime";
+import { forwardRef as he, useId as ve, useRef as H, useCallback as K, useState as be, useLayoutEffect as ye, useImperativeHandle as xe } from "react";
+import { c as Ie } from "./index-D2ZczOXr.js";
+import { useTranslation as Ce } from "react-i18next";
 import { I as W } from "./icon-button-Wnnde5lc.js";
-import { c as Ce } from "./createLucideIcon-CrFbzy84.js";
-import { C as Ne } from "./circle-alert-ChA9opNA.js";
-import { S as ke } from "./send-CySZIRPJ.js";
+import { c as Ne } from "./createLucideIcon-CrFbzy84.js";
+import { C as ke } from "./circle-alert-ChA9opNA.js";
+import { S as ze } from "./send-CySZIRPJ.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ze = [
+const we = [
   [
     "path",
     {
@@ -20,7 +20,7 @@ const ze = [
       key: "1miecu"
     }
   ]
-], we = Ce("paperclip", ze), Fe = xe(
+], Fe = Ne("paperclip", we), He = Ie(
   [
     "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full",
     // Soft drop-shadow + transparent border replaces a flat
@@ -44,96 +44,122 @@ const ze = [
     defaultVariants: { size: "md" }
   }
 );
-function He(u, p) {
+function Te(c, u) {
   if (typeof Intl < "u" && typeof Intl.Segmenter == "function")
     try {
-      const f = new Intl.Segmenter(p, { granularity: "grapheme" });
+      const p = new Intl.Segmenter(u, { granularity: "grapheme" });
       let t = 0;
-      for (const F of f.segment(u)) t += 1;
+      for (const T of p.segment(c)) t += 1;
       return t;
     } catch {
     }
-  return Array.from(u).length;
+  return Array.from(c).length;
 }
-const Te = he(
+const Ve = he(
   ({
-    size: u = "md",
-    value: p,
-    defaultValue: f,
+    size: c = "md",
+    value: u,
+    defaultValue: p,
     maxLength: t,
-    submitOnEnter: F = !1,
+    submitOnEnter: T = !1,
     minRows: y = 1,
-    maxRows: H = 8,
+    maxRows: V = 8,
     onSubmit: x,
-    onAttach: m,
+    onAttach: f,
     accept: Y,
-    disabled: g,
+    disabled: m,
     toolbar: q,
-    label: T,
+    label: j,
     placeholder: G,
     className: J,
     onChange: I,
     onKeyDown: C,
     onCompositionStart: N,
     onCompositionEnd: k,
-    id: L,
-    ...O
-  }, i) => {
-    const { t: n, i18n: Q } = Ie(), U = ve(), h = w(!1), j = w(null), B = w(null), X = K(
+    id: B,
+    ...L
+  }, O) => {
+    const { t: i, i18n: Q } = Ce(), U = ve(), g = H(!1), E = H(null), z = H(null), X = K(
       (e) => {
-        B.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+        z.current = e;
       },
-      [i]
-    ), o = p !== void 0, [Z, M] = be(
-      String(f ?? "")
-    ), a = o ? String(p) : Z, z = He(a, Q.language), v = typeof t == "number" && t > 0, D = v ? Math.max(0, t - z) : 0, A = v && z > t * 0.9, l = v && z >= t, E = K(() => {
-      const e = B.current;
+      []
+    ), a = u !== void 0, [Z, h] = be(
+      String(p ?? "")
+    ), s = a ? String(u) : Z, w = Te(s, Q.language), v = typeof t == "number" && t > 0, D = v ? Math.max(0, t - w) : 0, A = v && w > t * 0.9, o = v && w >= t, M = K(() => {
+      const e = z.current;
       if (!e) return;
-      const r = window.getComputedStyle(e), b = parseFloat(r.lineHeight) || 24, de = parseFloat(r.paddingTop) || 0, ce = parseFloat(r.paddingBottom) || 0, ue = parseFloat(r.borderTopWidth) || 0, pe = parseFloat(r.borderBottomWidth) || 0, R = de + ce + ue + pe, fe = b * y + R, _ = b * H + R;
+      const n = window.getComputedStyle(e), b = parseFloat(n.lineHeight) || 24, de = parseFloat(n.paddingTop) || 0, ce = parseFloat(n.paddingBottom) || 0, ue = parseFloat(n.borderTopWidth) || 0, pe = parseFloat(n.borderBottomWidth) || 0, R = de + ce + ue + pe, fe = b * y + R, _ = b * V + R;
       e.style.height = "auto";
       const me = Math.max(fe, Math.min(e.scrollHeight, _));
       e.style.height = `${me}px`, e.style.overflowY = e.scrollHeight > _ ? "auto" : "hidden";
-    }, [y, H]);
+    }, [y, V]);
     ye(() => {
-      E();
-    }, [E, a]);
+      M();
+    }, [M, s]);
     const ee = (e) => {
-      o || M(e.target.value), !h.current && (I == null || I(e));
+      a || h(e.target.value), !g.current && (I == null || I(e));
     }, te = (e) => {
-      h.current = !0, N == null || N(e);
+      g.current = !0, N == null || N(e);
     }, se = (e) => {
-      h.current = !1, k == null || k(e);
-    }, re = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || h.current, V = () => {
-      !a.trim() || g || l || (x == null || x(a), o || M(""));
-    }, ne = (e) => {
+      g.current = !1, k == null || k(e);
+    }, re = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || g.current, F = () => {
+      !s.trim() || m || o || (x == null || x(s), a || h(""));
+    };
+    xe(
+      O,
+      () => ({
+        getValue: () => s,
+        isEmpty: () => !s.trim(),
+        setValue: (e) => {
+          a || h(e);
+        },
+        clear: () => {
+          a || h("");
+        },
+        submit: () => {
+          F();
+        },
+        focus: () => {
+          var e;
+          (e = z.current) == null || e.focus();
+        }
+      }),
+      // `submit` is a local closure that always sees the latest currentValue
+      // via React's render cycle — depend on currentValue + isControlled so
+      // the handle picks up new values across renders.
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [s, a]
+    );
+    const ae = (e) => {
       if (C == null || C(e), !e.defaultPrevented && !re(e) && e.key === "Enter") {
-        const r = e.metaKey || e.ctrlKey, b = F && !e.shiftKey;
-        (r || b) && (e.preventDefault(), V());
+        const n = e.metaKey || e.ctrlKey, b = T && !e.shiftKey;
+        (n || b) && (e.preventDefault(), F());
       }
-    }, ae = () => {
+    }, ne = () => {
       var e;
-      (e = j.current) == null || e.click();
+      (e = E.current) == null || e.click();
     }, ie = (e) => {
-      e.target.files && e.target.files.length > 0 && (m == null || m(e.target.files)), e.target.value = "";
-    }, d = L ?? U, P = `${d}-label`, S = v ? `${d}-counter` : void 0, $ = `${d}-hint`, oe = G ?? n("chat.input.placeholder"), le = T ?? n("chat.prompt");
-    return /* @__PURE__ */ c("div", { "data-component": "chat-input", className: Fe({ size: u, className: J }), children: [
-      /* @__PURE__ */ s("label", { id: P, htmlFor: d, className: T ? "type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]" : "ds:sr-only", children: le }),
-      /* @__PURE__ */ s(
+      e.target.files && e.target.files.length > 0 && (f == null || f(e.target.files)), e.target.value = "";
+    }, l = B ?? U, P = `${l}-label`, S = v ? `${l}-counter` : void 0, $ = `${l}-hint`, oe = G ?? i("chat.input.placeholder"), le = j ?? i("chat.prompt");
+    return /* @__PURE__ */ d("div", { "data-component": "chat-input", "data-component-id": B, className: He({ size: c, className: J }), children: [
+      /* @__PURE__ */ r("label", { id: P, htmlFor: l, className: j ? "type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]" : "ds:sr-only", children: le }),
+      /* @__PURE__ */ r(
         "textarea",
         {
           ref: X,
-          id: d,
-          value: o ? a : void 0,
-          defaultValue: o ? void 0 : f,
-          disabled: g,
+          id: l,
+          value: a ? s : void 0,
+          defaultValue: a ? void 0 : p,
+          disabled: m,
           rows: y,
           maxLength: t,
           placeholder: oe,
           "aria-labelledby": P,
           "aria-describedby": [S, $].filter(Boolean).join(" ") || void 0,
-          "aria-invalid": l || void 0,
+          "aria-invalid": o || void 0,
           onChange: ee,
-          onKeyDown: ne,
+          onKeyDown: ae,
           onCompositionStart: te,
           onCompositionEnd: se,
           className: [
@@ -151,15 +177,15 @@ const Te = he(
             "ds:rounded-[var(--radius-sm)]",
             "ds:forced-colors:focus-visible:outline-[CanvasText]"
           ].join(" "),
-          ...O
+          ...L
         }
       ),
-      /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: [
-        m ? /* @__PURE__ */ c(ge, { children: [
-          /* @__PURE__ */ s(
+      /* @__PURE__ */ d("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: [
+        f ? /* @__PURE__ */ d(ge, { children: [
+          /* @__PURE__ */ r(
             "input",
             {
-              ref: j,
+              ref: E,
               type: "file",
               className: "ds:sr-only",
               multiple: !0,
@@ -167,21 +193,21 @@ const Te = he(
               onChange: ie
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r(
             W,
             {
-              icon: /* @__PURE__ */ s(we, {}),
-              "aria-label": n("chat.input.attach"),
+              icon: /* @__PURE__ */ r(Fe, {}),
+              "aria-label": i("chat.input.attach"),
               intent: "ghost",
               size: "sm",
-              onClick: ae,
-              disabled: g
+              onClick: ne,
+              disabled: m
             }
           )
         ] }) : null,
         q,
-        /* @__PURE__ */ c("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-          A ? /* @__PURE__ */ c(
+        /* @__PURE__ */ d("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          A ? /* @__PURE__ */ d(
             "span",
             {
               id: S,
@@ -189,28 +215,28 @@ const Te = he(
               className: [
                 "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
                 "type-meta ds:tabular-nums",
-                l ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]"
+                o ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]"
               ].join(" "),
               children: [
-                l ? (
+                o ? (
                   // Icon pairs with --destructive colour so the at-limit
                   // state is not conveyed by hue alone (WCAG 1.4.1).
-                  /* @__PURE__ */ s(Ne, { "aria-hidden": "true", className: "ds:size-3.5" })
+                  /* @__PURE__ */ r(ke, { "aria-hidden": "true", className: "ds:size-3.5" })
                 ) : null,
-                n("chat.input.remaining", { count: D })
+                i("chat.input.remaining", { count: D })
               ]
             }
           ) : null,
-          /* @__PURE__ */ s("span", { id: $, className: "ds:sr-only", children: n("chat.input.sendHint") }),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r("span", { id: $, className: "ds:sr-only", children: i("chat.input.sendHint") }),
+          /* @__PURE__ */ r(
             W,
             {
-              icon: /* @__PURE__ */ s(ke, {}),
-              "aria-label": n("chat.send"),
+              icon: /* @__PURE__ */ r(ze, {}),
+              "aria-label": i("chat.send"),
               intent: "primary",
               size: "sm",
-              disabled: g || !a.trim() || l,
-              onClick: V,
+              disabled: m || !s.trim() || o,
+              onClick: F,
               "aria-keyshortcuts": "Meta+Enter Control+Enter"
             }
           )
@@ -219,8 +245,8 @@ const Te = he(
     ] });
   }
 );
-Te.displayName = "ChatInput";
+Ve.displayName = "ChatInput";
 export {
-  Te as C
+  Ve as C
 };
-//# sourceMappingURL=chat-input-DreOPP8A.js.map
+//# sourceMappingURL=chat-input-C_tMQv92.js.map

package/dist/_chunks/chat-input-C_tMQv92.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input-C_tMQv92.js","sources":["../../node_modules/lucide-react/dist/esm/icons/paperclip.js","../../src/components/chat-input/chat-input.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551\",\n      key: \"1miecu\"\n    }\n  ]\n];\nconst Paperclip = createLucideIcon(\"paperclip\", __iconNode);\n\nexport { __iconNode, Paperclip as default };\n//# sourceMappingURL=paperclip.js.map\n","import {\n  forwardRef,\n  useCallback,\n  useId,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CompositionEvent,\n  type KeyboardEvent,\n  type ReactNode,\n  type TextareaHTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertCircle, Paperclip, Send } from 'lucide-react';\nimport { IconButton } from '../button';\n\nconst rootVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full',\n    // Soft drop-shadow + transparent border replaces a flat\n    // `border-border` (grey-800 since the WCAG 1.4.11 bump). Border kept\n    // at 1px so the focus-within color override + forced-colors\n    // fallback still paint a visible edge.\n    'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-sm)] ds:border ds:border-transparent',\n    'ds:bg-background ds:focus-within:border-[color:var(--primary)]',\n    'ds:transition-[border-color] ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\ntype NativeTextareaProps = Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'size' | 'onSubmit' | 'children'\n>;\n\n/** Curated imperative handle for agent / external automation. */\nexport interface ChatInputHandle {\n  getValue: () => string;\n  isEmpty: () => boolean;\n  setValue: (value: string) => void;\n  clear: () => void;\n  submit: () => void;\n  focus: () => void;\n}\n\nexport interface ChatInputProps\n  extends NativeTextareaProps,\n    VariantProps<typeof rootVariants> {\n  /** Invoked when the user submits (Cmd/Ctrl+Enter, or send button). */\n  onSubmit?: (text: string) => void;\n  /** Maximum allowed characters (grapheme clusters via Intl.Segmenter when available). */\n  maxLength?: number;\n  /** When true, plain Enter submits and Shift+Enter inserts a newline.\n   *  Default false (Enter inserts newline; Cmd/Ctrl+Enter submits). */\n  submitOnEnter?: boolean;\n  /** Minimum visible rows. Default 1. */\n  minRows?: number;\n  /** Maximum visible rows before the field scrolls. Default 8. */\n  maxRows?: number;\n  /** Optional attachment handler — when provided, renders the attachment button. */\n  onAttach?: (files: FileList) => void;\n  /** `accept` forwarded to the hidden file input. */\n  accept?: string;\n  /** Controls whether the textarea is disabled and submit is blocked. */\n  disabled?: boolean;\n  /** Optional slot placed between the textarea and the send button. */\n  toolbar?: ReactNode;\n  /** Visible label above the textarea. When omitted, a visually-hidden label is used. */\n  label?: string;\n}\n\nfunction graphemeCount(value: string, locale: string): number {\n  if (typeof Intl !== 'undefined' && typeof Intl.Segmenter === 'function') {\n    try {\n      const seg = new Intl.Segmenter(locale, { granularity: 'grapheme' });\n      let n = 0;\n      for (const _s of seg.segment(value)) n += 1;\n      return n;\n    } catch {\n      /* fall through to Array.from */\n    }\n  }\n  return Array.from(value).length;\n}\n\nexport const ChatInput = forwardRef<ChatInputHandle, ChatInputProps>(\n  (\n    {\n      size = 'md',\n      value,\n      defaultValue,\n      maxLength,\n      submitOnEnter = false,\n      minRows = 1,\n      maxRows = 8,\n      onSubmit,\n      onAttach,\n      accept,\n      disabled,\n      toolbar,\n      label,\n      placeholder,\n      className,\n      onChange,\n      onKeyDown,\n      onCompositionStart,\n      onCompositionEnd,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const textareaId = useId();\n    const composingRef = useRef(false);\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n\n    const setRefs = useCallback(\n      (node: HTMLTextAreaElement | null) => {\n        innerRef.current = node;\n      },\n      [],\n    );\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const currentValue = isControlled ? String(value) : internalValue;\n\n    const count = graphemeCount(currentValue, i18n.language);\n    const hasMaxLength = typeof maxLength === 'number' && maxLength > 0;\n    const remaining = hasMaxLength ? Math.max(0, maxLength - count) : 0;\n    const showCounter = hasMaxLength && count > (maxLength as number) * 0.9;\n    const atLimit = hasMaxLength && count >= maxLength;\n\n    /* Auto-grow — compute height from scrollHeight, clamped to [minRows, maxRows].\n       Imperative `.style` write is permitted per 23-constraints\n       §Runtime-computed dimensions (textarea scrollHeight measurement). */\n    const resize = useCallback(() => {\n      const el = innerRef.current;\n      if (!el) return;\n      const styles = window.getComputedStyle(el);\n      const lineHeight = parseFloat(styles.lineHeight) || 24;\n      const padTop = parseFloat(styles.paddingTop) || 0;\n      const padBot = parseFloat(styles.paddingBottom) || 0;\n      const borderTop = parseFloat(styles.borderTopWidth) || 0;\n      const borderBot = parseFloat(styles.borderBottomWidth) || 0;\n      const chrome = padTop + padBot + borderTop + borderBot;\n      const minH = lineHeight * minRows + chrome;\n      const maxH = lineHeight * maxRows + chrome;\n      el.style.height = 'auto';\n      const next = Math.max(minH, Math.min(el.scrollHeight, maxH));\n      el.style.height = `${next}px`;\n      el.style.overflowY = el.scrollHeight > maxH ? 'auto' : 'hidden';\n    }, [minRows, maxRows]);\n\n    useLayoutEffect(() => {\n      resize();\n    }, [resize, currentValue]);\n\n    const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) setInternalValue(e.target.value);\n      if (composingRef.current) return;\n      onChange?.(e);\n    };\n\n    const handleCompositionStart = (e: CompositionEvent<HTMLTextAreaElement>) => {\n      composingRef.current = true;\n      onCompositionStart?.(e);\n    };\n    const handleCompositionEnd = (e: CompositionEvent<HTMLTextAreaElement>) => {\n      composingRef.current = false;\n      onCompositionEnd?.(e);\n    };\n\n    const isIMEKey = (e: KeyboardEvent<HTMLTextAreaElement>) =>\n      e.nativeEvent.isComposing || e.keyCode === 229 || composingRef.current;\n\n    const submit = () => {\n      const text = currentValue.trim();\n      if (!text || disabled || atLimit) return;\n      onSubmit?.(currentValue);\n      if (!isControlled) setInternalValue('');\n    };\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        getValue: () => currentValue,\n        isEmpty: () => !currentValue.trim(),\n        setValue: (next: string) => {\n          if (!isControlled) setInternalValue(next);\n        },\n        clear: () => {\n          if (!isControlled) setInternalValue('');\n        },\n        submit: () => {\n          submit();\n        },\n        focus: () => {\n          innerRef.current?.focus();\n        },\n      }),\n      // `submit` is a local closure that always sees the latest currentValue\n      // via React's render cycle — depend on currentValue + isControlled so\n      // the handle picks up new values across renders.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [currentValue, isControlled],\n    );\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n      if (isIMEKey(e)) return;\n\n      if (e.key === 'Enter') {\n        const explicitSubmit = e.metaKey || e.ctrlKey;\n        const plainEnterSubmits = submitOnEnter && !e.shiftKey;\n        if (explicitSubmit || plainEnterSubmits) {\n          e.preventDefault();\n          submit();\n        }\n      }\n    };\n\n    const handleAttach = () => {\n      fileInputRef.current?.click();\n    };\n\n    const handleFilePick = (e: ChangeEvent<HTMLInputElement>) => {\n      if (e.target.files && e.target.files.length > 0) {\n        onAttach?.(e.target.files);\n      }\n      // Reset so picking the same file twice still fires change.\n      e.target.value = '';\n    };\n\n    const effectiveId = id ?? textareaId;\n    const labelId = `${effectiveId}-label`;\n    const counterId = hasMaxLength ? `${effectiveId}-counter` : undefined;\n    const hintId = `${effectiveId}-hint`;\n\n    const resolvedPlaceholder =\n      placeholder ?? t('chat.input.placeholder');\n    const resolvedLabel = label ?? t('chat.prompt');\n\n    return (\n      <div data-component=\"chat-input\" data-component-id={id} className={rootVariants({ size, className })}>\n        <label id={labelId} htmlFor={effectiveId} className={label ? 'type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]' : 'ds:sr-only'}>\n          {resolvedLabel}\n        </label>\n        <textarea\n          ref={setRefs}\n          id={effectiveId}\n          value={isControlled ? currentValue : undefined}\n          defaultValue={!isControlled ? defaultValue : undefined}\n          disabled={disabled}\n          rows={minRows}\n          maxLength={maxLength}\n          placeholder={resolvedPlaceholder}\n          aria-labelledby={labelId}\n          aria-describedby={[counterId, hintId].filter(Boolean).join(' ') || undefined}\n          aria-invalid={atLimit || undefined}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          onCompositionStart={handleCompositionStart}\n          onCompositionEnd={handleCompositionEnd}\n          className={[\n            'ds:w-full ds:resize-none ds:bg-transparent',\n            'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]',\n            'ds:placeholder:text-[color:var(--muted-foreground)]',\n            'ds:leading-[var(--line-height-base)]',\n            'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n            // Tokenised focus ring on the textarea itself — the 1px border\n            // shift on the wrapper alone fails the 3px accessible-theme\n            // requirement. See a11y-critical-fixes.mdx.\n            'ds:outline-none',\n            'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n            'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n            'ds:rounded-[var(--radius-sm)]',\n            'ds:forced-colors:focus-visible:outline-[CanvasText]',\n          ].join(' ')}\n          {...rest}\n        />\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]\">\n          {onAttach ? (\n            <>\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                className=\"ds:sr-only\"\n                multiple\n                accept={accept}\n                onChange={handleFilePick}\n              />\n              <IconButton\n                icon={<Paperclip />}\n                aria-label={t('chat.input.attach')}\n                intent=\"ghost\"\n                size=\"sm\"\n                onClick={handleAttach}\n                disabled={disabled}\n              />\n            </>\n          ) : null}\n          {toolbar}\n          <div className=\"ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n            {showCounter ? (\n              <span\n                id={counterId}\n                aria-live=\"polite\"\n                className={[\n                  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                  'type-meta ds:tabular-nums',\n                  atLimit\n                    ? 'ds:text-[color:var(--destructive)]'\n                    : 'ds:text-[color:var(--muted-foreground)]',\n                ].join(' ')}\n              >\n                {atLimit ? (\n                  // Icon pairs with --destructive colour so the at-limit\n                  // state is not conveyed by hue alone (WCAG 1.4.1).\n                  <AlertCircle aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                ) : null}\n                {t('chat.input.remaining', { count: remaining })}\n              </span>\n            ) : null}\n            <span id={hintId} className=\"ds:sr-only\">\n              {t('chat.input.sendHint')}\n            </span>\n            <IconButton\n              icon={<Send />}\n              aria-label={t('chat.send')}\n              intent=\"primary\"\n              size=\"sm\"\n              disabled={disabled || !currentValue.trim() || atLimit}\n              onClick={submit}\n              aria-keyshortcuts=\"Meta+Enter Control+Enter\"\n            />\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nChatInput.displayName = 'ChatInput';\n"],"names":["__iconNode","Paperclip","createLucideIcon","rootVariants","cva","graphemeCount","value","locale","seg","n","_s","ChatInput","forwardRef","size","defaultValue","maxLength","submitOnEnter","minRows","maxRows","onSubmit","onAttach","accept","disabled","toolbar","label","placeholder","className","onChange","onKeyDown","onCompositionStart","onCompositionEnd","id","rest","ref","t","i18n","useTranslation","textareaId","useId","composingRef","useRef","fileInputRef","innerRef","setRefs","useCallback","node","isControlled","internalValue","setInternalValue","useState","currentValue","count","hasMaxLength","remaining","showCounter","atLimit","resize","el","styles","lineHeight","padTop","padBot","borderTop","borderBot","chrome","minH","maxH","next","useLayoutEffect","handleChange","handleCompositionStart","handleCompositionEnd","isIMEKey","submit","useImperativeHandle","_a","handleKeyDown","explicitSubmit","plainEnterSubmits","handleAttach","handleFilePick","effectiveId","labelId","counterId","hintId","resolvedPlaceholder","resolvedLabel","jsxs","jsx","Fragment","IconButton","AlertCircle","Send"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/chat-input.agent-Bsz3ckGa.js

@@ -0,0 +1,69 @@
+const i = {
+  id: "chat-input",
+  capabilities: ["edit_inline", "submit"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.chatInput.state.value",
+      description: "Current text in the composer.",
+      read: (t) => t.getValue()
+    },
+    isEmpty: {
+      type: "boolean",
+      descriptionKey: "ui.agent.chatInput.state.isEmpty",
+      description: "True when the composer has no text.",
+      read: (t) => t.isEmpty()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      descriptionKey: "ui.agent.chatInput.actions.setValue",
+      description: "Replace the composer text.",
+      invoke: (t, e) => {
+        t.setValue(e.value);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.chatInput.actions.clear",
+      description: "Clear the composer. Irreversible from the same UI.",
+      invoke: (t) => {
+        t.clear();
+      }
+    },
+    submit: {
+      safety: "write",
+      descriptionKey: "ui.agent.chatInput.actions.submit",
+      description: "Submit the current composer state via onSubmit.",
+      invoke: (t) => {
+        t.submit();
+      }
+    },
+    focus: {
+      safety: "read",
+      descriptionKey: "ui.agent.chatInput.actions.focus",
+      description: "Move keyboard focus into the textarea.",
+      invoke: (t) => {
+        t.focus();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "chat-input",
+      description: "Marks the ChatInput wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+};
+export {
+  i as c
+};
+//# sourceMappingURL=chat-input.agent-Bsz3ckGa.js.map

package/dist/_chunks/chat-input.agent-Bsz3ckGa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input.agent-Bsz3ckGa.js","sources":["../../src/components/chat-input/chat-input.agent.ts"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ChatInput.                                             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ChatInputHandle } from './chat-input';\n\nexport const chatInputAgent: AgentAdapter<ChatInputHandle> = {\n  id: 'chat-input',\n  capabilities: ['edit_inline', 'submit'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.chatInput.state.value',\n      description: 'Current text in the composer.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.chatInput.state.isEmpty',\n      description: 'True when the composer has no text.',\n      read: (handle) => handle.isEmpty(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      descriptionKey: 'ui.agent.chatInput.actions.setValue',\n      description: 'Replace the composer text.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.chatInput.actions.clear',\n      description: 'Clear the composer. Irreversible from the same UI.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    submit: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.chatInput.actions.submit',\n      description: 'Submit the current composer state via onSubmit.',\n      invoke: (handle) => {\n        handle.submit();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.chatInput.actions.focus',\n      description: 'Move keyboard focus into the textarea.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'chat-input',\n      description: 'Marks the ChatInput wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n"],"names":["chatInputAgent","handle","args"],"mappings":"AAOO,MAAMA,IAAgD;AAAA,EAC3D,IAAI;AAAA,EACJ,cAAc,CAAC,eAAe,QAAQ;AAAA,EACtC,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,IAEpC,SAAS;AAAA,MACP,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACA,MAAWA,EAAO,QAAA;AAAA,IAAQ;AAAA,EACnC;AAAA,EAEF,SAAS;AAAA,IACP,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,GAAQC,MAA4B;AAC3C,QAAAD,EAAO,SAASC,EAAK,KAAK;AAAA,MAC5B;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACD,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,OAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

package/dist/_chunks/checkbox-CtPM6Rup.js

@@ -0,0 +1,196 @@
+import { jsxs as G, jsx as i } from "react/jsx-runtime";
+import { createContext as K, useContext as O, forwardRef as T, useId as A, useState as B, useRef as F, useMemo as H } from "react";
+import * as x from "@radix-ui/react-checkbox";
+import { c as V } from "./index-D2ZczOXr.js";
+import { T as W } from "./tooltip-DHik5yRI.js";
+import { u as C } from "./registry-C9nwlNyL.js";
+const D = K(null);
+function P() {
+  return O(D);
+}
+const q = {
+  id: "checkbox",
+  capabilities: ["select_single"],
+  state: {
+    checked: {
+      type: 'boolean | "indeterminate"',
+      descriptionKey: "ui.agent.checkbox.state.checked",
+      description: "Current checked state.",
+      read: (t) => t.getChecked()
+    }
+  },
+  actions: {
+    set_checked: {
+      safety: "write",
+      argsType: '{ checked: boolean | "indeterminate" }',
+      descriptionKey: "ui.agent.checkbox.actions.setChecked",
+      description: "Set the checked state to a specific value.",
+      invoke: (t, a) => {
+        t.setChecked(a.checked);
+      }
+    },
+    toggle: {
+      safety: "write",
+      descriptionKey: "ui.agent.checkbox.actions.toggle",
+      description: "Flip the checked state between checked and unchecked.",
+      invoke: (t) => {
+        t.toggle();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "checkbox",
+      description: "Marks the Checkbox wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, v = [
+  "ds:[stroke-dasharray:1] ds:[stroke-dashoffset:1]",
+  "ds:animate-[checkbox-indicator-draw_var(--animation-duration)_ease-out_forwards]"
+].join(" ");
+function E({ className: t }) {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      "data-slot": "checkbox-check-icon",
+      className: t,
+      children: /* @__PURE__ */ i("path", { pathLength: "1", d: "M5 12l5 5L20 7", className: v })
+    }
+  );
+}
+function J({ className: t }) {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      "aria-hidden": "true",
+      "data-slot": "checkbox-indeterminate-icon",
+      className: t,
+      children: /* @__PURE__ */ i("path", { pathLength: "1", d: "M5 12h14", className: v })
+    }
+  );
+}
+const Q = V(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+    "ds:border ds:border-border ds:rounded-[var(--radius-sm)] ds:bg-background",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
+    "ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground",
+    "ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground",
+    'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""]'
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:size-3.5",
+        md: "ds:size-4",
+        lg: "ds:size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), U = T(
+  ({
+    label: t,
+    checked: a,
+    onCheckedChange: s,
+    size: m = "md",
+    disabled: y,
+    disabledReason: b,
+    name: w,
+    value: r,
+    id: f,
+    className: I,
+    ...N
+  }, z) => {
+    const j = A(), h = f ?? j, e = P(), d = e !== null && r !== void 0, [L, p] = B(a ?? !1), c = a !== void 0, l = d ? e.value.has(r) : c ? a : L, R = d ? () => e.toggle(r) : (o) => {
+      c || p(o), s == null || s(o);
+    }, _ = (e == null ? void 0 : e.name) ?? w, u = (e == null ? void 0 : e.disabled) || y, n = F(
+      l ?? !1
+    );
+    n.current = l ?? !1;
+    const M = H(
+      () => ({
+        getChecked: () => n.current,
+        setChecked: (o) => {
+          if (d) {
+            (n.current === !0 || n.current === "indeterminate") !== (o === !0 || o === "indeterminate") && e.toggle(r);
+            return;
+          }
+          c || p(o), s == null || s(o);
+        },
+        toggle: () => {
+          if (d) {
+            e.toggle(r);
+            return;
+          }
+          const o = !(n.current === !0 || n.current === "indeterminate");
+          c || p(o), s == null || s(o);
+        }
+      }),
+      [d, e, r, c, s]
+    );
+    C(q, M, f);
+    const k = m === "sm" ? "ds:size-3" : m === "lg" ? "ds:size-4" : "ds:size-3.5", S = [
+      "type-label ds:text-foreground ds:select-none",
+      u ? "ds:cursor-not-allowed ds:opacity-50" : "ds:cursor-pointer"
+    ].join(" "), g = /* @__PURE__ */ G(
+      "div",
+      {
+        "data-component": "checkbox",
+        "data-component-id": f,
+        "data-option-id": r,
+        className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
+        children: [
+          /* @__PURE__ */ i(
+            x.Root,
+            {
+              ref: z,
+              id: h,
+              checked: l,
+              onCheckedChange: R,
+              disabled: u,
+              "aria-disabled": u || void 0,
+              name: _,
+              value: r,
+              className: Q({ size: m, className: I }),
+              ...N,
+              children: /* @__PURE__ */ i(x.Indicator, { children: l === "indeterminate" ? /* @__PURE__ */ i(J, { className: k }) : /* @__PURE__ */ i(E, { className: k }) })
+            }
+          ),
+          /* @__PURE__ */ i("label", { htmlFor: h, className: S, children: t })
+        ]
+      }
+    );
+    return u && b ? /* @__PURE__ */ i(W, { label: b, children: g }) : g;
+  }
+);
+U.displayName = "Checkbox";
+export {
+  U as C,
+  D as a,
+  P as u
+};
+//# sourceMappingURL=checkbox-CtPM6Rup.js.map