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