@versaur/react 1.0.18 → 1.0.20

package/dist/forms.js

@@ -1,223 +1,223 @@
-import { jsx as s, jsxs as I } from "react/jsx-runtime";
-import { labelStyles as Te, helperTextStyles as Fe, errorTextStyles as Pe, textInputStyles as T, textAreaStyles as te, selectStyles as ne, radioStyles as U, checkboxStyles as H, radioGroupStyles as oe, checkboxGroupStyles as se, chipInputStyles as Z, comboboxInputStyles as C, selectableInputStyles as P, currencyInputStyles as F } from "@versaur/core/forms";
-import { forwardRef as f, useId as $, createContext as M, useContext as V, useState as L, useEffect as Q, useCallback as K, useRef as Me, useMemo as q } from "react";
-import { u as g, I as ee, c as Ve, F as Qe } from "./helpers-D23F5WBX.js";
+import { jsx as o, jsxs as x, Fragment as je } from "react/jsx-runtime";
+import { labelStyles as Ee, helperTextStyles as Te, errorTextStyles as Fe, textInputStyles as E, textAreaStyles as te, selectStyles as ne, radioStyles as z, checkboxStyles as U, radioGroupStyles as oe, checkboxGroupStyles as ae, chipInputStyles as Z, comboboxInputStyles as C, selectableInputStyles as F, currencyInputStyles as T } from "@versaur/core/forms";
+import { forwardRef as f, useId as D, createContext as M, useContext as V, useState as P, useEffect as K, useCallback as H, useRef as Pe, useMemo as q } from "react";
+import { u as N, I as ee, c as Me, F as Ve } from "./helpers-D23F5WBX.js";
 import { c as y } from "./cx-B9vmfsc1.js";
