@duro-app/ui 5.5.0 → 5.7.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 (115) hide show
  1. package/dist/{Table-DYN-bp0e.js → Table-Dj7PXqO_.js} +405 -387
  2. package/dist/Table-Dj7PXqO_.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/DragDrop/DragDrop.d.ts +95 -14
  10. package/dist/components/DragDrop/DragDrop.d.ts.map +1 -1
  11. package/dist/components/DragDrop/DragDrop.meta.d.ts.map +1 -1
  12. package/dist/components/DragDrop/DragDropBoard.stories.d.ts +69 -0
  13. package/dist/components/DragDrop/DragDropBoard.stories.d.ts.map +1 -0
  14. package/dist/components/DragDrop/styles.css.d.ts +80 -3
  15. package/dist/components/DragDrop/styles.css.d.ts.map +1 -1
  16. package/dist/components/LinkButton/styles.css.d.ts +1 -0
  17. package/dist/components/LinkButton/styles.css.d.ts.map +1 -1
  18. package/dist/components/Menu/Menu.d.ts +4 -1
  19. package/dist/components/Menu/Menu.d.ts.map +1 -1
  20. package/dist/components/Menu/styles.css.d.ts +14 -0
  21. package/dist/components/Menu/styles.css.d.ts.map +1 -1
  22. package/dist/components/Meter/Meter.d.ts +17 -0
  23. package/dist/components/Meter/Meter.d.ts.map +1 -0
  24. package/dist/components/Meter/Meter.meta.d.ts +3 -0
  25. package/dist/components/Meter/Meter.meta.d.ts.map +1 -0
  26. package/dist/components/Meter/Meter.stories.d.ts +12 -0
  27. package/dist/components/Meter/Meter.stories.d.ts.map +1 -0
  28. package/dist/components/Meter/styles.css.d.ts +34 -0
  29. package/dist/components/Meter/styles.css.d.ts.map +1 -0
  30. package/dist/components/Popover/Popover.d.ts +14 -2
  31. package/dist/components/Popover/Popover.d.ts.map +1 -1
  32. package/dist/components/Popover/Popover.meta.d.ts.map +1 -1
  33. package/dist/components/Popover/PopoverLayerContext.d.ts +3 -0
  34. package/dist/components/Popover/PopoverLayerContext.d.ts.map +1 -1
  35. package/dist/components/Popover/PopoverRaised.stories.d.ts +28 -0
  36. package/dist/components/Popover/PopoverRaised.stories.d.ts.map +1 -0
  37. package/dist/components/Popover/styles.css.d.ts +15 -0
  38. package/dist/components/Popover/styles.css.d.ts.map +1 -1
  39. package/dist/components/Select/Select.d.ts +4 -1
  40. package/dist/components/Select/Select.d.ts.map +1 -1
  41. package/dist/components/Select/styles.css.d.ts +9 -0
  42. package/dist/components/Select/styles.css.d.ts.map +1 -1
  43. package/dist/components/Timeline/Timeline.d.ts +71 -0
  44. package/dist/components/Timeline/Timeline.d.ts.map +1 -0
  45. package/dist/components/Timeline/Timeline.meta.d.ts +3 -0
  46. package/dist/components/Timeline/Timeline.meta.d.ts.map +1 -0
  47. package/dist/components/Timeline/Timeline.stories.d.ts +26 -0
  48. package/dist/components/Timeline/Timeline.stories.d.ts.map +1 -0
  49. package/dist/components/Timeline/styles.css.d.ts +158 -0
  50. package/dist/components/Timeline/styles.css.d.ts.map +1 -0
  51. package/dist/components/Toast/Toast.meta.d.ts.map +1 -1
  52. package/dist/components/Toast/Toast.stories.d.ts +9 -0
  53. package/dist/components/Toast/Toast.stories.d.ts.map +1 -1
  54. package/dist/components/Toast/ToastProvider.d.ts +11 -5
  55. package/dist/components/Toast/ToastProvider.d.ts.map +1 -1
  56. package/dist/components/Toast/index.d.ts +1 -1
  57. package/dist/components/Toast/index.d.ts.map +1 -1
  58. package/dist/components/Toast/styles.css.d.ts +6 -0
  59. package/dist/components/Toast/styles.css.d.ts.map +1 -1
  60. package/dist/components/Toggle/Toggle.d.ts +2 -1
  61. package/dist/components/Toggle/Toggle.d.ts.map +1 -1
  62. package/dist/components/Toggle/styles.css.d.ts +1 -0
  63. package/dist/components/Toggle/styles.css.d.ts.map +1 -1
  64. package/dist/index.css +1 -1
  65. package/dist/index.d.ts +6 -2
  66. package/dist/index.d.ts.map +1 -1
  67. package/dist/index.js +4992 -3845
  68. package/dist/index.js.map +1 -1
  69. package/dist/shared/ModalContext.d.ts +7 -0
  70. package/dist/shared/ModalContext.d.ts.map +1 -1
  71. package/dist/shared/exports.typecheck.d.ts +9 -0
  72. package/dist/shared/exports.typecheck.d.ts.map +1 -0
  73. package/dist/shared/types.d.ts +2 -0
  74. package/dist/shared/types.d.ts.map +1 -1
  75. package/dist/table.js +1 -1
  76. package/package.json +2 -2
  77. package/src/components/Button/Button.tsx +2 -1
  78. package/src/components/Button/styles.css.ts +3 -0
  79. package/src/components/ButtonGroup/ButtonGroup.stories.tsx +172 -14
  80. package/src/components/DragDrop/DragDrop.meta.ts +22 -21
  81. package/src/components/DragDrop/DragDrop.tsx +1147 -246
  82. package/src/components/DragDrop/DragDropBoard.stories.tsx +668 -0
  83. package/src/components/DragDrop/styles.css.ts +74 -4
  84. package/src/components/LinkButton/styles.css.ts +4 -0
  85. package/src/components/Menu/Menu.meta.ts +1 -1
  86. package/src/components/Menu/Menu.tsx +17 -2
  87. package/src/components/Menu/styles.css.ts +18 -0
  88. package/src/components/Meter/Meter.meta.ts +24 -0
  89. package/src/components/Meter/Meter.stories.tsx +64 -0
  90. package/src/components/Meter/Meter.tsx +55 -0
  91. package/src/components/Meter/styles.css.ts +30 -0
  92. package/src/components/Popover/Popover.meta.ts +2 -1
  93. package/src/components/Popover/Popover.tsx +29 -4
  94. package/src/components/Popover/PopoverLayerContext.ts +3 -0
  95. package/src/components/Popover/PopoverRaised.stories.tsx +334 -0
  96. package/src/components/Popover/styles.css.ts +21 -0
  97. package/src/components/Select/Select.meta.ts +1 -1
  98. package/src/components/Select/Select.tsx +5 -1
  99. package/src/components/Select/styles.css.ts +12 -0
  100. package/src/components/Timeline/Timeline.meta.ts +46 -0
  101. package/src/components/Timeline/Timeline.stories.tsx +238 -0
  102. package/src/components/Timeline/Timeline.tsx +332 -0
  103. package/src/components/Timeline/styles.css.ts +162 -0
  104. package/src/components/Toast/Toast.meta.ts +2 -1
  105. package/src/components/Toast/Toast.stories.tsx +84 -0
  106. package/src/components/Toast/ToastProvider.tsx +49 -11
  107. package/src/components/Toast/index.ts +7 -1
  108. package/src/components/Toast/styles.css.ts +2 -0
  109. package/src/components/Toggle/Toggle.tsx +2 -1
  110. package/src/components/Toggle/styles.css.ts +2 -0
  111. package/src/index.ts +18 -0
  112. package/src/shared/ModalContext.ts +8 -1
  113. package/src/shared/exports.typecheck.ts +16 -0
  114. package/src/shared/types.ts +3 -0
  115. 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", "timelineLabelW"], _ = {
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)",
@@ -566,22 +566,23 @@ const me = {
566
566
  deviceBarW: "var(--deviceBarW-xqnx4o4)",
567
567
  timeGutterW: "var(--timeGutterW-xsc6tna)",
568
568
  dayHeaderH: "var(--dayHeaderH-x1j7gty0)",
569
+ timelineLabelW: "var(--timelineLabelW-xx6mz1f)",
569
570
  __varGroupHash__: "x1w57kmz"
570
- }, ke = new Set(Se);
571
+ }, ke = new Set(Ce);
571
572
  function ve(t) {
572
- return typeof t == "string" && ke.has(t) ? me[t] : t;
573
+ return typeof t == "string" && ke.has(t) ? be[t] : t;
573
574
  }
