@alfadocs/ui-kit 0.68.0 → 0.70.0

package/dist/_chunks/{otp-input-xQ4Ps5VY.js → otp-input-DzBQ-CpE.js}

@@ -1,14 +1,19 @@
 import { jsxs as re, jsx as I } from "react/jsx-runtime";
-import { forwardRef as ae, useId as se, useRef as R, useState as ne, useEffect as oe, useCallback as S, useMemo as ie, useImperativeHandle as ce } from "react";
-import { c as Z } from "./index-D2ZczOXr.js";
+import { forwardRef as ae, useId as se, useRef as R, useState as ne, useEffect as oe, useCallback as B, useMemo as ie, useImperativeHandle as ce } from "react";
+import { c as j } from "./index-D2ZczOXr.js";
 import { useTranslation as le } from "react-i18next";
 import { u as ue } from "./use-controllable-state-BiY4xTzM.js";
-import { u as de } from "./use-web-otp-D_utzp6S.js";
-import { u as pe } from "./form-field-context-B3APVHKx.js";
-import { u as fe } from "./registry-nPAVE19X.js";
+import { u as pe } from "./use-web-otp-D_utzp6S.js";
+import { u as de } from "./form-field-context-B3APVHKx.js";
+import { u as fe } from "./registry-DvAUVLHh.js";
 const ge = {
   id: "otp-input",
-  capabilities: ["edit_inline", "submit"],
+  // Value input — `set_value` replaces the digits. There is no `submit`
+  // action: completion is host-driven (the consumer's `onComplete` fires
+  // automatically once every digit is filled) and is observable via the
+  // `isComplete` state slot, so the old unbacked `submit` capability is
+  // removed.
+  capabilities: ["set_value"],
   state: {
     value: {
       type: "string",
@@ -27,6 +32,18 @@ const ge = {
     set_value: {
       safety: "write",
       argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          value: {
+            type: "string",
+            description: "The digits to fill, packed into a single string (one char per cell)."
+          }
+        },
+        required: ["value"]
+      },
+      idempotent: !0,
+      examples: [{ args: { value: "123456" } }],
       descriptionKey: "ui.agent.otpInput.actions.setValue",
       description: "Replace the entered digits.",
       invoke: (a, n) => {
@@ -35,6 +52,7 @@ const ge = {
     },
     clear: {
       safety: "destructive",
+      idempotent: !0,
       descriptionKey: "ui.agent.otpInput.actions.clear",
       description: "Empty all digit cells. Loses any typed value.",
       invoke: (a) => {
@@ -43,6 +61,7 @@ const ge = {
     },
     focus: {
       safety: "read",
+      idempotent: !0,
       descriptionKey: "ui.agent.otpInput.actions.focus",
       description: "Move keyboard focus to the active digit cell.",
       invoke: (a) => {
@@ -62,7 +81,7 @@ const ge = {
       description: "Sourced from the id prop."
     }
   }
-}, me = Z("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), he = Z(
+}, me = j("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), he = j(
   [
     "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -95,31 +114,31 @@ function k(a, n, g) {
   return (g === "alphanumeric" ? a.replace(/[^A-Za-z0-9]/g, "").toUpperCase() : z(a).replace(/\D/g, "")).slice(0, n);
 }
 function we(a, n, g) {
-  const d = k(a, n, g), p = new Array(n).fill("");
-  for (let m = 0; m < d.length; m += 1)
-    p[m] = d[m];
-  return p;
+  const p = k(a, n, g), d = new Array(n).fill("");
+  for (let m = 0; m < p.length; m += 1)
+    d[m] = p[m];
+  return d;
 }
 const Ie = ae(
   ({
     length: a = 6,
     value: n,
     defaultValue: g,
-    onChange: d,
-    onComplete: p,
+    onChange: p,
+    onComplete: d,
     disabled: m,
-    error: _,
+    error: Z,
     label: V,
     id: F,
-    className: $,
-    webOtp: j = !1,
+    className: _,
+    webOtp: $ = !1,
     name: E,
     mode: i = "numeric"
   }, U) => {
-    const { t: G } = le(), r = ye(a), b = pe(), W = se(), K = V ? W : void 0, [q, H] = ue({
+    const { t: q } = le(), r = ye(a), b = de(), x = se(), K = V ? x : void 0, [G, H] = ue({
       value: n,
       defaultValue: k(g ?? "", r, i)
-    }), h = k(q ?? "", r, i), x = we(h, r, i), y = b.disabled || !!m, O = b.invalid || !!_, X = O ? "error" : "default", P = R([]), D = R(h.length === r), f = R(h);
+    }), h = k(G ?? "", r, i), W = we(h, r, i), y = b.disabled || !!m, O = b.invalid || !!Z, X = O ? "error" : "default", P = R([]), D = R(h.length === r), f = R(h);
     f.current = h;
     const J = () => {
       const t = h.length;
@@ -128,7 +147,7 @@ const Ie = ae(
     oe(() => {
       v >= r && A(r - 1);
     }, [v, r]);
-    const l = S(
+    const l = B(
       (t) => {
         const e = Math.max(0, Math.min(r - 1, t));
         A(e);
@@ -136,15 +155,15 @@ const Ie = ae(
         s && (s.focus(), s.select());
       },
       [r]
-    ), u = S(
+    ), u = B(
       (t) => {
         const e = k(t, r, i);
-        H(e), f.current = e, d == null || d(e), e.length === r ? D.current || (D.current = !0, p == null || p(e)) : D.current = !1;
+        H(e), f.current = e, p == null || p(e), e.length === r ? D.current || (D.current = !0, d == null || d(e)) : D.current = !1;
       },
-      [H, r, i, d, p]
+      [H, r, i, p, d]
     );
-    de({
-      enabled: j && !y,
+    pe({
+      enabled: $ && !y,
       onCode: u
     });
     const Q = (t) => (e) => {
@@ -156,7 +175,7 @@ const Ie = ae(
         }
         return;
       }
-      const w = c.slice(0, t), T = c.slice(t + o.length), C = (w + o + T).slice(0, r);
+      const w = c.slice(0, t), M = c.slice(t + o.length), C = (w + o + M).slice(0, r);
       u(C);
       const L = Math.min(t + o.length, r - 1);
       l(L);
@@ -194,13 +213,13 @@ const Ie = ae(
       if (i === "alphanumeric" ? c.length === 0 : !/^[0-9]+$/.test(c))
         return;
       e.preventDefault();
-      const w = f.current, T = w.slice(0, t), C = w.slice(t + c.length), L = (T + c + C).slice(0, r);
+      const w = f.current, M = w.slice(0, t), C = w.slice(t + c.length), L = (M + c + C).slice(0, r);
       u(L);
       const N = Math.min(t + c.length, r - 1);
       l(N);
     }, te = (t) => (e) => {
       A(t), e.currentTarget.select();
-    }, B = b.id, M = ie(
+    }, S = b.id, T = ie(
       () => ({
         getValue: () => f.current,
         setValue: (t) => u(t),
@@ -210,12 +229,12 @@ const Ie = ae(
       }),
       [u, l, v, r]
     );
-    return fe(ge, M, F), ce(U, () => M, [M]), /* @__PURE__ */ re("div", { className: me({ className: $ }), children: [
+    return fe(ge, T, F), ce(U, () => T, [T]), /* @__PURE__ */ re("div", { className: me({ className: _ }), children: [
       V ? /* @__PURE__ */ I(
         "label",
         {
           id: K,
-          htmlFor: `${B}-0`,
+          htmlFor: `${S}-0`,
           className: "type-label ds:text-foreground",
           children: V
         }
@@ -232,7 +251,7 @@ const Ie = ae(
           "data-component": "otp-input",
           "data-component-id": F,
           className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
-          children: x.map((t, e) => {
+          children: W.map((t, e) => {
             const s = !y && e === v;
             return /* @__PURE__ */ I(
               "input",
@@ -240,7 +259,7 @@ const Ie = ae(
                 ref: (o) => {
                   P.current[e] = o;
                 },
-                id: `${B}-${e}`,
+                id: `${S}-${e}`,
                 type: "text",
                 inputMode: i === "alphanumeric" ? "text" : "numeric",
                 pattern: i === "alphanumeric" ? "[A-Za-z0-9]*" : "[0-9]*",
@@ -250,7 +269,7 @@ const Ie = ae(
                 value: t,
                 disabled: y,
                 tabIndex: s ? 0 : -1,
-                "aria-label": G(
+                "aria-label": q(
                   i === "alphanumeric" ? "inputs.otp.charLabel" : "inputs.otp.digitLabel",
                   {
                     current: e + 1,
@@ -276,4 +295,4 @@ Ie.displayName = "OTPInput";
 export {
   Ie as O
 };
-//# sourceMappingURL=otp-input-xQ4Ps5VY.js.map
+//# sourceMappingURL=otp-input-DzBQ-CpE.js.map