@empreint/ui 1.1.0 → 1.2.1

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 (72) hide show
  1. package/README.md +39 -9
  2. package/dist/components/breadcrumb/breadcrumb.js +29 -0
  3. package/dist/components/breadcrumb/breadcrumb.module.js +8 -0
  4. package/dist/components/button/button.js +14 -0
  5. package/dist/components/button/button.module.js +3 -0
  6. package/dist/components/card/card.js +23 -0
  7. package/dist/components/card/card.module.js +8 -0
  8. package/dist/components/checkbox/checkbox.js +18 -0
  9. package/dist/components/checkbox/checkbox.module.js +7 -0
  10. package/dist/components/chip/chip.js +25 -0
  11. package/dist/components/chip/chip.module.js +6 -0
  12. package/dist/components/collapsible/collapsible.js +51 -0
  13. package/dist/components/collapsible/collapsible.module.js +9 -0
  14. package/dist/components/container/container.js +12 -0
  15. package/dist/components/container/container.module.js +3 -0
  16. package/dist/components/dropdown-menu/dropdown-menu.js +59 -0
  17. package/dist/components/dropdown-menu/dropdown-menu.module.js +8 -0
  18. package/dist/components/dropzone/dropzone.js +99 -0
  19. package/dist/components/dropzone/dropzone.module.js +9 -0
  20. package/dist/components/flex/flex.js +17 -0
  21. package/dist/components/flex/flex.module.js +3 -0
  22. package/dist/components/grid/grid.js +16 -0
  23. package/dist/components/grid/grid.module.js +3 -0
  24. package/dist/components/input/input.js +44 -0
  25. package/dist/components/input/input.module.js +8 -0
  26. package/dist/components/language-selector/language-selector.js +19 -0
  27. package/dist/components/language-selector/language-selector.module.js +3 -0
  28. package/dist/components/list/list.js +15 -0
  29. package/dist/components/list/list.module.js +6 -0
  30. package/dist/components/loader/loader.js +21 -0
  31. package/dist/components/loader/loader.module.js +8 -0
  32. package/dist/components/modal/modal.js +69 -0
  33. package/dist/components/modal/modal.module.js +10 -0
  34. package/dist/components/pagination/pagination.js +77 -0
  35. package/dist/components/pagination/pagination.module.js +6 -0
  36. package/dist/components/popover/popover.js +38 -0
  37. package/dist/components/popover/popover.module.js +7 -0
  38. package/dist/components/radio-group/radio-group.js +43 -0
  39. package/dist/components/radio-group/radio-group.module.js +8 -0
  40. package/dist/components/select/select.js +75 -0
  41. package/dist/components/select/select.module.js +10 -0
  42. package/dist/components/separator/separator.js +14 -0
  43. package/dist/components/separator/separator.module.js +3 -0
  44. package/dist/components/sidebar/sidebar.js +31 -0
  45. package/dist/components/sidebar/sidebar.module.js +9 -0
  46. package/dist/components/slot/slot.js +39 -0
  47. package/dist/components/table/table.js +45 -0
  48. package/dist/components/table/table.module.js +10 -0
  49. package/dist/components/tabs/tabs.js +45 -0
  50. package/dist/components/tabs/tabs.module.js +8 -0
  51. package/dist/components/text/text.js +14 -0
  52. package/dist/components/text/text.module.js +3 -0
  53. package/dist/components/title/title.js +15 -0
  54. package/dist/components/title/title.module.js +3 -0
  55. package/dist/components/wizard/wizard.js +108 -0
  56. package/dist/components/wizard/wizard.module.js +8 -0
  57. package/dist/hooks/use-breadcrumb/use-breadcrumb.js +13 -0
  58. package/dist/hooks/use-disclosure/use-disclosure.js +20 -0
  59. package/dist/hooks/use-match-device/use-match-device.js +13 -0
  60. package/dist/hooks/use-match-resolution/use-match-resolution.js +53 -0
  61. package/dist/hooks/use-outside-alerter/use-outside-alerter.js +20 -0
  62. package/dist/hooks/use-pagination/use-pagination.js +31 -0
  63. package/dist/hooks/use-scroll-to/use-scroll-to.js +6 -0
  64. package/dist/hooks/use-visible/use-visible.js +13 -0
  65. package/dist/hooks/use-wizard/use-wizard.js +14 -0
  66. package/dist/index.d.ts +183 -297
  67. package/dist/index.js +40 -0
  68. package/dist/styles.css +2 -0
  69. package/package.json +20 -32
  70. package/LICENSE.md +0 -674
  71. package/dist/empreint.css +0 -2
  72. package/dist/empreint.js +0 -958
