@inkorange/space-ui 1.7.0 → 1.8.0

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
-import { forwardRef as G, createElement as Ve, isValidElement as ve, cloneElement as Oe, useId as Q, useMemo as Ce, Children as Qe, useRef as R, useState as B, useCallback as de, useLayoutEffect as be, useEffect as U, createContext as we, useContext as ye } from "react";
-import { jsx as n, jsxs as z, Fragment as ue } from "react/jsx-runtime";
-const Le = {
+import { forwardRef as ae, createElement as ot, isValidElement as Re, cloneElement as Xe, useId as se, useMemo as pe, Children as _t, useRef as P, useState as Q, useCallback as _e, useLayoutEffect as we, useEffect as te, createContext as Ee, useContext as qe } from "react";
+import { jsx as n, jsxs as N, Fragment as he } from "react/jsx-runtime";
+const ze = {
   0: "0",
   1: "var(--spacing-xs)",
   2: "var(--spacing-sm)",
@@ -10,285 +10,285 @@ const Le = {
   5: "var(--spacing-lg)",
   6: "var(--spacing-xl)"
 };
-function le({ m: e, mt: t, mb: o, p: r, pb: s }, l) {
-  const a = {
-    ...e !== void 0 && { margin: Le[e] },
-    ...t !== void 0 && { marginTop: Le[t] },
-    ...o !== void 0 && { marginBottom: Le[o] },
-    ...r !== void 0 && { padding: Le[r] },
-    ...s !== void 0 && { paddingBottom: Le[s] },
+function ve({ m: e, mt: t, mb: o, p: r, pb: a }, l) {
+  const s = {
+    ...e !== void 0 && { margin: ze[e] },
+    ...t !== void 0 && { marginTop: ze[t] },
+    ...o !== void 0 && { marginBottom: ze[o] },
+    ...r !== void 0 && { padding: ze[r] },
+    ...a !== void 0 && { paddingBottom: ze[a] },
     ...l
   };
-  return Object.keys(a).length > 0 ? a : void 0;
+  return Object.keys(s).length > 0 ? s : void 0;
 }
-function v(...e) {
+function R(...e) {
   return e.filter(Boolean).join(" ");
 }
-const bt = "_text_4vcq4_1", wt = "_size1_4vcq4_5", yt = "_size2_4vcq4_11", xt = "_size3_4vcq4_16", Lt = "_size4_4vcq4_21", $t = "_size5_4vcq4_27", kt = "_size6_4vcq4_33", Nt = "_medium_4vcq4_39", Mt = "_bold_4vcq4_43", zt = "_colorMuted_4vcq4_47", Rt = "_colorDanger_4vcq4_51", Dt = "_colorSuccess_4vcq4_55", qt = "_colorWarning_4vcq4_59", He = {
-  text: bt,
-  size1: wt,
-  size2: yt,
-  size3: xt,
-  size4: Lt,
-  size5: $t,
-  size6: kt,
-  medium: Nt,
-  bold: Mt,
-  colorMuted: zt,
-  colorDanger: Rt,
-  colorSuccess: Dt,
-  colorWarning: qt
-}, It = G(function({ as: t = "span", size: o, weight: r, color: s, className: l, style: a, m: d, mt: f, mb: p, p: i, pb: g, ...b }, w) {
-  return Ve(t, {
-    ...b,
+const It = "_text_4vcq4_1", Ht = "_size1_4vcq4_5", St = "_size2_4vcq4_11", Tt = "_size3_4vcq4_16", At = "_size4_4vcq4_21", jt = "_size5_4vcq4_27", Ot = "_size6_4vcq4_33", Zt = "_medium_4vcq4_39", Bt = "_bold_4vcq4_43", Vt = "_colorMuted_4vcq4_47", Wt = "_colorDanger_4vcq4_51", Pt = "_colorSuccess_4vcq4_55", Ft = "_colorWarning_4vcq4_59", Ve = {
+  text: It,
+  size1: Ht,
+  size2: St,
+  size3: Tt,
+  size4: At,
+  size5: jt,
+  size6: Ot,
+  medium: Zt,
+  bold: Bt,
+  colorMuted: Vt,
+  colorDanger: Wt,
+  colorSuccess: Pt,
+  colorWarning: Ft
+}, Gt = ae(function({ as: t = "span", size: o, weight: r, color: a, className: l, style: s, m: c, mt: h, mb: m, p: i, pb: g, ...$ }, w) {
+  return ot(t, {
+    ...$,
     ref: w,
-    className: v(
-      He.text,
-      o && He[`size${o}`],
-      r && He[r],
-      s && He[`color${s[0].toUpperCase()}${s.slice(1)}`],
+    className: R(
+      Ve.text,
+      o && Ve[`size${o}`],
+      r && Ve[r],
+      a && Ve[`color${a[0].toUpperCase()}${a.slice(1)}`],
       l
     ),
-    style: le({ m: d, mt: f, mb: p, p: i, pb: g }, a)
+    style: ve({ m: c, mt: h, mb: m, p: i, pb: g }, s)
   });
-}), Et = "_heading_vs4zk_1", Ht = "_size4_vs4zk_7", St = "_size5_vs4zk_13", Tt = "_size6_vs4zk_19", jt = "_size7_vs4zk_25", At = "_size8_vs4zk_31", Zt = "_size9_vs4zk_37", Ot = "_colorMuted_vs4zk_43", Bt = "_colorDanger_vs4zk_47", Wt = "_alignCenter_vs4zk_51", $e = {
-  heading: Et,
-  size4: Ht,
-  size5: St,
-  size6: Tt,
-  size7: jt,
-  size8: At,
-  size9: Zt,
-  colorMuted: Ot,
-  colorDanger: Bt,
-  alignCenter: Wt
-}, Vt = G(function({ as: t = "h2", size: o, color: r, align: s, className: l, style: a, m: d, mt: f, mb: p, p: i, pb: g, ...b }, w) {
-  return Ve(t, {
-    ...b,
+}), Ut = "_heading_vs4zk_1", Kt = "_size4_vs4zk_7", Xt = "_size5_vs4zk_13", Yt = "_size6_vs4zk_19", Qt = "_size7_vs4zk_25", Jt = "_size8_vs4zk_31", en = "_size9_vs4zk_37", tn = "_colorMuted_vs4zk_43", nn = "_colorDanger_vs4zk_47", on = "_alignCenter_vs4zk_51", Ie = {
+  heading: Ut,
+  size4: Kt,
+  size5: Xt,
+  size6: Yt,
+  size7: Qt,
+  size8: Jt,
+  size9: en,
+  colorMuted: tn,
+  colorDanger: nn,
+  alignCenter: on
+}, rn = ae(function({ as: t = "h2", size: o, color: r, align: a, className: l, style: s, m: c, mt: h, mb: m, p: i, pb: g, ...$ }, w) {
+  return ot(t, {
+    ...$,
     ref: w,
-    className: v(
-      $e.heading,
-      o && $e[`size${o}`],
-      r === "muted" && $e.colorMuted,
-      r === "danger" && $e.colorDanger,
-      s === "center" && $e.alignCenter,
+    className: R(
+      Ie.heading,
+      o && Ie[`size${o}`],
+      r === "muted" && Ie.colorMuted,
+      r === "danger" && Ie.colorDanger,
+      a === "center" && Ie.alignCenter,
       l
     ),
-    style: le({ m: d, mt: f, mb: p, p: i, pb: g }, a)
+    style: ve({ m: c, mt: h, mb: m, p: i, pb: g }, s)
   });
-}), Ft = "_link_1qa7j_1", Pt = "_size1_1qa7j_10", Gt = "_size2_1qa7j_16", Kt = "_size3_1qa7j_21", Ge = {
-  link: Ft,
-  size1: Pt,
-  size2: Gt,
-  size3: Kt
-}, P1 = G(function({ asChild: t, size: o, className: r, style: s, m: l, mt: a, mb: d, p: f, pb: p, children: i, ...g }, b) {
-  const w = v(Ge.link, o && Ge[`size${o}`], r), _ = le({ m: l, mt: a, mb: d, p: f, pb: p }, s);
-  if (t && ve(i)) {
-    const C = i;
-    return Oe(C, {
+}), sn = "_link_1qa7j_1", an = "_size1_1qa7j_10", ln = "_size2_1qa7j_16", cn = "_size3_1qa7j_21", at = {
+  link: sn,
+  size1: an,
+  size2: ln,
+  size3: cn
+}, al = ae(function({ asChild: t, size: o, className: r, style: a, m: l, mt: s, mb: c, p: h, pb: m, children: i, ...g }, $) {
+  const w = R(at.link, o && at[`size${o}`], r), p = ve({ m: l, mt: s, mb: c, p: h, pb: m }, a);
+  if (t && Re(i)) {
+    const b = i;
+    return Xe(b, {
       ...g,
-      className: v(w, C.props.className),
-      style: { ..._, ...C.props.style }
+      className: R(w, b.props.className),
+      style: { ...p, ...b.props.style }
     });
   }
-  return /* @__PURE__ */ n("a", { ...g, ref: b, className: w, style: _, children: i });
-}), Ut = "_flex_v4ziu_1", Xt = "_gap1_v4ziu_5", Yt = "_gap2_v4ziu_9", Qt = "_gap3_v4ziu_13", Jt = "_gap4_v4ziu_17", en = "_gap5_v4ziu_21", tn = "_gap6_v4ziu_25", nn = "_directionRow_v4ziu_29", on = "_directionColumn_v4ziu_33", rn = "_alignStart_v4ziu_37", sn = "_alignCenter_v4ziu_41", ln = "_alignEnd_v4ziu_45", an = "_alignBaseline_v4ziu_49", cn = "_alignStretch_v4ziu_53", dn = "_justifyStart_v4ziu_57", un = "_justifyCenter_v4ziu_61", fn = "_justifyEnd_v4ziu_65", _n = "_justifyBetween_v4ziu_69", pn = "_wrapWrap_v4ziu_73", gn = "_wrapNowrap_v4ziu_77", pe = {
-  flex: Ut,
-  gap1: Xt,
-  gap2: Yt,
-  gap3: Qt,
-  gap4: Jt,
-  gap5: en,
-  gap6: tn,
-  directionRow: nn,
-  directionColumn: on,
-  alignStart: rn,
-  alignCenter: sn,
-  alignEnd: ln,
-  alignBaseline: an,
-  alignStretch: cn,
-  justifyStart: dn,
-  justifyCenter: un,
-  justifyEnd: fn,
-  justifyBetween: _n,
-  wrapWrap: pn,
-  wrapNowrap: gn
-}, Se = (e) => e[0].toUpperCase() + e.slice(1), G1 = G(function({ asChild: t, gap: o, direction: r, align: s, justify: l, wrap: a, className: d, style: f, m: p, mt: i, mb: g, p: b, pb: w, children: _, ...C }, $) {
-  const M = v(
-    pe.flex,
-    o && pe[`gap${o}`],
-    r && pe[`direction${Se(r)}`],
-    s && pe[`align${Se(s)}`],
-    l && pe[`justify${Se(l)}`],
-    a && pe[`wrap${Se(a)}`],
-    d
-  ), k = le({ m: p, mt: i, mb: g, p: b, pb: w }, f);
-  if (t && ve(_)) {
-    const j = _;
-    return Oe(j, {
-      ...C,
-      className: v(M, j.props.className),
-      style: { ...k, ...j.props.style }
+  return /* @__PURE__ */ n("a", { ...g, ref: $, className: w, style: p, children: i });
+}), dn = "_flex_v4ziu_1", un = "_gap1_v4ziu_5", fn = "_gap2_v4ziu_9", _n = "_gap3_v4ziu_13", pn = "_gap4_v4ziu_17", hn = "_gap5_v4ziu_21", mn = "_gap6_v4ziu_25", gn = "_directionRow_v4ziu_29", Cn = "_directionColumn_v4ziu_33", vn = "_alignStart_v4ziu_37", bn = "_alignCenter_v4ziu_41", $n = "_alignEnd_v4ziu_45", wn = "_alignBaseline_v4ziu_49", xn = "_alignStretch_v4ziu_53", yn = "_justifyStart_v4ziu_57", kn = "_justifyCenter_v4ziu_61", Nn = "_justifyEnd_v4ziu_65", Ln = "_justifyBetween_v4ziu_69", Mn = "_wrapWrap_v4ziu_73", Rn = "_wrapNowrap_v4ziu_77", xe = {
+  flex: dn,
+  gap1: un,
+  gap2: fn,
+  gap3: _n,
+  gap4: pn,
+  gap5: hn,
+  gap6: mn,
+  directionRow: gn,
+  directionColumn: Cn,
+  alignStart: vn,
+  alignCenter: bn,
+  alignEnd: $n,
+  alignBaseline: wn,
+  alignStretch: xn,
+  justifyStart: yn,
+  justifyCenter: kn,
+  justifyEnd: Nn,
+  justifyBetween: Ln,
+  wrapWrap: Mn,
+  wrapNowrap: Rn
+}, We = (e) => e[0].toUpperCase() + e.slice(1), ll = ae(function({ asChild: t, gap: o, direction: r, align: a, justify: l, wrap: s, className: c, style: h, m, mt: i, mb: g, p: $, pb: w, children: p, ...b }, v) {
+  const M = R(
+    xe.flex,
+    o && xe[`gap${o}`],
+    r && xe[`direction${We(r)}`],
+    a && xe[`align${We(a)}`],
+    l && xe[`justify${We(l)}`],
+    s && xe[`wrap${We(s)}`],
+    c
+  ), z = ve({ m, mt: i, mb: g, p: $, pb: w }, h);
+  if (t && Re(p)) {
+    const I = p;
+    return Xe(I, {
+      ...b,
+      className: R(M, I.props.className),
+      style: { ...z, ...I.props.style }
     });
   }
-  return /* @__PURE__ */ n("div", { ...C, ref: $, className: M, style: k, children: _ });
-}), K1 = G(function({ style: t, m: o, mt: r, mb: s, p: l, pb: a, ...d }, f) {
-  return /* @__PURE__ */ n("div", { ...d, ref: f, style: le({ m: o, mt: r, mb: s, p: l, pb: a }, t) });
-}), mn = "_grid_erpqq_1", hn = "_cols1_erpqq_5", Cn = "_cols2_erpqq_9", vn = "_cols3_erpqq_13", bn = "_smCols2_erpqq_18", wn = "_smCols3_erpqq_21", yn = "_mdCols2_erpqq_26", xn = "_mdCols3_erpqq_29", Ln = "_gap1_erpqq_33", $n = "_gap2_erpqq_37", kn = "_gap3_erpqq_41", Nn = "_gap4_erpqq_45", Mn = "_gap5_erpqq_49", zn = "_gap6_erpqq_53", ge = {
-  grid: mn,
-  cols1: hn,
-  cols2: Cn,
-  cols3: vn,
-  smCols2: bn,
-  smCols3: wn,
-  mdCols2: yn,
-  mdCols3: xn,
-  gap1: Ln,
-  gap2: $n,
-  gap3: kn,
-  gap4: Nn,
-  gap5: Mn,
-  gap6: zn
-}, U1 = G(function({ columns: t, gap: o, className: r, style: s, m: l, mt: a, mb: d, p: f, pb: p, ...i }, g) {
-  const b = typeof t == "string" ? [ge[`cols${t}`]] : t ? [
-    t.initial && ge[`cols${t.initial}`],
-    t.sm && ge[`smCols${t.sm}`],
-    t.md && ge[`mdCols${t.md}`]
+  return /* @__PURE__ */ n("div", { ...b, ref: v, className: M, style: z, children: p });
+}), cl = ae(function({ style: t, m: o, mt: r, mb: a, p: l, pb: s, ...c }, h) {
+  return /* @__PURE__ */ n("div", { ...c, ref: h, style: ve({ m: o, mt: r, mb: a, p: l, pb: s }, t) });
+}), En = "_grid_erpqq_1", qn = "_cols1_erpqq_5", Dn = "_cols2_erpqq_9", zn = "_cols3_erpqq_13", In = "_smCols2_erpqq_18", Hn = "_smCols3_erpqq_21", Sn = "_mdCols2_erpqq_26", Tn = "_mdCols3_erpqq_29", An = "_gap1_erpqq_33", jn = "_gap2_erpqq_37", On = "_gap3_erpqq_41", Zn = "_gap4_erpqq_45", Bn = "_gap5_erpqq_49", Vn = "_gap6_erpqq_53", ye = {
+  grid: En,
+  cols1: qn,
+  cols2: Dn,
+  cols3: zn,
+  smCols2: In,
+  smCols3: Hn,
+  mdCols2: Sn,
+  mdCols3: Tn,
+  gap1: An,
+  gap2: jn,
+  gap3: On,
+  gap4: Zn,
+  gap5: Bn,
+  gap6: Vn
+}, il = ae(function({ columns: t, gap: o, className: r, style: a, m: l, mt: s, mb: c, p: h, pb: m, ...i }, g) {
+  const $ = typeof t == "string" ? [ye[`cols${t}`]] : t ? [
+    t.initial && ye[`cols${t.initial}`],
+    t.sm && ye[`smCols${t.sm}`],
+    t.md && ye[`mdCols${t.md}`]
   ] : [];
   return /* @__PURE__ */ n(
     "div",
     {
       ...i,
       ref: g,
-      className: v(ge.grid, ...b, o && ge[`gap${o}`], r),
-      style: le({ m: l, mt: a, mb: d, p: f, pb: p }, s)
+      className: R(ye.grid, ...$, o && ye[`gap${o}`], r),
+      style: ve({ m: l, mt: s, mb: c, p: h, pb: m }, a)
     }
   );
-}), Rn = "_badge_1twqf_2", Dn = "_size1_1twqf_10", qn = "_size2_1twqf_19", In = "_colorMuted_1twqf_28", En = "_colorPrimary_1twqf_33", Hn = "_colorSuccess_1twqf_38", Sn = "_colorDanger_1twqf_43", Tn = "_colorWarning_1twqf_48", jn = "_colorCyan_1twqf_53", An = "_colorPurple_1twqf_58", Zn = "_colorOrange_1twqf_63", On = "_colorAccent_1twqf_68", Bn = "_colorYellow_1twqf_73", Wn = "_solid_1twqf_81", Vn = "_wrap_1twqf_89", ke = {
-  badge: Rn,
-  size1: Dn,
-  size2: qn,
-  colorMuted: In,
-  colorPrimary: En,
-  colorSuccess: Hn,
-  colorDanger: Sn,
-  colorWarning: Tn,
-  colorCyan: jn,
-  colorPurple: An,
-  colorOrange: Zn,
-  colorAccent: On,
-  colorYellow: Bn,
-  solid: Wn,
-  wrap: Vn
-}, Fn = (e) => e[0].toUpperCase() + e.slice(1), X1 = G(function({ color: t = "primary", variant: o = "soft", size: r = "1", wrap: s, className: l, style: a, m: d, mt: f, mb: p, p: i, pb: g, ...b }, w) {
+}), Wn = "_badge_1twqf_2", Pn = "_size1_1twqf_10", Fn = "_size2_1twqf_19", Gn = "_colorMuted_1twqf_28", Un = "_colorPrimary_1twqf_33", Kn = "_colorSuccess_1twqf_38", Xn = "_colorDanger_1twqf_43", Yn = "_colorWarning_1twqf_48", Qn = "_colorCyan_1twqf_53", Jn = "_colorPurple_1twqf_58", eo = "_colorOrange_1twqf_63", to = "_colorAccent_1twqf_68", no = "_colorYellow_1twqf_73", oo = "_solid_1twqf_81", ro = "_wrap_1twqf_89", He = {
+  badge: Wn,
+  size1: Pn,
+  size2: Fn,
+  colorMuted: Gn,
+  colorPrimary: Un,
+  colorSuccess: Kn,
+  colorDanger: Xn,
+  colorWarning: Yn,
+  colorCyan: Qn,
+  colorPurple: Jn,
+  colorOrange: eo,
+  colorAccent: to,
+  colorYellow: no,
+  solid: oo,
+  wrap: ro
+}, so = (e) => e[0].toUpperCase() + e.slice(1), dl = ae(function({ color: t = "primary", variant: o = "soft", size: r = "1", wrap: a, className: l, style: s, m: c, mt: h, mb: m, p: i, pb: g, ...$ }, w) {
   return /* @__PURE__ */ n(
     "span",
     {
-      ...b,
+      ...$,
       ref: w,
-      className: v(
-        ke.badge,
-        ke[`color${Fn(t)}`],
-        o === "solid" && ke.solid,
-        ke[`size${r}`],
-        s && ke.wrap,
+      className: R(
+        He.badge,
+        He[`color${so(t)}`],
+        o === "solid" && He.solid,
+        He[`size${r}`],
+        a && He.wrap,
         l
       ),
-      style: le({ m: d, mt: f, mb: p, p: i, pb: g }, a)
+      style: ve({ m: c, mt: h, mb: m, p: i, pb: g }, s)
     }
   );
-}), Pn = "_separator_vao01_1", Gn = "_full_vao01_7", Ke = {
-  separator: Pn,
-  full: Gn
-}, Y1 = G(function({ size: t = "4", className: o, ...r }, s) {
+}), ao = "_separator_vao01_1", lo = "_full_vao01_7", lt = {
+  separator: ao,
+  full: lo
+}, ul = ae(function({ size: t = "4", className: o, ...r }, a) {
   return /* @__PURE__ */ n(
     "span",
     {
       ...r,
-      ref: s,
+      ref: a,
       role: "separator",
-      className: v(Ke.separator, t === "4" && Ke.full, o)
+      className: R(lt.separator, t === "4" && lt.full, o)
     }
   );
-}), Kn = "_card_1ooot_2", Un = "_image_1ooot_14", Xn = "_hasImage_1ooot_41", Be = {
-  card: Kn,
-  image: Un,
-  hasImage: Xn
-}, Q1 = G(function({ className: t, style: o, image: r, children: s, m: l, mt: a, mb: d, p: f, pb: p, ...i }, g) {
-  return /* @__PURE__ */ z(
+}), co = "_card_1ooot_2", io = "_image_1ooot_14", uo = "_hasImage_1ooot_41", Je = {
+  card: co,
+  image: io,
+  hasImage: uo
+}, fl = ae(function({ className: t, style: o, image: r, children: a, m: l, mt: s, mb: c, p: h, pb: m, ...i }, g) {
+  return /* @__PURE__ */ N(
     "div",
     {
       ...i,
       ref: g,
-      className: v(Be.card, r != null && Be.hasImage, t),
-      style: le({ m: l, mt: a, mb: d, p: f, pb: p }, o),
+      className: R(Je.card, r != null && Je.hasImage, t),
+      style: ve({ m: l, mt: s, mb: c, p: h, pb: m }, o),
       children: [
-        r != null && /* @__PURE__ */ n("div", { className: Be.image, children: r }),
-        s
+        r != null && /* @__PURE__ */ n("div", { className: Je.image, children: r }),
+        a
       ]
     }
   );
-}), Yn = "_spaceButton_kjhqx_14", Qn = "_rimRotate_kjhqx_1", Jn = "_glintSweep_kjhqx_1", eo = "_iconOnly_kjhqx_97", to = "_lg_kjhqx_104", no = "_sm_kjhqx_110", oo = "_micro_kjhqx_122", ro = "_stars_kjhqx_136", so = "_fullWidth_kjhqx_141", lo = "_ember_kjhqx_147", ao = "_label_kjhqx_157", co = "_star_kjhqx_136", io = "_twinkle_kjhqx_1", re = {
-  spaceButton: Yn,
-  rimRotate: Qn,
-  glintSweep: Jn,
-  iconOnly: eo,
-  lg: to,
-  sm: no,
-  micro: oo,
-  stars: ro,
-  fullWidth: so,
-  ember: lo,
-  label: ao,
-  star: co,
-  twinkle: io
+}), fo = "_spaceButton_kjhqx_14", _o = "_rimRotate_kjhqx_1", po = "_glintSweep_kjhqx_1", ho = "_iconOnly_kjhqx_97", mo = "_lg_kjhqx_104", go = "_sm_kjhqx_110", Co = "_micro_kjhqx_122", vo = "_stars_kjhqx_136", bo = "_fullWidth_kjhqx_141", $o = "_ember_kjhqx_147", wo = "_label_kjhqx_157", xo = "_star_kjhqx_136", yo = "_twinkle_kjhqx_1", ge = {
+  spaceButton: fo,
+  rimRotate: _o,
+  glintSweep: po,
+  iconOnly: ho,
+  lg: mo,
+  sm: go,
+  micro: Co,
+  stars: vo,
+  fullWidth: bo,
+  ember: $o,
+  label: wo,
+  star: xo,
+  twinkle: yo
 };
-function uo(e) {
+function ko(e) {
   return function() {
     e |= 0, e = e + 1831565813 | 0;
     let t = Math.imul(e ^ e >>> 15, 1 | e);
     return t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t, ((t ^ t >>> 14) >>> 0) / 4294967296;
   };
 }
-function fo(e) {
+function No(e) {
   let t = 2166136261;
   for (let o = 0; o < e.length; o++)
     t ^= e.charCodeAt(o), t = Math.imul(t, 16777619);
   return t >>> 0;
 }
-const Ze = G(
-  function({ iconOnly: t, ember: o, size: r = "md", fullWidth: s, animated: l = !0, className: a, children: d, ...f }, p) {
-    const i = Q(), g = Ce(() => {
-      const w = uo(fo(i));
+const Ue = ae(
+  function({ iconOnly: t, ember: o, size: r = "md", fullWidth: a, animated: l = !0, className: s, children: c, ...h }, m) {
+    const i = se(), g = pe(() => {
+      const w = ko(No(i));
       return Array.from({ length: 3 }, () => ({
         top: `${12 + w() * 58}%`,
         left: `${8 + w() * 80}%`,
         animationDelay: `${(w() * 3.2).toFixed(2)}s`,
         animationDuration: `${(2.8 + w() * 1.8).toFixed(2)}s`
       }));
-    }, [i]), b = [
-      re.spaceButton,
-      t ? re.iconOnly : "",
-      o ? re.ember : "",
-      r !== "md" ? re[r] : "",
-      s ? re.fullWidth : "",
-      a ?? ""
+    }, [i]), $ = [
+      ge.spaceButton,
+      t ? ge.iconOnly : "",
+      o ? ge.ember : "",
+      r !== "md" ? ge[r] : "",
+      a ? ge.fullWidth : "",
+      s ?? ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ z(
+    return /* @__PURE__ */ N(
       "button",
       {
-        ref: p,
-        className: b,
+        ref: m,
+        className: $,
         "data-animated": l ? void 0 : "false",
-        ...f,
+        ...h,
         children: [
-          r !== "micro" && /* @__PURE__ */ n("span", { className: re.stars, "aria-hidden": !0, children: g.map((w, _) => /* @__PURE__ */ n("i", { className: re.star, style: w }, _)) }),
-          /* @__PURE__ */ n("span", { className: re.label, children: d })
+          r !== "micro" && /* @__PURE__ */ n("span", { className: ge.stars, "aria-hidden": !0, children: g.map((w, p) => /* @__PURE__ */ n("i", { className: ge.star, style: w }, p)) }),
+          /* @__PURE__ */ n("span", { className: ge.label, children: c })
         ]
       }
     );
   }
-), T = {
+), J = {
   width: 15,
   height: 15,
   viewBox: "0 0 15 15",
@@ -296,8 +296,8 @@ const Ze = G(
   xmlns: "http://www.w3.org/2000/svg",
   "aria-hidden": !0
 };
-function J1(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function _l(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M3.5 5.00006C3.22386 5.00006 3 5.22392 3 5.50006L3 11.5001C3 11.7762 3.22386 12.0001 3.5 12.0001L11.5 12.0001C11.7761 12.0001 12 11.7762 12 11.5001L12 5.50006C12 5.22392 11.7761 5.00006 11.5 5.00006L10.25 5.00006C9.97386 5.00006 9.75 4.7762 9.75 4.50006C9.75 4.22392 9.97386 4.00006 10.25 4.00006L11.5 4.00006C12.3284 4.00006 13 4.67163 13 5.50006L13 11.5001C13 12.3285 12.3284 13.0001 11.5 13.0001L3.5 13.0001C2.67157 13.0001 2 12.3285 2 11.5001L2 5.50006C2 4.67163 2.67157 4.00006 3.5 4.00006L4.75 4.00006C5.02614 4.00006 5.25 4.22392 5.25 4.50006C5.25 4.7762 5.02614 5.00006 4.75 5.00006L3.5 5.00006ZM7 1.6364L5.5682 3.0682C5.39246 3.24393 5.10754 3.24393 4.9318 3.0682C4.75607 2.89246 4.75607 2.60754 4.9318 2.4318L7.1818 0.181802C7.26619 0.09741 7.38065 0.049999 7.5 0.049999C7.61935 0.049999 7.73381 0.09741 7.8182 0.181802L10.0682 2.4318C10.2439 2.60754 10.2439 2.89246 10.0682 3.0682C9.89246 3.24393 9.60754 3.24393 9.4318 3.0682L8 1.6364L8 8.5C8 8.77614 7.77614 9 7.5 9C7.22386 9 7 8.77614 7 8.5L7 1.6364Z",
@@ -307,8 +307,8 @@ function J1(e) {
     }
   ) });
 }
-function es(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function pl(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M12.5 3L2.5 3.00002C1.67157 3.00002 1 3.6716 1 4.50002V9.50003C1 10.3285 1.67157 11 2.5 11H7.50003C7.63264 11 7.75982 11.0527 7.85358 11.1465L10 13.2929V11.5C10 11.2239 10.2239 11 10.5 11H12.5C13.3284 11 14 10.3285 14 9.50003V4.5C14 3.67157 13.3284 3 12.5 3ZM2.49999 2.00002L12.5 2C13.8807 2 15 3.11929 15 4.5V9.50003C15 10.8807 13.8807 12 12.5 12H11V14.5C11 14.7022 10.8782 14.8845 10.6913 14.9619C10.5045 15.0393 10.2894 14.9965 10.1464 14.8536L7.29292 12H2.5C1.11929 12 0 10.8807 0 9.50003V4.50002C0 3.11931 1.11928 2.00003 2.49999 2.00002Z",
@@ -318,8 +318,8 @@ function es(e) {
     }
   ) });
 }
-function ts(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function hl(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z",
@@ -329,8 +329,8 @@ function ts(e) {
     }
   ) });
 }
-function ns(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function ml(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M11.8536 1.14645C11.6583 0.951184 11.3417 0.951184 11.1465 1.14645L3.71455 8.57836C3.62459 8.66832 3.55263 8.77461 3.50251 8.89155L2.04044 12.303C1.9599 12.491 2.00189 12.709 2.14646 12.8536C2.29103 12.9981 2.50905 13.0401 2.69697 12.9596L6.10847 11.4975C6.2254 11.4474 6.3317 11.3754 6.42166 11.2855L13.8536 3.85355C14.0488 3.65829 14.0488 3.34171 13.8536 3.14645L11.8536 1.14645ZM4.42166 9.28547L11.5 2.20711L12.7929 3.5L5.71455 10.5784L4.21924 11.2192L3.78081 10.7808L4.42166 9.28547Z",
@@ -340,8 +340,8 @@ function ns(e) {
     }
   ) });
 }
-function os(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function gl(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M1.35248 4.90532C1.35248 2.94498 2.936 1.35248 4.89346 1.35248C6.25769 1.35248 6.86058 1.92336 7.50002 2.93545C8.13946 1.92336 8.74235 1.35248 10.1066 1.35248C12.064 1.35248 13.6476 2.94498 13.6476 4.90532C13.6476 6.74041 12.6013 8.50508 11.4008 9.96927C10.2636 11.3562 8.92194 12.5508 8.00601 13.3664C7.94645 13.4194 7.88869 13.4709 7.83291 13.5206C7.64324 13.6899 7.3568 13.6899 7.16713 13.5206C7.11135 13.4709 7.05359 13.4194 6.99403 13.3664C6.0781 12.5508 4.73641 11.3562 3.59926 9.96927C2.39872 8.50508 1.35248 6.74041 1.35248 4.90532Z",
@@ -351,8 +351,8 @@ function os(e) {
     }
   ) });
 }
-function rs(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function Cl(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M5.5 2C5.77614 2 6 2.22386 6 2.5V5.5C6 5.77614 5.77614 6 5.5 6H2.5C2.22386 6 2 5.77614 2 5.5C2 5.22386 2.22386 5 2.5 5H5V2.5C5 2.22386 5.22386 2 5.5 2ZM9.5 2C9.77614 2 10 2.22386 10 2.5V5H12.5C12.7761 5 13 5.22386 13 5.5C13 5.77614 12.7761 6 12.5 6H9.5C9.22386 6 9 5.77614 9 5.5V2.5C9 2.22386 9.22386 2 9.5 2ZM2 9.5C2 9.22386 2.22386 9 2.5 9H5.5C5.77614 9 6 9.22386 6 9.5V12.5C6 12.7761 5.77614 13 5.5 13C5.22386 13 5 12.7761 5 12.5V10H2.5C2.22386 10 2 9.77614 2 9.5ZM9 9.5C9 9.22386 9.22386 9 9.5 9H12.5C12.7761 9 13 9.22386 13 9.5C13 9.77614 12.7761 10 12.5 10H10V12.5C10 12.7761 9.77614 13 9.5 13C9.22386 13 9 12.7761 9 12.5V9.5Z",
@@ -362,8 +362,8 @@ function rs(e) {
     }
   ) });
 }
-function ss(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function vl(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M2 2.5C2 2.22386 2.22386 2 2.5 2H5.5C5.77614 2 6 2.22386 6 2.5C6 2.77614 5.77614 3 5.5 3H3V5.5C3 5.77614 2.77614 6 2.5 6C2.22386 6 2 5.77614 2 5.5V2.5ZM9 2.5C9 2.22386 9.22386 2 9.5 2H12.5C12.7761 2 13 2.22386 13 2.5V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3H9.5C9.22386 3 9 2.77614 9 2.5ZM2.5 9C2.77614 9 3 9.22386 3 9.5V12H5.5C5.77614 12 6 12.2239 6 12.5C6 12.7761 5.77614 13 5.5 13H2.5C2.22386 13 2 12.7761 2 12.5V9.5C2 9.22386 2.22386 9 2.5 9ZM12.5 9C12.7761 9 13 9.22386 13 9.5V12.5C13 12.7761 12.7761 13 12.5 13H9.5C9.22386 13 9 12.7761 9 12.5C9 12.2239 9.22386 12 9.5 12H12V9.5C12 9.22386 12.2239 9 12.5 9Z",
@@ -373,8 +373,8 @@ function ss(e) {
     }
   ) });
 }
-function ls(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function bl(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
@@ -384,8 +384,8 @@ function ls(e) {
     }
   ) });
 }
-function as(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function $l(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M5.5 1C5.22386 1 5 1.22386 5 1.5C5 1.77614 5.22386 2 5.5 2H9.5C9.77614 2 10 1.77614 10 1.5C10 1.22386 9.77614 1 9.5 1H5.5ZM3 3.5C3 3.22386 3.22386 3 3.5 3H5H10H11.5C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4H11V12C11 12.5523 10.5523 13 10 13H5C4.44772 13 4 12.5523 4 12V4L3.5 4C3.22386 4 3 3.77614 3 3.5ZM5 4H10V12H5V4Z",
@@ -395,8 +395,8 @@ function as(e) {
     }
   ) });
 }
-function cs(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function wl(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M0.877075 7.49972C0.877075 3.84204 3.84222 0.876892 7.49991 0.876892C11.1576 0.876892 14.1227 3.84204 14.1227 7.49972C14.1227 11.1574 11.1576 14.1226 7.49991 14.1226C3.84222 14.1226 0.877075 11.1574 0.877075 7.49972ZM7.49991 1.82689C4.36689 1.82689 1.82708 4.36671 1.82708 7.49972C1.82708 10.6327 4.36689 13.1726 7.49991 13.1726C10.6329 13.1726 13.1727 10.6327 13.1727 7.49972C13.1727 4.36671 10.6329 1.82689 7.49991 1.82689ZM8.24993 10.5C8.24993 10.9142 7.91414 11.25 7.49993 11.25C7.08571 11.25 6.74993 10.9142 6.74993 10.5C6.74993 10.0858 7.08571 9.75 7.49993 9.75C7.91414 9.75 8.24993 10.0858 8.24993 10.5ZM6.05003 6.25C6.05003 5.57211 6.63511 4.925 7.50003 4.925C8.36496 4.925 8.95003 5.57211 8.95003 6.25C8.95003 6.74118 8.68002 6.99212 8.21447 7.27494C8.16251 7.30651 8.10258 7.34131 8.03847 7.37854L8.03841 7.37858C7.85521 7.48497 7.63788 7.61119 7.47449 7.73849C7.23214 7.92732 6.95003 8.23198 6.95003 8.7C6.95004 9.00376 7.19628 9.25 7.50004 9.25C7.8024 9.25 8.04778 9.00601 8.05002 8.70417L8.05056 8.7033C8.05924 8.6896 8.08493 8.65735 8.15058 8.6062C8.25207 8.52712 8.36508 8.46163 8.51567 8.37436L8.51571 8.37433C8.59422 8.32883 8.68296 8.27741 8.78559 8.21506C9.32004 7.89038 10.05 7.35382 10.05 6.25C10.05 4.92789 8.93511 3.825 7.50003 3.825C6.06496 3.825 4.95003 4.92789 4.95003 6.25C4.95003 6.55376 5.19628 6.8 5.50003 6.8C5.80379 6.8 6.05003 6.55376 6.05003 6.25Z",
@@ -406,8 +406,8 @@ function cs(e) {
     }
   ) });
 }
-function is(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function xl(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M7.5 0.875C5.49797 0.875 3.875 2.49797 3.875 4.5C3.875 6.15288 4.98124 7.54738 6.49373 7.98351C5.2997 8.12901 4.27557 8.55134 3.50407 9.31167C2.52216 10.2794 2.02502 11.72 2.02502 13.5999C2.02502 13.8623 2.23769 14.0749 2.50002 14.0749C2.76236 14.0749 2.97502 13.8623 2.97502 13.5999C2.97502 11.8799 3.42786 10.7206 4.17091 9.9883C4.91536 9.25463 6.02674 8.87499 7.49995 8.87499C8.97317 8.87499 10.0846 9.25463 10.8291 9.98831C11.5721 10.7206 12.025 11.8799 12.025 13.5999C12.025 13.8623 12.2376 14.0749 12.5 14.0749C12.7623 14.075 12.975 13.8623 12.975 13.6C12.975 11.72 12.4778 10.2794 11.4959 9.31166C10.7244 8.55135 9.70025 8.12903 8.50625 7.98352C10.0187 7.5474 11.125 6.15289 11.125 4.5C11.125 2.49797 9.50203 0.875 7.5 0.875ZM4.825 4.5C4.825 3.02264 6.02264 1.825 7.5 1.825C8.97736 1.825 10.175 3.02264 10.175 4.5C10.175 5.97736 8.97736 7.175 7.5 7.175C6.02264 7.175 4.825 5.97736 4.825 4.5Z",
@@ -417,8 +417,8 @@ function is(e) {
     }
   ) });
 }
-function ds(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function yl(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z",
@@ -428,8 +428,8 @@ function ds(e) {
     }
   ) });
 }
-function us(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function kl(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z",
@@ -439,8 +439,8 @@ function us(e) {
     }
   ) });
 }
-function fs(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function Nl(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M4.89346 2.35248C3.49195 2.35248 2.35248 3.49359 2.35248 4.90532C2.35248 6.38164 3.20954 7.9168 4.37255 9.33522C5.39396 10.581 6.59464 11.6702 7.50002 12.4778C8.4054 11.6702 9.60608 10.581 10.6275 9.33522C11.7905 7.9168 12.6476 6.38164 12.6476 4.90532C12.6476 3.49359 11.5081 2.35248 10.1066 2.35248C9.27059 2.35248 8.81894 2.64323 8.5397 2.95843C8.27877 3.25295 8.14623 3.58566 8.02501 3.88993C8.00391 3.9429 7.98315 3.99501 7.96211 4.04591C7.88482 4.23294 7.7024 4.35494 7.50002 4.35494C7.29765 4.35494 7.11523 4.23295 7.03793 4.04592C7.01689 3.99501 6.99612 3.94289 6.97502 3.8899C6.8538 3.58564 6.72126 3.25294 6.46034 2.95843C6.18109 2.64323 5.72945 2.35248 4.89346 2.35248ZM1.35248 4.90532C1.35248 2.94498 2.936 1.35248 4.89346 1.35248C6.0084 1.35248 6.73504 1.76049 7.20884 2.2953C7.32062 2.42147 7.41686 2.55382 7.50002 2.68545C7.58318 2.55382 7.67941 2.42147 7.79119 2.2953C8.265 1.76049 8.99164 1.35248 10.1066 1.35248C12.064 1.35248 13.6476 2.94498 13.6476 4.90532C13.6476 6.74041 12.6013 8.50508 11.4008 9.96927C10.2636 11.3562 8.92194 12.5508 8.00601 13.3664C7.94645 13.4194 7.88869 13.4709 7.83291 13.5206C7.64324 13.6899 7.3568 13.6899 7.16713 13.5206C7.11135 13.4709 7.05359 13.4194 6.99403 13.3664C6.0781 12.5508 4.73641 11.3562 3.59926 9.96927C2.39872 8.50508 1.35248 6.74041 1.35248 4.90532Z",
@@ -450,8 +450,8 @@ function fs(e) {
     }
   ) });
 }
-function _s(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function Ll(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M3.13523 8.84197C3.3241 9.04343 3.64052 9.05363 3.84197 8.86477L7.5 5.43536L11.158 8.86477C11.3595 9.05363 11.6759 9.04343 11.8648 8.84197C12.0536 8.64051 12.0434 8.32409 11.842 8.13523L7.84197 4.38523C7.64964 4.20492 7.35036 4.20492 7.15803 4.38523L3.15803 8.13523C2.95657 8.32409 2.94637 8.64051 3.13523 8.84197Z",
@@ -461,8 +461,8 @@ function _s(e) {
     }
   ) });
 }
