@inkorange/space-ui 1.9.0 → 1.10.0

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
-import { forwardRef as ae, createElement as ot, isValidElement as ze, cloneElement as Xe, useId as se, useMemo as _e, Children as pt, useRef as F, useState as Q, useCallback as pe, useLayoutEffect as we, useEffect as te, createContext as Re, useContext as Ee } from "react";
-import { jsx as n, jsxs as L, Fragment as he } from "react/jsx-runtime";
-const Ie = {
+import { forwardRef as ae, createElement as rt, isValidElement as Re, cloneElement as Ye, useId as se, useMemo as _e, Children as _t, useRef as P, useState as Q, useCallback as pe, useLayoutEffect as ye, useEffect as te, createContext as Ee, useContext as Ie } from "react";
+import { jsx as n, jsxs as R, Fragment as he } from "react/jsx-runtime";
+const He = {
   0: "0",
   1: "var(--spacing-xs)",
   2: "var(--spacing-sm)",
@@ -12,238 +12,238 @@ const Ie = {
 };
 function ve({ m: e, mt: t, mb: o, p: r, pb: a }, l) {
   const s = {
-    ...e !== void 0 && { margin: Ie[e] },
-    ...t !== void 0 && { marginTop: Ie[t] },
-    ...o !== void 0 && { marginBottom: Ie[o] },
-    ...r !== void 0 && { padding: Ie[r] },
-    ...a !== void 0 && { paddingBottom: Ie[a] },
+    ...e !== void 0 && { margin: He[e] },
+    ...t !== void 0 && { marginTop: He[t] },
+    ...o !== void 0 && { marginBottom: He[o] },
+    ...r !== void 0 && { padding: He[r] },
+    ...a !== void 0 && { paddingBottom: He[a] },
     ...l
   };
   return Object.keys(s).length > 0 ? s : void 0;
 }
-function z(...e) {
+function E(...e) {
   return e.filter(Boolean).join(" ");
 }
-const Ht = "_text_rzzow_1", St = "_size1_rzzow_5", qt = "_size2_rzzow_11", Tt = "_size3_rzzow_16", At = "_size4_rzzow_21", Ot = "_size5_rzzow_27", Zt = "_size6_rzzow_33", Bt = "_medium_rzzow_39", Vt = "_bold_rzzow_43", Wt = "_colorMuted_rzzow_47", Pt = "_colorDanger_rzzow_51", Ft = "_colorSuccess_rzzow_55", jt = "_colorWarning_rzzow_59", We = {
-  text: Ht,
-  size1: St,
+const St = "_text_rzzow_1", Tt = "_size1_rzzow_5", qt = "_size2_rzzow_11", At = "_size3_rzzow_16", Ot = "_size4_rzzow_21", Bt = "_size5_rzzow_27", Zt = "_size6_rzzow_33", Vt = "_medium_rzzow_39", Wt = "_bold_rzzow_43", Pt = "_colorMuted_rzzow_47", Ft = "_colorDanger_rzzow_51", jt = "_colorSuccess_rzzow_55", Gt = "_colorWarning_rzzow_59", Pe = {
+  text: St,
+  size1: Tt,
   size2: qt,
-  size3: Tt,
-  size4: At,
-  size5: Ot,
+  size3: At,
+  size4: Ot,
+  size5: Bt,
   size6: Zt,
-  medium: Bt,
-  bold: Vt,
-  colorMuted: Wt,
-  colorDanger: Pt,
-  colorSuccess: Ft,
-  colorWarning: jt
-}, 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, {
+  medium: Vt,
+  bold: Wt,
+  colorMuted: Pt,
+  colorDanger: Ft,
+  colorSuccess: jt,
+  colorWarning: Gt
+}, Ut = ae(function({ as: t = "span", size: o, weight: r, color: a, className: l, style: s, m: c, mt: h, mb: m, p: d, pb: C, ...$ }, y) {
+  return rt(t, {
     ...$,
-    ref: w,
-    className: z(
-      We.text,
-      o && We[`size${o}`],
-      r && We[r],
-      a && We[`color${a[0].toUpperCase()}${a.slice(1)}`],
+    ref: y,
+    className: E(
+      Pe.text,
+      o && Pe[`size${o}`],
+      r && Pe[r],
+      a && Pe[`color${a[0].toUpperCase()}${a.slice(1)}`],
       l
     ),
-    style: ve({ m: c, mt: h, mb: m, p: i, pb: g }, s)
+    style: ve({ m: c, mt: h, mb: m, p: d, pb: C }, s)
   });
-}), Ut = "_heading_15fm0_1", Kt = "_size4_15fm0_7", Xt = "_size5_15fm0_13", Yt = "_size6_15fm0_19", Qt = "_size7_15fm0_25", Jt = "_size8_15fm0_31", en = "_size9_15fm0_37", tn = "_colorMuted_15fm0_43", nn = "_colorDanger_15fm0_47", on = "_alignCenter_15fm0_51", He = {
-  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, {
+}), Kt = "_heading_15fm0_1", Xt = "_size4_15fm0_7", Yt = "_size5_15fm0_13", Qt = "_size6_15fm0_19", Jt = "_size7_15fm0_25", en = "_size8_15fm0_31", tn = "_size9_15fm0_37", nn = "_colorMuted_15fm0_43", on = "_colorDanger_15fm0_47", rn = "_alignCenter_15fm0_51", Se = {
+  heading: Kt,
+  size4: Xt,
+  size5: Yt,
+  size6: Qt,
+  size7: Jt,
+  size8: en,
+  size9: tn,
+  colorMuted: nn,
+  colorDanger: on,
+  alignCenter: rn
+}, sn = ae(function({ as: t = "h2", size: o, color: r, align: a, className: l, style: s, m: c, mt: h, mb: m, p: d, pb: C, ...$ }, y) {
+  return rt(t, {
     ...$,
-    ref: w,
-    className: z(
-      He.heading,
-      o && He[`size${o}`],
-      r === "muted" && He.colorMuted,
-      r === "danger" && He.colorDanger,
-      a === "center" && He.alignCenter,
+    ref: y,
+    className: E(
+      Se.heading,
+      o && Se[`size${o}`],
+      r === "muted" && Se.colorMuted,
+      r === "danger" && Se.colorDanger,
+      a === "center" && Se.alignCenter,
       l
     ),
-    style: ve({ m: c, mt: h, mb: m, p: i, pb: g }, s)
+    style: ve({ m: c, mt: h, mb: m, p: d, pb: C }, s)
   });
-}), sn = "_link_1o4sa_1", an = "_size1_1o4sa_10", ln = "_size2_1o4sa_16", cn = "_size3_1o4sa_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 = z(at.link, o && at[`size${o}`], r), _ = ve({ m: l, mt: s, mb: c, p: h, pb: m }, a);
-  if (t && ze(i)) {
-    const b = i;
-    return Xe(b, {
-      ...g,
-      className: z(w, b.props.className),
-      style: { ..._, ...b.props.style }
+}), an = "_link_1o4sa_1", ln = "_size1_1o4sa_10", cn = "_size2_1o4sa_16", dn = "_size3_1o4sa_21", lt = {
+  link: an,
+  size1: ln,
+  size2: cn,
+  size3: dn
+}, ll = ae(function({ asChild: t, size: o, className: r, style: a, m: l, mt: s, mb: c, p: h, pb: m, children: d, ...C }, $) {
+  const y = E(lt.link, o && lt[`size${o}`], r), u = ve({ m: l, mt: s, mb: c, p: h, pb: m }, a);
+  if (t && Re(d)) {
+    const b = d;
+    return Ye(b, {
+      ...C,
+      className: E(y, b.props.className),
+      style: { ...u, ...b.props.style }
     });
   }
-  return /* @__PURE__ */ n("a", { ...g, ref: $, className: w, style: _, children: i });
-}), dn = "_flex_v4ziu_1", un = "_gap1_v4ziu_5", fn = "_gap2_v4ziu_9", pn = "_gap3_v4ziu_13", _n = "_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", yn = "_alignStretch_v4ziu_53", xn = "_justifyStart_v4ziu_57", Nn = "_justifyCenter_v4ziu_61", Ln = "_justifyEnd_v4ziu_65", Mn = "_justifyBetween_v4ziu_69", kn = "_wrapWrap_v4ziu_73", zn = "_wrapNowrap_v4ziu_77", ye = {
-  flex: dn,
-  gap1: un,
-  gap2: fn,
-  gap3: pn,
-  gap4: _n,
-  gap5: hn,
-  gap6: mn,
-  directionRow: gn,
-  directionColumn: Cn,
-  alignStart: vn,
-  alignCenter: bn,
+  return /* @__PURE__ */ n("a", { ...C, ref: $, className: y, style: u, children: d });
+}), un = "_flex_v4ziu_1", fn = "_gap1_v4ziu_5", pn = "_gap2_v4ziu_9", _n = "_gap3_v4ziu_13", hn = "_gap4_v4ziu_17", mn = "_gap5_v4ziu_21", gn = "_gap6_v4ziu_25", Cn = "_directionRow_v4ziu_29", vn = "_directionColumn_v4ziu_33", bn = "_alignStart_v4ziu_37", wn = "_alignCenter_v4ziu_41", $n = "_alignEnd_v4ziu_45", yn = "_alignBaseline_v4ziu_49", xn = "_alignStretch_v4ziu_53", Nn = "_justifyStart_v4ziu_57", Mn = "_justifyCenter_v4ziu_61", Ln = "_justifyEnd_v4ziu_65", kn = "_justifyBetween_v4ziu_69", zn = "_wrapWrap_v4ziu_73", Rn = "_wrapNowrap_v4ziu_77", xe = {
+  flex: un,
+  gap1: fn,
+  gap2: pn,
+  gap3: _n,
+  gap4: hn,
+  gap5: mn,
+  gap6: gn,
+  directionRow: Cn,
+  directionColumn: vn,
+  alignStart: bn,
+  alignCenter: wn,
   alignEnd: $n,
-  alignBaseline: wn,
-  alignStretch: yn,
-  justifyStart: xn,
-  justifyCenter: Nn,
+  alignBaseline: yn,
+  alignStretch: xn,
+  justifyStart: Nn,
+  justifyCenter: Mn,
   justifyEnd: Ln,
-  justifyBetween: Mn,
-  wrapWrap: kn,
-  wrapNowrap: zn
-}, Pe = (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: _, ...b }, v) {
-  const k = z(
-    ye.flex,
-    o && ye[`gap${o}`],
-    r && ye[`direction${Pe(r)}`],
-    a && ye[`align${Pe(a)}`],
-    l && ye[`justify${Pe(l)}`],
-    s && ye[`wrap${Pe(s)}`],
+  justifyBetween: kn,
+  wrapWrap: zn,
+  wrapNowrap: Rn
+}, Fe = (e) => e[0].toUpperCase() + e.slice(1), cl = ae(function({ asChild: t, gap: o, direction: r, align: a, justify: l, wrap: s, className: c, style: h, m, mt: d, mb: C, p: $, pb: y, children: u, ...b }, g) {
+  const N = E(
+    xe.flex,
+    o && xe[`gap${o}`],
+    r && xe[`direction${Fe(r)}`],
+    a && xe[`align${Fe(a)}`],
+    l && xe[`justify${Fe(l)}`],
+    s && xe[`wrap${Fe(s)}`],
     c
-  ), I = ve({ m, mt: i, mb: g, p: $, pb: w }, h);
-  if (t && ze(_)) {
-    const H = _;
-    return Xe(H, {
+  ), I = ve({ m, mt: d, mb: C, p: $, pb: y }, h);
+  if (t && Re(u)) {
+    const T = u;
+    return Ye(T, {
       ...b,
-      className: z(k, H.props.className),
-      style: { ...I, ...H.props.style }
+      className: E(N, T.props.className),
+      style: { ...I, ...T.props.style }
     });
   }
-  return /* @__PURE__ */ n("div", { ...b, ref: v, className: k, style: I, children: _ });
-}), cl = ae(function({ style: t, m: o, mt: r, mb: a, p: l, pb: s, ...c }, h) {
+  return /* @__PURE__ */ n("div", { ...b, ref: g, className: N, style: I, children: u });
+}), il = 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) });
-}), Rn = "_grid_erpqq_1", En = "_cols1_erpqq_5", Dn = "_cols2_erpqq_9", In = "_cols3_erpqq_13", Hn = "_smCols2_erpqq_18", Sn = "_smCols3_erpqq_21", qn = "_mdCols2_erpqq_26", Tn = "_mdCols3_erpqq_29", An = "_gap1_erpqq_33", On = "_gap2_erpqq_37", Zn = "_gap3_erpqq_41", Bn = "_gap4_erpqq_45", Vn = "_gap5_erpqq_49", Wn = "_gap6_erpqq_53", xe = {
-  grid: Rn,
-  cols1: En,
+}), En = "_grid_erpqq_1", In = "_cols1_erpqq_5", Dn = "_cols2_erpqq_9", Hn = "_cols3_erpqq_13", Sn = "_smCols2_erpqq_18", Tn = "_smCols3_erpqq_21", qn = "_mdCols2_erpqq_26", An = "_mdCols3_erpqq_29", On = "_gap1_erpqq_33", Bn = "_gap2_erpqq_37", Zn = "_gap3_erpqq_41", Vn = "_gap4_erpqq_45", Wn = "_gap5_erpqq_49", Pn = "_gap6_erpqq_53", Ne = {
+  grid: En,
+  cols1: In,
   cols2: Dn,
-  cols3: In,
-  smCols2: Hn,
-  smCols3: Sn,
+  cols3: Hn,
+  smCols2: Sn,
+  smCols3: Tn,
   mdCols2: qn,
-  mdCols3: Tn,
-  gap1: An,
-  gap2: On,
+  mdCols3: An,
+  gap1: On,
+  gap2: Bn,
   gap3: Zn,
-  gap4: Bn,
-  gap5: Vn,
-  gap6: Wn
-}, 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" ? [xe[`cols${t}`]] : t ? [
-    t.initial && xe[`cols${t.initial}`],
-    t.sm && xe[`smCols${t.sm}`],
-    t.md && xe[`mdCols${t.md}`]
+  gap4: Vn,
+  gap5: Wn,
+  gap6: Pn
+}, dl = ae(function({ columns: t, gap: o, className: r, style: a, m: l, mt: s, mb: c, p: h, pb: m, ...d }, C) {
+  const $ = typeof t == "string" ? [Ne[`cols${t}`]] : t ? [
+    t.initial && Ne[`cols${t.initial}`],
+    t.sm && Ne[`smCols${t.sm}`],
+    t.md && Ne[`mdCols${t.md}`]
   ] : [];
   return /* @__PURE__ */ n(
     "div",
     {
-      ...i,
-      ref: g,
-      className: z(xe.grid, ...$, o && xe[`gap${o}`], r),
+      ...d,
+      ref: C,
+      className: E(Ne.grid, ...$, o && Ne[`gap${o}`], r),
       style: ve({ m: l, mt: s, mb: c, p: h, pb: m }, a)
     }
   );
-}), Pn = "_badge_3q9da_2", Fn = "_size1_3q9da_10", jn = "_size2_3q9da_17", Gn = "_colorMuted_3q9da_24", Un = "_colorPrimary_3q9da_29", Kn = "_colorSuccess_3q9da_34", Xn = "_colorDanger_3q9da_39", Yn = "_colorWarning_3q9da_44", Qn = "_colorCyan_3q9da_49", Jn = "_colorPurple_3q9da_54", eo = "_colorOrange_3q9da_59", to = "_colorAccent_3q9da_64", no = "_colorYellow_3q9da_69", oo = "_solid_3q9da_77", ro = "_wrap_3q9da_85", Se = {
-  badge: Pn,
-  size1: Fn,
-  size2: jn,
-  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) {
+}), Fn = "_badge_3q9da_2", jn = "_size1_3q9da_10", Gn = "_size2_3q9da_17", Un = "_colorMuted_3q9da_24", Kn = "_colorPrimary_3q9da_29", Xn = "_colorSuccess_3q9da_34", Yn = "_colorDanger_3q9da_39", Qn = "_colorWarning_3q9da_44", Jn = "_colorCyan_3q9da_49", eo = "_colorPurple_3q9da_54", to = "_colorOrange_3q9da_59", no = "_colorAccent_3q9da_64", oo = "_colorYellow_3q9da_69", ro = "_solid_3q9da_77", so = "_wrap_3q9da_85", Te = {
+  badge: Fn,
+  size1: jn,
+  size2: Gn,
+  colorMuted: Un,
+  colorPrimary: Kn,
+  colorSuccess: Xn,
+  colorDanger: Yn,
+  colorWarning: Qn,
+  colorCyan: Jn,
+  colorPurple: eo,
+  colorOrange: to,
+  colorAccent: no,
+  colorYellow: oo,
+  solid: ro,
+  wrap: so
+}, ao = (e) => e[0].toUpperCase() + e.slice(1), ul = ae(function({ color: t = "primary", variant: o = "soft", size: r = "1", wrap: a, className: l, style: s, m: c, mt: h, mb: m, p: d, pb: C, ...$ }, y) {
   return /* @__PURE__ */ n(
     "span",
     {
       ...$,
-      ref: w,
-      className: z(
-        Se.badge,
-        Se[`color${so(t)}`],
-        o === "solid" && Se.solid,
-        Se[`size${r}`],
-        a && Se.wrap,
+      ref: y,
+      className: E(
+        Te.badge,
+        Te[`color${ao(t)}`],
+        o === "solid" && Te.solid,
+        Te[`size${r}`],
+        a && Te.wrap,
         l
       ),
-      style: ve({ m: c, mt: h, mb: m, p: i, pb: g }, s)
+      style: ve({ m: c, mt: h, mb: m, p: d, pb: C }, s)
     }
   );
-}), ao = "_separator_vao01_1", lo = "_full_vao01_7", lt = {
-  separator: ao,
-  full: lo
-}, ul = ae(function({ size: t = "4", className: o, ...r }, a) {
+}), lo = "_separator_vao01_1", co = "_full_vao01_7", ct = {
+  separator: lo,
+  full: co
+}, fl = ae(function({ size: t = "4", className: o, ...r }, a) {
   return /* @__PURE__ */ n(
     "span",
     {
       ...r,
       ref: a,
       role: "separator",
-      className: z(lt.separator, t === "4" && lt.full, o)
+      className: E(ct.separator, t === "4" && ct.full, o)
     }
   );
-}), co = "_card_4k34c_2", io = "_image_4k34c_14", uo = "_hasImage_4k34c_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__ */ L(
+}), io = "_card_4k34c_2", uo = "_image_4k34c_14", fo = "_hasImage_4k34c_41", et = {
+  card: io,
+  image: uo,
+  hasImage: fo
+}, pl = ae(function({ className: t, style: o, image: r, children: a, m: l, mt: s, mb: c, p: h, pb: m, ...d }, C) {
+  return /* @__PURE__ */ R(
     "div",
     {
-      ...i,
-      ref: g,
-      className: z(Je.card, r != null && Je.hasImage, t),
+      ...d,
+      ref: C,
+      className: E(et.card, r != null && et.hasImage, t),
       style: ve({ m: l, mt: s, mb: c, p: h, pb: m }, o),
       children: [
-        r != null && /* @__PURE__ */ n("div", { className: Je.image, children: r }),
+        r != null && /* @__PURE__ */ n("div", { className: et.image, children: r }),
         a
       ]
     }
   );
-}), fo = "_spaceButton_1ewbr_14", po = "_rimRotate_1ewbr_1", _o = "_glintSweep_1ewbr_1", ho = "_iconOnly_1ewbr_105", mo = "_lg_1ewbr_113", go = "_sm_1ewbr_120", Co = "_micro_1ewbr_133", vo = "_stars_1ewbr_150", bo = "_fullWidth_1ewbr_155", $o = "_ember_1ewbr_161", wo = "_label_1ewbr_171", yo = "_star_1ewbr_150", xo = "_twinkle_1ewbr_1", ge = {
-  spaceButton: fo,
-  rimRotate: po,
-  glintSweep: _o,
-  iconOnly: ho,
-  lg: mo,
-  sm: go,
-  micro: Co,
-  stars: vo,
-  fullWidth: bo,
+}), po = "_spaceButton_1ewbr_14", _o = "_rimRotate_1ewbr_1", ho = "_glintSweep_1ewbr_1", mo = "_iconOnly_1ewbr_105", go = "_lg_1ewbr_113", Co = "_sm_1ewbr_120", vo = "_micro_1ewbr_133", bo = "_stars_1ewbr_150", wo = "_fullWidth_1ewbr_155", $o = "_ember_1ewbr_161", yo = "_label_1ewbr_171", xo = "_star_1ewbr_150", No = "_twinkle_1ewbr_1", ge = {
+  spaceButton: po,
+  rimRotate: _o,
+  glintSweep: ho,
+  iconOnly: mo,
+  lg: go,
+  sm: Co,
+  micro: vo,
+  stars: bo,
+  fullWidth: wo,
   ember: $o,
-  label: wo,
-  star: yo,
-  twinkle: xo
+  label: yo,
+  star: xo,
+  twinkle: No
 };
