quirk-ui 0.0.63 → 0.0.64

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 (92) hide show
  1. package/dist/assets/index.css.d.ts +1 -0
  2. package/dist/assets/index10.css.d.ts +11 -0
  3. package/dist/assets/index11.css.d.ts +9 -0
  4. package/dist/assets/index12.css.d.ts +10 -0
  5. package/dist/assets/index13.css.d.ts +13 -0
  6. package/dist/assets/index14.css.d.ts +18 -0
  7. package/dist/assets/index15.css.d.ts +13 -0
  8. package/dist/assets/index16.css +1 -1
  9. package/dist/assets/index16.css.d.ts +10 -0
  10. package/dist/assets/index17.css.d.ts +5 -0
  11. package/dist/assets/index18.css.d.ts +11 -0
  12. package/dist/assets/index19.css.d.ts +31 -0
  13. package/dist/assets/index2.css.d.ts +1 -0
  14. package/dist/assets/index20.css.d.ts +7 -0
  15. package/dist/assets/index21.css.d.ts +6 -0
  16. package/dist/assets/index22.css.d.ts +19 -0
  17. package/dist/assets/index23.css.d.ts +14 -0
  18. package/dist/assets/index24.css.d.ts +13 -0
  19. package/dist/assets/index25.css.d.ts +10 -0
  20. package/dist/assets/index26.css.d.ts +13 -0
  21. package/dist/assets/index27.css.d.ts +12 -0
  22. package/dist/assets/index28.css.d.ts +14 -0
  23. package/dist/assets/index29.css.d.ts +5 -0
  24. package/dist/assets/index3.css.d.ts +11 -0
  25. package/dist/assets/index30.css.d.ts +12 -0
  26. package/dist/assets/index31.css.d.ts +16 -0
  27. package/dist/assets/index32.css.d.ts +12 -0
  28. package/dist/assets/index33.css.d.ts +14 -0
  29. package/dist/assets/index34.css.d.ts +11 -0
  30. package/dist/assets/index35.css +1 -1
  31. package/dist/assets/index35.css.d.ts +13 -0
  32. package/dist/assets/index36.css +1 -1
  33. package/dist/assets/index36.css.d.ts +5 -0
  34. package/dist/assets/index37.css +1 -1
  35. package/dist/assets/index37.css.d.ts +8 -0
  36. package/dist/assets/index38.css +1 -1
  37. package/dist/assets/index38.css.d.ts +6 -0
  38. package/dist/assets/index39.css +1 -1
  39. package/dist/assets/index39.css.d.ts +7 -0
  40. package/dist/assets/index4.css.d.ts +7 -0
  41. package/dist/assets/index40.css +1 -1
  42. package/dist/assets/index40.css.d.ts +7 -0
  43. package/dist/assets/index41.css +1 -1
  44. package/dist/assets/index41.css.d.ts +6 -0
  45. package/dist/assets/index42.css +1 -1
  46. package/dist/assets/index42.css.d.ts +6 -0
  47. package/dist/assets/index43.css +1 -1
  48. package/dist/assets/index43.css.d.ts +7 -0
  49. package/dist/assets/index44.css +1 -1
  50. package/dist/assets/index44.css.d.ts +10 -0
  51. package/dist/assets/index45.css +1 -1
  52. package/dist/assets/index45.css.d.ts +9 -0
  53. package/dist/assets/index46.css +1 -1
  54. package/dist/assets/index46.css.d.ts +20 -0
  55. package/dist/assets/index47.css +1 -1
  56. package/dist/assets/index47.css.d.ts +21 -0
  57. package/dist/assets/index48.css +1 -0
  58. package/dist/assets/index48.css.d.ts +12 -0
  59. package/dist/assets/index5.css.d.ts +9 -0
  60. package/dist/assets/index6.css.d.ts +8 -0
  61. package/dist/assets/index7.css.d.ts +8 -0
  62. package/dist/assets/index8.css.d.ts +21 -0
  63. package/dist/assets/index9.css.d.ts +14 -0
  64. package/dist/components/Calendar/Calendar.test.js +1 -1
  65. package/dist/components/Calendar/index.js +1 -1
  66. package/dist/components/Carousel/index.js +84 -83
  67. package/dist/components/Checkbox/index.js +1 -1
  68. package/dist/components/DatePicker/DatePicker.test.js +1 -1
  69. package/dist/components/DatePicker/index.js +2 -2
  70. package/dist/components/Fieldset/index.js +1 -1
  71. package/dist/components/FileUpload/index.js +1 -1
  72. package/dist/components/Footer/Footer.test.js +39 -0
  73. package/dist/components/Footer/index.js +44 -0
  74. package/dist/components/Form/index.js +1 -1
  75. package/dist/components/Heading/index.js +20 -13
  76. package/dist/components/Input/index.js +1 -1
  77. package/dist/components/Label/index.js +1 -1
  78. package/dist/components/MultiSelect/index.js +1 -1
  79. package/dist/components/NavBar/index.js +1 -1
  80. package/dist/components/Radio/index.js +1 -1
  81. package/dist/components/Range/index.js +1 -1
  82. package/dist/components/Select/index.js +1 -1
  83. package/dist/{index-BM1mGWJK.js → index-BN3GBQOK.js} +1 -1
  84. package/dist/lib/components/CallToAction/index.d.ts +10 -10
  85. package/dist/lib/components/Carousel/index.d.ts +3 -3
  86. package/dist/lib/components/Footer/Footer.test.d.ts +1 -0
  87. package/dist/lib/components/Footer/index.d.ts +18 -0
  88. package/dist/lib/main.d.ts +1 -0
  89. package/dist/main.js +30 -28
  90. package/dist/styles.css +2 -1
  91. package/dist/styles.css.d.ts +344 -0
  92. package/package.json +1 -1
