@sakaniui/react 0.8.5 → 0.8.6
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/index.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { $ as e, A as t, B as n, C as r, Ct as i, D as a, Dt as o, E as s, Et as c, F as l, G as u, H as d, I as f, J as p, K as m, L as h, M as g, N as _, O as v, Ot as y, P as b, Q as x, R as ee, S, St as
|
|
2
|
-
import { A as
|
|
3
|
-
import { a as
|
|
4
|
-
import
|
|
5
|
-
import { Fragment as
|
|
6
|
-
import { Area as
|
|
7
|
-
var
|
|
1
|
+
import { $ as e, A as t, B as n, C as r, Ct as i, D as a, Dt as o, E as s, Et as c, F as l, G as u, H as d, I as f, J as p, K as m, L as h, M as g, N as _, O as v, Ot as y, P as b, Q as x, R as ee, S as te, St as S, T as ne, Tt as re, U as ie, V as ae, W as oe, X as C, Y as se, Z as ce, _ as le, a as ue, at as de, b as fe, bt as pe, c as me, ct as he, d as ge, dt as _e, et as ve, f as ye, ft as be, g as xe, gt as Se, h as Ce, ht as we, i as Te, it as Ee, j as De, k as Oe, kt as w, l as ke, lt as Ae, m as je, mt as Me, n as Ne, nt as Pe, o as Fe, ot as Ie, p as Le, pt as Re, q as ze, r as Be, rt as Ve, s as He, st as Ue, t as We, tt as Ge, u as Ke, ut as qe, v as Je, vt as Ye, w as Xe, wt as Ze, x as Qe, xt as $e, y as et, yt as tt, z as nt } from "./TopBar-n4mj0qZ2.js";
|
|
2
|
+
import { A as rt, D as it, F as at, I as ot, L as st, T as ct, _ as lt, a as ut, b as dt, c as ft, j as pt, k as mt, p as ht, u as gt, v as _t, x as vt, y as yt } from "./help-circle-B0koiJUs.js";
|
|
3
|
+
import { a as bt, i as xt, n as St, o as Ct, r as wt, s as Tt, t as Et } from "./logout-S1JWgqYn.js";
|
|
4
|
+
import T, { useEffect as Dt, useRef as Ot, useState as kt } from "react";
|
|
5
|
+
import { Fragment as At, jsx as E, jsxs as D } from "react/jsx-runtime";
|
|
6
|
+
import { Area as jt, AreaChart as Mt, CartesianGrid as Nt, Cell as Pt, Legend as Ft, Pie as It, PieChart as Lt, PolarAngleAxis as Rt, PolarGrid as zt, PolarRadiusAxis as Bt, Radar as Vt, RadarChart as Ht, RadialBar as Ut, RadialBarChart as Wt, ResponsiveContainer as Gt, Sector as Kt, Tooltip as qt, XAxis as Jt } from "recharts";
|
|
7
|
+
var Yt = {
|
|
8
8
|
announcement: "_announcement_1ba3c_1",
|
|
9
9
|
"announcement--neutral": "_announcement--neutral_1ba3c_13",
|
|
10
10
|
"announcement--urgent": "_announcement--urgent_1ba3c_16",
|
|
@@ -13,43 +13,43 @@ var Jt = {
|
|
|
13
13
|
icon__neutral: "_icon__neutral_1ba3c_32",
|
|
14
14
|
message: "_message_1ba3c_36",
|
|
15
15
|
link: "_link_1ba3c_52"
|
|
16
|
-
},
|
|
16
|
+
}, Xt = ({ message: e, linkLabel: t, linkHref: n, onLinkClick: r, onDismiss: a, variant: o = "neutral", className: s }) => {
|
|
17
17
|
let c = o === "urgent";
|
|
18
|
-
return /* @__PURE__ */
|
|
18
|
+
return /* @__PURE__ */ D("div", {
|
|
19
19
|
className: [
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
Yt.announcement,
|
|
21
|
+
Yt[`announcement--${o}`],
|
|
22
22
|
s ?? ""
|
|
23
23
|
].filter(Boolean).join(" "),
|
|
24
|
-
children: [/* @__PURE__ */
|
|
25
|
-
className:
|
|
24
|
+
children: [/* @__PURE__ */ D("div", {
|
|
25
|
+
className: Yt.content,
|
|
26
26
|
children: [
|
|
27
|
-
/* @__PURE__ */
|
|
28
|
-
className:
|
|
27
|
+
/* @__PURE__ */ E("span", {
|
|
28
|
+
className: Yt.icon,
|
|
29
29
|
"aria-hidden": "true",
|
|
30
|
-
children: c ? /* @__PURE__ */
|
|
30
|
+
children: c ? /* @__PURE__ */ E(ot, {
|
|
31
31
|
size: 24,
|
|
32
32
|
strokeWidth: 1.5,
|
|
33
33
|
style: {
|
|
34
34
|
fill: "var(--color-info-solid)",
|
|
35
35
|
stroke: "var(--color-info-bg)"
|
|
36
36
|
}
|
|
37
|
-
}) : /* @__PURE__ */
|
|
37
|
+
}) : /* @__PURE__ */ E(st, {
|
|
38
38
|
size: 24,
|
|
39
39
|
strokeWidth: 1.5,
|
|
40
40
|
fill: "currentColor",
|
|
41
41
|
stroke: "currentColor",
|
|
42
|
-
className:
|
|
42
|
+
className: Yt.icon__neutral
|
|
43
43
|
})
|
|
44
44
|
}),
|
|
45
|
-
/* @__PURE__ */
|
|
46
|
-
className:
|
|
45
|
+
/* @__PURE__ */ E("p", {
|
|
46
|
+
className: Yt.message,
|
|
47
47
|
children: e
|
|
48
48
|
}),
|
|
49
|
-
!c && t && /* @__PURE__ */
|
|
49
|
+
!c && t && /* @__PURE__ */ E(i, {
|
|
50
50
|
href: n,
|
|
51
51
|
onClick: r,
|
|
52
|
-
className:
|
|
52
|
+
className: Yt.link,
|
|
53
53
|
style: {
|
|
54
54
|
color: "var(--color-brand-fg)",
|
|
55
55
|
fontSize: 16,
|
|
@@ -58,15 +58,15 @@ var Jt = {
|
|
|
58
58
|
children: t
|
|
59
59
|
})
|
|
60
60
|
]
|
|
61
|
-
}), a && /* @__PURE__ */
|
|
62
|
-
icon:
|
|
61
|
+
}), a && /* @__PURE__ */ E(S, {
|
|
62
|
+
icon: at,
|
|
63
63
|
size: "sm",
|
|
64
64
|
variant: "ghost",
|
|
65
65
|
"aria-label": "Dismiss",
|
|
66
66
|
onClick: a
|
|
67
67
|
})]
|
|
68
68
|
});
|
|
69
|
-
},
|
|
69
|
+
}, O = {
|
|
70
70
|
snippet: "_snippet_1ao90_1",
|
|
71
71
|
header: "_header_1ao90_12",
|
|
72
72
|
filename: "_filename_1ao90_19",
|
|
@@ -75,7 +75,7 @@ var Jt = {
|
|
|
75
75
|
tokenString: "_tokenString_1ao90_43",
|
|
76
76
|
editableBody: "_editableBody_1ao90_50",
|
|
77
77
|
textarea: "_textarea_1ao90_55"
|
|
78
|
-
},
|
|
78
|
+
}, Zt = [
|
|
79
79
|
"import",
|
|
80
80
|
"export",
|
|
81
81
|
"from",
|
|
@@ -97,31 +97,31 @@ var Jt = {
|
|
|
97
97
|
"as",
|
|
98
98
|
"of",
|
|
99
99
|
"in"
|
|
100
|
-
],
|
|
100
|
+
], Qt = RegExp(`('(?:[^'\\\\]|\\\\.)*'|"(?:[^"\\\\]|\\\\.)*"|\`(?:[^\`\\\\]|\\\\.)*\`|\\b(?:${Zt.join("|")})\\b)`, "g"), $t = (e) => e.split(Qt).map((e, t) => {
|
|
101
101
|
if (!e) return null;
|
|
102
|
-
let n = /^['"`]/.test(e), r = !n &&
|
|
103
|
-
return n ? /* @__PURE__ */
|
|
104
|
-
className:
|
|
102
|
+
let n = /^['"`]/.test(e), r = !n && Zt.includes(e);
|
|
103
|
+
return n ? /* @__PURE__ */ E("span", {
|
|
104
|
+
className: O.tokenString,
|
|
105
105
|
children: e
|
|
106
|
-
}, t) : r ? /* @__PURE__ */
|
|
107
|
-
className:
|
|
106
|
+
}, t) : r ? /* @__PURE__ */ E("span", {
|
|
107
|
+
className: O.tokenKeyword,
|
|
108
108
|
children: e
|
|
109
|
-
}, t) : /* @__PURE__ */
|
|
110
|
-
}),
|
|
111
|
-
let [s, c] =
|
|
112
|
-
|
|
109
|
+
}, t) : /* @__PURE__ */ E(T.Fragment, { children: e }, t);
|
|
110
|
+
}), en = ({ code: e, filename: t, onCopy: n, editable: r = !1, onChange: i, placeholder: a, className: o }) => {
|
|
111
|
+
let [s, c] = T.useState(!1), [l, u] = T.useState(e);
|
|
112
|
+
T.useEffect(() => u(e), [e]);
|
|
113
113
|
let d = () => {
|
|
114
114
|
navigator.clipboard?.writeText(l), n?.(l), c(!0), window.setTimeout(() => c(!1), 1500);
|
|
115
115
|
}, f = (e) => {
|
|
116
116
|
u(e), i?.(e);
|
|
117
|
-
}, p = r ? /* @__PURE__ */
|
|
118
|
-
className:
|
|
119
|
-
children: [/* @__PURE__ */
|
|
120
|
-
className:
|
|
117
|
+
}, p = r ? /* @__PURE__ */ D("div", {
|
|
118
|
+
className: O.editableBody,
|
|
119
|
+
children: [/* @__PURE__ */ E("pre", {
|
|
120
|
+
className: O.body,
|
|
121
121
|
"aria-hidden": "true",
|
|
122
|
-
children:
|
|
123
|
-
}), /* @__PURE__ */
|
|
124
|
-
className:
|
|
122
|
+
children: $t(l)
|
|
123
|
+
}), /* @__PURE__ */ E("textarea", {
|
|
124
|
+
className: O.textarea,
|
|
125
125
|
value: l,
|
|
126
126
|
placeholder: a,
|
|
127
127
|
spellCheck: !1,
|
|
@@ -135,30 +135,30 @@ var Jt = {
|
|
|
135
135
|
});
|
|
136
136
|
}
|
|
137
137
|
})]
|
|
138
|
-
}) : /* @__PURE__ */
|
|
139
|
-
className:
|
|
140
|
-
children:
|
|
138
|
+
}) : /* @__PURE__ */ E("pre", {
|
|
139
|
+
className: O.body,
|
|
140
|
+
children: $t(l)
|
|
141
141
|
});
|
|
142
|
-
return t ? /* @__PURE__ */
|
|
143
|
-
className: [
|
|
144
|
-
children: [/* @__PURE__ */
|
|
145
|
-
className:
|
|
146
|
-
children: [/* @__PURE__ */
|
|
147
|
-
className:
|
|
142
|
+
return t ? /* @__PURE__ */ D("div", {
|
|
143
|
+
className: [O.snippet, o ?? ""].filter(Boolean).join(" "),
|
|
144
|
+
children: [/* @__PURE__ */ D("div", {
|
|
145
|
+
className: O.header,
|
|
146
|
+
children: [/* @__PURE__ */ E("p", {
|
|
147
|
+
className: O.filename,
|
|
148
148
|
children: t
|
|
149
|
-
}), /* @__PURE__ */
|
|
150
|
-
icon: s ?
|
|
149
|
+
}), /* @__PURE__ */ E(S, {
|
|
150
|
+
icon: s ? mt : Tt,
|
|
151
151
|
variant: "ghost",
|
|
152
152
|
size: "sm",
|
|
153
153
|
"aria-label": s ? "Copied" : "Copy code",
|
|
154
154
|
onClick: d
|
|
155
155
|
})]
|
|
156
156
|
}), p]
|
|
157
|
-
}) : /* @__PURE__ */
|
|
158
|
-
className: [
|
|
157
|
+
}) : /* @__PURE__ */ E("div", {
|
|
158
|
+
className: [O.snippet, o ?? ""].filter(Boolean).join(" "),
|
|
159
159
|
children: p
|
|
160
160
|
});
|
|
161
|
-
},
|
|
161
|
+
}, tn = {
|
|
162
162
|
expenses: "_expenses_1imiq_1",
|
|
163
163
|
row: "_row_1imiq_10",
|
|
164
164
|
top: "_top_1imiq_18",
|
|
@@ -166,70 +166,70 @@ var Jt = {
|
|
|
166
166
|
icon: "_icon_1imiq_32",
|
|
167
167
|
label: "_label_1imiq_44",
|
|
168
168
|
amount: "_amount_1imiq_55"
|
|
169
|
-
},
|
|
169
|
+
}, nn = (e) => e.toLocaleString("en-US", {
|
|
170
170
|
style: "currency",
|
|
171
171
|
currency: "USD"
|
|
172
|
-
}),
|
|
172
|
+
}), rn = ({ categories: e, variant: t = "default", formatAmount: n = nn, className: r }) => {
|
|
173
173
|
let i = t === "compact", a = Math.max(1, ...e.map((e) => e.amount));
|
|
174
|
-
return /* @__PURE__ */
|
|
175
|
-
className: [
|
|
176
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
177
|
-
className:
|
|
178
|
-
children: [/* @__PURE__ */
|
|
179
|
-
className:
|
|
180
|
-
children: [/* @__PURE__ */
|
|
181
|
-
className:
|
|
182
|
-
children: [/* @__PURE__ */
|
|
183
|
-
className:
|
|
174
|
+
return /* @__PURE__ */ E("div", {
|
|
175
|
+
className: [tn.expenses, r ?? ""].filter(Boolean).join(" "),
|
|
176
|
+
children: e.map((e, t) => /* @__PURE__ */ D("div", {
|
|
177
|
+
className: tn.row,
|
|
178
|
+
children: [/* @__PURE__ */ D("div", {
|
|
179
|
+
className: tn.top,
|
|
180
|
+
children: [/* @__PURE__ */ D("div", {
|
|
181
|
+
className: tn.left,
|
|
182
|
+
children: [/* @__PURE__ */ E("span", {
|
|
183
|
+
className: tn.icon,
|
|
184
184
|
"aria-hidden": "true",
|
|
185
185
|
children: e.icon
|
|
186
|
-
}), /* @__PURE__ */
|
|
187
|
-
className:
|
|
186
|
+
}), /* @__PURE__ */ E("p", {
|
|
187
|
+
className: tn.label,
|
|
188
188
|
children: e.label
|
|
189
189
|
})]
|
|
190
|
-
}), /* @__PURE__ */
|
|
191
|
-
className:
|
|
190
|
+
}), /* @__PURE__ */ E("p", {
|
|
191
|
+
className: tn.amount,
|
|
192
192
|
children: n(e.amount)
|
|
193
193
|
})]
|
|
194
|
-
}), !i && /* @__PURE__ */
|
|
194
|
+
}), !i && /* @__PURE__ */ E(Ye, {
|
|
195
195
|
value: e.amount / a * 100,
|
|
196
196
|
size: "lg",
|
|
197
197
|
label: `${e.label} spending`
|
|
198
198
|
})]
|
|
199
199
|
}, e.id ?? t))
|
|
200
200
|
});
|
|
201
|
-
},
|
|
201
|
+
}, an = {
|
|
202
202
|
hint: "_hint_49nyi_1",
|
|
203
203
|
bar: "_bar_49nyi_9",
|
|
204
204
|
"hint--neutral": "_hint--neutral_49nyi_15",
|
|
205
205
|
"hint--warning": "_hint--warning_49nyi_16",
|
|
206
206
|
icon: "_icon_49nyi_18",
|
|
207
207
|
message: "_message_49nyi_24"
|
|
208
|
-
},
|
|
209
|
-
let r = t === "warning" ?
|
|
210
|
-
return /* @__PURE__ */
|
|
208
|
+
}, on = 14, sn = ({ message: e, variant: t = "neutral", className: n }) => {
|
|
209
|
+
let r = t === "warning" ? ot : Ct;
|
|
210
|
+
return /* @__PURE__ */ D("div", {
|
|
211
211
|
className: [
|
|
212
|
-
|
|
213
|
-
|
|
212
|
+
an.hint,
|
|
213
|
+
an[`hint--${t}`],
|
|
214
214
|
n ?? ""
|
|
215
215
|
].filter(Boolean).join(" "),
|
|
216
216
|
children: [
|
|
217
|
-
/* @__PURE__ */
|
|
218
|
-
className:
|
|
217
|
+
/* @__PURE__ */ E("span", {
|
|
218
|
+
className: an.bar,
|
|
219
219
|
"aria-hidden": "true"
|
|
220
220
|
}),
|
|
221
|
-
/* @__PURE__ */
|
|
222
|
-
size:
|
|
223
|
-
strokeWidth:
|
|
224
|
-
className:
|
|
221
|
+
/* @__PURE__ */ E(r, {
|
|
222
|
+
size: on,
|
|
223
|
+
strokeWidth: w(on),
|
|
224
|
+
className: an.icon
|
|
225
225
|
}),
|
|
226
|
-
/* @__PURE__ */
|
|
227
|
-
className:
|
|
226
|
+
/* @__PURE__ */ E("p", {
|
|
227
|
+
className: an.message,
|
|
228
228
|
children: e
|
|
229
229
|
})
|
|
230
230
|
]
|
|
231
231
|
});
|
|
232
|
-
},
|
|
232
|
+
}, k = {
|
|
233
233
|
item: "_item_jnz6o_1",
|
|
234
234
|
"item--horizontal": "_item--horizontal_jnz6o_6",
|
|
235
235
|
"item--vertical": "_item--vertical_jnz6o_11",
|
|
@@ -242,63 +242,63 @@ var Jt = {
|
|
|
242
242
|
connectorVertical: "_connectorVertical_jnz6o_63",
|
|
243
243
|
title: "_title_jnz6o_77",
|
|
244
244
|
description: "_description_jnz6o_85"
|
|
245
|
-
},
|
|
246
|
-
let s = i === "vertical", c = /* @__PURE__ */
|
|
247
|
-
className:
|
|
245
|
+
}, cn = ({ step: e, title: t, description: n, completed: r = !1, orientation: i = "horizontal", isLast: a = !1, className: o }) => {
|
|
246
|
+
let s = i === "vertical", c = /* @__PURE__ */ E("span", {
|
|
247
|
+
className: k.value,
|
|
248
248
|
"aria-hidden": "true",
|
|
249
|
-
children: r ? /* @__PURE__ */
|
|
249
|
+
children: r ? /* @__PURE__ */ E(mt, {
|
|
250
250
|
size: 14,
|
|
251
|
-
strokeWidth:
|
|
251
|
+
strokeWidth: w(14)
|
|
252
252
|
}) : e
|
|
253
|
-
}), l = /* @__PURE__ */
|
|
254
|
-
className: [
|
|
255
|
-
children: [/* @__PURE__ */
|
|
256
|
-
className:
|
|
253
|
+
}), l = /* @__PURE__ */ D("div", {
|
|
254
|
+
className: [k.text, n ? "" : k["text--single"]].filter(Boolean).join(" "),
|
|
255
|
+
children: [/* @__PURE__ */ E("p", {
|
|
256
|
+
className: k.title,
|
|
257
257
|
children: t
|
|
258
|
-
}), n && /* @__PURE__ */
|
|
259
|
-
className:
|
|
258
|
+
}), n && /* @__PURE__ */ E("p", {
|
|
259
|
+
className: k.description,
|
|
260
260
|
children: n
|
|
261
261
|
})]
|
|
262
262
|
});
|
|
263
|
-
return s ? /* @__PURE__ */
|
|
263
|
+
return s ? /* @__PURE__ */ D("div", {
|
|
264
264
|
className: [
|
|
265
|
-
|
|
266
|
-
|
|
265
|
+
k.item,
|
|
266
|
+
k["item--vertical"],
|
|
267
267
|
o ?? ""
|
|
268
268
|
].filter(Boolean).join(" "),
|
|
269
|
-
children: [/* @__PURE__ */
|
|
270
|
-
className:
|
|
271
|
-
children: [c, !a && /* @__PURE__ */
|
|
269
|
+
children: [/* @__PURE__ */ D("div", {
|
|
270
|
+
className: k.rail,
|
|
271
|
+
children: [c, !a && /* @__PURE__ */ E("div", { className: k.connectorVertical })]
|
|
272
272
|
}), l]
|
|
273
|
-
}) : /* @__PURE__ */
|
|
273
|
+
}) : /* @__PURE__ */ D("div", {
|
|
274
274
|
className: [
|
|
275
|
-
|
|
276
|
-
|
|
275
|
+
k.item,
|
|
276
|
+
k["item--horizontal"],
|
|
277
277
|
o ?? ""
|
|
278
278
|
].filter(Boolean).join(" "),
|
|
279
|
-
children: [/* @__PURE__ */
|
|
280
|
-
className:
|
|
281
|
-
children: [c, !a && /* @__PURE__ */
|
|
279
|
+
children: [/* @__PURE__ */ D("div", {
|
|
280
|
+
className: k.topRow,
|
|
281
|
+
children: [c, !a && /* @__PURE__ */ E("div", { className: k.connectorHorizontal })]
|
|
282
282
|
}), l]
|
|
283
283
|
});
|
|
284
|
-
},
|
|
284
|
+
}, ln = {
|
|
285
285
|
separator: "_separator_pcfo8_1",
|
|
286
286
|
line: "_line_pcfo8_9",
|
|
287
287
|
overline: "_overline_pcfo8_19",
|
|
288
288
|
badge: "_badge_pcfo8_31",
|
|
289
289
|
iconWrap: "_iconWrap_pcfo8_37"
|
|
290
|
-
},
|
|
291
|
-
className: [
|
|
290
|
+
}, un = ({ children: e, label: t, className: n }) => /* @__PURE__ */ D("div", {
|
|
291
|
+
className: [ln.separator, n ?? ""].filter(Boolean).join(" "),
|
|
292
292
|
role: "separator",
|
|
293
293
|
children: [
|
|
294
|
-
/* @__PURE__ */
|
|
295
|
-
e ?? (t && /* @__PURE__ */
|
|
296
|
-
className:
|
|
294
|
+
/* @__PURE__ */ E(be, { className: ln.line }),
|
|
295
|
+
e ?? (t && /* @__PURE__ */ E("span", {
|
|
296
|
+
className: ln.overline,
|
|
297
297
|
children: t
|
|
298
298
|
})),
|
|
299
|
-
/* @__PURE__ */
|
|
299
|
+
/* @__PURE__ */ E(be, { className: ln.line })
|
|
300
300
|
]
|
|
301
|
-
}),
|
|
301
|
+
}), A = {
|
|
302
302
|
row: "_row_5wjem_2",
|
|
303
303
|
left: "_left_5wjem_16",
|
|
304
304
|
logo: "_logo_5wjem_23",
|
|
@@ -324,122 +324,122 @@ var Jt = {
|
|
|
324
324
|
changeRowLg: "_changeRowLg_5wjem_153",
|
|
325
325
|
changeTextLg: "_changeTextLg_5wjem_158",
|
|
326
326
|
chart: "_chart_5wjem_165"
|
|
327
|
-
},
|
|
327
|
+
}, dn = (e) => Math.abs(e).toLocaleString("en-US", {
|
|
328
328
|
style: "currency",
|
|
329
329
|
currency: "USD"
|
|
330
|
-
}),
|
|
331
|
-
let u = i.amount >= 0, d = u ?
|
|
332
|
-
return o ? /* @__PURE__ */
|
|
333
|
-
className: [
|
|
330
|
+
}), fn = ({ logo: e, symbol: t, name: n, price: r, change: i, formatAmount: a = dn, chart: o, periodLabel: s = "Last 6 months", onPeriodClick: c, className: l }) => {
|
|
331
|
+
let u = i.amount >= 0, d = u ? pt : rt, f = u ? "+" : "-", p = `${f}${a(i.amount)} (${f}${Math.abs(i.percent)}%)`, m = u ? A.trendUp : A.trendDown;
|
|
332
|
+
return o ? /* @__PURE__ */ D("div", {
|
|
333
|
+
className: [A.card, l ?? ""].filter(Boolean).join(" "),
|
|
334
334
|
children: [
|
|
335
|
-
/* @__PURE__ */
|
|
336
|
-
className:
|
|
337
|
-
children: [/* @__PURE__ */
|
|
335
|
+
/* @__PURE__ */ D("div", {
|
|
336
|
+
className: A.header,
|
|
337
|
+
children: [/* @__PURE__ */ E(bt, {
|
|
338
338
|
size: 16,
|
|
339
|
-
strokeWidth:
|
|
340
|
-
className:
|
|
341
|
-
}), /* @__PURE__ */
|
|
342
|
-
className:
|
|
339
|
+
strokeWidth: w(16),
|
|
340
|
+
className: A.headerIcon
|
|
341
|
+
}), /* @__PURE__ */ E("span", {
|
|
342
|
+
className: A.headerLabel,
|
|
343
343
|
children: "Stock market"
|
|
344
344
|
})]
|
|
345
345
|
}),
|
|
346
|
-
/* @__PURE__ */
|
|
347
|
-
className:
|
|
348
|
-
children: [/* @__PURE__ */
|
|
349
|
-
className:
|
|
346
|
+
/* @__PURE__ */ D("div", {
|
|
347
|
+
className: A.tickerRow,
|
|
348
|
+
children: [/* @__PURE__ */ E("span", {
|
|
349
|
+
className: A.logoLg,
|
|
350
350
|
"aria-hidden": "true",
|
|
351
351
|
children: e
|
|
352
|
-
}), /* @__PURE__ */
|
|
353
|
-
className:
|
|
354
|
-
children: [/* @__PURE__ */
|
|
355
|
-
className:
|
|
352
|
+
}), /* @__PURE__ */ D("div", {
|
|
353
|
+
className: A.text,
|
|
354
|
+
children: [/* @__PURE__ */ E("p", {
|
|
355
|
+
className: A.symbol,
|
|
356
356
|
children: t
|
|
357
|
-
}), /* @__PURE__ */
|
|
358
|
-
className:
|
|
357
|
+
}), /* @__PURE__ */ E("p", {
|
|
358
|
+
className: A.name,
|
|
359
359
|
children: n
|
|
360
360
|
})]
|
|
361
361
|
})]
|
|
362
362
|
}),
|
|
363
|
-
/* @__PURE__ */
|
|
364
|
-
className:
|
|
365
|
-
children: [/* @__PURE__ */
|
|
366
|
-
className:
|
|
367
|
-
children: [/* @__PURE__ */
|
|
368
|
-
className:
|
|
369
|
-
children: [/* @__PURE__ */
|
|
370
|
-
className:
|
|
363
|
+
/* @__PURE__ */ D("div", {
|
|
364
|
+
className: A.body,
|
|
365
|
+
children: [/* @__PURE__ */ D("div", {
|
|
366
|
+
className: A.priceRow,
|
|
367
|
+
children: [/* @__PURE__ */ D("div", {
|
|
368
|
+
className: A.priceGroup,
|
|
369
|
+
children: [/* @__PURE__ */ E("p", {
|
|
370
|
+
className: A.priceLg,
|
|
371
371
|
children: a(r)
|
|
372
|
-
}), /* @__PURE__ */
|
|
373
|
-
className:
|
|
374
|
-
children: [/* @__PURE__ */
|
|
372
|
+
}), /* @__PURE__ */ D("div", {
|
|
373
|
+
className: A.changeRowLg,
|
|
374
|
+
children: [/* @__PURE__ */ E(d, {
|
|
375
375
|
size: 24,
|
|
376
|
-
strokeWidth:
|
|
376
|
+
strokeWidth: w(24),
|
|
377
377
|
className: m
|
|
378
|
-
}), /* @__PURE__ */
|
|
379
|
-
className: [
|
|
378
|
+
}), /* @__PURE__ */ E("span", {
|
|
379
|
+
className: [A.changeTextLg, m].join(" "),
|
|
380
380
|
children: p
|
|
381
381
|
})]
|
|
382
382
|
})]
|
|
383
|
-
}), /* @__PURE__ */
|
|
383
|
+
}), /* @__PURE__ */ E($e, {
|
|
384
384
|
variant: "outline",
|
|
385
385
|
size: "sm",
|
|
386
|
-
rightIcon: /* @__PURE__ */
|
|
386
|
+
rightIcon: /* @__PURE__ */ E(it, {
|
|
387
387
|
size: 16,
|
|
388
|
-
strokeWidth:
|
|
388
|
+
strokeWidth: w(16)
|
|
389
389
|
}),
|
|
390
390
|
onClick: c,
|
|
391
391
|
children: s
|
|
392
392
|
})]
|
|
393
|
-
}), /* @__PURE__ */
|
|
393
|
+
}), /* @__PURE__ */ E(Ee, {
|
|
394
394
|
data: o,
|
|
395
|
-
className:
|
|
395
|
+
className: A.chart
|
|
396
396
|
})]
|
|
397
397
|
})
|
|
398
398
|
]
|
|
399
|
-
}) : /* @__PURE__ */
|
|
400
|
-
className: [
|
|
401
|
-
children: [/* @__PURE__ */
|
|
402
|
-
className:
|
|
403
|
-
children: [/* @__PURE__ */
|
|
404
|
-
className:
|
|
399
|
+
}) : /* @__PURE__ */ D("div", {
|
|
400
|
+
className: [A.row, l ?? ""].filter(Boolean).join(" "),
|
|
401
|
+
children: [/* @__PURE__ */ D("div", {
|
|
402
|
+
className: A.left,
|
|
403
|
+
children: [/* @__PURE__ */ E("span", {
|
|
404
|
+
className: A.logo,
|
|
405
405
|
"aria-hidden": "true",
|
|
406
406
|
children: e
|
|
407
|
-
}), /* @__PURE__ */
|
|
408
|
-
className:
|
|
409
|
-
children: [/* @__PURE__ */
|
|
410
|
-
className:
|
|
407
|
+
}), /* @__PURE__ */ D("div", {
|
|
408
|
+
className: A.text,
|
|
409
|
+
children: [/* @__PURE__ */ E("p", {
|
|
410
|
+
className: A.symbol,
|
|
411
411
|
children: t
|
|
412
|
-
}), /* @__PURE__ */
|
|
413
|
-
className:
|
|
412
|
+
}), /* @__PURE__ */ E("p", {
|
|
413
|
+
className: A.name,
|
|
414
414
|
children: n
|
|
415
415
|
})]
|
|
416
416
|
})]
|
|
417
|
-
}), /* @__PURE__ */
|
|
418
|
-
className:
|
|
419
|
-
children: [/* @__PURE__ */
|
|
420
|
-
className:
|
|
417
|
+
}), /* @__PURE__ */ D("div", {
|
|
418
|
+
className: A.right,
|
|
419
|
+
children: [/* @__PURE__ */ E("p", {
|
|
420
|
+
className: A.price,
|
|
421
421
|
children: a(r)
|
|
422
|
-
}), /* @__PURE__ */
|
|
423
|
-
className:
|
|
424
|
-
children: [/* @__PURE__ */
|
|
422
|
+
}), /* @__PURE__ */ D("div", {
|
|
423
|
+
className: A.changeRow,
|
|
424
|
+
children: [/* @__PURE__ */ E(d, {
|
|
425
425
|
size: 20,
|
|
426
|
-
strokeWidth:
|
|
426
|
+
strokeWidth: w(20),
|
|
427
427
|
className: m
|
|
428
|
-
}), /* @__PURE__ */
|
|
429
|
-
className: [
|
|
428
|
+
}), /* @__PURE__ */ E("span", {
|
|
429
|
+
className: [A.changeText, m].join(" "),
|
|
430
430
|
children: p
|
|
431
431
|
})]
|
|
432
432
|
})]
|
|
433
433
|
})]
|
|
434
434
|
});
|
|
435
|
-
},
|
|
435
|
+
}, pn = {
|
|
436
436
|
tags: "_tags_bsi1x_1",
|
|
437
437
|
remove: "_remove_bsi1x_8",
|
|
438
438
|
tag: "_tag_bsi1x_1",
|
|
439
439
|
"tag--leaving": "_tag--leaving_bsi1x_22"
|
|
440
|
-
},
|
|
441
|
-
let [r, i] =
|
|
442
|
-
|
|
440
|
+
}, mn = 160, hn = ({ tags: e, onRemove: t, className: n }) => {
|
|
441
|
+
let [r, i] = T.useState(null), a = T.useRef(void 0);
|
|
442
|
+
T.useEffect(() => () => window.clearTimeout(a.current), []);
|
|
443
443
|
let o = (e, n) => {
|
|
444
444
|
if (!(!t || r)) {
|
|
445
445
|
if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
|
|
@@ -448,27 +448,27 @@ var Jt = {
|
|
|
448
448
|
}
|
|
449
449
|
i(e), a.current = window.setTimeout(() => {
|
|
450
450
|
t(e, n), i(null);
|
|
451
|
-
},
|
|
451
|
+
}, mn);
|
|
452
452
|
}
|
|
453
453
|
};
|
|
454
|
-
return /* @__PURE__ */
|
|
455
|
-
className: [
|
|
456
|
-
children: e.map((e, n) => /* @__PURE__ */
|
|
457
|
-
className: [
|
|
458
|
-
rightIcon: t && /* @__PURE__ */
|
|
454
|
+
return /* @__PURE__ */ E("div", {
|
|
455
|
+
className: [pn.tags, n ?? ""].filter(Boolean).join(" "),
|
|
456
|
+
children: e.map((e, n) => /* @__PURE__ */ E(Ve, {
|
|
457
|
+
className: [pn.tag, r === e ? pn["tag--leaving"] : ""].filter(Boolean).join(" "),
|
|
458
|
+
rightIcon: t && /* @__PURE__ */ E("button", {
|
|
459
459
|
type: "button",
|
|
460
|
-
className:
|
|
460
|
+
className: pn.remove,
|
|
461
461
|
onClick: () => o(e, n),
|
|
462
462
|
"aria-label": `Remove ${e}`,
|
|
463
|
-
children: /* @__PURE__ */
|
|
463
|
+
children: /* @__PURE__ */ E(at, {
|
|
464
464
|
size: 12,
|
|
465
|
-
strokeWidth:
|
|
465
|
+
strokeWidth: w(12)
|
|
466
466
|
})
|
|
467
467
|
}),
|
|
468
468
|
children: e
|
|
469
469
|
}, e))
|
|
470
470
|
});
|
|
471
|
-
},
|
|
471
|
+
}, j = {
|
|
472
472
|
ticker: "_ticker_6xnxy_1",
|
|
473
473
|
track: "_track_6xnxy_9",
|
|
474
474
|
"ticker-scroll": "_ticker-scroll_6xnxy_1",
|
|
@@ -480,33 +480,33 @@ var Jt = {
|
|
|
480
480
|
trendDown: "_trendDown_6xnxy_58",
|
|
481
481
|
fadeLeft: "_fadeLeft_6xnxy_60",
|
|
482
482
|
fadeRight: "_fadeRight_6xnxy_61"
|
|
483
|
-
},
|
|
484
|
-
className:
|
|
483
|
+
}, gn = (e) => `${e >= 0 ? "+" : ""}${e}%`, _n = ({ items: e, formatChange: t, ariaHidden: n }) => /* @__PURE__ */ E("div", {
|
|
484
|
+
className: j.row,
|
|
485
485
|
"aria-hidden": n,
|
|
486
486
|
children: e.map((e, n) => {
|
|
487
|
-
let r = e.changePercent >= 0, i = r ?
|
|
488
|
-
return /* @__PURE__ */
|
|
489
|
-
className:
|
|
487
|
+
let r = e.changePercent >= 0, i = r ? pt : rt, a = r ? j.trendUp : j.trendDown;
|
|
488
|
+
return /* @__PURE__ */ D("div", {
|
|
489
|
+
className: j.item,
|
|
490
490
|
children: [
|
|
491
|
-
/* @__PURE__ */
|
|
492
|
-
className:
|
|
491
|
+
/* @__PURE__ */ E("span", {
|
|
492
|
+
className: j.symbol,
|
|
493
493
|
children: e.symbol
|
|
494
494
|
}),
|
|
495
|
-
/* @__PURE__ */
|
|
495
|
+
/* @__PURE__ */ E(i, {
|
|
496
496
|
size: 14,
|
|
497
|
-
strokeWidth:
|
|
497
|
+
strokeWidth: w(14),
|
|
498
498
|
className: a
|
|
499
499
|
}),
|
|
500
|
-
/* @__PURE__ */
|
|
501
|
-
className: [
|
|
500
|
+
/* @__PURE__ */ E("span", {
|
|
501
|
+
className: [j.change, a].join(" "),
|
|
502
502
|
children: t(e.changePercent)
|
|
503
503
|
})
|
|
504
504
|
]
|
|
505
505
|
}, `${e.symbol}-${n}`);
|
|
506
506
|
})
|
|
507
|
-
}),
|
|
508
|
-
let i =
|
|
509
|
-
return
|
|
507
|
+
}), vn = ({ items: e, speed: t = 40, formatChange: n = gn, className: r }) => {
|
|
508
|
+
let i = T.useRef(null), [a, o] = T.useState(20);
|
|
509
|
+
return T.useEffect(() => {
|
|
510
510
|
let e = i.current;
|
|
511
511
|
if (!e) return;
|
|
512
512
|
let n = e.firstElementChild;
|
|
@@ -518,33 +518,33 @@ var Jt = {
|
|
|
518
518
|
r();
|
|
519
519
|
let a = new ResizeObserver(r);
|
|
520
520
|
return a.observe(n), () => a.disconnect();
|
|
521
|
-
}, [e, t]), /* @__PURE__ */
|
|
522
|
-
className: [
|
|
521
|
+
}, [e, t]), /* @__PURE__ */ D("div", {
|
|
522
|
+
className: [j.ticker, r ?? ""].filter(Boolean).join(" "),
|
|
523
523
|
children: [
|
|
524
|
-
/* @__PURE__ */
|
|
524
|
+
/* @__PURE__ */ D("div", {
|
|
525
525
|
ref: i,
|
|
526
|
-
className:
|
|
526
|
+
className: j.track,
|
|
527
527
|
style: { "--ticker-duration": `${a}s` },
|
|
528
|
-
children: [/* @__PURE__ */
|
|
528
|
+
children: [/* @__PURE__ */ E(_n, {
|
|
529
529
|
items: e,
|
|
530
530
|
formatChange: n
|
|
531
|
-
}), /* @__PURE__ */
|
|
531
|
+
}), /* @__PURE__ */ E(_n, {
|
|
532
532
|
items: e,
|
|
533
533
|
formatChange: n,
|
|
534
534
|
ariaHidden: !0
|
|
535
535
|
})]
|
|
536
536
|
}),
|
|
537
|
-
/* @__PURE__ */
|
|
538
|
-
className:
|
|
537
|
+
/* @__PURE__ */ E("div", {
|
|
538
|
+
className: j.fadeLeft,
|
|
539
539
|
"aria-hidden": "true"
|
|
540
540
|
}),
|
|
541
|
-
/* @__PURE__ */
|
|
542
|
-
className:
|
|
541
|
+
/* @__PURE__ */ E("div", {
|
|
542
|
+
className: j.fadeRight,
|
|
543
543
|
"aria-hidden": "true"
|
|
544
544
|
})
|
|
545
545
|
]
|
|
546
546
|
});
|
|
547
|
-
},
|
|
547
|
+
}, M = {
|
|
548
548
|
list: "_list_ovxee_1",
|
|
549
549
|
row: "_row_ovxee_9",
|
|
550
550
|
rowLast: "_rowLast_ovxee_18",
|
|
@@ -560,55 +560,55 @@ var Jt = {
|
|
|
560
560
|
emptyIcon: "_emptyIcon_ovxee_86",
|
|
561
561
|
emptyTitle: "_emptyTitle_ovxee_89",
|
|
562
562
|
emptyDesc: "_emptyDesc_ovxee_96"
|
|
563
|
-
},
|
|
563
|
+
}, yn = (e) => `${e >= 0 ? "+" : "-"}${Math.abs(e).toLocaleString("en-US", {
|
|
564
564
|
style: "currency",
|
|
565
565
|
currency: "USD"
|
|
566
|
-
})}`,
|
|
567
|
-
className: [
|
|
566
|
+
})}`, bn = ({ transactions: e, formatAmount: t = yn, emptyTitle: n = "No transactions yet", emptyDescription: r = "Your activity will show up here.", className: i }) => e.length === 0 ? /* @__PURE__ */ D("div", {
|
|
567
|
+
className: [M.empty, i ?? ""].filter(Boolean).join(" "),
|
|
568
568
|
children: [
|
|
569
|
-
/* @__PURE__ */
|
|
569
|
+
/* @__PURE__ */ E(xt, {
|
|
570
570
|
size: 24,
|
|
571
|
-
strokeWidth:
|
|
572
|
-
className:
|
|
571
|
+
strokeWidth: w(24),
|
|
572
|
+
className: M.emptyIcon
|
|
573
573
|
}),
|
|
574
|
-
/* @__PURE__ */
|
|
575
|
-
className:
|
|
574
|
+
/* @__PURE__ */ E("p", {
|
|
575
|
+
className: M.emptyTitle,
|
|
576
576
|
children: n
|
|
577
577
|
}),
|
|
578
|
-
/* @__PURE__ */
|
|
579
|
-
className:
|
|
578
|
+
/* @__PURE__ */ E("p", {
|
|
579
|
+
className: M.emptyDesc,
|
|
580
580
|
children: r
|
|
581
581
|
})
|
|
582
582
|
]
|
|
583
|
-
}) : /* @__PURE__ */
|
|
584
|
-
className: [
|
|
583
|
+
}) : /* @__PURE__ */ E("div", {
|
|
584
|
+
className: [M.list, i ?? ""].filter(Boolean).join(" "),
|
|
585
585
|
children: e.map((n, r) => {
|
|
586
586
|
let i = n.amount >= 0;
|
|
587
|
-
return /* @__PURE__ */
|
|
588
|
-
className: [
|
|
589
|
-
children: [/* @__PURE__ */
|
|
590
|
-
className:
|
|
591
|
-
children: [/* @__PURE__ */
|
|
592
|
-
className:
|
|
587
|
+
return /* @__PURE__ */ D("div", {
|
|
588
|
+
className: [M.row, r === e.length - 1 ? M.rowLast : ""].filter(Boolean).join(" "),
|
|
589
|
+
children: [/* @__PURE__ */ D("div", {
|
|
590
|
+
className: M.left,
|
|
591
|
+
children: [/* @__PURE__ */ E("span", {
|
|
592
|
+
className: M.iconWrap,
|
|
593
593
|
"aria-hidden": "true",
|
|
594
594
|
children: n.icon
|
|
595
|
-
}), /* @__PURE__ */
|
|
596
|
-
className:
|
|
597
|
-
children: [/* @__PURE__ */
|
|
598
|
-
className:
|
|
595
|
+
}), /* @__PURE__ */ D("div", {
|
|
596
|
+
className: M.info,
|
|
597
|
+
children: [/* @__PURE__ */ E("p", {
|
|
598
|
+
className: M.name,
|
|
599
599
|
children: n.name
|
|
600
|
-
}), /* @__PURE__ */
|
|
601
|
-
className:
|
|
600
|
+
}), /* @__PURE__ */ E("p", {
|
|
601
|
+
className: M.category,
|
|
602
602
|
children: n.category
|
|
603
603
|
})]
|
|
604
604
|
})]
|
|
605
|
-
}), /* @__PURE__ */
|
|
606
|
-
className: [
|
|
605
|
+
}), /* @__PURE__ */ E("p", {
|
|
606
|
+
className: [M.amount, i ? M.amountUp : M.amountDown].join(" "),
|
|
607
607
|
children: t(n.amount)
|
|
608
608
|
})]
|
|
609
609
|
}, n.id ?? `${n.name}-${r}`);
|
|
610
610
|
})
|
|
611
|
-
}),
|
|
611
|
+
}), N = {
|
|
612
612
|
root: "_root_19qxp_1",
|
|
613
613
|
rootAttributed: "_rootAttributed_19qxp_10",
|
|
614
614
|
rootSimple: "_rootSimple_19qxp_18",
|
|
@@ -622,57 +622,57 @@ var Jt = {
|
|
|
622
622
|
author: "_author_19qxp_77",
|
|
623
623
|
authorText: "_authorText_19qxp_83",
|
|
624
624
|
authorName: "_authorName_19qxp_91"
|
|
625
|
-
},
|
|
625
|
+
}, xn = ({ quote: e, author: t, className: n }) => {
|
|
626
626
|
let r = !!t;
|
|
627
|
-
return /* @__PURE__ */
|
|
627
|
+
return /* @__PURE__ */ D("div", {
|
|
628
628
|
className: [
|
|
629
|
-
|
|
630
|
-
r ?
|
|
629
|
+
N.root,
|
|
630
|
+
r ? N.rootAttributed : N.rootSimple,
|
|
631
631
|
n ?? ""
|
|
632
632
|
].filter(Boolean).join(" "),
|
|
633
|
-
children: [/* @__PURE__ */
|
|
633
|
+
children: [/* @__PURE__ */ E(be, {
|
|
634
634
|
orientation: "vertical",
|
|
635
|
-
className:
|
|
636
|
-
}), /* @__PURE__ */
|
|
637
|
-
className:
|
|
635
|
+
className: N.rail
|
|
636
|
+
}), /* @__PURE__ */ D("div", {
|
|
637
|
+
className: N.body,
|
|
638
638
|
children: [
|
|
639
|
-
r && /* @__PURE__ */
|
|
640
|
-
className:
|
|
639
|
+
r && /* @__PURE__ */ E("span", {
|
|
640
|
+
className: N.markRow,
|
|
641
641
|
"aria-hidden": "true",
|
|
642
|
-
children: /* @__PURE__ */
|
|
642
|
+
children: /* @__PURE__ */ E(vt, {
|
|
643
643
|
size: 12,
|
|
644
|
-
strokeWidth:
|
|
645
|
-
className:
|
|
644
|
+
strokeWidth: w(12),
|
|
645
|
+
className: N.mark,
|
|
646
646
|
fill: "currentColor"
|
|
647
647
|
})
|
|
648
648
|
}),
|
|
649
|
-
/* @__PURE__ */
|
|
650
|
-
className: r ?
|
|
649
|
+
/* @__PURE__ */ E("p", {
|
|
650
|
+
className: r ? N.quoteAttributed : N.quoteSimple,
|
|
651
651
|
children: r ? e : `"${e}"`
|
|
652
652
|
}),
|
|
653
|
-
r && /* @__PURE__ */
|
|
654
|
-
className: [
|
|
653
|
+
r && /* @__PURE__ */ E("span", {
|
|
654
|
+
className: [N.markRow, N.markRowEnd].join(" "),
|
|
655
655
|
"aria-hidden": "true",
|
|
656
|
-
children: /* @__PURE__ */
|
|
656
|
+
children: /* @__PURE__ */ E(vt, {
|
|
657
657
|
size: 12,
|
|
658
|
-
strokeWidth:
|
|
659
|
-
className:
|
|
658
|
+
strokeWidth: w(12),
|
|
659
|
+
className: N.mark,
|
|
660
660
|
fill: "currentColor"
|
|
661
661
|
})
|
|
662
662
|
}),
|
|
663
|
-
t && /* @__PURE__ */
|
|
664
|
-
className:
|
|
665
|
-
children: [/* @__PURE__ */
|
|
663
|
+
t && /* @__PURE__ */ D("div", {
|
|
664
|
+
className: N.author,
|
|
665
|
+
children: [/* @__PURE__ */ E(c, {
|
|
666
666
|
size: "sm",
|
|
667
667
|
src: t.avatarSrc,
|
|
668
668
|
alt: t.avatarAlt ?? t.name
|
|
669
|
-
}), /* @__PURE__ */
|
|
670
|
-
className:
|
|
671
|
-
children: [/* @__PURE__ */
|
|
672
|
-
className:
|
|
669
|
+
}), /* @__PURE__ */ D("p", {
|
|
670
|
+
className: N.authorText,
|
|
671
|
+
children: [/* @__PURE__ */ E("span", {
|
|
672
|
+
className: N.authorName,
|
|
673
673
|
children: t.name
|
|
674
|
-
}), /* @__PURE__ */
|
|
675
|
-
className:
|
|
674
|
+
}), /* @__PURE__ */ D("span", {
|
|
675
|
+
className: N.authorRole,
|
|
676
676
|
children: [", ", t.role]
|
|
677
677
|
})]
|
|
678
678
|
})]
|
|
@@ -680,51 +680,51 @@ var Jt = {
|
|
|
680
680
|
]
|
|
681
681
|
})]
|
|
682
682
|
});
|
|
683
|
-
},
|
|
683
|
+
}, Sn = {
|
|
684
684
|
root: "_root_btuyr_1",
|
|
685
685
|
rootLeft: "_rootLeft_btuyr_13",
|
|
686
686
|
rootTop: "_rootTop_btuyr_19",
|
|
687
687
|
ruleLeft: "_ruleLeft_btuyr_24",
|
|
688
688
|
ruleTop: "_ruleTop_btuyr_31",
|
|
689
689
|
text: "_text_btuyr_39"
|
|
690
|
-
},
|
|
690
|
+
}, Cn = ({ text: e, align: t = "left", className: n }) => /* @__PURE__ */ D("div", {
|
|
691
691
|
className: [
|
|
692
|
-
|
|
693
|
-
t === "top" ?
|
|
692
|
+
Sn.root,
|
|
693
|
+
t === "top" ? Sn.rootTop : Sn.rootLeft,
|
|
694
694
|
n ?? ""
|
|
695
695
|
].filter(Boolean).join(" "),
|
|
696
|
-
children: [/* @__PURE__ */
|
|
697
|
-
className: t === "top" ?
|
|
696
|
+
children: [/* @__PURE__ */ E("span", {
|
|
697
|
+
className: t === "top" ? Sn.ruleTop : Sn.ruleLeft,
|
|
698
698
|
"aria-hidden": "true"
|
|
699
|
-
}), /* @__PURE__ */
|
|
700
|
-
className:
|
|
699
|
+
}), /* @__PURE__ */ E("p", {
|
|
700
|
+
className: Sn.text,
|
|
701
701
|
children: e
|
|
702
702
|
})]
|
|
703
|
-
}),
|
|
703
|
+
}), wn = {
|
|
704
704
|
root: "_root_awxwk_1",
|
|
705
705
|
imageWrap: "_imageWrap_awxwk_10",
|
|
706
706
|
"root--large": "_root--large_awxwk_27",
|
|
707
707
|
"root--small": "_root--small_awxwk_33",
|
|
708
708
|
image: "_image_awxwk_10",
|
|
709
709
|
caption: "_caption_awxwk_47"
|
|
710
|
-
},
|
|
710
|
+
}, Tn = ({ src: e, alt: t = "", size: n = "large", caption: r, className: i }) => /* @__PURE__ */ D("figure", {
|
|
711
711
|
className: [
|
|
712
|
-
|
|
713
|
-
|
|
712
|
+
wn.root,
|
|
713
|
+
wn[`root--${n}`],
|
|
714
714
|
i ?? ""
|
|
715
715
|
].filter(Boolean).join(" "),
|
|
716
|
-
children: [/* @__PURE__ */
|
|
717
|
-
className:
|
|
718
|
-
children: /* @__PURE__ */
|
|
716
|
+
children: [/* @__PURE__ */ E("span", {
|
|
717
|
+
className: wn.imageWrap,
|
|
718
|
+
children: /* @__PURE__ */ E("img", {
|
|
719
719
|
src: e,
|
|
720
720
|
alt: t,
|
|
721
|
-
className:
|
|
721
|
+
className: wn.image
|
|
722
722
|
})
|
|
723
|
-
}), r && /* @__PURE__ */
|
|
724
|
-
className:
|
|
723
|
+
}), r && /* @__PURE__ */ E("figcaption", {
|
|
724
|
+
className: wn.caption,
|
|
725
725
|
children: r
|
|
726
726
|
})]
|
|
727
|
-
}),
|
|
727
|
+
}), P = {
|
|
728
728
|
root: "_root_uc5r9_1",
|
|
729
729
|
rootCenter: "_rootCenter_uc5r9_10",
|
|
730
730
|
rootLeft: "_rootLeft_uc5r9_15",
|
|
@@ -733,107 +733,107 @@ var Jt = {
|
|
|
733
733
|
ctaRow: "_ctaRow_uc5r9_39",
|
|
734
734
|
avatarBlock: "_avatarBlock_uc5r9_45",
|
|
735
735
|
avatarsCaption: "_avatarsCaption_uc5r9_57"
|
|
736
|
-
},
|
|
736
|
+
}, En = ({ title: e, description: t, badgeLabel: r, primaryCta: i, secondaryCta: a, avatars: o, avatarsCaption: s, align: c = "center", className: l }) => {
|
|
737
737
|
let u = !!(i || a), d = !!(o && o.length > 0);
|
|
738
|
-
return /* @__PURE__ */
|
|
738
|
+
return /* @__PURE__ */ D("div", {
|
|
739
739
|
className: [
|
|
740
|
-
|
|
741
|
-
c === "left" ?
|
|
740
|
+
P.root,
|
|
741
|
+
c === "left" ? P.rootLeft : P.rootCenter,
|
|
742
742
|
l ?? ""
|
|
743
743
|
].filter(Boolean).join(" "),
|
|
744
744
|
children: [
|
|
745
|
-
r && /* @__PURE__ */
|
|
745
|
+
r && /* @__PURE__ */ E(Ve, {
|
|
746
746
|
variant: "accent",
|
|
747
747
|
emphasis: "subtle",
|
|
748
748
|
children: r
|
|
749
749
|
}),
|
|
750
|
-
/* @__PURE__ */
|
|
751
|
-
className:
|
|
750
|
+
/* @__PURE__ */ E("p", {
|
|
751
|
+
className: P.title,
|
|
752
752
|
children: e
|
|
753
753
|
}),
|
|
754
|
-
t && /* @__PURE__ */
|
|
755
|
-
className:
|
|
754
|
+
t && /* @__PURE__ */ E("p", {
|
|
755
|
+
className: P.description,
|
|
756
756
|
children: t
|
|
757
757
|
}),
|
|
758
|
-
u && /* @__PURE__ */
|
|
759
|
-
className:
|
|
760
|
-
children: [i && /* @__PURE__ */
|
|
758
|
+
u && /* @__PURE__ */ D("div", {
|
|
759
|
+
className: P.ctaRow,
|
|
760
|
+
children: [i && /* @__PURE__ */ E($e, {
|
|
761
761
|
variant: "primary",
|
|
762
762
|
onClick: i.onClick,
|
|
763
763
|
children: i.label
|
|
764
|
-
}), a && /* @__PURE__ */
|
|
764
|
+
}), a && /* @__PURE__ */ E($e, {
|
|
765
765
|
variant: "secondary",
|
|
766
|
-
leftIcon: /* @__PURE__ */
|
|
766
|
+
leftIcon: /* @__PURE__ */ E(wt, {
|
|
767
767
|
size: 16,
|
|
768
|
-
strokeWidth:
|
|
768
|
+
strokeWidth: w(16),
|
|
769
769
|
fill: "currentColor"
|
|
770
770
|
}),
|
|
771
771
|
onClick: a.onClick,
|
|
772
772
|
children: a.label
|
|
773
773
|
})]
|
|
774
774
|
}),
|
|
775
|
-
d && /* @__PURE__ */
|
|
776
|
-
className:
|
|
777
|
-
children: [/* @__PURE__ */
|
|
775
|
+
d && /* @__PURE__ */ D("div", {
|
|
776
|
+
className: P.avatarBlock,
|
|
777
|
+
children: [/* @__PURE__ */ E(n, {
|
|
778
778
|
size: "md",
|
|
779
779
|
avatars: o
|
|
780
|
-
}), s && /* @__PURE__ */
|
|
781
|
-
className:
|
|
780
|
+
}), s && /* @__PURE__ */ E("p", {
|
|
781
|
+
className: P.avatarsCaption,
|
|
782
782
|
children: s
|
|
783
783
|
})]
|
|
784
784
|
})
|
|
785
785
|
]
|
|
786
786
|
});
|
|
787
|
-
},
|
|
787
|
+
}, Dn = {
|
|
788
788
|
root: "_root_5kajg_1",
|
|
789
789
|
item: "_item_5kajg_12",
|
|
790
790
|
marker: "_marker_5kajg_18",
|
|
791
791
|
dot: "_dot_5kajg_26",
|
|
792
792
|
label: "_label_5kajg_34"
|
|
793
|
-
},
|
|
794
|
-
className: [
|
|
795
|
-
children: e.map((e, n) => /* @__PURE__ */
|
|
796
|
-
className:
|
|
797
|
-
children: [/* @__PURE__ */
|
|
798
|
-
className:
|
|
793
|
+
}, On = ({ items: e, style: t = "check", className: n }) => /* @__PURE__ */ E("ul", {
|
|
794
|
+
className: [Dn.root, n ?? ""].filter(Boolean).join(" "),
|
|
795
|
+
children: e.map((e, n) => /* @__PURE__ */ D("li", {
|
|
796
|
+
className: Dn.item,
|
|
797
|
+
children: [/* @__PURE__ */ D("span", {
|
|
798
|
+
className: Dn.marker,
|
|
799
799
|
"aria-hidden": "true",
|
|
800
800
|
children: [
|
|
801
|
-
t === "check" && /* @__PURE__ */
|
|
801
|
+
t === "check" && /* @__PURE__ */ E(mt, {
|
|
802
802
|
size: 18,
|
|
803
|
-
strokeWidth:
|
|
803
|
+
strokeWidth: w(18)
|
|
804
804
|
}),
|
|
805
|
-
t === "arrow" && /* @__PURE__ */
|
|
805
|
+
t === "arrow" && /* @__PURE__ */ E(St, {
|
|
806
806
|
size: 16,
|
|
807
|
-
strokeWidth:
|
|
807
|
+
strokeWidth: w(16)
|
|
808
808
|
}),
|
|
809
|
-
t === "bullet" && /* @__PURE__ */
|
|
809
|
+
t === "bullet" && /* @__PURE__ */ E("span", { className: Dn.dot })
|
|
810
810
|
]
|
|
811
|
-
}), /* @__PURE__ */
|
|
812
|
-
className:
|
|
811
|
+
}), /* @__PURE__ */ E("span", {
|
|
812
|
+
className: Dn.label,
|
|
813
813
|
children: e
|
|
814
814
|
})]
|
|
815
815
|
}, n))
|
|
816
|
-
}),
|
|
816
|
+
}), kn = {
|
|
817
817
|
marquee: "_marquee_1pc4i_1",
|
|
818
818
|
track: "_track_1pc4i_13",
|
|
819
819
|
row: "_row_1pc4i_19",
|
|
820
820
|
item: "_item_1pc4i_25",
|
|
821
821
|
fadeLeft: "_fadeLeft_1pc4i_31",
|
|
822
822
|
fadeRight: "_fadeRight_1pc4i_32"
|
|
823
|
-
},
|
|
824
|
-
className:
|
|
823
|
+
}, An = ({ items: e, gap: t, ariaHidden: n }) => /* @__PURE__ */ E("div", {
|
|
824
|
+
className: kn.row,
|
|
825
825
|
style: {
|
|
826
826
|
gap: t,
|
|
827
827
|
paddingRight: t
|
|
828
828
|
},
|
|
829
829
|
"aria-hidden": n,
|
|
830
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
831
|
-
className:
|
|
830
|
+
children: e.map((e, t) => /* @__PURE__ */ E("div", {
|
|
831
|
+
className: kn.item,
|
|
832
832
|
children: e
|
|
833
833
|
}, t))
|
|
834
|
-
}),
|
|
835
|
-
let i =
|
|
836
|
-
return
|
|
834
|
+
}), jn = ({ items: e, speed: t = 40, gap: n, className: r }) => {
|
|
835
|
+
let i = T.useRef(null), a = T.useRef(0), o = T.useRef(0), s = T.useRef(!1);
|
|
836
|
+
return T.useEffect(() => {
|
|
837
837
|
let e = i.current?.firstElementChild;
|
|
838
838
|
if (!e) return;
|
|
839
839
|
let t = () => {
|
|
@@ -842,7 +842,7 @@ var Jt = {
|
|
|
842
842
|
t();
|
|
843
843
|
let n = new ResizeObserver(t);
|
|
844
844
|
return n.observe(e), () => n.disconnect();
|
|
845
|
-
}, [e, n]),
|
|
845
|
+
}, [e, n]), T.useEffect(() => {
|
|
846
846
|
let e = i.current;
|
|
847
847
|
if (!e || window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
|
|
848
848
|
let n, r = performance.now(), c = () => {
|
|
@@ -852,8 +852,8 @@ var Jt = {
|
|
|
852
852
|
d > 0 && (o.current = (o.current + u * l) % d, e.style.transform = `translateX(-${o.current}px)`), n = setTimeout(c, 16);
|
|
853
853
|
};
|
|
854
854
|
return n = setTimeout(c, 16), () => clearTimeout(n);
|
|
855
|
-
}, [t]), /* @__PURE__ */
|
|
856
|
-
className: [
|
|
855
|
+
}, [t]), /* @__PURE__ */ D("div", {
|
|
856
|
+
className: [kn.marquee, r ?? ""].filter(Boolean).join(" "),
|
|
857
857
|
onMouseEnter: () => {
|
|
858
858
|
s.current = !0;
|
|
859
859
|
},
|
|
@@ -861,29 +861,29 @@ var Jt = {
|
|
|
861
861
|
s.current = !1;
|
|
862
862
|
},
|
|
863
863
|
children: [
|
|
864
|
-
/* @__PURE__ */
|
|
864
|
+
/* @__PURE__ */ D("div", {
|
|
865
865
|
ref: i,
|
|
866
|
-
className:
|
|
867
|
-
children: [/* @__PURE__ */
|
|
866
|
+
className: kn.track,
|
|
867
|
+
children: [/* @__PURE__ */ E(An, {
|
|
868
868
|
items: e,
|
|
869
869
|
gap: n
|
|
870
|
-
}), /* @__PURE__ */
|
|
870
|
+
}), /* @__PURE__ */ E(An, {
|
|
871
871
|
items: e,
|
|
872
872
|
gap: n,
|
|
873
873
|
ariaHidden: !0
|
|
874
874
|
})]
|
|
875
875
|
}),
|
|
876
|
-
/* @__PURE__ */
|
|
877
|
-
className:
|
|
876
|
+
/* @__PURE__ */ E("div", {
|
|
877
|
+
className: kn.fadeLeft,
|
|
878
878
|
"aria-hidden": "true"
|
|
879
879
|
}),
|
|
880
|
-
/* @__PURE__ */
|
|
881
|
-
className:
|
|
880
|
+
/* @__PURE__ */ E("div", {
|
|
881
|
+
className: kn.fadeRight,
|
|
882
882
|
"aria-hidden": "true"
|
|
883
883
|
})
|
|
884
884
|
]
|
|
885
885
|
});
|
|
886
|
-
},
|
|
886
|
+
}, Mn = {
|
|
887
887
|
root: "_root_17a1b_1",
|
|
888
888
|
numRow: "_numRow_17a1b_9",
|
|
889
889
|
value: "_value_17a1b_15",
|
|
@@ -891,32 +891,32 @@ var Jt = {
|
|
|
891
891
|
trendUp: "_trendUp_17a1b_35",
|
|
892
892
|
trendDown: "_trendDown_17a1b_39",
|
|
893
893
|
label: "_label_17a1b_43"
|
|
894
|
-
},
|
|
895
|
-
let i = n !== void 0, a = i && n >= 0, o = a ?
|
|
896
|
-
return /* @__PURE__ */
|
|
897
|
-
className: [
|
|
898
|
-
children: [/* @__PURE__ */
|
|
899
|
-
className:
|
|
900
|
-
children: [/* @__PURE__ */
|
|
901
|
-
className:
|
|
894
|
+
}, Nn = ({ value: e, label: t, trend: n, className: r }) => {
|
|
895
|
+
let i = n !== void 0, a = i && n >= 0, o = a ? pt : rt;
|
|
896
|
+
return /* @__PURE__ */ D("div", {
|
|
897
|
+
className: [Mn.root, r ?? ""].filter(Boolean).join(" "),
|
|
898
|
+
children: [/* @__PURE__ */ D("div", {
|
|
899
|
+
className: Mn.numRow,
|
|
900
|
+
children: [/* @__PURE__ */ E("p", {
|
|
901
|
+
className: Mn.value,
|
|
902
902
|
children: e
|
|
903
|
-
}), i && /* @__PURE__ */
|
|
904
|
-
className: [
|
|
903
|
+
}), i && /* @__PURE__ */ D("span", {
|
|
904
|
+
className: [Mn.trend, a ? Mn.trendUp : Mn.trendDown].join(" "),
|
|
905
905
|
children: [
|
|
906
|
-
/* @__PURE__ */
|
|
906
|
+
/* @__PURE__ */ E(o, {
|
|
907
907
|
size: 24,
|
|
908
|
-
strokeWidth:
|
|
908
|
+
strokeWidth: w(24)
|
|
909
909
|
}),
|
|
910
910
|
Math.abs(n),
|
|
911
911
|
"%"
|
|
912
912
|
]
|
|
913
913
|
})]
|
|
914
|
-
}), /* @__PURE__ */
|
|
915
|
-
className:
|
|
914
|
+
}), /* @__PURE__ */ E("p", {
|
|
915
|
+
className: Mn.label,
|
|
916
916
|
children: t
|
|
917
917
|
})]
|
|
918
918
|
});
|
|
919
|
-
},
|
|
919
|
+
}, F = {
|
|
920
920
|
root: "_root_scbx4_1",
|
|
921
921
|
header: "_header_scbx4_13",
|
|
922
922
|
label: "_label_scbx4_21",
|
|
@@ -927,59 +927,59 @@ var Jt = {
|
|
|
927
927
|
collapseInner: "_collapseInner_scbx4_78",
|
|
928
928
|
navLinks: "_navLinks_scbx4_91",
|
|
929
929
|
navLink: "_navLink_scbx4_91"
|
|
930
|
-
},
|
|
931
|
-
let c = i !== void 0, [l, u] =
|
|
930
|
+
}, Pn = ({ label: e, links: t, ctaLabel: n = "Get started", onCtaClick: r, open: i, defaultOpen: a = !1, onOpenChange: o, className: s }) => {
|
|
931
|
+
let c = i !== void 0, [l, u] = T.useState(a), d = c ? i : l, f = () => {
|
|
932
932
|
let e = !d;
|
|
933
933
|
c || u(e), o?.(e);
|
|
934
|
-
}, p =
|
|
935
|
-
return
|
|
934
|
+
}, p = T.useRef(null), [m, h] = T.useState(0);
|
|
935
|
+
return T.useEffect(() => {
|
|
936
936
|
let e = p.current;
|
|
937
937
|
if (!e) return;
|
|
938
938
|
let t = () => h(e.scrollHeight);
|
|
939
939
|
t();
|
|
940
940
|
let n = new ResizeObserver(t);
|
|
941
941
|
return n.observe(e), () => n.disconnect();
|
|
942
|
-
}, [t, n]), /* @__PURE__ */
|
|
943
|
-
className: [
|
|
944
|
-
children: [/* @__PURE__ */
|
|
945
|
-
className:
|
|
946
|
-
children: [/* @__PURE__ */
|
|
947
|
-
className:
|
|
942
|
+
}, [t, n]), /* @__PURE__ */ D("div", {
|
|
943
|
+
className: [F.root, s ?? ""].filter(Boolean).join(" "),
|
|
944
|
+
children: [/* @__PURE__ */ D("div", {
|
|
945
|
+
className: F.header,
|
|
946
|
+
children: [/* @__PURE__ */ E("p", {
|
|
947
|
+
className: F.label,
|
|
948
948
|
children: e
|
|
949
|
-
}), /* @__PURE__ */
|
|
949
|
+
}), /* @__PURE__ */ E("button", {
|
|
950
950
|
type: "button",
|
|
951
|
-
className:
|
|
951
|
+
className: F.toggle,
|
|
952
952
|
onClick: f,
|
|
953
953
|
"aria-expanded": d,
|
|
954
954
|
"aria-label": d ? "Close menu" : "Open menu",
|
|
955
|
-
children:
|
|
955
|
+
children: E(d ? at : dt, {
|
|
956
956
|
size: 16,
|
|
957
|
-
strokeWidth:
|
|
957
|
+
strokeWidth: w(16)
|
|
958
958
|
})
|
|
959
959
|
})]
|
|
960
|
-
}), /* @__PURE__ */
|
|
961
|
-
className: [
|
|
960
|
+
}), /* @__PURE__ */ E("div", {
|
|
961
|
+
className: [F.collapse, d ? F.collapseOpen : ""].filter(Boolean).join(" "),
|
|
962
962
|
style: { maxHeight: d ? `${m}px` : "0px" },
|
|
963
963
|
"aria-hidden": !d,
|
|
964
|
-
children: /* @__PURE__ */
|
|
964
|
+
children: /* @__PURE__ */ D("div", {
|
|
965
965
|
ref: p,
|
|
966
|
-
className:
|
|
966
|
+
className: F.collapseInner,
|
|
967
967
|
children: [
|
|
968
|
-
/* @__PURE__ */
|
|
969
|
-
className:
|
|
968
|
+
/* @__PURE__ */ E("nav", {
|
|
969
|
+
className: F.navLinks,
|
|
970
970
|
"aria-label": e,
|
|
971
|
-
children: t.map((e) => /* @__PURE__ */
|
|
971
|
+
children: t.map((e) => /* @__PURE__ */ E("a", {
|
|
972
972
|
href: e.href,
|
|
973
973
|
onClick: e.onClick,
|
|
974
|
-
className:
|
|
974
|
+
className: F.navLink,
|
|
975
975
|
tabIndex: d ? void 0 : -1,
|
|
976
976
|
children: e.label
|
|
977
977
|
}, e.label))
|
|
978
978
|
}),
|
|
979
|
-
/* @__PURE__ */
|
|
980
|
-
/* @__PURE__ */
|
|
979
|
+
/* @__PURE__ */ E(be, { className: F.fullWidth }),
|
|
980
|
+
/* @__PURE__ */ E($e, {
|
|
981
981
|
variant: "primary",
|
|
982
|
-
className:
|
|
982
|
+
className: F.fullWidth,
|
|
983
983
|
onClick: r,
|
|
984
984
|
tabIndex: d ? void 0 : -1,
|
|
985
985
|
children: n
|
|
@@ -988,38 +988,38 @@ var Jt = {
|
|
|
988
988
|
})
|
|
989
989
|
})]
|
|
990
990
|
});
|
|
991
|
-
},
|
|
991
|
+
}, Fn = {
|
|
992
992
|
root: "_root_lrpdp_1",
|
|
993
993
|
"root--sm": "_root--sm_lrpdp_14",
|
|
994
994
|
"root--md": "_root--md_lrpdp_18",
|
|
995
995
|
"root--lg": "_root--lg_lrpdp_22",
|
|
996
996
|
defaultMark: "_defaultMark_lrpdp_27"
|
|
997
|
-
},
|
|
997
|
+
}, In = {
|
|
998
998
|
sm: 14,
|
|
999
999
|
md: 16,
|
|
1000
1000
|
lg: 18
|
|
1001
|
-
},
|
|
1002
|
-
let i =
|
|
1001
|
+
}, Ln = ({ size: e = "md", logo: t, label: n, className: r }) => {
|
|
1002
|
+
let i = In[e], a = T.isValidElement(t) ? T.cloneElement(t, {
|
|
1003
1003
|
size: i,
|
|
1004
|
-
strokeWidth:
|
|
1005
|
-
}) : t ?? /* @__PURE__ */
|
|
1004
|
+
strokeWidth: w(i)
|
|
1005
|
+
}) : t ?? /* @__PURE__ */ E("img", {
|
|
1006
1006
|
src: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%3e%3cpath%20d='M0%208C0%203.58172%203.58172%200%208%200H20C24.4183%200%2028%203.58172%2028%208V20C28%2024.4183%2024.4183%2028%2020%2028H8C3.58172%2028%200%2024.4183%200%2020V8Z'%20fill='%23FF4700'/%3e%3cpath%20d='M6.63704%2015.9944L20.6362%2014.491'%20stroke='%23FAFAF9'%20stroke-width='2.5'%20stroke-linecap='round'/%3e%3cpath%20d='M14.208%2022.884C12.848%2022.884%2011.664%2022.636%2010.656%2022.14C9.664%2021.644%208.88%2020.956%208.304%2020.076C7.728%2019.196%207.392%2018.172%207.296%2017.004L9.96%2016.836C10.072%2017.636%2010.304%2018.316%2010.656%2018.876C11.008%2019.42%2011.48%2019.836%2012.072%2020.124C12.68%2020.396%2013.408%2020.532%2014.256%2020.532C14.992%2020.532%2015.616%2020.444%2016.128%2020.268C16.656%2020.076%2017.056%2019.796%2017.328%2019.428C17.6%2019.06%2017.736%2018.612%2017.736%2018.084C17.736%2017.604%2017.616%2017.18%2017.376%2016.812C17.152%2016.428%2016.712%2016.084%2016.056%2015.78C15.416%2015.46%2014.472%2015.148%2013.224%2014.844C11.864%2014.508%2010.776%2014.14%209.96%2013.74C9.144%2013.34%208.552%2012.844%208.184%2012.252C7.832%2011.644%207.656%2010.9%207.656%2010.02C7.656%209.044%207.888%208.188%208.352%207.452C8.832%206.7%209.512%206.116%2010.392%205.7C11.272%205.284%2012.328%205.076%2013.56%205.076C14.856%205.076%2015.96%205.316%2016.872%205.796C17.8%206.276%2018.528%206.932%2019.056%207.764C19.6%208.596%2019.936%209.548%2020.064%2010.62L17.4%2010.764C17.32%2010.108%2017.12%209.532%2016.8%209.036C16.48%208.524%2016.048%208.132%2015.504%207.86C14.96%207.572%2014.296%207.428%2013.512%207.428C12.52%207.428%2011.736%207.66%2011.16%208.124C10.6%208.572%2010.32%209.172%2010.32%209.924C10.32%2010.404%2010.432%2010.812%2010.656%2011.148C10.896%2011.468%2011.312%2011.748%2011.904%2011.988C12.512%2012.228%2013.368%2012.484%2014.472%2012.756C15.944%2013.092%2017.112%2013.508%2017.976%2014.004C18.856%2014.484%2019.48%2015.052%2019.848%2015.708C20.216%2016.364%2020.4%2017.108%2020.4%2017.94C20.4%2018.948%2020.136%2019.828%2019.608%2020.58C19.096%2021.316%2018.376%2021.884%2017.448%2022.284C16.52%2022.684%2015.44%2022.884%2014.208%2022.884Z'%20fill='%23FAFAF9'/%3e%3c/svg%3e",
|
|
1007
1007
|
alt: "",
|
|
1008
1008
|
width: i,
|
|
1009
1009
|
height: i,
|
|
1010
|
-
className:
|
|
1010
|
+
className: Fn.defaultMark
|
|
1011
1011
|
});
|
|
1012
|
-
return /* @__PURE__ */
|
|
1012
|
+
return /* @__PURE__ */ E("span", {
|
|
1013
1013
|
className: [
|
|
1014
|
-
|
|
1015
|
-
|
|
1014
|
+
Fn.root,
|
|
1015
|
+
Fn[`root--${e}`],
|
|
1016
1016
|
r ?? ""
|
|
1017
1017
|
].filter(Boolean).join(" "),
|
|
1018
1018
|
role: "img",
|
|
1019
1019
|
"aria-label": n ?? "Logo placeholder",
|
|
1020
1020
|
children: a
|
|
1021
1021
|
});
|
|
1022
|
-
},
|
|
1022
|
+
}, I = {
|
|
1023
1023
|
root: "_root_ibchq_1",
|
|
1024
1024
|
rootCompact: "_rootCompact_ibchq_7",
|
|
1025
1025
|
rootDetailed: "_rootDetailed_ibchq_14",
|
|
@@ -1030,61 +1030,87 @@ var Jt = {
|
|
|
1030
1030
|
bio: "_bio_ibchq_53",
|
|
1031
1031
|
social: "_social_ibchq_63",
|
|
1032
1032
|
socialBtn: "_socialBtn_ibchq_71"
|
|
1033
|
-
},
|
|
1033
|
+
}, Rn = ({ name: e, role: t, avatarSrc: n, avatarAlt: r, bio: i, socialLinks: a = [], className: o }) => {
|
|
1034
1034
|
let s = !!i || a.length > 0;
|
|
1035
|
-
return /* @__PURE__ */
|
|
1035
|
+
return /* @__PURE__ */ D("div", {
|
|
1036
1036
|
className: [
|
|
1037
|
-
|
|
1038
|
-
s ?
|
|
1037
|
+
I.root,
|
|
1038
|
+
s ? I.rootDetailed : I.rootCompact,
|
|
1039
1039
|
o ?? ""
|
|
1040
1040
|
].filter(Boolean).join(" "),
|
|
1041
1041
|
children: [
|
|
1042
|
-
/* @__PURE__ */
|
|
1042
|
+
/* @__PURE__ */ E(c, {
|
|
1043
1043
|
size: "xl",
|
|
1044
1044
|
src: n,
|
|
1045
1045
|
alt: r ?? e
|
|
1046
1046
|
}),
|
|
1047
|
-
/* @__PURE__ */
|
|
1048
|
-
className: s ?
|
|
1049
|
-
children: [/* @__PURE__ */
|
|
1050
|
-
className:
|
|
1047
|
+
/* @__PURE__ */ D("div", {
|
|
1048
|
+
className: s ? I.infoDetailed : I.infoCompact,
|
|
1049
|
+
children: [/* @__PURE__ */ E("p", {
|
|
1050
|
+
className: I.name,
|
|
1051
1051
|
children: e
|
|
1052
|
-
}), /* @__PURE__ */
|
|
1053
|
-
className:
|
|
1052
|
+
}), /* @__PURE__ */ E("p", {
|
|
1053
|
+
className: I.role,
|
|
1054
1054
|
children: t
|
|
1055
1055
|
})]
|
|
1056
1056
|
}),
|
|
1057
|
-
s && i && /* @__PURE__ */
|
|
1058
|
-
className:
|
|
1057
|
+
s && i && /* @__PURE__ */ E("p", {
|
|
1058
|
+
className: I.bio,
|
|
1059
1059
|
children: i
|
|
1060
1060
|
}),
|
|
1061
|
-
s && a.length > 0 && /* @__PURE__ */
|
|
1062
|
-
className:
|
|
1063
|
-
children: a.map((e, t) => /* @__PURE__ */
|
|
1061
|
+
s && a.length > 0 && /* @__PURE__ */ E("div", {
|
|
1062
|
+
className: I.social,
|
|
1063
|
+
children: a.map((e, t) => /* @__PURE__ */ E("a", {
|
|
1064
1064
|
href: e.href,
|
|
1065
1065
|
onClick: e.onClick,
|
|
1066
|
-
className:
|
|
1066
|
+
className: I.socialBtn,
|
|
1067
1067
|
"aria-label": e.label,
|
|
1068
1068
|
children: e.icon
|
|
1069
1069
|
}, e.label ?? t))
|
|
1070
1070
|
})
|
|
1071
1071
|
]
|
|
1072
1072
|
});
|
|
1073
|
-
},
|
|
1073
|
+
}, zn = ({ size: e = 16 }) => /* @__PURE__ */ E("svg", {
|
|
1074
|
+
width: e,
|
|
1075
|
+
height: e,
|
|
1076
|
+
viewBox: "0 0 16 16",
|
|
1077
|
+
fill: "none",
|
|
1078
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1079
|
+
"aria-hidden": "true",
|
|
1080
|
+
children: /* @__PURE__ */ E("path", {
|
|
1081
|
+
fillRule: "evenodd",
|
|
1082
|
+
clipRule: "evenodd",
|
|
1083
|
+
fill: "currentColor",
|
|
1084
|
+
d: "M9.48933 6.77467L15.318 0H13.9367L8.876 5.88267L4.834 0H0.172L6.284 8.89533L0.172 16H1.55333L6.89733 9.788L11.166 16H15.828L9.48933 6.77467ZM7.598 8.974L6.97867 8.088L2.05067 1.04H4.172L8.14867 6.728L8.768 7.614L13.9373 15.0073H11.816L7.598 8.974Z"
|
|
1085
|
+
})
|
|
1086
|
+
}), Bn = ({ size: e = 16 }) => /* @__PURE__ */ E("svg", {
|
|
1087
|
+
width: e,
|
|
1088
|
+
height: e,
|
|
1089
|
+
viewBox: "0 0 16 16",
|
|
1090
|
+
fill: "none",
|
|
1091
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1092
|
+
"aria-hidden": "true",
|
|
1093
|
+
children: /* @__PURE__ */ E("path", {
|
|
1094
|
+
fill: "currentColor",
|
|
1095
|
+
stroke: "currentColor",
|
|
1096
|
+
strokeWidth: "0.5",
|
|
1097
|
+
d: "M5.2627 14.9109C5.24063 14.9019 5.21825 14.8937 5.19629 14.8845C5.21828 14.8846 5.2404 14.8849 5.2627 14.8845C5.26277 14.8934 5.26262 14.9022 5.2627 14.9109ZM8 0.948C12.0038 0.948 15.25 4.19421 15.25 8.198C15.25 11.2321 13.382 13.8337 10.7119 14.9041C10.7126 14.8154 10.7132 14.7175 10.7139 14.6111C10.7164 14.2289 10.7197 13.7443 10.7197 13.2068C10.7197 12.8702 10.6752 12.5602 10.5967 12.282C11.2251 12.1236 11.8603 11.8618 12.4033 11.407C13.3035 10.6531 13.8291 9.48051 13.8291 7.78003C13.8291 6.87672 13.5529 6.10004 13.0859 5.46265C13.1914 4.97309 13.2464 4.1873 12.8779 3.24292L12.748 2.91089L12.4082 2.80152L12.1885 3.48902C12.4086 2.8019 12.407 2.80174 12.4062 2.80152L12.4053 2.80054L12.3965 2.79761C12.3923 2.79634 12.3874 2.79501 12.3828 2.7937C12.3738 2.79113 12.364 2.78851 12.3535 2.78589C12.3324 2.78061 12.3081 2.77611 12.2812 2.77124C12.2271 2.76146 12.1615 2.75326 12.085 2.74976C11.9315 2.74276 11.7366 2.75416 11.499 2.80445C11.0816 2.8928 10.5376 3.09872 9.85352 3.52808C9.24662 3.38844 8.61824 3.31986 7.99414 3.31616H7.98535C7.36044 3.31984 6.73069 3.3881 6.12305 3.52808C5.43488 3.09865 4.88896 2.89272 4.4707 2.80445C4.23272 2.75425 4.03733 2.74275 3.88379 2.74976C3.80726 2.75325 3.74164 2.76049 3.6875 2.77027C3.66056 2.77514 3.63643 2.78059 3.61523 2.78589C3.60476 2.78851 3.59499 2.79113 3.58594 2.7937C3.58136 2.79501 3.57647 2.79634 3.57227 2.79761L3.56348 2.80054L3.56152 2.80152C3.56163 2.80419 3.57406 2.84531 3.78906 3.51636L3.56055 2.80152L3.2207 2.91089L3.09082 3.24292C2.72472 4.18117 2.77327 4.9675 2.88574 5.46851C2.41945 6.10504 2.14648 6.88031 2.14648 7.78003C2.14649 8.97574 2.40791 9.91025 2.87598 10.6228C2.76692 10.5961 2.65215 10.5747 2.53027 10.5662L2.50879 10.5642H2.46289C2.45155 10.5643 2.43701 10.5646 2.41992 10.5652C2.3862 10.5664 2.33899 10.569 2.28516 10.575C2.20712 10.5835 2.00131 10.6093 1.80762 10.7195C1.70282 10.7791 1.53342 10.9016 1.43457 11.1267C1.42275 11.1537 1.41196 11.181 1.40332 11.2078C0.984401 10.291 0.75 9.27198 0.75 8.198C0.75 4.19409 3.99434 0.948 8 0.948ZM4.51855 11.9919C4.75868 12.0994 5.00485 12.1834 5.25098 12.2517C5.17809 12.2603 5.10423 12.266 5.03125 12.2595C4.87853 12.2459 4.69843 12.1922 4.51855 11.9919Z"
|
|
1098
|
+
})
|
|
1099
|
+
}), Vn = {
|
|
1074
1100
|
heading: "_heading_96cdx_1",
|
|
1075
1101
|
h2: "_h2_96cdx_8",
|
|
1076
1102
|
h3: "_h3_96cdx_14"
|
|
1077
|
-
},
|
|
1103
|
+
}, Hn = ({ children: e, level: t = "h2", className: n }) => /* @__PURE__ */ E(t, {
|
|
1078
1104
|
className: [
|
|
1079
|
-
|
|
1080
|
-
|
|
1105
|
+
Vn.heading,
|
|
1106
|
+
Vn[t],
|
|
1081
1107
|
n ?? ""
|
|
1082
1108
|
].filter(Boolean).join(" "),
|
|
1083
1109
|
children: e
|
|
1084
|
-
}),
|
|
1085
|
-
className: [
|
|
1110
|
+
}), Un = { paragraph: "_paragraph_8pqdi_1" }, Wn = ({ children: e, className: t }) => /* @__PURE__ */ E("p", {
|
|
1111
|
+
className: [Un.paragraph, t ?? ""].filter(Boolean).join(" "),
|
|
1086
1112
|
children: e
|
|
1087
|
-
}),
|
|
1113
|
+
}), L = {
|
|
1088
1114
|
rootBordered: "_rootBordered_5cgsj_1",
|
|
1089
1115
|
rail: "_rail_5cgsj_12",
|
|
1090
1116
|
contentHorizontal: "_contentHorizontal_5cgsj_18",
|
|
@@ -1093,45 +1119,103 @@ var Jt = {
|
|
|
1093
1119
|
textVertical: "_textVertical_5cgsj_41",
|
|
1094
1120
|
title: "_title_5cgsj_49",
|
|
1095
1121
|
description: "_description_5cgsj_57"
|
|
1096
|
-
},
|
|
1097
|
-
let o = r === "vertical", s = /* @__PURE__ */
|
|
1098
|
-
className: o ?
|
|
1099
|
-
children: [/* @__PURE__ */
|
|
1122
|
+
}, Gn = ({ icon: e, title: t, description: n, layout: r = "horizontal", leftBorder: i = !1, className: a }) => {
|
|
1123
|
+
let o = r === "vertical", s = /* @__PURE__ */ D("div", {
|
|
1124
|
+
className: o ? L.contentVertical : L.contentHorizontal,
|
|
1125
|
+
children: [/* @__PURE__ */ E(ae, {
|
|
1100
1126
|
icon: e,
|
|
1101
1127
|
size: "sm",
|
|
1102
1128
|
variant: "light"
|
|
1103
|
-
}), /* @__PURE__ */
|
|
1104
|
-
className: o ?
|
|
1105
|
-
children: [/* @__PURE__ */
|
|
1106
|
-
className:
|
|
1129
|
+
}), /* @__PURE__ */ D("div", {
|
|
1130
|
+
className: o ? L.textVertical : L.textHorizontal,
|
|
1131
|
+
children: [/* @__PURE__ */ E("p", {
|
|
1132
|
+
className: L.title,
|
|
1107
1133
|
children: t
|
|
1108
|
-
}), /* @__PURE__ */
|
|
1109
|
-
className:
|
|
1134
|
+
}), /* @__PURE__ */ E("p", {
|
|
1135
|
+
className: L.description,
|
|
1110
1136
|
children: n
|
|
1111
1137
|
})]
|
|
1112
1138
|
})]
|
|
1113
1139
|
});
|
|
1114
|
-
return i ? /* @__PURE__ */
|
|
1115
|
-
className: [
|
|
1116
|
-
children: [/* @__PURE__ */
|
|
1140
|
+
return i ? /* @__PURE__ */ D("div", {
|
|
1141
|
+
className: [L.rootBordered, a ?? ""].filter(Boolean).join(" "),
|
|
1142
|
+
children: [/* @__PURE__ */ E(be, {
|
|
1117
1143
|
orientation: "vertical",
|
|
1118
|
-
className:
|
|
1144
|
+
className: L.rail
|
|
1119
1145
|
}), s]
|
|
1120
|
-
}) :
|
|
1121
|
-
},
|
|
1146
|
+
}) : T.cloneElement(s, { className: [s.props.className, a ?? ""].filter(Boolean).join(" ") });
|
|
1147
|
+
}, Kn = ({ size: e = 16 }) => /* @__PURE__ */ E("svg", {
|
|
1148
|
+
width: e,
|
|
1149
|
+
height: e,
|
|
1150
|
+
viewBox: "0 0 16 16",
|
|
1151
|
+
fill: "none",
|
|
1152
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1153
|
+
"aria-hidden": "true",
|
|
1154
|
+
children: /* @__PURE__ */ E("path", {
|
|
1155
|
+
d: "M11.6667 4.33333H11.6733M4.66667 1.33333H11.3333C13.1743 1.33333 14.6667 2.82572 14.6667 4.66667V11.3333C14.6667 13.1743 13.1743 14.6667 11.3333 14.6667H4.66667C2.82572 14.6667 1.33333 13.1743 1.33333 11.3333V4.66667C1.33333 2.82572 2.82572 1.33333 4.66667 1.33333ZM10.6666 7.58004C10.7489 8.13487 10.6541 8.70152 10.3958 9.19938C10.1375 9.69725 9.72873 10.101 9.22772 10.3532C8.7267 10.6053 8.15893 10.6931 7.60516 10.604C7.05138 10.5149 6.53981 10.2534 6.14319 9.85681C5.74658 9.4602 5.48512 8.94862 5.39601 8.39485C5.3069 7.84107 5.39468 7.2733 5.64685 6.77229C5.89903 6.27127 6.30276 5.86253 6.80062 5.6042C7.29849 5.34587 7.86514 5.2511 8.41997 5.33337C8.98592 5.41729 9.50987 5.68101 9.91443 6.08558C10.319 6.49014 10.5827 7.01409 10.6666 7.58004Z",
|
|
1156
|
+
stroke: "currentColor",
|
|
1157
|
+
strokeWidth: "1.5",
|
|
1158
|
+
strokeLinecap: "round",
|
|
1159
|
+
strokeLinejoin: "round"
|
|
1160
|
+
})
|
|
1161
|
+
}), qn = ({ size: e = 16 }) => /* @__PURE__ */ E("svg", {
|
|
1162
|
+
width: e,
|
|
1163
|
+
height: e,
|
|
1164
|
+
viewBox: "0 0 16 16",
|
|
1165
|
+
fill: "none",
|
|
1166
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1167
|
+
"aria-hidden": "true",
|
|
1168
|
+
children: /* @__PURE__ */ E("path", {
|
|
1169
|
+
d: "M12 1.33333H10C9.11594 1.33333 8.2681 1.68452 7.64298 2.30964C7.01786 2.93477 6.66667 3.78261 6.66667 4.66667V6.66667H4.66667V9.33333H6.66667V14.6667H9.33333V9.33333H11.3333L12 6.66667H9.33333V4.66667C9.33333 4.48986 9.40357 4.32029 9.5286 4.19526C9.65362 4.07024 9.82319 4 10 4H12V1.33333Z",
|
|
1170
|
+
stroke: "currentColor",
|
|
1171
|
+
strokeWidth: "1.5",
|
|
1172
|
+
strokeLinecap: "round",
|
|
1173
|
+
strokeLinejoin: "round"
|
|
1174
|
+
})
|
|
1175
|
+
}), Jn = ({ size: e = 16 }) => /* @__PURE__ */ D("svg", {
|
|
1176
|
+
width: e,
|
|
1177
|
+
height: e,
|
|
1178
|
+
viewBox: "0 0 16 16",
|
|
1179
|
+
fill: "none",
|
|
1180
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1181
|
+
"aria-hidden": "true",
|
|
1182
|
+
children: [
|
|
1183
|
+
/* @__PURE__ */ E("path", {
|
|
1184
|
+
d: "M10.6667 5.33333C11.7275 5.33333 12.7449 5.75476 13.4951 6.50491C14.2452 7.25505 14.6667 8.27247 14.6667 9.33333V14H12V9.33333C12 8.97971 11.8595 8.64057 11.6095 8.39052C11.3594 8.14048 11.0203 8 10.6667 8C10.313 8 9.97391 8.14048 9.72386 8.39052C9.47381 8.64057 9.33333 8.97971 9.33333 9.33333V14H6.66667V9.33333C6.66667 8.27247 7.08809 7.25505 7.83824 6.50491C8.58838 5.75476 9.6058 5.33333 10.6667 5.33333Z",
|
|
1185
|
+
stroke: "currentColor",
|
|
1186
|
+
strokeWidth: "1.5",
|
|
1187
|
+
strokeLinecap: "round",
|
|
1188
|
+
strokeLinejoin: "round"
|
|
1189
|
+
}),
|
|
1190
|
+
/* @__PURE__ */ E("path", {
|
|
1191
|
+
d: "M4 6H1.33333V14H4V6Z",
|
|
1192
|
+
stroke: "currentColor",
|
|
1193
|
+
strokeWidth: "1.5",
|
|
1194
|
+
strokeLinecap: "round",
|
|
1195
|
+
strokeLinejoin: "round"
|
|
1196
|
+
}),
|
|
1197
|
+
/* @__PURE__ */ E("path", {
|
|
1198
|
+
d: "M2.66667 4C3.40305 4 4 3.40305 4 2.66667C4 1.93029 3.40305 1.33333 2.66667 1.33333C1.93029 1.33333 1.33333 1.93029 1.33333 2.66667C1.33333 3.40305 1.93029 4 2.66667 4Z",
|
|
1199
|
+
stroke: "currentColor",
|
|
1200
|
+
strokeWidth: "1.5",
|
|
1201
|
+
strokeLinecap: "round",
|
|
1202
|
+
strokeLinejoin: "round"
|
|
1203
|
+
})
|
|
1204
|
+
]
|
|
1205
|
+
}), Yn = { chart: "_chart_qqaox_2" }, Xn = {
|
|
1122
1206
|
sm: 180,
|
|
1123
1207
|
md: 240,
|
|
1124
1208
|
lg: 320,
|
|
1125
1209
|
xl: 420
|
|
1126
|
-
},
|
|
1127
|
-
let o =
|
|
1128
|
-
return /* @__PURE__ */
|
|
1210
|
+
}, Zn = ({ data: e, variant: t = "default", seriesLabels: n = ["Value", "Value 2"], size: r = "md", height: i, className: a }) => {
|
|
1211
|
+
let o = T.useRef(null), s = Ue(o), c = s("--color-chart-5") ?? "#dca84f", l = s("--color-chart-2") ?? "#5b92dd", u = s("--color-border-subtle") ?? "#e7e5e1", d = s("--color-fg-muted") ?? "#78716a", f = e.some((e) => e.value2 !== void 0), p = t === "step" ? "step" : t === "linear" ? "linear" : "monotone", m = t === "stacked" ? "stack" : void 0;
|
|
1212
|
+
return /* @__PURE__ */ E("div", {
|
|
1129
1213
|
ref: o,
|
|
1130
|
-
className: [
|
|
1131
|
-
children: /* @__PURE__ */
|
|
1214
|
+
className: [Yn.chart, a ?? ""].filter(Boolean).join(" "),
|
|
1215
|
+
children: /* @__PURE__ */ E(Gt, {
|
|
1132
1216
|
width: "100%",
|
|
1133
|
-
height: i ??
|
|
1134
|
-
children: /* @__PURE__ */
|
|
1217
|
+
height: i ?? Xn[r],
|
|
1218
|
+
children: /* @__PURE__ */ D(Mt, {
|
|
1135
1219
|
data: e,
|
|
1136
1220
|
margin: {
|
|
1137
1221
|
top: 8,
|
|
@@ -1140,43 +1224,43 @@ var Jt = {
|
|
|
1140
1224
|
left: 0
|
|
1141
1225
|
},
|
|
1142
1226
|
children: [
|
|
1143
|
-
/* @__PURE__ */
|
|
1227
|
+
/* @__PURE__ */ D("defs", { children: [/* @__PURE__ */ D("linearGradient", {
|
|
1144
1228
|
id: "sakani-area-1",
|
|
1145
1229
|
x1: "0",
|
|
1146
1230
|
y1: "0",
|
|
1147
1231
|
x2: "0",
|
|
1148
1232
|
y2: "1",
|
|
1149
|
-
children: [/* @__PURE__ */
|
|
1233
|
+
children: [/* @__PURE__ */ E("stop", {
|
|
1150
1234
|
offset: "5%",
|
|
1151
1235
|
stopColor: c,
|
|
1152
1236
|
stopOpacity: .35
|
|
1153
|
-
}), /* @__PURE__ */
|
|
1237
|
+
}), /* @__PURE__ */ E("stop", {
|
|
1154
1238
|
offset: "95%",
|
|
1155
1239
|
stopColor: c,
|
|
1156
1240
|
stopOpacity: .02
|
|
1157
1241
|
})]
|
|
1158
|
-
}), /* @__PURE__ */
|
|
1242
|
+
}), /* @__PURE__ */ D("linearGradient", {
|
|
1159
1243
|
id: "sakani-area-2",
|
|
1160
1244
|
x1: "0",
|
|
1161
1245
|
y1: "0",
|
|
1162
1246
|
x2: "0",
|
|
1163
1247
|
y2: "1",
|
|
1164
|
-
children: [/* @__PURE__ */
|
|
1248
|
+
children: [/* @__PURE__ */ E("stop", {
|
|
1165
1249
|
offset: "5%",
|
|
1166
1250
|
stopColor: l,
|
|
1167
1251
|
stopOpacity: .35
|
|
1168
|
-
}), /* @__PURE__ */
|
|
1252
|
+
}), /* @__PURE__ */ E("stop", {
|
|
1169
1253
|
offset: "95%",
|
|
1170
1254
|
stopColor: l,
|
|
1171
1255
|
stopOpacity: .02
|
|
1172
1256
|
})]
|
|
1173
1257
|
})] }),
|
|
1174
|
-
/* @__PURE__ */
|
|
1258
|
+
/* @__PURE__ */ E(Nt, {
|
|
1175
1259
|
strokeDasharray: "3 3",
|
|
1176
1260
|
stroke: u,
|
|
1177
1261
|
vertical: !1
|
|
1178
1262
|
}),
|
|
1179
|
-
/* @__PURE__ */
|
|
1263
|
+
/* @__PURE__ */ E(Jt, {
|
|
1180
1264
|
dataKey: "label",
|
|
1181
1265
|
stroke: d,
|
|
1182
1266
|
fontSize: 12,
|
|
@@ -1184,15 +1268,15 @@ var Jt = {
|
|
|
1184
1268
|
axisLine: !1,
|
|
1185
1269
|
interval: 0
|
|
1186
1270
|
}),
|
|
1187
|
-
/* @__PURE__ */
|
|
1271
|
+
/* @__PURE__ */ E(qt, {
|
|
1188
1272
|
cursor: {
|
|
1189
1273
|
stroke: s("--color-border-default") ?? "#dbdad7",
|
|
1190
1274
|
strokeWidth: 1
|
|
1191
1275
|
},
|
|
1192
|
-
content: /* @__PURE__ */
|
|
1276
|
+
content: /* @__PURE__ */ E(de, {}),
|
|
1193
1277
|
wrapperStyle: { zIndex: 50 }
|
|
1194
1278
|
}),
|
|
1195
|
-
f && /* @__PURE__ */
|
|
1279
|
+
f && /* @__PURE__ */ E(jt, {
|
|
1196
1280
|
type: p,
|
|
1197
1281
|
dataKey: "value2",
|
|
1198
1282
|
name: n[1] ?? "Value 2",
|
|
@@ -1208,7 +1292,7 @@ var Jt = {
|
|
|
1208
1292
|
strokeWidth: 1.5
|
|
1209
1293
|
}
|
|
1210
1294
|
}),
|
|
1211
|
-
/* @__PURE__ */
|
|
1295
|
+
/* @__PURE__ */ E(jt, {
|
|
1212
1296
|
type: p,
|
|
1213
1297
|
dataKey: "value",
|
|
1214
1298
|
name: n[0] ?? "Value",
|
|
@@ -1228,7 +1312,7 @@ var Jt = {
|
|
|
1228
1312
|
})
|
|
1229
1313
|
})
|
|
1230
1314
|
});
|
|
1231
|
-
},
|
|
1315
|
+
}, R = {
|
|
1232
1316
|
col: "_col_1v24u_2",
|
|
1233
1317
|
col__header: "_col__header_1v24u_11",
|
|
1234
1318
|
col__dot: "_col__dot_1v24u_12",
|
|
@@ -1239,67 +1323,67 @@ var Jt = {
|
|
|
1239
1323
|
col__body: "_col__body_1v24u_24",
|
|
1240
1324
|
col__drop: "_col__drop_1v24u_25",
|
|
1241
1325
|
col__add: "_col__add_1v24u_31"
|
|
1242
|
-
},
|
|
1243
|
-
className: [
|
|
1326
|
+
}, Qn = ({ state: e = "default", title: t, count: n, dotColor: r = "var(--color-chart-1)", children: i, onAdd: a, onMenu: o, className: s }) => /* @__PURE__ */ D("div", {
|
|
1327
|
+
className: [R.col, s ?? ""].filter(Boolean).join(" "),
|
|
1244
1328
|
children: [
|
|
1245
|
-
/* @__PURE__ */
|
|
1246
|
-
className:
|
|
1329
|
+
/* @__PURE__ */ D("div", {
|
|
1330
|
+
className: R.col__header,
|
|
1247
1331
|
children: [
|
|
1248
|
-
/* @__PURE__ */
|
|
1249
|
-
className:
|
|
1332
|
+
/* @__PURE__ */ E("span", {
|
|
1333
|
+
className: R.col__dot,
|
|
1250
1334
|
style: { background: r },
|
|
1251
1335
|
"aria-hidden": "true"
|
|
1252
1336
|
}),
|
|
1253
|
-
/* @__PURE__ */
|
|
1254
|
-
className:
|
|
1337
|
+
/* @__PURE__ */ E("span", {
|
|
1338
|
+
className: R.col__title,
|
|
1255
1339
|
children: t
|
|
1256
1340
|
}),
|
|
1257
|
-
n != null && /* @__PURE__ */
|
|
1258
|
-
className:
|
|
1341
|
+
n != null && /* @__PURE__ */ E("span", {
|
|
1342
|
+
className: R.col__count,
|
|
1259
1343
|
children: n
|
|
1260
1344
|
}),
|
|
1261
|
-
/* @__PURE__ */
|
|
1262
|
-
/* @__PURE__ */
|
|
1345
|
+
/* @__PURE__ */ E("span", { className: R.col__spacer }),
|
|
1346
|
+
/* @__PURE__ */ E("button", {
|
|
1263
1347
|
type: "button",
|
|
1264
|
-
className:
|
|
1348
|
+
className: R.col__action,
|
|
1265
1349
|
onClick: a,
|
|
1266
1350
|
"aria-label": "Add task",
|
|
1267
|
-
children: /* @__PURE__ */
|
|
1351
|
+
children: /* @__PURE__ */ E(ct, {
|
|
1268
1352
|
size: 16,
|
|
1269
|
-
strokeWidth:
|
|
1353
|
+
strokeWidth: w(16)
|
|
1270
1354
|
})
|
|
1271
1355
|
}),
|
|
1272
|
-
/* @__PURE__ */
|
|
1356
|
+
/* @__PURE__ */ E("button", {
|
|
1273
1357
|
type: "button",
|
|
1274
|
-
className:
|
|
1358
|
+
className: R.col__action,
|
|
1275
1359
|
onClick: o,
|
|
1276
1360
|
"aria-label": "Column options",
|
|
1277
|
-
children: /* @__PURE__ */
|
|
1361
|
+
children: /* @__PURE__ */ E(yt, {
|
|
1278
1362
|
size: 16,
|
|
1279
|
-
strokeWidth:
|
|
1363
|
+
strokeWidth: w(16)
|
|
1280
1364
|
})
|
|
1281
1365
|
})
|
|
1282
1366
|
]
|
|
1283
1367
|
}),
|
|
1284
|
-
/* @__PURE__ */
|
|
1285
|
-
className:
|
|
1286
|
-
children: e === "empty" ? /* @__PURE__ */
|
|
1287
|
-
className:
|
|
1368
|
+
/* @__PURE__ */ E("div", {
|
|
1369
|
+
className: R.col__body,
|
|
1370
|
+
children: e === "empty" ? /* @__PURE__ */ E("div", {
|
|
1371
|
+
className: R.col__drop,
|
|
1288
1372
|
children: "Drop tasks here"
|
|
1289
1373
|
}) : i
|
|
1290
1374
|
}),
|
|
1291
|
-
/* @__PURE__ */
|
|
1375
|
+
/* @__PURE__ */ D("button", {
|
|
1292
1376
|
type: "button",
|
|
1293
|
-
className:
|
|
1377
|
+
className: R.col__add,
|
|
1294
1378
|
onClick: a,
|
|
1295
|
-
children: [/* @__PURE__ */
|
|
1379
|
+
children: [/* @__PURE__ */ E(ct, {
|
|
1296
1380
|
size: 16,
|
|
1297
|
-
strokeWidth:
|
|
1381
|
+
strokeWidth: w(16),
|
|
1298
1382
|
"aria-hidden": "true"
|
|
1299
1383
|
}), "Add task"]
|
|
1300
1384
|
})
|
|
1301
1385
|
]
|
|
1302
|
-
}),
|
|
1386
|
+
}), z = {
|
|
1303
1387
|
calendar: "_calendar_qvyxg_2",
|
|
1304
1388
|
header: "_header_qvyxg_14",
|
|
1305
1389
|
header__label: "_header__label_qvyxg_15",
|
|
@@ -1317,7 +1401,7 @@ var Jt = {
|
|
|
1317
1401
|
"day--disabled": "_day--disabled_qvyxg_55",
|
|
1318
1402
|
dropdowns: "_dropdowns_qvyxg_58",
|
|
1319
1403
|
dropdown: "_dropdown_qvyxg_58"
|
|
1320
|
-
},
|
|
1404
|
+
}, $n = [
|
|
1321
1405
|
"Su",
|
|
1322
1406
|
"Mo",
|
|
1323
1407
|
"Tu",
|
|
@@ -1325,7 +1409,7 @@ var Jt = {
|
|
|
1325
1409
|
"Th",
|
|
1326
1410
|
"Fr",
|
|
1327
1411
|
"Sa"
|
|
1328
|
-
],
|
|
1412
|
+
], er = [
|
|
1329
1413
|
"January",
|
|
1330
1414
|
"February",
|
|
1331
1415
|
"March",
|
|
@@ -1338,19 +1422,19 @@ var Jt = {
|
|
|
1338
1422
|
"October",
|
|
1339
1423
|
"November",
|
|
1340
1424
|
"December"
|
|
1341
|
-
],
|
|
1342
|
-
let [u, d] =
|
|
1425
|
+
], tr = (e, t) => !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), nr = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), rr = ({ mode: e = "single", value: t, onChange: n, range: r, onRangeChange: i, headerType: a = "arrows", defaultMonth: o, minDate: s, maxDate: c, className: l }) => {
|
|
1426
|
+
let [u, d] = T.useState(() => {
|
|
1343
1427
|
let e = o ?? t ?? r?.from ?? /* @__PURE__ */ new Date();
|
|
1344
1428
|
return new Date(e.getFullYear(), e.getMonth(), 1);
|
|
1345
|
-
}), [f, p] =
|
|
1429
|
+
}), [f, p] = T.useState({}), m = _(), h = r === void 0 ? f : r, g = /* @__PURE__ */ new Date(), v = u.getFullYear(), y = u.getMonth(), b = new Date(v, y, 1).getDay(), x = new Date(v, y, 1 - b), ee = Array.from({ length: 42 }, (e, t) => new Date(x.getFullYear(), x.getMonth(), x.getDate() + t)), te = (e) => s && e < nr(s) || c && e > c, S = (e) => {
|
|
1346
1430
|
r === void 0 && p(e), i?.(e);
|
|
1347
|
-
},
|
|
1431
|
+
}, ne = (t) => {
|
|
1348
1432
|
if (e === "single") {
|
|
1349
1433
|
n?.(t);
|
|
1350
1434
|
return;
|
|
1351
1435
|
}
|
|
1352
1436
|
let { from: r, to: i } = h;
|
|
1353
|
-
|
|
1437
|
+
S(!r || r && i ? {
|
|
1354
1438
|
from: t,
|
|
1355
1439
|
to: void 0
|
|
1356
1440
|
} : t < r ? {
|
|
@@ -1360,91 +1444,91 @@ var Jt = {
|
|
|
1360
1444
|
from: r,
|
|
1361
1445
|
to: t
|
|
1362
1446
|
});
|
|
1363
|
-
},
|
|
1364
|
-
if (
|
|
1447
|
+
}, re = (n) => {
|
|
1448
|
+
if (te(n)) return "disabled";
|
|
1365
1449
|
if (e === "single") {
|
|
1366
|
-
if (
|
|
1450
|
+
if (tr(n, t)) return "selected";
|
|
1367
1451
|
} else {
|
|
1368
1452
|
let { from: e, to: t } = h;
|
|
1369
|
-
if (
|
|
1453
|
+
if (tr(n, e) || tr(n, t)) return "selected";
|
|
1370
1454
|
if (e && t && n > e && n < t) return "in-range";
|
|
1371
1455
|
}
|
|
1372
|
-
return n.getMonth() === y ?
|
|
1373
|
-
},
|
|
1374
|
-
return /* @__PURE__ */
|
|
1375
|
-
className: [
|
|
1456
|
+
return n.getMonth() === y ? tr(n, g) ? "today" : "default" : "outside";
|
|
1457
|
+
}, ie = s ? s.getFullYear() : v - 10, ae = c ? c.getFullYear() : v + 10, oe = Array.from({ length: ae - ie + 1 }, (e, t) => ie + t);
|
|
1458
|
+
return /* @__PURE__ */ D("div", {
|
|
1459
|
+
className: [z.calendar, l ?? ""].filter(Boolean).join(" "),
|
|
1376
1460
|
children: [
|
|
1377
|
-
/* @__PURE__ */
|
|
1378
|
-
className:
|
|
1461
|
+
/* @__PURE__ */ D("div", {
|
|
1462
|
+
className: z.header,
|
|
1379
1463
|
children: [
|
|
1380
|
-
/* @__PURE__ */
|
|
1464
|
+
/* @__PURE__ */ E("button", {
|
|
1381
1465
|
type: "button",
|
|
1382
|
-
className:
|
|
1466
|
+
className: z.navBtn,
|
|
1383
1467
|
onClick: () => d(new Date(v, y - 1, 1)),
|
|
1384
1468
|
"aria-label": "Previous month",
|
|
1385
|
-
children: /* @__PURE__ */
|
|
1469
|
+
children: /* @__PURE__ */ E(_t, {
|
|
1386
1470
|
size: 16,
|
|
1387
|
-
strokeWidth:
|
|
1471
|
+
strokeWidth: w(16)
|
|
1388
1472
|
})
|
|
1389
1473
|
}),
|
|
1390
|
-
a === "dropdowns" ? /* @__PURE__ */
|
|
1391
|
-
className:
|
|
1392
|
-
children: [/* @__PURE__ */
|
|
1393
|
-
className:
|
|
1474
|
+
a === "dropdowns" ? /* @__PURE__ */ D("span", {
|
|
1475
|
+
className: z.dropdowns,
|
|
1476
|
+
children: [/* @__PURE__ */ E("select", {
|
|
1477
|
+
className: z.dropdown,
|
|
1394
1478
|
value: y,
|
|
1395
1479
|
onChange: (e) => d(new Date(v, Number(e.target.value), 1)),
|
|
1396
1480
|
"aria-label": "Month",
|
|
1397
|
-
children:
|
|
1481
|
+
children: er.map((e, t) => /* @__PURE__ */ E("option", {
|
|
1398
1482
|
value: t,
|
|
1399
1483
|
children: e
|
|
1400
1484
|
}, e))
|
|
1401
|
-
}), /* @__PURE__ */
|
|
1402
|
-
className:
|
|
1485
|
+
}), /* @__PURE__ */ E("select", {
|
|
1486
|
+
className: z.dropdown,
|
|
1403
1487
|
value: v,
|
|
1404
1488
|
onChange: (e) => d(new Date(Number(e.target.value), y, 1)),
|
|
1405
1489
|
"aria-label": "Year",
|
|
1406
|
-
children:
|
|
1490
|
+
children: oe.map((e) => /* @__PURE__ */ E("option", {
|
|
1407
1491
|
value: e,
|
|
1408
1492
|
children: e
|
|
1409
1493
|
}, e))
|
|
1410
1494
|
})]
|
|
1411
|
-
}) : /* @__PURE__ */
|
|
1412
|
-
className:
|
|
1495
|
+
}) : /* @__PURE__ */ D("span", {
|
|
1496
|
+
className: z.header__label,
|
|
1413
1497
|
children: [
|
|
1414
|
-
|
|
1498
|
+
er[y],
|
|
1415
1499
|
" ",
|
|
1416
1500
|
v
|
|
1417
1501
|
]
|
|
1418
1502
|
}),
|
|
1419
|
-
/* @__PURE__ */
|
|
1503
|
+
/* @__PURE__ */ E("button", {
|
|
1420
1504
|
type: "button",
|
|
1421
|
-
className:
|
|
1505
|
+
className: z.navBtn,
|
|
1422
1506
|
onClick: () => d(new Date(v, y + 1, 1)),
|
|
1423
1507
|
"aria-label": "Next month",
|
|
1424
|
-
children: /* @__PURE__ */
|
|
1508
|
+
children: /* @__PURE__ */ E(lt, {
|
|
1425
1509
|
size: 16,
|
|
1426
|
-
strokeWidth:
|
|
1510
|
+
strokeWidth: w(16)
|
|
1427
1511
|
})
|
|
1428
1512
|
})
|
|
1429
1513
|
]
|
|
1430
1514
|
}),
|
|
1431
|
-
/* @__PURE__ */
|
|
1432
|
-
className:
|
|
1433
|
-
children:
|
|
1434
|
-
className:
|
|
1515
|
+
/* @__PURE__ */ E("div", {
|
|
1516
|
+
className: z.weekdays,
|
|
1517
|
+
children: $n.map((e) => /* @__PURE__ */ E("span", {
|
|
1518
|
+
className: z.weekday,
|
|
1435
1519
|
children: e
|
|
1436
1520
|
}, e))
|
|
1437
1521
|
}),
|
|
1438
|
-
/* @__PURE__ */
|
|
1522
|
+
/* @__PURE__ */ D("div", {
|
|
1439
1523
|
ref: m.ref,
|
|
1440
1524
|
...m.groupProps,
|
|
1441
|
-
className:
|
|
1525
|
+
className: z.grid,
|
|
1442
1526
|
children: [m.highlight, ee.map((e, t) => {
|
|
1443
|
-
let n =
|
|
1444
|
-
return /* @__PURE__ */
|
|
1527
|
+
let n = re(e);
|
|
1528
|
+
return /* @__PURE__ */ E("button", {
|
|
1445
1529
|
type: "button",
|
|
1446
1530
|
"data-hover-item": "",
|
|
1447
|
-
className: [
|
|
1531
|
+
className: [z.day, z[`day--${n}`]].filter(Boolean).join(" "),
|
|
1448
1532
|
disabled: n === "disabled",
|
|
1449
1533
|
"aria-current": n === "today" ? "date" : void 0,
|
|
1450
1534
|
"aria-selected": n === "selected",
|
|
@@ -1454,14 +1538,14 @@ var Jt = {
|
|
|
1454
1538
|
month: "long",
|
|
1455
1539
|
day: "numeric"
|
|
1456
1540
|
}),
|
|
1457
|
-
onClick: () =>
|
|
1541
|
+
onClick: () => ne(e),
|
|
1458
1542
|
children: e.getDate()
|
|
1459
1543
|
}, t);
|
|
1460
1544
|
})]
|
|
1461
1545
|
})
|
|
1462
1546
|
]
|
|
1463
1547
|
});
|
|
1464
|
-
},
|
|
1548
|
+
}, B = {
|
|
1465
1549
|
card: "_card_1qpcc_3",
|
|
1466
1550
|
"card--interactive": "_card--interactive_1qpcc_22",
|
|
1467
1551
|
card__header: "_card__header_1qpcc_30",
|
|
@@ -1471,39 +1555,39 @@ var Jt = {
|
|
|
1471
1555
|
card__actions: "_card__actions_1qpcc_57",
|
|
1472
1556
|
"card__actions--split": "_card__actions--split_1qpcc_66",
|
|
1473
1557
|
card__actionsGroup: "_card__actionsGroup_1qpcc_67"
|
|
1474
|
-
},
|
|
1558
|
+
}, ir = ({ title: e, description: t, actions: n, leadingAction: r, interactive: i, children: a, className: o }) => /* @__PURE__ */ D("div", {
|
|
1475
1559
|
className: [
|
|
1476
|
-
|
|
1477
|
-
i ?
|
|
1560
|
+
B.card,
|
|
1561
|
+
i ? B["card--interactive"] : "",
|
|
1478
1562
|
o ?? ""
|
|
1479
1563
|
].filter(Boolean).join(" "),
|
|
1480
1564
|
children: [
|
|
1481
|
-
(e || t) && /* @__PURE__ */
|
|
1482
|
-
className:
|
|
1483
|
-
children: [e && /* @__PURE__ */
|
|
1484
|
-
className:
|
|
1565
|
+
(e || t) && /* @__PURE__ */ D("div", {
|
|
1566
|
+
className: B.card__header,
|
|
1567
|
+
children: [e && /* @__PURE__ */ E("h3", {
|
|
1568
|
+
className: B.card__title,
|
|
1485
1569
|
children: e
|
|
1486
|
-
}), t && /* @__PURE__ */
|
|
1487
|
-
className:
|
|
1570
|
+
}), t && /* @__PURE__ */ E("p", {
|
|
1571
|
+
className: B.card__description,
|
|
1488
1572
|
children: t
|
|
1489
1573
|
})]
|
|
1490
1574
|
}),
|
|
1491
|
-
a && /* @__PURE__ */
|
|
1492
|
-
className:
|
|
1575
|
+
a && /* @__PURE__ */ E("div", {
|
|
1576
|
+
className: B.card__body,
|
|
1493
1577
|
children: a
|
|
1494
1578
|
}),
|
|
1495
|
-
(n || r) && (r ? /* @__PURE__ */
|
|
1496
|
-
className: [
|
|
1497
|
-
children: [r, /* @__PURE__ */
|
|
1498
|
-
className:
|
|
1579
|
+
(n || r) && (r ? /* @__PURE__ */ D("div", {
|
|
1580
|
+
className: [B.card__actions, B["card__actions--split"]].join(" "),
|
|
1581
|
+
children: [r, /* @__PURE__ */ E("div", {
|
|
1582
|
+
className: B.card__actionsGroup,
|
|
1499
1583
|
children: n
|
|
1500
1584
|
})]
|
|
1501
|
-
}) : /* @__PURE__ */
|
|
1502
|
-
className:
|
|
1585
|
+
}) : /* @__PURE__ */ E("div", {
|
|
1586
|
+
className: B.card__actions,
|
|
1503
1587
|
children: n
|
|
1504
1588
|
}))
|
|
1505
1589
|
]
|
|
1506
|
-
}),
|
|
1590
|
+
}), V = {
|
|
1507
1591
|
field: "_field_1oby0_7",
|
|
1508
1592
|
field__label: "_field__label_1oby0_8",
|
|
1509
1593
|
field__description: "_field__description_1oby0_9",
|
|
@@ -1544,144 +1628,144 @@ var Jt = {
|
|
|
1544
1628
|
panel__loading: "_panel__loading_1oby0_255",
|
|
1545
1629
|
panel__spinner: "_panel__spinner_1oby0_259",
|
|
1546
1630
|
"sakani-cb-spin": "_sakani-cb-spin_1oby0_1"
|
|
1547
|
-
},
|
|
1548
|
-
let f =
|
|
1549
|
-
|
|
1631
|
+
}, ar = ({ options: e, mode: t = "single", size: n = "md", label: r, description: i, error: a, placeholder: o = "Select...", disabled: s, loading: c, value: l, onChange: u, className: d }) => {
|
|
1632
|
+
let f = T.useId(), [p, m] = T.useState(!1), [h, g] = T.useState(!1), [_, v] = T.useState(0), y = T.useRef(null), b = e;
|
|
1633
|
+
T.useEffect(() => {
|
|
1550
1634
|
p && g(!0);
|
|
1551
1635
|
}, [p]);
|
|
1552
|
-
let x =
|
|
1553
|
-
|
|
1636
|
+
let x = T.useRef({}), ee = T.useRef(null), [te, S] = T.useState(null), [ne, re] = T.useState(!1);
|
|
1637
|
+
T.useLayoutEffect(() => {
|
|
1554
1638
|
let e = x.current[_];
|
|
1555
1639
|
if (!e) {
|
|
1556
|
-
|
|
1640
|
+
S(null);
|
|
1557
1641
|
return;
|
|
1558
1642
|
}
|
|
1559
|
-
|
|
1643
|
+
S({
|
|
1560
1644
|
top: e.offsetTop,
|
|
1561
1645
|
height: e.offsetHeight
|
|
1562
1646
|
});
|
|
1563
|
-
}, [_, b.length]),
|
|
1647
|
+
}, [_, b.length]), T.useLayoutEffect(() => {
|
|
1564
1648
|
if (!h) {
|
|
1565
|
-
|
|
1649
|
+
re(!1);
|
|
1566
1650
|
return;
|
|
1567
1651
|
}
|
|
1568
|
-
|
|
1569
|
-
let e = window.requestAnimationFrame(() =>
|
|
1652
|
+
re(!1);
|
|
1653
|
+
let e = window.requestAnimationFrame(() => re(!0));
|
|
1570
1654
|
return () => window.cancelAnimationFrame(e);
|
|
1571
|
-
}, [h]),
|
|
1655
|
+
}, [h]), T.useEffect(() => {
|
|
1572
1656
|
if (!ee.current) return;
|
|
1573
1657
|
let e = new ResizeObserver(() => {
|
|
1574
1658
|
let e = x.current[_];
|
|
1575
|
-
e &&
|
|
1659
|
+
e && S({
|
|
1576
1660
|
top: e.offsetTop,
|
|
1577
1661
|
height: e.offsetHeight
|
|
1578
1662
|
});
|
|
1579
1663
|
});
|
|
1580
1664
|
return e.observe(ee.current), () => e.disconnect();
|
|
1581
1665
|
}, [h]);
|
|
1582
|
-
let [
|
|
1666
|
+
let [ie, ae] = T.useState(t === "multi" ? [] : ""), oe = l === void 0 ? ie : l, C = Array.isArray(oe) ? oe : oe ? [oe] : [], [se, ce] = T.useState(() => C.map((e) => ({
|
|
1583
1667
|
value: e,
|
|
1584
1668
|
leaving: !1
|
|
1585
|
-
}))),
|
|
1586
|
-
|
|
1587
|
-
|
|
1669
|
+
}))), le = C.join("\0");
|
|
1670
|
+
T.useLayoutEffect(() => {
|
|
1671
|
+
ce((e) => {
|
|
1588
1672
|
let t = e.map((e) => ({
|
|
1589
1673
|
value: e.value,
|
|
1590
|
-
leaving: !
|
|
1674
|
+
leaving: !C.includes(e.value)
|
|
1591
1675
|
}));
|
|
1592
|
-
for (let e of
|
|
1676
|
+
for (let e of C) t.some((t) => t.value === e) || t.push({
|
|
1593
1677
|
value: e,
|
|
1594
1678
|
leaving: !1
|
|
1595
1679
|
});
|
|
1596
1680
|
return t;
|
|
1597
1681
|
});
|
|
1598
|
-
}, [
|
|
1599
|
-
let
|
|
1600
|
-
|
|
1682
|
+
}, [le]);
|
|
1683
|
+
let ue = (e) => ce((t) => t.filter((t) => !(t.value === e && t.leaving))), de = !!a;
|
|
1684
|
+
T.useEffect(() => {
|
|
1601
1685
|
let e = (e) => {
|
|
1602
1686
|
y.current && !y.current.contains(e.target) && m(!1);
|
|
1603
1687
|
};
|
|
1604
1688
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
1605
1689
|
}, []);
|
|
1606
|
-
let
|
|
1607
|
-
l === void 0 &&
|
|
1608
|
-
},
|
|
1690
|
+
let fe = (e) => {
|
|
1691
|
+
l === void 0 && ae(e), u?.(e);
|
|
1692
|
+
}, pe = (e) => {
|
|
1609
1693
|
if (!e.disabled) if (t === "multi") {
|
|
1610
|
-
let t = new Set(
|
|
1611
|
-
t.has(e.value) ? t.delete(e.value) : t.add(e.value),
|
|
1612
|
-
} else
|
|
1613
|
-
},
|
|
1614
|
-
s || (e.key === "ArrowDown" ? (e.preventDefault(), m(!0), v((e) => Math.min(e + 1, b.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), v((e) => Math.max(e - 1, 0))) : e.key === "Enter" ? (e.preventDefault(), p && b[_] ?
|
|
1615
|
-
},
|
|
1616
|
-
return /* @__PURE__ */
|
|
1617
|
-
className: [
|
|
1694
|
+
let t = new Set(C);
|
|
1695
|
+
t.has(e.value) ? t.delete(e.value) : t.add(e.value), fe([...t]);
|
|
1696
|
+
} else fe(e.value), m(!1);
|
|
1697
|
+
}, me = (t) => e.find((e) => e.value === t)?.label ?? t, he = C.length ? me(C[0]) : "", ge = (e) => {
|
|
1698
|
+
s || (e.key === "ArrowDown" ? (e.preventDefault(), m(!0), v((e) => Math.min(e + 1, b.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), v((e) => Math.max(e - 1, 0))) : e.key === "Enter" ? (e.preventDefault(), p && b[_] ? pe(b[_]) : m(!0)) : e.key === "Escape" && m(!1));
|
|
1699
|
+
}, _e = s ? "disabled" : de ? "error" : p ? "open" : "default";
|
|
1700
|
+
return /* @__PURE__ */ D("div", {
|
|
1701
|
+
className: [V.field, d ?? ""].filter(Boolean).join(" "),
|
|
1618
1702
|
ref: y,
|
|
1619
1703
|
children: [
|
|
1620
|
-
r && /* @__PURE__ */
|
|
1704
|
+
r && /* @__PURE__ */ E("label", {
|
|
1621
1705
|
htmlFor: `${f}-trigger`,
|
|
1622
|
-
className:
|
|
1706
|
+
className: V.field__label,
|
|
1623
1707
|
children: r
|
|
1624
1708
|
}),
|
|
1625
|
-
/* @__PURE__ */
|
|
1709
|
+
/* @__PURE__ */ D("div", {
|
|
1626
1710
|
id: `${f}-trigger`,
|
|
1627
1711
|
role: "combobox",
|
|
1628
1712
|
tabIndex: s ? -1 : 0,
|
|
1629
1713
|
"aria-haspopup": "listbox",
|
|
1630
1714
|
"aria-expanded": p,
|
|
1631
1715
|
"aria-controls": `${f}-panel`,
|
|
1632
|
-
"aria-invalid":
|
|
1716
|
+
"aria-invalid": de || void 0,
|
|
1633
1717
|
"aria-disabled": s || void 0,
|
|
1634
1718
|
"aria-activedescendant": p && b[_] ? `${f}-opt-${_}` : void 0,
|
|
1635
1719
|
className: [
|
|
1636
|
-
|
|
1637
|
-
|
|
1638
|
-
|
|
1720
|
+
V.control,
|
|
1721
|
+
V[`control--${n}`],
|
|
1722
|
+
V[`control--${_e}`]
|
|
1639
1723
|
].join(" "),
|
|
1640
1724
|
onClick: () => !s && m((e) => !e),
|
|
1641
|
-
onKeyDown:
|
|
1725
|
+
onKeyDown: ge,
|
|
1642
1726
|
children: [
|
|
1643
|
-
t === "multi" &&
|
|
1644
|
-
className:
|
|
1645
|
-
children:
|
|
1646
|
-
className: [
|
|
1727
|
+
t === "multi" && se.length > 0 && /* @__PURE__ */ E("div", {
|
|
1728
|
+
className: V.chips,
|
|
1729
|
+
children: se.map(({ value: t, leaving: n }) => /* @__PURE__ */ D("span", {
|
|
1730
|
+
className: [V.chip, n ? V["chip--leaving"] : ""].filter(Boolean).join(" "),
|
|
1647
1731
|
"aria-hidden": n || void 0,
|
|
1648
|
-
onAnimationEnd: n ? () =>
|
|
1649
|
-
children: [
|
|
1732
|
+
onAnimationEnd: n ? () => ue(t) : void 0,
|
|
1733
|
+
children: [me(t), /* @__PURE__ */ E("button", {
|
|
1650
1734
|
type: "button",
|
|
1651
|
-
className:
|
|
1735
|
+
className: V.chip__remove,
|
|
1652
1736
|
tabIndex: n ? -1 : void 0,
|
|
1653
1737
|
onClick: (n) => {
|
|
1654
|
-
n.stopPropagation(),
|
|
1738
|
+
n.stopPropagation(), pe(e.find((e) => e.value === t));
|
|
1655
1739
|
},
|
|
1656
|
-
"aria-label": `Remove ${
|
|
1740
|
+
"aria-label": `Remove ${me(t)}`,
|
|
1657
1741
|
children: "×"
|
|
1658
1742
|
})]
|
|
1659
1743
|
}, t))
|
|
1660
1744
|
}),
|
|
1661
|
-
!(t === "multi" &&
|
|
1662
|
-
className: [
|
|
1663
|
-
children: t === "single" &&
|
|
1745
|
+
!(t === "multi" && se.length > 0) && /* @__PURE__ */ E("span", {
|
|
1746
|
+
className: [V.control__value, t === "single" && he ? "" : V["control__value--placeholder"]].filter(Boolean).join(" "),
|
|
1747
|
+
children: t === "single" && he ? he : o
|
|
1664
1748
|
}),
|
|
1665
|
-
/* @__PURE__ */
|
|
1666
|
-
className: [
|
|
1749
|
+
/* @__PURE__ */ E("span", {
|
|
1750
|
+
className: [V.control__chevron, p ? V["control__chevron--open"] : ""].join(" "),
|
|
1667
1751
|
"aria-hidden": "true",
|
|
1668
|
-
children: /* @__PURE__ */
|
|
1752
|
+
children: /* @__PURE__ */ E("svg", {
|
|
1669
1753
|
width: 16,
|
|
1670
1754
|
height: 16,
|
|
1671
1755
|
viewBox: "0 0 24 24",
|
|
1672
1756
|
fill: "none",
|
|
1673
1757
|
stroke: "currentColor",
|
|
1674
|
-
strokeWidth:
|
|
1758
|
+
strokeWidth: w(16),
|
|
1675
1759
|
strokeLinecap: "round",
|
|
1676
1760
|
strokeLinejoin: "round",
|
|
1677
|
-
children: /* @__PURE__ */
|
|
1761
|
+
children: /* @__PURE__ */ E("path", { d: "m6 9 6 6 6-6" })
|
|
1678
1762
|
})
|
|
1679
1763
|
})
|
|
1680
1764
|
]
|
|
1681
1765
|
}),
|
|
1682
|
-
h && !s && /* @__PURE__ */
|
|
1766
|
+
h && !s && /* @__PURE__ */ E("div", {
|
|
1683
1767
|
ref: ee,
|
|
1684
|
-
className: [
|
|
1768
|
+
className: [V.panel, p ? V["panel--entering"] : V["panel--exiting"]].filter(Boolean).join(" "),
|
|
1685
1769
|
id: `${f}-panel`,
|
|
1686
1770
|
role: "listbox",
|
|
1687
1771
|
"aria-multiselectable": t === "multi" || void 0,
|
|
@@ -1689,25 +1773,25 @@ var Jt = {
|
|
|
1689
1773
|
onAnimationEnd: () => {
|
|
1690
1774
|
p || g(!1);
|
|
1691
1775
|
},
|
|
1692
|
-
children: c ? /* @__PURE__ */
|
|
1693
|
-
className:
|
|
1694
|
-
children: [/* @__PURE__ */
|
|
1695
|
-
className:
|
|
1776
|
+
children: c ? /* @__PURE__ */ D("div", {
|
|
1777
|
+
className: V.panel__loading,
|
|
1778
|
+
children: [/* @__PURE__ */ E("span", {
|
|
1779
|
+
className: V.panel__spinner,
|
|
1696
1780
|
"aria-hidden": "true"
|
|
1697
1781
|
}), "Loading…"]
|
|
1698
|
-
}) : b.length === 0 ? /* @__PURE__ */
|
|
1699
|
-
className:
|
|
1782
|
+
}) : b.length === 0 ? /* @__PURE__ */ E("div", {
|
|
1783
|
+
className: V.panel__empty,
|
|
1700
1784
|
children: "No options available"
|
|
1701
|
-
}) : /* @__PURE__ */
|
|
1785
|
+
}) : /* @__PURE__ */ D(At, { children: [te && /* @__PURE__ */ E("span", {
|
|
1702
1786
|
"aria-hidden": "true",
|
|
1703
|
-
className: [
|
|
1787
|
+
className: [V.optionHighlight, ne ? V["optionHighlight--animated"] : ""].filter(Boolean).join(" "),
|
|
1704
1788
|
style: {
|
|
1705
|
-
transform: `translateY(${
|
|
1706
|
-
height:
|
|
1789
|
+
transform: `translateY(${te.top}px)`,
|
|
1790
|
+
height: te.height
|
|
1707
1791
|
}
|
|
1708
1792
|
}), b.map((e, n) => {
|
|
1709
|
-
let r =
|
|
1710
|
-
return /* @__PURE__ */
|
|
1793
|
+
let r = C.includes(e.value);
|
|
1794
|
+
return /* @__PURE__ */ D("div", {
|
|
1711
1795
|
ref: (e) => {
|
|
1712
1796
|
x.current[n] = e;
|
|
1713
1797
|
},
|
|
@@ -1715,43 +1799,43 @@ var Jt = {
|
|
|
1715
1799
|
role: "option",
|
|
1716
1800
|
"aria-selected": r,
|
|
1717
1801
|
className: [
|
|
1718
|
-
|
|
1719
|
-
r && t === "single" ?
|
|
1720
|
-
e.disabled ?
|
|
1802
|
+
V.option,
|
|
1803
|
+
r && t === "single" ? V["option--selected"] : "",
|
|
1804
|
+
e.disabled ? V["option--disabled"] : ""
|
|
1721
1805
|
].filter(Boolean).join(" "),
|
|
1722
1806
|
onMouseEnter: () => {
|
|
1723
1807
|
e.disabled || v(n);
|
|
1724
1808
|
},
|
|
1725
|
-
onClick: () =>
|
|
1809
|
+
onClick: () => pe(e),
|
|
1726
1810
|
children: [
|
|
1727
|
-
t === "multi" && /* @__PURE__ */
|
|
1728
|
-
className: [
|
|
1811
|
+
t === "multi" && /* @__PURE__ */ E("span", {
|
|
1812
|
+
className: [V.option__box, r ? V["option__box--checked"] : ""].filter(Boolean).join(" "),
|
|
1729
1813
|
"aria-hidden": "true",
|
|
1730
|
-
children: /* @__PURE__ */
|
|
1814
|
+
children: /* @__PURE__ */ E("svg", {
|
|
1731
1815
|
width: 12,
|
|
1732
1816
|
height: 12,
|
|
1733
1817
|
viewBox: "0 0 24 24",
|
|
1734
1818
|
fill: "none",
|
|
1735
1819
|
stroke: "currentColor",
|
|
1736
|
-
strokeWidth:
|
|
1820
|
+
strokeWidth: w(12),
|
|
1737
1821
|
strokeLinecap: "round",
|
|
1738
1822
|
strokeLinejoin: "round",
|
|
1739
|
-
children: /* @__PURE__ */
|
|
1823
|
+
children: /* @__PURE__ */ E("polyline", { points: "20 6 9 17 4 12" })
|
|
1740
1824
|
})
|
|
1741
1825
|
}),
|
|
1742
|
-
e.icon && /* @__PURE__ */
|
|
1743
|
-
className:
|
|
1826
|
+
e.icon && /* @__PURE__ */ E("span", {
|
|
1827
|
+
className: V.option__icon,
|
|
1744
1828
|
"aria-hidden": "true",
|
|
1745
1829
|
children: e.icon
|
|
1746
1830
|
}),
|
|
1747
|
-
/* @__PURE__ */
|
|
1748
|
-
className:
|
|
1831
|
+
/* @__PURE__ */ E("span", {
|
|
1832
|
+
className: V.option__label,
|
|
1749
1833
|
children: e.label
|
|
1750
1834
|
}),
|
|
1751
|
-
r && t === "single" && /* @__PURE__ */
|
|
1752
|
-
className:
|
|
1835
|
+
r && t === "single" && /* @__PURE__ */ E("span", {
|
|
1836
|
+
className: V.option__check,
|
|
1753
1837
|
"aria-hidden": "true",
|
|
1754
|
-
children: /* @__PURE__ */
|
|
1838
|
+
children: /* @__PURE__ */ E("svg", {
|
|
1755
1839
|
width: 16,
|
|
1756
1840
|
height: 16,
|
|
1757
1841
|
viewBox: "0 0 24 24",
|
|
@@ -1760,20 +1844,20 @@ var Jt = {
|
|
|
1760
1844
|
strokeWidth: 2,
|
|
1761
1845
|
strokeLinecap: "round",
|
|
1762
1846
|
strokeLinejoin: "round",
|
|
1763
|
-
children: /* @__PURE__ */
|
|
1847
|
+
children: /* @__PURE__ */ E("polyline", { points: "20 6 9 17 4 12" })
|
|
1764
1848
|
})
|
|
1765
1849
|
})
|
|
1766
1850
|
]
|
|
1767
1851
|
}, e.value);
|
|
1768
1852
|
})] })
|
|
1769
1853
|
}),
|
|
1770
|
-
(i || a) && /* @__PURE__ */
|
|
1771
|
-
className:
|
|
1854
|
+
(i || a) && /* @__PURE__ */ E("span", {
|
|
1855
|
+
className: de ? V.field__error : V.field__description,
|
|
1772
1856
|
children: a || i
|
|
1773
1857
|
})
|
|
1774
1858
|
]
|
|
1775
1859
|
});
|
|
1776
|
-
},
|
|
1860
|
+
}, H = {
|
|
1777
1861
|
wrap: "_wrap_1j16e_2",
|
|
1778
1862
|
dropzone: "_dropzone_1j16e_4",
|
|
1779
1863
|
"dropzone--dragging": "_dropzone--dragging_1j16e_21",
|
|
@@ -1787,18 +1871,18 @@ var Jt = {
|
|
|
1787
1871
|
file__icon: "_file__icon_1j16e_45",
|
|
1788
1872
|
file__name: "_file__name_1j16e_46",
|
|
1789
1873
|
file__remove: "_file__remove_1j16e_47"
|
|
1790
|
-
},
|
|
1791
|
-
let a =
|
|
1874
|
+
}, or = ({ accept: e, multiple: t, hint: n = "SVG, PNG, JPG or PDF (max. 2MB)", onFilesChange: r, className: i }) => {
|
|
1875
|
+
let a = T.useRef(null), [o, s] = T.useState(!1), [c, l] = T.useState([]), u = (e) => {
|
|
1792
1876
|
l(e), r?.(e);
|
|
1793
1877
|
}, d = (e) => {
|
|
1794
1878
|
if (!e) return;
|
|
1795
1879
|
let n = Array.from(e);
|
|
1796
1880
|
u(t ? [...c, ...n] : n.slice(0, 1));
|
|
1797
1881
|
}, f = (e) => u(c.filter((t, n) => n !== e));
|
|
1798
|
-
return /* @__PURE__ */
|
|
1799
|
-
className: [
|
|
1800
|
-
children: [/* @__PURE__ */
|
|
1801
|
-
className: [
|
|
1882
|
+
return /* @__PURE__ */ D("div", {
|
|
1883
|
+
className: [H.wrap, i ?? ""].filter(Boolean).join(" "),
|
|
1884
|
+
children: [/* @__PURE__ */ D("div", {
|
|
1885
|
+
className: [H.dropzone, o ? H["dropzone--dragging"] : ""].filter(Boolean).join(" "),
|
|
1802
1886
|
onClick: () => a.current?.click(),
|
|
1803
1887
|
onDragOver: (e) => {
|
|
1804
1888
|
e.preventDefault(), s(!0);
|
|
@@ -1813,66 +1897,66 @@ var Jt = {
|
|
|
1813
1897
|
(e.key === "Enter" || e.key === " ") && a.current?.click();
|
|
1814
1898
|
},
|
|
1815
1899
|
children: [
|
|
1816
|
-
/* @__PURE__ */
|
|
1817
|
-
className:
|
|
1900
|
+
/* @__PURE__ */ E("span", {
|
|
1901
|
+
className: H.dropzone__icon,
|
|
1818
1902
|
"aria-hidden": "true",
|
|
1819
|
-
children: /* @__PURE__ */
|
|
1903
|
+
children: /* @__PURE__ */ E(ft, {
|
|
1820
1904
|
size: 22,
|
|
1821
|
-
strokeWidth:
|
|
1905
|
+
strokeWidth: w(22)
|
|
1822
1906
|
})
|
|
1823
1907
|
}),
|
|
1824
|
-
/* @__PURE__ */
|
|
1825
|
-
className:
|
|
1826
|
-
children: [/* @__PURE__ */
|
|
1827
|
-
className:
|
|
1908
|
+
/* @__PURE__ */ D("span", {
|
|
1909
|
+
className: H.dropzone__label,
|
|
1910
|
+
children: [/* @__PURE__ */ E("span", {
|
|
1911
|
+
className: H.dropzone__link,
|
|
1828
1912
|
children: "Click to upload"
|
|
1829
1913
|
}), " or drag and drop"]
|
|
1830
1914
|
}),
|
|
1831
|
-
/* @__PURE__ */
|
|
1832
|
-
className:
|
|
1915
|
+
/* @__PURE__ */ E("span", {
|
|
1916
|
+
className: H.dropzone__hint,
|
|
1833
1917
|
children: n
|
|
1834
1918
|
}),
|
|
1835
|
-
/* @__PURE__ */
|
|
1919
|
+
/* @__PURE__ */ E("input", {
|
|
1836
1920
|
ref: a,
|
|
1837
1921
|
type: "file",
|
|
1838
1922
|
accept: e,
|
|
1839
1923
|
multiple: t,
|
|
1840
|
-
className:
|
|
1924
|
+
className: H.input,
|
|
1841
1925
|
onChange: (e) => d(e.target.files)
|
|
1842
1926
|
})
|
|
1843
1927
|
]
|
|
1844
|
-
}), c.length > 0 && /* @__PURE__ */
|
|
1845
|
-
className:
|
|
1846
|
-
children: c.map((e, t) => /* @__PURE__ */
|
|
1847
|
-
className:
|
|
1928
|
+
}), c.length > 0 && /* @__PURE__ */ E("ul", {
|
|
1929
|
+
className: H.files,
|
|
1930
|
+
children: c.map((e, t) => /* @__PURE__ */ D("li", {
|
|
1931
|
+
className: H.file,
|
|
1848
1932
|
children: [
|
|
1849
|
-
/* @__PURE__ */
|
|
1850
|
-
className:
|
|
1933
|
+
/* @__PURE__ */ E("span", {
|
|
1934
|
+
className: H.file__icon,
|
|
1851
1935
|
"aria-hidden": "true",
|
|
1852
|
-
children: /* @__PURE__ */
|
|
1936
|
+
children: /* @__PURE__ */ E(ht, {
|
|
1853
1937
|
size: 16,
|
|
1854
|
-
strokeWidth:
|
|
1938
|
+
strokeWidth: w(16)
|
|
1855
1939
|
})
|
|
1856
1940
|
}),
|
|
1857
|
-
/* @__PURE__ */
|
|
1858
|
-
className:
|
|
1941
|
+
/* @__PURE__ */ E("span", {
|
|
1942
|
+
className: H.file__name,
|
|
1859
1943
|
children: e.name
|
|
1860
1944
|
}),
|
|
1861
|
-
/* @__PURE__ */
|
|
1945
|
+
/* @__PURE__ */ E("button", {
|
|
1862
1946
|
type: "button",
|
|
1863
|
-
className:
|
|
1947
|
+
className: H.file__remove,
|
|
1864
1948
|
onClick: () => f(t),
|
|
1865
1949
|
"aria-label": `Remove ${e.name}`,
|
|
1866
|
-
children: /* @__PURE__ */
|
|
1950
|
+
children: /* @__PURE__ */ E(at, {
|
|
1867
1951
|
size: 14,
|
|
1868
|
-
strokeWidth:
|
|
1952
|
+
strokeWidth: w(14)
|
|
1869
1953
|
})
|
|
1870
1954
|
})
|
|
1871
1955
|
]
|
|
1872
1956
|
}, t))
|
|
1873
1957
|
})]
|
|
1874
1958
|
});
|
|
1875
|
-
},
|
|
1959
|
+
}, U = {
|
|
1876
1960
|
chart: "_chart_1m9hd_1",
|
|
1877
1961
|
svg: "_svg_1m9hd_7",
|
|
1878
1962
|
segment: "_segment_1m9hd_12",
|
|
@@ -1885,25 +1969,25 @@ var Jt = {
|
|
|
1885
1969
|
tooltip__dot: "_tooltip__dot_1m9hd_68",
|
|
1886
1970
|
tooltip__label: "_tooltip__label_1m9hd_74",
|
|
1887
1971
|
tooltip__value: "_tooltip__value_1m9hd_75"
|
|
1888
|
-
},
|
|
1972
|
+
}, sr = {
|
|
1889
1973
|
sm: 180,
|
|
1890
1974
|
md: 240,
|
|
1891
1975
|
lg: 320,
|
|
1892
1976
|
xl: 420
|
|
1893
|
-
},
|
|
1894
|
-
let [r, i] =
|
|
1895
|
-
g.push(h(e[e.length - 1]?.value ?? 0) *
|
|
1896
|
-
let _ = (t) => e.length <= 1 ? 1 :
|
|
1897
|
-
return /* @__PURE__ */
|
|
1977
|
+
}, cr = 560, lr = .3, ur = .55, dr = ({ data: e, size: t = "md", className: n }) => {
|
|
1978
|
+
let [r, i] = T.useState(null), a = T.useRef(null), o = Ue(a), s = o("--color-chart-1") ?? "#ff4700", c = o("--color-bg-canvas") ?? "#fafaf9", l = e[0]?.value || 1, u = sr[t], d = u * .66, f = d / 2 + 8, p = cr / e.length, m = e[0]?.value || 1, h = (e) => e / m * d, g = e.map((e) => h(e.value));
|
|
1979
|
+
g.push(h(e[e.length - 1]?.value ?? 0) * ur);
|
|
1980
|
+
let _ = (t) => e.length <= 1 ? 1 : lr + t / (e.length - 1) * (1 - lr), v = r === null ? null : e[r], y = r === null ? 0 : f - g[r] / 2, b = r === null ? 0 : r * p + p / 2;
|
|
1981
|
+
return /* @__PURE__ */ D("div", {
|
|
1898
1982
|
ref: a,
|
|
1899
|
-
className: [
|
|
1983
|
+
className: [U.chart, n ?? ""].filter(Boolean).join(" "),
|
|
1900
1984
|
style: { height: u },
|
|
1901
1985
|
children: [
|
|
1902
|
-
/* @__PURE__ */
|
|
1903
|
-
viewBox: `0 0 ${
|
|
1986
|
+
/* @__PURE__ */ E("svg", {
|
|
1987
|
+
viewBox: `0 0 ${cr} ${u}`,
|
|
1904
1988
|
width: "100%",
|
|
1905
1989
|
height: u,
|
|
1906
|
-
className:
|
|
1990
|
+
className: U.svg,
|
|
1907
1991
|
children: e.map((e, t) => {
|
|
1908
1992
|
let n = t * p, a = (t + 1) * p, o = (n + a) / 2, c = g[t] / 2, u = g[t + 1] / 2, d = f - c, m = f - u, h = f + c, v = f + u, y = [
|
|
1909
1993
|
`M ${n} ${d}`,
|
|
@@ -1912,56 +1996,56 @@ var Jt = {
|
|
|
1912
1996
|
`C ${o} ${v} ${o} ${h} ${n} ${h}`,
|
|
1913
1997
|
"Z"
|
|
1914
1998
|
].join(" "), b = r === null ? _(t) : t === r ? 1 : .45, x = Math.round(e.value / l * 100);
|
|
1915
|
-
return /* @__PURE__ */
|
|
1916
|
-
className:
|
|
1999
|
+
return /* @__PURE__ */ D("g", {
|
|
2000
|
+
className: U.segment,
|
|
1917
2001
|
onMouseEnter: () => i(t),
|
|
1918
2002
|
onMouseLeave: () => i(null),
|
|
1919
|
-
children: [/* @__PURE__ */
|
|
2003
|
+
children: [/* @__PURE__ */ E("path", {
|
|
1920
2004
|
d: y,
|
|
1921
2005
|
fill: s,
|
|
1922
2006
|
fillOpacity: b
|
|
1923
|
-
}), /* @__PURE__ */
|
|
2007
|
+
}), /* @__PURE__ */ D("text", {
|
|
1924
2008
|
x: o,
|
|
1925
2009
|
y: f,
|
|
1926
2010
|
textAnchor: "middle",
|
|
1927
2011
|
dominantBaseline: "middle",
|
|
1928
|
-
className:
|
|
2012
|
+
className: U.pctLabel,
|
|
1929
2013
|
children: [x, "%"]
|
|
1930
2014
|
})]
|
|
1931
2015
|
}, t);
|
|
1932
2016
|
})
|
|
1933
2017
|
}),
|
|
1934
|
-
/* @__PURE__ */
|
|
1935
|
-
className:
|
|
2018
|
+
/* @__PURE__ */ E("div", {
|
|
2019
|
+
className: U.labels,
|
|
1936
2020
|
style: { gridTemplateColumns: `repeat(${e.length}, 1fr)` },
|
|
1937
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
1938
|
-
className:
|
|
2021
|
+
children: e.map((e, t) => /* @__PURE__ */ E("span", {
|
|
2022
|
+
className: U.labelItem,
|
|
1939
2023
|
children: e.label
|
|
1940
2024
|
}, t))
|
|
1941
2025
|
}),
|
|
1942
|
-
v && /* @__PURE__ */
|
|
1943
|
-
className:
|
|
2026
|
+
v && /* @__PURE__ */ D("div", {
|
|
2027
|
+
className: U.tooltip,
|
|
1944
2028
|
style: {
|
|
1945
|
-
left: `${b /
|
|
2029
|
+
left: `${b / cr * 100}%`,
|
|
1946
2030
|
top: `${y / u * 100}%`,
|
|
1947
2031
|
background: c
|
|
1948
2032
|
},
|
|
1949
|
-
children: [/* @__PURE__ */
|
|
1950
|
-
className:
|
|
2033
|
+
children: [/* @__PURE__ */ E("span", {
|
|
2034
|
+
className: U.tooltip__title,
|
|
1951
2035
|
children: v.label
|
|
1952
|
-
}), /* @__PURE__ */
|
|
1953
|
-
className:
|
|
2036
|
+
}), /* @__PURE__ */ D("div", {
|
|
2037
|
+
className: U.tooltip__row,
|
|
1954
2038
|
children: [
|
|
1955
|
-
/* @__PURE__ */
|
|
1956
|
-
className:
|
|
2039
|
+
/* @__PURE__ */ E("span", {
|
|
2040
|
+
className: U.tooltip__dot,
|
|
1957
2041
|
style: { background: s }
|
|
1958
2042
|
}),
|
|
1959
|
-
/* @__PURE__ */
|
|
1960
|
-
className:
|
|
2043
|
+
/* @__PURE__ */ E("span", {
|
|
2044
|
+
className: U.tooltip__label,
|
|
1961
2045
|
children: "Share"
|
|
1962
2046
|
}),
|
|
1963
|
-
/* @__PURE__ */
|
|
1964
|
-
className:
|
|
2047
|
+
/* @__PURE__ */ D("span", {
|
|
2048
|
+
className: U.tooltip__value,
|
|
1965
2049
|
children: [Math.round(v.value / l * 100), "%"]
|
|
1966
2050
|
})
|
|
1967
2051
|
]
|
|
@@ -1969,7 +2053,7 @@ var Jt = {
|
|
|
1969
2053
|
})
|
|
1970
2054
|
]
|
|
1971
2055
|
});
|
|
1972
|
-
},
|
|
2056
|
+
}, W = {
|
|
1973
2057
|
chart: "_chart_1yc8b_1",
|
|
1974
2058
|
grid: "_grid_1yc8b_6",
|
|
1975
2059
|
rowLabel: "_rowLabel_1yc8b_13",
|
|
@@ -1985,8 +2069,8 @@ var Jt = {
|
|
|
1985
2069
|
tooltip__dot: "_tooltip__dot_1yc8b_84",
|
|
1986
2070
|
tooltip__label: "_tooltip__label_1yc8b_91",
|
|
1987
2071
|
tooltip__value: "_tooltip__value_1yc8b_92"
|
|
1988
|
-
},
|
|
1989
|
-
let o =
|
|
2072
|
+
}, fr = .12, pr = .45, mr = ({ data: e, rowLabels: t, colLabels: n, valueLabel: r = "Value", size: i = "md", className: a }) => {
|
|
2073
|
+
let o = T.useRef(null), s = Ue(o), c = T.useRef(null), [l, u] = T.useState(null), d = s("--color-chart-1") ?? "#ff4700", f = Math.max(1, ...e.flat()), p = e[0]?.length ?? 0, m = (e, t, n) => (r) => {
|
|
1990
2074
|
let i = r.currentTarget.getBoundingClientRect(), a = c.current?.getBoundingClientRect();
|
|
1991
2075
|
a && u({
|
|
1992
2076
|
row: e,
|
|
@@ -1996,56 +2080,56 @@ var Jt = {
|
|
|
1996
2080
|
top: i.top - a.top
|
|
1997
2081
|
});
|
|
1998
2082
|
};
|
|
1999
|
-
return /* @__PURE__ */
|
|
2083
|
+
return /* @__PURE__ */ E("div", {
|
|
2000
2084
|
ref: o,
|
|
2001
2085
|
className: [
|
|
2002
|
-
|
|
2003
|
-
|
|
2086
|
+
W.chart,
|
|
2087
|
+
W[`chart--${i}`],
|
|
2004
2088
|
a ?? ""
|
|
2005
2089
|
].filter(Boolean).join(" "),
|
|
2006
|
-
children: /* @__PURE__ */
|
|
2090
|
+
children: /* @__PURE__ */ D("div", {
|
|
2007
2091
|
ref: c,
|
|
2008
|
-
className:
|
|
2092
|
+
className: W.grid,
|
|
2009
2093
|
style: { gridTemplateColumns: `auto repeat(${p}, 1fr)` },
|
|
2010
2094
|
children: [
|
|
2011
|
-
e.map((e, n) => /* @__PURE__ */
|
|
2012
|
-
className:
|
|
2095
|
+
e.map((e, n) => /* @__PURE__ */ D(T.Fragment, { children: [/* @__PURE__ */ E("span", {
|
|
2096
|
+
className: W.rowLabel,
|
|
2013
2097
|
children: t?.[n] ?? ""
|
|
2014
2098
|
}), e.map((e, t) => {
|
|
2015
|
-
let r = l?.row === n && l?.col === t, i = l !== null && !r, a = r ? 1 :
|
|
2016
|
-
return /* @__PURE__ */
|
|
2017
|
-
className:
|
|
2099
|
+
let r = l?.row === n && l?.col === t, i = l !== null && !r, a = r ? 1 : fr + e / f * (1 - fr);
|
|
2100
|
+
return /* @__PURE__ */ E("div", {
|
|
2101
|
+
className: W.cell,
|
|
2018
2102
|
style: {
|
|
2019
2103
|
background: d,
|
|
2020
|
-
opacity: i ?
|
|
2104
|
+
opacity: i ? pr : a
|
|
2021
2105
|
},
|
|
2022
2106
|
onMouseEnter: m(n, t, e),
|
|
2023
2107
|
onMouseLeave: () => u(null)
|
|
2024
2108
|
}, t);
|
|
2025
2109
|
})] }, n)),
|
|
2026
|
-
n && /* @__PURE__ */
|
|
2027
|
-
className:
|
|
2110
|
+
n && /* @__PURE__ */ D(At, { children: [/* @__PURE__ */ E("span", {}), n.map((e, t) => /* @__PURE__ */ E("span", {
|
|
2111
|
+
className: W.colLabel,
|
|
2028
2112
|
children: e
|
|
2029
2113
|
}, t))] }),
|
|
2030
|
-
l && /* @__PURE__ */
|
|
2031
|
-
className:
|
|
2114
|
+
l && /* @__PURE__ */ D("div", {
|
|
2115
|
+
className: W.tooltip,
|
|
2032
2116
|
style: {
|
|
2033
2117
|
left: l.left,
|
|
2034
2118
|
top: l.top
|
|
2035
2119
|
},
|
|
2036
|
-
children: [/* @__PURE__ */
|
|
2037
|
-
className:
|
|
2120
|
+
children: [/* @__PURE__ */ E("span", {
|
|
2121
|
+
className: W.tooltip__title,
|
|
2038
2122
|
children: [t?.[l.row], n?.[l.col]].filter(Boolean).join(" · ") || `Row ${l.row + 1}, Col ${l.col + 1}`
|
|
2039
|
-
}), /* @__PURE__ */
|
|
2040
|
-
className:
|
|
2123
|
+
}), /* @__PURE__ */ D("div", {
|
|
2124
|
+
className: W.tooltip__row,
|
|
2041
2125
|
children: [
|
|
2042
|
-
/* @__PURE__ */
|
|
2043
|
-
/* @__PURE__ */
|
|
2044
|
-
className:
|
|
2126
|
+
/* @__PURE__ */ E("span", { className: W.tooltip__dot }),
|
|
2127
|
+
/* @__PURE__ */ E("span", {
|
|
2128
|
+
className: W.tooltip__label,
|
|
2045
2129
|
children: r
|
|
2046
2130
|
}),
|
|
2047
|
-
/* @__PURE__ */
|
|
2048
|
-
className:
|
|
2131
|
+
/* @__PURE__ */ E("span", {
|
|
2132
|
+
className: W.tooltip__value,
|
|
2049
2133
|
children: l.value
|
|
2050
2134
|
})
|
|
2051
2135
|
]
|
|
@@ -2054,24 +2138,24 @@ var Jt = {
|
|
|
2054
2138
|
]
|
|
2055
2139
|
})
|
|
2056
2140
|
});
|
|
2057
|
-
},
|
|
2058
|
-
className: [
|
|
2141
|
+
}, hr = { kbd: "_kbd_1cz4m_3" }, gr = ({ children: e, className: t }) => /* @__PURE__ */ E("kbd", {
|
|
2142
|
+
className: [hr.kbd, t ?? ""].filter(Boolean).join(" "),
|
|
2059
2143
|
children: e
|
|
2060
|
-
}),
|
|
2144
|
+
}), _r = {
|
|
2061
2145
|
label: "_label_rcdks_3",
|
|
2062
2146
|
label__required: "_label__required_rcdks_17"
|
|
2063
|
-
},
|
|
2147
|
+
}, vr = T.forwardRef(({ required: e, children: t, className: n, ...r }, i) => /* @__PURE__ */ D("label", {
|
|
2064
2148
|
ref: i,
|
|
2065
|
-
className: [
|
|
2149
|
+
className: [_r.label, n ?? ""].filter(Boolean).join(" "),
|
|
2066
2150
|
...r,
|
|
2067
|
-
children: [t, e && /* @__PURE__ */
|
|
2068
|
-
className:
|
|
2151
|
+
children: [t, e && /* @__PURE__ */ E("span", {
|
|
2152
|
+
className: _r.label__required,
|
|
2069
2153
|
"aria-hidden": "true",
|
|
2070
2154
|
children: " *"
|
|
2071
2155
|
})]
|
|
2072
2156
|
}));
|
|
2073
|
-
|
|
2074
|
-
var
|
|
2157
|
+
vr.displayName = "Label";
|
|
2158
|
+
var G = {
|
|
2075
2159
|
item: "_item_4gag1_2",
|
|
2076
2160
|
"item--disabled": "_item--disabled_4gag1_22",
|
|
2077
2161
|
"item--selected": "_item--selected_4gag1_26",
|
|
@@ -2080,44 +2164,44 @@ var K = {
|
|
|
2080
2164
|
item__title: "_item__title_4gag1_32",
|
|
2081
2165
|
item__description: "_item__description_4gag1_33",
|
|
2082
2166
|
item__trailing: "_item__trailing_4gag1_34"
|
|
2083
|
-
},
|
|
2167
|
+
}, yr = ({ title: e, description: t, leading: n, trailing: r, selected: i, disabled: a, onClick: o, className: s }) => /* @__PURE__ */ D("button", {
|
|
2084
2168
|
type: "button",
|
|
2085
2169
|
"data-hover-item": "",
|
|
2086
2170
|
disabled: a,
|
|
2087
2171
|
onClick: o,
|
|
2088
2172
|
"aria-current": i ? "true" : void 0,
|
|
2089
2173
|
className: [
|
|
2090
|
-
|
|
2091
|
-
i ?
|
|
2092
|
-
a ?
|
|
2174
|
+
G.item,
|
|
2175
|
+
i ? G["item--selected"] : "",
|
|
2176
|
+
a ? G["item--disabled"] : "",
|
|
2093
2177
|
s ?? ""
|
|
2094
2178
|
].filter(Boolean).join(" "),
|
|
2095
2179
|
children: [
|
|
2096
|
-
n && /* @__PURE__ */
|
|
2097
|
-
className:
|
|
2180
|
+
n && /* @__PURE__ */ E("span", {
|
|
2181
|
+
className: G.item__leading,
|
|
2098
2182
|
children: n
|
|
2099
2183
|
}),
|
|
2100
|
-
/* @__PURE__ */
|
|
2101
|
-
className:
|
|
2102
|
-
children: [/* @__PURE__ */
|
|
2103
|
-
className:
|
|
2184
|
+
/* @__PURE__ */ D("span", {
|
|
2185
|
+
className: G.item__text,
|
|
2186
|
+
children: [/* @__PURE__ */ E("span", {
|
|
2187
|
+
className: G.item__title,
|
|
2104
2188
|
children: e
|
|
2105
|
-
}), t && /* @__PURE__ */
|
|
2106
|
-
className:
|
|
2189
|
+
}), t && /* @__PURE__ */ E("span", {
|
|
2190
|
+
className: G.item__description,
|
|
2107
2191
|
children: t
|
|
2108
2192
|
})]
|
|
2109
2193
|
}),
|
|
2110
|
-
r && /* @__PURE__ */
|
|
2111
|
-
className:
|
|
2194
|
+
r && /* @__PURE__ */ E("span", {
|
|
2195
|
+
className: G.item__trailing,
|
|
2112
2196
|
children: r
|
|
2113
2197
|
})
|
|
2114
2198
|
]
|
|
2115
|
-
}),
|
|
2199
|
+
}), br = {
|
|
2116
2200
|
chart: "_chart_cc7lx_2",
|
|
2117
2201
|
center: "_center_cc7lx_30",
|
|
2118
2202
|
center__value: "_center__value_cc7lx_39",
|
|
2119
2203
|
center__caption: "_center__caption_cc7lx_40"
|
|
2120
|
-
},
|
|
2204
|
+
}, xr = {
|
|
2121
2205
|
sm: {
|
|
2122
2206
|
h: 180,
|
|
2123
2207
|
outer: 72
|
|
@@ -2134,21 +2218,21 @@ var K = {
|
|
|
2134
2218
|
h: 340,
|
|
2135
2219
|
outer: 142
|
|
2136
2220
|
}
|
|
2137
|
-
},
|
|
2221
|
+
}, Sr = /* @__PURE__ */ new Set([
|
|
2138
2222
|
"donut",
|
|
2139
2223
|
"donut-active",
|
|
2140
2224
|
"donut-with-text",
|
|
2141
2225
|
"interactive"
|
|
2142
|
-
]),
|
|
2143
|
-
let o =
|
|
2226
|
+
]), Cr = /* @__PURE__ */ new Set(["donut-active"]), wr = /* @__PURE__ */ new Set(["interactive"]), Tr = /* @__PURE__ */ new Set(["donut-with-text"]), Er = Math.PI / 180, Dr = ({ data: e, variant: t = "donut", size: n = "md", centerValue: r, centerCaption: i, className: a }) => {
|
|
2227
|
+
let o = T.useRef(null), s = Ue(o), [c, l] = T.useState(void 0), u = [
|
|
2144
2228
|
1,
|
|
2145
2229
|
2,
|
|
2146
2230
|
3,
|
|
2147
2231
|
4,
|
|
2148
2232
|
5
|
|
2149
|
-
].map((e) => s(`--color-chart-${e}`) ??
|
|
2233
|
+
].map((e) => s(`--color-chart-${e}`) ?? Ie[e - 1]), d = s("--color-bg-surface") ?? "#ffffff", f = s("--color-fg-default") ?? "#141414", p = xr[n], m = Sr.has(t), h = Cr.has(t), g = wr.has(t), _ = m ? p.outer * .6 : 0, v = Tr.has(t) && (r || i), y = c ?? (h || g ? 0 : void 0), b = (e) => {
|
|
2150
2234
|
let { cx: t, cy: n, innerRadius: r, outerRadius: i, startAngle: a, endAngle: o, fill: s, index: c } = e, l = c === y, u = l && (h || g) ? 16 : 0;
|
|
2151
|
-
return l && g ? /* @__PURE__ */
|
|
2235
|
+
return l && g ? /* @__PURE__ */ D("g", { children: [/* @__PURE__ */ E(Kt, {
|
|
2152
2236
|
cx: t,
|
|
2153
2237
|
cy: n,
|
|
2154
2238
|
innerRadius: r,
|
|
@@ -2156,7 +2240,7 @@ var K = {
|
|
|
2156
2240
|
startAngle: a,
|
|
2157
2241
|
endAngle: o,
|
|
2158
2242
|
fill: s
|
|
2159
|
-
}), /* @__PURE__ */
|
|
2243
|
+
}), /* @__PURE__ */ E(Kt, {
|
|
2160
2244
|
cx: t,
|
|
2161
2245
|
cy: n,
|
|
2162
2246
|
innerRadius: i + u + 3,
|
|
@@ -2164,7 +2248,7 @@ var K = {
|
|
|
2164
2248
|
startAngle: a,
|
|
2165
2249
|
endAngle: o,
|
|
2166
2250
|
fill: s
|
|
2167
|
-
})] }) : /* @__PURE__ */
|
|
2251
|
+
})] }) : /* @__PURE__ */ E(Kt, {
|
|
2168
2252
|
cx: t,
|
|
2169
2253
|
cy: n,
|
|
2170
2254
|
innerRadius: r,
|
|
@@ -2174,7 +2258,7 @@ var K = {
|
|
|
2174
2258
|
fill: s
|
|
2175
2259
|
});
|
|
2176
2260
|
}, x = (e) => {
|
|
2177
|
-
let { cx: t, cy: n, midAngle: r, outerRadius: i } = e, a = r ?? 0, o = Math.cos(-a *
|
|
2261
|
+
let { cx: t, cy: n, midAngle: r, outerRadius: i } = e, a = r ?? 0, o = Math.cos(-a * Er), s = Math.sin(-a * Er), c = t + i * o, l = n + i * s, u = t + (i + 16) * o, d = n + (i + 16) * s, f = o >= 0, p = u + (f ? 14 : -14);
|
|
2178
2262
|
return {
|
|
2179
2263
|
d: `M ${c} ${l} L ${u} ${d} L ${p} ${d}`,
|
|
2180
2264
|
endX: p,
|
|
@@ -2183,12 +2267,12 @@ var K = {
|
|
|
2183
2267
|
};
|
|
2184
2268
|
}, ee = (e) => {
|
|
2185
2269
|
let { value: t, fill: n } = e, { d: r, endX: i, endY: a, textAnchor: o } = x(e), s = i + (o === "start" ? 4 : -4);
|
|
2186
|
-
return /* @__PURE__ */
|
|
2270
|
+
return /* @__PURE__ */ D("g", { children: [/* @__PURE__ */ E("path", {
|
|
2187
2271
|
d: r,
|
|
2188
2272
|
fill: "none",
|
|
2189
2273
|
stroke: n,
|
|
2190
2274
|
strokeWidth: 1
|
|
2191
|
-
}), /* @__PURE__ */
|
|
2275
|
+
}), /* @__PURE__ */ E("text", {
|
|
2192
2276
|
x: s,
|
|
2193
2277
|
y: a,
|
|
2194
2278
|
textAnchor: o,
|
|
@@ -2198,9 +2282,9 @@ var K = {
|
|
|
2198
2282
|
fontFamily: "var(--font-sans)",
|
|
2199
2283
|
children: t
|
|
2200
2284
|
})] });
|
|
2201
|
-
},
|
|
2285
|
+
}, te = (e) => {
|
|
2202
2286
|
let { x: t, y: n, textAnchor: r, value: i } = e;
|
|
2203
|
-
return /* @__PURE__ */
|
|
2287
|
+
return /* @__PURE__ */ E("text", {
|
|
2204
2288
|
x: t,
|
|
2205
2289
|
y: n,
|
|
2206
2290
|
textAnchor: r,
|
|
@@ -2211,11 +2295,11 @@ var K = {
|
|
|
2211
2295
|
fontFamily: "var(--font-sans)",
|
|
2212
2296
|
children: i
|
|
2213
2297
|
});
|
|
2214
|
-
},
|
|
2298
|
+
}, S = (t) => {
|
|
2215
2299
|
let { cx: n, cy: r, midAngle: i, innerRadius: a, outerRadius: o, index: s } = t, c = (a + o) / 2;
|
|
2216
|
-
return /* @__PURE__ */
|
|
2217
|
-
x: n + c * Math.cos(-i *
|
|
2218
|
-
y: r + c * Math.sin(-i *
|
|
2300
|
+
return /* @__PURE__ */ E("text", {
|
|
2301
|
+
x: n + c * Math.cos(-i * Er),
|
|
2302
|
+
y: r + c * Math.sin(-i * Er),
|
|
2219
2303
|
textAnchor: "middle",
|
|
2220
2304
|
dominantBaseline: "central",
|
|
2221
2305
|
fill: "#fff",
|
|
@@ -2227,15 +2311,15 @@ var K = {
|
|
|
2227
2311
|
};
|
|
2228
2312
|
if (t === "stacked") {
|
|
2229
2313
|
let t = (e) => c !== void 0 && c !== e ? .45 : 1;
|
|
2230
|
-
return /* @__PURE__ */
|
|
2314
|
+
return /* @__PURE__ */ E("div", {
|
|
2231
2315
|
ref: o,
|
|
2232
|
-
className: [
|
|
2316
|
+
className: [br.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2233
2317
|
style: { height: p.h },
|
|
2234
|
-
children: /* @__PURE__ */
|
|
2318
|
+
children: /* @__PURE__ */ E(Gt, {
|
|
2235
2319
|
width: "100%",
|
|
2236
2320
|
height: "100%",
|
|
2237
|
-
children: /* @__PURE__ */
|
|
2238
|
-
/* @__PURE__ */
|
|
2321
|
+
children: /* @__PURE__ */ D(Lt, { children: [
|
|
2322
|
+
/* @__PURE__ */ E(It, {
|
|
2239
2323
|
data: e,
|
|
2240
2324
|
dataKey: "value",
|
|
2241
2325
|
nameKey: "label",
|
|
@@ -2246,12 +2330,12 @@ var K = {
|
|
|
2246
2330
|
isAnimationActive: !1,
|
|
2247
2331
|
onMouseEnter: (e, t) => l(t),
|
|
2248
2332
|
onMouseLeave: () => l(void 0),
|
|
2249
|
-
children: e.map((e, n) => /* @__PURE__ */
|
|
2333
|
+
children: e.map((e, n) => /* @__PURE__ */ E(Pt, {
|
|
2250
2334
|
fill: u[n % u.length],
|
|
2251
2335
|
fillOpacity: t(n)
|
|
2252
2336
|
}, n))
|
|
2253
2337
|
}),
|
|
2254
|
-
/* @__PURE__ */
|
|
2338
|
+
/* @__PURE__ */ E(It, {
|
|
2255
2339
|
data: e,
|
|
2256
2340
|
dataKey: "value",
|
|
2257
2341
|
nameKey: "label",
|
|
@@ -2262,27 +2346,27 @@ var K = {
|
|
|
2262
2346
|
isAnimationActive: !1,
|
|
2263
2347
|
onMouseEnter: (e, t) => l(t),
|
|
2264
2348
|
onMouseLeave: () => l(void 0),
|
|
2265
|
-
children: e.map((e, n) => /* @__PURE__ */
|
|
2349
|
+
children: e.map((e, n) => /* @__PURE__ */ E(Pt, {
|
|
2266
2350
|
fill: u[n % u.length],
|
|
2267
2351
|
fillOpacity: t(n)
|
|
2268
2352
|
}, n))
|
|
2269
2353
|
}),
|
|
2270
|
-
/* @__PURE__ */
|
|
2271
|
-
content: /* @__PURE__ */
|
|
2354
|
+
/* @__PURE__ */ E(qt, {
|
|
2355
|
+
content: /* @__PURE__ */ E(de, {}),
|
|
2272
2356
|
wrapperStyle: { zIndex: 50 }
|
|
2273
2357
|
})
|
|
2274
2358
|
] })
|
|
2275
2359
|
})
|
|
2276
2360
|
});
|
|
2277
2361
|
}
|
|
2278
|
-
return /* @__PURE__ */
|
|
2362
|
+
return /* @__PURE__ */ D("div", {
|
|
2279
2363
|
ref: o,
|
|
2280
|
-
className: [
|
|
2364
|
+
className: [br.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2281
2365
|
style: { height: p.h },
|
|
2282
|
-
children: [/* @__PURE__ */
|
|
2366
|
+
children: [/* @__PURE__ */ E(Gt, {
|
|
2283
2367
|
width: "100%",
|
|
2284
2368
|
height: "100%",
|
|
2285
|
-
children: /* @__PURE__ */
|
|
2369
|
+
children: /* @__PURE__ */ D(Lt, { children: [/* @__PURE__ */ E(It, {
|
|
2286
2370
|
data: e,
|
|
2287
2371
|
dataKey: "value",
|
|
2288
2372
|
nameKey: "label",
|
|
@@ -2293,27 +2377,27 @@ var K = {
|
|
|
2293
2377
|
strokeWidth: t === "pie" ? 2 : 0,
|
|
2294
2378
|
isAnimationActive: !1,
|
|
2295
2379
|
shape: h || g ? b : void 0,
|
|
2296
|
-
label: t === "label" ? ee : t === "custom-label" ?
|
|
2380
|
+
label: t === "label" ? ee : t === "custom-label" ? te : t === "label-list" ? S : void 0,
|
|
2297
2381
|
labelLine: !1,
|
|
2298
2382
|
onMouseEnter: (e, t) => l(t),
|
|
2299
2383
|
onMouseLeave: () => l(void 0),
|
|
2300
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
2301
|
-
}), /* @__PURE__ */
|
|
2302
|
-
content: /* @__PURE__ */
|
|
2384
|
+
children: e.map((e, t) => /* @__PURE__ */ E(Pt, { fill: u[t % u.length] }, t))
|
|
2385
|
+
}), /* @__PURE__ */ E(qt, {
|
|
2386
|
+
content: /* @__PURE__ */ E(de, {}),
|
|
2303
2387
|
wrapperStyle: { zIndex: 50 }
|
|
2304
2388
|
})] })
|
|
2305
|
-
}), v && /* @__PURE__ */
|
|
2306
|
-
className:
|
|
2307
|
-
children: [r && /* @__PURE__ */
|
|
2308
|
-
className:
|
|
2389
|
+
}), v && /* @__PURE__ */ D("div", {
|
|
2390
|
+
className: br.center,
|
|
2391
|
+
children: [r && /* @__PURE__ */ E("span", {
|
|
2392
|
+
className: br.center__value,
|
|
2309
2393
|
children: r
|
|
2310
|
-
}), i && /* @__PURE__ */
|
|
2311
|
-
className:
|
|
2394
|
+
}), i && /* @__PURE__ */ E("span", {
|
|
2395
|
+
className: br.center__caption,
|
|
2312
2396
|
children: i
|
|
2313
2397
|
})]
|
|
2314
2398
|
})]
|
|
2315
2399
|
});
|
|
2316
|
-
},
|
|
2400
|
+
}, K = {
|
|
2317
2401
|
root: "_root_16f5u_2",
|
|
2318
2402
|
trigger: "_trigger_16f5u_3",
|
|
2319
2403
|
panel: "_panel_16f5u_5",
|
|
@@ -2331,15 +2415,15 @@ var K = {
|
|
|
2331
2415
|
panel__description: "_panel__description_16f5u_76",
|
|
2332
2416
|
panel__body: "_panel__body_16f5u_77",
|
|
2333
2417
|
panel__actions: "_panel__actions_16f5u_78"
|
|
2334
|
-
},
|
|
2335
|
-
let [s, c] =
|
|
2336
|
-
return
|
|
2418
|
+
}, Or = ({ trigger: e, title: t, description: n, actions: r, placement: i = "bottom-start", children: a, className: o }) => {
|
|
2419
|
+
let [s, c] = T.useState(!1), [l, u] = T.useState(!1), d = T.useRef(null), f = T.useRef(null);
|
|
2420
|
+
return T.useEffect(() => {
|
|
2337
2421
|
s && u(!0);
|
|
2338
|
-
}, [s]),
|
|
2422
|
+
}, [s]), T.useEffect(() => {
|
|
2339
2423
|
if (s || !l) return;
|
|
2340
2424
|
let e = setTimeout(() => u(!1), 240);
|
|
2341
2425
|
return () => clearTimeout(e);
|
|
2342
|
-
}, [s, l]),
|
|
2426
|
+
}, [s, l]), T.useEffect(() => {
|
|
2343
2427
|
if (!s) return;
|
|
2344
2428
|
let e = (e) => {
|
|
2345
2429
|
d.current && !d.current.contains(e.target) && c(!1);
|
|
@@ -2349,60 +2433,60 @@ var K = {
|
|
|
2349
2433
|
return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
|
|
2350
2434
|
document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
|
|
2351
2435
|
};
|
|
2352
|
-
}, [s]),
|
|
2436
|
+
}, [s]), T.useEffect(() => {
|
|
2353
2437
|
!s && f.current && (f.current.focus(), f.current = null);
|
|
2354
|
-
}, [s]), /* @__PURE__ */
|
|
2355
|
-
className: [
|
|
2438
|
+
}, [s]), /* @__PURE__ */ D("div", {
|
|
2439
|
+
className: [K.root, o ?? ""].filter(Boolean).join(" "),
|
|
2356
2440
|
ref: d,
|
|
2357
|
-
children: [/* @__PURE__ */
|
|
2358
|
-
className:
|
|
2441
|
+
children: [/* @__PURE__ */ E("span", {
|
|
2442
|
+
className: K.trigger,
|
|
2359
2443
|
onClick: () => {
|
|
2360
2444
|
s || (f.current = document.activeElement), c((e) => !e);
|
|
2361
2445
|
},
|
|
2362
2446
|
children: e
|
|
2363
|
-
}), l && /* @__PURE__ */
|
|
2447
|
+
}), l && /* @__PURE__ */ D("div", {
|
|
2364
2448
|
className: [
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
|
-
s ?
|
|
2449
|
+
K.panel,
|
|
2450
|
+
K[`panel--${i}`],
|
|
2451
|
+
s ? K["panel--entering"] : K["panel--exiting"]
|
|
2368
2452
|
].filter(Boolean).join(" "),
|
|
2369
2453
|
role: "dialog",
|
|
2370
2454
|
onAnimationEnd: (e) => {
|
|
2371
2455
|
e.target === e.currentTarget && !s && u(!1);
|
|
2372
2456
|
},
|
|
2373
2457
|
children: [
|
|
2374
|
-
t && /* @__PURE__ */
|
|
2375
|
-
className:
|
|
2458
|
+
t && /* @__PURE__ */ E("div", {
|
|
2459
|
+
className: K.panel__title,
|
|
2376
2460
|
children: t
|
|
2377
2461
|
}),
|
|
2378
|
-
n && /* @__PURE__ */
|
|
2379
|
-
className:
|
|
2462
|
+
n && /* @__PURE__ */ E("div", {
|
|
2463
|
+
className: K.panel__description,
|
|
2380
2464
|
children: n
|
|
2381
2465
|
}),
|
|
2382
|
-
a && /* @__PURE__ */
|
|
2383
|
-
className:
|
|
2466
|
+
a && /* @__PURE__ */ E("div", {
|
|
2467
|
+
className: K.panel__body,
|
|
2384
2468
|
children: a
|
|
2385
2469
|
}),
|
|
2386
|
-
r && /* @__PURE__ */
|
|
2387
|
-
className:
|
|
2470
|
+
r && /* @__PURE__ */ E("div", {
|
|
2471
|
+
className: K.panel__actions,
|
|
2388
2472
|
children: r
|
|
2389
2473
|
})
|
|
2390
2474
|
]
|
|
2391
2475
|
})]
|
|
2392
2476
|
});
|
|
2393
|
-
},
|
|
2477
|
+
}, kr = {
|
|
2394
2478
|
chart: "_chart_q6xhl_2",
|
|
2395
2479
|
circleFillSvg: "_circleFillSvg_q6xhl_17"
|
|
2396
|
-
},
|
|
2480
|
+
}, Ar = {
|
|
2397
2481
|
sm: 200,
|
|
2398
2482
|
md: 260,
|
|
2399
2483
|
lg: 340,
|
|
2400
2484
|
xl: 420
|
|
2401
|
-
},
|
|
2485
|
+
}, jr = /* @__PURE__ */ new Set([
|
|
2402
2486
|
"circle-grid",
|
|
2403
2487
|
"circle-grid-no-lines",
|
|
2404
2488
|
"circle-grid-filled"
|
|
2405
|
-
]),
|
|
2489
|
+
]), Mr = /* @__PURE__ */ new Set(["default", "grid-custom"]), Nr = /* @__PURE__ */ new Set(["dots-grid-none"]), Pr = /* @__PURE__ */ new Set(["grid-filled"]), Fr = (e) => e === "circle-grid-filled", Ir = /* @__PURE__ */ new Set([
|
|
2406
2490
|
"default",
|
|
2407
2491
|
"dots",
|
|
2408
2492
|
"dots-grid-none",
|
|
@@ -2413,34 +2497,34 @@ var K = {
|
|
|
2413
2497
|
"grid-custom",
|
|
2414
2498
|
"grid-filled",
|
|
2415
2499
|
"circle-grid-filled"
|
|
2416
|
-
]),
|
|
2500
|
+
]), Lr = [
|
|
2417
2501
|
1,
|
|
2418
2502
|
.8,
|
|
2419
2503
|
.6,
|
|
2420
2504
|
.4,
|
|
2421
2505
|
.2
|
|
2422
|
-
],
|
|
2423
|
-
let a =
|
|
2424
|
-
|
|
2506
|
+
], Rr = ({ data: e, variant: t = "default", size: n = "md", seriesLabels: r = ["Value", "Value 2"], className: i }) => {
|
|
2507
|
+
let a = T.useRef(null), o = Ue(a), s = o("--color-chart-1") ?? "#ff4700", c = o("--color-chart-2") ?? "#5b92dd", l = o("--color-border-default") ?? "#dbdad7", u = o("--color-fg-subtle") ?? "#a8a29b", d = t === "multiple", f = t === "lines-only", p = d || t === "custom-label" || f, m = !f, h = t === "dots" || t === "dots-grid-none" || t === "circle-grid" || t === "circle-grid-no-lines", g = Pr.has(t), _ = Mr.has(t), v = Nr.has(t), y = Fr(t), [b, x] = T.useState(0);
|
|
2508
|
+
T.useEffect(() => {
|
|
2425
2509
|
if (!y || !a.current) return;
|
|
2426
2510
|
let e = a.current, t = new ResizeObserver(([e]) => x(e.contentRect.width));
|
|
2427
2511
|
return t.observe(e), () => t.disconnect();
|
|
2428
2512
|
}, [y]);
|
|
2429
|
-
let ee =
|
|
2513
|
+
let ee = T.useMemo(() => {
|
|
2430
2514
|
if (!g) return e;
|
|
2431
2515
|
let t = Math.max(1, ...e.flatMap((e) => [e.value, e.value2 ?? 0]));
|
|
2432
2516
|
return e.map((e) => {
|
|
2433
2517
|
let n = {};
|
|
2434
|
-
return
|
|
2518
|
+
return Lr.forEach((e, r) => {
|
|
2435
2519
|
n[`ring${r}`] = e * t;
|
|
2436
2520
|
}), {
|
|
2437
2521
|
...e,
|
|
2438
2522
|
...n
|
|
2439
2523
|
};
|
|
2440
2524
|
});
|
|
2441
|
-
}, [e, g]),
|
|
2525
|
+
}, [e, g]), te = (t) => {
|
|
2442
2526
|
let { x: n, y: r, cx: i, cy: a, payload: o, textAnchor: s } = t, c = e.find((e) => e.label === o?.value) ?? e[o?.index];
|
|
2443
|
-
if (!c) return /* @__PURE__ */
|
|
2527
|
+
if (!c) return /* @__PURE__ */ E("g", {});
|
|
2444
2528
|
let l = n - i, d = r - a, f = c.value2 === void 0 ? `${c.value}` : `${c.value}/${c.value2}`, p = Math.abs(d) > Math.abs(l), m, h;
|
|
2445
2529
|
if (p && d < 0) h = r - 4 - 6, m = h - 16;
|
|
2446
2530
|
else if (p) m = r + 4 + 10, h = m + 18;
|
|
@@ -2449,7 +2533,7 @@ var K = {
|
|
|
2449
2533
|
m = e - 8, h = e + 12;
|
|
2450
2534
|
}
|
|
2451
2535
|
let g = p ? n : n + l / Math.sqrt(l * l + d * d || 1) * 4;
|
|
2452
|
-
return /* @__PURE__ */
|
|
2536
|
+
return /* @__PURE__ */ D("g", { children: [/* @__PURE__ */ E("text", {
|
|
2453
2537
|
x: g,
|
|
2454
2538
|
y: m,
|
|
2455
2539
|
textAnchor: s,
|
|
@@ -2458,7 +2542,7 @@ var K = {
|
|
|
2458
2542
|
fontWeight: 600,
|
|
2459
2543
|
fontFamily: "var(--font-sans)",
|
|
2460
2544
|
children: f
|
|
2461
|
-
}), /* @__PURE__ */
|
|
2545
|
+
}), /* @__PURE__ */ E("text", {
|
|
2462
2546
|
x: g,
|
|
2463
2547
|
y: h,
|
|
2464
2548
|
textAnchor: s,
|
|
@@ -2467,56 +2551,56 @@ var K = {
|
|
|
2467
2551
|
fontFamily: "var(--font-sans)",
|
|
2468
2552
|
children: c.label
|
|
2469
2553
|
})] });
|
|
2470
|
-
},
|
|
2471
|
-
return /* @__PURE__ */
|
|
2554
|
+
}, S = Ar[n], ne = (b > 0 ? Math.min(b, S) / 2 - 5 : 0) * .7;
|
|
2555
|
+
return /* @__PURE__ */ D("div", {
|
|
2472
2556
|
ref: a,
|
|
2473
|
-
className: [
|
|
2474
|
-
children: [y && b > 0 && /* @__PURE__ */
|
|
2475
|
-
className:
|
|
2557
|
+
className: [kr.chart, i ?? ""].filter(Boolean).join(" "),
|
|
2558
|
+
children: [y && b > 0 && /* @__PURE__ */ E("svg", {
|
|
2559
|
+
className: kr.circleFillSvg,
|
|
2476
2560
|
width: b,
|
|
2477
|
-
height:
|
|
2478
|
-
children:
|
|
2561
|
+
height: S,
|
|
2562
|
+
children: Lr.map((e) => /* @__PURE__ */ E("circle", {
|
|
2479
2563
|
cx: b / 2,
|
|
2480
|
-
cy:
|
|
2481
|
-
r:
|
|
2564
|
+
cy: S / 2,
|
|
2565
|
+
r: ne * e,
|
|
2482
2566
|
fill: c,
|
|
2483
2567
|
fillOpacity: .1
|
|
2484
2568
|
}, e))
|
|
2485
|
-
}), /* @__PURE__ */
|
|
2569
|
+
}), /* @__PURE__ */ E(Gt, {
|
|
2486
2570
|
width: "100%",
|
|
2487
|
-
height:
|
|
2488
|
-
children: /* @__PURE__ */
|
|
2571
|
+
height: S,
|
|
2572
|
+
children: /* @__PURE__ */ D(Ht, {
|
|
2489
2573
|
data: ee,
|
|
2490
2574
|
outerRadius: "70%",
|
|
2491
2575
|
children: [
|
|
2492
|
-
!g && !v && /* @__PURE__ */
|
|
2493
|
-
gridType:
|
|
2576
|
+
!g && !v && /* @__PURE__ */ E(zt, {
|
|
2577
|
+
gridType: jr.has(t) ? "circle" : "polygon",
|
|
2494
2578
|
radialLines: t !== "circle-grid-no-lines" && !_,
|
|
2495
2579
|
stroke: l
|
|
2496
2580
|
}),
|
|
2497
|
-
/* @__PURE__ */
|
|
2581
|
+
/* @__PURE__ */ E(Rt, {
|
|
2498
2582
|
dataKey: "label",
|
|
2499
2583
|
axisLine: !1,
|
|
2500
|
-
tick: t === "custom-label" ?
|
|
2584
|
+
tick: t === "custom-label" ? te : {
|
|
2501
2585
|
fill: u,
|
|
2502
2586
|
fontSize: 12,
|
|
2503
2587
|
fontFamily: "var(--font-sans)"
|
|
2504
2588
|
}
|
|
2505
2589
|
}),
|
|
2506
|
-
/* @__PURE__ */
|
|
2590
|
+
/* @__PURE__ */ E(Bt, {
|
|
2507
2591
|
tick: !1,
|
|
2508
2592
|
axisLine: !1,
|
|
2509
2593
|
tickCount: _ ? 2 : void 0
|
|
2510
2594
|
}),
|
|
2511
|
-
/* @__PURE__ */
|
|
2512
|
-
content: /* @__PURE__ */
|
|
2595
|
+
/* @__PURE__ */ E(qt, {
|
|
2596
|
+
content: /* @__PURE__ */ E(de, {}),
|
|
2513
2597
|
wrapperStyle: { zIndex: 50 }
|
|
2514
2598
|
}),
|
|
2515
|
-
d && /* @__PURE__ */
|
|
2599
|
+
d && /* @__PURE__ */ E(Ft, { wrapperStyle: {
|
|
2516
2600
|
fontSize: 12,
|
|
2517
2601
|
fontFamily: "var(--font-sans)"
|
|
2518
2602
|
} }),
|
|
2519
|
-
g &&
|
|
2603
|
+
g && Lr.map((e, t) => /* @__PURE__ */ E(Vt, {
|
|
2520
2604
|
dataKey: `ring${t}`,
|
|
2521
2605
|
stroke: "none",
|
|
2522
2606
|
fill: c,
|
|
@@ -2524,13 +2608,13 @@ var K = {
|
|
|
2524
2608
|
isAnimationActive: !1,
|
|
2525
2609
|
legendType: "none"
|
|
2526
2610
|
}, `ring${t}`)),
|
|
2527
|
-
/* @__PURE__ */
|
|
2611
|
+
/* @__PURE__ */ E(Vt, {
|
|
2528
2612
|
name: d ? r[0] ?? "Value" : void 0,
|
|
2529
2613
|
dataKey: "value",
|
|
2530
|
-
stroke:
|
|
2614
|
+
stroke: Ir.has(t) ? "none" : c,
|
|
2531
2615
|
fill: m ? c : "none",
|
|
2532
2616
|
fillOpacity: m ? _ ? 1 : p ? .45 : .5 : 0,
|
|
2533
|
-
strokeWidth:
|
|
2617
|
+
strokeWidth: Ir.has(t) ? 0 : 2,
|
|
2534
2618
|
dot: h ? {
|
|
2535
2619
|
r: 4,
|
|
2536
2620
|
fill: c,
|
|
@@ -2538,7 +2622,7 @@ var K = {
|
|
|
2538
2622
|
} : !1,
|
|
2539
2623
|
isAnimationActive: !1
|
|
2540
2624
|
}),
|
|
2541
|
-
p && /* @__PURE__ */
|
|
2625
|
+
p && /* @__PURE__ */ E(Vt, {
|
|
2542
2626
|
name: d ? r[1] ?? "Value 2" : void 0,
|
|
2543
2627
|
dataKey: "value2",
|
|
2544
2628
|
stroke: f ? s : "none",
|
|
@@ -2556,50 +2640,50 @@ var K = {
|
|
|
2556
2640
|
})
|
|
2557
2641
|
})]
|
|
2558
2642
|
});
|
|
2559
|
-
},
|
|
2643
|
+
}, q = {
|
|
2560
2644
|
chart: "_chart_1ogmh_2",
|
|
2561
2645
|
gridSvg: "_gridSvg_1ogmh_19",
|
|
2562
2646
|
gaugeSvg: "_gaugeSvg_1ogmh_31",
|
|
2563
2647
|
center: "_center_1ogmh_36",
|
|
2564
2648
|
center__value: "_center__value_1ogmh_45",
|
|
2565
2649
|
center__caption: "_center__caption_1ogmh_46"
|
|
2566
|
-
},
|
|
2650
|
+
}, zr = {
|
|
2567
2651
|
sm: 180,
|
|
2568
2652
|
md: 220,
|
|
2569
2653
|
lg: 280,
|
|
2570
2654
|
xl: 340
|
|
2571
|
-
},
|
|
2655
|
+
}, Br = Math.PI / 180, Vr = (e) => Math.round(e * 1e3) / 1e3, Hr = {
|
|
2572
2656
|
multi: ["30%", "100%"],
|
|
2573
2657
|
grid: ["30%", "100%"],
|
|
2574
2658
|
"stacked-label": ["30%", "100%"],
|
|
2575
2659
|
text: ["76%", "100%"]
|
|
2576
|
-
},
|
|
2660
|
+
}, Ur = ({ value: e, max: t, color: n, track: r, centerValue: i, centerCaption: a, labelColor: o, captionColor: s }) => {
|
|
2577
2661
|
let c = Math.round(Math.min(e, t) / t * 40);
|
|
2578
|
-
return /* @__PURE__ */
|
|
2662
|
+
return /* @__PURE__ */ D("svg", {
|
|
2579
2663
|
viewBox: "0 0 200 120",
|
|
2580
|
-
className:
|
|
2664
|
+
className: q.gaugeSvg,
|
|
2581
2665
|
children: [Array.from({ length: 40 }).map((e, t) => {
|
|
2582
2666
|
let i = 180 + t / 39 * 180;
|
|
2583
|
-
return /* @__PURE__ */
|
|
2584
|
-
x1:
|
|
2585
|
-
y1:
|
|
2586
|
-
x2:
|
|
2587
|
-
y2:
|
|
2667
|
+
return /* @__PURE__ */ E("line", {
|
|
2668
|
+
x1: Vr(100 + 78 * Math.cos(i * Br)),
|
|
2669
|
+
y1: Vr(100 + 78 * Math.sin(i * Br)),
|
|
2670
|
+
x2: Vr(100 + 92 * Math.cos(i * Br)),
|
|
2671
|
+
y2: Vr(100 + 92 * Math.sin(i * Br)),
|
|
2588
2672
|
stroke: t < c ? n : r,
|
|
2589
2673
|
strokeWidth: 2.5,
|
|
2590
2674
|
strokeLinecap: "round"
|
|
2591
2675
|
}, t);
|
|
2592
|
-
}), (i || a) && /* @__PURE__ */
|
|
2676
|
+
}), (i || a) && /* @__PURE__ */ D("g", {
|
|
2593
2677
|
textAnchor: "middle",
|
|
2594
2678
|
fontFamily: "var(--font-sans)",
|
|
2595
|
-
children: [i && /* @__PURE__ */
|
|
2679
|
+
children: [i && /* @__PURE__ */ E("text", {
|
|
2596
2680
|
x: 100,
|
|
2597
2681
|
y: 92,
|
|
2598
2682
|
fontSize: 22,
|
|
2599
2683
|
fontWeight: 500,
|
|
2600
2684
|
fill: o,
|
|
2601
2685
|
children: i
|
|
2602
|
-
}), a && /* @__PURE__ */
|
|
2686
|
+
}), a && /* @__PURE__ */ E("text", {
|
|
2603
2687
|
x: 100,
|
|
2604
2688
|
y: 112,
|
|
2605
2689
|
fontSize: 12,
|
|
@@ -2608,10 +2692,10 @@ var K = {
|
|
|
2608
2692
|
})]
|
|
2609
2693
|
})]
|
|
2610
2694
|
});
|
|
2611
|
-
},
|
|
2695
|
+
}, Wr = ({ rings: e, spokes: t, color: n }) => /* @__PURE__ */ D("svg", {
|
|
2612
2696
|
viewBox: "0 0 200 200",
|
|
2613
|
-
className:
|
|
2614
|
-
children: [Array.from({ length: e }).map((t, r) => /* @__PURE__ */
|
|
2697
|
+
className: q.gridSvg,
|
|
2698
|
+
children: [Array.from({ length: e }).map((t, r) => /* @__PURE__ */ E("circle", {
|
|
2615
2699
|
cx: 100,
|
|
2616
2700
|
cy: 100,
|
|
2617
2701
|
r: (r + 1) / e * 96,
|
|
@@ -2620,16 +2704,16 @@ var K = {
|
|
|
2620
2704
|
strokeWidth: 1
|
|
2621
2705
|
}, r)), Array.from({ length: t }).map((e, r) => {
|
|
2622
2706
|
let i = r / t * 360, a = 99.5 * 1.1;
|
|
2623
|
-
return /* @__PURE__ */
|
|
2707
|
+
return /* @__PURE__ */ E("line", {
|
|
2624
2708
|
x1: 100,
|
|
2625
2709
|
y1: 100,
|
|
2626
|
-
x2:
|
|
2627
|
-
y2:
|
|
2710
|
+
x2: Vr(100 + a * Math.cos(i * Br)),
|
|
2711
|
+
y2: Vr(100 + a * Math.sin(i * Br)),
|
|
2628
2712
|
stroke: n,
|
|
2629
2713
|
strokeWidth: 1
|
|
2630
2714
|
}, r);
|
|
2631
2715
|
})]
|
|
2632
|
-
}),
|
|
2716
|
+
}), Gr = ({ data: e, palette: t, track: n, centerValue: r, centerCaption: i, labelColor: a, captionColor: o }) => {
|
|
2633
2717
|
let s = e[0]?.max ?? e.reduce((e, t) => e + t.value, 0), c = 210, l = e.map((e, n) => {
|
|
2634
2718
|
let r = s > 0 ? e.value / s * 240 : 0, i = c, a = c - r;
|
|
2635
2719
|
return c = a, {
|
|
@@ -2638,11 +2722,11 @@ var K = {
|
|
|
2638
2722
|
fill: t[n % t.length]
|
|
2639
2723
|
};
|
|
2640
2724
|
});
|
|
2641
|
-
return /* @__PURE__ */
|
|
2725
|
+
return /* @__PURE__ */ D("svg", {
|
|
2642
2726
|
viewBox: "0 0 200 160",
|
|
2643
|
-
className:
|
|
2727
|
+
className: q.gaugeSvg,
|
|
2644
2728
|
children: [
|
|
2645
|
-
l.map((e, t) => /* @__PURE__ */
|
|
2729
|
+
l.map((e, t) => /* @__PURE__ */ E(Kt, {
|
|
2646
2730
|
cx: 100,
|
|
2647
2731
|
cy: 100,
|
|
2648
2732
|
innerRadius: 64,
|
|
@@ -2652,7 +2736,7 @@ var K = {
|
|
|
2652
2736
|
fill: e.fill,
|
|
2653
2737
|
cornerRadius: 4
|
|
2654
2738
|
}, t)),
|
|
2655
|
-
c > -29.5 && /* @__PURE__ */
|
|
2739
|
+
c > -29.5 && /* @__PURE__ */ E(Kt, {
|
|
2656
2740
|
cx: 100,
|
|
2657
2741
|
cy: 100,
|
|
2658
2742
|
innerRadius: 64,
|
|
@@ -2662,17 +2746,17 @@ var K = {
|
|
|
2662
2746
|
fill: n,
|
|
2663
2747
|
cornerRadius: 4
|
|
2664
2748
|
}),
|
|
2665
|
-
(r || i) && /* @__PURE__ */
|
|
2749
|
+
(r || i) && /* @__PURE__ */ D("g", {
|
|
2666
2750
|
textAnchor: "middle",
|
|
2667
2751
|
fontFamily: "var(--font-sans)",
|
|
2668
|
-
children: [r && /* @__PURE__ */
|
|
2752
|
+
children: [r && /* @__PURE__ */ E("text", {
|
|
2669
2753
|
x: 100,
|
|
2670
2754
|
y: 92,
|
|
2671
2755
|
fontSize: 22,
|
|
2672
2756
|
fontWeight: 500,
|
|
2673
2757
|
fill: a,
|
|
2674
2758
|
children: r
|
|
2675
|
-
}), i && /* @__PURE__ */
|
|
2759
|
+
}), i && /* @__PURE__ */ E("text", {
|
|
2676
2760
|
x: 100,
|
|
2677
2761
|
y: 112,
|
|
2678
2762
|
fontSize: 12,
|
|
@@ -2682,21 +2766,21 @@ var K = {
|
|
|
2682
2766
|
})
|
|
2683
2767
|
]
|
|
2684
2768
|
});
|
|
2685
|
-
},
|
|
2686
|
-
let o =
|
|
2769
|
+
}, Kr = ({ data: e, variant: t = "multi", size: n = "md", centerValue: r, centerCaption: i, className: a }) => {
|
|
2770
|
+
let o = T.useRef(null), s = Ue(o), c = [
|
|
2687
2771
|
1,
|
|
2688
2772
|
2,
|
|
2689
2773
|
3,
|
|
2690
2774
|
4,
|
|
2691
2775
|
5
|
|
2692
|
-
].map((e) => s(`--color-chart-${e}`) ??
|
|
2776
|
+
].map((e) => s(`--color-chart-${e}`) ?? Ie[e - 1]), l = s("--color-bg-subtle") ?? "#f5f4f2", u = s("--color-border-subtle") ?? "#e7e5e1", d = s("--color-fg-default") ?? "#141414", f = s("--color-fg-muted") ?? "#78716a", p = zr[n];
|
|
2693
2777
|
if (t === "gauge-tick") {
|
|
2694
2778
|
let t = e[0];
|
|
2695
|
-
return /* @__PURE__ */
|
|
2779
|
+
return /* @__PURE__ */ E("div", {
|
|
2696
2780
|
ref: o,
|
|
2697
|
-
className: [
|
|
2781
|
+
className: [q.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2698
2782
|
style: { height: p },
|
|
2699
|
-
children: /* @__PURE__ */
|
|
2783
|
+
children: /* @__PURE__ */ E(Ur, {
|
|
2700
2784
|
value: t?.value ?? 0,
|
|
2701
2785
|
max: t?.max ?? 100,
|
|
2702
2786
|
color: c[0],
|
|
@@ -2708,11 +2792,11 @@ var K = {
|
|
|
2708
2792
|
})
|
|
2709
2793
|
});
|
|
2710
2794
|
}
|
|
2711
|
-
if (t === "shape" || t === "stacked" || t === "stacked-3-layers") return /* @__PURE__ */
|
|
2795
|
+
if (t === "shape" || t === "stacked" || t === "stacked-3-layers") return /* @__PURE__ */ E("div", {
|
|
2712
2796
|
ref: o,
|
|
2713
|
-
className: [
|
|
2797
|
+
className: [q.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2714
2798
|
style: { height: p },
|
|
2715
|
-
children: /* @__PURE__ */
|
|
2799
|
+
children: /* @__PURE__ */ E(Gr, {
|
|
2716
2800
|
data: e,
|
|
2717
2801
|
palette: c,
|
|
2718
2802
|
track: l,
|
|
@@ -2722,54 +2806,54 @@ var K = {
|
|
|
2722
2806
|
captionColor: f
|
|
2723
2807
|
})
|
|
2724
2808
|
});
|
|
2725
|
-
let [m, h] =
|
|
2726
|
-
return /* @__PURE__ */
|
|
2809
|
+
let [m, h] = Hr[t] ?? ["30%", "100%"], g = (t === "stacked-label" || t === "text") && (r || i);
|
|
2810
|
+
return /* @__PURE__ */ D("div", {
|
|
2727
2811
|
ref: o,
|
|
2728
|
-
className: [
|
|
2812
|
+
className: [q.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2729
2813
|
style: { height: p },
|
|
2730
2814
|
children: [
|
|
2731
|
-
t === "grid" && /* @__PURE__ */
|
|
2815
|
+
t === "grid" && /* @__PURE__ */ E(Wr, {
|
|
2732
2816
|
rings: 8,
|
|
2733
2817
|
spokes: 12,
|
|
2734
2818
|
color: u
|
|
2735
2819
|
}),
|
|
2736
|
-
/* @__PURE__ */
|
|
2820
|
+
/* @__PURE__ */ E(Gt, {
|
|
2737
2821
|
width: "100%",
|
|
2738
2822
|
height: "100%",
|
|
2739
|
-
children: /* @__PURE__ */
|
|
2823
|
+
children: /* @__PURE__ */ D(Wt, {
|
|
2740
2824
|
data: e,
|
|
2741
2825
|
innerRadius: m,
|
|
2742
2826
|
outerRadius: h,
|
|
2743
2827
|
startAngle: 90,
|
|
2744
2828
|
endAngle: -270,
|
|
2745
2829
|
barCategoryGap: "12%",
|
|
2746
|
-
children: [/* @__PURE__ */
|
|
2830
|
+
children: [/* @__PURE__ */ E(Rt, {
|
|
2747
2831
|
type: "number",
|
|
2748
2832
|
domain: [0, e[0]?.max ?? 100],
|
|
2749
2833
|
tick: !1,
|
|
2750
2834
|
axisLine: !1
|
|
2751
|
-
}), /* @__PURE__ */
|
|
2835
|
+
}), /* @__PURE__ */ E(Ut, {
|
|
2752
2836
|
dataKey: "value",
|
|
2753
2837
|
background: t !== "grid" && { fill: l },
|
|
2754
2838
|
cornerRadius: 8,
|
|
2755
2839
|
isAnimationActive: !1,
|
|
2756
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
2840
|
+
children: e.map((e, t) => /* @__PURE__ */ E(Pt, { fill: c[t % c.length] }, t))
|
|
2757
2841
|
})]
|
|
2758
2842
|
})
|
|
2759
2843
|
}),
|
|
2760
|
-
g && /* @__PURE__ */
|
|
2761
|
-
className:
|
|
2762
|
-
children: [r && /* @__PURE__ */
|
|
2763
|
-
className:
|
|
2844
|
+
g && /* @__PURE__ */ D("div", {
|
|
2845
|
+
className: q.center,
|
|
2846
|
+
children: [r && /* @__PURE__ */ E("span", {
|
|
2847
|
+
className: q.center__value,
|
|
2764
2848
|
children: r
|
|
2765
|
-
}), i && /* @__PURE__ */
|
|
2766
|
-
className:
|
|
2849
|
+
}), i && /* @__PURE__ */ E("span", {
|
|
2850
|
+
className: q.center__caption,
|
|
2767
2851
|
children: i
|
|
2768
2852
|
})]
|
|
2769
2853
|
})
|
|
2770
2854
|
]
|
|
2771
2855
|
});
|
|
2772
|
-
},
|
|
2856
|
+
}, J = {
|
|
2773
2857
|
wrapper: "_wrapper_5ueza_3",
|
|
2774
2858
|
"wrapper--disabled": "_wrapper--disabled_5ueza_11",
|
|
2775
2859
|
input: "_input_5ueza_13",
|
|
@@ -2779,45 +2863,45 @@ var K = {
|
|
|
2779
2863
|
text__label: "_text__label_5ueza_80",
|
|
2780
2864
|
text__description: "_text__description_5ueza_81",
|
|
2781
2865
|
"wrapper--withDescription": "_wrapper--withDescription_5ueza_85"
|
|
2782
|
-
},
|
|
2783
|
-
let s =
|
|
2784
|
-
return /* @__PURE__ */
|
|
2866
|
+
}, qr = T.forwardRef(({ label: e, description: t, disabled: n, id: r, className: i, ...a }, o) => {
|
|
2867
|
+
let s = T.useId(), c = r ?? s;
|
|
2868
|
+
return /* @__PURE__ */ D("label", {
|
|
2785
2869
|
htmlFor: c,
|
|
2786
2870
|
className: [
|
|
2787
|
-
|
|
2788
|
-
t ?
|
|
2789
|
-
n ?
|
|
2871
|
+
J.wrapper,
|
|
2872
|
+
t ? J["wrapper--withDescription"] : "",
|
|
2873
|
+
n ? J["wrapper--disabled"] : "",
|
|
2790
2874
|
i ?? ""
|
|
2791
2875
|
].filter(Boolean).join(" "),
|
|
2792
2876
|
children: [
|
|
2793
|
-
/* @__PURE__ */
|
|
2877
|
+
/* @__PURE__ */ E("input", {
|
|
2794
2878
|
ref: o,
|
|
2795
2879
|
id: c,
|
|
2796
2880
|
type: "radio",
|
|
2797
2881
|
disabled: n,
|
|
2798
|
-
className:
|
|
2882
|
+
className: J.input,
|
|
2799
2883
|
...a
|
|
2800
2884
|
}),
|
|
2801
|
-
/* @__PURE__ */
|
|
2802
|
-
className:
|
|
2885
|
+
/* @__PURE__ */ E("span", {
|
|
2886
|
+
className: J.circle,
|
|
2803
2887
|
"aria-hidden": "true",
|
|
2804
|
-
children: /* @__PURE__ */
|
|
2888
|
+
children: /* @__PURE__ */ E("span", { className: J.dot })
|
|
2805
2889
|
}),
|
|
2806
|
-
(e || t) && /* @__PURE__ */
|
|
2807
|
-
className:
|
|
2808
|
-
children: [e && /* @__PURE__ */
|
|
2809
|
-
className:
|
|
2890
|
+
(e || t) && /* @__PURE__ */ D("span", {
|
|
2891
|
+
className: J.text,
|
|
2892
|
+
children: [e && /* @__PURE__ */ E("span", {
|
|
2893
|
+
className: J.text__label,
|
|
2810
2894
|
children: e
|
|
2811
|
-
}), t && /* @__PURE__ */
|
|
2812
|
-
className:
|
|
2895
|
+
}), t && /* @__PURE__ */ E("span", {
|
|
2896
|
+
className: J.text__description,
|
|
2813
2897
|
children: t
|
|
2814
2898
|
})]
|
|
2815
2899
|
})
|
|
2816
2900
|
]
|
|
2817
2901
|
});
|
|
2818
2902
|
});
|
|
2819
|
-
|
|
2820
|
-
var
|
|
2903
|
+
qr.displayName = "Radio";
|
|
2904
|
+
var Y = {
|
|
2821
2905
|
footer: "_footer_x13xl_4",
|
|
2822
2906
|
"footer--collapsed": "_footer--collapsed_x13xl_12",
|
|
2823
2907
|
footer__text: "_footer__text_x13xl_14",
|
|
@@ -2825,136 +2909,136 @@ var X = {
|
|
|
2825
2909
|
footer__subtitle: "_footer__subtitle_x13xl_16",
|
|
2826
2910
|
footer__menu: "_footer__menu_x13xl_17",
|
|
2827
2911
|
footer__action: "_footer__action_x13xl_29"
|
|
2828
|
-
},
|
|
2829
|
-
let l = /* @__PURE__ */
|
|
2912
|
+
}, Jr = ({ type: e = "user", title: t, subtitle: n, avatarSrc: r, avatarInitials: i, collapsed: a, onMenu: o, onSignOut: s }) => {
|
|
2913
|
+
let l = /* @__PURE__ */ E(c, {
|
|
2830
2914
|
size: a ? "sm" : "md",
|
|
2831
2915
|
src: r,
|
|
2832
2916
|
initials: i,
|
|
2833
2917
|
alt: t ?? "User"
|
|
2834
2918
|
});
|
|
2835
|
-
return a ? /* @__PURE__ */
|
|
2836
|
-
className: [
|
|
2919
|
+
return a ? /* @__PURE__ */ E("div", {
|
|
2920
|
+
className: [Y.footer, Y["footer--collapsed"]].join(" "),
|
|
2837
2921
|
children: l
|
|
2838
|
-
}) : e === "actions" ? /* @__PURE__ */
|
|
2839
|
-
className:
|
|
2840
|
-
children: /* @__PURE__ */
|
|
2922
|
+
}) : e === "actions" ? /* @__PURE__ */ E("div", {
|
|
2923
|
+
className: Y.footer,
|
|
2924
|
+
children: /* @__PURE__ */ D("button", {
|
|
2841
2925
|
type: "button",
|
|
2842
2926
|
"data-hover-item": "",
|
|
2843
|
-
className:
|
|
2927
|
+
className: Y.footer__action,
|
|
2844
2928
|
onClick: s,
|
|
2845
|
-
children: [/* @__PURE__ */
|
|
2929
|
+
children: [/* @__PURE__ */ E(Et, {
|
|
2846
2930
|
size: 16,
|
|
2847
|
-
strokeWidth:
|
|
2931
|
+
strokeWidth: w(16)
|
|
2848
2932
|
}), " Sign out"]
|
|
2849
2933
|
})
|
|
2850
|
-
}) : /* @__PURE__ */
|
|
2851
|
-
className:
|
|
2934
|
+
}) : /* @__PURE__ */ D("div", {
|
|
2935
|
+
className: Y.footer,
|
|
2852
2936
|
children: [
|
|
2853
2937
|
l,
|
|
2854
|
-
/* @__PURE__ */
|
|
2855
|
-
className:
|
|
2856
|
-
children: [t && /* @__PURE__ */
|
|
2857
|
-
className:
|
|
2938
|
+
/* @__PURE__ */ D("span", {
|
|
2939
|
+
className: Y.footer__text,
|
|
2940
|
+
children: [t && /* @__PURE__ */ E("span", {
|
|
2941
|
+
className: Y.footer__title,
|
|
2858
2942
|
children: t
|
|
2859
|
-
}), n && /* @__PURE__ */
|
|
2860
|
-
className:
|
|
2943
|
+
}), n && /* @__PURE__ */ E("span", {
|
|
2944
|
+
className: Y.footer__subtitle,
|
|
2861
2945
|
children: n
|
|
2862
2946
|
})]
|
|
2863
2947
|
}),
|
|
2864
|
-
e === "user-menu" && /* @__PURE__ */
|
|
2948
|
+
e === "user-menu" && /* @__PURE__ */ E("button", {
|
|
2865
2949
|
type: "button",
|
|
2866
2950
|
"data-hover-item": "",
|
|
2867
|
-
className:
|
|
2951
|
+
className: Y.footer__menu,
|
|
2868
2952
|
onClick: o,
|
|
2869
2953
|
"aria-label": "Open menu",
|
|
2870
|
-
children: /* @__PURE__ */
|
|
2954
|
+
children: /* @__PURE__ */ E(ut, {
|
|
2871
2955
|
size: 16,
|
|
2872
|
-
strokeWidth:
|
|
2956
|
+
strokeWidth: w(16)
|
|
2873
2957
|
})
|
|
2874
2958
|
})
|
|
2875
2959
|
]
|
|
2876
2960
|
});
|
|
2877
|
-
},
|
|
2961
|
+
}, X = {
|
|
2878
2962
|
search: "_search_4878u_2",
|
|
2879
2963
|
search__icon: "_search__icon_4878u_25",
|
|
2880
2964
|
search__input: "_search__input_4878u_26",
|
|
2881
2965
|
search__placeholder: "_search__placeholder_4878u_38",
|
|
2882
2966
|
search__kbd: "_search__kbd_4878u_39",
|
|
2883
2967
|
collapsed: "_collapsed_4878u_53"
|
|
2884
|
-
},
|
|
2968
|
+
}, Yr = ({ type: e = "field", placeholder: t = "Search…", collapsed: n, value: r, onChange: i, onClick: a }) => n ? /* @__PURE__ */ E("button", {
|
|
2885
2969
|
type: "button",
|
|
2886
|
-
className:
|
|
2970
|
+
className: X.collapsed,
|
|
2887
2971
|
onClick: a,
|
|
2888
2972
|
"aria-label": "Search",
|
|
2889
|
-
children: /* @__PURE__ */
|
|
2973
|
+
children: /* @__PURE__ */ E(gt, {
|
|
2890
2974
|
size: 18,
|
|
2891
|
-
strokeWidth:
|
|
2975
|
+
strokeWidth: w(18)
|
|
2892
2976
|
})
|
|
2893
|
-
}) : e === "command" ? /* @__PURE__ */
|
|
2977
|
+
}) : e === "command" ? /* @__PURE__ */ D("button", {
|
|
2894
2978
|
type: "button",
|
|
2895
|
-
className:
|
|
2979
|
+
className: X.search,
|
|
2896
2980
|
onClick: a,
|
|
2897
2981
|
children: [
|
|
2898
|
-
/* @__PURE__ */
|
|
2982
|
+
/* @__PURE__ */ E(gt, {
|
|
2899
2983
|
size: 16,
|
|
2900
|
-
strokeWidth:
|
|
2901
|
-
className:
|
|
2984
|
+
strokeWidth: w(16),
|
|
2985
|
+
className: X.search__icon
|
|
2902
2986
|
}),
|
|
2903
|
-
/* @__PURE__ */
|
|
2904
|
-
className:
|
|
2987
|
+
/* @__PURE__ */ E("span", {
|
|
2988
|
+
className: X.search__placeholder,
|
|
2905
2989
|
children: t
|
|
2906
2990
|
}),
|
|
2907
|
-
/* @__PURE__ */
|
|
2908
|
-
className:
|
|
2991
|
+
/* @__PURE__ */ E("kbd", {
|
|
2992
|
+
className: X.search__kbd,
|
|
2909
2993
|
children: "⌘K"
|
|
2910
2994
|
})
|
|
2911
2995
|
]
|
|
2912
|
-
}) : /* @__PURE__ */
|
|
2913
|
-
className:
|
|
2914
|
-
children: [/* @__PURE__ */
|
|
2996
|
+
}) : /* @__PURE__ */ D("div", {
|
|
2997
|
+
className: X.search,
|
|
2998
|
+
children: [/* @__PURE__ */ E(gt, {
|
|
2915
2999
|
size: 16,
|
|
2916
|
-
strokeWidth:
|
|
2917
|
-
className:
|
|
2918
|
-
}), /* @__PURE__ */
|
|
2919
|
-
className:
|
|
3000
|
+
strokeWidth: w(16),
|
|
3001
|
+
className: X.search__icon
|
|
3002
|
+
}), /* @__PURE__ */ E("input", {
|
|
3003
|
+
className: X.search__input,
|
|
2920
3004
|
placeholder: t,
|
|
2921
3005
|
value: r,
|
|
2922
3006
|
onChange: (e) => i?.(e.target.value)
|
|
2923
3007
|
})]
|
|
2924
|
-
}),
|
|
3008
|
+
}), Xr = {
|
|
2925
3009
|
spinner: "_spinner_14r00_3",
|
|
2926
3010
|
"spinner--sm": "_spinner--sm_14r00_12",
|
|
2927
3011
|
"spinner--md": "_spinner--md_14r00_13",
|
|
2928
3012
|
"spinner--lg": "_spinner--lg_14r00_14",
|
|
2929
3013
|
spinner__svg: "_spinner__svg_14r00_17",
|
|
2930
3014
|
"spinner-rotate": "_spinner-rotate_14r00_1"
|
|
2931
|
-
},
|
|
3015
|
+
}, Zr = ({ size: e = "md", label: t = "Loading...", className: n }) => /* @__PURE__ */ E("span", {
|
|
2932
3016
|
role: "status",
|
|
2933
3017
|
"aria-label": t,
|
|
2934
3018
|
className: [
|
|
2935
|
-
|
|
2936
|
-
|
|
3019
|
+
Xr.spinner,
|
|
3020
|
+
Xr[`spinner--${e}`],
|
|
2937
3021
|
n ?? ""
|
|
2938
3022
|
].filter(Boolean).join(" "),
|
|
2939
|
-
children: /* @__PURE__ */
|
|
3023
|
+
children: /* @__PURE__ */ D("svg", {
|
|
2940
3024
|
viewBox: "0 0 24 24",
|
|
2941
3025
|
fill: "none",
|
|
2942
3026
|
stroke: "currentColor",
|
|
2943
3027
|
strokeWidth: 2.5,
|
|
2944
3028
|
strokeLinecap: "round",
|
|
2945
3029
|
"aria-hidden": "true",
|
|
2946
|
-
className:
|
|
2947
|
-
children: [/* @__PURE__ */
|
|
3030
|
+
className: Xr.spinner__svg,
|
|
3031
|
+
children: [/* @__PURE__ */ E("circle", {
|
|
2948
3032
|
cx: 12,
|
|
2949
3033
|
cy: 12,
|
|
2950
3034
|
r: 9,
|
|
2951
3035
|
opacity: .2
|
|
2952
|
-
}), /* @__PURE__ */
|
|
3036
|
+
}), /* @__PURE__ */ E("path", {
|
|
2953
3037
|
d: "M12 3a9 9 0 0 1 9 9",
|
|
2954
|
-
className:
|
|
3038
|
+
className: Xr.spinner__arc
|
|
2955
3039
|
})]
|
|
2956
3040
|
})
|
|
2957
|
-
}),
|
|
3041
|
+
}), Z = {
|
|
2958
3042
|
stepper: "_stepper_1qhab_3",
|
|
2959
3043
|
"stepper--horizontal": "_stepper--horizontal_1qhab_4",
|
|
2960
3044
|
"stepper--vertical": "_stepper--vertical_1qhab_5",
|
|
@@ -2979,51 +3063,51 @@ var X = {
|
|
|
2979
3063
|
"connector--vertical": "_connector--vertical_1qhab_82",
|
|
2980
3064
|
"connector--filled": "_connector--filled_1qhab_86",
|
|
2981
3065
|
"connector--horizontal": "_connector--horizontal_1qhab_88"
|
|
2982
|
-
},
|
|
2983
|
-
className: [
|
|
3066
|
+
}, Qr = ({ index: e, state: t, label: n, description: r, orientation: i = "horizontal", delay: a = 0, fresh: o }) => /* @__PURE__ */ D("div", {
|
|
3067
|
+
className: [Z.step, Z[`step--${i}`]].join(" "),
|
|
2984
3068
|
style: { "--delay": `${a}ms` },
|
|
2985
|
-
children: [/* @__PURE__ */
|
|
2986
|
-
className: [
|
|
3069
|
+
children: [/* @__PURE__ */ E("span", {
|
|
3070
|
+
className: [Z.circle, Z[`circle--${t}`]].join(" "),
|
|
2987
3071
|
"data-fresh": o || void 0,
|
|
2988
3072
|
"aria-hidden": "true",
|
|
2989
|
-
children: t === "completed" ? /* @__PURE__ */
|
|
3073
|
+
children: t === "completed" ? /* @__PURE__ */ E(mt, {
|
|
2990
3074
|
size: 14,
|
|
2991
|
-
strokeWidth:
|
|
2992
|
-
}) : /* @__PURE__ */
|
|
2993
|
-
className:
|
|
3075
|
+
strokeWidth: w(14)
|
|
3076
|
+
}) : /* @__PURE__ */ E("span", {
|
|
3077
|
+
className: Z.circle__num,
|
|
2994
3078
|
children: e + 1
|
|
2995
3079
|
})
|
|
2996
|
-
}), /* @__PURE__ */
|
|
2997
|
-
className:
|
|
2998
|
-
children: [/* @__PURE__ */
|
|
3080
|
+
}), /* @__PURE__ */ D("span", {
|
|
3081
|
+
className: Z.step__text,
|
|
3082
|
+
children: [/* @__PURE__ */ E("span", {
|
|
2999
3083
|
className: [
|
|
3000
|
-
|
|
3001
|
-
t === "current" ?
|
|
3002
|
-
t === "upcoming" ?
|
|
3084
|
+
Z.step__label,
|
|
3085
|
+
t === "current" ? Z["step__label--current"] : "",
|
|
3086
|
+
t === "upcoming" ? Z["step__label--upcoming"] : ""
|
|
3003
3087
|
].filter(Boolean).join(" "),
|
|
3004
3088
|
children: n
|
|
3005
|
-
}), r && /* @__PURE__ */
|
|
3006
|
-
className:
|
|
3089
|
+
}), r && /* @__PURE__ */ E("span", {
|
|
3090
|
+
className: Z.step__desc,
|
|
3007
3091
|
children: r
|
|
3008
3092
|
})]
|
|
3009
3093
|
})]
|
|
3010
|
-
}),
|
|
3011
|
-
let i = (e) => e < t ? "completed" : e === t ? "current" : "upcoming", a =
|
|
3012
|
-
|
|
3094
|
+
}), $r = 457, ei = ({ steps: e, current: t, orientation: n = "horizontal", className: r }) => {
|
|
3095
|
+
let i = (e) => e < t ? "completed" : e === t ? "current" : "upcoming", a = Ot(t), [o, s] = kt(!1);
|
|
3096
|
+
Dt(() => {
|
|
3013
3097
|
s(!0);
|
|
3014
|
-
}, []),
|
|
3098
|
+
}, []), Dt(() => {
|
|
3015
3099
|
a.current = t;
|
|
3016
3100
|
}, [t]);
|
|
3017
|
-
let c = a.current, l = (e, t) => e < t ? "completed" : e === t ? "current" : "upcoming", u = (e) => o && c !== t && l(e, c) !== l(e, t), d = t >= c, f = Math.max(1, Math.abs(t - c)), p = Math.min(
|
|
3018
|
-
return /* @__PURE__ */
|
|
3101
|
+
let c = a.current, l = (e, t) => e < t ? "completed" : e === t ? "current" : "upcoming", u = (e) => o && c !== t && l(e, c) !== l(e, t), d = t >= c, f = Math.max(1, Math.abs(t - c)), p = Math.min($r, Math.floor(1430 / f)), m = (e) => d ? e >= c && e <= t ? (e - c) * p : 0 : e >= t && e <= c ? (c - e) * p : 0, h = (e) => d ? e >= c && e < t ? (e - c) * p : 0 : e >= t && e < c ? (c - 1 - e) * p + 57 : 0;
|
|
3102
|
+
return /* @__PURE__ */ E("div", {
|
|
3019
3103
|
className: [
|
|
3020
|
-
|
|
3021
|
-
|
|
3022
|
-
o ?
|
|
3104
|
+
Z.stepper,
|
|
3105
|
+
Z[`stepper--${n}`],
|
|
3106
|
+
o ? Z["stepper--animated"] : "",
|
|
3023
3107
|
r ?? ""
|
|
3024
3108
|
].filter(Boolean).join(" "),
|
|
3025
3109
|
style: { "--fill-ms": `${p}ms` },
|
|
3026
|
-
children: e.map((r, a) => /* @__PURE__ */
|
|
3110
|
+
children: e.map((r, a) => /* @__PURE__ */ D(T.Fragment, { children: [/* @__PURE__ */ E(Qr, {
|
|
3027
3111
|
index: a,
|
|
3028
3112
|
state: i(a),
|
|
3029
3113
|
label: r.label,
|
|
@@ -3031,18 +3115,18 @@ var X = {
|
|
|
3031
3115
|
orientation: n,
|
|
3032
3116
|
delay: m(a),
|
|
3033
3117
|
fresh: u(a)
|
|
3034
|
-
}), a < e.length - 1 && /* @__PURE__ */
|
|
3118
|
+
}), a < e.length - 1 && /* @__PURE__ */ E("span", {
|
|
3035
3119
|
className: [
|
|
3036
|
-
|
|
3037
|
-
|
|
3038
|
-
a < t ?
|
|
3120
|
+
Z.connector,
|
|
3121
|
+
Z[`connector--${n}`],
|
|
3122
|
+
a < t ? Z["connector--filled"] : ""
|
|
3039
3123
|
].filter(Boolean).join(" "),
|
|
3040
3124
|
style: { "--delay": `${h(a)}ms` },
|
|
3041
3125
|
"aria-hidden": "true",
|
|
3042
|
-
children: /* @__PURE__ */
|
|
3126
|
+
children: /* @__PURE__ */ E("span", { className: Z.connector__fill })
|
|
3043
3127
|
})] }, a))
|
|
3044
3128
|
});
|
|
3045
|
-
},
|
|
3129
|
+
}, Q = {
|
|
3046
3130
|
wrapper: "_wrapper_1d89w_3",
|
|
3047
3131
|
"wrapper--disabled": "_wrapper--disabled_1d89w_11",
|
|
3048
3132
|
input: "_input_1d89w_13",
|
|
@@ -3053,34 +3137,34 @@ var X = {
|
|
|
3053
3137
|
"wrapper--withDescription": "_wrapper--withDescription_1d89w_65",
|
|
3054
3138
|
text: "_text_1d89w_66",
|
|
3055
3139
|
description: "_description_1d89w_68"
|
|
3056
|
-
},
|
|
3057
|
-
let l =
|
|
3058
|
-
return /* @__PURE__ */
|
|
3140
|
+
}, ti = 16, ni = 2, ri = 18, ii = 360, ai = 16, oi = (e) => 1 - (1 - e) ** 3, si = .16, ci = T.forwardRef(({ label: e, description: t, disabled: n, id: r, className: i, onChange: a, variant: o = "default", ...s }, c) => {
|
|
3141
|
+
let l = T.useId(), u = r ?? l, d = T.useRef(null);
|
|
3142
|
+
return /* @__PURE__ */ D("label", {
|
|
3059
3143
|
htmlFor: u,
|
|
3060
3144
|
className: [
|
|
3061
|
-
|
|
3062
|
-
o === "stretch" ?
|
|
3063
|
-
t ?
|
|
3064
|
-
n ?
|
|
3145
|
+
Q.wrapper,
|
|
3146
|
+
o === "stretch" ? Q["wrapper--stretch"] : "",
|
|
3147
|
+
t ? Q["wrapper--withDescription"] : "",
|
|
3148
|
+
n ? Q["wrapper--disabled"] : "",
|
|
3065
3149
|
i ?? ""
|
|
3066
3150
|
].filter(Boolean).join(" "),
|
|
3067
3151
|
children: [
|
|
3068
|
-
/* @__PURE__ */
|
|
3152
|
+
/* @__PURE__ */ E("input", {
|
|
3069
3153
|
ref: c,
|
|
3070
3154
|
id: u,
|
|
3071
3155
|
type: "checkbox",
|
|
3072
3156
|
role: "switch",
|
|
3073
3157
|
disabled: n,
|
|
3074
|
-
className:
|
|
3158
|
+
className: Q.input,
|
|
3075
3159
|
onChange: (e) => {
|
|
3076
3160
|
a?.(e);
|
|
3077
3161
|
let t = d.current;
|
|
3078
3162
|
if (o !== "stretch" || !t || typeof t.animate != "function" || window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
|
|
3079
|
-
let n = e.target.checked, r = getComputedStyle(t), i = parseFloat(r.translate) || 0, s = parseFloat(r.width) ||
|
|
3163
|
+
let n = e.target.checked, r = getComputedStyle(t), i = parseFloat(r.translate) || 0, s = parseFloat(r.width) || ti, c = (n ? ni : ri) + i, l = c + s, u = n ? ri : ni, f = u + ti;
|
|
3080
3164
|
t.getAnimations().forEach((e) => e.cancel());
|
|
3081
3165
|
let p = [];
|
|
3082
|
-
for (let e = 0; e <=
|
|
3083
|
-
let t = e /
|
|
3166
|
+
for (let e = 0; e <= ai; e++) {
|
|
3167
|
+
let t = e / ai, r = oi(t), i = oi(Math.min(1, Math.max(0, (t - si) / (1 - si)))), a = c + (u - c) * (n ? i : r), o = l + (f - l) * (n ? r : i);
|
|
3084
3168
|
p.push({
|
|
3085
3169
|
width: `${o - a}px`,
|
|
3086
3170
|
translate: `${a - u}px 0`,
|
|
@@ -3088,38 +3172,38 @@ var X = {
|
|
|
3088
3172
|
});
|
|
3089
3173
|
}
|
|
3090
3174
|
t.animate(p, {
|
|
3091
|
-
duration:
|
|
3175
|
+
duration: ii,
|
|
3092
3176
|
easing: "linear"
|
|
3093
3177
|
});
|
|
3094
3178
|
},
|
|
3095
3179
|
...s
|
|
3096
3180
|
}),
|
|
3097
|
-
/* @__PURE__ */
|
|
3098
|
-
className:
|
|
3181
|
+
/* @__PURE__ */ E("span", {
|
|
3182
|
+
className: Q.track,
|
|
3099
3183
|
"aria-hidden": "true",
|
|
3100
|
-
children: /* @__PURE__ */
|
|
3184
|
+
children: /* @__PURE__ */ E("span", {
|
|
3101
3185
|
ref: d,
|
|
3102
|
-
className:
|
|
3186
|
+
className: Q.thumb
|
|
3103
3187
|
})
|
|
3104
3188
|
}),
|
|
3105
|
-
t ? /* @__PURE__ */
|
|
3106
|
-
className:
|
|
3107
|
-
children: [e && /* @__PURE__ */
|
|
3108
|
-
className:
|
|
3189
|
+
t ? /* @__PURE__ */ D("span", {
|
|
3190
|
+
className: Q.text,
|
|
3191
|
+
children: [e && /* @__PURE__ */ E("span", {
|
|
3192
|
+
className: Q.label,
|
|
3109
3193
|
children: e
|
|
3110
|
-
}), /* @__PURE__ */
|
|
3111
|
-
className:
|
|
3194
|
+
}), /* @__PURE__ */ E("span", {
|
|
3195
|
+
className: Q.description,
|
|
3112
3196
|
children: t
|
|
3113
3197
|
})]
|
|
3114
|
-
}) : e && /* @__PURE__ */
|
|
3115
|
-
className:
|
|
3198
|
+
}) : e && /* @__PURE__ */ E("span", {
|
|
3199
|
+
className: Q.label,
|
|
3116
3200
|
children: e
|
|
3117
3201
|
})
|
|
3118
3202
|
]
|
|
3119
3203
|
});
|
|
3120
3204
|
});
|
|
3121
|
-
|
|
3122
|
-
var
|
|
3205
|
+
ci.displayName = "Switch";
|
|
3206
|
+
var li = {
|
|
3123
3207
|
field: "_field_53t87_6",
|
|
3124
3208
|
field__label: "_field__label_53t87_8",
|
|
3125
3209
|
field__description: "_field__description_53t87_10",
|
|
@@ -3127,17 +3211,17 @@ var ri = {
|
|
|
3127
3211
|
textarea: "_textarea_53t87_13",
|
|
3128
3212
|
"textarea--error": "_textarea--error_53t87_37",
|
|
3129
3213
|
"textarea--disabled": "_textarea--disabled_53t87_52"
|
|
3130
|
-
},
|
|
3131
|
-
let l =
|
|
3132
|
-
return /* @__PURE__ */
|
|
3133
|
-
className: [
|
|
3214
|
+
}, ui = T.forwardRef(({ label: e, description: t, error: n, disabled: r, id: i, className: a, rows: o = 3, ...s }, c) => {
|
|
3215
|
+
let l = T.useId(), u = i ?? l, d = !!n, f = t || n ? `${u}-desc` : void 0;
|
|
3216
|
+
return /* @__PURE__ */ D("div", {
|
|
3217
|
+
className: [li.field, a ?? ""].filter(Boolean).join(" "),
|
|
3134
3218
|
children: [
|
|
3135
|
-
e && /* @__PURE__ */
|
|
3219
|
+
e && /* @__PURE__ */ E("label", {
|
|
3136
3220
|
htmlFor: u,
|
|
3137
|
-
className:
|
|
3221
|
+
className: li.field__label,
|
|
3138
3222
|
children: e
|
|
3139
3223
|
}),
|
|
3140
|
-
/* @__PURE__ */
|
|
3224
|
+
/* @__PURE__ */ E("textarea", {
|
|
3141
3225
|
ref: c,
|
|
3142
3226
|
id: u,
|
|
3143
3227
|
rows: o,
|
|
@@ -3145,22 +3229,22 @@ var ri = {
|
|
|
3145
3229
|
"aria-invalid": d || void 0,
|
|
3146
3230
|
"aria-describedby": f,
|
|
3147
3231
|
className: [
|
|
3148
|
-
|
|
3149
|
-
d ?
|
|
3150
|
-
r ?
|
|
3232
|
+
li.textarea,
|
|
3233
|
+
d ? li["textarea--error"] : "",
|
|
3234
|
+
r ? li["textarea--disabled"] : ""
|
|
3151
3235
|
].filter(Boolean).join(" "),
|
|
3152
3236
|
...s
|
|
3153
3237
|
}),
|
|
3154
|
-
(t || n) && /* @__PURE__ */
|
|
3238
|
+
(t || n) && /* @__PURE__ */ E("span", {
|
|
3155
3239
|
id: f,
|
|
3156
|
-
className: d ?
|
|
3240
|
+
className: d ? li.field__error : li.field__description,
|
|
3157
3241
|
children: n || t
|
|
3158
3242
|
})
|
|
3159
3243
|
]
|
|
3160
3244
|
});
|
|
3161
3245
|
});
|
|
3162
|
-
|
|
3163
|
-
var
|
|
3246
|
+
ui.displayName = "Textarea";
|
|
3247
|
+
var di = {
|
|
3164
3248
|
toast: "_toast_dshlf_3",
|
|
3165
3249
|
toast__icon: "_toast__icon_dshlf_17",
|
|
3166
3250
|
"toast--success": "_toast--success_dshlf_18",
|
|
@@ -3170,100 +3254,100 @@ var ai = {
|
|
|
3170
3254
|
toast__title: "_toast__title_dshlf_23",
|
|
3171
3255
|
toast__description: "_toast__description_dshlf_24",
|
|
3172
3256
|
toast__dismiss: "_toast__dismiss_dshlf_26"
|
|
3173
|
-
},
|
|
3174
|
-
success: /* @__PURE__ */
|
|
3175
|
-
error: /* @__PURE__ */
|
|
3176
|
-
/* @__PURE__ */
|
|
3257
|
+
}, fi = {
|
|
3258
|
+
success: /* @__PURE__ */ D(At, { children: [/* @__PURE__ */ E("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ E("polyline", { points: "22 4 12 14.01 9 11.01" })] }),
|
|
3259
|
+
error: /* @__PURE__ */ D(At, { children: [
|
|
3260
|
+
/* @__PURE__ */ E("circle", {
|
|
3177
3261
|
cx: "12",
|
|
3178
3262
|
cy: "12",
|
|
3179
3263
|
r: "10"
|
|
3180
3264
|
}),
|
|
3181
|
-
/* @__PURE__ */
|
|
3265
|
+
/* @__PURE__ */ E("line", {
|
|
3182
3266
|
x1: "15",
|
|
3183
3267
|
y1: "9",
|
|
3184
3268
|
x2: "9",
|
|
3185
3269
|
y2: "15"
|
|
3186
3270
|
}),
|
|
3187
|
-
/* @__PURE__ */
|
|
3271
|
+
/* @__PURE__ */ E("line", {
|
|
3188
3272
|
x1: "9",
|
|
3189
3273
|
y1: "9",
|
|
3190
3274
|
x2: "15",
|
|
3191
3275
|
y2: "15"
|
|
3192
3276
|
})
|
|
3193
3277
|
] }),
|
|
3194
|
-
info: /* @__PURE__ */
|
|
3195
|
-
/* @__PURE__ */
|
|
3278
|
+
info: /* @__PURE__ */ D(At, { children: [
|
|
3279
|
+
/* @__PURE__ */ E("circle", {
|
|
3196
3280
|
cx: "12",
|
|
3197
3281
|
cy: "12",
|
|
3198
3282
|
r: "10"
|
|
3199
3283
|
}),
|
|
3200
|
-
/* @__PURE__ */
|
|
3284
|
+
/* @__PURE__ */ E("line", {
|
|
3201
3285
|
x1: "12",
|
|
3202
3286
|
y1: "16",
|
|
3203
3287
|
x2: "12",
|
|
3204
3288
|
y2: "12"
|
|
3205
3289
|
}),
|
|
3206
|
-
/* @__PURE__ */
|
|
3290
|
+
/* @__PURE__ */ E("line", {
|
|
3207
3291
|
x1: "12",
|
|
3208
3292
|
y1: "8",
|
|
3209
3293
|
x2: "12.01",
|
|
3210
3294
|
y2: "8"
|
|
3211
3295
|
})
|
|
3212
3296
|
] })
|
|
3213
|
-
},
|
|
3297
|
+
}, pi = ({ status: e = "info", title: t, description: n, onDismiss: r, className: i }) => /* @__PURE__ */ D("div", {
|
|
3214
3298
|
role: e === "error" ? "alert" : "status",
|
|
3215
3299
|
"aria-live": e === "error" ? "assertive" : "polite",
|
|
3216
3300
|
className: [
|
|
3217
|
-
|
|
3218
|
-
|
|
3301
|
+
di.toast,
|
|
3302
|
+
di[`toast--${e}`],
|
|
3219
3303
|
i ?? ""
|
|
3220
3304
|
].filter(Boolean).join(" "),
|
|
3221
3305
|
children: [
|
|
3222
|
-
/* @__PURE__ */
|
|
3223
|
-
className:
|
|
3306
|
+
/* @__PURE__ */ E("span", {
|
|
3307
|
+
className: di.toast__icon,
|
|
3224
3308
|
"aria-hidden": "true",
|
|
3225
|
-
children: /* @__PURE__ */
|
|
3309
|
+
children: /* @__PURE__ */ E("svg", {
|
|
3226
3310
|
viewBox: "0 0 24 24",
|
|
3227
3311
|
fill: "none",
|
|
3228
3312
|
stroke: "currentColor",
|
|
3229
|
-
strokeWidth:
|
|
3313
|
+
strokeWidth: w(18),
|
|
3230
3314
|
strokeLinecap: "round",
|
|
3231
3315
|
strokeLinejoin: "round",
|
|
3232
3316
|
width: 18,
|
|
3233
3317
|
height: 18,
|
|
3234
|
-
children:
|
|
3318
|
+
children: fi[e]
|
|
3235
3319
|
})
|
|
3236
3320
|
}),
|
|
3237
|
-
/* @__PURE__ */
|
|
3238
|
-
className:
|
|
3239
|
-
children: [t && /* @__PURE__ */
|
|
3240
|
-
className:
|
|
3321
|
+
/* @__PURE__ */ D("div", {
|
|
3322
|
+
className: di.toast__content,
|
|
3323
|
+
children: [t && /* @__PURE__ */ E("div", {
|
|
3324
|
+
className: di.toast__title,
|
|
3241
3325
|
children: t
|
|
3242
|
-
}), n && /* @__PURE__ */
|
|
3243
|
-
className:
|
|
3326
|
+
}), n && /* @__PURE__ */ E("div", {
|
|
3327
|
+
className: di.toast__description,
|
|
3244
3328
|
children: n
|
|
3245
3329
|
})]
|
|
3246
3330
|
}),
|
|
3247
|
-
r && /* @__PURE__ */
|
|
3331
|
+
r && /* @__PURE__ */ E("button", {
|
|
3248
3332
|
type: "button",
|
|
3249
|
-
className:
|
|
3333
|
+
className: di.toast__dismiss,
|
|
3250
3334
|
onClick: r,
|
|
3251
3335
|
"aria-label": "Dismiss",
|
|
3252
|
-
children: /* @__PURE__ */
|
|
3336
|
+
children: /* @__PURE__ */ D("svg", {
|
|
3253
3337
|
viewBox: "0 0 24 24",
|
|
3254
3338
|
fill: "none",
|
|
3255
3339
|
stroke: "currentColor",
|
|
3256
|
-
strokeWidth:
|
|
3340
|
+
strokeWidth: w(16),
|
|
3257
3341
|
strokeLinecap: "round",
|
|
3258
3342
|
strokeLinejoin: "round",
|
|
3259
3343
|
width: 16,
|
|
3260
3344
|
height: 16,
|
|
3261
|
-
children: [/* @__PURE__ */
|
|
3345
|
+
children: [/* @__PURE__ */ E("line", {
|
|
3262
3346
|
x1: "18",
|
|
3263
3347
|
y1: "6",
|
|
3264
3348
|
x2: "6",
|
|
3265
3349
|
y2: "18"
|
|
3266
|
-
}), /* @__PURE__ */
|
|
3350
|
+
}), /* @__PURE__ */ E("line", {
|
|
3267
3351
|
x1: "6",
|
|
3268
3352
|
y1: "6",
|
|
3269
3353
|
x2: "18",
|
|
@@ -3272,54 +3356,54 @@ var ai = {
|
|
|
3272
3356
|
})
|
|
3273
3357
|
})
|
|
3274
3358
|
]
|
|
3275
|
-
}),
|
|
3359
|
+
}), $ = {
|
|
3276
3360
|
bar: "_bar_14cqo_2",
|
|
3277
3361
|
bar__icon: "_bar__icon_14cqo_10",
|
|
3278
3362
|
bar__title: "_bar__title_14cqo_17",
|
|
3279
3363
|
"bar__title--center": "_bar__title--center_14cqo_21",
|
|
3280
3364
|
bar__search: "_bar__search_14cqo_22"
|
|
3281
|
-
},
|
|
3282
|
-
className: [
|
|
3365
|
+
}, mi = ({ type: e = "title", title: t, trailing: n, search: r, onMenu: i, onAction: a, onClose: o, className: s }) => /* @__PURE__ */ D("header", {
|
|
3366
|
+
className: [$.bar, s ?? ""].filter(Boolean).join(" "),
|
|
3283
3367
|
children: [
|
|
3284
|
-
/* @__PURE__ */
|
|
3368
|
+
/* @__PURE__ */ E("button", {
|
|
3285
3369
|
type: "button",
|
|
3286
|
-
className:
|
|
3370
|
+
className: $.bar__icon,
|
|
3287
3371
|
onClick: i,
|
|
3288
3372
|
"aria-label": "Open menu",
|
|
3289
|
-
children: /* @__PURE__ */
|
|
3373
|
+
children: /* @__PURE__ */ E(dt, {
|
|
3290
3374
|
size: 18,
|
|
3291
|
-
strokeWidth:
|
|
3375
|
+
strokeWidth: w(18)
|
|
3292
3376
|
})
|
|
3293
3377
|
}),
|
|
3294
|
-
e === "search" ? /* @__PURE__ */
|
|
3295
|
-
className:
|
|
3378
|
+
e === "search" ? /* @__PURE__ */ E("div", {
|
|
3379
|
+
className: $.bar__search,
|
|
3296
3380
|
children: r
|
|
3297
|
-
}) : /* @__PURE__ */
|
|
3298
|
-
className: [
|
|
3381
|
+
}) : /* @__PURE__ */ E("span", {
|
|
3382
|
+
className: [$.bar__title, e === "title-centered" ? $["bar__title--center"] : ""].join(" "),
|
|
3299
3383
|
children: t
|
|
3300
3384
|
}),
|
|
3301
|
-
e === "title-action" && /* @__PURE__ */
|
|
3385
|
+
e === "title-action" && /* @__PURE__ */ E("button", {
|
|
3302
3386
|
type: "button",
|
|
3303
|
-
className:
|
|
3387
|
+
className: $.bar__icon,
|
|
3304
3388
|
onClick: a,
|
|
3305
3389
|
"aria-label": "Add",
|
|
3306
|
-
children: /* @__PURE__ */
|
|
3390
|
+
children: /* @__PURE__ */ E(ct, {
|
|
3307
3391
|
size: 18,
|
|
3308
|
-
strokeWidth:
|
|
3392
|
+
strokeWidth: w(18)
|
|
3309
3393
|
})
|
|
3310
3394
|
}),
|
|
3311
|
-
e === "search" && /* @__PURE__ */
|
|
3395
|
+
e === "search" && /* @__PURE__ */ E("button", {
|
|
3312
3396
|
type: "button",
|
|
3313
|
-
className:
|
|
3397
|
+
className: $.bar__icon,
|
|
3314
3398
|
onClick: o,
|
|
3315
3399
|
"aria-label": "Close search",
|
|
3316
|
-
children: /* @__PURE__ */
|
|
3400
|
+
children: /* @__PURE__ */ E(at, {
|
|
3317
3401
|
size: 18,
|
|
3318
|
-
strokeWidth:
|
|
3402
|
+
strokeWidth: w(18)
|
|
3319
3403
|
})
|
|
3320
3404
|
}),
|
|
3321
3405
|
(e === "title" || e === "title-centered") && n
|
|
3322
3406
|
]
|
|
3323
3407
|
});
|
|
3324
3408
|
//#endregion
|
|
3325
|
-
export { o as Accordion, y as AccordionItem,
|
|
3409
|
+
export { o as Accordion, y as AccordionItem, Ze as ActivityFeed, re as ActivityFeedHighlight, l as Alert, Xt as Announcement, Zn as AreaChart, c as Avatar, n as AvatarGroup, pe as AvatarUpload, Ve as Badge, tt as Balance, Ee as BarChart, xn as BlogBlockquote, Cn as BlogFeatureText, Tn as BlogImage, ie as BlogListingCard, d as BlogListingFeaturedCard, b as BoardCard, Qn as BoardColumn, De as Breadcrumb, $e as Button, rr as Calendar, ir as Card, t as CardMetaItem, Ge as CartItem, Oe as ChatComposer, v as Checkbox, e as CheckoutSteps, en as CodeSnippet, ce as ColorSwatch, ar as Combobox, a as ConversationItem, ve as DEFAULT_CHECKOUT_STEPS, be as Divider, s as DonutChart, ne as EmptyState, rn as Expenses, qn as FacebookIcon, ae as FeaturedIcon, or as FileUpload, Xe as FilterChip, En as FirstPageHeading, dr as FunnelChart, Bn as GithubIcon, mr as HeatmapChart, g as HoverGroup, S as IconButton, sn as InlineHint, r as Input, Kn as InstagramIcon, ee as JobListing, gr as Kbd, vr as Label, te as LineChart, i as Link, Jn as LinkedinIcon, Re as LiquidBackdrop, Me as LiquidGlass, On as List, yr as ListItem, nt as LocationDot, jn as Marquee, fe as Menu, Qe as MenuDivider, et as MenuItem, Je as MessageBubble, Nn as Metric, Pn as MobileNavigationMenu, _e as Modal, qe as NotificationItem, le as Pagination, Dr as PieChart, Ln as PlaceholderLogo, Or as Popover, C as PriceDisplay, p as ProductCard, ze as ProductGallery, Rn as ProfileCard, Ye as Progress, cn as ProgressItem, Ae as ProgressStat, Pe as QuantitySelector, Rr as RadarChart, Kr as RadialChart, qr as Radio, un as RichSeparator, Hn as RichTextHeading, Wn as RichTextParagraph, h as SectionHeading, xe as SegmentedControl, Ce as Select, je as Sidebar, Le as SidebarDivider, Jr as SidebarFooter, ye as SidebarGroupLabel, ge as SidebarHeader, Ke as SidebarItem, ke as SidebarPromo, Yr as SidebarSearch, me as SidebarSubItem, m as SizeSelector, He as Skeleton, Fe as Slider, he as SpendingBalance, Zr as Spinner, u as StarRating, ue as StatCard, ei as Stepper, Qr as StepperStep, fn as StockMarket, oe as StockStatus, Gn as SubFeature, ci as Switch, Te as Table, Be as Tabs, hn as Tags, f as TeamCard, ui as Textarea, vn as Ticker, pi as Toast, Ne as Tooltip, We as TopBar, mi as TopBarMobile, bn as Transactions, se as WishlistButton, zn as XIcon, x as getContrastColor, w as iconStrokeWidth, we as syncLiquidBackdrop, _ as useHoverHighlight, Se as useLiquidGlass };
|