@alfadocs/ui-kit 0.17.1 → 0.17.2

package/dist/_chunks/{chat-input-UK-bXU7u.js → chat-input-B3XmFGDw.js}

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

package/dist/_chunks/checkbox-group-Bwmt1ovQ.js

@@ -0,0 +1,213 @@
+import { jsx as t, jsxs as B } from "react/jsx-runtime";
+import { forwardRef as O, useId as Q, useMemo as S, useState as T, useRef as W, Children as X, isValidElement as Y } from "react";
+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-mwbrPZDY.js";
+import { u as se } from "./registry-C9nwlNyL.js";
+import { C as ce } from "./circle-alert-ChA9opNA.js";
+const re = {
+  id: "checkbox-group",
+  capabilities: ["select_multiple"],
+  state: {
+    selection: {
+      type: "string[]",
+      descriptionKey: "ui.agent.checkboxGroup.state.selection",
+      description: "Values of currently-checked options.",
+      read: (s) => s.getSelection()
+    }
+  },
+  actions: {
+    set_selection: {
+      safety: "write",
+      argsType: "{ ids: string[] }",
+      descriptionKey: "ui.agent.checkboxGroup.actions.setSelection",
+      description: "Replace the current selection with the given option values.",
+      invoke: (s, a) => {
+        s.setSelection(a.ids);
+      }
+    },
+    clear_selection: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.checkboxGroup.actions.clearSelection",
+      description: "Uncheck every option in the group.",
+      invoke: (s) => {
+        s.clearSelection();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "checkbox-group",
+      description: "Marks the CheckboxGroup fieldset."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-option-id",
+      description: "Stable opaque value emitted on each rendered Checkbox child within the group."
+    }
+  }
+}, le = Z("", {
+  variants: {
+    orientation: {
+      vertical: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      horizontal: "ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)]"
+    }
+  },
+  defaultVariants: { orientation: "vertical" }
+});
+function ae(s) {
+  const a = [];
+  return X.forEach(s, (h) => {
+    if (!Y(h)) return;
+    const m = h.props;
+    typeof m.value == "string" && a.push(m.value);
+  }), a;
+}
+const oe = O(
+  ({
+    label: s,
+    value: a,
+    onChange: h,
+    name: m,
+    id: g,
+    orientation: K = "vertical",
+    disabled: G = !1,
+    min: o,
+    max: i,
+    onConstraintViolation: c,
+    withSelectAll: _ = !1,
+    options: d,
+    error: f,
+    helperText: v,
+    className: $,
+    children: b
+  }, z) => {
+    const { t: u } = V(), x = Q(), N = `${x}-helper`, R = `${x}-error`, w = `${x}-counter`, [E, C] = ee({
+      value: a,
+      defaultValue: [],
+      onChange: h
+    }), r = E ?? [], I = S(() => new Set(r), [r]), [H, l] = T(""), k = S(
+      () => d ? d.map((e) => e.value) : ae(b),
+      [d, b]
+    ), n = (e) => {
+      C(e);
+    }, A = W(r);
+    A.current = r;
+    const P = S(
+      () => ({
+        getSelection: () => A.current.slice(),
+        setSelection: (e) => n(e),
+        clearSelection: () => n([])
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [C]
+    );
+    se(re, P, g);
+    const q = {
+      name: m,
+      value: I,
+      toggle: (e) => {
+        if (I.has(e)) {
+          if (typeof o == "number" && r.length <= o) {
+            l(u("inputs.checkboxGroup.minReached", { min: o })), c == null || c("min");
+            return;
+          }
+          l(""), n(r.filter((L) => L !== e));
+          return;
+        }
+        if (typeof i == "number" && r.length >= i) {
+          l(u("inputs.checkboxGroup.maxReached", { max: i })), c == null || c("max");
+          return;
+        }
+        l(""), n([...r, e]);
+      },
+      disabled: G
+    }, p = k.length, y = r.length, j = p === 0 || y === 0 ? !1 : y >= p ? !0 : "indeterminate", U = () => {
+      if (j === !0) {
+        if (typeof o == "number" && o > 0) {
+          l(u("inputs.checkboxGroup.minReached", { min: o })), c == null || c("min");
+          return;
+        }
+        n([]), l("");
+        return;
+      }
+      const e = typeof i == "number" ? k.slice(0, i) : k;
+      n(e), l("");
+    }, D = [
+      v ? N : null,
+      f ? R : null,
+      p > 0 ? w : null
+    ].filter(Boolean).join(" ") || void 0, F = b ?? (d ? d.map((e) => /* @__PURE__ */ t(
+      M,
+      {
+        value: e.value,
+        label: e.label,
+        disabled: e.disabled
+      },
+      e.value
+    )) : null), J = [
+      "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0 ds:border-0 ds:p-0 ds:m-0",
+      $
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ B(
+      "fieldset",
+      {
+        ref: z,
+        id: g,
+        className: J,
+        "aria-describedby": D,
+        "aria-invalid": !!f || void 0,
+        "data-component": "checkbox-group",
+        "data-component-id": g,
+        children: [
+          /* @__PURE__ */ t("legend", { className: "type-label ds:text-foreground ds:p-0 ds:mb-[var(--spacing-sm)]", children: s }),
+          _ ? /* @__PURE__ */ t(
+            M,
+            {
+              label: u("inputs.checkboxGroup.selectAll"),
+              checked: j,
+              onCheckedChange: U,
+              disabled: G
+            }
+          ) : null,
+          /* @__PURE__ */ t(te.Provider, { value: q, children: /* @__PURE__ */ t("div", { className: le({ orientation: K }), children: F }) }),
+          v ? /* @__PURE__ */ t("p", { id: N, className: "type-body-sm ds:text-muted-foreground", children: v }) : null,
+          f ? /* @__PURE__ */ B(
+            "p",
+            {
+              id: R,
+              role: "alert",
+              className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
+              children: [
+                /* @__PURE__ */ t(ce, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+                /* @__PURE__ */ t("span", { children: f })
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ t(
+            "span",
+            {
+              id: w,
+              role: "status",
+              "aria-live": "polite",
+              className: "ds:sr-only",
+              children: p > 0 ? u("inputs.checkboxGroup.counter", { count: y, total: p }) : ""
+            }
+          ),
+          /* @__PURE__ */ t("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: H })
+        ]
+      }
+    );
+  }
+);
+oe.displayName = "CheckboxGroup";
+export {
+  oe as C
+};
+//# sourceMappingURL=checkbox-group-Bwmt1ovQ.js.map