snapflow-ui-kit 1.1.5 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +2 -0
- package/dist/components/DropdownMenu/DropdownMenu.types.d.ts +14 -0
- package/dist/components/DropdownMenu/index.d.ts +2 -0
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Textarea/Textarea.d.ts +1 -1
- package/dist/components/index.d.ts +7 -7
- package/dist/index.client.js +325 -291
- package/dist/index.client.js.map +1 -1
- package/dist/index.css +1 -1
- package/package.json +3 -2
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type DropdownMenuItem = {
|
|
3
|
+
icon?: ReactNode;
|
|
4
|
+
label: string;
|
|
5
|
+
onSelect?: () => void;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export type DropdownMenuProps = {
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
items: DropdownMenuItem[];
|
|
11
|
+
className?: string;
|
|
12
|
+
align?: 'start' | 'center' | 'end';
|
|
13
|
+
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
14
|
+
};
|
|
@@ -8,4 +8,4 @@ export declare const Input: import("react").ForwardRefExoticComponent<{
|
|
|
8
8
|
className?: string;
|
|
9
9
|
value?: string;
|
|
10
10
|
onChange?: (e: import("react").ChangeEvent<HTMLInputElement>) => void;
|
|
11
|
-
} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "
|
|
11
|
+
} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -4,4 +4,4 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<{
|
|
|
4
4
|
minHeight?: number;
|
|
5
5
|
value?: string;
|
|
6
6
|
onChange?: (e: import("react").ChangeEvent<HTMLTextAreaElement>) => void;
|
|
7
|
-
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "
|
|
7
|
+
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
export * from './Button';
|
|
2
|
-
export * from './Input';
|
|
3
|
-
export * from './Textarea';
|
|
4
1
|
export * from './Alert';
|
|
2
|
+
export * from './Button';
|
|
5
3
|
export * from './Card';
|
|
6
4
|
export * from './Checkbox';
|
|
5
|
+
export * from './DatePicker';
|
|
6
|
+
export * from './DropdownMenu';
|
|
7
|
+
export * from './Input';
|
|
7
8
|
export * from './Label';
|
|
8
|
-
export * from './
|
|
9
|
+
export * from './Modal';
|
|
10
|
+
export * from './Pagination';
|
|
9
11
|
export * from './Radio';
|
|
10
|
-
export * from './DatePicker';
|
|
11
12
|
export * from './Select';
|
|
12
13
|
export * from './Tab';
|
|
14
|
+
export * from './Textarea';
|
|
13
15
|
export * from './Typography';
|
|
14
|
-
export * from './Pagination';
|
|
15
|
-
export * from './Modal';
|
package/dist/index.client.js
CHANGED
|
@@ -1,205 +1,115 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
import { clsx as
|
|
4
|
-
import
|
|
5
|
-
import { default as
|
|
6
|
-
import { A as
|
|
7
|
-
import { B as
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import { DayPicker as
|
|
11
|
-
import { parse as
|
|
12
|
-
import {
|
|
13
|
-
import { C as
|
|
14
|
-
import
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
inputContainer: se,
|
|
22
|
-
input: ce,
|
|
23
|
-
error: ie,
|
|
24
|
-
withStartIcon: le,
|
|
25
|
-
withEndIcon: de,
|
|
26
|
-
startIcon: pe,
|
|
27
|
-
endIcon: _e,
|
|
28
|
-
errorMessage: ue,
|
|
29
|
-
required: me
|
|
30
|
-
}, fe = Q(
|
|
31
|
-
({
|
|
32
|
-
label: e,
|
|
33
|
-
errorMessage: t,
|
|
34
|
-
startIcon: o,
|
|
35
|
-
endIcon: n,
|
|
36
|
-
onEndIconClick: i,
|
|
37
|
-
allowPasswordToggle: s,
|
|
38
|
-
disabled: c,
|
|
39
|
-
type: l = "text",
|
|
40
|
-
className: d,
|
|
41
|
-
required: f,
|
|
42
|
-
id: b,
|
|
43
|
-
...h
|
|
44
|
-
}, y) => {
|
|
45
|
-
const w = q(), p = b ?? w, N = t ? `${p}-error` : void 0, E = !!t, D = l === "password" && s, [C, S] = M(!1);
|
|
46
|
-
return /* @__PURE__ */ m("div", { className: v(_.wrapper, d), children: [
|
|
47
|
-
e && /* @__PURE__ */ m("label", { htmlFor: p, className: v(_.label, { [_.disabled]: c }), children: [
|
|
48
|
-
e,
|
|
49
|
-
f && /* @__PURE__ */ a("sup", { className: _.required, children: " *" })
|
|
50
|
-
] }),
|
|
51
|
-
/* @__PURE__ */ m(
|
|
52
|
-
"div",
|
|
53
|
-
{
|
|
54
|
-
className: v(_.inputContainer, {
|
|
55
|
-
[_.error]: E,
|
|
56
|
-
[_.disabled]: c,
|
|
57
|
-
[_.withStartIcon]: !!o,
|
|
58
|
-
[_.withEndIcon]: !!n || D
|
|
59
|
-
}),
|
|
60
|
-
children: [
|
|
61
|
-
o && /* @__PURE__ */ a("span", { className: _.startIcon, children: o }),
|
|
62
|
-
/* @__PURE__ */ a(
|
|
63
|
-
"input",
|
|
64
|
-
{
|
|
65
|
-
ref: y,
|
|
66
|
-
id: p,
|
|
67
|
-
className: _.input,
|
|
68
|
-
type: D && C ? "text" : l,
|
|
69
|
-
autoComplete: l === "password" ? "current-password" : "off",
|
|
70
|
-
required: f,
|
|
71
|
-
disabled: c,
|
|
72
|
-
"aria-invalid": E,
|
|
73
|
-
"aria-describedby": N,
|
|
74
|
-
...h
|
|
75
|
-
}
|
|
76
|
-
),
|
|
77
|
-
D && /* @__PURE__ */ a(
|
|
78
|
-
"button",
|
|
79
|
-
{
|
|
80
|
-
type: "button",
|
|
81
|
-
className: _.endIcon,
|
|
82
|
-
onClick: () => S((g) => !g),
|
|
83
|
-
"aria-label": C ? "Hide password" : "Show password",
|
|
84
|
-
disabled: c,
|
|
85
|
-
tabIndex: -1,
|
|
86
|
-
children: C ? /* @__PURE__ */ a(U, {}) : /* @__PURE__ */ a(X, {})
|
|
87
|
-
}
|
|
88
|
-
),
|
|
89
|
-
n && !D && /* @__PURE__ */ a(
|
|
90
|
-
"button",
|
|
91
|
-
{
|
|
92
|
-
type: "button",
|
|
93
|
-
className: _.endIcon,
|
|
94
|
-
onClick: i,
|
|
95
|
-
"aria-label": "Action",
|
|
96
|
-
disabled: c,
|
|
97
|
-
children: n
|
|
98
|
-
}
|
|
99
|
-
)
|
|
100
|
-
]
|
|
101
|
-
}
|
|
102
|
-
),
|
|
103
|
-
E && /* @__PURE__ */ a("span", { id: N, className: _.errorMessage, role: "alert", children: t })
|
|
104
|
-
] });
|
|
105
|
-
}
|
|
106
|
-
);
|
|
107
|
-
fe.displayName = "Input";
|
|
108
|
-
const Lt = (e) => {
|
|
109
|
-
L.custom((t) => /* @__PURE__ */ a(
|
|
110
|
-
W,
|
|
2
|
+
import j, { clsx as g } from "clsx";
|
|
3
|
+
import { clsx as zt } from "clsx";
|
|
4
|
+
import U from "simplebar-react";
|
|
5
|
+
import { default as Qt } from "simplebar-react";
|
|
6
|
+
import { A as H, s as L, c as G } from "./Textarea-D5WrCGtg.js";
|
|
7
|
+
import { B as Xt, C as Zt, a as en, L as tn, R as nn, T as on, b as an } from "./Textarea-D5WrCGtg.js";
|
|
8
|
+
import { jsx as a, jsxs as _ } from "react/jsx-runtime";
|
|
9
|
+
import { useEffect as k, useState as A, useMemo as F, useRef as V, forwardRef as X, useId as K } from "react";
|
|
10
|
+
import { DayPicker as W } from "react-day-picker";
|
|
11
|
+
import { parse as R, isValid as B, format as O } from "date-fns";
|
|
12
|
+
import { A as Z, C as ee, E as te, a as ne } from "./ArrowDownIcon-jfp8BJVY.js";
|
|
13
|
+
import { C as Y } from "./CloseIcon-CqK3tPnG.js";
|
|
14
|
+
import * as S from "@radix-ui/react-dropdown-menu";
|
|
15
|
+
import { createPortal as oe } from "react-dom";
|
|
16
|
+
import { FocusTrap as ae } from "focus-trap-react";
|
|
17
|
+
import { toast as $ } from "react-hot-toast";
|
|
18
|
+
const Vt = (e) => {
|
|
19
|
+
$.custom((t) => /* @__PURE__ */ a(
|
|
20
|
+
H,
|
|
111
21
|
{
|
|
112
22
|
variant: "success",
|
|
113
23
|
message: e,
|
|
114
|
-
className: t.visible ?
|
|
115
|
-
onClose: () =>
|
|
24
|
+
className: t.visible ? L.toastEnter : L.toastExit,
|
|
25
|
+
onClose: () => $.dismiss(t.id)
|
|
116
26
|
}
|
|
117
27
|
));
|
|
118
|
-
},
|
|
119
|
-
|
|
120
|
-
|
|
28
|
+
}, Gt = (e, t = "Error!") => {
|
|
29
|
+
$.custom((o) => /* @__PURE__ */ a(
|
|
30
|
+
H,
|
|
121
31
|
{
|
|
122
32
|
variant: "error",
|
|
123
33
|
title: t,
|
|
124
34
|
message: e,
|
|
125
|
-
className: o.visible ?
|
|
126
|
-
onClose: () =>
|
|
35
|
+
className: o.visible ? L.toastEnter : L.toastExit,
|
|
36
|
+
onClose: () => $.dismiss(o.id)
|
|
127
37
|
}
|
|
128
38
|
));
|
|
129
|
-
},
|
|
130
|
-
wrapper:
|
|
131
|
-
inputContainer:
|
|
132
|
-
label:
|
|
133
|
-
inputWrapper:
|
|
134
|
-
trigger:
|
|
135
|
-
icon:
|
|
136
|
-
placeholder:
|
|
137
|
-
clearButton:
|
|
138
|
-
clearIcon:
|
|
139
|
-
disabledLabel:
|
|
140
|
-
error:
|
|
141
|
-
calendar:
|
|
142
|
-
open:
|
|
143
|
-
monthsCaption:
|
|
144
|
-
navButtonPrevious:
|
|
145
|
-
navButtonNext:
|
|
146
|
-
navIcon:
|
|
147
|
-
monthGrid:
|
|
148
|
-
dropdowns:
|
|
149
|
-
weekday:
|
|
150
|
-
day:
|
|
151
|
-
dayButton:
|
|
152
|
-
dayOutside:
|
|
153
|
-
dayToday:
|
|
154
|
-
daySelected:
|
|
155
|
-
dayRangeStart:
|
|
156
|
-
dayRangeEnd:
|
|
157
|
-
dayRangeMiddle:
|
|
158
|
-
},
|
|
39
|
+
}, re = "_wrapper_l023w_1", se = "_inputContainer_l023w_5", ce = "_label_l023w_11", ie = "_inputWrapper_l023w_15", le = "_trigger_l023w_22", de = "_icon_l023w_38", pe = "_placeholder_l023w_45", _e = "_clearButton_l023w_49", ue = "_clearIcon_l023w_89", me = "_disabledLabel_l023w_101", fe = "_error_l023w_123", he = "_calendar_l023w_141", we = "_open_l023w_160", ye = "_monthsCaption_l023w_166", be = "_navButtonPrevious_l023w_172", ge = "_navButtonNext_l023w_173", ve = "_navIcon_l023w_193", Ce = "_monthGrid_l023w_199", Ne = "_dropdowns_l023w_205", De = "_weekday_l023w_209", Ie = "_day_l023w_220", ke = "_dayButton_l023w_227", Ee = "_dayOutside_l023w_254", Se = "_dayToday_l023w_258", xe = "_daySelected_l023w_263", Pe = "_dayRangeStart_l023w_264", Re = "_dayRangeEnd_l023w_265", Be = "_dayRangeMiddle_l023w_266", r = {
|
|
40
|
+
wrapper: re,
|
|
41
|
+
inputContainer: se,
|
|
42
|
+
label: ce,
|
|
43
|
+
inputWrapper: ie,
|
|
44
|
+
trigger: le,
|
|
45
|
+
icon: de,
|
|
46
|
+
placeholder: pe,
|
|
47
|
+
clearButton: _e,
|
|
48
|
+
clearIcon: ue,
|
|
49
|
+
disabledLabel: me,
|
|
50
|
+
error: fe,
|
|
51
|
+
calendar: he,
|
|
52
|
+
open: we,
|
|
53
|
+
monthsCaption: ye,
|
|
54
|
+
navButtonPrevious: be,
|
|
55
|
+
navButtonNext: ge,
|
|
56
|
+
navIcon: ve,
|
|
57
|
+
monthGrid: Ce,
|
|
58
|
+
dropdowns: Ne,
|
|
59
|
+
weekday: De,
|
|
60
|
+
day: Ie,
|
|
61
|
+
dayButton: ke,
|
|
62
|
+
dayOutside: Ee,
|
|
63
|
+
dayToday: Se,
|
|
64
|
+
daySelected: xe,
|
|
65
|
+
dayRangeStart: Pe,
|
|
66
|
+
dayRangeEnd: Re,
|
|
67
|
+
dayRangeMiddle: Be
|
|
68
|
+
}, Oe = ({
|
|
159
69
|
ref: e,
|
|
160
70
|
isOpen: t,
|
|
161
71
|
onDismiss: o
|
|
162
72
|
}) => {
|
|
163
73
|
k(() => {
|
|
164
74
|
if (!t) return;
|
|
165
|
-
const n = (
|
|
166
|
-
e.current && !e.current.contains(
|
|
167
|
-
}, i = (
|
|
168
|
-
|
|
75
|
+
const n = (c) => {
|
|
76
|
+
e.current && !e.current.contains(c.target) && o();
|
|
77
|
+
}, i = (c) => {
|
|
78
|
+
c.key === "Escape" && o();
|
|
169
79
|
};
|
|
170
80
|
return document.addEventListener("mousedown", n), document.addEventListener("touchstart", n), document.addEventListener("keydown", i), () => {
|
|
171
81
|
document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n), document.removeEventListener("keydown", i);
|
|
172
82
|
};
|
|
173
83
|
}, [t, o, e]);
|
|
174
|
-
},
|
|
84
|
+
}, T = "dd.MM.yyyy", Te = (e) => {
|
|
175
85
|
if (!e) return;
|
|
176
|
-
const t =
|
|
86
|
+
const t = R(e, T, /* @__PURE__ */ new Date());
|
|
177
87
|
return B(t) ? t : void 0;
|
|
178
|
-
},
|
|
88
|
+
}, Me = (e) => {
|
|
179
89
|
if (!e) return;
|
|
180
90
|
const t = " - ", o = e.indexOf(t);
|
|
181
91
|
if (o === -1) {
|
|
182
|
-
const l =
|
|
92
|
+
const l = R(e.trim(), T, /* @__PURE__ */ new Date());
|
|
183
93
|
return B(l) ? { from: l, to: void 0 } : void 0;
|
|
184
94
|
}
|
|
185
95
|
const n = e.substring(0, o).trim(), i = e.substring(o + t.length).trim();
|
|
186
96
|
if (!n || !i) return;
|
|
187
|
-
const
|
|
188
|
-
if (B(
|
|
189
|
-
return { from:
|
|
190
|
-
},
|
|
97
|
+
const c = R(n, T, /* @__PURE__ */ new Date()), s = R(i, T, /* @__PURE__ */ new Date());
|
|
98
|
+
if (B(c) && B(s))
|
|
99
|
+
return { from: c, to: s };
|
|
100
|
+
}, z = (e, t) => {
|
|
191
101
|
if (e)
|
|
192
|
-
return t === "single" ?
|
|
193
|
-
},
|
|
194
|
-
const [o, n] =
|
|
102
|
+
return t === "single" ? Te(e) : Me(e);
|
|
103
|
+
}, Le = (e, t) => {
|
|
104
|
+
const [o, n] = A(/* @__PURE__ */ new Date());
|
|
195
105
|
return {
|
|
196
|
-
month:
|
|
197
|
-
const
|
|
198
|
-
if (!
|
|
199
|
-
if (t === "single" &&
|
|
200
|
-
return
|
|
201
|
-
if (t === "range" && typeof
|
|
202
|
-
const l =
|
|
106
|
+
month: F(() => {
|
|
107
|
+
const s = z(e, t);
|
|
108
|
+
if (!s) return o;
|
|
109
|
+
if (t === "single" && s instanceof Date)
|
|
110
|
+
return s;
|
|
111
|
+
if (t === "range" && typeof s == "object" && "from" in s) {
|
|
112
|
+
const l = s;
|
|
203
113
|
if (l.from)
|
|
204
114
|
return l.from;
|
|
205
115
|
if (l.to)
|
|
@@ -207,63 +117,63 @@ const Lt = (e) => {
|
|
|
207
117
|
}
|
|
208
118
|
return o;
|
|
209
119
|
}, [e, t, o]),
|
|
210
|
-
setMonth: (
|
|
211
|
-
n(
|
|
120
|
+
setMonth: (s) => {
|
|
121
|
+
n(s);
|
|
212
122
|
}
|
|
213
123
|
};
|
|
214
|
-
},
|
|
215
|
-
container:
|
|
216
|
-
label:
|
|
217
|
-
select:
|
|
218
|
-
trigger:
|
|
219
|
-
triggerOpen:
|
|
220
|
-
placeholder:
|
|
221
|
-
selectedContent:
|
|
222
|
-
optionIcon:
|
|
223
|
-
arrow:
|
|
224
|
-
open:
|
|
225
|
-
dropdown:
|
|
226
|
-
option:
|
|
227
|
-
selected:
|
|
228
|
-
},
|
|
229
|
-
const { className: t, disabled: o = !1, label: n, onChange: i, options:
|
|
124
|
+
}, $e = "_container_15bt3_1", Ae = "_label_15bt3_7", je = "_select_15bt3_14", Fe = "_trigger_15bt3_19", Ve = "_triggerOpen_15bt3_46", Ge = "_placeholder_15bt3_67", We = "_selectedContent_15bt3_71", qe = "_optionIcon_15bt3_81", He = "_arrow_15bt3_87", Ke = "_open_15bt3_98", Ye = "_dropdown_15bt3_102", ze = "_option_15bt3_81", Je = "_selected_15bt3_71", u = {
|
|
125
|
+
container: $e,
|
|
126
|
+
label: Ae,
|
|
127
|
+
select: je,
|
|
128
|
+
trigger: Fe,
|
|
129
|
+
triggerOpen: Ve,
|
|
130
|
+
placeholder: Ge,
|
|
131
|
+
selectedContent: We,
|
|
132
|
+
optionIcon: qe,
|
|
133
|
+
arrow: He,
|
|
134
|
+
open: Ke,
|
|
135
|
+
dropdown: Ye,
|
|
136
|
+
option: ze,
|
|
137
|
+
selected: Je
|
|
138
|
+
}, Qe = (e) => {
|
|
139
|
+
const { className: t, disabled: o = !1, label: n, onChange: i, options: c, placeholder: s, value: l } = e, [d, f] = A(!1), v = V(null), w = c.find((p) => p.value === l), y = () => {
|
|
230
140
|
o || f(!d);
|
|
231
|
-
},
|
|
141
|
+
}, h = (p) => {
|
|
232
142
|
i?.(p), f(!1);
|
|
233
143
|
};
|
|
234
144
|
return k(() => {
|
|
235
145
|
const p = (N) => {
|
|
236
|
-
|
|
146
|
+
v.current && !v.current.contains(N.target) && f(!1);
|
|
237
147
|
};
|
|
238
148
|
return d && document.addEventListener("mousedown", p), () => {
|
|
239
149
|
document.removeEventListener("mousedown", p);
|
|
240
150
|
};
|
|
241
|
-
}, [d]), /* @__PURE__ */
|
|
151
|
+
}, [d]), /* @__PURE__ */ _("div", { className: g(u.container, t), children: [
|
|
242
152
|
n && /* @__PURE__ */ a("label", { className: u.label, children: n }),
|
|
243
|
-
/* @__PURE__ */
|
|
244
|
-
/* @__PURE__ */
|
|
153
|
+
/* @__PURE__ */ _("div", { className: u.select, ref: v, children: [
|
|
154
|
+
/* @__PURE__ */ _(
|
|
245
155
|
"button",
|
|
246
156
|
{
|
|
247
|
-
className:
|
|
157
|
+
className: g(u.trigger, d && u.triggerOpen),
|
|
248
158
|
disabled: o,
|
|
249
159
|
onClick: y,
|
|
250
160
|
type: "button",
|
|
251
161
|
"aria-haspopup": "listbox",
|
|
252
162
|
"aria-expanded": d,
|
|
253
163
|
children: [
|
|
254
|
-
/* @__PURE__ */
|
|
255
|
-
|
|
256
|
-
|
|
164
|
+
/* @__PURE__ */ _("span", { className: w ? u.selectedContent : u.placeholder, children: [
|
|
165
|
+
w?.icon && /* @__PURE__ */ a("span", { className: u.optionIcon, children: w.icon }),
|
|
166
|
+
w ? w.label : s || "Select an option"
|
|
257
167
|
] }),
|
|
258
|
-
/* @__PURE__ */ a("span", { className:
|
|
168
|
+
/* @__PURE__ */ a("span", { className: g(u.arrow, d && u.open), children: /* @__PURE__ */ a(Z, {}) })
|
|
259
169
|
]
|
|
260
170
|
}
|
|
261
171
|
),
|
|
262
|
-
d && /* @__PURE__ */ a(
|
|
172
|
+
d && /* @__PURE__ */ a(U, { className: u.dropdown, role: "listbox", style: { maxHeight: 191 }, children: c.map((p) => /* @__PURE__ */ _(
|
|
263
173
|
"button",
|
|
264
174
|
{
|
|
265
|
-
className:
|
|
266
|
-
onClick: () =>
|
|
175
|
+
className: g(u.option, p.value === l && u.selected),
|
|
176
|
+
onClick: () => h(p.value),
|
|
267
177
|
type: "button",
|
|
268
178
|
role: "option",
|
|
269
179
|
"aria-selected": p.value === l,
|
|
@@ -276,7 +186,7 @@ const Lt = (e) => {
|
|
|
276
186
|
)) })
|
|
277
187
|
] })
|
|
278
188
|
] });
|
|
279
|
-
},
|
|
189
|
+
}, J = (e) => {
|
|
280
190
|
const t = (n) => {
|
|
281
191
|
if (e.onChange) {
|
|
282
192
|
const i = {
|
|
@@ -291,7 +201,7 @@ const Lt = (e) => {
|
|
|
291
201
|
label: n.label
|
|
292
202
|
})) || [];
|
|
293
203
|
return /* @__PURE__ */ a(
|
|
294
|
-
|
|
204
|
+
Qe,
|
|
295
205
|
{
|
|
296
206
|
className: e.className,
|
|
297
207
|
options: o,
|
|
@@ -300,8 +210,8 @@ const Lt = (e) => {
|
|
|
300
210
|
}
|
|
301
211
|
);
|
|
302
212
|
};
|
|
303
|
-
|
|
304
|
-
const
|
|
213
|
+
J.displayName = "DatePickerDropdown";
|
|
214
|
+
const Ue = {
|
|
305
215
|
month_caption: r.monthsCaption,
|
|
306
216
|
button_previous: r.navButtonPrevious,
|
|
307
217
|
button_next: r.navButtonNext,
|
|
@@ -323,23 +233,23 @@ const it = {
|
|
|
323
233
|
range_middle: r.dayRangeMiddle,
|
|
324
234
|
range_end: r.dayRangeEnd,
|
|
325
235
|
today: r.dayToday
|
|
326
|
-
},
|
|
327
|
-
Dropdown:
|
|
328
|
-
},
|
|
236
|
+
}, Xe = {
|
|
237
|
+
Dropdown: J
|
|
238
|
+
}, Ze = {
|
|
329
239
|
weekStartsOn: 1,
|
|
330
240
|
showOutsideDays: !0,
|
|
331
241
|
reverseYears: !0,
|
|
332
242
|
captionLayout: "dropdown"
|
|
333
|
-
},
|
|
334
|
-
components:
|
|
335
|
-
...
|
|
336
|
-
},
|
|
337
|
-
...
|
|
243
|
+
}, et = {
|
|
244
|
+
components: Xe,
|
|
245
|
+
...Ze
|
|
246
|
+
}, tt = (e) => ({
|
|
247
|
+
...et,
|
|
338
248
|
classNames: {
|
|
339
|
-
root:
|
|
340
|
-
...
|
|
249
|
+
root: j(r.calendar, e && r.open),
|
|
250
|
+
...Ue
|
|
341
251
|
}
|
|
342
|
-
}),
|
|
252
|
+
}), M = "dd.MM.yyyy", nt = (e) => e ? O(e, M) : "", ot = (e) => !e || !e.from ? "" : e.to && e.from.getTime() !== e.to.getTime() ? `${O(e.from, M)} - ${O(e.to, M)}` : O(e.from, M), q = (e, t) => e ? t === "single" && e instanceof Date ? nt(e) : t === "range" && typeof e == "object" && "from" in e ? ot(e) : "" : "", at = ({
|
|
343
253
|
value: e,
|
|
344
254
|
mode: t,
|
|
345
255
|
onChange: o,
|
|
@@ -351,16 +261,16 @@ const it = {
|
|
|
351
261
|
return;
|
|
352
262
|
}
|
|
353
263
|
if (t === "single") {
|
|
354
|
-
e instanceof Date && (n(e), o(
|
|
264
|
+
e instanceof Date && (n(e), o(q(e, "single")), i(!1));
|
|
355
265
|
return;
|
|
356
266
|
}
|
|
357
267
|
if (t === "range" && typeof e == "object" && "from" in e) {
|
|
358
|
-
const
|
|
359
|
-
|
|
360
|
-
const
|
|
361
|
-
o(
|
|
268
|
+
const c = e;
|
|
269
|
+
c.from ? n(c.from) : c.to && n(c.to);
|
|
270
|
+
const s = q(c, "range");
|
|
271
|
+
o(s), c.from && c.to && c.from.getTime() !== c.to.getTime() && i(!1);
|
|
362
272
|
}
|
|
363
|
-
},
|
|
273
|
+
}, rt = (e, t, o) => {
|
|
364
274
|
if (e) {
|
|
365
275
|
if (t === "single" && e instanceof Date) {
|
|
366
276
|
o(e);
|
|
@@ -371,56 +281,56 @@ const it = {
|
|
|
371
281
|
n.from ? o(n.from) : n.to && o(n.to);
|
|
372
282
|
}
|
|
373
283
|
}
|
|
374
|
-
},
|
|
284
|
+
}, Wt = ({
|
|
375
285
|
mode: e,
|
|
376
286
|
value: t,
|
|
377
287
|
onChange: o,
|
|
378
288
|
disabled: n,
|
|
379
289
|
label: i,
|
|
380
|
-
error:
|
|
381
|
-
placeholder:
|
|
290
|
+
error: c,
|
|
291
|
+
placeholder: s,
|
|
382
292
|
...l
|
|
383
293
|
}) => {
|
|
384
|
-
const [d, f] =
|
|
294
|
+
const [d, f] = A(!1), v = V(null), { month: w, setMonth: y } = Le(t, e), h = F(() => z(t, e), [t, e]);
|
|
385
295
|
k(() => {
|
|
386
|
-
|
|
387
|
-
}, [
|
|
296
|
+
rt(h, e, y);
|
|
297
|
+
}, [h, e, y]), Oe({ ref: v, isOpen: d, onDismiss: () => {
|
|
388
298
|
f(!1);
|
|
389
299
|
} });
|
|
390
|
-
const N = (
|
|
391
|
-
|
|
300
|
+
const N = (b) => {
|
|
301
|
+
b.stopPropagation(), C(void 0);
|
|
392
302
|
}, E = () => {
|
|
393
|
-
n || f((
|
|
394
|
-
}, D = (
|
|
395
|
-
const
|
|
396
|
-
o(
|
|
397
|
-
}, C = (
|
|
398
|
-
|
|
399
|
-
value:
|
|
303
|
+
n || f((b) => !b);
|
|
304
|
+
}, D = (b) => {
|
|
305
|
+
const Q = b.currentTarget.value;
|
|
306
|
+
o(Q);
|
|
307
|
+
}, C = (b) => {
|
|
308
|
+
at({
|
|
309
|
+
value: b,
|
|
400
310
|
mode: e,
|
|
401
311
|
onChange: o,
|
|
402
312
|
setMonth: y,
|
|
403
313
|
setIsOpen: f
|
|
404
314
|
});
|
|
405
|
-
},
|
|
406
|
-
return /* @__PURE__ */
|
|
407
|
-
/* @__PURE__ */
|
|
408
|
-
i && /* @__PURE__ */ a("span", { className: n ? r.disabledLabel : r.label, children: /* @__PURE__ */ a(
|
|
409
|
-
/* @__PURE__ */
|
|
315
|
+
}, x = F(() => tt(d), [d]);
|
|
316
|
+
return /* @__PURE__ */ _("div", { ref: v, className: r.wrapper, children: [
|
|
317
|
+
/* @__PURE__ */ _("div", { className: r.inputContainer, children: [
|
|
318
|
+
i && /* @__PURE__ */ a("span", { className: n ? r.disabledLabel : r.label, children: /* @__PURE__ */ a(G, { variant: "text-14", children: i }) }),
|
|
319
|
+
/* @__PURE__ */ _("div", { className: r.inputWrapper, children: [
|
|
410
320
|
/* @__PURE__ */ a(
|
|
411
321
|
"input",
|
|
412
322
|
{
|
|
413
323
|
type: "text",
|
|
414
|
-
className:
|
|
324
|
+
className: j(r.trigger, c && r.error),
|
|
415
325
|
onClick: E,
|
|
416
326
|
value: t,
|
|
417
327
|
onChange: D,
|
|
418
|
-
placeholder:
|
|
328
|
+
placeholder: s,
|
|
419
329
|
disabled: n,
|
|
420
330
|
"aria-label": i || "Select date",
|
|
421
331
|
"aria-expanded": d,
|
|
422
332
|
"aria-haspopup": "dialog",
|
|
423
|
-
"aria-invalid":
|
|
333
|
+
"aria-invalid": c ? "true" : "false",
|
|
424
334
|
...l
|
|
425
335
|
}
|
|
426
336
|
),
|
|
@@ -431,46 +341,169 @@ const it = {
|
|
|
431
341
|
className: r.clearButton,
|
|
432
342
|
onClick: N,
|
|
433
343
|
"aria-label": "Clear date",
|
|
434
|
-
children: /* @__PURE__ */ a(
|
|
344
|
+
children: /* @__PURE__ */ a(Y, { className: r.clearIcon })
|
|
435
345
|
}
|
|
436
346
|
),
|
|
437
|
-
/* @__PURE__ */ a(ee, { className:
|
|
347
|
+
/* @__PURE__ */ a(ee, { className: j(r.icon, !t && r.placeholder) })
|
|
438
348
|
] }),
|
|
439
|
-
|
|
349
|
+
c && /* @__PURE__ */ a(G, { variant: "small", className: r.error, children: c })
|
|
440
350
|
] }),
|
|
441
351
|
e === "single" ? /* @__PURE__ */ a(
|
|
442
|
-
|
|
352
|
+
W,
|
|
443
353
|
{
|
|
444
|
-
...
|
|
445
|
-
month:
|
|
354
|
+
...x,
|
|
355
|
+
month: w,
|
|
446
356
|
onMonthChange: y,
|
|
447
357
|
mode: "single",
|
|
448
|
-
selected:
|
|
358
|
+
selected: h instanceof Date ? h : void 0,
|
|
449
359
|
onSelect: C
|
|
450
360
|
}
|
|
451
361
|
) : /* @__PURE__ */ a(
|
|
452
|
-
|
|
362
|
+
W,
|
|
453
363
|
{
|
|
454
|
-
...
|
|
455
|
-
month:
|
|
364
|
+
...x,
|
|
365
|
+
month: w,
|
|
456
366
|
onMonthChange: y,
|
|
457
367
|
mode: "range",
|
|
458
|
-
selected:
|
|
368
|
+
selected: h && typeof h == "object" && "from" in h ? h : void 0,
|
|
459
369
|
onSelect: C
|
|
460
370
|
}
|
|
461
371
|
)
|
|
462
372
|
] });
|
|
463
|
-
},
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
373
|
+
}, st = "_content_1bas8_1", ct = "_item_1bas8_24", it = "_icon_1bas8_56", lt = "_label_1bas8_62", P = {
|
|
374
|
+
content: st,
|
|
375
|
+
item: ct,
|
|
376
|
+
icon: it,
|
|
377
|
+
label: lt
|
|
378
|
+
}, qt = (e) => {
|
|
379
|
+
const { children: t, items: o, className: n, align: i = "end", side: c = "bottom" } = e;
|
|
380
|
+
return /* @__PURE__ */ _(S.Root, { children: [
|
|
381
|
+
/* @__PURE__ */ a(S.Trigger, { asChild: !0, children: t }),
|
|
382
|
+
/* @__PURE__ */ a(S.Portal, { children: /* @__PURE__ */ a(
|
|
383
|
+
S.Content,
|
|
384
|
+
{
|
|
385
|
+
align: i,
|
|
386
|
+
className: g(P.content, n),
|
|
387
|
+
side: c,
|
|
388
|
+
sideOffset: 4,
|
|
389
|
+
children: o.map((s, l) => /* @__PURE__ */ _(
|
|
390
|
+
S.Item,
|
|
391
|
+
{
|
|
392
|
+
className: P.item,
|
|
393
|
+
disabled: s.disabled,
|
|
394
|
+
onSelect: s.onSelect,
|
|
395
|
+
children: [
|
|
396
|
+
s.icon && /* @__PURE__ */ a("span", { className: P.icon, children: s.icon }),
|
|
397
|
+
/* @__PURE__ */ a("span", { className: P.label, children: s.label })
|
|
398
|
+
]
|
|
399
|
+
},
|
|
400
|
+
l
|
|
401
|
+
))
|
|
402
|
+
}
|
|
403
|
+
) })
|
|
404
|
+
] });
|
|
405
|
+
}, dt = "_wrapper_1i0po_1", pt = "_label_1i0po_7", _t = "_disabled_1i0po_14", ut = "_inputContainer_1i0po_18", mt = "_input_1i0po_18", ft = "_error_1i0po_51", ht = "_withStartIcon_1i0po_64", wt = "_withEndIcon_1i0po_68", yt = "_startIcon_1i0po_72", bt = "_endIcon_1i0po_73", gt = "_errorMessage_1i0po_115", vt = "_required_1i0po_122", m = {
|
|
406
|
+
wrapper: dt,
|
|
407
|
+
label: pt,
|
|
408
|
+
disabled: _t,
|
|
409
|
+
inputContainer: ut,
|
|
410
|
+
input: mt,
|
|
411
|
+
error: ft,
|
|
412
|
+
withStartIcon: ht,
|
|
413
|
+
withEndIcon: wt,
|
|
414
|
+
startIcon: yt,
|
|
415
|
+
endIcon: bt,
|
|
416
|
+
errorMessage: gt,
|
|
417
|
+
required: vt
|
|
418
|
+
}, Ct = X(
|
|
419
|
+
({
|
|
420
|
+
label: e,
|
|
421
|
+
errorMessage: t,
|
|
422
|
+
startIcon: o,
|
|
423
|
+
endIcon: n,
|
|
424
|
+
onEndIconClick: i,
|
|
425
|
+
allowPasswordToggle: c,
|
|
426
|
+
disabled: s,
|
|
427
|
+
type: l = "text",
|
|
428
|
+
className: d,
|
|
429
|
+
required: f,
|
|
430
|
+
id: v,
|
|
431
|
+
...w
|
|
432
|
+
}, y) => {
|
|
433
|
+
const h = K(), p = v ?? h, N = t ? `${p}-error` : void 0, E = !!t, D = l === "password" && c, [C, x] = A(!1);
|
|
434
|
+
return /* @__PURE__ */ _("div", { className: g(m.wrapper, d), children: [
|
|
435
|
+
e && /* @__PURE__ */ _("label", { htmlFor: p, className: g(m.label, { [m.disabled]: s }), children: [
|
|
436
|
+
e,
|
|
437
|
+
f && /* @__PURE__ */ a("sup", { className: m.required, children: " *" })
|
|
438
|
+
] }),
|
|
439
|
+
/* @__PURE__ */ _(
|
|
440
|
+
"div",
|
|
441
|
+
{
|
|
442
|
+
className: g(m.inputContainer, {
|
|
443
|
+
[m.error]: E,
|
|
444
|
+
[m.disabled]: s,
|
|
445
|
+
[m.withStartIcon]: !!o,
|
|
446
|
+
[m.withEndIcon]: !!n || D
|
|
447
|
+
}),
|
|
448
|
+
children: [
|
|
449
|
+
o && /* @__PURE__ */ a("span", { className: m.startIcon, children: o }),
|
|
450
|
+
/* @__PURE__ */ a(
|
|
451
|
+
"input",
|
|
452
|
+
{
|
|
453
|
+
ref: y,
|
|
454
|
+
id: p,
|
|
455
|
+
className: m.input,
|
|
456
|
+
type: D && C ? "text" : l,
|
|
457
|
+
autoComplete: l === "password" ? "current-password" : "off",
|
|
458
|
+
required: f,
|
|
459
|
+
disabled: s,
|
|
460
|
+
"aria-invalid": E,
|
|
461
|
+
"aria-describedby": N,
|
|
462
|
+
...w
|
|
463
|
+
}
|
|
464
|
+
),
|
|
465
|
+
D && /* @__PURE__ */ a(
|
|
466
|
+
"button",
|
|
467
|
+
{
|
|
468
|
+
type: "button",
|
|
469
|
+
className: m.endIcon,
|
|
470
|
+
onClick: () => x((b) => !b),
|
|
471
|
+
"aria-label": C ? "Hide password" : "Show password",
|
|
472
|
+
disabled: s,
|
|
473
|
+
tabIndex: -1,
|
|
474
|
+
children: C ? /* @__PURE__ */ a(te, {}) : /* @__PURE__ */ a(ne, {})
|
|
475
|
+
}
|
|
476
|
+
),
|
|
477
|
+
n && !D && /* @__PURE__ */ a(
|
|
478
|
+
"button",
|
|
479
|
+
{
|
|
480
|
+
type: "button",
|
|
481
|
+
className: m.endIcon,
|
|
482
|
+
onClick: i,
|
|
483
|
+
"aria-label": "Action",
|
|
484
|
+
disabled: s,
|
|
485
|
+
children: n
|
|
486
|
+
}
|
|
487
|
+
)
|
|
488
|
+
]
|
|
489
|
+
}
|
|
490
|
+
),
|
|
491
|
+
E && /* @__PURE__ */ a("span", { id: N, className: m.errorMessage, role: "alert", children: t })
|
|
492
|
+
] });
|
|
493
|
+
}
|
|
494
|
+
);
|
|
495
|
+
Ct.displayName = "Input";
|
|
496
|
+
const Nt = "_overlay_17k3a_1", Dt = "_modal_17k3a_15", It = "_header_17k3a_29", kt = "_title_17k3a_39", Et = "_close_17k3a_52", St = "_body_17k3a_79", I = {
|
|
497
|
+
overlay: Nt,
|
|
498
|
+
modal: Dt,
|
|
499
|
+
header: It,
|
|
500
|
+
title: kt,
|
|
501
|
+
close: Et,
|
|
502
|
+
body: St
|
|
503
|
+
}, Ht = ({ open: e, onClose: t, title: o, children: n, className: i }) => {
|
|
504
|
+
const c = K(), s = V(t);
|
|
472
505
|
if (k(() => {
|
|
473
|
-
|
|
506
|
+
s.current = t;
|
|
474
507
|
}, [t]), k(() => {
|
|
475
508
|
if (e)
|
|
476
509
|
return document.body.style.overflow = "hidden", () => {
|
|
@@ -479,41 +512,41 @@ const it = {
|
|
|
479
512
|
}, [e]), k(() => {
|
|
480
513
|
if (!e) return;
|
|
481
514
|
const d = (f) => {
|
|
482
|
-
f.key === "Escape" &&
|
|
515
|
+
f.key === "Escape" && s.current();
|
|
483
516
|
};
|
|
484
517
|
return document.addEventListener("keydown", d), () => {
|
|
485
518
|
document.removeEventListener("keydown", d);
|
|
486
519
|
};
|
|
487
520
|
}, [e]), !e || typeof document > "u") return null;
|
|
488
521
|
const l = document.getElementById("modal-root") ?? document.body;
|
|
489
|
-
return
|
|
522
|
+
return oe(
|
|
490
523
|
/* @__PURE__ */ a(
|
|
491
|
-
|
|
524
|
+
ae,
|
|
492
525
|
{
|
|
493
526
|
active: e,
|
|
494
527
|
focusTrapOptions: {
|
|
495
528
|
clickOutsideDeactivates: !0,
|
|
496
529
|
returnFocusOnDeactivate: !0
|
|
497
530
|
},
|
|
498
|
-
children: /* @__PURE__ */ a("div", { className: I.overlay, onClick: () =>
|
|
531
|
+
children: /* @__PURE__ */ a("div", { className: I.overlay, onClick: () => s.current(), children: /* @__PURE__ */ _(
|
|
499
532
|
"div",
|
|
500
533
|
{
|
|
501
|
-
className:
|
|
534
|
+
className: g(I.modal, i),
|
|
502
535
|
onClick: (d) => d.stopPropagation(),
|
|
503
536
|
role: "dialog",
|
|
504
537
|
"aria-modal": "true",
|
|
505
|
-
"aria-labelledby":
|
|
538
|
+
"aria-labelledby": c,
|
|
506
539
|
children: [
|
|
507
|
-
/* @__PURE__ */
|
|
508
|
-
/* @__PURE__ */ a("h2", { id:
|
|
540
|
+
/* @__PURE__ */ _("header", { className: I.header, children: [
|
|
541
|
+
/* @__PURE__ */ a("h2", { id: c, className: I.title, children: o }),
|
|
509
542
|
/* @__PURE__ */ a(
|
|
510
543
|
"button",
|
|
511
544
|
{
|
|
512
545
|
type: "button",
|
|
513
546
|
className: I.close,
|
|
514
547
|
"aria-label": "Close modal",
|
|
515
|
-
onClick: () =>
|
|
516
|
-
children: /* @__PURE__ */ a(
|
|
548
|
+
onClick: () => s.current(),
|
|
549
|
+
children: /* @__PURE__ */ a(Y, {})
|
|
517
550
|
}
|
|
518
551
|
)
|
|
519
552
|
] }),
|
|
@@ -527,22 +560,23 @@ const it = {
|
|
|
527
560
|
);
|
|
528
561
|
};
|
|
529
562
|
export {
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
Qt as
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
563
|
+
H as Alert,
|
|
564
|
+
Xt as Button,
|
|
565
|
+
Zt as Card,
|
|
566
|
+
en as Checkbox,
|
|
567
|
+
Wt as DatePicker,
|
|
568
|
+
qt as DropdownMenu,
|
|
569
|
+
Ct as Input,
|
|
570
|
+
tn as Label,
|
|
571
|
+
Ht as Modal,
|
|
572
|
+
nn as Radio,
|
|
573
|
+
Qe as Select,
|
|
574
|
+
Qt as SimpleBar,
|
|
575
|
+
on as Tab,
|
|
576
|
+
an as Textarea,
|
|
577
|
+
G as Typography,
|
|
578
|
+
zt as clsx,
|
|
579
|
+
Gt as toastError,
|
|
580
|
+
Vt as toastSuccess
|
|
547
581
|
};
|
|
548
582
|
//# sourceMappingURL=index.client.js.map
|
package/dist/index.client.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.client.js","sources":["../src/components/Input/Input.tsx","../src/components/Alert/toast.tsx","../src/components/DatePicker/hooks/useDismiss.ts","../src/components/DatePicker/utils/parseDateValue.ts","../src/components/DatePicker/hooks/useDatePickerState.ts","../src/components/Select/Select.tsx","../src/components/DatePicker/utils/getDayPickerProps.tsx","../src/components/DatePicker/utils/formatDateValue.ts","../src/components/DatePicker/utils/handleDateSelect.ts","../src/components/DatePicker/utils/updateMonthFromDate.ts","../src/components/DatePicker/DatePicker.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef, useId, useState } from 'react'\nimport { clsx } from 'clsx'\n\nimport s from './Input.module.css'\nimport { InputProps } from './Input.types'\nimport { EyeIcon, EyeOffIcon } from '@/icons'\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n (\n {\n label,\n errorMessage,\n startIcon,\n endIcon,\n onEndIconClick,\n allowPasswordToggle,\n disabled,\n type = 'text',\n className,\n required,\n id,\n ...rest\n },\n ref,\n ) => {\n const generatedId = useId()\n const inputId = id ?? generatedId\n const errorId = errorMessage ? `${inputId}-error` : undefined\n\n const isError = Boolean(errorMessage)\n const isPassword = type === 'password' && allowPasswordToggle\n\n const [showPassword, setShowPassword] = useState(false)\n\n return (\n <div className={clsx(s.wrapper, className)}>\n {label && (\n <label htmlFor={inputId} className={clsx(s.label, { [s.disabled]: disabled })}>\n {label}\n {required && <sup className={s.required}> *</sup>}\n </label>\n )}\n\n <div\n className={clsx(s.inputContainer, {\n [s.error]: isError,\n [s.disabled]: disabled,\n [s.withStartIcon]: Boolean(startIcon),\n [s.withEndIcon]: Boolean(endIcon) || isPassword,\n })}\n >\n {startIcon && <span className={s.startIcon}>{startIcon}</span>}\n\n <input\n ref={ref}\n id={inputId}\n className={s.input}\n type={isPassword && showPassword ? 'text' : type}\n autoComplete={type === 'password' ? 'current-password' : 'off'}\n required={required}\n disabled={disabled}\n aria-invalid={isError}\n aria-describedby={errorId}\n {...rest}\n />\n\n {isPassword && (\n <button\n type=\"button\"\n className={s.endIcon}\n onClick={() => setShowPassword((v) => !v)}\n aria-label={showPassword ? 'Hide password' : 'Show password'}\n disabled={disabled}\n tabIndex={-1}\n >\n {showPassword ? <EyeOffIcon /> : <EyeIcon />}\n </button>\n )}\n\n {endIcon && !isPassword && (\n <button\n type=\"button\"\n className={s.endIcon}\n onClick={onEndIconClick}\n aria-label=\"Action\"\n disabled={disabled}\n >\n {endIcon}\n </button>\n )}\n </div>\n\n {isError && (\n <span id={errorId} className={s.errorMessage} role=\"alert\">\n {errorMessage}\n </span>\n )}\n </div>\n )\n },\n)\n\nInput.displayName = 'Input'\n","'use client'\n\nimport { toast } from 'react-hot-toast'\nimport { Alert } from './Alert'\nimport s from './Alert.module.css'\n\n/**\n * Show a success toast rendered with the shared `Alert` component.\n * @param message - Text to display in the toast body.\n */\nexport const toastSuccess = (message: string) => {\n toast.custom((t) => (\n <Alert\n variant=\"success\"\n message={message}\n className={t.visible ? s.toastEnter : s.toastExit}\n onClose={() => toast.dismiss(t.id)}\n />\n ))\n}\n\n/**\n * Show an error toast rendered with the shared `Alert` component.\n * @param message - Text to display in the toast body.\n * @param title - Optional heading shown above the message. Defaults to `\"Error!\"`.\n */\nexport const toastError = (message: string, title = 'Error!') => {\n toast.custom((t) => (\n <Alert\n variant=\"error\"\n title={title}\n message={message}\n className={t.visible ? s.toastEnter : s.toastExit}\n onClose={() => toast.dismiss(t.id)}\n />\n ))\n}\n","'use client'\n\nimport { useEffect, type RefObject } from 'react'\n\ntype UseDismissParams<T extends HTMLElement = HTMLElement> = {\n ref: RefObject<T | null>\n isOpen: boolean\n onDismiss: () => void\n}\n\nexport const useDismiss = <T extends HTMLElement = HTMLElement>({\n ref,\n isOpen,\n onDismiss,\n}: UseDismissParams<T>) => {\n useEffect(() => {\n if (!isOpen) return\n\n const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n onDismiss()\n }\n }\n\n const handleEscape = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n onDismiss()\n }\n }\n\n document.addEventListener('mousedown', handleClickOutside)\n document.addEventListener('touchstart', handleClickOutside)\n document.addEventListener('keydown', handleEscape)\n\n return () => {\n document.removeEventListener('mousedown', handleClickOutside)\n document.removeEventListener('touchstart', handleClickOutside)\n document.removeEventListener('keydown', handleEscape)\n }\n }, [isOpen, onDismiss, ref])\n}\n","import { isValid, parse } from 'date-fns'\nimport { DateRange } from 'react-day-picker'\n\nconst DATE_FORMAT = 'dd.MM.yyyy'\n\nexport const parseSingleDate = (value: string): Date | undefined => {\n if (!value) return undefined\n\n const parsedDate = parse(value, DATE_FORMAT, new Date())\n return isValid(parsedDate) ? parsedDate : undefined\n}\n\nexport const parseRangeDate = (value: string): DateRange | undefined => {\n if (!value) return undefined\n\n const separator = ' - '\n const separatorIndex = value.indexOf(separator)\n\n if (separatorIndex === -1) {\n const parsedDate = parse(value.trim(), DATE_FORMAT, new Date())\n if (isValid(parsedDate)) {\n return { from: parsedDate, to: undefined }\n }\n return undefined\n }\n\n const fromPart = value.substring(0, separatorIndex).trim()\n const toPart = value.substring(separatorIndex + separator.length).trim()\n\n if (!fromPart || !toPart) return undefined\n\n const fromDate = parse(fromPart, DATE_FORMAT, new Date())\n const toDate = parse(toPart, DATE_FORMAT, new Date())\n\n if (isValid(fromDate) && isValid(toDate)) {\n return { from: fromDate, to: toDate }\n }\n\n return undefined\n}\n\nexport const parseDateValue = (\n value: string,\n mode: 'single' | 'range',\n): Date | DateRange | undefined => {\n if (!value) return undefined\n\n if (mode === 'single') {\n return parseSingleDate(value)\n }\n\n return parseRangeDate(value)\n}\n","'use client'\n\nimport { useState, useMemo } from 'react'\nimport { DateRange } from 'react-day-picker'\nimport { parseDateValue } from '../utils/parseDateValue'\n\nexport const useDatePickerState = (value: string, mode: 'single' | 'range') => {\n const [localMonth, setLocalMonth] = useState(new Date())\n\n const month = useMemo(() => {\n const parsedDate = parseDateValue(value, mode)\n\n if (!parsedDate) return localMonth\n\n if (mode === 'single' && parsedDate instanceof Date) {\n return parsedDate\n }\n\n if (mode === 'range' && typeof parsedDate === 'object' && 'from' in parsedDate) {\n const range = parsedDate as DateRange\n if (range.from) {\n return range.from\n }\n if (range.to) {\n return range.to\n }\n }\n\n return localMonth\n }, [value, mode, localMonth])\n\n const setMonth = (date: Date) => {\n setLocalMonth(date)\n }\n\n return {\n month,\n setMonth,\n }\n}\n","'use client'\n\nimport { useEffect, useRef, useState } from 'react'\n\nimport { clsx } from 'clsx'\n\nimport SimpleBar from 'simplebar-react'\nimport 'simplebar-react/dist/simplebar.min.css'\n\nimport { ArrowDownIcon } from '@/icons'\n\nimport s from './Select.module.css'\nimport { SelectProps } from './'\n\nexport const Select = (props: SelectProps) => {\n const { className, disabled = false, label, onChange, options, placeholder, value } = props\n\n const [isOpen, setIsOpen] = useState(false)\n const selectRef = useRef<HTMLDivElement>(null)\n\n const selectedOption = options.find((option) => option.value === value)\n\n const handleToggle = () => {\n if (!disabled) {\n setIsOpen(!isOpen)\n }\n }\n\n const handleSelect = (optionValue: string) => {\n onChange?.(optionValue)\n setIsOpen(false)\n }\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (selectRef.current && !selectRef.current.contains(event.target as Node)) {\n setIsOpen(false)\n }\n }\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside)\n }\n\n return () => {\n document.removeEventListener('mousedown', handleClickOutside)\n }\n }, [isOpen])\n\n return (\n <div className={clsx(s.container, className)}>\n {label && <label className={s.label}>{label}</label>}\n\n <div className={s.select} ref={selectRef}>\n <button\n className={clsx(s.trigger, isOpen && s.triggerOpen)}\n disabled={disabled}\n onClick={handleToggle}\n type=\"button\"\n aria-haspopup=\"listbox\"\n aria-expanded={isOpen}\n >\n <span className={selectedOption ? s.selectedContent : s.placeholder}>\n {selectedOption?.icon && <span className={s.optionIcon}>{selectedOption.icon}</span>}\n {selectedOption ? selectedOption.label : placeholder || 'Select an option'}\n </span>\n <span className={clsx(s.arrow, isOpen && s.open)}>\n <ArrowDownIcon />\n </span>\n </button>\n\n {isOpen && (\n <SimpleBar className={s.dropdown} role=\"listbox\" style={{ maxHeight: 191 }}>\n {options.map((option) => (\n <button\n key={option.value}\n className={clsx(s.option, option.value === value && s.selected)}\n onClick={() => handleSelect(option.value)}\n type=\"button\"\n role=\"option\"\n aria-selected={option.value === value}\n >\n {option.icon && <span className={s.optionIcon}>{option.icon}</span>}\n {option.label}\n </button>\n ))}\n </SimpleBar>\n )}\n </div>\n </div>\n )\n}\n","import React from 'react'\nimport clsx from 'clsx'\nimport { DropdownProps } from 'react-day-picker'\nimport { Select } from '../../Select'\nimport styles from '../DatePicker.module.css'\nimport { CaptionLayout, WeekStartsOn } from '../DatePicker.types'\n\nconst DropdownComponent = (props: DropdownProps) => {\n const handleDropdownChange = (value: string) => {\n if (props.onChange) {\n const syntheticEvent = {\n target: {\n value,\n },\n } as React.ChangeEvent<HTMLSelectElement>\n\n props.onChange(syntheticEvent)\n }\n }\n\n const selectOptions =\n props.options?.map((option) => ({\n value: option.value.toString(),\n label: option.label,\n })) || []\n\n return (\n <Select\n className={props.className}\n options={selectOptions}\n value={props.value?.toString() || ''}\n onChange={handleDropdownChange}\n />\n )\n}\n\nDropdownComponent.displayName = 'DatePickerDropdown'\n\nconst staticClassNames = {\n month_caption: styles.monthsCaption,\n button_previous: styles.navButtonPrevious,\n button_next: styles.navButtonNext,\n chevron: styles.navIcon,\n caption_label: styles.captionLabel,\n\n dropdowns: styles.dropdowns,\n dropdown_root: styles.dropdown_root,\n dropdown: styles.dropdown,\n dropdown_select_option: styles.option,\n\n months_dropdown: styles.monthsDropdown,\n years_dropdown: styles.yearsDropdown,\n\n month_grid: styles.monthGrid,\n weekday: styles.weekday,\n day_button: styles.dayButton,\n day: styles.day,\n outside: styles.dayOutside,\n selected: styles.daySelected,\n range_start: styles.dayRangeStart,\n range_middle: styles.dayRangeMiddle,\n range_end: styles.dayRangeEnd,\n today: styles.dayToday,\n} as const\n\nconst staticComponents = {\n Dropdown: DropdownComponent,\n} as const\n\nconst staticProps = {\n weekStartsOn: 1 as WeekStartsOn,\n showOutsideDays: true,\n reverseYears: true,\n captionLayout: 'dropdown' as CaptionLayout,\n} as const\n\nconst baseDayPickerProps = {\n components: staticComponents,\n ...staticProps,\n} as const\n\nexport const getDayPickerProps = (isOpen: boolean) => {\n return {\n ...baseDayPickerProps,\n classNames: {\n root: clsx(styles.calendar, isOpen && styles.open),\n ...staticClassNames,\n },\n }\n}\n","import { DateRange } from 'react-day-picker'\nimport { format } from 'date-fns'\n\nconst DATE_FORMAT = 'dd.MM.yyyy'\n\nexport const formatSingleDate = (date: Date | undefined): string => {\n if (!date) return ''\n return format(date, DATE_FORMAT)\n}\n\nexport const formatRangeDate = (range: DateRange | undefined): string => {\n if (!range || !range.from) return ''\n\n if (range.to && range.from.getTime() !== range.to.getTime()) {\n return `${format(range.from, DATE_FORMAT)} - ${format(range.to, DATE_FORMAT)}`\n }\n\n return format(range.from, DATE_FORMAT)\n}\n\nexport const formatDateValue = (\n value: Date | DateRange | undefined,\n mode: 'single' | 'range',\n): string => {\n if (!value) return ''\n\n if (mode === 'single' && value instanceof Date) {\n return formatSingleDate(value)\n }\n\n if (mode === 'range' && typeof value === 'object' && 'from' in value) {\n return formatRangeDate(value as DateRange)\n }\n\n return ''\n}\n","import { DateRange } from 'react-day-picker'\nimport { formatDateValue } from './formatDateValue'\n\ntype HandleDateSelectParams = {\n value: Date | DateRange | undefined\n mode: 'single' | 'range'\n onChange: (value: string) => void\n setMonth: (date: Date) => void\n setIsOpen: (open: boolean) => void\n}\n\nexport const handleDateSelect = ({\n value,\n mode,\n onChange,\n setMonth,\n setIsOpen,\n}: HandleDateSelectParams) => {\n if (!value) {\n onChange('')\n return\n }\n\n if (mode === 'single') {\n if (value instanceof Date) {\n setMonth(value)\n onChange(formatDateValue(value, 'single'))\n setIsOpen(false)\n }\n return\n }\n\n if (mode === 'range' && typeof value === 'object' && 'from' in value) {\n const range = value as DateRange\n\n if (range.from) {\n setMonth(range.from)\n } else if (range.to) {\n setMonth(range.to)\n }\n\n const formattedValue = formatDateValue(range, 'range')\n onChange(formattedValue)\n\n if (range.from && range.to && range.from.getTime() !== range.to.getTime()) {\n setIsOpen(false)\n }\n }\n}\n","import { DateRange } from 'react-day-picker'\n\nexport const updateMonthFromDate = (\n date: Date | DateRange | undefined,\n mode: 'single' | 'range',\n setMonth: (date: Date) => void,\n) => {\n if (!date) return\n\n if (mode === 'single' && date instanceof Date) {\n setMonth(date)\n return\n }\n\n if (mode === 'range' && typeof date === 'object' && 'from' in date) {\n const range = date as DateRange\n if (range.from) {\n setMonth(range.from)\n } else if (range.to) {\n setMonth(range.to)\n }\n }\n}\n","'use client'\n\nimport { Typography } from '@/components/Typography'\nimport { CalendarIcon, CloseIcon } from '@/icons'\nimport clsx from 'clsx'\nimport { ChangeEvent, type MouseEvent, useEffect, useMemo, useRef, useState } from 'react'\nimport { DateRange, DayPicker, type DayPickerProps } from 'react-day-picker'\n\nimport styles from './DatePicker.module.css'\nimport { DatePickerProps } from './DatePicker.types'\nimport { useDismiss } from './hooks/useDismiss'\nimport { useDatePickerState } from './hooks/useDatePickerState'\nimport { getDayPickerProps } from './utils/getDayPickerProps'\nimport { handleDateSelect } from './utils/handleDateSelect'\nimport { parseDateValue } from './utils/parseDateValue'\nimport { updateMonthFromDate } from './utils/updateMonthFromDate'\n\nexport const DatePicker = ({\n mode,\n value,\n onChange,\n disabled,\n label,\n error,\n placeholder,\n ...rest\n}: DatePickerProps) => {\n const [isOpen, setIsOpen] = useState(false)\n const wrapperRef = useRef<HTMLDivElement>(null)\n const { month, setMonth } = useDatePickerState(value, mode)\n\n const parsedDate = useMemo(() => parseDateValue(value, mode), [value, mode])\n\n useEffect(() => {\n updateMonthFromDate(parsedDate, mode, setMonth)\n }, [parsedDate, mode, setMonth])\n\n const closeCalendar = () => {\n setIsOpen(false)\n }\n\n useDismiss({ ref: wrapperRef, isOpen, onDismiss: closeCalendar })\n\n const handleClear = (e: MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation()\n handleSelect(undefined)\n }\n\n const handleToggle = () => {\n if (disabled) return\n setIsOpen((prev) => !prev)\n }\n\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.currentTarget.value\n onChange(inputValue)\n }\n\n const handleSelect = (selectedValue: Date | DateRange | undefined) => {\n handleDateSelect({\n value: selectedValue,\n mode,\n onChange,\n setMonth,\n setIsOpen,\n })\n }\n\n const commonDayPickerProps = useMemo(() => getDayPickerProps(isOpen), [isOpen])\n\n return (\n <div ref={wrapperRef} className={styles.wrapper}>\n <div className={styles.inputContainer}>\n {label && (\n <span className={disabled ? styles.disabledLabel : styles.label}>\n <Typography variant=\"text-14\">{label}</Typography>\n </span>\n )}\n <div className={styles.inputWrapper}>\n <input\n type=\"text\"\n className={clsx(styles.trigger, error && styles.error)}\n onClick={handleToggle}\n value={value}\n onChange={handleInputChange}\n placeholder={placeholder}\n disabled={disabled}\n aria-label={label || 'Select date'}\n aria-expanded={isOpen}\n aria-haspopup=\"dialog\"\n aria-invalid={error ? 'true' : 'false'}\n {...rest}\n />\n {value && !disabled && (\n <button\n type=\"button\"\n className={styles.clearButton}\n onClick={handleClear}\n aria-label=\"Clear date\"\n >\n <CloseIcon className={styles.clearIcon} />\n </button>\n )}\n <CalendarIcon className={clsx(styles.icon, !value && styles.placeholder)} />\n </div>\n {error && (\n <Typography variant=\"small\" className={styles.error}>\n {error}\n </Typography>\n )}\n </div>\n\n {mode === 'single' ? (\n <DayPicker\n {...(commonDayPickerProps as DayPickerProps)}\n month={month}\n onMonthChange={setMonth}\n mode=\"single\"\n selected={parsedDate instanceof Date ? parsedDate : undefined}\n onSelect={handleSelect}\n />\n ) : (\n <DayPicker\n {...(commonDayPickerProps as DayPickerProps)}\n month={month}\n onMonthChange={setMonth}\n mode=\"range\"\n selected={\n parsedDate && typeof parsedDate === 'object' && 'from' in parsedDate\n ? (parsedDate as DateRange)\n : undefined\n }\n onSelect={handleSelect}\n />\n )}\n </div>\n )\n}\n","'use client'\n\nimport { useEffect, useId, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { clsx } from 'clsx'\nimport { FocusTrap } from 'focus-trap-react'\n\nimport s from './Modal.module.css'\nimport { ModalProps } from './Modal.types'\nimport { CloseIcon } from '@/icons/CloseIcon'\n\nexport const Modal = ({ open, onClose, title, children, className }: ModalProps) => {\n const titleId = useId()\n const onCloseRef = useRef(onClose)\n\n useEffect(() => {\n onCloseRef.current = onClose\n }, [onClose])\n\n useEffect(() => {\n if (!open) return\n\n document.body.style.overflow = 'hidden'\n\n return () => {\n document.body.style.overflow = ''\n }\n }, [open])\n\n useEffect(() => {\n if (!open) return\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n onCloseRef.current()\n }\n }\n\n document.addEventListener('keydown', handleKeyDown)\n return () => {\n document.removeEventListener('keydown', handleKeyDown)\n }\n }, [open])\n\n if (!open) return null\n if (typeof document === 'undefined') return null\n const modalRoot = document.getElementById('modal-root') ?? document.body\n\n return createPortal(\n <FocusTrap\n active={open}\n focusTrapOptions={{\n clickOutsideDeactivates: true,\n returnFocusOnDeactivate: true,\n }}\n >\n <div className={s.overlay} onClick={() => onCloseRef.current()}>\n <div\n className={clsx(s.modal, className)}\n onClick={(e) => e.stopPropagation()}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={titleId}\n >\n <header className={s.header}>\n <h2 id={titleId} className={s.title}>\n {title}\n </h2>\n\n <button\n type=\"button\"\n className={s.close}\n aria-label=\"Close modal\"\n onClick={() => onCloseRef.current()}\n >\n <CloseIcon />\n </button>\n </header>\n\n <div className={s.body}>{children}</div>\n </div>\n </div>\n </FocusTrap>,\n modalRoot,\n )\n}\n"],"names":["Input","forwardRef","label","errorMessage","startIcon","endIcon","onEndIconClick","allowPasswordToggle","disabled","type","className","required","id","rest","ref","generatedId","useId","inputId","errorId","isError","isPassword","showPassword","setShowPassword","useState","clsx","s","jsxs","jsx","v","EyeOffIcon","EyeIcon","toastSuccess","message","toast","Alert","toastError","title","t","useDismiss","isOpen","onDismiss","useEffect","handleClickOutside","event","handleEscape","DATE_FORMAT","parseSingleDate","value","parsedDate","parse","isValid","parseRangeDate","separator","separatorIndex","fromPart","toPart","fromDate","toDate","parseDateValue","mode","useDatePickerState","localMonth","setLocalMonth","useMemo","range","date","Select","props","onChange","options","placeholder","setIsOpen","selectRef","useRef","selectedOption","option","handleToggle","handleSelect","optionValue","ArrowDownIcon","SimpleBar","DropdownComponent","handleDropdownChange","syntheticEvent","selectOptions","staticClassNames","styles","staticComponents","staticProps","baseDayPickerProps","getDayPickerProps","formatSingleDate","format","formatRangeDate","formatDateValue","handleDateSelect","setMonth","formattedValue","updateMonthFromDate","DatePicker","error","wrapperRef","month","handleClear","e","prev","handleInputChange","inputValue","selectedValue","commonDayPickerProps","Typography","CloseIcon","CalendarIcon","DayPicker","Modal","open","onClose","children","titleId","onCloseRef","handleKeyDown","modalRoot","createPortal","FocusTrap"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.client.js","sources":["../src/components/Alert/toast.tsx","../src/components/DatePicker/hooks/useDismiss.ts","../src/components/DatePicker/utils/parseDateValue.ts","../src/components/DatePicker/hooks/useDatePickerState.ts","../src/components/Select/Select.tsx","../src/components/DatePicker/utils/getDayPickerProps.tsx","../src/components/DatePicker/utils/formatDateValue.ts","../src/components/DatePicker/utils/handleDateSelect.ts","../src/components/DatePicker/utils/updateMonthFromDate.ts","../src/components/DatePicker/DatePicker.tsx","../src/components/DropdownMenu/DropdownMenu.tsx","../src/components/Input/Input.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client'\n\nimport { toast } from 'react-hot-toast'\nimport { Alert } from './Alert'\nimport s from './Alert.module.css'\n\n/**\n * Show a success toast rendered with the shared `Alert` component.\n * @param message - Text to display in the toast body.\n */\nexport const toastSuccess = (message: string) => {\n toast.custom((t) => (\n <Alert\n variant=\"success\"\n message={message}\n className={t.visible ? s.toastEnter : s.toastExit}\n onClose={() => toast.dismiss(t.id)}\n />\n ))\n}\n\n/**\n * Show an error toast rendered with the shared `Alert` component.\n * @param message - Text to display in the toast body.\n * @param title - Optional heading shown above the message. Defaults to `\"Error!\"`.\n */\nexport const toastError = (message: string, title = 'Error!') => {\n toast.custom((t) => (\n <Alert\n variant=\"error\"\n title={title}\n message={message}\n className={t.visible ? s.toastEnter : s.toastExit}\n onClose={() => toast.dismiss(t.id)}\n />\n ))\n}\n","'use client'\n\nimport { useEffect, type RefObject } from 'react'\n\ntype UseDismissParams<T extends HTMLElement = HTMLElement> = {\n ref: RefObject<T | null>\n isOpen: boolean\n onDismiss: () => void\n}\n\nexport const useDismiss = <T extends HTMLElement = HTMLElement>({\n ref,\n isOpen,\n onDismiss,\n}: UseDismissParams<T>) => {\n useEffect(() => {\n if (!isOpen) return\n\n const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n onDismiss()\n }\n }\n\n const handleEscape = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n onDismiss()\n }\n }\n\n document.addEventListener('mousedown', handleClickOutside)\n document.addEventListener('touchstart', handleClickOutside)\n document.addEventListener('keydown', handleEscape)\n\n return () => {\n document.removeEventListener('mousedown', handleClickOutside)\n document.removeEventListener('touchstart', handleClickOutside)\n document.removeEventListener('keydown', handleEscape)\n }\n }, [isOpen, onDismiss, ref])\n}\n","import { isValid, parse } from 'date-fns'\nimport { DateRange } from 'react-day-picker'\n\nconst DATE_FORMAT = 'dd.MM.yyyy'\n\nexport const parseSingleDate = (value: string): Date | undefined => {\n if (!value) return undefined\n\n const parsedDate = parse(value, DATE_FORMAT, new Date())\n return isValid(parsedDate) ? parsedDate : undefined\n}\n\nexport const parseRangeDate = (value: string): DateRange | undefined => {\n if (!value) return undefined\n\n const separator = ' - '\n const separatorIndex = value.indexOf(separator)\n\n if (separatorIndex === -1) {\n const parsedDate = parse(value.trim(), DATE_FORMAT, new Date())\n if (isValid(parsedDate)) {\n return { from: parsedDate, to: undefined }\n }\n return undefined\n }\n\n const fromPart = value.substring(0, separatorIndex).trim()\n const toPart = value.substring(separatorIndex + separator.length).trim()\n\n if (!fromPart || !toPart) return undefined\n\n const fromDate = parse(fromPart, DATE_FORMAT, new Date())\n const toDate = parse(toPart, DATE_FORMAT, new Date())\n\n if (isValid(fromDate) && isValid(toDate)) {\n return { from: fromDate, to: toDate }\n }\n\n return undefined\n}\n\nexport const parseDateValue = (\n value: string,\n mode: 'single' | 'range',\n): Date | DateRange | undefined => {\n if (!value) return undefined\n\n if (mode === 'single') {\n return parseSingleDate(value)\n }\n\n return parseRangeDate(value)\n}\n","'use client'\n\nimport { useState, useMemo } from 'react'\nimport { DateRange } from 'react-day-picker'\nimport { parseDateValue } from '../utils/parseDateValue'\n\nexport const useDatePickerState = (value: string, mode: 'single' | 'range') => {\n const [localMonth, setLocalMonth] = useState(new Date())\n\n const month = useMemo(() => {\n const parsedDate = parseDateValue(value, mode)\n\n if (!parsedDate) return localMonth\n\n if (mode === 'single' && parsedDate instanceof Date) {\n return parsedDate\n }\n\n if (mode === 'range' && typeof parsedDate === 'object' && 'from' in parsedDate) {\n const range = parsedDate as DateRange\n if (range.from) {\n return range.from\n }\n if (range.to) {\n return range.to\n }\n }\n\n return localMonth\n }, [value, mode, localMonth])\n\n const setMonth = (date: Date) => {\n setLocalMonth(date)\n }\n\n return {\n month,\n setMonth,\n }\n}\n","'use client'\n\nimport { useEffect, useRef, useState } from 'react'\n\nimport { clsx } from 'clsx'\n\nimport SimpleBar from 'simplebar-react'\nimport 'simplebar-react/dist/simplebar.min.css'\n\nimport { ArrowDownIcon } from '@/icons'\n\nimport s from './Select.module.css'\nimport { SelectProps } from './'\n\nexport const Select = (props: SelectProps) => {\n const { className, disabled = false, label, onChange, options, placeholder, value } = props\n\n const [isOpen, setIsOpen] = useState(false)\n const selectRef = useRef<HTMLDivElement>(null)\n\n const selectedOption = options.find((option) => option.value === value)\n\n const handleToggle = () => {\n if (!disabled) {\n setIsOpen(!isOpen)\n }\n }\n\n const handleSelect = (optionValue: string) => {\n onChange?.(optionValue)\n setIsOpen(false)\n }\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (selectRef.current && !selectRef.current.contains(event.target as Node)) {\n setIsOpen(false)\n }\n }\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside)\n }\n\n return () => {\n document.removeEventListener('mousedown', handleClickOutside)\n }\n }, [isOpen])\n\n return (\n <div className={clsx(s.container, className)}>\n {label && <label className={s.label}>{label}</label>}\n\n <div className={s.select} ref={selectRef}>\n <button\n className={clsx(s.trigger, isOpen && s.triggerOpen)}\n disabled={disabled}\n onClick={handleToggle}\n type=\"button\"\n aria-haspopup=\"listbox\"\n aria-expanded={isOpen}\n >\n <span className={selectedOption ? s.selectedContent : s.placeholder}>\n {selectedOption?.icon && <span className={s.optionIcon}>{selectedOption.icon}</span>}\n {selectedOption ? selectedOption.label : placeholder || 'Select an option'}\n </span>\n <span className={clsx(s.arrow, isOpen && s.open)}>\n <ArrowDownIcon />\n </span>\n </button>\n\n {isOpen && (\n <SimpleBar className={s.dropdown} role=\"listbox\" style={{ maxHeight: 191 }}>\n {options.map((option) => (\n <button\n key={option.value}\n className={clsx(s.option, option.value === value && s.selected)}\n onClick={() => handleSelect(option.value)}\n type=\"button\"\n role=\"option\"\n aria-selected={option.value === value}\n >\n {option.icon && <span className={s.optionIcon}>{option.icon}</span>}\n {option.label}\n </button>\n ))}\n </SimpleBar>\n )}\n </div>\n </div>\n )\n}\n","import React from 'react'\nimport clsx from 'clsx'\nimport { DropdownProps } from 'react-day-picker'\nimport { Select } from '../../Select'\nimport styles from '../DatePicker.module.css'\nimport { CaptionLayout, WeekStartsOn } from '../DatePicker.types'\n\nconst DropdownComponent = (props: DropdownProps) => {\n const handleDropdownChange = (value: string) => {\n if (props.onChange) {\n const syntheticEvent = {\n target: {\n value,\n },\n } as React.ChangeEvent<HTMLSelectElement>\n\n props.onChange(syntheticEvent)\n }\n }\n\n const selectOptions =\n props.options?.map((option) => ({\n value: option.value.toString(),\n label: option.label,\n })) || []\n\n return (\n <Select\n className={props.className}\n options={selectOptions}\n value={props.value?.toString() || ''}\n onChange={handleDropdownChange}\n />\n )\n}\n\nDropdownComponent.displayName = 'DatePickerDropdown'\n\nconst staticClassNames = {\n month_caption: styles.monthsCaption,\n button_previous: styles.navButtonPrevious,\n button_next: styles.navButtonNext,\n chevron: styles.navIcon,\n caption_label: styles.captionLabel,\n\n dropdowns: styles.dropdowns,\n dropdown_root: styles.dropdown_root,\n dropdown: styles.dropdown,\n dropdown_select_option: styles.option,\n\n months_dropdown: styles.monthsDropdown,\n years_dropdown: styles.yearsDropdown,\n\n month_grid: styles.monthGrid,\n weekday: styles.weekday,\n day_button: styles.dayButton,\n day: styles.day,\n outside: styles.dayOutside,\n selected: styles.daySelected,\n range_start: styles.dayRangeStart,\n range_middle: styles.dayRangeMiddle,\n range_end: styles.dayRangeEnd,\n today: styles.dayToday,\n} as const\n\nconst staticComponents = {\n Dropdown: DropdownComponent,\n} as const\n\nconst staticProps = {\n weekStartsOn: 1 as WeekStartsOn,\n showOutsideDays: true,\n reverseYears: true,\n captionLayout: 'dropdown' as CaptionLayout,\n} as const\n\nconst baseDayPickerProps = {\n components: staticComponents,\n ...staticProps,\n} as const\n\nexport const getDayPickerProps = (isOpen: boolean) => {\n return {\n ...baseDayPickerProps,\n classNames: {\n root: clsx(styles.calendar, isOpen && styles.open),\n ...staticClassNames,\n },\n }\n}\n","import { DateRange } from 'react-day-picker'\nimport { format } from 'date-fns'\n\nconst DATE_FORMAT = 'dd.MM.yyyy'\n\nexport const formatSingleDate = (date: Date | undefined): string => {\n if (!date) return ''\n return format(date, DATE_FORMAT)\n}\n\nexport const formatRangeDate = (range: DateRange | undefined): string => {\n if (!range || !range.from) return ''\n\n if (range.to && range.from.getTime() !== range.to.getTime()) {\n return `${format(range.from, DATE_FORMAT)} - ${format(range.to, DATE_FORMAT)}`\n }\n\n return format(range.from, DATE_FORMAT)\n}\n\nexport const formatDateValue = (\n value: Date | DateRange | undefined,\n mode: 'single' | 'range',\n): string => {\n if (!value) return ''\n\n if (mode === 'single' && value instanceof Date) {\n return formatSingleDate(value)\n }\n\n if (mode === 'range' && typeof value === 'object' && 'from' in value) {\n return formatRangeDate(value as DateRange)\n }\n\n return ''\n}\n","import { DateRange } from 'react-day-picker'\nimport { formatDateValue } from './formatDateValue'\n\ntype HandleDateSelectParams = {\n value: Date | DateRange | undefined\n mode: 'single' | 'range'\n onChange: (value: string) => void\n setMonth: (date: Date) => void\n setIsOpen: (open: boolean) => void\n}\n\nexport const handleDateSelect = ({\n value,\n mode,\n onChange,\n setMonth,\n setIsOpen,\n}: HandleDateSelectParams) => {\n if (!value) {\n onChange('')\n return\n }\n\n if (mode === 'single') {\n if (value instanceof Date) {\n setMonth(value)\n onChange(formatDateValue(value, 'single'))\n setIsOpen(false)\n }\n return\n }\n\n if (mode === 'range' && typeof value === 'object' && 'from' in value) {\n const range = value as DateRange\n\n if (range.from) {\n setMonth(range.from)\n } else if (range.to) {\n setMonth(range.to)\n }\n\n const formattedValue = formatDateValue(range, 'range')\n onChange(formattedValue)\n\n if (range.from && range.to && range.from.getTime() !== range.to.getTime()) {\n setIsOpen(false)\n }\n }\n}\n","import { DateRange } from 'react-day-picker'\n\nexport const updateMonthFromDate = (\n date: Date | DateRange | undefined,\n mode: 'single' | 'range',\n setMonth: (date: Date) => void,\n) => {\n if (!date) return\n\n if (mode === 'single' && date instanceof Date) {\n setMonth(date)\n return\n }\n\n if (mode === 'range' && typeof date === 'object' && 'from' in date) {\n const range = date as DateRange\n if (range.from) {\n setMonth(range.from)\n } else if (range.to) {\n setMonth(range.to)\n }\n }\n}\n","'use client'\n\nimport { Typography } from '@/components/Typography'\nimport { CalendarIcon, CloseIcon } from '@/icons'\nimport clsx from 'clsx'\nimport { ChangeEvent, type MouseEvent, useEffect, useMemo, useRef, useState } from 'react'\nimport { DateRange, DayPicker, type DayPickerProps } from 'react-day-picker'\n\nimport styles from './DatePicker.module.css'\nimport { DatePickerProps } from './DatePicker.types'\nimport { useDismiss } from './hooks/useDismiss'\nimport { useDatePickerState } from './hooks/useDatePickerState'\nimport { getDayPickerProps } from './utils/getDayPickerProps'\nimport { handleDateSelect } from './utils/handleDateSelect'\nimport { parseDateValue } from './utils/parseDateValue'\nimport { updateMonthFromDate } from './utils/updateMonthFromDate'\n\nexport const DatePicker = ({\n mode,\n value,\n onChange,\n disabled,\n label,\n error,\n placeholder,\n ...rest\n}: DatePickerProps) => {\n const [isOpen, setIsOpen] = useState(false)\n const wrapperRef = useRef<HTMLDivElement>(null)\n const { month, setMonth } = useDatePickerState(value, mode)\n\n const parsedDate = useMemo(() => parseDateValue(value, mode), [value, mode])\n\n useEffect(() => {\n updateMonthFromDate(parsedDate, mode, setMonth)\n }, [parsedDate, mode, setMonth])\n\n const closeCalendar = () => {\n setIsOpen(false)\n }\n\n useDismiss({ ref: wrapperRef, isOpen, onDismiss: closeCalendar })\n\n const handleClear = (e: MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation()\n handleSelect(undefined)\n }\n\n const handleToggle = () => {\n if (disabled) return\n setIsOpen((prev) => !prev)\n }\n\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.currentTarget.value\n onChange(inputValue)\n }\n\n const handleSelect = (selectedValue: Date | DateRange | undefined) => {\n handleDateSelect({\n value: selectedValue,\n mode,\n onChange,\n setMonth,\n setIsOpen,\n })\n }\n\n const commonDayPickerProps = useMemo(() => getDayPickerProps(isOpen), [isOpen])\n\n return (\n <div ref={wrapperRef} className={styles.wrapper}>\n <div className={styles.inputContainer}>\n {label && (\n <span className={disabled ? styles.disabledLabel : styles.label}>\n <Typography variant=\"text-14\">{label}</Typography>\n </span>\n )}\n <div className={styles.inputWrapper}>\n <input\n type=\"text\"\n className={clsx(styles.trigger, error && styles.error)}\n onClick={handleToggle}\n value={value}\n onChange={handleInputChange}\n placeholder={placeholder}\n disabled={disabled}\n aria-label={label || 'Select date'}\n aria-expanded={isOpen}\n aria-haspopup=\"dialog\"\n aria-invalid={error ? 'true' : 'false'}\n {...rest}\n />\n {value && !disabled && (\n <button\n type=\"button\"\n className={styles.clearButton}\n onClick={handleClear}\n aria-label=\"Clear date\"\n >\n <CloseIcon className={styles.clearIcon} />\n </button>\n )}\n <CalendarIcon className={clsx(styles.icon, !value && styles.placeholder)} />\n </div>\n {error && (\n <Typography variant=\"small\" className={styles.error}>\n {error}\n </Typography>\n )}\n </div>\n\n {mode === 'single' ? (\n <DayPicker\n {...(commonDayPickerProps as DayPickerProps)}\n month={month}\n onMonthChange={setMonth}\n mode=\"single\"\n selected={parsedDate instanceof Date ? parsedDate : undefined}\n onSelect={handleSelect}\n />\n ) : (\n <DayPicker\n {...(commonDayPickerProps as DayPickerProps)}\n month={month}\n onMonthChange={setMonth}\n mode=\"range\"\n selected={\n parsedDate && typeof parsedDate === 'object' && 'from' in parsedDate\n ? (parsedDate as DateRange)\n : undefined\n }\n onSelect={handleSelect}\n />\n )}\n </div>\n )\n}\n","'use client'\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { clsx } from 'clsx'\n\nimport s from './DropdownMenu.module.css'\nimport { DropdownMenuProps } from './DropdownMenu.types'\n\nexport const DropdownMenu = (props: DropdownMenuProps) => {\n const { children, items, className, align = 'end', side = 'bottom' } = props\n\n return (\n <DropdownMenuPrimitive.Root>\n <DropdownMenuPrimitive.Trigger asChild>{children}</DropdownMenuPrimitive.Trigger>\n\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n align={align}\n className={clsx(s.content, className)}\n side={side}\n sideOffset={4}\n >\n {items.map((item, index) => (\n <DropdownMenuPrimitive.Item\n key={index}\n className={s.item}\n disabled={item.disabled}\n onSelect={item.onSelect}\n >\n {item.icon && <span className={s.icon}>{item.icon}</span>}\n <span className={s.label}>{item.label}</span>\n </DropdownMenuPrimitive.Item>\n ))}\n </DropdownMenuPrimitive.Content>\n </DropdownMenuPrimitive.Portal>\n </DropdownMenuPrimitive.Root>\n )\n}\n","'use client'\n\nimport { forwardRef, useId, useState } from 'react'\nimport { clsx } from 'clsx'\n\nimport s from './Input.module.css'\nimport { InputProps } from './Input.types'\nimport { EyeIcon, EyeOffIcon } from '@/icons'\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n (\n {\n label,\n errorMessage,\n startIcon,\n endIcon,\n onEndIconClick,\n allowPasswordToggle,\n disabled,\n type = 'text',\n className,\n required,\n id,\n ...rest\n },\n ref,\n ) => {\n const generatedId = useId()\n const inputId = id ?? generatedId\n const errorId = errorMessage ? `${inputId}-error` : undefined\n\n const isError = Boolean(errorMessage)\n const isPassword = type === 'password' && allowPasswordToggle\n\n const [showPassword, setShowPassword] = useState(false)\n\n return (\n <div className={clsx(s.wrapper, className)}>\n {label && (\n <label htmlFor={inputId} className={clsx(s.label, { [s.disabled]: disabled })}>\n {label}\n {required && <sup className={s.required}> *</sup>}\n </label>\n )}\n\n <div\n className={clsx(s.inputContainer, {\n [s.error]: isError,\n [s.disabled]: disabled,\n [s.withStartIcon]: Boolean(startIcon),\n [s.withEndIcon]: Boolean(endIcon) || isPassword,\n })}\n >\n {startIcon && <span className={s.startIcon}>{startIcon}</span>}\n\n <input\n ref={ref}\n id={inputId}\n className={s.input}\n type={isPassword && showPassword ? 'text' : type}\n autoComplete={type === 'password' ? 'current-password' : 'off'}\n required={required}\n disabled={disabled}\n aria-invalid={isError}\n aria-describedby={errorId}\n {...rest}\n />\n\n {isPassword && (\n <button\n type=\"button\"\n className={s.endIcon}\n onClick={() => setShowPassword((v) => !v)}\n aria-label={showPassword ? 'Hide password' : 'Show password'}\n disabled={disabled}\n tabIndex={-1}\n >\n {showPassword ? <EyeOffIcon /> : <EyeIcon />}\n </button>\n )}\n\n {endIcon && !isPassword && (\n <button\n type=\"button\"\n className={s.endIcon}\n onClick={onEndIconClick}\n aria-label=\"Action\"\n disabled={disabled}\n >\n {endIcon}\n </button>\n )}\n </div>\n\n {isError && (\n <span id={errorId} className={s.errorMessage} role=\"alert\">\n {errorMessage}\n </span>\n )}\n </div>\n )\n },\n)\n\nInput.displayName = 'Input'\n","'use client'\n\nimport { useEffect, useId, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { clsx } from 'clsx'\nimport { FocusTrap } from 'focus-trap-react'\n\nimport s from './Modal.module.css'\nimport { ModalProps } from './Modal.types'\nimport { CloseIcon } from '@/icons/CloseIcon'\n\nexport const Modal = ({ open, onClose, title, children, className }: ModalProps) => {\n const titleId = useId()\n const onCloseRef = useRef(onClose)\n\n useEffect(() => {\n onCloseRef.current = onClose\n }, [onClose])\n\n useEffect(() => {\n if (!open) return\n\n document.body.style.overflow = 'hidden'\n\n return () => {\n document.body.style.overflow = ''\n }\n }, [open])\n\n useEffect(() => {\n if (!open) return\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n onCloseRef.current()\n }\n }\n\n document.addEventListener('keydown', handleKeyDown)\n return () => {\n document.removeEventListener('keydown', handleKeyDown)\n }\n }, [open])\n\n if (!open) return null\n if (typeof document === 'undefined') return null\n const modalRoot = document.getElementById('modal-root') ?? document.body\n\n return createPortal(\n <FocusTrap\n active={open}\n focusTrapOptions={{\n clickOutsideDeactivates: true,\n returnFocusOnDeactivate: true,\n }}\n >\n <div className={s.overlay} onClick={() => onCloseRef.current()}>\n <div\n className={clsx(s.modal, className)}\n onClick={(e) => e.stopPropagation()}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={titleId}\n >\n <header className={s.header}>\n <h2 id={titleId} className={s.title}>\n {title}\n </h2>\n\n <button\n type=\"button\"\n className={s.close}\n aria-label=\"Close modal\"\n onClick={() => onCloseRef.current()}\n >\n <CloseIcon />\n </button>\n </header>\n\n <div className={s.body}>{children}</div>\n </div>\n </div>\n </FocusTrap>,\n modalRoot,\n )\n}\n"],"names":["toastSuccess","message","toast","jsx","Alert","s","toastError","title","t","useDismiss","ref","isOpen","onDismiss","useEffect","handleClickOutside","event","handleEscape","DATE_FORMAT","parseSingleDate","value","parsedDate","parse","isValid","parseRangeDate","separator","separatorIndex","fromPart","toPart","fromDate","toDate","parseDateValue","mode","useDatePickerState","localMonth","setLocalMonth","useState","useMemo","range","date","Select","props","className","disabled","label","onChange","options","placeholder","setIsOpen","selectRef","useRef","selectedOption","option","handleToggle","handleSelect","optionValue","clsx","jsxs","ArrowDownIcon","SimpleBar","DropdownComponent","handleDropdownChange","syntheticEvent","selectOptions","staticClassNames","styles","staticComponents","staticProps","baseDayPickerProps","getDayPickerProps","formatSingleDate","format","formatRangeDate","formatDateValue","handleDateSelect","setMonth","formattedValue","updateMonthFromDate","DatePicker","error","rest","wrapperRef","month","handleClear","e","prev","handleInputChange","inputValue","selectedValue","commonDayPickerProps","Typography","CloseIcon","CalendarIcon","DayPicker","DropdownMenu","children","items","align","side","DropdownMenuPrimitive","item","index","Input","forwardRef","errorMessage","startIcon","endIcon","onEndIconClick","allowPasswordToggle","type","required","id","generatedId","useId","inputId","errorId","isError","isPassword","showPassword","setShowPassword","v","EyeOffIcon","EyeIcon","Modal","open","onClose","titleId","onCloseRef","handleKeyDown","modalRoot","createPortal","FocusTrap"],"mappings":"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"}
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._alert_5jfpm_1{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;max-width:387px;padding:12px 24px;border-radius:2px;color:var(--color-light-100)}._content_5jfpm_15{display:flex;gap:5px;align-items:center}._error_5jfpm_22{border:1px solid var(--color-danger-500);background-color:var(--color-danger-900)}._success_5jfpm_28{border:1px solid var(--color-success-500);background-color:var(--color-success-900)}._closeButton_5jfpm_33{cursor:pointer;border:none;background:transparent}._message_5jfpm_39,._title_5jfpm_40{font-size:16px;font-weight:400;line-height:150%}._title_5jfpm_40{font-weight:700}._toastEnter_5jfpm_50{animation:_fade-in_5jfpm_1 .2s ease-out}._toastExit_5jfpm_54{animation:_fade-out_5jfpm_1 .2s ease-in forwards}@keyframes _fade-in_5jfpm_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-out_5jfpm_1{0%{opacity:1}to{opacity:0}}._button_19cd4_1{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:6px 24px;border-radius:2px;font-weight:600;line-height:150%;transition:color .12s ease-out,background-color .18s cubic-bezier(.2,0,0,1)}._button_19cd4_1:disabled{cursor:not-allowed}._primary_19cd4_26{color:var(--color-light-100);background-color:var(--color-accent-500)}._primary_19cd4_26:active{color:var(--color-light-500);background-color:var(--color-accent-700)}._primary_19cd4_26:focus-visible{outline:2px solid var(--color-accent-700)}._primary_19cd4_26:disabled{color:var(--color-light-900);background-color:var(--color-accent-900)}._primary_19cd4_26:hover:not(:active,:focus-visible,:disabled){background-color:var(--color-accent-100)}._secondary_19cd4_49{color:var(--color-light-100);background-color:var(--color-dark-300)}._secondary_19cd4_49:active{color:var(--color-light-500);background-color:var(--color-dark-400)}._secondary_19cd4_49:focus-visible{outline:2px solid var(--color-accent-300)}._secondary_19cd4_49:disabled{color:var(--color-light-900);background-color:var(--color-dark-500)}._secondary_19cd4_49:hover:not(:active,:focus-visible,:disabled){background-color:var(--color-dark-100)}._outlined_19cd4_72{border:1px solid var(--color-accent-500);color:var(--color-accent-500);background-color:transparent}._outlined_19cd4_72:active{border-color:var(--color-accent-700);color:var(--color-accent-700)}._outlined_19cd4_72:focus-visible{border:2px solid var(--color-accent-700);color:var(--color-accent-700)}._outlined_19cd4_72:disabled{border-color:var(--color-accent-900);color:var(--color-accent-900)}._outlined_19cd4_72:hover:not(:active,:focus-visible,:disabled){border-color:var(--color-accent-100);color:var(--color-accent-100)}._text_19cd4_98{color:var(--color-accent-500)}._text_19cd4_98:active{color:var(--color-accent-700)}._text_19cd4_98:focus-visible{outline:2px solid var(--color-accent-700)}._text_19cd4_98:disabled{color:var(--color-accent-900)}._text_19cd4_98:hover:not(:active,:focus-visible,:disabled){color:var(--color-accent-100)}._icon_19cd4_118{display:inline-flex;align-items:center;margin-right:10px}._card_1ah7i_1{padding:16px;border:1px solid var(--color-dark-100);border-radius:2px;background-color:var(--color-dark-500)}._checkbox_1q28z_1{cursor:pointer;position:relative;display:inline-flex;gap:10px;align-items:center}._input_1q28z_11{position:absolute;opacity:0}._labelSpan_1q28z_16{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-100)}._control_1q28z_23{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-light-500);border-radius:4px}._input_1q28z_11:checked+._control_1q28z_23{background-color:var(--color-light-100)}._control_1q28z_23:before{content:"";position:absolute;z-index:-1;width:36px;height:36px;border-radius:50%;background-color:transparent;transition:background-color .15s ease}._control_1q28z_23:hover:before{background-color:var(--color-dark-100)}._input_1q28z_11:focus-visible+._control_1q28z_23:before{background-color:var(--color-dark-100)}._checkbox_1q28z_1:active ._control_1q28z_23:before{background-color:var(--color-dark-100)}._control_1q28z_23:after{content:"";position:absolute;top:50%;left:50%;transform-origin:left bottom;transform:translate(calc(-50% + 4px),-40%) rotate(-45deg);width:10px;height:6px;border-bottom:2px solid transparent;border-left:2px solid transparent}._input_1q28z_11:checked+._control_1q28z_23:after{border-color:var(--color-dark-900)}._input_1q28z_11:disabled+._control_1q28z_23{border-color:var(--color-dark-100)}._input_1q28z_11:disabled+._control_1q28z_23:before{background-color:transparent}._input_1q28z_11:disabled~._labelSpan_1q28z_16,._input_1q28z_11:disabled+._control_1q28z_23{cursor:not-allowed}._input_1q28z_11:disabled:checked+._control_1q28z_23{background-color:var(--color-dark-100)}._input_1q28z_11:disabled:checked+._control_1q28z_23:after{border-color:var(--color-light-700)}._input_1q28z_11:disabled~._labelSpan_1q28z_16{color:var(--color-light-900)}._checkbox_1q28z_1:has(._input_1q28z_11:disabled){cursor:not-allowed}._typography_18u05_1{display:inline-flex;align-items:center;margin:0;color:var(--color-light-100)}._icon_18u05_8{display:inline-flex;align-items:center;margin-right:8px}._large_18u05_14{font-size:26px;font-weight:600;line-height:138%}._h1_18u05_20{font-size:20px;font-weight:700;line-height:180%}._h2_18u05_26{font-size:18px;font-weight:700;line-height:133%}._h3_18u05_32{font-size:16px;font-weight:600;line-height:150%}._text-16_18u05_38{font-size:16px;font-weight:400;line-height:150%}._text-16-bold_18u05_44{font-size:16px;font-weight:700;line-height:150%}._text-14_18u05_50{font-size:14px;font-weight:400;line-height:171%}._text-14-bold_18u05_56{font-size:14px;font-weight:700;line-height:171%}._text-14-medium_18u05_62{font-size:14px;font-weight:500;line-height:171%}._small_18u05_68{font-size:12px;font-weight:400;line-height:133%}._small-semibold_18u05_74{font-size:12px;font-weight:600;line-height:133%}._link_18u05_80{font-size:14px;font-weight:400;line-height:171%;color:var(--color-accent-500);text-decoration:underline;text-decoration-skip-ink:none}._small-link_18u05_89{font-size:12px;font-weight:400;line-height:133%;color:var(--color-accent-500);text-decoration:underline;text-decoration-skip-ink:none}._label_ndvr9_1{margin-bottom:4px}._required_ndvr9_5{margin-left:4px;color:var(--color-danger-500)}._srOnly_ndvr9_10{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}._radio_10hqy_1{cursor:pointer;position:relative;display:inline-flex;gap:10px;align-items:center}._input_10hqy_12{position:absolute;opacity:0}._labelSpan_10hqy_18{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-100)}._control_10hqy_26{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-light-100);border-radius:50%}._control_10hqy_26:before{content:"";position:absolute;z-index:-1;width:36px;height:36px;border-radius:50%;background-color:transparent;transition:background-color .2s ease}._control_10hqy_26:hover:before{background-color:var(--color-dark-300)}._input_10hqy_12:focus-visible+._control_10hqy_26:before{background-color:var(--color-dark-500)}._radio_10hqy_1:active ._control_10hqy_26:before{background-color:var(--color-dark-100)}._control_10hqy_26:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:transparent}._input_10hqy_12:checked+._control_10hqy_26:after{background-color:var(--color-light-100)}._input_10hqy_12:disabled+._control_10hqy_26{border-color:var(--color-dark-100)}._input_10hqy_12:disabled+._control_10hqy_26:before{background-color:transparent}._input_10hqy_12:disabled:checked+._control_10hqy_26:after{background-color:var(--color-dark-100)}._input_10hqy_12:disabled~._labelSpan_10hqy_18{color:var(--color-light-900)}._input_10hqy_12:disabled~._labelSpan_10hqy_18,._input_10hqy_12:disabled+._control_10hqy_26,._input_10hqy_12:disabled~._control_10hqy_26{cursor:not-allowed}._radio_10hqy_1:has(._input_10hqy_12:disabled){cursor:not-allowed}._tab_78cv0_1{all:unset;cursor:pointer;width:100%;padding:6px 23px 4px;border-bottom:2px solid var(--color-dark-100);border-radius:0;font-size:16px;font-weight:600;line-height:150%;color:var(--color-dark-100);text-align:center;transition-duration:.2s;transition-property:background-color,color,border-color}._selected_78cv0_21{border-bottom-color:var(--color-accent-500);color:var(--color-accent-500)}._tab_78cv0_1:disabled{cursor:not-allowed;border-bottom-color:var(--color-dark-300);color:var(--color-dark-300)}._selected_78cv0_21:disabled{border-bottom-color:var(--color-accent-900);color:var(--color-accent-900)}._tab_78cv0_1:focus-visible{border-radius:2px;outline:2px solid var(--color-accent-700)}._tab_78cv0_1:active:not(:disabled){background-color:color-mix(in srgb,var(--color-accent-100) 15%,transparent)}._tab_78cv0_1:hover:not(:active,:focus-visible,:disabled){background-color:color-mix(in srgb,var(--color-accent-900) 15%,transparent)}._textareaWrapper_ahoiy_1{display:flex;flex-direction:column;width:100%}._label_ahoiy_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._label_ahoiy_7._disabled_ahoiy_14{color:var(--color-dark-100)}._textarea_ahoiy_1{resize:none;box-sizing:border-box;width:100%;padding:10px 14px;border:1px solid var(--color-dark-100);border-radius:2px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900);background-color:transparent;outline:none}._textarea_ahoiy_1:disabled{cursor:not-allowed;color:var(--color-dark-100)}._textarea_ahoiy_1:focus-visible{border:1px solid var(--color-light-100);color:var(--color-light-100)}._errorState_ahoiy_46,._errorState_ahoiy_46:focus-visible{border:1px solid var(--color-danger-500);color:var(--color-light-100)}._errorMessage_ahoiy_52{font-size:16px;font-weight:400;line-height:171%;color:var(--color-danger-500)}._required_ahoiy_59{color:var(--color-danger-500)}html{line-height:1.15;text-size-adjust:100%}body{margin:0;padding:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{font:inherit;appearance:auto}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--color-accent-100: #73a5ff;--color-accent-300: #4c8dff;--color-accent-500: #397df6;--color-accent-700: #2f68cc;--color-accent-900: #234e99;--color-success-100: #80ffbf;--color-success-300: #22e584;--color-success-500: #14cc70;--color-success-700: #0f9954;--color-success-900: #0a6638;--color-danger-100: #ff8099;--color-danger-300: #f23d61;--color-danger-500: #cc1439;--color-danger-700: #990f2b;--color-danger-900: #660a1d;--color-warning-100: #ffd073;--color-warning-300: #e5ac39;--color-warning-500: #d99000;--color-warning-700: #960;--color-warning-900: #640;--color-dark-100: #4c4c4c;--color-dark-300: #333;--color-dark-400: #212121;--color-dark-500: #171717;--color-dark-700: #0d0d0d;--color-dark-900: #000;--color-light-100: #fff;--color-light-300: #f7fbff;--color-light-500: #edf3fa;--color-light-700: #d5dae0;--color-light-900: #8d9094}html{box-sizing:border-box;font-size:100%}*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,sans-serif;font-size:16px}input,button,select,textarea,optgroup,option{font-weight:inherit;font-style:inherit;color:inherit}[data-simplebar] .simplebar-track.simplebar-vertical{width:14px;background:transparent}[data-simplebar] .simplebar-scrollbar:before{left:50%;transform:translate(-50%);width:4px;border-radius:3px;background:var(--color-dark-900)}[data-simplebar] .simplebar-scrollbar:hover:before{background:var(--color-light-900)}[data-simplebar] .simplebar-scrollbar.simplebar-visible:before{opacity:1}._wrapper_1i0po_1{display:flex;flex-direction:column;width:100%}._label_1i0po_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._label_1i0po_7._disabled_1i0po_14{color:var(--color-dark-100)}._inputContainer_1i0po_18{position:relative;display:flex;align-items:center;border:1px solid var(--color-dark-100);border-radius:2px;background-color:transparent}._input_1i0po_18{all:unset;box-sizing:border-box;width:100%;padding:10px 14px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900)}._inputContainer_1i0po_18:has(:focus-visible) ._input_1i0po_18{color:var(--color-light-100)}._inputContainer_1i0po_18:has(:focus-visible){border-color:var(--color-light-100)}._inputContainer_1i0po_18._error_1i0po_51{border-color:var(--color-danger-500)}._inputContainer_1i0po_18._disabled_1i0po_14{border:1px solid var(--color-dark-100)}._inputContainer_1i0po_18._disabled_1i0po_14 ._input_1i0po_18{cursor:not-allowed;color:var(--color-dark-100)}._inputContainer_1i0po_18._withStartIcon_1i0po_64 ._input_1i0po_18{padding-left:40px}._inputContainer_1i0po_18._withEndIcon_1i0po_68 ._input_1i0po_18{padding-right:40px}._startIcon_1i0po_72,._endIcon_1i0po_73{position:absolute;display:flex;align-items:center;justify-content:center}._startIcon_1i0po_72{left:11px;color:var(--color-light-900)}._inputContainer_1i0po_18:focus-within ._startIcon_1i0po_72{color:var(--color-light-100)}._inputContainer_1i0po_18._disabled_1i0po_14 ._startIcon_1i0po_72{color:var(--color-dark-100)}._endIcon_1i0po_73{cursor:pointer;right:11px;padding:0;border:none;color:var(--color-light-100);background:none}._endIcon_1i0po_73:disabled{cursor:not-allowed;color:var(--color-dark-100)}._inputContainer_1i0po_18:focus-within ._endIcon_1i0po_73{color:var(--color-light-100)}._errorMessage_1i0po_115{font-size:14px;font-weight:400;line-height:171%;color:var(--color-danger-500)}._required_1i0po_122{color:var(--color-danger-500)}._wrapper_l023w_1{position:relative}._inputContainer_l023w_5{display:flex;flex-direction:column;min-width:255px}._label_l023w_11 span{color:var(--color-light-900)}._inputWrapper_l023w_15{cursor:pointer;position:relative;display:flex;align-items:center}._trigger_l023w_22{all:unset;width:100%;padding:6px 12px;border:1px solid var(--color-dark-100);border-radius:2px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-100);background:var(--color-dark-500)}._icon_l023w_38{pointer-events:none;position:absolute;right:12px;color:var(--color-light-100)}._icon_l023w_38._placeholder_l023w_45{color:var(--color-light-900)}._clearButton_l023w_49{all:unset;cursor:pointer;position:absolute;right:40px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:2px;pointer-events:none;opacity:0;transition:background-color .2s ease,opacity .2s ease}._clearButton_l023w_49:hover{background-color:var(--color-dark-300)}._clearButton_l023w_49:focus-visible{outline:2px solid var(--color-accent-700);outline-offset:2px;pointer-events:auto;opacity:1}._inputWrapper_l023w_15:hover ._clearButton_l023w_49{pointer-events:auto;opacity:1}._clearIcon_l023w_89{pointer-events:none;width:16px;height:16px;color:var(--color-light-100)}._trigger_l023w_22:disabled{border-color:var(--color-dark-100);color:var(--color-dark-100)}._disabledLabel_l023w_101 span{color:var(--color-dark-100)}._trigger_l023w_22:focus-visible:not(:disabled){outline:2px solid var(--color-accent-700)}._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._trigger_l023w_22::placeholder{color:var(--color-dark-100)}._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._trigger_l023w_22{cursor:not-allowed}._inputWrapper_l023w_15:has(._trigger_l023w_22:focus-visible) ._icon_l023w_38{color:var(--color-light-100)}._error_l023w_123{color:var(--color-danger-500)}._trigger_l023w_22._error_l023w_123{border-color:var(--color-danger-500)}._inputWrapper_l023w_15:has(._trigger_l023w_22._error_l023w_123) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22._error_l023w_123) ._trigger_l023w_22::placeholder{color:var(--color-danger-500)}._inputWrapper_l023w_15:has(._trigger_l023w_22:hover:not(:disabled,._error_l023w_123)) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:hover:not(:disabled,._error_l023w_123)){color:var(--color-light-100)}._calendar_l023w_141{pointer-events:none;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;transform:translateY(-8px);padding:16px 24px;border:1px solid var(--color-dark-100);border-radius:2px;opacity:0;background:var(--color-dark-500);transition:all .2s ease}._calendar_l023w_141._open_l023w_160{pointer-events:auto;transform:translateY(0);opacity:1}._monthsCaption_l023w_166{display:flex;align-items:center;justify-content:center}._navButtonPrevious_l023w_172,._navButtonNext_l023w_173{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;position:absolute;background-color:var(--color-dark-100)}._navButtonPrevious_l023w_172{left:24px}._navButtonNext_l023w_173{right:24px}._navIcon_l023w_193{width:20px;height:20px;fill:var(--color-light-100)}._monthGrid_l023w_199{table-layout:fixed;border-spacing:0 10px;width:100%}._dropdowns_l023w_205{width:150px}._weekday_l023w_209{width:36px;padding:6px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900);text-align:center}._day_l023w_220{width:36px;height:36px;padding:0;text-align:center}._dayButton_l023w_227{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px;font-weight:400;line-height:150%;text-align:center}._dayButton_l023w_227:hover{border-radius:50%;background-color:var(--color-accent-700)}._day_l023w_220 ._dayButton_l023w_227{color:var(--color-light-100)}._dayOutside_l023w_254 ._dayButton_l023w_227{color:var(--color-light-900)}._dayToday_l023w_258 ._dayButton_l023w_227{font-weight:700;color:var(--color-accent-500)}._daySelected_l023w_263 ._dayButton_l023w_227:hover,._dayRangeStart_l023w_264 ._dayButton_l023w_227:hover,._dayRangeEnd_l023w_265 ._dayButton_l023w_227:hover,._dayRangeMiddle_l023w_266 ._dayButton_l023w_227:hover{border-radius:inherit;background-color:inherit}._monthGrid_l023w_199 tr ._day_l023w_220:nth-child(6) ._dayButton_l023w_227,._monthGrid_l023w_199 tr ._day_l023w_220:nth-child(7) ._dayButton_l023w_227{color:var(--color-danger-300)}._dayRangeStart_l023w_264{border-radius:50% 0 0 50%}._dayRangeStart_l023w_264._dayRangeEnd_l023w_265{border-radius:50%}._dayRangeEnd_l023w_265{border-radius:0 50% 50% 0}._dayRangeStart_l023w_264,._dayRangeEnd_l023w_265,._dayRangeMiddle_l023w_266,._daySelected_l023w_263{background-color:var(--color-accent-900)}._daySelected_l023w_263:not(._dayRangeStart_l023w_264,._dayRangeEnd_l023w_265,._dayRangeMiddle_l023w_266){border-radius:50%}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}._container_15bt3_1{display:flex;flex-direction:column;width:100%}._label_15bt3_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._select_15bt3_14{position:relative;width:100%}._trigger_15bt3_19{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:36px;padding:8px 12px;border:1px solid var(--color-light-900);border-radius:2px;font-size:16px;line-height:150%;color:var(--color-light-100);background-color:transparent;transition:color .2s,background-color .2s}._triggerOpen_15bt3_46{border-color:var(--color-light-100);border-radius:2px 2px 0 0;background-color:var(--color-dark-300)}._trigger_15bt3_19:disabled{cursor:not-allowed;border-color:var(--color-dark-100);color:var(--color-dark-100)}._trigger_15bt3_19:focus-visible{padding:7px 11px;border:2px solid var(--color-accent-500)}._trigger_15bt3_19:hover:not(:disabled,._triggerOpen_15bt3_46){color:var(--color-light-900)}._placeholder_15bt3_67{color:var(--color-light-900)}._selectedContent_15bt3_71{overflow:hidden;display:flex;gap:8px;align-items:center;text-overflow:ellipsis;white-space:nowrap}._optionIcon_15bt3_81{display:inline-flex;flex-shrink:0;align-items:center}._arrow_15bt3_87{display:inline-flex;margin-left:24px;color:var(--color-light-100);transition:transform .4s}._trigger_15bt3_19:disabled ._arrow_15bt3_87{color:var(--color-dark-100)}._arrow_15bt3_87._open_15bt3_98{transform:rotate(180deg)}._dropdown_15bt3_102{position:absolute;z-index:1000;top:100%;left:0;box-sizing:border-box;width:100%;border:1px solid var(--color-light-100);border-top:none;border-radius:0 0 2px 2px;background-color:var(--color-dark-300);box-shadow:0 4px 8px #0003}._dropdown_15bt3_102 .simplebar-scrollbar:before{background:var(--color-light-900)}._option_15bt3_81{all:unset;cursor:pointer;display:flex;gap:8px;align-items:center;box-sizing:border-box;width:100%;padding:7px 12px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-100)}._option_15bt3_81:hover{color:var(--color-accent-500);background-color:var(--color-dark-100);transition:color .12s ease-out,background-color .16s cubic-bezier(.2,0,0,1)}._option_15bt3_81._selected_15bt3_71{color:var(--color-accent-500)}._option_15bt3_81:focus-visible{background-color:var(--color-dark-100);outline:2px solid var(--color-accent-500);outline-offset:-2px}._overlay_17k3a_1{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0009;animation:_fade-in_17k3a_1 .2s ease}._modal_17k3a_15{display:flex;flex-direction:column;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);border:1px solid var(--color-dark-100);border-radius:2px;background-color:var(--color-dark-300);animation:_modal-fade-in_17k3a_1 .2s ease}._header_17k3a_29{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 24px 11px;border-bottom:1px solid var(--color-dark-100)}._title_17k3a_39{flex:1;min-width:0;margin:0;font-size:20px;font-weight:700;line-height:36px;color:var(--color-light-100);overflow-wrap:anywhere}._close_17k3a_52{cursor:pointer;display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:none;color:var(--color-light-100);background:none;transition:transform .15s ease,color .15s ease}._close_17k3a_52:hover,._close_17k3a_52:focus-visible{transform:scale(1.1);color:var(--color-light-900);outline:none}._body_17k3a_79{overflow:auto;padding:24px}@keyframes _modal-fade-in_17k3a_1{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes _fade-in_17k3a_1{0%{opacity:0}to{opacity:1}}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._alert_5jfpm_1{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;max-width:387px;padding:12px 24px;border-radius:2px;color:var(--color-light-100)}._content_5jfpm_15{display:flex;gap:5px;align-items:center}._error_5jfpm_22{border:1px solid var(--color-danger-500);background-color:var(--color-danger-900)}._success_5jfpm_28{border:1px solid var(--color-success-500);background-color:var(--color-success-900)}._closeButton_5jfpm_33{cursor:pointer;border:none;background:transparent}._message_5jfpm_39,._title_5jfpm_40{font-size:16px;font-weight:400;line-height:150%}._title_5jfpm_40{font-weight:700}._toastEnter_5jfpm_50{animation:_fade-in_5jfpm_1 .2s ease-out}._toastExit_5jfpm_54{animation:_fade-out_5jfpm_1 .2s ease-in forwards}@keyframes _fade-in_5jfpm_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-out_5jfpm_1{0%{opacity:1}to{opacity:0}}._button_19cd4_1{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:6px 24px;border-radius:2px;font-weight:600;line-height:150%;transition:color .12s ease-out,background-color .18s cubic-bezier(.2,0,0,1)}._button_19cd4_1:disabled{cursor:not-allowed}._primary_19cd4_26{color:var(--color-light-100);background-color:var(--color-accent-500)}._primary_19cd4_26:active{color:var(--color-light-500);background-color:var(--color-accent-700)}._primary_19cd4_26:focus-visible{outline:2px solid var(--color-accent-700)}._primary_19cd4_26:disabled{color:var(--color-light-900);background-color:var(--color-accent-900)}._primary_19cd4_26:hover:not(:active,:focus-visible,:disabled){background-color:var(--color-accent-100)}._secondary_19cd4_49{color:var(--color-light-100);background-color:var(--color-dark-300)}._secondary_19cd4_49:active{color:var(--color-light-500);background-color:var(--color-dark-400)}._secondary_19cd4_49:focus-visible{outline:2px solid var(--color-accent-300)}._secondary_19cd4_49:disabled{color:var(--color-light-900);background-color:var(--color-dark-500)}._secondary_19cd4_49:hover:not(:active,:focus-visible,:disabled){background-color:var(--color-dark-100)}._outlined_19cd4_72{border:1px solid var(--color-accent-500);color:var(--color-accent-500);background-color:transparent}._outlined_19cd4_72:active{border-color:var(--color-accent-700);color:var(--color-accent-700)}._outlined_19cd4_72:focus-visible{border:2px solid var(--color-accent-700);color:var(--color-accent-700)}._outlined_19cd4_72:disabled{border-color:var(--color-accent-900);color:var(--color-accent-900)}._outlined_19cd4_72:hover:not(:active,:focus-visible,:disabled){border-color:var(--color-accent-100);color:var(--color-accent-100)}._text_19cd4_98{color:var(--color-accent-500)}._text_19cd4_98:active{color:var(--color-accent-700)}._text_19cd4_98:focus-visible{outline:2px solid var(--color-accent-700)}._text_19cd4_98:disabled{color:var(--color-accent-900)}._text_19cd4_98:hover:not(:active,:focus-visible,:disabled){color:var(--color-accent-100)}._icon_19cd4_118{display:inline-flex;align-items:center;margin-right:10px}._card_1ah7i_1{padding:16px;border:1px solid var(--color-dark-100);border-radius:2px;background-color:var(--color-dark-500)}._checkbox_1q28z_1{cursor:pointer;position:relative;display:inline-flex;gap:10px;align-items:center}._input_1q28z_11{position:absolute;opacity:0}._labelSpan_1q28z_16{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-100)}._control_1q28z_23{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-light-500);border-radius:4px}._input_1q28z_11:checked+._control_1q28z_23{background-color:var(--color-light-100)}._control_1q28z_23:before{content:"";position:absolute;z-index:-1;width:36px;height:36px;border-radius:50%;background-color:transparent;transition:background-color .15s ease}._control_1q28z_23:hover:before{background-color:var(--color-dark-100)}._input_1q28z_11:focus-visible+._control_1q28z_23:before{background-color:var(--color-dark-100)}._checkbox_1q28z_1:active ._control_1q28z_23:before{background-color:var(--color-dark-100)}._control_1q28z_23:after{content:"";position:absolute;top:50%;left:50%;transform-origin:left bottom;transform:translate(calc(-50% + 4px),-40%) rotate(-45deg);width:10px;height:6px;border-bottom:2px solid transparent;border-left:2px solid transparent}._input_1q28z_11:checked+._control_1q28z_23:after{border-color:var(--color-dark-900)}._input_1q28z_11:disabled+._control_1q28z_23{border-color:var(--color-dark-100)}._input_1q28z_11:disabled+._control_1q28z_23:before{background-color:transparent}._input_1q28z_11:disabled~._labelSpan_1q28z_16,._input_1q28z_11:disabled+._control_1q28z_23{cursor:not-allowed}._input_1q28z_11:disabled:checked+._control_1q28z_23{background-color:var(--color-dark-100)}._input_1q28z_11:disabled:checked+._control_1q28z_23:after{border-color:var(--color-light-700)}._input_1q28z_11:disabled~._labelSpan_1q28z_16{color:var(--color-light-900)}._checkbox_1q28z_1:has(._input_1q28z_11:disabled){cursor:not-allowed}._typography_18u05_1{display:inline-flex;align-items:center;margin:0;color:var(--color-light-100)}._icon_18u05_8{display:inline-flex;align-items:center;margin-right:8px}._large_18u05_14{font-size:26px;font-weight:600;line-height:138%}._h1_18u05_20{font-size:20px;font-weight:700;line-height:180%}._h2_18u05_26{font-size:18px;font-weight:700;line-height:133%}._h3_18u05_32{font-size:16px;font-weight:600;line-height:150%}._text-16_18u05_38{font-size:16px;font-weight:400;line-height:150%}._text-16-bold_18u05_44{font-size:16px;font-weight:700;line-height:150%}._text-14_18u05_50{font-size:14px;font-weight:400;line-height:171%}._text-14-bold_18u05_56{font-size:14px;font-weight:700;line-height:171%}._text-14-medium_18u05_62{font-size:14px;font-weight:500;line-height:171%}._small_18u05_68{font-size:12px;font-weight:400;line-height:133%}._small-semibold_18u05_74{font-size:12px;font-weight:600;line-height:133%}._link_18u05_80{font-size:14px;font-weight:400;line-height:171%;color:var(--color-accent-500);text-decoration:underline;text-decoration-skip-ink:none}._small-link_18u05_89{font-size:12px;font-weight:400;line-height:133%;color:var(--color-accent-500);text-decoration:underline;text-decoration-skip-ink:none}._label_ndvr9_1{margin-bottom:4px}._required_ndvr9_5{margin-left:4px;color:var(--color-danger-500)}._srOnly_ndvr9_10{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}._radio_10hqy_1{cursor:pointer;position:relative;display:inline-flex;gap:10px;align-items:center}._input_10hqy_12{position:absolute;opacity:0}._labelSpan_10hqy_18{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-100)}._control_10hqy_26{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-light-100);border-radius:50%}._control_10hqy_26:before{content:"";position:absolute;z-index:-1;width:36px;height:36px;border-radius:50%;background-color:transparent;transition:background-color .2s ease}._control_10hqy_26:hover:before{background-color:var(--color-dark-300)}._input_10hqy_12:focus-visible+._control_10hqy_26:before{background-color:var(--color-dark-500)}._radio_10hqy_1:active ._control_10hqy_26:before{background-color:var(--color-dark-100)}._control_10hqy_26:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:transparent}._input_10hqy_12:checked+._control_10hqy_26:after{background-color:var(--color-light-100)}._input_10hqy_12:disabled+._control_10hqy_26{border-color:var(--color-dark-100)}._input_10hqy_12:disabled+._control_10hqy_26:before{background-color:transparent}._input_10hqy_12:disabled:checked+._control_10hqy_26:after{background-color:var(--color-dark-100)}._input_10hqy_12:disabled~._labelSpan_10hqy_18{color:var(--color-light-900)}._input_10hqy_12:disabled~._labelSpan_10hqy_18,._input_10hqy_12:disabled+._control_10hqy_26,._input_10hqy_12:disabled~._control_10hqy_26{cursor:not-allowed}._radio_10hqy_1:has(._input_10hqy_12:disabled){cursor:not-allowed}._tab_78cv0_1{all:unset;cursor:pointer;width:100%;padding:6px 23px 4px;border-bottom:2px solid var(--color-dark-100);border-radius:0;font-size:16px;font-weight:600;line-height:150%;color:var(--color-dark-100);text-align:center;transition-duration:.2s;transition-property:background-color,color,border-color}._selected_78cv0_21{border-bottom-color:var(--color-accent-500);color:var(--color-accent-500)}._tab_78cv0_1:disabled{cursor:not-allowed;border-bottom-color:var(--color-dark-300);color:var(--color-dark-300)}._selected_78cv0_21:disabled{border-bottom-color:var(--color-accent-900);color:var(--color-accent-900)}._tab_78cv0_1:focus-visible{border-radius:2px;outline:2px solid var(--color-accent-700)}._tab_78cv0_1:active:not(:disabled){background-color:color-mix(in srgb,var(--color-accent-100) 15%,transparent)}._tab_78cv0_1:hover:not(:active,:focus-visible,:disabled){background-color:color-mix(in srgb,var(--color-accent-900) 15%,transparent)}._textareaWrapper_ahoiy_1{display:flex;flex-direction:column;width:100%}._label_ahoiy_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._label_ahoiy_7._disabled_ahoiy_14{color:var(--color-dark-100)}._textarea_ahoiy_1{resize:none;box-sizing:border-box;width:100%;padding:10px 14px;border:1px solid var(--color-dark-100);border-radius:2px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900);background-color:transparent;outline:none}._textarea_ahoiy_1:disabled{cursor:not-allowed;color:var(--color-dark-100)}._textarea_ahoiy_1:focus-visible{border:1px solid var(--color-light-100);color:var(--color-light-100)}._errorState_ahoiy_46,._errorState_ahoiy_46:focus-visible{border:1px solid var(--color-danger-500);color:var(--color-light-100)}._errorMessage_ahoiy_52{font-size:16px;font-weight:400;line-height:171%;color:var(--color-danger-500)}._required_ahoiy_59{color:var(--color-danger-500)}html{line-height:1.15;text-size-adjust:100%}body{margin:0;padding:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{font:inherit;appearance:auto}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--color-accent-100: #73a5ff;--color-accent-300: #4c8dff;--color-accent-500: #397df6;--color-accent-700: #2f68cc;--color-accent-900: #234e99;--color-success-100: #80ffbf;--color-success-300: #22e584;--color-success-500: #14cc70;--color-success-700: #0f9954;--color-success-900: #0a6638;--color-danger-100: #ff8099;--color-danger-300: #f23d61;--color-danger-500: #cc1439;--color-danger-700: #990f2b;--color-danger-900: #660a1d;--color-warning-100: #ffd073;--color-warning-300: #e5ac39;--color-warning-500: #d99000;--color-warning-700: #960;--color-warning-900: #640;--color-dark-100: #4c4c4c;--color-dark-300: #333;--color-dark-400: #212121;--color-dark-500: #171717;--color-dark-700: #0d0d0d;--color-dark-900: #000;--color-light-100: #fff;--color-light-300: #f7fbff;--color-light-500: #edf3fa;--color-light-700: #d5dae0;--color-light-900: #8d9094}html{box-sizing:border-box;font-size:100%}*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,sans-serif;font-size:16px}input,button,select,textarea,optgroup,option{font-weight:inherit;font-style:inherit;color:inherit}[data-simplebar] .simplebar-track.simplebar-vertical{width:14px;background:transparent}[data-simplebar] .simplebar-scrollbar:before{left:50%;transform:translate(-50%);width:4px;border-radius:3px;background:var(--color-dark-900)}[data-simplebar] .simplebar-scrollbar:hover:before{background:var(--color-light-900)}[data-simplebar] .simplebar-scrollbar.simplebar-visible:before{opacity:1}._wrapper_l023w_1{position:relative}._inputContainer_l023w_5{display:flex;flex-direction:column;min-width:255px}._label_l023w_11 span{color:var(--color-light-900)}._inputWrapper_l023w_15{cursor:pointer;position:relative;display:flex;align-items:center}._trigger_l023w_22{all:unset;width:100%;padding:6px 12px;border:1px solid var(--color-dark-100);border-radius:2px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-100);background:var(--color-dark-500)}._icon_l023w_38{pointer-events:none;position:absolute;right:12px;color:var(--color-light-100)}._icon_l023w_38._placeholder_l023w_45{color:var(--color-light-900)}._clearButton_l023w_49{all:unset;cursor:pointer;position:absolute;right:40px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:2px;pointer-events:none;opacity:0;transition:background-color .2s ease,opacity .2s ease}._clearButton_l023w_49:hover{background-color:var(--color-dark-300)}._clearButton_l023w_49:focus-visible{outline:2px solid var(--color-accent-700);outline-offset:2px;pointer-events:auto;opacity:1}._inputWrapper_l023w_15:hover ._clearButton_l023w_49{pointer-events:auto;opacity:1}._clearIcon_l023w_89{pointer-events:none;width:16px;height:16px;color:var(--color-light-100)}._trigger_l023w_22:disabled{border-color:var(--color-dark-100);color:var(--color-dark-100)}._disabledLabel_l023w_101 span{color:var(--color-dark-100)}._trigger_l023w_22:focus-visible:not(:disabled){outline:2px solid var(--color-accent-700)}._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._trigger_l023w_22::placeholder{color:var(--color-dark-100)}._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._trigger_l023w_22{cursor:not-allowed}._inputWrapper_l023w_15:has(._trigger_l023w_22:focus-visible) ._icon_l023w_38{color:var(--color-light-100)}._error_l023w_123{color:var(--color-danger-500)}._trigger_l023w_22._error_l023w_123{border-color:var(--color-danger-500)}._inputWrapper_l023w_15:has(._trigger_l023w_22._error_l023w_123) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22._error_l023w_123) ._trigger_l023w_22::placeholder{color:var(--color-danger-500)}._inputWrapper_l023w_15:has(._trigger_l023w_22:hover:not(:disabled,._error_l023w_123)) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:hover:not(:disabled,._error_l023w_123)){color:var(--color-light-100)}._calendar_l023w_141{pointer-events:none;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;transform:translateY(-8px);padding:16px 24px;border:1px solid var(--color-dark-100);border-radius:2px;opacity:0;background:var(--color-dark-500);transition:all .2s ease}._calendar_l023w_141._open_l023w_160{pointer-events:auto;transform:translateY(0);opacity:1}._monthsCaption_l023w_166{display:flex;align-items:center;justify-content:center}._navButtonPrevious_l023w_172,._navButtonNext_l023w_173{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;position:absolute;background-color:var(--color-dark-100)}._navButtonPrevious_l023w_172{left:24px}._navButtonNext_l023w_173{right:24px}._navIcon_l023w_193{width:20px;height:20px;fill:var(--color-light-100)}._monthGrid_l023w_199{table-layout:fixed;border-spacing:0 10px;width:100%}._dropdowns_l023w_205{width:150px}._weekday_l023w_209{width:36px;padding:6px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900);text-align:center}._day_l023w_220{width:36px;height:36px;padding:0;text-align:center}._dayButton_l023w_227{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px;font-weight:400;line-height:150%;text-align:center}._dayButton_l023w_227:hover{border-radius:50%;background-color:var(--color-accent-700)}._day_l023w_220 ._dayButton_l023w_227{color:var(--color-light-100)}._dayOutside_l023w_254 ._dayButton_l023w_227{color:var(--color-light-900)}._dayToday_l023w_258 ._dayButton_l023w_227{font-weight:700;color:var(--color-accent-500)}._daySelected_l023w_263 ._dayButton_l023w_227:hover,._dayRangeStart_l023w_264 ._dayButton_l023w_227:hover,._dayRangeEnd_l023w_265 ._dayButton_l023w_227:hover,._dayRangeMiddle_l023w_266 ._dayButton_l023w_227:hover{border-radius:inherit;background-color:inherit}._monthGrid_l023w_199 tr ._day_l023w_220:nth-child(6) ._dayButton_l023w_227,._monthGrid_l023w_199 tr ._day_l023w_220:nth-child(7) ._dayButton_l023w_227{color:var(--color-danger-300)}._dayRangeStart_l023w_264{border-radius:50% 0 0 50%}._dayRangeStart_l023w_264._dayRangeEnd_l023w_265{border-radius:50%}._dayRangeEnd_l023w_265{border-radius:0 50% 50% 0}._dayRangeStart_l023w_264,._dayRangeEnd_l023w_265,._dayRangeMiddle_l023w_266,._daySelected_l023w_263{background-color:var(--color-accent-900)}._daySelected_l023w_263:not(._dayRangeStart_l023w_264,._dayRangeEnd_l023w_265,._dayRangeMiddle_l023w_266){border-radius:50%}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}._container_15bt3_1{display:flex;flex-direction:column;width:100%}._label_15bt3_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._select_15bt3_14{position:relative;width:100%}._trigger_15bt3_19{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:36px;padding:8px 12px;border:1px solid var(--color-light-900);border-radius:2px;font-size:16px;line-height:150%;color:var(--color-light-100);background-color:transparent;transition:color .2s,background-color .2s}._triggerOpen_15bt3_46{border-color:var(--color-light-100);border-radius:2px 2px 0 0;background-color:var(--color-dark-300)}._trigger_15bt3_19:disabled{cursor:not-allowed;border-color:var(--color-dark-100);color:var(--color-dark-100)}._trigger_15bt3_19:focus-visible{padding:7px 11px;border:2px solid var(--color-accent-500)}._trigger_15bt3_19:hover:not(:disabled,._triggerOpen_15bt3_46){color:var(--color-light-900)}._placeholder_15bt3_67{color:var(--color-light-900)}._selectedContent_15bt3_71{overflow:hidden;display:flex;gap:8px;align-items:center;text-overflow:ellipsis;white-space:nowrap}._optionIcon_15bt3_81{display:inline-flex;flex-shrink:0;align-items:center}._arrow_15bt3_87{display:inline-flex;margin-left:24px;color:var(--color-light-100);transition:transform .4s}._trigger_15bt3_19:disabled ._arrow_15bt3_87{color:var(--color-dark-100)}._arrow_15bt3_87._open_15bt3_98{transform:rotate(180deg)}._dropdown_15bt3_102{position:absolute;z-index:1000;top:100%;left:0;box-sizing:border-box;width:100%;border:1px solid var(--color-light-100);border-top:none;border-radius:0 0 2px 2px;background-color:var(--color-dark-300);box-shadow:0 4px 8px #0003}._dropdown_15bt3_102 .simplebar-scrollbar:before{background:var(--color-light-900)}._option_15bt3_81{all:unset;cursor:pointer;display:flex;gap:8px;align-items:center;box-sizing:border-box;width:100%;padding:7px 12px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-100)}._option_15bt3_81:hover{color:var(--color-accent-500);background-color:var(--color-dark-100);transition:color .12s ease-out,background-color .16s cubic-bezier(.2,0,0,1)}._option_15bt3_81._selected_15bt3_71{color:var(--color-accent-500)}._option_15bt3_81:focus-visible{background-color:var(--color-dark-100);outline:2px solid var(--color-accent-500);outline-offset:-2px}._content_1bas8_1{z-index:1000;min-width:161px;padding:8px 0;border:1px solid var(--color-dark-100);border-radius:2px;background-color:var(--color-dark-500);box-shadow:0 4px 8px #0003;animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1)}._content_1bas8_1[data-state=open]{animation-name:_slide-down-and-fade_1bas8_1}._content_1bas8_1[data-state=closed]{animation-name:_slide-up-and-fade_1bas8_1}._item_1bas8_24{all:unset;cursor:pointer;user-select:none;display:flex;gap:12px;align-items:center;box-sizing:border-box;padding:8px 12px;font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-100);outline:none}._item_1bas8_24[data-disabled]{cursor:not-allowed;color:var(--color-dark-100)}._item_1bas8_24[data-highlighted]:not([data-disabled]){color:var(--color-accent-500);background-color:var(--color-dark-100);outline:none}._icon_1bas8_56{display:inline-flex;flex-shrink:0;align-items:center}._label_1bas8_62{flex:1}@keyframes _slide-down-and-fade_1bas8_1{0%{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slide-up-and-fade_1bas8_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-4px);opacity:0}}._wrapper_1i0po_1{display:flex;flex-direction:column;width:100%}._label_1i0po_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._label_1i0po_7._disabled_1i0po_14{color:var(--color-dark-100)}._inputContainer_1i0po_18{position:relative;display:flex;align-items:center;border:1px solid var(--color-dark-100);border-radius:2px;background-color:transparent}._input_1i0po_18{all:unset;box-sizing:border-box;width:100%;padding:10px 14px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900)}._inputContainer_1i0po_18:has(:focus-visible) ._input_1i0po_18{color:var(--color-light-100)}._inputContainer_1i0po_18:has(:focus-visible){border-color:var(--color-light-100)}._inputContainer_1i0po_18._error_1i0po_51{border-color:var(--color-danger-500)}._inputContainer_1i0po_18._disabled_1i0po_14{border:1px solid var(--color-dark-100)}._inputContainer_1i0po_18._disabled_1i0po_14 ._input_1i0po_18{cursor:not-allowed;color:var(--color-dark-100)}._inputContainer_1i0po_18._withStartIcon_1i0po_64 ._input_1i0po_18{padding-left:40px}._inputContainer_1i0po_18._withEndIcon_1i0po_68 ._input_1i0po_18{padding-right:40px}._startIcon_1i0po_72,._endIcon_1i0po_73{position:absolute;display:flex;align-items:center;justify-content:center}._startIcon_1i0po_72{left:11px;color:var(--color-light-900)}._inputContainer_1i0po_18:focus-within ._startIcon_1i0po_72{color:var(--color-light-100)}._inputContainer_1i0po_18._disabled_1i0po_14 ._startIcon_1i0po_72{color:var(--color-dark-100)}._endIcon_1i0po_73{cursor:pointer;right:11px;padding:0;border:none;color:var(--color-light-100);background:none}._endIcon_1i0po_73:disabled{cursor:not-allowed;color:var(--color-dark-100)}._inputContainer_1i0po_18:focus-within ._endIcon_1i0po_73{color:var(--color-light-100)}._errorMessage_1i0po_115{font-size:14px;font-weight:400;line-height:171%;color:var(--color-danger-500)}._required_1i0po_122{color:var(--color-danger-500)}._overlay_17k3a_1{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0009;animation:_fade-in_17k3a_1 .2s ease}._modal_17k3a_15{display:flex;flex-direction:column;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);border:1px solid var(--color-dark-100);border-radius:2px;background-color:var(--color-dark-300);animation:_modal-fade-in_17k3a_1 .2s ease}._header_17k3a_29{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 24px 11px;border-bottom:1px solid var(--color-dark-100)}._title_17k3a_39{flex:1;min-width:0;margin:0;font-size:20px;font-weight:700;line-height:36px;color:var(--color-light-100);overflow-wrap:anywhere}._close_17k3a_52{cursor:pointer;display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:none;color:var(--color-light-100);background:none;transition:transform .15s ease,color .15s ease}._close_17k3a_52:hover,._close_17k3a_52:focus-visible{transform:scale(1.1);color:var(--color-light-900);outline:none}._body_17k3a_79{overflow:auto;padding:24px}@keyframes _modal-fade-in_17k3a_1{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes _fade-in_17k3a_1{0%{opacity:0}to{opacity:1}}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "snapflow-ui-kit",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.2.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"packageManager": "pnpm@10.28.2",
|
|
7
7
|
"main": "dist/index.js",
|
|
@@ -44,11 +44,12 @@
|
|
|
44
44
|
"prepare": "husky"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
+
"@radix-ui/react-dropdown-menu": "^2.1.16",
|
|
47
48
|
"clsx": "2.1.1",
|
|
48
49
|
"date-fns": "4.1.0",
|
|
49
|
-
"react-hot-toast": "2.6.0",
|
|
50
50
|
"focus-trap-react": "11.0.6",
|
|
51
51
|
"react-day-picker": "9.13.0",
|
|
52
|
+
"react-hot-toast": "2.6.0",
|
|
52
53
|
"simplebar": "6.3.3",
|
|
53
54
|
"simplebar-react": "3.3.2"
|
|
54
55
|
},
|