@duro-app/ui 0.1.0 → 0.1.2

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 (6) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.js +1468 -1297
  3. package/dist/index.js.map +1 -1
  4. package/package.json +5 -3
  5. package/src/global-reset.css +20 -0
  6. package/src/strict.css +2 -0
package/dist/index.js CHANGED
@@ -1,1028 +1,1138 @@
1
- import { jsx as a, jsxs as U, Fragment as pt } from "react/jsx-runtime";
2
- import { css as F, html as g } from "react-strict-dom";
3
- import { colors as o, typography as h, radii as D, spacing as i, shadows as Q, highContrastTheme as It, highContrastShadows as zt, lightTheme as Wt, lightShadows as Ht } from "@duro-app/tokens";
4
- import { colors as Xe, highContrastShadows as je, highContrastTheme as Ge, lightShadows as Ye, lightTheme as Ue, radii as Ke, shadows as _e, spacing as qe, typography as Je } from "@duro-app/tokens";
5
- import { useContext as $, createContext as V, useId as Y, useMemo as ht, useState as M, useRef as w, useCallback as B, useEffect as L, Children as mt } from "react";
6
- const ft = F.create({
1
+ import { jsx as u, jsxs as Y, Fragment as ke } from "react/jsx-runtime";
2
+ import { useContext as E, createContext as V, useId as P, useMemo as ae, useState as H, useRef as y, useCallback as I, useEffect as T, Children as de } 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 re = {};
11
+ Object.defineProperty(re, "__esModule", {
12
+ value: !0
13
+ });
14
+ var fe = re.styleq = void 0, je = /* @__PURE__ */ new WeakMap(), qe = "$$css";
15
+ function ge(e) {
16
+ var t, r, n;
17
+ return e != null && (t = e.disableCache === !0, r = e.disableMix === !0, n = e.transform), function() {
18
+ for (var s = [], l = "", c = null, k = "", i = t ? null : je, x = new Array(arguments.length), a = 0; a < arguments.length; a++)
19
+ x[a] = arguments[a];
20
+ for (; x.length > 0; ) {
21
+ var m = x.pop();
22
+ if (!(m == null || m === !1)) {
23
+ if (Array.isArray(m)) {
24
+ for (var w = 0; w < m.length; w++)
25
+ x.push(m[w]);
26
+ continue;
27
+ }
28
+ var p = n != null ? n(m) : m;
29
+ if (p.$$css != null) {
30
+ var h = "";
31
+ if (i != null && i.has(p)) {
32
+ var v = i.get(p);
33
+ v != null && (h = v[0], k = v[2], s.push.apply(s, v[1]), i = v[3]);
34
+ } else {
35
+ var b = [];
36
+ for (var d in p) {
37
+ var $ = p[d];
38
+ if (d === qe) {
39
+ var O = p[d];
40
+ O !== !0 && (k = k ? O + "; " + k : O);
41
+ continue;
42
+ }
43
+ typeof $ == "string" || $ === null ? s.includes(d) || (s.push(d), i != null && b.push(d), typeof $ == "string" && (h += h ? " " + $ : $)) : console.error("styleq: ".concat(d, " typeof ").concat(String($), ' is not "string" or "null".'));
44
+ }
45
+ if (i != null) {
46
+ var q = /* @__PURE__ */ new WeakMap();
47
+ i.set(p, [h, b, k, q]), i = q;
48
+ }
49
+ }
50
+ h && (l = l ? h + " " + l : h);
51
+ } else if (r)
52
+ c == null && (c = {}), c = Object.assign({}, p, c);
53
+ else {
54
+ var z = null;
55
+ for (var M in p) {
56
+ var j = p[M];
57
+ j !== void 0 && (s.includes(M) || (j != null && (c == null && (c = {}), z == null && (z = {}), z[M] = j), s.push(M), i = null));
58
+ }
59
+ z != null && (c = Object.assign(z, c));
60
+ }
61
+ }
62
+ }
63
+ var G = [l, c, k];
64
+ return G;
65
+ };
66
+ }
67
+ var Se = fe = re.styleq = ge();
68
+ Se.factory = ge;
69
+ const Ie = fe.factory({
70
+ disableMix: !0
71
+ });
72
+ function f(...e) {
73
+ const [t, r, n] = Ie(e), o = {};
74
+ if (t != null && t !== "" && (o.className = t), r != null && (o.style = r), n != null && n !== "") {
75
+ const s = n.split(";"), l = {};
76
+ for (const c of s) {
77
+ const k = c.trim(), [i, x] = k.split(":");
78
+ x != null && (l[i] = l[i] != null ? `${l[i]},${x}` : x);
79
+ }
80
+ o["data-style-src"] = Object.keys(l).map((c) => `${c}:${l[c]}`).join("; ");
81
+ }
82
+ return o;
83
+ }
84
+ const N = {
85
+ block: {
86
+ kogj98: "x1ghz6dp",
87
+ kmVPX3: "x1717udv",
88
+ $$css: !0
89
+ },
90
+ inline: {
91
+ kogj98: "x1ghz6dp",
92
+ kmVPX3: "x1717udv",
93
+ kybGjl: "x1hl2dhg",
94
+ k9WMMc: "x16tdsg8",
95
+ kD5eJx: "x1vvkbs",
96
+ $$css: !0
97
+ },
98
+ inlineblock: {
99
+ ksu8eU: "x1y0btm7",
100
+ kogj98: "x1ghz6dp",
101
+ kmVPX3: "x1717udv",
102
+ $$css: !0
103
+ },
104
+ button: {
105
+ kMzoRj: "xmkeg23",
106
+ $$css: !0
107
+ },
108
+ input: {
109
+ kMzoRj: "xmkeg23",
110
+ ksu8eU: "x1y0btm7",
111
+ $$css: !0
112
+ }
113
+ }, Te = N.inline, We = [N.inlineblock, N.button], He = N.block, Ae = [N.inlineblock, N.input], Ee = N.inline, Ge = N.block, Re = N.inline, g = {
114
+ a: Te,
115
+ button: We,
116
+ div: He,
117
+ input: Ae,
118
+ label: Ee,
119
+ nav: Ge,
120
+ span: Re
121
+ }, xe = {
7
122
  base: {
8
- padding: i.md,
9
- borderRadius: D.sm,
10
- borderWidth: 1,
11
- borderStyle: "solid",
12
- fontSize: h.fontSizeSm,
13
- lineHeight: h.lineHeight
123
+ kmVPX3: "x9l0hi5",
124
+ kaIpWk: "x12fpg5d",
125
+ kMzoRj: "xmkeg23",
126
+ ksu8eU: "x1y0btm7",
127
+ kGuDYH: "x1f5wsqz",
128
+ kLWn49: "x1x949wg",
129
+ $$css: !0
14
130
  },
15
131
  error: {
16
- backgroundColor: o.errorBg,
17
- borderColor: o.errorBorder,
18
- color: o.errorText
132
+ kWkggS: "x11yuz7c",
133
+ kVAM5u: "xj9yn0d",
134
+ kMwMTN: "x1n0n1z2",
135
+ $$css: !0
19
136
  },
20
137
  success: {
21
- backgroundColor: o.successBg,
22
- borderColor: o.successBorder,
23
- color: o.successText
138
+ kWkggS: "xfudlpn",
139
+ kVAM5u: "x1qnc0sl",
140
+ kMwMTN: "xu093u5",
141
+ $$css: !0
24
142
  },
25
143
  warning: {
26
- backgroundColor: o.warningBg,
27
- borderColor: o.warningBorder,
28
- color: o.warningText
144
+ kWkggS: "xl3rndl",
145
+ kVAM5u: "xuokgsr",
146
+ kMwMTN: "xsx4m52",
147
+ $$css: !0
29
148
  },
30
149
  info: {
31
- backgroundColor: o.infoBg,
32
- borderColor: o.infoBorder,
33
- color: o.infoText
150
+ kWkggS: "xg7lfmx",
151
+ kVAM5u: "xgoeqpr",
152
+ kMwMTN: "xhrv3qp",
153
+ $$css: !0
34
154
  }
35
- });
36
- function Ie({
37
- variant: t = "info",
38
- children: e
155
+ };
156
+ function Rt({
157
+ variant: e = "info",
158
+ children: t
39
159
  }) {
40
- return /* @__PURE__ */ a(g.div, { role: "alert", style: [ft.base, ft[t]], children: e });
160
+ return /* @__PURE__ */ u("div", { role: "alert", ...f(g.div, xe.base, xe[e]), children: t });
41
161
  }
42
- const J = F.create({
162
+ const K = {
43
163
  base: {
44
- display: "inline-flex",
45
- alignItems: "center",
46
- justifyContent: "center",
47
- fontFamily: h.fontFamily,
48
- fontWeight: h.fontWeightMedium,
49
- lineHeight: 1,
50
- borderRadius: D.full,
51
- whiteSpace: "nowrap"
164
+ k1xSpc: "x3nfvp2",
165
+ kGNEyG: "x6s0dn4",
166
+ kjj79g: "xl56j7k",
167
+ kMv6JI: "x1pzdjp3",
168
+ k63SB2: "x1oq67d7",
169
+ kLWn49: "xo5v014",
170
+ kaIpWk: "x9s7flb",
171
+ khDVqt: "xuxw1ft",
172
+ $$css: !0
52
173
  },
53
174
  sizeMd: {
54
- paddingTop: i.xs,
55
- paddingBottom: i.xs,
56
- paddingLeft: i.sm,
57
- paddingRight: i.sm,
58
- fontSize: h.fontSizeXs
175
+ kLKAdn: "x12lvzsw",
176
+ kGO01o: "xpz7ktu",
177
+ kE3dHu: "x1t5mref",
178
+ kpe85a: "x3h5nva",
179
+ kGuDYH: "xcj380t",
180
+ $$css: !0
59
181
  },
60
182
  sizeSm: {
61
- paddingTop: 2,
62
- paddingBottom: 2,
63
- paddingLeft: i.xs,
64
- paddingRight: i.xs,
65
- fontSize: "0.625rem"
183
+ kLKAdn: "x1nn3v0j",
184
+ kGO01o: "x1120s5i",
185
+ kE3dHu: "x1s93rae",
186
+ kpe85a: "xdf6ls5",
187
+ kGuDYH: "x2ohwh0",
188
+ $$css: !0
66
189
  },
67
190
  default: {
68
- backgroundColor: o.bgCardHover,
69
- color: o.textMuted
191
+ kWkggS: "x1t1330p",
192
+ kMwMTN: "x3dll8l",
193
+ $$css: !0
70
194
  },
71
195
  success: {
72
- backgroundColor: o.successBg,
73
- color: o.successText
196
+ kWkggS: "xfudlpn",
197
+ kMwMTN: "xu093u5",
198
+ $$css: !0
74
199
  },
75
200
  warning: {
76
- backgroundColor: o.warningBg,
77
- color: o.warningText
201
+ kWkggS: "xl3rndl",
202
+ kMwMTN: "xsx4m52",
203
+ $$css: !0
78
204
  },
79
205
  error: {
80
- backgroundColor: o.errorBg,
81
- color: o.errorText
206
+ kWkggS: "x11yuz7c",
207
+ kMwMTN: "x1n0n1z2",
208
+ $$css: !0
82
209
  },
83
210
  info: {
84
- backgroundColor: o.infoBg,
85
- color: o.infoText
211
+ kWkggS: "xg7lfmx",
212
+ kMwMTN: "xhrv3qp",
213
+ $$css: !0
86
214
  }
87
- }), Dt = {
88
- sm: J.sizeSm,
89
- md: J.sizeMd
215
+ }, Ce = {
216
+ sm: K.sizeSm,
217
+ md: K.sizeMd
90
218
  };
91
- function ze({
92
- variant: t = "default",
93
- size: e = "md",
219
+ function Ct({
220
+ variant: e = "default",
221
+ size: t = "md",
94
222
  children: r
95
223
  }) {
96
- return /* @__PURE__ */ a(g.span, { style: [J.base, Dt[e], J[t]], children: r });
224
+ return /* @__PURE__ */ u("span", { ...f(g.span, K.base, Ce[t], K[e]), children: r });
97
225
  }
98
- const _ = F.create({
226
+ const X = {
99
227
  base: {
100
- display: "inline-flex",
101
- alignItems: "center",
102
- justifyContent: "center",
103
- gap: i.sm,
104
- fontFamily: h.fontFamily,
105
- fontSize: h.fontSizeSm,
106
- fontWeight: h.fontWeightMedium,
107
- lineHeight: h.lineHeight,
108
- borderRadius: D.sm,
109
- borderWidth: 1,
110
- borderStyle: "solid",
111
- cursor: "pointer",
112
- transitionProperty: "background-color, border-color, color, opacity",
113
- transitionDuration: "150ms",
114
- transitionTimingFunction: "ease",
115
- textDecoration: "none",
116
- outlineWidth: {
117
- default: 0,
118
- ":focus-visible": 2
119
- },
120
- outlineStyle: {
121
- default: "none",
122
- ":focus-visible": "solid"
123
- },
124
- outlineColor: {
125
- default: "transparent",
126
- ":focus-visible": o.accent
127
- },
128
- outlineOffset: {
129
- default: 0,
130
- ":focus-visible": 2
131
- }
228
+ k1xSpc: "x3nfvp2",
229
+ kGNEyG: "x6s0dn4",
230
+ kjj79g: "xl56j7k",
231
+ kOIVth: "x10k1rbm",
232
+ kMv6JI: "x1pzdjp3",
233
+ kGuDYH: "x1f5wsqz",
234
+ k63SB2: "x1oq67d7",
235
+ kLWn49: "x1x949wg",
236
+ kaIpWk: "x12fpg5d",
237
+ kMzoRj: "xmkeg23",
238
+ ksu8eU: "x1y0btm7",
239
+ kkrTdU: "x1ypdohk",
240
+ k1ekBW: "x1qsmvhx",
241
+ kIyJzY: "xx6bhzk",
242
+ kAMwcw: "xwji4o3",
243
+ kybGjl: "x1hl2dhg",
244
+ kMeerF: "x1k57tk5 x784prv",
245
+ k3XXqK: "x1t137rt x9v5kkp",
246
+ kjBf7l: "x1uczgqu x1kpnk96",
247
+ kInvED: "x1wfwxd8 x7s97pk",
248
+ $$css: !0
132
249
  },
133
250
  sizeDefault: {
134
- paddingTop: i.sm,
135
- paddingBottom: i.sm,
136
- paddingLeft: i.md,
137
- paddingRight: i.md
251
+ kLKAdn: "x1g9jjt5",
252
+ kGO01o: "x1jybd5k",
253
+ kE3dHu: "xsk07c1",
254
+ kpe85a: "x15wirxn",
255
+ $$css: !0
138
256
  },
139
257
  sizeSmall: {
140
- paddingTop: i.xs,
141
- paddingBottom: i.xs,
142
- paddingLeft: i.sm,
143
- paddingRight: i.sm,
144
- fontSize: h.fontSizeXs
258
+ kLKAdn: "x12lvzsw",
259
+ kGO01o: "xpz7ktu",
260
+ kE3dHu: "x1t5mref",
261
+ kpe85a: "x3h5nva",
262
+ kGuDYH: "xcj380t",
263
+ $$css: !0
145
264
  },
146
265
  primary: {
147
- backgroundColor: {
148
- default: o.accent,
149
- ":hover": o.accentHover,
150
- ":active": o.accentHover
151
- },
152
- borderColor: {
153
- default: o.accent,
154
- ":hover": o.accentHover
155
- },
156
- color: o.accentContrast
266
+ kWkggS: "xyed30c xenhjbp xp6ammx",
267
+ kVAM5u: "xdtqdxh x1u5p6e5",
268
+ kMwMTN: "x1nawapl",
269
+ $$css: !0
157
270
  },
158
271
  secondary: {
159
- backgroundColor: {
160
- default: "transparent",
161
- ":hover": o.bgCardHover
162
- },
163
- borderColor: o.border,
164
- color: o.textMuted
272
+ kWkggS: "xjbqb8w x16rx6z8",
273
+ kVAM5u: "x8sq793",
274
+ kMwMTN: "x3dll8l",
275
+ $$css: !0
165
276
  },
166
277
  link: {
167
- backgroundColor: "transparent",
168
- borderColor: "transparent",
169
- color: {
170
- default: o.accent,
171
- ":hover": o.accentHover
172
- },
173
- textDecoration: {
174
- default: "none",
175
- ":hover": "underline"
176
- },
177
- paddingLeft: 0,
178
- paddingRight: 0
278
+ kWkggS: "xjbqb8w",
279
+ kVAM5u: "x9r1u3d",
280
+ kMwMTN: "x1jv78v8 x1346zho",
281
+ kybGjl: "x1hl2dhg xt0b8zv",
282
+ kE3dHu: "x1uhho1l",
283
+ kpe85a: "x1xpa7k",
284
+ $$css: !0
179
285
  },
180
286
  danger: {
181
- backgroundColor: {
182
- default: o.error,
183
- ":hover": o.errorHover,
184
- ":active": o.errorHover
185
- },
186
- borderColor: {
187
- default: o.error,
188
- ":hover": o.errorHover
189
- },
190
- color: o.errorContrast
287
+ kWkggS: "x3uea3h x15nk2ih x14rwz5y",
288
+ kVAM5u: "x100xte9 xgfi2mf",
289
+ kMwMTN: "xh39ek7",
290
+ $$css: !0
191
291
  },
192
292
  fullWidth: {
193
- width: "100%"
293
+ kzqmXN: "xh8yej3",
294
+ $$css: !0
194
295
  },
195
296
  disabled: {
196
- opacity: 0.5,
197
- cursor: "not-allowed"
297
+ kSiTet: "xbyyjgo",
298
+ kkrTdU: "x1h6gzvc",
299
+ $$css: !0
198
300
  }
199
- }), Bt = {
200
- default: _.sizeDefault,
201
- small: _.sizeSmall
301
+ }, Ve = {
302
+ default: X.sizeDefault,
303
+ small: X.sizeSmall
202
304
  };
203
- function We({
204
- variant: t = "primary",
205
- size: e = "default",
305
+ function Vt({
306
+ variant: e = "primary",
307
+ size: t = "default",
206
308
  fullWidth: r = !1,
207
309
  disabled: n = !1,
208
- type: l = "button",
310
+ type: o = "button",
209
311
  onClick: s,
210
- children: d
312
+ children: l
211
313
  }) {
212
- return /* @__PURE__ */ a(g.button, { type: l, disabled: n, onClick: s, style: [_.base, Bt[e], _[t], r && _.fullWidth, n && _.disabled], children: d });
314
+ return /* @__PURE__ */ u("button", { type: o, disabled: n, onClick: s, ...f(g.button, X.base, Ve[t], X[e], r && X.fullWidth, n && X.disabled), children: l });
213
315
  }
214
- const q = F.create({
316
+ const J = {
215
317
  base: {
216
- backgroundColor: o.bgCard,
217
- color: o.text,
218
- fontFamily: h.fontFamily
318
+ kWkggS: "xdz192t",
319
+ kMwMTN: "x1q7k5ly",
320
+ kMv6JI: "x1pzdjp3",
321
+ $$css: !0
219
322
  },
220
- // Variants
221
323
  elevated: {
222
- borderRadius: D.lg,
223
- borderWidth: 1,
224
- borderStyle: "solid",
225
- borderColor: o.border,
226
- boxShadow: Q.md
324
+ kaIpWk: "x1e3ur83",
325
+ kMzoRj: "xmkeg23",
326
+ ksu8eU: "x1y0btm7",
327
+ kVAM5u: "x8sq793",
328
+ kGVxlE: "xconxm6",
329
+ $$css: !0
227
330
  },
228
331
  outlined: {
229
- borderRadius: D.md,
230
- borderWidth: 1,
231
- borderStyle: "solid",
232
- borderColor: o.border
332
+ kaIpWk: "x1jk3q3d",
333
+ kMzoRj: "xmkeg23",
334
+ ksu8eU: "x1y0btm7",
335
+ kVAM5u: "x8sq793",
336
+ $$css: !0
233
337
  },
234
338
  filled: {
235
- borderRadius: D.md
339
+ kaIpWk: "x1jk3q3d",
340
+ $$css: !0
236
341
  },
237
342
  interactive: {
238
- borderRadius: D.md,
239
- borderWidth: 1,
240
- borderStyle: "solid",
241
- borderColor: {
242
- default: o.border,
243
- ":hover": o.accent
244
- },
245
- backgroundColor: {
246
- default: o.bgCard,
247
- ":hover": o.bgCardHover
248
- },
249
- cursor: "pointer",
250
- transitionProperty: "background-color, border-color, transform",
251
- transitionDuration: "150ms",
252
- transitionTimingFunction: "ease",
253
- transform: {
254
- default: "translateY(0)",
255
- ":hover": "translateY(-2px)"
256
- }
343
+ kaIpWk: "x1jk3q3d",
344
+ kMzoRj: "xmkeg23",
345
+ ksu8eU: "x1y0btm7",
346
+ kVAM5u: "x8sq793 x9la8fy",
347
+ kWkggS: "xdz192t x16rx6z8",
348
+ kkrTdU: "x1ypdohk",
349
+ k1ekBW: "x1lxufdw",
350
+ kIyJzY: "xx6bhzk",
351
+ kAMwcw: "xwji4o3",
352
+ k3aq6I: "xnn1q72 x1lz31oe",
353
+ $$css: !0
257
354
  },
258
- // Sizes (padding)
259
355
  sizeDefault: {
260
- padding: i.lg
356
+ kmVPX3: "xp0c5z4",
357
+ $$css: !0
261
358
  },
262
359
  sizeCompact: {
263
- padding: i.md
360
+ kmVPX3: "x9l0hi5",
361
+ $$css: !0
264
362
  },
265
363
  sizeFull: {
266
- padding: i.xl
364
+ kmVPX3: "x18v2m0",
365
+ $$css: !0
267
366
  },
268
- // Header
269
367
  header: {
270
- fontSize: h.fontSizeLg,
271
- fontWeight: h.fontWeightSemibold,
272
- marginBottom: i.md
368
+ kGuDYH: "xf4hbbm",
369
+ k63SB2: "x120om85",
370
+ k1K539: "x94e8gg",
371
+ $$css: !0
273
372
  }
274
- }), Lt = {
275
- default: q.sizeDefault,
276
- compact: q.sizeCompact,
277
- full: q.sizeFull
373
+ }, Oe = {
374
+ default: J.sizeDefault,
375
+ compact: J.sizeCompact,
376
+ full: J.sizeFull
278
377
  };
279
- function He({
280
- variant: t = "outlined",
281
- size: e = "default",
378
+ function Ot({
379
+ variant: e = "outlined",
380
+ size: t = "default",
282
381
  header: r,
283
382
  onClick: n,
284
- children: l
383
+ children: o
285
384
  }) {
286
- return /* @__PURE__ */ U(g.div, { onClick: n, style: [q.base, q[t], Lt[e]], children: [
287
- r && /* @__PURE__ */ a(g.div, { style: q.header, children: r }),
288
- l
385
+ return /* @__PURE__ */ Y("div", { onClick: n, ...f(g.div, J.base, J[e], Oe[t]), children: [
386
+ r && /* @__PURE__ */ u("div", { ...f(g.div, J.header), children: r }),
387
+ o
289
388
  ] });
290
389
  }
291
- const bt = V(null);
292
- function Z() {
293
- return $(bt);
390
+ const pe = V(null);
391
+ function U() {
392
+ return E(pe);
294
393
  }
295
- const tt = F.create({
394
+ const _ = {
296
395
  root: {
297
- display: "flex",
298
- flexDirection: "column",
299
- gap: i.xs
396
+ k1xSpc: "x78zum5",
397
+ kXwgrk: "xdt5ytf",
398
+ kOIVth: "x1b6swt2",
399
+ $$css: !0
300
400
  },
301
401
  label: {
302
- fontSize: h.fontSizeSm,
303
- fontWeight: h.fontWeightMedium,
304
- color: o.text
402
+ kGuDYH: "x1f5wsqz",
403
+ k63SB2: "x1oq67d7",
404
+ kMwMTN: "x1q7k5ly",
405
+ $$css: !0
305
406
  },
306
407
  description: {
307
- fontSize: h.fontSizeXs,
308
- color: o.textMuted
408
+ kGuDYH: "xcj380t",
409
+ kMwMTN: "x3dll8l",
410
+ $$css: !0
309
411
  },
310
412
  error: {
311
- fontSize: h.fontSizeXs,
312
- color: o.error
413
+ kGuDYH: "xcj380t",
414
+ kMwMTN: "xoejid4",
415
+ $$css: !0
313
416
  }
314
- });
315
- function Pt({
316
- invalid: t = !1,
317
- children: e
417
+ };
418
+ function Le({
419
+ invalid: e = !1,
420
+ children: t
318
421
  }) {
319
- const r = Y(), n = ht(() => ({
422
+ const r = P(), n = ae(() => ({
320
423
  controlId: `${r}-control`,
321
424
  descriptionId: `${r}-description`,
322
425
  errorId: `${r}-error`,
323
- invalid: t
324
- }), [r, t]);
325
- return /* @__PURE__ */ a(bt.Provider, { value: n, children: /* @__PURE__ */ a(g.div, { style: tt.root, children: e }) });
426
+ invalid: e
427
+ }), [r, e]);
428
+ return /* @__PURE__ */ u(pe.Provider, { value: n, children: /* @__PURE__ */ u("div", { ...f(g.div, _.root), children: t }) });
326
429
  }
327
- function Mt({
328
- children: t
430
+ function Ne({
431
+ children: e
329
432
  }) {
330
- const e = Z();
331
- return /* @__PURE__ */ a(g.label, { for: e?.controlId, style: tt.label, children: t });
433
+ const t = U();
434
+ return /* @__PURE__ */ u("label", { htmlFor: t?.controlId, ...f(g.label, _.label), children: e });
332
435
  }
333
- function Ft({
334
- children: t
436
+ function De({
437
+ children: e
335
438
  }) {
336
- const e = Z();
337
- return /* @__PURE__ */ a(g.span, { id: e?.descriptionId, style: tt.description, children: t });
439
+ const t = U();
440
+ return /* @__PURE__ */ u("span", { id: t?.descriptionId, ...f(g.span, _.description), children: e });
338
441
  }
339
- function Et({
340
- children: t
442
+ function Be({
443
+ children: e
341
444
  }) {
342
- const e = Z();
343
- return !e?.invalid && !t ? null : /* @__PURE__ */ a(g.span, { id: e?.errorId, role: "alert", style: tt.error, children: t });
445
+ const t = U();
446
+ return !t?.invalid && !e ? null : /* @__PURE__ */ u("span", { id: t?.errorId, role: "alert", ...f(g.span, _.error), children: e });
344
447
  }
345
- const De = {
346
- Root: Pt,
347
- Label: Mt,
348
- Description: Ft,
349
- Error: Et
350
- }, gt = F.create({
448
+ const Lt = {
449
+ Root: Le,
450
+ Label: Ne,
451
+ Description: De,
452
+ Error: Be
453
+ }, ue = {
351
454
  base: {
352
- width: "100%",
353
- paddingTop: i.sm,
354
- paddingBottom: i.sm,
355
- paddingLeft: i.md,
356
- paddingRight: i.md,
357
- fontFamily: h.fontFamily,
358
- fontSize: h.fontSizeSm,
359
- lineHeight: h.lineHeight,
360
- color: o.text,
361
- backgroundColor: o.bg,
362
- borderWidth: 1,
363
- borderStyle: "solid",
364
- borderRadius: D.sm,
365
- transitionProperty: "border-color",
366
- transitionDuration: "150ms",
367
- transitionTimingFunction: "ease",
368
- outlineWidth: {
369
- default: 0,
370
- ":focus-visible": 2
371
- },
372
- outlineStyle: {
373
- default: "none",
374
- ":focus-visible": "solid"
375
- },
376
- outlineColor: {
377
- default: "transparent",
378
- ":focus-visible": o.accent
379
- },
380
- outlineOffset: {
381
- default: 0,
382
- ":focus-visible": 1
383
- }
455
+ kzqmXN: "xh8yej3",
456
+ kLKAdn: "x1g9jjt5",
457
+ kGO01o: "x1jybd5k",
458
+ kE3dHu: "xsk07c1",
459
+ kpe85a: "x15wirxn",
460
+ kMv6JI: "x1pzdjp3",
461
+ kGuDYH: "x1f5wsqz",
462
+ kLWn49: "x1x949wg",
463
+ kMwMTN: "x1q7k5ly",
464
+ kWkggS: "x18f41zy",
465
+ kMzoRj: "xmkeg23",
466
+ ksu8eU: "x1y0btm7",
467
+ kaIpWk: "x12fpg5d",
468
+ k1ekBW: "xshfolx",
469
+ kIyJzY: "xx6bhzk",
470
+ kAMwcw: "xwji4o3",
471
+ kMeerF: "x1k57tk5 x784prv",
472
+ k3XXqK: "x1t137rt x9v5kkp",
473
+ kjBf7l: "x1uczgqu x1kpnk96",
474
+ kInvED: "x1wfwxd8 x13iak60",
475
+ $$css: !0
384
476
  },
385
477
  default: {
386
- borderColor: {
387
- default: o.border,
388
- ":hover": o.textMuted,
389
- ":focus": o.accent
390
- }
478
+ kVAM5u: "x8sq793 x15ifnsi x15rm23n",
479
+ $$css: !0
391
480
  },
392
481
  error: {
393
- borderColor: {
394
- default: o.error,
395
- ":focus": o.error
396
- }
482
+ kVAM5u: "x100xte9 xdikpbx",
483
+ $$css: !0
397
484
  }
398
- });
399
- function Be({
400
- variant: t = "default",
401
- type: e = "text",
485
+ };
486
+ function Nt({
487
+ variant: e = "default",
488
+ type: t = "text",
402
489
  name: r,
403
490
  placeholder: n,
404
- required: l,
491
+ required: o,
405
492
  minLength: s,
406
- pattern: d,
493
+ pattern: l,
407
494
  autoComplete: c,
408
- value: m,
409
- defaultValue: u,
410
- disabled: f,
411
- onChange: p
495
+ value: k,
496
+ defaultValue: i,
497
+ disabled: x,
498
+ onChange: a
412
499
  }) {
413
- const S = Z(), R = d !== void 0 ? {
414
- pattern: d
500
+ const m = U(), w = l !== void 0 ? {
501
+ pattern: l
415
502
  } : void 0;
416
- return /* @__PURE__ */ a(g.input, { id: S?.controlId, type: e, name: r, placeholder: n, required: l, minLength: s, autoComplete: c, value: m, defaultValue: u, disabled: f, "aria-describedby": S ? `${S.descriptionId} ${S.invalid ? S.errorId : ""}`.trim() : void 0, "aria-invalid": S?.invalid || t === "error" || void 0, onChange: p, style: [gt.base, gt[t]], ...R });
503
+ return /* @__PURE__ */ u("input", { id: m?.controlId, type: t, name: r, placeholder: n, required: o, minLength: s, autoComplete: c, value: k, defaultValue: i, disabled: x, "aria-describedby": m ? `${m.descriptionId} ${m.invalid ? m.errorId : ""}`.trim() : void 0, "aria-invalid": m?.invalid || e === "error" || void 0, onChange: a, ...f(g.input, ue.base, ue[e]), ...w, dir: "auto" });
417
504
  }
418
- const N = F.create({
505
+ const L = {
419
506
  root: {
420
- position: "relative",
421
- display: "inline-flex"
507
+ kVAEAm: "x1n2onr6",
508
+ k1xSpc: "x3nfvp2",
509
+ $$css: !0
422
510
  },
423
511
  trigger: {
424
- display: "inline-flex",
425
- alignItems: "center",
426
- gap: i.sm,
427
- paddingTop: i.sm,
428
- paddingBottom: i.sm,
429
- paddingLeft: i.md,
430
- paddingRight: i.md,
431
- fontFamily: h.fontFamily,
432
- fontSize: h.fontSizeSm,
433
- color: o.text,
434
- backgroundColor: {
435
- default: "transparent",
436
- ":hover": o.bgCardHover
437
- },
438
- borderWidth: 1,
439
- borderStyle: "solid",
440
- borderColor: o.border,
441
- borderRadius: D.sm,
442
- cursor: "pointer",
443
- transitionProperty: "background-color, border-color",
444
- transitionDuration: "150ms"
512
+ k1xSpc: "x3nfvp2",
513
+ kGNEyG: "x6s0dn4",
514
+ kOIVth: "x10k1rbm",
515
+ kLKAdn: "x1g9jjt5",
516
+ kGO01o: "x1jybd5k",
517
+ kE3dHu: "xsk07c1",
518
+ kpe85a: "x15wirxn",
519
+ kMv6JI: "x1pzdjp3",
520
+ kGuDYH: "x1f5wsqz",
521
+ kMwMTN: "x1q7k5ly",
522
+ kWkggS: "xjbqb8w x16rx6z8",
523
+ kMzoRj: "xmkeg23",
524
+ ksu8eU: "x1y0btm7",
525
+ kVAM5u: "x8sq793",
526
+ kaIpWk: "x12fpg5d",
527
+ kkrTdU: "x1ypdohk",
528
+ k1ekBW: "xts7igz",
529
+ kIyJzY: "xx6bhzk",
530
+ $$css: !0
445
531
  },
446
532
  backdrop: {
447
- position: "fixed",
448
- top: 0,
449
- left: 0,
450
- right: 0,
451
- bottom: 0,
452
- zIndex: 49
533
+ kVAEAm: "xixxii4",
534
+ k87sOh: "x13vifvy",
535
+ kbCHJM: "xu96u03",
536
+ kCIrl2: "x3m8u43",
537
+ krVfgx: "x1ey2m1c",
538
+ kY2c9j: "x1ygf0dq",
539
+ $$css: !0
453
540
  },
454
541
  popup: {
455
- position: "absolute",
456
- top: "100%",
457
- left: 0,
458
- marginTop: i.xs,
459
- backgroundColor: o.bgCard,
460
- borderWidth: 1,
461
- borderStyle: "solid",
462
- borderColor: o.border,
463
- borderRadius: D.sm,
464
- boxShadow: Q.md,
465
- paddingTop: i.xs,
466
- paddingBottom: i.xs,
467
- minWidth: 160,
468
- zIndex: 50
542
+ kVAEAm: "x10l6tqk",
543
+ k87sOh: "xdsb8wn",
544
+ kbCHJM: "xu96u03",
545
+ keoZOQ: "x1x9u35d",
546
+ kWkggS: "xdz192t",
547
+ kMzoRj: "xmkeg23",
548
+ ksu8eU: "x1y0btm7",
549
+ kVAM5u: "x8sq793",
550
+ kaIpWk: "x12fpg5d",
551
+ kGVxlE: "xconxm6",
552
+ kLKAdn: "x12lvzsw",
553
+ kGO01o: "xpz7ktu",
554
+ k7Eaqz: "x5w4yej",
555
+ kY2c9j: "xa9119d",
556
+ $$css: !0
469
557
  },
470
558
  popupEnd: {
471
- left: "auto",
472
- right: 0
559
+ kbCHJM: "x1t8mvi6",
560
+ kCIrl2: "x3m8u43",
561
+ $$css: !0
473
562
  },
474
563
  item: {
475
- display: "flex",
476
- alignItems: "center",
477
- paddingTop: i.sm,
478
- paddingBottom: i.sm,
479
- paddingLeft: i.md,
480
- paddingRight: i.md,
481
- fontSize: h.fontSizeSm,
482
- fontFamily: h.fontFamily,
483
- color: o.text,
484
- borderRadius: D.sm,
485
- cursor: "pointer",
486
- backgroundColor: "transparent",
487
- transitionProperty: "background-color",
488
- transitionDuration: "150ms"
564
+ k1xSpc: "x78zum5",
565
+ kGNEyG: "x6s0dn4",
566
+ kLKAdn: "x1g9jjt5",
567
+ kGO01o: "x1jybd5k",
568
+ kE3dHu: "xsk07c1",
569
+ kpe85a: "x15wirxn",
570
+ kGuDYH: "x1f5wsqz",
571
+ kMv6JI: "x1pzdjp3",
572
+ kMwMTN: "x1q7k5ly",
573
+ kaIpWk: "x12fpg5d",
574
+ kkrTdU: "x1ypdohk",
575
+ kWkggS: "xjbqb8w",
576
+ k1ekBW: "x15406qy",
577
+ kIyJzY: "xx6bhzk",
578
+ $$css: !0
489
579
  },
490
580
  itemHighlighted: {
491
- backgroundColor: o.bgCardHover
581
+ kWkggS: "x1t1330p",
582
+ $$css: !0
492
583
  },
493
584
  linkItem: {
494
- textDecoration: "none",
495
- color: {
496
- default: o.text,
497
- ":hover": o.text
498
- }
585
+ kybGjl: "x1hl2dhg",
586
+ kMwMTN: "x1q7k5ly x1hcr4s8",
587
+ $$css: !0
499
588
  }
500
- }), vt = V(null);
501
- function et() {
502
- const t = $(vt);
503
- if (!t) throw new Error("Menu compound components must be used within Menu.Root");
504
- return t;
589
+ }, ve = V(null);
590
+ function Q() {
591
+ const e = E(ve);
592
+ if (!e) throw new Error("Menu compound components must be used within Menu.Root");
593
+ return e;
505
594
  }
506
- function $t() {
507
- const [t, e] = M(!1), [r, n] = M(null), l = Y(), s = w(null), d = w(null), c = w(/* @__PURE__ */ new Map()), m = w([]), u = w(!1), f = B(() => {
508
- e(!1), n(null), u.current = !1, d.current?.focus();
509
- }, []), p = B(() => {
510
- e((x) => (x ? (n(null), u.current = !1) : u.current = !0, !x));
595
+ function Pe() {
596
+ const [e, t] = H(!1), [r, n] = H(null), o = P(), s = y(null), l = y(null), c = y(/* @__PURE__ */ new Map()), k = y([]), i = y(!1), x = I(() => {
597
+ t(!1), n(null), i.current = !1, l.current?.focus();
598
+ }, []), a = I(() => {
599
+ t((p) => (p ? (n(null), i.current = !1) : i.current = !0, !p));
511
600
  }, []);
512
- L(() => {
513
- if (t && u.current) {
514
- u.current = !1;
515
- const x = m.current;
516
- x.length > 0 && n(x[0]);
601
+ T(() => {
602
+ if (e && i.current) {
603
+ i.current = !1;
604
+ const p = k.current;
605
+ p.length > 0 && n(p[0]);
517
606
  }
518
- }, [t]);
519
- const S = B((x, C) => {
520
- c.current.set(x, C);
521
- const v = c.current, y = [...v.keys()];
522
- return y.sort((b, k) => {
523
- const K = v.get(b), W = v.get(k);
524
- return !K || !W ? 0 : K.compareDocumentPosition(W) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
525
- }), m.current = y, () => {
526
- c.current.delete(x), m.current = m.current.filter((b) => b !== x);
607
+ }, [e]);
608
+ const m = I((p, h) => {
609
+ c.current.set(p, h);
610
+ const v = c.current, b = [...v.keys()];
611
+ return b.sort((d, $) => {
612
+ const O = v.get(d), q = v.get($);
613
+ return !O || !q ? 0 : O.compareDocumentPosition(q) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
614
+ }), k.current = b, () => {
615
+ c.current.delete(p), k.current = k.current.filter((d) => d !== p);
527
616
  };
528
617
  }, []);
529
- return L(() => {
530
- const x = s.current;
531
- if (!x || !t) return;
532
- function C(v) {
533
- const y = m.current;
534
- if (y.length !== 0)
618
+ return T(() => {
619
+ const p = s.current;
620
+ if (!p || !e) return;
621
+ function h(v) {
622
+ const b = k.current;
623
+ if (b.length !== 0)
535
624
  switch (v.key) {
536
625
  case "ArrowDown": {
537
- v.preventDefault(), n((b) => {
538
- const k = b ? y.indexOf(b) : -1;
539
- return y[(k + 1) % y.length];
626
+ v.preventDefault(), n((d) => {
627
+ const $ = d ? b.indexOf(d) : -1;
628
+ return b[($ + 1) % b.length];
540
629
  });
541
630
  break;
542
631
  }
543
632
  case "ArrowUp": {
544
- v.preventDefault(), n((b) => {
545
- const k = b ? y.indexOf(b) : 0;
546
- return y[(k - 1 + y.length) % y.length];
633
+ v.preventDefault(), n((d) => {
634
+ const $ = d ? b.indexOf(d) : 0;
635
+ return b[($ - 1 + b.length) % b.length];
547
636
  });
548
637
  break;
549
638
  }
550
639
  case "Home": {
551
- v.preventDefault(), n(y[0]);
640
+ v.preventDefault(), n(b[0]);
552
641
  break;
553
642
  }
554
643
  case "End": {
555
- v.preventDefault(), n(y[y.length - 1]);
644
+ v.preventDefault(), n(b[b.length - 1]);
556
645
  break;
557
646
  }
558
647
  case "Enter":
559
648
  case " ": {
560
649
  v.preventDefault();
561
- const b = c.current;
562
- n((k) => (k && b.get(k)?.click(), k));
650
+ const d = c.current;
651
+ n(($) => ($ && d.get($)?.click(), $));
563
652
  break;
564
653
  }
565
654
  case "Escape":
566
655
  case "Tab": {
567
- f();
656
+ x();
568
657
  break;
569
658
  }
570
659
  }
571
660
  }
572
- return x.addEventListener("keydown", C), () => x.removeEventListener("keydown", C);
573
- }, [t, f]), {
661
+ return p.addEventListener("keydown", h), () => p.removeEventListener("keydown", h);
662
+ }, [e, x]), {
574
663
  ctx: {
575
- open: t,
576
- toggle: p,
577
- close: f,
578
- menuId: l,
664
+ open: e,
665
+ toggle: a,
666
+ close: x,
667
+ menuId: o,
579
668
  highlightedId: r,
580
669
  setHighlightedId: n,
581
- registerItem: S,
582
- triggerRef: d
670
+ registerItem: m,
671
+ triggerRef: l
583
672
  },
584
673
  rootRef: s
585
674
  };
586
675
  }
587
- function At({
588
- children: t
676
+ function Ye({
677
+ children: e
589
678
  }) {
590
679
  const {
591
- ctx: e,
680
+ ctx: t,
592
681
  rootRef: r
593
- } = $t();
594
- return /* @__PURE__ */ a(vt.Provider, { value: e, children: /* @__PURE__ */ a(g.div, { ref: r, style: N.root, children: t }) });
682
+ } = Pe();
683
+ return /* @__PURE__ */ u(ve.Provider, { value: t, children: /* @__PURE__ */ u("div", { ref: r, ...f(g.div, L.root), children: e }) });
595
684
  }
596
- function Ot({
597
- children: t
685
+ function Xe({
686
+ children: e
598
687
  }) {
599
688
  const {
600
- open: e,
689
+ open: t,
601
690
  toggle: r,
602
691
  menuId: n,
603
- triggerRef: l
604
- } = et(), s = w(null);
605
- return L(() => {
606
- l.current = s.current;
607
- }), /* @__PURE__ */ a(g.button, { ref: s, type: "button", onClick: r, "aria-expanded": e, "aria-haspopup": "menu", "aria-controls": e ? n : void 0, style: N.trigger, children: t });
692
+ triggerRef: o
693
+ } = Q(), s = y(null);
694
+ return T(() => {
695
+ o.current = s.current;
696
+ }), /* @__PURE__ */ u("button", { ref: s, type: "button", onClick: r, "aria-expanded": t, "aria-haspopup": "menu", "aria-controls": t ? n : void 0, ...f(g.button, L.trigger), children: e });
608
697
  }
609
- function Vt({
610
- children: t,
611
- align: e = "start"
698
+ function Je({
699
+ children: e,
700
+ align: t = "start"
612
701
  }) {
613
702
  const {
614
703
  open: r,
615
704
  close: n,
616
- menuId: l,
705
+ menuId: o,
617
706
  highlightedId: s
618
- } = et();
619
- return r ? /* @__PURE__ */ U(pt, { children: [
620
- /* @__PURE__ */ a(g.div, { style: N.backdrop, onClick: n }),
621
- /* @__PURE__ */ a(g.div, { id: l, role: "menu", "aria-activedescendant": s ?? void 0, style: [N.popup, e === "end" && N.popupEnd], children: t })
707
+ } = Q();
708
+ return r ? /* @__PURE__ */ Y(ke, { children: [
709
+ /* @__PURE__ */ u("div", { ...f(g.div, L.backdrop), onClick: n }),
710
+ /* @__PURE__ */ u("div", { id: o, role: "menu", "aria-activedescendant": s ?? void 0, ...f(g.div, L.popup, t === "end" && L.popupEnd), children: e })
622
711
  ] }) : null;
623
712
  }
624
- function Nt({
625
- onClick: t,
626
- children: e
713
+ function Ke({
714
+ onClick: e,
715
+ children: t
627
716
  }) {
628
717
  const {
629
718
  close: r,
630
719
  highlightedId: n,
631
- setHighlightedId: l,
720
+ setHighlightedId: o,
632
721
  registerItem: s
633
- } = et(), d = Y(), c = w(null), m = n === d;
634
- L(() => {
635
- const f = c.current;
636
- if (f)
637
- return s(d, f);
638
- }, [d, s]);
639
- const u = () => {
640
- t?.(), r();
641
- };
642
- return /* @__PURE__ */ a(g.div, { ref: c, id: d, role: "menuitem", onClick: u, onPointerEnter: () => l(d), style: [N.item, m && N.itemHighlighted], children: e });
722
+ } = Q(), l = P(), c = y(null), k = n === l;
723
+ return T(() => {
724
+ const x = c.current;
725
+ if (x)
726
+ return s(l, x);
727
+ }, [l, s]), /* @__PURE__ */ u("div", { ref: c, id: l, role: "menuitem", onClick: () => {
728
+ e?.(), r();
729
+ }, onPointerEnter: () => o(l), ...f(g.div, L.item, k && L.itemHighlighted), children: t });
643
730
  }
644
- function Xt({
645
- href: t,
646
- children: e
731
+ function Ue({
732
+ href: e,
733
+ children: t
647
734
  }) {
648
735
  const {
649
736
  close: r,
650
737
  highlightedId: n,
651
- setHighlightedId: l,
738
+ setHighlightedId: o,
652
739
  registerItem: s
653
- } = et(), d = Y(), c = w(null), m = n === d;
654
- return L(() => {
655
- const u = c.current;
656
- if (u)
657
- return s(d, u);
658
- }, [d, s]), /* @__PURE__ */ a(g.a, { ref: c, id: d, href: t, onClick: r, role: "menuitem", onPointerEnter: () => l(d), style: [N.item, N.linkItem, m && N.itemHighlighted], children: e });
740
+ } = Q(), l = P(), c = y(null), k = n === l;
741
+ return T(() => {
742
+ const i = c.current;
743
+ if (i)
744
+ return s(l, i);
745
+ }, [l, s]), /* @__PURE__ */ u("a", { ref: c, id: l, href: e, onClick: r, role: "menuitem", onPointerEnter: () => o(l), ...f(g.a, L.item, L.linkItem, k && L.itemHighlighted), children: t });
659
746
  }
660
- const Le = {
661
- Root: At,
662
- Trigger: Ot,
663
- Popup: Vt,
664
- Item: Nt,
665
- LinkItem: Xt
666
- }, E = F.create({
747
+ const Dt = {
748
+ Root: Ye,
749
+ Trigger: Xe,
750
+ Popup: Je,
751
+ Item: Ke,
752
+ LinkItem: Ue
753
+ }, A = {
667
754
  root: {
668
- position: "relative",
669
- overflow: "hidden"
755
+ kVAEAm: "x1n2onr6",
756
+ kVQacm: "xb3r6kr",
757
+ $$css: !0
670
758
  },
671
759
  viewport: {
672
- width: "100%",
673
- height: "100%",
674
- overflowX: "auto",
675
- overflowY: "auto",
676
- // Hide native scrollbar
677
- scrollbarWidth: "none"
760
+ kzqmXN: "xh8yej3",
761
+ kZKoxP: "x5yr21d",
762
+ kXHlph: "xw2csxc",
763
+ kORKVm: "x1odjw0f",
764
+ k5wCbM: "x1rohswg",
765
+ $$css: !0
678
766
  },
679
767
  content: {
680
- minWidth: "100%",
681
- minHeight: "100%"
768
+ k7Eaqz: "xgqtt45",
769
+ kAzted: "x1us19tq",
770
+ $$css: !0
682
771
  },
683
772
  scrollbar: {
684
- position: "absolute",
685
- zIndex: 1,
686
- display: "flex",
687
- touchAction: "none",
688
- userSelect: "none",
689
- transitionProperty: "opacity",
690
- transitionDuration: "200ms",
691
- transitionTimingFunction: "ease"
773
+ kVAEAm: "x10l6tqk",
774
+ kY2c9j: "x1vjfegm",
775
+ k1xSpc: "x78zum5",
776
+ kFalU9: "x5ve5x3",
777
+ kfSwDN: "x87ps6o",
778
+ k1ekBW: "x19991ni",
779
+ kIyJzY: "x13dflua",
780
+ kAMwcw: "xwji4o3",
781
+ $$css: !0
692
782
  },
693
783
  scrollbarVertical: {
694
- top: 0,
695
- right: 0,
696
- bottom: 0,
697
- width: 8,
698
- flexDirection: "column",
699
- paddingTop: 2,
700
- paddingBottom: 2,
701
- paddingRight: 2
784
+ k87sOh: "x13vifvy",
785
+ kCIrl2: "x3m8u43",
786
+ krVfgx: "x1ey2m1c",
787
+ kzqmXN: "x1xc55vz",
788
+ kXwgrk: "xdt5ytf",
789
+ kLKAdn: "x1nn3v0j",
790
+ kGO01o: "x1120s5i",
791
+ kpe85a: "xpf9j6y",
792
+ $$css: !0
702
793
  },
703
794
  scrollbarHorizontal: {
704
- left: 0,
705
- right: 0,
706
- bottom: 0,
707
- height: 8,
708
- flexDirection: "row",
709
- paddingLeft: 2,
710
- paddingRight: 2,
711
- paddingBottom: 2
795
+ kbCHJM: "xu96u03",
796
+ kCIrl2: "x3m8u43",
797
+ krVfgx: "x1ey2m1c",
798
+ kZKoxP: "xdk7pt",
799
+ kXwgrk: "x1q0g3np",
800
+ kE3dHu: "xj9uezu",
801
+ kpe85a: "xpf9j6y",
802
+ kGO01o: "x1120s5i",
803
+ $$css: !0
712
804
  },
713
805
  scrollbarHidden: {
714
- opacity: 0
806
+ kSiTet: "xg01cxk",
807
+ $$css: !0
715
808
  },
716
809
  scrollbarVisible: {
717
- opacity: 1
810
+ kSiTet: "x1hc1fzr",
811
+ $$css: !0
718
812
  },
719
813
  thumb: {
720
- position: "relative",
721
- flex: 1,
722
- backgroundColor: {
723
- default: o.border,
724
- ":hover": o.textMuted
725
- },
726
- borderRadius: D.full,
727
- transitionProperty: "background-color",
728
- transitionDuration: "150ms"
729
- },
730
- // Dynamic styles — simple identifier params only (StyleX constraint)
731
- viewportMaxHeight: (t) => ({
732
- maxHeight: t
733
- }),
734
- thumbVertical: (t, e) => ({
735
- height: t,
736
- transform: e
737
- }),
738
- thumbHorizontal: (t, e) => ({
739
- width: t,
740
- transform: e
741
- })
742
- }), xt = V(null);
743
- function ot() {
744
- const t = $(xt);
745
- if (!t) throw new Error("ScrollArea compound components must be used within ScrollArea.Root");
746
- return t;
814
+ kVAEAm: "x1n2onr6",
815
+ kUk6DE: "x98rzlu",
816
+ kWkggS: "xmhi8gf x1bmdpb0",
817
+ kaIpWk: "x9s7flb",
818
+ k1ekBW: "x15406qy",
819
+ kIyJzY: "xx6bhzk",
820
+ $$css: !0
821
+ },
822
+ viewportMaxHeight: (e) => [{
823
+ kskxy: e != null ? "x1jols5v" : e,
824
+ $$css: !0
825
+ }, {
826
+ "--x-maxHeight": ((t) => typeof t == "number" ? t + "px" : t ?? void 0)(e)
827
+ }],
828
+ thumbVertical: (e, t) => [{
829
+ kZKoxP: e != null ? "x16ye13r" : e,
830
+ k3aq6I: t != null ? "xsqj5wx" : t,
831
+ $$css: !0
832
+ }, {
833
+ "--x-height": ((r) => typeof r == "number" ? r + "px" : r ?? void 0)(e),
834
+ "--x-transform": t ?? void 0
835
+ }],
836
+ thumbHorizontal: (e, t) => [{
837
+ kzqmXN: e != null ? "x5lhr3w" : e,
838
+ k3aq6I: t != null ? "xsqj5wx" : t,
839
+ $$css: !0
840
+ }, {
841
+ "--x-width": ((r) => typeof r == "number" ? r + "px" : r ?? void 0)(e),
842
+ "--x-transform": t ?? void 0
843
+ }]
844
+ }, he = V(null);
845
+ function F() {
846
+ const e = E(he);
847
+ if (!e) throw new Error("ScrollArea compound components must be used within ScrollArea.Root");
848
+ return e;
747
849
  }
748
- function jt() {
749
- const t = w(null), e = w(null), [r, n] = M(0), [l, s] = M(0), [d, c] = M(0), [m, u] = M(0), [f, p] = M(0), [S, R] = M(0), [x, C] = M(!1), v = w(null), y = B(() => {
750
- const b = t.current;
751
- b && (n(b.scrollTop), s(b.scrollLeft), c(b.scrollHeight), u(b.scrollWidth), p(b.clientHeight), R(b.clientWidth), C(!0), v.current && clearTimeout(v.current), v.current = setTimeout(() => C(!1), 1e3));
850
+ function _e() {
851
+ const e = y(null), t = y(null), [r, n] = H(0), [o, s] = H(0), [l, c] = H(0), [k, i] = H(0), [x, a] = H(0), [m, w] = H(0), [p, h] = H(!1), v = y(null), b = I(() => {
852
+ const d = e.current;
853
+ d && (n(d.scrollTop), s(d.scrollLeft), c(d.scrollHeight), i(d.scrollWidth), a(d.clientHeight), w(d.clientWidth), h(!0), v.current && clearTimeout(v.current), v.current = setTimeout(() => h(!1), 1e3));
752
854
  }, []);
753
- return L(() => {
754
- const b = t.current;
755
- if (!b) return;
756
- const k = new ResizeObserver(() => {
757
- c(b.scrollHeight), u(b.scrollWidth), p(b.clientHeight), R(b.clientWidth);
855
+ return T(() => {
856
+ const d = e.current;
857
+ if (!d) return;
858
+ const $ = new ResizeObserver(() => {
859
+ c(d.scrollHeight), i(d.scrollWidth), a(d.clientHeight), w(d.clientWidth);
758
860
  });
759
- return k.observe(b), c(b.scrollHeight), u(b.scrollWidth), p(b.clientHeight), R(b.clientWidth), () => k.disconnect();
760
- }, []), L(() => {
761
- const b = t.current;
762
- if (b)
763
- return b.addEventListener("scroll", y, {
861
+ return $.observe(d), c(d.scrollHeight), i(d.scrollWidth), a(d.clientHeight), w(d.clientWidth), () => $.disconnect();
862
+ }, []), T(() => {
863
+ const d = e.current;
864
+ if (d)
865
+ return d.addEventListener("scroll", b, {
764
866
  passive: !0
765
- }), () => b.removeEventListener("scroll", y);
766
- }, [y]), {
767
- viewportRef: t,
768
- contentRef: e,
867
+ }), () => d.removeEventListener("scroll", b);
868
+ }, [b]), {
869
+ viewportRef: e,
870
+ contentRef: t,
769
871
  scrollTop: r,
770
- scrollLeft: l,
771
- scrollHeight: d,
772
- scrollWidth: m,
773
- clientHeight: f,
774
- clientWidth: S,
775
- scrolling: x
872
+ scrollLeft: o,
873
+ scrollHeight: l,
874
+ scrollWidth: k,
875
+ clientHeight: x,
876
+ clientWidth: m,
877
+ scrolling: p
776
878
  };
777
879
  }
778
- function Gt({
779
- children: t
880
+ function Qe({
881
+ children: e
780
882
  }) {
781
- const e = jt();
782
- return /* @__PURE__ */ a(xt.Provider, { value: e, children: /* @__PURE__ */ a(g.div, { style: E.root, children: t }) });
883
+ const t = _e();
884
+ return /* @__PURE__ */ u(he.Provider, { value: t, children: /* @__PURE__ */ u("div", { ...f(g.div, A.root), children: e }) });
783
885
  }
784
- function Yt({
785
- children: t,
786
- maxHeight: e
886
+ function Fe({
887
+ children: e,
888
+ maxHeight: t
787
889
  }) {
788
890
  const {
789
891
  viewportRef: r
790
- } = ot();
791
- return /* @__PURE__ */ a(g.div, { ref: r, style: [E.viewport, e != null && E.viewportMaxHeight(e)], children: t });
892
+ } = F();
893
+ return /* @__PURE__ */ u("div", { ref: r, ...f(g.div, A.viewport, t != null && A.viewportMaxHeight(t)), children: e });
792
894
  }
793
- function Ut({
794
- children: t
895
+ function Ze({
896
+ children: e
795
897
  }) {
796
898
  const {
797
- contentRef: e
798
- } = ot();
799
- return /* @__PURE__ */ a(g.div, { ref: e, style: E.content, children: t });
899
+ contentRef: t
900
+ } = F();
901
+ return /* @__PURE__ */ u("div", { ref: t, ...f(g.div, A.content), children: e });
800
902
  }
801
- function Kt({
802
- orientation: t = "vertical",
803
- children: e
903
+ function et({
904
+ orientation: e = "vertical",
905
+ children: t
804
906
  }) {
805
907
  const {
806
908
  scrolling: r,
807
909
  scrollHeight: n,
808
- scrollWidth: l,
910
+ scrollWidth: o,
809
911
  clientHeight: s,
810
- clientWidth: d
811
- } = ot();
812
- return (t === "vertical" ? n > s : l > d) ? /* @__PURE__ */ a(g.div, { style: [E.scrollbar, t === "vertical" ? E.scrollbarVertical : E.scrollbarHorizontal, r ? E.scrollbarVisible : E.scrollbarHidden], children: e }) : null;
912
+ clientWidth: l
913
+ } = F();
914
+ return (e === "vertical" ? n > s : o > l) ? /* @__PURE__ */ u("div", { ...f(g.div, A.scrollbar, e === "vertical" ? A.scrollbarVertical : A.scrollbarHorizontal, r ? A.scrollbarVisible : A.scrollbarHidden), children: t }) : null;
813
915
  }
814
- function _t({
815
- orientation: t = "vertical"
916
+ function tt({
917
+ orientation: e = "vertical"
816
918
  }) {
817
919
  const {
818
- viewportRef: e,
920
+ viewportRef: t,
819
921
  scrollTop: r,
820
922
  scrollLeft: n,
821
- scrollHeight: l,
923
+ scrollHeight: o,
822
924
  scrollWidth: s,
823
- clientHeight: d,
925
+ clientHeight: l,
824
926
  clientWidth: c
825
- } = ot(), m = w(!1), u = w(0), f = w(0), p = t === "vertical", S = Math.max(p ? d / l * 100 : c / s * 100, 10), R = p ? l - d : s - c, x = p ? d : c, C = S / 100 * x, v = p ? r : n, y = R > 0 ? v / R * (x - C) : 0, b = p ? E.thumbVertical(`${S}%`, `translateY(${y}px)`) : E.thumbHorizontal(`${S}%`, `translateX(${y}px)`), k = B((H) => {
826
- H.preventDefault(), m.current = !0, u.current = p ? H.clientY : H.clientX, f.current = p ? e.current?.scrollTop ?? 0 : e.current?.scrollLeft ?? 0, H.target.setPointerCapture(H.pointerId);
827
- }, [p, e]), K = B((H) => {
828
- if (!m.current) return;
829
- const T = e.current;
830
- if (!T) return;
831
- const I = (p ? H.clientY : H.clientX) - u.current, X = R / (x - C), z = I * X;
832
- p ? T.scrollTop = f.current + z : T.scrollLeft = f.current + z;
833
- }, [p, R, x, C, e]), W = B(() => {
834
- m.current = !1;
927
+ } = F(), k = y(!1), i = y(0), x = y(0), a = e === "vertical", m = Math.max(a ? l / o * 100 : c / s * 100, 10), w = a ? o - l : s - c, p = a ? l : c, h = m / 100 * p, v = a ? r : n, b = w > 0 ? v / w * (p - h) : 0, d = a ? A.thumbVertical(`${m}%`, `translateY(${b}px)`) : A.thumbHorizontal(`${m}%`, `translateX(${b}px)`), $ = I((z) => {
928
+ z.preventDefault(), k.current = !0, i.current = a ? z.clientY : z.clientX, x.current = a ? t.current?.scrollTop ?? 0 : t.current?.scrollLeft ?? 0, z.target.setPointerCapture(z.pointerId);
929
+ }, [a, t]), O = I((z) => {
930
+ if (!k.current) return;
931
+ const M = t.current;
932
+ if (!M) return;
933
+ const j = (a ? z.clientY : z.clientX) - i.current, G = w / (p - h), S = j * G;
934
+ a ? M.scrollTop = x.current + S : M.scrollLeft = x.current + S;
935
+ }, [a, w, p, h, t]), q = I(() => {
936
+ k.current = !1;
835
937
  }, []);
836
- return /* @__PURE__ */ a(g.div, { onPointerDown: k, onPointerMove: K, onPointerUp: W, style: [E.thumb, b] });
938
+ return /* @__PURE__ */ u("div", { onPointerDown: $, onPointerMove: O, onPointerUp: q, ...f(g.div, A.thumb, d) });
837
939
  }
838
- const Pe = {
839
- Root: Gt,
840
- Viewport: Yt,
841
- Content: Ut,
842
- Scrollbar: Kt,
843
- Thumb: _t
844
- }, O = F.create({
940
+ const Bt = {
941
+ Root: Qe,
942
+ Viewport: Fe,
943
+ Content: Ze,
944
+ Scrollbar: et,
945
+ Thumb: tt
946
+ }, C = {
845
947
  root: {
846
- position: "relative",
847
- display: "inline-flex"
948
+ kVAEAm: "x1n2onr6",
949
+ k1xSpc: "x3nfvp2",
950
+ $$css: !0
848
951
  },
849
952
  trigger: {
850
- display: "inline-flex",
851
- alignItems: "center",
852
- justifyContent: "space-between",
853
- gap: i.sm,
854
- paddingTop: i.sm,
855
- paddingBottom: i.sm,
856
- paddingLeft: i.md,
857
- paddingRight: i.md,
858
- fontFamily: h.fontFamily,
859
- fontSize: h.fontSizeSm,
860
- color: o.text,
861
- backgroundColor: o.bgCard,
862
- borderWidth: 1,
863
- borderStyle: "solid",
864
- borderColor: {
865
- default: o.border,
866
- ":hover": o.accent
867
- },
868
- borderRadius: D.sm,
869
- cursor: "pointer",
870
- transitionProperty: "border-color",
871
- transitionDuration: "150ms"
953
+ k1xSpc: "x3nfvp2",
954
+ kGNEyG: "x6s0dn4",
955
+ kjj79g: "x1qughib",
956
+ kOIVth: "x10k1rbm",
957
+ kLKAdn: "x1g9jjt5",
958
+ kGO01o: "x1jybd5k",
959
+ kE3dHu: "xsk07c1",
960
+ kpe85a: "x15wirxn",
961
+ kMv6JI: "x1pzdjp3",
962
+ kGuDYH: "x1f5wsqz",
963
+ kMwMTN: "x1q7k5ly",
964
+ kWkggS: "xdz192t",
965
+ kMzoRj: "xmkeg23",
966
+ ksu8eU: "x1y0btm7",
967
+ kVAM5u: "x8sq793 x9la8fy",
968
+ kaIpWk: "x12fpg5d",
969
+ kkrTdU: "x1ypdohk",
970
+ k1ekBW: "xshfolx",
971
+ kIyJzY: "xx6bhzk",
972
+ $$css: !0
872
973
  },
873
974
  value: {
874
- color: o.text
975
+ kMwMTN: "x1q7k5ly",
976
+ $$css: !0
875
977
  },
876
978
  placeholder: {
877
- color: o.textMuted
979
+ kMwMTN: "x3dll8l",
980
+ $$css: !0
878
981
  },
879
982
  icon: {
880
- display: "flex",
881
- alignItems: "center",
882
- color: o.textMuted
983
+ k1xSpc: "x78zum5",
984
+ kGNEyG: "x6s0dn4",
985
+ kMwMTN: "x3dll8l",
986
+ $$css: !0
883
987
  },
884
988
  backdrop: {
885
- position: "fixed",
886
- top: 0,
887
- left: 0,
888
- right: 0,
889
- bottom: 0,
890
- zIndex: 49
989
+ kVAEAm: "xixxii4",
990
+ k87sOh: "x13vifvy",
991
+ kbCHJM: "xu96u03",
992
+ kCIrl2: "x3m8u43",
993
+ krVfgx: "x1ey2m1c",
994
+ kY2c9j: "x1ygf0dq",
995
+ $$css: !0
891
996
  },
892
997
  popup: {
893
- position: "absolute",
894
- top: "100%",
895
- left: 0,
896
- marginTop: i.xs,
897
- backgroundColor: o.bgCard,
898
- borderWidth: 1,
899
- borderStyle: "solid",
900
- borderColor: o.border,
901
- borderRadius: D.sm,
902
- boxShadow: Q.md,
903
- paddingTop: i.xs,
904
- paddingBottom: i.xs,
905
- minWidth: 120,
906
- zIndex: 50
998
+ kVAEAm: "x10l6tqk",
999
+ k87sOh: "xdsb8wn",
1000
+ kbCHJM: "xu96u03",
1001
+ keoZOQ: "x1x9u35d",
1002
+ kWkggS: "xdz192t",
1003
+ kMzoRj: "xmkeg23",
1004
+ ksu8eU: "x1y0btm7",
1005
+ kVAM5u: "x8sq793",
1006
+ kaIpWk: "x12fpg5d",
1007
+ kGVxlE: "xconxm6",
1008
+ kLKAdn: "x12lvzsw",
1009
+ kGO01o: "xpz7ktu",
1010
+ k7Eaqz: "x1i9suas",
1011
+ kY2c9j: "xa9119d",
1012
+ $$css: !0
907
1013
  },
908
1014
  item: {
909
- display: "flex",
910
- alignItems: "center",
911
- paddingTop: i.sm,
912
- paddingBottom: i.sm,
913
- paddingLeft: i.md,
914
- paddingRight: i.md,
915
- fontSize: h.fontSizeSm,
916
- fontFamily: h.fontFamily,
917
- color: o.text,
918
- borderRadius: D.sm,
919
- cursor: "pointer",
920
- backgroundColor: "transparent",
921
- transitionProperty: "background-color",
922
- transitionDuration: "150ms"
1015
+ k1xSpc: "x78zum5",
1016
+ kGNEyG: "x6s0dn4",
1017
+ kLKAdn: "x1g9jjt5",
1018
+ kGO01o: "x1jybd5k",
1019
+ kE3dHu: "xsk07c1",
1020
+ kpe85a: "x15wirxn",
1021
+ kGuDYH: "x1f5wsqz",
1022
+ kMv6JI: "x1pzdjp3",
1023
+ kMwMTN: "x1q7k5ly",
1024
+ kaIpWk: "x12fpg5d",
1025
+ kkrTdU: "x1ypdohk",
1026
+ kWkggS: "xjbqb8w",
1027
+ k1ekBW: "x15406qy",
1028
+ kIyJzY: "xx6bhzk",
1029
+ $$css: !0
923
1030
  },
924
1031
  itemSelected: {
925
- color: o.accent,
926
- fontWeight: h.fontWeightMedium
1032
+ kMwMTN: "x1jv78v8",
1033
+ k63SB2: "x1oq67d7",
1034
+ $$css: !0
927
1035
  },
928
1036
  itemHighlighted: {
929
- backgroundColor: o.bgCardHover
1037
+ kWkggS: "x1t1330p",
1038
+ $$css: !0
930
1039
  },
931
1040
  hidden: {
932
- display: "none"
1041
+ k1xSpc: "x1s85apg",
1042
+ $$css: !0
933
1043
  }
934
- }), yt = V(null);
935
- function rt() {
936
- const t = $(yt);
937
- if (!t) throw new Error("Select compound components must be used within Select.Root");
938
- return t;
1044
+ }, be = V(null);
1045
+ function Z() {
1046
+ const e = E(be);
1047
+ if (!e) throw new Error("Select compound components must be used within Select.Root");
1048
+ return e;
939
1049
  }
940
- function lt(t, e, r) {
941
- const [n, l] = M(e), s = t !== void 0 ? t : n, d = B((c) => {
942
- t === void 0 && l(c), r?.(c);
943
- }, [t, r]);
944
- return [s, d];
1050
+ function ne(e, t, r) {
1051
+ const [n, o] = H(t), s = e !== void 0 ? e : n, l = I((c) => {
1052
+ e === void 0 && o(c), r?.(c);
1053
+ }, [e, r]);
1054
+ return [s, l];
945
1055
  }
946
- function qt({
947
- defaultValue: t,
948
- value: e,
1056
+ function rt({
1057
+ defaultValue: e,
1058
+ value: t,
949
1059
  onValueChange: r
950
1060
  }) {
951
- const [n, l] = lt(e, t ?? null, r), [s, d] = M(!1), [c, m] = M({}), [u, f] = M(null), p = Y(), S = w(null), R = w(null), x = w(/* @__PURE__ */ new Map()), C = w([]), v = B(() => {
952
- d(!1), f(null), R.current?.focus();
953
- }, []), y = B(() => {
954
- d((W) => {
955
- if (W)
956
- f(null);
1061
+ const [n, o] = ne(t, e ?? null, r), [s, l] = H(!1), [c, k] = H({}), [i, x] = H(null), a = P(), m = y(null), w = y(null), p = y(/* @__PURE__ */ new Map()), h = y([]), v = I(() => {
1062
+ l(!1), x(null), w.current?.focus();
1063
+ }, []), b = I(() => {
1064
+ l((q) => {
1065
+ if (q)
1066
+ x(null);
957
1067
  else {
958
- const H = x.current, T = C.current;
959
- let I = null;
960
- for (const X of T) {
961
- const z = H.get(X);
962
- if (z && z.value === n) {
963
- I = X;
1068
+ const z = p.current, M = h.current;
1069
+ let j = null;
1070
+ for (const G of M) {
1071
+ const S = z.get(G);
1072
+ if (S && S.value === n) {
1073
+ j = G;
964
1074
  break;
965
1075
  }
966
1076
  }
967
- f(I ?? (T.length > 0 ? T[0] : null));
1077
+ x(j ?? (M.length > 0 ? M[0] : null));
968
1078
  }
969
- return !W;
1079
+ return !q;
970
1080
  });
971
- }, [n]), b = B((W, H) => {
972
- m((T) => T[W] === H ? T : {
973
- ...T,
974
- [W]: H
1081
+ }, [n]), d = I((q, z) => {
1082
+ k((M) => M[q] === z ? M : {
1083
+ ...M,
1084
+ [q]: z
975
1085
  });
976
- }, []), k = B((W, H, T) => {
977
- x.current.set(W, {
978
- value: H,
979
- element: T
1086
+ }, []), $ = I((q, z, M) => {
1087
+ p.current.set(q, {
1088
+ value: z,
1089
+ element: M
980
1090
  });
981
- const I = x.current, X = [...I.keys()];
982
- return X.sort((z, j) => {
983
- const at = I.get(z)?.element, ut = I.get(j)?.element;
984
- return !at || !ut ? 0 : at.compareDocumentPosition(ut) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
985
- }), C.current = X, () => {
986
- x.current.delete(W), C.current = C.current.filter((z) => z !== W);
1091
+ const j = p.current, G = [...j.keys()];
1092
+ return G.sort((S, D) => {
1093
+ const le = j.get(S)?.element, ie = j.get(D)?.element;
1094
+ return !le || !ie ? 0 : le.compareDocumentPosition(ie) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
1095
+ }), h.current = G, () => {
1096
+ p.current.delete(q), h.current = h.current.filter((S) => S !== q);
987
1097
  };
988
1098
  }, []);
989
- return L(() => {
990
- const W = S.current;
991
- if (!W || !s) return;
992
- function H(T) {
993
- const I = C.current, X = x.current;
994
- if (I.length !== 0)
995
- switch (T.key) {
1099
+ return T(() => {
1100
+ const q = m.current;
1101
+ if (!q || !s) return;
1102
+ function z(M) {
1103
+ const j = h.current, G = p.current;
1104
+ if (j.length !== 0)
1105
+ switch (M.key) {
996
1106
  case "ArrowDown": {
997
- T.preventDefault(), f((z) => {
998
- const j = z ? I.indexOf(z) : -1;
999
- return I[(j + 1) % I.length];
1107
+ M.preventDefault(), x((S) => {
1108
+ const D = S ? j.indexOf(S) : -1;
1109
+ return j[(D + 1) % j.length];
1000
1110
  });
1001
1111
  break;
1002
1112
  }
1003
1113
  case "ArrowUp": {
1004
- T.preventDefault(), f((z) => {
1005
- const j = z ? I.indexOf(z) : 0;
1006
- return I[(j - 1 + I.length) % I.length];
1114
+ M.preventDefault(), x((S) => {
1115
+ const D = S ? j.indexOf(S) : 0;
1116
+ return j[(D - 1 + j.length) % j.length];
1007
1117
  });
1008
1118
  break;
1009
1119
  }
1010
1120
  case "Home": {
1011
- T.preventDefault(), f(I[0]);
1121
+ M.preventDefault(), x(j[0]);
1012
1122
  break;
1013
1123
  }
1014
1124
  case "End": {
1015
- T.preventDefault(), f(I[I.length - 1]);
1125
+ M.preventDefault(), x(j[j.length - 1]);
1016
1126
  break;
1017
1127
  }
1018
1128
  case "Enter":
1019
1129
  case " ": {
1020
- T.preventDefault(), f((z) => {
1021
- if (z) {
1022
- const j = X.get(z);
1023
- j && (l(j.value), v());
1130
+ M.preventDefault(), x((S) => {
1131
+ if (S) {
1132
+ const D = G.get(S);
1133
+ D && (o(D.value), v());
1024
1134
  }
1025
- return z;
1135
+ return S;
1026
1136
  });
1027
1137
  break;
1028
1138
  }
@@ -1033,818 +1143,879 @@ function qt({
1033
1143
  }
1034
1144
  }
1035
1145
  }
1036
- return W.addEventListener("keydown", H), () => W.removeEventListener("keydown", H);
1037
- }, [s, v, l]), {
1038
- ctx: ht(() => ({
1146
+ return q.addEventListener("keydown", z), () => q.removeEventListener("keydown", z);
1147
+ }, [s, v, o]), {
1148
+ ctx: ae(() => ({
1039
1149
  open: s,
1040
- toggle: y,
1150
+ toggle: b,
1041
1151
  close: v,
1042
1152
  value: n,
1043
- setValue: l,
1153
+ setValue: o,
1044
1154
  labels: c,
1045
- registerLabel: b,
1046
- listboxId: p,
1047
- highlightedId: u,
1048
- setHighlightedId: f,
1049
- registerItem: k,
1050
- triggerRef: R
1051
- }), [s, y, v, n, l, c, b, p, u, f, k]),
1052
- rootRef: S
1155
+ registerLabel: d,
1156
+ listboxId: a,
1157
+ highlightedId: i,
1158
+ setHighlightedId: x,
1159
+ registerItem: $,
1160
+ triggerRef: w
1161
+ }), [s, b, v, n, o, c, d, a, i, x, $]),
1162
+ rootRef: m
1053
1163
  };
1054
1164
  }
1055
- function Jt({
1056
- name: t,
1057
- defaultValue: e,
1165
+ function nt({
1166
+ name: e,
1167
+ defaultValue: t,
1058
1168
  value: r,
1059
1169
  onValueChange: n,
1060
- children: l
1170
+ children: o
1061
1171
  }) {
1062
1172
  const {
1063
1173
  ctx: s,
1064
- rootRef: d
1065
- } = qt({
1066
- defaultValue: e,
1174
+ rootRef: l
1175
+ } = rt({
1176
+ defaultValue: t,
1067
1177
  value: r,
1068
1178
  onValueChange: n
1069
1179
  });
1070
- return /* @__PURE__ */ a(yt.Provider, { value: s, children: /* @__PURE__ */ U(g.div, { ref: d, style: O.root, children: [
1071
- t && /* @__PURE__ */ a(g.input, { type: "hidden", name: t, value: s.value ?? "" }),
1072
- l
1180
+ return /* @__PURE__ */ u(be.Provider, { value: s, children: /* @__PURE__ */ Y("div", { ref: l, ...f(g.div, C.root), children: [
1181
+ e && /* @__PURE__ */ u("input", { type: "hidden", name: e, value: s.value ?? "", dir: "auto", ...f(g.input) }),
1182
+ o
1073
1183
  ] }) });
1074
1184
  }
1075
- function Qt({
1076
- children: t
1185
+ function ot({
1186
+ children: e
1077
1187
  }) {
1078
1188
  const {
1079
- open: e,
1189
+ open: t,
1080
1190
  toggle: r,
1081
1191
  listboxId: n,
1082
- highlightedId: l,
1192
+ highlightedId: o,
1083
1193
  triggerRef: s
1084
- } = rt(), d = w(null);
1085
- return L(() => {
1086
- s.current = d.current;
1087
- }), /* @__PURE__ */ a(g.button, { ref: d, type: "button", role: "combobox", onClick: r, "aria-expanded": e, "aria-haspopup": "listbox", "aria-controls": e ? n : void 0, "aria-activedescendant": l ?? void 0, style: O.trigger, children: t });
1194
+ } = Z(), l = y(null);
1195
+ return T(() => {
1196
+ s.current = l.current;
1197
+ }), /* @__PURE__ */ u("button", { ref: l, type: "button", role: "combobox", onClick: r, "aria-expanded": t, "aria-haspopup": "listbox", "aria-controls": t ? n : void 0, "aria-activedescendant": o ?? void 0, ...f(g.button, C.trigger), children: e });
1088
1198
  }
1089
- function Zt({
1090
- placeholder: t
1199
+ function st({
1200
+ placeholder: e
1091
1201
  }) {
1092
1202
  const {
1093
- value: e,
1203
+ value: t,
1094
1204
  labels: r
1095
- } = rt(), n = e ? r[e] ?? e : null;
1096
- return /* @__PURE__ */ a(g.span, { style: n ? O.value : O.placeholder, children: n ?? t });
1205
+ } = Z(), n = t ? r[t] ?? t : null;
1206
+ return /* @__PURE__ */ u("span", { ...f(g.span, n ? C.value : C.placeholder), children: n ?? e });
1097
1207
  }
1098
- function te({
1099
- children: t
1208
+ function ct({
1209
+ children: e
1100
1210
  }) {
1101
- return /* @__PURE__ */ a(g.span, { style: O.icon, children: t ?? /* @__PURE__ */ a("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M6 9l6 6 6-6" }) }) });
1211
+ return /* @__PURE__ */ u("span", { ...f(g.span, C.icon), children: e ?? /* @__PURE__ */ u("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ u("path", { d: "M6 9l6 6 6-6" }) }) });
1102
1212
  }
1103
- function ee({
1104
- children: t
1213
+ function lt({
1214
+ children: e
1105
1215
  }) {
1106
1216
  const {
1107
- open: e,
1217
+ open: t,
1108
1218
  close: r,
1109
1219
  listboxId: n
1110
- } = rt();
1111
- return /* @__PURE__ */ U(pt, { children: [
1112
- e && /* @__PURE__ */ a(g.div, { style: O.backdrop, onClick: r }),
1113
- /* @__PURE__ */ a(g.div, { id: n, role: "listbox", "aria-hidden": !e, style: [O.popup, !e && O.hidden], children: t })
1220
+ } = Z();
1221
+ return /* @__PURE__ */ Y(ke, { children: [
1222
+ t && /* @__PURE__ */ u("div", { ...f(g.div, C.backdrop), onClick: r }),
1223
+ /* @__PURE__ */ u("div", { id: n, role: "listbox", "aria-hidden": !t, ...f(g.div, C.popup, !t && C.hidden), children: e })
1114
1224
  ] });
1115
1225
  }
1116
- function oe({
1117
- value: t,
1118
- children: e
1226
+ function it({
1227
+ value: e,
1228
+ children: t
1119
1229
  }) {
1120
1230
  const {
1121
1231
  value: r,
1122
1232
  setValue: n,
1123
- close: l,
1233
+ close: o,
1124
1234
  registerLabel: s,
1125
- highlightedId: d,
1235
+ highlightedId: l,
1126
1236
  setHighlightedId: c,
1127
- registerItem: m
1128
- } = rt(), u = Y(), f = w(null), p = r === t, S = d === u;
1129
- L(() => {
1130
- const x = f.current;
1131
- if (!x) return;
1132
- const C = x.textContent;
1133
- C && s(t, C);
1134
- }, [t, s]), L(() => {
1135
- const x = f.current;
1136
- if (x)
1137
- return m(u, t, x);
1138
- }, [u, t, m]);
1139
- const R = () => {
1140
- n(t), l();
1141
- };
1142
- return /* @__PURE__ */ a(g.div, { ref: f, id: u, role: "option", "aria-selected": p, onClick: R, onPointerEnter: () => c(u), style: [O.item, p && O.itemSelected, S && O.itemHighlighted], children: e });
1237
+ registerItem: k
1238
+ } = Z(), i = P(), x = y(null), a = r === e, m = l === i;
1239
+ return T(() => {
1240
+ const p = x.current;
1241
+ if (!p) return;
1242
+ const h = p.textContent;
1243
+ h && s(e, h);
1244
+ }, [e, s]), T(() => {
1245
+ const p = x.current;
1246
+ if (p)
1247
+ return k(i, e, p);
1248
+ }, [i, e, k]), /* @__PURE__ */ u("div", { ref: x, id: i, role: "option", "aria-selected": a, onClick: () => {
1249
+ n(e), o();
1250
+ }, onPointerEnter: () => c(i), ...f(g.div, C.item, a && C.itemSelected, m && C.itemHighlighted), children: t });
1143
1251
  }
1144
- function re({
1145
- children: t
1252
+ function xt({
1253
+ children: e
1146
1254
  }) {
1147
- return /* @__PURE__ */ a(g.span, { children: t });
1255
+ return /* @__PURE__ */ u("span", { ...f(g.span), children: e });
1148
1256
  }
1149
- const Me = {
1150
- Root: Jt,
1151
- Trigger: Qt,
1152
- Value: Zt,
1153
- Icon: te,
1154
- Popup: ee,
1155
- Item: oe,
1156
- ItemText: re
1157
- }, G = F.create({
1257
+ const Pt = {
1258
+ Root: nt,
1259
+ Trigger: ot,
1260
+ Value: st,
1261
+ Icon: ct,
1262
+ Popup: lt,
1263
+ Item: it,
1264
+ ItemText: xt
1265
+ }, B = {
1158
1266
  root: {
1159
- display: "flex",
1160
- flexDirection: "column",
1161
- gap: 0
1267
+ k1xSpc: "x78zum5",
1268
+ kXwgrk: "xdt5ytf",
1269
+ kOIVth: "xxhr3t",
1270
+ $$css: !0
1162
1271
  },
1163
1272
  group: {
1164
- display: "flex",
1165
- flexDirection: "column"
1273
+ k1xSpc: "x78zum5",
1274
+ kXwgrk: "xdt5ytf",
1275
+ $$css: !0
1166
1276
  },
1167
1277
  groupTrigger: {
1168
- display: "flex",
1169
- alignItems: "center",
1170
- gap: i.xs,
1171
- paddingTop: i.sm,
1172
- paddingBottom: i.sm,
1173
- paddingLeft: i.md,
1174
- paddingRight: i.md,
1175
- fontFamily: h.fontFamily,
1176
- fontSize: h.fontSizeXs,
1177
- fontWeight: h.fontWeightSemibold,
1178
- textTransform: "uppercase",
1179
- letterSpacing: "0.05em",
1180
- color: {
1181
- default: o.textMuted,
1182
- ":hover": o.text
1183
- },
1184
- backgroundColor: "transparent",
1185
- borderWidth: 0,
1186
- cursor: "pointer",
1187
- transitionProperty: "color",
1188
- transitionDuration: "150ms",
1189
- transitionTimingFunction: "ease"
1278
+ k1xSpc: "x78zum5",
1279
+ kGNEyG: "x6s0dn4",
1280
+ kOIVth: "x1b6swt2",
1281
+ kLKAdn: "x1g9jjt5",
1282
+ kGO01o: "x1jybd5k",
1283
+ kE3dHu: "xsk07c1",
1284
+ kpe85a: "x15wirxn",
1285
+ kMv6JI: "x1pzdjp3",
1286
+ kGuDYH: "xcj380t",
1287
+ k63SB2: "x120om85",
1288
+ kP9fke: "xtvhhri",
1289
+ kb6lSQ: "x2ujxvm",
1290
+ kMwMTN: "x3dll8l x1hcr4s8",
1291
+ kWkggS: "xjbqb8w",
1292
+ kMzoRj: "xc342km",
1293
+ kkrTdU: "x1ypdohk",
1294
+ k1ekBW: "xt3l3uh",
1295
+ kIyJzY: "xx6bhzk",
1296
+ kAMwcw: "xwji4o3",
1297
+ $$css: !0
1190
1298
  },
1191
1299
  groupTriggerActive: {
1192
- color: o.text
1300
+ kMwMTN: "x1q7k5ly",
1301
+ $$css: !0
1193
1302
  },
1194
1303
  chevron: {
1195
- display: "inline-flex",
1196
- alignItems: "center",
1197
- transitionProperty: "transform",
1198
- transitionDuration: "150ms",
1199
- transitionTimingFunction: "ease"
1304
+ k1xSpc: "x3nfvp2",
1305
+ kGNEyG: "x6s0dn4",
1306
+ k1ekBW: "x11xpdln",
1307
+ kIyJzY: "xx6bhzk",
1308
+ kAMwcw: "xwji4o3",
1309
+ $$css: !0
1200
1310
  },
1201
1311
  chevronOpen: {
1202
- transform: "rotate(90deg)"
1312
+ k3aq6I: "x1iffjtl",
1313
+ $$css: !0
1203
1314
  },
1204
1315
  item: {
1205
- display: "flex",
1206
- alignItems: "center",
1207
- paddingTop: "6px",
1208
- paddingBottom: "6px",
1209
- paddingLeft: i.lg,
1210
- paddingRight: i.md,
1211
- fontFamily: h.fontFamily,
1212
- fontSize: h.fontSizeSm,
1213
- fontWeight: h.fontWeightNormal,
1214
- color: {
1215
- default: o.textMuted,
1216
- ":hover": o.text
1217
- },
1218
- backgroundColor: {
1219
- default: "transparent",
1220
- ":hover": o.bgCardHover
1221
- },
1222
- borderWidth: 0,
1223
- borderRadius: D.sm,
1224
- cursor: "pointer",
1225
- transitionProperty: "color, background-color",
1226
- transitionDuration: "150ms",
1227
- transitionTimingFunction: "ease",
1228
- textAlign: "left",
1229
- outlineWidth: {
1230
- default: 0,
1231
- ":focus-visible": 2
1232
- },
1233
- outlineStyle: {
1234
- default: "none",
1235
- ":focus-visible": "solid"
1236
- },
1237
- outlineColor: {
1238
- default: "transparent",
1239
- ":focus-visible": o.accent
1240
- }
1316
+ k1xSpc: "x78zum5",
1317
+ kGNEyG: "x6s0dn4",
1318
+ kLKAdn: "x1yrsyyn",
1319
+ kGO01o: "x10b6aqq",
1320
+ kE3dHu: "x13ufnr",
1321
+ kpe85a: "x15wirxn",
1322
+ kMv6JI: "x1pzdjp3",
1323
+ kGuDYH: "x1f5wsqz",
1324
+ k63SB2: "x1u7jrxs",
1325
+ kMwMTN: "x3dll8l x1hcr4s8",
1326
+ kWkggS: "xjbqb8w x16rx6z8",
1327
+ kMzoRj: "xc342km",
1328
+ kaIpWk: "x12fpg5d",
1329
+ kkrTdU: "x1ypdohk",
1330
+ k1ekBW: "x1gbuem2",
1331
+ kIyJzY: "xx6bhzk",
1332
+ kAMwcw: "xwji4o3",
1333
+ k9WMMc: "xdpxx8g",
1334
+ kMeerF: "x1k57tk5 x784prv",
1335
+ k3XXqK: "x1t137rt x9v5kkp",
1336
+ kjBf7l: "x1uczgqu x1kpnk96",
1337
+ $$css: !0
1241
1338
  },
1242
1339
  itemActive: {
1243
- color: o.accent,
1244
- fontWeight: h.fontWeightMedium
1340
+ kMwMTN: "x1jv78v8",
1341
+ k63SB2: "x1oq67d7",
1342
+ $$css: !0
1245
1343
  }
1246
- }), Ct = V(null);
1247
- function St() {
1248
- const t = $(Ct);
1249
- if (!t) throw new Error("SideNav compound components must be used within SideNav.Root");
1250
- return t;
1344
+ }, me = V(null);
1345
+ function $e() {
1346
+ const e = E(me);
1347
+ if (!e) throw new Error("SideNav compound components must be used within SideNav.Root");
1348
+ return e;
1251
1349
  }
1252
- function ne({
1253
- children: t,
1254
- value: e,
1350
+ function ut({
1351
+ children: e,
1352
+ value: t,
1255
1353
  defaultValue: r,
1256
1354
  onValueChange: n
1257
1355
  }) {
1258
- const [l, s] = lt(e, r ?? null, n ? (p) => {
1259
- p !== null && n(p);
1260
- } : void 0), [d, c] = M(/* @__PURE__ */ new Set()), m = w([]), u = B((p) => {
1261
- c((S) => {
1262
- const R = new Set(S);
1263
- return R.has(p) ? R.delete(p) : R.add(p), R;
1356
+ const [o, s] = ne(t, r ?? null, n ? (a) => {
1357
+ a !== null && n(a);
1358
+ } : void 0), [l, c] = H(/* @__PURE__ */ new Set()), k = y([]), i = I((a) => {
1359
+ c((m) => {
1360
+ const w = new Set(m);
1361
+ return w.has(a) ? w.delete(a) : w.add(a), w;
1264
1362
  });
1265
- }, []), f = B((p) => (m.current.includes(p) || m.current.push(p), () => {
1266
- m.current = m.current.filter((S) => S !== p);
1363
+ }, []), x = I((a) => (k.current.includes(a) || k.current.push(a), () => {
1364
+ k.current = k.current.filter((m) => m !== a);
1267
1365
  }), []);
1268
- return L(() => {
1269
- l && c((p) => p);
1270
- }, [l]), /* @__PURE__ */ a(Ct.Provider, { value: {
1271
- activeValue: l,
1366
+ return T(() => {
1367
+ o && c((a) => a);
1368
+ }, [o]), /* @__PURE__ */ u(me.Provider, { value: {
1369
+ activeValue: o,
1272
1370
  onSelect: s,
1273
- expandedGroups: d,
1274
- toggleGroup: u,
1275
- registerItem: f,
1276
- orderRef: m
1277
- }, children: /* @__PURE__ */ a(g.nav, { role: "navigation", style: G.root, children: t }) });
1371
+ expandedGroups: l,
1372
+ toggleGroup: i,
1373
+ registerItem: x,
1374
+ orderRef: k
1375
+ }, children: /* @__PURE__ */ u("nav", { role: "navigation", ...f(g.nav, B.root), children: e }) });
1278
1376
  }
1279
- function ie({
1280
- children: t,
1281
- label: e,
1377
+ function kt({
1378
+ children: e,
1379
+ label: t,
1282
1380
  groupKey: r,
1283
1381
  defaultExpanded: n
1284
1382
  }) {
1285
- const l = r ?? e, {
1383
+ const o = r ?? t, {
1286
1384
  expandedGroups: s,
1287
- toggleGroup: d,
1385
+ toggleGroup: l,
1288
1386
  activeValue: c
1289
- } = St(), m = s.has(l), u = w(null);
1290
- L(() => {
1291
- if (!c || s.has(l)) return;
1292
- const p = u.current;
1293
- if (!p) return;
1294
- p.querySelector(`[data-nav-value="${c}"]`) && d(l);
1295
- }, [c, l, s, d]), L(() => {
1296
- n && !s.has(l) && d(l);
1387
+ } = $e(), k = s.has(o), i = y(null);
1388
+ T(() => {
1389
+ if (!c || s.has(o)) return;
1390
+ const a = i.current;
1391
+ if (!a) return;
1392
+ a.querySelector(`[data-nav-value="${c}"]`) && l(o);
1393
+ }, [c, o, s, l]), T(() => {
1394
+ n && !s.has(o) && l(o);
1297
1395
  }, []);
1298
- const f = !c || !u.current ? !1 : !!u.current.querySelector(`[data-nav-value="${c}"]`);
1299
- return /* @__PURE__ */ U(g.div, { ref: u, style: G.group, children: [
1300
- /* @__PURE__ */ U(g.button, { type: "button", onClick: () => d(l), style: [G.groupTrigger, f && G.groupTriggerActive], "aria-expanded": m, children: [
1301
- /* @__PURE__ */ a(g.span, { style: [G.chevron, m && G.chevronOpen], children: /* @__PURE__ */ a("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M9 18l6-6-6-6" }) }) }),
1302
- e
1396
+ const x = !c || !i.current ? !1 : !!i.current.querySelector(`[data-nav-value="${c}"]`);
1397
+ return /* @__PURE__ */ Y("div", { ref: i, ...f(g.div, B.group), children: [
1398
+ /* @__PURE__ */ Y("button", { type: "button", onClick: () => l(o), ...f(g.button, B.groupTrigger, x && B.groupTriggerActive), "aria-expanded": k, children: [
1399
+ /* @__PURE__ */ u("span", { ...f(g.span, B.chevron, k && B.chevronOpen), children: /* @__PURE__ */ u("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ u("path", { d: "M9 18l6-6-6-6" }) }) }),
1400
+ t
1303
1401
  ] }),
1304
- m && t
1402
+ k && e
1305
1403
  ] });
1306
1404
  }
1307
- function le({
1308
- value: t,
1309
- children: e
1405
+ function at({
1406
+ value: e,
1407
+ children: t
1310
1408
  }) {
1311
1409
  const {
1312
1410
  activeValue: r,
1313
1411
  onSelect: n,
1314
- registerItem: l
1315
- } = St(), s = r === t;
1316
- return L(() => l(t), [t, l]), /* @__PURE__ */ a(g.button, { type: "button", "data-nav-value": t, onClick: () => n(t), style: [G.item, s && G.itemActive], "aria-current": s ? "page" : void 0, children: e });
1412
+ registerItem: o
1413
+ } = $e(), s = r === e;
1414
+ return T(() => o(e), [e, o]), /* @__PURE__ */ u("button", { type: "button", "data-nav-value": e, onClick: () => n(e), ...f(g.button, B.item, s && B.itemActive), "aria-current": s ? "page" : void 0, children: t });
1317
1415
  }
1318
- const Fe = {
1319
- Root: ne,
1320
- Group: ie,
1321
- Item: le
1322
- }, P = F.create({
1323
- // Root
1416
+ const Yt = {
1417
+ Root: ut,
1418
+ Group: kt,
1419
+ Item: at
1420
+ }, dt = {
1421
+ kumcoG: "xqketvx",
1422
+ $$css: !0
1423
+ }, W = {
1324
1424
  root: {
1325
- borderWidth: 1,
1326
- borderStyle: "solid",
1327
- borderColor: o.border,
1328
- borderRadius: D.md,
1329
- overflow: "hidden",
1330
- backgroundColor: o.bgCard,
1331
- fontFamily: h.fontFamily,
1332
- color: o.text
1333
- },
1334
- // Header group
1425
+ kMzoRj: "xmkeg23",
1426
+ ksu8eU: "x1y0btm7",
1427
+ kVAM5u: "x8sq793",
1428
+ kaIpWk: "x1jk3q3d",
1429
+ kVQacm: "xb3r6kr",
1430
+ kWkggS: "xdz192t",
1431
+ kMv6JI: "x1pzdjp3",
1432
+ kMwMTN: "x1q7k5ly",
1433
+ $$css: !0
1434
+ },
1335
1435
  header: {
1336
- backgroundColor: o.bgCard
1436
+ kWkggS: "xdz192t",
1437
+ $$css: !0
1337
1438
  },
1338
- // Row
1339
1439
  row: {
1340
- display: "grid",
1341
- borderBottomWidth: 1,
1342
- borderBottomStyle: "solid",
1343
- borderBottomColor: o.border
1440
+ k1xSpc: "xrvj5dj",
1441
+ kt9PQ7: "xso031l",
1442
+ kfdmCh: "x1q0q8m5",
1443
+ kL6WhQ: "xc43g0q",
1444
+ $$css: !0
1344
1445
  },
1345
1446
  rowLastChild: {
1346
- borderBottomWidth: 0
1447
+ kt9PQ7: "x1qhh985",
1448
+ $$css: !0
1347
1449
  },
1348
1450
  bodyRow: {
1349
- backgroundColor: {
1350
- default: "transparent",
1351
- ":hover": o.bgCardHover
1352
- },
1353
- transitionProperty: "background-color",
1354
- transitionDuration: "150ms",
1355
- transitionTimingFunction: "ease"
1451
+ kWkggS: "xjbqb8w x16rx6z8",
1452
+ k1ekBW: "x15406qy",
1453
+ kIyJzY: "xx6bhzk",
1454
+ kAMwcw: "xwji4o3",
1455
+ $$css: !0
1356
1456
  },
1357
- // Header cell
1358
1457
  headerCell: {
1359
- fontWeight: h.fontWeightSemibold,
1360
- color: o.textMuted,
1361
- textAlign: "start"
1458
+ k63SB2: "x120om85",
1459
+ kMwMTN: "x3dll8l",
1460
+ k9WMMc: "x1yc453h",
1461
+ $$css: !0
1362
1462
  },
1363
- // Body cell
1364
1463
  cell: {
1365
- color: o.text,
1366
- display: "flex",
1367
- alignItems: "center"
1464
+ kMwMTN: "x1q7k5ly",
1465
+ k1xSpc: "x78zum5",
1466
+ kGNEyG: "x6s0dn4",
1467
+ $$css: !0
1368
1468
  },
1369
- // Size: sm
1370
1469
  cellSm: {
1371
- paddingTop: i.xs,
1372
- paddingBottom: i.xs,
1373
- paddingLeft: i.sm,
1374
- paddingRight: i.sm,
1375
- fontSize: h.fontSizeXs
1470
+ kLKAdn: "x12lvzsw",
1471
+ kGO01o: "xpz7ktu",
1472
+ kE3dHu: "x1t5mref",
1473
+ kpe85a: "x3h5nva",
1474
+ kGuDYH: "xcj380t",
1475
+ $$css: !0
1376
1476
  },
1377
- // Size: md
1378
1477
  cellMd: {
1379
- paddingTop: i.sm,
1380
- paddingBottom: i.sm,
1381
- paddingLeft: i.md,
1382
- paddingRight: i.md,
1383
- fontSize: h.fontSizeSm
1478
+ kLKAdn: "x1g9jjt5",
1479
+ kGO01o: "x1jybd5k",
1480
+ kE3dHu: "xsk07c1",
1481
+ kpe85a: "x15wirxn",
1482
+ kGuDYH: "x1f5wsqz",
1483
+ $$css: !0
1384
1484
  },
1385
- // Variant: striped (even body rows)
1386
1485
  stripedEven: {
1387
- backgroundColor: {
1388
- default: o.bgCardHover,
1389
- ":hover": o.bgCardHover
1390
- }
1486
+ kWkggS: "x1t1330p x16rx6z8",
1487
+ $$css: !0
1391
1488
  },
1392
- // Variant: bordered (cells get side borders)
1393
1489
  borderedCell: {
1394
- borderRightWidth: 1,
1395
- borderRightStyle: "solid",
1396
- borderRightColor: o.border
1490
+ kWqL5O: "xs1s249",
1491
+ kSWEuD: "x32b0ac",
1492
+ k26BEO: "x1a8rddp",
1493
+ $$css: !0
1397
1494
  },
1398
1495
  borderedCellLast: {
1399
- borderRightWidth: 0
1400
- },
1401
- // Dynamic styles — simple identifier params only (StyleX constraint)
1402
- gridColumns: (t) => ({
1403
- gridTemplateColumns: `repeat(${t}, 1fr)`
1404
- })
1405
- }), wt = V(null);
1406
- function nt() {
1407
- const t = $(wt);
1408
- if (!t) throw new Error("Table compound components must be used within Table.Root");
1409
- return t;
1496
+ kWqL5O: "xgfja2r",
1497
+ $$css: !0
1498
+ },
1499
+ gridColumns: (e) => [dt, {
1500
+ "--x-gridTemplateColumns": `repeat(${e}, 1fr)` != null ? `repeat(${e}, 1fr)` : void 0
1501
+ }]
1502
+ }, we = V(null);
1503
+ function ee() {
1504
+ const e = E(we);
1505
+ if (!e) throw new Error("Table compound components must be used within Table.Root");
1506
+ return e;
1410
1507
  }
1411
- const st = V(!1);
1412
- function se({
1413
- children: t,
1414
- variant: e = "default",
1508
+ const oe = V(!1);
1509
+ function ft({
1510
+ children: e,
1511
+ variant: t = "default",
1415
1512
  size: r = "md",
1416
1513
  columns: n
1417
1514
  }) {
1418
- return /* @__PURE__ */ a(wt.Provider, { value: {
1419
- variant: e,
1515
+ return /* @__PURE__ */ u(we.Provider, { value: {
1516
+ variant: t,
1420
1517
  size: r,
1421
1518
  columns: n,
1422
1519
  isHeader: !1
1423
- }, children: /* @__PURE__ */ a(g.div, { role: "table", style: P.root, children: t }) });
1520
+ }, children: /* @__PURE__ */ u("div", { role: "table", ...f(g.div, W.root), children: e }) });
1424
1521
  }
1425
- function de({
1426
- children: t
1522
+ function gt({
1523
+ children: e
1427
1524
  }) {
1428
- return /* @__PURE__ */ a(st.Provider, { value: !0, children: /* @__PURE__ */ a(g.div, { role: "rowgroup", style: P.header, children: t }) });
1525
+ return /* @__PURE__ */ u(oe.Provider, { value: !0, children: /* @__PURE__ */ u("div", { role: "rowgroup", ...f(g.div, W.header), children: e }) });
1429
1526
  }
1430
- function ce({
1431
- children: t
1527
+ function pt({
1528
+ children: e
1432
1529
  }) {
1433
1530
  const {
1434
- variant: e
1435
- } = nt(), r = mt.toArray(t);
1436
- return /* @__PURE__ */ a(st.Provider, { value: !1, children: /* @__PURE__ */ a(g.div, { role: "rowgroup", children: r.map((n, l) => e === "striped" ? /* @__PURE__ */ a(Rt.Provider, { value: l, children: n }, l) : n) }) });
1531
+ variant: t
1532
+ } = ee(), r = de.toArray(e);
1533
+ return /* @__PURE__ */ u(oe.Provider, { value: !1, children: /* @__PURE__ */ u("div", { role: "rowgroup", ...f(g.div), children: r.map((n, o) => t === "striped" ? /* @__PURE__ */ u(ye.Provider, { value: o, children: n }, o) : n) }) });
1437
1534
  }
1438
- const Rt = V(-1);
1439
- function ae({
1440
- children: t
1535
+ const ye = V(-1);
1536
+ function vt({
1537
+ children: e
1441
1538
  }) {
1442
1539
  const {
1443
- variant: e,
1540
+ variant: t,
1444
1541
  columns: r
1445
- } = nt(), n = $(st), l = $(Rt), s = l >= 0 && l % 2 === 1, d = mt.toArray(t);
1446
- return /* @__PURE__ */ a(g.div, { role: "row", style: [P.row, P.gridColumns(r), !n && P.bodyRow, !n && e === "striped" && s && P.stripedEven], children: e === "bordered" ? d.map((c, m) => /* @__PURE__ */ a(dt.Provider, { value: {
1447
- index: m,
1448
- total: d.length
1449
- }, children: c }, m)) : t });
1542
+ } = ee(), n = E(oe), o = E(ye), s = o >= 0 && o % 2 === 1, l = de.toArray(e);
1543
+ return /* @__PURE__ */ u("div", { role: "row", ...f(g.div, W.row, W.gridColumns(r), !n && W.bodyRow, !n && t === "striped" && s && W.stripedEven), children: t === "bordered" ? l.map((c, k) => /* @__PURE__ */ u(se.Provider, { value: {
1544
+ index: k,
1545
+ total: l.length
1546
+ }, children: c }, k)) : e });
1450
1547
  }
1451
- const dt = V({
1548
+ const se = V({
1452
1549
  index: 0,
1453
1550
  total: 0
1454
1551
  });
1455
- function ue({
1456
- children: t
1552
+ function ht({
1553
+ children: e
1457
1554
  }) {
1458
1555
  const {
1459
- size: e,
1556
+ size: t,
1460
1557
  variant: r
1461
- } = nt(), {
1558
+ } = ee(), {
1462
1559
  index: n,
1463
- total: l
1464
- } = $(dt), s = r === "bordered" && n === l - 1;
1465
- return /* @__PURE__ */ a(g.div, { role: "columnheader", style: [P.headerCell, e === "sm" ? P.cellSm : P.cellMd, r === "bordered" && P.borderedCell, s && P.borderedCellLast], children: t });
1560
+ total: o
1561
+ } = E(se), s = r === "bordered" && n === o - 1;
1562
+ return /* @__PURE__ */ u("div", { role: "columnheader", ...f(g.div, W.headerCell, t === "sm" ? W.cellSm : W.cellMd, r === "bordered" && W.borderedCell, s && W.borderedCellLast), children: e });
1466
1563
  }
1467
- function fe({
1468
- children: t
1564
+ function bt({
1565
+ children: e
1469
1566
  }) {
1470
1567
  const {
1471
- size: e,
1568
+ size: t,
1472
1569
  variant: r
1473
- } = nt(), {
1570
+ } = ee(), {
1474
1571
  index: n,
1475
- total: l
1476
- } = $(dt), s = r === "bordered" && n === l - 1;
1477
- return /* @__PURE__ */ a(g.div, { role: "cell", style: [P.cell, e === "sm" ? P.cellSm : P.cellMd, r === "bordered" && P.borderedCell, s && P.borderedCellLast], children: t });
1572
+ total: o
1573
+ } = E(se), s = r === "bordered" && n === o - 1;
1574
+ return /* @__PURE__ */ u("div", { role: "cell", ...f(g.div, W.cell, t === "sm" ? W.cellSm : W.cellMd, r === "bordered" && W.borderedCell, s && W.borderedCellLast), children: e });
1478
1575
  }
1479
- const Ee = {
1480
- Root: se,
1481
- Header: de,
1482
- Body: ce,
1483
- Row: ae,
1484
- HeaderCell: ue,
1485
- Cell: fe
1486
- }, A = F.create({
1576
+ const Xt = {
1577
+ Root: ft,
1578
+ Header: gt,
1579
+ Body: pt,
1580
+ Row: vt,
1581
+ HeaderCell: ht,
1582
+ Cell: bt
1583
+ }, R = {
1487
1584
  root: {
1488
- display: "flex",
1489
- flexDirection: "column"
1585
+ k1xSpc: "x78zum5",
1586
+ kXwgrk: "xdt5ytf",
1587
+ $$css: !0
1490
1588
  },
1491
1589
  rootVertical: {
1492
- flexDirection: "row"
1590
+ kXwgrk: "x1q0g3np",
1591
+ $$css: !0
1493
1592
  },
1494
1593
  list: {
1495
- display: "flex",
1496
- flexDirection: "row",
1497
- borderBottomWidth: 1,
1498
- borderBottomStyle: "solid",
1499
- borderBottomColor: o.border,
1500
- gap: i.xs
1594
+ k1xSpc: "x78zum5",
1595
+ kXwgrk: "x1q0g3np",
1596
+ kt9PQ7: "xso031l",
1597
+ kfdmCh: "x1q0q8m5",
1598
+ kL6WhQ: "xc43g0q",
1599
+ kOIVth: "x1b6swt2",
1600
+ $$css: !0
1501
1601
  },
1502
1602
  listVertical: {
1503
- flexDirection: "column",
1504
- borderBottomWidth: 0,
1505
- borderRightWidth: 1,
1506
- borderRightStyle: "solid",
1507
- borderRightColor: o.border,
1508
- gap: 0
1603
+ kXwgrk: "xdt5ytf",
1604
+ kt9PQ7: "x1qhh985",
1605
+ kWqL5O: "xs1s249",
1606
+ kSWEuD: "x32b0ac",
1607
+ k26BEO: "x1a8rddp",
1608
+ kOIVth: "xxhr3t",
1609
+ $$css: !0
1509
1610
  },
1510
1611
  tab: {
1511
- display: "inline-flex",
1512
- alignItems: "center",
1513
- justifyContent: "center",
1514
- paddingTop: i.sm,
1515
- paddingBottom: i.sm,
1516
- paddingLeft: i.md,
1517
- paddingRight: i.md,
1518
- fontFamily: h.fontFamily,
1519
- fontSize: h.fontSizeSm,
1520
- fontWeight: h.fontWeightMedium,
1521
- color: {
1522
- default: o.textMuted,
1523
- ":hover": o.text
1524
- },
1525
- backgroundColor: "transparent",
1526
- borderWidth: 0,
1527
- borderBottomWidth: 2,
1528
- borderBottomStyle: "solid",
1529
- borderBottomColor: "transparent",
1530
- cursor: "pointer",
1531
- transitionProperty: "color, border-color",
1532
- transitionDuration: "150ms",
1533
- transitionTimingFunction: "ease",
1534
- outlineWidth: {
1535
- default: 0,
1536
- ":focus-visible": 2
1537
- },
1538
- outlineStyle: {
1539
- default: "none",
1540
- ":focus-visible": "solid"
1541
- },
1542
- outlineColor: {
1543
- default: "transparent",
1544
- ":focus-visible": o.accent
1545
- },
1546
- outlineOffset: {
1547
- default: 0,
1548
- ":focus-visible": -2
1549
- }
1612
+ k1xSpc: "x3nfvp2",
1613
+ kGNEyG: "x6s0dn4",
1614
+ kjj79g: "xl56j7k",
1615
+ kLKAdn: "x1g9jjt5",
1616
+ kGO01o: "x1jybd5k",
1617
+ kE3dHu: "xsk07c1",
1618
+ kpe85a: "x15wirxn",
1619
+ kMv6JI: "x1pzdjp3",
1620
+ kGuDYH: "x1f5wsqz",
1621
+ k63SB2: "x1oq67d7",
1622
+ kMwMTN: "x3dll8l x1hcr4s8",
1623
+ kWkggS: "xjbqb8w",
1624
+ kMzoRj: "xc342km",
1625
+ kt9PQ7: "xlxy82",
1626
+ kfdmCh: "x1q0q8m5",
1627
+ kL6WhQ: "x16stqrj",
1628
+ kkrTdU: "x1ypdohk",
1629
+ k1ekBW: "xrf8owv",
1630
+ kIyJzY: "xx6bhzk",
1631
+ kAMwcw: "xwji4o3",
1632
+ kMeerF: "x1k57tk5 x784prv",
1633
+ k3XXqK: "x1t137rt x9v5kkp",
1634
+ kjBf7l: "x1uczgqu x1kpnk96",
1635
+ kInvED: "x1wfwxd8 x1bqaal",
1636
+ $$css: !0
1550
1637
  },
1551
1638
  tabVertical: {
1552
- justifyContent: "flex-start",
1553
- borderBottomWidth: 0,
1554
- borderRightWidth: 2,
1555
- borderRightStyle: "solid",
1556
- borderRightColor: "transparent"
1639
+ kjj79g: "x1nhvcw1",
1640
+ kt9PQ7: "x1qhh985",
1641
+ kWqL5O: "xyy74w7",
1642
+ kSWEuD: "x32b0ac",
1643
+ k26BEO: "xhe5wa1",
1644
+ $$css: !0
1557
1645
  },
1558
1646
  tabActiveHorizontal: {
1559
- color: o.text,
1560
- borderBottomColor: o.accent
1647
+ kMwMTN: "x1q7k5ly",
1648
+ kL6WhQ: "x1rouq1",
1649
+ $$css: !0
1561
1650
  },
1562
1651
  tabActiveVertical: {
1563
- color: o.text,
1564
- borderRightColor: o.accent
1652
+ kMwMTN: "x1q7k5ly",
1653
+ k26BEO: "xy5c0cj",
1654
+ $$css: !0
1565
1655
  },
1566
1656
  tabDisabled: {
1567
- opacity: 0.5,
1568
- cursor: "not-allowed",
1569
- color: o.textMuted
1657
+ kSiTet: "xbyyjgo",
1658
+ kkrTdU: "x1h6gzvc",
1659
+ kMwMTN: "x3dll8l",
1660
+ $$css: !0
1570
1661
  },
1571
1662
  panel: {
1572
- paddingTop: i.md
1663
+ kLKAdn: "x1o5v2y7",
1664
+ $$css: !0
1573
1665
  },
1574
1666
  panelVertical: {
1575
- paddingTop: 0,
1576
- paddingLeft: i.md
1667
+ kLKAdn: "xexx8yu",
1668
+ kE3dHu: "xsk07c1",
1669
+ $$css: !0
1577
1670
  }
1578
- }), kt = V(null);
1579
- function ct() {
1580
- const t = $(kt);
1581
- if (!t) throw new Error("Tabs compound components must be used within Tabs.Root");
1582
- return t;
1671
+ }, Me = V(null);
1672
+ function ce() {
1673
+ const e = E(Me);
1674
+ if (!e) throw new Error("Tabs compound components must be used within Tabs.Root");
1675
+ return e;
1583
1676
  }
1584
- function ge({
1585
- value: t,
1586
- defaultValue: e,
1677
+ function mt({
1678
+ value: e,
1679
+ defaultValue: t,
1587
1680
  onValueChange: r,
1588
1681
  orientation: n = "horizontal"
1589
1682
  }) {
1590
- const [l, s] = lt(t, e ?? null, r ? (u) => {
1591
- u !== null && r(u);
1592
- } : void 0), d = w(/* @__PURE__ */ new Map()), c = w([]), m = B((u, f) => (d.current.set(u, f), c.current.includes(u) || c.current.push(u), () => {
1593
- d.current.delete(u), c.current = c.current.filter((p) => p !== u);
1683
+ const [o, s] = ne(e, t ?? null, r ? (i) => {
1684
+ i !== null && r(i);
1685
+ } : void 0), l = y(/* @__PURE__ */ new Map()), c = y([]), k = I((i, x) => (l.current.set(i, x), c.current.includes(i) || c.current.push(i), () => {
1686
+ l.current.delete(i), c.current = c.current.filter((a) => a !== i);
1594
1687
  }), []);
1595
1688
  return {
1596
- activeValue: l,
1689
+ activeValue: o,
1597
1690
  onSelect: s,
1598
1691
  orientation: n,
1599
- registerTab: m,
1600
- tabsRef: d,
1692
+ registerTab: k,
1693
+ tabsRef: l,
1601
1694
  orderRef: c
1602
1695
  };
1603
1696
  }
1604
- function pe({
1605
- children: t,
1606
- value: e,
1697
+ function $t({
1698
+ children: e,
1699
+ value: t,
1607
1700
  defaultValue: r,
1608
1701
  onValueChange: n,
1609
- orientation: l = "horizontal"
1702
+ orientation: o = "horizontal"
1610
1703
  }) {
1611
- const s = ge({
1612
- value: e,
1704
+ const s = mt({
1705
+ value: t,
1613
1706
  defaultValue: r,
1614
1707
  onValueChange: n,
1615
- orientation: l
1708
+ orientation: o
1616
1709
  });
1617
- return /* @__PURE__ */ a(kt.Provider, { value: s, children: /* @__PURE__ */ a(g.div, { style: [A.root, l === "vertical" && A.rootVertical], children: t }) });
1710
+ return /* @__PURE__ */ u(Me.Provider, { value: s, children: /* @__PURE__ */ u("div", { ...f(g.div, R.root, o === "vertical" && R.rootVertical), children: e }) });
1618
1711
  }
1619
- function he({
1620
- children: t
1712
+ function wt({
1713
+ children: e
1621
1714
  }) {
1622
1715
  const {
1623
- orientation: e,
1716
+ orientation: t,
1624
1717
  activeValue: r,
1625
1718
  onSelect: n,
1626
- tabsRef: l,
1719
+ tabsRef: o,
1627
1720
  orderRef: s
1628
- } = ct(), d = w(null);
1629
- return L(() => {
1630
- const c = d.current;
1721
+ } = ce(), l = y(null);
1722
+ return T(() => {
1723
+ const c = l.current;
1631
1724
  if (!c) return;
1632
- function m(u) {
1633
- const f = s.current, p = l.current;
1634
- if (f.length === 0) return;
1635
- const S = this, R = e === "horizontal" ? "ArrowLeft" : "ArrowUp", x = e === "horizontal" ? "ArrowRight" : "ArrowDown";
1636
- let C = null;
1637
- switch (u.key) {
1638
- case x: {
1639
- u.preventDefault();
1640
- const v = r ? f.indexOf(r) : -1;
1641
- for (let y = 1; y <= f.length; y++) {
1642
- const b = (v + y) % f.length, k = f[b];
1643
- if (!p.get(k)) {
1644
- C = k;
1725
+ function k(i) {
1726
+ const x = s.current, a = o.current;
1727
+ if (x.length === 0) return;
1728
+ const m = this, w = t === "horizontal" ? "ArrowLeft" : "ArrowUp", p = t === "horizontal" ? "ArrowRight" : "ArrowDown";
1729
+ let h = null;
1730
+ switch (i.key) {
1731
+ case p: {
1732
+ i.preventDefault();
1733
+ const v = r ? x.indexOf(r) : -1;
1734
+ for (let b = 1; b <= x.length; b++) {
1735
+ const d = (v + b) % x.length, $ = x[d];
1736
+ if (!a.get($)) {
1737
+ h = $;
1645
1738
  break;
1646
1739
  }
1647
1740
  }
1648
1741
  break;
1649
1742
  }
1650
- case R: {
1651
- u.preventDefault();
1652
- const v = r ? f.indexOf(r) : 0;
1653
- for (let y = 1; y <= f.length; y++) {
1654
- const b = (v - y + f.length) % f.length, k = f[b];
1655
- if (!p.get(k)) {
1656
- C = k;
1743
+ case w: {
1744
+ i.preventDefault();
1745
+ const v = r ? x.indexOf(r) : 0;
1746
+ for (let b = 1; b <= x.length; b++) {
1747
+ const d = (v - b + x.length) % x.length, $ = x[d];
1748
+ if (!a.get($)) {
1749
+ h = $;
1657
1750
  break;
1658
1751
  }
1659
1752
  }
1660
1753
  break;
1661
1754
  }
1662
1755
  case "Home": {
1663
- u.preventDefault();
1664
- for (const v of f)
1665
- if (!p.get(v)) {
1666
- C = v;
1756
+ i.preventDefault();
1757
+ for (const v of x)
1758
+ if (!a.get(v)) {
1759
+ h = v;
1667
1760
  break;
1668
1761
  }
1669
1762
  break;
1670
1763
  }
1671
1764
  case "End": {
1672
- u.preventDefault();
1673
- for (let v = f.length - 1; v >= 0; v--)
1674
- if (!p.get(f[v])) {
1675
- C = f[v];
1765
+ i.preventDefault();
1766
+ for (let v = x.length - 1; v >= 0; v--)
1767
+ if (!a.get(x[v])) {
1768
+ h = x[v];
1676
1769
  break;
1677
1770
  }
1678
1771
  break;
1679
1772
  }
1680
1773
  }
1681
- C && (n(C), S.querySelector(`[data-tab-value="${C}"]`)?.focus());
1774
+ h && (n(h), m.querySelector(`[data-tab-value="${h}"]`)?.focus());
1682
1775
  }
1683
- return c.addEventListener("keydown", m), () => c.removeEventListener("keydown", m);
1684
- }, [e, r, n, l, s]), /* @__PURE__ */ a(g.div, { ref: d, role: "tablist", "aria-orientation": e, style: [A.list, e === "vertical" && A.listVertical], children: t });
1776
+ return c.addEventListener("keydown", k), () => c.removeEventListener("keydown", k);
1777
+ }, [t, r, n, o, s]), /* @__PURE__ */ u("div", { ref: l, role: "tablist", "aria-orientation": t, ...f(g.div, R.list, t === "vertical" && R.listVertical), children: e });
1685
1778
  }
1686
- function me({
1687
- value: t,
1688
- disabled: e = !1,
1779
+ function yt({
1780
+ value: e,
1781
+ disabled: t = !1,
1689
1782
  children: r
1690
1783
  }) {
1691
1784
  const {
1692
1785
  activeValue: n,
1693
- onSelect: l,
1786
+ onSelect: o,
1694
1787
  orientation: s,
1695
- registerTab: d
1696
- } = ct(), c = n === t, m = Y(), u = `${m}-panel`;
1697
- L(() => d(t, e), [t, e, d]);
1698
- const f = () => {
1699
- e || l(t);
1700
- };
1701
- return /* @__PURE__ */ a(g.button, { type: "button", role: "tab", id: m, "aria-selected": c, "aria-controls": u, "aria-disabled": e || void 0, "data-tab-value": t, tabIndex: c ? 0 : -1, onClick: f, style: [A.tab, s === "vertical" && A.tabVertical, c && (s === "vertical" ? A.tabActiveVertical : A.tabActiveHorizontal), e && A.tabDisabled], children: r });
1788
+ registerTab: l
1789
+ } = ce(), c = n === e, k = P(), i = `${k}-panel`;
1790
+ return T(() => l(e, t), [e, t, l]), /* @__PURE__ */ u("button", { type: "button", role: "tab", id: k, "aria-selected": c, "aria-controls": i, "aria-disabled": t || void 0, "data-tab-value": e, tabIndex: c ? 0 : -1, onClick: () => {
1791
+ t || o(e);
1792
+ }, ...f(g.button, R.tab, s === "vertical" && R.tabVertical, c && (s === "vertical" ? R.tabActiveVertical : R.tabActiveHorizontal), t && R.tabDisabled), children: r });
1702
1793
  }
1703
- function be({
1704
- value: t,
1705
- children: e
1794
+ function Mt({
1795
+ value: e,
1796
+ children: t
1706
1797
  }) {
1707
1798
  const {
1708
1799
  activeValue: r,
1709
1800
  orientation: n
1710
- } = ct();
1711
- return r !== t ? null : /* @__PURE__ */ a(g.div, { role: "tabpanel", style: [A.panel, n === "vertical" && A.panelVertical], children: e });
1801
+ } = ce();
1802
+ return r !== e ? null : /* @__PURE__ */ u("div", { role: "tabpanel", ...f(g.div, R.panel, n === "vertical" && R.panelVertical), children: t });
1712
1803
  }
1713
- const $e = {
1714
- Root: pe,
1715
- List: he,
1716
- Tab: me,
1717
- Panel: be
1718
- }, ve = {
1719
- light: [Wt, Ht],
1720
- "high-contrast": [It, zt]
1721
- }, xe = F.create({
1804
+ const Jt = {
1805
+ Root: $t,
1806
+ List: wt,
1807
+ Tab: yt,
1808
+ Panel: Mt
1809
+ }, Kt = {
1810
+ bg: "var(--bg-xqkwqtp)",
1811
+ bgCard: "var(--bgCard-xj2l5r)",
1812
+ bgCardHover: "var(--bgCardHover-xlxk7vw)",
1813
+ text: "var(--text-xlpbogt)",
1814
+ textMuted: "var(--textMuted-x651nu9)",
1815
+ accent: "var(--accent-xw7wp3v)",
1816
+ accentHover: "var(--accentHover-x18fqoz)",
1817
+ accentContrast: "var(--accentContrast-x3gzxyp)",
1818
+ border: "var(--border-x1drj1pb)",
1819
+ error: "var(--error-x13gdhh0)",
1820
+ errorHover: "var(--errorHover-x7eyu03)",
1821
+ errorBg: "var(--errorBg-xrl8836)",
1822
+ errorBorder: "var(--errorBorder-x1a6pjl)",
1823
+ errorText: "var(--errorText-xf51nwe)",
1824
+ errorContrast: "var(--errorContrast-x1lvjkah)",
1825
+ success: "var(--success-x197pe5n)",
1826
+ successBg: "var(--successBg-xzjukav)",
1827
+ successBorder: "var(--successBorder-x1my3ygc)",
1828
+ successText: "var(--successText-x46dg9e)",
1829
+ warning: "var(--warning-x1gq0pyw)",
1830
+ warningBg: "var(--warningBg-xtnxqss)",
1831
+ warningBorder: "var(--warningBorder-x1ev2mr5)",
1832
+ warningText: "var(--warningText-x1lgjghx)",
1833
+ infoBg: "var(--infoBg-xho8jir)",
1834
+ infoBorder: "var(--infoBorder-xnevk3x)",
1835
+ infoText: "var(--infoText-x19pseus)",
1836
+ __varGroupHash__: "xjvd03b"
1837
+ }, Ut = {
1838
+ xs: "var(--xs-xxfyjsd)",
1839
+ sm: "var(--sm-xbh8y7f)",
1840
+ md: "var(--md-x3pkb85)",
1841
+ lg: "var(--lg-x34mutn)",
1842
+ xl: "var(--xl-xttpygj)",
1843
+ xxl: "var(--xxl-xbe9eha)",
1844
+ __varGroupHash__: "x6uc9q"
1845
+ }, _t = {
1846
+ sm: "var(--sm-x1bhtfs5)",
1847
+ md: "var(--md-xx2g89g)",
1848
+ lg: "var(--lg-xwd56yl)",
1849
+ full: "var(--full-x9vxdtd)",
1850
+ __varGroupHash__: "xw3ffwm"
1851
+ }, Qt = {
1852
+ fontFamily: "var(--fontFamily-xvrmnat)",
1853
+ fontSizeXs: "var(--fontSizeXs-x1w5m325)",
1854
+ fontSizeSm: "var(--fontSizeSm-x1bjjs4u)",
1855
+ fontSizeMd: "var(--fontSizeMd-xq8d99q)",
1856
+ fontSizeLg: "var(--fontSizeLg-x18ngplw)",
1857
+ fontSizeXl: "var(--fontSizeXl-x1b1mqsu)",
1858
+ fontSizeHeading: "var(--fontSizeHeading-x1stydh2)",
1859
+ fontWeightNormal: "var(--fontWeightNormal-x1y1cayu)",
1860
+ fontWeightMedium: "var(--fontWeightMedium-xaw13ft)",
1861
+ fontWeightSemibold: "var(--fontWeightSemibold-xg6c7xe)",
1862
+ fontWeightBold: "var(--fontWeightBold-x1pjkvwg)",
1863
+ lineHeight: "var(--lineHeight-x1gubzd5)",
1864
+ __varGroupHash__: "xs62swl"
1865
+ }, Ft = {
1866
+ sm: "var(--sm-x17hhtln)",
1867
+ md: "var(--md-x1oyt0aw)",
1868
+ lg: "var(--lg-x1mxd62i)",
1869
+ __varGroupHash__: "x13v825q"
1870
+ }, zt = {
1871
+ xjvd03b: "x18itf25 xjvd03b",
1872
+ $$css: !0
1873
+ }, jt = {
1874
+ x13v825q: "xv9ibj0 x13v825q",
1875
+ $$css: !0
1876
+ }, qt = {
1877
+ xjvd03b: "x1qgt5a2 xjvd03b",
1878
+ $$css: !0
1879
+ }, St = {
1880
+ x13v825q: "x15e39jv x13v825q",
1881
+ $$css: !0
1882
+ }, It = {
1883
+ light: [zt, jt],
1884
+ "high-contrast": [qt, St]
1885
+ }, Tt = {
1722
1886
  root: {
1723
- display: "contents"
1887
+ k1xSpc: "xjp7ctv",
1888
+ $$css: !0
1724
1889
  }
1725
- });
1726
- function Ae({
1727
- theme: t = "dark",
1728
- children: e
1890
+ };
1891
+ function Zt({
1892
+ theme: e = "dark",
1893
+ children: t
1729
1894
  }) {
1730
- const r = ve[t], n = [r?.[0], r?.[1], xe.root];
1731
- return /* @__PURE__ */ a(g.div, { style: n, children: e });
1895
+ const r = It[e], n = [r?.[0], r?.[1], Tt.root];
1896
+ return /* @__PURE__ */ u("div", { ...f(g.div, n), children: t });
1732
1897
  }
1733
- const it = F.create({
1898
+ const te = {
1734
1899
  root: {
1735
- position: "relative",
1736
- display: "inline-flex"
1900
+ kVAEAm: "x1n2onr6",
1901
+ k1xSpc: "x3nfvp2",
1902
+ $$css: !0
1737
1903
  },
1738
1904
  popup: {
1739
- position: "absolute",
1740
- zIndex: 50,
1741
- paddingTop: i.xs,
1742
- paddingBottom: i.xs,
1743
- paddingLeft: i.sm,
1744
- paddingRight: i.sm,
1745
- backgroundColor: o.bgCard,
1746
- color: o.text,
1747
- fontFamily: h.fontFamily,
1748
- fontSize: h.fontSizeXs,
1749
- lineHeight: h.lineHeight,
1750
- borderRadius: D.sm,
1751
- borderWidth: 1,
1752
- borderStyle: "solid",
1753
- borderColor: o.border,
1754
- boxShadow: Q.md,
1755
- whiteSpace: "nowrap",
1756
- pointerEvents: "none"
1905
+ kVAEAm: "x10l6tqk",
1906
+ kY2c9j: "xa9119d",
1907
+ kLKAdn: "x12lvzsw",
1908
+ kGO01o: "xpz7ktu",
1909
+ kE3dHu: "x1t5mref",
1910
+ kpe85a: "x3h5nva",
1911
+ kWkggS: "xdz192t",
1912
+ kMwMTN: "x1q7k5ly",
1913
+ kMv6JI: "x1pzdjp3",
1914
+ kGuDYH: "xcj380t",
1915
+ kLWn49: "x1x949wg",
1916
+ kaIpWk: "x12fpg5d",
1917
+ kMzoRj: "xmkeg23",
1918
+ ksu8eU: "x1y0btm7",
1919
+ kVAM5u: "x8sq793",
1920
+ kGVxlE: "xconxm6",
1921
+ khDVqt: "xuxw1ft",
1922
+ kfzvcC: "x47corl",
1923
+ $$css: !0
1757
1924
  },
1758
1925
  top: {
1759
- bottom: "100%",
1760
- left: "50%",
1761
- transform: "translateX(-50%)",
1762
- marginBottom: i.xs
1926
+ krVfgx: "x10w3d4m",
1927
+ kbCHJM: "x1nrll8i",
1928
+ k3aq6I: "xuuh30",
1929
+ k1K539: "x1eg1ji7",
1930
+ $$css: !0
1763
1931
  },
1764
1932
  bottom: {
1765
- top: "100%",
1766
- left: "50%",
1767
- transform: "translateX(-50%)",
1768
- marginTop: i.xs
1933
+ k87sOh: "xdsb8wn",
1934
+ kbCHJM: "x1nrll8i",
1935
+ k3aq6I: "xuuh30",
1936
+ keoZOQ: "x1x9u35d",
1937
+ $$css: !0
1769
1938
  },
1770
1939
  left: {
1771
- right: "100%",
1772
- top: "50%",
1773
- transform: "translateY(-50%)",
1774
- marginRight: i.xs
1940
+ kCIrl2: "xjvjlmm",
1941
+ k87sOh: "xwa60dl",
1942
+ k3aq6I: "x1cb1t30",
1943
+ km5ZXQ: "xnf8jsw",
1944
+ $$css: !0
1775
1945
  },
1776
1946
  right: {
1777
- left: "100%",
1778
- top: "50%",
1779
- transform: "translateY(-50%)",
1780
- marginLeft: i.xs
1947
+ kbCHJM: "xl8wat7",
1948
+ k87sOh: "xwa60dl",
1949
+ k3aq6I: "x1cb1t30",
1950
+ koQZXg: "xkhkick",
1951
+ $$css: !0
1781
1952
  }
1782
- }), Tt = V(null);
1783
- function ye() {
1784
- const t = $(Tt);
1785
- if (!t) throw new Error("Tooltip compound components must be used within Tooltip.Root");
1786
- return t;
1953
+ }, ze = V(null);
1954
+ function Wt() {
1955
+ const e = E(ze);
1956
+ if (!e) throw new Error("Tooltip compound components must be used within Tooltip.Root");
1957
+ return e;
1787
1958
  }
1788
- function Ce({
1789
- children: t,
1790
- content: e,
1959
+ function Ht({
1960
+ children: e,
1961
+ content: t,
1791
1962
  placement: r = "top",
1792
1963
  delay: n = 300
1793
1964
  }) {
1794
- const [l, s] = M(!1), d = Y(), c = w(null), m = B(() => {
1965
+ const [o, s] = H(!1), l = P(), c = y(null), k = I(() => {
1795
1966
  c.current && clearTimeout(c.current), c.current = setTimeout(() => s(!0), n);
1796
- }, [n]), u = B(() => {
1967
+ }, [n]), i = I(() => {
1797
1968
  c.current && clearTimeout(c.current), c.current = null, s(!1);
1798
1969
  }, []);
1799
- return /* @__PURE__ */ a(Tt.Provider, { value: {
1800
- open: l,
1801
- show: m,
1802
- hide: u,
1803
- tooltipId: d,
1970
+ return /* @__PURE__ */ u(ze.Provider, { value: {
1971
+ open: o,
1972
+ show: k,
1973
+ hide: i,
1974
+ tooltipId: l,
1804
1975
  placement: r
1805
- }, children: /* @__PURE__ */ U(g.div, { style: it.root, children: [
1806
- t,
1807
- l && /* @__PURE__ */ a(g.div, { id: d, role: "tooltip", style: [it.popup, it[r]], children: e })
1976
+ }, children: /* @__PURE__ */ Y("div", { ...f(g.div, te.root), children: [
1977
+ e,
1978
+ o && /* @__PURE__ */ u("div", { id: l, role: "tooltip", ...f(g.div, te.popup, te[r]), children: t })
1808
1979
  ] }) });
1809
1980
  }
1810
- function Se({
1811
- children: t
1981
+ function At({
1982
+ children: e
1812
1983
  }) {
1813
1984
  const {
1814
- open: e,
1985
+ open: t,
1815
1986
  show: r,
1816
1987
  hide: n,
1817
- tooltipId: l
1818
- } = ye();
1819
- return /* @__PURE__ */ a(g.div, { onPointerEnter: r, onPointerLeave: n, onFocus: r, onBlur: n, "aria-describedby": e ? l : void 0, children: t });
1988
+ tooltipId: o
1989
+ } = Wt();
1990
+ return /* @__PURE__ */ u("div", { onPointerEnter: r, onPointerLeave: n, onFocus: r, onBlur: n, "aria-describedby": t ? o : void 0, ...f(g.div), children: e });
1820
1991
  }
1821
- const Oe = {
1822
- Root: Ce,
1823
- Trigger: Se
1992
+ const er = {
1993
+ Root: Ht,
1994
+ Trigger: At
1824
1995
  };
1825
1996
  export {
1826
- Ie as Alert,
1827
- ze as Badge,
1828
- We as Button,
1829
- He as Card,
1830
- De as Field,
1831
- Be as Input,
1832
- Le as Menu,
1833
- Pe as ScrollArea,
1834
- Me as Select,
1835
- Fe as SideNav,
1836
- Ee as Table,
1837
- $e as Tabs,
1838
- Ae as ThemeProvider,
1839
- Oe as Tooltip,
1840
- Xe as colors,
1841
- je as highContrastShadows,
1842
- Ge as highContrastTheme,
1843
- Ye as lightShadows,
1844
- Ue as lightTheme,
1845
- Ke as radii,
1846
- _e as shadows,
1847
- qe as spacing,
1848
- Je as typography
1997
+ Rt as Alert,
1998
+ Ct as Badge,
1999
+ Vt as Button,
2000
+ Ot as Card,
2001
+ Lt as Field,
2002
+ Nt as Input,
2003
+ Dt as Menu,
2004
+ Bt as ScrollArea,
2005
+ Pt as Select,
2006
+ Yt as SideNav,
2007
+ Xt as Table,
2008
+ Jt as Tabs,
2009
+ Zt as ThemeProvider,
2010
+ er as Tooltip,
2011
+ Kt as colors,
2012
+ St as highContrastShadows,
2013
+ qt as highContrastTheme,
2014
+ jt as lightShadows,
2015
+ zt as lightTheme,
2016
+ _t as radii,
2017
+ Ft as shadows,
2018
+ Ut as spacing,
2019
+ Qt as typography
1849
2020
  };
1850
2021
  //# sourceMappingURL=index.js.map