@versaur/react 1.0.5 → 1.0.6

package/dist/forms.js

@@ -1,611 +1,578 @@
-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 { 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 { u as y } from "./use-data-attrs-iPFyfiKN.js";
 import { c as x } from "./cx-B9vmfsc1.js";
-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
+const k = b(
+  ({ required: e = !1, disabled: o = !1, children: t, className: s, ...a }, i) => {
+    const c = y({
+      disabled: o,
+      required: e
     });
-    return /* @__PURE__ */ o("label", { ref: i, className: x(st.label, s), ...d, ...a, children: e });
+    return /* @__PURE__ */ n("label", { ref: i, className: x(ae.label, s), ...c, ...a, children: t });
   }
 );
-$.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(
+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(
   ({
-    label: t,
-    helper: n,
-    error: e,
+    label: e,
+    helper: o,
+    error: t,
     required: s = !1,
     disabled: a = !1,
     readOnly: i = !1,
-    leftIcon: d,
-    rightIcon: c,
+    leftIcon: c,
+    rightIcon: d,
     id: l,
     className: r,
     ...u
-  }, f) => {
-    const h = S(), _ = l || h, p = n ? `${_}-helper` : void 0, m = e ? `${_}-error` : void 0, v = [p, m].filter(Boolean).join(" "), C = I({
+  }, 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({
       disabled: a,
-      hasLeftIcon: !!d,
-      hasRightIcon: !!c,
-      invalid: !!e,
+      hasLeftIcon: !!c,
+      hasRightIcon: !!d,
+      invalid: !!t,
       readOnly: i
     });
-    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(
+    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(
           "input",
           {
-            ref: f,
-            id: _,
+            ref: v,
+            id: m,
             type: "text",
-            className: j.input,
+            className: $.input,
             disabled: a,
             readOnly: i,
             required: s,
-            "aria-invalid": e ? "true" : void 0,
+            "aria-invalid": t ? "true" : void 0,
             "aria-disabled": a ? "true" : void 0,
-            "aria-describedby": v || void 0,
+            "aria-describedby": C || void 0,
             ...u
           }
         ),
-        c && /* @__PURE__ */ o("span", { className: j["right-icon"], children: c })
+        d && /* @__PURE__ */ n("span", { className: $["right-icon"], children: d })
       ] }),
-      e && /* @__PURE__ */ o(w, { id: m, children: e }),
-      !e && n && /* @__PURE__ */ o(k, { id: p, children: n })
+      t && /* @__PURE__ */ n(G, { id: f, children: t }),
+      !t && o && /* @__PURE__ */ n(B, { id: p, children: o })
     ] });
   }
 );
