@duro-app/ui 4.0.0 → 4.2.0

package/dist/{Table-Bj5u2Q-k.js → Table-JTgcR_Fh.js}

@@ -1,7 +1,7 @@
 import { jsx as w, jsxs as _, Fragment as re } from "react/jsx-runtime";
 import { c as R, m as C, d as S } from "./compiler-runtime-B2IcI8_O.js";
-import { useContext as H, createContext as G, useState as Y, useId as X, useRef as I, useEffect as D, Children as N, isValidElement as ue } from "react";
-const E = {
+import { useContext as H, createContext as G, useState as Y, useId as X, useRef as E, useEffect as D, Children as K, isValidElement as ue } from "react";
+const j = {
   root: {
     "position-kVAEAm": "position-x1n2onr6",
     "display-k1xSpc": "display-x3nfvp2",
@@ -80,31 +80,40 @@ const E = {
     "backgroundColor-kWkggS": "backgroundColor-xlyqa1p",
     $$css: "Menu/styles.css.ts:80"
   },
+  separator: {
+    "height-kZKoxP": "height-xqtp20y",
+    "marginTop-keoZOQ": "marginTop-xuerg7n",
+    "marginBottom-k1K539": "marginBottom-xnccn3x",
+    "borderTopWidth-kEafiO": "borderTopWidth-x178xt8z",
+    "borderTopStyle-kPef9Z": "borderTopStyle-x13fuv20",
+    "borderTopColor-kLZC3w": "borderTopColor-xvuocu",
+    $$css: "Menu/styles.css.ts:83"
+  },
   linkItem: {
     "textDecoration-kybGjl": "textDecoration-x1hl2dhg",
     "color-kMwMTN": "color-x95150z color-xtolcfe",
-    $$css: "Menu/styles.css.ts:83"
+    $$css: "Menu/styles.css.ts:91"
   }
 }, ie = G(null);
-function K() {
+function N() {
   const t = H(ie);
   if (!t)
     throw new Error("Menu compound components must be used within Menu.Root");
   return t;
 }
 function pe() {
-  const t = R.c(15), [e, i] = Y(!1), [o, c] = Y(null), p = X(), d = I(null), l = I(null);
+  const t = R.c(15), [e, i] = Y(!1), [o, c] = Y(null), p = X(), d = E(null), l = E(null);
   let n;
   t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ new Map(), t[0] = n) : n = t[0];
-  const r = I(n);
+  const r = E(n);
   let x;
   t[1] === Symbol.for("react.memo_cache_sentinel") ? (x = [], t[1] = x) : x = t[1];
-  const s = I(x), a = I(!1);
+  const s = E(x), a = E(!1);
   let u;
   t[2] === Symbol.for("react.memo_cache_sentinel") ? (u = () => {
     i(!1), c(null), a.current = !1, l.current?.focus();
   }, t[2] = u) : u = t[2];
-  const f = u;
+  const m = u;
   let g;
   t[3] === Symbol.for("react.memo_cache_sentinel") ? (g = () => {
     i((W) => (W ? (c(null), a.current = !1) : a.current = !0, !W));
@@ -121,66 +130,66 @@ function pe() {
   let T;
   t[7] === Symbol.for("react.memo_cache_sentinel") ? (T = (W, A) => {
     r.current.set(W, A);
-    const V = r.current, O = [...V.keys()];
-    return O.sort((M, P) => {
-      const z = V.get(M), U = V.get(P);
-      return !z || !U ? 0 : z.compareDocumentPosition(U) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-    }), s.current = O, () => {
+    const V = r.current, q = [...V.keys()];
+    return q.sort((M, P) => {
+      const I = V.get(M), U = V.get(P);
+      return !I || !U ? 0 : I.compareDocumentPosition(U) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+    }), s.current = q, () => {
       r.current.delete(W), s.current = s.current.filter((M) => M !== W);
     };
   }, t[7] = T) : T = t[7];
   const F = T;
-  let L, j;
+  let L, z;
   t[8] !== e ? (L = () => {
     const W = d.current;
     if (!W || !e)
       return;
-    const A = function(O) {
+    const A = function(q) {
       const M = s.current;
       if (M.length !== 0)
-        e: switch (O.key) {
+        e: switch (q.key) {
           case "ArrowDown": {
-            O.preventDefault(), c((P) => {
-              const z = P ? M.indexOf(P) : -1;
-              return M[(z + 1) % M.length];
+            q.preventDefault(), c((P) => {
+              const I = P ? M.indexOf(P) : -1;
+              return M[(I + 1) % M.length];
             });
             break e;
           }
           case "ArrowUp": {
-            O.preventDefault(), c((P) => {
-              const z = P ? M.indexOf(P) : 0;
-              return M[(z - 1 + M.length) % M.length];
+            q.preventDefault(), c((P) => {
+              const I = P ? M.indexOf(P) : 0;
+              return M[(I - 1 + M.length) % M.length];
             });
             break e;
           }
           case "Home": {
-            O.preventDefault(), c(M[0]);
+            q.preventDefault(), c(M[0]);
             break e;
           }
           case "End": {
-            O.preventDefault(), c(M[M.length - 1]);
+            q.preventDefault(), c(M[M.length - 1]);
             break e;
           }
           case "Enter":
           case " ": {
-            O.preventDefault();
+            q.preventDefault();
             const P = r.current;
-            c((z) => (z && P.get(z)?.click(), z));
+            c((I) => (I && P.get(I)?.click(), I));
             break e;
           }
           case "Escape":
           case "Tab":
-            f();
+            m();
         }
     };
     return W.addEventListener("keydown", A), () => W.removeEventListener("keydown", A);
-  }, j = [e, f], t[8] = e, t[9] = L, t[10] = j) : (L = t[9], j = t[10]), D(L, j);
-  let q;
-  return t[11] !== o || t[12] !== p || t[13] !== e ? (q = {
+  }, z = [e, m], t[8] = e, t[9] = L, t[10] = z) : (L = t[9], z = t[10]), D(L, z);
+  let O;
+  return t[11] !== o || t[12] !== p || t[13] !== e ? (O = {
     ctx: {
       open: e,
       toggle: v,
-      close: f,
+      close: m,
       menuId: p,
       highlightedId: o,
       setHighlightedId: c,
@@ -188,7 +197,7 @@ function pe() {
       triggerRef: l
     },
     rootRef: d
-  }, t[11] = o, t[12] = p, t[13] = e, t[14] = q) : q = t[14], q;
+  }, t[11] = o, t[12] = p, t[13] = e, t[14] = O) : O = t[14], O;
 }
 const xe = typeof process < "u" && process.env?.NODE_ENV === "production", oe = /* @__PURE__ */ new Set();
 function se(t, e, i) {
@@ -203,7 +212,7 @@ function be(t) {
     rootRef: c
   } = pe();
   let p;
-  e[0] !== i || e[1] !== c ? (p = /* @__PURE__ */ w("div", { "data-element-src": "Menu/Menu.tsx:18", ref: c, ...C(S.div, E.root), children: i }), e[0] = i, e[1] = c, e[2] = p) : p = e[2];
+  e[0] !== i || e[1] !== c ? (p = /* @__PURE__ */ w("div", { "data-element-src": "Menu/Menu.tsx:18", ref: c, ...C(S.div, j.root), children: i }), e[0] = i, e[1] = c, e[2] = p) : p = e[2];
   let d;
   return e[3] !== o || e[4] !== p ? (d = /* @__PURE__ */ w(ie.Provider, { value: o, children: p }), e[3] = o, e[4] = p, e[5] = d) : d = e[5], d;
 }
@@ -216,7 +225,7 @@ function ge(t) {
     toggle: c,
     menuId: p,
     triggerRef: d
-  } = K(), l = I(null);
+  } = N(), l = E(null);
   let n;
   e[0] !== d ? (n = () => {
     d.current = l.current;
@@ -227,9 +236,9 @@ function ge(t) {
   }, x = [], e[2] = r, e[3] = x) : (r = e[2], x = e[3]), D(r, x);
   const s = o ? p : void 0;
   let a;
-  return e[4] !== i || e[5] !== o || e[6] !== s || e[7] !== c ? (a = /* @__PURE__ */ w("button", { "data-element-src": "Menu/Menu.tsx:52", ref: l, type: "button", onClick: c, "aria-expanded": o, "aria-haspopup": "menu", "aria-controls": s, ...C(S.button, E.trigger), children: i }), e[4] = i, e[5] = o, e[6] = s, e[7] = c, e[8] = a) : a = e[8], a;
+  return e[4] !== i || e[5] !== o || e[6] !== s || e[7] !== c ? (a = /* @__PURE__ */ w("button", { "data-element-src": "Menu/Menu.tsx:52", ref: l, type: "button", onClick: c, "aria-expanded": o, "aria-haspopup": "menu", "aria-controls": s, ...C(S.button, j.trigger), children: i }), e[4] = i, e[5] = o, e[6] = s, e[7] = c, e[8] = a) : a = e[8], a;
 }
-function fe(t) {
+function me(t) {
   const e = R.c(12), {
     children: i,
     align: o
@@ -238,23 +247,23 @@ function fe(t) {
     close: d,
     menuId: l,
     highlightedId: n
-  } = K();
+  } = N();
   if (!p)
     return null;
   let r;
-  e[0] !== d ? (r = /* @__PURE__ */ w("div", { "data-element-src": "Menu/Menu.tsx:79", ...C(S.div, E.backdrop), onClick: d }), e[0] = d, e[1] = r) : r = e[1];
-  const x = n ?? void 0, s = c === "end" && E.popupEnd;
+  e[0] !== d ? (r = /* @__PURE__ */ w("div", { "data-element-src": "Menu/Menu.tsx:79", ...C(S.div, j.backdrop), onClick: d }), e[0] = d, e[1] = r) : r = e[1];
+  const x = n ?? void 0, s = c === "end" && j.popupEnd;
   let a;
-  e[2] !== s ? (a = [E.popup, s], e[2] = s, e[3] = a) : a = e[3];
+  e[2] !== s ? (a = [j.popup, s], e[2] = s, e[3] = a) : a = e[3];
   let u;
   e[4] !== i || e[5] !== l || e[6] !== x || e[7] !== a ? (u = /* @__PURE__ */ w("div", { "data-element-src": "Menu/Menu.tsx:80", id: l, role: "menu", "aria-activedescendant": x, ...C(S.div, a), children: i }), e[4] = i, e[5] = l, e[6] = x, e[7] = a, e[8] = u) : u = e[8];
-  let f;
-  return e[9] !== r || e[10] !== u ? (f = /* @__PURE__ */ _(re, { children: [
+  let m;
+  return e[9] !== r || e[10] !== u ? (m = /* @__PURE__ */ _(re, { children: [
     r,
     u
-  ] }), e[9] = r, e[10] = u, e[11] = f) : f = e[11], f;
+  ] }), e[9] = r, e[10] = u, e[11] = m) : m = e[11], m;
 }
-function me(t) {
+function fe(t) {
   const e = R.c(18), {
     onClick: i,
     children: o
@@ -263,7 +272,7 @@ function me(t) {
     highlightedId: p,
     setHighlightedId: d,
     registerItem: l
-  } = K(), n = X(), r = I(null), x = p === n;
+  } = N(), n = X(), r = E(null), x = p === n;
   let s, a;
   e[0] !== n || e[1] !== l ? (s = () => {
     const T = r.current;
@@ -274,14 +283,14 @@ function me(t) {
   e[4] !== c || e[5] !== i ? (u = () => {
     i?.(), c();
   }, e[4] = c, e[5] = i, e[6] = u) : u = e[6];
-  const f = u;
+  const m = u;
   let g;
   e[7] !== n || e[8] !== d ? (g = () => d(n), e[7] = n, e[8] = d, e[9] = g) : g = e[9];
-  const v = x && E.itemHighlighted;
+  const v = x && j.itemHighlighted;
   let $;
-  e[10] !== v ? ($ = [E.item, v], e[10] = v, e[11] = $) : $ = e[11];
+  e[10] !== v ? ($ = [j.item, v], e[10] = v, e[11] = $) : $ = e[11];
   let h;
-  return e[12] !== o || e[13] !== f || e[14] !== n || e[15] !== g || e[16] !== $ ? (h = /* @__PURE__ */ w("div", { "data-element-src": "Menu/Menu.tsx:116", ref: r, id: n, role: "menuitem", onClick: f, onPointerEnter: g, ...C(S.div, $), children: o }), e[12] = o, e[13] = f, e[14] = n, e[15] = g, e[16] = $, e[17] = h) : h = e[17], h;
+  return e[12] !== o || e[13] !== m || e[14] !== n || e[15] !== g || e[16] !== $ ? (h = /* @__PURE__ */ w("div", { "data-element-src": "Menu/Menu.tsx:116", ref: r, id: n, role: "menuitem", onClick: m, onPointerEnter: g, ...C(S.div, $), children: o }), e[12] = o, e[13] = m, e[14] = n, e[15] = g, e[16] = $, e[17] = h) : h = e[17], h;
 }
 function he(t) {
   const e = R.c(16), {
@@ -292,7 +301,7 @@ function he(t) {
     highlightedId: p,
     setHighlightedId: d,
     registerItem: l
-  } = K(), n = X(), r = I(null), x = p === n;
+  } = N(), n = X(), r = E(null), x = p === n;
   let s, a;
   e[0] !== n || e[1] !== l ? (s = () => {
     const $ = r.current;
@@ -301,18 +310,24 @@ function he(t) {
   }, a = [n, l], e[0] = n, e[1] = l, e[2] = s, e[3] = a) : (s = e[2], a = e[3]), D(s, a);
   let u;
   e[4] !== n || e[5] !== d ? (u = () => d(n), e[4] = n, e[5] = d, e[6] = u) : u = e[6];
-  const f = x && E.itemHighlighted;
+  const m = x && j.itemHighlighted;
   let g;
-  e[7] !== f ? (g = [E.item, E.linkItem, f], e[7] = f, e[8] = g) : g = e[8];
+  e[7] !== m ? (g = [j.item, j.linkItem, m], e[7] = m, e[8] = g) : g = e[8];
   let v;
   return e[9] !== o || e[10] !== c || e[11] !== i || e[12] !== n || e[13] !== u || e[14] !== g ? (v = /* @__PURE__ */ w("a", { "data-element-src": "Menu/Menu.tsx:148", ref: r, id: n, href: i, onClick: c, role: "menuitem", onPointerEnter: u, ...C(S.a, g), children: o }), e[9] = o, e[10] = c, e[11] = i, e[12] = n, e[13] = u, e[14] = g, e[15] = v) : v = e[15], v;
 }
-const jo = {
+function ye() {
+  const t = R.c(1);
+  let e;
+  return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ w("div", { "data-element-src": "Menu/Menu.tsx:167", role: "separator", "aria-orientation": "horizontal", ...C(S.div, j.separator) }), t[0] = e) : e = t[0], e;
+}
+const zo = {
   Root: be,
   Trigger: ge,
-  Popup: fe,
-  Item: me,
-  LinkItem: he
+  Popup: me,
+  Item: fe,
+  LinkItem: he,
+  Separator: ye
 };
 /**
  * @license react-strict-dom
@@ -322,22 +337,22 @@ const jo = {
  * LICENSE file in the root directory of this source tree.
  */
 const ne = {};
-function ye(t) {
+function ve(t) {
   process.env.NODE_ENV !== "test" && ne[t] || (ne[t] = !0, console.error(`[error] React Strict DOM: ${t}`));
 }
-const ve = /* @__PURE__ */ new Set(["alt", "aria-activedescendant", "aria-atomic", "aria-autocomplete", "aria-busy", "aria-checked", "aria-colcount", "aria-colindex", "aria-colindextext", "aria-colspan", "aria-controls", "aria-current", "aria-describedby", "aria-details", "aria-disabled", "aria-errormessage", "aria-expanded", "aria-flowto", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-level", "aria-live", "aria-modal", "aria-multiline", "aria-multiselectable", "aria-orientation", "aria-owns", "aria-placeholder", "aria-posinset", "aria-pressed", "aria-readonly", "aria-required", "aria-roledescription", "aria-rowcount", "aria-rowindex", "aria-rowindextext", "aria-rowspan", "aria-selected", "aria-setsize", "aria-sort", "aria-valuemax", "aria-valuemin", "aria-valuenow", "aria-valuetext", "autoCapitalize", "autoComplete", "autoFocus", "checked", "children", "crossOrigin", "decoding", "defaultChecked", "defaultValue", "dir", "disabled", "download", "draggable", "elementTiming", "enterKeyHint", "fetchPriority", "for", "height", "hidden", "href", "id", "inert", "inputMode", "label", "lang", "loading", "max", "maxLength", "min", "minLength", "multiple", "name", "onAuxClick", "onBeforeInput", "onBlur", "onChange", "onClick", "onContextMenu", "onCopy", "onCut", "onError", "onFocus", "onFocusIn", "onFocusOut", "onFullscreenChange", "onFullscreenError", "onGotPointerCapture", "onInput", "onInvalid", "onKeyDown", "onKeyUp", "onLoad", "onLostPointerCapture", "onPaste", "onPointerCancel", "onPointerDown", "onPointerEnter", "onPointerLeave", "onPointerMove", "onPointerOut", "onPointerOver", "onPointerUp", "onScroll", "onSelect", "onSelectionChange", "onWheel", "placeholder", "readOnly", "referrerPolicy", "rel", "required", "role", "rows", "selected", "spellCheck", "src", "srcSet", "step", "style", "tabIndex", "target", "type", "value", "width", "suppressHydrationWarning", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseMove", "onMouseOut", "onMouseOver", "onMouseUp", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart"]);
-function $e(t) {
-  return ve.has(t) || t.indexOf("data-") > -1;
+const $e = /* @__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 we(t) {
+  return $e.has(t) || t.indexOf("data-") > -1;
 }
 var Q = {};
 Object.defineProperty(Q, "__esModule", {
   value: !0
 });
-var le = Q.styleq = void 0, we = /* @__PURE__ */ new WeakMap(), Te = "$$css";
+var le = Q.styleq = void 0, Te = /* @__PURE__ */ new WeakMap(), Ce = "$$css";
 function ae(t) {
   var e, i, o;
   return t != null && (e = t.disableCache === !0, i = t.disableMix === !0, o = t.transform), function() {
-    for (var p = [], d = "", l = null, n = "", r = e ? null : we, x = new Array(arguments.length), s = 0; s < arguments.length; s++)
+    for (var p = [], d = "", l = null, n = "", r = e ? null : Te, x = new Array(arguments.length), s = 0; s < arguments.length; s++)
       x[s] = arguments[s];
     for (; x.length > 0; ) {
       var a = x.pop();
@@ -347,18 +362,18 @@ function ae(t) {
             x.push(a[u]);
           continue;
         }
-        var f = o != null ? o(a) : a;
-        if (f.$$css != null) {
+        var m = o != null ? o(a) : a;
+        if (m.$$css != null) {
           var g = "";
-          if (r != null && r.has(f)) {
-            var v = r.get(f);
+          if (r != null && r.has(m)) {
+            var v = r.get(m);
             v != null && (g = v[0], n = v[2], p.push.apply(p, v[1]), r = v[3]);
           } else {
             var $ = [];
-            for (var h in f) {
-              var T = f[h];
-              if (h === Te) {
-                var F = f[h];
+            for (var h in m) {
+              var T = m[h];
+              if (h === Ce) {
+                var F = m[h];
                 F !== !0 && (n = n ? F + "; " + n : F);
                 continue;
               }
@@ -366,19 +381,19 @@ function ae(t) {
             }
             if (r != null) {
               var L = /* @__PURE__ */ new WeakMap();
-              r.set(f, [g, $, n, L]), r = L;
+              r.set(m, [g, $, n, L]), r = L;
             }
           }
           g && (d = d ? g + " " + d : g);
         } else if (i)
-          l == null && (l = {}), l = Object.assign({}, f, l);
+          l == null && (l = {}), l = Object.assign({}, m, l);
         else {
-          var j = null;
-          for (var q in f) {
-            var W = f[q];
-            W !== void 0 && (p.includes(q) || (W != null && (l == null && (l = {}), j == null && (j = {}), j[q] = W), p.push(q), r = null));
+          var z = null;
+          for (var O in m) {
+            var W = m[O];
+            W !== void 0 && (p.includes(O) || (W != null && (l == null && (l = {}), z == null && (z = {}), z[O] = W), p.push(O), r = null));
           }
-          j != null && (l = Object.assign(j, l));
+          z != null && (l = Object.assign(z, l));
         }
       }
     }
@@ -386,13 +401,13 @@ function ae(t) {
     return A;
   };
 }
-var Ce = le = Q.styleq = ae();
-Ce.factory = ae;
-const Se = le.factory({
+var Se = le = Q.styleq = ae();
+Se.factory = ae;
+const We = le.factory({
   disableMix: !0
 });
-function We(...t) {
-  const [e, i, o] = Se(t), c = {};
+function Me(...t) {
+  const [e, i, o] = We(t), c = {};
   if (e != null && e !== "" && (c.className = e), i != null && (c.style = i), o != null && o !== "") {
     const p = o.split(";"), d = {};
     for (const l of p) {
@@ -403,9 +418,9 @@ function We(...t) {
   }
   return c;
 }
-function Me(t) {
+function Re(t) {
   Object.keys(t).forEach((e) => {
-    $e(e) || (ye(`invalid prop "${e}"`), delete t[e]);
+    we(e) || (ve(`invalid prop "${e}"`), delete t[e]);
   });
 }
 function b(t, e) {
@@ -422,8 +437,8 @@ function b(t, e) {
       style: l,
       ...n
     } = p, r = n;
-    Me(r), d != null && (r.htmlFor = d), p.role != null && (r.role = p.role === "none" ? "presentation" : p.role), t === "button" ? r.type = r.type ? r.type : "button" : (t === "input" || t === "textarea") && (r.dir = r.dir ? r.dir : "auto");
-    const x = We([i, e, l]);
+    Re(r), d != null && (r.htmlFor = d), p.role != null && (r.role = p.role === "none" ? "presentation" : p.role), t === "button" ? r.type = r.type ? r.type : "button" : (t === "input" || t === "textarea") && (r.dir = r.dir ? r.dir : "auto");
+    const x = Me([i, e, l]);
     return w(t, {
       ...r,
       ...x,
@@ -432,7 +447,7 @@ function b(t, e) {
   }
   return o.displayName = `html.${t}`, o;
 }
-const m = {
+const f = {
   block: {
     "margin-kogj98": "margin-x1ghz6dp",
     "padding-kmVPX3": "padding-x1717udv",
@@ -500,110 +515,110 @@ const m = {
     "resize-kHenm0": "resize-x288g5",
     $$css: ".pnpm:web/index.js:276"
   }
-}, Re = m.inline, je = m.block, ze = m.block, Ie = m.inline, Ee = m.inline, qe = m.inline, Oe = m.block, Pe = null, Le = [m.inlineblock, m.button], De = [m.inline, m.codePre], Ae = null, Be = m.block, He = m.inline, Fe = m.block, Ge = m.block, Ve = m.block, B = [m.block, m.heading], _e = m.block, Ne = [m.block, m.hr], Ke = m.inline, Je = m.img, Ue = [m.inlineblock, m.input], Ye = null, Xe = null, Qe = m.inline, Ze = m.block, et = m.block, tt = m.inline, ot = m.block, nt = [m.list, m.block], rt = null, it = null, st = m.block, lt = [m.block, m.codePre], at = null, ct = m.block, dt = m.inlineblock, ut = m.inline, pt = [m.inline, m.strong], xt = m.inline, bt = m.inline, kt = [m.inlineblock, m.textarea], gt = null, ft = [m.list, m.block], k = {
-  a: Re,
-  article: je,
-  aside: ze,
-  b: Ie,
-  bdi: Ee,
+}, je = f.inline, ze = f.block, Ie = f.block, Ee = f.inline, Oe = f.inline, qe = f.inline, Pe = f.block, Le = null, De = [f.inlineblock, f.button], Ae = [f.inline, f.codePre], Be = null, He = f.block, Fe = f.inline, Ge = f.block, Ve = f.block, _e = f.block, B = [f.block, f.heading], Ke = f.block, Ne = [f.block, f.hr], Je = f.inline, Ue = f.img, Ye = [f.inlineblock, f.input], Xe = null, Qe = null, Ze = f.inline, et = f.block, tt = f.block, ot = f.inline, nt = f.block, rt = [f.list, f.block], it = null, st = null, lt = f.block, at = [f.block, f.codePre], ct = null, dt = f.block, ut = f.inlineblock, pt = f.inline, xt = [f.inline, f.strong], bt = f.inline, kt = f.inline, gt = [f.inlineblock, f.textarea], mt = null, ft = [f.list, f.block], k = {
+  a: je,
+  article: ze,
+  aside: Ie,
+  b: Ee,
+  bdi: Oe,
   bdo: qe,
-  blockquote: Oe,
-  br: Pe,
-  button: Le,
-  code: De,
-  del: Ae,
-  div: Be,
-  em: He,
-  fieldset: Fe,
-  footer: Ge,
-  form: Ve,
+  blockquote: Pe,
+  br: Le,
+  button: De,
+  code: Ae,
+  del: Be,
+  div: He,
+  em: Fe,
+  fieldset: Ge,
+  footer: Ve,
+  form: _e,
   h1: B,
   h2: B,
   h3: B,
   h4: B,
   h5: B,
   h6: B,
-  header: _e,
+  header: Ke,
   hr: Ne,
-  i: Ke,
-  img: Je,
-  input: Ue,
-  ins: Ye,
-  kbd: Xe,
-  label: Qe,
-  li: Ze,
-  main: et,
-  mark: tt,
-  nav: ot,
-  ol: nt,
-  optgroup: rt,
-  option: it,
-  p: st,
-  pre: lt,
-  s: at,
-  section: ct,
-  select: dt,
-  span: ut,
-  strong: pt,
-  sub: xt,
-  sup: bt,
-  textarea: kt,
-  u: gt,
+  i: Je,
+  img: Ue,
+  input: Ye,
+  ins: Xe,
+  kbd: Qe,
+  label: Ze,
+  li: et,
+  main: tt,
+  mark: ot,
+  nav: nt,
+  ol: rt,
+  optgroup: it,
+  option: st,
+  p: lt,
+  pre: at,
+  s: ct,
+  section: dt,
+  select: ut,
+  span: pt,
+  strong: xt,
+  sub: bt,
+  sup: kt,
+  textarea: gt,
+  u: mt,
   ul: ft
-}, mt = b("a", k.a), ht = b("article", k.article), yt = b("aside", k.aside), vt = b("b", k.b), $t = b("bdi", k.bdi), wt = b("bdo", k.bdo), Tt = b("blockquote", k.blockquote), Ct = b("br", k.br), St = b("button", k.button), Wt = b("code", k.code), Mt = b("del", k.del), Rt = b("div", k.div), jt = b("em", k.em), zt = b("fieldset", k.fieldset), It = b("footer", k.footer), Et = b("form", k.form), qt = b("h1", k.h1), Ot = b("h2", k.h2), Pt = b("h3", k.h3), Lt = b("h4", k.h4), Dt = b("h5", k.h5), At = b("h6", k.h6), Bt = b("header", k.header), Ht = b("hr", k.hr), Ft = b("i", k.i), Gt = b("img", k.img), Vt = b("input", k.input), _t = b("ins", k.ins), Nt = b("kbd", k.kbd), Kt = b("label", k.label), Jt = b("li", k.li), Ut = b("main", k.main), Yt = b("mark", k.mark), Xt = b("nav", k.nav), Qt = b("ol", k.ol), Zt = b("optgroup", k.optgroup), eo = b("option", k.option), to = b("p", k.p), oo = b("pre", k.pre), no = b("s", k.s), ro = b("section", k.section), io = b("select", k.select), so = b("span", k.span), lo = b("strong", k.strong), ao = b("sub", k.sub), co = b("sup", k.sup), uo = b("textarea", k.textarea), po = b("u", k.u), xo = b("ul", k.ul);
-var bo = /* @__PURE__ */ Object.freeze({
+}, ht = b("a", k.a), yt = b("article", k.article), vt = b("aside", k.aside), $t = b("b", k.b), wt = b("bdi", k.bdi), Tt = b("bdo", k.bdo), Ct = b("blockquote", k.blockquote), St = b("br", k.br), Wt = b("button", k.button), Mt = b("code", k.code), Rt = b("del", k.del), jt = b("div", k.div), zt = b("em", k.em), It = b("fieldset", k.fieldset), Et = b("footer", k.footer), Ot = b("form", k.form), qt = b("h1", k.h1), Pt = b("h2", k.h2), Lt = b("h3", k.h3), Dt = b("h4", k.h4), At = b("h5", k.h5), Bt = b("h6", k.h6), Ht = b("header", k.header), Ft = b("hr", k.hr), Gt = b("i", k.i), Vt = b("img", k.img), _t = b("input", k.input), Kt = b("ins", k.ins), Nt = b("kbd", k.kbd), Jt = b("label", k.label), Ut = b("li", k.li), Yt = b("main", k.main), Xt = b("mark", k.mark), Qt = b("nav", k.nav), Zt = b("ol", k.ol), eo = b("optgroup", k.optgroup), to = b("option", k.option), oo = b("p", k.p), no = b("pre", k.pre), ro = b("s", k.s), io = b("section", k.section), so = b("select", k.select), lo = b("span", k.span), ao = b("strong", k.strong), co = b("sub", k.sub), uo = b("sup", k.sup), po = b("textarea", k.textarea), xo = b("u", k.u), bo = b("ul", k.ul);
+var ko = /* @__PURE__ */ Object.freeze({
   __proto__: null,
-  a: mt,
-  article: ht,
-  aside: yt,
-  b: vt,
-  bdi: $t,
-  bdo: wt,
-  blockquote: Tt,
-  br: Ct,
-  button: St,
-  code: Wt,
-  del: Mt,
-  div: Rt,
-  em: jt,
-  fieldset: zt,
-  footer: It,
-  form: Et,
+  a: ht,
+  article: yt,
+  aside: vt,
+  b: $t,
+  bdi: wt,
+  bdo: Tt,
+  blockquote: Ct,
+  br: St,
+  button: Wt,
+  code: Mt,
+  del: Rt,
+  div: jt,
+  em: zt,
+  fieldset: It,
+  footer: Et,
+  form: Ot,
   h1: qt,
-  h2: Ot,
-  h3: Pt,
-  h4: Lt,
-  h5: Dt,
-  h6: At,
-  header: Bt,
-  hr: Ht,
-  i: Ft,
-  img: Gt,
-  input: Vt,
-  ins: _t,
+  h2: Pt,
+  h3: Lt,
+  h4: Dt,
+  h5: At,
+  h6: Bt,
+  header: Ht,
+  hr: Ft,
+  i: Gt,
+  img: Vt,
+  input: _t,
+  ins: Kt,
   kbd: Nt,
-  label: Kt,
-  li: Jt,
-  main: Ut,
-  mark: Yt,
-  nav: Xt,
-  ol: Qt,
-  optgroup: Zt,
-  option: eo,
-  p: to,
-  pre: oo,
-  s: no,
-  section: ro,
-  select: io,
-  span: so,
-  strong: lo,
-  sub: ao,
-  sup: co,
-  textarea: uo,
-  u: po,
-  ul: xo
+  label: Jt,
+  li: Ut,
+  main: Yt,
+  mark: Xt,
+  nav: Qt,
+  ol: Zt,
+  optgroup: eo,
+  option: to,
+  p: oo,
+  pre: no,
+  s: ro,
+  section: io,
+  select: so,
+  span: lo,
+  strong: ao,
+  sub: co,
+  sup: uo,
+  textarea: po,
+  u: xo,
+  ul: bo
 });
-const zo = {
+const Io = {
   xs: 480,
   sm: 640,
   md: 768,
@@ -826,16 +841,16 @@ function J() {
   return t;
 }
 const Z = G(!1);
-function ko(t) {
+function go(t) {
   const e = R.c(2), {
     children: i
   } = t;
   let o;
   return e[0] !== i ? (o = /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:54", ...C(S.div, y.container), children: i }), e[0] = i, e[1] = o) : o = e[1], o;
 }
-function go(t) {
+function mo(t) {
   let e = "";
-  return N.forEach(t, (i) => {
+  return K.forEach(t, (i) => {
     (typeof i == "string" || typeof i == "number") && (e += String(i));
   }), e;
 }
@@ -848,17 +863,17 @@ function fo(t) {
   }
   return e;
 }
-function mo(t, e) {
+function ho(t, e) {
   const i = [], o = [], c = [];
   function p(d) {
-    N.forEach(d, (l) => {
+    K.forEach(d, (l) => {
       if (!ue(l)) return;
       const n = l.props, r = fo(l.type), x = r?.displayName || r?.name || "";
       if (r === te || x === "HeaderCell") {
         const s = n.width || `minmax(${e}px, 1fr)`;
         i.push(s), o.push(n.compactWidth || s);
-        const a = typeof n.label == "string" ? n.label : void 0, u = go(n.children).trim(), f = a ?? u;
-        !a && u === "" && n.children != null && se("Table", "headerCell-missing-label", "Table.HeaderCell with JSX children must set `label` for stack-mode rendering."), c.push(f);
+        const a = typeof n.label == "string" ? n.label : void 0, u = mo(n.children).trim(), m = a ?? u;
+        !a && u === "" && n.children != null && se("Table", "headerCell-missing-label", "Table.HeaderCell with JSX children must set `label` for stack-mode rendering."), c.push(m);
       } else n.children && p(n.children);
     });
   }
@@ -868,10 +883,10 @@ function mo(t, e) {
     labels: c
   };
 }
-function ho(t) {
+function yo(t) {
   const e = R.c(13), {
     children: i
-  } = t, o = I(null);
+  } = t, o = E(null);
   let c;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {
     start: !1,
@@ -906,14 +921,14 @@ function ho(t) {
   const a = p.end && y.edgeFadeVisible;
   let u;
   e[7] !== a ? (u = /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:200", "aria-hidden": !0, ...C(S.div, y.edgeFade, y.edgeFadeRight, a) }), e[7] = a, e[8] = u) : u = e[8];
-  let f;
-  return e[9] !== r || e[10] !== s || e[11] !== u ? (f = /* @__PURE__ */ _("div", { "data-element-src": "Table/Table.tsx:192", ...C(S.div, y.scrollFrame), children: [
+  let m;
+  return e[9] !== r || e[10] !== s || e[11] !== u ? (m = /* @__PURE__ */ _("div", { "data-element-src": "Table/Table.tsx:192", ...C(S.div, y.scrollFrame), children: [
     r,
     s,
     u
-  ] }), e[9] = r, e[10] = s, e[11] = u, e[12] = f) : f = e[12], f;
+  ] }), e[9] = r, e[10] = s, e[11] = u, e[12] = m) : m = e[12], m;
 }
-function yo({
+function vo({
   children: t,
   variant: e = "default",
   size: i = "md",
@@ -922,11 +937,11 @@ function yo({
   sortChip: p,
   pagination: d
 }) {
-  const l = I(null), {
+  const l = E(null), {
     template: n,
     compactTemplate: r,
     labels: x
-  } = mo(t, c);
+  } = ho(t, c);
   n && (l.current = n);
   const s = /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:253", role: "table", ...C(
     S.div,
@@ -941,7 +956,7 @@ function yo({
     o && y.rootResponsive
   ), children: t }), u = /* @__PURE__ */ _(re, { children: [
     p,
-    o ? /* @__PURE__ */ w(ho, { children: s }) : s,
+    o ? /* @__PURE__ */ w(yo, { children: s }) : s,
     d
   ] });
   return /* @__PURE__ */ w(ce.Provider, { value: {
@@ -952,14 +967,14 @@ function yo({
     inferredTemplateRef: l
   }, children: o ? /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:295", ...C(S.div, y.rootContainer), children: u }) : u });
 }
-function vo(t) {
+function $o(t) {
   const e = R.c(2), {
     children: i
   } = t;
   let o;
   return e[0] !== i ? (o = /* @__PURE__ */ w(Z.Provider, { value: !0, children: /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:305", role: "rowgroup", ...C(S.div, y.header), children: i }) }), e[0] = i, e[1] = o) : o = e[1], o;
 }
-function $o(t) {
+function wo(t) {
   const e = R.c(19), {
     children: i
   } = t, {
@@ -967,10 +982,10 @@ function $o(t) {
   } = J();
   let c, p, d, l, n, r;
   if (e[0] !== i || e[1] !== o) {
-    const a = N.toArray(i);
-    p = Z.Provider, r = !1, c = bo.div, d = "rowgroup", l = y.body;
+    const a = K.toArray(i);
+    p = Z.Provider, r = !1, c = ko.div, d = "rowgroup", l = y.body;
     let u;
-    e[8] !== o ? (u = (f, g) => o !== "striped" ? f : /* @__PURE__ */ w(de.Provider, { value: g, children: f }, f.key ?? g), e[8] = o, e[9] = u) : u = e[9], n = a.map(u), e[0] = i, e[1] = o, e[2] = c, e[3] = p, e[4] = d, e[5] = l, e[6] = n, e[7] = r;
+    e[8] !== o ? (u = (m, g) => o !== "striped" ? m : /* @__PURE__ */ w(de.Provider, { value: g, children: m }, m.key ?? g), e[8] = o, e[9] = u) : u = e[9], n = a.map(u), e[0] = i, e[1] = o, e[2] = c, e[3] = p, e[4] = d, e[5] = l, e[6] = n, e[7] = r;
   } else
     c = e[2], p = e[3], d = e[4], l = e[5], n = e[6], r = e[7];
   let x;
@@ -978,8 +993,8 @@ function $o(t) {
   let s;
   return e[15] !== p || e[16] !== r || e[17] !== x ? (s = /* @__PURE__ */ w(p, { value: r, children: x }), e[15] = p, e[16] = r, e[17] = x, e[18] = s) : s = e[18], s;
 }
-const de = G(-1), wo = 'button, a, input, select, textarea, [role="button"], [role="link"], [role="checkbox"], [role="menuitem"], [role="switch"], [role="tab"], [contenteditable="true"]';
-function To(t) {
+const de = G(-1), To = 'button, a, input, select, textarea, [role="button"], [role="link"], [role="checkbox"], [role="menuitem"], [role="switch"], [role="tab"], [contenteditable="true"]';
+function Co(t) {
   const e = R.c(17), {
     children: i,
     onClick: o,
@@ -989,19 +1004,19 @@ function To(t) {
   } = J(), d = H(Z), l = H(de), n = l >= 0 && l % 2 === 1;
   let r;
   if (e[0] !== c || e[1] !== i || e[2] !== n || e[3] !== d || e[4] !== o || e[5] !== p) {
-    const x = N.toArray(i), s = o !== void 0 && !d;
+    const x = K.toArray(i), s = o !== void 0 && !d;
     let a;
     e[7] !== s || e[8] !== o ? (a = s ? (h) => {
       const T = h.target;
-      T instanceof Element && T.closest(wo) || o();
+      T instanceof Element && T.closest(To) || o();
     } : void 0, e[7] = s, e[8] = o, e[9] = a) : a = e[9];
     let u;
     e[10] !== s || e[11] !== o ? (u = s ? (h) => {
       (h.key === "Enter" || h.key === " ") && o();
     } : void 0, e[10] = s, e[11] = o, e[12] = u) : u = e[12];
-    const f = !d && y.bodyRow, g = !d && p === "striped" && n && y.stripedEven, v = s && y.clickableRow;
+    const m = !d && y.bodyRow, g = !d && p === "striped" && n && y.stripedEven, v = s && y.clickableRow;
     let $;
-    e[13] !== f || e[14] !== g || e[15] !== v ? ($ = [y.row, f, g, v], e[13] = f, e[14] = g, e[15] = v, e[16] = $) : $ = e[16], r = /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:377", role: "row", tabIndex: s ? 0 : void 0, "aria-label": s ? c : void 0, onClick: a, onKeyDown: u, ...C(S.div, $), children: x.map((h, T) => /* @__PURE__ */ w(ee.Provider, { value: {
+    e[13] !== m || e[14] !== g || e[15] !== v ? ($ = [y.row, m, g, v], e[13] = m, e[14] = g, e[15] = v, e[16] = $) : $ = e[16], r = /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:377", role: "row", tabIndex: s ? 0 : void 0, "aria-label": s ? c : void 0, onClick: a, onKeyDown: u, ...C(S.div, $), children: x.map((h, T) => /* @__PURE__ */ w(ee.Provider, { value: {
       index: T,
       total: x.length
     }, children: h }, h.key ?? T)) }), e[0] = c, e[1] = i, e[2] = n, e[3] = d, e[4] = o, e[5] = p, e[6] = r;
@@ -1030,7 +1045,7 @@ function te(t) {
   return e[4] !== o || e[5] !== i || e[6] !== a ? (u = /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:463", role: "columnheader", "aria-label": o, ...C(S.div, a), children: i }), e[4] = o, e[5] = i, e[6] = a, e[7] = u) : u = e[7], u;
 }
 te.displayName = "HeaderCell";
-function Co(t) {
+function So(t) {
   const e = R.c(16), {
     children: i,
     isActions: o
@@ -1042,9 +1057,9 @@ function Co(t) {
   } = J(), {
     index: n,
     total: r
-  } = H(ee), x = p === "bordered" && n === r - 1, s = d[n] ?? "", a = c === "sm" ? y.cellSm : y.cellMd, u = p === "bordered" && y.borderedCell, f = x && y.borderedCellLast, g = o && y.cellActions;
+  } = H(ee), x = p === "bordered" && n === r - 1, s = d[n] ?? "", a = c === "sm" ? y.cellSm : y.cellMd, u = p === "bordered" && y.borderedCell, m = x && y.borderedCellLast, g = o && y.cellActions;
   let v;
-  e[0] !== a || e[1] !== u || e[2] !== f || e[3] !== g ? (v = [y.cell, a, u, f, g], e[0] = a, e[1] = u, e[2] = f, e[3] = g, e[4] = v) : v = e[4];
+  e[0] !== a || e[1] !== u || e[2] !== m || e[3] !== g ? (v = [y.cell, a, u, m, g], e[0] = a, e[1] = u, e[2] = m, e[3] = g, e[4] = v) : v = e[4];
   let $;
   e[5] !== o || e[6] !== s || e[7] !== l ? ($ = l && !o && s !== "" ? /* @__PURE__ */ w("span", { "data-element-src": "Table/Table.tsx:503", ...C(S.span, y.cellLabel), children: s }) : null, e[5] = o, e[6] = s, e[7] = l, e[8] = $) : $ = e[8];
   let h;
@@ -1055,27 +1070,27 @@ function Co(t) {
     h
   ] }), e[12] = v, e[13] = $, e[14] = h, e[15] = T) : T = e[15], T;
 }
-const So = {
+const Wo = {
   /** @deprecated Wrap behaviour is built into Table.Root. Drop this wrapper from new code. */
-  Container: ko,
-  Root: yo,
-  Header: vo,
-  Body: $o,
-  Row: To,
+  Container: go,
+  Root: vo,
+  Header: $o,
+  Body: wo,
+  Row: Co,
   HeaderCell: te,
-  Cell: Co
-}, Io = So;
+  Cell: So
+}, Eo = Wo;
 export {
-  $o as B,
-  Co as C,
+  wo as B,
+  So as C,
   te as H,
-  jo as M,
-  To as R,
-  Io as T,
-  vo as a,
-  zo as b,
-  yo as c,
-  So as d,
+  zo as M,
+  Co as R,
+  Eo as T,
+  $o as a,
+  Io as b,
+  vo as c,
+  Wo as d,
   y as s
 };
-//# sourceMappingURL=Table-Bj5u2Q-k.js.map
+//# sourceMappingURL=Table-JTgcR_Fh.js.map