@@ -1 +1 @@
1
- ._calendar_zbxci_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_zbxci_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_zbxci_13{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:30px;text-align:center;flex:1;font-size:var(--font-size-sm)}._monthName_zbxci_23{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_zbxci_28{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_zbxci_34{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_zbxci_45{color:var(--color-muted)}._selected_zbxci_49{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md)}
1
+ ._label_15ngo_1{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._text_15ngo_6{display:inline-flex;align-items:center;gap:var(--spacing-xs)}._sm_15ngo_13{font-size:.75rem}._md_15ngo_17{font-size:.875rem}._lg_15ngo_21{font-size:1rem}._default_15ngo_26{color:var(--color-text-primary)}._muted_15ngo_30{color:var(--color-muted)}._accent_15ngo_34{color:var(--color-primary)}._disabled_15ngo_38{color:var(--color-muted)}._error_15ngo_42{color:var(--color-error)}._required_15ngo_47{color:var(--color-error);margin-left:.25rem}._optional_15ngo_52{color:var(--color-muted);font-style:italic;margin-left:.25rem}._srOnly_15ngo_58{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._icon_15ngo_71{line-height:0;margin-left:var(--spacing-xs)}._tooltipWrapper_15ngo_77{position:relative;display:inline-flex;align-items:center}._tooltipIcon_15ngo_83{line-height:0;font-size:var(--font-size-md);cursor:help;margin-left:var(--spacing-xs);color:var(--color-muted)}._tooltipText_15ngo_91{visibility:hidden;background-color:#111;color:#fff;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;transition:opacity .2s ease}._tooltipWrapper_15ngo_77:hover ._tooltipText_15ngo_91,._tooltipWrapper_15ngo_77:focus-within ._tooltipText_15ngo_91{visibility:visible;opacity:1}
@@ -0,0 +1,21 @@
1
+ declare const styles: {
2
+ readonly "_accent_15ngo_34": string;
3
+ readonly "_default_15ngo_26": string;
4
+ readonly "_disabled_15ngo_38": string;
5
+ readonly "_error_15ngo_42": string;
6
+ readonly "_icon_15ngo_71": string;
7
+ readonly "_label_15ngo_1": string;
8
+ readonly "_lg_15ngo_21": string;
9
+ readonly "_md_15ngo_17": string;
10
+ readonly "_muted_15ngo_30": string;
11
+ readonly "_optional_15ngo_52": string;
12
+ readonly "_required_15ngo_47": string;
13
+ readonly "_sm_15ngo_13": string;
14
+ readonly "_srOnly_15ngo_58": string;
15
+ readonly "_text_15ngo_6": string;
16
+ readonly "_tooltipIcon_15ngo_83": string;
17
+ readonly "_tooltipText_15ngo_91": string;
18
+ readonly "_tooltipWrapper_15ngo_77": string;
19
+ };
20
+ export = styles;
21
+
@@ -0,0 +1 @@
1
+ ._calendar_zbxci_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_zbxci_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_zbxci_13{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:30px;text-align:center;flex:1;font-size:var(--font-size-sm)}._monthName_zbxci_23{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_zbxci_28{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_zbxci_34{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_zbxci_45{color:var(--color-muted)}._selected_zbxci_49{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md)}
@@ -0,0 +1,12 @@
1
+ declare const styles: {
2
+ readonly "_calendar_zbxci_1": string;
3
+ readonly "_cell_zbxci_34": string;
4
+ readonly "_dayName_zbxci_13": string;
5
+ readonly "_header_zbxci_7": string;
6
+ readonly "_monthName_zbxci_23": string;
7
+ readonly "_outside_zbxci_45": string;
8
+ readonly "_selected_zbxci_49": string;
9
+ readonly "_week_zbxci_28": string;
10
+ };
11
+ export = styles;
12
+
@@ -0,0 +1,9 @@
1
+ declare const styles: {
2
+ readonly "_default_4sv7j_55": string;
3
+ readonly "_lead_4sv7j_63": string;
4
+ readonly "_muted_4sv7j_59": string;
5
+ readonly "_small_4sv7j_68": string;
6
+ readonly "_text_4sv7j_1": string;
7
+ };
8
+ export = styles;
9
+
@@ -0,0 +1,8 @@
1
+ declare const styles: {
2
+ readonly "_clickableRow_g45ha_30": string;
3
+ readonly "_empty_g45ha_24": string;
4
+ readonly "_table_g45ha_5": string;
5
+ readonly "_wrapper_g45ha_1": string;
6
+ };
7
+ export = styles;
8
+
@@ -0,0 +1,8 @@
1
+ declare const styles: {
2
+ readonly "_input_fzy93_7": string;
3
+ readonly "_label_fzy93_41": string;
4
+ readonly "_slider_fzy93_11": string;
5
+ readonly "_wrapper_fzy93_1": string;
6
+ };
7
+ export = styles;
8
+
@@ -0,0 +1,21 @@
1
+ declare const styles: {
2
+ readonly "_alignCenter_134u6_35": string;
3
+ readonly "_alignEnd_134u6_39": string;
4
+ readonly "_alignStart_134u6_31": string;
5
+ readonly "_alignStretch_134u6_43": string;
6
+ readonly "_gapLg_134u6_26": string;
7
+ readonly "_gapMd_134u6_22": string;
8
+ readonly "_gapSm_134u6_18": string;
9
+ readonly "_horizontal_134u6_9": string;
10
+ readonly "_justifyCenter_134u6_52": string;
11
+ readonly "_justifyEnd_134u6_56": string;
12
+ readonly "_justifySpaceAround_134u6_64": string;
13
+ readonly "_justifySpaceBetween_134u6_60": string;
14
+ readonly "_justifySpaceEvenly_134u6_68": string;
15
+ readonly "_justifyStart_134u6_48": string;
16
+ readonly "_stack_134u6_1": string;
17
+ readonly "_vertical_134u6_5": string;
18
+ readonly "_wrap_134u6_13": string;
19
+ };
20
+ export = styles;
21
+
@@ -0,0 +1,14 @@
1
+ declare const styles: {
2
+ readonly "_danger_sf4mt_46": string;
3
+ readonly "_fade_sf4mt_1": string;
4
+ readonly "_large_sf4mt_18": string;
5
+ readonly "_medium_sf4mt_13": string;
6
+ readonly "_primary_sf4mt_34": string;
7
+ readonly "_prong_sf4mt_23": string;
8
+ readonly "_small_sf4mt_8": string;
9
+ readonly "_spinner_sf4mt_1": string;
10
+ readonly "_success_sf4mt_38": string;
11
+ readonly "_warning_sf4mt_42": string;
12
+ };
13
+ export = styles;
14
+
@@ -1,6 +1,6 @@
1
1
  import { jsx as c } from "react/jsx-runtime";
2
2
  import { d as D, i as s, r as l, g as n, s as a, v as m, f as d } from "../../vi.ClIskdbk-CZ8iFAMK.js";
3
- import { f as y, C as r } from "../../index-BM1mGWJK.js";
3
+ import { f as y, C as r } from "../../index-BN3GBQOK.js";
4
4
  import "../../index-BBIdMcpm.js";
5
5
  D("Calendar", () => {
6
6
  s("renders the current month and year", () => {
@@ -4,7 +4,7 @@ import '../../assets/index.css';/* empty css */
4
4
  import "../IconButton/index.js";
5
5
  import "../../index-CxrBcaoP.js";
6
6
  import "../Tabs/index.js";
7
- import { C as f } from "../../index-BM1mGWJK.js";
7
+ import { C as f } from "../../index-BN3GBQOK.js";
8
8
  import "../../arrow-left-BIJvHwNQ.js";
9
9
  import "../../arrow-right-QEwnX3Sk.js";
10
10
  export {
@@ -1,103 +1,104 @@
1
- import { jsxs as w, jsx as r } from "react/jsx-runtime";
2
- import { useState as v, useRef as M, useEffect as x } from "react";
3
- import { A as q } from "../../arrow-left-BIJvHwNQ.js";
4
- import { A as B } from "../../arrow-right-QEwnX3Sk.js";
5
- import '../../assets/index31.css';const F = "_carousel_u7gup_1", H = "_trackContainer_u7gup_9", J = "_track_u7gup_9", K = "_page_u7gup_24", Q = "_controls_u7gup_30", S = "_indicators_u7gup_47", U = "_indicator_u7gup_47", V = "_active_u7gup_64", Y = "_buttons_u7gup_68", Z = "_prev_u7gup_73", P = "_disabled_u7gup_73", tt = "_next_u7gup_74", n = {
6
- carousel: F,
7
- trackContainer: H,
8
- track: J,
9
- page: K,
10
- controls: Q,
11
- indicators: S,
12
- indicator: U,
13
- active: V,
14
- buttons: Y,
15
- prev: Z,
16
- disabled: P,
17
- next: tt
1
+ import { jsxs as w, jsx as s } from "react/jsx-runtime";
2
+ import { useState as p, useRef as A, useEffect as x } from "react";
3
+ import { A as F } from "../../arrow-left-BIJvHwNQ.js";
4
+ import { A as H } from "../../arrow-right-QEwnX3Sk.js";
5
+ import '../../assets/index31.css';const J = "_carousel_u7gup_1", K = "_trackContainer_u7gup_9", Q = "_track_u7gup_9", S = "_page_u7gup_24", U = "_controls_u7gup_30", V = "_indicators_u7gup_47", Y = "_indicator_u7gup_47", Z = "_active_u7gup_64", tt = "_buttons_u7gup_68", et = "_prev_u7gup_73", nt = "_disabled_u7gup_73", rt = "_next_u7gup_74", n = {
6
+ carousel: J,
7
+ trackContainer: K,
8
+ track: Q,
9
+ page: S,
10
+ controls: U,
11
+ indicators: V,
12
+ indicator: Y,
13
+ active: Z,
14
+ buttons: tt,
15
+ prev: et,
16
+ disabled: nt,
17
+ next: rt
18
18
  };
19
- function ct({
20
- items: $,
21
- itemsPerPage: f = 9,
22
- itemsPerRow: W = 3,
23
- autoPlay: o = !1,
24
- autoPlayInterval: N = 3,
25
- className: A,
26
- externalRef: z,
27
- siblingRef: a,
28
- isSplit: b = !1
19
+ function it({
20
+ items: b,
21
+ itemsPerPage: v = 9,
22
+ itemsPerRow: M = 3,
23
+ autoplay: W = !1,
24
+ autoplayInterval: $ = 3,
25
+ className: z,
26
+ externalRef: E,
27
+ siblingRef: c,
28
+ isSplit: N = !1
29
29
  }) {
30
- const [i, l] = v(0), [u, h] = v(0), [p, y] = v(f), [k, T] = v(!1), E = M(null), g = M(null), _ = z, L = (t, e) => {
31
- const c = [];
32
- for (let s = 0; s < t.length; s += e)
33
- c.push(t.slice(s, s + e));
34
- return c;
30
+ const [a, i] = p(0), [d, h] = p(0), [_, P] = p(v), [k, T] = p(!1), [y, L] = p(W), j = A(null), u = A(null), m = E, R = (t, e) => {
31
+ const o = [];
32
+ for (let r = 0; r < t.length; r += e)
33
+ o.push(t.slice(r, r + e));
34
+ return o;
35
35
  };
36
36
  x(() => {
37
37
  const t = () => {
38
38
  const e = window.innerWidth < 768;
39
- T(e), y(e ? 1 : f), l(0);
39
+ T(e), P(e ? 1 : v), i(0);
40
40
  };
41
41
  return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
42
- }, [f]);
43
- const m = Math.ceil(p / W), C = L($, p), d = C.length, j = 3 * 16, R = 6 * 16;
42
+ }, [v]);
43
+ const f = Math.ceil(_ / M), C = R(b, _), l = C.length, X = 3 * 16, D = 6 * 16;
44
44
  x(() => {
45
45
  const t = new ResizeObserver((e) => {
46
- var c;
47
- for (let s of e)
48
- s.contentRect && (k ? h(s.contentRect.width - R) : b && a != null && a.current ? h(
49
- s.contentRect.width - ((c = a == null ? void 0 : a.current) == null ? void 0 : c.offsetWidth) - j
50
- ) : h(s.contentRect.width), l(0));
46
+ var o;
47
+ for (let r of e)
48
+ r.contentRect && (k ? h(r.contentRect.width - D) : N && c != null && c.current ? h(
49
+ r.contentRect.width - ((o = c == null ? void 0 : c.current) == null ? void 0 : o.offsetWidth) - X
50
+ ) : h(r.contentRect.width), i(0));
51
51
  });
52
- return _ != null && _.current && t.observe(_.current), () => t.disconnect();
53
- }, [k, b]);
54
- const X = () => {
55
- l((t) => Math.min(t + 1, d - 1));
56
- }, D = () => {
57
- l((t) => Math.max(t - 1, 0));
58
- }, G = (t) => {
59
- l(t);
60
- }, O = () => u ? `translateX(-${i * u}px)` : "translateX(0px)", I = () => {
61
- l((t) => t >= d - 1 ? 0 : t + 1);
52
+ return m != null && m.current && t.observe(m.current), () => t.disconnect();
53
+ }, [k, N]);
54
+ const g = () => {
55
+ u.current && clearInterval(u.current), L(!1);
56
+ }, G = () => {
57
+ g(), i((t) => Math.min(t + 1, l - 1));
58
+ }, O = () => {
59
+ g(), i((t) => Math.max(t - 1, 0));
60
+ }, q = (t) => {
61
+ g(), i(t);
62
+ }, B = () => d ? `translateX(-${a * d}px)` : "translateX(0px)", I = () => {
63
+ i((t) => t >= l - 1 ? 0 : t + 1);
62
64
  };
63
- return x(() => (o && (g.current = setInterval(
65
+ return x(() => (y && (u.current = setInterval(
64
66
  I,
65
- N * 1e3
67
+ $ * 1e3
66
68
  )), () => {
67
- g.current && clearInterval(g.current);
68
- }), [o, N, I]), /* @__PURE__ */ w("div", { className: `${A ?? ""} ${n.carousel}`, ref: E, children: [
69
- /* @__PURE__ */ r(
69
+ u.current && clearInterval(u.current);
70
+ }), [y, $, I]), /* @__PURE__ */ w("div", { className: `${z ?? ""} ${n.carousel}`, ref: j, children: [
71
+ /* @__PURE__ */ s(
70
72
  "div",
71
73
  {
72
74
  className: n.trackContainer,
73
- style: { maxWidth: `${u}px` },
74
- children: /* @__PURE__ */ r(
75
+ style: { maxWidth: `${d}px` },
76
+ children: /* @__PURE__ */ s(
75
77
  "div",
76
78
  {
77
79
  className: n.track,
78
- style: { width: `${d * 100}%`, transform: O() },
79
- children: C.map((t, e) => /* @__PURE__ */ r(
80
+ style: { width: `${l * 100}%`, transform: B() },
81
+ children: C.map((t, e) => /* @__PURE__ */ s(
80
82
  "div",
81
83
  {
82
84
  className: n.page,
83
85
  style: {
84
- display: m > 1 ? "grid" : "flex",
86
+ display: f > 1 ? "grid" : "flex",
85
87
  gridTemplateColumns: `repeat(${Math.ceil(
86
- p / m
88
+ _ / f
87
89
  )}, 1fr)`,
88
- gridTemplateRows: `repeat(${m}, auto)`,
89
- width: `${u}px`
90
+ gridTemplateRows: `repeat(${f}, auto)`,
91
+ width: `${d}px`
90
92
  },
91
- children: t.map((c, s) => /* @__PURE__ */ r(
93
+ children: t.map((o, r) => /* @__PURE__ */ s(
92
94
  "div",
93
95
  {
94
- className: n.slide,
95
96
  style: {
96
- width: `${u / m - 16}px`
97
+ width: `${d / f - 16}px`
97
98
  },
98
- children: c
99
+ children: o
99
100
  },
100
- s
101
+ r
101
102
  ))
102
103
  },
103
104
  e
@@ -106,35 +107,35 @@ function ct({
106
107
  )
107
108
  }
108
109
  ),
109
- d > 1 && /* @__PURE__ */ w("div", { className: n.controls, children: [
110
- /* @__PURE__ */ r("div", { className: n.indicators, children: Array.from({ length: d }).map((t, e) => /* @__PURE__ */ r(
110
+ l > 1 && /* @__PURE__ */ w("div", { className: n.controls, children: [
111
+ /* @__PURE__ */ s("div", { className: n.indicators, children: Array.from({ length: l }).map((t, e) => /* @__PURE__ */ s(
111
112
  "button",
112
113
  {
113
- className: `${n.indicator} ${e === i ? n.active : ""}`,
114
- onClick: () => G(e),
114
+ className: `${n.indicator} ${e === a ? n.active : ""}`,
115
+ onClick: () => q(e),
115
116
  "aria-label": `Go to group ${e + 1}`
116
117
  },
117
118
  e
118
119
  )) }),
119
120
  /* @__PURE__ */ w("div", { className: n.buttons, children: [
120
- /* @__PURE__ */ r(
121
+ /* @__PURE__ */ s(
121
122
  "button",
122
123
  {
123
124
  "aria-label": "Previous slide",
124
- className: `${n.prev} ${!o && i === 0 ? n.disabled : ""}`,
125
- onClick: D,
126
- disabled: !o && i === 0,
127
- children: /* @__PURE__ */ r(q, { size: 36 })
125
+ className: `${n.prev} ${a === 0 ? n.disabled : ""}`,
126
+ onClick: O,
127
+ disabled: a === 0,
128
+ children: /* @__PURE__ */ s(F, { size: 36 })
128
129
  }
129
130
  ),
130
- /* @__PURE__ */ r(
131
+ /* @__PURE__ */ s(
131
132
  "button",
132
133
  {
133
134
  "aria-label": "Next slide",
134
- className: `${n.next} ${!o && i >= d - 1 ? n.disabled : ""}`,
135
- onClick: X,
136
- disabled: !o && i >= $.length - p,
137
- children: /* @__PURE__ */ r(B, { size: 36 })
135
+ className: `${n.next} ${a >= l - 1 ? n.disabled : ""}`,
136
+ onClick: G,
137
+ disabled: a >= b.length - _,
138
+ children: /* @__PURE__ */ s(H, { size: 36 })
138
139
  }
139
140
  )
140
141
  ] })
@@ -142,5 +143,5 @@ function ct({
142
143
  ] });
143
144
  }
144
145
  export {
145
- ct as Carousel
146
+ it as Carousel
146
147
  };
@@ -1,5 +1,5 @@
1
1
  import { jsxs as m, jsx as l } from "react/jsx-runtime";
2
- import '../../assets/index.css';import '../../assets/index39.css';/* empty css */
2
+ import '../../assets/index.css';import '../../assets/index40.css';/* empty css */
3
3
  import "react";
4
4
  import "../../index-CxrBcaoP.js";
5
5
  import "../Tabs/index.js";
@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
2
2
  import { v as r, d as k, i as c, r as d, g as t, s as a, f as l } from "../../vi.ClIskdbk-CZ8iFAMK.js";
3
3
  import { DatePicker as o } from "./index.js";
4
4
  import "../../index-BBIdMcpm.js";
5
- import { f as u } from "../../index-BM1mGWJK.js";
5
+ import { f as u } from "../../index-BN3GBQOK.js";
6
6
  r.mock("../Calendar", () => ({
7
7
  Calendar: ({ onSelectDate: e }) => /* @__PURE__ */ n(
8
8
  "button",
@@ -1,10 +1,10 @@
1
1
  import { jsxs as h, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as i } from "react";
3
- import '../../assets/index.css';import '../../assets/index42.css';/* empty css */
3
+ import '../../assets/index.css';import '../../assets/index43.css';/* empty css */
4
4
  import "../../index-CxrBcaoP.js";
5
5
  import "../Tabs/index.js";
6
6
  import { Label as w } from "../Label/index.js";
7
- import { f as x, C as D } from "../../index-BM1mGWJK.js";
7
+ import { f as x, C as D } from "../../index-BN3GBQOK.js";
8
8
  const S = "_wrapper_13tha_1", N = "_input_13tha_7", O = "_popover_13tha_25", o = {
9
9
  wrapper: S,
10
10
  input: N,
@@ -1,5 +1,5 @@
1
1
  import { jsxs as i, jsx as n } from "react/jsx-runtime";
2
- import '../../assets/index37.css';const c = "_fieldset_1i2zv_1", f = "_legend_1i2zv_8", s = {
2
+ import '../../assets/index38.css';const c = "_fieldset_1i2zv_1", f = "_legend_1i2zv_8", s = {
3
3
  fieldset: c,
4
4
  legend: f
5
5
  };
@@ -1,6 +1,6 @@
1
1
  import { jsxs as l, jsx as n } from "react/jsx-runtime";
2
2
  import { useRef as x, useState as h } from "react";
3
- import '../../assets/index.css';import '../../assets/index44.css';/* empty css */
3
+ import '../../assets/index.css';import '../../assets/index45.css';/* empty css */
4
4
  import { IconButton as N } from "../IconButton/index.js";
5
5
  import "../../index-CxrBcaoP.js";
6
6
  import "../Tabs/index.js";
@@ -0,0 +1,39 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { d as r, i as a, r as s, g as e, s as t } from "../../vi.ClIskdbk-CZ8iFAMK.js";
3
+ import { Footer as l } from "./index.js";
4
+ const c = [
5
+ {
6
+ title: "Company",
7
+ links: [
8
+ { label: "About", href: "/about" },
9
+ { label: "Careers", href: "/careers" },
10
+ { label: "Press", href: "/press" }
11
+ ]
12
+ },
13
+ {
14
+ title: "Support",
15
+ links: [
16
+ { label: "Help Center", href: "/help" },
17
+ { label: "Contact", href: "/contact" },
18
+ { label: "Privacy Policy", href: "/privacy" }
19
+ ]
20
+ }
21
+ ], n = /* @__PURE__ */ o("div", { "data-testid": "logo", children: "LOGO" }), i = "&copy; 2025 Your Company";
22
+ r("Footer", () => {
23
+ a("renders the footer with all groups and links", () => {
24
+ s(
25
+ /* @__PURE__ */ o(
26
+ l,
27
+ {
28
+ items: c,
29
+ logo: n,
30
+ copyright: i,
31
+ className: "custom-footer"
32
+ }
33
+ )
34
+ ), e(t.getByTestId("logo")).toBeInTheDocument(), e(t.getByText("Company")).toBeInTheDocument(), e(t.getByText("Support")).toBeInTheDocument(), e(t.getByText("About")).toHaveAttribute("href", "/about"), e(t.getByText("Careers")).toHaveAttribute("href", "/careers"), e(t.getByText("Press")).toHaveAttribute("href", "/press"), e(t.getByText("Help Center")).toHaveAttribute("href", "/help"), e(t.getByText("Contact")).toHaveAttribute("href", "/contact"), e(t.getByText("Privacy Policy")).toHaveAttribute(
35
+ "href",
36
+ "/privacy"
37
+ ), e(t.getByText(/&copy; 2025 Your Company/i)).toBeInTheDocument(), e(t.getByRole("contentinfo")).toHaveClass("custom-footer");
38
+ });
39
+ });
@@ -0,0 +1,44 @@
1
+ import { jsxs as e, jsx as n } from "react/jsx-runtime";
2
+ import '../../assets/index.css';import '../../assets/index35.css';/* empty css */
3
+ import { Heading as g } from "../Heading/index.js";
4
+ import "react";
5
+ import "../../index-CxrBcaoP.js";
6
+ import "../Tabs/index.js";
7
+ const m = "_footer_1h6ng_1", p = "_container_1h6ng_8", h = "_logo_1h6ng_16", d = "_groups_1h6ng_22", u = "_group_1h6ng_22", f = "_groupTitle_1h6ng_32", N = "_linkList_1h6ng_37", k = "_link_1h6ng_37", b = "_bottom_1h6ng_56", o = {
8
+ footer: m,
9
+ container: p,
10
+ logo: h,
11
+ groups: d,
12
+ group: u,
13
+ groupTitle: f,
14
+ linkList: N,
15
+ link: k,
16
+ bottom: b
17
+ };
18
+ function $({ logo: t, items: i, className: c, copyright: l }) {
19
+ return /* @__PURE__ */ e("footer", { className: `${c ?? ""} ${o.footer}`, children: [
20
+ /* @__PURE__ */ e("div", { className: o.container, children: [
21
+ t && /* @__PURE__ */ e("div", { className: o.logo, children: [
22
+ " ",
23
+ t
24
+ ] }),
25
+ /* @__PURE__ */ n("div", { className: o.groups, children: i.map((s, a) => /* @__PURE__ */ e("div", { className: o.group, children: [
26
+ /* @__PURE__ */ n(g, { level: 6, className: o.groupTitle, children: s.title }),
27
+ /* @__PURE__ */ n("ul", { className: o.linkList, children: s.links.map((r, _) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
28
+ "a",
29
+ {
30
+ href: r.href,
31
+ target: r.isExternal ? "_blank" : "_self",
32
+ rel: r.isExternal ? "noopener noreferrer" : "",
33
+ className: o.link,
34
+ children: r.label
35
+ }
36
+ ) }, _)) })
37
+ ] }, a)) })
38
+ ] }),
39
+ l && /* @__PURE__ */ n("div", { className: o.bottom, children: /* @__PURE__ */ n("span", { children: l }) })
40
+ ] });
41
+ }
42
+ export {
43
+ $ as Footer
44
+ };
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import '../../assets/index35.css';const c = "_form_s0yvj_1", a = {
2
+ import '../../assets/index36.css';const c = "_form_s0yvj_1", a = {
3
3
  form: c
4
4
  };
5
5
  function p({
@@ -1,18 +1,25 @@
1
- import o from "react";
2
- import '../../assets/index16.css';const r = {};
3
- function m({
4
- level: t = 1,
5
- className: e,
6
- children: s,
7
- ...a
1
+ import c from "react";
2
+ import '../../assets/index16.css';const o = "_h1_nzfad_7", e = "_h2_nzfad_8", f = "_h3_nzfad_9", d = "_h4_nzfad_10", r = "_h5_nzfad_11", z = "_h6_nzfad_12", l = {
3
+ h1: o,
4
+ h2: e,
5
+ h3: f,
6
+ h4: d,
7
+ h5: r,
8
+ h6: z
9
+ };
10
+ function $({
11
+ level: h = 1,
12
+ className: n,
13
+ children: t,
14
+ ..._
8
15
  }) {
9
- const n = `h${t}`, c = r[`h${t}`] || "";
10
- return o.createElement(
11
- n,
12
- { className: ` ${e ?? ""} ${c}`, ...a },
13
- s
16
+ const s = `h${h}`, a = l[`h${h}`] || "";
17
+ return c.createElement(
18
+ s,
19
+ { className: ` ${n ?? ""} ${a}`, ..._ },
20
+ t
14
21
  );
15
22
  }
16
23
  export {
17
- m as Heading
24
+ $ as Heading
18
25
  };
@@ -1,5 +1,5 @@
1
1
  import { jsxs as _, jsx as e } from "react/jsx-runtime";
2
- import '../../assets/index.css';import '../../assets/index36.css';/* empty css */
2
+ import '../../assets/index.css';import '../../assets/index37.css';/* empty css */
3
3
  import "react";
4
4
  import "../../index-CxrBcaoP.js";
5
5
  import "../Tabs/index.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx as e, jsxs as c } from "react/jsx-runtime";
2
2
  import { c as a } from "../../createLucideIcon-C8GTh_Qx.js";
3
- import '../../assets/index46.css';/**
3
+ import '../../assets/index47.css';/**
4
4
  * @license lucide-react v0.488.0 - ISC
5
5
  *
6
6
  * This source code is licensed under the ISC license.
@@ -1,5 +1,5 @@
1
1
  import { jsxs as d, jsx as r } from "react/jsx-runtime";
2
- import '../../assets/index.css';import '../../assets/index41.css';/* empty css */
2
+ import '../../assets/index.css';import '../../assets/index42.css';/* empty css */
3
3
  import "react";
4
4
  import "../../index-CxrBcaoP.js";
5
5
  import "../Tabs/index.js";
@@ -3,7 +3,7 @@ import { useState as f, useRef as T, useCallback as m, useEffect as y } from "re
3
3
  import { X as z } from "../../x-CnsEH4Ox.js";
4
4
  import { c as I } from "../../createLucideIcon-C8GTh_Qx.js";
5
5
  import { C as O } from "../../chevron-down-DSUzBz9F.js";
6
- import '../../assets/index45.css';/**
6
+ import '../../assets/index46.css';/**
7
7
  * @license lucide-react v0.488.0 - ISC
8
8
  *
9
9
  * This source code is licensed under the ISC license.
@@ -1,6 +1,6 @@
1
1
  import { jsxs as n, jsx as o } from "react/jsx-runtime";
2
2
  import { Label as _ } from "../Label/index.js";
3
- import '../../assets/index38.css';const m = "_wrapper_1p7l5_1", d = "_radio_1p7l5_7", f = "_label_1p7l5_29", a = {
3
+ import '../../assets/index39.css';const m = "_wrapper_1p7l5_1", d = "_radio_1p7l5_7", f = "_label_1p7l5_29", a = {
4
4
  wrapper: m,
5
5
  radio: d,
6
6
  label: f
@@ -1,6 +1,6 @@
1
1
  import { jsxs as d, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as M, useEffect as $ } from "react";
3
- import '../../assets/index.css';import '../../assets/index43.css';/* empty css */
3
+ import '../../assets/index.css';import '../../assets/index44.css';/* empty css */
4
4
  import "../../index-CxrBcaoP.js";
5
5
  import "../Tabs/index.js";
6
6
  import { Label as I } from "../Label/index.js";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as n, jsx as r } from "react/jsx-runtime";
2
- import '../../assets/index.css';import '../../assets/index40.css';/* empty css */
2
+ import '../../assets/index.css';import '../../assets/index41.css';/* empty css */
3
3
  import "react";
4
4
  import "../../index-CxrBcaoP.js";
5
5
  import "../Tabs/index.js";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as C, jsx as b } from "react/jsx-runtime";
2
2
  import { useState as $ } from "react";
3
- import './assets/index.css';import './assets/index47.css';/* empty css */
3
+ import './assets/index.css';import './assets/index48.css';/* empty css */
4
4
  import { IconButton as q } from "./components/IconButton/index.js";
5
5
  import "./index-CxrBcaoP.js";
6
6
  import "./components/Tabs/index.js";