@duro-app/ui 5.2.0 → 5.4.0

package/dist/{Table-C70zdSkM.js → Table-Cm5cCnZD.js}

@@ -1,8 +1,8 @@
-import { jsx as $, jsxs as U, Fragment as ye } from "react/jsx-runtime";
-import { c as R, m as W, d as S } from "./compiler-runtime-B2IcI8_O.js";
-import { useState as N, useContext as A, createContext as F, useRef as L, useLayoutEffect as ee, useId as Y, useCallback as K, useEffect as D, Children as J, isValidElement as we } from "react";
-import { createPortal as Me } from "react-dom";
-const $e = {
+import { jsx as M, jsxs as U, Fragment as Me } from "react/jsx-runtime";
+import { c as I, m as W, d as C } from "./compiler-runtime-B2IcI8_O.js";
+import { useContext as A, createContext as G, useId as Y, useRef as q, useLayoutEffect as J, useState as Z, useCallback as K, useEffect as F, Children as Q, isValidElement as Te } from "react";
+import { createPortal as We } from "react-dom";
+const Ce = {
   xs: 4,
   sm: 8,
   ms: 12,
@@ -11,7 +11,7 @@ const $e = {
   xl: 32,
   xxl: 48,
   xxxl: 64
-}, on = {
+}, dr = {
   instant: 0,
   minimal: 1,
   quick: 120,
@@ -19,39 +19,136 @@ const $e = {
   brisk: 160,
   base: 200,
   slow: 280
-}, Te = ["touchTarget", "controlSm", "controlMd", "controlLg", "indicator", "indicatorDot", "checkMarkW", "checkMarkH", "switchTrackW", "switchTrackH", "switchThumb", "iconButton", "iconButtonSm", "spinnerSm", "spinnerMd", "spinnerLg", "glyphXs", "glyphSm", "glyphMd", "iconSm", "iconMd", "iconLg", "iconXl", "iconXxl", "navMarkerW", "navMarkerH", "divider", "tabIndicator", "edgeFade", "scrollbar", "swatchW", "swatchH", "labelMinW", "popupMinW", "listMaxH", "listMaxHSm", "dialogSm", "dialogMd", "dialogLg", "panelSm", "panelMd", "panelLg", "toastMaxW", "gridColSm", "gridColMd", "pageSm", "pageMd", "pageLg", "sidebarW", "pageXs", "pageXl", "asideW", "gridColXs", "fieldMinWSm", "fieldMinW", "popoverWSm", "popoverW", "popupMaxW", "meterH", "skeletonChipW", "dropZoneMinH", "canvasMinH", "editorMinH", "toolbarH", "embedW", "colorPickerW", "colorAreaH", "colorTrackH", "colorSwatch", "colorPreviewH", "handle", "chip", "placeholderMinH", "previewMaxH", "barH", "readoutW", "sliderW", "paletteMinW", "deviceBarW"], _ = {
+}, Se = ["touchTarget", "controlSm", "controlMd", "controlLg", "indicator", "indicatorDot", "checkMarkW", "checkMarkH", "switchTrackW", "switchTrackH", "switchThumb", "iconButton", "iconButtonSm", "spinnerSm", "spinnerMd", "spinnerLg", "glyphXs", "glyphSm", "glyphMd", "iconSm", "iconMd", "iconLg", "iconXl", "iconXxl", "navMarkerW", "navMarkerH", "divider", "tabIndicator", "edgeFade", "scrollbar", "swatchW", "swatchH", "labelMinW", "popupMinW", "listMaxH", "listMaxHSm", "dialogSm", "dialogMd", "dialogLg", "panelSm", "panelMd", "panelLg", "toastMaxW", "gridColSm", "gridColMd", "pageSm", "pageMd", "pageLg", "sidebarW", "pageXs", "pageXl", "asideW", "gridColXs", "fieldMinWSm", "fieldMinW", "popoverWSm", "popoverW", "popupMaxW", "meterH", "skeletonChipW", "dropZoneMinH", "canvasMinH", "editorMinH", "toolbarH", "embedW", "colorPickerW", "colorAreaH", "colorTrackH", "colorSwatch", "colorPreviewH", "handle", "chip", "placeholderMinH", "previewMaxH", "barH", "readoutW", "sliderW", "paletteMinW", "deviceBarW", "timeGutterW", "dayHeaderH"], _ = {
   touchTarget: 44,
   iconSm: 16,
   iconMd: 18,
   iconLg: 24,
   iconXl: 36,
   iconXxl: 48
-}, nn = {
+}, ur = {
   sm: _.iconSm,
   md: _.iconMd,
   lg: _.iconLg,
   xl: _.iconXl,
   xxl: _.iconXxl
-}, We = {
-  xjvd03b: "xjcnmia xjvd03b",
+}, pe = G(null);
+function Re() {
+  return A(pe);
+}
+const xe = G(null);
+function je() {
+  return A(xe);
+}
+const X = {
+  item: {
+    "position-kVAEAm": "position-x1n2onr6",
+    "zIndex-kY2c9j": "zIndex-x1lhispz",
+    $$css: "ButtonGroup/attached.css.ts:14"
+  },
+  horizontalFirst: {
+    "borderTopRightRadius-ksF3WI": "borderTopRightRadius-x1a2w583",
+    "borderBottomRightRadius-kYm2EN": "borderBottomRightRadius-xjppbhk",
+    $$css: "ButtonGroup/attached.css.ts:18"
+  },
+  horizontalMiddle: {
+    "borderRadius-kaIpWk": "borderRadius-x2u8bby",
+    "marginLeft-koQZXg": "marginLeft-x1804tp4",
+    $$css: "ButtonGroup/attached.css.ts:22"
+  },
+  horizontalLast: {
+    "borderTopLeftRadius-kIxVMA": "borderTopLeftRadius-x1ia1hqs",
+    "borderBottomLeftRadius-kqGeR4": "borderBottomLeftRadius-xfrllxf",
+    "marginLeft-koQZXg": "marginLeft-x1804tp4",
+    $$css: "ButtonGroup/attached.css.ts:26"
+  },
+  verticalFirst: {
+    "borderBottomLeftRadius-kqGeR4": "borderBottomLeftRadius-xfrllxf",
+    "borderBottomRightRadius-kYm2EN": "borderBottomRightRadius-xjppbhk",
+    $$css: "ButtonGroup/attached.css.ts:31"
+  },
+  verticalMiddle: {
+    "borderRadius-kaIpWk": "borderRadius-x2u8bby",
+    "marginTop-keoZOQ": "marginTop-xn1ib9x",
+    $$css: "ButtonGroup/attached.css.ts:35"
+  },
+  verticalLast: {
+    "borderTopLeftRadius-kIxVMA": "borderTopLeftRadius-x1ia1hqs",
+    "borderTopRightRadius-ksF3WI": "borderTopRightRadius-x1a2w583",
+    "marginTop-keoZOQ": "marginTop-xn1ib9x",
+    $$css: "ButtonGroup/attached.css.ts:39"
+  }
+}, ze = {
+  horizontal: {
+    first: X.horizontalFirst,
+    middle: X.horizontalMiddle,
+    last: X.horizontalLast,
+    only: null
+  },
+  vertical: {
+    first: X.verticalFirst,
+    middle: X.verticalMiddle,
+    last: X.verticalLast,
+    only: null
+  }
+};
+function He(t) {
+  const e = I.c(26);
+  let o;
+  e[0] !== t ? (o = t === void 0 ? {} : t, e[0] = t, e[1] = o) : o = e[1];
+  const {
+    disabled: r
+  } = o, c = r === void 0 ? !1 : r, l = Y(), a = q(null), i = je(), n = Re(), s = i?.register, u = n?.register;
+  let p, d;
+  e[2] !== c || e[3] !== s || e[4] !== l || e[5] !== u ? (p = () => {
+    const R = a.current;
+    if (!R)
+      return;
+    const H = s?.(l, R, c), L = u?.(l, R, c);
+    return () => {
+      H?.(), L?.();
+    };
+  }, d = [l, c, s, u], e[2] = c, e[3] = s, e[4] = l, e[5] = u, e[6] = p, e[7] = d) : (p = e[6], d = e[7]), J(p, d);
+  let x;
+  e[8] !== i || e[9] !== l ? (x = i ? i.positionOf(l) : null, e[8] = i, e[9] = l, e[10] = x) : x = e[10];
+  const g = x;
+  let h;
+  e[11] !== i || e[12] !== g ? (h = i && g ? [X.item, ze[i.orientation][g]] : null, e[11] = i, e[12] = g, e[13] = h) : h = e[13];
+  const m = h, y = i !== null;
+  let k;
+  e[14] !== l || e[15] !== n ? (k = n?.tabIndexOf(l), e[14] = l, e[15] = n, e[16] = k) : k = e[16];
+  let w;
+  e[17] !== l || e[18] !== n ? (w = n ? () => n.onItemFocus(l) : void 0, e[17] = l, e[18] = n, e[19] = w) : w = e[19];
+  let S;
+  return e[20] !== g || e[21] !== m || e[22] !== y || e[23] !== k || e[24] !== w ? (S = {
+    ref: a,
+    attached: y,
+    position: g,
+    style: m,
+    tabIndex: k,
+    onFocus: w
+  }, e[20] = g, e[21] = m, e[22] = y, e[23] = k, e[24] = w, e[25] = S) : S = e[25], S;
+}
+const Ie = {
+  xjvd03b: "x27mww3 xjvd03b",
   $$css: !0
-}, Se = {
+}, Le = {
   x13v825q: "x1jk1o70 x13v825q",
   $$css: !0
-}, Ce = {
-  xjvd03b: "x1vaiyu xjvd03b",
+}, qe = {
+  xjvd03b: "x1kpt2hd xjvd03b",
   $$css: !0
-}, je = {
+}, Pe = {
   x13v825q: "xc8o4hb x13v825q",
   $$css: !0
-}, ze = {
-  light: [We, Se],
-  "high-contrast": [Ce, je]
-}, le = {
+}, Ee = {
+  light: [Ie, Le],
+  "high-contrast": [qe, Pe]
+}, ae = {
   root: {
     "display-k1xSpc": "display-xjp7ctv",
     "color-kMwMTN": "color-x95150z",
-    $$css: "ThemeProvider/ThemeProvider.tsx:20"
+    $$css: "ThemeProvider/ThemeProvider.tsx:21"
   },
   portalMount: {
     "position-kVAEAm": "position-xixxii4",
@@ -60,37 +157,44 @@ const $e = {
     "right-kCIrl2": "right-x3m8u43",
     "bottom-krVfgx": "bottom-x1ey2m1c",
     "pointerEvents-kfzvcC": "pointerEvents-x47corl",
-    "zIndex-kY2c9j": "zIndex-xp6lfbs",
-    $$css: "ThemeProvider/ThemeProvider.tsx:28"
+    "zIndex-kY2c9j": "zIndex-x3z26px",
+    $$css: "ThemeProvider/ThemeProvider.tsx:29"
   }
-}, ue = F(null);
-function Re() {
-  return A(ue);
+}, ge = G(null);
+function Be() {
+  return A(ge);
 }
-function rn(t) {
-  const e = R.c(11), {
+function pr(t) {
+  const e = I.c(11), {
     theme: o,
-    children: n
-  } = t, d = o === void 0 ? "dark" : o, a = ze[d], l = a?.[0], i = a?.[1];
-  let r;
-  e[0] !== l || e[1] !== i ? (r = [l, i, le.root], e[0] = l, e[1] = i, e[2] = r) : r = e[2];
-  const s = r, [p, c] = N(null);
-  let u;
-  e[3] !== n || e[4] !== p ? (u = /* @__PURE__ */ $(ue.Provider, { value: p, children: n }), e[3] = n, e[4] = p, e[5] = u) : u = e[5];
+    children: r
+  } = t, c = o === void 0 ? "dark" : o, l = Ee[c], a = l?.[0], i = l?.[1];
+  let n;
+  e[0] !== a || e[1] !== i ? (n = [a, i, ae.root], e[0] = a, e[1] = i, e[2] = n) : n = e[2];
+  const s = n, [u, p] = Z(null);
+  let d;
+  e[3] !== r || e[4] !== u ? (d = /* @__PURE__ */ M(ge.Provider, { value: u, children: r }), e[3] = r, e[4] = u, e[5] = d) : d = e[5];
   let x;
-  e[6] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ $("div", { "data-element-src": "ThemeProvider/ThemeProvider.tsx:58", ref: c, "data-portal-mount": !0, ...W(S.div, le.portalMount) }), e[6] = x) : x = e[6];
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ M("div", { "data-element-src": "ThemeProvider/ThemeProvider.tsx:60", ref: p, "data-portal-mount": !0, ...W(C.div, ae.portalMount) }), e[6] = x) : x = e[6];
   let g;
-  return e[7] !== u || e[8] !== d || e[9] !== s ? (g = /* @__PURE__ */ U("div", { "data-element-src": "ThemeProvider/ThemeProvider.tsx:56", "data-theme": d, ...W(S.div, s), children: [
-    u,
+  return e[7] !== d || e[8] !== c || e[9] !== s ? (g = /* @__PURE__ */ U("div", { "data-element-src": "ThemeProvider/ThemeProvider.tsx:58", "data-theme": c, ...W(C.div, s), children: [
+    d,
     x
-  ] }), e[7] = u, e[8] = d, e[9] = s, e[10] = g) : g = e[10], g;
+  ] }), e[7] = d, e[8] = c, e[9] = s, e[10] = g) : g = e[10], g;
 }
-const He = typeof process < "u" && process.env?.NODE_ENV === "production", ae = /* @__PURE__ */ new Set();
-function pe(t, e, o) {
-  const n = `${t}:${e}`;
-  He || ae.has(n) || (ae.add(n), console.warn(`[duro-app/ui ${t}] ${o}`));
+function Oe(t) {
+  const e = I.c(2), {
+    children: o
+  } = t;
+  let r;
+  return e[0] !== o ? (r = /* @__PURE__ */ M(xe.Provider, { value: null, children: /* @__PURE__ */ M(pe.Provider, { value: null, children: o }) }), e[0] = o, e[1] = r) : r = e[1], r;
 }
-const xe = {
+const Ae = typeof process < "u" && process.env?.NODE_ENV === "production", ce = /* @__PURE__ */ new Set();
+function he(t, e, o) {
+  const r = `${t}:${e}`;
+  Ae || ce.has(r) || (ce.add(r), console.warn(`[duro-app/ui ${t}] ${o}`));
+}
+const be = {
   touchTarget: "var(--touchTarget-x1u5badx)",
   controlSm: "var(--controlSm-x6ymn93)",
   controlMd: "var(--controlMd-xkvaeme)",
@@ -170,26 +274,28 @@ const xe = {
   sliderW: "var(--sliderW-xvcfp7i)",
   paletteMinW: "var(--paletteMinW-x1514e6j)",
   deviceBarW: "var(--deviceBarW-xqnx4o4)",
+  timeGutterW: "var(--timeGutterW-xsc6tna)",
+  dayHeaderH: "var(--dayHeaderH-x1j7gty0)",
   __varGroupHash__: "x1w57kmz"
-}, ge = new Set(Te);
-function he(t) {
-  return typeof t == "string" && ge.has(t) ? xe[t] : t;
+}, fe = new Set(Se);
+function me(t) {
+  return typeof t == "string" && fe.has(t) ? be[t] : t;
 }
-function ce(t) {
+function de(t) {
   const e = t;
   if (typeof e != "string") return e;
   const o = /^(minmax|fit-content)\((.*)\)$/.exec(e);
   if (o) {
-    const n = o[2].split(",").map((d) => String(he(d.trim())));
-    return `${o[1]}(${n.join(", ")})`;
+    const r = o[2].split(",").map((c) => String(me(c.trim())));
+    return `${o[1]}(${r.join(", ")})`;
   }
-  return ge.has(e) ? xe[e] : e;
+  return fe.has(e) ? be[e] : e;
 }
 const B = {
   root: {
     "position-kVAEAm": "position-x1n2onr6",
     "display-k1xSpc": "display-x3nfvp2",
-    $$css: "Menu/styles.css.ts:11"
+    $$css: "Menu/styles.css.ts:12"
   },
   trigger: {
     "display-k1xSpc": "display-x3nfvp2",
@@ -210,7 +316,7 @@ const B = {
     "cursor-kkrTdU": "cursor-x1ypdohk",
     "transitionProperty-k1ekBW": "transitionProperty-xts7igz",
     "transitionDuration-kIyJzY": "transitionDuration-x13k8chi",
-    $$css: "Menu/styles.css.ts:15"
+    $$css: "Menu/styles.css.ts:16"
   },
   triggerGhost: {
     "justifyContent-kjj79g": "justifyContent-xl56j7k",
@@ -221,7 +327,7 @@ const B = {
     "paddingLeft-kE3dHu": "paddingLeft-xzmizx3",
     "paddingRight-kpe85a": "paddingRight-x7ulw7g",
     "borderColor-kVAM5u": "borderColor-x9r1u3d",
-    $$css: "Menu/styles.css.ts:39"
+    $$css: "Menu/styles.css.ts:40"
   },
   popup: {
     "position-kVAEAm": "position-xixxii4",
@@ -238,15 +344,15 @@ const B = {
     "minWidth-k7Eaqz": "minWidth-x9i2ahm",
     "maxHeight-kskxy": "maxHeight-x2usv7r",
     "overflowY-kORKVm": "overflowY-x1odjw0f",
-    "zIndex-kY2c9j": "zIndex-x51lqrf",
+    "zIndex-kY2c9j": "zIndex-x9qr3eb",
     "pointerEvents-kfzvcC": "pointerEvents-x67bb7w",
     "outlineStyle-k3XXqK": "outlineStyle-x1t137rt",
-    $$css: "Menu/styles.css.ts:49"
+    $$css: "Menu/styles.css.ts:50"
   },
   popupPosition: (t, e) => [{
     "top-k87sOh": t != null ? "top-xjbys53" : t,
     "left-kbCHJM": e != null ? "left-xgq9j65" : e,
-    $$css: "Menu/styles.css.ts:72"
+    $$css: "Menu/styles.css.ts:73"
   }, {
     "--x-top": ((o) => typeof o == "number" ? o + "px" : o ?? void 0)(t),
     "--x-left": ((o) => typeof o == "number" ? o + "px" : o ?? void 0)(e)
@@ -266,7 +372,7 @@ const B = {
     "backgroundColor-kWkggS": "backgroundColor-xjbqb8w",
     "transitionProperty-k1ekBW": "transitionProperty-x15406qy",
     "transitionDuration-kIyJzY": "transitionDuration-x13k8chi",
-    $$css: "Menu/styles.css.ts:76"
+    $$css: "Menu/styles.css.ts:77"
   },
   itemHighlighted: {
     "backgroundColor-kWkggS": "backgroundColor-xlyqa1p",
@@ -274,7 +380,7 @@ const B = {
     "outlineWidth-kMeerF": "outlineWidth-x1a33d5h",
     "outlineColor-kjBf7l": "outlineColor-x1uczgqu",
     "outlineOffset-kInvED": "outlineOffset-x186wpgv",
-    $$css: "Menu/styles.css.ts:94"
+    $$css: "Menu/styles.css.ts:95"
   },
   separator: {
     "height-kZKoxP": "height-xqtp20y",
@@ -283,360 +389,353 @@ const B = {
     "borderTopWidth-kEafiO": "borderTopWidth-xljp14s",
     "borderTopStyle-kPef9Z": "borderTopStyle-x13fuv20",
     "borderTopColor-kLZC3w": "borderTopColor-xvuocu",
-    $$css: "Menu/styles.css.ts:101"
+    $$css: "Menu/styles.css.ts:102"
   },
   linkItem: {
     "textDecoration-kybGjl": "textDecoration-x1hl2dhg",
     "color-kMwMTN": "color-x95150z color-xtolcfe",
-    $$css: "Menu/styles.css.ts:109"
+    $$css: "Menu/styles.css.ts:110"
   }
-}, fe = F(null);
-function Z() {
-  const t = A(fe);
+}, ke = G(null);
+function ee() {
+  const t = A(ke);
   if (!t)
     throw new Error("Menu compound components must be used within Menu.Root");
   return t;
 }
-function Ie(t, e) {
+function Ge(t, e) {
   return t ? !e.some((o) => o != null && o.contains(t)) : !0;
 }
-function Le({
+function De({
   open: t,
   defaultOpen: e = !1,
   onOpenChange: o
 }) {
-  const [n, d] = N(e), a = t !== void 0, l = a ? t : n, [i, r] = N(null), s = L(i);
-  ee(() => {
+  const [r, c] = Z(e), l = t !== void 0, a = l ? t : r, [i, n] = Z(null), s = q(i);
+  J(() => {
     s.current = i;
   }, [i]);
-  const p = Y(), c = Y(), u = L(null), x = L(null), g = L(null), h = L(/* @__PURE__ */ new Map()), b = L([]), y = L(l);
-  y.current = l;
-  const k = L(o);
+  const u = Y(), p = Y(), d = q(null), x = q(null), g = q(null), h = q(/* @__PURE__ */ new Map()), m = q([]), y = q(a);
+  y.current = a;
+  const k = q(o);
   k.current = o;
   const w = K((T) => {
-    T !== y.current && (a || d(T), k.current?.(T));
-  }, [a]), C = K(() => {
-    y.current && (w(!1), r(null));
-  }, [w]), z = K(() => {
-    y.current && (C(), x.current?.focus());
-  }, [C]), q = K(() => {
-    y.current ? z() : w(!0);
-  }, [z, w]), I = L(!1);
-  D(() => {
-    if (l && !I.current) {
+    T !== y.current && (l || c(T), k.current?.(T));
+  }, [l]), S = K(() => {
+    y.current && (w(!1), n(null));
+  }, [w]), R = K(() => {
+    y.current && (S(), x.current?.focus());
+  }, [S]), H = K(() => {
+    y.current ? R() : w(!0);
+  }, [R, w]), L = q(!1);
+  F(() => {
+    if (a && !L.current) {
       g.current?.focus({
         preventScroll: !0
       });
-      const T = b.current[0];
-      T && r(T);
-    } else !l && I.current && r(null);
-    I.current = l;
-  }, [l]), D(() => {
+      const T = m.current[0];
+      T && n(T);
+    } else !a && L.current && n(null);
+    L.current = a;
+  }, [a]), F(() => {
     if (!i) return;
     h.current.get(i)?.scrollIntoView?.({
       block: "nearest"
     });
   }, [i]);
-  const E = K((T, O) => {
-    h.current.set(T, O);
-    const j = h.current, H = [...j.keys()];
-    return H.sort((P, V) => {
-      const ie = j.get(P), se = j.get(V);
-      return !ie || !se ? 0 : ie.compareDocumentPosition(se) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-    }), b.current = H, () => {
-      h.current.delete(T), b.current = b.current.filter((P) => P !== T);
+  const O = K((T, P) => {
+    h.current.set(T, P);
+    const j = h.current, z = [...j.keys()];
+    return z.sort((E, N) => {
+      const se = j.get(E), le = j.get(N);
+      return !se || !le ? 0 : se.compareDocumentPosition(le) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+    }), m.current = z, () => {
+      h.current.delete(T), m.current = m.current.filter((E) => E !== T);
     };
   }, []);
-  return D(() => {
+  return F(() => {
     const T = g.current;
-    if (!T || !l) return;
-    function O(j) {
+    if (!T || !a) return;
+    function P(j) {
       if (j.key === "Escape") {
-        j.preventDefault(), j.stopPropagation(), z();
+        j.preventDefault(), j.stopPropagation(), R();
         return;
       }
       if (j.key === "Tab") {
-        z();
+        R();
         return;
       }
-      const H = b.current;
-      if (H.length !== 0)
+      const z = m.current;
+      if (z.length !== 0)
         switch (j.key) {
           case "ArrowDown": {
-            j.preventDefault(), r((P) => {
-              const V = P ? H.indexOf(P) : -1;
-              return H[(V + 1) % H.length];
+            j.preventDefault(), n((E) => {
+              const N = E ? z.indexOf(E) : -1;
+              return z[(N + 1) % z.length];
             });
             break;
           }
           case "ArrowUp": {
-            j.preventDefault(), r((P) => {
-              const V = P ? H.indexOf(P) : 0;
-              return H[(V - 1 + H.length) % H.length];
+            j.preventDefault(), n((E) => {
+              const N = E ? z.indexOf(E) : 0;
+              return z[(N - 1 + z.length) % z.length];
             });
             break;
           }
           case "Home": {
-            j.preventDefault(), r(H[0]);
+            j.preventDefault(), n(z[0]);
             break;
           }
           case "End": {
-            j.preventDefault(), r(H[H.length - 1]);
+            j.preventDefault(), n(z[z.length - 1]);
             break;
           }
           case "Enter":
           case " ": {
             j.preventDefault();
-            const P = s.current;
-            P && h.current.get(P)?.click();
+            const E = s.current;
+            E && h.current.get(E)?.click();
             break;
           }
         }
     }
-    return T.addEventListener("keydown", O), () => T.removeEventListener("keydown", O);
-  }, [l, z]), D(() => {
-    if (!l) return;
-    function T(O) {
-      Ie(O.target, [g.current, x.current]) && C();
+    return T.addEventListener("keydown", P), () => T.removeEventListener("keydown", P);
+  }, [a, R]), F(() => {
+    if (!a) return;
+    function T(P) {
+      Ge(P.target, [g.current, x.current]) && S();
     }
     return document.addEventListener("pointerdown", T, !0), () => document.removeEventListener("pointerdown", T, !0);
-  }, [l, C]), {
+  }, [a, S]), {
     ctx: {
-      open: l,
-      toggle: q,
-      close: z,
-      menuId: p,
-      triggerId: c,
+      open: a,
+      toggle: H,
+      close: R,
+      menuId: u,
+      triggerId: p,
       highlightedId: i,
-      setHighlightedId: r,
-      registerItem: E,
+      setHighlightedId: n,
+      registerItem: O,
       triggerRef: x,
       popupRef: g
     },
-    rootRef: u
+    rootRef: d
   };
 }
-function Pe({
+function Fe({
   anchor: t,
   popup: e,
   viewport: o,
-  side: n,
-  align: d,
-  offset: a
+  side: r,
+  align: c,
+  offset: l
 }) {
-  const l = t.top + t.height + a, i = t.top - a - e.height, r = l + e.height <= o.height, s = i >= 0;
-  let p = n;
-  n === "bottom" && !r && s ? p = "top" : n === "top" && !s && r && (p = "bottom");
-  const c = p === "bottom" ? l : i;
-  let u = t.left;
-  d === "center" ? u = t.left + (t.width - e.width) / 2 : d === "end" && (u = t.left + t.width - e.width);
+  const a = t.top + t.height + l, i = t.top - l - e.height, n = a + e.height <= o.height, s = i >= 0;
+  let u = r;
+  r === "bottom" && !n && s ? u = "top" : r === "top" && !s && n && (u = "bottom");
+  const p = u === "bottom" ? a : i;
+  let d = t.left;
+  c === "center" ? d = t.left + (t.width - e.width) / 2 : c === "end" && (d = t.left + t.width - e.width);
   const x = Math.max(0, o.width - e.width);
-  return u = Math.min(Math.max(0, u), x), {
-    top: c,
-    left: u,
-    side: p
+  return d = Math.min(Math.max(0, d), x), {
+    top: p,
+    left: d,
+    side: u
   };
 }
-const qe = F(null);
-function Ee(t, e) {
-  const o = R.c(5), {
-    active: n
-  } = e, d = A(qe);
-  let a, l;
-  o[0] !== n || o[1] !== d || o[2] !== t ? (a = () => {
+const Xe = G(null);
+function Ve(t, e) {
+  const o = I.c(5), {
+    active: r
+  } = e, c = A(Xe);
+  let l, a;
+  o[0] !== r || o[1] !== c || o[2] !== t ? (l = () => {
     const i = t.current;
-    if (!(!d || !n || !i))
-      return d.register(i);
-  }, l = [d, n, t], o[0] = n, o[1] = d, o[2] = t, o[3] = a, o[4] = l) : (a = o[3], l = o[4]), ee(a, l);
+    if (!(!c || !r || !i))
+      return c.register(i);
+  }, a = [c, r, t], o[0] = r, o[1] = c, o[2] = t, o[3] = l, o[4] = a) : (l = o[3], a = o[4]), J(l, a);
 }
-function Oe(t) {
-  const e = R.c(10), {
+function Ke(t) {
+  const e = I.c(10), {
     children: o,
-    open: n,
-    defaultOpen: d,
-    onOpenChange: a
+    open: r,
+    defaultOpen: c,
+    onOpenChange: l
   } = t;
-  let l;
-  e[0] !== d || e[1] !== a || e[2] !== n ? (l = {
-    open: n,
-    defaultOpen: d,
-    onOpenChange: a
-  }, e[0] = d, e[1] = a, e[2] = n, e[3] = l) : l = e[3];
+  let a;
+  e[0] !== c || e[1] !== l || e[2] !== r ? (a = {
+    open: r,
+    defaultOpen: c,
+    onOpenChange: l
+  }, e[0] = c, e[1] = l, e[2] = r, e[3] = a) : a = e[3];
   const {
     ctx: i,
-    rootRef: r
-  } = Le(l);
+    rootRef: n
+  } = De(a);
   let s;
-  e[4] !== o || e[5] !== r ? (s = /* @__PURE__ */ $("div", { "data-element-src": "Menu/Menu.tsx:38", ref: r, ...W(S.div, B.root), children: o }), e[4] = o, e[5] = r, e[6] = s) : s = e[6];
-  let p;
-  return e[7] !== i || e[8] !== s ? (p = /* @__PURE__ */ $(fe.Provider, { value: i, children: s }), e[7] = i, e[8] = s, e[9] = p) : p = e[9], p;
-}
-const Be = 'button, a[href], input, select, textarea, [role="button"]';
-function De(t) {
-  const e = R.c(17), {
-    children: o,
-    "aria-label": n,
-    variant: d,
-    ref: a
-  } = t, l = d === void 0 ? "default" : d, {
-    open: i,
-    toggle: r,
-    menuId: s,
-    triggerId: p,
-    triggerRef: c
-  } = Z();
+  e[4] !== o || e[5] !== n ? (s = /* @__PURE__ */ M("div", { "data-element-src": "Menu/Menu.tsx:40", ref: n, ...W(C.div, B.root), children: o }), e[4] = o, e[5] = n, e[6] = s) : s = e[6];
   let u;
-  e[0] !== a || e[1] !== c ? (u = (C) => {
-    c.current = C, typeof a == "function" ? a(C) : a && (a.current = C);
-  }, e[0] = a, e[1] = c, e[2] = u) : u = e[2];
-  const x = u;
-  let g, h;
-  e[3] !== c ? (g = () => {
-    c.current?.querySelector(Be) && pe("Menu", "trigger-nested-control", "Menu.Trigger is itself the button — give it the label (text, an Icon), not a Button, link or other control. A control inside a <button> is invalid HTML: it breaks hydration and hands assistive tech a button inside a button.");
-  }, h = [c], e[3] = c, e[4] = g, e[5] = h) : (g = e[4], h = e[5]), D(g, h);
-  const b = i ? s : void 0, y = l === "ghost" && B.triggerGhost;
-  let k;
-  e[6] !== y ? (k = [B.trigger, y], e[6] = y, e[7] = k) : k = e[7];
-  let w;
-  return e[8] !== n || e[9] !== o || e[10] !== i || e[11] !== x || e[12] !== b || e[13] !== k || e[14] !== r || e[15] !== p ? (w = /* @__PURE__ */ $("button", { "data-element-src": "Menu/Menu.tsx:86", ref: x, id: p, type: "button", onClick: r, "aria-label": n, "aria-expanded": i, "aria-haspopup": "menu", "aria-controls": b, ...W(S.button, k), children: o }), e[8] = n, e[9] = o, e[10] = i, e[11] = x, e[12] = b, e[13] = k, e[14] = r, e[15] = p, e[16] = w) : w = e[16], w;
+  return e[7] !== i || e[8] !== s ? (u = /* @__PURE__ */ M(ke.Provider, { value: i, children: s }), e[7] = i, e[8] = s, e[9] = u) : u = e[9], u;
+}
+const Ne = 'button, a[href], input, select, textarea, [role="button"]';
+function _e({
+  children: t,
+  "aria-label": e,
+  variant: o = "default",
+  ref: r
+}) {
+  const {
+    open: c,
+    toggle: l,
+    menuId: a,
+    triggerId: i,
+    triggerRef: n
+  } = ee(), s = He(), u = s.ref, p = K((d) => {
+    n.current = d, u.current = d, typeof r == "function" ? r(d) : r && (r.current = d);
+  }, [r, n, u]);
+  return F(() => {
+    n.current?.querySelector(Ne) && he("Menu", "trigger-nested-control", "Menu.Trigger is itself the button — give it the label (text, an Icon), not a Button, link or other control. A control inside a <button> is invalid HTML: it breaks hydration and hands assistive tech a button inside a button.");
+  }, [n]), /* @__PURE__ */ M("button", { "data-element-src": "Menu/Menu.tsx:91", ref: p, tabIndex: s.tabIndex, onFocus: s.onFocus, id: i, type: "button", onClick: l, "aria-label": e, "aria-expanded": c, "aria-haspopup": "menu", "aria-controls": c ? a : void 0, ...W(C.button, B.trigger, o === "ghost" && B.triggerGhost, s.style), children: t });
 }
-function Ae(t) {
-  const e = R.c(24), {
+function Ye(t) {
+  const e = I.c(26), {
     children: o,
-    align: n
-  } = t, d = n === void 0 ? "start" : n, {
-    open: a,
-    menuId: l,
+    align: r
+  } = t, c = r === void 0 ? "start" : r, {
+    open: l,
+    menuId: a,
     triggerId: i,
-    highlightedId: r,
+    highlightedId: n,
     triggerRef: s,
-    popupRef: p
-  } = Z();
-  let c;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {
+    popupRef: u
+  } = ee();
+  let p;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (p = {
     top: 0,
     left: 0
-  }, e[0] = c) : c = e[0];
-  const [u, x] = N(c), g = Re();
+  }, e[0] = p) : p = e[0];
+  const [d, x] = Z(p), g = Be();
   let h;
-  e[1] !== a ? (h = {
-    active: a
-  }, e[1] = a, e[2] = h) : h = e[2], Ee(p, h);
-  let b, y;
-  if (e[3] !== d || e[4] !== a || e[5] !== p || e[6] !== s ? (b = () => {
-    if (!a)
+  e[1] !== l ? (h = {
+    active: l
+  }, e[1] = l, e[2] = h) : h = e[2], Ve(u, h);
+  let m, y;
+  if (e[3] !== c || e[4] !== l || e[5] !== u || e[6] !== s ? (m = () => {
+    if (!l)
       return;
-    const E = () => {
-      const G = p.current, T = s.current?.getBoundingClientRect();
-      if (!G || !T)
+    const D = () => {
+      const T = u.current, P = s.current?.getBoundingClientRect();
+      if (!T || !P)
         return;
-      const O = Pe({
+      const j = Fe({
         anchor: {
-          top: T.top,
-          left: T.left,
-          width: T.width,
-          height: T.height
+          top: P.top,
+          left: P.left,
+          width: P.width,
+          height: P.height
         },
         popup: {
-          width: G.offsetWidth,
-          height: G.offsetHeight
+          width: T.offsetWidth,
+          height: T.offsetHeight
         },
         viewport: {
           width: window.innerWidth,
           height: window.innerHeight
         },
         side: "bottom",
-        align: d,
-        offset: $e.xs
+        align: c,
+        offset: Ce.xs
       });
-      x((j) => j.top === O.top && j.left === O.left ? j : {
-        top: O.top,
-        left: O.left
+      x((z) => z.top === j.top && z.left === j.left ? z : {
+        top: j.top,
+        left: j.left
       });
     };
-    return E(), window.addEventListener("resize", E), window.addEventListener("scroll", E, !0), () => {
-      window.removeEventListener("resize", E), window.removeEventListener("scroll", E, !0);
+    return D(), window.addEventListener("resize", D), window.addEventListener("scroll", D, !0), () => {
+      window.removeEventListener("resize", D), window.removeEventListener("scroll", D, !0);
     };
-  }, y = [a, d, p, s], e[3] = d, e[4] = a, e[5] = p, e[6] = s, e[7] = b, e[8] = y) : (b = e[7], y = e[8]), ee(b, y), !a || typeof document > "u")
+  }, y = [l, c, u, s], e[3] = c, e[4] = l, e[5] = u, e[6] = s, e[7] = m, e[8] = y) : (m = e[7], y = e[8]), J(m, y), !l || typeof document > "u")
     return null;
-  const k = r ?? void 0;
+  const k = n ?? void 0;
   let w;
-  e[9] !== u.left || e[10] !== u.top ? (w = B.popupPosition(u.top, u.left), e[9] = u.left, e[10] = u.top, e[11] = w) : w = e[11];
-  let C;
-  e[12] !== w ? (C = [B.popup, w], e[12] = w, e[13] = C) : C = e[13];
-  let z;
-  e[14] !== o || e[15] !== l || e[16] !== p || e[17] !== k || e[18] !== C || e[19] !== i ? (z = /* @__PURE__ */ $("div", { "data-element-src": "Menu/Menu.tsx:148", ref: p, id: l, role: "menu", tabIndex: -1, "aria-labelledby": i, "aria-activedescendant": k, ...W(S.div, C), children: o }), e[14] = o, e[15] = l, e[16] = p, e[17] = k, e[18] = C, e[19] = i, e[20] = z) : z = e[20];
-  const q = g ?? document.body;
-  let I;
-  return e[21] !== q || e[22] !== z ? (I = Me(z, q), e[21] = q, e[22] = z, e[23] = I) : I = e[23], I;
+  e[9] !== d.left || e[10] !== d.top ? (w = B.popupPosition(d.top, d.left), e[9] = d.left, e[10] = d.top, e[11] = w) : w = e[11];
+  let S;
+  e[12] !== w ? (S = [B.popup, w], e[12] = w, e[13] = S) : S = e[13];
+  let R;
+  e[14] !== o ? (R = /* @__PURE__ */ M(Oe, { children: o }), e[14] = o, e[15] = R) : R = e[15];
+  let H;
+  e[16] !== a || e[17] !== u || e[18] !== k || e[19] !== S || e[20] !== R || e[21] !== i ? (H = /* @__PURE__ */ M("div", { "data-element-src": "Menu/Menu.tsx:155", ref: u, id: a, role: "menu", tabIndex: -1, "aria-labelledby": i, "aria-activedescendant": k, ...W(C.div, S), children: R }), e[16] = a, e[17] = u, e[18] = k, e[19] = S, e[20] = R, e[21] = i, e[22] = H) : H = e[22];
+  const L = g ?? document.body;
+  let O;
+  return e[23] !== H || e[24] !== L ? (O = We(H, L), e[23] = H, e[24] = L, e[25] = O) : O = e[25], O;
 }
-function Fe(t) {
-  const e = R.c(18), {
+function Ze(t) {
+  const e = I.c(18), {
     onClick: o,
-    children: n
+    children: r
   } = t, {
-    close: d,
-    highlightedId: a,
-    setHighlightedId: l,
+    close: c,
+    highlightedId: l,
+    setHighlightedId: a,
     registerItem: i
-  } = Z(), r = Y(), s = L(null), p = a === r;
-  let c, u;
-  e[0] !== r || e[1] !== i ? (c = () => {
+  } = ee(), n = Y(), s = q(null), u = l === n;
+  let p, d;
+  e[0] !== n || e[1] !== i ? (p = () => {
     const w = s.current;
     if (w)
-      return i(r, w);
-  }, u = [r, i], e[0] = r, e[1] = i, e[2] = c, e[3] = u) : (c = e[2], u = e[3]), D(c, u);
+      return i(n, w);
+  }, d = [n, i], e[0] = n, e[1] = i, e[2] = p, e[3] = d) : (p = e[2], d = e[3]), F(p, d);
   let x;
-  e[4] !== d || e[5] !== o ? (x = () => {
-    o?.(), d();
-  }, e[4] = d, e[5] = o, e[6] = x) : x = e[6];
+  e[4] !== c || e[5] !== o ? (x = () => {
+    o?.(), c();
+  }, e[4] = c, e[5] = o, e[6] = x) : x = e[6];
   const g = x;
   let h;
-  e[7] !== r || e[8] !== l ? (h = () => l(r), e[7] = r, e[8] = l, e[9] = h) : h = e[9];
-  const b = p && B.itemHighlighted;
+  e[7] !== n || e[8] !== a ? (h = () => a(n), e[7] = n, e[8] = a, e[9] = h) : h = e[9];
+  const m = u && B.itemHighlighted;
   let y;
-  e[10] !== b ? (y = [B.item, b], e[10] = b, e[11] = y) : y = e[11];
+  e[10] !== m ? (y = [B.item, m], e[10] = m, e[11] = y) : y = e[11];
   let k;
-  return e[12] !== n || e[13] !== g || e[14] !== r || e[15] !== h || e[16] !== y ? (k = /* @__PURE__ */ $("div", { "data-element-src": "Menu/Menu.tsx:187", ref: s, id: r, role: "menuitem", onClick: g, onPointerEnter: h, ...W(S.div, y), children: n }), e[12] = n, e[13] = g, e[14] = r, e[15] = h, e[16] = y, e[17] = k) : k = e[17], k;
+  return e[12] !== r || e[13] !== g || e[14] !== n || e[15] !== h || e[16] !== y ? (k = /* @__PURE__ */ M("div", { "data-element-src": "Menu/Menu.tsx:194", ref: s, id: n, role: "menuitem", onClick: g, onPointerEnter: h, ...W(C.div, y), children: r }), e[12] = r, e[13] = g, e[14] = n, e[15] = h, e[16] = y, e[17] = k) : k = e[17], k;
 }
-function Ge(t) {
-  const e = R.c(18), {
+function Ue(t) {
+  const e = I.c(18), {
     href: o,
-    children: n
+    children: r
   } = t, {
-    close: d,
-    highlightedId: a,
-    setHighlightedId: l,
+    close: c,
+    highlightedId: l,
+    setHighlightedId: a,
     registerItem: i
-  } = Z(), r = Y(), s = L(null), p = a === r;
-  let c, u;
-  e[0] !== r || e[1] !== i ? (c = () => {
+  } = ee(), n = Y(), s = q(null), u = l === n;
+  let p, d;
+  e[0] !== n || e[1] !== i ? (p = () => {
     const k = s.current;
     if (k)
-      return i(r, k);
-  }, u = [r, i], e[0] = r, e[1] = i, e[2] = c, e[3] = u) : (c = e[2], u = e[3]), D(c, u);
+      return i(n, k);
+  }, d = [n, i], e[0] = n, e[1] = i, e[2] = p, e[3] = d) : (p = e[2], d = e[3]), F(p, d);
   let x;
-  e[4] !== d ? (x = () => d(), e[4] = d, e[5] = x) : x = e[5];
+  e[4] !== c ? (x = () => c(), e[4] = c, e[5] = x) : x = e[5];
   let g;
-  e[6] !== r || e[7] !== l ? (g = () => l(r), e[6] = r, e[7] = l, e[8] = g) : g = e[8];
-  const h = p && B.itemHighlighted;
-  let b;
-  e[9] !== h ? (b = [B.item, B.linkItem, h], e[9] = h, e[10] = b) : b = e[10];
+  e[6] !== n || e[7] !== a ? (g = () => a(n), e[6] = n, e[7] = a, e[8] = g) : g = e[8];
+  const h = u && B.itemHighlighted;
+  let m;
+  e[9] !== h ? (m = [B.item, B.linkItem, h], e[9] = h, e[10] = m) : m = e[10];
   let y;
-  return e[11] !== n || e[12] !== o || e[13] !== r || e[14] !== x || e[15] !== g || e[16] !== b ? (y = /* @__PURE__ */ $("a", { "data-element-src": "Menu/Menu.tsx:219", ref: s, id: r, href: o, onClick: x, role: "menuitem", onPointerEnter: g, ...W(S.a, b), children: n }), e[11] = n, e[12] = o, e[13] = r, e[14] = x, e[15] = g, e[16] = b, e[17] = y) : y = e[17], y;
+  return e[11] !== r || e[12] !== o || e[13] !== n || e[14] !== x || e[15] !== g || e[16] !== m ? (y = /* @__PURE__ */ M("a", { "data-element-src": "Menu/Menu.tsx:226", ref: s, id: n, href: o, onClick: x, role: "menuitem", onPointerEnter: g, ...W(C.a, m), children: r }), e[11] = r, e[12] = o, e[13] = n, e[14] = x, e[15] = g, e[16] = m, e[17] = y) : y = e[17], y;
 }
-function Xe() {
-  const t = R.c(1);
+function Je() {
+  const t = I.c(1);
   let e;
-  return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ $("div", { "data-element-src": "Menu/Menu.tsx:238", role: "separator", "aria-orientation": "horizontal", ...W(S.div, B.separator) }), t[0] = e) : e = t[0], e;
+  return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ M("div", { "data-element-src": "Menu/Menu.tsx:245", role: "separator", "aria-orientation": "horizontal", ...W(C.div, B.separator) }), t[0] = e) : e = t[0], e;
 }
-const sn = {
-  Root: Oe,
-  Trigger: De,
-  Popup: Ae,
-  Item: Fe,
-  LinkItem: Ge,
-  Separator: Xe
+const xr = {
+  Root: Ke,
+  Trigger: _e,
+  Popup: Ye,
+  Item: Ze,
+  LinkItem: Ue,
+  Separator: Je
 };
 /**
  * @license react-strict-dom
@@ -645,116 +744,116 @@ const sn = {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const de = {};
-function Ve(t) {
-  process.env.NODE_ENV !== "test" && de[t] || (de[t] = !0, console.error(`[error] React Strict DOM: ${t}`));
+const ue = {};
+function Qe(t) {
+  process.env.NODE_ENV !== "test" && ue[t] || (ue[t] = !0, console.error(`[error] React Strict DOM: ${t}`));
 }
-const Ke = /* @__PURE__ */ new Set(["alt", "aria-activedescendant", "aria-atomic", "aria-autocomplete", "aria-busy", "aria-checked", "aria-colcount", "aria-colindex", "aria-colindextext", "aria-colspan", "aria-controls", "aria-current", "aria-describedby", "aria-details", "aria-disabled", "aria-errormessage", "aria-expanded", "aria-flowto", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-level", "aria-live", "aria-modal", "aria-multiline", "aria-multiselectable", "aria-orientation", "aria-owns", "aria-placeholder", "aria-posinset", "aria-pressed", "aria-readonly", "aria-required", "aria-roledescription", "aria-rowcount", "aria-rowindex", "aria-rowindextext", "aria-rowspan", "aria-selected", "aria-setsize", "aria-sort", "aria-valuemax", "aria-valuemin", "aria-valuenow", "aria-valuetext", "autoCapitalize", "autoComplete", "autoFocus", "checked", "children", "crossOrigin", "decoding", "defaultChecked", "defaultValue", "dir", "disabled", "download", "draggable", "elementTiming", "enterKeyHint", "fetchPriority", "for", "height", "hidden", "href", "id", "inert", "inputMode", "label", "lang", "loading", "max", "maxLength", "min", "minLength", "multiple", "name", "onAuxClick", "onBeforeInput", "onBlur", "onChange", "onClick", "onContextMenu", "onCopy", "onCut", "onError", "onFocus", "onFocusIn", "onFocusOut", "onFullscreenChange", "onFullscreenError", "onGotPointerCapture", "onInput", "onInvalid", "onKeyDown", "onKeyUp", "onLoad", "onLostPointerCapture", "onPaste", "onPointerCancel", "onPointerDown", "onPointerEnter", "onPointerLeave", "onPointerMove", "onPointerOut", "onPointerOver", "onPointerUp", "onScroll", "onSelect", "onSelectionChange", "onWheel", "placeholder", "readOnly", "referrerPolicy", "rel", "required", "role", "rows", "selected", "spellCheck", "src", "srcSet", "step", "style", "tabIndex", "target", "type", "value", "width", "suppressHydrationWarning", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseMove", "onMouseOut", "onMouseOver", "onMouseUp", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart"]);
-function _e(t) {
-  return Ke.has(t) || t.indexOf("data-") > -1;
+const et = /* @__PURE__ */ new Set(["alt", "aria-activedescendant", "aria-atomic", "aria-autocomplete", "aria-busy", "aria-checked", "aria-colcount", "aria-colindex", "aria-colindextext", "aria-colspan", "aria-controls", "aria-current", "aria-describedby", "aria-details", "aria-disabled", "aria-errormessage", "aria-expanded", "aria-flowto", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-level", "aria-live", "aria-modal", "aria-multiline", "aria-multiselectable", "aria-orientation", "aria-owns", "aria-placeholder", "aria-posinset", "aria-pressed", "aria-readonly", "aria-required", "aria-roledescription", "aria-rowcount", "aria-rowindex", "aria-rowindextext", "aria-rowspan", "aria-selected", "aria-setsize", "aria-sort", "aria-valuemax", "aria-valuemin", "aria-valuenow", "aria-valuetext", "autoCapitalize", "autoComplete", "autoFocus", "checked", "children", "crossOrigin", "decoding", "defaultChecked", "defaultValue", "dir", "disabled", "download", "draggable", "elementTiming", "enterKeyHint", "fetchPriority", "for", "height", "hidden", "href", "id", "inert", "inputMode", "label", "lang", "loading", "max", "maxLength", "min", "minLength", "multiple", "name", "onAuxClick", "onBeforeInput", "onBlur", "onChange", "onClick", "onContextMenu", "onCopy", "onCut", "onError", "onFocus", "onFocusIn", "onFocusOut", "onFullscreenChange", "onFullscreenError", "onGotPointerCapture", "onInput", "onInvalid", "onKeyDown", "onKeyUp", "onLoad", "onLostPointerCapture", "onPaste", "onPointerCancel", "onPointerDown", "onPointerEnter", "onPointerLeave", "onPointerMove", "onPointerOut", "onPointerOver", "onPointerUp", "onScroll", "onSelect", "onSelectionChange", "onWheel", "placeholder", "readOnly", "referrerPolicy", "rel", "required", "role", "rows", "selected", "spellCheck", "src", "srcSet", "step", "style", "tabIndex", "target", "type", "value", "width", "suppressHydrationWarning", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseMove", "onMouseOut", "onMouseOver", "onMouseUp", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart"]);
+function tt(t) {
+  return et.has(t) || t.indexOf("data-") > -1;
 }
-var te = {};
-Object.defineProperty(te, "__esModule", {
+var oe = {};
+Object.defineProperty(oe, "__esModule", {
   value: !0
 });
-var me = te.styleq = void 0, Ne = /* @__PURE__ */ new WeakMap(), Ye = "$$css";
-function be(t) {
-  var e, o, n;
-  return t != null && (e = t.disableCache === !0, o = t.disableMix === !0, n = t.transform), function() {
-    for (var a = [], l = "", i = null, r = "", s = e ? null : Ne, p = new Array(arguments.length), c = 0; c < arguments.length; c++)
-      p[c] = arguments[c];
-    for (; p.length > 0; ) {
-      var u = p.pop();
-      if (!(u == null || u === !1)) {
-        if (Array.isArray(u)) {
-          for (var x = 0; x < u.length; x++)
-            p.push(u[x]);
+var ve = oe.styleq = void 0, ot = /* @__PURE__ */ new WeakMap(), rt = "$$css";
+function ye(t) {
+  var e, o, r;
+  return t != null && (e = t.disableCache === !0, o = t.disableMix === !0, r = t.transform), function() {
+    for (var l = [], a = "", i = null, n = "", s = e ? null : ot, u = new Array(arguments.length), p = 0; p < arguments.length; p++)
+      u[p] = arguments[p];
+    for (; u.length > 0; ) {
+      var d = u.pop();
+      if (!(d == null || d === !1)) {
+        if (Array.isArray(d)) {
+          for (var x = 0; x < d.length; x++)
+            u.push(d[x]);
           continue;
         }
-        var g = n != null ? n(u) : u;
+        var g = r != null ? r(d) : d;
         if (g.$$css != null) {
           var h = "";
           if (s != null && s.has(g)) {
-            var b = s.get(g);
-            b != null && (h = b[0], r = b[2], a.push.apply(a, b[1]), s = b[3]);
+            var m = s.get(g);
+            m != null && (h = m[0], n = m[2], l.push.apply(l, m[1]), s = m[3]);
           } else {
             var y = [];
             for (var k in g) {
               var w = g[k];
-              if (k === Ye) {
-                var C = g[k];
-                C !== !0 && (r = r ? C + "; " + r : C);
+              if (k === rt) {
+                var S = g[k];
+                S !== !0 && (n = n ? S + "; " + n : S);
                 continue;
               }
-              typeof w == "string" || w === null ? a.includes(k) || (a.push(k), s != null && y.push(k), typeof w == "string" && (h += h ? " " + w : w)) : console.error("styleq: ".concat(k, " typeof ").concat(String(w), ' is not "string" or "null".'));
+              typeof w == "string" || w === null ? l.includes(k) || (l.push(k), s != null && y.push(k), typeof w == "string" && (h += h ? " " + w : w)) : console.error("styleq: ".concat(k, " typeof ").concat(String(w), ' is not "string" or "null".'));
             }
             if (s != null) {
-              var z = /* @__PURE__ */ new WeakMap();
-              s.set(g, [h, y, r, z]), s = z;
+              var R = /* @__PURE__ */ new WeakMap();
+              s.set(g, [h, y, n, R]), s = R;
             }
           }
-          h && (l = l ? h + " " + l : h);
+          h && (a = a ? h + " " + a : h);
         } else if (o)
           i == null && (i = {}), i = Object.assign({}, g, i);
         else {
-          var q = null;
-          for (var I in g) {
-            var E = g[I];
-            E !== void 0 && (a.includes(I) || (E != null && (i == null && (i = {}), q == null && (q = {}), q[I] = E), a.push(I), s = null));
+          var H = null;
+          for (var L in g) {
+            var O = g[L];
+            O !== void 0 && (l.includes(L) || (O != null && (i == null && (i = {}), H == null && (H = {}), H[L] = O), l.push(L), s = null));
           }
-          q != null && (i = Object.assign(q, i));
+          H != null && (i = Object.assign(H, i));
         }
       }
     }
-    var G = [l, i, r];
-    return G;
+    var D = [a, i, n];
+    return D;
   };
 }
-var Ue = me = te.styleq = be();
-Ue.factory = be;
-const Je = me.factory({
+var nt = ve = oe.styleq = ye();
+nt.factory = ye;
+const it = ve.factory({
   disableMix: !0
 });
-function Ze(...t) {
-  const [e, o, n] = Je(t), d = {};
-  if (e != null && e !== "" && (d.className = e), o != null && (d.style = o), n != null && n !== "") {
-    const a = n.split(";"), l = {};
-    for (const i of a) {
-      const r = i.trim(), [s, p] = r.split(":");
-      p != null && (l[s] = l[s] != null ? `${l[s]},${p}` : p);
+function st(...t) {
+  const [e, o, r] = it(t), c = {};
+  if (e != null && e !== "" && (c.className = e), o != null && (c.style = o), r != null && r !== "") {
+    const l = r.split(";"), a = {};
+    for (const i of l) {
+      const n = i.trim(), [s, u] = n.split(":");
+      u != null && (a[s] = a[s] != null ? `${a[s]},${u}` : u);
     }
-    d["data-style-src"] = Object.keys(l).map((i) => `${i}:${l[i]}`).join("; ");
+    c["data-style-src"] = Object.keys(a).map((i) => `${i}:${a[i]}`).join("; ");
   }
-  return d;
+  return c;
 }
-function Qe(t) {
+function lt(t) {
   Object.keys(t).forEach((e) => {
-    _e(e) || (Ve(`invalid prop "${e}"`), delete t[e]);
+    tt(e) || (Qe(`invalid prop "${e}"`), delete t[e]);
   });
 }
-function f(t, e) {
+function b(t, e) {
   const o = {
     $$css: !0,
     "debug::name": `html-${t}`
   };
-  function n({
-    ref: d,
-    ...a
+  function r({
+    ref: c,
+    ...l
   }) {
     const {
-      for: l,
+      for: a,
       style: i,
-      ...r
-    } = a, s = r;
-    Qe(s), l != null && (s.htmlFor = l), a.role != null && (s.role = a.role === "none" ? "presentation" : a.role), t === "button" ? s.type = s.type ? s.type : "button" : (t === "input" || t === "textarea") && (s.dir = s.dir ? s.dir : "auto");
-    const p = Ze([o, e, i]);
-    return $(t, {
+      ...n
+    } = l, s = n;
+    lt(s), a != null && (s.htmlFor = a), l.role != null && (s.role = l.role === "none" ? "presentation" : l.role), t === "button" ? s.type = s.type ? s.type : "button" : (t === "input" || t === "textarea") && (s.dir = s.dir ? s.dir : "auto");
+    const u = st([o, e, i]);
+    return M(t, {
       ...s,
-      ...p,
-      ref: d
+      ...u,
+      ref: c
     });
   }
-  return n.displayName = `html.${t}`, n;
+  return r.displayName = `html.${t}`, r;
 }
 const v = {
   block: {
@@ -824,116 +923,116 @@ const v = {
     "resize-kHenm0": "resize-x288g5",
     $$css: ".pnpm:web/index.js:276"
   }
-}, et = v.inline, tt = v.block, ot = v.block, nt = v.inline, rt = v.inline, it = v.inline, st = v.block, lt = null, at = [v.inlineblock, v.button], ct = [v.inline, v.codePre], dt = null, ut = v.block, pt = v.inline, xt = v.block, gt = v.block, ht = v.block, X = [v.block, v.heading], ft = v.block, mt = [v.block, v.hr], bt = v.inline, kt = v.img, vt = [v.inlineblock, v.input], yt = null, wt = null, Mt = v.inline, $t = v.block, Tt = v.block, Wt = v.inline, St = v.block, Ct = [v.list, v.block], jt = null, zt = null, Rt = v.block, Ht = [v.block, v.codePre], It = null, Lt = v.block, Pt = v.inlineblock, qt = v.inline, Et = [v.inline, v.strong], Ot = v.inline, Bt = v.inline, Dt = [v.inlineblock, v.textarea], At = null, Ft = [v.list, v.block], m = {
-  a: et,
-  article: tt,
-  aside: ot,
-  b: nt,
-  bdi: rt,
-  bdo: it,
-  blockquote: st,
-  br: lt,
-  button: at,
-  code: ct,
-  del: dt,
-  div: ut,
-  em: pt,
-  fieldset: xt,
-  footer: gt,
-  form: ht,
-  h1: X,
-  h2: X,
-  h3: X,
-  h4: X,
-  h5: X,
-  h6: X,
-  header: ft,
-  hr: mt,
-  i: bt,
-  img: kt,
-  input: vt,
-  ins: yt,
-  kbd: wt,
-  label: Mt,
-  li: $t,
-  main: Tt,
-  mark: Wt,
-  nav: St,
-  ol: Ct,
-  optgroup: jt,
-  option: zt,
-  p: Rt,
-  pre: Ht,
-  s: It,
-  section: Lt,
-  select: Pt,
-  span: qt,
-  strong: Et,
-  sub: Ot,
-  sup: Bt,
-  textarea: Dt,
-  u: At,
-  ul: Ft
-}, Gt = f("a", m.a), Xt = f("article", m.article), Vt = f("aside", m.aside), Kt = f("b", m.b), _t = f("bdi", m.bdi), Nt = f("bdo", m.bdo), Yt = f("blockquote", m.blockquote), Ut = f("br", m.br), Jt = f("button", m.button), Zt = f("code", m.code), Qt = f("del", m.del), eo = f("div", m.div), to = f("em", m.em), oo = f("fieldset", m.fieldset), no = f("footer", m.footer), ro = f("form", m.form), io = f("h1", m.h1), so = f("h2", m.h2), lo = f("h3", m.h3), ao = f("h4", m.h4), co = f("h5", m.h5), uo = f("h6", m.h6), po = f("header", m.header), xo = f("hr", m.hr), go = f("i", m.i), ho = f("img", m.img), fo = f("input", m.input), mo = f("ins", m.ins), bo = f("kbd", m.kbd), ko = f("label", m.label), vo = f("li", m.li), yo = f("main", m.main), wo = f("mark", m.mark), Mo = f("nav", m.nav), $o = f("ol", m.ol), To = f("optgroup", m.optgroup), Wo = f("option", m.option), So = f("p", m.p), Co = f("pre", m.pre), jo = f("s", m.s), zo = f("section", m.section), Ro = f("select", m.select), Ho = f("span", m.span), Io = f("strong", m.strong), Lo = f("sub", m.sub), Po = f("sup", m.sup), qo = f("textarea", m.textarea), Eo = f("u", m.u), Oo = f("ul", m.ul);
-var Bo = /* @__PURE__ */ Object.freeze({
+}, at = v.inline, ct = v.block, dt = v.block, ut = v.inline, pt = v.inline, xt = v.inline, gt = v.block, ht = null, bt = [v.inlineblock, v.button], ft = [v.inline, v.codePre], mt = null, kt = v.block, vt = v.inline, yt = v.block, wt = v.block, $t = v.block, V = [v.block, v.heading], Mt = v.block, Tt = [v.block, v.hr], Wt = v.inline, Ct = v.img, St = [v.inlineblock, v.input], Rt = null, jt = null, zt = v.inline, Ht = v.block, It = v.block, Lt = v.inline, qt = v.block, Pt = [v.list, v.block], Et = null, Bt = null, Ot = v.block, At = [v.block, v.codePre], Gt = null, Dt = v.block, Ft = v.inlineblock, Xt = v.inline, Vt = [v.inline, v.strong], Kt = v.inline, Nt = v.inline, _t = [v.inlineblock, v.textarea], Yt = null, Zt = [v.list, v.block], f = {
+  a: at,
+  article: ct,
+  aside: dt,
+  b: ut,
+  bdi: pt,
+  bdo: xt,
+  blockquote: gt,
+  br: ht,
+  button: bt,
+  code: ft,
+  del: mt,
+  div: kt,
+  em: vt,
+  fieldset: yt,
+  footer: wt,
+  form: $t,
+  h1: V,
+  h2: V,
+  h3: V,
+  h4: V,
+  h5: V,
+  h6: V,
+  header: Mt,
+  hr: Tt,
+  i: Wt,
+  img: Ct,
+  input: St,
+  ins: Rt,
+  kbd: jt,
+  label: zt,
+  li: Ht,
+  main: It,
+  mark: Lt,
+  nav: qt,
+  ol: Pt,
+  optgroup: Et,
+  option: Bt,
+  p: Ot,
+  pre: At,
+  s: Gt,
+  section: Dt,
+  select: Ft,
+  span: Xt,
+  strong: Vt,
+  sub: Kt,
+  sup: Nt,
+  textarea: _t,
+  u: Yt,
+  ul: Zt
+}, Ut = b("a", f.a), Jt = b("article", f.article), Qt = b("aside", f.aside), eo = b("b", f.b), to = b("bdi", f.bdi), oo = b("bdo", f.bdo), ro = b("blockquote", f.blockquote), no = b("br", f.br), io = b("button", f.button), so = b("code", f.code), lo = b("del", f.del), ao = b("div", f.div), co = b("em", f.em), uo = b("fieldset", f.fieldset), po = b("footer", f.footer), xo = b("form", f.form), go = b("h1", f.h1), ho = b("h2", f.h2), bo = b("h3", f.h3), fo = b("h4", f.h4), mo = b("h5", f.h5), ko = b("h6", f.h6), vo = b("header", f.header), yo = b("hr", f.hr), wo = b("i", f.i), $o = b("img", f.img), Mo = b("input", f.input), To = b("ins", f.ins), Wo = b("kbd", f.kbd), Co = b("label", f.label), So = b("li", f.li), Ro = b("main", f.main), jo = b("mark", f.mark), zo = b("nav", f.nav), Ho = b("ol", f.ol), Io = b("optgroup", f.optgroup), Lo = b("option", f.option), qo = b("p", f.p), Po = b("pre", f.pre), Eo = b("s", f.s), Bo = b("section", f.section), Oo = b("select", f.select), Ao = b("span", f.span), Go = b("strong", f.strong), Do = b("sub", f.sub), Fo = b("sup", f.sup), Xo = b("textarea", f.textarea), Vo = b("u", f.u), Ko = b("ul", f.ul);
+var No = /* @__PURE__ */ Object.freeze({
   __proto__: null,
-  a: Gt,
-  article: Xt,
-  aside: Vt,
-  b: Kt,
-  bdi: _t,
-  bdo: Nt,
-  blockquote: Yt,
-  br: Ut,
-  button: Jt,
-  code: Zt,
-  del: Qt,
-  div: eo,
-  em: to,
-  fieldset: oo,
-  footer: no,
-  form: ro,
-  h1: io,
-  h2: so,
-  h3: lo,
-  h4: ao,
-  h5: co,
-  h6: uo,
-  header: po,
-  hr: xo,
-  i: go,
-  img: ho,
-  input: fo,
-  ins: mo,
-  kbd: bo,
-  label: ko,
-  li: vo,
-  main: yo,
-  mark: wo,
-  nav: Mo,
-  ol: $o,
-  optgroup: To,
-  option: Wo,
-  p: So,
-  pre: Co,
-  s: jo,
-  section: zo,
-  select: Ro,
-  span: Ho,
-  strong: Io,
-  sub: Lo,
-  sup: Po,
-  textarea: qo,
-  u: Eo,
-  ul: Oo
+  a: Ut,
+  article: Jt,
+  aside: Qt,
+  b: eo,
+  bdi: to,
+  bdo: oo,
+  blockquote: ro,
+  br: no,
+  button: io,
+  code: so,
+  del: lo,
+  div: ao,
+  em: co,
+  fieldset: uo,
+  footer: po,
+  form: xo,
+  h1: go,
+  h2: ho,
+  h3: bo,
+  h4: fo,
+  h5: mo,
+  h6: ko,
+  header: vo,
+  hr: yo,
+  i: wo,
+  img: $o,
+  input: Mo,
+  ins: To,
+  kbd: Wo,
+  label: Co,
+  li: So,
+  main: Ro,
+  mark: jo,
+  nav: zo,
+  ol: Ho,
+  optgroup: Io,
+  option: Lo,
+  p: qo,
+  pre: Po,
+  s: Eo,
+  section: Bo,
+  select: Oo,
+  span: Ao,
+  strong: Go,
+  sub: Do,
+  sup: Fo,
+  textarea: Xo,
+  u: Vo,
+  ul: Ko
 });
-const ln = {
+const gr = {
   xs: 480,
   sm: 640,
   md: 768,
   lg: 1024,
   xl: 1280
-}, M = {
+}, $ = {
   container: {
     "containerType-k9g6sI": "containerType-x12h1iku",
     "display-k1xSpc": "display-x78zum5",
@@ -1142,278 +1241,284 @@ const ln = {
     "--x-1pds3uo": t ?? void 0,
     "--x-1n5740v": e ?? void 0
   }]
-}, ke = F(null);
-function Q() {
-  const t = A(ke);
+}, we = G(null);
+function te() {
+  const t = A(we);
   if (!t)
     throw new Error("Table compound components must be used within Table.Root");
   return t;
 }
-const oe = F(!1);
-function Do(t) {
-  const e = R.c(2), {
+const re = G(!1);
+function _o(t) {
+  const e = I.c(2), {
     children: o
   } = t;
-  let n;
-  return e[0] !== o ? (n = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:55", ...W(S.div, M.container), children: o }), e[0] = o, e[1] = n) : n = e[1], n;
+  let r;
+  return e[0] !== o ? (r = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:55", ...W(C.div, $.container), children: o }), e[0] = o, e[1] = r) : r = e[1], r;
 }
-function Ao(t) {
+function Yo(t) {
   let e = "";
-  return J.forEach(t, (o) => {
+  return Q.forEach(t, (o) => {
     (typeof o == "string" || typeof o == "number") && (e += String(o));
   }), e;
 }
-function Fo(t) {
+function Zo(t) {
   let e = t;
   for (let o = 0; o < 8 && e && typeof e == "object"; o++) {
-    const n = e.type ?? e.render;
-    if (n == null) break;
-    e = n;
+    const r = e.type ?? e.render;
+    if (r == null) break;
+    e = r;
   }
   return e;
 }
-function Go(t, e) {
-  const o = [], n = [], d = [];
-  function a(l) {
-    J.forEach(l, (i) => {
-      if (!we(i)) return;
-      const r = i.props, s = Fo(i.type), p = s?.displayName || s?.name || "";
-      if (s === re || p === "HeaderCell") {
-        const c = r.width ? String(ce(r.width)) : `minmax(${he(e)}, 1fr)`;
-        o.push(c), n.push(r.compactWidth ? String(ce(r.compactWidth)) : c);
-        const u = typeof r.label == "string" ? r.label : void 0, x = Ao(r.children).trim(), g = u ?? x;
-        !u && x === "" && r.children != null && pe("Table", "headerCell-missing-label", "Table.HeaderCell with JSX children must set `label` for stack-mode rendering."), d.push(g);
-      } else r.children && a(r.children);
+function Uo(t, e) {
+  const o = [], r = [], c = [];
+  function l(a) {
+    Q.forEach(a, (i) => {
+      if (!Te(i)) return;
+      const n = i.props, s = Zo(i.type), u = s?.displayName || s?.name || "";
+      if (s === ie || u === "HeaderCell") {
+        const p = n.width ? String(de(n.width)) : `minmax(${me(e)}, 1fr)`;
+        o.push(p), r.push(n.compactWidth ? String(de(n.compactWidth)) : p);
+        const d = typeof n.label == "string" ? n.label : void 0, x = Yo(n.children).trim(), g = d ?? x;
+        !d && x === "" && n.children != null && he("Table", "headerCell-missing-label", "Table.HeaderCell with JSX children must set `label` for stack-mode rendering."), c.push(g);
+      } else n.children && l(n.children);
     });
   }
-  return a(t), {
+  return l(t), {
     template: o.join(" "),
-    compactTemplate: n.join(" "),
-    labels: d
+    compactTemplate: r.join(" "),
+    labels: c
   };
 }
-function Xo(t) {
-  const e = R.c(13), {
+function Jo(t) {
+  const e = I.c(13), {
     children: o
-  } = t, n = L(null);
-  let d;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+  } = t, r = q(null);
+  let c;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {
     start: !1,
     end: !1
-  }, e[0] = d) : d = e[0];
-  const [a, l] = N(d);
-  let i, r;
+  }, e[0] = c) : c = e[0];
+  const [l, a] = Z(c);
+  let i, n;
   e[1] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
-    const h = n.current;
+    const h = r.current;
     if (!h)
       return;
-    const b = () => {
+    const m = () => {
       const k = h.scrollWidth - h.clientWidth > 1;
-      l({
+      a({
         start: k && h.scrollLeft > 1,
         end: k && h.scrollLeft + h.clientWidth < h.scrollWidth - 1
       });
     };
-    b(), h.addEventListener("scroll", b, {
+    m(), h.addEventListener("scroll", m, {
       passive: !0
     });
-    const y = typeof ResizeObserver < "u" ? new ResizeObserver(b) : null;
+    const y = typeof ResizeObserver < "u" ? new ResizeObserver(m) : null;
     return y?.observe(h), () => {
-      h.removeEventListener("scroll", b), y?.disconnect();
+      h.removeEventListener("scroll", m), y?.disconnect();
     };
-  }, r = [], e[1] = i, e[2] = r) : (i = e[1], r = e[2]), D(i, r);
+  }, n = [], e[1] = i, e[2] = n) : (i = e[1], n = e[2]), F(i, n);
   let s;
-  e[3] !== o ? (s = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:196", ref: n, ...W(S.div, M.scrollX), children: o }), e[3] = o, e[4] = s) : s = e[4];
-  const p = a.start && M.edgeFadeVisible;
-  let c;
-  e[5] !== p ? (c = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:199", "aria-hidden": !0, ...W(S.div, M.edgeFade, M.edgeFadeLeft, p) }), e[5] = p, e[6] = c) : c = e[6];
-  const u = a.end && M.edgeFadeVisible;
+  e[3] !== o ? (s = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:196", ref: r, ...W(C.div, $.scrollX), children: o }), e[3] = o, e[4] = s) : s = e[4];
+  const u = l.start && $.edgeFadeVisible;
+  let p;
+  e[5] !== u ? (p = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:199", "aria-hidden": !0, ...W(C.div, $.edgeFade, $.edgeFadeLeft, u) }), e[5] = u, e[6] = p) : p = e[6];
+  const d = l.end && $.edgeFadeVisible;
   let x;
-  e[7] !== u ? (x = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:203", "aria-hidden": !0, ...W(S.div, M.edgeFade, M.edgeFadeRight, u) }), e[7] = u, e[8] = x) : x = e[8];
+  e[7] !== d ? (x = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:203", "aria-hidden": !0, ...W(C.div, $.edgeFade, $.edgeFadeRight, d) }), e[7] = d, e[8] = x) : x = e[8];
   let g;
-  return e[9] !== s || e[10] !== c || e[11] !== x ? (g = /* @__PURE__ */ U("div", { "data-element-src": "Table/Table.tsx:195", ...W(S.div, M.scrollFrame), children: [
+  return e[9] !== s || e[10] !== p || e[11] !== x ? (g = /* @__PURE__ */ U("div", { "data-element-src": "Table/Table.tsx:195", ...W(C.div, $.scrollFrame), children: [
     s,
-    c,
+    p,
     x
-  ] }), e[9] = s, e[10] = c, e[11] = x, e[12] = g) : g = e[12], g;
+  ] }), e[9] = s, e[10] = p, e[11] = x, e[12] = g) : g = e[12], g;
 }
-function Vo({
+function Qo({
   children: t,
   variant: e = "default",
   size: o = "md",
-  responsive: n = !0,
-  minColumnWidth: d = "labelMinW",
-  sortChip: a,
-  pagination: l
+  responsive: r = !0,
+  minColumnWidth: c = "labelMinW",
+  sortChip: l,
+  pagination: a
 }) {
-  const i = L(null), {
-    template: r,
+  const i = q(null), {
+    template: n,
     compactTemplate: s,
-    labels: p
-  } = Go(t, d);
-  r && (i.current = r);
-  const c = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:257", role: "table", ...W(
-    S.div,
-    M.root,
+    labels: u
+  } = Uo(t, c);
+  n && (i.current = n);
+  const p = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:257", role: "table", ...W(
+    C.div,
+    $.root,
     // When responsive, use gridColumnsResponsive so the explicit column
     // template and the stack-mode @container override live in one StyleX
     // style object. Splitting them across two styles (gridColumns +
     // rootResponsive) causes StyleX conflict resolution to drop the
     // column template because rootResponsive's gridTemplateColumns key
     // always wins as the later entry in the array.
-    r ? n ? M.gridColumnsResponsive(r, s) : M.gridColumns(r) : void 0,
-    n && M.rootResponsive
-  ), children: t }), x = /* @__PURE__ */ U(ye, { children: [
-    a,
-    n ? /* @__PURE__ */ $(Xo, { children: c }) : c,
-    l
+    n ? r ? $.gridColumnsResponsive(n, s) : $.gridColumns(n) : void 0,
+    r && $.rootResponsive
+  ), children: t }), x = /* @__PURE__ */ U(Me, { children: [
+    l,
+    r ? /* @__PURE__ */ M(Jo, { children: p }) : p,
+    a
   ] });
-  return /* @__PURE__ */ $(ke.Provider, { value: {
+  return /* @__PURE__ */ M(we.Provider, { value: {
     variant: e,
     size: o,
-    responsive: n,
-    labels: p,
+    responsive: r,
+    labels: u,
     inferredTemplateRef: i
-  }, children: n ? /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:299", ...W(S.div, M.rootContainer), children: x }) : x });
+  }, children: r ? /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:299", ...W(C.div, $.rootContainer), children: x }) : x });
 }
-function Ko(t) {
-  const e = R.c(2), {
+function er(t) {
+  const e = I.c(2), {
     children: o
   } = t;
-  let n;
-  return e[0] !== o ? (n = /* @__PURE__ */ $(oe.Provider, { value: !0, children: /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:309", role: "rowgroup", ...W(S.div, M.header), children: o }) }), e[0] = o, e[1] = n) : n = e[1], n;
+  let r;
+  return e[0] !== o ? (r = /* @__PURE__ */ M(re.Provider, { value: !0, children: /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:309", role: "rowgroup", ...W(C.div, $.header), children: o }) }), e[0] = o, e[1] = r) : r = e[1], r;
 }
-function _o(t) {
-  const e = R.c(19), {
+function tr(t) {
+  const e = I.c(19), {
     children: o
   } = t, {
-    variant: n
-  } = Q();
-  let d, a, l, i, r, s;
-  if (e[0] !== o || e[1] !== n) {
-    const u = J.toArray(o);
-    a = oe.Provider, s = !1, d = Bo.div, l = "rowgroup", i = M.body;
+    variant: r
+  } = te();
+  let c, l, a, i, n, s;
+  if (e[0] !== o || e[1] !== r) {
+    const d = Q.toArray(o);
+    l = re.Provider, s = !1, c = No.div, a = "rowgroup", i = $.body;
     let x;
-    e[8] !== n ? (x = (g, h) => n !== "striped" ? g : /* @__PURE__ */ $(ve.Provider, { value: h, children: g }, g.key ?? h), e[8] = n, e[9] = x) : x = e[9], r = u.map(x), e[0] = o, e[1] = n, e[2] = d, e[3] = a, e[4] = l, e[5] = i, e[6] = r, e[7] = s;
+    e[8] !== r ? (x = (g, h) => r !== "striped" ? g : /* @__PURE__ */ M($e.Provider, { value: h, children: g }, g.key ?? h), e[8] = r, e[9] = x) : x = e[9], n = d.map(x), e[0] = o, e[1] = r, e[2] = c, e[3] = l, e[4] = a, e[5] = i, e[6] = n, e[7] = s;
   } else
-    d = e[2], a = e[3], l = e[4], i = e[5], r = e[6], s = e[7];
+    c = e[2], l = e[3], a = e[4], i = e[5], n = e[6], s = e[7];
+  let u;
+  e[10] !== c || e[11] !== a || e[12] !== i || e[13] !== n ? (u = /* @__PURE__ */ M(c, { role: a, style: i, children: n }), e[10] = c, e[11] = a, e[12] = i, e[13] = n, e[14] = u) : u = e[14];
   let p;
-  e[10] !== d || e[11] !== l || e[12] !== i || e[13] !== r ? (p = /* @__PURE__ */ $(d, { role: l, style: i, children: r }), e[10] = d, e[11] = l, e[12] = i, e[13] = r, e[14] = p) : p = e[14];
-  let c;
-  return e[15] !== a || e[16] !== s || e[17] !== p ? (c = /* @__PURE__ */ $(a, { value: s, children: p }), e[15] = a, e[16] = s, e[17] = p, e[18] = c) : c = e[18], c;
+  return e[15] !== l || e[16] !== s || e[17] !== u ? (p = /* @__PURE__ */ M(l, { value: s, children: u }), e[15] = l, e[16] = s, e[17] = u, e[18] = p) : p = e[18], p;
 }
-const ve = F(-1), No = 'button, a, input, select, textarea, [role="button"], [role="link"], [role="checkbox"], [role="menuitem"], [role="switch"], [role="tab"], [contenteditable="true"]';
-function Yo(t) {
-  const e = R.c(17), {
+const $e = G(-1), or = 'button, a, input, select, textarea, [role="button"], [role="link"], [role="checkbox"], [role="menuitem"], [role="switch"], [role="tab"], [contenteditable="true"]';
+function rr(t) {
+  const e = I.c(17), {
     children: o,
-    onClick: n,
-    "aria-label": d
+    onClick: r,
+    "aria-label": c
   } = t, {
-    variant: a
-  } = Q(), l = A(oe), i = A(ve), r = i >= 0 && i % 2 === 1;
+    variant: l
+  } = te(), a = A(re), i = A($e), n = i >= 0 && i % 2 === 1;
   let s;
-  if (e[0] !== d || e[1] !== o || e[2] !== r || e[3] !== l || e[4] !== n || e[5] !== a) {
-    const p = J.toArray(o), c = n !== void 0 && !l;
-    let u;
-    e[7] !== c || e[8] !== n ? (u = c ? (k) => {
+  if (e[0] !== c || e[1] !== o || e[2] !== n || e[3] !== a || e[4] !== r || e[5] !== l) {
+    const u = Q.toArray(o), p = r !== void 0 && !a;
+    let d;
+    e[7] !== p || e[8] !== r ? (d = p ? (k) => {
       const w = k.target;
-      w instanceof Element && w.closest(No) || n();
-    } : void 0, e[7] = c, e[8] = n, e[9] = u) : u = e[9];
+      w instanceof Element && w.closest(or) || r();
+    } : void 0, e[7] = p, e[8] = r, e[9] = d) : d = e[9];
     let x;
-    e[10] !== c || e[11] !== n ? (x = c ? (k) => {
-      (k.key === "Enter" || k.key === " ") && n();
-    } : void 0, e[10] = c, e[11] = n, e[12] = x) : x = e[12];
-    const g = !l && M.bodyRow, h = !l && a === "striped" && r && M.stripedEven, b = c && M.clickableRow;
+    e[10] !== p || e[11] !== r ? (x = p ? (k) => {
+      (k.key === "Enter" || k.key === " ") && r();
+    } : void 0, e[10] = p, e[11] = r, e[12] = x) : x = e[12];
+    const g = !a && $.bodyRow, h = !a && l === "striped" && n && $.stripedEven, m = p && $.clickableRow;
     let y;
-    e[13] !== g || e[14] !== h || e[15] !== b ? (y = [M.row, g, h, b], e[13] = g, e[14] = h, e[15] = b, e[16] = y) : y = e[16], s = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:381", role: "row", tabIndex: c ? 0 : void 0, "aria-label": c ? d : void 0, onClick: u, onKeyDown: x, ...W(S.div, y), children: p.map((k, w) => /* @__PURE__ */ $(ne.Provider, { value: {
+    e[13] !== g || e[14] !== h || e[15] !== m ? (y = [$.row, g, h, m], e[13] = g, e[14] = h, e[15] = m, e[16] = y) : y = e[16], s = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:381", role: "row", tabIndex: p ? 0 : void 0, "aria-label": p ? c : void 0, onClick: d, onKeyDown: x, ...W(C.div, y), children: u.map((k, w) => /* @__PURE__ */ M(ne.Provider, { value: {
       index: w,
-      total: p.length
-    }, children: k }, k.key ?? w)) }), e[0] = d, e[1] = o, e[2] = r, e[3] = l, e[4] = n, e[5] = a, e[6] = s;
+      total: u.length
+    }, children: k }, k.key ?? w)) }), e[0] = c, e[1] = o, e[2] = n, e[3] = a, e[4] = r, e[5] = l, e[6] = s;
   } else
     s = e[6];
   return s;
 }
-const ne = F({
+const ne = G({
   index: 0,
   total: 0
 });
-function re(t) {
-  const e = R.c(8), {
+function ie(t) {
+  const e = I.c(8), {
     children: o,
-    "aria-label": n
+    "aria-label": r
   } = t, {
-    size: d,
-    variant: a
-  } = Q(), {
-    index: l,
+    size: c,
+    variant: l
+  } = te(), {
+    index: a,
     total: i
-  } = A(ne), r = a === "bordered" && l === i - 1, s = d === "sm" ? M.cellSm : M.cellMd, p = a === "bordered" && M.borderedCell, c = r && M.borderedCellLast;
-  let u;
-  e[0] !== s || e[1] !== p || e[2] !== c ? (u = [M.headerCell, s, p, c], e[0] = s, e[1] = p, e[2] = c, e[3] = u) : u = e[3];
+  } = A(ne), n = l === "bordered" && a === i - 1, s = c === "sm" ? $.cellSm : $.cellMd, u = l === "bordered" && $.borderedCell, p = n && $.borderedCellLast;
+  let d;
+  e[0] !== s || e[1] !== u || e[2] !== p ? (d = [$.headerCell, s, u, p], e[0] = s, e[1] = u, e[2] = p, e[3] = d) : d = e[3];
   let x;
-  return e[4] !== n || e[5] !== o || e[6] !== u ? (x = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:467", role: "columnheader", "aria-label": n, ...W(S.div, u), children: o }), e[4] = n, e[5] = o, e[6] = u, e[7] = x) : x = e[7], x;
+  return e[4] !== r || e[5] !== o || e[6] !== d ? (x = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:467", role: "columnheader", "aria-label": r, ...W(C.div, d), children: o }), e[4] = r, e[5] = o, e[6] = d, e[7] = x) : x = e[7], x;
 }
-re.displayName = "HeaderCell";
-function Uo(t) {
-  const e = R.c(16), {
+ie.displayName = "HeaderCell";
+function nr(t) {
+  const e = I.c(16), {
     children: o,
-    isActions: n
+    isActions: r
   } = t, {
-    size: d,
-    variant: a,
-    labels: l,
+    size: c,
+    variant: l,
+    labels: a,
     responsive: i
-  } = Q(), {
-    index: r,
+  } = te(), {
+    index: n,
     total: s
-  } = A(ne), p = a === "bordered" && r === s - 1, c = l[r] ?? "", u = d === "sm" ? M.cellSm : M.cellMd, x = a === "bordered" && M.borderedCell, g = p && M.borderedCellLast, h = n && M.cellActions;
-  let b;
-  e[0] !== u || e[1] !== x || e[2] !== g || e[3] !== h ? (b = [M.cell, u, x, g, h], e[0] = u, e[1] = x, e[2] = g, e[3] = h, e[4] = b) : b = e[4];
+  } = A(ne), u = l === "bordered" && n === s - 1, p = a[n] ?? "", d = c === "sm" ? $.cellSm : $.cellMd, x = l === "bordered" && $.borderedCell, g = u && $.borderedCellLast, h = r && $.cellActions;
+  let m;
+  e[0] !== d || e[1] !== x || e[2] !== g || e[3] !== h ? (m = [$.cell, d, x, g, h], e[0] = d, e[1] = x, e[2] = g, e[3] = h, e[4] = m) : m = e[4];
   let y;
-  e[5] !== n || e[6] !== c || e[7] !== i ? (y = i && !n && c !== "" ? /* @__PURE__ */ $("span", { "data-element-src": "Table/Table.tsx:507", ...W(S.span, M.cellLabel), children: c }) : null, e[5] = n, e[6] = c, e[7] = i, e[8] = y) : y = e[8];
+  e[5] !== r || e[6] !== p || e[7] !== i ? (y = i && !r && p !== "" ? /* @__PURE__ */ M("span", { "data-element-src": "Table/Table.tsx:507", ...W(C.span, $.cellLabel), children: p }) : null, e[5] = r, e[6] = p, e[7] = i, e[8] = y) : y = e[8];
   let k;
-  e[9] !== o || e[10] !== n ? (k = n ? o : /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:509", ...W(S.div, M.cellValue), children: o }), e[9] = o, e[10] = n, e[11] = k) : k = e[11];
+  e[9] !== o || e[10] !== r ? (k = r ? o : /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:509", ...W(C.div, $.cellValue), children: o }), e[9] = o, e[10] = r, e[11] = k) : k = e[11];
   let w;
-  return e[12] !== b || e[13] !== y || e[14] !== k ? (w = /* @__PURE__ */ U("div", { "data-element-src": "Table/Table.tsx:496", role: "cell", ...W(S.div, b), children: [
+  return e[12] !== m || e[13] !== y || e[14] !== k ? (w = /* @__PURE__ */ U("div", { "data-element-src": "Table/Table.tsx:496", role: "cell", ...W(C.div, m), children: [
     y,
     k
-  ] }), e[12] = b, e[13] = y, e[14] = k, e[15] = w) : w = e[15], w;
+  ] }), e[12] = m, e[13] = y, e[14] = k, e[15] = w) : w = e[15], w;
 }
-const Jo = {
+const ir = {
   /** @deprecated Wrap behaviour is built into Table.Root. Drop this wrapper from new code. */
-  Container: Do,
-  Root: Vo,
-  Header: Ko,
-  Body: _o,
-  Row: Yo,
-  HeaderCell: re,
-  Cell: Uo
-}, an = Jo;
+  Container: _o,
+  Root: Qo,
+  Header: er,
+  Body: tr,
+  Row: rr,
+  HeaderCell: ie,
+  Cell: nr
+}, hr = ir;
 export {
-  _o as B,
-  Uo as C,
-  on as D,
-  re as H,
-  nn as I,
-  sn as M,
-  qe as P,
-  Yo as R,
-  $e as S,
-  rn as T,
-  Ee as a,
-  ce as b,
-  Pe as c,
-  pe as d,
-  ln as e,
-  an as f,
-  M as g,
-  Ko as h,
-  Ie as i,
-  Vo as j,
-  _ as k,
-  Jo as l,
-  he as r,
-  xe as s,
-  Re as u
+  xe as B,
+  Oe as C,
+  dr as D,
+  ie as H,
+  ur as I,
+  xr as M,
+  Xe as P,
+  rr as R,
+  Ce as S,
+  pr as T,
+  Be as a,
+  Ve as b,
+  Fe as c,
+  he as d,
+  Re as e,
+  je as f,
+  pe as g,
+  de as h,
+  Ge as i,
+  gr as j,
+  hr as k,
+  $ as l,
+  er as m,
+  tr as n,
+  Qo as o,
+  nr as p,
+  _ as q,
+  me as r,
+  be as s,
+  ir as t,
+  He as u
 };
-//# sourceMappingURL=Table-C70zdSkM.js.map
+//# sourceMappingURL=Table-Cm5cCnZD.js.map