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.
- package/dist/assets/index.css.d.ts +1 -0
- package/dist/assets/index10.css.d.ts +11 -0
- package/dist/assets/index11.css.d.ts +9 -0
- package/dist/assets/index12.css.d.ts +10 -0
- package/dist/assets/index13.css.d.ts +13 -0
- package/dist/assets/index14.css.d.ts +18 -0
- package/dist/assets/index15.css.d.ts +13 -0
- package/dist/assets/index16.css +1 -1
- package/dist/assets/index16.css.d.ts +10 -0
- package/dist/assets/index17.css.d.ts +5 -0
- package/dist/assets/index18.css.d.ts +11 -0
- package/dist/assets/index19.css.d.ts +31 -0
- package/dist/assets/index2.css.d.ts +1 -0
- package/dist/assets/index20.css.d.ts +7 -0
- package/dist/assets/index21.css.d.ts +6 -0
- package/dist/assets/index22.css.d.ts +19 -0
- package/dist/assets/index23.css.d.ts +14 -0
- package/dist/assets/index24.css.d.ts +13 -0
- package/dist/assets/index25.css.d.ts +10 -0
- package/dist/assets/index26.css.d.ts +13 -0
- package/dist/assets/index27.css.d.ts +12 -0
- package/dist/assets/index28.css.d.ts +14 -0
- package/dist/assets/index29.css.d.ts +5 -0
- package/dist/assets/index3.css.d.ts +11 -0
- package/dist/assets/index30.css.d.ts +12 -0
- package/dist/assets/index31.css.d.ts +16 -0
- package/dist/assets/index32.css.d.ts +12 -0
- package/dist/assets/index33.css.d.ts +14 -0
- package/dist/assets/index34.css.d.ts +11 -0
- package/dist/assets/index35.css +1 -1
- package/dist/assets/index35.css.d.ts +13 -0
- package/dist/assets/index36.css +1 -1
- package/dist/assets/index36.css.d.ts +5 -0
- package/dist/assets/index37.css +1 -1
- package/dist/assets/index37.css.d.ts +8 -0
- package/dist/assets/index38.css +1 -1
- package/dist/assets/index38.css.d.ts +6 -0
- package/dist/assets/index39.css +1 -1
- package/dist/assets/index39.css.d.ts +7 -0
- package/dist/assets/index4.css.d.ts +7 -0
- package/dist/assets/index40.css +1 -1
- package/dist/assets/index40.css.d.ts +7 -0
- package/dist/assets/index41.css +1 -1
- package/dist/assets/index41.css.d.ts +6 -0
- package/dist/assets/index42.css +1 -1
- package/dist/assets/index42.css.d.ts +6 -0
- package/dist/assets/index43.css +1 -1
- package/dist/assets/index43.css.d.ts +7 -0
- package/dist/assets/index44.css +1 -1
- package/dist/assets/index44.css.d.ts +10 -0
- package/dist/assets/index45.css +1 -1
- package/dist/assets/index45.css.d.ts +9 -0
- package/dist/assets/index46.css +1 -1
- package/dist/assets/index46.css.d.ts +20 -0
- package/dist/assets/index47.css +1 -1
- package/dist/assets/index47.css.d.ts +21 -0
- package/dist/assets/index48.css +1 -0
- package/dist/assets/index48.css.d.ts +12 -0
- package/dist/assets/index5.css.d.ts +9 -0
- package/dist/assets/index6.css.d.ts +8 -0
- package/dist/assets/index7.css.d.ts +8 -0
- package/dist/assets/index8.css.d.ts +21 -0
- package/dist/assets/index9.css.d.ts +14 -0
- package/dist/components/Calendar/Calendar.test.js +1 -1
- package/dist/components/Calendar/index.js +1 -1
- package/dist/components/Carousel/index.js +84 -83
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/DatePicker/DatePicker.test.js +1 -1
- package/dist/components/DatePicker/index.js +2 -2
- package/dist/components/Fieldset/index.js +1 -1
- package/dist/components/FileUpload/index.js +1 -1
- package/dist/components/Footer/Footer.test.js +39 -0
- package/dist/components/Footer/index.js +44 -0
- package/dist/components/Form/index.js +1 -1
- package/dist/components/Heading/index.js +20 -13
- package/dist/components/Input/index.js +1 -1
- package/dist/components/Label/index.js +1 -1
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/components/NavBar/index.js +1 -1
- package/dist/components/Radio/index.js +1 -1
- package/dist/components/Range/index.js +1 -1
- package/dist/components/Select/index.js +1 -1
- package/dist/{index-BM1mGWJK.js → index-BN3GBQOK.js} +1 -1
- package/dist/lib/components/CallToAction/index.d.ts +10 -10
- package/dist/lib/components/Carousel/index.d.ts +3 -3
- package/dist/lib/components/Footer/Footer.test.d.ts +1 -0
- package/dist/lib/components/Footer/index.d.ts +18 -0
- package/dist/lib/main.d.ts +1 -0
- package/dist/main.js +30 -28
- package/dist/styles.css +2 -1
- package/dist/styles.css.d.ts +344 -0
- package/package.json +1 -1
package/dist/assets/index47.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
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,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-
|
|
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-
|
|
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
|
|
2
|
-
import { useState as
|
|
3
|
-
import { A as
|
|
4
|
-
import { A as
|
|
5
|
-
import '../../assets/index31.css';const
|
|
6
|
-
carousel:
|
|
7
|
-
trackContainer:
|
|
8
|
-
track:
|
|
9
|
-
page:
|
|
10
|
-
controls:
|
|
11
|
-
indicators:
|
|
12
|
-
indicator:
|
|
13
|
-
active:
|
|
14
|
-
buttons:
|
|
15
|
-
prev:
|
|
16
|
-
disabled:
|
|
17
|
-
next:
|
|
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
|
|
20
|
-
items:
|
|
21
|
-
itemsPerPage:
|
|
22
|
-
itemsPerRow:
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
className:
|
|
26
|
-
externalRef:
|
|
27
|
-
siblingRef:
|
|
28
|
-
isSplit:
|
|
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 [
|
|
31
|
-
const
|
|
32
|
-
for (let
|
|
33
|
-
|
|
34
|
-
return
|
|
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),
|
|
39
|
+
T(e), P(e ? 1 : v), i(0);
|
|
40
40
|
};
|
|
41
41
|
return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
42
|
-
}, [
|
|
43
|
-
const
|
|
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
|
|
47
|
-
for (let
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
) : h(
|
|
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
|
|
53
|
-
}, [k,
|
|
54
|
-
const
|
|
55
|
-
|
|
56
|
-
},
|
|
57
|
-
|
|
58
|
-
},
|
|
59
|
-
|
|
60
|
-
},
|
|
61
|
-
|
|
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(() => (
|
|
65
|
+
return x(() => (y && (u.current = setInterval(
|
|
64
66
|
I,
|
|
65
|
-
|
|
67
|
+
$ * 1e3
|
|
66
68
|
)), () => {
|
|
67
|
-
|
|
68
|
-
}), [
|
|
69
|
-
/* @__PURE__ */
|
|
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: `${
|
|
74
|
-
children: /* @__PURE__ */
|
|
75
|
+
style: { maxWidth: `${d}px` },
|
|
76
|
+
children: /* @__PURE__ */ s(
|
|
75
77
|
"div",
|
|
76
78
|
{
|
|
77
79
|
className: n.track,
|
|
78
|
-
style: { width: `${
|
|
79
|
-
children: C.map((t, e) => /* @__PURE__ */
|
|
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:
|
|
86
|
+
display: f > 1 ? "grid" : "flex",
|
|
85
87
|
gridTemplateColumns: `repeat(${Math.ceil(
|
|
86
|
-
|
|
88
|
+
_ / f
|
|
87
89
|
)}, 1fr)`,
|
|
88
|
-
gridTemplateRows: `repeat(${
|
|
89
|
-
width: `${
|
|
90
|
+
gridTemplateRows: `repeat(${f}, auto)`,
|
|
91
|
+
width: `${d}px`
|
|
90
92
|
},
|
|
91
|
-
children: t.map((
|
|
93
|
+
children: t.map((o, r) => /* @__PURE__ */ s(
|
|
92
94
|
"div",
|
|
93
95
|
{
|
|
94
|
-
className: n.slide,
|
|
95
96
|
style: {
|
|
96
|
-
width: `${
|
|
97
|
+
width: `${d / f - 16}px`
|
|
97
98
|
},
|
|
98
|
-
children:
|
|
99
|
+
children: o
|
|
99
100
|
},
|
|
100
|
-
|
|
101
|
+
r
|
|
101
102
|
))
|
|
102
103
|
},
|
|
103
104
|
e
|
|
@@ -106,35 +107,35 @@ function ct({
|
|
|
106
107
|
)
|
|
107
108
|
}
|
|
108
109
|
),
|
|
109
|
-
|
|
110
|
-
/* @__PURE__ */
|
|
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 ===
|
|
114
|
-
onClick: () =>
|
|
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__ */
|
|
121
|
+
/* @__PURE__ */ s(
|
|
121
122
|
"button",
|
|
122
123
|
{
|
|
123
124
|
"aria-label": "Previous slide",
|
|
124
|
-
className: `${n.prev} ${
|
|
125
|
-
onClick:
|
|
126
|
-
disabled:
|
|
127
|
-
children: /* @__PURE__ */
|
|
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__ */
|
|
131
|
+
/* @__PURE__ */ s(
|
|
131
132
|
"button",
|
|
132
133
|
{
|
|
133
134
|
"aria-label": "Next slide",
|
|
134
|
-
className: `${n.next} ${
|
|
135
|
-
onClick:
|
|
136
|
-
disabled:
|
|
137
|
-
children: /* @__PURE__ */
|
|
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
|
-
|
|
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/
|
|
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-
|
|
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/
|
|
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-
|
|
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/
|
|
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/
|
|
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 = "© 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(/© 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,18 +1,25 @@
|
|
|
1
|
-
import
|
|
2
|
-
import '../../assets/index16.css';const r = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
|
10
|
-
return
|
|
11
|
-
|
|
12
|
-
{ className: ` ${
|
|
13
|
-
|
|
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
|
-
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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";
|