574
575
  function ue(t) {
575
576
  const e = t;
576
577
  if (typeof e != "string") return e;
577
578
  const o = /^(minmax|fit-content)\((.*)\)$/.exec(e);
578
579
  if (o) {
579
- const r = o[2].split(",").map((c) => String(ve(c.trim())));
580
- return `${o[1]}(${r.join(", ")})`;
580
+ const n = o[2].split(",").map((c) => String(ve(c.trim())));
581
+ return `${o[1]}(${n.join(", ")})`;
581
582
  }
582
- return ke.has(e) ? me[e] : e;
583
+ return ke.has(e) ? be[e] : e;
583
584
  }
584
- const B = {
585
+ const P = {
585
586
  root: {
586
587
  "position-kVAEAm": "position-x1n2onr6",
587
588
  "display-k1xSpc": "display-x3nfvp2",
@@ -619,6 +620,22 @@ const B = {
619
620
  "borderColor-kVAM5u": "borderColor-x9r1u3d",
620
621
  $$css: "Menu/styles.css.ts:40"
621
622
  },
623
+ triggerSmall: {
624
+ "gap-kOIVth": "gap-xl5ne8a",
625
+ "paddingTop-kLKAdn": "paddingTop-x1i738hq",
626
+ "paddingBottom-kGO01o": "paddingBottom-x6sojwk",
627
+ "paddingLeft-kE3dHu": "paddingLeft-x6xq64o",
628
+ "paddingRight-kpe85a": "paddingRight-xpkaq21",
629
+ "fontSize-kGuDYH": "fontSize-x1f81oxx",
630
+ "minHeight-kAzted": "minHeight-xjf0s44 minHeight-xztz0i",
631
+ $$css: "Menu/styles.css.ts:53"
632
+ },
633
+ triggerGhostSmall: {
634
+ "fontSize-kGuDYH": "fontSize-x1f81oxx",
635
+ "minWidth-k7Eaqz": "minWidth-x1xyvl2a",
636
+ "minHeight-kAzted": "minHeight-xmlnt67 minHeight-xztz0i",
637
+ $$css: "Menu/styles.css.ts:63"
638
+ },
622
639
  popup: {
623
640
  "position-kVAEAm": "position-xixxii4",
624
641
  "top-k87sOh": "top-x13vifvy",
@@ -637,12 +654,12 @@ const B = {
637
654
  "zIndex-kY2c9j": "zIndex-x9qr3eb",
638
655
  "pointerEvents-kfzvcC": "pointerEvents-x67bb7w",
639
656
  "outlineStyle-k3XXqK": "outlineStyle-x1t137rt",
640
- $$css: "Menu/styles.css.ts:50"
657
+ $$css: "Menu/styles.css.ts:68"
641
658
  },
642
659
  popupPosition: (t, e) => [{
643
660
  "top-k87sOh": t != null ? "top-xjbys53" : t,
644
661
  "left-kbCHJM": e != null ? "left-xgq9j65" : e,
645
- $$css: "Menu/styles.css.ts:73"
662
+ $$css: "Menu/styles.css.ts:91"
646
663
  }, {
647
664
  "--x-top": ((o) => typeof o == "number" ? o + "px" : o ?? void 0)(t),
648
665
  "--x-left": ((o) => typeof o == "number" ? o + "px" : o ?? void 0)(e)
@@ -662,7 +679,7 @@ const B = {
662
679
  "backgroundColor-kWkggS": "backgroundColor-xjbqb8w",
663
680
  "transitionProperty-k1ekBW": "transitionProperty-x15406qy",
664
681
  "transitionDuration-kIyJzY": "transitionDuration-x13k8chi",
665
- $$css: "Menu/styles.css.ts:77"
682
+ $$css: "Menu/styles.css.ts:95"
666
683
  },
667
684
  itemHighlighted: {
668
685
  "backgroundColor-kWkggS": "backgroundColor-xlyqa1p",
@@ -670,7 +687,7 @@ const B = {
670
687
  "outlineWidth-kMeerF": "outlineWidth-x1a33d5h",
671
688
  "outlineColor-kjBf7l": "outlineColor-x1uczgqu",
672
689
  "outlineOffset-kInvED": "outlineOffset-x186wpgv",
673
- $$css: "Menu/styles.css.ts:95"
690
+ $$css: "Menu/styles.css.ts:113"
674
691
  },
675
692
  separator: {
676
693
  "height-kZKoxP": "height-xqtp20y",
@@ -679,16 +696,16 @@ const B = {
679
696
  "borderTopWidth-kEafiO": "borderTopWidth-xljp14s",
680
697
  "borderTopStyle-kPef9Z": "borderTopStyle-x13fuv20",
681
698
  "borderTopColor-kLZC3w": "borderTopColor-xvuocu",
682
- $$css: "Menu/styles.css.ts:102"
699
+ $$css: "Menu/styles.css.ts:120"
683
700
  },
684
701
  linkItem: {
685
702
  "textDecoration-kybGjl": "textDecoration-x1hl2dhg",
686
703
  "color-kMwMTN": "color-x95150z color-xtolcfe",
687
- $$css: "Menu/styles.css.ts:110"
704
+ $$css: "Menu/styles.css.ts:128"
688
705
  }
689
- }, ye = G(null);
706
+ }, ye = A(null);
690
707
  function ee() {
691
- const t = A(ye);
708
+ const t = G(ye);
692
709
  if (!t)
693
710
  throw new Error("Menu compound components must be used within Menu.Root");
694
711
  return t;
@@ -701,52 +718,52 @@ function Eo({
701
718
  defaultOpen: e = !1,
702
719
  onOpenChange: o
703
720
  }) {
704
- const [r, c] = Z(e), l = t !== void 0, a = l ? t : r, [i, n] = Z(null), s = q(i);
721
+ const [n, c] = Z(e), l = t !== void 0, a = l ? t : n, [i, r] = Z(null), s = q(i);
705
722
  J(() => {
706
723
  s.current = i;
707
724
  }, [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);
725
+ 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
726
  y.current = a;
710
727
  const k = q(o);
711
728
  k.current = o;
712
729
  const w = K((T) => {
713
730
  T !== y.current && (l || c(T), k.current?.(T));
714
- }, [l]), S = K(() => {
715
- y.current && (w(!1), n(null));
731
+ }, [l]), C = K(() => {
732
+ y.current && (w(!1), r(null));
716
733
  }, [w]), R = K(() => {
717
- y.current && (S(), x.current?.focus());
718
- }, [S]), H = K(() => {
734
+ y.current && (C(), x.current?.focus());
735
+ }, [C]), H = K(() => {
719
736
  y.current ? R() : w(!0);
720
- }, [R, w]), L = q(!1);
737
+ }, [R, w]), I = q(!1);
721
738
  F(() => {
722
- if (a && !L.current) {
739
+ if (a && !I.current) {
723
740
  g.current?.focus({
724
741
  preventScroll: !0
725
742
  });
726
- const T = m.current[0];
727
- T && n(T);
728
- } else !a && L.current && n(null);
729
- L.current = a;
743
+ const T = b.current[0];
744
+ T && r(T);
745
+ } else !a && I.current && r(null);
746
+ I.current = a;
730
747
  }, [a]), F(() => {
731
748
  if (!i) return;
732
749
  h.current.get(i)?.scrollIntoView?.({
733
750
  block: "nearest"
734
751
  });
735
752
  }, [i]);
736
- const O = K((T, P) => {
737
- h.current.set(T, P);
753
+ const O = K((T, E) => {
754
+ h.current.set(T, E);
738
755
  const j = h.current, z = [...j.keys()];
739
- return z.sort((E, N) => {
740
- const se = j.get(E), le = j.get(N);
756
+ return z.sort((B, N) => {
757
+ const se = j.get(B), le = j.get(N);
741
758
  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);
759
+ }), b.current = z, () => {
760
+ h.current.delete(T), b.current = b.current.filter((B) => B !== T);
744
761
  };
745
762
  }, []);
746
763
  return F(() => {
747
764
  const T = g.current;
748
765
  if (!T || !a) return;
749
- function P(j) {
766
+ function E(j) {
750
767
  if (j.key === "Escape") {
751
768
  j.preventDefault(), j.stopPropagation(), R();
752
769
  return;
@@ -755,174 +772,175 @@ function Eo({
755
772
  R();
756
773
  return;
757
774
  }
758
- const z = m.current;
775
+ const z = b.current;
759
776
  if (z.length !== 0)
760
777
  switch (j.key) {
761
778
  case "ArrowDown": {
762
- j.preventDefault(), n((E) => {
763
- const N = E ? z.indexOf(E) : -1;
779
+ j.preventDefault(), r((B) => {
780
+ const N = B ? z.indexOf(B) : -1;
764
781
  return z[(N + 1) % z.length];
765
782
  });
766
783
  break;
767
784
  }
768
785
  case "ArrowUp": {
769
- j.preventDefault(), n((E) => {
770
- const N = E ? z.indexOf(E) : 0;
786
+ j.preventDefault(), r((B) => {
787
+ const N = B ? z.indexOf(B) : 0;
771
788
  return z[(N - 1 + z.length) % z.length];
772
789
  });
773
790
  break;
774
791
  }
775
792
  case "Home": {
776
- j.preventDefault(), n(z[0]);
793
+ j.preventDefault(), r(z[0]);
777
794
  break;
778
795
  }
779
796
  case "End": {
780
- j.preventDefault(), n(z[z.length - 1]);
797
+ j.preventDefault(), r(z[z.length - 1]);
781
798
  break;
782
799
  }
783
800
  case "Enter":
784
801
  case " ": {
785
802
  j.preventDefault();
786
- const E = s.current;
787
- E && h.current.get(E)?.click();
803
+ const B = s.current;
804
+ B && h.current.get(B)?.click();
788
805
  break;
789
806
  }
790
807
  }
791
808
  }
792
- return T.addEventListener("keydown", P), () => T.removeEventListener("keydown", P);
809
+ return T.addEventListener("keydown", E), () => T.removeEventListener("keydown", E);
793
810
  }, [a, R]), F(() => {
794
811
  if (!a) return;
795
- function T(P) {
796
- Po(P.target, [g.current, x.current]) && S();
812
+ function T(E) {
813
+ Po(E.target, [g.current, x.current]) && C();
797
814
  }
798
815
  return document.addEventListener("pointerdown", T, !0), () => document.removeEventListener("pointerdown", T, !0);
799
- }, [a, S]), {
816
+ }, [a, C]), {
800
817
  ctx: {
801
818
  open: a,
802
819
  toggle: H,
803
820
  close: R,
804
- menuId: u,
821
+ menuId: d,
805
822
  triggerId: p,
806
823
  highlightedId: i,
807
- setHighlightedId: n,
824
+ setHighlightedId: r,
808
825
  registerItem: O,
809
826
  triggerRef: x,
810
827
  popupRef: g
811
828
  },
812
- rootRef: d
829
+ rootRef: u
813
830
  };
814
831
  }
815
832
  function Bo({
816
833
  anchor: t,
817
834
  popup: e,
818
835
  viewport: o,
819
- side: r,
836
+ side: n,
820
837
  align: c,
821
838
  offset: l
822
839
  }) {
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);
840
+ const a = t.top + t.height + l, i = t.top - l - e.height, r = a + e.height <= o.height, s = i >= 0;
841
+ let d = n;
842
+ n === "bottom" && !r && s ? d = "top" : n === "top" && !s && r && (d = "bottom");
843
+ const p = d === "bottom" ? a : i;
844
+ let u = t.left;
845
+ c === "center" ? u = t.left + (t.width - e.width) / 2 : c === "end" && (u = t.left + t.width - e.width);
829
846
  const x = Math.max(0, o.width - e.width);
830
- return d = Math.min(Math.max(0, d), x), {
847
+ return u = Math.min(Math.max(0, u), x), {
831
848
  top: p,
832
- left: d,
833
- side: u
849
+ left: u,
850
+ side: d
834
851
  };
835
852
  }
836
- const Oo = G(null);
837
- function Ao(t, e) {
838
- const o = I.c(5), {
839
- active: r
840
- } = e, c = A(Oo);
853
+ const Oo = A(null);
854
+ function Go(t, e) {
855
+ const o = L.c(5), {
856
+ active: n
857
+ } = e, c = G(Oo);
841
858
  let l, a;
842
- o[0] !== r || o[1] !== c || o[2] !== t ? (l = () => {
859
+ o[0] !== n || o[1] !== c || o[2] !== t ? (l = () => {
843
860
  const i = t.current;
844
- if (!(!c || !r || !i))
861
+ if (!(!c || !n || !i))
845
862
  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);
863
+ }, 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
864
  }
848
- function Go(t) {
849
- const e = I.c(10), {
865
+ function Ao(t) {
866
+ const e = L.c(10), {
850
867
  children: o,
851
- open: r,
868
+ open: n,
852
869
  defaultOpen: c,
853
870
  onOpenChange: l
854
871
  } = t;
855
872
  let a;
856
- e[0] !== c || e[1] !== l || e[2] !== r ? (a = {
857
- open: r,
873
+ e[0] !== c || e[1] !== l || e[2] !== n ? (a = {
874
+ open: n,
858
875
  defaultOpen: c,
859
876
  onOpenChange: l
860
- }, e[0] = c, e[1] = l, e[2] = r, e[3] = a) : a = e[3];
877
+ }, e[0] = c, e[1] = l, e[2] = n, e[3] = a) : a = e[3];
861
878
  const {
862
879
  ctx: i,
863
- rootRef: n
880
+ rootRef: r
864
881
  } = Eo(a);
865
882
  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;
883
+ 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];
884
+ let d;
885
+ 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
886
  }
870
887
  const Do = 'button, a[href], input, select, textarea, [role="button"]';
871
888
  function Fo({
872
889
  children: t,
873
890
  "aria-label": e,
874
891
  variant: o = "default",
875
- ref: r
892
+ size: n = "default",
893
+ ref: c
876
894
  }) {
877
895
  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]);
896
+ open: l,
897
+ toggle: a,
898
+ menuId: i,
899
+ triggerId: r,
900
+ triggerRef: s
901
+ } = ee(), d = So(), p = d.ref, u = K((x) => {
902
+ s.current = x, p.current = x, typeof c == "function" ? c(x) : c && (c.current = x);
903
+ }, [c, s, p]);
886
904
  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 });
905
+ 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.");
906
+ }, [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
907
  }
890
- function Xo(t) {
891
- const e = I.c(26), {
908
+ function Vo(t) {
909
+ const e = L.c(26), {
892
910
  children: o,
893
- align: r
894
- } = t, c = r === void 0 ? "start" : r, {
911
+ align: n
912
+ } = t, c = n === void 0 ? "start" : n, {
895
913
  open: l,
896
914
  menuId: a,
897
915
  triggerId: i,
898
- highlightedId: n,
916
+ highlightedId: r,
899
917
  triggerRef: s,
900
- popupRef: u
918
+ popupRef: d
901
919
  } = ee();
902
920
  let p;
903
921
  e[0] === Symbol.for("react.memo_cache_sentinel") ? (p = {
904
922
  top: 0,
905
923
  left: 0
906
924
  }, e[0] = p) : p = e[0];
907
- const [d, x] = Z(p), g = Io();
925
+ const [u, x] = Z(p), g = Lo();
908
926
  let h;
909
927
  e[1] !== l ? (h = {
910
928
  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 = () => {
929
+ }, e[1] = l, e[2] = h) : h = e[2], Go(d, h);
930
+ let b, y;
931
+ if (e[3] !== c || e[4] !== l || e[5] !== d || e[6] !== s ? (b = () => {
914
932
  if (!l)
915
933
  return;
916
934
  const D = () => {
917
- const T = u.current, P = s.current?.getBoundingClientRect();
918
- if (!T || !P)
935
+ const T = d.current, E = s.current?.getBoundingClientRect();
936
+ if (!T || !E)
919
937
  return;
920
938
  const j = Bo({
921
939
  anchor: {
922
- top: P.top,
923
- left: P.left,
924
- width: P.width,
925
- height: P.height
940
+ top: E.top,
941
+ left: E.left,
942
+ width: E.width,
943
+ height: E.height
926
944
  },
927
945
  popup: {
928
946
  width: T.offsetWidth,
@@ -934,7 +952,7 @@ function Xo(t) {
934
952
  },
935
953
  side: "bottom",
936
954
  align: c,
937
- offset: Ce.xs
955
+ offset: Se.xs
938
956
  });
939
957
  x((z) => z.top === j.top && z.left === j.left ? z : {
940
958
  top: j.top,
@@ -944,89 +962,89 @@ function Xo(t) {
944
962
  return D(), window.addEventListener("resize", D), window.addEventListener("scroll", D, !0), () => {
945
963
  window.removeEventListener("resize", D), window.removeEventListener("scroll", D, !0);
946
964
  };
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")
965
+ }, 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
966
  return null;
949
- const k = n ?? void 0;
967
+ const k = r ?? void 0;
950
968
  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];
969
+ 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];
970
+ let C;
971
+ e[12] !== w ? (C = [P.popup, w], e[12] = w, e[13] = C) : C = e[13];
954
972
  let R;
955
- e[14] !== o ? (R = /* @__PURE__ */ M(Lo, { children: o }), e[14] = o, e[15] = R) : R = e[15];
973
+ e[14] !== o ? (R = /* @__PURE__ */ M(Io, { children: o }), e[14] = o, e[15] = R) : R = e[15];
956
974
  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;
975
+ 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];
976
+ const I = g ?? document.body;
959
977
  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;
978
+ 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
979
  }
962
- function Vo(t) {
963
- const e = I.c(18), {
980
+ function Xo(t) {
981
+ const e = L.c(18), {
964
982
  onClick: o,
965
- children: r
983
+ children: n
966
984
  } = t, {
967
985
  close: c,
968
986
  highlightedId: l,
969
987
  setHighlightedId: a,
970
988
  registerItem: i
971
- } = ee(), n = Y(), s = q(null), u = l === n;
972
- let p, d;
973
- e[0] !== n || e[1] !== i ? (p = () => {
989
+ } = ee(), r = Y(), s = q(null), d = l === r;
990
+ let p, u;
991
+ e[0] !== r || e[1] !== i ? (p = () => {
974
992
  const w = s.current;
975
993
  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);
994
+ return i(r, w);
995
+ }, 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
996
  let x;
979
997
  e[4] !== c || e[5] !== o ? (x = () => {
980
998
  o?.(), c();
981
999
  }, e[4] = c, e[5] = o, e[6] = x) : x = e[6];
982
1000
  const g = x;
983
1001
  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;
1002
+ e[7] !== r || e[8] !== a ? (h = () => a(r), e[7] = r, e[8] = a, e[9] = h) : h = e[9];
1003
+ const b = d && P.itemHighlighted;
986
1004
  let y;
987
- e[10] !== m ? (y = [B.item, m], e[10] = m, e[11] = y) : y = e[11];
1005
+ e[10] !== b ? (y = [P.item, b], e[10] = b, e[11] = y) : y = e[11];
988
1006
  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;
1007
+ 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
1008
  }
991
1009
  function Ko(t) {
992
- const e = I.c(18), {
1010
+ const e = L.c(18), {
993
1011
  href: o,
994
- children: r
1012
+ children: n
995
1013
  } = t, {
996
1014
  close: c,
997
1015
  highlightedId: l,
998
1016
  setHighlightedId: a,
999
1017
  registerItem: i
1000
- } = ee(), n = Y(), s = q(null), u = l === n;
1001
- let p, d;
1002
- e[0] !== n || e[1] !== i ? (p = () => {
1018
+ } = ee(), r = Y(), s = q(null), d = l === r;
1019
+ let p, u;
1020
+ e[0] !== r || e[1] !== i ? (p = () => {
1003
1021
  const k = s.current;
1004
1022
  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);
1023
+ return i(r, k);
1024
+ }, 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
1025
  let x;
1008
1026
  e[4] !== c ? (x = () => c(), e[4] = c, e[5] = x) : x = e[5];
1009
1027
  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];
1028
+ e[6] !== r || e[7] !== a ? (g = () => a(r), e[6] = r, e[7] = a, e[8] = g) : g = e[8];
1029
+ const h = d && P.itemHighlighted;
1030
+ let b;
1031
+ e[9] !== h ? (b = [P.item, P.linkItem, h], e[9] = h, e[10] = b) : b = e[10];
1014
1032
  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;
1033
+ 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
1034
  }
1017
1035
  function No() {
1018
- const t = I.c(1);
1036
+ const t = L.c(1);
1019
1037
  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;
1038
+ 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
1039
  }
1022
- const xr = {
1023
- Root: Go,
1040
+ const gn = {
1041
+ Root: Ao,
1024
1042
  Trigger: Fo,
1025
- Popup: Xo,
1026
- Item: Vo,
1043
+ Popup: Vo,
1044
+ Item: Xo,
1027
1045
  LinkItem: Ko,
1028
1046
  Separator: No
1029
- }, gr = {
1047
+ }, hn = {
1030
1048
  xs: 480,
1031
1049
  sm: 640,
1032
1050
  md: 768,
@@ -1241,20 +1259,20 @@ const xr = {
1241
1259
  "--x-1pds3uo": t ?? void 0,
1242
1260
  "--x-1n5740v": e ?? void 0
1243
1261
  }]
1244
- }, we = G(null);
1262
+ }, we = A(null);
1245
1263
  function te() {
1246
- const t = A(we);
1264
+ const t = G(we);
1247
1265
  if (!t)
1248
1266
  throw new Error("Table compound components must be used within Table.Root");
1249
1267
  return t;
1250
1268
  }
1251
- const re = G(!1);
1269
+ const ne = A(!1);
1252
1270
  function _o(t) {
1253
- const e = I.c(2), {
1271
+ const e = L.c(2), {
1254
1272
  children: o
1255
1273
  } = 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;
1274
+ let n;
1275
+ 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
1276
  }
1259
1277
  function Yo(t) {
1260
1278
  let e = "";
@@ -1265,72 +1283,72 @@ function Yo(t) {
1265
1283
  function Zo(t) {
1266
1284
  let e = t;
1267
1285
  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;
1286
+ const n = e.type ?? e.render;
1287
+ if (n == null) break;
1288
+ e = n;
1271
1289
  }
1272
1290
  return e;
1273
1291
  }
1274
1292
  function Uo(t, e) {
1275
- const o = [], r = [], c = [];
1293
+ const o = [], n = [], c = [];
1276
1294
  function l(a) {
1277
1295
  Q.forEach(a, (i) => {
1278
1296
  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);
1297
+ const r = i.props, s = Zo(i.type), d = s?.displayName || s?.name || "";
1298
+ if (s === ie || d === "HeaderCell") {
1299
+ const p = r.width ? String(ue(r.width)) : `minmax(${ve(e)}, 1fr)`;
1300
+ o.push(p), n.push(r.compactWidth ? String(ue(r.compactWidth)) : p);
1301
+ const u = typeof r.label == "string" ? r.label : void 0, x = Yo(r.children).trim(), g = u ?? x;
1302
+ !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);
1303
+ } else r.children && l(r.children);
1286
1304
  });
1287
1305
  }
1288
1306
  return l(t), {
1289
1307
  template: o.join(" "),
1290
- compactTemplate: r.join(" "),
1308
+ compactTemplate: n.join(" "),
1291
1309
  labels: c
1292
1310
  };
1293
1311
  }
1294
1312
  function Jo(t) {
1295
- const e = I.c(13), {
1313
+ const e = L.c(13), {
1296
1314
  children: o
1297
- } = t, r = q(null);
1315
+ } = t, n = q(null);
1298
1316
  let c;
1299
1317
  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {
1300
1318
  start: !1,
1301
1319
  end: !1
1302
1320
  }, e[0] = c) : c = e[0];
1303
1321
  const [l, a] = Z(c);
1304
- let i, n;
1322
+ let i, r;
1305
1323
  e[1] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
1306
- const h = r.current;
1324
+ const h = n.current;
1307
1325
  if (!h)
1308
1326
  return;
1309
- const m = () => {
1327
+ const b = () => {
1310
1328
  const k = h.scrollWidth - h.clientWidth > 1;
1311
1329
  a({
1312
1330
  start: k && h.scrollLeft > 1,
1313
1331
  end: k && h.scrollLeft + h.clientWidth < h.scrollWidth - 1
1314
1332
  });
1315
1333
  };
1316
- m(), h.addEventListener("scroll", m, {
1334
+ b(), h.addEventListener("scroll", b, {
1317
1335
  passive: !0
1318
1336
  });
1319
- const y = typeof ResizeObserver < "u" ? new ResizeObserver(m) : null;
1337
+ const y = typeof ResizeObserver < "u" ? new ResizeObserver(b) : null;
1320
1338
  return y?.observe(h), () => {
1321
- h.removeEventListener("scroll", m), y?.disconnect();
1339
+ h.removeEventListener("scroll", b), y?.disconnect();
1322
1340
  };
1323
- }, n = [], e[1] = i, e[2] = n) : (i = e[1], n = e[2]), F(i, n);
1341
+ }, r = [], e[1] = i, e[2] = r) : (i = e[1], r = e[2]), F(i, r);
1324
1342
  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;
1343
+ 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];
1344
+ const d = l.start && $.edgeFadeVisible;
1327
1345
  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;
1346
+ 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];
1347
+ const u = l.end && $.edgeFadeVisible;
1330
1348
  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];
1349
+ 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
1350
  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: [
1351
+ 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
1352
  s,
1335
1353
  p,
1336
1354
  x
@@ -1340,19 +1358,19 @@ function Qo({
1340
1358
  children: t,
1341
1359
  variant: e = "default",
1342
1360
  size: o = "md",
1343
- responsive: r = !0,
1361
+ responsive: n = !0,
1344
1362
  minColumnWidth: c = "labelMinW",
1345
1363
  sortChip: l,
1346
1364
  pagination: a
1347
1365
  }) {
1348
1366
  const i = q(null), {
1349
- template: n,
1367
+ template: r,
1350
1368
  compactTemplate: s,
1351
- labels: u
1369
+ labels: d
1352
1370
  } = Uo(t, c);
1353
- n && (i.current = n);
1371
+ r && (i.current = r);
1354
1372
  const p = /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:257", role: "table", ...W(
1355
- C.div,
1373
+ S.div,
1356
1374
  $.root,
1357
1375
  // When responsive, use gridColumnsResponsive so the explicit column
1358
1376
  // template and the stack-mode @container override live in one StyleX
@@ -1360,147 +1378,147 @@ function Qo({
1360
1378
  // rootResponsive) causes StyleX conflict resolution to drop the
1361
1379
  // column template because rootResponsive's gridTemplateColumns key
1362
1380
  // always wins as the later entry in the array.
1363
- n ? r ? $.gridColumnsResponsive(n, s) : $.gridColumns(n) : void 0,
1364
- r && $.rootResponsive
1381
+ r ? n ? $.gridColumnsResponsive(r, s) : $.gridColumns(r) : void 0,
1382
+ n && $.rootResponsive
1365
1383
  ), children: t }), x = /* @__PURE__ */ U(Me, { children: [
1366
1384
  l,
1367
- r ? /* @__PURE__ */ M(Jo, { children: p }) : p,
1385
+ n ? /* @__PURE__ */ M(Jo, { children: p }) : p,
1368
1386
  a
1369
1387
  ] });
1370
1388
  return /* @__PURE__ */ M(we.Provider, { value: {
1371
1389
  variant: e,
1372
1390
  size: o,
1373
- responsive: r,
1374
- labels: u,
1391
+ responsive: n,
1392
+ labels: d,
1375
1393
  inferredTemplateRef: i
1376
- }, children: r ? /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:299", ...W(C.div, $.rootContainer), children: x }) : x });
1394
+ }, children: n ? /* @__PURE__ */ M("div", { "data-element-src": "Table/Table.tsx:299", ...W(S.div, $.rootContainer), children: x }) : x });
1377
1395
  }
1378
- function er(t) {
1379
- const e = I.c(2), {
1396
+ function en(t) {
1397
+ const e = L.c(2), {
1380
1398
  children: o
1381
1399
  } = 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;
1400
+ let n;
1401
+ 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
1402
  }
1385
- function tr(t) {
1386
- const e = I.c(19), {
1403
+ function tn(t) {
1404
+ const e = L.c(19), {
1387
1405
  children: o
1388
1406
  } = t, {
1389
- variant: r
1407
+ variant: n
1390
1408
  } = 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;
1409
+ let c, l, a, i, r, s;
1410
+ if (e[0] !== o || e[1] !== n) {
1411
+ const u = Q.toArray(o);
1412
+ l = ne.Provider, s = !1, c = $o.div, a = "rowgroup", i = $.body;
1395
1413
  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;
1414
+ 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
1415
  } 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];
1416
+ c = e[2], l = e[3], a = e[4], i = e[5], r = e[6], s = e[7];
1417
+ let d;
1418
+ 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
1419
  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;
1420
+ 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
1421
  }
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), {
1422
+ const $e = A(-1), on = 'button, a, input, select, textarea, [role="button"], [role="link"], [role="checkbox"], [role="menuitem"], [role="switch"], [role="tab"], [contenteditable="true"]';
1423
+ function nn(t) {
1424
+ const e = L.c(17), {
1407
1425
  children: o,
1408
- onClick: r,
1426
+ onClick: n,
1409
1427
  "aria-label": c
1410
1428
  } = t, {
1411
1429
  variant: l
1412
- } = te(), a = A(re), i = A($e), n = i >= 0 && i % 2 === 1;
1430
+ } = te(), a = G(ne), i = G($e), r = i >= 0 && i % 2 === 1;
1413
1431
  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) => {
1432
+ if (e[0] !== c || e[1] !== o || e[2] !== r || e[3] !== a || e[4] !== n || e[5] !== l) {
1433
+ const d = Q.toArray(o), p = n !== void 0 && !a;
1434
+ let u;
1435
+ e[7] !== p || e[8] !== n ? (u = p ? (k) => {
1418
1436
  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];
1437
+ w instanceof Element && w.closest(on) || n();
1438
+ } : void 0, e[7] = p, e[8] = n, e[9] = u) : u = e[9];
1421
1439
  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;
1440
+ e[10] !== p || e[11] !== n ? (x = p ? (k) => {
1441
+ (k.key === "Enter" || k.key === " ") && n();
1442
+ } : void 0, e[10] = p, e[11] = n, e[12] = x) : x = e[12];
1443
+ const g = !a && $.bodyRow, h = !a && l === "striped" && r && $.stripedEven, b = p && $.clickableRow;
1426
1444
  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: {
1445
+ 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
1446
  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;
1447
+ total: d.length
1448
+ }, 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
1449
  } else
1432
1450
  s = e[6];
1433
1451
  return s;
1434
1452
  }
1435
- const ne = G({
1453
+ const re = A({
1436
1454
  index: 0,
1437
1455
  total: 0
1438
1456
  });
1439
1457
  function ie(t) {
1440
- const e = I.c(8), {
1458
+ const e = L.c(8), {
1441
1459
  children: o,
1442
- "aria-label": r
1460
+ "aria-label": n
1443
1461
  } = t, {
1444
1462
  size: c,
1445
1463
  variant: l
1446
1464
  } = te(), {
1447
1465
  index: a,
1448
1466
  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];
1467
+ } = G(re), r = l === "bordered" && a === i - 1, s = c === "sm" ? $.cellSm : $.cellMd, d = l === "bordered" && $.borderedCell, p = r && $.borderedCellLast;
1468
+ let u;
1469
+ 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
1470
  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;
1471
+ 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
1472
  }
1455
1473
  ie.displayName = "HeaderCell";
1456
- function nr(t) {
1457
- const e = I.c(16), {
1474
+ function rn(t) {
1475
+ const e = L.c(16), {
1458
1476
  children: o,
1459
- isActions: r
1477
+ isActions: n
1460
1478
  } = t, {
1461
1479
  size: c,
1462
1480
  variant: l,
1463
1481
  labels: a,
1464
1482
  responsive: i
1465
1483
  } = te(), {
1466
- index: n,
1484
+ index: r,
1467
1485
  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];
1486
+ } = 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;
1487
+ let b;
1488
+ 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
1489
  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];
1490
+ 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
1491
  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];
1492
+ 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
1493
  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: [
1494
+ 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
1495
  y,
1478
1496
  k
1479
- ] }), e[12] = m, e[13] = y, e[14] = k, e[15] = w) : w = e[15], w;
1497
+ ] }), e[12] = b, e[13] = y, e[14] = k, e[15] = w) : w = e[15], w;
1480
1498
  }
1481
- const ir = {
1499
+ const sn = {
1482
1500
  /** @deprecated Wrap behaviour is built into Table.Root. Drop this wrapper from new code. */
1483
1501
  Container: _o,
1484
1502
  Root: Qo,
1485
- Header: er,
1486
- Body: tr,
1487
- Row: rr,
1503
+ Header: en,
1504
+ Body: tn,
1505
+ Row: nn,
1488
1506
  HeaderCell: ie,
1489
- Cell: nr
1490
- }, hr = ir;
1507
+ Cell: rn
1508
+ }, mn = sn;
1491
1509
  export {
1492
1510
  he as B,
1493
- Lo as C,
1494
- dr as D,
1511
+ Io as C,
1512
+ un as D,
1495
1513
  ie as H,
1496
- ur as I,
1497
- xr as M,
1514
+ pn as I,
1515
+ gn as M,
1498
1516
  Oo as P,
1499
- rr as R,
1500
- Ce as S,
1501
- pr as T,
1502
- Io as a,
1503
- Ao as b,
1517
+ nn as R,
1518
+ Se as S,
1519
+ xn as T,
1520
+ Lo as a,
1521
+ Go as b,
1504
1522
  Bo as c,
1505
1523
  fe as d,
1506
1524
  Mo as e,
@@ -1509,17 +1527,17 @@ export {
1509
1527
  $o as h,
1510
1528
  Po as i,
1511
1529
  ue as j,
1512
- gr as k,
1513
- hr as l,
1530
+ hn as k,
1531
+ mn as l,
1514
1532
  $ as m,
1515
- er as n,
1516
- tr as o,
1533
+ en as n,
1534
+ tn as o,
1517
1535
  Qo as p,
1518
- nr as q,
1536
+ rn as q,
1519
1537
  ve as r,
1520
- me as s,
1538
+ be as s,
1521
1539
  _ as t,
1522
- Co as u,
1523
- ir as v
1540
+ So as u,
1541
+ sn as v
1524
1542
  };
1525
- //# sourceMappingURL=Table-DYN-bp0e.js.map
1543
+ //# sourceMappingURL=Table-Dj7PXqO_.js.map