-import { SearchIcon as ze, MailIcon as Ue, LockIcon as He, ChevronDownIcon as Ke, CheckIcon as _e } from "@versaur/icons";
-import { D as ae } from "./drawer-BjNHPqBr.js";
-const A = f(
-  ({ required: e = !1, disabled: a = !1, children: n, className: c, ...i }, o) => {
-    const t = g({
+import { SearchIcon as Le, MailIcon as ze, LockIcon as Ue, ChevronDownIcon as He, CheckIcon as Ke } from "@versaur/icons";
+import { D as ie } from "./drawer-BjNHPqBr.js";
+const R = f(
+  ({ required: e = !1, disabled: a = !1, children: n, className: s, ...c }, i) => {
+    const t = N({
       disabled: a,
       required: e
     });
-    return /* @__PURE__ */ s("label", { ref: o, className: y(Te.label, c), ...t, ...i, children: n });
+    return /* @__PURE__ */ o("label", { ref: i, className: y(Ee.label, s), ...t, ...c, children: n });
   }
 );
-A.displayName = "Label";
-const R = f(({ children: e, className: a, ...n }, c) => /* @__PURE__ */ s("p", { ref: c, className: y(Fe.helper, a), ...n, children: e }));
-R.displayName = "HelperText";
-const G = f(({ children: e, className: a, ...n }, c) => /* @__PURE__ */ s("p", { ref: c, className: y(Pe.error, a), role: "alert", "aria-live": "polite", ...n, children: e }));
+R.displayName = "Label";
+const A = f(({ children: e, className: a, ...n }, s) => /* @__PURE__ */ o("p", { ref: s, className: y(Te.helper, a), ...n, children: e }));
+A.displayName = "HelperText";
+const G = f(({ children: e, className: a, ...n }, s) => /* @__PURE__ */ o("p", { ref: s, className: y(Fe.error, a), role: "alert", "aria-live": "polite", ...n, children: e }));
 G.displayName = "ErrorText";
 const _ = f(
   ({
     label: e,
     helper: a,
     error: n,
-    required: c = !1,
-    disabled: i = !1,
-    readOnly: o = !1,
+    required: s = !1,
+    disabled: c = !1,
+    readOnly: i = !1,
     leftIcon: t,
-    rightIcon: r,
-    id: l,
+    rightIcon: l,
+    id: r,
     className: d,
     ...p
-  }, u) => {
-    const b = $(), h = l || b, m = a ? `${h}-helper` : void 0, x = n ? `${h}-error` : void 0, v = [m, x].filter(Boolean).join(" "), N = g({
-      disabled: i,
+  }, h) => {
+    const m = D(), u = r || m, b = a ? `${u}-helper` : void 0, v = n ? `${u}-error` : void 0, I = [b, v].filter(Boolean).join(" "), g = N({
+      disabled: c,
       hasLeftIcon: !!t,
-      hasRightIcon: !!r,
+      hasRightIcon: !!l,
       invalid: !!n,
-      readOnly: o
+      readOnly: i
     });
-    return /* @__PURE__ */ I("div", { className: y(T.field, d), children: [
-      e && /* @__PURE__ */ s(A, { htmlFor: h, required: c, disabled: i, children: e }),
-      /* @__PURE__ */ I("div", { className: T.wrapper, ...N, children: [
-        t && /* @__PURE__ */ s("span", { className: T["left-icon"], children: t }),
-        /* @__PURE__ */ s(
+    return /* @__PURE__ */ x("div", { className: y(E.field, d), children: [
+      e && /* @__PURE__ */ o(R, { htmlFor: u, required: s, disabled: c, children: e }),
+      /* @__PURE__ */ x("div", { className: E.wrapper, ...g, children: [
+        t && /* @__PURE__ */ o("span", { className: E["left-icon"], children: t }),
+        /* @__PURE__ */ o(
           "input",
           {
-            ref: u,
-            id: h,
+            ref: h,
+            id: u,
             type: "text",
-            className: T.input,
-            disabled: i,
-            readOnly: o,
-            required: c,
+            className: E.input,
+            disabled: c,
+            readOnly: i,
+            required: s,
             "aria-invalid": n ? "true" : void 0,
-            "aria-disabled": i ? "true" : void 0,
-            "aria-describedby": v || void 0,
+            "aria-disabled": c ? "true" : void 0,
+            "aria-describedby": I || void 0,
             ...p
           }
         ),
-        r && /* @__PURE__ */ s("span", { className: T["right-icon"], children: r })
+        l && /* @__PURE__ */ o("span", { className: E["right-icon"], children: l })
       ] }),
-      n && /* @__PURE__ */ s(G, { id: x, children: n }),
-      !n && a && /* @__PURE__ */ s(R, { id: m, children: a })
+      n && /* @__PURE__ */ o(G, { id: v, children: n }),
+      !n && a && /* @__PURE__ */ o(A, { id: b, children: a })
     ] });
   }
 );
 _.displayName = "TextInput";
-const Je = f(({ leftIcon: e, ...a }, n) => /* @__PURE__ */ s(_, { ref: n, inputMode: "search", leftIcon: e ?? /* @__PURE__ */ s(ee, { as: ze }), ...a }));
-Je.displayName = "SearchInput";
-const We = f(({ leftIcon: e, ...a }, n) => /* @__PURE__ */ s(_, { ref: n, type: "email", inputMode: "email", leftIcon: e ?? /* @__PURE__ */ s(ee, { as: Ue }), ...a }));
-We.displayName = "EmailInput";
-const Xe = f(({ leftIcon: e, ...a }, n) => /* @__PURE__ */ s(_, { ref: n, type: "password", leftIcon: e ?? /* @__PURE__ */ s(ee, { as: He }), ...a }));
-Xe.displayName = "PasswordInput";
-const Ye = f(
+const _e = f(({ leftIcon: e, ...a }, n) => /* @__PURE__ */ o(_, { ref: n, inputMode: "search", leftIcon: e ?? /* @__PURE__ */ o(ee, { as: Le }), ...a }));
+_e.displayName = "SearchInput";
+const Je = f(({ leftIcon: e, ...a }, n) => /* @__PURE__ */ o(_, { ref: n, type: "email", inputMode: "email", leftIcon: e ?? /* @__PURE__ */ o(ee, { as: ze }), ...a }));
+Je.displayName = "EmailInput";
+const Qe = f(({ leftIcon: e, ...a }, n) => /* @__PURE__ */ o(_, { ref: n, type: "password", leftIcon: e ?? /* @__PURE__ */ o(ee, { as: Ue }), ...a }));
+Qe.displayName = "PasswordInput";
+const We = f(
   ({
     label: e,
     helper: a,
     error: n,
-    required: c = !1,
-    disabled: i = !1,
-    readOnly: o = !1,
+    required: s = !1,
+    disabled: c = !1,
+    readOnly: i = !1,
     resizable: t = !0,
-    minRows: r = 3,
-    maxRows: l,
+    minRows: l = 3,
+    maxRows: r,
     id: d,
     className: p,
-    ...u
-  }, b) => {
-    const h = $(), m = d || h, x = a ? `${m}-helper` : void 0, v = n ? `${m}-error` : void 0, N = [x, v].filter(Boolean).join(" "), S = g({
-      disabled: i,
+    ...h
+  }, m) => {
+    const u = D(), b = d || u, v = a ? `${b}-helper` : void 0, I = n ? `${b}-error` : void 0, g = [v, I].filter(Boolean).join(" "), S = N({
+      disabled: c,
       invalid: !!n,
-      readOnly: o,
+      readOnly: i,
       resizable: t ? "true" : "false",
       minRows: "true",
-      ...l && { maxRows: "true" }
+      ...r && { maxRows: "true" }
     }), B = {
-      "--_min-rows-count": r,
-      ...l && { "--_max-rows-count": l }
+      "--_min-rows-count": l,
+      ...r && { "--_max-rows-count": r }
     };
-    return /* @__PURE__ */ I("div", { className: y(te.field, p), children: [
-      e && /* @__PURE__ */ s(A, { htmlFor: m, required: c, disabled: i, children: e }),
-      /* @__PURE__ */ s(
+    return /* @__PURE__ */ x("div", { className: y(te.field, p), children: [
+      e && /* @__PURE__ */ o(R, { htmlFor: b, required: s, disabled: c, children: e }),
+      /* @__PURE__ */ o(
         "textarea",
         {
-          ref: b,
-          id: m,
+          ref: m,
+          id: b,
           className: te.textarea,
-          disabled: i,
-          readOnly: o,
-          required: c,
+          disabled: c,
+          readOnly: i,
+          required: s,
           style: B,
           "aria-invalid": n ? "true" : void 0,
-          "aria-disabled": i ? "true" : void 0,
-          "aria-describedby": N || void 0,
+          "aria-disabled": c ? "true" : void 0,
+          "aria-describedby": g || void 0,
           ...S,
-          ...u
+          ...h
         }
       ),
-      n && /* @__PURE__ */ s(G, { id: v, children: n }),
-      !n && a && /* @__PURE__ */ s(R, { id: x, children: a })
+      n && /* @__PURE__ */ o(G, { id: I, children: n }),
+      !n && a && /* @__PURE__ */ o(A, { id: v, children: a })
     ] });
   }
 );
-Ye.displayName = "TextArea";
-const ie = f(({ children: e, ...a }, n) => /* @__PURE__ */ s("option", { ref: n, ...a, children: e }));
-ie.displayName = "Select.Option";
+We.displayName = "TextArea";
+const se = f(({ children: e, ...a }, n) => /* @__PURE__ */ o("option", { ref: n, ...a, children: e }));
+se.displayName = "Select.Option";
 const ce = f(
-  ({ label: e, children: a, ...n }, c) => /* @__PURE__ */ s("optgroup", { ref: c, label: e, ...n, children: a })
+  ({ label: e, children: a, ...n }, s) => /* @__PURE__ */ o("optgroup", { ref: s, label: e, ...n, children: a })
 );
 ce.displayName = "Select.OptionGroup";
-const re = f(
+const le = f(
   ({
     label: e,
     helper: a,
     error: n,
-    required: c = !1,
-    disabled: i = !1,
-    placeholder: o,
+    required: s = !1,
+    disabled: c = !1,
+    placeholder: i,
     children: t,
-    id: r,
-    className: l,
+    id: l,
+    className: r,
     ...d
   }, p) => {
-    const u = $(), b = r || u, h = a ? `${b}-helper` : void 0, m = n ? `${b}-error` : void 0, x = [h, m].filter(Boolean).join(" "), v = g({
-      disabled: i,
+    const h = D(), m = l || h, u = a ? `${m}-helper` : void 0, b = n ? `${m}-error` : void 0, v = [u, b].filter(Boolean).join(" "), I = N({
+      disabled: c,
       invalid: !!n
     });
-    return /* @__PURE__ */ I("div", { className: y(ne.field, l), children: [
-      e && /* @__PURE__ */ s(A, { htmlFor: b, required: c, disabled: i, children: e }),
-      /* @__PURE__ */ I(
+    return /* @__PURE__ */ x("div", { className: y(ne.field, r), children: [
+      e && /* @__PURE__ */ o(R, { htmlFor: m, required: s, disabled: c, children: e }),
+      /* @__PURE__ */ x(
         "select",
         {
           ref: p,
-          id: b,
+          id: m,
           className: ne.select,
-          disabled: i,
-          required: c,
+          disabled: c,
+          required: s,
           "aria-invalid": n ? "true" : void 0,
-          "aria-disabled": i ? "true" : void 0,
-          "aria-describedby": x || void 0,
-          ...v,
+          "aria-disabled": c ? "true" : void 0,
+          "aria-describedby": v || void 0,
+          ...I,
           ...d,
           children: [
-            o && /* @__PURE__ */ s("option", { value: "", disabled: !0, children: o }),
+            i && /* @__PURE__ */ o("option", { value: "", disabled: !0, children: i }),
             t
           ]
         }
       ),
-      n && /* @__PURE__ */ s(G, { id: m, children: n }),
-      !n && a && /* @__PURE__ */ s(R, { id: h, children: a })
+      n && /* @__PURE__ */ o(G, { id: b, children: n }),
+      !n && a && /* @__PURE__ */ o(A, { id: u, children: a })
     ] });
   }
 );
-re.displayName = "Select";
-const le = re;
-le.Option = ie;
-le.OptionGroup = ce;
+le.displayName = "Select";
+const re = le;
+re.Option = se;
+re.OptionGroup = ce;
 const de = f(
-  ({ disabled: e = !1, children: a, className: n, ...c }, i) => {
-    const o = g({
+  ({ disabled: e = !1, children: a, className: n, ...s }, c) => {
+    const i = N({
       disabled: e
     });
-    return /* @__PURE__ */ I("label", { className: y(U.radio, n), ...o, children: [
-      /* @__PURE__ */ s("input", { ref: i, type: "radio", className: U.input, disabled: e, ...c }),
-      /* @__PURE__ */ s("span", { className: U.indicator }),
-      a && /* @__PURE__ */ s("span", { className: U.label, children: a })
+    return /* @__PURE__ */ x("label", { className: y(z.radio, n), ...i, children: [
+      /* @__PURE__ */ o("input", { ref: c, type: "radio", className: z.input, disabled: e, ...s }),
+      /* @__PURE__ */ o("span", { className: z.indicator }),
+      a && /* @__PURE__ */ o("span", { className: z.label, children: a })
     ] });
   }
 );
 de.displayName = "Radio";
 const pe = f(
-  ({ disabled: e = !1, required: a = !1, children: n, className: c, ...i }, o) => {
-    const t = g({
+  ({ disabled: e = !1, required: a = !1, children: n, className: s, ...c }, i) => {
+    const t = N({
       disabled: e,
       required: a
     });
-    return /* @__PURE__ */ I("label", { className: y(H.checkbox, c), ...t, children: [
-      /* @__PURE__ */ s(
+    return /* @__PURE__ */ x("label", { className: y(U.checkbox, s), ...t, children: [
+      /* @__PURE__ */ o(
         "input",
         {
-          ref: o,
+          ref: i,
           type: "checkbox",
-          className: H.input,
+          className: U.input,
           disabled: e,
           required: a,
           "aria-required": a || void 0,
-          ...i
+          ...c
         }
       ),
-      /* @__PURE__ */ s("span", { className: H.indicator }),
-      n && /* @__PURE__ */ s("span", { className: H.label, "data-required": a || void 0, children: n })
+      /* @__PURE__ */ o("span", { className: U.indicator }),
+      n && /* @__PURE__ */ o("span", { className: U.label, "data-required": a || void 0, children: n })
     ] });
   }
 );
 pe.displayName = "Checkbox";
 const ue = M(void 0);
-function Ze() {
+function Xe() {
   const e = V(ue);
   if (!e)
     throw new Error("RadioGroup.Option must be used within RadioGroup");
@@ -228,65 +228,65 @@ const he = f(
     value: e,
     onChange: a,
     name: n,
-    label: c,
-    helper: i,
-    error: o,
+    label: s,
+    helper: c,
+    error: i,
     required: t = !1,
-    disabled: r = !1,
-    direction: l = "column",
+    disabled: l = !1,
+    direction: r = "column",
     children: d,
     className: p,
-    ...u
-  }, b) => {
-    const h = $(), m = u.id || h, x = i ? `${m}-helper` : void 0, v = o ? `${m}-error` : void 0, N = [x, v].filter(Boolean).join(" "), S = (w) => {
-      !r && a && a(w);
-    }, B = g({
-      disabled: r
+    ...h
+  }, m) => {
+    const u = D(), b = h.id || u, v = c ? `${b}-helper` : void 0, I = i ? `${b}-error` : void 0, g = [v, I].filter(Boolean).join(" "), S = (w) => {
+      !l && a && a(w);
+    }, B = N({
+      disabled: l
     });
-    return /* @__PURE__ */ I("div", { ref: b, className: y(oe.field, p), ...B, ...u, children: [
-      c && /* @__PURE__ */ s(A, { required: t, disabled: r, children: c }),
-      /* @__PURE__ */ s(ue.Provider, { value: { disabled: r, name: n, onChange: S, value: e }, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ x("div", { ref: m, className: y(oe.field, p), ...B, ...h, children: [
+      s && /* @__PURE__ */ o(R, { required: t, disabled: l, children: s }),
+      /* @__PURE__ */ o(ue.Provider, { value: { disabled: l, name: n, onChange: S, value: e }, children: /* @__PURE__ */ o(
         "div",
         {
           className: oe.options,
-          "data-direction": l,
+          "data-direction": r,
           role: "radiogroup",
-          "aria-describedby": N || void 0,
-          "aria-invalid": o ? "true" : void 0,
+          "aria-describedby": g || void 0,
+          "aria-invalid": i ? "true" : void 0,
           children: d
         }
       ) }),
-      o && /* @__PURE__ */ s(G, { id: v, children: o }),
-      !o && i && /* @__PURE__ */ s(R, { id: x, children: i })
+      i && /* @__PURE__ */ o(G, { id: I, children: i }),
+      !i && c && /* @__PURE__ */ o(A, { id: v, children: c })
     ] });
   }
 );
 he.displayName = "RadioGroup";
 const me = f(
-  ({ value: e, children: a, disabled: n, ...c }, i) => {
-    const o = Ze(), t = o.value === e, r = o.disabled || n, l = () => {
-      r || o.onChange(e);
+  ({ value: e, children: a, disabled: n, ...s }, c) => {
+    const i = Xe(), t = i.value === e, l = i.disabled || n, r = () => {
+      l || i.onChange(e);
     };
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ o(
       de,
       {
-        ref: i,
-        name: o.name,
+        ref: c,
+        name: i.name,
         value: e,
         checked: t,
-        disabled: r,
-        onChange: l,
-        ...c,
+        disabled: l,
+        onChange: r,
+        ...s,
         children: a
       }
     );
   }
 );
 me.displayName = "RadioGroup.Option";
-const ht = Object.assign(he, {
+const pt = Object.assign(he, {
   Option: me
 }), be = M(void 0);
-function qe() {
+function Ye() {
   const e = V(be);
   if (!e)
     throw new Error("CheckboxGroup.Option must be used within CheckboxGroup");
@@ -297,108 +297,108 @@ const fe = f(
     value: e,
     onChange: a,
     name: n,
-    label: c,
-    helper: i,
-    error: o,
+    label: s,
+    helper: c,
+    error: i,
     required: t = !1,
-    disabled: r = !1,
-    direction: l = "column",
+    disabled: l = !1,
+    direction: r = "column",
     children: d,
     className: p,
-    ...u
-  }, b) => {
-    const h = $(), m = u.id || h, x = i ? `${m}-helper` : void 0, v = o ? `${m}-error` : void 0, N = [x, v].filter(Boolean).join(" "), S = (w) => {
-      !r && a && a(w);
-    }, B = g({
-      disabled: r
+    ...h
+  }, m) => {
+    const u = D(), b = h.id || u, v = c ? `${b}-helper` : void 0, I = i ? `${b}-error` : void 0, g = [v, I].filter(Boolean).join(" "), S = (w) => {
+      !l && a && a(w);
+    }, B = N({
+      disabled: l
     });
-    return /* @__PURE__ */ I("div", { ref: b, className: y(se.field, p), ...B, ...u, children: [
-      c && /* @__PURE__ */ s(A, { required: t, disabled: r, children: c }),
-      /* @__PURE__ */ s(be.Provider, { value: { disabled: r, name: n, onChange: S, value: e }, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ x("div", { ref: m, className: y(ae.field, p), ...B, ...h, children: [
+      s && /* @__PURE__ */ o(R, { required: t, disabled: l, children: s }),
+      /* @__PURE__ */ o(be.Provider, { value: { disabled: l, name: n, onChange: S, value: e }, children: /* @__PURE__ */ o(
         "div",
         {
-          className: se.options,
-          "data-direction": l,
+          className: ae.options,
+          "data-direction": r,
           role: "group",
-          "aria-describedby": N || void 0,
-          "aria-invalid": o ? "true" : void 0,
+          "aria-describedby": g || void 0,
+          "aria-invalid": i ? "true" : void 0,
           children: d
         }
       ) }),
-      o && /* @__PURE__ */ s(G, { id: v, children: o }),
-      !o && i && /* @__PURE__ */ s(R, { id: x, children: i })
+      i && /* @__PURE__ */ o(G, { id: I, children: i }),
+      !i && c && /* @__PURE__ */ o(A, { id: v, children: c })
     ] });
   }
 );
 fe.displayName = "CheckboxGroup";
-const xe = f(
-  ({ value: e, children: a, disabled: n, ...c }, i) => {
-    const o = qe(), t = o.value.includes(e), r = o.disabled || n, l = () => {
-      if (!r) {
-        const d = t ? o.value.filter((p) => p !== e) : [...o.value, e];
-        o.onChange(d);
+const ve = f(
+  ({ value: e, children: a, disabled: n, ...s }, c) => {
+    const i = Ye(), t = i.value.includes(e), l = i.disabled || n, r = () => {
+      if (!l) {
+        const d = t ? i.value.filter((p) => p !== e) : [...i.value, e];
+        i.onChange(d);
       }
     };
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ o(
       pe,
       {
-        ref: i,
-        name: o.name,
+        ref: c,
+        name: i.name,
         value: e,
         checked: t,
-        disabled: r,
-        onChange: l,
-        ...c,
+        disabled: l,
+        onChange: r,
+        ...s,
         children: a
       }
     );
   }
 );
-xe.displayName = "CheckboxGroup.Option";
-const mt = Object.assign(fe, {
-  Option: xe
-}), ve = M(void 0);
-function et() {
-  const e = V(ve);
+ve.displayName = "CheckboxGroup.Option";
+const ut = Object.assign(fe, {
+  Option: ve
+}), Ie = M(void 0);
+function Ze() {
+  const e = V(Ie);
   if (!e)
     throw new Error("ChipInput.Option must be used within ChipInput");
   return e;
 }
-const ye = f(
+const xe = f(
   ({
     value: e,
     onChange: a,
     multiple: n = !1,
-    name: c,
-    label: i,
-    helper: o,
+    name: s,
+    label: c,
+    helper: i,
     error: t,
-    required: r = !1,
-    disabled: l = !1,
+    required: l = !1,
+    disabled: r = !1,
     gap: d = "2",
     wrap: p = !0,
-    children: u,
-    className: b,
-    ...h
-  }, m) => {
-    const x = $(), v = h.id || x, N = o ? `${v}-helper` : void 0, S = t ? `${v}-error` : void 0, B = [N, S].filter(Boolean).join(" "), w = (D) => {
-      l || a(D);
-    }, E = g({
+    children: h,
+    className: m,
+    ...u
+  }, b) => {
+    const v = D(), I = u.id || v, g = i ? `${I}-helper` : void 0, S = t ? `${I}-error` : void 0, B = [g, S].filter(Boolean).join(" "), w = ($) => {
+      r || a($);
+    }, j = N({
       invalid: !!t
     }), k = n ? "group" : "radiogroup";
-    return /* @__PURE__ */ I("div", { ref: m, className: y(Z.field, b), ...E, ...h, children: [
-      i && /* @__PURE__ */ s(A, { required: r, disabled: l, children: i }),
-      /* @__PURE__ */ s(
-        ve.Provider,
+    return /* @__PURE__ */ x("div", { ref: b, className: y(Z.field, m), ...j, ...u, children: [
+      c && /* @__PURE__ */ o(R, { required: l, disabled: r, children: c }),
+      /* @__PURE__ */ o(
+        Ie.Provider,
         {
           value: {
-            disabled: l,
+            disabled: r,
             multiple: n,
-            name: c,
+            name: s,
             onChange: w,
             value: e
           },
-          children: /* @__PURE__ */ s(
+          children: /* @__PURE__ */ o(
             "div",
             {
               className: Z.options,
@@ -407,242 +407,184 @@ const ye = f(
               role: k,
               "aria-describedby": B || void 0,
               "aria-invalid": t ? "true" : void 0,
-              children: u
+              children: h
             }
           )
         }
       ),
-      t && /* @__PURE__ */ s(G, { id: S, children: t }),
-      !t && o && /* @__PURE__ */ s(R, { id: N, children: o })
+      t && /* @__PURE__ */ o(G, { id: S, children: t }),
+      !t && i && /* @__PURE__ */ o(A, { id: g, children: i })
     ] });
   }
 );
-ye.displayName = "ChipInput";
-const Ie = f(
-  ({ value: e, children: a, disabled: n, iconLeft: c, iconRight: i, ...o }, t) => {
-    const r = et(), l = r.disabled || n, d = !!(c || i);
+xe.displayName = "ChipInput";
+const ye = f(
+  ({ value: e, children: a, disabled: n, iconLeft: s, iconRight: c, ...i }, t) => {
+    const l = Ze(), r = l.disabled || n, d = !!(s || c);
     let p = !1;
-    r.multiple ? p = Array.isArray(r.value) && r.value.includes(e) : p = r.value === e;
-    const u = () => {
-      if (!l)
-        if (r.multiple) {
-          const h = Array.isArray(r.value) ? r.value : [], m = p ? h.filter((x) => x !== e) : [...h, e];
-          r.onChange(m);
+    l.multiple ? p = Array.isArray(l.value) && l.value.includes(e) : p = l.value === e;
+    const h = () => {
+      if (!r)
+        if (l.multiple) {
+          const u = Array.isArray(l.value) ? l.value : [], b = p ? u.filter((v) => v !== e) : [...u, e];
+          l.onChange(b);
         } else
-          r.onChange(e);
-    }, b = g({
-      disabled: l,
+          l.onChange(e);
+    }, m = N({
+      disabled: r,
       selected: p,
       ...d && { "has-icon": !0 }
     });
-    return /* @__PURE__ */ I(
+    return /* @__PURE__ */ x(
       "button",
       {
         ref: t,
         type: "button",
         className: Z.option,
-        onClick: u,
-        disabled: l,
+        onClick: h,
+        disabled: r,
         "aria-pressed": p,
-        ...b,
-        ...o,
+        ...m,
+        ...i,
         children: [
-          c,
+          s,
           a,
-          i
+          c
         ]
       }
     );
   }
 );
-Ie.displayName = "ChipInput.Option";
-const bt = Object.assign(ye, {
-  Option: Ie
+ye.displayName = "ChipInput.Option";
+const ht = Object.assign(xe, {
+  Option: ye
 }), Ce = M(void 0);
-function j() {
+function J() {
   const e = V(Ce);
   if (!e)
     throw new Error("ComboboxInput subcomponents must be used within ComboboxInput");
   return e;
 }
-const ge = f(
-  ({ search: e, children: a, className: n, ...c }, i) => {
-    const o = j();
-    return /* @__PURE__ */ s(ae, { open: o.isOpen, onOpenChange: (t) => !t && o.closeListbox(), placement: "right", children: /* @__PURE__ */ s(ae.Body, { children: /* @__PURE__ */ I("div", { className: C["drawer-container"], children: [
-      /* @__PURE__ */ s("div", { className: C["drawer-input-wrapper"], children: e }),
-      /* @__PURE__ */ s(
-        "ul",
-        {
-          ref: i,
-          role: "listbox",
-          "aria-multiselectable": "true",
-          className: y(C["drawer-listbox"], n),
-          ...c,
-          children: a
-        }
-      )
-    ] }) }) });
-  }
-);
-ge.displayName = "ComboboxInput.Drawer";
-function tt(e) {
-  const [a, n] = L(e), [c, i] = L(!1), [o, t] = L(() => /* @__PURE__ */ new Map());
-  Q(() => {
+function qe(e) {
+  const [a, n] = P(e), [s, c] = P(!1), [i, t] = P(() => /* @__PURE__ */ new Map());
+  K(() => {
     n(e);
   }, [e]);
-  const r = K(() => {
-    i((u) => !u);
-  }, []), l = K(() => {
-    i(!1);
-  }, []), d = K((u, b) => {
-    t((h) => {
-      const m = new Map(h);
-      return m.set(u, b), m;
+  const l = H(() => {
+    c((h) => !h);
+  }, []), r = H(() => {
+    c(!1);
+  }, []), d = H((h, m) => {
+    t((u) => {
+      const b = new Map(u);
+      return b.set(h, m), b;
     });
-  }, []), p = K((u) => {
-    t((b) => {
-      const h = new Map(b);
-      return h.delete(u), h;
+  }, []), p = H((h) => {
+    t((m) => {
+      const u = new Map(m);
+      return u.delete(h), u;
     });
   }, []);
   return {
     internalValue: a,
     setInternalValue: n,
-    isOpen: c,
-    toggleOpen: r,
-    closeListbox: l,
-    optionRegistry: o,
+    isOpen: s,
+    toggleOpen: l,
+    closeListbox: r,
+    optionRegistry: i,
     registerOption: d,
     unregisterOption: p
   };
 }
-function nt(e, a) {
-  const [n, c] = L("bottom"), i = Me(null);
-  return Q(() => {
+function et(e, a) {
+  const [n, s] = P("bottom"), c = Pe(null);
+  return K(() => {
     if (a !== "popup" || !e) return;
-    const o = i.current;
-    if (!o) return;
-    o.matches(":popover-open") || o.showPopover(), requestAnimationFrame(() => {
-      const r = o.previousElementSibling;
-      if (!r) return;
-      const l = r.getBoundingClientRect(), d = o.getBoundingClientRect(), p = {
+    const i = c.current;
+    if (!i) return;
+    i.matches(":popover-open") || i.showPopover(), requestAnimationFrame(() => {
+      const l = i.previousElementSibling;
+      if (!l) return;
+      const r = l.getBoundingClientRect(), d = i.getBoundingClientRect(), p = {
         width: d.width,
         height: d.height
-      }, u = Ve(
-        l,
+      }, h = Me(
+        r,
         p,
         100,
         ["top", "bottom"]
       );
-      c(u);
+      s(h);
     });
-  }, [e, a]), { internalRef: i, placement: n };
+  }, [e, a]), { internalRef: c, placement: n };
 }
-const Ne = f(
-  ({ search: e, children: a, className: n, ...c }, i) => {
-    const o = j(), { internalRef: t, placement: r } = nt(o.isOpen, o.variant);
-    Q(() => {
-      const d = t.current;
-      if (!d) return;
-      const p = () => {
-        d.matches(":popover-open") || o.closeListbox();
-      };
-      return d.addEventListener("toggle", p), () => d.removeEventListener("toggle", p);
-    }, [o, t]);
-    const l = g({ placement: r });
-    return /* @__PURE__ */ I(
-      "ul",
-      {
-        ref: (d) => {
-          t.current = d, typeof i == "function" ? i(d) : i && (i.current = d);
-        },
-        role: "listbox",
-        "aria-multiselectable": "true",
-        className: y(C.listbox, n),
-        popover: "auto",
-        ...l,
-        style: {
-          positionAnchor: o.anchorName
-        },
-        ...c,
-        children: [
-          /* @__PURE__ */ s("div", { className: C["listbox-search"], children: /* @__PURE__ */ s("div", { className: C["drawer-input-wrapper"], children: e }) }),
-          /* @__PURE__ */ s("div", { className: C["listbox-inner"], children: a })
-        ]
-      }
-    );
-  }
-);
-Ne.displayName = "ComboboxInput.Listbox";
-const Se = f(
+const ge = f(
   ({
     value: e,
     onChange: a,
     variant: n = "popup",
-    disabled: c = !1,
-    invalid: i = !1,
-    label: o,
+    disabled: s = !1,
+    invalid: c = !1,
+    label: i,
     helper: t,
-    error: r,
-    required: l = !1,
+    error: l,
+    required: r = !1,
     multiple: d = !1,
     children: p,
-    className: u,
-    ...b
-  }, h) => {
-    const m = $(), x = b.id || m, v = `${x}-button`, N = t ? `${x}-helper` : void 0, S = r ? `${x}-error` : void 0, B = [N, S].filter(Boolean).join(" "), w = `--combobox-anchor-${x.replace(/[^a-z0-9-]/gi, "")}`, E = q(() => d ? Array.isArray(e) ? e : [] : e === null ? [] : [e], [e, d]), {
+    className: h,
+    ...m
+  }, u) => {
+    const b = D(), v = m.id || b, I = `${v}-button`, g = t ? `${v}-helper` : void 0, S = l ? `${v}-error` : void 0, B = [g, S].filter(Boolean).join(" "), w = `--combobox-anchor-${v.replace(/[^a-z0-9-]/gi, "")}`, j = q(() => d ? Array.isArray(e) ? e : [] : e === null ? [] : [e], [e, d]), {
       internalValue: k,
-      setInternalValue: D,
-      isOpen: z,
-      toggleOpen: J,
+      setInternalValue: $,
+      isOpen: L,
+      toggleOpen: Q,
       closeListbox: W,
       optionRegistry: X,
       registerOption: O,
-      unregisterOption: De
-    } = tt(E), [$e, Ee] = L("");
-    Q(() => {
-      D(E);
-    }, [E, D]);
-    const Le = (Y) => {
-      c || (D(Y), a(d ? Y : Y[0] ?? null));
-    }, je = g({
-      invalid: !!(r || i),
-      disabled: c
+      unregisterOption: Ge
+    } = qe(j);
+    K(() => {
+      $(j);
+    }, [j, $]);
+    const $e = (Y) => {
+      s || ($(Y), a(d ? Y : Y[0] ?? null));
+    }, De = N({
+      invalid: !!(l || c),
+      disabled: s
     });
-    return /* @__PURE__ */ I("div", { ref: h, className: y(C.field, u), ...je, ...b, children: [
-      o && /* @__PURE__ */ s(A, { required: l, disabled: c, htmlFor: v, children: o }),
-      /* @__PURE__ */ s(
+    return /* @__PURE__ */ x("div", { ref: u, className: y(C.field, h), ...De, ...m, children: [
+      i && /* @__PURE__ */ o(R, { required: r, disabled: s, htmlFor: I, children: i }),
+      /* @__PURE__ */ o(
         Ce.Provider,
         {
           value: {
             value: k,
-            onChange: Le,
-            isOpen: z,
-            toggleOpen: J,
+            onChange: $e,
+            isOpen: L,
+            toggleOpen: Q,
             closeListbox: W,
             variant: n,
             anchorName: w,
-            buttonId: v,
+            buttonId: I,
             optionRegistry: X,
             registerOption: O,
-            unregisterOption: De,
-            disabled: c,
-            multiple: d,
-            searchQuery: $e,
-            setSearchQuery: Ee
+            unregisterOption: Ge,
+            disabled: s,
+            multiple: d
           },
-          children: /* @__PURE__ */ s("div", { className: C.root, "aria-describedby": B || void 0, children: p })
+          children: /* @__PURE__ */ o("div", { className: C.root, "aria-describedby": B || void 0, children: p })
         }
       ),
-      r && /* @__PURE__ */ s(G, { id: S, children: r }),
-      !r && t && k.length === 0 && /* @__PURE__ */ s(R, { id: N, children: t })
+      l && /* @__PURE__ */ o(G, { id: S, children: l }),
+      !l && t && k.length === 0 && /* @__PURE__ */ o(A, { id: g, children: t })
     ] });
   }
 );
-Se.displayName = "ComboboxInput";
-const we = f(
-  ({ children: e, className: a, iconLeft: n, iconRight: c, ...i }, o) => {
-    const t = j(), r = t.value.length === 0, l = g({
+ge.displayName = "ComboboxInput";
+const Ne = f(
+  ({ children: e, className: a, iconLeft: n, iconRight: s, ...c }, i) => {
+    const t = J(), l = t.value.length === 0, r = N({
       open: t.isOpen,
       disabled: t.disabled,
       "has-left-icon": !!n,
@@ -650,11 +592,11 @@ const we = f(
     }), d = {
       anchorName: t.anchorName
     }, p = e || // oxlint-disable-next-line no-nested-ternary
-    (r ? "Select" : t.multiple ? `${t.value.length} selected` : t.optionRegistry.get(t.value[0]) ?? t.value[0]);
-    return /* @__PURE__ */ I(
+    (l ? "Select" : t.multiple ? `${t.value.length} selected` : t.optionRegistry.get(t.value[0]) ?? t.value[0]);
+    return /* @__PURE__ */ x(
       "button",
       {
-        ref: o,
+        ref: i,
         id: t.buttonId,
         type: "button",
         className: y(C.button, a),
@@ -663,100 +605,122 @@ const we = f(
         "aria-expanded": t.isOpen,
         "aria-haspopup": "listbox",
         style: d,
-        ...l,
-        ...i,
+        ...r,
+        ...c,
         children: [
-          n && /* @__PURE__ */ s("span", { className: C["left-icon"], children: n }),
-          /* @__PURE__ */ s("span", { className: C["button-content"], ...r && { "data-placeholder": "" }, children: p }),
-          c ? /* @__PURE__ */ s("span", { className: C["right-icon"], children: c }) : /* @__PURE__ */ s("span", { className: C["right-icon"], "data-chevron": !0, children: /* @__PURE__ */ s(Ke, {}) })
+          n && /* @__PURE__ */ o("span", { className: C["left-icon"], children: n }),
+          /* @__PURE__ */ o("span", { className: C["button-content"], ...l && { "data-placeholder": "" }, children: p }),
+          s ? /* @__PURE__ */ o("span", { className: C["right-icon"], children: s }) : /* @__PURE__ */ o("span", { className: C["right-icon"], "data-chevron": !0, children: /* @__PURE__ */ o(He, {}) })
         ]
       }
     );
   }
 );
-we.displayName = "ComboboxInput.Button";
-const Oe = f(
-  ({ value: e, children: a, disabled: n = !1, className: c, ...i }, o) => {
-    const t = j(), r = t.disabled || n, l = t.value.includes(e), d = typeof a == "string" ? a : String(e), p = !t.searchQuery || d.toLowerCase().includes(t.searchQuery.toLowerCase()) || e.toLowerCase().includes(t.searchQuery.toLowerCase());
-    Q(() => (t.registerOption(e, d), () => t.unregisterOption(e)), [e, d, t.registerOption, t.unregisterOption]);
-    const u = () => {
-      if (!r)
+Ne.displayName = "ComboboxInput.Button";
+const Se = f(
+  ({ value: e, children: a, disabled: n = !1, className: s, ...c }, i) => {
+    const t = J(), l = t.disabled || n, r = t.value.includes(e), d = typeof a == "string" ? a : String(e);
+    K(() => (t.registerOption(e, d), () => t.unregisterOption(e)), [e, d, t.registerOption, t.unregisterOption]);
+    const p = () => {
+      if (!l)
         if (t.multiple) {
-          const m = l ? t.value.filter((x) => x !== e) : [...t.value, e];
-          t.onChange(m);
+          const u = r ? t.value.filter((b) => b !== e) : [...t.value, e];
+          t.onChange(u);
         } else
-          t.onChange(l ? [] : [e]), t.closeListbox();
-    }, b = (m) => {
-      (m.key === "Enter" || m.key === " ") && (m.preventDefault(), u());
-    }, h = g({ active: l, disabled: r });
-    return p ? /* @__PURE__ */ I(
+          t.onChange(r ? [] : [e]), t.closeListbox();
+    }, h = (u) => {
+      u.key === " " && (u.preventDefault(), p());
+    }, m = N({ active: r, disabled: l });
+    return /* @__PURE__ */ x(
       "li",
       {
-        ref: o,
+        ref: i,
         role: "option",
-        className: y(C.option, c),
-        onClick: u,
-        onKeyDown: b,
-        "aria-selected": l,
-        tabIndex: r ? -1 : 0,
-        ...h,
-        ...i,
+        className: y(C.option, s),
+        onClick: p,
+        onKeyDown: h,
+        "aria-selected": r,
+        tabIndex: l ? -1 : 0,
+        ...m,
+        ...c,
         children: [
-          /* @__PURE__ */ s("span", { className: C["option-check"], children: /* @__PURE__ */ s(_e, { width: "1em", height: "1em" }) }),
-          /* @__PURE__ */ s("span", { children: a })
+          /* @__PURE__ */ o("span", { className: C["option-check"], children: /* @__PURE__ */ o(Ke, { width: "1em", height: "1em" }) }),
+          /* @__PURE__ */ o("span", { children: a })
         ]
       }
-    ) : null;
+    );
   }
 );
-Oe.displayName = "ComboboxInput.Option";
-const Be = f(
+Se.displayName = "ComboboxInput.Option";
+const we = f(
   ({ className: e, ...a }, n) => {
-    const c = j();
-    if (c.value.length === 0) return null;
-    const i = (o) => {
-      c.onChange(c.value.filter((t) => t !== o));
+    const s = J();
+    if (s.value.length === 0) return null;
+    const c = (i) => {
+      s.onChange(s.value.filter((t) => t !== i));
     };
-    return /* @__PURE__ */ s("div", { ref: n, className: y(C.chips, e), role: "group", ...a, children: c.value.map((o) => {
-      const t = c.optionRegistry.get(o) ?? o;
-      return /* @__PURE__ */ s(Qe, { disabled: c.disabled, onClick: () => i(o), children: t }, o);
+    return /* @__PURE__ */ o("div", { ref: n, className: y(C.chips, e), role: "group", ...a, children: s.value.map((i) => {
+      const t = s.optionRegistry.get(i) ?? i;
+      return /* @__PURE__ */ o(Ve, { disabled: s.disabled, onClick: () => c(i), children: t }, i);
     }) });
   }
 );
-Be.displayName = "ComboboxInput.SelectionChips";
-const ke = f(
-  ({ name: e, value: a, onChange: n, placeholder: c = "Search options...", ...i }, o) => {
-    const t = j(), r = (l) => {
-      var d;
-      n(l), (d = t.setSearchQuery) == null || d.call(t, l.currentTarget.value);
-    };
-    return /* @__PURE__ */ s(
-      "input",
-      {
-        ref: o,
-        type: "text",
-        name: e,
-        className: C["drawer-input"],
-        placeholder: c,
-        value: a,
-        onChange: r,
-        "aria-label": "Search options",
-        ...i
-      }
-    );
-  }
+we.displayName = "ComboboxInput.SelectionChips";
+const Oe = f(
+  ({ name: e, value: a, onChange: n, placeholder: s = "Search options...", ...c }, i) => /* @__PURE__ */ o(
+    "input",
+    {
+      ref: i,
+      type: "text",
+      name: e,
+      className: C["drawer-input"],
+      placeholder: s,
+      value: a,
+      onChange: n,
+      "aria-label": "Search options",
+      ...c
+    }
+  )
 );
-ke.displayName = "ComboboxInput.ListboxSearch";
-const ft = Object.assign(Se, {
-  Button: we,
-  Listbox: Ne,
-  Drawer: ge,
-  Option: Oe,
-  SelectionChips: Be,
-  ListboxSearch: ke
-}), Ae = M(void 0);
-function ot() {
-  const e = V(Ae);
+Oe.displayName = "ComboboxInput.Search";
+const Be = ({ search: e, children: a, variant: n = "list" }) => {
+  const s = J(), { internalRef: c, placement: i } = et(s.isOpen, s.variant), t = (r) => {
+    const d = r.target;
+    d && !d.matches(":popover-open") && s.closeListbox();
+  };
+  if (s.variant === "drawer" || n === "drawer")
+    return /* @__PURE__ */ o(ie, { open: s.isOpen, onOpenChange: (r) => !r && s.closeListbox(), placement: "right", children: /* @__PURE__ */ o(ie.Body, { children: /* @__PURE__ */ x("div", { className: C["drawer-container"], children: [
+      e && /* @__PURE__ */ o("div", { className: C["drawer-input-wrapper"], children: e }),
+      a
+    ] }) }) });
+  if (n === "none")
+    return /* @__PURE__ */ x(je, { children: [
+      e && /* @__PURE__ */ o("div", { className: C["drawer-input-wrapper"], children: e }),
+      a
+    ] });
+  const l = {
+    ref: c,
+    className: C.listbox,
+    popover: "auto",
+    "data-placement": i,
+    style: { positionAnchor: s.anchorName },
+    onToggle: t
+  };
+  return /* @__PURE__ */ x("div", { ...l, children: [
+    e && /* @__PURE__ */ o("div", { className: C["listbox-search"], children: /* @__PURE__ */ o("div", { className: C["drawer-input-wrapper"], children: e }) }),
+    a
+  ] });
+};
+Be.displayName = "ComboboxInput.Container";
+const mt = Object.assign(ge, {
+  Button: Ne,
+  Option: Se,
+  SelectionChips: we,
+  Search: Oe,
+  Container: Be
+}), ke = M(void 0);
+function tt() {
+  const e = V(ke);
   if (!e)
     throw new Error("SelectableInput.Option must be used within SelectableInput");
   return e;
@@ -766,85 +730,85 @@ const Re = f(
     value: e,
     onChange: a,
     multiple: n = !1,
-    name: c,
-    disabled: i = !1,
-    placement: o = "top",
+    name: s,
+    disabled: c = !1,
+    placement: i = "top",
     children: t,
-    className: r,
-    ...l
+    className: l,
+    ...r
   }, d) => {
-    const p = (h) => {
-      i || a(h);
-    }, u = g({
-      disabled: i
-    }), b = n ? "group" : "radiogroup";
-    return /* @__PURE__ */ s("div", { ref: d, className: y(P.field, r), ...u, ...l, children: /* @__PURE__ */ s(
-      Ae.Provider,
+    const p = (u) => {
+      c || a(u);
+    }, h = N({
+      disabled: c
+    }), m = n ? "group" : "radiogroup";
+    return /* @__PURE__ */ o("div", { ref: d, className: y(F.field, l), ...h, ...r, children: /* @__PURE__ */ o(
+      ke.Provider,
       {
         value: {
-          disabled: i,
+          disabled: c,
           multiple: n,
-          name: c,
+          name: s,
           onChange: p,
           value: e,
-          placement: o
+          placement: i
         },
-        children: /* @__PURE__ */ s("div", { role: b, children: t })
+        children: /* @__PURE__ */ o("div", { role: m, children: t })
       }
     ) });
   }
 );
 Re.displayName = "SelectableInput";
-const Ge = f(
-  ({ value: e, children: a, disabled: n, className: c, ...i }, o) => {
-    const t = ot(), r = t.disabled || n;
-    let l = !1;
-    t.multiple ? l = Array.isArray(t.value) && t.value.includes(e) : l = t.value === e;
+const Ae = f(
+  ({ value: e, children: a, disabled: n, className: s, ...c }, i) => {
+    const t = tt(), l = t.disabled || n;
+    let r = !1;
+    t.multiple ? r = Array.isArray(t.value) && t.value.includes(e) : r = t.value === e;
     const d = () => {
-      if (!r)
+      if (!l)
         if (t.multiple) {
-          const u = Array.isArray(t.value) ? t.value : [], b = l ? u.filter((h) => h !== e) : [...u, e];
-          t.onChange(b);
+          const h = Array.isArray(t.value) ? t.value : [], m = r ? h.filter((u) => u !== e) : [...h, e];
+          t.onChange(m);
         } else
           t.onChange(e);
-    }, p = g({
-      disabled: r,
-      selected: l,
+    }, p = N({
+      disabled: l,
+      selected: r,
       placement: t.placement
     });
-    return /* @__PURE__ */ I(
+    return /* @__PURE__ */ x(
       "label",
       {
-        ref: o,
-        className: y(P.option, c),
+        ref: i,
+        className: y(F.option, s),
         ...p,
-        ...i,
+        ...c,
         children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ o(
             "input",
             {
               type: "checkbox",
-              className: P.input,
+              className: F.input,
               name: t.name,
               value: e,
-              checked: l,
+              checked: r,
               onChange: d,
-              disabled: r,
-              "aria-disabled": r
+              disabled: l,
+              "aria-disabled": l
             }
           ),
-          /* @__PURE__ */ s("span", { className: P.indicator }),
-          /* @__PURE__ */ s("div", { className: P.content, children: a })
+          /* @__PURE__ */ o("span", { className: F.indicator }),
+          /* @__PURE__ */ o("div", { className: F.content, children: a })
         ]
       }
     );
   }
 );
-Ge.displayName = "SelectableInput.Option";
-const xt = Object.assign(Re, {
-  Option: Ge
+Ae.displayName = "SelectableInput.Option";
+const bt = Object.assign(Re, {
+  Option: Ae
 });
-function st() {
+function nt() {
   try {
     return Intl.supportedValuesOf("currency").map((a) => ({
       code: a,
@@ -854,97 +818,97 @@ function st() {
     return [{ code: "USD", label: "USD" }];
   }
 }
-const at = f(
+const ot = f(
   ({
     label: e,
     helper: a,
     error: n,
-    required: c = !1,
-    disabled: i = !1,
-    readOnly: o = !1,
+    required: s = !1,
+    disabled: c = !1,
+    readOnly: i = !1,
     name: t,
-    amountValue: r = "",
-    onAmountChange: l,
+    amountValue: l = "",
+    onAmountChange: r,
     currencyValue: d = "USD",
     onCurrencyChange: p,
-    currencies: u,
-    currencyName: b,
-    id: h,
-    className: m,
-    ...x
-  }, v) => {
-    const N = q(() => st(), []), S = q(() => u ? u.map((O) => ({
+    currencies: h,
+    currencyName: m,
+    id: u,
+    className: b,
+    ...v
+  }, I) => {
+    const g = q(() => nt(), []), S = q(() => h ? h.map((O) => ({
       code: O,
       label: O
-    })) : N, [u, N]), [B, w] = L(!1), E = $(), k = h || E, D = a ? `${k}-helper` : void 0, z = n ? `${k}-error` : void 0, J = [D, z].filter(Boolean).join(" "), W = b || (t ? `${t}-currency` : void 0), X = g({
-      disabled: i,
+    })) : g, [h, g]), [B, w] = P(!1), j = D(), k = u || j, $ = a ? `${k}-helper` : void 0, L = n ? `${k}-error` : void 0, Q = [$, L].filter(Boolean).join(" "), W = m || (t ? `${t}-currency` : void 0), X = N({
+      disabled: c,
       invalid: !!n,
-      readOnly: o,
+      readOnly: i,
       focused: B
     });
-    return /* @__PURE__ */ I("div", { className: y(F.field, m), children: [
-      e && /* @__PURE__ */ s(A, { htmlFor: k, required: c, disabled: i, children: e }),
-      /* @__PURE__ */ I("div", { className: F.wrapper, ...X, children: [
-        /* @__PURE__ */ s(
+    return /* @__PURE__ */ x("div", { className: y(T.field, b), children: [
+      e && /* @__PURE__ */ o(R, { htmlFor: k, required: s, disabled: c, children: e }),
+      /* @__PURE__ */ x("div", { className: T.wrapper, ...X, children: [
+        /* @__PURE__ */ o(
           "select",
           {
-            className: F["currency-select"],
+            className: T["currency-select"],
             name: W,
             value: d,
             onChange: (O) => p == null ? void 0 : p(O.target.value),
             onFocus: () => w(!0),
             onBlur: () => w(!1),
-            disabled: i,
-            "aria-disabled": i ? "true" : void 0,
-            children: S.map((O) => /* @__PURE__ */ s("option", { value: O.code, children: O.label }, O.code))
+            disabled: c,
+            "aria-disabled": c ? "true" : void 0,
+            children: S.map((O) => /* @__PURE__ */ o("option", { value: O.code, children: O.label }, O.code))
           }
         ),
-        /* @__PURE__ */ s("span", { className: F.divider, "aria-hidden": !0 }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ o("span", { className: T.divider, "aria-hidden": !0 }),
+        /* @__PURE__ */ o(
           "input",
           {
-            ref: v,
+            ref: I,
             id: k,
             type: "text",
             inputMode: "decimal",
-            className: F["amount-input"],
+            className: T["amount-input"],
             name: t,
-            value: r,
-            onChange: (O) => l == null ? void 0 : l(O.target.value),
+            value: l,
+            onChange: (O) => r == null ? void 0 : r(O.target.value),
             onFocus: () => w(!0),
             onBlur: () => w(!1),
-            disabled: i,
-            readOnly: o,
-            required: c,
+            disabled: c,
+            readOnly: i,
+            required: s,
             "aria-invalid": n ? "true" : void 0,
-            "aria-disabled": i ? "true" : void 0,
-            "aria-describedby": J || void 0,
-            ...x
+            "aria-disabled": c ? "true" : void 0,
+            "aria-describedby": Q || void 0,
+            ...v
           }
         )
       ] }),
-      n && /* @__PURE__ */ s(G, { id: z, children: n }),
-      !n && a && /* @__PURE__ */ s(R, { id: D, children: a })
+      n && /* @__PURE__ */ o(G, { id: L, children: n }),
+      !n && a && /* @__PURE__ */ o(A, { id: $, children: a })
     ] });
   }
 );
-at.displayName = "CurrencyInput";
+ot.displayName = "CurrencyInput";
 export {
   pe as Checkbox,
-  mt as CheckboxGroup,
-  bt as ChipInput,
-  ft as ComboboxInput,
-  at as CurrencyInput,
-  We as EmailInput,
+  ut as CheckboxGroup,
+  ht as ChipInput,
+  mt as ComboboxInput,
+  ot as CurrencyInput,
+  Je as EmailInput,
   G as ErrorText,
-  R as HelperText,
-  A as Label,
-  Xe as PasswordInput,
+  A as HelperText,
+  R as Label,
+  Qe as PasswordInput,
   de as Radio,
-  ht as RadioGroup,
-  Je as SearchInput,
-  le as Select,
-  xt as SelectableInput,
-  Ye as TextArea,
+  pt as RadioGroup,
+  _e as SearchInput,
+  re as Select,
+  bt as SelectableInput,
+  We as TextArea,
   _ as TextInput
 };