@dnotrever2/super-kit 0.1.3 → 0.1.8

package/dist/super-kit.js

@@ -1,25 +1,25 @@
-import { jsxs as d, jsx as e, Fragment as Le } from "react/jsx-runtime";
-import { forwardRef as J, useState as K, useCallback as te, useRef as ne, useImperativeHandle as ge, useEffect as ie, useMemo as le, useContext as Me, createContext as Te } from "react";
-import { createPortal as Se } from "react-dom";
-const Re = "_badge_lyltm_1", Ae = "_neutral_lyltm_18", De = "_accent_lyltm_24", Oe = "_outline_lyltm_29", We = "_success_lyltm_35", Ee = "_warning_lyltm_40", Fe = "_danger_lyltm_45", ze = "_info_lyltm_50", Ve = "_count_lyltm_55", Xe = "_mono_lyltm_63", Ue = "_version_lyltm_71", Ge = "_dismiss_lyltm_80", qe = "_dismissBtn_lyltm_84", He = "_dot_lyltm_98", Ke = "_dotIndicator_lyltm_111", Ye = "_pill_lyltm_119", z = {
-  badge: Re,
-  neutral: Ae,
-  accent: De,
-  outline: Oe,
-  success: We,
-  warning: Ee,
-  danger: Fe,
-  info: ze,
-  count: Ve,
-  mono: Xe,
-  version: Ue,
-  dismiss: Ge,
-  dismissBtn: qe,
-  dot: He,
-  dotIndicator: Ke,
-  pill: Ye
-}, Ze = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "10", height: "10", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) });
-function Je({
+import { jsxs as d, jsx as e, Fragment as Me } from "react/jsx-runtime";
+import { forwardRef as J, useState as Y, useCallback as te, useRef as ne, useImperativeHandle as ge, useEffect as ie, useMemo as le, useContext as Te, createContext as Se } from "react";
+import { createPortal as Re } from "react-dom";
+const Ae = "_badge_lyltm_1", De = "_neutral_lyltm_18", Oe = "_accent_lyltm_24", We = "_outline_lyltm_29", Ee = "_success_lyltm_35", Fe = "_warning_lyltm_40", ze = "_danger_lyltm_45", Ve = "_info_lyltm_50", Xe = "_count_lyltm_55", Ue = "_mono_lyltm_63", Ge = "_version_lyltm_71", qe = "_dismiss_lyltm_80", He = "_dismissBtn_lyltm_84", Ke = "_dot_lyltm_98", Ye = "_dotIndicator_lyltm_111", Ze = "_pill_lyltm_119", z = {
+  badge: Ae,
+  neutral: De,
+  accent: Oe,
+  outline: We,
+  success: Ee,
+  warning: Fe,
+  danger: ze,
+  info: Ve,
+  count: Xe,
+  mono: Ue,
+  version: Ge,
+  dismiss: qe,
+  dismissBtn: He,
+  dot: Ke,
+  dotIndicator: Ye,
+  pill: Ze
+}, Je = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "10", height: "10", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) });
+function Qe({
   variant: o = "neutral",
   icon: s,
   pill: t = !1,
@@ -60,13 +60,13 @@ function Je({
         className: z.dismissBtn,
         "aria-label": "Remove",
         onClick: a,
-        children: /* @__PURE__ */ e(Ze, {})
+        children: /* @__PURE__ */ e(Je, {})
       }
     )
   ] });
 }
