@mucsi96/react-ui 0.4.0 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/README.md +132 -0
  2. package/dist/components/app-layout/app-layout.d.ts +7 -0
  3. package/dist/components/dialog/dialog.d.ts +7 -2
  4. package/dist/components/empty-state/empty-state.d.ts +9 -0
  5. package/dist/components/forms/controls.d.ts +9 -1
  6. package/dist/components/forms/number-field.d.ts +11 -0
  7. package/dist/components/forms/select.d.ts +4 -2
  8. package/dist/components/skeleton/skeleton.d.ts +11 -0
  9. package/dist/components/tabs/tabs.d.ts +17 -0
  10. package/dist/index.d.ts +14 -4
  11. package/dist/index.js +706 -488
  12. package/dist/styles.css +1 -1
  13. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,21 +1,65 @@
1
1
  "use client";
2
- import { Button as e, Checkbox as t, ComboBox as n, Dialog as r, DialogTrigger as i, FieldError as a, Group as o, Heading as s, Input as c, Label as l, Link as u, ListBox as d, ListBoxItem as f, Menu as p, MenuItem as m, MenuTrigger as h, MenuTrigger as g, Modal as _, ModalOverlay as v, Popover as y, ProgressBar as b, Radio as x, RadioGroup as S, Select as C, SelectValue as w, Separator as T, SubmenuTrigger as E, Switch as D, Text as O, TextArea as ee, TextField as k, Tooltip as A, TooltipTrigger as te } from "react-aria-components";
3
- import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
4
- import { createContext as ne, useCallback as P, useContext as re, useEffect as ie, useId as ae, useMemo as oe, useRef as F, useState as I } from "react";
5
- import { createPortal as se } from "react-dom";
2
+ import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
3
+ import { Button as r, Checkbox as i, CheckboxGroup as a, ComboBox as o, Dialog as s, DialogTrigger as c, FieldError as l, Group as u, Heading as d, Input as f, Label as p, Link as m, ListBox as h, ListBoxItem as g, Menu as _, MenuItem as v, MenuTrigger as y, MenuTrigger as b, Modal as x, ModalOverlay as S, NumberField as C, Popover as w, ProgressBar as T, Radio as E, RadioGroup as D, Select as O, SelectValue as k, Separator as A, SubmenuTrigger as ee, Switch as j, Tab as te, TabList as ne, TabPanel as re, Tabs as ie, Text as M, TextArea as ae, TextField as oe, Tooltip as se, TooltipTrigger as ce } from "react-aria-components";
4
+ import { createContext as le, useCallback as N, useContext as ue, useEffect as de, useId as P, useMemo as fe, useRef as F, useState as I } from "react";
5
+ import { createPortal as pe } from "react-dom";
6
6
  //#region src/internal/classes.ts
7
7
  function L(...e) {
8
8
  return e.filter(Boolean).join(" ");
9
9
  }
10
- var R = { button: "_button_s6jxa_1" };
10
+ var R = {
11
+ header: "_header_dm2fi_1",
12
+ headerContent: "_headerContent_dm2fi_8",
13
+ main: "_main_dm2fi_9",
14
+ actions: "_actions_dm2fi_30"
15
+ };
16
+ //#endregion
17
+ //#region src/components/app-layout/app-layout.tsx
18
+ function me({ children: e, className: n, ...r }) {
19
+ return /* @__PURE__ */ t("header", {
20
+ ...r,
21
+ className: L(R.header, n),
22
+ children: /* @__PURE__ */ t("div", {
23
+ className: R.headerContent,
24
+ children: e
25
+ })
26
+ });
27
+ }
28
+ function he({ className: e, ...n }) {
29
+ return /* @__PURE__ */ t("div", {
30
+ ...n,
31
+ className: L(R.actions, e)
32
+ });
33
+ }
34
+ function ge({ className: e, ...n }) {
35
+ return /* @__PURE__ */ t("main", {
36
+ ...n,
37
+ className: L(R.main, e)
38
+ });
39
+ }
40
+ var z = { button: "_button_s6jxa_1" };
11
41
  //#endregion
12
42
  //#region src/components/button/button.tsx