package/dist/empreint.js DELETED
@@ -1,958 +0,0 @@
1
- import e from "clsx";
2
- import { jsx as t, jsxs as n } from "react/jsx-runtime";
3
- import { ChevronDown as r, LoaderCircle as i, X as a } from "lucide-react";
4
- import { Children as o, cloneElement as s, createContext as c, isValidElement as l, useCallback as u, useContext as d, useEffect as f, useId as p, useMemo as ee, useRef as te, useState as m } from "react";
5
- import { UAParser as ne } from "ua-parser-js";
6
- var h = {
7
- breadcrumb: "_breadcrumb_hd0u3_1",
8
- list: "_list_hd0u3_6",
9
- item: "_item_hd0u3_14",
10
- separator: "_separator_hd0u3_33"
11
- }, g = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("nav", {
12
- ...i,
13
- "aria-label": i["aria-label"] ?? "Breadcrumb",
14
- className: e(h.breadcrumb, r),
15
- children: /* @__PURE__ */ t("ol", {
16
- className: h.list,
17
- children: n
18
- })
19
- });
20
- g.Item = ({ children: n, current: r, className: i }) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(D, {
21
- className: e(h.item, i),
22
- "data-current": r || void 0,
23
- "aria-current": r ? "page" : void 0,
24
- children: n
25
- }) }), g.Separator = ({ children: n, className: r }) => /* @__PURE__ */ t("li", {
26
- role: "presentation",
27
- "aria-hidden": "true",
28
- className: e(h.separator, r),
29
- children: n ?? "/"
30
- });
31
- var _ = { button: "_button_wfhg0_1" }, re = ({ children: n, type: r = "button", variant: i = "primary", size: a = "md", className: o, ...s }) => /* @__PURE__ */ t("button", {
32
- ...s,
33
- type: r,
34
- className: e(_.button, o),
35
- "data-variant": i,
36
- "data-size": a,
37
- children: n
38
- }), v = {
39
- card: "_card_jjoka_1",
40
- header: "_header_jjoka_10",
41
- footer: "_footer_jjoka_11",
42
- body: "_body_jjoka_15"
43
- }, y = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
44
- ...i,
45
- className: e(v.card, r),
46
- children: n
47
- });
48
- y.Header = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
49
- ...i,
50
- className: e(v.header, r),
51
- children: n
52
- }), y.Body = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
53
- ...i,
54
- className: e(v.body, r),
55
- children: n
56
- }), y.Footer = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
57
- ...i,
58
- className: e(v.footer, r),
59
- children: n
60
- });
61
- var ie = {
62
- checkbox: "_checkbox_1nf4x_1",
63
- input: "_input_1nf4x_8",
64
- label: "_label_1nf4x_26"
65
- }, ae = ({ children: r, size: i = "md", className: a, ...o }) => /* @__PURE__ */ n("label", {
66
- className: e(ie.checkbox, a),
67
- "data-size": i,
68
- children: [/* @__PURE__ */ t("input", {
69
- ...o,
70
- className: ie.input,
71
- type: "checkbox"
72
- }), /* @__PURE__ */ t("span", {
73
- className: ie.label,
74
- children: r
75
- })]
76
- }), b = {
77
- chip: "_chip_1r0ds_1",
78
- close: "_close_1r0ds_28"
79
- }, oe = ({ children: r, size: i = "md", onRemove: o, closeAriaLabel: s = "Remove", className: c, ...l }) => /* @__PURE__ */ n("div", {
80
- ...l,
81
- className: e(b.chip, c),
82
- "data-size": i,
83
- children: [/* @__PURE__ */ t("span", {
84
- className: b.label,
85
- children: r
86
- }), o && /* @__PURE__ */ t("button", {
87
- type: "button",
88
- className: b.close,
89
- "aria-label": s,
90
- onClick: o,
91
- children: /* @__PURE__ */ t(a, {
92
- size: 16,
93
- "aria-hidden": !0
94
- })
95
- })]
96
- }), se = ({ url: e = new URL(location.href), mapping: t }) => {
97
- let n = e.pathname.split("/").slice(1), r = "";
98
- return n.map((e) => {
99
- let n = t?.find(({ path: t }) => e === t)?.label ?? e, i = `${r}/${e}`;
100
- return r = i, {
101
- label: n,
102
- url: i
103
- };
104
- });
105
- }, ce = (e) => {
106
- let [t, n] = m(!1);
107
- return f(() => {
108
- let t = (t) => {
109
- t.target && e.current && n(!e.current.contains(t.target));
110
- };
111
- return document.addEventListener("mousedown", t), () => {
112
- document.removeEventListener("mousedown", t);
113
- };
114
- }, [e]), {
115
- hasClickedOutside: t,
116
- onReset: () => {
117
- n(!1);
118
- }
119
- };
120
- }, x = ({ closeOnOutsideClick: e = !0 } = {}) => {
121
- let [t, n] = m(!1), r = te(null), { hasClickedOutside: i, onReset: a } = ce(r);
122
- return f(() => {
123
- e && i && (n(!1), a());
124
- }, [
125
- e,
126
- i,
127
- a
128
- ]), {
129
- isOpen: t,
130
- onClose: () => n(!1),
131
- onToggle: () => n(!t),
132
- ref: r
133
- };
134
- }, le = (e) => {
135
- let t = new ne(e).getDevice();
136
- return {
137
- isMobile: t.is("mobile"),
138
- isTablet: t.is("tablet"),
139
- isMobileOrTablet: t.is("mobile") || t.is("tablet"),
140
- isDesktop: !t.type
141
- };
142
- }, ue = {
143
- desktop: "(min-width: 1281px)",
144
- laptop: "(min-width: 1025px) and (max-width: 1280px)",
145
- laptopOrUpper: "(min-width: 1025px)",
146
- laptopOrLower: "(max-width: 1280px)",
147
- tablet: "(min-width: 768px) and (max-width: 1024px)",
148
- tabletOrUpper: "(min-width: 768px)",
149
- tabletOrLower: "(max-width: 1024px)",
150
- largeMobile: "(min-width: 481px) and (max-width: 767px)",
151
- largeMobileOrUpper: "(min-width: 481px)",
152
- largeMobileOrLower: "(max-width: 767px)",
153
- mobile: "(min-width: 320px) and (max-width: 480px)",
154
- portrait: "(orientation: portrait)",
155
- landscape: "(orientation: landscape)"
156
- }, de = (e, t = ue) => {
157
- let n = typeof window < "u", { isDesktop: r, isMobile: i } = le(e), a = u((e) => n && window.matchMedia(e).matches, [n]), o = u(() => ({
158
- isDesktop: n ? a(t.desktop) : r,
159
- isLaptop: n ? a(t.laptop) : r,
160
- isLaptopOrUpper: n ? a(t.laptopOrUpper) : r,
161
- isLaptopOrLower: n ? a(t.laptopOrLower) : !1,
162
- isTablet: n ? a(t.tablet) : i,
163
- isTabletOrUpper: n ? a(t.tabletOrUpper) : !1,
164
- isTabletOrLower: n ? a(t.tabletOrLower) : i,
165
- isLargeMobile: n ? a(t.largeMobile) : i,
166
- isLargeMobileOrUpper: n ? a(t.largeMobileOrUpper) : !1,
167
- isLargeMobileOrLower: n ? a(t.largeMobileOrLower) : i,
168
- isMobile: n ? a(t.mobile) : i,
169
- isPortrait: n ? a(t.portrait) : !1,
170
- isLandscape: n ? a(t.landscape) : !1
171
- }), [
172
- t,
173
- n,
174
- r,
175
- i,
176
- a
177
- ]), [s, c] = m(o());
178
- return f(() => {
179
- if (!n) return;
180
- let e = () => c(o());
181
- return window.addEventListener("resize", e), () => {
182
- window.removeEventListener("resize", e);
183
- };
184
- }, [n, o]), {
185
- resolution: s,
186
- breakpoints: t,
187
- match: a
188
- };
189
- }, fe = ({ page: e, totalRecords: t, maxRecordsPerPage: n = 10, itemNeighbours: r = 2, minItems: i = 5 }) => {
190
- let [a, o] = m(e), s = Math.ceil(t / n), c = ee(() => {
191
- let e = [], t = Math.max(1, Math.min(a - r, s + 1 - i)), n = Math.min(s, Math.max(i, a + r));
192
- for (let r = t; r <= n; r++) e.push(r);
193
- return e;
194
- }, [
195
- a,
196
- s,
197
- r,
198
- i
199
- ]), l = (e) => {
200
- o(Math.max(1, Math.min(e, s)));
201
- };
202
- return {
203
- currentPage: a,
204
- total: s,
205
- items: c,
206
- goToPage: l,
207
- goToFirst: () => l(1),
208
- goToPrevious: () => l(a - 1),
209
- goToNext: () => l(a + 1),
210
- goToLast: () => l(s),
211
- isFirst: a === 1,
212
- isLast: a === s
213
- };
214
- }, pe = (e) => typeof window < "u" ? { scrollToTop: () => {
215
- e?.current && window.scrollTo(0, e.current.offsetTop);
216
- } } : { scrollToTop: () => null }, me = (e) => {
217
- let [t, n] = m(!1);
218
- return f(() => {
219
- let t = new IntersectionObserver(([e]) => n(e.isIntersecting));
220
- return e?.current && t.observe(e.current), () => {
221
- e?.current && t.unobserve(e.current);
222
- };
223
- }, [e]), t;
224
- }, he = ({ totalSteps: e, step: t = 1 }) => {
225
- let [n, r] = m(t);
226
- return {
227
- currentIndex: n,
228
- nextStep: () => r(n + 1),
229
- previousStep: () => r(n - 1),
230
- isFirstStep: n === 1,
231
- isLastStep: n === e
232
- };
233
- }, S = {
234
- collapsible: "_collapsible_gkx1p_1",
235
- icon: "_icon_gkx1p_8",
236
- trigger: "_trigger_gkx1p_13",
237
- label: "_label_gkx1p_23",
238
- content: "_content_gkx1p_29"
239
- }, ge = c(null), C = ({ children: n, className: r }) => {
240
- let { isOpen: i, onToggle: a, onClose: o } = x({ closeOnOutsideClick: !1 });
241
- return /* @__PURE__ */ t(ge, {
242
- value: {
243
- isOpen: i,
244
- onToggle: a,
245
- onClose: o
246
- },
247
- children: /* @__PURE__ */ t("div", {
248
- className: e(S.collapsible, r),
249
- "data-open": i,
250
- children: n
251
- })
252
- });
253
- };
254
- C.Trigger = ({ children: i, icon: a = r, className: o }) => {
255
- let s = d(ge);
256
- return /* @__PURE__ */ n("button", {
257
- type: "button",
258
- "aria-expanded": s?.isOpen,
259
- className: e(S.trigger, o),
260
- onClick: s?.onToggle,
261
- children: [/* @__PURE__ */ t("span", {
262
- className: S.label,
263
- children: i
264
- }), /* @__PURE__ */ t(a, { className: S.icon })]
265
- });
266
- }, C.Content = ({ children: n, className: r }) => d(ge)?.isOpen && /* @__PURE__ */ t("div", {
267
- className: e(S.content, r),
268
- children: n
269
- }), C.Item = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
270
- className: e(S.item, r),
271
- children: n
272
- });
273
- var w = {
274
- "dropdown-menu": "_dropdown-menu_9lrfc_1",
275
- icon: "_icon_9lrfc_9",
276
- trigger: "_trigger_9lrfc_14",
277
- content: "_content_9lrfc_25",
278
- item: "_item_9lrfc_44"
279
- }, T = c(null), E = ({ children: n, className: r }) => {
280
- let { isOpen: i, onToggle: a, onClose: o, ref: s } = x();
281
- return /* @__PURE__ */ t(T, {
282
- value: {
283
- isOpen: i,
284
- onToggle: a,
285
- onClose: o
286
- },
287
- children: /* @__PURE__ */ t("div", {
288
- className: e(w["dropdown-menu"], r),
289
- ref: s,
290
- "data-open": i,
291
- children: n
292
- })
293
- });
294
- };
295
- E.Trigger = ({ children: i, icon: a = r, className: o }) => {
296
- let s = d(T);
297
- return /* @__PURE__ */ n("button", {
298
- type: "button",
299
- "aria-expanded": s?.isOpen,
300
- className: e(w.trigger, o),
301
- onClick: s?.onToggle,
302
- children: [/* @__PURE__ */ t("span", { children: i }), /* @__PURE__ */ t(a, { className: w.icon })]
303
- });
304
- }, E.Content = ({ children: n, className: r }) => d(T)?.isOpen && /* @__PURE__ */ t("ul", {
305
- className: e(w.content, r),
306
- children: n
307
- }), E.Item = ({ children: n, onClick: r, className: i }) => {
308
- let a = d(T);
309
- return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("button", {
310
- type: "button",
311
- className: e(w.item, i),
312
- onClick: () => {
313
- r(), a?.onClose();
314
- },
315
- children: n
316
- }) });
317
- };
318
- //#endregion
319
- //#region src/components/slot/slot.tsx
320
- var D = ({ children: e, ref: t, ...n }) => {
321
- if (!l(e)) return null;
322
- let r = o.only(e), i = ye(r);
323
- return s(r, {
324
- ..._e(r.props, n),
325
- ref: ve(t, i)
326
- });
327
- };
328
- function _e(e, t) {
329
- let n = { ...e };
330
- for (let r in t) {
331
- let i = t[r], a = e[r];
332
- be(r, i) ? n[r] = (...e) => {
333
- a?.(...e), i(...e);
334
- } : xe(r, i) ? n[r] = [a, i].filter(Boolean).join(" ") : Se(r, i) ? n[r] = {
335
- ...a,
336
- ...i
337
- } : i !== void 0 && (n[r] = i);
338
- }
339
- return n;
340
- }
341
- function ve(...e) {
342
- return (t) => {
343
- for (let n of e) typeof n == "function" ? n(t) : n != null && (n.current = t);
344
- };
345
- }
346
- function ye(e) {
347
- return e.props.ref ?? e.ref;
348
- }
349
- function be(e, t) {
350
- return /^on[A-Z]/.test(e) && typeof t == "function";
351
- }
352
- function xe(e, t) {
353
- return e === "className" && typeof t == "string";
354
- }
355
- function Se(e, t) {
356
- return e === "style" && typeof t == "object" && !!t;
357
- }
358
- var O = {
359
- dropzone: "_dropzone_cx6z7_1",
360
- label: "_label_cx6z7_7",
361
- area: "_area_cx6z7_11",
362
- file: "_file_cx6z7_27",
363
- remove: "_remove_cx6z7_31"
364
- }, k = c(null), A = ({ children: r, onChange: i, className: a }) => {
365
- let [o, s] = m(), [c, l] = m(!1), u = ee(() => o ? URL.createObjectURL(o) : void 0, [o]), d = te(null), ne = p(), h = () => {
366
- d.current?.click();
367
- }, g = (e) => {
368
- e.preventDefault();
369
- let t = e.dataTransfer.files[0];
370
- s(t), l(!1), i(t);
371
- }, _ = (e) => {
372
- let { target: t } = e;
373
- if (t?.files && t?.files.length > 0) {
374
- let e = t.files[0];
375
- s(e), i(e);
376
- }
377
- };
378
- return f(() => () => {
379
- u && URL.revokeObjectURL(u);
380
- }, [u]), /* @__PURE__ */ t(k, {
381
- value: {
382
- file: o,
383
- preview: u,
384
- inputId: ne,
385
- onOpenFilePicker: h,
386
- onDrop: g,
387
- onDragOver: (e) => {
388
- e.preventDefault(), l(!0);
389
- },
390
- onDragLeave: () => l(!1),
391
- onRemove: () => {
392
- s(void 0), i(void 0), d.current && (d.current.value = "");
393
- },
394
- onChange: _
395
- },
396
- children: /* @__PURE__ */ n("div", {
397
- className: e(O.dropzone, a),
398
- "data-dragging": c,
399
- children: [r, /* @__PURE__ */ t("input", {
400
- type: "file",
401
- ref: d,
402
- id: ne,
403
- onChange: _,
404
- hidden: !0
405
- })]
406
- })
407
- });
408
- };
409
- A.Label = ({ children: n, className: r }) => {
410
- let i = d(k);
411
- return /* @__PURE__ */ t("label", {
412
- className: e(O.label, r),
413
- htmlFor: i?.inputId,
414
- children: n
415
- });
416
- }, A.Area = ({ children: n, className: r }) => {
417
- let i = d(k);
418
- return /* @__PURE__ */ t("button", {
419
- type: "button",
420
- className: e(O.area, r),
421
- onClick: i?.onOpenFilePicker,
422
- onDrop: i?.onDrop,
423
- onDragOver: i?.onDragOver,
424
- onDragLeave: i?.onDragLeave,
425
- "aria-label": "Upload a file",
426
- children: n
427
- });
428
- }, A.Empty = ({ children: n, className: r }) => d(k)?.file ? null : /* @__PURE__ */ t("div", {
429
- className: e(O.empty, r),
430
- children: n
431
- }), A.Preview = ({ className: n }) => {
432
- let r = d(k);
433
- return r?.file ? /* @__PURE__ */ t("div", {
434
- className: e(O.preview, n),
435
- children: /* @__PURE__ */ t("img", {
436
- alt: "preview file",
437
- className: O.file,
438
- src: r.preview
439
- })
440
- }) : null;
441
- }, A.Remove = ({ children: n, className: r }) => {
442
- let i = d(k);
443
- return i?.file ? /* @__PURE__ */ t(D, {
444
- className: e(O.remove, r),
445
- onClick: i?.onRemove,
446
- children: n
447
- }) : null;
448
- };
449
- var Ce = { flex: "_flex_1t1i9_1" }, we = ({ children: n, direction: r, justify: i, align: a, wrap: o, gap: s, inline: c, className: l, ...u }) => /* @__PURE__ */ t("div", {
450
- ...u,
451
- className: e(Ce.flex, l),
452
- "data-direction": r,
453
- "data-justify": i,
454
- "data-align": a,
455
- "data-wrap": o,
456
- "data-gap": s,
457
- "data-inline": c || void 0,
458
- children: n
459
- }), j = {
460
- input: "_input_1yroi_1",
461
- label: "_label_1yroi_6",
462
- field: "_field_1yroi_13",
463
- message: "_message_1yroi_53"
464
- }, M = c(null), N = ({ children: n, status: r = "default", className: i }) => /* @__PURE__ */ t(M, {
465
- value: {
466
- fieldId: p(),
467
- status: r
468
- },
469
- children: /* @__PURE__ */ t("div", {
470
- className: e(j.input, i),
471
- "data-status": r,
472
- children: n
473
- })
474
- });
475
- N.Field = ({ className: n, ...r }) => {
476
- let i = d(M);
477
- return /* @__PURE__ */ t("input", {
478
- ...r,
479
- id: i?.fieldId,
480
- "aria-invalid": i?.status === "error",
481
- className: e(j.field, n)
482
- });
483
- }, N.Label = ({ children: n, className: r }) => /* @__PURE__ */ t("label", {
484
- htmlFor: d(M)?.fieldId,
485
- className: e(j.label, r),
486
- children: n
487
- }), N.Message = ({ children: n, className: r }) => /* @__PURE__ */ t("p", {
488
- role: d(M)?.status === "error" ? "alert" : void 0,
489
- className: e(j.message, r),
490
- children: n
491
- });
492
- var Te = { flag: "_flag_ia12f_1" }, Ee = ({ languages: r, ...i }) => /* @__PURE__ */ n(K, {
493
- ...i,
494
- children: [/* @__PURE__ */ t(K.Trigger, {}), /* @__PURE__ */ t(K.Content, { children: r.map((n) => /* @__PURE__ */ t(K.Item, {
495
- value: n,
496
- children: /* @__PURE__ */ t("span", {
497
- role: "img",
498
- className: e(Te.flag, `fi fi-${n}`),
499
- "aria-label": n
500
- })
501
- }, n)) })]
502
- }), De = {
503
- list: "_list_1dqa6_1",
504
- item: "_item_1dqa6_8"
505
- }, Oe = ({ className: n, children: r }) => /* @__PURE__ */ t("ul", {
506
- className: e(De.list, n),
507
- children: r
508
- });
509
- Oe.Item = ({ children: n, className: r }) => /* @__PURE__ */ t("li", {
510
- className: e(De.item, r),
511
- children: n
512
- });
513
- var ke = {
514
- overlay: "_overlay_9jli1_1",
515
- loader: "_loader_9jli1_8",
516
- spinner: "_spinner_9jli1_18",
517
- loading: "_loading_9jli1_1"
518
- }, Ae = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
519
- ...i,
520
- className: e(ke.overlay, r),
521
- children: /* @__PURE__ */ t("div", {
522
- className: ke.loader,
523
- children: n
524
- })
525
- });
526
- Ae.Spinner = ({ size: n = "md", className: r, ...a }) => /* @__PURE__ */ t(i, {
527
- ...a,
528
- role: "status",
529
- "aria-label": "Loading",
530
- "data-size": n,
531
- className: e(ke.spinner, r)
532
- });
533
- var P = {
534
- content: "_content_1dffc_1",
535
- overlay: "_overlay_1dffc_17",
536
- trigger: "_trigger_1dffc_24",
537
- close: "_close_1dffc_25",
538
- header: "_header_1dffc_29",
539
- footer: "_footer_1dffc_38"
540
- }, F = c(null), I = ({ children: e, className: n }) => {
541
- let { isOpen: r, onToggle: i, onClose: a, ref: o } = x();
542
- return /* @__PURE__ */ t(F, {
543
- value: {
544
- isOpen: r,
545
- onToggle: i,
546
- onClose: a,
547
- ref: o
548
- },
549
- children: /* @__PURE__ */ t("div", {
550
- className: n,
551
- "data-open": r,
552
- children: e
553
- })
554
- });
555
- }, je = ({ children: n, className: r }) => {
556
- let i = d(F);
557
- return /* @__PURE__ */ t(D, {
558
- className: e(P.trigger, r),
559
- onClick: i?.onToggle,
560
- children: n
561
- });
562
- };
563
- I.Trigger = je, I.Content = ({ children: n, className: r }) => {
564
- let i = d(F);
565
- return i?.isOpen ? /* @__PURE__ */ t("div", {
566
- className: e(P.content, r),
567
- ref: i?.ref,
568
- role: "dialog",
569
- "aria-modal": "true",
570
- "aria-label": "Modal",
571
- children: n
572
- }) : null;
573
- }, I.Overlay = ({ className: n }) => d(F)?.isOpen && /* @__PURE__ */ t("div", { className: e(P.overlay, n) }), I.Close = ({ children: n, className: r }) => {
574
- let i = d(F);
575
- return /* @__PURE__ */ t(D, {
576
- className: e(P.close, r),
577
- onClick: i?.onClose,
578
- "aria-label": "Close",
579
- children: n
580
- });
581
- }, I.Body = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
582
- className: e(P.body, r),
583
- children: n
584
- }), I.Header = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
585
- className: e(P.header, r),
586
- children: n
587
- }), I.Footer = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
588
- className: e(P.footer, r),
589
- children: n
590
- });
591
- var L = {
592
- pagination: "_pagination_d7y9w_1",
593
- item: "_item_d7y9w_6"
594
- }, R = c(null), z = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t(R, {
595
- value: fe(i),
596
- children: /* @__PURE__ */ t("nav", {
597
- className: e(L.pagination, r),
598
- "aria-label": "Pagination",
599
- children: n
600
- })
601
- });
602
- z.First = ({ children: n, className: r }) => {
603
- let i = d(R);
604
- return i?.isFirst ? null : /* @__PURE__ */ t("button", {
605
- type: "button",
606
- className: e(L.item, r),
607
- onClick: i?.goToFirst,
608
- "aria-label": "First page",
609
- children: n
610
- });
611
- }, z.Previous = ({ children: n, className: r }) => {
612
- let i = d(R);
613
- return i?.isFirst ? null : /* @__PURE__ */ t("button", {
614
- type: "button",
615
- className: e(L.item, r),
616
- onClick: i?.goToPrevious,
617
- "aria-label": "Previous page",
618
- children: n
619
- });
620
- }, z.Items = ({ className: n }) => {
621
- let r = d(R);
622
- return r?.items.map((i) => /* @__PURE__ */ t("button", {
623
- type: "button",
624
- "aria-current": i === r?.currentPage ? "page" : void 0,
625
- "aria-label": `Page ${i}`,
626
- className: e(L.item, n),
627
- "data-active": i === r?.currentPage || void 0,
628
- onClick: () => r?.goToPage(i),
629
- children: i
630
- }, i));
631
- }, z.Next = ({ children: n, className: r }) => {
632
- let i = d(R);
633
- return i?.isLast ? null : /* @__PURE__ */ t("button", {
634
- type: "button",
635
- className: e(L.item, r),
636
- onClick: i?.goToNext,
637
- "aria-label": "Next page",
638
- children: n
639
- });
640
- }, z.Last = ({ children: n, className: r }) => {
641
- let i = d(R);
642
- return i?.isLast ? null : /* @__PURE__ */ t("button", {
643
- type: "button",
644
- className: e(L.item, r),
645
- onClick: i?.goToLast,
646
- "aria-label": "Last page",
647
- children: n
648
- });
649
- };
650
- var B = {
651
- popover: "_popover_3kjiv_1",
652
- trigger: "_trigger_3kjiv_6",
653
- content: "_content_3kjiv_10"
654
- }, V = c(null), H = ({ children: e }) => {
655
- let { isOpen: n, onToggle: r, onClose: i, ref: a } = x();
656
- return /* @__PURE__ */ t(V, {
657
- value: {
658
- isOpen: n,
659
- onToggle: r,
660
- onClose: i
661
- },
662
- children: /* @__PURE__ */ t("div", {
663
- className: B.popover,
664
- ref: a,
665
- children: e
666
- })
667
- });
668
- };
669
- H.Trigger = ({ children: e }) => /* @__PURE__ */ t(D, {
670
- onClick: d(V)?.onToggle,
671
- className: B.trigger,
672
- children: e
673
- }), H.Content = ({ children: n, className: r }) => d(V)?.isOpen ? /* @__PURE__ */ t("div", {
674
- className: e(B.content, r),
675
- children: n
676
- }) : null;
677
- var U = {
678
- group: "_group_11o5g_1",
679
- item: "_item_11o5g_7",
680
- radio: "_radio_11o5g_12",
681
- label: "_label_11o5g_27"
682
- }, Me = c(null), Ne = ({ children: n, onChange: r, defaultValue: i, className: a }) => {
683
- let [o, s] = m(i);
684
- return /* @__PURE__ */ t(Me, {
685
- value: {
686
- value: o,
687
- name: p(),
688
- onChange: (e) => {
689
- r?.(e), s(e);
690
- }
691
- },
692
- children: /* @__PURE__ */ t("div", {
693
- role: "radiogroup",
694
- className: e(U.group, a),
695
- children: n
696
- })
697
- });
698
- };
699
- Ne.Item = ({ children: r, value: i, className: a, ...o }) => {
700
- let s = d(Me);
701
- return /* @__PURE__ */ n("label", {
702
- className: e(U.item, a),
703
- children: [/* @__PURE__ */ t("input", {
704
- ...o,
705
- name: s?.name,
706
- className: U.radio,
707
- type: "radio",
708
- checked: i === s?.value,
709
- onChange: () => s?.onChange(i)
710
- }), /* @__PURE__ */ t("span", {
711
- className: U.label,
712
- children: r
713
- })]
714
- });
715
- };
716
- var W = {
717
- select: "_select_1obkg_1",
718
- icon: "_icon_1obkg_8",
719
- trigger: "_trigger_1obkg_13",
720
- content: "_content_1obkg_22",
721
- item: "_item_1obkg_39",
722
- option: "_option_1obkg_54"
723
- }, G = c(null), K = ({ children: n, defaultValue: r, onChange: i, className: a }) => {
724
- let { isOpen: o, onToggle: s, onClose: c, ref: l } = x(), [d, f] = m();
725
- return /* @__PURE__ */ t(G, {
726
- value: {
727
- option: d,
728
- defaultValue: r,
729
- initDefaultValue: u((e) => f(e), []),
730
- isOpen: o,
731
- onToggle: s,
732
- onClose: c,
733
- onChange: (e) => {
734
- i?.(e), f(e), c();
735
- }
736
- },
737
- children: /* @__PURE__ */ t("div", {
738
- className: e(W.select, a),
739
- ref: l,
740
- "data-open": o,
741
- children: n
742
- })
743
- });
744
- };
745
- K.Trigger = ({ icon: i = r, className: a }) => {
746
- let o = d(G);
747
- return /* @__PURE__ */ n("button", {
748
- type: "button",
749
- className: e(W.trigger, a),
750
- onClick: o?.onToggle,
751
- children: [/* @__PURE__ */ t("span", { children: o?.option?.label }), /* @__PURE__ */ t(i, {
752
- className: W.icon,
753
- "aria-hidden": !0
754
- })]
755
- });
756
- }, K.Content = ({ children: n, className: r }) => /* @__PURE__ */ t("ul", {
757
- className: e(W.content, r),
758
- children: n
759
- }), K.Item = ({ children: n, value: r, className: i }) => {
760
- let a = d(G);
761
- return f(() => {
762
- r === a?.defaultValue && a.initDefaultValue({
763
- label: n,
764
- value: r
765
- });
766
- }, [
767
- a?.defaultValue,
768
- a?.initDefaultValue,
769
- r,
770
- n
771
- ]), /* @__PURE__ */ t("li", {
772
- className: e(W.item, i),
773
- "data-selected": a?.option?.value === r,
774
- children: /* @__PURE__ */ t("button", {
775
- type: "button",
776
- className: W.option,
777
- onClick: () => a?.onChange({
778
- label: n,
779
- value: r
780
- }),
781
- children: n
782
- })
783
- });
784
- };
785
- var q = {
786
- sidebar: "_sidebar_1mf5d_1",
787
- header: "_header_1mf5d_9",
788
- group: "_group_1mf5d_15",
789
- link: "_link_1mf5d_23",
790
- item: "_item_1mf5d_29"
791
- }, J = ({ children: n, className: r }) => /* @__PURE__ */ t("nav", {
792
- className: e(q.sidebar, r),
793
- children: n
794
- });
795
- J.Header = ({ children: n, className: r }) => /* @__PURE__ */ t("header", {
796
- className: e(q.header, r),
797
- children: n
798
- }), J.Group = ({ children: n, className: r }) => /* @__PURE__ */ t("ul", {
799
- className: e(q.group, r),
800
- children: n
801
- }), J.Link = ({ children: n, isActive: r, className: i }) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(D, {
802
- className: e(q.link, i),
803
- "data-active": r || void 0,
804
- children: n
805
- }) }), J.Item = ({ children: n, onClick: r, className: i }) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("button", {
806
- type: "button",
807
- className: e(q.item, i),
808
- onClick: r,
809
- children: n
810
- }) });
811
- var Y = {
812
- container: "_container_cds7q_1",
813
- main: "_main_cds7q_6",
814
- tbody: "_tbody_cds7q_12",
815
- th: "_th_cds7q_19",
816
- tr: "_tr_cds7q_25",
817
- td: "_td_cds7q_30"
818
- }, X = ({ className: r, columns: i, records: a, uniqueKey: o, renderHeader: s = () => null, renderFooter: c = () => null, renderColumnsCell: l = (e, n) => /* @__PURE__ */ t(Pe, { children: e.label }, n), renderRecordsCell: u = (e, n) => /* @__PURE__ */ t(Ie, { children: e }, n), renderRecordsEmptyCell: d = (e) => /* @__PURE__ */ t(Ie, { children: "X" }, e), renderNoRecords: f = () => null }) => /* @__PURE__ */ n("div", {
819
- className: e(Y.container, r),
820
- children: [
821
- s(),
822
- a.length === 0 ? f() : /* @__PURE__ */ n("table", {
823
- className: Y.main,
824
- children: [/* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: i.map((e) => l(e, `column-${e.name}`)) }) }), /* @__PURE__ */ t("tbody", {
825
- className: Y.tbody,
826
- children: (() => {
827
- let e = i.map((e) => e.name);
828
- return a.map((n, r) => {
829
- let i = o ? n[o] : r;
830
- return /* @__PURE__ */ t(Fe, { children: e.map((e) => {
831
- let t = n[e], r = `row-${i}-cell-${e}`;
832
- return t ? u(t, r) : d(r);
833
- }) }, `row-${i}`);
834
- });
835
- })()
836
- })]
837
- }),
838
- c()
839
- ]
840
- }), Pe = ({ children: e }) => /* @__PURE__ */ t("th", {
841
- className: Y.th,
842
- children: e
843
- }), Fe = ({ children: e }) => /* @__PURE__ */ t("tr", {
844
- className: Y.tr,
845
- children: e
846
- }), Ie = ({ children: e }) => /* @__PURE__ */ t("td", {
847
- className: Y.td,
848
- children: e
849
- });
850
- X.Th = Pe, X.Tr = Fe, X.Td = Ie;
851
- var Le = { text: "_text_176uv_1" }, Re = ({ children: n, as: r = "p", size: i, align: a, weight: o, className: s, ...c }) => /* @__PURE__ */ t(r, {
852
- ...c,
853
- className: e(Le.text, s),
854
- "data-size": i,
855
- "data-align": a,
856
- "data-weight": o,
857
- children: n
858
- }), ze = { title: "_title_hjw36_1" }, Be = ({ children: n, as: r = "h1", size: i = "lg", align: a, weight: o, className: s, ...c }) => /* @__PURE__ */ t(r, {
859
- ...c,
860
- className: e(ze.title, s),
861
- "data-as": r,
862
- "data-size": i,
863
- "data-align": a,
864
- "data-weight": o,
865
- children: n
866
- }), Z = {
867
- wizard: "_wizard_1yz95_1",
868
- header: "_header_1yz95_7",
869
- title: "_title_1yz95_12",
870
- footer: "_footer_1yz95_16"
871
- }, Q = c(null), $ = ({ children: n, initialStep: r, className: i }) => {
872
- let [a, o] = m([]), s = a.length, { currentIndex: c, nextStep: l, previousStep: d, isFirstStep: f, isLastStep: p } = he({
873
- step: r,
874
- totalSteps: s
875
- });
876
- return /* @__PURE__ */ t(Q, {
877
- value: {
878
- currentStep: a[c - 1] ?? null,
879
- currentIndex: c,
880
- totalSteps: s,
881
- steps: a,
882
- onAddStep: u((e) => {
883
- o((t) => t.some((t) => t.name === e.name) ? t : [...t, e]);
884
- }, []),
885
- onRemoveStep: u((e) => {
886
- o((t) => t.some((t) => t.name === e) ? t.filter((t) => t.name !== e) : t);
887
- }, []),
888
- onNext: l,
889
- onPrevious: d,
890
- isFirstStep: f,
891
- isLastStep: p
892
- },
893
- children: /* @__PURE__ */ t("div", {
894
- className: e(Z.wizard, i),
895
- children: n
896
- })
897
- });
898
- };
899
- $.Header = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
900
- className: e(Z.header, r),
901
- children: n
902
- }), $.Title = ({ className: n }) => {
903
- let r = d(Q);
904
- return /* @__PURE__ */ t(Be, {
905
- className: e(Z.title, n),
906
- children: r?.currentStep?.title
907
- });
908
- }, $.Indicator = () => {
909
- let e = d(Q);
910
- return e?.totalSteps === 0 ? null : /* @__PURE__ */ n("span", { children: [
911
- e?.currentIndex,
912
- " / ",
913
- e?.totalSteps
914
- ] });
915
- }, $.Step = ({ children: n, name: r, title: i, className: a }) => {
916
- let o = d(Q);
917
- return f(() => (o?.onAddStep({
918
- name: r,
919
- title: i
920
- }), () => {
921
- o?.onRemoveStep(r);
922
- }), [
923
- r,
924
- i,
925
- o?.onAddStep,
926
- o?.onRemoveStep
927
- ]), o?.currentStep?.name === r ? /* @__PURE__ */ t("div", {
928
- className: e(Z.step, a),
929
- children: n
930
- }) : null;
931
- }, $.Footer = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
932
- className: e(Z.footer, r),
933
- children: n
934
- }), $.Next = ({ children: e, onClick: n, className: r }) => {
935
- let i = d(Q);
936
- return i?.isLastStep ? null : /* @__PURE__ */ t(D, {
937
- className: r,
938
- onClick: () => {
939
- n && n(), i?.onNext();
940
- },
941
- children: e
942
- });
943
- }, $.Previous = ({ children: e, onClick: n, className: r }) => {
944
- let i = d(Q);
945
- return i?.isFirstStep ? null : /* @__PURE__ */ t(D, {
946
- className: r,
947
- onClick: () => {
948
- n && n(), i?.onPrevious();
949
- },
950
- children: e
951
- });
952
- }, $.Finalize = ({ children: e, onClick: n, className: r }) => d(Q)?.isLastStep ? /* @__PURE__ */ t(D, {
953
- className: r,
954
- onClick: n,
955
- children: e
956
- }) : null;
957
- //#endregion
958
- export { g as Breadcrumb, re as Button, y as Card, ae as Checkbox, oe as Chip, C as Collapsible, E as DropdownMenu, A as Dropzone, we as Flex, N as Input, Ee as LanguageSelector, Oe as List, Ae as Loader, I as Modal, je as ModalTrigger, z as Pagination, H as Popover, Ne as RadioGroup, K as Select, J as Sidebar, D as Slot, X as Table, Re as Text, Be as Title, $ as Wizard, ue as defaultBreakpoints, se as useBreadcrumb, x as useDisclosure, le as useMatchDevice, de as useMatchResolution, ce as useOutsideAlerter, fe as usePagination, pe as useScrollTo, me as useVisible, he as useWizard };