@duro-app/ui 5.5.0 → 5.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/dist/{Table-DYN-bp0e.js → Table-B1sWL3GA.js} +404 -387
  2. package/dist/Table-B1sWL3GA.js.map +1 -0
  3. package/dist/components/Button/Button.d.ts +2 -1
  4. package/dist/components/Button/Button.d.ts.map +1 -1
  5. package/dist/components/Button/styles.css.d.ts +1 -0
  6. package/dist/components/Button/styles.css.d.ts.map +1 -1
  7. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +14 -0
  8. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts.map +1 -1
  9. package/dist/components/LinkButton/styles.css.d.ts +1 -0
  10. package/dist/components/LinkButton/styles.css.d.ts.map +1 -1
  11. package/dist/components/Menu/Menu.d.ts +4 -1
  12. package/dist/components/Menu/Menu.d.ts.map +1 -1
  13. package/dist/components/Menu/styles.css.d.ts +14 -0
  14. package/dist/components/Menu/styles.css.d.ts.map +1 -1
  15. package/dist/components/Popover/Popover.d.ts +14 -2
  16. package/dist/components/Popover/Popover.d.ts.map +1 -1
  17. package/dist/components/Popover/Popover.meta.d.ts.map +1 -1
  18. package/dist/components/Popover/PopoverLayerContext.d.ts +3 -0
  19. package/dist/components/Popover/PopoverLayerContext.d.ts.map +1 -1
  20. package/dist/components/Popover/PopoverRaised.stories.d.ts +28 -0
  21. package/dist/components/Popover/PopoverRaised.stories.d.ts.map +1 -0
  22. package/dist/components/Popover/styles.css.d.ts +15 -0
  23. package/dist/components/Popover/styles.css.d.ts.map +1 -1
  24. package/dist/components/Select/Select.d.ts +4 -1
  25. package/dist/components/Select/Select.d.ts.map +1 -1
  26. package/dist/components/Select/styles.css.d.ts +9 -0
  27. package/dist/components/Select/styles.css.d.ts.map +1 -1
  28. package/dist/components/Toggle/Toggle.d.ts +2 -1
  29. package/dist/components/Toggle/Toggle.d.ts.map +1 -1
  30. package/dist/components/Toggle/styles.css.d.ts +1 -0
  31. package/dist/components/Toggle/styles.css.d.ts.map +1 -1
  32. package/dist/index.css +1 -1
  33. package/dist/index.d.ts +2 -0
  34. package/dist/index.d.ts.map +1 -1
  35. package/dist/index.js +1603 -1558
  36. package/dist/index.js.map +1 -1
  37. package/dist/shared/ModalContext.d.ts +7 -0
  38. package/dist/shared/ModalContext.d.ts.map +1 -1
  39. package/dist/shared/exports.typecheck.d.ts +9 -0
  40. package/dist/shared/exports.typecheck.d.ts.map +1 -0
  41. package/dist/shared/types.d.ts +2 -0
  42. package/dist/shared/types.d.ts.map +1 -1
  43. package/dist/table.js +1 -1
  44. package/package.json +2 -2
  45. package/src/components/Button/Button.tsx +2 -1
  46. package/src/components/Button/styles.css.ts +3 -0
  47. package/src/components/ButtonGroup/ButtonGroup.stories.tsx +172 -14
  48. package/src/components/LinkButton/styles.css.ts +4 -0
  49. package/src/components/Menu/Menu.meta.ts +1 -1
  50. package/src/components/Menu/Menu.tsx +17 -2
  51. package/src/components/Menu/styles.css.ts +18 -0
  52. package/src/components/Popover/Popover.meta.ts +2 -1
  53. package/src/components/Popover/Popover.tsx +29 -4
  54. package/src/components/Popover/PopoverLayerContext.ts +3 -0
  55. package/src/components/Popover/PopoverRaised.stories.tsx +334 -0
  56. package/src/components/Popover/styles.css.ts +21 -0
  57. package/src/components/Select/Select.meta.ts +1 -1
  58. package/src/components/Select/Select.tsx +5 -1
  59. package/src/components/Select/styles.css.ts +12 -0
  60. package/src/components/Toggle/Toggle.tsx +2 -1
  61. package/src/components/Toggle/styles.css.ts +2 -0
  62. package/src/index.ts +2 -0
  63. package/src/shared/ModalContext.ts +8 -1
  64. package/src/shared/exports.typecheck.ts +16 -0
  65. package/src/shared/types.ts +3 -0
  66. package/dist/Table-DYN-bp0e.js.map +0 -1
@@ -1,8 +1,8 @@
1
1
  import { jsx as M, jsxs as U, Fragment as Me } from "react/jsx-runtime";