13
- function z({ variant: t = "filled", tone: n = "primary", background: r, className: i, style: a, children: o, ref: s, ...c }) {
14
- return /* @__PURE__ */ M(e, {
43
+ function B({ variant: e = "filled", tone: n = "primary", background: i, className: a, style: o, children: s, ref: c, ...l }) {
44
+ return /* @__PURE__ */ t(r, {
45
+ ...l,
46
+ ref: c,
47
+ className: L(z.button, a),
48
+ "data-variant": e,
49
+ "data-tone": n,
50
+ style: {
51
+ ...o,
52
+ "--bt-button-bg": i
53
+ },
54
+ children: s
55
+ });
56
+ }
57
+ function _e({ variant: e = "filled", tone: n = "primary", background: r, className: i, style: a, children: o, ref: s, ...c }) {
58
+ return /* @__PURE__ */ t(m, {
15
59
  ...c,
16
60
  ref: s,
17
- className: L(R.button, i),
18
- "data-variant": t,
61
+ className: L(z.button, i),
62
+ "data-variant": e,
19
63
  "data-tone": n,
20
64
  style: {
21
65
  ...a,
@@ -24,80 +68,113 @@ function z({ variant: t = "filled", tone: n = "primary", background: r, classNam
24
68
  children: o
25
69
  });
26
70
  }
27
- function ce({ variant: e = "filled", tone: t = "primary", background: n, className: r, style: i, children: a, ref: o, ...s }) {
28
- return /* @__PURE__ */ M(u, {
29
- ...s,
30
- ref: o,
31
- className: L(R.button, r),
32
- "data-variant": e,
33
- "data-tone": t,
34
- style: {
35
- ...i,
36
- "--bt-button-bg": n
37
- },
38
- children: a
39
- });
40
- }
41
- var B = {
42
- field: "_field_b8e40_1",
43
- label: "_label_b8e40_10",
44
- surface: "_surface_b8e40_14",
45
- floatingLabel: "_floatingLabel_b8e40_23",
46
- selectButton: "_selectButton_b8e40_24",
47
- input: "_input_b8e40_25",
48
- description: "_description_b8e40_94",
49
- error: "_error_b8e40_100",
50
- combo: "_combo_b8e40_122",
51
- comboButton: "_comboButton_b8e40_128",
52
- popover: "_popover_b8e40_146",
53
- list: "_list_b8e40_156",
54
- option: "_option_b8e40_163",
55
- control: "_control_b8e40_181",
56
- check: "_check_b8e40_195",
57
- radio: "_radio_b8e40_196",
58
- track: "_track_b8e40_232",
59
- thumb: "_thumb_b8e40_243"
71
+ var V = {
72
+ field: "_field_1906k_1",
73
+ label: "_label_1906k_10",
74
+ surface: "_surface_1906k_14",
75
+ floatingLabel: "_floatingLabel_1906k_23",
76
+ selectButton: "_selectButton_1906k_24",
77
+ input: "_input_1906k_25",
78
+ number: "_number_1906k_82",
79
+ stepper: "_stepper_1906k_92",
80
+ description: "_description_1906k_125",
81
+ error: "_error_1906k_132",
82
+ combo: "_combo_1906k_155",
83
+ comboButton: "_comboButton_1906k_161",
84
+ popover: "_popover_1906k_179",
85
+ list: "_list_1906k_189",
86
+ option: "_option_1906k_196",
87
+ control: "_control_1906k_214",
88
+ check: "_check_1906k_228",
89
+ radio: "_radio_1906k_229",
90
+ track: "_track_1906k_265",
91
+ thumb: "_thumb_1906k_276"
60
92
  };
61
93
  //#endregion
62
94
  //#region src/components/forms/text-field.tsx
63
- function le({ label: e, description: t, error: n, placeholder: r, multiline: i = !1, rows: o = 3, appearance: s = "filled", className: u, ref: d, ...f }) {
64
- return /* @__PURE__ */ N(k, {
65
- ...f,
95
+ function ve({ label: e, description: r, error: i, placeholder: a, multiline: o = !1, rows: s = 3, appearance: c = "filled", className: u, ref: d, ...m }) {
96
+ return /* @__PURE__ */ n(oe, {
97
+ ...m,
66
98
  ref: d,
67
- isInvalid: !!n || f.isInvalid,
68
- className: L(B.field, u),
69
- "data-appearance": s,
99
+ isInvalid: !!i || m.isInvalid,
100
+ className: L(V.field, u),
101
+ "data-appearance": c,
70
102
  children: [
71
- /* @__PURE__ */ N("div", {
72
- className: B.surface,
73
- children: [/* @__PURE__ */ N(l, {
74
- className: B.floatingLabel,
75
- children: [e, f.isRequired && /* @__PURE__ */ M("span", {
103
+ /* @__PURE__ */ n("div", {
104
+ className: V.surface,
105
+ children: [/* @__PURE__ */ n(p, {
106
+ className: V.floatingLabel,
107
+ children: [e, m.isRequired && /* @__PURE__ */ t("span", {
76
108
  "aria-hidden": "true",
77
109
  children: " *"
78
110
  })]
79
- }), i ? /* @__PURE__ */ M(ee, {
80
- className: B.input,
81
- placeholder: r,
82
- rows: o
83
- }) : /* @__PURE__ */ M(c, {
84
- className: B.input,
85
- placeholder: r
111
+ }), o ? /* @__PURE__ */ t(ae, {
112
+ className: V.input,
113
+ placeholder: a,
114
+ rows: s
115
+ }) : /* @__PURE__ */ t(f, {
116
+ className: V.input,
117
+ placeholder: a
86
118
  })]
87
119
  }),
88
- t && /* @__PURE__ */ M(O, {
120
+ r && /* @__PURE__ */ t(M, {
121
+ slot: "description",
122
+ className: V.description,
123
+ children: r
124
+ }),
125
+ /* @__PURE__ */ t(l, {
126
+ className: V.error,
127
+ children: i
128
+ })
129
+ ]
130
+ });
131
+ }
132
+ //#endregion
133
+ //#region src/components/forms/number-field.tsx
134
+ function ye({ label: e, description: i, error: a, appearance: o = "filled", className: s, ref: c, ...d }) {
135
+ return /* @__PURE__ */ n(C, {
136
+ ...d,
137
+ ref: c,
138
+ isInvalid: !!a || d.isInvalid,
139
+ className: L(V.field, s),
140
+ "data-appearance": o,
141
+ children: [
142
+ /* @__PURE__ */ n(u, {
143
+ className: L(V.surface, V.number),
144
+ children: [
145
+ /* @__PURE__ */ n(p, {
146
+ className: V.floatingLabel,
147
+ children: [e, d.isRequired && /* @__PURE__ */ t("span", {
148
+ "aria-hidden": "true",
149
+ children: " *"
150
+ })]
151
+ }),
152
+ /* @__PURE__ */ t(f, { className: V.input }),
153
+ /* @__PURE__ */ t(r, {
154
+ slot: "decrement",
155
+ className: V.stepper,
156
+ children: "−"
157
+ }),
158
+ /* @__PURE__ */ t(r, {
159
+ slot: "increment",
160
+ className: V.stepper,
161
+ children: "+"
162
+ })
163
+ ]
164
+ }),
165
+ i && /* @__PURE__ */ t(M, {
89
166
  slot: "description",
90
- className: B.description,
91
- children: t
167
+ className: V.description,
168
+ children: i
92
169
  }),
93
- /* @__PURE__ */ M(a, {
94
- className: B.error,
95
- children: n
170
+ /* @__PURE__ */ t(l, {
171
+ className: V.error,
172
+ children: a
96
173
  })
97
174
  ]
98
175
  });
99
176
  }
100
- var ue = { icon: "_icon_1xold_1" }, de = {
177
+ var be = { icon: "_icon_1xold_1" }, xe = {
101
178
  "chevron-down": "m6 9 6 6 6-6",
102
179
  "chevron-right": "m9 6 6 6-6 6",
103
180
  "arrow-left": "m12 19-7-7 7-7M5 12h14",
@@ -107,9 +184,9 @@ var ue = { icon: "_icon_1xold_1" }, de = {
107
184
  sort: "m8 3-4 4h8M8 3v18m8 0 4-4h-8m4-14v18",
108
185
  close: "m6 6 12 12M6 18 18 6"
109
186
  };
110
- function V({ name: e, className: t, ...n }) {
111
- return /* @__PURE__ */ M("svg", {
112
- ...n,
187
+ function H({ name: e, className: n, ...r }) {
188
+ return /* @__PURE__ */ t("svg", {
189
+ ...r,
113
190
  width: "16",
114
191
  height: "16",
115
192
  viewBox: "0 0 24 24",
@@ -118,54 +195,54 @@ function V({ name: e, className: t, ...n }) {
118
195
  strokeWidth: "2",
119
196
  strokeLinecap: "round",
120
197
  strokeLinejoin: "round",
121
- className: L(ue.icon, t),
198
+ className: L(be.icon, n),
122
199
  "aria-hidden": "true",
123
200
  focusable: "false",
124
- children: /* @__PURE__ */ M("path", { d: de[e] })
201
+ children: /* @__PURE__ */ t("path", { d: xe[e] })
125
202
  });
126
203
  }
127
204
  //#endregion
128
205
  //#region src/components/forms/select.tsx
129
- function fe({ label: t, options: n, description: r, error: i, placeholder: o = "Select an option", appearance: s = "filled", className: c, ...u }) {
130
- return /* @__PURE__ */ N(C, {
131
- ...u,
132
- isInvalid: !!i || u.isInvalid,
133
- className: L(B.field, c),
134
- placeholder: o,
135
- "data-appearance": s,
206
+ function Se({ label: e, options: i, description: a, error: o, placeholder: s = "Select an option", appearance: c = "filled", className: u, ...d }) {
207
+ return /* @__PURE__ */ n(O, {
208
+ ...d,
209
+ isInvalid: !!o || d.isInvalid,
210
+ className: L(V.field, u),
211
+ placeholder: s,
212
+ "data-appearance": c,
136
213
  children: [
137
- /* @__PURE__ */ N("div", {
138
- className: B.surface,
139
- children: [/* @__PURE__ */ N(l, {
140
- className: B.floatingLabel,
141
- children: [t, u.isRequired && /* @__PURE__ */ M("span", {
214
+ /* @__PURE__ */ n("div", {
215
+ className: V.surface,
216
+ children: [/* @__PURE__ */ n(p, {
217
+ className: V.floatingLabel,
218
+ children: [e, d.isRequired && /* @__PURE__ */ t("span", {
142
219
  "aria-hidden": "true",
143
220
  children: " *"
144
221
  })]
145
- }), /* @__PURE__ */ N(e, {
146
- className: B.selectButton,
147
- children: [/* @__PURE__ */ M(w, {}), /* @__PURE__ */ M(V, { name: "chevron-down" })]
222
+ }), /* @__PURE__ */ n(r, {
223
+ className: V.selectButton,
224
+ children: [/* @__PURE__ */ t(k, {}), /* @__PURE__ */ t(H, { name: "chevron-down" })]
148
225
  })]
149
226
  }),
150
- r && /* @__PURE__ */ M(O, {
227
+ a && /* @__PURE__ */ t(M, {
151
228
  slot: "description",
152
- className: B.description,
153
- children: r
229
+ className: V.description,
230
+ children: a
154
231
  }),
155
- /* @__PURE__ */ M(a, {
156
- className: B.error,
157
- children: i
232
+ /* @__PURE__ */ t(l, {
233
+ className: V.error,
234
+ children: o
158
235
  }),
159
- /* @__PURE__ */ M(y, {
160
- className: B.popover,
161
- children: /* @__PURE__ */ M(d, {
162
- items: n,
163
- className: B.list,
164
- children: (e) => /* @__PURE__ */ M(f, {
236
+ /* @__PURE__ */ t(w, {
237
+ className: V.popover,
238
+ children: /* @__PURE__ */ t(h, {
239
+ items: i,
240
+ className: V.list,
241
+ children: (e) => /* @__PURE__ */ t(g, {
165
242
  id: e.id,
166
243
  textValue: e.label,
167
244
  isDisabled: e.isDisabled,
168
- className: B.option,
245
+ className: V.option,
169
246
  children: e.label
170
247
  })
171
248
  })
@@ -173,53 +250,59 @@ function fe({ label: t, options: n, description: r, error: i, placeholder: o = "
173
250
  ]
174
251
  });
175
252
  }
176
- function pe({ label: t, options: r, description: i, error: s, placeholder: u = "Search…", appearance: p = "filled", className: m, ...h }) {
177
- return /* @__PURE__ */ N(n, {
178
- ...h,
179
- defaultItems: r,
180
- isInvalid: !!s || h.isInvalid,
181
- className: L(B.field, m),
182
- "data-appearance": p,
253
+ function Ce(e) {
254
+ return /* @__PURE__ */ t(Se, {
255
+ ...e,
256
+ selectionMode: "multiple"
257
+ });
258
+ }
259
+ function we({ label: e, options: i, description: a, error: s, placeholder: c = "Search…", appearance: d = "filled", className: m, ..._ }) {
260
+ return /* @__PURE__ */ n(o, {
261
+ ..._,
262
+ defaultItems: i,
263
+ isInvalid: !!s || _.isInvalid,
264
+ className: L(V.field, m),
265
+ "data-appearance": d,
183
266
  children: [
184
- /* @__PURE__ */ N("div", {
185
- className: B.surface,
186
- children: [/* @__PURE__ */ N(l, {
187
- className: B.floatingLabel,
188
- children: [t, h.isRequired && /* @__PURE__ */ M("span", {
267
+ /* @__PURE__ */ n("div", {
268
+ className: V.surface,
269
+ children: [/* @__PURE__ */ n(p, {
270
+ className: V.floatingLabel,
271
+ children: [e, _.isRequired && /* @__PURE__ */ t("span", {
189
272
  "aria-hidden": "true",
190
273
  children: " *"
191
274
  })]
192
- }), /* @__PURE__ */ N(o, {
193
- className: B.combo,
194
- children: [/* @__PURE__ */ M(c, {
195
- className: B.input,
196
- placeholder: u
197
- }), /* @__PURE__ */ M(e, {
198
- className: B.comboButton,
199
- "aria-label": `Show ${t.toLowerCase()} options`,
200
- children: /* @__PURE__ */ M(V, { name: "chevron-down" })
275
+ }), /* @__PURE__ */ n(u, {
276
+ className: V.combo,
277
+ children: [/* @__PURE__ */ t(f, {
278
+ className: V.input,
279
+ placeholder: c
280
+ }), /* @__PURE__ */ t(r, {
281
+ className: V.comboButton,
282
+ "aria-label": `Show ${e.toLowerCase()} options`,
283
+ children: /* @__PURE__ */ t(H, { name: "chevron-down" })
201
284
  })]
202
285
  })]
203
286
  }),
204
- i && /* @__PURE__ */ M(O, {
287
+ a && /* @__PURE__ */ t(M, {
205
288
  slot: "description",
206
- className: B.description,
207
- children: i
289
+ className: V.description,
290
+ children: a
208
291
  }),
209
- /* @__PURE__ */ M(a, {
210
- className: B.error,
292
+ /* @__PURE__ */ t(l, {
293
+ className: V.error,
211
294
  children: s
212
295
  }),
213
- /* @__PURE__ */ M(y, {
214
- className: B.popover,
215
- children: /* @__PURE__ */ M(d, {
216
- className: B.list,
296
+ /* @__PURE__ */ t(w, {
297
+ className: V.popover,
298
+ children: /* @__PURE__ */ t(h, {
299
+ className: V.list,
217
300
  renderEmptyState: () => "No results",
218
- children: (e) => /* @__PURE__ */ M(f, {
301
+ children: (e) => /* @__PURE__ */ t(g, {
219
302
  id: e.id,
220
303
  textValue: e.label,
221
304
  isDisabled: e.isDisabled,
222
- className: B.option,
305
+ className: V.option,
223
306
  children: e.label
224
307
  })
225
308
  })
@@ -229,66 +312,92 @@ function pe({ label: t, options: r, description: i, error: s, placeholder: u = "
229
312
  }
230
313
  //#endregion
231
314
  //#region src/components/forms/controls.tsx
232
- function me({ children: e, className: n, ...r }) {
233
- return /* @__PURE__ */ M(t, {
234
- ...r,
235
- className: L(B.control, n),
236
- children: ({ isSelected: t, isIndeterminate: n }) => /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M("span", {
237
- className: B.check,
315
+ function Te({ children: r, className: a, ...o }) {
316
+ return /* @__PURE__ */ t(i, {
317
+ ...o,
318
+ className: L(V.control, a),
319
+ children: ({ isSelected: i, isIndeterminate: a }) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", {
320
+ className: V.check,
238
321
  "aria-hidden": "true",
239
- children: (t || n) && /* @__PURE__ */ M("svg", {
322
+ children: (i || a) && /* @__PURE__ */ t("svg", {
240
323
  viewBox: "0 0 18 18",
241
324
  fill: "none",
242
325
  stroke: "currentColor",
243
326
  strokeWidth: "2",
244
327
  focusable: "false",
245
- children: /* @__PURE__ */ M("path", { d: n ? "M3 9h12" : "M3 9l4 4 8-8" })
328
+ children: /* @__PURE__ */ t("path", { d: a ? "M3 9h12" : "M3 9l4 4 8-8" })
246
329
  })
247
- }), e] })
330
+ }), r] })
248
331
  });
249
332
  }
250
- function he({ label: e, children: t, className: n, ...r }) {
251
- return /* @__PURE__ */ N(S, {
252
- ...r,
253
- className: L(B.field, n),
254
- children: [/* @__PURE__ */ M(l, {
255
- className: B.label,
333
+ function Ee({ label: e, children: r, description: i, error: o, className: s, ...c }) {
334
+ return /* @__PURE__ */ n(a, {
335
+ ...c,
336
+ isInvalid: !!o || c.isInvalid,
337
+ className: L(V.field, s),
338
+ children: [
339
+ /* @__PURE__ */ n(p, {
340
+ className: V.label,
341
+ children: [e, c.isRequired && /* @__PURE__ */ t("span", {
342
+ "aria-hidden": "true",
343
+ children: " *"
344
+ })]
345
+ }),
346
+ r,
347
+ i && /* @__PURE__ */ t(M, {
348
+ slot: "description",
349
+ className: V.description,
350
+ children: i
351
+ }),
352
+ /* @__PURE__ */ t(l, {
353
+ className: V.error,
354
+ children: o
355
+ })
356
+ ]
357
+ });
358
+ }
359
+ function De({ label: e, children: r, className: i, ...a }) {
360
+ return /* @__PURE__ */ n(D, {
361
+ ...a,
362
+ className: L(V.field, i),
363
+ children: [/* @__PURE__ */ t(p, {
364
+ className: V.label,
256
365
  children: e
257
- }), t]
366
+ }), r]
258
367
  });
259
368
  }
260
- function ge({ children: e, className: t, ...n }) {
261
- return /* @__PURE__ */ N(x, {
262
- ...n,
263
- className: L(B.control, t),
264
- children: [/* @__PURE__ */ M("span", {
265
- className: B.radio,
369
+ function Oe({ children: e, className: r, ...i }) {
370
+ return /* @__PURE__ */ n(E, {
371
+ ...i,
372
+ className: L(V.control, r),
373
+ children: [/* @__PURE__ */ t("span", {
374
+ className: V.radio,
266
375
  "aria-hidden": "true"
267
376
  }), e]
268
377
  });
269
378
  }
270
- function _e({ children: e, className: t, ...n }) {
271
- return /* @__PURE__ */ M(D, {
272
- ...n,
273
- className: L(B.control, t),
274
- children: ({ isSelected: t }) => /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M("span", {
275
- className: B.track,
379
+ function ke({ children: r, className: i, ...a }) {
380
+ return /* @__PURE__ */ t(j, {
381
+ ...a,
382
+ className: L(V.control, i),
383
+ children: ({ isSelected: i }) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", {
384
+ className: V.track,
276
385
  "aria-hidden": "true",
277
- children: /* @__PURE__ */ M("span", {
278
- className: B.thumb,
279
- children: /* @__PURE__ */ M("svg", {
386
+ children: /* @__PURE__ */ t("span", {
387
+ className: V.thumb,
388
+ children: /* @__PURE__ */ t("svg", {
280
389
  viewBox: "0 0 24 24",
281
390
  fill: "none",
282
391
  stroke: "currentColor",
283
392
  strokeWidth: "2",
284
393
  focusable: "false",
285
- children: /* @__PURE__ */ M("path", { d: t ? "m5 12 4 4 10-10" : "m7 7 10 10M7 17 17 7" })
394
+ children: /* @__PURE__ */ t("path", { d: i ? "m5 12 4 4 10-10" : "m7 7 10 10M7 17 17 7" })
286
395
  })
287
396
  })
288
- }), e] })
397
+ }), r] })
289
398
  });
290
399
  }
291
- var H = {
400
+ var U = {
292
401
  slider: "_slider_17fzv_1",
293
402
  svg: "_svg_17fzv_11",
294
403
  track: "_track_17fzv_27",
@@ -301,137 +410,137 @@ var H = {
301
410
  };
302
411
  //#endregion
303
412
  //#region src/components/donut-slider/donut-slider.tsx
304
- function U(e, t, n, r) {
413
+ function Ae(e, t, n, r) {
305
414
  let i = Number((Math.round(e / t) * t).toFixed(12));
306
415
  return Math.min(r ?? Infinity, Math.max(n ?? -Infinity, i));
307
416
  }
308
- function W(e) {
417
+ function je(e) {
309
418
  let t = e.currentTarget.getBoundingClientRect();
310
419
  return (Math.atan2(e.clientX - t.left - t.width / 2, -(e.clientY - t.top - t.height / 2)) * 180 / Math.PI + 360) % 360;
311
420
  }
312
- function ve({ label: e, value: t, defaultValue: n = 0, onChange: r, valuePerTurn: i = 100, step: a = 1, min: o, max: s, unit: c = "", size: l = 220, displayDecimals: u = 0, isDisabled: d = !1, className: f }) {
313
- let [p, m] = I(n), [h, g] = I(!1), _ = F(null), v = F(null);
314
- if (!Number.isFinite(i) || i <= 0 || !Number.isFinite(a) || a <= 0) throw RangeError("DonutSlider requires positive, finite step and valuePerTurn values.");
315
- if (o !== void 0 && s !== void 0 && o > s) throw RangeError("DonutSlider min must not exceed max.");
316
- if (!Number.isFinite(l) || l < 16) throw RangeError("DonutSlider requires a finite size of at least 16 pixels.");
317
- let y = U(t ?? p, a, o, s), b = (y / i % 1 + 1) % 1, x = (b * 360 - 90) * Math.PI / 180, S = Math.round(l * .14), C = l / 2, w = C - S / 2 - 4, T = 2 * Math.PI * w, E = y.toFixed(Math.min(20, Math.max(0, Math.trunc(u))));
318
- function D(e) {
319
- let n = U(e, a, o, s);
320
- n !== y && (t === void 0 && m(n), r?.(n));
421
+ function Me({ label: e, value: r, defaultValue: i = 0, onChange: a, valuePerTurn: o = 100, step: s = 1, min: c, max: l, unit: u = "", size: d = 220, displayDecimals: f = 0, isDisabled: p = !1, className: m }) {
422
+ let [h, g] = I(i), [_, v] = I(!1), y = F(null), b = F(null);
423
+ if (!Number.isFinite(o) || o <= 0 || !Number.isFinite(s) || s <= 0) throw RangeError("DonutSlider requires positive, finite step and valuePerTurn values.");
424
+ if (c !== void 0 && l !== void 0 && c > l) throw RangeError("DonutSlider min must not exceed max.");
425
+ if (!Number.isFinite(d) || d < 16) throw RangeError("DonutSlider requires a finite size of at least 16 pixels.");
426
+ let x = Ae(r ?? h, s, c, l), S = (x / o % 1 + 1) % 1, C = (S * 360 - 90) * Math.PI / 180, w = Math.round(d * .14), T = d / 2, E = T - w / 2 - 4, D = 2 * Math.PI * E, O = x.toFixed(Math.min(20, Math.max(0, Math.trunc(f))));
427
+ function k(e) {
428
+ let t = Ae(e, s, c, l);
429
+ t !== x && (r === void 0 && g(t), a?.(t));
321
430
  }
322
- function O(e) {
323
- if (d || e.button !== 0 || _.current) return;
324
- let t = W(e), n = Math.round(y / i - t / 360);
325
- _.current = {
431
+ function A(e) {
432
+ if (p || e.button !== 0 || y.current) return;
433
+ let t = je(e), n = Math.round(x / o - t / 360);
434
+ y.current = {
326
435
  pointerId: e.pointerId,
327
436
  lastAngle: t,
328
437
  turn: n
329
- }, e.currentTarget.setPointerCapture(e.pointerId), v.current?.focus(), g(!0), D((n + t / 360) * i), e.preventDefault();
438
+ }, e.currentTarget.setPointerCapture(e.pointerId), b.current?.focus(), v(!0), k((n + t / 360) * o), e.preventDefault();
330
439
  }
331
440
  function ee(e) {
332
- let t = _.current;
333
- if (d || !t || e.pointerId !== t.pointerId) return;
334
- let n = W(e);
335
- t.lastAngle > 270 && n < 90 ? t.turn += 1 : t.lastAngle < 90 && n > 270 && --t.turn, t.lastAngle = n, D((t.turn + n / 360) * i), e.preventDefault();
441
+ let t = y.current;
442
+ if (p || !t || e.pointerId !== t.pointerId) return;
443
+ let n = je(e);
444
+ t.lastAngle > 270 && n < 90 ? t.turn += 1 : t.lastAngle < 90 && n > 270 && --t.turn, t.lastAngle = n, k((t.turn + n / 360) * o), e.preventDefault();
336
445
  }
337
- function k(e) {
338
- e.pointerId === _.current?.pointerId && (_.current = null, g(!1), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
446
+ function j(e) {
447
+ e.pointerId === y.current?.pointerId && (y.current = null, v(!1), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
339
448
  }
340
- function A(e) {
341
- if (d) return;
449
+ function te(e) {
450
+ if (p) return;
342
451
  let t;
343
452
  switch (e.key) {
344
453
  case "ArrowUp":
345
454
  case "ArrowRight":
346
- t = y + a;
455
+ t = x + s;
347
456
  break;
348
457
  case "ArrowDown":
349
458
  case "ArrowLeft":
350
- t = y - a;
459
+ t = x - s;
351
460
  break;
352
461
  case "PageUp":
353
- t = y + i / 10;
462
+ t = x + o / 10;
354
463
  break;
355
464
  case "PageDown":
356
- t = y - i / 10;
465
+ t = x - o / 10;
357
466
  break;
358
467
  case "Home":
359
- if (o === void 0) return;
360
- t = o;
468
+ if (c === void 0) return;
469
+ t = c;
361
470
  break;
362
471
  case "End":
363
- if (s === void 0) return;
364
- t = s;
472
+ if (l === void 0) return;
473
+ t = l;
365
474
  break;
366
475
  default: return;
367
476
  }
368
- e.preventDefault(), D(t);
477
+ e.preventDefault(), k(t);
369
478
  }
370
- return /* @__PURE__ */ N("div", {
371
- ref: v,
479
+ return /* @__PURE__ */ n("div", {
480
+ ref: b,
372
481
  role: "slider",
373
- tabIndex: d ? -1 : 0,
482
+ tabIndex: p ? -1 : 0,
374
483
  "aria-label": e,
375
- "aria-valuenow": y,
376
- "aria-valuemin": o,
377
- "aria-valuemax": s,
378
- "aria-valuetext": `${E}${c ? ` ${c}` : ""}`,
379
- "aria-disabled": d || void 0,
380
- className: L(H.slider, f),
381
- "data-dragging": h || void 0,
382
- "data-disabled": d || void 0,
383
- style: { "--dial-size": `${l}px` },
384
- onKeyDown: A,
385
- children: [/* @__PURE__ */ N("svg", {
386
- viewBox: `0 0 ${l} ${l}`,
387
- className: H.svg,
484
+ "aria-valuenow": x,
485
+ "aria-valuemin": c,
486
+ "aria-valuemax": l,
487
+ "aria-valuetext": `${O}${u ? ` ${u}` : ""}`,
488
+ "aria-disabled": p || void 0,
489
+ className: L(U.slider, m),
490
+ "data-dragging": _ || void 0,
491
+ "data-disabled": p || void 0,
492
+ style: { "--dial-size": `${d}px` },
493
+ onKeyDown: te,
494
+ children: [/* @__PURE__ */ n("svg", {
495
+ viewBox: `0 0 ${d} ${d}`,
496
+ className: U.svg,
388
497
  "aria-hidden": "true",
389
- onPointerDown: O,
498
+ onPointerDown: A,
390
499
  onPointerMove: ee,
391
- onPointerUp: k,
392
- onPointerCancel: k,
393
- onLostPointerCapture: k,
500
+ onPointerUp: j,
501
+ onPointerCancel: j,
502
+ onLostPointerCapture: j,
394
503
  children: [
395
- /* @__PURE__ */ M("circle", {
396
- cx: C,
397
- cy: C,
398
- r: w,
399
- strokeWidth: S,
400
- className: H.track
504
+ /* @__PURE__ */ t("circle", {
505
+ cx: T,
506
+ cy: T,
507
+ r: E,
508
+ strokeWidth: w,
509
+ className: U.track
401
510
  }),
402
- b * 360 > .5 && /* @__PURE__ */ M("circle", {
403
- cx: C,
404
- cy: C,
405
- r: w,
406
- strokeWidth: S,
407
- className: H.progress,
408
- strokeDasharray: `${b * T} ${T}`,
409
- transform: `rotate(-90 ${C} ${C})`
511
+ S * 360 > .5 && /* @__PURE__ */ t("circle", {
512
+ cx: T,
513
+ cy: T,
514
+ r: E,
515
+ strokeWidth: w,
516
+ className: U.progress,
517
+ strokeDasharray: `${S * D} ${D}`,
518
+ transform: `rotate(-90 ${T} ${T})`
410
519
  }),
411
- /* @__PURE__ */ M("circle", {
412
- cx: C + w * Math.cos(x),
413
- cy: C + w * Math.sin(x),
414
- r: S / 2 + 2,
415
- className: H.handle
520
+ /* @__PURE__ */ t("circle", {
521
+ cx: T + E * Math.cos(C),
522
+ cy: T + E * Math.sin(C),
523
+ r: w / 2 + 2,
524
+ className: U.handle
416
525
  })
417
526
  ]
418
- }), /* @__PURE__ */ N("div", {
419
- className: H.readout,
527
+ }), /* @__PURE__ */ n("div", {
528
+ className: U.readout,
420
529
  "aria-hidden": "true",
421
- children: [/* @__PURE__ */ M("span", {
422
- className: H.label,
530
+ children: [/* @__PURE__ */ t("span", {
531
+ className: U.label,
423
532
  children: e
424
- }), /* @__PURE__ */ N("span", {
425
- className: H.value,
426
- children: [E, /* @__PURE__ */ M("span", {
427
- className: H.unit,
428
- children: c
533
+ }), /* @__PURE__ */ n("span", {
534
+ className: U.value,
535
+ children: [O, /* @__PURE__ */ t("span", {
536
+ className: U.unit,
537
+ children: u
429
538
  })]
430
539
  })]
431
540
  })]
432
541
  });
433
542
  }
434
- var G = {
543
+ var W = {
435
544
  popover: "_popover_3pd1a_1",
436
545
  menu: "_menu_3pd1a_14",
437
546
  item: "_item_3pd1a_22",
@@ -440,124 +549,135 @@ var G = {
440
549
  };
441
550
  //#endregion
442
551
  //#region src/components/menu/menu.tsx
443
- function K({ className: e, ...t }) {
444
- return /* @__PURE__ */ M(p, {
445
- ...t,
446
- className: L(G.menu, e)
552
+ function Ne({ className: e, ...n }) {
553
+ return /* @__PURE__ */ t(_, {
554
+ ...n,
555
+ className: L(W.menu, e)
447
556
  });
448
557
  }
449
- function ye({ className: e, tone: t = "default", children: n, ...r }) {
450
- return /* @__PURE__ */ M(m, {
451
- ...r,
452
- textValue: r.textValue ?? (typeof n == "string" ? n : void 0),
453
- className: L(G.item, e),
454
- "data-tone": t,
455
- children: ({ hasSubmenu: e }) => /* @__PURE__ */ N(j, { children: [n, e && /* @__PURE__ */ M(V, {
558
+ function Pe({ className: r, tone: i = "default", children: a, ...o }) {
559
+ return /* @__PURE__ */ t(v, {
560
+ ...o,
561
+ textValue: o.textValue ?? (typeof a == "string" ? a : void 0),
562
+ className: L(W.item, r),
563
+ "data-tone": i,
564
+ children: ({ hasSubmenu: r }) => /* @__PURE__ */ n(e, { children: [a, r && /* @__PURE__ */ t(H, {
456
565
  name: "chevron-right",
457
- className: G.submenuIcon
566
+ className: W.submenuIcon
458
567
  })] })
459
568
  });
460
569
  }
461
- function q({ className: e, ...t }) {
462
- return /* @__PURE__ */ M(y, {
463
- ...t,
464
- className: L(G.popover, e)
570
+ function Fe({ className: e, ...n }) {
571
+ return /* @__PURE__ */ t(w, {
572
+ ...n,
573
+ className: L(W.popover, e)
465
574
  });
466
575
  }
467
- function be() {
468
- return /* @__PURE__ */ M(T, { className: G.separator });
576
+ function Ie() {
577
+ return /* @__PURE__ */ t(A, { className: W.separator });
469
578
  }
470
- var J = {
579
+ var G = {
471
580
  group: "_group_zvomd_1",
472
581
  primary: "_primary_zvomd_6",
473
582
  trigger: "_trigger_zvomd_10"
474
583
  };
475
584
  //#endregion
476
585
  //#region src/components/split-button/split-button.tsx
477
- function xe({ label: e, icon: t, menuLabel: n = "More actions", children: r, className: i, ...a }) {
478
- return /* @__PURE__ */ N("div", {
479
- className: L(J.group, i),
480
- children: [/* @__PURE__ */ N(z, {
481
- ...a,
482
- className: J.primary,
483
- children: [t, e]
484
- }), /* @__PURE__ */ N(g, { children: [/* @__PURE__ */ M(z, {
485
- tone: a.tone,
486
- background: a.background,
487
- isDisabled: a.isDisabled,
488
- className: J.trigger,
489
- "aria-label": n,
490
- children: /* @__PURE__ */ M(V, { name: "chevron-down" })
491
- }), /* @__PURE__ */ M(q, {
586
+ function Le({ label: e, icon: r, menuLabel: i = "More actions", children: a, className: o, ...s }) {
587
+ return /* @__PURE__ */ n("div", {
588
+ className: L(G.group, o),
589
+ children: [/* @__PURE__ */ n(B, {
590
+ ...s,
591
+ className: G.primary,
592
+ children: [r, e]
593
+ }), /* @__PURE__ */ n(b, { children: [/* @__PURE__ */ t(B, {
594
+ tone: s.tone,
595
+ background: s.background,
596
+ isDisabled: s.isDisabled,
597
+ className: G.trigger,
598
+ "aria-label": i,
599
+ children: /* @__PURE__ */ t(H, { name: "chevron-down" })
600
+ }), /* @__PURE__ */ t(Fe, {
492
601
  placement: "bottom end",
493
- children: /* @__PURE__ */ M(K, {
494
- "aria-label": n,
495
- children: r
602
+ children: /* @__PURE__ */ t(Ne, {
603
+ "aria-label": i,
604
+ children: a
496
605
  })
497
606
  })] })]
498
607
  });
499
608
  }
500
- var Y = {
501
- overlay: "_overlay_18rq5_1",
502
- modal: "_modal_18rq5_11",
503
- dialog: "_dialog_18rq5_22",
504
- header: "_header_18rq5_27",
505
- title: "_title_18rq5_34",
506
- description: "_description_18rq5_39"
609
+ var K = {
610
+ overlay: "_overlay_1i4r0_1",
611
+ modal: "_modal_1i4r0_14",
612
+ dialog: "_dialog_1i4r0_35",
613
+ body: "_body_1i4r0_44",
614
+ header: "_header_1i4r0_51",
615
+ footer: "_footer_1i4r0_52",
616
+ title: "_title_1i4r0_74",
617
+ description: "_description_1i4r0_79"
507
618
  };
508
619
  //#endregion
509
620
  //#region src/components/dialog/dialog.tsx
510
- function Se({ title: e, description: t, children: n, role: i = "dialog", className: a, isDismissable: o = !0, ...c }) {
511
- let l = ae();
512
- return /* @__PURE__ */ M(v, {
513
- ...c,
514
- isDismissable: o,
515
- className: Y.overlay,
516
- children: /* @__PURE__ */ M(_, {
517
- className: Y.modal,
518
- children: /* @__PURE__ */ M(r, {
519
- role: i,
520
- "aria-describedby": t ? l : void 0,
521
- className: L(Y.dialog, a),
522
- children: ({ close: r }) => /* @__PURE__ */ N(j, { children: [
523
- /* @__PURE__ */ N("header", {
524
- className: Y.header,
525
- children: [/* @__PURE__ */ M(s, {
621
+ function Re({ title: r, description: i, children: a, role: o = "dialog", className: c, size: l = "medium", maxWidth: u, footer: f, isDismissable: p = !0, ...m }) {
622
+ let h = P();
623
+ return /* @__PURE__ */ t(S, {
624
+ ...m,
625
+ isDismissable: p,
626
+ className: K.overlay,
627
+ children: /* @__PURE__ */ t(x, {
628
+ className: K.modal,
629
+ "data-size": l,
630
+ style: { maxWidth: u },
631
+ children: /* @__PURE__ */ t(s, {
632
+ role: o,
633
+ "aria-describedby": i ? h : void 0,
634
+ className: L(K.dialog, c),
635
+ "data-layout": f ? "fixed-footer" : void 0,
636
+ children: ({ close: o }) => /* @__PURE__ */ n(e, { children: [
637
+ /* @__PURE__ */ n("header", {
638
+ className: K.header,
639
+ children: [/* @__PURE__ */ t(d, {
526
640
  slot: "title",
527
- className: Y.title,
528
- children: e
529
- }), /* @__PURE__ */ M(z, {
641
+ className: K.title,
642
+ children: r
643
+ }), /* @__PURE__ */ t(B, {
530
644
  variant: "icon",
531
645
  "aria-label": "Close dialog",
532
- onPress: r,
533
- children: /* @__PURE__ */ M(V, { name: "close" })
646
+ onPress: o,
647
+ children: /* @__PURE__ */ t(H, { name: "close" })
534
648
  })]
535
649
  }),
536
- t && /* @__PURE__ */ M("p", {
537
- id: l,
538
- className: Y.description,
539
- children: t
650
+ /* @__PURE__ */ n("div", {
651
+ className: K.body,
652
+ children: [i && /* @__PURE__ */ t("p", {
653
+ id: h,
654
+ className: K.description,
655
+ children: i
656
+ }), typeof a == "function" ? a({ close: o }) : a]
540
657
  }),
541
- typeof n == "function" ? n({ close: r }) : n
658
+ f && /* @__PURE__ */ t("footer", {
659
+ className: K.footer,
660
+ children: typeof f == "function" ? f({ close: o }) : f
661
+ })
542
662
  ] })
543
663
  })
544
664
  })
545
665
  });
546
666
  }
547
- var Ce = { tooltip: "_tooltip_trnx2_1" };
667
+ var ze = { tooltip: "_tooltip_trnx2_1" };
548
668
  //#endregion
549
669
  //#region src/components/tooltip/tooltip.tsx
550
- function we({ children: e, content: t, placement: n = "top", delay: r = 500 }) {
551
- return /* @__PURE__ */ N(te, {
552
- delay: r,
553
- children: [e, /* @__PURE__ */ M(A, {
554
- className: Ce.tooltip,
555
- placement: n,
556
- children: t
670
+ function Be({ children: e, content: r, placement: i = "top", delay: a = 500 }) {
671
+ return /* @__PURE__ */ n(ce, {
672
+ delay: a,
673
+ children: [e, /* @__PURE__ */ t(se, {
674
+ className: ze.tooltip,
675
+ placement: i,
676
+ children: r
557
677
  })]
558
678
  });
559
679
  }
560
- var X = {
680
+ var q = {
561
681
  container: "_container_kj4bs_1",
562
682
  scroll: "_scroll_kj4bs_12",
563
683
  table: "_table_kj4bs_15",
@@ -570,110 +690,110 @@ var X = {
570
690
  };
571
691
  //#endregion
572
692
  //#region src/components/table/data-table.tsx
573
- function Te({ caption: e, rows: t, columns: n, getRowKey: r, pageSize: i = 10, selectedKey: a = null, onSelectionChange: o, getRowLabel: s, emptyMessage: c = "No results found.", className: l }) {
574
- let [u, d] = I(null), [f, p] = I(0), m = ae(), h = Math.max(1, Math.trunc(i)), g = Math.max(1, Math.ceil(t.length / h)), _ = Math.min(f, g - 1), v = n.find((e) => e.id === u?.column)?.compare, y = (v && u ? [...t].sort((e, t) => v(e, t) * (u.direction === "ascending" ? 1 : -1)) : t).slice(_ * h, (_ + 1) * h);
575
- function b(e) {
576
- d((t) => t?.column === e ? t.direction === "ascending" ? {
693
+ function Ve({ caption: e, rows: r, columns: i, getRowKey: a, pageSize: o = 10, selectedKey: s = null, onSelectionChange: c, getRowLabel: l, emptyMessage: u = "No results found.", className: d }) {
694
+ let [f, p] = I(null), [m, h] = I(0), g = P(), _ = Math.max(1, Math.trunc(o)), v = Math.max(1, Math.ceil(r.length / _)), y = Math.min(m, v - 1), b = i.find((e) => e.id === f?.column)?.compare, x = (b && f ? [...r].sort((e, t) => b(e, t) * (f.direction === "ascending" ? 1 : -1)) : r).slice(y * _, (y + 1) * _);
695
+ function S(e) {
696
+ p((t) => t?.column === e ? t.direction === "ascending" ? {
577
697
  column: e,
578
698
  direction: "descending"
579
699
  } : null : {
580
700
  column: e,
581
701
  direction: "ascending"
582
- }), p(0);
702
+ }), h(0);
583
703
  }
584
- return /* @__PURE__ */ N("div", {
585
- className: L(X.container, l),
704
+ return /* @__PURE__ */ n("div", {
705
+ className: L(q.container, d),
586
706
  children: [
587
- /* @__PURE__ */ M("div", {
588
- className: X.scroll,
589
- children: /* @__PURE__ */ N("table", {
590
- className: X.table,
591
- "aria-describedby": y.length === 0 ? m : void 0,
707
+ /* @__PURE__ */ t("div", {
708
+ className: q.scroll,
709
+ children: /* @__PURE__ */ n("table", {
710
+ className: q.table,
711
+ "aria-describedby": x.length === 0 ? g : void 0,
592
712
  children: [
593
- /* @__PURE__ */ M("caption", {
594
- className: X.caption,
595
- children: /* @__PURE__ */ M("span", {
596
- className: X.captionText,
713
+ /* @__PURE__ */ t("caption", {
714
+ className: q.caption,
715
+ children: /* @__PURE__ */ t("span", {
716
+ className: q.captionText,
597
717
  children: e
598
718
  })
599
719
  }),
600
- /* @__PURE__ */ M("thead", { children: /* @__PURE__ */ N("tr", { children: [o && /* @__PURE__ */ M("th", {
720
+ /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ n("tr", { children: [c && /* @__PURE__ */ t("th", {
601
721
  scope: "col",
602
- children: /* @__PURE__ */ M("span", {
603
- className: X.srOnly,
722
+ children: /* @__PURE__ */ t("span", {
723
+ className: q.srOnly,
604
724
  children: "Selection"
605
725
  })
606
- }), n.map((e) => /* @__PURE__ */ M("th", {
726
+ }), i.map((e) => /* @__PURE__ */ t("th", {
607
727
  scope: "col",
608
728
  "data-align": e.align,
609
- "aria-sort": e.compare ? u?.column === e.id ? u.direction : "none" : void 0,
610
- children: e.compare ? /* @__PURE__ */ N("button", {
611
- className: X.sort,
612
- onClick: () => b(e.id),
613
- children: [e.label, /* @__PURE__ */ M(V, { name: u?.column === e.id ? u.direction === "ascending" ? "arrow-up" : "arrow-down" : "sort" })]
729
+ "aria-sort": e.compare ? f?.column === e.id ? f.direction : "none" : void 0,
730
+ children: e.compare ? /* @__PURE__ */ n("button", {
731
+ className: q.sort,
732
+ onClick: () => S(e.id),
733
+ children: [e.label, /* @__PURE__ */ t(H, { name: f?.column === e.id ? f.direction === "ascending" ? "arrow-up" : "arrow-down" : "sort" })]
614
734
  }) : e.label
615
735
  }, e.id))] }) }),
616
- /* @__PURE__ */ M("tbody", { children: y.map((e) => {
617
- let t = r(e);
618
- return /* @__PURE__ */ N("tr", {
619
- "data-selected": t === a || void 0,
620
- children: [o && /* @__PURE__ */ M("td", { children: /* @__PURE__ */ M(z, {
736
+ /* @__PURE__ */ t("tbody", { children: x.map((e) => {
737
+ let r = a(e);
738
+ return /* @__PURE__ */ n("tr", {
739
+ "data-selected": r === s || void 0,
740
+ children: [c && /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(B, {
621
741
  variant: "icon",
622
- "aria-label": `Select ${s?.(e) ?? String(t)}`,
623
- "aria-pressed": a === t,
624
- onPress: () => o(a === t ? null : t),
625
- children: /* @__PURE__ */ M(V, { name: "chevron-right" })
626
- }) }), n.map((t) => /* @__PURE__ */ M("td", {
627
- "data-align": t.align,
628
- children: t.renderCell(e)
629
- }, t.id))]
630
- }, t);
742
+ "aria-label": `Select ${l?.(e) ?? String(r)}`,
743
+ "aria-pressed": s === r,
744
+ onPress: () => c(s === r ? null : r),
745
+ children: /* @__PURE__ */ t(H, { name: "chevron-right" })
746
+ }) }), i.map((n) => /* @__PURE__ */ t("td", {
747
+ "data-align": n.align,
748
+ children: n.renderCell(e)
749
+ }, n.id))]
750
+ }, r);
631
751
  }) })
632
752
  ]
633
753
  })
634
754
  }),
635
- y.length === 0 && /* @__PURE__ */ M("p", {
636
- id: m,
637
- className: X.empty,
638
- children: c
755
+ x.length === 0 && /* @__PURE__ */ t("p", {
756
+ id: g,
757
+ className: q.empty,
758
+ children: u
639
759
  }),
640
- /* @__PURE__ */ N("nav", {
760
+ /* @__PURE__ */ n("nav", {
641
761
  "aria-label": `${e} pagination`,
642
- className: X.pagination,
762
+ className: q.pagination,
643
763
  children: [
644
- /* @__PURE__ */ N("span", { children: [
645
- t.length === 0 ? 0 : _ * h + 1,
764
+ /* @__PURE__ */ n("span", { children: [
765
+ r.length === 0 ? 0 : y * _ + 1,
646
766
  "–",
647
- Math.min((_ + 1) * h, t.length),
767
+ Math.min((y + 1) * _, r.length),
648
768
  " of ",
649
- t.length
769
+ r.length
650
770
  ] }),
651
- /* @__PURE__ */ M(z, {
771
+ /* @__PURE__ */ t(B, {
652
772
  variant: "text",
653
773
  "aria-label": "Previous page",
654
- isDisabled: _ === 0,
655
- onPress: () => p(_ - 1),
656
- children: /* @__PURE__ */ M(V, { name: "arrow-left" })
774
+ isDisabled: y === 0,
775
+ onPress: () => h(y - 1),
776
+ children: /* @__PURE__ */ t(H, { name: "arrow-left" })
657
777
  }),
658
- /* @__PURE__ */ N("span", { children: [
778
+ /* @__PURE__ */ n("span", { children: [
659
779
  "Page ",
660
- _ + 1,
780
+ y + 1,
661
781
  " of ",
662
- g
782
+ v
663
783
  ] }),
664
- /* @__PURE__ */ M(z, {
784
+ /* @__PURE__ */ t(B, {
665
785
  variant: "text",
666
786
  "aria-label": "Next page",
667
- isDisabled: _ === g - 1,
668
- onPress: () => p(_ + 1),
669
- children: /* @__PURE__ */ M(V, { name: "arrow-right" })
787
+ isDisabled: y === v - 1,
788
+ onPress: () => h(y + 1),
789
+ children: /* @__PURE__ */ t(H, { name: "arrow-right" })
670
790
  })
671
791
  ]
672
792
  })
673
793
  ]
674
794
  });
675
795
  }
676
- var Z = {
796
+ var J = {
677
797
  alert: "_alert_1b9pw_1",
678
798
  title: "_title_1b9pw_30",
679
799
  region: "_region_1b9pw_34",
@@ -681,95 +801,95 @@ var Z = {
681
801
  };
682
802
  //#endregion
683
803
  //#region src/components/notifications/notifications.tsx
684
- function Ee({ tone: e = "info", title: t, children: n, className: r, role: i, ...a }) {
685
- return /* @__PURE__ */ M("div", {
686
- ...a,
687
- role: i ?? (e === "error" ? "alert" : "status"),
688
- className: L(Z.alert, r),
804
+ function He({ tone: e = "info", title: r, children: i, className: a, role: o, ...s }) {
805
+ return /* @__PURE__ */ t("div", {
806
+ ...s,
807
+ role: o ?? (e === "error" ? "alert" : "status"),
808
+ className: L(J.alert, a),
689
809
  "data-tone": e,
690
- children: /* @__PURE__ */ N("div", { children: [t && /* @__PURE__ */ M("strong", {
691
- className: Z.title,
692
- children: t
693
- }), n] })
694
- });
695
- }
696
- var De = ne(null);
697
- function Oe({ notification: e, dismiss: t }) {
698
- let [n, r] = I(!1), [i, a] = I(!1), o = F(e.duration);
699
- return ie(() => {
700
- if (n || i || e.duration <= 0) return;
701
- let r = Date.now(), a = setTimeout(() => t(e.id), Math.max(0, o.current));
810
+ children: /* @__PURE__ */ n("div", { children: [r && /* @__PURE__ */ t("strong", {
811
+ className: J.title,
812
+ children: r
813
+ }), i] })
814
+ });
815
+ }
816
+ var Ue = le(null);
817
+ function We({ notification: e, dismiss: r }) {
818
+ let [i, a] = I(!1), [o, s] = I(!1), c = F(e.duration);
819
+ return de(() => {
820
+ if (i || o || e.duration <= 0) return;
821
+ let t = Date.now(), n = setTimeout(() => r(e.id), Math.max(0, c.current));
702
822
  return () => {
703
- clearTimeout(a), o.current = Math.max(0, o.current - (Date.now() - r));
823
+ clearTimeout(n), c.current = Math.max(0, c.current - (Date.now() - t));
704
824
  };
705
825
  }, [
706
- n,
707
826
  i,
827
+ o,
708
828
  e.duration,
709
829
  e.id,
710
- t
711
- ]), /* @__PURE__ */ N("div", {
712
- className: Z.alert,
830
+ r
831
+ ]), /* @__PURE__ */ n("div", {
832
+ className: J.alert,
713
833
  "data-tone": e.tone,
714
834
  role: e.tone === "error" ? "alert" : "status",
715
- onMouseEnter: () => r(!0),
716
- onMouseLeave: () => r(!1),
717
- onFocus: () => a(!0),
835
+ onMouseEnter: () => a(!0),
836
+ onMouseLeave: () => a(!1),
837
+ onFocus: () => s(!0),
718
838
  onBlur: (e) => {
719
- e.currentTarget.contains(e.relatedTarget) || a(!1);
839
+ e.currentTarget.contains(e.relatedTarget) || s(!1);
720
840
  },
721
- children: [/* @__PURE__ */ N("div", { children: [e.title && /* @__PURE__ */ M("strong", {
722
- className: Z.title,
841
+ children: [/* @__PURE__ */ n("div", { children: [e.title && /* @__PURE__ */ t("strong", {
842
+ className: J.title,
723
843
  children: e.title
724
- }), e.message] }), /* @__PURE__ */ M("button", {
725
- className: Z.dismiss,
726
- onClick: () => t(e.id),
844
+ }), e.message] }), /* @__PURE__ */ t("button", {
845
+ className: J.dismiss,
846
+ onClick: () => r(e.id),
727
847
  "aria-label": "Dismiss notification",
728
- children: /* @__PURE__ */ M(V, { name: "close" })
848
+ children: /* @__PURE__ */ t(H, { name: "close" })
729
849
  })]
730
850
  });
731
851
  }
732
- function ke({ children: e, defaultDuration: t = 4e3 }) {
733
- let [n, r] = I([]), i = F(0), a = P((e) => r((t) => t.filter((t) => t.id !== e)), []), o = P(() => r([]), []), s = P((e, n, a = {}) => {
734
- let o = ++i.current;
735
- return r((r) => [...r, {
736
- ...a,
737
- id: o,
852
+ function Ge({ children: e, defaultDuration: r = 4e3 }) {
853
+ let [i, a] = I([]), o = F(0), s = N((e) => a((t) => t.filter((t) => t.id !== e)), []), c = N(() => a([]), []), l = N((e, t, n = {}) => {
854
+ let i = ++o.current;
855
+ return a((a) => [...a, {
856
+ ...n,
857
+ id: i,
738
858
  tone: e,
739
- message: n,
740
- duration: a.duration ?? t
741
- }]), o;
742
- }, [t]), c = oe(() => ({
743
- info: (e, t) => s("info", e, t),
744
- success: (e, t) => s("success", e, t),
745
- warn: (e, t) => s("warn", e, t),
746
- error: (e, t) => s("error", e, t),
747
- dismiss: a,
748
- clear: o
859
+ message: t,
860
+ duration: n.duration ?? r
861
+ }]), i;
862
+ }, [r]), u = fe(() => ({
863
+ info: (e, t) => l("info", e, t),
864
+ success: (e, t) => l("success", e, t),
865
+ warn: (e, t) => l("warn", e, t),
866
+ error: (e, t) => l("error", e, t),
867
+ dismiss: s,
868
+ clear: c
749
869
  }), [
870
+ l,
750
871
  s,
751
- a,
752
- o
872
+ c
753
873
  ]);
754
- return /* @__PURE__ */ N(De, {
755
- value: c,
756
- children: [e, n.length > 0 && typeof document < "u" && se(/* @__PURE__ */ M("section", {
757
- className: Z.region,
874
+ return /* @__PURE__ */ n(Ue, {
875
+ value: u,
876
+ children: [e, i.length > 0 && typeof document < "u" && pe(/* @__PURE__ */ t("section", {
877
+ className: J.region,
758
878
  "aria-label": "Notifications",
759
879
  "data-react-aria-top-layer": !0,
760
- children: n.map((e) => /* @__PURE__ */ M(Oe, {
880
+ children: i.map((e) => /* @__PURE__ */ t(We, {
761
881
  notification: e,
762
- dismiss: a
882
+ dismiss: s
763
883
  }, e.id))
764
884
  }), document.body)]
765
885
  });
766
886
  }
767
- function Ae() {
768
- let e = re(De);
887
+ function Ke() {
888
+ let e = ue(Ue);
769
889
  if (!e) throw Error("useNotifications must be used within NotificationsProvider.");
770
890
  return e;
771
891
  }
772
- var Q = {
892
+ var Y = {
773
893
  bars: "_bars_10i45_1",
774
894
  stretch: "_stretch_10i45_1",
775
895
  spinner: "_spinner_10i45_26",
@@ -781,45 +901,45 @@ var Q = {
781
901
  };
782
902
  //#endregion
783
903
  //#region src/components/loader/loader.tsx
784
- function je({ label: e = "Loading", color: t, className: n }) {
785
- return /* @__PURE__ */ M("div", {
904
+ function qe({ label: e = "Loading", color: n, className: r }) {
905
+ return /* @__PURE__ */ t("div", {
786
906
  role: "progressbar",
787
907
  "aria-label": e,
788
908
  "aria-busy": "true",
789
- className: L(Q.bars, n),
790
- style: { "--bt-bar-loader-color": t },
909
+ className: L(Y.bars, r),
910
+ style: { "--bt-bar-loader-color": n },
791
911
  children: [
792
912
  0,
793
913
  1,
794
914
  2,
795
915
  3,
796
916
  4
797
- ].map((e) => /* @__PURE__ */ M("span", { "aria-hidden": "true" }, e))
917
+ ].map((e) => /* @__PURE__ */ t("span", { "aria-hidden": "true" }, e))
798
918
  });
799
919
  }
800
- function Me({ label: e = "Loading", className: t }) {
801
- return /* @__PURE__ */ M("div", {
920
+ function Je({ label: e = "Loading", className: n }) {
921
+ return /* @__PURE__ */ t("div", {
802
922
  role: "progressbar",
803
923
  "aria-label": e,
804
924
  "aria-busy": "true",
805
- className: L(Q.spinner, t)
925
+ className: L(Y.spinner, n)
806
926
  });
807
927
  }
808
- function Ne({ label: e, className: t, ...n }) {
809
- return /* @__PURE__ */ M(b, {
810
- ...n,
811
- className: L(Q.progress, t),
812
- children: ({ percentage: t, isIndeterminate: n }) => /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(l, { children: e }), /* @__PURE__ */ M("div", {
813
- className: Q.track,
814
- children: /* @__PURE__ */ M("div", {
815
- className: Q.fill,
816
- "data-indeterminate": n || void 0,
817
- style: { width: n ? "35%" : `${t}%` }
928
+ function Ye({ label: r, className: i, ...a }) {
929
+ return /* @__PURE__ */ t(T, {
930
+ ...a,
931
+ className: L(Y.progress, i),
932
+ children: ({ percentage: i, isIndeterminate: a }) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(p, { children: r }), /* @__PURE__ */ t("div", {
933
+ className: Y.track,
934
+ children: /* @__PURE__ */ t("div", {
935
+ className: Y.fill,
936
+ "data-indeterminate": a || void 0,
937
+ style: { width: a ? "35%" : `${i}%` }
818
938
  })
819
939
  })] })
820
940
  });
821
941
  }
822
- var $ = {
942
+ var X = {
823
943
  card: "_card_n4hcj_1",
824
944
  badge: "_badge_n4hcj_15",
825
945
  heading: "_heading_n4hcj_49",
@@ -830,41 +950,139 @@ var $ = {
830
950
  };
831
951
  //#endregion
832
952
  //#region src/components/surface/surface.tsx
833
- function Pe({ variant: e = "outlined", className: t, ...n }) {
834
- return /* @__PURE__ */ M("section", {
835
- ...n,
836
- className: L($.card, t),
953
+ function Xe({ variant: e = "outlined", className: n, ...r }) {
954
+ return /* @__PURE__ */ t("section", {
955
+ ...r,
956
+ className: L(X.card, n),
837
957
  "data-variant": e
838
958
  });
839
959
  }
840
- function Fe({ tone: e = "neutral", className: t, ...n }) {
841
- return /* @__PURE__ */ M("span", {
842
- ...n,
843
- className: L($.badge, t),
960
+ function Ze({ tone: e = "neutral", className: n, ...r }) {
961
+ return /* @__PURE__ */ t("span", {
962
+ ...r,
963
+ className: L(X.badge, n),
844
964
  "data-tone": e
845
965
  });
846
966
  }
847
- function Ie({ level: e = 2, className: t, ...n }) {
848
- let r = `h${e}`;
849
- return /* @__PURE__ */ M(r, {
967
+ function Qe({ level: e = 2, className: n, ...r }) {
968
+ let i = `h${e}`;
969
+ return /* @__PURE__ */ t(i, {
970
+ ...r,
971
+ className: L(X.heading, n)
972
+ });
973
+ }
974
+ function $e({ muted: e = !1, className: n, ...r }) {
975
+ return /* @__PURE__ */ t("p", {
976
+ ...r,
977
+ className: L(X.text, e && X.muted, n)
978
+ });
979
+ }
980
+ function et({ children: e }) {
981
+ return /* @__PURE__ */ t("code", {
982
+ className: X.code,
983
+ children: e
984
+ });
985
+ }
986
+ function tt() {
987
+ return /* @__PURE__ */ t("hr", { className: X.divider });
988
+ }
989
+ var Z = {
990
+ tabs: "_tabs_1mv8v_1",
991
+ list: "_list_1mv8v_6",
992
+ tab: "_tab_1mv8v_1",
993
+ panel: "_panel_1mv8v_30"
994
+ };
995
+ //#endregion
996
+ //#region src/components/tabs/tabs.tsx
997
+ function nt({ className: e, ...n }) {
998
+ return /* @__PURE__ */ t(ie, {
850
999
  ...n,
851
- className: L($.heading, t)
1000
+ className: L(Z.tabs, e)
852
1001
  });
853
1002
  }
854
- function Le({ muted: e = !1, className: t, ...n }) {
855
- return /* @__PURE__ */ M("p", {
1003
+ function rt({ className: e, ...n }) {
1004
+ return /* @__PURE__ */ t(ne, {
856
1005
  ...n,
857
- className: L($.text, e && $.muted, t)
1006
+ className: L(Z.list, e)
858
1007
  });
859
1008
  }
860
- function Re({ children: e }) {
861
- return /* @__PURE__ */ M("code", {
862
- className: $.code,
863
- children: e
1009
+ function it({ className: e, ...n }) {
1010
+ return /* @__PURE__ */ t(te, {
1011
+ ...n,
1012
+ className: L(Z.tab, e)
1013
+ });
1014
+ }
1015
+ function at({ className: e, ...n }) {
1016
+ return /* @__PURE__ */ t(re, {
1017
+ ...n,
1018
+ className: L(Z.panel, e)
1019
+ });
1020
+ }
1021
+ var Q = {
1022
+ group: "_group_1rh6o_1",
1023
+ skeleton: "_skeleton_1rh6o_4",
1024
+ pulse: "_pulse_1rh6o_1",
1025
+ status: "_status_1rh6o_20"
1026
+ };
1027
+ //#endregion
1028
+ //#region src/components/skeleton/skeleton.tsx
1029
+ function ot({ variant: e = "text", width: n, height: r, className: i, style: a, ...o }) {
1030
+ return /* @__PURE__ */ t("div", {
1031
+ ...o,
1032
+ "aria-hidden": "true",
1033
+ className: L(Q.skeleton, i),
1034
+ "data-variant": e,
1035
+ style: {
1036
+ width: n,
1037
+ height: r,
1038
+ ...a
1039
+ }
1040
+ });
1041
+ }
1042
+ function st({ label: e, children: r, className: i, ...a }) {
1043
+ return /* @__PURE__ */ n("div", {
1044
+ ...a,
1045
+ className: L(Q.group, i),
1046
+ children: [/* @__PURE__ */ t("span", {
1047
+ role: "status",
1048
+ className: Q.status,
1049
+ children: e
1050
+ }), /* @__PURE__ */ t("div", {
1051
+ "aria-hidden": "true",
1052
+ children: r
1053
+ })]
864
1054
  });
865
1055
  }
866
- function ze() {
867
- return /* @__PURE__ */ M("hr", { className: $.divider });
1056
+ var $ = {
1057
+ empty: "_empty_14d8y_1",
1058
+ description: "_description_14d8y_11",
1059
+ action: "_action_14d8y_15"
1060
+ };
1061
+ //#endregion
1062
+ //#region src/components/empty-state/empty-state.tsx
1063
+ function ct({ title: e, description: r, action: i, headingLevel: a = 2, children: o, className: s, ...c }) {
1064
+ let l = P();
1065
+ return /* @__PURE__ */ n("section", {
1066
+ ...c,
1067
+ "aria-labelledby": l,
1068
+ className: L($.empty, s),
1069
+ children: [
1070
+ /* @__PURE__ */ t(Qe, {
1071
+ id: l,
1072
+ level: a,
1073
+ children: e
1074
+ }),
1075
+ r && /* @__PURE__ */ t("div", {
1076
+ className: $.description,
1077
+ children: r
1078
+ }),
1079
+ o,
1080
+ i && /* @__PURE__ */ t("div", {
1081
+ className: $.action,
1082
+ children: i
1083
+ })
1084
+ ]
1085
+ });
868
1086
  }
869
1087
  //#endregion
870
- export { Ee as Alert, Fe as Badge, je as BarLoader, z as Button, Pe as Card, me as Checkbox, Re as Code, pe as ComboBox, Te as DataTable, Se as Dialog, i as DialogTrigger, ze as Divider, ve as DonutSlider, Ie as Heading, ce as LinkButton, K as Menu, ye as MenuItem, q as MenuPopover, be as MenuSeparator, h as MenuTrigger, ke as NotificationsProvider, Ne as ProgressBar, ge as Radio, he as RadioGroup, fe as Select, Me as Spinner, xe as SplitButton, E as SubmenuTrigger, _e as Switch, Le as Text, le as TextField, we as Tooltip, Ae as useNotifications };
1088
+ export { He as Alert, me as AppHeader, he as AppHeaderActions, ge as AppMain, Ze as Badge, qe as BarLoader, B as Button, Xe as Card, Te as Checkbox, Ee as CheckboxGroup, et as Code, we as ComboBox, Ve as DataTable, Re as Dialog, c as DialogTrigger, tt as Divider, Me as DonutSlider, ct as EmptyState, Qe as Heading, _e as LinkButton, Ne as Menu, Pe as MenuItem, Fe as MenuPopover, Ie as MenuSeparator, y as MenuTrigger, Ce as MultiSelect, Ge as NotificationsProvider, ye as NumberField, Ye as ProgressBar, Oe as Radio, De as RadioGroup, Se as Select, ot as Skeleton, st as SkeletonGroup, Je as Spinner, Le as SplitButton, ee as SubmenuTrigger, ke as Switch, it as Tab, rt as TabList, at as TabPanel, nt as Tabs, $e as Text, ve as TextField, Be as Tooltip, Ke as useNotifications };