@dimasbaguspm/versaur 0.0.54 → 0.0.55

package/dist/js/{time-picker-input-DmJeWgNo.js → time-picker-input-CYBfc7s_.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 A, useId as B, forwardRef as O, useRef as T, useEffect as ae, 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 = A(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: n, disabled: o, id: s, ...i }, d) => {
+  const l = he(), c = m.useId(), a = s || c, u = o || 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: a,
         disabled: u,
         className: x(
           pe(),
@@ -50,16 +50,16 @@ const fe = N("space-y-2", {
           // Checkmark dimensions for md size (default)
           "after:w-[4px] after:h-[8px]",
           "checked:after:opacity-100",
-          a
+          n
         ),
-        ...o
+        ...i
       }
     ) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", children: [
       /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: l,
+          htmlFor: a,
           className: me({
             disabled: u
           }),
@@ -80,35 +80,35 @@ const fe = N("space-y-2", {
   ] });
 });
 G.displayName = "CheckboxOption";
-const K = b.forwardRef(
+const K = m.forwardRef(
   ({
     label: t,
     helperText: r,
-    error: a,
-    direction: s = "vertical",
-    className: n,
-    disabled: o,
+    error: n,
+    direction: o = "vertical",
+    className: s,
+    disabled: i,
     required: d,
-    children: c,
-    ...i
-  }, l) => {
-    const u = !!a, p = {
-      disabled: o
+    children: l,
+    ...c
+  }, a) => {
+    const u = !!n, p = {
+      disabled: i
     };
     return /* @__PURE__ */ e.jsx(q.Provider, { value: p, children: /* @__PURE__ */ e.jsxs(
       "fieldset",
       {
-        ref: l,
-        disabled: o,
-        className: x("w-full border-0 p-0 m-0", n),
-        ...i,
+        ref: a,
+        disabled: i,
+        className: x("w-full border-0 p-0 m-0", s),
+        ...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 }),
-          u && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
+          /* @__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 }),
           !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 = A(_);
   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: 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);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
@@ -150,29 +150,29 @@ const lt = Object.assign(K, {
         ref: d,
         type: "radio",
         id: p,
-        name: l.name,
-        value: n,
-        checked: h,
+        name: a.name,
+        value: s,
+        checked: b,
         disabled: f,
-        readOnly: m,
-        onChange: y,
+        readOnly: h,
+        onChange: w,
         className: "sr-only",
-        ...o
+        ...i
       }
     ),
     /* @__PURE__ */ e.jsx(
       "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,62 +188,62 @@ const lt = Object.assign(K, {
       }
     )
   ] });
-}), ye = z(
+}), ye = O(
   ({
     size: t = "md",
     label: r,
-    required: a,
-    helperText: s,
-    error: n,
-    className: o,
+    required: n,
+    helperText: o,
+    error: s,
+    className: i,
     disabled: d,
-    readOnly: c,
-    maxWidth: i,
-    name: l,
+    readOnly: l,
+    maxWidth: c,
+    name: a,
     value: u,
     onChange: p,
     children: f,
-    ...m
-  }, h) => {
-    const y = !!n, g = {
+    ...h
+  }, b) => {
+    const w = !!s, g = {
       size: t,
       disabled: d,
-      readOnly: c,
-      error: y,
-      name: l,
+      readOnly: l,
+      error: w,
+      name: a,
       value: u,
-      maxWidth: i,
+      maxWidth: c,
       onChange: p
     };
     return /* @__PURE__ */ e.jsx(_.Provider, { value: g, children: /* @__PURE__ */ e.jsxs(
       "fieldset",
       {
-        ref: h,
-        className: x("w-full border-0 p-0 m-0", o),
+        ref: b,
+        className: x("w-full border-0 p-0 m-0", i),
         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: "*" })
+            n && /* @__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: s }),
+          !w && o && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
         ]
       }
     ) });
   }
 ), dt = Object.assign(ye, {
   Option: xe
-}), H = E(null), we = () => {
-  const t = F(H);
+}), H = F(null), we = () => {
+  const t = A(H);
   if (!t)
     throw new Error(
       "useChipMultipleInputContext must be used within ChipMultipleInputContext"
     );
   return t;
-}, ve = N(
+}, je = 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"
     }
   }
-), 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 || [];
-      let v;
-      h ? v = j.filter((V) => V !== n) : v = [...j, n], l.onChange?.(v);
+), 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) => {
+    if (!f && !h) {
+      const k = a.value || [];
+      let j;
+      b ? j = k.filter((N) => N !== s) : j = [...k, s], a.onChange?.(j);
     }
-    o.onChange?.(g);
+    i.onChange?.(g);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
@@ -273,29 +273,29 @@ const lt = Object.assign(K, {
         ref: d,
         type: "checkbox",
         id: p,
-        name: `${l.name}[]`,
-        value: n,
-        checked: h,
+        name: `${a.name}[]`,
+        value: s,
+        checked: b,
         disabled: f,
-        readOnly: m,
-        onChange: y,
+        readOnly: h,
+        onChange: w,
         className: "sr-only",
-        ...o
+        ...i
       }
     ),
     /* @__PURE__ */ e.jsx(
       "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
+          je({
+            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,55 +311,55 @@ const lt = Object.assign(K, {
       }
     )
   ] });
-}), ke = z(
+}), ke = O(
   ({
     size: t = "md",
     label: r,
-    required: a,
-    helperText: s,
-    error: n,
-    className: o,
+    required: n,
+    helperText: o,
+    error: s,
+    className: i,
     disabled: d,
-    readOnly: c,
-    maxWidth: i,
-    name: l,
+    readOnly: l,
+    maxWidth: c,
+    name: a,
     value: u = [],
     onChange: p,
     children: f,
-    ...m
-  }, h) => {
-    const y = !!n, g = {
+    ...h
+  }, b) => {
+    const w = !!s, g = {
       size: t,
       disabled: d,
-      readOnly: c,
-      error: y,
-      name: l,
+      readOnly: l,
+      error: w,
+      name: a,
       value: u,
-      maxWidth: i,
+      maxWidth: c,
       onChange: p
     };
     return /* @__PURE__ */ e.jsx(H.Provider, { value: g, children: /* @__PURE__ */ e.jsxs(
       "fieldset",
       {
-        ref: h,
-        className: x("w-full border-0 p-0 m-0", o),
+        ref: b,
+        className: x("w-full border-0 p-0 m-0", i),
         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: "*" })
+            n && /* @__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: s }),
+          !w && o && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
         ]
       }
     ) });
   }
 ), ut = Object.assign(ke, {
-  Option: je
-}), Ie = N(
+  Option: ve
+}), 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,35 +373,46 @@ const lt = Object.assign(K, {
       state: "default"
     }
   }
-), J = b.forwardRef(
+), J = m.forwardRef(
   ({
     label: t,
     leftContent: r,
-    rightContent: a,
-    helperText: s,
-    error: n,
-    className: o,
+    rightContent: n,
+    helperText: o,
+    error: s,
+    className: i,
     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]);
-    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", o), children: [
+    id: l,
+    required: c,
+    value: a,
+    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 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: [
       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,58 +429,58 @@ 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 ? j : 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",
+              n ? "pr-9" : "pr-3",
               "h-9",
-              !l && "text-gray-400"
+              !S && "text-gray-400"
             ),
-            ...f,
+            ...h,
             children: V
           }
         ),
-        a && /* @__PURE__ */ e.jsx(
+        n && /* @__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: a
+            children: n
           }
         ),
-        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,
           className: "mt-1 text-sm text-danger",
           role: "alert",
           "aria-live": "polite",
-          children: n
+          children: s
         }
       ),
-      !v && s && /* @__PURE__ */ e.jsx("div", { id: g, className: "mt-1 text-sm text-gray-600", children: s })
+      !N && o && /* @__PURE__ */ e.jsx("div", { id: k, className: "mt-1 text-sm text-gray-600", children: o })
     ] });
   }
 );
@@ -483,24 +494,24 @@ 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: 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);
   }, p = () => {
-    l.current && (typeof l.current.showPicker == "function" ? l.current.showPicker() : l.current.focus());
-  }, f = (h) => {
-    a(h.target.value);
-  }, m = (n ?? Ne)(r);
+    a.current && (typeof a.current.showPicker == "function" ? a.current.showPicker() : a.current.focus());
+  }, f = (b) => {
+    n(b.target.value);
+  }, h = (s ?? Ne)(r);
   return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ e.jsx(
       J,
       {
         onClick: p,
-        value: m,
-        label: s,
-        leftContent: /* @__PURE__ */ e.jsx(P, { as: oe, color: "inherit", size: "sm" }),
+        value: h,
+        label: o,
+        leftContent: /* @__PURE__ */ e.jsx($, { as: oe, color: "inherit", size: "sm" }),
         "data-testid": "date-single-picker-visible-input",
-        ...c
+        ...l
       }
     ),
     /* @__PURE__ */ e.jsx(
@@ -510,15 +521,15 @@ const ft = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
         type: "date",
         value: r,
         onChange: f,
-        min: o,
+        min: i,
         max: d,
         className: "sr-only absolute opacity-0 h-0 w-0 pointer-events-none",
         tabIndex: -1,
-        "aria-label": typeof s == "string" ? s : void 0
+        "aria-label": typeof o == "string" ? o : void 0
       }
     )
   ] });
