@dimasbaguspm/versaur 0.0.27 → 0.0.28

package/dist/js/{bottom-sheet-input-D14wjCoC.js → bottom-sheet-input-BIbHW5ME.js}

@@ -1,9 +1,9 @@
 import { c as j, j as e, a as p } from "./index-DOdDlCoL.js";
 import x, { createContext as S, useContext as V, useRef as $, forwardRef as I, useState as O, useId as D, useEffect as X, useMemo as P } from "react";
 import { Check as F, Calendar as Y, SearchIcon as Z, Clock as ee, Banknote as re, MailIcon as te } from "lucide-react";
-import { I as z } from "./image-rectangle-BGLYH2Gl.js";
+import { I as z } from "./image-rectangle-C1zMt0DR.js";
 import "./snackbar-DH8jCh2V.js";
-import { M, D as E, B as R } from "./bottom-sheet-DCwLmjiX.js";
+import { M, D as E, B as R } from "./bottom-sheet-tOKkkgJA.js";
 const oe = j("space-y-2", {
   variants: {
     direction: {
@@ -76,15 +76,15 @@ const oe = j("space-y-2", {
   if (!r)
     throw new Error("CheckboxOption must be used within CheckboxInput");
   return r;
-}, H = x.forwardRef(({ children: r, description: t, className: s, disabled: c, id: a, ...i }, l) => {
-  const n = ae(), o = x.useId(), d = a || o, g = c || n.disabled, f = n.error ? "danger" : n.variant || "primary";
+}, H = x.forwardRef(({ children: r, description: t, className: s, disabled: d, id: a, ...c }, u) => {
+  const n = ae(), o = x.useId(), i = a || o, g = d || n.disabled, f = n.error ? "danger" : n.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: l,
+        ref: u,
         type: "checkbox",
-        id: d,
+        id: i,
         disabled: g,
         className: p(
           se({
@@ -102,14 +102,14 @@ const oe = j("space-y-2", {
           f?.includes("outline") && "checked:after:border-current",
           s
         ),
-        ...i
+        ...c
       }
     ) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
       /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: d,
+          htmlFor: i,
           className: ne({
             size: n.size,
             disabled: g
@@ -139,25 +139,25 @@ const L = x.forwardRef(
     variant: r = "primary",
     size: t = "md",
     label: s,
-    helperText: c,
+    helperText: d,
     error: a,
-    direction: i = "vertical",
-    className: l,
+    direction: c = "vertical",
+    className: u,
     disabled: n,
     children: o,
-    ...d
+    ...i
   }, g) => {
-    const f = !!a, u = {
+    const f = !!a, l = {
       variant: r,
       size: t,
       disabled: n,
       error: f
     };
-    return /* @__PURE__ */ e.jsx(A.Provider, { value: u, children: /* @__PURE__ */ e.jsxs("div", { ref: g, className: p("w-full", l), ...d, children: [
+    return /* @__PURE__ */ e.jsx(A.Provider, { value: l, children: /* @__PURE__ */ e.jsxs("div", { ref: g, 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: oe({ direction: i }), children: o }),
+      /* @__PURE__ */ e.jsx("div", { className: oe({ direction: c }), children: o }),
       f && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
-      !f && c && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: c })
+      !f && d && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: d })
     ] }) });
   }
 );
@@ -232,22 +232,22 @@ const tr = Object.assign(L, {
     children: r,
     className: t,
     disabled: s,
-    id: c,
+    id: d,
     value: a,
-    check: i,
-    defaultCheck: l = !1,
+    check: c,
+    defaultCheck: u = !1,
     ...n
   }, o) => {
-    const d = ie(), g = x.useId(), f = c || g, u = s || d.disabled, b = [
+    const i = ie(), g = x.useId(), f = d || g, l = s || i.disabled, b = [
       "primary",
       "secondary",
       "tertiary",
       "ghost",
       "neutral"
     ].includes(
-      d.variant
-    ) ? d.variant : "primary", w = d.shape || "circle", m = d.size || "sm", v = d.value === a, y = (C) => {
-      u || d.onChange?.(a), n.onChange?.(C);
+      i.variant
+    ) ? i.variant : "primary", w = i.shape || "circle", m = i.size || "sm", v = i.value === a, y = (C) => {
+      l || i.onChange?.(a), n.onChange?.(C);
     }, N = m === "lg" ? 20 : m === "md" ? 18 : 16;
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
@@ -256,10 +256,10 @@ const tr = Object.assign(L, {
           ref: o,
           type: "radio",
           id: f,
-          name: d.name,
+          name: i.name,
           value: a,
           checked: v,
-          disabled: u,
+          disabled: l,
           onChange: y,
           className: "sr-only",
           ...n
@@ -277,11 +277,11 @@ const tr = Object.assign(L, {
               shape: w,
               size: m
             }),
-            u && "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: [
-            (i || l) && /* @__PURE__ */ e.jsx(
+            (c || u) && /* @__PURE__ */ e.jsx(
               "span",
               {
                 className: p(
@@ -290,7 +290,7 @@ const tr = Object.assign(L, {
                   v ? "opacity-100 scale-100 mr-1" : "opacity-0 scale-75"
                 ),
                 "aria-hidden": "true",
-                children: v && (i || /* @__PURE__ */ e.jsx(
+                children: v && (c || /* @__PURE__ */ e.jsx(
                   F,
                   {
                     size: N,
@@ -310,31 +310,31 @@ const tr = Object.assign(L, {
     variant: r = "primary",
     shape: t = "circle",
     size: s = "sm",
-    label: c,
+    label: d,
     helperText: a,
-    error: i,
-    className: l,
+    error: c,
+    className: u,
     disabled: n,
     name: o,
-    value: d,
+    value: i,
     onChange: g,
     children: f,
-    ...u
+    ...l
   }, h) => {
-    const b = !!i, w = {
+    const b = !!c, w = {
       variant: r,
       shape: t,
       size: s,
       disabled: n,
       error: b,
       name: o,
-      value: d,
+      value: i,
       onChange: g
     };
-    return /* @__PURE__ */ e.jsx(T.Provider, { value: w, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: p("w-full", l), ...u, children: [
-      c && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: c }),
+    return /* @__PURE__ */ e.jsx(T.Provider, { value: w, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: p("w-full", u), ...l, children: [
+      d && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: d }),
       /* @__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 && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: c }),
       !b && a && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
     ] }) });
   }
@@ -436,17 +436,17 @@ const tr = Object.assign(L, {
     children: r,
     className: t,
     disabled: s,
-    id: c,
+    id: d,
     value: a,
-    check: i,
-    defaultCheck: l = !1,
+    check: c,
+    defaultCheck: u = !1,
     ...n
   }, o) => {
-    const d = ue(), g = x.useId(), f = c || g, u = s || d.disabled, h = d.error ? "danger" : d.variant || "primary", b = d.shape || "circle", w = d.size || "sm", m = d.value?.includes(a) ?? !1, v = (N) => {
-      if (!u) {
-        const C = d.value || [];
+    const i = ue(), g = x.useId(), f = d || g, l = s || i.disabled, h = i.error ? "danger" : i.variant || "primary", b = i.shape || "circle", w = i.size || "sm", m = i.value?.includes(a) ?? !1, v = (N) => {
+      if (!l) {
+        const C = i.value || [];
         let B;
-        m ? B = C.filter((U) => U !== a) : B = [...C, a], d.onChange?.(B);
+        m ? B = C.filter((U) => U !== a) : B = [...C, a], i.onChange?.(B);
       }
       n.onChange?.(N);
     }, y = w === "lg" ? 20 : w === "md" ? 18 : 16;
@@ -457,10 +457,10 @@ const tr = Object.assign(L, {
           ref: o,
           type: "checkbox",
           id: f,
-          name: `${d.name}[]`,
+          name: `${i.name}[]`,
           value: a,
           checked: m,
-          disabled: u,
+          disabled: l,
           onChange: v,
           className: "sr-only",
           ...n
@@ -478,11 +478,11 @@ const tr = Object.assign(L, {
               shape: b,
               size: w
             }),
-            u && "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: [
-            (i || l) && /* @__PURE__ */ e.jsx(
+            (c || u) && /* @__PURE__ */ e.jsx(
               "span",
               {
                 className: p(
@@ -491,7 +491,7 @@ const tr = Object.assign(L, {
                   m ? "opacity-100 scale-100 mr-1" : "opacity-0 scale-75"
                 ),
                 "aria-hidden": "true",
-                children: m && (i || /* @__PURE__ */ e.jsx(
+                children: m && (c || /* @__PURE__ */ e.jsx(
                   F,
                   {
                     size: y,
@@ -513,31 +513,31 @@ const fe = x.forwardRef(
     variant: r = "primary",
     shape: t = "circle",
     size: s = "sm",
-    label: c,
+    label: d,
     helperText: a,
-    error: i,
-    className: l,
+    error: c,
+    className: u,
     disabled: n,
     name: o,
-    value: d = [],
+    value: i = [],
     onChange: g,
     children: f,
-    ...u
+    ...l
   }, h) => {
-    const b = !!i, w = {
+    const b = !!c, w = {
       variant: r,
       shape: t,
       size: s,
       disabled: n,
       error: b,
       name: o,
-      value: d,
+      value: i,
       onChange: g
     };
-    return /* @__PURE__ */ e.jsx(G.Provider, { value: w, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: p("w-full", l), ...u, children: [
-      c && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: c }),
+    return /* @__PURE__ */ e.jsx(G.Provider, { value: w, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: p("w-full", u), ...l, children: [
+      d && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: d }),
       /* @__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 && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: c }),
       !b && a && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
     ] }) });
   }
@@ -580,25 +580,25 @@ const fe = x.forwardRef(
     variant: r = "primary",
     label: t,
     leftContent: s,
-    rightContent: c,
+    rightContent: d,
     helperText: a,
-    error: i,
-    className: l,
+    error: c,
+    className: u,
     disabled: n,
     id: o,
-    ...d
+    ...i
   }, g) => {
-    const f = x.useId(), u = o || f, h = !!i;
+    const f = x.useId(), l = o || f, h = !!c;
     return /* @__PURE__ */ e.jsxs("div", { children: [
       t && /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: u,
+          htmlFor: l,
           className: "block text-sm font-medium text-foreground mb-2",
           children: t
         }
       ),
-      /* @__PURE__ */ e.jsxs("div", { className: p("relative w-full", l), children: [
+      /* @__PURE__ */ e.jsxs("div", { className: p("relative w-full", u), children: [
         s && /* @__PURE__ */ e.jsx(
           "span",
           {
@@ -611,7 +611,7 @@ const fe = x.forwardRef(
           "input",
           {
             ref: g,
-            id: u,
+            id: l,
             "aria-invalid": h,
             "aria-disabled": n,
             disabled: n,
@@ -620,22 +620,22 @@ const fe = x.forwardRef(
                 variant: h ? "danger" : r
               }),
               s ? "pl-9" : "pl-3",
-              c ? "pr-9" : "pr-3",
+              d ? "pr-9" : "pr-3",
               "h-10"
             ),
-            ...d
+            ...i
           }
         ),
-        c && /* @__PURE__ */ e.jsx(
+        d && /* @__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: c
+            children: d
           }
         )
       ] }),
-      h && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: i }),
+      h && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: c }),
       !h && a && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: a })
     ] });
   }
@@ -650,13 +650,13 @@ function be(r) {
     day: "numeric"
   });
 }
-const nr = x.forwardRef(function({ value: t = "", onChange: s, label: c, formatter: a, ...i }, l) {
-  const n = $(null), o = (u) => {
-    n.current = u, typeof l == "function" ? l(u) : l && typeof l == "object" && (l.current = u);
-  }, d = () => {
+const nr = x.forwardRef(function({ value: t = "", onChange: s, label: d, formatter: a, ...c }, u) {
+  const n = $(null), o = (l) => {
+    n.current = l, typeof u == "function" ? u(l) : u && typeof u == "object" && (u.current = l);
+  }, i = () => {
     n.current && (typeof n.current.showPicker == "function" ? n.current.showPicker() : n.current.focus());
-  }, g = (u) => {
-    s(u.target.value);
+  }, g = (l) => {
+    s(l.target.value);
   }, f = (a ?? be)(t);
   return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ e.jsx(
@@ -664,14 +664,14 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: c, formatt
       {
         type: "text",
         value: f,
-        label: c,
+        label: d,
         readOnly: !0,
         tabIndex: 0,
         "aria-hidden": "true",
-        onClick: d,
+        onClick: i,
         leftContent: /* @__PURE__ */ e.jsx(z, { as: Y, color: "inherit", size: "sm" }),
         "data-testid": "date-single-picker-visible-input",
-        ...i
+        ...c
       }
     ),
     /* @__PURE__ */ e.jsx(
@@ -683,7 +683,7 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: c, formatt
         onChange: g,
         className: "sr-only absolute opacity-0 h-0 w-0 pointer-events-none",
         tabIndex: -1,
-        "aria-label": typeof c == "string" ? c : void 0
+        "aria-label": typeof d == "string" ? d : void 0
       }
     )
   ] });
@@ -764,8 +764,8 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: c, formatt
     );
   return r;
 }, we = x.forwardRef(
-  ({ children: r, description: t, className: s, disabled: c, id: a, value: i, ...l }, n) => {
-    const o = ye(), d = x.useId(), g = a || d, f = c || o.disabled, u = o.error ? "danger" : o.variant || "primary";
+  ({ children: r, description: t, className: s, disabled: d, id: a, value: c, ...u }, n) => {
+    const o = ye(), i = x.useId(), g = a || i, f = d || 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",
@@ -774,11 +774,11 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: c, formatt
           type: "radio",
           id: g,
           name: o.name,
-          value: i,
+          value: c,
           disabled: f,
           className: p(
             me({
-              variant: u,
+              variant: l,
               size: o.size
             }),
             // Custom radio dot styling using ::before - centered positioning with size variants
@@ -789,10 +789,10 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: c, formatt
             o.size === "lg" && "before:w-[10px] before:h-[10px]",
             "checked:before:opacity-100",
             // Outline variants use colored radio dot
-            u?.includes("outline") && "checked:before:bg-current",
+            l?.includes("outline") && "checked:before:bg-current",
             s
           ),
-          ...l
+          ...u
         }
       ) }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
@@ -828,27 +828,27 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: c, formatt
     variant: r = "primary",
     size: t = "md",
     label: s,
-    helperText: c,
+    helperText: d,
     error: a,
-    direction: i = "vertical",
-    className: l,
+    direction: c = "vertical",
+    className: u,
     disabled: n,
     name: o,
-    children: d,
+    children: i,
     ...g
   }, f) => {
-    const u = !!a, h = {
+    const l = !!a, h = {
       variant: r,
       size: t,
       disabled: n,
-      error: u,
+      error: l,
       name: o
     };
-    return /* @__PURE__ */ e.jsx(W.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, className: p("w-full", l), ...g, children: [
+    return /* @__PURE__ */ e.jsx(W.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, className: p("w-full", u), ...g, children: [
       s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
-      /* @__PURE__ */ e.jsx("div", { className: xe({ direction: i }), children: d }),
-      u && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
-      !u && c && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: c })
+      /* @__PURE__ */ e.jsx("div", { className: xe({ direction: c }), children: i }),
+      l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
+      !l && d && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: d })
     ] }) });
   }
 ), ar = Object.assign(ve, {
@@ -944,13 +944,13 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: c, formatt
     );
   return r;
 }, q = x.forwardRef(
-  ({ children: r, className: t, disabled: s, id: c, value: a, position: i = "middle", ...l }, n) => {
-    const o = Ne(), d = x.useId(), g = c || d, f = s || o.disabled, u = o.error ? "danger" : o.variant || "primary", h = o.value === a, b = (w) => {
+  ({ children: r, className: t, disabled: s, id: d, value: a, position: c = "middle", ...u }, n) => {
+    const o = Ne(), i = x.useId(), g = d || i, f = s || o.disabled, l = o.error ? "danger" : o.variant || "primary", h = o.value === a, b = (w) => {
       if (!f) {
         const m = o.value === a ? null : a;
         o.onChange?.(m);
       }
-      l.onChange?.(w);
+      u.onChange?.(w);
     };
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
@@ -965,7 +965,7 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: c, formatt
           disabled: f,
           onChange: b,
           className: "sr-only",
-          ...l
+          ...u
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -975,11 +975,11 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: c, formatt
           className: p(
             "flex flex-row items-center justify-center",
             ke({
-              variant: u,
+              variant: l,
               size: o.size,
-              rounded: i
+              rounded: c
             }),
-            h && Ie(u),
+            h && Ie(l),
             f && "opacity-50 cursor-not-allowed pointer-events-none",
             t
           ),
@@ -995,24 +995,24 @@ const Ce = x.forwardRef(
     variant: r = "primary",
     size: t = "md",
     label: s,
-    helperText: c,
+    helperText: d,
     error: a,
-    disabled: i,
-    name: l,
+    disabled: c,
+    name: u,
     value: n,
     onChange: o,
-    children: d,
+    children: i,
     ...g
   }, f) => {
-    const u = !!a, h = {
+    const l = !!a, h = {
       variant: r,
       size: t,
-      disabled: i,
-      error: u,
-      name: l,
+      disabled: c,
+      error: l,
+      name: u,
       value: n,
       onChange: o
-    }, b = x.Children.toArray(d), 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(
@@ -1029,16 +1029,16 @@ const Ce = x.forwardRef(
         {
           className: p(
             je({
-              variant: u ? "danger" : r,
+              variant: l ? "danger" : r,
               size: t,
-              error: u
+              error: l
             })
           ),
           children: w
         }
       ),
-      u && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
-      !u && c && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: c })
+      l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
+      !l && d && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: d })
     ] }) });
   }
 ), ir = Object.assign(Ce, {
@@ -1134,14 +1134,14 @@ const Ce = x.forwardRef(
     );
   return r;
 }, Q = x.forwardRef(
-  ({ children: r, className: t, disabled: s, id: c, value: a, position: i = "middle", ...l }, n) => {
-    const o = Re(), d = x.useId(), g = c || d, f = s || o.disabled, u = o.error ? "danger" : o.variant || "primary", h = o.value?.includes(a) ?? !1, b = (w) => {
+  ({ children: r, className: t, disabled: s, id: d, value: a, position: c = "middle", ...u }, n) => {
+    const o = Re(), i = x.useId(), g = d || i, f = s || o.disabled, l = o.error ? "danger" : o.variant || "primary", h = o.value?.includes(a) ?? !1, b = (w) => {
       if (!f) {
         const m = o.value || [];
         let v;
         h ? v = m.filter((y) => y !== a) : v = [...m, a], o.onChange?.(v);
       }
-      l.onChange?.(w);
+      u.onChange?.(w);
     };
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
@@ -1156,7 +1156,7 @@ const Ce = x.forwardRef(
           disabled: f,
           onChange: b,
           className: "sr-only",
-          ...l
+          ...u
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -1166,11 +1166,11 @@ const Ce = x.forwardRef(
           className: p(
             "flex flex-row items-center justify-center",
             Se({
-              variant: u,
+              variant: l,
               size: o.size,
-              rounded: i
+              rounded: c
             }),
-            h && Ve(u),
+            h && Ve(l),
             f && "opacity-50 cursor-not-allowed pointer-events-none",
             t
           ),
@@ -1186,24 +1186,24 @@ const Oe = x.forwardRef(
     variant: r = "primary",
     size: t = "md",
     label: s,
-    helperText: c,
+    helperText: d,
     error: a,
-    disabled: i,
-    name: l,
+    disabled: c,
+    name: u,
     value: n = [],
     onChange: o,
-    children: d,
+    children: i,
     ...g
   }, f) => {
-    const u = !!a, h = {
+    const l = !!a, h = {
       variant: r,
       size: t,
-      disabled: i,
-      error: u,
-      name: l,
+      disabled: c,
+      error: l,
+      name: u,
       value: n,
       onChange: o
-    }, b = x.Children.toArray(d), 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(
@@ -1220,16 +1220,16 @@ const Oe = x.forwardRef(
         {
           className: p(
             ze({
-              variant: u ? "danger" : r,
+              variant: l ? "danger" : r,
               size: t,
-              error: u
+              error: l
             })
           ),
           children: w
         }
       ),
-      u && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
-      !u && c && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: c })
+      l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
+      !l && d && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: d })
     ] }) });
   }
 ), cr = Object.assign(Oe, {
@@ -1239,10 +1239,10 @@ const Oe = x.forwardRef(
     autoComplete: r = "off",
     spellCheck: t = !1,
     inputMode: s = "search",
-    placeholder: c = "Search...",
+    placeholder: d = "Search...",
     maxLength: a = 256,
-    enterKeyHint: i = "search",
-    "aria-label": l = "Search",
+    enterKeyHint: c = "search",
+    "aria-label": u = "Search",
     // internal default, not in props
     ...n
   }, o) => /* @__PURE__ */ e.jsx(
@@ -1253,10 +1253,10 @@ const Oe = x.forwardRef(
       inputMode: s,
       autoComplete: r,
       spellCheck: t,
-      placeholder: c,
+      placeholder: d,
       maxLength: a,
-      enterKeyHint: i,
-      "aria-label": l,
+      enterKeyHint: c,
+      "aria-label": u,
       leftContent: /* @__PURE__ */ e.jsx(z, { as: Z, color: "inherit", size: "sm" }),
       ...n
     }
@@ -1298,20 +1298,20 @@ const Oe = x.forwardRef(
     variant: r = "primary",
     label: t,
     helperText: s,
-    error: c,
+    error: d,
     className: a,
-    disabled: i,
-    id: l,
+    disabled: c,
+    id: u,
     placeholder: n,
     children: o,
-    ...d
+    ...i
   }, g) => {
-    const f = x.useId(), u = l || f, h = !!c;
+    const f = x.useId(), l = u || f, h = !!d;
     return /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: u,
+          htmlFor: l,
           className: "block text-sm font-medium text-foreground mb-2",
           children: t
         }
@@ -1321,17 +1321,17 @@ const Oe = x.forwardRef(
           "select",
           {
             ref: g,
-            id: u,
+            id: l,
             "aria-invalid": h,
-            "aria-disabled": i,
-            disabled: i,
+            "aria-disabled": c,
+            disabled: c,
             className: p(
               Me({
                 variant: h ? "danger" : r
               }),
               "h-10 pl-3"
             ),
-            ...d,
+            ...i,
             children: [
               n && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, hidden: !0, children: n }),
               o
@@ -1357,7 +1357,7 @@ const Oe = x.forwardRef(
           }
         ) })
       ] }),
-      h && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: c }),
+      h && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: d }),
       !h && s && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
     ] });
   }
@@ -1405,19 +1405,19 @@ const Fe = j(
     variant: r = "primary",
     label: t,
     helperText: s,
-    error: c,
+    error: d,
     className: a,
-    disabled: i,
-    id: l,
+    disabled: c,
+    id: u,
     minRows: n = 3,
     maxRows: o,
-    fieldSizing: d = "fixed",
+    fieldSizing: i = "fixed",
     style: g,
     rows: f,
-    ...u
+    ...l
   }, h) => {
-    const b = x.useId(), w = l || b, m = !!c, v = f || n, y = d === "content" ? void 0 : o, N = {
-      ...d === "content" && { fieldSizing: "content" },
+    const b = x.useId(), w = u || b, m = !!d, v = f || n, y = i === "content" ? void 0 : o, N = {
+      ...i === "content" && { fieldSizing: "content" },
       ...y && {
         maxHeight: `${y * 1.5}rem`
         // Approximate line height
@@ -1440,27 +1440,27 @@ const Fe = j(
           id: w,
           rows: v,
           "aria-invalid": m,
-          "aria-disabled": i,
-          disabled: i,
+          "aria-disabled": c,
+          disabled: c,
           style: N,
           className: p(
             Fe({
               variant: m ? "danger" : r,
-              fieldSizing: d
+              fieldSizing: i
             }),
             "px-3 py-2"
           ),
-          ...u
+          ...l
         }
       ) }),
-      m && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: c }),
+      m && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: d }),
       !m && s && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
     ] });
   }
 );
 Be.displayName = "TextAreaInput";
 const lr = I(function(t, s) {
-  const c = (a) => {
+  const d = (a) => {
     t?.onChange?.(a.target.value);
   };
   return /* @__PURE__ */ e.jsx(
@@ -1472,7 +1472,7 @@ const lr = I(function(t, s) {
       leftContent: /* @__PURE__ */ e.jsx(z, { as: ee, color: "inherit", size: "sm" }),
       ref: s,
       ...t,
-      onChange: c
+      onChange: d
     }
   );
 }), De = j(
@@ -1554,7 +1554,7 @@ const lr = I(function(t, s) {
   color: r = "primary",
   size: t = "md",
   disabled: s = !1,
-  className: c,
+  className: d,
   checked: a
 }) => /* @__PURE__ */ e.jsx(
   "span",
@@ -1562,18 +1562,18 @@ const lr = I(function(t, s) {
     className: p(
       De({ color: r, size: t, disabled: s, checked: a }),
       "rounded-full pointer-events-none",
-      c
+      d
     ),
     "aria-hidden": "true"
   }
-), Ae = ({ size: r = "md", checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: p(Pe({ size: r, checked: t })), "aria-hidden": "true" }), He = ({ label: r, htmlFor: t, placement: s = "top", disabled: c = !1 }) => r ? /* @__PURE__ */ e.jsx(
+), Ae = ({ size: r = "md", checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: p(Pe({ size: r, checked: t })), "aria-hidden": "true" }), He = ({ label: r, htmlFor: t, placement: s = "top", disabled: d = !1 }) => r ? /* @__PURE__ */ e.jsx(
   "label",
   {
     htmlFor: t,
     className: p(
       "text-sm select-none font-medium text-foreground",
       s === "inline" ? "ml-2 mb-0" : "mb-1",
-      c && "opacity-50 cursor-not-allowed"
+      d && "opacity-50 cursor-not-allowed"
     ),
     children: r
   }
@@ -1582,19 +1582,19 @@ const lr = I(function(t, s) {
     checked: r,
     defaultChecked: t,
     onCheckedChange: s,
-    color: c = "primary",
+    color: d = "primary",
     size: a = "md",
-    label: i,
-    labelPlacement: l = "top",
+    label: c,
+    labelPlacement: u = "top",
     disabled: n = !1,
     className: o,
-    id: d,
+    id: i,
     ariaLabel: g,
     ...f
-  }, u) => {
+  }, l) => {
     const [h, b] = O(
       t ?? !1
-    ), w = D(), m = d || w, v = typeof r == "boolean", y = v ? r : h, N = (C) => {
+    ), w = D(), m = i || w, v = typeof r == "boolean", y = v ? r : h, N = (C) => {
       v || b(C.target.checked), s?.(C.target.checked);
     };
     return /* @__PURE__ */ e.jsxs(
@@ -1602,16 +1602,16 @@ const lr = I(function(t, s) {
       {
         className: p(
           "flex flex-col",
-          l === "inline" && "flex-row items-center",
+          u === "inline" && "flex-row items-center",
           o
         ),
         children: [
           /* @__PURE__ */ e.jsx(
             He,
             {
-              label: i,
+              label: c,
               htmlFor: m,
-              placement: l,
+              placement: u,
               disabled: n
             }
           ),
@@ -1620,16 +1620,16 @@ const lr = I(function(t, s) {
             {
               className: p(
                 "relative flex items-center",
-                l === "inline" && "ml-2"
+                u === "inline" && "ml-2"
               ),
               children: [
                 /* @__PURE__ */ e.jsx(
                   "input",
                   {
-                    ref: u,
+                    ref: l,
                     type: "checkbox",
                     id: m,
-                    "aria-label": g || i,
+                    "aria-label": g || c,
                     checked: y,
                     disabled: n,
                     onChange: N,
@@ -1640,7 +1640,7 @@ const lr = I(function(t, s) {
                 /* @__PURE__ */ e.jsx(
                   $e,
                   {
-                    color: c,
+                    color: d,
                     size: a,
                     disabled: n,
                     checked: y
@@ -1665,38 +1665,38 @@ const ur = ({
   value: r,
   onChange: t,
   allowNegative: s = !1,
-  inputProps: c,
+  inputProps: d,
   label: a,
-  helperText: i,
-  error: l,
+  helperText: c,
+  error: u,
   variant: n,
   ...o
 }) => {
-  const d = $(null), [g, f] = O(
+  const i = $(null), [g, f] = O(
     r === "" ? "" : String(r)
   );
   Te(r, f);
-  const u = (h) => {
+  const l = (h) => {
     let b = h.target.value.replace(/[^\d.,-]/g, "");
     s || (b = b.replace(/-/g, "")), f(b), t(b);
   };
   return /* @__PURE__ */ e.jsx(
     k,
     {
-      ref: d,
+      ref: i,
       type: "text",
       label: a,
       value: g,
-      onChange: u,
-      error: l,
-      helperText: i,
+      onChange: l,
+      error: u,
+      helperText: c,
       placeholder: o.placeholder,
       leftContent: /* @__PURE__ */ e.jsx(z, { as: re, color: "inherit", size: "sm" }),
       variant: n,
       inputMode: "numeric",
       autoComplete: "off",
       pattern: s ? "^-?[\\d,.]*$" : "^[\\d,.]*$",
-      ...c,
+      ...d,
       ...o
     }
   );
@@ -1748,37 +1748,37 @@ const ur = ({
       disabled: !1
     }
   }
-), fr = I(({ value: r, label: t, checked: s, id: c, className: a, disabled: i, ...l }, n) => {
-  const o = D(), d = c || o;
+), fr = I(({ value: r, label: t, checked: s, id: d, className: a, disabled: c, ...u }, n) => {
+  const o = D(), i = d || o;
   return /* @__PURE__ */ e.jsxs(
     "label",
     {
-      htmlFor: d,
+      htmlFor: i,
       className: p(
         Ge({
           checked: !!s,
-          disabled: !!i
+          disabled: !!c
         }),
         a
       ),
       "aria-checked": s,
       role: "radio",
       "aria-label": `Select ${r}`,
-      tabIndex: i ? -1 : 0,
+      tabIndex: c ? -1 : 0,
       children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
             ref: n,
-            id: d,
+            id: i,
             type: "radio",
             value: r,
             checked: s,
-            disabled: i,
+            disabled: c,
             className: "sr-only",
             "aria-hidden": !0,
             "aria-checked": s,
-            ...l
+            ...u
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -1786,7 +1786,7 @@ const ur = ({
           {
             className: Ke({
               checked: !!s,
-              disabled: !!i
+              disabled: !!c
             }),
             "aria-hidden": "true",
             children: s ? /* @__PURE__ */ e.jsx(z, { as: F, color: "neutral", size: "md" }) : null
@@ -1832,37 +1832,37 @@ const ur = ({
       disabled: !1
     }
   }
-), hr = I(({ value: r, label: t, checked: s, id: c, className: a, disabled: i, ...l }, n) => {
-  const o = D(), d = c || o;
+), hr = I(({ value: r, label: t, checked: s, id: d, className: a, disabled: c, ...u }, n) => {
+  const o = D(), i = d || o;
   return /* @__PURE__ */ e.jsxs(
     "label",
     {
-      htmlFor: d,
+      htmlFor: i,
       className: p(
         We({
           checked: !!s,
-          disabled: !!i
+          disabled: !!c
         }),
         a
       ),
       "aria-checked": s,
       role: "checkbox",
       "aria-label": `Select ${r}`,
-      tabIndex: i ? -1 : 0,
+      tabIndex: c ? -1 : 0,
       children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
             ref: n,
-            id: d,
+            id: i,
             type: "checkbox",
             value: r,
             checked: s,
-            disabled: i,
+            disabled: c,
             className: "sr-only",
             "aria-hidden": !0,
             "aria-checked": s,
-            ...l
+            ...u
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -1870,7 +1870,7 @@ const ur = ({
           {
             className: _e({
               checked: !!s,
-              disabled: !!i
+              disabled: !!c
             }),
             "aria-hidden": "true",
             children: s ? /* @__PURE__ */ e.jsx(z, { as: F, color: "neutral", size: "md" }) : null
@@ -1881,8 +1881,8 @@ const ur = ({
     }
   );
 }), qe = I(
-  ({ children: r, onChange: t, value: s, size: c, placement: a, ...i }, l) => {
-    const [n, o] = O(!1), d = P(
+  ({ children: r, onChange: t, value: s, size: d, placement: a, ...c }, u) => {
+    const [n, o] = O(!1), i = P(
       () => ({ isOpen: n, setIsOpen: o, onChange: t, value: s }),
       [n, o, t, s]
     );
@@ -1890,10 +1890,10 @@ const ur = ({
       /* @__PURE__ */ e.jsx(
         k,
         {
-          ...i,
+          ...c,
           onChange: t,
           value: s,
-          ref: l,
+          ref: u,
           readOnly: !0,
           tabIndex: 0,
           onClick: () => o(!0),
@@ -1909,9 +1909,9 @@ const ur = ({
         {
           isOpen: n,
           onClose: () => o(!1),
-          size: c,
+          size: d,
           placement: a,
-          children: n && r(d)
+          children: n && r(i)
         }
       )
     ] });
@@ -1921,37 +1921,48 @@ const ur = ({
   Body: M.Body,
   Footer: M.Footer
 }), Je = I(
-  ({ children: r, onChange: t, value: s, size: c, position: a, ...i }, l) => {
-    const [n, o] = O(!1), d = P(
-      () => ({ isOpen: n, setIsOpen: o, onChange: t, value: s }),
-      [n, o, t, s]
+  ({
+    children: r,
+    onChange: t,
+    value: s,
+    size: d,
+    position: a,
+    disableEscapeKeyDown: c,
+    disableOverlayClickToClose: u,
+    ...n
+  }, o) => {
+    const [i, g] = O(!1), f = P(
+      () => ({ isOpen: i, setIsOpen: g, onChange: t, value: s }),
+      [i, g, t, s]
     );
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
         k,
         {
-          ...i,
+          ...n,
           onChange: t,
           value: s,
-          ref: l,
+          ref: o,
           readOnly: !0,
           tabIndex: 0,
-          onClick: () => o(!0),
-          onKeyDown: (g) => {
-            (g.key === "Enter" || g.key === " ") && (g.preventDefault(), o(!0));
+          onClick: () => g(!0),
+          onKeyDown: (l) => {
+            (l.key === "Enter" || l.key === " ") && (l.preventDefault(), g(!0));
           },
           "aria-haspopup": "dialog",
-          "aria-expanded": n
+          "aria-expanded": i
         }
       ),
       /* @__PURE__ */ e.jsx(
         E,
         {
-          isOpen: n,
-          onClose: o,
-          size: c,
+          isOpen: i,
+          onClose: () => g(!1),
+          size: d,
           position: a,
-          children: n && r(d)
+          disableEscapeKeyDown: c,
+          disableOverlayClickToClose: u,
+          children: i && r(f)
         }
       )
     ] });
@@ -1960,30 +1971,30 @@ const ur = ({
   Header: E.Header,
   Body: E.Body,
   Footer: E.Footer
-}), Qe = I(({ children: r, onChange: t, value: s, ...c }, a) => {
-  const [i, l] = O(!1), n = P(
-    () => ({ isOpen: i, setIsOpen: l, onChange: t, value: s }),
-    [i, l, t, s]
+}), Qe = I(({ children: r, onChange: t, value: s, ...d }, a) => {
+  const [c, u] = O(!1), n = P(
+    () => ({ isOpen: c, setIsOpen: u, onChange: t, value: s }),
+    [c, u, t, s]
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       k,
       {
-        ...c,
+        ...d,
         onChange: t,
         value: s,
         ref: a,
         readOnly: !0,
         tabIndex: 0,
-        onClick: () => l(!0),
+        onClick: () => u(!0),
         "aria-haspopup": "dialog",
-        "aria-expanded": i,
+        "aria-expanded": c,
         onKeyDown: (o) => {
-          (o.key === "Enter" || o.key === " ") && (o.preventDefault(), l(!0));
+          (o.key === "Enter" || o.key === " ") && (o.preventDefault(), u(!0));
         }
       }
     ),
-    /* @__PURE__ */ e.jsx(R, { isOpen: i, onClose: () => l(!1), children: i && r(n) })
+    /* @__PURE__ */ e.jsx(R, { isOpen: c, onClose: () => u(!1), children: c && r(n) })
   ] });
 }), mr = Object.assign(Qe, {
   Header: R.Header,