@chloe0592/pebble 0.1.2 → 0.1.3
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/pebble.es.js +286 -286
- package/dist/pebble.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/pebble.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsxs as p, jsx as
|
|
2
|
-
import g, { useId as L, useRef as O, useEffect as z, useState as H, useCallback as
|
|
1
|
+
import { jsxs as p, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import g, { useId as L, useRef as O, useEffect as z, useState as H, useCallback as ne } from "react";
|
|
3
3
|
import { createPortal as le } from "react-dom";
|
|
4
4
|
const ie = "_spinner_10ctt_1", ce = "_track_10ctt_10", de = "_arc_10ctt_18", _e = "_xs_10ctt_24", pe = "_sm_10ctt_25", ue = "_md_10ctt_26", he = "_lg_10ctt_27", fe = "_xl_10ctt_28", M = {
|
|
5
5
|
spinner: ie,
|
|
@@ -19,13 +19,13 @@ const ie = "_spinner_10ctt_1", ce = "_track_10ctt_10", de = "_arc_10ctt_18", _e
|
|
|
19
19
|
lg: 32,
|
|
20
20
|
xl: 48
|
|
21
21
|
}, Q = g.forwardRef(
|
|
22
|
-
({ size:
|
|
23
|
-
const d = me[
|
|
22
|
+
({ size: o = "md", label: e = "Loading…", className: t = "", color: a = "indigo" }, s) => {
|
|
23
|
+
const d = me[o], l = L().replace(/:/g, ""), i = a === "white", u = i ? "rgba(255,255,255,0)" : "#6366f1", m = i ? "rgba(255,255,255,0.9)" : "#6366f1", _ = i ? "rgba(255,255,255,0.9)" : "#a855f7", f = i ? "rgba(255,255,255,0.25)" : void 0;
|
|
24
24
|
return /* @__PURE__ */ p(
|
|
25
25
|
"svg",
|
|
26
26
|
{
|
|
27
27
|
ref: s,
|
|
28
|
-
className: [M.spinner, M[
|
|
28
|
+
className: [M.spinner, M[o], t].filter(Boolean).join(" "),
|
|
29
29
|
width: d,
|
|
30
30
|
height: d,
|
|
31
31
|
viewBox: "0 0 24 24",
|
|
@@ -33,12 +33,12 @@ const ie = "_spinner_10ctt_1", ce = "_track_10ctt_10", de = "_arc_10ctt_18", _e
|
|
|
33
33
|
"aria-label": e,
|
|
34
34
|
role: "status",
|
|
35
35
|
children: [
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
/* @__PURE__ */
|
|
38
|
-
/* @__PURE__ */
|
|
39
|
-
/* @__PURE__ */
|
|
36
|
+
/* @__PURE__ */ r("defs", { children: /* @__PURE__ */ p("linearGradient", { id: l, x1: "12", y1: "3", x2: "21", y2: "12", gradientUnits: "userSpaceOnUse", children: [
|
|
37
|
+
/* @__PURE__ */ r("stop", { offset: "0%", stopColor: u, stopOpacity: "1" }),
|
|
38
|
+
/* @__PURE__ */ r("stop", { offset: "40%", stopColor: m, stopOpacity: "1" }),
|
|
39
|
+
/* @__PURE__ */ r("stop", { offset: "100%", stopColor: _, stopOpacity: "1" })
|
|
40
40
|
] }) }),
|
|
41
|
-
/* @__PURE__ */
|
|
41
|
+
/* @__PURE__ */ r(
|
|
42
42
|
"circle",
|
|
43
43
|
{
|
|
44
44
|
className: M.track,
|
|
@@ -49,7 +49,7 @@ const ie = "_spinner_10ctt_1", ce = "_track_10ctt_10", de = "_arc_10ctt_18", _e
|
|
|
49
49
|
style: f ? { stroke: f } : void 0
|
|
50
50
|
}
|
|
51
51
|
),
|
|
52
|
-
/* @__PURE__ */
|
|
52
|
+
/* @__PURE__ */ r(
|
|
53
53
|
"path",
|
|
54
54
|
{
|
|
55
55
|
className: M.arc,
|
|
@@ -65,13 +65,13 @@ const ie = "_spinner_10ctt_1", ce = "_track_10ctt_10", de = "_arc_10ctt_18", _e
|
|
|
65
65
|
}
|
|
66
66
|
);
|
|
67
67
|
Q.displayName = "Spinner";
|
|
68
|
-
const be = "_button_s5t2n_1", ge = "_sm_s5t2n_47", ve = "_md_s5t2n_55",
|
|
68
|
+
const be = "_button_s5t2n_1", ge = "_sm_s5t2n_47", ve = "_md_s5t2n_55", ye = "_lg_s5t2n_62", ke = "_primary_s5t2n_73", we = "_secondary_s5t2n_108", xe = "_ghost_s5t2n_148", Ne = "_outline_s5t2n_166", $e = "_danger_s5t2n_187", Be = "_fullWidth_s5t2n_234", je = "_loading_s5t2n_238", Re = "_iconLeft_s5t2n_244", Le = "_iconRight_s5t2n_245", Ie = "_label_s5t2n_258", R = {
|
|
69
69
|
button: be,
|
|
70
70
|
sm: ge,
|
|
71
71
|
md: ve,
|
|
72
|
-
lg:
|
|
73
|
-
primary:
|
|
74
|
-
secondary:
|
|
72
|
+
lg: ye,
|
|
73
|
+
primary: ke,
|
|
74
|
+
secondary: we,
|
|
75
75
|
ghost: xe,
|
|
76
76
|
outline: Ne,
|
|
77
77
|
danger: $e,
|
|
@@ -82,10 +82,10 @@ const be = "_button_s5t2n_1", ge = "_sm_s5t2n_47", ve = "_md_s5t2n_55", ke = "_l
|
|
|
82
82
|
label: Ie
|
|
83
83
|
}, Ce = g.forwardRef(
|
|
84
84
|
({
|
|
85
|
-
variant:
|
|
85
|
+
variant: o = "primary",
|
|
86
86
|
size: e = "md",
|
|
87
|
-
isLoading:
|
|
88
|
-
leftIcon:
|
|
87
|
+
isLoading: t = !1,
|
|
88
|
+
leftIcon: a,
|
|
89
89
|
rightIcon: s,
|
|
90
90
|
fullWidth: d = !1,
|
|
91
91
|
children: l,
|
|
@@ -95,10 +95,10 @@ const be = "_button_s5t2n_1", ge = "_sm_s5t2n_47", ve = "_md_s5t2n_55", ke = "_l
|
|
|
95
95
|
}, _) => {
|
|
96
96
|
const f = [
|
|
97
97
|
R.button,
|
|
98
|
-
R[
|
|
98
|
+
R[o],
|
|
99
99
|
R[e],
|
|
100
100
|
d ? R.fullWidth : "",
|
|
101
|
-
|
|
101
|
+
t ? R.loading : "",
|
|
102
102
|
u
|
|
103
103
|
].filter(Boolean).join(" ");
|
|
104
104
|
return /* @__PURE__ */ p(
|
|
@@ -106,27 +106,27 @@ const be = "_button_s5t2n_1", ge = "_sm_s5t2n_47", ve = "_md_s5t2n_55", ke = "_l
|
|
|
106
106
|
{
|
|
107
107
|
ref: _,
|
|
108
108
|
className: f,
|
|
109
|
-
disabled: i ||
|
|
110
|
-
"aria-busy":
|
|
109
|
+
disabled: i || t,
|
|
110
|
+
"aria-busy": t || void 0,
|
|
111
111
|
...m,
|
|
112
112
|
children: [
|
|
113
|
-
|
|
113
|
+
t ? /* @__PURE__ */ r(
|
|
114
114
|
Q,
|
|
115
115
|
{
|
|
116
116
|
size: "sm",
|
|
117
117
|
label: "Loading",
|
|
118
|
-
color:
|
|
118
|
+
color: o === "primary" || o === "danger" ? "white" : "indigo"
|
|
119
119
|
}
|
|
120
|
-
) :
|
|
121
|
-
l && /* @__PURE__ */
|
|
122
|
-
!
|
|
120
|
+
) : a && /* @__PURE__ */ r("span", { className: R.iconLeft, "aria-hidden": "true", children: a }),
|
|
121
|
+
l && /* @__PURE__ */ r("span", { className: R.label, children: l }),
|
|
122
|
+
!t && s && /* @__PURE__ */ r("span", { className: R.iconRight, "aria-hidden": "true", children: s })
|
|
123
123
|
]
|
|
124
124
|
}
|
|
125
125
|
);
|
|
126
126
|
}
|
|
127
127
|
);
|
|
128
128
|
Ce.displayName = "Button";
|
|
129
|
-
const Te = "_wrapper_5z8qu_3", We = "_label_5z8qu_10", Se = "_inputWrapper_5z8qu_21", ze = "_error_5z8qu_39", Ee = "_disabled_5z8qu_39", qe = "_sm_5z8qu_70", Ae = "_md_5z8qu_71", De = "_lg_5z8qu_72", Me = "_input_5z8qu_21", Pe = "_hasLeft_5z8qu_109", Fe = "_hasRight_5z8qu_110", Oe = "_iconLeft_5z8qu_114", Ue = "_iconRight_5z8qu_115", Ve = "_helperText_5z8qu_134", Ge = "_errorText_5z8qu_142",
|
|
129
|
+
const Te = "_wrapper_5z8qu_3", We = "_label_5z8qu_10", Se = "_inputWrapper_5z8qu_21", ze = "_error_5z8qu_39", Ee = "_disabled_5z8qu_39", qe = "_sm_5z8qu_70", Ae = "_md_5z8qu_71", De = "_lg_5z8qu_72", Me = "_input_5z8qu_21", Pe = "_hasLeft_5z8qu_109", Fe = "_hasRight_5z8qu_110", Oe = "_iconLeft_5z8qu_114", Ue = "_iconRight_5z8qu_115", Ve = "_helperText_5z8qu_134", Ge = "_errorText_5z8qu_142", y = {
|
|
130
130
|
wrapper: Te,
|
|
131
131
|
label: We,
|
|
132
132
|
inputWrapper: Se,
|
|
@@ -144,10 +144,10 @@ const Te = "_wrapper_5z8qu_3", We = "_label_5z8qu_10", Se = "_inputWrapper_5z8qu
|
|
|
144
144
|
errorText: Ge
|
|
145
145
|
}, He = g.forwardRef(
|
|
146
146
|
({
|
|
147
|
-
label:
|
|
147
|
+
label: o,
|
|
148
148
|
helperText: e,
|
|
149
|
-
errorText:
|
|
150
|
-
leftIcon:
|
|
149
|
+
errorText: t,
|
|
150
|
+
leftIcon: a,
|
|
151
151
|
rightIcon: s,
|
|
152
152
|
size: d = "md",
|
|
153
153
|
className: l = "",
|
|
@@ -155,65 +155,65 @@ const Te = "_wrapper_5z8qu_3", We = "_label_5z8qu_10", Se = "_inputWrapper_5z8qu
|
|
|
155
155
|
disabled: u,
|
|
156
156
|
...m
|
|
157
157
|
}, _) => {
|
|
158
|
-
const f = L(),
|
|
159
|
-
return /* @__PURE__ */ p("div", { className: [
|
|
160
|
-
|
|
158
|
+
const f = L(), n = i ?? f, k = `${n}-helper`, b = `${n}-error`, N = !!t, E = [N ? b : "", e ? k : ""].filter(Boolean).join(" ") || void 0;
|
|
159
|
+
return /* @__PURE__ */ p("div", { className: [y.wrapper, l].filter(Boolean).join(" "), children: [
|
|
160
|
+
o && /* @__PURE__ */ r("label", { htmlFor: n, className: y.label, children: o }),
|
|
161
161
|
/* @__PURE__ */ p(
|
|
162
162
|
"div",
|
|
163
163
|
{
|
|
164
164
|
className: [
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
N ?
|
|
168
|
-
u ?
|
|
165
|
+
y.inputWrapper,
|
|
166
|
+
y[d],
|
|
167
|
+
N ? y.error : "",
|
|
168
|
+
u ? y.disabled : ""
|
|
169
169
|
].filter(Boolean).join(" "),
|
|
170
170
|
children: [
|
|
171
|
-
|
|
172
|
-
/* @__PURE__ */
|
|
171
|
+
a && /* @__PURE__ */ r("span", { className: y.iconLeft, "aria-hidden": "true", children: a }),
|
|
172
|
+
/* @__PURE__ */ r(
|
|
173
173
|
"input",
|
|
174
174
|
{
|
|
175
175
|
ref: _,
|
|
176
|
-
id:
|
|
177
|
-
className: [
|
|
176
|
+
id: n,
|
|
177
|
+
className: [y.input, a ? y.hasLeft : "", s ? y.hasRight : ""].filter(Boolean).join(" "),
|
|
178
178
|
disabled: u,
|
|
179
179
|
"aria-invalid": N || void 0,
|
|
180
180
|
"aria-describedby": E,
|
|
181
181
|
...m
|
|
182
182
|
}
|
|
183
183
|
),
|
|
184
|
-
s && /* @__PURE__ */
|
|
184
|
+
s && /* @__PURE__ */ r("span", { className: y.iconRight, "aria-hidden": "true", children: s })
|
|
185
185
|
]
|
|
186
186
|
}
|
|
187
187
|
),
|
|
188
|
-
N ? /* @__PURE__ */
|
|
188
|
+
N ? /* @__PURE__ */ r("p", { id: b, className: y.errorText, role: "alert", children: t }) : e ? /* @__PURE__ */ r("p", { id: k, className: y.helperText, children: e }) : null
|
|
189
189
|
] });
|
|
190
190
|
}
|
|
191
191
|
);
|
|
192
192
|
He.displayName = "Input";
|
|
193
|
-
const Ke = "_wrapper_1566g_3", Je = "_label_1566g_10", Qe = "_textarea_1566g_19", Xe = "_error_1566g_47", Ye = "_disabled_1566g_47", Ze = "_helperText_1566g_82",
|
|
193
|
+
const Ke = "_wrapper_1566g_3", Je = "_label_1566g_10", Qe = "_textarea_1566g_19", Xe = "_error_1566g_47", Ye = "_disabled_1566g_47", Ze = "_helperText_1566g_82", er = "_errorText_1566g_90", T = {
|
|
194
194
|
wrapper: Ke,
|
|
195
195
|
label: Je,
|
|
196
196
|
textarea: Qe,
|
|
197
197
|
error: Xe,
|
|
198
198
|
disabled: Ye,
|
|
199
199
|
helperText: Ze,
|
|
200
|
-
errorText:
|
|
201
|
-
},
|
|
200
|
+
errorText: er
|
|
201
|
+
}, rr = g.forwardRef(
|
|
202
202
|
({
|
|
203
|
-
label:
|
|
203
|
+
label: o,
|
|
204
204
|
helperText: e,
|
|
205
|
-
errorText:
|
|
206
|
-
resize:
|
|
205
|
+
errorText: t,
|
|
206
|
+
resize: a = "vertical",
|
|
207
207
|
className: s = "",
|
|
208
208
|
id: d,
|
|
209
209
|
disabled: l,
|
|
210
210
|
rows: i = 4,
|
|
211
211
|
...u
|
|
212
212
|
}, m) => {
|
|
213
|
-
const _ = L(), f = d ?? _,
|
|
213
|
+
const _ = L(), f = d ?? _, n = `${f}-helper`, k = `${f}-error`, b = !!t, N = [b ? k : "", e ? n : ""].filter(Boolean).join(" ") || void 0;
|
|
214
214
|
return /* @__PURE__ */ p("div", { className: [T.wrapper, s].filter(Boolean).join(" "), children: [
|
|
215
|
-
|
|
216
|
-
/* @__PURE__ */
|
|
215
|
+
o && /* @__PURE__ */ r("label", { htmlFor: f, className: T.label, children: o }),
|
|
216
|
+
/* @__PURE__ */ r(
|
|
217
217
|
"textarea",
|
|
218
218
|
{
|
|
219
219
|
ref: m,
|
|
@@ -224,38 +224,38 @@ const Ke = "_wrapper_1566g_3", Je = "_label_1566g_10", Qe = "_textarea_1566g_19"
|
|
|
224
224
|
b ? T.error : "",
|
|
225
225
|
l ? T.disabled : ""
|
|
226
226
|
].filter(Boolean).join(" "),
|
|
227
|
-
style: { resize:
|
|
227
|
+
style: { resize: a },
|
|
228
228
|
disabled: l,
|
|
229
229
|
"aria-invalid": b || void 0,
|
|
230
230
|
"aria-describedby": N,
|
|
231
231
|
...u
|
|
232
232
|
}
|
|
233
233
|
),
|
|
234
|
-
b ? /* @__PURE__ */
|
|
234
|
+
b ? /* @__PURE__ */ r("p", { id: k, className: T.errorText, role: "alert", children: t }) : e ? /* @__PURE__ */ r("p", { id: n, className: T.helperText, children: e }) : null
|
|
235
235
|
] });
|
|
236
236
|
}
|
|
237
237
|
);
|
|
238
|
-
|
|
239
|
-
const
|
|
240
|
-
backdrop:
|
|
238
|
+
rr.displayName = "Textarea";
|
|
239
|
+
const tr = "_backdrop_1v4s9_3", or = "_dialog_1v4s9_17", sr = "_sm_1v4s9_37", ar = "_md_1v4s9_38", nr = "_lg_1v4s9_39", lr = "_full_1v4s9_40", ir = "_closeBtn_1v4s9_50", cr = "_header_1v4s9_92", dr = "_title_1v4s9_97", _r = "_description_1v4s9_107", pr = "_body_1v4s9_117", ur = "_footer_1v4s9_133", $ = {
|
|
240
|
+
backdrop: tr,
|
|
241
241
|
"pb-backdrop-in": "_pb-backdrop-in_1v4s9_1",
|
|
242
|
-
dialog:
|
|
242
|
+
dialog: or,
|
|
243
243
|
"pb-dialog-in": "_pb-dialog-in_1v4s9_1",
|
|
244
|
-
sm:
|
|
245
|
-
md:
|
|
246
|
-
lg:
|
|
247
|
-
full:
|
|
248
|
-
closeBtn:
|
|
249
|
-
header:
|
|
250
|
-
title:
|
|
251
|
-
description:
|
|
252
|
-
body:
|
|
253
|
-
footer:
|
|
254
|
-
},
|
|
255
|
-
isOpen:
|
|
244
|
+
sm: sr,
|
|
245
|
+
md: ar,
|
|
246
|
+
lg: nr,
|
|
247
|
+
full: lr,
|
|
248
|
+
closeBtn: ir,
|
|
249
|
+
header: cr,
|
|
250
|
+
title: dr,
|
|
251
|
+
description: _r,
|
|
252
|
+
body: pr,
|
|
253
|
+
footer: ur
|
|
254
|
+
}, hr = ({
|
|
255
|
+
isOpen: o,
|
|
256
256
|
onClose: e,
|
|
257
|
-
title:
|
|
258
|
-
description:
|
|
257
|
+
title: t,
|
|
258
|
+
description: a,
|
|
259
259
|
size: s = "md",
|
|
260
260
|
closeOnBackdrop: d = !0,
|
|
261
261
|
children: l,
|
|
@@ -264,23 +264,23 @@ const ot = "_backdrop_1v4s9_3", rt = "_dialog_1v4s9_17", st = "_sm_1v4s9_37", nt
|
|
|
264
264
|
}) => {
|
|
265
265
|
const m = L(), _ = L(), f = O(null);
|
|
266
266
|
return z(() => {
|
|
267
|
-
if (!
|
|
268
|
-
const
|
|
269
|
-
if (!
|
|
270
|
-
const
|
|
267
|
+
if (!o) return;
|
|
268
|
+
const n = f.current;
|
|
269
|
+
if (!n) return;
|
|
270
|
+
const k = n.querySelector(
|
|
271
271
|
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
|
|
272
272
|
);
|
|
273
|
-
|
|
274
|
-
}, [
|
|
275
|
-
if (!
|
|
276
|
-
const
|
|
277
|
-
|
|
273
|
+
k ? k.focus() : n.focus();
|
|
274
|
+
}, [o]), z(() => {
|
|
275
|
+
if (!o) return;
|
|
276
|
+
const n = (k) => {
|
|
277
|
+
k.key === "Escape" && e();
|
|
278
278
|
};
|
|
279
|
-
return document.addEventListener("keydown",
|
|
280
|
-
}, [
|
|
279
|
+
return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
|
|
280
|
+
}, [o, e]), z(() => (o ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
281
281
|
document.body.style.overflow = "";
|
|
282
|
-
}), [
|
|
283
|
-
/* @__PURE__ */
|
|
282
|
+
}), [o]), o ? le(
|
|
283
|
+
/* @__PURE__ */ r(
|
|
284
284
|
"div",
|
|
285
285
|
{
|
|
286
286
|
className: $.backdrop,
|
|
@@ -292,19 +292,19 @@ const ot = "_backdrop_1v4s9_3", rt = "_dialog_1v4s9_17", st = "_sm_1v4s9_37", nt
|
|
|
292
292
|
ref: f,
|
|
293
293
|
role: "dialog",
|
|
294
294
|
"aria-modal": "true",
|
|
295
|
-
"aria-labelledby":
|
|
296
|
-
"aria-describedby":
|
|
295
|
+
"aria-labelledby": t ? m : void 0,
|
|
296
|
+
"aria-describedby": a ? _ : void 0,
|
|
297
297
|
className: [$.dialog, $[s], u].filter(Boolean).join(" "),
|
|
298
298
|
tabIndex: -1,
|
|
299
|
-
onClick: (
|
|
299
|
+
onClick: (n) => n.stopPropagation(),
|
|
300
300
|
children: [
|
|
301
|
-
/* @__PURE__ */
|
|
301
|
+
/* @__PURE__ */ r(
|
|
302
302
|
"button",
|
|
303
303
|
{
|
|
304
304
|
className: $.closeBtn,
|
|
305
305
|
onClick: e,
|
|
306
306
|
"aria-label": "Close modal",
|
|
307
|
-
children: /* @__PURE__ */
|
|
307
|
+
children: /* @__PURE__ */ r(
|
|
308
308
|
"svg",
|
|
309
309
|
{
|
|
310
310
|
width: "18",
|
|
@@ -314,17 +314,17 @@ const ot = "_backdrop_1v4s9_3", rt = "_dialog_1v4s9_17", st = "_sm_1v4s9_37", nt
|
|
|
314
314
|
stroke: "currentColor",
|
|
315
315
|
strokeWidth: "2",
|
|
316
316
|
strokeLinecap: "round",
|
|
317
|
-
children: /* @__PURE__ */
|
|
317
|
+
children: /* @__PURE__ */ r("path", { d: "M18 6 6 18M6 6l12 12" })
|
|
318
318
|
}
|
|
319
319
|
)
|
|
320
320
|
}
|
|
321
321
|
),
|
|
322
|
-
(
|
|
323
|
-
|
|
324
|
-
|
|
322
|
+
(t || a) && /* @__PURE__ */ p("div", { className: $.header, children: [
|
|
323
|
+
t && /* @__PURE__ */ r("h2", { id: m, className: $.title, children: t }),
|
|
324
|
+
a && /* @__PURE__ */ r("p", { id: _, className: $.description, children: a })
|
|
325
325
|
] }),
|
|
326
|
-
/* @__PURE__ */
|
|
327
|
-
i && /* @__PURE__ */
|
|
326
|
+
/* @__PURE__ */ r("div", { className: $.body, children: l }),
|
|
327
|
+
i && /* @__PURE__ */ r("div", { className: $.footer, children: i })
|
|
328
328
|
]
|
|
329
329
|
}
|
|
330
330
|
)
|
|
@@ -333,49 +333,49 @@ const ot = "_backdrop_1v4s9_3", rt = "_dialog_1v4s9_17", st = "_sm_1v4s9_37", nt
|
|
|
333
333
|
document.body
|
|
334
334
|
) : null;
|
|
335
335
|
};
|
|
336
|
-
|
|
337
|
-
const
|
|
338
|
-
card:
|
|
336
|
+
hr.displayName = "Modal";
|
|
337
|
+
const fr = "_card_i6i72_3", mr = "_elevated_i6i72_25", br = "_bordered_i6i72_36", gr = "_flat_i6i72_48", vr = "_hoverable_i6i72_60", yr = "_clickable_i6i72_68", kr = "_header_i6i72_96", wr = "_body_i6i72_105", xr = "_footer_i6i72_112", W = {
|
|
338
|
+
card: fr,
|
|
339
339
|
default: "_default_i6i72_15",
|
|
340
|
-
elevated:
|
|
341
|
-
bordered:
|
|
342
|
-
flat:
|
|
343
|
-
hoverable:
|
|
344
|
-
clickable:
|
|
345
|
-
header:
|
|
346
|
-
body:
|
|
347
|
-
footer:
|
|
348
|
-
}, X = ({ children:
|
|
340
|
+
elevated: mr,
|
|
341
|
+
bordered: br,
|
|
342
|
+
flat: gr,
|
|
343
|
+
hoverable: vr,
|
|
344
|
+
clickable: yr,
|
|
345
|
+
header: kr,
|
|
346
|
+
body: wr,
|
|
347
|
+
footer: xr
|
|
348
|
+
}, X = ({ children: o, className: e = "", ...t }) => /* @__PURE__ */ r("div", { className: [W.header, e].filter(Boolean).join(" "), ...t, children: o });
|
|
349
349
|
X.displayName = "Card.Header";
|
|
350
|
-
const Y = ({ children:
|
|
350
|
+
const Y = ({ children: o, className: e = "", ...t }) => /* @__PURE__ */ r("div", { className: [W.body, e].filter(Boolean).join(" "), ...t, children: o });
|
|
351
351
|
Y.displayName = "Card.Body";
|
|
352
|
-
const Z = ({ children:
|
|
352
|
+
const Z = ({ children: o, className: e = "", ...t }) => /* @__PURE__ */ r("div", { className: [W.footer, e].filter(Boolean).join(" "), ...t, children: o });
|
|
353
353
|
Z.displayName = "Card.Footer";
|
|
354
354
|
const U = g.forwardRef(
|
|
355
355
|
({
|
|
356
|
-
variant:
|
|
356
|
+
variant: o = "default",
|
|
357
357
|
hoverable: e = !1,
|
|
358
|
-
clickable:
|
|
359
|
-
children:
|
|
358
|
+
clickable: t = !1,
|
|
359
|
+
children: a,
|
|
360
360
|
className: s = "",
|
|
361
361
|
...d
|
|
362
362
|
}, l) => {
|
|
363
363
|
const i = [
|
|
364
364
|
W.card,
|
|
365
|
-
W[
|
|
365
|
+
W[o],
|
|
366
366
|
e ? W.hoverable : "",
|
|
367
|
-
|
|
367
|
+
t ? W.clickable : "",
|
|
368
368
|
s
|
|
369
369
|
].filter(Boolean).join(" ");
|
|
370
|
-
return /* @__PURE__ */
|
|
370
|
+
return /* @__PURE__ */ r(
|
|
371
371
|
"div",
|
|
372
372
|
{
|
|
373
373
|
ref: l,
|
|
374
374
|
className: i,
|
|
375
|
-
role:
|
|
376
|
-
tabIndex:
|
|
375
|
+
role: t ? "button" : void 0,
|
|
376
|
+
tabIndex: t ? 0 : void 0,
|
|
377
377
|
...d,
|
|
378
|
-
children:
|
|
378
|
+
children: a
|
|
379
379
|
}
|
|
380
380
|
);
|
|
381
381
|
}
|
|
@@ -384,92 +384,92 @@ U.displayName = "Card";
|
|
|
384
384
|
U.Header = X;
|
|
385
385
|
U.Body = Y;
|
|
386
386
|
U.Footer = Z;
|
|
387
|
-
const
|
|
388
|
-
badge:
|
|
389
|
-
sm: $
|
|
390
|
-
md:
|
|
391
|
-
dot:
|
|
387
|
+
const Nr = "_badge_1uusg_3", $r = "_sm_1uusg_20", Br = "_md_1uusg_25", jr = "_dot_1uusg_32", Rr = "_primary_1uusg_56", Lr = "_success_1uusg_63", Ir = "_warning_1uusg_70", Cr = "_danger_1uusg_77", Tr = "_info_1uusg_84", P = {
|
|
388
|
+
badge: Nr,
|
|
389
|
+
sm: $r,
|
|
390
|
+
md: Br,
|
|
391
|
+
dot: jr,
|
|
392
392
|
default: "_default_1uusg_49",
|
|
393
|
-
primary:
|
|
394
|
-
success:
|
|
395
|
-
warning:
|
|
396
|
-
danger:
|
|
397
|
-
info:
|
|
398
|
-
},
|
|
393
|
+
primary: Rr,
|
|
394
|
+
success: Lr,
|
|
395
|
+
warning: Ir,
|
|
396
|
+
danger: Cr,
|
|
397
|
+
info: Tr
|
|
398
|
+
}, Wr = g.forwardRef(
|
|
399
399
|
({
|
|
400
|
-
variant:
|
|
400
|
+
variant: o = "default",
|
|
401
401
|
size: e = "md",
|
|
402
|
-
dot:
|
|
403
|
-
children:
|
|
402
|
+
dot: t = !1,
|
|
403
|
+
children: a,
|
|
404
404
|
className: s = "",
|
|
405
405
|
...d
|
|
406
406
|
}, l) => {
|
|
407
407
|
const i = [
|
|
408
408
|
P.badge,
|
|
409
|
-
P[
|
|
409
|
+
P[o],
|
|
410
410
|
P[e],
|
|
411
|
-
|
|
411
|
+
t ? P.dot : "",
|
|
412
412
|
s
|
|
413
413
|
].filter(Boolean).join(" ");
|
|
414
|
-
return /* @__PURE__ */
|
|
414
|
+
return /* @__PURE__ */ r("span", { ref: l, className: i, ...d, children: t ? null : a });
|
|
415
415
|
}
|
|
416
416
|
);
|
|
417
|
-
|
|
418
|
-
const
|
|
419
|
-
avatar:
|
|
420
|
-
xs:
|
|
421
|
-
sm:
|
|
422
|
-
md:
|
|
423
|
-
lg:
|
|
424
|
-
xl:
|
|
425
|
-
image:
|
|
426
|
-
initials:
|
|
427
|
-
fallbackIcon:
|
|
428
|
-
status:
|
|
417
|
+
Wr.displayName = "Badge";
|
|
418
|
+
const Sr = "_avatar_n1f99_3", zr = "_xs_n1f99_25", Er = "_sm_n1f99_26", qr = "_md_n1f99_27", Ar = "_lg_n1f99_28", Dr = "_xl_n1f99_29", Mr = "_image_n1f99_33", Pr = "_initials_n1f99_42", Fr = "_fallbackIcon_n1f99_57", Or = "_status_n1f99_65", Ur = "_overflow_n1f99_95", Vr = "_group_n1f99_107", w = {
|
|
419
|
+
avatar: Sr,
|
|
420
|
+
xs: zr,
|
|
421
|
+
sm: Er,
|
|
422
|
+
md: qr,
|
|
423
|
+
lg: Ar,
|
|
424
|
+
xl: Dr,
|
|
425
|
+
image: Mr,
|
|
426
|
+
initials: Pr,
|
|
427
|
+
fallbackIcon: Fr,
|
|
428
|
+
status: Or,
|
|
429
429
|
"status-online": "_status-online_n1f99_79",
|
|
430
430
|
"status-offline": "_status-offline_n1f99_83",
|
|
431
431
|
"status-busy": "_status-busy_n1f99_84",
|
|
432
432
|
"status-away": "_status-away_n1f99_88",
|
|
433
|
-
overflow:
|
|
434
|
-
group:
|
|
433
|
+
overflow: Ur,
|
|
434
|
+
group: Vr
|
|
435
435
|
};
|
|
436
|
-
function
|
|
437
|
-
const e =
|
|
436
|
+
function Gr(o) {
|
|
437
|
+
const e = o.trim().split(/\s+/);
|
|
438
438
|
return e.length === 1 ? e[0].charAt(0).toUpperCase() : (e[0].charAt(0) + e[e.length - 1].charAt(0)).toUpperCase();
|
|
439
439
|
}
|
|
440
|
-
const
|
|
441
|
-
({ src:
|
|
442
|
-
const [i, u] = H(!1), m =
|
|
440
|
+
const Hr = g.forwardRef(
|
|
441
|
+
({ src: o, alt: e = "", name: t, size: a = "md", status: s, className: d = "" }, l) => {
|
|
442
|
+
const [i, u] = H(!1), m = o && !i, _ = t ? Gr(t) : null;
|
|
443
443
|
return /* @__PURE__ */ p(
|
|
444
444
|
"div",
|
|
445
445
|
{
|
|
446
446
|
ref: l,
|
|
447
|
-
className: [
|
|
448
|
-
"aria-label":
|
|
449
|
-
title:
|
|
447
|
+
className: [w.avatar, w[a], d].filter(Boolean).join(" "),
|
|
448
|
+
"aria-label": t ?? e,
|
|
449
|
+
title: t ?? e,
|
|
450
450
|
children: [
|
|
451
|
-
m ? /* @__PURE__ */
|
|
451
|
+
m ? /* @__PURE__ */ r(
|
|
452
452
|
"img",
|
|
453
453
|
{
|
|
454
|
-
src:
|
|
455
|
-
alt: e ||
|
|
456
|
-
className:
|
|
454
|
+
src: o,
|
|
455
|
+
alt: e || t || "",
|
|
456
|
+
className: w.image,
|
|
457
457
|
onError: () => u(!0)
|
|
458
458
|
}
|
|
459
|
-
) : _ ? /* @__PURE__ */
|
|
459
|
+
) : _ ? /* @__PURE__ */ r("span", { className: w.initials, "aria-hidden": "true", children: _ }) : /* @__PURE__ */ r(
|
|
460
460
|
"svg",
|
|
461
461
|
{
|
|
462
|
-
className:
|
|
462
|
+
className: w.fallbackIcon,
|
|
463
463
|
viewBox: "0 0 24 24",
|
|
464
464
|
fill: "currentColor",
|
|
465
465
|
"aria-hidden": "true",
|
|
466
|
-
children: /* @__PURE__ */
|
|
466
|
+
children: /* @__PURE__ */ r("path", { d: "M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-5.33 0-8 2.67-8 4v1h16v-1c0-1.33-2.67-4-8-4z" })
|
|
467
467
|
}
|
|
468
468
|
),
|
|
469
|
-
s && /* @__PURE__ */
|
|
469
|
+
s && /* @__PURE__ */ r(
|
|
470
470
|
"span",
|
|
471
471
|
{
|
|
472
|
-
className: [
|
|
472
|
+
className: [w.status, w[`status-${s}`]].join(" "),
|
|
473
473
|
"aria-label": s
|
|
474
474
|
}
|
|
475
475
|
)
|
|
@@ -478,41 +478,41 @@ const Ht = g.forwardRef(
|
|
|
478
478
|
);
|
|
479
479
|
}
|
|
480
480
|
);
|
|
481
|
-
|
|
482
|
-
const
|
|
483
|
-
children:
|
|
481
|
+
Hr.displayName = "Avatar";
|
|
482
|
+
const Kr = ({
|
|
483
|
+
children: o,
|
|
484
484
|
max: e,
|
|
485
|
-
size:
|
|
486
|
-
className:
|
|
485
|
+
size: t = "md",
|
|
486
|
+
className: a = ""
|
|
487
487
|
}) => {
|
|
488
|
-
const s = g.Children.toArray(
|
|
489
|
-
return /* @__PURE__ */ p("div", { className: [
|
|
488
|
+
const s = g.Children.toArray(o), d = e ? s.slice(0, e) : s, l = e && s.length > e ? s.length - e : 0;
|
|
489
|
+
return /* @__PURE__ */ p("div", { className: [w.group, a].filter(Boolean).join(" "), children: [
|
|
490
490
|
d,
|
|
491
|
-
l > 0 && /* @__PURE__ */
|
|
491
|
+
l > 0 && /* @__PURE__ */ r("div", { className: [w.avatar, w[t], w.overflow].join(" "), children: /* @__PURE__ */ p("span", { className: w.initials, children: [
|
|
492
492
|
"+",
|
|
493
493
|
l
|
|
494
494
|
] }) })
|
|
495
495
|
] });
|
|
496
496
|
};
|
|
497
|
-
|
|
498
|
-
const
|
|
499
|
-
wrapper:
|
|
500
|
-
tooltip:
|
|
501
|
-
arrow:
|
|
502
|
-
top:
|
|
503
|
-
bottom:
|
|
504
|
-
left:
|
|
505
|
-
right:
|
|
506
|
-
},
|
|
507
|
-
content:
|
|
497
|
+
Kr.displayName = "AvatarGroup";
|
|
498
|
+
const Jr = "_wrapper_4w97v_8", Qr = "_tooltip_4w97v_17", Xr = "_arrow_4w97v_49", Yr = "_top_4w97v_58", Zr = "_bottom_4w97v_77", et = "_left_4w97v_96", rt = "_right_4w97v_115", F = {
|
|
499
|
+
wrapper: Jr,
|
|
500
|
+
tooltip: Qr,
|
|
501
|
+
arrow: Xr,
|
|
502
|
+
top: Yr,
|
|
503
|
+
bottom: Zr,
|
|
504
|
+
left: et,
|
|
505
|
+
right: rt
|
|
506
|
+
}, tt = ({
|
|
507
|
+
content: o,
|
|
508
508
|
placement: e = "top",
|
|
509
|
-
children:
|
|
510
|
-
className:
|
|
509
|
+
children: t,
|
|
510
|
+
className: a = ""
|
|
511
511
|
}) => {
|
|
512
|
-
const s = L(), d = g.cloneElement(
|
|
512
|
+
const s = L(), d = g.cloneElement(t, {
|
|
513
513
|
"aria-describedby": s
|
|
514
514
|
});
|
|
515
|
-
return /* @__PURE__ */ p("div", { className: [F.wrapper,
|
|
515
|
+
return /* @__PURE__ */ p("div", { className: [F.wrapper, a].filter(Boolean).join(" "), children: [
|
|
516
516
|
d,
|
|
517
517
|
/* @__PURE__ */ p(
|
|
518
518
|
"div",
|
|
@@ -521,40 +521,40 @@ const Jt = "_wrapper_4w97v_8", Qt = "_tooltip_4w97v_17", Xt = "_arrow_4w97v_49",
|
|
|
521
521
|
role: "tooltip",
|
|
522
522
|
className: [F.tooltip, F[e]].join(" "),
|
|
523
523
|
children: [
|
|
524
|
-
|
|
525
|
-
/* @__PURE__ */
|
|
524
|
+
o,
|
|
525
|
+
/* @__PURE__ */ r("span", { className: F.arrow, "aria-hidden": "true" })
|
|
526
526
|
]
|
|
527
527
|
}
|
|
528
528
|
)
|
|
529
529
|
] });
|
|
530
530
|
};
|
|
531
|
-
|
|
532
|
-
const
|
|
533
|
-
wrapper:
|
|
534
|
-
label:
|
|
535
|
-
triggerWrapper:
|
|
536
|
-
trigger:
|
|
537
|
-
open:
|
|
538
|
-
error:
|
|
539
|
-
disabled:
|
|
540
|
-
sm:
|
|
541
|
-
md:
|
|
542
|
-
lg:
|
|
543
|
-
triggerValue:
|
|
544
|
-
triggerPlaceholder:
|
|
545
|
-
chevron:
|
|
546
|
-
chevronOpen:
|
|
547
|
-
dropdown:
|
|
548
|
-
option:
|
|
549
|
-
optionDisabled:
|
|
550
|
-
optionSelected:
|
|
551
|
-
optionLabel:
|
|
552
|
-
checkmark:
|
|
553
|
-
helperText:
|
|
554
|
-
errorText:
|
|
531
|
+
tt.displayName = "Tooltip";
|
|
532
|
+
const ot = "_wrapper_16rar_3", st = "_label_16rar_12", at = "_triggerWrapper_16rar_23", nt = "_trigger_16rar_23", lt = "_open_16rar_64", it = "_error_16rar_71", ct = "_disabled_16rar_78", dt = "_sm_16rar_90", _t = "_md_16rar_91", pt = "_lg_16rar_92", ut = "_triggerValue_16rar_96", ht = "_triggerPlaceholder_16rar_103", ft = "_chevron_16rar_113", mt = "_chevronOpen_16rar_124", bt = "_dropdown_16rar_135", gt = "_option_16rar_159", vt = "_optionDisabled_16rar_173", yt = "_optionSelected_16rar_177", kt = "_optionLabel_16rar_192", wt = "_checkmark_16rar_196", xt = "_helperText_16rar_206", Nt = "_errorText_16rar_214", h = {
|
|
533
|
+
wrapper: ot,
|
|
534
|
+
label: st,
|
|
535
|
+
triggerWrapper: at,
|
|
536
|
+
trigger: nt,
|
|
537
|
+
open: lt,
|
|
538
|
+
error: it,
|
|
539
|
+
disabled: ct,
|
|
540
|
+
sm: dt,
|
|
541
|
+
md: _t,
|
|
542
|
+
lg: pt,
|
|
543
|
+
triggerValue: ut,
|
|
544
|
+
triggerPlaceholder: ht,
|
|
545
|
+
chevron: ft,
|
|
546
|
+
chevronOpen: mt,
|
|
547
|
+
dropdown: bt,
|
|
548
|
+
option: gt,
|
|
549
|
+
optionDisabled: vt,
|
|
550
|
+
optionSelected: yt,
|
|
551
|
+
optionLabel: kt,
|
|
552
|
+
checkmark: wt,
|
|
553
|
+
helperText: xt,
|
|
554
|
+
errorText: Nt
|
|
555
555
|
};
|
|
556
|
-
function
|
|
557
|
-
return g.Children.toArray(
|
|
556
|
+
function $t(o) {
|
|
557
|
+
return g.Children.toArray(o).filter(
|
|
558
558
|
(e) => g.isValidElement(e) && e.type === "option" && !e.props.disabled
|
|
559
559
|
).map((e) => ({
|
|
560
560
|
value: String(e.props.value ?? ""),
|
|
@@ -562,18 +562,18 @@ function Bo(r) {
|
|
|
562
562
|
disabled: !!e.props.disabled
|
|
563
563
|
})).filter((e) => e.value !== "");
|
|
564
564
|
}
|
|
565
|
-
function
|
|
566
|
-
const e = g.Children.toArray(
|
|
567
|
-
(
|
|
565
|
+
function Bt(o) {
|
|
566
|
+
const e = g.Children.toArray(o).find(
|
|
567
|
+
(t) => g.isValidElement(t) && t.type === "option" && (t.props.value === "" || t.props.value == null) && t.props.disabled
|
|
568
568
|
);
|
|
569
569
|
return e ? String(e.props.children) : void 0;
|
|
570
570
|
}
|
|
571
|
-
const
|
|
571
|
+
const jt = g.forwardRef(
|
|
572
572
|
({
|
|
573
|
-
label:
|
|
573
|
+
label: o,
|
|
574
574
|
helperText: e,
|
|
575
|
-
errorText:
|
|
576
|
-
placeholder:
|
|
575
|
+
errorText: t,
|
|
576
|
+
placeholder: a,
|
|
577
577
|
size: s = "md",
|
|
578
578
|
className: d = "",
|
|
579
579
|
id: l,
|
|
@@ -582,11 +582,11 @@ const Ro = g.forwardRef(
|
|
|
582
582
|
defaultValue: m,
|
|
583
583
|
onChange: _,
|
|
584
584
|
children: f
|
|
585
|
-
},
|
|
586
|
-
const
|
|
585
|
+
}, n) => {
|
|
586
|
+
const k = L(), b = l ?? k, N = `${b}-listbox`, E = `${b}-helper`, K = `${b}-error`, q = !!t, S = $t(f), ee = a ?? Bt(f) ?? "Select…", [B, j] = H(!1), [re, te] = H(
|
|
587
587
|
String(m ?? u ?? "")
|
|
588
|
-
), A = u !== void 0 ? String(u) :
|
|
589
|
-
J.current = c, typeof
|
|
588
|
+
), A = u !== void 0 ? String(u) : re, D = S.find((c) => c.value === A), V = O(null), J = O(null), oe = (c) => {
|
|
589
|
+
J.current = c, typeof n == "function" ? n(c) : n && (n.current = c);
|
|
590
590
|
};
|
|
591
591
|
z(() => {
|
|
592
592
|
if (!B) return;
|
|
@@ -595,10 +595,10 @@ const Ro = g.forwardRef(
|
|
|
595
595
|
};
|
|
596
596
|
return document.addEventListener("pointerdown", c), () => document.removeEventListener("pointerdown", c);
|
|
597
597
|
}, [B]);
|
|
598
|
-
const G =
|
|
598
|
+
const G = ne(
|
|
599
599
|
(c) => {
|
|
600
600
|
var v;
|
|
601
|
-
u === void 0 &&
|
|
601
|
+
u === void 0 && te(c), j(!1), (v = J.current) == null || v.focus(), _ == null || _({ target: { value: c } });
|
|
602
602
|
},
|
|
603
603
|
[u, _]
|
|
604
604
|
), se = (c) => {
|
|
@@ -633,22 +633,22 @@ const Ro = g.forwardRef(
|
|
|
633
633
|
j(!1);
|
|
634
634
|
break;
|
|
635
635
|
}
|
|
636
|
-
},
|
|
636
|
+
}, ae = [q ? K : "", e ? E : ""].filter(Boolean).join(" ") || void 0;
|
|
637
637
|
return /* @__PURE__ */ p("div", { ref: V, className: [h.wrapper, d].filter(Boolean).join(" "), children: [
|
|
638
|
-
|
|
638
|
+
o && /* @__PURE__ */ r("label", { id: `${b}-label`, htmlFor: b, className: h.label, children: o }),
|
|
639
639
|
/* @__PURE__ */ p("div", { className: h.triggerWrapper, children: [
|
|
640
640
|
/* @__PURE__ */ p(
|
|
641
641
|
"button",
|
|
642
642
|
{
|
|
643
|
-
ref:
|
|
643
|
+
ref: oe,
|
|
644
644
|
type: "button",
|
|
645
645
|
id: b,
|
|
646
646
|
role: "combobox",
|
|
647
647
|
"aria-haspopup": "listbox",
|
|
648
648
|
"aria-expanded": B,
|
|
649
649
|
"aria-controls": N,
|
|
650
|
-
"aria-labelledby":
|
|
651
|
-
"aria-describedby":
|
|
650
|
+
"aria-labelledby": o ? `${b}-label` : void 0,
|
|
651
|
+
"aria-describedby": ae,
|
|
652
652
|
"aria-invalid": q || void 0,
|
|
653
653
|
disabled: i,
|
|
654
654
|
className: [
|
|
@@ -661,13 +661,13 @@ const Ro = g.forwardRef(
|
|
|
661
661
|
onClick: () => !i && j((c) => !c),
|
|
662
662
|
onKeyDown: se,
|
|
663
663
|
children: [
|
|
664
|
-
/* @__PURE__ */
|
|
665
|
-
/* @__PURE__ */
|
|
664
|
+
/* @__PURE__ */ r("span", { className: D ? h.triggerValue : h.triggerPlaceholder, children: (D == null ? void 0 : D.label) ?? ee }),
|
|
665
|
+
/* @__PURE__ */ r(
|
|
666
666
|
"span",
|
|
667
667
|
{
|
|
668
668
|
className: [h.chevron, B ? h.chevronOpen : ""].filter(Boolean).join(" "),
|
|
669
669
|
"aria-hidden": "true",
|
|
670
|
-
children: /* @__PURE__ */
|
|
670
|
+
children: /* @__PURE__ */ r(
|
|
671
671
|
"svg",
|
|
672
672
|
{
|
|
673
673
|
width: "16",
|
|
@@ -678,7 +678,7 @@ const Ro = g.forwardRef(
|
|
|
678
678
|
strokeWidth: "2",
|
|
679
679
|
strokeLinecap: "round",
|
|
680
680
|
strokeLinejoin: "round",
|
|
681
|
-
children: /* @__PURE__ */
|
|
681
|
+
children: /* @__PURE__ */ r("path", { d: "m6 9 6 6 6-6" })
|
|
682
682
|
}
|
|
683
683
|
)
|
|
684
684
|
}
|
|
@@ -686,12 +686,12 @@ const Ro = g.forwardRef(
|
|
|
686
686
|
]
|
|
687
687
|
}
|
|
688
688
|
),
|
|
689
|
-
B && /* @__PURE__ */
|
|
689
|
+
B && /* @__PURE__ */ r(
|
|
690
690
|
"ul",
|
|
691
691
|
{
|
|
692
692
|
id: N,
|
|
693
693
|
role: "listbox",
|
|
694
|
-
"aria-labelledby":
|
|
694
|
+
"aria-labelledby": o ? `${b}-label` : void 0,
|
|
695
695
|
className: h.dropdown,
|
|
696
696
|
children: S.map((c) => {
|
|
697
697
|
const v = c.value === A;
|
|
@@ -710,8 +710,8 @@ const Ro = g.forwardRef(
|
|
|
710
710
|
I.preventDefault(), c.disabled || G(c.value);
|
|
711
711
|
},
|
|
712
712
|
children: [
|
|
713
|
-
/* @__PURE__ */
|
|
714
|
-
v && /* @__PURE__ */
|
|
713
|
+
/* @__PURE__ */ r("span", { className: h.optionLabel, children: c.label }),
|
|
714
|
+
v && /* @__PURE__ */ r("span", { className: h.checkmark, "aria-hidden": "true", children: /* @__PURE__ */ r(
|
|
715
715
|
"svg",
|
|
716
716
|
{
|
|
717
717
|
width: "14",
|
|
@@ -722,7 +722,7 @@ const Ro = g.forwardRef(
|
|
|
722
722
|
strokeWidth: "2.5",
|
|
723
723
|
strokeLinecap: "round",
|
|
724
724
|
strokeLinejoin: "round",
|
|
725
|
-
children: /* @__PURE__ */
|
|
725
|
+
children: /* @__PURE__ */ r("path", { d: "M20 6 9 17l-5-5" })
|
|
726
726
|
}
|
|
727
727
|
) })
|
|
728
728
|
]
|
|
@@ -733,49 +733,49 @@ const Ro = g.forwardRef(
|
|
|
733
733
|
}
|
|
734
734
|
)
|
|
735
735
|
] }),
|
|
736
|
-
q ? /* @__PURE__ */
|
|
736
|
+
q ? /* @__PURE__ */ r("p", { id: K, className: h.errorText, role: "alert", children: t }) : e ? /* @__PURE__ */ r("p", { id: E, className: h.helperText, children: e }) : null
|
|
737
737
|
] });
|
|
738
738
|
}
|
|
739
739
|
);
|
|
740
|
-
|
|
741
|
-
const
|
|
742
|
-
wrapper:
|
|
743
|
-
checkboxRow:
|
|
744
|
-
sm:
|
|
745
|
-
checkboxBox:
|
|
746
|
-
label:
|
|
747
|
-
md:
|
|
748
|
-
checkboxOuter:
|
|
749
|
-
input:
|
|
750
|
-
checkmark:
|
|
751
|
-
dash:
|
|
752
|
-
disabled:
|
|
753
|
-
helperText:
|
|
754
|
-
},
|
|
740
|
+
jt.displayName = "Select";
|
|
741
|
+
const Rt = "_wrapper_cefjy_3", Lt = "_checkboxRow_cefjy_10", It = "_sm_cefjy_18", Ct = "_checkboxBox_cefjy_18", Tt = "_label_cefjy_22", Wt = "_md_cefjy_26", St = "_checkboxOuter_cefjy_36", zt = "_input_cefjy_46", Et = "_checkmark_cefjy_142", qt = "_dash_cefjy_143", At = "_disabled_cefjy_174", Dt = "_helperText_cefjy_181", x = {
|
|
742
|
+
wrapper: Rt,
|
|
743
|
+
checkboxRow: Lt,
|
|
744
|
+
sm: It,
|
|
745
|
+
checkboxBox: Ct,
|
|
746
|
+
label: Tt,
|
|
747
|
+
md: Wt,
|
|
748
|
+
checkboxOuter: St,
|
|
749
|
+
input: zt,
|
|
750
|
+
checkmark: Et,
|
|
751
|
+
dash: qt,
|
|
752
|
+
disabled: At,
|
|
753
|
+
helperText: Dt
|
|
754
|
+
}, Mt = g.forwardRef(
|
|
755
755
|
({
|
|
756
|
-
label:
|
|
756
|
+
label: o,
|
|
757
757
|
indeterminate: e = !1,
|
|
758
|
-
size:
|
|
759
|
-
helperText:
|
|
758
|
+
size: t = "md",
|
|
759
|
+
helperText: a,
|
|
760
760
|
className: s = "",
|
|
761
761
|
id: d,
|
|
762
762
|
disabled: l,
|
|
763
763
|
...i
|
|
764
764
|
}, u) => {
|
|
765
|
-
const m = L(), _ = d ?? m, f = O(null),
|
|
765
|
+
const m = L(), _ = d ?? m, f = O(null), n = u ?? f;
|
|
766
766
|
return z(() => {
|
|
767
|
-
|
|
768
|
-
}, [e,
|
|
767
|
+
n && "current" in n && n.current && (n.current.indeterminate = e);
|
|
768
|
+
}, [e, n]), /* @__PURE__ */ p(
|
|
769
769
|
"div",
|
|
770
770
|
{
|
|
771
|
-
className: [x.wrapper, x[
|
|
771
|
+
className: [x.wrapper, x[t], l ? x.disabled : "", s].filter(Boolean).join(" "),
|
|
772
772
|
children: [
|
|
773
773
|
/* @__PURE__ */ p("div", { className: x.checkboxRow, children: [
|
|
774
774
|
/* @__PURE__ */ p("div", { className: x.checkboxOuter, children: [
|
|
775
|
-
/* @__PURE__ */
|
|
775
|
+
/* @__PURE__ */ r(
|
|
776
776
|
"input",
|
|
777
777
|
{
|
|
778
|
-
ref:
|
|
778
|
+
ref: n,
|
|
779
779
|
id: _,
|
|
780
780
|
type: "checkbox",
|
|
781
781
|
className: x.input,
|
|
@@ -784,13 +784,13 @@ const Lo = "_wrapper_cefjy_3", Io = "_checkboxRow_cefjy_10", Co = "_sm_cefjy_18"
|
|
|
784
784
|
}
|
|
785
785
|
),
|
|
786
786
|
/* @__PURE__ */ p("div", { className: x.checkboxBox, "aria-hidden": "true", children: [
|
|
787
|
-
/* @__PURE__ */
|
|
787
|
+
/* @__PURE__ */ r(
|
|
788
788
|
"svg",
|
|
789
789
|
{
|
|
790
790
|
className: x.checkmark,
|
|
791
791
|
viewBox: "0 0 12 12",
|
|
792
792
|
fill: "none",
|
|
793
|
-
children: /* @__PURE__ */
|
|
793
|
+
children: /* @__PURE__ */ r(
|
|
794
794
|
"path",
|
|
795
795
|
{
|
|
796
796
|
d: "M2 6l3 3 5-5",
|
|
@@ -802,13 +802,13 @@ const Lo = "_wrapper_cefjy_3", Io = "_checkboxRow_cefjy_10", Co = "_sm_cefjy_18"
|
|
|
802
802
|
)
|
|
803
803
|
}
|
|
804
804
|
),
|
|
805
|
-
/* @__PURE__ */
|
|
805
|
+
/* @__PURE__ */ r(
|
|
806
806
|
"svg",
|
|
807
807
|
{
|
|
808
808
|
className: x.dash,
|
|
809
809
|
viewBox: "0 0 12 12",
|
|
810
810
|
fill: "none",
|
|
811
|
-
children: /* @__PURE__ */
|
|
811
|
+
children: /* @__PURE__ */ r(
|
|
812
812
|
"path",
|
|
813
813
|
{
|
|
814
814
|
d: "M2.5 6h7",
|
|
@@ -821,26 +821,26 @@ const Lo = "_wrapper_cefjy_3", Io = "_checkboxRow_cefjy_10", Co = "_sm_cefjy_18"
|
|
|
821
821
|
)
|
|
822
822
|
] })
|
|
823
823
|
] }),
|
|
824
|
-
|
|
824
|
+
o && /* @__PURE__ */ r("label", { htmlFor: _, className: x.label, children: o })
|
|
825
825
|
] }),
|
|
826
|
-
|
|
826
|
+
a && /* @__PURE__ */ r("p", { className: x.helperText, children: a })
|
|
827
827
|
]
|
|
828
828
|
}
|
|
829
829
|
);
|
|
830
830
|
}
|
|
831
831
|
);
|
|
832
|
-
|
|
832
|
+
Mt.displayName = "Checkbox";
|
|
833
833
|
export {
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
834
|
+
Hr as Avatar,
|
|
835
|
+
Kr as AvatarGroup,
|
|
836
|
+
Wr as Badge,
|
|
837
837
|
Ce as Button,
|
|
838
838
|
U as Card,
|
|
839
|
-
|
|
839
|
+
Mt as Checkbox,
|
|
840
840
|
He as Input,
|
|
841
|
-
|
|
842
|
-
|
|
841
|
+
hr as Modal,
|
|
842
|
+
jt as Select,
|
|
843
843
|
Q as Spinner,
|
|
844
|
-
|
|
845
|
-
|
|
844
|
+
rr as Textarea,
|
|
845
|
+
tt as Tooltip
|
|
846
846
|
};
|