@dimasbaguspm/versaur 0.0.45 → 0.0.46

package/dist/js/{bottom-sheet-input-CxLwoZLr.js → time-picker-input-DrZ4dyEB.js}

@@ -1,10 +1,9 @@
-import { c as v, j as e, a as m } from "./index-DOdDlCoL.js";
-import x, { createContext as N, useContext as z, useId as F, forwardRef as j, useRef as B, useState as R, useEffect as U, useMemo as E } from "react";
-import { I as C } from "./image-rectangle-BijhERaV.js";
-import { Calendar as X, SearchIcon as Y, Clock as Z, Banknote as ee, MailIcon as re, Check as P } from "lucide-react";
+import { c as v, j as e, a as p } from "./index-DOdDlCoL.js";
+import m, { createContext as R, useContext as O, useId as E, forwardRef as z, useRef as A, useEffect as ae, useState as L } from "react";
+import { I as S } from "./image-rectangle-B4nXH4Q5.js";
+import { Calendar as ie, MailIcon as ce, Banknote as de, SearchIcon as le, Check as W, Clock as ue } from "lucide-react";
 import "./snackbar-DH8jCh2V.js";
-import { M as O, D as M, B as V } from "./bottom-sheet-QdQ5L8Wo.js";
-const te = v("space-y-2", {
+const ge = v("space-y-2", {
   variants: {
     direction: {
       vertical: "space-y-2 space-x-0",
@@ -14,7 +13,7 @@ const te = v("space-y-2", {
   defaultVariants: {
     direction: "vertical"
   }
-}), oe = v(
+}), fe = v(
   "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: {
@@ -52,7 +51,7 @@ const te = v("space-y-2", {
       size: "md"
     }
   }
-), ne = v(
+), he = v(
   "text-foreground cursor-pointer select-none",
   {
     variants: {
@@ -71,23 +70,23 @@ const te = v("space-y-2", {
       disabled: !1
     }
   }
-), $ = N(null), se = () => {
-  const r = z($);
+), G = R(null), be = () => {
+  const r = O(G);
   if (!r)
     throw new Error("CheckboxOption must be used within CheckboxInput");
   return r;
-}, A = x.forwardRef(({ children: r, description: t, className: o, disabled: a, id: n, ...i }, d) => {
-  const c = se(), s = x.useId(), g = n || s, u = a || c.disabled, f = c.error ? "danger" : c.variant || "primary";
+}, _ = m.forwardRef(({ children: r, description: t, className: o, disabled: s, id: n, ...i }, l) => {
+  const c = be(), a = m.useId(), g = n || a, u = s || c.disabled, f = c.error ? "danger" : c.variant || "primary";
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ e.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ e.jsx(
       "input",
       {
-        ref: d,
+        ref: l,
         type: "checkbox",
         id: g,
         disabled: u,
-        className: m(
-          oe({
+        className: p(
+          fe({
             variant: f,
             size: c.size
           }),
@@ -110,7 +109,7 @@ const te = v("space-y-2", {
         "label",
         {
           htmlFor: g,
-          className: ne({
+          className: he({
             size: c.size,
             disabled: u
           }),
@@ -120,7 +119,7 @@ const te = v("space-y-2", {
       t && /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: m(
+          className: p(
             "text-gray-600 mt-1",
             c.size === "sm" && "text-xs",
             c.size === "md" && "text-xs",
@@ -133,45 +132,45 @@ const te = v("space-y-2", {
     ] })
   ] });
 });
-A.displayName = "CheckboxOption";
-const H = x.forwardRef(
+_.displayName = "CheckboxOption";
+const K = m.forwardRef(
   ({
     variant: r = "primary",
     size: t = "md",
     label: o,
-    helperText: a,
+    helperText: s,
     error: n,
     direction: i = "vertical",
-    className: d,
+    className: l,
     disabled: c,
-    children: s,
+    children: a,
     ...g
   }, u) => {
-    const f = !!n, l = {
+    const f = !!n, d = {
       variant: r,
       size: t,
       disabled: c,
       error: f
     };
-    return /* @__PURE__ */ e.jsx($.Provider, { value: l, children: /* @__PURE__ */ e.jsxs("div", { ref: u, className: m("w-full", d), ...g, children: [
+    return /* @__PURE__ */ e.jsx(G.Provider, { value: d, children: /* @__PURE__ */ e.jsxs("div", { ref: u, className: p("w-full", l), ...g, children: [
       o && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: o }),
-      /* @__PURE__ */ e.jsx("div", { className: te({ direction: i }), children: s }),
+      /* @__PURE__ */ e.jsx("div", { className: ge({ direction: i }), children: a }),
       f && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !f && a && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
+      !f && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
     ] }) });
   }
 );
-H.displayName = "CheckboxInput";
-const nr = Object.assign(H, {
-  Option: A
-}), W = N(null), ae = () => {
-  const r = z(W);
+K.displayName = "CheckboxInput";
+const fr = Object.assign(K, {
+  Option: _
+}), H = R(null), me = () => {
+  const r = O(H);
   if (!r)
     throw new Error(
       "useChipSingleInputContext must be used within ChipSingleInputContext"
     );
   return r;
-}, ie = v(
+}, xe = v(
   "inline-flex items-center bg-white transition-colors duration-200 cursor-pointer border border-border",
   {
     variants: {
@@ -226,27 +225,27 @@ const nr = Object.assign(H, {
       size: "sm"
     }
   }
-), ce = x.forwardRef(({ children: r, className: t, disabled: o, id: a, value: n, ...i }, d) => {
+), pe = m.forwardRef(({ children: r, className: t, disabled: o, id: s, value: n, ...i }, l) => {
   const {
     variant: c = "primary",
-    shape: s = "circle",
+    shape: a = "circle",
     size: g = "sm",
     ...u
-  } = ae(), f = F(), l = a || f, h = o || u.disabled, b = u.value === n, p = (y) => {
-    h || u.onChange?.(n), i.onChange?.(y);
+  } = me(), f = E(), d = s || f, h = o || u.disabled, b = u.value === n, y = (w) => {
+    h || u.onChange?.(n), i.onChange?.(w);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
-        ref: d,
+        ref: l,
         type: "radio",
-        id: l,
+        id: d,
         name: u.name,
         value: n,
         checked: b,
         disabled: h,
-        onChange: p,
+        onChange: y,
         className: "sr-only",
         ...i
       }
@@ -254,12 +253,12 @@ const nr = Object.assign(H, {
     /* @__PURE__ */ e.jsx(
       "label",
       {
-        htmlFor: l,
+        htmlFor: d,
         "data-selected": b,
-        className: m(
-          ie({
+        className: p(
+          xe({
             variant: c,
-            shape: s,
+            shape: a,
             size: g
           }),
           h && "opacity-50 cursor-not-allowed pointer-events-none",
@@ -269,49 +268,49 @@ const nr = Object.assign(H, {
       }
     )
   ] });
-}), de = j(
+}), ye = z(
   ({
     variant: r = "primary",
     shape: t = "circle",
     size: o = "sm",
-    label: a,
+    label: s,
     helperText: n,
     error: i,
-    className: d,
+    className: l,
     disabled: c,
-    name: s,
+    name: a,
     value: g,
     onChange: u,
     children: f,
-    ...l
+    ...d
   }, h) => {
-    const b = !!i, p = {
+    const b = !!i, y = {
       variant: r,
       shape: t,
       size: o,
       disabled: c,
       error: b,
-      name: s,
+      name: a,
       value: g,
       onChange: u
     };
-    return /* @__PURE__ */ e.jsx(W.Provider, { value: p, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: m("w-full", d), ...l, children: [
-      a && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: a }),
+    return /* @__PURE__ */ e.jsx(H.Provider, { value: y, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: p("w-full", l), ...d, children: [
+      s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
       /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: f }),
       b && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: i }),
       !b && n && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: n })
     ] }) });
   }
-), sr = Object.assign(de, {
-  Option: ce
-}), L = N(null), le = () => {
-  const r = z(L);
+), hr = Object.assign(ye, {
+  Option: pe
+}), T = R(null), we = () => {
+  const r = O(T);
   if (!r)
     throw new Error(
       "useChipMultipleInputContext must be used within ChipMultipleInputContext"
     );
   return r;
-}, ue = v(
+}, ve = v(
   "inline-flex items-center bg-white transition-colors duration-200 cursor-pointer border border-border",
   {
     variants: {
@@ -365,32 +364,32 @@ const nr = Object.assign(H, {
       }
     }
   }
-), T = j(({ children: r, className: t, disabled: o, id: a, value: n, ...i }, d) => {
+), q = z(({ children: r, className: t, disabled: o, id: s, value: n, ...i }, l) => {
   const {
     variant: c = "primary",
-    shape: s = "circle",
+    shape: a = "circle",
     size: g = "sm",
     ...u
-  } = le(), f = x.useId(), l = a || f, h = o || u.disabled, b = u.value?.includes(n) ?? !1, p = (y) => {
+  } = we(), f = m.useId(), d = s || f, h = o || u.disabled, b = u.value?.includes(n) ?? !1, y = (w) => {
     if (!h) {
-      const k = u.value || [];
-      let w;
-      b ? w = k.filter((S) => S !== n) : w = [...k, n], u.onChange?.(w);
+      const j = u.value || [];
+      let x;
+      b ? x = j.filter((V) => V !== n) : x = [...j, n], u.onChange?.(x);
     }
-    i.onChange?.(y);
+    i.onChange?.(w);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
-        ref: d,
+        ref: l,
         type: "checkbox",
-        id: l,
+        id: d,
         name: `${u.name}[]`,
         value: n,
         checked: b,
         disabled: h,
-        onChange: p,
+        onChange: y,
         className: "sr-only",
         ...i
       }
@@ -398,12 +397,12 @@ const nr = Object.assign(H, {
     /* @__PURE__ */ e.jsx(
       "label",
       {
-        htmlFor: l,
+        htmlFor: d,
         "data-selected": b,
-        className: m(
-          ue({
+        className: p(
+          ve({
             variant: c,
-            shape: s,
+            shape: a,
             size: g
           }),
           h && "opacity-50 cursor-not-allowed pointer-events-none",
@@ -414,43 +413,43 @@ const nr = Object.assign(H, {
     )
   ] });
 });
-T.displayName = "ChipMultipleOption";
-const ge = j(
+q.displayName = "ChipMultipleOption";
+const ke = z(
   ({
     variant: r = "primary",
     shape: t = "circle",
     size: o = "sm",
-    label: a,
+    label: s,
     helperText: n,
     error: i,
-    className: d,
+    className: l,
     disabled: c,
-    name: s,
+    name: a,
     value: g = [],
     onChange: u,
     children: f,
-    ...l
+    ...d
   }, h) => {
-    const b = !!i, p = {
+    const b = !!i, y = {
       variant: r,
       shape: t,
       size: o,
       disabled: c,
       error: b,
-      name: s,
+      name: a,
       value: g,
       onChange: u
     };
-    return /* @__PURE__ */ e.jsx(L.Provider, { value: p, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: m("w-full", d), ...l, children: [
-      a && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: a }),
+    return /* @__PURE__ */ e.jsx(T.Provider, { value: y, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: p("w-full", l), ...d, children: [
+      s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
       /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: f }),
       b && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: i }),
       !b && n && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: n })
     ] }) });
   }
-), ar = Object.assign(ge, {
-  Option: T
-}), fe = v(
+), br = Object.assign(ke, {
+  Option: q
+}), je = v(
   "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: {
@@ -482,30 +481,30 @@ const ge = j(
       variant: "primary"
     }
   }
-), I = x.forwardRef(
+), $ = m.forwardRef(
   ({
     variant: r = "primary",
     label: t,
     leftContent: o,
-    rightContent: a,
+    rightContent: s,
     helperText: n,
     error: i,
-    className: d,
+    className: l,
     disabled: c,
-    id: s,
+    id: a,
     ...g
   }, u) => {
-    const f = x.useId(), l = s || f, h = !!i;
+    const f = m.useId(), d = a || f, h = !!i;
     return /* @__PURE__ */ e.jsxs("div", { children: [
       t && /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: l,
+          htmlFor: d,
           className: "block text-sm font-medium text-foreground mb-2",
           children: t
         }
       ),
-      /* @__PURE__ */ e.jsxs("div", { className: m("relative w-full", d), children: [
+      /* @__PURE__ */ e.jsxs("div", { className: p("relative w-full", l), children: [
         o && /* @__PURE__ */ e.jsx(
           "span",
           {
@@ -518,27 +517,27 @@ const ge = j(
           "input",
           {
             ref: u,
-            id: l,
+            id: d,
             "aria-invalid": h,
             "aria-disabled": c,
             disabled: c,
-            className: m(
-              fe({
+            className: p(
+              je({
                 variant: h ? "danger" : r
               }),
               o ? "pl-9" : "pl-3",
-              a ? "pr-9" : "pr-3",
+              s ? "pr-9" : "pr-3",
               "h-9"
             ),
             ...g
           }
         ),
-        a && /* @__PURE__ */ e.jsx(
+        s && /* @__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: a
+            children: s
           }
         )
       ] }),
@@ -547,8 +546,8 @@ const ge = j(
     ] });
   }
 );
-I.displayName = "TextInput";
-function he(r) {
+$.displayName = "TextInput";
+function Ie(r) {
   if (!r) return "";
   const t = new Date(r);
   return isNaN(t.getTime()) ? r : t.toLocaleDateString(void 0, {
@@ -557,26 +556,26 @@ function he(r) {
     day: "numeric"
   });
 }
-const ir = x.forwardRef(function({ value: t = "", onChange: o, label: a, formatter: n, ...i }, d) {
-  const c = B(null), s = (l) => {
-    c.current = l, typeof d == "function" ? d(l) : d && typeof d == "object" && (d.current = l);
+const mr = m.forwardRef(function({ value: t = "", onChange: o, label: s, formatter: n, ...i }, l) {
+  const c = A(null), a = (d) => {
+    c.current = d, typeof l == "function" ? l(d) : l && typeof l == "object" && (l.current = d);
   }, g = () => {
     c.current && (typeof c.current.showPicker == "function" ? c.current.showPicker() : c.current.focus());
-  }, u = (l) => {
-    o(l.target.value);
-  }, f = (n ?? he)(t);
+  }, u = (d) => {
+    o(d.target.value);
+  }, f = (n ?? Ie)(t);
   return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ e.jsx(
-      I,
+      $,
       {
         type: "text",
         value: f,
-        label: a,
+        label: s,
         readOnly: !0,
         tabIndex: 0,
         "aria-hidden": "true",
         onClick: g,
-        leftContent: /* @__PURE__ */ e.jsx(C, { as: X, color: "inherit", size: "sm" }),
+        leftContent: /* @__PURE__ */ e.jsx(S, { as: ie, color: "inherit", size: "sm" }),
         "data-testid": "date-single-picker-visible-input",
         ...i
       }
@@ -584,17 +583,313 @@ const ir = x.forwardRef(function({ value: t = "", onChange: o, label: a, formatt
     /* @__PURE__ */ e.jsx(
       "input",
       {
-        ref: s,
+        ref: a,
         type: "date",
         value: t,
         onChange: u,
         className: "sr-only absolute opacity-0 h-0 w-0 pointer-events-none",
         tabIndex: -1,
-        "aria-label": typeof a == "string" ? a : void 0
+        "aria-label": typeof s == "string" ? s : void 0
       }
     )
   ] });
-}), be = v("space-y-2", {
+}), xr = z(
+  (r, t) => /* @__PURE__ */ e.jsx(
+    $,
+    {
+      ...r,
+      ref: t,
+      type: "email",
+      autoComplete: "email",
+      inputMode: "email",
+      leftContent: /* @__PURE__ */ e.jsx(S, { as: ce, color: "inherit", size: "sm" })
+    }
+  )
+), Ce = v(
+  "w-12 h-12 text-center border rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 text-lg font-semibold",
+  {
+    variants: {
+      variant: {
+        // Core variants using Versaur color system
+        primary: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20",
+        secondary: "border-secondary/30 text-foreground focus:border-secondary focus:ring-secondary/20",
+        tertiary: "border-tertiary/30 text-foreground focus:border-tertiary focus:ring-tertiary/20",
+        ghost: "border-ghost/30 text-foreground focus:border-ghost focus:ring-ghost/20",
+        neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
+        // Outline variants
+        "primary-outline": "border-primary text-foreground focus:border-primary focus:ring-primary/20",
+        "secondary-outline": "border-secondary text-foreground focus:border-secondary focus:ring-secondary/20",
+        "tertiary-outline": "border-tertiary text-foreground focus:border-tertiary focus:ring-tertiary/20",
+        "ghost-outline": "border-ghost text-foreground focus:border-ghost focus:ring-ghost/20",
+        "neutral-outline": "border-gray-400 text-foreground focus:border-gray-500 focus:ring-gray-500/20",
+        // Semantic variants
+        success: "border-success/30 text-foreground focus:border-success focus:ring-success/20",
+        "success-outline": "border-success text-foreground focus:border-success focus:ring-success/20",
+        info: "border-info/30 text-foreground focus:border-info focus:ring-info/20",
+        "info-outline": "border-info text-foreground focus:border-info focus:ring-info/20",
+        warning: "border-warning/30 text-foreground focus:border-warning focus:ring-warning/20",
+        "warning-outline": "border-warning text-foreground focus:border-warning focus:ring-warning/20",
+        danger: "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20",
+        "danger-outline": "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20"
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+), Ne = (r) => /^\d$/.test(r), M = (r) => r.replace(/\D/g, "").slice(0, 6), J = m.forwardRef(
+  ({
+    value: r,
+    onChange: t,
+    onKeyDown: o,
+    onFocus: s,
+    onPaste: n,
+    disabled: i,
+    error: l,
+    variant: c,
+    secure: a,
+    inputRef: g,
+    index: u,
+    id: f
+  }, d) => /* @__PURE__ */ e.jsx(
+    "input",
+    {
+      ref: g,
+      id: f,
+      type: a ? "password" : "text",
+      inputMode: "numeric",
+      pattern: "[0-9]*",
+      maxLength: 1,
+      value: a ? r ? "•" : "" : r,
+      onChange: (h) => {
+        const b = h.target.value;
+        (b === "" || Ne(b)) && t(b);
+      },
+      onKeyDown: o,
+      onFocus: s,
+      onPaste: n,
+      disabled: i,
+      "aria-invalid": l,
+      "aria-disabled": i,
+      className: p(
+        Ce({
+          variant: l ? "danger" : c
+        })
+      ),
+      autoComplete: "one-time-code",
+      "data-testid": `pin-input-${u}`
+    }
+  )
+);
+J.displayName = "PinInput";
+const Ve = m.forwardRef(
+  ({
+    variant: r = "primary",
+    label: t,
+    helperText: o,
+    error: s,
+    disabled: n,
+    value: i,
+    defaultValue: l,
+    onChange: c,
+    onComplete: a,
+    autoSubmit: g = !1,
+    className: u,
+    id: f,
+    name: d,
+    required: h,
+    secure: b = !1,
+    ...y
+  }, w) => {
+    const j = m.useId(), x = f || j, V = !!s, N = m.useRef([]), [re, te] = m.useState(
+      () => M(l || "")
+    ), F = i !== void 0 ? M(i) : re, P = F.split("").concat(Array(6 - F.length).fill("")), D = m.useCallback(
+      (I) => {
+        const k = M(I);
+        if (i === void 0 && te(k), c?.(k), k.length === 6 && (a?.(k), g)) {
+          const C = N.current[0]?.closest("form");
+          C && C.requestSubmit();
+        }
+      },
+      [i, c, a, g]
+    ), oe = m.useCallback(
+      (I, k) => {
+        const C = [...P];
+        C[I] = k;
+        const B = C.join("").replace(/\s+$/, "");
+        D(B), k && I < 5 && N.current[I + 1]?.focus();
+      },
+      [P, D]
+    ), ne = m.useCallback(
+      (I, k) => {
+        k.key === "Backspace" && !P[I] && I > 0 || k.key === "ArrowLeft" && I > 0 ? N.current[I - 1]?.focus() : k.key === "ArrowRight" && I < 5 && N.current[I + 1]?.focus();
+      },
+      [P]
+    ), se = m.useCallback(
+      (I) => {
+        I.preventDefault();
+        const k = I.clipboardData.getData("text"), C = M(k);
+        if (C.length > 0) {
+          D(C);
+          const B = Math.min(C.length, 5);
+          N.current[B]?.focus();
+        }
+      },
+      [D]
+    );
+    return /* @__PURE__ */ e.jsxs("div", { ref: w, className: p("w-full", u), ...y, children: [
+      t && /* @__PURE__ */ e.jsxs(
+        "label",
+        {
+          htmlFor: `${x}-0`,
+          className: "block text-sm font-medium text-foreground mb-2",
+          children: [
+            t,
+            h && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "flex gap-2 justify-center",
+          role: "group",
+          "aria-labelledby": t ? `${x}-label` : void 0,
+          "aria-describedby": V ? `${x}-error` : o ? `${x}-helper` : void 0,
+          children: P.map((I, k) => /* @__PURE__ */ e.jsx(
+            J,
+            {
+              value: I,
+              onChange: (C) => oe(k, C),
+              onKeyDown: (C) => ne(k, C),
+              onFocus: () => {
+                const C = N.current[k];
+                C && C.select();
+              },
+              onPaste: se,
+              disabled: n,
+              error: V,
+              variant: r,
+              secure: b,
+              inputRef: (C) => {
+                N.current[k] = C;
+              },
+              index: k,
+              id: `${x}-${k}`
+            },
+            k
+          ))
+        }
+      ),
+      d && /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "hidden",
+          name: d,
+          value: F,
+          required: h
+        }
+      ),
+      V && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          id: `${x}-error`,
+          className: "mt-2 text-sm text-danger",
+          role: "alert",
+          children: s
+        }
+      ),
+      !V && o && /* @__PURE__ */ e.jsx("div", { id: `${x}-helper`, className: "mt-2 text-sm text-gray-600", children: o })
+    ] });
+  }
+);
+Ve.displayName = "PinField";
+function ze(r, t) {
+  ae(() => {
+    typeof r == "number" && !isNaN(r) ? t(`${r}`) : r === "" || r === null || r === void 0 ? t("") : typeof r == "string" && t(r);
+  }, [r, t]);
+}
+function Se(r, t = !1) {
+  if (r === "" || r === "-" && t) return !0;
+  const o = t && r.startsWith("-") ? r.slice(1) : r;
+  if (t && r.startsWith("-") && o === "") return !0;
+  if (o.startsWith(".") || o.startsWith(",") || !/^[\d.,]+$/.test(o)) return !1;
+  const s = o.split(",");
+  if (s.length > 2) return !1;
+  const n = s[0], i = s[1];
+  return !(n === "" || !Re(n) || i !== void 0 && i !== "" && !Oe(i));
+}
+function Re(r) {
+  if (r === "") return !1;
+  if (!r.includes("."))
+    return /^\d+$/.test(r);
+  const t = r.split(".");
+  if (t[0] === "" || !/^\d{1,3}$/.test(t[0])) return !1;
+  for (let o = 1; o < t.length; o++) {
+    const s = t[o];
+    if (o === t.length - 1) {
+      if (s !== "" && !/^\d{1,3}$/.test(s)) return !1;
+    } else if (!/^\d{3}$/.test(s)) return !1;
+  }
+  return !0;
+}
+function Oe(r) {
+  return /^\d{1,2}$/.test(r);
+}
+function Q(r, t = !1) {
+  if (r === "") return "";
+  const o = r.startsWith("-");
+  if (o && !t)
+    return Q(r.slice(1), !1);
+  if (o && r.length === 1) return "-";
+  let n = (o ? r.slice(1) : r).replace(/[^\d.,]/g, "");
+  const i = n.lastIndexOf(",");
+  if (i !== -1) {
+    const l = n.slice(0, i).replace(/,/g, ""), c = n.slice(i + 1).replace(/,/g, "");
+    n = l + "," + c;
+  }
+  return n = n.replace(/\.{2,}/g, "."), (o ? "-" : "") + n;
+}
+const pr = ({
+  value: r,
+  onChange: t,
+  allowNegative: o = !1,
+  inputProps: s,
+  label: n,
+  helperText: i,
+  error: l,
+  variant: c,
+  ...a
+}) => {
+  const g = A(null), [u, f] = L(
+    r === "" ? "" : String(r)
+  );
+  ze(r, f);
+  const d = (h) => {
+    const b = h.target.value, y = Q(b, o);
+    Se(y, o) ? (f(y), t(y)) : h.preventDefault();
+  };
+  return /* @__PURE__ */ e.jsx(
+    $,
+    {
+      ref: g,
+      type: "text",
+      label: n,
+      value: u,
+      onChange: d,
+      error: l,
+      helperText: i,
+      placeholder: a.placeholder,
+      leftContent: /* @__PURE__ */ e.jsx(S, { as: de, color: "inherit", size: "sm" }),
+      variant: c,
+      inputMode: "numeric",
+      autoComplete: "off",
+      pattern: "[0-9.,-]*",
+      ...s,
+      ...a
+    }
+  );
+}, $e = v("space-y-2", {
   variants: {
     direction: {
       vertical: "space-y-2 space-x-0",
@@ -604,7 +899,7 @@ const ir = x.forwardRef(function({ value: t = "", onChange: o, label: a, formatt
   defaultVariants: {
     direction: "vertical"
   }
-}), xe = v(
+}), Pe = v(
   "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: {
@@ -642,7 +937,7 @@ const ir = x.forwardRef(function({ value: t = "", onChange: o, label: a, formatt
       size: "md"
     }
   }
-), me = v(
+), De = v(
   "text-foreground cursor-pointer select-none",
   {
     variants: {
@@ -661,18 +956,18 @@ const ir = x.forwardRef(function({ value: t = "", onChange: o, label: a, formatt
       disabled: !1
     }
   }
-), G = N(
+), U = R(
   null
-), pe = () => {
-  const r = z(G);
+), Me = () => {
+  const r = O(U);
   if (!r)
     throw new Error(
       "useRadioInputContext must be used within RadioInputContext"
     );
   return r;
-}, ye = x.forwardRef(
-  ({ children: r, description: t, className: o, disabled: a, id: n, value: i, ...d }, c) => {
-    const s = pe(), g = x.useId(), u = n || g, f = a || s.disabled, l = s.error ? "danger" : s.variant || "primary";
+}, Ee = m.forwardRef(
+  ({ children: r, description: t, className: o, disabled: s, id: n, value: i, ...l }, c) => {
+    const a = Me(), g = m.useId(), u = n || g, f = s || a.disabled, d = 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",
@@ -680,26 +975,26 @@ const ir = x.forwardRef(function({ value: t = "", onChange: o, label: a, formatt
           ref: c,
           type: "radio",
           id: u,
-          name: s.name,
+          name: a.name,
           value: i,
           disabled: f,
-          className: m(
-            xe({
-              variant: l,
-              size: s.size
+          className: p(
+            Pe({
+              variant: d,
+              size: a.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
-            s.size === "sm" && "before:w-[6px] before:h-[6px]",
-            s.size === "md" && "before:w-[8px] before:h-[8px]",
-            s.size === "lg" && "before:w-[10px] before:h-[10px]",
+            a.size === "sm" && "before:w-[6px] before:h-[6px]",
+            a.size === "md" && "before:w-[8px] before:h-[8px]",
+            a.size === "lg" && "before:w-[10px] before:h-[10px]",
             "checked:before:opacity-100",
             // Outline variants use colored radio dot
-            l?.includes("outline") && "checked:before:bg-current",
+            d?.includes("outline") && "checked:before:bg-current",
             o
           ),
-          ...d
+          ...l
         }
       ) }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
@@ -707,8 +1002,8 @@ const ir = x.forwardRef(function({ value: t = "", onChange: o, label: a, formatt
           "label",
           {
             htmlFor: u,
-            className: me({
-              size: s.size,
+            className: De({
+              size: a.size,
               disabled: f
             }),
             children: r
@@ -717,11 +1012,11 @@ const ir = x.forwardRef(function({ value: t = "", onChange: o, label: a, formatt
         t && /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: m(
+            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",
               f && "opacity-50"
             ),
             children: t
@@ -730,37 +1025,64 @@ const ir = x.forwardRef(function({ value: t = "", onChange: o, label: a, formatt
       ] })
     ] });
   }
-), we = x.forwardRef(
+), Fe = m.forwardRef(
   ({
     variant: r = "primary",
     size: t = "md",
     label: o,
-    helperText: a,
+    helperText: s,
     error: n,
     direction: i = "vertical",
-    className: d,
+    className: l,
     disabled: c,
-    name: s,
+    name: a,
     children: g,
     ...u
   }, f) => {
-    const l = !!n, h = {
+    const d = !!n, h = {
       variant: r,
       size: t,
       disabled: c,
-      error: l,
-      name: s
+      error: d,
+      name: a
     };
-    return /* @__PURE__ */ e.jsx(G.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, className: m("w-full", d), ...u, children: [
+    return /* @__PURE__ */ e.jsx(U.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, className: p("w-full", l), ...u, children: [
       o && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: o }),
-      /* @__PURE__ */ e.jsx("div", { className: be({ direction: i }), children: g }),
-      l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !l && a && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
+      /* @__PURE__ */ e.jsx("div", { className: $e({ direction: i }), children: g }),
+      d && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !d && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
     ] }) });
   }
-), cr = Object.assign(we, {
-  Option: ye
-}), ve = v(
+), yr = Object.assign(Fe, {
+  Option: Ee
+}), wr = z(
+  ({
+    autoComplete: r = "off",
+    spellCheck: t = !1,
+    inputMode: o = "search",
+    placeholder: s = "Search...",
+    maxLength: n = 256,
+    enterKeyHint: i = "search",
+    "aria-label": l = "Search",
+    // internal default, not in props
+    ...c
+  }, a) => /* @__PURE__ */ e.jsx(
+    $,
+    {
+      ref: a,
+      type: "search",
+      inputMode: o,
+      autoComplete: r,
+      spellCheck: t,
+      placeholder: s,
+      maxLength: n,
+      enterKeyHint: i,
+      "aria-label": l,
+      leftContent: /* @__PURE__ */ e.jsx(S, { as: le, color: "inherit", size: "sm" }),
+      ...c
+    }
+  )
+), Be = v(
   "flex flex-row rounded-full border overflow-hidden p-1 gap-0.25",
   {
     variants: {
@@ -793,7 +1115,7 @@ const ir = x.forwardRef(function({ value: t = "", onChange: o, label: a, formatt
       error: !1
     }
   }
-), ke = v(
+), Ae = v(
   "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: {
@@ -828,7 +1150,7 @@ const ir = x.forwardRef(function({ value: t = "", onChange: o, label: a, formatt
       rounded: "middle"
     }
   }
-), je = (r) => {
+), Le = (r) => {
   const t = {
     // Core variants - override hover text color changes
     primary: "bg-primary text-white hover:text-white",
@@ -843,21 +1165,21 @@ const ir = x.forwardRef(function({ value: t = "", onChange: o, label: a, formatt
     danger: "bg-danger text-white hover:text-white"
   };
   return t[r || "primary"] || t.primary;
-}, K = N(null), Ie = () => {
-  const r = z(K);
+}, X = R(null), We = () => {
+  const r = O(X);
   if (!r)
     throw new Error(
       "useSegmentSingleInputContext must be used within SegmentSingleInputContext"
     );
   return r;
-}, _ = x.forwardRef(
-  ({ children: r, className: t, disabled: o, id: a, value: n, position: i = "middle", ...d }, c) => {
-    const s = Ie(), g = x.useId(), u = a || g, f = o || s.disabled, l = s.error ? "danger" : s.variant || "primary", h = s.value === n, b = (p) => {
+}, Y = m.forwardRef(
+  ({ children: r, className: t, disabled: o, id: s, value: n, position: i = "middle", ...l }, c) => {
+    const a = We(), g = m.useId(), u = s || g, f = o || a.disabled, d = a.error ? "danger" : a.variant || "primary", h = a.value === n, b = (y) => {
       if (!f) {
-        const y = s.value === n ? null : n;
-        s.onChange?.(y);
+        const w = a.value === n ? null : n;
+        a.onChange?.(w);
       }
-      d.onChange?.(p);
+      l.onChange?.(y);
     };
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
@@ -866,27 +1188,27 @@ const ir = x.forwardRef(function({ value: t = "", onChange: o, label: a, formatt
           ref: c,
           type: "radio",
           id: u,
-          name: s.name,
+          name: a.name,
           value: n,
           checked: h,
           disabled: f,
           onChange: b,
           className: "sr-only",
-          ...d
+          ...l
         }
       ),
       /* @__PURE__ */ e.jsx(
         "label",
         {
           htmlFor: u,
-          className: m(
+          className: p(
             "flex flex-row items-center justify-center",
-            ke({
-              variant: l,
-              size: s.size,
+            Ae({
+              variant: d,
+              size: a.size,
               rounded: i
             }),
-            h && je(l),
+            h && Le(d),
             f && "opacity-50 cursor-not-allowed pointer-events-none",
             t
           ),
@@ -896,61 +1218,61 @@ const ir = x.forwardRef(function({ value: t = "", onChange: o, label: a, formatt
     ] });
   }
 );
-_.displayName = "SegmentOption";
-const Ce = x.forwardRef(
+Y.displayName = "SegmentOption";
+const Ge = m.forwardRef(
   ({
     variant: r = "primary",
     size: t = "md",
     label: o,
-    helperText: a,
+    helperText: s,
     error: n,
     disabled: i,
-    name: d,
+    name: l,
     value: c,
-    onChange: s,
+    onChange: a,
     children: g,
     ...u
   }, f) => {
-    const l = !!n, h = {
+    const d = !!n, h = {
       variant: r,
       size: t,
       disabled: i,
-      error: l,
-      name: d,
+      error: d,
+      name: l,
       value: c,
-      onChange: s
-    }, b = x.Children.toArray(g), p = b.map((y, k) => {
-      if (x.isValidElement(y)) {
-        let w;
-        return b.length === 1 ? w = "single" : k === 0 ? w = "first" : k === b.length - 1 ? w = "last" : w = "middle", x.cloneElement(
-          y,
-          { position: w }
+      onChange: a
+    }, b = m.Children.toArray(g), y = b.map((w, j) => {
+      if (m.isValidElement(w)) {
+        let x;
+        return b.length === 1 ? x = "single" : j === 0 ? x = "first" : j === b.length - 1 ? x = "last" : x = "middle", m.cloneElement(
+          w,
+          { position: x }
         );
       }
-      return y;
+      return w;
     });
-    return /* @__PURE__ */ e.jsx(K.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, ...u, children: [
+    return /* @__PURE__ */ e.jsx(X.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, ...u, children: [
       o && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: o }),
       /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: m(
-            ve({
-              variant: l ? "danger" : r,
+          className: p(
+            Be({
+              variant: d ? "danger" : r,
               size: t,
-              error: l
+              error: d
             })
           ),
-          children: p
+          children: y
         }
       ),
-      l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !l && a && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
+      d && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !d && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
     ] }) });
   }
-), dr = Object.assign(Ce, {
-  Option: _
-}), Ne = v(
+), vr = Object.assign(Ge, {
+  Option: Y
+}), _e = v(
   "flex flex-row rounded-full border overflow-hidden p-1 gap-0.25",
   {
     variants: {
@@ -983,7 +1305,7 @@ const Ce = x.forwardRef(
       error: !1
     }
   }
-), ze = v(
+), Ke = v(
   "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: {
@@ -1018,7 +1340,7 @@ const Ce = x.forwardRef(
       rounded: "middle"
     }
   }
-), Se = (r) => {
+), He = (r) => {
   const t = {
     // Core variants - override hover text color changes
     primary: "bg-primary text-white hover:text-white",
@@ -1033,22 +1355,22 @@ const Ce = x.forwardRef(
     danger: "bg-danger text-white hover:text-white"
   };
   return t[r || "primary"] || t.primary;
-}, q = N(null), Ve = () => {
-  const r = z(q);
+}, Z = R(null), Te = () => {
+  const r = O(Z);
   if (!r)
     throw new Error(
       "useSegmentMultipleInputContext must be used within SegmentMultipleInputContext"
     );
   return r;
-}, J = x.forwardRef(
-  ({ children: r, className: t, disabled: o, id: a, value: n, position: i = "middle", ...d }, c) => {
-    const s = Ve(), g = x.useId(), u = a || g, f = o || s.disabled, l = s.error ? "danger" : s.variant || "primary", h = s.value?.includes(n) ?? !1, b = (p) => {
+}, ee = m.forwardRef(
+  ({ children: r, className: t, disabled: o, id: s, value: n, position: i = "middle", ...l }, c) => {
+    const a = Te(), g = m.useId(), u = s || g, f = o || a.disabled, d = a.error ? "danger" : a.variant || "primary", h = a.value?.includes(n) ?? !1, b = (y) => {
       if (!f) {
-        const y = s.value || [];
-        let k;
-        h ? k = y.filter((w) => w !== n) : k = [...y, n], s.onChange?.(k);
+        const w = a.value || [];
+        let j;
+        h ? j = w.filter((x) => x !== n) : j = [...w, n], a.onChange?.(j);
       }
-      d.onChange?.(p);
+      l.onChange?.(y);
     };
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
@@ -1057,27 +1379,27 @@ const Ce = x.forwardRef(
           ref: c,
           type: "checkbox",
           id: u,
-          name: `${s.name}[]`,
+          name: `${a.name}[]`,
           value: n,
           checked: h,
           disabled: f,
           onChange: b,
           className: "sr-only",
-          ...d
+          ...l
         }
       ),
       /* @__PURE__ */ e.jsx(
         "label",
         {
           htmlFor: u,
-          className: m(
+          className: p(
             "flex flex-row items-center justify-center",
-            ze({
-              variant: l,
-              size: s.size,
+            Ke({
+              variant: d,
+              size: a.size,
               rounded: i
             }),
-            h && Se(l),
+            h && He(d),
             f && "opacity-50 cursor-not-allowed pointer-events-none",
             t
           ),
@@ -1087,88 +1409,61 @@ const Ce = x.forwardRef(
     ] });
   }
 );
-J.displayName = "SegmentOption";
-const Re = x.forwardRef(
+ee.displayName = "SegmentOption";
+const qe = m.forwardRef(
   ({
     variant: r = "primary",
     size: t = "md",
     label: o,
-    helperText: a,
+    helperText: s,
     error: n,
     disabled: i,
-    name: d,
+    name: l,
     value: c = [],
-    onChange: s,
+    onChange: a,
     children: g,
     ...u
   }, f) => {
-    const l = !!n, h = {
+    const d = !!n, h = {
       variant: r,
       size: t,
       disabled: i,
-      error: l,
-      name: d,
+      error: d,
+      name: l,
       value: c,
-      onChange: s
-    }, b = x.Children.toArray(g), p = b.map((y, k) => {
-      if (x.isValidElement(y)) {
-        let w;
-        return b.length === 1 ? w = "single" : k === 0 ? w = "first" : k === b.length - 1 ? w = "last" : w = "middle", x.cloneElement(
-          y,
-          { position: w }
+      onChange: a
+    }, b = m.Children.toArray(g), y = b.map((w, j) => {
+      if (m.isValidElement(w)) {
+        let x;
+        return b.length === 1 ? x = "single" : j === 0 ? x = "first" : j === b.length - 1 ? x = "last" : x = "middle", m.cloneElement(
+          w,
+          { position: x }
         );
       }
-      return y;
+      return w;
     });
-    return /* @__PURE__ */ e.jsx(q.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, ...u, children: [
+    return /* @__PURE__ */ e.jsx(Z.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, ...u, children: [
       o && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: o }),
       /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: m(
-            Ne({
-              variant: l ? "danger" : r,
+          className: p(
+            _e({
+              variant: d ? "danger" : r,
               size: t,
-              error: l
+              error: d
             })
           ),
-          children: p
+          children: y
         }
       ),
-      l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !l && a && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
+      d && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !d && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
     ] }) });
   }
-), lr = Object.assign(Re, {
-  Option: J
-}), ur = j(
-  ({
-    autoComplete: r = "off",
-    spellCheck: t = !1,
-    inputMode: o = "search",
-    placeholder: a = "Search...",
-    maxLength: n = 256,
-    enterKeyHint: i = "search",
-    "aria-label": d = "Search",
-    // internal default, not in props
-    ...c
-  }, s) => /* @__PURE__ */ e.jsx(
-    I,
-    {
-      ref: s,
-      type: "search",
-      inputMode: o,
-      autoComplete: r,
-      spellCheck: t,
-      placeholder: a,
-      maxLength: n,
-      enterKeyHint: i,
-      "aria-label": d,
-      leftContent: /* @__PURE__ */ e.jsx(C, { as: Y, color: "inherit", size: "sm" }),
-      ...c
-    }
-  )
-), Oe = v(
+), kr = Object.assign(qe, {
+  Option: ee
+}), Je = v(
   "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: {
@@ -1200,40 +1495,40 @@ const Re = x.forwardRef(
       variant: "primary"
     }
   }
-), Me = x.forwardRef(
+), Qe = m.forwardRef(
   ({
     variant: r = "primary",
     label: t,
     helperText: o,
-    error: a,
+    error: s,
     className: n,
     disabled: i,
-    id: d,
+    id: l,
     placeholder: c,
-    children: s,
+    children: a,
     ...g
   }, u) => {
-    const f = x.useId(), l = d || f, h = !!a;
+    const f = m.useId(), d = l || f, h = !!s;
     return /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: l,
+          htmlFor: d,
           className: "block text-sm font-medium text-foreground mb-2",
           children: t
         }
       ),
-      /* @__PURE__ */ e.jsxs("div", { className: m("relative w-full", n), children: [
+      /* @__PURE__ */ e.jsxs("div", { className: p("relative w-full", n), children: [
         /* @__PURE__ */ e.jsxs(
           "select",
           {
             ref: u,
-            id: l,
+            id: d,
             "aria-invalid": h,
             "aria-disabled": i,
             disabled: i,
-            className: m(
-              Oe({
+            className: p(
+              Je({
                 variant: h ? "danger" : r
               }),
               "h-9 pl-3"
@@ -1241,7 +1536,7 @@ const Re = x.forwardRef(
             ...g,
             children: [
               c && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, hidden: !0, children: c }),
-              s
+              a
             ]
           }
         ),
@@ -1264,125 +1559,181 @@ const Re = x.forwardRef(
           }
         ) })
       ] }),
-      h && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: a }),
+      h && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: s }),
       !h && o && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: o })
     ] });
   }
 );
-Me.displayName = "SelectInput";
-const Fe = v(
-  "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",
+Qe.displayName = "SelectInput";
+const Ue = v(
+  "flex items-center gap-3 cursor-pointer border-b border-border select-none p-4 transition-colors hover:bg-neutral-light",
   {
     variants: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20",
-        secondary: "border-secondary/30 text-foreground focus:border-secondary focus:ring-secondary/20",
-        tertiary: "border-tertiary/30 text-foreground focus:border-tertiary focus:ring-tertiary/20",
-        ghost: "border-ghost/30 text-foreground focus:border-ghost focus:ring-ghost/20",
-        neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
-        // Outline variants
-        "primary-outline": "border-primary text-foreground focus:border-primary focus:ring-primary/20",
-        "secondary-outline": "border-secondary text-foreground focus:border-secondary focus:ring-secondary/20",
-        "tertiary-outline": "border-tertiary text-foreground focus:border-tertiary focus:ring-tertiary/20",
-        "ghost-outline": "border-ghost text-foreground focus:border-ghost focus:ring-ghost/20",
-        "neutral-outline": "border-gray-400 text-foreground focus:border-gray-500 focus:ring-gray-500/20",
-        // Semantic variants
-        success: "border-success/30 text-foreground focus:border-success focus:ring-success/20",
-        "success-outline": "border-success text-foreground focus:border-success focus:ring-success/20",
-        info: "border-info/30 text-foreground focus:border-info focus:ring-info/20",
-        "info-outline": "border-info text-foreground focus:border-info focus:ring-info/20",
-        warning: "border-warning/30 text-foreground focus:border-warning focus:ring-warning/20",
-        "warning-outline": "border-warning text-foreground focus:border-warning focus:ring-warning/20",
-        danger: "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20",
-        "danger-outline": "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20"
+      checked: {
+        true: "",
+        false: ""
       },
-      fieldSizing: {
-        content: "field-sizing-content resize-none",
-        fixed: "resize-y"
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
       }
     },
     defaultVariants: {
-      variant: "primary",
-      fieldSizing: "fixed"
+      checked: !1,
+      disabled: !1
     }
   }
-), Ee = x.forwardRef(
-  ({
-    variant: r = "primary",
-    label: t,
-    helperText: o,
-    error: a,
-    className: n,
-    disabled: i,
-    id: d,
-    minRows: c = 3,
-    maxRows: s,
-    fieldSizing: g = "fixed",
-    style: u,
-    rows: f,
-    ...l
-  }, h) => {
-    const b = x.useId(), p = d || b, y = !!a, k = f || c, w = g === "content" ? void 0 : s, S = {
-      ...g === "content" && { fieldSizing: "content" },
-      ...w && {
-        maxHeight: `${w * 1.5}rem`
-        // Approximate line height
-      },
-      ...u
-    };
-    return /* @__PURE__ */ e.jsxs("div", { children: [
-      t && /* @__PURE__ */ e.jsx(
-        "label",
-        {
-          htmlFor: p,
-          className: "block text-sm font-medium text-foreground mb-2",
-          children: t
-        }
+), Xe = v(
+  "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
+    }
+  }
+), jr = z(({ value: r, label: t, checked: o, id: s, className: n, disabled: i, ...l }, c) => {
+  const a = E(), g = s || a;
+  return /* @__PURE__ */ e.jsxs(
+    "label",
+    {
+      htmlFor: g,
+      className: p(
+        Ue({
+          checked: !!o,
+          disabled: !!i
+        }),
+        n
       ),
-      /* @__PURE__ */ e.jsx("div", { className: m("relative w-full", n), children: /* @__PURE__ */ e.jsx(
-        "textarea",
-        {
-          ref: h,
-          id: p,
-          rows: k,
-          "aria-invalid": y,
-          "aria-disabled": i,
-          disabled: i,
-          style: S,
-          className: m(
-            Fe({
-              variant: y ? "danger" : r,
-              fieldSizing: g
+      "aria-checked": o,
+      role: "radio",
+      "aria-label": `Select ${r}`,
+      tabIndex: i ? -1 : 0,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: c,
+            id: g,
+            type: "radio",
+            value: r,
+            checked: o,
+            disabled: i,
+            className: "sr-only",
+            "aria-hidden": !0,
+            "aria-checked": o,
+            ...l
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: Xe({
+              checked: !!o,
+              disabled: !!i
             }),
-            "px-3 py-2"
-          ),
-          ...l
-        }
-      ) }),
-      y && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: a }),
-      !y && o && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: o })
-    ] });
+            "aria-hidden": "true",
+            children: o ? /* @__PURE__ */ e.jsx(S, { as: W, color: "neutral", size: "md" }) : null
+          }
+        ),
+        /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: t })
+      ]
+    }
+  );
+}), Ye = v(
+  "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
+    }
   }
-);
-Ee.displayName = "TextAreaInput";
-const gr = j(function(t, o) {
-  const a = (n) => {
-    t?.onChange?.(n.target.value);
-  };
-  return /* @__PURE__ */ e.jsx(
-    I,
+), Ze = v(
+  "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
+    }
+  }
+), Ir = z(({ value: r, label: t, checked: o, id: s, className: n, disabled: i, ...l }, c) => {
+  const a = E(), g = s || a;
+  return /* @__PURE__ */ e.jsxs(
+    "label",
     {
-      type: "time",
-      tabIndex: 0,
-      "aria-hidden": "true",
-      leftContent: /* @__PURE__ */ e.jsx(C, { as: Z, color: "inherit", size: "sm" }),
-      ref: o,
-      ...t,
-      onChange: a
+      htmlFor: g,
+      className: p(
+        Ye({
+          checked: !!o,
+          disabled: !!i
+        }),
+        n
+      ),
+      "aria-checked": o,
+      role: "checkbox",
+      "aria-label": `Select ${r}`,
+      tabIndex: i ? -1 : 0,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: c,
+            id: g,
+            type: "checkbox",
+            value: r,
+            checked: o,
+            disabled: i,
+            className: "sr-only",
+            "aria-hidden": !0,
+            "aria-checked": o,
+            ...l
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: Ze({
+              checked: !!o,
+              disabled: !!i
+            }),
+            "aria-hidden": "true",
+            children: o ? /* @__PURE__ */ e.jsx(S, { as: W, color: "neutral", size: "md" }) : null
+          }
+        ),
+        /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: t })
+      ]
     }
   );
-}), De = v(
+}), er = v(
   "relative inline-flex items-center transition-colors duration-200 border border-transparent",
   {
     variants: {
@@ -1438,7 +1789,7 @@ const gr = j(function(t, o) {
       { checked: !1, class: "bg-white border-border" }
     ]
   }
-), Be = v(
+), rr = v(
   "absolute rounded-full transition-transform duration-200",
   {
     variants: {
@@ -1457,103 +1808,103 @@ const gr = j(function(t, o) {
       checked: !1
     }
   }
-), Pe = ({
+), tr = ({
   color: r = "primary",
   size: t = "md",
   disabled: o = !1,
-  className: a,
+  className: s,
   checked: n
 }) => /* @__PURE__ */ e.jsx(
   "span",
   {
-    className: m(
-      De({ color: r, size: t, disabled: o, checked: n }),
+    className: p(
+      er({ color: r, size: t, disabled: o, checked: n }),
       "rounded-full pointer-events-none",
-      a
+      s
     ),
     "aria-hidden": "true"
   }
-), $e = ({ size: r = "md", checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: m(Be({ size: r, checked: t })), "aria-hidden": "true" }), Ae = ({ label: r, htmlFor: t, placement: o = "top", disabled: a = !1 }) => r ? /* @__PURE__ */ e.jsx(
+), or = ({ size: r = "md", checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: p(rr({ size: r, checked: t })), "aria-hidden": "true" }), nr = ({ label: r, htmlFor: t, placement: o = "top", disabled: s = !1 }) => r ? /* @__PURE__ */ e.jsx(
   "label",
   {
     htmlFor: t,
-    className: m(
+    className: p(
       "text-sm select-none font-medium text-foreground",
       o === "inline" ? "ml-2 mb-0" : "mb-1",
-      a && "opacity-50 cursor-not-allowed"
+      s && "opacity-50 cursor-not-allowed"
     ),
     children: r
   }
-) : null, He = x.forwardRef(
+) : null, sr = m.forwardRef(
   ({
     checked: r,
     defaultChecked: t,
     onCheckedChange: o,
-    color: a = "primary",
+    color: s = "primary",
     size: n = "md",
     label: i,
-    labelPlacement: d = "top",
+    labelPlacement: l = "top",
     disabled: c = !1,
-    className: s,
+    className: a,
     id: g,
     ariaLabel: u,
     ...f
-  }, l) => {
-    const [h, b] = R(
+  }, d) => {
+    const [h, b] = L(
       t ?? !1
-    ), p = F(), y = g || p, k = typeof r == "boolean", w = k ? r : h, S = (D) => {
-      k || b(D.target.checked), o?.(D.target.checked);
+    ), y = E(), w = g || y, j = typeof r == "boolean", x = j ? r : h, V = (N) => {
+      j || b(N.target.checked), o?.(N.target.checked);
     };
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: m(
+        className: p(
           "flex flex-col",
-          d === "inline" && "flex-row items-center",
-          s
+          l === "inline" && "flex-row items-center",
+          a
         ),
         children: [
           /* @__PURE__ */ e.jsx(
-            Ae,
+            nr,
             {
               label: i,
-              htmlFor: y,
-              placement: d,
+              htmlFor: w,
+              placement: l,
               disabled: c
             }
           ),
           /* @__PURE__ */ e.jsxs(
             "span",
             {
-              className: m(
+              className: p(
                 "relative flex items-center",
-                d === "inline" && "ml-2"
+                l === "inline" && "ml-2"
               ),
               children: [
                 /* @__PURE__ */ e.jsx(
                   "input",
                   {
-                    ref: l,
+                    ref: d,
                     type: "checkbox",
-                    id: y,
+                    id: w,
                     "aria-label": u || i,
-                    checked: w,
+                    checked: x,
                     disabled: c,
-                    onChange: S,
+                    onChange: V,
                     className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10",
                     ...f
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
-                  Pe,
+                  tr,
                   {
-                    color: a,
+                    color: s,
                     size: n,
                     disabled: c,
-                    checked: w
+                    checked: x
                   }
                 ),
-                /* @__PURE__ */ e.jsx($e, { size: n, checked: w })
+                /* @__PURE__ */ e.jsx(or, { size: n, checked: x })
               ]
             }
           )
@@ -1562,413 +1913,137 @@ const gr = j(function(t, o) {
     );
   }
 );
-He.displayName = "SwitchInput";
-function We(r, t) {
-  U(() => {
-    typeof r == "number" && !isNaN(r) ? t(`${r}`) : r === "" || r === null || r === void 0 ? t("") : typeof r == "string" && t(r);
-  }, [r, t]);
-}
-function Le(r, t = !1) {
-  if (r === "" || r === "-" && t) return !0;
-  const o = t && r.startsWith("-") ? r.slice(1) : r;
-  if (t && r.startsWith("-") && o === "") return !0;
-  if (o.startsWith(".") || o.startsWith(",") || !/^[\d.,]+$/.test(o)) return !1;
-  const a = o.split(",");
-  if (a.length > 2) return !1;
-  const n = a[0], i = a[1];
-  return !(n === "" || !Te(n) || i !== void 0 && i !== "" && !Ge(i));
-}
-function Te(r) {
-  if (r === "") return !1;
-  if (!r.includes("."))
-    return /^\d+$/.test(r);
-  const t = r.split(".");
-  if (t[0] === "" || !/^\d{1,3}$/.test(t[0])) return !1;
-  for (let o = 1; o < t.length; o++) {
-    const a = t[o];
-    if (o === t.length - 1) {
-      if (a !== "" && !/^\d{1,3}$/.test(a)) return !1;
-    } else if (!/^\d{3}$/.test(a)) return !1;
-  }
-  return !0;
-}
-function Ge(r) {
-  return /^\d{1,2}$/.test(r);
-}
-function Q(r, t = !1) {
-  if (r === "") return "";
-  const o = r.startsWith("-");
-  if (o && !t)
-    return Q(r.slice(1), !1);
-  if (o && r.length === 1) return "-";
-  let n = (o ? r.slice(1) : r).replace(/[^\d.,]/g, "");
-  const i = n.lastIndexOf(",");
-  if (i !== -1) {
-    const d = n.slice(0, i).replace(/,/g, ""), c = n.slice(i + 1).replace(/,/g, "");
-    n = d + "," + c;
-  }
-  return n = n.replace(/\.{2,}/g, "."), (o ? "-" : "") + n;
-}
-const fr = ({
-  value: r,
-  onChange: t,
-  allowNegative: o = !1,
-  inputProps: a,
-  label: n,
-  helperText: i,
-  error: d,
-  variant: c,
-  ...s
-}) => {
-  const g = B(null), [u, f] = R(
-    r === "" ? "" : String(r)
-  );
-  We(r, f);
-  const l = (h) => {
-    const b = h.target.value, p = Q(b, o);
-    Le(p, o) ? (f(p), t(p)) : h.preventDefault();
-  };
-  return /* @__PURE__ */ e.jsx(
-    I,
-    {
-      ref: g,
-      type: "text",
-      label: n,
-      value: u,
-      onChange: l,
-      error: d,
-      helperText: i,
-      placeholder: s.placeholder,
-      leftContent: /* @__PURE__ */ e.jsx(C, { as: ee, color: "inherit", size: "sm" }),
-      variant: c,
-      inputMode: "numeric",
-      autoComplete: "off",
-      pattern: "[0-9.,-]*",
-      ...a,
-      ...s
-    }
-  );
-}, hr = j(
-  (r, t) => /* @__PURE__ */ e.jsx(
-    I,
-    {
-      ...r,
-      ref: t,
-      type: "email",
-      autoComplete: "email",
-      inputMode: "email",
-      leftContent: /* @__PURE__ */ e.jsx(C, { as: re, color: "inherit", size: "sm" })
-    }
-  )
-), Ke = v(
-  "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
-    }
-  }
-), _e = v(
-  "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
-    }
-  }
-), br = j(({ value: r, label: t, checked: o, id: a, className: n, disabled: i, ...d }, c) => {
-  const s = F(), g = a || s;
-  return /* @__PURE__ */ e.jsxs(
-    "label",
-    {
-      htmlFor: g,
-      className: m(
-        Ke({
-          checked: !!o,
-          disabled: !!i
-        }),
-        n
-      ),
-      "aria-checked": o,
-      role: "radio",
-      "aria-label": `Select ${r}`,
-      tabIndex: i ? -1 : 0,
-      children: [
-        /* @__PURE__ */ e.jsx(
-          "input",
-          {
-            ref: c,
-            id: g,
-            type: "radio",
-            value: r,
-            checked: o,
-            disabled: i,
-            className: "sr-only",
-            "aria-hidden": !0,
-            "aria-checked": o,
-            ...d
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          "span",
-          {
-            className: _e({
-              checked: !!o,
-              disabled: !!i
-            }),
-            "aria-hidden": "true",
-            children: o ? /* @__PURE__ */ e.jsx(C, { as: P, color: "neutral", size: "md" }) : null
-          }
-        ),
-        /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: t })
-      ]
-    }
-  );
-}), qe = v(
-  "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
-    }
-  }
-), Je = v(
-  "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",
+sr.displayName = "SwitchInput";
+const ar = v(
+  "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: {
-      checked: {
-        true: "bg-primary",
-        false: "border-border bg-white"
+      variant: {
+        // Core variants using Versaur color system
+        primary: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20",
+        secondary: "border-secondary/30 text-foreground focus:border-secondary focus:ring-secondary/20",
+        tertiary: "border-tertiary/30 text-foreground focus:border-tertiary focus:ring-tertiary/20",
+        ghost: "border-ghost/30 text-foreground focus:border-ghost focus:ring-ghost/20",
+        neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
+        // Outline variants
+        "primary-outline": "border-primary text-foreground focus:border-primary focus:ring-primary/20",
+        "secondary-outline": "border-secondary text-foreground focus:border-secondary focus:ring-secondary/20",
+        "tertiary-outline": "border-tertiary text-foreground focus:border-tertiary focus:ring-tertiary/20",
+        "ghost-outline": "border-ghost text-foreground focus:border-ghost focus:ring-ghost/20",
+        "neutral-outline": "border-gray-400 text-foreground focus:border-gray-500 focus:ring-gray-500/20",
+        // Semantic variants
+        success: "border-success/30 text-foreground focus:border-success focus:ring-success/20",
+        "success-outline": "border-success text-foreground focus:border-success focus:ring-success/20",
+        info: "border-info/30 text-foreground focus:border-info focus:ring-info/20",
+        "info-outline": "border-info text-foreground focus:border-info focus:ring-info/20",
+        warning: "border-warning/30 text-foreground focus:border-warning focus:ring-warning/20",
+        "warning-outline": "border-warning text-foreground focus:border-warning focus:ring-warning/20",
+        danger: "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20",
+        "danger-outline": "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20"
       },
-      disabled: {
-        true: "opacity-50",
-        false: "active:scale-95"
+      fieldSizing: {
+        content: "field-sizing-content resize-none",
+        fixed: "resize-y"
       }
     },
     defaultVariants: {
-      checked: !1,
-      disabled: !1
-    }
-  }
-), xr = j(({ value: r, label: t, checked: o, id: a, className: n, disabled: i, ...d }, c) => {
-  const s = F(), g = a || s;
-  return /* @__PURE__ */ e.jsxs(
-    "label",
-    {
-      htmlFor: g,
-      className: m(
-        qe({
-          checked: !!o,
-          disabled: !!i
-        }),
-        n
-      ),
-      "aria-checked": o,
-      role: "checkbox",
-      "aria-label": `Select ${r}`,
-      tabIndex: i ? -1 : 0,
-      children: [
-        /* @__PURE__ */ e.jsx(
-          "input",
-          {
-            ref: c,
-            id: g,
-            type: "checkbox",
-            value: r,
-            checked: o,
-            disabled: i,
-            className: "sr-only",
-            "aria-hidden": !0,
-            "aria-checked": o,
-            ...d
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          "span",
-          {
-            className: Je({
-              checked: !!o,
-              disabled: !!i
-            }),
-            "aria-hidden": "true",
-            children: o ? /* @__PURE__ */ e.jsx(C, { as: P, color: "neutral", size: "md" }) : null
-          }
-        ),
-        /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: t })
-      ]
+      variant: "primary",
+      fieldSizing: "fixed"
     }
-  );
-}), Qe = j(
-  ({ children: r, onChange: t, value: o, size: a, placement: n, ...i }, d) => {
-    const [c, s] = R(!1), g = E(
-      () => ({ isOpen: c, setIsOpen: s, onChange: t, value: o }),
-      [c, s, t, o]
-    );
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(
-        I,
-        {
-          ...i,
-          onChange: t,
-          value: o,
-          ref: d,
-          readOnly: !0,
-          tabIndex: 0,
-          onClick: () => s(!0),
-          "aria-haspopup": "dialog",
-          "aria-expanded": c,
-          onKeyDown: (u) => {
-            (u.key === "Enter" || u.key === " ") && (u.preventDefault(), s(!0));
-          }
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        O,
-        {
-          isOpen: c,
-          onClose: () => s(!1),
-          size: a,
-          placement: n,
-          children: c && r(g)
-        }
-      )
-    ] });
   }
-), mr = Object.assign(Qe, {
-  Header: O.Header,
-  Body: O.Body,
-  Footer: O.Footer
-}), Ue = j(
+), ir = m.forwardRef(
   ({
-    children: r,
-    onChange: t,
-    value: o,
-    size: a,
-    position: n,
-    disableEscapeKeyDown: i,
-    disableOverlayClickToClose: d,
-    ...c
-  }, s) => {
-    const [g, u] = R(!1), f = E(
-      () => ({ isOpen: g, setIsOpen: u, onChange: t, value: o }),
-      [g, u, t, o]
-    );
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(
-        I,
+    variant: r = "primary",
+    label: t,
+    helperText: o,
+    error: s,
+    className: n,
+    disabled: i,
+    id: l,
+    minRows: c = 3,
+    maxRows: a,
+    fieldSizing: g = "fixed",
+    style: u,
+    rows: f,
+    ...d
+  }, h) => {
+    const b = m.useId(), y = l || b, w = !!s, j = f || c, x = g === "content" ? void 0 : a, V = {
+      ...g === "content" && { fieldSizing: "content" },
+      ...x && {
+        maxHeight: `${x * 1.5}rem`
+        // Approximate line height
+      },
+      ...u
+    };
+    return /* @__PURE__ */ e.jsxs("div", { children: [
+      t && /* @__PURE__ */ e.jsx(
+        "label",
         {
-          ...c,
-          onChange: t,
-          value: o,
-          ref: s,
-          readOnly: !0,
-          tabIndex: 0,
-          onClick: () => u(!0),
-          onKeyDown: (l) => {
-            (l.key === "Enter" || l.key === " ") && (l.preventDefault(), u(!0));
-          },
-          "aria-haspopup": "dialog",
-          "aria-expanded": g
+          htmlFor: y,
+          className: "block text-sm font-medium text-foreground mb-2",
+          children: t
         }
       ),
-      /* @__PURE__ */ e.jsx(
-        M,
+      /* @__PURE__ */ e.jsx("div", { className: p("relative w-full", n), children: /* @__PURE__ */ e.jsx(
+        "textarea",
         {
-          isOpen: g,
-          onClose: () => u(!1),
-          size: a,
-          position: n,
-          disableEscapeKeyDown: i,
-          disableOverlayClickToClose: d,
-          children: g && r(f)
+          ref: h,
+          id: y,
+          rows: j,
+          "aria-invalid": w,
+          "aria-disabled": i,
+          disabled: i,
+          style: V,
+          className: p(
+            ar({
+              variant: w ? "danger" : r,
+              fieldSizing: g
+            }),
+            "px-3 py-2"
+          ),
+          ...d
         }
-      )
+      ) }),
+      w && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: s }),
+      !w && o && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: o })
     ] });
   }
-), pr = Object.assign(Ue, {
-  Header: M.Header,
-  Body: M.Body,
-  Footer: M.Footer
-}), Xe = j(({ children: r, onChange: t, value: o, ...a }, n) => {
-  const [i, d] = R(!1), c = E(
-    () => ({ isOpen: i, setIsOpen: d, onChange: t, value: o }),
-    [i, d, t, o]
+);
+ir.displayName = "TextAreaInput";
+const Cr = z(function(t, o) {
+  const s = (n) => {
+    t?.onChange?.(n.target.value);
+  };
+  return /* @__PURE__ */ e.jsx(
+    $,
+    {
+      type: "time",
+      tabIndex: 0,
+      "aria-hidden": "true",
+      leftContent: /* @__PURE__ */ e.jsx(S, { as: ue, color: "inherit", size: "sm" }),
+      ref: o,
+      ...t,
+      onChange: s
+    }
   );
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      I,
-      {
-        ...a,
-        onChange: t,
-        value: o,
-        ref: n,
-        readOnly: !0,
-        tabIndex: 0,
-        onClick: () => d(!0),
-        "aria-haspopup": "dialog",
-        "aria-expanded": i,
-        onKeyDown: (s) => {
-          (s.key === "Enter" || s.key === " ") && (s.preventDefault(), d(!0));
-        }
-      }
-    ),
-    /* @__PURE__ */ e.jsx(V, { isOpen: i, onClose: () => d(!1), children: i && r(c) })
-  ] });
-}), yr = Object.assign(Xe, {
-  Header: V.Header,
-  Body: V.Body,
-  Footer: V.Footer,
-  Title: V.Title
 });
 export {
-  yr as B,
-  nr as C,
-  ir as D,
-  hr as E,
-  mr as M,
-  fr as P,
-  cr as R,
-  dr as S,
-  I as T,
-  sr as a,
-  ar as b,
-  lr as c,
-  ur as d,
-  Me as e,
-  Ee as f,
-  gr as g,
-  He as h,
-  br as i,
-  xr as j,
-  pr as k
+  fr as C,
+  mr as D,
+  xr as E,
+  Ve as P,
+  yr as R,
+  wr as S,
+  $ as T,
+  hr as a,
+  br as b,
+  pr as c,
+  vr as d,
+  kr as e,
+  Qe as f,
+  jr as g,
+  Ir as h,
+  sr as i,
+  ir as j,
+  Cr as k
 };