2
- import { c as I, m as W, d as C } from "./compiler-runtime-B2IcI8_O.js";
3
- import { useContext as A, createContext as G, 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";
2
+ import { c as L, m as W, d as S } from "./compiler-runtime-B2IcI8_O.js";
3
+ 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";
4
4
  import { createPortal as We } from "react-dom";
5
- const Ce = {
5
+ const Se = {
6
6
  xs: 4,
7
7
  sm: 8,
8
8
  ms: 12,
@@ -11,7 +11,7 @@ const Ce = {
11
11
  xl: 32,
12
12
  xxl: 48,
13
13
  xxxl: 64
14
- }, dr = {
14
+ }, un = {
15
15
  instant: 0,
16
16
  minimal: 1,
17
17
  quick: 120,
@@ -19,14 +19,14 @@ const Ce = {
19
19
  brisk: 160,
20
20
  base: 200,
21
21
  slow: 280
22
- }, Se = ["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"], _ = {
22
+ }, 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"], _ = {
23
23
  touchTarget: 44,
24
24
  iconSm: 16,
25
25
  iconMd: 18,
26
26
  iconLg: 24,
27
27
  iconXl: 36,
28
28
  iconXxl: 48
29
- }, ur = {
29
+ }, pn = {
30
30
  sm: _.iconSm,
31
31
  md: _.iconMd,
32
32
  lg: _.iconLg,
@@ -52,40 +52,40 @@ var oe = {};
52
52
  Object.defineProperty(oe, "__esModule", {
53
53
  value: !0
54
54
  });
55
- var pe = oe.styleq = void 0, He = /* @__PURE__ */ new WeakMap(), Ie = "$$css";
55
+ var pe = oe.styleq = void 0, He = /* @__PURE__ */ new WeakMap(), Le = "$$css";
56
56
  function xe(t) {
57
- var e, o, r;
58
- return t != null && (e = t.disableCache === !0, o = t.disableMix === !0, r = t.transform), function() {
59
- for (var l = [], a = "", i = null, n = "", s = e ? null : He, u = new Array(arguments.length), p = 0; p < arguments.length; p++)
60
- u[p] = arguments[p];
61
- for (; u.length > 0; ) {
62
- var d = u.pop();
63
- if (!(d == null || d === !1)) {
64
- if (Array.isArray(d)) {
65
- for (var x = 0; x < d.length; x++)
66
- u.push(d[x]);
57
+ var e, o, n;
58
+ return t != null && (e = t.disableCache === !0, o = t.disableMix === !0, n = t.transform), function() {
59
+ for (var l = [], a = "", i = null, r = "", s = e ? null : He, d = new Array(arguments.length), p = 0; p < arguments.length; p++)
60
+ d[p] = arguments[p];
61
+ for (; d.length > 0; ) {
62
+ var u = d.pop();
63
+ if (!(u == null || u === !1)) {
64
+ if (Array.isArray(u)) {
65
+ for (var x = 0; x < u.length; x++)
66
+ d.push(u[x]);
67
67
  continue;
68
68
  }
69
- var g = r != null ? r(d) : d;
69
+ var g = n != null ? n(u) : u;
70
70
  if (g.$$css != null) {
71
71
  var h = "";
72
72
  if (s != null && s.has(g)) {
73
- var m = s.get(g);
74
- m != null && (h = m[0], n = m[2], l.push.apply(l, m[1]), s = m[3]);
73
+ var b = s.get(g);
74
+ b != null && (h = b[0], r = b[2], l.push.apply(l, b[1]), s = b[3]);
75
75
  } else {
76
76
  var y = [];
77
77
  for (var k in g) {
78
78
  var w = g[k];
79
- if (k === Ie) {
80
- var S = g[k];
81
- S !== !0 && (n = n ? S + "; " + n : S);
79
+ if (k === Le) {
80
+ var C = g[k];
81
+ C !== !0 && (r = r ? C + "; " + r : C);
82
82
  continue;
83
83
  }
84
84
  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".'));
85
85
  }
86
86
  if (s != null) {
87
87
  var R = /* @__PURE__ */ new WeakMap();
88
- s.set(g, [h, y, n, R]), s = R;
88
+ s.set(g, [h, y, r, R]), s = R;
89
89
  }
90
90
  }
91
91
  h && (a = a ? h + " " + a : h);
@@ -93,30 +93,30 @@ function xe(t) {
93
93
  i == null && (i = {}), i = Object.assign({}, g, i);
94
94
  else {
95
95
  var H = null;
96
- for (var L in g) {
97
- var O = g[L];
98
- O !== void 0 && (l.includes(L) || (O != null && (i == null && (i = {}), H == null && (H = {}), H[L] = O), l.push(L), s = null));
96
+ for (var I in g) {
97
+ var O = g[I];
98
+ O !== void 0 && (l.includes(I) || (O != null && (i == null && (i = {}), H == null && (H = {}), H[I] = O), l.push(I), s = null));
99
99
  }
100
100
  H != null && (i = Object.assign(H, i));
101
101
  }
102
102
  }
103
103
  }
104
- var D = [a, i, n];
104
+ var D = [a, i, r];
105
105
  return D;
106
106
  };
107
107
  }
108
- var Le = pe = oe.styleq = xe();
109
- Le.factory = xe;
108
+ var Ie = pe = oe.styleq = xe();
109
+ Ie.factory = xe;
110
110
  const qe = pe.factory({
111
111
  disableMix: !0
112
112
  });
113
113
  function Pe(...t) {
114
- const [e, o, r] = qe(t), c = {};
115
- if (e != null && e !== "" && (c.className = e), o != null && (c.style = o), r != null && r !== "") {
116
- const l = r.split(";"), a = {};
114
+ const [e, o, n] = qe(t), c = {};
115
+ if (e != null && e !== "" && (c.className = e), o != null && (c.style = o), n != null && n !== "") {
116
+ const l = n.split(";"), a = {};
117
117
  for (const i of l) {
118
- const n = i.trim(), [s, u] = n.split(":");
119
- u != null && (a[s] = a[s] != null ? `${a[s]},${u}` : u);
118
+ const r = i.trim(), [s, d] = r.split(":");
119
+ d != null && (a[s] = a[s] != null ? `${a[s]},${d}` : d);
120
120
  }
121
121
  c["data-style-src"] = Object.keys(a).map((i) => `${i}:${a[i]}`).join("; ");
122
122
  }
@@ -127,29 +127,29 @@ function Ee(t) {
127
127
  ze(e) || (Re(`invalid prop "${e}"`), delete t[e]);
128
128
  });
129
129
  }
130
- function b(t, e) {
130
+ function m(t, e) {
131
131
  const o = {
132
132
  $$css: !0,
133
133
  "debug::name": `html-${t}`
134
134
  };
135
- function r({
135
+ function n({
136
136
  ref: c,
137
137
  ...l
138
138
  }) {
139
139
  const {
140
140
  for: a,
141
141
  style: i,
142
- ...n
143
- } = l, s = n;
142
+ ...r
143
+ } = l, s = r;
144
144
  Ee(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");
145
- const u = Pe([o, e, i]);
145
+ const d = Pe([o, e, i]);
146
146
  return M(t, {
147
147
  ...s,
148
- ...u,
148
+ ...d,
149
149
  ref: c
150
150
  });
151
151
  }
152
- return r.displayName = `html.${t}`, r;
152
+ return n.displayName = `html.${t}`, n;
153
153
  }
154
154
  const v = {
155
155
  block: {
@@ -219,15 +219,15 @@ const v = {
219
219
  "resize-kHenm0": "resize-x288g5",
220
220
  $$css: ".pnpm:web/index.js:276"
221
221
  }
222
- }, Be = v.inline, Oe = v.block, Ae = v.block, Ge = v.inline, De = v.inline, Fe = v.inline, Xe = v.block, Ve = null, Ke = [v.inlineblock, v.button], Ne = [v.inline, v.codePre], _e = null, Ye = v.block, Ze = v.inline, Ue = v.block, Je = v.block, Qe = v.block, V = [v.block, v.heading], et = v.block, tt = [v.block, v.hr], ot = v.inline, rt = v.img, nt = [v.inlineblock, v.input], it = null, st = null, lt = v.inline, at = v.block, ct = v.block, dt = v.inline, ut = v.block, pt = [v.list, v.block], xt = null, gt = null, ht = v.block, bt = [v.block, v.codePre], ft = null, mt = v.block, kt = v.inlineblock, vt = v.inline, yt = [v.inline, v.strong], wt = v.inline, $t = v.inline, Mt = [v.inlineblock, v.textarea], Tt = null, Wt = [v.list, v.block], f = {
222
+ }, Be = v.inline, Oe = v.block, Ge = v.block, Ae = v.inline, De = v.inline, Fe = v.inline, Ve = v.block, Xe = null, Ke = [v.inlineblock, v.button], Ne = [v.inline, v.codePre], _e = null, Ye = v.block, Ze = v.inline, Ue = v.block, Je = v.block, Qe = v.block, X = [v.block, v.heading], et = v.block, tt = [v.block, v.hr], ot = v.inline, nt = v.img, rt = [v.inlineblock, v.input], it = null, st = null, lt = v.inline, at = v.block, ct = v.block, dt = v.inline, ut = v.block, pt = [v.list, v.block], xt = null, gt = null, ht = v.block, mt = [v.block, v.codePre], ft = null, bt = v.block, kt = v.inlineblock, vt = v.inline, yt = [v.inline, v.strong], wt = v.inline, $t = v.inline, Mt = [v.inlineblock, v.textarea], Tt = null, Wt = [v.list, v.block], f = {
223
223
  a: Be,
224
224
  article: Oe,
225
- aside: Ae,
226
- b: Ge,
225
+ aside: Ge,
226
+ b: Ae,
227
227
  bdi: De,
228
228
  bdo: Fe,
229
- blockquote: Xe,
230
- br: Ve,
229
+ blockquote: Ve,
230
+ br: Xe,
231
231
  button: Ke,
232
232
  code: Ne,
233
233
  del: _e,
@@ -236,17 +236,17 @@ const v = {
236
236
  fieldset: Ue,
237
237
  footer: Je,
238
238
  form: Qe,
239
- h1: V,
240
- h2: V,
241
- h3: V,
242
- h4: V,
243
- h5: V,
244
- h6: V,
239
+ h1: X,
240
+ h2: X,
241
+ h3: X,
242
+ h4: X,
243
+ h5: X,
244
+ h6: X,
245
245
  header: et,
246
246
  hr: tt,
247
247
  i: ot,
248
- img: rt,
249
- input: nt,
248
+ img: nt,
249
+ input: rt,
250
250
  ins: it,
251
251
  kbd: st,
252
252
  label: lt,
@@ -258,9 +258,9 @@ const v = {
258
258
  optgroup: xt,
259
259
  option: gt,
260
260
  p: ht,
261
- pre: bt,
261
+ pre: mt,
262
262
  s: ft,
263
- section: mt,
263
+ section: bt,
264
264
  select: kt,
265
265
  span: vt,
266
266
  strong: yt,
@@ -269,28 +269,28 @@ const v = {
269
269
  textarea: Mt,
270
270
  u: Tt,
271
271
  ul: Wt
272
- }, Ct = b("a", f.a), St = b("article", f.article), Rt = b("aside", f.aside), jt = b("b", f.b), zt = b("bdi", f.bdi), Ht = b("bdo", f.bdo), It = b("blockquote", f.blockquote), Lt = b("br", f.br), qt = b("button", f.button), Pt = b("code", f.code), Et = b("del", f.del), Bt = b("div", f.div), Ot = b("em", f.em), At = b("fieldset", f.fieldset), Gt = b("footer", f.footer), Dt = b("form", f.form), Ft = b("h1", f.h1), Xt = b("h2", f.h2), Vt = b("h3", f.h3), Kt = b("h4", f.h4), Nt = b("h5", f.h5), _t = b("h6", f.h6), Yt = b("header", f.header), Zt = b("hr", f.hr), Ut = b("i", f.i), Jt = b("img", f.img), Qt = b("input", f.input), eo = b("ins", f.ins), to = b("kbd", f.kbd), oo = b("label", f.label), ro = b("li", f.li), no = b("main", f.main), io = b("mark", f.mark), so = b("nav", f.nav), lo = b("ol", f.ol), ao = b("optgroup", f.optgroup), co = b("option", f.option), uo = b("p", f.p), po = b("pre", f.pre), xo = b("s", f.s), go = b("section", f.section), ho = b("select", f.select), bo = b("span", f.span), fo = b("strong", f.strong), mo = b("sub", f.sub), ko = b("sup", f.sup), vo = b("textarea", f.textarea), yo = b("u", f.u), wo = b("ul", f.ul);
272
+ }, St = m("a", f.a), Ct = m("article", f.article), Rt = m("aside", f.aside), jt = m("b", f.b), zt = m("bdi", f.bdi), Ht = m("bdo", f.bdo), Lt = m("blockquote", f.blockquote), It = m("br", f.br), qt = m("button", f.button), Pt = m("code", f.code), Et = m("del", f.del), Bt = m("div", f.div), Ot = m("em", f.em), Gt = m("fieldset", f.fieldset), At = m("footer", f.footer), Dt = m("form", f.form), Ft = m("h1", f.h1), Vt = m("h2", f.h2), Xt = m("h3", f.h3), Kt = m("h4", f.h4), Nt = m("h5", f.h5), _t = m("h6", f.h6), Yt = m("header", f.header), Zt = m("hr", f.hr), Ut = m("i", f.i), Jt = m("img", f.img), Qt = m("input", f.input), eo = m("ins", f.ins), to = m("kbd", f.kbd), oo = m("label", f.label), no = m("li", f.li), ro = m("main", f.main), io = m("mark", f.mark), so = m("nav", f.nav), lo = m("ol", f.ol), ao = m("optgroup", f.optgroup), co = m("option", f.option), uo = m("p", f.p), po = m("pre", f.pre), xo = m("s", f.s), go = m("section", f.section), ho = m("select", f.select), mo = m("span", f.span), fo = m("strong", f.strong), bo = m("sub", f.sub), ko = m("sup", f.sup), vo = m("textarea", f.textarea), yo = m("u", f.u), wo = m("ul", f.ul);
273
273
  var $o = /* @__PURE__ */ Object.freeze({
274
274
  __proto__: null,
275
- a: Ct,
276
- article: St,
275
+ a: St,
276
+ article: Ct,
277
277
  aside: Rt,
278
278
  b: jt,
279
279
  bdi: zt,
280
280
  bdo: Ht,
281
- blockquote: It,
282
- br: Lt,
281
+ blockquote: Lt,
282
+ br: It,
283
283
  button: qt,
284
284
  code: Pt,
285
285
  del: Et,
286
286
  div: Bt,
287
287
  em: Ot,
288
- fieldset: At,
289
- footer: Gt,
288
+ fieldset: Gt,
289
+ footer: At,
290
290
  form: Dt,
291
291
  h1: Ft,
292
- h2: Xt,
293
- h3: Vt,
292
+ h2: Vt,
293
+ h3: Xt,
294
294
  h4: Kt,
295
295
  h5: Nt,
296
296
  h6: _t,
@@ -302,8 +302,8 @@ var $o = /* @__PURE__ */ Object.freeze({
302
302
  ins: eo,
303
303
  kbd: to,
304
304
  label: oo,
305
- li: ro,
306
- main: no,
305
+ li: no,
306
+ main: ro,
307
307
  mark: io,
308
308
  nav: so,
309
309
  ol: lo,
@@ -314,23 +314,23 @@ var $o = /* @__PURE__ */ Object.freeze({
314
314
  s: xo,
315
315
  section: go,
316
316
  select: ho,
317
- span: bo,
317
+ span: mo,
318
318
  strong: fo,
319
- sub: mo,
319
+ sub: bo,
320
320
  sup: ko,
321
321
  textarea: vo,
322
322
  u: yo,
323
323
  ul: wo
324
324
  });
325
- const ge = G(null);
325
+ const ge = A(null);
326
326
  function Mo() {
327
- return A(ge);
327
+ return G(ge);
328
328
  }
329
- const he = G(null);
329
+ const he = A(null);
330
330
  function To() {
331
- return A(he);
331
+ return G(he);
332
332
  }
333
- const X = {
333
+ const V = {
334
334
  item: {
335
335
  "position-kVAEAm": "position-x1n2onr6",
336
336
  "zIndex-kY2c9j": "zIndex-x1lhispz",
@@ -370,56 +370,56 @@ const X = {
370
370
  }
371
371
  }, Wo = {
372
372
  horizontal: {
373
- first: X.horizontalFirst,
374
- middle: X.horizontalMiddle,
375
- last: X.horizontalLast,
373
+ first: V.horizontalFirst,
374
+ middle: V.horizontalMiddle,
375
+ last: V.horizontalLast,
376
376
  only: null
377
377
  },
378
378
  vertical: {
379
- first: X.verticalFirst,
380
- middle: X.verticalMiddle,
381
- last: X.verticalLast,
379
+ first: V.verticalFirst,
380
+ middle: V.verticalMiddle,
381
+ last: V.verticalLast,
382
382
  only: null
383
383
  }
384
384
  };
385
- function Co(t) {
386
- const e = I.c(26);
385
+ function So(t) {
386
+ const e = L.c(26);
387
387
  let o;
388
388
  e[0] !== t ? (o = t === void 0 ? {} : t, e[0] = t, e[1] = o) : o = e[1];
389
389
  const {
390
- disabled: r
391
- } = o, c = r === void 0 ? !1 : r, l = Y(), a = q(null), i = To(), n = Mo(), s = i?.register, u = n?.register;
392
- let p, d;
393
- e[2] !== c || e[3] !== s || e[4] !== l || e[5] !== u ? (p = () => {
390
+ disabled: n
391
+ } = o, c = n === void 0 ? !1 : n, l = Y(), a = q(null), i = To(), r = Mo(), s = i?.register, d = r?.register;
392
+ let p, u;
393
+ e[2] !== c || e[3] !== s || e[4] !== l || e[5] !== d ? (p = () => {
394
394
  const R = a.current;
395
395
  if (!R)
396
396
  return;
397
- const H = s?.(l, R, c), L = u?.(l, R, c);
397
+ const H = s?.(l, R, c), I = d?.(l, R, c);
398
398
  return () => {
399
- H?.(), L?.();
399
+ H?.(), I?.();
400
400
  };
401
- }, d = [l, c, s, u], e[2] = c, e[3] = s, e[4] = l, e[5] = u, e[6] = p, e[7] = d) : (p = e[6], d = e[7]), J(p, d);
401
+ }, 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);
402
402
  let x;
403
403
  e[8] !== i || e[9] !== l ? (x = i ? i.positionOf(l) : null, e[8] = i, e[9] = l, e[10] = x) : x = e[10];
404
404
  const g = x;
405
405
  let h;
406
- e[11] !== i || e[12] !== g ? (h = i && g ? [X.item, Wo[i.orientation][g]] : null, e[11] = i, e[12] = g, e[13] = h) : h = e[13];
407
- const m = h, y = i !== null;
406
+ e[11] !== i || e[12] !== g ? (h = i && g ? [V.item, Wo[i.orientation][g]] : null, e[11] = i, e[12] = g, e[13] = h) : h = e[13];
407
+ const b = h, y = i !== null;
408
408
  let k;
409
- e[14] !== l || e[15] !== n ? (k = n?.tabIndexOf(l), e[14] = l, e[15] = n, e[16] = k) : k = e[16];
409
+ e[14] !== l || e[15] !== r ? (k = r?.tabIndexOf(l), e[14] = l, e[15] = r, e[16] = k) : k = e[16];
410
410
  let w;
411
- 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];
412
- let S;
413
- return e[20] !== g || e[21] !== m || e[22] !== y || e[23] !== k || e[24] !== w ? (S = {
411
+ 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];
412
+ let C;
413
+ return e[20] !== g || e[21] !== b || e[22] !== y || e[23] !== k || e[24] !== w ? (C = {
414
414
  ref: a,
415
415
  attached: y,
416
416
  position: g,
417
- style: m,
417
+ style: b,
418
418
  tabIndex: k,
419
419
  onFocus: w
420
- }, e[20] = g, e[21] = m, e[22] = y, e[23] = k, e[24] = w, e[25] = S) : S = e[25], S;
420
+ }, e[20] = g, e[21] = b, e[22] = y, e[23] = k, e[24] = w, e[25] = C) : C = e[25], C;
421
421
  }
422
- const So = {
422
+ const Co = {
423
423
  xjvd03b: "x27mww3 xjvd03b",
424
424
  $$css: !0
425
425
  }, Ro = {
@@ -432,7 +432,7 @@ const So = {
432
432
  x13v825q: "xc8o4hb x13v825q",
433
433
  $$css: !0
434
434
  }, Ho = {
435
- light: [So, Ro],
435
+ light: [Co, Ro],
436
436
  "high-contrast": [jo, zo]
437
437
  }, ce = {
438
438
  root: {
@@ -450,41 +450,41 @@ const So = {
450
450
  "zIndex-kY2c9j": "zIndex-x3z26px",
451
451
  $$css: "ThemeProvider/ThemeProvider.tsx:29"
452
452
  }
453
- }, be = G(null);
454
- function Io() {
455
- return A(be);
453
+ }, me = A(null);
454
+ function Lo() {
455
+ return G(me);
456
456
  }
457
- function pr(t) {
458
- const e = I.c(11), {
457
+ function xn(t) {
458
+ const e = L.c(11), {
459
459
  theme: o,
460
- children: r
460
+ children: n
461
461
  } = t, c = o === void 0 ? "dark" : o, l = Ho[c], a = l?.[0], i = l?.[1];
462
- let n;
463
- e[0] !== a || e[1] !== i ? (n = [a, i, ce.root], e[0] = a, e[1] = i, e[2] = n) : n = e[2];
464
- const s = n, [u, p] = Z(null);
465
- let d;
466
- e[3] !== r || e[4] !== u ? (d = /* @__PURE__ */ M(be.Provider, { value: u, children: r }), e[3] = r, e[4] = u, e[5] = d) : d = e[5];
462
+ let r;
463
+ e[0] !== a || e[1] !== i ? (r = [a, i, ce.root], e[0] = a, e[1] = i, e[2] = r) : r = e[2];
464
+ const s = r, [d, p] = Z(null);
465
+ let u;
466
+ e[3] !== n || e[4] !== d ? (u = /* @__PURE__ */ M(me.Provider, { value: d, children: n }), e[3] = n, e[4] = d, e[5] = u) : u = e[5];
467
467
  let x;
468
- 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(C.div, ce.portalMount) }), e[6] = x) : x = e[6];
468
+ 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, ce.portalMount) }), e[6] = x) : x = e[6];
469
469
  let g;
470
- return e[7] !== d || e[8] !== c || e[9] !== s ? (g = /* @__PURE__ */ U("div", { "data-element-src": "ThemeProvider/ThemeProvider.tsx:58", "data-theme": c, ...W(C.div, s), children: [
471
- d,
470
+ 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: [
471
+ u,
472
472
  x
473
- ] }), e[7] = d, e[8] = c, e[9] = s, e[10] = g) : g = e[10], g;
473
+ ] }), e[7] = u, e[8] = c, e[9] = s, e[10] = g) : g = e[10], g;
474
474
  }
475
- function Lo(t) {
476
- const e = I.c(2), {
475
+ function Io(t) {
476
+ const e = L.c(2), {
477
477
  children: o
478
478
  } = t;
479
- let r;
480
- return e[0] !== o ? (r = /* @__PURE__ */ M(he.Provider, { value: null, children: /* @__PURE__ */ M(ge.Provider, { value: null, children: o }) }), e[0] = o, e[1] = r) : r = e[1], r;
479
+ let n;
480
+ return e[0] !== o ? (n = /* @__PURE__ */ M(he.Provider, { value: null, children: /* @__PURE__ */ M(ge.Provider, { value: null, children: o }) }), e[0] = o, e[1] = n) : n = e[1], n;
481
481
  }
482
482
  const qo = typeof process < "u" && process.env?.NODE_ENV === "production", de = /* @__PURE__ */ new Set();
483
483
  function fe(t, e, o) {
484
- const r = `${t}:${e}`;
485
- qo || de.has(r) || (de.add(r), console.warn(`[duro-app/ui ${t}] ${o}`));
484
+ const n = `${t}:${e}`;
485
+ qo || de.has(n) || (de.add(n), console.warn(`[duro-app/ui ${t}] ${o}`));
486
486
  }
487
- const me = {
487
+ const be = {
488
488
  touchTarget: "var(--touchTarget-x1u5badx)",
489
489
  controlSm: "var(--controlSm-x6ymn93)",
490
490
  controlMd: "var(--controlMd-xkvaeme)",
@@ -567,21 +567,21 @@ const me = {
567
567
  timeGutterW: "var(--timeGutterW-xsc6tna)",
568
568
  dayHeaderH: "var(--dayHeaderH-x1j7gty0)",
569
569
  __varGroupHash__: "x1w57kmz"
570
- }, ke = new Set(Se);
570
+ }, ke = new Set(Ce);
571
571
  function ve(t) {
572
- return typeof t == "string" && ke.has(t) ? me[t] : t;
572
+ return typeof t == "string" && ke.has(t) ? be[t] : t;
573
573
  }
574
574
  function ue(t) {
575
575
  const e = t;
576
576
  if (typeof e != "string") return e;
577
577
  const o = /^(minmax|fit-content)\((.*)\)$/.exec(e);
578
578
  if (o) {
579
- const r = o[2].split(",").map((c) => String(ve(c.trim())));
580
- return `${o[1]}(${r.join(", ")})`;
579
+ const n = o[2].split(",").map((c) => String(ve(c.trim())));
580
+ return `${o[1]}(${n.join(", ")})`;
581
581
  }
582
- return ke.has(e) ? me[e] : e;
582
+ return ke.has(e) ? be[e] : e;
583
583
  }
584
- const B = {
584
+ const P = {
585
585
  root: {
586
586
  "position-kVAEAm": "position-x1n2onr6",
587
587
  "display-k1xSpc": "display-x3nfvp2",
@@ -619,6 +619,22 @@ const B = {
619
619
  "borderColor-kVAM5u": "borderColor-x9r1u3d",
620
620
  $$css: "Menu/styles.css.ts:40"
621
621
  },
622
+ triggerSmall: {
623
+ "gap-kOIVth": "gap-xl5ne8a",
624
+ "paddingTop-kLKAdn": "paddingTop-x1i738hq",
625
+ "paddingBottom-kGO01o": "paddingBottom-x6sojwk",
626
+ "paddingLeft-kE3dHu": "paddingLeft-x6xq64o",
627
+ "paddingRight-kpe85a": "paddingRight-xpkaq21",
628
+ "fontSize-kGuDYH": "fontSize-x1f81oxx",
629
+ "minHeight-kAzted": "minHeight-xjf0s44 minHeight-xztz0i",
630
+ $$css: "Menu/styles.css.ts:53"
631
+ },
632
+ triggerGhostSmall: {
633
+ "fontSize-kGuDYH": "fontSize-x1f81oxx",
634
+ "minWidth-k7Eaqz": "minWidth-x1xyvl2a",
635
+ "minHeight-kAzted": "minHeight-xmlnt67 minHeight-xztz0i",
636
+ $$css: "Menu/styles.css.ts:63"
637
+ },
622
638
  popup: {
623
639
  "position-kVAEAm": "position-xixxii4",
624
640
  "top-k87sOh": "top-x13vifvy",
@@ -637,12 +653,12 @@ const B = {
637
653
  "zIndex-kY2c9j": "zIndex-x9qr3eb",
638
654
  "pointerEvents-kfzvcC": "pointerEvents-x67bb7w",
639
655
  "outlineStyle-k3XXqK": "outlineStyle-x1t137rt",
640
- $$css: "Menu/styles.css.ts:50"
656
+ $$css: "Menu/styles.css.ts:68"
641
657
  },
642
658
  popupPosition: (t, e) => [{
643
659
  "top-k87sOh": t != null ? "top-xjbys53" : t,
644
660
  "left-kbCHJM": e != null ? "left-xgq9j65" : e,
645
- $$css: "Menu/styles.css.ts:73"
661
+ $$css: "Menu/styles.css.ts:91"
646
662
  }, {
647
663
  "--x-top": ((o) => typeof o == "number" ? o + "px" : o ?? void 0)(t),
648
664
  "--x-left": ((o) => typeof o == "number" ? o + "px" : o ?? void 0)(e)
@@ -662,7 +678,7 @@ const B = {
662
678
  "backgroundColor-kWkggS": "backgroundColor-xjbqb8w",
663
679
  "transitionProperty-k1ekBW": "transitionProperty-x15406qy",
664
680
  "transitionDuration-kIyJzY": "transitionDuration-x13k8chi",
665
- $$css: "Menu/styles.css.ts:77"
681
+ $$css: "Menu/styles.css.ts:95"
666
682
  },
667
683
  itemHighlighted: {
668
684
  "backgroundColor-kWkggS": "backgroundColor-xlyqa1p",
@@ -670,7 +686,7 @@ const B = {
670
686
  "outlineWidth-kMeerF": "outlineWidth-x1a33d5h",
671
687
  "outlineColor-kjBf7l": "outlineColor-x1uczgqu",
672
688
  "outlineOffset-kInvED": "outlineOffset-x186wpgv",
673
- $$css: "Menu/styles.css.ts:95"
689
+ $$css: "Menu/styles.css.ts:113"
674
690
  },
675
691
  separator: {
676
692
  "height-kZKoxP": "height-xqtp20y",
@@ -679,16 +695,16 @@ const B = {
679
695
  "borderTopWidth-kEafiO": "borderTopWidth-xljp14s",
680
696
  "borderTopStyle-kPef9Z": "borderTopStyle-x13fuv20",
681
697
  "borderTopColor-kLZC3w": "borderTopColor-xvuocu",
682
- $$css: "Menu/styles.css.ts:102"
698
+ $$css: "Menu/styles.css.ts:120"
683
699
  },
684
700
  linkItem: {
685
701
  "textDecoration-kybGjl": "textDecoration-x1hl2dhg",
686
702
  "color-kMwMTN": "color-x95150z color-xtolcfe",
687
- $$css: "Menu/styles.css.ts:110"
703
+ $$css: "Menu/styles.css.ts:128"
688
704
  }
689
- }, ye = G(null);
705
+ }, ye = A(null);
690
706
  function ee() {
691
- const t = A(ye);
707
+ const t = G(ye);
692
708
  if (!t)
693
709
  throw new Error("Menu compound components must be used within Menu.Root");
694
710
  return t;
@@ -701,52 +717,52 @@ function Eo({
701
717
  defaultOpen: e = !1,
702
718
  onOpenChange: o
703
719
  }) {
704
- const [r, c] = Z(e), l = t !== void 0, a = l ? t : r, [i, n] = Z(null), s = q(i);
720
+ const [n, c] = Z(e), l = t !== void 0, a = l ? t : n, [i, r] = Z(null), s = q(i);
705
721
  J(() => {
706
722
  s.current = i;
707
723
  }, [i]);
708
- const u = Y(), p = Y(), d = q(null), x = q(null), g = q(null), h = q(/* @__PURE__ */ new Map()), m = q([]), y = q(a);
724
+ const d = Y(), p = Y(), u = q(null), x = q(null), g = q(null), h = q(/* @__PURE__ */ new Map()), b = q([]), y = q(a);
709
725
  y.current = a;
710
726
  const k = q(o);
711
727
  k.current = o;
712
728
  const w = K((T) => {
713
729
  T !== y.current && (l || c(T), k.current?.(T));
714
- }, [l]), S = K(() => {
715
- y.current && (w(!1), n(null));
730
+ }, [l]), C = K(() => {
731
+ y.current && (w(!1), r(null));
716
732
  }, [w]), R = K(() => {
717
- y.current && (S(), x.current?.focus());
718
- }, [S]), H = K(() => {
733
+ y.current && (C(), x.current?.focus());
734
+ }, [C]), H = K(() => {
719
735
  y.current ? R() : w(!0);
720
- }, [R, w]), L = q(!1);
736
+ }, [R, w]), I = q(!1);
721
737
  F(() => {
722
- if (a && !L.current) {
738
+ if (a && !I.current) {
723
739
  g.current?.focus({
724
740
  preventScroll: !0
725
741
  });
726
- const T = m.current[0];
727
- T && n(T);
728
- } else !a && L.current && n(null);
729
- L.current = a;
742
+ const T = b.current[0];
743
+ T && r(T);
744
+ } else !a && I.current && r(null);
745
+ I.current = a;
730
746
  }, [a]), F(() => {
731
747
  if (!i) return;
732
748
  h.current.get(i)?.scrollIntoView?.({
733
749
  block: "nearest"
734
750
  });
735
751
  }, [i]);
736
- const O = K((T, P) => {
737
- h.current.set(T, P);
752
+ const O = K((T, E) => {
753
+ h.current.set(T, E);
738
754
  const j = h.current, z = [...j.keys()];
739
- return z.sort((E, N) => {
740
- const se = j.get(E), le = j.get(N);
755
+ return z.sort((B, N) => {
756
+ const se = j.get(B), le = j.get(N);
741
757
  return !se || !le ? 0 : se.compareDocumentPosition(le) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
742
- }), m.current = z, () => {
743
- h.current.delete(T), m.current = m.current.filter((E) => E !== T);
758
+ }), b.current = z, () => {
759
+ h.current.delete(T), b.current = b.current.filter((B) => B !== T);
744
760
  };
745
761
  }, []);
746
762
  return F(() => {
747
763
  const T = g.current;
748
764
  if (!T || !a) return;
749
- function P(j) {
765
+ function E(j) {
750
766
  if (j.key === "Escape") {
751
767
  j.preventDefault(), j.stopPropagation(), R();
752
768
  return;
@@ -755,174 +771,175 @@ function Eo({
755
771
  R();
756
772
  return;
757
773
  }
758
- const z = m.current;
774
+ const z = b.current;
759
775
  if (z.length !== 0)
760
776
  switch (j.key) {
761
777
  case "ArrowDown": {
762
- j.preventDefault(), n((E) => {
763
- const N = E ? z.indexOf(E) : -1;
778
+ j.preventDefault(), r((B) => {
779
+ const N = B ? z.indexOf(B) : -1;
764
780
  return z[(N + 1) % z.length];
765
781
  });
766
782
  break;
767
783
  }
768
784
  case "ArrowUp": {
769
- j.preventDefault(), n((E) => {
770
- const N = E ? z.indexOf(E) : 0;
785
+ j.preventDefault(), r((B) => {
786
+ const N = B ? z.indexOf(B) : 0;
771
787
  return z[(N - 1 + z.length) % z.length];
772
788
  });
773
789
  break;
774
790
  }
775
791
  case "Home": {
776
- j.preventDefault(), n(z[0]);
792
+ j.preventDefault(), r(z[0]);
777
793
  break;
778
794
  }
779
795
  case "End": {
780
- j.preventDefault(), n(z[z.length - 1]);
796
+ j.preventDefault(), r(z[z.length - 1]);
781
797
  break;
782
798
  }
783
799
  case "Enter":
784
800
  case " ": {
785
801
  j.preventDefault();
786
- const E = s.current;
787
- E && h.current.get(E)?.click();
802
+ const B = s.current;
803
+ B && h.current.get(B)?.click();
788
804
  break;
789
805
  }
790
806
  }
791
807
  }
792
- return T.addEventListener("keydown", P), () => T.removeEventListener("keydown", P);
808
+ return T.addEventListener("keydown", E), () => T.removeEventListener("keydown", E);
793
809
  }, [a, R]), F(() => {
794
810
  if (!a) return;
795
- function T(P) {
796
- Po(P.target, [g.current, x.current]) && S();
811
+ function T(E) {
812
+ Po(E.target, [g.current, x.current]) && C();
797
813
  }
798
814
  return document.addEventListener("pointerdown", T, !0), () => document.removeEventListener("pointerdown", T, !0);
799
- }, [a, S]), {
815
+ }, [a, C]), {
800
816
  ctx: {
801
817
  open: a,
802
818
  toggle: H,
803
819
  close: R,
804
- menuId: u,
820
+ menuId: d,
805
821
  triggerId: p,
806
822
  highlightedId: i,
807
- setHighlightedId: n,
823
+ setHighlightedId: r,
808
824
  registerItem: O,
809
825
  triggerRef: x,
810
826
  popupRef: g
811
827
  },
812
- rootRef: d
828
+ rootRef: u
813
829
  };
814
830
  }
815
831
  function Bo({
816
832
  anchor: t,
817
833
  popup: e,
818
834
  viewport: o,
819
- side: r,
835
+ side: n,
820
836
  align: c,
821
837
  offset: l
822
838
  }) {
823
- const a = t.top + t.height + l, i = t.top - l - e.height, n = a + e.height <= o.height, s = i >= 0;
824
- let u = r;
825
- r === "bottom" && !n && s ? u = "top" : r === "top" && !s && n && (u = "bottom");
826
- const p = u === "bottom" ? a : i;
827
- let d = t.left;
828
- c === "center" ? d = t.left + (t.width - e.width) / 2 : c === "end" && (d = t.left + t.width - e.width);
839
+ const a = t.top + t.height + l, i = t.top - l - e.height, r = a + e.height <= o.height, s = i >= 0;
840
+ let d = n;
841
+ n === "bottom" && !r && s ? d = "top" : n === "top" && !s && r && (d = "bottom");
842
+ const p = d === "bottom" ? a : i;
843
+ let u = t.left;
844
+ c === "center" ? u = t.left + (t.width - e.width) / 2 : c === "end" && (u = t.left + t.width - e.width);
829
845
  const x = Math.max(0, o.width - e.width);
830
- return d = Math.min(Math.max(0, d), x), {
846
+ return u = Math.min(Math.max(0, u), x), {
831
847
  top: p,
832
- left: d,
833
- side: u
848
+ left: u,
849
+ side: d
834
850
  };
835
851
  }
836
- const Oo = G(null);
837
- function Ao(t, e) {
838
- const o = I.c(5), {
839
- active: r
840
- } = e, c = A(Oo);
852
+ const Oo = A(null);
853
+ function Go(t, e) {
854
+ const o = L.c(5), {
855
+ active: n
856
+ } = e, c = G(Oo);
841
857
  let l, a;
842
- o[0] !== r || o[1] !== c || o[2] !== t ? (l = () => {
858
+ o[0] !== n || o[1] !== c || o[2] !== t ? (l = () => {
843
859
  const i = t.current;
844
- if (!(!c || !r || !i))
860
+ if (!(!c || !n || !i))
845
861
  return c.register(i);
846
- }, a = [c, r, t], o[0] = r, o[1] = c, o[2] = t, o[3] = l, o[4] = a) : (l = o[3], a = o[4]), J(l, a);
862
+ }, 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);
847
863
  }
848
- function Go(t) {
849
- const e = I.c(10), {
864
+ function Ao(t) {
865
+ const e = L.c(10), {
850
866
  children: o,
851
- open: r,
867
+ open: n,
852
868
  defaultOpen: c,
853
869
  onOpenChange: l
854
870
  } = t;
855
871
  let a;
856
- e[0] !== c || e[1] !== l || e[2] !== r ? (a = {
857
- open: r,
872
+ e[0] !== c || e[1] !== l || e[2] !== n ? (a = {
873
+ open: n,
858
874
  defaultOpen: c,
859
875
  onOpenChange: l
860
- }, e[0] = c, e[1] = l, e[2] = r, e[3] = a) : a = e[3];
876
+ }, e[0] = c, e[1] = l, e[2] = n, e[3] = a) : a = e[3];
861
877
  const {
862
878
  ctx: i,
863
- rootRef: n
879
+ rootRef: r
864
880
  } = Eo(a);
865
881
  let s;
866
- e[4] !== o || e[5] !== n ? (s = /* @__PURE__ */ M("div", { "data-element-src": "Menu/Menu.tsx:40", ref: n, ...W(C.div, B.root), children: o }), e[4] = o, e[5] = n, e[6] = s) : s = e[6];
867
- let u;
868
- return e[7] !== i || e[8] !== s ? (u = /* @__PURE__ */ M(ye.Provider, { value: i, children: s }), e[7] = i, e[8] = s, e[9] = u) : u = e[9], u;
882
+ 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];
883
+ let d;
884
+ 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;
869
885
  }
870
886
  const Do = 'button, a[href], input, select, textarea, [role="button"]';
871
887
  function Fo({
872
888
  children: t,
873
889
  "aria-label": e,
874
890
  variant: o = "default",
875
- ref: r
891
+ size: n = "default",
892
+ ref: c
876
893
  }) {
877
894
  const {
878
- open: c,
879
- toggle: l,
880
- menuId: a,
881
- triggerId: i,
882
- triggerRef: n
883
- } = ee(), s = Co(), u = s.ref, p = K((d) => {
884
- n.current = d, u.current = d, typeof r == "function" ? r(d) : r && (r.current = d);
885
- }, [r, n, u]);
895
+ open: l,
896
+ toggle: a,
897
+ menuId: i,
898
+ triggerId: r,
899
+ triggerRef: s
900
+ } = ee(), d = So(), p = d.ref, u = K((x) => {
901
+ s.current = x, p.current = x, typeof c == "function" ? c(x) : c && (c.current = x);
902
+ }, [c, s, p]);
886
903
  return F(() => {
887
- n.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.");
888
- }, [n]), /* @__PURE__ */ M("button", { "data-element-src": "Menu/Menu.tsx:91", ref: p, tabIndex: s.tabIndex, onFocus: s.onFocus, id: i, type: "button", onClick: l, "aria-label": e, "aria-expanded": c, "aria-haspopup": "menu", "aria-controls": c ? a : void 0, ...W(C.button, B.trigger, o === "ghost" && B.triggerGhost, s.style), children: t });
904
+ 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.");
905
+ }, [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 });
889
906
  }
890
- function Xo(t) {
891
- const e = I.c(26), {
907
+ function Vo(t) {
908
+ const e = L.c(26), {
892
909
  children: o,
893
- align: r
894
- } = t, c = r === void 0 ? "start" : r, {
910
+ align: n
911
+ } = t, c = n === void 0 ? "start" : n, {
895
912
  open: l,
896
913
  menuId: a,
897
914
  triggerId: i,
898
- highlightedId: n,
915
+ highlightedId: r,
899
916
  triggerRef: s,
900
- popupRef: u
917
+ popupRef: d
901
918
  } = ee();
902
919
  let p;
903
920
  e[0] === Symbol.for("react.memo_cache_sentinel") ? (p = {
904
921
  top: 0,
905
922
  left: 0
906
923
  }, e[0] = p) : p = e[0];
907
- const [d, x] = Z(p), g = Io();
924
+ const [u, x] = Z(p), g = Lo();
908
925
  let h;
909
926
  e[1] !== l ? (h = {
910
927
  active: l
911
- }, e[1] = l, e[2] = h) : h = e[2], Ao(u, h);
912
- let m, y;
913
- if (e[3] !== c || e[4] !== l || e[5] !== u || e[6] !== s ? (m = () => {
928
+ }, e[1] = l, e[2] = h) : h = e[2], Go(d, h);
929
+ let b, y;
930
+ if (e[3] !== c || e[4] !== l || e[5] !== d || e[6] !== s ? (b = () => {
914
931
  if (!l)
915
932
  return;
916
933
  const D = () => {
917
- const T = u.current, P = s.current?.getBoundingClientRect();
918
- if (!T || !P)
934
+ const T = d.current, E = s.current?.getBoundingClientRect();
935
+ if (!T || !E)
919
936
  return;
920
937
  const j = Bo({
921
938
  anchor: {
922
- top: P.top,
923
- left: P.left,
924
- width: P.width,
925
- height: P.height
939
+ top: E.top,
940
+ left: E.left,
941
+ width: E.width,
942
+ height: E.height
926
943
  },
927
944
  popup: {
928
945
  width: T.offsetWidth,
@@ -934,7 +951,7 @@ function Xo(t) {
934
951
  },
935
952
  side: "bottom",
936
953
  align: c,
937
- offset: Ce.xs
954
+ offset: Se.xs
938
955
  });
939
956
  x((z) => z.top === j.top && z.left === j.left ? z : {
940
957
  top: j.top,
@@ -944,89 +961,89 @@ function Xo(t) {
944
961
  return D(), window.addEventListener("resize", D), window.addEventListener("scroll", D, !0), () => {
945
962
  window.removeEventListener("resize", D), window.removeEventListener("scroll", D, !0);
946
963
  };
947
- }, y = [l, c, u, s], e[3] = c, e[4] = l, e[5] = u, e[6] = s, e[7] = m, e[8] = y) : (m = e[7], y = e[8]), J(m, y), !l || typeof document > "u")
964
+ }, 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")
948
965
  return null;
949
- const k = n ?? void 0;
966
+ const k = r ?? void 0;
950
967
  let w;
951
- e[9] !== d.left || e[10] !== d.top ? (w = B.popupPosition(d.top, d.left), e[9] = d.left, e[10] = d.top, e[11] = w) : w = e[11];
952
- let S;
953
- e[12] !== w ? (S = [B.popup, w], e[12] = w, e[13] = S) : S = e[13];
968
+ 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];
969
+ let C;
970
+ e[12] !== w ? (C = [P.popup, w], e[12] = w, e[13] = C) : C = e[13];
954
971
  let R;
955
- e[14] !== o ? (R = /* @__PURE__ */ M(Lo, { children: o }), e[14] = o, e[15] = R) : R = e[15];
972
+ e[14] !== o ? (R = /* @__PURE__ */ M(Io, { children: o }), e[14] = o, e[15] = R) : R = e[15];
956
973
  let H;
957
- e[16] !== a || e[17] !== u || e[18] !== k || e[19] !== S || e[20] !== R || e[21] !== i ? (H = /* @__PURE__ */ M("div", { "data-element-src": "Menu/Menu.tsx:155", ref: u, id: a, role: "menu", tabIndex: -1, "aria-labelledby": i, "aria-activedescendant": k, ...W(C.div, S), children: R }), e[16] = a, e[17] = u, e[18] = k, e[19] = S, e[20] = R, e[21] = i, e[22] = H) : H = e[22];
958
- const L = g ?? document.body;
974
+ 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];
975
+ const I = g ?? document.body;
959
976
  let O;
960
- return e[23] !== H || e[24] !== L ? (O = We(H, L), e[23] = H, e[24] = L, e[25] = O) : O = e[25], O;
977
+ return e[23] !== H || e[24] !== I ? (O = We(H, I), e[23] = H, e[24] = I, e[25] = O) : O = e[25], O;
961
978
  }
962
- function Vo(t) {
963
- const e = I.c(18), {
979
+ function Xo(t) {
980
+ const e = L.c(18), {
964
981
  onClick: o,
965
- children: r
982
+ children: n
966
983
  } = t, {
967
984
  close: c,
968
985
  highlightedId: l,
969
986
  setHighlightedId: a,
970
987
  registerItem: i
971
- } = ee(), n = Y(), s = q(null), u = l === n;
972
- let p, d;
973
- e[0] !== n || e[1] !== i ? (p = () => {
988
+ } = ee(), r = Y(), s = q(null), d = l === r;
989
+ let p, u;
990
+ e[0] !== r || e[1] !== i ? (p = () => {
974
991
  const w = s.current;
975
992
  if (w)
976
- return i(n, w);
977
- }, d = [n, i], e[0] = n, e[1] = i, e[2] = p, e[3] = d) : (p = e[2], d = e[3]), F(p, d);
993
+ return i(r, w);
994
+ }, u = [r, i], e[0] = r, e[1] = i, e[2] = p, e[3] = u) : (p = e[2], u = e[3]), F(p, u);
978
995
  let x;
979
996
  e[4] !== c || e[5] !== o ? (x = () => {
980
997
  o?.(), c();
981
998
  }, e[4] = c, e[5] = o, e[6] = x) : x = e[6];
982
999
  const g = x;
983
1000
  let h;
984
- e[7] !== n || e[8] !== a ? (h = () => a(n), e[7] = n, e[8] = a, e[9] = h) : h = e[9];
985
- const m = u && B.itemHighlighted;
1001
+ e[7] !== r || e[8] !== a ? (h = () => a(r), e[7] = r, e[8] = a, e[9] = h) : h = e[9];
1002
+ const b = d && P.itemHighlighted;
986
1003
  let y;
987
- e[10] !== m ? (y = [B.item, m], e[10] = m, e[11] = y) : y = e[11];
1004
+ e[10] !== b ? (y = [P.item, b], e[10] = b, e[11] = y) : y = e[11];
988
1005
  let k;
989
- return e[12] !== r || e[13] !== g || e[14] !== n || e[15] !== h || e[16] !== y ? (k = /* @__PURE__ */ M("div", { "data-element-src": "Menu/Menu.tsx:194", ref: s, id: n, role: "menuitem", onClick: g, onPointerEnter: h, ...W(C.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;
1006
+ 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;
990
1007
  }
991
1008
  function Ko(t) {
992
- const e = I.c(18), {
1009
+ const e = L.c(18), {
993
1010
  href: o,
994
- children: r
1011
+ children: n
995
1012
  } = t, {
996
1013
  close: c,
997
1014
  highlightedId: l,
998
1015
  setHighlightedId: a,
999
1016
  registerItem: i
1000
- } = ee(), n = Y(), s = q(null), u = l === n;
1001
- let p, d;
1002
- e[0] !== n || e[1] !== i ? (p = () => {
1017
+ } = ee(), r = Y(), s = q(null), d = l === r;
1018
+ let p, u;
1019
+ e[0] !== r || e[1] !== i ? (p = () => {
1003
1020
  const k = s.current;
1004
1021
  if (k)
1005
- return i(n, k);
1006
- }, d = [n, i], e[0] = n, e[1] = i, e[2] = p, e[3] = d) : (p = e[2], d = e[3]), F(p, d);
1022
+ return i(r, k);
1023
+ }, u = [r, i], e[0] = r, e[1] = i, e[2] = p, e[3] = u) : (p = e[2], u = e[3]), F(p, u);
1007
1024
  let x;
1008
1025
  e[4] !== c ? (x = () => c(), e[4] = c, e[5] = x) : x = e[5];
1009
1026
  let g;
1010
- e[6] !== n || e[7] !== a ? (g = () => a(n), e[6] = n, e[7] = a, e[8] = g) : g = e[8];
1011
- const h = u && B.itemHighlighted;
1012
- let m;
1013
- e[9] !== h ? (m = [B.item, B.linkItem, h], e[9] = h, e[10] = m) : m = e[10];
1027
+ e[6] !== r || e[7] !== a ? (g = () => a(r), e[6] = r, e[7] = a, e[8] = g) : g = e[8];
1028
+ const h = d && P.itemHighlighted;
1029
+ let b;
1030
+ e[9] !== h ? (b = [P.item, P.linkItem, h], e[9] = h, e[10] = b) : b = e[10];
1014
1031
  let y;
1015
- return e[11] !== r || e[12] !== o || e[13] !== n || e[14] !== x || e[15] !== g || e[16] !== m ? (y = /* @__PURE__ */ M("a", { "data-element-src": "Menu/Menu.tsx:226", ref: s, id: n, href: o, onClick: x, role: "menuitem", onPointerEnter: g, ...W(C.a, m), children: r }), e[11] = r, e[12] = o, e[13] = n, e[14] = x, e[15] = g, e[16] = m, e[17] = y) : y = e[17], y;
1032
+ 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;
1016
1033
  }
1017
1034
  function No() {
1018
- const t = I.c(1);
1035
+ const t = L.c(1);
1019
1036
  let e;
1020
- return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ M("div", { "data-element-src": "Menu/Menu.tsx:245", role: "separator", "aria-orientation": "horizontal", ...W(C.div, B.separator) }), t[0] = e) : e = t[0], e;
1037
+ 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;
1021
1038
  }
1022
- const xr = {
1023
- Root: Go,
1039
+ const gn = {
1040
+ Root: Ao,
1024
1041
  Trigger: Fo,
1025
- Popup: Xo,
1026
- Item: Vo,
1042
+ Popup: Vo,
1043
+ Item: Xo,
1027
1044
  LinkItem: Ko,
1028
1045
  Separator: No
1029
- }, gr = {
1046
+ }, hn = {
1030
1047
  xs: 480,
1031
1048
  sm: 640,
1032
1049
  md: 768,
@@ -1241,20 +1258,20 @@ const xr = {
1241
1258
  "--x-1pds3uo": t ?? void 0,
1242
1259
  "--x-1n5740v": e ?? void 0
1243
1260
  }]
1244
- }, we = G(null);
1261
+ }, we = A(null);
1245
1262
  function te() {
1246
- const t = A(we);
1263
+ const t = G(we);
1247
1264
  if (!t)
1248
1265
  throw new Error("Table compound components must be used within Table.Root");
1249
1266
  return t;
1250
1267
  }
1251
- const re = G(!1);
1268
+ const ne = A(!1);
1252
1269
  function _o(t) {
1253
- const e = I.c(2), {
1270
+ const e = L.c(2), {
1254
1271
  children: o
1255
1272
  } = t;
1256
- let r;
1257
- return e[0] !== o ? (r = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:55", ...W(C.div, $.container), children: o }), e[0] = o, e[1] = r) : r = e[1], r;
1273
+ let n;
1274
+ 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;
1258
1275
  }
1259
1276
  function Yo(t) {
1260
1277
  let e = "";
@@ -1265,72 +1282,72 @@ function Yo(t) {
1265
1282
  function Zo(t) {
1266
1283
  let e = t;
1267
1284
  for (let o = 0; o < 8 && e && typeof e == "object"; o++) {
1268
- const r = e.type ?? e.render;
1269
- if (r == null) break;
1270
- e = r;
1285
+ const n = e.type ?? e.render;
1286
+ if (n == null) break;
1287
+ e = n;
1271
1288
  }
1272
1289
  return e;
1273
1290
  }
1274
1291
  function Uo(t, e) {
1275
- const o = [], r = [], c = [];
1292
+ const o = [], n = [], c = [];
1276
1293
  function l(a) {
1277
1294
  Q.forEach(a, (i) => {
1278
1295
  if (!Te(i)) return;
1279
- const n = i.props, s = Zo(i.type), u = s?.displayName || s?.name || "";
1280
- if (s === ie || u === "HeaderCell") {
1281
- const p = n.width ? String(ue(n.width)) : `minmax(${ve(e)}, 1fr)`;
1282
- o.push(p), r.push(n.compactWidth ? String(ue(n.compactWidth)) : p);
1283
- const d = typeof n.label == "string" ? n.label : void 0, x = Yo(n.children).trim(), g = d ?? x;
1284
- !d && x === "" && n.children != null && fe("Table", "headerCell-missing-label", "Table.HeaderCell with JSX children must set `label` for stack-mode rendering."), c.push(g);
1285
- } else n.children && l(n.children);
1296
+ const r = i.props, s = Zo(i.type), d = s?.displayName || s?.name || "";
1297
+ if (s === ie || d === "HeaderCell") {
1298
+ const p = r.width ? String(ue(r.width)) : `minmax(${ve(e)}, 1fr)`;
1299
+ o.push(p), n.push(r.compactWidth ? String(ue(r.compactWidth)) : p);
1300
+ const u = typeof r.label == "string" ? r.label : void 0, x = Yo(r.children).trim(), g = u ?? x;
1301
+ !u && x === "" && r.children != null && fe("Table", "headerCell-missing-label", "Table.HeaderCell with JSX children must set `label` for stack-mode rendering."), c.push(g);
1302
+ } else r.children && l(r.children);
1286
1303
  });
1287
1304
  }
1288
1305
  return l(t), {
1289
1306
  template: o.join(" "),
1290
- compactTemplate: r.join(" "),
1307
+ compactTemplate: n.join(" "),
1291
1308
  labels: c
1292
1309
  };
1293
1310
  }
1294
1311
  function Jo(t) {
1295
- const e = I.c(13), {
1312
+ const e = L.c(13), {
1296
1313
  children: o
1297
- } = t, r = q(null);
1314
+ } = t, n = q(null);
1298
1315
  let c;
1299
1316
  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {
1300
1317
  start: !1,
1301
1318
  end: !1
1302
1319
  }, e[0] = c) : c = e[0];
1303
1320
  const [l, a] = Z(c);
1304
- let i, n;
1321
+ let i, r;
1305
1322
  e[1] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
1306
- const h = r.current;
1323
+ const h = n.current;
1307
1324
  if (!h)
1308
1325
  return;
1309
- const m = () => {
1326
+ const b = () => {
1310
1327
  const k = h.scrollWidth - h.clientWidth > 1;
1311
1328
  a({
1312
1329
  start: k && h.scrollLeft > 1,
1313
1330
  end: k && h.scrollLeft + h.clientWidth < h.scrollWidth - 1
1314
1331
  });
1315
1332
  };
1316
- m(), h.addEventListener("scroll", m, {
1333
+ b(), h.addEventListener("scroll", b, {
1317
1334
  passive: !0
1318
1335
  });
1319
- const y = typeof ResizeObserver < "u" ? new ResizeObserver(m) : null;
1336
+ const y = typeof ResizeObserver < "u" ? new ResizeObserver(b) : null;
1320
1337
  return y?.observe(h), () => {
1321
- h.removeEventListener("scroll", m), y?.disconnect();
1338
+ h.removeEventListener("scroll", b), y?.disconnect();
1322
1339
  };
1323
- }, n = [], e[1] = i, e[2] = n) : (i = e[1], n = e[2]), F(i, n);
1340
+ }, r = [], e[1] = i, e[2] = r) : (i = e[1], r = e[2]), F(i, r);
1324
1341
  let s;
1325
- e[3] !== o ? (s = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:196", ref: r, ...W(C.div, $.scrollX), children: o }), e[3] = o, e[4] = s) : s = e[4];
1326
- const u = l.start && $.edgeFadeVisible;
1342
+ 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];
1343
+ const d = l.start && $.edgeFadeVisible;
1327
1344
  let p;
1328
- e[5] !== u ? (p = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:199", "aria-hidden": !0, ...W(C.div, $.edgeFade, $.edgeFadeLeft, u) }), e[5] = u, e[6] = p) : p = e[6];
1329
- const d = l.end && $.edgeFadeVisible;
1345
+ 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];
1346
+ const u = l.end && $.edgeFadeVisible;
1330
1347
  let x;
1331
- e[7] !== d ? (x = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:203", "aria-hidden": !0, ...W(C.div, $.edgeFade, $.edgeFadeRight, d) }), e[7] = d, e[8] = x) : x = e[8];
1348
+ 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];
1332
1349
  let g;
1333
- return e[9] !== s || e[10] !== p || e[11] !== x ? (g = /* @__PURE__ */ U("div", { "data-element-src": "Table/Table.tsx:195", ...W(C.div, $.scrollFrame), children: [
1350
+ 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: [
1334
1351
  s,
1335
1352
  p,
1336
1353
  x
@@ -1340,19 +1357,19 @@ function Qo({
1340
1357
  children: t,
1341
1358
  variant: e = "default",
1342
1359
  size: o = "md",
1343
- responsive: r = !0,
1360
+ responsive: n = !0,
1344
1361
  minColumnWidth: c = "labelMinW",
1345
1362
  sortChip: l,
1346
1363
  pagination: a
1347
1364
  }) {
1348
1365
  const i = q(null), {
1349
- template: n,
1366
+ template: r,
1350
1367
  compactTemplate: s,
1351
- labels: u
1368
+ labels: d
1352
1369
  } = Uo(t, c);
1353
- n && (i.current = n);
1370
+ r && (i.current = r);
1354
1371
  const p = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:257", role: "table", ...W(
1355
- C.div,
1372
+ S.div,
1356
1373
  $.root,
1357
1374
  // When responsive, use gridColumnsResponsive so the explicit column
1358
1375
  // template and the stack-mode @container override live in one StyleX
@@ -1360,147 +1377,147 @@ function Qo({
1360
1377
  // rootResponsive) causes StyleX conflict resolution to drop the
1361
1378
  // column template because rootResponsive's gridTemplateColumns key
1362
1379
  // always wins as the later entry in the array.
1363
- n ? r ? $.gridColumnsResponsive(n, s) : $.gridColumns(n) : void 0,
1364
- r && $.rootResponsive
1380
+ r ? n ? $.gridColumnsResponsive(r, s) : $.gridColumns(r) : void 0,
1381
+ n && $.rootResponsive
1365
1382
  ), children: t }), x = /* @__PURE__ */ U(Me, { children: [
1366
1383
  l,
1367
- r ? /* @__PURE__ */ M(Jo, { children: p }) : p,
1384
+ n ? /* @__PURE__ */ M(Jo, { children: p }) : p,
1368
1385
  a
1369
1386
  ] });
1370
1387
  return /* @__PURE__ */ M(we.Provider, { value: {
1371
1388
  variant: e,
1372
1389
  size: o,
1373
- responsive: r,
1374
- labels: u,
1390
+ responsive: n,
1391
+ labels: d,
1375
1392
  inferredTemplateRef: i
1376
- }, children: r ? /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:299", ...W(C.div, $.rootContainer), children: x }) : x });
1393
+ }, children: n ? /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:299", ...W(S.div, $.rootContainer), children: x }) : x });
1377
1394
  }
1378
- function er(t) {
1379
- const e = I.c(2), {
1395
+ function en(t) {
1396
+ const e = L.c(2), {
1380
1397
  children: o
1381
1398
  } = t;
1382
- let r;
1383
- return e[0] !== o ? (r = /* @__PURE__ */ M(re.Provider, { value: !0, children: /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:309", role: "rowgroup", ...W(C.div, $.header), children: o }) }), e[0] = o, e[1] = r) : r = e[1], r;
1399
+ let n;
1400
+ 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;
1384
1401
  }
1385
- function tr(t) {
1386
- const e = I.c(19), {
1402
+ function tn(t) {
1403
+ const e = L.c(19), {
1387
1404
  children: o
1388
1405
  } = t, {
1389
- variant: r
1406
+ variant: n
1390
1407
  } = te();
1391
- let c, l, a, i, n, s;
1392
- if (e[0] !== o || e[1] !== r) {
1393
- const d = Q.toArray(o);
1394
- l = re.Provider, s = !1, c = $o.div, a = "rowgroup", i = $.body;
1408
+ let c, l, a, i, r, s;
1409
+ if (e[0] !== o || e[1] !== n) {
1410
+ const u = Q.toArray(o);
1411
+ l = ne.Provider, s = !1, c = $o.div, a = "rowgroup", i = $.body;
1395
1412
  let x;
1396
- e[8] !== r ? (x = (g, h) => r !== "striped" ? g : /* @__PURE__ */ M($e.Provider, { value: h, children: g }, g.key ?? h), e[8] = r, e[9] = x) : x = e[9], n = d.map(x), e[0] = o, e[1] = r, e[2] = c, e[3] = l, e[4] = a, e[5] = i, e[6] = n, e[7] = s;
1413
+ 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;
1397
1414
  } else
1398
- c = e[2], l = e[3], a = e[4], i = e[5], n = e[6], s = e[7];
1399
- let u;
1400
- e[10] !== c || e[11] !== a || e[12] !== i || e[13] !== n ? (u = /* @__PURE__ */ M(c, { role: a, style: i, children: n }), e[10] = c, e[11] = a, e[12] = i, e[13] = n, e[14] = u) : u = e[14];
1415
+ c = e[2], l = e[3], a = e[4], i = e[5], r = e[6], s = e[7];
1416
+ let d;
1417
+ 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];
1401
1418
  let p;
1402
- return e[15] !== l || e[16] !== s || e[17] !== u ? (p = /* @__PURE__ */ M(l, { value: s, children: u }), e[15] = l, e[16] = s, e[17] = u, e[18] = p) : p = e[18], p;
1419
+ 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;
1403
1420
  }
1404
- const $e = G(-1), or = 'button, a, input, select, textarea, [role="button"], [role="link"], [role="checkbox"], [role="menuitem"], [role="switch"], [role="tab"], [contenteditable="true"]';
1405
- function rr(t) {
1406
- const e = I.c(17), {
1421
+ const $e = A(-1), on = 'button, a, input, select, textarea, [role="button"], [role="link"], [role="checkbox"], [role="menuitem"], [role="switch"], [role="tab"], [contenteditable="true"]';
1422
+ function nn(t) {
1423
+ const e = L.c(17), {
1407
1424
  children: o,
1408
- onClick: r,
1425
+ onClick: n,
1409
1426
  "aria-label": c
1410
1427
  } = t, {
1411
1428
  variant: l
1412
- } = te(), a = A(re), i = A($e), n = i >= 0 && i % 2 === 1;
1429
+ } = te(), a = G(ne), i = G($e), r = i >= 0 && i % 2 === 1;
1413
1430
  let s;
1414
- if (e[0] !== c || e[1] !== o || e[2] !== n || e[3] !== a || e[4] !== r || e[5] !== l) {
1415
- const u = Q.toArray(o), p = r !== void 0 && !a;
1416
- let d;
1417
- e[7] !== p || e[8] !== r ? (d = p ? (k) => {
1431
+ if (e[0] !== c || e[1] !== o || e[2] !== r || e[3] !== a || e[4] !== n || e[5] !== l) {
1432
+ const d = Q.toArray(o), p = n !== void 0 && !a;
1433
+ let u;
1434
+ e[7] !== p || e[8] !== n ? (u = p ? (k) => {
1418
1435
  const w = k.target;
1419
- w instanceof Element && w.closest(or) || r();
1420
- } : void 0, e[7] = p, e[8] = r, e[9] = d) : d = e[9];
1436
+ w instanceof Element && w.closest(on) || n();
1437
+ } : void 0, e[7] = p, e[8] = n, e[9] = u) : u = e[9];
1421
1438
  let x;
1422
- e[10] !== p || e[11] !== r ? (x = p ? (k) => {
1423
- (k.key === "Enter" || k.key === " ") && r();
1424
- } : void 0, e[10] = p, e[11] = r, e[12] = x) : x = e[12];
1425
- const g = !a && $.bodyRow, h = !a && l === "striped" && n && $.stripedEven, m = p && $.clickableRow;
1439
+ e[10] !== p || e[11] !== n ? (x = p ? (k) => {
1440
+ (k.key === "Enter" || k.key === " ") && n();
1441
+ } : void 0, e[10] = p, e[11] = n, e[12] = x) : x = e[12];
1442
+ const g = !a && $.bodyRow, h = !a && l === "striped" && r && $.stripedEven, b = p && $.clickableRow;
1426
1443
  let y;
1427
- e[13] !== g || e[14] !== h || e[15] !== m ? (y = [$.row, g, h, m], e[13] = g, e[14] = h, e[15] = m, 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: d, onKeyDown: x, ...W(C.div, y), children: u.map((k, w) => /* @__PURE__ */ M(ne.Provider, { value: {
1444
+ 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: {
1428
1445
  index: w,
1429
- total: u.length
1430
- }, children: k }, k.key ?? w)) }), e[0] = c, e[1] = o, e[2] = n, e[3] = a, e[4] = r, e[5] = l, e[6] = s;
1446
+ total: d.length
1447
+ }, 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;
1431
1448
  } else
1432
1449
  s = e[6];
1433
1450
  return s;
1434
1451
  }
1435
- const ne = G({
1452
+ const re = A({
1436
1453
  index: 0,
1437
1454
  total: 0
1438
1455
  });
1439
1456
  function ie(t) {
1440
- const e = I.c(8), {
1457
+ const e = L.c(8), {
1441
1458
  children: o,
1442
- "aria-label": r
1459
+ "aria-label": n
1443
1460
  } = t, {
1444
1461
  size: c,
1445
1462
  variant: l
1446
1463
  } = te(), {
1447
1464
  index: a,
1448
1465
  total: i
1449
- } = A(ne), n = l === "bordered" && a === i - 1, s = c === "sm" ? $.cellSm : $.cellMd, u = l === "bordered" && $.borderedCell, p = n && $.borderedCellLast;
1450
- let d;
1451
- e[0] !== s || e[1] !== u || e[2] !== p ? (d = [$.headerCell, s, u, p], e[0] = s, e[1] = u, e[2] = p, e[3] = d) : d = e[3];
1466
+ } = G(re), r = l === "bordered" && a === i - 1, s = c === "sm" ? $.cellSm : $.cellMd, d = l === "bordered" && $.borderedCell, p = r && $.borderedCellLast;
1467
+ let u;
1468
+ 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];
1452
1469
  let x;
1453
- return e[4] !== r || e[5] !== o || e[6] !== d ? (x = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:467", role: "columnheader", "aria-label": r, ...W(C.div, d), children: o }), e[4] = r, e[5] = o, e[6] = d, e[7] = x) : x = e[7], x;
1470
+ 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;
1454
1471
  }
1455
1472
  ie.displayName = "HeaderCell";
1456
- function nr(t) {
1457
- const e = I.c(16), {
1473
+ function rn(t) {
1474
+ const e = L.c(16), {
1458
1475
  children: o,
1459
- isActions: r
1476
+ isActions: n
1460
1477
  } = t, {
1461
1478
  size: c,
1462
1479
  variant: l,
1463
1480
  labels: a,
1464
1481
  responsive: i
1465
1482
  } = te(), {
1466
- index: n,
1483
+ index: r,
1467
1484
  total: s
1468
- } = A(ne), u = l === "bordered" && n === s - 1, p = a[n] ?? "", d = c === "sm" ? $.cellSm : $.cellMd, x = l === "bordered" && $.borderedCell, g = u && $.borderedCellLast, h = r && $.cellActions;
1469
- let m;
1470
- e[0] !== d || e[1] !== x || e[2] !== g || e[3] !== h ? (m = [$.cell, d, x, g, h], e[0] = d, e[1] = x, e[2] = g, e[3] = h, e[4] = m) : m = e[4];
1485
+ } = 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;
1486
+ let b;
1487
+ 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];
1471
1488
  let y;
1472
- e[5] !== r || e[6] !== p || e[7] !== i ? (y = i && !r && p !== "" ? /* @__PURE__ */ M("span", { "data-element-src": "Table/Table.tsx:507", ...W(C.span, $.cellLabel), children: p }) : null, e[5] = r, e[6] = p, e[7] = i, e[8] = y) : y = e[8];
1489
+ 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];
1473
1490
  let k;
1474
- e[9] !== o || e[10] !== r ? (k = r ? o : /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:509", ...W(C.div, $.cellValue), children: o }), e[9] = o, e[10] = r, e[11] = k) : k = e[11];
1491
+ 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];
1475
1492
  let w;
1476
- return e[12] !== m || e[13] !== y || e[14] !== k ? (w = /* @__PURE__ */ U("div", { "data-element-src": "Table/Table.tsx:496", role: "cell", ...W(C.div, m), children: [
1493
+ 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: [
1477
1494
  y,
1478
1495
  k
1479
- ] }), e[12] = m, e[13] = y, e[14] = k, e[15] = w) : w = e[15], w;
1496
+ ] }), e[12] = b, e[13] = y, e[14] = k, e[15] = w) : w = e[15], w;
1480
1497
  }
1481
- const ir = {
1498
+ const sn = {
1482
1499
  /** @deprecated Wrap behaviour is built into Table.Root. Drop this wrapper from new code. */
1483
1500
  Container: _o,
1484
1501
  Root: Qo,
1485
- Header: er,
1486
- Body: tr,
1487
- Row: rr,
1502
+ Header: en,
1503
+ Body: tn,
1504
+ Row: nn,
1488
1505
  HeaderCell: ie,
1489
- Cell: nr
1490
- }, hr = ir;
1506
+ Cell: rn
1507
+ }, mn = sn;
1491
1508
  export {
1492
1509
  he as B,
1493
- Lo as C,
1494
- dr as D,
1510
+ Io as C,
1511
+ un as D,
1495
1512
  ie as H,
1496
- ur as I,
1497
- xr as M,
1513
+ pn as I,
1514
+ gn as M,
1498
1515
  Oo as P,
1499
- rr as R,
1500
- Ce as S,
1501
- pr as T,
1502
- Io as a,
1503
- Ao as b,
1516
+ nn as R,
1517
+ Se as S,
1518
+ xn as T,
1519
+ Lo as a,
1520
+ Go as b,
1504
1521
  Bo as c,
1505
1522
  fe as d,
1506
1523
  Mo as e,
@@ -1509,17 +1526,17 @@ export {
1509
1526
  $o as h,
1510
1527
  Po as i,
1511
1528
  ue as j,
1512
- gr as k,
1513
- hr as l,
1529
+ hn as k,
1530
+ mn as l,
1514
1531
  $ as m,
1515
- er as n,
1516
- tr as o,
1532
+ en as n,
1533
+ tn as o,
1517
1534
  Qo as p,
1518
- nr as q,
1535
+ rn as q,
1519
1536
  ve as r,
1520
- me as s,
1537
+ be as s,
1521
1538
  _ as t,
1522
- Co as u,
1523
- ir as v
1539
+ So as u,
1540
+ sn as v
1524
1541
  };
1525
- //# sourceMappingURL=Table-DYN-bp0e.js.map
1542
+ //# sourceMappingURL=Table-B1sWL3GA.js.map