-Dt.displayName = "TextInput";
-const zt = b(
+ce.displayName = "TextInput";
+const le = b(
   ({
-    label: t,
-    helper: n,
-    error: e,
+    label: e,
+    helper: o,
+    error: t,
     required: s = !1,
     disabled: a = !1,
     readOnly: i = !1,
-    resizable: d = !0,
-    minRows: c = 3,
+    resizable: c = !0,
+    minRows: d = 3,
     maxRows: l,
     id: r,
     className: u,
-    ...f
+    ...v
   }, h) => {
-    const _ = S(), p = r || _, m = n ? `${p}-helper` : void 0, v = e ? `${p}-error` : void 0, C = [m, v].filter(Boolean).join(" "), y = I({
+    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({
       disabled: a,
-      invalid: !!e,
+      invalid: !!t,
       readOnly: i,
-      resizable: d ? "true" : "false",
+      resizable: c ? "true" : "false",
       minRows: "true",
       ...l && { maxRows: "true" }
-    }), g = {
-      "--_min-rows-count": c,
+    }), S = {
+      "--_min-rows-count": d,
       ...l && { "--_max-rows-count": l }
     };
-    return /* @__PURE__ */ N("div", { className: x(z.field, u), children: [
-      t && /* @__PURE__ */ o($, { htmlFor: p, required: s, disabled: a, children: t }),
-      /* @__PURE__ */ o(
+    return /* @__PURE__ */ I("div", { className: x(P.field, u), children: [
+      e && /* @__PURE__ */ n(k, { htmlFor: p, required: s, disabled: a, children: e }),
+      /* @__PURE__ */ n(
         "textarea",
         {
           ref: h,
           id: p,
-          className: z.textarea,
+          className: P.textarea,
           disabled: a,
           readOnly: i,
           required: s,
-          style: g,
-          "aria-invalid": e ? "true" : void 0,
+          style: S,
+          "aria-invalid": t ? "true" : void 0,
           "aria-disabled": a ? "true" : void 0,
-          "aria-describedby": C || void 0,
-          ...y,
-          ...f
+          "aria-describedby": N || void 0,
+          ...g,
+          ...v
         }
       ),
-      e && /* @__PURE__ */ o(w, { id: v, children: e }),
-      !e && n && /* @__PURE__ */ o(k, { id: m, children: n })
+      t && /* @__PURE__ */ n(G, { id: C, children: t }),
+      !t && o && /* @__PURE__ */ n(B, { id: f, 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 })
+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 })
 );
-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({
+_.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({
       disabled: a,
-      invalid: !!e
+      invalid: !!t
     });
-    return /* @__PURE__ */ N("div", { className: x(F.field, l), children: [
-      t && /* @__PURE__ */ o($, { htmlFor: h, required: s, disabled: a, children: t }),
-      /* @__PURE__ */ N(
+    return /* @__PURE__ */ I("div", { className: x(H.field, l), children: [
+      e && /* @__PURE__ */ n(k, { htmlFor: h, required: s, disabled: a, children: e }),
+      /* @__PURE__ */ I(
         "select",
         {
           ref: u,
           id: h,
-          className: F.select,
+          className: H.select,
           disabled: a,
           required: s,
-          "aria-invalid": e ? "true" : void 0,
+          "aria-invalid": t ? "true" : void 0,
           "aria-disabled": a ? "true" : void 0,
-          "aria-describedby": m || void 0,
-          ...v,
+          "aria-describedby": f || void 0,
+          ...C,
           ...r,
           children: [
-            i && /* @__PURE__ */ o("option", { value: "", disabled: !0, children: i }),
-            d
+            i && /* @__PURE__ */ n("option", { value: "", disabled: !0, children: i }),
+            c
           ]
         }
       ),
-      e && /* @__PURE__ */ o(w, { id: p, children: e }),
-      !e && n && /* @__PURE__ */ o(k, { id: _, children: n })
+      t && /* @__PURE__ */ n(G, { id: p, children: t }),
+      !t && o && /* @__PURE__ */ n(B, { id: m, children: o })
     ] });
   }
 );
-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({
+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({
       disabled: s,
-      invalid: e,
-      size: n,
-      variant: t
+      invalid: t,
+      size: o,
+      variant: e
     });
-    return /* @__PURE__ */ N("label", { className: x(M.radio, i), ...l, children: [
-      /* @__PURE__ */ o(
+    return /* @__PURE__ */ I("label", { className: x(M.radio, i), ...l, children: [
+      /* @__PURE__ */ n(
         "input",
         {
-          ref: c,
+          ref: d,
           type: "radio",
           className: M.input,
           disabled: s,
-          "aria-invalid": e || void 0,
-          ...d
+          "aria-invalid": t || void 0,
+          ...c
         }
       ),
-      /* @__PURE__ */ o("span", { className: M.indicator }),
-      a && /* @__PURE__ */ o("span", { className: M.label, children: a })
+      /* @__PURE__ */ n("span", { className: M.indicator }),
+      a && /* @__PURE__ */ n("span", { className: M.label, children: a })
     ] });
   }
 );
-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
+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
     });
-    return /* @__PURE__ */ N("label", { className: x(R.checkbox, a), ...c, children: [
-      /* @__PURE__ */ o(
+    return /* @__PURE__ */ I("label", { className: x(T.checkbox, a), ...d, children: [
+      /* @__PURE__ */ n(
         "input",
         {
-          ref: d,
+          ref: c,
           type: "checkbox",
-          className: R.input,
-          disabled: n,
-          required: e,
-          "aria-invalid": t || void 0,
-          "aria-required": e || void 0,
+          className: T.input,
+          disabled: o,
+          required: t,
+          "aria-invalid": e || void 0,
+          "aria-required": t || void 0,
           ...i
         }
       ),
-      /* @__PURE__ */ o("span", { className: R.indicator }),
-      s && /* @__PURE__ */ o("span", { className: R.label, "data-required": e || void 0, children: s })
+      /* @__PURE__ */ n("span", { className: T.indicator }),
+      s && /* @__PURE__ */ n("span", { className: T.label, "data-required": t || void 0, children: s })
     ] });
   }
 );
-Pt.displayName = "Checkbox";
-const K = T(void 0);
-function Ht() {
-  const t = L(K);
-  if (!t)
+pe.displayName = "Checkbox";
+const K = E(void 0);
+function ue() {
+  const e = D(K);
+  if (!e)
     throw new Error("RadioGroup.Option must be used within RadioGroup");
-  return t;
+  return e;
 }
 const Q = b(
   ({
-    value: t,
-    onChange: n,
-    name: e,
+    value: e,
+    onChange: o,
+    name: t,
     variant: s = "outline",
     size: a = "medium",
     label: i,
-    helper: d,
-    error: c,
+    helper: c,
+    error: d,
     required: l = !1,
     disabled: r = !1,
     direction: u = "column",
-    children: f,
+    children: v,
     className: h,
-    ..._
+    ...m
   }, p) => {
-    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({
+    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({
       disabled: r,
-      invalid: !!c,
+      invalid: !!d,
       size: a === "medium" ? void 0 : a,
       variant: a === "medium" ? s : void 0
     });
-    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(
+    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(
         "div",
         {
-          className: B.options,
+          className: A.options,
           "data-direction": u,
           role: "radiogroup",
-          "aria-describedby": g || void 0,
-          "aria-invalid": c ? "true" : void 0,
-          children: f
+          "aria-describedby": S || void 0,
+          "aria-invalid": d ? "true" : void 0,
+          children: v
         }
       ) }),
-      c && /* @__PURE__ */ o(w, { id: y, children: c }),
-      !c && d && /* @__PURE__ */ o(k, { id: C, children: d })
+      d && /* @__PURE__ */ n(G, { id: g, children: d }),
+      !d && c && /* @__PURE__ */ n(B, { id: N, children: c })
     ] });
   }
 );
 Q.displayName = "RadioGroup";
 const U = b(
-  ({ 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);
+  ({ 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);
     };
-    return /* @__PURE__ */ N("label", { className: x(B.option, s), children: [
-      /* @__PURE__ */ o(
+    return /* @__PURE__ */ I("label", { className: x(A.option, s), children: [
+      /* @__PURE__ */ n(
         "input",
         {
           ref: i,
           type: "radio",
-          name: d.name,
-          value: t,
-          checked: c,
+          name: c.name,
+          value: e,
+          checked: d,
           disabled: l,
           onChange: r,
-          className: B.input,
+          className: A.input,
           ...a
         }
       ),
-      /* @__PURE__ */ o("span", { className: B.indicator }),
-      n && /* @__PURE__ */ o("span", { className: B.optionLabel, children: n })
+      /* @__PURE__ */ n("span", { className: A.indicator }),
+      o && /* @__PURE__ */ n("span", { className: A.optionLabel, children: o })
     ] });
   }
 );
 U.displayName = "RadioGroup.Option";
-const Zt = Object.assign(Q, {
+const Ie = Object.assign(Q, {
   Option: U
-}), W = T(void 0);
-function Vt() {
-  const t = L(W);
-  if (!t)
+}), W = E(void 0);
+function he() {
+  const e = D(W);
+  if (!e)
     throw new Error("CheckboxGroup.Option must be used within CheckboxGroup");
-  return t;
+  return e;
 }
 const X = b(
   ({
-    value: t,
-    onChange: n,
-    name: e,
+    value: e,
+    onChange: o,
+    name: t,
     label: s,
     helper: a,
     error: i,
-    required: d = !1,
-    disabled: c = !1,
+    required: c = !1,
+    disabled: d = !1,
     direction: l = "column",
     children: r,
     className: u,
-    ...f
+    ...v
   }, h) => {
-    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,
+    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,
       invalid: !!i
     });
-    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(
+    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(
         "div",
         {
-          className: A.options,
+          className: j.options,
           "data-direction": l,
           role: "group",
-          "aria-describedby": C || void 0,
+          "aria-describedby": N || void 0,
           "aria-invalid": i ? "true" : void 0,
           children: r
         }
       ) }),
-      i && /* @__PURE__ */ o(w, { id: v, children: i }),
-      !i && a && /* @__PURE__ */ o(k, { id: m, children: a })
+      i && /* @__PURE__ */ n(G, { id: C, children: i }),
+      !i && a && /* @__PURE__ */ n(B, { id: f, children: a })
     ] });
   }
 );
 X.displayName = "CheckboxGroup";
 const Y = b(
-  ({ 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 = () => {
+  ({ 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 = () => {
       if (!u) {
-        const _ = r ? l.value.filter((p) => p !== t) : [...l.value, t];
-        l.onChange(_);
+        const m = r ? l.value.filter((p) => p !== e) : [...l.value, e];
+        l.onChange(m);
       }
-    }, h = I({
+    }, h = y({
       disabled: u,
       required: s
     });
-    return /* @__PURE__ */ N("label", { className: x(A.option, a), ...h, children: [
-      /* @__PURE__ */ o(
+    return /* @__PURE__ */ I("label", { className: x(j.option, a), ...h, children: [
+      /* @__PURE__ */ n(
         "input",
         {
-          ref: d,
+          ref: c,
           type: "checkbox",
           name: l.name,
-          value: t,
+          value: e,
           checked: r,
           disabled: u,
           required: s,
-          onChange: f,
-          className: A.input,
+          onChange: v,
+          className: j.input,
           "aria-required": s || void 0,
           ...i,
-          id: c
+          id: d
         }
       ),
-      /* @__PURE__ */ o("span", { className: A.indicator }),
-      n && /* @__PURE__ */ o($, { required: s, disabled: u, htmlFor: c, children: n })
+      /* @__PURE__ */ n("span", { className: j.indicator }),
+      o && /* @__PURE__ */ n(k, { required: s, disabled: u, htmlFor: d, children: o })
     ] });
   }
 );
 Y.displayName = "CheckboxGroup.Option";
-const qt = Object.assign(X, {
+const ye = Object.assign(X, {
   Option: Y
-}), Z = T(void 0);
-function Jt() {
-  const t = L(Z);
-  if (!t)
+}), Z = E(void 0);
+function me() {
+  const e = D(Z);
+  if (!e)
     throw new Error("ChipSingleInput.Option must be used within ChipSingleInput");
-  return t;
+  return e;
 }
 const q = b(
   ({
-    value: t,
-    onChange: n,
-    name: e,
+    value: e,
+    onChange: o,
+    name: t,
     label: s,
     helper: a,
     error: i,
-    required: d = !1,
-    disabled: c = !1,
+    required: c = !1,
+    disabled: d = !1,
     gap: l = "2",
     wrap: r = !0,
     children: u,
-    className: f,
+    className: v,
     ...h
-  }, _) => {
-    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({
+  }, 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({
       invalid: !!i
     });
-    return /* @__PURE__ */ N("div", { ref: _, className: x(E.field, f), ...O, ...h, children: [
-      s && /* @__PURE__ */ o($, { required: d, disabled: c, children: s }),
-      /* @__PURE__ */ o(
+    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(
         Z.Provider,
         {
           value: {
-            disabled: c,
-            name: e,
-            onChange: g,
-            value: t
+            disabled: d,
+            name: t,
+            onChange: S,
+            value: e
           },
-          children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ n(
             "div",
             {
-              className: E.options,
+              className: F.options,
               "data-gap": l,
               "data-wrap": r,
               role: "radiogroup",
-              "aria-describedby": y || void 0,
+              "aria-describedby": g || void 0,
               "aria-invalid": i ? "true" : void 0,
               children: u
             }
           )
         }
       ),
-      i && /* @__PURE__ */ o(w, { id: C, children: i }),
-      !i && a && /* @__PURE__ */ o(k, { id: v, children: a })
+      i && /* @__PURE__ */ n(G, { id: N, children: i }),
+      !i && a && /* @__PURE__ */ n(B, { id: C, children: a })
     ] });
   }
 );
 q.displayName = "ChipSingleInput";
-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
+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
     });
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ n(
       "button",
       {
         ref: a,
         type: "button",
-        className: E.option,
+        className: F.option,
         onClick: l,
-        disabled: c,
-        "aria-pressed": d,
+        disabled: d,
+        "aria-pressed": c,
         ...r,
         ...s,
-        children: n
+        children: o
       }
     );
   }
 );
-tt.displayName = "ChipSingleInput.Option";
-const te = Object.assign(q, {
-  Option: tt
-}), et = T(void 0);
-function Kt() {
-  const t = L(et);
-  if (!t)
+ee.displayName = "ChipSingleInput.Option";
+const ge = Object.assign(q, {
+  Option: ee
+}), te = E(void 0);
+function ve() {
+  const e = D(te);
+  if (!e)
     throw new Error("ChipMultipleInput.Option must be used within ChipMultipleInput");
-  return t;
+  return e;
 }
-const it = b(
+const ie = b(
   ({
-    value: t,
-    onChange: n,
-    name: e,
+    value: e,
+    onChange: o,
+    name: t,
     label: s,
     helper: a,
     error: i,
-    required: d = !1,
-    disabled: c = !1,
+    required: c = !1,
+    disabled: d = !1,
     gap: l = "2",
     wrap: r = !0,
     children: u,
-    className: f,
+    className: v,
     ...h
-  }, _) => {
-    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({
+  }, 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({
       invalid: !!i
     });
-    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,
+    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,
         {
           value: {
-            disabled: c,
-            name: e,
-            onChange: g,
-            value: t
+            disabled: d,
+            name: t,
+            onChange: S,
+            value: e
           },
-          children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ n(
             "div",
             {
-              className: D.options,
+              className: L.options,
               "data-gap": l,
               "data-wrap": r,
               role: "group",
-              "aria-describedby": y || void 0,
+              "aria-describedby": g || void 0,
               "aria-invalid": i ? "true" : void 0,
               children: u
             }
           )
         }
       ),
-      i && /* @__PURE__ */ o(w, { id: C, children: i }),
-      !i && a && /* @__PURE__ */ o(k, { id: v, children: a })
+      i && /* @__PURE__ */ n(G, { id: N, children: i }),
+      !i && a && /* @__PURE__ */ n(B, { id: C, children: a })
     ] });
   }
 );
-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];
+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];
         i.onChange(u);
       }
-    }, r = I({
-      disabled: c,
-      selected: d
+    }, r = y({
+      disabled: d,
+      selected: c
     });
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ n(
       "button",
       {
         ref: a,
         type: "button",
-        className: D.option,
+        className: L.option,
         onClick: l,
-        disabled: c,
-        "aria-pressed": d,
+        disabled: d,
+        "aria-pressed": c,
         ...r,
         ...s,
-        children: n
+        children: o
       }
     );
   }
 );
-ot.displayName = "ChipMultipleInput.Option";
-const ee = Object.assign(it, {
-  Option: ot
+ne.displayName = "ChipMultipleInput.Option";
+const Se = Object.assign(ie, {
+  Option: ne
 });
 export {
-  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,
+  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,
   J as Select,
-  zt as TextArea,
-  Dt as TextInput
+  le as TextArea,
+  ce as TextInput
 };