-Je.displayName = "Badge";
-function Qe({
+Qe.displayName = "Badge";
+function Pe({
   direction: o = "vertical",
   track: s = !1,
   arrows: t = !1,
@@ -79,38 +79,38 @@ function Qe({
   style: h,
   ...m
 }) {
-  const g = [
+  const f = [
     "sb",
     s ? "sb-track" : null,
     t ? "sb-arrows" : null,
     n ? "sb-auto-hide" : null,
     a ? "sb-expand" : null,
     i
-  ].filter(Boolean).join(" "), f = o === "vertical" ? { overflowY: "auto", overflowX: "hidden" } : o === "horizontal" ? { overflowX: "auto", overflowY: "hidden" } : { overflow: "auto" }, p = l !== void 0 ? { "--sb-w": `${l}px` } : void 0;
+  ].filter(Boolean).join(" "), p = o === "vertical" ? { overflowY: "auto", overflowX: "hidden" } : o === "horizontal" ? { overflowX: "auto", overflowY: "hidden" } : { overflow: "auto" }, g = l !== void 0 ? { "--sb-w": `${l}px` } : void 0;
   return /* @__PURE__ */ e(
     "div",
     {
       ...m,
-      className: g,
-      style: { height: c, ...f, ...p, ...h },
+      className: f,
+      style: { height: c, ...p, ...g, ...h },
       children: r
     }
   );
 }
-Qe.displayName = "Scrollable";
-const Pe = "_btn_8cdvn_1", et = "_icon_8cdvn_34", tt = "_primary_8cdvn_43", nt = "_secondary_8cdvn_51", ot = "_ghost_8cdvn_61", st = "_danger_8cdvn_71", lt = "_success_8cdvn_79", at = "_warning_8cdvn_87", ct = "_sm_8cdvn_96", it = "_md_8cdvn_104", rt = "_lg_8cdvn_106", ee = {
-  btn: Pe,
-  icon: et,
-  primary: tt,
-  secondary: nt,
-  ghost: ot,
-  danger: st,
-  success: lt,
-  warning: at,
-  sm: ct,
-  md: it,
-  lg: rt
-}, dt = J(
+Pe.displayName = "Scrollable";
+const et = "_btn_8cdvn_1", tt = "_icon_8cdvn_34", nt = "_primary_8cdvn_43", ot = "_secondary_8cdvn_51", st = "_ghost_8cdvn_61", lt = "_danger_8cdvn_71", at = "_success_8cdvn_79", ct = "_warning_8cdvn_87", it = "_sm_8cdvn_96", rt = "_md_8cdvn_104", dt = "_lg_8cdvn_106", ee = {
+  btn: et,
+  icon: tt,
+  primary: nt,
+  secondary: ot,
+  ghost: st,
+  danger: lt,
+  success: at,
+  warning: ct,
+  sm: it,
+  md: rt,
+  lg: dt
+}, _t = J(
   ({
     type: o = "button",
     variant: s = "secondary",
@@ -144,34 +144,34 @@ const Pe = "_btn_8cdvn_1", et = "_icon_8cdvn_34", tt = "_primary_8cdvn_43", nt =
     );
   }
 );
-dt.displayName = "Button";
-const _t = "_card_1gxgi_1", ut = "_bordered_1gxgi_8", ht = "_tilt_1gxgi_12", mt = "_closeBtn_1gxgi_20", ft = "_padSm_1gxgi_41", pt = "_padMd_1gxgi_42", gt = "_padLg_1gxgi_43", vt = "_padNone_1gxgi_44", bt = "_header_1gxgi_47", kt = "_headerIcon_1gxgi_54", Nt = "_title_1gxgi_63", yt = "_subtitle_1gxgi_69", xt = "_stat_1gxgi_76", wt = "_statValue_1gxgi_83", Bt = "_statUnit_1gxgi_91", Ct = "_statDelta_1gxgi_97", jt = "_deltaPositive_1gxgi_102", It = "_deltaNegative_1gxgi_103", $t = "_deltaNeutral_1gxgi_104", b = {
-  card: _t,
-  bordered: ut,
-  tilt: ht,
-  closeBtn: mt,
-  padSm: ft,
-  padMd: pt,
-  padLg: gt,
-  padNone: vt,
-  header: bt,
-  headerIcon: kt,
-  title: Nt,
-  subtitle: yt,
-  stat: xt,
-  statValue: wt,
-  statUnit: Bt,
-  statDelta: Ct,
-  deltaPositive: jt,
-  deltaNegative: It,
-  deltaNeutral: $t
-}, Lt = {
+_t.displayName = "Button";
+const ut = "_card_1gxgi_1", ht = "_bordered_1gxgi_8", mt = "_tilt_1gxgi_12", ft = "_closeBtn_1gxgi_20", pt = "_padSm_1gxgi_41", gt = "_padMd_1gxgi_42", vt = "_padLg_1gxgi_43", bt = "_padNone_1gxgi_44", kt = "_header_1gxgi_47", Nt = "_headerIcon_1gxgi_54", yt = "_title_1gxgi_63", xt = "_subtitle_1gxgi_69", wt = "_stat_1gxgi_76", Bt = "_statValue_1gxgi_83", Ct = "_statUnit_1gxgi_91", jt = "_statDelta_1gxgi_97", It = "_deltaPositive_1gxgi_102", $t = "_deltaNegative_1gxgi_103", Lt = "_deltaNeutral_1gxgi_104", b = {
+  card: ut,
+  bordered: ht,
+  tilt: mt,
+  closeBtn: ft,
+  padSm: pt,
+  padMd: gt,
+  padLg: vt,
+  padNone: bt,
+  header: kt,
+  headerIcon: Nt,
+  title: yt,
+  subtitle: xt,
+  stat: wt,
+  statValue: Bt,
+  statUnit: Ct,
+  statDelta: jt,
+  deltaPositive: It,
+  deltaNegative: $t,
+  deltaNeutral: Lt
+}, Mt = {
   none: b.padNone,
   sm: b.padSm,
   md: b.padMd,
   lg: b.padLg
-}, Mt = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "10", height: "10", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) });
-function Tt({
+}, Tt = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "10", height: "10", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) });
+function St({
   padding: o = "md",
   bordered: s = !1,
   tilt: t = !1,
@@ -181,7 +181,7 @@ function Tt({
   className: c,
   ...r
 }) {
-  const i = [b.card, Lt[o], s ? b.bordered : null, t ? b.tilt : null, c].filter(Boolean).join(" ");
+  const i = [b.card, Mt[o], s ? b.bordered : null, t ? b.tilt : null, c].filter(Boolean).join(" ");
   return /* @__PURE__ */ d("div", { ...r, className: i, children: [
     n && /* @__PURE__ */ e(
       "button",
@@ -191,14 +191,14 @@ function Tt({
         ...a,
         className: [b.closeBtn, a == null ? void 0 : a.className].filter(Boolean).join(" "),
         onClick: n,
-        children: /* @__PURE__ */ e(Mt, {})
+        children: /* @__PURE__ */ e(Tt, {})
       }
     ),
     l
   ] });
 }
-Tt.displayName = "Card";
-function St({
+St.displayName = "Card";
+function Rt({
   icon: o,
   title: s,
   subtitle: t,
@@ -213,8 +213,8 @@ function St({
     ] })
   ] });
 }
-St.displayName = "CardHeader";
-function Rt({
+Rt.displayName = "CardHeader";
+function At({
   value: o,
   unit: s,
   delta: t,
@@ -237,9 +237,9 @@ function Rt({
     t && /* @__PURE__ */ e("span", { className: c, children: t })
   ] });
 }
-Rt.displayName = "CardStat";
+At.displayName = "CardStat";
 function re(o, s, t) {
-  const [n, a] = K(s), l = o !== void 0, c = l ? o : n, r = te(
+  const [n, a] = Y(s), l = o !== void 0, c = l ? o : n, r = te(
     (i) => {
       l || a(i), t == null || t(i);
     },
@@ -247,13 +247,13 @@ function re(o, s, t) {
   );
   return [c, r, l];
 }
-const At = "X", Dt = /[a-zA-Z0-9]/;
+const Dt = "X", Ot = /[a-zA-Z0-9]/;
 function ve(o, s = {}) {
-  const t = s.allowedPattern ?? Dt;
+  const t = s.allowedPattern ?? Ot;
   return o.split("").filter((n) => t.test(n)).join("");
 }
-function Ot(o, s, t = {}) {
-  const n = t.placeholder ?? At, a = ve(o, t);
+function Wt(o, s, t = {}) {
+  const n = t.placeholder ?? Dt, a = ve(o, t);
   let l = 0, c = "";
   for (const r of s) {
     if (l >= a.length)
@@ -266,20 +266,20 @@ function Ot(o, s, t = {}) {
   }
   return c;
 }
-const Wt = "_wrapper_25x8h_1", Et = "_field_25x8h_7", Ft = "_label_25x8h_13", zt = "_input_25x8h_22", Vt = "_hasIcon_25x8h_52", Xt = "_hasIconRight_25x8h_55", Ut = "_hasClear_25x8h_58", Gt = "_hasClearAndIconRight_25x8h_61", qt = "_iconSlot_25x8h_64", Ht = "_iconSlotRight_25x8h_78", Kt = "_iconSlotRightWithClear_25x8h_92", Yt = "_clearBtn_25x8h_95", I = {
-  wrapper: Wt,
-  field: Et,
-  label: Ft,
-  input: zt,
-  hasIcon: Vt,
-  hasIconRight: Xt,
-  hasClear: Ut,
-  hasClearAndIconRight: Gt,
-  iconSlot: qt,
-  iconSlotRight: Ht,
-  iconSlotRightWithClear: Kt,
-  clearBtn: Yt
-}, Zt = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "12", height: "12", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), Jt = J(
+const Et = "_wrapper_25x8h_1", Ft = "_field_25x8h_7", zt = "_label_25x8h_13", Vt = "_input_25x8h_22", Xt = "_hasIcon_25x8h_52", Ut = "_hasIconRight_25x8h_55", Gt = "_hasClear_25x8h_58", qt = "_hasClearAndIconRight_25x8h_61", Ht = "_iconSlot_25x8h_64", Kt = "_iconSlotRight_25x8h_78", Yt = "_iconSlotRightWithClear_25x8h_92", Zt = "_clearBtn_25x8h_95", I = {
+  wrapper: Et,
+  field: Ft,
+  label: zt,
+  input: Vt,
+  hasIcon: Xt,
+  hasIconRight: Ut,
+  hasClear: Gt,
+  hasClearAndIconRight: qt,
+  iconSlot: Ht,
+  iconSlotRight: Kt,
+  iconSlotRightWithClear: Yt,
+  clearBtn: Zt
+}, Jt = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "12", height: "12", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), Qt = J(
   ({
     label: o,
     icon: s,
@@ -292,12 +292,12 @@ const Wt = "_wrapper_25x8h_1", Et = "_field_25x8h_7", Ft = "_label_25x8h_13", zt
     mask: i,
     maskAllowedPattern: h,
     maskPlaceholder: m,
-    selectOnFocus: g = !1,
-    textAlign: f,
-    onChange: p,
+    selectOnFocus: f = !1,
+    textAlign: p,
+    onChange: g,
     onValueChange: N,
     value: S,
-    wrapperProps: C,
+    wrapperProps: j,
     fieldProps: k,
     className: x,
     ...y
@@ -316,18 +316,18 @@ const Wt = "_wrapper_25x8h_1", Et = "_field_25x8h_7", Ft = "_label_25x8h_13", zt
     );
     ge($, () => L.current);
     const oe = te(
-      (v) => i ? Ot(v, i, {
+      (v) => i ? Wt(v, i, {
         allowedPattern: h,
         placeholder: m
       }) : v,
       [i, h, m]
     ), R = (v) => {
       const A = oe(v.target.value);
-      v.target.value = A, Q(A), p == null || p(v);
+      v.target.value = A, Q(A), g == null || g(v);
     }, W = () => {
       var v;
       Q(""), (v = L.current) == null || v.focus();
-    }, E = s && t === "right", P = s && t === "left", Y = [
+    }, E = s && t === "right", P = s && t === "left", Z = [
       I.input,
       P ? I.hasIcon : null,
       E ? I.hasIconRight : null,
@@ -335,8 +335,8 @@ const Wt = "_wrapper_25x8h_1", Et = "_field_25x8h_7", Ft = "_label_25x8h_13", zt
       x
     ].filter(Boolean).join(" "), X = (v) => {
       var A;
-      g && v.target.select(), (A = y.onFocus) == null || A.call(y, v);
-    }, Z = /* @__PURE__ */ e(
+      f && v.target.select(), (A = y.onFocus) == null || A.call(y, v);
+    }, q = /* @__PURE__ */ e(
       "input",
       {
         ref: L,
@@ -344,13 +344,13 @@ const Wt = "_wrapper_25x8h_1", Et = "_field_25x8h_7", Ft = "_label_25x8h_13", zt
         value: oe(G),
         onChange: R,
         onFocus: X,
-        className: Y,
-        style: f ? { textAlign: f, ...y.style } : y.style,
+        className: Z,
+        style: p ? { textAlign: p, ...y.style } : y.style,
         ...y
       }
-    ), j = [I.wrapper, C == null ? void 0 : C.className].filter(Boolean).join(" "), F = /* @__PURE__ */ d("span", { ...C, className: j, children: [
+    ), w = [I.wrapper, j == null ? void 0 : j.className].filter(Boolean).join(" "), F = /* @__PURE__ */ d("span", { ...j, className: w, children: [
       P ? /* @__PURE__ */ e("span", { className: I.iconSlot, children: s }) : null,
-      Z,
+      q,
       E ? /* @__PURE__ */ e("span", { className: [I.iconSlotRight, n ? I.iconSlotRightWithClear : null].filter(Boolean).join(" "), children: s }) : null,
       n ? /* @__PURE__ */ e(
         "button",
@@ -362,7 +362,7 @@ const Wt = "_wrapper_25x8h_1", Et = "_field_25x8h_7", Ft = "_label_25x8h_13", zt
           onClick: W,
           className: I.clearBtn,
           ...a,
-          children: (a == null ? void 0 : a.children) ?? /* @__PURE__ */ e(Zt, {})
+          children: (a == null ? void 0 : a.children) ?? /* @__PURE__ */ e(Jt, {})
         }
       ) : null
     ] });
@@ -372,24 +372,24 @@ const Wt = "_wrapper_25x8h_1", Et = "_field_25x8h_7", Ft = "_label_25x8h_13", zt
     ] });
   }
 );
-Jt.displayName = "Input";
-const Qt = "_checkbox_7kjwa_2", Pt = "_checkboxBox_7kjwa_13", en = "_checked_7kjwa_33", tn = "_indeterminate_7kjwa_42", nn = "_disabled_7kjwa_55", on = "_radio_7kjwa_61", sn = "_radioDot_7kjwa_72", ln = "_radioChecked_7kjwa_85", an = "_radioDisabled_7kjwa_97", cn = "_radioGroup_7kjwa_102", rn = "_switchWrap_7kjwa_109", dn = "_switchTrack_7kjwa_120", _n = "_switchOn_7kjwa_143", un = "_switchDisabled_7kjwa_153", B = {
-  checkbox: Qt,
-  checkboxBox: Pt,
-  checked: en,
-  indeterminate: tn,
-  disabled: nn,
-  radio: on,
-  radioDot: sn,
-  radioChecked: ln,
-  radioDisabled: an,
-  radioGroup: cn,
-  switchWrap: rn,
-  switchTrack: dn,
-  switchOn: _n,
-  switchDisabled: un
-}, hn = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" }) });
-function mn({
+Qt.displayName = "Input";
+const Pt = "_checkbox_7kjwa_2", en = "_checkboxBox_7kjwa_13", tn = "_checked_7kjwa_33", nn = "_indeterminate_7kjwa_42", on = "_disabled_7kjwa_55", sn = "_radio_7kjwa_61", ln = "_radioDot_7kjwa_72", an = "_radioChecked_7kjwa_85", cn = "_radioDisabled_7kjwa_97", rn = "_radioGroup_7kjwa_102", dn = "_switchWrap_7kjwa_109", _n = "_switchTrack_7kjwa_120", un = "_switchOn_7kjwa_143", hn = "_switchDisabled_7kjwa_153", C = {
+  checkbox: Pt,
+  checkboxBox: en,
+  checked: tn,
+  indeterminate: nn,
+  disabled: on,
+  radio: sn,
+  radioDot: ln,
+  radioChecked: an,
+  radioDisabled: cn,
+  radioGroup: rn,
+  switchWrap: dn,
+  switchTrack: _n,
+  switchOn: un,
+  switchDisabled: hn
+}, mn = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" }) });
+function fn({
   label: o,
   checked: s,
   defaultChecked: t,
@@ -400,10 +400,10 @@ function mn({
   ...r
 }) {
   const i = s ?? t ?? !1, h = [
-    B.checkbox,
-    i && !n ? B.checked : null,
-    n ? B.indeterminate : null,
-    a ? B.disabled : null,
+    C.checkbox,
+    i && !n ? C.checked : null,
+    n ? C.indeterminate : null,
+    a ? C.disabled : null,
     c
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ d("label", { className: h, children: [
@@ -418,12 +418,12 @@ function mn({
         onChange: (m) => l == null ? void 0 : l(m.currentTarget.checked)
       }
     ),
-    /* @__PURE__ */ e("span", { className: B.checkboxBox, children: !n && /* @__PURE__ */ e(hn, {}) }),
+    /* @__PURE__ */ e("span", { className: C.checkboxBox, children: !n && /* @__PURE__ */ e(mn, {}) }),
     o
   ] });
 }
-mn.displayName = "Checkbox";
-function fn({
+fn.displayName = "Checkbox";
+function pn({
   label: o,
   checked: s = !1,
   disabled: t = !1,
@@ -433,9 +433,9 @@ function fn({
   ...c
 }) {
   const r = [
-    B.radio,
-    s ? B.radioChecked : null,
-    t ? B.radioDisabled : null,
+    C.radio,
+    s ? C.radioChecked : null,
+    t ? C.radioDisabled : null,
     l
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ d("label", { className: r, children: [
@@ -451,17 +451,17 @@ function fn({
         onChange: (i) => n == null ? void 0 : n(i.currentTarget.value)
       }
     ),
-    /* @__PURE__ */ e("span", { className: B.radioDot }),
+    /* @__PURE__ */ e("span", { className: C.radioDot }),
     o
   ] });
 }
-fn.displayName = "Radio";
-function pn({ children: o, className: s, ...t }) {
-  const n = [B.radioGroup, s].filter(Boolean).join(" ");
+pn.displayName = "Radio";
+function gn({ children: o, className: s, ...t }) {
+  const n = [C.radioGroup, s].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("div", { ...t, className: n, role: "radiogroup", children: o });
 }
-pn.displayName = "RadioGroup";
-function gn({
+gn.displayName = "RadioGroup";
+function vn({
   label: o,
   checked: s,
   defaultChecked: t,
@@ -471,9 +471,9 @@ function gn({
   ...c
 }) {
   const r = s ?? t ?? !1, i = [
-    B.switchWrap,
-    r ? B.switchOn : null,
-    n ? B.switchDisabled : null,
+    C.switchWrap,
+    r ? C.switchOn : null,
+    n ? C.switchDisabled : null,
     l
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ d("label", { className: i, children: [
@@ -488,26 +488,26 @@ function gn({
         onChange: (h) => a == null ? void 0 : a(h.currentTarget.checked)
       }
     ),
-    /* @__PURE__ */ e("span", { className: B.switchTrack }),
+    /* @__PURE__ */ e("span", { className: C.switchTrack }),
     o
   ] });
 }
-gn.displayName = "Switch";
-const vn = "_menu_pga52_1", bn = "_item_pga52_13", kn = "_active_pga52_41", Nn = "_danger_pga52_53", yn = "_disabled_pga52_65", xn = "_kbd_pga52_71", wn = "_separator_pga52_79", U = {
-  menu: vn,
-  item: bn,
-  active: kn,
-  danger: Nn,
-  disabled: yn,
-  kbd: xn,
-  separator: wn
+vn.displayName = "Switch";
+const bn = "_menu_pga52_1", kn = "_item_pga52_13", Nn = "_active_pga52_41", yn = "_danger_pga52_53", xn = "_disabled_pga52_65", wn = "_kbd_pga52_71", Bn = "_separator_pga52_79", U = {
+  menu: bn,
+  item: kn,
+  active: Nn,
+  danger: yn,
+  disabled: xn,
+  kbd: wn,
+  separator: Bn
 };
-function Bn({ children: o, className: s, ...t }) {
+function Cn({ children: o, className: s, ...t }) {
   const n = [U.menu, s].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("div", { ...t, className: n, role: "menu", children: o });
 }
-Bn.displayName = "Menu";
-function Cn({
+Cn.displayName = "Menu";
+function jn({
   icon: o,
   kbd: s,
   active: t = !1,
@@ -530,23 +530,23 @@ function Cn({
     s && /* @__PURE__ */ e("span", { className: U.kbd, children: s })
   ] });
 }
-Cn.displayName = "MenuItem";
-function jn({ className: o, ...s }) {
+jn.displayName = "MenuItem";
+function In({ className: o, ...s }) {
   const t = [U.separator, o].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("div", { ...s, className: t, role: "separator" });
 }
-jn.displayName = "MenuSeparator";
-const In = "_backdrop_pya14_1", $n = "_modal_pya14_23", Ln = "_header_pya14_37", Mn = "_titleBlock_pya14_45", Tn = "_title_pya14_45", Sn = "_subtitle_pya14_58", Rn = "_closeBtn_pya14_64", An = "_body_pya14_86", Dn = "_footer_pya14_92", D = {
-  backdrop: In,
-  modal: $n,
-  header: Ln,
-  titleBlock: Mn,
-  title: Tn,
-  subtitle: Sn,
-  closeBtn: Rn,
-  body: An,
-  footer: Dn
-}, On = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "11", height: "11", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), Wn = J(
+In.displayName = "MenuSeparator";
+const $n = "_backdrop_pya14_1", Ln = "_modal_pya14_23", Mn = "_header_pya14_37", Tn = "_titleBlock_pya14_45", Sn = "_title_pya14_45", Rn = "_subtitle_pya14_58", An = "_closeBtn_pya14_64", Dn = "_body_pya14_86", On = "_footer_pya14_92", D = {
+  backdrop: $n,
+  modal: Ln,
+  header: Mn,
+  titleBlock: Tn,
+  title: Sn,
+  subtitle: Rn,
+  closeBtn: An,
+  body: Dn,
+  footer: On
+}, Wn = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "11", height: "11", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), En = J(
   ({
     open: o,
     title: s,
@@ -559,13 +559,13 @@ const In = "_backdrop_pya14_1", $n = "_modal_pya14_23", Ln = "_header_pya14_37",
     modalProps: i,
     headerProps: h,
     bodyProps: m,
-    footerProps: g,
-    closeButtonProps: f,
-    onOpenChange: p,
+    footerProps: f,
+    closeButtonProps: p,
+    onOpenChange: g,
     onClose: N
   }, S) => {
-    const C = ne(null);
-    ge(S, () => C.current), ie(() => {
+    const j = ne(null);
+    ge(S, () => j.current), ie(() => {
       if (!o) return;
       const L = (G) => {
         G.key === "Escape" && k();
@@ -573,7 +573,7 @@ const In = "_backdrop_pya14_1", $n = "_modal_pya14_23", Ln = "_header_pya14_37",
       return document.addEventListener("keydown", L), () => document.removeEventListener("keydown", L);
     }, [o]);
     const k = () => {
-      p == null || p(!1), N == null || N();
+      g == null || g(!1), N == null || N();
     }, x = (L) => {
       l && L.target === L.currentTarget && k();
     };
@@ -589,7 +589,7 @@ const In = "_backdrop_pya14_1", $n = "_modal_pya14_23", Ln = "_header_pya14_37",
         children: /* @__PURE__ */ d(
           "div",
           {
-            ref: C,
+            ref: j,
             ...i,
             className: $,
             role: "dialog",
@@ -607,8 +607,8 @@ const In = "_backdrop_pya14_1", $n = "_modal_pya14_23", Ln = "_header_pya14_37",
                     "aria-label": "Close",
                     className: D.closeBtn,
                     onClick: k,
-                    ...f,
-                    children: (f == null ? void 0 : f.children) ?? /* @__PURE__ */ e(On, {})
+                    ...p,
+                    children: (p == null ? void 0 : p.children) ?? /* @__PURE__ */ e(Wn, {})
                   }
                 )
               ] }),
@@ -623,8 +623,8 @@ const In = "_backdrop_pya14_1", $n = "_modal_pya14_23", Ln = "_header_pya14_37",
               a && /* @__PURE__ */ e(
                 "footer",
                 {
-                  ...g,
-                  className: [D.footer, g == null ? void 0 : g.className].filter(Boolean).join(" "),
+                  ...f,
+                  className: [D.footer, f == null ? void 0 : f.className].filter(Boolean).join(" "),
                   children: a
                 }
               )
@@ -635,22 +635,22 @@ const In = "_backdrop_pya14_1", $n = "_modal_pya14_23", Ln = "_header_pya14_37",
     );
   }
 );
-Wn.displayName = "Modal";
-const En = "_wrapper_10d4l_1", Fn = "_pop_10d4l_8", zn = "_sideRight_10d4l_22", Vn = "_sideTop_10d4l_27", Xn = "_arrow_10d4l_34", Un = "_head_10d4l_60", Gn = "_title_10d4l_67", qn = "_closeBtn_10d4l_74", Hn = "_body_10d4l_105", O = {
-  wrapper: En,
-  pop: Fn,
-  sideRight: zn,
-  sideTop: Vn,
-  arrow: Xn,
-  head: Un,
-  title: Gn,
-  closeBtn: qn,
-  body: Hn
-}, Kn = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+En.displayName = "Modal";
+const Fn = "_wrapper_10d4l_1", zn = "_pop_10d4l_8", Vn = "_sideRight_10d4l_22", Xn = "_sideTop_10d4l_27", Un = "_arrow_10d4l_34", Gn = "_head_10d4l_60", qn = "_title_10d4l_67", Hn = "_closeBtn_10d4l_74", Kn = "_body_10d4l_105", O = {
+  wrapper: Fn,
+  pop: zn,
+  sideRight: Vn,
+  sideTop: Xn,
+  arrow: Un,
+  head: Gn,
+  title: qn,
+  closeBtn: Hn,
+  body: Kn
+}, Yn = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
   /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
 ] });
-function Yn({
+function Zn({
   open: o,
   defaultOpen: s = !1,
   title: t,
@@ -661,25 +661,25 @@ function Yn({
   onOpenChange: r,
   popProps: i
 }) {
-  const [h, m] = K(s), g = o !== void 0, f = g ? o : h, p = ne(null);
+  const [h, m] = Y(s), f = o !== void 0, p = f ? o : h, g = ne(null);
   function N(x) {
-    g || m(x), r == null || r(x);
+    f || m(x), r == null || r(x);
   }
   ie(() => {
     function x(y) {
-      p.current && !p.current.contains(y.target) && N(!1);
+      g.current && !g.current.contains(y.target) && N(!1);
     }
-    return f && document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
-  }, [f]);
-  const S = l.startsWith("top"), C = l.endsWith("end"), k = [
+    return p && document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
+  }, [p]);
+  const S = l.startsWith("top"), j = l.endsWith("end"), k = [
     O.pop,
-    C ? O.sideRight : null,
+    j ? O.sideRight : null,
     S ? O.sideTop : null,
     i == null ? void 0 : i.className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ d("div", { ref: p, className: O.wrapper, children: [
-    a && /* @__PURE__ */ e("div", { onClick: () => N(!f), style: { display: "inline-flex" }, children: a }),
-    f && /* @__PURE__ */ d("div", { ...i, className: k, children: [
+  return /* @__PURE__ */ d("div", { ref: g, className: O.wrapper, children: [
+    a && /* @__PURE__ */ e("div", { onClick: () => N(!p), style: { display: "inline-flex" }, children: a }),
+    p && /* @__PURE__ */ d("div", { ...i, className: k, children: [
       /* @__PURE__ */ e("span", { className: O.arrow }),
       (t || c) && /* @__PURE__ */ d("div", { className: O.head, children: [
         t && /* @__PURE__ */ e("span", { className: O.title, children: t }),
@@ -690,7 +690,7 @@ function Yn({
             className: O.closeBtn,
             "aria-label": "Close",
             onClick: () => N(!1),
-            children: /* @__PURE__ */ e(Kn, {})
+            children: /* @__PURE__ */ e(Yn, {})
           }
         )
       ] }),
@@ -698,21 +698,21 @@ function Yn({
     ] })
   ] });
 }
-Yn.displayName = "Popover";
-const Zn = "_group_1ehqf_1", Jn = "_pb_1ehqf_9", Qn = "_on_1ehqf_37", Pn = "_accent_1ehqf_42", eo = "_solo_1ehqf_47", to = "_disabled_1ehqf_62", H = {
-  group: Zn,
-  pb: Jn,
-  on: Qn,
-  accent: Pn,
-  solo: eo,
-  disabled: to
+Zn.displayName = "Popover";
+const Jn = "_group_1ehqf_1", Qn = "_pb_1ehqf_9", Pn = "_on_1ehqf_37", eo = "_accent_1ehqf_42", to = "_solo_1ehqf_47", no = "_disabled_1ehqf_62", K = {
+  group: Jn,
+  pb: Qn,
+  on: Pn,
+  accent: eo,
+  solo: to,
+  disabled: no
 };
-function no({ children: o, className: s, ...t }) {
-  const n = [H.group, s].filter(Boolean).join(" ");
+function oo({ children: o, className: s, ...t }) {
+  const n = [K.group, s].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("div", { ...t, className: n, role: "group", children: o });
 }
-no.displayName = "PushButtonGroup";
-function oo({
+oo.displayName = "PushButtonGroup";
+function so({
   on: o = !1,
   accent: s = !1,
   solo: t = !1,
@@ -723,11 +723,11 @@ function oo({
   ...r
 }) {
   const i = [
-    H.pb,
-    o ? H.on : null,
-    o && s ? H.accent : null,
-    t ? H.solo : null,
-    l ? H.disabled : null,
+    K.pb,
+    o ? K.on : null,
+    o && s ? K.accent : null,
+    t ? K.solo : null,
+    l ? K.disabled : null,
     c
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ d("button", { ...r, type: "button", className: i, disabled: l, children: [
@@ -735,71 +735,71 @@ function oo({
     a
   ] });
 }
-oo.displayName = "PushButton";
-const so = "_root_15t75_1", lo = "_field_15t75_6", ao = "_label_15t75_12", co = "_labelMeta_15t75_24", io = "_trigger_15t75_33", ro = "_triggerOpen_15t75_59", _o = "_triggerConnectedBottom_15t75_64", uo = "_triggerConnectedTop_15t75_69", ho = "_triggerValue_15t75_74", mo = "_triggerPlaceholder_15t75_83", fo = "_chevron_15t75_85", po = "_chevronOpen_15t75_94", go = "_chips_15t75_97", vo = "_chip_15t75_97", bo = "_chipOverflow_15t75_120", ko = "_clearBtn_15t75_123", No = "_popover_15t75_143", yo = "_popoverBottom_15t75_154", xo = "_popoverTop_15t75_162", wo = "_search_15t75_181", Bo = "_searchIcon_15t75_188", Co = "_searchInput_15t75_195", jo = "_list_15t75_209", Io = "_item_15t75_217", $o = "_itemAlignLeft_15t75_230", Lo = "_itemAlignCenter_15t75_231", Mo = "_itemAlignRight_15t75_232", To = "_itemActive_15t75_235", So = "_itemDisabled_15t75_243", Ro = "_itemMeta_15t75_245", Ao = "_checkbox_15t75_254", Do = "_checkboxChecked_15t75_266", Oo = "_checkIcon_15t75_272", Wo = "_emptyState_15t75_293", Eo = "_popFooter_15t75_301", Fo = "_popFooterBtn_15t75_311", u = {
-  root: so,
-  field: lo,
-  label: ao,
-  labelMeta: co,
-  trigger: io,
-  triggerOpen: ro,
-  triggerConnectedBottom: _o,
-  triggerConnectedTop: uo,
-  triggerValue: ho,
-  triggerPlaceholder: mo,
-  chevron: fo,
-  chevronOpen: po,
-  chips: go,
-  chip: vo,
-  chipOverflow: bo,
-  clearBtn: ko,
-  popover: No,
-  popoverBottom: yo,
-  popoverTop: xo,
-  search: wo,
-  searchIcon: Bo,
-  searchInput: Co,
-  list: jo,
-  item: Io,
-  itemAlignLeft: $o,
-  itemAlignCenter: Lo,
-  itemAlignRight: Mo,
-  itemActive: To,
-  itemDisabled: So,
-  itemMeta: Ro,
-  checkbox: Ao,
-  checkboxChecked: Do,
-  checkIcon: Oo,
-  emptyState: Wo,
-  popFooter: Eo,
-  popFooterBtn: Fo
-}, zo = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "14", height: "14", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) }), pe = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "12", height: "12", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), Vo = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+so.displayName = "PushButton";
+const lo = "_root_15t75_1", ao = "_field_15t75_6", co = "_label_15t75_12", io = "_labelMeta_15t75_24", ro = "_trigger_15t75_33", _o = "_triggerOpen_15t75_59", uo = "_triggerConnectedBottom_15t75_64", ho = "_triggerConnectedTop_15t75_69", mo = "_triggerValue_15t75_74", fo = "_triggerPlaceholder_15t75_83", po = "_chevron_15t75_85", go = "_chevronOpen_15t75_94", vo = "_chips_15t75_97", bo = "_chip_15t75_97", ko = "_chipOverflow_15t75_120", No = "_clearBtn_15t75_123", yo = "_popover_15t75_143", xo = "_popoverBottom_15t75_154", wo = "_popoverTop_15t75_162", Bo = "_search_15t75_181", Co = "_searchIcon_15t75_188", jo = "_searchInput_15t75_195", Io = "_list_15t75_209", $o = "_item_15t75_217", Lo = "_itemAlignLeft_15t75_230", Mo = "_itemAlignCenter_15t75_231", To = "_itemAlignRight_15t75_232", So = "_itemActive_15t75_235", Ro = "_itemDisabled_15t75_243", Ao = "_itemMeta_15t75_245", Do = "_checkbox_15t75_254", Oo = "_checkboxChecked_15t75_266", Wo = "_checkIcon_15t75_272", Eo = "_emptyState_15t75_293", Fo = "_popFooter_15t75_301", zo = "_popFooterBtn_15t75_311", u = {
+  root: lo,
+  field: ao,
+  label: co,
+  labelMeta: io,
+  trigger: ro,
+  triggerOpen: _o,
+  triggerConnectedBottom: uo,
+  triggerConnectedTop: ho,
+  triggerValue: mo,
+  triggerPlaceholder: fo,
+  chevron: po,
+  chevronOpen: go,
+  chips: vo,
+  chip: bo,
+  chipOverflow: ko,
+  clearBtn: No,
+  popover: yo,
+  popoverBottom: xo,
+  popoverTop: wo,
+  search: Bo,
+  searchIcon: Co,
+  searchInput: jo,
+  list: Io,
+  item: $o,
+  itemAlignLeft: Lo,
+  itemAlignCenter: Mo,
+  itemAlignRight: To,
+  itemActive: So,
+  itemDisabled: Ro,
+  itemMeta: Ao,
+  checkbox: Do,
+  checkboxChecked: Oo,
+  checkIcon: Wo,
+  emptyState: Eo,
+  popFooter: Fo,
+  popFooterBtn: zo
+}, Vo = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "14", height: "14", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) }), pe = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "12", height: "12", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), Xo = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "7" }),
   /* @__PURE__ */ e("path", { d: "m20 20-3.5-3.5" })
-] }), ae = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", width: "10", height: "10", children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" }) }), Xo = (o, s) => {
+] }), ae = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", width: "10", height: "10", children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" }) }), Uo = (o, s) => {
   const t = s.trim().toLowerCase();
   return t ? o.filter(
     (n) => String(n.label).toLowerCase().includes(t)
   ) : o;
-}, Uo = J(
+}, Go = J(
   ({
     label: o,
     clearable: s = !1,
     defaultValue: t = null,
     disabled: n = !1,
     emptyLabel: a = "No options found",
-    filterOptions: l = Xo,
+    filterOptions: l = Uo,
     isLoading: c = !1,
     loadingLabel: r = "Loading...",
     multiple: i = !1,
     onSearchChange: h,
     onValueChange: m,
-    options: g,
-    optionsAlign: f = "left",
-    optionsPosition: p = "bottom",
+    options: f,
+    optionsAlign: p = "left",
+    optionsPosition: g = "bottom",
     placeholder: N = "Select",
     searchable: S = !1,
-    searchPlaceholder: C = "Search...",
+    searchPlaceholder: j = "Search...",
     showSelectedCount: k = !0,
     showClearAll: x = !0,
     showSelectedValues: y = !0,
@@ -808,29 +808,29 @@ const so = "_root_15t75_1", lo = "_field_15t75_6", ao = "_label_15t75_12", co =
     className: G,
     ...Q
   }, oe) => {
-    const [R, W] = K(!1), [E, P] = K(""), Y = ne(null), [X, Z] = re(
+    const [R, W] = Y(!1), [E, P] = Y(""), Z = ne(null), [X, q] = re(
       L,
       t,
       (_) => {
-        const w = g.filter(
-          (q) => Array.isArray(_) ? _.includes(q.value) : q.value === _
+        const B = f.filter(
+          (H) => Array.isArray(_) ? _.includes(H.value) : H.value === _
         );
-        m == null || m(_, w);
+        m == null || m(_, B);
       }
-    ), j = le(
+    ), w = le(
       () => Array.isArray(X) ? X : X ? [X] : [],
       [X]
     ), F = le(
-      () => g.filter((_) => j.includes(_.value)),
-      [g, j]
+      () => f.filter((_) => w.includes(_.value)),
+      [f, w]
     ), v = le(
-      () => l(g, E),
-      [l, g, E]
+      () => l(f, E),
+      [l, f, E]
     );
     ie(() => {
       if (!R) return;
-      const _ = (w) => {
-        Y.current && !Y.current.contains(w.target) && W(!1);
+      const _ = (B) => {
+        Z.current && !Z.current.contains(B.target) && W(!1);
       };
       return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
     }, [R]);
@@ -839,44 +839,50 @@ const so = "_root_15t75_1", lo = "_field_15t75_6", ao = "_label_15t75_12", co =
     }, ye = (_) => {
       if (!_.disabled) {
         if (i) {
-          const w = j.includes(_.value) ? j.filter((q) => q !== _.value) : [...j, _.value];
-          Z(w), $ && W(!1);
+          const B = w.includes(_.value) ? w.filter((H) => H !== _.value) : [...w, _.value];
+          q(B), $ && W(!1);
           return;
         }
-        Z(_.value), ($ ?? !0) && W(!1);
+        q(_.value), ($ ?? !0) && W(!1);
       }
     }, de = () => {
-      Z(i ? [] : null), A("");
-    }, xe = (_) => {
-      (_.key === "Enter" || _.key === " ") && (_.preventDefault(), W((w) => !w)), _.key === "Escape" && W(!1);
-    }, _e = p === "top", we = [
+      q(i ? [] : null), A("");
+    }, xe = () => {
+      if (w.length > 0) {
+        de();
+        return;
+      }
+      q(f.filter((_) => !_.disabled).map((_) => _.value));
+    }, we = (_) => {
+      (_.key === "Enter" || _.key === " ") && (_.preventDefault(), W((B) => !B)), _.key === "Escape" && W(!1);
+    }, _e = g === "top", Be = [
       u.trigger,
       R ? u.triggerOpen : null,
       R ? _e ? u.triggerConnectedTop : u.triggerConnectedBottom : null
-    ].filter(Boolean).join(" "), Be = !i || y, Ce = i && y && F.length > 0, se = i, je = i && j.length > 0, ue = Be && F.length > 0, he = 2, me = F.length - he, Ie = [u.root, G].filter(Boolean).join(" "), $e = {
+    ].filter(Boolean).join(" "), Ce = !i || y, je = i && y && F.length > 0, se = i, Ie = i && (w.length > 0 || x), ue = Ce && F.length > 0, he = 2, me = F.length - he, $e = [u.root, G].filter(Boolean).join(" "), Le = {
       left: u.itemAlignLeft,
       center: u.itemAlignCenter,
       right: u.itemAlignRight
-    }[f], fe = /* @__PURE__ */ d("div", { ref: Y, ...Q, className: Ie, children: [
+    }[p], fe = /* @__PURE__ */ d("div", { ref: Z, ...Q, className: $e, children: [
       /* @__PURE__ */ d(
         "button",
         {
           type: "button",
-          className: we,
+          className: Be,
           disabled: n,
           "aria-haspopup": "listbox",
           "aria-expanded": R,
           onClick: () => !n && W((_) => !_),
-          onKeyDown: xe,
+          onKeyDown: we,
           children: [
-            Ce ? /* @__PURE__ */ d("div", { className: u.chips, children: [
+            je ? /* @__PURE__ */ d("div", { className: u.chips, children: [
               F.slice(0, he).map((_) => /* @__PURE__ */ e("span", { className: u.chip, children: _.label }, _.value)),
               me > 0 && /* @__PURE__ */ d("span", { className: [u.chip, u.chipOverflow].join(" "), children: [
                 "+",
                 me
               ] })
             ] }) : /* @__PURE__ */ e("span", { className: [u.triggerValue, ue ? null : u.triggerPlaceholder].filter(Boolean).join(" "), children: ue ? F.map((_) => _.label).join(", ") : N }),
-            s && j.length > 0 && /* @__PURE__ */ e(
+            s && w.length > 0 && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -889,7 +895,7 @@ const so = "_root_15t75_1", lo = "_field_15t75_6", ao = "_label_15t75_12", co =
                 children: /* @__PURE__ */ e(pe, {})
               }
             ),
-            /* @__PURE__ */ e("span", { className: [u.chevron, R ? u.chevronOpen : null].filter(Boolean).join(" "), children: /* @__PURE__ */ e(zo, {}) })
+            /* @__PURE__ */ e("span", { className: [u.chevron, R ? u.chevronOpen : null].filter(Boolean).join(" "), children: /* @__PURE__ */ e(Vo, {}) })
           ]
         }
       ),
@@ -904,13 +910,13 @@ const so = "_root_15t75_1", lo = "_field_15t75_6", ao = "_label_15t75_12", co =
           "aria-multiselectable": i || void 0,
           children: [
             S && /* @__PURE__ */ d("div", { className: u.search, children: [
-              /* @__PURE__ */ e("span", { className: u.searchIcon, children: /* @__PURE__ */ e(Vo, {}) }),
+              /* @__PURE__ */ e("span", { className: u.searchIcon, children: /* @__PURE__ */ e(Xo, {}) }),
               /* @__PURE__ */ e(
                 "input",
                 {
                   autoFocus: !0,
                   value: E,
-                  placeholder: C,
+                  placeholder: j,
                   className: u.searchInput,
                   onChange: (_) => A(_.target.value)
                 }
@@ -921,37 +927,37 @@ const so = "_root_15t75_1", lo = "_field_15t75_6", ao = "_label_15t75_12", co =
               c && /* @__PURE__ */ e("li", { className: u.emptyState, children: r }),
               !c && v.length === 0 && /* @__PURE__ */ e("li", { className: u.emptyState, children: a }),
               !c && v.map((_) => {
-                const w = j.includes(_.value), q = [
+                const B = w.includes(_.value), H = [
                   u.item,
-                  $e,
-                  w ? u.itemActive : null,
+                  Le,
+                  B ? u.itemActive : null,
                   _.disabled ? u.itemDisabled : null
                 ].filter(Boolean).join(" ");
                 return /* @__PURE__ */ d(
                   "li",
                   {
-                    className: q,
+                    className: H,
                     role: "option",
-                    "aria-selected": w,
+                    "aria-selected": B,
                     onClick: () => ye(_),
                     children: [
-                      !se && f === "right" && w && /* @__PURE__ */ e("span", { className: u.checkIcon, children: /* @__PURE__ */ e(ae, {}) }),
-                      se ? /* @__PURE__ */ e("span", { className: [u.checkbox, w ? u.checkboxChecked : null].filter(Boolean).join(" "), children: w && /* @__PURE__ */ e(ae, {}) }) : null,
+                      !se && p === "right" && B && /* @__PURE__ */ e("span", { className: u.checkIcon, children: /* @__PURE__ */ e(ae, {}) }),
+                      se ? /* @__PURE__ */ e("span", { className: [u.checkbox, B ? u.checkboxChecked : null].filter(Boolean).join(" "), children: B && /* @__PURE__ */ e(ae, {}) }) : null,
                       /* @__PURE__ */ e("span", { children: _.label }),
                       _.meta && /* @__PURE__ */ e("span", { className: u.itemMeta, children: _.meta }),
-                      !se && f !== "right" && w && /* @__PURE__ */ e("span", { className: u.checkIcon, children: /* @__PURE__ */ e(ae, {}) })
+                      !se && p !== "right" && B && /* @__PURE__ */ e("span", { className: u.checkIcon, children: /* @__PURE__ */ e(ae, {}) })
                     ]
                   },
                   _.value
                 );
               })
             ] }),
-            je && (k || x) && /* @__PURE__ */ d("div", { className: u.popFooter, children: [
+            Ie && (k || x) && /* @__PURE__ */ d("div", { className: u.popFooter, children: [
               k && /* @__PURE__ */ d("span", { children: [
-                j.length,
+                w.length,
                 " selected"
               ] }),
-              x && /* @__PURE__ */ e("button", { className: u.popFooterBtn, onClick: de, children: "Clear all" })
+              x && /* @__PURE__ */ e("button", { className: u.popFooterBtn, onClick: xe, children: w.length > 0 ? "Clear all" : "Check all" })
             ] })
           ]
         }
@@ -960,9 +966,9 @@ const so = "_root_15t75_1", lo = "_field_15t75_6", ao = "_label_15t75_12", co =
     return o ? /* @__PURE__ */ d("div", { className: u.field, children: [
       /* @__PURE__ */ d("label", { className: u.label, children: [
         o,
-        i && k && j.length > 0 && /* @__PURE__ */ d("span", { className: u.labelMeta, children: [
+        i && k && w.length > 0 && /* @__PURE__ */ d("span", { className: u.labelMeta, children: [
           "· ",
-          j.length,
+          w.length,
           " selected"
         ] })
       ] }),
@@ -970,23 +976,23 @@ const so = "_root_15t75_1", lo = "_field_15t75_6", ao = "_label_15t75_12", co =
     ] }) : fe;
   }
 );
-Uo.displayName = "Select";
-const Go = "_ring_mxe7t_2", qo = "_spin_mxe7t_1", Ho = "_ringMuted_mxe7t_12", Ko = "_sm_mxe7t_14", Yo = "_md_mxe7t_15", Zo = "_lg_mxe7t_16", Jo = "_onAccent_mxe7t_19", Qo = "_dots_mxe7t_29", Po = "_dot_mxe7t_29", es = "_dotPulse_mxe7t_1", ts = "_bar_mxe7t_52", ns = "_barFill_mxe7t_62", os = "_barSlide_mxe7t_1", T = {
-  ring: Go,
-  spin: qo,
-  ringMuted: Ho,
-  sm: Ko,
-  md: Yo,
-  lg: Zo,
-  onAccent: Jo,
-  dots: Qo,
-  dot: Po,
-  dotPulse: es,
-  bar: ts,
-  barFill: ns,
-  barSlide: os
+Go.displayName = "Select";
+const qo = "_ring_mxe7t_2", Ho = "_spin_mxe7t_1", Ko = "_ringMuted_mxe7t_12", Yo = "_sm_mxe7t_14", Zo = "_md_mxe7t_15", Jo = "_lg_mxe7t_16", Qo = "_onAccent_mxe7t_19", Po = "_dots_mxe7t_29", es = "_dot_mxe7t_29", ts = "_dotPulse_mxe7t_1", ns = "_bar_mxe7t_52", os = "_barFill_mxe7t_62", ss = "_barSlide_mxe7t_1", T = {
+  ring: qo,
+  spin: Ho,
+  ringMuted: Ko,
+  sm: Yo,
+  md: Zo,
+  lg: Jo,
+  onAccent: Qo,
+  dots: Po,
+  dot: es,
+  dotPulse: ts,
+  bar: ns,
+  barFill: os,
+  barSlide: ss
 };
-function ss({
+function ls({
   variant: o = "ring",
   size: s = "md",
   muted: t = !1,
@@ -1023,20 +1029,20 @@ function ss({
     }
   );
 }
-ss.displayName = "Spinner";
-const ls = "_field_fazrx_1", as = "_label_fazrx_7", cs = "_wrapper_fazrx_16", is = "_textarea_fazrx_20", rs = "_mono_fazrx_53", ds = "_hasClear_fazrx_59", _s = "_clearBtn_fazrx_62", us = "_footer_fazrx_84", hs = "_helpText_fazrx_92", ms = "_charCount_fazrx_94", fs = "_charCountOver_fazrx_100", M = {
-  field: ls,
-  label: as,
-  wrapper: cs,
-  textarea: is,
-  mono: rs,
-  hasClear: ds,
-  clearBtn: _s,
-  footer: us,
-  helpText: hs,
-  charCount: ms,
-  charCountOver: fs
-}, ps = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "12", height: "12", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), gs = J(
+ls.displayName = "Spinner";
+const as = "_field_fazrx_1", cs = "_label_fazrx_7", is = "_wrapper_fazrx_16", rs = "_textarea_fazrx_20", ds = "_mono_fazrx_53", _s = "_hasClear_fazrx_59", us = "_clearBtn_fazrx_62", hs = "_footer_fazrx_84", ms = "_helpText_fazrx_92", fs = "_charCount_fazrx_94", ps = "_charCountOver_fazrx_100", M = {
+  field: as,
+  label: cs,
+  wrapper: is,
+  textarea: rs,
+  mono: ds,
+  hasClear: _s,
+  clearBtn: us,
+  footer: hs,
+  helpText: ms,
+  charCount: fs,
+  charCountOver: ps
+}, gs = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "12", height: "12", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), vs = J(
   ({
     label: o,
     helpText: s,
@@ -1049,17 +1055,17 @@ const ls = "_field_fazrx_1", as = "_label_fazrx_7", cs = "_wrapper_fazrx_16", is
     onChange: i,
     onValueChange: h,
     className: m,
-    ...g
-  }, f) => {
-    const [p, N] = re(
+    ...f
+  }, p) => {
+    const [g, N] = re(
       l,
       c,
       ($) => h == null ? void 0 : h($)
     ), S = ($) => {
       N($.target.value), i == null || i($);
-    }, C = () => {
+    }, j = () => {
       N("");
-    }, k = t !== void 0 && p.length > t, x = [
+    }, k = t !== void 0 && g.length > t, x = [
       M.textarea,
       "sb",
       a ? M.mono : null,
@@ -1069,13 +1075,13 @@ const ls = "_field_fazrx_1", as = "_label_fazrx_7", cs = "_wrapper_fazrx_16", is
       /* @__PURE__ */ e(
         "textarea",
         {
-          ref: f,
+          ref: p,
           disabled: r,
           maxLength: t,
-          value: p,
+          value: g,
           onChange: S,
           className: x,
-          ...g
+          ...f
         }
       ),
       n && /* @__PURE__ */ e(
@@ -1083,10 +1089,10 @@ const ls = "_field_fazrx_1", as = "_label_fazrx_7", cs = "_wrapper_fazrx_16", is
         {
           type: "button",
           className: M.clearBtn,
-          disabled: r || p.length === 0,
+          disabled: r || g.length === 0,
           "aria-label": "Clear",
-          onClick: C,
-          children: /* @__PURE__ */ e(ps, {})
+          onClick: j,
+          children: /* @__PURE__ */ e(gs, {})
         }
       )
     ] });
@@ -1096,7 +1102,7 @@ const ls = "_field_fazrx_1", as = "_label_fazrx_7", cs = "_wrapper_fazrx_16", is
       (s || t !== void 0) && /* @__PURE__ */ d("div", { className: M.footer, children: [
         s && /* @__PURE__ */ e("span", { className: M.helpText, children: s }),
         t !== void 0 && /* @__PURE__ */ d("span", { className: [M.charCount, k ? M.charCountOver : null].filter(Boolean).join(" "), children: [
-          p.length,
+          g.length,
           " / ",
           t
         ] })
@@ -1104,35 +1110,35 @@ const ls = "_field_fazrx_1", as = "_label_fazrx_7", cs = "_wrapper_fazrx_16", is
     ] });
   }
 );
-gs.displayName = "Textarea";
-const vs = "_toast_d6t69_1", bs = "_slideUp_d6t69_1", ks = "_toastExiting_d6t69_26", Ns = "_slideOut_d6t69_1", ys = "_lead_d6t69_30", xs = "_body_d6t69_37", ws = "_title_d6t69_45", Bs = "_message_d6t69_51", Cs = "_closeBtn_d6t69_56", js = "_ok_d6t69_79", Is = "_error_d6t69_82", $s = "_warning_d6t69_85", Ls = "_info_d6t69_88", Ms = "_stack_d6t69_92", V = {
-  toast: vs,
-  slideUp: bs,
-  toastExiting: ks,
-  slideOut: Ns,
-  lead: ys,
-  body: xs,
-  title: ws,
-  message: Bs,
-  closeBtn: Cs,
-  ok: js,
-  error: Is,
-  warning: $s,
-  info: Ls,
-  stack: Ms
-}, Ts = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" }) }), be = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "11", height: "11", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), Ss = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", children: [
+vs.displayName = "Textarea";
+const bs = "_toast_d6t69_1", ks = "_slideUp_d6t69_1", Ns = "_toastExiting_d6t69_26", ys = "_slideOut_d6t69_1", xs = "_lead_d6t69_30", ws = "_body_d6t69_37", Bs = "_title_d6t69_45", Cs = "_message_d6t69_51", js = "_closeBtn_d6t69_56", Is = "_ok_d6t69_79", $s = "_error_d6t69_82", Ls = "_warning_d6t69_85", Ms = "_info_d6t69_88", Ts = "_stack_d6t69_92", V = {
+  toast: bs,
+  slideUp: ks,
+  toastExiting: Ns,
+  slideOut: ys,
+  lead: xs,
+  body: ws,
+  title: Bs,
+  message: Cs,
+  closeBtn: js,
+  ok: Is,
+  error: $s,
+  warning: Ls,
+  info: Ms,
+  stack: Ts
+}, Ss = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" }) }), be = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "11", height: "11", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), Rs = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", children: [
   /* @__PURE__ */ e("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
   /* @__PURE__ */ e("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
   /* @__PURE__ */ e("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
-] }), Rs = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", children: [
+] }), As = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", children: [
   /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
   /* @__PURE__ */ e("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
   /* @__PURE__ */ e("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
-] }), As = {
-  ok: /* @__PURE__ */ e(Ts, {}),
+] }), Ds = {
+  ok: /* @__PURE__ */ e(Ss, {}),
   error: /* @__PURE__ */ e(be, {}),
-  warning: /* @__PURE__ */ e(Ss, {}),
-  info: /* @__PURE__ */ e(Rs, {})
+  warning: /* @__PURE__ */ e(Rs, {}),
+  info: /* @__PURE__ */ e(As, {})
 };
 function ke({
   variant: o = "ok",
@@ -1148,7 +1154,7 @@ function ke({
     a
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ d("div", { ...l, className: c, role: "alert", children: [
-    /* @__PURE__ */ e("span", { className: V.lead, children: As[o] }),
+    /* @__PURE__ */ e("span", { className: V.lead, children: Ds[o] }),
     /* @__PURE__ */ d("div", { className: V.body, children: [
       /* @__PURE__ */ e("div", { className: V.title, children: s }),
       t && /* @__PURE__ */ e("div", { className: V.message, children: t })
@@ -1166,9 +1172,9 @@ function ke({
   ] });
 }
 ke.displayName = "Toast";
-const Ne = Te(null);
-function qs({ children: o }) {
-  const [s, t] = K([]), n = te((l) => {
+const Ne = Se(null);
+function Hs({ children: o }) {
+  const [s, t] = Y([]), n = te((l) => {
     t((c) => c.filter((r) => r.id !== l));
   }, []), a = te(
     (l) => {
@@ -1179,7 +1185,7 @@ function qs({ children: o }) {
   );
   return /* @__PURE__ */ d(Ne.Provider, { value: { toast: a, dismiss: n }, children: [
     o,
-    typeof document < "u" && Se(
+    typeof document < "u" && Re(
       /* @__PURE__ */ e("div", { className: V.stack, children: s.map((l) => /* @__PURE__ */ e(
         ke,
         {
@@ -1194,29 +1200,29 @@ function qs({ children: o }) {
     )
   ] });
 }
-function Hs() {
-  const o = Me(Ne);
+function Ks() {
+  const o = Te(Ne);
   if (!o)
     throw new Error("useToast must be used within a ToastProvider");
   return o;
 }
-const Ds = "_wrapper_18lxw_1", Os = "_tooltip_18lxw_6", Ws = "_fadeIn_18lxw_1", Es = "_top_18lxw_33", Fs = "_bottom_18lxw_52", zs = "_kbd_18lxw_72", ce = {
-  wrapper: Ds,
-  tooltip: Os,
-  fadeIn: Ws,
-  top: Es,
-  bottom: Fs,
-  kbd: zs
+const Os = "_wrapper_18lxw_1", Ws = "_tooltip_18lxw_6", Es = "_fadeIn_18lxw_1", Fs = "_top_18lxw_33", zs = "_bottom_18lxw_52", Vs = "_kbd_18lxw_72", ce = {
+  wrapper: Os,
+  tooltip: Ws,
+  fadeIn: Es,
+  top: Fs,
+  bottom: zs,
+  kbd: Vs
 };
-function Vs({
+function Xs({
   content: o,
   side: s = "top",
   children: t,
   wrapperProps: n,
   disabled: a = !1
 }) {
-  const [l, c] = K(!1);
-  if (a) return /* @__PURE__ */ e(Le, { children: t });
+  const [l, c] = Y(!1);
+  if (a) return /* @__PURE__ */ e(Me, { children: t });
   const r = [ce.tooltip, ce[s]].filter(Boolean).join(" "), i = [ce.wrapper, n == null ? void 0 : n.className].filter(Boolean).join(" ");
   return /* @__PURE__ */ d(
     "span",
@@ -1234,35 +1240,35 @@ function Vs({
     }
   );
 }
-Vs.displayName = "Tooltip";
+Xs.displayName = "Tooltip";
 export {
-  Je as Badge,
-  dt as Button,
-  Tt as Card,
-  St as CardHeader,
-  Rt as CardStat,
-  mn as Checkbox,
-  Jt as Input,
-  Bn as Menu,
-  Cn as MenuItem,
-  jn as MenuSeparator,
-  Wn as Modal,
-  Yn as Popover,
-  oo as PushButton,
-  no as PushButtonGroup,
-  fn as Radio,
-  pn as RadioGroup,
-  Qe as Scrollable,
-  Uo as Select,
-  ss as Spinner,
-  gn as Switch,
-  gs as Textarea,
+  Qe as Badge,
+  _t as Button,
+  St as Card,
+  Rt as CardHeader,
+  At as CardStat,
+  fn as Checkbox,
+  Qt as Input,
+  Cn as Menu,
+  jn as MenuItem,
+  In as MenuSeparator,
+  En as Modal,
+  Zn as Popover,
+  so as PushButton,
+  oo as PushButtonGroup,
+  pn as Radio,
+  gn as RadioGroup,
+  Pe as Scrollable,
+  Go as Select,
+  ls as Spinner,
+  vn as Switch,
+  vs as Textarea,
   ke as Toast,
-  qs as ToastProvider,
-  Vs as Tooltip,
-  Ot as applyMask,
+  Hs as ToastProvider,
+  Xs as Tooltip,
+  Wt as applyMask,
   ve as getRawMaskValue,
   re as useControlledState,
-  Hs as useToast
+  Ks as useToast
 };
 //# sourceMappingURL=super-kit.js.map