-}), 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,33 +543,33 @@ const ft = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
       state: "default"
     }
   }
-), $ = b.forwardRef(
+), M = m.forwardRef(
   ({
     label: t,
     leftContent: r,
-    rightContent: a,
-    helperText: s,
-    error: n,
-    className: o,
+    rightContent: n,
+    helperText: o,
+    error: s,
+    className: i,
     disabled: d,
-    readOnly: c,
-    id: i,
-    required: l,
+    readOnly: l,
+    id: c,
+    required: a,
     ...u
   }, p) => {
-    const f = b.useId(), m = i || f, h = `${m}-helper`, y = `${m}-error`, g = !!n, j = b.useMemo(() => {
-      const v = [];
-      return g ? v.push(y) : s && v.push(h), v.length > 0 ? v.join(" ") : void 0;
-    }, [g, s, y, h]);
-    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", o), children: [
+    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: [
       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: "*" })
+            a && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
@@ -576,164 +587,164 @@ const ft = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
           "input",
           {
             ref: p,
-            id: m,
-            required: l,
+            id: h,
+            required: a,
             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",
+              n ? "pr-9" : "pr-3",
               "h-9"
             ),
             ...u
           }
         ),
-        a && /* @__PURE__ */ e.jsx(
+        n && /* @__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: a
+            children: n
           }
         )
       ] }),
       g && /* @__PURE__ */ e.jsx(
         "div",
         {
-          id: y,
+          id: w,
           className: "mt-1 text-sm text-danger",
           role: "alert",
           "aria-live": "polite",
-          children: n
+          children: s
         }
       ),
-      !g && s && /* @__PURE__ */ e.jsx("div", { id: h, className: "mt-1 text-sm text-gray-600", children: s })
+      !g && o && /* @__PURE__ */ e.jsx("div", { id: b, className: "mt-1 text-sm text-gray-600", children: o })
     ] });
   }
 );
