@alfadocs/ui-kit 0.11.0 → 0.13.0

package/dist/_chunks/{multi-select-Bh-xR8kP.js → multi-select-DooDzQIp.js}

@@ -8,7 +8,7 @@ import { u as Ke, F as Ue } from "./form-field-context-B3APVHKx.js";
 import { T as de } from "./tooltip-DHik5yRI.js";
 import { c as Qe } from "./compose-refs-C0k0tdqF.js";
 import { g as Ye } from "./group-options-BvKhQ3xb.js";
-import { b as Y, c as Ge } from "./input-surface-u4QB0lxe.js";
+import { b as Y, c as Ge } from "./input-surface-xyERuLU_.js";
 import { u as He } from "./registry-C9nwlNyL.js";
 import { X as Xe } from "./x-CCcI3eJp.js";
 import { C as Je } from "./check-DPdL_Sm7.js";
@@ -542,4 +542,4 @@ export {
   Ze as a,
   We as m
 };
-//# sourceMappingURL=multi-select-Bh-xR8kP.js.map
+//# sourceMappingURL=multi-select-DooDzQIp.js.map

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

@@ -1,12 +1,12 @@
-import { jsxs as be, jsx as x } from "react/jsx-runtime";
+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 { 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 Fe } from "./chevron-down-BX_NP2Yh.js";
-import { C as xe } from "./chevron-up-zOEDrmBB.js";
+import { C as xe } from "./chevron-down-BX_NP2Yh.js";
+import { C as Fe } from "./chevron-up-zOEDrmBB.js";
 const Se = {
   id: "number-input",
   capabilities: ["edit_inline"],
@@ -83,9 +83,9 @@ function Ve(t, r, u) {
       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 k = Me(a), g = k.trim(), I = g.startsWith("-") || g.startsWith("−");
+      const C = Me(a), g = C.trim(), I = g.startsWith("-") || g.startsWith("−");
       let c = "";
-      for (const h of k)
+      for (const h of C)
         h >= "0" && h <= "9" ? c += h : h === d && (c += ".");
       if (!c || c === ".") return NaN;
       let m = Number(c);
@@ -113,11 +113,12 @@ function Ve(t, r, u) {
     };
   }, [t, r, u]);
 }
