@sakaniui/react 0.3.15 → 0.3.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Card/Card.d.ts +4 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1245 -1237
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as
|
|
2
|
-
import
|
|
3
|
-
import { Fragment as
|
|
4
|
-
import { ArrowRight as
|
|
5
|
-
import { Area as
|
|
6
|
-
var
|
|
1
|
+
import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as ee, W as S, X as C, Y as te, Z as ne, _ as re, a as ie, at as ae, b as w, c as oe, ct as se, d as ce, dt as T, et as le, f as ue, g as de, h as fe, i as pe, it as me, j as he, k as ge, l as _e, lt as ve, m as ye, n as be, nt as xe, o as Se, ot as Ce, p as we, q as Te, r as Ee, rt as De, s as Oe, st as ke, t as Ae, tt as je, u as Me, ut as Ne, v as Pe, w as Fe, x as Ie, y as Le, z as Re } from "./TopBar-CdIyPMAY.js";
|
|
2
|
+
import E, { useEffect as ze, useState as Be } from "react";
|
|
3
|
+
import { Fragment as Ve, jsx as D, jsxs as O } from "react/jsx-runtime";
|
|
4
|
+
import { ArrowRight as He, ChartColumn as Ue, Check as We, ChevronDown as Ge, ChevronLeft as Ke, ChevronRight as qe, Copy as Je, EllipsisVertical as Ye, File as Xe, Info as Ze, LogOut as Qe, Menu as $e, Minus as et, MoreHorizontal as tt, Play as nt, Plus as rt, Quote as it, Receipt as at, Search as ot, Sparkles as st, TrendingDown as ct, TrendingUp as lt, TriangleAlert as ut, UploadCloud as dt, X as ft } from "lucide-react";
|
|
5
|
+
import { Area as pt, AreaChart as mt, Bar as ht, BarChart as gt, CartesianGrid as _t, Cell as vt, Legend as yt, Line as bt, LineChart as xt, Pie as St, PieChart as Ct, PolarAngleAxis as wt, PolarGrid as Tt, PolarRadiusAxis as Et, Radar as Dt, RadarChart as Ot, RadialBar as kt, RadialBarChart as At, Rectangle as jt, ResponsiveContainer as Mt, Sector as Nt, Tooltip as Pt, XAxis as Ft, YAxis as It } from "recharts";
|
|
6
|
+
var Lt = {
|
|
7
7
|
announcement: "_announcement_1ba3c_1",
|
|
8
8
|
"announcement--neutral": "_announcement--neutral_1ba3c_13",
|
|
9
9
|
"announcement--urgent": "_announcement--urgent_1ba3c_16",
|
|
@@ -12,43 +12,43 @@ var Ft = {
|
|
|
12
12
|
icon__neutral: "_icon__neutral_1ba3c_32",
|
|
13
13
|
message: "_message_1ba3c_36",
|
|
14
14
|
link: "_link_1ba3c_52"
|
|
15
|
-
},
|
|
15
|
+
}, Rt = ({ message: e, linkLabel: t, linkHref: n, onLinkClick: r, onDismiss: i, variant: a = "neutral", className: o }) => {
|
|
16
16
|
let s = a === "urgent";
|
|
17
|
-
return /* @__PURE__ */
|
|
17
|
+
return /* @__PURE__ */ O("div", {
|
|
18
18
|
className: [
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
Lt.announcement,
|
|
20
|
+
Lt[`announcement--${a}`],
|
|
21
21
|
o ?? ""
|
|
22
22
|
].filter(Boolean).join(" "),
|
|
23
|
-
children: [/* @__PURE__ */
|
|
24
|
-
className:
|
|
23
|
+
children: [/* @__PURE__ */ O("div", {
|
|
24
|
+
className: Lt.content,
|
|
25
25
|
children: [
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
className:
|
|
26
|
+
/* @__PURE__ */ D("span", {
|
|
27
|
+
className: Lt.icon,
|
|
28
28
|
"aria-hidden": "true",
|
|
29
|
-
children: s ? /* @__PURE__ */
|
|
29
|
+
children: s ? /* @__PURE__ */ D(ut, {
|
|
30
30
|
size: 24,
|
|
31
31
|
strokeWidth: 1.5,
|
|
32
32
|
style: {
|
|
33
33
|
fill: "var(--color-info-solid)",
|
|
34
34
|
stroke: "var(--color-info-bg)"
|
|
35
35
|
}
|
|
36
|
-
}) : /* @__PURE__ */
|
|
36
|
+
}) : /* @__PURE__ */ D(st, {
|
|
37
37
|
size: 24,
|
|
38
38
|
strokeWidth: 1.5,
|
|
39
39
|
fill: "currentColor",
|
|
40
40
|
stroke: "currentColor",
|
|
41
|
-
className:
|
|
41
|
+
className: Lt.icon__neutral
|
|
42
42
|
})
|
|
43
43
|
}),
|
|
44
|
-
/* @__PURE__ */
|
|
45
|
-
className:
|
|
44
|
+
/* @__PURE__ */ D("p", {
|
|
45
|
+
className: Lt.message,
|
|
46
46
|
children: e
|
|
47
47
|
}),
|
|
48
|
-
!s && t && /* @__PURE__ */
|
|
48
|
+
!s && t && /* @__PURE__ */ D(ae, {
|
|
49
49
|
href: n,
|
|
50
50
|
onClick: r,
|
|
51
|
-
className:
|
|
51
|
+
className: Lt.link,
|
|
52
52
|
style: {
|
|
53
53
|
color: "var(--color-brand-fg)",
|
|
54
54
|
fontSize: 16,
|
|
@@ -57,15 +57,15 @@ var Ft = {
|
|
|
57
57
|
children: t
|
|
58
58
|
})
|
|
59
59
|
]
|
|
60
|
-
}), i && /* @__PURE__ */
|
|
61
|
-
icon:
|
|
60
|
+
}), i && /* @__PURE__ */ D(me, {
|
|
61
|
+
icon: ft,
|
|
62
62
|
size: "sm",
|
|
63
63
|
variant: "ghost",
|
|
64
64
|
"aria-label": "Dismiss",
|
|
65
65
|
onClick: i
|
|
66
66
|
})]
|
|
67
67
|
});
|
|
68
|
-
},
|
|
68
|
+
}, k = {
|
|
69
69
|
snippet: "_snippet_1ao90_1",
|
|
70
70
|
header: "_header_1ao90_12",
|
|
71
71
|
filename: "_filename_1ao90_19",
|
|
@@ -74,7 +74,7 @@ var Ft = {
|
|
|
74
74
|
tokenString: "_tokenString_1ao90_43",
|
|
75
75
|
editableBody: "_editableBody_1ao90_50",
|
|
76
76
|
textarea: "_textarea_1ao90_55"
|
|
77
|
-
},
|
|
77
|
+
}, zt = [
|
|
78
78
|
"import",
|
|
79
79
|
"export",
|
|
80
80
|
"from",
|
|
@@ -96,31 +96,31 @@ var Ft = {
|
|
|
96
96
|
"as",
|
|
97
97
|
"of",
|
|
98
98
|
"in"
|
|
99
|
-
],
|
|
99
|
+
], Bt = RegExp(`('(?:[^'\\\\]|\\\\.)*'|"(?:[^"\\\\]|\\\\.)*"|\`(?:[^\`\\\\]|\\\\.)*\`|\\b(?:${zt.join("|")})\\b)`, "g"), Vt = (e) => e.split(Bt).map((e, t) => {
|
|
100
100
|
if (!e) return null;
|
|
101
|
-
let n = /^['"`]/.test(e), r = !n &&
|
|
102
|
-
return n ? /* @__PURE__ */
|
|
103
|
-
className:
|
|
101
|
+
let n = /^['"`]/.test(e), r = !n && zt.includes(e);
|
|
102
|
+
return n ? /* @__PURE__ */ D("span", {
|
|
103
|
+
className: k.tokenString,
|
|
104
104
|
children: e
|
|
105
|
-
}, t) : r ? /* @__PURE__ */
|
|
106
|
-
className:
|
|
105
|
+
}, t) : r ? /* @__PURE__ */ D("span", {
|
|
106
|
+
className: k.tokenKeyword,
|
|
107
107
|
children: e
|
|
108
|
-
}, t) : /* @__PURE__ */
|
|
109
|
-
}),
|
|
110
|
-
let [s, c] =
|
|
111
|
-
|
|
108
|
+
}, t) : /* @__PURE__ */ D(E.Fragment, { children: e }, t);
|
|
109
|
+
}), Ht = ({ code: e, filename: t, onCopy: n, editable: r = !1, onChange: i, placeholder: a, className: o }) => {
|
|
110
|
+
let [s, c] = E.useState(!1), [l, u] = E.useState(e);
|
|
111
|
+
E.useEffect(() => u(e), [e]);
|
|
112
112
|
let d = () => {
|
|
113
113
|
navigator.clipboard?.writeText(l), n?.(l), c(!0), window.setTimeout(() => c(!1), 1500);
|
|
114
114
|
}, f = (e) => {
|
|
115
115
|
u(e), i?.(e);
|
|
116
|
-
}, p = r ? /* @__PURE__ */
|
|
117
|
-
className:
|
|
118
|
-
children: [/* @__PURE__ */
|
|
119
|
-
className:
|
|
116
|
+
}, p = r ? /* @__PURE__ */ O("div", {
|
|
117
|
+
className: k.editableBody,
|
|
118
|
+
children: [/* @__PURE__ */ D("pre", {
|
|
119
|
+
className: k.body,
|
|
120
120
|
"aria-hidden": "true",
|
|
121
|
-
children:
|
|
122
|
-
}), /* @__PURE__ */
|
|
123
|
-
className:
|
|
121
|
+
children: Vt(l)
|
|
122
|
+
}), /* @__PURE__ */ D("textarea", {
|
|
123
|
+
className: k.textarea,
|
|
124
124
|
value: l,
|
|
125
125
|
placeholder: a,
|
|
126
126
|
spellCheck: !1,
|
|
@@ -134,30 +134,30 @@ var Ft = {
|
|
|
134
134
|
});
|
|
135
135
|
}
|
|
136
136
|
})]
|
|
137
|
-
}) : /* @__PURE__ */
|
|
138
|
-
className:
|
|
139
|
-
children:
|
|
137
|
+
}) : /* @__PURE__ */ D("pre", {
|
|
138
|
+
className: k.body,
|
|
139
|
+
children: Vt(l)
|
|
140
140
|
});
|
|
141
|
-
return t ? /* @__PURE__ */
|
|
142
|
-
className: [
|
|
143
|
-
children: [/* @__PURE__ */
|
|
144
|
-
className:
|
|
145
|
-
children: [/* @__PURE__ */
|
|
146
|
-
className:
|
|
141
|
+
return t ? /* @__PURE__ */ O("div", {
|
|
142
|
+
className: [k.snippet, o ?? ""].filter(Boolean).join(" "),
|
|
143
|
+
children: [/* @__PURE__ */ O("div", {
|
|
144
|
+
className: k.header,
|
|
145
|
+
children: [/* @__PURE__ */ D("p", {
|
|
146
|
+
className: k.filename,
|
|
147
147
|
children: t
|
|
148
|
-
}), /* @__PURE__ */
|
|
149
|
-
icon: s ?
|
|
148
|
+
}), /* @__PURE__ */ D(me, {
|
|
149
|
+
icon: s ? We : Je,
|
|
150
150
|
variant: "ghost",
|
|
151
151
|
size: "sm",
|
|
152
152
|
"aria-label": s ? "Copied" : "Copy code",
|
|
153
153
|
onClick: d
|
|
154
154
|
})]
|
|
155
155
|
}), p]
|
|
156
|
-
}) : /* @__PURE__ */
|
|
157
|
-
className: [
|
|
156
|
+
}) : /* @__PURE__ */ D("div", {
|
|
157
|
+
className: [k.snippet, o ?? ""].filter(Boolean).join(" "),
|
|
158
158
|
children: p
|
|
159
159
|
});
|
|
160
|
-
},
|
|
160
|
+
}, Ut = {
|
|
161
161
|
expenses: "_expenses_1imiq_1",
|
|
162
162
|
row: "_row_1imiq_10",
|
|
163
163
|
top: "_top_1imiq_18",
|
|
@@ -165,70 +165,70 @@ var Ft = {
|
|
|
165
165
|
icon: "_icon_1imiq_32",
|
|
166
166
|
label: "_label_1imiq_44",
|
|
167
167
|
amount: "_amount_1imiq_55"
|
|
168
|
-
},
|
|
168
|
+
}, Wt = (e) => e.toLocaleString("en-US", {
|
|
169
169
|
style: "currency",
|
|
170
170
|
currency: "USD"
|
|
171
|
-
}),
|
|
171
|
+
}), Gt = ({ categories: e, variant: t = "default", formatAmount: n = Wt, className: r }) => {
|
|
172
172
|
let i = t === "compact", a = Math.max(1, ...e.map((e) => e.amount));
|
|
173
|
-
return /* @__PURE__ */
|
|
174
|
-
className: [
|
|
175
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
176
|
-
className:
|
|
177
|
-
children: [/* @__PURE__ */
|
|
178
|
-
className:
|
|
179
|
-
children: [/* @__PURE__ */
|
|
180
|
-
className:
|
|
181
|
-
children: [/* @__PURE__ */
|
|
182
|
-
className:
|
|
173
|
+
return /* @__PURE__ */ D("div", {
|
|
174
|
+
className: [Ut.expenses, r ?? ""].filter(Boolean).join(" "),
|
|
175
|
+
children: e.map((e, t) => /* @__PURE__ */ O("div", {
|
|
176
|
+
className: Ut.row,
|
|
177
|
+
children: [/* @__PURE__ */ O("div", {
|
|
178
|
+
className: Ut.top,
|
|
179
|
+
children: [/* @__PURE__ */ O("div", {
|
|
180
|
+
className: Ut.left,
|
|
181
|
+
children: [/* @__PURE__ */ D("span", {
|
|
182
|
+
className: Ut.icon,
|
|
183
183
|
"aria-hidden": "true",
|
|
184
184
|
children: e.icon
|
|
185
|
-
}), /* @__PURE__ */
|
|
186
|
-
className:
|
|
185
|
+
}), /* @__PURE__ */ D("p", {
|
|
186
|
+
className: Ut.label,
|
|
187
187
|
children: e.label
|
|
188
188
|
})]
|
|
189
|
-
}), /* @__PURE__ */
|
|
190
|
-
className:
|
|
189
|
+
}), /* @__PURE__ */ D("p", {
|
|
190
|
+
className: Ut.amount,
|
|
191
191
|
children: n(e.amount)
|
|
192
192
|
})]
|
|
193
|
-
}), !i && /* @__PURE__ */
|
|
193
|
+
}), !i && /* @__PURE__ */ D(le, {
|
|
194
194
|
value: e.amount / a * 100,
|
|
195
195
|
size: "lg",
|
|
196
196
|
label: `${e.label} spending`
|
|
197
197
|
})]
|
|
198
198
|
}, e.id ?? t))
|
|
199
199
|
});
|
|
200
|
-
},
|
|
200
|
+
}, Kt = {
|
|
201
201
|
hint: "_hint_49nyi_1",
|
|
202
202
|
bar: "_bar_49nyi_9",
|
|
203
203
|
"hint--neutral": "_hint--neutral_49nyi_15",
|
|
204
204
|
"hint--warning": "_hint--warning_49nyi_16",
|
|
205
205
|
icon: "_icon_49nyi_18",
|
|
206
206
|
message: "_message_49nyi_24"
|
|
207
|
-
},
|
|
208
|
-
let r = t === "warning" ?
|
|
209
|
-
return /* @__PURE__ */
|
|
207
|
+
}, qt = 14, Jt = ({ message: e, variant: t = "neutral", className: n }) => {
|
|
208
|
+
let r = t === "warning" ? ut : Ze;
|
|
209
|
+
return /* @__PURE__ */ O("div", {
|
|
210
210
|
className: [
|
|
211
|
-
|
|
212
|
-
|
|
211
|
+
Kt.hint,
|
|
212
|
+
Kt[`hint--${t}`],
|
|
213
213
|
n ?? ""
|
|
214
214
|
].filter(Boolean).join(" "),
|
|
215
215
|
children: [
|
|
216
|
-
/* @__PURE__ */
|
|
217
|
-
className:
|
|
216
|
+
/* @__PURE__ */ D("span", {
|
|
217
|
+
className: Kt.bar,
|
|
218
218
|
"aria-hidden": "true"
|
|
219
219
|
}),
|
|
220
|
-
/* @__PURE__ */
|
|
221
|
-
size:
|
|
222
|
-
strokeWidth:
|
|
223
|
-
className:
|
|
220
|
+
/* @__PURE__ */ D(r, {
|
|
221
|
+
size: qt,
|
|
222
|
+
strokeWidth: T(qt),
|
|
223
|
+
className: Kt.icon
|
|
224
224
|
}),
|
|
225
|
-
/* @__PURE__ */
|
|
226
|
-
className:
|
|
225
|
+
/* @__PURE__ */ D("p", {
|
|
226
|
+
className: Kt.message,
|
|
227
227
|
children: e
|
|
228
228
|
})
|
|
229
229
|
]
|
|
230
230
|
});
|
|
231
|
-
},
|
|
231
|
+
}, A = {
|
|
232
232
|
item: "_item_mg6gs_1",
|
|
233
233
|
"item--horizontal": "_item--horizontal_mg6gs_6",
|
|
234
234
|
"item--vertical": "_item--vertical_mg6gs_11",
|
|
@@ -240,68 +240,68 @@ var Ft = {
|
|
|
240
240
|
text: "_text_mg6gs_59",
|
|
241
241
|
title: "_title_mg6gs_65",
|
|
242
242
|
description: "_description_mg6gs_73"
|
|
243
|
-
},
|
|
244
|
-
let s = i === "vertical", c = /* @__PURE__ */
|
|
245
|
-
className:
|
|
243
|
+
}, Yt = ({ step: e, title: t, description: n, completed: r = !1, orientation: i = "horizontal", isLast: a = !1, className: o }) => {
|
|
244
|
+
let s = i === "vertical", c = /* @__PURE__ */ D("span", {
|
|
245
|
+
className: A.value,
|
|
246
246
|
"aria-hidden": "true",
|
|
247
|
-
children: r ? /* @__PURE__ */
|
|
247
|
+
children: r ? /* @__PURE__ */ D(We, {
|
|
248
248
|
size: 14,
|
|
249
|
-
strokeWidth:
|
|
249
|
+
strokeWidth: T(14)
|
|
250
250
|
}) : e
|
|
251
|
-
}), l = /* @__PURE__ */
|
|
252
|
-
className:
|
|
253
|
-
children: [/* @__PURE__ */
|
|
254
|
-
className:
|
|
251
|
+
}), l = /* @__PURE__ */ O("div", {
|
|
252
|
+
className: A.text,
|
|
253
|
+
children: [/* @__PURE__ */ D("p", {
|
|
254
|
+
className: A.title,
|
|
255
255
|
children: t
|
|
256
|
-
}), n && /* @__PURE__ */
|
|
257
|
-
className:
|
|
256
|
+
}), n && /* @__PURE__ */ D("p", {
|
|
257
|
+
className: A.description,
|
|
258
258
|
children: n
|
|
259
259
|
})]
|
|
260
260
|
});
|
|
261
|
-
return s ? /* @__PURE__ */
|
|
261
|
+
return s ? /* @__PURE__ */ O("div", {
|
|
262
262
|
className: [
|
|
263
|
-
|
|
264
|
-
|
|
263
|
+
A.item,
|
|
264
|
+
A["item--vertical"],
|
|
265
265
|
o ?? ""
|
|
266
266
|
].filter(Boolean).join(" "),
|
|
267
|
-
children: [/* @__PURE__ */
|
|
268
|
-
className:
|
|
269
|
-
children: [c, !a && /* @__PURE__ */
|
|
267
|
+
children: [/* @__PURE__ */ O("div", {
|
|
268
|
+
className: A.rail,
|
|
269
|
+
children: [c, !a && /* @__PURE__ */ D("div", { className: A.connectorVertical })]
|
|
270
270
|
}), l]
|
|
271
|
-
}) : /* @__PURE__ */
|
|
271
|
+
}) : /* @__PURE__ */ O("div", {
|
|
272
272
|
className: [
|
|
273
|
-
|
|
274
|
-
|
|
273
|
+
A.item,
|
|
274
|
+
A["item--horizontal"],
|
|
275
275
|
o ?? ""
|
|
276
276
|
].filter(Boolean).join(" "),
|
|
277
|
-
children: [/* @__PURE__ */
|
|
278
|
-
className:
|
|
279
|
-
children: [c, !a && /* @__PURE__ */
|
|
277
|
+
children: [/* @__PURE__ */ O("div", {
|
|
278
|
+
className: A.topRow,
|
|
279
|
+
children: [c, !a && /* @__PURE__ */ D("div", { className: A.connectorHorizontal })]
|
|
280
280
|
}), l]
|
|
281
281
|
});
|
|
282
|
-
},
|
|
282
|
+
}, Xt = {
|
|
283
283
|
separator: "_separator_pcfo8_1",
|
|
284
284
|
line: "_line_pcfo8_9",
|
|
285
285
|
overline: "_overline_pcfo8_19",
|
|
286
286
|
badge: "_badge_pcfo8_31",
|
|
287
287
|
iconWrap: "_iconWrap_pcfo8_37"
|
|
288
|
-
},
|
|
289
|
-
className: [
|
|
288
|
+
}, Zt = ({ children: t, label: n, className: r }) => /* @__PURE__ */ O("div", {
|
|
289
|
+
className: [Xt.separator, r ?? ""].filter(Boolean).join(" "),
|
|
290
290
|
role: "separator",
|
|
291
291
|
children: [
|
|
292
|
-
/* @__PURE__ */
|
|
293
|
-
t ?? (n && /* @__PURE__ */
|
|
294
|
-
className:
|
|
292
|
+
/* @__PURE__ */ D(e, { className: Xt.line }),
|
|
293
|
+
t ?? (n && /* @__PURE__ */ D("span", {
|
|
294
|
+
className: Xt.overline,
|
|
295
295
|
children: n
|
|
296
296
|
})),
|
|
297
|
-
/* @__PURE__ */
|
|
297
|
+
/* @__PURE__ */ D(e, { className: Xt.line })
|
|
298
298
|
]
|
|
299
299
|
});
|
|
300
300
|
//#endregion
|
|
301
301
|
//#region src/lib/useChartTokens.ts
|
|
302
|
-
function
|
|
303
|
-
let [, t] =
|
|
304
|
-
return
|
|
302
|
+
function j(e) {
|
|
303
|
+
let [, t] = Be(0);
|
|
304
|
+
return ze(() => {
|
|
305
305
|
if (typeof document > "u") return;
|
|
306
306
|
t((e) => e + 1);
|
|
307
307
|
let n = new MutationObserver(() => t((e) => e + 1)), r = /* @__PURE__ */ new Set([document.documentElement]);
|
|
@@ -318,89 +318,89 @@ function N(e) {
|
|
|
318
318
|
}
|
|
319
319
|
//#endregion
|
|
320
320
|
//#region src/lib/chartPalette.ts
|
|
321
|
-
var
|
|
321
|
+
var Qt = [
|
|
322
322
|
"#ff4700",
|
|
323
323
|
"#5b92dd",
|
|
324
324
|
"#47a8a2",
|
|
325
325
|
"#9179d6",
|
|
326
326
|
"#dca84f",
|
|
327
327
|
"#12b76a"
|
|
328
|
-
],
|
|
328
|
+
], $t = {
|
|
329
329
|
tooltip: "_tooltip_ic16u_3",
|
|
330
330
|
title: "_title_ic16u_23",
|
|
331
331
|
row: "_row_ic16u_27",
|
|
332
332
|
dot: "_dot_ic16u_34",
|
|
333
333
|
label: "_label_ic16u_41",
|
|
334
334
|
value: "_value_ic16u_42"
|
|
335
|
-
},
|
|
336
|
-
className:
|
|
337
|
-
children: [n !== void 0 && n !== "" && /* @__PURE__ */
|
|
338
|
-
className:
|
|
335
|
+
}, en = ({ active: e, payload: t, label: n, formatter: r }) => !e || !t || t.length === 0 ? null : /* @__PURE__ */ O("div", {
|
|
336
|
+
className: $t.tooltip,
|
|
337
|
+
children: [n !== void 0 && n !== "" && /* @__PURE__ */ D("span", {
|
|
338
|
+
className: $t.title,
|
|
339
339
|
children: n
|
|
340
|
-
}), t.map((e, t) => /* @__PURE__ */
|
|
341
|
-
className:
|
|
340
|
+
}), t.map((e, t) => /* @__PURE__ */ O("div", {
|
|
341
|
+
className: $t.row,
|
|
342
342
|
children: [
|
|
343
|
-
/* @__PURE__ */
|
|
344
|
-
className:
|
|
343
|
+
/* @__PURE__ */ D("span", {
|
|
344
|
+
className: $t.dot,
|
|
345
345
|
style: { background: e.color ?? e.payload?.fill ?? e.fill }
|
|
346
346
|
}),
|
|
347
|
-
/* @__PURE__ */
|
|
348
|
-
className:
|
|
347
|
+
/* @__PURE__ */ D("span", {
|
|
348
|
+
className: $t.label,
|
|
349
349
|
children: e.name
|
|
350
350
|
}),
|
|
351
|
-
/* @__PURE__ */
|
|
352
|
-
className:
|
|
351
|
+
/* @__PURE__ */ D("span", {
|
|
352
|
+
className: $t.value,
|
|
353
353
|
children: r ? r(e.value, e.name) : e.value
|
|
354
354
|
})
|
|
355
355
|
]
|
|
356
356
|
}, t))]
|
|
357
|
-
}),
|
|
357
|
+
}), tn = {
|
|
358
358
|
chart: "_chart_1s6lv_2",
|
|
359
359
|
legend: "_legend_1s6lv_31",
|
|
360
360
|
legendItem: "_legendItem_1s6lv_41",
|
|
361
361
|
legendSwatch: "_legendSwatch_1s6lv_46"
|
|
362
|
-
},
|
|
362
|
+
}, nn = {
|
|
363
363
|
sm: 180,
|
|
364
364
|
md: 240,
|
|
365
365
|
lg: 320,
|
|
366
366
|
xl: 420
|
|
367
|
-
},
|
|
367
|
+
}, M = 6, rn = (e) => {
|
|
368
368
|
if (e <= 0) return 1;
|
|
369
369
|
let t = 10 ** Math.floor(Math.log10(e)), n = e / t;
|
|
370
370
|
return (n <= 1 ? 1 : n <= 2 ? 2 : n <= 5 ? 5 : 10) * t;
|
|
371
|
-
},
|
|
372
|
-
let [a, o] =
|
|
371
|
+
}, an = ({ data: e, variant: t = "default", size: n = "md", seriesLabels: r = ["Value", "Value 2"], className: i }) => {
|
|
372
|
+
let [a, o] = E.useState(null), [s, c] = E.useState(null), l = E.useRef(null), u = j(l), d = u("--color-chart-2") ?? "#5b92dd", f = u("--color-chart-5") ?? "#dca84f", p = u("--color-chart-1") ?? "#ff4700", m = [
|
|
373
373
|
1,
|
|
374
374
|
2,
|
|
375
375
|
3,
|
|
376
376
|
4,
|
|
377
377
|
5,
|
|
378
378
|
6
|
|
379
|
-
].map((e) => u(`--color-chart-${e}`) ??
|
|
379
|
+
].map((e) => u(`--color-chart-${e}`) ?? Qt[e - 1]), h = u("--color-border-subtle") ?? "#e7e5e1", g = u("--color-fg-muted") ?? "#78716a", _ = t === "multiple" || t === "stacked", v = _ && e.some((e) => e.value2 !== void 0), y = u("--color-bg-canvas") ?? "#fafaf9", b = rn(Math.max(1, ...e.map((e) => Math.abs(e.value)))), x = [
|
|
380
380
|
-b,
|
|
381
381
|
-b / 2,
|
|
382
382
|
0,
|
|
383
383
|
b / 2,
|
|
384
384
|
b
|
|
385
|
-
],
|
|
385
|
+
], ee = /* @__PURE__ */ D(Pt, {
|
|
386
386
|
cursor: !1,
|
|
387
|
-
content: /* @__PURE__ */
|
|
387
|
+
content: /* @__PURE__ */ D(en, {}),
|
|
388
388
|
wrapperStyle: { zIndex: 50 },
|
|
389
389
|
position: s ? { y: s.y } : void 0
|
|
390
|
-
}),
|
|
390
|
+
}), S = (n) => t === "active" ? m[n % m.length] : t === "negative" && e[n].value < 0 ? p : d, C = (e) => a !== null && e !== a ? .45 : 1, te = (e, t, n, r, i, a) => ({
|
|
391
391
|
x: e ? t + r : t + r / 2,
|
|
392
392
|
y: e ? n + i / 2 : a < 0 ? n + i : n
|
|
393
|
-
}),
|
|
394
|
-
let { x: i, y: a, width: o, height: s, fill: c, radius: l } = r, u = Number(e[r.index]?.[n] ?? 0), { x: f, y: p } =
|
|
395
|
-
return t === "stacked" && n === "value" ? /* @__PURE__ */
|
|
393
|
+
}), ne = (n) => (r) => {
|
|
394
|
+
let { x: i, y: a, width: o, height: s, fill: c, radius: l } = r, u = Number(e[r.index]?.[n] ?? 0), { x: f, y: p } = te(t === "horizontal", i, a, o, s, u);
|
|
395
|
+
return t === "stacked" && n === "value" ? /* @__PURE__ */ D(jt, {
|
|
396
396
|
x: i,
|
|
397
397
|
y: a,
|
|
398
398
|
width: o,
|
|
399
399
|
height: s,
|
|
400
400
|
fill: c,
|
|
401
401
|
radius: l
|
|
402
|
-
}) : /* @__PURE__ */
|
|
403
|
-
/* @__PURE__ */
|
|
402
|
+
}) : /* @__PURE__ */ O("g", { children: [
|
|
403
|
+
/* @__PURE__ */ D(jt, {
|
|
404
404
|
x: i,
|
|
405
405
|
y: a,
|
|
406
406
|
width: o,
|
|
@@ -408,7 +408,7 @@ var Xt = [
|
|
|
408
408
|
fill: c,
|
|
409
409
|
radius: l
|
|
410
410
|
}),
|
|
411
|
-
/* @__PURE__ */
|
|
411
|
+
/* @__PURE__ */ D("circle", {
|
|
412
412
|
cx: f,
|
|
413
413
|
cy: p,
|
|
414
414
|
r: 4,
|
|
@@ -416,7 +416,7 @@ var Xt = [
|
|
|
416
416
|
stroke: y,
|
|
417
417
|
strokeWidth: 1.5
|
|
418
418
|
}),
|
|
419
|
-
t === "stacked" && n === "value2" && /* @__PURE__ */
|
|
419
|
+
t === "stacked" && n === "value2" && /* @__PURE__ */ D("circle", {
|
|
420
420
|
cx: i + o / 2,
|
|
421
421
|
cy: a + s,
|
|
422
422
|
r: 4,
|
|
@@ -425,20 +425,20 @@ var Xt = [
|
|
|
425
425
|
strokeWidth: 1.5
|
|
426
426
|
})
|
|
427
427
|
] });
|
|
428
|
-
},
|
|
428
|
+
}, re = (n) => (r, i) => {
|
|
429
429
|
o(i);
|
|
430
430
|
let a = Number(e[i]?.[n] ?? 0);
|
|
431
|
-
c(
|
|
432
|
-
},
|
|
431
|
+
c(te(t === "horizontal", r.x, r.y, r.width, r.height, a));
|
|
432
|
+
}, ie = () => {
|
|
433
433
|
o(null), c(null);
|
|
434
434
|
};
|
|
435
|
-
return /* @__PURE__ */
|
|
435
|
+
return /* @__PURE__ */ D("div", {
|
|
436
436
|
ref: l,
|
|
437
|
-
className: [
|
|
438
|
-
children: /* @__PURE__ */
|
|
437
|
+
className: [tn.chart, i ?? ""].filter(Boolean).join(" "),
|
|
438
|
+
children: /* @__PURE__ */ D(Mt, {
|
|
439
439
|
width: "100%",
|
|
440
|
-
height:
|
|
441
|
-
children: /* @__PURE__ */
|
|
440
|
+
height: nn[n],
|
|
441
|
+
children: /* @__PURE__ */ O(gt, {
|
|
442
442
|
data: e,
|
|
443
443
|
layout: t === "horizontal" ? "vertical" : "horizontal",
|
|
444
444
|
margin: {
|
|
@@ -448,19 +448,19 @@ var Xt = [
|
|
|
448
448
|
left: t === "horizontal" ? 8 : 0
|
|
449
449
|
},
|
|
450
450
|
children: [
|
|
451
|
-
/* @__PURE__ */
|
|
451
|
+
/* @__PURE__ */ D(_t, {
|
|
452
452
|
strokeDasharray: "3 3",
|
|
453
453
|
stroke: h,
|
|
454
454
|
horizontal: !0,
|
|
455
455
|
vertical: t === "horizontal"
|
|
456
456
|
}),
|
|
457
|
-
t === "horizontal" ? /* @__PURE__ */
|
|
457
|
+
t === "horizontal" ? /* @__PURE__ */ O(Ve, { children: [/* @__PURE__ */ D(Ft, {
|
|
458
458
|
type: "number",
|
|
459
459
|
stroke: g,
|
|
460
460
|
fontSize: 12,
|
|
461
461
|
tickLine: !1,
|
|
462
462
|
axisLine: !1
|
|
463
|
-
}), /* @__PURE__ */
|
|
463
|
+
}), /* @__PURE__ */ D(It, {
|
|
464
464
|
type: "category",
|
|
465
465
|
dataKey: "label",
|
|
466
466
|
stroke: g,
|
|
@@ -468,7 +468,7 @@ var Xt = [
|
|
|
468
468
|
tickLine: !1,
|
|
469
469
|
axisLine: !1,
|
|
470
470
|
width: 64
|
|
471
|
-
})] }) : /* @__PURE__ */
|
|
471
|
+
})] }) : /* @__PURE__ */ D(Ft, {
|
|
472
472
|
dataKey: "label",
|
|
473
473
|
stroke: g,
|
|
474
474
|
fontSize: 12,
|
|
@@ -476,26 +476,26 @@ var Xt = [
|
|
|
476
476
|
axisLine: !1,
|
|
477
477
|
interval: 0
|
|
478
478
|
}),
|
|
479
|
-
t === "negative" && /* @__PURE__ */
|
|
479
|
+
t === "negative" && /* @__PURE__ */ D(It, {
|
|
480
480
|
hide: !0,
|
|
481
481
|
domain: [-b, b],
|
|
482
482
|
ticks: x
|
|
483
483
|
}),
|
|
484
|
-
|
|
485
|
-
_ && /* @__PURE__ */
|
|
486
|
-
className:
|
|
487
|
-
children: e.payload?.map((e) => /* @__PURE__ */
|
|
488
|
-
className:
|
|
489
|
-
children: [/* @__PURE__ */
|
|
490
|
-
className:
|
|
484
|
+
ee,
|
|
485
|
+
_ && /* @__PURE__ */ D(yt, { content: (e) => /* @__PURE__ */ D("ul", {
|
|
486
|
+
className: tn.legend,
|
|
487
|
+
children: e.payload?.map((e) => /* @__PURE__ */ O("li", {
|
|
488
|
+
className: tn.legendItem,
|
|
489
|
+
children: [/* @__PURE__ */ D("span", {
|
|
490
|
+
className: tn.legendSwatch,
|
|
491
491
|
style: { background: e.color }
|
|
492
|
-
}), /* @__PURE__ */
|
|
492
|
+
}), /* @__PURE__ */ D("span", {
|
|
493
493
|
style: { color: e.color },
|
|
494
494
|
children: e.value
|
|
495
495
|
})]
|
|
496
496
|
}, e.value))
|
|
497
497
|
}) }),
|
|
498
|
-
_ ? /* @__PURE__ */
|
|
498
|
+
_ ? /* @__PURE__ */ O(Ve, { children: [/* @__PURE__ */ D(ht, {
|
|
499
499
|
dataKey: "value",
|
|
500
500
|
name: r[0] ?? "Value",
|
|
501
501
|
fill: d,
|
|
@@ -503,70 +503,70 @@ var Xt = [
|
|
|
503
503
|
radius: t === "stacked" ? [
|
|
504
504
|
0,
|
|
505
505
|
0,
|
|
506
|
-
|
|
507
|
-
|
|
506
|
+
M,
|
|
507
|
+
M
|
|
508
508
|
] : [
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
509
|
+
M,
|
|
510
|
+
M,
|
|
511
|
+
M,
|
|
512
|
+
M
|
|
513
513
|
],
|
|
514
514
|
isAnimationActive: !1,
|
|
515
|
-
activeBar:
|
|
516
|
-
onMouseEnter:
|
|
517
|
-
onMouseLeave:
|
|
518
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
515
|
+
activeBar: ne("value"),
|
|
516
|
+
onMouseEnter: re("value"),
|
|
517
|
+
onMouseLeave: ie,
|
|
518
|
+
children: e.map((e, t) => /* @__PURE__ */ D(vt, {
|
|
519
519
|
fill: d,
|
|
520
520
|
fillOpacity: a !== null && t !== a ? .45 : 1
|
|
521
521
|
}, t))
|
|
522
|
-
}), v && /* @__PURE__ */
|
|
522
|
+
}), v && /* @__PURE__ */ D(ht, {
|
|
523
523
|
dataKey: "value2",
|
|
524
524
|
name: r[1] ?? "Value 2",
|
|
525
525
|
fill: f,
|
|
526
526
|
stackId: t === "stacked" ? "stack" : void 0,
|
|
527
527
|
radius: t === "stacked" ? [
|
|
528
|
-
|
|
529
|
-
|
|
528
|
+
M,
|
|
529
|
+
M,
|
|
530
530
|
0,
|
|
531
531
|
0
|
|
532
532
|
] : [
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
533
|
+
M,
|
|
534
|
+
M,
|
|
535
|
+
M,
|
|
536
|
+
M
|
|
537
537
|
],
|
|
538
538
|
isAnimationActive: !1,
|
|
539
|
-
activeBar:
|
|
540
|
-
onMouseEnter:
|
|
541
|
-
onMouseLeave:
|
|
542
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
539
|
+
activeBar: ne("value2"),
|
|
540
|
+
onMouseEnter: re("value2"),
|
|
541
|
+
onMouseLeave: ie,
|
|
542
|
+
children: e.map((e, t) => /* @__PURE__ */ D(vt, {
|
|
543
543
|
fill: f,
|
|
544
544
|
fillOpacity: a !== null && t !== a ? .45 : 1
|
|
545
545
|
}, t))
|
|
546
|
-
})] }) : /* @__PURE__ */
|
|
546
|
+
})] }) : /* @__PURE__ */ D(ht, {
|
|
547
547
|
dataKey: "value",
|
|
548
548
|
name: "Value",
|
|
549
|
-
fill: a === null ? d :
|
|
549
|
+
fill: a === null ? d : S(a),
|
|
550
550
|
radius: [
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
551
|
+
M,
|
|
552
|
+
M,
|
|
553
|
+
M,
|
|
554
|
+
M
|
|
555
555
|
],
|
|
556
556
|
isAnimationActive: !1,
|
|
557
|
-
activeBar:
|
|
558
|
-
onMouseEnter:
|
|
559
|
-
onMouseLeave:
|
|
560
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
561
|
-
fill:
|
|
562
|
-
fillOpacity:
|
|
557
|
+
activeBar: ne("value"),
|
|
558
|
+
onMouseEnter: re("value"),
|
|
559
|
+
onMouseLeave: ie,
|
|
560
|
+
children: e.map((e, t) => /* @__PURE__ */ D(vt, {
|
|
561
|
+
fill: S(t),
|
|
562
|
+
fillOpacity: C(t)
|
|
563
563
|
}, t))
|
|
564
564
|
})
|
|
565
565
|
]
|
|
566
566
|
})
|
|
567
567
|
})
|
|
568
568
|
});
|
|
569
|
-
},
|
|
569
|
+
}, N = {
|
|
570
570
|
row: "_row_5wjem_2",
|
|
571
571
|
left: "_left_5wjem_16",
|
|
572
572
|
logo: "_logo_5wjem_23",
|
|
@@ -592,133 +592,133 @@ var Xt = [
|
|
|
592
592
|
changeRowLg: "_changeRowLg_5wjem_153",
|
|
593
593
|
changeTextLg: "_changeTextLg_5wjem_158",
|
|
594
594
|
chart: "_chart_5wjem_165"
|
|
595
|
-
},
|
|
595
|
+
}, on = (e) => Math.abs(e).toLocaleString("en-US", {
|
|
596
596
|
style: "currency",
|
|
597
597
|
currency: "USD"
|
|
598
|
-
}),
|
|
599
|
-
let u = i.amount >= 0, d = u ?
|
|
600
|
-
return o ? /* @__PURE__ */
|
|
601
|
-
className: [
|
|
598
|
+
}), sn = ({ logo: e, symbol: t, name: n, price: r, change: i, formatAmount: a = on, chart: o, periodLabel: s = "Last 6 months", onPeriodClick: c, className: l }) => {
|
|
599
|
+
let u = i.amount >= 0, d = u ? lt : ct, f = u ? "+" : "-", p = `${f}${a(i.amount)} (${f}${Math.abs(i.percent)}%)`, m = u ? N.trendUp : N.trendDown;
|
|
600
|
+
return o ? /* @__PURE__ */ O("div", {
|
|
601
|
+
className: [N.card, l ?? ""].filter(Boolean).join(" "),
|
|
602
602
|
children: [
|
|
603
|
-
/* @__PURE__ */
|
|
604
|
-
className:
|
|
605
|
-
children: [/* @__PURE__ */
|
|
603
|
+
/* @__PURE__ */ O("div", {
|
|
604
|
+
className: N.header,
|
|
605
|
+
children: [/* @__PURE__ */ D(Ue, {
|
|
606
606
|
size: 16,
|
|
607
|
-
strokeWidth:
|
|
608
|
-
className:
|
|
609
|
-
}), /* @__PURE__ */
|
|
610
|
-
className:
|
|
607
|
+
strokeWidth: T(16),
|
|
608
|
+
className: N.headerIcon
|
|
609
|
+
}), /* @__PURE__ */ D("span", {
|
|
610
|
+
className: N.headerLabel,
|
|
611
611
|
children: "Stock market"
|
|
612
612
|
})]
|
|
613
613
|
}),
|
|
614
|
-
/* @__PURE__ */
|
|
615
|
-
className:
|
|
616
|
-
children: [/* @__PURE__ */
|
|
617
|
-
className:
|
|
614
|
+
/* @__PURE__ */ O("div", {
|
|
615
|
+
className: N.tickerRow,
|
|
616
|
+
children: [/* @__PURE__ */ D("span", {
|
|
617
|
+
className: N.logoLg,
|
|
618
618
|
"aria-hidden": "true",
|
|
619
619
|
children: e
|
|
620
|
-
}), /* @__PURE__ */
|
|
621
|
-
className:
|
|
622
|
-
children: [/* @__PURE__ */
|
|
623
|
-
className:
|
|
620
|
+
}), /* @__PURE__ */ O("div", {
|
|
621
|
+
className: N.text,
|
|
622
|
+
children: [/* @__PURE__ */ D("p", {
|
|
623
|
+
className: N.symbol,
|
|
624
624
|
children: t
|
|
625
|
-
}), /* @__PURE__ */
|
|
626
|
-
className:
|
|
625
|
+
}), /* @__PURE__ */ D("p", {
|
|
626
|
+
className: N.name,
|
|
627
627
|
children: n
|
|
628
628
|
})]
|
|
629
629
|
})]
|
|
630
630
|
}),
|
|
631
|
-
/* @__PURE__ */
|
|
632
|
-
className:
|
|
633
|
-
children: [/* @__PURE__ */
|
|
634
|
-
className:
|
|
635
|
-
children: [/* @__PURE__ */
|
|
636
|
-
className:
|
|
637
|
-
children: [/* @__PURE__ */
|
|
638
|
-
className:
|
|
631
|
+
/* @__PURE__ */ O("div", {
|
|
632
|
+
className: N.body,
|
|
633
|
+
children: [/* @__PURE__ */ O("div", {
|
|
634
|
+
className: N.priceRow,
|
|
635
|
+
children: [/* @__PURE__ */ O("div", {
|
|
636
|
+
className: N.priceGroup,
|
|
637
|
+
children: [/* @__PURE__ */ D("p", {
|
|
638
|
+
className: N.priceLg,
|
|
639
639
|
children: a(r)
|
|
640
|
-
}), /* @__PURE__ */
|
|
641
|
-
className:
|
|
642
|
-
children: [/* @__PURE__ */
|
|
640
|
+
}), /* @__PURE__ */ O("div", {
|
|
641
|
+
className: N.changeRowLg,
|
|
642
|
+
children: [/* @__PURE__ */ D(d, {
|
|
643
643
|
size: 24,
|
|
644
|
-
strokeWidth:
|
|
644
|
+
strokeWidth: T(24),
|
|
645
645
|
className: m
|
|
646
|
-
}), /* @__PURE__ */
|
|
647
|
-
className: [
|
|
646
|
+
}), /* @__PURE__ */ D("span", {
|
|
647
|
+
className: [N.changeTextLg, m].join(" "),
|
|
648
648
|
children: p
|
|
649
649
|
})]
|
|
650
650
|
})]
|
|
651
|
-
}), /* @__PURE__ */
|
|
651
|
+
}), /* @__PURE__ */ D(De, {
|
|
652
652
|
variant: "outline",
|
|
653
653
|
size: "sm",
|
|
654
|
-
rightIcon: /* @__PURE__ */
|
|
654
|
+
rightIcon: /* @__PURE__ */ D(Ge, {
|
|
655
655
|
size: 16,
|
|
656
|
-
strokeWidth:
|
|
656
|
+
strokeWidth: T(16)
|
|
657
657
|
}),
|
|
658
658
|
onClick: c,
|
|
659
659
|
children: s
|
|
660
660
|
})]
|
|
661
|
-
}), /* @__PURE__ */
|
|
661
|
+
}), /* @__PURE__ */ D(an, {
|
|
662
662
|
data: o,
|
|
663
|
-
className:
|
|
663
|
+
className: N.chart
|
|
664
664
|
})]
|
|
665
665
|
})
|
|
666
666
|
]
|
|
667
|
-
}) : /* @__PURE__ */
|
|
668
|
-
className: [
|
|
669
|
-
children: [/* @__PURE__ */
|
|
670
|
-
className:
|
|
671
|
-
children: [/* @__PURE__ */
|
|
672
|
-
className:
|
|
667
|
+
}) : /* @__PURE__ */ O("div", {
|
|
668
|
+
className: [N.row, l ?? ""].filter(Boolean).join(" "),
|
|
669
|
+
children: [/* @__PURE__ */ O("div", {
|
|
670
|
+
className: N.left,
|
|
671
|
+
children: [/* @__PURE__ */ D("span", {
|
|
672
|
+
className: N.logo,
|
|
673
673
|
"aria-hidden": "true",
|
|
674
674
|
children: e
|
|
675
|
-
}), /* @__PURE__ */
|
|
676
|
-
className:
|
|
677
|
-
children: [/* @__PURE__ */
|
|
678
|
-
className:
|
|
675
|
+
}), /* @__PURE__ */ O("div", {
|
|
676
|
+
className: N.text,
|
|
677
|
+
children: [/* @__PURE__ */ D("p", {
|
|
678
|
+
className: N.symbol,
|
|
679
679
|
children: t
|
|
680
|
-
}), /* @__PURE__ */
|
|
681
|
-
className:
|
|
680
|
+
}), /* @__PURE__ */ D("p", {
|
|
681
|
+
className: N.name,
|
|
682
682
|
children: n
|
|
683
683
|
})]
|
|
684
684
|
})]
|
|
685
|
-
}), /* @__PURE__ */
|
|
686
|
-
className:
|
|
687
|
-
children: [/* @__PURE__ */
|
|
688
|
-
className:
|
|
685
|
+
}), /* @__PURE__ */ O("div", {
|
|
686
|
+
className: N.right,
|
|
687
|
+
children: [/* @__PURE__ */ D("p", {
|
|
688
|
+
className: N.price,
|
|
689
689
|
children: a(r)
|
|
690
|
-
}), /* @__PURE__ */
|
|
691
|
-
className:
|
|
692
|
-
children: [/* @__PURE__ */
|
|
690
|
+
}), /* @__PURE__ */ O("div", {
|
|
691
|
+
className: N.changeRow,
|
|
692
|
+
children: [/* @__PURE__ */ D(d, {
|
|
693
693
|
size: 20,
|
|
694
|
-
strokeWidth:
|
|
694
|
+
strokeWidth: T(20),
|
|
695
695
|
className: m
|
|
696
|
-
}), /* @__PURE__ */
|
|
697
|
-
className: [
|
|
696
|
+
}), /* @__PURE__ */ D("span", {
|
|
697
|
+
className: [N.changeText, m].join(" "),
|
|
698
698
|
children: p
|
|
699
699
|
})]
|
|
700
700
|
})]
|
|
701
701
|
})]
|
|
702
702
|
});
|
|
703
|
-
},
|
|
703
|
+
}, cn = {
|
|
704
704
|
tags: "_tags_acsad_1",
|
|
705
705
|
remove: "_remove_acsad_8"
|
|
706
|
-
},
|
|
707
|
-
className: [
|
|
708
|
-
children: e.map((e, n) => /* @__PURE__ */
|
|
709
|
-
rightIcon: t && /* @__PURE__ */
|
|
706
|
+
}, ln = ({ tags: e, onRemove: t, className: n }) => /* @__PURE__ */ D("div", {
|
|
707
|
+
className: [cn.tags, n ?? ""].filter(Boolean).join(" "),
|
|
708
|
+
children: e.map((e, n) => /* @__PURE__ */ D(u, {
|
|
709
|
+
rightIcon: t && /* @__PURE__ */ D("button", {
|
|
710
710
|
type: "button",
|
|
711
|
-
className:
|
|
711
|
+
className: cn.remove,
|
|
712
712
|
onClick: () => t(e, n),
|
|
713
713
|
"aria-label": `Remove ${e}`,
|
|
714
|
-
children: /* @__PURE__ */
|
|
714
|
+
children: /* @__PURE__ */ D(ft, {
|
|
715
715
|
size: 12,
|
|
716
|
-
strokeWidth:
|
|
716
|
+
strokeWidth: T(12)
|
|
717
717
|
})
|
|
718
718
|
}),
|
|
719
719
|
children: e
|
|
720
720
|
}, e))
|
|
721
|
-
}),
|
|
721
|
+
}), P = {
|
|
722
722
|
ticker: "_ticker_6xnxy_1",
|
|
723
723
|
track: "_track_6xnxy_9",
|
|
724
724
|
"ticker-scroll": "_ticker-scroll_6xnxy_1",
|
|
@@ -730,33 +730,33 @@ var Xt = [
|
|
|
730
730
|
trendDown: "_trendDown_6xnxy_58",
|
|
731
731
|
fadeLeft: "_fadeLeft_6xnxy_60",
|
|
732
732
|
fadeRight: "_fadeRight_6xnxy_61"
|
|
733
|
-
},
|
|
734
|
-
className:
|
|
733
|
+
}, un = (e) => `${e >= 0 ? "+" : ""}${e}%`, dn = ({ items: e, formatChange: t, ariaHidden: n }) => /* @__PURE__ */ D("div", {
|
|
734
|
+
className: P.row,
|
|
735
735
|
"aria-hidden": n,
|
|
736
736
|
children: e.map((e, n) => {
|
|
737
|
-
let r = e.changePercent >= 0, i = r ?
|
|
738
|
-
return /* @__PURE__ */
|
|
739
|
-
className:
|
|
737
|
+
let r = e.changePercent >= 0, i = r ? lt : ct, a = r ? P.trendUp : P.trendDown;
|
|
738
|
+
return /* @__PURE__ */ O("div", {
|
|
739
|
+
className: P.item,
|
|
740
740
|
children: [
|
|
741
|
-
/* @__PURE__ */
|
|
742
|
-
className:
|
|
741
|
+
/* @__PURE__ */ D("span", {
|
|
742
|
+
className: P.symbol,
|
|
743
743
|
children: e.symbol
|
|
744
744
|
}),
|
|
745
|
-
/* @__PURE__ */
|
|
745
|
+
/* @__PURE__ */ D(i, {
|
|
746
746
|
size: 14,
|
|
747
|
-
strokeWidth:
|
|
747
|
+
strokeWidth: T(14),
|
|
748
748
|
className: a
|
|
749
749
|
}),
|
|
750
|
-
/* @__PURE__ */
|
|
751
|
-
className: [
|
|
750
|
+
/* @__PURE__ */ D("span", {
|
|
751
|
+
className: [P.change, a].join(" "),
|
|
752
752
|
children: t(e.changePercent)
|
|
753
753
|
})
|
|
754
754
|
]
|
|
755
755
|
}, `${e.symbol}-${n}`);
|
|
756
756
|
})
|
|
757
|
-
}),
|
|
758
|
-
let i =
|
|
759
|
-
return
|
|
757
|
+
}), fn = ({ items: e, speed: t = 40, formatChange: n = un, className: r }) => {
|
|
758
|
+
let i = E.useRef(null), [a, o] = E.useState(20);
|
|
759
|
+
return E.useEffect(() => {
|
|
760
760
|
let e = i.current;
|
|
761
761
|
if (!e) return;
|
|
762
762
|
let n = e.firstElementChild;
|
|
@@ -768,33 +768,33 @@ var Xt = [
|
|
|
768
768
|
r();
|
|
769
769
|
let a = new ResizeObserver(r);
|
|
770
770
|
return a.observe(n), () => a.disconnect();
|
|
771
|
-
}, [e, t]), /* @__PURE__ */
|
|
772
|
-
className: [
|
|
771
|
+
}, [e, t]), /* @__PURE__ */ O("div", {
|
|
772
|
+
className: [P.ticker, r ?? ""].filter(Boolean).join(" "),
|
|
773
773
|
children: [
|
|
774
|
-
/* @__PURE__ */
|
|
774
|
+
/* @__PURE__ */ O("div", {
|
|
775
775
|
ref: i,
|
|
776
|
-
className:
|
|
776
|
+
className: P.track,
|
|
777
777
|
style: { "--ticker-duration": `${a}s` },
|
|
778
|
-
children: [/* @__PURE__ */
|
|
778
|
+
children: [/* @__PURE__ */ D(dn, {
|
|
779
779
|
items: e,
|
|
780
780
|
formatChange: n
|
|
781
|
-
}), /* @__PURE__ */
|
|
781
|
+
}), /* @__PURE__ */ D(dn, {
|
|
782
782
|
items: e,
|
|
783
783
|
formatChange: n,
|
|
784
784
|
ariaHidden: !0
|
|
785
785
|
})]
|
|
786
786
|
}),
|
|
787
|
-
/* @__PURE__ */
|
|
788
|
-
className:
|
|
787
|
+
/* @__PURE__ */ D("div", {
|
|
788
|
+
className: P.fadeLeft,
|
|
789
789
|
"aria-hidden": "true"
|
|
790
790
|
}),
|
|
791
|
-
/* @__PURE__ */
|
|
792
|
-
className:
|
|
791
|
+
/* @__PURE__ */ D("div", {
|
|
792
|
+
className: P.fadeRight,
|
|
793
793
|
"aria-hidden": "true"
|
|
794
794
|
})
|
|
795
795
|
]
|
|
796
796
|
});
|
|
797
|
-
},
|
|
797
|
+
}, F = {
|
|
798
798
|
list: "_list_ovxee_1",
|
|
799
799
|
row: "_row_ovxee_9",
|
|
800
800
|
rowLast: "_rowLast_ovxee_18",
|
|
@@ -810,55 +810,55 @@ var Xt = [
|
|
|
810
810
|
emptyIcon: "_emptyIcon_ovxee_86",
|
|
811
811
|
emptyTitle: "_emptyTitle_ovxee_89",
|
|
812
812
|
emptyDesc: "_emptyDesc_ovxee_96"
|
|
813
|
-
},
|
|
813
|
+
}, pn = (e) => `${e >= 0 ? "+" : "-"}${Math.abs(e).toLocaleString("en-US", {
|
|
814
814
|
style: "currency",
|
|
815
815
|
currency: "USD"
|
|
816
|
-
})}`,
|
|
817
|
-
className: [
|
|
816
|
+
})}`, mn = ({ transactions: e, formatAmount: t = pn, emptyTitle: n = "No transactions yet", emptyDescription: r = "Your activity will show up here.", className: i }) => e.length === 0 ? /* @__PURE__ */ O("div", {
|
|
817
|
+
className: [F.empty, i ?? ""].filter(Boolean).join(" "),
|
|
818
818
|
children: [
|
|
819
|
-
/* @__PURE__ */
|
|
819
|
+
/* @__PURE__ */ D(at, {
|
|
820
820
|
size: 24,
|
|
821
|
-
strokeWidth:
|
|
822
|
-
className:
|
|
821
|
+
strokeWidth: T(24),
|
|
822
|
+
className: F.emptyIcon
|
|
823
823
|
}),
|
|
824
|
-
/* @__PURE__ */
|
|
825
|
-
className:
|
|
824
|
+
/* @__PURE__ */ D("p", {
|
|
825
|
+
className: F.emptyTitle,
|
|
826
826
|
children: n
|
|
827
827
|
}),
|
|
828
|
-
/* @__PURE__ */
|
|
829
|
-
className:
|
|
828
|
+
/* @__PURE__ */ D("p", {
|
|
829
|
+
className: F.emptyDesc,
|
|
830
830
|
children: r
|
|
831
831
|
})
|
|
832
832
|
]
|
|
833
|
-
}) : /* @__PURE__ */
|
|
834
|
-
className: [
|
|
833
|
+
}) : /* @__PURE__ */ D("div", {
|
|
834
|
+
className: [F.list, i ?? ""].filter(Boolean).join(" "),
|
|
835
835
|
children: e.map((n, r) => {
|
|
836
836
|
let i = n.amount >= 0;
|
|
837
|
-
return /* @__PURE__ */
|
|
838
|
-
className: [
|
|
839
|
-
children: [/* @__PURE__ */
|
|
840
|
-
className:
|
|
841
|
-
children: [/* @__PURE__ */
|
|
842
|
-
className:
|
|
837
|
+
return /* @__PURE__ */ O("div", {
|
|
838
|
+
className: [F.row, r === e.length - 1 ? F.rowLast : ""].filter(Boolean).join(" "),
|
|
839
|
+
children: [/* @__PURE__ */ O("div", {
|
|
840
|
+
className: F.left,
|
|
841
|
+
children: [/* @__PURE__ */ D("span", {
|
|
842
|
+
className: F.iconWrap,
|
|
843
843
|
"aria-hidden": "true",
|
|
844
844
|
children: n.icon
|
|
845
|
-
}), /* @__PURE__ */
|
|
846
|
-
className:
|
|
847
|
-
children: [/* @__PURE__ */
|
|
848
|
-
className:
|
|
845
|
+
}), /* @__PURE__ */ O("div", {
|
|
846
|
+
className: F.info,
|
|
847
|
+
children: [/* @__PURE__ */ D("p", {
|
|
848
|
+
className: F.name,
|
|
849
849
|
children: n.name
|
|
850
|
-
}), /* @__PURE__ */
|
|
851
|
-
className:
|
|
850
|
+
}), /* @__PURE__ */ D("p", {
|
|
851
|
+
className: F.category,
|
|
852
852
|
children: n.category
|
|
853
853
|
})]
|
|
854
854
|
})]
|
|
855
|
-
}), /* @__PURE__ */
|
|
856
|
-
className: [
|
|
855
|
+
}), /* @__PURE__ */ D("p", {
|
|
856
|
+
className: [F.amount, i ? F.amountUp : F.amountDown].join(" "),
|
|
857
857
|
children: t(n.amount)
|
|
858
858
|
})]
|
|
859
859
|
}, n.id ?? `${n.name}-${r}`);
|
|
860
860
|
})
|
|
861
|
-
}),
|
|
861
|
+
}), I = {
|
|
862
862
|
root: "_root_19qxp_1",
|
|
863
863
|
rootAttributed: "_rootAttributed_19qxp_10",
|
|
864
864
|
rootSimple: "_rootSimple_19qxp_18",
|
|
@@ -872,57 +872,57 @@ var Xt = [
|
|
|
872
872
|
author: "_author_19qxp_77",
|
|
873
873
|
authorText: "_authorText_19qxp_83",
|
|
874
874
|
authorName: "_authorName_19qxp_91"
|
|
875
|
-
},
|
|
875
|
+
}, hn = ({ quote: t, author: n, className: r }) => {
|
|
876
876
|
let i = !!n;
|
|
877
|
-
return /* @__PURE__ */
|
|
877
|
+
return /* @__PURE__ */ O("div", {
|
|
878
878
|
className: [
|
|
879
|
-
|
|
880
|
-
i ?
|
|
879
|
+
I.root,
|
|
880
|
+
i ? I.rootAttributed : I.rootSimple,
|
|
881
881
|
r ?? ""
|
|
882
882
|
].filter(Boolean).join(" "),
|
|
883
|
-
children: [/* @__PURE__ */
|
|
883
|
+
children: [/* @__PURE__ */ D(e, {
|
|
884
884
|
orientation: "vertical",
|
|
885
|
-
className:
|
|
886
|
-
}), /* @__PURE__ */
|
|
887
|
-
className:
|
|
885
|
+
className: I.rail
|
|
886
|
+
}), /* @__PURE__ */ O("div", {
|
|
887
|
+
className: I.body,
|
|
888
888
|
children: [
|
|
889
|
-
i && /* @__PURE__ */
|
|
890
|
-
className:
|
|
889
|
+
i && /* @__PURE__ */ D("span", {
|
|
890
|
+
className: I.markRow,
|
|
891
891
|
"aria-hidden": "true",
|
|
892
|
-
children: /* @__PURE__ */
|
|
892
|
+
children: /* @__PURE__ */ D(it, {
|
|
893
893
|
size: 12,
|
|
894
|
-
strokeWidth:
|
|
895
|
-
className:
|
|
894
|
+
strokeWidth: T(12),
|
|
895
|
+
className: I.mark,
|
|
896
896
|
fill: "currentColor"
|
|
897
897
|
})
|
|
898
898
|
}),
|
|
899
|
-
/* @__PURE__ */
|
|
900
|
-
className: i ?
|
|
899
|
+
/* @__PURE__ */ D("p", {
|
|
900
|
+
className: i ? I.quoteAttributed : I.quoteSimple,
|
|
901
901
|
children: i ? t : `"${t}"`
|
|
902
902
|
}),
|
|
903
|
-
i && /* @__PURE__ */
|
|
904
|
-
className: [
|
|
903
|
+
i && /* @__PURE__ */ D("span", {
|
|
904
|
+
className: [I.markRow, I.markRowEnd].join(" "),
|
|
905
905
|
"aria-hidden": "true",
|
|
906
|
-
children: /* @__PURE__ */
|
|
906
|
+
children: /* @__PURE__ */ D(it, {
|
|
907
907
|
size: 12,
|
|
908
|
-
strokeWidth:
|
|
909
|
-
className:
|
|
908
|
+
strokeWidth: T(12),
|
|
909
|
+
className: I.mark,
|
|
910
910
|
fill: "currentColor"
|
|
911
911
|
})
|
|
912
912
|
}),
|
|
913
|
-
n && /* @__PURE__ */
|
|
914
|
-
className:
|
|
915
|
-
children: [/* @__PURE__ */
|
|
913
|
+
n && /* @__PURE__ */ O("div", {
|
|
914
|
+
className: I.author,
|
|
915
|
+
children: [/* @__PURE__ */ D(se, {
|
|
916
916
|
size: "sm",
|
|
917
917
|
src: n.avatarSrc,
|
|
918
918
|
alt: n.avatarAlt ?? n.name
|
|
919
|
-
}), /* @__PURE__ */
|
|
920
|
-
className:
|
|
921
|
-
children: [/* @__PURE__ */
|
|
922
|
-
className:
|
|
919
|
+
}), /* @__PURE__ */ O("p", {
|
|
920
|
+
className: I.authorText,
|
|
921
|
+
children: [/* @__PURE__ */ D("span", {
|
|
922
|
+
className: I.authorName,
|
|
923
923
|
children: n.name
|
|
924
|
-
}), /* @__PURE__ */
|
|
925
|
-
className:
|
|
924
|
+
}), /* @__PURE__ */ O("span", {
|
|
925
|
+
className: I.authorRole,
|
|
926
926
|
children: [", ", n.role]
|
|
927
927
|
})]
|
|
928
928
|
})]
|
|
@@ -930,51 +930,51 @@ var Xt = [
|
|
|
930
930
|
]
|
|
931
931
|
})]
|
|
932
932
|
});
|
|
933
|
-
},
|
|
933
|
+
}, gn = {
|
|
934
934
|
root: "_root_btuyr_1",
|
|
935
935
|
rootLeft: "_rootLeft_btuyr_13",
|
|
936
936
|
rootTop: "_rootTop_btuyr_19",
|
|
937
937
|
ruleLeft: "_ruleLeft_btuyr_24",
|
|
938
938
|
ruleTop: "_ruleTop_btuyr_31",
|
|
939
939
|
text: "_text_btuyr_39"
|
|
940
|
-
},
|
|
940
|
+
}, _n = ({ text: e, align: t = "left", className: n }) => /* @__PURE__ */ O("div", {
|
|
941
941
|
className: [
|
|
942
|
-
|
|
943
|
-
t === "top" ?
|
|
942
|
+
gn.root,
|
|
943
|
+
t === "top" ? gn.rootTop : gn.rootLeft,
|
|
944
944
|
n ?? ""
|
|
945
945
|
].filter(Boolean).join(" "),
|
|
946
|
-
children: [/* @__PURE__ */
|
|
947
|
-
className: t === "top" ?
|
|
946
|
+
children: [/* @__PURE__ */ D("span", {
|
|
947
|
+
className: t === "top" ? gn.ruleTop : gn.ruleLeft,
|
|
948
948
|
"aria-hidden": "true"
|
|
949
|
-
}), /* @__PURE__ */
|
|
950
|
-
className:
|
|
949
|
+
}), /* @__PURE__ */ D("p", {
|
|
950
|
+
className: gn.text,
|
|
951
951
|
children: e
|
|
952
952
|
})]
|
|
953
|
-
}),
|
|
953
|
+
}), vn = {
|
|
954
954
|
root: "_root_awxwk_1",
|
|
955
955
|
imageWrap: "_imageWrap_awxwk_10",
|
|
956
956
|
"root--large": "_root--large_awxwk_27",
|
|
957
957
|
"root--small": "_root--small_awxwk_33",
|
|
958
958
|
image: "_image_awxwk_10",
|
|
959
959
|
caption: "_caption_awxwk_47"
|
|
960
|
-
},
|
|
960
|
+
}, yn = ({ src: e, alt: t = "", size: n = "large", caption: r, className: i }) => /* @__PURE__ */ O("figure", {
|
|
961
961
|
className: [
|
|
962
|
-
|
|
963
|
-
|
|
962
|
+
vn.root,
|
|
963
|
+
vn[`root--${n}`],
|
|
964
964
|
i ?? ""
|
|
965
965
|
].filter(Boolean).join(" "),
|
|
966
|
-
children: [/* @__PURE__ */
|
|
967
|
-
className:
|
|
968
|
-
children: /* @__PURE__ */
|
|
966
|
+
children: [/* @__PURE__ */ D("span", {
|
|
967
|
+
className: vn.imageWrap,
|
|
968
|
+
children: /* @__PURE__ */ D("img", {
|
|
969
969
|
src: e,
|
|
970
970
|
alt: t,
|
|
971
|
-
className:
|
|
971
|
+
className: vn.image
|
|
972
972
|
})
|
|
973
|
-
}), r && /* @__PURE__ */
|
|
974
|
-
className:
|
|
973
|
+
}), r && /* @__PURE__ */ D("figcaption", {
|
|
974
|
+
className: vn.caption,
|
|
975
975
|
children: r
|
|
976
976
|
})]
|
|
977
|
-
}),
|
|
977
|
+
}), bn = {
|
|
978
978
|
root: "_root_uc5r9_1",
|
|
979
979
|
rootCenter: "_rootCenter_uc5r9_10",
|
|
980
980
|
rootLeft: "_rootLeft_uc5r9_15",
|
|
@@ -983,107 +983,107 @@ var Xt = [
|
|
|
983
983
|
ctaRow: "_ctaRow_uc5r9_39",
|
|
984
984
|
avatarBlock: "_avatarBlock_uc5r9_45",
|
|
985
985
|
avatarsCaption: "_avatarsCaption_uc5r9_57"
|
|
986
|
-
},
|
|
986
|
+
}, xn = ({ title: e, description: t, badgeLabel: n, primaryCta: r, secondaryCta: i, avatars: a, avatarsCaption: o, align: s = "center", className: c }) => {
|
|
987
987
|
let l = !!(r || i), d = !!(a && a.length > 0);
|
|
988
|
-
return /* @__PURE__ */
|
|
988
|
+
return /* @__PURE__ */ O("div", {
|
|
989
989
|
className: [
|
|
990
|
-
|
|
991
|
-
s === "left" ?
|
|
990
|
+
bn.root,
|
|
991
|
+
s === "left" ? bn.rootLeft : bn.rootCenter,
|
|
992
992
|
c ?? ""
|
|
993
993
|
].filter(Boolean).join(" "),
|
|
994
994
|
children: [
|
|
995
|
-
n && /* @__PURE__ */
|
|
995
|
+
n && /* @__PURE__ */ D(u, {
|
|
996
996
|
variant: "accent",
|
|
997
997
|
emphasis: "subtle",
|
|
998
998
|
children: n
|
|
999
999
|
}),
|
|
1000
|
-
/* @__PURE__ */
|
|
1001
|
-
className:
|
|
1000
|
+
/* @__PURE__ */ D("p", {
|
|
1001
|
+
className: bn.title,
|
|
1002
1002
|
children: e
|
|
1003
1003
|
}),
|
|
1004
|
-
t && /* @__PURE__ */
|
|
1005
|
-
className:
|
|
1004
|
+
t && /* @__PURE__ */ D("p", {
|
|
1005
|
+
className: bn.description,
|
|
1006
1006
|
children: t
|
|
1007
1007
|
}),
|
|
1008
|
-
l && /* @__PURE__ */
|
|
1009
|
-
className:
|
|
1010
|
-
children: [r && /* @__PURE__ */
|
|
1008
|
+
l && /* @__PURE__ */ O("div", {
|
|
1009
|
+
className: bn.ctaRow,
|
|
1010
|
+
children: [r && /* @__PURE__ */ D(De, {
|
|
1011
1011
|
variant: "primary",
|
|
1012
1012
|
onClick: r.onClick,
|
|
1013
1013
|
children: r.label
|
|
1014
|
-
}), i && /* @__PURE__ */
|
|
1014
|
+
}), i && /* @__PURE__ */ D(De, {
|
|
1015
1015
|
variant: "secondary",
|
|
1016
|
-
leftIcon: /* @__PURE__ */
|
|
1016
|
+
leftIcon: /* @__PURE__ */ D(nt, {
|
|
1017
1017
|
size: 16,
|
|
1018
|
-
strokeWidth:
|
|
1018
|
+
strokeWidth: T(16),
|
|
1019
1019
|
fill: "currentColor"
|
|
1020
1020
|
}),
|
|
1021
1021
|
onClick: i.onClick,
|
|
1022
1022
|
children: i.label
|
|
1023
1023
|
})]
|
|
1024
1024
|
}),
|
|
1025
|
-
d && /* @__PURE__ */
|
|
1026
|
-
className:
|
|
1027
|
-
children: [/* @__PURE__ */
|
|
1025
|
+
d && /* @__PURE__ */ O("div", {
|
|
1026
|
+
className: bn.avatarBlock,
|
|
1027
|
+
children: [/* @__PURE__ */ D(he, {
|
|
1028
1028
|
size: "md",
|
|
1029
1029
|
avatars: a
|
|
1030
|
-
}), o && /* @__PURE__ */
|
|
1031
|
-
className:
|
|
1030
|
+
}), o && /* @__PURE__ */ D("p", {
|
|
1031
|
+
className: bn.avatarsCaption,
|
|
1032
1032
|
children: o
|
|
1033
1033
|
})]
|
|
1034
1034
|
})
|
|
1035
1035
|
]
|
|
1036
1036
|
});
|
|
1037
|
-
},
|
|
1037
|
+
}, Sn = {
|
|
1038
1038
|
root: "_root_5kajg_1",
|
|
1039
1039
|
item: "_item_5kajg_12",
|
|
1040
1040
|
marker: "_marker_5kajg_18",
|
|
1041
1041
|
dot: "_dot_5kajg_26",
|
|
1042
1042
|
label: "_label_5kajg_34"
|
|
1043
|
-
},
|
|
1044
|
-
className: [
|
|
1045
|
-
children: e.map((e, n) => /* @__PURE__ */
|
|
1046
|
-
className:
|
|
1047
|
-
children: [/* @__PURE__ */
|
|
1048
|
-
className:
|
|
1043
|
+
}, Cn = ({ items: e, style: t = "check", className: n }) => /* @__PURE__ */ D("ul", {
|
|
1044
|
+
className: [Sn.root, n ?? ""].filter(Boolean).join(" "),
|
|
1045
|
+
children: e.map((e, n) => /* @__PURE__ */ O("li", {
|
|
1046
|
+
className: Sn.item,
|
|
1047
|
+
children: [/* @__PURE__ */ O("span", {
|
|
1048
|
+
className: Sn.marker,
|
|
1049
1049
|
"aria-hidden": "true",
|
|
1050
1050
|
children: [
|
|
1051
|
-
t === "check" && /* @__PURE__ */
|
|
1051
|
+
t === "check" && /* @__PURE__ */ D(We, {
|
|
1052
1052
|
size: 18,
|
|
1053
|
-
strokeWidth:
|
|
1053
|
+
strokeWidth: T(18)
|
|
1054
1054
|
}),
|
|
1055
|
-
t === "arrow" && /* @__PURE__ */
|
|
1055
|
+
t === "arrow" && /* @__PURE__ */ D(He, {
|
|
1056
1056
|
size: 16,
|
|
1057
|
-
strokeWidth:
|
|
1057
|
+
strokeWidth: T(16)
|
|
1058
1058
|
}),
|
|
1059
|
-
t === "bullet" && /* @__PURE__ */
|
|
1059
|
+
t === "bullet" && /* @__PURE__ */ D("span", { className: Sn.dot })
|
|
1060
1060
|
]
|
|
1061
|
-
}), /* @__PURE__ */
|
|
1062
|
-
className:
|
|
1061
|
+
}), /* @__PURE__ */ D("span", {
|
|
1062
|
+
className: Sn.label,
|
|
1063
1063
|
children: e
|
|
1064
1064
|
})]
|
|
1065
1065
|
}, n))
|
|
1066
|
-
}),
|
|
1066
|
+
}), wn = {
|
|
1067
1067
|
marquee: "_marquee_1pc4i_1",
|
|
1068
1068
|
track: "_track_1pc4i_13",
|
|
1069
1069
|
row: "_row_1pc4i_19",
|
|
1070
1070
|
item: "_item_1pc4i_25",
|
|
1071
1071
|
fadeLeft: "_fadeLeft_1pc4i_31",
|
|
1072
1072
|
fadeRight: "_fadeRight_1pc4i_32"
|
|
1073
|
-
},
|
|
1074
|
-
className:
|
|
1073
|
+
}, Tn = ({ items: e, gap: t, ariaHidden: n }) => /* @__PURE__ */ D("div", {
|
|
1074
|
+
className: wn.row,
|
|
1075
1075
|
style: {
|
|
1076
1076
|
gap: t,
|
|
1077
1077
|
paddingRight: t
|
|
1078
1078
|
},
|
|
1079
1079
|
"aria-hidden": n,
|
|
1080
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
1081
|
-
className:
|
|
1080
|
+
children: e.map((e, t) => /* @__PURE__ */ D("div", {
|
|
1081
|
+
className: wn.item,
|
|
1082
1082
|
children: e
|
|
1083
1083
|
}, t))
|
|
1084
|
-
}),
|
|
1085
|
-
let i =
|
|
1086
|
-
return
|
|
1084
|
+
}), En = ({ items: e, speed: t = 40, gap: n, className: r }) => {
|
|
1085
|
+
let i = E.useRef(null), a = E.useRef(0), o = E.useRef(0), s = E.useRef(!1);
|
|
1086
|
+
return E.useEffect(() => {
|
|
1087
1087
|
let e = i.current?.firstElementChild;
|
|
1088
1088
|
if (!e) return;
|
|
1089
1089
|
let t = () => {
|
|
@@ -1092,7 +1092,7 @@ var Xt = [
|
|
|
1092
1092
|
t();
|
|
1093
1093
|
let n = new ResizeObserver(t);
|
|
1094
1094
|
return n.observe(e), () => n.disconnect();
|
|
1095
|
-
}, [e, n]),
|
|
1095
|
+
}, [e, n]), E.useEffect(() => {
|
|
1096
1096
|
let e = i.current;
|
|
1097
1097
|
if (!e || window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
|
|
1098
1098
|
let n, r = performance.now(), c = () => {
|
|
@@ -1102,8 +1102,8 @@ var Xt = [
|
|
|
1102
1102
|
d > 0 && (o.current = (o.current + u * l) % d, e.style.transform = `translateX(-${o.current}px)`), n = setTimeout(c, 16);
|
|
1103
1103
|
};
|
|
1104
1104
|
return n = setTimeout(c, 16), () => clearTimeout(n);
|
|
1105
|
-
}, [t]), /* @__PURE__ */
|
|
1106
|
-
className: [
|
|
1105
|
+
}, [t]), /* @__PURE__ */ O("div", {
|
|
1106
|
+
className: [wn.marquee, r ?? ""].filter(Boolean).join(" "),
|
|
1107
1107
|
onMouseEnter: () => {
|
|
1108
1108
|
s.current = !0;
|
|
1109
1109
|
},
|
|
@@ -1111,29 +1111,29 @@ var Xt = [
|
|
|
1111
1111
|
s.current = !1;
|
|
1112
1112
|
},
|
|
1113
1113
|
children: [
|
|
1114
|
-
/* @__PURE__ */
|
|
1114
|
+
/* @__PURE__ */ O("div", {
|
|
1115
1115
|
ref: i,
|
|
1116
|
-
className:
|
|
1117
|
-
children: [/* @__PURE__ */
|
|
1116
|
+
className: wn.track,
|
|
1117
|
+
children: [/* @__PURE__ */ D(Tn, {
|
|
1118
1118
|
items: e,
|
|
1119
1119
|
gap: n
|
|
1120
|
-
}), /* @__PURE__ */
|
|
1120
|
+
}), /* @__PURE__ */ D(Tn, {
|
|
1121
1121
|
items: e,
|
|
1122
1122
|
gap: n,
|
|
1123
1123
|
ariaHidden: !0
|
|
1124
1124
|
})]
|
|
1125
1125
|
}),
|
|
1126
|
-
/* @__PURE__ */
|
|
1127
|
-
className:
|
|
1126
|
+
/* @__PURE__ */ D("div", {
|
|
1127
|
+
className: wn.fadeLeft,
|
|
1128
1128
|
"aria-hidden": "true"
|
|
1129
1129
|
}),
|
|
1130
|
-
/* @__PURE__ */
|
|
1131
|
-
className:
|
|
1130
|
+
/* @__PURE__ */ D("div", {
|
|
1131
|
+
className: wn.fadeRight,
|
|
1132
1132
|
"aria-hidden": "true"
|
|
1133
1133
|
})
|
|
1134
1134
|
]
|
|
1135
1135
|
});
|
|
1136
|
-
},
|
|
1136
|
+
}, Dn = {
|
|
1137
1137
|
root: "_root_17a1b_1",
|
|
1138
1138
|
numRow: "_numRow_17a1b_9",
|
|
1139
1139
|
value: "_value_17a1b_15",
|
|
@@ -1141,32 +1141,32 @@ var Xt = [
|
|
|
1141
1141
|
trendUp: "_trendUp_17a1b_35",
|
|
1142
1142
|
trendDown: "_trendDown_17a1b_39",
|
|
1143
1143
|
label: "_label_17a1b_43"
|
|
1144
|
-
},
|
|
1145
|
-
let i = n !== void 0, a = i && n >= 0, o = a ?
|
|
1146
|
-
return /* @__PURE__ */
|
|
1147
|
-
className: [
|
|
1148
|
-
children: [/* @__PURE__ */
|
|
1149
|
-
className:
|
|
1150
|
-
children: [/* @__PURE__ */
|
|
1151
|
-
className:
|
|
1144
|
+
}, On = ({ value: e, label: t, trend: n, className: r }) => {
|
|
1145
|
+
let i = n !== void 0, a = i && n >= 0, o = a ? lt : ct;
|
|
1146
|
+
return /* @__PURE__ */ O("div", {
|
|
1147
|
+
className: [Dn.root, r ?? ""].filter(Boolean).join(" "),
|
|
1148
|
+
children: [/* @__PURE__ */ O("div", {
|
|
1149
|
+
className: Dn.numRow,
|
|
1150
|
+
children: [/* @__PURE__ */ D("p", {
|
|
1151
|
+
className: Dn.value,
|
|
1152
1152
|
children: e
|
|
1153
|
-
}), i && /* @__PURE__ */
|
|
1154
|
-
className: [
|
|
1153
|
+
}), i && /* @__PURE__ */ O("span", {
|
|
1154
|
+
className: [Dn.trend, a ? Dn.trendUp : Dn.trendDown].join(" "),
|
|
1155
1155
|
children: [
|
|
1156
|
-
/* @__PURE__ */
|
|
1156
|
+
/* @__PURE__ */ D(o, {
|
|
1157
1157
|
size: 24,
|
|
1158
|
-
strokeWidth:
|
|
1158
|
+
strokeWidth: T(24)
|
|
1159
1159
|
}),
|
|
1160
1160
|
Math.abs(n),
|
|
1161
1161
|
"%"
|
|
1162
1162
|
]
|
|
1163
1163
|
})]
|
|
1164
|
-
}), /* @__PURE__ */
|
|
1165
|
-
className:
|
|
1164
|
+
}), /* @__PURE__ */ D("p", {
|
|
1165
|
+
className: Dn.label,
|
|
1166
1166
|
children: t
|
|
1167
1167
|
})]
|
|
1168
1168
|
});
|
|
1169
|
-
},
|
|
1169
|
+
}, L = {
|
|
1170
1170
|
root: "_root_scbx4_1",
|
|
1171
1171
|
header: "_header_scbx4_13",
|
|
1172
1172
|
label: "_label_scbx4_21",
|
|
@@ -1177,59 +1177,59 @@ var Xt = [
|
|
|
1177
1177
|
collapseInner: "_collapseInner_scbx4_78",
|
|
1178
1178
|
navLinks: "_navLinks_scbx4_91",
|
|
1179
1179
|
navLink: "_navLink_scbx4_91"
|
|
1180
|
-
},
|
|
1181
|
-
let l = a !== void 0, [u, d] =
|
|
1180
|
+
}, kn = ({ label: t, links: n, ctaLabel: r = "Get started", onCtaClick: i, open: a, defaultOpen: o = !1, onOpenChange: s, className: c }) => {
|
|
1181
|
+
let l = a !== void 0, [u, d] = E.useState(o), f = l ? a : u, p = () => {
|
|
1182
1182
|
let e = !f;
|
|
1183
1183
|
l || d(e), s?.(e);
|
|
1184
|
-
}, m =
|
|
1185
|
-
return
|
|
1184
|
+
}, m = E.useRef(null), [h, g] = E.useState(0);
|
|
1185
|
+
return E.useEffect(() => {
|
|
1186
1186
|
let e = m.current;
|
|
1187
1187
|
if (!e) return;
|
|
1188
1188
|
let t = () => g(e.scrollHeight);
|
|
1189
1189
|
t();
|
|
1190
1190
|
let n = new ResizeObserver(t);
|
|
1191
1191
|
return n.observe(e), () => n.disconnect();
|
|
1192
|
-
}, [n, r]), /* @__PURE__ */
|
|
1193
|
-
className: [
|
|
1194
|
-
children: [/* @__PURE__ */
|
|
1195
|
-
className:
|
|
1196
|
-
children: [/* @__PURE__ */
|
|
1197
|
-
className:
|
|
1192
|
+
}, [n, r]), /* @__PURE__ */ O("div", {
|
|
1193
|
+
className: [L.root, c ?? ""].filter(Boolean).join(" "),
|
|
1194
|
+
children: [/* @__PURE__ */ O("div", {
|
|
1195
|
+
className: L.header,
|
|
1196
|
+
children: [/* @__PURE__ */ D("p", {
|
|
1197
|
+
className: L.label,
|
|
1198
1198
|
children: t
|
|
1199
|
-
}), /* @__PURE__ */
|
|
1199
|
+
}), /* @__PURE__ */ D("button", {
|
|
1200
1200
|
type: "button",
|
|
1201
|
-
className:
|
|
1201
|
+
className: L.toggle,
|
|
1202
1202
|
onClick: p,
|
|
1203
1203
|
"aria-expanded": f,
|
|
1204
1204
|
"aria-label": f ? "Close menu" : "Open menu",
|
|
1205
|
-
children:
|
|
1205
|
+
children: D(f ? ft : $e, {
|
|
1206
1206
|
size: 16,
|
|
1207
|
-
strokeWidth:
|
|
1207
|
+
strokeWidth: T(16)
|
|
1208
1208
|
})
|
|
1209
1209
|
})]
|
|
1210
|
-
}), /* @__PURE__ */
|
|
1211
|
-
className: [
|
|
1210
|
+
}), /* @__PURE__ */ D("div", {
|
|
1211
|
+
className: [L.collapse, f ? L.collapseOpen : ""].filter(Boolean).join(" "),
|
|
1212
1212
|
style: { maxHeight: f ? `${h}px` : "0px" },
|
|
1213
1213
|
"aria-hidden": !f,
|
|
1214
|
-
children: /* @__PURE__ */
|
|
1214
|
+
children: /* @__PURE__ */ O("div", {
|
|
1215
1215
|
ref: m,
|
|
1216
|
-
className:
|
|
1216
|
+
className: L.collapseInner,
|
|
1217
1217
|
children: [
|
|
1218
|
-
/* @__PURE__ */
|
|
1219
|
-
className:
|
|
1218
|
+
/* @__PURE__ */ D("nav", {
|
|
1219
|
+
className: L.navLinks,
|
|
1220
1220
|
"aria-label": t,
|
|
1221
|
-
children: n.map((e) => /* @__PURE__ */
|
|
1221
|
+
children: n.map((e) => /* @__PURE__ */ D("a", {
|
|
1222
1222
|
href: e.href,
|
|
1223
1223
|
onClick: e.onClick,
|
|
1224
|
-
className:
|
|
1224
|
+
className: L.navLink,
|
|
1225
1225
|
tabIndex: f ? void 0 : -1,
|
|
1226
1226
|
children: e.label
|
|
1227
1227
|
}, e.label))
|
|
1228
1228
|
}),
|
|
1229
|
-
/* @__PURE__ */
|
|
1230
|
-
/* @__PURE__ */
|
|
1229
|
+
/* @__PURE__ */ D(e, { className: L.fullWidth }),
|
|
1230
|
+
/* @__PURE__ */ D(De, {
|
|
1231
1231
|
variant: "primary",
|
|
1232
|
-
className:
|
|
1232
|
+
className: L.fullWidth,
|
|
1233
1233
|
onClick: i,
|
|
1234
1234
|
tabIndex: f ? void 0 : -1,
|
|
1235
1235
|
children: r
|
|
@@ -1238,38 +1238,38 @@ var Xt = [
|
|
|
1238
1238
|
})
|
|
1239
1239
|
})]
|
|
1240
1240
|
});
|
|
1241
|
-
},
|
|
1241
|
+
}, An = {
|
|
1242
1242
|
root: "_root_lrpdp_1",
|
|
1243
1243
|
"root--sm": "_root--sm_lrpdp_14",
|
|
1244
1244
|
"root--md": "_root--md_lrpdp_18",
|
|
1245
1245
|
"root--lg": "_root--lg_lrpdp_22",
|
|
1246
1246
|
defaultMark: "_defaultMark_lrpdp_27"
|
|
1247
|
-
},
|
|
1247
|
+
}, jn = {
|
|
1248
1248
|
sm: 14,
|
|
1249
1249
|
md: 16,
|
|
1250
1250
|
lg: 18
|
|
1251
|
-
},
|
|
1252
|
-
let i =
|
|
1251
|
+
}, Mn = ({ size: e = "md", logo: t, label: n, className: r }) => {
|
|
1252
|
+
let i = jn[e], a = E.isValidElement(t) ? E.cloneElement(t, {
|
|
1253
1253
|
size: i,
|
|
1254
|
-
strokeWidth:
|
|
1255
|
-
}) : t ?? /* @__PURE__ */
|
|
1254
|
+
strokeWidth: T(i)
|
|
1255
|
+
}) : t ?? /* @__PURE__ */ D("img", {
|
|
1256
1256
|
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",
|
|
1257
1257
|
alt: "",
|
|
1258
1258
|
width: i,
|
|
1259
1259
|
height: i,
|
|
1260
|
-
className:
|
|
1260
|
+
className: An.defaultMark
|
|
1261
1261
|
});
|
|
1262
|
-
return /* @__PURE__ */
|
|
1262
|
+
return /* @__PURE__ */ D("span", {
|
|
1263
1263
|
className: [
|
|
1264
|
-
|
|
1265
|
-
|
|
1264
|
+
An.root,
|
|
1265
|
+
An[`root--${e}`],
|
|
1266
1266
|
r ?? ""
|
|
1267
1267
|
].filter(Boolean).join(" "),
|
|
1268
1268
|
role: "img",
|
|
1269
1269
|
"aria-label": n ?? "Logo placeholder",
|
|
1270
1270
|
children: a
|
|
1271
1271
|
});
|
|
1272
|
-
},
|
|
1272
|
+
}, R = {
|
|
1273
1273
|
root: "_root_ibchq_1",
|
|
1274
1274
|
rootCompact: "_rootCompact_ibchq_7",
|
|
1275
1275
|
rootDetailed: "_rootDetailed_ibchq_14",
|
|
@@ -1280,61 +1280,61 @@ var Xt = [
|
|
|
1280
1280
|
bio: "_bio_ibchq_53",
|
|
1281
1281
|
social: "_social_ibchq_63",
|
|
1282
1282
|
socialBtn: "_socialBtn_ibchq_71"
|
|
1283
|
-
},
|
|
1283
|
+
}, Nn = ({ name: e, role: t, avatarSrc: n, avatarAlt: r, bio: i, socialLinks: a = [], className: o }) => {
|
|
1284
1284
|
let s = !!i || a.length > 0;
|
|
1285
|
-
return /* @__PURE__ */
|
|
1285
|
+
return /* @__PURE__ */ O("div", {
|
|
1286
1286
|
className: [
|
|
1287
|
-
|
|
1288
|
-
s ?
|
|
1287
|
+
R.root,
|
|
1288
|
+
s ? R.rootDetailed : R.rootCompact,
|
|
1289
1289
|
o ?? ""
|
|
1290
1290
|
].filter(Boolean).join(" "),
|
|
1291
1291
|
children: [
|
|
1292
|
-
/* @__PURE__ */
|
|
1292
|
+
/* @__PURE__ */ D(se, {
|
|
1293
1293
|
size: "xl",
|
|
1294
1294
|
src: n,
|
|
1295
1295
|
alt: r ?? e
|
|
1296
1296
|
}),
|
|
1297
|
-
/* @__PURE__ */
|
|
1298
|
-
className: s ?
|
|
1299
|
-
children: [/* @__PURE__ */
|
|
1300
|
-
className:
|
|
1297
|
+
/* @__PURE__ */ O("div", {
|
|
1298
|
+
className: s ? R.infoDetailed : R.infoCompact,
|
|
1299
|
+
children: [/* @__PURE__ */ D("p", {
|
|
1300
|
+
className: R.name,
|
|
1301
1301
|
children: e
|
|
1302
|
-
}), /* @__PURE__ */
|
|
1303
|
-
className:
|
|
1302
|
+
}), /* @__PURE__ */ D("p", {
|
|
1303
|
+
className: R.role,
|
|
1304
1304
|
children: t
|
|
1305
1305
|
})]
|
|
1306
1306
|
}),
|
|
1307
|
-
s && i && /* @__PURE__ */
|
|
1308
|
-
className:
|
|
1307
|
+
s && i && /* @__PURE__ */ D("p", {
|
|
1308
|
+
className: R.bio,
|
|
1309
1309
|
children: i
|
|
1310
1310
|
}),
|
|
1311
|
-
s && a.length > 0 && /* @__PURE__ */
|
|
1312
|
-
className:
|
|
1313
|
-
children: a.map((e, t) => /* @__PURE__ */
|
|
1311
|
+
s && a.length > 0 && /* @__PURE__ */ D("div", {
|
|
1312
|
+
className: R.social,
|
|
1313
|
+
children: a.map((e, t) => /* @__PURE__ */ D("a", {
|
|
1314
1314
|
href: e.href,
|
|
1315
1315
|
onClick: e.onClick,
|
|
1316
|
-
className:
|
|
1316
|
+
className: R.socialBtn,
|
|
1317
1317
|
"aria-label": e.label,
|
|
1318
1318
|
children: e.icon
|
|
1319
1319
|
}, e.label ?? t))
|
|
1320
1320
|
})
|
|
1321
1321
|
]
|
|
1322
1322
|
});
|
|
1323
|
-
},
|
|
1323
|
+
}, Pn = {
|
|
1324
1324
|
heading: "_heading_96cdx_1",
|
|
1325
1325
|
h2: "_h2_96cdx_8",
|
|
1326
1326
|
h3: "_h3_96cdx_14"
|
|
1327
|
-
},
|
|
1327
|
+
}, Fn = ({ children: e, level: t = "h2", className: n }) => /* @__PURE__ */ D(t, {
|
|
1328
1328
|
className: [
|
|
1329
|
-
|
|
1330
|
-
|
|
1329
|
+
Pn.heading,
|
|
1330
|
+
Pn[t],
|
|
1331
1331
|
n ?? ""
|
|
1332
1332
|
].filter(Boolean).join(" "),
|
|
1333
1333
|
children: e
|
|
1334
|
-
}),
|
|
1335
|
-
className: [
|
|
1334
|
+
}), In = { paragraph: "_paragraph_8pqdi_1" }, Ln = ({ children: e, className: t }) => /* @__PURE__ */ D("p", {
|
|
1335
|
+
className: [In.paragraph, t ?? ""].filter(Boolean).join(" "),
|
|
1336
1336
|
children: e
|
|
1337
|
-
}),
|
|
1337
|
+
}), Rn = {
|
|
1338
1338
|
rootBordered: "_rootBordered_5cgsj_1",
|
|
1339
1339
|
rail: "_rail_5cgsj_12",
|
|
1340
1340
|
contentHorizontal: "_contentHorizontal_5cgsj_18",
|
|
@@ -1343,45 +1343,45 @@ var Xt = [
|
|
|
1343
1343
|
textVertical: "_textVertical_5cgsj_41",
|
|
1344
1344
|
title: "_title_5cgsj_49",
|
|
1345
1345
|
description: "_description_5cgsj_57"
|
|
1346
|
-
},
|
|
1347
|
-
let s = i === "vertical", c = /* @__PURE__ */
|
|
1348
|
-
className: s ?
|
|
1349
|
-
children: [/* @__PURE__ */
|
|
1346
|
+
}, zn = ({ icon: t, title: n, description: r, layout: i = "horizontal", leftBorder: a = !1, className: o }) => {
|
|
1347
|
+
let s = i === "vertical", c = /* @__PURE__ */ O("div", {
|
|
1348
|
+
className: s ? Rn.contentVertical : Rn.contentHorizontal,
|
|
1349
|
+
children: [/* @__PURE__ */ D(p, {
|
|
1350
1350
|
icon: t,
|
|
1351
1351
|
size: "sm",
|
|
1352
1352
|
variant: "light"
|
|
1353
|
-
}), /* @__PURE__ */
|
|
1354
|
-
className: s ?
|
|
1355
|
-
children: [/* @__PURE__ */
|
|
1356
|
-
className:
|
|
1353
|
+
}), /* @__PURE__ */ O("div", {
|
|
1354
|
+
className: s ? Rn.textVertical : Rn.textHorizontal,
|
|
1355
|
+
children: [/* @__PURE__ */ D("p", {
|
|
1356
|
+
className: Rn.title,
|
|
1357
1357
|
children: n
|
|
1358
|
-
}), /* @__PURE__ */
|
|
1359
|
-
className:
|
|
1358
|
+
}), /* @__PURE__ */ D("p", {
|
|
1359
|
+
className: Rn.description,
|
|
1360
1360
|
children: r
|
|
1361
1361
|
})]
|
|
1362
1362
|
})]
|
|
1363
1363
|
});
|
|
1364
|
-
return a ? /* @__PURE__ */
|
|
1365
|
-
className: [
|
|
1366
|
-
children: [/* @__PURE__ */
|
|
1364
|
+
return a ? /* @__PURE__ */ O("div", {
|
|
1365
|
+
className: [Rn.rootBordered, o ?? ""].filter(Boolean).join(" "),
|
|
1366
|
+
children: [/* @__PURE__ */ D(e, {
|
|
1367
1367
|
orientation: "vertical",
|
|
1368
|
-
className:
|
|
1368
|
+
className: Rn.rail
|
|
1369
1369
|
}), c]
|
|
1370
|
-
}) :
|
|
1371
|
-
},
|
|
1370
|
+
}) : E.cloneElement(c, { className: [c.props.className, o ?? ""].filter(Boolean).join(" ") });
|
|
1371
|
+
}, Bn = { chart: "_chart_qqaox_2" }, Vn = {
|
|
1372
1372
|
sm: 180,
|
|
1373
1373
|
md: 240,
|
|
1374
1374
|
lg: 320,
|
|
1375
1375
|
xl: 420
|
|
1376
|
-
},
|
|
1377
|
-
let o =
|
|
1378
|
-
return /* @__PURE__ */
|
|
1376
|
+
}, Hn = ({ data: e, variant: t = "default", seriesLabels: n = ["Value", "Value 2"], size: r = "md", height: i, className: a }) => {
|
|
1377
|
+
let o = E.useRef(null), s = j(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;
|
|
1378
|
+
return /* @__PURE__ */ D("div", {
|
|
1379
1379
|
ref: o,
|
|
1380
|
-
className: [
|
|
1381
|
-
children: /* @__PURE__ */
|
|
1380
|
+
className: [Bn.chart, a ?? ""].filter(Boolean).join(" "),
|
|
1381
|
+
children: /* @__PURE__ */ D(Mt, {
|
|
1382
1382
|
width: "100%",
|
|
1383
|
-
height: i ??
|
|
1384
|
-
children: /* @__PURE__ */
|
|
1383
|
+
height: i ?? Vn[r],
|
|
1384
|
+
children: /* @__PURE__ */ O(mt, {
|
|
1385
1385
|
data: e,
|
|
1386
1386
|
margin: {
|
|
1387
1387
|
top: 8,
|
|
@@ -1390,43 +1390,43 @@ var Xt = [
|
|
|
1390
1390
|
left: 0
|
|
1391
1391
|
},
|
|
1392
1392
|
children: [
|
|
1393
|
-
/* @__PURE__ */
|
|
1393
|
+
/* @__PURE__ */ O("defs", { children: [/* @__PURE__ */ O("linearGradient", {
|
|
1394
1394
|
id: "sakani-area-1",
|
|
1395
1395
|
x1: "0",
|
|
1396
1396
|
y1: "0",
|
|
1397
1397
|
x2: "0",
|
|
1398
1398
|
y2: "1",
|
|
1399
|
-
children: [/* @__PURE__ */
|
|
1399
|
+
children: [/* @__PURE__ */ D("stop", {
|
|
1400
1400
|
offset: "5%",
|
|
1401
1401
|
stopColor: c,
|
|
1402
1402
|
stopOpacity: .35
|
|
1403
|
-
}), /* @__PURE__ */
|
|
1403
|
+
}), /* @__PURE__ */ D("stop", {
|
|
1404
1404
|
offset: "95%",
|
|
1405
1405
|
stopColor: c,
|
|
1406
1406
|
stopOpacity: .02
|
|
1407
1407
|
})]
|
|
1408
|
-
}), /* @__PURE__ */
|
|
1408
|
+
}), /* @__PURE__ */ O("linearGradient", {
|
|
1409
1409
|
id: "sakani-area-2",
|
|
1410
1410
|
x1: "0",
|
|
1411
1411
|
y1: "0",
|
|
1412
1412
|
x2: "0",
|
|
1413
1413
|
y2: "1",
|
|
1414
|
-
children: [/* @__PURE__ */
|
|
1414
|
+
children: [/* @__PURE__ */ D("stop", {
|
|
1415
1415
|
offset: "5%",
|
|
1416
1416
|
stopColor: l,
|
|
1417
1417
|
stopOpacity: .35
|
|
1418
|
-
}), /* @__PURE__ */
|
|
1418
|
+
}), /* @__PURE__ */ D("stop", {
|
|
1419
1419
|
offset: "95%",
|
|
1420
1420
|
stopColor: l,
|
|
1421
1421
|
stopOpacity: .02
|
|
1422
1422
|
})]
|
|
1423
1423
|
})] }),
|
|
1424
|
-
/* @__PURE__ */
|
|
1424
|
+
/* @__PURE__ */ D(_t, {
|
|
1425
1425
|
strokeDasharray: "3 3",
|
|
1426
1426
|
stroke: u,
|
|
1427
1427
|
vertical: !1
|
|
1428
1428
|
}),
|
|
1429
|
-
/* @__PURE__ */
|
|
1429
|
+
/* @__PURE__ */ D(Ft, {
|
|
1430
1430
|
dataKey: "label",
|
|
1431
1431
|
stroke: d,
|
|
1432
1432
|
fontSize: 12,
|
|
@@ -1434,15 +1434,15 @@ var Xt = [
|
|
|
1434
1434
|
axisLine: !1,
|
|
1435
1435
|
interval: 0
|
|
1436
1436
|
}),
|
|
1437
|
-
/* @__PURE__ */
|
|
1437
|
+
/* @__PURE__ */ D(Pt, {
|
|
1438
1438
|
cursor: {
|
|
1439
1439
|
stroke: s("--color-border-default") ?? "#dbdad7",
|
|
1440
1440
|
strokeWidth: 1
|
|
1441
1441
|
},
|
|
1442
|
-
content: /* @__PURE__ */
|
|
1442
|
+
content: /* @__PURE__ */ D(en, {}),
|
|
1443
1443
|
wrapperStyle: { zIndex: 50 }
|
|
1444
1444
|
}),
|
|
1445
|
-
f && /* @__PURE__ */
|
|
1445
|
+
f && /* @__PURE__ */ D(pt, {
|
|
1446
1446
|
type: p,
|
|
1447
1447
|
dataKey: "value2",
|
|
1448
1448
|
name: n[1] ?? "Value 2",
|
|
@@ -1458,7 +1458,7 @@ var Xt = [
|
|
|
1458
1458
|
strokeWidth: 1.5
|
|
1459
1459
|
}
|
|
1460
1460
|
}),
|
|
1461
|
-
/* @__PURE__ */
|
|
1461
|
+
/* @__PURE__ */ D(pt, {
|
|
1462
1462
|
type: p,
|
|
1463
1463
|
dataKey: "value",
|
|
1464
1464
|
name: n[0] ?? "Value",
|
|
@@ -1478,7 +1478,7 @@ var Xt = [
|
|
|
1478
1478
|
})
|
|
1479
1479
|
})
|
|
1480
1480
|
});
|
|
1481
|
-
},
|
|
1481
|
+
}, z = {
|
|
1482
1482
|
col: "_col_1v24u_2",
|
|
1483
1483
|
col__header: "_col__header_1v24u_11",
|
|
1484
1484
|
col__dot: "_col__dot_1v24u_12",
|
|
@@ -1489,67 +1489,67 @@ var Xt = [
|
|
|
1489
1489
|
col__body: "_col__body_1v24u_24",
|
|
1490
1490
|
col__drop: "_col__drop_1v24u_25",
|
|
1491
1491
|
col__add: "_col__add_1v24u_31"
|
|
1492
|
-
},
|
|
1493
|
-
className: [
|
|
1492
|
+
}, Un = ({ state: e = "default", title: t, count: n, dotColor: r = "var(--color-chart-1)", children: i, onAdd: a, onMenu: o, className: s }) => /* @__PURE__ */ O("div", {
|
|
1493
|
+
className: [z.col, s ?? ""].filter(Boolean).join(" "),
|
|
1494
1494
|
children: [
|
|
1495
|
-
/* @__PURE__ */
|
|
1496
|
-
className:
|
|
1495
|
+
/* @__PURE__ */ O("div", {
|
|
1496
|
+
className: z.col__header,
|
|
1497
1497
|
children: [
|
|
1498
|
-
/* @__PURE__ */
|
|
1499
|
-
className:
|
|
1498
|
+
/* @__PURE__ */ D("span", {
|
|
1499
|
+
className: z.col__dot,
|
|
1500
1500
|
style: { background: r },
|
|
1501
1501
|
"aria-hidden": "true"
|
|
1502
1502
|
}),
|
|
1503
|
-
/* @__PURE__ */
|
|
1504
|
-
className:
|
|
1503
|
+
/* @__PURE__ */ D("span", {
|
|
1504
|
+
className: z.col__title,
|
|
1505
1505
|
children: t
|
|
1506
1506
|
}),
|
|
1507
|
-
n != null && /* @__PURE__ */
|
|
1508
|
-
className:
|
|
1507
|
+
n != null && /* @__PURE__ */ D("span", {
|
|
1508
|
+
className: z.col__count,
|
|
1509
1509
|
children: n
|
|
1510
1510
|
}),
|
|
1511
|
-
/* @__PURE__ */
|
|
1512
|
-
/* @__PURE__ */
|
|
1511
|
+
/* @__PURE__ */ D("span", { className: z.col__spacer }),
|
|
1512
|
+
/* @__PURE__ */ D("button", {
|
|
1513
1513
|
type: "button",
|
|
1514
|
-
className:
|
|
1514
|
+
className: z.col__action,
|
|
1515
1515
|
onClick: a,
|
|
1516
1516
|
"aria-label": "Add task",
|
|
1517
|
-
children: /* @__PURE__ */
|
|
1517
|
+
children: /* @__PURE__ */ D(rt, {
|
|
1518
1518
|
size: 16,
|
|
1519
|
-
strokeWidth:
|
|
1519
|
+
strokeWidth: T(16)
|
|
1520
1520
|
})
|
|
1521
1521
|
}),
|
|
1522
|
-
/* @__PURE__ */
|
|
1522
|
+
/* @__PURE__ */ D("button", {
|
|
1523
1523
|
type: "button",
|
|
1524
|
-
className:
|
|
1524
|
+
className: z.col__action,
|
|
1525
1525
|
onClick: o,
|
|
1526
1526
|
"aria-label": "Column options",
|
|
1527
|
-
children: /* @__PURE__ */
|
|
1527
|
+
children: /* @__PURE__ */ D(tt, {
|
|
1528
1528
|
size: 16,
|
|
1529
|
-
strokeWidth:
|
|
1529
|
+
strokeWidth: T(16)
|
|
1530
1530
|
})
|
|
1531
1531
|
})
|
|
1532
1532
|
]
|
|
1533
1533
|
}),
|
|
1534
|
-
/* @__PURE__ */
|
|
1535
|
-
className:
|
|
1536
|
-
children: e === "empty" ? /* @__PURE__ */
|
|
1537
|
-
className:
|
|
1534
|
+
/* @__PURE__ */ D("div", {
|
|
1535
|
+
className: z.col__body,
|
|
1536
|
+
children: e === "empty" ? /* @__PURE__ */ D("div", {
|
|
1537
|
+
className: z.col__drop,
|
|
1538
1538
|
children: "Drop tasks here"
|
|
1539
1539
|
}) : i
|
|
1540
1540
|
}),
|
|
1541
|
-
/* @__PURE__ */
|
|
1541
|
+
/* @__PURE__ */ O("button", {
|
|
1542
1542
|
type: "button",
|
|
1543
|
-
className:
|
|
1543
|
+
className: z.col__add,
|
|
1544
1544
|
onClick: a,
|
|
1545
|
-
children: [/* @__PURE__ */
|
|
1545
|
+
children: [/* @__PURE__ */ D(rt, {
|
|
1546
1546
|
size: 16,
|
|
1547
|
-
strokeWidth:
|
|
1547
|
+
strokeWidth: T(16),
|
|
1548
1548
|
"aria-hidden": "true"
|
|
1549
1549
|
}), "Add task"]
|
|
1550
1550
|
})
|
|
1551
1551
|
]
|
|
1552
|
-
}),
|
|
1552
|
+
}), B = {
|
|
1553
1553
|
calendar: "_calendar_1y1kb_2",
|
|
1554
1554
|
header: "_header_1y1kb_14",
|
|
1555
1555
|
header__label: "_header__label_1y1kb_15",
|
|
@@ -1567,7 +1567,7 @@ var Xt = [
|
|
|
1567
1567
|
"day--disabled": "_day--disabled_1y1kb_49",
|
|
1568
1568
|
dropdowns: "_dropdowns_1y1kb_52",
|
|
1569
1569
|
dropdown: "_dropdown_1y1kb_52"
|
|
1570
|
-
},
|
|
1570
|
+
}, Wn = [
|
|
1571
1571
|
"Su",
|
|
1572
1572
|
"Mo",
|
|
1573
1573
|
"Tu",
|
|
@@ -1575,7 +1575,7 @@ var Xt = [
|
|
|
1575
1575
|
"Th",
|
|
1576
1576
|
"Fr",
|
|
1577
1577
|
"Sa"
|
|
1578
|
-
],
|
|
1578
|
+
], Gn = [
|
|
1579
1579
|
"January",
|
|
1580
1580
|
"February",
|
|
1581
1581
|
"March",
|
|
@@ -1588,19 +1588,19 @@ var Xt = [
|
|
|
1588
1588
|
"October",
|
|
1589
1589
|
"November",
|
|
1590
1590
|
"December"
|
|
1591
|
-
],
|
|
1592
|
-
let [u, d] =
|
|
1591
|
+
], Kn = (e, t) => !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), qn = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Jn = ({ mode: e = "single", value: t, onChange: n, range: r, onRangeChange: i, headerType: a = "arrows", defaultMonth: o, minDate: s, maxDate: c, className: l }) => {
|
|
1592
|
+
let [u, d] = E.useState(() => {
|
|
1593
1593
|
let e = o ?? t ?? r?.from ?? /* @__PURE__ */ new Date();
|
|
1594
1594
|
return new Date(e.getFullYear(), e.getMonth(), 1);
|
|
1595
|
-
}), [f, p] =
|
|
1595
|
+
}), [f, p] = E.useState({}), m = r === void 0 ? f : r, h = /* @__PURE__ */ new Date(), g = u.getFullYear(), _ = u.getMonth(), v = new Date(g, _, 1).getDay(), y = new Date(g, _, 1 - v), b = Array.from({ length: 42 }, (e, t) => new Date(y.getFullYear(), y.getMonth(), y.getDate() + t)), x = (e) => s && e < qn(s) || c && e > c, ee = (e) => {
|
|
1596
1596
|
r === void 0 && p(e), i?.(e);
|
|
1597
|
-
},
|
|
1597
|
+
}, S = (t) => {
|
|
1598
1598
|
if (e === "single") {
|
|
1599
1599
|
n?.(t);
|
|
1600
1600
|
return;
|
|
1601
1601
|
}
|
|
1602
1602
|
let { from: r, to: i } = m;
|
|
1603
|
-
|
|
1603
|
+
ee(!r || r && i ? {
|
|
1604
1604
|
from: t,
|
|
1605
1605
|
to: void 0
|
|
1606
1606
|
} : t < r ? {
|
|
@@ -1610,88 +1610,88 @@ var Xt = [
|
|
|
1610
1610
|
from: r,
|
|
1611
1611
|
to: t
|
|
1612
1612
|
});
|
|
1613
|
-
},
|
|
1613
|
+
}, C = (n) => {
|
|
1614
1614
|
if (x(n)) return "disabled";
|
|
1615
1615
|
if (e === "single") {
|
|
1616
|
-
if (
|
|
1616
|
+
if (Kn(n, t)) return "selected";
|
|
1617
1617
|
} else {
|
|
1618
1618
|
let { from: e, to: t } = m;
|
|
1619
|
-
if (
|
|
1619
|
+
if (Kn(n, e) || Kn(n, t)) return "selected";
|
|
1620
1620
|
if (e && t && n > e && n < t) return "in-range";
|
|
1621
1621
|
}
|
|
1622
|
-
return n.getMonth() === _ ?
|
|
1623
|
-
},
|
|
1624
|
-
return /* @__PURE__ */
|
|
1625
|
-
className: [
|
|
1622
|
+
return n.getMonth() === _ ? Kn(n, h) ? "today" : "default" : "outside";
|
|
1623
|
+
}, te = s ? s.getFullYear() : g - 10, ne = c ? c.getFullYear() : g + 10, re = Array.from({ length: ne - te + 1 }, (e, t) => te + t);
|
|
1624
|
+
return /* @__PURE__ */ O("div", {
|
|
1625
|
+
className: [B.calendar, l ?? ""].filter(Boolean).join(" "),
|
|
1626
1626
|
children: [
|
|
1627
|
-
/* @__PURE__ */
|
|
1628
|
-
className:
|
|
1627
|
+
/* @__PURE__ */ O("div", {
|
|
1628
|
+
className: B.header,
|
|
1629
1629
|
children: [
|
|
1630
|
-
/* @__PURE__ */
|
|
1630
|
+
/* @__PURE__ */ D("button", {
|
|
1631
1631
|
type: "button",
|
|
1632
|
-
className:
|
|
1632
|
+
className: B.navBtn,
|
|
1633
1633
|
onClick: () => d(new Date(g, _ - 1, 1)),
|
|
1634
1634
|
"aria-label": "Previous month",
|
|
1635
|
-
children: /* @__PURE__ */
|
|
1635
|
+
children: /* @__PURE__ */ D(Ke, {
|
|
1636
1636
|
size: 16,
|
|
1637
|
-
strokeWidth:
|
|
1637
|
+
strokeWidth: T(16)
|
|
1638
1638
|
})
|
|
1639
1639
|
}),
|
|
1640
|
-
a === "dropdowns" ? /* @__PURE__ */
|
|
1641
|
-
className:
|
|
1642
|
-
children: [/* @__PURE__ */
|
|
1643
|
-
className:
|
|
1640
|
+
a === "dropdowns" ? /* @__PURE__ */ O("span", {
|
|
1641
|
+
className: B.dropdowns,
|
|
1642
|
+
children: [/* @__PURE__ */ D("select", {
|
|
1643
|
+
className: B.dropdown,
|
|
1644
1644
|
value: _,
|
|
1645
1645
|
onChange: (e) => d(new Date(g, Number(e.target.value), 1)),
|
|
1646
1646
|
"aria-label": "Month",
|
|
1647
|
-
children:
|
|
1647
|
+
children: Gn.map((e, t) => /* @__PURE__ */ D("option", {
|
|
1648
1648
|
value: t,
|
|
1649
1649
|
children: e
|
|
1650
1650
|
}, e))
|
|
1651
|
-
}), /* @__PURE__ */
|
|
1652
|
-
className:
|
|
1651
|
+
}), /* @__PURE__ */ D("select", {
|
|
1652
|
+
className: B.dropdown,
|
|
1653
1653
|
value: g,
|
|
1654
1654
|
onChange: (e) => d(new Date(Number(e.target.value), _, 1)),
|
|
1655
1655
|
"aria-label": "Year",
|
|
1656
|
-
children:
|
|
1656
|
+
children: re.map((e) => /* @__PURE__ */ D("option", {
|
|
1657
1657
|
value: e,
|
|
1658
1658
|
children: e
|
|
1659
1659
|
}, e))
|
|
1660
1660
|
})]
|
|
1661
|
-
}) : /* @__PURE__ */
|
|
1662
|
-
className:
|
|
1661
|
+
}) : /* @__PURE__ */ O("span", {
|
|
1662
|
+
className: B.header__label,
|
|
1663
1663
|
children: [
|
|
1664
|
-
|
|
1664
|
+
Gn[_],
|
|
1665
1665
|
" ",
|
|
1666
1666
|
g
|
|
1667
1667
|
]
|
|
1668
1668
|
}),
|
|
1669
|
-
/* @__PURE__ */
|
|
1669
|
+
/* @__PURE__ */ D("button", {
|
|
1670
1670
|
type: "button",
|
|
1671
|
-
className:
|
|
1671
|
+
className: B.navBtn,
|
|
1672
1672
|
onClick: () => d(new Date(g, _ + 1, 1)),
|
|
1673
1673
|
"aria-label": "Next month",
|
|
1674
|
-
children: /* @__PURE__ */
|
|
1674
|
+
children: /* @__PURE__ */ D(qe, {
|
|
1675
1675
|
size: 16,
|
|
1676
|
-
strokeWidth:
|
|
1676
|
+
strokeWidth: T(16)
|
|
1677
1677
|
})
|
|
1678
1678
|
})
|
|
1679
1679
|
]
|
|
1680
1680
|
}),
|
|
1681
|
-
/* @__PURE__ */
|
|
1682
|
-
className:
|
|
1683
|
-
children:
|
|
1684
|
-
className:
|
|
1681
|
+
/* @__PURE__ */ D("div", {
|
|
1682
|
+
className: B.weekdays,
|
|
1683
|
+
children: Wn.map((e) => /* @__PURE__ */ D("span", {
|
|
1684
|
+
className: B.weekday,
|
|
1685
1685
|
children: e
|
|
1686
1686
|
}, e))
|
|
1687
1687
|
}),
|
|
1688
|
-
/* @__PURE__ */
|
|
1689
|
-
className:
|
|
1688
|
+
/* @__PURE__ */ D("div", {
|
|
1689
|
+
className: B.grid,
|
|
1690
1690
|
children: b.map((e, t) => {
|
|
1691
|
-
let n =
|
|
1692
|
-
return /* @__PURE__ */
|
|
1691
|
+
let n = C(e);
|
|
1692
|
+
return /* @__PURE__ */ D("button", {
|
|
1693
1693
|
type: "button",
|
|
1694
|
-
className: [
|
|
1694
|
+
className: [B.day, B[`day--${n}`]].filter(Boolean).join(" "),
|
|
1695
1695
|
disabled: n === "disabled",
|
|
1696
1696
|
"aria-current": n === "today" ? "date" : void 0,
|
|
1697
1697
|
"aria-selected": n === "selected",
|
|
@@ -1701,48 +1701,56 @@ var Xt = [
|
|
|
1701
1701
|
month: "long",
|
|
1702
1702
|
day: "numeric"
|
|
1703
1703
|
}),
|
|
1704
|
-
onClick: () =>
|
|
1704
|
+
onClick: () => S(e),
|
|
1705
1705
|
children: e.getDate()
|
|
1706
1706
|
}, t);
|
|
1707
1707
|
})
|
|
1708
1708
|
})
|
|
1709
1709
|
]
|
|
1710
1710
|
});
|
|
1711
|
-
},
|
|
1712
|
-
card: "
|
|
1713
|
-
"card--interactive": "_card--
|
|
1714
|
-
card__header: "
|
|
1715
|
-
card__title: "
|
|
1716
|
-
card__description: "
|
|
1717
|
-
card__body: "
|
|
1718
|
-
card__actions: "
|
|
1719
|
-
|
|
1711
|
+
}, V = {
|
|
1712
|
+
card: "_card_1567t_3",
|
|
1713
|
+
"card--interactive": "_card--interactive_1567t_19",
|
|
1714
|
+
card__header: "_card__header_1567t_27",
|
|
1715
|
+
card__title: "_card__title_1567t_31",
|
|
1716
|
+
card__description: "_card__description_1567t_40",
|
|
1717
|
+
card__body: "_card__body_1567t_50",
|
|
1718
|
+
card__actions: "_card__actions_1567t_54",
|
|
1719
|
+
"card__actions--split": "_card__actions--split_1567t_63",
|
|
1720
|
+
card__actionsGroup: "_card__actionsGroup_1567t_64"
|
|
1721
|
+
}, Yn = ({ title: e, description: t, actions: n, leadingAction: r, interactive: i, children: a, className: o }) => /* @__PURE__ */ O("div", {
|
|
1720
1722
|
className: [
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1723
|
+
V.card,
|
|
1724
|
+
i ? V["card--interactive"] : "",
|
|
1725
|
+
o ?? ""
|
|
1724
1726
|
].filter(Boolean).join(" "),
|
|
1725
1727
|
children: [
|
|
1726
|
-
(e || t) && /* @__PURE__ */
|
|
1727
|
-
className:
|
|
1728
|
-
children: [e && /* @__PURE__ */
|
|
1729
|
-
className:
|
|
1728
|
+
(e || t) && /* @__PURE__ */ O("div", {
|
|
1729
|
+
className: V.card__header,
|
|
1730
|
+
children: [e && /* @__PURE__ */ D("h3", {
|
|
1731
|
+
className: V.card__title,
|
|
1730
1732
|
children: e
|
|
1731
|
-
}), t && /* @__PURE__ */
|
|
1732
|
-
className:
|
|
1733
|
+
}), t && /* @__PURE__ */ D("p", {
|
|
1734
|
+
className: V.card__description,
|
|
1733
1735
|
children: t
|
|
1734
1736
|
})]
|
|
1735
1737
|
}),
|
|
1736
|
-
|
|
1737
|
-
className:
|
|
1738
|
-
children:
|
|
1738
|
+
a && /* @__PURE__ */ D("div", {
|
|
1739
|
+
className: V.card__body,
|
|
1740
|
+
children: a
|
|
1739
1741
|
}),
|
|
1740
|
-
n && /* @__PURE__ */ O("div", {
|
|
1741
|
-
className:
|
|
1742
|
+
(n || r) && (r ? /* @__PURE__ */ O("div", {
|
|
1743
|
+
className: [V.card__actions, V["card__actions--split"]].join(" "),
|
|
1744
|
+
children: [r, /* @__PURE__ */ D("div", {
|
|
1745
|
+
className: V.card__actionsGroup,
|
|
1746
|
+
children: n
|
|
1747
|
+
})]
|
|
1748
|
+
}) : /* @__PURE__ */ D("div", {
|
|
1749
|
+
className: V.card__actions,
|
|
1742
1750
|
children: n
|
|
1743
|
-
})
|
|
1751
|
+
}))
|
|
1744
1752
|
]
|
|
1745
|
-
}),
|
|
1753
|
+
}), H = {
|
|
1746
1754
|
field: "_field_931k2_7",
|
|
1747
1755
|
field__label: "_field__label_931k2_8",
|
|
1748
1756
|
field__description: "_field__description_931k2_9",
|
|
@@ -1783,144 +1791,144 @@ var Xt = [
|
|
|
1783
1791
|
panel__loading: "_panel__loading_931k2_248",
|
|
1784
1792
|
panel__spinner: "_panel__spinner_931k2_252",
|
|
1785
1793
|
"sakani-cb-spin": "_sakani-cb-spin_931k2_1"
|
|
1786
|
-
},
|
|
1787
|
-
let f =
|
|
1788
|
-
|
|
1794
|
+
}, Xn = ({ 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 }) => {
|
|
1795
|
+
let f = E.useId(), [p, m] = E.useState(!1), [h, g] = E.useState(!1), [_, v] = E.useState(0), y = E.useRef(null), b = e;
|
|
1796
|
+
E.useEffect(() => {
|
|
1789
1797
|
p && g(!0);
|
|
1790
1798
|
}, [p]);
|
|
1791
|
-
let x =
|
|
1792
|
-
|
|
1799
|
+
let x = E.useRef({}), ee = E.useRef(null), [S, C] = E.useState(null), [te, ne] = E.useState(!1);
|
|
1800
|
+
E.useLayoutEffect(() => {
|
|
1793
1801
|
let e = x.current[_];
|
|
1794
1802
|
if (!e) {
|
|
1795
|
-
|
|
1803
|
+
C(null);
|
|
1796
1804
|
return;
|
|
1797
1805
|
}
|
|
1798
|
-
|
|
1806
|
+
C({
|
|
1799
1807
|
top: e.offsetTop,
|
|
1800
1808
|
height: e.offsetHeight
|
|
1801
1809
|
});
|
|
1802
|
-
}, [_, b.length]),
|
|
1810
|
+
}, [_, b.length]), E.useLayoutEffect(() => {
|
|
1803
1811
|
if (!h) {
|
|
1804
|
-
|
|
1812
|
+
ne(!1);
|
|
1805
1813
|
return;
|
|
1806
1814
|
}
|
|
1807
|
-
|
|
1808
|
-
let e = window.requestAnimationFrame(() =>
|
|
1815
|
+
ne(!1);
|
|
1816
|
+
let e = window.requestAnimationFrame(() => ne(!0));
|
|
1809
1817
|
return () => window.cancelAnimationFrame(e);
|
|
1810
|
-
}, [h]),
|
|
1811
|
-
if (!
|
|
1818
|
+
}, [h]), E.useEffect(() => {
|
|
1819
|
+
if (!ee.current) return;
|
|
1812
1820
|
let e = new ResizeObserver(() => {
|
|
1813
1821
|
let e = x.current[_];
|
|
1814
|
-
e &&
|
|
1822
|
+
e && C({
|
|
1815
1823
|
top: e.offsetTop,
|
|
1816
1824
|
height: e.offsetHeight
|
|
1817
1825
|
});
|
|
1818
1826
|
});
|
|
1819
|
-
return e.observe(
|
|
1827
|
+
return e.observe(ee.current), () => e.disconnect();
|
|
1820
1828
|
}, [h]);
|
|
1821
|
-
let [
|
|
1829
|
+
let [re, ie] = E.useState(t === "multi" ? [] : ""), ae = l === void 0 ? re : l, w = Array.isArray(ae) ? ae : ae ? [ae] : [], [oe, se] = E.useState(() => w.map((e) => ({
|
|
1822
1830
|
value: e,
|
|
1823
1831
|
leaving: !1
|
|
1824
|
-
}))),
|
|
1825
|
-
|
|
1826
|
-
|
|
1832
|
+
}))), ce = w.join("\0");
|
|
1833
|
+
E.useLayoutEffect(() => {
|
|
1834
|
+
se((e) => {
|
|
1827
1835
|
let t = e.map((e) => ({
|
|
1828
1836
|
value: e.value,
|
|
1829
|
-
leaving: !
|
|
1837
|
+
leaving: !w.includes(e.value)
|
|
1830
1838
|
}));
|
|
1831
|
-
for (let e of
|
|
1839
|
+
for (let e of w) t.some((t) => t.value === e) || t.push({
|
|
1832
1840
|
value: e,
|
|
1833
1841
|
leaving: !1
|
|
1834
1842
|
});
|
|
1835
1843
|
return t;
|
|
1836
1844
|
});
|
|
1837
|
-
}, [
|
|
1838
|
-
let
|
|
1839
|
-
|
|
1845
|
+
}, [ce]);
|
|
1846
|
+
let le = (e) => se((t) => t.filter((t) => !(t.value === e && t.leaving))), ue = !!a;
|
|
1847
|
+
E.useEffect(() => {
|
|
1840
1848
|
let e = (e) => {
|
|
1841
1849
|
y.current && !y.current.contains(e.target) && m(!1);
|
|
1842
1850
|
};
|
|
1843
1851
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
1844
1852
|
}, []);
|
|
1845
|
-
let
|
|
1846
|
-
l === void 0 &&
|
|
1847
|
-
},
|
|
1853
|
+
let de = (e) => {
|
|
1854
|
+
l === void 0 && ie(e), u?.(e);
|
|
1855
|
+
}, fe = (e) => {
|
|
1848
1856
|
if (!e.disabled) if (t === "multi") {
|
|
1849
|
-
let t = new Set(
|
|
1850
|
-
t.has(e.value) ? t.delete(e.value) : t.add(e.value),
|
|
1851
|
-
} else
|
|
1852
|
-
},
|
|
1853
|
-
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[_] ?
|
|
1854
|
-
},
|
|
1855
|
-
return /* @__PURE__ */
|
|
1856
|
-
className: [
|
|
1857
|
+
let t = new Set(w);
|
|
1858
|
+
t.has(e.value) ? t.delete(e.value) : t.add(e.value), de([...t]);
|
|
1859
|
+
} else de(e.value), m(!1);
|
|
1860
|
+
}, pe = (t) => e.find((e) => e.value === t)?.label ?? t, me = w.length ? pe(w[0]) : "", he = (e) => {
|
|
1861
|
+
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[_] ? fe(b[_]) : m(!0)) : e.key === "Escape" && m(!1));
|
|
1862
|
+
}, ge = s ? "disabled" : ue ? "error" : p ? "open" : "default";
|
|
1863
|
+
return /* @__PURE__ */ O("div", {
|
|
1864
|
+
className: [H.field, d ?? ""].filter(Boolean).join(" "),
|
|
1857
1865
|
ref: y,
|
|
1858
1866
|
children: [
|
|
1859
|
-
r && /* @__PURE__ */
|
|
1867
|
+
r && /* @__PURE__ */ D("label", {
|
|
1860
1868
|
htmlFor: `${f}-trigger`,
|
|
1861
|
-
className:
|
|
1869
|
+
className: H.field__label,
|
|
1862
1870
|
children: r
|
|
1863
1871
|
}),
|
|
1864
|
-
/* @__PURE__ */
|
|
1872
|
+
/* @__PURE__ */ O("div", {
|
|
1865
1873
|
id: `${f}-trigger`,
|
|
1866
1874
|
role: "combobox",
|
|
1867
1875
|
tabIndex: s ? -1 : 0,
|
|
1868
1876
|
"aria-haspopup": "listbox",
|
|
1869
1877
|
"aria-expanded": p,
|
|
1870
1878
|
"aria-controls": `${f}-panel`,
|
|
1871
|
-
"aria-invalid":
|
|
1879
|
+
"aria-invalid": ue || void 0,
|
|
1872
1880
|
"aria-disabled": s || void 0,
|
|
1873
1881
|
"aria-activedescendant": p && b[_] ? `${f}-opt-${_}` : void 0,
|
|
1874
1882
|
className: [
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1883
|
+
H.control,
|
|
1884
|
+
H[`control--${n}`],
|
|
1885
|
+
H[`control--${ge}`]
|
|
1878
1886
|
].join(" "),
|
|
1879
1887
|
onClick: () => !s && m((e) => !e),
|
|
1880
|
-
onKeyDown:
|
|
1888
|
+
onKeyDown: he,
|
|
1881
1889
|
children: [
|
|
1882
|
-
t === "multi" &&
|
|
1883
|
-
className:
|
|
1884
|
-
children:
|
|
1885
|
-
className: [
|
|
1890
|
+
t === "multi" && oe.length > 0 && /* @__PURE__ */ D("div", {
|
|
1891
|
+
className: H.chips,
|
|
1892
|
+
children: oe.map(({ value: t, leaving: n }) => /* @__PURE__ */ O("span", {
|
|
1893
|
+
className: [H.chip, n ? H["chip--leaving"] : ""].filter(Boolean).join(" "),
|
|
1886
1894
|
"aria-hidden": n || void 0,
|
|
1887
|
-
onAnimationEnd: n ? () =>
|
|
1888
|
-
children: [
|
|
1895
|
+
onAnimationEnd: n ? () => le(t) : void 0,
|
|
1896
|
+
children: [pe(t), /* @__PURE__ */ D("button", {
|
|
1889
1897
|
type: "button",
|
|
1890
|
-
className:
|
|
1898
|
+
className: H.chip__remove,
|
|
1891
1899
|
tabIndex: n ? -1 : void 0,
|
|
1892
1900
|
onClick: (n) => {
|
|
1893
|
-
n.stopPropagation(),
|
|
1901
|
+
n.stopPropagation(), fe(e.find((e) => e.value === t));
|
|
1894
1902
|
},
|
|
1895
|
-
"aria-label": `Remove ${
|
|
1903
|
+
"aria-label": `Remove ${pe(t)}`,
|
|
1896
1904
|
children: "×"
|
|
1897
1905
|
})]
|
|
1898
1906
|
}, t))
|
|
1899
1907
|
}),
|
|
1900
|
-
!(t === "multi" &&
|
|
1901
|
-
className: [
|
|
1902
|
-
children: t === "single" &&
|
|
1908
|
+
!(t === "multi" && oe.length > 0) && /* @__PURE__ */ D("span", {
|
|
1909
|
+
className: [H.control__value, t === "single" && me ? "" : H["control__value--placeholder"]].filter(Boolean).join(" "),
|
|
1910
|
+
children: t === "single" && me ? me : o
|
|
1903
1911
|
}),
|
|
1904
|
-
/* @__PURE__ */
|
|
1905
|
-
className: [
|
|
1912
|
+
/* @__PURE__ */ D("span", {
|
|
1913
|
+
className: [H.control__chevron, p ? H["control__chevron--open"] : ""].join(" "),
|
|
1906
1914
|
"aria-hidden": "true",
|
|
1907
|
-
children: /* @__PURE__ */
|
|
1915
|
+
children: /* @__PURE__ */ D("svg", {
|
|
1908
1916
|
width: 16,
|
|
1909
1917
|
height: 16,
|
|
1910
1918
|
viewBox: "0 0 24 24",
|
|
1911
1919
|
fill: "none",
|
|
1912
1920
|
stroke: "currentColor",
|
|
1913
|
-
strokeWidth:
|
|
1921
|
+
strokeWidth: T(16),
|
|
1914
1922
|
strokeLinecap: "round",
|
|
1915
1923
|
strokeLinejoin: "round",
|
|
1916
|
-
children: /* @__PURE__ */
|
|
1924
|
+
children: /* @__PURE__ */ D("path", { d: "m6 9 6 6 6-6" })
|
|
1917
1925
|
})
|
|
1918
1926
|
})
|
|
1919
1927
|
]
|
|
1920
1928
|
}),
|
|
1921
|
-
h && !s && /* @__PURE__ */
|
|
1922
|
-
ref:
|
|
1923
|
-
className: [
|
|
1929
|
+
h && !s && /* @__PURE__ */ D("div", {
|
|
1930
|
+
ref: ee,
|
|
1931
|
+
className: [H.panel, p ? H["panel--entering"] : H["panel--exiting"]].filter(Boolean).join(" "),
|
|
1924
1932
|
id: `${f}-panel`,
|
|
1925
1933
|
role: "listbox",
|
|
1926
1934
|
"aria-multiselectable": t === "multi" || void 0,
|
|
@@ -1928,25 +1936,25 @@ var Xt = [
|
|
|
1928
1936
|
onAnimationEnd: () => {
|
|
1929
1937
|
p || g(!1);
|
|
1930
1938
|
},
|
|
1931
|
-
children: c ? /* @__PURE__ */
|
|
1932
|
-
className:
|
|
1933
|
-
children: [/* @__PURE__ */
|
|
1934
|
-
className:
|
|
1939
|
+
children: c ? /* @__PURE__ */ O("div", {
|
|
1940
|
+
className: H.panel__loading,
|
|
1941
|
+
children: [/* @__PURE__ */ D("span", {
|
|
1942
|
+
className: H.panel__spinner,
|
|
1935
1943
|
"aria-hidden": "true"
|
|
1936
1944
|
}), "Loading…"]
|
|
1937
|
-
}) : b.length === 0 ? /* @__PURE__ */
|
|
1938
|
-
className:
|
|
1945
|
+
}) : b.length === 0 ? /* @__PURE__ */ D("div", {
|
|
1946
|
+
className: H.panel__empty,
|
|
1939
1947
|
children: "No options available"
|
|
1940
|
-
}) : /* @__PURE__ */
|
|
1948
|
+
}) : /* @__PURE__ */ O(Ve, { children: [S && /* @__PURE__ */ D("span", {
|
|
1941
1949
|
"aria-hidden": "true",
|
|
1942
|
-
className: [
|
|
1950
|
+
className: [H.optionHighlight, te ? H["optionHighlight--animated"] : ""].filter(Boolean).join(" "),
|
|
1943
1951
|
style: {
|
|
1944
|
-
transform: `translateY(${
|
|
1945
|
-
height:
|
|
1952
|
+
transform: `translateY(${S.top}px)`,
|
|
1953
|
+
height: S.height
|
|
1946
1954
|
}
|
|
1947
1955
|
}), b.map((e, n) => {
|
|
1948
|
-
let r =
|
|
1949
|
-
return /* @__PURE__ */
|
|
1956
|
+
let r = w.includes(e.value);
|
|
1957
|
+
return /* @__PURE__ */ O("div", {
|
|
1950
1958
|
ref: (e) => {
|
|
1951
1959
|
x.current[n] = e;
|
|
1952
1960
|
},
|
|
@@ -1954,43 +1962,43 @@ var Xt = [
|
|
|
1954
1962
|
role: "option",
|
|
1955
1963
|
"aria-selected": r,
|
|
1956
1964
|
className: [
|
|
1957
|
-
|
|
1958
|
-
r && t === "single" ?
|
|
1959
|
-
e.disabled ?
|
|
1965
|
+
H.option,
|
|
1966
|
+
r && t === "single" ? H["option--selected"] : "",
|
|
1967
|
+
e.disabled ? H["option--disabled"] : ""
|
|
1960
1968
|
].filter(Boolean).join(" "),
|
|
1961
1969
|
onMouseEnter: () => {
|
|
1962
1970
|
e.disabled || v(n);
|
|
1963
1971
|
},
|
|
1964
|
-
onClick: () =>
|
|
1972
|
+
onClick: () => fe(e),
|
|
1965
1973
|
children: [
|
|
1966
|
-
t === "multi" && /* @__PURE__ */
|
|
1967
|
-
className: [
|
|
1974
|
+
t === "multi" && /* @__PURE__ */ D("span", {
|
|
1975
|
+
className: [H.option__box, r ? H["option__box--checked"] : ""].filter(Boolean).join(" "),
|
|
1968
1976
|
"aria-hidden": "true",
|
|
1969
|
-
children: /* @__PURE__ */
|
|
1977
|
+
children: /* @__PURE__ */ D("svg", {
|
|
1970
1978
|
width: 12,
|
|
1971
1979
|
height: 12,
|
|
1972
1980
|
viewBox: "0 0 24 24",
|
|
1973
1981
|
fill: "none",
|
|
1974
1982
|
stroke: "currentColor",
|
|
1975
|
-
strokeWidth:
|
|
1983
|
+
strokeWidth: T(12),
|
|
1976
1984
|
strokeLinecap: "round",
|
|
1977
1985
|
strokeLinejoin: "round",
|
|
1978
|
-
children: /* @__PURE__ */
|
|
1986
|
+
children: /* @__PURE__ */ D("polyline", { points: "20 6 9 17 4 12" })
|
|
1979
1987
|
})
|
|
1980
1988
|
}),
|
|
1981
|
-
e.icon && /* @__PURE__ */
|
|
1982
|
-
className:
|
|
1989
|
+
e.icon && /* @__PURE__ */ D("span", {
|
|
1990
|
+
className: H.option__icon,
|
|
1983
1991
|
"aria-hidden": "true",
|
|
1984
1992
|
children: e.icon
|
|
1985
1993
|
}),
|
|
1986
|
-
/* @__PURE__ */
|
|
1987
|
-
className:
|
|
1994
|
+
/* @__PURE__ */ D("span", {
|
|
1995
|
+
className: H.option__label,
|
|
1988
1996
|
children: e.label
|
|
1989
1997
|
}),
|
|
1990
|
-
r && t === "single" && /* @__PURE__ */
|
|
1991
|
-
className:
|
|
1998
|
+
r && t === "single" && /* @__PURE__ */ D("span", {
|
|
1999
|
+
className: H.option__check,
|
|
1992
2000
|
"aria-hidden": "true",
|
|
1993
|
-
children: /* @__PURE__ */
|
|
2001
|
+
children: /* @__PURE__ */ D("svg", {
|
|
1994
2002
|
width: 16,
|
|
1995
2003
|
height: 16,
|
|
1996
2004
|
viewBox: "0 0 24 24",
|
|
@@ -1999,25 +2007,25 @@ var Xt = [
|
|
|
1999
2007
|
strokeWidth: 2,
|
|
2000
2008
|
strokeLinecap: "round",
|
|
2001
2009
|
strokeLinejoin: "round",
|
|
2002
|
-
children: /* @__PURE__ */
|
|
2010
|
+
children: /* @__PURE__ */ D("polyline", { points: "20 6 9 17 4 12" })
|
|
2003
2011
|
})
|
|
2004
2012
|
})
|
|
2005
2013
|
]
|
|
2006
2014
|
}, e.value);
|
|
2007
2015
|
})] })
|
|
2008
2016
|
}),
|
|
2009
|
-
(i || a) && /* @__PURE__ */
|
|
2010
|
-
className:
|
|
2017
|
+
(i || a) && /* @__PURE__ */ D("span", {
|
|
2018
|
+
className: ue ? H.field__error : H.field__description,
|
|
2011
2019
|
children: a || i
|
|
2012
2020
|
})
|
|
2013
2021
|
]
|
|
2014
2022
|
});
|
|
2015
|
-
},
|
|
2023
|
+
}, Zn = {
|
|
2016
2024
|
chart: "_chart_aiboa_2",
|
|
2017
2025
|
center: "_center_aiboa_26",
|
|
2018
2026
|
center__value: "_center__value_aiboa_35",
|
|
2019
2027
|
center__caption: "_center__caption_aiboa_36"
|
|
2020
|
-
},
|
|
2028
|
+
}, Qn = {
|
|
2021
2029
|
sm: {
|
|
2022
2030
|
h: 180,
|
|
2023
2031
|
inner: 50,
|
|
@@ -2038,32 +2046,32 @@ var Xt = [
|
|
|
2038
2046
|
inner: 98,
|
|
2039
2047
|
outer: 142
|
|
2040
2048
|
}
|
|
2041
|
-
},
|
|
2042
|
-
let [o, s] =
|
|
2049
|
+
}, $n = ({ data: e, size: t = "md", centerValue: n, centerCaption: r, height: i, className: a }) => {
|
|
2050
|
+
let [o, s] = E.useState(null), [c, l] = E.useState(null), u = (e) => {
|
|
2043
2051
|
let t = e.currentTarget.getBoundingClientRect();
|
|
2044
2052
|
l({
|
|
2045
2053
|
x: e.clientX - t.left,
|
|
2046
2054
|
y: e.clientY - t.top
|
|
2047
2055
|
});
|
|
2048
|
-
}, d =
|
|
2056
|
+
}, d = E.useRef(null), f = j(d), p = [
|
|
2049
2057
|
1,
|
|
2050
2058
|
2,
|
|
2051
2059
|
3,
|
|
2052
2060
|
4,
|
|
2053
2061
|
5
|
|
2054
|
-
].map((e) => f(`--color-chart-${e}`) ??
|
|
2055
|
-
...
|
|
2056
|
-
h: i ??
|
|
2062
|
+
].map((e) => f(`--color-chart-${e}`) ?? Qt[e - 1]), m = {
|
|
2063
|
+
...Qn[t],
|
|
2064
|
+
h: i ?? Qn[t].h
|
|
2057
2065
|
}, h = (m.outer - m.inner) / 2 - 7;
|
|
2058
|
-
return /* @__PURE__ */
|
|
2066
|
+
return /* @__PURE__ */ O("div", {
|
|
2059
2067
|
ref: d,
|
|
2060
|
-
className: [
|
|
2068
|
+
className: [Zn.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2061
2069
|
style: { height: m.h },
|
|
2062
2070
|
onMouseMove: u,
|
|
2063
|
-
children: [/* @__PURE__ */
|
|
2071
|
+
children: [/* @__PURE__ */ D(Mt, {
|
|
2064
2072
|
width: "100%",
|
|
2065
2073
|
height: "100%",
|
|
2066
|
-
children: /* @__PURE__ */
|
|
2074
|
+
children: /* @__PURE__ */ O(Ct, { children: [/* @__PURE__ */ D(St, {
|
|
2067
2075
|
data: e,
|
|
2068
2076
|
dataKey: "value",
|
|
2069
2077
|
nameKey: "label",
|
|
@@ -2077,27 +2085,27 @@ var Xt = [
|
|
|
2077
2085
|
onMouseLeave: () => {
|
|
2078
2086
|
s(null), l(null);
|
|
2079
2087
|
},
|
|
2080
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
2088
|
+
children: e.map((e, t) => /* @__PURE__ */ D(vt, {
|
|
2081
2089
|
fill: p[t % p.length],
|
|
2082
2090
|
fillOpacity: o !== null && t !== o ? .45 : 1
|
|
2083
2091
|
}, t))
|
|
2084
|
-
}), /* @__PURE__ */
|
|
2085
|
-
content: /* @__PURE__ */
|
|
2092
|
+
}), /* @__PURE__ */ D(Pt, {
|
|
2093
|
+
content: /* @__PURE__ */ D(en, {}),
|
|
2086
2094
|
wrapperStyle: { zIndex: 50 },
|
|
2087
2095
|
position: c ?? void 0
|
|
2088
2096
|
})] })
|
|
2089
|
-
}), (n || r) && /* @__PURE__ */
|
|
2090
|
-
className:
|
|
2091
|
-
children: [n && /* @__PURE__ */
|
|
2092
|
-
className:
|
|
2097
|
+
}), (n || r) && /* @__PURE__ */ O("div", {
|
|
2098
|
+
className: Zn.center,
|
|
2099
|
+
children: [n && /* @__PURE__ */ D("span", {
|
|
2100
|
+
className: Zn.center__value,
|
|
2093
2101
|
children: n
|
|
2094
|
-
}), r && /* @__PURE__ */
|
|
2095
|
-
className:
|
|
2102
|
+
}), r && /* @__PURE__ */ D("span", {
|
|
2103
|
+
className: Zn.center__caption,
|
|
2096
2104
|
children: r
|
|
2097
2105
|
})]
|
|
2098
2106
|
})]
|
|
2099
2107
|
});
|
|
2100
|
-
},
|
|
2108
|
+
}, U = {
|
|
2101
2109
|
wrap: "_wrap_1b5p5_2",
|
|
2102
2110
|
dropzone: "_dropzone_1b5p5_4",
|
|
2103
2111
|
"dropzone--dragging": "_dropzone--dragging_1b5p5_21",
|
|
@@ -2111,18 +2119,18 @@ var Xt = [
|
|
|
2111
2119
|
file__icon: "_file__icon_1b5p5_45",
|
|
2112
2120
|
file__name: "_file__name_1b5p5_46",
|
|
2113
2121
|
file__remove: "_file__remove_1b5p5_47"
|
|
2114
|
-
},
|
|
2115
|
-
let a =
|
|
2122
|
+
}, er = ({ accept: e, multiple: t, hint: n = "SVG, PNG, JPG or PDF (max. 2MB)", onFilesChange: r, className: i }) => {
|
|
2123
|
+
let a = E.useRef(null), [o, s] = E.useState(!1), [c, l] = E.useState([]), u = (e) => {
|
|
2116
2124
|
l(e), r?.(e);
|
|
2117
2125
|
}, d = (e) => {
|
|
2118
2126
|
if (!e) return;
|
|
2119
2127
|
let n = Array.from(e);
|
|
2120
2128
|
u(t ? [...c, ...n] : n.slice(0, 1));
|
|
2121
2129
|
}, f = (e) => u(c.filter((t, n) => n !== e));
|
|
2122
|
-
return /* @__PURE__ */
|
|
2123
|
-
className: [
|
|
2124
|
-
children: [/* @__PURE__ */
|
|
2125
|
-
className: [
|
|
2130
|
+
return /* @__PURE__ */ O("div", {
|
|
2131
|
+
className: [U.wrap, i ?? ""].filter(Boolean).join(" "),
|
|
2132
|
+
children: [/* @__PURE__ */ O("div", {
|
|
2133
|
+
className: [U.dropzone, o ? U["dropzone--dragging"] : ""].filter(Boolean).join(" "),
|
|
2126
2134
|
onClick: () => a.current?.click(),
|
|
2127
2135
|
onDragOver: (e) => {
|
|
2128
2136
|
e.preventDefault(), s(!0);
|
|
@@ -2137,66 +2145,66 @@ var Xt = [
|
|
|
2137
2145
|
(e.key === "Enter" || e.key === " ") && a.current?.click();
|
|
2138
2146
|
},
|
|
2139
2147
|
children: [
|
|
2140
|
-
/* @__PURE__ */
|
|
2141
|
-
className:
|
|
2148
|
+
/* @__PURE__ */ D("span", {
|
|
2149
|
+
className: U.dropzone__icon,
|
|
2142
2150
|
"aria-hidden": "true",
|
|
2143
|
-
children: /* @__PURE__ */
|
|
2151
|
+
children: /* @__PURE__ */ D(dt, {
|
|
2144
2152
|
size: 22,
|
|
2145
|
-
strokeWidth:
|
|
2153
|
+
strokeWidth: T(22)
|
|
2146
2154
|
})
|
|
2147
2155
|
}),
|
|
2148
|
-
/* @__PURE__ */
|
|
2149
|
-
className:
|
|
2150
|
-
children: [/* @__PURE__ */
|
|
2151
|
-
className:
|
|
2156
|
+
/* @__PURE__ */ O("span", {
|
|
2157
|
+
className: U.dropzone__label,
|
|
2158
|
+
children: [/* @__PURE__ */ D("span", {
|
|
2159
|
+
className: U.dropzone__link,
|
|
2152
2160
|
children: "Click to upload"
|
|
2153
2161
|
}), " or drag and drop"]
|
|
2154
2162
|
}),
|
|
2155
|
-
/* @__PURE__ */
|
|
2156
|
-
className:
|
|
2163
|
+
/* @__PURE__ */ D("span", {
|
|
2164
|
+
className: U.dropzone__hint,
|
|
2157
2165
|
children: n
|
|
2158
2166
|
}),
|
|
2159
|
-
/* @__PURE__ */
|
|
2167
|
+
/* @__PURE__ */ D("input", {
|
|
2160
2168
|
ref: a,
|
|
2161
2169
|
type: "file",
|
|
2162
2170
|
accept: e,
|
|
2163
2171
|
multiple: t,
|
|
2164
|
-
className:
|
|
2172
|
+
className: U.input,
|
|
2165
2173
|
onChange: (e) => d(e.target.files)
|
|
2166
2174
|
})
|
|
2167
2175
|
]
|
|
2168
|
-
}), c.length > 0 && /* @__PURE__ */
|
|
2169
|
-
className:
|
|
2170
|
-
children: c.map((e, t) => /* @__PURE__ */
|
|
2171
|
-
className:
|
|
2176
|
+
}), c.length > 0 && /* @__PURE__ */ D("ul", {
|
|
2177
|
+
className: U.files,
|
|
2178
|
+
children: c.map((e, t) => /* @__PURE__ */ O("li", {
|
|
2179
|
+
className: U.file,
|
|
2172
2180
|
children: [
|
|
2173
|
-
/* @__PURE__ */
|
|
2174
|
-
className:
|
|
2181
|
+
/* @__PURE__ */ D("span", {
|
|
2182
|
+
className: U.file__icon,
|
|
2175
2183
|
"aria-hidden": "true",
|
|
2176
|
-
children: /* @__PURE__ */
|
|
2184
|
+
children: /* @__PURE__ */ D(Xe, {
|
|
2177
2185
|
size: 16,
|
|
2178
|
-
strokeWidth:
|
|
2186
|
+
strokeWidth: T(16)
|
|
2179
2187
|
})
|
|
2180
2188
|
}),
|
|
2181
|
-
/* @__PURE__ */
|
|
2182
|
-
className:
|
|
2189
|
+
/* @__PURE__ */ D("span", {
|
|
2190
|
+
className: U.file__name,
|
|
2183
2191
|
children: e.name
|
|
2184
2192
|
}),
|
|
2185
|
-
/* @__PURE__ */
|
|
2193
|
+
/* @__PURE__ */ D("button", {
|
|
2186
2194
|
type: "button",
|
|
2187
|
-
className:
|
|
2195
|
+
className: U.file__remove,
|
|
2188
2196
|
onClick: () => f(t),
|
|
2189
2197
|
"aria-label": `Remove ${e.name}`,
|
|
2190
|
-
children: /* @__PURE__ */
|
|
2198
|
+
children: /* @__PURE__ */ D(ft, {
|
|
2191
2199
|
size: 14,
|
|
2192
|
-
strokeWidth:
|
|
2200
|
+
strokeWidth: T(14)
|
|
2193
2201
|
})
|
|
2194
2202
|
})
|
|
2195
2203
|
]
|
|
2196
2204
|
}, t))
|
|
2197
2205
|
})]
|
|
2198
2206
|
});
|
|
2199
|
-
},
|
|
2207
|
+
}, W = {
|
|
2200
2208
|
chart: "_chart_1m9hd_1",
|
|
2201
2209
|
svg: "_svg_1m9hd_7",
|
|
2202
2210
|
segment: "_segment_1m9hd_12",
|
|
@@ -2209,25 +2217,25 @@ var Xt = [
|
|
|
2209
2217
|
tooltip__dot: "_tooltip__dot_1m9hd_68",
|
|
2210
2218
|
tooltip__label: "_tooltip__label_1m9hd_74",
|
|
2211
2219
|
tooltip__value: "_tooltip__value_1m9hd_75"
|
|
2212
|
-
},
|
|
2220
|
+
}, tr = {
|
|
2213
2221
|
sm: 180,
|
|
2214
2222
|
md: 240,
|
|
2215
2223
|
lg: 320,
|
|
2216
2224
|
xl: 420
|
|
2217
|
-
},
|
|
2218
|
-
let [r, i] =
|
|
2219
|
-
g.push(h(e[e.length - 1]?.value ?? 0) *
|
|
2220
|
-
let _ = (t) => e.length <= 1 ? 1 :
|
|
2221
|
-
return /* @__PURE__ */
|
|
2225
|
+
}, nr = 560, rr = .3, ir = .55, ar = ({ data: e, size: t = "md", className: n }) => {
|
|
2226
|
+
let [r, i] = E.useState(null), a = E.useRef(null), o = j(a), s = o("--color-chart-1") ?? "#ff4700", c = o("--color-bg-canvas") ?? "#fafaf9", l = e[0]?.value || 1, u = tr[t], d = u * .66, f = d / 2 + 8, p = nr / e.length, m = e[0]?.value || 1, h = (e) => e / m * d, g = e.map((e) => h(e.value));
|
|
2227
|
+
g.push(h(e[e.length - 1]?.value ?? 0) * ir);
|
|
2228
|
+
let _ = (t) => e.length <= 1 ? 1 : rr + t / (e.length - 1) * (1 - rr), v = r === null ? null : e[r], y = r === null ? 0 : f - g[r] / 2, b = r === null ? 0 : r * p + p / 2;
|
|
2229
|
+
return /* @__PURE__ */ O("div", {
|
|
2222
2230
|
ref: a,
|
|
2223
|
-
className: [
|
|
2231
|
+
className: [W.chart, n ?? ""].filter(Boolean).join(" "),
|
|
2224
2232
|
style: { height: u },
|
|
2225
2233
|
children: [
|
|
2226
|
-
/* @__PURE__ */
|
|
2227
|
-
viewBox: `0 0 ${
|
|
2234
|
+
/* @__PURE__ */ D("svg", {
|
|
2235
|
+
viewBox: `0 0 ${nr} ${u}`,
|
|
2228
2236
|
width: "100%",
|
|
2229
2237
|
height: u,
|
|
2230
|
-
className:
|
|
2238
|
+
className: W.svg,
|
|
2231
2239
|
children: e.map((e, t) => {
|
|
2232
2240
|
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 = [
|
|
2233
2241
|
`M ${n} ${d}`,
|
|
@@ -2236,56 +2244,56 @@ var Xt = [
|
|
|
2236
2244
|
`C ${o} ${v} ${o} ${h} ${n} ${h}`,
|
|
2237
2245
|
"Z"
|
|
2238
2246
|
].join(" "), b = r === null ? _(t) : t === r ? 1 : .45, x = Math.round(e.value / l * 100);
|
|
2239
|
-
return /* @__PURE__ */
|
|
2240
|
-
className:
|
|
2247
|
+
return /* @__PURE__ */ O("g", {
|
|
2248
|
+
className: W.segment,
|
|
2241
2249
|
onMouseEnter: () => i(t),
|
|
2242
2250
|
onMouseLeave: () => i(null),
|
|
2243
|
-
children: [/* @__PURE__ */
|
|
2251
|
+
children: [/* @__PURE__ */ D("path", {
|
|
2244
2252
|
d: y,
|
|
2245
2253
|
fill: s,
|
|
2246
2254
|
fillOpacity: b
|
|
2247
|
-
}), /* @__PURE__ */
|
|
2255
|
+
}), /* @__PURE__ */ O("text", {
|
|
2248
2256
|
x: o,
|
|
2249
2257
|
y: f,
|
|
2250
2258
|
textAnchor: "middle",
|
|
2251
2259
|
dominantBaseline: "middle",
|
|
2252
|
-
className:
|
|
2260
|
+
className: W.pctLabel,
|
|
2253
2261
|
children: [x, "%"]
|
|
2254
2262
|
})]
|
|
2255
2263
|
}, t);
|
|
2256
2264
|
})
|
|
2257
2265
|
}),
|
|
2258
|
-
/* @__PURE__ */
|
|
2259
|
-
className:
|
|
2266
|
+
/* @__PURE__ */ D("div", {
|
|
2267
|
+
className: W.labels,
|
|
2260
2268
|
style: { gridTemplateColumns: `repeat(${e.length}, 1fr)` },
|
|
2261
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
2262
|
-
className:
|
|
2269
|
+
children: e.map((e, t) => /* @__PURE__ */ D("span", {
|
|
2270
|
+
className: W.labelItem,
|
|
2263
2271
|
children: e.label
|
|
2264
2272
|
}, t))
|
|
2265
2273
|
}),
|
|
2266
|
-
v && /* @__PURE__ */
|
|
2267
|
-
className:
|
|
2274
|
+
v && /* @__PURE__ */ O("div", {
|
|
2275
|
+
className: W.tooltip,
|
|
2268
2276
|
style: {
|
|
2269
|
-
left: `${b /
|
|
2277
|
+
left: `${b / nr * 100}%`,
|
|
2270
2278
|
top: `${y / u * 100}%`,
|
|
2271
2279
|
background: c
|
|
2272
2280
|
},
|
|
2273
|
-
children: [/* @__PURE__ */
|
|
2274
|
-
className:
|
|
2281
|
+
children: [/* @__PURE__ */ D("span", {
|
|
2282
|
+
className: W.tooltip__title,
|
|
2275
2283
|
children: v.label
|
|
2276
|
-
}), /* @__PURE__ */
|
|
2277
|
-
className:
|
|
2284
|
+
}), /* @__PURE__ */ O("div", {
|
|
2285
|
+
className: W.tooltip__row,
|
|
2278
2286
|
children: [
|
|
2279
|
-
/* @__PURE__ */
|
|
2280
|
-
className:
|
|
2287
|
+
/* @__PURE__ */ D("span", {
|
|
2288
|
+
className: W.tooltip__dot,
|
|
2281
2289
|
style: { background: s }
|
|
2282
2290
|
}),
|
|
2283
|
-
/* @__PURE__ */
|
|
2284
|
-
className:
|
|
2291
|
+
/* @__PURE__ */ D("span", {
|
|
2292
|
+
className: W.tooltip__label,
|
|
2285
2293
|
children: "Share"
|
|
2286
2294
|
}),
|
|
2287
|
-
/* @__PURE__ */
|
|
2288
|
-
className:
|
|
2295
|
+
/* @__PURE__ */ O("span", {
|
|
2296
|
+
className: W.tooltip__value,
|
|
2289
2297
|
children: [Math.round(v.value / l * 100), "%"]
|
|
2290
2298
|
})
|
|
2291
2299
|
]
|
|
@@ -2293,7 +2301,7 @@ var Xt = [
|
|
|
2293
2301
|
})
|
|
2294
2302
|
]
|
|
2295
2303
|
});
|
|
2296
|
-
},
|
|
2304
|
+
}, G = {
|
|
2297
2305
|
chart: "_chart_1yc8b_1",
|
|
2298
2306
|
grid: "_grid_1yc8b_6",
|
|
2299
2307
|
rowLabel: "_rowLabel_1yc8b_13",
|
|
@@ -2309,8 +2317,8 @@ var Xt = [
|
|
|
2309
2317
|
tooltip__dot: "_tooltip__dot_1yc8b_84",
|
|
2310
2318
|
tooltip__label: "_tooltip__label_1yc8b_91",
|
|
2311
2319
|
tooltip__value: "_tooltip__value_1yc8b_92"
|
|
2312
|
-
},
|
|
2313
|
-
let o =
|
|
2320
|
+
}, or = .12, sr = .45, cr = ({ data: e, rowLabels: t, colLabels: n, valueLabel: r = "Value", size: i = "md", className: a }) => {
|
|
2321
|
+
let o = E.useRef(null), s = j(o), c = E.useRef(null), [l, u] = E.useState(null), d = s("--color-chart-1") ?? "#ff4700", f = Math.max(1, ...e.flat()), p = e[0]?.length ?? 0, m = (e, t, n) => (r) => {
|
|
2314
2322
|
let i = r.currentTarget.getBoundingClientRect(), a = c.current?.getBoundingClientRect();
|
|
2315
2323
|
a && u({
|
|
2316
2324
|
row: e,
|
|
@@ -2320,56 +2328,56 @@ var Xt = [
|
|
|
2320
2328
|
top: i.top - a.top
|
|
2321
2329
|
});
|
|
2322
2330
|
};
|
|
2323
|
-
return /* @__PURE__ */
|
|
2331
|
+
return /* @__PURE__ */ D("div", {
|
|
2324
2332
|
ref: o,
|
|
2325
2333
|
className: [
|
|
2326
|
-
|
|
2327
|
-
|
|
2334
|
+
G.chart,
|
|
2335
|
+
G[`chart--${i}`],
|
|
2328
2336
|
a ?? ""
|
|
2329
2337
|
].filter(Boolean).join(" "),
|
|
2330
|
-
children: /* @__PURE__ */
|
|
2338
|
+
children: /* @__PURE__ */ O("div", {
|
|
2331
2339
|
ref: c,
|
|
2332
|
-
className:
|
|
2340
|
+
className: G.grid,
|
|
2333
2341
|
style: { gridTemplateColumns: `auto repeat(${p}, 1fr)` },
|
|
2334
2342
|
children: [
|
|
2335
|
-
e.map((e, n) => /* @__PURE__ */
|
|
2336
|
-
className:
|
|
2343
|
+
e.map((e, n) => /* @__PURE__ */ O(E.Fragment, { children: [/* @__PURE__ */ D("span", {
|
|
2344
|
+
className: G.rowLabel,
|
|
2337
2345
|
children: t?.[n] ?? ""
|
|
2338
2346
|
}), e.map((e, t) => {
|
|
2339
|
-
let r = l?.row === n && l?.col === t, i = l !== null && !r, a = r ? 1 :
|
|
2340
|
-
return /* @__PURE__ */
|
|
2341
|
-
className:
|
|
2347
|
+
let r = l?.row === n && l?.col === t, i = l !== null && !r, a = r ? 1 : or + e / f * (1 - or);
|
|
2348
|
+
return /* @__PURE__ */ D("div", {
|
|
2349
|
+
className: G.cell,
|
|
2342
2350
|
style: {
|
|
2343
2351
|
background: d,
|
|
2344
|
-
opacity: i ?
|
|
2352
|
+
opacity: i ? sr : a
|
|
2345
2353
|
},
|
|
2346
2354
|
onMouseEnter: m(n, t, e),
|
|
2347
2355
|
onMouseLeave: () => u(null)
|
|
2348
2356
|
}, t);
|
|
2349
2357
|
})] }, n)),
|
|
2350
|
-
n && /* @__PURE__ */
|
|
2351
|
-
className:
|
|
2358
|
+
n && /* @__PURE__ */ O(Ve, { children: [/* @__PURE__ */ D("span", {}), n.map((e, t) => /* @__PURE__ */ D("span", {
|
|
2359
|
+
className: G.colLabel,
|
|
2352
2360
|
children: e
|
|
2353
2361
|
}, t))] }),
|
|
2354
|
-
l && /* @__PURE__ */
|
|
2355
|
-
className:
|
|
2362
|
+
l && /* @__PURE__ */ O("div", {
|
|
2363
|
+
className: G.tooltip,
|
|
2356
2364
|
style: {
|
|
2357
2365
|
left: l.left,
|
|
2358
2366
|
top: l.top
|
|
2359
2367
|
},
|
|
2360
|
-
children: [/* @__PURE__ */
|
|
2361
|
-
className:
|
|
2368
|
+
children: [/* @__PURE__ */ D("span", {
|
|
2369
|
+
className: G.tooltip__title,
|
|
2362
2370
|
children: [t?.[l.row], n?.[l.col]].filter(Boolean).join(" · ") || `Row ${l.row + 1}, Col ${l.col + 1}`
|
|
2363
|
-
}), /* @__PURE__ */
|
|
2364
|
-
className:
|
|
2371
|
+
}), /* @__PURE__ */ O("div", {
|
|
2372
|
+
className: G.tooltip__row,
|
|
2365
2373
|
children: [
|
|
2366
|
-
/* @__PURE__ */
|
|
2367
|
-
/* @__PURE__ */
|
|
2368
|
-
className:
|
|
2374
|
+
/* @__PURE__ */ D("span", { className: G.tooltip__dot }),
|
|
2375
|
+
/* @__PURE__ */ D("span", {
|
|
2376
|
+
className: G.tooltip__label,
|
|
2369
2377
|
children: r
|
|
2370
2378
|
}),
|
|
2371
|
-
/* @__PURE__ */
|
|
2372
|
-
className:
|
|
2379
|
+
/* @__PURE__ */ D("span", {
|
|
2380
|
+
className: G.tooltip__value,
|
|
2373
2381
|
children: l.value
|
|
2374
2382
|
})
|
|
2375
2383
|
]
|
|
@@ -2378,65 +2386,65 @@ var Xt = [
|
|
|
2378
2386
|
]
|
|
2379
2387
|
})
|
|
2380
2388
|
});
|
|
2381
|
-
},
|
|
2382
|
-
className: [
|
|
2389
|
+
}, lr = { kbd: "_kbd_1cz4m_3" }, ur = ({ children: e, className: t }) => /* @__PURE__ */ D("kbd", {
|
|
2390
|
+
className: [lr.kbd, t ?? ""].filter(Boolean).join(" "),
|
|
2383
2391
|
children: e
|
|
2384
|
-
}),
|
|
2392
|
+
}), dr = {
|
|
2385
2393
|
label: "_label_rcdks_3",
|
|
2386
2394
|
label__required: "_label__required_rcdks_17"
|
|
2387
|
-
},
|
|
2395
|
+
}, fr = E.forwardRef(({ required: e, children: t, className: n, ...r }, i) => /* @__PURE__ */ O("label", {
|
|
2388
2396
|
ref: i,
|
|
2389
|
-
className: [
|
|
2397
|
+
className: [dr.label, n ?? ""].filter(Boolean).join(" "),
|
|
2390
2398
|
...r,
|
|
2391
|
-
children: [t, e && /* @__PURE__ */
|
|
2392
|
-
className:
|
|
2399
|
+
children: [t, e && /* @__PURE__ */ D("span", {
|
|
2400
|
+
className: dr.label__required,
|
|
2393
2401
|
"aria-hidden": "true",
|
|
2394
2402
|
children: " *"
|
|
2395
2403
|
})]
|
|
2396
2404
|
}));
|
|
2397
|
-
|
|
2398
|
-
var
|
|
2405
|
+
fr.displayName = "Label";
|
|
2406
|
+
var pr = { chart: "_chart_18fgd_2" }, mr = {
|
|
2399
2407
|
sm: 180,
|
|
2400
2408
|
md: 240,
|
|
2401
2409
|
lg: 320,
|
|
2402
2410
|
xl: 420
|
|
2403
|
-
},
|
|
2411
|
+
}, hr = /* @__PURE__ */ new Set([
|
|
2404
2412
|
"dots",
|
|
2405
2413
|
"custom-dots",
|
|
2406
2414
|
"dots-colors",
|
|
2407
2415
|
"label",
|
|
2408
2416
|
"custom-label"
|
|
2409
|
-
]),
|
|
2410
|
-
let l =
|
|
2417
|
+
]), gr = ({ data: e, series: t, xKey: n = "label", variant: r = "default", labelKey: i, size: a = "md", height: o, showLegend: s, className: c }) => {
|
|
2418
|
+
let l = E.useRef(null), u = j(l), d = [
|
|
2411
2419
|
1,
|
|
2412
2420
|
2,
|
|
2413
2421
|
3,
|
|
2414
2422
|
4,
|
|
2415
2423
|
5
|
|
2416
|
-
].map((e) => u(`--color-chart-${e}`) ??
|
|
2424
|
+
].map((e) => u(`--color-chart-${e}`) ?? Qt[e - 1]), f = [
|
|
2417
2425
|
d[1],
|
|
2418
2426
|
d[0],
|
|
2419
2427
|
...d.slice(2)
|
|
2420
|
-
], p = u("--color-border-subtle") ?? "#e7e5e1", m = u("--color-fg-muted") ?? "#78716a", h = u("--color-bg-canvas") ?? "#fafaf9", g = u("--color-fg-default") ?? "#141414", _ = r === "linear" ? "linear" : r === "step" ? "step" : "monotone", v =
|
|
2428
|
+
], p = u("--color-border-subtle") ?? "#e7e5e1", m = u("--color-fg-muted") ?? "#78716a", h = u("--color-bg-canvas") ?? "#fafaf9", g = u("--color-fg-default") ?? "#141414", _ = r === "linear" ? "linear" : r === "step" ? "step" : "monotone", v = hr.has(r), y = (e) => (t) => {
|
|
2421
2429
|
let { cx: n, cy: r } = t;
|
|
2422
|
-
return /* @__PURE__ */
|
|
2430
|
+
return /* @__PURE__ */ O("g", {
|
|
2423
2431
|
stroke: e,
|
|
2424
2432
|
strokeWidth: 2,
|
|
2425
2433
|
strokeLinecap: "round",
|
|
2426
2434
|
children: [
|
|
2427
|
-
/* @__PURE__ */
|
|
2435
|
+
/* @__PURE__ */ D("line", {
|
|
2428
2436
|
x1: n,
|
|
2429
2437
|
y1: r - 3,
|
|
2430
2438
|
x2: n,
|
|
2431
2439
|
y2: r - 3 - 6
|
|
2432
2440
|
}),
|
|
2433
|
-
/* @__PURE__ */
|
|
2441
|
+
/* @__PURE__ */ D("line", {
|
|
2434
2442
|
x1: n,
|
|
2435
2443
|
y1: r + 3,
|
|
2436
2444
|
x2: n,
|
|
2437
2445
|
y2: r + 3 + 6
|
|
2438
2446
|
}),
|
|
2439
|
-
/* @__PURE__ */
|
|
2447
|
+
/* @__PURE__ */ D("circle", {
|
|
2440
2448
|
cx: n,
|
|
2441
2449
|
cy: r,
|
|
2442
2450
|
r: 3,
|
|
@@ -2447,7 +2455,7 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2447
2455
|
});
|
|
2448
2456
|
}, b = (e) => {
|
|
2449
2457
|
let { cx: t, cy: n, index: r } = e, i = d[(r ?? 0) % d.length];
|
|
2450
|
-
return /* @__PURE__ */
|
|
2458
|
+
return /* @__PURE__ */ D("circle", {
|
|
2451
2459
|
cx: t,
|
|
2452
2460
|
cy: n,
|
|
2453
2461
|
r: 4,
|
|
@@ -2457,7 +2465,7 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2457
2465
|
});
|
|
2458
2466
|
}, x = (t) => {
|
|
2459
2467
|
let { x: n, y: a, value: o, index: s } = t, c = r === "custom-label" && i ? e[s]?.[i] : o;
|
|
2460
|
-
return c === void 0 ? /* @__PURE__ */
|
|
2468
|
+
return c === void 0 ? /* @__PURE__ */ D("g", {}) : /* @__PURE__ */ D("text", {
|
|
2461
2469
|
x: n,
|
|
2462
2470
|
y: a - 12,
|
|
2463
2471
|
textAnchor: "middle",
|
|
@@ -2468,13 +2476,13 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2468
2476
|
children: c
|
|
2469
2477
|
});
|
|
2470
2478
|
};
|
|
2471
|
-
return /* @__PURE__ */
|
|
2479
|
+
return /* @__PURE__ */ D("div", {
|
|
2472
2480
|
ref: l,
|
|
2473
|
-
className: [
|
|
2474
|
-
children: /* @__PURE__ */
|
|
2481
|
+
className: [pr.chart, c ?? ""].filter(Boolean).join(" "),
|
|
2482
|
+
children: /* @__PURE__ */ D(Mt, {
|
|
2475
2483
|
width: "100%",
|
|
2476
|
-
height: o ??
|
|
2477
|
-
children: /* @__PURE__ */
|
|
2484
|
+
height: o ?? mr[a],
|
|
2485
|
+
children: /* @__PURE__ */ O(xt, {
|
|
2478
2486
|
data: e,
|
|
2479
2487
|
margin: {
|
|
2480
2488
|
top: 8,
|
|
@@ -2483,12 +2491,12 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2483
2491
|
left: 12
|
|
2484
2492
|
},
|
|
2485
2493
|
children: [
|
|
2486
|
-
/* @__PURE__ */
|
|
2494
|
+
/* @__PURE__ */ D(_t, {
|
|
2487
2495
|
strokeDasharray: "3 3",
|
|
2488
2496
|
stroke: p,
|
|
2489
2497
|
vertical: !1
|
|
2490
2498
|
}),
|
|
2491
|
-
/* @__PURE__ */
|
|
2499
|
+
/* @__PURE__ */ D(Ft, {
|
|
2492
2500
|
dataKey: n,
|
|
2493
2501
|
stroke: m,
|
|
2494
2502
|
fontSize: 12,
|
|
@@ -2496,15 +2504,15 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2496
2504
|
axisLine: !1,
|
|
2497
2505
|
interval: 0
|
|
2498
2506
|
}),
|
|
2499
|
-
/* @__PURE__ */
|
|
2507
|
+
/* @__PURE__ */ D(Pt, {
|
|
2500
2508
|
cursor: {
|
|
2501
2509
|
stroke: u("--color-border-default") ?? "#dbdad7",
|
|
2502
2510
|
strokeWidth: 1
|
|
2503
2511
|
},
|
|
2504
|
-
content: /* @__PURE__ */
|
|
2512
|
+
content: /* @__PURE__ */ D(en, {}),
|
|
2505
2513
|
wrapperStyle: { zIndex: 50 }
|
|
2506
2514
|
}),
|
|
2507
|
-
s && /* @__PURE__ */
|
|
2515
|
+
s && /* @__PURE__ */ D(yt, { wrapperStyle: {
|
|
2508
2516
|
fontSize: 12,
|
|
2509
2517
|
fontFamily: "var(--font-sans)"
|
|
2510
2518
|
} }),
|
|
@@ -2515,7 +2523,7 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2515
2523
|
stroke: h,
|
|
2516
2524
|
strokeWidth: 1.5
|
|
2517
2525
|
} : !1;
|
|
2518
|
-
return /* @__PURE__ */
|
|
2526
|
+
return /* @__PURE__ */ D(bt, {
|
|
2519
2527
|
type: _,
|
|
2520
2528
|
dataKey: e,
|
|
2521
2529
|
stroke: n,
|
|
@@ -2534,7 +2542,7 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2534
2542
|
})
|
|
2535
2543
|
})
|
|
2536
2544
|
});
|
|
2537
|
-
},
|
|
2545
|
+
}, K = {
|
|
2538
2546
|
item: "_item_1b54h_2",
|
|
2539
2547
|
"item--disabled": "_item--disabled_1b54h_16",
|
|
2540
2548
|
"item--selected": "_item--selected_1b54h_17",
|
|
@@ -2543,50 +2551,50 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2543
2551
|
item__title: "_item__title_1b54h_22",
|
|
2544
2552
|
item__description: "_item__description_1b54h_23",
|
|
2545
2553
|
item__trailing: "_item__trailing_1b54h_24"
|
|
2546
|
-
},
|
|
2554
|
+
}, _r = ({ title: e, description: t, leading: n, trailing: r, selected: i, disabled: a, onClick: o, className: s }) => /* @__PURE__ */ O("button", {
|
|
2547
2555
|
type: "button",
|
|
2548
2556
|
disabled: a,
|
|
2549
2557
|
onClick: o,
|
|
2550
2558
|
"aria-current": i ? "true" : void 0,
|
|
2551
2559
|
className: [
|
|
2552
|
-
|
|
2553
|
-
i ?
|
|
2554
|
-
a ?
|
|
2560
|
+
K.item,
|
|
2561
|
+
i ? K["item--selected"] : "",
|
|
2562
|
+
a ? K["item--disabled"] : "",
|
|
2555
2563
|
s ?? ""
|
|
2556
2564
|
].filter(Boolean).join(" "),
|
|
2557
2565
|
children: [
|
|
2558
|
-
n && /* @__PURE__ */
|
|
2559
|
-
className:
|
|
2566
|
+
n && /* @__PURE__ */ D("span", {
|
|
2567
|
+
className: K.item__leading,
|
|
2560
2568
|
children: n
|
|
2561
2569
|
}),
|
|
2562
|
-
/* @__PURE__ */
|
|
2563
|
-
className:
|
|
2564
|
-
children: [/* @__PURE__ */
|
|
2565
|
-
className:
|
|
2570
|
+
/* @__PURE__ */ O("span", {
|
|
2571
|
+
className: K.item__text,
|
|
2572
|
+
children: [/* @__PURE__ */ D("span", {
|
|
2573
|
+
className: K.item__title,
|
|
2566
2574
|
children: e
|
|
2567
|
-
}), t && /* @__PURE__ */
|
|
2568
|
-
className:
|
|
2575
|
+
}), t && /* @__PURE__ */ D("span", {
|
|
2576
|
+
className: K.item__description,
|
|
2569
2577
|
children: t
|
|
2570
2578
|
})]
|
|
2571
2579
|
}),
|
|
2572
|
-
r && /* @__PURE__ */
|
|
2573
|
-
className:
|
|
2580
|
+
r && /* @__PURE__ */ D("span", {
|
|
2581
|
+
className: K.item__trailing,
|
|
2574
2582
|
children: r
|
|
2575
2583
|
})
|
|
2576
2584
|
]
|
|
2577
|
-
}),
|
|
2585
|
+
}), vr = {
|
|
2578
2586
|
menu: "_menu_psizn_2",
|
|
2579
2587
|
divider: "_divider_psizn_12"
|
|
2580
|
-
},
|
|
2588
|
+
}, yr = ({ children: e, minWidth: t = 208, className: n, ...r }) => /* @__PURE__ */ D("div", {
|
|
2581
2589
|
role: "menu",
|
|
2582
2590
|
"aria-label": r["aria-label"],
|
|
2583
2591
|
style: { minWidth: t },
|
|
2584
|
-
className: [
|
|
2592
|
+
className: [vr.menu, n ?? ""].filter(Boolean).join(" "),
|
|
2585
2593
|
children: e
|
|
2586
|
-
}),
|
|
2587
|
-
className:
|
|
2594
|
+
}), br = () => /* @__PURE__ */ D("div", {
|
|
2595
|
+
className: vr.divider,
|
|
2588
2596
|
role: "separator"
|
|
2589
|
-
}),
|
|
2597
|
+
}), xr = {
|
|
2590
2598
|
item: "_item_1xzse_2",
|
|
2591
2599
|
item__icon: "_item__icon_1xzse_21",
|
|
2592
2600
|
item__label: "_item__label_1xzse_22",
|
|
@@ -2595,9 +2603,9 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2595
2603
|
"item--checked": "_item--checked_1xzse_32",
|
|
2596
2604
|
"item--disabled": "_item--disabled_1xzse_33",
|
|
2597
2605
|
"item--destructive": "_item--destructive_1xzse_34"
|
|
2598
|
-
},
|
|
2606
|
+
}, Sr = ({ state: e = "default", icon: t, shortcut: n, children: r, onSelect: i, className: a }) => {
|
|
2599
2607
|
let o = e === "disabled";
|
|
2600
|
-
return /* @__PURE__ */
|
|
2608
|
+
return /* @__PURE__ */ O("div", {
|
|
2601
2609
|
role: "menuitem",
|
|
2602
2610
|
"aria-disabled": o || void 0,
|
|
2603
2611
|
"aria-checked": e === "checked" || void 0,
|
|
@@ -2607,38 +2615,38 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2607
2615
|
o || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i?.());
|
|
2608
2616
|
},
|
|
2609
2617
|
className: [
|
|
2610
|
-
|
|
2611
|
-
|
|
2618
|
+
xr.item,
|
|
2619
|
+
xr[`item--${e}`],
|
|
2612
2620
|
a ?? ""
|
|
2613
2621
|
].filter(Boolean).join(" "),
|
|
2614
2622
|
children: [
|
|
2615
|
-
t && /* @__PURE__ */
|
|
2616
|
-
className:
|
|
2623
|
+
t && /* @__PURE__ */ D("span", {
|
|
2624
|
+
className: xr.item__icon,
|
|
2617
2625
|
"aria-hidden": "true",
|
|
2618
2626
|
children: t
|
|
2619
2627
|
}),
|
|
2620
|
-
/* @__PURE__ */
|
|
2621
|
-
className:
|
|
2628
|
+
/* @__PURE__ */ D("span", {
|
|
2629
|
+
className: xr.item__label,
|
|
2622
2630
|
children: r
|
|
2623
2631
|
}),
|
|
2624
|
-
n && /* @__PURE__ */
|
|
2625
|
-
className:
|
|
2632
|
+
n && /* @__PURE__ */ D("kbd", {
|
|
2633
|
+
className: xr.item__shortcut,
|
|
2626
2634
|
children: n
|
|
2627
2635
|
}),
|
|
2628
|
-
e === "checked" && /* @__PURE__ */
|
|
2636
|
+
e === "checked" && /* @__PURE__ */ D(We, {
|
|
2629
2637
|
size: 16,
|
|
2630
|
-
strokeWidth:
|
|
2631
|
-
className:
|
|
2638
|
+
strokeWidth: T(16),
|
|
2639
|
+
className: xr.item__check,
|
|
2632
2640
|
"aria-hidden": "true"
|
|
2633
2641
|
})
|
|
2634
2642
|
]
|
|
2635
2643
|
});
|
|
2636
|
-
},
|
|
2644
|
+
}, Cr = {
|
|
2637
2645
|
chart: "_chart_cc7lx_2",
|
|
2638
2646
|
center: "_center_cc7lx_30",
|
|
2639
2647
|
center__value: "_center__value_cc7lx_39",
|
|
2640
2648
|
center__caption: "_center__caption_cc7lx_40"
|
|
2641
|
-
},
|
|
2649
|
+
}, wr = {
|
|
2642
2650
|
sm: {
|
|
2643
2651
|
h: 180,
|
|
2644
2652
|
outer: 72
|
|
@@ -2655,21 +2663,21 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2655
2663
|
h: 340,
|
|
2656
2664
|
outer: 142
|
|
2657
2665
|
}
|
|
2658
|
-
},
|
|
2666
|
+
}, Tr = /* @__PURE__ */ new Set([
|
|
2659
2667
|
"donut",
|
|
2660
2668
|
"donut-active",
|
|
2661
2669
|
"donut-with-text",
|
|
2662
2670
|
"interactive"
|
|
2663
|
-
]),
|
|
2664
|
-
let o =
|
|
2671
|
+
]), Er = /* @__PURE__ */ new Set(["donut-active"]), Dr = /* @__PURE__ */ new Set(["interactive"]), Or = /* @__PURE__ */ new Set(["donut-with-text"]), kr = Math.PI / 180, Ar = ({ data: e, variant: t = "donut", size: n = "md", centerValue: r, centerCaption: i, className: a }) => {
|
|
2672
|
+
let o = E.useRef(null), s = j(o), [c, l] = E.useState(void 0), u = [
|
|
2665
2673
|
1,
|
|
2666
2674
|
2,
|
|
2667
2675
|
3,
|
|
2668
2676
|
4,
|
|
2669
2677
|
5
|
|
2670
|
-
].map((e) => s(`--color-chart-${e}`) ??
|
|
2678
|
+
].map((e) => s(`--color-chart-${e}`) ?? Qt[e - 1]), d = s("--color-bg-surface") ?? "#ffffff", f = s("--color-fg-default") ?? "#141414", p = wr[n], m = Tr.has(t), h = Er.has(t), g = Dr.has(t), _ = m ? p.outer * .6 : 0, v = Or.has(t) && (r || i), y = c ?? (h || g ? 0 : void 0), b = (e) => {
|
|
2671
2679
|
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;
|
|
2672
|
-
return l && g ? /* @__PURE__ */
|
|
2680
|
+
return l && g ? /* @__PURE__ */ O("g", { children: [/* @__PURE__ */ D(Nt, {
|
|
2673
2681
|
cx: t,
|
|
2674
2682
|
cy: n,
|
|
2675
2683
|
innerRadius: r,
|
|
@@ -2677,7 +2685,7 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2677
2685
|
startAngle: a,
|
|
2678
2686
|
endAngle: o,
|
|
2679
2687
|
fill: s
|
|
2680
|
-
}), /* @__PURE__ */
|
|
2688
|
+
}), /* @__PURE__ */ D(Nt, {
|
|
2681
2689
|
cx: t,
|
|
2682
2690
|
cy: n,
|
|
2683
2691
|
innerRadius: i + u + 3,
|
|
@@ -2685,7 +2693,7 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2685
2693
|
startAngle: a,
|
|
2686
2694
|
endAngle: o,
|
|
2687
2695
|
fill: s
|
|
2688
|
-
})] }) : /* @__PURE__ */
|
|
2696
|
+
})] }) : /* @__PURE__ */ D(Nt, {
|
|
2689
2697
|
cx: t,
|
|
2690
2698
|
cy: n,
|
|
2691
2699
|
innerRadius: r,
|
|
@@ -2695,21 +2703,21 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2695
2703
|
fill: s
|
|
2696
2704
|
});
|
|
2697
2705
|
}, x = (e) => {
|
|
2698
|
-
let { cx: t, cy: n, midAngle: r, outerRadius: i } = e, a = r ?? 0, o = Math.cos(-a *
|
|
2706
|
+
let { cx: t, cy: n, midAngle: r, outerRadius: i } = e, a = r ?? 0, o = Math.cos(-a * kr), s = Math.sin(-a * kr), 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);
|
|
2699
2707
|
return {
|
|
2700
2708
|
d: `M ${c} ${l} L ${u} ${d} L ${p} ${d}`,
|
|
2701
2709
|
endX: p,
|
|
2702
2710
|
endY: d,
|
|
2703
2711
|
textAnchor: f ? "start" : "end"
|
|
2704
2712
|
};
|
|
2705
|
-
},
|
|
2713
|
+
}, ee = (e) => {
|
|
2706
2714
|
let { value: t, fill: n } = e, { d: r, endX: i, endY: a, textAnchor: o } = x(e), s = i + (o === "start" ? 4 : -4);
|
|
2707
|
-
return /* @__PURE__ */
|
|
2715
|
+
return /* @__PURE__ */ O("g", { children: [/* @__PURE__ */ D("path", {
|
|
2708
2716
|
d: r,
|
|
2709
2717
|
fill: "none",
|
|
2710
2718
|
stroke: n,
|
|
2711
2719
|
strokeWidth: 1
|
|
2712
|
-
}), /* @__PURE__ */
|
|
2720
|
+
}), /* @__PURE__ */ D("text", {
|
|
2713
2721
|
x: s,
|
|
2714
2722
|
y: a,
|
|
2715
2723
|
textAnchor: o,
|
|
@@ -2719,9 +2727,9 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2719
2727
|
fontFamily: "var(--font-sans)",
|
|
2720
2728
|
children: t
|
|
2721
2729
|
})] });
|
|
2722
|
-
},
|
|
2730
|
+
}, S = (e) => {
|
|
2723
2731
|
let { x: t, y: n, textAnchor: r, value: i } = e;
|
|
2724
|
-
return /* @__PURE__ */
|
|
2732
|
+
return /* @__PURE__ */ D("text", {
|
|
2725
2733
|
x: t,
|
|
2726
2734
|
y: n,
|
|
2727
2735
|
textAnchor: r,
|
|
@@ -2732,11 +2740,11 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2732
2740
|
fontFamily: "var(--font-sans)",
|
|
2733
2741
|
children: i
|
|
2734
2742
|
});
|
|
2735
|
-
},
|
|
2743
|
+
}, C = (t) => {
|
|
2736
2744
|
let { cx: n, cy: r, midAngle: i, innerRadius: a, outerRadius: o, index: s } = t, c = (a + o) / 2;
|
|
2737
|
-
return /* @__PURE__ */
|
|
2738
|
-
x: n + c * Math.cos(-i *
|
|
2739
|
-
y: r + c * Math.sin(-i *
|
|
2745
|
+
return /* @__PURE__ */ D("text", {
|
|
2746
|
+
x: n + c * Math.cos(-i * kr),
|
|
2747
|
+
y: r + c * Math.sin(-i * kr),
|
|
2740
2748
|
textAnchor: "middle",
|
|
2741
2749
|
dominantBaseline: "central",
|
|
2742
2750
|
fill: "#fff",
|
|
@@ -2748,15 +2756,15 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2748
2756
|
};
|
|
2749
2757
|
if (t === "stacked") {
|
|
2750
2758
|
let t = (e) => c !== void 0 && c !== e ? .45 : 1;
|
|
2751
|
-
return /* @__PURE__ */
|
|
2759
|
+
return /* @__PURE__ */ D("div", {
|
|
2752
2760
|
ref: o,
|
|
2753
|
-
className: [
|
|
2761
|
+
className: [Cr.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2754
2762
|
style: { height: p.h },
|
|
2755
|
-
children: /* @__PURE__ */
|
|
2763
|
+
children: /* @__PURE__ */ D(Mt, {
|
|
2756
2764
|
width: "100%",
|
|
2757
2765
|
height: "100%",
|
|
2758
|
-
children: /* @__PURE__ */
|
|
2759
|
-
/* @__PURE__ */
|
|
2766
|
+
children: /* @__PURE__ */ O(Ct, { children: [
|
|
2767
|
+
/* @__PURE__ */ D(St, {
|
|
2760
2768
|
data: e,
|
|
2761
2769
|
dataKey: "value",
|
|
2762
2770
|
nameKey: "label",
|
|
@@ -2767,12 +2775,12 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2767
2775
|
isAnimationActive: !1,
|
|
2768
2776
|
onMouseEnter: (e, t) => l(t),
|
|
2769
2777
|
onMouseLeave: () => l(void 0),
|
|
2770
|
-
children: e.map((e, n) => /* @__PURE__ */
|
|
2778
|
+
children: e.map((e, n) => /* @__PURE__ */ D(vt, {
|
|
2771
2779
|
fill: u[n % u.length],
|
|
2772
2780
|
fillOpacity: t(n)
|
|
2773
2781
|
}, n))
|
|
2774
2782
|
}),
|
|
2775
|
-
/* @__PURE__ */
|
|
2783
|
+
/* @__PURE__ */ D(St, {
|
|
2776
2784
|
data: e,
|
|
2777
2785
|
dataKey: "value",
|
|
2778
2786
|
nameKey: "label",
|
|
@@ -2783,27 +2791,27 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2783
2791
|
isAnimationActive: !1,
|
|
2784
2792
|
onMouseEnter: (e, t) => l(t),
|
|
2785
2793
|
onMouseLeave: () => l(void 0),
|
|
2786
|
-
children: e.map((e, n) => /* @__PURE__ */
|
|
2794
|
+
children: e.map((e, n) => /* @__PURE__ */ D(vt, {
|
|
2787
2795
|
fill: u[n % u.length],
|
|
2788
2796
|
fillOpacity: t(n)
|
|
2789
2797
|
}, n))
|
|
2790
2798
|
}),
|
|
2791
|
-
/* @__PURE__ */
|
|
2792
|
-
content: /* @__PURE__ */
|
|
2799
|
+
/* @__PURE__ */ D(Pt, {
|
|
2800
|
+
content: /* @__PURE__ */ D(en, {}),
|
|
2793
2801
|
wrapperStyle: { zIndex: 50 }
|
|
2794
2802
|
})
|
|
2795
2803
|
] })
|
|
2796
2804
|
})
|
|
2797
2805
|
});
|
|
2798
2806
|
}
|
|
2799
|
-
return /* @__PURE__ */
|
|
2807
|
+
return /* @__PURE__ */ O("div", {
|
|
2800
2808
|
ref: o,
|
|
2801
|
-
className: [
|
|
2809
|
+
className: [Cr.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2802
2810
|
style: { height: p.h },
|
|
2803
|
-
children: [/* @__PURE__ */
|
|
2811
|
+
children: [/* @__PURE__ */ D(Mt, {
|
|
2804
2812
|
width: "100%",
|
|
2805
2813
|
height: "100%",
|
|
2806
|
-
children: /* @__PURE__ */
|
|
2814
|
+
children: /* @__PURE__ */ O(Ct, { children: [/* @__PURE__ */ D(St, {
|
|
2807
2815
|
data: e,
|
|
2808
2816
|
dataKey: "value",
|
|
2809
2817
|
nameKey: "label",
|
|
@@ -2814,27 +2822,27 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2814
2822
|
strokeWidth: t === "pie" ? 2 : 0,
|
|
2815
2823
|
isAnimationActive: !1,
|
|
2816
2824
|
shape: h || g ? b : void 0,
|
|
2817
|
-
label: t === "label" ?
|
|
2825
|
+
label: t === "label" ? ee : t === "custom-label" ? S : t === "label-list" ? C : void 0,
|
|
2818
2826
|
labelLine: !1,
|
|
2819
2827
|
onMouseEnter: (e, t) => l(t),
|
|
2820
2828
|
onMouseLeave: () => l(void 0),
|
|
2821
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
2822
|
-
}), /* @__PURE__ */
|
|
2823
|
-
content: /* @__PURE__ */
|
|
2829
|
+
children: e.map((e, t) => /* @__PURE__ */ D(vt, { fill: u[t % u.length] }, t))
|
|
2830
|
+
}), /* @__PURE__ */ D(Pt, {
|
|
2831
|
+
content: /* @__PURE__ */ D(en, {}),
|
|
2824
2832
|
wrapperStyle: { zIndex: 50 }
|
|
2825
2833
|
})] })
|
|
2826
|
-
}), v && /* @__PURE__ */
|
|
2827
|
-
className:
|
|
2828
|
-
children: [r && /* @__PURE__ */
|
|
2829
|
-
className:
|
|
2834
|
+
}), v && /* @__PURE__ */ O("div", {
|
|
2835
|
+
className: Cr.center,
|
|
2836
|
+
children: [r && /* @__PURE__ */ D("span", {
|
|
2837
|
+
className: Cr.center__value,
|
|
2830
2838
|
children: r
|
|
2831
|
-
}), i && /* @__PURE__ */
|
|
2832
|
-
className:
|
|
2839
|
+
}), i && /* @__PURE__ */ D("span", {
|
|
2840
|
+
className: Cr.center__caption,
|
|
2833
2841
|
children: i
|
|
2834
2842
|
})]
|
|
2835
2843
|
})]
|
|
2836
2844
|
});
|
|
2837
|
-
},
|
|
2845
|
+
}, q = {
|
|
2838
2846
|
root: "_root_16f5u_2",
|
|
2839
2847
|
trigger: "_trigger_16f5u_3",
|
|
2840
2848
|
panel: "_panel_16f5u_5",
|
|
@@ -2852,15 +2860,15 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2852
2860
|
panel__description: "_panel__description_16f5u_76",
|
|
2853
2861
|
panel__body: "_panel__body_16f5u_77",
|
|
2854
2862
|
panel__actions: "_panel__actions_16f5u_78"
|
|
2855
|
-
},
|
|
2856
|
-
let [s, c] =
|
|
2857
|
-
return
|
|
2863
|
+
}, jr = ({ trigger: e, title: t, description: n, actions: r, placement: i = "bottom-start", children: a, className: o }) => {
|
|
2864
|
+
let [s, c] = E.useState(!1), [l, u] = E.useState(!1), d = E.useRef(null), f = E.useRef(null);
|
|
2865
|
+
return E.useEffect(() => {
|
|
2858
2866
|
s && u(!0);
|
|
2859
|
-
}, [s]),
|
|
2867
|
+
}, [s]), E.useEffect(() => {
|
|
2860
2868
|
if (s || !l) return;
|
|
2861
2869
|
let e = setTimeout(() => u(!1), 240);
|
|
2862
2870
|
return () => clearTimeout(e);
|
|
2863
|
-
}, [s, l]),
|
|
2871
|
+
}, [s, l]), E.useEffect(() => {
|
|
2864
2872
|
if (!s) return;
|
|
2865
2873
|
let e = (e) => {
|
|
2866
2874
|
d.current && !d.current.contains(e.target) && c(!1);
|
|
@@ -2870,60 +2878,60 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2870
2878
|
return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
|
|
2871
2879
|
document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
|
|
2872
2880
|
};
|
|
2873
|
-
}, [s]),
|
|
2881
|
+
}, [s]), E.useEffect(() => {
|
|
2874
2882
|
!s && f.current && (f.current.focus(), f.current = null);
|
|
2875
|
-
}, [s]), /* @__PURE__ */
|
|
2876
|
-
className: [
|
|
2883
|
+
}, [s]), /* @__PURE__ */ O("div", {
|
|
2884
|
+
className: [q.root, o ?? ""].filter(Boolean).join(" "),
|
|
2877
2885
|
ref: d,
|
|
2878
|
-
children: [/* @__PURE__ */
|
|
2879
|
-
className:
|
|
2886
|
+
children: [/* @__PURE__ */ D("span", {
|
|
2887
|
+
className: q.trigger,
|
|
2880
2888
|
onClick: () => {
|
|
2881
2889
|
s || (f.current = document.activeElement), c((e) => !e);
|
|
2882
2890
|
},
|
|
2883
2891
|
children: e
|
|
2884
|
-
}), l && /* @__PURE__ */
|
|
2892
|
+
}), l && /* @__PURE__ */ O("div", {
|
|
2885
2893
|
className: [
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
s ?
|
|
2894
|
+
q.panel,
|
|
2895
|
+
q[`panel--${i}`],
|
|
2896
|
+
s ? q["panel--entering"] : q["panel--exiting"]
|
|
2889
2897
|
].filter(Boolean).join(" "),
|
|
2890
2898
|
role: "dialog",
|
|
2891
2899
|
onAnimationEnd: (e) => {
|
|
2892
2900
|
e.target === e.currentTarget && !s && u(!1);
|
|
2893
2901
|
},
|
|
2894
2902
|
children: [
|
|
2895
|
-
t && /* @__PURE__ */
|
|
2896
|
-
className:
|
|
2903
|
+
t && /* @__PURE__ */ D("div", {
|
|
2904
|
+
className: q.panel__title,
|
|
2897
2905
|
children: t
|
|
2898
2906
|
}),
|
|
2899
|
-
n && /* @__PURE__ */
|
|
2900
|
-
className:
|
|
2907
|
+
n && /* @__PURE__ */ D("div", {
|
|
2908
|
+
className: q.panel__description,
|
|
2901
2909
|
children: n
|
|
2902
2910
|
}),
|
|
2903
|
-
a && /* @__PURE__ */
|
|
2904
|
-
className:
|
|
2911
|
+
a && /* @__PURE__ */ D("div", {
|
|
2912
|
+
className: q.panel__body,
|
|
2905
2913
|
children: a
|
|
2906
2914
|
}),
|
|
2907
|
-
r && /* @__PURE__ */
|
|
2908
|
-
className:
|
|
2915
|
+
r && /* @__PURE__ */ D("div", {
|
|
2916
|
+
className: q.panel__actions,
|
|
2909
2917
|
children: r
|
|
2910
2918
|
})
|
|
2911
2919
|
]
|
|
2912
2920
|
})]
|
|
2913
2921
|
});
|
|
2914
|
-
},
|
|
2922
|
+
}, Mr = {
|
|
2915
2923
|
chart: "_chart_q6xhl_2",
|
|
2916
2924
|
circleFillSvg: "_circleFillSvg_q6xhl_17"
|
|
2917
|
-
},
|
|
2925
|
+
}, Nr = {
|
|
2918
2926
|
sm: 200,
|
|
2919
2927
|
md: 260,
|
|
2920
2928
|
lg: 340,
|
|
2921
2929
|
xl: 420
|
|
2922
|
-
},
|
|
2930
|
+
}, Pr = /* @__PURE__ */ new Set([
|
|
2923
2931
|
"circle-grid",
|
|
2924
2932
|
"circle-grid-no-lines",
|
|
2925
2933
|
"circle-grid-filled"
|
|
2926
|
-
]),
|
|
2934
|
+
]), Fr = /* @__PURE__ */ new Set(["default", "grid-custom"]), Ir = /* @__PURE__ */ new Set(["dots-grid-none"]), Lr = /* @__PURE__ */ new Set(["grid-filled"]), Rr = (e) => e === "circle-grid-filled", zr = /* @__PURE__ */ new Set([
|
|
2927
2935
|
"default",
|
|
2928
2936
|
"dots",
|
|
2929
2937
|
"dots-grid-none",
|
|
@@ -2934,34 +2942,34 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2934
2942
|
"grid-custom",
|
|
2935
2943
|
"grid-filled",
|
|
2936
2944
|
"circle-grid-filled"
|
|
2937
|
-
]),
|
|
2945
|
+
]), Br = [
|
|
2938
2946
|
1,
|
|
2939
2947
|
.8,
|
|
2940
2948
|
.6,
|
|
2941
2949
|
.4,
|
|
2942
2950
|
.2
|
|
2943
|
-
],
|
|
2944
|
-
let a =
|
|
2945
|
-
|
|
2951
|
+
], Vr = ({ data: e, variant: t = "default", size: n = "md", seriesLabels: r = ["Value", "Value 2"], className: i }) => {
|
|
2952
|
+
let a = E.useRef(null), o = j(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 = Lr.has(t), _ = Fr.has(t), v = Ir.has(t), y = Rr(t), [b, x] = E.useState(0);
|
|
2953
|
+
E.useEffect(() => {
|
|
2946
2954
|
if (!y || !a.current) return;
|
|
2947
2955
|
let e = a.current, t = new ResizeObserver(([e]) => x(e.contentRect.width));
|
|
2948
2956
|
return t.observe(e), () => t.disconnect();
|
|
2949
2957
|
}, [y]);
|
|
2950
|
-
let
|
|
2958
|
+
let ee = E.useMemo(() => {
|
|
2951
2959
|
if (!g) return e;
|
|
2952
2960
|
let t = Math.max(1, ...e.flatMap((e) => [e.value, e.value2 ?? 0]));
|
|
2953
2961
|
return e.map((e) => {
|
|
2954
2962
|
let n = {};
|
|
2955
|
-
return
|
|
2963
|
+
return Br.forEach((e, r) => {
|
|
2956
2964
|
n[`ring${r}`] = e * t;
|
|
2957
2965
|
}), {
|
|
2958
2966
|
...e,
|
|
2959
2967
|
...n
|
|
2960
2968
|
};
|
|
2961
2969
|
});
|
|
2962
|
-
}, [e, g]),
|
|
2970
|
+
}, [e, g]), S = (t) => {
|
|
2963
2971
|
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];
|
|
2964
|
-
if (!c) return /* @__PURE__ */
|
|
2972
|
+
if (!c) return /* @__PURE__ */ D("g", {});
|
|
2965
2973
|
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;
|
|
2966
2974
|
if (p && d < 0) h = r - 4 - 6, m = h - 16;
|
|
2967
2975
|
else if (p) m = r + 4 + 10, h = m + 18;
|
|
@@ -2970,7 +2978,7 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2970
2978
|
m = e - 8, h = e + 12;
|
|
2971
2979
|
}
|
|
2972
2980
|
let g = p ? n : n + l / Math.sqrt(l * l + d * d || 1) * 4;
|
|
2973
|
-
return /* @__PURE__ */
|
|
2981
|
+
return /* @__PURE__ */ O("g", { children: [/* @__PURE__ */ D("text", {
|
|
2974
2982
|
x: g,
|
|
2975
2983
|
y: m,
|
|
2976
2984
|
textAnchor: s,
|
|
@@ -2979,7 +2987,7 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2979
2987
|
fontWeight: 600,
|
|
2980
2988
|
fontFamily: "var(--font-sans)",
|
|
2981
2989
|
children: f
|
|
2982
|
-
}), /* @__PURE__ */
|
|
2990
|
+
}), /* @__PURE__ */ D("text", {
|
|
2983
2991
|
x: g,
|
|
2984
2992
|
y: h,
|
|
2985
2993
|
textAnchor: s,
|
|
@@ -2988,56 +2996,56 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
2988
2996
|
fontFamily: "var(--font-sans)",
|
|
2989
2997
|
children: c.label
|
|
2990
2998
|
})] });
|
|
2991
|
-
},
|
|
2992
|
-
return /* @__PURE__ */
|
|
2999
|
+
}, C = Nr[n], te = (b > 0 ? Math.min(b, C) / 2 - 5 : 0) * .7;
|
|
3000
|
+
return /* @__PURE__ */ O("div", {
|
|
2993
3001
|
ref: a,
|
|
2994
|
-
className: [
|
|
2995
|
-
children: [y && b > 0 && /* @__PURE__ */
|
|
2996
|
-
className:
|
|
3002
|
+
className: [Mr.chart, i ?? ""].filter(Boolean).join(" "),
|
|
3003
|
+
children: [y && b > 0 && /* @__PURE__ */ D("svg", {
|
|
3004
|
+
className: Mr.circleFillSvg,
|
|
2997
3005
|
width: b,
|
|
2998
|
-
height:
|
|
2999
|
-
children:
|
|
3006
|
+
height: C,
|
|
3007
|
+
children: Br.map((e) => /* @__PURE__ */ D("circle", {
|
|
3000
3008
|
cx: b / 2,
|
|
3001
|
-
cy:
|
|
3002
|
-
r:
|
|
3009
|
+
cy: C / 2,
|
|
3010
|
+
r: te * e,
|
|
3003
3011
|
fill: c,
|
|
3004
3012
|
fillOpacity: .1
|
|
3005
3013
|
}, e))
|
|
3006
|
-
}), /* @__PURE__ */
|
|
3014
|
+
}), /* @__PURE__ */ D(Mt, {
|
|
3007
3015
|
width: "100%",
|
|
3008
|
-
height:
|
|
3009
|
-
children: /* @__PURE__ */
|
|
3010
|
-
data:
|
|
3016
|
+
height: C,
|
|
3017
|
+
children: /* @__PURE__ */ O(Ot, {
|
|
3018
|
+
data: ee,
|
|
3011
3019
|
outerRadius: "70%",
|
|
3012
3020
|
children: [
|
|
3013
|
-
!g && !v && /* @__PURE__ */
|
|
3014
|
-
gridType:
|
|
3021
|
+
!g && !v && /* @__PURE__ */ D(Tt, {
|
|
3022
|
+
gridType: Pr.has(t) ? "circle" : "polygon",
|
|
3015
3023
|
radialLines: t !== "circle-grid-no-lines" && !_,
|
|
3016
3024
|
stroke: l
|
|
3017
3025
|
}),
|
|
3018
|
-
/* @__PURE__ */
|
|
3026
|
+
/* @__PURE__ */ D(wt, {
|
|
3019
3027
|
dataKey: "label",
|
|
3020
3028
|
axisLine: !1,
|
|
3021
|
-
tick: t === "custom-label" ?
|
|
3029
|
+
tick: t === "custom-label" ? S : {
|
|
3022
3030
|
fill: u,
|
|
3023
3031
|
fontSize: 12,
|
|
3024
3032
|
fontFamily: "var(--font-sans)"
|
|
3025
3033
|
}
|
|
3026
3034
|
}),
|
|
3027
|
-
/* @__PURE__ */
|
|
3035
|
+
/* @__PURE__ */ D(Et, {
|
|
3028
3036
|
tick: !1,
|
|
3029
3037
|
axisLine: !1,
|
|
3030
3038
|
tickCount: _ ? 2 : void 0
|
|
3031
3039
|
}),
|
|
3032
|
-
/* @__PURE__ */
|
|
3033
|
-
content: /* @__PURE__ */
|
|
3040
|
+
/* @__PURE__ */ D(Pt, {
|
|
3041
|
+
content: /* @__PURE__ */ D(en, {}),
|
|
3034
3042
|
wrapperStyle: { zIndex: 50 }
|
|
3035
3043
|
}),
|
|
3036
|
-
d && /* @__PURE__ */
|
|
3044
|
+
d && /* @__PURE__ */ D(yt, { wrapperStyle: {
|
|
3037
3045
|
fontSize: 12,
|
|
3038
3046
|
fontFamily: "var(--font-sans)"
|
|
3039
3047
|
} }),
|
|
3040
|
-
g &&
|
|
3048
|
+
g && Br.map((e, t) => /* @__PURE__ */ D(Dt, {
|
|
3041
3049
|
dataKey: `ring${t}`,
|
|
3042
3050
|
stroke: "none",
|
|
3043
3051
|
fill: c,
|
|
@@ -3045,13 +3053,13 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
3045
3053
|
isAnimationActive: !1,
|
|
3046
3054
|
legendType: "none"
|
|
3047
3055
|
}, `ring${t}`)),
|
|
3048
|
-
/* @__PURE__ */
|
|
3056
|
+
/* @__PURE__ */ D(Dt, {
|
|
3049
3057
|
name: d ? r[0] ?? "Value" : void 0,
|
|
3050
3058
|
dataKey: "value",
|
|
3051
|
-
stroke:
|
|
3059
|
+
stroke: zr.has(t) ? "none" : c,
|
|
3052
3060
|
fill: m ? c : "none",
|
|
3053
3061
|
fillOpacity: m ? _ ? 1 : p ? .45 : .5 : 0,
|
|
3054
|
-
strokeWidth:
|
|
3062
|
+
strokeWidth: zr.has(t) ? 0 : 2,
|
|
3055
3063
|
dot: h ? {
|
|
3056
3064
|
r: 4,
|
|
3057
3065
|
fill: c,
|
|
@@ -3059,7 +3067,7 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
3059
3067
|
} : !1,
|
|
3060
3068
|
isAnimationActive: !1
|
|
3061
3069
|
}),
|
|
3062
|
-
p && /* @__PURE__ */
|
|
3070
|
+
p && /* @__PURE__ */ D(Dt, {
|
|
3063
3071
|
name: d ? r[1] ?? "Value 2" : void 0,
|
|
3064
3072
|
dataKey: "value2",
|
|
3065
3073
|
stroke: f ? s : "none",
|
|
@@ -3077,50 +3085,50 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
3077
3085
|
})
|
|
3078
3086
|
})]
|
|
3079
3087
|
});
|
|
3080
|
-
},
|
|
3088
|
+
}, J = {
|
|
3081
3089
|
chart: "_chart_1ogmh_2",
|
|
3082
3090
|
gridSvg: "_gridSvg_1ogmh_19",
|
|
3083
3091
|
gaugeSvg: "_gaugeSvg_1ogmh_31",
|
|
3084
3092
|
center: "_center_1ogmh_36",
|
|
3085
3093
|
center__value: "_center__value_1ogmh_45",
|
|
3086
3094
|
center__caption: "_center__caption_1ogmh_46"
|
|
3087
|
-
},
|
|
3095
|
+
}, Hr = {
|
|
3088
3096
|
sm: 180,
|
|
3089
3097
|
md: 220,
|
|
3090
3098
|
lg: 280,
|
|
3091
3099
|
xl: 340
|
|
3092
|
-
},
|
|
3100
|
+
}, Ur = Math.PI / 180, Wr = (e) => Math.round(e * 1e3) / 1e3, Gr = {
|
|
3093
3101
|
multi: ["30%", "100%"],
|
|
3094
3102
|
grid: ["30%", "100%"],
|
|
3095
3103
|
"stacked-label": ["30%", "100%"],
|
|
3096
3104
|
text: ["76%", "100%"]
|
|
3097
|
-
},
|
|
3105
|
+
}, Kr = ({ value: e, max: t, color: n, track: r, centerValue: i, centerCaption: a, labelColor: o, captionColor: s }) => {
|
|
3098
3106
|
let c = Math.round(Math.min(e, t) / t * 40);
|
|
3099
|
-
return /* @__PURE__ */
|
|
3107
|
+
return /* @__PURE__ */ O("svg", {
|
|
3100
3108
|
viewBox: "0 0 200 120",
|
|
3101
|
-
className:
|
|
3109
|
+
className: J.gaugeSvg,
|
|
3102
3110
|
children: [Array.from({ length: 40 }).map((e, t) => {
|
|
3103
3111
|
let i = 180 + t / 39 * 180;
|
|
3104
|
-
return /* @__PURE__ */
|
|
3105
|
-
x1:
|
|
3106
|
-
y1:
|
|
3107
|
-
x2:
|
|
3108
|
-
y2:
|
|
3112
|
+
return /* @__PURE__ */ D("line", {
|
|
3113
|
+
x1: Wr(100 + 78 * Math.cos(i * Ur)),
|
|
3114
|
+
y1: Wr(100 + 78 * Math.sin(i * Ur)),
|
|
3115
|
+
x2: Wr(100 + 92 * Math.cos(i * Ur)),
|
|
3116
|
+
y2: Wr(100 + 92 * Math.sin(i * Ur)),
|
|
3109
3117
|
stroke: t < c ? n : r,
|
|
3110
3118
|
strokeWidth: 2.5,
|
|
3111
3119
|
strokeLinecap: "round"
|
|
3112
3120
|
}, t);
|
|
3113
|
-
}), (i || a) && /* @__PURE__ */
|
|
3121
|
+
}), (i || a) && /* @__PURE__ */ O("g", {
|
|
3114
3122
|
textAnchor: "middle",
|
|
3115
3123
|
fontFamily: "var(--font-sans)",
|
|
3116
|
-
children: [i && /* @__PURE__ */
|
|
3124
|
+
children: [i && /* @__PURE__ */ D("text", {
|
|
3117
3125
|
x: 100,
|
|
3118
3126
|
y: 92,
|
|
3119
3127
|
fontSize: 22,
|
|
3120
3128
|
fontWeight: 500,
|
|
3121
3129
|
fill: o,
|
|
3122
3130
|
children: i
|
|
3123
|
-
}), a && /* @__PURE__ */
|
|
3131
|
+
}), a && /* @__PURE__ */ D("text", {
|
|
3124
3132
|
x: 100,
|
|
3125
3133
|
y: 112,
|
|
3126
3134
|
fontSize: 12,
|
|
@@ -3129,10 +3137,10 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
3129
3137
|
})]
|
|
3130
3138
|
})]
|
|
3131
3139
|
});
|
|
3132
|
-
},
|
|
3140
|
+
}, qr = ({ rings: e, spokes: t, color: n }) => /* @__PURE__ */ O("svg", {
|
|
3133
3141
|
viewBox: "0 0 200 200",
|
|
3134
|
-
className:
|
|
3135
|
-
children: [Array.from({ length: e }).map((t, r) => /* @__PURE__ */
|
|
3142
|
+
className: J.gridSvg,
|
|
3143
|
+
children: [Array.from({ length: e }).map((t, r) => /* @__PURE__ */ D("circle", {
|
|
3136
3144
|
cx: 100,
|
|
3137
3145
|
cy: 100,
|
|
3138
3146
|
r: (r + 1) / e * 96,
|
|
@@ -3141,16 +3149,16 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
3141
3149
|
strokeWidth: 1
|
|
3142
3150
|
}, r)), Array.from({ length: t }).map((e, r) => {
|
|
3143
3151
|
let i = r / t * 360, a = 99.5 * 1.1;
|
|
3144
|
-
return /* @__PURE__ */
|
|
3152
|
+
return /* @__PURE__ */ D("line", {
|
|
3145
3153
|
x1: 100,
|
|
3146
3154
|
y1: 100,
|
|
3147
|
-
x2:
|
|
3148
|
-
y2:
|
|
3155
|
+
x2: Wr(100 + a * Math.cos(i * Ur)),
|
|
3156
|
+
y2: Wr(100 + a * Math.sin(i * Ur)),
|
|
3149
3157
|
stroke: n,
|
|
3150
3158
|
strokeWidth: 1
|
|
3151
3159
|
}, r);
|
|
3152
3160
|
})]
|
|
3153
|
-
}),
|
|
3161
|
+
}), Jr = ({ data: e, palette: t, track: n, centerValue: r, centerCaption: i, labelColor: a, captionColor: o }) => {
|
|
3154
3162
|
let s = e[0]?.max ?? e.reduce((e, t) => e + t.value, 0), c = 210, l = e.map((e, n) => {
|
|
3155
3163
|
let r = s > 0 ? e.value / s * 240 : 0, i = c, a = c - r;
|
|
3156
3164
|
return c = a, {
|
|
@@ -3159,11 +3167,11 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
3159
3167
|
fill: t[n % t.length]
|
|
3160
3168
|
};
|
|
3161
3169
|
});
|
|
3162
|
-
return /* @__PURE__ */
|
|
3170
|
+
return /* @__PURE__ */ O("svg", {
|
|
3163
3171
|
viewBox: "0 0 200 160",
|
|
3164
|
-
className:
|
|
3172
|
+
className: J.gaugeSvg,
|
|
3165
3173
|
children: [
|
|
3166
|
-
l.map((e, t) => /* @__PURE__ */
|
|
3174
|
+
l.map((e, t) => /* @__PURE__ */ D(Nt, {
|
|
3167
3175
|
cx: 100,
|
|
3168
3176
|
cy: 100,
|
|
3169
3177
|
innerRadius: 64,
|
|
@@ -3173,7 +3181,7 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
3173
3181
|
fill: e.fill,
|
|
3174
3182
|
cornerRadius: 4
|
|
3175
3183
|
}, t)),
|
|
3176
|
-
c > -29.5 && /* @__PURE__ */
|
|
3184
|
+
c > -29.5 && /* @__PURE__ */ D(Nt, {
|
|
3177
3185
|
cx: 100,
|
|
3178
3186
|
cy: 100,
|
|
3179
3187
|
innerRadius: 64,
|
|
@@ -3183,17 +3191,17 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
3183
3191
|
fill: n,
|
|
3184
3192
|
cornerRadius: 4
|
|
3185
3193
|
}),
|
|
3186
|
-
(r || i) && /* @__PURE__ */
|
|
3194
|
+
(r || i) && /* @__PURE__ */ O("g", {
|
|
3187
3195
|
textAnchor: "middle",
|
|
3188
3196
|
fontFamily: "var(--font-sans)",
|
|
3189
|
-
children: [r && /* @__PURE__ */
|
|
3197
|
+
children: [r && /* @__PURE__ */ D("text", {
|
|
3190
3198
|
x: 100,
|
|
3191
3199
|
y: 92,
|
|
3192
3200
|
fontSize: 22,
|
|
3193
3201
|
fontWeight: 500,
|
|
3194
3202
|
fill: a,
|
|
3195
3203
|
children: r
|
|
3196
|
-
}), i && /* @__PURE__ */
|
|
3204
|
+
}), i && /* @__PURE__ */ D("text", {
|
|
3197
3205
|
x: 100,
|
|
3198
3206
|
y: 112,
|
|
3199
3207
|
fontSize: 12,
|
|
@@ -3203,21 +3211,21 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
3203
3211
|
})
|
|
3204
3212
|
]
|
|
3205
3213
|
});
|
|
3206
|
-
},
|
|
3207
|
-
let o =
|
|
3214
|
+
}, Yr = ({ data: e, variant: t = "multi", size: n = "md", centerValue: r, centerCaption: i, className: a }) => {
|
|
3215
|
+
let o = E.useRef(null), s = j(o), c = [
|
|
3208
3216
|
1,
|
|
3209
3217
|
2,
|
|
3210
3218
|
3,
|
|
3211
3219
|
4,
|
|
3212
3220
|
5
|
|
3213
|
-
].map((e) => s(`--color-chart-${e}`) ??
|
|
3221
|
+
].map((e) => s(`--color-chart-${e}`) ?? Qt[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 = Hr[n];
|
|
3214
3222
|
if (t === "gauge-tick") {
|
|
3215
3223
|
let t = e[0];
|
|
3216
|
-
return /* @__PURE__ */
|
|
3224
|
+
return /* @__PURE__ */ D("div", {
|
|
3217
3225
|
ref: o,
|
|
3218
|
-
className: [
|
|
3226
|
+
className: [J.chart, a ?? ""].filter(Boolean).join(" "),
|
|
3219
3227
|
style: { height: p },
|
|
3220
|
-
children: /* @__PURE__ */
|
|
3228
|
+
children: /* @__PURE__ */ D(Kr, {
|
|
3221
3229
|
value: t?.value ?? 0,
|
|
3222
3230
|
max: t?.max ?? 100,
|
|
3223
3231
|
color: c[0],
|
|
@@ -3229,11 +3237,11 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
3229
3237
|
})
|
|
3230
3238
|
});
|
|
3231
3239
|
}
|
|
3232
|
-
if (t === "shape" || t === "stacked" || t === "stacked-3-layers") return /* @__PURE__ */
|
|
3240
|
+
if (t === "shape" || t === "stacked" || t === "stacked-3-layers") return /* @__PURE__ */ D("div", {
|
|
3233
3241
|
ref: o,
|
|
3234
|
-
className: [
|
|
3242
|
+
className: [J.chart, a ?? ""].filter(Boolean).join(" "),
|
|
3235
3243
|
style: { height: p },
|
|
3236
|
-
children: /* @__PURE__ */
|
|
3244
|
+
children: /* @__PURE__ */ D(Jr, {
|
|
3237
3245
|
data: e,
|
|
3238
3246
|
palette: c,
|
|
3239
3247
|
track: l,
|
|
@@ -3243,54 +3251,54 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
3243
3251
|
captionColor: f
|
|
3244
3252
|
})
|
|
3245
3253
|
});
|
|
3246
|
-
let [m, h] =
|
|
3247
|
-
return /* @__PURE__ */
|
|
3254
|
+
let [m, h] = Gr[t] ?? ["30%", "100%"], g = (t === "stacked-label" || t === "text") && (r || i);
|
|
3255
|
+
return /* @__PURE__ */ O("div", {
|
|
3248
3256
|
ref: o,
|
|
3249
|
-
className: [
|
|
3257
|
+
className: [J.chart, a ?? ""].filter(Boolean).join(" "),
|
|
3250
3258
|
style: { height: p },
|
|
3251
3259
|
children: [
|
|
3252
|
-
t === "grid" && /* @__PURE__ */
|
|
3260
|
+
t === "grid" && /* @__PURE__ */ D(qr, {
|
|
3253
3261
|
rings: 8,
|
|
3254
3262
|
spokes: 12,
|
|
3255
3263
|
color: u
|
|
3256
3264
|
}),
|
|
3257
|
-
/* @__PURE__ */
|
|
3265
|
+
/* @__PURE__ */ D(Mt, {
|
|
3258
3266
|
width: "100%",
|
|
3259
3267
|
height: "100%",
|
|
3260
|
-
children: /* @__PURE__ */
|
|
3268
|
+
children: /* @__PURE__ */ O(At, {
|
|
3261
3269
|
data: e,
|
|
3262
3270
|
innerRadius: m,
|
|
3263
3271
|
outerRadius: h,
|
|
3264
3272
|
startAngle: 90,
|
|
3265
3273
|
endAngle: -270,
|
|
3266
3274
|
barCategoryGap: "12%",
|
|
3267
|
-
children: [/* @__PURE__ */
|
|
3275
|
+
children: [/* @__PURE__ */ D(wt, {
|
|
3268
3276
|
type: "number",
|
|
3269
3277
|
domain: [0, e[0]?.max ?? 100],
|
|
3270
3278
|
tick: !1,
|
|
3271
3279
|
axisLine: !1
|
|
3272
|
-
}), /* @__PURE__ */
|
|
3280
|
+
}), /* @__PURE__ */ D(kt, {
|
|
3273
3281
|
dataKey: "value",
|
|
3274
3282
|
background: t !== "grid" && { fill: l },
|
|
3275
3283
|
cornerRadius: 8,
|
|
3276
3284
|
isAnimationActive: !1,
|
|
3277
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
3285
|
+
children: e.map((e, t) => /* @__PURE__ */ D(vt, { fill: c[t % c.length] }, t))
|
|
3278
3286
|
})]
|
|
3279
3287
|
})
|
|
3280
3288
|
}),
|
|
3281
|
-
g && /* @__PURE__ */
|
|
3282
|
-
className:
|
|
3283
|
-
children: [r && /* @__PURE__ */
|
|
3284
|
-
className:
|
|
3289
|
+
g && /* @__PURE__ */ O("div", {
|
|
3290
|
+
className: J.center,
|
|
3291
|
+
children: [r && /* @__PURE__ */ D("span", {
|
|
3292
|
+
className: J.center__value,
|
|
3285
3293
|
children: r
|
|
3286
|
-
}), i && /* @__PURE__ */
|
|
3287
|
-
className:
|
|
3294
|
+
}), i && /* @__PURE__ */ D("span", {
|
|
3295
|
+
className: J.center__caption,
|
|
3288
3296
|
children: i
|
|
3289
3297
|
})]
|
|
3290
3298
|
})
|
|
3291
3299
|
]
|
|
3292
3300
|
});
|
|
3293
|
-
},
|
|
3301
|
+
}, Y = {
|
|
3294
3302
|
wrapper: "_wrapper_5ueza_3",
|
|
3295
3303
|
"wrapper--disabled": "_wrapper--disabled_5ueza_11",
|
|
3296
3304
|
input: "_input_5ueza_13",
|
|
@@ -3300,45 +3308,45 @@ var fr = { chart: "_chart_18fgd_2" }, pr = {
|
|
|
3300
3308
|
text__label: "_text__label_5ueza_80",
|
|
3301
3309
|
text__description: "_text__description_5ueza_81",
|
|
3302
3310
|
"wrapper--withDescription": "_wrapper--withDescription_5ueza_85"
|
|
3303
|
-
},
|
|
3304
|
-
let s =
|
|
3305
|
-
return /* @__PURE__ */
|
|
3311
|
+
}, Xr = E.forwardRef(({ label: e, description: t, disabled: n, id: r, className: i, ...a }, o) => {
|
|
3312
|
+
let s = E.useId(), c = r ?? s;
|
|
3313
|
+
return /* @__PURE__ */ O("label", {
|
|
3306
3314
|
htmlFor: c,
|
|
3307
3315
|
className: [
|
|
3308
|
-
|
|
3309
|
-
t ?
|
|
3310
|
-
n ?
|
|
3316
|
+
Y.wrapper,
|
|
3317
|
+
t ? Y["wrapper--withDescription"] : "",
|
|
3318
|
+
n ? Y["wrapper--disabled"] : "",
|
|
3311
3319
|
i ?? ""
|
|
3312
3320
|
].filter(Boolean).join(" "),
|
|
3313
3321
|
children: [
|
|
3314
|
-
/* @__PURE__ */
|
|
3322
|
+
/* @__PURE__ */ D("input", {
|
|
3315
3323
|
ref: o,
|
|
3316
3324
|
id: c,
|
|
3317
3325
|
type: "radio",
|
|
3318
3326
|
disabled: n,
|
|
3319
|
-
className:
|
|
3327
|
+
className: Y.input,
|
|
3320
3328
|
...a
|
|
3321
3329
|
}),
|
|
3322
|
-
/* @__PURE__ */
|
|
3323
|
-
className:
|
|
3330
|
+
/* @__PURE__ */ D("span", {
|
|
3331
|
+
className: Y.circle,
|
|
3324
3332
|
"aria-hidden": "true",
|
|
3325
|
-
children: /* @__PURE__ */
|
|
3333
|
+
children: /* @__PURE__ */ D("span", { className: Y.dot })
|
|
3326
3334
|
}),
|
|
3327
|
-
(e || t) && /* @__PURE__ */
|
|
3328
|
-
className:
|
|
3329
|
-
children: [e && /* @__PURE__ */
|
|
3330
|
-
className:
|
|
3335
|
+
(e || t) && /* @__PURE__ */ O("span", {
|
|
3336
|
+
className: Y.text,
|
|
3337
|
+
children: [e && /* @__PURE__ */ D("span", {
|
|
3338
|
+
className: Y.text__label,
|
|
3331
3339
|
children: e
|
|
3332
|
-
}), t && /* @__PURE__ */
|
|
3333
|
-
className:
|
|
3340
|
+
}), t && /* @__PURE__ */ D("span", {
|
|
3341
|
+
className: Y.text__description,
|
|
3334
3342
|
children: t
|
|
3335
3343
|
})]
|
|
3336
3344
|
})
|
|
3337
3345
|
]
|
|
3338
3346
|
});
|
|
3339
3347
|
});
|
|
3340
|
-
|
|
3341
|
-
var
|
|
3348
|
+
Xr.displayName = "Radio";
|
|
3349
|
+
var X = {
|
|
3342
3350
|
footer: "_footer_sh6kz_4",
|
|
3343
3351
|
"footer--collapsed": "_footer--collapsed_sh6kz_12",
|
|
3344
3352
|
footer__text: "_footer__text_sh6kz_14",
|
|
@@ -3346,54 +3354,54 @@ var Z = {
|
|
|
3346
3354
|
footer__subtitle: "_footer__subtitle_sh6kz_16",
|
|
3347
3355
|
footer__menu: "_footer__menu_sh6kz_17",
|
|
3348
3356
|
footer__action: "_footer__action_sh6kz_24"
|
|
3349
|
-
},
|
|
3350
|
-
let c = /* @__PURE__ */
|
|
3357
|
+
}, Zr = ({ type: e = "user", title: t, subtitle: n, avatarSrc: r, avatarInitials: i, collapsed: a, onMenu: o, onSignOut: s }) => {
|
|
3358
|
+
let c = /* @__PURE__ */ D(se, {
|
|
3351
3359
|
size: "sm",
|
|
3352
3360
|
src: r,
|
|
3353
3361
|
initials: i,
|
|
3354
3362
|
alt: t ?? "User"
|
|
3355
3363
|
});
|
|
3356
|
-
return a ? /* @__PURE__ */
|
|
3357
|
-
className: [
|
|
3364
|
+
return a ? /* @__PURE__ */ D("div", {
|
|
3365
|
+
className: [X.footer, X["footer--collapsed"]].join(" "),
|
|
3358
3366
|
children: c
|
|
3359
|
-
}) : e === "actions" ? /* @__PURE__ */
|
|
3360
|
-
className:
|
|
3361
|
-
children: /* @__PURE__ */
|
|
3367
|
+
}) : e === "actions" ? /* @__PURE__ */ D("div", {
|
|
3368
|
+
className: X.footer,
|
|
3369
|
+
children: /* @__PURE__ */ O("button", {
|
|
3362
3370
|
type: "button",
|
|
3363
|
-
className:
|
|
3371
|
+
className: X.footer__action,
|
|
3364
3372
|
onClick: s,
|
|
3365
|
-
children: [/* @__PURE__ */
|
|
3373
|
+
children: [/* @__PURE__ */ D(Qe, {
|
|
3366
3374
|
size: 16,
|
|
3367
|
-
strokeWidth:
|
|
3375
|
+
strokeWidth: T(16)
|
|
3368
3376
|
}), " Sign out"]
|
|
3369
3377
|
})
|
|
3370
|
-
}) : /* @__PURE__ */
|
|
3371
|
-
className:
|
|
3378
|
+
}) : /* @__PURE__ */ O("div", {
|
|
3379
|
+
className: X.footer,
|
|
3372
3380
|
children: [
|
|
3373
3381
|
c,
|
|
3374
|
-
/* @__PURE__ */
|
|
3375
|
-
className:
|
|
3376
|
-
children: [t && /* @__PURE__ */
|
|
3377
|
-
className:
|
|
3382
|
+
/* @__PURE__ */ O("span", {
|
|
3383
|
+
className: X.footer__text,
|
|
3384
|
+
children: [t && /* @__PURE__ */ D("span", {
|
|
3385
|
+
className: X.footer__title,
|
|
3378
3386
|
children: t
|
|
3379
|
-
}), n && /* @__PURE__ */
|
|
3380
|
-
className:
|
|
3387
|
+
}), n && /* @__PURE__ */ D("span", {
|
|
3388
|
+
className: X.footer__subtitle,
|
|
3381
3389
|
children: n
|
|
3382
3390
|
})]
|
|
3383
3391
|
}),
|
|
3384
|
-
e === "user-menu" && /* @__PURE__ */
|
|
3392
|
+
e === "user-menu" && /* @__PURE__ */ D("button", {
|
|
3385
3393
|
type: "button",
|
|
3386
|
-
className:
|
|
3394
|
+
className: X.footer__menu,
|
|
3387
3395
|
onClick: o,
|
|
3388
3396
|
"aria-label": "Open menu",
|
|
3389
|
-
children: /* @__PURE__ */
|
|
3397
|
+
children: /* @__PURE__ */ D(Ye, {
|
|
3390
3398
|
size: 16,
|
|
3391
|
-
strokeWidth:
|
|
3399
|
+
strokeWidth: T(16)
|
|
3392
3400
|
})
|
|
3393
3401
|
})
|
|
3394
3402
|
]
|
|
3395
3403
|
});
|
|
3396
|
-
},
|
|
3404
|
+
}, Qr = {
|
|
3397
3405
|
promo: "_promo_1dicm_4",
|
|
3398
3406
|
promo__head: "_promo__head_1dicm_15",
|
|
3399
3407
|
promo__icon: "_promo__icon_1dicm_16",
|
|
@@ -3401,90 +3409,90 @@ var Z = {
|
|
|
3401
3409
|
promo__dismiss: "_promo__dismiss_1dicm_18",
|
|
3402
3410
|
promo__desc: "_promo__desc_1dicm_25",
|
|
3403
3411
|
promo__cta: "_promo__cta_1dicm_28"
|
|
3404
|
-
},
|
|
3405
|
-
className: [
|
|
3412
|
+
}, $r = ({ type: e = "upgrade", title: t, description: n, ctaLabel: r, onCta: i, onDismiss: a, icon: o = st }) => /* @__PURE__ */ O("div", {
|
|
3413
|
+
className: [Qr.promo, Qr[`promo--${e}`]].join(" "),
|
|
3406
3414
|
children: [
|
|
3407
|
-
/* @__PURE__ */
|
|
3408
|
-
className:
|
|
3415
|
+
/* @__PURE__ */ O("div", {
|
|
3416
|
+
className: Qr.promo__head,
|
|
3409
3417
|
children: [
|
|
3410
|
-
/* @__PURE__ */
|
|
3411
|
-
className:
|
|
3418
|
+
/* @__PURE__ */ D("span", {
|
|
3419
|
+
className: Qr.promo__icon,
|
|
3412
3420
|
"aria-hidden": "true",
|
|
3413
|
-
children: /* @__PURE__ */
|
|
3421
|
+
children: /* @__PURE__ */ D(o, {
|
|
3414
3422
|
size: 16,
|
|
3415
|
-
strokeWidth:
|
|
3423
|
+
strokeWidth: T(16)
|
|
3416
3424
|
})
|
|
3417
3425
|
}),
|
|
3418
|
-
/* @__PURE__ */
|
|
3419
|
-
className:
|
|
3426
|
+
/* @__PURE__ */ D("span", {
|
|
3427
|
+
className: Qr.promo__title,
|
|
3420
3428
|
children: t
|
|
3421
3429
|
}),
|
|
3422
|
-
a && /* @__PURE__ */
|
|
3430
|
+
a && /* @__PURE__ */ D("button", {
|
|
3423
3431
|
type: "button",
|
|
3424
|
-
className:
|
|
3432
|
+
className: Qr.promo__dismiss,
|
|
3425
3433
|
onClick: a,
|
|
3426
3434
|
"aria-label": "Dismiss",
|
|
3427
|
-
children: /* @__PURE__ */
|
|
3435
|
+
children: /* @__PURE__ */ D(ft, {
|
|
3428
3436
|
size: 14,
|
|
3429
|
-
strokeWidth:
|
|
3437
|
+
strokeWidth: T(14)
|
|
3430
3438
|
})
|
|
3431
3439
|
})
|
|
3432
3440
|
]
|
|
3433
3441
|
}),
|
|
3434
|
-
n && /* @__PURE__ */
|
|
3435
|
-
className:
|
|
3442
|
+
n && /* @__PURE__ */ D("p", {
|
|
3443
|
+
className: Qr.promo__desc,
|
|
3436
3444
|
children: n
|
|
3437
3445
|
}),
|
|
3438
|
-
r && /* @__PURE__ */
|
|
3446
|
+
r && /* @__PURE__ */ D("button", {
|
|
3439
3447
|
type: "button",
|
|
3440
|
-
className:
|
|
3448
|
+
className: Qr.promo__cta,
|
|
3441
3449
|
onClick: i,
|
|
3442
3450
|
children: r
|
|
3443
3451
|
})
|
|
3444
3452
|
]
|
|
3445
|
-
}),
|
|
3453
|
+
}), Z = {
|
|
3446
3454
|
search: "_search_cvwic_2",
|
|
3447
3455
|
search__icon: "_search__icon_cvwic_18",
|
|
3448
3456
|
search__input: "_search__input_cvwic_19",
|
|
3449
3457
|
search__placeholder: "_search__placeholder_cvwic_31",
|
|
3450
3458
|
search__kbd: "_search__kbd_cvwic_32",
|
|
3451
3459
|
collapsed: "_collapsed_cvwic_42"
|
|
3452
|
-
}, ei = ({ type: e = "field", placeholder: t = "Search…", collapsed: n, value: r, onChange: i, onClick: a }) => n ? /* @__PURE__ */
|
|
3460
|
+
}, ei = ({ type: e = "field", placeholder: t = "Search…", collapsed: n, value: r, onChange: i, onClick: a }) => n ? /* @__PURE__ */ D("button", {
|
|
3453
3461
|
type: "button",
|
|
3454
|
-
className:
|
|
3462
|
+
className: Z.collapsed,
|
|
3455
3463
|
onClick: a,
|
|
3456
3464
|
"aria-label": "Search",
|
|
3457
|
-
children: /* @__PURE__ */
|
|
3465
|
+
children: /* @__PURE__ */ D(ot, {
|
|
3458
3466
|
size: 18,
|
|
3459
|
-
strokeWidth:
|
|
3467
|
+
strokeWidth: T(18)
|
|
3460
3468
|
})
|
|
3461
|
-
}) : e === "command" ? /* @__PURE__ */
|
|
3469
|
+
}) : e === "command" ? /* @__PURE__ */ O("button", {
|
|
3462
3470
|
type: "button",
|
|
3463
|
-
className:
|
|
3471
|
+
className: Z.search,
|
|
3464
3472
|
onClick: a,
|
|
3465
3473
|
children: [
|
|
3466
|
-
/* @__PURE__ */
|
|
3474
|
+
/* @__PURE__ */ D(ot, {
|
|
3467
3475
|
size: 16,
|
|
3468
|
-
strokeWidth:
|
|
3469
|
-
className:
|
|
3476
|
+
strokeWidth: T(16),
|
|
3477
|
+
className: Z.search__icon
|
|
3470
3478
|
}),
|
|
3471
|
-
/* @__PURE__ */
|
|
3472
|
-
className:
|
|
3479
|
+
/* @__PURE__ */ D("span", {
|
|
3480
|
+
className: Z.search__placeholder,
|
|
3473
3481
|
children: t
|
|
3474
3482
|
}),
|
|
3475
|
-
/* @__PURE__ */
|
|
3476
|
-
className:
|
|
3483
|
+
/* @__PURE__ */ D("kbd", {
|
|
3484
|
+
className: Z.search__kbd,
|
|
3477
3485
|
children: "⌘K"
|
|
3478
3486
|
})
|
|
3479
3487
|
]
|
|
3480
|
-
}) : /* @__PURE__ */
|
|
3481
|
-
className:
|
|
3482
|
-
children: [/* @__PURE__ */
|
|
3488
|
+
}) : /* @__PURE__ */ O("div", {
|
|
3489
|
+
className: Z.search,
|
|
3490
|
+
children: [/* @__PURE__ */ D(ot, {
|
|
3483
3491
|
size: 16,
|
|
3484
|
-
strokeWidth:
|
|
3485
|
-
className:
|
|
3486
|
-
}), /* @__PURE__ */
|
|
3487
|
-
className:
|
|
3492
|
+
strokeWidth: T(16),
|
|
3493
|
+
className: Z.search__icon
|
|
3494
|
+
}), /* @__PURE__ */ D("input", {
|
|
3495
|
+
className: Z.search__input,
|
|
3488
3496
|
placeholder: t,
|
|
3489
3497
|
value: r,
|
|
3490
3498
|
onChange: (e) => i?.(e.target.value)
|
|
@@ -3496,7 +3504,7 @@ var Z = {
|
|
|
3496
3504
|
"spinner--lg": "_spinner--lg_14r00_14",
|
|
3497
3505
|
spinner__svg: "_spinner__svg_14r00_17",
|
|
3498
3506
|
"spinner-rotate": "_spinner-rotate_14r00_1"
|
|
3499
|
-
}, ni = ({ size: e = "md", label: t = "Loading...", className: n }) => /* @__PURE__ */
|
|
3507
|
+
}, ni = ({ size: e = "md", label: t = "Loading...", className: n }) => /* @__PURE__ */ D("span", {
|
|
3500
3508
|
role: "status",
|
|
3501
3509
|
"aria-label": t,
|
|
3502
3510
|
className: [
|
|
@@ -3504,7 +3512,7 @@ var Z = {
|
|
|
3504
3512
|
ti[`spinner--${e}`],
|
|
3505
3513
|
n ?? ""
|
|
3506
3514
|
].filter(Boolean).join(" "),
|
|
3507
|
-
children: /* @__PURE__ */
|
|
3515
|
+
children: /* @__PURE__ */ O("svg", {
|
|
3508
3516
|
viewBox: "0 0 24 24",
|
|
3509
3517
|
fill: "none",
|
|
3510
3518
|
stroke: "currentColor",
|
|
@@ -3512,12 +3520,12 @@ var Z = {
|
|
|
3512
3520
|
strokeLinecap: "round",
|
|
3513
3521
|
"aria-hidden": "true",
|
|
3514
3522
|
className: ti.spinner__svg,
|
|
3515
|
-
children: [/* @__PURE__ */
|
|
3523
|
+
children: [/* @__PURE__ */ D("circle", {
|
|
3516
3524
|
cx: 12,
|
|
3517
3525
|
cy: 12,
|
|
3518
3526
|
r: 9,
|
|
3519
3527
|
opacity: .2
|
|
3520
|
-
}), /* @__PURE__ */
|
|
3528
|
+
}), /* @__PURE__ */ D("path", {
|
|
3521
3529
|
d: "M12 3a9 9 0 0 1 9 9",
|
|
3522
3530
|
className: ti.spinner__arc
|
|
3523
3531
|
})]
|
|
@@ -3536,9 +3544,9 @@ var Z = {
|
|
|
3536
3544
|
"card--trend-down": "_card--trend-down_u5kvg_69",
|
|
3537
3545
|
card__description: "_card__description_u5kvg_72"
|
|
3538
3546
|
}, ri = {
|
|
3539
|
-
up:
|
|
3540
|
-
down:
|
|
3541
|
-
flat:
|
|
3547
|
+
up: lt,
|
|
3548
|
+
down: ct,
|
|
3549
|
+
flat: et
|
|
3542
3550
|
}, ii = {
|
|
3543
3551
|
up: "success",
|
|
3544
3552
|
down: "danger",
|
|
@@ -3546,12 +3554,12 @@ var Z = {
|
|
|
3546
3554
|
}, ai = ({ data: e }) => {
|
|
3547
3555
|
if (e.length < 2) return null;
|
|
3548
3556
|
let t = Math.min(...e), n = Math.max(...e) - t || 1;
|
|
3549
|
-
return /* @__PURE__ */
|
|
3557
|
+
return /* @__PURE__ */ D("svg", {
|
|
3550
3558
|
className: oi,
|
|
3551
3559
|
viewBox: "0 0 100 32",
|
|
3552
3560
|
preserveAspectRatio: "none",
|
|
3553
3561
|
"aria-hidden": "true",
|
|
3554
|
-
children: /* @__PURE__ */
|
|
3562
|
+
children: /* @__PURE__ */ D("polyline", {
|
|
3555
3563
|
points: e.map((r, i) => `${i / (e.length - 1) * 100},${30 - (r - t) / n * 26}`).join(" "),
|
|
3556
3564
|
fill: "none",
|
|
3557
3565
|
strokeWidth: 2,
|
|
@@ -3562,7 +3570,7 @@ var Z = {
|
|
|
3562
3570
|
});
|
|
3563
3571
|
}, oi = Q.card__sparkline, si = ({ title: e, value: t, description: n, sparkline: r, delta: i, trend: a = "up", badgeVariant: o, variant: s = "minimal", icon: c, showMenu: l, onMenu: d, className: f }) => {
|
|
3564
3572
|
let p = ri[a], m = (s === "icon" || s === "featured") && c;
|
|
3565
|
-
return /* @__PURE__ */
|
|
3573
|
+
return /* @__PURE__ */ O("div", {
|
|
3566
3574
|
className: [
|
|
3567
3575
|
Q.card,
|
|
3568
3576
|
Q[`card--${s}`],
|
|
@@ -3570,48 +3578,48 @@ var Z = {
|
|
|
3570
3578
|
f ?? ""
|
|
3571
3579
|
].filter(Boolean).join(" "),
|
|
3572
3580
|
children: [
|
|
3573
|
-
/* @__PURE__ */
|
|
3581
|
+
/* @__PURE__ */ O("div", {
|
|
3574
3582
|
className: Q.card__head,
|
|
3575
3583
|
children: [
|
|
3576
|
-
m && /* @__PURE__ */
|
|
3584
|
+
m && /* @__PURE__ */ D("span", {
|
|
3577
3585
|
className: Q.card__icon,
|
|
3578
3586
|
"aria-hidden": "true",
|
|
3579
|
-
children: /* @__PURE__ */
|
|
3587
|
+
children: /* @__PURE__ */ D(c, {
|
|
3580
3588
|
size: 18,
|
|
3581
|
-
strokeWidth:
|
|
3589
|
+
strokeWidth: T(18)
|
|
3582
3590
|
})
|
|
3583
3591
|
}),
|
|
3584
|
-
/* @__PURE__ */
|
|
3592
|
+
/* @__PURE__ */ D("span", {
|
|
3585
3593
|
className: Q.card__title,
|
|
3586
3594
|
children: e
|
|
3587
3595
|
}),
|
|
3588
|
-
l && /* @__PURE__ */
|
|
3596
|
+
l && /* @__PURE__ */ D("button", {
|
|
3589
3597
|
type: "button",
|
|
3590
3598
|
className: Q.card__menu,
|
|
3591
3599
|
onClick: d,
|
|
3592
3600
|
"aria-label": "More options",
|
|
3593
|
-
children: /* @__PURE__ */
|
|
3601
|
+
children: /* @__PURE__ */ D(tt, {
|
|
3594
3602
|
size: 16,
|
|
3595
|
-
strokeWidth:
|
|
3603
|
+
strokeWidth: T(16)
|
|
3596
3604
|
})
|
|
3597
3605
|
})
|
|
3598
3606
|
]
|
|
3599
3607
|
}),
|
|
3600
|
-
/* @__PURE__ */
|
|
3608
|
+
/* @__PURE__ */ D("div", {
|
|
3601
3609
|
className: Q.card__value,
|
|
3602
3610
|
children: t
|
|
3603
3611
|
}),
|
|
3604
|
-
r && /* @__PURE__ */
|
|
3605
|
-
(i || n) && /* @__PURE__ */
|
|
3612
|
+
r && /* @__PURE__ */ D(ai, { data: r }),
|
|
3613
|
+
(i || n) && /* @__PURE__ */ O("div", {
|
|
3606
3614
|
className: Q.card__meta,
|
|
3607
|
-
children: [i && /* @__PURE__ */
|
|
3615
|
+
children: [i && /* @__PURE__ */ D(u, {
|
|
3608
3616
|
variant: o ?? ii[a],
|
|
3609
|
-
leftIcon: /* @__PURE__ */
|
|
3617
|
+
leftIcon: /* @__PURE__ */ D(p, {
|
|
3610
3618
|
size: 12,
|
|
3611
3619
|
strokeWidth: 2
|
|
3612
3620
|
}),
|
|
3613
3621
|
children: i
|
|
3614
|
-
}), n && /* @__PURE__ */
|
|
3622
|
+
}), n && /* @__PURE__ */ D("p", {
|
|
3615
3623
|
className: Q.card__description,
|
|
3616
3624
|
children: n
|
|
3617
3625
|
})]
|
|
@@ -3639,47 +3647,47 @@ var Z = {
|
|
|
3639
3647
|
"connector--horizontal": "_connector--horizontal_kxw14_47",
|
|
3640
3648
|
"connector--vertical": "_connector--vertical_kxw14_48",
|
|
3641
3649
|
"connector--filled": "_connector--filled_kxw14_49"
|
|
3642
|
-
}, ci = ({ index: e, state: t, label: n, description: r, orientation: i = "horizontal" }) => /* @__PURE__ */
|
|
3650
|
+
}, ci = ({ index: e, state: t, label: n, description: r, orientation: i = "horizontal" }) => /* @__PURE__ */ O("div", {
|
|
3643
3651
|
className: [$.step, $[`step--${i}`]].join(" "),
|
|
3644
|
-
children: [/* @__PURE__ */
|
|
3652
|
+
children: [/* @__PURE__ */ D("span", {
|
|
3645
3653
|
className: [$.circle, $[`circle--${t}`]].join(" "),
|
|
3646
3654
|
"aria-hidden": "true",
|
|
3647
|
-
children: t === "completed" ? /* @__PURE__ */
|
|
3655
|
+
children: t === "completed" ? /* @__PURE__ */ D(We, {
|
|
3648
3656
|
size: 14,
|
|
3649
|
-
strokeWidth:
|
|
3650
|
-
}) : /* @__PURE__ */
|
|
3657
|
+
strokeWidth: T(14)
|
|
3658
|
+
}) : /* @__PURE__ */ D("span", {
|
|
3651
3659
|
className: $.circle__num,
|
|
3652
3660
|
children: e + 1
|
|
3653
3661
|
})
|
|
3654
|
-
}), /* @__PURE__ */
|
|
3662
|
+
}), /* @__PURE__ */ O("span", {
|
|
3655
3663
|
className: $.step__text,
|
|
3656
|
-
children: [/* @__PURE__ */
|
|
3664
|
+
children: [/* @__PURE__ */ D("span", {
|
|
3657
3665
|
className: [
|
|
3658
3666
|
$.step__label,
|
|
3659
3667
|
t === "current" ? $["step__label--current"] : "",
|
|
3660
3668
|
t === "upcoming" ? $["step__label--upcoming"] : ""
|
|
3661
3669
|
].filter(Boolean).join(" "),
|
|
3662
3670
|
children: n
|
|
3663
|
-
}), r && /* @__PURE__ */
|
|
3671
|
+
}), r && /* @__PURE__ */ D("span", {
|
|
3664
3672
|
className: $.step__desc,
|
|
3665
3673
|
children: r
|
|
3666
3674
|
})]
|
|
3667
3675
|
})]
|
|
3668
3676
|
}), li = ({ steps: e, current: t, orientation: n = "horizontal", className: r }) => {
|
|
3669
3677
|
let i = (e) => e < t ? "completed" : e === t ? "current" : "upcoming";
|
|
3670
|
-
return /* @__PURE__ */
|
|
3678
|
+
return /* @__PURE__ */ D("div", {
|
|
3671
3679
|
className: [
|
|
3672
3680
|
$.stepper,
|
|
3673
3681
|
$[`stepper--${n}`],
|
|
3674
3682
|
r ?? ""
|
|
3675
3683
|
].filter(Boolean).join(" "),
|
|
3676
|
-
children: e.map((r, a) => /* @__PURE__ */
|
|
3684
|
+
children: e.map((r, a) => /* @__PURE__ */ O(E.Fragment, { children: [/* @__PURE__ */ D(ci, {
|
|
3677
3685
|
index: a,
|
|
3678
3686
|
state: i(a),
|
|
3679
3687
|
label: r.label,
|
|
3680
3688
|
description: r.description,
|
|
3681
3689
|
orientation: n
|
|
3682
|
-
}), a < e.length - 1 && /* @__PURE__ */
|
|
3690
|
+
}), a < e.length - 1 && /* @__PURE__ */ D("span", {
|
|
3683
3691
|
className: [
|
|
3684
3692
|
$.connector,
|
|
3685
3693
|
$[`connector--${n}`],
|
|
@@ -3695,9 +3703,9 @@ var Z = {
|
|
|
3695
3703
|
track: "_track_bkgd3_15",
|
|
3696
3704
|
thumb: "_thumb_bkgd3_28",
|
|
3697
3705
|
label: "_label_bkgd3_45"
|
|
3698
|
-
}, di =
|
|
3699
|
-
let o =
|
|
3700
|
-
return /* @__PURE__ */
|
|
3706
|
+
}, di = E.forwardRef(({ label: e, disabled: t, id: n, className: r, ...i }, a) => {
|
|
3707
|
+
let o = E.useId(), s = n ?? o;
|
|
3708
|
+
return /* @__PURE__ */ O("label", {
|
|
3701
3709
|
htmlFor: s,
|
|
3702
3710
|
className: [
|
|
3703
3711
|
ui.wrapper,
|
|
@@ -3705,7 +3713,7 @@ var Z = {
|
|
|
3705
3713
|
r ?? ""
|
|
3706
3714
|
].filter(Boolean).join(" "),
|
|
3707
3715
|
children: [
|
|
3708
|
-
/* @__PURE__ */
|
|
3716
|
+
/* @__PURE__ */ D("input", {
|
|
3709
3717
|
ref: a,
|
|
3710
3718
|
id: s,
|
|
3711
3719
|
type: "checkbox",
|
|
@@ -3714,12 +3722,12 @@ var Z = {
|
|
|
3714
3722
|
className: ui.input,
|
|
3715
3723
|
...i
|
|
3716
3724
|
}),
|
|
3717
|
-
/* @__PURE__ */
|
|
3725
|
+
/* @__PURE__ */ D("span", {
|
|
3718
3726
|
className: ui.track,
|
|
3719
3727
|
"aria-hidden": "true",
|
|
3720
|
-
children: /* @__PURE__ */
|
|
3728
|
+
children: /* @__PURE__ */ D("span", { className: ui.thumb })
|
|
3721
3729
|
}),
|
|
3722
|
-
e && /* @__PURE__ */
|
|
3730
|
+
e && /* @__PURE__ */ D("span", {
|
|
3723
3731
|
className: ui.label,
|
|
3724
3732
|
children: e
|
|
3725
3733
|
})
|
|
@@ -3735,17 +3743,17 @@ var fi = {
|
|
|
3735
3743
|
textarea: "_textarea_644oy_12",
|
|
3736
3744
|
"textarea--error": "_textarea--error_644oy_37",
|
|
3737
3745
|
"textarea--disabled": "_textarea--disabled_644oy_43"
|
|
3738
|
-
}, pi =
|
|
3739
|
-
let l =
|
|
3740
|
-
return /* @__PURE__ */
|
|
3746
|
+
}, pi = E.forwardRef(({ label: e, description: t, error: n, disabled: r, id: i, className: a, rows: o = 4, ...s }, c) => {
|
|
3747
|
+
let l = E.useId(), u = i ?? l, d = !!n;
|
|
3748
|
+
return /* @__PURE__ */ O("div", {
|
|
3741
3749
|
className: [fi.field, a ?? ""].filter(Boolean).join(" "),
|
|
3742
3750
|
children: [
|
|
3743
|
-
e && /* @__PURE__ */
|
|
3751
|
+
e && /* @__PURE__ */ D("label", {
|
|
3744
3752
|
htmlFor: u,
|
|
3745
3753
|
className: fi.field__label,
|
|
3746
3754
|
children: e
|
|
3747
3755
|
}),
|
|
3748
|
-
/* @__PURE__ */
|
|
3756
|
+
/* @__PURE__ */ D("textarea", {
|
|
3749
3757
|
ref: c,
|
|
3750
3758
|
id: u,
|
|
3751
3759
|
rows: o,
|
|
@@ -3758,7 +3766,7 @@ var fi = {
|
|
|
3758
3766
|
].filter(Boolean).join(" "),
|
|
3759
3767
|
...s
|
|
3760
3768
|
}),
|
|
3761
|
-
(t || n) && /* @__PURE__ */
|
|
3769
|
+
(t || n) && /* @__PURE__ */ D("span", {
|
|
3762
3770
|
className: d ? fi.field__error : fi.field__description,
|
|
3763
3771
|
children: n || t
|
|
3764
3772
|
})
|
|
@@ -3777,46 +3785,46 @@ var mi = {
|
|
|
3777
3785
|
toast__description: "_toast__description_8yqwj_24",
|
|
3778
3786
|
toast__dismiss: "_toast__dismiss_8yqwj_26"
|
|
3779
3787
|
}, hi = {
|
|
3780
|
-
success: /* @__PURE__ */
|
|
3781
|
-
error: /* @__PURE__ */
|
|
3782
|
-
/* @__PURE__ */
|
|
3788
|
+
success: /* @__PURE__ */ O(Ve, { children: [/* @__PURE__ */ D("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ D("polyline", { points: "22 4 12 14.01 9 11.01" })] }),
|
|
3789
|
+
error: /* @__PURE__ */ O(Ve, { children: [
|
|
3790
|
+
/* @__PURE__ */ D("circle", {
|
|
3783
3791
|
cx: "12",
|
|
3784
3792
|
cy: "12",
|
|
3785
3793
|
r: "10"
|
|
3786
3794
|
}),
|
|
3787
|
-
/* @__PURE__ */
|
|
3795
|
+
/* @__PURE__ */ D("line", {
|
|
3788
3796
|
x1: "15",
|
|
3789
3797
|
y1: "9",
|
|
3790
3798
|
x2: "9",
|
|
3791
3799
|
y2: "15"
|
|
3792
3800
|
}),
|
|
3793
|
-
/* @__PURE__ */
|
|
3801
|
+
/* @__PURE__ */ D("line", {
|
|
3794
3802
|
x1: "9",
|
|
3795
3803
|
y1: "9",
|
|
3796
3804
|
x2: "15",
|
|
3797
3805
|
y2: "15"
|
|
3798
3806
|
})
|
|
3799
3807
|
] }),
|
|
3800
|
-
info: /* @__PURE__ */
|
|
3801
|
-
/* @__PURE__ */
|
|
3808
|
+
info: /* @__PURE__ */ O(Ve, { children: [
|
|
3809
|
+
/* @__PURE__ */ D("circle", {
|
|
3802
3810
|
cx: "12",
|
|
3803
3811
|
cy: "12",
|
|
3804
3812
|
r: "10"
|
|
3805
3813
|
}),
|
|
3806
|
-
/* @__PURE__ */
|
|
3814
|
+
/* @__PURE__ */ D("line", {
|
|
3807
3815
|
x1: "12",
|
|
3808
3816
|
y1: "16",
|
|
3809
3817
|
x2: "12",
|
|
3810
3818
|
y2: "12"
|
|
3811
3819
|
}),
|
|
3812
|
-
/* @__PURE__ */
|
|
3820
|
+
/* @__PURE__ */ D("line", {
|
|
3813
3821
|
x1: "12",
|
|
3814
3822
|
y1: "8",
|
|
3815
3823
|
x2: "12.01",
|
|
3816
3824
|
y2: "8"
|
|
3817
3825
|
})
|
|
3818
3826
|
] })
|
|
3819
|
-
}, gi = ({ status: e = "info", title: t, description: n, onDismiss: r, className: i }) => /* @__PURE__ */
|
|
3827
|
+
}, gi = ({ status: e = "info", title: t, description: n, onDismiss: r, className: i }) => /* @__PURE__ */ O("div", {
|
|
3820
3828
|
role: e === "error" ? "alert" : "status",
|
|
3821
3829
|
"aria-live": e === "error" ? "assertive" : "polite",
|
|
3822
3830
|
className: [
|
|
@@ -3825,14 +3833,14 @@ var mi = {
|
|
|
3825
3833
|
i ?? ""
|
|
3826
3834
|
].filter(Boolean).join(" "),
|
|
3827
3835
|
children: [
|
|
3828
|
-
/* @__PURE__ */
|
|
3836
|
+
/* @__PURE__ */ D("span", {
|
|
3829
3837
|
className: mi.toast__icon,
|
|
3830
3838
|
"aria-hidden": "true",
|
|
3831
|
-
children: /* @__PURE__ */
|
|
3839
|
+
children: /* @__PURE__ */ D("svg", {
|
|
3832
3840
|
viewBox: "0 0 24 24",
|
|
3833
3841
|
fill: "none",
|
|
3834
3842
|
stroke: "currentColor",
|
|
3835
|
-
strokeWidth:
|
|
3843
|
+
strokeWidth: T(18),
|
|
3836
3844
|
strokeLinecap: "round",
|
|
3837
3845
|
strokeLinejoin: "round",
|
|
3838
3846
|
width: 18,
|
|
@@ -3840,36 +3848,36 @@ var mi = {
|
|
|
3840
3848
|
children: hi[e]
|
|
3841
3849
|
})
|
|
3842
3850
|
}),
|
|
3843
|
-
/* @__PURE__ */
|
|
3851
|
+
/* @__PURE__ */ O("div", {
|
|
3844
3852
|
className: mi.toast__content,
|
|
3845
|
-
children: [t && /* @__PURE__ */
|
|
3853
|
+
children: [t && /* @__PURE__ */ D("div", {
|
|
3846
3854
|
className: mi.toast__title,
|
|
3847
3855
|
children: t
|
|
3848
|
-
}), n && /* @__PURE__ */
|
|
3856
|
+
}), n && /* @__PURE__ */ D("div", {
|
|
3849
3857
|
className: mi.toast__description,
|
|
3850
3858
|
children: n
|
|
3851
3859
|
})]
|
|
3852
3860
|
}),
|
|
3853
|
-
r && /* @__PURE__ */
|
|
3861
|
+
r && /* @__PURE__ */ D("button", {
|
|
3854
3862
|
type: "button",
|
|
3855
3863
|
className: mi.toast__dismiss,
|
|
3856
3864
|
onClick: r,
|
|
3857
3865
|
"aria-label": "Dismiss",
|
|
3858
|
-
children: /* @__PURE__ */
|
|
3866
|
+
children: /* @__PURE__ */ O("svg", {
|
|
3859
3867
|
viewBox: "0 0 24 24",
|
|
3860
3868
|
fill: "none",
|
|
3861
3869
|
stroke: "currentColor",
|
|
3862
|
-
strokeWidth:
|
|
3870
|
+
strokeWidth: T(16),
|
|
3863
3871
|
strokeLinecap: "round",
|
|
3864
3872
|
strokeLinejoin: "round",
|
|
3865
3873
|
width: 16,
|
|
3866
3874
|
height: 16,
|
|
3867
|
-
children: [/* @__PURE__ */
|
|
3875
|
+
children: [/* @__PURE__ */ D("line", {
|
|
3868
3876
|
x1: "18",
|
|
3869
3877
|
y1: "6",
|
|
3870
3878
|
x2: "6",
|
|
3871
3879
|
y2: "18"
|
|
3872
|
-
}), /* @__PURE__ */
|
|
3880
|
+
}), /* @__PURE__ */ D("line", {
|
|
3873
3881
|
x1: "6",
|
|
3874
3882
|
y1: "6",
|
|
3875
3883
|
x2: "18",
|
|
@@ -3884,48 +3892,48 @@ var mi = {
|
|
|
3884
3892
|
bar__title: "_bar__title_14cqo_17",
|
|
3885
3893
|
"bar__title--center": "_bar__title--center_14cqo_21",
|
|
3886
3894
|
bar__search: "_bar__search_14cqo_22"
|
|
3887
|
-
}, vi = ({ type: e = "title", title: t, trailing: n, search: r, onMenu: i, onAction: a, onClose: o, className: s }) => /* @__PURE__ */
|
|
3895
|
+
}, vi = ({ type: e = "title", title: t, trailing: n, search: r, onMenu: i, onAction: a, onClose: o, className: s }) => /* @__PURE__ */ O("header", {
|
|
3888
3896
|
className: [_i.bar, s ?? ""].filter(Boolean).join(" "),
|
|
3889
3897
|
children: [
|
|
3890
|
-
/* @__PURE__ */
|
|
3898
|
+
/* @__PURE__ */ D("button", {
|
|
3891
3899
|
type: "button",
|
|
3892
3900
|
className: _i.bar__icon,
|
|
3893
3901
|
onClick: i,
|
|
3894
3902
|
"aria-label": "Open menu",
|
|
3895
|
-
children: /* @__PURE__ */
|
|
3903
|
+
children: /* @__PURE__ */ D($e, {
|
|
3896
3904
|
size: 18,
|
|
3897
|
-
strokeWidth:
|
|
3905
|
+
strokeWidth: T(18)
|
|
3898
3906
|
})
|
|
3899
3907
|
}),
|
|
3900
|
-
e === "search" ? /* @__PURE__ */
|
|
3908
|
+
e === "search" ? /* @__PURE__ */ D("div", {
|
|
3901
3909
|
className: _i.bar__search,
|
|
3902
3910
|
children: r
|
|
3903
|
-
}) : /* @__PURE__ */
|
|
3911
|
+
}) : /* @__PURE__ */ D("span", {
|
|
3904
3912
|
className: [_i.bar__title, e === "title-centered" ? _i["bar__title--center"] : ""].join(" "),
|
|
3905
3913
|
children: t
|
|
3906
3914
|
}),
|
|
3907
|
-
e === "title-action" && /* @__PURE__ */
|
|
3915
|
+
e === "title-action" && /* @__PURE__ */ D("button", {
|
|
3908
3916
|
type: "button",
|
|
3909
3917
|
className: _i.bar__icon,
|
|
3910
3918
|
onClick: a,
|
|
3911
3919
|
"aria-label": "Add",
|
|
3912
|
-
children: /* @__PURE__ */
|
|
3920
|
+
children: /* @__PURE__ */ D(rt, {
|
|
3913
3921
|
size: 18,
|
|
3914
|
-
strokeWidth:
|
|
3922
|
+
strokeWidth: T(18)
|
|
3915
3923
|
})
|
|
3916
3924
|
}),
|
|
3917
|
-
e === "search" && /* @__PURE__ */
|
|
3925
|
+
e === "search" && /* @__PURE__ */ D("button", {
|
|
3918
3926
|
type: "button",
|
|
3919
3927
|
className: _i.bar__icon,
|
|
3920
3928
|
onClick: o,
|
|
3921
3929
|
"aria-label": "Close search",
|
|
3922
|
-
children: /* @__PURE__ */
|
|
3930
|
+
children: /* @__PURE__ */ D(ft, {
|
|
3923
3931
|
size: 18,
|
|
3924
|
-
strokeWidth:
|
|
3932
|
+
strokeWidth: T(18)
|
|
3925
3933
|
})
|
|
3926
3934
|
}),
|
|
3927
3935
|
(e === "title" || e === "title-centered") && n
|
|
3928
3936
|
]
|
|
3929
3937
|
});
|
|
3930
3938
|
//#endregion
|
|
3931
|
-
export {
|
|
3939
|
+
export { ve as Accordion, Ne as AccordionItem, Ce as ActivityFeed, ke as ActivityFeedHighlight, a as Alert, Rt as Announcement, Hn as AreaChart, se as Avatar, he as AvatarGroup, xe as AvatarUpload, u as Badge, je as Balance, an as BarChart, hn as BlogBlockquote, _n as BlogFeatureText, yn as BlogImage, g as BlogListingCard, m as BlogListingFeaturedCard, b as BoardCard, Un as BoardColumn, Fe as Breadcrumb, De as Button, Jn as Calendar, Yn as Card, r as CardMetaItem, d as CartItem, y as ChatComposer, Ie as Checkbox, S as CheckoutSteps, Ht as CodeSnippet, c as ColorSwatch, Xn as Combobox, w as ConversationItem, s as DEFAULT_CHECKOUT_STEPS, e as Divider, $n as DonutChart, Le as EmptyState, Gt as Expenses, p as FeaturedIcon, er as FileUpload, Pe as FilterChip, xn as FirstPageHeading, ar as FunnelChart, cr as HeatmapChart, me as IconButton, Jt as InlineHint, re as Input, ge as JobListing, ur as Kbd, fr as Label, gr as LineChart, ae as Link, Cn as List, _r as ListItem, t as LocationDot, En as Marquee, yr as Menu, br as MenuDivider, Sr as MenuItem, de as MessageBubble, On as Metric, kn as MobileNavigationMenu, _ as Modal, ne as NotificationItem, fe as Pagination, Ar as PieChart, Mn as PlaceholderLogo, jr as Popover, ee as PriceDisplay, Re as ProductCard, v as ProductGallery, Nn as ProfileCard, le as Progress, Yt as ProgressItem, C as ProgressStat, Te as QuantitySelector, Vr as RadarChart, Yr as RadialChart, Xr as Radio, Zt as RichSeparator, Fn as RichTextHeading, Ln as RichTextParagraph, h as SectionHeading, ye as SegmentedControl, we as Select, ue as Sidebar, ce as SidebarDivider, Zr as SidebarFooter, Me as SidebarGroupLabel, _e as SidebarHeader, oe as SidebarItem, $r as SidebarPromo, ei as SidebarSearch, Oe as SidebarSubItem, f as SizeSelector, Se as Skeleton, ie as Slider, te as SpendingBalance, ni as Spinner, l as StarRating, si as StatCard, li as Stepper, ci as StepperStep, sn as StockMarket, o as StockStatus, zn as SubFeature, di as Switch, pe as Table, Ee as Tabs, ln as Tags, i as TeamCard, pi as Textarea, fn as Ticker, gi as Toast, be as Tooltip, Ae as TopBar, vi as TopBarMobile, mn as Transactions, n as WishlistButton, x as getContrastColor, T as iconStrokeWidth };
|