@alfadocs/ui-kit 0.31.0 → 0.31.3

package/dist/_chunks/{chat-input-cyl_y9bh.js → chat-input-CQe7nR_v.js}

@@ -1,10 +1,11 @@
-import { jsxs as u, jsx as r, Fragment as ge } from "react/jsx-runtime";
-import { forwardRef as ve, useId as be, useRef as v, useCallback as $, useLayoutEffect as ye, useImperativeHandle as xe, useMemo as Ie } from "react";
-import { c as ke } from "./index-D2ZczOXr.js";
-import { useTranslation as Ce } from "react-i18next";
-import { I as W } from "./icon-button-DPEqBKBQ.js";
+import { jsxs as v, jsx as i, Fragment as ge } from "react/jsx-runtime";
+import { forwardRef as ve, useId as ye, useRef as k, useCallback as W, useImperativeHandle as be, useMemo as xe } from "react";
+import { c as Ie } from "./index-D2ZczOXr.js";
+import { useTranslation as ke } from "react-i18next";
+import { I as A } from "./icon-button-CKEOrN37.js";
 import { u as we } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Ne } from "./registry-C9nwlNyL.js";
+import { u as Ce } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Ne } from "./registry-nPAVE19X.js";
 import { c as Ve } from "./createLucideIcon-CrFbzy84.js";
 import { C as ze } from "./circle-alert-ChA9opNA.js";
 import { S as He } from "./send-CySZIRPJ.js";
