@duro-app/ui 3.6.0 → 3.7.0

package/dist/{Table-B4F8XyqK.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 G, 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";
-function ke(t) {
+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,32 +54,32 @@ function ke(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 = ke();
-Ce.factory = ke;
-const Se = ge.factory({
+var Se = ge = ne.styleq = fe();
+Se.factory = fe;
+const Re = ge.factory({
   disableMix: !0
 });
 function R(...t) {
-  const [e, i, o] = Se(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 S = {
   block: {
@@ -125,27 +125,27 @@ const S = {
     "resize-kHenm0": "resize-x288g5",
     $$css: ".pnpm:web/runtime.js:212"
   }
-}, Re = S.inline, We = [S.inlineblock, S.button], Me = S.block, je = S.block, _ = [S.block, S.heading], ze = S.block, Ie = [S.inlineblock, S.input], qe = S.inline, Ee = S.block, Oe = S.block, De = S.block, Pe = S.block, Ae = S.inline, Le = [S.inlineblock, S.textarea], He = [S.list, S.block], W = {
-  a: Re,
-  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,
-  li: Ee,
-  main: Oe,
-  nav: De,
+  li: Oe,
+  main: De,
+  nav: Ae,
   p: Pe,
-  span: Ae,
-  textarea: Le,
-  ul: He
+  span: Le,
+  textarea: He,
+  ul: _e
 };
 var U = { exports: {} }, Z = {};
 /**
@@ -158,7 +158,7 @@ var U = { exports: {} }, Z = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ae;
-function _e() {
+function Be() {
   if (ae) return Z;
   ae = 1;
   var t = xe.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
@@ -177,7 +177,7 @@ var ee = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ce;
-function Be() {
+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) {
@@ -191,10 +191,10 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
   })()), ee;
 }
 var de;
-function Ge() {
-  return de || (de = 1, process.env.NODE_ENV === "production" ? U.exports = _e() : U.exports = Be()), U.exports;
+function Ve() {
+  return de || (de = 1, process.env.NODE_ENV === "production" ? U.exports = Be() : U.exports = Ge()), U.exports;
 }
-var I = Ge();
+var I = Ve();
 const D = {
   root: {
     "position-kVAEAm": "position-x1n2onr6",
@@ -279,87 +279,87 @@ const D = {
     "color-kMwMTN": "color-x95150z color-xtolcfe",
     $$css: "Menu/styles.css.ts:83"
   }
-}, me = F(null);
+}, ke = F(null);
 function X() {
-  const t = G(me);
+  const t = V(ke);
   if (!t)
     throw new Error("Menu compound components must be used within Menu.Root");
   return t;
 }
-function Ve() {
-  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":
@@ -368,135 +368,145 @@ function Ve() {
         }
     };
     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 Fe(t) {
+function Ue(t) {
   const e = I.c(6), {
     children: i
   } = t, {
     ctx: o,
-    rootRef: c
-  } = Ve();
-  let d;
-  e[0] !== i || e[1] !== c ? (d = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:17", ref: c, ...R(W.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(me.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 Ne(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(W.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 Ue(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(W.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(W.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 Ye(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(W.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 Je(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(W.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 an = {
-  Root: Fe,
-  Trigger: Ne,
-  Popup: Ue,
-  Item: Ye,
-  LinkItem: Je
+const cn = {
+  Root: Ue,
+  Trigger: Je,
+  Popup: Xe,
+  Item: Ke,
+  LinkItem: Qe
 };
 /**
  * @license react-strict-dom
@@ -505,52 +515,52 @@ const an = {
  * 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 Xe(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 Ke = /* @__PURE__ */ new Set(["alt", "aria-activedescendant", "aria-atomic", "aria-autocomplete", "aria-busy", "aria-checked", "aria-colcount", "aria-colindex", "aria-colindextext", "aria-colspan", "aria-controls", "aria-current", "aria-describedby", "aria-details", "aria-disabled", "aria-errormessage", "aria-expanded", "aria-flowto", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-level", "aria-live", "aria-modal", "aria-multiline", "aria-multiselectable", "aria-orientation", "aria-owns", "aria-placeholder", "aria-posinset", "aria-pressed", "aria-readonly", "aria-required", "aria-roledescription", "aria-rowcount", "aria-rowindex", "aria-rowindextext", "aria-rowspan", "aria-selected", "aria-setsize", "aria-sort", "aria-valuemax", "aria-valuemin", "aria-valuenow", "aria-valuetext", "autoCapitalize", "autoComplete", "autoFocus", "checked", "children", "crossOrigin", "decoding", "defaultChecked", "defaultValue", "dir", "disabled", "download", "draggable", "elementTiming", "enterKeyHint", "fetchPriority", "for", "height", "hidden", "href", "id", "inert", "inputMode", "label", "lang", "loading", "max", "maxLength", "min", "minLength", "multiple", "name", "onAuxClick", "onBeforeInput", "onBlur", "onChange", "onClick", "onContextMenu", "onCopy", "onCut", "onError", "onFocus", "onFocusIn", "onFocusOut", "onFullscreenChange", "onFullscreenError", "onGotPointerCapture", "onInput", "onInvalid", "onKeyDown", "onKeyUp", "onLoad", "onLostPointerCapture", "onPaste", "onPointerCancel", "onPointerDown", "onPointerEnter", "onPointerLeave", "onPointerMove", "onPointerOut", "onPointerOver", "onPointerUp", "onScroll", "onSelect", "onSelectionChange", "onWheel", "placeholder", "readOnly", "referrerPolicy", "rel", "required", "role", "rows", "selected", "spellCheck", "src", "srcSet", "step", "style", "tabIndex", "target", "type", "value", "width", "suppressHydrationWarning", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseMove", "onMouseOut", "onMouseOver", "onMouseUp", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart"]);
-function Qe(t) {
-  return Ke.has(t) || t.indexOf("data-") > -1;
+const et = /* @__PURE__ */ new Set(["alt", "aria-activedescendant", "aria-atomic", "aria-autocomplete", "aria-busy", "aria-checked", "aria-colcount", "aria-colindex", "aria-colindextext", "aria-colspan", "aria-controls", "aria-current", "aria-describedby", "aria-details", "aria-disabled", "aria-errormessage", "aria-expanded", "aria-flowto", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-level", "aria-live", "aria-modal", "aria-multiline", "aria-multiselectable", "aria-orientation", "aria-owns", "aria-placeholder", "aria-posinset", "aria-pressed", "aria-readonly", "aria-required", "aria-roledescription", "aria-rowcount", "aria-rowindex", "aria-rowindextext", "aria-rowspan", "aria-selected", "aria-setsize", "aria-sort", "aria-valuemax", "aria-valuemin", "aria-valuenow", "aria-valuetext", "autoCapitalize", "autoComplete", "autoFocus", "checked", "children", "crossOrigin", "decoding", "defaultChecked", "defaultValue", "dir", "disabled", "download", "draggable", "elementTiming", "enterKeyHint", "fetchPriority", "for", "height", "hidden", "href", "id", "inert", "inputMode", "label", "lang", "loading", "max", "maxLength", "min", "minLength", "multiple", "name", "onAuxClick", "onBeforeInput", "onBlur", "onChange", "onClick", "onContextMenu", "onCopy", "onCut", "onError", "onFocus", "onFocusIn", "onFocusOut", "onFullscreenChange", "onFullscreenError", "onGotPointerCapture", "onInput", "onInvalid", "onKeyDown", "onKeyUp", "onLoad", "onLostPointerCapture", "onPaste", "onPointerCancel", "onPointerDown", "onPointerEnter", "onPointerLeave", "onPointerMove", "onPointerOut", "onPointerOver", "onPointerUp", "onScroll", "onSelect", "onSelectionChange", "onWheel", "placeholder", "readOnly", "referrerPolicy", "rel", "required", "role", "rows", "selected", "spellCheck", "src", "srcSet", "step", "style", "tabIndex", "target", "type", "value", "width", "suppressHydrationWarning", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseMove", "onMouseOut", "onMouseOver", "onMouseUp", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart"]);
+function tt(t) {
+  return et.has(t) || t.indexOf("data-") > -1;
 }
 var re = {};
 Object.defineProperty(re, "__esModule", {
   value: !0
 });
-var fe = re.styleq = void 0, Ze = /* @__PURE__ */ new WeakMap(), et = "$$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 : Ze, 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 === et) {
-                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);
@@ -560,63 +570,63 @@ 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 tt = fe = re.styleq = he();
-tt.factory = he;
-const ot = fe.factory({
+var rt = he = re.styleq = ve();
+rt.factory = ve;
+const it = he.factory({
   disableMix: !0
 });
-function nt(...t) {
-  const [e, i, o] = ot(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 rt(t) {
+function lt(t) {
   Object.keys(t).forEach((e) => {
-    Qe(e) || (Xe(`invalid prop "${e}"`), delete t[e]);
+    tt(e) || (Ze(`invalid prop "${e}"`), delete t[e]);
   });
 }
-function k(t, e) {
+function f(t, e) {
   const i = {
     $$css: !0,
     "debug::name": `html-${t}`
   };
   function o({
-    ref: c,
-    ...d
+    ref: d,
+    ...u
   }) {
     const {
       for: l,
       style: s,
-      ...n
-    } = d, r = n;
-    rt(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 = nt([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;
 }
-const f = {
+const m = {
   block: {
     "margin-kogj98": "margin-x1ghz6dp",
     "padding-kmVPX3": "padding-x1717udv",
@@ -684,110 +694,110 @@ const f = {
     "resize-kHenm0": "resize-x288g5",
     $$css: ".pnpm:web/index.js:276"
   }
-}, it = f.inline, st = f.block, lt = f.block, at = f.inline, ct = f.inline, dt = f.inline, ut = f.block, pt = null, bt = [f.inlineblock, f.button], xt = [f.inline, f.codePre], gt = null, kt = f.block, mt = f.inline, ft = f.block, ht = f.block, vt = f.block, B = [f.block, f.heading], yt = f.block, $t = [f.block, f.hr], wt = f.inline, Tt = f.img, Ct = [f.inlineblock, f.input], St = null, Rt = null, Wt = f.inline, Mt = f.block, jt = f.block, zt = f.inline, It = f.block, qt = [f.list, f.block], Et = null, Ot = null, Dt = f.block, Pt = [f.block, f.codePre], At = null, Lt = f.block, Ht = f.inlineblock, _t = f.inline, Bt = [f.inline, f.strong], Gt = f.inline, Vt = f.inline, Ft = [f.inlineblock, f.textarea], Nt = null, Ut = [f.list, f.block], m = {
-  a: it,
-  article: st,
-  aside: lt,
-  b: at,
-  bdi: ct,
-  bdo: dt,
-  blockquote: ut,
-  br: pt,
-  button: bt,
-  code: xt,
-  del: gt,
-  div: kt,
-  em: mt,
-  fieldset: ft,
-  footer: ht,
-  form: vt,
-  h1: B,
-  h2: B,
-  h3: B,
-  h4: B,
-  h5: B,
-  h6: B,
-  header: yt,
-  hr: $t,
-  i: wt,
-  img: Tt,
-  input: Ct,
-  ins: St,
-  kbd: Rt,
-  label: Wt,
-  li: Mt,
-  main: jt,
-  mark: zt,
-  nav: It,
-  ol: qt,
-  optgroup: Et,
-  option: Ot,
-  p: Dt,
-  pre: Pt,
-  s: At,
-  section: Lt,
-  select: Ht,
-  span: _t,
-  strong: Bt,
-  sub: Gt,
-  sup: Vt,
-  textarea: Ft,
-  u: Nt,
-  ul: Ut
-}, Yt = k("a", m.a), Jt = k("article", m.article), Xt = k("aside", m.aside), Kt = k("b", m.b), Qt = k("bdi", m.bdi), Zt = k("bdo", m.bdo), eo = k("blockquote", m.blockquote), to = k("br", m.br), oo = k("button", m.button), no = k("code", m.code), ro = k("del", m.del), io = k("div", m.div), so = k("em", m.em), lo = k("fieldset", m.fieldset), ao = k("footer", m.footer), co = k("form", m.form), uo = k("h1", m.h1), po = k("h2", m.h2), bo = k("h3", m.h3), xo = k("h4", m.h4), go = k("h5", m.h5), ko = k("h6", m.h6), mo = k("header", m.header), fo = k("hr", m.hr), ho = k("i", m.i), vo = k("img", m.img), yo = k("input", m.input), $o = k("ins", m.ins), wo = k("kbd", m.kbd), To = k("label", m.label), Co = k("li", m.li), So = k("main", m.main), Ro = k("mark", m.mark), Wo = k("nav", m.nav), Mo = k("ol", m.ol), jo = k("optgroup", m.optgroup), zo = k("option", m.option), Io = k("p", m.p), qo = k("pre", m.pre), Eo = k("s", m.s), Oo = k("section", m.section), Do = k("select", m.select), Po = k("span", m.span), Ao = k("strong", m.strong), Lo = k("sub", m.sub), Ho = k("sup", m.sup), _o = k("textarea", m.textarea), Bo = k("u", m.u), Go = k("ul", m.ul);
-var Vo = /* @__PURE__ */ Object.freeze({
+}, 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: 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: Yt,
-  article: Jt,
-  aside: Xt,
-  b: Kt,
-  bdi: Qt,
-  bdo: Zt,
-  blockquote: eo,
-  br: to,
-  button: oo,
-  code: no,
-  del: ro,
-  div: io,
-  em: so,
-  fieldset: lo,
-  footer: ao,
-  form: co,
-  h1: uo,
-  h2: po,
-  h3: bo,
-  h4: xo,
-  h5: go,
-  h6: ko,
-  header: mo,
-  hr: fo,
-  i: ho,
-  img: vo,
-  input: yo,
-  ins: $o,
-  kbd: wo,
-  label: To,
-  li: Co,
-  main: So,
-  mark: Ro,
-  nav: Wo,
-  ol: Mo,
-  optgroup: jo,
-  option: zo,
-  p: Io,
-  pre: qo,
-  s: Eo,
-  section: Oo,
-  select: Do,
-  span: Po,
-  strong: Ao,
-  sub: Lo,
-  sup: Ho,
-  textarea: _o,
-  u: Bo,
-  ul: Go
+  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 cn = {
+const dn = {
   xs: 480,
   sm: 640,
   md: 768,
@@ -1002,31 +1012,28 @@ const cn = {
     "--x-1pds3uo": t ?? void 0,
     "--x-1n5740v": e ?? void 0
   }]
-}, ve = F(null);
+}, ye = F(null);
 function K() {
-  const t = G(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), Fo = typeof process < "u" && process.env?.NODE_ENV === "production", pe = /* @__PURE__ */ new Set();
-function No(t, e) {
-  Fo || pe.has(t) || (pe.add(t), console.warn(`[duro-app/ui Table] ${e}`));
-}
-function Uo(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(W.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 Yo(t) {
+function Jo(t) {
   let e = "";
   return J.forEach(t, (i) => {
     (typeof i == "string" || typeof i == "number") && (e += String(i));
   }), e;
 }
-function Jo(t) {
+function Xo(t) {
   let e = t;
   for (let i = 0; i < 8 && e && typeof e == "object"; i++) {
     const o = e.type ?? e.render;
@@ -1035,37 +1042,37 @@ function Jo(t) {
   }
   return e;
 }
-function Xo(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 = Jo(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 = Yo(n.children).trim(), x = u ?? p;
-        !u && p === "" && n.children != null && No("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 Ko(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)
@@ -1084,38 +1091,38 @@ function Ko(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(W.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(W.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(W.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(W.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 Qo({
+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
-  } = Xo(t, c);
-  n && (s.current = n);
-  const a = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:264", role: "table", ...R(
+  } = 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
@@ -1124,77 +1131,77 @@ function Qo({
     // 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(Ko, { 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(W.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 Zo(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(W.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 en(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 = Vo.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), tn = 'button, a, input, select, textarea, [role="button"], [role="link"], [role="checkbox"], [role="menuitem"], [role="switch"], [role="tab"], [contenteditable="true"]';
-function on(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 = G(ie), s = G(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(tn) || 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(W.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,
@@ -1205,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
-  } = G(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(W.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 nn(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
-  } = G(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(W.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(W.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(W.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 rn = {
+const sn = {
   /** @deprecated Wrap behaviour is built into Table.Root. Drop this wrapper from new code. */
-  Container: Uo,
-  Root: Qo,
-  Header: Zo,
-  Body: en,
-  Row: on,
+  Container: Yo,
+  Root: Zo,
+  Header: en,
+  Body: tn,
+  Row: nn,
   HeaderCell: le,
-  Cell: nn
-}, dn = rn;
+  Cell: rn
+}, un = sn;
 export {
-  en as B,
-  nn as C,
+  tn as B,
+  rn as C,
   le as H,
-  an as M,
-  on as R,
-  dn as T,
-  Zo as a,
-  cn as b,
+  cn as M,
+  nn as R,
+  un as T,
+  en as a,
+  dn as b,
   I as c,
   W as d,
-  Qo as e,
-  rn as f,
+  Zo as e,
+  sn as f,
   R as m,
   $ as s
 };
-//# sourceMappingURL=Table-B4F8XyqK.js.map
+//# sourceMappingURL=Table-Cgr5VDEZ.js.map