@dnotrever2/super-kit 0.1.8 → 0.1.9
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/super-kit.cjs +1 -1
- package/dist/super-kit.cjs.map +1 -1
- package/dist/super-kit.css +1 -1
- package/dist/super-kit.js +423 -423
- package/package.json +1 -1
package/dist/super-kit.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { jsxs as d, jsx as e, Fragment as Me } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as J, useState as Y, useCallback as te, useRef as ne, useImperativeHandle as ge, useEffect as ie, useMemo as
|
|
2
|
+
import { forwardRef as J, useState as Y, useCallback as te, useRef as ne, useImperativeHandle as ge, useEffect as ie, useMemo as se, useContext as Te, createContext as Se } from "react";
|
|
3
3
|
import { createPortal as Re } from "react-dom";
|
|
4
|
-
const
|
|
5
|
-
badge:
|
|
6
|
-
neutral:
|
|
7
|
-
accent:
|
|
8
|
-
outline:
|
|
9
|
-
success:
|
|
10
|
-
warning:
|
|
11
|
-
danger:
|
|
12
|
-
info:
|
|
13
|
-
count:
|
|
14
|
-
mono:
|
|
15
|
-
version:
|
|
16
|
-
dismiss:
|
|
4
|
+
const qe = "_badge_lyltm_1", Ae = "_neutral_lyltm_18", De = "_accent_lyltm_24", Oe = "_outline_lyltm_29", We = "_success_lyltm_35", Ee = "_warning_lyltm_40", Fe = "_danger_lyltm_45", ze = "_info_lyltm_50", Ve = "_count_lyltm_55", Xe = "_mono_lyltm_63", Ue = "_version_lyltm_71", Ge = "_dismiss_lyltm_80", He = "_dismissBtn_lyltm_84", Ke = "_dot_lyltm_98", Ye = "_dotIndicator_lyltm_111", Ze = "_pill_lyltm_119", F = {
|
|
5
|
+
badge: qe,
|
|
6
|
+
neutral: Ae,
|
|
7
|
+
accent: De,
|
|
8
|
+
outline: Oe,
|
|
9
|
+
success: We,
|
|
10
|
+
warning: Ee,
|
|
11
|
+
danger: Fe,
|
|
12
|
+
info: ze,
|
|
13
|
+
count: Ve,
|
|
14
|
+
mono: Xe,
|
|
15
|
+
version: Ue,
|
|
16
|
+
dismiss: Ge,
|
|
17
17
|
dismissBtn: He,
|
|
18
18
|
dot: Ke,
|
|
19
19
|
dotIndicator: Ye,
|
|
@@ -21,43 +21,43 @@ const Ae = "_badge_lyltm_1", De = "_neutral_lyltm_18", Oe = "_accent_lyltm_24",
|
|
|
21
21
|
}, Je = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "10", height: "10", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) });
|
|
22
22
|
function Qe({
|
|
23
23
|
variant: o = "neutral",
|
|
24
|
-
icon:
|
|
24
|
+
icon: l,
|
|
25
25
|
pill: t = !1,
|
|
26
26
|
dismissable: n = !1,
|
|
27
27
|
onDismiss: a,
|
|
28
|
-
dotColor:
|
|
28
|
+
dotColor: s,
|
|
29
29
|
children: c,
|
|
30
30
|
className: r,
|
|
31
31
|
...i
|
|
32
32
|
}) {
|
|
33
33
|
if (o === "dot") {
|
|
34
|
-
const m = [
|
|
34
|
+
const m = [F.badge, F.dot, r].filter(Boolean).join(" ");
|
|
35
35
|
return /* @__PURE__ */ d("span", { ...i, className: m, children: [
|
|
36
36
|
/* @__PURE__ */ e(
|
|
37
37
|
"span",
|
|
38
38
|
{
|
|
39
|
-
className:
|
|
40
|
-
style: { background:
|
|
39
|
+
className: F.dotIndicator,
|
|
40
|
+
style: { background: s ?? "var(--accent)" }
|
|
41
41
|
}
|
|
42
42
|
),
|
|
43
43
|
c
|
|
44
44
|
] });
|
|
45
45
|
}
|
|
46
46
|
const h = [
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
t ?
|
|
50
|
-
n ?
|
|
47
|
+
F.badge,
|
|
48
|
+
F[o],
|
|
49
|
+
t ? F.pill : null,
|
|
50
|
+
n ? F.dismiss : null,
|
|
51
51
|
r
|
|
52
52
|
].filter(Boolean).join(" ");
|
|
53
53
|
return /* @__PURE__ */ d("span", { ...i, className: h, children: [
|
|
54
|
-
|
|
54
|
+
l || null,
|
|
55
55
|
c,
|
|
56
56
|
n && /* @__PURE__ */ e(
|
|
57
57
|
"button",
|
|
58
58
|
{
|
|
59
59
|
type: "button",
|
|
60
|
-
className:
|
|
60
|
+
className: F.dismissBtn,
|
|
61
61
|
"aria-label": "Remove",
|
|
62
62
|
onClick: a,
|
|
63
63
|
children: /* @__PURE__ */ e(Je, {})
|
|
@@ -68,43 +68,43 @@ function Qe({
|
|
|
68
68
|
Qe.displayName = "Badge";
|
|
69
69
|
function Pe({
|
|
70
70
|
direction: o = "vertical",
|
|
71
|
-
track:
|
|
71
|
+
track: l = !1,
|
|
72
72
|
arrows: t = !1,
|
|
73
73
|
autoHide: n = !1,
|
|
74
74
|
expand: a = !1,
|
|
75
|
-
scrollbarSize:
|
|
75
|
+
scrollbarSize: s,
|
|
76
76
|
height: c,
|
|
77
77
|
children: r,
|
|
78
78
|
className: i,
|
|
79
79
|
style: h,
|
|
80
80
|
...m
|
|
81
81
|
}) {
|
|
82
|
-
const
|
|
82
|
+
const p = [
|
|
83
83
|
"sb",
|
|
84
|
-
|
|
84
|
+
l ? "sb-track" : null,
|
|
85
85
|
t ? "sb-arrows" : null,
|
|
86
86
|
n ? "sb-auto-hide" : null,
|
|
87
87
|
a ? "sb-expand" : null,
|
|
88
88
|
i
|
|
89
|
-
].filter(Boolean).join(" "),
|
|
89
|
+
].filter(Boolean).join(" "), f = o === "vertical" ? { overflowY: "auto", overflowX: "hidden" } : o === "horizontal" ? { overflowX: "auto", overflowY: "hidden" } : { overflow: "auto" }, g = s !== void 0 ? { "--sb-w": `${s}px` } : void 0;
|
|
90
90
|
return /* @__PURE__ */ e(
|
|
91
91
|
"div",
|
|
92
92
|
{
|
|
93
93
|
...m,
|
|
94
|
-
className:
|
|
95
|
-
style: { height: c, ...
|
|
94
|
+
className: p,
|
|
95
|
+
style: { height: c, ...f, ...g, ...h },
|
|
96
96
|
children: r
|
|
97
97
|
}
|
|
98
98
|
);
|
|
99
99
|
}
|
|
100
100
|
Pe.displayName = "Scrollable";
|
|
101
|
-
const et = "
|
|
101
|
+
const et = "_btn_xuv7s_1", tt = "_icon_xuv7s_33", nt = "_primary_xuv7s_42", ot = "_secondary_xuv7s_50", lt = "_ghost_xuv7s_60", st = "_danger_xuv7s_70", at = "_success_xuv7s_78", ct = "_warning_xuv7s_86", it = "_sm_xuv7s_95", rt = "_md_xuv7s_103", dt = "_lg_xuv7s_105", ee = {
|
|
102
102
|
btn: et,
|
|
103
103
|
icon: tt,
|
|
104
104
|
primary: nt,
|
|
105
105
|
secondary: ot,
|
|
106
|
-
ghost:
|
|
107
|
-
danger:
|
|
106
|
+
ghost: lt,
|
|
107
|
+
danger: st,
|
|
108
108
|
success: at,
|
|
109
109
|
warning: ct,
|
|
110
110
|
sm: it,
|
|
@@ -113,18 +113,18 @@ const et = "_btn_8cdvn_1", tt = "_icon_8cdvn_34", nt = "_primary_8cdvn_43", ot =
|
|
|
113
113
|
}, _t = J(
|
|
114
114
|
({
|
|
115
115
|
type: o = "button",
|
|
116
|
-
variant:
|
|
116
|
+
variant: l = "secondary",
|
|
117
117
|
size: t = "md",
|
|
118
118
|
icon: n,
|
|
119
119
|
loading: a = !1,
|
|
120
|
-
children:
|
|
120
|
+
children: s,
|
|
121
121
|
className: c,
|
|
122
122
|
disabled: r,
|
|
123
123
|
...i
|
|
124
124
|
}, h) => {
|
|
125
125
|
const m = [
|
|
126
126
|
ee.btn,
|
|
127
|
-
ee[
|
|
127
|
+
ee[l],
|
|
128
128
|
ee[t],
|
|
129
129
|
c
|
|
130
130
|
].filter(Boolean).join(" ");
|
|
@@ -138,26 +138,26 @@ const et = "_btn_8cdvn_1", tt = "_icon_8cdvn_34", nt = "_primary_8cdvn_43", ot =
|
|
|
138
138
|
...i,
|
|
139
139
|
children: [
|
|
140
140
|
n ? /* @__PURE__ */ e("span", { className: ee.icon, children: n }) : null,
|
|
141
|
-
|
|
141
|
+
s
|
|
142
142
|
]
|
|
143
143
|
}
|
|
144
144
|
);
|
|
145
145
|
}
|
|
146
146
|
);
|
|
147
147
|
_t.displayName = "Button";
|
|
148
|
-
const ut = "_card_1gxgi_1", ht = "_bordered_1gxgi_8", mt = "_tilt_1gxgi_12",
|
|
148
|
+
const ut = "_card_1gxgi_1", ht = "_bordered_1gxgi_8", mt = "_tilt_1gxgi_12", pt = "_closeBtn_1gxgi_20", ft = "_padSm_1gxgi_41", gt = "_padMd_1gxgi_42", vt = "_padLg_1gxgi_43", kt = "_padNone_1gxgi_44", bt = "_header_1gxgi_47", Nt = "_headerIcon_1gxgi_54", xt = "_title_1gxgi_63", yt = "_subtitle_1gxgi_69", wt = "_stat_1gxgi_76", Bt = "_statValue_1gxgi_83", Ct = "_statUnit_1gxgi_91", jt = "_statDelta_1gxgi_97", It = "_deltaPositive_1gxgi_102", $t = "_deltaNegative_1gxgi_103", Lt = "_deltaNeutral_1gxgi_104", k = {
|
|
149
149
|
card: ut,
|
|
150
150
|
bordered: ht,
|
|
151
151
|
tilt: mt,
|
|
152
|
-
closeBtn:
|
|
153
|
-
padSm:
|
|
152
|
+
closeBtn: pt,
|
|
153
|
+
padSm: ft,
|
|
154
154
|
padMd: gt,
|
|
155
155
|
padLg: vt,
|
|
156
|
-
padNone:
|
|
157
|
-
header:
|
|
156
|
+
padNone: kt,
|
|
157
|
+
header: bt,
|
|
158
158
|
headerIcon: Nt,
|
|
159
|
-
title:
|
|
160
|
-
subtitle:
|
|
159
|
+
title: xt,
|
|
160
|
+
subtitle: yt,
|
|
161
161
|
stat: wt,
|
|
162
162
|
statValue: Bt,
|
|
163
163
|
statUnit: Ct,
|
|
@@ -166,22 +166,22 @@ const ut = "_card_1gxgi_1", ht = "_bordered_1gxgi_8", mt = "_tilt_1gxgi_12", ft
|
|
|
166
166
|
deltaNegative: $t,
|
|
167
167
|
deltaNeutral: Lt
|
|
168
168
|
}, Mt = {
|
|
169
|
-
none:
|
|
170
|
-
sm:
|
|
171
|
-
md:
|
|
172
|
-
lg:
|
|
169
|
+
none: k.padNone,
|
|
170
|
+
sm: k.padSm,
|
|
171
|
+
md: k.padMd,
|
|
172
|
+
lg: k.padLg
|
|
173
173
|
}, Tt = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "10", height: "10", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) });
|
|
174
174
|
function St({
|
|
175
175
|
padding: o = "md",
|
|
176
|
-
bordered:
|
|
176
|
+
bordered: l = !1,
|
|
177
177
|
tilt: t = !1,
|
|
178
178
|
onClose: n,
|
|
179
179
|
closeBtnProps: a,
|
|
180
|
-
children:
|
|
180
|
+
children: s,
|
|
181
181
|
className: c,
|
|
182
182
|
...r
|
|
183
183
|
}) {
|
|
184
|
-
const i = [
|
|
184
|
+
const i = [k.card, Mt[o], l ? k.bordered : null, t ? k.tilt : null, c].filter(Boolean).join(" ");
|
|
185
185
|
return /* @__PURE__ */ d("div", { ...r, className: i, children: [
|
|
186
186
|
n && /* @__PURE__ */ e(
|
|
187
187
|
"button",
|
|
@@ -189,92 +189,92 @@ function St({
|
|
|
189
189
|
type: "button",
|
|
190
190
|
"aria-label": "Close",
|
|
191
191
|
...a,
|
|
192
|
-
className: [
|
|
192
|
+
className: [k.closeBtn, a == null ? void 0 : a.className].filter(Boolean).join(" "),
|
|
193
193
|
onClick: n,
|
|
194
194
|
children: /* @__PURE__ */ e(Tt, {})
|
|
195
195
|
}
|
|
196
196
|
),
|
|
197
|
-
|
|
197
|
+
s
|
|
198
198
|
] });
|
|
199
199
|
}
|
|
200
200
|
St.displayName = "Card";
|
|
201
201
|
function Rt({
|
|
202
202
|
icon: o,
|
|
203
|
-
title:
|
|
203
|
+
title: l,
|
|
204
204
|
subtitle: t,
|
|
205
205
|
className: n,
|
|
206
206
|
...a
|
|
207
207
|
}) {
|
|
208
|
-
return /* @__PURE__ */ d("div", { ...a, className: [
|
|
209
|
-
o && /* @__PURE__ */ e("span", { className:
|
|
208
|
+
return /* @__PURE__ */ d("div", { ...a, className: [k.header, n].filter(Boolean).join(" "), children: [
|
|
209
|
+
o && /* @__PURE__ */ e("span", { className: k.headerIcon, children: o }),
|
|
210
210
|
/* @__PURE__ */ d("div", { children: [
|
|
211
|
-
/* @__PURE__ */ e("div", { className:
|
|
212
|
-
t && /* @__PURE__ */ e("div", { className:
|
|
211
|
+
/* @__PURE__ */ e("div", { className: k.title, children: l }),
|
|
212
|
+
t && /* @__PURE__ */ e("div", { className: k.subtitle, children: t })
|
|
213
213
|
] })
|
|
214
214
|
] });
|
|
215
215
|
}
|
|
216
216
|
Rt.displayName = "CardHeader";
|
|
217
|
-
function
|
|
217
|
+
function qt({
|
|
218
218
|
value: o,
|
|
219
|
-
unit:
|
|
219
|
+
unit: l,
|
|
220
220
|
delta: t,
|
|
221
221
|
deltaDirection: n = "positive",
|
|
222
222
|
className: a,
|
|
223
|
-
...
|
|
223
|
+
...s
|
|
224
224
|
}) {
|
|
225
225
|
const c = [
|
|
226
|
-
|
|
227
|
-
n === "positive" ?
|
|
226
|
+
k.statDelta,
|
|
227
|
+
n === "positive" ? k.deltaPositive : n === "negative" ? k.deltaNegative : k.deltaNeutral
|
|
228
228
|
].filter(Boolean).join(" ");
|
|
229
|
-
return /* @__PURE__ */ d("div", { ...
|
|
230
|
-
/* @__PURE__ */ d("span", { className:
|
|
229
|
+
return /* @__PURE__ */ d("div", { ...s, className: [k.stat, a].filter(Boolean).join(" "), children: [
|
|
230
|
+
/* @__PURE__ */ d("span", { className: k.statValue, children: [
|
|
231
231
|
o,
|
|
232
|
-
|
|
232
|
+
l && /* @__PURE__ */ d("span", { className: k.statUnit, children: [
|
|
233
233
|
" ",
|
|
234
|
-
|
|
234
|
+
l
|
|
235
235
|
] })
|
|
236
236
|
] }),
|
|
237
237
|
t && /* @__PURE__ */ e("span", { className: c, children: t })
|
|
238
238
|
] });
|
|
239
239
|
}
|
|
240
|
-
|
|
241
|
-
function re(o,
|
|
242
|
-
const [n, a] = Y(
|
|
240
|
+
qt.displayName = "CardStat";
|
|
241
|
+
function re(o, l, t) {
|
|
242
|
+
const [n, a] = Y(l), s = o !== void 0, c = s ? o : n, r = te(
|
|
243
243
|
(i) => {
|
|
244
|
-
|
|
244
|
+
s || a(i), t == null || t(i);
|
|
245
245
|
},
|
|
246
|
-
[
|
|
246
|
+
[s, t]
|
|
247
247
|
);
|
|
248
|
-
return [c, r,
|
|
248
|
+
return [c, r, s];
|
|
249
249
|
}
|
|
250
|
-
const
|
|
251
|
-
function ve(o,
|
|
252
|
-
const t =
|
|
250
|
+
const At = "X", Dt = /[a-zA-Z0-9]/;
|
|
251
|
+
function ve(o, l = {}) {
|
|
252
|
+
const t = l.allowedPattern ?? Dt;
|
|
253
253
|
return o.split("").filter((n) => t.test(n)).join("");
|
|
254
254
|
}
|
|
255
|
-
function
|
|
256
|
-
const n = t.placeholder ??
|
|
257
|
-
let
|
|
258
|
-
for (const r of
|
|
259
|
-
if (
|
|
255
|
+
function Ot(o, l, t = {}) {
|
|
256
|
+
const n = t.placeholder ?? At, a = ve(o, t);
|
|
257
|
+
let s = 0, c = "";
|
|
258
|
+
for (const r of l) {
|
|
259
|
+
if (s >= a.length)
|
|
260
260
|
break;
|
|
261
261
|
if (r === n) {
|
|
262
|
-
c += a[
|
|
262
|
+
c += a[s], s += 1;
|
|
263
263
|
continue;
|
|
264
264
|
}
|
|
265
265
|
c += r;
|
|
266
266
|
}
|
|
267
267
|
return c;
|
|
268
268
|
}
|
|
269
|
-
const
|
|
270
|
-
wrapper:
|
|
271
|
-
field:
|
|
272
|
-
label:
|
|
273
|
-
input:
|
|
274
|
-
hasIcon:
|
|
275
|
-
hasIconRight:
|
|
276
|
-
hasClear:
|
|
277
|
-
hasClearAndIconRight:
|
|
269
|
+
const Wt = "_wrapper_25x8h_1", Et = "_field_25x8h_7", Ft = "_label_25x8h_13", zt = "_input_25x8h_22", Vt = "_hasIcon_25x8h_52", Xt = "_hasIconRight_25x8h_55", Ut = "_hasClear_25x8h_58", Gt = "_hasClearAndIconRight_25x8h_61", Ht = "_iconSlot_25x8h_64", Kt = "_iconSlotRight_25x8h_78", Yt = "_iconSlotRightWithClear_25x8h_92", Zt = "_clearBtn_25x8h_95", I = {
|
|
270
|
+
wrapper: Wt,
|
|
271
|
+
field: Et,
|
|
272
|
+
label: Ft,
|
|
273
|
+
input: zt,
|
|
274
|
+
hasIcon: Vt,
|
|
275
|
+
hasIconRight: Xt,
|
|
276
|
+
hasClear: Ut,
|
|
277
|
+
hasClearAndIconRight: Gt,
|
|
278
278
|
iconSlot: Ht,
|
|
279
279
|
iconSlotRight: Kt,
|
|
280
280
|
iconSlotRightWithClear: Yt,
|
|
@@ -282,27 +282,27 @@ const Et = "_wrapper_25x8h_1", Ft = "_field_25x8h_7", zt = "_label_25x8h_13", Vt
|
|
|
282
282
|
}, Jt = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "12", height: "12", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), Qt = J(
|
|
283
283
|
({
|
|
284
284
|
label: o,
|
|
285
|
-
icon:
|
|
285
|
+
icon: l,
|
|
286
286
|
iconPosition: t = "left",
|
|
287
287
|
clearable: n = !1,
|
|
288
288
|
clearButtonProps: a,
|
|
289
|
-
clearLabel:
|
|
289
|
+
clearLabel: s,
|
|
290
290
|
defaultValue: c = "",
|
|
291
291
|
disabled: r,
|
|
292
292
|
mask: i,
|
|
293
293
|
maskAllowedPattern: h,
|
|
294
294
|
maskPlaceholder: m,
|
|
295
|
-
selectOnFocus:
|
|
296
|
-
textAlign:
|
|
295
|
+
selectOnFocus: p = !1,
|
|
296
|
+
textAlign: f,
|
|
297
297
|
onChange: g,
|
|
298
298
|
onValueChange: N,
|
|
299
299
|
value: S,
|
|
300
300
|
wrapperProps: j,
|
|
301
|
-
fieldProps:
|
|
302
|
-
className:
|
|
303
|
-
...
|
|
301
|
+
fieldProps: b,
|
|
302
|
+
className: y,
|
|
303
|
+
...x
|
|
304
304
|
}, $) => {
|
|
305
|
-
const L = ne(null), [
|
|
305
|
+
const L = ne(null), [U, Q] = re(
|
|
306
306
|
S,
|
|
307
307
|
c,
|
|
308
308
|
(v) => {
|
|
@@ -316,71 +316,71 @@ const Et = "_wrapper_25x8h_1", Ft = "_field_25x8h_7", zt = "_label_25x8h_13", Vt
|
|
|
316
316
|
);
|
|
317
317
|
ge($, () => L.current);
|
|
318
318
|
const oe = te(
|
|
319
|
-
(v) => i ?
|
|
319
|
+
(v) => i ? Ot(v, i, {
|
|
320
320
|
allowedPattern: h,
|
|
321
321
|
placeholder: m
|
|
322
322
|
}) : v,
|
|
323
323
|
[i, h, m]
|
|
324
324
|
), R = (v) => {
|
|
325
|
-
const
|
|
326
|
-
v.target.value =
|
|
327
|
-
},
|
|
325
|
+
const q = oe(v.target.value);
|
|
326
|
+
v.target.value = q, Q(q), g == null || g(v);
|
|
327
|
+
}, O = () => {
|
|
328
328
|
var v;
|
|
329
329
|
Q(""), (v = L.current) == null || v.focus();
|
|
330
|
-
},
|
|
330
|
+
}, W = l && t === "right", P = l && t === "left", Z = [
|
|
331
331
|
I.input,
|
|
332
332
|
P ? I.hasIcon : null,
|
|
333
|
-
|
|
334
|
-
n &&
|
|
335
|
-
|
|
336
|
-
].filter(Boolean).join(" "),
|
|
337
|
-
var
|
|
338
|
-
|
|
339
|
-
},
|
|
333
|
+
W ? I.hasIconRight : null,
|
|
334
|
+
n && W ? I.hasClearAndIconRight : n ? I.hasClear : null,
|
|
335
|
+
y
|
|
336
|
+
].filter(Boolean).join(" "), V = (v) => {
|
|
337
|
+
var q;
|
|
338
|
+
p && v.target.select(), (q = x.onFocus) == null || q.call(x, v);
|
|
339
|
+
}, G = /* @__PURE__ */ e(
|
|
340
340
|
"input",
|
|
341
341
|
{
|
|
342
342
|
ref: L,
|
|
343
343
|
disabled: r,
|
|
344
|
-
value: oe(
|
|
344
|
+
value: oe(U),
|
|
345
345
|
onChange: R,
|
|
346
|
-
onFocus:
|
|
346
|
+
onFocus: V,
|
|
347
347
|
className: Z,
|
|
348
|
-
style:
|
|
349
|
-
...
|
|
348
|
+
style: f ? { textAlign: f, ...x.style } : x.style,
|
|
349
|
+
...x
|
|
350
350
|
}
|
|
351
|
-
), w = [I.wrapper, j == null ? void 0 : j.className].filter(Boolean).join(" "),
|
|
352
|
-
P ? /* @__PURE__ */ e("span", { className: I.iconSlot, children:
|
|
353
|
-
|
|
354
|
-
|
|
351
|
+
), w = [I.wrapper, j == null ? void 0 : j.className].filter(Boolean).join(" "), E = /* @__PURE__ */ d("span", { ...j, className: w, children: [
|
|
352
|
+
P ? /* @__PURE__ */ e("span", { className: I.iconSlot, children: l }) : null,
|
|
353
|
+
G,
|
|
354
|
+
W ? /* @__PURE__ */ e("span", { className: [I.iconSlotRight, n ? I.iconSlotRightWithClear : null].filter(Boolean).join(" "), children: l }) : null,
|
|
355
355
|
n ? /* @__PURE__ */ e(
|
|
356
356
|
"button",
|
|
357
357
|
{
|
|
358
358
|
type: "button",
|
|
359
359
|
"aria-label": "Clear",
|
|
360
360
|
title: "Clear",
|
|
361
|
-
disabled: r ||
|
|
362
|
-
onClick:
|
|
361
|
+
disabled: r || U.length === 0,
|
|
362
|
+
onClick: O,
|
|
363
363
|
className: I.clearBtn,
|
|
364
364
|
...a,
|
|
365
365
|
children: (a == null ? void 0 : a.children) ?? /* @__PURE__ */ e(Jt, {})
|
|
366
366
|
}
|
|
367
367
|
) : null
|
|
368
368
|
] });
|
|
369
|
-
return !o && !
|
|
369
|
+
return !o && !b ? E : /* @__PURE__ */ d("div", { ...b, className: [I.field, b == null ? void 0 : b.className].filter(Boolean).join(" "), children: [
|
|
370
370
|
o ? /* @__PURE__ */ e("label", { className: I.label, children: o }) : null,
|
|
371
|
-
|
|
371
|
+
E
|
|
372
372
|
] });
|
|
373
373
|
}
|
|
374
374
|
);
|
|
375
375
|
Qt.displayName = "Input";
|
|
376
|
-
const Pt = "_checkbox_7kjwa_2", en = "_checkboxBox_7kjwa_13", tn = "_checked_7kjwa_33", nn = "_indeterminate_7kjwa_42", on = "_disabled_7kjwa_55",
|
|
376
|
+
const Pt = "_checkbox_7kjwa_2", en = "_checkboxBox_7kjwa_13", tn = "_checked_7kjwa_33", nn = "_indeterminate_7kjwa_42", on = "_disabled_7kjwa_55", ln = "_radio_7kjwa_61", sn = "_radioDot_7kjwa_72", an = "_radioChecked_7kjwa_85", cn = "_radioDisabled_7kjwa_97", rn = "_radioGroup_7kjwa_102", dn = "_switchWrap_7kjwa_109", _n = "_switchTrack_7kjwa_120", un = "_switchOn_7kjwa_143", hn = "_switchDisabled_7kjwa_153", C = {
|
|
377
377
|
checkbox: Pt,
|
|
378
378
|
checkboxBox: en,
|
|
379
379
|
checked: tn,
|
|
380
380
|
indeterminate: nn,
|
|
381
381
|
disabled: on,
|
|
382
|
-
radio:
|
|
383
|
-
radioDot:
|
|
382
|
+
radio: ln,
|
|
383
|
+
radioDot: sn,
|
|
384
384
|
radioChecked: an,
|
|
385
385
|
radioDisabled: cn,
|
|
386
386
|
radioGroup: rn,
|
|
@@ -389,17 +389,17 @@ const Pt = "_checkbox_7kjwa_2", en = "_checkboxBox_7kjwa_13", tn = "_checked_7kj
|
|
|
389
389
|
switchOn: un,
|
|
390
390
|
switchDisabled: hn
|
|
391
391
|
}, mn = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" }) });
|
|
392
|
-
function
|
|
392
|
+
function pn({
|
|
393
393
|
label: o,
|
|
394
|
-
checked:
|
|
394
|
+
checked: l,
|
|
395
395
|
defaultChecked: t,
|
|
396
396
|
indeterminate: n = !1,
|
|
397
397
|
disabled: a = !1,
|
|
398
|
-
onChange:
|
|
398
|
+
onChange: s,
|
|
399
399
|
className: c,
|
|
400
400
|
...r
|
|
401
401
|
}) {
|
|
402
|
-
const i =
|
|
402
|
+
const i = l ?? t ?? !1, h = [
|
|
403
403
|
C.checkbox,
|
|
404
404
|
i && !n ? C.checked : null,
|
|
405
405
|
n ? C.indeterminate : null,
|
|
@@ -415,28 +415,28 @@ function fn({
|
|
|
415
415
|
checked: i,
|
|
416
416
|
disabled: a,
|
|
417
417
|
style: { display: "none" },
|
|
418
|
-
onChange: (m) =>
|
|
418
|
+
onChange: (m) => s == null ? void 0 : s(m.currentTarget.checked)
|
|
419
419
|
}
|
|
420
420
|
),
|
|
421
421
|
/* @__PURE__ */ e("span", { className: C.checkboxBox, children: !n && /* @__PURE__ */ e(mn, {}) }),
|
|
422
422
|
o
|
|
423
423
|
] });
|
|
424
424
|
}
|
|
425
|
-
|
|
426
|
-
function
|
|
425
|
+
pn.displayName = "Checkbox";
|
|
426
|
+
function fn({
|
|
427
427
|
label: o,
|
|
428
|
-
checked:
|
|
428
|
+
checked: l = !1,
|
|
429
429
|
disabled: t = !1,
|
|
430
430
|
onChange: n,
|
|
431
431
|
value: a,
|
|
432
|
-
className:
|
|
432
|
+
className: s,
|
|
433
433
|
...c
|
|
434
434
|
}) {
|
|
435
435
|
const r = [
|
|
436
436
|
C.radio,
|
|
437
|
-
|
|
437
|
+
l ? C.radioChecked : null,
|
|
438
438
|
t ? C.radioDisabled : null,
|
|
439
|
-
|
|
439
|
+
s
|
|
440
440
|
].filter(Boolean).join(" ");
|
|
441
441
|
return /* @__PURE__ */ d("label", { className: r, children: [
|
|
442
442
|
/* @__PURE__ */ e(
|
|
@@ -444,7 +444,7 @@ function pn({
|
|
|
444
444
|
{
|
|
445
445
|
...c,
|
|
446
446
|
type: "radio",
|
|
447
|
-
checked:
|
|
447
|
+
checked: l,
|
|
448
448
|
disabled: t,
|
|
449
449
|
value: a,
|
|
450
450
|
style: { display: "none" },
|
|
@@ -455,26 +455,26 @@ function pn({
|
|
|
455
455
|
o
|
|
456
456
|
] });
|
|
457
457
|
}
|
|
458
|
-
|
|
459
|
-
function gn({ children: o, className:
|
|
460
|
-
const n = [C.radioGroup,
|
|
458
|
+
fn.displayName = "Radio";
|
|
459
|
+
function gn({ children: o, className: l, ...t }) {
|
|
460
|
+
const n = [C.radioGroup, l].filter(Boolean).join(" ");
|
|
461
461
|
return /* @__PURE__ */ e("div", { ...t, className: n, role: "radiogroup", children: o });
|
|
462
462
|
}
|
|
463
463
|
gn.displayName = "RadioGroup";
|
|
464
464
|
function vn({
|
|
465
465
|
label: o,
|
|
466
|
-
checked:
|
|
466
|
+
checked: l,
|
|
467
467
|
defaultChecked: t,
|
|
468
468
|
disabled: n = !1,
|
|
469
469
|
onChange: a,
|
|
470
|
-
className:
|
|
470
|
+
className: s,
|
|
471
471
|
...c
|
|
472
472
|
}) {
|
|
473
|
-
const r =
|
|
473
|
+
const r = l ?? t ?? !1, i = [
|
|
474
474
|
C.switchWrap,
|
|
475
475
|
r ? C.switchOn : null,
|
|
476
476
|
n ? C.switchDisabled : null,
|
|
477
|
-
|
|
477
|
+
s
|
|
478
478
|
].filter(Boolean).join(" ");
|
|
479
479
|
return /* @__PURE__ */ d("label", { className: i, children: [
|
|
480
480
|
/* @__PURE__ */ e(
|
|
@@ -493,98 +493,98 @@ function vn({
|
|
|
493
493
|
] });
|
|
494
494
|
}
|
|
495
495
|
vn.displayName = "Switch";
|
|
496
|
-
const
|
|
497
|
-
menu:
|
|
498
|
-
item:
|
|
496
|
+
const kn = "_menu_pga52_1", bn = "_item_pga52_13", Nn = "_active_pga52_41", xn = "_danger_pga52_53", yn = "_disabled_pga52_65", wn = "_kbd_pga52_71", Bn = "_separator_pga52_79", X = {
|
|
497
|
+
menu: kn,
|
|
498
|
+
item: bn,
|
|
499
499
|
active: Nn,
|
|
500
|
-
danger:
|
|
501
|
-
disabled:
|
|
500
|
+
danger: xn,
|
|
501
|
+
disabled: yn,
|
|
502
502
|
kbd: wn,
|
|
503
503
|
separator: Bn
|
|
504
504
|
};
|
|
505
|
-
function Cn({ children: o, className:
|
|
506
|
-
const n = [
|
|
505
|
+
function Cn({ children: o, className: l, ...t }) {
|
|
506
|
+
const n = [X.menu, l].filter(Boolean).join(" ");
|
|
507
507
|
return /* @__PURE__ */ e("div", { ...t, className: n, role: "menu", children: o });
|
|
508
508
|
}
|
|
509
509
|
Cn.displayName = "Menu";
|
|
510
510
|
function jn({
|
|
511
511
|
icon: o,
|
|
512
|
-
kbd:
|
|
512
|
+
kbd: l,
|
|
513
513
|
active: t = !1,
|
|
514
514
|
danger: n = !1,
|
|
515
515
|
disabled: a = !1,
|
|
516
|
-
children:
|
|
516
|
+
children: s,
|
|
517
517
|
className: c,
|
|
518
518
|
...r
|
|
519
519
|
}) {
|
|
520
520
|
const i = [
|
|
521
|
-
|
|
522
|
-
t ?
|
|
523
|
-
n ?
|
|
524
|
-
a ?
|
|
521
|
+
X.item,
|
|
522
|
+
t ? X.active : null,
|
|
523
|
+
n ? X.danger : null,
|
|
524
|
+
a ? X.disabled : null,
|
|
525
525
|
c
|
|
526
526
|
].filter(Boolean).join(" ");
|
|
527
527
|
return /* @__PURE__ */ d("button", { ...r, type: "button", className: i, disabled: a, role: "menuitem", children: [
|
|
528
528
|
o,
|
|
529
|
-
|
|
530
|
-
|
|
529
|
+
s,
|
|
530
|
+
l && /* @__PURE__ */ e("span", { className: X.kbd, children: l })
|
|
531
531
|
] });
|
|
532
532
|
}
|
|
533
533
|
jn.displayName = "MenuItem";
|
|
534
|
-
function In({ className: o, ...
|
|
535
|
-
const t = [
|
|
536
|
-
return /* @__PURE__ */ e("div", { ...
|
|
534
|
+
function In({ className: o, ...l }) {
|
|
535
|
+
const t = [X.separator, o].filter(Boolean).join(" ");
|
|
536
|
+
return /* @__PURE__ */ e("div", { ...l, className: t, role: "separator" });
|
|
537
537
|
}
|
|
538
538
|
In.displayName = "MenuSeparator";
|
|
539
|
-
const $n = "_backdrop_pya14_1", Ln = "_modal_pya14_23", Mn = "_header_pya14_37", Tn = "_titleBlock_pya14_45", Sn = "_title_pya14_45", Rn = "_subtitle_pya14_58",
|
|
539
|
+
const $n = "_backdrop_pya14_1", Ln = "_modal_pya14_23", Mn = "_header_pya14_37", Tn = "_titleBlock_pya14_45", Sn = "_title_pya14_45", Rn = "_subtitle_pya14_58", qn = "_closeBtn_pya14_64", An = "_body_pya14_86", Dn = "_footer_pya14_92", A = {
|
|
540
540
|
backdrop: $n,
|
|
541
541
|
modal: Ln,
|
|
542
542
|
header: Mn,
|
|
543
543
|
titleBlock: Tn,
|
|
544
544
|
title: Sn,
|
|
545
545
|
subtitle: Rn,
|
|
546
|
-
closeBtn:
|
|
547
|
-
body:
|
|
548
|
-
footer:
|
|
549
|
-
},
|
|
546
|
+
closeBtn: qn,
|
|
547
|
+
body: An,
|
|
548
|
+
footer: Dn
|
|
549
|
+
}, On = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "11", height: "11", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), Wn = J(
|
|
550
550
|
({
|
|
551
551
|
open: o,
|
|
552
|
-
title:
|
|
552
|
+
title: l,
|
|
553
553
|
subtitle: t,
|
|
554
554
|
children: n,
|
|
555
555
|
footer: a,
|
|
556
|
-
closeOnBackdrop:
|
|
556
|
+
closeOnBackdrop: s = !0,
|
|
557
557
|
showCloseButton: c = !0,
|
|
558
558
|
backdropProps: r,
|
|
559
559
|
modalProps: i,
|
|
560
560
|
headerProps: h,
|
|
561
561
|
bodyProps: m,
|
|
562
|
-
footerProps:
|
|
563
|
-
closeButtonProps:
|
|
562
|
+
footerProps: p,
|
|
563
|
+
closeButtonProps: f,
|
|
564
564
|
onOpenChange: g,
|
|
565
565
|
onClose: N
|
|
566
566
|
}, S) => {
|
|
567
567
|
const j = ne(null);
|
|
568
568
|
ge(S, () => j.current), ie(() => {
|
|
569
569
|
if (!o) return;
|
|
570
|
-
const L = (
|
|
571
|
-
|
|
570
|
+
const L = (U) => {
|
|
571
|
+
U.key === "Escape" && b();
|
|
572
572
|
};
|
|
573
573
|
return document.addEventListener("keydown", L), () => document.removeEventListener("keydown", L);
|
|
574
574
|
}, [o]);
|
|
575
|
-
const
|
|
575
|
+
const b = () => {
|
|
576
576
|
g == null || g(!1), N == null || N();
|
|
577
|
-
},
|
|
578
|
-
|
|
577
|
+
}, y = (L) => {
|
|
578
|
+
s && L.target === L.currentTarget && b();
|
|
579
579
|
};
|
|
580
580
|
if (!o) return null;
|
|
581
|
-
const
|
|
581
|
+
const x = [A.backdrop, r == null ? void 0 : r.className].filter(Boolean).join(" "), $ = [A.modal, i == null ? void 0 : i.className].filter(Boolean).join(" ");
|
|
582
582
|
return /* @__PURE__ */ e(
|
|
583
583
|
"div",
|
|
584
584
|
{
|
|
585
585
|
...r,
|
|
586
|
-
className:
|
|
587
|
-
onClick:
|
|
586
|
+
className: x,
|
|
587
|
+
onClick: y,
|
|
588
588
|
role: "presentation",
|
|
589
589
|
children: /* @__PURE__ */ d(
|
|
590
590
|
"div",
|
|
@@ -595,20 +595,20 @@ const $n = "_backdrop_pya14_1", Ln = "_modal_pya14_23", Mn = "_header_pya14_37",
|
|
|
595
595
|
role: "dialog",
|
|
596
596
|
"aria-modal": "true",
|
|
597
597
|
children: [
|
|
598
|
-
(
|
|
599
|
-
/* @__PURE__ */ d("div", { className:
|
|
600
|
-
|
|
601
|
-
t ? /* @__PURE__ */ e("div", { className:
|
|
598
|
+
(l || c) && /* @__PURE__ */ d("header", { ...h, className: [A.header, h == null ? void 0 : h.className].filter(Boolean).join(" "), children: [
|
|
599
|
+
/* @__PURE__ */ d("div", { className: A.titleBlock, children: [
|
|
600
|
+
l ? /* @__PURE__ */ e("div", { className: A.title, children: l }) : null,
|
|
601
|
+
t ? /* @__PURE__ */ e("div", { className: A.subtitle, children: t }) : null
|
|
602
602
|
] }),
|
|
603
603
|
c && /* @__PURE__ */ e(
|
|
604
604
|
"button",
|
|
605
605
|
{
|
|
606
606
|
type: "button",
|
|
607
607
|
"aria-label": "Close",
|
|
608
|
-
className:
|
|
609
|
-
onClick:
|
|
610
|
-
...
|
|
611
|
-
children: (
|
|
608
|
+
className: A.closeBtn,
|
|
609
|
+
onClick: b,
|
|
610
|
+
...f,
|
|
611
|
+
children: (f == null ? void 0 : f.children) ?? /* @__PURE__ */ e(On, {})
|
|
612
612
|
}
|
|
613
613
|
)
|
|
614
614
|
] }),
|
|
@@ -616,15 +616,15 @@ const $n = "_backdrop_pya14_1", Ln = "_modal_pya14_23", Mn = "_header_pya14_37",
|
|
|
616
616
|
"section",
|
|
617
617
|
{
|
|
618
618
|
...m,
|
|
619
|
-
className: [
|
|
619
|
+
className: [A.body, m == null ? void 0 : m.className].filter(Boolean).join(" "),
|
|
620
620
|
children: n
|
|
621
621
|
}
|
|
622
622
|
),
|
|
623
623
|
a && /* @__PURE__ */ e(
|
|
624
624
|
"footer",
|
|
625
625
|
{
|
|
626
|
-
...
|
|
627
|
-
className: [
|
|
626
|
+
...p,
|
|
627
|
+
className: [A.footer, p == null ? void 0 : p.className].filter(Boolean).join(" "),
|
|
628
628
|
children: a
|
|
629
629
|
}
|
|
630
630
|
)
|
|
@@ -635,15 +635,15 @@ const $n = "_backdrop_pya14_1", Ln = "_modal_pya14_23", Mn = "_header_pya14_37",
|
|
|
635
635
|
);
|
|
636
636
|
}
|
|
637
637
|
);
|
|
638
|
-
|
|
639
|
-
const
|
|
640
|
-
wrapper:
|
|
641
|
-
pop:
|
|
642
|
-
sideRight:
|
|
643
|
-
sideTop:
|
|
644
|
-
arrow:
|
|
645
|
-
head:
|
|
646
|
-
title:
|
|
638
|
+
Wn.displayName = "Modal";
|
|
639
|
+
const En = "_wrapper_10d4l_1", Fn = "_pop_10d4l_8", zn = "_sideRight_10d4l_22", Vn = "_sideTop_10d4l_27", Xn = "_arrow_10d4l_34", Un = "_head_10d4l_60", Gn = "_title_10d4l_67", Hn = "_closeBtn_10d4l_74", Kn = "_body_10d4l_105", D = {
|
|
640
|
+
wrapper: En,
|
|
641
|
+
pop: Fn,
|
|
642
|
+
sideRight: zn,
|
|
643
|
+
sideTop: Vn,
|
|
644
|
+
arrow: Xn,
|
|
645
|
+
head: Un,
|
|
646
|
+
title: Gn,
|
|
647
647
|
closeBtn: Hn,
|
|
648
648
|
body: Kn
|
|
649
649
|
}, Yn = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
@@ -652,54 +652,54 @@ const Fn = "_wrapper_10d4l_1", zn = "_pop_10d4l_8", Vn = "_sideRight_10d4l_22",
|
|
|
652
652
|
] });
|
|
653
653
|
function Zn({
|
|
654
654
|
open: o,
|
|
655
|
-
defaultOpen:
|
|
655
|
+
defaultOpen: l = !1,
|
|
656
656
|
title: t,
|
|
657
657
|
children: n,
|
|
658
658
|
trigger: a,
|
|
659
|
-
side:
|
|
659
|
+
side: s = "bottom-start",
|
|
660
660
|
showCloseButton: c = !0,
|
|
661
661
|
onOpenChange: r,
|
|
662
662
|
popProps: i
|
|
663
663
|
}) {
|
|
664
|
-
const [h, m] = Y(
|
|
665
|
-
function N(
|
|
666
|
-
|
|
664
|
+
const [h, m] = Y(l), p = o !== void 0, f = p ? o : h, g = ne(null);
|
|
665
|
+
function N(y) {
|
|
666
|
+
p || m(y), r == null || r(y);
|
|
667
667
|
}
|
|
668
668
|
ie(() => {
|
|
669
|
-
function x
|
|
670
|
-
g.current && !g.current.contains(
|
|
669
|
+
function y(x) {
|
|
670
|
+
g.current && !g.current.contains(x.target) && N(!1);
|
|
671
671
|
}
|
|
672
|
-
return
|
|
673
|
-
}, [
|
|
674
|
-
const S =
|
|
675
|
-
|
|
676
|
-
j ?
|
|
677
|
-
S ?
|
|
672
|
+
return f && document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
|
|
673
|
+
}, [f]);
|
|
674
|
+
const S = s.startsWith("top"), j = s.endsWith("end"), b = [
|
|
675
|
+
D.pop,
|
|
676
|
+
j ? D.sideRight : null,
|
|
677
|
+
S ? D.sideTop : null,
|
|
678
678
|
i == null ? void 0 : i.className
|
|
679
679
|
].filter(Boolean).join(" ");
|
|
680
|
-
return /* @__PURE__ */ d("div", { ref: g, className:
|
|
681
|
-
a && /* @__PURE__ */ e("div", { onClick: () => N(!
|
|
682
|
-
|
|
683
|
-
/* @__PURE__ */ e("span", { className:
|
|
684
|
-
(t || c) && /* @__PURE__ */ d("div", { className:
|
|
685
|
-
t && /* @__PURE__ */ e("span", { className:
|
|
680
|
+
return /* @__PURE__ */ d("div", { ref: g, className: D.wrapper, children: [
|
|
681
|
+
a && /* @__PURE__ */ e("div", { onClick: () => N(!f), style: { display: "inline-flex" }, children: a }),
|
|
682
|
+
f && /* @__PURE__ */ d("div", { ...i, className: b, children: [
|
|
683
|
+
/* @__PURE__ */ e("span", { className: D.arrow }),
|
|
684
|
+
(t || c) && /* @__PURE__ */ d("div", { className: D.head, children: [
|
|
685
|
+
t && /* @__PURE__ */ e("span", { className: D.title, children: t }),
|
|
686
686
|
c && /* @__PURE__ */ e(
|
|
687
687
|
"button",
|
|
688
688
|
{
|
|
689
689
|
type: "button",
|
|
690
|
-
className:
|
|
690
|
+
className: D.closeBtn,
|
|
691
691
|
"aria-label": "Close",
|
|
692
692
|
onClick: () => N(!1),
|
|
693
693
|
children: /* @__PURE__ */ e(Yn, {})
|
|
694
694
|
}
|
|
695
695
|
)
|
|
696
696
|
] }),
|
|
697
|
-
/* @__PURE__ */ e("div", { className:
|
|
697
|
+
/* @__PURE__ */ e("div", { className: D.body, children: n })
|
|
698
698
|
] })
|
|
699
699
|
] });
|
|
700
700
|
}
|
|
701
701
|
Zn.displayName = "Popover";
|
|
702
|
-
const Jn = "
|
|
702
|
+
const Jn = "_group_1ltkm_1", Qn = "_pb_1ltkm_11", Pn = "_on_1ltkm_40", eo = "_accent_1ltkm_45", to = "_solo_1ltkm_50", no = "_disabled_1ltkm_65", K = {
|
|
703
703
|
group: Jn,
|
|
704
704
|
pb: Qn,
|
|
705
705
|
on: Pn,
|
|
@@ -707,37 +707,37 @@ const Jn = "_group_1ehqf_1", Qn = "_pb_1ehqf_9", Pn = "_on_1ehqf_37", eo = "_acc
|
|
|
707
707
|
solo: to,
|
|
708
708
|
disabled: no
|
|
709
709
|
};
|
|
710
|
-
function oo({ children: o, className:
|
|
711
|
-
const n = [K.group,
|
|
710
|
+
function oo({ children: o, className: l, ...t }) {
|
|
711
|
+
const n = [K.group, l].filter(Boolean).join(" ");
|
|
712
712
|
return /* @__PURE__ */ e("div", { ...t, className: n, role: "group", children: o });
|
|
713
713
|
}
|
|
714
714
|
oo.displayName = "PushButtonGroup";
|
|
715
|
-
function
|
|
715
|
+
function lo({
|
|
716
716
|
on: o = !1,
|
|
717
|
-
accent:
|
|
717
|
+
accent: l = !1,
|
|
718
718
|
solo: t = !1,
|
|
719
719
|
icon: n,
|
|
720
720
|
children: a,
|
|
721
|
-
disabled:
|
|
721
|
+
disabled: s = !1,
|
|
722
722
|
className: c,
|
|
723
723
|
...r
|
|
724
724
|
}) {
|
|
725
725
|
const i = [
|
|
726
726
|
K.pb,
|
|
727
727
|
o ? K.on : null,
|
|
728
|
-
o &&
|
|
728
|
+
o && l ? K.accent : null,
|
|
729
729
|
t ? K.solo : null,
|
|
730
|
-
|
|
730
|
+
s ? K.disabled : null,
|
|
731
731
|
c
|
|
732
732
|
].filter(Boolean).join(" ");
|
|
733
|
-
return /* @__PURE__ */ d("button", { ...r, type: "button", className: i, disabled:
|
|
733
|
+
return /* @__PURE__ */ d("button", { ...r, type: "button", className: i, disabled: s, children: [
|
|
734
734
|
n,
|
|
735
735
|
a
|
|
736
736
|
] });
|
|
737
737
|
}
|
|
738
|
-
|
|
739
|
-
const
|
|
740
|
-
root:
|
|
738
|
+
lo.displayName = "PushButton";
|
|
739
|
+
const so = "_root_qhol4_1", ao = "_field_qhol4_6", co = "_label_qhol4_12", io = "_labelMeta_qhol4_24", ro = "_trigger_qhol4_33", _o = "_triggerOpen_qhol4_59", uo = "_triggerConnectedBottom_qhol4_64", ho = "_triggerConnectedTop_qhol4_69", mo = "_triggerValue_qhol4_74", po = "_triggerPlaceholder_qhol4_83", fo = "_chevron_qhol4_85", go = "_chevronOpen_qhol4_94", vo = "_chips_qhol4_97", ko = "_chip_qhol4_97", bo = "_chipOverflow_qhol4_120", No = "_clearBtn_qhol4_123", xo = "_popover_qhol4_143", yo = "_popoverBottom_qhol4_154", wo = "_popoverTop_qhol4_162", Bo = "_search_qhol4_181", Co = "_searchIcon_qhol4_188", jo = "_searchInput_qhol4_195", Io = "_list_qhol4_209", $o = "_item_qhol4_217", Lo = "_itemAlignLeft_qhol4_230", Mo = "_itemAlignCenter_qhol4_231", To = "_itemAlignRight_qhol4_232", So = "_itemActive_qhol4_235", Ro = "_itemDisabled_qhol4_243", qo = "_itemMeta_qhol4_245", Ao = "_checkbox_qhol4_254", Do = "_checkboxChecked_qhol4_266", Oo = "_checkIcon_qhol4_278", Wo = "_emptyState_qhol4_299", Eo = "_popFooter_qhol4_307", Fo = "_popFooterBtn_qhol4_317", u = {
|
|
740
|
+
root: so,
|
|
741
741
|
field: ao,
|
|
742
742
|
label: co,
|
|
743
743
|
labelMeta: io,
|
|
@@ -746,15 +746,15 @@ const lo = "_root_15t75_1", ao = "_field_15t75_6", co = "_label_15t75_12", io =
|
|
|
746
746
|
triggerConnectedBottom: uo,
|
|
747
747
|
triggerConnectedTop: ho,
|
|
748
748
|
triggerValue: mo,
|
|
749
|
-
triggerPlaceholder:
|
|
750
|
-
chevron:
|
|
749
|
+
triggerPlaceholder: po,
|
|
750
|
+
chevron: fo,
|
|
751
751
|
chevronOpen: go,
|
|
752
752
|
chips: vo,
|
|
753
|
-
chip:
|
|
754
|
-
chipOverflow:
|
|
753
|
+
chip: ko,
|
|
754
|
+
chipOverflow: bo,
|
|
755
755
|
clearBtn: No,
|
|
756
|
-
popover:
|
|
757
|
-
popoverBottom:
|
|
756
|
+
popover: xo,
|
|
757
|
+
popoverBottom: yo,
|
|
758
758
|
popoverTop: wo,
|
|
759
759
|
search: Bo,
|
|
760
760
|
searchIcon: Co,
|
|
@@ -766,104 +766,104 @@ const lo = "_root_15t75_1", ao = "_field_15t75_6", co = "_label_15t75_12", io =
|
|
|
766
766
|
itemAlignRight: To,
|
|
767
767
|
itemActive: So,
|
|
768
768
|
itemDisabled: Ro,
|
|
769
|
-
itemMeta:
|
|
770
|
-
checkbox:
|
|
771
|
-
checkboxChecked:
|
|
772
|
-
checkIcon:
|
|
773
|
-
emptyState:
|
|
774
|
-
popFooter:
|
|
775
|
-
popFooterBtn:
|
|
776
|
-
},
|
|
769
|
+
itemMeta: qo,
|
|
770
|
+
checkbox: Ao,
|
|
771
|
+
checkboxChecked: Do,
|
|
772
|
+
checkIcon: Oo,
|
|
773
|
+
emptyState: Wo,
|
|
774
|
+
popFooter: Eo,
|
|
775
|
+
popFooterBtn: Fo
|
|
776
|
+
}, zo = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "14", height: "14", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) }), fe = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "12", height: "12", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), Vo = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
777
777
|
/* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "7" }),
|
|
778
778
|
/* @__PURE__ */ e("path", { d: "m20 20-3.5-3.5" })
|
|
779
|
-
] }), ae = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", width: "10", height: "10", children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" }) }),
|
|
780
|
-
const t =
|
|
779
|
+
] }), ae = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", width: "10", height: "10", children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" }) }), Xo = (o, l) => {
|
|
780
|
+
const t = l.trim().toLowerCase();
|
|
781
781
|
return t ? o.filter(
|
|
782
782
|
(n) => String(n.label).toLowerCase().includes(t)
|
|
783
783
|
) : o;
|
|
784
|
-
},
|
|
784
|
+
}, Uo = J(
|
|
785
785
|
({
|
|
786
786
|
label: o,
|
|
787
|
-
clearable:
|
|
787
|
+
clearable: l = !1,
|
|
788
788
|
defaultValue: t = null,
|
|
789
789
|
disabled: n = !1,
|
|
790
790
|
emptyLabel: a = "No options found",
|
|
791
|
-
filterOptions:
|
|
791
|
+
filterOptions: s = Xo,
|
|
792
792
|
isLoading: c = !1,
|
|
793
793
|
loadingLabel: r = "Loading...",
|
|
794
794
|
multiple: i = !1,
|
|
795
795
|
onSearchChange: h,
|
|
796
796
|
onValueChange: m,
|
|
797
|
-
options:
|
|
798
|
-
optionsAlign:
|
|
797
|
+
options: p,
|
|
798
|
+
optionsAlign: f = "left",
|
|
799
799
|
optionsPosition: g = "bottom",
|
|
800
800
|
placeholder: N = "Select",
|
|
801
801
|
searchable: S = !1,
|
|
802
802
|
searchPlaceholder: j = "Search...",
|
|
803
|
-
showSelectedCount:
|
|
804
|
-
showClearAll:
|
|
805
|
-
showSelectedValues:
|
|
803
|
+
showSelectedCount: b = !0,
|
|
804
|
+
showClearAll: y = !0,
|
|
805
|
+
showSelectedValues: x = !0,
|
|
806
806
|
closeOnSelect: $,
|
|
807
807
|
value: L,
|
|
808
|
-
className:
|
|
808
|
+
className: U,
|
|
809
809
|
...Q
|
|
810
810
|
}, oe) => {
|
|
811
|
-
const [R,
|
|
811
|
+
const [R, O] = Y(!1), [W, P] = Y(""), Z = ne(null), [V, G] = re(
|
|
812
812
|
L,
|
|
813
813
|
t,
|
|
814
814
|
(_) => {
|
|
815
|
-
const B =
|
|
815
|
+
const B = p.filter(
|
|
816
816
|
(H) => Array.isArray(_) ? _.includes(H.value) : H.value === _
|
|
817
817
|
);
|
|
818
818
|
m == null || m(_, B);
|
|
819
819
|
}
|
|
820
|
-
), w =
|
|
821
|
-
() => Array.isArray(
|
|
822
|
-
[
|
|
823
|
-
),
|
|
824
|
-
() =>
|
|
825
|
-
[
|
|
826
|
-
), v =
|
|
827
|
-
() =>
|
|
828
|
-
[
|
|
820
|
+
), w = se(
|
|
821
|
+
() => Array.isArray(V) ? V : V ? [V] : [],
|
|
822
|
+
[V]
|
|
823
|
+
), E = se(
|
|
824
|
+
() => p.filter((_) => w.includes(_.value)),
|
|
825
|
+
[p, w]
|
|
826
|
+
), v = se(
|
|
827
|
+
() => s(p, W),
|
|
828
|
+
[s, p, W]
|
|
829
829
|
);
|
|
830
830
|
ie(() => {
|
|
831
831
|
if (!R) return;
|
|
832
832
|
const _ = (B) => {
|
|
833
|
-
Z.current && !Z.current.contains(B.target) &&
|
|
833
|
+
Z.current && !Z.current.contains(B.target) && O(!1);
|
|
834
834
|
};
|
|
835
835
|
return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
|
|
836
836
|
}, [R]);
|
|
837
|
-
const
|
|
837
|
+
const q = (_) => {
|
|
838
838
|
P(_), h == null || h(_);
|
|
839
|
-
},
|
|
839
|
+
}, xe = (_) => {
|
|
840
840
|
if (!_.disabled) {
|
|
841
841
|
if (i) {
|
|
842
842
|
const B = w.includes(_.value) ? w.filter((H) => H !== _.value) : [...w, _.value];
|
|
843
|
-
|
|
843
|
+
G(B), $ && O(!1);
|
|
844
844
|
return;
|
|
845
845
|
}
|
|
846
|
-
|
|
846
|
+
G(_.value), ($ ?? !0) && O(!1);
|
|
847
847
|
}
|
|
848
848
|
}, de = () => {
|
|
849
|
-
|
|
850
|
-
},
|
|
849
|
+
G(i ? [] : null), q("");
|
|
850
|
+
}, ye = () => {
|
|
851
851
|
if (w.length > 0) {
|
|
852
852
|
de();
|
|
853
853
|
return;
|
|
854
854
|
}
|
|
855
|
-
|
|
855
|
+
G(p.filter((_) => !_.disabled).map((_) => _.value));
|
|
856
856
|
}, we = (_) => {
|
|
857
|
-
(_.key === "Enter" || _.key === " ") && (_.preventDefault(),
|
|
857
|
+
(_.key === "Enter" || _.key === " ") && (_.preventDefault(), O((B) => !B)), _.key === "Escape" && O(!1);
|
|
858
858
|
}, _e = g === "top", Be = [
|
|
859
859
|
u.trigger,
|
|
860
860
|
R ? u.triggerOpen : null,
|
|
861
861
|
R ? _e ? u.triggerConnectedTop : u.triggerConnectedBottom : null
|
|
862
|
-
].filter(Boolean).join(" "), Ce = !i ||
|
|
862
|
+
].filter(Boolean).join(" "), Ce = !i || x, je = i && x && E.length > 0, le = i, Ie = i && (w.length > 0 || y), ue = Ce && E.length > 0, he = 2, me = E.length - he, $e = [u.root, U].filter(Boolean).join(" "), Le = {
|
|
863
863
|
left: u.itemAlignLeft,
|
|
864
864
|
center: u.itemAlignCenter,
|
|
865
865
|
right: u.itemAlignRight
|
|
866
|
-
}[
|
|
866
|
+
}[f], pe = /* @__PURE__ */ d("div", { ref: Z, ...Q, className: $e, children: [
|
|
867
867
|
/* @__PURE__ */ d(
|
|
868
868
|
"button",
|
|
869
869
|
{
|
|
@@ -872,17 +872,17 @@ const lo = "_root_15t75_1", ao = "_field_15t75_6", co = "_label_15t75_12", io =
|
|
|
872
872
|
disabled: n,
|
|
873
873
|
"aria-haspopup": "listbox",
|
|
874
874
|
"aria-expanded": R,
|
|
875
|
-
onClick: () => !n &&
|
|
875
|
+
onClick: () => !n && O((_) => !_),
|
|
876
876
|
onKeyDown: we,
|
|
877
877
|
children: [
|
|
878
878
|
je ? /* @__PURE__ */ d("div", { className: u.chips, children: [
|
|
879
|
-
|
|
879
|
+
E.slice(0, he).map((_) => /* @__PURE__ */ e("span", { className: u.chip, children: _.label }, _.value)),
|
|
880
880
|
me > 0 && /* @__PURE__ */ d("span", { className: [u.chip, u.chipOverflow].join(" "), children: [
|
|
881
881
|
"+",
|
|
882
882
|
me
|
|
883
883
|
] })
|
|
884
|
-
] }) : /* @__PURE__ */ e("span", { className: [u.triggerValue, ue ? null : u.triggerPlaceholder].filter(Boolean).join(" "), children: ue ?
|
|
885
|
-
|
|
884
|
+
] }) : /* @__PURE__ */ e("span", { className: [u.triggerValue, ue ? null : u.triggerPlaceholder].filter(Boolean).join(" "), children: ue ? E.map((_) => _.label).join(", ") : N }),
|
|
885
|
+
l && w.length > 0 && /* @__PURE__ */ e(
|
|
886
886
|
"button",
|
|
887
887
|
{
|
|
888
888
|
type: "button",
|
|
@@ -892,10 +892,10 @@ const lo = "_root_15t75_1", ao = "_field_15t75_6", co = "_label_15t75_12", io =
|
|
|
892
892
|
onClick: (_) => {
|
|
893
893
|
_.stopPropagation(), de();
|
|
894
894
|
},
|
|
895
|
-
children: /* @__PURE__ */ e(
|
|
895
|
+
children: /* @__PURE__ */ e(fe, {})
|
|
896
896
|
}
|
|
897
897
|
),
|
|
898
|
-
/* @__PURE__ */ e("span", { className: [u.chevron, R ? u.chevronOpen : null].filter(Boolean).join(" "), children: /* @__PURE__ */ e(
|
|
898
|
+
/* @__PURE__ */ e("span", { className: [u.chevron, R ? u.chevronOpen : null].filter(Boolean).join(" "), children: /* @__PURE__ */ e(zo, {}) })
|
|
899
899
|
]
|
|
900
900
|
}
|
|
901
901
|
),
|
|
@@ -910,18 +910,18 @@ const lo = "_root_15t75_1", ao = "_field_15t75_6", co = "_label_15t75_12", io =
|
|
|
910
910
|
"aria-multiselectable": i || void 0,
|
|
911
911
|
children: [
|
|
912
912
|
S && /* @__PURE__ */ d("div", { className: u.search, children: [
|
|
913
|
-
/* @__PURE__ */ e("span", { className: u.searchIcon, children: /* @__PURE__ */ e(
|
|
913
|
+
/* @__PURE__ */ e("span", { className: u.searchIcon, children: /* @__PURE__ */ e(Vo, {}) }),
|
|
914
914
|
/* @__PURE__ */ e(
|
|
915
915
|
"input",
|
|
916
916
|
{
|
|
917
917
|
autoFocus: !0,
|
|
918
|
-
value:
|
|
918
|
+
value: W,
|
|
919
919
|
placeholder: j,
|
|
920
920
|
className: u.searchInput,
|
|
921
|
-
onChange: (_) =>
|
|
921
|
+
onChange: (_) => q(_.target.value)
|
|
922
922
|
}
|
|
923
923
|
),
|
|
924
|
-
|
|
924
|
+
W && /* @__PURE__ */ e("button", { className: u.clearBtn, onClick: () => q(""), children: /* @__PURE__ */ e(fe, {}) })
|
|
925
925
|
] }),
|
|
926
926
|
/* @__PURE__ */ d("ul", { className: [u.list, "sb"].join(" "), children: [
|
|
927
927
|
c && /* @__PURE__ */ e("li", { className: u.emptyState, children: r }),
|
|
@@ -939,25 +939,25 @@ const lo = "_root_15t75_1", ao = "_field_15t75_6", co = "_label_15t75_12", io =
|
|
|
939
939
|
className: H,
|
|
940
940
|
role: "option",
|
|
941
941
|
"aria-selected": B,
|
|
942
|
-
onClick: () =>
|
|
942
|
+
onClick: () => xe(_),
|
|
943
943
|
children: [
|
|
944
|
-
!
|
|
945
|
-
|
|
944
|
+
!le && f === "right" && B && /* @__PURE__ */ e("span", { className: u.checkIcon, children: /* @__PURE__ */ e(ae, {}) }),
|
|
945
|
+
le ? /* @__PURE__ */ e("span", { className: [u.checkbox, B ? u.checkboxChecked : null].filter(Boolean).join(" "), children: B && /* @__PURE__ */ e(ae, {}) }) : null,
|
|
946
946
|
/* @__PURE__ */ e("span", { children: _.label }),
|
|
947
947
|
_.meta && /* @__PURE__ */ e("span", { className: u.itemMeta, children: _.meta }),
|
|
948
|
-
!
|
|
948
|
+
!le && f !== "right" && B && /* @__PURE__ */ e("span", { className: u.checkIcon, children: /* @__PURE__ */ e(ae, {}) })
|
|
949
949
|
]
|
|
950
950
|
},
|
|
951
951
|
_.value
|
|
952
952
|
);
|
|
953
953
|
})
|
|
954
954
|
] }),
|
|
955
|
-
Ie && (
|
|
956
|
-
|
|
955
|
+
Ie && (b || y) && /* @__PURE__ */ d("div", { className: u.popFooter, children: [
|
|
956
|
+
b && /* @__PURE__ */ d("span", { children: [
|
|
957
957
|
w.length,
|
|
958
958
|
" selected"
|
|
959
959
|
] }),
|
|
960
|
-
|
|
960
|
+
y && /* @__PURE__ */ e("button", { className: u.popFooterBtn, onClick: ye, children: w.length > 0 ? "Clear all" : "Check all" })
|
|
961
961
|
] })
|
|
962
962
|
]
|
|
963
963
|
}
|
|
@@ -966,19 +966,19 @@ const lo = "_root_15t75_1", ao = "_field_15t75_6", co = "_label_15t75_12", io =
|
|
|
966
966
|
return o ? /* @__PURE__ */ d("div", { className: u.field, children: [
|
|
967
967
|
/* @__PURE__ */ d("label", { className: u.label, children: [
|
|
968
968
|
o,
|
|
969
|
-
i &&
|
|
969
|
+
i && b && w.length > 0 && /* @__PURE__ */ d("span", { className: u.labelMeta, children: [
|
|
970
970
|
"· ",
|
|
971
971
|
w.length,
|
|
972
972
|
" selected"
|
|
973
973
|
] })
|
|
974
974
|
] }),
|
|
975
|
-
|
|
976
|
-
] }) :
|
|
975
|
+
pe
|
|
976
|
+
] }) : pe;
|
|
977
977
|
}
|
|
978
978
|
);
|
|
979
|
-
|
|
980
|
-
const
|
|
981
|
-
ring:
|
|
979
|
+
Uo.displayName = "Select";
|
|
980
|
+
const Go = "_ring_mxe7t_2", Ho = "_spin_mxe7t_1", Ko = "_ringMuted_mxe7t_12", Yo = "_sm_mxe7t_14", Zo = "_md_mxe7t_15", Jo = "_lg_mxe7t_16", Qo = "_onAccent_mxe7t_19", Po = "_dots_mxe7t_29", el = "_dot_mxe7t_29", tl = "_dotPulse_mxe7t_1", nl = "_bar_mxe7t_52", ol = "_barFill_mxe7t_62", ll = "_barSlide_mxe7t_1", T = {
|
|
981
|
+
ring: Go,
|
|
982
982
|
spin: Ho,
|
|
983
983
|
ringMuted: Ko,
|
|
984
984
|
sm: Yo,
|
|
@@ -986,23 +986,23 @@ const qo = "_ring_mxe7t_2", Ho = "_spin_mxe7t_1", Ko = "_ringMuted_mxe7t_12", Yo
|
|
|
986
986
|
lg: Jo,
|
|
987
987
|
onAccent: Qo,
|
|
988
988
|
dots: Po,
|
|
989
|
-
dot:
|
|
990
|
-
dotPulse:
|
|
991
|
-
bar:
|
|
992
|
-
barFill:
|
|
993
|
-
barSlide:
|
|
989
|
+
dot: el,
|
|
990
|
+
dotPulse: tl,
|
|
991
|
+
bar: nl,
|
|
992
|
+
barFill: ol,
|
|
993
|
+
barSlide: ll
|
|
994
994
|
};
|
|
995
|
-
function
|
|
995
|
+
function sl({
|
|
996
996
|
variant: o = "ring",
|
|
997
|
-
size:
|
|
997
|
+
size: l = "md",
|
|
998
998
|
muted: t = !1,
|
|
999
999
|
onAccent: n = !1,
|
|
1000
1000
|
className: a,
|
|
1001
|
-
...
|
|
1001
|
+
...s
|
|
1002
1002
|
}) {
|
|
1003
1003
|
if (o === "dots") {
|
|
1004
1004
|
const r = [T.dots, a].filter(Boolean).join(" ");
|
|
1005
|
-
return /* @__PURE__ */ d("span", { ...
|
|
1005
|
+
return /* @__PURE__ */ d("span", { ...s, className: r, role: "status", "aria-label": "Loading", children: [
|
|
1006
1006
|
/* @__PURE__ */ e("span", { className: T.dot }),
|
|
1007
1007
|
/* @__PURE__ */ e("span", { className: T.dot }),
|
|
1008
1008
|
/* @__PURE__ */ e("span", { className: T.dot })
|
|
@@ -1010,11 +1010,11 @@ function ls({
|
|
|
1010
1010
|
}
|
|
1011
1011
|
if (o === "bar") {
|
|
1012
1012
|
const r = [T.bar, a].filter(Boolean).join(" ");
|
|
1013
|
-
return /* @__PURE__ */ e("span", { ...
|
|
1013
|
+
return /* @__PURE__ */ e("span", { ...s, className: r, role: "status", "aria-label": "Loading", children: /* @__PURE__ */ e("span", { className: T.barFill }) });
|
|
1014
1014
|
}
|
|
1015
1015
|
const c = [
|
|
1016
1016
|
T.ring,
|
|
1017
|
-
T[
|
|
1017
|
+
T[l],
|
|
1018
1018
|
t ? T.ringMuted : null,
|
|
1019
1019
|
n ? T.onAccent : null,
|
|
1020
1020
|
a
|
|
@@ -1022,66 +1022,66 @@ function ls({
|
|
|
1022
1022
|
return /* @__PURE__ */ e(
|
|
1023
1023
|
"span",
|
|
1024
1024
|
{
|
|
1025
|
-
...
|
|
1025
|
+
...s,
|
|
1026
1026
|
className: c,
|
|
1027
1027
|
role: "status",
|
|
1028
1028
|
"aria-label": "Loading"
|
|
1029
1029
|
}
|
|
1030
1030
|
);
|
|
1031
1031
|
}
|
|
1032
|
-
|
|
1033
|
-
const
|
|
1034
|
-
field:
|
|
1035
|
-
label:
|
|
1036
|
-
wrapper:
|
|
1037
|
-
textarea:
|
|
1038
|
-
mono:
|
|
1039
|
-
hasClear:
|
|
1040
|
-
clearBtn:
|
|
1041
|
-
footer:
|
|
1042
|
-
helpText:
|
|
1043
|
-
charCount:
|
|
1044
|
-
charCountOver:
|
|
1045
|
-
},
|
|
1032
|
+
sl.displayName = "Spinner";
|
|
1033
|
+
const al = "_field_fazrx_1", cl = "_label_fazrx_7", il = "_wrapper_fazrx_16", rl = "_textarea_fazrx_20", dl = "_mono_fazrx_53", _l = "_hasClear_fazrx_59", ul = "_clearBtn_fazrx_62", hl = "_footer_fazrx_84", ml = "_helpText_fazrx_92", pl = "_charCount_fazrx_94", fl = "_charCountOver_fazrx_100", M = {
|
|
1034
|
+
field: al,
|
|
1035
|
+
label: cl,
|
|
1036
|
+
wrapper: il,
|
|
1037
|
+
textarea: rl,
|
|
1038
|
+
mono: dl,
|
|
1039
|
+
hasClear: _l,
|
|
1040
|
+
clearBtn: ul,
|
|
1041
|
+
footer: hl,
|
|
1042
|
+
helpText: ml,
|
|
1043
|
+
charCount: pl,
|
|
1044
|
+
charCountOver: fl
|
|
1045
|
+
}, gl = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "12", height: "12", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), vl = J(
|
|
1046
1046
|
({
|
|
1047
1047
|
label: o,
|
|
1048
|
-
helpText:
|
|
1048
|
+
helpText: l,
|
|
1049
1049
|
maxLength: t,
|
|
1050
1050
|
clearable: n = !1,
|
|
1051
1051
|
mono: a = !1,
|
|
1052
|
-
value:
|
|
1052
|
+
value: s,
|
|
1053
1053
|
defaultValue: c = "",
|
|
1054
1054
|
disabled: r,
|
|
1055
1055
|
onChange: i,
|
|
1056
1056
|
onValueChange: h,
|
|
1057
1057
|
className: m,
|
|
1058
|
-
...
|
|
1059
|
-
},
|
|
1058
|
+
...p
|
|
1059
|
+
}, f) => {
|
|
1060
1060
|
const [g, N] = re(
|
|
1061
|
-
|
|
1061
|
+
s,
|
|
1062
1062
|
c,
|
|
1063
1063
|
($) => h == null ? void 0 : h($)
|
|
1064
1064
|
), S = ($) => {
|
|
1065
1065
|
N($.target.value), i == null || i($);
|
|
1066
1066
|
}, j = () => {
|
|
1067
1067
|
N("");
|
|
1068
|
-
},
|
|
1068
|
+
}, b = t !== void 0 && g.length > t, y = [
|
|
1069
1069
|
M.textarea,
|
|
1070
1070
|
"sb",
|
|
1071
1071
|
a ? M.mono : null,
|
|
1072
1072
|
n ? M.hasClear : null,
|
|
1073
1073
|
m
|
|
1074
|
-
].filter(Boolean).join(" "),
|
|
1074
|
+
].filter(Boolean).join(" "), x = /* @__PURE__ */ d("div", { className: M.wrapper, children: [
|
|
1075
1075
|
/* @__PURE__ */ e(
|
|
1076
1076
|
"textarea",
|
|
1077
1077
|
{
|
|
1078
|
-
ref:
|
|
1078
|
+
ref: f,
|
|
1079
1079
|
disabled: r,
|
|
1080
1080
|
maxLength: t,
|
|
1081
1081
|
value: g,
|
|
1082
1082
|
onChange: S,
|
|
1083
|
-
className:
|
|
1084
|
-
...
|
|
1083
|
+
className: y,
|
|
1084
|
+
...p
|
|
1085
1085
|
}
|
|
1086
1086
|
),
|
|
1087
1087
|
n && /* @__PURE__ */ e(
|
|
@@ -1092,16 +1092,16 @@ const as = "_field_fazrx_1", cs = "_label_fazrx_7", is = "_wrapper_fazrx_16", rs
|
|
|
1092
1092
|
disabled: r || g.length === 0,
|
|
1093
1093
|
"aria-label": "Clear",
|
|
1094
1094
|
onClick: j,
|
|
1095
|
-
children: /* @__PURE__ */ e(
|
|
1095
|
+
children: /* @__PURE__ */ e(gl, {})
|
|
1096
1096
|
}
|
|
1097
1097
|
)
|
|
1098
1098
|
] });
|
|
1099
|
-
return !o && !
|
|
1099
|
+
return !o && !l && t === void 0 ? x : /* @__PURE__ */ d("div", { className: M.field, children: [
|
|
1100
1100
|
o && /* @__PURE__ */ e("label", { className: M.label, children: o }),
|
|
1101
|
-
|
|
1102
|
-
(
|
|
1103
|
-
|
|
1104
|
-
t !== void 0 && /* @__PURE__ */ d("span", { className: [M.charCount,
|
|
1101
|
+
x,
|
|
1102
|
+
(l || t !== void 0) && /* @__PURE__ */ d("div", { className: M.footer, children: [
|
|
1103
|
+
l && /* @__PURE__ */ e("span", { className: M.helpText, children: l }),
|
|
1104
|
+
t !== void 0 && /* @__PURE__ */ d("span", { className: [M.charCount, b ? M.charCountOver : null].filter(Boolean).join(" "), children: [
|
|
1105
1105
|
g.length,
|
|
1106
1106
|
" / ",
|
|
1107
1107
|
t
|
|
@@ -1110,120 +1110,120 @@ const as = "_field_fazrx_1", cs = "_label_fazrx_7", is = "_wrapper_fazrx_16", rs
|
|
|
1110
1110
|
] });
|
|
1111
1111
|
}
|
|
1112
1112
|
);
|
|
1113
|
-
|
|
1114
|
-
const
|
|
1115
|
-
toast:
|
|
1116
|
-
slideUp:
|
|
1117
|
-
toastExiting:
|
|
1118
|
-
slideOut:
|
|
1119
|
-
lead:
|
|
1120
|
-
body:
|
|
1121
|
-
title:
|
|
1122
|
-
message:
|
|
1123
|
-
closeBtn:
|
|
1124
|
-
ok:
|
|
1125
|
-
error: $
|
|
1126
|
-
warning:
|
|
1127
|
-
info:
|
|
1128
|
-
stack:
|
|
1129
|
-
},
|
|
1113
|
+
vl.displayName = "Textarea";
|
|
1114
|
+
const kl = "_toast_d6t69_1", bl = "_slideUp_d6t69_1", Nl = "_toastExiting_d6t69_26", xl = "_slideOut_d6t69_1", yl = "_lead_d6t69_30", wl = "_body_d6t69_37", Bl = "_title_d6t69_45", Cl = "_message_d6t69_51", jl = "_closeBtn_d6t69_56", Il = "_ok_d6t69_79", $l = "_error_d6t69_82", Ll = "_warning_d6t69_85", Ml = "_info_d6t69_88", Tl = "_stack_d6t69_92", z = {
|
|
1115
|
+
toast: kl,
|
|
1116
|
+
slideUp: bl,
|
|
1117
|
+
toastExiting: Nl,
|
|
1118
|
+
slideOut: xl,
|
|
1119
|
+
lead: yl,
|
|
1120
|
+
body: wl,
|
|
1121
|
+
title: Bl,
|
|
1122
|
+
message: Cl,
|
|
1123
|
+
closeBtn: jl,
|
|
1124
|
+
ok: Il,
|
|
1125
|
+
error: $l,
|
|
1126
|
+
warning: Ll,
|
|
1127
|
+
info: Ml,
|
|
1128
|
+
stack: Tl
|
|
1129
|
+
}, Sl = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" }) }), ke = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "11", height: "11", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }), Rl = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", children: [
|
|
1130
1130
|
/* @__PURE__ */ e("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
|
|
1131
1131
|
/* @__PURE__ */ e("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
|
|
1132
1132
|
/* @__PURE__ */ e("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
|
|
1133
|
-
] }),
|
|
1133
|
+
] }), ql = () => /* @__PURE__ */ d("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", children: [
|
|
1134
1134
|
/* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
|
|
1135
1135
|
/* @__PURE__ */ e("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
|
|
1136
1136
|
/* @__PURE__ */ e("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
|
|
1137
|
-
] }),
|
|
1138
|
-
ok: /* @__PURE__ */ e(
|
|
1139
|
-
error: /* @__PURE__ */ e(
|
|
1140
|
-
warning: /* @__PURE__ */ e(
|
|
1141
|
-
info: /* @__PURE__ */ e(
|
|
1137
|
+
] }), Al = {
|
|
1138
|
+
ok: /* @__PURE__ */ e(Sl, {}),
|
|
1139
|
+
error: /* @__PURE__ */ e(ke, {}),
|
|
1140
|
+
warning: /* @__PURE__ */ e(Rl, {}),
|
|
1141
|
+
info: /* @__PURE__ */ e(ql, {})
|
|
1142
1142
|
};
|
|
1143
|
-
function
|
|
1143
|
+
function be({
|
|
1144
1144
|
variant: o = "ok",
|
|
1145
|
-
title:
|
|
1145
|
+
title: l,
|
|
1146
1146
|
message: t,
|
|
1147
1147
|
onDismiss: n,
|
|
1148
1148
|
className: a,
|
|
1149
|
-
...
|
|
1149
|
+
...s
|
|
1150
1150
|
}) {
|
|
1151
1151
|
const c = [
|
|
1152
|
-
|
|
1153
|
-
|
|
1152
|
+
z.toast,
|
|
1153
|
+
z[o],
|
|
1154
1154
|
a
|
|
1155
1155
|
].filter(Boolean).join(" ");
|
|
1156
|
-
return /* @__PURE__ */ d("div", { ...
|
|
1157
|
-
/* @__PURE__ */ e("span", { className:
|
|
1158
|
-
/* @__PURE__ */ d("div", { className:
|
|
1159
|
-
/* @__PURE__ */ e("div", { className:
|
|
1160
|
-
t && /* @__PURE__ */ e("div", { className:
|
|
1156
|
+
return /* @__PURE__ */ d("div", { ...s, className: c, role: "alert", children: [
|
|
1157
|
+
/* @__PURE__ */ e("span", { className: z.lead, children: Al[o] }),
|
|
1158
|
+
/* @__PURE__ */ d("div", { className: z.body, children: [
|
|
1159
|
+
/* @__PURE__ */ e("div", { className: z.title, children: l }),
|
|
1160
|
+
t && /* @__PURE__ */ e("div", { className: z.message, children: t })
|
|
1161
1161
|
] }),
|
|
1162
1162
|
n && /* @__PURE__ */ e(
|
|
1163
1163
|
"button",
|
|
1164
1164
|
{
|
|
1165
1165
|
type: "button",
|
|
1166
|
-
className:
|
|
1166
|
+
className: z.closeBtn,
|
|
1167
1167
|
"aria-label": "Dismiss",
|
|
1168
1168
|
onClick: n,
|
|
1169
|
-
children: /* @__PURE__ */ e(
|
|
1169
|
+
children: /* @__PURE__ */ e(ke, {})
|
|
1170
1170
|
}
|
|
1171
1171
|
)
|
|
1172
1172
|
] });
|
|
1173
1173
|
}
|
|
1174
|
-
|
|
1174
|
+
be.displayName = "Toast";
|
|
1175
1175
|
const Ne = Se(null);
|
|
1176
|
-
function
|
|
1177
|
-
const [
|
|
1178
|
-
t((c) => c.filter((r) => r.id !==
|
|
1176
|
+
function Hl({ children: o }) {
|
|
1177
|
+
const [l, t] = Y([]), n = te((s) => {
|
|
1178
|
+
t((c) => c.filter((r) => r.id !== s));
|
|
1179
1179
|
}, []), a = te(
|
|
1180
|
-
(
|
|
1181
|
-
const c = Math.random().toString(36).slice(2), r =
|
|
1182
|
-
return t((i) => [...i, { ...
|
|
1180
|
+
(s) => {
|
|
1181
|
+
const c = Math.random().toString(36).slice(2), r = s.duration ?? 4e3;
|
|
1182
|
+
return t((i) => [...i, { ...s, id: c }]), r > 0 && setTimeout(() => n(c), r), c;
|
|
1183
1183
|
},
|
|
1184
1184
|
[n]
|
|
1185
1185
|
);
|
|
1186
1186
|
return /* @__PURE__ */ d(Ne.Provider, { value: { toast: a, dismiss: n }, children: [
|
|
1187
1187
|
o,
|
|
1188
1188
|
typeof document < "u" && Re(
|
|
1189
|
-
/* @__PURE__ */ e("div", { className:
|
|
1190
|
-
|
|
1189
|
+
/* @__PURE__ */ e("div", { className: z.stack, children: l.map((s) => /* @__PURE__ */ e(
|
|
1190
|
+
be,
|
|
1191
1191
|
{
|
|
1192
|
-
variant:
|
|
1193
|
-
title:
|
|
1194
|
-
message:
|
|
1195
|
-
onDismiss: () => n(
|
|
1192
|
+
variant: s.variant,
|
|
1193
|
+
title: s.title,
|
|
1194
|
+
message: s.message,
|
|
1195
|
+
onDismiss: () => n(s.id)
|
|
1196
1196
|
},
|
|
1197
|
-
|
|
1197
|
+
s.id
|
|
1198
1198
|
)) }),
|
|
1199
1199
|
document.body
|
|
1200
1200
|
)
|
|
1201
1201
|
] });
|
|
1202
1202
|
}
|
|
1203
|
-
function
|
|
1203
|
+
function Kl() {
|
|
1204
1204
|
const o = Te(Ne);
|
|
1205
1205
|
if (!o)
|
|
1206
1206
|
throw new Error("useToast must be used within a ToastProvider");
|
|
1207
1207
|
return o;
|
|
1208
1208
|
}
|
|
1209
|
-
const
|
|
1210
|
-
wrapper:
|
|
1211
|
-
tooltip:
|
|
1212
|
-
fadeIn:
|
|
1213
|
-
top:
|
|
1214
|
-
bottom:
|
|
1215
|
-
kbd:
|
|
1209
|
+
const Dl = "_wrapper_18lxw_1", Ol = "_tooltip_18lxw_6", Wl = "_fadeIn_18lxw_1", El = "_top_18lxw_33", Fl = "_bottom_18lxw_52", zl = "_kbd_18lxw_72", ce = {
|
|
1210
|
+
wrapper: Dl,
|
|
1211
|
+
tooltip: Ol,
|
|
1212
|
+
fadeIn: Wl,
|
|
1213
|
+
top: El,
|
|
1214
|
+
bottom: Fl,
|
|
1215
|
+
kbd: zl
|
|
1216
1216
|
};
|
|
1217
|
-
function
|
|
1217
|
+
function Vl({
|
|
1218
1218
|
content: o,
|
|
1219
|
-
side:
|
|
1219
|
+
side: l = "top",
|
|
1220
1220
|
children: t,
|
|
1221
1221
|
wrapperProps: n,
|
|
1222
1222
|
disabled: a = !1
|
|
1223
1223
|
}) {
|
|
1224
|
-
const [
|
|
1224
|
+
const [s, c] = Y(!1);
|
|
1225
1225
|
if (a) return /* @__PURE__ */ e(Me, { children: t });
|
|
1226
|
-
const r = [ce.tooltip, ce[
|
|
1226
|
+
const r = [ce.tooltip, ce[l]].filter(Boolean).join(" "), i = [ce.wrapper, n == null ? void 0 : n.className].filter(Boolean).join(" ");
|
|
1227
1227
|
return /* @__PURE__ */ d(
|
|
1228
1228
|
"span",
|
|
1229
1229
|
{
|
|
@@ -1235,40 +1235,40 @@ function Xs({
|
|
|
1235
1235
|
onBlur: () => c(!1),
|
|
1236
1236
|
children: [
|
|
1237
1237
|
t,
|
|
1238
|
-
|
|
1238
|
+
s && /* @__PURE__ */ e("span", { className: r, role: "tooltip", children: o })
|
|
1239
1239
|
]
|
|
1240
1240
|
}
|
|
1241
1241
|
);
|
|
1242
1242
|
}
|
|
1243
|
-
|
|
1243
|
+
Vl.displayName = "Tooltip";
|
|
1244
1244
|
export {
|
|
1245
1245
|
Qe as Badge,
|
|
1246
1246
|
_t as Button,
|
|
1247
1247
|
St as Card,
|
|
1248
1248
|
Rt as CardHeader,
|
|
1249
|
-
|
|
1250
|
-
|
|
1249
|
+
qt as CardStat,
|
|
1250
|
+
pn as Checkbox,
|
|
1251
1251
|
Qt as Input,
|
|
1252
1252
|
Cn as Menu,
|
|
1253
1253
|
jn as MenuItem,
|
|
1254
1254
|
In as MenuSeparator,
|
|
1255
|
-
|
|
1255
|
+
Wn as Modal,
|
|
1256
1256
|
Zn as Popover,
|
|
1257
|
-
|
|
1257
|
+
lo as PushButton,
|
|
1258
1258
|
oo as PushButtonGroup,
|
|
1259
|
-
|
|
1259
|
+
fn as Radio,
|
|
1260
1260
|
gn as RadioGroup,
|
|
1261
1261
|
Pe as Scrollable,
|
|
1262
|
-
|
|
1263
|
-
|
|
1262
|
+
Uo as Select,
|
|
1263
|
+
sl as Spinner,
|
|
1264
1264
|
vn as Switch,
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1265
|
+
vl as Textarea,
|
|
1266
|
+
be as Toast,
|
|
1267
|
+
Hl as ToastProvider,
|
|
1268
|
+
Vl as Tooltip,
|
|
1269
|
+
Ot as applyMask,
|
|
1270
1270
|
ve as getRawMaskValue,
|
|
1271
1271
|
re as useControlledState,
|
|
1272
|
-
|
|
1272
|
+
Kl as useToast
|
|
1273
1273
|
};
|
|
1274
1274
|
//# sourceMappingURL=super-kit.js.map
|