@dimasbaguspm/versaur 0.0.54 → 0.0.56

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

@@ -1,9 +1,9 @@
-import { c as N, j as e, a as x } from "./index-DOdDlCoL.js";
-import b, { createContext as E, useContext as F, useId as B, forwardRef as z, useRef as T, useEffect as ne, useState as se } from "react";
-import { I as P } from "./image-rectangle-K9jmTTED.js";
+import { c as C, j as e, a as x } from "./index-DOdDlCoL.js";
+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";
-const fe = N("space-y-2", {
+const fe = C("space-y-2", {
   variants: {
     direction: {
       vertical: "space-y-2 space-x-0",
@@ -13,9 +13,9 @@ const fe = N("space-y-2", {
   defaultVariants: {
     direction: "vertical"
   }
-}), pe = N(
+}), pe = C(
   "relative h-4 w-4 rounded border cursor-pointer transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed appearance-none bg-white border-primary/40 checked:bg-primary checked:border-primary focus:ring-primary/20"
-), me = N(
+), me = C(
   "text-sm text-foreground cursor-pointer select-none",
   {
     variants: {
@@ -28,20 +28,20 @@ const fe = N("space-y-2", {
       disabled: !1
     }
   }
-), q = E(null), he = () => {
-  const t = F(q);
+), q = F(null), he = () => {
+  const t = B(q);
   if (!t)
     throw new Error("CheckboxOption must be used within CheckboxInput");
   return t;
-}, G = b.forwardRef(({ children: t, description: r, className: a, disabled: s, id: n, ...o }, d) => {
-  const c = he(), i = b.useId(), l = n || i, u = s || c.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: l,
+        id: i,
         disabled: u,
         className: x(
           pe(),
@@ -59,7 +59,7 @@ const fe = N("space-y-2", {
       /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: l,
+          htmlFor: i,
           className: me({
             disabled: u
           }),
@@ -80,7 +80,7 @@ const fe = N("space-y-2", {
   ] });
 });
 G.displayName = "CheckboxOption";
-const K = b.forwardRef(
+const K = m.forwardRef(
   ({
     label: t,
     helperText: r,
@@ -89,25 +89,25 @@ const K = b.forwardRef(
     className: n,
     disabled: o,
     required: d,
-    children: c,
-    ...i
-  }, l) => {
+    children: l,
+    ...c
+  }, i) => {
     const u = !!a, p = {
       disabled: o
     };
     return /* @__PURE__ */ e.jsx(q.Provider, { value: p, children: /* @__PURE__ */ e.jsxs(
       "fieldset",
       {
-        ref: l,
+        ref: i,
         disabled: o,
         className: x("w-full border-0 p-0 m-0", n),
-        ...i,
+        ...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: s }), children: c }),
+          /* @__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 })
         ]
@@ -118,14 +118,14 @@ const K = b.forwardRef(
 K.displayName = "CheckboxInput";
 const lt = Object.assign(K, {
   Option: G
-}), _ = E(null), be = () => {
-  const t = F(_);
+}), _ = F(null), be = () => {
+  const t = B(_);
   if (!t)
     throw new Error(
       "useChipSingleInputContext must be used within ChipSingleInputContext"
     );
   return t;
-}, ge = N(
+}, ge = 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: {
@@ -139,9 +139,9 @@ const lt = Object.assign(K, {
       size: "md"
     }
   }
-), xe = b.forwardRef(({ children: t, className: r, disabled: a, id: s, value: n, ...o }, d) => {
-  const { size: c = "md", maxWidth: i, ...l } = be(), u = B(), p = s || u, f = a || l.disabled, m = l.readOnly, h = l.value === n, y = (g) => {
-    !f && !m && l.onChange?.(n), o.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,12 +150,12 @@ const lt = Object.assign(K, {
         ref: d,
         type: "radio",
         id: p,
-        name: l.name,
+        name: i.name,
         value: n,
-        checked: h,
+        checked: b,
         disabled: f,
-        readOnly: m,
-        onChange: y,
+        readOnly: h,
+        onChange: w,
         className: "sr-only",
         ...o
       }
@@ -164,15 +164,15 @@ const lt = Object.assign(K, {
       "label",
       {
         htmlFor: p,
-        "data-selected": h,
-        style: i ? { maxWidth: i } : void 0,
+        "data-selected": b,
+        style: c ? { maxWidth: c } : void 0,
         className: x(
           ge({
-            size: c
+            size: l
           }),
           f && "opacity-50 cursor-not-allowed pointer-events-none",
-          m && "cursor-default pointer-events-none",
-          i && "overflow-hidden",
+          h && "cursor-default pointer-events-none",
+          c && "overflow-hidden",
           r
         ),
         children: /* @__PURE__ */ e.jsx(
@@ -180,7 +180,7 @@ const lt = Object.assign(K, {
           {
             className: x(
               "flex items-center gap-2",
-              i && "truncate min-w-0"
+              c && "truncate min-w-0"
             ),
             children: t
           }
@@ -188,7 +188,7 @@ const lt = Object.assign(K, {
       }
     )
   ] });
-}), ye = z(
+}), ye = O(
   ({
     size: t = "md",
     label: r,
@@ -197,53 +197,53 @@ const lt = Object.assign(K, {
     error: n,
     className: o,
     disabled: d,
-    readOnly: c,
-    maxWidth: i,
-    name: l,
+    readOnly: l,
+    maxWidth: c,
+    name: i,
     value: u,
     onChange: p,
     children: f,
-    ...m
-  }, h) => {
-    const y = !!n, g = {
+    ...h
+  }, b) => {
+    const w = !!n, g = {
       size: t,
       disabled: d,
-      readOnly: c,
-      error: y,
-      name: l,
+      readOnly: l,
+      error: w,
+      name: i,
       value: u,
-      maxWidth: i,
+      maxWidth: c,
       onChange: p
     };
     return /* @__PURE__ */ e.jsx(_.Provider, { value: g, children: /* @__PURE__ */ e.jsxs(
       "fieldset",
       {
-        ref: h,
+        ref: b,
         className: x("w-full border-0 p-0 m-0", o),
         disabled: d,
-        ...m,
+        ...h,
         children: [
           r && /* @__PURE__ */ e.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3 float-none w-auto", children: [
             r,
             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 }),
-          y && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-          !y && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
+          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 })
         ]
       }
     ) });
   }
 ), dt = Object.assign(ye, {
   Option: xe
-}), H = E(null), we = () => {
-  const t = F(H);
+}), H = F(null), we = () => {
+  const t = B(H);
   if (!t)
     throw new Error(
       "useChipMultipleInputContext must be used within ChipMultipleInputContext"
     );
   return t;
-}, ve = N(
+}, 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,12 +257,12 @@ const lt = Object.assign(K, {
       size: "md"
     }
   }
-), je = b.forwardRef(({ children: t, className: r, disabled: a, id: s, value: n, ...o }, d) => {
-  const { size: c = "md", maxWidth: i, ...l } = we(), u = B(), p = s || u, f = a || l.disabled, m = l.readOnly, h = l.value?.includes(n) ?? !1, y = (g) => {
-    if (!f && !m) {
-      const j = l.value || [];
+), 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 = i.value || [];
       let v;
-      h ? v = j.filter((V) => V !== n) : v = [...j, n], l.onChange?.(v);
+      b ? v = k.filter((N) => N !== n) : v = [...k, n], i.onChange?.(v);
     }
     o.onChange?.(g);
   };
@@ -273,12 +273,12 @@ const lt = Object.assign(K, {
         ref: d,
         type: "checkbox",
         id: p,
-        name: `${l.name}[]`,
+        name: `${i.name}[]`,
         value: n,
-        checked: h,
+        checked: b,
         disabled: f,
-        readOnly: m,
-        onChange: y,
+        readOnly: h,
+        onChange: w,
         className: "sr-only",
         ...o
       }
@@ -287,15 +287,15 @@ const lt = Object.assign(K, {
       "label",
       {
         htmlFor: p,
-        "data-selected": h,
-        style: i ? { maxWidth: i } : void 0,
+        "data-selected": b,
+        style: c ? { maxWidth: c } : void 0,
         className: x(
           ve({
-            size: c
+            size: l
           }),
           f && "opacity-50 cursor-not-allowed pointer-events-none",
-          m && "cursor-default pointer-events-none",
-          i && "overflow-hidden",
+          h && "cursor-default pointer-events-none",
+          c && "overflow-hidden",
           r
         ),
         children: /* @__PURE__ */ e.jsx(
@@ -303,7 +303,7 @@ const lt = Object.assign(K, {
           {
             className: x(
               "flex items-center gap-2",
-              i && "truncate min-w-0"
+              c && "truncate min-w-0"
             ),
             children: t
           }
@@ -311,7 +311,7 @@ const lt = Object.assign(K, {
       }
     )
   ] });
-}), ke = z(
+}), ke = O(
   ({
     size: t = "md",
     label: r,
@@ -320,46 +320,46 @@ const lt = Object.assign(K, {
     error: n,
     className: o,
     disabled: d,
-    readOnly: c,
-    maxWidth: i,
-    name: l,
+    readOnly: l,
+    maxWidth: c,
+    name: i,
     value: u = [],
     onChange: p,
     children: f,
-    ...m
-  }, h) => {
-    const y = !!n, g = {
+    ...h
+  }, b) => {
+    const w = !!n, g = {
       size: t,
       disabled: d,
-      readOnly: c,
-      error: y,
-      name: l,
+      readOnly: l,
+      error: w,
+      name: i,
       value: u,
-      maxWidth: i,
+      maxWidth: c,
       onChange: p
     };
     return /* @__PURE__ */ e.jsx(H.Provider, { value: g, children: /* @__PURE__ */ e.jsxs(
       "fieldset",
       {
-        ref: h,
+        ref: b,
         className: x("w-full border-0 p-0 m-0", o),
         disabled: d,
-        ...m,
+        ...h,
         children: [
           r && /* @__PURE__ */ e.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3 float-none w-auto", children: [
             r,
             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 }),
-          y && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-          !y && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
+          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: je
-}), Ie = N(
+}), 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",
   {
     variants: {
@@ -373,7 +373,7 @@ const lt = Object.assign(K, {
       state: "default"
     }
   }
-), J = b.forwardRef(
+), J = m.forwardRef(
   ({
     label: t,
     leftContent: r,
@@ -382,26 +382,27 @@ const lt = Object.assign(K, {
     error: n,
     className: o,
     disabled: d,
-    id: c,
-    required: i,
-    value: l = "",
-    placeholder: u = "",
-    name: p,
-    ...f
-  }, m) => {
-    const h = b.useId(), y = c || h, g = `${y}-helper`, j = `${y}-error`, v = !!n, V = l || u, R = b.useMemo(() => {
-      const C = [];
-      return v ? C.push(j) : s && C.push(g), C.length > 0 ? C.join(" ") : void 0;
-    }, [v, s, j, g]);
+    id: l,
+    required: c,
+    value: i,
+    displayValue: u,
+    placeholder: p = "",
+    name: f,
+    ...h
+  }, b) => {
+    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(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",
         {
-          htmlFor: y,
+          htmlFor: g,
           className: "block text-sm font-medium text-foreground mb-2",
           children: [
             t,
-            i && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            c && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
@@ -418,24 +419,24 @@ const lt = Object.assign(K, {
         /* @__PURE__ */ e.jsx(
           "button",
           {
-            ref: m,
-            id: y,
+            ref: b,
+            id: g,
             type: "button",
             disabled: d,
-            "aria-invalid": v || void 0,
-            "aria-describedby": R,
-            "aria-errormessage": v ? j : void 0,
-            "aria-required": i || void 0,
+            "aria-invalid": N || void 0,
+            "aria-describedby": E,
+            "aria-errormessage": N ? v : void 0,
+            "aria-required": c || void 0,
             className: x(
               Ie({
-                state: v ? "error" : "default"
+                state: N ? "error" : "default"
               }),
               r ? "pl-9" : "pl-3",
               a ? "pr-9" : "pr-3",
               "h-9",
-              !l && "text-gray-400"
+              !S && "text-gray-400"
             ),
-            ...f,
+            ...h,
             children: V
           }
         ),
@@ -448,28 +449,28 @@ const lt = Object.assign(K, {
             children: a
           }
         ),
-        p && /* @__PURE__ */ e.jsx(
+        f && /* @__PURE__ */ e.jsx(
           "input",
           {
             type: "hidden",
-            name: p,
-            value: l,
+            name: f,
+            value: R,
             readOnly: !0,
             "data-testid": "hidden-input"
           }
         )
       ] }),
-      v && /* @__PURE__ */ e.jsx(
+      N && /* @__PURE__ */ e.jsx(
         "div",
         {
-          id: j,
+          id: v,
           className: "mt-1 text-sm text-danger",
           role: "alert",
           "aria-live": "polite",
           children: n
         }
       ),
-      !v && s && /* @__PURE__ */ e.jsx("div", { id: g, className: "mt-1 text-sm text-gray-600", children: s })
+      !N && s && /* @__PURE__ */ e.jsx("div", { id: k, className: "mt-1 text-sm text-gray-600", children: s })
     ] });
   }
 );
@@ -483,24 +484,25 @@ function Ne(t) {
     day: "numeric"
   });
 }
-const ft = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatter: n, min: o, max: d, ...c }, i) {
-  const l = T(null), u = (h) => {
-    l.current = h, typeof i == "function" ? i(h) : i && typeof i == "object" && (i.current = h);
+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 = () => {
-    l.current && (typeof l.current.showPicker == "function" ? l.current.showPicker() : l.current.focus());
-  }, f = (h) => {
-    a(h.target.value);
-  }, m = (n ?? Ne)(r);
+    i.current && (typeof i.current.showPicker == "function" ? i.current.showPicker() : i.current.focus());
+  }, f = (b) => {
+    a(b.target.value);
+  }, h = (n ?? Ne)(r);
   return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ e.jsx(
       J,
       {
         onClick: p,
-        value: m,
+        value: r,
+        displayValue: h,
         label: s,
-        leftContent: /* @__PURE__ */ e.jsx(P, { as: oe, color: "inherit", size: "sm" }),
+        leftContent: /* @__PURE__ */ e.jsx($, { as: oe, color: "inherit", size: "sm" }),
         "data-testid": "date-single-picker-visible-input",
-        ...c
+        ...l
       }
     ),
     /* @__PURE__ */ e.jsx(
@@ -518,7 +520,7 @@ const ft = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
       }
     )
   ] });
-}), Ce = N(
+}), Ce = 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",
   {
     variants: {
@@ -532,7 +534,7 @@ const ft = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
       state: "default"
     }
   }
-), $ = b.forwardRef(
+), M = m.forwardRef(
   ({
     label: t,
     leftContent: r,
@@ -541,24 +543,24 @@ const ft = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
     error: n,
     className: o,
     disabled: d,
-    readOnly: c,
-    id: i,
-    required: l,
+    readOnly: l,
+    id: c,
+    required: i,
     ...u
   }, p) => {
-    const f = b.useId(), m = i || f, h = `${m}-helper`, y = `${m}-error`, g = !!n, j = b.useMemo(() => {
+    const f = m.useId(), h = c || f, b = `${h}-helper`, w = `${h}-error`, g = !!n, k = m.useMemo(() => {
       const v = [];
-      return g ? v.push(y) : s && v.push(h), v.length > 0 ? v.join(" ") : void 0;
-    }, [g, s, y, h]);
+      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",
         {
-          htmlFor: m,
+          htmlFor: h,
           className: "block text-sm font-medium text-foreground mb-2",
           children: [
             t,
-            l && /* @__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: "*" })
           ]
         }
       ),
@@ -576,16 +578,16 @@ const ft = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
           "input",
           {
             ref: p,
-            id: m,
-            required: l,
+            id: h,
+            required: i,
             disabled: d,
-            readOnly: c,
+            readOnly: l,
             "aria-invalid": g,
-            "aria-describedby": j,
-            "aria-errormessage": g ? y : void 0,
+            "aria-describedby": k,
+            "aria-errormessage": g ? w : void 0,
             className: x(
               Ce({
-                state: g ? "error" : c ? "readOnly" : "default"
+                state: g ? "error" : l ? "readOnly" : "default"
               }),
               r ? "pl-9" : "pl-3",
               a ? "pr-9" : "pr-3",
@@ -607,31 +609,31 @@ const ft = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
       g && /* @__PURE__ */ e.jsx(
         "div",
         {
-          id: y,
+          id: w,
           className: "mt-1 text-sm text-danger",
           role: "alert",
           "aria-live": "polite",
           children: n
         }
       ),
-      !g && s && /* @__PURE__ */ e.jsx("div", { id: h, className: "mt-1 text-sm text-gray-600", children: s })
+      !g && s && /* @__PURE__ */ e.jsx("div", { id: b, className: "mt-1 text-sm text-gray-600", children: s })
     ] });
   }
 );
-$.displayName = "TextInput";
-const pt = z(
+M.displayName = "TextInput";
+const pt = O(
   (t, r) => /* @__PURE__ */ e.jsx(
-    $,
+    M,
     {
       ...t,
       ref: r,
       type: "email",
       autoComplete: "email",
       inputMode: "email",
-      leftContent: /* @__PURE__ */ e.jsx(P, { as: ie, color: "inherit", size: "sm" })
+      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 = b.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,
@@ -640,23 +642,23 @@ const pt = z(
     onPaste: n,
     disabled: o,
     error: d,
-    secure: c,
-    inputRef: i,
-    index: l,
+    secure: l,
+    inputRef: c,
+    index: i,
     id: u
   }, p) => /* @__PURE__ */ e.jsx(
     "input",
     {
-      ref: i,
+      ref: c,
       id: u,
       type: "text",
       inputMode: "numeric",
-      pattern: c ? void 0 : "[0-9]*",
+      pattern: l ? void 0 : "[0-9]*",
       maxLength: 1,
-      value: c ? t ? "•" : "" : t,
+      value: l ? t ? "•" : "" : t,
       onChange: (f) => {
-        const m = f.target.value;
-        (m === "" || Se(m)) && r(m);
+        const h = f.target.value;
+        (h === "" || Se(h)) && r(h);
       },
       onKeyDown: a,
       onFocus: s,
@@ -664,14 +666,14 @@ const pt = z(
       disabled: o,
       "aria-invalid": d,
       "aria-disabled": o,
-      className: d ? Re : Ve,
+      className: d ? Ve : Re,
       autoComplete: "one-time-code",
-      "data-testid": `pin-input-${l}`
+      "data-testid": `pin-input-${i}`
     }
   )
 );
 Q.displayName = "PinInput";
-const De = b.forwardRef(
+const De = m.forwardRef(
   ({
     label: t,
     helperText: r,
@@ -680,60 +682,60 @@ const De = b.forwardRef(
     value: n,
     onChange: o,
     onComplete: d,
-    digits: c = 6,
-    className: i,
-    id: l,
+    digits: l = 6,
+    className: c,
+    id: i,
     name: u,
     required: p,
     secure: f = !1,
-    ...m
-  }, h) => {
-    const y = b.useId(), g = l || y, j = !!a, v = b.useRef([]), V = W(n, c), R = V.split("").concat(Array(c - V.length).fill("")), C = b.useCallback(
-      (k) => {
-        const w = W(k, c);
-        o(w), w.length === c && d?.(w);
+    ...h
+  }, b) => {
+    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);
       },
-      [o, d, c]
-    ), D = b.useCallback(
-      (k, w) => {
-        const I = [...R];
-        I[k] = w;
-        const S = I.join("").replace(/\s+$/, "");
-        C(S), w && k < c - 1 && v.current[k + 1]?.focus();
+      [o, d, l]
+    ), S = m.useCallback(
+      (j, y) => {
+        const I = [...V];
+        I[j] = y;
+        const D = I.join("").replace(/\s+$/, "");
+        R(D), y && j < l - 1 && v.current[j + 1]?.focus();
       },
-      [R, C, c]
-    ), M = b.useCallback(
-      (k, w) => {
-        if (w.key === "Backspace") {
-          if (!R[k] && k > 0) {
-            w.preventDefault();
-            const I = [...R];
-            I[k - 1] = "";
-            const S = I.join("").replace(/\s+$/, "");
-            C(S), v.current[k - 1]?.focus();
-          } else if (R[k]) {
-            w.preventDefault();
-            const I = [...R];
-            I[k] = "";
-            const S = I.join("").replace(/\s+$/, "");
-            C(S);
+      [V, R, l]
+    ), E = m.useCallback(
+      (j, y) => {
+        if (y.key === "Backspace") {
+          if (!V[j] && j > 0) {
+            y.preventDefault();
+            const I = [...V];
+            I[j - 1] = "";
+            const D = I.join("").replace(/\s+$/, "");
+            R(D), v.current[j - 1]?.focus();
+          } else if (V[j]) {
+            y.preventDefault();
+            const I = [...V];
+            I[j] = "";
+            const D = I.join("").replace(/\s+$/, "");
+            R(D);
           }
-        } else w.key === "ArrowLeft" && k > 0 ? (w.preventDefault(), v.current[k - 1]?.focus()) : w.key === "ArrowRight" && k < c - 1 && (w.preventDefault(), v.current[k + 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());
       },
-      [R, C, c]
-    ), A = b.useCallback(
-      (k) => {
-        k.preventDefault();
-        const w = k.clipboardData.getData("text"), I = W(w, c);
+      [V, R, l]
+    ), z = m.useCallback(
+      (j) => {
+        j.preventDefault();
+        const y = j.clipboardData.getData("text"), I = W(y, l);
         if (I.length > 0) {
-          C(I);
-          const S = Math.min(I.length, c - 1);
-          v.current[S]?.focus();
+          R(I);
+          const D = Math.min(I.length, l - 1);
+          v.current[D]?.focus();
         }
       },
-      [C, c]
+      [R, l]
     );
-    return /* @__PURE__ */ e.jsxs("div", { ref: h, className: x("w-full", i), ...m, children: [
+    return /* @__PURE__ */ e.jsxs("div", { ref: b, className: x("w-full", c), ...h, children: [
       t && /* @__PURE__ */ e.jsxs(
         "label",
         {
@@ -751,28 +753,28 @@ const De = b.forwardRef(
           className: "flex gap-2 justify-center",
           role: "group",
           "aria-labelledby": t ? `${g}-label` : void 0,
-          "aria-describedby": j ? `${g}-error` : r ? `${g}-helper` : void 0,
-          children: R.map((k, w) => /* @__PURE__ */ e.jsx(
+          "aria-describedby": k ? `${g}-error` : r ? `${g}-helper` : void 0,
+          children: V.map((j, y) => /* @__PURE__ */ e.jsx(
             Q,
             {
-              value: k,
-              onChange: (I) => D(w, I),
-              onKeyDown: (I) => M(w, I),
+              value: j,
+              onChange: (I) => S(y, I),
+              onKeyDown: (I) => E(y, I),
               onFocus: () => {
-                const I = v.current[w];
+                const I = v.current[y];
                 I && I.select();
               },
-              onPaste: A,
+              onPaste: z,
               disabled: s,
-              error: j,
+              error: k,
               secure: f,
               inputRef: (I) => {
-                v.current[w] = I;
+                v.current[y] = I;
               },
-              index: w,
-              id: `${g}-${w}`
+              index: y,
+              id: `${g}-${y}`
             },
-            w
+            y
           ))
         }
       ),
@@ -781,11 +783,11 @@ const De = b.forwardRef(
         {
           type: "hidden",
           name: u,
-          value: V,
+          value: N,
           required: p
         }
       ),
-      j && /* @__PURE__ */ e.jsx(
+      k && /* @__PURE__ */ e.jsx(
         "div",
         {
           id: `${g}-error`,
@@ -794,7 +796,7 @@ const De = b.forwardRef(
           children: a
         }
       ),
-      !j && r && /* @__PURE__ */ e.jsx("div", { id: `${g}-helper`, className: "mt-2 text-sm text-gray-600", children: r })
+      !k && r && /* @__PURE__ */ e.jsx("div", { id: `${g}-helper`, className: "mt-2 text-sm text-gray-600", children: r })
     ] });
   }
 );
@@ -840,8 +842,8 @@ function U(t, r = !1) {
   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, ""), c = n.slice(o + 1).replace(/,/g, "");
-    n = d + "," + c;
+    const d = n.slice(0, o).replace(/,/g, ""), l = n.slice(o + 1).replace(/,/g, "");
+    n = d + "," + l;
   }
   return n = n.replace(/\.{2,}/g, "."), (a ? "-" : "") + n;
 }
@@ -853,36 +855,36 @@ const mt = ({
   label: n,
   helperText: o,
   error: d,
-  ...c
+  ...l
 }) => {
-  const i = T(null), [l, u] = se(
+  const c = T(null), [i, u] = se(
     t === "" ? "" : String(t)
   );
   ze(t, u);
   const p = (f) => {
-    const m = f.target.value, h = U(m, a);
-    Oe(h, a) ? (u(h), r(h)) : 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: i,
+      ref: c,
       type: "text",
       label: n,
-      value: l,
+      value: i,
       onChange: p,
       error: d,
       helperText: o,
-      placeholder: c.placeholder,
-      leftContent: /* @__PURE__ */ e.jsx(P, { as: ce, color: "inherit", size: "sm" }),
+      placeholder: l.placeholder,
+      leftContent: /* @__PURE__ */ e.jsx($, { as: ce, color: "inherit", size: "sm" }),
       inputMode: "numeric",
       autoComplete: "off",
       pattern: "[0-9.,-]*",
       ...s,
-      ...c
+      ...l
     }
   );
-}, Ee = N("space-y-2", {
+}, Ee = C("space-y-2", {
   variants: {
     direction: {
       vertical: "space-y-2 space-x-0",
@@ -892,7 +894,7 @@ const mt = ({
   defaultVariants: {
     direction: "vertical"
   }
-}), Fe = N(
+}), Me = C(
   "relative h-4 w-4 rounded-full border cursor-pointer transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed appearance-none bg-white",
   {
     variants: {
@@ -930,7 +932,7 @@ const mt = ({
       size: "md"
     }
   }
-), Be = N(
+), Fe = C(
   "text-foreground cursor-pointer select-none",
   {
     variants: {
@@ -949,39 +951,39 @@ const mt = ({
       disabled: !1
     }
   }
-), X = E(
+), X = F(
   null
-), Me = () => {
-  const t = F(X);
+), Be = () => {
+  const t = B(X);
   if (!t)
     throw new Error(
       "useRadioInputContext must be used within RadioInputContext"
     );
   return t;
-}, Ae = b.forwardRef(
-  ({ children: t, description: r, className: a, disabled: s, id: n, value: o, ...d }, c) => {
-    const i = Me(), l = b.useId(), u = n || l, p = s || i.disabled, f = i.error ? "danger" : i.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",
         {
-          ref: c,
+          ref: l,
           type: "radio",
           id: u,
-          name: i.name,
+          name: c.name,
           value: o,
           disabled: p,
           className: x(
-            Fe({
+            Me({
               variant: f,
-              size: i.size
+              size: c.size
             }),
             // Custom radio dot styling using ::before - centered positioning with size variants
             'before:content-[""] before:absolute before:left-1/2 before:top-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-white before:opacity-0 before:transition-opacity before:duration-200',
             // Size-specific radio dot dimensions
-            i.size === "sm" && "before:w-[6px] before:h-[6px]",
-            i.size === "md" && "before:w-[8px] before:h-[8px]",
-            i.size === "lg" && "before:w-[10px] before:h-[10px]",
+            c.size === "sm" && "before:w-[6px] before:h-[6px]",
+            c.size === "md" && "before:w-[8px] before:h-[8px]",
+            c.size === "lg" && "before:w-[10px] before:h-[10px]",
             "checked:before:opacity-100",
             // Outline variants use colored radio dot
             f?.includes("outline") && "checked:before:bg-current",
@@ -995,8 +997,8 @@ const mt = ({
           "label",
           {
             htmlFor: u,
-            className: Be({
-              size: i.size,
+            className: Fe({
+              size: c.size,
               disabled: p
             }),
             children: t
@@ -1007,9 +1009,9 @@ const mt = ({
           {
             className: x(
               "text-gray-600 mt-1",
-              i.size === "sm" && "text-xs",
-              i.size === "md" && "text-xs",
-              i.size === "lg" && "text-sm",
+              c.size === "sm" && "text-xs",
+              c.size === "md" && "text-xs",
+              c.size === "lg" && "text-sm",
               p && "opacity-50"
             ),
             children: r
@@ -1018,7 +1020,7 @@ const mt = ({
       ] })
     ] });
   }
-), We = b.forwardRef(
+), We = m.forwardRef(
   ({
     variant: t = "primary",
     size: r = "md",
@@ -1027,28 +1029,28 @@ const mt = ({
     error: n,
     direction: o = "vertical",
     className: d,
-    disabled: c,
-    name: i,
-    children: l,
+    disabled: l,
+    name: c,
+    children: i,
     ...u
   }, p) => {
-    const f = !!n, m = {
+    const f = !!n, h = {
       variant: t,
       size: r,
-      disabled: c,
+      disabled: l,
       error: f,
-      name: i
+      name: c
     };
-    return /* @__PURE__ */ e.jsx(X.Provider, { value: m, children: /* @__PURE__ */ e.jsxs("div", { ref: p, className: x("w-full", d), ...u, children: [
+    return /* @__PURE__ */ e.jsx(X.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: p, className: x("w-full", d), ...u, children: [
       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: l }),
+      /* @__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: Ae
-}), bt = z(
+}), bt = O(
   ({
     autoComplete: t = "off",
     spellCheck: r = !1,
@@ -1058,11 +1060,11 @@ const mt = ({
     enterKeyHint: o = "search",
     "aria-label": d = "Search",
     // internal default, not in props
-    ...c
-  }, i) => /* @__PURE__ */ e.jsx(
-    $,
+    ...l
+  }, c) => /* @__PURE__ */ e.jsx(
+    M,
     {
-      ref: i,
+      ref: c,
       type: "search",
       inputMode: a,
       autoComplete: t,
@@ -1071,11 +1073,11 @@ const mt = ({
       maxLength: n,
       enterKeyHint: o,
       "aria-label": d,
-      leftContent: /* @__PURE__ */ e.jsx(P, { as: le, color: "inherit", size: "sm" }),
-      ...c
+      leftContent: /* @__PURE__ */ e.jsx($, { as: le, color: "inherit", size: "sm" }),
+      ...l
     }
   )
-), Le = N(
+), Le = 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 appearance-none bg-no-repeat bg-right pr-10",
   {
     variants: {
@@ -1089,11 +1091,11 @@ const mt = ({
       state: "default"
     }
   }
-), Y = b.forwardRef(({ value: t, children: r, ...a }, s) => /* @__PURE__ */ e.jsx("option", { ref: s, value: t, ...a, 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 = b.forwardRef(({ label: t, children: r, ...a }, s) => /* @__PURE__ */ e.jsx("optgroup", { ref: s, label: t, ...a, 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 = b.forwardRef(
+const ee = m.forwardRef(
   ({
     label: t,
     helperText: r,
@@ -1102,25 +1104,25 @@ const ee = b.forwardRef(
     disabled: n,
     readOnly: o,
     id: d,
-    required: c,
-    placeholder: i,
-    children: l,
+    required: l,
+    placeholder: c,
+    children: i,
     onChange: u,
     ...p
   }, f) => {
-    const m = b.useId(), h = d || m, y = `${h}-helper`, g = `${h}-error`, j = !!a, v = b.useMemo(() => {
-      const V = [];
-      return j ? V.push(g) : r && V.push(y), V.length > 0 ? V.join(" ") : void 0;
-    }, [j, r, g, y]);
+    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", s), children: [
       t && /* @__PURE__ */ e.jsxs(
         "label",
         {
-          htmlFor: h,
+          htmlFor: b,
           className: "block text-sm font-medium text-foreground mb-2",
           children: [
             t,
-            c && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            l && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
@@ -1129,23 +1131,23 @@ const ee = b.forwardRef(
           "select",
           {
             ref: f,
-            id: h,
-            required: c,
+            id: b,
+            required: l,
             disabled: n || o,
-            "aria-invalid": j,
+            "aria-invalid": k,
             "aria-describedby": v,
-            "aria-errormessage": j ? g : void 0,
+            "aria-errormessage": k ? g : void 0,
             onChange: u,
             className: x(
               Le({
-                state: j ? "error" : o ? "readOnly" : "default"
+                state: k ? "error" : o ? "readOnly" : "default"
               }),
               "h-9 pl-3"
             ),
             ...p,
             children: [
-              i && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, hidden: !0, children: i }),
-              l
+              c && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, hidden: !0, children: c }),
+              i
             ]
           }
         ),
@@ -1155,11 +1157,11 @@ const ee = b.forwardRef(
             className: x(
               "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none transition-transform duration-200"
             ),
-            children: /* @__PURE__ */ e.jsx(P, { as: de, size: "sm", color: "gray", "aria-hidden": "true" })
+            children: /* @__PURE__ */ e.jsx($, { as: de, size: "sm", color: "gray", "aria-hidden": "true" })
           }
         )
       ] }),
-      j && /* @__PURE__ */ e.jsx(
+      k && /* @__PURE__ */ e.jsx(
         "div",
         {
           id: g,
@@ -1169,7 +1171,7 @@ const ee = b.forwardRef(
           children: a
         }
       ),
-      !j && r && /* @__PURE__ */ e.jsx("div", { id: y, className: "mt-1 text-sm text-gray-600", children: r })
+      !k && r && /* @__PURE__ */ e.jsx("div", { id: w, className: "mt-1 text-sm text-gray-600", children: r })
     ] });
   }
 );
@@ -1177,7 +1179,7 @@ ee.displayName = "SelectInput";
 const gt = Object.assign(ee, {
   Option: Y,
   OptionGroup: Z
-}), Te = N(
+}), Te = C(
   "flex gap-3 cursor-pointer border-b border-border select-none transition-colors",
   {
     variants: {
@@ -1206,7 +1208,7 @@ const gt = Object.assign(ee, {
       hideCheckbox: !1
     }
   }
-), qe = N(
+), qe = C(
   "relative h-6 w-6 rounded border cursor-pointer transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 appearance-none bg-white border-primary/40 checked:bg-primary checked:border-primary focus:ring-primary/20",
   {
     variants: {
@@ -1224,7 +1226,7 @@ const gt = Object.assign(ee, {
       disabled: !1
     }
   }
-), Ge = z(
+), Ge = O(
   ({
     value: t,
     children: r,
@@ -1233,10 +1235,10 @@ const gt = Object.assign(ee, {
     className: n,
     disabled: o,
     checkboxPlacement: d = "center",
-    hideCheckbox: c = !1,
-    ...i
-  }, l) => {
-    const u = B(), p = s || u, f = typeof r == "function" ? r(a) : r;
+    hideCheckbox: l = !1,
+    ...c
+  }, i) => {
+    const u = A(), p = s || u, f = typeof r == "function" ? r(a) : r;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
@@ -1246,7 +1248,7 @@ const gt = Object.assign(ee, {
             checked: !!a,
             disabled: !!o,
             checkboxPlacement: d,
-            hideCheckbox: c
+            hideCheckbox: l
           }),
           n
         ),
@@ -1258,7 +1260,7 @@ const gt = Object.assign(ee, {
           /* @__PURE__ */ e.jsx(
             "input",
             {
-              ref: l,
+              ref: i,
               id: p,
               type: "radio",
               value: t,
@@ -1267,10 +1269,10 @@ const gt = Object.assign(ee, {
               className: "sr-only",
               "aria-hidden": !0,
               "aria-checked": a,
-              ...i
+              ...c
             }
           ),
-          !c && /* @__PURE__ */ e.jsx(
+          !l && /* @__PURE__ */ e.jsx(
             "span",
             {
               className: x(
@@ -1294,7 +1296,7 @@ const gt = Object.assign(ee, {
   }
 );
 Ge.displayName = "SelectableSingleInput";
-const Ke = N(
+const Ke = C(
   "flex gap-3 cursor-pointer border-b border-border select-none transition-colors",
   {
     variants: {
@@ -1323,7 +1325,7 @@ const Ke = N(
       hideCheckbox: !1
     }
   }
-), _e = N(
+), _e = C(
   "relative h-6 w-6 rounded border cursor-pointer transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 appearance-none bg-white border-primary/40 checked:bg-primary checked:border-primary focus:ring-primary/20",
   {
     variants: {
@@ -1341,7 +1343,7 @@ const Ke = N(
       disabled: !1
     }
   }
-), He = z(
+), He = O(
   ({
     value: t,
     children: r,
@@ -1350,10 +1352,10 @@ const Ke = N(
     className: n,
     disabled: o,
     checkboxPlacement: d = "center",
-    hideCheckbox: c = !1,
-    ...i
-  }, l) => {
-    const u = B(), p = s || u, f = typeof r == "function" ? r(a) : r;
+    hideCheckbox: l = !1,
+    ...c
+  }, i) => {
+    const u = A(), p = s || u, f = typeof r == "function" ? r(a) : r;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
@@ -1363,7 +1365,7 @@ const Ke = N(
             checked: !!a,
             disabled: !!o,
             checkboxPlacement: d,
-            hideCheckbox: c
+            hideCheckbox: l
           }),
           n
         ),
@@ -1375,7 +1377,7 @@ const Ke = N(
           /* @__PURE__ */ e.jsx(
             "input",
             {
-              ref: l,
+              ref: i,
               id: p,
               type: "checkbox",
               value: t,
@@ -1384,10 +1386,10 @@ const Ke = N(
               className: "sr-only",
               "aria-hidden": !0,
               "aria-checked": a,
-              ...i
+              ...c
             }
           ),
-          !c && /* @__PURE__ */ e.jsx(
+          !l && /* @__PURE__ */ e.jsx(
             "span",
             {
               className: x(
@@ -1411,7 +1413,7 @@ const Ke = N(
   }
 );
 He.displayName = "SelectableMultipleInput";
-const Je = N(
+const Je = C(
   "relative inline-flex items-center h-5 w-10 rounded-full transition-colors duration-200 border border-transparent",
   {
     variants: {
@@ -1429,7 +1431,7 @@ const Je = N(
       checked: !1
     }
   }
-), Qe = N(
+), Qe = C(
   "absolute h-4 w-4 rounded-full transition-transform duration-200",
   {
     variants: {
@@ -1465,7 +1467,7 @@ const Je = N(
       s && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
     ]
   }
-) : null, Ze = b.forwardRef(
+) : null, Ze = m.forwardRef(
   ({
     value: t,
     onChange: r,
@@ -1474,29 +1476,29 @@ const Je = N(
     required: n = !1,
     className: o,
     id: d,
-    ariaLabel: c,
-    ...i
-  }, l) => {
-    const u = b.useId(), p = d || u, f = t ?? !1, m = (h) => {
-      r?.(h.target.checked);
+    ariaLabel: l,
+    ...c
+  }, 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", o), children: [
       /* @__PURE__ */ e.jsxs("span", { className: "relative inline-flex items-center", children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            ref: l,
+            ref: i,
             type: "checkbox",
             role: "switch",
             id: p,
-            "aria-label": c || a,
+            "aria-label": l || a,
             "aria-checked": f,
             checked: f,
             disabled: s,
             required: n,
-            onChange: m,
+            onChange: h,
             className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10 disabled:cursor-not-allowed",
-            ...i
+            ...c
           }
         ),
         /* @__PURE__ */ e.jsx(Ue, { disabled: s, checked: f }),
@@ -1515,22 +1517,21 @@ const Je = N(
   }
 );
 Ze.displayName = "SwitchInput";
-const et = N(
-  "block w-full rounded-md border bg-white text-foreground transition-colors focus:outline-none overflow-y-auto whitespace-pre-wrap break-words",
+const et = 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 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, a) => t ? "disabled" : r ? "readOnly" : a ? "error" : "default", rt = (t, r, a) => {
+), tt = (t, r) => t ? "readOnly" : r ? "error" : "default", rt = (t, r, a) => {
   if (r || a) {
     t.preventDefault();
     return;
@@ -1541,9 +1542,9 @@ const et = N(
   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 c = new Event("input", { bubbles: !0 });
-  t.currentTarget.dispatchEvent(c);
-}, at = b.forwardRef(
+  const l = new Event("input", { bubbles: !0 });
+  t.currentTarget.dispatchEvent(l);
+}, at = m.forwardRef(
   ({
     label: t,
     helperText: r,
@@ -1552,94 +1553,94 @@ const et = N(
     disabled: n,
     readOnly: o,
     id: d,
-    value: c,
-    defaultValue: i,
-    onChange: l,
+    value: l,
+    defaultValue: c,
+    onChange: i,
     placeholder: u,
     name: p,
     row: f = 3,
-    required: m,
-    onBlur: h,
-    onFocus: y,
+    required: h,
+    onBlur: b,
+    onFocus: w,
     onKeyDown: g,
-    ...j
+    ...k
   }, v) => {
-    const V = b.useId(), R = d || V, C = !!a, D = b.useRef(null), [M, A] = b.useState(i || ""), k = c !== void 0, w = k ? c : M;
-    b.useImperativeHandle(v, () => D.current), b.useEffect(() => {
-      D.current && D.current.textContent !== w && (D.current.textContent = w);
-    }, [w]);
-    const I = tt(n, o, C), S = !w && u, te = (O) => {
-      const L = O.currentTarget.textContent || "";
-      k || A(L), l?.(L);
-    }, re = (O) => {
+    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(o, R), D = !y && u, te = (P) => {
+      const L = P.currentTarget.textContent || "";
+      j || z(L), i?.(L);
+    }, re = (P) => {
       if (n || o) {
-        O.preventDefault();
+        P.preventDefault();
         return;
       }
-      g?.(O);
+      g?.(P);
     }, ae = () => {
-      D.current?.focus();
+      S.current?.focus();
     };
     return /* @__PURE__ */ e.jsxs("div", { children: [
       t && /* @__PURE__ */ e.jsxs(
         "label",
         {
-          htmlFor: R,
+          htmlFor: V,
           className: "block text-sm font-medium text-foreground mb-2 cursor-pointer",
           onClick: ae,
           children: [
             t,
-            m && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            h && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
       /* @__PURE__ */ e.jsx("div", { className: x("relative w-full", s), children: /* @__PURE__ */ e.jsx(
         "div",
         {
-          ref: D,
-          id: R,
+          ref: S,
+          id: V,
           role: "textbox",
           "aria-multiline": "true",
-          "aria-invalid": C,
+          "aria-invalid": R,
           "aria-disabled": n,
           "aria-readonly": o,
-          "aria-required": m,
+          "aria-required": h,
           "aria-label": typeof t == "string" ? t : void 0,
           contentEditable: !n && !o,
           "data-name": p,
           onInput: te,
           onKeyDown: re,
-          onPaste: (O) => rt(O, n, o),
-          onBlur: h,
-          onFocus: y,
+          onPaste: (P) => rt(P, n, o),
+          onBlur: b,
+          onFocus: w,
           suppressContentEditableWarning: !0,
           style: { minHeight: `${f * 1.5 + 1}rem` },
           className: x(
             et({ state: I }),
             "px-3 py-2",
-            S && "empty:before:content-[attr(data-placeholder)] empty:before:text-gray-400"
+            D && "empty:before:content-[attr(data-placeholder)] empty:before:text-gray-400"
           ),
           "data-placeholder": u,
-          ...j
+          ...k
         }
       ) }),
-      C && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: a }),
-      !C && r && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: r })
+      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 })
     ] });
   }
 );
 at.displayName = "TextAreaInput";
-const xt = z(function(r, a) {
+const xt = O(function(r, a) {
   const s = (n) => {
     r?.onChange?.(n.target.value);
   };
   return /* @__PURE__ */ e.jsx(
-    $,
+    M,
     {
       type: "time",
       tabIndex: 0,
       "aria-hidden": "true",
-      leftContent: /* @__PURE__ */ e.jsx(P, { as: ue, color: "inherit", size: "sm" }),
+      leftContent: /* @__PURE__ */ e.jsx($, { as: ue, color: "inherit", size: "sm" }),
       ref: a,
       ...r,
       onChange: s
@@ -1653,7 +1654,7 @@ export {
   De as P,
   ht as R,
   bt as S,
-  $ as T,
+  M as T,
   dt as a,
   ut as b,
   mt as c,