@alfadocs/ui-kit 0.68.0 → 0.70.0

package/dist/_chunks/{chat-input-B5zjNEUN.js → chat-input-BcXTetgM.js}

@@ -2,20 +2,20 @@ 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-LqoiKcUN.js";
+import { I as q } from "./icon-button-LqoiKcUN.js";
 import { u as we } from "./use-controllable-state-BiY4xTzM.js";
 import { u as Ce } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Ne } from "./registry-nPAVE19X.js";
+import { u as Ne } from "./registry-DvAUVLHh.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";
+import { C as je } 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 Te = [
+const He = [
   [
     "path",
     {
@@ -23,7 +23,7 @@ const Te = [
       key: "1miecu"
     }
   ]
-], je = Ve("paperclip", Te), Ee = {
+], Se = Ve("paperclip", He), Te = {
   id: "chat-input",
   capabilities: ["edit_inline", "submit"],
   state: {
@@ -44,6 +44,17 @@ const Te = [
     set_value: {
       safety: "write",
       argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          value: {
+            type: "string",
+            description: "New composer text, replacing the current value."
+          }
+        },
+        required: ["value"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.chatInput.actions.setValue",
       description: "Replace the composer text.",
       invoke: (t, n) => {
@@ -51,7 +62,9 @@ const Te = [
       }
     },
     clear: {
+      // Discards whatever the user has typed — irreversible from this UI.
       safety: "destructive",
+      idempotent: !0,
       descriptionKey: "ui.agent.chatInput.actions.clear",
       description: "Clear the composer. Irreversible from the same UI.",
       invoke: (t) => {
@@ -60,6 +73,9 @@ const Te = [
     },
     submit: {
       safety: "write",
+      // Hands the composer text to the host `onSubmit` callback, which sends
+      // the message to a backend / model — an external side effect.
+      openWorld: !0,
       descriptionKey: "ui.agent.chatInput.actions.submit",
       description: "Submit the current composer state via onSubmit.",
       invoke: (t) => {
@@ -87,7 +103,7 @@ const Te = [
       description: "Sourced from the id prop."
     }
   }
-}, Me = Ie(
+}, Ee = 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,
@@ -112,7 +128,7 @@ const Te = [
     defaultVariants: { size: "md" }
   }
 );
-function Se(t, n) {
+function Me(t, n) {
   if (typeof Intl < "u" && typeof Intl.Segmenter == "function")
     try {
       const l = new Intl.Segmenter(n, { granularity: "grapheme" });
@@ -147,26 +163,26 @@ const Ke = ve(
     maxRows: d = 8,
     onSubmit: u,
     onAttach: b,
-    accept: G,
+    accept: A,
     disabled: x,
-    toolbar: U,
-    label: E,
-    placeholder: Y,
-    className: q,
+    toolbar: G,
+    label: T,
+    placeholder: U,
+    className: Y,
     onChange: w,
     onKeyDown: C,
     onCompositionStart: N,
     onCompositionEnd: V,
-    id: z,
+    id: j,
     ...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;
+    const { t: c, i18n: E } = ke(), O = ye(), p = k(!1), M = k(null), z = k(null), Q = W((e) => {
+      z.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;
+    }), a = X ?? "", H = Me(a, E.language), f = typeof s == "number" && s > 0, Z = f ? Math.max(0, s - H) : 0, D = f && H > s * 0.9, h = f && H >= s, F = W(() => {
+      const e = z.current;
       if (!e) return;
       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";
@@ -178,12 +194,12 @@ const Ke = ve(
     }, [F, a]);
     const ee = (e) => {
       let r = e.target.value;
-      f && !p.current && (r = Fe(r, s, M.language)), m(r), !p.current && (w == null || w(e));
+      f && !p.current && (r = Fe(r, s, E.language)), m(r), !p.current && (w == null || w(e));
     }, te = (e) => {
       p.current = !0, N == null || N(e);
     }, se = (e) => {
       p.current = !1, V == null || V(e);
-    }, re = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || p.current, j = () => {
+    }, re = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || p.current, S = () => {
       !a.trim() || x || h || (u == null || u(a), m(""));
     }, K = k(null);
     be(L, () => K.current, []);
@@ -198,11 +214,11 @@ const Ke = ve(
           m("");
         },
         submit: () => {
-          j();
+          S();
         },
         focus: () => {
           var e;
-          (e = H.current) == null || e.focus();
+          (e = z.current) == null || e.focus();
         }
       }),
       // `submit` is a local closure that always sees the latest currentValue
@@ -211,32 +227,32 @@ const Ke = ve(
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [a, m]
     );
-    Ne(Ee, ne, z);
+    Ne(Te, ne, j);
     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());
+        (r || I) && (e.preventDefault(), S());
       }
     }, ie = () => {
       var e;
-      (e = S.current) == null || e.click();
+      (e = M.current) == null || e.click();
     }, oe = (e) => {
       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");
+    }, g = j ?? O, R = `${g}-label`, B = f ? `${g}-counter` : void 0, P = `${g}-hint`, ce = U ?? c("chat.input.placeholder"), le = T ?? c("chat.prompt");
     return /* @__PURE__ */ v(
       "div",
       {
         ref: K,
         "data-component": "chat-input",
-        "data-component-id": z,
-        className: Me({ size: t, className: q }),
+        "data-component-id": j,
+        className: Ee({ size: t, className: Y }),
         children: [
           /* @__PURE__ */ i(
             "label",
             {
               id: R,
               htmlFor: g,
-              className: E ? "type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]" : "ds:sr-only",
+              className: T ? "type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]" : "ds:sr-only",
               children: le
             }
           ),
@@ -279,20 +295,20 @@ const Ke = ve(
               /* @__PURE__ */ i(
                 "input",
                 {
-                  ref: S,
+                  ref: M,
                   type: "file",
                   className: "ds:sr-only",
                   multiple: !0,
-                  accept: G,
+                  accept: A,
                   onChange: oe,
                   "aria-label": c("chat.input.attach"),
                   tabIndex: -1
                 }
               ),
               /* @__PURE__ */ i(
-                A,
+                q,
                 {
-                  icon: /* @__PURE__ */ i(je, {}),
+                  icon: /* @__PURE__ */ i(Se, {}),
                   "aria-label": c("chat.input.attach"),
                   intent: "ghost",
                   size: "sm",
@@ -301,7 +317,7 @@ const Ke = ve(
                 }
               )
             ] }) : null,
-            U,
+            G,
             /* @__PURE__ */ v("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
               D ? /* @__PURE__ */ v(
                 "span",
@@ -317,7 +333,7 @@ const Ke = ve(
                     h ? (
                       // Icon pairs with --destructive colour so the at-limit
                       // state is not conveyed by hue alone (WCAG 1.4.1).
-                      /* @__PURE__ */ i(ze, { "aria-hidden": "true", className: "ds:size-3.5" })
+                      /* @__PURE__ */ i(je, { "aria-hidden": "true", className: "ds:size-3.5" })
                     ) : null,
                     c("chat.input.remaining", { count: Z })
                   ]
@@ -325,14 +341,14 @@ const Ke = ve(
               ) : null,
               /* @__PURE__ */ i("span", { id: P, className: "ds:sr-only", children: c("chat.input.sendHint") }),
               /* @__PURE__ */ i(
-                A,
+                q,
                 {
-                  icon: /* @__PURE__ */ i(He, {}),
+                  icon: /* @__PURE__ */ i(ze, {}),
                   "aria-label": c("chat.send"),
                   intent: "primary",
                   size: "sm",
                   disabled: x || !a.trim() || h,
-                  onClick: j,
+                  onClick: S,
                   "aria-keyshortcuts": "Meta+Enter Control+Enter"
                 }
               )
@@ -346,7 +362,7 @@ const Ke = ve(
 Ke.displayName = "ChatInput";
 export {
   Ke as C,
-  je as P,
-  Ee as c
+  Se as P,
+  Te as c
 };
-//# sourceMappingURL=chat-input-B5zjNEUN.js.map
+//# sourceMappingURL=chat-input-BcXTetgM.js.map

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

@@ -1,17 +1,19 @@
-import { jsxs as M, jsx as s } from "react/jsx-runtime";
-import { createContext as O, useContext as S, forwardRef as G, useId as K, useRef as T, useMemo as V } from "react";
+import { jsxs as S, jsx as s } from "react/jsx-runtime";
+import { createContext as T, useContext as _, forwardRef as M, useId as G, useRef as K, useMemo as V } from "react";
 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-DvmfrNvB.js";
-import { u as H } from "./registry-nPAVE19X.js";
-const W = O(null);
-function D() {
-  return S(W);
+import { u as H } from "./registry-DvAUVLHh.js";
+const W = T(null);
+function q() {
+  return _(W);
 }
-const P = {
+const D = {
   id: "checkbox",
-  capabilities: ["select_single"],
+  // A checkbox is a boolean toggle, not a one-of-N picker — `set_value`,
+  // not `select_single` (which is reserved for choosing one item among many).
+  capabilities: ["set_value"],
   state: {
     checked: {
       type: 'boolean | "indeterminate"',
@@ -24,8 +26,20 @@ const P = {
     set_checked: {
       safety: "write",
       argsType: '{ checked: boolean | "indeterminate" }',
+      argsSchema: {
+        type: "object",
+        properties: {
+          checked: {
+            oneOf: [{ type: "boolean" }, { const: "indeterminate" }],
+            description: 'Target state: true, false, or the tri-state "indeterminate".'
+          }
+        },
+        required: ["checked"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.checkbox.actions.setChecked",
       description: "Set the checked state to a specific value.",
+      examples: [{ args: { checked: !0 }, note: "Tick the box." }],
       invoke: (t, l) => {
         t.setChecked(l.checked);
       }
@@ -55,7 +69,7 @@ const P = {
   "ds:[stroke-dasharray:1] ds:[stroke-dashoffset:1]",
   "ds:animate-[checkbox-indicator-draw_var(--animation-duration)_ease-out_forwards]"
 ].join(" ");
-function q({ className: t }) {
+function P({ className: t }) {
   return /* @__PURE__ */ s(
     "svg",
     {
@@ -116,27 +130,27 @@ const J = A(
       size: "md"
     }
   }
-), Q = G(
+), Q = M(
   ({
     label: t,
     checked: l,
-    onCheckedChange: C,
+    onCheckedChange: x,
     size: h = "md",
-    disabled: v,
+    disabled: C,
     disabledReason: m,
-    name: x,
+    name: v,
     value: o,
     id: u,
     className: y,
     ...w
   }, z) => {
-    const N = K(), f = u ?? N, e = D(), r = e !== null && o !== void 0, [j, i] = B({
+    const j = G(), k = u ?? j, e = q(), r = e !== null && o !== void 0, [N, i] = B({
       value: l,
       defaultValue: !1,
-      onChange: C
-    }), c = r ? e.value.has(o) : j ?? !1, I = r ? () => e.toggle(o) : (n) => {
+      onChange: x
+    }), c = r ? e.value.has(o) : N ?? !1, I = r ? () => e.toggle(o) : (n) => {
       i(n);
-    }, L = (e == null ? void 0 : e.name) ?? x, d = (e == null ? void 0 : e.disabled) || v, a = T(
+    }, L = (e == null ? void 0 : e.name) ?? v, d = (e == null ? void 0 : e.disabled) || C, a = K(
       c ?? !1
     );
     a.current = c ?? !1;
@@ -161,14 +175,14 @@ const J = A(
       }),
       [r, e, o, i]
     );
-    H(P, R, u);
-    const k = [
+    H(D, R, u);
+    const p = [
       "ds:text-primary-foreground",
       h === "sm" ? "ds:size-3" : h === "lg" ? "ds:size-4" : "ds:size-3.5"
-    ].join(" "), _ = [
+    ].join(" "), O = [
       "type-label ds:text-foreground ds:select-none",
       d ? "ds:cursor-not-allowed ds:opacity-50" : "ds:cursor-pointer"
-    ].join(" "), p = /* @__PURE__ */ M(
+    ].join(" "), f = /* @__PURE__ */ S(
       "div",
       {
         "data-component": "checkbox",
@@ -180,7 +194,7 @@ const J = A(
             b.Root,
             {
               ref: z,
-              id: f,
+              id: k,
               checked: c,
               onCheckedChange: I,
               disabled: d,
@@ -189,20 +203,20 @@ const J = A(
               value: o,
               className: J({ size: h, className: y }),
               ...w,
-              children: /* @__PURE__ */ s(b.Indicator, { children: c === "indeterminate" ? /* @__PURE__ */ s(E, { className: k }) : /* @__PURE__ */ s(q, { className: k }) })
+              children: /* @__PURE__ */ s(b.Indicator, { children: c === "indeterminate" ? /* @__PURE__ */ s(E, { className: p }) : /* @__PURE__ */ s(P, { className: p }) })
             }
           ),
-          /* @__PURE__ */ s("label", { htmlFor: f, className: _, children: t })
+          /* @__PURE__ */ s("label", { htmlFor: k, className: O, children: t })
         ]
       }
     );
-    return d && m ? /* @__PURE__ */ s(F, { label: m, children: p }) : p;
+    return d && m ? /* @__PURE__ */ s(F, { label: m, children: f }) : f;
   }
 );
 Q.displayName = "Checkbox";
 export {
   Q as C,
   W as a,
-  D as u
+  q as u
 };
-//# sourceMappingURL=checkbox-DRcOdmXv.js.map
+//# sourceMappingURL=checkbox-BuZ1u__2.js.map

package/dist/_chunks/{checkbox-group-CpUwlHug.js → checkbox-group-PqNmQ-cE.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-DRcOdmXv.js";
-import { u as se } from "./registry-nPAVE19X.js";
+import { C as M, a as te } from "./checkbox-BuZ1u__2.js";
+import { u as se } from "./registry-DvAUVLHh.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-CpUwlHug.js.map
+//# sourceMappingURL=checkbox-group-PqNmQ-cE.js.map