-const ke = Ne(
+const Ce = Ne(
   [
     "ds:flex ds:items-center ds:w-full ds:rounded-[var(--radius-sm)]",
-    "ds:border ds:bg-background ds:text-foreground",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:border ds:bg-input ds:text-foreground",
+    "ds:shadow-[var(--shadow-input)]",
+    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
     "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
     "ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50"
@@ -142,7 +143,7 @@ const ke = Ne(
   "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(" "), Ce = () => typeof navigator < "u" && navigator.language ? navigator.language : "en-US";
+].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(".");
@@ -168,13 +169,13 @@ const Pe = ge(
     tone: M,
     className: V,
     id: a,
-    disabled: k,
+    disabled: C,
     onFocus: g,
     onBlur: I,
     onKeyDown: c,
     ...m
   }, h) => {
-    const { t: U } = ye(), D = we(), Q = a ?? D.id, C = !!(D.disabled || k), X = z ?? Ce(), P = Ve(X, p, T), {
+    const { t: U } = ye(), D = we(), Q = a ?? D.id, k = !!(D.disabled || C), X = z ?? ke(), P = Ve(X, p, T), {
       decimalSeparator: B,
       format: R,
       parse: K
@@ -182,7 +183,7 @@ const Pe = ge(
       r ?? null
     ), s = H ? t ?? null : Z, W = A(s);
     W.current = s;
-    const F = $(
+    const x = $(
       (e) => {
         const i = p === "percentage" ? e * 100 : e;
         return (Number.isInteger(i) ? String(i) : i.toString()).replace(".", B);
@@ -202,14 +203,14 @@ const Pe = ge(
     }, 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(
-        N.current ? F(o) : f(o)
+        N.current ? x(o) : f(o)
       );
     }, O = (e) => {
       v(e), y(!1), l(
-        N.current ? F(e) : f(e)
+        N.current ? x(e) : f(e)
       );
     }, se = (e) => {
-      if (c == null || c(e), e.defaultPrevented || C) return;
+      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) => {
@@ -221,7 +222,7 @@ const Pe = ge(
       const o = K(i);
       Number.isNaN(o) || v(o);
     }, oe = (e) => {
-      g == null || g(e), N.current = !0, s != null && l(F(s));
+      g == null || g(e), N.current = !0, s != null && l(x(s));
     }, ae = (e) => {
       if (I == null || I(e), N.current = !1, j.trim() === "") {
         v(null), y(!1), l("");
@@ -241,7 +242,7 @@ const Pe = ge(
         getValue: () => W.current,
         setValue: (e) => {
           v(e), l(
-            e === null ? "" : N.current ? F(e) : f(e)
+            e === null ? "" : N.current ? x(e) : f(e)
           );
         },
         clear: () => {
@@ -255,14 +256,14 @@ const Pe = ge(
       // The handle is reconstructed per render; consumers (the agent runtime)
       // re-register only when the identity changes, which is a cheap no-op.
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [F, f]
+      [x, f]
     );
     De(Se, le, a);
-    const ce = C || n !== void 0 && s !== null && s <= n, fe = C || 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;
+    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(
       "div",
       {
-        className: ke({
+        className: Ce({
           size: b,
           tone: re,
           className: V
@@ -271,7 +272,7 @@ const Pe = ge(
         "data-component-id": a,
         "data-mode": p,
         children: [
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ F(
             "button",
             {
               type: "button",
@@ -281,10 +282,10 @@ const Pe = ge(
               onMouseDown: _,
               disabled: ce,
               className: `${G} ds:ps-2 ds:pe-1`,
-              children: /* @__PURE__ */ x(Fe, { "aria-hidden": "true", className: "ds:size-4" })
+              children: /* @__PURE__ */ F(xe, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ F(
             "input",
             {
               ref: Y,
@@ -295,7 +296,7 @@ const Pe = ge(
               pattern: ve,
               autoComplete: "off",
               value: j,
-              disabled: C,
+              disabled: k,
               "aria-valuemin": n,
               "aria-valuemax": d,
               "aria-valuenow": pe,
@@ -311,7 +312,7 @@ const Pe = ge(
               ...m
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ F(
             "button",
             {
               type: "button",
@@ -321,7 +322,7 @@ const Pe = ge(
               onMouseDown: _,
               disabled: fe,
               className: `${G} ds:ps-1 ds:pe-2`,
-              children: /* @__PURE__ */ x(xe, { "aria-hidden": "true", className: "ds:size-4" })
+              children: /* @__PURE__ */ F(Fe, { "aria-hidden": "true", className: "ds:size-4" })
             }
           )
         ]
@@ -334,4 +335,4 @@ export {
   Pe as N,
   Ve as u
 };
-//# sourceMappingURL=number-input-mpSLk-ld.js.map
+//# sourceMappingURL=number-input-DH00o0DN.js.map

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

@@ -1,5 +1,5 @@
 import { jsxs as ee, jsx as M } from "react/jsx-runtime";
-import { forwardRef as te, useId as re, useState as L, useRef as R, useEffect as se, useCallback as N, useMemo as oe } from "react";
+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 { useTranslation as ae } from "react-i18next";
 import { u as ie } from "./form-field-context-B3APVHKx.js";
@@ -64,8 +64,9 @@ const ce = {
   [
     "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
     "ds:rounded-[var(--radius-sm)]",
-    "ds:border ds:bg-background ds:text-foreground ds:text-center ds:font-medium ds:text-[length:var(--font-size-lg)]",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:border ds:bg-input ds:text-foreground ds:text-center ds:font-medium ds:text-[length:var(--font-size-lg)]",
+    "ds:shadow-[var(--shadow-input)]",
+    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
     "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
     "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
@@ -105,69 +106,69 @@ const pe = te(
     id: K,
     className: j
   }, z) => {
-    const { t: H } = ae(), v = ie(), _ = re(), P = y ? _ : void 0, I = o !== void 0, [q, W] = L(
+    const { t: H } = ae(), v = ie(), _ = se(), P = y ? _ : void 0, w = o !== void 0, [q, W] = L(
       () => g(m ?? "", e)
     ), p = g(
-      I ? o : q,
+      w ? o : q,
       e
-    ), G = de(p, e), k = v.disabled || !!S, B = v.invalid || !!$, J = B ? "error" : "default", C = R([]), w = R(p.length === e), d = R(p);
+    ), 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);
     d.current = p;
     const Q = () => {
-      const r = p.length;
-      return r >= e ? e - 1 : r;
-    }, [f, V] = L(Q);
-    se(() => {
-      f >= e && V(e - 1);
+      const s = p.length;
+      return s >= e ? e - 1 : s;
+    }, [f, k] = L(Q);
+    re(() => {
+      f >= e && k(e - 1);
     }, [f, e]);
     const c = N(
-      (r) => {
-        const t = Math.max(0, Math.min(e - 1, r));
-        V(t);
-        const s = C.current[t];
-        s && (s.focus(), s.select());
+      (s) => {
+        const t = Math.max(0, Math.min(e - 1, s));
+        k(t);
+        const r = C.current[t];
+        r && (r.focus(), r.select());
       },
       [e]
     ), u = N(
-      (r) => {
-        const t = g(r, e);
-        I || W(t), d.current = t, l == null || l(t), t.length === e ? w.current || (w.current = !0, n == null || n(t)) : w.current = !1;
+      (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;
       },
-      [I, e, l, n]
-    ), U = (r) => (t) => {
-      const s = t.target.value, a = F(s).replace(/\D/g, ""), i = d.current;
+      [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 (s === "" && r < i.length) {
-          const A = i.slice(0, r) + i.slice(r + 1);
+        if (r === "" && s < i.length) {
+          const A = i.slice(0, s) + i.slice(s + 1);
           u(A);
         }
         return;
       }
-      const b = i.slice(0, r), h = i.slice(r + a.length), D = (b + a + h).slice(0, e);
+      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(r + a.length, e - 1);
+      const T = Math.min(s + a.length, e - 1);
       c(T);
-    }, X = (r) => (t) => {
-      const s = d.current;
+    }, X = (s) => (t) => {
+      const r = d.current;
       if (t.key === "Backspace") {
-        if (s[r]) {
+        if (r[s]) {
           t.preventDefault();
-          const a = s.slice(0, r) + s.slice(r + 1);
+          const a = r.slice(0, s) + r.slice(s + 1);
           u(a);
           return;
         }
-        if (r > 0) {
+        if (s > 0) {
           t.preventDefault();
-          const a = s.slice(0, r - 1) + s.slice(r);
-          u(a), c(r - 1);
+          const a = r.slice(0, s - 1) + r.slice(s);
+          u(a), c(s - 1);
         }
         return;
       }
       if (t.key === "ArrowLeft") {
-        t.preventDefault(), r > 0 && c(r - 1);
+        t.preventDefault(), s > 0 && c(s - 1);
         return;
       }
       if (t.key === "ArrowRight") {
-        t.preventDefault(), r < e - 1 && c(r + 1);
+        t.preventDefault(), s < e - 1 && c(s + 1);
         return;
       }
       if (t.key === "Home") {
@@ -175,20 +176,20 @@ const pe = te(
         return;
       }
       t.key === "End" && (t.preventDefault(), c(e - 1));
-    }, Y = (r) => (t) => {
+    }, Y = (s) => (t) => {
       const a = t.clipboardData.getData("text").replace(/\s+/g, ""), i = F(a);
       if (!/^[0-9]+$/.test(i)) return;
       t.preventDefault();
-      const b = d.current, h = b.slice(0, r), D = b.slice(r + i.length), T = (h + i + D).slice(0, e);
+      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(r + i.length, e - 1);
+      const A = Math.min(s + i.length, e - 1);
       c(A);
-    }, Z = (r) => (t) => {
-      V(r), t.currentTarget.select();
+    }, Z = (s) => (t) => {
+      k(s), t.currentTarget.select();
     }, E = v.id, x = oe(
       () => ({
         getValue: () => d.current,
-        setValue: (r) => u(r),
+        setValue: (s) => u(s),
         clear: () => u(""),
         focus: () => c(f),
         isComplete: () => d.current.length === e
@@ -214,12 +215,12 @@ const pe = te(
           "aria-labelledby": P,
           "aria-invalid": B || void 0,
           "aria-describedby": v.describedBy || void 0,
-          "aria-disabled": k || void 0,
+          "aria-disabled": I || void 0,
           "data-component": "otp-input",
           "data-component-id": K,
           className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
-          children: G.map((r, t) => {
-            const s = !k && t === f;
+          children: G.map((s, t) => {
+            const r = !I && t === f;
             return /* @__PURE__ */ M(
               "input",
               {
@@ -232,9 +233,9 @@ const pe = te(
                 pattern: "[0-9]*",
                 autoComplete: t === 0 ? "one-time-code" : "off",
                 maxLength: 1,
-                value: r,
-                disabled: k,
-                tabIndex: s ? 0 : -1,
+                value: s,
+                disabled: I,
+                tabIndex: r ? 0 : -1,
                 "aria-label": H("inputs.otp.digitLabel", {
                   current: t + 1,
                   total: e
@@ -257,4 +258,4 @@ pe.displayName = "OTPInput";
 export {
   pe as O
 };
-//# sourceMappingURL=otp-input-CI-Zv5q6.js.map
+//# sourceMappingURL=otp-input-BBXYvLx5.js.map

package/dist/_chunks/{phone-input-DtBVs5fz.js → phone-input-DKSHX7NQ.js}

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import { forwardRef as Se, useContext as Pe, useMemo as m, useState as P, useRef as $, useEffect as Ve, useLayoutEffect as Fe, useCallback as se } from "react";
+import { forwardRef as ke, useContext as Pe, useMemo as m, useState as P, useRef as $, useEffect as Ve, useLayoutEffect as Fe, useCallback as se } from "react";
 import * as V from "@radix-ui/react-popover";
 import { R as Ee, _ as b } from "./index-4xgbg-sn.js";
 import { c as H } from "./index-D2ZczOXr.js";
@@ -70,9 +70,10 @@ const Me = {
 }, qe = H(
   [
     "ds:group ds:relative ds:inline-flex ds:items-stretch ds:w-full",
-    "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background",
+    "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-input",
+    "ds:shadow-[var(--shadow-input)]",
     "ds:text-foreground",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
     "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
     "ds:forced-colors:focus-within:outline-[CanvasText]",
@@ -218,7 +219,7 @@ function et(n, r) {
   })), y = new Intl.Collator(n);
   return a.sort((o, u) => y.compare(o.name, u.name));
 }
-const tt = Se(
+const tt = ke(
   function({
     value: r,
     defaultValue: d,
@@ -237,7 +238,7 @@ const tt = Se(
     required: ue,
     "aria-label": pe
   }, fe) {
-    const { t: v, i18n: j } = je(), C = Te(), w = Pe(Ae) !== null, z = m(
+    const { t: v, i18n: j } = je(), C = Te(), x = Pe(Ae) !== null, z = m(
       () => new Set(Be()),
       []
     ), G = m(() => {
@@ -257,7 +258,7 @@ const tt = Se(
       return { country: e, display: "" };
     }, []), [l, B] = P(G.country), [O, p] = P(
       G.display
-    ), [D, T] = P(!1), [me, U] = P(""), W = r !== void 0, A = $(""), R = $(null), k = $(null), he = Le(fe, k);
+    ), [D, T] = P(!1), [me, U] = P(""), W = r !== void 0, A = $(""), R = $(null), S = $(null), he = Le(fe, S);
     Ve(() => {
       if (!W) return;
       const e = r ?? "";
@@ -272,7 +273,7 @@ const tt = Se(
       if (R.current == null) return;
       const e = R.current;
       R.current = null;
-      const t = k.current;
+      const t = S.current;
       t && document.activeElement === t && t.setSelectionRange(e, e);
     });
     const h = se(
@@ -286,11 +287,11 @@ const tt = Se(
         });
       },
       [o]
-    ), ge = E ?? (w ? C.id : void 0), Y = (w ? C.disabled : !1) || !!ie, be = (w ? C.required : !1) || !!ue, Z = w ? C.invalid : !1, ye = Z ? "error" : ae, ve = w && C.describedBy ? C.describedBy : void 0, Ce = de ?? v("inputs.phone.placeholder", "Phone number"), xe = (e) => {
+    ), ge = E ?? (x ? C.id : void 0), Y = (x ? C.disabled : !1) || !!ie, be = (x ? C.required : !1) || !!ue, Z = x ? C.invalid : !1, ye = Z ? "error" : ae, ve = x && C.describedBy ? C.describedBy : void 0, Ce = de ?? v("inputs.phone.placeholder", "Phone number"), we = (e) => {
       if (_) return;
-      const t = e.target, s = t.value, c = t.selectionStart ?? s.length, x = Je(s, c), K = new M(l).input(s);
-      R.current = Qe(K, x), p(K), h(K, l);
-    }, J = A, we = m(
+      const t = e.target, s = t.value, c = t.selectionStart ?? s.length, w = Je(s, c), K = new M(l).input(s);
+      R.current = Qe(K, w), p(K), h(K, l);
+    }, J = A, xe = m(
       () => ({
         getValue: () => J.current,
         setValue: (e) => {
@@ -311,12 +312,12 @@ const tt = Se(
         },
         focus: () => {
           var e;
-          return (e = k.current) == null ? void 0 : e.focus();
+          return (e = S.current) == null ? void 0 : e.focus();
         }
       }),
       [l, h, J]
     );
-    Ke(Me, we, E);
+    Ke(Me, xe, E);
     const ze = (e) => {
       if (e === l) {
         T(!1);
@@ -324,8 +325,8 @@ const tt = Se(
       }
       const t = O.replace(/\D/g, ""), s = new M(e), c = t ? s.input(t) : "";
       B(e), p(c), T(!1), U(""), h(c, e), requestAnimationFrame(() => {
-        var x;
-        (x = k.current) == null || x.focus();
+        var w;
+        (w = S.current) == null || w.focus();
       });
     }, g = m(
       () => et(
@@ -343,15 +344,15 @@ const tt = Se(
     ), Ne = m(
       () => L.size > 0 ? g.filter((e) => !L.has(e.code)) : g,
       [g, L]
-    ), S = m(
+    ), k = m(
       () => g.find((e) => e.code === l),
       [g, l]
-    ), Q = S ? S.dialCode : "", Ie = S ? S.name : l, X = v("inputs.phone.countryPickerLabel", "Country"), Re = `${X}: ${Ie}, +${Q}`, ke = se(
+    ), Q = k ? k.dialCode : "", Ie = k ? k.name : l, X = v("inputs.phone.countryPickerLabel", "Country"), Re = `${X}: ${Ie}, +${Q}`, Se = se(
       (e, t, s) => {
-        const c = q(e), x = q(t), te = s == null ? void 0 : s.map(q);
+        const c = q(e), w = q(t), te = s == null ? void 0 : s.map(q);
         return Ee(
           c,
-          x,
+          w,
           te
         );
       },
@@ -427,7 +428,7 @@ const tt = Se(
                 sideOffset: 6,
                 align: "start",
                 className: Ge,
-                children: /* @__PURE__ */ f(b, { filter: ke, shouldFilter: !0, loop: !0, label: X, children: [
+                children: /* @__PURE__ */ f(b, { filter: Se, shouldFilter: !0, loop: !0, label: X, children: [
                   /* @__PURE__ */ i(
                     b.Input,
                     {
@@ -489,7 +490,7 @@ const tt = Se(
               "aria-label": pe,
               "aria-describedby": ve,
               "aria-invalid": Z || void 0,
-              onChange: xe,
+              onChange: we,
               className: _e({ size: u })
             }
           )
@@ -505,4 +506,4 @@ export {
   He as c,
   qe as p
 };
-//# sourceMappingURL=phone-input-DtBVs5fz.js.map
+//# sourceMappingURL=phone-input-DKSHX7NQ.js.map

package/dist/_chunks/{react-day-picker-C04L_28V.js → react-day-picker-C5F3-TTX.js}

@@ -1752,9 +1752,12 @@ function No({ orientation: e }) {
 const Co = ve(
   [
     "ds:relative ds:flex ds:items-center ds:w-full",
-    "ds:rounded-[var(--radius-sm)] ds:border ds:bg-background ds:text-foreground",
+    // Soft-chrome look — matches `INPUT_SURFACE_CHROME` so the trigger
+    // shares the fill + halo with TextInput / Select / NumberInput.
+    "ds:rounded-[var(--radius-sm)] ds:border ds:bg-input ds:text-foreground",
+    "ds:shadow-[var(--shadow-input)]",
     "ds:placeholder:text-muted-foreground",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
     "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
     "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
@@ -1821,4 +1824,4 @@ export {
   _o as p,
   Co as t
 };
-//# sourceMappingURL=react-day-picker-C04L_28V.js.map
+//# sourceMappingURL=react-day-picker-C5F3-TTX.js.map

package/dist/_chunks/{search-bar-DmZZ9UvV.js → search-bar-DORSAzNt.js}

@@ -3,7 +3,7 @@ import { forwardRef as te, useState as _, useEffect as F, useRef as j, useMemo a
 import { c as A } from "./index-D2ZczOXr.js";
 import { useTranslation as U } from "react-i18next";
 import * as q from "@radix-ui/react-popover";
-import { S as oe } from "./search-input-BBtSRH-Q.js";
+import { S as oe } from "./search-input-BtEJAJHa.js";
 import { u as W } from "./registry-C9nwlNyL.js";
 import { n as O } from "./normalize-diacritics-BNGbFNlJ.js";
 import { S as ie } from "./search-BonnQsHv.js";
@@ -582,4 +582,4 @@ export {
   Ie as f,
   J as s
 };
-//# sourceMappingURL=search-bar-DmZZ9UvV.js.map
+//# sourceMappingURL=search-bar-DORSAzNt.js.map

package/dist/_chunks/{search-input-BBtSRH-Q.js → search-input-BtEJAJHa.js}

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as ne } from "react/jsx-runtime";
 import { forwardRef as ie, useState as F, useRef as K, useLayoutEffect as oe, useCallback as V, useImperativeHandle as de, useEffect as le } from "react";
 import { c as x } from "./index-D2ZczOXr.js";
 import { useTranslation as ce } from "react-i18next";
-import { T as ue } from "./text-input-1oqFRbVI.js";
+import { T as ue } from "./text-input-CakysYnD.js";
 import { S as fe } from "./spinner-DirtWZNG.js";
 import { u as me } from "./form-field-context-B3APVHKx.js";
 import { u as be } from "./use-debounced-callback-BisrB-Fq.js";
@@ -233,4 +233,4 @@ Ee.displayName = "SearchInput";
 export {
   Ee as S
 };
-//# sourceMappingURL=search-input-BBtSRH-Q.js.map
+//# sourceMappingURL=search-input-BtEJAJHa.js.map