@duro-app/ui 3.7.0 → 4.1.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.
@@ -0,0 +1,1081 @@
1
+ import { jsx as w, jsxs as _, Fragment as re } from "react/jsx-runtime";
2
+ import { c as R, m as C, d as S } from "./compiler-runtime-B2IcI8_O.js";
3
+ import { useContext as H, createContext as G, useState as Y, useId as X, useRef as I, useEffect as D, Children as N, isValidElement as ue } from "react";
4
+ const E = {
5
+ root: {
6
+ "position-kVAEAm": "position-x1n2onr6",
7
+ "display-k1xSpc": "display-x3nfvp2",
8
+ $$css: "Menu/styles.css.ts:9"
9
+ },
10
+ trigger: {
11
+ "display-k1xSpc": "display-x3nfvp2",
12
+ "alignItems-kGNEyG": "alignItems-x6s0dn4",
13
+ "gap-kOIVth": "gap-x175yhtj",
14
+ "paddingTop-kLKAdn": "paddingTop-xc2wovk",
15
+ "paddingBottom-kGO01o": "paddingBottom-x1dr83cj",
16
+ "paddingLeft-kE3dHu": "paddingLeft-x2rk66v",
17
+ "paddingRight-kpe85a": "paddingRight-x7huf2v",
18
+ "fontFamily-kMv6JI": "fontFamily-xce2pww",
19
+ "fontSize-kGuDYH": "fontSize-x1tzajr0",
20
+ "color-kMwMTN": "color-x95150z",
21
+ "backgroundColor-kWkggS": "backgroundColor-xjbqb8w backgroundColor-x14zl4n5",
22
+ "borderWidth-kMzoRj": "borderWidth-xmkeg23",
23
+ "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
24
+ "borderColor-kVAM5u": "borderColor-x15ykms2",
25
+ "borderRadius-kaIpWk": "borderRadius-x17rit4p",
26
+ "cursor-kkrTdU": "cursor-x1ypdohk",
27
+ "transitionProperty-k1ekBW": "transitionProperty-xts7igz",
28
+ "transitionDuration-kIyJzY": "transitionDuration-x13k8chi",
29
+ $$css: "Menu/styles.css.ts:13"
30
+ },
31
+ backdrop: {
32
+ "position-kVAEAm": "position-xixxii4",
33
+ "top-k87sOh": "top-x13vifvy",
34
+ "left-kbCHJM": "left-xu96u03",
35
+ "right-kCIrl2": "right-x3m8u43",
36
+ "bottom-krVfgx": "bottom-x1ey2m1c",
37
+ "zIndex-kY2c9j": "zIndex-x1ygf0dq",
38
+ $$css: "Menu/styles.css.ts:36"
39
+ },
40
+ popup: {
41
+ "position-kVAEAm": "position-x10l6tqk",
42
+ "top-k87sOh": "top-xdsb8wn",
43
+ "left-kbCHJM": "left-xu96u03",
44
+ "marginTop-keoZOQ": "marginTop-xuerg7n",
45
+ "backgroundColor-kWkggS": "backgroundColor-xuw63hu",
46
+ "borderWidth-kMzoRj": "borderWidth-xmkeg23",
47
+ "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
48
+ "borderColor-kVAM5u": "borderColor-x15ykms2",
49
+ "borderRadius-kaIpWk": "borderRadius-x17rit4p",
50
+ "boxShadow-kGVxlE": "boxShadow-x1e78jka",
51
+ "paddingTop-kLKAdn": "paddingTop-x1i738hq",
52
+ "paddingBottom-kGO01o": "paddingBottom-x6sojwk",
53
+ "minWidth-k7Eaqz": "minWidth-x5w4yej",
54
+ "zIndex-kY2c9j": "zIndex-xa9119d",
55
+ $$css: "Menu/styles.css.ts:44"
56
+ },
57
+ popupEnd: {
58
+ "left-kbCHJM": "left-x1t8mvi6",
59
+ "right-kCIrl2": "right-x3m8u43",
60
+ $$css: "Menu/styles.css.ts:60"
61
+ },
62
+ item: {
63
+ "display-k1xSpc": "display-x78zum5",
64
+ "alignItems-kGNEyG": "alignItems-x6s0dn4",
65
+ "paddingTop-kLKAdn": "paddingTop-xc2wovk",
66
+ "paddingBottom-kGO01o": "paddingBottom-x1dr83cj",
67
+ "paddingLeft-kE3dHu": "paddingLeft-x2rk66v",
68
+ "paddingRight-kpe85a": "paddingRight-x7huf2v",
69
+ "fontSize-kGuDYH": "fontSize-x1tzajr0",
70
+ "fontFamily-kMv6JI": "fontFamily-xce2pww",
71
+ "color-kMwMTN": "color-x95150z",
72
+ "borderRadius-kaIpWk": "borderRadius-x17rit4p",
73
+ "cursor-kkrTdU": "cursor-x1ypdohk",
74
+ "backgroundColor-kWkggS": "backgroundColor-xjbqb8w",
75
+ "transitionProperty-k1ekBW": "transitionProperty-x15406qy",
76
+ "transitionDuration-kIyJzY": "transitionDuration-x13k8chi",
77
+ $$css: "Menu/styles.css.ts:64"
78
+ },
79
+ itemHighlighted: {
80
+ "backgroundColor-kWkggS": "backgroundColor-xlyqa1p",
81
+ $$css: "Menu/styles.css.ts:80"
82
+ },
83
+ linkItem: {
84
+ "textDecoration-kybGjl": "textDecoration-x1hl2dhg",
85
+ "color-kMwMTN": "color-x95150z color-xtolcfe",
86
+ $$css: "Menu/styles.css.ts:83"
87
+ }
88
+ }, ie = G(null);
89
+ function K() {
90
+ const t = H(ie);
91
+ if (!t)
92
+ throw new Error("Menu compound components must be used within Menu.Root");
93
+ return t;
94
+ }
95
+ function pe() {
96
+ const t = R.c(15), [e, i] = Y(!1), [o, c] = Y(null), p = X(), d = I(null), l = I(null);
97
+ let n;
98
+ t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ new Map(), t[0] = n) : n = t[0];
99
+ const r = I(n);
100
+ let x;
101
+ t[1] === Symbol.for("react.memo_cache_sentinel") ? (x = [], t[1] = x) : x = t[1];
102
+ const s = I(x), a = I(!1);
103
+ let u;
104
+ t[2] === Symbol.for("react.memo_cache_sentinel") ? (u = () => {
105
+ i(!1), c(null), a.current = !1, l.current?.focus();
106
+ }, t[2] = u) : u = t[2];
107
+ const f = u;
108
+ let g;
109
+ t[3] === Symbol.for("react.memo_cache_sentinel") ? (g = () => {
110
+ i((W) => (W ? (c(null), a.current = !1) : a.current = !0, !W));
111
+ }, t[3] = g) : g = t[3];
112
+ const v = g;
113
+ let $, h;
114
+ t[4] !== e ? ($ = () => {
115
+ if (e && a.current) {
116
+ a.current = !1;
117
+ const W = s.current;
118
+ W.length > 0 && c(W[0]);
119
+ }
120
+ }, h = [e], t[4] = e, t[5] = $, t[6] = h) : ($ = t[5], h = t[6]), D($, h);
121
+ let T;
122
+ t[7] === Symbol.for("react.memo_cache_sentinel") ? (T = (W, A) => {
123
+ r.current.set(W, A);
124
+ const V = r.current, O = [...V.keys()];
125
+ return O.sort((M, P) => {
126
+ const z = V.get(M), U = V.get(P);
127
+ return !z || !U ? 0 : z.compareDocumentPosition(U) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
128
+ }), s.current = O, () => {
129
+ r.current.delete(W), s.current = s.current.filter((M) => M !== W);
130
+ };
131
+ }, t[7] = T) : T = t[7];
132
+ const F = T;
133
+ let L, j;
134
+ t[8] !== e ? (L = () => {
135
+ const W = d.current;
136
+ if (!W || !e)
137
+ return;
138
+ const A = function(O) {
139
+ const M = s.current;
140
+ if (M.length !== 0)
141
+ e: switch (O.key) {
142
+ case "ArrowDown": {
143
+ O.preventDefault(), c((P) => {
144
+ const z = P ? M.indexOf(P) : -1;
145
+ return M[(z + 1) % M.length];
146
+ });
147
+ break e;
148
+ }
149
+ case "ArrowUp": {
150
+ O.preventDefault(), c((P) => {
151
+ const z = P ? M.indexOf(P) : 0;
152
+ return M[(z - 1 + M.length) % M.length];
153
+ });
154
+ break e;
155
+ }
156
+ case "Home": {
157
+ O.preventDefault(), c(M[0]);
158
+ break e;
159
+ }
160
+ case "End": {
161
+ O.preventDefault(), c(M[M.length - 1]);
162
+ break e;
163
+ }
164
+ case "Enter":
165
+ case " ": {
166
+ O.preventDefault();
167
+ const P = r.current;
168
+ c((z) => (z && P.get(z)?.click(), z));
169
+ break e;
170
+ }
171
+ case "Escape":
172
+ case "Tab":
173
+ f();
174
+ }
175
+ };
176
+ return W.addEventListener("keydown", A), () => W.removeEventListener("keydown", A);
177
+ }, j = [e, f], t[8] = e, t[9] = L, t[10] = j) : (L = t[9], j = t[10]), D(L, j);
178
+ let q;
179
+ return t[11] !== o || t[12] !== p || t[13] !== e ? (q = {
180
+ ctx: {
181
+ open: e,
182
+ toggle: v,
183
+ close: f,
184
+ menuId: p,
185
+ highlightedId: o,
186
+ setHighlightedId: c,
187
+ registerItem: F,
188
+ triggerRef: l
189
+ },
190
+ rootRef: d
191
+ }, t[11] = o, t[12] = p, t[13] = e, t[14] = q) : q = t[14], q;
192
+ }
193
+ const xe = typeof process < "u" && process.env?.NODE_ENV === "production", oe = /* @__PURE__ */ new Set();
194
+ function se(t, e, i) {
195
+ const o = `${t}:${e}`;
196
+ xe || oe.has(o) || (oe.add(o), console.warn(`[duro-app/ui ${t}] ${i}`));
197
+ }
198
+ function be(t) {
199
+ const e = R.c(6), {
200
+ children: i
201
+ } = t, {
202
+ ctx: o,
203
+ rootRef: c
204
+ } = pe();
205
+ let p;
206
+ e[0] !== i || e[1] !== c ? (p = /* @__PURE__ */ w("div", { "data-element-src": "Menu/Menu.tsx:18", ref: c, ...C(S.div, E.root), children: i }), e[0] = i, e[1] = c, e[2] = p) : p = e[2];
207
+ let d;
208
+ return e[3] !== o || e[4] !== p ? (d = /* @__PURE__ */ w(ie.Provider, { value: o, children: p }), e[3] = o, e[4] = p, e[5] = d) : d = e[5], d;
209
+ }
210
+ const ke = 'button, a[href], input, select, textarea, [role="button"]';
211
+ function ge(t) {
212
+ const e = R.c(9), {
213
+ children: i
214
+ } = t, {
215
+ open: o,
216
+ toggle: c,
217
+ menuId: p,
218
+ triggerRef: d
219
+ } = K(), l = I(null);
220
+ let n;
221
+ e[0] !== d ? (n = () => {
222
+ d.current = l.current;
223
+ }, e[0] = d, e[1] = n) : n = e[1], D(n);
224
+ let r, x;
225
+ e[2] === Symbol.for("react.memo_cache_sentinel") ? (r = () => {
226
+ l.current?.querySelector(ke) && se("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.");
227
+ }, x = [], e[2] = r, e[3] = x) : (r = e[2], x = e[3]), D(r, x);
228
+ const s = o ? p : void 0;
229
+ let a;
230
+ return e[4] !== i || e[5] !== o || e[6] !== s || e[7] !== c ? (a = /* @__PURE__ */ w("button", { "data-element-src": "Menu/Menu.tsx:52", ref: l, type: "button", onClick: c, "aria-expanded": o, "aria-haspopup": "menu", "aria-controls": s, ...C(S.button, E.trigger), children: i }), e[4] = i, e[5] = o, e[6] = s, e[7] = c, e[8] = a) : a = e[8], a;
231
+ }
232
+ function fe(t) {
233
+ const e = R.c(12), {
234
+ children: i,
235
+ align: o
236
+ } = t, c = o === void 0 ? "start" : o, {
237
+ open: p,
238
+ close: d,
239
+ menuId: l,
240
+ highlightedId: n
241
+ } = K();
242
+ if (!p)
243
+ return null;
244
+ let r;
245
+ e[0] !== d ? (r = /* @__PURE__ */ w("div", { "data-element-src": "Menu/Menu.tsx:79", ...C(S.div, E.backdrop), onClick: d }), e[0] = d, e[1] = r) : r = e[1];
246
+ const x = n ?? void 0, s = c === "end" && E.popupEnd;
247
+ let a;
248
+ e[2] !== s ? (a = [E.popup, s], e[2] = s, e[3] = a) : a = e[3];
249
+ let u;
250
+ e[4] !== i || e[5] !== l || e[6] !== x || e[7] !== a ? (u = /* @__PURE__ */ w("div", { "data-element-src": "Menu/Menu.tsx:80", id: l, role: "menu", "aria-activedescendant": x, ...C(S.div, a), children: i }), e[4] = i, e[5] = l, e[6] = x, e[7] = a, e[8] = u) : u = e[8];
251
+ let f;
252
+ return e[9] !== r || e[10] !== u ? (f = /* @__PURE__ */ _(re, { children: [
253
+ r,
254
+ u
255
+ ] }), e[9] = r, e[10] = u, e[11] = f) : f = e[11], f;
256
+ }
257
+ function me(t) {
258
+ const e = R.c(18), {
259
+ onClick: i,
260
+ children: o
261
+ } = t, {
262
+ close: c,
263
+ highlightedId: p,
264
+ setHighlightedId: d,
265
+ registerItem: l
266
+ } = K(), n = X(), r = I(null), x = p === n;
267
+ let s, a;
268
+ e[0] !== n || e[1] !== l ? (s = () => {
269
+ const T = r.current;
270
+ if (T)
271
+ return l(n, T);
272
+ }, a = [n, l], e[0] = n, e[1] = l, e[2] = s, e[3] = a) : (s = e[2], a = e[3]), D(s, a);
273
+ let u;
274
+ e[4] !== c || e[5] !== i ? (u = () => {
275
+ i?.(), c();
276
+ }, e[4] = c, e[5] = i, e[6] = u) : u = e[6];
277
+ const f = u;
278
+ let g;
279
+ e[7] !== n || e[8] !== d ? (g = () => d(n), e[7] = n, e[8] = d, e[9] = g) : g = e[9];
280
+ const v = x && E.itemHighlighted;
281
+ let $;
282
+ e[10] !== v ? ($ = [E.item, v], e[10] = v, e[11] = $) : $ = e[11];
283
+ let h;
284
+ return e[12] !== o || e[13] !== f || e[14] !== n || e[15] !== g || e[16] !== $ ? (h = /* @__PURE__ */ w("div", { "data-element-src": "Menu/Menu.tsx:116", ref: r, id: n, role: "menuitem", onClick: f, onPointerEnter: g, ...C(S.div, $), children: o }), e[12] = o, e[13] = f, e[14] = n, e[15] = g, e[16] = $, e[17] = h) : h = e[17], h;
285
+ }
286
+ function he(t) {
287
+ const e = R.c(16), {
288
+ href: i,
289
+ children: o
290
+ } = t, {
291
+ close: c,
292
+ highlightedId: p,
293
+ setHighlightedId: d,
294
+ registerItem: l
295
+ } = K(), n = X(), r = I(null), x = p === n;
296
+ let s, a;
297
+ e[0] !== n || e[1] !== l ? (s = () => {
298
+ const $ = r.current;
299
+ if ($)
300
+ return l(n, $);
301
+ }, a = [n, l], e[0] = n, e[1] = l, e[2] = s, e[3] = a) : (s = e[2], a = e[3]), D(s, a);
302
+ let u;
303
+ e[4] !== n || e[5] !== d ? (u = () => d(n), e[4] = n, e[5] = d, e[6] = u) : u = e[6];
304
+ const f = x && E.itemHighlighted;
305
+ let g;
306
+ e[7] !== f ? (g = [E.item, E.linkItem, f], e[7] = f, e[8] = g) : g = e[8];
307
+ let v;
308
+ return e[9] !== o || e[10] !== c || e[11] !== i || e[12] !== n || e[13] !== u || e[14] !== g ? (v = /* @__PURE__ */ w("a", { "data-element-src": "Menu/Menu.tsx:148", ref: r, id: n, href: i, onClick: c, role: "menuitem", onPointerEnter: u, ...C(S.a, g), children: o }), e[9] = o, e[10] = c, e[11] = i, e[12] = n, e[13] = u, e[14] = g, e[15] = v) : v = e[15], v;
309
+ }
310
+ const jo = {
311
+ Root: be,
312
+ Trigger: ge,
313
+ Popup: fe,
314
+ Item: me,
315
+ LinkItem: he
316
+ };
317
+ /**
318
+ * @license react-strict-dom
319
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
320
+ *
321
+ * This source code is licensed under the MIT license found in the
322
+ * LICENSE file in the root directory of this source tree.
323
+ */
324
+ const ne = {};
325
+ function ye(t) {
326
+ process.env.NODE_ENV !== "test" && ne[t] || (ne[t] = !0, console.error(`[error] React Strict DOM: ${t}`));
327
+ }
328
+ const ve = /* @__PURE__ */ new Set(["alt", "aria-activedescendant", "aria-atomic", "aria-autocomplete", "aria-busy", "aria-checked", "aria-colcount", "aria-colindex", "aria-colindextext", "aria-colspan", "aria-controls", "aria-current", "aria-describedby", "aria-details", "aria-disabled", "aria-errormessage", "aria-expanded", "aria-flowto", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-level", "aria-live", "aria-modal", "aria-multiline", "aria-multiselectable", "aria-orientation", "aria-owns", "aria-placeholder", "aria-posinset", "aria-pressed", "aria-readonly", "aria-required", "aria-roledescription", "aria-rowcount", "aria-rowindex", "aria-rowindextext", "aria-rowspan", "aria-selected", "aria-setsize", "aria-sort", "aria-valuemax", "aria-valuemin", "aria-valuenow", "aria-valuetext", "autoCapitalize", "autoComplete", "autoFocus", "checked", "children", "crossOrigin", "decoding", "defaultChecked", "defaultValue", "dir", "disabled", "download", "draggable", "elementTiming", "enterKeyHint", "fetchPriority", "for", "height", "hidden", "href", "id", "inert", "inputMode", "label", "lang", "loading", "max", "maxLength", "min", "minLength", "multiple", "name", "onAuxClick", "onBeforeInput", "onBlur", "onChange", "onClick", "onContextMenu", "onCopy", "onCut", "onError", "onFocus", "onFocusIn", "onFocusOut", "onFullscreenChange", "onFullscreenError", "onGotPointerCapture", "onInput", "onInvalid", "onKeyDown", "onKeyUp", "onLoad", "onLostPointerCapture", "onPaste", "onPointerCancel", "onPointerDown", "onPointerEnter", "onPointerLeave", "onPointerMove", "onPointerOut", "onPointerOver", "onPointerUp", "onScroll", "onSelect", "onSelectionChange", "onWheel", "placeholder", "readOnly", "referrerPolicy", "rel", "required", "role", "rows", "selected", "spellCheck", "src", "srcSet", "step", "style", "tabIndex", "target", "type", "value", "width", "suppressHydrationWarning", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseMove", "onMouseOut", "onMouseOver", "onMouseUp", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart"]);
329
+ function $e(t) {
330
+ return ve.has(t) || t.indexOf("data-") > -1;
331
+ }
332
+ var Q = {};
333
+ Object.defineProperty(Q, "__esModule", {
334
+ value: !0
335
+ });
336
+ var le = Q.styleq = void 0, we = /* @__PURE__ */ new WeakMap(), Te = "$$css";
337
+ function ae(t) {
338
+ var e, i, o;
339
+ return t != null && (e = t.disableCache === !0, i = t.disableMix === !0, o = t.transform), function() {
340
+ for (var p = [], d = "", l = null, n = "", r = e ? null : we, x = new Array(arguments.length), s = 0; s < arguments.length; s++)
341
+ x[s] = arguments[s];
342
+ for (; x.length > 0; ) {
343
+ var a = x.pop();
344
+ if (!(a == null || a === !1)) {
345
+ if (Array.isArray(a)) {
346
+ for (var u = 0; u < a.length; u++)
347
+ x.push(a[u]);
348
+ continue;
349
+ }
350
+ var f = o != null ? o(a) : a;
351
+ if (f.$$css != null) {
352
+ var g = "";
353
+ if (r != null && r.has(f)) {
354
+ var v = r.get(f);
355
+ v != null && (g = v[0], n = v[2], p.push.apply(p, v[1]), r = v[3]);
356
+ } else {
357
+ var $ = [];
358
+ for (var h in f) {
359
+ var T = f[h];
360
+ if (h === Te) {
361
+ var F = f[h];
362
+ F !== !0 && (n = n ? F + "; " + n : F);
363
+ continue;
364
+ }
365
+ typeof T == "string" || T === null ? p.includes(h) || (p.push(h), r != null && $.push(h), typeof T == "string" && (g += g ? " " + T : T)) : console.error("styleq: ".concat(h, " typeof ").concat(String(T), ' is not "string" or "null".'));
366
+ }
367
+ if (r != null) {
368
+ var L = /* @__PURE__ */ new WeakMap();
369
+ r.set(f, [g, $, n, L]), r = L;
370
+ }
371
+ }
372
+ g && (d = d ? g + " " + d : g);
373
+ } else if (i)
374
+ l == null && (l = {}), l = Object.assign({}, f, l);
375
+ else {
376
+ var j = null;
377
+ for (var q in f) {
378
+ var W = f[q];
379
+ W !== void 0 && (p.includes(q) || (W != null && (l == null && (l = {}), j == null && (j = {}), j[q] = W), p.push(q), r = null));
380
+ }
381
+ j != null && (l = Object.assign(j, l));
382
+ }
383
+ }
384
+ }
385
+ var A = [d, l, n];
386
+ return A;
387
+ };
388
+ }
389
+ var Ce = le = Q.styleq = ae();
390
+ Ce.factory = ae;
391
+ const Se = le.factory({
392
+ disableMix: !0
393
+ });
394
+ function We(...t) {
395
+ const [e, i, o] = Se(t), c = {};
396
+ if (e != null && e !== "" && (c.className = e), i != null && (c.style = i), o != null && o !== "") {
397
+ const p = o.split(";"), d = {};
398
+ for (const l of p) {
399
+ const n = l.trim(), [r, x] = n.split(":");
400
+ x != null && (d[r] = d[r] != null ? `${d[r]},${x}` : x);
401
+ }
402
+ c["data-style-src"] = Object.keys(d).map((l) => `${l}:${d[l]}`).join("; ");
403
+ }
404
+ return c;
405
+ }
406
+ function Me(t) {
407
+ Object.keys(t).forEach((e) => {
408
+ $e(e) || (ye(`invalid prop "${e}"`), delete t[e]);
409
+ });
410
+ }
411
+ function b(t, e) {
412
+ const i = {
413
+ $$css: !0,
414
+ "debug::name": `html-${t}`
415
+ };
416
+ function o({
417
+ ref: c,
418
+ ...p
419
+ }) {
420
+ const {
421
+ for: d,
422
+ style: l,
423
+ ...n
424
+ } = p, r = n;
425
+ Me(r), d != null && (r.htmlFor = d), p.role != null && (r.role = p.role === "none" ? "presentation" : p.role), t === "button" ? r.type = r.type ? r.type : "button" : (t === "input" || t === "textarea") && (r.dir = r.dir ? r.dir : "auto");
426
+ const x = We([i, e, l]);
427
+ return w(t, {
428
+ ...r,
429
+ ...x,
430
+ ref: c
431
+ });
432
+ }
433
+ return o.displayName = `html.${t}`, o;
434
+ }
435
+ const m = {
436
+ block: {
437
+ "margin-kogj98": "margin-x1ghz6dp",
438
+ "padding-kmVPX3": "padding-x1717udv",
439
+ $$css: ".pnpm:web/index.js:226"
440
+ },
441
+ inline: {
442
+ "margin-kogj98": "margin-x1ghz6dp",
443
+ "padding-kmVPX3": "padding-x1717udv",
444
+ "textDecoration-kybGjl": "textDecoration-x1hl2dhg",
445
+ "textAlign-k9WMMc": "textAlign-x16tdsg8",
446
+ "wordWrap-kD5eJx": "wordWrap-x1vvkbs",
447
+ $$css: ".pnpm:web/index.js:230"
448
+ },
449
+ inlineblock: {
450
+ "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
451
+ "margin-kogj98": "margin-x1ghz6dp",
452
+ "padding-kmVPX3": "padding-x1717udv",
453
+ $$css: ".pnpm:web/index.js:237"
454
+ },
455
+ button: {
456
+ "borderWidth-kMzoRj": "borderWidth-xmkeg23",
457
+ $$css: ".pnpm:web/index.js:242"
458
+ },
459
+ codePre: {
460
+ "fontFamily-kMv6JI": "fontFamily-x1lxnp44",
461
+ "fontSize-kGuDYH": "fontSize-xrv4cvt",
462
+ "overflow-kVQacm": "overflow-xysyzu8",
463
+ $$css: ".pnpm:web/index.js:245"
464
+ },
465
+ heading: {
466
+ "fontSize-kGuDYH": "fontSize-xngnso2",
467
+ "wordWrap-kD5eJx": "wordWrap-x1vvkbs",
468
+ $$css: ".pnpm:web/index.js:250"
469
+ },
470
+ hr: {
471
+ "backgroundColor-kWkggS": "backgroundColor-x42x0ya",
472
+ "borderStyle-ksu8eU": "borderStyle-xng3xce",
473
+ "borderWidth-kMzoRj": "borderWidth-xc342km",
474
+ "boxSizing-kB7OPa": "boxSizing-x9f619",
475
+ "height-kZKoxP": "height-xjm9jq1",
476
+ $$css: ".pnpm:web/index.js:254"
477
+ },
478
+ img: {
479
+ "aspectRatio-kOBAk4": "aspectRatio-xuw900x",
480
+ "height-kZKoxP": "height-xt7dq6l",
481
+ "maxWidth-ks0D6T": "maxWidth-x193iq5w",
482
+ $$css: ".pnpm:web/index.js:261"
483
+ },
484
+ input: {
485
+ "borderWidth-kMzoRj": "borderWidth-xmkeg23",
486
+ "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
487
+ $$css: ".pnpm:web/index.js:266"
488
+ },
489
+ list: {
490
+ "listStyle-kB88ic": "listStyle-xe8uvvx",
491
+ $$css: ".pnpm:web/index.js:270"
492
+ },
493
+ strong: {
494
+ "fontWeight-k63SB2": "fontWeight-x117nqv4",
495
+ $$css: ".pnpm:web/index.js:273"
496
+ },
497
+ textarea: {
498
+ "borderWidth-kMzoRj": "borderWidth-xmkeg23",
499
+ "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
500
+ "resize-kHenm0": "resize-x288g5",
501
+ $$css: ".pnpm:web/index.js:276"
502
+ }
503
+ }, Re = m.inline, je = m.block, ze = m.block, Ie = m.inline, Ee = m.inline, qe = m.inline, Oe = m.block, Pe = null, Le = [m.inlineblock, m.button], De = [m.inline, m.codePre], Ae = null, Be = m.block, He = m.inline, Fe = m.block, Ge = m.block, Ve = m.block, B = [m.block, m.heading], _e = m.block, Ne = [m.block, m.hr], Ke = m.inline, Je = m.img, Ue = [m.inlineblock, m.input], Ye = null, Xe = null, Qe = m.inline, Ze = m.block, et = m.block, tt = m.inline, ot = m.block, nt = [m.list, m.block], rt = null, it = null, st = m.block, lt = [m.block, m.codePre], at = null, ct = m.block, dt = m.inlineblock, ut = m.inline, pt = [m.inline, m.strong], xt = m.inline, bt = m.inline, kt = [m.inlineblock, m.textarea], gt = null, ft = [m.list, m.block], k = {
504
+ a: Re,
505
+ article: je,
506
+ aside: ze,
507
+ b: Ie,
508
+ bdi: Ee,
509
+ bdo: qe,
510
+ blockquote: Oe,
511
+ br: Pe,
512
+ button: Le,
513
+ code: De,
514
+ del: Ae,
515
+ div: Be,
516
+ em: He,
517
+ fieldset: Fe,
518
+ footer: Ge,
519
+ form: Ve,
520
+ h1: B,
521
+ h2: B,
522
+ h3: B,
523
+ h4: B,
524
+ h5: B,
525
+ h6: B,
526
+ header: _e,
527
+ hr: Ne,
528
+ i: Ke,
529
+ img: Je,
530
+ input: Ue,
531
+ ins: Ye,
532
+ kbd: Xe,
533
+ label: Qe,
534
+ li: Ze,
535
+ main: et,
536
+ mark: tt,
537
+ nav: ot,
538
+ ol: nt,
539
+ optgroup: rt,
540
+ option: it,
541
+ p: st,
542
+ pre: lt,
543
+ s: at,
544
+ section: ct,
545
+ select: dt,
546
+ span: ut,
547
+ strong: pt,
548
+ sub: xt,
549
+ sup: bt,
550
+ textarea: kt,
551
+ u: gt,
552
+ ul: ft
553
+ }, mt = b("a", k.a), ht = b("article", k.article), yt = b("aside", k.aside), vt = b("b", k.b), $t = b("bdi", k.bdi), wt = b("bdo", k.bdo), Tt = b("blockquote", k.blockquote), Ct = b("br", k.br), St = b("button", k.button), Wt = b("code", k.code), Mt = b("del", k.del), Rt = b("div", k.div), jt = b("em", k.em), zt = b("fieldset", k.fieldset), It = b("footer", k.footer), Et = b("form", k.form), qt = b("h1", k.h1), Ot = b("h2", k.h2), Pt = b("h3", k.h3), Lt = b("h4", k.h4), Dt = b("h5", k.h5), At = b("h6", k.h6), Bt = b("header", k.header), Ht = b("hr", k.hr), Ft = b("i", k.i), Gt = b("img", k.img), Vt = b("input", k.input), _t = b("ins", k.ins), Nt = b("kbd", k.kbd), Kt = b("label", k.label), Jt = b("li", k.li), Ut = b("main", k.main), Yt = b("mark", k.mark), Xt = b("nav", k.nav), Qt = b("ol", k.ol), Zt = b("optgroup", k.optgroup), eo = b("option", k.option), to = b("p", k.p), oo = b("pre", k.pre), no = b("s", k.s), ro = b("section", k.section), io = b("select", k.select), so = b("span", k.span), lo = b("strong", k.strong), ao = b("sub", k.sub), co = b("sup", k.sup), uo = b("textarea", k.textarea), po = b("u", k.u), xo = b("ul", k.ul);
554
+ var bo = /* @__PURE__ */ Object.freeze({
555
+ __proto__: null,
556
+ a: mt,
557
+ article: ht,
558
+ aside: yt,
559
+ b: vt,
560
+ bdi: $t,
561
+ bdo: wt,
562
+ blockquote: Tt,
563
+ br: Ct,
564
+ button: St,
565
+ code: Wt,
566
+ del: Mt,
567
+ div: Rt,
568
+ em: jt,
569
+ fieldset: zt,
570
+ footer: It,
571
+ form: Et,
572
+ h1: qt,
573
+ h2: Ot,
574
+ h3: Pt,
575
+ h4: Lt,
576
+ h5: Dt,
577
+ h6: At,
578
+ header: Bt,
579
+ hr: Ht,
580
+ i: Ft,
581
+ img: Gt,
582
+ input: Vt,
583
+ ins: _t,
584
+ kbd: Nt,
585
+ label: Kt,
586
+ li: Jt,
587
+ main: Ut,
588
+ mark: Yt,
589
+ nav: Xt,
590
+ ol: Qt,
591
+ optgroup: Zt,
592
+ option: eo,
593
+ p: to,
594
+ pre: oo,
595
+ s: no,
596
+ section: ro,
597
+ select: io,
598
+ span: so,
599
+ strong: lo,
600
+ sub: ao,
601
+ sup: co,
602
+ textarea: uo,
603
+ u: po,
604
+ ul: xo
605
+ });
606
+ const zo = {
607
+ xs: 480,
608
+ sm: 640,
609
+ md: 768,
610
+ lg: 1024,
611
+ xl: 1280
612
+ }, y = {
613
+ container: {
614
+ "containerType-k9g6sI": "containerType-x12h1iku",
615
+ "display-k1xSpc": "display-x78zum5",
616
+ "flexDirection-kXwgrk": "flexDirection-xdt5ytf",
617
+ "gap-kOIVth": "gap-x175yhtj",
618
+ $$css: "Table/styles.css.ts:23"
619
+ },
620
+ rootContainer: {
621
+ "containerType-k9g6sI": "containerType-x12h1iku",
622
+ "display-k1xSpc": "display-x78zum5",
623
+ "flexDirection-kXwgrk": "flexDirection-xdt5ytf",
624
+ "gap-kOIVth": "gap-x175yhtj",
625
+ $$css: "Table/styles.css.ts:32"
626
+ },
627
+ clickableRow: {
628
+ "cursor-kkrTdU": "cursor-x1ypdohk",
629
+ "outlineWidth-kMeerF": "outlineWidth-x1k57tk5 outlineWidth-x784prv",
630
+ "outlineStyle-k3XXqK": "outlineStyle-xaatb59",
631
+ "outlineColor-kjBf7l": "outlineColor-x1e3ajik",
632
+ "outlineOffset-kInvED": "outlineOffset-x2ssjo2",
633
+ $$css: "Table/styles.css.ts:41"
634
+ },
635
+ root: {
636
+ "display-k1xSpc": "display-xrvj5dj",
637
+ "borderWidth-kMzoRj": "borderWidth-xmkeg23",
638
+ "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
639
+ "borderColor-kVAM5u": "borderColor-x15ykms2",
640
+ "borderRadius-kaIpWk": "borderRadius-xwbokb3",
641
+ "overflow-kVQacm": "overflow-xb3r6kr",
642
+ "backgroundColor-kWkggS": "backgroundColor-xuw63hu",
643
+ "fontFamily-kMv6JI": "fontFamily-xce2pww",
644
+ "color-kMwMTN": "color-x95150z",
645
+ $$css: "Table/styles.css.ts:53"
646
+ },
647
+ rootResponsive: {
648
+ "minWidth-k7Eaqz": "minWidth-x13qp9f6 minWidth-xym1sjy",
649
+ "borderWidth-kMzoRj": "borderWidth-xmkeg23 borderWidth-xtteep3",
650
+ "backgroundColor-kWkggS": "backgroundColor-xuw63hu backgroundColor-x1i4f0qi",
651
+ "overflow-kVQacm": "overflow-xb3r6kr overflow-x2v4zgh",
652
+ "rowGap-khm7nJ": "rowGap-xxs79tx rowGap-xijoxap",
653
+ $$css: "Table/styles.css.ts:72"
654
+ },
655
+ header: {
656
+ "display-k1xSpc": "display-xrvj5dj display-xncg82s",
657
+ "gridColumn-kBCFzs": "gridColumn-x1osaytk",
658
+ "gridTemplateColumns-kumcoG": "gridTemplateColumns-x4w6khx",
659
+ "backgroundColor-kWkggS": "backgroundColor-xuw63hu",
660
+ $$css: "Table/styles.css.ts:104"
661
+ },
662
+ body: {
663
+ "display-k1xSpc": "display-xrvj5dj",
664
+ "gridColumn-kBCFzs": "gridColumn-x1osaytk",
665
+ "gridTemplateColumns-kumcoG": "gridTemplateColumns-x4w6khx",
666
+ $$css: "Table/styles.css.ts:115"
667
+ },
668
+ row: {
669
+ "display-k1xSpc": "display-xrvj5dj",
670
+ "gridColumn-kBCFzs": "gridColumn-x1osaytk",
671
+ "gridTemplateColumns-kumcoG": "gridTemplateColumns-x4w6khx gridTemplateColumns-x1iukyyp",
672
+ "borderBottomWidth-kt9PQ7": "borderBottomWidth-xso031l borderBottomWidth-xatuo0m",
673
+ "borderBottomStyle-kfdmCh": "borderBottomStyle-x1q0q8m5",
674
+ "borderBottomColor-kL6WhQ": "borderBottomColor-x19cyuh1",
675
+ $$css: "Table/styles.css.ts:124"
676
+ },
677
+ bodyRow: {
678
+ "backgroundColor-kWkggS": "backgroundColor-xjbqb8w backgroundColor-xp88rol backgroundColor-x14zl4n5",
679
+ "transitionProperty-k1ekBW": "transitionProperty-x15406qy",
680
+ "transitionDuration-kIyJzY": "transitionDuration-x13k8chi",
681
+ "transitionTimingFunction-kAMwcw": "transitionTimingFunction-xrbxpra",
682
+ "padding-kmVPX3": "padding-x1717udv padding-x1s7rzzx",
683
+ "borderRadius-kaIpWk": "borderRadius-x2u8bby borderRadius-x95x1h7",
684
+ "borderWidth-kMzoRj": "borderWidth-xc342km borderWidth-xrp8l4a",
685
+ "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
686
+ "borderColor-kVAM5u": "borderColor-x15ykms2",
687
+ $$css: "Table/styles.css.ts:138"
688
+ },
689
+ headerCell: {
690
+ "fontWeight-k63SB2": "fontWeight-x1x12jc5",
691
+ "color-kMwMTN": "color-x4opovt",
692
+ "textAlign-k9WMMc": "textAlign-x1yc453h",
693
+ "minWidth-k7Eaqz": "minWidth-xeuugli",
694
+ "overflowWrap-kHjlTd": "overflowWrap-x1mzt3pk",
695
+ "whiteSpace-khDVqt": "whiteSpace-xeaf4i8 whiteSpace-x1348v4l",
696
+ $$css: "Table/styles.css.ts:165"
697
+ },
698
+ cell: {
699
+ "color-kMwMTN": "color-x95150z",
700
+ "display-k1xSpc": "display-x78zum5 display-xs8gwy4",
701
+ "alignItems-kGNEyG": "alignItems-x6s0dn4",
702
+ "minWidth-k7Eaqz": "minWidth-xeuugli",
703
+ "overflow-kVQacm": "overflow-x1rea2x4 overflow-x1axt6uq",
704
+ "whiteSpace-khDVqt": "whiteSpace-xeaf4i8",
705
+ "overflowWrap-kHjlTd": "overflowWrap-x1mzt3pk",
706
+ "gridTemplateColumns-kumcoG": "gridTemplateColumns-xzgtm8w",
707
+ "gap-kOIVth": "gap-xxhr3t gap-xgrwfsz",
708
+ $$css: "Table/styles.css.ts:188"
709
+ },
710
+ cellValue: {
711
+ "minWidth-k7Eaqz": "minWidth-xeuugli",
712
+ "flexGrow-kzQI83": "flexGrow-x1iyjqo2",
713
+ "overflowWrap-kHjlTd": "overflowWrap-x1mzt3pk",
714
+ $$css: "Table/styles.css.ts:226"
715
+ },
716
+ cellLabel: {
717
+ "display-k1xSpc": "display-x1s85apg display-x1sim00f",
718
+ "color-kMwMTN": "color-x4opovt",
719
+ "fontWeight-k63SB2": "fontWeight-x120ksxs",
720
+ "fontSize-kGuDYH": "fontSize-x1f81oxx",
721
+ $$css: "Table/styles.css.ts:235"
722
+ },
723
+ cellActions: {
724
+ "gridTemplateColumns-kumcoG": "gridTemplateColumns-x1iukyyp",
725
+ "justifyContent-kjj79g": "justifyContent-xalo3at",
726
+ "marginTop-keoZOQ": "marginTop-xdj266r marginTop-x1mip588",
727
+ "paddingTop-kLKAdn": "paddingTop-x1waenea",
728
+ "borderTopWidth-kEafiO": "borderTopWidth-x972fbf borderTopWidth-x1ijfi2n",
729
+ "borderTopStyle-kPef9Z": "borderTopStyle-x13fuv20",
730
+ "borderTopColor-kLZC3w": "borderTopColor-xvuocu",
731
+ $$css: "Table/styles.css.ts:249"
732
+ },
733
+ cellSm: {
734
+ "paddingTop-kLKAdn": "paddingTop-x1i738hq paddingTop-x81it4n",
735
+ "paddingBottom-kGO01o": "paddingBottom-x6sojwk paddingBottom-x1jele16",
736
+ "paddingLeft-kE3dHu": "paddingLeft-x6xq64o",
737
+ "paddingRight-kpe85a": "paddingRight-xpkaq21",
738
+ "fontSize-kGuDYH": "fontSize-x1f81oxx",
739
+ $$css: "Table/styles.css.ts:275"
740
+ },
741
+ cellMd: {
742
+ "paddingTop-kLKAdn": "paddingTop-xc2wovk",
743
+ "paddingBottom-kGO01o": "paddingBottom-x1dr83cj",
744
+ "paddingLeft-kE3dHu": "paddingLeft-x2rk66v paddingLeft-x1u39w1b",
745
+ "paddingRight-kpe85a": "paddingRight-x7huf2v paddingRight-x1cevoma",
746
+ "fontSize-kGuDYH": "fontSize-x1tzajr0",
747
+ $$css: "Table/styles.css.ts:289"
748
+ },
749
+ stripedEven: {
750
+ "backgroundColor-kWkggS": "backgroundColor-xlyqa1p backgroundColor-xp88rol backgroundColor-x14zl4n5",
751
+ $$css: "Table/styles.css.ts:305"
752
+ },
753
+ borderedCell: {
754
+ "borderRightWidth-kWqL5O": "borderRightWidth-xs1s249 borderRightWidth-xc5nm28",
755
+ "borderRightStyle-kSWEuD": "borderRightStyle-x32b0ac",
756
+ "borderRightColor-k26BEO": "borderRightColor-x9iiiab",
757
+ $$css: "Table/styles.css.ts:314"
758
+ },
759
+ borderedCellLast: {
760
+ "borderRightWidth-kWqL5O": "borderRightWidth-xgfja2r",
761
+ $$css: "Table/styles.css.ts:322"
762
+ },
763
+ sortChip: {
764
+ "display-k1xSpc": "display-x1s85apg display-x11cgw9t",
765
+ "alignSelf-kSGwAc": "alignSelf-xqcrz7y",
766
+ $$css: "Table/styles.css.ts:327"
767
+ },
768
+ scrollX: {
769
+ "overflowX-kXHlph": "overflowX-xw2csxc",
770
+ "overflowY-kORKVm": "overflowY-xryxfnj",
771
+ "WebkitOverflowScrolling-kuHK5b": "WebkitOverflowScrolling-x5lxg6s",
772
+ $$css: "Table/styles.css.ts:341"
773
+ },
774
+ scrollFrame: {
775
+ "position-kVAEAm": "position-x1n2onr6",
776
+ $$css: "Table/styles.css.ts:352"
777
+ },
778
+ edgeFade: {
779
+ "position-kVAEAm": "position-x10l6tqk",
780
+ "top-k87sOh": "top-xnfr1j",
781
+ "bottom-krVfgx": "bottom-x19ip775",
782
+ "width-kzqmXN": "width-xm0c6xq",
783
+ "pointerEvents-kfzvcC": "pointerEvents-x47corl",
784
+ "opacity-kSiTet": "opacity-xg01cxk",
785
+ "transitionProperty-k1ekBW": "transitionProperty-x19991ni",
786
+ "transitionDuration-kIyJzY": "transitionDuration-x13k8chi",
787
+ "transitionTimingFunction-kAMwcw": "transitionTimingFunction-xrbxpra",
788
+ $$css: "Table/styles.css.ts:359"
789
+ },
790
+ edgeFadeLeft: {
791
+ "left-kbCHJM": "left-xt9097p",
792
+ "borderTopLeftRadius-kIxVMA": "borderTopLeftRadius-xha5hpv",
793
+ "borderBottomLeftRadius-kqGeR4": "borderBottomLeftRadius-x1hsk2v7",
794
+ "backgroundImage-kKwaWg": "backgroundImage-xvdn1ag",
795
+ $$css: "Table/styles.css.ts:370"
796
+ },
797
+ edgeFadeRight: {
798
+ "right-kCIrl2": "right-x1hp3iq1",
799
+ "borderTopRightRadius-ksF3WI": "borderTopRightRadius-xbbsgyh",
800
+ "borderBottomRightRadius-kYm2EN": "borderBottomRightRadius-xitffcu",
801
+ "backgroundImage-kKwaWg": "backgroundImage-x1ykoi01",
802
+ $$css: "Table/styles.css.ts:376"
803
+ },
804
+ edgeFadeVisible: {
805
+ "opacity-kSiTet": "opacity-x1hc1fzr",
806
+ $$css: "Table/styles.css.ts:382"
807
+ },
808
+ gridColumns: (t) => [{
809
+ "gridTemplateColumns-kumcoG": t != null ? "gridTemplateColumns-xqketvx" : t,
810
+ $$css: "Table/styles.css.ts:387"
811
+ }, {
812
+ "--x-gridTemplateColumns": t ?? void 0
813
+ }],
814
+ gridColumnsResponsive: (t, e) => [{
815
+ "gridTemplateColumns-kumcoG": (t != null ? "gridTemplateColumns-x39pwss " : t) + (e != null ? "gridTemplateColumns-x17u3dsi " : e) + "gridTemplateColumns-x1iukyyp",
816
+ $$css: "Table/styles.css.ts:406"
817
+ }, {
818
+ "--x-1pds3uo": t ?? void 0,
819
+ "--x-1n5740v": e ?? void 0
820
+ }]
821
+ }, ce = G(null);
822
+ function J() {
823
+ const t = H(ce);
824
+ if (!t)
825
+ throw new Error("Table compound components must be used within Table.Root");
826
+ return t;
827
+ }
828
+ const Z = G(!1);
829
+ function ko(t) {
830
+ const e = R.c(2), {
831
+ children: i
832
+ } = t;
833
+ let o;
834
+ return e[0] !== i ? (o = /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:54", ...C(S.div, y.container), children: i }), e[0] = i, e[1] = o) : o = e[1], o;
835
+ }
836
+ function go(t) {
837
+ let e = "";
838
+ return N.forEach(t, (i) => {
839
+ (typeof i == "string" || typeof i == "number") && (e += String(i));
840
+ }), e;
841
+ }
842
+ function fo(t) {
843
+ let e = t;
844
+ for (let i = 0; i < 8 && e && typeof e == "object"; i++) {
845
+ const o = e.type ?? e.render;
846
+ if (o == null) break;
847
+ e = o;
848
+ }
849
+ return e;
850
+ }
851
+ function mo(t, e) {
852
+ const i = [], o = [], c = [];
853
+ function p(d) {
854
+ N.forEach(d, (l) => {
855
+ if (!ue(l)) return;
856
+ const n = l.props, r = fo(l.type), x = r?.displayName || r?.name || "";
857
+ if (r === te || x === "HeaderCell") {
858
+ const s = n.width || `minmax(${e}px, 1fr)`;
859
+ i.push(s), o.push(n.compactWidth || s);
860
+ const a = typeof n.label == "string" ? n.label : void 0, u = go(n.children).trim(), f = a ?? u;
861
+ !a && u === "" && n.children != null && se("Table", "headerCell-missing-label", "Table.HeaderCell with JSX children must set `label` for stack-mode rendering."), c.push(f);
862
+ } else n.children && p(n.children);
863
+ });
864
+ }
865
+ return p(t), {
866
+ template: i.join(" "),
867
+ compactTemplate: o.join(" "),
868
+ labels: c
869
+ };
870
+ }
871
+ function ho(t) {
872
+ const e = R.c(13), {
873
+ children: i
874
+ } = t, o = I(null);
875
+ let c;
876
+ e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {
877
+ start: !1,
878
+ end: !1
879
+ }, e[0] = c) : c = e[0];
880
+ const [p, d] = Y(c);
881
+ let l, n;
882
+ e[1] === Symbol.for("react.memo_cache_sentinel") ? (l = () => {
883
+ const g = o.current;
884
+ if (!g)
885
+ return;
886
+ const v = () => {
887
+ const h = g.scrollWidth - g.clientWidth > 1;
888
+ d({
889
+ start: h && g.scrollLeft > 1,
890
+ end: h && g.scrollLeft + g.clientWidth < g.scrollWidth - 1
891
+ });
892
+ };
893
+ v(), g.addEventListener("scroll", v, {
894
+ passive: !0
895
+ });
896
+ const $ = typeof ResizeObserver < "u" ? new ResizeObserver(v) : null;
897
+ return $?.observe(g), () => {
898
+ g.removeEventListener("scroll", v), $?.disconnect();
899
+ };
900
+ }, n = [], e[1] = l, e[2] = n) : (l = e[1], n = e[2]), D(l, n);
901
+ let r;
902
+ e[3] !== i ? (r = /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:193", ref: o, ...C(S.div, y.scrollX), children: i }), e[3] = i, e[4] = r) : r = e[4];
903
+ const x = p.start && y.edgeFadeVisible;
904
+ let s;
905
+ e[5] !== x ? (s = /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:196", "aria-hidden": !0, ...C(S.div, y.edgeFade, y.edgeFadeLeft, x) }), e[5] = x, e[6] = s) : s = e[6];
906
+ const a = p.end && y.edgeFadeVisible;
907
+ let u;
908
+ e[7] !== a ? (u = /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:200", "aria-hidden": !0, ...C(S.div, y.edgeFade, y.edgeFadeRight, a) }), e[7] = a, e[8] = u) : u = e[8];
909
+ let f;
910
+ return e[9] !== r || e[10] !== s || e[11] !== u ? (f = /* @__PURE__ */ _("div", { "data-element-src": "Table/Table.tsx:192", ...C(S.div, y.scrollFrame), children: [
911
+ r,
912
+ s,
913
+ u
914
+ ] }), e[9] = r, e[10] = s, e[11] = u, e[12] = f) : f = e[12], f;
915
+ }
916
+ function yo({
917
+ children: t,
918
+ variant: e = "default",
919
+ size: i = "md",
920
+ responsive: o = !0,
921
+ minColumnWidth: c = 120,
922
+ sortChip: p,
923
+ pagination: d
924
+ }) {
925
+ const l = I(null), {
926
+ template: n,
927
+ compactTemplate: r,
928
+ labels: x
929
+ } = mo(t, c);
930
+ n && (l.current = n);
931
+ const s = /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:253", role: "table", ...C(
932
+ S.div,
933
+ y.root,
934
+ // When responsive, use gridColumnsResponsive so the explicit column
935
+ // template and the stack-mode @container override live in one StyleX
936
+ // style object. Splitting them across two styles (gridColumns +
937
+ // rootResponsive) causes StyleX conflict resolution to drop the
938
+ // column template because rootResponsive's gridTemplateColumns key
939
+ // always wins as the later entry in the array.
940
+ n ? o ? y.gridColumnsResponsive(n, r) : y.gridColumns(n) : void 0,
941
+ o && y.rootResponsive
942
+ ), children: t }), u = /* @__PURE__ */ _(re, { children: [
943
+ p,
944
+ o ? /* @__PURE__ */ w(ho, { children: s }) : s,
945
+ d
946
+ ] });
947
+ return /* @__PURE__ */ w(ce.Provider, { value: {
948
+ variant: e,
949
+ size: i,
950
+ responsive: o,
951
+ labels: x,
952
+ inferredTemplateRef: l
953
+ }, children: o ? /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:295", ...C(S.div, y.rootContainer), children: u }) : u });
954
+ }
955
+ function vo(t) {
956
+ const e = R.c(2), {
957
+ children: i
958
+ } = t;
959
+ let o;
960
+ return e[0] !== i ? (o = /* @__PURE__ */ w(Z.Provider, { value: !0, children: /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:305", role: "rowgroup", ...C(S.div, y.header), children: i }) }), e[0] = i, e[1] = o) : o = e[1], o;
961
+ }
962
+ function $o(t) {
963
+ const e = R.c(19), {
964
+ children: i
965
+ } = t, {
966
+ variant: o
967
+ } = J();
968
+ let c, p, d, l, n, r;
969
+ if (e[0] !== i || e[1] !== o) {
970
+ const a = N.toArray(i);
971
+ p = Z.Provider, r = !1, c = bo.div, d = "rowgroup", l = y.body;
972
+ let u;
973
+ e[8] !== o ? (u = (f, g) => o !== "striped" ? f : /* @__PURE__ */ w(de.Provider, { value: g, children: f }, f.key ?? g), e[8] = o, e[9] = u) : u = e[9], n = a.map(u), e[0] = i, e[1] = o, e[2] = c, e[3] = p, e[4] = d, e[5] = l, e[6] = n, e[7] = r;
974
+ } else
975
+ c = e[2], p = e[3], d = e[4], l = e[5], n = e[6], r = e[7];
976
+ let x;
977
+ e[10] !== c || e[11] !== d || e[12] !== l || e[13] !== n ? (x = /* @__PURE__ */ w(c, { role: d, style: l, children: n }), e[10] = c, e[11] = d, e[12] = l, e[13] = n, e[14] = x) : x = e[14];
978
+ let s;
979
+ return e[15] !== p || e[16] !== r || e[17] !== x ? (s = /* @__PURE__ */ w(p, { value: r, children: x }), e[15] = p, e[16] = r, e[17] = x, e[18] = s) : s = e[18], s;
980
+ }
981
+ const de = G(-1), wo = 'button, a, input, select, textarea, [role="button"], [role="link"], [role="checkbox"], [role="menuitem"], [role="switch"], [role="tab"], [contenteditable="true"]';
982
+ function To(t) {
983
+ const e = R.c(17), {
984
+ children: i,
985
+ onClick: o,
986
+ "aria-label": c
987
+ } = t, {
988
+ variant: p
989
+ } = J(), d = H(Z), l = H(de), n = l >= 0 && l % 2 === 1;
990
+ let r;
991
+ if (e[0] !== c || e[1] !== i || e[2] !== n || e[3] !== d || e[4] !== o || e[5] !== p) {
992
+ const x = N.toArray(i), s = o !== void 0 && !d;
993
+ let a;
994
+ e[7] !== s || e[8] !== o ? (a = s ? (h) => {
995
+ const T = h.target;
996
+ T instanceof Element && T.closest(wo) || o();
997
+ } : void 0, e[7] = s, e[8] = o, e[9] = a) : a = e[9];
998
+ let u;
999
+ e[10] !== s || e[11] !== o ? (u = s ? (h) => {
1000
+ (h.key === "Enter" || h.key === " ") && o();
1001
+ } : void 0, e[10] = s, e[11] = o, e[12] = u) : u = e[12];
1002
+ const f = !d && y.bodyRow, g = !d && p === "striped" && n && y.stripedEven, v = s && y.clickableRow;
1003
+ let $;
1004
+ e[13] !== f || e[14] !== g || e[15] !== v ? ($ = [y.row, f, g, v], e[13] = f, e[14] = g, e[15] = v, e[16] = $) : $ = e[16], r = /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:377", role: "row", tabIndex: s ? 0 : void 0, "aria-label": s ? c : void 0, onClick: a, onKeyDown: u, ...C(S.div, $), children: x.map((h, T) => /* @__PURE__ */ w(ee.Provider, { value: {
1005
+ index: T,
1006
+ total: x.length
1007
+ }, children: h }, h.key ?? T)) }), e[0] = c, e[1] = i, e[2] = n, e[3] = d, e[4] = o, e[5] = p, e[6] = r;
1008
+ } else
1009
+ r = e[6];
1010
+ return r;
1011
+ }
1012
+ const ee = G({
1013
+ index: 0,
1014
+ total: 0
1015
+ });
1016
+ function te(t) {
1017
+ const e = R.c(8), {
1018
+ children: i,
1019
+ "aria-label": o
1020
+ } = t, {
1021
+ size: c,
1022
+ variant: p
1023
+ } = J(), {
1024
+ index: d,
1025
+ total: l
1026
+ } = H(ee), n = p === "bordered" && d === l - 1, r = c === "sm" ? y.cellSm : y.cellMd, x = p === "bordered" && y.borderedCell, s = n && y.borderedCellLast;
1027
+ let a;
1028
+ e[0] !== r || e[1] !== x || e[2] !== s ? (a = [y.headerCell, r, x, s], e[0] = r, e[1] = x, e[2] = s, e[3] = a) : a = e[3];
1029
+ let u;
1030
+ return e[4] !== o || e[5] !== i || e[6] !== a ? (u = /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:463", role: "columnheader", "aria-label": o, ...C(S.div, a), children: i }), e[4] = o, e[5] = i, e[6] = a, e[7] = u) : u = e[7], u;
1031
+ }
1032
+ te.displayName = "HeaderCell";
1033
+ function Co(t) {
1034
+ const e = R.c(16), {
1035
+ children: i,
1036
+ isActions: o
1037
+ } = t, {
1038
+ size: c,
1039
+ variant: p,
1040
+ labels: d,
1041
+ responsive: l
1042
+ } = J(), {
1043
+ index: n,
1044
+ total: r
1045
+ } = H(ee), x = p === "bordered" && n === r - 1, s = d[n] ?? "", a = c === "sm" ? y.cellSm : y.cellMd, u = p === "bordered" && y.borderedCell, f = x && y.borderedCellLast, g = o && y.cellActions;
1046
+ let v;
1047
+ e[0] !== a || e[1] !== u || e[2] !== f || e[3] !== g ? (v = [y.cell, a, u, f, g], e[0] = a, e[1] = u, e[2] = f, e[3] = g, e[4] = v) : v = e[4];
1048
+ let $;
1049
+ e[5] !== o || e[6] !== s || e[7] !== l ? ($ = l && !o && s !== "" ? /* @__PURE__ */ w("span", { "data-element-src": "Table/Table.tsx:503", ...C(S.span, y.cellLabel), children: s }) : null, e[5] = o, e[6] = s, e[7] = l, e[8] = $) : $ = e[8];
1050
+ let h;
1051
+ e[9] !== i || e[10] !== o ? (h = o ? i : /* @__PURE__ */ w("div", { "data-element-src": "Table/Table.tsx:505", ...C(S.div, y.cellValue), children: i }), e[9] = i, e[10] = o, e[11] = h) : h = e[11];
1052
+ let T;
1053
+ return e[12] !== v || e[13] !== $ || e[14] !== h ? (T = /* @__PURE__ */ _("div", { "data-element-src": "Table/Table.tsx:492", role: "cell", ...C(S.div, v), children: [
1054
+ $,
1055
+ h
1056
+ ] }), e[12] = v, e[13] = $, e[14] = h, e[15] = T) : T = e[15], T;
1057
+ }
1058
+ const So = {
1059
+ /** @deprecated Wrap behaviour is built into Table.Root. Drop this wrapper from new code. */
1060
+ Container: ko,
1061
+ Root: yo,
1062
+ Header: vo,
1063
+ Body: $o,
1064
+ Row: To,
1065
+ HeaderCell: te,
1066
+ Cell: Co
1067
+ }, Io = So;
1068
+ export {
1069
+ $o as B,
1070
+ Co as C,
1071
+ te as H,
1072
+ jo as M,
1073
+ To as R,
1074
+ Io as T,
1075
+ vo as a,
1076
+ zo as b,
1077
+ yo as c,
1078
+ So as d,
1079
+ y as s
1080
+ };
1081
+ //# sourceMappingURL=Table-Bj5u2Q-k.js.map