@duro-app/ui 5.9.0 → 5.11.0

package/dist/{Table-CAjPFgTX.js → Table-ColfpgKV.js}

@@ -1,6 +1,6 @@
-import { jsx as M, jsxs as U, Fragment as Me } from "react/jsx-runtime";
+import { jsx as T, jsxs as U, Fragment as Te } from "react/jsx-runtime";
 import { c as L, m as W, d as S } from "./compiler-runtime-BuugS4D0.js";
-import { useContext as G, createContext as A, useId as Y, useRef as q, useLayoutEffect as J, useState as Z, useCallback as K, useEffect as F, Children as Q, isValidElement as Te } from "react";
+import { useContext as G, createContext as A, useId as Y, useRef as q, useLayoutEffect as J, useState as Z, useCallback as K, useEffect as F, Children as Q, isValidElement as Me } from "react";
 import { createPortal as We } from "react-dom";
 const Se = {
   xs: 4,
@@ -11,7 +11,7 @@ const Se = {
   xl: 32,
   xxl: 48,
   xxxl: 64
-}, un = {
+}, cr = {
   instant: 0,
   minimal: 1,
   quick: 120,
@@ -19,14 +19,14 @@ const Se = {
   brisk: 160,
   base: 200,
   slow: 280
-}, Ce = ["touchTarget", "controlSm", "controlMd", "controlLg", "indicator", "indicatorDot", "checkMarkW", "checkMarkH", "switchTrackW", "switchTrackH", "switchThumb", "iconButton", "iconButtonSm", "spinnerSm", "spinnerMd", "spinnerLg", "glyphXs", "glyphSm", "glyphMd", "iconSm", "iconMd", "iconLg", "iconXl", "iconXxl", "navMarkerW", "navMarkerH", "divider", "tabIndicator", "edgeFade", "scrollbar", "swatchW", "swatchH", "labelMinW", "popupMinW", "listMaxH", "listMaxHSm", "dialogSm", "dialogMd", "dialogLg", "panelSm", "panelMd", "panelLg", "toastMaxW", "gridColSm", "gridColMd", "pageSm", "pageMd", "pageLg", "sidebarW", "pageXs", "pageXl", "asideW", "gridColXs", "fieldMinWSm", "fieldMinW", "popoverWSm", "popoverW", "popupMaxW", "meterH", "skeletonChipW", "dropZoneMinH", "canvasMinH", "editorMinH", "toolbarH", "embedW", "colorPickerW", "colorAreaH", "colorTrackH", "colorSwatch", "colorPreviewH", "handle", "chip", "placeholderMinH", "previewMaxH", "barH", "readoutW", "sliderW", "paletteMinW", "deviceBarW", "timeGutterW", "dayHeaderH", "timelineLabelW", "appBarH"], _ = {
+}, Ce = ["touchTarget", "controlSm", "controlMd", "controlLg", "indicator", "indicatorDot", "checkMarkW", "checkMarkH", "switchTrackW", "switchTrackH", "switchThumb", "iconButton", "iconButtonSm", "spinnerSm", "spinnerMd", "spinnerLg", "glyphXs", "glyphSm", "glyphMd", "iconSm", "iconMd", "iconLg", "iconXl", "iconXxl", "thumbSm", "mediaTileMinW", "glyphClampMax", "timeReadoutW", "navMarkerW", "navMarkerH", "divider", "tabIndicator", "edgeFade", "scrollbar", "swatchW", "swatchH", "labelMinW", "popupMinW", "listMaxH", "listMaxHSm", "dialogSm", "dialogMd", "dialogLg", "panelSm", "panelMd", "panelLg", "toastMaxW", "gridColSm", "gridColMd", "pageSm", "pageMd", "pageLg", "sidebarW", "pageXs", "pageXl", "asideW", "gridColXs", "fieldMinWSm", "fieldMinW", "popoverWSm", "popoverW", "popupMaxW", "meterH", "skeletonChipW", "dropZoneMinH", "canvasMinH", "editorMinH", "toolbarH", "embedW", "colorPickerW", "colorAreaH", "colorTrackH", "colorSwatch", "colorPreviewH", "handle", "chip", "placeholderMinH", "previewMaxH", "barH", "readoutW", "sliderW", "paletteMinW", "deviceBarW", "timeGutterW", "dayHeaderH", "timelineLabelW", "appBarH", "dragThumbW", "dragThumbH"], _ = {
   touchTarget: 44,
   iconSm: 16,
   iconMd: 18,
   iconLg: 24,
   iconXl: 36,
   iconXxl: 48
-}, pn = {
+}, ur = {
   sm: _.iconSm,
   md: _.iconMd,
   lg: _.iconLg,
@@ -97,46 +97,46 @@ function He(t) {
   let o;
   e[0] !== t ? (o = t === void 0 ? {} : t, e[0] = t, e[1] = o) : o = e[1];
   const {
-    disabled: n
-  } = o, c = n === void 0 ? !1 : n, l = Y(), a = q(null), i = ze(), r = Re(), s = i?.register, d = r?.register;
+    disabled: r
+  } = o, d = r === void 0 ? !1 : r, l = Y(), a = q(null), i = ze(), n = Re(), s = i?.register, c = n?.register;
   let p, u;
-  e[2] !== c || e[3] !== s || e[4] !== l || e[5] !== d ? (p = () => {
+  e[2] !== d || e[3] !== s || e[4] !== l || e[5] !== c ? (p = () => {
     const R = a.current;
     if (!R)
       return;
-    const H = s?.(l, R, c), I = d?.(l, R, c);
+    const H = s?.(l, R, d), I = c?.(l, R, d);
     return () => {
       H?.(), I?.();
     };
-  }, u = [l, c, s, d], e[2] = c, e[3] = s, e[4] = l, e[5] = d, e[6] = p, e[7] = u) : (p = e[6], u = e[7]), J(p, u);
+  }, u = [l, d, s, c], e[2] = d, e[3] = s, e[4] = l, e[5] = c, e[6] = p, e[7] = u) : (p = e[6], u = e[7]), J(p, u);
   let x;
   e[8] !== i || e[9] !== l ? (x = i ? i.positionOf(l) : null, e[8] = i, e[9] = l, e[10] = x) : x = e[10];
   const g = x;
   let h;
   e[11] !== i || e[12] !== g ? (h = i && g ? [V.item, je[i.orientation][g]] : null, e[11] = i, e[12] = g, e[13] = h) : h = e[13];
-  const b = h, y = i !== null;
+  const f = h, y = i !== null;
   let k;
-  e[14] !== l || e[15] !== r ? (k = r?.tabIndexOf(l), e[14] = l, e[15] = r, e[16] = k) : k = e[16];
+  e[14] !== l || e[15] !== n ? (k = n?.tabIndexOf(l), e[14] = l, e[15] = n, e[16] = k) : k = e[16];
   let w;
-  e[17] !== l || e[18] !== r ? (w = r ? () => r.onItemFocus(l) : void 0, e[17] = l, e[18] = r, e[19] = w) : w = e[19];
+  e[17] !== l || e[18] !== n ? (w = n ? () => n.onItemFocus(l) : void 0, e[17] = l, e[18] = n, e[19] = w) : w = e[19];
   let C;
-  return e[20] !== g || e[21] !== b || e[22] !== y || e[23] !== k || e[24] !== w ? (C = {
+  return e[20] !== g || e[21] !== f || e[22] !== y || e[23] !== k || e[24] !== w ? (C = {
     ref: a,
     attached: y,
     position: g,
-    style: b,
+    style: f,
     tabIndex: k,
     onFocus: w
-  }, e[20] = g, e[21] = b, e[22] = y, e[23] = k, e[24] = w, e[25] = C) : C = e[25], C;
+  }, e[20] = g, e[21] = f, e[22] = y, e[23] = k, e[24] = w, e[25] = C) : C = e[25], C;
 }
 const Le = {
-  xjvd03b: "x27mww3 xjvd03b",
+  xjvd03b: "x14i52nv xjvd03b",
   $$css: !0
 }, Ie = {
   x13v825q: "x1jk1o70 x13v825q",
   $$css: !0
 }, qe = {
-  xjvd03b: "x1kpt2hd xjvd03b",
+  xjvd03b: "xorrbe1 xjvd03b",
   $$css: !0
 }, Pe = {
   x13v825q: "xc8o4hb x13v825q",
@@ -164,32 +164,32 @@ const Le = {
 function Be() {
   return G(ge);
 }
-function xn(t) {
+function pr(t) {
   const e = L.c(11), {
     theme: o,
-    children: n
-  } = t, c = o === void 0 ? "dark" : o, l = Ee[c], a = l?.[0], i = l?.[1];
-  let r;
-  e[0] !== a || e[1] !== i ? (r = [a, i, ae.root], e[0] = a, e[1] = i, e[2] = r) : r = e[2];
-  const s = r, [d, p] = Z(null);
+    children: r
+  } = t, d = o === void 0 ? "dark" : o, l = Ee[d], a = l?.[0], i = l?.[1];
+  let n;
+  e[0] !== a || e[1] !== i ? (n = [a, i, ae.root], e[0] = a, e[1] = i, e[2] = n) : n = e[2];
+  const s = n, [c, p] = Z(null);
   let u;
-  e[3] !== n || e[4] !== d ? (u = /* @__PURE__ */ M(ge.Provider, { value: d, children: n }), e[3] = n, e[4] = d, e[5] = u) : u = e[5];
+  e[3] !== r || e[4] !== c ? (u = /* @__PURE__ */ T(ge.Provider, { value: c, children: r }), e[3] = r, e[4] = c, e[5] = u) : u = e[5];
   let x;
-  e[6] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ M("div", { "data-element-src": "ThemeProvider/ThemeProvider.tsx:60", ref: p, "data-portal-mount": !0, ...W(S.div, ae.portalMount) }), e[6] = x) : x = e[6];
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ T("div", { "data-element-src": "ThemeProvider/ThemeProvider.tsx:60", ref: p, "data-portal-mount": !0, ...W(S.div, ae.portalMount) }), e[6] = x) : x = e[6];
   let g;
-  return e[7] !== u || e[8] !== c || e[9] !== s ? (g = /* @__PURE__ */ U("div", { "data-element-src": "ThemeProvider/ThemeProvider.tsx:58", "data-theme": c, ...W(S.div, s), children: [
+  return e[7] !== u || e[8] !== d || e[9] !== s ? (g = /* @__PURE__ */ U("div", { "data-element-src": "ThemeProvider/ThemeProvider.tsx:58", "data-theme": d, ...W(S.div, s), children: [
     u,
     x
-  ] }), e[7] = u, e[8] = c, e[9] = s, e[10] = g) : g = e[10], g;
+  ] }), e[7] = u, e[8] = d, e[9] = s, e[10] = g) : g = e[10], g;
 }
 function Oe(t) {
   const e = L.c(2), {
     children: o
   } = t;
-  let n;
-  return e[0] !== o ? (n = /* @__PURE__ */ M(xe.Provider, { value: null, children: /* @__PURE__ */ M(pe.Provider, { value: null, children: o }) }), e[0] = o, e[1] = n) : n = e[1], n;
+  let r;
+  return e[0] !== o ? (r = /* @__PURE__ */ T(xe.Provider, { value: null, children: /* @__PURE__ */ T(pe.Provider, { value: null, children: o }) }), e[0] = o, e[1] = r) : r = e[1], r;
 }
-const gn = {
+const xr = {
   xs: 480,
   sm: 640,
   md: 768,
@@ -220,6 +220,10 @@ const gn = {
   iconLg: "var(--iconLg-x1lsumnr)",
   iconXl: "var(--iconXl-x7w40q9)",
   iconXxl: "var(--iconXxl-xij55jf)",
+  thumbSm: "var(--thumbSm-x1t1g9ky)",
+  mediaTileMinW: "var(--mediaTileMinW-x1pavouy)",
+  glyphClampMax: "var(--glyphClampMax-x3c2ety)",
+  timeReadoutW: "var(--timeReadoutW-x4630c6)",
   navMarkerW: "var(--navMarkerW-x1swbkx4)",
   navMarkerH: "var(--navMarkerH-xlc6r7a)",
   divider: "var(--divider-x34oj7m)",
@@ -279,6 +283,8 @@ const gn = {
   dayHeaderH: "var(--dayHeaderH-x1j7gty0)",
   timelineLabelW: "var(--timelineLabelW-xx6mz1f)",
   appBarH: "var(--appBarH-x12xs6hi)",
+  dragThumbW: "var(--dragThumbW-x1bz26bx)",
+  dragThumbH: "var(--dragThumbH-xbt2de9)",
   __varGroupHash__: "x1w57kmz"
 };
 /**
@@ -288,9 +294,9 @@ const gn = {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const ce = {};
+const de = {};
 function Ge(t) {
-  process.env.NODE_ENV !== "test" && ce[t] || (ce[t] = !0, console.error(`[error] React Strict DOM: ${t}`));
+  process.env.NODE_ENV !== "test" && de[t] || (de[t] = !0, console.error(`[error] React Strict DOM: ${t}`));
 }
 const Ae = /* @__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 De(t) {
@@ -301,39 +307,39 @@ Object.defineProperty(oe, "__esModule", {
   value: !0
 });
 var me = oe.styleq = void 0, Fe = /* @__PURE__ */ new WeakMap(), Ve = "$$css";
-function fe(t) {
-  var e, o, n;
-  return t != null && (e = t.disableCache === !0, o = t.disableMix === !0, n = t.transform), function() {
-    for (var l = [], a = "", i = null, r = "", s = e ? null : Fe, d = new Array(arguments.length), p = 0; p < arguments.length; p++)
-      d[p] = arguments[p];
-    for (; d.length > 0; ) {
-      var u = d.pop();
+function be(t) {
+  var e, o, r;
+  return t != null && (e = t.disableCache === !0, o = t.disableMix === !0, r = t.transform), function() {
+    for (var l = [], a = "", i = null, n = "", s = e ? null : Fe, c = new Array(arguments.length), p = 0; p < arguments.length; p++)
+      c[p] = arguments[p];
+    for (; c.length > 0; ) {
+      var u = c.pop();
       if (!(u == null || u === !1)) {
         if (Array.isArray(u)) {
           for (var x = 0; x < u.length; x++)
-            d.push(u[x]);
+            c.push(u[x]);
           continue;
         }
-        var g = n != null ? n(u) : u;
+        var g = r != null ? r(u) : u;
         if (g.$$css != null) {
           var h = "";
           if (s != null && s.has(g)) {
-            var b = s.get(g);
-            b != null && (h = b[0], r = b[2], l.push.apply(l, b[1]), s = b[3]);
+            var f = s.get(g);
+            f != null && (h = f[0], n = f[2], l.push.apply(l, f[1]), s = f[3]);
           } else {
             var y = [];
             for (var k in g) {
               var w = g[k];
               if (k === Ve) {
                 var C = g[k];
-                C !== !0 && (r = r ? C + "; " + r : C);
+                C !== !0 && (n = n ? C + "; " + n : C);
                 continue;
               }
               typeof w == "string" || w === null ? l.includes(k) || (l.push(k), s != null && y.push(k), typeof w == "string" && (h += h ? " " + w : w)) : console.error("styleq: ".concat(k, " typeof ").concat(String(w), ' is not "string" or "null".'));
             }
             if (s != null) {
               var R = /* @__PURE__ */ new WeakMap();
-              s.set(g, [h, y, r, R]), s = R;
+              s.set(g, [h, y, n, R]), s = R;
             }
           }
           h && (a = a ? h + " " + a : h);
@@ -349,26 +355,26 @@ function fe(t) {
         }
       }
     }
-    var D = [a, i, r];
+    var D = [a, i, n];
     return D;
   };
 }
-var Xe = me = oe.styleq = fe();
-Xe.factory = fe;
+var Xe = me = oe.styleq = be();
+Xe.factory = be;
 const Ke = me.factory({
   disableMix: !0
 });
 function Ne(...t) {
-  const [e, o, n] = Ke(t), c = {};
-  if (e != null && e !== "" && (c.className = e), o != null && (c.style = o), n != null && n !== "") {
-    const l = n.split(";"), a = {};
+  const [e, o, r] = Ke(t), d = {};
+  if (e != null && e !== "" && (d.className = e), o != null && (d.style = o), r != null && r !== "") {
+    const l = r.split(";"), a = {};
     for (const i of l) {
-      const r = i.trim(), [s, d] = r.split(":");
-      d != null && (a[s] = a[s] != null ? `${a[s]},${d}` : d);
+      const n = i.trim(), [s, c] = n.split(":");
+      c != null && (a[s] = a[s] != null ? `${a[s]},${c}` : c);
     }
-    c["data-style-src"] = Object.keys(a).map((i) => `${i}:${a[i]}`).join("; ");
+    d["data-style-src"] = Object.keys(a).map((i) => `${i}:${a[i]}`).join("; ");
   }
-  return c;
+  return d;
 }
 function _e(t) {
   Object.keys(t).forEach((e) => {
@@ -380,24 +386,24 @@ function m(t, e) {
     $$css: !0,
     "debug::name": `html-${t}`
   };
-  function n({
-    ref: c,
+  function r({
+    ref: d,
     ...l
   }) {
     const {
       for: a,
       style: i,
-      ...r
-    } = l, s = r;
+      ...n
+    } = l, s = n;
     _e(s), a != null && (s.htmlFor = a), l.role != null && (s.role = l.role === "none" ? "presentation" : l.role), t === "button" ? s.type = s.type ? s.type : "button" : (t === "input" || t === "textarea") && (s.dir = s.dir ? s.dir : "auto");
-    const d = Ne([o, e, i]);
-    return M(t, {
+    const c = Ne([o, e, i]);
+    return T(t, {
       ...s,
-      ...d,
-      ref: c
+      ...c,
+      ref: d
     });
   }
-  return n.displayName = `html.${t}`, n;
+  return r.displayName = `html.${t}`, r;
 }
 const v = {
   block: {
@@ -467,7 +473,7 @@ const v = {
     "resize-kHenm0": "resize-x288g5",
     $$css: ".pnpm:web/index.js:276"
   }
-}, Ye = v.inline, Ze = v.block, Ue = v.block, Je = v.inline, Qe = v.inline, et = v.inline, tt = v.block, ot = null, nt = [v.inlineblock, v.button], rt = [v.inline, v.codePre], it = null, st = v.block, lt = v.inline, at = v.block, ct = v.block, dt = v.block, X = [v.block, v.heading], ut = v.block, pt = [v.block, v.hr], xt = v.inline, gt = v.img, ht = [v.inlineblock, v.input], mt = null, ft = null, bt = v.inline, kt = v.block, vt = v.block, yt = v.inline, wt = v.block, $t = [v.list, v.block], Mt = null, Tt = null, Wt = v.block, St = [v.block, v.codePre], Ct = null, Rt = v.block, zt = v.inlineblock, jt = v.inline, Ht = [v.inline, v.strong], Lt = v.inline, It = v.inline, qt = [v.inlineblock, v.textarea], Pt = null, Et = [v.list, v.block], f = {
+}, Ye = v.inline, Ze = v.block, Ue = v.block, Je = v.inline, Qe = v.inline, et = v.inline, tt = v.block, ot = null, rt = [v.inlineblock, v.button], nt = [v.inline, v.codePre], it = null, st = v.block, lt = v.inline, at = v.block, dt = v.block, ct = v.block, X = [v.block, v.heading], ut = v.block, pt = [v.block, v.hr], xt = v.inline, gt = v.img, ht = [v.inlineblock, v.input], mt = null, bt = null, ft = v.inline, kt = v.block, vt = v.block, yt = v.inline, wt = v.block, $t = [v.list, v.block], Tt = null, Mt = null, Wt = v.block, St = [v.block, v.codePre], Ct = null, Rt = v.block, zt = v.inlineblock, jt = v.inline, Ht = [v.inline, v.strong], Lt = v.inline, It = v.inline, qt = [v.inlineblock, v.textarea], Pt = null, Et = [v.list, v.block], b = {
   a: Ye,
   article: Ze,
   aside: Ue,
@@ -476,14 +482,14 @@ const v = {
   bdo: et,
   blockquote: tt,
   br: ot,
-  button: nt,
-  code: rt,
+  button: rt,
+  code: nt,
   del: it,
   div: st,
   em: lt,
   fieldset: at,
-  footer: ct,
-  form: dt,
+  footer: dt,
+  form: ct,
   h1: X,
   h2: X,
   h3: X,
@@ -496,15 +502,15 @@ const v = {
   img: gt,
   input: ht,
   ins: mt,
-  kbd: ft,
-  label: bt,
+  kbd: bt,
+  label: ft,
   li: kt,
   main: vt,
   mark: yt,
   nav: wt,
   ol: $t,
-  optgroup: Mt,
-  option: Tt,
+  optgroup: Tt,
+  option: Mt,
   p: Wt,
   pre: St,
   s: Ct,
@@ -517,7 +523,7 @@ const v = {
   textarea: qt,
   u: Pt,
   ul: Et
-}, Bt = m("a", f.a), Ot = m("article", f.article), Gt = m("aside", f.aside), At = m("b", f.b), Dt = m("bdi", f.bdi), Ft = m("bdo", f.bdo), Vt = m("blockquote", f.blockquote), Xt = m("br", f.br), Kt = m("button", f.button), Nt = m("code", f.code), _t = m("del", f.del), Yt = m("div", f.div), Zt = m("em", f.em), Ut = m("fieldset", f.fieldset), Jt = m("footer", f.footer), Qt = m("form", f.form), eo = m("h1", f.h1), to = m("h2", f.h2), oo = m("h3", f.h3), no = m("h4", f.h4), ro = m("h5", f.h5), io = m("h6", f.h6), so = m("header", f.header), lo = m("hr", f.hr), ao = m("i", f.i), co = m("img", f.img), uo = m("input", f.input), po = m("ins", f.ins), xo = m("kbd", f.kbd), go = m("label", f.label), ho = m("li", f.li), mo = m("main", f.main), fo = m("mark", f.mark), bo = m("nav", f.nav), ko = m("ol", f.ol), vo = m("optgroup", f.optgroup), yo = m("option", f.option), wo = m("p", f.p), $o = m("pre", f.pre), Mo = m("s", f.s), To = m("section", f.section), Wo = m("select", f.select), So = m("span", f.span), Co = m("strong", f.strong), Ro = m("sub", f.sub), zo = m("sup", f.sup), jo = m("textarea", f.textarea), Ho = m("u", f.u), Lo = m("ul", f.ul);
+}, Bt = m("a", b.a), Ot = m("article", b.article), Gt = m("aside", b.aside), At = m("b", b.b), Dt = m("bdi", b.bdi), Ft = m("bdo", b.bdo), Vt = m("blockquote", b.blockquote), Xt = m("br", b.br), Kt = m("button", b.button), Nt = m("code", b.code), _t = m("del", b.del), Yt = m("div", b.div), Zt = m("em", b.em), Ut = m("fieldset", b.fieldset), Jt = m("footer", b.footer), Qt = m("form", b.form), eo = m("h1", b.h1), to = m("h2", b.h2), oo = m("h3", b.h3), ro = m("h4", b.h4), no = m("h5", b.h5), io = m("h6", b.h6), so = m("header", b.header), lo = m("hr", b.hr), ao = m("i", b.i), co = m("img", b.img), uo = m("input", b.input), po = m("ins", b.ins), xo = m("kbd", b.kbd), go = m("label", b.label), ho = m("li", b.li), mo = m("main", b.main), bo = m("mark", b.mark), fo = m("nav", b.nav), ko = m("ol", b.ol), vo = m("optgroup", b.optgroup), yo = m("option", b.option), wo = m("p", b.p), $o = m("pre", b.pre), To = m("s", b.s), Mo = m("section", b.section), Wo = m("select", b.select), So = m("span", b.span), Co = m("strong", b.strong), Ro = m("sub", b.sub), zo = m("sup", b.sup), jo = m("textarea", b.textarea), Ho = m("u", b.u), Lo = m("ul", b.ul);
 var Io = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   a: Bt,
@@ -539,8 +545,8 @@ var Io = /* @__PURE__ */ Object.freeze({
   h1: eo,
   h2: to,
   h3: oo,
-  h4: no,
-  h5: ro,
+  h4: ro,
+  h5: no,
   h6: io,
   header: so,
   hr: lo,
@@ -552,15 +558,15 @@ var Io = /* @__PURE__ */ Object.freeze({
   label: go,
   li: ho,
   main: mo,
-  mark: fo,
-  nav: bo,
+  mark: bo,
+  nav: fo,
   ol: ko,
   optgroup: vo,
   option: yo,
   p: wo,
   pre: $o,
-  s: Mo,
-  section: To,
+  s: To,
+  section: Mo,
   select: Wo,
   span: So,
   strong: Co,
@@ -570,10 +576,10 @@ var Io = /* @__PURE__ */ Object.freeze({
   u: Ho,
   ul: Lo
 });
-const qo = typeof process < "u" && process.env?.NODE_ENV === "production", de = /* @__PURE__ */ new Set();
-function be(t, e, o) {
-  const n = `${t}:${e}`;
-  qo || de.has(n) || (de.add(n), console.warn(`[duro-app/ui ${t}] ${o}`));
+const qo = typeof process < "u" && process.env?.NODE_ENV === "production", ce = /* @__PURE__ */ new Set();
+function fe(t, e, o) {
+  const r = `${t}:${e}`;
+  qo || ce.has(r) || (ce.add(r), console.warn(`[duro-app/ui ${t}] ${o}`));
 }
 const ke = new Set(Ce);
 function ve(t) {
@@ -584,8 +590,8 @@ function ue(t) {
   if (typeof e != "string") return e;
   const o = /^(minmax|fit-content)\((.*)\)$/.exec(e);
   if (o) {
-    const n = o[2].split(",").map((c) => String(ve(c.trim())));
-    return `${o[1]}(${n.join(", ")})`;
+    const r = o[2].split(",").map((d) => String(ve(d.trim())));
+    return `${o[1]}(${r.join(", ")})`;
   }
   return ke.has(e) ? he[e] : e;
 }
@@ -727,18 +733,18 @@ function Eo({
   defaultOpen: e = !1,
   onOpenChange: o
 }) {
-  const [n, c] = Z(e), l = t !== void 0, a = l ? t : n, [i, r] = Z(null), s = q(i);
+  const [r, d] = Z(e), l = t !== void 0, a = l ? t : r, [i, n] = Z(null), s = q(i);
   J(() => {
     s.current = i;
   }, [i]);
-  const d = Y(), p = Y(), u = q(null), x = q(null), g = q(null), h = q(/* @__PURE__ */ new Map()), b = q([]), y = q(a);
+  const c = Y(), p = Y(), u = q(null), x = q(null), g = q(null), h = q(/* @__PURE__ */ new Map()), f = q([]), y = q(a);
   y.current = a;
   const k = q(o);
   k.current = o;
-  const w = K((T) => {
-    T !== y.current && (l || c(T), k.current?.(T));
+  const w = K((M) => {
+    M !== y.current && (l || d(M), k.current?.(M));
   }, [l]), C = K(() => {
-    y.current && (w(!1), r(null));
+    y.current && (w(!1), n(null));
   }, [w]), R = K(() => {
     y.current && (C(), x.current?.focus());
   }, [C]), H = K(() => {
@@ -749,9 +755,9 @@ function Eo({
       g.current?.focus({
         preventScroll: !0
       });
-      const T = b.current[0];
-      T && r(T);
-    } else !a && I.current && r(null);
+      const M = f.current[0];
+      M && n(M);
+    } else !a && I.current && n(null);
     I.current = a;
   }, [a]), F(() => {
     if (!i) return;
@@ -759,19 +765,19 @@ function Eo({
       block: "nearest"
     });
   }, [i]);
-  const O = K((T, E) => {
-    h.current.set(T, E);
+  const O = K((M, E) => {
+    h.current.set(M, E);
     const z = h.current, j = [...z.keys()];
     return j.sort((B, N) => {
       const se = z.get(B), le = z.get(N);
       return !se || !le ? 0 : se.compareDocumentPosition(le) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-    }), b.current = j, () => {
-      h.current.delete(T), b.current = b.current.filter((B) => B !== T);
+    }), f.current = j, () => {
+      h.current.delete(M), f.current = f.current.filter((B) => B !== M);
     };
   }, []);
   return F(() => {
-    const T = g.current;
-    if (!T || !a) return;
+    const M = g.current;
+    if (!M || !a) return;
     function E(z) {
       if (z.key === "Escape") {
         z.preventDefault(), z.stopPropagation(), R();
@@ -781,29 +787,29 @@ function Eo({
         R();
         return;
       }
-      const j = b.current;
+      const j = f.current;
       if (j.length !== 0)
         switch (z.key) {
           case "ArrowDown": {
-            z.preventDefault(), r((B) => {
+            z.preventDefault(), n((B) => {
               const N = B ? j.indexOf(B) : -1;
               return j[(N + 1) % j.length];
             });
             break;
           }
           case "ArrowUp": {
-            z.preventDefault(), r((B) => {
+            z.preventDefault(), n((B) => {
               const N = B ? j.indexOf(B) : 0;
               return j[(N - 1 + j.length) % j.length];
             });
             break;
           }
           case "Home": {
-            z.preventDefault(), r(j[0]);
+            z.preventDefault(), n(j[0]);
             break;
           }
           case "End": {
-            z.preventDefault(), r(j[j.length - 1]);
+            z.preventDefault(), n(j[j.length - 1]);
             break;
           }
           case "Enter":
@@ -815,22 +821,22 @@ function Eo({
           }
         }
     }
-    return T.addEventListener("keydown", E), () => T.removeEventListener("keydown", E);
+    return M.addEventListener("keydown", E), () => M.removeEventListener("keydown", E);
   }, [a, R]), F(() => {
     if (!a) return;
-    function T(E) {
+    function M(E) {
       Po(E.target, [g.current, x.current]) && C();
     }
-    return document.addEventListener("pointerdown", T, !0), () => document.removeEventListener("pointerdown", T, !0);
+    return document.addEventListener("pointerdown", M, !0), () => document.removeEventListener("pointerdown", M, !0);
   }, [a, C]), {
     ctx: {
       open: a,
       toggle: H,
       close: R,
-      menuId: d,
+      menuId: c,
       triggerId: p,
       highlightedId: i,
-      setHighlightedId: r,
+      setHighlightedId: n,
       registerItem: O,
       triggerRef: x,
       popupRef: g
@@ -842,89 +848,89 @@ function Bo({
   anchor: t,
   popup: e,
   viewport: o,
-  side: n,
-  align: c,
+  side: r,
+  align: d,
   offset: l
 }) {
-  const a = t.top + t.height + l, i = t.top - l - e.height, r = a + e.height <= o.height, s = i >= 0;
-  let d = n;
-  n === "bottom" && !r && s ? d = "top" : n === "top" && !s && r && (d = "bottom");
-  const p = d === "bottom" ? a : i;
+  const a = t.top + t.height + l, i = t.top - l - e.height, n = a + e.height <= o.height, s = i >= 0;
+  let c = r;
+  r === "bottom" && !n && s ? c = "top" : r === "top" && !s && n && (c = "bottom");
+  const p = c === "bottom" ? a : i;
   let u = t.left;
-  c === "center" ? u = t.left + (t.width - e.width) / 2 : c === "end" && (u = t.left + t.width - e.width);
+  d === "center" ? u = t.left + (t.width - e.width) / 2 : d === "end" && (u = t.left + t.width - e.width);
   const x = Math.max(0, o.width - e.width);
   return u = Math.min(Math.max(0, u), x), {
     top: p,
     left: u,
-    side: d
+    side: c
   };
 }
 const Oo = A(null);
 function Go(t, e) {
   const o = L.c(5), {
-    active: n
-  } = e, c = G(Oo);
+    active: r
+  } = e, d = G(Oo);
   let l, a;
-  o[0] !== n || o[1] !== c || o[2] !== t ? (l = () => {
+  o[0] !== r || o[1] !== d || o[2] !== t ? (l = () => {
     const i = t.current;
-    if (!(!c || !n || !i))
-      return c.register(i);
-  }, a = [c, n, t], o[0] = n, o[1] = c, o[2] = t, o[3] = l, o[4] = a) : (l = o[3], a = o[4]), J(l, a);
+    if (!(!d || !r || !i))
+      return d.register(i);
+  }, a = [d, r, t], o[0] = r, o[1] = d, o[2] = t, o[3] = l, o[4] = a) : (l = o[3], a = o[4]), J(l, a);
 }
 function Ao(t) {
   const e = L.c(10), {
     children: o,
-    open: n,
-    defaultOpen: c,
+    open: r,
+    defaultOpen: d,
     onOpenChange: l
   } = t;
   let a;
-  e[0] !== c || e[1] !== l || e[2] !== n ? (a = {
-    open: n,
-    defaultOpen: c,
+  e[0] !== d || e[1] !== l || e[2] !== r ? (a = {
+    open: r,
+    defaultOpen: d,
     onOpenChange: l
-  }, e[0] = c, e[1] = l, e[2] = n, e[3] = a) : a = e[3];
+  }, e[0] = d, e[1] = l, e[2] = r, e[3] = a) : a = e[3];
   const {
     ctx: i,
-    rootRef: r
+    rootRef: n
   } = Eo(a);
   let s;
-  e[4] !== o || e[5] !== r ? (s = /* @__PURE__ */ M("div", { "data-element-src": "Menu/Menu.tsx:41", ref: r, ...W(S.div, P.root), children: o }), e[4] = o, e[5] = r, e[6] = s) : s = e[6];
-  let d;
-  return e[7] !== i || e[8] !== s ? (d = /* @__PURE__ */ M(ye.Provider, { value: i, children: s }), e[7] = i, e[8] = s, e[9] = d) : d = e[9], d;
+  e[4] !== o || e[5] !== n ? (s = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:41", ref: n, ...W(S.div, P.root), children: o }), e[4] = o, e[5] = n, e[6] = s) : s = e[6];
+  let c;
+  return e[7] !== i || e[8] !== s ? (c = /* @__PURE__ */ T(ye.Provider, { value: i, children: s }), e[7] = i, e[8] = s, e[9] = c) : c = e[9], c;
 }
 const Do = 'button, a[href], input, select, textarea, [role="button"]';
 function Fo({
   children: t,
   "aria-label": e,
   variant: o = "default",
-  size: n = "default",
-  ref: c
+  size: r = "default",
+  ref: d
 }) {
   const {
     open: l,
     toggle: a,
     menuId: i,
-    triggerId: r,
+    triggerId: n,
     triggerRef: s
-  } = ee(), d = He(), p = d.ref, u = K((x) => {
-    s.current = x, p.current = x, typeof c == "function" ? c(x) : c && (c.current = x);
-  }, [c, s, p]);
+  } = ee(), c = He(), p = c.ref, u = K((x) => {
+    s.current = x, p.current = x, typeof d == "function" ? d(x) : d && (d.current = x);
+  }, [d, s, p]);
   return F(() => {
-    s.current?.querySelector(Do) && be("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.");
-  }, [s]), /* @__PURE__ */ M("button", { "data-element-src": "Menu/Menu.tsx:100", ref: u, tabIndex: d.tabIndex, onFocus: d.onFocus, id: r, type: "button", onClick: a, "aria-label": e, "aria-expanded": l, "aria-haspopup": "menu", "aria-controls": l ? i : void 0, ...W(S.button, P.trigger, o === "ghost" ? [P.triggerGhost, n === "small" && P.triggerGhostSmall] : n === "small" && P.triggerSmall, d.style), children: t });
+    s.current?.querySelector(Do) && fe("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.");
+  }, [s]), /* @__PURE__ */ T("button", { "data-element-src": "Menu/Menu.tsx:100", ref: u, tabIndex: c.tabIndex, onFocus: c.onFocus, id: n, type: "button", onClick: a, "aria-label": e, "aria-expanded": l, "aria-haspopup": "menu", "aria-controls": l ? i : void 0, ...W(S.button, P.trigger, o === "ghost" ? [P.triggerGhost, r === "small" && P.triggerGhostSmall] : r === "small" && P.triggerSmall, c.style), children: t });
 }
 function Vo(t) {
   const e = L.c(26), {
     children: o,
-    align: n
-  } = t, c = n === void 0 ? "start" : n, {
+    align: r
+  } = t, d = r === void 0 ? "start" : r, {
     open: l,
     menuId: a,
     triggerId: i,
-    highlightedId: r,
+    highlightedId: n,
     triggerRef: s,
-    popupRef: d
+    popupRef: c
   } = ee();
   let p;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (p = {
@@ -935,14 +941,14 @@ function Vo(t) {
   let h;
   e[1] !== l ? (h = {
     active: l
-  }, e[1] = l, e[2] = h) : h = e[2], Go(d, h);
-  let b, y;
-  if (e[3] !== c || e[4] !== l || e[5] !== d || e[6] !== s ? (b = () => {
+  }, e[1] = l, e[2] = h) : h = e[2], Go(c, h);
+  let f, y;
+  if (e[3] !== d || e[4] !== l || e[5] !== c || e[6] !== s ? (f = () => {
     if (!l)
       return;
     const D = () => {
-      const T = d.current, E = s.current?.getBoundingClientRect();
-      if (!T || !E)
+      const M = c.current, E = s.current?.getBoundingClientRect();
+      if (!M || !E)
         return;
       const z = Bo({
         anchor: {
@@ -952,15 +958,15 @@ function Vo(t) {
           height: E.height
         },
         popup: {
-          width: T.offsetWidth,
-          height: T.offsetHeight
+          width: M.offsetWidth,
+          height: M.offsetHeight
         },
         viewport: {
           width: window.innerWidth,
           height: window.innerHeight
         },
         side: "bottom",
-        align: c,
+        align: d,
         offset: Se.xs
       });
       x((j) => j.top === z.top && j.left === z.left ? j : {
@@ -971,17 +977,17 @@ function Vo(t) {
     return D(), window.addEventListener("resize", D), window.addEventListener("scroll", D, !0), () => {
       window.removeEventListener("resize", D), window.removeEventListener("scroll", D, !0);
     };
-  }, y = [l, c, d, s], e[3] = c, e[4] = l, e[5] = d, e[6] = s, e[7] = b, e[8] = y) : (b = e[7], y = e[8]), J(b, y), !l || typeof document > "u")
+  }, y = [l, d, c, s], e[3] = d, e[4] = l, e[5] = c, e[6] = s, e[7] = f, e[8] = y) : (f = e[7], y = e[8]), J(f, y), !l || typeof document > "u")
     return null;
-  const k = r ?? void 0;
+  const k = n ?? void 0;
   let w;
   e[9] !== u.left || e[10] !== u.top ? (w = P.popupPosition(u.top, u.left), e[9] = u.left, e[10] = u.top, e[11] = w) : w = e[11];
   let C;
   e[12] !== w ? (C = [P.popup, w], e[12] = w, e[13] = C) : C = e[13];
   let R;
-  e[14] !== o ? (R = /* @__PURE__ */ M(Oe, { children: o }), e[14] = o, e[15] = R) : R = e[15];
+  e[14] !== o ? (R = /* @__PURE__ */ T(Oe, { children: o }), e[14] = o, e[15] = R) : R = e[15];
   let H;
-  e[16] !== a || e[17] !== d || e[18] !== k || e[19] !== C || e[20] !== R || e[21] !== i ? (H = /* @__PURE__ */ M("div", { "data-element-src": "Menu/Menu.tsx:170", ref: d, id: a, role: "menu", tabIndex: -1, "aria-labelledby": i, "aria-activedescendant": k, ...W(S.div, C), children: R }), e[16] = a, e[17] = d, e[18] = k, e[19] = C, e[20] = R, e[21] = i, e[22] = H) : H = e[22];
+  e[16] !== a || e[17] !== c || e[18] !== k || e[19] !== C || e[20] !== R || e[21] !== i ? (H = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:170", ref: c, id: a, role: "menu", tabIndex: -1, "aria-labelledby": i, "aria-activedescendant": k, ...W(S.div, C), children: R }), e[16] = a, e[17] = c, e[18] = k, e[19] = C, e[20] = R, e[21] = i, e[22] = H) : H = e[22];
   const I = g ?? document.body;
   let O;
   return e[23] !== H || e[24] !== I ? (O = We(H, I), e[23] = H, e[24] = I, e[25] = O) : O = e[25], O;
@@ -989,64 +995,64 @@ function Vo(t) {
 function Xo(t) {
   const e = L.c(18), {
     onClick: o,
-    children: n
+    children: r
   } = t, {
-    close: c,
+    close: d,
     highlightedId: l,
     setHighlightedId: a,
     registerItem: i
-  } = ee(), r = Y(), s = q(null), d = l === r;
+  } = ee(), n = Y(), s = q(null), c = l === n;
   let p, u;
-  e[0] !== r || e[1] !== i ? (p = () => {
+  e[0] !== n || e[1] !== i ? (p = () => {
     const w = s.current;
     if (w)
-      return i(r, w);
-  }, u = [r, i], e[0] = r, e[1] = i, e[2] = p, e[3] = u) : (p = e[2], u = e[3]), F(p, u);
+      return i(n, w);
+  }, u = [n, i], e[0] = n, e[1] = i, e[2] = p, e[3] = u) : (p = e[2], u = e[3]), F(p, u);
   let x;
-  e[4] !== c || e[5] !== o ? (x = () => {
-    o?.(), c();
-  }, e[4] = c, e[5] = o, e[6] = x) : x = e[6];
+  e[4] !== d || e[5] !== o ? (x = () => {
+    o?.(), d();
+  }, e[4] = d, e[5] = o, e[6] = x) : x = e[6];
   const g = x;
   let h;
-  e[7] !== r || e[8] !== a ? (h = () => a(r), e[7] = r, e[8] = a, e[9] = h) : h = e[9];
-  const b = d && P.itemHighlighted;
+  e[7] !== n || e[8] !== a ? (h = () => a(n), e[7] = n, e[8] = a, e[9] = h) : h = e[9];
+  const f = c && P.itemHighlighted;
   let y;
-  e[10] !== b ? (y = [P.item, b], e[10] = b, e[11] = y) : y = e[11];
+  e[10] !== f ? (y = [P.item, f], e[10] = f, e[11] = y) : y = e[11];
   let k;
-  return e[12] !== n || e[13] !== g || e[14] !== r || e[15] !== h || e[16] !== y ? (k = /* @__PURE__ */ M("div", { "data-element-src": "Menu/Menu.tsx:209", ref: s, id: r, role: "menuitem", onClick: g, onPointerEnter: h, ...W(S.div, y), children: n }), e[12] = n, e[13] = g, e[14] = r, e[15] = h, e[16] = y, e[17] = k) : k = e[17], k;
+  return e[12] !== r || e[13] !== g || e[14] !== n || e[15] !== h || e[16] !== y ? (k = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:209", ref: s, id: n, role: "menuitem", onClick: g, onPointerEnter: h, ...W(S.div, y), children: r }), e[12] = r, e[13] = g, e[14] = n, e[15] = h, e[16] = y, e[17] = k) : k = e[17], k;
 }
 function Ko(t) {
   const e = L.c(18), {
     href: o,
-    children: n
+    children: r
   } = t, {
-    close: c,
+    close: d,
     highlightedId: l,
     setHighlightedId: a,
     registerItem: i
-  } = ee(), r = Y(), s = q(null), d = l === r;
+  } = ee(), n = Y(), s = q(null), c = l === n;
   let p, u;
-  e[0] !== r || e[1] !== i ? (p = () => {
+  e[0] !== n || e[1] !== i ? (p = () => {
     const k = s.current;
     if (k)
-      return i(r, k);
-  }, u = [r, i], e[0] = r, e[1] = i, e[2] = p, e[3] = u) : (p = e[2], u = e[3]), F(p, u);
+      return i(n, k);
+  }, u = [n, i], e[0] = n, e[1] = i, e[2] = p, e[3] = u) : (p = e[2], u = e[3]), F(p, u);
   let x;
-  e[4] !== c ? (x = () => c(), e[4] = c, e[5] = x) : x = e[5];
+  e[4] !== d ? (x = () => d(), e[4] = d, e[5] = x) : x = e[5];
   let g;
-  e[6] !== r || e[7] !== a ? (g = () => a(r), e[6] = r, e[7] = a, e[8] = g) : g = e[8];
-  const h = d && P.itemHighlighted;
-  let b;
-  e[9] !== h ? (b = [P.item, P.linkItem, h], e[9] = h, e[10] = b) : b = e[10];
+  e[6] !== n || e[7] !== a ? (g = () => a(n), e[6] = n, e[7] = a, e[8] = g) : g = e[8];
+  const h = c && P.itemHighlighted;
+  let f;
+  e[9] !== h ? (f = [P.item, P.linkItem, h], e[9] = h, e[10] = f) : f = e[10];
   let y;
-  return e[11] !== n || e[12] !== o || e[13] !== r || e[14] !== x || e[15] !== g || e[16] !== b ? (y = /* @__PURE__ */ M("a", { "data-element-src": "Menu/Menu.tsx:241", ref: s, id: r, href: o, onClick: x, role: "menuitem", onPointerEnter: g, ...W(S.a, b), children: n }), e[11] = n, e[12] = o, e[13] = r, e[14] = x, e[15] = g, e[16] = b, e[17] = y) : y = e[17], y;
+  return e[11] !== r || e[12] !== o || e[13] !== n || e[14] !== x || e[15] !== g || e[16] !== f ? (y = /* @__PURE__ */ T("a", { "data-element-src": "Menu/Menu.tsx:241", ref: s, id: n, href: o, onClick: x, role: "menuitem", onPointerEnter: g, ...W(S.a, f), children: r }), e[11] = r, e[12] = o, e[13] = n, e[14] = x, e[15] = g, e[16] = f, e[17] = y) : y = e[17], y;
 }
 function No() {
   const t = L.c(1);
   let e;
-  return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ M("div", { "data-element-src": "Menu/Menu.tsx:260", role: "separator", "aria-orientation": "horizontal", ...W(S.div, P.separator) }), t[0] = e) : e = t[0], e;
+  return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ T("div", { "data-element-src": "Menu/Menu.tsx:260", role: "separator", "aria-orientation": "horizontal", ...W(S.div, P.separator) }), t[0] = e) : e = t[0], e;
 }
-const hn = {
+const gr = {
   Root: Ao,
   Trigger: Fo,
   Popup: Vo,
@@ -1269,13 +1275,13 @@ function te() {
     throw new Error("Table compound components must be used within Table.Root");
   return t;
 }
-const ne = A(!1);
+const re = A(!1);
 function _o(t) {
   const e = L.c(2), {
     children: o
   } = t;
-  let n;
-  return e[0] !== o ? (n = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:55", ...W(S.div, $.container), children: o }), e[0] = o, e[1] = n) : n = e[1], n;
+  let r;
+  return e[0] !== o ? (r = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:55", ...W(S.div, $.container), children: o }), e[0] = o, e[1] = r) : r = e[1], r;
 }
 function Yo(t) {
   let e = "";
@@ -1286,70 +1292,70 @@ function Yo(t) {
 function Zo(t) {
   let e = t;
   for (let o = 0; o < 8 && e && typeof e == "object"; o++) {
-    const n = e.type ?? e.render;
-    if (n == null) break;
-    e = n;
+    const r = e.type ?? e.render;
+    if (r == null) break;
+    e = r;
   }
   return e;
 }
 function Uo(t, e) {
-  const o = [], n = [], c = [];
+  const o = [], r = [], d = [];
   function l(a) {
     Q.forEach(a, (i) => {
-      if (!Te(i)) return;
-      const r = i.props, s = Zo(i.type), d = s?.displayName || s?.name || "";
-      if (s === ie || d === "HeaderCell") {
-        const p = r.width ? String(ue(r.width)) : `minmax(${ve(e)}, 1fr)`;
-        o.push(p), n.push(r.compactWidth ? String(ue(r.compactWidth)) : p);
-        const u = typeof r.label == "string" ? r.label : void 0, x = Yo(r.children).trim(), g = u ?? x;
-        !u && x === "" && r.children != null && be("Table", "headerCell-missing-label", "Table.HeaderCell with JSX children must set `label` for stack-mode rendering."), c.push(g);
-      } else r.children && l(r.children);
+      if (!Me(i)) return;
+      const n = i.props, s = Zo(i.type), c = s?.displayName || s?.name || "";
+      if (s === ie || c === "HeaderCell") {
+        const p = n.width ? String(ue(n.width)) : `minmax(${ve(e)}, 1fr)`;
+        o.push(p), r.push(n.compactWidth ? String(ue(n.compactWidth)) : p);
+        const u = typeof n.label == "string" ? n.label : void 0, x = Yo(n.children).trim(), g = u ?? x;
+        !u && x === "" && n.children != null && fe("Table", "headerCell-missing-label", "Table.HeaderCell with JSX children must set `label` for stack-mode rendering."), d.push(g);
+      } else n.children && l(n.children);
     });
   }
   return l(t), {
     template: o.join(" "),
-    compactTemplate: n.join(" "),
-    labels: c
+    compactTemplate: r.join(" "),
+    labels: d
   };
 }
 function Jo(t) {
   const e = L.c(13), {
     children: o
-  } = t, n = q(null);
-  let c;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {
+  } = t, r = q(null);
+  let d;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (d = {
     start: !1,
     end: !1
-  }, e[0] = c) : c = e[0];
-  const [l, a] = Z(c);
-  let i, r;
+  }, e[0] = d) : d = e[0];
+  const [l, a] = Z(d);
+  let i, n;
   e[1] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
-    const h = n.current;
+    const h = r.current;
     if (!h)
       return;
-    const b = () => {
+    const f = () => {
       const k = h.scrollWidth - h.clientWidth > 1;
       a({
         start: k && h.scrollLeft > 1,
         end: k && h.scrollLeft + h.clientWidth < h.scrollWidth - 1
       });
     };
-    b(), h.addEventListener("scroll", b, {
+    f(), h.addEventListener("scroll", f, {
       passive: !0
     });
-    const y = typeof ResizeObserver < "u" ? new ResizeObserver(b) : null;
+    const y = typeof ResizeObserver < "u" ? new ResizeObserver(f) : null;
     return y?.observe(h), () => {
-      h.removeEventListener("scroll", b), y?.disconnect();
+      h.removeEventListener("scroll", f), y?.disconnect();
     };
-  }, r = [], e[1] = i, e[2] = r) : (i = e[1], r = e[2]), F(i, r);
+  }, n = [], e[1] = i, e[2] = n) : (i = e[1], n = e[2]), F(i, n);
   let s;
-  e[3] !== o ? (s = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:196", ref: n, ...W(S.div, $.scrollX), children: o }), e[3] = o, e[4] = s) : s = e[4];
-  const d = l.start && $.edgeFadeVisible;
+  e[3] !== o ? (s = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:196", ref: r, ...W(S.div, $.scrollX), children: o }), e[3] = o, e[4] = s) : s = e[4];
+  const c = l.start && $.edgeFadeVisible;
   let p;
-  e[5] !== d ? (p = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:199", "aria-hidden": !0, ...W(S.div, $.edgeFade, $.edgeFadeLeft, d) }), e[5] = d, e[6] = p) : p = e[6];
+  e[5] !== c ? (p = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:199", "aria-hidden": !0, ...W(S.div, $.edgeFade, $.edgeFadeLeft, c) }), e[5] = c, e[6] = p) : p = e[6];
   const u = l.end && $.edgeFadeVisible;
   let x;
-  e[7] !== u ? (x = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:203", "aria-hidden": !0, ...W(S.div, $.edgeFade, $.edgeFadeRight, u) }), e[7] = u, e[8] = x) : x = e[8];
+  e[7] !== u ? (x = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:203", "aria-hidden": !0, ...W(S.div, $.edgeFade, $.edgeFadeRight, u) }), e[7] = u, e[8] = x) : x = e[8];
   let g;
   return e[9] !== s || e[10] !== p || e[11] !== x ? (g = /* @__PURE__ */ U("div", { "data-element-src": "Table/Table.tsx:195", ...W(S.div, $.scrollFrame), children: [
     s,
@@ -1361,18 +1367,18 @@ function Qo({
   children: t,
   variant: e = "default",
   size: o = "md",
-  responsive: n = !0,
-  minColumnWidth: c = "labelMinW",
+  responsive: r = !0,
+  minColumnWidth: d = "labelMinW",
   sortChip: l,
   pagination: a
 }) {
   const i = q(null), {
-    template: r,
+    template: n,
     compactTemplate: s,
-    labels: d
-  } = Uo(t, c);
-  r && (i.current = r);
-  const p = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:257", role: "table", ...W(
+    labels: c
+  } = Uo(t, d);
+  n && (i.current = n);
+  const p = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:257", role: "table", ...W(
     S.div,
     $.root,
     // When responsive, use gridColumnsResponsive so the explicit column
@@ -1381,149 +1387,149 @@ 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.
-    r ? n ? $.gridColumnsResponsive(r, s) : $.gridColumns(r) : void 0,
-    n && $.rootResponsive
-  ), children: t }), x = /* @__PURE__ */ U(Me, { children: [
+    n ? r ? $.gridColumnsResponsive(n, s) : $.gridColumns(n) : void 0,
+    r && $.rootResponsive
+  ), children: t }), x = /* @__PURE__ */ U(Te, { children: [
     l,
-    n ? /* @__PURE__ */ M(Jo, { children: p }) : p,
+    r ? /* @__PURE__ */ T(Jo, { children: p }) : p,
     a
   ] });
-  return /* @__PURE__ */ M(we.Provider, { value: {
+  return /* @__PURE__ */ T(we.Provider, { value: {
     variant: e,
     size: o,
-    responsive: n,
-    labels: d,
+    responsive: r,
+    labels: c,
     inferredTemplateRef: i
-  }, children: n ? /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:299", ...W(S.div, $.rootContainer), children: x }) : x });
+  }, children: r ? /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:299", ...W(S.div, $.rootContainer), children: x }) : x });
 }
-function en(t) {
+function er(t) {
   const e = L.c(2), {
     children: o
   } = t;
-  let n;
-  return e[0] !== o ? (n = /* @__PURE__ */ M(ne.Provider, { value: !0, children: /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:309", role: "rowgroup", ...W(S.div, $.header), children: o }) }), e[0] = o, e[1] = n) : n = e[1], n;
+  let r;
+  return e[0] !== o ? (r = /* @__PURE__ */ T(re.Provider, { value: !0, children: /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:309", role: "rowgroup", ...W(S.div, $.header), children: o }) }), e[0] = o, e[1] = r) : r = e[1], r;
 }
-function tn(t) {
+function tr(t) {
   const e = L.c(19), {
     children: o
   } = t, {
-    variant: n
+    variant: r
   } = te();
-  let c, l, a, i, r, s;
-  if (e[0] !== o || e[1] !== n) {
+  let d, l, a, i, n, s;
+  if (e[0] !== o || e[1] !== r) {
     const u = Q.toArray(o);
-    l = ne.Provider, s = !1, c = Io.div, a = "rowgroup", i = $.body;
+    l = re.Provider, s = !1, d = Io.div, a = "rowgroup", i = $.body;
     let x;
-    e[8] !== n ? (x = (g, h) => n !== "striped" ? g : /* @__PURE__ */ M($e.Provider, { value: h, children: g }, g.key ?? h), e[8] = n, e[9] = x) : x = e[9], r = u.map(x), e[0] = o, e[1] = n, e[2] = c, e[3] = l, e[4] = a, e[5] = i, e[6] = r, e[7] = s;
+    e[8] !== r ? (x = (g, h) => r !== "striped" ? g : /* @__PURE__ */ T($e.Provider, { value: h, children: g }, g.key ?? h), e[8] = r, e[9] = x) : x = e[9], n = u.map(x), e[0] = o, e[1] = r, e[2] = d, e[3] = l, e[4] = a, e[5] = i, e[6] = n, e[7] = s;
   } else
-    c = e[2], l = e[3], a = e[4], i = e[5], r = e[6], s = e[7];
-  let d;
-  e[10] !== c || e[11] !== a || e[12] !== i || e[13] !== r ? (d = /* @__PURE__ */ M(c, { role: a, style: i, children: r }), e[10] = c, e[11] = a, e[12] = i, e[13] = r, e[14] = d) : d = e[14];
+    d = e[2], l = e[3], a = e[4], i = e[5], n = e[6], s = e[7];
+  let c;
+  e[10] !== d || e[11] !== a || e[12] !== i || e[13] !== n ? (c = /* @__PURE__ */ T(d, { role: a, style: i, children: n }), e[10] = d, e[11] = a, e[12] = i, e[13] = n, e[14] = c) : c = e[14];
   let p;
-  return e[15] !== l || e[16] !== s || e[17] !== d ? (p = /* @__PURE__ */ M(l, { value: s, children: d }), e[15] = l, e[16] = s, e[17] = d, e[18] = p) : p = e[18], p;
+  return e[15] !== l || e[16] !== s || e[17] !== c ? (p = /* @__PURE__ */ T(l, { value: s, children: c }), e[15] = l, e[16] = s, e[17] = c, e[18] = p) : p = e[18], p;
 }
-const $e = A(-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 = A(-1), or = 'button, a, input, select, textarea, [role="button"], [role="link"], [role="checkbox"], [role="menuitem"], [role="switch"], [role="tab"], [contenteditable="true"]';
+function rr(t) {
   const e = L.c(17), {
     children: o,
-    onClick: n,
-    "aria-label": c
+    onClick: r,
+    "aria-label": d
   } = t, {
     variant: l
-  } = te(), a = G(ne), i = G($e), r = i >= 0 && i % 2 === 1;
+  } = te(), a = G(re), i = G($e), n = i >= 0 && i % 2 === 1;
   let s;
-  if (e[0] !== c || e[1] !== o || e[2] !== r || e[3] !== a || e[4] !== n || e[5] !== l) {
-    const d = Q.toArray(o), p = n !== void 0 && !a;
+  if (e[0] !== d || e[1] !== o || e[2] !== n || e[3] !== a || e[4] !== r || e[5] !== l) {
+    const c = Q.toArray(o), p = r !== void 0 && !a;
     let u;
-    e[7] !== p || e[8] !== n ? (u = p ? (k) => {
+    e[7] !== p || e[8] !== r ? (u = p ? (k) => {
       const w = k.target;
-      w instanceof Element && w.closest(on) || n();
-    } : void 0, e[7] = p, e[8] = n, e[9] = u) : u = e[9];
+      w instanceof Element && w.closest(or) || r();
+    } : void 0, e[7] = p, e[8] = r, e[9] = u) : u = e[9];
     let x;
-    e[10] !== p || e[11] !== n ? (x = p ? (k) => {
-      (k.key === "Enter" || k.key === " ") && n();
-    } : void 0, e[10] = p, e[11] = n, e[12] = x) : x = e[12];
-    const g = !a && $.bodyRow, h = !a && l === "striped" && r && $.stripedEven, b = p && $.clickableRow;
+    e[10] !== p || e[11] !== r ? (x = p ? (k) => {
+      (k.key === "Enter" || k.key === " ") && r();
+    } : void 0, e[10] = p, e[11] = r, e[12] = x) : x = e[12];
+    const g = !a && $.bodyRow, h = !a && l === "striped" && n && $.stripedEven, f = p && $.clickableRow;
     let y;
-    e[13] !== g || e[14] !== h || e[15] !== b ? (y = [$.row, g, h, b], e[13] = g, e[14] = h, e[15] = b, e[16] = y) : y = e[16], s = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:381", role: "row", tabIndex: p ? 0 : void 0, "aria-label": p ? c : void 0, onClick: u, onKeyDown: x, ...W(S.div, y), children: d.map((k, w) => /* @__PURE__ */ M(re.Provider, { value: {
+    e[13] !== g || e[14] !== h || e[15] !== f ? (y = [$.row, g, h, f], e[13] = g, e[14] = h, e[15] = f, e[16] = y) : y = e[16], s = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:381", role: "row", tabIndex: p ? 0 : void 0, "aria-label": p ? d : void 0, onClick: u, onKeyDown: x, ...W(S.div, y), children: c.map((k, w) => /* @__PURE__ */ T(ne.Provider, { value: {
       index: w,
-      total: d.length
-    }, children: k }, k.key ?? w)) }), e[0] = c, e[1] = o, e[2] = r, e[3] = a, e[4] = n, e[5] = l, e[6] = s;
+      total: c.length
+    }, children: k }, k.key ?? w)) }), e[0] = d, e[1] = o, e[2] = n, e[3] = a, e[4] = r, e[5] = l, e[6] = s;
   } else
     s = e[6];
   return s;
 }
-const re = A({
+const ne = A({
   index: 0,
   total: 0
 });
 function ie(t) {
   const e = L.c(8), {
     children: o,
-    "aria-label": n
+    "aria-label": r
   } = t, {
-    size: c,
+    size: d,
     variant: l
   } = te(), {
     index: a,
     total: i
-  } = G(re), r = l === "bordered" && a === i - 1, s = c === "sm" ? $.cellSm : $.cellMd, d = l === "bordered" && $.borderedCell, p = r && $.borderedCellLast;
+  } = G(ne), n = l === "bordered" && a === i - 1, s = d === "sm" ? $.cellSm : $.cellMd, c = l === "bordered" && $.borderedCell, p = n && $.borderedCellLast;
   let u;
-  e[0] !== s || e[1] !== d || e[2] !== p ? (u = [$.headerCell, s, d, p], e[0] = s, e[1] = d, e[2] = p, e[3] = u) : u = e[3];
+  e[0] !== s || e[1] !== c || e[2] !== p ? (u = [$.headerCell, s, c, p], e[0] = s, e[1] = c, e[2] = p, e[3] = u) : u = e[3];
   let x;
-  return e[4] !== n || e[5] !== o || e[6] !== u ? (x = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:467", role: "columnheader", "aria-label": n, ...W(S.div, u), children: o }), e[4] = n, e[5] = o, e[6] = u, e[7] = x) : x = e[7], x;
+  return e[4] !== r || e[5] !== o || e[6] !== u ? (x = /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:467", role: "columnheader", "aria-label": r, ...W(S.div, u), children: o }), e[4] = r, e[5] = o, e[6] = u, e[7] = x) : x = e[7], x;
 }
 ie.displayName = "HeaderCell";
-function rn(t) {
+function nr(t) {
   const e = L.c(16), {
     children: o,
-    isActions: n
+    isActions: r
   } = t, {
-    size: c,
+    size: d,
     variant: l,
     labels: a,
     responsive: i
   } = te(), {
-    index: r,
+    index: n,
     total: s
-  } = G(re), d = l === "bordered" && r === s - 1, p = a[r] ?? "", u = c === "sm" ? $.cellSm : $.cellMd, x = l === "bordered" && $.borderedCell, g = d && $.borderedCellLast, h = n && $.cellActions;
-  let b;
-  e[0] !== u || e[1] !== x || e[2] !== g || e[3] !== h ? (b = [$.cell, u, x, g, h], e[0] = u, e[1] = x, e[2] = g, e[3] = h, e[4] = b) : b = e[4];
+  } = G(ne), c = l === "bordered" && n === s - 1, p = a[n] ?? "", u = d === "sm" ? $.cellSm : $.cellMd, x = l === "bordered" && $.borderedCell, g = c && $.borderedCellLast, h = r && $.cellActions;
+  let f;
+  e[0] !== u || e[1] !== x || e[2] !== g || e[3] !== h ? (f = [$.cell, u, x, g, h], e[0] = u, e[1] = x, e[2] = g, e[3] = h, e[4] = f) : f = e[4];
   let y;
-  e[5] !== n || e[6] !== p || e[7] !== i ? (y = i && !n && p !== "" ? /* @__PURE__ */ M("span", { "data-element-src": "Table/Table.tsx:507", ...W(S.span, $.cellLabel), children: p }) : null, e[5] = n, e[6] = p, e[7] = i, e[8] = y) : y = e[8];
+  e[5] !== r || e[6] !== p || e[7] !== i ? (y = i && !r && p !== "" ? /* @__PURE__ */ T("span", { "data-element-src": "Table/Table.tsx:507", ...W(S.span, $.cellLabel), children: p }) : null, e[5] = r, e[6] = p, e[7] = i, e[8] = y) : y = e[8];
   let k;
-  e[9] !== o || e[10] !== n ? (k = n ? o : /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:509", ...W(S.div, $.cellValue), children: o }), e[9] = o, e[10] = n, e[11] = k) : k = e[11];
+  e[9] !== o || e[10] !== r ? (k = r ? o : /* @__PURE__ */ T("div", { "data-element-src": "Table/Table.tsx:509", ...W(S.div, $.cellValue), children: o }), e[9] = o, e[10] = r, e[11] = k) : k = e[11];
   let w;
-  return e[12] !== b || e[13] !== y || e[14] !== k ? (w = /* @__PURE__ */ U("div", { "data-element-src": "Table/Table.tsx:496", role: "cell", ...W(S.div, b), children: [
+  return e[12] !== f || e[13] !== y || e[14] !== k ? (w = /* @__PURE__ */ U("div", { "data-element-src": "Table/Table.tsx:496", role: "cell", ...W(S.div, f), children: [
     y,
     k
-  ] }), e[12] = b, e[13] = y, e[14] = k, e[15] = w) : w = e[15], w;
+  ] }), e[12] = f, e[13] = y, e[14] = k, e[15] = w) : w = e[15], w;
 }
-const sn = {
+const ir = {
   /** @deprecated Wrap behaviour is built into Table.Root. Drop this wrapper from new code. */
   Container: _o,
   Root: Qo,
-  Header: en,
-  Body: tn,
-  Row: nn,
+  Header: er,
+  Body: tr,
+  Row: rr,
   HeaderCell: ie,
-  Cell: rn
-}, mn = sn;
+  Cell: nr
+}, hr = ir;
 export {
   xe as B,
   Oe as C,
-  un as D,
+  cr as D,
   ie as H,
-  pn as I,
-  hn as M,
+  ur as I,
+  gr as M,
   Oo as P,
-  nn as R,
+  rr as R,
   Se as S,
-  xn as T,
+  pr as T,
   Be as a,
-  gn as b,
+  xr as b,
   Go as c,
-  be as d,
+  fe as d,
   Bo as e,
   Re as f,
   ze as g,
@@ -1531,16 +1537,16 @@ export {
   pe as i,
   Po as j,
   ue as k,
-  mn as l,
+  hr as l,
   $ as m,
-  en as n,
-  tn as o,
+  er as n,
+  tr as o,
   Qo as p,
-  rn as q,
+  nr as q,
   ve as r,
   he as s,
   _ as t,
   He as u,
-  sn as v
+  ir as v
 };
-//# sourceMappingURL=Table-CAjPFgTX.js.map
+//# sourceMappingURL=Table-ColfpgKV.js.map