@dimasbaguspm/versaur 0.0.52 → 0.0.54

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

@@ -1,9 +1,9 @@
-import { c as N, j as t, a as y } from "./index-DOdDlCoL.js";
-import b, { createContext as E, useContext as F, useId as M, forwardRef as P, useRef as T, useEffect as ae, useState as ne } from "react";
-import { I as O } from "./image-rectangle-K9jmTTED.js";
-import { Calendar as se, MailIcon as oe, Banknote as ie, SearchIcon as ce, ChevronDown as le, Clock as de } from "lucide-react";
+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 { 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 ue = N("space-y-2", {
+const fe = N("space-y-2", {
   variants: {
     direction: {
       vertical: "space-y-2 space-x-0",
@@ -13,9 +13,9 @@ const ue = N("space-y-2", {
   defaultVariants: {
     direction: "vertical"
   }
-}), fe = N(
+}), pe = N(
   "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"
-), pe = N(
+), me = N(
   "text-sm text-foreground cursor-pointer select-none",
   {
     variants: {
@@ -28,23 +28,23 @@ const ue = N("space-y-2", {
       disabled: !1
     }
   }
-), G = E(null), me = () => {
-  const e = F(G);
-  if (!e)
+), q = E(null), he = () => {
+  const t = F(q);
+  if (!t)
     throw new Error("CheckboxOption must be used within CheckboxInput");
-  return e;
-}, q = b.forwardRef(({ children: e, description: r, className: a, disabled: s, id: n, ...o }, d) => {
-  const i = me(), c = b.useId(), l = n || c, u = s || i.disabled;
-  return /* @__PURE__ */ t.jsxs("div", { className: "flex items-start gap-2", children: [
-    /* @__PURE__ */ t.jsx("div", { className: "relative flex items-center mt-0.5", children: /* @__PURE__ */ t.jsx(
+  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;
+  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,
         disabled: u,
-        className: y(
-          fe(),
+        className: x(
+          pe(),
           // 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 for md size (default)
@@ -55,21 +55,21 @@ const ue = N("space-y-2", {
         ...o
       }
     ) }),
-    /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ e.jsx(
         "label",
         {
           htmlFor: l,
-          className: pe({
+          className: me({
             disabled: u
           }),
-          children: e
+          children: t
         }
       ),
-      r && /* @__PURE__ */ t.jsx(
+      r && /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: y(
+          className: x(
             "text-xs text-gray-600 mt-1",
             u && "opacity-50"
           ),
@@ -79,53 +79,53 @@ const ue = N("space-y-2", {
     ] })
   ] });
 });
-q.displayName = "CheckboxOption";
+G.displayName = "CheckboxOption";
 const K = b.forwardRef(
   ({
-    label: e,
+    label: t,
     helperText: r,
     error: a,
     direction: s = "vertical",
     className: n,
     disabled: o,
     required: d,
-    children: i,
-    ...c
+    children: c,
+    ...i
   }, l) => {
     const u = !!a, p = {
       disabled: o
     };
-    return /* @__PURE__ */ t.jsx(G.Provider, { value: p, children: /* @__PURE__ */ t.jsxs(
+    return /* @__PURE__ */ e.jsx(q.Provider, { value: p, children: /* @__PURE__ */ e.jsxs(
       "fieldset",
       {
         ref: l,
         disabled: o,
-        className: y("w-full border-0 p-0 m-0", n),
-        ...c,
+        className: x("w-full border-0 p-0 m-0", n),
+        ...i,
         children: [
-          e && /* @__PURE__ */ t.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3", children: [
-            e,
-            d && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", 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__ */ t.jsx("div", { className: ue({ direction: s }), children: i }),
-          u && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
-          !u && r && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-gray-600", children: r })
+          /* @__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 }),
+          !u && r && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: r })
         ]
       }
     ) });
   }
 );
 K.displayName = "CheckboxInput";
-const it = Object.assign(K, {
-  Option: q
-}), _ = E(null), he = () => {
-  const e = F(_);
-  if (!e)
+const lt = Object.assign(K, {
+  Option: G
+}), _ = E(null), be = () => {
+  const t = F(_);
+  if (!t)
     throw new Error(
       "useChipSingleInputContext must be used within ChipSingleInputContext"
     );
-  return e;
-}, be = N(
+  return t;
+}, ge = N(
   "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,12 +139,12 @@ const it = Object.assign(K, {
       size: "md"
     }
   }
-), ge = b.forwardRef(({ children: e, className: r, disabled: a, id: s, value: n, ...o }, d) => {
-  const { size: i = "md", maxWidth: c, ...l } = he(), u = M(), p = s || u, f = a || l.disabled, m = l.readOnly, h = l.value === n, w = (g) => {
+), 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);
   };
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
       "input",
       {
         ref: d,
@@ -155,95 +155,95 @@ const it = Object.assign(K, {
         checked: h,
         disabled: f,
         readOnly: m,
-        onChange: w,
+        onChange: y,
         className: "sr-only",
         ...o
       }
     ),
-    /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ e.jsx(
       "label",
       {
         htmlFor: p,
         "data-selected": h,
-        style: c ? { maxWidth: c } : void 0,
-        className: y(
-          be({
-            size: i
+        style: i ? { maxWidth: i } : void 0,
+        className: x(
+          ge({
+            size: c
           }),
           f && "opacity-50 cursor-not-allowed pointer-events-none",
           m && "cursor-default pointer-events-none",
-          c && "overflow-hidden",
+          i && "overflow-hidden",
           r
         ),
-        children: /* @__PURE__ */ t.jsx(
+        children: /* @__PURE__ */ e.jsx(
           "span",
           {
-            className: y(
+            className: x(
               "flex items-center gap-2",
-              c && "truncate min-w-0"
+              i && "truncate min-w-0"
             ),
-            children: e
+            children: t
           }
         )
       }
     )
   ] });
-}), xe = P(
+}), ye = z(
   ({
-    size: e = "md",
+    size: t = "md",
     label: r,
     required: a,
     helperText: s,
     error: n,
     className: o,
     disabled: d,
-    readOnly: i,
-    maxWidth: c,
+    readOnly: c,
+    maxWidth: i,
     name: l,
     value: u,
     onChange: p,
     children: f,
     ...m
   }, h) => {
-    const w = !!n, g = {
-      size: e,
+    const y = !!n, g = {
+      size: t,
       disabled: d,
-      readOnly: i,
-      error: w,
+      readOnly: c,
+      error: y,
       name: l,
       value: u,
-      maxWidth: c,
+      maxWidth: i,
       onChange: p
     };
-    return /* @__PURE__ */ t.jsx(_.Provider, { value: g, children: /* @__PURE__ */ t.jsxs(
+    return /* @__PURE__ */ e.jsx(_.Provider, { value: g, children: /* @__PURE__ */ e.jsxs(
       "fieldset",
       {
         ref: h,
-        className: y("w-full border-0 p-0 m-0", o),
+        className: x("w-full border-0 p-0 m-0", o),
         disabled: d,
         ...m,
         children: [
-          r && /* @__PURE__ */ t.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3 float-none w-auto", children: [
+          r && /* @__PURE__ */ e.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3 float-none w-auto", children: [
             r,
-            a && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            a && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ] }),
-          /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-2", children: f }),
-          w && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-          !w && s && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
+          /* @__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 })
         ]
       }
     ) });
   }
-), ct = Object.assign(xe, {
-  Option: ge
-}), H = E(null), ye = () => {
-  const e = F(H);
-  if (!e)
+), dt = Object.assign(ye, {
+  Option: xe
+}), H = E(null), we = () => {
+  const t = F(H);
+  if (!t)
     throw new Error(
       "useChipMultipleInputContext must be used within ChipMultipleInputContext"
     );
-  return e;
-}, we = N(
+  return t;
+}, ve = N(
   "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,17 +257,17 @@ const it = Object.assign(K, {
       size: "md"
     }
   }
-), ve = b.forwardRef(({ children: e, className: r, disabled: a, id: s, value: n, ...o }, d) => {
-  const { size: i = "md", maxWidth: c, ...l } = ye(), u = M(), p = s || u, f = a || l.disabled, m = l.readOnly, h = l.value?.includes(n) ?? !1, w = (g) => {
+), 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 I = l.value || [];
-      let k;
-      h ? k = I.filter((C) => C !== n) : k = [...I, n], l.onChange?.(k);
+      const j = l.value || [];
+      let v;
+      h ? v = j.filter((V) => V !== n) : v = [...j, n], l.onChange?.(v);
     }
     o.onChange?.(g);
   };
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
       "input",
       {
         ref: d,
@@ -278,93 +278,93 @@ const it = Object.assign(K, {
         checked: h,
         disabled: f,
         readOnly: m,
-        onChange: w,
+        onChange: y,
         className: "sr-only",
         ...o
       }
     ),
-    /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ e.jsx(
       "label",
       {
         htmlFor: p,
         "data-selected": h,
-        style: c ? { maxWidth: c } : void 0,
-        className: y(
-          we({
-            size: i
+        style: i ? { maxWidth: i } : void 0,
+        className: x(
+          ve({
+            size: c
           }),
           f && "opacity-50 cursor-not-allowed pointer-events-none",
           m && "cursor-default pointer-events-none",
-          c && "overflow-hidden",
+          i && "overflow-hidden",
           r
         ),
-        children: /* @__PURE__ */ t.jsx(
+        children: /* @__PURE__ */ e.jsx(
           "span",
           {
-            className: y(
+            className: x(
               "flex items-center gap-2",
-              c && "truncate min-w-0"
+              i && "truncate min-w-0"
             ),
-            children: e
+            children: t
           }
         )
       }
     )
   ] });
-}), je = P(
+}), ke = z(
   ({
-    size: e = "md",
+    size: t = "md",
     label: r,
     required: a,
     helperText: s,
     error: n,
     className: o,
     disabled: d,
-    readOnly: i,
-    maxWidth: c,
+    readOnly: c,
+    maxWidth: i,
     name: l,
     value: u = [],
     onChange: p,
     children: f,
     ...m
   }, h) => {
-    const w = !!n, g = {
-      size: e,
+    const y = !!n, g = {
+      size: t,
       disabled: d,
-      readOnly: i,
-      error: w,
+      readOnly: c,
+      error: y,
       name: l,
       value: u,
-      maxWidth: c,
+      maxWidth: i,
       onChange: p
     };
-    return /* @__PURE__ */ t.jsx(H.Provider, { value: g, children: /* @__PURE__ */ t.jsxs(
+    return /* @__PURE__ */ e.jsx(H.Provider, { value: g, children: /* @__PURE__ */ e.jsxs(
       "fieldset",
       {
         ref: h,
-        className: y("w-full border-0 p-0 m-0", o),
+        className: x("w-full border-0 p-0 m-0", o),
         disabled: d,
         ...m,
         children: [
-          r && /* @__PURE__ */ t.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3 float-none w-auto", children: [
+          r && /* @__PURE__ */ e.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3 float-none w-auto", children: [
             r,
-            a && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            a && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ] }),
-          /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-2", children: f }),
-          w && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-          !w && s && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
+          /* @__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 })
         ]
       }
     ) });
   }
-), lt = Object.assign(je, {
-  Option: ve
-}), ke = N(
-  "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",
+), ut = Object.assign(ke, {
+  Option: je
+}), Ie = N(
+  "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: {
       state: {
-        default: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20",
+        default: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20 hover:border-primary/50",
         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"
       }
@@ -373,134 +373,137 @@ const it = Object.assign(K, {
       state: "default"
     }
   }
-), $ = b.forwardRef(
+), J = b.forwardRef(
   ({
-    label: e,
+    label: t,
     leftContent: r,
     rightContent: a,
     helperText: s,
     error: n,
     className: o,
     disabled: d,
-    readOnly: i,
     id: c,
-    required: l,
-    ...u
-  }, p) => {
-    const f = b.useId(), m = c || f, h = `${m}-helper`, w = `${m}-error`, g = !!n, I = b.useMemo(() => {
-      const k = [];
-      return g ? k.push(w) : s && k.push(h), k.length > 0 ? k.join(" ") : void 0;
-    }, [g, s, w, h]);
-    return /* @__PURE__ */ t.jsxs("div", { className: y("w-full", o), children: [
-      e && /* @__PURE__ */ t.jsxs(
+    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: [
+      t && /* @__PURE__ */ e.jsxs(
         "label",
         {
-          htmlFor: m,
+          htmlFor: y,
           className: "block text-sm font-medium text-foreground mb-2",
           children: [
-            e,
-            l && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            t,
+            i && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: "relative w-full", children: [
-        r && /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e.jsxs("div", { className: "relative w-full", children: [
+        r && /* @__PURE__ */ e.jsx(
           "span",
           {
-            className: "absolute left-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
+            className: "absolute left-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": "left-content",
             children: r
           }
         ),
-        /* @__PURE__ */ t.jsx(
-          "input",
+        /* @__PURE__ */ e.jsx(
+          "button",
           {
-            ref: p,
-            id: m,
-            required: l,
+            ref: m,
+            id: y,
+            type: "button",
             disabled: d,
-            readOnly: i,
-            "aria-invalid": g,
-            "aria-describedby": I,
-            "aria-errormessage": g ? w : void 0,
-            className: y(
-              ke({
-                state: g ? "error" : i ? "readOnly" : "default"
+            "aria-invalid": v || void 0,
+            "aria-describedby": R,
+            "aria-errormessage": v ? j : void 0,
+            "aria-required": i || void 0,
+            className: x(
+              Ie({
+                state: v ? "error" : "default"
               }),
               r ? "pl-9" : "pl-3",
               a ? "pr-9" : "pr-3",
-              "h-9"
+              "h-9",
+              !l && "text-gray-400"
             ),
-            ...u
+            ...f,
+            children: V
           }
         ),
-        a && /* @__PURE__ */ t.jsx(
+        a && /* @__PURE__ */ e.jsx(
           "span",
           {
-            className: "absolute right-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
+            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
           }
+        ),
+        p && /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            type: "hidden",
+            name: p,
+            value: l,
+            readOnly: !0,
+            "data-testid": "hidden-input"
+          }
         )
       ] }),
-      g && /* @__PURE__ */ t.jsx(
+      v && /* @__PURE__ */ e.jsx(
         "div",
         {
-          id: w,
+          id: j,
           className: "mt-1 text-sm text-danger",
           role: "alert",
           "aria-live": "polite",
           children: n
         }
       ),
-      !g && s && /* @__PURE__ */ t.jsx("div", { id: h, className: "mt-1 text-sm text-gray-600", children: s })
+      !v && s && /* @__PURE__ */ e.jsx("div", { id: g, className: "mt-1 text-sm text-gray-600", children: s })
     ] });
   }
 );
-$.displayName = "TextInput";
-function Ie(e) {
-  if (!e) return "";
-  const r = new Date(e);
-  return isNaN(r.getTime()) ? e : r.toLocaleDateString(void 0, {
+J.displayName = "TextInputAsButton";
+function Ne(t) {
+  if (!t) return "";
+  const r = new Date(t);
+  return isNaN(r.getTime()) ? t : r.toLocaleDateString(void 0, {
     year: "numeric",
     month: "short",
     day: "numeric"
   });
 }
-const dt = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatter: n, min: o, max: d, ...i }, c) {
+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 c == "function" ? c(h) : c && typeof c == "object" && (c.current = h);
+    l.current = h, typeof i == "function" ? i(h) : i && typeof i == "object" && (i.current = h);
   }, p = () => {
     l.current && (typeof l.current.showPicker == "function" ? l.current.showPicker() : l.current.focus());
   }, f = (h) => {
     a(h.target.value);
-  }, m = (n ?? Ie)(r);
-  return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ t.jsx(
-      "div",
+  }, m = (n ?? Ne)(r);
+  return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ e.jsx(
+      J,
       {
         onClick: p,
-        className: "cursor-pointer",
-        role: "presentation",
-        children: /* @__PURE__ */ t.jsx(
-          $,
-          {
-            inert: !0,
-            type: "text",
-            value: m,
-            label: s,
-            readOnly: !0,
-            "aria-hidden": "true",
-            leftContent: /* @__PURE__ */ t.jsx(O, { as: se, color: "inherit", size: "sm" }),
-            "data-testid": "date-single-picker-visible-input",
-            ...i
-          }
-        )
+        value: m,
+        label: s,
+        leftContent: /* @__PURE__ */ e.jsx(P, { as: oe, color: "inherit", size: "sm" }),
+        "data-testid": "date-single-picker-visible-input",
+        ...c
       }
     ),
-    /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ e.jsx(
       "input",
       {
         ref: u,
@@ -515,44 +518,145 @@ const dt = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
       }
     )
   ] });
-}), ut = P(
-  (e, r) => /* @__PURE__ */ t.jsx(
+}), Ce = N(
+  "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: {
+      state: {
+        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"
+    }
+  }
+), $ = b.forwardRef(
+  ({
+    label: t,
+    leftContent: r,
+    rightContent: a,
+    helperText: s,
+    error: n,
+    className: o,
+    disabled: d,
+    readOnly: c,
+    id: i,
+    required: l,
+    ...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: [
+      t && /* @__PURE__ */ e.jsxs(
+        "label",
+        {
+          htmlFor: m,
+          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: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("div", { className: "relative w-full", children: [
+        r && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: "absolute left-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
+            "aria-hidden": "true",
+            "data-testid": "left-content",
+            children: r
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: p,
+            id: m,
+            required: l,
+            disabled: d,
+            readOnly: c,
+            "aria-invalid": g,
+            "aria-describedby": j,
+            "aria-errormessage": g ? y : void 0,
+            className: x(
+              Ce({
+                state: g ? "error" : c ? "readOnly" : "default"
+              }),
+              r ? "pl-9" : "pl-3",
+              a ? "pr-9" : "pr-3",
+              "h-9"
+            ),
+            ...u
+          }
+        ),
+        a && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: "absolute right-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
+            "aria-hidden": "true",
+            "data-testid": "right-content",
+            children: a
+          }
+        )
+      ] }),
+      g && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          id: y,
+          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 })
+    ] });
+  }
+);
+$.displayName = "TextInput";
+const pt = z(
+  (t, r) => /* @__PURE__ */ e.jsx(
     $,
     {
-      ...e,
+      ...t,
       ref: r,
       type: "email",
       autoComplete: "email",
       inputMode: "email",
-      leftContent: /* @__PURE__ */ t.jsx(O, { as: oe, color: "inherit", size: "sm" })
+      leftContent: /* @__PURE__ */ e.jsx(P, { as: ie, color: "inherit", size: "sm" })
     }
   )
-), Ne = "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", Ce = "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", Re = (e) => /^\d$/.test(e), W = (e, r) => e?.replace(/\D/g, "").slice(0, r) || "", J = 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 = b.forwardRef(
   ({
-    value: e,
+    value: t,
     onChange: r,
     onKeyDown: a,
     onFocus: s,
     onPaste: n,
     disabled: o,
     error: d,
-    secure: i,
-    inputRef: c,
+    secure: c,
+    inputRef: i,
     index: l,
     id: u
-  }, p) => /* @__PURE__ */ t.jsx(
+  }, p) => /* @__PURE__ */ e.jsx(
     "input",
     {
-      ref: c,
+      ref: i,
       id: u,
       type: "text",
       inputMode: "numeric",
-      pattern: i ? void 0 : "[0-9]*",
+      pattern: c ? void 0 : "[0-9]*",
       maxLength: 1,
-      value: i ? e ? "•" : "" : e,
+      value: c ? t ? "•" : "" : t,
       onChange: (f) => {
         const m = f.target.value;
-        (m === "" || Re(m)) && r(m);
+        (m === "" || Se(m)) && r(m);
       },
       onKeyDown: a,
       onFocus: s,
@@ -560,128 +664,128 @@ const dt = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
       disabled: o,
       "aria-invalid": d,
       "aria-disabled": o,
-      className: d ? Ce : Ne,
+      className: d ? Re : Ve,
       autoComplete: "one-time-code",
       "data-testid": `pin-input-${l}`
     }
   )
 );
-J.displayName = "PinInput";
-const Ve = b.forwardRef(
+Q.displayName = "PinInput";
+const De = b.forwardRef(
   ({
-    label: e,
+    label: t,
     helperText: r,
     error: a,
     disabled: s,
     value: n,
     onChange: o,
     onComplete: d,
-    digits: i = 6,
-    className: c,
+    digits: c = 6,
+    className: i,
     id: l,
     name: u,
     required: p,
     secure: f = !1,
     ...m
   }, h) => {
-    const w = b.useId(), g = l || w, I = !!a, k = b.useRef([]), C = W(n, i), V = C.split("").concat(Array(i - C.length).fill("")), R = b.useCallback(
-      (v) => {
-        const x = W(v, i);
-        o(x), x.length === i && d?.(x);
+    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);
       },
-      [o, d, i]
+      [o, d, c]
     ), D = b.useCallback(
-      (v, x) => {
-        const j = [...V];
-        j[v] = x;
-        const S = j.join("").replace(/\s+$/, "");
-        R(S), x && v < i - 1 && k.current[v + 1]?.focus();
+      (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();
       },
-      [V, R, i]
-    ), B = b.useCallback(
-      (v, x) => {
-        if (x.key === "Backspace") {
-          if (!V[v] && v > 0) {
-            x.preventDefault();
-            const j = [...V];
-            j[v - 1] = "";
-            const S = j.join("").replace(/\s+$/, "");
-            R(S), k.current[v - 1]?.focus();
-          } else if (V[v]) {
-            x.preventDefault();
-            const j = [...V];
-            j[v] = "";
-            const S = j.join("").replace(/\s+$/, "");
-            R(S);
+      [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);
           }
-        } else x.key === "ArrowLeft" && v > 0 ? (x.preventDefault(), k.current[v - 1]?.focus()) : x.key === "ArrowRight" && v < i - 1 && (x.preventDefault(), k.current[v + 1]?.focus());
+        } 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());
       },
-      [V, R, i]
+      [R, C, c]
     ), A = b.useCallback(
-      (v) => {
-        v.preventDefault();
-        const x = v.clipboardData.getData("text"), j = W(x, i);
-        if (j.length > 0) {
-          R(j);
-          const S = Math.min(j.length, i - 1);
-          k.current[S]?.focus();
+      (k) => {
+        k.preventDefault();
+        const w = k.clipboardData.getData("text"), I = W(w, c);
+        if (I.length > 0) {
+          C(I);
+          const S = Math.min(I.length, c - 1);
+          v.current[S]?.focus();
         }
       },
-      [R, i]
+      [C, c]
     );
-    return /* @__PURE__ */ t.jsxs("div", { ref: h, className: y("w-full", c), ...m, children: [
-      e && /* @__PURE__ */ t.jsxs(
+    return /* @__PURE__ */ e.jsxs("div", { ref: h, className: x("w-full", i), ...m, children: [
+      t && /* @__PURE__ */ e.jsxs(
         "label",
         {
           htmlFor: `${g}-0`,
           className: "block text-sm font-medium text-foreground mb-2",
           children: [
-            e,
-            p && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            t,
+            p && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e.jsx(
         "div",
         {
           className: "flex gap-2 justify-center",
           role: "group",
-          "aria-labelledby": e ? `${g}-label` : void 0,
-          "aria-describedby": I ? `${g}-error` : r ? `${g}-helper` : void 0,
-          children: V.map((v, x) => /* @__PURE__ */ t.jsx(
-            J,
+          "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(
+            Q,
             {
-              value: v,
-              onChange: (j) => D(x, j),
-              onKeyDown: (j) => B(x, j),
+              value: k,
+              onChange: (I) => D(w, I),
+              onKeyDown: (I) => M(w, I),
               onFocus: () => {
-                const j = k.current[x];
-                j && j.select();
+                const I = v.current[w];
+                I && I.select();
               },
               onPaste: A,
               disabled: s,
-              error: I,
+              error: j,
               secure: f,
-              inputRef: (j) => {
-                k.current[x] = j;
+              inputRef: (I) => {
+                v.current[w] = I;
               },
-              index: x,
-              id: `${g}-${x}`
+              index: w,
+              id: `${g}-${w}`
             },
-            x
+            w
           ))
         }
       ),
-      u && /* @__PURE__ */ t.jsx(
+      u && /* @__PURE__ */ e.jsx(
         "input",
         {
           type: "hidden",
           name: u,
-          value: C,
+          value: V,
           required: p
         }
       ),
-      I && /* @__PURE__ */ t.jsx(
+      j && /* @__PURE__ */ e.jsx(
         "div",
         {
           id: `${g}-error`,
@@ -690,31 +794,31 @@ const Ve = b.forwardRef(
           children: a
         }
       ),
-      !I && r && /* @__PURE__ */ t.jsx("div", { id: `${g}-helper`, className: "mt-2 text-sm text-gray-600", children: r })
+      !j && r && /* @__PURE__ */ e.jsx("div", { id: `${g}-helper`, className: "mt-2 text-sm text-gray-600", children: r })
     ] });
   }
 );
-Ve.displayName = "PinField";
-function Se(e, r) {
-  ae(() => {
-    typeof e == "number" && !isNaN(e) ? r(`${e}`) : e === "" || e === null || e === void 0 ? r("") : typeof e == "string" && r(e);
-  }, [e, r]);
+De.displayName = "PinField";
+function ze(t, r) {
+  ne(() => {
+    typeof t == "number" && !isNaN(t) ? r(`${t}`) : t === "" || t === null || t === void 0 ? r("") : typeof t == "string" && r(t);
+  }, [t, r]);
 }
-function De(e, r = !1) {
-  if (e === "" || e === "-" && r) return !0;
-  const a = r && e.startsWith("-") ? e.slice(1) : e;
-  if (r && e.startsWith("-") && a === "") return !0;
+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 !== "" && !ze(o));
+  return !(n === "" || !Pe(n) || o !== void 0 && o !== "" && !$e(o));
 }
-function Pe(e) {
-  if (e === "") return !1;
-  if (!e.includes("."))
-    return /^\d+$/.test(e);
-  const r = e.split(".");
+function Pe(t) {
+  if (t === "") return !1;
+  if (!t.includes("."))
+    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];
@@ -724,61 +828,61 @@ function Pe(e) {
   }
   return !0;
 }
-function ze(e) {
-  return /^\d{1,2}$/.test(e);
+function $e(t) {
+  return /^\d{1,2}$/.test(t);
 }
-function Q(e, r = !1) {
-  if (e === "") return "";
-  const a = e.startsWith("-");
+function U(t, r = !1) {
+  if (t === "") return "";
+  const a = t.startsWith("-");
   if (a && !r)
-    return Q(e.slice(1), !1);
-  if (a && e.length === 1) return "-";
-  let n = (a ? e.slice(1) : e).replace(/[^\d.,]/g, "");
+    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, ""), i = n.slice(o + 1).replace(/,/g, "");
-    n = d + "," + i;
+    const d = n.slice(0, o).replace(/,/g, ""), c = n.slice(o + 1).replace(/,/g, "");
+    n = d + "," + c;
   }
   return n = n.replace(/\.{2,}/g, "."), (a ? "-" : "") + n;
 }
-const ft = ({
-  value: e,
+const mt = ({
+  value: t,
   onChange: r,
   allowNegative: a = !1,
   inputProps: s,
   label: n,
   helperText: o,
   error: d,
-  ...i
+  ...c
 }) => {
-  const c = T(null), [l, u] = ne(
-    e === "" ? "" : String(e)
+  const i = T(null), [l, u] = se(
+    t === "" ? "" : String(t)
   );
-  Se(e, u);
+  ze(t, u);
   const p = (f) => {
-    const m = f.target.value, h = Q(m, a);
-    De(h, a) ? (u(h), r(h)) : f.preventDefault();
+    const m = f.target.value, h = U(m, a);
+    Oe(h, a) ? (u(h), r(h)) : f.preventDefault();
   };
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsx(
     $,
     {
-      ref: c,
+      ref: i,
       type: "text",
       label: n,
       value: l,
       onChange: p,
       error: d,
       helperText: o,
-      placeholder: i.placeholder,
-      leftContent: /* @__PURE__ */ t.jsx(O, { as: ie, color: "inherit", size: "sm" }),
+      placeholder: c.placeholder,
+      leftContent: /* @__PURE__ */ e.jsx(P, { as: ce, color: "inherit", size: "sm" }),
       inputMode: "numeric",
       autoComplete: "off",
       pattern: "[0-9.,-]*",
       ...s,
-      ...i
+      ...c
     }
   );
-}, Oe = N("space-y-2", {
+}, Ee = N("space-y-2", {
   variants: {
     direction: {
       vertical: "space-y-2 space-x-0",
@@ -788,7 +892,7 @@ const ft = ({
   defaultVariants: {
     direction: "vertical"
   }
-}), $e = N(
+}), Fe = N(
   "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: {
@@ -826,7 +930,7 @@ const ft = ({
       size: "md"
     }
   }
-), Ee = N(
+), Be = N(
   "text-foreground cursor-pointer select-none",
   {
     variants: {
@@ -845,39 +949,39 @@ const ft = ({
       disabled: !1
     }
   }
-), U = E(
+), X = E(
   null
-), Fe = () => {
-  const e = F(U);
-  if (!e)
+), Me = () => {
+  const t = F(X);
+  if (!t)
     throw new Error(
       "useRadioInputContext must be used within RadioInputContext"
     );
-  return e;
-}, Me = b.forwardRef(
-  ({ children: e, description: r, className: a, disabled: s, id: n, value: o, ...d }, i) => {
-    const c = Fe(), l = b.useId(), u = n || l, p = s || c.disabled, f = c.error ? "danger" : c.variant || "primary";
-    return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ t.jsx(
+  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";
+    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: i,
+          ref: c,
           type: "radio",
           id: u,
-          name: c.name,
+          name: i.name,
           value: o,
           disabled: p,
-          className: y(
-            $e({
+          className: x(
+            Fe({
               variant: f,
-              size: c.size
+              size: i.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
-            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]",
+            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]",
             "checked:before:opacity-100",
             // Outline variants use colored radio dot
             f?.includes("outline") && "checked:before:bg-current",
@@ -886,26 +990,26 @@ const ft = ({
           ...d
         }
       ) }),
-      /* @__PURE__ */ t.jsxs("div", { className: "flex-1", children: [
-        /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ e.jsx(
           "label",
           {
             htmlFor: u,
-            className: Ee({
-              size: c.size,
+            className: Be({
+              size: i.size,
               disabled: p
             }),
-            children: e
+            children: t
           }
         ),
-        r && /* @__PURE__ */ t.jsx(
+        r && /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: y(
+            className: x(
               "text-gray-600 mt-1",
-              c.size === "sm" && "text-xs",
-              c.size === "md" && "text-xs",
-              c.size === "lg" && "text-sm",
+              i.size === "sm" && "text-xs",
+              i.size === "md" && "text-xs",
+              i.size === "lg" && "text-sm",
               p && "opacity-50"
             ),
             children: r
@@ -914,39 +1018,39 @@ const ft = ({
       ] })
     ] });
   }
-), Be = b.forwardRef(
+), We = b.forwardRef(
   ({
-    variant: e = "primary",
+    variant: t = "primary",
     size: r = "md",
     label: a,
     helperText: s,
     error: n,
     direction: o = "vertical",
     className: d,
-    disabled: i,
-    name: c,
+    disabled: c,
+    name: i,
     children: l,
     ...u
   }, p) => {
     const f = !!n, m = {
-      variant: e,
+      variant: t,
       size: r,
-      disabled: i,
+      disabled: c,
       error: f,
-      name: c
+      name: i
     };
-    return /* @__PURE__ */ t.jsx(U.Provider, { value: m, children: /* @__PURE__ */ t.jsxs("div", { ref: p, className: y("w-full", d), ...u, children: [
-      a && /* @__PURE__ */ t.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: a }),
-      /* @__PURE__ */ t.jsx("div", { className: Oe({ direction: o }), children: l }),
-      f && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !f && s && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
+    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 })
     ] }) });
   }
-), pt = Object.assign(Be, {
-  Option: Me
-}), mt = P(
+), ht = Object.assign(We, {
+  Option: Ae
+}), bt = z(
   ({
-    autoComplete: e = "off",
+    autoComplete: t = "off",
     spellCheck: r = !1,
     inputMode: a = "search",
     placeholder: s = "Search...",
@@ -954,24 +1058,24 @@ const ft = ({
     enterKeyHint: o = "search",
     "aria-label": d = "Search",
     // internal default, not in props
-    ...i
-  }, c) => /* @__PURE__ */ t.jsx(
+    ...c
+  }, i) => /* @__PURE__ */ e.jsx(
     $,
     {
-      ref: c,
+      ref: i,
       type: "search",
       inputMode: a,
-      autoComplete: e,
+      autoComplete: t,
       spellCheck: r,
       placeholder: s,
       maxLength: n,
       enterKeyHint: o,
       "aria-label": d,
-      leftContent: /* @__PURE__ */ t.jsx(O, { as: ce, color: "inherit", size: "sm" }),
-      ...i
+      leftContent: /* @__PURE__ */ e.jsx(P, { as: le, color: "inherit", size: "sm" }),
+      ...c
     }
   )
-), Ae = N(
+), Le = N(
   "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: {
@@ -985,77 +1089,77 @@ const ft = ({
       state: "default"
     }
   }
-), X = b.forwardRef(({ value: e, children: r, ...a }, s) => /* @__PURE__ */ t.jsx("option", { ref: s, value: e, ...a, children: r }));
-X.displayName = "SelectOption";
-const Y = b.forwardRef(({ label: e, children: r, ...a }, s) => /* @__PURE__ */ t.jsx("optgroup", { ref: s, label: e, ...a, children: r }));
-Y.displayName = "SelectOptionGroup";
-const Z = b.forwardRef(
+), Y = b.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 }));
+Z.displayName = "SelectOptionGroup";
+const ee = b.forwardRef(
   ({
-    label: e,
+    label: t,
     helperText: r,
     error: a,
     className: s,
     disabled: n,
     readOnly: o,
     id: d,
-    required: i,
-    placeholder: c,
+    required: c,
+    placeholder: i,
     children: l,
     onChange: u,
     ...p
   }, f) => {
-    const m = b.useId(), h = d || m, w = `${h}-helper`, g = `${h}-error`, I = !!a, k = b.useMemo(() => {
-      const C = [];
-      return I ? C.push(g) : r && C.push(w), C.length > 0 ? C.join(" ") : void 0;
-    }, [I, r, g, w]);
-    return /* @__PURE__ */ t.jsxs("div", { className: y("w-full", s), children: [
-      e && /* @__PURE__ */ t.jsxs(
+    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: [
+      t && /* @__PURE__ */ e.jsxs(
         "label",
         {
           htmlFor: h,
           className: "block text-sm font-medium text-foreground mb-2",
           children: [
-            e,
-            i && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            t,
+            c && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: "relative w-full", children: [
-        /* @__PURE__ */ t.jsxs(
+      /* @__PURE__ */ e.jsxs("div", { className: "relative w-full", children: [
+        /* @__PURE__ */ e.jsxs(
           "select",
           {
             ref: f,
             id: h,
-            required: i,
+            required: c,
             disabled: n || o,
-            "aria-invalid": I,
-            "aria-describedby": k,
-            "aria-errormessage": I ? g : void 0,
+            "aria-invalid": j,
+            "aria-describedby": v,
+            "aria-errormessage": j ? g : void 0,
             onChange: u,
-            className: y(
-              Ae({
-                state: I ? "error" : o ? "readOnly" : "default"
+            className: x(
+              Le({
+                state: j ? "error" : o ? "readOnly" : "default"
               }),
               "h-9 pl-3"
             ),
             ...p,
             children: [
-              c && /* @__PURE__ */ t.jsx("option", { value: "", disabled: !0, hidden: !0, children: c }),
+              i && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, hidden: !0, children: i }),
               l
             ]
           }
         ),
-        /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: y(
+            className: x(
               "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none transition-transform duration-200"
             ),
-            children: /* @__PURE__ */ t.jsx(O, { as: le, size: "sm", color: "gray", "aria-hidden": "true" })
+            children: /* @__PURE__ */ e.jsx(P, { as: de, size: "sm", color: "gray", "aria-hidden": "true" })
           }
         )
       ] }),
-      I && /* @__PURE__ */ t.jsx(
+      j && /* @__PURE__ */ e.jsx(
         "div",
         {
           id: g,
@@ -1065,15 +1169,15 @@ const Z = b.forwardRef(
           children: a
         }
       ),
-      !I && r && /* @__PURE__ */ t.jsx("div", { id: w, className: "mt-1 text-sm text-gray-600", children: r })
+      !j && r && /* @__PURE__ */ e.jsx("div", { id: y, className: "mt-1 text-sm text-gray-600", children: r })
     ] });
   }
 );
-Z.displayName = "SelectInput";
-const ht = Object.assign(Z, {
-  Option: X,
-  OptionGroup: Y
-}), We = N(
+ee.displayName = "SelectInput";
+const gt = Object.assign(ee, {
+  Option: Y,
+  OptionGroup: Z
+}), Te = N(
   "flex gap-3 cursor-pointer border-b border-border select-none transition-colors",
   {
     variants: {
@@ -1102,7 +1206,7 @@ const ht = Object.assign(Z, {
       hideCheckbox: !1
     }
   }
-), Le = N(
+), qe = N(
   "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: {
@@ -1120,57 +1224,57 @@ const ht = Object.assign(Z, {
       disabled: !1
     }
   }
-), Te = P(
+), Ge = z(
   ({
-    value: e,
+    value: t,
     children: r,
     checked: a,
     id: s,
     className: n,
     disabled: o,
     checkboxPlacement: d = "center",
-    hideCheckbox: i = !1,
-    ...c
+    hideCheckbox: c = !1,
+    ...i
   }, l) => {
-    const u = M(), p = s || u, f = typeof r == "function" ? r(a) : r;
-    return /* @__PURE__ */ t.jsxs(
+    const u = B(), p = s || u, f = typeof r == "function" ? r(a) : r;
+    return /* @__PURE__ */ e.jsxs(
       "label",
       {
         htmlFor: p,
-        className: y(
-          We({
+        className: x(
+          Te({
             checked: !!a,
             disabled: !!o,
             checkboxPlacement: d,
-            hideCheckbox: i
+            hideCheckbox: c
           }),
           n
         ),
         "aria-checked": a,
         role: "radio",
-        "aria-label": `Select ${e}`,
+        "aria-label": `Select ${t}`,
         tabIndex: o ? -1 : 0,
         children: [
-          /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ e.jsx(
             "input",
             {
               ref: l,
               id: p,
               type: "radio",
-              value: e,
+              value: t,
               checked: a,
               disabled: o,
               className: "sr-only",
               "aria-hidden": !0,
               "aria-checked": a,
-              ...c
+              ...i
             }
           ),
-          !i && /* @__PURE__ */ t.jsx(
+          !c && /* @__PURE__ */ e.jsx(
             "span",
             {
-              className: y(
-                Le({
+              className: x(
+                qe({
                   checked: !!a,
                   disabled: !!o
                 }),
@@ -1183,14 +1287,14 @@ const ht = Object.assign(Z, {
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: f })
+          /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: f })
         ]
       }
     );
   }
 );
-Te.displayName = "SelectableSingleInput";
-const Ge = N(
+Ge.displayName = "SelectableSingleInput";
+const Ke = N(
   "flex gap-3 cursor-pointer border-b border-border select-none transition-colors",
   {
     variants: {
@@ -1219,7 +1323,7 @@ const Ge = N(
       hideCheckbox: !1
     }
   }
-), qe = N(
+), _e = N(
   "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: {
@@ -1237,57 +1341,57 @@ const Ge = N(
       disabled: !1
     }
   }
-), Ke = P(
+), He = z(
   ({
-    value: e,
+    value: t,
     children: r,
     checked: a,
     id: s,
     className: n,
     disabled: o,
     checkboxPlacement: d = "center",
-    hideCheckbox: i = !1,
-    ...c
+    hideCheckbox: c = !1,
+    ...i
   }, l) => {
-    const u = M(), p = s || u, f = typeof r == "function" ? r(a) : r;
-    return /* @__PURE__ */ t.jsxs(
+    const u = B(), p = s || u, f = typeof r == "function" ? r(a) : r;
+    return /* @__PURE__ */ e.jsxs(
       "label",
       {
         htmlFor: p,
-        className: y(
-          Ge({
+        className: x(
+          Ke({
             checked: !!a,
             disabled: !!o,
             checkboxPlacement: d,
-            hideCheckbox: i
+            hideCheckbox: c
           }),
           n
         ),
         "aria-checked": a,
         role: "checkbox",
-        "aria-label": `Select ${e}`,
+        "aria-label": `Select ${t}`,
         tabIndex: o ? -1 : 0,
         children: [
-          /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ e.jsx(
             "input",
             {
               ref: l,
               id: p,
               type: "checkbox",
-              value: e,
+              value: t,
               checked: a,
               disabled: o,
               className: "sr-only",
               "aria-hidden": !0,
               "aria-checked": a,
-              ...c
+              ...i
             }
           ),
-          !i && /* @__PURE__ */ t.jsx(
+          !c && /* @__PURE__ */ e.jsx(
             "span",
             {
-              className: y(
-                qe({
+              className: x(
+                _e({
                   checked: !!a,
                   disabled: !!o
                 }),
@@ -1300,14 +1404,14 @@ const Ge = N(
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: f })
+          /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: f })
         ]
       }
     );
   }
 );
-Ke.displayName = "SelectableMultipleInput";
-const _e = N(
+He.displayName = "SelectableMultipleInput";
+const Je = N(
   "relative inline-flex items-center h-5 w-10 rounded-full transition-colors duration-200 border border-transparent",
   {
     variants: {
@@ -1325,7 +1429,7 @@ const _e = N(
       checked: !1
     }
   }
-), He = N(
+), Qe = N(
   "absolute h-4 w-4 rounded-full transition-transform duration-200",
   {
     variants: {
@@ -1338,68 +1442,68 @@ const _e = N(
       checked: !1
     }
   }
-), Je = ({ disabled: e = !1, checked: r = !1, className: a }) => /* @__PURE__ */ t.jsx(
+), Ue = ({ disabled: t = !1, checked: r = !1, className: a }) => /* @__PURE__ */ e.jsx(
   "span",
   {
-    className: y(
-      _e({ disabled: e, checked: r }),
+    className: x(
+      Je({ disabled: t, checked: r }),
       "pointer-events-none",
       a
     ),
     "aria-hidden": "true"
   }
-), Qe = ({ checked: e = !1 }) => /* @__PURE__ */ t.jsx("span", { className: y(He({ checked: e })), "aria-hidden": "true" }), Ue = ({ label: e, htmlFor: r, disabled: a = !1, required: s = !1 }) => e ? /* @__PURE__ */ t.jsxs(
+), Xe = ({ checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: x(Qe({ checked: t })), "aria-hidden": "true" }), Ye = ({ label: t, htmlFor: r, disabled: a = !1, required: s = !1 }) => t ? /* @__PURE__ */ e.jsxs(
   "label",
   {
     htmlFor: r,
-    className: y(
+    className: x(
       "text-sm select-none font-medium text-foreground",
       a && "opacity-50 cursor-not-allowed"
     ),
     children: [
-      e,
-      s && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+      t,
+      s && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
     ]
   }
-) : null, Xe = b.forwardRef(
+) : null, Ze = b.forwardRef(
   ({
-    value: e,
+    value: t,
     onChange: r,
     label: a,
     disabled: s = !1,
     required: n = !1,
     className: o,
     id: d,
-    ariaLabel: i,
-    ...c
+    ariaLabel: c,
+    ...i
   }, l) => {
-    const u = b.useId(), p = d || u, f = e ?? !1, m = (h) => {
+    const u = b.useId(), p = d || u, f = t ?? !1, m = (h) => {
       r?.(h.target.checked);
     };
-    return /* @__PURE__ */ t.jsxs("div", { className: y("inline-flex items-center gap-2", o), children: [
-      /* @__PURE__ */ t.jsxs("span", { className: "relative inline-flex items-center", children: [
-        /* @__PURE__ */ t.jsx(
+    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,
             type: "checkbox",
             role: "switch",
             id: p,
-            "aria-label": i || a,
+            "aria-label": c || a,
             "aria-checked": f,
             checked: f,
             disabled: s,
             required: n,
             onChange: m,
             className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10 disabled:cursor-not-allowed",
-            ...c
+            ...i
           }
         ),
-        /* @__PURE__ */ t.jsx(Je, { disabled: s, checked: f }),
-        /* @__PURE__ */ t.jsx(Qe, { checked: f })
+        /* @__PURE__ */ e.jsx(Ue, { disabled: s, checked: f }),
+        /* @__PURE__ */ e.jsx(Xe, { checked: f })
       ] }),
-      /* @__PURE__ */ t.jsx(
-        Ue,
+      /* @__PURE__ */ e.jsx(
+        Ye,
         {
           label: a,
           htmlFor: p,
@@ -1410,8 +1514,8 @@ const _e = N(
     ] });
   }
 );
-Xe.displayName = "SwitchInput";
-const Ye = 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",
   {
     variants: {
@@ -1426,116 +1530,116 @@ const Ye = N(
       state: "default"
     }
   }
-), Ze = (e, r, a) => e ? "disabled" : r ? "readOnly" : a ? "error" : "default", et = (e, r, a) => {
+), tt = (t, r, a) => t ? "disabled" : r ? "readOnly" : a ? "error" : "default", rt = (t, r, a) => {
   if (r || a) {
-    e.preventDefault();
+    t.preventDefault();
     return;
   }
-  e.preventDefault();
-  const s = e.clipboardData.getData("text/plain"), n = window.getSelection();
+  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 i = new Event("input", { bubbles: !0 });
-  e.currentTarget.dispatchEvent(i);
-}, tt = b.forwardRef(
+  const c = new Event("input", { bubbles: !0 });
+  t.currentTarget.dispatchEvent(c);
+}, at = b.forwardRef(
   ({
-    label: e,
+    label: t,
     helperText: r,
     error: a,
     className: s,
     disabled: n,
     readOnly: o,
     id: d,
-    value: i,
-    defaultValue: c,
+    value: c,
+    defaultValue: i,
     onChange: l,
     placeholder: u,
     name: p,
     row: f = 3,
     required: m,
     onBlur: h,
-    onFocus: w,
+    onFocus: y,
     onKeyDown: g,
-    ...I
-  }, k) => {
-    const C = b.useId(), V = d || C, R = !!a, D = b.useRef(null), [B, A] = b.useState(c || ""), v = i !== void 0, x = v ? i : B;
-    b.useImperativeHandle(k, () => D.current), b.useEffect(() => {
-      D.current && D.current.textContent !== x && (D.current.textContent = x);
-    }, [x]);
-    const j = Ze(n, o, R), S = !x && u, ee = (z) => {
-      const L = z.currentTarget.textContent || "";
-      v || A(L), l?.(L);
-    }, te = (z) => {
+    ...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) {
-        z.preventDefault();
+        O.preventDefault();
         return;
       }
-      g?.(z);
-    }, re = () => {
+      g?.(O);
+    }, ae = () => {
       D.current?.focus();
     };
-    return /* @__PURE__ */ t.jsxs("div", { children: [
-      e && /* @__PURE__ */ t.jsxs(
+    return /* @__PURE__ */ e.jsxs("div", { children: [
+      t && /* @__PURE__ */ e.jsxs(
         "label",
         {
-          htmlFor: V,
+          htmlFor: R,
           className: "block text-sm font-medium text-foreground mb-2 cursor-pointer",
-          onClick: re,
+          onClick: ae,
           children: [
-            e,
-            m && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            t,
+            m && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ t.jsx("div", { className: y("relative w-full", s), children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e.jsx("div", { className: x("relative w-full", s), children: /* @__PURE__ */ e.jsx(
         "div",
         {
           ref: D,
-          id: V,
+          id: R,
           role: "textbox",
           "aria-multiline": "true",
-          "aria-invalid": R,
+          "aria-invalid": C,
           "aria-disabled": n,
           "aria-readonly": o,
           "aria-required": m,
-          "aria-label": typeof e == "string" ? e : void 0,
+          "aria-label": typeof t == "string" ? t : void 0,
           contentEditable: !n && !o,
           "data-name": p,
-          onInput: ee,
-          onKeyDown: te,
-          onPaste: (z) => et(z, n, o),
+          onInput: te,
+          onKeyDown: re,
+          onPaste: (O) => rt(O, n, o),
           onBlur: h,
-          onFocus: w,
+          onFocus: y,
           suppressContentEditableWarning: !0,
           style: { minHeight: `${f * 1.5 + 1}rem` },
-          className: y(
-            Ye({ state: j }),
+          className: x(
+            et({ state: I }),
             "px-3 py-2",
             S && "empty:before:content-[attr(data-placeholder)] empty:before:text-gray-400"
           ),
           "data-placeholder": u,
-          ...I
+          ...j
         }
       ) }),
-      R && /* @__PURE__ */ t.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: a }),
-      !R && r && /* @__PURE__ */ t.jsx("div", { className: "mt-1 text-sm text-gray-600", children: r })
+      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 })
     ] });
   }
 );
-tt.displayName = "TextAreaInput";
-const bt = P(function(r, a) {
+at.displayName = "TextAreaInput";
+const xt = z(function(r, a) {
   const s = (n) => {
     r?.onChange?.(n.target.value);
   };
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsx(
     $,
     {
       type: "time",
       tabIndex: 0,
       "aria-hidden": "true",
-      leftContent: /* @__PURE__ */ t.jsx(O, { as: de, color: "inherit", size: "sm" }),
+      leftContent: /* @__PURE__ */ e.jsx(P, { as: ue, color: "inherit", size: "sm" }),
       ref: a,
       ...r,
       onChange: s
@@ -1543,20 +1647,21 @@ const bt = P(function(r, a) {
   );
 });
 export {
-  it as C,
-  dt as D,
-  ut as E,
-  Ve as P,
-  pt as R,
-  mt as S,
+  lt as C,
+  ft as D,
+  pt as E,
+  De as P,
+  ht as R,
+  bt as S,
   $ as T,
-  ct as a,
-  lt as b,
-  ft as c,
-  ht as d,
-  Te as e,
-  Ke as f,
-  Xe as g,
-  tt as h,
-  bt as i
+  dt as a,
+  ut as b,
+  mt as c,
+  gt as d,
+  Ge as e,
+  He as f,
+  Ze as g,
+  J as h,
+  at as i,
+  xt as j
 };