-function No(e) {
+function Mo(e) {
   return function() {
     e |= 0, e = e + 1831565813 | 0;
     let t = Math.imul(e ^ e >>> 15, 1 | e);
@@ -256,17 +256,17 @@ function Lo(e) {
     t ^= e.charCodeAt(o), t = Math.imul(t, 16777619);
   return t >>> 0;
 }
-const Ue = ae(
+const Ke = ae(
   function({ iconOnly: t, ember: o, size: r = "md", fullWidth: a, animated: l = !0, className: s, children: c, ...h }, m) {
-    const i = se(), g = _e(() => {
-      const w = No(Lo(i));
+    const d = se(), C = _e(() => {
+      const y = Mo(Lo(d));
       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`
+        top: `${12 + y() * 58}%`,
+        left: `${8 + y() * 80}%`,
+        animationDelay: `${(y() * 3.2).toFixed(2)}s`,
+        animationDuration: `${(2.8 + y() * 1.8).toFixed(2)}s`
       }));
-    }, [i]), $ = [
+    }, [d]), $ = [
       ge.spaceButton,
       t ? ge.iconOnly : "",
       o ? ge.ember : "",
@@ -274,7 +274,7 @@ const Ue = ae(
       a ? ge.fullWidth : "",
       s ?? ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ L(
+    return /* @__PURE__ */ R(
       "button",
       {
         ref: m,
@@ -282,7 +282,7 @@ const Ue = ae(
         "data-animated": l ? void 0 : "false",
         ...h,
         children: [
-          r !== "micro" && /* @__PURE__ */ n("span", { className: ge.stars, "aria-hidden": !0, children: g.map((w, _) => /* @__PURE__ */ n("i", { className: ge.star, style: w }, _)) }),
+          r !== "micro" && /* @__PURE__ */ n("span", { className: ge.stars, "aria-hidden": !0, children: C.map((y, u) => /* @__PURE__ */ n("i", { className: ge.star, style: y }, u)) }),
           /* @__PURE__ */ n("span", { className: ge.label, children: c })
         ]
       }
@@ -296,7 +296,7 @@ const Ue = ae(
   xmlns: "http://www.w3.org/2000/svg",
   "aria-hidden": !0
 };
-function pl(e) {
+function _l(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -307,7 +307,7 @@ function pl(e) {
     }
   ) });
 }
-function _l(e) {
+function hl(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -318,7 +318,7 @@ function _l(e) {
     }
   ) });
 }
-function hl(e) {
+function ml(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -329,7 +329,7 @@ function hl(e) {
     }
   ) });
 }
-function ml(e) {
+function gl(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -340,7 +340,7 @@ function ml(e) {
     }
   ) });
 }
-function gl(e) {
+function Cl(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -351,7 +351,7 @@ function gl(e) {
     }
   ) });
 }
-function Cl(e) {
+function vl(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -362,7 +362,7 @@ function Cl(e) {
     }
   ) });
 }
-function vl(e) {
+function bl(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -373,7 +373,7 @@ function vl(e) {
     }
   ) });
 }
-function bl(e) {
+function wl(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -395,7 +395,7 @@ function $l(e) {
     }
   ) });
 }
-function wl(e) {
+function yl(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -406,7 +406,7 @@ function wl(e) {
     }
   ) });
 }
-function yl(e) {
+function xl(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -417,7 +417,7 @@ function yl(e) {
     }
   ) });
 }
-function xl(e) {
+function Nl(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -428,7 +428,7 @@ function xl(e) {
     }
   ) });
 }
-function Nl(e) {
+function Ml(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -450,7 +450,7 @@ function Ll(e) {
     }
   ) });
 }
-function Ml(e) {
+function kl(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -461,7 +461,7 @@ function Ml(e) {
     }
   ) });
 }
-function kl(e) {
+function zl(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -472,7 +472,7 @@ function kl(e) {
     }
   ) });
 }
-function _t(e) {
+function ht(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -483,7 +483,7 @@ function _t(e) {
     }
   ) });
 }
-function ht(e) {
+function mt(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -494,7 +494,7 @@ function ht(e) {
     }
   ) });
 }
-function zl(e) {
+function Rl(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -505,7 +505,7 @@ function zl(e) {
     }
   ) });
 }
-function Mo(e) {
+function ko(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,7 +514,7 @@ function Mo(e) {
     }
   ) });
 }
-function ko(e) {
+function zo(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -525,7 +525,7 @@ function ko(e) {
     }
   ) });
 }
-function zo(e) {
+function Ro(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -536,7 +536,7 @@ function zo(e) {
     }
   ) });
 }
-function Ro(e) {
+function Eo(e) {
   return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
     "path",
     {
@@ -547,19 +547,19 @@ function Ro(e) {
     }
   ) });
 }
-const Eo = "_root_tv9ho_12", Do = "_viewport_tv9ho_17", Io = "_track_tv9ho_21", Ho = "_slide_tv9ho_66", So = "_arrow_tv9ho_78", qo = "_prev_tv9ho_99", To = "_next_tv9ho_104", Ao = "_arrowButton_tv9ho_109", Oo = "_dots_tv9ho_115", Zo = "_dot_tv9ho_115", le = {
-  root: Eo,
+const Io = "_root_tv9ho_12", Do = "_viewport_tv9ho_17", Ho = "_track_tv9ho_21", So = "_slide_tv9ho_66", To = "_arrow_tv9ho_78", qo = "_prev_tv9ho_99", Ao = "_next_tv9ho_104", Oo = "_arrowButton_tv9ho_109", Bo = "_dots_tv9ho_115", Zo = "_dot_tv9ho_115", le = {
+  root: Io,
   viewport: Do,
-  track: Io,
-  slide: Ho,
-  arrow: So,
+  track: Ho,
+  slide: So,
+  arrow: To,
   prev: qo,
-  next: To,
-  arrowButton: Ao,
-  dots: Oo,
+  next: Ao,
+  arrowButton: Oo,
+  dots: Bo,
   dot: Zo
 };
-function Rl({
+function El({
   children: e,
   perView: t = 1,
   step: o = "item",
@@ -569,192 +569,192 @@ function Rl({
   "aria-label": s = "Carousel",
   ...c
 }) {
-  const h = pt.toArray(e), m = h.length, i = se(), g = F(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, [_, b] = Q($), [v, k] = Q(Math.max(1, w)), [I, H] = Q(0), [Y, U] = Q(!0), [D, T] = Q(m <= t), B = F([0]), X = F(0), x = F(0), M = F(() => {
-  }), S = pe(() => {
-    const C = g.current;
-    if (!C) return;
-    const N = C.scrollLeft, V = Math.max(0, C.scrollWidth - C.clientWidth);
-    if (Math.abs(V - X.current) > 1) {
-      M.current();
+  const h = _t.toArray(e), m = h.length, d = se(), C = P(null), $ = o === "page" ? Math.max(1, Math.floor(t)) : 1, y = m <= t ? 1 : o === "page" ? Math.ceil((m - t) / $) + 1 : Math.ceil(m - t) + 1, [u, b] = Q($), [g, N] = Q(Math.max(1, y)), [I, T] = Q(0), [X, G] = Q(!0), [D, q] = Q(m <= t), V = P([0]), K = P(0), x = P(0), k = P(() => {
+  }), w = pe(() => {
+    const v = C.current;
+    if (!v) return;
+    const M = v.scrollLeft, W = Math.max(0, v.scrollWidth - v.clientWidth);
+    if (Math.abs(W - K.current) > 1) {
+      k.current();
       return;
     }
-    const W = N <= 1, G = N >= x.current - 1;
-    let p = 0;
-    G ? p = B.current.length - 1 : W || B.current.forEach((y, d) => {
-      Math.abs(y - N) <= Math.abs(B.current[p] - N) && (p = d);
-    }), H(p), U(W), T(G);
-  }, []), j = pe(() => {
-    const C = g.current;
-    if (!C) return;
-    const N = Array.from(C.children);
-    if (!N.length) return;
-    const V = Math.max(0, C.scrollWidth - C.clientWidth), W = N[0], G = N.length > 1 ? N[1].offsetLeft - W.offsetLeft - W.offsetWidth : 0, p = (C.clientWidth + G) / (W.offsetWidth + G), y = o === "page" ? Math.max(1, Math.floor(p + 0.01)) : 1, d = N[N.length - 1], u = Math.round(
-      Math.max(0, Math.min(V, d.offsetLeft - W.offsetLeft + d.offsetWidth - C.clientWidth))
-    ), E = [];
-    N.forEach((O, Z) => {
-      if (Z % y !== 0) return;
-      const P = Math.round(Math.min(O.offsetLeft - W.offsetLeft, u));
-      E[E.length - 1] !== P && E.push(P);
-    }), u > 0 && E[E.length - 1] < u - 1 && E.push(u), B.current = E, X.current = Math.round(V), x.current = u, b(y), k(E.length), S();
-  }, [o, S]);
-  we(() => {
-    M.current = j, j();
-  }, [j, m]), te(() => {
-    const C = g.current;
-    if (!C) return;
-    const N = new ResizeObserver(() => j());
-    N.observe(C);
-    const V = C.firstElementChild;
-    V && N.observe(V);
-    let W = 0;
-    const G = () => {
-      cancelAnimationFrame(W), W = requestAnimationFrame(S);
+    const F = M <= 1, U = M >= x.current - 1;
+    let _ = 0;
+    U ? _ = V.current.length - 1 : F || V.current.forEach((L, f) => {
+      Math.abs(L - M) <= Math.abs(V.current[_] - M) && (_ = f);
+    }), T(_), G(F), q(U);
+  }, []), H = pe(() => {
+    const v = C.current;
+    if (!v) return;
+    const M = Array.from(v.children);
+    if (!M.length) return;
+    const W = Math.max(0, v.scrollWidth - v.clientWidth), F = M[0], U = M.length > 1 ? M[1].offsetLeft - F.offsetLeft - F.offsetWidth : 0, _ = (v.clientWidth + U) / (F.offsetWidth + U), L = o === "page" ? Math.max(1, Math.floor(_ + 0.01)) : 1, f = M[M.length - 1], p = Math.round(
+      Math.max(0, Math.min(W, f.offsetLeft - F.offsetLeft + f.offsetWidth - v.clientWidth))
+    ), S = [];
+    M.forEach((B, Z) => {
+      if (Z % L !== 0) return;
+      const j = Math.round(Math.min(B.offsetLeft - F.offsetLeft, p));
+      S[S.length - 1] !== j && S.push(j);
+    }), p > 0 && S[S.length - 1] < p - 1 && S.push(p), V.current = S, K.current = Math.round(W), x.current = p, b(L), N(S.length), w();
+  }, [o, w]);
+  ye(() => {
+    k.current = H, H();
+  }, [H, m]), te(() => {
+    const v = C.current;
+    if (!v) return;
+    const M = new ResizeObserver(() => H());
+    M.observe(v);
+    const W = v.firstElementChild;
+    W && M.observe(W);
+    let F = 0;
+    const U = () => {
+      cancelAnimationFrame(F), F = requestAnimationFrame(w);
     };
-    return C.addEventListener("scroll", G, { passive: !0 }), () => {
-      N.disconnect(), cancelAnimationFrame(W), C.removeEventListener("scroll", G);
+    return v.addEventListener("scroll", U, { passive: !0 }), () => {
+      M.disconnect(), cancelAnimationFrame(F), v.removeEventListener("scroll", U);
     };
-  }, [j, S, m]), te(() => {
-    const C = g.current;
-    if (!C) return;
-    const N = 4;
-    let V = null, W = 0, G = 0, p = !1, y = 0;
-    const d = () => {
-      clearTimeout(y), delete C.dataset.settling;
-    }, u = (q) => {
-      q.pointerType !== "mouse" || q.button !== 0 || C.scrollWidth <= C.clientWidth || (d(), V = q.pointerId, W = q.clientX, G = C.scrollLeft, p = !1);
-    }, E = (q) => {
-      if (q.pointerId !== V) return;
-      const ee = q.clientX - W;
-      if (!p) {
-        if (Math.abs(ee) < N) return;
-        p = !0, C.setPointerCapture(q.pointerId), C.dataset.dragging = "";
+  }, [H, w, m]), te(() => {
+    const v = C.current;
+    if (!v) return;
+    const M = 4;
+    let W = null, F = 0, U = 0, _ = !1, L = 0;
+    const f = () => {
+      clearTimeout(L), delete v.dataset.settling;
+    }, p = (O) => {
+      O.pointerType !== "mouse" || O.button !== 0 || v.scrollWidth <= v.clientWidth || (f(), W = O.pointerId, F = O.clientX, U = v.scrollLeft, _ = !1);
+    }, S = (O) => {
+      if (O.pointerId !== W) return;
+      const ee = O.clientX - F;
+      if (!_) {
+        if (Math.abs(ee) < M) return;
+        _ = !0, v.setPointerCapture(O.pointerId), v.dataset.dragging = "";
       }
-      C.scrollLeft = G - ee;
-    }, O = (q) => {
-      if (q.pointerId !== V || (V = null, !p)) return;
-      delete C.dataset.dragging;
-      const ee = C.scrollLeft, ne = B.current;
+      v.scrollLeft = U - ee;
+    }, B = (O) => {
+      if (O.pointerId !== W || (W = null, !_)) return;
+      delete v.dataset.dragging;
+      const ee = v.scrollLeft, ne = V.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 }), y = window.setTimeout(d, 700);
-    }, Z = (q) => {
-      p && (p = !1, q.preventDefault(), q.stopPropagation());
-    }, P = (q) => q.preventDefault();
-    return C.addEventListener("pointerdown", u), C.addEventListener("pointermove", E), C.addEventListener("pointerup", O), C.addEventListener("pointercancel", O), C.addEventListener("click", Z, !0), C.addEventListener("dragstart", P), () => {
-      d(), C.removeEventListener("pointerdown", u), C.removeEventListener("pointermove", E), C.removeEventListener("pointerup", O), C.removeEventListener("pointercancel", O), C.removeEventListener("click", Z, !0), C.removeEventListener("dragstart", P);
+      ee > U + 1 && ie <= U + 1 ? ie = ne.find((me) => me > U + 1) ?? ie : ee < U - 1 && ie >= U - 1 && (ie = [...ne].reverse().find((me) => me < U - 1) ?? ie), v.dataset.settling = "";
+      const Je = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      v.scrollTo({ left: ie, behavior: Je ? "auto" : "smooth" }), v.addEventListener("scrollend", f, { once: !0 }), L = window.setTimeout(f, 700);
+    }, Z = (O) => {
+      _ && (_ = !1, O.preventDefault(), O.stopPropagation());
+    }, j = (O) => O.preventDefault();
+    return v.addEventListener("pointerdown", p), v.addEventListener("pointermove", S), v.addEventListener("pointerup", B), v.addEventListener("pointercancel", B), v.addEventListener("click", Z, !0), v.addEventListener("dragstart", j), () => {
+      f(), v.removeEventListener("pointerdown", p), v.removeEventListener("pointermove", S), v.removeEventListener("pointerup", B), v.removeEventListener("pointercancel", B), v.removeEventListener("click", Z, !0), v.removeEventListener("dragstart", j);
     };
   }, []);
-  const f = (C) => {
-    var N;
-    return (N = g.current) == null ? void 0 : N.scrollTo({ left: C });
-  }, R = (C) => {
-    const N = g.current;
-    if (!N) return;
-    const V = N.scrollLeft, W = C > 0 ? B.current.find((G) => G > V + 1) : [...B.current].reverse().find((G) => G < V - 1);
-    W !== void 0 && f(W);
-  }, A = v > 1;
-  return /* @__PURE__ */ L(
+  const i = (v) => {
+    var M;
+    return (M = C.current) == null ? void 0 : M.scrollTo({ left: v });
+  }, z = (v) => {
+    const M = C.current;
+    if (!M) return;
+    const W = M.scrollLeft, F = v > 0 ? V.current.find((U) => U > W + 1) : [...V.current].reverse().find((U) => U < W - 1);
+    F !== void 0 && i(F);
+  }, A = g > 1;
+  return /* @__PURE__ */ R(
     "section",
     {
       ...c,
       "aria-roledescription": "carousel",
       "aria-label": s,
-      className: z(le.root, l),
+      className: E(le.root, l),
       "data-scrollable": A ? "" : void 0,
       children: [
-        /* @__PURE__ */ L("div", { className: le.viewport, children: [
+        /* @__PURE__ */ R("div", { className: le.viewport, children: [
           /* @__PURE__ */ n(
             "div",
             {
-              ref: g,
-              id: i,
+              ref: C,
+              id: d,
               className: le.track,
               tabIndex: 0,
               style: { "--_view-count-default": t },
-              children: h.map((C, N) => /* @__PURE__ */ n(
+              children: h.map((v, M) => /* @__PURE__ */ n(
                 "div",
                 {
                   className: le.slide,
                   role: "group",
                   "aria-roledescription": "slide",
-                  "aria-label": `${N + 1} of ${m}`,
-                  "data-snap": N % _ === 0 ? "" : void 0,
-                  children: C
+                  "aria-label": `${M + 1} of ${m}`,
+                  "data-snap": M % u === 0 ? "" : void 0,
+                  children: v
                 },
-                C.key ?? N
+                v.key ?? M
               ))
             }
           ),
-          /* @__PURE__ */ n("span", { className: z(le.arrow, le.prev), children: /* @__PURE__ */ n(
-            Ue,
+          /* @__PURE__ */ n("span", { className: E(le.arrow, le.prev), children: /* @__PURE__ */ n(
+            Ke,
             {
               iconOnly: !0,
               className: le.arrowButton,
               animated: a,
               "aria-label": "Previous",
-              "aria-controls": i,
-              disabled: Y,
-              onClick: () => R(-1),
-              children: /* @__PURE__ */ n(ht, { "aria-hidden": "true" })
+              "aria-controls": d,
+              disabled: X,
+              onClick: () => z(-1),
+              children: /* @__PURE__ */ n(mt, { "aria-hidden": "true" })
             }
           ) }),
-          /* @__PURE__ */ n("span", { className: z(le.arrow, le.next), children: /* @__PURE__ */ n(
-            Ue,
+          /* @__PURE__ */ n("span", { className: E(le.arrow, le.next), children: /* @__PURE__ */ n(
+            Ke,
             {
               iconOnly: !0,
               className: le.arrowButton,
               animated: a,
               "aria-label": "Next",
-              "aria-controls": i,
+              "aria-controls": d,
               disabled: D,
-              onClick: () => R(1),
-              children: /* @__PURE__ */ n(_t, { "aria-hidden": "true" })
+              onClick: () => z(1),
+              children: /* @__PURE__ */ n(ht, { "aria-hidden": "true" })
             }
           ) })
         ] }),
-        r && A && /* @__PURE__ */ n("div", { className: le.dots, children: Array.from({ length: v }, (C, N) => /* @__PURE__ */ n(
+        r && A && /* @__PURE__ */ n("div", { className: le.dots, children: Array.from({ length: g }, (v, M) => /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             className: le.dot,
-            "aria-label": o === "page" ? `Page ${N + 1} of ${v}` : `Position ${N + 1} of ${v}`,
-            "aria-controls": i,
-            "aria-current": N === I ? "true" : void 0,
-            onClick: () => f(B.current[N] ?? 0)
+            "aria-label": o === "page" ? `Page ${M + 1} of ${g}` : `Position ${M + 1} of ${g}`,
+            "aria-controls": d,
+            "aria-current": M === I ? "true" : void 0,
+            onClick: () => i(V.current[M] ?? 0)
           },
-          N
+          M
         )) })
       ]
     }
   );
 }
-const Bo = "_nav_mwel8_6", Vo = "_pages_mwel8_21", Wo = "_item_mwel8_30", Po = "_current_mwel8_48", Fo = "_page_mwel8_21", jo = "_gap_mwel8_82", Go = "_stepText_mwel8_92", Uo = "_step_mwel8_92", ce = {
-  nav: Bo,
-  pages: Vo,
-  item: Wo,
-  current: Po,
-  page: Fo,
-  gap: jo,
-  stepText: Go,
-  step: Uo
-}, Ko = "_spaceControl_1e9gg_17", Xo = "_spaceSlider_1e9gg_74", Yo = "_spacePanel_1e9gg_111", Qo = "_spaceInput_1e9gg_34", Jo = "_spaceTextArea_1e9gg_226", er = {
-  spaceControl: Ko,
-  spaceSlider: Xo,
-  spacePanel: Yo,
-  spaceInput: Qo,
-  spaceTextArea: Jo
-}, ue = er;
-function tr({ pageSize: e, totalItems: t }) {
+const Vo = "_nav_mwel8_6", Wo = "_pages_mwel8_21", Po = "_item_mwel8_30", Fo = "_current_mwel8_48", jo = "_page_mwel8_21", Go = "_gap_mwel8_82", Uo = "_stepText_mwel8_92", Ko = "_step_mwel8_92", ce = {
+  nav: Vo,
+  pages: Wo,
+  item: Po,
+  current: Fo,
+  page: jo,
+  gap: Go,
+  stepText: Uo,
+  step: Ko
+}, Xo = "_spaceControl_1e9gg_17", Yo = "_spaceSlider_1e9gg_74", Qo = "_spacePanel_1e9gg_111", Jo = "_spaceInput_1e9gg_34", er = "_spaceTextArea_1e9gg_226", tr = {
+  spaceControl: Xo,
+  spaceSlider: Yo,
+  spacePanel: Qo,
+  spaceInput: Jo,
+  spaceTextArea: er
+}, ue = tr;
+function nr({ pageSize: e, totalItems: t }) {
   return e <= 0 ? 1 : Math.max(1, Math.ceil(t / e));
 }
-function nr(e, t, o = 1) {
-  const r = (g, $) => Array.from({ length: Math.max(0, $ - g + 1) }, (w, _) => g + _), a = o * 2 + 5;
+function or(e, t, o = 1) {
+  const r = (C, $) => Array.from({ length: Math.max(0, $ - C + 1) }, (y, u) => C + u), 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];
+  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, d = o * 2 + 3;
+  return h ? m ? [1, null, ...r(s, c), null, t] : [1, null, ...r(t - d + 1, t)] : [...r(1, d), null, t];
 }
-function El({
+function Il({
   pagination: e,
   onPageClick: t,
   siblings: o = 1,
@@ -763,107 +763,107 @@ function El({
   "aria-label": l = "Pagination",
   ...s
 }) {
-  const c = tr(e);
+  const c = nr(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);
+  const h = Math.min(Math.max(e.page, 1), c), m = (d) => {
+    d !== h && d >= 1 && d <= c && t(d);
   };
-  return /* @__PURE__ */ L("nav", { ...s, "aria-label": l, className: z(ce.nav, a), children: [
-    /* @__PURE__ */ L(
+  return /* @__PURE__ */ R("nav", { ...s, "aria-label": l, className: E(ce.nav, a), children: [
+    /* @__PURE__ */ R(
       "button",
       {
         type: "button",
-        className: z(ue.spaceControl, ce.item, ce.step),
+        className: E(ue.spaceControl, ce.item, ce.step),
         disabled: h <= 1,
         "aria-label": "Previous page",
         onClick: () => m(h - 1),
         children: [
-          /* @__PURE__ */ n(ht, { "aria-hidden": "true" }),
+          /* @__PURE__ */ n(mt, { "aria-hidden": "true" }),
           /* @__PURE__ */ n("span", { className: ce.stepText, children: "Previous" })
         ]
       }
     ),
-    /* @__PURE__ */ n("ol", { className: ce.pages, children: nr(h, c, o).map(
-      (i, g) => i === null ? (
+    /* @__PURE__ */ n("ol", { className: ce.pages, children: or(h, c, o).map(
+      (d, C) => d === null ? (
         // Presentational: "ellipsis" read aloud between page numbers tells
         // nobody anything.
         // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ n("li", { className: ce.gap, "aria-hidden": "true", children: "…" }, `gap-${g}`)
+        /* @__PURE__ */ n("li", { className: ce.gap, "aria-hidden": "true", children: "…" }, `gap-${C}`)
       ) : /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          className: z(
+          className: E(
             ue.spaceControl,
             ce.item,
             ce.page,
-            i === h && ce.current
+            d === h && ce.current
           ),
-          "data-animated": i === h && !r ? "false" : void 0,
-          "aria-label": `Page ${i}`,
-          "aria-current": i === h ? "page" : void 0,
-          onClick: () => m(i),
-          children: i
+          "data-animated": d === h && !r ? "false" : void 0,
+          "aria-label": `Page ${d}`,
+          "aria-current": d === h ? "page" : void 0,
+          onClick: () => m(d),
+          children: d
         }
-      ) }, i)
+      ) }, d)
     ) }),
-    /* @__PURE__ */ L(
+    /* @__PURE__ */ R(
       "button",
       {
         type: "button",
-        className: z(ue.spaceControl, ce.item, ce.step),
+        className: E(ue.spaceControl, ce.item, ce.step),
         disabled: h >= c,
         "aria-label": "Next page",
         onClick: () => m(h + 1),
         children: [
           /* @__PURE__ */ n("span", { className: ce.stepText, children: "Next" }),
-          /* @__PURE__ */ n(_t, { "aria-hidden": "true" })
+          /* @__PURE__ */ n(ht, { "aria-hidden": "true" })
         ]
       }
     )
   ] });
 }
-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", Ne = {
-  wrap: or,
-  sm: rr,
-  md: sr,
-  lg: ar,
-  orbit: lr,
-  planet: cr,
+const rr = "_wrap_dwcut_5", sr = "_sm_dwcut_30", ar = "_md_dwcut_36", lr = "_lg_dwcut_42", cr = "_orbit_dwcut_49", ir = "_planet_dwcut_58", dr = "_moon_dwcut_73", ur = "_label_dwcut_92", Me = {
+  wrap: rr,
+  sm: sr,
+  md: ar,
+  lg: lr,
+  orbit: cr,
+  planet: ir,
   "sp-loader-planet-pulse": "_sp-loader-planet-pulse_dwcut_1",
-  moon: ir,
+  moon: dr,
   "sp-loader-orbit": "_sp-loader-orbit_dwcut_1",
-  label: dr,
+  label: ur,
   "sp-loader-reduced-pulse": "_sp-loader-reduced-pulse_dwcut_1"
 };
 function Dl({ size: e = "md", label: t, className: o }) {
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ R(
     "div",
     {
-      className: z(Ne.wrap, Ne[e], o),
+      className: E(Me.wrap, Me[e], o),
       role: "status",
       "aria-live": "polite",
       "aria-label": t ?? "Loading",
       children: [
-        /* @__PURE__ */ L("span", { className: Ne.orbit, children: [
-          /* @__PURE__ */ n("span", { className: Ne.planet }),
-          /* @__PURE__ */ n("span", { className: Ne.moon })
+        /* @__PURE__ */ R("span", { className: Me.orbit, children: [
+          /* @__PURE__ */ n("span", { className: Me.planet }),
+          /* @__PURE__ */ n("span", { className: Me.moon })
         ] }),
-        t && /* @__PURE__ */ n("span", { className: Ne.label, children: t })
+        t && /* @__PURE__ */ n("span", { className: Me.label, children: t })
       ]
     }
   );
 }
-const ur = "_content_3g9vd_6", fr = {
-  content: ur
+const fr = "_content_3g9vd_6", pr = {
+  content: fr
 };
-function Ye(e, t) {
+function Qe(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 pr = 350, _r = 80, Fe = 8, qe = 8;
-function hr({ triggerRef: e, tooltipId: t, show: o, hide: r, children: a }) {
+const _r = 350, hr = 80, je = 8, qe = 8;
+function mr({ triggerRef: e, tooltipId: t, show: o, hide: r, children: a }) {
   const l = a.props;
-  return Xe(a, {
+  return Ye(a, {
     ref: e,
     // Always present, so the id it points at never dangles: the content
     // element stays mounted and only toggles its popover state.
@@ -893,52 +893,52 @@ function hr({ triggerRef: e, tooltipId: t, show: o, hide: r, children: a }) {
     }
   });
 }
-function mr({ label: e, side: t = "bottom", children: o }) {
-  const r = se(), [a, l] = Q(!1), [s, c] = Q(null), h = F(null), m = F(null), i = F(null), g = F(null), $ = () => {
-    i.current && (clearTimeout(i.current), i.current = null), g.current && (clearTimeout(g.current), g.current = null);
-  }, w = (b = !1) => {
+function gr({ label: e, side: t = "bottom", children: o }) {
+  const r = se(), [a, l] = Q(!1), [s, c] = Q(null), h = P(null), m = P(null), d = P(null), C = P(null), $ = () => {
+    d.current && (clearTimeout(d.current), d.current = null), C.current && (clearTimeout(C.current), C.current = null);
+  }, y = (b = !1) => {
     if ($(), b) {
       l(!0);
       return;
     }
-    i.current = setTimeout(() => l(!0), pr);
-  }, _ = () => {
-    $(), g.current = setTimeout(() => l(!1), _r);
+    d.current = setTimeout(() => l(!0), _r);
+  }, u = () => {
+    $(), C.current = setTimeout(() => l(!1), hr);
   };
-  return te(() => $, []), we(() => {
+  return te(() => $, []), ye(() => {
     const b = m.current;
     if (!b) return;
     if (!a) {
       b.matches(":popover-open") && b.hidePopover();
       return;
     }
-    const v = h.current;
-    if (!v) return;
-    const k = () => {
-      const I = v.getBoundingClientRect(), H = b.offsetWidth, Y = b.offsetHeight, U = (S, j, f, R) => Math.min(
-        Math.max(S + j / 2 - f / 2, qe),
-        Math.max(R - f - qe, qe)
-      ), D = (S, j, f, R) => ({
-        fitsNear: S >= qe,
-        fitsFar: j + f <= R - qe
+    const g = h.current;
+    if (!g) return;
+    const N = () => {
+      const I = g.getBoundingClientRect(), T = b.offsetWidth, X = b.offsetHeight, G = (w, H, i, z) => Math.min(
+        Math.max(w + H / 2 - i / 2, qe),
+        Math.max(z - i - qe, qe)
+      ), D = (w, H, i, z) => ({
+        fitsNear: w >= qe,
+        fitsFar: H + i <= z - qe
       });
       if (t === "left" || t === "right") {
-        const S = I.right + Fe, j = I.left - H - Fe, { fitsNear: f, fitsFar: R } = D(j, S, H, window.innerWidth), A = t === "right" ? R || !f ? S : j : f || !R ? j : S;
-        b.dataset.side = A === S ? "right" : "left", c({ top: U(I.top, I.height, Y, window.innerHeight), left: A });
+        const w = I.right + je, H = I.left - T - je, { fitsNear: i, fitsFar: z } = D(H, w, T, window.innerWidth), A = t === "right" ? z || !i ? w : H : i || !z ? H : w;
+        b.dataset.side = A === w ? "right" : "left", c({ top: G(I.top, I.height, X, window.innerHeight), left: A });
         return;
       }
-      const T = I.bottom + Fe, B = I.top - Y - Fe, { fitsNear: X, fitsFar: x } = D(B, T, Y, window.innerHeight), M = t === "bottom" ? x || !X ? T : B : X || !x ? B : T;
-      b.dataset.side = M === T ? "bottom" : "top", c({ top: M, left: U(I.left, I.width, H, window.innerWidth) });
+      const q = I.bottom + je, V = I.top - X - je, { fitsNear: K, fitsFar: x } = D(V, q, X, window.innerHeight), k = t === "bottom" ? x || !K ? q : V : K || !x ? V : q;
+      b.dataset.side = k === q ? "bottom" : "top", c({ top: k, left: G(I.left, I.width, T, window.innerWidth) });
     };
-    b.matches(":popover-open") ? k() : Ye(b, k);
-  }, [a, t, e]), !e || !ze(o) ? /* @__PURE__ */ n(he, { children: o }) : /* @__PURE__ */ L(he, { children: [
+    b.matches(":popover-open") ? N() : Qe(b, N);
+  }, [a, t, e]), !e || !Re(o) ? /* @__PURE__ */ n(he, { children: o }) : /* @__PURE__ */ R(he, { children: [
     /* @__PURE__ */ n(
-      hr,
+      mr,
       {
         triggerRef: h,
         tooltipId: r,
-        show: w,
-        hide: _,
+        show: y,
+        hide: u,
         children: o
       }
     ),
@@ -949,7 +949,7 @@ function mr({ label: e, side: t = "bottom", children: o }) {
         id: r,
         popover: "auto",
         role: "tooltip",
-        className: fr.content,
+        className: pr.content,
         style: s ? { top: s.top, left: s.left } : void 0,
         onToggle: (b) => {
           b.nativeEvent.newState === "closed" && a && l(!1);
@@ -959,13 +959,13 @@ function mr({ label: e, side: t = "bottom", children: o }) {
     )
   ] });
 }
-const gr = "_group_14c05_4", Cr = "_segment_14c05_15", vr = "_active_14c05_35", br = "_vertical_14c05_46", je = {
-  group: gr,
-  segment: Cr,
-  active: vr,
-  vertical: br
+const Cr = "_group_14c05_4", vr = "_segment_14c05_15", br = "_active_14c05_35", wr = "_vertical_14c05_46", Ge = {
+  group: Cr,
+  segment: vr,
+  active: br,
+  vertical: wr
 };
-function Il({
+function Hl({
   options: e,
   value: t,
   onValueChange: o,
@@ -976,18 +976,18 @@ function Il({
   return /* @__PURE__ */ n(
     "div",
     {
-      className: `${je.group} ${l ? je.vertical : ""} ${a}`,
+      className: `${Ge.group} ${l ? Ge.vertical : ""} ${a}`,
       role: "group",
       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(mr, { label: s.label, side: l ? "right" : "bottom", children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n(gr, { label: s.label, side: l ? "right" : "bottom", children: /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            className: `${je.segment} ${s.value === t ? je.active : ""}`,
+            className: `${Ge.segment} ${s.value === t ? Ge.active : ""}`,
             "aria-label": s.label,
             "aria-pressed": s.value === t,
             onClick: () => {
@@ -1000,31 +1000,31 @@ function Il({
     }
   );
 }
-const $r = "_root_10w57_2", wr = "_trigger_10w57_7", yr = "_labelWrap_10w57_30", xr = "_sizer_10w57_8", Nr = "_triggerLabel_10w57_70", Lr = "_chevron_10w57_77", Mr = "_listbox_10w57_82", kr = "_item_10w57_178", Ce = {
+const $r = "_root_10w57_2", yr = "_trigger_10w57_7", xr = "_labelWrap_10w57_30", Nr = "_sizer_10w57_8", Mr = "_triggerLabel_10w57_70", Lr = "_chevron_10w57_77", kr = "_listbox_10w57_82", zr = "_item_10w57_178", Ce = {
   root: $r,
-  trigger: wr,
-  labelWrap: yr,
-  sizer: xr,
-  triggerLabel: Nr,
+  trigger: yr,
+  labelWrap: xr,
+  sizer: Nr,
+  triggerLabel: Mr,
   chevron: Lr,
-  listbox: Mr,
-  item: kr
-}, mt = Re(null), zr = () => {
-  const e = Ee(mt);
+  listbox: kr,
+  item: zr
+}, gt = Ee(null), Rr = () => {
+  const e = Ie(gt);
   if (!e) throw new Error("Select.Item must be inside a Select");
   return e;
-}, gt = (e, t) => `${e}-${encodeURIComponent(t)}`, Te = 4, Le = 8;
-function Rr(e) {
+}, Ct = (e, t) => `${e}-${encodeURIComponent(t)}`, Ae = 4, Le = 8;
+function Er(e) {
   const t = [], o = (r) => {
-    pt.forEach(r, (a) => {
-      if (!ze(a)) return;
+    _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);
+      a.type === vt && 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 Er({
+function Ir({
   value: e,
   onValueChange: t,
   disabled: o,
@@ -1034,60 +1034,60 @@ function Er({
   children: s,
   ...c
 }) {
-  const [h, m] = Q(!1), [i, g] = Q(null), $ = se(), w = F(null), _ = F(null), b = F(null), [v, k] = Q(null), [I, H] = Q(null), [Y, U] = Q(null), D = _e(() => Rr(s), [s]), T = _e(() => D.filter((f) => !f.disabled).map((f) => f.value), [D]), B = _e(() => D.map((f) => f.label), [D]), X = pe(
-    (f) => {
-      var R;
-      return ((R = D.find((A) => A.value === f)) == null ? void 0 : R.label) ?? null;
+  const [h, m] = Q(!1), [d, C] = Q(null), $ = se(), y = P(null), u = P(null), b = P(null), [g, N] = Q(null), [I, T] = Q(null), [X, G] = Q(null), D = _e(() => Er(s), [s]), q = _e(() => D.filter((i) => !i.disabled).map((i) => i.value), [D]), V = _e(() => D.map((i) => i.label), [D]), K = pe(
+    (i) => {
+      var z;
+      return ((z = D.find((A) => A.value === i)) == null ? void 0 : z.label) ?? null;
     },
     [D]
   );
   te(() => {
     if (!h) return;
-    const f = (R) => {
-      _.current && !_.current.contains(R.target) && m(!1);
+    const i = (z) => {
+      u.current && !u.current.contains(z.target) && m(!1);
     };
-    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+    return document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
   }, [h]);
   const x = pe(() => {
-    const f = w.current, R = b.current;
-    if (!f || !R) return;
-    const A = f.getBoundingClientRect();
-    k(f.offsetWidth);
-    const C = window.innerHeight - A.bottom - Le, N = A.top - Le, V = C < Math.min(R.offsetHeight + Te, 200) && N > C, W = Math.max(120, Math.min(380, V ? N - Te : C - Te));
-    H(W), R.dataset.side = V ? "top" : "bottom";
-    const G = Math.min(R.offsetHeight, W), p = V ? Math.max(Le, A.top - Te - G) : A.bottom + Te, y = Math.min(
+    const i = y.current, z = b.current;
+    if (!i || !z) return;
+    const A = i.getBoundingClientRect();
+    N(i.offsetWidth);
+    const v = window.innerHeight - A.bottom - Le, M = A.top - Le, W = v < Math.min(z.offsetHeight + Ae, 200) && M > v, F = Math.max(120, Math.min(380, W ? M - Ae : v - Ae));
+    T(F), z.dataset.side = W ? "top" : "bottom";
+    const U = Math.min(z.offsetHeight, F), _ = W ? Math.max(Le, A.top - Ae - U) : A.bottom + Ae, L = Math.min(
       Math.max(A.left, Le),
-      Math.max(window.innerWidth - R.offsetWidth - Le, Le)
+      Math.max(window.innerWidth - z.offsetWidth - Le, Le)
     );
-    U((d) => d && d.top === p && d.left === y ? d : { top: p, left: y });
+    G((f) => f && f.top === _ && f.left === L ? f : { top: _, left: L });
   }, []);
-  we(() => {
-    const f = b.current;
-    f && (h ? (Ye(f, x), x()) : f.matches(":popover-open") && f.hidePopover());
+  ye(() => {
+    const i = b.current;
+    i && (h ? (Qe(i, x), x()) : i.matches(":popover-open") && i.hidePopover());
   }, [h, x]), te(() => {
     if (!h) return;
-    let f = 0, R = "";
+    let i = 0, z = "";
     const A = () => {
-      const C = w.current;
-      if (C) {
-        const N = C.getBoundingClientRect(), V = `${N.top}|${N.left}|${N.width}|${window.innerWidth}|${window.innerHeight}`;
-        V !== R && (R = V, x());
+      const v = y.current;
+      if (v) {
+        const M = v.getBoundingClientRect(), W = `${M.top}|${M.left}|${M.width}|${window.innerWidth}|${window.innerHeight}`;
+        W !== z && (z = W, x());
       }
-      f = requestAnimationFrame(A);
+      i = requestAnimationFrame(A);
     };
-    return f = requestAnimationFrame(A), () => cancelAnimationFrame(f);
+    return i = requestAnimationFrame(A), () => cancelAnimationFrame(i);
   }, [h, x]), te(() => {
-    var f;
-    h && ((f = b.current) == null || f.focus());
+    var i;
+    h && ((i = b.current) == null || i.focus());
   }, [h]);
-  const M = (f) => {
-    g(f ?? T[0] ?? null), m(!0);
-  }, S = (f) => {
-    const R = i ? T.indexOf(i) : -1, A = Math.min(Math.max(R + f, 0), T.length - 1);
-    g(T[A] ?? null);
-  }, j = e ? X(e) : null;
+  const k = (i) => {
+    C(i ?? q[0] ?? null), m(!0);
+  }, w = (i) => {
+    const z = d ? q.indexOf(d) : -1, A = Math.min(Math.max(z + i, 0), q.length - 1);
+    C(q[A] ?? null);
+  }, H = e ? K(e) : null;
   return /* @__PURE__ */ n(
-    mt.Provider,
+    gt.Provider,
     {
       value: {
         value: e,
@@ -1095,41 +1095,41 @@ function Er({
         disabled: o,
         open: h,
         setOpen: m,
-        highlighted: i,
-        setHighlighted: g,
+        highlighted: d,
+        setHighlighted: C,
         listboxId: $,
-        values: T,
-        labelFor: X,
-        triggerRef: w
+        values: q,
+        labelFor: K,
+        triggerRef: y
       },
-      children: /* @__PURE__ */ L("div", { ref: _, className: Ce.root, children: [
-        /* @__PURE__ */ L(
+      children: /* @__PURE__ */ R("div", { ref: u, className: Ce.root, children: [
+        /* @__PURE__ */ R(
           "button",
           {
             type: "button",
             ...c,
-            ref: w,
+            ref: y,
             disabled: o,
-            className: z(Ce.trigger, ue.spaceControl, "spSelectTrigger", l),
+            className: E(Ce.trigger, ue.spaceControl, "spSelectTrigger", l),
             "data-animated": a ? void 0 : "false",
             "data-state": h ? "open" : "closed",
             "aria-haspopup": "listbox",
             "aria-expanded": h,
             "aria-controls": $,
-            onClick: () => h ? m(!1) : M(e || null),
-            onKeyDown: (f) => {
-              (f.key === "ArrowDown" || f.key === "Enter" || f.key === " ") && (f.preventDefault(), M(e || null));
+            onClick: () => h ? m(!1) : k(e || null),
+            onKeyDown: (i) => {
+              (i.key === "ArrowDown" || i.key === "Enter" || i.key === " ") && (i.preventDefault(), k(e || null));
             },
             children: [
-              /* @__PURE__ */ L("span", { className: Ce.labelWrap, children: [
-                /* @__PURE__ */ L("span", { className: Ce.sizer, "data-sizer": "", "aria-hidden": "true", children: [
-                  B.map((f, R) => (
+              /* @__PURE__ */ R("span", { className: Ce.labelWrap, children: [
+                /* @__PURE__ */ R("span", { className: Ce.sizer, "data-sizer": "", "aria-hidden": "true", children: [
+                  V.map((i, z) => (
                     // eslint-disable-next-line react/no-array-index-key
-                    /* @__PURE__ */ n("span", { children: f }, R)
+                    /* @__PURE__ */ n("span", { children: i }, z)
                   )),
                   r && /* @__PURE__ */ n("span", { children: r })
                 ] }),
-                /* @__PURE__ */ n("span", { className: Ce.triggerLabel, children: j ?? r ?? "" })
+                /* @__PURE__ */ n("span", { className: Ce.triggerLabel, children: H ?? r ?? "" })
               ] }),
               /* @__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" }) })
             ]
@@ -1144,17 +1144,17 @@ function Er({
             tabIndex: -1,
             popover: "manual",
             "data-side": "bottom",
-            "aria-activedescendant": i ? gt($, i) : void 0,
-            className: z(Ce.listbox, ue.spacePanel),
+            "aria-activedescendant": d ? Ct($, d) : void 0,
+            className: E(Ce.listbox, ue.spacePanel),
             "data-animated": a ? void 0 : "false",
             style: {
-              ...v != null ? { "--_select-trigger-width": `${v}px` } : {},
+              ...g != null ? { "--_select-trigger-width": `${g}px` } : {},
               ...I != null ? { maxHeight: `${I}px` } : {},
-              ...Y ? { top: Y.top, left: Y.left } : {}
+              ...X ? { top: X.top, left: X.left } : {}
             },
-            onKeyDown: (f) => {
-              var R, A;
-              f.key === "Escape" ? (f.stopPropagation(), m(!1), (R = w.current) == null || R.focus()) : f.key === "ArrowDown" ? (f.preventDefault(), S(1)) : f.key === "ArrowUp" ? (f.preventDefault(), S(-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);
+            onKeyDown: (i) => {
+              var z, A;
+              i.key === "Escape" ? (i.stopPropagation(), m(!1), (z = y.current) == null || z.focus()) : i.key === "ArrowDown" ? (i.preventDefault(), w(1)) : i.key === "ArrowUp" ? (i.preventDefault(), w(-1)) : i.key === "Home" ? (i.preventDefault(), C(q[0] ?? null)) : i.key === "End" ? (i.preventDefault(), C(q[q.length - 1] ?? null)) : i.key === "Enter" || i.key === " " ? (i.preventDefault(), d && (t(d), m(!1), (A = y.current) == null || A.focus())) : i.key === "Tab" && m(!1);
             },
             children: s
           }
@@ -1163,17 +1163,17 @@ function Er({
     }
   );
 }
-function Ct({ value: e, disabled: t, children: o }) {
-  const r = zr(), a = r.value === e, l = r.highlighted === e;
+function vt({ value: e, disabled: t, children: o }) {
+  const r = Rr(), a = r.value === e, l = r.highlighted === e;
   return /* @__PURE__ */ n(
     "div",
     {
-      id: gt(r.listboxId, e),
+      id: Ct(r.listboxId, e),
       role: "option",
       "aria-selected": a,
       "aria-disabled": t || void 0,
       "data-highlighted": l ? "" : void 0,
-      className: z(Ce.item, "spSelectItem"),
+      className: E(Ce.item, "spSelectItem"),
       onMouseEnter: () => !t && r.setHighlighted(e),
       onClick: () => {
         var s;
@@ -1183,20 +1183,20 @@ function Ct({ value: e, disabled: t, children: o }) {
     }
   );
 }
-const Hl = Object.assign(Er, { Item: Ct }), Dr = "_root_1hali_1", Ir = "_input_1hali_7", Hr = "_slot_1hali_17", tt = {
+const Sl = Object.assign(Ir, { Item: vt }), Dr = "_root_1hali_1", Hr = "_input_1hali_7", Sr = "_slot_1hali_17", nt = {
   root: Dr,
-  input: Ir,
-  slot: Hr
-}, Sr = ae(function({ className: t, style: o, animated: r = !0, children: a, ...l }, s) {
-  return /* @__PURE__ */ L(
+  input: Hr,
+  slot: Sr
+}, Tr = ae(function({ className: t, style: o, animated: r = !0, children: a, ...l }, s) {
+  return /* @__PURE__ */ R(
     "div",
     {
-      className: z(tt.root, ue.spaceInput, "spTextFieldRoot", t),
+      className: E(nt.root, ue.spaceInput, "spTextFieldRoot", t),
       "data-animated": r ? void 0 : "false",
       style: o,
       children: [
         a,
-        /* @__PURE__ */ n("input", { ...l, ref: s, className: z(tt.input, "spTextFieldInput") })
+        /* @__PURE__ */ n("input", { ...l, ref: s, className: E(nt.input, "spTextFieldInput") })
       ]
     }
   );
@@ -1204,33 +1204,33 @@ const Hl = Object.assign(Er, { Item: Ct }), Dr = "_root_1hali_1", Ir = "_input_1
 function qr({
   children: e
 }) {
-  return /* @__PURE__ */ n("span", { className: tt.slot, children: e });
+  return /* @__PURE__ */ n("span", { className: nt.slot, children: e });
 }
-const ct = Object.assign(Sr, { Slot: qr }), Tr = "_root_1qu6w_1", Ar = "_textarea_1qu6w_6", it = {
-  root: Tr,
-  textarea: Ar
-}, Sl = ae(function({ className: t, style: o, animated: r = !0, ...a }, l) {
+const it = Object.assign(Tr, { Slot: qr }), Ar = "_root_1qu6w_1", Or = "_textarea_1qu6w_6", dt = {
+  root: Ar,
+  textarea: Or
+}, Tl = ae(function({ className: t, style: o, animated: r = !0, ...a }, l) {
   return /* @__PURE__ */ n(
     "div",
     {
-      className: z(it.root, ue.spaceInput, ue.spaceTextArea, "spTextFieldRoot", t),
+      className: E(dt.root, ue.spaceInput, ue.spaceTextArea, "spTextFieldRoot", t),
       "data-animated": r ? void 0 : "false",
       style: o,
-      children: /* @__PURE__ */ n("textarea", { ...a, ref: l, className: z(it.textarea, "spTextAreaInput") })
+      children: /* @__PURE__ */ n("textarea", { ...a, ref: l, className: E(dt.textarea, "spTextAreaInput") })
     }
   );
-}), Or = "_wrap_sccqq_12", Zr = "_field_sccqq_16", Br = "_panel_sccqq_25", Vr = "_status_sccqq_91", Wr = "_list_sccqq_101", Pr = "_option_sccqq_114", Fr = "_active_sccqq_126", jr = "_label_sccqq_136", Gr = "_meta_sccqq_143", Ur = "_footer_sccqq_149", de = {
-  wrap: Or,
+}), Br = "_wrap_sccqq_12", Zr = "_field_sccqq_16", Vr = "_panel_sccqq_25", Wr = "_status_sccqq_91", Pr = "_list_sccqq_101", Fr = "_option_sccqq_114", jr = "_active_sccqq_126", Gr = "_label_sccqq_136", Ur = "_meta_sccqq_143", Kr = "_footer_sccqq_149", de = {
+  wrap: Br,
   field: Zr,
-  panel: Br,
-  status: Vr,
-  list: Wr,
-  option: Pr,
-  active: Fr,
-  label: jr,
-  meta: Gr,
-  footer: Ur
-}, dt = 8, et = 8;
+  panel: Vr,
+  status: Wr,
+  list: Pr,
+  option: Fr,
+  active: jr,
+  label: Gr,
+  meta: Ur,
+  footer: Kr
+}, ut = 8, tt = 8;
 function ql({
   value: e,
   onValueChange: t,
@@ -1242,233 +1242,291 @@ function ql({
   loading: c = !1,
   loadingMessage: h = "Loading…",
   emptyMessage: m,
-  footer: i,
-  animated: g = !0,
+  footer: d,
+  animated: C = !0,
   className: $,
-  style: w,
-  ..._
+  style: y,
+  ...u
 }) {
-  const [b, v] = Q(!1), [k, I] = Q(0), H = F(null), Y = F(null), U = F(null), D = se(), [T, B] = Q(null), X = (p) => typeof p.label == "string" ? p.label : p.search ?? p.value, x = e.trim() !== "", M = _e(() => {
+  const [b, g] = Q(!1), [N, I] = Q(0), T = P(null), X = P(null), G = P(null), D = se(), [q, V] = Q(null), K = (_) => typeof _.label == "string" ? _.label : _.search ?? _.value, x = e.trim() !== "", k = _e(() => {
     if (!x) return [];
     if (s) return o;
-    const p = l ? e : e.toLowerCase();
-    return o.filter((y) => (l ? X(y) : X(y).toLowerCase()).includes(p));
-  }, [o, e, l, s, x]), S = _e(() => M.filter((p) => !p.disabled), [M]), j = x && (M.length > 0 || c || m != null), f = b && j;
-  te(() => I(0), [M]), te(() => {
-    var y;
-    if (!f) return;
-    const p = (y = U.current) == null ? void 0 : y.querySelector(`[data-index="${k}"]`);
-    p == null || p.scrollIntoView({ block: "nearest" });
-  }, [k, f]);
-  const R = pe(() => {
-    const p = H.current, y = Y.current;
-    if (!p || !y) return;
-    const u = (p.firstElementChild ?? p).getBoundingClientRect(), E = y.offsetHeight, O = window.innerHeight - u.bottom - et, Z = O < E && u.top - et > O;
-    y.dataset.side = Z ? "top" : "bottom";
-    const P = Z ? Math.max(et, u.top - dt - E) : u.bottom + dt;
-    B(
-      (q) => q && q.top === P && q.left === u.left && q.width === u.width ? q : { top: P, left: u.left, width: u.width }
+    const _ = l ? e : e.toLowerCase();
+    return o.filter((L) => (l ? K(L) : K(L).toLowerCase()).includes(_));
+  }, [o, e, l, s, x]), w = _e(() => k.filter((_) => !_.disabled), [k]), H = x && (k.length > 0 || c || m != null), i = b && H;
+  te(() => I(0), [k]), te(() => {
+    var L;
+    if (!i) return;
+    const _ = (L = G.current) == null ? void 0 : L.querySelector(`[data-index="${N}"]`);
+    _ == null || _.scrollIntoView({ block: "nearest" });
+  }, [N, i]);
+  const z = pe(() => {
+    const _ = T.current, L = X.current;
+    if (!_ || !L) return;
+    const p = (_.firstElementChild ?? _).getBoundingClientRect(), S = L.offsetHeight, B = window.innerHeight - p.bottom - tt, Z = B < S && p.top - tt > B;
+    L.dataset.side = Z ? "top" : "bottom";
+    const j = Z ? Math.max(tt, p.top - ut - S) : p.bottom + ut;
+    V(
+      (O) => O && O.top === j && O.left === p.left && O.width === p.width ? O : { top: j, left: p.left, width: p.width }
     );
   }, []);
-  we(() => {
-    const p = Y.current;
-    p && (f ? (Ye(p, R), R()) : p.matches(":popover-open") && p.hidePopover());
-  }, [f, R]), te(() => {
-    if (!f) return;
-    let p = 0, y = "";
-    const d = () => {
-      const u = H.current, E = Y.current;
-      if (u && E) {
-        const O = (u.firstElementChild ?? u).getBoundingClientRect(), Z = `${O.top}|${O.left}|${O.width}|${E.offsetHeight}|${window.innerHeight}`;
-        Z !== y && (y = Z, R());
+  ye(() => {
+    const _ = X.current;
+    _ && (i ? (Qe(_, z), z()) : _.matches(":popover-open") && _.hidePopover());
+  }, [i, z]), te(() => {
+    if (!i) return;
+    let _ = 0, L = "";
+    const f = () => {
+      const p = T.current, S = X.current;
+      if (p && S) {
+        const B = (p.firstElementChild ?? p).getBoundingClientRect(), Z = `${B.top}|${B.left}|${B.width}|${S.offsetHeight}|${window.innerHeight}`;
+        Z !== L && (L = Z, z());
       }
-      p = requestAnimationFrame(d);
+      _ = requestAnimationFrame(f);
     };
-    return p = requestAnimationFrame(d), () => cancelAnimationFrame(p);
-  }, [f, R]);
-  const A = pe(() => v(!1), []);
+    return _ = requestAnimationFrame(f), () => cancelAnimationFrame(_);
+  }, [i, z]);
+  const A = pe(() => g(!1), []);
   te(() => {
-    if (!f) return;
-    const p = (y) => {
-      const d = H.current;
-      d && y.target instanceof Node && !d.contains(y.target) && A();
+    if (!i) return;
+    const _ = (L) => {
+      const f = T.current;
+      f && L.target instanceof Node && !f.contains(L.target) && A();
     };
-    return document.addEventListener("pointerdown", p), () => document.removeEventListener("pointerdown", p);
-  }, [f, A]);
-  const C = F(!1), N = (p) => {
-    p.disabled || (t(X(p)), r(p.value, p), C.current = !1, v(!1));
-  }, V = (p) => {
-    if (S.length === 0) return;
-    const y = M[k], u = ((y && !y.disabled ? S.indexOf(y) : -1) + p + S.length) % S.length, E = S[u];
-    E && I(M.indexOf(E));
-  }, W = (p) => {
-    if (p.key === "Escape") {
-      f && p.stopPropagation(), v(!1);
+    return document.addEventListener("pointerdown", _), () => document.removeEventListener("pointerdown", _);
+  }, [i, A]);
+  const v = P(!1), M = (_) => {
+    _.disabled || (t(K(_)), r(_.value, _), v.current = !1, g(!1));
+  }, W = (_) => {
+    if (w.length === 0) return;
+    const L = k[N], p = ((L && !L.disabled ? w.indexOf(L) : -1) + _ + w.length) % w.length, S = w[p];
+    S && I(k.indexOf(S));
+  }, F = (_) => {
+    if (_.key === "Escape") {
+      i && _.stopPropagation(), g(!1);
       return;
     }
-    if (p.key === "Tab") {
-      v(!1);
+    if (_.key === "Tab") {
+      g(!1);
       return;
     }
-    if (!f) {
-      p.key === "ArrowDown" && v(!0);
+    if (!i) {
+      _.key === "ArrowDown" && g(!0);
       return;
     }
-    if (p.key === "ArrowDown")
-      p.preventDefault(), C.current = !0, V(1);
-    else if (p.key === "ArrowUp")
-      p.preventDefault(), C.current = !0, V(-1);
-    else if (p.key === "Home") {
-      p.preventDefault(), C.current = !0;
-      const y = S[0];
-      y && I(M.indexOf(y));
-    } else if (p.key === "End") {
-      p.preventDefault(), C.current = !0;
-      const y = S[S.length - 1];
-      y && I(M.indexOf(y));
-    } else if (p.key === "Enter" || p.key === " " && C.current) {
-      const y = M[k];
-      y && !y.disabled && (p.preventDefault(), N(y));
+    if (_.key === "ArrowDown")
+      _.preventDefault(), v.current = !0, W(1);
+    else if (_.key === "ArrowUp")
+      _.preventDefault(), v.current = !0, W(-1);
+    else if (_.key === "Home") {
+      _.preventDefault(), v.current = !0;
+      const L = w[0];
+      L && I(k.indexOf(L));
+    } else if (_.key === "End") {
+      _.preventDefault(), v.current = !0;
+      const L = w[w.length - 1];
+      L && I(k.indexOf(L));
+    } else if (_.key === "Enter" || _.key === " " && v.current) {
+      const L = k[N];
+      L && !L.disabled && (_.preventDefault(), M(L));
     }
-  }, G = f ? M[k] : void 0;
-  return /* @__PURE__ */ L("div", { ref: H, className: z(de.wrap, $), style: w, children: [
+  }, U = i ? k[N] : void 0;
+  return /* @__PURE__ */ R("div", { ref: T, className: E(de.wrap, $), style: y, children: [
     /* @__PURE__ */ n(
-      ct,
+      it,
       {
-        ..._,
-        type: _.type ?? "text",
+        ...u,
+        type: u.type ?? "text",
         role: "combobox",
-        animated: g,
+        animated: C,
         className: de.field,
         autoComplete: "off",
-        "aria-expanded": f,
+        "aria-expanded": i,
         "aria-controls": D,
         "aria-autocomplete": "list",
-        "aria-activedescendant": G && !G.disabled ? `${D}-${k}` : void 0,
+        "aria-activedescendant": U && !U.disabled ? `${D}-${N}` : void 0,
         value: e,
-        onFocus: (p) => {
-          var y;
-          (y = _.onFocus) == null || y.call(_, p), v(!0);
+        onFocus: (_) => {
+          var L;
+          (L = u.onFocus) == null || L.call(u, _), g(!0);
         },
-        onClick: (p) => {
-          var y;
-          (y = _.onClick) == null || y.call(_, p), v(!0);
+        onClick: (_) => {
+          var L;
+          (L = u.onClick) == null || L.call(u, _), g(!0);
         },
-        onKeyDown: (p) => {
-          var y;
-          (y = _.onKeyDown) == null || y.call(_, p), W(p);
+        onKeyDown: (_) => {
+          var L;
+          (L = u.onKeyDown) == null || L.call(u, _), F(_);
         },
-        onChange: (p) => {
-          C.current = !1, t(p.target.value), v(!0);
+        onChange: (_) => {
+          v.current = !1, t(_.target.value), g(!0);
         },
-        children: a != null && /* @__PURE__ */ n(ct.Slot, { children: a })
+        children: a != null && /* @__PURE__ */ n(it.Slot, { children: a })
       }
     ),
-    /* @__PURE__ */ L(
+    /* @__PURE__ */ R(
       "div",
       {
-        ref: Y,
+        ref: X,
         popover: "manual",
         "data-side": "bottom",
-        className: z(de.panel, ue.spacePanel),
-        "data-animated": g ? void 0 : "false",
-        style: T ? { top: T.top, left: T.left, width: T.width } : void 0,
+        className: E(de.panel, ue.spacePanel),
+        "data-animated": C ? void 0 : "false",
+        style: q ? { top: q.top, left: q.left, width: q.width } : void 0,
         children: [
           x && c && /* @__PURE__ */ n("p", { className: de.status, children: h }),
-          x && !c && M.length === 0 && m != null && /* @__PURE__ */ n("p", { className: de.status, children: m }),
+          x && !c && k.length === 0 && m != null && /* @__PURE__ */ n("p", { className: de.status, children: m }),
           /* @__PURE__ */ n(
             "ul",
             {
-              ref: U,
+              ref: G,
               id: D,
               role: "listbox",
               className: de.list,
-              hidden: c || M.length === 0,
-              children: M.map((p, y) => /* @__PURE__ */ L(
+              hidden: c || k.length === 0,
+              children: k.map((_, L) => /* @__PURE__ */ R(
                 "li",
                 {
-                  id: `${D}-${y}`,
-                  "data-index": y,
+                  id: `${D}-${L}`,
+                  "data-index": L,
                   role: "option",
-                  "aria-selected": y === k,
-                  "aria-disabled": p.disabled || void 0,
-                  className: z(
+                  "aria-selected": L === N,
+                  "aria-disabled": _.disabled || void 0,
+                  className: E(
                     de.option,
-                    y === k && !p.disabled && de.active,
+                    L === N && !_.disabled && de.active,
                     "spAutocompleteOption"
                   ),
-                  onMouseEnter: () => !p.disabled && I(y),
-                  onPointerDown: (d) => {
-                    d.preventDefault(), N(p);
+                  onMouseEnter: () => !_.disabled && I(L),
+                  onPointerDown: (f) => {
+                    f.preventDefault(), M(_);
                   },
                   children: [
-                    /* @__PURE__ */ n("span", { className: de.label, children: p.label }),
-                    p.meta != null && /* @__PURE__ */ n("span", { className: de.meta, children: p.meta })
+                    /* @__PURE__ */ n("span", { className: de.label, children: _.label }),
+                    _.meta != null && /* @__PURE__ */ n("span", { className: de.meta, children: _.meta })
                   ]
                 },
-                p.value
+                _.value
               ))
             }
           ),
-          i != null && /* @__PURE__ */ n("div", { className: de.footer, children: i })
+          d != null && /* @__PURE__ */ n("div", { className: de.footer, children: d })
         ]
       }
     )
   ] });
 }
-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__ */ L("span", { className: z(Ae.root, ue.spaceSlider, c), "data-disabled": s || void 0, children: [
-    /* @__PURE__ */ n("span", { className: z(Ae.track, "spSliderTrack"), children: /* @__PURE__ */ n("span", { className: z(Ae.range, "spSliderRange"), style: { width: `${g}%` } }) }),
-    /* @__PURE__ */ n("span", { className: z(Ae.thumb, "spSliderThumb"), style: { left: `${g}%` } }),
-    /* @__PURE__ */ n(
-      "input",
-      {
-        ref: m,
-        type: "range",
-        className: z(Ae.input, "spSliderInput"),
-        value: i,
-        min: r,
-        max: a,
-        step: l,
-        disabled: s,
-        "aria-label": h,
-        onChange: ($) => o([Number($.target.value)])
-      }
-    )
-  ] });
-}), es = "_root_1fiei_15", ts = "_plot_1fiei_24", ns = "_svg_1fiei_30", os = "_grid_1fiei_35", rs = "_zeroLine_1fiei_42", ss = "_axisLabel_1fiei_46", as = "_bar_1fiei_56", ls = "_hatch_1fiei_76", cs = "_partialNote_1fiei_80", is = "_line_1fiei_85", ds = "_area_1fiei_119", us = "_dot_1fiei_125", fs = "_crosshair_1fiei_136", ps = "_clickable_1fiei_143", _s = "_tooltip_1fiei_150", hs = "_tooltipHead_1fiei_164", ms = "_tooltipList_1fiei_170", gs = "_tooltipRow_1fiei_178", Cs = "_tooltipName_1fiei_186", vs = "_tooltipValue_1fiei_190", bs = "_swatch_1fiei_195", $s = "_legend_1fiei_202", ws = "_legendItem_1fiei_211", ys = "_data_1fiei_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: ps,
-  tooltip: _s,
-  tooltipHead: hs,
-  tooltipList: ms,
-  tooltipRow: gs,
-  tooltipName: Cs,
-  tooltipValue: vs,
-  swatch: bs,
+const Xr = "_root_1x14g_2", Yr = "_track_1x14g_13", Qr = "_range_1x14g_25", Jr = "_thumb_1x14g_32", es = "_input_1x14g_44", Oe = {
+  root: Xr,
+  track: Yr,
+  range: Qr,
+  thumb: Jr,
+  input: es
+}, be = (e, t, o) => Math.min(Math.max(e, t), o), Al = ae(function({
+  value: t,
+  onValueChange: o,
+  min: r,
+  max: a,
+  step: l = 1,
+  minDistance: s = 0,
+  disabled: c,
+  className: h,
+  "aria-label": m,
+  thumbLabels: d
+}, C) {
+  const $ = P(null), y = P([]), u = t.length > 1, b = a - r || 1, g = be(t[0] ?? r, r, a), N = u ? be(t[1] ?? a, r, a) : g, I = u ? [g, N] : [g], T = (w) => (w - r) / b * 100, X = (w) => r + Math.floor(Number(((w - r) / l).toFixed(8))) * l, G = (w) => r + Math.ceil(Number(((w - r) / l).toFixed(8))) * l, D = (w, H) => u ? w === 0 ? be(H, r, Math.max(r, X(N - s))) : be(H, Math.min(a, G(g + s)), a) : be(H, r, a), q = (w, H) => {
+    const i = D(w, H);
+    if (i === I[w]) return;
+    const z = [...I];
+    z[w] = i, o(z);
+  }, V = (w) => {
+    if (!u) return 0;
+    const H = Math.abs(w - g), i = Math.abs(w - N);
+    return H === i ? w < g ? 0 : 1 : H < i ? 0 : 1;
+  }, K = (w) => {
+    var M, W;
+    if (!u || c || w.target.tagName === "INPUT") return;
+    const H = (M = $.current) == null ? void 0 : M.getBoundingClientRect();
+    if (!H || H.width === 0) return;
+    const i = be((w.clientX - H.left) / H.width, 0, 1), z = r + i * b, A = be(r + Math.round((z - r) / l) * l, r, a), v = V(A);
+    q(v, A), (W = y.current[v]) == null || W.focus();
+  }, x = (w) => d ? d[w] : u ? m ? `${m} ${w === 0 ? "minimum" : "maximum"}` : w === 0 ? "Minimum" : "Maximum" : m, k = u && g === N ? N >= a ? 0 : 1 : -1;
+  return /* @__PURE__ */ R(
+    "span",
+    {
+      ref: $,
+      className: E(Oe.root, ue.spaceSlider, h),
+      "data-disabled": c || void 0,
+      "data-range": u || void 0,
+      onPointerDown: K,
+      children: [
+        /* @__PURE__ */ n("span", { className: E(Oe.track, "spSliderTrack"), children: /* @__PURE__ */ n(
+          "span",
+          {
+            className: E(Oe.range, "spSliderRange"),
+            style: {
+              insetInlineStart: `${u ? T(g) : 0}%`,
+              width: `${u ? T(N) - T(g) : T(g)}%`
+            }
+          }
+        ) }),
+        I.map((w, H) => /* @__PURE__ */ n(
+          "span",
+          {
+            className: E(Oe.thumb, "spSliderThumb"),
+            style: { left: `${T(w)}%` },
+            "data-thumb": H
+          },
+          H
+        )),
+        I.map((w, H) => /* @__PURE__ */ n(
+          "input",
+          {
+            ref: (i) => {
+              y.current[H] = i, H === 0 && (typeof C == "function" ? C(i) : C && (C.current = i));
+            },
+            type: "range",
+            className: E(Oe.input, "spSliderInput"),
+            value: w,
+            min: r,
+            max: a,
+            step: l,
+            disabled: c,
+            "aria-label": x(H),
+            style: k === H ? { zIndex: 1 } : void 0,
+            onChange: (i) => q(H, Number(i.target.value))
+          },
+          H
+        ))
+      ]
+    }
+  );
+}), ts = "_root_1fiei_15", ns = "_plot_1fiei_24", os = "_svg_1fiei_30", rs = "_grid_1fiei_35", ss = "_zeroLine_1fiei_42", as = "_axisLabel_1fiei_46", ls = "_bar_1fiei_56", cs = "_hatch_1fiei_76", is = "_partialNote_1fiei_80", ds = "_line_1fiei_85", us = "_area_1fiei_119", fs = "_dot_1fiei_125", ps = "_crosshair_1fiei_136", _s = "_clickable_1fiei_143", hs = "_tooltip_1fiei_150", ms = "_tooltipHead_1fiei_164", gs = "_tooltipList_1fiei_170", Cs = "_tooltipRow_1fiei_178", vs = "_tooltipName_1fiei_186", bs = "_tooltipValue_1fiei_190", ws = "_swatch_1fiei_195", $s = "_legend_1fiei_202", ys = "_legendItem_1fiei_211", xs = "_data_1fiei_220", Y = {
+  root: ts,
+  plot: ns,
+  svg: os,
+  grid: rs,
+  zeroLine: ss,
+  axisLabel: as,
+  bar: ls,
+  hatch: cs,
+  partialNote: is,
+  line: ds,
+  area: us,
+  dot: fs,
+  crosshair: ps,
+  clickable: _s,
+  tooltip: hs,
+  tooltipHead: ms,
+  tooltipList: gs,
+  tooltipRow: Cs,
+  tooltipName: vs,
+  tooltipValue: bs,
+  swatch: ws,
   legend: $s,
-  legendItem: ws,
-  data: ys
-}, vt = [
+  legendItem: ys,
+  data: xs
+}, bt = [
   "var(--sp-chart-series-1-color)",
   "var(--sp-chart-series-2-color)",
   "var(--sp-chart-series-3-color)",
@@ -1477,20 +1535,20 @@ const Kr = "_root_14a1b_1", Xr = "_track_14a1b_12", Yr = "_range_14a1b_22", Qr =
   "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 xs(e) {
+], ot = bt.length, Xe = (e) => bt[e % ot];
+function Ns(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 Ns(e, { tickCount: t = 5, zeroBased: o = !0 } = {}) {
-  const r = e.filter((_) => Number.isFinite(_)), a = r.length ? Math.min(...r) : 0, l = r.length ? Math.max(...r) : 0;
+function Ms(e, { tickCount: t = 5, zeroBased: o = !0 } = {}) {
+  const r = e.filter((u) => Number.isFinite(u)), 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 = xs((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 _ = 0; _ <= $; _++) g.push(Number((m + _ * h).toPrecision(12)));
-  const w = i - m || 1;
-  return { min: m, max: i, ticks: g, ratio: (_) => (_ - m) / w };
+  const h = Ns((c - s) / Math.max(1, t)), m = Math.floor(s / h) * h, d = Math.ceil(c / h) * h, C = [], $ = Math.round((d - m) / h);
+  for (let u = 0; u <= $; u++) C.push(Number((m + u * h).toPrecision(12)));
+  const y = d - m || 1;
+  return { min: m, max: d, ticks: C, ratio: (u) => (u - m) / y };
 }
 function Ls(e, t = 0.25) {
   if (e <= 0) return { centre: [], width: 0 };
@@ -1500,18 +1558,18 @@ function Ls(e, t = 0.25) {
     width: o * (1 - t * 2)
   };
 }
-function Ms(e, t, o, r, a, l = !0) {
+function ks(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 ks(e) {
+function zs(e) {
   return e <= 0 ? [] : e === 1 ? [0.5] : Array.from({ length: e }, (t, o) => o / (e - 1));
 }
-const zs = () => {
+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({
+}, st = (e) => Number.isInteger(e) ? e.toLocaleString("en-US") : e.toLocaleString("en-US", { maximumFractionDigits: 2 }), we = { top: 8, right: 8, bottom: 24 }, ft = 8;
+function Ol({
   type: e,
   categories: t,
   series: o,
@@ -1519,261 +1577,261 @@ function Al({
   stacked: a = !1,
   legend: l,
   grid: s = !0,
-  formatValue: c = rt,
+  formatValue: c = st,
   tickCount: h = 5,
   animated: m = !0,
-  partialFrom: i,
-  onPointClick: g,
+  partialFrom: d,
+  onPointClick: C,
   className: $,
-  "aria-label": w,
-  ..._
+  "aria-label": y,
+  ...u
 }) {
-  const b = se(), v = F(null), [k, I] = Q(0), [H, Y] = Q(null);
+  const b = se(), g = P(null), [N, I] = Q(0), [T, X] = Q(null);
   te(() => {
-    const d = v.current;
-    if (!d) return;
-    const u = new ResizeObserver(([E]) => {
-      I(Math.round(E.contentRect.width));
+    const f = g.current;
+    if (!f) return;
+    const p = new ResizeObserver(([S]) => {
+      I(Math.round(S.contentRect.width));
     });
-    return u.observe(d), I(Math.round(d.getBoundingClientRect().width)), () => u.disconnect();
+    return p.observe(f), I(Math.round(f.getBoundingClientRect().width)), () => p.disconnect();
   }, []), te(() => {
-    if (!zs()) 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.`
+    if (!Rs()) return;
+    o.length > ot && console.warn(
+      `Chart: ${o.length} series, but the palette names ${ot}. 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.`
+    const f = o.filter((p) => p.data.length !== t.length);
+    f.length && console.warn(
+      `Chart: ${f.map((p) => `"${p.name}"`).join(", ")} ${f.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, B = _e(() => {
-    const d = [];
-    return U ? t.forEach((u, E) => {
-      let O = 0, Z = 0;
-      o.forEach((P) => {
-        const q = P.data[E];
-        typeof q == "number" && (q >= 0 ? O += q : Z += q);
-      }), d.push(O, Z);
-    }) : o.forEach((u) => u.data.forEach((E) => {
-      typeof E == "number" && d.push(E);
-    })), Ns(d, { tickCount: h, zeroBased: e !== "line" || d.some((u) => u < 0) });
-  }, [o, t, U, h, e]), X = _e(() => B.ticks.map(c), [B.ticks, c]), x = Math.max(...X.map((d) => d.length * 7), 24) + ut, M = Math.max(0, k - x - be.right), S = Math.max(0, r - be.top - be.bottom), j = e === "bar" ? 0 : 16, f = (d) => x + j + d * Math.max(0, M - j * 2), R = (d) => be.top + (1 - B.ratio(d)) * S, A = Ls(t.length), C = ks(t.length), N = (d) => {
-    var u;
-    return ((u = o[d]) == null ? void 0 : u.color) ?? Ke(d);
-  }, V = l ?? o.length > 1, W = _e(() => {
-    const d = o.map(() => []);
-    return t.forEach((u, E) => {
-      let O = 0, Z = 0;
-      o.forEach((P, q) => {
-        const ee = P.data[E];
-        if (!U || typeof ee != "number") {
-          d[q][E] = 0;
+  const G = a && (e === "bar" || e === "area"), D = e === "bar" && typeof d == "number" && d >= 0, q = (f) => D && f >= d, V = _e(() => {
+    const f = [];
+    return G ? t.forEach((p, S) => {
+      let B = 0, Z = 0;
+      o.forEach((j) => {
+        const O = j.data[S];
+        typeof O == "number" && (O >= 0 ? B += O : Z += O);
+      }), f.push(B, Z);
+    }) : o.forEach((p) => p.data.forEach((S) => {
+      typeof S == "number" && f.push(S);
+    })), Ms(f, { tickCount: h, zeroBased: e !== "line" || f.some((p) => p < 0) });
+  }, [o, t, G, h, e]), K = _e(() => V.ticks.map(c), [V.ticks, c]), x = Math.max(...K.map((f) => f.length * 7), 24) + ft, k = Math.max(0, N - x - we.right), w = Math.max(0, r - we.top - we.bottom), H = e === "bar" ? 0 : 16, i = (f) => x + H + f * Math.max(0, k - H * 2), z = (f) => we.top + (1 - V.ratio(f)) * w, A = Ls(t.length), v = zs(t.length), M = (f) => {
+    var p;
+    return ((p = o[f]) == null ? void 0 : p.color) ?? Xe(f);
+  }, W = l ?? o.length > 1, F = _e(() => {
+    const f = o.map(() => []);
+    return t.forEach((p, S) => {
+      let B = 0, Z = 0;
+      o.forEach((j, O) => {
+        const ee = j.data[S];
+        if (!G || typeof ee != "number") {
+          f[O][S] = 0;
           return;
         }
-        ee >= 0 ? (d[q][E] = O, O += ee) : (d[q][E] = Z, Z += ee);
+        ee >= 0 ? (f[O][S] = B, B += ee) : (f[O][S] = Z, Z += ee);
       });
-    }), d;
-  }, [o, t, U]), G = pe(
-    (d) => {
-      const u = v.current;
-      if (!u || !t.length || M <= 0) return null;
-      const E = u.getBoundingClientRect(), O = e === "bar" ? M : Math.max(1, M - 32), Z = (d - E.left - x - (e === "bar" ? 0 : 16)) / O, P = e === "bar" ? A.centre : C;
-      let q = 0;
-      return P.forEach((ee, ne) => {
-        Math.abs(ee - Z) < Math.abs(P[q] - Z) && (q = ne);
-      }), { index: q, x: f(P[q]) };
+    }), f;
+  }, [o, t, G]), U = pe(
+    (f) => {
+      const p = g.current;
+      if (!p || !t.length || k <= 0) return null;
+      const S = p.getBoundingClientRect(), B = e === "bar" ? k : Math.max(1, k - 32), Z = (f - S.left - x - (e === "bar" ? 0 : 16)) / B, j = e === "bar" ? A.centre : v;
+      let O = 0;
+      return j.forEach((ee, ne) => {
+        Math.abs(ee - Z) < Math.abs(j[O] - Z) && (O = ne);
+      }), { index: O, x: i(j[O]) };
     },
     // x and the position arrays are derived from these; listing them keeps the
     // callback honest without re-creating it on every render.
-    [t.length, x, M, e, A.centre, C]
+    [t.length, x, k, e, A.centre, v]
     // eslint-disable-line react-hooks/exhaustive-deps
-  ), p = (d, u) => {
-    var O;
-    const E = (O = o[d]) == null ? void 0 : O.data[u];
-    typeof E != "number" || !g || g({
-      series: o[d].name,
-      seriesIndex: d,
-      category: t[u],
-      categoryIndex: u,
-      value: E
+  ), _ = (f, p) => {
+    var B;
+    const S = (B = o[f]) == null ? void 0 : B.data[p];
+    typeof S != "number" || !C || C({
+      series: o[f].name,
+      seriesIndex: f,
+      category: t[p],
+      categoryIndex: p,
+      value: S
     });
-  }, y = U || o.length === 1 ? A.width * M : A.width * M / o.length;
-  return /* @__PURE__ */ L(
+  }, L = G || o.length === 1 ? A.width * k : A.width * k / o.length;
+  return /* @__PURE__ */ R(
     "div",
     {
-      ..._,
-      className: z(K.root, $),
+      ...u,
+      className: E(Y.root, $),
       "data-type": e,
       "data-animated": m ? "" : void 0,
-      style: { ..._.style },
+      style: { ...u.style },
       children: [
-        /* @__PURE__ */ L(
+        /* @__PURE__ */ R(
           "div",
           {
-            ref: v,
-            className: K.plot,
+            ref: g,
+            className: Y.plot,
             style: { height: r },
-            onPointerMove: (d) => {
-              d.pointerType !== "touch" && Y(G(d.clientX));
+            onPointerMove: (f) => {
+              f.pointerType !== "touch" && X(U(f.clientX));
             },
-            onPointerLeave: () => Y(null),
+            onPointerLeave: () => X(null),
             children: [
-              /* @__PURE__ */ L(
+              /* @__PURE__ */ R(
                 "svg",
                 {
-                  className: K.svg,
-                  width: k || void 0,
+                  className: Y.svg,
+                  width: N || void 0,
                   height: r,
-                  viewBox: k ? `0 0 ${k} ${r}` : void 0,
+                  viewBox: N ? `0 0 ${N} ${r}` : void 0,
                   role: "img",
-                  "aria-labelledby": w ? void 0 : b,
-                  "aria-label": w,
+                  "aria-labelledby": y ? void 0 : b,
+                  "aria-label": y,
                   children: [
-                    /* @__PURE__ */ L("defs", { children: [
-                      o.map((d, u) => /* @__PURE__ */ L("linearGradient", { id: `${b}-grad-${u}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-                        /* @__PURE__ */ n("stop", { offset: "0%", stopColor: N(u), stopOpacity: "1" }),
-                        /* @__PURE__ */ n("stop", { offset: "100%", stopColor: N(u), stopOpacity: "0.55" })
-                      ] }, `grad-${u}`)),
-                      o.map((d, u) => /* @__PURE__ */ L("linearGradient", { id: `${b}-area-${u}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-                        /* @__PURE__ */ n("stop", { offset: "0%", stopColor: N(u), stopOpacity: "0.45" }),
-                        /* @__PURE__ */ n("stop", { offset: "100%", stopColor: N(u), stopOpacity: "0.02" })
-                      ] }, `area-${u}`))
+                    /* @__PURE__ */ R("defs", { children: [
+                      o.map((f, p) => /* @__PURE__ */ R("linearGradient", { id: `${b}-grad-${p}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+                        /* @__PURE__ */ n("stop", { offset: "0%", stopColor: M(p), stopOpacity: "1" }),
+                        /* @__PURE__ */ n("stop", { offset: "100%", stopColor: M(p), stopOpacity: "0.55" })
+                      ] }, `grad-${p}`)),
+                      o.map((f, p) => /* @__PURE__ */ R("linearGradient", { id: `${b}-area-${p}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+                        /* @__PURE__ */ n("stop", { offset: "0%", stopColor: M(p), stopOpacity: "0.45" }),
+                        /* @__PURE__ */ n("stop", { offset: "100%", stopColor: M(p), stopOpacity: "0.02" })
+                      ] }, `area-${p}`))
                     ] }),
-                    D && /* @__PURE__ */ n("defs", { children: o.map((d, u) => /* @__PURE__ */ L(
+                    D && /* @__PURE__ */ n("defs", { children: o.map((f, p) => /* @__PURE__ */ R(
                       "pattern",
                       {
-                        id: `${b}-hatch-${u}`,
+                        id: `${b}-hatch-${p}`,
                         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: N(u) }),
-                          /* @__PURE__ */ n("line", { className: K.hatch, x1: "6", y1: "0", x2: "6", y2: "8", stroke: N(u) })
+                          /* @__PURE__ */ n("line", { className: Y.hatch, x1: "2", y1: "0", x2: "2", y2: "8", stroke: M(p) }),
+                          /* @__PURE__ */ n("line", { className: Y.hatch, x1: "6", y1: "0", x2: "6", y2: "8", stroke: M(p) })
                         ]
                       },
-                      `hatch-${u}`
+                      `hatch-${p}`
                     )) }),
-                    s && B.ticks.map((d) => /* @__PURE__ */ n(
+                    s && V.ticks.map((f) => /* @__PURE__ */ n(
                       "line",
                       {
-                        className: z(K.grid, d === 0 && B.min < 0 && K.zeroLine),
+                        className: E(Y.grid, f === 0 && V.min < 0 && Y.zeroLine),
                         x1: x,
-                        x2: x + M,
-                        y1: R(d),
-                        y2: R(d)
+                        x2: x + k,
+                        y1: z(f),
+                        y2: z(f)
                       },
-                      `grid-${d}`
+                      `grid-${f}`
                     )),
-                    B.ticks.map((d, u) => /* @__PURE__ */ n("text", { className: K.axisLabel, x: x - ut, y: R(d), textAnchor: "end", dominantBaseline: "middle", children: X[u] }, `label-${d}`)),
-                    t.map((d, u) => /* @__PURE__ */ n(
+                    V.ticks.map((f, p) => /* @__PURE__ */ n("text", { className: Y.axisLabel, x: x - ft, y: z(f), textAnchor: "end", dominantBaseline: "middle", children: K[p] }, `label-${f}`)),
+                    t.map((f, p) => /* @__PURE__ */ n(
                       "text",
                       {
-                        className: K.axisLabel,
-                        x: f(e === "bar" ? A.centre[u] : C[u]),
-                        y: r - be.bottom / 2,
+                        className: Y.axisLabel,
+                        x: i(e === "bar" ? A.centre[p] : v[p]),
+                        y: r - we.bottom / 2,
                         textAnchor: "middle",
                         dominantBaseline: "middle",
-                        children: d
+                        children: f
                       },
-                      `cat-${d}-${u}`
+                      `cat-${f}-${p}`
                     )),
-                    e === "bar" && o.map((d, u) => /* @__PURE__ */ n("g", { children: t.map((E, O) => {
-                      const Z = d.data[O];
+                    e === "bar" && o.map((f, p) => /* @__PURE__ */ n("g", { children: t.map((S, B) => {
+                      const Z = f.data[B];
                       if (typeof Z != "number") return null;
-                      const P = W[u][O], q = R(P + Z), ee = R(P), ne = f(A.centre[O]) - A.width * M / 2, ie = U || o.length === 1 ? ne : ne + u * y, Qe = Math.max(1, y - (o.length > 1 && !U ? 2 : 0)), me = Math.max(1, Math.abs(ee - q)), De = D && O >= i;
+                      const j = F[p][B], O = z(j + Z), ee = z(j), ne = i(A.centre[B]) - A.width * k / 2, ie = G || o.length === 1 ? ne : ne + p * L, Je = Math.max(1, L - (o.length > 1 && !G ? 2 : 0)), me = Math.max(1, Math.abs(ee - O)), De = D && B >= d;
                       return /* @__PURE__ */ n(
                         "path",
                         {
-                          className: z(K.bar, g && K.clickable),
-                          d: Ms(ie, Math.min(q, ee), Qe, me, 4, Z >= 0),
-                          fill: De ? `url(#${b}-hatch-${u})` : `url(#${b}-grad-${u})`,
-                          color: N(u),
-                          "data-dim": H && H.index !== O ? "" : void 0,
-                          onClick: () => p(u, O),
-                          children: /* @__PURE__ */ n("title", { children: `${d.name}, ${E}: ${c(Z)}${De ? " so far" : ""}` })
+                          className: E(Y.bar, C && Y.clickable),
+                          d: ks(ie, Math.min(O, ee), Je, me, 4, Z >= 0),
+                          fill: De ? `url(#${b}-hatch-${p})` : `url(#${b}-grad-${p})`,
+                          color: M(p),
+                          "data-dim": T && T.index !== B ? "" : void 0,
+                          onClick: () => _(p, B),
+                          children: /* @__PURE__ */ n("title", { children: `${f.name}, ${S}: ${c(Z)}${De ? " so far" : ""}` })
                         },
-                        `bar-${E}-${O}`
+                        `bar-${S}-${B}`
                       );
-                    }) }, `bars-${d.name}-${u}`)),
-                    e !== "bar" && o.map((d, u) => {
-                      const E = [];
-                      let O = [];
-                      return d.data.forEach((Z, P) => {
+                    }) }, `bars-${f.name}-${p}`)),
+                    e !== "bar" && o.map((f, p) => {
+                      const S = [];
+                      let B = [];
+                      return f.data.forEach((Z, j) => {
                         if (typeof Z != "number") {
-                          O.length && E.push(O), O = [];
+                          B.length && S.push(B), B = [];
                           return;
                         }
-                        O.push({ i: P, value: Z, base: W[u][P] });
-                      }), O.length && E.push(O), /* @__PURE__ */ L("g", { children: [
-                        E.map((Z, P) => {
-                          const q = Z.map((ne, ie) => `${ie === 0 ? "M" : "L"}${f(C[ne.i])},${R(ne.base + ne.value)}`).join(" "), ee = e === "area" ? `${q} L${f(C[Z[Z.length - 1].i])},${R(Z[Z.length - 1].base)} ` + Z.slice().reverse().map((ne) => `L${f(C[ne.i])},${R(ne.base)}`).join(" ") + " Z" : null;
-                          return /* @__PURE__ */ L("g", { children: [
-                            ee && /* @__PURE__ */ n("path", { className: K.area, d: ee, fill: `url(#${b}-area-${u})` }),
+                        B.push({ i: j, value: Z, base: F[p][j] });
+                      }), B.length && S.push(B), /* @__PURE__ */ R("g", { children: [
+                        S.map((Z, j) => {
+                          const O = Z.map((ne, ie) => `${ie === 0 ? "M" : "L"}${i(v[ne.i])},${z(ne.base + ne.value)}`).join(" "), ee = e === "area" ? `${O} L${i(v[Z[Z.length - 1].i])},${z(Z[Z.length - 1].base)} ` + Z.slice().reverse().map((ne) => `L${i(v[ne.i])},${z(ne.base)}`).join(" ") + " Z" : null;
+                          return /* @__PURE__ */ R("g", { children: [
+                            ee && /* @__PURE__ */ n("path", { className: Y.area, d: ee, fill: `url(#${b}-area-${p})` }),
                             /* @__PURE__ */ n(
                               "path",
                               {
-                                className: K.line,
-                                d: q,
-                                stroke: N(u),
-                                color: N(u),
+                                className: Y.line,
+                                d: O,
+                                stroke: M(p),
+                                color: M(p),
                                 fill: "none",
                                 pathLength: 1
                               }
                             )
-                          ] }, `run-${P}`);
+                          ] }, `run-${j}`);
                         }),
-                        d.data.map(
-                          (Z, P) => typeof Z == "number" ? /* @__PURE__ */ n(
+                        f.data.map(
+                          (Z, j) => typeof Z == "number" ? /* @__PURE__ */ n(
                             "circle",
                             {
-                              className: z(K.dot, g && K.clickable),
-                              cx: f(C[P]),
-                              cy: R(W[u][P] + Z),
+                              className: E(Y.dot, C && Y.clickable),
+                              cx: i(v[j]),
+                              cy: z(F[p][j] + Z),
                               r: 4,
-                              fill: N(u),
-                              color: N(u),
-                              "data-on": (H == null ? void 0 : H.index) === P ? "" : void 0,
-                              onClick: () => p(u, P),
-                              children: /* @__PURE__ */ n("title", { children: `${d.name}, ${t[P]}: ${c(Z)}` })
+                              fill: M(p),
+                              color: M(p),
+                              "data-on": (T == null ? void 0 : T.index) === j ? "" : void 0,
+                              onClick: () => _(p, j),
+                              children: /* @__PURE__ */ n("title", { children: `${f.name}, ${t[j]}: ${c(Z)}` })
                             },
-                            `dot-${P}`
+                            `dot-${j}`
                           ) : null
                         )
-                      ] }, `line-${d.name}-${u}`);
+                      ] }, `line-${f.name}-${p}`);
                     }),
-                    H && /* @__PURE__ */ n(
+                    T && /* @__PURE__ */ n(
                       "line",
                       {
-                        className: K.crosshair,
-                        x1: H.x,
-                        x2: H.x,
-                        y1: be.top,
-                        y2: be.top + S
+                        className: Y.crosshair,
+                        x1: T.x,
+                        x2: T.x,
+                        y1: we.top,
+                        y2: we.top + w
                       }
                     )
                   ]
                 }
               ),
-              H && /* @__PURE__ */ L(
+              T && /* @__PURE__ */ R(
                 "div",
                 {
-                  className: K.tooltip,
-                  style: H.x > x + M / 2 ? { right: Math.max(0, k - H.x + 12) } : { left: H.x + 12 },
+                  className: Y.tooltip,
+                  style: T.x > x + k / 2 ? { right: Math.max(0, N - T.x + 12) } : { left: T.x + 12 },
                   role: "status",
                   children: [
-                    /* @__PURE__ */ n("p", { className: K.tooltipHead, children: t[H.index] }),
-                    /* @__PURE__ */ n("ul", { className: K.tooltipList, children: o.map((d, u) => {
-                      const E = d.data[H.index];
-                      return /* @__PURE__ */ L("li", { className: K.tooltipRow, children: [
-                        /* @__PURE__ */ n("span", { className: K.swatch, style: { background: N(u) }, "aria-hidden": "true" }),
-                        /* @__PURE__ */ n("span", { className: K.tooltipName, children: d.name }),
-                        /* @__PURE__ */ L("span", { className: K.tooltipValue, children: [
-                          typeof E == "number" ? c(E) : "—",
-                          T(H.index) && typeof E == "number" && /* @__PURE__ */ n("span", { className: K.partialNote, children: "so far" })
+                    /* @__PURE__ */ n("p", { className: Y.tooltipHead, children: t[T.index] }),
+                    /* @__PURE__ */ n("ul", { className: Y.tooltipList, children: o.map((f, p) => {
+                      const S = f.data[T.index];
+                      return /* @__PURE__ */ R("li", { className: Y.tooltipRow, children: [
+                        /* @__PURE__ */ n("span", { className: Y.swatch, style: { background: M(p) }, "aria-hidden": "true" }),
+                        /* @__PURE__ */ n("span", { className: Y.tooltipName, children: f.name }),
+                        /* @__PURE__ */ R("span", { className: Y.tooltipValue, children: [
+                          typeof S == "number" ? c(S) : "—",
+                          q(T.index) && typeof S == "number" && /* @__PURE__ */ n("span", { className: Y.partialNote, children: "so far" })
                         ] })
-                      ] }, d.name);
+                      ] }, f.name);
                     }) })
                   ]
                 }
@@ -1781,44 +1839,44 @@ function Al({
             ]
           }
         ),
-        V && /* @__PURE__ */ n("ul", { className: K.legend, children: o.map((d, u) => /* @__PURE__ */ L("li", { className: K.legendItem, children: [
-          /* @__PURE__ */ n("span", { className: K.swatch, style: { background: N(u) }, "aria-hidden": "true" }),
-          d.name
-        ] }, d.name)) }),
-        /* @__PURE__ */ L("table", { className: K.data, id: b, children: [
-          /* @__PURE__ */ n("caption", { children: w ?? "Chart data" }),
-          /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ L("tr", { children: [
+        W && /* @__PURE__ */ n("ul", { className: Y.legend, children: o.map((f, p) => /* @__PURE__ */ R("li", { className: Y.legendItem, children: [
+          /* @__PURE__ */ n("span", { className: Y.swatch, style: { background: M(p) }, "aria-hidden": "true" }),
+          f.name
+        ] }, f.name)) }),
+        /* @__PURE__ */ R("table", { className: Y.data, id: b, children: [
+          /* @__PURE__ */ n("caption", { children: y ?? "Chart data" }),
+          /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ R("tr", { children: [
             /* @__PURE__ */ n("th", { scope: "col", children: "Category" }),
-            o.map((d) => /* @__PURE__ */ n("th", { scope: "col", children: d.name }, d.name))
+            o.map((f) => /* @__PURE__ */ n("th", { scope: "col", children: f.name }, f.name))
           ] }) }),
-          /* @__PURE__ */ n("tbody", { children: t.map((d, u) => /* @__PURE__ */ L("tr", { children: [
-            /* @__PURE__ */ n("th", { scope: "row", children: d }),
-            o.map((E) => /* @__PURE__ */ L("td", { children: [
-              typeof E.data[u] == "number" ? c(E.data[u]) : "—",
-              T(u) && typeof E.data[u] == "number" ? " so far" : ""
-            ] }, E.name))
-          ] }, d)) })
+          /* @__PURE__ */ n("tbody", { children: t.map((f, p) => /* @__PURE__ */ R("tr", { children: [
+            /* @__PURE__ */ n("th", { scope: "row", children: f }),
+            o.map((S) => /* @__PURE__ */ R("td", { children: [
+              typeof S.data[p] == "number" ? c(S.data[p]) : "—",
+              q(p) && typeof S.data[p] == "number" ? " so far" : ""
+            ] }, S.name))
+          ] }, f)) })
         ] })
       ]
     }
   );
 }
-const Rs = "_root_1v7ph_8", Es = "_row_1v7ph_15", Ds = "_line_1v7ph_21", Is = "_pressable_1v7ph_36", Hs = "_fill_1v7ph_50", Ss = "_label_1v7ph_58", qs = "_track_1v7ph_66", Ts = "_value_1v7ph_101", As = "_percent_1v7ph_106", fe = {
-  root: Rs,
-  row: Es,
+const Es = "_root_1v7ph_8", Is = "_row_1v7ph_15", Ds = "_line_1v7ph_21", Hs = "_pressable_1v7ph_36", Ss = "_fill_1v7ph_50", Ts = "_label_1v7ph_58", qs = "_track_1v7ph_66", As = "_value_1v7ph_101", Os = "_percent_1v7ph_106", fe = {
+  root: Es,
+  row: Is,
   line: Ds,
-  pressable: Is,
-  fill: Hs,
-  label: Ss,
+  pressable: Hs,
+  fill: Ss,
+  label: Ts,
   track: qs,
-  value: Ts,
-  percent: As
+  value: As,
+  percent: Os
 };
-function Ol({
+function Bl({
   items: e,
   max: t,
   showPercent: o = !1,
-  formatValue: r = rt,
+  formatValue: r = st,
   colorful: a = !1,
   animated: l = !0,
   onItemClick: s,
@@ -1826,36 +1884,36 @@ function Ol({
   "aria-label": h,
   ...m
 }) {
-  const i = t ?? Math.max(0, ...e.map(($) => $.value)), g = e.reduce(($, w) => $ + (w.value > 0 ? w.value : 0), 0);
+  const d = t ?? Math.max(0, ...e.map(($) => $.value)), C = e.reduce(($, y) => $ + (y.value > 0 ? y.value : 0), 0);
   return /* @__PURE__ */ n(
     "div",
     {
       ...m,
-      className: z(fe.root, c),
+      className: E(fe.root, c),
       role: "list",
       "aria-label": h,
       "data-animated": l ? "" : void 0,
-      children: e.map(($, w) => {
-        const _ = 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)"), k = /* @__PURE__ */ L(he, { children: [
+      children: e.map(($, y) => {
+        const u = d > 0 ? Math.max(0, $.value) / d : 0, b = C > 0 ? $.value / C * 100 : 0, g = $.color ?? (a ? Xe(y) : "var(--sp-chart-series-1-color)"), N = /* @__PURE__ */ R(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: `${_ * 100}%`,
-                background: v,
+                width: `${u * 100}%`,
+                background: g,
                 // 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`
+                animationDelay: `${Math.min(y * 60, 360)}ms`
               }
             }
           ) }),
-          /* @__PURE__ */ L("span", { className: fe.value, children: [
+          /* @__PURE__ */ R("span", { className: fe.value, children: [
             r($.value),
-            o && /* @__PURE__ */ L("span", { className: fe.percent, children: [
+            o && /* @__PURE__ */ R("span", { className: fe.percent, children: [
               Math.round(b),
               "%"
             ] })
@@ -1865,32 +1923,32 @@ function Ol({
           "button",
           {
             type: "button",
-            className: z(fe.line, fe.pressable),
-            onClick: () => s($, w),
-            children: k
+            className: E(fe.line, fe.pressable),
+            onClick: () => s($, y),
+            children: N
           }
-        ) : /* @__PURE__ */ n("span", { className: fe.line, children: k }) }, `${$.label}-${w}`);
+        ) : /* @__PURE__ */ n("span", { className: fe.line, children: N }) }, `${$.label}-${y}`);
       })
     }
   );
 }
-const Os = "_root_ep6xn_6", Zs = "_svg_ep6xn_15", Bs = "_face_ep6xn_24", Vs = "_hole_ep6xn_25", Ws = "_slice_ep6xn_35", Ps = "_sweep_ep6xn_57", Fs = "_clickable_ep6xn_70", js = "_total_ep6xn_76", Gs = "_totalLabel_ep6xn_84", Us = "_legend_ep6xn_89", Ks = "_legendItem_ep6xn_98", Xs = "_legendName_ep6xn_113", Ys = "_legendValue_ep6xn_121", Qs = "_legendPercent_ep6xn_126", Js = "_swatch_ep6xn_131", oe = {
-  root: Os,
+const Bs = "_root_ep6xn_6", Zs = "_svg_ep6xn_15", Vs = "_face_ep6xn_24", Ws = "_hole_ep6xn_25", Ps = "_slice_ep6xn_35", Fs = "_sweep_ep6xn_57", js = "_clickable_ep6xn_70", Gs = "_total_ep6xn_76", Us = "_totalLabel_ep6xn_84", Ks = "_legend_ep6xn_89", Xs = "_legendItem_ep6xn_98", Ys = "_legendName_ep6xn_113", Qs = "_legendValue_ep6xn_121", Js = "_legendPercent_ep6xn_126", ea = "_swatch_ep6xn_131", oe = {
+  root: Bs,
   svg: Zs,
-  face: Bs,
-  hole: Vs,
-  slice: Ws,
-  sweep: Ps,
-  clickable: Fs,
-  total: js,
-  totalLabel: Gs,
-  legend: Us,
-  legendItem: Ks,
-  legendName: Xs,
-  legendValue: Ys,
-  legendPercent: Qs,
-  swatch: Js
-}, Me = (e, t, o) => {
+  face: Vs,
+  hole: Ws,
+  slice: Ps,
+  sweep: Fs,
+  clickable: js,
+  total: Gs,
+  totalLabel: Us,
+  legend: Ks,
+  legendItem: Xs,
+  legendName: Ys,
+  legendValue: Qs,
+  legendPercent: Js,
+  swatch: ea
+}, ke = (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) };
 };
@@ -1901,22 +1959,22 @@ function Zl({
   size: r = 180,
   legend: a = !0,
   animated: l = !0,
-  formatValue: s = rt,
+  formatValue: s = st,
   onSliceClick: c,
   className: h,
   "aria-label": m,
-  ...i
+  ...d
 }) {
-  const [g, $] = Q(null), w = se(), _ = e.filter((D) => D.value > 0), b = _.reduce((D, T) => D + T.value, 0), v = r / 2, k = v - 2, I = t ? k * 0.62 : 0;
-  let H = 0;
-  const Y = _.map((D, T) => {
-    const B = b > 0 ? D.value / b : 0, X = H;
-    H += B;
-    const x = Me(v, k, X), M = Me(v, k, H), S = B > 0.5 ? 1 : 0, j = B >= 0.999, f = j ? t ? `M${v},${v - k} A${k},${k} 0 1 1 ${v - 0.01},${v - k} Z M${v},${v - I} A${I},${I} 0 1 0 ${v - 0.01},${v - I} Z` : `M${v},${v - k} A${k},${k} 0 1 1 ${v - 0.01},${v - k} Z` : t ? `M${x.x},${x.y} A${k},${k} 0 ${S} 1 ${M.x},${M.y} L${Me(v, I, H).x},${Me(v, I, H).y} A${I},${I} 0 ${S} 0 ${Me(v, I, X).x},${Me(v, I, X).y} Z` : `M${v},${v} L${x.x},${x.y} A${k},${k} 0 ${S} 1 ${M.x},${M.y} Z`;
-    return { slice: D, index: T, d: f, fraction: B, fillRule: j && t ? "evenodd" : void 0 };
-  }), U = (D) => e.indexOf(D);
-  return /* @__PURE__ */ L("div", { ...i, className: z(oe.root, h), "data-animated": l ? "" : void 0, children: [
-    /* @__PURE__ */ L(
+  const [C, $] = Q(null), y = se(), u = e.filter((D) => D.value > 0), b = u.reduce((D, q) => D + q.value, 0), g = r / 2, N = g - 2, I = t ? N * 0.62 : 0;
+  let T = 0;
+  const X = u.map((D, q) => {
+    const V = b > 0 ? D.value / b : 0, K = T;
+    T += V;
+    const x = ke(g, N, K), k = ke(g, N, T), w = V > 0.5 ? 1 : 0, H = V >= 0.999, i = H ? t ? `M${g},${g - N} A${N},${N} 0 1 1 ${g - 0.01},${g - N} Z M${g},${g - I} A${I},${I} 0 1 0 ${g - 0.01},${g - I} Z` : `M${g},${g - N} A${N},${N} 0 1 1 ${g - 0.01},${g - N} Z` : t ? `M${x.x},${x.y} A${N},${N} 0 ${w} 1 ${k.x},${k.y} L${ke(g, I, T).x},${ke(g, I, T).y} A${I},${I} 0 ${w} 0 ${ke(g, I, K).x},${ke(g, I, K).y} Z` : `M${g},${g} L${x.x},${x.y} A${N},${N} 0 ${w} 1 ${k.x},${k.y} Z`;
+    return { slice: D, index: q, d: i, fraction: V, fillRule: H && t ? "evenodd" : void 0 };
+  }), G = (D) => e.indexOf(D);
+  return /* @__PURE__ */ R("div", { ...d, className: E(oe.root, h), "data-animated": l ? "" : void 0, children: [
+    /* @__PURE__ */ R(
       "svg",
       {
         className: oe.svg,
@@ -1926,43 +1984,43 @@ function Zl({
         role: "img",
         "aria-label": m ?? "Pie chart",
         children: [
-          /* @__PURE__ */ L("defs", { children: [
-            /* @__PURE__ */ L("radialGradient", { id: `${w}-face`, cx: "32%", cy: "26%", r: "78%", children: [
+          /* @__PURE__ */ R("defs", { children: [
+            /* @__PURE__ */ R("radialGradient", { id: `${y}-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__ */ L("radialGradient", { id: `${w}-edge`, cx: "50%", cy: "50%", r: "50%", children: [
+            /* @__PURE__ */ R("radialGradient", { id: `${y}-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__ */ L("g", { className: oe.sweep, children: [
-            Y.map(({ slice: D, index: T, d: B, fillRule: X }) => /* @__PURE__ */ n(
+          /* @__PURE__ */ R("g", { className: oe.sweep, children: [
+            X.map(({ slice: D, index: q, d: V, fillRule: K }) => /* @__PURE__ */ n(
               "path",
               {
-                className: z(oe.slice, c && oe.clickable),
-                d: B,
-                fill: D.color ?? Ke(U(D)),
-                fillRule: X,
-                "data-dim": g !== null && g !== T ? "" : void 0,
-                onPointerEnter: () => $(T),
+                className: E(oe.slice, c && oe.clickable),
+                d: V,
+                fill: D.color ?? Xe(G(D)),
+                fillRule: K,
+                "data-dim": C !== null && C !== q ? "" : void 0,
+                onPointerEnter: () => $(q),
                 onPointerLeave: () => $(null),
-                onClick: () => c == null ? void 0 : c(D, U(D)),
+                onClick: () => c == null ? void 0 : c(D, G(D)),
                 children: /* @__PURE__ */ n("title", { children: `${D.label}: ${s(D.value)}` })
               },
-              `${D.label}-${T}`
+              `${D.label}-${q}`
             )),
-            /* @__PURE__ */ n("circle", { className: oe.face, cx: v, cy: v, r: k, fill: `url(#${w}-face)` }),
-            /* @__PURE__ */ n("circle", { className: oe.face, cx: v, cy: v, r: k, fill: `url(#${w}-edge)` }),
+            /* @__PURE__ */ n("circle", { className: oe.face, cx: g, cy: g, r: N, fill: `url(#${y}-face)` }),
+            /* @__PURE__ */ n("circle", { className: oe.face, cx: g, cy: g, r: N, fill: `url(#${y}-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,
+                cx: g,
+                cy: g,
                 r: I,
                 fill: "none",
                 stroke: "#000",
@@ -1971,52 +2029,52 @@ function Zl({
               }
             )
           ] }),
-          t && /* @__PURE__ */ L(he, { children: [
-            /* @__PURE__ */ n("text", { className: oe.total, x: v, y: v - (o ? 6 : 0), textAnchor: "middle", dominantBaseline: "middle", children: s(g !== null ? _[g].value : b) }),
-            o && /* @__PURE__ */ n("text", { className: oe.totalLabel, x: v, y: v + 14, textAnchor: "middle", dominantBaseline: "middle", children: g !== null ? _[g].label : o })
+          t && /* @__PURE__ */ R(he, { children: [
+            /* @__PURE__ */ n("text", { className: oe.total, x: g, y: g - (o ? 6 : 0), textAnchor: "middle", dominantBaseline: "middle", children: s(C !== null ? u[C].value : b) }),
+            o && /* @__PURE__ */ n("text", { className: oe.totalLabel, x: g, y: g + 14, textAnchor: "middle", dominantBaseline: "middle", children: C !== null ? u[C].label : o })
           ] })
         ]
       }
     ),
-    a && /* @__PURE__ */ n("ul", { className: oe.legend, children: _.map((D, T) => /* @__PURE__ */ L(
+    a && /* @__PURE__ */ n("ul", { className: oe.legend, children: u.map((D, q) => /* @__PURE__ */ R(
       "li",
       {
         className: oe.legendItem,
-        "data-dim": g !== null && g !== T ? "" : void 0,
+        "data-dim": C !== null && C !== q ? "" : void 0,
         children: [
           /* @__PURE__ */ n(
             "span",
             {
               className: oe.swatch,
-              style: { background: D.color ?? Ke(U(D)) },
+              style: { background: D.color ?? Xe(G(D)) },
               "aria-hidden": "true"
             }
           ),
           /* @__PURE__ */ n("span", { className: oe.legendName, children: D.label }),
-          /* @__PURE__ */ L("span", { className: oe.legendValue, children: [
+          /* @__PURE__ */ R("span", { className: oe.legendValue, children: [
             s(D.value),
-            /* @__PURE__ */ L("span", { className: oe.legendPercent, children: [
+            /* @__PURE__ */ R("span", { className: oe.legendPercent, children: [
               b > 0 ? Math.round(D.value / b * 100) : 0,
               "%"
             ] })
           ] })
         ]
       },
-      `${D.label}-${T}`
+      `${D.label}-${q}`
     )) })
   ] });
 }
-const ea = "_root_czld4_18", ta = "_item_czld4_24", na = "_selfLabeled_czld4_33", oa = "_label_czld4_37", ra = "_input_czld4_41", sa = "_box_czld4_57", aa = "_tick_czld4_80", la = "_dash_czld4_81", ca = "_tickPath_czld4_95", re = {
-  root: ea,
-  item: ta,
-  selfLabeled: na,
-  label: oa,
-  input: ra,
-  box: sa,
-  tick: aa,
-  dash: la,
-  tickPath: ca
-}, bt = Re(null);
+const ta = "_root_czld4_18", na = "_item_czld4_24", oa = "_selfLabeled_czld4_33", ra = "_label_czld4_37", sa = "_input_czld4_41", aa = "_box_czld4_57", la = "_tick_czld4_80", ca = "_dash_czld4_81", ia = "_tickPath_czld4_95", re = {
+  root: ta,
+  item: na,
+  selfLabeled: oa,
+  label: ra,
+  input: sa,
+  box: aa,
+  tick: la,
+  dash: ca,
+  tickPath: ia
+}, wt = Ee(null);
 function $t({
   checked: e,
   indeterminate: t,
@@ -2025,10 +2083,10 @@ function $t({
   value: a,
   ariaLabel: l
 }) {
-  const s = F(null);
+  const s = P(null);
   return te(() => {
     s.current && (s.current.indeterminate = t === !0);
-  }, [t]), /* @__PURE__ */ L(he, { children: [
+  }, [t]), /* @__PURE__ */ R(he, { children: [
     /* @__PURE__ */ n(
       "input",
       {
@@ -2042,7 +2100,7 @@ function $t({
         onChange: (c) => r(c.currentTarget.checked)
       }
     ),
-    /* @__PURE__ */ L("span", { className: re.box, "aria-hidden": "true", children: [
+    /* @__PURE__ */ R("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",
         {
@@ -2059,7 +2117,7 @@ function $t({
     ] })
   ] });
 }
-function ia({
+function da({
   value: e,
   onValueChange: t,
   disabled: o,
@@ -2067,10 +2125,10 @@ function ia({
   "aria-label": a,
   children: l
 }) {
-  return /* @__PURE__ */ n(bt.Provider, { value: { value: e, onValueChange: t, disabled: o }, children: /* @__PURE__ */ n("div", { role: "group", "aria-label": a, className: z(re.root, r), children: l }) });
+  return /* @__PURE__ */ n(wt.Provider, { value: { value: e, onValueChange: t, disabled: o }, children: /* @__PURE__ */ n("div", { role: "group", "aria-label": a, className: E(re.root, r), children: l }) });
 }
-function da({ value: e, disabled: t, children: o }) {
-  const r = Ee(bt);
+function ua({ value: e, disabled: t, children: o }) {
+  const r = Ie(wt);
   if (!r) throw new Error("CheckboxGroup.Item must be inside a CheckboxGroup");
   const a = t || r.disabled, l = r.value.includes(e), s = /* @__PURE__ */ n(
     $t,
@@ -2081,13 +2139,13 @@ function da({ value: e, disabled: t, children: o }) {
       onToggle: (c) => r.onValueChange(c ? [...r.value, e] : r.value.filter((h) => h !== e))
     }
   );
-  return o == null ? /* @__PURE__ */ n("span", { className: re.item, children: s }) : /* @__PURE__ */ L("label", { className: z(re.item, re.selfLabeled), children: [
+  return o == null ? /* @__PURE__ */ n("span", { className: re.item, children: s }) : /* @__PURE__ */ R("label", { className: E(re.item, re.selfLabeled), children: [
     s,
     /* @__PURE__ */ n("span", { className: re.label, children: o })
   ] });
 }
-const Bl = Object.assign(ia, { Item: da });
-function Vl({
+const Vl = Object.assign(da, { Item: ua });
+function Wl({
   checked: e,
   onCheckedChange: t,
   indeterminate: o,
@@ -2106,27 +2164,27 @@ function Vl({
       onToggle: t
     }
   );
-  return s == null ? /* @__PURE__ */ n("span", { className: z(re.item, a), children: c }) : /* @__PURE__ */ L("label", { className: z(re.item, re.selfLabeled, a), children: [
+  return s == null ? /* @__PURE__ */ n("span", { className: E(re.item, a), children: c }) : /* @__PURE__ */ R("label", { className: E(re.item, re.selfLabeled, a), children: [
     c,
     /* @__PURE__ */ n("span", { className: re.label, children: s })
   ] });
 }
-const ua = "_root_mhh35_15", fa = "_item_mhh35_23", pa = "_selfLabeled_mhh35_32", _a = "_input_mhh35_36", ha = "_orb_mhh35_52", ma = "_burst_mhh35_99", $e = {
-  root: ua,
-  item: fa,
-  selfLabeled: pa,
-  input: _a,
-  orb: ha,
-  burst: ma
-}, wt = Re(null);
-function ga({ value: e, onValueChange: t, disabled: o, className: r, children: a }) {
+const fa = "_root_mhh35_15", pa = "_item_mhh35_23", _a = "_selfLabeled_mhh35_32", ha = "_input_mhh35_36", ma = "_orb_mhh35_52", ga = "_burst_mhh35_99", $e = {
+  root: fa,
+  item: pa,
+  selfLabeled: _a,
+  input: ha,
+  orb: ma,
+  burst: ga
+}, yt = Ee(null);
+function Ca({ 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: z($e.root, r), children: a }) });
+  return /* @__PURE__ */ n(yt.Provider, { value: { value: e, onValueChange: t, disabled: o, name: l }, children: /* @__PURE__ */ n("div", { role: "radiogroup", className: E($e.root, r), children: a }) });
 }
-function Ca({ value: e, disabled: t, children: o }) {
-  const r = Ee(wt);
+function va({ value: e, disabled: t, children: o }) {
+  const r = Ie(yt);
   if (!r) throw new Error("RadioGroup.Item must be inside a RadioGroup");
-  const a = t || r.disabled, l = /* @__PURE__ */ L(he, { children: [
+  const a = t || r.disabled, l = /* @__PURE__ */ R(he, { children: [
     /* @__PURE__ */ n(
       "input",
       {
@@ -2139,17 +2197,17 @@ function Ca({ value: e, disabled: t, children: o }) {
         onChange: () => r.onValueChange(e)
       }
     ),
-    /* @__PURE__ */ n("span", { className: z($e.orb, "spRadioOrb"), "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: $e.burst }) })
+    /* @__PURE__ */ n("span", { className: E($e.orb, "spRadioOrb"), "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: $e.burst }) })
   ] });
-  return o == null ? /* @__PURE__ */ n("span", { className: $e.item, children: l }) : /* @__PURE__ */ L("label", { className: z($e.item, $e.selfLabeled), children: [
+  return o == null ? /* @__PURE__ */ n("span", { className: $e.item, children: l }) : /* @__PURE__ */ R("label", { className: E($e.item, $e.selfLabeled), children: [
     l,
     o
   ] });
 }
-const Wl = Object.assign(ga, { Item: Ca }), va = "_progress_1cre6_16", ba = {
-  progress: va
+const Pl = Object.assign(Ca, { Item: va }), ba = "_progress_1cre6_16", wa = {
+  progress: ba
 };
-function Pl({ value: e, max: t = 100, className: o, style: r, ...a }) {
+function Fl({ 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",
@@ -2159,73 +2217,73 @@ function Pl({ value: e, max: t = 100, className: o, style: r, ...a }) {
       "aria-valuenow": e,
       "aria-valuemin": 0,
       "aria-valuemax": t,
-      className: z(ba.progress, o),
+      className: E(wa.progress, o),
       style: r,
       children: /* @__PURE__ */ n("div", { style: { width: `${l}%`, height: "100%" } })
     }
   );
 }
-const $a = "_message_ca22y_14", wa = "_info_ca22y_44", ya = "_warning_ca22y_49", xa = "_alert_ca22y_56", Na = "_icon_ca22y_63", La = "_body_ca22y_74", Ma = "_title_ca22y_83", ka = "_text_ca22y_90", ke = {
+const $a = "_message_ca22y_14", ya = "_info_ca22y_44", xa = "_warning_ca22y_49", Na = "_alert_ca22y_56", Ma = "_icon_ca22y_63", La = "_body_ca22y_74", ka = "_title_ca22y_83", za = "_text_ca22y_90", ze = {
   message: $a,
-  info: wa,
-  warning: ya,
-  alert: xa,
-  icon: Na,
+  info: ya,
+  warning: xa,
+  alert: Na,
+  icon: Ma,
   body: La,
-  title: Ma,
-  text: ka
-}, za = {
-  info: /* @__PURE__ */ n(ko, {}),
-  warning: /* @__PURE__ */ n(zo, {}),
-  alert: /* @__PURE__ */ n(Ro, {})
+  title: ka,
+  text: za
 }, Ra = {
+  info: /* @__PURE__ */ n(zo, {}),
+  warning: /* @__PURE__ */ n(Ro, {}),
+  alert: /* @__PURE__ */ n(Eo, {})
+}, Ea = {
   info: { role: "status", live: "polite" },
   warning: { role: "status", live: "polite" },
   alert: { role: "alert" }
-}, Fl = ae(function({ variant: t = "info", title: o, icon: r, className: a, children: l, ...s }, c) {
-  const h = r === void 0 ? za[t] : r, { role: m, live: i } = Ra[t];
-  return /* @__PURE__ */ L(
+}, jl = 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: d } = Ea[t];
+  return /* @__PURE__ */ R(
     "div",
     {
       ...s,
       ref: c,
       role: m,
-      "aria-live": i,
-      className: z(ke.message, ke[t], a),
+      "aria-live": d,
+      className: E(ze.message, ze[t], a),
       children: [
-        h != null && /* @__PURE__ */ n("span", { className: ke.icon, "aria-hidden": "true", children: h }),
-        /* @__PURE__ */ L("div", { className: ke.body, children: [
-          o != null && /* @__PURE__ */ n("p", { className: ke.title, children: o }),
-          l != null && /* @__PURE__ */ n("div", { className: ke.text, children: l })
+        h != null && /* @__PURE__ */ n("span", { className: ze.icon, "aria-hidden": "true", children: h }),
+        /* @__PURE__ */ R("div", { className: ze.body, children: [
+          o != null && /* @__PURE__ */ n("p", { className: ze.title, children: o }),
+          l != null && /* @__PURE__ */ n("div", { className: ze.text, children: l })
         ] })
       ]
     }
   );
-}), Ea = "_dialog_zbndh_2", Da = "_inner_zbndh_71", Ia = "_size4_zbndh_76", Ha = "_title_zbndh_80", Sa = "_closeX_zbndh_88", Ze = {
-  dialog: Ea,
+}), Ia = "_dialog_zbndh_2", Da = "_inner_zbndh_71", Ha = "_size4_zbndh_76", Sa = "_title_zbndh_80", Ta = "_closeX_zbndh_88", Ze = {
+  dialog: Ia,
   inner: Da,
-  size4: Ia,
-  title: Ha,
-  closeX: Sa
+  size4: Ha,
+  title: Sa,
+  closeX: Ta
 };
-let Ge = 0;
-const yt = Re(null), Ve = () => {
-  const e = Ee(yt);
+let Ue = 0;
+const xt = Ee(null), We = () => {
+  const e = Ie(xt);
   if (!e) throw new Error("Dialog parts must be inside a Dialog");
   return e;
 };
-function xt(e) {
+function Nt(e) {
   return function({ open: o, onOpenChange: r, children: a }) {
-    const [l, s] = Q(!1), c = o !== void 0, h = c ? o : l, m = (_) => {
-      c || s(_), r == null || r(_);
-    }, i = se(), g = se(), [$, w] = Q(!1);
-    return /* @__PURE__ */ n(yt.Provider, { value: { open: h, setOpen: m, titleId: i, descId: g, alert: e, hasDesc: $, setHasDesc: w }, children: a });
+    const [l, s] = Q(!1), c = o !== void 0, h = c ? o : l, m = (u) => {
+      c || s(u), r == null || r(u);
+    }, d = se(), C = se(), [$, y] = Q(!1);
+    return /* @__PURE__ */ n(xt.Provider, { value: { open: h, setOpen: m, titleId: d, descId: C, alert: e, hasDesc: $, setHasDesc: y }, children: a });
   };
 }
-const qa = xt(!1), Nt = (e, t) => {
-  if (!ze(e)) return e;
+const qa = Nt(!1), Mt = (e, t) => {
+  if (!Re(e)) return e;
   const o = e;
-  return Xe(o, {
+  return Ye(o, {
     onClick: (r) => {
       var a, l;
       (l = (a = o.props).onClick) == null || l.call(a, r), t();
@@ -2235,24 +2293,24 @@ const qa = xt(!1), Nt = (e, t) => {
 function Lt({
   children: e
 }) {
-  const t = Ve();
-  return /* @__PURE__ */ n(he, { children: Nt(e, () => t.setOpen(!0)) });
+  const t = We();
+  return /* @__PURE__ */ n(he, { children: Mt(e, () => t.setOpen(!0)) });
 }
-function st({
+function at({
   children: e
 }) {
-  const t = Ve();
-  return /* @__PURE__ */ n(he, { children: Nt(e, () => t.setOpen(!1)) });
+  const t = We();
+  return /* @__PURE__ */ n(he, { children: Mt(e, () => t.setOpen(!1)) });
 }
-function Mt({ size: e = "3", maxWidth: t, className: o, style: r, children: a, ...l }) {
-  const s = Ve(), c = F(null), h = F(!1), m = F(!1);
+function kt({ size: e = "3", maxWidth: t, className: o, style: r, children: a, ...l }) {
+  const s = We(), 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());
+    const d = c.current;
+    d && (s.open && !d.open ? d.showModal() : !s.open && d.open && d.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 = "");
+      return Ue += 1, Ue === 1 && (document.body.style.overflow = "hidden"), () => {
+        Ue -= 1, Ue === 0 && (document.body.style.overflow = "");
       };
   }, [s.open]), /* @__PURE__ */ n(
     "dialog",
@@ -2262,14 +2320,14 @@ function Mt({ size: e = "3", maxWidth: t, className: o, style: r, children: a, .
       role: s.alert ? "alertdialog" : void 0,
       "aria-labelledby": s.titleId,
       "aria-describedby": s.hasDesc ? s.descId : void 0,
-      className: z(Ze.dialog, "spDialog", e === "4" && Ze.size4, o),
+      className: E(Ze.dialog, "spDialog", e === "4" && Ze.size4, o),
       style: { ...t ? { maxWidth: t } : null, ...r },
-      onKeyDownCapture: (i) => {
-        var g, $;
-        i.key === "Escape" && ((g = c.current) != null && g.querySelector("dialog[open]") || ($ = c.current) != null && $.querySelector('[role="listbox"]:not([hidden])') && (h.current = !0));
+      onKeyDownCapture: (d) => {
+        var C, $;
+        d.key === "Escape" && ((C = c.current) != null && C.querySelector("dialog[open]") || ($ = c.current) != null && $.querySelector('[role="listbox"]:not([hidden])') && (h.current = !0));
       },
-      onCancel: (i) => {
-        if (i.preventDefault(), h.current) {
+      onCancel: (d) => {
+        if (d.preventDefault(), h.current) {
           h.current = !1;
           return;
         }
@@ -2278,13 +2336,13 @@ function Mt({ size: e = "3", maxWidth: t, className: o, style: r, children: a, .
       onClose: () => {
         s.open && s.setOpen(!1);
       },
-      onPointerDown: (i) => {
-        m.current = i.target === c.current;
+      onPointerDown: (d) => {
+        m.current = d.target === c.current;
       },
-      onClick: (i) => {
-        !s.alert && i.target === c.current && m.current && s.setOpen(!1);
+      onClick: (d) => {
+        !s.alert && d.target === c.current && m.current && s.setOpen(!1);
       },
-      children: /* @__PURE__ */ L("div", { className: Ze.inner, children: [
+      children: /* @__PURE__ */ R("div", { className: Ze.inner, children: [
         !s.alert && /* @__PURE__ */ n(
           "button",
           {
@@ -2292,7 +2350,7 @@ function Mt({ size: e = "3", maxWidth: t, className: o, style: r, children: a, .
             className: Ze.closeX,
             "aria-label": "Close",
             onClick: () => s.setOpen(!1),
-            children: /* @__PURE__ */ n(Mo, { width: 16, height: 16 })
+            children: /* @__PURE__ */ n(ko, { width: 16, height: 16 })
           }
         ),
         a
@@ -2300,82 +2358,82 @@ function Mt({ size: e = "3", maxWidth: t, className: o, style: r, children: a, .
     }
   );
 }
-function kt({ className: e, ...t }) {
-  const o = Ve();
-  return /* @__PURE__ */ n(rn, { as: "h2", size: "5", ...t, id: o.titleId, className: z(Ze.title, e) });
+function zt({ className: e, ...t }) {
+  const o = We();
+  return /* @__PURE__ */ n(sn, { as: "h2", size: "5", ...t, id: o.titleId, className: E(Ze.title, e) });
 }
-function zt(e) {
-  const t = Ve(), { setHasDesc: o } = t;
-  return we(() => (o(!0), () => o(!1)), [o]), /* @__PURE__ */ n(Gt, { as: "p", ...e, id: t.descId });
+function Rt(e) {
+  const t = We(), { setHasDesc: o } = t;
+  return ye(() => (o(!0), () => o(!1)), [o]), /* @__PURE__ */ n(Ut, { as: "p", ...e, id: t.descId });
 }
-const jl = Object.assign(qa, {
+const Gl = Object.assign(qa, {
   Trigger: Lt,
-  Close: st,
-  Content: Mt,
-  Title: kt,
-  Description: zt
-}), Ta = st, Aa = st, Gl = Object.assign(xt(!0), {
+  Close: at,
+  Content: kt,
+  Title: zt,
+  Description: Rt
+}), Aa = at, Oa = at, Ul = Object.assign(Nt(!0), {
   Trigger: Lt,
-  Content: Mt,
-  Title: kt,
-  Description: zt,
-  Cancel: Ta,
-  Action: Aa
-}), Oa = "_menu_1d12s_1", Za = "_label_1d12s_55", Ba = "_item_1d12s_65", Va = "_danger_1d12s_84", Wa = "_separator_1d12s_88", Be = {
-  menu: Oa,
+  Content: kt,
+  Title: zt,
+  Description: Rt,
+  Cancel: Aa,
+  Action: Oa
+}), Ba = "_menu_1d12s_1", Za = "_label_1d12s_55", Va = "_item_1d12s_65", Wa = "_danger_1d12s_84", Pa = "_separator_1d12s_88", Ve = {
+  menu: Ba,
   label: Za,
-  item: Ba,
-  danger: Va,
-  separator: Wa
-}, Rt = Re(null), Pa = () => {
-  const e = Ee(Rt);
+  item: Va,
+  danger: Wa,
+  separator: Pa
+}, Et = Ee(null), Fa = () => {
+  const e = Ie(Et);
   if (!e) throw new Error("DropdownMenu parts must be inside a DropdownMenu");
   return e;
 };
-function Fa({ label: e, align: t = "start", children: o, ...r }) {
-  const [a, l] = Q(!1), s = se(), c = F(null), h = F(null), m = F(null), i = F(a);
-  i.current = a;
-  const g = pe((_) => {
-    i.current !== _ && (i.current = _, l(_));
-  }, []), [$, w] = Q(null);
-  return we(() => {
+function ja({ label: e, align: t = "start", children: o, ...r }) {
+  const [a, l] = Q(!1), s = se(), c = P(null), h = P(null), m = P(null), d = P(a);
+  d.current = a;
+  const C = pe((u) => {
+    d.current !== u && (d.current = u, l(u));
+  }, []), [$, y] = Q(null);
+  return ye(() => {
     var b;
-    const _ = h.current;
-    if (_)
+    const u = h.current;
+    if (u)
       if (a) {
-        const v = c.current;
-        if (v) {
-          const k = v.getBoundingClientRect(), I = t === "end" ? "auto" : k.left, H = t === "end" ? window.innerWidth - k.right : "auto";
-          w({ top: k.bottom + 6, left: I, right: H });
+        const g = c.current;
+        if (g) {
+          const N = g.getBoundingClientRect(), I = t === "end" ? "auto" : N.left, T = t === "end" ? window.innerWidth - N.right : "auto";
+          y({ top: N.bottom + 6, left: I, right: T });
         }
-        _.showPopover(), (b = _.querySelector('[role="menuitem"]')) == null || b.focus();
-      } else _.matches(":popover-open") && _.hidePopover();
+        u.showPopover(), (b = u.querySelector('[role="menuitem"]')) == null || b.focus();
+      } else u.matches(":popover-open") && u.hidePopover();
   }, [a, t]), te(() => {
     if (!a) return;
-    const _ = () => g(!1);
-    return window.addEventListener("resize", _), () => window.removeEventListener("resize", _);
-  }, [a]), /* @__PURE__ */ L(Rt.Provider, { value: { open: a, setOpen: g, menuId: s }, children: [
+    const u = () => C(!1);
+    return window.addEventListener("resize", u), () => window.removeEventListener("resize", u);
+  }, [a]), /* @__PURE__ */ R(Et.Provider, { value: { open: a, setOpen: C, menuId: s }, children: [
     /* @__PURE__ */ n(
-      Ue,
+      Ke,
       {
         ...r,
         ref: c,
         "aria-haspopup": "menu",
         "aria-expanded": a,
         "aria-controls": s,
-        onPointerDown: (_) => {
+        onPointerDown: (u) => {
           var b;
-          (b = r.onPointerDown) == null || b.call(r, _), m.current = !i.current;
+          (b = r.onPointerDown) == null || b.call(r, u), m.current = !d.current;
         },
-        onKeyDown: (_) => {
+        onKeyDown: (u) => {
           var b;
-          (b = r.onKeyDown) == null || b.call(r, _), (_.key === "Enter" || _.key === " ") && (m.current = null);
+          (b = r.onKeyDown) == null || b.call(r, u), (u.key === "Enter" || u.key === " ") && (m.current = null);
         },
-        onClick: (_) => {
-          var v;
-          (v = r.onClick) == null || v.call(r, _);
-          const b = m.current ?? !i.current;
-          m.current = null, g(b);
+        onClick: (u) => {
+          var g;
+          (g = r.onClick) == null || g.call(r, u);
+          const b = m.current ?? !d.current;
+          m.current = null, C(b);
         },
         children: e
       }
@@ -2387,86 +2445,86 @@ function Fa({ label: e, align: t = "start", children: o, ...r }) {
         id: s,
         role: "menu",
         popover: "auto",
-        className: Be.menu,
+        className: Ve.menu,
         style: $ ? {
           top: $.top,
           left: $.left === "auto" ? "auto" : $.left,
           right: $.right === "auto" ? "auto" : $.right
         } : void 0,
-        onToggle: (_) => {
-          _.nativeEvent.newState === "closed" && g(!1);
+        onToggle: (u) => {
+          u.nativeEvent.newState === "closed" && C(!1);
         },
-        onKeyDown: (_) => {
-          var k, I, H, Y, U, D;
+        onKeyDown: (u) => {
+          var N, I, T, X, G, D;
           const b = Array.from(
-            ((k = h.current) == null ? void 0 : k.querySelectorAll('[role="menuitem"]')) ?? []
-          ), v = b.indexOf(document.activeElement);
-          _.key === "ArrowDown" ? (_.preventDefault(), (I = b[Math.min(v + 1, b.length - 1)]) == null || I.focus()) : _.key === "ArrowUp" ? (_.preventDefault(), (H = b[Math.max(v - 1, 0)]) == null || H.focus()) : _.key === "Home" ? (_.preventDefault(), (Y = b[0]) == null || Y.focus()) : _.key === "End" ? (_.preventDefault(), (U = b[b.length - 1]) == null || U.focus()) : _.key === "Escape" && (g(!1), (D = c.current) == null || D.focus());
+            ((N = h.current) == null ? void 0 : N.querySelectorAll('[role="menuitem"]')) ?? []
+          ), g = b.indexOf(document.activeElement);
+          u.key === "ArrowDown" ? (u.preventDefault(), (I = b[Math.min(g + 1, b.length - 1)]) == null || I.focus()) : u.key === "ArrowUp" ? (u.preventDefault(), (T = b[Math.max(g - 1, 0)]) == null || T.focus()) : u.key === "Home" ? (u.preventDefault(), (X = b[0]) == null || X.focus()) : u.key === "End" ? (u.preventDefault(), (G = b[b.length - 1]) == null || G.focus()) : u.key === "Escape" && (C(!1), (D = c.current) == null || D.focus());
         },
         children: o
       }
     )
   ] });
 }
-function ja({
+function Ga({
   children: e
 }) {
-  return /* @__PURE__ */ n("div", { className: Be.label, children: e });
+  return /* @__PURE__ */ n("div", { className: Ve.label, children: e });
 }
-function Ga({ asChild: e, color: t, onSelect: o, children: r }) {
-  const a = Pa(), l = z(Be.item, t === "danger" && Be.danger), s = () => {
+function Ua({ asChild: e, color: t, onSelect: o, children: r }) {
+  const a = Fa(), l = E(Ve.item, t === "danger" && Ve.danger), s = () => {
     a.setOpen(!1), o == null || o();
   };
-  if (e && ze(r)) {
+  if (e && Re(r)) {
     const c = r, {
       className: h,
       onClick: m,
-      children: i,
-      role: g,
+      children: d,
+      role: C,
       tabIndex: $,
-      ...w
-    } = c.props, _ = c.ref;
-    return ot(
+      ...y
+    } = c.props, u = c.ref;
+    return rt(
       c.type,
       {
         key: c.key,
-        ref: _,
+        ref: u,
         role: "menuitem",
         tabIndex: -1,
-        ...w,
-        className: z(l, h),
+        ...y,
+        className: E(l, h),
         onClick: (b) => {
           m == null || m(b), a.setOpen(!1);
         }
       },
-      i
+      d
     );
   }
   return /* @__PURE__ */ n("button", { type: "button", role: "menuitem", tabIndex: -1, className: l, onClick: s, children: r });
 }
-function Ua() {
-  return /* @__PURE__ */ n("div", { role: "separator", className: Be.separator });
+function Ka() {
+  return /* @__PURE__ */ n("div", { role: "separator", className: Ve.separator });
 }
-const Ul = Object.assign(Fa, { Item: Ga, Separator: Ua, Label: ja }), Ka = "_list_1b44l_19", Xa = "_trigger_1b44l_28", Et = {
-  list: Ka,
-  trigger: Xa
-}, Dt = Re(null), It = () => {
-  const e = Ee(Dt);
+const Kl = Object.assign(ja, { Item: Ua, Separator: Ka, Label: Ga }), Xa = "_list_1b44l_19", Ya = "_trigger_1b44l_28", It = {
+  list: Xa,
+  trigger: Ya
+}, Dt = Ee(null), Ht = () => {
+  const e = Ie(Dt);
   if (!e) throw new Error("Tabs parts must be inside a Tabs");
   return e;
 };
-function Ya({ value: e, onValueChange: t, className: o, children: r }) {
+function Qa({ 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 Qa({
+function Ja({
   children: e
 }) {
   return /* @__PURE__ */ n(
     "div",
     {
       role: "tablist",
-      className: z(Et.list, "spTabsList"),
+      className: E(It.list, "spTabsList"),
       onKeyDown: (t) => {
         const o = Array.from(
           t.currentTarget.querySelectorAll('[role="tab"]')
@@ -2495,8 +2553,8 @@ function Qa({
     }
   );
 }
-function Ja({ value: e, className: t, children: o, ...r }) {
-  const a = It(), l = a.value === e;
+function el({ value: e, className: t, children: o, ...r }) {
+  const a = Ht(), l = a.value === e;
   return /* @__PURE__ */ n(
     "button",
     {
@@ -2508,23 +2566,23 @@ function Ja({ value: e, className: t, children: o, ...r }) {
       "aria-controls": `${a.id}-panel-${e}`,
       tabIndex: l ? 0 : -1,
       "data-state": l ? "active" : "inactive",
-      className: z(Et.trigger, "spTabsTrigger", t),
+      className: E(It.trigger, "spTabsTrigger", t),
       onClick: () => a.onValueChange(e),
       children: o
     }
   );
 }
-function el({
+function tl({
   value: e,
   children: t
 }) {
-  const o = It();
+  const o = Ht();
   return o.value !== e ? null : /* @__PURE__ */ n("div", { role: "tabpanel", id: `${o.id}-panel-${e}`, "aria-labelledby": `${o.id}-tab-${e}`, children: t });
 }
-const Kl = Object.assign(Ya, { List: Qa, Trigger: Ja, Content: el }), tl = "_panel_5axce_9", nl = {
-  panel: tl
-}, ft = 8, Oe = 8, ol = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function Xl({
+const Xl = Object.assign(Qa, { List: Ja, Trigger: el, Content: tl }), nl = "_panel_5axce_9", ol = {
+  panel: nl
+}, pt = 8, Be = 8, rl = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function Yl({
   label: e,
   children: t,
   open: o,
@@ -2536,63 +2594,63 @@ function Xl({
   onClick: h,
   ...m
 }) {
-  const [i, g] = Q(a), $ = o !== void 0, w = $ ? o : i, _ = se(), b = se(), v = F(null), k = F(null), [I, H] = Q(null), Y = F(!1), U = F(!1), D = F(null), T = F(w);
-  T.current = w;
-  const B = pe(
+  const [d, C] = Q(a), $ = o !== void 0, y = $ ? o : d, u = se(), b = se(), g = P(null), N = P(null), [I, T] = Q(null), X = P(!1), G = P(!1), D = P(null), q = P(y);
+  q.current = y;
+  const V = pe(
     (x) => {
-      T.current !== x && (T.current = x, $ || g(x), r == null || r(x));
+      q.current !== x && (q.current = x, $ || C(x), r == null || r(x));
     },
     [$, r]
-  ), X = pe(() => {
-    const x = v.current, M = k.current;
-    if (!x || !M) return;
-    const S = x.getBoundingClientRect(), j = M.offsetWidth, f = M.offsetHeight, R = S.bottom + ft, A = S.top - f - ft, C = R + f <= window.innerHeight - Oe, N = A >= Oe, V = l === "bottom" ? C || !N ? R : A : N || !C ? A : R, W = V === R ? "bottom" : "top";
-    M.dataset.side = W;
-    const G = s === "start" ? S.left : s === "end" ? S.right - j : S.left + S.width / 2 - j / 2, p = Math.min(
-      Math.max(G, Oe),
-      Math.max(window.innerWidth - j - Oe, Oe)
+  ), K = pe(() => {
+    const x = g.current, k = N.current;
+    if (!x || !k) return;
+    const w = x.getBoundingClientRect(), H = k.offsetWidth, i = k.offsetHeight, z = w.bottom + pt, A = w.top - i - pt, v = z + i <= window.innerHeight - Be, M = A >= Be, W = l === "bottom" ? v || !M ? z : A : M || !v ? A : z, F = W === z ? "bottom" : "top";
+    k.dataset.side = F;
+    const U = s === "start" ? w.left : s === "end" ? w.right - H : w.left + w.width / 2 - H / 2, _ = Math.min(
+      Math.max(U, Be),
+      Math.max(window.innerWidth - H - Be, Be)
     );
-    H(
-      (y) => y && y.top === V && y.left === p && y.placed === W ? y : { top: V, left: p, placed: W }
+    T(
+      (L) => L && L.top === W && L.left === _ && L.placed === F ? L : { top: W, left: _, placed: F }
     );
   }, [l, s]);
-  return we(() => {
-    const x = k.current;
-    x && (w ? (Ye(x, X), X(), Y.current && (Y.current = !1, (x.querySelector(ol) ?? x).focus({ preventScroll: !0 }))) : x.matches(":popover-open") && x.hidePopover());
-  }, [w, X]), te(() => {
-    if (!w) return;
-    let x = 0, M = "";
-    const S = () => {
-      const j = v.current, f = k.current;
-      if (j && f) {
-        const R = j.getBoundingClientRect(), A = `${R.top}|${R.left}|${R.width}|${R.height}|${f.offsetWidth}|${f.offsetHeight}|${window.innerWidth}|${window.innerHeight}`;
-        A !== M && (M = A, X());
+  return ye(() => {
+    const x = N.current;
+    x && (y ? (Qe(x, K), K(), X.current && (X.current = !1, (x.querySelector(rl) ?? x).focus({ preventScroll: !0 }))) : x.matches(":popover-open") && x.hidePopover());
+  }, [y, K]), te(() => {
+    if (!y) return;
+    let x = 0, k = "";
+    const w = () => {
+      const H = g.current, i = N.current;
+      if (H && i) {
+        const z = H.getBoundingClientRect(), A = `${z.top}|${z.left}|${z.width}|${z.height}|${i.offsetWidth}|${i.offsetHeight}|${window.innerWidth}|${window.innerHeight}`;
+        A !== k && (k = A, K());
       }
-      x = requestAnimationFrame(S);
+      x = requestAnimationFrame(w);
     };
-    return x = requestAnimationFrame(S), () => cancelAnimationFrame(x);
-  }, [w, X]), /* @__PURE__ */ L(he, { children: [
+    return x = requestAnimationFrame(w), () => cancelAnimationFrame(x);
+  }, [y, K]), /* @__PURE__ */ R(he, { children: [
     /* @__PURE__ */ n(
-      Ue,
+      Ke,
       {
         ...m,
-        ref: v,
-        id: _,
+        ref: g,
+        id: u,
         "aria-haspopup": "dialog",
-        "aria-expanded": w,
+        "aria-expanded": y,
         "aria-controls": b,
         onPointerDown: (x) => {
-          var M;
-          (M = m.onPointerDown) == null || M.call(m, x), D.current = !T.current;
+          var k;
+          (k = m.onPointerDown) == null || k.call(m, x), D.current = !q.current;
         },
         onKeyDown: (x) => {
-          var M;
-          (M = m.onKeyDown) == null || M.call(m, x), (x.key === "Enter" || x.key === " ") && (D.current = null);
+          var k;
+          (k = m.onKeyDown) == null || k.call(m, x), (x.key === "Enter" || x.key === " ") && (D.current = null);
         },
         onClick: (x) => {
           h == null || h(x);
-          const M = D.current ?? !T.current;
-          D.current = null, M && (Y.current = !0), B(M);
+          const k = D.current ?? !q.current;
+          D.current = null, k && (X.current = !0), V(k);
         },
         children: e
       }
@@ -2600,22 +2658,22 @@ function Xl({
     /* @__PURE__ */ n(
       "div",
       {
-        ref: k,
+        ref: N,
         id: b,
         popover: "auto",
         role: "dialog",
-        "aria-labelledby": _,
+        "aria-labelledby": u,
         tabIndex: -1,
-        className: z(nl.panel, ue.spacePanel, c),
+        className: E(ol.panel, ue.spacePanel, c),
         "data-animated": m.animated === !1 ? "false" : void 0,
         "data-side": (I == null ? void 0 : I.placed) ?? l,
         style: I ? { top: I.top, left: I.left } : void 0,
         onKeyDown: (x) => {
-          x.key === "Escape" && (U.current = !0, x.stopPropagation());
+          x.key === "Escape" && (G.current = !0, x.stopPropagation());
         },
         onToggle: (x) => {
-          var M;
-          x.nativeEvent.newState === "closed" && (U.current && (U.current = !1, (M = v.current) == null || M.focus()), B(!1));
+          var k;
+          x.nativeEvent.newState === "closed" && (G.current && (G.current = !1, (k = g.current) == null || k.focus()), V(!1));
         },
         children: t
       }
@@ -2623,63 +2681,63 @@ function Xl({
   ] });
 }
 export {
-  Gl as AlertDialog,
+  Ul as AlertDialog,
   ql as Autocomplete,
-  dl as Badge,
-  Ol as BarList,
-  zl as BookmarkIcon,
-  cl as Box,
-  Ue as Button,
-  fl as Card,
-  Rl as Carousel,
-  Al as Chart,
-  _l as ChatBubbleIcon,
-  bl as CheckIcon,
-  Vl as Checkbox,
-  Bl as CheckboxGroup,
-  kl as ChevronDownIcon,
-  ht as ChevronLeftIcon,
-  _t as ChevronRightIcon,
-  Ml as ChevronUpIcon,
-  Ro as CrossCircledIcon,
-  jl as Dialog,
-  Ul as DropdownMenu,
-  vl as EnterFullScreenIcon,
-  zo as ExclamationTriangleIcon,
-  Cl as ExitFullScreenIcon,
-  ll as Flex,
-  il as Grid,
-  rn as Heading,
-  gl as HeartFilledIcon,
+  ul as Badge,
+  Bl as BarList,
+  Rl as BookmarkIcon,
+  il as Box,
+  Ke as Button,
+  pl as Card,
+  El as Carousel,
+  Ol as Chart,
+  hl as ChatBubbleIcon,
+  wl as CheckIcon,
+  Wl as Checkbox,
+  Vl as CheckboxGroup,
+  zl as ChevronDownIcon,
+  mt as ChevronLeftIcon,
+  ht as ChevronRightIcon,
+  kl as ChevronUpIcon,
+  Eo as CrossCircledIcon,
+  Gl as Dialog,
+  Kl as DropdownMenu,
+  bl as EnterFullScreenIcon,
+  Ro as ExclamationTriangleIcon,
+  vl as ExitFullScreenIcon,
+  cl as Flex,
+  dl as Grid,
+  sn as Heading,
+  Cl as HeartFilledIcon,
   Ll as HeartIcon,
-  Il as IconToggle,
-  ko as InfoCircledIcon,
-  al as Link,
+  Hl as IconToggle,
+  zo as InfoCircledIcon,
+  ll as Link,
   Dl as Loader,
-  Nl as MagnifyingGlassIcon,
-  Fl as Message,
-  xl as MinusIcon,
-  El as Pagination,
-  ml as Pencil1Icon,
-  yl as PersonIcon,
+  Ml as MagnifyingGlassIcon,
+  jl as Message,
+  Nl as MinusIcon,
+  Il as Pagination,
+  gl as Pencil1Icon,
+  xl as PersonIcon,
   Zl as PieChart,
-  hl as PlusIcon,
-  Xl as Popover,
-  Pl as Progress,
-  wl as QuestionMarkCircledIcon,
-  Wl as RadioGroup,
-  Hl as Select,
-  ul as Separator,
-  pl as Share2Icon,
-  Tl as Slider,
-  Kl as Tabs,
-  Gt as Text,
-  Sl as TextArea,
-  ct as TextField,
-  mr as Tooltip,
+  ml as PlusIcon,
+  Yl as Popover,
+  Fl as Progress,
+  yl as QuestionMarkCircledIcon,
+  Pl as RadioGroup,
+  Sl as Select,
+  fl as Separator,
+  _l as Share2Icon,
+  Al as Slider,
+  Xl as Tabs,
+  Ut as Text,
+  Tl as TextArea,
+  it as TextField,
+  gr as Tooltip,
   $l as TrashIcon,
-  Mo as XIcon,
-  tr as pageCount,
-  nr as pageWindow
+  ko as XIcon,
+  nr as pageCount,
+  or as pageWindow
 };
 //# sourceMappingURL=index.js.map