-function ps(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function Ml(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
@@ -472,8 +472,8 @@ function ps(e) {
     }
   ) });
 }
-function Je(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function pt(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M6.1584 3.13508C5.95694 3.32394 5.94673 3.64036 6.13559 3.84182L9.56499 7.49991L6.13559 11.158C5.94673 11.3595 5.95694 11.6759 6.1584 11.8647C6.35986 12.0536 6.67628 12.0434 6.86514 11.8419L10.6151 7.84182C10.7954 7.64946 10.7954 7.35036 10.6151 7.158L6.86514 3.15801C6.67628 2.95655 6.35986 2.94634 6.1584 3.13508Z",
@@ -483,8 +483,8 @@ function Je(e) {
     }
   ) });
 }
-function et(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function ht(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M8.84182 3.13508C9.04328 3.32394 9.05348 3.64036 8.86462 3.84182L5.43523 7.49991L8.86462 11.158C9.05348 11.3595 9.04328 11.6759 8.84182 11.8647C8.64036 12.0536 8.32394 12.0434 8.13508 11.8419L4.38508 7.84182C4.20477 7.64946 4.20477 7.35036 4.38508 7.158L8.13508 3.15801C8.32394 2.95655 8.64036 2.94634 8.84182 3.13508Z",
@@ -494,8 +494,8 @@ function et(e) {
     }
   ) });
 }
-function gs(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function Rl(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M3 2.5C3 2.22386 3.22386 2 3.5 2H11.5C11.7761 2 12 2.22386 12 2.5V13.5C12 13.6818 11.9014 13.8492 11.7424 13.9373C11.5834 14.0254 11.3891 14.0203 11.235 13.924L7.5 11.5896L3.765 13.924C3.61087 14.0203 3.41659 14.0254 3.25762 13.9373C3.09864 13.8492 3 13.6818 3 13.5V2.5ZM4 3V12.5979L6.97 10.7416C7.29427 10.539 7.70573 10.539 8.03 10.7416L11 12.5979V3H4Z",
@@ -505,7 +505,7 @@ function gs(e) {
     }
   ) });
 }
-function _o(e) {
+function Lo(e) {
   return /* @__PURE__ */ n("svg", { viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -514,8 +514,8 @@ function _o(e) {
     }
   ) });
 }
-function po(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function Mo(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z",
@@ -525,8 +525,8 @@ function po(e) {
     }
   ) });
 }
-function go(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function Ro(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M8.4449 0.608765C8.0183 -0.107015 6.9817 -0.107015 6.55509 0.608766L0.161178 11.3368C-0.275824 12.07 0.252503 13 1.10608 13H13.8939C14.7475 13 15.2758 12.07 14.8388 11.3368L8.4449 0.608765ZM7.4141 1.12073C7.45288 1.05566 7.54712 1.05566 7.5859 1.12073L13.9798 11.8488C14.0196 11.9154 13.9715 12 13.8939 12H1.10608C1.02849 12 0.980454 11.9154 1.02018 11.8488L7.4141 1.12073ZM6.8269 4.48611C6.81221 4.10423 7.11783 3.78663 7.5 3.78663C7.88217 3.78663 8.18778 4.10423 8.1731 4.48612L8.01921 8.48701C8.00848 8.766 7.7792 8.98664 7.5 8.98664C7.2208 8.98664 6.99151 8.766 6.98078 8.48701L6.8269 4.48611ZM8.24989 10.476C8.24989 10.8902 7.9141 11.226 7.49989 11.226C7.08567 11.226 6.74989 10.8902 6.74989 10.476C6.74989 10.0618 7.08567 9.72599 7.49989 9.72599C7.9141 9.72599 8.24989 10.0618 8.24989 10.476Z",
@@ -536,8 +536,8 @@ function go(e) {
     }
   ) });
 }
-function mo(e) {
-  return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
+function Eo(e) {
+  return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z",
@@ -547,889 +547,1506 @@ function mo(e) {
     }
   ) });
 }
