@alfadocs/ui-kit 0.12.0 → 0.13.0

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

package/dist/_chunks/{select-i9MwQeQy.js → select-Ca6ibiDL.js}

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { forwardRef as a, useContext as me, useState as P, useRef as G, useMemo as fe } from "react";
 import * as o from "@radix-ui/react-select";
-import { c as w } from "./index-D2ZczOXr.js";
+import { c as z } from "./index-D2ZczOXr.js";
 import { useTranslation as ge } from "react-i18next";
 import { u as he, F as ve } from "./form-field-context-B3APVHKx.js";
 import { g as be } from "./group-options-BvKhQ3xb.js";
@@ -11,7 +11,7 @@ import { C as q } from "./chevron-down-BX_NP2Yh.js";
 import { C as xe } from "./check-DPdL_Sm7.js";
 import { u as Ne } from "./registry-C9nwlNyL.js";
 import { X as Ce } from "./x-CCcI3eJp.js";
-const ze = {
+const we = {
   id: "select",
   capabilities: ["select_single", "open", "close"],
   state: {
@@ -79,13 +79,14 @@ const ze = {
       description: "Stable opaque option value emitted on each rendered option."
     }
   }
-}, L = w(
+}, L = z(
   [
     "ds:group ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] 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:placeholder:text-muted-foreground",
     "ds:data-[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:forced-colors:focus-visible:outline-[CanvasText]",
@@ -108,7 +109,7 @@ const ze = {
       tone: "default"
     }
   }
-), we = w(
+), ze = z(
   [
     "ds:z-[var(--z-dropdown)] ds:overflow-hidden",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground",
@@ -120,7 +121,7 @@ const ze = {
     "ds:data-[side=top]:slide-in-from-bottom-2",
     "ds:motion-reduce:animate-none"
   ].join(" ")
-), Ie = w(
+), Ie = z(
   [
     "ds:relative ds:flex ds:cursor-pointer ds:items-center",
     "ds:rounded-[var(--radius-sm)]",
@@ -190,7 +191,7 @@ const I = a(
       position: n,
       sideOffset: r,
       "data-component": "select-content",
-      className: we({ className: e }),
+      className: ze({ className: e }),
       ...c,
       children: [
         /* @__PURE__ */ t(o.ScrollUpButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ t(Se, { "aria-hidden": "true", className: "ds:size-4" }) }),
@@ -275,11 +276,11 @@ const _ = a(function({
     n ?? r ?? ""
   ), m = n !== void 0, h = m ? n : ee, [N, C] = P(!1), B = G(h);
   B.current = h;
-  const te = S ?? (p ? u.id : void 0), O = (p ? u.disabled : !1) || !!E, se = (p ? u.required : !1) || !!X, D = p ? u.invalid : !1, oe = D ? "error" : Q, ne = p && u.describedBy ? u.describedBy : void 0, z = G(null), de = Te(Z, z), ie = ye(z), i = l, ae = (d) => {
+  const te = S ?? (p ? u.id : void 0), O = (p ? u.disabled : !1) || !!E, se = (p ? u.required : !1) || !!X, D = p ? u.invalid : !1, oe = D ? "error" : Q, ne = p && u.describedBy ? u.describedBy : void 0, w = G(null), de = Te(Z, w), ie = ye(w), i = l, ae = (d) => {
     m || b(d), i == null || i(d);
   }, re = (d) => {
     var y;
-    d.preventDefault(), d.stopPropagation(), m || b(""), i == null || i(""), (y = z.current) == null || y.focus();
+    d.preventDefault(), d.stopPropagation(), m || b(""), i == null || i(""), (y = w.current) == null || y.focus();
   }, F = c ?? x("inputs.select.placeholder", "Select…"), le = g && !!h && !O, ce = be(s), ue = fe(
     () => ({
       getValue: () => B.current,
@@ -295,7 +296,7 @@ const _ = a(function({
     }),
     [i, m, N]
   );
-  return Ne(ze, ue, S), /* @__PURE__ */ f(
+  return Ne(we, ue, S), /* @__PURE__ */ f(
     o.Root,
     {
       value: h === "" ? void 0 : h,
@@ -409,4 +410,4 @@ export {
   H as i,
   j
 };
-//# sourceMappingURL=select-i9MwQeQy.js.map
+//# sourceMappingURL=select-Ca6ibiDL.js.map

package/dist/_chunks/{tabs-Cg794H0Q.js → tabs-CRCyPpJo.js}

@@ -6,7 +6,7 @@ import { a as N, c as q } from "./index-D2ZczOXr.js";
 import { useTranslation as Z } from "react-i18next";
 import { u as K } from "./use-direction-D6rvvG9G.js";
 import { c as D } from "./compose-refs-C0k0tdqF.js";
-import { S as ee } from "./select-i9MwQeQy.js";
+import { S as ee } from "./select-Ca6ibiDL.js";
 import { X as te } from "./x-CCcI3eJp.js";
 import { u as se } from "./registry-C9nwlNyL.js";
 import { C as ae } from "./chevron-down-BX_NP2Yh.js";
@@ -396,4 +396,4 @@ export {
   F as c,
   re as t
 };
-//# sourceMappingURL=tabs-Cg794H0Q.js.map
+//# sourceMappingURL=tabs-CRCyPpJo.js.map

package/dist/_chunks/{text-area-DHtcpcLv.js → text-area-D5GAe8pV.js}

@@ -1,9 +1,9 @@
 import { jsxs as N, jsx as K } from "react/jsx-runtime";
-import { forwardRef as de, useRef as O, useCallback as k, useState as P, useLayoutEffect as ce, useMemo as le, useEffect as ue } from "react";
+import { forwardRef as de, useRef as O, useCallback as F, useState as P, useLayoutEffect as ce, useMemo as le, useEffect as ue } from "react";
 import { c as fe } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
-import { u as me } from "./form-field-context-B3APVHKx.js";
-import { u as ve } from "./registry-C9nwlNyL.js";
+import { u as ve } from "./form-field-context-B3APVHKx.js";
+import { u as me } from "./registry-C9nwlNyL.js";
 const ge = {
   id: "text-area",
   capabilities: ["edit_inline"],
@@ -27,8 +27,8 @@ const ge = {
       argsType: "{ value: string }",
       descriptionKey: "ui.agent.textArea.actions.setValue",
       description: "Replace the textarea value.",
-      invoke: (t, v) => {
-        t.setValue(v.value);
+      invoke: (t, m) => {
+        t.setValue(m.value);
       }
     },
     clear: {
@@ -62,7 +62,8 @@ const ge = {
   }
 }, be = fe(
   [
-    "ds:block ds:w-full ds:border ds:rounded-[var(--radius-sm)] ds:bg-background ds:text-foreground",
+    "ds:block ds:w-full ds:border ds:rounded-[var(--radius-sm)] ds:bg-input ds:text-foreground",
+    "ds:shadow-[var(--shadow-input)]",
     "ds:leading-[var(--line-height-base)]",
     "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
     "ds:focus:outline-none",
@@ -70,8 +71,8 @@ const ge = {
     "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
-    "ds:read-only:bg-muted ds:read-only:cursor-default",
-    "ds:transition-[height,color,background-color,border-color] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:read-only:bg-muted ds:read-only:cursor-default ds:read-only:shadow-none",
+    "ds:transition-[height,color,background-color,border-color,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:placeholder:text-muted-foreground"
   ].join(" "),
   {
@@ -95,7 +96,7 @@ const ge = {
 ), he = (t) => t >= 1 ? "ds:text-destructive" : t >= 0.9 ? "ds:text-warning" : "ds:text-muted-foreground", ye = (t) => [...t].length, xe = de(
   ({
     size: t = "md",
-    tone: v = "default",
+    tone: m = "default",
     autoResize: s = !1,
     minRows: g = 2,
     maxRows: b,
@@ -103,7 +104,7 @@ const ge = {
     className: W,
     id: h,
     disabled: _,
-    value: F,
+    value: k,
     defaultValue: E,
     maxLength: a,
     rows: q,
@@ -113,24 +114,24 @@ const ge = {
     onInput: D,
     ...$
   }, c) => {
-    const { t: I } = pe(), o = me(), z = h ?? o.id, Y = o.disabled || _, G = o.invalid ? "error" : v, l = O(null), J = k(
+    const { t: I } = pe(), o = ve(), z = h ?? o.id, Y = o.disabled || _, G = o.invalid ? "error" : m, l = O(null), J = F(
       (e) => {
         l.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
       },
       [c]
-    ), u = F !== void 0, [Q, j] = P(
+    ), u = k !== void 0, [Q, j] = P(
       String(E ?? "")
-    ), T = u ? String(F) : Q, p = O(!1), A = k(() => {
+    ), T = u ? String(k) : Q, p = O(!1), w = F(() => {
       const e = l.current;
       if (!e || !s) return;
-      const r = window.getComputedStyle(e), d = parseFloat(r.lineHeight), f = parseFloat(r.paddingTop), m = parseFloat(r.paddingBottom), se = parseFloat(r.borderTopWidth), ae = parseFloat(r.borderBottomWidth), M = f + m + se + ae, ne = (Number.isFinite(d) ? d : 24) * g + M, oe = typeof b == "number" ? (Number.isFinite(d) ? d : 24) * b + M : Number.POSITIVE_INFINITY;
+      const r = window.getComputedStyle(e), d = parseFloat(r.lineHeight), f = parseFloat(r.paddingTop), v = parseFloat(r.paddingBottom), se = parseFloat(r.borderTopWidth), ae = parseFloat(r.borderBottomWidth), M = f + v + se + ae, ne = (Number.isFinite(d) ? d : 24) * g + M, oe = typeof b == "number" ? (Number.isFinite(d) ? d : 24) * b + M : Number.POSITIVE_INFINITY;
       e.style.height = "auto";
       const ie = Math.max(ne, Math.min(e.scrollHeight, oe));
       e.style.height = `${ie}px`;
     }, [s, g, b]);
     ce(() => {
-      s && A();
-    }, [s, A, T]);
+      s && w();
+    }, [s, w, T]);
     const U = (e) => {
       u || j(e.target.value), !p.current && (n == null || n(e));
     }, X = (e) => {
@@ -142,12 +143,12 @@ const ge = {
         ...e,
         target: r,
         currentTarget: r
-      }), s && A();
-    }, w = k((e) => {
-      var m;
+      }), s && w();
+    }, A = F((e) => {
+      var v;
       const r = l.current;
       if (!r) return;
-      const d = Object.getPrototypeOf(r), f = (m = Object.getOwnPropertyDescriptor(d, "value")) == null ? void 0 : m.set;
+      const d = Object.getPrototypeOf(r), f = (v = Object.getOwnPropertyDescriptor(d, "value")) == null ? void 0 : v.set;
       f == null || f.call(r, e), r.dispatchEvent(new Event("input", { bubbles: !0 })), r.dispatchEvent(new Event("change", { bubbles: !0 }));
     }, []), L = le(
       () => ({
@@ -155,16 +156,16 @@ const ge = {
           var e;
           return ((e = l.current) == null ? void 0 : e.value) ?? "";
         },
-        setValue: (e) => w(e),
-        clear: () => w(""),
+        setValue: (e) => A(e),
+        clear: () => A(""),
         focus: () => {
           var e;
           return (e = l.current) == null ? void 0 : e.focus();
         }
       }),
-      [w]
+      [A]
     );
-    ve(ge, L, h);
+    me(ge, L, h);
     const i = typeof a == "number" && (S ?? !0) && a > 0, V = ye(T), B = i ? Math.max(0, a - V) : 0, R = i ? V / a : 0, [C, ee] = P("");
     ue(() => {
       if (!i) return;
@@ -236,4 +237,4 @@ xe.displayName = "TextArea";
 export {
   xe as T
 };
-//# sourceMappingURL=text-area-DHtcpcLv.js.map
+//# sourceMappingURL=text-area-D5GAe8pV.js.map