@alfadocs/ui-kit 1.52.0 → 1.54.0

package/dist/_chunks/{number-input-BLrx3utH.js → number-input-DRDRYZJg.js}

@@ -3,12 +3,12 @@ import { useMemo as te, forwardRef as ke, useId as ze, useRef as q, useCallback
 import { c as W } from "./index-D2ZczOXr.js";
 import { useTranslation as Ue } from "react-i18next";
 import { u as Te } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Pe } from "./form-field-context-B3APVHKx.js";
-import { c as Be } from "./compose-refs-C0k0tdqF.js";
-import { u as Re } from "./registry-DvAUVLHh.js";
-import { C as Ae } from "./chevron-down-DWE7GSq9.js";
-import { C as je } from "./chevron-up-umRGgtJA.js";
-const Ee = {
+import { u as Pe, a as Be } from "./form-field-context-DtiROUJV.js";
+import { c as Re } from "./compose-refs-C0k0tdqF.js";
+import { u as Ae } from "./registry-DvAUVLHh.js";
+import { C as je } from "./chevron-down-DWE7GSq9.js";
+import { C as Ee } from "./chevron-up-umRGgtJA.js";
+const Le = {
   id: "number-input",
   capabilities: ["set_value"],
   state: {
@@ -74,7 +74,7 @@ const Ee = {
     }
   }
 };
-function Le(n) {
+function Ke(n) {
   let s = "";
   for (const l of n) {
     const r = l.codePointAt(0);
@@ -82,7 +82,7 @@ function Le(n) {
   }
   return s;
 }
-function Ke(n, s, l) {
+function qe(n, s, l) {
   return te(() => {
     var k, m;
     const r = new Intl.NumberFormat(n).formatToParts(1234.5), u = ((k = r.find((o) => o.type === "decimal")) == null ? void 0 : k.value) ?? ".", S = ((m = r.find((o) => o.type === "group")) == null ? void 0 : m.value) ?? ",", p = s === "currency" ? new Intl.NumberFormat(n, {
@@ -93,7 +93,7 @@ function Ke(n, s, l) {
       maximumFractionDigits: 4
     }) : s === "integer" ? new Intl.NumberFormat(n, { maximumFractionDigits: 0 }) : new Intl.NumberFormat(n, { maximumFractionDigits: 10 }), P = (o) => Number.isFinite(o) ? p.format(o) : "", B = (o) => {
       if (!o) return NaN;
-      const y = Le(o), z = y.trim(), D = z.startsWith("-") || z.startsWith("−");
+      const y = Ke(o), z = y.trim(), D = z.startsWith("-") || z.startsWith("−");
       let g = "";
       for (const v of y)
         v >= "0" && v <= "9" ? g += v : v === u && (g += ".");
@@ -123,7 +123,7 @@ function Ke(n, s, l) {
     };
   }, [n, s, l]);
 }
-const qe = W(
+const He = W(
   [
     "ds:flex ds:items-center ds:rounded-[var(--radius-sm)]",
     "ds:border ds:bg-input ds:text-foreground",
@@ -155,7 +155,7 @@ const qe = W(
     },
     defaultVariants: { size: "md", tone: "default", inline: "full" }
   }
-), He = W(
+), We = W(
   "ds:min-w-0 ds:bg-transparent ds:outline-none ds:tabular-nums ds:disabled:cursor-not-allowed",
   {
     variants: {
@@ -185,7 +185,7 @@ const qe = W(
     ],
     defaultVariants: { variant: "stepper", hasUnit: !1, inline: "full" }
   }
-), We = W(
+), Oe = W(
   "ds:shrink-0 ds:select-none ds:whitespace-nowrap ds:text-muted-foreground",
   {
     variants: {
@@ -199,18 +199,18 @@ const qe = W(
   "ds:text-muted-foreground ds:hover:text-foreground",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
   "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
-].join(" "), Oe = () => typeof navigator < "u" && navigator.language ? navigator.language : "en-US", _e = (n) => typeof n == "string" && n.trim() !== "" ? n : void 0;
-function $e(n) {
+].join(" "), _e = () => typeof navigator < "u" && navigator.language ? navigator.language : "en-US", $e = (n) => typeof n == "string" && n.trim() !== "" ? n : void 0;
+function Ge(n) {
   if (!Number.isFinite(n)) return 0;
   const s = String(n), l = s.indexOf(".");
   return l === -1 ? 0 : s.length - l - 1;
 }
-function Ge(n, s) {
+function Je(n, s) {
   if (s <= 0 || !Number.isFinite(s)) return n;
-  const r = 10 ** $e(s);
+  const r = 10 ** Ge(s);
   return Math.round(n * r) / r;
 }
-const Je = ke(
+const Qe = ke(
   ({
     value: n,
     defaultValue: s,
@@ -234,12 +234,12 @@ const Je = ke(
     onKeyDown: R,
     ...ne
   }, re) => {
-    const { t: O, i18n: se } = Ue("ui"), V = Pe(), ie = D ?? V.id, M = !!(V.disabled || g), _ = ze(), ae = [V.describedBy, o ? _ : void 0].filter(Boolean).join(" ") || void 0, oe = B ?? _e(se.language) ?? Oe(), A = Ke(oe, p, P), {
+    const { t: O, i18n: se } = Ue("ui"), F = Pe(), ie = Be(F, D), M = !!(F.disabled || g), _ = ze(), ae = [F.describedBy, o ? _ : void 0].filter(Boolean).join(" ") || void 0, oe = B ?? $e(se.language) ?? _e(), A = qe(oe, p, P), {
       decimalSeparator: U,
       groupingSeparator: $,
       format: j,
       parse: G
-    } = A, J = q(null), ue = Be(re, J), [le, de] = Te({
+    } = A, J = q(null), ue = Re(re, J), [le, de] = Te({
       value: n,
       defaultValue: s ?? null,
       onChange: l
@@ -256,7 +256,7 @@ const Je = ke(
       [j]
     ), [E, c] = H(
       () => b(a)
-    ), w = q(!1), [ce, h] = H(!1), [L, F] = H(!1), K = T(
+    ), w = q(!1), [ce, h] = H(!1), [L, V] = H(!1), K = T(
       (e) => {
         if (e >= "0" && e <= "9") return !0;
         const t = e.codePointAt(0) ?? 0;
@@ -275,11 +275,11 @@ const Je = ke(
     Me(() => {
       !w.current && !L && c(b(a));
     }, [a, b, L]);
-    const pe = ce || L || a !== null && (r !== void 0 && a < r || u !== void 0 && a > u), X = V.invalid || pe, me = X ? "error" : k ?? "default", f = (e) => {
+    const pe = ce || L || a !== null && (r !== void 0 && a < r || u !== void 0 && a > u), X = F.invalid || pe, me = X ? "error" : k ?? "default", f = (e) => {
       de(e);
     }, I = (e) => {
       let i = (a ?? 0) + S * e;
-      r !== void 0 && (i = Math.max(r, i)), u !== void 0 && (i = Math.min(u, i)), i = Ge(i, S), f(i), h(!1), c(
+      r !== void 0 && (i = Math.max(r, i)), u !== void 0 && (i = Math.min(u, i)), i = Je(i, S), f(i), h(!1), c(
         w.current ? C(i) : b(i)
       );
     }, Y = (e) => {
@@ -293,11 +293,11 @@ const Je = ke(
     }, be = (e) => {
       const t = fe(e.target.value);
       if (c(t), t.trim() === "") {
-        f(null), h(!1), F(!1);
+        f(null), h(!1), V(!1);
         return;
       }
       const i = G(t);
-      Number.isNaN(i) || (f(i), F(!1));
+      Number.isNaN(i) || (f(i), V(!1));
     }, ge = (e) => {
       const { data: t } = e.nativeEvent;
       typeof t != "string" || t.length !== 1 || K(t) || e.preventDefault();
@@ -305,16 +305,16 @@ const Je = ke(
       d == null || d(e), w.current = !0, a != null && c(C(a));
     }, Ne = (e) => {
       if (v == null || v(e), w.current = !1, E.trim() === "") {
-        f(null), h(!1), F(!1), c("");
+        f(null), h(!1), V(!1), c("");
         return;
       }
       const t = G(E);
       if (Number.isNaN(t)) {
-        F(!0), h(!1), f(null);
+        V(!0), h(!1), f(null);
         return;
       }
       const i = r !== void 0 && t < r || u !== void 0 && t > u;
-      h(i), F(!1), f(t), c(b(t));
+      h(i), V(!1), f(t), c(b(t));
     }, Z = (e) => {
       e.preventDefault();
     }, ye = () => I(1), we = () => I(-1), Ie = te(
@@ -338,12 +338,12 @@ const Je = ke(
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [C, b]
     );
-    Re(Ee, Ie, D);
-    const xe = M || r !== void 0 && a !== null && a <= r, De = M || u !== void 0 && a !== null && a >= u, Ve = a ?? void 0, Ce = (p === "currency" || p === "percentage") && a !== null && a !== null ? j(a) : void 0, Fe = A.inputMode === "numeric" ? "[0-9]*" : void 0;
+    Ae(Le, Ie, D);
+    const xe = M || r !== void 0 && a !== null && a <= r, De = M || u !== void 0 && a !== null && a >= u, Fe = a ?? void 0, Ce = (p === "currency" || p === "percentage") && a !== null && a !== null ? j(a) : void 0, Ve = A.inputMode === "numeric" ? "[0-9]*" : void 0;
     return /* @__PURE__ */ Se(
       "div",
       {
-        className: qe({
+        className: He({
           size: N,
           tone: me,
           inline: y,
@@ -365,7 +365,7 @@ const Je = ke(
               onMouseDown: Z,
               disabled: xe,
               className: `${ee} ds:ps-2 ds:pe-1`,
-              children: /* @__PURE__ */ x(Ae, { "aria-hidden": "true", className: "ds:size-4" })
+              children: /* @__PURE__ */ x(je, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null,
           /* @__PURE__ */ x(
@@ -376,27 +376,27 @@ const Je = ke(
               type: "text",
               role: "spinbutton",
               inputMode: A.inputMode,
-              pattern: Fe,
+              pattern: Ve,
               autoComplete: "off",
               value: E,
               disabled: M,
               "aria-valuemin": r,
               "aria-valuemax": u,
-              "aria-valuenow": Ve,
+              "aria-valuenow": Fe,
               "aria-valuetext": Ce,
               "aria-invalid": X || void 0,
-              "aria-required": V.required || void 0,
+              "aria-required": F.required || void 0,
               "aria-describedby": ae,
               onBeforeInput: ge,
               onChange: be,
               onFocus: he,
               onBlur: Ne,
               onKeyDown: ve,
-              className: He({ variant: m, hasUnit: !!o, inline: y }),
+              className: We({ variant: m, hasUnit: !!o, inline: y }),
               ...ne
             }
           ),
-          o ? /* @__PURE__ */ x("span", { id: _, className: We({ variant: m }), children: o }) : null,
+          o ? /* @__PURE__ */ x("span", { id: _, className: Oe({ variant: m }), children: o }) : null,
           m === "stepper" ? /* @__PURE__ */ x(
             "button",
             {
@@ -407,7 +407,7 @@ const Je = ke(
               onMouseDown: Z,
               disabled: De,
               className: `${ee} ds:ps-1 ds:pe-2`,
-              children: /* @__PURE__ */ x(je, { "aria-hidden": "true", className: "ds:size-4" })
+              children: /* @__PURE__ */ x(Ee, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null
         ]
@@ -415,9 +415,9 @@ const Je = ke(
     );
   }
 );
-Je.displayName = "NumberInput";
+Qe.displayName = "NumberInput";
 export {
-  Je as N,
-  Ke as u
+  Qe as N,
+  qe as u
 };
-//# sourceMappingURL=number-input-BLrx3utH.js.map
+//# sourceMappingURL=number-input-DRDRYZJg.js.map

package/dist/_chunks/{optical-prescription-x--Rpmmx.js → optical-prescription-DBvebioV.js}

@@ -3,10 +3,10 @@ import { forwardRef as We, useId as je, useRef as ue, useState as Xe, useCallbac
 import { c as He } from "./index-D2ZczOXr.js";
 import { useTranslation as Fe } from "react-i18next";
 import { u as qe } from "./registry-DvAUVLHh.js";
-import { N as se } from "./number-input-BLrx3utH.js";
-import { S as he } from "./select-Br88h070.js";
-import { T as Ke } from "./text-area-Cjtw7mna.js";
-import { D as v } from "./description-list-9rchqp5q.js";
+import { N as se } from "./number-input-DRDRYZJg.js";
+import { S as he } from "./select-DHPmASkG.js";
+import { T as Ke } from "./text-area-CDuItrvL.js";
+import { D as v } from "./description-list-BKQMUiXv.js";
 const ye = {
   enum: ["od", "os"],
   description: "Eye — `od` (right eye) or `os` (left eye)."
@@ -1257,4 +1257,4 @@ export {
   yt as y,
   Re as z
 };
-//# sourceMappingURL=optical-prescription-x--Rpmmx.js.map
+//# sourceMappingURL=optical-prescription-DBvebioV.js.map

package/dist/_chunks/{otp-input-Dz8WMg4F.js → otp-input-BedEqmIV.js}

@@ -1,12 +1,12 @@
 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 B, useMemo as ie, useImperativeHandle as ce } from "react";
-import { c as j } from "./index-D2ZczOXr.js";
+import { c as $ } from "./index-D2ZczOXr.js";
 import { useTranslation as le } from "react-i18next";
 import { u as ue } from "./use-controllable-state-BiY4xTzM.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 = {
+import { u as de, a as fe } from "./form-field-context-DtiROUJV.js";
+import { u as ge } from "./registry-DvAUVLHh.js";
+const me = {
   id: "otp-input",
   // Value input — `set_value` replaces the digits. There is no `submit`
   // action: completion is host-driven (the consumer's `onComplete` fires
@@ -81,7 +81,7 @@ const ge = {
       description: "Sourced from the id prop."
     }
   }
-}, me = j("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), he = j(
+}, he = $("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), ve = $(
   [
     "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -105,21 +105,21 @@ const ge = {
 function z(a) {
   return a.replace(/[\u0660-\u0669]/g, (n) => String(n.charCodeAt(0) - 1632)).replace(/[\u06F0-\u06F9]/g, (n) => String(n.charCodeAt(0) - 1776));
 }
-const ve = 3, be = 10;
-function ye(a) {
+const be = 3, ye = 10;
+function we(a) {
   const n = Number.isFinite(a) ? Math.floor(a) : 6;
-  return Math.max(ve, Math.min(be, n));
+  return Math.max(be, Math.min(ye, n));
 }
 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) {
+function Ie(a, n, g) {
   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(
+const ke = ae(
   ({
     length: a = 6,
     value: n,
@@ -127,43 +127,43 @@ const Ie = ae(
     onChange: p,
     onComplete: d,
     disabled: m,
-    error: Z,
+    error: j,
     label: V,
-    id: F,
-    className: _,
-    webOtp: $ = !1,
-    name: E,
+    id: E,
+    className: Z,
+    webOtp: _ = !1,
+    name: K,
     mode: i = "numeric"
   }, U) => {
-    const { t: q } = le("ui"), r = ye(a), b = de(), x = se(), K = V ? x : void 0, [G, H] = ue({
+    const { t: q } = le("ui"), r = we(a), v = de(), x = se(), H = V ? x : void 0, [G, O] = ue({
       value: n,
       defaultValue: k(g ?? "", r, i)
-    }), 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);
+    }), h = k(G ?? "", r, i), W = Ie(h, r, i), y = v.disabled || !!m, P = v.invalid || !!j, X = P ? "error" : "default", S = R([]), D = R(h.length === r), f = R(h);
     f.current = h;
     const J = () => {
       const t = h.length;
       return t >= r ? r - 1 : t;
-    }, [v, A] = ne(J);
+    }, [b, A] = ne(J);
     oe(() => {
-      v >= r && A(r - 1);
-    }, [v, r]);
+      b >= r && A(r - 1);
+    }, [b, r]);
     const l = B(
       (t) => {
         const e = Math.max(0, Math.min(r - 1, t));
         A(e);
-        const s = P.current[e];
+        const s = S.current[e];
         s && (s.focus(), s.select());
       },
       [r]
     ), u = B(
       (t) => {
         const e = k(t, r, i);
-        H(e), f.current = e, p == null || p(e), e.length === r ? D.current || (D.current = !0, d == null || d(e)) : D.current = !1;
+        O(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, p, d]
+      [O, r, i, p, d]
     );
     pe({
-      enabled: $ && !y,
+      enabled: _ && !y,
       onCode: u
     });
     const Q = (t) => (e) => {
@@ -175,8 +175,8 @@ const Ie = ae(
         }
         return;
       }
-      const w = c.slice(0, t), M = c.slice(t + o.length), C = (w + o + M).slice(0, r);
-      u(C);
+      const w = c.slice(0, t), C = c.slice(t + o.length), F = (w + o + C).slice(0, r);
+      u(F);
       const L = Math.min(t + o.length, r - 1);
       l(L);
     }, Y = (t) => (e) => {
@@ -213,28 +213,30 @@ const Ie = ae(
       if (i === "alphanumeric" ? c.length === 0 : !/^[0-9]+$/.test(c))
         return;
       e.preventDefault();
-      const w = f.current, M = w.slice(0, t), C = w.slice(t + c.length), L = (M + c + C).slice(0, r);
+      const w = f.current, C = w.slice(0, t), F = w.slice(t + c.length), L = (C + c + F).slice(0, r);
       u(L);
       const N = Math.min(t + c.length, r - 1);
       l(N);
     }, te = (t) => (e) => {
       A(t), e.currentTarget.select();
-    }, S = b.id, T = ie(
+    }, T = v.id;
+    fe(v, `${T}-0`);
+    const M = ie(
       () => ({
         getValue: () => f.current,
         setValue: (t) => u(t),
         clear: () => u(""),
-        focus: () => l(v),
+        focus: () => l(b),
         isComplete: () => f.current.length === r
       }),
-      [u, l, v, r]
+      [u, l, b, r]
     );
-    return fe(ge, T, F), ce(U, () => T, [T]), /* @__PURE__ */ re("div", { className: me({ className: _ }), children: [
+    return ge(me, M, E), ce(U, () => M, [M]), /* @__PURE__ */ re("div", { className: he({ className: Z }), children: [
       V ? /* @__PURE__ */ I(
         "label",
         {
-          id: K,
-          htmlFor: `${S}-0`,
+          id: H,
+          htmlFor: `${T}-0`,
           className: "type-label ds:text-foreground",
           children: V
         }
@@ -244,22 +246,22 @@ const Ie = ae(
         {
           role: "group",
           dir: "ltr",
-          "aria-labelledby": K,
-          "aria-invalid": O || void 0,
-          "aria-describedby": b.describedBy || void 0,
+          "aria-labelledby": H,
+          "aria-invalid": P || void 0,
+          "aria-describedby": v.describedBy || void 0,
           "aria-disabled": y || void 0,
           "data-component": "otp-input",
-          "data-component-id": F,
+          "data-component-id": E,
           className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
           children: W.map((t, e) => {
-            const s = !y && e === v;
+            const s = !y && e === b;
             return /* @__PURE__ */ I(
               "input",
               {
                 ref: (o) => {
-                  P.current[e] = o;
+                  S.current[e] = o;
                 },
-                id: `${S}-${e}`,
+                id: `${T}-${e}`,
                 type: "text",
                 inputMode: i === "alphanumeric" ? "text" : "numeric",
                 pattern: i === "alphanumeric" ? "[A-Za-z0-9]*" : "[0-9]*",
@@ -280,19 +282,19 @@ const Ie = ae(
                 onKeyDown: Y(e),
                 onPaste: ee(e),
                 onFocus: te(e),
-                className: he({ tone: X })
+                className: ve({ tone: X })
               },
               e
             );
           })
         }
       ),
-      E ? /* @__PURE__ */ I("input", { type: "hidden", name: E, value: h, readOnly: !0 }) : null
+      K ? /* @__PURE__ */ I("input", { type: "hidden", name: K, value: h, readOnly: !0 }) : null
     ] });
   }
 );
-Ie.displayName = "OTPInput";
+ke.displayName = "OTPInput";
 export {
-  Ie as O
+  ke as O
 };
-//# sourceMappingURL=otp-input-Dz8WMg4F.js.map
+//# sourceMappingURL=otp-input-BedEqmIV.js.map

package/dist/_chunks/{panel-subview-DAY-ToM3.js → panel-subview-D8HGXaUa.js}

@@ -1,7 +1,7 @@
 import { jsxs as I, jsx as u, Fragment as D } from "react/jsx-runtime";
 import { forwardRef as C, useId as K, useRef as l, useCallback as U, useEffect as N } from "react";
 import { c as E } from "./index-D2ZczOXr.js";
-import { I as _ } from "./icon-button-JAXAkqWC.js";
+import { I as _ } from "./icon-button-mKIvw90h.js";
 import { P as G } from "./panel-header-D_mTdhUp.js";
 import { S as J } from "./scroll-area-BZOvUhwQ.js";
 import { u as R } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
@@ -214,4 +214,4 @@ const le = Object.assign(L, {
 export {
   le as P
 };
-//# sourceMappingURL=panel-subview-DAY-ToM3.js.map
+//# sourceMappingURL=panel-subview-D8HGXaUa.js.map