@@ -14,7 +15,7 @@ import { S as He } from "./send-CySZIRPJ.js";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ee = [
+const Te = [
   [
     "path",
     {
@@ -22,7 +23,7 @@ const Ee = [
       key: "1miecu"
     }
   ]
-], Me = Ve("paperclip", Ee), Te = {
+], je = Ve("paperclip", Te), Ee = {
   id: "chat-input",
   capabilities: ["edit_inline", "submit"],
   state: {
@@ -45,8 +46,8 @@ const Ee = [
       argsType: "{ value: string }",
       descriptionKey: "ui.agent.chatInput.actions.setValue",
       description: "Replace the composer text.",
-      invoke: (t, o) => {
-        t.setValue(o.value);
+      invoke: (t, n) => {
+        t.setValue(n.value);
       }
     },
     clear: {
@@ -86,7 +87,7 @@ const Ee = [
       description: "Sourced from the id prop."
     }
   }
-}, Fe = ke(
+}, Me = Ie(
   [
     "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full",
     // Uses the kit's shared input-chrome tokens — `--input` for fill,
@@ -111,135 +112,148 @@ const Ee = [
     defaultVariants: { size: "md" }
   }
 );
-function Ke(t, o) {
+function Se(t, n) {
   if (typeof Intl < "u" && typeof Intl.Segmenter == "function")
     try {
-      const b = new Intl.Segmenter(o, { granularity: "grapheme" });
+      const l = new Intl.Segmenter(n, { granularity: "grapheme" });
       let s = 0;
-      for (const E of b.segment(t)) s += 1;
+      for (const y of l.segment(t)) s += 1;
       return s;
     } catch {
     }
   return Array.from(t).length;
 }
-const Re = ve(
+function Fe(t, n, l) {
+  if (typeof Intl < "u" && typeof Intl.Segmenter == "function")
+    try {
+      const y = new Intl.Segmenter(l, { granularity: "grapheme" }), o = [];
+      for (const u of y.segment(t))
+        if (o.push(u.segment), o.length >= n) break;
+      const d = o.join("");
+      return d.length === t.length ? t : d;
+    } catch {
+    }
+  const s = Array.from(t);
+  return s.length <= n ? t : s.slice(0, n).join("");
+}
+const Ke = ve(
   ({
     size: t = "md",
-    value: o,
-    defaultValue: b,
+    value: n,
+    defaultValue: l,
     maxLength: s,
-    submitOnEnter: E = !1,
-    minRows: y = 1,
-    maxRows: M = 8,
-    onSubmit: x,
-    onAttach: p,
-    accept: U,
-    disabled: m,
-    toolbar: Y,
-    label: T,
-    placeholder: q,
-    className: A,
-    onChange: I,
-    onKeyDown: k,
-    onCompositionStart: C,
-    onCompositionEnd: w,
-    id: N,
-    ...G
-  }, J) => {
-    const { t: n, i18n: L } = Ce(), O = be(), f = v(!1), F = v(null), V = v(null), Q = $((e) => {
-      V.current = e;
-    }, []), [X, c] = we({
-      value: o === void 0 ? void 0 : String(o),
-      defaultValue: String(b ?? "")
-    }), a = X ?? "", z = Ke(a, L.language), h = typeof s == "number" && s > 0, Z = h ? Math.max(0, s - z) : 0, D = h && z > s * 0.9, l = h && z >= s, K = $(() => {
-      const e = V.current;
+    submitOnEnter: y = !1,
+    minRows: o = 1,
+    maxRows: d = 8,
+    onSubmit: u,
+    onAttach: b,
+    accept: G,
+    disabled: x,
+    toolbar: U,
+    label: E,
+    placeholder: Y,
+    className: q,
+    onChange: w,
+    onKeyDown: C,
+    onCompositionStart: N,
+    onCompositionEnd: V,
+    id: z,
+    ...J
+  }, L) => {
+    const { t: c, i18n: M } = ke(), O = ye(), p = k(!1), S = k(null), H = k(null), Q = W((e) => {
+      H.current = e;
+    }, []), [X, m] = we({
+      value: n === void 0 ? void 0 : String(n),
+      defaultValue: String(l ?? "")
+    }), a = X ?? "", T = Se(a, M.language), f = typeof s == "number" && s > 0, Z = f ? Math.max(0, s - T) : 0, D = f && T > s * 0.9, h = f && T >= s, F = W(() => {
+      const e = H.current;
       if (!e) return;
-      const i = window.getComputedStyle(e), g = parseFloat(i.lineHeight) || 24, de = parseFloat(i.paddingTop) || 0, ue = parseFloat(i.paddingBottom) || 0, pe = parseFloat(i.borderTopWidth) || 0, me = parseFloat(i.borderBottomWidth) || 0, P = de + ue + pe + me, fe = g * y + P, _ = g * M + P;
+      const r = window.getComputedStyle(e), I = parseFloat(r.lineHeight) || 24, de = parseFloat(r.paddingTop) || 0, ue = parseFloat(r.paddingBottom) || 0, pe = parseFloat(r.borderTopWidth) || 0, me = parseFloat(r.borderBottomWidth) || 0, _ = de + ue + pe + me, fe = I * o + _, $ = I * d + _;
       e.style.height = "auto";
-      const he = Math.max(fe, Math.min(e.scrollHeight, _));
-      e.style.height = `${he}px`, e.style.overflowY = e.scrollHeight > _ ? "auto" : "hidden";
-    }, [y, M]);
-    ye(() => {
-      K();
-    }, [K, a]);
+      const he = Math.max(fe, Math.min(e.scrollHeight, $));
+      e.style.height = `${he}px`, e.style.overflowY = e.scrollHeight > $ ? "auto" : "hidden";
+    }, [o, d]);
+    Ce(() => {
+      F();
+    }, [F, a]);
     const ee = (e) => {
-      c(e.target.value), !f.current && (I == null || I(e));
+      let r = e.target.value;
+      f && !p.current && (r = Fe(r, s, M.language)), m(r), !p.current && (w == null || w(e));
     }, te = (e) => {
-      f.current = !0, C == null || C(e);
+      p.current = !0, N == null || N(e);
     }, se = (e) => {
-      f.current = !1, w == null || w(e);
-    }, ae = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || f.current, H = () => {
-      !a.trim() || m || l || (x == null || x(a), c(""));
-    }, R = v(null);
-    xe(J, () => R.current, []);
-    const re = Ie(
+      p.current = !1, V == null || V(e);
+    }, re = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || p.current, j = () => {
+      !a.trim() || x || h || (u == null || u(a), m(""));
+    }, K = k(null);
+    be(L, () => K.current, []);
+    const ne = xe(
       () => ({
         getValue: () => a,
         isEmpty: () => !a.trim(),
         setValue: (e) => {
-          c(e);
+          m(e);
         },
         clear: () => {
-          c("");
+          m("");
         },
         submit: () => {
-          H();
+          j();
         },
         focus: () => {
           var e;
-          (e = V.current) == null || e.focus();
+          (e = H.current) == null || e.focus();
         }
       }),
       // `submit` is a local closure that always sees the latest currentValue
       // via React's render cycle — depend on currentValue so the handle
       // picks up new values across renders.
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [a, c]
+      [a, m]
     );
-    Ne(Te, re, N);
-    const ne = (e) => {
-      if (k == null || k(e), !e.defaultPrevented && !ae(e) && e.key === "Enter") {
-        const i = e.metaKey || e.ctrlKey, g = E && !e.shiftKey;
-        (i || g) && (e.preventDefault(), H());
+    Ne(Ee, ne, z);
+    const ae = (e) => {
+      if (C == null || C(e), !e.defaultPrevented && !re(e) && e.key === "Enter") {
+        const r = e.metaKey || e.ctrlKey, I = y && !e.shiftKey;
+        (r || I) && (e.preventDefault(), j());
       }
     }, ie = () => {
       var e;
-      (e = F.current) == null || e.click();
+      (e = S.current) == null || e.click();
     }, oe = (e) => {
-      e.target.files && e.target.files.length > 0 && (p == null || p(e.target.files)), e.target.value = "";
-    }, d = N ?? O, S = `${d}-label`, j = h ? `${d}-counter` : void 0, B = `${d}-hint`, ce = q ?? n("chat.input.placeholder"), le = T ?? n("chat.prompt");
-    return /* @__PURE__ */ u(
+      e.target.files && e.target.files.length > 0 && (b == null || b(e.target.files)), e.target.value = "";
+    }, g = z ?? O, R = `${g}-label`, B = f ? `${g}-counter` : void 0, P = `${g}-hint`, ce = Y ?? c("chat.input.placeholder"), le = E ?? c("chat.prompt");
+    return /* @__PURE__ */ v(
       "div",
       {
-        ref: R,
+        ref: K,
         "data-component": "chat-input",
-        "data-component-id": N,
-        className: Fe({ size: t, className: A }),
+        "data-component-id": z,
+        className: Me({ size: t, className: q }),
         children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ i(
             "label",
             {
-              id: S,
-              htmlFor: d,
-              className: T ? "type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]" : "ds:sr-only",
+              id: R,
+              htmlFor: g,
+              className: E ? "type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]" : "ds:sr-only",
               children: le
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ i(
             "textarea",
             {
               ref: Q,
-              id: d,
+              id: g,
               value: a,
-              disabled: m,
-              rows: y,
-              maxLength: s,
+              disabled: x,
+              rows: o,
               placeholder: ce,
-              "aria-labelledby": S,
-              "aria-describedby": [j, B].filter(Boolean).join(" ") || void 0,
-              "aria-invalid": l || void 0,
+              "aria-labelledby": R,
+              "aria-describedby": [B, P].filter(Boolean).join(" ") || void 0,
+              "aria-invalid": h || void 0,
               onChange: ee,
-              onKeyDown: ne,
+              onKeyDown: ae,
               onCompositionStart: te,
               onCompositionEnd: se,
               className: [
@@ -257,68 +271,68 @@ const Re = ve(
                 "ds:rounded-[var(--radius-sm)]",
                 "ds:forced-colors:focus-visible:outline-[CanvasText]"
               ].join(" "),
-              ...G
+              ...J
             }
           ),
-          /* @__PURE__ */ u("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: [
-            p ? /* @__PURE__ */ u(ge, { children: [
-              /* @__PURE__ */ r(
+          /* @__PURE__ */ v("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: [
+            b ? /* @__PURE__ */ v(ge, { children: [
+              /* @__PURE__ */ i(
                 "input",
                 {
-                  ref: F,
+                  ref: S,
                   type: "file",
                   className: "ds:sr-only",
                   multiple: !0,
-                  accept: U,
+                  accept: G,
                   onChange: oe,
-                  "aria-label": n("chat.input.attach"),
+                  "aria-label": c("chat.input.attach"),
                   tabIndex: -1
                 }
               ),
-              /* @__PURE__ */ r(
-                W,
+              /* @__PURE__ */ i(
+                A,
                 {
-                  icon: /* @__PURE__ */ r(Me, {}),
-                  "aria-label": n("chat.input.attach"),
+                  icon: /* @__PURE__ */ i(je, {}),
+                  "aria-label": c("chat.input.attach"),
                   intent: "ghost",
                   size: "sm",
                   onClick: ie,
-                  disabled: m
+                  disabled: x
                 }
               )
             ] }) : null,
-            Y,
-            /* @__PURE__ */ u("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-              D ? /* @__PURE__ */ u(
+            U,
+            /* @__PURE__ */ v("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+              D ? /* @__PURE__ */ v(
                 "span",
                 {
-                  id: j,
+                  id: B,
                   "aria-live": "polite",
                   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)]"
+                    h ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]"
                   ].join(" "),
                   children: [
-                    l ? (
+                    h ? (
                       // Icon pairs with --destructive colour so the at-limit
                       // state is not conveyed by hue alone (WCAG 1.4.1).
-                      /* @__PURE__ */ r(ze, { "aria-hidden": "true", className: "ds:size-3.5" })
+                      /* @__PURE__ */ i(ze, { "aria-hidden": "true", className: "ds:size-3.5" })
                     ) : null,
-                    n("chat.input.remaining", { count: Z })
+                    c("chat.input.remaining", { count: Z })
                   ]
                 }
               ) : null,
-              /* @__PURE__ */ r("span", { id: B, className: "ds:sr-only", children: n("chat.input.sendHint") }),
-              /* @__PURE__ */ r(
-                W,
+              /* @__PURE__ */ i("span", { id: P, className: "ds:sr-only", children: c("chat.input.sendHint") }),
+              /* @__PURE__ */ i(
+                A,
                 {
-                  icon: /* @__PURE__ */ r(He, {}),
-                  "aria-label": n("chat.send"),
+                  icon: /* @__PURE__ */ i(He, {}),
+                  "aria-label": c("chat.send"),
                   intent: "primary",
                   size: "sm",
-                  disabled: m || !a.trim() || l,
-                  onClick: H,
+                  disabled: x || !a.trim() || h,
+                  onClick: j,
                   "aria-keyshortcuts": "Meta+Enter Control+Enter"
                 }
               )
@@ -329,9 +343,9 @@ const Re = ve(
     );
   }
 );
-Re.displayName = "ChatInput";
+Ke.displayName = "ChatInput";
 export {
-  Re as C,
-  Te as c
+  Ke as C,
+  Ee as c
 };
-//# sourceMappingURL=chat-input-cyl_y9bh.js.map
+//# sourceMappingURL=chat-input-CQe7nR_v.js.map

package/dist/_chunks/{chat-message-fg221-yx.js → chat-message-D53_fH2w.js}

@@ -3,7 +3,7 @@ import { forwardRef as C, useMemo as j, Fragment as g } from "react";
 import { c as h } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
 import { B as z } from "./button-DD_0Xdmr.js";
-import { A as M } from "./avatar-D_H4emLo.js";
+import { A as M } from "./avatar-BNQNhoyL.js";
 import { T as I } from "./timestamp-BV2lC-wV.js";
 import { s as A } from "./safe-image-src-DstKgCo7.js";
 import { c as F } from "./createLucideIcon-CrFbzy84.js";
@@ -236,4 +236,4 @@ H.displayName = "ChatMessage";
 export {
   H as C
 };
-//# sourceMappingURL=chat-message-fg221-yx.js.map
+//# sourceMappingURL=chat-message-D53_fH2w.js.map

package/dist/_chunks/{checkbox-Dgp_cfUr.js → checkbox-DRcOdmXv.js}

@@ -3,8 +3,8 @@ import { createContext as O, useContext as S, forwardRef as G, useId as K, useRe
 import * as b from "@radix-ui/react-checkbox";
 import { c as A } from "./index-D2ZczOXr.js";
 import { u as B } from "./use-controllable-state-BiY4xTzM.js";
-import { T as F } from "./tooltip-ClJd0ciy.js";
-import { u as H } from "./registry-C9nwlNyL.js";
+import { T as F } from "./tooltip-DvmfrNvB.js";
+import { u as H } from "./registry-nPAVE19X.js";
 const W = O(null);
 function D() {
   return S(W);
@@ -205,4 +205,4 @@ export {
   W as a,
   D as u
 };
-//# sourceMappingURL=checkbox-Dgp_cfUr.js.map
+//# sourceMappingURL=checkbox-DRcOdmXv.js.map

package/dist/_chunks/{checkbox-group-eVowqKcT.js → checkbox-group-CpUwlHug.js}

@@ -3,8 +3,8 @@ import { forwardRef as O, useId as Q, useMemo as S, useState as T, useRef as W,
 import { c as Z } from "./index-D2ZczOXr.js";
 import { useTranslation as V } from "react-i18next";
 import { u as ee } from "./use-controllable-state-BiY4xTzM.js";
-import { C as M, a as te } from "./checkbox-Dgp_cfUr.js";
-import { u as se } from "./registry-C9nwlNyL.js";
+import { C as M, a as te } from "./checkbox-DRcOdmXv.js";
+import { u as se } from "./registry-nPAVE19X.js";
 import { C as ce } from "./circle-alert-ChA9opNA.js";
 const re = {
   id: "checkbox-group",
@@ -210,4 +210,4 @@ oe.displayName = "CheckboxGroup";
 export {
   oe as C
 };
-//# sourceMappingURL=checkbox-group-eVowqKcT.js.map
+//# sourceMappingURL=checkbox-group-CpUwlHug.js.map

package/dist/_chunks/{collapsible-hHiyZp0b.js → collapsible-CERONory.js}

@@ -3,7 +3,7 @@ import { forwardRef as p, useRef as f, useMemo as C, useEffect as v } from "reac
 import * as b from "@radix-ui/react-collapsible";
 import { a as y, c as h } from "./index-D2ZczOXr.js";
 import { u as k } from "./use-controllable-state-BiY4xTzM.js";
-import { u as w } from "./registry-C9nwlNyL.js";
+import { u as w } from "./registry-nPAVE19X.js";
 const x = {
   id: "collapsible",
   capabilities: ["expand"],
@@ -142,4 +142,4 @@ export {
   T as b,
   x as c
 };
-//# sourceMappingURL=collapsible-hHiyZp0b.js.map
+//# sourceMappingURL=collapsible-CERONory.js.map