@dimasbaguspm/versaur 0.0.18 → 0.0.19

package/dist/js/{email-input-BIbrfs5q.js → selectable-multiple-input-CJXfqy1Z.js}

@@ -1,9 +1,9 @@
-import { c as k, j as e, a as p } from "./index-DOdDlCoL.js";
-import x, { createContext as I, useContext as N, useRef as O, forwardRef as R, useState as E, useId as q, useEffect as J } from "react";
-import { Check as M, Calendar as K, SearchIcon as Q, Clock as U, Banknote as X, MailIcon as Y } from "lucide-react";
-import { I as S } from "./description-list-DZQF212Z.js";
+import { c as j, j as e, a as p } from "./index-DOdDlCoL.js";
+import x, { createContext as C, useContext as z, useRef as M, forwardRef as V, useState as F, useId as E, useEffect as J } from "react";
+import { Check as R, Calendar as K, SearchIcon as Q, Clock as U, Banknote as X, MailIcon as Y } from "lucide-react";
+import { I as N } from "./image-rectangle-CLU-GVtw.js";
 import "./snackbar-DH8jCh2V.js";
-const Z = k("space-y-2", {
+const Z = j("space-y-2", {
   variants: {
     direction: {
       vertical: "space-y-2 space-x-0",
@@ -13,7 +13,7 @@ const Z = k("space-y-2", {
   defaultVariants: {
     direction: "vertical"
   }
-}), ee = k(
+}), ee = j(
   "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",
   {
     variants: {
@@ -51,7 +51,7 @@ const Z = k("space-y-2", {
       size: "md"
     }
   }
-), re = k(
+), re = j(
   "text-foreground cursor-pointer select-none",
   {
     variants: {
@@ -70,47 +70,47 @@ const Z = k("space-y-2", {
       disabled: !1
     }
   }
-), F = I(null), te = () => {
-  const r = N(F);
+), P = C(null), te = () => {
+  const r = z(P);
   if (!r)
     throw new Error("CheckboxOption must be used within CheckboxInput");
   return r;
-}, P = x.forwardRef(({ children: r, description: t, className: d, disabled: i, id: n, ...l }, g) => {
-  const s = te(), o = x.useId(), c = n || o, h = i || s.disabled, u = s.error ? "danger" : s.variant || "primary";
+}, B = x.forwardRef(({ children: r, description: t, className: s, disabled: c, id: n, ...d }, u) => {
+  const a = te(), o = x.useId(), i = n || o, h = c || a.disabled, g = a.error ? "danger" : a.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: g,
+        ref: u,
         type: "checkbox",
-        id: c,
+        id: i,
         disabled: h,
         className: p(
           ee({
-            variant: u,
-            size: s.size
+            variant: g,
+            size: a.size
           }),
           // Custom checkmark styling using ::after - centered positioning with size variants
           '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',
           // Size-specific checkmark dimensions
-          s.size === "sm" && "after:w-[3px] after:h-[6px]",
-          s.size === "md" && "after:w-[4px] after:h-[8px]",
-          s.size === "lg" && "after:w-[6px] after:h-[10px]",
+          a.size === "sm" && "after:w-[3px] after:h-[6px]",
+          a.size === "md" && "after:w-[4px] after:h-[8px]",
+          a.size === "lg" && "after:w-[6px] after:h-[10px]",
           "checked:after:opacity-100",
           // Outline variants use colored checkmark
-          u?.includes("outline") && "checked:after:border-current",
-          d
+          g?.includes("outline") && "checked:after:border-current",
+          s
         ),
-        ...l
+        ...d
       }
     ) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
       /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: c,
+          htmlFor: i,
           className: re({
-            size: s.size,
+            size: a.size,
             disabled: h
           }),
           children: r
@@ -121,9 +121,9 @@ const Z = k("space-y-2", {
         {
           className: p(
             "text-gray-600 mt-1",
-            s.size === "sm" && "text-xs",
-            s.size === "md" && "text-xs",
-            s.size === "lg" && "text-sm",
+            a.size === "sm" && "text-xs",
+            a.size === "md" && "text-xs",
+            a.size === "lg" && "text-sm",
             h && "opacity-50"
           ),
           children: t
@@ -132,45 +132,45 @@ const Z = k("space-y-2", {
     ] })
   ] });
 });
-P.displayName = "CheckboxOption";
+B.displayName = "CheckboxOption";
 const D = x.forwardRef(
   ({
     variant: r = "primary",
     size: t = "md",
-    label: d,
-    helperText: i,
+    label: s,
+    helperText: c,
     error: n,
-    direction: l = "vertical",
-    className: g,
-    disabled: s,
+    direction: d = "vertical",
+    className: u,
+    disabled: a,
     children: o,
-    ...c
+    ...i
   }, h) => {
-    const u = !!n, a = {
+    const g = !!n, l = {
       variant: r,
       size: t,
-      disabled: s,
-      error: u
+      disabled: a,
+      error: g
     };
-    return /* @__PURE__ */ e.jsx(F.Provider, { value: a, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: p("w-full", g), ...c, children: [
-      d && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: d }),
-      /* @__PURE__ */ e.jsx("div", { className: Z({ direction: l }), children: o }),
-      u && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !u && i && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: i })
+    return /* @__PURE__ */ e.jsx(P.Provider, { value: l, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: p("w-full", u), ...i, children: [
+      s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
+      /* @__PURE__ */ e.jsx("div", { className: Z({ direction: d }), children: o }),
+      g && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !g && c && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: c })
     ] }) });
   }
 );
 D.displayName = "CheckboxInput";
-const _e = Object.assign(D, {
-  Option: P
-}), B = I(null), oe = () => {
-  const r = N(B);
+const Ke = Object.assign(D, {
+  Option: B
+}), $ = C(null), oe = () => {
+  const r = z($);
   if (!r)
     throw new Error(
       "useChipSingleInputContext must be used within ChipSingleInputContext"
     );
   return r;
-}, ne = k(
+}, se = j(
   "inline-flex items-center bg-white font-regular transition-colors duration-200 cursor-pointer border border-border",
   {
     variants: {
@@ -226,61 +226,61 @@ const _e = Object.assign(D, {
       selected: !1
     }
   }
-), se = x.forwardRef(
+), ne = x.forwardRef(
   ({
     children: r,
     className: t,
-    disabled: d,
-    id: i,
+    disabled: s,
+    id: c,
     value: n,
-    check: l,
-    defaultCheck: g = !1,
-    ...s
+    check: d,
+    defaultCheck: u = !1,
+    ...a
   }, o) => {
-    const c = oe(), h = x.useId(), u = i || h, a = d || c.disabled, b = [
+    const i = oe(), h = x.useId(), g = c || h, l = s || i.disabled, b = [
       "primary",
       "secondary",
       "tertiary",
       "ghost",
       "neutral"
     ].includes(
-      c.variant
-    ) ? c.variant : "primary", w = c.shape || "circle", m = c.size || "sm", v = c.value === n, y = (C) => {
-      a || c.onChange?.(n), s.onChange?.(C);
-    }, j = m === "lg" ? 20 : m === "md" ? 18 : 16;
+      i.variant
+    ) ? i.variant : "primary", w = i.shape || "circle", m = i.size || "sm", v = i.value === n, y = (I) => {
+      l || i.onChange?.(n), a.onChange?.(I);
+    }, k = m === "lg" ? 20 : m === "md" ? 18 : 16;
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
           ref: o,
           type: "radio",
-          id: u,
-          name: c.name,
+          id: g,
+          name: i.name,
           value: n,
           checked: v,
-          disabled: a,
+          disabled: l,
           onChange: y,
           className: "sr-only",
-          ...s
+          ...a
         }
       ),
       /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: u,
+          htmlFor: g,
           "data-selected": v,
           className: p(
-            ne({
+            se({
               variant: b,
               selected: v,
               shape: w,
               size: m
             }),
-            a && "opacity-50 cursor-not-allowed pointer-events-none",
+            l && "opacity-50 cursor-not-allowed pointer-events-none",
             t
           ),
           children: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
-            (l || g) && /* @__PURE__ */ e.jsx(
+            (d || u) && /* @__PURE__ */ e.jsx(
               "span",
               {
                 className: p(
@@ -289,10 +289,10 @@ const _e = Object.assign(D, {
                   v ? "opacity-100 scale-100 mr-1" : "opacity-0 scale-75"
                 ),
                 "aria-hidden": "true",
-                children: v && (l || /* @__PURE__ */ e.jsx(
-                  M,
+                children: v && (d || /* @__PURE__ */ e.jsx(
+                  R,
                   {
-                    size: j,
+                    size: k,
                     className: b === "primary" ? "text-primary" : b === "secondary" ? "text-secondary" : b === "tertiary" ? "text-tertiary" : b === "ghost" ? "text-ghost" : b === "neutral" ? "text-neutral" : "text-primary"
                   }
                 ))
@@ -308,45 +308,45 @@ const _e = Object.assign(D, {
   ({
     variant: r = "primary",
     shape: t = "circle",
-    size: d = "sm",
-    label: i,
+    size: s = "sm",
+    label: c,
     helperText: n,
-    error: l,
-    className: g,
-    disabled: s,
+    error: d,
+    className: u,
+    disabled: a,
     name: o,
-    value: c,
+    value: i,
     onChange: h,
-    children: u,
-    ...a
+    children: g,
+    ...l
   }, f) => {
-    const b = !!l, w = {
+    const b = !!d, w = {
       variant: r,
       shape: t,
-      size: d,
-      disabled: s,
+      size: s,
+      disabled: a,
       error: b,
       name: o,
-      value: c,
+      value: i,
       onChange: h
     };
-    return /* @__PURE__ */ e.jsx(B.Provider, { value: w, children: /* @__PURE__ */ e.jsxs("div", { ref: f, className: p("w-full", g), ...a, children: [
-      i && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: i }),
-      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: u }),
-      b && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: l }),
+    return /* @__PURE__ */ e.jsx($.Provider, { value: w, children: /* @__PURE__ */ e.jsxs("div", { ref: f, className: p("w-full", u), ...l, children: [
+      c && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: c }),
+      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: g }),
+      b && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: d }),
       !b && n && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: n })
     ] }) });
   }
-), He = Object.assign(ae, {
-  Option: se
-}), $ = I(null), ie = () => {
-  const r = N($);
+), Qe = Object.assign(ae, {
+  Option: ne
+}), A = C(null), ie = () => {
+  const r = z(A);
   if (!r)
     throw new Error(
       "useChipMultipleInputContext must be used within ChipMultipleInputContext"
     );
   return r;
-}, ce = k(
+}, ce = j(
   "inline-flex items-center bg-white font-regular transition-colors duration-200 cursor-pointer border border-border",
   {
     variants: {
@@ -430,24 +430,24 @@ const _e = Object.assign(D, {
       }
     }
   }
-), A = x.forwardRef(
+), L = x.forwardRef(
   ({
     children: r,
     className: t,
-    disabled: d,
-    id: i,
+    disabled: s,
+    id: c,
     value: n,
-    check: l,
-    defaultCheck: g = !1,
-    ...s
+    check: d,
+    defaultCheck: u = !1,
+    ...a
   }, o) => {
-    const c = ie(), h = x.useId(), u = i || h, a = d || c.disabled, f = c.error ? "danger" : c.variant || "primary", b = c.shape || "circle", w = c.size || "sm", m = c.value?.includes(n) ?? !1, v = (j) => {
-      if (!a) {
-        const C = c.value || [];
-        let V;
-        m ? V = C.filter((H) => H !== n) : V = [...C, n], c.onChange?.(V);
+    const i = ie(), h = x.useId(), g = c || h, l = s || i.disabled, f = i.error ? "danger" : i.variant || "primary", b = i.shape || "circle", w = i.size || "sm", m = i.value?.includes(n) ?? !1, v = (k) => {
+      if (!l) {
+        const I = i.value || [];
+        let O;
+        m ? O = I.filter((q) => q !== n) : O = [...I, n], i.onChange?.(O);
       }
-      s.onChange?.(j);
+      a.onChange?.(k);
     }, y = w === "lg" ? 20 : w === "md" ? 18 : 16;
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
@@ -455,20 +455,20 @@ const _e = Object.assign(D, {
         {
           ref: o,
           type: "checkbox",
-          id: u,
-          name: `${c.name}[]`,
+          id: g,
+          name: `${i.name}[]`,
           value: n,
           checked: m,
-          disabled: a,
+          disabled: l,
           onChange: v,
           className: "sr-only",
-          ...s
+          ...a
         }
       ),
       /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: u,
+          htmlFor: g,
           "data-selected": m,
           className: p(
             ce({
@@ -477,11 +477,11 @@ const _e = Object.assign(D, {
               shape: b,
               size: w
             }),
-            a && "opacity-50 cursor-not-allowed pointer-events-none",
+            l && "opacity-50 cursor-not-allowed pointer-events-none",
             t
           ),
           children: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
-            (l || g) && /* @__PURE__ */ e.jsx(
+            (d || u) && /* @__PURE__ */ e.jsx(
               "span",
               {
                 className: p(
@@ -490,8 +490,8 @@ const _e = Object.assign(D, {
                   m ? "opacity-100 scale-100 mr-1" : "opacity-0 scale-75"
                 ),
                 "aria-hidden": "true",
-                children: m && (l || /* @__PURE__ */ e.jsx(
-                  M,
+                children: m && (d || /* @__PURE__ */ e.jsx(
+                  R,
                   {
                     size: y,
                     className: f === "primary" ? "text-primary" : f === "secondary" ? "text-secondary" : f === "tertiary" ? "text-tertiary" : f === "ghost" ? "text-ghost" : f === "success" ? "text-success" : f === "info" ? "text-info" : f === "warning" ? "text-warning" : f === "danger" ? "text-danger" : "text-primary"
@@ -506,43 +506,43 @@ const _e = Object.assign(D, {
     ] });
   }
 );
-A.displayName = "ChipMultipleOption";
+L.displayName = "ChipMultipleOption";
 const de = x.forwardRef(
   ({
     variant: r = "primary",
     shape: t = "circle",
-    size: d = "sm",
-    label: i,
+    size: s = "sm",
+    label: c,
     helperText: n,
-    error: l,
-    className: g,
-    disabled: s,
+    error: d,
+    className: u,
+    disabled: a,
     name: o,
-    value: c = [],
+    value: i = [],
     onChange: h,
-    children: u,
-    ...a
+    children: g,
+    ...l
   }, f) => {
-    const b = !!l, w = {
+    const b = !!d, w = {
       variant: r,
       shape: t,
-      size: d,
-      disabled: s,
+      size: s,
+      disabled: a,
       error: b,
       name: o,
-      value: c,
+      value: i,
       onChange: h
     };
-    return /* @__PURE__ */ e.jsx($.Provider, { value: w, children: /* @__PURE__ */ e.jsxs("div", { ref: f, className: p("w-full", g), ...a, children: [
-      i && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: i }),
-      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: u }),
-      b && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: l }),
+    return /* @__PURE__ */ e.jsx(A.Provider, { value: w, children: /* @__PURE__ */ e.jsxs("div", { ref: f, className: p("w-full", u), ...l, children: [
+      c && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: c }),
+      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: g }),
+      b && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: d }),
       !b && n && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: n })
     ] }) });
   }
-), qe = Object.assign(de, {
-  Option: A
-}), le = k(
+), Ue = Object.assign(de, {
+  Option: L
+}), le = j(
   "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50",
   {
     variants: {
@@ -574,72 +574,72 @@ const de = x.forwardRef(
       variant: "primary"
     }
   }
-), z = x.forwardRef(
+), S = x.forwardRef(
   ({
     variant: r = "primary",
     label: t,
-    leftContent: d,
-    rightContent: i,
+    leftContent: s,
+    rightContent: c,
     helperText: n,
-    error: l,
-    className: g,
-    disabled: s,
+    error: d,
+    className: u,
+    disabled: a,
     id: o,
-    ...c
+    ...i
   }, h) => {
-    const u = x.useId(), a = o || u, f = !!l;
+    const g = x.useId(), l = o || g, f = !!d;
     return /* @__PURE__ */ e.jsxs("div", { children: [
       t && /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: a,
+          htmlFor: l,
           className: "block text-sm font-medium text-foreground mb-2",
           children: t
         }
       ),
-      /* @__PURE__ */ e.jsxs("div", { className: p("relative w-full", g), children: [
-        d && /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsxs("div", { className: p("relative w-full", u), children: [
+        s && /* @__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",
             "data-testid": "left-content",
-            children: d
+            children: s
           }
         ),
         /* @__PURE__ */ e.jsx(
           "input",
           {
             ref: h,
-            id: a,
+            id: l,
             "aria-invalid": f,
-            "aria-disabled": s,
-            disabled: s,
+            "aria-disabled": a,
+            disabled: a,
             className: p(
               le({
                 variant: f ? "danger" : r
               }),
-              d ? "pl-9" : "pl-3",
-              i ? "pr-9" : "pr-3",
+              s ? "pl-9" : "pl-3",
+              c ? "pr-9" : "pr-3",
               "h-10"
             ),
-            ...c
+            ...i
           }
         ),
-        i && /* @__PURE__ */ e.jsx(
+        c && /* @__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",
             "data-testid": "right-content",
-            children: i
+            children: c
           }
         )
       ] }),
-      f && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: l }),
+      f && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: d }),
       !f && n && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: n })
     ] });
   }
 );
-z.displayName = "TextInput";
+S.displayName = "TextInput";
 function ue(r) {
   if (!r) return "";
   const t = new Date(r);
@@ -649,28 +649,28 @@ function ue(r) {
     day: "numeric"
   });
 }
-const Je = x.forwardRef(function({ value: t = "", onChange: d, label: i, formatter: n, ...l }, g) {
-  const s = O(null), o = (a) => {
-    s.current = a, typeof g == "function" ? g(a) : g && typeof g == "object" && (g.current = a);
-  }, c = () => {
-    s.current && (typeof s.current.showPicker == "function" ? s.current.showPicker() : s.current.focus());
-  }, h = (a) => {
-    d(a.target.value);
-  }, u = (n ?? ue)(t);
+const Xe = x.forwardRef(function({ value: t = "", onChange: s, label: c, formatter: n, ...d }, u) {
+  const a = M(null), o = (l) => {
+    a.current = l, typeof u == "function" ? u(l) : u && typeof u == "object" && (u.current = l);
+  }, i = () => {
+    a.current && (typeof a.current.showPicker == "function" ? a.current.showPicker() : a.current.focus());
+  }, h = (l) => {
+    s(l.target.value);
+  }, g = (n ?? ue)(t);
   return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ e.jsx(
-      z,
+      S,
       {
         type: "text",
-        value: u,
-        label: i,
+        value: g,
+        label: c,
         readOnly: !0,
         tabIndex: 0,
         "aria-hidden": "true",
-        onClick: c,
-        leftContent: /* @__PURE__ */ e.jsx(S, { as: K, color: "inherit", size: "sm" }),
+        onClick: i,
+        leftContent: /* @__PURE__ */ e.jsx(N, { as: K, color: "inherit", size: "sm" }),
         "data-testid": "date-single-picker-visible-input",
-        ...l
+        ...d
       }
     ),
     /* @__PURE__ */ e.jsx(
@@ -682,11 +682,11 @@ const Je = x.forwardRef(function({ value: t = "", onChange: d, label: i, formatt
         onChange: h,
         className: "sr-only absolute opacity-0 h-0 w-0 pointer-events-none",
         tabIndex: -1,
-        "aria-label": typeof i == "string" ? i : void 0
+        "aria-label": typeof c == "string" ? c : void 0
       }
     )
   ] });
-}), ge = k("space-y-2", {
+}), ge = j("space-y-2", {
   variants: {
     direction: {
       vertical: "space-y-2 space-x-0",
@@ -696,7 +696,7 @@ const Je = x.forwardRef(function({ value: t = "", onChange: d, label: i, formatt
   defaultVariants: {
     direction: "vertical"
   }
-}), fe = k(
+}), fe = j(
   "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: {
@@ -734,7 +734,7 @@ const Je = x.forwardRef(function({ value: t = "", onChange: d, label: i, formatt
       size: "md"
     }
   }
-), he = k(
+), he = j(
   "text-foreground cursor-pointer select-none",
   {
     variants: {
@@ -753,31 +753,31 @@ const Je = x.forwardRef(function({ value: t = "", onChange: d, label: i, formatt
       disabled: !1
     }
   }
-), L = I(
+), G = C(
   null
 ), be = () => {
-  const r = N(L);
+  const r = z(G);
   if (!r)
     throw new Error(
       "useRadioInputContext must be used within RadioInputContext"
     );
   return r;
 }, xe = x.forwardRef(
-  ({ children: r, description: t, className: d, disabled: i, id: n, value: l, ...g }, s) => {
-    const o = be(), c = x.useId(), h = n || c, u = i || o.disabled, a = o.error ? "danger" : o.variant || "primary";
+  ({ children: r, description: t, className: s, disabled: c, id: n, value: d, ...u }, a) => {
+    const o = be(), i = x.useId(), h = n || i, g = c || o.disabled, l = o.error ? "danger" : o.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: s,
+          ref: a,
           type: "radio",
           id: h,
           name: o.name,
-          value: l,
-          disabled: u,
+          value: d,
+          disabled: g,
           className: p(
             fe({
-              variant: a,
+              variant: l,
               size: o.size
             }),
             // Custom radio dot styling using ::before - centered positioning with size variants
@@ -788,10 +788,10 @@ const Je = x.forwardRef(function({ value: t = "", onChange: d, label: i, formatt
             o.size === "lg" && "before:w-[10px] before:h-[10px]",
             "checked:before:opacity-100",
             // Outline variants use colored radio dot
-            a?.includes("outline") && "checked:before:bg-current",
-            d
+            l?.includes("outline") && "checked:before:bg-current",
+            s
           ),
-          ...g
+          ...u
         }
       ) }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
@@ -801,7 +801,7 @@ const Je = x.forwardRef(function({ value: t = "", onChange: d, label: i, formatt
             htmlFor: h,
             className: he({
               size: o.size,
-              disabled: u
+              disabled: g
             }),
             children: r
           }
@@ -814,7 +814,7 @@ const Je = x.forwardRef(function({ value: t = "", onChange: d, label: i, formatt
               o.size === "sm" && "text-xs",
               o.size === "md" && "text-xs",
               o.size === "lg" && "text-sm",
-              u && "opacity-50"
+              g && "opacity-50"
             ),
             children: t
           }
@@ -826,33 +826,33 @@ const Je = x.forwardRef(function({ value: t = "", onChange: d, label: i, formatt
   ({
     variant: r = "primary",
     size: t = "md",
-    label: d,
-    helperText: i,
+    label: s,
+    helperText: c,
     error: n,
-    direction: l = "vertical",
-    className: g,
-    disabled: s,
+    direction: d = "vertical",
+    className: u,
+    disabled: a,
     name: o,
-    children: c,
+    children: i,
     ...h
-  }, u) => {
-    const a = !!n, f = {
+  }, g) => {
+    const l = !!n, f = {
       variant: r,
       size: t,
-      disabled: s,
-      error: a,
+      disabled: a,
+      error: l,
       name: o
     };
-    return /* @__PURE__ */ e.jsx(L.Provider, { value: f, children: /* @__PURE__ */ e.jsxs("div", { ref: u, className: p("w-full", g), ...h, children: [
-      d && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: d }),
-      /* @__PURE__ */ e.jsx("div", { className: ge({ direction: l }), children: c }),
-      a && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !a && i && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: i })
+    return /* @__PURE__ */ e.jsx(G.Provider, { value: f, children: /* @__PURE__ */ e.jsxs("div", { ref: g, className: p("w-full", u), ...h, children: [
+      s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
+      /* @__PURE__ */ e.jsx("div", { className: ge({ direction: d }), children: i }),
+      l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !l && c && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: c })
     ] }) });
   }
-), Ke = Object.assign(me, {
+), Ye = Object.assign(me, {
   Option: xe
-}), pe = k(
+}), pe = j(
   "flex flex-row rounded-full border overflow-hidden p-1 gap-0.25",
   {
     variants: {
@@ -885,7 +885,7 @@ const Je = x.forwardRef(function({ value: t = "", onChange: d, label: i, formatt
       error: !1
     }
   }
-), ye = k(
+), ye = j(
   "inline relative flex flex-row items-center px-3 py-2 text-center font-medium transition-all duration-200 cursor-pointer border-0 bg-transparent outline-none focus:ring-2 focus:ring-offset-1 flex-1",
   {
     variants: {
@@ -935,36 +935,36 @@ const Je = x.forwardRef(function({ value: t = "", onChange: d, label: i, formatt
     danger: "bg-danger text-white hover:text-white"
   };
   return t[r || "primary"] || t.primary;
-}, G = I(null), ve = () => {
-  const r = N(G);
+}, T = C(null), ve = () => {
+  const r = z(T);
   if (!r)
     throw new Error(
       "useSegmentSingleInputContext must be used within SegmentSingleInputContext"
     );
   return r;
-}, T = x.forwardRef(
-  ({ children: r, className: t, disabled: d, id: i, value: n, position: l = "middle", ...g }, s) => {
-    const o = ve(), c = x.useId(), h = i || c, u = d || o.disabled, a = o.error ? "danger" : o.variant || "primary", f = o.value === n, b = (w) => {
-      if (!u) {
+}, W = x.forwardRef(
+  ({ children: r, className: t, disabled: s, id: c, value: n, position: d = "middle", ...u }, a) => {
+    const o = ve(), i = x.useId(), h = c || i, g = s || o.disabled, l = o.error ? "danger" : o.variant || "primary", f = o.value === n, b = (w) => {
+      if (!g) {
         const m = o.value === n ? null : n;
         o.onChange?.(m);
       }
-      g.onChange?.(w);
+      u.onChange?.(w);
     };
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: s,
+          ref: a,
           type: "radio",
           id: h,
           name: o.name,
           value: n,
           checked: f,
-          disabled: u,
+          disabled: g,
           onChange: b,
           className: "sr-only",
-          ...g
+          ...u
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -974,12 +974,12 @@ const Je = x.forwardRef(function({ value: t = "", onChange: d, label: i, formatt
           className: p(
             "flex flex-row items-center justify-center",
             ye({
-              variant: a,
+              variant: l,
               size: o.size,
-              rounded: l
+              rounded: d
             }),
-            f && we(a),
-            u && "opacity-50 cursor-not-allowed pointer-events-none",
+            f && we(l),
+            g && "opacity-50 cursor-not-allowed pointer-events-none",
             t
           ),
           children: r
@@ -988,30 +988,30 @@ const Je = x.forwardRef(function({ value: t = "", onChange: d, label: i, formatt
     ] });
   }
 );
-T.displayName = "SegmentOption";
-const ke = x.forwardRef(
+W.displayName = "SegmentOption";
+const je = x.forwardRef(
   ({
     variant: r = "primary",
     size: t = "md",
-    label: d,
-    helperText: i,
+    label: s,
+    helperText: c,
     error: n,
-    disabled: l,
-    name: g,
-    value: s,
+    disabled: d,
+    name: u,
+    value: a,
     onChange: o,
-    children: c,
+    children: i,
     ...h
-  }, u) => {
-    const a = !!n, f = {
+  }, g) => {
+    const l = !!n, f = {
       variant: r,
       size: t,
-      disabled: l,
-      error: a,
-      name: g,
-      value: s,
+      disabled: d,
+      error: l,
+      name: u,
+      value: a,
       onChange: o
-    }, b = x.Children.toArray(c), w = b.map((m, v) => {
+    }, b = x.Children.toArray(i), w = b.map((m, v) => {
       if (x.isValidElement(m)) {
         let y;
         return b.length === 1 ? y = "single" : v === 0 ? y = "first" : v === b.length - 1 ? y = "last" : y = "middle", x.cloneElement(
@@ -1021,28 +1021,28 @@ const ke = x.forwardRef(
       }
       return m;
     });
-    return /* @__PURE__ */ e.jsx(G.Provider, { value: f, children: /* @__PURE__ */ e.jsxs("div", { ref: u, ...h, children: [
-      d && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: d }),
+    return /* @__PURE__ */ e.jsx(T.Provider, { value: f, children: /* @__PURE__ */ e.jsxs("div", { ref: g, ...h, children: [
+      s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
       /* @__PURE__ */ e.jsx(
         "div",
         {
           className: p(
             pe({
-              variant: a ? "danger" : r,
+              variant: l ? "danger" : r,
               size: t,
-              error: a
+              error: l
             })
           ),
           children: w
         }
       ),
-      a && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !a && i && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: i })
+      l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !l && c && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: c })
     ] }) });
   }
-), Qe = Object.assign(ke, {
-  Option: T
-}), je = k(
+), Ze = Object.assign(je, {
+  Option: W
+}), ke = j(
   "flex flex-row rounded-full border overflow-hidden p-1 gap-0.25",
   {
     variants: {
@@ -1075,7 +1075,7 @@ const ke = x.forwardRef(
       error: !1
     }
   }
-), Ce = k(
+), Ie = j(
   "inline relative flex flex-row items-center px-3 py-2 text-center font-medium transition-all duration-200 cursor-pointer border-0 bg-transparent outline-none focus:ring-2 focus:ring-offset-1 flex-1",
   {
     variants: {
@@ -1110,7 +1110,7 @@ const ke = x.forwardRef(
       rounded: "middle"
     }
   }
-), Ie = (r) => {
+), Ne = (r) => {
   const t = {
     // Core variants - override hover text color changes
     primary: "bg-primary text-white hover:text-white",
@@ -1125,37 +1125,37 @@ const ke = x.forwardRef(
     danger: "bg-danger text-white hover:text-white"
   };
   return t[r || "primary"] || t.primary;
-}, W = I(null), Ne = () => {
-  const r = N(W);
+}, _ = C(null), Ce = () => {
+  const r = z(_);
   if (!r)
     throw new Error(
       "useSegmentMultipleInputContext must be used within SegmentMultipleInputContext"
     );
   return r;
-}, _ = x.forwardRef(
-  ({ children: r, className: t, disabled: d, id: i, value: n, position: l = "middle", ...g }, s) => {
-    const o = Ne(), c = x.useId(), h = i || c, u = d || o.disabled, a = o.error ? "danger" : o.variant || "primary", f = o.value?.includes(n) ?? !1, b = (w) => {
-      if (!u) {
+}, H = x.forwardRef(
+  ({ children: r, className: t, disabled: s, id: c, value: n, position: d = "middle", ...u }, a) => {
+    const o = Ce(), i = x.useId(), h = c || i, g = s || o.disabled, l = o.error ? "danger" : o.variant || "primary", f = o.value?.includes(n) ?? !1, b = (w) => {
+      if (!g) {
         const m = o.value || [];
         let v;
         f ? v = m.filter((y) => y !== n) : v = [...m, n], o.onChange?.(v);
       }
-      g.onChange?.(w);
+      u.onChange?.(w);
     };
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: s,
+          ref: a,
           type: "checkbox",
           id: h,
           name: `${o.name}[]`,
           value: n,
           checked: f,
-          disabled: u,
+          disabled: g,
           onChange: b,
           className: "sr-only",
-          ...g
+          ...u
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -1164,13 +1164,13 @@ const ke = x.forwardRef(
           htmlFor: h,
           className: p(
             "flex flex-row items-center justify-center",
-            Ce({
-              variant: a,
+            Ie({
+              variant: l,
               size: o.size,
-              rounded: l
+              rounded: d
             }),
-            f && Ie(a),
-            u && "opacity-50 cursor-not-allowed pointer-events-none",
+            f && Ne(l),
+            g && "opacity-50 cursor-not-allowed pointer-events-none",
             t
           ),
           children: r
@@ -1179,30 +1179,30 @@ const ke = x.forwardRef(
     ] });
   }
 );
-_.displayName = "SegmentOption";
+H.displayName = "SegmentOption";
 const ze = x.forwardRef(
   ({
     variant: r = "primary",
     size: t = "md",
-    label: d,
-    helperText: i,
+    label: s,
+    helperText: c,
     error: n,
-    disabled: l,
-    name: g,
-    value: s = [],
+    disabled: d,
+    name: u,
+    value: a = [],
     onChange: o,
-    children: c,
+    children: i,
     ...h
-  }, u) => {
-    const a = !!n, f = {
+  }, g) => {
+    const l = !!n, f = {
       variant: r,
       size: t,
-      disabled: l,
-      error: a,
-      name: g,
-      value: s,
+      disabled: d,
+      error: l,
+      name: u,
+      value: a,
       onChange: o
-    }, b = x.Children.toArray(c), w = b.map((m, v) => {
+    }, b = x.Children.toArray(i), w = b.map((m, v) => {
       if (x.isValidElement(m)) {
         let y;
         return b.length === 1 ? y = "single" : v === 0 ? y = "first" : v === b.length - 1 ? y = "last" : y = "middle", x.cloneElement(
@@ -1212,55 +1212,55 @@ const ze = x.forwardRef(
       }
       return m;
     });
-    return /* @__PURE__ */ e.jsx(W.Provider, { value: f, children: /* @__PURE__ */ e.jsxs("div", { ref: u, ...h, children: [
-      d && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: d }),
+    return /* @__PURE__ */ e.jsx(_.Provider, { value: f, children: /* @__PURE__ */ e.jsxs("div", { ref: g, ...h, children: [
+      s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
       /* @__PURE__ */ e.jsx(
         "div",
         {
           className: p(
-            je({
-              variant: a ? "danger" : r,
+            ke({
+              variant: l ? "danger" : r,
               size: t,
-              error: a
+              error: l
             })
           ),
           children: w
         }
       ),
-      a && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !a && i && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: i })
+      l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !l && c && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: c })
     ] }) });
   }
-), Ue = Object.assign(ze, {
-  Option: _
-}), Xe = R(
+), er = Object.assign(ze, {
+  Option: H
+}), rr = V(
   ({
     autoComplete: r = "off",
     spellCheck: t = !1,
-    inputMode: d = "search",
-    placeholder: i = "Search...",
+    inputMode: s = "search",
+    placeholder: c = "Search...",
     maxLength: n = 256,
-    enterKeyHint: l = "search",
-    "aria-label": g = "Search",
+    enterKeyHint: d = "search",
+    "aria-label": u = "Search",
     // internal default, not in props
-    ...s
+    ...a
   }, o) => /* @__PURE__ */ e.jsx(
-    z,
+    S,
     {
       ref: o,
       type: "search",
-      inputMode: d,
+      inputMode: s,
       autoComplete: r,
       spellCheck: t,
-      placeholder: i,
+      placeholder: c,
       maxLength: n,
-      enterKeyHint: l,
-      "aria-label": g,
-      leftContent: /* @__PURE__ */ e.jsx(S, { as: Q, color: "inherit", size: "sm" }),
-      ...s
+      enterKeyHint: d,
+      "aria-label": u,
+      leftContent: /* @__PURE__ */ e.jsx(N, { as: Q, color: "inherit", size: "sm" }),
+      ...a
     }
   )
-), Se = k(
+), Se = j(
   "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 appearance-none bg-no-repeat bg-right pr-10",
   {
     variants: {
@@ -1296,21 +1296,21 @@ const ze = x.forwardRef(
   ({
     variant: r = "primary",
     label: t,
-    helperText: d,
-    error: i,
+    helperText: s,
+    error: c,
     className: n,
-    disabled: l,
-    id: g,
-    placeholder: s,
+    disabled: d,
+    id: u,
+    placeholder: a,
     children: o,
-    ...c
+    ...i
   }, h) => {
-    const u = x.useId(), a = g || u, f = !!i;
+    const g = x.useId(), l = u || g, f = !!c;
     return /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: a,
+          htmlFor: l,
           className: "block text-sm font-medium text-foreground mb-2",
           children: t
         }
@@ -1320,19 +1320,19 @@ const ze = x.forwardRef(
           "select",
           {
             ref: h,
-            id: a,
+            id: l,
             "aria-invalid": f,
-            "aria-disabled": l,
-            disabled: l,
+            "aria-disabled": d,
+            disabled: d,
             className: p(
               Se({
                 variant: f ? "danger" : r
               }),
               "h-10 pl-3"
             ),
-            ...c,
+            ...i,
             children: [
-              s && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, hidden: !0, children: s }),
+              a && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, hidden: !0, children: a }),
               o
             ]
           }
@@ -1356,13 +1356,13 @@ const ze = x.forwardRef(
           }
         ) })
       ] }),
-      f && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: i }),
-      !f && d && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: d })
+      f && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: c }),
+      !f && s && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
     ] });
   }
 );
 Ve.displayName = "SelectInput";
-const Re = k(
+const Re = j(
   "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50",
   {
     variants: {
@@ -1403,20 +1403,20 @@ const Re = k(
   ({
     variant: r = "primary",
     label: t,
-    helperText: d,
-    error: i,
+    helperText: s,
+    error: c,
     className: n,
-    disabled: l,
-    id: g,
-    minRows: s = 3,
+    disabled: d,
+    id: u,
+    minRows: a = 3,
     maxRows: o,
-    fieldSizing: c = "fixed",
+    fieldSizing: i = "fixed",
     style: h,
-    rows: u,
-    ...a
+    rows: g,
+    ...l
   }, f) => {
-    const b = x.useId(), w = g || b, m = !!i, v = u || s, y = c === "content" ? void 0 : o, j = {
-      ...c === "content" && { fieldSizing: "content" },
+    const b = x.useId(), w = u || b, m = !!c, v = g || a, y = i === "content" ? void 0 : o, k = {
+      ...i === "content" && { fieldSizing: "content" },
       ...y && {
         maxHeight: `${y * 1.5}rem`
         // Approximate line height
@@ -1439,42 +1439,42 @@ const Re = k(
           id: w,
           rows: v,
           "aria-invalid": m,
-          "aria-disabled": l,
-          disabled: l,
-          style: j,
+          "aria-disabled": d,
+          disabled: d,
+          style: k,
           className: p(
             Re({
               variant: m ? "danger" : r,
-              fieldSizing: c
+              fieldSizing: i
             }),
             "px-3 py-2"
           ),
-          ...a
+          ...l
         }
       ) }),
-      m && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: i }),
-      !m && d && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: d })
+      m && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: c }),
+      !m && s && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
     ] });
   }
 );
 Oe.displayName = "TextAreaInput";
-const Ye = R(function(t, d) {
-  const i = (n) => {
+const tr = V(function(t, s) {
+  const c = (n) => {
     t?.onChange?.(n.target.value);
   };
   return /* @__PURE__ */ e.jsx(
-    z,
+    S,
     {
       type: "time",
       tabIndex: 0,
       "aria-hidden": "true",
-      leftContent: /* @__PURE__ */ e.jsx(S, { as: U, color: "inherit", size: "sm" }),
-      ref: d,
+      leftContent: /* @__PURE__ */ e.jsx(N, { as: U, color: "inherit", size: "sm" }),
+      ref: s,
       ...t,
-      onChange: i
+      onChange: c
     }
   );
-}), Ee = k(
+}), Ee = j(
   "relative inline-flex items-center transition-colors duration-200 border border-transparent",
   {
     variants: {
@@ -1530,7 +1530,7 @@ const Ye = R(function(t, d) {
       { checked: !1, class: "bg-white border-border" }
     ]
   }
-), Me = k(
+), Me = j(
   "absolute rounded-full transition-transform duration-200",
   {
     variants: {
@@ -1552,66 +1552,66 @@ const Ye = R(function(t, d) {
 ), Fe = ({
   color: r = "primary",
   size: t = "md",
-  disabled: d = !1,
-  className: i,
+  disabled: s = !1,
+  className: c,
   checked: n
 }) => /* @__PURE__ */ e.jsx(
   "span",
   {
     className: p(
-      Ee({ color: r, size: t, disabled: d, checked: n }),
+      Ee({ color: r, size: t, disabled: s, checked: n }),
       "rounded-full pointer-events-none",
-      i
+      c
     ),
     "aria-hidden": "true"
   }
-), Pe = ({ size: r = "md", checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: p(Me({ size: r, checked: t })), "aria-hidden": "true" }), De = ({ label: r, htmlFor: t, placement: d = "top", disabled: i = !1 }) => r ? /* @__PURE__ */ e.jsx(
+), Pe = ({ size: r = "md", checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: p(Me({ size: r, checked: t })), "aria-hidden": "true" }), Be = ({ label: r, htmlFor: t, placement: s = "top", disabled: c = !1 }) => r ? /* @__PURE__ */ e.jsx(
   "label",
   {
     htmlFor: t,
     className: p(
       "text-sm select-none font-medium text-foreground",
-      d === "inline" ? "ml-2 mb-0" : "mb-1",
-      i && "opacity-50 cursor-not-allowed"
+      s === "inline" ? "ml-2 mb-0" : "mb-1",
+      c && "opacity-50 cursor-not-allowed"
     ),
     children: r
   }
-) : null, Be = x.forwardRef(
+) : null, De = x.forwardRef(
   ({
     checked: r,
     defaultChecked: t,
-    onCheckedChange: d,
-    color: i = "primary",
+    onCheckedChange: s,
+    color: c = "primary",
     size: n = "md",
-    label: l,
-    labelPlacement: g = "top",
-    disabled: s = !1,
+    label: d,
+    labelPlacement: u = "top",
+    disabled: a = !1,
     className: o,
-    id: c,
+    id: i,
     ariaLabel: h,
-    ...u
-  }, a) => {
-    const [f, b] = E(
+    ...g
+  }, l) => {
+    const [f, b] = F(
       t ?? !1
-    ), w = q(), m = c || w, v = typeof r == "boolean", y = v ? r : f, j = (C) => {
-      v || b(C.target.checked), d?.(C.target.checked);
+    ), w = E(), m = i || w, v = typeof r == "boolean", y = v ? r : f, k = (I) => {
+      v || b(I.target.checked), s?.(I.target.checked);
     };
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: p(
           "flex flex-col",
-          g === "inline" && "flex-row items-center",
+          u === "inline" && "flex-row items-center",
           o
         ),
         children: [
           /* @__PURE__ */ e.jsx(
-            De,
+            Be,
             {
-              label: l,
+              label: d,
               htmlFor: m,
-              placement: g,
-              disabled: s
+              placement: u,
+              disabled: a
             }
           ),
           /* @__PURE__ */ e.jsxs(
@@ -1619,29 +1619,29 @@ const Ye = R(function(t, d) {
             {
               className: p(
                 "relative flex items-center",
-                g === "inline" && "ml-2"
+                u === "inline" && "ml-2"
               ),
               children: [
                 /* @__PURE__ */ e.jsx(
                   "input",
                   {
-                    ref: a,
+                    ref: l,
                     type: "checkbox",
                     id: m,
-                    "aria-label": h || l,
+                    "aria-label": h || d,
                     checked: y,
-                    disabled: s,
-                    onChange: j,
+                    disabled: a,
+                    onChange: k,
                     className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10",
-                    ...u
+                    ...g
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
                   Fe,
                   {
-                    color: i,
+                    color: c,
                     size: n,
-                    disabled: s,
+                    disabled: a,
                     checked: y
                   }
                 ),
@@ -1654,78 +1654,248 @@ const Ye = R(function(t, d) {
     );
   }
 );
-Be.displayName = "SwitchInput";
+De.displayName = "SwitchInput";
 function $e(r, t) {
   J(() => {
     typeof r == "number" && !isNaN(r) ? t(`${r}`) : r === "" || r === null || r === void 0 ? t("") : typeof r == "string" && t(r);
   }, [r, t]);
 }
-const Ze = ({
+const or = ({
   value: r,
   onChange: t,
-  allowNegative: d = !1,
-  inputProps: i,
+  allowNegative: s = !1,
+  inputProps: c,
   label: n,
-  helperText: l,
-  error: g,
-  variant: s,
+  helperText: d,
+  error: u,
+  variant: a,
   ...o
 }) => {
-  const c = O(null), [h, u] = E(
+  const i = M(null), [h, g] = F(
     r === "" ? "" : String(r)
   );
-  $e(r, u);
-  const a = (f) => {
+  $e(r, g);
+  const l = (f) => {
     let b = f.target.value.replace(/[^\d.,-]/g, "");
-    d || (b = b.replace(/-/g, "")), u(b), t(b);
+    s || (b = b.replace(/-/g, "")), g(b), t(b);
   };
   return /* @__PURE__ */ e.jsx(
-    z,
+    S,
     {
-      ref: c,
+      ref: i,
       type: "text",
       label: n,
       value: h,
-      onChange: a,
-      error: g,
-      helperText: l,
+      onChange: l,
+      error: u,
+      helperText: d,
       placeholder: o.placeholder,
-      leftContent: /* @__PURE__ */ e.jsx(S, { as: X, color: "inherit", size: "sm" }),
-      variant: s,
+      leftContent: /* @__PURE__ */ e.jsx(N, { as: X, color: "inherit", size: "sm" }),
+      variant: a,
       inputMode: "numeric",
       autoComplete: "off",
-      pattern: d ? "^-?[\\d,.]*$" : "^[\\d,.]*$",
-      ...i,
+      pattern: s ? "^-?[\\d,.]*$" : "^[\\d,.]*$",
+      ...c,
       ...o
     }
   );
-}, er = R(
+}, sr = V(
   (r, t) => /* @__PURE__ */ e.jsx(
-    z,
+    S,
     {
       ...r,
       ref: t,
       type: "email",
       autoComplete: "email",
       inputMode: "email",
-      leftContent: /* @__PURE__ */ e.jsx(S, { as: Y, color: "inherit", size: "sm" })
+      leftContent: /* @__PURE__ */ e.jsx(N, { as: Y, color: "inherit", size: "sm" })
     }
   )
-);
+), Ae = j(
+  "flex items-center gap-3 cursor-pointer border-b border-border select-none p-4 transition-colors hover:bg-neutral-light",
+  {
+    variants: {
+      checked: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      checked: !1,
+      disabled: !1
+    }
+  }
+), Le = j(
+  "flex h-6 w-6 items-center justify-center rounded-sm overflow-hidden border border-border transition-colors duration-150 focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
+  {
+    variants: {
+      checked: {
+        true: "bg-primary",
+        false: "border-border bg-white"
+      },
+      disabled: {
+        true: "opacity-50",
+        false: "active:scale-95"
+      }
+    },
+    defaultVariants: {
+      checked: !1,
+      disabled: !1
+    }
+  }
+), nr = V(({ value: r, label: t, checked: s, id: c, className: n, disabled: d, ...u }, a) => {
+  const o = E(), i = c || o;
+  return /* @__PURE__ */ e.jsxs(
+    "label",
+    {
+      htmlFor: i,
+      className: p(
+        Ae({
+          checked: !!s,
+          disabled: !!d
+        }),
+        n
+      ),
+      "aria-checked": s,
+      role: "radio",
+      "aria-label": `Select ${r}`,
+      tabIndex: d ? -1 : 0,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: a,
+            id: i,
+            type: "radio",
+            value: r,
+            checked: s,
+            disabled: d,
+            className: "sr-only",
+            "aria-hidden": !0,
+            "aria-checked": s,
+            ...u
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: Le({
+              checked: !!s,
+              disabled: !!d
+            }),
+            "aria-hidden": "true",
+            children: s ? /* @__PURE__ */ e.jsx(N, { as: R, color: "neutral", size: "md" }) : null
+          }
+        ),
+        /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: t })
+      ]
+    }
+  );
+}), Ge = j(
+  "flex items-center gap-3 cursor-pointer border-b border-border select-none p-4 transition-colors hover:bg-neutral-light",
+  {
+    variants: {
+      checked: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      checked: !1,
+      disabled: !1
+    }
+  }
+), Te = j(
+  "flex h-6 w-6 items-center justify-center rounded-sm overflow-hidden border border-border transition-colors duration-150 focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
+  {
+    variants: {
+      checked: {
+        true: "bg-primary",
+        false: "border-border bg-white"
+      },
+      disabled: {
+        true: "opacity-50",
+        false: "active:scale-95"
+      }
+    },
+    defaultVariants: {
+      checked: !1,
+      disabled: !1
+    }
+  }
+), ar = V(({ value: r, label: t, checked: s, id: c, className: n, disabled: d, ...u }, a) => {
+  const o = E(), i = c || o;
+  return /* @__PURE__ */ e.jsxs(
+    "label",
+    {
+      htmlFor: i,
+      className: p(
+        Ge({
+          checked: !!s,
+          disabled: !!d
+        }),
+        n
+      ),
+      "aria-checked": s,
+      role: "checkbox",
+      "aria-label": `Select ${r}`,
+      tabIndex: d ? -1 : 0,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: a,
+            id: i,
+            type: "checkbox",
+            value: r,
+            checked: s,
+            disabled: d,
+            className: "sr-only",
+            "aria-hidden": !0,
+            "aria-checked": s,
+            ...u
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: Te({
+              checked: !!s,
+              disabled: !!d
+            }),
+            "aria-hidden": "true",
+            children: s ? /* @__PURE__ */ e.jsx(N, { as: R, color: "neutral", size: "md" }) : null
+          }
+        ),
+        /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: t })
+      ]
+    }
+  );
+});
 export {
-  _e as C,
-  Je as D,
-  er as E,
-  Ze as P,
-  Ke as R,
-  Qe as S,
-  z as T,
-  He as a,
-  qe as b,
-  Ue as c,
-  Xe as d,
+  Ke as C,
+  Xe as D,
+  sr as E,
+  or as P,
+  Ye as R,
+  Ze as S,
+  S as T,
+  Qe as a,
+  Ue as b,
+  er as c,
+  rr as d,
   Ve as e,
   Oe as f,
-  Ye as g,
-  Be as h
+  tr as g,
+  De as h,
+  nr as i,
+  ar as j
 };