@duro-app/ui 5.33.0 → 5.34.0

package/dist/{Table-ypIvytAS.js → Table-IuD0tooi.js}

@@ -1,5 +1,5 @@
 import { jsx as T, jsxs as ue, Fragment as Fe } from "react/jsx-runtime";
-import { c as B, m as j, d as z } from "./compiler-runtime-BuugS4D0.js";
+import { c as B, m as j, d as R } from "./compiler-runtime-CV6vsf8h.js";
 import { useContext as D, createContext as F, useId as Z, useRef as q, useLayoutEffect as xe, useState as ee, useCallback as $e, useEffect as V, Children as pe, isValidElement as Xe } from "react";
 import { createPortal as Ve } from "react-dom";
 const _e = {
@@ -151,6 +151,13 @@ const _e = {
   highlightBg: "var(--highlightBg-x5qhmj2)",
   highlightBorder: "var(--highlightBorder-xd7ycfq)",
   highlightText: "var(--highlightText-x1lyse6a)",
+  categoryBlue: "var(--categoryBlue-xouxl85)",
+  categoryGreen: "var(--categoryGreen-x14dmdcq)",
+  categoryOrange: "var(--categoryOrange-xv6ffuf)",
+  categoryYellow: "var(--categoryYellow-x1t9pc2u)",
+  categoryRed: "var(--categoryRed-x1g1hkjw)",
+  categoryIndigo: "var(--categoryIndigo-x1br9na0)",
+  categoryPurple: "var(--categoryPurple-x12dvx40)",
   scrim: "var(--scrim-x2ypej7)",
   inverseFill: "var(--inverseFill-x1il694p)",
   inverseFillHover: "var(--inverseFillHover-xmxqxj9)",
@@ -375,7 +382,7 @@ const w = {
     "resize-kHenm0": "resize-x288g5",
     $$css: ".pnpm:web/index.js:276"
   }
-}, nt = w.inline, it = w.block, st = w.block, at = w.inline, lt = w.inline, ct = w.inline, dt = w.block, ut = null, xt = [w.inlineblock, w.button], pt = [w.inline, w.codePre], gt = null, ht = w.block, mt = w.inline, bt = w.block, ft = w.block, vt = w.block, Y = [w.block, w.heading], kt = w.block, yt = [w.block, w.hr], wt = w.inline, Mt = w.img, Tt = [w.inlineblock, w.input], Wt = null, St = null, $t = w.inline, Ct = w.block, Ht = w.block, jt = w.inline, zt = w.block, Rt = [w.list, w.block], Bt = null, Lt = null, It = w.block, qt = [w.block, w.codePre], Pt = null, Et = w.block, Ot = w.inlineblock, Gt = w.inline, Dt = [w.inline, w.strong], At = w.inline, Ft = w.inline, Xt = [w.inlineblock, w.textarea], Vt = null, _t = [w.list, w.block], k = {
+}, nt = w.inline, it = w.block, st = w.block, at = w.inline, lt = w.inline, ct = w.inline, dt = w.block, ut = null, xt = [w.inlineblock, w.button], pt = [w.inline, w.codePre], gt = null, ht = w.block, mt = w.inline, bt = w.block, ft = w.block, vt = w.block, Y = [w.block, w.heading], kt = w.block, yt = [w.block, w.hr], wt = w.inline, Mt = w.img, Tt = [w.inlineblock, w.input], Wt = null, St = null, $t = w.inline, Ct = w.block, Ht = w.block, jt = w.inline, Rt = w.block, zt = [w.list, w.block], Bt = null, Lt = null, It = w.block, qt = [w.block, w.codePre], Pt = null, Et = w.block, Ot = w.inlineblock, Gt = w.inline, Dt = [w.inline, w.strong], At = w.inline, Ft = w.inline, Xt = [w.inlineblock, w.textarea], Vt = null, _t = [w.list, w.block], k = {
   a: nt,
   article: it,
   aside: st,
@@ -409,8 +416,8 @@ const w = {
   li: Ct,
   main: Ht,
   mark: jt,
-  nav: zt,
-  ol: Rt,
+  nav: Rt,
+  ol: zt,
   optgroup: Bt,
   option: Lt,
   p: It,
@@ -425,7 +432,7 @@ const w = {
   textarea: Xt,
   u: Vt,
   ul: _t
-}, Kt = v("a", k.a), Nt = v("article", k.article), Yt = v("aside", k.aside), Zt = v("b", k.b), Ut = v("bdi", k.bdi), Jt = v("bdo", k.bdo), Qt = v("blockquote", k.blockquote), eo = v("br", k.br), to = v("button", k.button), oo = v("code", k.code), ro = v("del", k.del), no = v("div", k.div), io = v("em", k.em), so = v("fieldset", k.fieldset), ao = v("footer", k.footer), lo = v("form", k.form), co = v("h1", k.h1), uo = v("h2", k.h2), xo = v("h3", k.h3), po = v("h4", k.h4), go = v("h5", k.h5), ho = v("h6", k.h6), mo = v("header", k.header), bo = v("hr", k.hr), fo = v("i", k.i), vo = v("img", k.img), ko = v("input", k.input), yo = v("ins", k.ins), wo = v("kbd", k.kbd), Mo = v("label", k.label), To = v("li", k.li), Wo = v("main", k.main), So = v("mark", k.mark), $o = v("nav", k.nav), Co = v("ol", k.ol), Ho = v("optgroup", k.optgroup), jo = v("option", k.option), zo = v("p", k.p), Ro = v("pre", k.pre), Bo = v("s", k.s), Lo = v("section", k.section), Io = v("select", k.select), qo = v("span", k.span), Po = v("strong", k.strong), Eo = v("sub", k.sub), Oo = v("sup", k.sup), Go = v("textarea", k.textarea), Do = v("u", k.u), Ao = v("ul", k.ul);
+}, Kt = v("a", k.a), Nt = v("article", k.article), Yt = v("aside", k.aside), Zt = v("b", k.b), Ut = v("bdi", k.bdi), Jt = v("bdo", k.bdo), Qt = v("blockquote", k.blockquote), eo = v("br", k.br), to = v("button", k.button), oo = v("code", k.code), ro = v("del", k.del), no = v("div", k.div), io = v("em", k.em), so = v("fieldset", k.fieldset), ao = v("footer", k.footer), lo = v("form", k.form), co = v("h1", k.h1), uo = v("h2", k.h2), xo = v("h3", k.h3), po = v("h4", k.h4), go = v("h5", k.h5), ho = v("h6", k.h6), mo = v("header", k.header), bo = v("hr", k.hr), fo = v("i", k.i), vo = v("img", k.img), ko = v("input", k.input), yo = v("ins", k.ins), wo = v("kbd", k.kbd), Mo = v("label", k.label), To = v("li", k.li), Wo = v("main", k.main), So = v("mark", k.mark), $o = v("nav", k.nav), Co = v("ol", k.ol), Ho = v("optgroup", k.optgroup), jo = v("option", k.option), Ro = v("p", k.p), zo = v("pre", k.pre), Bo = v("s", k.s), Lo = v("section", k.section), Io = v("select", k.select), qo = v("span", k.span), Po = v("strong", k.strong), Eo = v("sub", k.sub), Oo = v("sup", k.sup), Go = v("textarea", k.textarea), Do = v("u", k.u), Ao = v("ul", k.ul);
 var Fo = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   a: Kt,
@@ -465,8 +472,8 @@ var Fo = /* @__PURE__ */ Object.freeze({
   ol: Co,
   optgroup: Ho,
   option: jo,
-  p: zo,
-  pre: Ro,
+  p: Ro,
+  pre: zo,
   s: Bo,
   section: Lo,
   select: Io,
@@ -482,9 +489,9 @@ const je = F(null);
 function Xo() {
   return D(je);
 }
-const ze = F(null);
+const Re = F(null);
 function Vo() {
-  return D(ze);
+  return D(Re);
 }
 const N = {
   item: {
@@ -576,13 +583,13 @@ function Ko(o) {
   }, e[20] = h, e[21] = b, e[22] = y, e[23] = m, e[24] = f, e[25] = W) : W = e[25], W;
 }
 const No = {
-  xjvd03b: "xoev3oz xjvd03b",
+  xjvd03b: "x1rds7u6 xjvd03b",
   $$css: !0
 }, Yo = {
   x13v825q: "x1jk1o70 x13v825q",
   $$css: !0
 }, Zo = {
-  xjvd03b: "x1ud4188 xjvd03b",
+  xjvd03b: "x1sgr518 xjvd03b",
   $$css: !0
 }, Uo = {
   x13v825q: "xc8o4hb x13v825q",
@@ -632,9 +639,9 @@ const tr = {
     "zIndex-kY2c9j": "zIndex-x3z26px",
     $$css: "ThemeProvider/ThemeProvider.tsx:39"
   }
-}, Re = F(null);
+}, ze = F(null);
 function or() {
-  return D(Re);
+  return D(ze);
 }
 function rr(o) {
   const e = String(Ne[o] ?? ""), t = /^var\((--[\w-]+)\)$/.exec(e);
@@ -658,13 +665,13 @@ function Pr(o) {
   let W;
   e[10] !== m ? (W = m ? /* @__PURE__ */ T("style", { children: m }) : null, e[10] = m, e[11] = W) : W = e[11];
   let S;
-  e[12] !== c || e[13] !== u ? (S = /* @__PURE__ */ T(Re.Provider, { value: u, children: c }), e[12] = c, e[13] = u, e[14] = S) : S = e[14];
+  e[12] !== c || e[13] !== u ? (S = /* @__PURE__ */ T(ze.Provider, { value: u, children: c }), e[12] = c, e[13] = u, e[14] = S) : S = e[14];
   let $;
   e[15] !== b || e[16] !== S ? ($ = /* @__PURE__ */ T(Me.Provider, { value: b, children: S }), e[15] = b, e[16] = S, e[17] = $) : $ = e[17];
   let C;
-  e[18] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ T("div", { "data-element-src": "ThemeProvider/ThemeProvider.tsx:96", ref: p, "data-portal-mount": !0, ...j(z.div, Te.portalMount) }), e[18] = C) : C = e[18];
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ T("div", { "data-element-src": "ThemeProvider/ThemeProvider.tsx:96", ref: p, "data-portal-mount": !0, ...j(R.div, Te.portalMount) }), e[18] = C) : C = e[18];
   let H;
-  return e[19] !== a || e[20] !== $ || e[21] !== f || e[22] !== W || e[23] !== n ? (H = /* @__PURE__ */ ue("div", { "data-element-src": "ThemeProvider/ThemeProvider.tsx:88", "data-theme": n, "data-duro-theme": f, ...j(z.div, a), children: [
+  return e[19] !== a || e[20] !== $ || e[21] !== f || e[22] !== W || e[23] !== n ? (H = /* @__PURE__ */ ue("div", { "data-element-src": "ThemeProvider/ThemeProvider.tsx:88", "data-theme": n, "data-duro-theme": f, ...j(R.div, a), children: [
     W,
     $,
     C
@@ -675,7 +682,7 @@ function nr(o) {
     children: t
   } = o;
   let r;
-  return e[0] !== t ? (r = /* @__PURE__ */ T(ze.Provider, { value: null, children: /* @__PURE__ */ T(je.Provider, { value: null, children: t }) }), e[0] = t, e[1] = r) : r = e[1], r;
+  return e[0] !== t ? (r = /* @__PURE__ */ T(Re.Provider, { value: null, children: /* @__PURE__ */ T(je.Provider, { value: null, children: t }) }), e[0] = t, e[1] = r) : r = e[1], r;
 }
 function Be(o) {
   return o.button === 0 && !o.metaKey && !o.ctrlKey && !o.shiftKey && !o.altKey && !o.defaultPrevented;
@@ -981,7 +988,7 @@ function lr(o) {
   e[5] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ new Set(), e[5] = f) : f = e[5];
   const W = q(f);
   let S;
-  e[6] === Symbol.for("react.memo_cache_sentinel") ? (S = () => m.current.filter((R) => !W.current.has(R)), e[6] = S) : S = e[6];
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (S = () => m.current.filter((z) => !W.current.has(z)), e[6] = S) : S = e[6];
   const $ = S;
   let C;
   e[7] !== r || e[8] !== c ? (C = () => {
@@ -1004,8 +1011,8 @@ function lr(o) {
       h.current?.focus({
         preventScroll: !0
       });
-      const R = $()[0];
-      R && d(R);
+      const z = $()[0];
+      z && d(z);
     } else
       !t && _.current && d(null);
     _.current = t;
@@ -1019,22 +1026,22 @@ function lr(o) {
     });
   }, ne = [n], e[20] = n, e[21] = re, e[22] = ne) : (re = e[21], ne = e[22]), V(re, ne);
   let ie;
-  e[23] === Symbol.for("react.memo_cache_sentinel") ? (ie = (R, U, J) => {
+  e[23] === Symbol.for("react.memo_cache_sentinel") ? (ie = (z, U, J) => {
     const O = J === void 0 ? !1 : J;
-    b.current.set(R, U), O ? W.current.add(R) : W.current.delete(R);
+    b.current.set(z, U), O ? W.current.add(z) : W.current.delete(z);
     const I = b.current, G = [...I.keys()];
     return G.sort((K, Ae) => {
       const ke = I.get(K), ye = I.get(Ae);
       return !ke || !ye ? 0 : ke.compareDocumentPosition(ye) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
     }), m.current = G, () => {
-      b.current.delete(R), W.current.delete(R), m.current = m.current.filter((K) => K !== R);
+      b.current.delete(z), W.current.delete(z), m.current = m.current.filter((K) => K !== z);
     };
   }, e[23] = ie) : ie = e[23];
   const De = ie;
   let se, ae;
   e[24] !== L || e[25] !== t ? (se = () => {
-    const R = h.current;
-    if (!R || !t)
+    const z = h.current;
+    if (!z || !t)
       return;
     const U = function(O) {
       if (O.key === "Escape") {
@@ -1078,16 +1085,16 @@ function lr(o) {
           }
         }
     };
-    return R.addEventListener("keydown", U), () => R.removeEventListener("keydown", U);
+    return z.addEventListener("keydown", U), () => z.removeEventListener("keydown", U);
   }, ae = [t, L, $], e[24] = L, e[25] = t, e[26] = se, e[27] = ae) : (se = e[26], ae = e[27]), V(se, ae);
   let le, ce;
   e[28] !== H || e[29] !== t ? (le = () => {
     if (!t)
       return;
-    const R = function(J) {
+    const z = function(J) {
       sr(J.target, [h.current, x.current]) && H();
     };
-    return document.addEventListener("pointerdown", R, !0), () => document.removeEventListener("pointerdown", R, !0);
+    return document.addEventListener("pointerdown", z, !0), () => document.removeEventListener("pointerdown", z, !0);
   }, ce = [t, H], e[28] = H, e[29] = t, e[30] = le, e[31] = ce) : (le = e[30], ce = e[31]), V(le, ce);
   let de;
   return e[32] !== L || e[33] !== n || e[34] !== a || e[35] !== t || e[36] !== X || e[37] !== u ? (de = {
@@ -1157,7 +1164,7 @@ function xr(o) {
     rootRef: l
   } = lr(d);
   let i;
-  e[4] !== t || e[5] !== l ? (i = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:42", ref: l, ...j(z.div, P.root), children: t }), e[4] = t, e[5] = l, e[6] = i) : i = e[6];
+  e[4] !== t || e[5] !== l ? (i = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:42", ref: l, ...j(R.div, P.root), children: t }), e[4] = t, e[5] = l, e[6] = i) : i = e[6];
   let a;
   return e[7] !== s || e[8] !== i ? (a = /* @__PURE__ */ T(Ee.Provider, { value: s, children: i }), e[7] = s, e[8] = i, e[9] = a) : a = e[9], a;
 }
@@ -1180,7 +1187,7 @@ function gr({
   }, [c, i, u]);
   return V(() => {
     i.current?.querySelector(pr) && Ie("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.");
-  }, [i]), /* @__PURE__ */ T("button", { "data-element-src": "Menu/Menu.tsx:101", ref: p, tabIndex: a.tabIndex, onFocus: a.onFocus, id: l, type: "button", onClick: d, "aria-label": e, "aria-expanded": n, "aria-haspopup": "menu", "aria-controls": n ? s : void 0, ...j(z.button, P.trigger, t === "ghost" ? [P.triggerGhost, r === "small" && P.triggerGhostSmall] : r === "small" && P.triggerSmall, a.style), children: o });
+  }, [i]), /* @__PURE__ */ T("button", { "data-element-src": "Menu/Menu.tsx:101", ref: p, tabIndex: a.tabIndex, onFocus: a.onFocus, id: l, type: "button", onClick: d, "aria-label": e, "aria-expanded": n, "aria-haspopup": "menu", "aria-controls": n ? s : void 0, ...j(R.button, P.trigger, t === "ghost" ? [P.triggerGhost, r === "small" && P.triggerGhostSmall] : r === "small" && P.triggerSmall, a.style), children: o });
 }
 function hr(o) {
   const e = B.c(26), {
@@ -1249,7 +1256,7 @@ function hr(o) {
   let S;
   e[14] !== t ? (S = /* @__PURE__ */ T(nr, { children: t }), e[14] = t, e[15] = S) : S = e[15];
   let $;
-  e[16] !== d || e[17] !== a || e[18] !== m || e[19] !== W || e[20] !== S || e[21] !== s ? ($ = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:171", ref: a, id: d, role: "menu", tabIndex: -1, "aria-labelledby": s, "aria-activedescendant": m, ...j(z.div, W), children: S }), e[16] = d, e[17] = a, e[18] = m, e[19] = W, e[20] = S, e[21] = s, e[22] = $) : $ = e[22];
+  e[16] !== d || e[17] !== a || e[18] !== m || e[19] !== W || e[20] !== S || e[21] !== s ? ($ = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:171", ref: a, id: d, role: "menu", tabIndex: -1, "aria-labelledby": s, "aria-activedescendant": m, ...j(R.div, W), children: S }), e[16] = d, e[17] = a, e[18] = m, e[19] = W, e[20] = S, e[21] = s, e[22] = $) : $ = e[22];
   const C = h ?? document.body;
   let H;
   return e[23] !== $ || e[24] !== C ? (H = Ve($, C), e[23] = $, e[24] = C, e[25] = H) : H = e[25], H;
@@ -1282,7 +1289,7 @@ function mr(o) {
   let S;
   e[13] !== f || e[14] !== W ? (S = [P.item, f, W], e[13] = f, e[14] = W, e[15] = S) : S = e[15];
   let $;
-  return e[16] !== c || e[17] !== b || e[18] !== a || e[19] !== y || e[20] !== m || e[21] !== S ? ($ = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:213", ref: u, id: a, role: "menuitem", "aria-disabled": y, onClick: b, onPointerEnter: m, ...j(z.div, S), children: c }), e[16] = c, e[17] = b, e[18] = a, e[19] = y, e[20] = m, e[21] = S, e[22] = $) : $ = e[22], $;
+  return e[16] !== c || e[17] !== b || e[18] !== a || e[19] !== y || e[20] !== m || e[21] !== S ? ($ = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:213", ref: u, id: a, role: "menuitem", "aria-disabled": y, onClick: b, onPointerEnter: m, ...j(R.div, S), children: c }), e[16] = c, e[17] = b, e[18] = a, e[19] = y, e[20] = m, e[21] = S, e[22] = $) : $ = e[22], $;
 }
 function br(o) {
   const e = B.c(20), {
@@ -1311,12 +1318,12 @@ function br(o) {
   let y;
   e[11] !== b ? (y = [P.item, P.linkItem, b], e[11] = b, e[12] = y) : y = e[12];
   let m;
-  return e[13] !== c || e[14] !== t || e[15] !== i || e[16] !== h || e[17] !== g || e[18] !== y ? (m = /* @__PURE__ */ T("a", { "data-element-src": "Menu/Menu.tsx:255", ref: a, id: i, href: t, onClick: h, role: "menuitem", onPointerEnter: g, ...j(z.a, y), children: c }), e[13] = c, e[14] = t, e[15] = i, e[16] = h, e[17] = g, e[18] = y, e[19] = m) : m = e[19], m;
+  return e[13] !== c || e[14] !== t || e[15] !== i || e[16] !== h || e[17] !== g || e[18] !== y ? (m = /* @__PURE__ */ T("a", { "data-element-src": "Menu/Menu.tsx:255", ref: a, id: i, href: t, onClick: h, role: "menuitem", onPointerEnter: g, ...j(R.a, y), children: c }), e[13] = c, e[14] = t, e[15] = i, e[16] = h, e[17] = g, e[18] = y, e[19] = m) : m = e[19], m;
 }
 function fr() {
   const o = B.c(1);
   let e;
-  return o[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:277", role: "separator", "aria-orientation": "horizontal", ...j(z.div, P.separator) }), o[0] = e) : e = o[0], e;
+  return o[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:277", role: "separator", "aria-orientation": "horizontal", ...j(R.div, P.separator) }), o[0] = e) : e = o[0], e;
 }
 const Gr = {
   Root: xr,
@@ -1547,7 +1554,7 @@ function vr(o) {
     children: t
   } = o;
   let r;
-  return e[0] !== t ? (r = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:55", ...j(z.div, M.container), children: t }), e[0] = t, e[1] = r) : r = e[1], r;
+  return e[0] !== t ? (r = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:55", ...j(R.div, M.container), children: t }), e[0] = t, e[1] = r) : r = e[1], r;
 }
 function kr(o) {
   let e = "";
@@ -1615,15 +1622,15 @@ function Mr(o) {
     };
   }, l = [], e[1] = s, e[2] = l) : (s = e[1], l = e[2]), V(s, l);
   let i;
-  e[3] !== t ? (i = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:196", ref: r, ...j(z.div, M.scrollX), children: t }), e[3] = t, e[4] = i) : i = e[4];
+  e[3] !== t ? (i = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:196", ref: r, ...j(R.div, M.scrollX), children: t }), e[3] = t, e[4] = i) : i = e[4];
   const a = n.start && M.edgeFadeVisible;
   let u;
-  e[5] !== a ? (u = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:199", "aria-hidden": !0, ...j(z.div, M.edgeFade, M.edgeFadeLeft, a) }), e[5] = a, e[6] = u) : u = e[6];
+  e[5] !== a ? (u = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:199", "aria-hidden": !0, ...j(R.div, M.edgeFade, M.edgeFadeLeft, a) }), e[5] = a, e[6] = u) : u = e[6];
   const p = n.end && M.edgeFadeVisible;
   let x;
-  e[7] !== p ? (x = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:203", "aria-hidden": !0, ...j(z.div, M.edgeFade, M.edgeFadeRight, p) }), e[7] = p, e[8] = x) : x = e[8];
+  e[7] !== p ? (x = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:203", "aria-hidden": !0, ...j(R.div, M.edgeFade, M.edgeFadeRight, p) }), e[7] = p, e[8] = x) : x = e[8];
   let h;
-  return e[9] !== i || e[10] !== u || e[11] !== x ? (h = /* @__PURE__ */ ue("div", { "data-element-src": "Table/Table.tsx:195", ...j(z.div, M.scrollFrame), children: [
+  return e[9] !== i || e[10] !== u || e[11] !== x ? (h = /* @__PURE__ */ ue("div", { "data-element-src": "Table/Table.tsx:195", ...j(R.div, M.scrollFrame), children: [
     i,
     u,
     x
@@ -1645,7 +1652,7 @@ function Tr({
   } = wr(o, c);
   l && (s.current = l);
   const u = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:257", role: "table", ...j(
-    z.div,
+    R.div,
     M.root,
     // When responsive, use gridColumnsResponsive so the explicit column
     // template and the stack-mode @container override live in one StyleX
@@ -1666,14 +1673,14 @@ function Tr({
     responsive: r,
     labels: a,
     inferredTemplateRef: s
-  }, children: r ? /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:299", ...j(z.div, M.rootContainer), children: x }) : x });
+  }, children: r ? /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:299", ...j(R.div, M.rootContainer), children: x }) : x });
 }
 function Wr(o) {
   const e = B.c(2), {
     children: t
   } = o;
   let r;
-  return e[0] !== t ? (r = /* @__PURE__ */ T(be.Provider, { value: !0, children: /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:309", role: "rowgroup", ...j(z.div, M.header), children: t }) }), e[0] = t, e[1] = r) : r = e[1], r;
+  return e[0] !== t ? (r = /* @__PURE__ */ T(be.Provider, { value: !0, children: /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:309", role: "rowgroup", ...j(R.div, M.header), children: t }) }), e[0] = t, e[1] = r) : r = e[1], r;
 }
 function Sr(o) {
   const e = B.c(19), {
@@ -1717,7 +1724,7 @@ function Cr(o) {
     } : void 0, e[10] = u, e[11] = r, e[12] = x) : x = e[12];
     const h = !d && M.bodyRow, g = !d && n === "striped" && l && M.stripedEven, b = u && M.clickableRow;
     let y;
-    e[13] !== h || e[14] !== g || e[15] !== b ? (y = [M.row, h, g, b], e[13] = h, e[14] = g, e[15] = b, e[16] = y) : y = e[16], i = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:381", role: "row", tabIndex: u ? 0 : void 0, "aria-label": u ? c : void 0, onClick: p, onKeyDown: x, ...j(z.div, y), children: a.map((m, f) => /* @__PURE__ */ T(fe.Provider, { value: {
+    e[13] !== h || e[14] !== g || e[15] !== b ? (y = [M.row, h, g, b], e[13] = h, e[14] = g, e[15] = b, e[16] = y) : y = e[16], i = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:381", role: "row", tabIndex: u ? 0 : void 0, "aria-label": u ? c : void 0, onClick: p, onKeyDown: x, ...j(R.div, y), children: a.map((m, f) => /* @__PURE__ */ T(fe.Provider, { value: {
       index: f,
       total: a.length
     }, children: m }, m.key ?? f)) }), e[0] = c, e[1] = t, e[2] = l, e[3] = d, e[4] = r, e[5] = n, e[6] = i;
@@ -1743,7 +1750,7 @@ function ve(o) {
   let p;
   e[0] !== i || e[1] !== a || e[2] !== u ? (p = [M.headerCell, i, a, u], e[0] = i, e[1] = a, e[2] = u, e[3] = p) : p = e[3];
   let x;
-  return e[4] !== r || e[5] !== t || e[6] !== p ? (x = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:467", role: "columnheader", "aria-label": r, ...j(z.div, p), children: t }), e[4] = r, e[5] = t, e[6] = p, e[7] = x) : x = e[7], x;
+  return e[4] !== r || e[5] !== t || e[6] !== p ? (x = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:467", role: "columnheader", "aria-label": r, ...j(R.div, p), children: t }), e[4] = r, e[5] = t, e[6] = p, e[7] = x) : x = e[7], x;
 }
 ve.displayName = "HeaderCell";
 function Hr(o) {
@@ -1762,11 +1769,11 @@ function Hr(o) {
   let b;
   e[0] !== p || e[1] !== x || e[2] !== h || e[3] !== g ? (b = [M.cell, p, x, h, g], e[0] = p, e[1] = x, e[2] = h, e[3] = g, e[4] = b) : b = e[4];
   let y;
-  e[5] !== r || e[6] !== u || e[7] !== s ? (y = s && !r && u !== "" ? /* @__PURE__ */ T("span", { "data-element-src": "Table/Table.tsx:507", ...j(z.span, M.cellLabel), children: u }) : null, e[5] = r, e[6] = u, e[7] = s, e[8] = y) : y = e[8];
+  e[5] !== r || e[6] !== u || e[7] !== s ? (y = s && !r && u !== "" ? /* @__PURE__ */ T("span", { "data-element-src": "Table/Table.tsx:507", ...j(R.span, M.cellLabel), children: u }) : null, e[5] = r, e[6] = u, e[7] = s, e[8] = y) : y = e[8];
   let m;
-  e[9] !== t || e[10] !== r ? (m = r ? t : /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:509", ...j(z.div, M.cellValue), children: t }), e[9] = t, e[10] = r, e[11] = m) : m = e[11];
+  e[9] !== t || e[10] !== r ? (m = r ? t : /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:509", ...j(R.div, M.cellValue), children: t }), e[9] = t, e[10] = r, e[11] = m) : m = e[11];
   let f;
-  return e[12] !== b || e[13] !== y || e[14] !== m ? (f = /* @__PURE__ */ ue("div", { "data-element-src": "Table/Table.tsx:496", role: "cell", ...j(z.div, b), children: [
+  return e[12] !== b || e[13] !== y || e[14] !== m ? (f = /* @__PURE__ */ ue("div", { "data-element-src": "Table/Table.tsx:496", role: "cell", ...j(R.div, b), children: [
     y,
     m
   ] }), e[12] = b, e[13] = y, e[14] = m, e[15] = f) : f = e[15], f;
@@ -1782,7 +1789,7 @@ const jr = {
   Cell: Hr
 }, Dr = jr;
 export {
-  ze as B,
+  Re as B,
   nr as C,
   Ir as D,
   ve as H,
@@ -1818,4 +1825,4 @@ export {
   Hr as x,
   jr as y
 };
-//# sourceMappingURL=Table-ypIvytAS.js.map
+//# sourceMappingURL=Table-IuD0tooi.js.map