@versaur/react 1.0.15 → 1.0.16

package/dist/forms.js

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