@duro-app/ui 5.0.0 → 5.1.0

package/dist/{Table-BKN_d-mp.js → Table-BkrgH0jb.js}

@@ -1,6 +1,6 @@
 import { jsx as $, jsxs as X, Fragment as se } from "react/jsx-runtime";
 import { c as j, m as S, d as M } from "./compiler-runtime-B2IcI8_O.js";
-import { useContext as A, createContext as V, useState as J, useId as Z, useRef as q, useEffect as P, Children as K, isValidElement as be } from "react";
+import { useContext as A, createContext as V, useState as J, useId as Z, useRef as q, useEffect as P, Children as K, isValidElement as ke } from "react";
 const Ho = {
   xs: 4,
   sm: 8,
@@ -18,7 +18,7 @@ const Ho = {
   brisk: 160,
   base: 200,
   slow: 280
-}, ke = ["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"], G = {
+}, me = ["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"], G = {
   touchTarget: 44,
   iconSm: 16,
   iconMd: 18,
@@ -81,12 +81,19 @@ const Ho = {
   pageMd: "var(--pageMd-xloo57l)",
   pageLg: "var(--pageLg-x393fnm)",
   __varGroupHash__: "x1w57kmz"
-}, ae = new Set(ke);
-function me(t) {
+}, ae = new Set(me);
+function ce(t) {
   return typeof t == "string" && ae.has(t) ? le[t] : t;
 }
 function ne(t) {
-  return typeof t == "string" && ae.has(t) ? le[t] : t;
+  const e = t;
+  if (typeof e != "string") return e;
+  const r = /^(minmax|fit-content)\((.*)\)$/.exec(e);
+  if (r) {
+    const o = r[2].split(",").map((a) => String(ce(a.trim())));
+    return `${r[1]}(${o.join(", ")})`;
+  }
+  return ae.has(e) ? le[e] : e;
 }
 const R = {
   root: {
@@ -181,48 +188,48 @@ const R = {
     "color-kMwMTN": "color-x95150z color-xtolcfe",
     $$css: "Menu/styles.css.ts:93"
   }
-}, ce = V(null);
+}, de = V(null);
 function N() {
-  const t = A(ce);
+  const t = A(de);
   if (!t)
     throw new Error("Menu compound components must be used within Menu.Root");
   return t;
 }
 function he() {
-  const t = j.c(15), [e, i] = J(!1), [o, c] = J(null), p = Z(), d = q(null), l = q(null);
+  const t = j.c(15), [e, r] = J(!1), [o, a] = J(null), p = Z(), d = q(null), l = q(null);
   let n;
   t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ new Map(), t[0] = n) : n = t[0];
-  const r = q(n);
+  const i = q(n);
   let x;
   t[1] === Symbol.for("react.memo_cache_sentinel") ? (x = [], t[1] = x) : x = t[1];
-  const s = q(x), a = q(!1);
+  const s = q(x), c = q(!1);
   let u;
   t[2] === Symbol.for("react.memo_cache_sentinel") ? (u = () => {
-    i(!1), c(null), a.current = !1, l.current?.focus();
+    r(!1), a(null), c.current = !1, l.current?.focus();
   }, t[2] = u) : u = t[2];
   const m = u;
   let k;
   t[3] === Symbol.for("react.memo_cache_sentinel") ? (k = () => {
-    i((C) => (C ? (c(null), a.current = !1) : a.current = !0, !C));
+    r((C) => (C ? (a(null), c.current = !1) : c.current = !0, !C));
   }, t[3] = k) : k = t[3];
   const y = k;
   let w, f;
   t[4] !== e ? (w = () => {
-    if (e && a.current) {
-      a.current = !1;
+    if (e && c.current) {
+      c.current = !1;
       const C = s.current;
-      C.length > 0 && c(C[0]);
+      C.length > 0 && a(C[0]);
     }
   }, f = [e], t[4] = e, t[5] = w, t[6] = f) : (w = t[5], f = t[6]), P(w, f);
   let T;
   t[7] === Symbol.for("react.memo_cache_sentinel") ? (T = (C, D) => {
-    r.current.set(C, D);
-    const _ = r.current, I = [..._.keys()];
+    i.current.set(C, D);
+    const _ = i.current, I = [..._.keys()];
     return I.sort((W, O) => {
       const L = _.get(W), Y = _.get(O);
       return !L || !Y ? 0 : L.compareDocumentPosition(Y) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
     }), s.current = I, () => {
-      r.current.delete(C), s.current = s.current.filter((W) => W !== C);
+      i.current.delete(C), s.current = s.current.filter((W) => W !== C);
     };
   }, t[7] = T) : T = t[7];
   const F = T;
@@ -236,32 +243,32 @@ function he() {
       if (W.length !== 0)
         e: switch (I.key) {
           case "ArrowDown": {
-            I.preventDefault(), c((O) => {
+            I.preventDefault(), a((O) => {
               const L = O ? W.indexOf(O) : -1;
               return W[(L + 1) % W.length];
             });
             break e;
           }
           case "ArrowUp": {
-            I.preventDefault(), c((O) => {
+            I.preventDefault(), a((O) => {
               const L = O ? W.indexOf(O) : 0;
               return W[(L - 1 + W.length) % W.length];
             });
             break e;
           }
           case "Home": {
-            I.preventDefault(), c(W[0]);
+            I.preventDefault(), a(W[0]);
             break e;
           }
           case "End": {
-            I.preventDefault(), c(W[W.length - 1]);
+            I.preventDefault(), a(W[W.length - 1]);
             break e;
           }
           case "Enter":
           case " ": {
             I.preventDefault();
-            const O = r.current;
-            c((L) => (L && O.get(L)?.click(), L));
+            const O = i.current;
+            a((L) => (L && O.get(L)?.click(), L));
             break e;
           }
           case "Escape": {
@@ -282,7 +289,7 @@ function he() {
       close: m,
       menuId: p,
       highlightedId: o,
-      setHighlightedId: c,
+      setHighlightedId: a,
       registerItem: F,
       triggerRef: l
     },
@@ -290,29 +297,29 @@ function he() {
   }, t[11] = o, t[12] = p, t[13] = e, t[14] = E) : E = t[14], E;
 }
 const fe = typeof process < "u" && process.env?.NODE_ENV === "production", re = /* @__PURE__ */ new Set();
-function de(t, e, i) {
+function ue(t, e, r) {
   const o = `${t}:${e}`;
-  fe || re.has(o) || (re.add(o), console.warn(`[duro-app/ui ${t}] ${i}`));
+  fe || re.has(o) || (re.add(o), console.warn(`[duro-app/ui ${t}] ${r}`));
 }
 function ve(t) {
   const e = j.c(6), {
-    children: i
+    children: r
   } = t, {
     ctx: o,
-    rootRef: c
+    rootRef: a
   } = he();
   let p;
-  e[0] !== i || e[1] !== c ? (p = /* @__PURE__ */ $("div", { "data-element-src": "Menu/Menu.tsx:18", ref: c, ...S(M.div, R.root), children: i }), e[0] = i, e[1] = c, e[2] = p) : p = e[2];
+  e[0] !== r || e[1] !== a ? (p = /* @__PURE__ */ $("div", { "data-element-src": "Menu/Menu.tsx:18", ref: a, ...S(M.div, R.root), children: r }), e[0] = r, e[1] = a, e[2] = p) : p = e[2];
   let d;
-  return e[3] !== o || e[4] !== p ? (d = /* @__PURE__ */ $(ce.Provider, { value: o, children: p }), e[3] = o, e[4] = p, e[5] = d) : d = e[5], d;
+  return e[3] !== o || e[4] !== p ? (d = /* @__PURE__ */ $(de.Provider, { value: o, children: p }), e[3] = o, e[4] = p, e[5] = d) : d = e[5], d;
 }
 const ye = 'button, a[href], input, select, textarea, [role="button"]';
 function we(t) {
   const e = j.c(9), {
-    children: i
+    children: r
   } = t, {
     open: o,
-    toggle: c,
+    toggle: a,
     menuId: p,
     triggerRef: d
   } = N(), l = q(null);
@@ -320,19 +327,19 @@ function we(t) {
   e[0] !== d ? (n = () => {
     d.current = l.current;
   }, e[0] = d, e[1] = n) : n = e[1], P(n);
-  let r, x;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (r = () => {
-    l.current?.querySelector(ye) && de("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.");
-  }, x = [], e[2] = r, e[3] = x) : (r = e[2], x = e[3]), P(r, x);
+  let i, x;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
+    l.current?.querySelector(ye) && ue("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.");
+  }, x = [], e[2] = i, e[3] = x) : (i = e[2], x = e[3]), P(i, x);
   const s = o ? p : void 0;
-  let a;
-  return e[4] !== i || e[5] !== o || e[6] !== s || e[7] !== c ? (a = /* @__PURE__ */ $("button", { "data-element-src": "Menu/Menu.tsx:52", ref: l, type: "button", onClick: c, "aria-expanded": o, "aria-haspopup": "menu", "aria-controls": s, ...S(M.button, R.trigger), children: i }), e[4] = i, e[5] = o, e[6] = s, e[7] = c, e[8] = a) : a = e[8], a;
+  let c;
+  return e[4] !== r || e[5] !== o || e[6] !== s || e[7] !== a ? (c = /* @__PURE__ */ $("button", { "data-element-src": "Menu/Menu.tsx:52", ref: l, type: "button", onClick: a, "aria-expanded": o, "aria-haspopup": "menu", "aria-controls": s, ...S(M.button, R.trigger), children: r }), e[4] = r, e[5] = o, e[6] = s, e[7] = a, e[8] = c) : c = e[8], c;
 }
 function $e(t) {
   const e = j.c(12), {
-    children: i,
+    children: r,
     align: o
-  } = t, c = o === void 0 ? "start" : o, {
+  } = t, a = o === void 0 ? "start" : o, {
     open: p,
     close: d,
     menuId: l,
@@ -340,39 +347,39 @@ function $e(t) {
   } = N();
   if (!p)
     return null;
-  let r;
-  e[0] !== d ? (r = /* @__PURE__ */ $("div", { "data-element-src": "Menu/Menu.tsx:79", ...S(M.div, R.backdrop), onClick: d }), e[0] = d, e[1] = r) : r = e[1];
-  const x = n ?? void 0, s = c === "end" && R.popupEnd;
-  let a;
-  e[2] !== s ? (a = [R.popup, s], e[2] = s, e[3] = a) : a = e[3];
+  let i;
+  e[0] !== d ? (i = /* @__PURE__ */ $("div", { "data-element-src": "Menu/Menu.tsx:79", ...S(M.div, R.backdrop), onClick: d }), e[0] = d, e[1] = i) : i = e[1];
+  const x = n ?? void 0, s = a === "end" && R.popupEnd;
+  let c;
+  e[2] !== s ? (c = [R.popup, s], e[2] = s, e[3] = c) : c = e[3];
   let u;
-  e[4] !== i || e[5] !== l || e[6] !== x || e[7] !== a ? (u = /* @__PURE__ */ $("div", { "data-element-src": "Menu/Menu.tsx:80", id: l, role: "menu", "aria-activedescendant": x, ...S(M.div, a), children: i }), e[4] = i, e[5] = l, e[6] = x, e[7] = a, e[8] = u) : u = e[8];
+  e[4] !== r || e[5] !== l || e[6] !== x || e[7] !== c ? (u = /* @__PURE__ */ $("div", { "data-element-src": "Menu/Menu.tsx:80", id: l, role: "menu", "aria-activedescendant": x, ...S(M.div, c), children: r }), e[4] = r, e[5] = l, e[6] = x, e[7] = c, e[8] = u) : u = e[8];
   let m;
-  return e[9] !== r || e[10] !== u ? (m = /* @__PURE__ */ X(se, { children: [
-    r,
+  return e[9] !== i || e[10] !== u ? (m = /* @__PURE__ */ X(se, { children: [
+    i,
     u
-  ] }), e[9] = r, e[10] = u, e[11] = m) : m = e[11], m;
+  ] }), e[9] = i, e[10] = u, e[11] = m) : m = e[11], m;
 }
 function Te(t) {
   const e = j.c(18), {
-    onClick: i,
+    onClick: r,
     children: o
   } = t, {
-    close: c,
+    close: a,
     highlightedId: p,
     setHighlightedId: d,
     registerItem: l
-  } = N(), n = Z(), r = q(null), x = p === n;
-  let s, a;
+  } = N(), n = Z(), i = q(null), x = p === n;
+  let s, c;
   e[0] !== n || e[1] !== l ? (s = () => {
-    const T = r.current;
+    const T = i.current;
     if (T)
       return l(n, T);
-  }, a = [n, l], e[0] = n, e[1] = l, e[2] = s, e[3] = a) : (s = e[2], a = e[3]), P(s, a);
+  }, c = [n, l], e[0] = n, e[1] = l, e[2] = s, e[3] = c) : (s = e[2], c = e[3]), P(s, c);
   let u;
-  e[4] !== c || e[5] !== i ? (u = () => {
-    i?.(), c();
-  }, e[4] = c, e[5] = i, e[6] = u) : u = e[6];
+  e[4] !== a || e[5] !== r ? (u = () => {
+    r?.(), a();
+  }, e[4] = a, e[5] = r, e[6] = u) : u = e[6];
   const m = u;
   let k;
   e[7] !== n || e[8] !== d ? (k = () => d(n), e[7] = n, e[8] = d, e[9] = k) : k = e[9];
@@ -380,31 +387,31 @@ function Te(t) {
   let w;
   e[10] !== y ? (w = [R.item, y], e[10] = y, e[11] = w) : w = e[11];
   let f;
-  return e[12] !== o || e[13] !== m || e[14] !== n || e[15] !== k || e[16] !== w ? (f = /* @__PURE__ */ $("div", { "data-element-src": "Menu/Menu.tsx:116", ref: r, id: n, role: "menuitem", onClick: m, onPointerEnter: k, ...S(M.div, w), children: o }), e[12] = o, e[13] = m, e[14] = n, e[15] = k, e[16] = w, e[17] = f) : f = e[17], f;
+  return e[12] !== o || e[13] !== m || e[14] !== n || e[15] !== k || e[16] !== w ? (f = /* @__PURE__ */ $("div", { "data-element-src": "Menu/Menu.tsx:116", ref: i, id: n, role: "menuitem", onClick: m, onPointerEnter: k, ...S(M.div, w), children: o }), e[12] = o, e[13] = m, e[14] = n, e[15] = k, e[16] = w, e[17] = f) : f = e[17], f;
 }
 function Se(t) {
   const e = j.c(16), {
-    href: i,
+    href: r,
     children: o
   } = t, {
-    close: c,
+    close: a,
     highlightedId: p,
     setHighlightedId: d,
     registerItem: l
-  } = N(), n = Z(), r = q(null), x = p === n;
-  let s, a;
+  } = N(), n = Z(), i = q(null), x = p === n;
+  let s, c;
   e[0] !== n || e[1] !== l ? (s = () => {
-    const w = r.current;
+    const w = i.current;
     if (w)
       return l(n, w);
-  }, a = [n, l], e[0] = n, e[1] = l, e[2] = s, e[3] = a) : (s = e[2], a = e[3]), P(s, a);
+  }, c = [n, l], e[0] = n, e[1] = l, e[2] = s, e[3] = c) : (s = e[2], c = e[3]), P(s, c);
   let u;
   e[4] !== n || e[5] !== d ? (u = () => d(n), e[4] = n, e[5] = d, e[6] = u) : u = e[6];
   const m = x && R.itemHighlighted;
   let k;
   e[7] !== m ? (k = [R.item, R.linkItem, m], e[7] = m, e[8] = k) : k = e[8];
   let y;
-  return e[9] !== o || e[10] !== c || e[11] !== i || e[12] !== n || e[13] !== u || e[14] !== k ? (y = /* @__PURE__ */ $("a", { "data-element-src": "Menu/Menu.tsx:148", ref: r, id: n, href: i, onClick: c, role: "menuitem", onPointerEnter: u, ...S(M.a, k), children: o }), e[9] = o, e[10] = c, e[11] = i, e[12] = n, e[13] = u, e[14] = k, e[15] = y) : y = e[15], y;
+  return e[9] !== o || e[10] !== a || e[11] !== r || e[12] !== n || e[13] !== u || e[14] !== k ? (y = /* @__PURE__ */ $("a", { "data-element-src": "Menu/Menu.tsx:148", ref: i, id: n, href: r, onClick: a, role: "menuitem", onPointerEnter: u, ...S(M.a, k), children: o }), e[9] = o, e[10] = a, e[11] = r, e[12] = n, e[13] = u, e[14] = k, e[15] = y) : y = e[15], y;
 }
 function Me() {
   const t = j.c(1);
@@ -438,26 +445,26 @@ var Q = {};
 Object.defineProperty(Q, "__esModule", {
   value: !0
 });
-var ue = Q.styleq = void 0, Re = /* @__PURE__ */ new WeakMap(), ze = "$$css";
-function pe(t) {
-  var e, i, o;
-  return t != null && (e = t.disableCache === !0, i = t.disableMix === !0, o = t.transform), function() {
-    for (var p = [], d = "", l = null, n = "", r = e ? null : Re, x = new Array(arguments.length), s = 0; s < arguments.length; s++)
+var pe = Q.styleq = void 0, Re = /* @__PURE__ */ new WeakMap(), ze = "$$css";
+function xe(t) {
+  var e, r, o;
+  return t != null && (e = t.disableCache === !0, r = t.disableMix === !0, o = t.transform), function() {
+    for (var p = [], d = "", l = null, n = "", i = e ? null : Re, x = new Array(arguments.length), s = 0; s < arguments.length; s++)
       x[s] = arguments[s];
     for (; x.length > 0; ) {
-      var a = x.pop();
-      if (!(a == null || a === !1)) {
-        if (Array.isArray(a)) {
-          for (var u = 0; u < a.length; u++)
-            x.push(a[u]);
+      var c = x.pop();
+      if (!(c == null || c === !1)) {
+        if (Array.isArray(c)) {
+          for (var u = 0; u < c.length; u++)
+            x.push(c[u]);
           continue;
         }
-        var m = o != null ? o(a) : a;
+        var m = o != null ? o(c) : c;
         if (m.$$css != null) {
           var k = "";
-          if (r != null && r.has(m)) {
-            var y = r.get(m);
-            y != null && (k = y[0], n = y[2], p.push.apply(p, y[1]), r = y[3]);
+          if (i != null && i.has(m)) {
+            var y = i.get(m);
+            y != null && (k = y[0], n = y[2], p.push.apply(p, y[1]), i = y[3]);
           } else {
             var w = [];
             for (var f in m) {
@@ -467,21 +474,21 @@ function pe(t) {
                 F !== !0 && (n = n ? F + "; " + n : F);
                 continue;
               }
-              typeof T == "string" || T === null ? p.includes(f) || (p.push(f), r != null && w.push(f), typeof T == "string" && (k += k ? " " + T : T)) : console.error("styleq: ".concat(f, " typeof ").concat(String(T), ' is not "string" or "null".'));
+              typeof T == "string" || T === null ? p.includes(f) || (p.push(f), i != null && w.push(f), typeof T == "string" && (k += k ? " " + T : T)) : console.error("styleq: ".concat(f, " typeof ").concat(String(T), ' is not "string" or "null".'));
             }
-            if (r != null) {
+            if (i != null) {
               var H = /* @__PURE__ */ new WeakMap();
-              r.set(m, [k, w, n, H]), r = H;
+              i.set(m, [k, w, n, H]), i = H;
             }
           }
           k && (d = d ? k + " " + d : k);
-        } else if (i)
+        } else if (r)
           l == null && (l = {}), l = Object.assign({}, m, l);
         else {
           var z = null;
           for (var E in m) {
             var C = m[E];
-            C !== void 0 && (p.includes(E) || (C != null && (l == null && (l = {}), z == null && (z = {}), z[E] = C), p.push(E), r = null));
+            C !== void 0 && (p.includes(E) || (C != null && (l == null && (l = {}), z == null && (z = {}), z[E] = C), p.push(E), i = null));
           }
           z != null && (l = Object.assign(z, l));
         }
@@ -491,22 +498,22 @@ function pe(t) {
     return D;
   };
 }
-var Ie = ue = Q.styleq = pe();
-Ie.factory = pe;
-const Le = ue.factory({
+var Ie = pe = Q.styleq = xe();
+Ie.factory = xe;
+const Le = pe.factory({
   disableMix: !0
 });
 function qe(...t) {
-  const [e, i, o] = Le(t), c = {};
-  if (e != null && e !== "" && (c.className = e), i != null && (c.style = i), o != null && o !== "") {
+  const [e, r, o] = Le(t), a = {};
+  if (e != null && e !== "" && (a.className = e), r != null && (a.style = r), o != null && o !== "") {
     const p = o.split(";"), d = {};
     for (const l of p) {
-      const n = l.trim(), [r, x] = n.split(":");
-      x != null && (d[r] = d[r] != null ? `${d[r]},${x}` : x);
+      const n = l.trim(), [i, x] = n.split(":");
+      x != null && (d[i] = d[i] != null ? `${d[i]},${x}` : x);
     }
-    c["data-style-src"] = Object.keys(d).map((l) => `${l}:${d[l]}`).join("; ");
+    a["data-style-src"] = Object.keys(d).map((l) => `${l}:${d[l]}`).join("; ");
   }
-  return c;
+  return a;
 }
 function Ee(t) {
   Object.keys(t).forEach((e) => {
@@ -514,25 +521,25 @@ function Ee(t) {
   });
 }
 function g(t, e) {
-  const i = {
+  const r = {
     $$css: !0,
     "debug::name": `html-${t}`
   };
   function o({
-    ref: c,
+    ref: a,
     ...p
   }) {
     const {
       for: d,
       style: l,
       ...n
-    } = p, r = n;
-    Ee(r), d != null && (r.htmlFor = d), p.role != null && (r.role = p.role === "none" ? "presentation" : p.role), t === "button" ? r.type = r.type ? r.type : "button" : (t === "input" || t === "textarea") && (r.dir = r.dir ? r.dir : "auto");
-    const x = qe([i, e, l]);
+    } = p, i = n;
+    Ee(i), d != null && (i.htmlFor = d), p.role != null && (i.role = p.role === "none" ? "presentation" : p.role), t === "button" ? i.type = i.type ? i.type : "button" : (t === "input" || t === "textarea") && (i.dir = i.dir ? i.dir : "auto");
+    const x = qe([r, e, l]);
     return $(t, {
-      ...r,
+      ...i,
       ...x,
-      ref: c
+      ref: a
     });
   }
   return o.displayName = `html.${t}`, o;
@@ -923,9 +930,9 @@ const Ao = {
     "--x-1pds3uo": t ?? void 0,
     "--x-1n5740v": e ?? void 0
   }]
-}, xe = V(null);
+}, ge = V(null);
 function U() {
-  const t = A(xe);
+  const t = A(ge);
   if (!t)
     throw new Error("Table compound components must be used within Table.Root");
   return t;
@@ -933,20 +940,20 @@ function U() {
 const ee = V(!1);
 function wo(t) {
   const e = j.c(2), {
-    children: i
+    children: r
   } = t;
   let o;
-  return e[0] !== i ? (o = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:55", ...S(M.div, v.container), children: i }), e[0] = i, e[1] = o) : o = e[1], o;
+  return e[0] !== r ? (o = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:55", ...S(M.div, v.container), children: r }), e[0] = r, e[1] = o) : o = e[1], o;
 }
 function $o(t) {
   let e = "";
-  return K.forEach(t, (i) => {
-    (typeof i == "string" || typeof i == "number") && (e += String(i));
+  return K.forEach(t, (r) => {
+    (typeof r == "string" || typeof r == "number") && (e += String(r));
   }), e;
 }
 function To(t) {
   let e = t;
-  for (let i = 0; i < 8 && e && typeof e == "object"; i++) {
+  for (let r = 0; r < 8 && e && typeof e == "object"; r++) {
     const o = e.type ?? e.render;
     if (o == null) break;
     e = o;
@@ -954,35 +961,35 @@ function To(t) {
   return e;
 }
 function So(t, e) {
-  const i = [], o = [], c = [];
+  const r = [], o = [], a = [];
   function p(d) {
     K.forEach(d, (l) => {
-      if (!be(l)) return;
-      const n = l.props, r = To(l.type), x = r?.displayName || r?.name || "";
-      if (r === oe || x === "HeaderCell") {
-        const s = n.width ? String(ne(n.width)) : `minmax(${me(e)}, 1fr)`;
-        i.push(s), o.push(n.compactWidth ? String(ne(n.compactWidth)) : s);
-        const a = typeof n.label == "string" ? n.label : void 0, u = $o(n.children).trim(), m = a ?? u;
-        !a && u === "" && n.children != null && de("Table", "headerCell-missing-label", "Table.HeaderCell with JSX children must set `label` for stack-mode rendering."), c.push(m);
+      if (!ke(l)) return;
+      const n = l.props, i = To(l.type), x = i?.displayName || i?.name || "";
+      if (i === oe || x === "HeaderCell") {
+        const s = n.width ? String(ne(n.width)) : `minmax(${ce(e)}, 1fr)`;
+        r.push(s), o.push(n.compactWidth ? String(ne(n.compactWidth)) : s);
+        const c = typeof n.label == "string" ? n.label : void 0, u = $o(n.children).trim(), m = c ?? u;
+        !c && u === "" && n.children != null && ue("Table", "headerCell-missing-label", "Table.HeaderCell with JSX children must set `label` for stack-mode rendering."), a.push(m);
       } else n.children && p(n.children);
     });
   }
   return p(t), {
-    template: i.join(" "),
+    template: r.join(" "),
     compactTemplate: o.join(" "),
-    labels: c
+    labels: a
   };
 }
 function Mo(t) {
   const e = j.c(13), {
-    children: i
+    children: r
   } = t, o = q(null);
-  let c;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {
+  let a;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (a = {
     start: !1,
     end: !1
-  }, e[0] = c) : c = e[0];
-  const [p, d] = J(c);
+  }, e[0] = a) : a = e[0];
+  const [p, d] = J(a);
   let l, n;
   e[1] === Symbol.for("react.memo_cache_sentinel") ? (l = () => {
     const k = o.current;
@@ -1003,35 +1010,35 @@ function Mo(t) {
       k.removeEventListener("scroll", y), w?.disconnect();
     };
   }, n = [], e[1] = l, e[2] = n) : (l = e[1], n = e[2]), P(l, n);
-  let r;
-  e[3] !== i ? (r = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:196", ref: o, ...S(M.div, v.scrollX), children: i }), e[3] = i, e[4] = r) : r = e[4];
+  let i;
+  e[3] !== r ? (i = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:196", ref: o, ...S(M.div, v.scrollX), children: r }), e[3] = r, e[4] = i) : i = e[4];
   const x = p.start && v.edgeFadeVisible;
   let s;
   e[5] !== x ? (s = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:199", "aria-hidden": !0, ...S(M.div, v.edgeFade, v.edgeFadeLeft, x) }), e[5] = x, e[6] = s) : s = e[6];
-  const a = p.end && v.edgeFadeVisible;
+  const c = p.end && v.edgeFadeVisible;
   let u;
-  e[7] !== a ? (u = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:203", "aria-hidden": !0, ...S(M.div, v.edgeFade, v.edgeFadeRight, a) }), e[7] = a, e[8] = u) : u = e[8];
+  e[7] !== c ? (u = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:203", "aria-hidden": !0, ...S(M.div, v.edgeFade, v.edgeFadeRight, c) }), e[7] = c, e[8] = u) : u = e[8];
   let m;
-  return e[9] !== r || e[10] !== s || e[11] !== u ? (m = /* @__PURE__ */ X("div", { "data-element-src": "Table/Table.tsx:195", ...S(M.div, v.scrollFrame), children: [
-    r,
+  return e[9] !== i || e[10] !== s || e[11] !== u ? (m = /* @__PURE__ */ X("div", { "data-element-src": "Table/Table.tsx:195", ...S(M.div, v.scrollFrame), children: [
+    i,
     s,
     u
-  ] }), e[9] = r, e[10] = s, e[11] = u, e[12] = m) : m = e[12], m;
+  ] }), e[9] = i, e[10] = s, e[11] = u, e[12] = m) : m = e[12], m;
 }
 function Co({
   children: t,
   variant: e = "default",
-  size: i = "md",
+  size: r = "md",
   responsive: o = !0,
-  minColumnWidth: c = "labelMinW",
+  minColumnWidth: a = "labelMinW",
   sortChip: p,
   pagination: d
 }) {
   const l = q(null), {
     template: n,
-    compactTemplate: r,
+    compactTemplate: i,
     labels: x
-  } = So(t, c);
+  } = So(t, a);
   n && (l.current = n);
   const s = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:257", role: "table", ...S(
     M.div,
@@ -1042,16 +1049,16 @@ function Co({
     // rootResponsive) causes StyleX conflict resolution to drop the
     // column template because rootResponsive's gridTemplateColumns key
     // always wins as the later entry in the array.
-    n ? o ? v.gridColumnsResponsive(n, r) : v.gridColumns(n) : void 0,
+    n ? o ? v.gridColumnsResponsive(n, i) : v.gridColumns(n) : void 0,
     o && v.rootResponsive
   ), children: t }), u = /* @__PURE__ */ X(se, { children: [
     p,
     o ? /* @__PURE__ */ $(Mo, { children: s }) : s,
     d
   ] });
-  return /* @__PURE__ */ $(xe.Provider, { value: {
+  return /* @__PURE__ */ $(ge.Provider, { value: {
     variant: e,
-    size: i,
+    size: r,
     responsive: o,
     labels: x,
     inferredTemplateRef: l
@@ -1059,60 +1066,60 @@ function Co({
 }
 function Wo(t) {
   const e = j.c(2), {
-    children: i
+    children: r
   } = t;
   let o;
-  return e[0] !== i ? (o = /* @__PURE__ */ $(ee.Provider, { value: !0, children: /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:309", role: "rowgroup", ...S(M.div, v.header), children: i }) }), e[0] = i, e[1] = o) : o = e[1], o;
+  return e[0] !== r ? (o = /* @__PURE__ */ $(ee.Provider, { value: !0, children: /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:309", role: "rowgroup", ...S(M.div, v.header), children: r }) }), e[0] = r, e[1] = o) : o = e[1], o;
 }
 function jo(t) {
   const e = j.c(19), {
-    children: i
+    children: r
   } = t, {
     variant: o
   } = U();
-  let c, p, d, l, n, r;
-  if (e[0] !== i || e[1] !== o) {
-    const a = K.toArray(i);
-    p = ee.Provider, r = !1, c = yo.div, d = "rowgroup", l = v.body;
+  let a, p, d, l, n, i;
+  if (e[0] !== r || e[1] !== o) {
+    const c = K.toArray(r);
+    p = ee.Provider, i = !1, a = yo.div, d = "rowgroup", l = v.body;
     let u;
-    e[8] !== o ? (u = (m, k) => o !== "striped" ? m : /* @__PURE__ */ $(ge.Provider, { value: k, children: m }, m.key ?? k), e[8] = o, e[9] = u) : u = e[9], n = a.map(u), e[0] = i, e[1] = o, e[2] = c, e[3] = p, e[4] = d, e[5] = l, e[6] = n, e[7] = r;
+    e[8] !== o ? (u = (m, k) => o !== "striped" ? m : /* @__PURE__ */ $(be.Provider, { value: k, children: m }, m.key ?? k), e[8] = o, e[9] = u) : u = e[9], n = c.map(u), e[0] = r, e[1] = o, e[2] = a, e[3] = p, e[4] = d, e[5] = l, e[6] = n, e[7] = i;
   } else
-    c = e[2], p = e[3], d = e[4], l = e[5], n = e[6], r = e[7];
+    a = e[2], p = e[3], d = e[4], l = e[5], n = e[6], i = e[7];
   let x;
-  e[10] !== c || e[11] !== d || e[12] !== l || e[13] !== n ? (x = /* @__PURE__ */ $(c, { role: d, style: l, children: n }), e[10] = c, e[11] = d, e[12] = l, e[13] = n, e[14] = x) : x = e[14];
+  e[10] !== a || e[11] !== d || e[12] !== l || e[13] !== n ? (x = /* @__PURE__ */ $(a, { role: d, style: l, children: n }), e[10] = a, e[11] = d, e[12] = l, e[13] = n, e[14] = x) : x = e[14];
   let s;
-  return e[15] !== p || e[16] !== r || e[17] !== x ? (s = /* @__PURE__ */ $(p, { value: r, children: x }), e[15] = p, e[16] = r, e[17] = x, e[18] = s) : s = e[18], s;
+  return e[15] !== p || e[16] !== i || e[17] !== x ? (s = /* @__PURE__ */ $(p, { value: i, children: x }), e[15] = p, e[16] = i, e[17] = x, e[18] = s) : s = e[18], s;
 }
-const ge = V(-1), Ro = 'button, a, input, select, textarea, [role="button"], [role="link"], [role="checkbox"], [role="menuitem"], [role="switch"], [role="tab"], [contenteditable="true"]';
+const be = V(-1), Ro = 'button, a, input, select, textarea, [role="button"], [role="link"], [role="checkbox"], [role="menuitem"], [role="switch"], [role="tab"], [contenteditable="true"]';
 function zo(t) {
   const e = j.c(17), {
-    children: i,
+    children: r,
     onClick: o,
-    "aria-label": c
+    "aria-label": a
   } = t, {
     variant: p
-  } = U(), d = A(ee), l = A(ge), n = l >= 0 && l % 2 === 1;
-  let r;
-  if (e[0] !== c || e[1] !== i || e[2] !== n || e[3] !== d || e[4] !== o || e[5] !== p) {
-    const x = K.toArray(i), s = o !== void 0 && !d;
-    let a;
-    e[7] !== s || e[8] !== o ? (a = s ? (f) => {
+  } = U(), d = A(ee), l = A(be), n = l >= 0 && l % 2 === 1;
+  let i;
+  if (e[0] !== a || e[1] !== r || e[2] !== n || e[3] !== d || e[4] !== o || e[5] !== p) {
+    const x = K.toArray(r), s = o !== void 0 && !d;
+    let c;
+    e[7] !== s || e[8] !== o ? (c = s ? (f) => {
       const T = f.target;
       T instanceof Element && T.closest(Ro) || o();
-    } : void 0, e[7] = s, e[8] = o, e[9] = a) : a = e[9];
+    } : void 0, e[7] = s, e[8] = o, e[9] = c) : c = e[9];
     let u;
     e[10] !== s || e[11] !== o ? (u = s ? (f) => {
       (f.key === "Enter" || f.key === " ") && o();
     } : void 0, e[10] = s, e[11] = o, e[12] = u) : u = e[12];
     const m = !d && v.bodyRow, k = !d && p === "striped" && n && v.stripedEven, y = s && v.clickableRow;
     let w;
-    e[13] !== m || e[14] !== k || e[15] !== y ? (w = [v.row, m, k, y], e[13] = m, e[14] = k, e[15] = y, e[16] = w) : w = e[16], r = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:381", role: "row", tabIndex: s ? 0 : void 0, "aria-label": s ? c : void 0, onClick: a, onKeyDown: u, ...S(M.div, w), children: x.map((f, T) => /* @__PURE__ */ $(te.Provider, { value: {
+    e[13] !== m || e[14] !== k || e[15] !== y ? (w = [v.row, m, k, y], e[13] = m, e[14] = k, e[15] = y, e[16] = w) : w = e[16], i = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:381", role: "row", tabIndex: s ? 0 : void 0, "aria-label": s ? a : void 0, onClick: c, onKeyDown: u, ...S(M.div, w), children: x.map((f, T) => /* @__PURE__ */ $(te.Provider, { value: {
       index: T,
       total: x.length
-    }, children: f }, f.key ?? T)) }), e[0] = c, e[1] = i, e[2] = n, e[3] = d, e[4] = o, e[5] = p, e[6] = r;
+    }, children: f }, f.key ?? T)) }), e[0] = a, e[1] = r, e[2] = n, e[3] = d, e[4] = o, e[5] = p, e[6] = i;
   } else
-    r = e[6];
-  return r;
+    i = e[6];
+  return i;
 }
 const te = V({
   index: 0,
@@ -1120,40 +1127,40 @@ const te = V({
 });
 function oe(t) {
   const e = j.c(8), {
-    children: i,
+    children: r,
     "aria-label": o
   } = t, {
-    size: c,
+    size: a,
     variant: p
   } = U(), {
     index: d,
     total: l
-  } = A(te), n = p === "bordered" && d === l - 1, r = c === "sm" ? v.cellSm : v.cellMd, x = p === "bordered" && v.borderedCell, s = n && v.borderedCellLast;
-  let a;
-  e[0] !== r || e[1] !== x || e[2] !== s ? (a = [v.headerCell, r, x, s], e[0] = r, e[1] = x, e[2] = s, e[3] = a) : a = e[3];
+  } = A(te), n = p === "bordered" && d === l - 1, i = a === "sm" ? v.cellSm : v.cellMd, x = p === "bordered" && v.borderedCell, s = n && v.borderedCellLast;
+  let c;
+  e[0] !== i || e[1] !== x || e[2] !== s ? (c = [v.headerCell, i, x, s], e[0] = i, e[1] = x, e[2] = s, e[3] = c) : c = e[3];
   let u;
-  return e[4] !== o || e[5] !== i || e[6] !== a ? (u = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:467", role: "columnheader", "aria-label": o, ...S(M.div, a), children: i }), e[4] = o, e[5] = i, e[6] = a, e[7] = u) : u = e[7], u;
+  return e[4] !== o || e[5] !== r || e[6] !== c ? (u = /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:467", role: "columnheader", "aria-label": o, ...S(M.div, c), children: r }), e[4] = o, e[5] = r, e[6] = c, e[7] = u) : u = e[7], u;
 }
 oe.displayName = "HeaderCell";
 function Io(t) {
   const e = j.c(16), {
-    children: i,
+    children: r,
     isActions: o
   } = t, {
-    size: c,
+    size: a,
     variant: p,
     labels: d,
     responsive: l
   } = U(), {
     index: n,
-    total: r
-  } = A(te), x = p === "bordered" && n === r - 1, s = d[n] ?? "", a = c === "sm" ? v.cellSm : v.cellMd, u = p === "bordered" && v.borderedCell, m = x && v.borderedCellLast, k = o && v.cellActions;
+    total: i
+  } = A(te), x = p === "bordered" && n === i - 1, s = d[n] ?? "", c = a === "sm" ? v.cellSm : v.cellMd, u = p === "bordered" && v.borderedCell, m = x && v.borderedCellLast, k = o && v.cellActions;
   let y;
-  e[0] !== a || e[1] !== u || e[2] !== m || e[3] !== k ? (y = [v.cell, a, u, m, k], e[0] = a, e[1] = u, e[2] = m, e[3] = k, e[4] = y) : y = e[4];
+  e[0] !== c || e[1] !== u || e[2] !== m || e[3] !== k ? (y = [v.cell, c, u, m, k], e[0] = c, e[1] = u, e[2] = m, e[3] = k, e[4] = y) : y = e[4];
   let w;
   e[5] !== o || e[6] !== s || e[7] !== l ? (w = l && !o && s !== "" ? /* @__PURE__ */ $("span", { "data-element-src": "Table/Table.tsx:507", ...S(M.span, v.cellLabel), children: s }) : null, e[5] = o, e[6] = s, e[7] = l, e[8] = w) : w = e[8];
   let f;
-  e[9] !== i || e[10] !== o ? (f = o ? i : /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:509", ...S(M.div, v.cellValue), children: i }), e[9] = i, e[10] = o, e[11] = f) : f = e[11];
+  e[9] !== r || e[10] !== o ? (f = o ? r : /* @__PURE__ */ $("div", { "data-element-src": "Table/Table.tsx:509", ...S(M.div, v.cellValue), children: r }), e[9] = r, e[10] = o, e[11] = f) : f = e[11];
   let T;
   return e[12] !== y || e[13] !== w || e[14] !== f ? (T = /* @__PURE__ */ X("div", { "data-element-src": "Table/Table.tsx:496", role: "cell", ...S(M.div, y), children: [
     w,
@@ -1186,7 +1193,7 @@ export {
   Co as d,
   G as e,
   Lo as f,
-  me as r,
+  ce as r,
   le as s
 };
-//# sourceMappingURL=Table-BKN_d-mp.js.map
+//# sourceMappingURL=Table-BkrgH0jb.js.map