@dimasbaguspm/versaur 0.0.55 → 0.0.57

package/dist/js/{time-picker-input-CYBfc7s_.js → time-picker-input-BgbyllDK.js}

@@ -1,5 +1,5 @@
 import { c as C, j as e, a as x } from "./index-DOdDlCoL.js";
-import m, { createContext as F, useContext as A, useId as B, forwardRef as O, useRef as T, useEffect as ae, useState as se } from "react";
+import m, { createContext as F, useContext as B, useId as A, forwardRef as O, useRef as T, useEffect as ne, useState as se } from "react";
 import { I as $ } from "./image-rectangle-K9jmTTED.js";
 import { Calendar as oe, MailIcon as ie, Banknote as ce, SearchIcon as le, ChevronDown as de, Clock as ue } from "lucide-react";
 import "./snackbar-DH8jCh2V.js";
@@ -29,19 +29,19 @@ const fe = C("space-y-2", {
     }
   }
 ), q = F(null), he = () => {
-  const t = A(q);
+  const t = B(q);
   if (!t)
     throw new Error("CheckboxOption must be used within CheckboxInput");
   return t;
-}, G = m.forwardRef(({ children: t, description: r, className: n, disabled: o, id: s, ...i }, d) => {
-  const l = he(), c = m.useId(), a = s || c, u = o || l.disabled;
+}, G = m.forwardRef(({ children: t, description: r, className: a, disabled: s, id: n, ...o }, d) => {
+  const l = he(), c = m.useId(), i = n || c, u = s || l.disabled;
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
     /* @__PURE__ */ e.jsx("div", { className: "relative flex items-center mt-0.5", children: /* @__PURE__ */ e.jsx(
       "input",
       {
         ref: d,
         type: "checkbox",
-        id: a,
+        id: i,
         disabled: u,
         className: x(
           pe(),
@@ -50,16 +50,16 @@ const fe = C("space-y-2", {
           // Checkmark dimensions for md size (default)
           "after:w-[4px] after:h-[8px]",
           "checked:after:opacity-100",
-          n
+          a
         ),
-        ...i
+        ...o
       }
     ) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", children: [
       /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: a,
+          htmlFor: i,
           className: me({
             disabled: u
           }),
@@ -84,31 +84,31 @@ const K = m.forwardRef(
   ({
     label: t,
     helperText: r,
-    error: n,
-    direction: o = "vertical",
-    className: s,
-    disabled: i,
+    error: a,
+    direction: s = "vertical",
+    className: n,
+    disabled: o,
     required: d,
     children: l,
     ...c
-  }, a) => {
-    const u = !!n, p = {
-      disabled: i
+  }, i) => {
+    const u = !!a, p = {
+      disabled: o
     };
     return /* @__PURE__ */ e.jsx(q.Provider, { value: p, children: /* @__PURE__ */ e.jsxs(
       "fieldset",
       {
-        ref: a,
-        disabled: i,
-        className: x("w-full border-0 p-0 m-0", s),
+        ref: i,
+        disabled: o,
+        className: x("w-full border-0 p-0 m-0", n),
         ...c,
         children: [
           t && /* @__PURE__ */ e.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3", children: [
             t,
             d && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: fe({ direction: o }), children: l }),
-          u && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+          /* @__PURE__ */ e.jsx("div", { className: fe({ direction: s }), children: l }),
+          u && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
           !u && r && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: r })
         ]
       }
@@ -119,7 +119,7 @@ K.displayName = "CheckboxInput";
 const lt = Object.assign(K, {
   Option: G
 }), _ = F(null), be = () => {
-  const t = A(_);
+  const t = B(_);
   if (!t)
     throw new Error(
       "useChipSingleInputContext must be used within ChipSingleInputContext"
@@ -139,9 +139,9 @@ const lt = Object.assign(K, {
       size: "md"
     }
   }
-), xe = m.forwardRef(({ children: t, className: r, disabled: n, id: o, value: s, ...i }, d) => {
-  const { size: l = "md", maxWidth: c, ...a } = be(), u = B(), p = o || u, f = n || a.disabled, h = a.readOnly, b = a.value === s, w = (g) => {
-    !f && !h && a.onChange?.(s), i.onChange?.(g);
+), xe = m.forwardRef(({ children: t, className: r, disabled: a, id: s, value: n, ...o }, d) => {
+  const { size: l = "md", maxWidth: c, ...i } = be(), u = A(), p = s || u, f = a || i.disabled, h = i.readOnly, b = i.value === n, w = (g) => {
+    !f && !h && i.onChange?.(n), o.onChange?.(g);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
@@ -150,14 +150,14 @@ const lt = Object.assign(K, {
         ref: d,
         type: "radio",
         id: p,
-        name: a.name,
-        value: s,
+        name: i.name,
+        value: n,
         checked: b,
         disabled: f,
         readOnly: h,
         onChange: w,
         className: "sr-only",
-        ...i
+        ...o
       }
     ),
     /* @__PURE__ */ e.jsx(
@@ -192,25 +192,25 @@ const lt = Object.assign(K, {
   ({
     size: t = "md",
     label: r,
-    required: n,
-    helperText: o,
-    error: s,
-    className: i,
+    required: a,
+    helperText: s,
+    error: n,
+    className: o,
     disabled: d,
     readOnly: l,
     maxWidth: c,
-    name: a,
+    name: i,
     value: u,
     onChange: p,
     children: f,
     ...h
   }, b) => {
-    const w = !!s, g = {
+    const w = !!n, g = {
       size: t,
       disabled: d,
       readOnly: l,
       error: w,
-      name: a,
+      name: i,
       value: u,
       maxWidth: c,
       onChange: p
@@ -219,17 +219,17 @@ const lt = Object.assign(K, {
       "fieldset",
       {
         ref: b,
-        className: x("w-full border-0 p-0 m-0", i),
+        className: x("w-full border-0 p-0 m-0", o),
         disabled: d,
         ...h,
         children: [
           r && /* @__PURE__ */ e.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3 float-none w-auto", children: [
             r,
-            n && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            a && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ] }),
           /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: f }),
-          w && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
-          !w && o && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
+          w && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+          !w && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
         ]
       }
     ) });
@@ -237,13 +237,13 @@ const lt = Object.assign(K, {
 ), dt = Object.assign(ye, {
   Option: xe
 }), H = F(null), we = () => {
-  const t = A(H);
+  const t = B(H);
   if (!t)
     throw new Error(
       "useChipMultipleInputContext must be used within ChipMultipleInputContext"
     );
   return t;
-}, je = C(
+}, ve = C(
   "inline-flex items-center justify-center rounded-full bg-white transition-colors duration-200 cursor-pointer border border-border hover:bg-primary-soft hover:border-primary-bold focus:border-primary-light data-[selected=true]:bg-primary data-[selected=true]:border-primary data-[selected=true]:text-white",
   {
     variants: {
@@ -257,14 +257,14 @@ const lt = Object.assign(K, {
       size: "md"
     }
   }
-), ve = m.forwardRef(({ children: t, className: r, disabled: n, id: o, value: s, ...i }, d) => {
-  const { size: l = "md", maxWidth: c, ...a } = we(), u = B(), p = o || u, f = n || a.disabled, h = a.readOnly, b = a.value?.includes(s) ?? !1, w = (g) => {
+), je = m.forwardRef(({ children: t, className: r, disabled: a, id: s, value: n, ...o }, d) => {
+  const { size: l = "md", maxWidth: c, ...i } = we(), u = A(), p = s || u, f = a || i.disabled, h = i.readOnly, b = i.value?.includes(n) ?? !1, w = (g) => {
     if (!f && !h) {
-      const k = a.value || [];
-      let j;
-      b ? j = k.filter((N) => N !== s) : j = [...k, s], a.onChange?.(j);
+      const k = i.value || [];
+      let v;
+      b ? v = k.filter((N) => N !== n) : v = [...k, n], i.onChange?.(v);
     }
-    i.onChange?.(g);
+    o.onChange?.(g);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
@@ -273,14 +273,14 @@ const lt = Object.assign(K, {
         ref: d,
         type: "checkbox",
         id: p,
-        name: `${a.name}[]`,
-        value: s,
+        name: `${i.name}[]`,
+        value: n,
         checked: b,
         disabled: f,
         readOnly: h,
         onChange: w,
         className: "sr-only",
-        ...i
+        ...o
       }
     ),
     /* @__PURE__ */ e.jsx(
@@ -290,7 +290,7 @@ const lt = Object.assign(K, {
         "data-selected": b,
         style: c ? { maxWidth: c } : void 0,
         className: x(
-          je({
+          ve({
             size: l
           }),
           f && "opacity-50 cursor-not-allowed pointer-events-none",
@@ -315,25 +315,25 @@ const lt = Object.assign(K, {
   ({
     size: t = "md",
     label: r,
-    required: n,
-    helperText: o,
-    error: s,
-    className: i,
+    required: a,
+    helperText: s,
+    error: n,
+    className: o,
     disabled: d,
     readOnly: l,
     maxWidth: c,
-    name: a,
+    name: i,
     value: u = [],
     onChange: p,
     children: f,
     ...h
   }, b) => {
-    const w = !!s, g = {
+    const w = !!n, g = {
       size: t,
       disabled: d,
       readOnly: l,
       error: w,
-      name: a,
+      name: i,
       value: u,
       maxWidth: c,
       onChange: p
@@ -342,23 +342,23 @@ const lt = Object.assign(K, {
       "fieldset",
       {
         ref: b,
-        className: x("w-full border-0 p-0 m-0", i),
+        className: x("w-full border-0 p-0 m-0", o),
         disabled: d,
         ...h,
         children: [
           r && /* @__PURE__ */ e.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3 float-none w-auto", children: [
             r,
-            n && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            a && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ] }),
           /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: f }),
-          w && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
-          !w && o && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
+          w && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+          !w && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
         ]
       }
     ) });
   }
 ), ut = Object.assign(ke, {
-  Option: ve
+  Option: je
 }), Ie = C(
   "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none disabled:bg-gray-50 text-left",
   {
@@ -377,34 +377,24 @@ const lt = Object.assign(K, {
   ({
     label: t,
     leftContent: r,
-    rightContent: n,
-    helperText: o,
-    error: s,
-    className: i,
+    rightContent: a,
+    helperText: s,
+    error: n,
+    className: o,
     disabled: d,
     id: l,
     required: c,
-    value: a,
+    value: i,
     displayValue: u,
     placeholder: p = "",
     name: f,
     ...h
   }, b) => {
-    const w = m.useId(), g = l || w, k = `${g}-helper`, j = `${g}-error`, N = !!s, V = m.useMemo(() => {
-      if (u) return u;
-      if (a != null && a !== "") {
-        if (typeof a == "string") return a;
-        if (typeof a == "number" || typeof a == "boolean")
-          return String(a);
-        if (Array.isArray(a)) return a.join(", ");
-        if (typeof a == "object") return JSON.stringify(a);
-      }
-      return p;
-    }, [a, u, p]), R = m.useMemo(() => a == null ? "" : typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? String(a) : Array.isArray(a) || typeof a == "object" ? JSON.stringify(a) : String(a), [a]), S = a != null && a !== "" && V !== p, E = m.useMemo(() => {
+    const w = m.useId(), g = l || w, k = `${g}-helper`, v = `${g}-error`, N = !!n, V = m.useMemo(() => u && u !== "" ? u : p, [u, p]), R = m.useMemo(() => i == null ? "" : typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? String(i) : Array.isArray(i) || typeof i == "object" ? JSON.stringify(i) : String(i), [i]), S = u !== void 0 && u !== "", E = m.useMemo(() => {
       const z = [];
-      return N ? z.push(j) : o && z.push(k), z.length > 0 ? z.join(" ") : void 0;
-    }, [N, o, j, k]);
-    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", i), children: [
+      return N ? z.push(v) : s && z.push(k), z.length > 0 ? z.join(" ") : void 0;
+    }, [N, s, v, k]);
+    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", o), children: [
       t && /* @__PURE__ */ e.jsxs(
         "label",
         {
@@ -435,14 +425,14 @@ const lt = Object.assign(K, {
             disabled: d,
             "aria-invalid": N || void 0,
             "aria-describedby": E,
-            "aria-errormessage": N ? j : void 0,
+            "aria-errormessage": N ? v : void 0,
             "aria-required": c || void 0,
             className: x(
               Ie({
                 state: N ? "error" : "default"
               }),
               r ? "pl-9" : "pl-3",
-              n ? "pr-9" : "pr-3",
+              a ? "pr-9" : "pr-3",
               "h-9",
               !S && "text-gray-400"
             ),
@@ -450,13 +440,13 @@ const lt = Object.assign(K, {
             children: V
           }
         ),
-        n && /* @__PURE__ */ e.jsx(
+        a && /* @__PURE__ */ e.jsx(
           "span",
           {
             className: "absolute right-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5 z-10",
             "aria-hidden": "true",
             "data-testid": "right-content",
-            children: n
+            children: a
           }
         ),
         f && /* @__PURE__ */ e.jsx(
@@ -473,14 +463,14 @@ const lt = Object.assign(K, {
       N && /* @__PURE__ */ e.jsx(
         "div",
         {
-          id: j,
+          id: v,
           className: "mt-1 text-sm text-danger",
           role: "alert",
           "aria-live": "polite",
-          children: s
+          children: n
         }
       ),
-      !N && o && /* @__PURE__ */ e.jsx("div", { id: k, className: "mt-1 text-sm text-gray-600", children: o })
+      !N && s && /* @__PURE__ */ e.jsx("div", { id: k, className: "mt-1 text-sm text-gray-600", children: s })
     ] });
   }
 );
@@ -494,21 +484,22 @@ function Ne(t) {
     day: "numeric"
   });
 }
-const ft = m.forwardRef(function({ value: r = "", onChange: n, label: o, formatter: s, min: i, max: d, ...l }, c) {
-  const a = T(null), u = (b) => {
-    a.current = b, typeof c == "function" ? c(b) : c && typeof c == "object" && (c.current = b);
+const ft = m.forwardRef(function({ value: r = "", onChange: a, label: s, formatter: n, min: o, max: d, ...l }, c) {
+  const i = T(null), u = (b) => {
+    i.current = b, typeof c == "function" ? c(b) : c && typeof c == "object" && (c.current = b);
   }, p = () => {
-    a.current && (typeof a.current.showPicker == "function" ? a.current.showPicker() : a.current.focus());
+    i.current && (typeof i.current.showPicker == "function" ? i.current.showPicker() : i.current.focus());
   }, f = (b) => {
-    n(b.target.value);
-  }, h = (s ?? Ne)(r);
+    a(b.target.value);
+  }, h = (n ?? Ne)(r);
   return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ e.jsx(
       J,
       {
         onClick: p,
-        value: h,
-        label: o,
+        value: r,
+        displayValue: h,
+        label: s,
         leftContent: /* @__PURE__ */ e.jsx($, { as: oe, color: "inherit", size: "sm" }),
         "data-testid": "date-single-picker-visible-input",
         ...l
@@ -521,11 +512,11 @@ const ft = m.forwardRef(function({ value: r = "", onChange: n, label: o, formatt
         type: "date",
         value: r,
         onChange: f,
-        min: i,
+        min: o,
         max: d,
         className: "sr-only absolute opacity-0 h-0 w-0 pointer-events-none",
         tabIndex: -1,
-        "aria-label": typeof o == "string" ? o : void 0
+        "aria-label": typeof s == "string" ? s : void 0
       }
     )
   ] });
@@ -547,21 +538,21 @@ const ft = m.forwardRef(function({ value: r = "", onChange: n, label: o, formatt
   ({
     label: t,
     leftContent: r,
-    rightContent: n,
-    helperText: o,
-    error: s,
-    className: i,
+    rightContent: a,
+    helperText: s,
+    error: n,
+    className: o,
     disabled: d,
     readOnly: l,
     id: c,
-    required: a,
+    required: i,
     ...u
   }, p) => {
-    const f = m.useId(), h = c || f, b = `${h}-helper`, w = `${h}-error`, g = !!s, k = m.useMemo(() => {
-      const j = [];
-      return g ? j.push(w) : o && j.push(b), j.length > 0 ? j.join(" ") : void 0;
-    }, [g, o, w, b]);
-    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", i), children: [
+    const f = m.useId(), h = c || f, b = `${h}-helper`, w = `${h}-error`, g = !!n, k = m.useMemo(() => {
+      const v = [];
+      return g ? v.push(w) : s && v.push(b), v.length > 0 ? v.join(" ") : void 0;
+    }, [g, s, w, b]);
+    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", o), children: [
       t && /* @__PURE__ */ e.jsxs(
         "label",
         {
@@ -569,7 +560,7 @@ const ft = m.forwardRef(function({ value: r = "", onChange: n, label: o, formatt
           className: "block text-sm font-medium text-foreground mb-2",
           children: [
             t,
-            a && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            i && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
@@ -588,7 +579,7 @@ const ft = m.forwardRef(function({ value: r = "", onChange: n, label: o, formatt
           {
             ref: p,
             id: h,
-            required: a,
+            required: i,
             disabled: d,
             readOnly: l,
             "aria-invalid": g,
@@ -599,19 +590,19 @@ const ft = m.forwardRef(function({ value: r = "", onChange: n, label: o, formatt
                 state: g ? "error" : l ? "readOnly" : "default"
               }),
               r ? "pl-9" : "pl-3",
-              n ? "pr-9" : "pr-3",
+              a ? "pr-9" : "pr-3",
               "h-9"
             ),
             ...u
           }
         ),
-        n && /* @__PURE__ */ e.jsx(
+        a && /* @__PURE__ */ e.jsx(
           "span",
           {
             className: "absolute right-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
             "aria-hidden": "true",
             "data-testid": "right-content",
-            children: n
+            children: a
           }
         )
       ] }),
@@ -622,10 +613,10 @@ const ft = m.forwardRef(function({ value: r = "", onChange: n, label: o, formatt
           className: "mt-1 text-sm text-danger",
           role: "alert",
           "aria-live": "polite",
-          children: s
+          children: n
         }
       ),
-      !g && o && /* @__PURE__ */ e.jsx("div", { id: b, className: "mt-1 text-sm text-gray-600", children: o })
+      !g && s && /* @__PURE__ */ e.jsx("div", { id: b, className: "mt-1 text-sm text-gray-600", children: s })
     ] });
   }
 );
@@ -642,18 +633,18 @@ const pt = O(
       leftContent: /* @__PURE__ */ e.jsx($, { as: ie, color: "inherit", size: "sm" })
     }
   )
-), Ve = "w-9 h-9 text-center border border-primary/30 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 text-sm font-semibold text-foreground", Re = "w-9 h-9 text-center border border-danger rounded-md bg-danger/5 transition-colors focus:outline-none focus:ring-2 focus:ring-danger/20 focus:border-danger disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 text-sm font-semibold text-foreground", Se = (t) => /^\d$/.test(t), W = (t, r) => t?.replace(/\D/g, "").slice(0, r) || "", Q = m.forwardRef(
+), Re = "w-9 h-9 text-center border border-primary/30 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 text-sm font-semibold text-foreground", Ve = "w-9 h-9 text-center border border-danger rounded-md bg-danger/5 transition-colors focus:outline-none focus:ring-2 focus:ring-danger/20 focus:border-danger disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 text-sm font-semibold text-foreground", Se = (t) => /^\d$/.test(t), W = (t, r) => t?.replace(/\D/g, "").slice(0, r) || "", Q = m.forwardRef(
   ({
     value: t,
     onChange: r,
-    onKeyDown: n,
-    onFocus: o,
-    onPaste: s,
-    disabled: i,
+    onKeyDown: a,
+    onFocus: s,
+    onPaste: n,
+    disabled: o,
     error: d,
     secure: l,
     inputRef: c,
-    index: a,
+    index: i,
     id: u
   }, p) => /* @__PURE__ */ e.jsx(
     "input",
@@ -669,15 +660,15 @@ const pt = O(
         const h = f.target.value;
         (h === "" || Se(h)) && r(h);
       },
-      onKeyDown: n,
-      onFocus: o,
-      onPaste: s,
-      disabled: i,
+      onKeyDown: a,
+      onFocus: s,
+      onPaste: n,
+      disabled: o,
       "aria-invalid": d,
-      "aria-disabled": i,
-      className: d ? Re : Ve,
+      "aria-disabled": o,
+      className: d ? Ve : Re,
       autoComplete: "one-time-code",
-      "data-testid": `pin-input-${a}`
+      "data-testid": `pin-input-${i}`
     }
   )
 );
@@ -686,60 +677,60 @@ const De = m.forwardRef(
   ({
     label: t,
     helperText: r,
-    error: n,
-    disabled: o,
-    value: s,
-    onChange: i,
+    error: a,
+    disabled: s,
+    value: n,
+    onChange: o,
     onComplete: d,
     digits: l = 6,
     className: c,
-    id: a,
+    id: i,
     name: u,
     required: p,
     secure: f = !1,
     ...h
   }, b) => {
-    const w = m.useId(), g = a || w, k = !!n, j = m.useRef([]), N = W(s, l), V = N.split("").concat(Array(l - N.length).fill("")), R = m.useCallback(
-      (v) => {
-        const y = W(v, l);
-        i(y), y.length === l && d?.(y);
+    const w = m.useId(), g = i || w, k = !!a, v = m.useRef([]), N = W(n, l), V = N.split("").concat(Array(l - N.length).fill("")), R = m.useCallback(
+      (j) => {
+        const y = W(j, l);
+        o(y), y.length === l && d?.(y);
       },
-      [i, d, l]
+      [o, d, l]
     ), S = m.useCallback(
-      (v, y) => {
+      (j, y) => {
         const I = [...V];
-        I[v] = y;
+        I[j] = y;
         const D = I.join("").replace(/\s+$/, "");
-        R(D), y && v < l - 1 && j.current[v + 1]?.focus();
+        R(D), y && j < l - 1 && v.current[j + 1]?.focus();
       },
       [V, R, l]
     ), E = m.useCallback(
-      (v, y) => {
+      (j, y) => {
         if (y.key === "Backspace") {
-          if (!V[v] && v > 0) {
+          if (!V[j] && j > 0) {
             y.preventDefault();
             const I = [...V];
-            I[v - 1] = "";
+            I[j - 1] = "";
             const D = I.join("").replace(/\s+$/, "");
-            R(D), j.current[v - 1]?.focus();
-          } else if (V[v]) {
+            R(D), v.current[j - 1]?.focus();
+          } else if (V[j]) {
             y.preventDefault();
             const I = [...V];
-            I[v] = "";
+            I[j] = "";
             const D = I.join("").replace(/\s+$/, "");
             R(D);
           }
-        } else y.key === "ArrowLeft" && v > 0 ? (y.preventDefault(), j.current[v - 1]?.focus()) : y.key === "ArrowRight" && v < l - 1 && (y.preventDefault(), j.current[v + 1]?.focus());
+        } else y.key === "ArrowLeft" && j > 0 ? (y.preventDefault(), v.current[j - 1]?.focus()) : y.key === "ArrowRight" && j < l - 1 && (y.preventDefault(), v.current[j + 1]?.focus());
       },
       [V, R, l]
     ), z = m.useCallback(
-      (v) => {
-        v.preventDefault();
-        const y = v.clipboardData.getData("text"), I = W(y, l);
+      (j) => {
+        j.preventDefault();
+        const y = j.clipboardData.getData("text"), I = W(y, l);
         if (I.length > 0) {
           R(I);
           const D = Math.min(I.length, l - 1);
-          j.current[D]?.focus();
+          v.current[D]?.focus();
         }
       },
       [R, l]
@@ -763,22 +754,22 @@ const De = m.forwardRef(
           role: "group",
           "aria-labelledby": t ? `${g}-label` : void 0,
           "aria-describedby": k ? `${g}-error` : r ? `${g}-helper` : void 0,
-          children: V.map((v, y) => /* @__PURE__ */ e.jsx(
+          children: V.map((j, y) => /* @__PURE__ */ e.jsx(
             Q,
             {
-              value: v,
+              value: j,
               onChange: (I) => S(y, I),
               onKeyDown: (I) => E(y, I),
               onFocus: () => {
-                const I = j.current[y];
+                const I = v.current[y];
                 I && I.select();
               },
               onPaste: z,
-              disabled: o,
+              disabled: s,
               error: k,
               secure: f,
               inputRef: (I) => {
-                j.current[y] = I;
+                v.current[y] = I;
               },
               index: y,
               id: `${g}-${y}`
@@ -802,7 +793,7 @@ const De = m.forwardRef(
           id: `${g}-error`,
           className: "mt-2 text-sm text-danger",
           role: "alert",
-          children: n
+          children: a
         }
       ),
       !k && r && /* @__PURE__ */ e.jsx("div", { id: `${g}-helper`, className: "mt-2 text-sm text-gray-600", children: r })
@@ -811,19 +802,19 @@ const De = m.forwardRef(
 );
 De.displayName = "PinField";
 function ze(t, r) {
-  ae(() => {
+  ne(() => {
     typeof t == "number" && !isNaN(t) ? r(`${t}`) : t === "" || t === null || t === void 0 ? r("") : typeof t == "string" && r(t);
   }, [t, r]);
 }
 function Oe(t, r = !1) {
   if (t === "" || t === "-" && r) return !0;
-  const n = r && t.startsWith("-") ? t.slice(1) : t;
-  if (r && t.startsWith("-") && n === "") return !0;
-  if (n.startsWith(".") || n.startsWith(",") || !/^[\d.,]+$/.test(n)) return !1;
-  const o = n.split(",");
-  if (o.length > 2) return !1;
-  const s = o[0], i = o[1];
-  return !(s === "" || !Pe(s) || i !== void 0 && i !== "" && !$e(i));
+  const a = r && t.startsWith("-") ? t.slice(1) : t;
+  if (r && t.startsWith("-") && a === "") return !0;
+  if (a.startsWith(".") || a.startsWith(",") || !/^[\d.,]+$/.test(a)) return !1;
+  const s = a.split(",");
+  if (s.length > 2) return !1;
+  const n = s[0], o = s[1];
+  return !(n === "" || !Pe(n) || o !== void 0 && o !== "" && !$e(o));
 }
 function Pe(t) {
   if (t === "") return !1;
@@ -831,11 +822,11 @@ function Pe(t) {
     return /^\d+$/.test(t);
   const r = t.split(".");
   if (r[0] === "" || !/^\d{1,3}$/.test(r[0])) return !1;
-  for (let n = 1; n < r.length; n++) {
-    const o = r[n];
-    if (n === r.length - 1) {
-      if (o !== "" && !/^\d{1,3}$/.test(o)) return !1;
-    } else if (!/^\d{3}$/.test(o)) return !1;
+  for (let a = 1; a < r.length; a++) {
+    const s = r[a];
+    if (a === r.length - 1) {
+      if (s !== "" && !/^\d{1,3}$/.test(s)) return !1;
+    } else if (!/^\d{3}$/.test(s)) return !1;
   }
   return !0;
 }
@@ -844,52 +835,52 @@ function $e(t) {
 }
 function U(t, r = !1) {
   if (t === "") return "";
-  const n = t.startsWith("-");
-  if (n && !r)
+  const a = t.startsWith("-");
+  if (a && !r)
     return U(t.slice(1), !1);
-  if (n && t.length === 1) return "-";
-  let s = (n ? t.slice(1) : t).replace(/[^\d.,]/g, "");
-  const i = s.lastIndexOf(",");
-  if (i !== -1) {
-    const d = s.slice(0, i).replace(/,/g, ""), l = s.slice(i + 1).replace(/,/g, "");
-    s = d + "," + l;
+  if (a && t.length === 1) return "-";
+  let n = (a ? t.slice(1) : t).replace(/[^\d.,]/g, "");
+  const o = n.lastIndexOf(",");
+  if (o !== -1) {
+    const d = n.slice(0, o).replace(/,/g, ""), l = n.slice(o + 1).replace(/,/g, "");
+    n = d + "," + l;
   }
-  return s = s.replace(/\.{2,}/g, "."), (n ? "-" : "") + s;
+  return n = n.replace(/\.{2,}/g, "."), (a ? "-" : "") + n;
 }
 const mt = ({
   value: t,
   onChange: r,
-  allowNegative: n = !1,
-  inputProps: o,
-  label: s,
-  helperText: i,
+  allowNegative: a = !1,
+  inputProps: s,
+  label: n,
+  helperText: o,
   error: d,
   ...l
 }) => {
-  const c = T(null), [a, u] = se(
+  const c = T(null), [i, u] = se(
     t === "" ? "" : String(t)
   );
   ze(t, u);
   const p = (f) => {
-    const h = f.target.value, b = U(h, n);
-    Oe(b, n) ? (u(b), r(b)) : f.preventDefault();
+    const h = f.target.value, b = U(h, a);
+    Oe(b, a) ? (u(b), r(b)) : f.preventDefault();
   };
   return /* @__PURE__ */ e.jsx(
     M,
     {
       ref: c,
       type: "text",
-      label: s,
-      value: a,
+      label: n,
+      value: i,
       onChange: p,
       error: d,
-      helperText: i,
+      helperText: o,
       placeholder: l.placeholder,
       leftContent: /* @__PURE__ */ e.jsx($, { as: ce, color: "inherit", size: "sm" }),
       inputMode: "numeric",
       autoComplete: "off",
       pattern: "[0-9.,-]*",
-      ...o,
+      ...s,
       ...l
     }
   );
@@ -962,16 +953,16 @@ const mt = ({
   }
 ), X = F(
   null
-), Ae = () => {
-  const t = A(X);
+), Be = () => {
+  const t = B(X);
   if (!t)
     throw new Error(
       "useRadioInputContext must be used within RadioInputContext"
     );
   return t;
-}, Be = m.forwardRef(
-  ({ children: t, description: r, className: n, disabled: o, id: s, value: i, ...d }, l) => {
-    const c = Ae(), a = m.useId(), u = s || a, p = o || c.disabled, f = c.error ? "danger" : c.variant || "primary";
+}, Ae = m.forwardRef(
+  ({ children: t, description: r, className: a, disabled: s, id: n, value: o, ...d }, l) => {
+    const c = Be(), i = m.useId(), u = n || i, p = s || c.disabled, f = c.error ? "danger" : c.variant || "primary";
     return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ e.jsx(
         "input",
@@ -980,7 +971,7 @@ const mt = ({
           type: "radio",
           id: u,
           name: c.name,
-          value: i,
+          value: o,
           disabled: p,
           className: x(
             Me({
@@ -996,7 +987,7 @@ const mt = ({
             "checked:before:opacity-100",
             // Outline variants use colored radio dot
             f?.includes("outline") && "checked:before:bg-current",
-            n
+            a
           ),
           ...d
         }
@@ -1033,17 +1024,17 @@ const mt = ({
   ({
     variant: t = "primary",
     size: r = "md",
-    label: n,
-    helperText: o,
-    error: s,
-    direction: i = "vertical",
+    label: a,
+    helperText: s,
+    error: n,
+    direction: o = "vertical",
     className: d,
     disabled: l,
     name: c,
-    children: a,
+    children: i,
     ...u
   }, p) => {
-    const f = !!s, h = {
+    const f = !!n, h = {
       variant: t,
       size: r,
       disabled: l,
@@ -1051,22 +1042,22 @@ const mt = ({
       name: c
     };
     return /* @__PURE__ */ e.jsx(X.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: p, className: x("w-full", d), ...u, children: [
-      n && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
-      /* @__PURE__ */ e.jsx("div", { className: Ee({ direction: i }), children: a }),
-      f && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
-      !f && o && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
+      a && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: a }),
+      /* @__PURE__ */ e.jsx("div", { className: Ee({ direction: o }), children: i }),
+      f && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !f && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
     ] }) });
   }
 ), ht = Object.assign(We, {
-  Option: Be
+  Option: Ae
 }), bt = O(
   ({
     autoComplete: t = "off",
     spellCheck: r = !1,
-    inputMode: n = "search",
-    placeholder: o = "Search...",
-    maxLength: s = 256,
-    enterKeyHint: i = "search",
+    inputMode: a = "search",
+    placeholder: s = "Search...",
+    maxLength: n = 256,
+    enterKeyHint: o = "search",
     "aria-label": d = "Search",
     // internal default, not in props
     ...l
@@ -1075,12 +1066,12 @@ const mt = ({
     {
       ref: c,
       type: "search",
-      inputMode: n,
+      inputMode: a,
       autoComplete: t,
       spellCheck: r,
-      placeholder: o,
-      maxLength: s,
-      enterKeyHint: i,
+      placeholder: s,
+      maxLength: n,
+      enterKeyHint: o,
       "aria-label": d,
       leftContent: /* @__PURE__ */ e.jsx($, { as: le, color: "inherit", size: "sm" }),
       ...l
@@ -1100,30 +1091,30 @@ const mt = ({
       state: "default"
     }
   }
-), Y = m.forwardRef(({ value: t, children: r, ...n }, o) => /* @__PURE__ */ e.jsx("option", { ref: o, value: t, ...n, children: r }));
+), Y = m.forwardRef(({ value: t, children: r, ...a }, s) => /* @__PURE__ */ e.jsx("option", { ref: s, value: t, ...a, children: r }));
 Y.displayName = "SelectOption";
-const Z = m.forwardRef(({ label: t, children: r, ...n }, o) => /* @__PURE__ */ e.jsx("optgroup", { ref: o, label: t, ...n, children: r }));
+const Z = m.forwardRef(({ label: t, children: r, ...a }, s) => /* @__PURE__ */ e.jsx("optgroup", { ref: s, label: t, ...a, children: r }));
 Z.displayName = "SelectOptionGroup";
 const ee = m.forwardRef(
   ({
     label: t,
     helperText: r,
-    error: n,
-    className: o,
-    disabled: s,
-    readOnly: i,
+    error: a,
+    className: s,
+    disabled: n,
+    readOnly: o,
     id: d,
     required: l,
     placeholder: c,
-    children: a,
+    children: i,
     onChange: u,
     ...p
   }, f) => {
-    const h = m.useId(), b = d || h, w = `${b}-helper`, g = `${b}-error`, k = !!n, j = m.useMemo(() => {
+    const h = m.useId(), b = d || h, w = `${b}-helper`, g = `${b}-error`, k = !!a, v = m.useMemo(() => {
       const N = [];
       return k ? N.push(g) : r && N.push(w), N.length > 0 ? N.join(" ") : void 0;
     }, [k, r, g, w]);
-    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", o), children: [
+    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", s), children: [
       t && /* @__PURE__ */ e.jsxs(
         "label",
         {
@@ -1142,21 +1133,21 @@ const ee = m.forwardRef(
             ref: f,
             id: b,
             required: l,
-            disabled: s || i,
+            disabled: n || o,
             "aria-invalid": k,
-            "aria-describedby": j,
+            "aria-describedby": v,
             "aria-errormessage": k ? g : void 0,
             onChange: u,
             className: x(
               Le({
-                state: k ? "error" : i ? "readOnly" : "default"
+                state: k ? "error" : o ? "readOnly" : "default"
               }),
               "h-9 pl-3"
             ),
             ...p,
             children: [
               c && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, hidden: !0, children: c }),
-              a
+              i
             ]
           }
         ),
@@ -1177,7 +1168,7 @@ const ee = m.forwardRef(
           className: "mt-1 text-sm text-danger",
           role: "alert",
           "aria-live": "polite",
-          children: n
+          children: a
         }
       ),
       !k && r && /* @__PURE__ */ e.jsx("div", { id: w, className: "mt-1 text-sm text-gray-600", children: r })
@@ -1239,45 +1230,45 @@ const gt = Object.assign(ee, {
   ({
     value: t,
     children: r,
-    checked: n,
-    id: o,
-    className: s,
-    disabled: i,
+    checked: a,
+    id: s,
+    className: n,
+    disabled: o,
     checkboxPlacement: d = "center",
     hideCheckbox: l = !1,
     ...c
-  }, a) => {
-    const u = B(), p = o || u, f = typeof r == "function" ? r(n) : r;
+  }, i) => {
+    const u = A(), p = s || u, f = typeof r == "function" ? r(a) : r;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
         htmlFor: p,
         className: x(
           Te({
-            checked: !!n,
-            disabled: !!i,
+            checked: !!a,
+            disabled: !!o,
             checkboxPlacement: d,
             hideCheckbox: l
           }),
-          s
+          n
         ),
-        "aria-checked": n,
+        "aria-checked": a,
         role: "radio",
         "aria-label": `Select ${t}`,
-        tabIndex: i ? -1 : 0,
+        tabIndex: o ? -1 : 0,
         children: [
           /* @__PURE__ */ e.jsx(
             "input",
             {
-              ref: a,
+              ref: i,
               id: p,
               type: "radio",
               value: t,
-              checked: n,
-              disabled: i,
+              checked: a,
+              disabled: o,
               className: "sr-only",
               "aria-hidden": !0,
-              "aria-checked": n,
+              "aria-checked": a,
               ...c
             }
           ),
@@ -1286,14 +1277,14 @@ const gt = Object.assign(ee, {
             {
               className: x(
                 qe({
-                  checked: !!n,
-                  disabled: !!i
+                  checked: !!a,
+                  disabled: !!o
                 }),
                 // Custom checkmark styling using ::after - centered positioning
                 'after:content-[""] after:absolute after:left-1/2 after:top-[45%] after:-translate-x-1/2 after:-translate-y-1/2 after:border-b-2 after:border-r-2 after:border-white after:rotate-45 after:opacity-0 after:transition-opacity after:duration-200',
                 // Checkmark dimensions scaled up for h-6 w-6 size
                 "after:w-[6px] after:h-[12px]",
-                n && "after:opacity-100"
+                a && "after:opacity-100"
               ),
               "aria-hidden": "true"
             }
@@ -1356,45 +1347,45 @@ const Ke = C(
   ({
     value: t,
     children: r,
-    checked: n,
-    id: o,
-    className: s,
-    disabled: i,
+    checked: a,
+    id: s,
+    className: n,
+    disabled: o,
     checkboxPlacement: d = "center",
     hideCheckbox: l = !1,
     ...c
-  }, a) => {
-    const u = B(), p = o || u, f = typeof r == "function" ? r(n) : r;
+  }, i) => {
+    const u = A(), p = s || u, f = typeof r == "function" ? r(a) : r;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
         htmlFor: p,
         className: x(
           Ke({
-            checked: !!n,
-            disabled: !!i,
+            checked: !!a,
+            disabled: !!o,
             checkboxPlacement: d,
             hideCheckbox: l
           }),
-          s
+          n
         ),
-        "aria-checked": n,
+        "aria-checked": a,
         role: "checkbox",
         "aria-label": `Select ${t}`,
-        tabIndex: i ? -1 : 0,
+        tabIndex: o ? -1 : 0,
         children: [
           /* @__PURE__ */ e.jsx(
             "input",
             {
-              ref: a,
+              ref: i,
               id: p,
               type: "checkbox",
               value: t,
-              checked: n,
-              disabled: i,
+              checked: a,
+              disabled: o,
               className: "sr-only",
               "aria-hidden": !0,
-              "aria-checked": n,
+              "aria-checked": a,
               ...c
             }
           ),
@@ -1403,14 +1394,14 @@ const Ke = C(
             {
               className: x(
                 _e({
-                  checked: !!n,
-                  disabled: !!i
+                  checked: !!a,
+                  disabled: !!o
                 }),
                 // Custom checkmark styling using ::after - centered positioning
                 'after:content-[""] after:absolute after:left-1/2 after:top-[45%] after:-translate-x-1/2 after:-translate-y-1/2 after:border-b-2 after:border-r-2 after:border-white after:rotate-45 after:opacity-0 after:transition-opacity after:duration-200',
                 // Checkmark dimensions scaled up for h-6 w-6 size
                 "after:w-[6px] after:h-[12px]",
-                n && "after:opacity-100"
+                a && "after:opacity-100"
               ),
               "aria-hidden": "true"
             }
@@ -1453,73 +1444,73 @@ const Je = C(
       checked: !1
     }
   }
-), Ue = ({ disabled: t = !1, checked: r = !1, className: n }) => /* @__PURE__ */ e.jsx(
+), Ue = ({ disabled: t = !1, checked: r = !1, className: a }) => /* @__PURE__ */ e.jsx(
   "span",
   {
     className: x(
       Je({ disabled: t, checked: r }),
       "pointer-events-none",
-      n
+      a
     ),
     "aria-hidden": "true"
   }
-), Xe = ({ checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: x(Qe({ checked: t })), "aria-hidden": "true" }), Ye = ({ label: t, htmlFor: r, disabled: n = !1, required: o = !1 }) => t ? /* @__PURE__ */ e.jsxs(
+), Xe = ({ checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: x(Qe({ checked: t })), "aria-hidden": "true" }), Ye = ({ label: t, htmlFor: r, disabled: a = !1, required: s = !1 }) => t ? /* @__PURE__ */ e.jsxs(
   "label",
   {
     htmlFor: r,
     className: x(
       "text-sm select-none font-medium text-foreground",
-      n && "opacity-50 cursor-not-allowed"
+      a && "opacity-50 cursor-not-allowed"
     ),
     children: [
       t,
-      o && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+      s && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
     ]
   }
 ) : null, Ze = m.forwardRef(
   ({
     value: t,
     onChange: r,
-    label: n,
-    disabled: o = !1,
-    required: s = !1,
-    className: i,
+    label: a,
+    disabled: s = !1,
+    required: n = !1,
+    className: o,
     id: d,
     ariaLabel: l,
     ...c
-  }, a) => {
+  }, i) => {
     const u = m.useId(), p = d || u, f = t ?? !1, h = (b) => {
       r?.(b.target.checked);
     };
-    return /* @__PURE__ */ e.jsxs("div", { className: x("inline-flex items-center gap-2", i), children: [
+    return /* @__PURE__ */ e.jsxs("div", { className: x("inline-flex items-center gap-2", o), children: [
       /* @__PURE__ */ e.jsxs("span", { className: "relative inline-flex items-center", children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            ref: a,
+            ref: i,
             type: "checkbox",
             role: "switch",
             id: p,
-            "aria-label": l || n,
+            "aria-label": l || a,
             "aria-checked": f,
             checked: f,
-            disabled: o,
-            required: s,
+            disabled: s,
+            required: n,
             onChange: h,
             className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10 disabled:cursor-not-allowed",
             ...c
           }
         ),
-        /* @__PURE__ */ e.jsx(Ue, { disabled: o, checked: f }),
+        /* @__PURE__ */ e.jsx(Ue, { disabled: s, checked: f }),
         /* @__PURE__ */ e.jsx(Xe, { checked: f })
       ] }),
       /* @__PURE__ */ e.jsx(
         Ye,
         {
-          label: n,
+          label: a,
           htmlFor: p,
-          disabled: o,
-          required: s
+          disabled: s,
+          required: n
         }
       )
     ] });
@@ -1527,45 +1518,44 @@ const Je = C(
 );
 Ze.displayName = "SwitchInput";
 const et = C(
-  "block w-full rounded-md border bg-white text-foreground transition-colors focus:outline-none overflow-y-auto whitespace-pre-wrap break-words",
+  "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none disabled:bg-gray-50 overflow-y-auto whitespace-pre-wrap break-words",
   {
     variants: {
       state: {
-        default: "border-primary/30 focus:ring-2 focus:ring-primary/20 focus:border-primary",
-        error: "border-danger bg-danger/5 focus:ring-2 focus:border-danger focus:ring-danger/20",
-        disabled: "opacity-50 pointer-events-none bg-gray-50 border-gray-300 cursor-not-allowed",
-        readOnly: "bg-gray-50 cursor-default focus:ring-0 border-gray-300 focus:border-gray-300"
+        default: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20",
+        error: "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20",
+        readOnly: "border-gray-300 bg-gray-50 text-foreground cursor-default focus:ring-0 focus:border-gray-300"
       }
     },
     defaultVariants: {
       state: "default"
     }
   }
-), tt = (t, r, n) => t ? "disabled" : r ? "readOnly" : n ? "error" : "default", rt = (t, r, n) => {
-  if (r || n) {
+), tt = (t, r) => t ? "readOnly" : r ? "error" : "default", rt = (t, r, a) => {
+  if (r || a) {
     t.preventDefault();
     return;
   }
   t.preventDefault();
-  const o = t.clipboardData.getData("text/plain"), s = window.getSelection();
-  if (!s || !s.rangeCount) return;
-  s.deleteFromDocument();
-  const i = s.getRangeAt(0), d = document.createTextNode(o);
-  i.insertNode(d), i.setStartAfter(d), i.setEndAfter(d), s.removeAllRanges(), s.addRange(i);
+  const s = t.clipboardData.getData("text/plain"), n = window.getSelection();
+  if (!n || !n.rangeCount) return;
+  n.deleteFromDocument();
+  const o = n.getRangeAt(0), d = document.createTextNode(s);
+  o.insertNode(d), o.setStartAfter(d), o.setEndAfter(d), n.removeAllRanges(), n.addRange(o);
   const l = new Event("input", { bubbles: !0 });
   t.currentTarget.dispatchEvent(l);
-}, nt = m.forwardRef(
+}, at = m.forwardRef(
   ({
     label: t,
     helperText: r,
-    error: n,
-    className: o,
-    disabled: s,
-    readOnly: i,
+    error: a,
+    className: s,
+    disabled: n,
+    readOnly: o,
     id: d,
     value: l,
     defaultValue: c,
-    onChange: a,
+    onChange: i,
     placeholder: u,
     name: p,
     row: f = 3,
@@ -1574,21 +1564,21 @@ const et = C(
     onFocus: w,
     onKeyDown: g,
     ...k
-  }, j) => {
-    const N = m.useId(), V = d || N, R = !!n, S = m.useRef(null), [E, z] = m.useState(c || ""), v = l !== void 0, y = v ? l : E;
-    m.useImperativeHandle(j, () => S.current), m.useEffect(() => {
+  }, v) => {
+    const N = m.useId(), V = d || N, R = !!a, S = m.useRef(null), [E, z] = m.useState(c || ""), j = l !== void 0, y = j ? l : E;
+    m.useImperativeHandle(v, () => S.current), m.useEffect(() => {
       S.current && S.current.textContent !== y && (S.current.textContent = y);
     }, [y]);
-    const I = tt(s, i, R), D = !y && u, te = (P) => {
+    const I = tt(o, R), D = !y && u, te = (P) => {
       const L = P.currentTarget.textContent || "";
-      v || z(L), a?.(L);
+      j || z(L), i?.(L);
     }, re = (P) => {
-      if (s || i) {
+      if (n || o) {
         P.preventDefault();
         return;
       }
       g?.(P);
-    }, ne = () => {
+    }, ae = () => {
       S.current?.focus();
     };
     return /* @__PURE__ */ e.jsxs("div", { children: [
@@ -1597,14 +1587,14 @@ const et = C(
         {
           htmlFor: V,
           className: "block text-sm font-medium text-foreground mb-2 cursor-pointer",
-          onClick: ne,
+          onClick: ae,
           children: [
             t,
             h && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ e.jsx("div", { className: x("relative w-full", o), children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx("div", { className: x("relative w-full", s), children: /* @__PURE__ */ e.jsx(
         "div",
         {
           ref: S,
@@ -1612,15 +1602,15 @@ const et = C(
           role: "textbox",
           "aria-multiline": "true",
           "aria-invalid": R,
-          "aria-disabled": s,
-          "aria-readonly": i,
+          "aria-disabled": n,
+          "aria-readonly": o,
           "aria-required": h,
           "aria-label": typeof t == "string" ? t : void 0,
-          contentEditable: !s && !i,
+          contentEditable: !n && !o,
           "data-name": p,
           onInput: te,
           onKeyDown: re,
-          onPaste: (P) => rt(P, s, i),
+          onPaste: (P) => rt(P, n, o),
           onBlur: b,
           onFocus: w,
           suppressContentEditableWarning: !0,
@@ -1634,15 +1624,15 @@ const et = C(
           ...k
         }
       ) }),
-      R && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: n }),
+      R && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: a }),
       !R && r && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: r })
     ] });
   }
 );
-nt.displayName = "TextAreaInput";
-const xt = O(function(r, n) {
-  const o = (s) => {
-    r?.onChange?.(s.target.value);
+at.displayName = "TextAreaInput";
+const xt = O(function(r, a) {
+  const s = (n) => {
+    r?.onChange?.(n.target.value);
   };
   return /* @__PURE__ */ e.jsx(
     M,
@@ -1651,9 +1641,9 @@ const xt = O(function(r, n) {
       tabIndex: 0,
       "aria-hidden": "true",
       leftContent: /* @__PURE__ */ e.jsx($, { as: ue, color: "inherit", size: "sm" }),
-      ref: n,
+      ref: a,
       ...r,
-      onChange: o
+      onChange: s
     }
   );
 });
@@ -1673,6 +1663,6 @@ export {
   He as f,
   Ze as g,
   J as h,
-  nt as i,
+  at as i,
   xt as j
 };