@alfadocs/ui-kit 0.17.0 → 0.17.2

package/dist/_chunks/{number-input-DH00o0DN.js → number-input-BZXu6bPY.js}

@@ -1,13 +1,14 @@
-import { jsxs as be, jsx as F } from "react/jsx-runtime";
-import { useMemo as J, forwardRef as ge, useRef as A, useState as E, useCallback as $, useEffect as he } from "react";
-import { c as Ne } from "./index-D2ZczOXr.js";
-import { useTranslation as ye } from "react-i18next";
+import { jsxs as ve, jsx as F } from "react/jsx-runtime";
+import { useMemo as G, forwardRef as be, useRef as A, useCallback as O, useState as _, useEffect as ge } from "react";
+import { c as he } from "./index-D2ZczOXr.js";
+import { useTranslation as Ne } from "react-i18next";
+import { u as ye } from "./use-controllable-state-BiY4xTzM.js";
 import { u as we } from "./form-field-context-B3APVHKx.js";
 import { c as Ie } from "./compose-refs-C0k0tdqF.js";
 import { u as De } from "./registry-C9nwlNyL.js";
 import { C as xe } from "./chevron-down-BX_NP2Yh.js";
 import { C as Fe } from "./chevron-up-zOEDrmBB.js";
-const Se = {
+const Ce = {
   id: "number-input",
   capabilities: ["edit_inline"],
   state: {
@@ -64,29 +65,29 @@ const Se = {
     }
   }
 };
-function Me(t) {
+function Se(t) {
   let r = "";
-  for (const u of t) {
-    const n = u.codePointAt(0);
-    n !== void 0 && (n >= 1632 && n <= 1641 ? r += String.fromCodePoint(48 + (n - 1632)) : n >= 1776 && n <= 1785 ? r += String.fromCodePoint(48 + (n - 1776)) : r += u);
+  for (const d of t) {
+    const n = d.codePointAt(0);
+    n !== void 0 && (n >= 1632 && n <= 1641 ? r += String.fromCodePoint(48 + (n - 1632)) : n >= 1776 && n <= 1785 ? r += String.fromCodePoint(48 + (n - 1776)) : r += d);
   }
   return r;
 }
-function Ve(t, r, u) {
-  return J(() => {
-    var M, V;
-    const n = new Intl.NumberFormat(t).formatToParts(1234.5), d = ((M = n.find((a) => a.type === "decimal")) == null ? void 0 : M.value) ?? ".", S = ((V = n.find((a) => a.type === "group")) == null ? void 0 : V.value) ?? ",", p = r === "currency" ? new Intl.NumberFormat(t, {
+function Ve(t, r, d) {
+  return G(() => {
+    var S, V;
+    const n = new Intl.NumberFormat(t).formatToParts(1234.5), u = ((S = n.find((a) => a.type === "decimal")) == null ? void 0 : S.value) ?? ".", C = ((V = n.find((a) => a.type === "group")) == null ? void 0 : V.value) ?? ",", p = r === "currency" ? new Intl.NumberFormat(t, {
       style: "currency",
-      currency: u ?? "USD"
+      currency: d ?? "USD"
     }) : r === "percentage" ? new Intl.NumberFormat(t, {
       style: "percent",
       maximumFractionDigits: 4
     }) : r === "integer" ? new Intl.NumberFormat(t, { maximumFractionDigits: 0 }) : new Intl.NumberFormat(t, { maximumFractionDigits: 10 }), T = (a) => Number.isFinite(a) ? p.format(a) : "", z = (a) => {
       if (!a) return NaN;
-      const C = Me(a), g = C.trim(), I = g.startsWith("-") || g.startsWith("−");
+      const M = Se(a), g = M.trim(), I = g.startsWith("-") || g.startsWith("−");
       let c = "";
-      for (const h of C)
-        h >= "0" && h <= "9" ? c += h : h === d && (c += ".");
+      for (const h of M)
+        h >= "0" && h <= "9" ? c += h : h === u && (c += ".");
       if (!c || c === ".") return NaN;
       let m = Number(c);
       return Number.isFinite(m) ? (I && (m = -m), r === "percentage" && (m = m / 100), m) : NaN;
@@ -98,7 +99,7 @@ function Ve(t, r, u) {
       try {
         const { maximumFractionDigits: a } = new Intl.NumberFormat(t, {
           style: "currency",
-          currency: u ?? "USD"
+          currency: d ?? "USD"
         }).resolvedOptions();
         b = a === 0 ? "numeric" : "decimal";
       } catch {
@@ -107,13 +108,13 @@ function Ve(t, r, u) {
     return {
       format: T,
       parse: z,
-      decimalSeparator: d,
-      groupingSeparator: S,
+      decimalSeparator: u,
+      groupingSeparator: C,
       inputMode: b
     };
-  }, [t, r, u]);
+  }, [t, r, d]);
 }
-const Ce = Ne(
+const Me = he(
   [
     "ds:flex ds:items-center ds:w-full ds:rounded-[var(--radius-sm)]",
     "ds:border ds:bg-input ds:text-foreground",
@@ -137,7 +138,7 @@ const Ce = Ne(
     },
     defaultVariants: { size: "md", tone: "default" }
   }
-), G = [
+), $ = [
   "ds:inline-flex ds:items-center ds:justify-center",
   "ds:h-full ds:shrink-0",
   "ds:text-muted-foreground ds:hover:text-foreground",
@@ -146,100 +147,102 @@ const Ce = Ne(
 ].join(" "), ke = () => typeof navigator < "u" && navigator.language ? navigator.language : "en-US";
 function Te(t) {
   if (!Number.isFinite(t)) return 0;
-  const r = String(t), u = r.indexOf(".");
-  return u === -1 ? 0 : r.length - u - 1;
+  const r = String(t), d = r.indexOf(".");
+  return d === -1 ? 0 : r.length - d - 1;
 }
 function ze(t, r) {
   if (r <= 0 || !Number.isFinite(r)) return t;
   const n = 10 ** Te(r);
   return Math.round(t * n) / n;
 }
-const Pe = ge(
+const Pe = be(
   ({
     value: t,
     defaultValue: r,
-    onChange: u,
+    onChange: d,
     min: n,
-    max: d,
-    step: S = 1,
+    max: u,
+    step: C = 1,
     mode: p = "integer",
     currency: T,
     locale: z,
     size: b = "md",
-    tone: M,
+    tone: S,
     className: V,
     id: a,
-    disabled: C,
+    disabled: M,
     onFocus: g,
     onBlur: I,
     onKeyDown: c,
     ...m
   }, h) => {
-    const { t: U } = ye(), D = we(), Q = a ?? D.id, k = !!(D.disabled || C), X = z ?? ke(), P = Ve(X, p, T), {
-      decimalSeparator: B,
+    const { t: E } = Ne(), D = we(), J = a ?? D.id, k = !!(D.disabled || M), Q = z ?? ke(), P = Ve(Q, p, T), {
+      decimalSeparator: U,
       format: R,
-      parse: K
-    } = P, L = A(null), Y = Ie(h, L), H = t !== void 0, [Z, ee] = E(
-      r ?? null
-    ), s = H ? t ?? null : Z, W = A(s);
-    W.current = s;
-    const x = $(
+      parse: B
+    } = P, K = A(null), X = Ie(h, K), [Y, Z] = ye({
+      value: t,
+      defaultValue: r ?? null,
+      onChange: d
+    }), s = Y ?? null, L = A(s);
+    L.current = s;
+    const x = O(
       (e) => {
         const i = p === "percentage" ? e * 100 : e;
-        return (Number.isInteger(i) ? String(i) : i.toString()).replace(".", B);
+        return (Number.isInteger(i) ? String(i) : i.toString()).replace(".", U);
       },
-      [p, B]
-    ), f = $(
+      [p, U]
+    ), f = O(
       (e) => e == null || Number.isNaN(e) ? "" : R(e),
       [R]
-    ), [j, l] = E(
+    ), [j, l] = _(
       () => f(s)
-    ), N = A(!1), [te, y] = E(!1);
-    he(() => {
+    ), N = A(!1), [ee, y] = _(!1);
+    ge(() => {
       N.current || l(f(s));
     }, [s, f]);
-    const ne = te || s !== null && (n !== void 0 && s < n || d !== void 0 && s > d), q = D.invalid || ne, re = q ? "error" : M ?? "default", v = (e) => {
-      H || ee(e), u == null || u(e);
+    const te = ee || s !== null && (n !== void 0 && s < n || u !== void 0 && s > u), H = D.invalid || te, ne = H ? "error" : S ?? "default", v = (e) => {
+      Z(e);
     }, w = (e) => {
-      let o = (s ?? 0) + S * e;
-      n !== void 0 && (o = Math.max(n, o)), d !== void 0 && (o = Math.min(d, o)), o = ze(o, S), v(o), y(!1), l(
+      let o = (s ?? 0) + C * e;
+      n !== void 0 && (o = Math.max(n, o)), u !== void 0 && (o = Math.min(u, o)), o = ze(o, C), v(o), y(!1), l(
         N.current ? x(o) : f(o)
       );
-    }, O = (e) => {
+    }, W = (e) => {
       v(e), y(!1), l(
         N.current ? x(e) : f(e)
       );
-    }, se = (e) => {
+    }, re = (e) => {
       if (c == null || c(e), e.defaultPrevented || k) return;
       const { key: i, shiftKey: o } = e;
-      i === "ArrowUp" ? (e.preventDefault(), w(o ? 10 : 1)) : i === "ArrowDown" ? (e.preventDefault(), w(o ? -10 : -1)) : i === "PageUp" ? (e.preventDefault(), w(100)) : i === "PageDown" ? (e.preventDefault(), w(-100)) : i === "Home" && n !== void 0 ? (e.preventDefault(), O(n)) : i === "End" && d !== void 0 && (e.preventDefault(), O(d));
-    }, ie = (e) => {
+      i === "ArrowUp" ? (e.preventDefault(), w(o ? 10 : 1)) : i === "ArrowDown" ? (e.preventDefault(), w(o ? -10 : -1)) : i === "PageUp" ? (e.preventDefault(), w(100)) : i === "PageDown" ? (e.preventDefault(), w(-100)) : i === "Home" && n !== void 0 ? (e.preventDefault(), W(n)) : i === "End" && u !== void 0 && (e.preventDefault(), W(u));
+    }, se = (e) => {
       const i = e.target.value;
       if (l(i), i.trim() === "") {
         v(null), y(!1);
         return;
       }
-      const o = K(i);
+      const o = B(i);
       Number.isNaN(o) || v(o);
-    }, oe = (e) => {
+    }, ie = (e) => {
       g == null || g(e), N.current = !0, s != null && l(x(s));
-    }, ae = (e) => {
+    }, oe = (e) => {
       if (I == null || I(e), N.current = !1, j.trim() === "") {
         v(null), y(!1), l("");
         return;
       }
-      const i = K(j);
+      const i = B(j);
       if (Number.isNaN(i)) {
         l(f(s));
         return;
       }
-      const o = n !== void 0 && i < n || d !== void 0 && i > d;
+      const o = n !== void 0 && i < n || u !== void 0 && i > u;
       y(o), v(i), l(f(i));
-    }, _ = (e) => {
+    }, q = (e) => {
       e.preventDefault();
-    }, ue = () => w(1), de = () => w(-1), le = J(
+    }, ae = () => w(1), ue = () => w(-1), de = G(
       () => ({
-        getValue: () => W.current,
+        getValue: () => L.current,
         setValue: (e) => {
           v(e), l(
             e === null ? "" : N.current ? x(e) : f(e)
@@ -250,7 +253,7 @@ const Pe = ge(
         },
         focus: () => {
           var e;
-          return (e = L.current) == null ? void 0 : e.focus();
+          return (e = K.current) == null ? void 0 : e.focus();
         }
       }),
       // The handle is reconstructed per render; consumers (the agent runtime)
@@ -258,14 +261,14 @@ const Pe = ge(
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [x, f]
     );
-    De(Se, le, a);
-    const ce = k || n !== void 0 && s !== null && s <= n, fe = k || d !== void 0 && s !== null && s >= d, pe = s ?? void 0, me = (p === "currency" || p === "percentage") && s !== null && s !== null ? R(s) : void 0, ve = P.inputMode === "numeric" ? "[0-9]*" : void 0;
-    return /* @__PURE__ */ be(
+    De(Ce, de, a);
+    const le = k || n !== void 0 && s !== null && s <= n, ce = k || u !== void 0 && s !== null && s >= u, fe = s ?? void 0, pe = (p === "currency" || p === "percentage") && s !== null && s !== null ? R(s) : void 0, me = P.inputMode === "numeric" ? "[0-9]*" : void 0;
+    return /* @__PURE__ */ ve(
       "div",
       {
-        className: Ce({
+        className: Me({
           size: b,
-          tone: re,
+          tone: ne,
           className: V
         }),
         "data-component": "number-input",
@@ -277,37 +280,37 @@ const Pe = ge(
             {
               type: "button",
               tabIndex: -1,
-              "aria-label": U("inputs.number.decrement", "Decrement"),
-              onClick: de,
-              onMouseDown: _,
-              disabled: ce,
-              className: `${G} ds:ps-2 ds:pe-1`,
+              "aria-label": E("inputs.number.decrement", "Decrement"),
+              onClick: ue,
+              onMouseDown: q,
+              disabled: le,
+              className: `${$} ds:ps-2 ds:pe-1`,
               children: /* @__PURE__ */ F(xe, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ),
           /* @__PURE__ */ F(
             "input",
             {
-              ref: Y,
-              id: Q,
+              ref: X,
+              id: J,
               type: "text",
               role: "spinbutton",
               inputMode: P.inputMode,
-              pattern: ve,
+              pattern: me,
               autoComplete: "off",
               value: j,
               disabled: k,
               "aria-valuemin": n,
-              "aria-valuemax": d,
-              "aria-valuenow": pe,
-              "aria-valuetext": me,
-              "aria-invalid": q || void 0,
+              "aria-valuemax": u,
+              "aria-valuenow": fe,
+              "aria-valuetext": pe,
+              "aria-invalid": H || void 0,
               "aria-required": D.required || void 0,
               "aria-describedby": D.describedBy || void 0,
-              onChange: ie,
-              onFocus: oe,
-              onBlur: ae,
-              onKeyDown: se,
+              onChange: se,
+              onFocus: ie,
+              onBlur: oe,
+              onKeyDown: re,
               className: "ds:flex-1 ds:w-full ds:min-w-0 ds:bg-transparent ds:outline-none ds:ps-2 ds:pe-2 ds:text-start ds:tabular-nums ds:disabled:cursor-not-allowed",
               ...m
             }
@@ -317,11 +320,11 @@ const Pe = ge(
             {
               type: "button",
               tabIndex: -1,
-              "aria-label": U("inputs.number.increment", "Increment"),
-              onClick: ue,
-              onMouseDown: _,
-              disabled: fe,
-              className: `${G} ds:ps-1 ds:pe-2`,
+              "aria-label": E("inputs.number.increment", "Increment"),
+              onClick: ae,
+              onMouseDown: q,
+              disabled: ce,
+              className: `${$} ds:ps-1 ds:pe-2`,
               children: /* @__PURE__ */ F(Fe, { "aria-hidden": "true", className: "ds:size-4" })
             }
           )
@@ -335,4 +338,4 @@ export {
   Pe as N,
   Ve as u
 };
-//# sourceMappingURL=number-input-DH00o0DN.js.map
+//# sourceMappingURL=number-input-BZXu6bPY.js.map

package/dist/_chunks/{otp-input-BBXYvLx5.js → otp-input-BDF_iNpa.js}

@@ -1,7 +1,8 @@
-import { jsxs as ee, jsx as M } from "react/jsx-runtime";
-import { forwardRef as te, useId as se, useState as L, useRef as R, useEffect as re, useCallback as N, useMemo as oe } from "react";
-import { c as O } from "./index-D2ZczOXr.js";
+import { jsxs as Z, jsx as A } from "react/jsx-runtime";
+import { forwardRef as x, useId as ee, useRef as R, useState as te, useEffect as re, useCallback as L, useMemo as se } from "react";
+import { c as N } from "./index-D2ZczOXr.js";
 import { useTranslation as ae } from "react-i18next";
+import { u as oe } from "./use-controllable-state-BiY4xTzM.js";
 import { u as ie } from "./form-field-context-B3APVHKx.js";
 import { u as ne } from "./registry-C9nwlNyL.js";
 const ce = {
@@ -27,8 +28,8 @@ const ce = {
       argsType: "{ value: string }",
       descriptionKey: "ui.agent.otpInput.actions.setValue",
       description: "Replace the entered digits.",
-      invoke: (e, o) => {
-        e.setValue(o.value);
+      invoke: (e, a) => {
+        e.setValue(a.value);
       }
     },
     clear: {
@@ -60,7 +61,7 @@ const ce = {
       description: "Sourced from the id prop."
     }
   }
-}, ue = O("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), le = O(
+}, ue = N("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), le = N(
   [
     "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -81,94 +82,92 @@ const ce = {
     defaultVariants: { tone: "default" }
   }
 );
-function F(e) {
-  return e.replace(/[\u0660-\u0669]/g, (o) => String(o.charCodeAt(0) - 1632)).replace(/[\u06F0-\u06F9]/g, (o) => String(o.charCodeAt(0) - 1776));
+function M(e) {
+  return e.replace(/[\u0660-\u0669]/g, (a) => String(a.charCodeAt(0) - 1632)).replace(/[\u06F0-\u06F9]/g, (a) => String(a.charCodeAt(0) - 1776));
 }
-function g(e, o) {
-  return F(e).replace(/\D/g, "").slice(0, o);
+function g(e, a) {
+  return M(e).replace(/\D/g, "").slice(0, a);
 }
-function de(e, o) {
-  const m = g(e, o), l = new Array(o).fill("");
+function de(e, a) {
+  const m = g(e, a), l = new Array(a).fill("");
   for (let n = 0; n < m.length; n += 1)
     l[n] = m[n];
   return l;
 }
-const pe = te(
+const pe = x(
   ({
     length: e = 6,
-    value: o,
+    value: a,
     defaultValue: m,
     onChange: l,
     onComplete: n,
     disabled: S,
-    error: $,
+    error: O,
     label: y,
-    id: K,
-    className: j
-  }, z) => {
-    const { t: H } = ae(), v = ie(), _ = se(), P = y ? _ : void 0, w = o !== void 0, [q, W] = L(
-      () => g(m ?? "", e)
-    ), p = g(
-      w ? o : q,
-      e
-    ), G = de(p, e), I = v.disabled || !!S, B = v.invalid || !!$, J = B ? "error" : "default", C = R([]), h = R(p.length === e), d = R(p);
+    id: F,
+    className: $
+  }, j) => {
+    const { t: z } = ae(), v = ie(), H = ee(), K = y ? H : void 0, [_, P] = oe({
+      value: a,
+      defaultValue: g(m ?? "", e)
+    }), p = g(_ ?? "", e), q = de(p, e), w = v.disabled || !!S, B = v.invalid || !!O, W = B ? "error" : "default", C = R([]), I = R(p.length === e), d = R(p);
     d.current = p;
-    const Q = () => {
-      const s = p.length;
-      return s >= e ? e - 1 : s;
-    }, [f, k] = L(Q);
+    const G = () => {
+      const r = p.length;
+      return r >= e ? e - 1 : r;
+    }, [f, h] = te(G);
     re(() => {
-      f >= e && k(e - 1);
+      f >= e && h(e - 1);
     }, [f, e]);
-    const c = N(
-      (s) => {
-        const t = Math.max(0, Math.min(e - 1, s));
-        k(t);
-        const r = C.current[t];
-        r && (r.focus(), r.select());
+    const c = L(
+      (r) => {
+        const t = Math.max(0, Math.min(e - 1, r));
+        h(t);
+        const s = C.current[t];
+        s && (s.focus(), s.select());
       },
       [e]
-    ), u = N(
-      (s) => {
-        const t = g(s, e);
-        w || W(t), d.current = t, l == null || l(t), t.length === e ? h.current || (h.current = !0, n == null || n(t)) : h.current = !1;
+    ), u = L(
+      (r) => {
+        const t = g(r, e);
+        P(t), d.current = t, l == null || l(t), t.length === e ? I.current || (I.current = !0, n == null || n(t)) : I.current = !1;
       },
-      [w, e, l, n]
-    ), U = (s) => (t) => {
-      const r = t.target.value, a = F(r).replace(/\D/g, ""), i = d.current;
-      if (a.length === 0) {
-        if (r === "" && s < i.length) {
-          const A = i.slice(0, s) + i.slice(s + 1);
-          u(A);
+      [P, e, l, n]
+    ), J = (r) => (t) => {
+      const s = t.target.value, o = M(s).replace(/\D/g, ""), i = d.current;
+      if (o.length === 0) {
+        if (s === "" && r < i.length) {
+          const T = i.slice(0, r) + i.slice(r + 1);
+          u(T);
         }
         return;
       }
-      const b = i.slice(0, s), V = i.slice(s + a.length), D = (b + a + V).slice(0, e);
-      u(D);
-      const T = Math.min(s + a.length, e - 1);
-      c(T);
-    }, X = (s) => (t) => {
-      const r = d.current;
+      const b = i.slice(0, r), k = i.slice(r + o.length), V = (b + o + k).slice(0, e);
+      u(V);
+      const D = Math.min(r + o.length, e - 1);
+      c(D);
+    }, Q = (r) => (t) => {
+      const s = d.current;
       if (t.key === "Backspace") {
-        if (r[s]) {
+        if (s[r]) {
           t.preventDefault();
-          const a = r.slice(0, s) + r.slice(s + 1);
-          u(a);
+          const o = s.slice(0, r) + s.slice(r + 1);
+          u(o);
           return;
         }
-        if (s > 0) {
+        if (r > 0) {
           t.preventDefault();
-          const a = r.slice(0, s - 1) + r.slice(s);
-          u(a), c(s - 1);
+          const o = s.slice(0, r - 1) + s.slice(r);
+          u(o), c(r - 1);
         }
         return;
       }
       if (t.key === "ArrowLeft") {
-        t.preventDefault(), s > 0 && c(s - 1);
+        t.preventDefault(), r > 0 && c(r - 1);
         return;
       }
       if (t.key === "ArrowRight") {
-        t.preventDefault(), s < e - 1 && c(s + 1);
+        t.preventDefault(), r < e - 1 && c(r + 1);
         return;
       }
       if (t.key === "Home") {
@@ -176,56 +175,56 @@ const pe = te(
         return;
       }
       t.key === "End" && (t.preventDefault(), c(e - 1));
-    }, Y = (s) => (t) => {
-      const a = t.clipboardData.getData("text").replace(/\s+/g, ""), i = F(a);
+    }, U = (r) => (t) => {
+      const o = t.clipboardData.getData("text").replace(/\s+/g, ""), i = M(o);
       if (!/^[0-9]+$/.test(i)) return;
       t.preventDefault();
-      const b = d.current, V = b.slice(0, s), D = b.slice(s + i.length), T = (V + i + D).slice(0, e);
-      u(T);
-      const A = Math.min(s + i.length, e - 1);
-      c(A);
-    }, Z = (s) => (t) => {
-      k(s), t.currentTarget.select();
-    }, E = v.id, x = oe(
+      const b = d.current, k = b.slice(0, r), V = b.slice(r + i.length), D = (k + i + V).slice(0, e);
+      u(D);
+      const T = Math.min(r + i.length, e - 1);
+      c(T);
+    }, X = (r) => (t) => {
+      h(r), t.currentTarget.select();
+    }, E = v.id, Y = se(
       () => ({
         getValue: () => d.current,
-        setValue: (s) => u(s),
+        setValue: (r) => u(r),
         clear: () => u(""),
         focus: () => c(f),
         isComplete: () => d.current.length === e
       }),
       [u, c, f, e]
     );
-    return ne(ce, x, K), /* @__PURE__ */ ee("div", { className: ue({ className: j }), children: [
-      y ? /* @__PURE__ */ M(
+    return ne(ce, Y, F), /* @__PURE__ */ Z("div", { className: ue({ className: $ }), children: [
+      y ? /* @__PURE__ */ A(
         "label",
         {
-          id: P,
+          id: K,
           htmlFor: `${E}-0`,
           className: "type-label ds:text-foreground",
           children: y
         }
       ) : null,
-      /* @__PURE__ */ M(
+      /* @__PURE__ */ A(
         "div",
         {
-          ref: z,
+          ref: j,
           role: "group",
           dir: "ltr",
-          "aria-labelledby": P,
+          "aria-labelledby": K,
           "aria-invalid": B || void 0,
           "aria-describedby": v.describedBy || void 0,
-          "aria-disabled": I || void 0,
+          "aria-disabled": w || void 0,
           "data-component": "otp-input",
-          "data-component-id": K,
+          "data-component-id": F,
           className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
-          children: G.map((s, t) => {
-            const r = !I && t === f;
-            return /* @__PURE__ */ M(
+          children: q.map((r, t) => {
+            const s = !w && t === f;
+            return /* @__PURE__ */ A(
               "input",
               {
-                ref: (a) => {
-                  C.current[t] = a;
+                ref: (o) => {
+                  C.current[t] = o;
                 },
                 id: `${E}-${t}`,
                 type: "text",
@@ -233,18 +232,18 @@ const pe = te(
                 pattern: "[0-9]*",
                 autoComplete: t === 0 ? "one-time-code" : "off",
                 maxLength: 1,
-                value: s,
-                disabled: I,
-                tabIndex: r ? 0 : -1,
-                "aria-label": H("inputs.otp.digitLabel", {
+                value: r,
+                disabled: w,
+                tabIndex: s ? 0 : -1,
+                "aria-label": z("inputs.otp.digitLabel", {
                   current: t + 1,
                   total: e
                 }),
-                onChange: U(t),
-                onKeyDown: X(t),
-                onPaste: Y(t),
-                onFocus: Z(t),
-                className: le({ tone: J })
+                onChange: J(t),
+                onKeyDown: Q(t),
+                onPaste: U(t),
+                onFocus: X(t),
+                className: le({ tone: W })
               },
               t
             );
@@ -258,4 +257,4 @@ pe.displayName = "OTPInput";
 export {
   pe as O
 };
-//# sourceMappingURL=otp-input-BBXYvLx5.js.map
+//# sourceMappingURL=otp-input-BDF_iNpa.js.map