@versaur/react 1.0.1 → 1.0.3

package/dist/forms.js

@@ -1,567 +1,611 @@
-import { jsx as n, jsxs as I } from "react/jsx-runtime";
-import { labelStyles as ae, helperTextStyles as se, errorTextStyles as de, textInputStyles as $, textAreaStyles as P, selectStyles as H, radioStyles as M, checkboxStyles as T, radioGroupStyles as A, checkboxGroupStyles as j, chipSingleInputStyles as F, chipMultipleInputStyles as L } from "@versaur/core/forms";
-import { forwardRef as b, useId as O, createContext as E, useContext as D } from "react";
+import { jsx as o, jsxs as N } from "react/jsx-runtime";
+import { forwardRef as b, useId as S, createContext as T, useContext as L } from "react";
 import { c as x } from "./cx-B9vmfsc1.js";
-import { u as y } from "./use-data-attrs-iPFyfiKN.js";
-const k = b(
-  ({ required: e = !1, disabled: o = !1, children: t, className: s, ...a }, i) => {
-    const c = y({
-      disabled: o,
-      required: e
+import { u as I } from "./use-data-attrs-iPFyfiKN.js";
+import { c as R } from "./checkbox.module-D4Do_b6S.js";
+const at = "_label_16k0w_6", st = {
+  label: at
+}, ct = "_helper_m3vrz_6", dt = {
+  helper: ct
+}, lt = "_error_9kiiv_6", rt = {
+  error: lt
+}, pt = "_field_1hj6p_7", ut = "_wrapper_1hj6p_14", ht = "_input_1hj6p_34", j = {
+  field: pt,
+  wrapper: ut,
+  input: ht,
+  "left-icon": "_left-icon_1hj6p_79",
+  "right-icon": "_right-icon_1hj6p_80"
+}, _t = "_field_7fkx1_7", ft = "_textarea_7fkx1_14", z = {
+  field: _t,
+  textarea: ft
+}, mt = "_field_1wbjc_7", vt = "_select_1wbjc_14", F = {
+  field: mt,
+  select: vt
+}, bt = "_radio_18cvp_7", Ct = "_input_18cvp_36", xt = "_indicator_18cvp_45", Nt = "_label_18cvp_135", M = {
+  radio: bt,
+  input: Ct,
+  indicator: xt,
+  label: Nt
+}, It = "_field_1f11i_7", yt = "_options_1f11i_15", gt = "_option_1f11i_15", $t = "_input_1f11i_57", St = "_indicator_1f11i_66", kt = "_optionLabel_1f11i_156", B = {
+  field: It,
+  options: yt,
+  option: gt,
+  input: $t,
+  indicator: St,
+  optionLabel: kt
+}, wt = "_field_1onfr_7", Ot = "_options_1onfr_15", Bt = "_option_1onfr_15", Gt = "_input_1onfr_57", jt = "_indicator_1onfr_66", A = {
+  field: wt,
+  options: Ot,
+  option: Bt,
+  input: Gt,
+  indicator: jt
+}, At = "_field_17mmo_7", Rt = "_options_17mmo_15", Mt = "_option_17mmo_15", E = {
+  field: At,
+  options: Rt,
+  option: Mt
+}, Tt = "_field_14sz7_7", Lt = "_options_14sz7_15", Et = "_option_14sz7_15", D = {
+  field: Tt,
+  options: Lt,
+  option: Et
+}, $ = b(
+  ({ required: t = !1, disabled: n = !1, children: e, className: s, ...a }, i) => {
+    const d = I({
+      disabled: n,
+      required: t
     });
-    return /* @__PURE__ */ n("label", { ref: i, className: x(ae.label, s), ...c, ...a, children: t });
+    return /* @__PURE__ */ o("label", { ref: i, className: x(st.label, s), ...d, ...a, children: e });
   }
 );
-k.displayName = "Label";
-const B = b(({ children: e, className: o, ...t }, s) => /* @__PURE__ */ n("p", { ref: s, className: x(se.helper, o), ...t, children: e }));
-B.displayName = "HelperText";
-const G = b(({ children: e, className: o, ...t }, s) => /* @__PURE__ */ n("p", { ref: s, className: x(de.error, o), role: "alert", "aria-live": "polite", ...t, children: e }));
-G.displayName = "ErrorText";
-const ce = b(
+$.displayName = "Label";
+const k = b(({ children: t, className: n, ...e }, s) => /* @__PURE__ */ o("p", { ref: s, className: x(dt.helper, n), ...e, children: t }));
+k.displayName = "HelperText";
+const w = b(({ children: t, className: n, ...e }, s) => /* @__PURE__ */ o("p", { ref: s, className: x(rt.error, n), role: "alert", "aria-live": "polite", ...e, children: t }));
+w.displayName = "ErrorText";
+const Dt = b(
   ({
-    label: e,
-    helper: o,
-    error: t,
+    label: t,
+    helper: n,
+    error: e,
     required: s = !1,
     disabled: a = !1,
     readOnly: i = !1,
-    leftIcon: c,
-    rightIcon: d,
+    leftIcon: d,
+    rightIcon: c,
     id: l,
     className: r,
     ...u
-  }, v) => {
-    const h = O(), m = l || h, p = o ? `${m}-helper` : void 0, f = t ? `${m}-error` : void 0, C = [p, f].filter(Boolean).join(" "), N = y({
+  }, f) => {
+    const h = S(), _ = l || h, p = n ? `${_}-helper` : void 0, m = e ? `${_}-error` : void 0, v = [p, m].filter(Boolean).join(" "), C = I({
       disabled: a,
-      hasLeftIcon: !!c,
-      hasRightIcon: !!d,
-      invalid: !!t,
+      hasLeftIcon: !!d,
+      hasRightIcon: !!c,
+      invalid: !!e,
       readOnly: i
     });
-    return /* @__PURE__ */ I("div", { className: x($.field, r), children: [
-      e && /* @__PURE__ */ n(k, { htmlFor: m, required: s, disabled: a, children: e }),
-      /* @__PURE__ */ I("div", { className: $.wrapper, ...N, children: [
-        c && /* @__PURE__ */ n("span", { className: $["left-icon"], children: c }),
-        /* @__PURE__ */ n(
+    return /* @__PURE__ */ N("div", { className: x(j.field, r), children: [
+      t && /* @__PURE__ */ o($, { htmlFor: _, required: s, disabled: a, children: t }),
+      /* @__PURE__ */ N("div", { className: j.wrapper, ...C, children: [
+        d && /* @__PURE__ */ o("span", { className: j["left-icon"], children: d }),
+        /* @__PURE__ */ o(
           "input",
           {
-            ref: v,
-            id: m,
+            ref: f,
+            id: _,
             type: "text",
-            className: $.input,
+            className: j.input,
             disabled: a,
             readOnly: i,
             required: s,
-            "aria-invalid": t ? "true" : void 0,
+            "aria-invalid": e ? "true" : void 0,
             "aria-disabled": a ? "true" : void 0,
-            "aria-describedby": C || void 0,
+            "aria-describedby": v || void 0,
             ...u
           }
         ),
-        d && /* @__PURE__ */ n("span", { className: $["right-icon"], children: d })
+        c && /* @__PURE__ */ o("span", { className: j["right-icon"], children: c })
       ] }),
-      t && /* @__PURE__ */ n(G, { id: f, children: t }),
-      !t && o && /* @__PURE__ */ n(B, { id: p, children: o })
+      e && /* @__PURE__ */ o(w, { id: m, children: e }),
+      !e && n && /* @__PURE__ */ o(k, { id: p, children: n })
     ] });
   }
 );
-ce.displayName = "TextInput";
-const le = b(
+Dt.displayName = "TextInput";
+const zt = b(
   ({
-    label: e,
-    helper: o,
-    error: t,
+    label: t,
+    helper: n,
+    error: e,
     required: s = !1,
     disabled: a = !1,
     readOnly: i = !1,
-    resizable: c = !0,
-    minRows: d = 3,
+    resizable: d = !0,
+    minRows: c = 3,
     maxRows: l,
     id: r,
     className: u,
-    ...v
+    ...f
   }, h) => {
-    const m = O(), p = r || m, f = o ? `${p}-helper` : void 0, C = t ? `${p}-error` : void 0, N = [f, C].filter(Boolean).join(" "), g = y({
+    const _ = S(), p = r || _, m = n ? `${p}-helper` : void 0, v = e ? `${p}-error` : void 0, C = [m, v].filter(Boolean).join(" "), y = I({
       disabled: a,
-      invalid: !!t,
+      invalid: !!e,
       readOnly: i,
-      resizable: c ? "true" : "false",
+      resizable: d ? "true" : "false",
       minRows: "true",
       ...l && { maxRows: "true" }
-    }), S = {
-      "--_min-rows-count": d,
+    }), g = {
+      "--_min-rows-count": c,
       ...l && { "--_max-rows-count": l }
     };
-    return /* @__PURE__ */ I("div", { className: x(P.field, u), children: [
-      e && /* @__PURE__ */ n(k, { htmlFor: p, required: s, disabled: a, children: e }),
-      /* @__PURE__ */ n(
+    return /* @__PURE__ */ N("div", { className: x(z.field, u), children: [
+      t && /* @__PURE__ */ o($, { htmlFor: p, required: s, disabled: a, children: t }),
+      /* @__PURE__ */ o(
         "textarea",
         {
           ref: h,
           id: p,
-          className: P.textarea,
+          className: z.textarea,
           disabled: a,
           readOnly: i,
           required: s,
-          style: S,
-          "aria-invalid": t ? "true" : void 0,
+          style: g,
+          "aria-invalid": e ? "true" : void 0,
           "aria-disabled": a ? "true" : void 0,
-          "aria-describedby": N || void 0,
-          ...g,
-          ...v
+          "aria-describedby": C || void 0,
+          ...y,
+          ...f
         }
       ),
-      t && /* @__PURE__ */ n(G, { id: C, children: t }),
-      !t && o && /* @__PURE__ */ n(B, { id: f, children: o })
+      e && /* @__PURE__ */ o(w, { id: v, children: e }),
+      !e && n && /* @__PURE__ */ o(k, { id: m, children: n })
     ] });
   }
 );
-le.displayName = "TextArea";
-const V = b(({ children: e, ...o }, t) => /* @__PURE__ */ n("option", { ref: t, ...o, children: e }));
-V.displayName = "Select.Option";
-const _ = b(
-  ({ label: e, children: o, ...t }, s) => /* @__PURE__ */ n("optgroup", { ref: s, label: e, ...t, children: o })
+zt.displayName = "TextArea";
+const P = b(({ children: t, ...n }, e) => /* @__PURE__ */ o("option", { ref: e, ...n, children: t }));
+P.displayName = "Select.Option";
+const H = b(
+  ({ label: t, children: n, ...e }, s) => /* @__PURE__ */ o("optgroup", { ref: s, label: t, ...e, children: n })
 );
-_.displayName = "Select.OptionGroup";
-const z = b(
-  ({ label: e, helper: o, error: t, required: s = !1, disabled: a = !1, placeholder: i, children: c, id: d, className: l, ...r }, u) => {
-    const v = O(), h = d || v, m = o ? `${h}-helper` : void 0, p = t ? `${h}-error` : void 0, f = [m, p].filter(Boolean).join(" "), C = y({
+H.displayName = "Select.OptionGroup";
+const V = b(
+  ({ label: t, helper: n, error: e, required: s = !1, disabled: a = !1, placeholder: i, children: d, id: c, className: l, ...r }, u) => {
+    const f = S(), h = c || f, _ = n ? `${h}-helper` : void 0, p = e ? `${h}-error` : void 0, m = [_, p].filter(Boolean).join(" "), v = I({
       disabled: a,
-      invalid: !!t
+      invalid: !!e
     });
-    return /* @__PURE__ */ I("div", { className: x(H.field, l), children: [
-      e && /* @__PURE__ */ n(k, { htmlFor: h, required: s, disabled: a, children: e }),
-      /* @__PURE__ */ I(
+    return /* @__PURE__ */ N("div", { className: x(F.field, l), children: [
+      t && /* @__PURE__ */ o($, { htmlFor: h, required: s, disabled: a, children: t }),
+      /* @__PURE__ */ N(
         "select",
         {
           ref: u,
           id: h,
-          className: H.select,
+          className: F.select,
           disabled: a,
           required: s,
-          "aria-invalid": t ? "true" : void 0,
+          "aria-invalid": e ? "true" : void 0,
           "aria-disabled": a ? "true" : void 0,
-          "aria-describedby": f || void 0,
-          ...C,
+          "aria-describedby": m || void 0,
+          ...v,
           ...r,
           children: [
-            i && /* @__PURE__ */ n("option", { value: "", disabled: !0, children: i }),
-            c
+            i && /* @__PURE__ */ o("option", { value: "", disabled: !0, children: i }),
+            d
           ]
         }
       ),
-      t && /* @__PURE__ */ n(G, { id: p, children: t }),
-      !t && o && /* @__PURE__ */ n(B, { id: m, children: o })
+      e && /* @__PURE__ */ o(w, { id: p, children: e }),
+      !e && n && /* @__PURE__ */ o(k, { id: _, children: n })
     ] });
   }
 );
-z.displayName = "Select";
-const J = z;
-J.Option = V;
-J.OptionGroup = _;
-const re = b(
-  ({ variant: e = "outline", size: o = "medium", invalid: t = !1, disabled: s = !1, children: a, className: i, ...c }, d) => {
-    const l = y({
+V.displayName = "Select";
+const J = V;
+J.Option = P;
+J.OptionGroup = H;
+const Ft = b(
+  ({ variant: t = "outline", size: n = "medium", invalid: e = !1, disabled: s = !1, children: a, className: i, ...d }, c) => {
+    const l = I({
       disabled: s,
-      invalid: t,
-      size: o,
-      variant: e
+      invalid: e,
+      size: n,
+      variant: t
     });
-    return /* @__PURE__ */ I("label", { className: x(M.radio, i), ...l, children: [
-      /* @__PURE__ */ n(
+    return /* @__PURE__ */ N("label", { className: x(M.radio, i), ...l, children: [
+      /* @__PURE__ */ o(
         "input",
         {
-          ref: d,
+          ref: c,
           type: "radio",
           className: M.input,
           disabled: s,
-          "aria-invalid": t || void 0,
-          ...c
+          "aria-invalid": e || void 0,
+          ...d
         }
       ),
-      /* @__PURE__ */ n("span", { className: M.indicator }),
-      a && /* @__PURE__ */ n("span", { className: M.label, children: a })
+      /* @__PURE__ */ o("span", { className: M.indicator }),
+      a && /* @__PURE__ */ o("span", { className: M.label, children: a })
     ] });
   }
 );
-re.displayName = "Radio";
-const pe = b(
-  ({ invalid: e = !1, disabled: o = !1, required: t = !1, children: s, className: a, ...i }, c) => {
-    const d = y({
-      disabled: o,
-      invalid: e,
-      required: t
+Ft.displayName = "Radio";
+const Pt = b(
+  ({ invalid: t = !1, disabled: n = !1, required: e = !1, children: s, className: a, ...i }, d) => {
+    const c = I({
+      disabled: n,
+      invalid: t,
+      required: e
     });
-    return /* @__PURE__ */ I("label", { className: x(T.checkbox, a), ...d, children: [
-      /* @__PURE__ */ n(
+    return /* @__PURE__ */ N("label", { className: x(R.checkbox, a), ...c, children: [
+      /* @__PURE__ */ o(
         "input",
         {
-          ref: c,
+          ref: d,
           type: "checkbox",
-          className: T.input,
-          disabled: o,
-          required: t,
-          "aria-invalid": e || void 0,
-          "aria-required": t || void 0,
+          className: R.input,
+          disabled: n,
+          required: e,
+          "aria-invalid": t || void 0,
+          "aria-required": e || void 0,
           ...i
         }
       ),
-      /* @__PURE__ */ n("span", { className: T.indicator }),
-      s && /* @__PURE__ */ n("span", { className: T.label, "data-required": t || void 0, children: s })
+      /* @__PURE__ */ o("span", { className: R.indicator }),
+      s && /* @__PURE__ */ o("span", { className: R.label, "data-required": e || void 0, children: s })
     ] });
   }
 );
-pe.displayName = "Checkbox";
-const K = E(void 0);
-function ue() {
-  const e = D(K);
-  if (!e)
+Pt.displayName = "Checkbox";
+const K = T(void 0);
+function Ht() {
+  const t = L(K);
+  if (!t)
     throw new Error("RadioGroup.Option must be used within RadioGroup");
-  return e;
+  return t;
 }
 const Q = b(
   ({
-    value: e,
-    onChange: o,
-    name: t,
+    value: t,
+    onChange: n,
+    name: e,
     variant: s = "outline",
     size: a = "medium",
     label: i,
-    helper: c,
-    error: d,
+    helper: d,
+    error: c,
     required: l = !1,
     disabled: r = !1,
     direction: u = "column",
-    children: v,
+    children: f,
     className: h,
-    ...m
+    ..._
   }, p) => {
-    const f = O(), C = m.id || f, N = c ? `${C}-helper` : void 0, g = d ? `${C}-error` : void 0, S = [N, g].filter(Boolean).join(" "), w = (oe) => {
-      !r && o && o(oe);
-    }, R = y({
+    const m = S(), v = _.id || m, C = d ? `${v}-helper` : void 0, y = c ? `${v}-error` : void 0, g = [C, y].filter(Boolean).join(" "), O = (nt) => {
+      !r && n && n(nt);
+    }, G = I({
       disabled: r,
-      invalid: !!d,
+      invalid: !!c,
       size: a === "medium" ? void 0 : a,
       variant: a === "medium" ? s : void 0
     });
-    return /* @__PURE__ */ I("div", { ref: p, className: x(A.field, h), ...R, ...m, children: [
-      i && /* @__PURE__ */ n(k, { required: l, disabled: r, children: i }),
-      /* @__PURE__ */ n(K.Provider, { value: { disabled: r, name: t, onChange: w, value: e }, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ N("div", { ref: p, className: x(B.field, h), ...G, ..._, children: [
+      i && /* @__PURE__ */ o($, { required: l, disabled: r, children: i }),
+      /* @__PURE__ */ o(K.Provider, { value: { disabled: r, name: e, onChange: O, value: t }, children: /* @__PURE__ */ o(
         "div",
         {
-          className: A.options,
+          className: B.options,
           "data-direction": u,
           role: "radiogroup",
-          "aria-describedby": S || void 0,
-          "aria-invalid": d ? "true" : void 0,
-          children: v
+          "aria-describedby": g || void 0,
+          "aria-invalid": c ? "true" : void 0,
+          children: f
         }
       ) }),
-      d && /* @__PURE__ */ n(G, { id: g, children: d }),
-      !d && c && /* @__PURE__ */ n(B, { id: N, children: c })
+      c && /* @__PURE__ */ o(w, { id: y, children: c }),
+      !c && d && /* @__PURE__ */ o(k, { id: C, children: d })
     ] });
   }
 );
 Q.displayName = "RadioGroup";
 const U = b(
-  ({ value: e, children: o, disabled: t, className: s, ...a }, i) => {
-    const c = ue(), d = c.value === e, l = c.disabled || t, r = () => {
-      l || c.onChange(e);
+  ({ value: t, children: n, disabled: e, className: s, ...a }, i) => {
+    const d = Ht(), c = d.value === t, l = d.disabled || e, r = () => {
+      l || d.onChange(t);
     };
-    return /* @__PURE__ */ I("label", { className: x(A.option, s), children: [
-      /* @__PURE__ */ n(
+    return /* @__PURE__ */ N("label", { className: x(B.option, s), children: [
+      /* @__PURE__ */ o(
         "input",
         {
           ref: i,
           type: "radio",
-          name: c.name,
-          value: e,
-          checked: d,
+          name: d.name,
+          value: t,
+          checked: c,
           disabled: l,
           onChange: r,
-          className: A.input,
+          className: B.input,
           ...a
         }
       ),
-      /* @__PURE__ */ n("span", { className: A.indicator }),
-      o && /* @__PURE__ */ n("span", { className: A.optionLabel, children: o })
+      /* @__PURE__ */ o("span", { className: B.indicator }),
+      n && /* @__PURE__ */ o("span", { className: B.optionLabel, children: n })
     ] });
   }
 );
 U.displayName = "RadioGroup.Option";
-const Ie = Object.assign(Q, {
+const Zt = Object.assign(Q, {
   Option: U
-}), W = E(void 0);
-function he() {
-  const e = D(W);
-  if (!e)
+}), W = T(void 0);
+function Vt() {
+  const t = L(W);
+  if (!t)
     throw new Error("CheckboxGroup.Option must be used within CheckboxGroup");
-  return e;
+  return t;
 }
 const X = b(
   ({
-    value: e,
-    onChange: o,
-    name: t,
+    value: t,
+    onChange: n,
+    name: e,
     label: s,
     helper: a,
     error: i,
-    required: c = !1,
-    disabled: d = !1,
+    required: d = !1,
+    disabled: c = !1,
     direction: l = "column",
     children: r,
     className: u,
-    ...v
+    ...f
   }, h) => {
-    const m = O(), p = v.id || m, f = a ? `${p}-helper` : void 0, C = i ? `${p}-error` : void 0, N = [f, C].filter(Boolean).join(" "), g = (w) => {
-      !d && o && o(w);
-    }, S = y({
-      disabled: d,
+    const _ = S(), p = f.id || _, m = a ? `${p}-helper` : void 0, v = i ? `${p}-error` : void 0, C = [m, v].filter(Boolean).join(" "), y = (O) => {
+      !c && n && n(O);
+    }, g = I({
+      disabled: c,
       invalid: !!i
     });
-    return /* @__PURE__ */ I("div", { ref: h, className: x(j.field, u), ...S, ...v, children: [
-      s && /* @__PURE__ */ n(k, { required: c, disabled: d, children: s }),
-      /* @__PURE__ */ n(W.Provider, { value: { disabled: d, name: t, onChange: g, value: e }, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ N("div", { ref: h, className: x(A.field, u), ...g, ...f, children: [
+      s && /* @__PURE__ */ o($, { required: d, disabled: c, children: s }),
+      /* @__PURE__ */ o(W.Provider, { value: { disabled: c, name: e, onChange: y, value: t }, children: /* @__PURE__ */ o(
         "div",
         {
-          className: j.options,
+          className: A.options,
           "data-direction": l,
           role: "group",
-          "aria-describedby": N || void 0,
+          "aria-describedby": C || void 0,
           "aria-invalid": i ? "true" : void 0,
           children: r
         }
       ) }),
-      i && /* @__PURE__ */ n(G, { id: C, children: i }),
-      !i && a && /* @__PURE__ */ n(B, { id: f, children: a })
+      i && /* @__PURE__ */ o(w, { id: v, children: i }),
+      !i && a && /* @__PURE__ */ o(k, { id: m, children: a })
     ] });
   }
 );
 X.displayName = "CheckboxGroup";
 const Y = b(
-  ({ value: e, children: o, disabled: t, required: s = !1, className: a, ...i }, c) => {
-    const d = O(), l = he(), r = l.value.includes(e), u = l.disabled || t, v = () => {
+  ({ value: t, children: n, disabled: e, required: s = !1, className: a, ...i }, d) => {
+    const c = S(), l = Vt(), r = l.value.includes(t), u = l.disabled || e, f = () => {
       if (!u) {
-        const m = r ? l.value.filter((p) => p !== e) : [...l.value, e];
-        l.onChange(m);
+        const _ = r ? l.value.filter((p) => p !== t) : [...l.value, t];
+        l.onChange(_);
       }
-    }, h = y({
+    }, h = I({
       disabled: u,
       required: s
     });
-    return /* @__PURE__ */ I("label", { className: x(j.option, a), ...h, children: [
-      /* @__PURE__ */ n(
+    return /* @__PURE__ */ N("label", { className: x(A.option, a), ...h, children: [
+      /* @__PURE__ */ o(
         "input",
         {
-          ref: c,
+          ref: d,
           type: "checkbox",
           name: l.name,
-          value: e,
+          value: t,
           checked: r,
           disabled: u,
           required: s,
-          onChange: v,
-          className: j.input,
+          onChange: f,
+          className: A.input,
           "aria-required": s || void 0,
           ...i,
-          id: d
+          id: c
         }
       ),
-      /* @__PURE__ */ n("span", { className: j.indicator }),
-      o && /* @__PURE__ */ n(k, { required: s, disabled: u, htmlFor: d, children: o })
+      /* @__PURE__ */ o("span", { className: A.indicator }),
+      n && /* @__PURE__ */ o($, { required: s, disabled: u, htmlFor: c, children: n })
     ] });
   }
 );
 Y.displayName = "CheckboxGroup.Option";
-const ye = Object.assign(X, {
+const qt = Object.assign(X, {
   Option: Y
-}), Z = E(void 0);
-function me() {
-  const e = D(Z);
-  if (!e)
+}), Z = T(void 0);
+function Jt() {
+  const t = L(Z);
+  if (!t)
     throw new Error("ChipSingleInput.Option must be used within ChipSingleInput");
-  return e;
+  return t;
 }
 const q = b(
   ({
-    value: e,
-    onChange: o,
-    name: t,
+    value: t,
+    onChange: n,
+    name: e,
     label: s,
     helper: a,
     error: i,
-    required: c = !1,
-    disabled: d = !1,
+    required: d = !1,
+    disabled: c = !1,
     gap: l = "2",
     wrap: r = !0,
     children: u,
-    className: v,
+    className: f,
     ...h
-  }, m) => {
-    const p = O(), f = h.id || p, C = a ? `${f}-helper` : void 0, N = i ? `${f}-error` : void 0, g = [C, N].filter(Boolean).join(" "), S = (R) => {
-      !d && o && o(R);
-    }, w = y({
+  }, _) => {
+    const p = S(), m = h.id || p, v = a ? `${m}-helper` : void 0, C = i ? `${m}-error` : void 0, y = [v, C].filter(Boolean).join(" "), g = (G) => {
+      !c && n && n(G);
+    }, O = I({
       invalid: !!i
     });
-    return /* @__PURE__ */ I("div", { ref: m, className: x(F.field, v), ...w, ...h, children: [
-      s && /* @__PURE__ */ n(k, { required: c, disabled: d, children: s }),
-      /* @__PURE__ */ n(
+    return /* @__PURE__ */ N("div", { ref: _, className: x(E.field, f), ...O, ...h, children: [
+      s && /* @__PURE__ */ o($, { required: d, disabled: c, children: s }),
+      /* @__PURE__ */ o(
         Z.Provider,
         {
           value: {
-            disabled: d,
-            name: t,
-            onChange: S,
-            value: e
+            disabled: c,
+            name: e,
+            onChange: g,
+            value: t
           },
-          children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ o(
             "div",
             {
-              className: F.options,
+              className: E.options,
               "data-gap": l,
               "data-wrap": r,
               role: "radiogroup",
-              "aria-describedby": g || void 0,
+              "aria-describedby": y || void 0,
               "aria-invalid": i ? "true" : void 0,
               children: u
             }
           )
         }
       ),
-      i && /* @__PURE__ */ n(G, { id: N, children: i }),
-      !i && a && /* @__PURE__ */ n(B, { id: C, children: a })
+      i && /* @__PURE__ */ o(w, { id: C, children: i }),
+      !i && a && /* @__PURE__ */ o(k, { id: v, children: a })
     ] });
   }
 );
 q.displayName = "ChipSingleInput";
-const ee = b(
-  ({ value: e, children: o, disabled: t, ...s }, a) => {
-    const i = me(), c = i.value === e, d = i.disabled || t, l = () => {
-      !d && i.onChange && i.onChange(e);
-    }, r = y({
-      disabled: d,
-      selected: c
+const tt = b(
+  ({ value: t, children: n, disabled: e, ...s }, a) => {
+    const i = Jt(), d = i.value === t, c = i.disabled || e, l = () => {
+      !c && i.onChange && i.onChange(t);
+    }, r = I({
+      disabled: c,
+      selected: d
     });
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ o(
       "button",
       {
         ref: a,
         type: "button",
-        className: F.option,
+        className: E.option,
         onClick: l,
-        disabled: d,
-        "aria-pressed": c,
+        disabled: c,
+        "aria-pressed": d,
         ...r,
         ...s,
-        children: o
+        children: n
       }
     );
   }
 );
-ee.displayName = "ChipSingleInput.Option";
-const ge = Object.assign(q, {
-  Option: ee
-}), te = E(void 0);
-function ve() {
-  const e = D(te);
-  if (!e)
+tt.displayName = "ChipSingleInput.Option";
+const te = Object.assign(q, {
+  Option: tt
+}), et = T(void 0);
+function Kt() {
+  const t = L(et);
+  if (!t)
     throw new Error("ChipMultipleInput.Option must be used within ChipMultipleInput");
-  return e;
+  return t;
 }
-const ie = b(
+const it = b(
   ({
-    value: e,
-    onChange: o,
-    name: t,
+    value: t,
+    onChange: n,
+    name: e,
     label: s,
     helper: a,
     error: i,
-    required: c = !1,
-    disabled: d = !1,
+    required: d = !1,
+    disabled: c = !1,
     gap: l = "2",
     wrap: r = !0,
     children: u,
-    className: v,
+    className: f,
     ...h
-  }, m) => {
-    const p = O(), f = h.id || p, C = a ? `${f}-helper` : void 0, N = i ? `${f}-error` : void 0, g = [C, N].filter(Boolean).join(" "), S = (R) => {
-      !d && o && o(R);
-    }, w = y({
+  }, _) => {
+    const p = S(), m = h.id || p, v = a ? `${m}-helper` : void 0, C = i ? `${m}-error` : void 0, y = [v, C].filter(Boolean).join(" "), g = (G) => {
+      !c && n && n(G);
+    }, O = I({
       invalid: !!i
     });
-    return /* @__PURE__ */ I("div", { ref: m, className: x(L.field, v), ...w, ...h, children: [
-      s && /* @__PURE__ */ n(k, { required: c, disabled: d, children: s }),
-      /* @__PURE__ */ n(
-        te.Provider,
+    return /* @__PURE__ */ N("div", { ref: _, className: x(D.field, f), ...O, ...h, children: [
+      s && /* @__PURE__ */ o($, { required: d, disabled: c, children: s }),
+      /* @__PURE__ */ o(
+        et.Provider,
         {
           value: {
-            disabled: d,
-            name: t,
-            onChange: S,
-            value: e
+            disabled: c,
+            name: e,
+            onChange: g,
+            value: t
           },
-          children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ o(
             "div",
             {
-              className: L.options,
+              className: D.options,
               "data-gap": l,
               "data-wrap": r,
               role: "group",
-              "aria-describedby": g || void 0,
+              "aria-describedby": y || void 0,
               "aria-invalid": i ? "true" : void 0,
               children: u
             }
           )
         }
       ),
-      i && /* @__PURE__ */ n(G, { id: N, children: i }),
-      !i && a && /* @__PURE__ */ n(B, { id: C, children: a })
+      i && /* @__PURE__ */ o(w, { id: C, children: i }),
+      !i && a && /* @__PURE__ */ o(k, { id: v, children: a })
     ] });
   }
 );
-ie.displayName = "ChipMultipleInput";
-const ne = b(
-  ({ value: e, children: o, disabled: t, ...s }, a) => {
-    const i = ve(), c = i.value.includes(e), d = i.disabled || t, l = () => {
-      if (!d && i.onChange) {
-        const u = c ? i.value.filter((v) => v !== e) : [...i.value, e];
+it.displayName = "ChipMultipleInput";
+const ot = b(
+  ({ value: t, children: n, disabled: e, ...s }, a) => {
+    const i = Kt(), d = i.value.includes(t), c = i.disabled || e, l = () => {
+      if (!c && i.onChange) {
+        const u = d ? i.value.filter((f) => f !== t) : [...i.value, t];
         i.onChange(u);
       }
-    }, r = y({
-      disabled: d,
-      selected: c
+    }, r = I({
+      disabled: c,
+      selected: d
     });
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ o(
       "button",
       {
         ref: a,
         type: "button",
-        className: L.option,
+        className: D.option,
         onClick: l,
-        disabled: d,
-        "aria-pressed": c,
+        disabled: c,
+        "aria-pressed": d,
         ...r,
         ...s,
-        children: o
+        children: n
       }
     );
   }
 );
-ne.displayName = "ChipMultipleInput.Option";
-const Se = Object.assign(ie, {
-  Option: ne
+ot.displayName = "ChipMultipleInput.Option";
+const ee = Object.assign(it, {
+  Option: ot
 });
 export {
-  pe as Checkbox,
-  ye as CheckboxGroup,
-  Se as ChipMultipleInput,
-  ge as ChipSingleInput,
-  G as ErrorText,
-  B as HelperText,
-  k as Label,
-  re as Radio,
-  Ie as RadioGroup,
+  Pt as Checkbox,
+  qt as CheckboxGroup,
+  ee as ChipMultipleInput,
+  te as ChipSingleInput,
+  w as ErrorText,
+  k as HelperText,
+  $ as Label,
+  Ft as Radio,
+  Zt as RadioGroup,
   J as Select,
-  le as TextArea,
-  ce as TextInput
+  zt as TextArea,
+  Dt as TextInput
 };