@duro-app/ui 3.5.0 → 3.7.0

package/dist/{Table-P-UHkEqJ.js → Table-Cgr5VDEZ.js}

@@ -1,5 +1,5 @@
 import { jsx as T, jsxs as Y, Fragment as be } from "react/jsx-runtime";
-import xe, { useContext as B, createContext as F, useState as te, useId as oe, useRef as O, useEffect as V, Children as J, isValidElement as $e } from "react";
+import xe, { useContext as V, createContext as F, useState as te, useId as oe, useRef as O, useEffect as _, Children as J, isValidElement as we } from "react";
 /**
  * @license react-strict-dom
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -11,40 +11,40 @@ var ne = {};
 Object.defineProperty(ne, "__esModule", {
   value: !0
 });
-var ge = ne.styleq = void 0, we = /* @__PURE__ */ new WeakMap(), Te = "$$css";
+var ge = ne.styleq = void 0, Te = /* @__PURE__ */ new WeakMap(), Ce = "$$css";
 function fe(t) {
   var e, i, o;
   return t != null && (e = t.disableCache === !0, i = t.disableMix === !0, o = t.transform), function() {
-    for (var d = [], l = "", s = null, n = "", r = e ? null : we, b = new Array(arguments.length), a = 0; a < arguments.length; a++)
+    for (var u = [], l = "", s = null, r = "", n = e ? null : Te, b = new Array(arguments.length), a = 0; a < arguments.length; a++)
       b[a] = arguments[a];
     for (; b.length > 0; ) {
-      var u = b.pop();
-      if (!(u == null || u === !1)) {
-        if (Array.isArray(u)) {
-          for (var p = 0; p < u.length; p++)
-            b.push(u[p]);
+      var c = b.pop();
+      if (!(c == null || c === !1)) {
+        if (Array.isArray(c)) {
+          for (var p = 0; p < c.length; p++)
+            b.push(c[p]);
           continue;
         }
-        var x = o != null ? o(u) : u;
+        var x = o != null ? o(c) : c;
         if (x.$$css != null) {
           var g = "";
-          if (r != null && r.has(x)) {
-            var v = r.get(x);
-            v != null && (g = v[0], n = v[2], d.push.apply(d, v[1]), r = v[3]);
+          if (n != null && n.has(x)) {
+            var v = n.get(x);
+            v != null && (g = v[0], r = v[2], u.push.apply(u, v[1]), n = v[3]);
           } else {
             var y = [];
             for (var h in x) {
               var w = x[h];
-              if (h === Te) {
-                var P = x[h];
-                P !== !0 && (n = n ? P + "; " + n : P);
+              if (h === Ce) {
+                var A = x[h];
+                A !== !0 && (r = r ? A + "; " + r : A);
                 continue;
               }
-              typeof w == "string" || w === null ? d.includes(h) || (d.push(h), r != null && y.push(h), typeof w == "string" && (g += g ? " " + w : w)) : console.error("styleq: ".concat(h, " typeof ").concat(String(w), ' is not "string" or "null".'));
+              typeof w == "string" || w === null ? u.includes(h) || (u.push(h), n != null && y.push(h), typeof w == "string" && (g += g ? " " + w : w)) : console.error("styleq: ".concat(h, " typeof ").concat(String(w), ' is not "string" or "null".'));
             }
-            if (r != null) {
-              var q = /* @__PURE__ */ new WeakMap();
-              r.set(x, [g, y, n, q]), r = q;
+            if (n != null) {
+              var E = /* @__PURE__ */ new WeakMap();
+              n.set(x, [g, y, r, E]), n = E;
             }
           }
           g && (l = l ? g + " " + l : g);
@@ -54,34 +54,34 @@ function fe(t) {
           var M = null;
           for (var z in x) {
             var C = x[z];
-            C !== void 0 && (d.includes(z) || (C != null && (s == null && (s = {}), M == null && (M = {}), M[z] = C), d.push(z), r = null));
+            C !== void 0 && (u.includes(z) || (C != null && (s == null && (s = {}), M == null && (M = {}), M[z] = C), u.push(z), n = null));
           }
           M != null && (s = Object.assign(M, s));
         }
       }
     }
-    var H = [l, s, n];
+    var H = [l, s, r];
     return H;
   };
 }
-var Ce = ge = ne.styleq = fe();
-Ce.factory = fe;
+var Se = ge = ne.styleq = fe();
+Se.factory = fe;
 const Re = ge.factory({
   disableMix: !0
 });
 function R(...t) {
-  const [e, i, o] = Re(t), c = {};
-  if (e != null && e !== "" && (c.className = e), i != null && (c.style = i), o != null && o !== "") {
-    const d = o.split(";"), l = {};
-    for (const s of d) {
-      const n = s.trim(), [r, b] = n.split(":");
-      b != null && (l[r] = l[r] != null ? `${l[r]},${b}` : b);
+  const [e, i, o] = Re(t), d = {};
+  if (e != null && e !== "" && (d.className = e), i != null && (d.style = i), o != null && o !== "") {
+    const u = o.split(";"), l = {};
+    for (const s of u) {
+      const r = s.trim(), [n, b] = r.split(":");
+      b != null && (l[n] = l[n] != null ? `${l[n]},${b}` : b);
     }
-    c["data-style-src"] = Object.keys(l).map((s) => `${s}:${l[s]}`).join("; ");
+    d["data-style-src"] = Object.keys(l).map((s) => `${s}:${l[s]}`).join("; ");
   }
-  return c;
+  return d;
 }
-const W = {
+const S = {
   block: {
     "margin-kogj98": "margin-x1ghz6dp",
     "padding-kmVPX3": "padding-x1717udv",
@@ -115,31 +115,37 @@ const W = {
     "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
     $$css: ".pnpm:web/runtime.js:202"
   },
+  list: {
+    "listStyle-kB88ic": "listStyle-xe8uvvx",
+    $$css: ".pnpm:web/runtime.js:206"
+  },
   textarea: {
     "borderWidth-kMzoRj": "borderWidth-xmkeg23",
     "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
     "resize-kHenm0": "resize-x288g5",
     $$css: ".pnpm:web/runtime.js:212"
   }
-}, Se = W.inline, We = [W.inlineblock, W.button], Me = W.block, je = W.block, _ = [W.block, W.heading], ze = W.block, Ie = [W.inlineblock, W.input], qe = W.inline, Ee = W.block, Oe = W.block, De = W.block, Pe = W.inline, Ae = [W.inlineblock, W.textarea], S = {
-  a: Se,
-  button: We,
-  div: Me,
-  form: je,
-  h1: _,
-  h2: _,
-  h3: _,
-  h4: _,
-  h5: _,
-  h6: _,
-  header: ze,
-  input: Ie,
+}, We = S.inline, Me = [S.inlineblock, S.button], je = S.block, ze = S.block, B = [S.block, S.heading], Ie = S.block, Ee = [S.inlineblock, S.input], qe = S.inline, Oe = S.block, De = S.block, Ae = S.block, Pe = S.block, Le = S.inline, He = [S.inlineblock, S.textarea], _e = [S.list, S.block], W = {
+  a: We,
+  button: Me,
+  div: je,
+  form: ze,
+  h1: B,
+  h2: B,
+  h3: B,
+  h4: B,
+  h5: B,
+  h6: B,
+  header: Ie,
+  input: Ee,
   label: qe,
-  main: Ee,
-  nav: Oe,
-  p: De,
-  span: Pe,
-  textarea: Ae
+  li: Oe,
+  main: De,
+  nav: Ae,
+  p: Pe,
+  span: Le,
+  textarea: He,
+  ul: _e
 };
 var U = { exports: {} }, Z = {};
 /**
@@ -152,7 +158,7 @@ var U = { exports: {} }, Z = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ae;
-function Le() {
+function Be() {
   if (ae) return Z;
   ae = 1;
   var t = xe.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
@@ -171,7 +177,7 @@ var ee = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ce;
-function He() {
+function Ge() {
   return ce || (ce = 1, process.env.NODE_ENV !== "production" && (function() {
     var t = xe.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     ee.c = function(e) {
@@ -185,10 +191,10 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
   })()), ee;
 }
 var de;
-function _e() {
-  return de || (de = 1, process.env.NODE_ENV === "production" ? U.exports = Le() : U.exports = He()), U.exports;
+function Ve() {
+  return de || (de = 1, process.env.NODE_ENV === "production" ? U.exports = Be() : U.exports = Ge()), U.exports;
 }
-var I = _e();
+var I = Ve();
 const D = {
   root: {
     "position-kVAEAm": "position-x1n2onr6",
@@ -275,85 +281,85 @@ const D = {
   }
 }, ke = F(null);
 function X() {
-  const t = B(ke);
+  const t = V(ke);
   if (!t)
     throw new Error("Menu compound components must be used within Menu.Root");
   return t;
 }
-function Ge() {
-  const t = I.c(15), [e, i] = te(!1), [o, c] = te(null), d = oe(), l = O(null), s = O(null);
-  let n;
-  t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ new Map(), t[0] = n) : n = t[0];
-  const r = O(n);
+function Fe() {
+  const t = I.c(15), [e, i] = te(!1), [o, d] = te(null), u = oe(), l = O(null), s = O(null);
+  let r;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ new Map(), t[0] = r) : r = t[0];
+  const n = O(r);
   let b;
   t[1] === Symbol.for("react.memo_cache_sentinel") ? (b = [], t[1] = b) : b = t[1];
-  const a = O(b), u = O(!1);
+  const a = O(b), c = O(!1);
   let p;
   t[2] === Symbol.for("react.memo_cache_sentinel") ? (p = () => {
-    i(!1), c(null), u.current = !1, s.current?.focus();
+    i(!1), d(null), c.current = !1, s.current?.focus();
   }, t[2] = p) : p = t[2];
   const x = p;
   let g;
   t[3] === Symbol.for("react.memo_cache_sentinel") ? (g = () => {
-    i((C) => (C ? (c(null), u.current = !1) : u.current = !0, !C));
+    i((C) => (C ? (d(null), c.current = !1) : c.current = !0, !C));
   }, t[3] = g) : g = t[3];
   const v = g;
   let y, h;
   t[4] !== e ? (y = () => {
-    if (e && u.current) {
-      u.current = !1;
+    if (e && c.current) {
+      c.current = !1;
       const C = a.current;
-      C.length > 0 && c(C[0]);
+      C.length > 0 && d(C[0]);
     }
-  }, h = [e], t[4] = e, t[5] = y, t[6] = h) : (y = t[5], h = t[6]), V(y, h);
+  }, h = [e], t[4] = e, t[5] = y, t[6] = h) : (y = t[5], h = t[6]), _(y, h);
   let w;
   t[7] === Symbol.for("react.memo_cache_sentinel") ? (w = (C, H) => {
-    r.current.set(C, H);
-    const N = r.current, A = [...N.keys()];
-    return A.sort((j, L) => {
-      const E = N.get(j), Q = N.get(L);
-      return !E || !Q ? 0 : E.compareDocumentPosition(Q) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-    }), a.current = A, () => {
-      r.current.delete(C), a.current = a.current.filter((j) => j !== C);
+    n.current.set(C, H);
+    const N = n.current, P = [...N.keys()];
+    return P.sort((j, L) => {
+      const q = N.get(j), Q = N.get(L);
+      return !q || !Q ? 0 : q.compareDocumentPosition(Q) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+    }), a.current = P, () => {
+      n.current.delete(C), a.current = a.current.filter((j) => j !== C);
     };
   }, t[7] = w) : w = t[7];
-  const P = w;
-  let q, M;
-  t[8] !== e ? (q = () => {
+  const A = w;
+  let E, M;
+  t[8] !== e ? (E = () => {
     const C = l.current;
     if (!C || !e)
       return;
-    const H = function(A) {
+    const H = function(P) {
       const j = a.current;
       if (j.length !== 0)
-        e: switch (A.key) {
+        e: switch (P.key) {
           case "ArrowDown": {
-            A.preventDefault(), c((L) => {
-              const E = L ? j.indexOf(L) : -1;
-              return j[(E + 1) % j.length];
+            P.preventDefault(), d((L) => {
+              const q = L ? j.indexOf(L) : -1;
+              return j[(q + 1) % j.length];
             });
             break e;
           }
           case "ArrowUp": {
-            A.preventDefault(), c((L) => {
-              const E = L ? j.indexOf(L) : 0;
-              return j[(E - 1 + j.length) % j.length];
+            P.preventDefault(), d((L) => {
+              const q = L ? j.indexOf(L) : 0;
+              return j[(q - 1 + j.length) % j.length];
             });
             break e;
           }
           case "Home": {
-            A.preventDefault(), c(j[0]);
+            P.preventDefault(), d(j[0]);
             break e;
           }
           case "End": {
-            A.preventDefault(), c(j[j.length - 1]);
+            P.preventDefault(), d(j[j.length - 1]);
             break e;
           }
           case "Enter":
           case " ": {
-            A.preventDefault();
-            const L = r.current;
-            c((E) => (E && L.get(E)?.click(), E));
+            P.preventDefault();
+            const L = n.current;
+            d((q) => (q && L.get(q)?.click(), q));
             break e;
           }
           case "Escape":
@@ -362,135 +368,145 @@ function Ge() {
         }
     };
     return C.addEventListener("keydown", H), () => C.removeEventListener("keydown", H);
-  }, M = [e, x], t[8] = e, t[9] = q, t[10] = M) : (q = t[9], M = t[10]), V(q, M);
+  }, M = [e, x], t[8] = e, t[9] = E, t[10] = M) : (E = t[9], M = t[10]), _(E, M);
   let z;
-  return t[11] !== o || t[12] !== d || t[13] !== e ? (z = {
+  return t[11] !== o || t[12] !== u || t[13] !== e ? (z = {
     ctx: {
       open: e,
       toggle: v,
       close: x,
-      menuId: d,
+      menuId: u,
       highlightedId: o,
-      setHighlightedId: c,
-      registerItem: P,
+      setHighlightedId: d,
+      registerItem: A,
       triggerRef: s
     },
     rootRef: l
-  }, t[11] = o, t[12] = d, t[13] = e, t[14] = z) : z = t[14], z;
+  }, t[11] = o, t[12] = u, t[13] = e, t[14] = z) : z = t[14], z;
+}
+const Ne = typeof process < "u" && process.env?.NODE_ENV === "production", ue = /* @__PURE__ */ new Set();
+function me(t, e, i) {
+  const o = `${t}:${e}`;
+  Ne || ue.has(o) || (ue.add(o), console.warn(`[duro-app/ui ${t}] ${i}`));
 }
-function Be(t) {
+function Ue(t) {
   const e = I.c(6), {
     children: i
   } = t, {
     ctx: o,
-    rootRef: c
-  } = Ge();
-  let d;
-  e[0] !== i || e[1] !== c ? (d = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:17", ref: c, ...R(S.div, D.root), children: i }), e[0] = i, e[1] = c, e[2] = d) : d = e[2];
+    rootRef: d
+  } = Fe();
+  let u;
+  e[0] !== i || e[1] !== d ? (u = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:18", ref: d, ...R(W.div, D.root), children: i }), e[0] = i, e[1] = d, e[2] = u) : u = e[2];
   let l;
-  return e[3] !== o || e[4] !== d ? (l = /* @__PURE__ */ T(ke.Provider, { value: o, children: d }), e[3] = o, e[4] = d, e[5] = l) : l = e[5], l;
+  return e[3] !== o || e[4] !== u ? (l = /* @__PURE__ */ T(ke.Provider, { value: o, children: u }), e[3] = o, e[4] = u, e[5] = l) : l = e[5], l;
 }
-function Ve(t) {
-  const e = I.c(7), {
+const Ye = 'button, a[href], input, select, textarea, [role="button"]';
+function Je(t) {
+  const e = I.c(9), {
     children: i
   } = t, {
     open: o,
-    toggle: c,
-    menuId: d,
+    toggle: d,
+    menuId: u,
     triggerRef: l
   } = X(), s = O(null);
-  let n;
-  e[0] !== l ? (n = () => {
+  let r;
+  e[0] !== l ? (r = () => {
     l.current = s.current;
-  }, e[0] = l, e[1] = n) : n = e[1], V(n);
-  const r = o ? d : void 0;
-  let b;
-  return e[2] !== i || e[3] !== o || e[4] !== r || e[5] !== c ? (b = /* @__PURE__ */ T("button", { "data-element-src": "Menu/Menu.tsx:35", ref: s, type: "button", onClick: c, "aria-expanded": o, "aria-haspopup": "menu", "aria-controls": r, ...R(S.button, D.trigger), children: i }), e[2] = i, e[3] = o, e[4] = r, e[5] = c, e[6] = b) : b = e[6], b;
+  }, e[0] = l, e[1] = r) : r = e[1], _(r);
+  let n, b;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (n = () => {
+    s.current?.querySelector(Ye) && me("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.");
+  }, b = [], e[2] = n, e[3] = b) : (n = e[2], b = e[3]), _(n, b);
+  const a = o ? u : void 0;
+  let c;
+  return e[4] !== i || e[5] !== o || e[6] !== a || e[7] !== d ? (c = /* @__PURE__ */ T("button", { "data-element-src": "Menu/Menu.tsx:52", ref: s, type: "button", onClick: d, "aria-expanded": o, "aria-haspopup": "menu", "aria-controls": a, ...R(W.button, D.trigger), children: i }), e[4] = i, e[5] = o, e[6] = a, e[7] = d, e[8] = c) : c = e[8], c;
 }
-function Fe(t) {
+function Xe(t) {
   const e = I.c(12), {
     children: i,
     align: o
-  } = t, c = o === void 0 ? "start" : o, {
-    open: d,
+  } = t, d = o === void 0 ? "start" : o, {
+    open: u,
     close: l,
     menuId: s,
-    highlightedId: n
+    highlightedId: r
   } = X();
-  if (!d)
+  if (!u)
     return null;
-  let r;
-  e[0] !== l ? (r = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:62", ...R(S.div, D.backdrop), onClick: l }), e[0] = l, e[1] = r) : r = e[1];
-  const b = n ?? void 0, a = c === "end" && D.popupEnd;
-  let u;
-  e[2] !== a ? (u = [D.popup, a], e[2] = a, e[3] = u) : u = e[3];
+  let n;
+  e[0] !== l ? (n = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:79", ...R(W.div, D.backdrop), onClick: l }), e[0] = l, e[1] = n) : n = e[1];
+  const b = r ?? void 0, a = d === "end" && D.popupEnd;
+  let c;
+  e[2] !== a ? (c = [D.popup, a], e[2] = a, e[3] = c) : c = e[3];
   let p;
-  e[4] !== i || e[5] !== s || e[6] !== b || e[7] !== u ? (p = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:63", id: s, role: "menu", "aria-activedescendant": b, ...R(S.div, u), children: i }), e[4] = i, e[5] = s, e[6] = b, e[7] = u, e[8] = p) : p = e[8];
+  e[4] !== i || e[5] !== s || e[6] !== b || e[7] !== c ? (p = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:80", id: s, role: "menu", "aria-activedescendant": b, ...R(W.div, c), children: i }), e[4] = i, e[5] = s, e[6] = b, e[7] = c, e[8] = p) : p = e[8];
   let x;
-  return e[9] !== r || e[10] !== p ? (x = /* @__PURE__ */ Y(be, { children: [
-    r,
+  return e[9] !== n || e[10] !== p ? (x = /* @__PURE__ */ Y(be, { children: [
+    n,
     p
-  ] }), e[9] = r, e[10] = p, e[11] = x) : x = e[11], x;
+  ] }), e[9] = n, e[10] = p, e[11] = x) : x = e[11], x;
 }
-function Ne(t) {
+function Ke(t) {
   const e = I.c(18), {
     onClick: i,
     children: o
   } = t, {
-    close: c,
-    highlightedId: d,
+    close: d,
+    highlightedId: u,
     setHighlightedId: l,
     registerItem: s
-  } = X(), n = oe(), r = O(null), b = d === n;
-  let a, u;
-  e[0] !== n || e[1] !== s ? (a = () => {
-    const w = r.current;
+  } = X(), r = oe(), n = O(null), b = u === r;
+  let a, c;
+  e[0] !== r || e[1] !== s ? (a = () => {
+    const w = n.current;
     if (w)
-      return s(n, w);
-  }, u = [n, s], e[0] = n, e[1] = s, e[2] = a, e[3] = u) : (a = e[2], u = e[3]), V(a, u);
+      return s(r, w);
+  }, c = [r, s], e[0] = r, e[1] = s, e[2] = a, e[3] = c) : (a = e[2], c = e[3]), _(a, c);
   let p;
-  e[4] !== c || e[5] !== i ? (p = () => {
-    i?.(), c();
-  }, e[4] = c, e[5] = i, e[6] = p) : p = e[6];
+  e[4] !== d || e[5] !== i ? (p = () => {
+    i?.(), d();
+  }, e[4] = d, e[5] = i, e[6] = p) : p = e[6];
   const x = p;
   let g;
-  e[7] !== n || e[8] !== l ? (g = () => l(n), e[7] = n, e[8] = l, e[9] = g) : g = e[9];
+  e[7] !== r || e[8] !== l ? (g = () => l(r), e[7] = r, e[8] = l, e[9] = g) : g = e[9];
   const v = b && D.itemHighlighted;
   let y;
   e[10] !== v ? (y = [D.item, v], e[10] = v, e[11] = y) : y = e[11];
   let h;
-  return e[12] !== o || e[13] !== x || e[14] !== n || e[15] !== g || e[16] !== y ? (h = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:99", ref: r, id: n, role: "menuitem", onClick: x, onPointerEnter: g, ...R(S.div, y), children: o }), e[12] = o, e[13] = x, e[14] = n, e[15] = g, e[16] = y, e[17] = h) : h = e[17], h;
+  return e[12] !== o || e[13] !== x || e[14] !== r || e[15] !== g || e[16] !== y ? (h = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:116", ref: n, id: r, role: "menuitem", onClick: x, onPointerEnter: g, ...R(W.div, y), children: o }), e[12] = o, e[13] = x, e[14] = r, e[15] = g, e[16] = y, e[17] = h) : h = e[17], h;
 }
-function Ue(t) {
+function Qe(t) {
   const e = I.c(16), {
     href: i,
     children: o
   } = t, {
-    close: c,
-    highlightedId: d,
+    close: d,
+    highlightedId: u,
     setHighlightedId: l,
     registerItem: s
-  } = X(), n = oe(), r = O(null), b = d === n;
-  let a, u;
-  e[0] !== n || e[1] !== s ? (a = () => {
-    const y = r.current;
+  } = X(), r = oe(), n = O(null), b = u === r;
+  let a, c;
+  e[0] !== r || e[1] !== s ? (a = () => {
+    const y = n.current;
     if (y)
-      return s(n, y);
-  }, u = [n, s], e[0] = n, e[1] = s, e[2] = a, e[3] = u) : (a = e[2], u = e[3]), V(a, u);
+      return s(r, y);
+  }, c = [r, s], e[0] = r, e[1] = s, e[2] = a, e[3] = c) : (a = e[2], c = e[3]), _(a, c);
   let p;
-  e[4] !== n || e[5] !== l ? (p = () => l(n), e[4] = n, e[5] = l, e[6] = p) : p = e[6];
+  e[4] !== r || e[5] !== l ? (p = () => l(r), e[4] = r, e[5] = l, e[6] = p) : p = e[6];
   const x = b && D.itemHighlighted;
   let g;
   e[7] !== x ? (g = [D.item, D.linkItem, x], e[7] = x, e[8] = g) : g = e[8];
   let v;
-  return e[9] !== o || e[10] !== c || e[11] !== i || e[12] !== n || e[13] !== p || e[14] !== g ? (v = /* @__PURE__ */ T("a", { "data-element-src": "Menu/Menu.tsx:131", ref: r, id: n, href: i, onClick: c, role: "menuitem", onPointerEnter: p, ...R(S.a, g), children: o }), e[9] = o, e[10] = c, e[11] = i, e[12] = n, e[13] = p, e[14] = g, e[15] = v) : v = e[15], v;
+  return e[9] !== o || e[10] !== d || e[11] !== i || e[12] !== r || e[13] !== p || e[14] !== g ? (v = /* @__PURE__ */ T("a", { "data-element-src": "Menu/Menu.tsx:148", ref: n, id: r, href: i, onClick: d, role: "menuitem", onPointerEnter: p, ...R(W.a, g), children: o }), e[9] = o, e[10] = d, e[11] = i, e[12] = r, e[13] = p, e[14] = g, e[15] = v) : v = e[15], v;
 }
-const sn = {
-  Root: Be,
-  Trigger: Ve,
-  Popup: Fe,
-  Item: Ne,
-  LinkItem: Ue
+const cn = {
+  Root: Ue,
+  Trigger: Je,
+  Popup: Xe,
+  Item: Ke,
+  LinkItem: Qe
 };
 /**
  * @license react-strict-dom
@@ -499,52 +515,52 @@ 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 ue = {};
-function Ye(t) {
-  process.env.NODE_ENV !== "test" && ue[t] || (ue[t] = !0, console.error(`[error] React Strict DOM: ${t}`));
+const pe = {};
+function Ze(t) {
+  process.env.NODE_ENV !== "test" && pe[t] || (pe[t] = !0, console.error(`[error] React Strict DOM: ${t}`));
 }
-const Je = /* @__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 Xe(t) {
-  return Je.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 re = {};
 Object.defineProperty(re, "__esModule", {
   value: !0
 });
-var me = re.styleq = void 0, Ke = /* @__PURE__ */ new WeakMap(), Qe = "$$css";
-function he(t) {
+var he = re.styleq = void 0, ot = /* @__PURE__ */ new WeakMap(), nt = "$$css";
+function ve(t) {
   var e, i, o;
   return t != null && (e = t.disableCache === !0, i = t.disableMix === !0, o = t.transform), function() {
-    for (var d = [], l = "", s = null, n = "", r = e ? null : Ke, b = new Array(arguments.length), a = 0; a < arguments.length; a++)
+    for (var u = [], l = "", s = null, r = "", n = e ? null : ot, b = new Array(arguments.length), a = 0; a < arguments.length; a++)
       b[a] = arguments[a];
     for (; b.length > 0; ) {
-      var u = b.pop();
-      if (!(u == null || u === !1)) {
-        if (Array.isArray(u)) {
-          for (var p = 0; p < u.length; p++)
-            b.push(u[p]);
+      var c = b.pop();
+      if (!(c == null || c === !1)) {
+        if (Array.isArray(c)) {
+          for (var p = 0; p < c.length; p++)
+            b.push(c[p]);
           continue;
         }
-        var x = o != null ? o(u) : u;
+        var x = o != null ? o(c) : c;
         if (x.$$css != null) {
           var g = "";
-          if (r != null && r.has(x)) {
-            var v = r.get(x);
-            v != null && (g = v[0], n = v[2], d.push.apply(d, v[1]), r = v[3]);
+          if (n != null && n.has(x)) {
+            var v = n.get(x);
+            v != null && (g = v[0], r = v[2], u.push.apply(u, v[1]), n = v[3]);
           } else {
             var y = [];
             for (var h in x) {
               var w = x[h];
-              if (h === Qe) {
-                var P = x[h];
-                P !== !0 && (n = n ? P + "; " + n : P);
+              if (h === nt) {
+                var A = x[h];
+                A !== !0 && (r = r ? A + "; " + r : A);
                 continue;
               }
-              typeof w == "string" || w === null ? d.includes(h) || (d.push(h), r != null && y.push(h), typeof w == "string" && (g += g ? " " + w : w)) : console.error("styleq: ".concat(h, " typeof ").concat(String(w), ' is not "string" or "null".'));
+              typeof w == "string" || w === null ? u.includes(h) || (u.push(h), n != null && y.push(h), typeof w == "string" && (g += g ? " " + w : w)) : console.error("styleq: ".concat(h, " typeof ").concat(String(w), ' is not "string" or "null".'));
             }
-            if (r != null) {
-              var q = /* @__PURE__ */ new WeakMap();
-              r.set(x, [g, y, n, q]), r = q;
+            if (n != null) {
+              var E = /* @__PURE__ */ new WeakMap();
+              n.set(x, [g, y, r, E]), n = E;
             }
           }
           g && (l = l ? g + " " + l : g);
@@ -554,36 +570,36 @@ function he(t) {
           var M = null;
           for (var z in x) {
             var C = x[z];
-            C !== void 0 && (d.includes(z) || (C != null && (s == null && (s = {}), M == null && (M = {}), M[z] = C), d.push(z), r = null));
+            C !== void 0 && (u.includes(z) || (C != null && (s == null && (s = {}), M == null && (M = {}), M[z] = C), u.push(z), n = null));
           }
           M != null && (s = Object.assign(M, s));
         }
       }
     }
-    var H = [l, s, n];
+    var H = [l, s, r];
     return H;
   };
 }
-var Ze = me = re.styleq = he();
-Ze.factory = he;
-const et = me.factory({
+var rt = he = re.styleq = ve();
+rt.factory = ve;
+const it = he.factory({
   disableMix: !0
 });
-function tt(...t) {
-  const [e, i, o] = et(t), c = {};
-  if (e != null && e !== "" && (c.className = e), i != null && (c.style = i), o != null && o !== "") {
-    const d = o.split(";"), l = {};
-    for (const s of d) {
-      const n = s.trim(), [r, b] = n.split(":");
-      b != null && (l[r] = l[r] != null ? `${l[r]},${b}` : b);
+function st(...t) {
+  const [e, i, o] = it(t), d = {};
+  if (e != null && e !== "" && (d.className = e), i != null && (d.style = i), o != null && o !== "") {
+    const u = o.split(";"), l = {};
+    for (const s of u) {
+      const r = s.trim(), [n, b] = r.split(":");
+      b != null && (l[n] = l[n] != null ? `${l[n]},${b}` : b);
     }
-    c["data-style-src"] = Object.keys(l).map((s) => `${s}:${l[s]}`).join("; ");
+    d["data-style-src"] = Object.keys(l).map((s) => `${s}:${l[s]}`).join("; ");
   }
-  return c;
+  return d;
 }
-function ot(t) {
+function lt(t) {
   Object.keys(t).forEach((e) => {
-    Xe(e) || (Ye(`invalid prop "${e}"`), delete t[e]);
+    tt(e) || (Ze(`invalid prop "${e}"`), delete t[e]);
   });
 }
 function f(t, e) {
@@ -592,20 +608,20 @@ function f(t, e) {
     "debug::name": `html-${t}`
   };
   function o({
-    ref: c,
-    ...d
+    ref: d,
+    ...u
   }) {
     const {
       for: l,
       style: s,
-      ...n
-    } = d, r = n;
-    ot(r), l != null && (r.htmlFor = l), d.role != null && (r.role = d.role === "none" ? "presentation" : d.role), t === "button" ? r.type = r.type ? r.type : "button" : (t === "input" || t === "textarea") && (r.dir = r.dir ? r.dir : "auto");
-    const b = tt([i, e, s]);
+      ...r
+    } = u, n = r;
+    lt(n), l != null && (n.htmlFor = l), u.role != null && (n.role = u.role === "none" ? "presentation" : u.role), t === "button" ? n.type = n.type ? n.type : "button" : (t === "input" || t === "textarea") && (n.dir = n.dir ? n.dir : "auto");
+    const b = st([i, e, s]);
     return T(t, {
-      ...r,
+      ...n,
       ...b,
-      ref: c
+      ref: d
     });
   }
   return o.displayName = `html.${t}`, o;
@@ -678,110 +694,110 @@ const m = {
     "resize-kHenm0": "resize-x288g5",
     $$css: ".pnpm:web/index.js:276"
   }
-}, nt = m.inline, rt = m.block, it = m.block, st = m.inline, lt = m.inline, at = m.inline, ct = m.block, dt = null, ut = [m.inlineblock, m.button], pt = [m.inline, m.codePre], bt = null, xt = m.block, gt = m.inline, ft = m.block, kt = m.block, mt = m.block, G = [m.block, m.heading], ht = m.block, vt = [m.block, m.hr], yt = m.inline, $t = m.img, wt = [m.inlineblock, m.input], Tt = null, Ct = null, Rt = m.inline, St = m.block, Wt = m.block, Mt = m.inline, jt = m.block, zt = [m.list, m.block], It = null, qt = null, Et = m.block, Ot = [m.block, m.codePre], Dt = null, Pt = m.block, At = m.inlineblock, Lt = m.inline, Ht = [m.inline, m.strong], _t = m.inline, Gt = m.inline, Bt = [m.inlineblock, m.textarea], Vt = null, Ft = [m.list, m.block], k = {
-  a: nt,
-  article: rt,
-  aside: it,
-  b: st,
-  bdi: lt,
-  bdo: at,
-  blockquote: ct,
-  br: dt,
-  button: ut,
-  code: pt,
-  del: bt,
-  div: xt,
-  em: gt,
-  fieldset: ft,
-  footer: kt,
-  form: mt,
+}, at = m.inline, ct = m.block, dt = m.block, ut = m.inline, pt = m.inline, bt = m.inline, xt = m.block, gt = null, ft = [m.inlineblock, m.button], kt = [m.inline, m.codePre], mt = null, ht = m.block, vt = m.inline, yt = m.block, $t = m.block, wt = m.block, G = [m.block, m.heading], Tt = m.block, Ct = [m.block, m.hr], St = m.inline, Rt = m.img, Wt = [m.inlineblock, m.input], Mt = null, jt = null, zt = m.inline, It = m.block, Et = m.block, qt = m.inline, Ot = m.block, Dt = [m.list, m.block], At = null, Pt = null, Lt = m.block, Ht = [m.block, m.codePre], _t = null, Bt = m.block, Gt = m.inlineblock, Vt = m.inline, Ft = [m.inline, m.strong], Nt = m.inline, Ut = m.inline, Yt = [m.inlineblock, m.textarea], Jt = null, Xt = [m.list, m.block], k = {
+  a: at,
+  article: ct,
+  aside: dt,
+  b: ut,
+  bdi: pt,
+  bdo: bt,
+  blockquote: xt,
+  br: gt,
+  button: ft,
+  code: kt,
+  del: mt,
+  div: ht,
+  em: vt,
+  fieldset: yt,
+  footer: $t,
+  form: wt,
   h1: G,
   h2: G,
   h3: G,
   h4: G,
   h5: G,
   h6: G,
-  header: ht,
-  hr: vt,
-  i: yt,
-  img: $t,
-  input: wt,
-  ins: Tt,
-  kbd: Ct,
-  label: Rt,
-  li: St,
-  main: Wt,
-  mark: Mt,
-  nav: jt,
-  ol: zt,
-  optgroup: It,
-  option: qt,
-  p: Et,
-  pre: Ot,
-  s: Dt,
-  section: Pt,
-  select: At,
-  span: Lt,
-  strong: Ht,
-  sub: _t,
-  sup: Gt,
-  textarea: Bt,
-  u: Vt,
-  ul: Ft
-}, Nt = f("a", k.a), Ut = f("article", k.article), Yt = f("aside", k.aside), Jt = f("b", k.b), Xt = f("bdi", k.bdi), Kt = f("bdo", k.bdo), Qt = f("blockquote", k.blockquote), Zt = f("br", k.br), eo = f("button", k.button), to = f("code", k.code), oo = f("del", k.del), no = f("div", k.div), ro = f("em", k.em), io = f("fieldset", k.fieldset), so = f("footer", k.footer), lo = f("form", k.form), ao = f("h1", k.h1), co = f("h2", k.h2), uo = f("h3", k.h3), po = f("h4", k.h4), bo = f("h5", k.h5), xo = f("h6", k.h6), go = f("header", k.header), fo = f("hr", k.hr), ko = f("i", k.i), mo = f("img", k.img), ho = f("input", k.input), vo = f("ins", k.ins), yo = f("kbd", k.kbd), $o = f("label", k.label), wo = f("li", k.li), To = f("main", k.main), Co = f("mark", k.mark), Ro = f("nav", k.nav), So = f("ol", k.ol), Wo = f("optgroup", k.optgroup), Mo = f("option", k.option), jo = f("p", k.p), zo = f("pre", k.pre), Io = f("s", k.s), qo = f("section", k.section), Eo = f("select", k.select), Oo = f("span", k.span), Do = f("strong", k.strong), Po = f("sub", k.sub), Ao = f("sup", k.sup), Lo = f("textarea", k.textarea), Ho = f("u", k.u), _o = f("ul", k.ul);
-var Go = /* @__PURE__ */ Object.freeze({
+  header: Tt,
+  hr: Ct,
+  i: St,
+  img: Rt,
+  input: Wt,
+  ins: Mt,
+  kbd: jt,
+  label: zt,
+  li: It,
+  main: Et,
+  mark: qt,
+  nav: Ot,
+  ol: Dt,
+  optgroup: At,
+  option: Pt,
+  p: Lt,
+  pre: Ht,
+  s: _t,
+  section: Bt,
+  select: Gt,
+  span: Vt,
+  strong: Ft,
+  sub: Nt,
+  sup: Ut,
+  textarea: Yt,
+  u: Jt,
+  ul: Xt
+}, Kt = f("a", k.a), Qt = f("article", k.article), Zt = f("aside", k.aside), eo = f("b", k.b), to = f("bdi", k.bdi), oo = f("bdo", k.bdo), no = f("blockquote", k.blockquote), ro = f("br", k.br), io = f("button", k.button), so = f("code", k.code), lo = f("del", k.del), ao = f("div", k.div), co = f("em", k.em), uo = f("fieldset", k.fieldset), po = f("footer", k.footer), bo = f("form", k.form), xo = f("h1", k.h1), go = f("h2", k.h2), fo = f("h3", k.h3), ko = f("h4", k.h4), mo = f("h5", k.h5), ho = f("h6", k.h6), vo = f("header", k.header), yo = f("hr", k.hr), $o = f("i", k.i), wo = f("img", k.img), To = f("input", k.input), Co = f("ins", k.ins), So = f("kbd", k.kbd), Ro = f("label", k.label), Wo = f("li", k.li), Mo = f("main", k.main), jo = f("mark", k.mark), zo = f("nav", k.nav), Io = f("ol", k.ol), Eo = f("optgroup", k.optgroup), qo = f("option", k.option), Oo = f("p", k.p), Do = f("pre", k.pre), Ao = f("s", k.s), Po = f("section", k.section), Lo = f("select", k.select), Ho = f("span", k.span), _o = f("strong", k.strong), Bo = f("sub", k.sub), Go = f("sup", k.sup), Vo = f("textarea", k.textarea), Fo = f("u", k.u), No = f("ul", k.ul);
+var Uo = /* @__PURE__ */ Object.freeze({
   __proto__: null,
-  a: Nt,
-  article: Ut,
-  aside: Yt,
-  b: Jt,
-  bdi: Xt,
-  bdo: Kt,
-  blockquote: Qt,
-  br: Zt,
-  button: eo,
-  code: to,
-  del: oo,
-  div: no,
-  em: ro,
-  fieldset: io,
-  footer: so,
-  form: lo,
-  h1: ao,
-  h2: co,
-  h3: uo,
-  h4: po,
-  h5: bo,
-  h6: xo,
-  header: go,
-  hr: fo,
-  i: ko,
-  img: mo,
-  input: ho,
-  ins: vo,
-  kbd: yo,
-  label: $o,
-  li: wo,
-  main: To,
-  mark: Co,
-  nav: Ro,
-  ol: So,
-  optgroup: Wo,
-  option: Mo,
-  p: jo,
-  pre: zo,
-  s: Io,
-  section: qo,
-  select: Eo,
-  span: Oo,
-  strong: Do,
-  sub: Po,
-  sup: Ao,
-  textarea: Lo,
-  u: Ho,
-  ul: _o
+  a: Kt,
+  article: Qt,
+  aside: Zt,
+  b: eo,
+  bdi: to,
+  bdo: oo,
+  blockquote: no,
+  br: ro,
+  button: io,
+  code: so,
+  del: lo,
+  div: ao,
+  em: co,
+  fieldset: uo,
+  footer: po,
+  form: bo,
+  h1: xo,
+  h2: go,
+  h3: fo,
+  h4: ko,
+  h5: mo,
+  h6: ho,
+  header: vo,
+  hr: yo,
+  i: $o,
+  img: wo,
+  input: To,
+  ins: Co,
+  kbd: So,
+  label: Ro,
+  li: Wo,
+  main: Mo,
+  mark: jo,
+  nav: zo,
+  ol: Io,
+  optgroup: Eo,
+  option: qo,
+  p: Oo,
+  pre: Do,
+  s: Ao,
+  section: Po,
+  select: Lo,
+  span: Ho,
+  strong: _o,
+  sub: Bo,
+  sup: Go,
+  textarea: Vo,
+  u: Fo,
+  ul: No
 });
-const ln = {
+const dn = {
   xs: 480,
   sm: 640,
   md: 768,
@@ -996,31 +1012,28 @@ const ln = {
     "--x-1pds3uo": t ?? void 0,
     "--x-1n5740v": e ?? void 0
   }]
-}, ve = F(null);
+}, ye = F(null);
 function K() {
-  const t = B(ve);
+  const t = V(ye);
   if (!t)
     throw new Error("Table compound components must be used within Table.Root");
   return t;
 }
-const ie = F(!1), Bo = typeof process < "u" && process.env?.NODE_ENV === "production", pe = /* @__PURE__ */ new Set();
-function Vo(t, e) {
-  Bo || pe.has(t) || (pe.add(t), console.warn(`[duro-app/ui Table] ${e}`));
-}
-function Fo(t) {
+const ie = F(!1);
+function Yo(t) {
   const e = I.c(2), {
     children: i
   } = t;
   let o;
-  return e[0] !== i ? (o = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:66", ...R(S.div, $.container), children: i }), e[0] = i, e[1] = o) : o = e[1], o;
+  return e[0] !== i ? (o = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:54", ...R(W.div, $.container), children: i }), e[0] = i, e[1] = o) : o = e[1], o;
 }
-function No(t) {
+function Jo(t) {
   let e = "";
   return J.forEach(t, (i) => {
     (typeof i == "string" || typeof i == "number") && (e += String(i));
   }), e;
 }
-function Uo(t) {
+function Xo(t) {
   let e = t;
   for (let i = 0; i < 8 && e && typeof e == "object"; i++) {
     const o = e.type ?? e.render;
@@ -1029,37 +1042,37 @@ function Uo(t) {
   }
   return e;
 }
-function Yo(t, e) {
-  const i = [], o = [], c = [];
-  function d(l) {
+function Ko(t, e) {
+  const i = [], o = [], d = [];
+  function u(l) {
     J.forEach(l, (s) => {
-      if (!$e(s)) return;
-      const n = s.props, r = Uo(s.type), b = r?.displayName || r?.name || "";
-      if (r === le || b === "HeaderCell") {
-        const a = n.width || `minmax(${e}px, 1fr)`;
-        i.push(a), o.push(n.compactWidth || a);
-        const u = typeof n.label == "string" ? n.label : void 0, p = No(n.children).trim(), x = u ?? p;
-        !u && p === "" && n.children != null && Vo("headerCell-missing-label", "Table.HeaderCell with JSX children must set `label` for stack-mode rendering."), c.push(x);
-      } else n.children && d(n.children);
+      if (!we(s)) return;
+      const r = s.props, n = Xo(s.type), b = n?.displayName || n?.name || "";
+      if (n === le || b === "HeaderCell") {
+        const a = r.width || `minmax(${e}px, 1fr)`;
+        i.push(a), o.push(r.compactWidth || a);
+        const c = typeof r.label == "string" ? r.label : void 0, p = Jo(r.children).trim(), x = c ?? p;
+        !c && p === "" && r.children != null && me("Table", "headerCell-missing-label", "Table.HeaderCell with JSX children must set `label` for stack-mode rendering."), d.push(x);
+      } else r.children && u(r.children);
     });
   }
-  return d(t), {
+  return u(t), {
     template: i.join(" "),
     compactTemplate: o.join(" "),
-    labels: c
+    labels: d
   };
 }
-function Jo(t) {
+function Qo(t) {
   const e = I.c(13), {
     children: i
   } = t, o = O(null);
-  let c;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {
+  let d;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (d = {
     start: !1,
     end: !1
-  }, e[0] = c) : c = e[0];
-  const [d, l] = te(c);
-  let s, n;
+  }, e[0] = d) : d = e[0];
+  const [u, l] = te(d);
+  let s, r;
   e[1] === Symbol.for("react.memo_cache_sentinel") ? (s = () => {
     const g = o.current;
     if (!g)
@@ -1078,39 +1091,39 @@ function Jo(t) {
     return y?.observe(g), () => {
       g.removeEventListener("scroll", v), y?.disconnect();
     };
-  }, n = [], e[1] = s, e[2] = n) : (s = e[1], n = e[2]), V(s, n);
-  let r;
-  e[3] !== i ? (r = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:204", ref: o, ...R(S.div, $.scrollX), children: i }), e[3] = i, e[4] = r) : r = e[4];
-  const b = d.start && $.edgeFadeVisible;
+  }, r = [], e[1] = s, e[2] = r) : (s = e[1], r = e[2]), _(s, r);
+  let n;
+  e[3] !== i ? (n = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:193", ref: o, ...R(W.div, $.scrollX), children: i }), e[3] = i, e[4] = n) : n = e[4];
+  const b = u.start && $.edgeFadeVisible;
   let a;
-  e[5] !== b ? (a = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:207", "aria-hidden": !0, ...R(S.div, $.edgeFade, $.edgeFadeLeft, b) }), e[5] = b, e[6] = a) : a = e[6];
-  const u = d.end && $.edgeFadeVisible;
+  e[5] !== b ? (a = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:196", "aria-hidden": !0, ...R(W.div, $.edgeFade, $.edgeFadeLeft, b) }), e[5] = b, e[6] = a) : a = e[6];
+  const c = u.end && $.edgeFadeVisible;
   let p;
-  e[7] !== u ? (p = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:211", "aria-hidden": !0, ...R(S.div, $.edgeFade, $.edgeFadeRight, u) }), e[7] = u, e[8] = p) : p = e[8];
+  e[7] !== c ? (p = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:200", "aria-hidden": !0, ...R(W.div, $.edgeFade, $.edgeFadeRight, c) }), e[7] = c, e[8] = p) : p = e[8];
   let x;
-  return e[9] !== r || e[10] !== a || e[11] !== p ? (x = /* @__PURE__ */ Y("div", { "data-element-src": "Table/Table.tsx:203", ...R(S.div, $.scrollFrame), children: [
-    r,
+  return e[9] !== n || e[10] !== a || e[11] !== p ? (x = /* @__PURE__ */ Y("div", { "data-element-src": "Table/Table.tsx:192", ...R(W.div, $.scrollFrame), children: [
+    n,
     a,
     p
-  ] }), e[9] = r, e[10] = a, e[11] = p, e[12] = x) : x = e[12], x;
+  ] }), e[9] = n, e[10] = a, e[11] = p, e[12] = x) : x = e[12], x;
 }
-function Xo({
+function Zo({
   children: t,
   variant: e = "default",
   size: i = "md",
   responsive: o = !0,
-  minColumnWidth: c = 120,
-  sortChip: d,
+  minColumnWidth: d = 120,
+  sortChip: u,
   pagination: l
 }) {
   const s = O(null), {
-    template: n,
-    compactTemplate: r,
+    template: r,
+    compactTemplate: n,
     labels: b
-  } = Yo(t, c);
-  n && (s.current = n);
-  const a = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:264", role: "table", ...R(
-    S.div,
+  } = Ko(t, d);
+  r && (s.current = r);
+  const a = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:253", role: "table", ...R(
+    W.div,
     $.root,
     // When responsive, use gridColumnsResponsive so the explicit column
     // template and the stack-mode @container override live in one StyleX
@@ -1118,77 +1131,77 @@ function Xo({
     // 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 ? $.gridColumnsResponsive(n, r) : $.gridColumns(n) : void 0,
+    r ? o ? $.gridColumnsResponsive(r, n) : $.gridColumns(r) : void 0,
     o && $.rootResponsive
   ), children: t }), p = /* @__PURE__ */ Y(be, { children: [
-    d,
-    o ? /* @__PURE__ */ T(Jo, { children: a }) : a,
+    u,
+    o ? /* @__PURE__ */ T(Qo, { children: a }) : a,
     l
   ] });
-  return /* @__PURE__ */ T(ve.Provider, { value: {
+  return /* @__PURE__ */ T(ye.Provider, { value: {
     variant: e,
     size: i,
     responsive: o,
     labels: b,
     inferredTemplateRef: s
-  }, children: o ? /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:306", ...R(S.div, $.rootContainer), children: p }) : p });
+  }, children: o ? /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:295", ...R(W.div, $.rootContainer), children: p }) : p });
 }
-function Ko(t) {
+function en(t) {
   const e = I.c(2), {
     children: i
   } = t;
   let o;
-  return e[0] !== i ? (o = /* @__PURE__ */ T(ie.Provider, { value: !0, children: /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:316", role: "rowgroup", ...R(S.div, $.header), children: i }) }), e[0] = i, e[1] = o) : o = e[1], o;
+  return e[0] !== i ? (o = /* @__PURE__ */ T(ie.Provider, { value: !0, children: /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:305", role: "rowgroup", ...R(W.div, $.header), children: i }) }), e[0] = i, e[1] = o) : o = e[1], o;
 }
-function Qo(t) {
+function tn(t) {
   const e = I.c(19), {
     children: i
   } = t, {
     variant: o
   } = K();
-  let c, d, l, s, n, r;
+  let d, u, l, s, r, n;
   if (e[0] !== i || e[1] !== o) {
-    const u = J.toArray(i);
-    d = ie.Provider, r = !1, c = Go.div, l = "rowgroup", s = $.body;
+    const c = J.toArray(i);
+    u = ie.Provider, n = !1, d = Uo.div, l = "rowgroup", s = $.body;
     let p;
-    e[8] !== o ? (p = (x, g) => o !== "striped" ? x : /* @__PURE__ */ T(ye.Provider, { value: g, children: x }, x.key ?? g), e[8] = o, e[9] = p) : p = e[9], n = u.map(p), e[0] = i, e[1] = o, e[2] = c, e[3] = d, e[4] = l, e[5] = s, e[6] = n, e[7] = r;
+    e[8] !== o ? (p = (x, g) => o !== "striped" ? x : /* @__PURE__ */ T($e.Provider, { value: g, children: x }, x.key ?? g), e[8] = o, e[9] = p) : p = e[9], r = c.map(p), e[0] = i, e[1] = o, e[2] = d, e[3] = u, e[4] = l, e[5] = s, e[6] = r, e[7] = n;
   } else
-    c = e[2], d = e[3], l = e[4], s = e[5], n = e[6], r = e[7];
+    d = e[2], u = e[3], l = e[4], s = e[5], r = e[6], n = e[7];
   let b;
-  e[10] !== c || e[11] !== l || e[12] !== s || e[13] !== n ? (b = /* @__PURE__ */ T(c, { role: l, style: s, children: n }), e[10] = c, e[11] = l, e[12] = s, e[13] = n, e[14] = b) : b = e[14];
+  e[10] !== d || e[11] !== l || e[12] !== s || e[13] !== r ? (b = /* @__PURE__ */ T(d, { role: l, style: s, children: r }), e[10] = d, e[11] = l, e[12] = s, e[13] = r, e[14] = b) : b = e[14];
   let a;
-  return e[15] !== d || e[16] !== r || e[17] !== b ? (a = /* @__PURE__ */ T(d, { value: r, children: b }), e[15] = d, e[16] = r, e[17] = b, e[18] = a) : a = e[18], a;
+  return e[15] !== u || e[16] !== n || e[17] !== b ? (a = /* @__PURE__ */ T(u, { value: n, children: b }), e[15] = u, e[16] = n, e[17] = b, e[18] = a) : a = e[18], a;
 }
-const ye = F(-1), Zo = 'button, a, input, select, textarea, [role="button"], [role="link"], [role="checkbox"], [role="menuitem"], [role="switch"], [role="tab"], [contenteditable="true"]';
-function en(t) {
+const $e = F(-1), on = 'button, a, input, select, textarea, [role="button"], [role="link"], [role="checkbox"], [role="menuitem"], [role="switch"], [role="tab"], [contenteditable="true"]';
+function nn(t) {
   const e = I.c(17), {
     children: i,
     onClick: o,
-    "aria-label": c
+    "aria-label": d
   } = t, {
-    variant: d
-  } = K(), l = B(ie), s = B(ye), n = s >= 0 && s % 2 === 1;
-  let r;
-  if (e[0] !== c || e[1] !== i || e[2] !== n || e[3] !== l || e[4] !== o || e[5] !== d) {
+    variant: u
+  } = K(), l = V(ie), s = V($e), r = s >= 0 && s % 2 === 1;
+  let n;
+  if (e[0] !== d || e[1] !== i || e[2] !== r || e[3] !== l || e[4] !== o || e[5] !== u) {
     const b = J.toArray(i), a = o !== void 0 && !l;
-    let u;
-    e[7] !== a || e[8] !== o ? (u = a ? (h) => {
+    let c;
+    e[7] !== a || e[8] !== o ? (c = a ? (h) => {
       const w = h.target;
-      w instanceof Element && w.closest(Zo) || o();
-    } : void 0, e[7] = a, e[8] = o, e[9] = u) : u = e[9];
+      w instanceof Element && w.closest(on) || o();
+    } : void 0, e[7] = a, e[8] = o, e[9] = c) : c = e[9];
     let p;
     e[10] !== a || e[11] !== o ? (p = a ? (h) => {
       (h.key === "Enter" || h.key === " ") && o();
     } : void 0, e[10] = a, e[11] = o, e[12] = p) : p = e[12];
-    const x = !l && $.bodyRow, g = !l && d === "striped" && n && $.stripedEven, v = a && $.clickableRow;
+    const x = !l && $.bodyRow, g = !l && u === "striped" && r && $.stripedEven, v = a && $.clickableRow;
     let y;
-    e[13] !== x || e[14] !== g || e[15] !== v ? (y = [$.row, x, g, v], e[13] = x, e[14] = g, e[15] = v, e[16] = y) : y = e[16], r = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:388", role: "row", tabIndex: a ? 0 : void 0, "aria-label": a ? c : void 0, onClick: u, onKeyDown: p, ...R(S.div, y), children: b.map((h, w) => /* @__PURE__ */ T(se.Provider, { value: {
+    e[13] !== x || e[14] !== g || e[15] !== v ? (y = [$.row, x, g, v], e[13] = x, e[14] = g, e[15] = v, e[16] = y) : y = e[16], n = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:377", role: "row", tabIndex: a ? 0 : void 0, "aria-label": a ? d : void 0, onClick: c, onKeyDown: p, ...R(W.div, y), children: b.map((h, w) => /* @__PURE__ */ T(se.Provider, { value: {
       index: w,
       total: b.length
-    }, children: h }, h.key ?? w)) }), e[0] = c, e[1] = i, e[2] = n, e[3] = l, e[4] = o, e[5] = d, e[6] = r;
+    }, children: h }, h.key ?? w)) }), e[0] = d, e[1] = i, e[2] = r, e[3] = l, e[4] = o, e[5] = u, e[6] = n;
   } else
-    r = e[6];
-  return r;
+    n = e[6];
+  return n;
 }
 const se = F({
   index: 0,
@@ -1199,67 +1212,67 @@ function le(t) {
     children: i,
     "aria-label": o
   } = t, {
-    size: c,
-    variant: d
+    size: d,
+    variant: u
   } = K(), {
     index: l,
     total: s
-  } = B(se), n = d === "bordered" && l === s - 1, r = c === "sm" ? $.cellSm : $.cellMd, b = d === "bordered" && $.borderedCell, a = n && $.borderedCellLast;
-  let u;
-  e[0] !== r || e[1] !== b || e[2] !== a ? (u = [$.headerCell, r, b, a], e[0] = r, e[1] = b, e[2] = a, e[3] = u) : u = e[3];
+  } = V(se), r = u === "bordered" && l === s - 1, n = d === "sm" ? $.cellSm : $.cellMd, b = u === "bordered" && $.borderedCell, a = r && $.borderedCellLast;
+  let c;
+  e[0] !== n || e[1] !== b || e[2] !== a ? (c = [$.headerCell, n, b, a], e[0] = n, e[1] = b, e[2] = a, e[3] = c) : c = e[3];
   let p;
-  return e[4] !== o || e[5] !== i || e[6] !== u ? (p = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:474", role: "columnheader", "aria-label": o, ...R(S.div, u), children: i }), e[4] = o, e[5] = i, e[6] = u, e[7] = p) : p = e[7], p;
+  return e[4] !== o || e[5] !== i || e[6] !== c ? (p = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:463", role: "columnheader", "aria-label": o, ...R(W.div, c), children: i }), e[4] = o, e[5] = i, e[6] = c, e[7] = p) : p = e[7], p;
 }
 le.displayName = "HeaderCell";
-function tn(t) {
+function rn(t) {
   const e = I.c(16), {
     children: i,
     isActions: o
   } = t, {
-    size: c,
-    variant: d,
+    size: d,
+    variant: u,
     labels: l,
     responsive: s
   } = K(), {
-    index: n,
-    total: r
-  } = B(se), b = d === "bordered" && n === r - 1, a = l[n] ?? "", u = c === "sm" ? $.cellSm : $.cellMd, p = d === "bordered" && $.borderedCell, x = b && $.borderedCellLast, g = o && $.cellActions;
+    index: r,
+    total: n
+  } = V(se), b = u === "bordered" && r === n - 1, a = l[r] ?? "", c = d === "sm" ? $.cellSm : $.cellMd, p = u === "bordered" && $.borderedCell, x = b && $.borderedCellLast, g = o && $.cellActions;
   let v;
-  e[0] !== u || e[1] !== p || e[2] !== x || e[3] !== g ? (v = [$.cell, u, p, x, g], e[0] = u, e[1] = p, e[2] = x, e[3] = g, e[4] = v) : v = e[4];
+  e[0] !== c || e[1] !== p || e[2] !== x || e[3] !== g ? (v = [$.cell, c, p, x, g], e[0] = c, e[1] = p, e[2] = x, e[3] = g, e[4] = v) : v = e[4];
   let y;
-  e[5] !== o || e[6] !== a || e[7] !== s ? (y = s && !o && a !== "" ? /* @__PURE__ */ T("span", { "data-element-src": "Table/Table.tsx:514", ...R(S.span, $.cellLabel), children: a }) : null, e[5] = o, e[6] = a, e[7] = s, e[8] = y) : y = e[8];
+  e[5] !== o || e[6] !== a || e[7] !== s ? (y = s && !o && a !== "" ? /* @__PURE__ */ T("span", { "data-element-src": "Table/Table.tsx:503", ...R(W.span, $.cellLabel), children: a }) : null, e[5] = o, e[6] = a, e[7] = s, e[8] = y) : y = e[8];
   let h;
-  e[9] !== i || e[10] !== o ? (h = o ? i : /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:516", ...R(S.div, $.cellValue), children: i }), e[9] = i, e[10] = o, e[11] = h) : h = e[11];
+  e[9] !== i || e[10] !== o ? (h = o ? i : /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:505", ...R(W.div, $.cellValue), children: i }), e[9] = i, e[10] = o, e[11] = h) : h = e[11];
   let w;
-  return e[12] !== v || e[13] !== y || e[14] !== h ? (w = /* @__PURE__ */ Y("div", { "data-element-src": "Table/Table.tsx:503", role: "cell", ...R(S.div, v), children: [
+  return e[12] !== v || e[13] !== y || e[14] !== h ? (w = /* @__PURE__ */ Y("div", { "data-element-src": "Table/Table.tsx:492", role: "cell", ...R(W.div, v), children: [
     y,
     h
   ] }), e[12] = v, e[13] = y, e[14] = h, e[15] = w) : w = e[15], w;
 }
-const on = {
+const sn = {
   /** @deprecated Wrap behaviour is built into Table.Root. Drop this wrapper from new code. */
-  Container: Fo,
-  Root: Xo,
-  Header: Ko,
-  Body: Qo,
-  Row: en,
+  Container: Yo,
+  Root: Zo,
+  Header: en,
+  Body: tn,
+  Row: nn,
   HeaderCell: le,
-  Cell: tn
-}, an = on;
+  Cell: rn
+}, un = sn;
 export {
-  Qo as B,
-  tn as C,
+  tn as B,
+  rn as C,
   le as H,
-  sn as M,
-  en as R,
-  an as T,
-  Ko as a,
-  ln as b,
+  cn as M,
+  nn as R,
+  un as T,
+  en as a,
+  dn as b,
   I as c,
-  S as d,
-  Xo as e,
-  on as f,
+  W as d,
+  Zo as e,
+  sn as f,
   R as m,
   $ as s
 };
-//# sourceMappingURL=Table-P-UHkEqJ.js.map
+//# sourceMappingURL=Table-Cgr5VDEZ.js.map