-$.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(
+), 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(
   ({
     value: t,
     onChange: r,
-    onKeyDown: a,
-    onFocus: s,
-    onPaste: n,
-    disabled: o,
+    onKeyDown: n,
+    onFocus: o,
+    onPaste: s,
+    disabled: i,
     error: d,
-    secure: c,
-    inputRef: i,
-    index: l,
+    secure: l,
+    inputRef: c,
+    index: a,
     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,
-      onPaste: n,
-      disabled: o,
+      onKeyDown: n,
+      onFocus: o,
+      onPaste: s,
+      disabled: i,
       "aria-invalid": d,
-      "aria-disabled": o,
+      "aria-disabled": i,
       className: d ? Re : Ve,
       autoComplete: "one-time-code",
-      "data-testid": `pin-input-${l}`
+      "data-testid": `pin-input-${a}`
     }
   )
 );
 Q.displayName = "PinInput";
-const De = b.forwardRef(
+const De = m.forwardRef(
   ({
     label: t,
     helperText: r,
-    error: a,
-    disabled: s,
-    value: n,
-    onChange: o,
+    error: n,
+    disabled: o,
+    value: s,
+    onChange: i,
     onComplete: d,
-    digits: c = 6,
-    className: i,
-    id: l,
+    digits: l = 6,
+    className: c,
+    id: a,
     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 = 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);
       },
-      [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();
+      [i, d, l]
+    ), S = m.useCallback(
+      (v, y) => {
+        const I = [...V];
+        I[v] = y;
+        const D = I.join("").replace(/\s+$/, "");
+        R(D), y && v < l - 1 && j.current[v + 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(
+      (v, y) => {
+        if (y.key === "Backspace") {
+          if (!V[v] && v > 0) {
+            y.preventDefault();
+            const I = [...V];
+            I[v - 1] = "";
+            const D = I.join("").replace(/\s+$/, "");
+            R(D), j.current[v - 1]?.focus();
+          } else if (V[v]) {
+            y.preventDefault();
+            const I = [...V];
+            I[v] = "";
+            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" && v > 0 ? (y.preventDefault(), j.current[v - 1]?.focus()) : y.key === "ArrowRight" && v < l - 1 && (y.preventDefault(), j.current[v + 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(
+      (v) => {
+        v.preventDefault();
+        const y = v.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);
+          j.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 +762,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((v, y) => /* @__PURE__ */ e.jsx(
             Q,
             {
-              value: k,
-              onChange: (I) => D(w, I),
-              onKeyDown: (I) => M(w, I),
+              value: v,
+              onChange: (I) => S(y, I),
+              onKeyDown: (I) => E(y, I),
               onFocus: () => {
-                const I = v.current[w];
+                const I = j.current[y];
                 I && I.select();
               },
-              onPaste: A,
-              disabled: s,
-              error: j,
+              onPaste: z,
+              disabled: o,
+              error: k,
               secure: f,
               inputRef: (I) => {
-                v.current[w] = I;
+                j.current[y] = I;
               },
-              index: w,
-              id: `${g}-${w}`
+              index: y,
+              id: `${g}-${y}`
             },
-            w
+            y
           ))
         }
       ),
@@ -781,38 +792,38 @@ 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`,
           className: "mt-2 text-sm text-danger",
           role: "alert",
-          children: a
+          children: n
         }
       ),
-      !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 })
     ] });
   }
 );
 De.displayName = "PinField";
 function ze(t, r) {
-  ne(() => {
+  ae(() => {
     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 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));
+  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));
 }
 function Pe(t) {
   if (t === "") return !1;
@@ -820,11 +831,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 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;
+  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;
   }
   return !0;
 }
@@ -833,56 +844,56 @@ function $e(t) {
 }
 function U(t, r = !1) {
   if (t === "") return "";
-  const a = t.startsWith("-");
-  if (a && !r)
+  const n = t.startsWith("-");
+  if (n && !r)
     return U(t.slice(1), !1);
-  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, ""), c = n.slice(o + 1).replace(/,/g, "");
-    n = d + "," + c;
+  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;
   }
-  return n = n.replace(/\.{2,}/g, "."), (a ? "-" : "") + n;
+  return s = s.replace(/\.{2,}/g, "."), (n ? "-" : "") + s;
 }
 const mt = ({
   value: t,
   onChange: r,
-  allowNegative: a = !1,
-  inputProps: s,
-  label: n,
-  helperText: o,
+  allowNegative: n = !1,
+  inputProps: o,
+  label: s,
+  helperText: i,
   error: d,
-  ...c
+  ...l
 }) => {
-  const i = T(null), [l, u] = se(
+  const c = T(null), [a, 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, n);
+    Oe(b, n) ? (u(b), r(b)) : f.preventDefault();
   };
   return /* @__PURE__ */ e.jsx(
-    $,
+    M,
     {
-      ref: i,
+      ref: c,
       type: "text",
-      label: n,
-      value: l,
+      label: s,
+      value: a,
       onChange: p,
       error: d,
-      helperText: o,
-      placeholder: c.placeholder,
-      leftContent: /* @__PURE__ */ e.jsx(P, { as: ce, color: "inherit", size: "sm" }),
+      helperText: i,
+      placeholder: l.placeholder,
+      leftContent: /* @__PURE__ */ e.jsx($, { as: ce, color: "inherit", size: "sm" }),
       inputMode: "numeric",
       autoComplete: "off",
       pattern: "[0-9.,-]*",
-      ...s,
-      ...c
+      ...o,
+      ...l
     }
   );
-}, Ee = N("space-y-2", {
+}, Ee = C("space-y-2", {
   variants: {
     direction: {
       vertical: "space-y-2 space-x-0",
@@ -892,7 +903,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 +941,7 @@ const mt = ({
       size: "md"
     }
   }
-), Be = N(
+), Fe = C(
   "text-foreground cursor-pointer select-none",
   {
     variants: {
@@ -949,43 +960,43 @@ const mt = ({
       disabled: !1
     }
   }
-), X = E(
+), X = F(
   null
-), Me = () => {
-  const t = F(X);
+), Ae = () => {
+  const t = A(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";
+}, 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";
     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,
-          value: o,
+          name: c.name,
+          value: i,
           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",
-            a
+            n
           ),
           ...d
         }
@@ -995,8 +1006,8 @@ const mt = ({
           "label",
           {
             htmlFor: u,
-            className: Be({
-              size: i.size,
+            className: Fe({
+              size: c.size,
               disabled: p
             }),
             children: t
@@ -1007,9 +1018,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,64 +1029,64 @@ const mt = ({
       ] })
     ] });
   }
-), We = b.forwardRef(
+), We = m.forwardRef(
   ({
     variant: t = "primary",
     size: r = "md",
-    label: a,
-    helperText: s,
-    error: n,
-    direction: o = "vertical",
+    label: n,
+    helperText: o,
+    error: s,
+    direction: i = "vertical",
     className: d,
-    disabled: c,
-    name: i,
-    children: l,
+    disabled: l,
+    name: c,
+    children: a,
     ...u
   }, p) => {
-    const f = !!n, m = {
+    const f = !!s, 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: [
-      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 }),
-      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 })
+    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 })
     ] }) });
   }
 ), ht = Object.assign(We, {
-  Option: Ae
-}), bt = z(
+  Option: Be
+}), bt = O(
   ({
     autoComplete: t = "off",
     spellCheck: r = !1,
-    inputMode: a = "search",
-    placeholder: s = "Search...",
-    maxLength: n = 256,
-    enterKeyHint: o = "search",
+    inputMode: n = "search",
+    placeholder: o = "Search...",
+    maxLength: s = 256,
+    enterKeyHint: i = "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,
+      inputMode: n,
       autoComplete: t,
       spellCheck: r,
-      placeholder: s,
-      maxLength: n,
-      enterKeyHint: o,
+      placeholder: o,
+      maxLength: s,
+      enterKeyHint: i,
       "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,38 +1100,38 @@ 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, ...n }, o) => /* @__PURE__ */ e.jsx("option", { ref: o, value: t, ...n, 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, ...n }, o) => /* @__PURE__ */ e.jsx("optgroup", { ref: o, label: t, ...n, children: r }));
 Z.displayName = "SelectOptionGroup";
-const ee = b.forwardRef(
+const ee = m.forwardRef(
   ({
     label: t,
     helperText: r,
-    error: a,
-    className: s,
-    disabled: n,
-    readOnly: o,
+    error: n,
+    className: o,
+    disabled: s,
+    readOnly: i,
     id: d,
-    required: c,
-    placeholder: i,
-    children: l,
+    required: l,
+    placeholder: c,
+    children: a,
     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]);
-    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", s), children: [
+    const h = m.useId(), b = d || h, w = `${b}-helper`, g = `${b}-error`, k = !!n, j = 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: [
       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 +1140,23 @@ const ee = b.forwardRef(
           "select",
           {
             ref: f,
-            id: h,
-            required: c,
-            disabled: n || o,
-            "aria-invalid": j,
-            "aria-describedby": v,
-            "aria-errormessage": j ? g : void 0,
+            id: b,
+            required: l,
+            disabled: s || i,
+            "aria-invalid": k,
+            "aria-describedby": j,
+            "aria-errormessage": k ? g : void 0,
             onChange: u,
             className: x(
               Le({
-                state: j ? "error" : o ? "readOnly" : "default"
+                state: k ? "error" : i ? "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 }),
+              a
             ]
           }
         ),
@@ -1155,21 +1166,21 @@ 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,
           className: "mt-1 text-sm text-danger",
           role: "alert",
           "aria-live": "polite",
-          children: a
+          children: n
         }
       ),
-      !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 +1188,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 +1217,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,65 +1235,65 @@ const gt = Object.assign(ee, {
       disabled: !1
     }
   }
-), Ge = z(
+), Ge = O(
   ({
     value: t,
     children: r,
-    checked: a,
-    id: s,
-    className: n,
-    disabled: o,
+    checked: n,
+    id: o,
+    className: s,
+    disabled: i,
     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
+  }, a) => {
+    const u = B(), p = o || u, f = typeof r == "function" ? r(n) : r;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
         htmlFor: p,
         className: x(
           Te({
-            checked: !!a,
-            disabled: !!o,
+            checked: !!n,
+            disabled: !!i,
             checkboxPlacement: d,
-            hideCheckbox: c
+            hideCheckbox: l
           }),
-          n
+          s
         ),
-        "aria-checked": a,
+        "aria-checked": n,
         role: "radio",
         "aria-label": `Select ${t}`,
-        tabIndex: o ? -1 : 0,
+        tabIndex: i ? -1 : 0,
         children: [
           /* @__PURE__ */ e.jsx(
             "input",
             {
-              ref: l,
+              ref: a,
               id: p,
               type: "radio",
               value: t,
-              checked: a,
-              disabled: o,
+              checked: n,
+              disabled: i,
               className: "sr-only",
               "aria-hidden": !0,
-              "aria-checked": a,
-              ...i
+              "aria-checked": n,
+              ...c
             }
           ),
-          !c && /* @__PURE__ */ e.jsx(
+          !l && /* @__PURE__ */ e.jsx(
             "span",
             {
               className: x(
                 qe({
-                  checked: !!a,
-                  disabled: !!o
+                  checked: !!n,
+                  disabled: !!i
                 }),
                 // 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]",
-                a && "after:opacity-100"
+                n && "after:opacity-100"
               ),
               "aria-hidden": "true"
             }
@@ -1294,7 +1305,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 +1334,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,65 +1352,65 @@ const Ke = N(
       disabled: !1
     }
   }
-), He = z(
+), He = O(
   ({
     value: t,
     children: r,
-    checked: a,
-    id: s,
-    className: n,
-    disabled: o,
+    checked: n,
+    id: o,
+    className: s,
+    disabled: i,
     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
+  }, a) => {
+    const u = B(), p = o || u, f = typeof r == "function" ? r(n) : r;
     return /* @__PURE__ */ e.jsxs(
       "label",
       {
         htmlFor: p,
         className: x(
           Ke({
-            checked: !!a,
-            disabled: !!o,
+            checked: !!n,
+            disabled: !!i,
             checkboxPlacement: d,
-            hideCheckbox: c
+            hideCheckbox: l
           }),
-          n
+          s
         ),
-        "aria-checked": a,
+        "aria-checked": n,
         role: "checkbox",
         "aria-label": `Select ${t}`,
-        tabIndex: o ? -1 : 0,
+        tabIndex: i ? -1 : 0,
         children: [
           /* @__PURE__ */ e.jsx(
             "input",
             {
-              ref: l,
+              ref: a,
               id: p,
               type: "checkbox",
               value: t,
-              checked: a,
-              disabled: o,
+              checked: n,
+              disabled: i,
               className: "sr-only",
               "aria-hidden": !0,
-              "aria-checked": a,
-              ...i
+              "aria-checked": n,
+              ...c
             }
           ),
-          !c && /* @__PURE__ */ e.jsx(
+          !l && /* @__PURE__ */ e.jsx(
             "span",
             {
               className: x(
                 _e({
-                  checked: !!a,
-                  disabled: !!o
+                  checked: !!n,
+                  disabled: !!i
                 }),
                 // 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]",
-                a && "after:opacity-100"
+                n && "after:opacity-100"
               ),
               "aria-hidden": "true"
             }
@@ -1411,7 +1422,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 +1440,7 @@ const Je = N(
       checked: !1
     }
   }
-), Qe = N(
+), Qe = C(
   "absolute h-4 w-4 rounded-full transition-transform duration-200",
   {
     variants: {
@@ -1442,80 +1453,80 @@ const Je = N(
       checked: !1
     }
   }
-), Ue = ({ disabled: t = !1, checked: r = !1, className: a }) => /* @__PURE__ */ e.jsx(
+), Ue = ({ disabled: t = !1, checked: r = !1, className: n }) => /* @__PURE__ */ e.jsx(
   "span",
   {
     className: x(
       Je({ disabled: t, checked: r }),
       "pointer-events-none",
-      a
+      n
     ),
     "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: a = !1, required: s = !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: n = !1, required: o = !1 }) => t ? /* @__PURE__ */ e.jsxs(
   "label",
   {
     htmlFor: r,
     className: x(
       "text-sm select-none font-medium text-foreground",
-      a && "opacity-50 cursor-not-allowed"
+      n && "opacity-50 cursor-not-allowed"
     ),
     children: [
       t,
-      s && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+      o && /* @__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,
-    label: a,
-    disabled: s = !1,
-    required: n = !1,
-    className: o,
+    label: n,
+    disabled: o = !1,
+    required: s = !1,
+    className: i,
     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
+  }, a) => {
+    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: [
+    return /* @__PURE__ */ e.jsxs("div", { className: x("inline-flex items-center gap-2", i), children: [
       /* @__PURE__ */ e.jsxs("span", { className: "relative inline-flex items-center", children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            ref: l,
+            ref: a,
             type: "checkbox",
             role: "switch",
             id: p,
-            "aria-label": c || a,
+            "aria-label": l || n,
             "aria-checked": f,
             checked: f,
-            disabled: s,
-            required: n,
-            onChange: m,
+            disabled: o,
+            required: s,
+            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 }),
+        /* @__PURE__ */ e.jsx(Ue, { disabled: o, checked: f }),
         /* @__PURE__ */ e.jsx(Xe, { checked: f })
       ] }),
       /* @__PURE__ */ e.jsx(
         Ye,
         {
-          label: a,
+          label: n,
           htmlFor: p,
-          disabled: s,
-          required: n
+          disabled: o,
+          required: s
         }
       )
     ] });
   }
 );
 Ze.displayName = "SwitchInput";
-const et = N(
+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",
   {
     variants: {
@@ -1530,119 +1541,119 @@ const et = N(
       state: "default"
     }
   }
-), tt = (t, r, a) => t ? "disabled" : r ? "readOnly" : a ? "error" : "default", rt = (t, r, a) => {
-  if (r || a) {
+), tt = (t, r, n) => t ? "disabled" : r ? "readOnly" : n ? "error" : "default", rt = (t, r, n) => {
+  if (r || n) {
     t.preventDefault();
     return;
   }
   t.preventDefault();
-  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 c = new Event("input", { bubbles: !0 });
-  t.currentTarget.dispatchEvent(c);
-}, at = b.forwardRef(
+  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 l = new Event("input", { bubbles: !0 });
+  t.currentTarget.dispatchEvent(l);
+}, nt = m.forwardRef(
   ({
     label: t,
     helperText: r,
-    error: a,
-    className: s,
-    disabled: n,
-    readOnly: o,
+    error: n,
+    className: o,
+    disabled: s,
+    readOnly: i,
     id: d,
-    value: c,
-    defaultValue: i,
-    onChange: l,
+    value: l,
+    defaultValue: c,
+    onChange: a,
     placeholder: u,
     name: p,
     row: f = 3,
-    required: m,
-    onBlur: h,
-    onFocus: y,
+    required: h,
+    onBlur: b,
+    onFocus: w,
     onKeyDown: g,
-    ...j
-  }, 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) => {
-      if (n || o) {
-        O.preventDefault();
+    ...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(() => {
+      S.current && S.current.textContent !== y && (S.current.textContent = y);
+    }, [y]);
+    const I = tt(s, i, R), D = !y && u, te = (P) => {
+      const L = P.currentTarget.textContent || "";
+      v || z(L), a?.(L);
+    }, re = (P) => {
+      if (s || i) {
+        P.preventDefault();
         return;
       }
-      g?.(O);
-    }, ae = () => {
-      D.current?.focus();
+      g?.(P);
+    }, ne = () => {
+      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,
+          onClick: ne,
           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(
+      /* @__PURE__ */ e.jsx("div", { className: x("relative w-full", o), children: /* @__PURE__ */ e.jsx(
         "div",
         {
-          ref: D,
-          id: R,
+          ref: S,
+          id: V,
           role: "textbox",
           "aria-multiline": "true",
-          "aria-invalid": C,
-          "aria-disabled": n,
-          "aria-readonly": o,
-          "aria-required": m,
+          "aria-invalid": R,
+          "aria-disabled": s,
+          "aria-readonly": i,
+          "aria-required": h,
           "aria-label": typeof t == "string" ? t : void 0,
-          contentEditable: !n && !o,
+          contentEditable: !s && !i,
           "data-name": p,
           onInput: te,
           onKeyDown: re,
-          onPaste: (O) => rt(O, n, o),
-          onBlur: h,
-          onFocus: y,
+          onPaste: (P) => rt(P, s, i),
+          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: n }),
+      !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 s = (n) => {
-    r?.onChange?.(n.target.value);
+nt.displayName = "TextAreaInput";
+const xt = O(function(r, n) {
+  const o = (s) => {
+    r?.onChange?.(s.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" }),
-      ref: a,
+      leftContent: /* @__PURE__ */ e.jsx($, { as: ue, color: "inherit", size: "sm" }),
+      ref: n,
       ...r,
-      onChange: s
+      onChange: o
     }
   );
 });
@@ -1653,7 +1664,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,
@@ -1662,6 +1673,6 @@ export {
   He as f,
   Ze as g,
   J as h,
-  at as i,
+  nt as i,
   xt as j
 };