@dnotrever2/super-kit 0.1.0

package/dist/super-kit.js

@@ -0,0 +1,1239 @@
+import { jsxs as d, jsx as e, Fragment as ve } from "react/jsx-runtime";
+import { forwardRef as Z, useState as G, useCallback as ee, useRef as te, useImperativeHandle as ue, useEffect as ae, useMemo as le, useContext as ke, createContext as be } from "react";
+import { createPortal as Ne } from "react-dom";
+const ye = "_badge_lyltm_1", xe = "_neutral_lyltm_18", we = "_accent_lyltm_24", Be = "_outline_lyltm_29", je = "_success_lyltm_35", Ce = "_warning_lyltm_40", Ie = "_danger_lyltm_45", $e = "_info_lyltm_50", Le = "_count_lyltm_55", Me = "_mono_lyltm_63", Se = "_version_lyltm_71", qe = "_dismiss_lyltm_80", Re = "_dismissBtn_lyltm_84", Te = "_dot_lyltm_98", De = "_dotIndicator_lyltm_111", Oe = "_pill_lyltm_119", E = {
+  badge: ye,
+  neutral: xe,
+  accent: we,
+  outline: Be,
+  success: je,
+  warning: Ce,
+  danger: Ie,
+  info: $e,
+  count: Le,
+  mono: Me,
+  version: Se,
+  dismiss: qe,
+  dismissBtn: Re,
+  dot: Te,
+  dotIndicator: De,
+  pill: Oe
+}, We = () => /* @__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 Ee({
+  variant: s = "neutral",
+  icon: l,
+  pill: t = !1,
+  dismissable: n = !1,
+  onDismiss: a,
+  dotColor: o,
+  children: c,
+  className: r,
+  ...i
+}) {
+  if (s === "dot") {
+    const m = [E.badge, E.dot, r].filter(Boolean).join(" ");
+    return /* @__PURE__ */ d("span", { ...i, className: m, children: [
+      /* @__PURE__ */ e(
+        "span",
+        {
+          className: E.dotIndicator,
+          style: { background: o ?? "var(--accent)" }
+        }
+      ),
+      c
+    ] });
+  }
+  const h = [
+    E.badge,
+    E[s],
+    t ? E.pill : null,
+    n ? E.dismiss : null,
+    r
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("span", { ...i, className: h, children: [
+    l || null,
+    c,
+    n && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: E.dismissBtn,
+        "aria-label": "Remove",
+        onClick: a,
+        children: /* @__PURE__ */ e(We, {})
+      }
+    )
+  ] });
+}
+Ee.displayName = "Badge";
+function Ae({
+  direction: s = "vertical",
+  track: l = !1,
+  arrows: t = !1,
+  autoHide: n = !1,
+  expand: a = !1,
+  scrollbarSize: o,
+  height: c,
+  children: r,
+  className: i,
+  style: h,
+  ...m
+}) {
+  const g = [
+    "sb",
+    l ? "sb-track" : null,
+    t ? "sb-arrows" : null,
+    n ? "sb-auto-hide" : null,
+    a ? "sb-expand" : null,
+    i
+  ].filter(Boolean).join(" "), k = s === "vertical" ? { overflowY: "auto", overflowX: "hidden" } : s === "horizontal" ? { overflowX: "auto", overflowY: "hidden" } : { overflow: "auto" }, p = o !== void 0 ? { "--sb-w": `${o}px` } : void 0;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ...m,
+      className: g,
+      style: { height: c, ...k, ...p, ...h },
+      children: r
+    }
+  );
+}
+Ae.displayName = "Scrollable";
+const Fe = "_btn_8cdvn_1", ze = "_icon_8cdvn_34", Xe = "_primary_8cdvn_43", Ue = "_secondary_8cdvn_51", Ve = "_ghost_8cdvn_61", Ge = "_danger_8cdvn_71", He = "_success_8cdvn_79", Ke = "_warning_8cdvn_87", Ye = "_sm_8cdvn_96", Ze = "_md_8cdvn_104", Je = "_lg_8cdvn_106", P = {
+  btn: Fe,
+  icon: ze,
+  primary: Xe,
+  secondary: Ue,
+  ghost: Ve,
+  danger: Ge,
+  success: He,
+  warning: Ke,
+  sm: Ye,
+  md: Ze,
+  lg: Je
+}, Qe = Z(
+  ({
+    type: s = "button",
+    variant: l = "secondary",
+    size: t = "md",
+    icon: n,
+    loading: a = !1,
+    children: o,
+    className: c,
+    disabled: r,
+    ...i
+  }, h) => {
+    const m = [
+      P.btn,
+      P[l],
+      P[t],
+      c
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ d(
+      "button",
+      {
+        ref: h,
+        type: s,
+        disabled: r || a,
+        className: m,
+        ...i,
+        children: [
+          n ? /* @__PURE__ */ e("span", { className: P.icon, children: n }) : null,
+          o
+        ]
+      }
+    );
+  }
+);
+Qe.displayName = "Button";
+const Pe = "_card_1gxgi_1", et = "_bordered_1gxgi_8", tt = "_tilt_1gxgi_12", nt = "_closeBtn_1gxgi_20", st = "_padSm_1gxgi_41", lt = "_padMd_1gxgi_42", ot = "_padLg_1gxgi_43", at = "_padNone_1gxgi_44", ct = "_header_1gxgi_47", it = "_headerIcon_1gxgi_54", rt = "_title_1gxgi_63", dt = "_subtitle_1gxgi_69", _t = "_stat_1gxgi_76", ut = "_statValue_1gxgi_83", ht = "_statUnit_1gxgi_91", mt = "_statDelta_1gxgi_97", ft = "_deltaPositive_1gxgi_102", pt = "_deltaNegative_1gxgi_103", gt = "_deltaNeutral_1gxgi_104", v = {
+  card: Pe,
+  bordered: et,
+  tilt: tt,
+  closeBtn: nt,
+  padSm: st,
+  padMd: lt,
+  padLg: ot,
+  padNone: at,
+  header: ct,
+  headerIcon: it,
+  title: rt,
+  subtitle: dt,
+  stat: _t,
+  statValue: ut,
+  statUnit: ht,
+  statDelta: mt,
+  deltaPositive: ft,
+  deltaNegative: pt,
+  deltaNeutral: gt
+}, vt = {
+  none: v.padNone,
+  sm: v.padSm,
+  md: v.padMd,
+  lg: v.padLg
+}, kt = () => /* @__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 bt({
+  padding: s = "md",
+  bordered: l = !1,
+  tilt: t = !1,
+  onClose: n,
+  closeBtnProps: a,
+  children: o,
+  className: c,
+  ...r
+}) {
+  const i = [v.card, vt[s], l ? v.bordered : null, t ? v.tilt : null, c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("div", { ...r, className: i, children: [
+    n && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Close",
+        ...a,
+        className: [v.closeBtn, a == null ? void 0 : a.className].filter(Boolean).join(" "),
+        onClick: n,
+        children: /* @__PURE__ */ e(kt, {})
+      }
+    ),
+    o
+  ] });
+}
+bt.displayName = "Card";
+function Nt({
+  icon: s,
+  title: l,
+  subtitle: t,
+  className: n,
+  ...a
+}) {
+  return /* @__PURE__ */ d("div", { ...a, className: [v.header, n].filter(Boolean).join(" "), children: [
+    s && /* @__PURE__ */ e("span", { className: v.headerIcon, children: s }),
+    /* @__PURE__ */ d("div", { children: [
+      /* @__PURE__ */ e("div", { className: v.title, children: l }),
+      t && /* @__PURE__ */ e("div", { className: v.subtitle, children: t })
+    ] })
+  ] });
+}
+Nt.displayName = "CardHeader";
+function yt({
+  value: s,
+  unit: l,
+  delta: t,
+  deltaDirection: n = "positive",
+  className: a,
+  ...o
+}) {
+  const c = [
+    v.statDelta,
+    n === "positive" ? v.deltaPositive : n === "negative" ? v.deltaNegative : v.deltaNeutral
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("div", { ...o, className: [v.stat, a].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ d("span", { className: v.statValue, children: [
+      s,
+      l && /* @__PURE__ */ d("span", { className: v.statUnit, children: [
+        " ",
+        l
+      ] })
+    ] }),
+    t && /* @__PURE__ */ e("span", { className: c, children: t })
+  ] });
+}
+yt.displayName = "CardStat";
+function ce(s, l, t) {
+  const [n, a] = G(l), o = s !== void 0, c = o ? s : n, r = ee(
+    (i) => {
+      o || a(i), t == null || t(i);
+    },
+    [o, t]
+  );
+  return [c, r, o];
+}
+const xt = "X", wt = /[a-zA-Z0-9]/;
+function he(s, l = {}) {
+  const t = l.allowedPattern ?? wt;
+  return s.split("").filter((n) => t.test(n)).join("");
+}
+function Bt(s, l, t = {}) {
+  const n = t.placeholder ?? xt, a = he(s, t);
+  let o = 0, c = "";
+  for (const r of l) {
+    if (o >= a.length)
+      break;
+    if (r === n) {
+      c += a[o], o += 1;
+      continue;
+    }
+    c += r;
+  }
+  return c;
+}
+const jt = "_wrapper_25x8h_1", Ct = "_field_25x8h_7", It = "_label_25x8h_13", $t = "_input_25x8h_22", Lt = "_hasIcon_25x8h_52", Mt = "_hasIconRight_25x8h_55", St = "_hasClear_25x8h_58", qt = "_hasClearAndIconRight_25x8h_61", Rt = "_iconSlot_25x8h_64", Tt = "_iconSlotRight_25x8h_78", Dt = "_iconSlotRightWithClear_25x8h_92", Ot = "_clearBtn_25x8h_95", L = {
+  wrapper: jt,
+  field: Ct,
+  label: It,
+  input: $t,
+  hasIcon: Lt,
+  hasIconRight: Mt,
+  hasClear: St,
+  hasClearAndIconRight: qt,
+  iconSlot: Rt,
+  iconSlotRight: Tt,
+  iconSlotRightWithClear: Dt,
+  clearBtn: Ot
+}, Wt = () => /* @__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" }) }), Et = Z(
+  ({
+    label: s,
+    icon: l,
+    iconPosition: t = "left",
+    clearable: n = !1,
+    clearButtonProps: a,
+    clearLabel: o,
+    defaultValue: c = "",
+    disabled: r,
+    mask: i,
+    maskAllowedPattern: h,
+    maskPlaceholder: m,
+    selectOnFocus: g = !1,
+    textAlign: k,
+    onChange: p,
+    onValueChange: N,
+    value: R,
+    wrapperProps: j,
+    fieldProps: y,
+    className: $,
+    ...f
+  }, x) => {
+    const w = te(null), [z, X] = ce(
+      R,
+      c,
+      (b) => {
+        N == null || N({
+          value: b,
+          rawValue: i ? he(b, {
+            allowedPattern: h
+          }) : b
+        });
+      }
+    );
+    ue(x, () => w.current);
+    const O = ee(
+      (b) => i ? Bt(b, i, {
+        allowedPattern: h,
+        placeholder: m
+      }) : b,
+      [i, h, m]
+    ), H = (b) => {
+      const W = O(b.target.value);
+      b.target.value = W, X(W), p == null || p(b);
+    }, C = () => {
+      var b;
+      X(""), (b = w.current) == null || b.focus();
+    }, S = l && t === "right", K = l && t === "left", Y = [
+      L.input,
+      K ? L.hasIcon : null,
+      S ? L.hasIconRight : null,
+      n && S ? L.hasClearAndIconRight : n ? L.hasClear : null,
+      $
+    ].filter(Boolean).join(" "), ne = (b) => {
+      var W;
+      g && b.target.select(), (W = f.onFocus) == null || W.call(f, b);
+    }, J = /* @__PURE__ */ e(
+      "input",
+      {
+        ref: w,
+        disabled: r,
+        value: O(z),
+        onChange: H,
+        onFocus: ne,
+        className: Y,
+        style: k ? { textAlign: k, ...f.style } : f.style,
+        ...f
+      }
+    ), se = [L.wrapper, j == null ? void 0 : j.className].filter(Boolean).join(" "), Q = /* @__PURE__ */ d("span", { ...j, className: se, children: [
+      K ? /* @__PURE__ */ e("span", { className: L.iconSlot, children: l }) : null,
+      J,
+      S ? /* @__PURE__ */ e("span", { className: [L.iconSlotRight, n ? L.iconSlotRightWithClear : null].filter(Boolean).join(" "), children: l }) : null,
+      n ? /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Clear",
+          title: "Clear",
+          disabled: r || z.length === 0,
+          onClick: C,
+          className: L.clearBtn,
+          ...a,
+          children: (a == null ? void 0 : a.children) ?? /* @__PURE__ */ e(Wt, {})
+        }
+      ) : null
+    ] });
+    return !s && !y ? Q : /* @__PURE__ */ d("div", { ...y, className: [L.field, y == null ? void 0 : y.className].filter(Boolean).join(" "), children: [
+      s ? /* @__PURE__ */ e("label", { className: L.label, children: s }) : null,
+      Q
+    ] });
+  }
+);
+Et.displayName = "Input";
+const At = "_checkbox_7kjwa_2", Ft = "_checkboxBox_7kjwa_13", zt = "_checked_7kjwa_33", Xt = "_indeterminate_7kjwa_42", Ut = "_disabled_7kjwa_55", Vt = "_radio_7kjwa_61", Gt = "_radioDot_7kjwa_72", Ht = "_radioChecked_7kjwa_85", Kt = "_radioDisabled_7kjwa_97", Yt = "_radioGroup_7kjwa_102", Zt = "_switchWrap_7kjwa_109", Jt = "_switchTrack_7kjwa_120", Qt = "_switchOn_7kjwa_143", Pt = "_switchDisabled_7kjwa_153", B = {
+  checkbox: At,
+  checkboxBox: Ft,
+  checked: zt,
+  indeterminate: Xt,
+  disabled: Ut,
+  radio: Vt,
+  radioDot: Gt,
+  radioChecked: Ht,
+  radioDisabled: Kt,
+  radioGroup: Yt,
+  switchWrap: Zt,
+  switchTrack: Jt,
+  switchOn: Qt,
+  switchDisabled: Pt
+}, en = () => /* @__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 tn({
+  label: s,
+  checked: l,
+  defaultChecked: t,
+  indeterminate: n = !1,
+  disabled: a = !1,
+  onChange: o,
+  className: c,
+  ...r
+}) {
+  const i = l ?? t ?? !1, h = [
+    B.checkbox,
+    i && !n ? B.checked : null,
+    n ? B.indeterminate : null,
+    a ? B.disabled : null,
+    c
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("label", { className: h, children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ...r,
+        type: "checkbox",
+        checked: i,
+        disabled: a,
+        style: { display: "none" },
+        onChange: (m) => o == null ? void 0 : o(m.currentTarget.checked)
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: B.checkboxBox, children: !n && /* @__PURE__ */ e(en, {}) }),
+    s
+  ] });
+}
+tn.displayName = "Checkbox";
+function nn({
+  label: s,
+  checked: l = !1,
+  disabled: t = !1,
+  onChange: n,
+  value: a,
+  className: o,
+  ...c
+}) {
+  const r = [
+    B.radio,
+    l ? B.radioChecked : null,
+    t ? B.radioDisabled : null,
+    o
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("label", { className: r, children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ...c,
+        type: "radio",
+        checked: l,
+        disabled: t,
+        value: a,
+        style: { display: "none" },
+        onChange: (i) => n == null ? void 0 : n(i.currentTarget.value)
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: B.radioDot }),
+    s
+  ] });
+}
+nn.displayName = "Radio";
+function sn({ children: s, className: l, ...t }) {
+  const n = [B.radioGroup, l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { ...t, className: n, role: "radiogroup", children: s });
+}
+sn.displayName = "RadioGroup";
+function ln({
+  label: s,
+  checked: l,
+  defaultChecked: t,
+  disabled: n = !1,
+  onChange: a,
+  className: o,
+  ...c
+}) {
+  const r = l ?? t ?? !1, i = [
+    B.switchWrap,
+    r ? B.switchOn : null,
+    n ? B.switchDisabled : null,
+    o
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("label", { className: i, children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ...c,
+        type: "checkbox",
+        checked: r,
+        disabled: n,
+        style: { display: "none" },
+        onChange: (h) => a == null ? void 0 : a(h.currentTarget.checked)
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: B.switchTrack }),
+    s
+  ] });
+}
+ln.displayName = "Switch";
+const on = "_menu_pga52_1", an = "_item_pga52_13", cn = "_active_pga52_41", rn = "_danger_pga52_53", dn = "_disabled_pga52_65", _n = "_kbd_pga52_71", un = "_separator_pga52_79", F = {
+  menu: on,
+  item: an,
+  active: cn,
+  danger: rn,
+  disabled: dn,
+  kbd: _n,
+  separator: un
+};
+function hn({ children: s, className: l, ...t }) {
+  const n = [F.menu, l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { ...t, className: n, role: "menu", children: s });
+}
+hn.displayName = "Menu";
+function mn({
+  icon: s,
+  kbd: l,
+  active: t = !1,
+  danger: n = !1,
+  disabled: a = !1,
+  children: o,
+  className: c,
+  ...r
+}) {
+  const i = [
+    F.item,
+    t ? F.active : null,
+    n ? F.danger : null,
+    a ? F.disabled : null,
+    c
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("button", { ...r, type: "button", className: i, disabled: a, role: "menuitem", children: [
+    s,
+    o,
+    l && /* @__PURE__ */ e("span", { className: F.kbd, children: l })
+  ] });
+}
+mn.displayName = "MenuItem";
+function fn({ className: s, ...l }) {
+  const t = [F.separator, s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { ...l, className: t, role: "separator" });
+}
+fn.displayName = "MenuSeparator";
+const pn = "_backdrop_pya14_1", gn = "_modal_pya14_23", vn = "_header_pya14_37", kn = "_titleBlock_pya14_45", bn = "_title_pya14_45", Nn = "_subtitle_pya14_58", yn = "_closeBtn_pya14_64", xn = "_body_pya14_86", wn = "_footer_pya14_92", T = {
+  backdrop: pn,
+  modal: gn,
+  header: vn,
+  titleBlock: kn,
+  title: bn,
+  subtitle: Nn,
+  closeBtn: yn,
+  body: xn,
+  footer: wn
+}, Bn = () => /* @__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" }) }), jn = Z(
+  ({
+    open: s,
+    title: l,
+    subtitle: t,
+    children: n,
+    footer: a,
+    closeOnBackdrop: o = !0,
+    showCloseButton: c = !0,
+    backdropProps: r,
+    modalProps: i,
+    headerProps: h,
+    bodyProps: m,
+    footerProps: g,
+    closeButtonProps: k,
+    onOpenChange: p,
+    onClose: N
+  }, R) => {
+    const j = te(null);
+    ue(R, () => j.current), ae(() => {
+      if (!s) return;
+      const w = (z) => {
+        z.key === "Escape" && y();
+      };
+      return document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
+    }, [s]);
+    const y = () => {
+      p == null || p(!1), N == null || N();
+    }, $ = (w) => {
+      o && w.target === w.currentTarget && y();
+    };
+    if (!s) return null;
+    const f = [T.backdrop, r == null ? void 0 : r.className].filter(Boolean).join(" "), x = [T.modal, i == null ? void 0 : i.className].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ...r,
+        className: f,
+        onClick: $,
+        role: "presentation",
+        children: /* @__PURE__ */ d(
+          "div",
+          {
+            ref: j,
+            ...i,
+            className: x,
+            role: "dialog",
+            "aria-modal": "true",
+            children: [
+              (l || c) && /* @__PURE__ */ d("header", { ...h, className: [T.header, h == null ? void 0 : h.className].filter(Boolean).join(" "), children: [
+                /* @__PURE__ */ d("div", { className: T.titleBlock, children: [
+                  l ? /* @__PURE__ */ e("div", { className: T.title, children: l }) : null,
+                  t ? /* @__PURE__ */ e("div", { className: T.subtitle, children: t }) : null
+                ] }),
+                c && /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Close",
+                    className: T.closeBtn,
+                    onClick: y,
+                    ...k,
+                    children: (k == null ? void 0 : k.children) ?? /* @__PURE__ */ e(Bn, {})
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e(
+                "section",
+                {
+                  ...m,
+                  className: [T.body, m == null ? void 0 : m.className].filter(Boolean).join(" "),
+                  children: n
+                }
+              ),
+              a && /* @__PURE__ */ e(
+                "footer",
+                {
+                  ...g,
+                  className: [T.footer, g == null ? void 0 : g.className].filter(Boolean).join(" "),
+                  children: a
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+jn.displayName = "Modal";
+const Cn = "_wrapper_10d4l_1", In = "_pop_10d4l_8", $n = "_sideRight_10d4l_22", Ln = "_sideTop_10d4l_27", Mn = "_arrow_10d4l_34", Sn = "_head_10d4l_60", qn = "_title_10d4l_67", Rn = "_closeBtn_10d4l_74", Tn = "_body_10d4l_105", D = {
+  wrapper: Cn,
+  pop: In,
+  sideRight: $n,
+  sideTop: Ln,
+  arrow: Mn,
+  head: Sn,
+  title: qn,
+  closeBtn: Rn,
+  body: Tn
+}, Dn = () => /* @__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 On({
+  open: s,
+  defaultOpen: l = !1,
+  title: t,
+  children: n,
+  trigger: a,
+  side: o = "bottom-start",
+  showCloseButton: c = !0,
+  onOpenChange: r,
+  popProps: i
+}) {
+  const [h, m] = G(l), g = s !== void 0, k = g ? s : h, p = te(null);
+  function N($) {
+    g || m($), r == null || r($);
+  }
+  ae(() => {
+    function $(f) {
+      p.current && !p.current.contains(f.target) && N(!1);
+    }
+    return k && document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
+  }, [k]);
+  const R = o.startsWith("top"), j = o.endsWith("end"), y = [
+    D.pop,
+    j ? D.sideRight : null,
+    R ? D.sideTop : null,
+    i == null ? void 0 : i.className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("div", { ref: p, className: D.wrapper, children: [
+    a && /* @__PURE__ */ e("div", { onClick: () => N(!k), style: { display: "inline-flex" }, children: a }),
+    k && /* @__PURE__ */ d("div", { ...i, className: y, children: [
+      /* @__PURE__ */ e("span", { className: D.arrow }),
+      (t || c) && /* @__PURE__ */ d("div", { className: D.head, children: [
+        t && /* @__PURE__ */ e("span", { className: D.title, children: t }),
+        c && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: D.closeBtn,
+            "aria-label": "Close",
+            onClick: () => N(!1),
+            children: /* @__PURE__ */ e(Dn, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: D.body, children: n })
+    ] })
+  ] });
+}
+On.displayName = "Popover";
+const Wn = "_group_1ehqf_1", En = "_pb_1ehqf_9", An = "_on_1ehqf_37", Fn = "_accent_1ehqf_42", zn = "_solo_1ehqf_47", Xn = "_disabled_1ehqf_62", V = {
+  group: Wn,
+  pb: En,
+  on: An,
+  accent: Fn,
+  solo: zn,
+  disabled: Xn
+};
+function Un({ children: s, className: l, ...t }) {
+  const n = [V.group, l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { ...t, className: n, role: "group", children: s });
+}
+Un.displayName = "PushButtonGroup";
+function Vn({
+  on: s = !1,
+  accent: l = !1,
+  solo: t = !1,
+  icon: n,
+  children: a,
+  disabled: o = !1,
+  className: c,
+  ...r
+}) {
+  const i = [
+    V.pb,
+    s ? V.on : null,
+    s && l ? V.accent : null,
+    t ? V.solo : null,
+    o ? V.disabled : null,
+    c
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("button", { ...r, type: "button", className: i, disabled: o, children: [
+    n,
+    a
+  ] });
+}
+Vn.displayName = "PushButton";
+const Gn = "_root_156qh_1", Hn = "_field_156qh_6", Kn = "_label_156qh_12", Yn = "_labelMeta_156qh_24", Zn = "_trigger_156qh_33", Jn = "_triggerOpen_156qh_59", Qn = "_triggerConnected_156qh_64", Pn = "_triggerValue_156qh_69", es = "_triggerPlaceholder_156qh_78", ts = "_chevron_156qh_80", ns = "_chevronOpen_156qh_89", ss = "_chips_156qh_92", ls = "_chip_156qh_92", os = "_chipOverflow_156qh_115", as = "_clearBtn_156qh_118", cs = "_popover_156qh_138", is = "_search_156qh_160", rs = "_searchIcon_156qh_167", ds = "_searchInput_156qh_174", _s = "_list_156qh_188", us = "_item_156qh_196", hs = "_itemActive_156qh_209", ms = "_itemDisabled_156qh_217", fs = "_itemMeta_156qh_219", ps = "_checkbox_156qh_227", gs = "_checkboxChecked_156qh_239", vs = "_checkIcon_156qh_245", ks = "_emptyState_156qh_256", bs = "_popFooter_156qh_264", Ns = "_popFooterBtn_156qh_274", u = {
+  root: Gn,
+  field: Hn,
+  label: Kn,
+  labelMeta: Yn,
+  trigger: Zn,
+  triggerOpen: Jn,
+  triggerConnected: Qn,
+  triggerValue: Pn,
+  triggerPlaceholder: es,
+  chevron: ts,
+  chevronOpen: ns,
+  chips: ss,
+  chip: ls,
+  chipOverflow: os,
+  clearBtn: as,
+  popover: cs,
+  search: is,
+  searchIcon: rs,
+  searchInput: ds,
+  list: _s,
+  item: us,
+  itemActive: hs,
+  itemDisabled: ms,
+  itemMeta: fs,
+  checkbox: ps,
+  checkboxChecked: gs,
+  checkIcon: vs,
+  emptyState: ks,
+  popFooter: bs,
+  popFooterBtn: Ns
+}, ys = () => /* @__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" }) }), de = () => /* @__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" }) }), xs = () => /* @__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" })
+] }), _e = () => /* @__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" }) }), ws = (s, l) => {
+  const t = l.trim().toLowerCase();
+  return t ? s.filter(
+    (n) => String(n.label).toLowerCase().includes(t)
+  ) : s;
+}, Bs = Z(
+  ({
+    label: s,
+    clearable: l = !1,
+    defaultValue: t = null,
+    disabled: n = !1,
+    emptyLabel: a = "No options found",
+    filterOptions: o = ws,
+    isLoading: c = !1,
+    loadingLabel: r = "Loading...",
+    multiple: i = !1,
+    onSearchChange: h,
+    onValueChange: m,
+    options: g,
+    placeholder: k = "Select",
+    searchable: p = !1,
+    searchPlaceholder: N = "Search...",
+    value: R,
+    className: j,
+    ...y
+  }, $) => {
+    const [f, x] = G(!1), [w, z] = G(""), X = te(null), [O, H] = ce(
+      R,
+      t,
+      (_) => {
+        const I = g.filter(
+          (U) => Array.isArray(_) ? _.includes(U.value) : U.value === _
+        );
+        m == null || m(_, I);
+      }
+    ), C = le(
+      () => Array.isArray(O) ? O : O ? [O] : [],
+      [O]
+    ), S = le(
+      () => g.filter((_) => C.includes(_.value)),
+      [g, C]
+    ), K = le(
+      () => o(g, w),
+      [o, g, w]
+    );
+    ae(() => {
+      if (!f) return;
+      const _ = (I) => {
+        X.current && !X.current.contains(I.target) && x(!1);
+      };
+      return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
+    }, [f]);
+    const Y = (_) => {
+      z(_), h == null || h(_);
+    }, ne = (_) => {
+      if (!_.disabled) {
+        if (i) {
+          const I = C.includes(_.value) ? C.filter((U) => U !== _.value) : [...C, _.value];
+          H(I);
+          return;
+        }
+        H(_.value), x(!1);
+      }
+    }, J = () => {
+      H(i ? [] : null), Y("");
+    }, se = (_) => {
+      (_.key === "Enter" || _.key === " ") && (_.preventDefault(), x((I) => !I)), _.key === "Escape" && x(!1);
+    }, Q = [
+      u.trigger,
+      f ? u.triggerOpen : null,
+      f ? u.triggerConnected : null
+    ].filter(Boolean).join(" "), b = i && S.length > 0, W = 2, ie = S.length - W, ge = [u.root, j].filter(Boolean).join(" "), re = /* @__PURE__ */ d("div", { ref: X, ...y, className: ge, children: [
+      /* @__PURE__ */ d(
+        "button",
+        {
+          type: "button",
+          className: Q,
+          disabled: n,
+          "aria-haspopup": "listbox",
+          "aria-expanded": f,
+          onClick: () => !n && x((_) => !_),
+          onKeyDown: se,
+          children: [
+            b ? /* @__PURE__ */ d("div", { className: u.chips, children: [
+              S.slice(0, W).map((_) => /* @__PURE__ */ e("span", { className: u.chip, children: _.label }, _.value)),
+              ie > 0 && /* @__PURE__ */ d("span", { className: [u.chip, u.chipOverflow].join(" "), children: [
+                "+",
+                ie
+              ] })
+            ] }) : /* @__PURE__ */ e("span", { className: [u.triggerValue, S.length === 0 ? u.triggerPlaceholder : null].filter(Boolean).join(" "), children: S.length > 0 ? S.map((_) => _.label).join(", ") : k }),
+            l && C.length > 0 && /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Clear",
+                className: u.clearBtn,
+                disabled: n,
+                onClick: (_) => {
+                  _.stopPropagation(), J();
+                },
+                children: /* @__PURE__ */ e(de, {})
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: [u.chevron, f ? u.chevronOpen : null].filter(Boolean).join(" "), children: /* @__PURE__ */ e(ys, {}) })
+          ]
+        }
+      ),
+      f && /* @__PURE__ */ d("div", { className: u.popover, role: "listbox", "aria-multiselectable": i || void 0, children: [
+        p && /* @__PURE__ */ d("div", { className: u.search, children: [
+          /* @__PURE__ */ e("span", { className: u.searchIcon, children: /* @__PURE__ */ e(xs, {}) }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              autoFocus: !0,
+              value: w,
+              placeholder: N,
+              className: u.searchInput,
+              onChange: (_) => Y(_.target.value)
+            }
+          ),
+          w && /* @__PURE__ */ e("button", { className: u.clearBtn, onClick: () => Y(""), children: /* @__PURE__ */ e(de, {}) })
+        ] }),
+        /* @__PURE__ */ d("ul", { className: u.list, children: [
+          c && /* @__PURE__ */ e("li", { className: u.emptyState, children: r }),
+          !c && K.length === 0 && /* @__PURE__ */ e("li", { className: u.emptyState, children: a }),
+          !c && K.map((_) => {
+            const I = C.includes(_.value), U = [
+              u.item,
+              I ? u.itemActive : null,
+              _.disabled ? u.itemDisabled : null
+            ].filter(Boolean).join(" ");
+            return /* @__PURE__ */ d(
+              "li",
+              {
+                className: U,
+                role: "option",
+                "aria-selected": I,
+                onClick: () => ne(_),
+                children: [
+                  i ? /* @__PURE__ */ e("span", { className: [u.checkbox, I ? u.checkboxChecked : null].filter(Boolean).join(" "), children: I && /* @__PURE__ */ e(_e, {}) }) : null,
+                  /* @__PURE__ */ e("span", { children: _.label }),
+                  _.meta && /* @__PURE__ */ e("span", { className: u.itemMeta, children: _.meta }),
+                  !i && I && /* @__PURE__ */ e("span", { className: u.checkIcon, children: /* @__PURE__ */ e(_e, {}) })
+                ]
+              },
+              _.value
+            );
+          })
+        ] }),
+        i && C.length > 0 && /* @__PURE__ */ d("div", { className: u.popFooter, children: [
+          /* @__PURE__ */ d("span", { children: [
+            C.length,
+            " selected"
+          ] }),
+          /* @__PURE__ */ e("button", { className: u.popFooterBtn, onClick: J, children: "Clear all" })
+        ] })
+      ] })
+    ] });
+    return s ? /* @__PURE__ */ d("div", { className: u.field, children: [
+      /* @__PURE__ */ d("label", { className: u.label, children: [
+        s,
+        i && C.length > 0 && /* @__PURE__ */ d("span", { className: u.labelMeta, children: [
+          "· ",
+          C.length,
+          " selected"
+        ] })
+      ] }),
+      re
+    ] }) : re;
+  }
+);
+Bs.displayName = "Select";
+const js = "_ring_mxe7t_2", Cs = "_spin_mxe7t_1", Is = "_ringMuted_mxe7t_12", $s = "_sm_mxe7t_14", Ls = "_md_mxe7t_15", Ms = "_lg_mxe7t_16", Ss = "_onAccent_mxe7t_19", qs = "_dots_mxe7t_29", Rs = "_dot_mxe7t_29", Ts = "_dotPulse_mxe7t_1", Ds = "_bar_mxe7t_52", Os = "_barFill_mxe7t_62", Ws = "_barSlide_mxe7t_1", q = {
+  ring: js,
+  spin: Cs,
+  ringMuted: Is,
+  sm: $s,
+  md: Ls,
+  lg: Ms,
+  onAccent: Ss,
+  dots: qs,
+  dot: Rs,
+  dotPulse: Ts,
+  bar: Ds,
+  barFill: Os,
+  barSlide: Ws
+};
+function Es({
+  variant: s = "ring",
+  size: l = "md",
+  muted: t = !1,
+  onAccent: n = !1,
+  className: a,
+  ...o
+}) {
+  if (s === "dots") {
+    const r = [q.dots, a].filter(Boolean).join(" ");
+    return /* @__PURE__ */ d("span", { ...o, className: r, role: "status", "aria-label": "Loading", children: [
+      /* @__PURE__ */ e("span", { className: q.dot }),
+      /* @__PURE__ */ e("span", { className: q.dot }),
+      /* @__PURE__ */ e("span", { className: q.dot })
+    ] });
+  }
+  if (s === "bar") {
+    const r = [q.bar, a].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e("span", { ...o, className: r, role: "status", "aria-label": "Loading", children: /* @__PURE__ */ e("span", { className: q.barFill }) });
+  }
+  const c = [
+    q.ring,
+    q[l],
+    t ? q.ringMuted : null,
+    n ? q.onAccent : null,
+    a
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      ...o,
+      className: c,
+      role: "status",
+      "aria-label": "Loading"
+    }
+  );
+}
+Es.displayName = "Spinner";
+const As = "_field_fazrx_1", Fs = "_label_fazrx_7", zs = "_wrapper_fazrx_16", Xs = "_textarea_fazrx_20", Us = "_mono_fazrx_53", Vs = "_hasClear_fazrx_59", Gs = "_clearBtn_fazrx_62", Hs = "_footer_fazrx_84", Ks = "_helpText_fazrx_92", Ys = "_charCount_fazrx_94", Zs = "_charCountOver_fazrx_100", M = {
+  field: As,
+  label: Fs,
+  wrapper: zs,
+  textarea: Xs,
+  mono: Us,
+  hasClear: Vs,
+  clearBtn: Gs,
+  footer: Hs,
+  helpText: Ks,
+  charCount: Ys,
+  charCountOver: Zs
+}, Js = () => /* @__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" }) }), Qs = Z(
+  ({
+    label: s,
+    helpText: l,
+    maxLength: t,
+    clearable: n = !1,
+    mono: a = !1,
+    value: o,
+    defaultValue: c = "",
+    disabled: r,
+    onChange: i,
+    onValueChange: h,
+    className: m,
+    ...g
+  }, k) => {
+    const [p, N] = ce(
+      o,
+      c,
+      (x) => h == null ? void 0 : h(x)
+    ), R = (x) => {
+      N(x.target.value), i == null || i(x);
+    }, j = () => {
+      N("");
+    }, y = t !== void 0 && p.length > t, $ = [
+      M.textarea,
+      "sb",
+      a ? M.mono : null,
+      n ? M.hasClear : null,
+      m
+    ].filter(Boolean).join(" "), f = /* @__PURE__ */ d("div", { className: M.wrapper, children: [
+      /* @__PURE__ */ e(
+        "textarea",
+        {
+          ref: k,
+          disabled: r,
+          maxLength: t,
+          value: p,
+          onChange: R,
+          className: $,
+          ...g
+        }
+      ),
+      n && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: M.clearBtn,
+          disabled: r || p.length === 0,
+          "aria-label": "Clear",
+          onClick: j,
+          children: /* @__PURE__ */ e(Js, {})
+        }
+      )
+    ] });
+    return !s && !l && t === void 0 ? f : /* @__PURE__ */ d("div", { className: M.field, children: [
+      s && /* @__PURE__ */ e("label", { className: M.label, children: s }),
+      f,
+      (l || t !== void 0) && /* @__PURE__ */ d("div", { className: M.footer, children: [
+        l && /* @__PURE__ */ e("span", { className: M.helpText, children: l }),
+        t !== void 0 && /* @__PURE__ */ d("span", { className: [M.charCount, y ? M.charCountOver : null].filter(Boolean).join(" "), children: [
+          p.length,
+          " / ",
+          t
+        ] })
+      ] })
+    ] });
+  }
+);
+Qs.displayName = "Textarea";
+const Ps = "_toast_d6t69_1", el = "_slideUp_d6t69_1", tl = "_toastExiting_d6t69_26", nl = "_slideOut_d6t69_1", sl = "_lead_d6t69_30", ll = "_body_d6t69_37", ol = "_title_d6t69_45", al = "_message_d6t69_51", cl = "_closeBtn_d6t69_56", il = "_ok_d6t69_79", rl = "_error_d6t69_82", dl = "_warning_d6t69_85", _l = "_info_d6t69_88", ul = "_stack_d6t69_92", A = {
+  toast: Ps,
+  slideUp: el,
+  toastExiting: tl,
+  slideOut: nl,
+  lead: sl,
+  body: ll,
+  title: ol,
+  message: al,
+  closeBtn: cl,
+  ok: il,
+  error: rl,
+  warning: dl,
+  info: _l,
+  stack: ul
+}, hl = () => /* @__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" }) }), me = () => /* @__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" }) }), ml = () => /* @__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" })
+] }), fl = () => /* @__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" })
+] }), pl = {
+  ok: /* @__PURE__ */ e(hl, {}),
+  error: /* @__PURE__ */ e(me, {}),
+  warning: /* @__PURE__ */ e(ml, {}),
+  info: /* @__PURE__ */ e(fl, {})
+};
+function fe({
+  variant: s = "ok",
+  title: l,
+  message: t,
+  onDismiss: n,
+  className: a,
+  ...o
+}) {
+  const c = [
+    A.toast,
+    A[s],
+    a
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("div", { ...o, className: c, role: "alert", children: [
+    /* @__PURE__ */ e("span", { className: A.lead, children: pl[s] }),
+    /* @__PURE__ */ d("div", { className: A.body, children: [
+      /* @__PURE__ */ e("div", { className: A.title, children: l }),
+      t && /* @__PURE__ */ e("div", { className: A.message, children: t })
+    ] }),
+    n && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: A.closeBtn,
+        "aria-label": "Dismiss",
+        onClick: n,
+        children: /* @__PURE__ */ e(me, {})
+      }
+    )
+  ] });
+}
+fe.displayName = "Toast";
+const pe = be(null);
+function Cl({ children: s }) {
+  const [l, t] = G([]), n = ee((o) => {
+    t((c) => c.filter((r) => r.id !== o));
+  }, []), a = ee(
+    (o) => {
+      const c = Math.random().toString(36).slice(2), r = o.duration ?? 4e3;
+      return t((i) => [...i, { ...o, id: c }]), r > 0 && setTimeout(() => n(c), r), c;
+    },
+    [n]
+  );
+  return /* @__PURE__ */ d(pe.Provider, { value: { toast: a, dismiss: n }, children: [
+    s,
+    typeof document < "u" && Ne(
+      /* @__PURE__ */ e("div", { className: A.stack, children: l.map((o) => /* @__PURE__ */ e(
+        fe,
+        {
+          variant: o.variant,
+          title: o.title,
+          message: o.message,
+          onDismiss: () => n(o.id)
+        },
+        o.id
+      )) }),
+      document.body
+    )
+  ] });
+}
+function Il() {
+  const s = ke(pe);
+  if (!s)
+    throw new Error("useToast must be used within a ToastProvider");
+  return s;
+}
+const gl = "_wrapper_18lxw_1", vl = "_tooltip_18lxw_6", kl = "_fadeIn_18lxw_1", bl = "_top_18lxw_33", Nl = "_bottom_18lxw_52", yl = "_kbd_18lxw_72", oe = {
+  wrapper: gl,
+  tooltip: vl,
+  fadeIn: kl,
+  top: bl,
+  bottom: Nl,
+  kbd: yl
+};
+function xl({
+  content: s,
+  side: l = "top",
+  children: t,
+  wrapperProps: n,
+  disabled: a = !1
+}) {
+  const [o, c] = G(!1);
+  if (a) return /* @__PURE__ */ e(ve, { children: t });
+  const r = [oe.tooltip, oe[l]].filter(Boolean).join(" "), i = [oe.wrapper, n == null ? void 0 : n.className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      ...n,
+      className: i,
+      onMouseEnter: () => c(!0),
+      onMouseLeave: () => c(!1),
+      onFocus: () => c(!0),
+      onBlur: () => c(!1),
+      children: [
+        t,
+        o && /* @__PURE__ */ e("span", { className: r, role: "tooltip", children: s })
+      ]
+    }
+  );
+}
+xl.displayName = "Tooltip";
+export {
+  Ee as Badge,
+  Qe as Button,
+  bt as Card,
+  Nt as CardHeader,
+  yt as CardStat,
+  tn as Checkbox,
+  Et as Input,
+  hn as Menu,
+  mn as MenuItem,
+  fn as MenuSeparator,
+  jn as Modal,
+  On as Popover,
+  Vn as PushButton,
+  Un as PushButtonGroup,
+  nn as Radio,
+  sn as RadioGroup,
+  Ae as Scrollable,
+  Bs as Select,
+  Es as Spinner,
+  ln as Switch,
+  Qs as Textarea,
+  fe as Toast,
+  Cl as ToastProvider,
+  xl as Tooltip,
+  Bt as applyMask,
+  he as getRawMaskValue,
+  ce as useControlledState,
+  Il as useToast
+};
+//# sourceMappingURL=super-kit.js.map