-const ho = "_root_p5j1t_12", Co = "_viewport_p5j1t_17", vo = "_track_p5j1t_21", bo = "_slide_p5j1t_66", wo = "_arrow_p5j1t_78", yo = "_prev_p5j1t_99", xo = "_next_p5j1t_104", Lo = "_arrowButton_p5j1t_109", $o = "_dots_p5j1t_115", ko = "_dot_p5j1t_115", X = {
-  root: ho,
-  viewport: Co,
-  track: vo,
-  slide: bo,
-  arrow: wo,
-  prev: yo,
-  next: xo,
-  arrowButton: Lo,
-  dots: $o,
-  dot: ko
+const qo = "_root_p5j1t_12", Do = "_viewport_p5j1t_17", zo = "_track_p5j1t_21", Io = "_slide_p5j1t_66", Ho = "_arrow_p5j1t_78", So = "_prev_p5j1t_99", To = "_next_p5j1t_104", Ao = "_arrowButton_p5j1t_109", jo = "_dots_p5j1t_115", Oo = "_dot_p5j1t_115", le = {
+  root: qo,
+  viewport: Do,
+  track: zo,
+  slide: Io,
+  arrow: Ho,
+  prev: So,
+  next: To,
+  arrowButton: Ao,
+  dots: jo,
+  dot: Oo
 };
-function ms({
+function El({
   children: e,
   perView: t = 1,
   step: o = "item",
   showPagination: r = !1,
-  animated: s = !0,
+  animated: a = !0,
   className: l,
-  "aria-label": a = "Carousel",
-  ...d
+  "aria-label": s = "Carousel",
+  ...c
 }) {
-  const f = Qe.toArray(e), p = f.length, i = Q(), g = R(null), b = o === "page" ? Math.max(1, Math.floor(t)) : 1, w = p <= t ? 1 : o === "page" ? Math.ceil((p - t) / b) + 1 : Math.ceil(p - t) + 1, [_, C] = B(b), [$, M] = B(Math.max(1, w)), [k, j] = B(0), [E, q] = B(!0), [W, A] = B(p <= t), N = R([0]), I = R(0), y = R(0), u = R(() => {
-  }), x = de(() => {
-    const h = g.current;
-    if (!h) return;
-    const c = h.scrollLeft, m = Math.max(0, h.scrollWidth - h.clientWidth);
-    if (Math.abs(m - I.current) > 1) {
-      u.current();
+  const h = _t.toArray(e), m = h.length, i = se(), g = P(null), $ = o === "page" ? Math.max(1, Math.floor(t)) : 1, w = m <= t ? 1 : o === "page" ? Math.ceil((m - t) / $) + 1 : Math.ceil(m - t) + 1, [p, b] = Q($), [v, M] = Q(Math.max(1, w)), [z, I] = Q(0), [Y, U] = Q(!0), [D, T] = Q(m <= t), Z = P([0]), X = P(0), y = P(0), L = P(() => {
+  }), H = _e(() => {
+    const C = g.current;
+    if (!C) return;
+    const k = C.scrollLeft, B = Math.max(0, C.scrollWidth - C.clientWidth);
+    if (Math.abs(B - X.current) > 1) {
+      L.current();
       return;
     }
-    const D = c <= 1, S = c >= y.current - 1;
-    let O = 0;
-    S ? O = N.current.length - 1 : D || N.current.forEach((K, ne) => {
-      Math.abs(K - c) <= Math.abs(N.current[O] - c) && (O = ne);
-    }), j(O), q(D), A(S);
-  }, []), L = de(() => {
-    const h = g.current;
-    if (!h) return;
-    const c = Array.from(h.children);
-    if (!c.length) return;
-    const m = Math.max(0, h.scrollWidth - h.clientWidth), D = c[0], S = c.length > 1 ? c[1].offsetLeft - D.offsetLeft - D.offsetWidth : 0, O = (h.clientWidth + S) / (D.offsetWidth + S), K = o === "page" ? Math.max(1, Math.floor(O + 0.01)) : 1, ne = c[c.length - 1], oe = Math.round(
-      Math.max(0, Math.min(m, ne.offsetLeft - D.offsetLeft + ne.offsetWidth - h.clientWidth))
-    ), J = [];
-    c.forEach((fe, Ie) => {
-      if (Ie % K !== 0) return;
-      const xe = Math.round(Math.min(fe.offsetLeft - D.offsetLeft, oe));
-      J[J.length - 1] !== xe && J.push(xe);
-    }), oe > 0 && J[J.length - 1] < oe - 1 && J.push(oe), N.current = J, I.current = Math.round(m), y.current = oe, C(K), M(J.length), x();
-  }, [o, x]);
-  be(() => {
-    u.current = L, L();
-  }, [L, p]), U(() => {
-    const h = g.current;
-    if (!h) return;
-    const c = new ResizeObserver(() => L());
-    c.observe(h);
-    let m = 0;
-    const D = () => {
-      cancelAnimationFrame(m), m = requestAnimationFrame(x);
+    const V = k <= 1, G = k >= y.current - 1;
+    let _ = 0;
+    G ? _ = Z.current.length - 1 : V || Z.current.forEach((x, d) => {
+      Math.abs(x - k) <= Math.abs(Z.current[_] - k) && (_ = d);
+    }), I(_), U(V), T(G);
+  }, []), F = _e(() => {
+    const C = g.current;
+    if (!C) return;
+    const k = Array.from(C.children);
+    if (!k.length) return;
+    const B = Math.max(0, C.scrollWidth - C.clientWidth), V = k[0], G = k.length > 1 ? k[1].offsetLeft - V.offsetLeft - V.offsetWidth : 0, _ = (C.clientWidth + G) / (V.offsetWidth + G), x = o === "page" ? Math.max(1, Math.floor(_ + 0.01)) : 1, d = k[k.length - 1], u = Math.round(
+      Math.max(0, Math.min(B, d.offsetLeft - V.offsetLeft + d.offsetWidth - C.clientWidth))
+    ), q = [];
+    k.forEach((j, O) => {
+      if (O % x !== 0) return;
+      const W = Math.round(Math.min(j.offsetLeft - V.offsetLeft, u));
+      q[q.length - 1] !== W && q.push(W);
+    }), u > 0 && q[q.length - 1] < u - 1 && q.push(u), Z.current = q, X.current = Math.round(B), y.current = u, b(x), M(q.length), H();
+  }, [o, H]);
+  we(() => {
+    L.current = F, F();
+  }, [F, m]), te(() => {
+    const C = g.current;
+    if (!C) return;
+    const k = new ResizeObserver(() => F());
+    k.observe(C);
+    const B = C.firstElementChild;
+    B && k.observe(B);
+    let V = 0;
+    const G = () => {
+      cancelAnimationFrame(V), V = requestAnimationFrame(H);
     };
-    return h.addEventListener("scroll", D, { passive: !0 }), () => {
-      c.disconnect(), cancelAnimationFrame(m), h.removeEventListener("scroll", D);
+    return C.addEventListener("scroll", G, { passive: !0 }), () => {
+      k.disconnect(), cancelAnimationFrame(V), C.removeEventListener("scroll", G);
     };
-  }, [L, x]), U(() => {
-    const h = g.current;
-    if (!h) return;
-    const c = 4;
-    let m = null, D = 0, S = 0, O = !1, K = 0;
-    const ne = () => {
-      clearTimeout(K), delete h.dataset.settling;
-    }, oe = (V) => {
-      V.pointerType !== "mouse" || V.button !== 0 || h.scrollWidth <= h.clientWidth || (ne(), m = V.pointerId, D = V.clientX, S = h.scrollLeft, O = !1);
-    }, J = (V) => {
-      if (V.pointerId !== m) return;
-      const ae = V.clientX - D;
-      if (!O) {
-        if (Math.abs(ae) < c) return;
-        O = !0, h.setPointerCapture(V.pointerId), h.dataset.dragging = "";
+  }, [F, H, m]), te(() => {
+    const C = g.current;
+    if (!C) return;
+    const k = 4;
+    let B = null, V = 0, G = 0, _ = !1, x = 0;
+    const d = () => {
+      clearTimeout(x), delete C.dataset.settling;
+    }, u = (S) => {
+      S.pointerType !== "mouse" || S.button !== 0 || C.scrollWidth <= C.clientWidth || (d(), B = S.pointerId, V = S.clientX, G = C.scrollLeft, _ = !1);
+    }, q = (S) => {
+      if (S.pointerId !== B) return;
+      const ee = S.clientX - V;
+      if (!_) {
+        if (Math.abs(ee) < k) return;
+        _ = !0, C.setPointerCapture(S.pointerId), C.dataset.dragging = "";
       }
-      h.scrollLeft = S - ae;
-    }, fe = (V) => {
-      if (V.pointerId !== m || (m = null, !O)) return;
-      delete h.dataset.dragging;
-      const ae = h.scrollLeft, Ee = N.current;
-      let ce = Ee.reduce((_e, Pe) => Math.abs(Pe - ae) < Math.abs(_e - ae) ? Pe : _e, Ee[0]);
-      ae > S + 1 && ce <= S + 1 ? ce = Ee.find((_e) => _e > S + 1) ?? ce : ae < S - 1 && ce >= S - 1 && (ce = [...Ee].reverse().find((_e) => _e < S - 1) ?? ce), h.dataset.settling = "";
-      const vt = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-      h.scrollTo({ left: ce, behavior: vt ? "auto" : "smooth" }), h.addEventListener("scrollend", ne, { once: !0 }), K = window.setTimeout(ne, 700);
-    }, Ie = (V) => {
-      O && (O = !1, V.preventDefault(), V.stopPropagation());
-    }, xe = (V) => V.preventDefault();
-    return h.addEventListener("pointerdown", oe), h.addEventListener("pointermove", J), h.addEventListener("pointerup", fe), h.addEventListener("pointercancel", fe), h.addEventListener("click", Ie, !0), h.addEventListener("dragstart", xe), () => {
-      ne(), h.removeEventListener("pointerdown", oe), h.removeEventListener("pointermove", J), h.removeEventListener("pointerup", fe), h.removeEventListener("pointercancel", fe), h.removeEventListener("click", Ie, !0), h.removeEventListener("dragstart", xe);
+      C.scrollLeft = G - ee;
+    }, j = (S) => {
+      if (S.pointerId !== B || (B = null, !_)) return;
+      delete C.dataset.dragging;
+      const ee = C.scrollLeft, ne = Z.current;
+      let ie = ne.reduce((me, De) => Math.abs(De - ee) < Math.abs(me - ee) ? De : me, ne[0]);
+      ee > G + 1 && ie <= G + 1 ? ie = ne.find((me) => me > G + 1) ?? ie : ee < G - 1 && ie >= G - 1 && (ie = [...ne].reverse().find((me) => me < G - 1) ?? ie), C.dataset.settling = "";
+      const Qe = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      C.scrollTo({ left: ie, behavior: Qe ? "auto" : "smooth" }), C.addEventListener("scrollend", d, { once: !0 }), x = window.setTimeout(d, 700);
+    }, O = (S) => {
+      _ && (_ = !1, S.preventDefault(), S.stopPropagation());
+    }, W = (S) => S.preventDefault();
+    return C.addEventListener("pointerdown", u), C.addEventListener("pointermove", q), C.addEventListener("pointerup", j), C.addEventListener("pointercancel", j), C.addEventListener("click", O, !0), C.addEventListener("dragstart", W), () => {
+      d(), C.removeEventListener("pointerdown", u), C.removeEventListener("pointermove", q), C.removeEventListener("pointerup", j), C.removeEventListener("pointercancel", j), C.removeEventListener("click", O, !0), C.removeEventListener("dragstart", W);
     };
   }, []);
-  const Z = (h) => {
-    var c;
-    return (c = g.current) == null ? void 0 : c.scrollTo({ left: h });
-  }, H = (h) => {
-    const c = g.current;
-    if (!c) return;
-    const m = c.scrollLeft, D = h > 0 ? N.current.find((S) => S > m + 1) : [...N.current].reverse().find((S) => S < m - 1);
-    D !== void 0 && Z(D);
-  }, F = $ > 1;
-  return /* @__PURE__ */ z(
+  const f = (C) => {
+    var k;
+    return (k = g.current) == null ? void 0 : k.scrollTo({ left: C });
+  }, E = (C) => {
+    const k = g.current;
+    if (!k) return;
+    const B = k.scrollLeft, V = C > 0 ? Z.current.find((G) => G > B + 1) : [...Z.current].reverse().find((G) => G < B - 1);
+    V !== void 0 && f(V);
+  }, A = v > 1;
+  return /* @__PURE__ */ N(
     "section",
     {
-      ...d,
+      ...c,
       "aria-roledescription": "carousel",
-      "aria-label": a,
-      className: v(X.root, l),
-      "data-scrollable": F ? "" : void 0,
+      "aria-label": s,
+      className: R(le.root, l),
+      "data-scrollable": A ? "" : void 0,
       children: [
-        /* @__PURE__ */ z("div", { className: X.viewport, children: [
+        /* @__PURE__ */ N("div", { className: le.viewport, children: [
           /* @__PURE__ */ n(
             "div",
             {
               ref: g,
               id: i,
-              className: X.track,
+              className: le.track,
               tabIndex: 0,
               style: { "--_view-count-default": t },
-              children: f.map((h, c) => /* @__PURE__ */ n(
+              children: h.map((C, k) => /* @__PURE__ */ n(
                 "div",
                 {
-                  className: X.slide,
+                  className: le.slide,
                   role: "group",
                   "aria-roledescription": "slide",
-                  "aria-label": `${c + 1} of ${p}`,
-                  "data-snap": c % _ === 0 ? "" : void 0,
-                  children: h
+                  "aria-label": `${k + 1} of ${m}`,
+                  "data-snap": k % p === 0 ? "" : void 0,
+                  children: C
                 },
-                h.key ?? c
+                C.key ?? k
               ))
             }
           ),
-          /* @__PURE__ */ n("span", { className: v(X.arrow, X.prev), children: /* @__PURE__ */ n(
-            Ze,
+          /* @__PURE__ */ n("span", { className: R(le.arrow, le.prev), children: /* @__PURE__ */ n(
+            Ue,
             {
               iconOnly: !0,
-              className: X.arrowButton,
-              animated: s,
+              className: le.arrowButton,
+              animated: a,
               "aria-label": "Previous",
               "aria-controls": i,
-              disabled: E,
-              onClick: () => H(-1),
-              children: /* @__PURE__ */ n(et, { "aria-hidden": "true" })
+              disabled: Y,
+              onClick: () => E(-1),
+              children: /* @__PURE__ */ n(ht, { "aria-hidden": "true" })
             }
           ) }),
-          /* @__PURE__ */ n("span", { className: v(X.arrow, X.next), children: /* @__PURE__ */ n(
-            Ze,
+          /* @__PURE__ */ n("span", { className: R(le.arrow, le.next), children: /* @__PURE__ */ n(
+            Ue,
             {
               iconOnly: !0,
-              className: X.arrowButton,
-              animated: s,
+              className: le.arrowButton,
+              animated: a,
               "aria-label": "Next",
               "aria-controls": i,
-              disabled: W,
-              onClick: () => H(1),
-              children: /* @__PURE__ */ n(Je, { "aria-hidden": "true" })
+              disabled: D,
+              onClick: () => E(1),
+              children: /* @__PURE__ */ n(pt, { "aria-hidden": "true" })
             }
           ) })
         ] }),
-        r && F && /* @__PURE__ */ n("div", { className: X.dots, children: Array.from({ length: $ }, (h, c) => /* @__PURE__ */ n(
+        r && A && /* @__PURE__ */ n("div", { className: le.dots, children: Array.from({ length: v }, (C, k) => /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            className: X.dot,
-            "aria-label": o === "page" ? `Page ${c + 1} of ${$}` : `Position ${c + 1} of ${$}`,
+            className: le.dot,
+            "aria-label": o === "page" ? `Page ${k + 1} of ${v}` : `Position ${k + 1} of ${v}`,
             "aria-controls": i,
-            "aria-current": c === k ? "true" : void 0,
-            onClick: () => Z(N.current[c] ?? 0)
+            "aria-current": k === z ? "true" : void 0,
+            onClick: () => f(Z.current[k] ?? 0)
           },
-          c
+          k
         )) })
       ]
     }
   );
 }
-const No = "_nav_f248a_6", Mo = "_pages_f248a_21", zo = "_item_f248a_30", Ro = "_current_f248a_48", Do = "_page_f248a_21", qo = "_gap_f248a_82", Io = "_stepText_f248a_92", Eo = "_step_f248a_92", Y = {
-  nav: No,
-  pages: Mo,
-  item: zo,
-  current: Ro,
-  page: Do,
-  gap: qo,
-  stepText: Io,
-  step: Eo
-}, Ho = "_spaceControl_4ou97_17", So = "_spaceSlider_4ou97_74", To = "_spacePanel_4ou97_111", jo = "_spaceInput_4ou97_34", Ao = "_spaceTextArea_4ou97_226", Zo = {
-  spaceControl: Ho,
-  spaceSlider: So,
-  spacePanel: To,
-  spaceInput: jo,
-  spaceTextArea: Ao
-}, te = Zo;
-function Oo({ pageSize: e, totalItems: t }) {
+const Zo = "_nav_f248a_6", Bo = "_pages_f248a_21", Vo = "_item_f248a_30", Wo = "_current_f248a_48", Po = "_page_f248a_21", Fo = "_gap_f248a_82", Go = "_stepText_f248a_92", Uo = "_step_f248a_92", ce = {
+  nav: Zo,
+  pages: Bo,
+  item: Vo,
+  current: Wo,
+  page: Po,
+  gap: Fo,
+  stepText: Go,
+  step: Uo
+}, Ko = "_spaceControl_4ou97_17", Xo = "_spaceSlider_4ou97_74", Yo = "_spacePanel_4ou97_111", Qo = "_spaceInput_4ou97_34", Jo = "_spaceTextArea_4ou97_226", er = {
+  spaceControl: Ko,
+  spaceSlider: Xo,
+  spacePanel: Yo,
+  spaceInput: Qo,
+  spaceTextArea: Jo
+}, ue = er;
+function tr({ pageSize: e, totalItems: t }) {
   return e <= 0 ? 1 : Math.max(1, Math.ceil(t / e));
 }
-function Bo(e, t, o = 1) {
-  const r = (g, b) => Array.from({ length: Math.max(0, b - g + 1) }, (w, _) => g + _), s = o * 2 + 5;
-  if (t <= s) return r(1, t);
-  const l = Math.min(Math.max(e, 1), t), a = Math.max(l - o, 1), d = Math.min(l + o, t), f = a > 3, p = d < t - 2, i = o * 2 + 3;
-  return f ? p ? [1, null, ...r(a, d), null, t] : [1, null, ...r(t - i + 1, t)] : [...r(1, i), null, t];
+function nr(e, t, o = 1) {
+  const r = (g, $) => Array.from({ length: Math.max(0, $ - g + 1) }, (w, p) => g + p), a = o * 2 + 5;
+  if (t <= a) return r(1, t);
+  const l = Math.min(Math.max(e, 1), t), s = Math.max(l - o, 1), c = Math.min(l + o, t), h = s > 3, m = c < t - 2, i = o * 2 + 3;
+  return h ? m ? [1, null, ...r(s, c), null, t] : [1, null, ...r(t - i + 1, t)] : [...r(1, i), null, t];
 }
-function hs({
+function ql({
   pagination: e,
   onPageClick: t,
   siblings: o = 1,
   animated: r = !0,
-  className: s,
+  className: a,
   "aria-label": l = "Pagination",
-  ...a
+  ...s
 }) {
-  const d = Oo(e);
-  if (d <= 1) return null;
-  const f = Math.min(Math.max(e.page, 1), d), p = (i) => {
-    i !== f && i >= 1 && i <= d && t(i);
+  const c = tr(e);
+  if (c <= 1) return null;
+  const h = Math.min(Math.max(e.page, 1), c), m = (i) => {
+    i !== h && i >= 1 && i <= c && t(i);
   };
-  return /* @__PURE__ */ z("nav", { ...a, "aria-label": l, className: v(Y.nav, s), children: [
-    /* @__PURE__ */ z(
+  return /* @__PURE__ */ N("nav", { ...s, "aria-label": l, className: R(ce.nav, a), children: [
+    /* @__PURE__ */ N(
       "button",
       {
         type: "button",
-        className: v(te.spaceControl, Y.item, Y.step),
-        disabled: f <= 1,
+        className: R(ue.spaceControl, ce.item, ce.step),
+        disabled: h <= 1,
         "aria-label": "Previous page",
-        onClick: () => p(f - 1),
+        onClick: () => m(h - 1),
         children: [
-          /* @__PURE__ */ n(et, { "aria-hidden": "true" }),
-          /* @__PURE__ */ n("span", { className: Y.stepText, children: "Previous" })
+          /* @__PURE__ */ n(ht, { "aria-hidden": "true" }),
+          /* @__PURE__ */ n("span", { className: ce.stepText, children: "Previous" })
         ]
       }
     ),
-    /* @__PURE__ */ n("ol", { className: Y.pages, children: Bo(f, d, o).map(
+    /* @__PURE__ */ n("ol", { className: ce.pages, children: nr(h, c, o).map(
       (i, g) => i === null ? (
         // Presentational: "ellipsis" read aloud between page numbers tells
         // nobody anything.
         // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ n("li", { className: Y.gap, "aria-hidden": "true", children: "…" }, `gap-${g}`)
+        /* @__PURE__ */ n("li", { className: ce.gap, "aria-hidden": "true", children: "…" }, `gap-${g}`)
       ) : /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          className: v(
-            te.spaceControl,
-            Y.item,
-            Y.page,
-            i === f && Y.current
+          className: R(
+            ue.spaceControl,
+            ce.item,
+            ce.page,
+            i === h && ce.current
           ),
-          "data-animated": i === f && !r ? "false" : void 0,
+          "data-animated": i === h && !r ? "false" : void 0,
           "aria-label": `Page ${i}`,
-          "aria-current": i === f ? "page" : void 0,
-          onClick: () => p(i),
+          "aria-current": i === h ? "page" : void 0,
+          onClick: () => m(i),
           children: i
         }
       ) }, i)
     ) }),
-    /* @__PURE__ */ z(
+    /* @__PURE__ */ N(
       "button",
       {
         type: "button",
-        className: v(te.spaceControl, Y.item, Y.step),
-        disabled: f >= d,
+        className: R(ue.spaceControl, ce.item, ce.step),
+        disabled: h >= c,
         "aria-label": "Next page",
-        onClick: () => p(f + 1),
+        onClick: () => m(h + 1),
         children: [
-          /* @__PURE__ */ n("span", { className: Y.stepText, children: "Next" }),
-          /* @__PURE__ */ n(Je, { "aria-hidden": "true" })
+          /* @__PURE__ */ n("span", { className: ce.stepText, children: "Next" }),
+          /* @__PURE__ */ n(pt, { "aria-hidden": "true" })
         ]
       }
     )
   ] });
 }
-const Wo = "_wrap_dwcut_5", Vo = "_sm_dwcut_30", Fo = "_md_dwcut_36", Po = "_lg_dwcut_42", Go = "_orbit_dwcut_49", Ko = "_planet_dwcut_58", Uo = "_moon_dwcut_73", Xo = "_label_dwcut_92", me = {
-  wrap: Wo,
-  sm: Vo,
-  md: Fo,
-  lg: Po,
-  orbit: Go,
-  planet: Ko,
+const or = "_wrap_dwcut_5", rr = "_sm_dwcut_30", sr = "_md_dwcut_36", ar = "_lg_dwcut_42", lr = "_orbit_dwcut_49", cr = "_planet_dwcut_58", ir = "_moon_dwcut_73", dr = "_label_dwcut_92", ke = {
+  wrap: or,
+  sm: rr,
+  md: sr,
+  lg: ar,
+  orbit: lr,
+  planet: cr,
   "sp-loader-planet-pulse": "_sp-loader-planet-pulse_dwcut_1",
-  moon: Uo,
+  moon: ir,
   "sp-loader-orbit": "_sp-loader-orbit_dwcut_1",
-  label: Xo,
+  label: dr,
   "sp-loader-reduced-pulse": "_sp-loader-reduced-pulse_dwcut_1"
 };
-function Cs({ size: e = "md", label: t, className: o }) {
-  return /* @__PURE__ */ z(
+function Dl({ size: e = "md", label: t, className: o }) {
+  return /* @__PURE__ */ N(
     "div",
     {
-      className: v(me.wrap, me[e], o),
+      className: R(ke.wrap, ke[e], o),
       role: "status",
       "aria-live": "polite",
       "aria-label": t ?? "Loading",
       children: [
-        /* @__PURE__ */ z("span", { className: me.orbit, children: [
-          /* @__PURE__ */ n("span", { className: me.planet }),
-          /* @__PURE__ */ n("span", { className: me.moon })
+        /* @__PURE__ */ N("span", { className: ke.orbit, children: [
+          /* @__PURE__ */ n("span", { className: ke.planet }),
+          /* @__PURE__ */ n("span", { className: ke.moon })
         ] }),
-        t && /* @__PURE__ */ n("span", { className: me.label, children: t })
+        t && /* @__PURE__ */ n("span", { className: ke.label, children: t })
       ]
     }
   );
 }
-const Yo = "_content_1efo6_6", Qo = {
-  content: Yo
+const ur = "_content_1efo6_6", fr = {
+  content: ur
 };
-function tt(e, t) {
+function Ye(e, t) {
   e.matches(":popover-open") || (e.dataset.instant = "", e.dataset.measuring = "", t(), delete e.dataset.measuring, e.offsetWidth, delete e.dataset.instant, e.offsetWidth, e.showPopover());
 }
-const Jo = 350, er = 80, Te = 8, Ne = 8;
-function tr({ triggerRef: e, tooltipId: t, show: o, hide: r, children: s }) {
-  const l = s.props;
-  return Oe(s, {
+const _r = 350, pr = 80, Pe = 8, Se = 8;
+function hr({ triggerRef: e, tooltipId: t, show: o, hide: r, children: a }) {
+  const l = a.props;
+  return Xe(a, {
     ref: e,
     // Always present, so the id it points at never dangles: the content
     // element stays mounted and only toggles its popover state.
     "aria-describedby": t,
-    onPointerEnter: (a) => {
-      var d;
-      (d = l.onPointerEnter) == null || d.call(l, a), a.pointerType === "mouse" && o();
+    onPointerEnter: (s) => {
+      var c;
+      (c = l.onPointerEnter) == null || c.call(l, s), s.pointerType === "mouse" && o();
     },
-    onPointerLeave: (a) => {
-      var d;
-      (d = l.onPointerLeave) == null || d.call(l, a), r();
+    onPointerLeave: (s) => {
+      var c;
+      (c = l.onPointerLeave) == null || c.call(l, s), r();
     },
     // Keyboard focus shows it immediately — no hover delay to wait out.
-    onFocus: (a) => {
-      var d;
-      (d = l.onFocus) == null || d.call(l, a), o(!0);
+    onFocus: (s) => {
+      var c;
+      (c = l.onFocus) == null || c.call(l, s), o(!0);
     },
-    onBlur: (a) => {
-      var d;
-      (d = l.onBlur) == null || d.call(l, a), r();
+    onBlur: (s) => {
+      var c;
+      (c = l.onBlur) == null || c.call(l, s), r();
     },
     // A tooltip must never outlive the action it describes: clicking the
     // control (expand, switch view) leaves it stranded over the new layout.
-    onClick: (a) => {
-      var d;
-      (d = l.onClick) == null || d.call(l, a), r();
+    onClick: (s) => {
+      var c;
+      (c = l.onClick) == null || c.call(l, s), r();
     }
   });
 }
-function nr({ label: e, side: t = "bottom", children: o }) {
-  const r = Q(), [s, l] = B(!1), [a, d] = B(null), f = R(null), p = R(null), i = R(null), g = R(null), b = () => {
+function mr({ label: e, side: t = "bottom", children: o }) {
+  const r = se(), [a, l] = Q(!1), [s, c] = Q(null), h = P(null), m = P(null), i = P(null), g = P(null), $ = () => {
     i.current && (clearTimeout(i.current), i.current = null), g.current && (clearTimeout(g.current), g.current = null);
-  }, w = (C = !1) => {
-    if (b(), C) {
+  }, w = (b = !1) => {
+    if ($(), b) {
       l(!0);
       return;
     }
-    i.current = setTimeout(() => l(!0), Jo);
-  }, _ = () => {
-    b(), g.current = setTimeout(() => l(!1), er);
+    i.current = setTimeout(() => l(!0), _r);
+  }, p = () => {
+    $(), g.current = setTimeout(() => l(!1), pr);
   };
-  return U(() => b, []), be(() => {
-    const C = p.current;
-    if (!C) return;
-    if (!s) {
-      C.matches(":popover-open") && C.hidePopover();
+  return te(() => $, []), we(() => {
+    const b = m.current;
+    if (!b) return;
+    if (!a) {
+      b.matches(":popover-open") && b.hidePopover();
       return;
     }
-    const $ = f.current;
-    if (!$) return;
+    const v = h.current;
+    if (!v) return;
     const M = () => {
-      const k = $.getBoundingClientRect(), j = C.offsetWidth, E = C.offsetHeight, q = (x, L, Z, H) => Math.min(
-        Math.max(x + L / 2 - Z / 2, Ne),
-        Math.max(H - Z - Ne, Ne)
-      ), W = (x, L, Z, H) => ({
-        fitsNear: x >= Ne,
-        fitsFar: L + Z <= H - Ne
+      const z = v.getBoundingClientRect(), I = b.offsetWidth, Y = b.offsetHeight, U = (H, F, f, E) => Math.min(
+        Math.max(H + F / 2 - f / 2, Se),
+        Math.max(E - f - Se, Se)
+      ), D = (H, F, f, E) => ({
+        fitsNear: H >= Se,
+        fitsFar: F + f <= E - Se
       });
       if (t === "left" || t === "right") {
-        const x = k.right + Te, L = k.left - j - Te, { fitsNear: Z, fitsFar: H } = W(L, x, j, window.innerWidth), F = t === "right" ? H || !Z ? x : L : Z || !H ? L : x;
-        C.dataset.side = F === x ? "right" : "left", d({ top: q(k.top, k.height, E, window.innerHeight), left: F });
+        const H = z.right + Pe, F = z.left - I - Pe, { fitsNear: f, fitsFar: E } = D(F, H, I, window.innerWidth), A = t === "right" ? E || !f ? H : F : f || !E ? F : H;
+        b.dataset.side = A === H ? "right" : "left", c({ top: U(z.top, z.height, Y, window.innerHeight), left: A });
         return;
       }
-      const A = k.bottom + Te, N = k.top - E - Te, { fitsNear: I, fitsFar: y } = W(N, A, E, window.innerHeight), u = t === "bottom" ? y || !I ? A : N : I || !y ? N : A;
-      C.dataset.side = u === A ? "bottom" : "top", d({ top: u, left: q(k.left, k.width, j, window.innerWidth) });
+      const T = z.bottom + Pe, Z = z.top - Y - Pe, { fitsNear: X, fitsFar: y } = D(Z, T, Y, window.innerHeight), L = t === "bottom" ? y || !X ? T : Z : X || !y ? Z : T;
+      b.dataset.side = L === T ? "bottom" : "top", c({ top: L, left: U(z.left, z.width, I, window.innerWidth) });
     };
-    C.matches(":popover-open") ? M() : tt(C, M);
-  }, [s, t, e]), !e || !ve(o) ? /* @__PURE__ */ n(ue, { children: o }) : /* @__PURE__ */ z(ue, { children: [
+    b.matches(":popover-open") ? M() : Ye(b, M);
+  }, [a, t, e]), !e || !Re(o) ? /* @__PURE__ */ n(he, { children: o }) : /* @__PURE__ */ N(he, { children: [
     /* @__PURE__ */ n(
-      tr,
+      hr,
       {
-        triggerRef: f,
+        triggerRef: h,
         tooltipId: r,
         show: w,
-        hide: _,
+        hide: p,
         children: o
       }
     ),
     /* @__PURE__ */ n(
       "div",
       {
-        ref: p,
+        ref: m,
         id: r,
         popover: "auto",
         role: "tooltip",
-        className: Qo.content,
-        style: a ? { top: a.top, left: a.left } : void 0,
-        onToggle: (C) => {
-          C.nativeEvent.newState === "closed" && s && l(!1);
+        className: fr.content,
+        style: s ? { top: s.top, left: s.left } : void 0,
+        onToggle: (b) => {
+          b.nativeEvent.newState === "closed" && a && l(!1);
         },
         children: e
       }
     )
   ] });
 }
-const or = "_group_1tdav_4", rr = "_segment_1tdav_15", sr = "_active_1tdav_35", lr = "_vertical_1tdav_46", je = {
-  group: or,
-  segment: rr,
-  active: sr,
-  vertical: lr
+const gr = "_group_1tdav_4", Cr = "_segment_1tdav_15", vr = "_active_1tdav_35", br = "_vertical_1tdav_46", Fe = {
+  group: gr,
+  segment: Cr,
+  active: vr,
+  vertical: br
 };
-function vs({
+function zl({
   options: e,
   value: t,
   onValueChange: o,
   orientation: r = "horizontal",
-  className: s = ""
+  className: a = ""
 }) {
   const l = r === "vertical";
   return /* @__PURE__ */ n(
     "div",
     {
-      className: `${je.group} ${l ? je.vertical : ""} ${s}`,
+      className: `${Fe.group} ${l ? Fe.vertical : ""} ${a}`,
       role: "group",
-      children: e.map((a) => (
+      children: e.map((s) => (
         // A horizontal pill sits at the top of the scene, so its tooltips hang
         // below it. A vertical one has a segment directly below every segment,
         // so they go to the side instead — otherwise each tooltip covers the
         // next option along.
-        /* @__PURE__ */ n(nr, { label: a.label, side: l ? "right" : "bottom", children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n(mr, { label: s.label, side: l ? "right" : "bottom", children: /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            className: `${je.segment} ${a.value === t ? je.active : ""}`,
-            "aria-label": a.label,
-            "aria-pressed": a.value === t,
+            className: `${Fe.segment} ${s.value === t ? Fe.active : ""}`,
+            "aria-label": s.label,
+            "aria-pressed": s.value === t,
             onClick: () => {
-              a.value !== t && o(a.value);
+              s.value !== t && o(s.value);
             },
-            children: a.icon
+            children: s.icon
           }
-        ) }, a.value)
+        ) }, s.value)
       ))
     }
   );
 }
-const ar = "_root_32n97_2", cr = "_trigger_32n97_7", ir = "_labelWrap_32n97_30", dr = "_sizer_32n97_8", ur = "_triggerLabel_32n97_70", fr = "_chevron_32n97_77", _r = "_listbox_32n97_82", pr = "_item_32n97_148", se = {
-  root: ar,
-  trigger: cr,
-  labelWrap: ir,
-  sizer: dr,
-  triggerLabel: ur,
-  chevron: fr,
-  listbox: _r,
-  item: pr
-}, nt = we(null), gr = () => {
-  const e = ye(nt);
+const $r = "_root_12wb9_2", wr = "_trigger_12wb9_7", xr = "_labelWrap_12wb9_30", yr = "_sizer_12wb9_8", kr = "_triggerLabel_12wb9_70", Nr = "_chevron_12wb9_77", Lr = "_listbox_12wb9_82", Mr = "_item_12wb9_174", Ce = {
+  root: $r,
+  trigger: wr,
+  labelWrap: xr,
+  sizer: yr,
+  triggerLabel: kr,
+  chevron: Nr,
+  listbox: Lr,
+  item: Mr
+}, mt = Ee(null), Rr = () => {
+  const e = qe(mt);
   if (!e) throw new Error("Select.Item must be inside a Select");
   return e;
-}, ot = (e, t) => `${e}-${encodeURIComponent(t)}`;
-function mr(e) {
+}, gt = (e, t) => `${e}-${encodeURIComponent(t)}`, Te = 4, Ne = 8;
+function Er(e) {
   const t = [], o = (r) => {
-    Qe.forEach(r, (s) => {
-      if (!ve(s)) return;
-      const l = s.props;
-      s.type === rt && typeof l.value == "string" ? t.push({ value: l.value, label: l.children, disabled: l.disabled }) : l.children && o(l.children);
+    _t.forEach(r, (a) => {
+      if (!Re(a)) return;
+      const l = a.props;
+      a.type === Ct && typeof l.value == "string" ? t.push({ value: l.value, label: l.children, disabled: l.disabled }) : l.children && o(l.children);
     });
   };
   return o(e), t;
 }
-function hr({
+function qr({
   value: e,
   onValueChange: t,
   disabled: o,
   placeholder: r,
-  animated: s = !0,
+  animated: a = !0,
   className: l,
-  children: a,
-  ...d
+  children: s,
+  ...c
 }) {
-  const [f, p] = B(!1), [i, g] = B(null), b = Q(), w = R(null), _ = R(null), C = R(null), [$, M] = B(null), [k, j] = B(null), E = Ce(() => mr(a), [a]), q = Ce(() => E.filter((u) => !u.disabled).map((u) => u.value), [E]), W = Ce(() => E.map((u) => u.label), [E]), A = de(
-    (u) => {
-      var x;
-      return ((x = E.find((L) => L.value === u)) == null ? void 0 : x.label) ?? null;
+  const [h, m] = Q(!1), [i, g] = Q(null), $ = se(), w = P(null), p = P(null), b = P(null), [v, M] = Q(null), [z, I] = Q(null), [Y, U] = Q(null), D = pe(() => Er(s), [s]), T = pe(() => D.filter((f) => !f.disabled).map((f) => f.value), [D]), Z = pe(() => D.map((f) => f.label), [D]), X = _e(
+    (f) => {
+      var E;
+      return ((E = D.find((A) => A.value === f)) == null ? void 0 : E.label) ?? null;
     },
-    [E]
+    [D]
   );
-  U(() => {
-    if (!f) return;
-    const u = (x) => {
-      _.current && !_.current.contains(x.target) && p(!1);
+  te(() => {
+    if (!h) return;
+    const f = (E) => {
+      p.current && !p.current.contains(E.target) && m(!1);
     };
-    return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
-  }, [f]), be(() => {
-    if (!f) return;
-    const u = w.current;
-    if (!u) return;
-    const x = u.getBoundingClientRect();
-    M(u.offsetWidth);
-    const L = window.innerHeight - x.bottom - 16;
-    j(Math.min(380, Math.max(120, L)));
-  }, [f]), U(() => {
-    var u;
-    f && ((u = C.current) == null || u.focus());
-  }, [f]);
-  const N = (u) => {
-    g(u ?? q[0] ?? null), p(!0);
-  }, I = (u) => {
-    const x = i ? q.indexOf(i) : -1, L = Math.min(Math.max(x + u, 0), q.length - 1);
-    g(q[L] ?? null);
-  }, y = e ? A(e) : null;
+    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+  }, [h]);
+  const y = _e(() => {
+    const f = w.current, E = b.current;
+    if (!f || !E) return;
+    const A = f.getBoundingClientRect();
+    M(f.offsetWidth);
+    const C = window.innerHeight - A.bottom - Ne, k = A.top - Ne, B = C < Math.min(E.offsetHeight + Te, 200) && k > C, V = Math.max(120, Math.min(380, B ? k - Te : C - Te));
+    I(V), E.dataset.side = B ? "top" : "bottom";
+    const G = Math.min(E.offsetHeight, V), _ = B ? Math.max(Ne, A.top - Te - G) : A.bottom + Te, x = Math.min(
+      Math.max(A.left, Ne),
+      Math.max(window.innerWidth - E.offsetWidth - Ne, Ne)
+    );
+    U((d) => d && d.top === _ && d.left === x ? d : { top: _, left: x });
+  }, []);
+  we(() => {
+    const f = b.current;
+    f && (h ? (Ye(f, y), y()) : f.matches(":popover-open") && f.hidePopover());
+  }, [h, y]), te(() => {
+    if (!h) return;
+    let f = 0, E = "";
+    const A = () => {
+      const C = w.current;
+      if (C) {
+        const k = C.getBoundingClientRect(), B = `${k.top}|${k.left}|${k.width}|${window.innerWidth}|${window.innerHeight}`;
+        B !== E && (E = B, y());
+      }
+      f = requestAnimationFrame(A);
+    };
+    return f = requestAnimationFrame(A), () => cancelAnimationFrame(f);
+  }, [h, y]), te(() => {
+    var f;
+    h && ((f = b.current) == null || f.focus());
+  }, [h]);
+  const L = (f) => {
+    g(f ?? T[0] ?? null), m(!0);
+  }, H = (f) => {
+    const E = i ? T.indexOf(i) : -1, A = Math.min(Math.max(E + f, 0), T.length - 1);
+    g(T[A] ?? null);
+  }, F = e ? X(e) : null;
   return /* @__PURE__ */ n(
-    nt.Provider,
+    mt.Provider,
     {
       value: {
         value: e,
         onValueChange: t,
         disabled: o,
-        open: f,
-        setOpen: p,
+        open: h,
+        setOpen: m,
         highlighted: i,
         setHighlighted: g,
-        listboxId: b,
-        values: q,
-        labelFor: A,
+        listboxId: $,
+        values: T,
+        labelFor: X,
         triggerRef: w
       },
-      children: /* @__PURE__ */ z("div", { ref: _, className: se.root, children: [
-        /* @__PURE__ */ z(
+      children: /* @__PURE__ */ N("div", { ref: p, className: Ce.root, children: [
+        /* @__PURE__ */ N(
           "button",
           {
             type: "button",
-            ...d,
+            ...c,
             ref: w,
             disabled: o,
-            className: v(se.trigger, te.spaceControl, "spSelectTrigger", l),
-            "data-animated": s ? void 0 : "false",
-            "data-state": f ? "open" : "closed",
+            className: R(Ce.trigger, ue.spaceControl, "spSelectTrigger", l),
+            "data-animated": a ? void 0 : "false",
+            "data-state": h ? "open" : "closed",
             "aria-haspopup": "listbox",
-            "aria-expanded": f,
-            "aria-controls": b,
-            onClick: () => f ? p(!1) : N(e || null),
-            onKeyDown: (u) => {
-              (u.key === "ArrowDown" || u.key === "Enter" || u.key === " ") && (u.preventDefault(), N(e || null));
+            "aria-expanded": h,
+            "aria-controls": $,
+            onClick: () => h ? m(!1) : L(e || null),
+            onKeyDown: (f) => {
+              (f.key === "ArrowDown" || f.key === "Enter" || f.key === " ") && (f.preventDefault(), L(e || null));
             },
             children: [
-              /* @__PURE__ */ z("span", { className: se.labelWrap, children: [
-                /* @__PURE__ */ z("span", { className: se.sizer, "data-sizer": "", "aria-hidden": "true", children: [
-                  W.map((u, x) => (
+              /* @__PURE__ */ N("span", { className: Ce.labelWrap, children: [
+                /* @__PURE__ */ N("span", { className: Ce.sizer, "data-sizer": "", "aria-hidden": "true", children: [
+                  Z.map((f, E) => (
                     // eslint-disable-next-line react/no-array-index-key
-                    /* @__PURE__ */ n("span", { children: u }, x)
+                    /* @__PURE__ */ n("span", { children: f }, E)
                   )),
                   r && /* @__PURE__ */ n("span", { children: r })
                 ] }),
-                /* @__PURE__ */ n("span", { className: se.triggerLabel, children: y ?? r ?? "" })
+                /* @__PURE__ */ n("span", { className: Ce.triggerLabel, children: F ?? r ?? "" })
               ] }),
-              /* @__PURE__ */ n("svg", { className: se.chevron, width: "9", height: "9", viewBox: "0 0 9 9", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M0.5 3 L4.5 7 L8.5 3", fill: "none", stroke: "currentColor", strokeWidth: "1.2" }) })
+              /* @__PURE__ */ n("svg", { className: Ce.chevron, width: "9", height: "9", viewBox: "0 0 9 9", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M0.5 3 L4.5 7 L8.5 3", fill: "none", stroke: "currentColor", strokeWidth: "1.2" }) })
             ]
           }
         ),
         /* @__PURE__ */ n(
           "div",
           {
-            ref: C,
-            id: b,
+            ref: b,
+            id: $,
             role: "listbox",
             tabIndex: -1,
-            hidden: !f,
-            "aria-activedescendant": i ? ot(b, i) : void 0,
-            className: v(se.listbox, te.spacePanel),
-            "data-animated": s ? void 0 : "false",
-            style: $ != null || k != null ? {
-              ...$ != null ? { "--_select-trigger-width": `${$}px` } : {},
-              ...k != null ? { maxHeight: `${k}px` } : {}
-            } : void 0,
-            onKeyDown: (u) => {
-              var x, L;
-              u.key === "Escape" ? (u.stopPropagation(), p(!1), (x = w.current) == null || x.focus()) : u.key === "ArrowDown" ? (u.preventDefault(), I(1)) : u.key === "ArrowUp" ? (u.preventDefault(), I(-1)) : u.key === "Home" ? (u.preventDefault(), g(q[0] ?? null)) : u.key === "End" ? (u.preventDefault(), g(q[q.length - 1] ?? null)) : u.key === "Enter" || u.key === " " ? (u.preventDefault(), i && (t(i), p(!1), (L = w.current) == null || L.focus())) : u.key === "Tab" && p(!1);
+            popover: "manual",
+            "data-side": "bottom",
+            "aria-activedescendant": i ? gt($, i) : void 0,
+            className: R(Ce.listbox, ue.spacePanel),
+            "data-animated": a ? void 0 : "false",
+            style: {
+              ...v != null ? { "--_select-trigger-width": `${v}px` } : {},
+              ...z != null ? { maxHeight: `${z}px` } : {},
+              ...Y ? { top: Y.top, left: Y.left } : {}
             },
-            children: a
+            onKeyDown: (f) => {
+              var E, A;
+              f.key === "Escape" ? (f.stopPropagation(), m(!1), (E = w.current) == null || E.focus()) : f.key === "ArrowDown" ? (f.preventDefault(), H(1)) : f.key === "ArrowUp" ? (f.preventDefault(), H(-1)) : f.key === "Home" ? (f.preventDefault(), g(T[0] ?? null)) : f.key === "End" ? (f.preventDefault(), g(T[T.length - 1] ?? null)) : f.key === "Enter" || f.key === " " ? (f.preventDefault(), i && (t(i), m(!1), (A = w.current) == null || A.focus())) : f.key === "Tab" && m(!1);
+            },
+            children: s
           }
         )
       ] })
     }
   );
 }
-function rt({ value: e, disabled: t, children: o }) {
-  const r = gr(), s = r.value === e, l = r.highlighted === e;
+function Ct({ value: e, disabled: t, children: o }) {
+  const r = Rr(), a = r.value === e, l = r.highlighted === e;
   return /* @__PURE__ */ n(
     "div",
     {
-      id: ot(r.listboxId, e),
+      id: gt(r.listboxId, e),
       role: "option",
-      "aria-selected": s,
+      "aria-selected": a,
       "aria-disabled": t || void 0,
       "data-highlighted": l ? "" : void 0,
-      className: v(se.item, "spSelectItem"),
+      className: R(Ce.item, "spSelectItem"),
       onMouseEnter: () => !t && r.setHighlighted(e),
       onClick: () => {
-        var a;
-        t || (r.onValueChange(e), r.setOpen(!1), (a = r.triggerRef.current) == null || a.focus());
+        var s;
+        t || (r.onValueChange(e), r.setOpen(!1), (s = r.triggerRef.current) == null || s.focus());
       },
       children: o
     }
   );
 }
-const bs = Object.assign(hr, { Item: rt }), Cr = "_root_1lx7y_1", vr = "_input_1lx7y_7", br = "_slot_1lx7y_17", We = {
-  root: Cr,
-  input: vr,
-  slot: br
-}, wr = G(function({ className: t, style: o, animated: r = !0, children: s, ...l }, a) {
-  return /* @__PURE__ */ z(
+const Il = Object.assign(qr, { Item: Ct }), Dr = "_root_1lx7y_1", zr = "_input_1lx7y_7", Ir = "_slot_1lx7y_17", tt = {
+  root: Dr,
+  input: zr,
+  slot: Ir
+}, Hr = ae(function({ className: t, style: o, animated: r = !0, children: a, ...l }, s) {
+  return /* @__PURE__ */ N(
     "div",
     {
-      className: v(We.root, te.spaceInput, "spTextFieldRoot", t),
+      className: R(tt.root, ue.spaceInput, "spTextFieldRoot", t),
       "data-animated": r ? void 0 : "false",
       style: o,
       children: [
-        s,
-        /* @__PURE__ */ n("input", { ...l, ref: a, className: v(We.input, "spTextFieldInput") })
+        a,
+        /* @__PURE__ */ n("input", { ...l, ref: s, className: R(tt.input, "spTextFieldInput") })
       ]
     }
   );
 });
-function yr({
+function Sr({
   children: e
 }) {
-  return /* @__PURE__ */ n("span", { className: We.slot, children: e });
+  return /* @__PURE__ */ n("span", { className: tt.slot, children: e });
 }
-const Ue = Object.assign(wr, { Slot: yr }), xr = "_root_1qu6w_1", Lr = "_textarea_1qu6w_6", Xe = {
-  root: xr,
-  textarea: Lr
-}, ws = G(function({ className: t, style: o, animated: r = !0, ...s }, l) {
+const ct = Object.assign(Hr, { Slot: Sr }), Tr = "_root_1qu6w_1", Ar = "_textarea_1qu6w_6", it = {
+  root: Tr,
+  textarea: Ar
+}, Hl = ae(function({ className: t, style: o, animated: r = !0, ...a }, l) {
   return /* @__PURE__ */ n(
     "div",
     {
-      className: v(Xe.root, te.spaceInput, te.spaceTextArea, "spTextFieldRoot", t),
+      className: R(it.root, ue.spaceInput, ue.spaceTextArea, "spTextFieldRoot", t),
       "data-animated": r ? void 0 : "false",
       style: o,
-      children: /* @__PURE__ */ n("textarea", { ...s, ref: l, className: v(Xe.textarea, "spTextAreaInput") })
+      children: /* @__PURE__ */ n("textarea", { ...a, ref: l, className: R(it.textarea, "spTextAreaInput") })
     }
   );
-}), $r = "_wrap_1rgfg_12", kr = "_field_1rgfg_16", Nr = "_panel_1rgfg_22", Mr = "_status_1rgfg_73", zr = "_list_1rgfg_83", Rr = "_option_1rgfg_96", Dr = "_active_1rgfg_108", qr = "_label_1rgfg_118", Ir = "_meta_1rgfg_125", Er = "_footer_1rgfg_131", ee = {
-  wrap: $r,
-  field: kr,
-  panel: Nr,
-  status: Mr,
-  list: zr,
-  option: Rr,
-  active: Dr,
-  label: qr,
-  meta: Ir,
-  footer: Er
-};
-function ys({
+}), jr = "_wrap_4p9as_12", Or = "_field_4p9as_16", Zr = "_panel_4p9as_25", Br = "_status_4p9as_91", Vr = "_list_4p9as_101", Wr = "_option_4p9as_114", Pr = "_active_4p9as_126", Fr = "_label_4p9as_136", Gr = "_meta_4p9as_143", Ur = "_footer_4p9as_149", de = {
+  wrap: jr,
+  field: Or,
+  panel: Zr,
+  status: Br,
+  list: Vr,
+  option: Wr,
+  active: Pr,
+  label: Fr,
+  meta: Gr,
+  footer: Ur
+}, dt = 8, et = 8;
+function Sl({
   value: e,
   onValueChange: t,
   options: o,
   onSelect: r,
-  icon: s,
+  icon: a,
   caseSensitive: l = !1,
-  preFiltered: a = !1,
-  loading: d = !1,
-  loadingMessage: f = "Loading…",
-  emptyMessage: p,
+  preFiltered: s = !1,
+  loading: c = !1,
+  loadingMessage: h = "Loading…",
+  emptyMessage: m,
   footer: i,
   animated: g = !0,
-  className: b,
+  className: $,
   style: w,
-  ..._
+  ...p
 }) {
-  const [C, $] = B(!1), [M, k] = B(0), j = R(null), E = R(null), q = Q(), W = (c) => typeof c.label == "string" ? c.label : c.search ?? c.value, A = e.trim() !== "", N = Ce(() => {
-    if (!A) return [];
-    if (a) return o;
-    const c = l ? e : e.toLowerCase();
-    return o.filter((m) => (l ? W(m) : W(m).toLowerCase()).includes(c));
-  }, [o, e, l, a, A]), I = Ce(() => N.filter((c) => !c.disabled), [N]), y = A && (N.length > 0 || d || p != null), u = C && y;
-  U(() => k(0), [N]), U(() => {
-    var m;
-    if (!u) return;
-    const c = (m = E.current) == null ? void 0 : m.querySelector(`[data-index="${M}"]`);
-    c == null || c.scrollIntoView({ block: "nearest" });
-  }, [M, u]);
-  const x = de(() => $(!1), []);
-  U(() => {
-    if (!u) return;
-    const c = (m) => {
-      const D = j.current;
-      D && m.target instanceof Node && !D.contains(m.target) && x();
+  const [b, v] = Q(!1), [M, z] = Q(0), I = P(null), Y = P(null), U = P(null), D = se(), [T, Z] = Q(null), X = (_) => typeof _.label == "string" ? _.label : _.search ?? _.value, y = e.trim() !== "", L = pe(() => {
+    if (!y) return [];
+    if (s) return o;
+    const _ = l ? e : e.toLowerCase();
+    return o.filter((x) => (l ? X(x) : X(x).toLowerCase()).includes(_));
+  }, [o, e, l, s, y]), H = pe(() => L.filter((_) => !_.disabled), [L]), F = y && (L.length > 0 || c || m != null), f = b && F;
+  te(() => z(0), [L]), te(() => {
+    var x;
+    if (!f) return;
+    const _ = (x = U.current) == null ? void 0 : x.querySelector(`[data-index="${M}"]`);
+    _ == null || _.scrollIntoView({ block: "nearest" });
+  }, [M, f]);
+  const E = _e(() => {
+    const _ = I.current, x = Y.current;
+    if (!_ || !x) return;
+    const u = (_.firstElementChild ?? _).getBoundingClientRect(), q = x.offsetHeight, j = window.innerHeight - u.bottom - et, O = j < q && u.top - et > j;
+    x.dataset.side = O ? "top" : "bottom";
+    const W = O ? Math.max(et, u.top - dt - q) : u.bottom + dt;
+    Z(
+      (S) => S && S.top === W && S.left === u.left && S.width === u.width ? S : { top: W, left: u.left, width: u.width }
+    );
+  }, []);
+  we(() => {
+    const _ = Y.current;
+    _ && (f ? (Ye(_, E), E()) : _.matches(":popover-open") && _.hidePopover());
+  }, [f, E]), te(() => {
+    if (!f) return;
+    let _ = 0, x = "";
+    const d = () => {
+      const u = I.current, q = Y.current;
+      if (u && q) {
+        const j = (u.firstElementChild ?? u).getBoundingClientRect(), O = `${j.top}|${j.left}|${j.width}|${q.offsetHeight}|${window.innerHeight}`;
+        O !== x && (x = O, E());
+      }
+      _ = requestAnimationFrame(d);
+    };
+    return _ = requestAnimationFrame(d), () => cancelAnimationFrame(_);
+  }, [f, E]);
+  const A = _e(() => v(!1), []);
+  te(() => {
+    if (!f) return;
+    const _ = (x) => {
+      const d = I.current;
+      d && x.target instanceof Node && !d.contains(x.target) && A();
     };
-    return document.addEventListener("pointerdown", c), () => document.removeEventListener("pointerdown", c);
-  }, [u, x]);
-  const L = R(!1), Z = (c) => {
-    c.disabled || (t(W(c)), r(c.value, c), L.current = !1, $(!1));
-  }, H = (c) => {
-    if (I.length === 0) return;
-    const m = N[M], S = ((m && !m.disabled ? I.indexOf(m) : -1) + c + I.length) % I.length, O = I[S];
-    O && k(N.indexOf(O));
-  }, F = (c) => {
-    if (c.key === "Escape") {
-      u && c.stopPropagation(), $(!1);
+    return document.addEventListener("pointerdown", _), () => document.removeEventListener("pointerdown", _);
+  }, [f, A]);
+  const C = P(!1), k = (_) => {
+    _.disabled || (t(X(_)), r(_.value, _), C.current = !1, v(!1));
+  }, B = (_) => {
+    if (H.length === 0) return;
+    const x = L[M], u = ((x && !x.disabled ? H.indexOf(x) : -1) + _ + H.length) % H.length, q = H[u];
+    q && z(L.indexOf(q));
+  }, V = (_) => {
+    if (_.key === "Escape") {
+      f && _.stopPropagation(), v(!1);
       return;
     }
-    if (c.key === "Tab") {
-      $(!1);
+    if (_.key === "Tab") {
+      v(!1);
       return;
     }
-    if (!u) {
-      c.key === "ArrowDown" && $(!0);
+    if (!f) {
+      _.key === "ArrowDown" && v(!0);
       return;
     }
-    if (c.key === "ArrowDown")
-      c.preventDefault(), L.current = !0, H(1);
-    else if (c.key === "ArrowUp")
-      c.preventDefault(), L.current = !0, H(-1);
-    else if (c.key === "Home") {
-      c.preventDefault(), L.current = !0;
-      const m = I[0];
-      m && k(N.indexOf(m));
-    } else if (c.key === "End") {
-      c.preventDefault(), L.current = !0;
-      const m = I[I.length - 1];
-      m && k(N.indexOf(m));
-    } else if (c.key === "Enter" || c.key === " " && L.current) {
-      const m = N[M];
-      m && !m.disabled && (c.preventDefault(), Z(m));
+    if (_.key === "ArrowDown")
+      _.preventDefault(), C.current = !0, B(1);
+    else if (_.key === "ArrowUp")
+      _.preventDefault(), C.current = !0, B(-1);
+    else if (_.key === "Home") {
+      _.preventDefault(), C.current = !0;
+      const x = H[0];
+      x && z(L.indexOf(x));
+    } else if (_.key === "End") {
+      _.preventDefault(), C.current = !0;
+      const x = H[H.length - 1];
+      x && z(L.indexOf(x));
+    } else if (_.key === "Enter" || _.key === " " && C.current) {
+      const x = L[M];
+      x && !x.disabled && (_.preventDefault(), k(x));
     }
-  }, h = u ? N[M] : void 0;
-  return /* @__PURE__ */ z("div", { ref: j, className: v(ee.wrap, b), style: w, children: [
+  }, G = f ? L[M] : void 0;
+  return /* @__PURE__ */ N("div", { ref: I, className: R(de.wrap, $), style: w, children: [
     /* @__PURE__ */ n(
-      Ue,
+      ct,
       {
-        ..._,
-        type: _.type ?? "text",
+        ...p,
+        type: p.type ?? "text",
         role: "combobox",
         animated: g,
-        className: ee.field,
+        className: de.field,
         autoComplete: "off",
-        "aria-expanded": u,
-        "aria-controls": q,
+        "aria-expanded": f,
+        "aria-controls": D,
         "aria-autocomplete": "list",
-        "aria-activedescendant": h && !h.disabled ? `${q}-${M}` : void 0,
+        "aria-activedescendant": G && !G.disabled ? `${D}-${M}` : void 0,
         value: e,
-        onFocus: (c) => {
-          var m;
-          (m = _.onFocus) == null || m.call(_, c), $(!0);
+        onFocus: (_) => {
+          var x;
+          (x = p.onFocus) == null || x.call(p, _), v(!0);
         },
-        onClick: (c) => {
-          var m;
-          (m = _.onClick) == null || m.call(_, c), $(!0);
+        onClick: (_) => {
+          var x;
+          (x = p.onClick) == null || x.call(p, _), v(!0);
         },
-        onKeyDown: (c) => {
-          var m;
-          (m = _.onKeyDown) == null || m.call(_, c), F(c);
+        onKeyDown: (_) => {
+          var x;
+          (x = p.onKeyDown) == null || x.call(p, _), V(_);
         },
-        onChange: (c) => {
-          L.current = !1, t(c.target.value), $(!0);
+        onChange: (_) => {
+          C.current = !1, t(_.target.value), v(!0);
         },
-        children: s != null && /* @__PURE__ */ n(Ue.Slot, { children: s })
+        children: a != null && /* @__PURE__ */ n(ct.Slot, { children: a })
       }
     ),
-    /* @__PURE__ */ z(
+    /* @__PURE__ */ N(
       "div",
       {
-        className: v(ee.panel, te.spacePanel),
-        hidden: !u,
+        ref: Y,
+        popover: "manual",
+        "data-side": "bottom",
+        className: R(de.panel, ue.spacePanel),
         "data-animated": g ? void 0 : "false",
+        style: T ? { top: T.top, left: T.left, width: T.width } : void 0,
         children: [
-          A && d && /* @__PURE__ */ n("p", { className: ee.status, children: f }),
-          A && !d && N.length === 0 && p != null && /* @__PURE__ */ n("p", { className: ee.status, children: p }),
+          y && c && /* @__PURE__ */ n("p", { className: de.status, children: h }),
+          y && !c && L.length === 0 && m != null && /* @__PURE__ */ n("p", { className: de.status, children: m }),
           /* @__PURE__ */ n(
             "ul",
             {
-              ref: E,
-              id: q,
+              ref: U,
+              id: D,
               role: "listbox",
-              className: ee.list,
-              hidden: d || N.length === 0,
-              children: N.map((c, m) => /* @__PURE__ */ z(
+              className: de.list,
+              hidden: c || L.length === 0,
+              children: L.map((_, x) => /* @__PURE__ */ N(
                 "li",
                 {
-                  id: `${q}-${m}`,
-                  "data-index": m,
+                  id: `${D}-${x}`,
+                  "data-index": x,
                   role: "option",
-                  "aria-selected": m === M,
-                  "aria-disabled": c.disabled || void 0,
-                  className: v(
-                    ee.option,
-                    m === M && !c.disabled && ee.active,
+                  "aria-selected": x === M,
+                  "aria-disabled": _.disabled || void 0,
+                  className: R(
+                    de.option,
+                    x === M && !_.disabled && de.active,
                     "spAutocompleteOption"
                   ),
-                  onMouseEnter: () => !c.disabled && k(m),
-                  onPointerDown: (D) => {
-                    D.preventDefault(), Z(c);
+                  onMouseEnter: () => !_.disabled && z(x),
+                  onPointerDown: (d) => {
+                    d.preventDefault(), k(_);
                   },
                   children: [
-                    /* @__PURE__ */ n("span", { className: ee.label, children: c.label }),
-                    c.meta != null && /* @__PURE__ */ n("span", { className: ee.meta, children: c.meta })
+                    /* @__PURE__ */ n("span", { className: de.label, children: _.label }),
+                    _.meta != null && /* @__PURE__ */ n("span", { className: de.meta, children: _.meta })
                   ]
                 },
-                c.value
+                _.value
               ))
             }
           ),
-          i != null && /* @__PURE__ */ n("div", { className: ee.footer, children: i })
+          i != null && /* @__PURE__ */ n("div", { className: de.footer, children: i })
         ]
       }
     )
   ] });
 }
-const Hr = "_root_14a1b_1", Sr = "_track_14a1b_12", Tr = "_range_14a1b_22", jr = "_thumb_14a1b_28", Ar = "_input_14a1b_38", Me = {
-  root: Hr,
-  track: Sr,
-  range: Tr,
-  thumb: jr,
-  input: Ar
-}, xs = G(function({ value: t, onValueChange: o, min: r, max: s, step: l, disabled: a, className: d, "aria-label": f }, p) {
-  const i = t[0] ?? r, g = s === r ? 0 : (i - r) / (s - r) * 100;
-  return /* @__PURE__ */ z("span", { className: v(Me.root, te.spaceSlider, d), "data-disabled": a || void 0, children: [
-    /* @__PURE__ */ n("span", { className: v(Me.track, "spSliderTrack"), children: /* @__PURE__ */ n("span", { className: v(Me.range, "spSliderRange"), style: { width: `${g}%` } }) }),
-    /* @__PURE__ */ n("span", { className: v(Me.thumb, "spSliderThumb"), style: { left: `${g}%` } }),
+const Kr = "_root_14a1b_1", Xr = "_track_14a1b_12", Yr = "_range_14a1b_22", Qr = "_thumb_14a1b_28", Jr = "_input_14a1b_38", Ae = {
+  root: Kr,
+  track: Xr,
+  range: Yr,
+  thumb: Qr,
+  input: Jr
+}, Tl = ae(function({ value: t, onValueChange: o, min: r, max: a, step: l, disabled: s, className: c, "aria-label": h }, m) {
+  const i = t[0] ?? r, g = a === r ? 0 : (i - r) / (a - r) * 100;
+  return /* @__PURE__ */ N("span", { className: R(Ae.root, ue.spaceSlider, c), "data-disabled": s || void 0, children: [
+    /* @__PURE__ */ n("span", { className: R(Ae.track, "spSliderTrack"), children: /* @__PURE__ */ n("span", { className: R(Ae.range, "spSliderRange"), style: { width: `${g}%` } }) }),
+    /* @__PURE__ */ n("span", { className: R(Ae.thumb, "spSliderThumb"), style: { left: `${g}%` } }),
     /* @__PURE__ */ n(
       "input",
       {
-        ref: p,
+        ref: m,
         type: "range",
-        className: v(Me.input, "spSliderInput"),
+        className: R(Ae.input, "spSliderInput"),
         value: i,
         min: r,
-        max: s,
+        max: a,
         step: l,
-        disabled: a,
-        "aria-label": f,
-        onChange: (b) => o([Number(b.target.value)])
+        disabled: s,
+        "aria-label": h,
+        onChange: ($) => o([Number($.target.value)])
       }
     )
   ] });
-}), Zr = "_root_mmcx8_18", Or = "_item_mmcx8_24", Br = "_selfLabeled_mmcx8_33", Wr = "_label_mmcx8_37", Vr = "_input_mmcx8_41", Fr = "_box_mmcx8_57", Pr = "_tick_mmcx8_80", Gr = "_dash_mmcx8_81", Kr = "_tickPath_mmcx8_95", P = {
-  root: Zr,
-  item: Or,
-  selfLabeled: Br,
-  label: Wr,
-  input: Vr,
-  box: Fr,
-  tick: Pr,
-  dash: Gr,
-  tickPath: Kr
-}, st = we(null);
-function lt({
+}), es = "_root_1hrli_15", ts = "_plot_1hrli_24", ns = "_svg_1hrli_30", os = "_grid_1hrli_35", rs = "_zeroLine_1hrli_42", ss = "_axisLabel_1hrli_46", as = "_bar_1hrli_56", ls = "_hatch_1hrli_76", cs = "_partialNote_1hrli_80", is = "_line_1hrli_85", ds = "_area_1hrli_119", us = "_dot_1hrli_125", fs = "_crosshair_1hrli_136", _s = "_clickable_1hrli_143", ps = "_tooltip_1hrli_150", hs = "_tooltipHead_1hrli_164", ms = "_tooltipList_1hrli_170", gs = "_tooltipRow_1hrli_178", Cs = "_tooltipName_1hrli_186", vs = "_tooltipValue_1hrli_190", bs = "_swatch_1hrli_195", $s = "_legend_1hrli_202", ws = "_legendItem_1hrli_211", xs = "_data_1hrli_220", K = {
+  root: es,
+  plot: ts,
+  svg: ns,
+  grid: os,
+  zeroLine: rs,
+  axisLabel: ss,
+  bar: as,
+  hatch: ls,
+  partialNote: cs,
+  line: is,
+  area: ds,
+  dot: us,
+  crosshair: fs,
+  clickable: _s,
+  tooltip: ps,
+  tooltipHead: hs,
+  tooltipList: ms,
+  tooltipRow: gs,
+  tooltipName: Cs,
+  tooltipValue: vs,
+  swatch: bs,
+  legend: $s,
+  legendItem: ws,
+  data: xs
+}, vt = [
+  "var(--sp-chart-series-1-color)",
+  "var(--sp-chart-series-2-color)",
+  "var(--sp-chart-series-3-color)",
+  "var(--sp-chart-series-4-color)",
+  "var(--sp-chart-series-5-color)",
+  "var(--sp-chart-series-6-color)",
+  "var(--sp-chart-series-7-color)",
+  "var(--sp-chart-series-8-color)"
+], nt = vt.length, Ke = (e) => vt[e % nt];
+function ys(e) {
+  if (e <= 0) return 1;
+  const t = 10 ** Math.floor(Math.log10(e)), o = e / t;
+  return (o <= 1 ? 1 : o <= 2 ? 2 : o <= 5 ? 5 : 10) * t;
+}
+function ks(e, { tickCount: t = 5, zeroBased: o = !0 } = {}) {
+  const r = e.filter((p) => Number.isFinite(p)), a = r.length ? Math.min(...r) : 0, l = r.length ? Math.max(...r) : 0;
+  let s = o ? Math.min(0, a) : a, c = o ? Math.max(0, l) : l;
+  s === c && (s === 0 ? c = 1 : (s = Math.min(0, s), c = Math.max(0, c)));
+  const h = ys((c - s) / Math.max(1, t)), m = Math.floor(s / h) * h, i = Math.ceil(c / h) * h, g = [], $ = Math.round((i - m) / h);
+  for (let p = 0; p <= $; p++) g.push(Number((m + p * h).toPrecision(12)));
+  const w = i - m || 1;
+  return { min: m, max: i, ticks: g, ratio: (p) => (p - m) / w };
+}
+function Ns(e, t = 0.25) {
+  if (e <= 0) return { centre: [], width: 0 };
+  const o = 1 / e;
+  return {
+    centre: Array.from({ length: e }, (r, a) => o * (a + 0.5)),
+    width: o * (1 - t * 2)
+  };
+}
+function Ls(e, t, o, r, a, l = !0) {
+  const s = Math.max(0, Math.min(a, o / 2, r));
+  return s === 0 ? `M${e},${t}h${o}v${r}h${-o}Z` : l ? `M${e},${t + r}V${t + s}a${s},${s} 0 0 1 ${s},${-s}h${o - s * 2}a${s},${s} 0 0 1 ${s},${s}V${t + r}Z` : `M${e},${t}V${t + r - s}a${s},${s} 0 0 0 ${s},${s}h${o - s * 2}a${s},${s} 0 0 0 ${s},${-s}V${t}Z`;
+}
+function Ms(e) {
+  return e <= 0 ? [] : e === 1 ? [0.5] : Array.from({ length: e }, (t, o) => o / (e - 1));
+}
+const Rs = () => {
+  var t, o;
+  return ((o = (t = globalThis.process) == null ? void 0 : t.env) == null ? void 0 : o.NODE_ENV) !== "production";
+}, rt = (e) => Number.isInteger(e) ? e.toLocaleString("en-US") : e.toLocaleString("en-US", { maximumFractionDigits: 2 }), be = { top: 8, right: 8, bottom: 24 }, ut = 8;
+function Al({
+  type: e,
+  categories: t,
+  series: o,
+  height: r = 240,
+  stacked: a = !1,
+  legend: l,
+  grid: s = !0,
+  formatValue: c = rt,
+  tickCount: h = 5,
+  animated: m = !0,
+  partialFrom: i,
+  onPointClick: g,
+  className: $,
+  "aria-label": w,
+  ...p
+}) {
+  const b = se(), v = P(null), [M, z] = Q(0), [I, Y] = Q(null);
+  te(() => {
+    const d = v.current;
+    if (!d) return;
+    const u = new ResizeObserver(([q]) => {
+      z(Math.round(q.contentRect.width));
+    });
+    return u.observe(d), z(Math.round(d.getBoundingClientRect().width)), () => u.disconnect();
+  }, []), te(() => {
+    if (!Rs()) return;
+    o.length > nt && console.warn(
+      `Chart: ${o.length} series, but the palette names ${nt}. Past that the colours repeat. Group the tail into an "Other" series, or split the chart.`
+    );
+    const d = o.filter((u) => u.data.length !== t.length);
+    d.length && console.warn(
+      `Chart: ${d.map((u) => `"${u.name}"`).join(", ")} ${d.length === 1 ? "has" : "have"} a different number of values than there are categories (${t.length}). Values line up with categories by position, so the tail will be missing.`
+    );
+  }, [o, t.length]);
+  const U = a && (e === "bar" || e === "area"), D = e === "bar" && typeof i == "number" && i >= 0, T = (d) => D && d >= i, Z = pe(() => {
+    const d = [];
+    return U ? t.forEach((u, q) => {
+      let j = 0, O = 0;
+      o.forEach((W) => {
+        const S = W.data[q];
+        typeof S == "number" && (S >= 0 ? j += S : O += S);
+      }), d.push(j, O);
+    }) : o.forEach((u) => u.data.forEach((q) => {
+      typeof q == "number" && d.push(q);
+    })), ks(d, { tickCount: h, zeroBased: e !== "line" || d.some((u) => u < 0) });
+  }, [o, t, U, h, e]), X = pe(() => Z.ticks.map(c), [Z.ticks, c]), y = Math.max(...X.map((d) => d.length * 7), 24) + ut, L = Math.max(0, M - y - be.right), H = Math.max(0, r - be.top - be.bottom), F = e === "bar" ? 0 : 16, f = (d) => y + F + d * Math.max(0, L - F * 2), E = (d) => be.top + (1 - Z.ratio(d)) * H, A = Ns(t.length), C = Ms(t.length), k = (d) => {
+    var u;
+    return ((u = o[d]) == null ? void 0 : u.color) ?? Ke(d);
+  }, B = l ?? o.length > 1, V = pe(() => {
+    const d = o.map(() => []);
+    return t.forEach((u, q) => {
+      let j = 0, O = 0;
+      o.forEach((W, S) => {
+        const ee = W.data[q];
+        if (!U || typeof ee != "number") {
+          d[S][q] = 0;
+          return;
+        }
+        ee >= 0 ? (d[S][q] = j, j += ee) : (d[S][q] = O, O += ee);
+      });
+    }), d;
+  }, [o, t, U]), G = _e(
+    (d) => {
+      const u = v.current;
+      if (!u || !t.length || L <= 0) return null;
+      const q = u.getBoundingClientRect(), j = e === "bar" ? L : Math.max(1, L - 32), O = (d - q.left - y - (e === "bar" ? 0 : 16)) / j, W = e === "bar" ? A.centre : C;
+      let S = 0;
+      return W.forEach((ee, ne) => {
+        Math.abs(ee - O) < Math.abs(W[S] - O) && (S = ne);
+      }), { index: S, x: f(W[S]) };
+    },
+    // x and the position arrays are derived from these; listing them keeps the
+    // callback honest without re-creating it on every render.
+    [t.length, y, L, e, A.centre, C]
+    // eslint-disable-line react-hooks/exhaustive-deps
+  ), _ = (d, u) => {
+    var j;
+    const q = (j = o[d]) == null ? void 0 : j.data[u];
+    typeof q != "number" || !g || g({
+      series: o[d].name,
+      seriesIndex: d,
+      category: t[u],
+      categoryIndex: u,
+      value: q
+    });
+  }, x = U || o.length === 1 ? A.width * L : A.width * L / o.length;
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      ...p,
+      className: R(K.root, $),
+      "data-type": e,
+      "data-animated": m ? "" : void 0,
+      style: { ...p.style },
+      children: [
+        /* @__PURE__ */ N(
+          "div",
+          {
+            ref: v,
+            className: K.plot,
+            style: { height: r },
+            onPointerMove: (d) => {
+              d.pointerType !== "touch" && Y(G(d.clientX));
+            },
+            onPointerLeave: () => Y(null),
+            children: [
+              /* @__PURE__ */ N(
+                "svg",
+                {
+                  className: K.svg,
+                  width: M || void 0,
+                  height: r,
+                  viewBox: M ? `0 0 ${M} ${r}` : void 0,
+                  role: "img",
+                  "aria-labelledby": w ? void 0 : b,
+                  "aria-label": w,
+                  children: [
+                    /* @__PURE__ */ N("defs", { children: [
+                      o.map((d, u) => /* @__PURE__ */ N("linearGradient", { id: `${b}-grad-${u}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+                        /* @__PURE__ */ n("stop", { offset: "0%", stopColor: k(u), stopOpacity: "1" }),
+                        /* @__PURE__ */ n("stop", { offset: "100%", stopColor: k(u), stopOpacity: "0.55" })
+                      ] }, `grad-${u}`)),
+                      o.map((d, u) => /* @__PURE__ */ N("linearGradient", { id: `${b}-area-${u}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+                        /* @__PURE__ */ n("stop", { offset: "0%", stopColor: k(u), stopOpacity: "0.45" }),
+                        /* @__PURE__ */ n("stop", { offset: "100%", stopColor: k(u), stopOpacity: "0.02" })
+                      ] }, `area-${u}`))
+                    ] }),
+                    D && /* @__PURE__ */ n("defs", { children: o.map((d, u) => /* @__PURE__ */ N(
+                      "pattern",
+                      {
+                        id: `${b}-hatch-${u}`,
+                        width: "8",
+                        height: "8",
+                        patternUnits: "userSpaceOnUse",
+                        patternTransform: "rotate(45)",
+                        children: [
+                          /* @__PURE__ */ n("rect", { width: "8", height: "8", fill: "transparent" }),
+                          /* @__PURE__ */ n("line", { className: K.hatch, x1: "2", y1: "0", x2: "2", y2: "8", stroke: k(u) }),
+                          /* @__PURE__ */ n("line", { className: K.hatch, x1: "6", y1: "0", x2: "6", y2: "8", stroke: k(u) })
+                        ]
+                      },
+                      `hatch-${u}`
+                    )) }),
+                    s && Z.ticks.map((d) => /* @__PURE__ */ n(
+                      "line",
+                      {
+                        className: R(K.grid, d === 0 && Z.min < 0 && K.zeroLine),
+                        x1: y,
+                        x2: y + L,
+                        y1: E(d),
+                        y2: E(d)
+                      },
+                      `grid-${d}`
+                    )),
+                    Z.ticks.map((d, u) => /* @__PURE__ */ n("text", { className: K.axisLabel, x: y - ut, y: E(d), textAnchor: "end", dominantBaseline: "middle", children: X[u] }, `label-${d}`)),
+                    t.map((d, u) => /* @__PURE__ */ n(
+                      "text",
+                      {
+                        className: K.axisLabel,
+                        x: f(e === "bar" ? A.centre[u] : C[u]),
+                        y: r - be.bottom / 2,
+                        textAnchor: "middle",
+                        dominantBaseline: "middle",
+                        children: d
+                      },
+                      `cat-${d}-${u}`
+                    )),
+                    e === "bar" && o.map((d, u) => /* @__PURE__ */ n("g", { children: t.map((q, j) => {
+                      const O = d.data[j];
+                      if (typeof O != "number") return null;
+                      const W = V[u][j], S = E(W + O), ee = E(W), ne = f(A.centre[j]) - A.width * L / 2, ie = U || o.length === 1 ? ne : ne + u * x, Qe = Math.max(1, x - (o.length > 1 && !U ? 2 : 0)), me = Math.max(1, Math.abs(ee - S)), De = D && j >= i;
+                      return /* @__PURE__ */ n(
+                        "path",
+                        {
+                          className: R(K.bar, g && K.clickable),
+                          d: Ls(ie, Math.min(S, ee), Qe, me, 4, O >= 0),
+                          fill: De ? `url(#${b}-hatch-${u})` : `url(#${b}-grad-${u})`,
+                          color: k(u),
+                          "data-dim": I && I.index !== j ? "" : void 0,
+                          onClick: () => _(u, j),
+                          children: /* @__PURE__ */ n("title", { children: `${d.name}, ${q}: ${c(O)}${De ? " so far" : ""}` })
+                        },
+                        `bar-${q}-${j}`
+                      );
+                    }) }, `bars-${d.name}-${u}`)),
+                    e !== "bar" && o.map((d, u) => {
+                      const q = [];
+                      let j = [];
+                      return d.data.forEach((O, W) => {
+                        if (typeof O != "number") {
+                          j.length && q.push(j), j = [];
+                          return;
+                        }
+                        j.push({ i: W, value: O, base: V[u][W] });
+                      }), j.length && q.push(j), /* @__PURE__ */ N("g", { children: [
+                        q.map((O, W) => {
+                          const S = O.map((ne, ie) => `${ie === 0 ? "M" : "L"}${f(C[ne.i])},${E(ne.base + ne.value)}`).join(" "), ee = e === "area" ? `${S} L${f(C[O[O.length - 1].i])},${E(O[O.length - 1].base)} ` + O.slice().reverse().map((ne) => `L${f(C[ne.i])},${E(ne.base)}`).join(" ") + " Z" : null;
+                          return /* @__PURE__ */ N("g", { children: [
+                            ee && /* @__PURE__ */ n("path", { className: K.area, d: ee, fill: `url(#${b}-area-${u})` }),
+                            /* @__PURE__ */ n(
+                              "path",
+                              {
+                                className: K.line,
+                                d: S,
+                                stroke: k(u),
+                                color: k(u),
+                                fill: "none",
+                                pathLength: 1
+                              }
+                            )
+                          ] }, `run-${W}`);
+                        }),
+                        d.data.map(
+                          (O, W) => typeof O == "number" ? /* @__PURE__ */ n(
+                            "circle",
+                            {
+                              className: R(K.dot, g && K.clickable),
+                              cx: f(C[W]),
+                              cy: E(V[u][W] + O),
+                              r: 4,
+                              fill: k(u),
+                              color: k(u),
+                              "data-on": (I == null ? void 0 : I.index) === W ? "" : void 0,
+                              onClick: () => _(u, W),
+                              children: /* @__PURE__ */ n("title", { children: `${d.name}, ${t[W]}: ${c(O)}` })
+                            },
+                            `dot-${W}`
+                          ) : null
+                        )
+                      ] }, `line-${d.name}-${u}`);
+                    }),
+                    I && /* @__PURE__ */ n(
+                      "line",
+                      {
+                        className: K.crosshair,
+                        x1: I.x,
+                        x2: I.x,
+                        y1: be.top,
+                        y2: be.top + H
+                      }
+                    )
+                  ]
+                }
+              ),
+              I && /* @__PURE__ */ N(
+                "div",
+                {
+                  className: K.tooltip,
+                  style: I.x > y + L / 2 ? { right: Math.max(0, M - I.x + 12) } : { left: I.x + 12 },
+                  role: "status",
+                  children: [
+                    /* @__PURE__ */ n("p", { className: K.tooltipHead, children: t[I.index] }),
+                    /* @__PURE__ */ n("ul", { className: K.tooltipList, children: o.map((d, u) => {
+                      const q = d.data[I.index];
+                      return /* @__PURE__ */ N("li", { className: K.tooltipRow, children: [
+                        /* @__PURE__ */ n("span", { className: K.swatch, style: { background: k(u) }, "aria-hidden": "true" }),
+                        /* @__PURE__ */ n("span", { className: K.tooltipName, children: d.name }),
+                        /* @__PURE__ */ N("span", { className: K.tooltipValue, children: [
+                          typeof q == "number" ? c(q) : "—",
+                          T(I.index) && typeof q == "number" && /* @__PURE__ */ n("span", { className: K.partialNote, children: "so far" })
+                        ] })
+                      ] }, d.name);
+                    }) })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        B && /* @__PURE__ */ n("ul", { className: K.legend, children: o.map((d, u) => /* @__PURE__ */ N("li", { className: K.legendItem, children: [
+          /* @__PURE__ */ n("span", { className: K.swatch, style: { background: k(u) }, "aria-hidden": "true" }),
+          d.name
+        ] }, d.name)) }),
+        /* @__PURE__ */ N("table", { className: K.data, id: b, children: [
+          /* @__PURE__ */ n("caption", { children: w ?? "Chart data" }),
+          /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ N("tr", { children: [
+            /* @__PURE__ */ n("th", { scope: "col", children: "Category" }),
+            o.map((d) => /* @__PURE__ */ n("th", { scope: "col", children: d.name }, d.name))
+          ] }) }),
+          /* @__PURE__ */ n("tbody", { children: t.map((d, u) => /* @__PURE__ */ N("tr", { children: [
+            /* @__PURE__ */ n("th", { scope: "row", children: d }),
+            o.map((q) => /* @__PURE__ */ N("td", { children: [
+              typeof q.data[u] == "number" ? c(q.data[u]) : "—",
+              T(u) && typeof q.data[u] == "number" ? " so far" : ""
+            ] }, q.name))
+          ] }, d)) })
+        ] })
+      ]
+    }
+  );
+}
+const Es = "_root_90ktq_8", qs = "_row_90ktq_15", Ds = "_line_90ktq_21", zs = "_pressable_90ktq_36", Is = "_fill_90ktq_50", Hs = "_label_90ktq_58", Ss = "_track_90ktq_66", Ts = "_value_90ktq_101", As = "_percent_90ktq_106", fe = {
+  root: Es,
+  row: qs,
+  line: Ds,
+  pressable: zs,
+  fill: Is,
+  label: Hs,
+  track: Ss,
+  value: Ts,
+  percent: As
+};
+function jl({
+  items: e,
+  max: t,
+  showPercent: o = !1,
+  formatValue: r = rt,
+  colorful: a = !1,
+  animated: l = !0,
+  onItemClick: s,
+  className: c,
+  "aria-label": h,
+  ...m
+}) {
+  const i = t ?? Math.max(0, ...e.map(($) => $.value)), g = e.reduce(($, w) => $ + (w.value > 0 ? w.value : 0), 0);
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ...m,
+      className: R(fe.root, c),
+      role: "list",
+      "aria-label": h,
+      "data-animated": l ? "" : void 0,
+      children: e.map(($, w) => {
+        const p = i > 0 ? Math.max(0, $.value) / i : 0, b = g > 0 ? $.value / g * 100 : 0, v = $.color ?? (a ? Ke(w) : "var(--sp-chart-series-1-color)"), M = /* @__PURE__ */ N(he, { children: [
+          /* @__PURE__ */ n("span", { className: fe.label, children: $.label }),
+          /* @__PURE__ */ n("span", { className: fe.track, children: /* @__PURE__ */ n(
+            "span",
+            {
+              className: fe.fill,
+              style: {
+                width: `${p * 100}%`,
+                background: v,
+                // Each row starts a little after the one above, so a poll
+                // reads as counting up rather than snapping into place.
+                // Capped, or a long list would still be filling when the
+                // reader has finished reading it.
+                animationDelay: `${Math.min(w * 60, 360)}ms`
+              }
+            }
+          ) }),
+          /* @__PURE__ */ N("span", { className: fe.value, children: [
+            r($.value),
+            o && /* @__PURE__ */ N("span", { className: fe.percent, children: [
+              Math.round(b),
+              "%"
+            ] })
+          ] })
+        ] });
+        return /* @__PURE__ */ n("div", { role: "listitem", className: fe.row, children: s ? /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            className: R(fe.line, fe.pressable),
+            onClick: () => s($, w),
+            children: M
+          }
+        ) : /* @__PURE__ */ n("span", { className: fe.line, children: M }) }, `${$.label}-${w}`);
+      })
+    }
+  );
+}
+const js = "_root_1y6jk_6", Os = "_svg_1y6jk_15", Zs = "_face_1y6jk_24", Bs = "_hole_1y6jk_25", Vs = "_slice_1y6jk_35", Ws = "_sweep_1y6jk_57", Ps = "_clickable_1y6jk_70", Fs = "_total_1y6jk_76", Gs = "_totalLabel_1y6jk_84", Us = "_legend_1y6jk_89", Ks = "_legendItem_1y6jk_98", Xs = "_legendName_1y6jk_113", Ys = "_legendValue_1y6jk_121", Qs = "_legendPercent_1y6jk_126", Js = "_swatch_1y6jk_131", oe = {
+  root: js,
+  svg: Os,
+  face: Zs,
+  hole: Bs,
+  slice: Vs,
+  sweep: Ws,
+  clickable: Ps,
+  total: Fs,
+  totalLabel: Gs,
+  legend: Us,
+  legendItem: Ks,
+  legendName: Xs,
+  legendValue: Ys,
+  legendPercent: Qs,
+  swatch: Js
+}, Le = (e, t, o) => {
+  const r = o * 2 * Math.PI - Math.PI / 2;
+  return { x: e + t * Math.cos(r), y: e + t * Math.sin(r) };
+};
+function Ol({
+  slices: e,
+  donut: t = !1,
+  label: o,
+  size: r = 180,
+  legend: a = !0,
+  animated: l = !0,
+  formatValue: s = rt,
+  onSliceClick: c,
+  className: h,
+  "aria-label": m,
+  ...i
+}) {
+  const [g, $] = Q(null), w = se(), p = e.filter((D) => D.value > 0), b = p.reduce((D, T) => D + T.value, 0), v = r / 2, M = v - 2, z = t ? M * 0.62 : 0;
+  let I = 0;
+  const Y = p.map((D, T) => {
+    const Z = b > 0 ? D.value / b : 0, X = I;
+    I += Z;
+    const y = Le(v, M, X), L = Le(v, M, I), H = Z > 0.5 ? 1 : 0, F = Z >= 0.999, f = F ? t ? `M${v},${v - M} A${M},${M} 0 1 1 ${v - 0.01},${v - M} Z M${v},${v - z} A${z},${z} 0 1 0 ${v - 0.01},${v - z} Z` : `M${v},${v - M} A${M},${M} 0 1 1 ${v - 0.01},${v - M} Z` : t ? `M${y.x},${y.y} A${M},${M} 0 ${H} 1 ${L.x},${L.y} L${Le(v, z, I).x},${Le(v, z, I).y} A${z},${z} 0 ${H} 0 ${Le(v, z, X).x},${Le(v, z, X).y} Z` : `M${v},${v} L${y.x},${y.y} A${M},${M} 0 ${H} 1 ${L.x},${L.y} Z`;
+    return { slice: D, index: T, d: f, fraction: Z, fillRule: F && t ? "evenodd" : void 0 };
+  }), U = (D) => e.indexOf(D);
+  return /* @__PURE__ */ N("div", { ...i, className: R(oe.root, h), "data-animated": l ? "" : void 0, children: [
+    /* @__PURE__ */ N(
+      "svg",
+      {
+        className: oe.svg,
+        width: r,
+        height: r,
+        viewBox: `0 0 ${r} ${r}`,
+        role: "img",
+        "aria-label": m ?? "Pie chart",
+        children: [
+          /* @__PURE__ */ N("defs", { children: [
+            /* @__PURE__ */ N("radialGradient", { id: `${w}-face`, cx: "32%", cy: "26%", r: "78%", children: [
+              /* @__PURE__ */ n("stop", { offset: "0%", stopColor: "#fff", stopOpacity: "0.22" }),
+              /* @__PURE__ */ n("stop", { offset: "55%", stopColor: "#fff", stopOpacity: "0.04" }),
+              /* @__PURE__ */ n("stop", { offset: "100%", stopColor: "#000", stopOpacity: "0.28" })
+            ] }),
+            /* @__PURE__ */ N("radialGradient", { id: `${w}-edge`, cx: "50%", cy: "50%", r: "50%", children: [
+              /* @__PURE__ */ n("stop", { offset: "88%", stopColor: "#000", stopOpacity: "0" }),
+              /* @__PURE__ */ n("stop", { offset: "100%", stopColor: "#000", stopOpacity: "0.45" })
+            ] })
+          ] }),
+          /* @__PURE__ */ N("g", { className: oe.sweep, children: [
+            Y.map(({ slice: D, index: T, d: Z, fillRule: X }) => /* @__PURE__ */ n(
+              "path",
+              {
+                className: R(oe.slice, c && oe.clickable),
+                d: Z,
+                fill: D.color ?? Ke(U(D)),
+                fillRule: X,
+                "data-dim": g !== null && g !== T ? "" : void 0,
+                onPointerEnter: () => $(T),
+                onPointerLeave: () => $(null),
+                onClick: () => c == null ? void 0 : c(D, U(D)),
+                children: /* @__PURE__ */ n("title", { children: `${D.label}: ${s(D.value)}` })
+              },
+              `${D.label}-${T}`
+            )),
+            /* @__PURE__ */ n("circle", { className: oe.face, cx: v, cy: v, r: M, fill: `url(#${w}-face)` }),
+            /* @__PURE__ */ n("circle", { className: oe.face, cx: v, cy: v, r: M, fill: `url(#${w}-edge)` }),
+            t && // The wall of the hole, so the middle reads as cut through the
+            // disc rather than printed on it.
+            /* @__PURE__ */ n(
+              "circle",
+              {
+                className: oe.hole,
+                cx: v,
+                cy: v,
+                r: z,
+                fill: "none",
+                stroke: "#000",
+                strokeOpacity: "0.45",
+                strokeWidth: "3"
+              }
+            )
+          ] }),
+          t && /* @__PURE__ */ N(he, { children: [
+            /* @__PURE__ */ n("text", { className: oe.total, x: v, y: v - (o ? 6 : 0), textAnchor: "middle", dominantBaseline: "middle", children: s(g !== null ? p[g].value : b) }),
+            o && /* @__PURE__ */ n("text", { className: oe.totalLabel, x: v, y: v + 14, textAnchor: "middle", dominantBaseline: "middle", children: g !== null ? p[g].label : o })
+          ] })
+        ]
+      }
+    ),
+    a && /* @__PURE__ */ n("ul", { className: oe.legend, children: p.map((D, T) => /* @__PURE__ */ N(
+      "li",
+      {
+        className: oe.legendItem,
+        "data-dim": g !== null && g !== T ? "" : void 0,
+        children: [
+          /* @__PURE__ */ n(
+            "span",
+            {
+              className: oe.swatch,
+              style: { background: D.color ?? Ke(U(D)) },
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ n("span", { className: oe.legendName, children: D.label }),
+          /* @__PURE__ */ N("span", { className: oe.legendValue, children: [
+            s(D.value),
+            /* @__PURE__ */ N("span", { className: oe.legendPercent, children: [
+              b > 0 ? Math.round(D.value / b * 100) : 0,
+              "%"
+            ] })
+          ] })
+        ]
+      },
+      `${D.label}-${T}`
+    )) })
+  ] });
+}
+const ea = "_root_mmcx8_18", ta = "_item_mmcx8_24", na = "_selfLabeled_mmcx8_33", oa = "_label_mmcx8_37", ra = "_input_mmcx8_41", sa = "_box_mmcx8_57", aa = "_tick_mmcx8_80", la = "_dash_mmcx8_81", ca = "_tickPath_mmcx8_95", re = {
+  root: ea,
+  item: ta,
+  selfLabeled: na,
+  label: oa,
+  input: ra,
+  box: sa,
+  tick: aa,
+  dash: la,
+  tickPath: ca
+}, bt = Ee(null);
+function $t({
   checked: e,
   indeterminate: t,
   disabled: o,
   onToggle: r,
-  value: s,
+  value: a,
   ariaLabel: l
 }) {
-  const a = R(null);
-  return U(() => {
-    a.current && (a.current.indeterminate = t === !0);
-  }, [t]), /* @__PURE__ */ z(ue, { children: [
+  const s = P(null);
+  return te(() => {
+    s.current && (s.current.indeterminate = t === !0);
+  }, [t]), /* @__PURE__ */ N(he, { children: [
     /* @__PURE__ */ n(
       "input",
       {
-        ref: a,
+        ref: s,
         type: "checkbox",
-        className: P.input,
+        className: re.input,
         "aria-label": l,
-        value: s,
+        value: a,
         checked: e,
         disabled: o,
-        onChange: (d) => r(d.currentTarget.checked)
+        onChange: (c) => r(c.currentTarget.checked)
       }
     ),
-    /* @__PURE__ */ z("span", { className: P.box, "aria-hidden": "true", children: [
-      /* @__PURE__ */ n("svg", { className: P.tick, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ N("span", { className: re.box, "aria-hidden": "true", children: [
+      /* @__PURE__ */ n("svg", { className: re.tick, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ n(
         "path",
         {
-          className: P.tickPath,
+          className: re.tickPath,
           d: "M3.5 8.4 6.6 11.5 12.5 4.8",
           pathLength: 1,
           stroke: "currentColor",
@@ -1438,49 +2055,49 @@ function lt({
           strokeLinejoin: "round"
         }
       ) }),
-      /* @__PURE__ */ n("span", { className: P.dash })
+      /* @__PURE__ */ n("span", { className: re.dash })
     ] })
   ] });
 }
-function Ur({
+function ia({
   value: e,
   onValueChange: t,
   disabled: o,
   className: r,
-  "aria-label": s,
+  "aria-label": a,
   children: l
 }) {
-  return /* @__PURE__ */ n(st.Provider, { value: { value: e, onValueChange: t, disabled: o }, children: /* @__PURE__ */ n("div", { role: "group", "aria-label": s, className: v(P.root, r), children: l }) });
+  return /* @__PURE__ */ n(bt.Provider, { value: { value: e, onValueChange: t, disabled: o }, children: /* @__PURE__ */ n("div", { role: "group", "aria-label": a, className: R(re.root, r), children: l }) });
 }
-function Xr({ value: e, disabled: t, children: o }) {
-  const r = ye(st);
+function da({ value: e, disabled: t, children: o }) {
+  const r = qe(bt);
   if (!r) throw new Error("CheckboxGroup.Item must be inside a CheckboxGroup");
-  const s = t || r.disabled, l = r.value.includes(e), a = /* @__PURE__ */ n(
-    lt,
+  const a = t || r.disabled, l = r.value.includes(e), s = /* @__PURE__ */ n(
+    $t,
     {
       checked: l,
-      disabled: s,
+      disabled: a,
       value: e,
-      onToggle: (d) => r.onValueChange(d ? [...r.value, e] : r.value.filter((f) => f !== e))
+      onToggle: (c) => r.onValueChange(c ? [...r.value, e] : r.value.filter((h) => h !== e))
     }
   );
-  return o == null ? /* @__PURE__ */ n("span", { className: P.item, children: a }) : /* @__PURE__ */ z("label", { className: v(P.item, P.selfLabeled), children: [
-    a,
-    /* @__PURE__ */ n("span", { className: P.label, children: o })
+  return o == null ? /* @__PURE__ */ n("span", { className: re.item, children: s }) : /* @__PURE__ */ N("label", { className: R(re.item, re.selfLabeled), children: [
+    s,
+    /* @__PURE__ */ n("span", { className: re.label, children: o })
   ] });
 }
-const Ls = Object.assign(Ur, { Item: Xr });
-function $s({
+const Zl = Object.assign(ia, { Item: da });
+function Bl({
   checked: e,
   onCheckedChange: t,
   indeterminate: o,
   disabled: r,
-  className: s,
+  className: a,
   "aria-label": l,
-  children: a
+  children: s
 }) {
-  const d = /* @__PURE__ */ n(
-    lt,
+  const c = /* @__PURE__ */ n(
+    $t,
     {
       checked: e,
       indeterminate: o,
@@ -1489,276 +2106,276 @@ function $s({
       onToggle: t
     }
   );
-  return a == null ? /* @__PURE__ */ n("span", { className: v(P.item, s), children: d }) : /* @__PURE__ */ z("label", { className: v(P.item, P.selfLabeled, s), children: [
-    d,
-    /* @__PURE__ */ n("span", { className: P.label, children: a })
+  return s == null ? /* @__PURE__ */ n("span", { className: R(re.item, a), children: c }) : /* @__PURE__ */ N("label", { className: R(re.item, re.selfLabeled, a), children: [
+    c,
+    /* @__PURE__ */ n("span", { className: re.label, children: s })
   ] });
 }
-const Yr = "_root_1u1sq_15", Qr = "_item_1u1sq_23", Jr = "_selfLabeled_1u1sq_32", e1 = "_input_1u1sq_36", t1 = "_orb_1u1sq_52", n1 = "_burst_1u1sq_99", ie = {
-  root: Yr,
-  item: Qr,
-  selfLabeled: Jr,
-  input: e1,
-  orb: t1,
-  burst: n1
-}, at = we(null);
-function o1({ value: e, onValueChange: t, disabled: o, className: r, children: s }) {
-  const l = Q();
-  return /* @__PURE__ */ n(at.Provider, { value: { value: e, onValueChange: t, disabled: o, name: l }, children: /* @__PURE__ */ n("div", { role: "radiogroup", className: v(ie.root, r), children: s }) });
-}
-function r1({ value: e, disabled: t, children: o }) {
-  const r = ye(at);
+const ua = "_root_1u1sq_15", fa = "_item_1u1sq_23", _a = "_selfLabeled_1u1sq_32", pa = "_input_1u1sq_36", ha = "_orb_1u1sq_52", ma = "_burst_1u1sq_99", $e = {
+  root: ua,
+  item: fa,
+  selfLabeled: _a,
+  input: pa,
+  orb: ha,
+  burst: ma
+}, wt = Ee(null);
+function ga({ value: e, onValueChange: t, disabled: o, className: r, children: a }) {
+  const l = se();
+  return /* @__PURE__ */ n(wt.Provider, { value: { value: e, onValueChange: t, disabled: o, name: l }, children: /* @__PURE__ */ n("div", { role: "radiogroup", className: R($e.root, r), children: a }) });
+}
+function Ca({ value: e, disabled: t, children: o }) {
+  const r = qe(wt);
   if (!r) throw new Error("RadioGroup.Item must be inside a RadioGroup");
-  const s = t || r.disabled, l = /* @__PURE__ */ z(ue, { children: [
+  const a = t || r.disabled, l = /* @__PURE__ */ N(he, { children: [
     /* @__PURE__ */ n(
       "input",
       {
         type: "radio",
-        className: ie.input,
+        className: $e.input,
         name: r.name,
         value: e,
         checked: r.value === e,
-        disabled: s,
+        disabled: a,
         onChange: () => r.onValueChange(e)
       }
     ),
-    /* @__PURE__ */ n("span", { className: v(ie.orb, "spRadioOrb"), "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: ie.burst }) })
+    /* @__PURE__ */ n("span", { className: R($e.orb, "spRadioOrb"), "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: $e.burst }) })
   ] });
-  return o == null ? /* @__PURE__ */ n("span", { className: ie.item, children: l }) : /* @__PURE__ */ z("label", { className: v(ie.item, ie.selfLabeled), children: [
+  return o == null ? /* @__PURE__ */ n("span", { className: $e.item, children: l }) : /* @__PURE__ */ N("label", { className: R($e.item, $e.selfLabeled), children: [
     l,
     o
   ] });
 }
-const ks = Object.assign(o1, { Item: r1 }), s1 = "_progress_1cre6_16", l1 = {
-  progress: s1
+const Vl = Object.assign(ga, { Item: Ca }), va = "_progress_1cre6_16", ba = {
+  progress: va
 };
-function Ns({ value: e, max: t = 100, className: o, style: r, ...s }) {
+function Wl({ value: e, max: t = 100, className: o, style: r, ...a }) {
   const l = t > 0 ? Math.min(Math.max(e / t * 100, 0), 100) : 0;
   return /* @__PURE__ */ n(
     "div",
     {
-      ...s,
+      ...a,
       role: "progressbar",
       "aria-valuenow": e,
       "aria-valuemin": 0,
       "aria-valuemax": t,
-      className: v(l1.progress, o),
+      className: R(ba.progress, o),
       style: r,
       children: /* @__PURE__ */ n("div", { style: { width: `${l}%`, height: "100%" } })
     }
   );
 }
-const a1 = "_message_1522x_14", c1 = "_info_1522x_44", i1 = "_warning_1522x_49", d1 = "_alert_1522x_56", u1 = "_icon_1522x_63", f1 = "_body_1522x_74", _1 = "_title_1522x_83", p1 = "_text_1522x_90", he = {
-  message: a1,
-  info: c1,
-  warning: i1,
-  alert: d1,
-  icon: u1,
-  body: f1,
-  title: _1,
-  text: p1
-}, g1 = {
-  info: /* @__PURE__ */ n(po, {}),
-  warning: /* @__PURE__ */ n(go, {}),
-  alert: /* @__PURE__ */ n(mo, {})
-}, m1 = {
+const $a = "_message_1522x_14", wa = "_info_1522x_44", xa = "_warning_1522x_49", ya = "_alert_1522x_56", ka = "_icon_1522x_63", Na = "_body_1522x_74", La = "_title_1522x_83", Ma = "_text_1522x_90", Me = {
+  message: $a,
+  info: wa,
+  warning: xa,
+  alert: ya,
+  icon: ka,
+  body: Na,
+  title: La,
+  text: Ma
+}, Ra = {
+  info: /* @__PURE__ */ n(Mo, {}),
+  warning: /* @__PURE__ */ n(Ro, {}),
+  alert: /* @__PURE__ */ n(Eo, {})
+}, Ea = {
   info: { role: "status", live: "polite" },
   warning: { role: "status", live: "polite" },
   alert: { role: "alert" }
-}, Ms = G(function({ variant: t = "info", title: o, icon: r, className: s, children: l, ...a }, d) {
-  const f = r === void 0 ? g1[t] : r, { role: p, live: i } = m1[t];
-  return /* @__PURE__ */ z(
+}, Pl = ae(function({ variant: t = "info", title: o, icon: r, className: a, children: l, ...s }, c) {
+  const h = r === void 0 ? Ra[t] : r, { role: m, live: i } = Ea[t];
+  return /* @__PURE__ */ N(
     "div",
     {
-      ...a,
-      ref: d,
-      role: p,
+      ...s,
+      ref: c,
+      role: m,
       "aria-live": i,
-      className: v(he.message, he[t], s),
+      className: R(Me.message, Me[t], a),
       children: [
-        f != null && /* @__PURE__ */ n("span", { className: he.icon, "aria-hidden": "true", children: f }),
-        /* @__PURE__ */ z("div", { className: he.body, children: [
-          o != null && /* @__PURE__ */ n("p", { className: he.title, children: o }),
-          l != null && /* @__PURE__ */ n("div", { className: he.text, children: l })
+        h != null && /* @__PURE__ */ n("span", { className: Me.icon, "aria-hidden": "true", children: h }),
+        /* @__PURE__ */ N("div", { className: Me.body, children: [
+          o != null && /* @__PURE__ */ n("p", { className: Me.title, children: o }),
+          l != null && /* @__PURE__ */ n("div", { className: Me.text, children: l })
         ] })
       ]
     }
   );
-}), h1 = "_dialog_zbndh_2", C1 = "_inner_zbndh_71", v1 = "_size4_zbndh_76", b1 = "_title_zbndh_80", w1 = "_closeX_zbndh_88", Re = {
-  dialog: h1,
-  inner: C1,
-  size4: v1,
-  title: b1,
-  closeX: w1
+}), qa = "_dialog_zbndh_2", Da = "_inner_zbndh_71", za = "_size4_zbndh_76", Ia = "_title_zbndh_80", Ha = "_closeX_zbndh_88", Oe = {
+  dialog: qa,
+  inner: Da,
+  size4: za,
+  title: Ia,
+  closeX: Ha
 };
-let Ae = 0;
-const ct = we(null), qe = () => {
-  const e = ye(ct);
+let Ge = 0;
+const xt = Ee(null), Be = () => {
+  const e = qe(xt);
   if (!e) throw new Error("Dialog parts must be inside a Dialog");
   return e;
 };
-function it(e) {
-  return function({ open: o, onOpenChange: r, children: s }) {
-    const [l, a] = B(!1), d = o !== void 0, f = d ? o : l, p = (_) => {
-      d || a(_), r == null || r(_);
-    }, i = Q(), g = Q(), [b, w] = B(!1);
-    return /* @__PURE__ */ n(ct.Provider, { value: { open: f, setOpen: p, titleId: i, descId: g, alert: e, hasDesc: b, setHasDesc: w }, children: s });
+function yt(e) {
+  return function({ open: o, onOpenChange: r, children: a }) {
+    const [l, s] = Q(!1), c = o !== void 0, h = c ? o : l, m = (p) => {
+      c || s(p), r == null || r(p);
+    }, i = se(), g = se(), [$, w] = Q(!1);
+    return /* @__PURE__ */ n(xt.Provider, { value: { open: h, setOpen: m, titleId: i, descId: g, alert: e, hasDesc: $, setHasDesc: w }, children: a });
   };
 }
-const y1 = it(!1), dt = (e, t) => {
-  if (!ve(e)) return e;
+const Sa = yt(!1), kt = (e, t) => {
+  if (!Re(e)) return e;
   const o = e;
-  return Oe(o, {
+  return Xe(o, {
     onClick: (r) => {
-      var s, l;
-      (l = (s = o.props).onClick) == null || l.call(s, r), t();
+      var a, l;
+      (l = (a = o.props).onClick) == null || l.call(a, r), t();
     }
   });
 };
-function ut({
+function Nt({
   children: e
 }) {
-  const t = qe();
-  return /* @__PURE__ */ n(ue, { children: dt(e, () => t.setOpen(!0)) });
+  const t = Be();
+  return /* @__PURE__ */ n(he, { children: kt(e, () => t.setOpen(!0)) });
 }
-function Fe({
+function st({
   children: e
 }) {
-  const t = qe();
-  return /* @__PURE__ */ n(ue, { children: dt(e, () => t.setOpen(!1)) });
-}
-function ft({ size: e = "3", maxWidth: t, className: o, style: r, children: s, ...l }) {
-  const a = qe(), d = R(null), f = R(!1), p = R(!1);
-  return U(() => {
-    const i = d.current;
-    i && (a.open && !i.open ? i.showModal() : !a.open && i.open && i.close());
-  }, [a.open]), U(() => {
-    if (a.open)
-      return Ae += 1, Ae === 1 && (document.body.style.overflow = "hidden"), () => {
-        Ae -= 1, Ae === 0 && (document.body.style.overflow = "");
+  const t = Be();
+  return /* @__PURE__ */ n(he, { children: kt(e, () => t.setOpen(!1)) });
+}
+function Lt({ size: e = "3", maxWidth: t, className: o, style: r, children: a, ...l }) {
+  const s = Be(), c = P(null), h = P(!1), m = P(!1);
+  return te(() => {
+    const i = c.current;
+    i && (s.open && !i.open ? i.showModal() : !s.open && i.open && i.close());
+  }, [s.open]), te(() => {
+    if (s.open)
+      return Ge += 1, Ge === 1 && (document.body.style.overflow = "hidden"), () => {
+        Ge -= 1, Ge === 0 && (document.body.style.overflow = "");
       };
-  }, [a.open]), /* @__PURE__ */ n(
+  }, [s.open]), /* @__PURE__ */ n(
     "dialog",
     {
       ...l,
-      ref: d,
-      role: a.alert ? "alertdialog" : void 0,
-      "aria-labelledby": a.titleId,
-      "aria-describedby": a.hasDesc ? a.descId : void 0,
-      className: v(Re.dialog, "spDialog", e === "4" && Re.size4, o),
+      ref: c,
+      role: s.alert ? "alertdialog" : void 0,
+      "aria-labelledby": s.titleId,
+      "aria-describedby": s.hasDesc ? s.descId : void 0,
+      className: R(Oe.dialog, "spDialog", e === "4" && Oe.size4, o),
       style: { ...t ? { maxWidth: t } : null, ...r },
       onKeyDownCapture: (i) => {
-        var g, b;
-        i.key === "Escape" && ((g = d.current) != null && g.querySelector("dialog[open]") || (b = d.current) != null && b.querySelector('[role="listbox"]:not([hidden])') && (f.current = !0));
+        var g, $;
+        i.key === "Escape" && ((g = c.current) != null && g.querySelector("dialog[open]") || ($ = c.current) != null && $.querySelector('[role="listbox"]:not([hidden])') && (h.current = !0));
       },
       onCancel: (i) => {
-        if (i.preventDefault(), f.current) {
-          f.current = !1;
+        if (i.preventDefault(), h.current) {
+          h.current = !1;
           return;
         }
-        a.setOpen(!1);
+        s.setOpen(!1);
       },
       onClose: () => {
-        a.open && a.setOpen(!1);
+        s.open && s.setOpen(!1);
       },
       onPointerDown: (i) => {
-        p.current = i.target === d.current;
+        m.current = i.target === c.current;
       },
       onClick: (i) => {
-        !a.alert && i.target === d.current && p.current && a.setOpen(!1);
+        !s.alert && i.target === c.current && m.current && s.setOpen(!1);
       },
-      children: /* @__PURE__ */ z("div", { className: Re.inner, children: [
-        !a.alert && /* @__PURE__ */ n(
+      children: /* @__PURE__ */ N("div", { className: Oe.inner, children: [
+        !s.alert && /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            className: Re.closeX,
+            className: Oe.closeX,
             "aria-label": "Close",
-            onClick: () => a.setOpen(!1),
-            children: /* @__PURE__ */ n(_o, { width: 16, height: 16 })
+            onClick: () => s.setOpen(!1),
+            children: /* @__PURE__ */ n(Lo, { width: 16, height: 16 })
           }
         ),
-        s
+        a
       ] })
     }
   );
 }
-function _t({ className: e, ...t }) {
-  const o = qe();
-  return /* @__PURE__ */ n(Vt, { as: "h2", size: "5", ...t, id: o.titleId, className: v(Re.title, e) });
+function Mt({ className: e, ...t }) {
+  const o = Be();
+  return /* @__PURE__ */ n(rn, { as: "h2", size: "5", ...t, id: o.titleId, className: R(Oe.title, e) });
 }
-function pt(e) {
-  const t = qe(), { setHasDesc: o } = t;
-  return be(() => (o(!0), () => o(!1)), [o]), /* @__PURE__ */ n(It, { as: "p", ...e, id: t.descId });
-}
-const zs = Object.assign(y1, {
-  Trigger: ut,
-  Close: Fe,
-  Content: ft,
-  Title: _t,
-  Description: pt
-}), x1 = Fe, L1 = Fe, Rs = Object.assign(it(!0), {
-  Trigger: ut,
-  Content: ft,
-  Title: _t,
-  Description: pt,
-  Cancel: x1,
-  Action: L1
-}), $1 = "_menu_11ctg_1", k1 = "_label_11ctg_51", N1 = "_item_11ctg_61", M1 = "_danger_11ctg_80", z1 = "_separator_11ctg_84", De = {
-  menu: $1,
-  label: k1,
-  item: N1,
-  danger: M1,
-  separator: z1
-}, gt = we(null), R1 = () => {
-  const e = ye(gt);
+function Rt(e) {
+  const t = Be(), { setHasDesc: o } = t;
+  return we(() => (o(!0), () => o(!1)), [o]), /* @__PURE__ */ n(Gt, { as: "p", ...e, id: t.descId });
+}
+const Fl = Object.assign(Sa, {
+  Trigger: Nt,
+  Close: st,
+  Content: Lt,
+  Title: Mt,
+  Description: Rt
+}), Ta = st, Aa = st, Gl = Object.assign(yt(!0), {
+  Trigger: Nt,
+  Content: Lt,
+  Title: Mt,
+  Description: Rt,
+  Cancel: Ta,
+  Action: Aa
+}), ja = "_menu_11ctg_1", Oa = "_label_11ctg_51", Za = "_item_11ctg_61", Ba = "_danger_11ctg_80", Va = "_separator_11ctg_84", Ze = {
+  menu: ja,
+  label: Oa,
+  item: Za,
+  danger: Ba,
+  separator: Va
+}, Et = Ee(null), Wa = () => {
+  const e = qe(Et);
   if (!e) throw new Error("DropdownMenu parts must be inside a DropdownMenu");
   return e;
 };
-function D1({ label: e, align: t = "start", children: o, ...r }) {
-  const [s, l] = B(!1), a = Q(), d = R(null), f = R(null), p = R(null), i = R(s);
-  i.current = s;
-  const g = de((_) => {
-    i.current !== _ && (i.current = _, l(_));
-  }, []), [b, w] = B(null);
-  return be(() => {
-    var C;
-    const _ = f.current;
-    if (_)
-      if (s) {
-        const $ = d.current;
-        if ($) {
-          const M = $.getBoundingClientRect(), k = t === "end" ? "auto" : M.left, j = t === "end" ? window.innerWidth - M.right : "auto";
-          w({ top: M.bottom + 6, left: k, right: j });
+function Pa({ label: e, align: t = "start", children: o, ...r }) {
+  const [a, l] = Q(!1), s = se(), c = P(null), h = P(null), m = P(null), i = P(a);
+  i.current = a;
+  const g = _e((p) => {
+    i.current !== p && (i.current = p, l(p));
+  }, []), [$, w] = Q(null);
+  return we(() => {
+    var b;
+    const p = h.current;
+    if (p)
+      if (a) {
+        const v = c.current;
+        if (v) {
+          const M = v.getBoundingClientRect(), z = t === "end" ? "auto" : M.left, I = t === "end" ? window.innerWidth - M.right : "auto";
+          w({ top: M.bottom + 6, left: z, right: I });
         }
-        _.showPopover(), (C = _.querySelector('[role="menuitem"]')) == null || C.focus();
-      } else _.matches(":popover-open") && _.hidePopover();
-  }, [s, t]), U(() => {
-    if (!s) return;
-    const _ = () => g(!1);
-    return window.addEventListener("resize", _), () => window.removeEventListener("resize", _);
-  }, [s]), /* @__PURE__ */ z(gt.Provider, { value: { open: s, setOpen: g, menuId: a }, children: [
+        p.showPopover(), (b = p.querySelector('[role="menuitem"]')) == null || b.focus();
+      } else p.matches(":popover-open") && p.hidePopover();
+  }, [a, t]), te(() => {
+    if (!a) return;
+    const p = () => g(!1);
+    return window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
+  }, [a]), /* @__PURE__ */ N(Et.Provider, { value: { open: a, setOpen: g, menuId: s }, children: [
     /* @__PURE__ */ n(
-      Ze,
+      Ue,
       {
         ...r,
-        ref: d,
+        ref: c,
         "aria-haspopup": "menu",
-        "aria-expanded": s,
-        "aria-controls": a,
-        onPointerDown: (_) => {
-          var C;
-          (C = r.onPointerDown) == null || C.call(r, _), p.current = !i.current;
+        "aria-expanded": a,
+        "aria-controls": s,
+        onPointerDown: (p) => {
+          var b;
+          (b = r.onPointerDown) == null || b.call(r, p), m.current = !i.current;
         },
-        onKeyDown: (_) => {
-          var C;
-          (C = r.onKeyDown) == null || C.call(r, _), (_.key === "Enter" || _.key === " ") && (p.current = null);
+        onKeyDown: (p) => {
+          var b;
+          (b = r.onKeyDown) == null || b.call(r, p), (p.key === "Enter" || p.key === " ") && (m.current = null);
         },
-        onClick: (_) => {
-          var $;
-          ($ = r.onClick) == null || $.call(r, _);
-          const C = p.current ?? !i.current;
-          p.current = null, g(C);
+        onClick: (p) => {
+          var v;
+          (v = r.onClick) == null || v.call(r, p);
+          const b = m.current ?? !i.current;
+          m.current = null, g(b);
         },
         children: e
       }
@@ -1766,90 +2383,90 @@ function D1({ label: e, align: t = "start", children: o, ...r }) {
     /* @__PURE__ */ n(
       "div",
       {
-        ref: f,
-        id: a,
+        ref: h,
+        id: s,
         role: "menu",
         popover: "auto",
-        className: De.menu,
-        style: b ? {
-          top: b.top,
-          left: b.left === "auto" ? "auto" : b.left,
-          right: b.right === "auto" ? "auto" : b.right
+        className: Ze.menu,
+        style: $ ? {
+          top: $.top,
+          left: $.left === "auto" ? "auto" : $.left,
+          right: $.right === "auto" ? "auto" : $.right
         } : void 0,
-        onToggle: (_) => {
-          _.nativeEvent.newState === "closed" && g(!1);
+        onToggle: (p) => {
+          p.nativeEvent.newState === "closed" && g(!1);
         },
-        onKeyDown: (_) => {
-          var M, k, j, E, q, W;
-          const C = Array.from(
-            ((M = f.current) == null ? void 0 : M.querySelectorAll('[role="menuitem"]')) ?? []
-          ), $ = C.indexOf(document.activeElement);
-          _.key === "ArrowDown" ? (_.preventDefault(), (k = C[Math.min($ + 1, C.length - 1)]) == null || k.focus()) : _.key === "ArrowUp" ? (_.preventDefault(), (j = C[Math.max($ - 1, 0)]) == null || j.focus()) : _.key === "Home" ? (_.preventDefault(), (E = C[0]) == null || E.focus()) : _.key === "End" ? (_.preventDefault(), (q = C[C.length - 1]) == null || q.focus()) : _.key === "Escape" && (g(!1), (W = d.current) == null || W.focus());
+        onKeyDown: (p) => {
+          var M, z, I, Y, U, D;
+          const b = Array.from(
+            ((M = h.current) == null ? void 0 : M.querySelectorAll('[role="menuitem"]')) ?? []
+          ), v = b.indexOf(document.activeElement);
+          p.key === "ArrowDown" ? (p.preventDefault(), (z = b[Math.min(v + 1, b.length - 1)]) == null || z.focus()) : p.key === "ArrowUp" ? (p.preventDefault(), (I = b[Math.max(v - 1, 0)]) == null || I.focus()) : p.key === "Home" ? (p.preventDefault(), (Y = b[0]) == null || Y.focus()) : p.key === "End" ? (p.preventDefault(), (U = b[b.length - 1]) == null || U.focus()) : p.key === "Escape" && (g(!1), (D = c.current) == null || D.focus());
         },
         children: o
       }
     )
   ] });
 }
-function q1({
+function Fa({
   children: e
 }) {
-  return /* @__PURE__ */ n("div", { className: De.label, children: e });
+  return /* @__PURE__ */ n("div", { className: Ze.label, children: e });
 }
-function I1({ asChild: e, color: t, onSelect: o, children: r }) {
-  const s = R1(), l = v(De.item, t === "danger" && De.danger), a = () => {
-    s.setOpen(!1), o == null || o();
+function Ga({ asChild: e, color: t, onSelect: o, children: r }) {
+  const a = Wa(), l = R(Ze.item, t === "danger" && Ze.danger), s = () => {
+    a.setOpen(!1), o == null || o();
   };
-  if (e && ve(r)) {
-    const d = r, {
-      className: f,
-      onClick: p,
+  if (e && Re(r)) {
+    const c = r, {
+      className: h,
+      onClick: m,
       children: i,
       role: g,
-      tabIndex: b,
+      tabIndex: $,
       ...w
-    } = d.props, _ = d.ref;
-    return Ve(
-      d.type,
+    } = c.props, p = c.ref;
+    return ot(
+      c.type,
       {
-        key: d.key,
-        ref: _,
+        key: c.key,
+        ref: p,
         role: "menuitem",
         tabIndex: -1,
         ...w,
-        className: v(l, f),
-        onClick: (C) => {
-          p == null || p(C), s.setOpen(!1);
+        className: R(l, h),
+        onClick: (b) => {
+          m == null || m(b), a.setOpen(!1);
         }
       },
       i
     );
   }
-  return /* @__PURE__ */ n("button", { type: "button", role: "menuitem", tabIndex: -1, className: l, onClick: a, children: r });
+  return /* @__PURE__ */ n("button", { type: "button", role: "menuitem", tabIndex: -1, className: l, onClick: s, children: r });
 }
-function E1() {
-  return /* @__PURE__ */ n("div", { role: "separator", className: De.separator });
+function Ua() {
+  return /* @__PURE__ */ n("div", { role: "separator", className: Ze.separator });
 }
-const Ds = Object.assign(D1, { Item: I1, Separator: E1, Label: q1 }), H1 = "_list_1hc3r_19", S1 = "_trigger_1hc3r_28", mt = {
-  list: H1,
-  trigger: S1
-}, ht = we(null), Ct = () => {
-  const e = ye(ht);
+const Ul = Object.assign(Pa, { Item: Ga, Separator: Ua, Label: Fa }), Ka = "_list_1hc3r_19", Xa = "_trigger_1hc3r_28", qt = {
+  list: Ka,
+  trigger: Xa
+}, Dt = Ee(null), zt = () => {
+  const e = qe(Dt);
   if (!e) throw new Error("Tabs parts must be inside a Tabs");
   return e;
 };
-function T1({ value: e, onValueChange: t, className: o, children: r }) {
-  const s = Q();
-  return /* @__PURE__ */ n(ht.Provider, { value: { value: e, onValueChange: t, id: s }, children: /* @__PURE__ */ n("div", { className: o, children: r }) });
+function Ya({ value: e, onValueChange: t, className: o, children: r }) {
+  const a = se();
+  return /* @__PURE__ */ n(Dt.Provider, { value: { value: e, onValueChange: t, id: a }, children: /* @__PURE__ */ n("div", { className: o, children: r }) });
 }
-function j1({
+function Qa({
   children: e
 }) {
   return /* @__PURE__ */ n(
     "div",
     {
       role: "tablist",
-      className: v(mt.list, "spTabsList"),
+      className: R(qt.list, "spTabsList"),
       onKeyDown: (t) => {
         const o = Array.from(
           t.currentTarget.querySelectorAll('[role="tab"]')
@@ -1857,20 +2474,20 @@ function j1({
         if (r !== -1) {
           if (t.key === "ArrowRight") {
             t.preventDefault();
-            const s = o[(r + 1) % o.length];
-            s.focus(), s.click();
+            const a = o[(r + 1) % o.length];
+            a.focus(), a.click();
           } else if (t.key === "ArrowLeft") {
             t.preventDefault();
-            const s = o[(r - 1 + o.length) % o.length];
-            s.focus(), s.click();
+            const a = o[(r - 1 + o.length) % o.length];
+            a.focus(), a.click();
           } else if (t.key === "Home") {
             t.preventDefault();
-            const s = o[0];
-            s.focus(), s.click();
+            const a = o[0];
+            a.focus(), a.click();
           } else if (t.key === "End") {
             t.preventDefault();
-            const s = o[o.length - 1];
-            s.focus(), s.click();
+            const a = o[o.length - 1];
+            a.focus(), a.click();
           }
         }
       },
@@ -1878,104 +2495,104 @@ function j1({
     }
   );
 }
-function A1({ value: e, className: t, children: o, ...r }) {
-  const s = Ct(), l = s.value === e;
+function Ja({ value: e, className: t, children: o, ...r }) {
+  const a = zt(), l = a.value === e;
   return /* @__PURE__ */ n(
     "button",
     {
       ...r,
       type: "button",
       role: "tab",
-      id: `${s.id}-tab-${e}`,
+      id: `${a.id}-tab-${e}`,
       "aria-selected": l,
-      "aria-controls": `${s.id}-panel-${e}`,
+      "aria-controls": `${a.id}-panel-${e}`,
       tabIndex: l ? 0 : -1,
       "data-state": l ? "active" : "inactive",
-      className: v(mt.trigger, "spTabsTrigger", t),
-      onClick: () => s.onValueChange(e),
+      className: R(qt.trigger, "spTabsTrigger", t),
+      onClick: () => a.onValueChange(e),
       children: o
     }
   );
 }
-function Z1({
+function el({
   value: e,
   children: t
 }) {
-  const o = Ct();
+  const o = zt();
   return o.value !== e ? null : /* @__PURE__ */ n("div", { role: "tabpanel", id: `${o.id}-panel-${e}`, "aria-labelledby": `${o.id}-tab-${e}`, children: t });
 }
-const qs = Object.assign(T1, { List: j1, Trigger: A1, Content: Z1 }), O1 = "_panel_4us94_9", B1 = {
-  panel: O1
-}, Ye = 8, ze = 8, W1 = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function Is({
+const Kl = Object.assign(Ya, { List: Qa, Trigger: Ja, Content: el }), tl = "_panel_4us94_9", nl = {
+  panel: tl
+}, ft = 8, je = 8, ol = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function Xl({
   label: e,
   children: t,
   open: o,
   onOpenChange: r,
-  defaultOpen: s = !1,
+  defaultOpen: a = !1,
   side: l = "bottom",
-  align: a = "start",
-  panelClassName: d,
-  onClick: f,
-  ...p
+  align: s = "start",
+  panelClassName: c,
+  onClick: h,
+  ...m
 }) {
-  const [i, g] = B(s), b = o !== void 0, w = b ? o : i, _ = Q(), C = Q(), $ = R(null), M = R(null), [k, j] = B(null), E = R(!1), q = R(!1), W = R(null), A = R(w);
-  A.current = w;
-  const N = de(
+  const [i, g] = Q(a), $ = o !== void 0, w = $ ? o : i, p = se(), b = se(), v = P(null), M = P(null), [z, I] = Q(null), Y = P(!1), U = P(!1), D = P(null), T = P(w);
+  T.current = w;
+  const Z = _e(
     (y) => {
-      A.current !== y && (A.current = y, b || g(y), r == null || r(y));
+      T.current !== y && (T.current = y, $ || g(y), r == null || r(y));
     },
-    [b, r]
-  ), I = de(() => {
-    const y = $.current, u = M.current;
-    if (!y || !u) return;
-    const x = y.getBoundingClientRect(), L = u.offsetWidth, Z = u.offsetHeight, H = x.bottom + Ye, F = x.top - Z - Ye, h = H + Z <= window.innerHeight - ze, c = F >= ze, m = l === "bottom" ? h || !c ? H : F : c || !h ? F : H, D = m === H ? "bottom" : "top";
-    u.dataset.side = D;
-    const S = a === "start" ? x.left : a === "end" ? x.right - L : x.left + x.width / 2 - L / 2, O = Math.min(
-      Math.max(S, ze),
-      Math.max(window.innerWidth - L - ze, ze)
+    [$, r]
+  ), X = _e(() => {
+    const y = v.current, L = M.current;
+    if (!y || !L) return;
+    const H = y.getBoundingClientRect(), F = L.offsetWidth, f = L.offsetHeight, E = H.bottom + ft, A = H.top - f - ft, C = E + f <= window.innerHeight - je, k = A >= je, B = l === "bottom" ? C || !k ? E : A : k || !C ? A : E, V = B === E ? "bottom" : "top";
+    L.dataset.side = V;
+    const G = s === "start" ? H.left : s === "end" ? H.right - F : H.left + H.width / 2 - F / 2, _ = Math.min(
+      Math.max(G, je),
+      Math.max(window.innerWidth - F - je, je)
     );
-    j(
-      (K) => K && K.top === m && K.left === O && K.placed === D ? K : { top: m, left: O, placed: D }
+    I(
+      (x) => x && x.top === B && x.left === _ && x.placed === V ? x : { top: B, left: _, placed: V }
     );
-  }, [l, a]);
-  return be(() => {
+  }, [l, s]);
+  return we(() => {
     const y = M.current;
-    y && (w ? (tt(y, I), I(), E.current && (E.current = !1, (y.querySelector(W1) ?? y).focus({ preventScroll: !0 }))) : y.matches(":popover-open") && y.hidePopover());
-  }, [w, I]), U(() => {
+    y && (w ? (Ye(y, X), X(), Y.current && (Y.current = !1, (y.querySelector(ol) ?? y).focus({ preventScroll: !0 }))) : y.matches(":popover-open") && y.hidePopover());
+  }, [w, X]), te(() => {
     if (!w) return;
-    let y = 0, u = "";
-    const x = () => {
-      const L = $.current, Z = M.current;
-      if (L && Z) {
-        const H = L.getBoundingClientRect(), F = `${H.top}|${H.left}|${H.width}|${H.height}|${Z.offsetWidth}|${Z.offsetHeight}|${window.innerWidth}|${window.innerHeight}`;
-        F !== u && (u = F, I());
+    let y = 0, L = "";
+    const H = () => {
+      const F = v.current, f = M.current;
+      if (F && f) {
+        const E = F.getBoundingClientRect(), A = `${E.top}|${E.left}|${E.width}|${E.height}|${f.offsetWidth}|${f.offsetHeight}|${window.innerWidth}|${window.innerHeight}`;
+        A !== L && (L = A, X());
       }
-      y = requestAnimationFrame(x);
+      y = requestAnimationFrame(H);
     };
-    return y = requestAnimationFrame(x), () => cancelAnimationFrame(y);
-  }, [w, I]), /* @__PURE__ */ z(ue, { children: [
+    return y = requestAnimationFrame(H), () => cancelAnimationFrame(y);
+  }, [w, X]), /* @__PURE__ */ N(he, { children: [
     /* @__PURE__ */ n(
-      Ze,
+      Ue,
       {
-        ...p,
-        ref: $,
-        id: _,
+        ...m,
+        ref: v,
+        id: p,
         "aria-haspopup": "dialog",
         "aria-expanded": w,
-        "aria-controls": C,
+        "aria-controls": b,
         onPointerDown: (y) => {
-          var u;
-          (u = p.onPointerDown) == null || u.call(p, y), W.current = !A.current;
+          var L;
+          (L = m.onPointerDown) == null || L.call(m, y), D.current = !T.current;
         },
         onKeyDown: (y) => {
-          var u;
-          (u = p.onKeyDown) == null || u.call(p, y), (y.key === "Enter" || y.key === " ") && (W.current = null);
+          var L;
+          (L = m.onKeyDown) == null || L.call(m, y), (y.key === "Enter" || y.key === " ") && (D.current = null);
         },
         onClick: (y) => {
-          f == null || f(y);
-          const u = W.current ?? !A.current;
-          W.current = null, u && (E.current = !0), N(u);
+          h == null || h(y);
+          const L = D.current ?? !T.current;
+          D.current = null, L && (Y.current = !0), Z(L);
         },
         children: e
       }
@@ -1984,21 +2601,21 @@ function Is({
       "div",
       {
         ref: M,
-        id: C,
+        id: b,
         popover: "auto",
         role: "dialog",
-        "aria-labelledby": _,
+        "aria-labelledby": p,
         tabIndex: -1,
-        className: v(B1.panel, te.spacePanel, d),
-        "data-animated": p.animated === !1 ? "false" : void 0,
-        "data-side": (k == null ? void 0 : k.placed) ?? l,
-        style: k ? { top: k.top, left: k.left } : void 0,
+        className: R(nl.panel, ue.spacePanel, c),
+        "data-animated": m.animated === !1 ? "false" : void 0,
+        "data-side": (z == null ? void 0 : z.placed) ?? l,
+        style: z ? { top: z.top, left: z.left } : void 0,
         onKeyDown: (y) => {
-          y.key === "Escape" && (q.current = !0, y.stopPropagation());
+          y.key === "Escape" && (U.current = !0, y.stopPropagation());
         },
         onToggle: (y) => {
-          var u;
-          y.nativeEvent.newState === "closed" && (q.current && (q.current = !1, (u = $.current) == null || u.focus()), N(!1));
+          var L;
+          y.nativeEvent.newState === "closed" && (U.current && (U.current = !1, (L = v.current) == null || L.focus()), Z(!1));
         },
         children: t
       }
@@ -2006,60 +2623,63 @@ function Is({
   ] });
 }
 export {
-  Rs as AlertDialog,
-  ys as Autocomplete,
-  X1 as Badge,
-  gs as BookmarkIcon,
-  K1 as Box,
-  Ze as Button,
-  Q1 as Card,
-  ms as Carousel,
-  es as ChatBubbleIcon,
-  ls as CheckIcon,
-  $s as Checkbox,
-  Ls as CheckboxGroup,
-  ps as ChevronDownIcon,
-  et as ChevronLeftIcon,
-  Je as ChevronRightIcon,
-  _s as ChevronUpIcon,
-  mo as CrossCircledIcon,
-  zs as Dialog,
-  Ds as DropdownMenu,
-  ss as EnterFullScreenIcon,
-  go as ExclamationTriangleIcon,
-  rs as ExitFullScreenIcon,
-  G1 as Flex,
-  U1 as Grid,
-  Vt as Heading,
-  os as HeartFilledIcon,
-  fs as HeartIcon,
-  vs as IconToggle,
-  po as InfoCircledIcon,
-  P1 as Link,
-  Cs as Loader,
-  us as MagnifyingGlassIcon,
-  Ms as Message,
-  ds as MinusIcon,
-  hs as Pagination,
-  ns as Pencil1Icon,
-  is as PersonIcon,
-  ts as PlusIcon,
-  Is as Popover,
-  Ns as Progress,
-  cs as QuestionMarkCircledIcon,
-  ks as RadioGroup,
-  bs as Select,
-  Y1 as Separator,
-  J1 as Share2Icon,
-  xs as Slider,
-  qs as Tabs,
-  It as Text,
-  ws as TextArea,
-  Ue as TextField,
-  nr as Tooltip,
-  as as TrashIcon,
-  _o as XIcon,
-  Oo as pageCount,
-  Bo as pageWindow
+  Gl as AlertDialog,
+  Sl as Autocomplete,
+  dl as Badge,
+  jl as BarList,
+  Rl as BookmarkIcon,
+  cl as Box,
+  Ue as Button,
+  fl as Card,
+  El as Carousel,
+  Al as Chart,
+  pl as ChatBubbleIcon,
+  bl as CheckIcon,
+  Bl as Checkbox,
+  Zl as CheckboxGroup,
+  Ml as ChevronDownIcon,
+  ht as ChevronLeftIcon,
+  pt as ChevronRightIcon,
+  Ll as ChevronUpIcon,
+  Eo as CrossCircledIcon,
+  Fl as Dialog,
+  Ul as DropdownMenu,
+  vl as EnterFullScreenIcon,
+  Ro as ExclamationTriangleIcon,
+  Cl as ExitFullScreenIcon,
+  ll as Flex,
+  il as Grid,
+  rn as Heading,
+  gl as HeartFilledIcon,
+  Nl as HeartIcon,
+  zl as IconToggle,
+  Mo as InfoCircledIcon,
+  al as Link,
+  Dl as Loader,
+  kl as MagnifyingGlassIcon,
+  Pl as Message,
+  yl as MinusIcon,
+  ql as Pagination,
+  ml as Pencil1Icon,
+  xl as PersonIcon,
+  Ol as PieChart,
+  hl as PlusIcon,
+  Xl as Popover,
+  Wl as Progress,
+  wl as QuestionMarkCircledIcon,
+  Vl as RadioGroup,
+  Il as Select,
+  ul as Separator,
+  _l as Share2Icon,
+  Tl as Slider,
+  Kl as Tabs,
+  Gt as Text,
+  Hl as TextArea,
+  ct as TextField,
+  mr as Tooltip,
+  $l as TrashIcon,
+  Lo as XIcon,
+  tr as pageCount,
+  nr as pageWindow
 };
 //# sourceMappingURL=index.js.map