@sakaniui/react 0.3.14 → 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 +1282 -1234
- 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 ee, W as S, X as C, Y as te, Z 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 Pt = {
|
|
|
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 Pt = {
|
|
|
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 Pt = {
|
|
|
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 Pt = {
|
|
|
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 Pt = {
|
|
|
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 Pt = {
|
|
|
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 Pt = {
|
|
|
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 P(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
|
-
], ee = /* @__PURE__ */
|
|
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
|
-
}),
|
|
393
|
+
}), ne = (n) => (r) => {
|
|
394
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__ */
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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
431
|
c(te(t === "horizontal", r.x, r.y, r.width, r.height, a));
|
|
432
|
-
},
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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
484
|
ee,
|
|
485
|
-
_ && /* @__PURE__ */
|
|
486
|
-
className:
|
|
487
|
-
children: e.payload?.map((e) => /* @__PURE__ */
|
|
488
|
-
className:
|
|
489
|
-
children: [/* @__PURE__ */
|
|
490
|
-
className:
|
|
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,61 +503,61 @@ var Yt = [
|
|
|
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
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__ */
|
|
557
|
+
activeBar: ne("value"),
|
|
558
|
+
onMouseEnter: re("value"),
|
|
559
|
+
onMouseLeave: ie,
|
|
560
|
+
children: e.map((e, t) => /* @__PURE__ */ D(vt, {
|
|
561
561
|
fill: S(t),
|
|
562
562
|
fillOpacity: C(t)
|
|
563
563
|
}, t))
|
|
@@ -566,7 +566,7 @@ var Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
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 Yt = [
|
|
|
1575
1575
|
"Th",
|
|
1576
1576
|
"Fr",
|
|
1577
1577
|
"Sa"
|
|
1578
|
-
],
|
|
1578
|
+
], Gn = [
|
|
1579
1579
|
"January",
|
|
1580
1580
|
"February",
|
|
1581
1581
|
"March",
|
|
@@ -1588,11 +1588,11 @@ var Yt = [
|
|
|
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") {
|
|
@@ -1613,85 +1613,85 @@ var Yt = [
|
|
|
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
|
-
}, te = s ? s.getFullYear() : g - 10,
|
|
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
1691
|
let n = C(e);
|
|
1692
|
-
return /* @__PURE__ */
|
|
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",
|
|
@@ -1708,84 +1708,96 @@ var Yt = [
|
|
|
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
|
-
}),
|
|
1746
|
-
field: "
|
|
1747
|
-
field__label: "
|
|
1748
|
-
field__description: "
|
|
1749
|
-
field__error: "
|
|
1750
|
-
control: "
|
|
1751
|
-
"control--sm": "_control--
|
|
1752
|
-
"control--md": "_control--
|
|
1753
|
-
"control--lg": "_control--
|
|
1754
|
-
"control--open": "_control--
|
|
1755
|
-
"control--error": "_control--
|
|
1756
|
-
"control--disabled": "_control--
|
|
1757
|
-
control__value: "
|
|
1758
|
-
"control__value--placeholder": "_control__value--
|
|
1759
|
-
control__input: "
|
|
1760
|
-
control__chevron: "
|
|
1761
|
-
"control__chevron--open": "_control__chevron--
|
|
1762
|
-
chips: "
|
|
1763
|
-
chip: "
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
"panel--
|
|
1769
|
-
"sakani-combobox-panel-
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
"
|
|
1776
|
-
|
|
1777
|
-
|
|
1778
|
-
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
|
|
1782
|
-
|
|
1783
|
-
|
|
1784
|
-
|
|
1753
|
+
}), H = {
|
|
1754
|
+
field: "_field_931k2_7",
|
|
1755
|
+
field__label: "_field__label_931k2_8",
|
|
1756
|
+
field__description: "_field__description_931k2_9",
|
|
1757
|
+
field__error: "_field__error_931k2_10",
|
|
1758
|
+
control: "_control_931k2_13",
|
|
1759
|
+
"control--sm": "_control--sm_931k2_25",
|
|
1760
|
+
"control--md": "_control--md_931k2_26",
|
|
1761
|
+
"control--lg": "_control--lg_931k2_27",
|
|
1762
|
+
"control--open": "_control--open_931k2_29",
|
|
1763
|
+
"control--error": "_control--error_931k2_35",
|
|
1764
|
+
"control--disabled": "_control--disabled_931k2_39",
|
|
1765
|
+
control__value: "_control__value_931k2_45",
|
|
1766
|
+
"control__value--placeholder": "_control__value--placeholder_931k2_55",
|
|
1767
|
+
control__input: "_control__input_931k2_56",
|
|
1768
|
+
control__chevron: "_control__chevron_931k2_76",
|
|
1769
|
+
"control__chevron--open": "_control__chevron--open_931k2_77",
|
|
1770
|
+
chips: "_chips_931k2_83",
|
|
1771
|
+
chip: "_chip_931k2_83",
|
|
1772
|
+
"chip--leaving": "_chip--leaving_931k2_95",
|
|
1773
|
+
"sakani-combobox-chip-out": "_sakani-combobox-chip-out_931k2_1",
|
|
1774
|
+
chip__remove: "_chip__remove_931k2_103",
|
|
1775
|
+
panel: "_panel_931k2_114",
|
|
1776
|
+
"panel--entering": "_panel--entering_931k2_138",
|
|
1777
|
+
"sakani-combobox-panel-in": "_sakani-combobox-panel-in_931k2_1",
|
|
1778
|
+
"panel--exiting": "_panel--exiting_931k2_139",
|
|
1779
|
+
"sakani-combobox-panel-out": "_sakani-combobox-panel-out_931k2_1",
|
|
1780
|
+
panel__empty: "_panel__empty_931k2_149",
|
|
1781
|
+
option: "_option_931k2_157",
|
|
1782
|
+
"option--selected": "_option--selected_931k2_182",
|
|
1783
|
+
"option--disabled": "_option--disabled_931k2_183",
|
|
1784
|
+
optionHighlight: "_optionHighlight_931k2_158",
|
|
1785
|
+
"optionHighlight--animated": "_optionHighlight--animated_931k2_214",
|
|
1786
|
+
option__box: "_option__box_931k2_221",
|
|
1787
|
+
"option__box--checked": "_option__box--checked_931k2_238",
|
|
1788
|
+
option__icon: "_option__icon_931k2_243",
|
|
1789
|
+
option__label: "_option__label_931k2_244",
|
|
1790
|
+
option__check: "_option__check_931k2_245",
|
|
1791
|
+
panel__loading: "_panel__loading_931k2_248",
|
|
1792
|
+
panel__spinner: "_panel__spinner_931k2_252",
|
|
1793
|
+
"sakani-cb-spin": "_sakani-cb-spin_931k2_1"
|
|
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(() => {
|
|
1785
1797
|
p && g(!0);
|
|
1786
1798
|
}, [p]);
|
|
1787
|
-
let x =
|
|
1788
|
-
|
|
1799
|
+
let x = E.useRef({}), ee = E.useRef(null), [S, C] = E.useState(null), [te, ne] = E.useState(!1);
|
|
1800
|
+
E.useLayoutEffect(() => {
|
|
1789
1801
|
let e = x.current[_];
|
|
1790
1802
|
if (!e) {
|
|
1791
1803
|
C(null);
|
|
@@ -1795,15 +1807,15 @@ var Yt = [
|
|
|
1795
1807
|
top: e.offsetTop,
|
|
1796
1808
|
height: e.offsetHeight
|
|
1797
1809
|
});
|
|
1798
|
-
}, [_, b.length]),
|
|
1810
|
+
}, [_, b.length]), E.useLayoutEffect(() => {
|
|
1799
1811
|
if (!h) {
|
|
1800
|
-
|
|
1812
|
+
ne(!1);
|
|
1801
1813
|
return;
|
|
1802
1814
|
}
|
|
1803
|
-
|
|
1804
|
-
let e = window.requestAnimationFrame(() =>
|
|
1815
|
+
ne(!1);
|
|
1816
|
+
let e = window.requestAnimationFrame(() => ne(!0));
|
|
1805
1817
|
return () => window.cancelAnimationFrame(e);
|
|
1806
|
-
}, [h]),
|
|
1818
|
+
}, [h]), E.useEffect(() => {
|
|
1807
1819
|
if (!ee.current) return;
|
|
1808
1820
|
let e = new ResizeObserver(() => {
|
|
1809
1821
|
let e = x.current[_];
|
|
@@ -1814,143 +1826,179 @@ var Yt = [
|
|
|
1814
1826
|
});
|
|
1815
1827
|
return e.observe(ee.current), () => e.disconnect();
|
|
1816
1828
|
}, [h]);
|
|
1817
|
-
let [
|
|
1818
|
-
|
|
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) => ({
|
|
1830
|
+
value: e,
|
|
1831
|
+
leaving: !1
|
|
1832
|
+
}))), ce = w.join("\0");
|
|
1833
|
+
E.useLayoutEffect(() => {
|
|
1834
|
+
se((e) => {
|
|
1835
|
+
let t = e.map((e) => ({
|
|
1836
|
+
value: e.value,
|
|
1837
|
+
leaving: !w.includes(e.value)
|
|
1838
|
+
}));
|
|
1839
|
+
for (let e of w) t.some((t) => t.value === e) || t.push({
|
|
1840
|
+
value: e,
|
|
1841
|
+
leaving: !1
|
|
1842
|
+
});
|
|
1843
|
+
return t;
|
|
1844
|
+
});
|
|
1845
|
+
}, [ce]);
|
|
1846
|
+
let le = (e) => se((t) => t.filter((t) => !(t.value === e && t.leaving))), ue = !!a;
|
|
1847
|
+
E.useEffect(() => {
|
|
1819
1848
|
let e = (e) => {
|
|
1820
1849
|
y.current && !y.current.contains(e.target) && m(!1);
|
|
1821
1850
|
};
|
|
1822
1851
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
1823
1852
|
}, []);
|
|
1824
|
-
let
|
|
1825
|
-
l === void 0 &&
|
|
1826
|
-
},
|
|
1853
|
+
let de = (e) => {
|
|
1854
|
+
l === void 0 && ie(e), u?.(e);
|
|
1855
|
+
}, fe = (e) => {
|
|
1827
1856
|
if (!e.disabled) if (t === "multi") {
|
|
1828
|
-
let t = new Set(
|
|
1829
|
-
t.has(e.value) ? t.delete(e.value) : t.add(e.value),
|
|
1830
|
-
} else
|
|
1831
|
-
},
|
|
1832
|
-
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[_] ?
|
|
1833
|
-
},
|
|
1834
|
-
return /* @__PURE__ */
|
|
1835
|
-
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(" "),
|
|
1836
1865
|
ref: y,
|
|
1837
1866
|
children: [
|
|
1838
|
-
r && /* @__PURE__ */
|
|
1867
|
+
r && /* @__PURE__ */ D("label", {
|
|
1839
1868
|
htmlFor: `${f}-trigger`,
|
|
1840
|
-
className:
|
|
1869
|
+
className: H.field__label,
|
|
1841
1870
|
children: r
|
|
1842
1871
|
}),
|
|
1843
|
-
/* @__PURE__ */
|
|
1872
|
+
/* @__PURE__ */ O("div", {
|
|
1844
1873
|
id: `${f}-trigger`,
|
|
1845
1874
|
role: "combobox",
|
|
1846
1875
|
tabIndex: s ? -1 : 0,
|
|
1847
1876
|
"aria-haspopup": "listbox",
|
|
1848
1877
|
"aria-expanded": p,
|
|
1849
1878
|
"aria-controls": `${f}-panel`,
|
|
1850
|
-
"aria-invalid":
|
|
1879
|
+
"aria-invalid": ue || void 0,
|
|
1851
1880
|
"aria-disabled": s || void 0,
|
|
1852
1881
|
"aria-activedescendant": p && b[_] ? `${f}-opt-${_}` : void 0,
|
|
1853
1882
|
className: [
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1883
|
+
H.control,
|
|
1884
|
+
H[`control--${n}`],
|
|
1885
|
+
H[`control--${ge}`]
|
|
1857
1886
|
].join(" "),
|
|
1858
1887
|
onClick: () => !s && m((e) => !e),
|
|
1859
|
-
onKeyDown:
|
|
1888
|
+
onKeyDown: he,
|
|
1860
1889
|
children: [
|
|
1861
|
-
t === "multi" &&
|
|
1862
|
-
className:
|
|
1863
|
-
children:
|
|
1864
|
-
className:
|
|
1865
|
-
|
|
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(" "),
|
|
1894
|
+
"aria-hidden": n || void 0,
|
|
1895
|
+
onAnimationEnd: n ? () => le(t) : void 0,
|
|
1896
|
+
children: [pe(t), /* @__PURE__ */ D("button", {
|
|
1866
1897
|
type: "button",
|
|
1867
|
-
className:
|
|
1898
|
+
className: H.chip__remove,
|
|
1899
|
+
tabIndex: n ? -1 : void 0,
|
|
1868
1900
|
onClick: (n) => {
|
|
1869
|
-
n.stopPropagation(),
|
|
1901
|
+
n.stopPropagation(), fe(e.find((e) => e.value === t));
|
|
1870
1902
|
},
|
|
1871
|
-
"aria-label": `Remove ${
|
|
1903
|
+
"aria-label": `Remove ${pe(t)}`,
|
|
1872
1904
|
children: "×"
|
|
1873
1905
|
})]
|
|
1874
1906
|
}, t))
|
|
1875
1907
|
}),
|
|
1876
|
-
!(t === "multi" &&
|
|
1877
|
-
className: [
|
|
1878
|
-
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
|
|
1879
1911
|
}),
|
|
1880
|
-
/* @__PURE__ */
|
|
1881
|
-
className: [
|
|
1912
|
+
/* @__PURE__ */ D("span", {
|
|
1913
|
+
className: [H.control__chevron, p ? H["control__chevron--open"] : ""].join(" "),
|
|
1882
1914
|
"aria-hidden": "true",
|
|
1883
|
-
children: /* @__PURE__ */
|
|
1915
|
+
children: /* @__PURE__ */ D("svg", {
|
|
1884
1916
|
width: 16,
|
|
1885
1917
|
height: 16,
|
|
1886
1918
|
viewBox: "0 0 24 24",
|
|
1887
1919
|
fill: "none",
|
|
1888
1920
|
stroke: "currentColor",
|
|
1889
|
-
strokeWidth:
|
|
1921
|
+
strokeWidth: T(16),
|
|
1890
1922
|
strokeLinecap: "round",
|
|
1891
1923
|
strokeLinejoin: "round",
|
|
1892
|
-
children: /* @__PURE__ */
|
|
1924
|
+
children: /* @__PURE__ */ D("path", { d: "m6 9 6 6 6-6" })
|
|
1893
1925
|
})
|
|
1894
1926
|
})
|
|
1895
1927
|
]
|
|
1896
1928
|
}),
|
|
1897
|
-
h && !s && /* @__PURE__ */
|
|
1929
|
+
h && !s && /* @__PURE__ */ D("div", {
|
|
1898
1930
|
ref: ee,
|
|
1899
|
-
className: [
|
|
1931
|
+
className: [H.panel, p ? H["panel--entering"] : H["panel--exiting"]].filter(Boolean).join(" "),
|
|
1900
1932
|
id: `${f}-panel`,
|
|
1901
1933
|
role: "listbox",
|
|
1934
|
+
"aria-multiselectable": t === "multi" || void 0,
|
|
1902
1935
|
"aria-busy": c || void 0,
|
|
1903
1936
|
onAnimationEnd: () => {
|
|
1904
1937
|
p || g(!1);
|
|
1905
1938
|
},
|
|
1906
|
-
children: c ? /* @__PURE__ */
|
|
1907
|
-
className:
|
|
1908
|
-
children: [/* @__PURE__ */
|
|
1909
|
-
className:
|
|
1939
|
+
children: c ? /* @__PURE__ */ O("div", {
|
|
1940
|
+
className: H.panel__loading,
|
|
1941
|
+
children: [/* @__PURE__ */ D("span", {
|
|
1942
|
+
className: H.panel__spinner,
|
|
1910
1943
|
"aria-hidden": "true"
|
|
1911
1944
|
}), "Loading…"]
|
|
1912
|
-
}) : b.length === 0 ? /* @__PURE__ */
|
|
1913
|
-
className:
|
|
1945
|
+
}) : b.length === 0 ? /* @__PURE__ */ D("div", {
|
|
1946
|
+
className: H.panel__empty,
|
|
1914
1947
|
children: "No options available"
|
|
1915
|
-
}) : /* @__PURE__ */
|
|
1948
|
+
}) : /* @__PURE__ */ O(Ve, { children: [S && /* @__PURE__ */ D("span", {
|
|
1916
1949
|
"aria-hidden": "true",
|
|
1917
|
-
className: [
|
|
1950
|
+
className: [H.optionHighlight, te ? H["optionHighlight--animated"] : ""].filter(Boolean).join(" "),
|
|
1918
1951
|
style: {
|
|
1919
1952
|
transform: `translateY(${S.top}px)`,
|
|
1920
1953
|
height: S.height
|
|
1921
1954
|
}
|
|
1922
|
-
}), b.map((e,
|
|
1923
|
-
let
|
|
1924
|
-
return /* @__PURE__ */
|
|
1955
|
+
}), b.map((e, n) => {
|
|
1956
|
+
let r = w.includes(e.value);
|
|
1957
|
+
return /* @__PURE__ */ O("div", {
|
|
1925
1958
|
ref: (e) => {
|
|
1926
|
-
x.current[
|
|
1959
|
+
x.current[n] = e;
|
|
1927
1960
|
},
|
|
1928
|
-
id: `${f}-opt-${
|
|
1961
|
+
id: `${f}-opt-${n}`,
|
|
1929
1962
|
role: "option",
|
|
1930
|
-
"aria-selected":
|
|
1963
|
+
"aria-selected": r,
|
|
1931
1964
|
className: [
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
e.disabled ?
|
|
1965
|
+
H.option,
|
|
1966
|
+
r && t === "single" ? H["option--selected"] : "",
|
|
1967
|
+
e.disabled ? H["option--disabled"] : ""
|
|
1935
1968
|
].filter(Boolean).join(" "),
|
|
1936
1969
|
onMouseEnter: () => {
|
|
1937
|
-
e.disabled || v(
|
|
1970
|
+
e.disabled || v(n);
|
|
1938
1971
|
},
|
|
1939
|
-
onClick: () =>
|
|
1972
|
+
onClick: () => fe(e),
|
|
1940
1973
|
children: [
|
|
1941
|
-
|
|
1942
|
-
className:
|
|
1974
|
+
t === "multi" && /* @__PURE__ */ D("span", {
|
|
1975
|
+
className: [H.option__box, r ? H["option__box--checked"] : ""].filter(Boolean).join(" "),
|
|
1976
|
+
"aria-hidden": "true",
|
|
1977
|
+
children: /* @__PURE__ */ D("svg", {
|
|
1978
|
+
width: 12,
|
|
1979
|
+
height: 12,
|
|
1980
|
+
viewBox: "0 0 24 24",
|
|
1981
|
+
fill: "none",
|
|
1982
|
+
stroke: "currentColor",
|
|
1983
|
+
strokeWidth: T(12),
|
|
1984
|
+
strokeLinecap: "round",
|
|
1985
|
+
strokeLinejoin: "round",
|
|
1986
|
+
children: /* @__PURE__ */ D("polyline", { points: "20 6 9 17 4 12" })
|
|
1987
|
+
})
|
|
1988
|
+
}),
|
|
1989
|
+
e.icon && /* @__PURE__ */ D("span", {
|
|
1990
|
+
className: H.option__icon,
|
|
1943
1991
|
"aria-hidden": "true",
|
|
1944
1992
|
children: e.icon
|
|
1945
1993
|
}),
|
|
1946
|
-
/* @__PURE__ */
|
|
1947
|
-
className:
|
|
1994
|
+
/* @__PURE__ */ D("span", {
|
|
1995
|
+
className: H.option__label,
|
|
1948
1996
|
children: e.label
|
|
1949
1997
|
}),
|
|
1950
|
-
|
|
1951
|
-
className:
|
|
1998
|
+
r && t === "single" && /* @__PURE__ */ D("span", {
|
|
1999
|
+
className: H.option__check,
|
|
1952
2000
|
"aria-hidden": "true",
|
|
1953
|
-
children: /* @__PURE__ */
|
|
2001
|
+
children: /* @__PURE__ */ D("svg", {
|
|
1954
2002
|
width: 16,
|
|
1955
2003
|
height: 16,
|
|
1956
2004
|
viewBox: "0 0 24 24",
|
|
@@ -1959,25 +2007,25 @@ var Yt = [
|
|
|
1959
2007
|
strokeWidth: 2,
|
|
1960
2008
|
strokeLinecap: "round",
|
|
1961
2009
|
strokeLinejoin: "round",
|
|
1962
|
-
children: /* @__PURE__ */
|
|
2010
|
+
children: /* @__PURE__ */ D("polyline", { points: "20 6 9 17 4 12" })
|
|
1963
2011
|
})
|
|
1964
2012
|
})
|
|
1965
2013
|
]
|
|
1966
2014
|
}, e.value);
|
|
1967
2015
|
})] })
|
|
1968
2016
|
}),
|
|
1969
|
-
(i || a) && /* @__PURE__ */
|
|
1970
|
-
className:
|
|
2017
|
+
(i || a) && /* @__PURE__ */ D("span", {
|
|
2018
|
+
className: ue ? H.field__error : H.field__description,
|
|
1971
2019
|
children: a || i
|
|
1972
2020
|
})
|
|
1973
2021
|
]
|
|
1974
2022
|
});
|
|
1975
|
-
},
|
|
2023
|
+
}, Zn = {
|
|
1976
2024
|
chart: "_chart_aiboa_2",
|
|
1977
2025
|
center: "_center_aiboa_26",
|
|
1978
2026
|
center__value: "_center__value_aiboa_35",
|
|
1979
2027
|
center__caption: "_center__caption_aiboa_36"
|
|
1980
|
-
},
|
|
2028
|
+
}, Qn = {
|
|
1981
2029
|
sm: {
|
|
1982
2030
|
h: 180,
|
|
1983
2031
|
inner: 50,
|
|
@@ -1998,32 +2046,32 @@ var Yt = [
|
|
|
1998
2046
|
inner: 98,
|
|
1999
2047
|
outer: 142
|
|
2000
2048
|
}
|
|
2001
|
-
},
|
|
2002
|
-
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) => {
|
|
2003
2051
|
let t = e.currentTarget.getBoundingClientRect();
|
|
2004
2052
|
l({
|
|
2005
2053
|
x: e.clientX - t.left,
|
|
2006
2054
|
y: e.clientY - t.top
|
|
2007
2055
|
});
|
|
2008
|
-
}, d =
|
|
2056
|
+
}, d = E.useRef(null), f = j(d), p = [
|
|
2009
2057
|
1,
|
|
2010
2058
|
2,
|
|
2011
2059
|
3,
|
|
2012
2060
|
4,
|
|
2013
2061
|
5
|
|
2014
|
-
].map((e) => f(`--color-chart-${e}`) ??
|
|
2015
|
-
...
|
|
2016
|
-
h: i ??
|
|
2062
|
+
].map((e) => f(`--color-chart-${e}`) ?? Qt[e - 1]), m = {
|
|
2063
|
+
...Qn[t],
|
|
2064
|
+
h: i ?? Qn[t].h
|
|
2017
2065
|
}, h = (m.outer - m.inner) / 2 - 7;
|
|
2018
|
-
return /* @__PURE__ */
|
|
2066
|
+
return /* @__PURE__ */ O("div", {
|
|
2019
2067
|
ref: d,
|
|
2020
|
-
className: [
|
|
2068
|
+
className: [Zn.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2021
2069
|
style: { height: m.h },
|
|
2022
2070
|
onMouseMove: u,
|
|
2023
|
-
children: [/* @__PURE__ */
|
|
2071
|
+
children: [/* @__PURE__ */ D(Mt, {
|
|
2024
2072
|
width: "100%",
|
|
2025
2073
|
height: "100%",
|
|
2026
|
-
children: /* @__PURE__ */
|
|
2074
|
+
children: /* @__PURE__ */ O(Ct, { children: [/* @__PURE__ */ D(St, {
|
|
2027
2075
|
data: e,
|
|
2028
2076
|
dataKey: "value",
|
|
2029
2077
|
nameKey: "label",
|
|
@@ -2037,27 +2085,27 @@ var Yt = [
|
|
|
2037
2085
|
onMouseLeave: () => {
|
|
2038
2086
|
s(null), l(null);
|
|
2039
2087
|
},
|
|
2040
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
2088
|
+
children: e.map((e, t) => /* @__PURE__ */ D(vt, {
|
|
2041
2089
|
fill: p[t % p.length],
|
|
2042
2090
|
fillOpacity: o !== null && t !== o ? .45 : 1
|
|
2043
2091
|
}, t))
|
|
2044
|
-
}), /* @__PURE__ */
|
|
2045
|
-
content: /* @__PURE__ */
|
|
2092
|
+
}), /* @__PURE__ */ D(Pt, {
|
|
2093
|
+
content: /* @__PURE__ */ D(en, {}),
|
|
2046
2094
|
wrapperStyle: { zIndex: 50 },
|
|
2047
2095
|
position: c ?? void 0
|
|
2048
2096
|
})] })
|
|
2049
|
-
}), (n || r) && /* @__PURE__ */
|
|
2050
|
-
className:
|
|
2051
|
-
children: [n && /* @__PURE__ */
|
|
2052
|
-
className:
|
|
2097
|
+
}), (n || r) && /* @__PURE__ */ O("div", {
|
|
2098
|
+
className: Zn.center,
|
|
2099
|
+
children: [n && /* @__PURE__ */ D("span", {
|
|
2100
|
+
className: Zn.center__value,
|
|
2053
2101
|
children: n
|
|
2054
|
-
}), r && /* @__PURE__ */
|
|
2055
|
-
className:
|
|
2102
|
+
}), r && /* @__PURE__ */ D("span", {
|
|
2103
|
+
className: Zn.center__caption,
|
|
2056
2104
|
children: r
|
|
2057
2105
|
})]
|
|
2058
2106
|
})]
|
|
2059
2107
|
});
|
|
2060
|
-
},
|
|
2108
|
+
}, U = {
|
|
2061
2109
|
wrap: "_wrap_1b5p5_2",
|
|
2062
2110
|
dropzone: "_dropzone_1b5p5_4",
|
|
2063
2111
|
"dropzone--dragging": "_dropzone--dragging_1b5p5_21",
|
|
@@ -2071,18 +2119,18 @@ var Yt = [
|
|
|
2071
2119
|
file__icon: "_file__icon_1b5p5_45",
|
|
2072
2120
|
file__name: "_file__name_1b5p5_46",
|
|
2073
2121
|
file__remove: "_file__remove_1b5p5_47"
|
|
2074
|
-
},
|
|
2075
|
-
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) => {
|
|
2076
2124
|
l(e), r?.(e);
|
|
2077
2125
|
}, d = (e) => {
|
|
2078
2126
|
if (!e) return;
|
|
2079
2127
|
let n = Array.from(e);
|
|
2080
2128
|
u(t ? [...c, ...n] : n.slice(0, 1));
|
|
2081
2129
|
}, f = (e) => u(c.filter((t, n) => n !== e));
|
|
2082
|
-
return /* @__PURE__ */
|
|
2083
|
-
className: [
|
|
2084
|
-
children: [/* @__PURE__ */
|
|
2085
|
-
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(" "),
|
|
2086
2134
|
onClick: () => a.current?.click(),
|
|
2087
2135
|
onDragOver: (e) => {
|
|
2088
2136
|
e.preventDefault(), s(!0);
|
|
@@ -2097,66 +2145,66 @@ var Yt = [
|
|
|
2097
2145
|
(e.key === "Enter" || e.key === " ") && a.current?.click();
|
|
2098
2146
|
},
|
|
2099
2147
|
children: [
|
|
2100
|
-
/* @__PURE__ */
|
|
2101
|
-
className:
|
|
2148
|
+
/* @__PURE__ */ D("span", {
|
|
2149
|
+
className: U.dropzone__icon,
|
|
2102
2150
|
"aria-hidden": "true",
|
|
2103
|
-
children: /* @__PURE__ */
|
|
2151
|
+
children: /* @__PURE__ */ D(dt, {
|
|
2104
2152
|
size: 22,
|
|
2105
|
-
strokeWidth:
|
|
2153
|
+
strokeWidth: T(22)
|
|
2106
2154
|
})
|
|
2107
2155
|
}),
|
|
2108
|
-
/* @__PURE__ */
|
|
2109
|
-
className:
|
|
2110
|
-
children: [/* @__PURE__ */
|
|
2111
|
-
className:
|
|
2156
|
+
/* @__PURE__ */ O("span", {
|
|
2157
|
+
className: U.dropzone__label,
|
|
2158
|
+
children: [/* @__PURE__ */ D("span", {
|
|
2159
|
+
className: U.dropzone__link,
|
|
2112
2160
|
children: "Click to upload"
|
|
2113
2161
|
}), " or drag and drop"]
|
|
2114
2162
|
}),
|
|
2115
|
-
/* @__PURE__ */
|
|
2116
|
-
className:
|
|
2163
|
+
/* @__PURE__ */ D("span", {
|
|
2164
|
+
className: U.dropzone__hint,
|
|
2117
2165
|
children: n
|
|
2118
2166
|
}),
|
|
2119
|
-
/* @__PURE__ */
|
|
2167
|
+
/* @__PURE__ */ D("input", {
|
|
2120
2168
|
ref: a,
|
|
2121
2169
|
type: "file",
|
|
2122
2170
|
accept: e,
|
|
2123
2171
|
multiple: t,
|
|
2124
|
-
className:
|
|
2172
|
+
className: U.input,
|
|
2125
2173
|
onChange: (e) => d(e.target.files)
|
|
2126
2174
|
})
|
|
2127
2175
|
]
|
|
2128
|
-
}), c.length > 0 && /* @__PURE__ */
|
|
2129
|
-
className:
|
|
2130
|
-
children: c.map((e, t) => /* @__PURE__ */
|
|
2131
|
-
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,
|
|
2132
2180
|
children: [
|
|
2133
|
-
/* @__PURE__ */
|
|
2134
|
-
className:
|
|
2181
|
+
/* @__PURE__ */ D("span", {
|
|
2182
|
+
className: U.file__icon,
|
|
2135
2183
|
"aria-hidden": "true",
|
|
2136
|
-
children: /* @__PURE__ */
|
|
2184
|
+
children: /* @__PURE__ */ D(Xe, {
|
|
2137
2185
|
size: 16,
|
|
2138
|
-
strokeWidth:
|
|
2186
|
+
strokeWidth: T(16)
|
|
2139
2187
|
})
|
|
2140
2188
|
}),
|
|
2141
|
-
/* @__PURE__ */
|
|
2142
|
-
className:
|
|
2189
|
+
/* @__PURE__ */ D("span", {
|
|
2190
|
+
className: U.file__name,
|
|
2143
2191
|
children: e.name
|
|
2144
2192
|
}),
|
|
2145
|
-
/* @__PURE__ */
|
|
2193
|
+
/* @__PURE__ */ D("button", {
|
|
2146
2194
|
type: "button",
|
|
2147
|
-
className:
|
|
2195
|
+
className: U.file__remove,
|
|
2148
2196
|
onClick: () => f(t),
|
|
2149
2197
|
"aria-label": `Remove ${e.name}`,
|
|
2150
|
-
children: /* @__PURE__ */
|
|
2198
|
+
children: /* @__PURE__ */ D(ft, {
|
|
2151
2199
|
size: 14,
|
|
2152
|
-
strokeWidth:
|
|
2200
|
+
strokeWidth: T(14)
|
|
2153
2201
|
})
|
|
2154
2202
|
})
|
|
2155
2203
|
]
|
|
2156
2204
|
}, t))
|
|
2157
2205
|
})]
|
|
2158
2206
|
});
|
|
2159
|
-
},
|
|
2207
|
+
}, W = {
|
|
2160
2208
|
chart: "_chart_1m9hd_1",
|
|
2161
2209
|
svg: "_svg_1m9hd_7",
|
|
2162
2210
|
segment: "_segment_1m9hd_12",
|
|
@@ -2169,25 +2217,25 @@ var Yt = [
|
|
|
2169
2217
|
tooltip__dot: "_tooltip__dot_1m9hd_68",
|
|
2170
2218
|
tooltip__label: "_tooltip__label_1m9hd_74",
|
|
2171
2219
|
tooltip__value: "_tooltip__value_1m9hd_75"
|
|
2172
|
-
},
|
|
2220
|
+
}, tr = {
|
|
2173
2221
|
sm: 180,
|
|
2174
2222
|
md: 240,
|
|
2175
2223
|
lg: 320,
|
|
2176
2224
|
xl: 420
|
|
2177
|
-
},
|
|
2178
|
-
let [r, i] =
|
|
2179
|
-
g.push(h(e[e.length - 1]?.value ?? 0) *
|
|
2180
|
-
let _ = (t) => e.length <= 1 ? 1 :
|
|
2181
|
-
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", {
|
|
2182
2230
|
ref: a,
|
|
2183
|
-
className: [
|
|
2231
|
+
className: [W.chart, n ?? ""].filter(Boolean).join(" "),
|
|
2184
2232
|
style: { height: u },
|
|
2185
2233
|
children: [
|
|
2186
|
-
/* @__PURE__ */
|
|
2187
|
-
viewBox: `0 0 ${
|
|
2234
|
+
/* @__PURE__ */ D("svg", {
|
|
2235
|
+
viewBox: `0 0 ${nr} ${u}`,
|
|
2188
2236
|
width: "100%",
|
|
2189
2237
|
height: u,
|
|
2190
|
-
className:
|
|
2238
|
+
className: W.svg,
|
|
2191
2239
|
children: e.map((e, t) => {
|
|
2192
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 = [
|
|
2193
2241
|
`M ${n} ${d}`,
|
|
@@ -2196,56 +2244,56 @@ var Yt = [
|
|
|
2196
2244
|
`C ${o} ${v} ${o} ${h} ${n} ${h}`,
|
|
2197
2245
|
"Z"
|
|
2198
2246
|
].join(" "), b = r === null ? _(t) : t === r ? 1 : .45, x = Math.round(e.value / l * 100);
|
|
2199
|
-
return /* @__PURE__ */
|
|
2200
|
-
className:
|
|
2247
|
+
return /* @__PURE__ */ O("g", {
|
|
2248
|
+
className: W.segment,
|
|
2201
2249
|
onMouseEnter: () => i(t),
|
|
2202
2250
|
onMouseLeave: () => i(null),
|
|
2203
|
-
children: [/* @__PURE__ */
|
|
2251
|
+
children: [/* @__PURE__ */ D("path", {
|
|
2204
2252
|
d: y,
|
|
2205
2253
|
fill: s,
|
|
2206
2254
|
fillOpacity: b
|
|
2207
|
-
}), /* @__PURE__ */
|
|
2255
|
+
}), /* @__PURE__ */ O("text", {
|
|
2208
2256
|
x: o,
|
|
2209
2257
|
y: f,
|
|
2210
2258
|
textAnchor: "middle",
|
|
2211
2259
|
dominantBaseline: "middle",
|
|
2212
|
-
className:
|
|
2260
|
+
className: W.pctLabel,
|
|
2213
2261
|
children: [x, "%"]
|
|
2214
2262
|
})]
|
|
2215
2263
|
}, t);
|
|
2216
2264
|
})
|
|
2217
2265
|
}),
|
|
2218
|
-
/* @__PURE__ */
|
|
2219
|
-
className:
|
|
2266
|
+
/* @__PURE__ */ D("div", {
|
|
2267
|
+
className: W.labels,
|
|
2220
2268
|
style: { gridTemplateColumns: `repeat(${e.length}, 1fr)` },
|
|
2221
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
2222
|
-
className:
|
|
2269
|
+
children: e.map((e, t) => /* @__PURE__ */ D("span", {
|
|
2270
|
+
className: W.labelItem,
|
|
2223
2271
|
children: e.label
|
|
2224
2272
|
}, t))
|
|
2225
2273
|
}),
|
|
2226
|
-
v && /* @__PURE__ */
|
|
2227
|
-
className:
|
|
2274
|
+
v && /* @__PURE__ */ O("div", {
|
|
2275
|
+
className: W.tooltip,
|
|
2228
2276
|
style: {
|
|
2229
|
-
left: `${b /
|
|
2277
|
+
left: `${b / nr * 100}%`,
|
|
2230
2278
|
top: `${y / u * 100}%`,
|
|
2231
2279
|
background: c
|
|
2232
2280
|
},
|
|
2233
|
-
children: [/* @__PURE__ */
|
|
2234
|
-
className:
|
|
2281
|
+
children: [/* @__PURE__ */ D("span", {
|
|
2282
|
+
className: W.tooltip__title,
|
|
2235
2283
|
children: v.label
|
|
2236
|
-
}), /* @__PURE__ */
|
|
2237
|
-
className:
|
|
2284
|
+
}), /* @__PURE__ */ O("div", {
|
|
2285
|
+
className: W.tooltip__row,
|
|
2238
2286
|
children: [
|
|
2239
|
-
/* @__PURE__ */
|
|
2240
|
-
className:
|
|
2287
|
+
/* @__PURE__ */ D("span", {
|
|
2288
|
+
className: W.tooltip__dot,
|
|
2241
2289
|
style: { background: s }
|
|
2242
2290
|
}),
|
|
2243
|
-
/* @__PURE__ */
|
|
2244
|
-
className:
|
|
2291
|
+
/* @__PURE__ */ D("span", {
|
|
2292
|
+
className: W.tooltip__label,
|
|
2245
2293
|
children: "Share"
|
|
2246
2294
|
}),
|
|
2247
|
-
/* @__PURE__ */
|
|
2248
|
-
className:
|
|
2295
|
+
/* @__PURE__ */ O("span", {
|
|
2296
|
+
className: W.tooltip__value,
|
|
2249
2297
|
children: [Math.round(v.value / l * 100), "%"]
|
|
2250
2298
|
})
|
|
2251
2299
|
]
|
|
@@ -2253,7 +2301,7 @@ var Yt = [
|
|
|
2253
2301
|
})
|
|
2254
2302
|
]
|
|
2255
2303
|
});
|
|
2256
|
-
},
|
|
2304
|
+
}, G = {
|
|
2257
2305
|
chart: "_chart_1yc8b_1",
|
|
2258
2306
|
grid: "_grid_1yc8b_6",
|
|
2259
2307
|
rowLabel: "_rowLabel_1yc8b_13",
|
|
@@ -2269,8 +2317,8 @@ var Yt = [
|
|
|
2269
2317
|
tooltip__dot: "_tooltip__dot_1yc8b_84",
|
|
2270
2318
|
tooltip__label: "_tooltip__label_1yc8b_91",
|
|
2271
2319
|
tooltip__value: "_tooltip__value_1yc8b_92"
|
|
2272
|
-
},
|
|
2273
|
-
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) => {
|
|
2274
2322
|
let i = r.currentTarget.getBoundingClientRect(), a = c.current?.getBoundingClientRect();
|
|
2275
2323
|
a && u({
|
|
2276
2324
|
row: e,
|
|
@@ -2280,56 +2328,56 @@ var Yt = [
|
|
|
2280
2328
|
top: i.top - a.top
|
|
2281
2329
|
});
|
|
2282
2330
|
};
|
|
2283
|
-
return /* @__PURE__ */
|
|
2331
|
+
return /* @__PURE__ */ D("div", {
|
|
2284
2332
|
ref: o,
|
|
2285
2333
|
className: [
|
|
2286
|
-
|
|
2287
|
-
|
|
2334
|
+
G.chart,
|
|
2335
|
+
G[`chart--${i}`],
|
|
2288
2336
|
a ?? ""
|
|
2289
2337
|
].filter(Boolean).join(" "),
|
|
2290
|
-
children: /* @__PURE__ */
|
|
2338
|
+
children: /* @__PURE__ */ O("div", {
|
|
2291
2339
|
ref: c,
|
|
2292
|
-
className:
|
|
2340
|
+
className: G.grid,
|
|
2293
2341
|
style: { gridTemplateColumns: `auto repeat(${p}, 1fr)` },
|
|
2294
2342
|
children: [
|
|
2295
|
-
e.map((e, n) => /* @__PURE__ */
|
|
2296
|
-
className:
|
|
2343
|
+
e.map((e, n) => /* @__PURE__ */ O(E.Fragment, { children: [/* @__PURE__ */ D("span", {
|
|
2344
|
+
className: G.rowLabel,
|
|
2297
2345
|
children: t?.[n] ?? ""
|
|
2298
2346
|
}), e.map((e, t) => {
|
|
2299
|
-
let r = l?.row === n && l?.col === t, i = l !== null && !r, a = r ? 1 :
|
|
2300
|
-
return /* @__PURE__ */
|
|
2301
|
-
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,
|
|
2302
2350
|
style: {
|
|
2303
2351
|
background: d,
|
|
2304
|
-
opacity: i ?
|
|
2352
|
+
opacity: i ? sr : a
|
|
2305
2353
|
},
|
|
2306
2354
|
onMouseEnter: m(n, t, e),
|
|
2307
2355
|
onMouseLeave: () => u(null)
|
|
2308
2356
|
}, t);
|
|
2309
2357
|
})] }, n)),
|
|
2310
|
-
n && /* @__PURE__ */
|
|
2311
|
-
className:
|
|
2358
|
+
n && /* @__PURE__ */ O(Ve, { children: [/* @__PURE__ */ D("span", {}), n.map((e, t) => /* @__PURE__ */ D("span", {
|
|
2359
|
+
className: G.colLabel,
|
|
2312
2360
|
children: e
|
|
2313
2361
|
}, t))] }),
|
|
2314
|
-
l && /* @__PURE__ */
|
|
2315
|
-
className:
|
|
2362
|
+
l && /* @__PURE__ */ O("div", {
|
|
2363
|
+
className: G.tooltip,
|
|
2316
2364
|
style: {
|
|
2317
2365
|
left: l.left,
|
|
2318
2366
|
top: l.top
|
|
2319
2367
|
},
|
|
2320
|
-
children: [/* @__PURE__ */
|
|
2321
|
-
className:
|
|
2368
|
+
children: [/* @__PURE__ */ D("span", {
|
|
2369
|
+
className: G.tooltip__title,
|
|
2322
2370
|
children: [t?.[l.row], n?.[l.col]].filter(Boolean).join(" · ") || `Row ${l.row + 1}, Col ${l.col + 1}`
|
|
2323
|
-
}), /* @__PURE__ */
|
|
2324
|
-
className:
|
|
2371
|
+
}), /* @__PURE__ */ O("div", {
|
|
2372
|
+
className: G.tooltip__row,
|
|
2325
2373
|
children: [
|
|
2326
|
-
/* @__PURE__ */
|
|
2327
|
-
/* @__PURE__ */
|
|
2328
|
-
className:
|
|
2374
|
+
/* @__PURE__ */ D("span", { className: G.tooltip__dot }),
|
|
2375
|
+
/* @__PURE__ */ D("span", {
|
|
2376
|
+
className: G.tooltip__label,
|
|
2329
2377
|
children: r
|
|
2330
2378
|
}),
|
|
2331
|
-
/* @__PURE__ */
|
|
2332
|
-
className:
|
|
2379
|
+
/* @__PURE__ */ D("span", {
|
|
2380
|
+
className: G.tooltip__value,
|
|
2333
2381
|
children: l.value
|
|
2334
2382
|
})
|
|
2335
2383
|
]
|
|
@@ -2338,65 +2386,65 @@ var Yt = [
|
|
|
2338
2386
|
]
|
|
2339
2387
|
})
|
|
2340
2388
|
});
|
|
2341
|
-
},
|
|
2342
|
-
className: [
|
|
2389
|
+
}, lr = { kbd: "_kbd_1cz4m_3" }, ur = ({ children: e, className: t }) => /* @__PURE__ */ D("kbd", {
|
|
2390
|
+
className: [lr.kbd, t ?? ""].filter(Boolean).join(" "),
|
|
2343
2391
|
children: e
|
|
2344
|
-
}),
|
|
2392
|
+
}), dr = {
|
|
2345
2393
|
label: "_label_rcdks_3",
|
|
2346
2394
|
label__required: "_label__required_rcdks_17"
|
|
2347
|
-
},
|
|
2395
|
+
}, fr = E.forwardRef(({ required: e, children: t, className: n, ...r }, i) => /* @__PURE__ */ O("label", {
|
|
2348
2396
|
ref: i,
|
|
2349
|
-
className: [
|
|
2397
|
+
className: [dr.label, n ?? ""].filter(Boolean).join(" "),
|
|
2350
2398
|
...r,
|
|
2351
|
-
children: [t, e && /* @__PURE__ */
|
|
2352
|
-
className:
|
|
2399
|
+
children: [t, e && /* @__PURE__ */ D("span", {
|
|
2400
|
+
className: dr.label__required,
|
|
2353
2401
|
"aria-hidden": "true",
|
|
2354
2402
|
children: " *"
|
|
2355
2403
|
})]
|
|
2356
2404
|
}));
|
|
2357
|
-
|
|
2358
|
-
var
|
|
2405
|
+
fr.displayName = "Label";
|
|
2406
|
+
var pr = { chart: "_chart_18fgd_2" }, mr = {
|
|
2359
2407
|
sm: 180,
|
|
2360
2408
|
md: 240,
|
|
2361
2409
|
lg: 320,
|
|
2362
2410
|
xl: 420
|
|
2363
|
-
},
|
|
2411
|
+
}, hr = /* @__PURE__ */ new Set([
|
|
2364
2412
|
"dots",
|
|
2365
2413
|
"custom-dots",
|
|
2366
2414
|
"dots-colors",
|
|
2367
2415
|
"label",
|
|
2368
2416
|
"custom-label"
|
|
2369
|
-
]),
|
|
2370
|
-
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 = [
|
|
2371
2419
|
1,
|
|
2372
2420
|
2,
|
|
2373
2421
|
3,
|
|
2374
2422
|
4,
|
|
2375
2423
|
5
|
|
2376
|
-
].map((e) => u(`--color-chart-${e}`) ??
|
|
2424
|
+
].map((e) => u(`--color-chart-${e}`) ?? Qt[e - 1]), f = [
|
|
2377
2425
|
d[1],
|
|
2378
2426
|
d[0],
|
|
2379
2427
|
...d.slice(2)
|
|
2380
|
-
], 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) => {
|
|
2381
2429
|
let { cx: n, cy: r } = t;
|
|
2382
|
-
return /* @__PURE__ */
|
|
2430
|
+
return /* @__PURE__ */ O("g", {
|
|
2383
2431
|
stroke: e,
|
|
2384
2432
|
strokeWidth: 2,
|
|
2385
2433
|
strokeLinecap: "round",
|
|
2386
2434
|
children: [
|
|
2387
|
-
/* @__PURE__ */
|
|
2435
|
+
/* @__PURE__ */ D("line", {
|
|
2388
2436
|
x1: n,
|
|
2389
2437
|
y1: r - 3,
|
|
2390
2438
|
x2: n,
|
|
2391
2439
|
y2: r - 3 - 6
|
|
2392
2440
|
}),
|
|
2393
|
-
/* @__PURE__ */
|
|
2441
|
+
/* @__PURE__ */ D("line", {
|
|
2394
2442
|
x1: n,
|
|
2395
2443
|
y1: r + 3,
|
|
2396
2444
|
x2: n,
|
|
2397
2445
|
y2: r + 3 + 6
|
|
2398
2446
|
}),
|
|
2399
|
-
/* @__PURE__ */
|
|
2447
|
+
/* @__PURE__ */ D("circle", {
|
|
2400
2448
|
cx: n,
|
|
2401
2449
|
cy: r,
|
|
2402
2450
|
r: 3,
|
|
@@ -2407,7 +2455,7 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2407
2455
|
});
|
|
2408
2456
|
}, b = (e) => {
|
|
2409
2457
|
let { cx: t, cy: n, index: r } = e, i = d[(r ?? 0) % d.length];
|
|
2410
|
-
return /* @__PURE__ */
|
|
2458
|
+
return /* @__PURE__ */ D("circle", {
|
|
2411
2459
|
cx: t,
|
|
2412
2460
|
cy: n,
|
|
2413
2461
|
r: 4,
|
|
@@ -2417,7 +2465,7 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2417
2465
|
});
|
|
2418
2466
|
}, x = (t) => {
|
|
2419
2467
|
let { x: n, y: a, value: o, index: s } = t, c = r === "custom-label" && i ? e[s]?.[i] : o;
|
|
2420
|
-
return c === void 0 ? /* @__PURE__ */
|
|
2468
|
+
return c === void 0 ? /* @__PURE__ */ D("g", {}) : /* @__PURE__ */ D("text", {
|
|
2421
2469
|
x: n,
|
|
2422
2470
|
y: a - 12,
|
|
2423
2471
|
textAnchor: "middle",
|
|
@@ -2428,13 +2476,13 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2428
2476
|
children: c
|
|
2429
2477
|
});
|
|
2430
2478
|
};
|
|
2431
|
-
return /* @__PURE__ */
|
|
2479
|
+
return /* @__PURE__ */ D("div", {
|
|
2432
2480
|
ref: l,
|
|
2433
|
-
className: [
|
|
2434
|
-
children: /* @__PURE__ */
|
|
2481
|
+
className: [pr.chart, c ?? ""].filter(Boolean).join(" "),
|
|
2482
|
+
children: /* @__PURE__ */ D(Mt, {
|
|
2435
2483
|
width: "100%",
|
|
2436
|
-
height: o ??
|
|
2437
|
-
children: /* @__PURE__ */
|
|
2484
|
+
height: o ?? mr[a],
|
|
2485
|
+
children: /* @__PURE__ */ O(xt, {
|
|
2438
2486
|
data: e,
|
|
2439
2487
|
margin: {
|
|
2440
2488
|
top: 8,
|
|
@@ -2443,12 +2491,12 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2443
2491
|
left: 12
|
|
2444
2492
|
},
|
|
2445
2493
|
children: [
|
|
2446
|
-
/* @__PURE__ */
|
|
2494
|
+
/* @__PURE__ */ D(_t, {
|
|
2447
2495
|
strokeDasharray: "3 3",
|
|
2448
2496
|
stroke: p,
|
|
2449
2497
|
vertical: !1
|
|
2450
2498
|
}),
|
|
2451
|
-
/* @__PURE__ */
|
|
2499
|
+
/* @__PURE__ */ D(Ft, {
|
|
2452
2500
|
dataKey: n,
|
|
2453
2501
|
stroke: m,
|
|
2454
2502
|
fontSize: 12,
|
|
@@ -2456,15 +2504,15 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2456
2504
|
axisLine: !1,
|
|
2457
2505
|
interval: 0
|
|
2458
2506
|
}),
|
|
2459
|
-
/* @__PURE__ */
|
|
2507
|
+
/* @__PURE__ */ D(Pt, {
|
|
2460
2508
|
cursor: {
|
|
2461
2509
|
stroke: u("--color-border-default") ?? "#dbdad7",
|
|
2462
2510
|
strokeWidth: 1
|
|
2463
2511
|
},
|
|
2464
|
-
content: /* @__PURE__ */
|
|
2512
|
+
content: /* @__PURE__ */ D(en, {}),
|
|
2465
2513
|
wrapperStyle: { zIndex: 50 }
|
|
2466
2514
|
}),
|
|
2467
|
-
s && /* @__PURE__ */
|
|
2515
|
+
s && /* @__PURE__ */ D(yt, { wrapperStyle: {
|
|
2468
2516
|
fontSize: 12,
|
|
2469
2517
|
fontFamily: "var(--font-sans)"
|
|
2470
2518
|
} }),
|
|
@@ -2475,7 +2523,7 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2475
2523
|
stroke: h,
|
|
2476
2524
|
strokeWidth: 1.5
|
|
2477
2525
|
} : !1;
|
|
2478
|
-
return /* @__PURE__ */
|
|
2526
|
+
return /* @__PURE__ */ D(bt, {
|
|
2479
2527
|
type: _,
|
|
2480
2528
|
dataKey: e,
|
|
2481
2529
|
stroke: n,
|
|
@@ -2494,7 +2542,7 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2494
2542
|
})
|
|
2495
2543
|
})
|
|
2496
2544
|
});
|
|
2497
|
-
},
|
|
2545
|
+
}, K = {
|
|
2498
2546
|
item: "_item_1b54h_2",
|
|
2499
2547
|
"item--disabled": "_item--disabled_1b54h_16",
|
|
2500
2548
|
"item--selected": "_item--selected_1b54h_17",
|
|
@@ -2503,50 +2551,50 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2503
2551
|
item__title: "_item__title_1b54h_22",
|
|
2504
2552
|
item__description: "_item__description_1b54h_23",
|
|
2505
2553
|
item__trailing: "_item__trailing_1b54h_24"
|
|
2506
|
-
},
|
|
2554
|
+
}, _r = ({ title: e, description: t, leading: n, trailing: r, selected: i, disabled: a, onClick: o, className: s }) => /* @__PURE__ */ O("button", {
|
|
2507
2555
|
type: "button",
|
|
2508
2556
|
disabled: a,
|
|
2509
2557
|
onClick: o,
|
|
2510
2558
|
"aria-current": i ? "true" : void 0,
|
|
2511
2559
|
className: [
|
|
2512
|
-
|
|
2513
|
-
i ?
|
|
2514
|
-
a ?
|
|
2560
|
+
K.item,
|
|
2561
|
+
i ? K["item--selected"] : "",
|
|
2562
|
+
a ? K["item--disabled"] : "",
|
|
2515
2563
|
s ?? ""
|
|
2516
2564
|
].filter(Boolean).join(" "),
|
|
2517
2565
|
children: [
|
|
2518
|
-
n && /* @__PURE__ */
|
|
2519
|
-
className:
|
|
2566
|
+
n && /* @__PURE__ */ D("span", {
|
|
2567
|
+
className: K.item__leading,
|
|
2520
2568
|
children: n
|
|
2521
2569
|
}),
|
|
2522
|
-
/* @__PURE__ */
|
|
2523
|
-
className:
|
|
2524
|
-
children: [/* @__PURE__ */
|
|
2525
|
-
className:
|
|
2570
|
+
/* @__PURE__ */ O("span", {
|
|
2571
|
+
className: K.item__text,
|
|
2572
|
+
children: [/* @__PURE__ */ D("span", {
|
|
2573
|
+
className: K.item__title,
|
|
2526
2574
|
children: e
|
|
2527
|
-
}), t && /* @__PURE__ */
|
|
2528
|
-
className:
|
|
2575
|
+
}), t && /* @__PURE__ */ D("span", {
|
|
2576
|
+
className: K.item__description,
|
|
2529
2577
|
children: t
|
|
2530
2578
|
})]
|
|
2531
2579
|
}),
|
|
2532
|
-
r && /* @__PURE__ */
|
|
2533
|
-
className:
|
|
2580
|
+
r && /* @__PURE__ */ D("span", {
|
|
2581
|
+
className: K.item__trailing,
|
|
2534
2582
|
children: r
|
|
2535
2583
|
})
|
|
2536
2584
|
]
|
|
2537
|
-
}),
|
|
2585
|
+
}), vr = {
|
|
2538
2586
|
menu: "_menu_psizn_2",
|
|
2539
2587
|
divider: "_divider_psizn_12"
|
|
2540
|
-
},
|
|
2588
|
+
}, yr = ({ children: e, minWidth: t = 208, className: n, ...r }) => /* @__PURE__ */ D("div", {
|
|
2541
2589
|
role: "menu",
|
|
2542
2590
|
"aria-label": r["aria-label"],
|
|
2543
2591
|
style: { minWidth: t },
|
|
2544
|
-
className: [
|
|
2592
|
+
className: [vr.menu, n ?? ""].filter(Boolean).join(" "),
|
|
2545
2593
|
children: e
|
|
2546
|
-
}),
|
|
2547
|
-
className:
|
|
2594
|
+
}), br = () => /* @__PURE__ */ D("div", {
|
|
2595
|
+
className: vr.divider,
|
|
2548
2596
|
role: "separator"
|
|
2549
|
-
}),
|
|
2597
|
+
}), xr = {
|
|
2550
2598
|
item: "_item_1xzse_2",
|
|
2551
2599
|
item__icon: "_item__icon_1xzse_21",
|
|
2552
2600
|
item__label: "_item__label_1xzse_22",
|
|
@@ -2555,9 +2603,9 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2555
2603
|
"item--checked": "_item--checked_1xzse_32",
|
|
2556
2604
|
"item--disabled": "_item--disabled_1xzse_33",
|
|
2557
2605
|
"item--destructive": "_item--destructive_1xzse_34"
|
|
2558
|
-
},
|
|
2606
|
+
}, Sr = ({ state: e = "default", icon: t, shortcut: n, children: r, onSelect: i, className: a }) => {
|
|
2559
2607
|
let o = e === "disabled";
|
|
2560
|
-
return /* @__PURE__ */
|
|
2608
|
+
return /* @__PURE__ */ O("div", {
|
|
2561
2609
|
role: "menuitem",
|
|
2562
2610
|
"aria-disabled": o || void 0,
|
|
2563
2611
|
"aria-checked": e === "checked" || void 0,
|
|
@@ -2567,38 +2615,38 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2567
2615
|
o || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i?.());
|
|
2568
2616
|
},
|
|
2569
2617
|
className: [
|
|
2570
|
-
|
|
2571
|
-
|
|
2618
|
+
xr.item,
|
|
2619
|
+
xr[`item--${e}`],
|
|
2572
2620
|
a ?? ""
|
|
2573
2621
|
].filter(Boolean).join(" "),
|
|
2574
2622
|
children: [
|
|
2575
|
-
t && /* @__PURE__ */
|
|
2576
|
-
className:
|
|
2623
|
+
t && /* @__PURE__ */ D("span", {
|
|
2624
|
+
className: xr.item__icon,
|
|
2577
2625
|
"aria-hidden": "true",
|
|
2578
2626
|
children: t
|
|
2579
2627
|
}),
|
|
2580
|
-
/* @__PURE__ */
|
|
2581
|
-
className:
|
|
2628
|
+
/* @__PURE__ */ D("span", {
|
|
2629
|
+
className: xr.item__label,
|
|
2582
2630
|
children: r
|
|
2583
2631
|
}),
|
|
2584
|
-
n && /* @__PURE__ */
|
|
2585
|
-
className:
|
|
2632
|
+
n && /* @__PURE__ */ D("kbd", {
|
|
2633
|
+
className: xr.item__shortcut,
|
|
2586
2634
|
children: n
|
|
2587
2635
|
}),
|
|
2588
|
-
e === "checked" && /* @__PURE__ */
|
|
2636
|
+
e === "checked" && /* @__PURE__ */ D(We, {
|
|
2589
2637
|
size: 16,
|
|
2590
|
-
strokeWidth:
|
|
2591
|
-
className:
|
|
2638
|
+
strokeWidth: T(16),
|
|
2639
|
+
className: xr.item__check,
|
|
2592
2640
|
"aria-hidden": "true"
|
|
2593
2641
|
})
|
|
2594
2642
|
]
|
|
2595
2643
|
});
|
|
2596
|
-
},
|
|
2644
|
+
}, Cr = {
|
|
2597
2645
|
chart: "_chart_cc7lx_2",
|
|
2598
2646
|
center: "_center_cc7lx_30",
|
|
2599
2647
|
center__value: "_center__value_cc7lx_39",
|
|
2600
2648
|
center__caption: "_center__caption_cc7lx_40"
|
|
2601
|
-
},
|
|
2649
|
+
}, wr = {
|
|
2602
2650
|
sm: {
|
|
2603
2651
|
h: 180,
|
|
2604
2652
|
outer: 72
|
|
@@ -2615,21 +2663,21 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2615
2663
|
h: 340,
|
|
2616
2664
|
outer: 142
|
|
2617
2665
|
}
|
|
2618
|
-
},
|
|
2666
|
+
}, Tr = /* @__PURE__ */ new Set([
|
|
2619
2667
|
"donut",
|
|
2620
2668
|
"donut-active",
|
|
2621
2669
|
"donut-with-text",
|
|
2622
2670
|
"interactive"
|
|
2623
|
-
]),
|
|
2624
|
-
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 = [
|
|
2625
2673
|
1,
|
|
2626
2674
|
2,
|
|
2627
2675
|
3,
|
|
2628
2676
|
4,
|
|
2629
2677
|
5
|
|
2630
|
-
].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) => {
|
|
2631
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;
|
|
2632
|
-
return l && g ? /* @__PURE__ */
|
|
2680
|
+
return l && g ? /* @__PURE__ */ O("g", { children: [/* @__PURE__ */ D(Nt, {
|
|
2633
2681
|
cx: t,
|
|
2634
2682
|
cy: n,
|
|
2635
2683
|
innerRadius: r,
|
|
@@ -2637,7 +2685,7 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2637
2685
|
startAngle: a,
|
|
2638
2686
|
endAngle: o,
|
|
2639
2687
|
fill: s
|
|
2640
|
-
}), /* @__PURE__ */
|
|
2688
|
+
}), /* @__PURE__ */ D(Nt, {
|
|
2641
2689
|
cx: t,
|
|
2642
2690
|
cy: n,
|
|
2643
2691
|
innerRadius: i + u + 3,
|
|
@@ -2645,7 +2693,7 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2645
2693
|
startAngle: a,
|
|
2646
2694
|
endAngle: o,
|
|
2647
2695
|
fill: s
|
|
2648
|
-
})] }) : /* @__PURE__ */
|
|
2696
|
+
})] }) : /* @__PURE__ */ D(Nt, {
|
|
2649
2697
|
cx: t,
|
|
2650
2698
|
cy: n,
|
|
2651
2699
|
innerRadius: r,
|
|
@@ -2655,7 +2703,7 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2655
2703
|
fill: s
|
|
2656
2704
|
});
|
|
2657
2705
|
}, x = (e) => {
|
|
2658
|
-
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);
|
|
2659
2707
|
return {
|
|
2660
2708
|
d: `M ${c} ${l} L ${u} ${d} L ${p} ${d}`,
|
|
2661
2709
|
endX: p,
|
|
@@ -2664,12 +2712,12 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2664
2712
|
};
|
|
2665
2713
|
}, ee = (e) => {
|
|
2666
2714
|
let { value: t, fill: n } = e, { d: r, endX: i, endY: a, textAnchor: o } = x(e), s = i + (o === "start" ? 4 : -4);
|
|
2667
|
-
return /* @__PURE__ */
|
|
2715
|
+
return /* @__PURE__ */ O("g", { children: [/* @__PURE__ */ D("path", {
|
|
2668
2716
|
d: r,
|
|
2669
2717
|
fill: "none",
|
|
2670
2718
|
stroke: n,
|
|
2671
2719
|
strokeWidth: 1
|
|
2672
|
-
}), /* @__PURE__ */
|
|
2720
|
+
}), /* @__PURE__ */ D("text", {
|
|
2673
2721
|
x: s,
|
|
2674
2722
|
y: a,
|
|
2675
2723
|
textAnchor: o,
|
|
@@ -2681,7 +2729,7 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2681
2729
|
})] });
|
|
2682
2730
|
}, S = (e) => {
|
|
2683
2731
|
let { x: t, y: n, textAnchor: r, value: i } = e;
|
|
2684
|
-
return /* @__PURE__ */
|
|
2732
|
+
return /* @__PURE__ */ D("text", {
|
|
2685
2733
|
x: t,
|
|
2686
2734
|
y: n,
|
|
2687
2735
|
textAnchor: r,
|
|
@@ -2694,9 +2742,9 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2694
2742
|
});
|
|
2695
2743
|
}, C = (t) => {
|
|
2696
2744
|
let { cx: n, cy: r, midAngle: i, innerRadius: a, outerRadius: o, index: s } = t, c = (a + o) / 2;
|
|
2697
|
-
return /* @__PURE__ */
|
|
2698
|
-
x: n + c * Math.cos(-i *
|
|
2699
|
-
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),
|
|
2700
2748
|
textAnchor: "middle",
|
|
2701
2749
|
dominantBaseline: "central",
|
|
2702
2750
|
fill: "#fff",
|
|
@@ -2708,15 +2756,15 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2708
2756
|
};
|
|
2709
2757
|
if (t === "stacked") {
|
|
2710
2758
|
let t = (e) => c !== void 0 && c !== e ? .45 : 1;
|
|
2711
|
-
return /* @__PURE__ */
|
|
2759
|
+
return /* @__PURE__ */ D("div", {
|
|
2712
2760
|
ref: o,
|
|
2713
|
-
className: [
|
|
2761
|
+
className: [Cr.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2714
2762
|
style: { height: p.h },
|
|
2715
|
-
children: /* @__PURE__ */
|
|
2763
|
+
children: /* @__PURE__ */ D(Mt, {
|
|
2716
2764
|
width: "100%",
|
|
2717
2765
|
height: "100%",
|
|
2718
|
-
children: /* @__PURE__ */
|
|
2719
|
-
/* @__PURE__ */
|
|
2766
|
+
children: /* @__PURE__ */ O(Ct, { children: [
|
|
2767
|
+
/* @__PURE__ */ D(St, {
|
|
2720
2768
|
data: e,
|
|
2721
2769
|
dataKey: "value",
|
|
2722
2770
|
nameKey: "label",
|
|
@@ -2727,12 +2775,12 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2727
2775
|
isAnimationActive: !1,
|
|
2728
2776
|
onMouseEnter: (e, t) => l(t),
|
|
2729
2777
|
onMouseLeave: () => l(void 0),
|
|
2730
|
-
children: e.map((e, n) => /* @__PURE__ */
|
|
2778
|
+
children: e.map((e, n) => /* @__PURE__ */ D(vt, {
|
|
2731
2779
|
fill: u[n % u.length],
|
|
2732
2780
|
fillOpacity: t(n)
|
|
2733
2781
|
}, n))
|
|
2734
2782
|
}),
|
|
2735
|
-
/* @__PURE__ */
|
|
2783
|
+
/* @__PURE__ */ D(St, {
|
|
2736
2784
|
data: e,
|
|
2737
2785
|
dataKey: "value",
|
|
2738
2786
|
nameKey: "label",
|
|
@@ -2743,27 +2791,27 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2743
2791
|
isAnimationActive: !1,
|
|
2744
2792
|
onMouseEnter: (e, t) => l(t),
|
|
2745
2793
|
onMouseLeave: () => l(void 0),
|
|
2746
|
-
children: e.map((e, n) => /* @__PURE__ */
|
|
2794
|
+
children: e.map((e, n) => /* @__PURE__ */ D(vt, {
|
|
2747
2795
|
fill: u[n % u.length],
|
|
2748
2796
|
fillOpacity: t(n)
|
|
2749
2797
|
}, n))
|
|
2750
2798
|
}),
|
|
2751
|
-
/* @__PURE__ */
|
|
2752
|
-
content: /* @__PURE__ */
|
|
2799
|
+
/* @__PURE__ */ D(Pt, {
|
|
2800
|
+
content: /* @__PURE__ */ D(en, {}),
|
|
2753
2801
|
wrapperStyle: { zIndex: 50 }
|
|
2754
2802
|
})
|
|
2755
2803
|
] })
|
|
2756
2804
|
})
|
|
2757
2805
|
});
|
|
2758
2806
|
}
|
|
2759
|
-
return /* @__PURE__ */
|
|
2807
|
+
return /* @__PURE__ */ O("div", {
|
|
2760
2808
|
ref: o,
|
|
2761
|
-
className: [
|
|
2809
|
+
className: [Cr.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2762
2810
|
style: { height: p.h },
|
|
2763
|
-
children: [/* @__PURE__ */
|
|
2811
|
+
children: [/* @__PURE__ */ D(Mt, {
|
|
2764
2812
|
width: "100%",
|
|
2765
2813
|
height: "100%",
|
|
2766
|
-
children: /* @__PURE__ */
|
|
2814
|
+
children: /* @__PURE__ */ O(Ct, { children: [/* @__PURE__ */ D(St, {
|
|
2767
2815
|
data: e,
|
|
2768
2816
|
dataKey: "value",
|
|
2769
2817
|
nameKey: "label",
|
|
@@ -2778,23 +2826,23 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2778
2826
|
labelLine: !1,
|
|
2779
2827
|
onMouseEnter: (e, t) => l(t),
|
|
2780
2828
|
onMouseLeave: () => l(void 0),
|
|
2781
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
2782
|
-
}), /* @__PURE__ */
|
|
2783
|
-
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, {}),
|
|
2784
2832
|
wrapperStyle: { zIndex: 50 }
|
|
2785
2833
|
})] })
|
|
2786
|
-
}), v && /* @__PURE__ */
|
|
2787
|
-
className:
|
|
2788
|
-
children: [r && /* @__PURE__ */
|
|
2789
|
-
className:
|
|
2834
|
+
}), v && /* @__PURE__ */ O("div", {
|
|
2835
|
+
className: Cr.center,
|
|
2836
|
+
children: [r && /* @__PURE__ */ D("span", {
|
|
2837
|
+
className: Cr.center__value,
|
|
2790
2838
|
children: r
|
|
2791
|
-
}), i && /* @__PURE__ */
|
|
2792
|
-
className:
|
|
2839
|
+
}), i && /* @__PURE__ */ D("span", {
|
|
2840
|
+
className: Cr.center__caption,
|
|
2793
2841
|
children: i
|
|
2794
2842
|
})]
|
|
2795
2843
|
})]
|
|
2796
2844
|
});
|
|
2797
|
-
},
|
|
2845
|
+
}, q = {
|
|
2798
2846
|
root: "_root_16f5u_2",
|
|
2799
2847
|
trigger: "_trigger_16f5u_3",
|
|
2800
2848
|
panel: "_panel_16f5u_5",
|
|
@@ -2812,15 +2860,15 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2812
2860
|
panel__description: "_panel__description_16f5u_76",
|
|
2813
2861
|
panel__body: "_panel__body_16f5u_77",
|
|
2814
2862
|
panel__actions: "_panel__actions_16f5u_78"
|
|
2815
|
-
},
|
|
2816
|
-
let [s, c] =
|
|
2817
|
-
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(() => {
|
|
2818
2866
|
s && u(!0);
|
|
2819
|
-
}, [s]),
|
|
2867
|
+
}, [s]), E.useEffect(() => {
|
|
2820
2868
|
if (s || !l) return;
|
|
2821
2869
|
let e = setTimeout(() => u(!1), 240);
|
|
2822
2870
|
return () => clearTimeout(e);
|
|
2823
|
-
}, [s, l]),
|
|
2871
|
+
}, [s, l]), E.useEffect(() => {
|
|
2824
2872
|
if (!s) return;
|
|
2825
2873
|
let e = (e) => {
|
|
2826
2874
|
d.current && !d.current.contains(e.target) && c(!1);
|
|
@@ -2830,60 +2878,60 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2830
2878
|
return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
|
|
2831
2879
|
document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
|
|
2832
2880
|
};
|
|
2833
|
-
}, [s]),
|
|
2881
|
+
}, [s]), E.useEffect(() => {
|
|
2834
2882
|
!s && f.current && (f.current.focus(), f.current = null);
|
|
2835
|
-
}, [s]), /* @__PURE__ */
|
|
2836
|
-
className: [
|
|
2883
|
+
}, [s]), /* @__PURE__ */ O("div", {
|
|
2884
|
+
className: [q.root, o ?? ""].filter(Boolean).join(" "),
|
|
2837
2885
|
ref: d,
|
|
2838
|
-
children: [/* @__PURE__ */
|
|
2839
|
-
className:
|
|
2886
|
+
children: [/* @__PURE__ */ D("span", {
|
|
2887
|
+
className: q.trigger,
|
|
2840
2888
|
onClick: () => {
|
|
2841
2889
|
s || (f.current = document.activeElement), c((e) => !e);
|
|
2842
2890
|
},
|
|
2843
2891
|
children: e
|
|
2844
|
-
}), l && /* @__PURE__ */
|
|
2892
|
+
}), l && /* @__PURE__ */ O("div", {
|
|
2845
2893
|
className: [
|
|
2846
|
-
|
|
2847
|
-
|
|
2848
|
-
s ?
|
|
2894
|
+
q.panel,
|
|
2895
|
+
q[`panel--${i}`],
|
|
2896
|
+
s ? q["panel--entering"] : q["panel--exiting"]
|
|
2849
2897
|
].filter(Boolean).join(" "),
|
|
2850
2898
|
role: "dialog",
|
|
2851
2899
|
onAnimationEnd: (e) => {
|
|
2852
2900
|
e.target === e.currentTarget && !s && u(!1);
|
|
2853
2901
|
},
|
|
2854
2902
|
children: [
|
|
2855
|
-
t && /* @__PURE__ */
|
|
2856
|
-
className:
|
|
2903
|
+
t && /* @__PURE__ */ D("div", {
|
|
2904
|
+
className: q.panel__title,
|
|
2857
2905
|
children: t
|
|
2858
2906
|
}),
|
|
2859
|
-
n && /* @__PURE__ */
|
|
2860
|
-
className:
|
|
2907
|
+
n && /* @__PURE__ */ D("div", {
|
|
2908
|
+
className: q.panel__description,
|
|
2861
2909
|
children: n
|
|
2862
2910
|
}),
|
|
2863
|
-
a && /* @__PURE__ */
|
|
2864
|
-
className:
|
|
2911
|
+
a && /* @__PURE__ */ D("div", {
|
|
2912
|
+
className: q.panel__body,
|
|
2865
2913
|
children: a
|
|
2866
2914
|
}),
|
|
2867
|
-
r && /* @__PURE__ */
|
|
2868
|
-
className:
|
|
2915
|
+
r && /* @__PURE__ */ D("div", {
|
|
2916
|
+
className: q.panel__actions,
|
|
2869
2917
|
children: r
|
|
2870
2918
|
})
|
|
2871
2919
|
]
|
|
2872
2920
|
})]
|
|
2873
2921
|
});
|
|
2874
|
-
},
|
|
2922
|
+
}, Mr = {
|
|
2875
2923
|
chart: "_chart_q6xhl_2",
|
|
2876
2924
|
circleFillSvg: "_circleFillSvg_q6xhl_17"
|
|
2877
|
-
},
|
|
2925
|
+
}, Nr = {
|
|
2878
2926
|
sm: 200,
|
|
2879
2927
|
md: 260,
|
|
2880
2928
|
lg: 340,
|
|
2881
2929
|
xl: 420
|
|
2882
|
-
},
|
|
2930
|
+
}, Pr = /* @__PURE__ */ new Set([
|
|
2883
2931
|
"circle-grid",
|
|
2884
2932
|
"circle-grid-no-lines",
|
|
2885
2933
|
"circle-grid-filled"
|
|
2886
|
-
]),
|
|
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([
|
|
2887
2935
|
"default",
|
|
2888
2936
|
"dots",
|
|
2889
2937
|
"dots-grid-none",
|
|
@@ -2894,25 +2942,25 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2894
2942
|
"grid-custom",
|
|
2895
2943
|
"grid-filled",
|
|
2896
2944
|
"circle-grid-filled"
|
|
2897
|
-
]),
|
|
2945
|
+
]), Br = [
|
|
2898
2946
|
1,
|
|
2899
2947
|
.8,
|
|
2900
2948
|
.6,
|
|
2901
2949
|
.4,
|
|
2902
2950
|
.2
|
|
2903
|
-
],
|
|
2904
|
-
let a =
|
|
2905
|
-
|
|
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(() => {
|
|
2906
2954
|
if (!y || !a.current) return;
|
|
2907
2955
|
let e = a.current, t = new ResizeObserver(([e]) => x(e.contentRect.width));
|
|
2908
2956
|
return t.observe(e), () => t.disconnect();
|
|
2909
2957
|
}, [y]);
|
|
2910
|
-
let ee =
|
|
2958
|
+
let ee = E.useMemo(() => {
|
|
2911
2959
|
if (!g) return e;
|
|
2912
2960
|
let t = Math.max(1, ...e.flatMap((e) => [e.value, e.value2 ?? 0]));
|
|
2913
2961
|
return e.map((e) => {
|
|
2914
2962
|
let n = {};
|
|
2915
|
-
return
|
|
2963
|
+
return Br.forEach((e, r) => {
|
|
2916
2964
|
n[`ring${r}`] = e * t;
|
|
2917
2965
|
}), {
|
|
2918
2966
|
...e,
|
|
@@ -2921,7 +2969,7 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2921
2969
|
});
|
|
2922
2970
|
}, [e, g]), S = (t) => {
|
|
2923
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];
|
|
2924
|
-
if (!c) return /* @__PURE__ */
|
|
2972
|
+
if (!c) return /* @__PURE__ */ D("g", {});
|
|
2925
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;
|
|
2926
2974
|
if (p && d < 0) h = r - 4 - 6, m = h - 16;
|
|
2927
2975
|
else if (p) m = r + 4 + 10, h = m + 18;
|
|
@@ -2930,7 +2978,7 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2930
2978
|
m = e - 8, h = e + 12;
|
|
2931
2979
|
}
|
|
2932
2980
|
let g = p ? n : n + l / Math.sqrt(l * l + d * d || 1) * 4;
|
|
2933
|
-
return /* @__PURE__ */
|
|
2981
|
+
return /* @__PURE__ */ O("g", { children: [/* @__PURE__ */ D("text", {
|
|
2934
2982
|
x: g,
|
|
2935
2983
|
y: m,
|
|
2936
2984
|
textAnchor: s,
|
|
@@ -2939,7 +2987,7 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2939
2987
|
fontWeight: 600,
|
|
2940
2988
|
fontFamily: "var(--font-sans)",
|
|
2941
2989
|
children: f
|
|
2942
|
-
}), /* @__PURE__ */
|
|
2990
|
+
}), /* @__PURE__ */ D("text", {
|
|
2943
2991
|
x: g,
|
|
2944
2992
|
y: h,
|
|
2945
2993
|
textAnchor: s,
|
|
@@ -2948,34 +2996,34 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2948
2996
|
fontFamily: "var(--font-sans)",
|
|
2949
2997
|
children: c.label
|
|
2950
2998
|
})] });
|
|
2951
|
-
}, C =
|
|
2952
|
-
return /* @__PURE__ */
|
|
2999
|
+
}, C = Nr[n], te = (b > 0 ? Math.min(b, C) / 2 - 5 : 0) * .7;
|
|
3000
|
+
return /* @__PURE__ */ O("div", {
|
|
2953
3001
|
ref: a,
|
|
2954
|
-
className: [
|
|
2955
|
-
children: [y && b > 0 && /* @__PURE__ */
|
|
2956
|
-
className:
|
|
3002
|
+
className: [Mr.chart, i ?? ""].filter(Boolean).join(" "),
|
|
3003
|
+
children: [y && b > 0 && /* @__PURE__ */ D("svg", {
|
|
3004
|
+
className: Mr.circleFillSvg,
|
|
2957
3005
|
width: b,
|
|
2958
3006
|
height: C,
|
|
2959
|
-
children:
|
|
3007
|
+
children: Br.map((e) => /* @__PURE__ */ D("circle", {
|
|
2960
3008
|
cx: b / 2,
|
|
2961
3009
|
cy: C / 2,
|
|
2962
3010
|
r: te * e,
|
|
2963
3011
|
fill: c,
|
|
2964
3012
|
fillOpacity: .1
|
|
2965
3013
|
}, e))
|
|
2966
|
-
}), /* @__PURE__ */
|
|
3014
|
+
}), /* @__PURE__ */ D(Mt, {
|
|
2967
3015
|
width: "100%",
|
|
2968
3016
|
height: C,
|
|
2969
|
-
children: /* @__PURE__ */
|
|
3017
|
+
children: /* @__PURE__ */ O(Ot, {
|
|
2970
3018
|
data: ee,
|
|
2971
3019
|
outerRadius: "70%",
|
|
2972
3020
|
children: [
|
|
2973
|
-
!g && !v && /* @__PURE__ */
|
|
2974
|
-
gridType:
|
|
3021
|
+
!g && !v && /* @__PURE__ */ D(Tt, {
|
|
3022
|
+
gridType: Pr.has(t) ? "circle" : "polygon",
|
|
2975
3023
|
radialLines: t !== "circle-grid-no-lines" && !_,
|
|
2976
3024
|
stroke: l
|
|
2977
3025
|
}),
|
|
2978
|
-
/* @__PURE__ */
|
|
3026
|
+
/* @__PURE__ */ D(wt, {
|
|
2979
3027
|
dataKey: "label",
|
|
2980
3028
|
axisLine: !1,
|
|
2981
3029
|
tick: t === "custom-label" ? S : {
|
|
@@ -2984,20 +3032,20 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
2984
3032
|
fontFamily: "var(--font-sans)"
|
|
2985
3033
|
}
|
|
2986
3034
|
}),
|
|
2987
|
-
/* @__PURE__ */
|
|
3035
|
+
/* @__PURE__ */ D(Et, {
|
|
2988
3036
|
tick: !1,
|
|
2989
3037
|
axisLine: !1,
|
|
2990
3038
|
tickCount: _ ? 2 : void 0
|
|
2991
3039
|
}),
|
|
2992
|
-
/* @__PURE__ */
|
|
2993
|
-
content: /* @__PURE__ */
|
|
3040
|
+
/* @__PURE__ */ D(Pt, {
|
|
3041
|
+
content: /* @__PURE__ */ D(en, {}),
|
|
2994
3042
|
wrapperStyle: { zIndex: 50 }
|
|
2995
3043
|
}),
|
|
2996
|
-
d && /* @__PURE__ */
|
|
3044
|
+
d && /* @__PURE__ */ D(yt, { wrapperStyle: {
|
|
2997
3045
|
fontSize: 12,
|
|
2998
3046
|
fontFamily: "var(--font-sans)"
|
|
2999
3047
|
} }),
|
|
3000
|
-
g &&
|
|
3048
|
+
g && Br.map((e, t) => /* @__PURE__ */ D(Dt, {
|
|
3001
3049
|
dataKey: `ring${t}`,
|
|
3002
3050
|
stroke: "none",
|
|
3003
3051
|
fill: c,
|
|
@@ -3005,13 +3053,13 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
3005
3053
|
isAnimationActive: !1,
|
|
3006
3054
|
legendType: "none"
|
|
3007
3055
|
}, `ring${t}`)),
|
|
3008
|
-
/* @__PURE__ */
|
|
3056
|
+
/* @__PURE__ */ D(Dt, {
|
|
3009
3057
|
name: d ? r[0] ?? "Value" : void 0,
|
|
3010
3058
|
dataKey: "value",
|
|
3011
|
-
stroke:
|
|
3059
|
+
stroke: zr.has(t) ? "none" : c,
|
|
3012
3060
|
fill: m ? c : "none",
|
|
3013
3061
|
fillOpacity: m ? _ ? 1 : p ? .45 : .5 : 0,
|
|
3014
|
-
strokeWidth:
|
|
3062
|
+
strokeWidth: zr.has(t) ? 0 : 2,
|
|
3015
3063
|
dot: h ? {
|
|
3016
3064
|
r: 4,
|
|
3017
3065
|
fill: c,
|
|
@@ -3019,7 +3067,7 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
3019
3067
|
} : !1,
|
|
3020
3068
|
isAnimationActive: !1
|
|
3021
3069
|
}),
|
|
3022
|
-
p && /* @__PURE__ */
|
|
3070
|
+
p && /* @__PURE__ */ D(Dt, {
|
|
3023
3071
|
name: d ? r[1] ?? "Value 2" : void 0,
|
|
3024
3072
|
dataKey: "value2",
|
|
3025
3073
|
stroke: f ? s : "none",
|
|
@@ -3037,50 +3085,50 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
3037
3085
|
})
|
|
3038
3086
|
})]
|
|
3039
3087
|
});
|
|
3040
|
-
},
|
|
3088
|
+
}, J = {
|
|
3041
3089
|
chart: "_chart_1ogmh_2",
|
|
3042
3090
|
gridSvg: "_gridSvg_1ogmh_19",
|
|
3043
3091
|
gaugeSvg: "_gaugeSvg_1ogmh_31",
|
|
3044
3092
|
center: "_center_1ogmh_36",
|
|
3045
3093
|
center__value: "_center__value_1ogmh_45",
|
|
3046
3094
|
center__caption: "_center__caption_1ogmh_46"
|
|
3047
|
-
},
|
|
3095
|
+
}, Hr = {
|
|
3048
3096
|
sm: 180,
|
|
3049
3097
|
md: 220,
|
|
3050
3098
|
lg: 280,
|
|
3051
3099
|
xl: 340
|
|
3052
|
-
},
|
|
3100
|
+
}, Ur = Math.PI / 180, Wr = (e) => Math.round(e * 1e3) / 1e3, Gr = {
|
|
3053
3101
|
multi: ["30%", "100%"],
|
|
3054
3102
|
grid: ["30%", "100%"],
|
|
3055
3103
|
"stacked-label": ["30%", "100%"],
|
|
3056
3104
|
text: ["76%", "100%"]
|
|
3057
|
-
},
|
|
3105
|
+
}, Kr = ({ value: e, max: t, color: n, track: r, centerValue: i, centerCaption: a, labelColor: o, captionColor: s }) => {
|
|
3058
3106
|
let c = Math.round(Math.min(e, t) / t * 40);
|
|
3059
|
-
return /* @__PURE__ */
|
|
3107
|
+
return /* @__PURE__ */ O("svg", {
|
|
3060
3108
|
viewBox: "0 0 200 120",
|
|
3061
|
-
className:
|
|
3109
|
+
className: J.gaugeSvg,
|
|
3062
3110
|
children: [Array.from({ length: 40 }).map((e, t) => {
|
|
3063
3111
|
let i = 180 + t / 39 * 180;
|
|
3064
|
-
return /* @__PURE__ */
|
|
3065
|
-
x1:
|
|
3066
|
-
y1:
|
|
3067
|
-
x2:
|
|
3068
|
-
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)),
|
|
3069
3117
|
stroke: t < c ? n : r,
|
|
3070
3118
|
strokeWidth: 2.5,
|
|
3071
3119
|
strokeLinecap: "round"
|
|
3072
3120
|
}, t);
|
|
3073
|
-
}), (i || a) && /* @__PURE__ */
|
|
3121
|
+
}), (i || a) && /* @__PURE__ */ O("g", {
|
|
3074
3122
|
textAnchor: "middle",
|
|
3075
3123
|
fontFamily: "var(--font-sans)",
|
|
3076
|
-
children: [i && /* @__PURE__ */
|
|
3124
|
+
children: [i && /* @__PURE__ */ D("text", {
|
|
3077
3125
|
x: 100,
|
|
3078
3126
|
y: 92,
|
|
3079
3127
|
fontSize: 22,
|
|
3080
3128
|
fontWeight: 500,
|
|
3081
3129
|
fill: o,
|
|
3082
3130
|
children: i
|
|
3083
|
-
}), a && /* @__PURE__ */
|
|
3131
|
+
}), a && /* @__PURE__ */ D("text", {
|
|
3084
3132
|
x: 100,
|
|
3085
3133
|
y: 112,
|
|
3086
3134
|
fontSize: 12,
|
|
@@ -3089,10 +3137,10 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
3089
3137
|
})]
|
|
3090
3138
|
})]
|
|
3091
3139
|
});
|
|
3092
|
-
},
|
|
3140
|
+
}, qr = ({ rings: e, spokes: t, color: n }) => /* @__PURE__ */ O("svg", {
|
|
3093
3141
|
viewBox: "0 0 200 200",
|
|
3094
|
-
className:
|
|
3095
|
-
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", {
|
|
3096
3144
|
cx: 100,
|
|
3097
3145
|
cy: 100,
|
|
3098
3146
|
r: (r + 1) / e * 96,
|
|
@@ -3101,16 +3149,16 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
3101
3149
|
strokeWidth: 1
|
|
3102
3150
|
}, r)), Array.from({ length: t }).map((e, r) => {
|
|
3103
3151
|
let i = r / t * 360, a = 99.5 * 1.1;
|
|
3104
|
-
return /* @__PURE__ */
|
|
3152
|
+
return /* @__PURE__ */ D("line", {
|
|
3105
3153
|
x1: 100,
|
|
3106
3154
|
y1: 100,
|
|
3107
|
-
x2:
|
|
3108
|
-
y2:
|
|
3155
|
+
x2: Wr(100 + a * Math.cos(i * Ur)),
|
|
3156
|
+
y2: Wr(100 + a * Math.sin(i * Ur)),
|
|
3109
3157
|
stroke: n,
|
|
3110
3158
|
strokeWidth: 1
|
|
3111
3159
|
}, r);
|
|
3112
3160
|
})]
|
|
3113
|
-
}),
|
|
3161
|
+
}), Jr = ({ data: e, palette: t, track: n, centerValue: r, centerCaption: i, labelColor: a, captionColor: o }) => {
|
|
3114
3162
|
let s = e[0]?.max ?? e.reduce((e, t) => e + t.value, 0), c = 210, l = e.map((e, n) => {
|
|
3115
3163
|
let r = s > 0 ? e.value / s * 240 : 0, i = c, a = c - r;
|
|
3116
3164
|
return c = a, {
|
|
@@ -3119,11 +3167,11 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
3119
3167
|
fill: t[n % t.length]
|
|
3120
3168
|
};
|
|
3121
3169
|
});
|
|
3122
|
-
return /* @__PURE__ */
|
|
3170
|
+
return /* @__PURE__ */ O("svg", {
|
|
3123
3171
|
viewBox: "0 0 200 160",
|
|
3124
|
-
className:
|
|
3172
|
+
className: J.gaugeSvg,
|
|
3125
3173
|
children: [
|
|
3126
|
-
l.map((e, t) => /* @__PURE__ */
|
|
3174
|
+
l.map((e, t) => /* @__PURE__ */ D(Nt, {
|
|
3127
3175
|
cx: 100,
|
|
3128
3176
|
cy: 100,
|
|
3129
3177
|
innerRadius: 64,
|
|
@@ -3133,7 +3181,7 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
3133
3181
|
fill: e.fill,
|
|
3134
3182
|
cornerRadius: 4
|
|
3135
3183
|
}, t)),
|
|
3136
|
-
c > -29.5 && /* @__PURE__ */
|
|
3184
|
+
c > -29.5 && /* @__PURE__ */ D(Nt, {
|
|
3137
3185
|
cx: 100,
|
|
3138
3186
|
cy: 100,
|
|
3139
3187
|
innerRadius: 64,
|
|
@@ -3143,17 +3191,17 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
3143
3191
|
fill: n,
|
|
3144
3192
|
cornerRadius: 4
|
|
3145
3193
|
}),
|
|
3146
|
-
(r || i) && /* @__PURE__ */
|
|
3194
|
+
(r || i) && /* @__PURE__ */ O("g", {
|
|
3147
3195
|
textAnchor: "middle",
|
|
3148
3196
|
fontFamily: "var(--font-sans)",
|
|
3149
|
-
children: [r && /* @__PURE__ */
|
|
3197
|
+
children: [r && /* @__PURE__ */ D("text", {
|
|
3150
3198
|
x: 100,
|
|
3151
3199
|
y: 92,
|
|
3152
3200
|
fontSize: 22,
|
|
3153
3201
|
fontWeight: 500,
|
|
3154
3202
|
fill: a,
|
|
3155
3203
|
children: r
|
|
3156
|
-
}), i && /* @__PURE__ */
|
|
3204
|
+
}), i && /* @__PURE__ */ D("text", {
|
|
3157
3205
|
x: 100,
|
|
3158
3206
|
y: 112,
|
|
3159
3207
|
fontSize: 12,
|
|
@@ -3163,21 +3211,21 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
3163
3211
|
})
|
|
3164
3212
|
]
|
|
3165
3213
|
});
|
|
3166
|
-
},
|
|
3167
|
-
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 = [
|
|
3168
3216
|
1,
|
|
3169
3217
|
2,
|
|
3170
3218
|
3,
|
|
3171
3219
|
4,
|
|
3172
3220
|
5
|
|
3173
|
-
].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];
|
|
3174
3222
|
if (t === "gauge-tick") {
|
|
3175
3223
|
let t = e[0];
|
|
3176
|
-
return /* @__PURE__ */
|
|
3224
|
+
return /* @__PURE__ */ D("div", {
|
|
3177
3225
|
ref: o,
|
|
3178
|
-
className: [
|
|
3226
|
+
className: [J.chart, a ?? ""].filter(Boolean).join(" "),
|
|
3179
3227
|
style: { height: p },
|
|
3180
|
-
children: /* @__PURE__ */
|
|
3228
|
+
children: /* @__PURE__ */ D(Kr, {
|
|
3181
3229
|
value: t?.value ?? 0,
|
|
3182
3230
|
max: t?.max ?? 100,
|
|
3183
3231
|
color: c[0],
|
|
@@ -3189,11 +3237,11 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
3189
3237
|
})
|
|
3190
3238
|
});
|
|
3191
3239
|
}
|
|
3192
|
-
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", {
|
|
3193
3241
|
ref: o,
|
|
3194
|
-
className: [
|
|
3242
|
+
className: [J.chart, a ?? ""].filter(Boolean).join(" "),
|
|
3195
3243
|
style: { height: p },
|
|
3196
|
-
children: /* @__PURE__ */
|
|
3244
|
+
children: /* @__PURE__ */ D(Jr, {
|
|
3197
3245
|
data: e,
|
|
3198
3246
|
palette: c,
|
|
3199
3247
|
track: l,
|
|
@@ -3203,54 +3251,54 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
3203
3251
|
captionColor: f
|
|
3204
3252
|
})
|
|
3205
3253
|
});
|
|
3206
|
-
let [m, h] =
|
|
3207
|
-
return /* @__PURE__ */
|
|
3254
|
+
let [m, h] = Gr[t] ?? ["30%", "100%"], g = (t === "stacked-label" || t === "text") && (r || i);
|
|
3255
|
+
return /* @__PURE__ */ O("div", {
|
|
3208
3256
|
ref: o,
|
|
3209
|
-
className: [
|
|
3257
|
+
className: [J.chart, a ?? ""].filter(Boolean).join(" "),
|
|
3210
3258
|
style: { height: p },
|
|
3211
3259
|
children: [
|
|
3212
|
-
t === "grid" && /* @__PURE__ */
|
|
3260
|
+
t === "grid" && /* @__PURE__ */ D(qr, {
|
|
3213
3261
|
rings: 8,
|
|
3214
3262
|
spokes: 12,
|
|
3215
3263
|
color: u
|
|
3216
3264
|
}),
|
|
3217
|
-
/* @__PURE__ */
|
|
3265
|
+
/* @__PURE__ */ D(Mt, {
|
|
3218
3266
|
width: "100%",
|
|
3219
3267
|
height: "100%",
|
|
3220
|
-
children: /* @__PURE__ */
|
|
3268
|
+
children: /* @__PURE__ */ O(At, {
|
|
3221
3269
|
data: e,
|
|
3222
3270
|
innerRadius: m,
|
|
3223
3271
|
outerRadius: h,
|
|
3224
3272
|
startAngle: 90,
|
|
3225
3273
|
endAngle: -270,
|
|
3226
3274
|
barCategoryGap: "12%",
|
|
3227
|
-
children: [/* @__PURE__ */
|
|
3275
|
+
children: [/* @__PURE__ */ D(wt, {
|
|
3228
3276
|
type: "number",
|
|
3229
3277
|
domain: [0, e[0]?.max ?? 100],
|
|
3230
3278
|
tick: !1,
|
|
3231
3279
|
axisLine: !1
|
|
3232
|
-
}), /* @__PURE__ */
|
|
3280
|
+
}), /* @__PURE__ */ D(kt, {
|
|
3233
3281
|
dataKey: "value",
|
|
3234
3282
|
background: t !== "grid" && { fill: l },
|
|
3235
3283
|
cornerRadius: 8,
|
|
3236
3284
|
isAnimationActive: !1,
|
|
3237
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
3285
|
+
children: e.map((e, t) => /* @__PURE__ */ D(vt, { fill: c[t % c.length] }, t))
|
|
3238
3286
|
})]
|
|
3239
3287
|
})
|
|
3240
3288
|
}),
|
|
3241
|
-
g && /* @__PURE__ */
|
|
3242
|
-
className:
|
|
3243
|
-
children: [r && /* @__PURE__ */
|
|
3244
|
-
className:
|
|
3289
|
+
g && /* @__PURE__ */ O("div", {
|
|
3290
|
+
className: J.center,
|
|
3291
|
+
children: [r && /* @__PURE__ */ D("span", {
|
|
3292
|
+
className: J.center__value,
|
|
3245
3293
|
children: r
|
|
3246
|
-
}), i && /* @__PURE__ */
|
|
3247
|
-
className:
|
|
3294
|
+
}), i && /* @__PURE__ */ D("span", {
|
|
3295
|
+
className: J.center__caption,
|
|
3248
3296
|
children: i
|
|
3249
3297
|
})]
|
|
3250
3298
|
})
|
|
3251
3299
|
]
|
|
3252
3300
|
});
|
|
3253
|
-
},
|
|
3301
|
+
}, Y = {
|
|
3254
3302
|
wrapper: "_wrapper_5ueza_3",
|
|
3255
3303
|
"wrapper--disabled": "_wrapper--disabled_5ueza_11",
|
|
3256
3304
|
input: "_input_5ueza_13",
|
|
@@ -3260,45 +3308,45 @@ var dr = { chart: "_chart_18fgd_2" }, fr = {
|
|
|
3260
3308
|
text__label: "_text__label_5ueza_80",
|
|
3261
3309
|
text__description: "_text__description_5ueza_81",
|
|
3262
3310
|
"wrapper--withDescription": "_wrapper--withDescription_5ueza_85"
|
|
3263
|
-
},
|
|
3264
|
-
let s =
|
|
3265
|
-
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", {
|
|
3266
3314
|
htmlFor: c,
|
|
3267
3315
|
className: [
|
|
3268
|
-
|
|
3269
|
-
t ?
|
|
3270
|
-
n ?
|
|
3316
|
+
Y.wrapper,
|
|
3317
|
+
t ? Y["wrapper--withDescription"] : "",
|
|
3318
|
+
n ? Y["wrapper--disabled"] : "",
|
|
3271
3319
|
i ?? ""
|
|
3272
3320
|
].filter(Boolean).join(" "),
|
|
3273
3321
|
children: [
|
|
3274
|
-
/* @__PURE__ */
|
|
3322
|
+
/* @__PURE__ */ D("input", {
|
|
3275
3323
|
ref: o,
|
|
3276
3324
|
id: c,
|
|
3277
3325
|
type: "radio",
|
|
3278
3326
|
disabled: n,
|
|
3279
|
-
className:
|
|
3327
|
+
className: Y.input,
|
|
3280
3328
|
...a
|
|
3281
3329
|
}),
|
|
3282
|
-
/* @__PURE__ */
|
|
3283
|
-
className:
|
|
3330
|
+
/* @__PURE__ */ D("span", {
|
|
3331
|
+
className: Y.circle,
|
|
3284
3332
|
"aria-hidden": "true",
|
|
3285
|
-
children: /* @__PURE__ */
|
|
3333
|
+
children: /* @__PURE__ */ D("span", { className: Y.dot })
|
|
3286
3334
|
}),
|
|
3287
|
-
(e || t) && /* @__PURE__ */
|
|
3288
|
-
className:
|
|
3289
|
-
children: [e && /* @__PURE__ */
|
|
3290
|
-
className:
|
|
3335
|
+
(e || t) && /* @__PURE__ */ O("span", {
|
|
3336
|
+
className: Y.text,
|
|
3337
|
+
children: [e && /* @__PURE__ */ D("span", {
|
|
3338
|
+
className: Y.text__label,
|
|
3291
3339
|
children: e
|
|
3292
|
-
}), t && /* @__PURE__ */
|
|
3293
|
-
className:
|
|
3340
|
+
}), t && /* @__PURE__ */ D("span", {
|
|
3341
|
+
className: Y.text__description,
|
|
3294
3342
|
children: t
|
|
3295
3343
|
})]
|
|
3296
3344
|
})
|
|
3297
3345
|
]
|
|
3298
3346
|
});
|
|
3299
3347
|
});
|
|
3300
|
-
|
|
3301
|
-
var
|
|
3348
|
+
Xr.displayName = "Radio";
|
|
3349
|
+
var X = {
|
|
3302
3350
|
footer: "_footer_sh6kz_4",
|
|
3303
3351
|
"footer--collapsed": "_footer--collapsed_sh6kz_12",
|
|
3304
3352
|
footer__text: "_footer__text_sh6kz_14",
|
|
@@ -3306,54 +3354,54 @@ var Z = {
|
|
|
3306
3354
|
footer__subtitle: "_footer__subtitle_sh6kz_16",
|
|
3307
3355
|
footer__menu: "_footer__menu_sh6kz_17",
|
|
3308
3356
|
footer__action: "_footer__action_sh6kz_24"
|
|
3309
|
-
},
|
|
3310
|
-
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, {
|
|
3311
3359
|
size: "sm",
|
|
3312
3360
|
src: r,
|
|
3313
3361
|
initials: i,
|
|
3314
3362
|
alt: t ?? "User"
|
|
3315
3363
|
});
|
|
3316
|
-
return a ? /* @__PURE__ */
|
|
3317
|
-
className: [
|
|
3364
|
+
return a ? /* @__PURE__ */ D("div", {
|
|
3365
|
+
className: [X.footer, X["footer--collapsed"]].join(" "),
|
|
3318
3366
|
children: c
|
|
3319
|
-
}) : e === "actions" ? /* @__PURE__ */
|
|
3320
|
-
className:
|
|
3321
|
-
children: /* @__PURE__ */
|
|
3367
|
+
}) : e === "actions" ? /* @__PURE__ */ D("div", {
|
|
3368
|
+
className: X.footer,
|
|
3369
|
+
children: /* @__PURE__ */ O("button", {
|
|
3322
3370
|
type: "button",
|
|
3323
|
-
className:
|
|
3371
|
+
className: X.footer__action,
|
|
3324
3372
|
onClick: s,
|
|
3325
|
-
children: [/* @__PURE__ */
|
|
3373
|
+
children: [/* @__PURE__ */ D(Qe, {
|
|
3326
3374
|
size: 16,
|
|
3327
|
-
strokeWidth:
|
|
3375
|
+
strokeWidth: T(16)
|
|
3328
3376
|
}), " Sign out"]
|
|
3329
3377
|
})
|
|
3330
|
-
}) : /* @__PURE__ */
|
|
3331
|
-
className:
|
|
3378
|
+
}) : /* @__PURE__ */ O("div", {
|
|
3379
|
+
className: X.footer,
|
|
3332
3380
|
children: [
|
|
3333
3381
|
c,
|
|
3334
|
-
/* @__PURE__ */
|
|
3335
|
-
className:
|
|
3336
|
-
children: [t && /* @__PURE__ */
|
|
3337
|
-
className:
|
|
3382
|
+
/* @__PURE__ */ O("span", {
|
|
3383
|
+
className: X.footer__text,
|
|
3384
|
+
children: [t && /* @__PURE__ */ D("span", {
|
|
3385
|
+
className: X.footer__title,
|
|
3338
3386
|
children: t
|
|
3339
|
-
}), n && /* @__PURE__ */
|
|
3340
|
-
className:
|
|
3387
|
+
}), n && /* @__PURE__ */ D("span", {
|
|
3388
|
+
className: X.footer__subtitle,
|
|
3341
3389
|
children: n
|
|
3342
3390
|
})]
|
|
3343
3391
|
}),
|
|
3344
|
-
e === "user-menu" && /* @__PURE__ */
|
|
3392
|
+
e === "user-menu" && /* @__PURE__ */ D("button", {
|
|
3345
3393
|
type: "button",
|
|
3346
|
-
className:
|
|
3394
|
+
className: X.footer__menu,
|
|
3347
3395
|
onClick: o,
|
|
3348
3396
|
"aria-label": "Open menu",
|
|
3349
|
-
children: /* @__PURE__ */
|
|
3397
|
+
children: /* @__PURE__ */ D(Ye, {
|
|
3350
3398
|
size: 16,
|
|
3351
|
-
strokeWidth:
|
|
3399
|
+
strokeWidth: T(16)
|
|
3352
3400
|
})
|
|
3353
3401
|
})
|
|
3354
3402
|
]
|
|
3355
3403
|
});
|
|
3356
|
-
},
|
|
3404
|
+
}, Qr = {
|
|
3357
3405
|
promo: "_promo_1dicm_4",
|
|
3358
3406
|
promo__head: "_promo__head_1dicm_15",
|
|
3359
3407
|
promo__icon: "_promo__icon_1dicm_16",
|
|
@@ -3361,90 +3409,90 @@ var Z = {
|
|
|
3361
3409
|
promo__dismiss: "_promo__dismiss_1dicm_18",
|
|
3362
3410
|
promo__desc: "_promo__desc_1dicm_25",
|
|
3363
3411
|
promo__cta: "_promo__cta_1dicm_28"
|
|
3364
|
-
},
|
|
3365
|
-
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(" "),
|
|
3366
3414
|
children: [
|
|
3367
|
-
/* @__PURE__ */
|
|
3368
|
-
className:
|
|
3415
|
+
/* @__PURE__ */ O("div", {
|
|
3416
|
+
className: Qr.promo__head,
|
|
3369
3417
|
children: [
|
|
3370
|
-
/* @__PURE__ */
|
|
3371
|
-
className:
|
|
3418
|
+
/* @__PURE__ */ D("span", {
|
|
3419
|
+
className: Qr.promo__icon,
|
|
3372
3420
|
"aria-hidden": "true",
|
|
3373
|
-
children: /* @__PURE__ */
|
|
3421
|
+
children: /* @__PURE__ */ D(o, {
|
|
3374
3422
|
size: 16,
|
|
3375
|
-
strokeWidth:
|
|
3423
|
+
strokeWidth: T(16)
|
|
3376
3424
|
})
|
|
3377
3425
|
}),
|
|
3378
|
-
/* @__PURE__ */
|
|
3379
|
-
className:
|
|
3426
|
+
/* @__PURE__ */ D("span", {
|
|
3427
|
+
className: Qr.promo__title,
|
|
3380
3428
|
children: t
|
|
3381
3429
|
}),
|
|
3382
|
-
a && /* @__PURE__ */
|
|
3430
|
+
a && /* @__PURE__ */ D("button", {
|
|
3383
3431
|
type: "button",
|
|
3384
|
-
className:
|
|
3432
|
+
className: Qr.promo__dismiss,
|
|
3385
3433
|
onClick: a,
|
|
3386
3434
|
"aria-label": "Dismiss",
|
|
3387
|
-
children: /* @__PURE__ */
|
|
3435
|
+
children: /* @__PURE__ */ D(ft, {
|
|
3388
3436
|
size: 14,
|
|
3389
|
-
strokeWidth:
|
|
3437
|
+
strokeWidth: T(14)
|
|
3390
3438
|
})
|
|
3391
3439
|
})
|
|
3392
3440
|
]
|
|
3393
3441
|
}),
|
|
3394
|
-
n && /* @__PURE__ */
|
|
3395
|
-
className:
|
|
3442
|
+
n && /* @__PURE__ */ D("p", {
|
|
3443
|
+
className: Qr.promo__desc,
|
|
3396
3444
|
children: n
|
|
3397
3445
|
}),
|
|
3398
|
-
r && /* @__PURE__ */
|
|
3446
|
+
r && /* @__PURE__ */ D("button", {
|
|
3399
3447
|
type: "button",
|
|
3400
|
-
className:
|
|
3448
|
+
className: Qr.promo__cta,
|
|
3401
3449
|
onClick: i,
|
|
3402
3450
|
children: r
|
|
3403
3451
|
})
|
|
3404
3452
|
]
|
|
3405
|
-
}),
|
|
3453
|
+
}), Z = {
|
|
3406
3454
|
search: "_search_cvwic_2",
|
|
3407
3455
|
search__icon: "_search__icon_cvwic_18",
|
|
3408
3456
|
search__input: "_search__input_cvwic_19",
|
|
3409
3457
|
search__placeholder: "_search__placeholder_cvwic_31",
|
|
3410
3458
|
search__kbd: "_search__kbd_cvwic_32",
|
|
3411
3459
|
collapsed: "_collapsed_cvwic_42"
|
|
3412
|
-
}, 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", {
|
|
3413
3461
|
type: "button",
|
|
3414
|
-
className:
|
|
3462
|
+
className: Z.collapsed,
|
|
3415
3463
|
onClick: a,
|
|
3416
3464
|
"aria-label": "Search",
|
|
3417
|
-
children: /* @__PURE__ */
|
|
3465
|
+
children: /* @__PURE__ */ D(ot, {
|
|
3418
3466
|
size: 18,
|
|
3419
|
-
strokeWidth:
|
|
3467
|
+
strokeWidth: T(18)
|
|
3420
3468
|
})
|
|
3421
|
-
}) : e === "command" ? /* @__PURE__ */
|
|
3469
|
+
}) : e === "command" ? /* @__PURE__ */ O("button", {
|
|
3422
3470
|
type: "button",
|
|
3423
|
-
className:
|
|
3471
|
+
className: Z.search,
|
|
3424
3472
|
onClick: a,
|
|
3425
3473
|
children: [
|
|
3426
|
-
/* @__PURE__ */
|
|
3474
|
+
/* @__PURE__ */ D(ot, {
|
|
3427
3475
|
size: 16,
|
|
3428
|
-
strokeWidth:
|
|
3429
|
-
className:
|
|
3476
|
+
strokeWidth: T(16),
|
|
3477
|
+
className: Z.search__icon
|
|
3430
3478
|
}),
|
|
3431
|
-
/* @__PURE__ */
|
|
3432
|
-
className:
|
|
3479
|
+
/* @__PURE__ */ D("span", {
|
|
3480
|
+
className: Z.search__placeholder,
|
|
3433
3481
|
children: t
|
|
3434
3482
|
}),
|
|
3435
|
-
/* @__PURE__ */
|
|
3436
|
-
className:
|
|
3483
|
+
/* @__PURE__ */ D("kbd", {
|
|
3484
|
+
className: Z.search__kbd,
|
|
3437
3485
|
children: "⌘K"
|
|
3438
3486
|
})
|
|
3439
3487
|
]
|
|
3440
|
-
}) : /* @__PURE__ */
|
|
3441
|
-
className:
|
|
3442
|
-
children: [/* @__PURE__ */
|
|
3488
|
+
}) : /* @__PURE__ */ O("div", {
|
|
3489
|
+
className: Z.search,
|
|
3490
|
+
children: [/* @__PURE__ */ D(ot, {
|
|
3443
3491
|
size: 16,
|
|
3444
|
-
strokeWidth:
|
|
3445
|
-
className:
|
|
3446
|
-
}), /* @__PURE__ */
|
|
3447
|
-
className:
|
|
3492
|
+
strokeWidth: T(16),
|
|
3493
|
+
className: Z.search__icon
|
|
3494
|
+
}), /* @__PURE__ */ D("input", {
|
|
3495
|
+
className: Z.search__input,
|
|
3448
3496
|
placeholder: t,
|
|
3449
3497
|
value: r,
|
|
3450
3498
|
onChange: (e) => i?.(e.target.value)
|
|
@@ -3456,7 +3504,7 @@ var Z = {
|
|
|
3456
3504
|
"spinner--lg": "_spinner--lg_14r00_14",
|
|
3457
3505
|
spinner__svg: "_spinner__svg_14r00_17",
|
|
3458
3506
|
"spinner-rotate": "_spinner-rotate_14r00_1"
|
|
3459
|
-
}, ni = ({ size: e = "md", label: t = "Loading...", className: n }) => /* @__PURE__ */
|
|
3507
|
+
}, ni = ({ size: e = "md", label: t = "Loading...", className: n }) => /* @__PURE__ */ D("span", {
|
|
3460
3508
|
role: "status",
|
|
3461
3509
|
"aria-label": t,
|
|
3462
3510
|
className: [
|
|
@@ -3464,7 +3512,7 @@ var Z = {
|
|
|
3464
3512
|
ti[`spinner--${e}`],
|
|
3465
3513
|
n ?? ""
|
|
3466
3514
|
].filter(Boolean).join(" "),
|
|
3467
|
-
children: /* @__PURE__ */
|
|
3515
|
+
children: /* @__PURE__ */ O("svg", {
|
|
3468
3516
|
viewBox: "0 0 24 24",
|
|
3469
3517
|
fill: "none",
|
|
3470
3518
|
stroke: "currentColor",
|
|
@@ -3472,12 +3520,12 @@ var Z = {
|
|
|
3472
3520
|
strokeLinecap: "round",
|
|
3473
3521
|
"aria-hidden": "true",
|
|
3474
3522
|
className: ti.spinner__svg,
|
|
3475
|
-
children: [/* @__PURE__ */
|
|
3523
|
+
children: [/* @__PURE__ */ D("circle", {
|
|
3476
3524
|
cx: 12,
|
|
3477
3525
|
cy: 12,
|
|
3478
3526
|
r: 9,
|
|
3479
3527
|
opacity: .2
|
|
3480
|
-
}), /* @__PURE__ */
|
|
3528
|
+
}), /* @__PURE__ */ D("path", {
|
|
3481
3529
|
d: "M12 3a9 9 0 0 1 9 9",
|
|
3482
3530
|
className: ti.spinner__arc
|
|
3483
3531
|
})]
|
|
@@ -3496,9 +3544,9 @@ var Z = {
|
|
|
3496
3544
|
"card--trend-down": "_card--trend-down_u5kvg_69",
|
|
3497
3545
|
card__description: "_card__description_u5kvg_72"
|
|
3498
3546
|
}, ri = {
|
|
3499
|
-
up:
|
|
3500
|
-
down:
|
|
3501
|
-
flat:
|
|
3547
|
+
up: lt,
|
|
3548
|
+
down: ct,
|
|
3549
|
+
flat: et
|
|
3502
3550
|
}, ii = {
|
|
3503
3551
|
up: "success",
|
|
3504
3552
|
down: "danger",
|
|
@@ -3506,12 +3554,12 @@ var Z = {
|
|
|
3506
3554
|
}, ai = ({ data: e }) => {
|
|
3507
3555
|
if (e.length < 2) return null;
|
|
3508
3556
|
let t = Math.min(...e), n = Math.max(...e) - t || 1;
|
|
3509
|
-
return /* @__PURE__ */
|
|
3557
|
+
return /* @__PURE__ */ D("svg", {
|
|
3510
3558
|
className: oi,
|
|
3511
3559
|
viewBox: "0 0 100 32",
|
|
3512
3560
|
preserveAspectRatio: "none",
|
|
3513
3561
|
"aria-hidden": "true",
|
|
3514
|
-
children: /* @__PURE__ */
|
|
3562
|
+
children: /* @__PURE__ */ D("polyline", {
|
|
3515
3563
|
points: e.map((r, i) => `${i / (e.length - 1) * 100},${30 - (r - t) / n * 26}`).join(" "),
|
|
3516
3564
|
fill: "none",
|
|
3517
3565
|
strokeWidth: 2,
|
|
@@ -3522,7 +3570,7 @@ var Z = {
|
|
|
3522
3570
|
});
|
|
3523
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 }) => {
|
|
3524
3572
|
let p = ri[a], m = (s === "icon" || s === "featured") && c;
|
|
3525
|
-
return /* @__PURE__ */
|
|
3573
|
+
return /* @__PURE__ */ O("div", {
|
|
3526
3574
|
className: [
|
|
3527
3575
|
Q.card,
|
|
3528
3576
|
Q[`card--${s}`],
|
|
@@ -3530,48 +3578,48 @@ var Z = {
|
|
|
3530
3578
|
f ?? ""
|
|
3531
3579
|
].filter(Boolean).join(" "),
|
|
3532
3580
|
children: [
|
|
3533
|
-
/* @__PURE__ */
|
|
3581
|
+
/* @__PURE__ */ O("div", {
|
|
3534
3582
|
className: Q.card__head,
|
|
3535
3583
|
children: [
|
|
3536
|
-
m && /* @__PURE__ */
|
|
3584
|
+
m && /* @__PURE__ */ D("span", {
|
|
3537
3585
|
className: Q.card__icon,
|
|
3538
3586
|
"aria-hidden": "true",
|
|
3539
|
-
children: /* @__PURE__ */
|
|
3587
|
+
children: /* @__PURE__ */ D(c, {
|
|
3540
3588
|
size: 18,
|
|
3541
|
-
strokeWidth:
|
|
3589
|
+
strokeWidth: T(18)
|
|
3542
3590
|
})
|
|
3543
3591
|
}),
|
|
3544
|
-
/* @__PURE__ */
|
|
3592
|
+
/* @__PURE__ */ D("span", {
|
|
3545
3593
|
className: Q.card__title,
|
|
3546
3594
|
children: e
|
|
3547
3595
|
}),
|
|
3548
|
-
l && /* @__PURE__ */
|
|
3596
|
+
l && /* @__PURE__ */ D("button", {
|
|
3549
3597
|
type: "button",
|
|
3550
3598
|
className: Q.card__menu,
|
|
3551
3599
|
onClick: d,
|
|
3552
3600
|
"aria-label": "More options",
|
|
3553
|
-
children: /* @__PURE__ */
|
|
3601
|
+
children: /* @__PURE__ */ D(tt, {
|
|
3554
3602
|
size: 16,
|
|
3555
|
-
strokeWidth:
|
|
3603
|
+
strokeWidth: T(16)
|
|
3556
3604
|
})
|
|
3557
3605
|
})
|
|
3558
3606
|
]
|
|
3559
3607
|
}),
|
|
3560
|
-
/* @__PURE__ */
|
|
3608
|
+
/* @__PURE__ */ D("div", {
|
|
3561
3609
|
className: Q.card__value,
|
|
3562
3610
|
children: t
|
|
3563
3611
|
}),
|
|
3564
|
-
r && /* @__PURE__ */
|
|
3565
|
-
(i || n) && /* @__PURE__ */
|
|
3612
|
+
r && /* @__PURE__ */ D(ai, { data: r }),
|
|
3613
|
+
(i || n) && /* @__PURE__ */ O("div", {
|
|
3566
3614
|
className: Q.card__meta,
|
|
3567
|
-
children: [i && /* @__PURE__ */
|
|
3615
|
+
children: [i && /* @__PURE__ */ D(u, {
|
|
3568
3616
|
variant: o ?? ii[a],
|
|
3569
|
-
leftIcon: /* @__PURE__ */
|
|
3617
|
+
leftIcon: /* @__PURE__ */ D(p, {
|
|
3570
3618
|
size: 12,
|
|
3571
3619
|
strokeWidth: 2
|
|
3572
3620
|
}),
|
|
3573
3621
|
children: i
|
|
3574
|
-
}), n && /* @__PURE__ */
|
|
3622
|
+
}), n && /* @__PURE__ */ D("p", {
|
|
3575
3623
|
className: Q.card__description,
|
|
3576
3624
|
children: n
|
|
3577
3625
|
})]
|
|
@@ -3599,47 +3647,47 @@ var Z = {
|
|
|
3599
3647
|
"connector--horizontal": "_connector--horizontal_kxw14_47",
|
|
3600
3648
|
"connector--vertical": "_connector--vertical_kxw14_48",
|
|
3601
3649
|
"connector--filled": "_connector--filled_kxw14_49"
|
|
3602
|
-
}, 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", {
|
|
3603
3651
|
className: [$.step, $[`step--${i}`]].join(" "),
|
|
3604
|
-
children: [/* @__PURE__ */
|
|
3652
|
+
children: [/* @__PURE__ */ D("span", {
|
|
3605
3653
|
className: [$.circle, $[`circle--${t}`]].join(" "),
|
|
3606
3654
|
"aria-hidden": "true",
|
|
3607
|
-
children: t === "completed" ? /* @__PURE__ */
|
|
3655
|
+
children: t === "completed" ? /* @__PURE__ */ D(We, {
|
|
3608
3656
|
size: 14,
|
|
3609
|
-
strokeWidth:
|
|
3610
|
-
}) : /* @__PURE__ */
|
|
3657
|
+
strokeWidth: T(14)
|
|
3658
|
+
}) : /* @__PURE__ */ D("span", {
|
|
3611
3659
|
className: $.circle__num,
|
|
3612
3660
|
children: e + 1
|
|
3613
3661
|
})
|
|
3614
|
-
}), /* @__PURE__ */
|
|
3662
|
+
}), /* @__PURE__ */ O("span", {
|
|
3615
3663
|
className: $.step__text,
|
|
3616
|
-
children: [/* @__PURE__ */
|
|
3664
|
+
children: [/* @__PURE__ */ D("span", {
|
|
3617
3665
|
className: [
|
|
3618
3666
|
$.step__label,
|
|
3619
3667
|
t === "current" ? $["step__label--current"] : "",
|
|
3620
3668
|
t === "upcoming" ? $["step__label--upcoming"] : ""
|
|
3621
3669
|
].filter(Boolean).join(" "),
|
|
3622
3670
|
children: n
|
|
3623
|
-
}), r && /* @__PURE__ */
|
|
3671
|
+
}), r && /* @__PURE__ */ D("span", {
|
|
3624
3672
|
className: $.step__desc,
|
|
3625
3673
|
children: r
|
|
3626
3674
|
})]
|
|
3627
3675
|
})]
|
|
3628
3676
|
}), li = ({ steps: e, current: t, orientation: n = "horizontal", className: r }) => {
|
|
3629
3677
|
let i = (e) => e < t ? "completed" : e === t ? "current" : "upcoming";
|
|
3630
|
-
return /* @__PURE__ */
|
|
3678
|
+
return /* @__PURE__ */ D("div", {
|
|
3631
3679
|
className: [
|
|
3632
3680
|
$.stepper,
|
|
3633
3681
|
$[`stepper--${n}`],
|
|
3634
3682
|
r ?? ""
|
|
3635
3683
|
].filter(Boolean).join(" "),
|
|
3636
|
-
children: e.map((r, a) => /* @__PURE__ */
|
|
3684
|
+
children: e.map((r, a) => /* @__PURE__ */ O(E.Fragment, { children: [/* @__PURE__ */ D(ci, {
|
|
3637
3685
|
index: a,
|
|
3638
3686
|
state: i(a),
|
|
3639
3687
|
label: r.label,
|
|
3640
3688
|
description: r.description,
|
|
3641
3689
|
orientation: n
|
|
3642
|
-
}), a < e.length - 1 && /* @__PURE__ */
|
|
3690
|
+
}), a < e.length - 1 && /* @__PURE__ */ D("span", {
|
|
3643
3691
|
className: [
|
|
3644
3692
|
$.connector,
|
|
3645
3693
|
$[`connector--${n}`],
|
|
@@ -3655,9 +3703,9 @@ var Z = {
|
|
|
3655
3703
|
track: "_track_bkgd3_15",
|
|
3656
3704
|
thumb: "_thumb_bkgd3_28",
|
|
3657
3705
|
label: "_label_bkgd3_45"
|
|
3658
|
-
}, di =
|
|
3659
|
-
let o =
|
|
3660
|
-
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", {
|
|
3661
3709
|
htmlFor: s,
|
|
3662
3710
|
className: [
|
|
3663
3711
|
ui.wrapper,
|
|
@@ -3665,7 +3713,7 @@ var Z = {
|
|
|
3665
3713
|
r ?? ""
|
|
3666
3714
|
].filter(Boolean).join(" "),
|
|
3667
3715
|
children: [
|
|
3668
|
-
/* @__PURE__ */
|
|
3716
|
+
/* @__PURE__ */ D("input", {
|
|
3669
3717
|
ref: a,
|
|
3670
3718
|
id: s,
|
|
3671
3719
|
type: "checkbox",
|
|
@@ -3674,12 +3722,12 @@ var Z = {
|
|
|
3674
3722
|
className: ui.input,
|
|
3675
3723
|
...i
|
|
3676
3724
|
}),
|
|
3677
|
-
/* @__PURE__ */
|
|
3725
|
+
/* @__PURE__ */ D("span", {
|
|
3678
3726
|
className: ui.track,
|
|
3679
3727
|
"aria-hidden": "true",
|
|
3680
|
-
children: /* @__PURE__ */
|
|
3728
|
+
children: /* @__PURE__ */ D("span", { className: ui.thumb })
|
|
3681
3729
|
}),
|
|
3682
|
-
e && /* @__PURE__ */
|
|
3730
|
+
e && /* @__PURE__ */ D("span", {
|
|
3683
3731
|
className: ui.label,
|
|
3684
3732
|
children: e
|
|
3685
3733
|
})
|
|
@@ -3695,17 +3743,17 @@ var fi = {
|
|
|
3695
3743
|
textarea: "_textarea_644oy_12",
|
|
3696
3744
|
"textarea--error": "_textarea--error_644oy_37",
|
|
3697
3745
|
"textarea--disabled": "_textarea--disabled_644oy_43"
|
|
3698
|
-
}, pi =
|
|
3699
|
-
let l =
|
|
3700
|
-
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", {
|
|
3701
3749
|
className: [fi.field, a ?? ""].filter(Boolean).join(" "),
|
|
3702
3750
|
children: [
|
|
3703
|
-
e && /* @__PURE__ */
|
|
3751
|
+
e && /* @__PURE__ */ D("label", {
|
|
3704
3752
|
htmlFor: u,
|
|
3705
3753
|
className: fi.field__label,
|
|
3706
3754
|
children: e
|
|
3707
3755
|
}),
|
|
3708
|
-
/* @__PURE__ */
|
|
3756
|
+
/* @__PURE__ */ D("textarea", {
|
|
3709
3757
|
ref: c,
|
|
3710
3758
|
id: u,
|
|
3711
3759
|
rows: o,
|
|
@@ -3718,7 +3766,7 @@ var fi = {
|
|
|
3718
3766
|
].filter(Boolean).join(" "),
|
|
3719
3767
|
...s
|
|
3720
3768
|
}),
|
|
3721
|
-
(t || n) && /* @__PURE__ */
|
|
3769
|
+
(t || n) && /* @__PURE__ */ D("span", {
|
|
3722
3770
|
className: d ? fi.field__error : fi.field__description,
|
|
3723
3771
|
children: n || t
|
|
3724
3772
|
})
|
|
@@ -3737,46 +3785,46 @@ var mi = {
|
|
|
3737
3785
|
toast__description: "_toast__description_8yqwj_24",
|
|
3738
3786
|
toast__dismiss: "_toast__dismiss_8yqwj_26"
|
|
3739
3787
|
}, hi = {
|
|
3740
|
-
success: /* @__PURE__ */
|
|
3741
|
-
error: /* @__PURE__ */
|
|
3742
|
-
/* @__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", {
|
|
3743
3791
|
cx: "12",
|
|
3744
3792
|
cy: "12",
|
|
3745
3793
|
r: "10"
|
|
3746
3794
|
}),
|
|
3747
|
-
/* @__PURE__ */
|
|
3795
|
+
/* @__PURE__ */ D("line", {
|
|
3748
3796
|
x1: "15",
|
|
3749
3797
|
y1: "9",
|
|
3750
3798
|
x2: "9",
|
|
3751
3799
|
y2: "15"
|
|
3752
3800
|
}),
|
|
3753
|
-
/* @__PURE__ */
|
|
3801
|
+
/* @__PURE__ */ D("line", {
|
|
3754
3802
|
x1: "9",
|
|
3755
3803
|
y1: "9",
|
|
3756
3804
|
x2: "15",
|
|
3757
3805
|
y2: "15"
|
|
3758
3806
|
})
|
|
3759
3807
|
] }),
|
|
3760
|
-
info: /* @__PURE__ */
|
|
3761
|
-
/* @__PURE__ */
|
|
3808
|
+
info: /* @__PURE__ */ O(Ve, { children: [
|
|
3809
|
+
/* @__PURE__ */ D("circle", {
|
|
3762
3810
|
cx: "12",
|
|
3763
3811
|
cy: "12",
|
|
3764
3812
|
r: "10"
|
|
3765
3813
|
}),
|
|
3766
|
-
/* @__PURE__ */
|
|
3814
|
+
/* @__PURE__ */ D("line", {
|
|
3767
3815
|
x1: "12",
|
|
3768
3816
|
y1: "16",
|
|
3769
3817
|
x2: "12",
|
|
3770
3818
|
y2: "12"
|
|
3771
3819
|
}),
|
|
3772
|
-
/* @__PURE__ */
|
|
3820
|
+
/* @__PURE__ */ D("line", {
|
|
3773
3821
|
x1: "12",
|
|
3774
3822
|
y1: "8",
|
|
3775
3823
|
x2: "12.01",
|
|
3776
3824
|
y2: "8"
|
|
3777
3825
|
})
|
|
3778
3826
|
] })
|
|
3779
|
-
}, 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", {
|
|
3780
3828
|
role: e === "error" ? "alert" : "status",
|
|
3781
3829
|
"aria-live": e === "error" ? "assertive" : "polite",
|
|
3782
3830
|
className: [
|
|
@@ -3785,14 +3833,14 @@ var mi = {
|
|
|
3785
3833
|
i ?? ""
|
|
3786
3834
|
].filter(Boolean).join(" "),
|
|
3787
3835
|
children: [
|
|
3788
|
-
/* @__PURE__ */
|
|
3836
|
+
/* @__PURE__ */ D("span", {
|
|
3789
3837
|
className: mi.toast__icon,
|
|
3790
3838
|
"aria-hidden": "true",
|
|
3791
|
-
children: /* @__PURE__ */
|
|
3839
|
+
children: /* @__PURE__ */ D("svg", {
|
|
3792
3840
|
viewBox: "0 0 24 24",
|
|
3793
3841
|
fill: "none",
|
|
3794
3842
|
stroke: "currentColor",
|
|
3795
|
-
strokeWidth:
|
|
3843
|
+
strokeWidth: T(18),
|
|
3796
3844
|
strokeLinecap: "round",
|
|
3797
3845
|
strokeLinejoin: "round",
|
|
3798
3846
|
width: 18,
|
|
@@ -3800,36 +3848,36 @@ var mi = {
|
|
|
3800
3848
|
children: hi[e]
|
|
3801
3849
|
})
|
|
3802
3850
|
}),
|
|
3803
|
-
/* @__PURE__ */
|
|
3851
|
+
/* @__PURE__ */ O("div", {
|
|
3804
3852
|
className: mi.toast__content,
|
|
3805
|
-
children: [t && /* @__PURE__ */
|
|
3853
|
+
children: [t && /* @__PURE__ */ D("div", {
|
|
3806
3854
|
className: mi.toast__title,
|
|
3807
3855
|
children: t
|
|
3808
|
-
}), n && /* @__PURE__ */
|
|
3856
|
+
}), n && /* @__PURE__ */ D("div", {
|
|
3809
3857
|
className: mi.toast__description,
|
|
3810
3858
|
children: n
|
|
3811
3859
|
})]
|
|
3812
3860
|
}),
|
|
3813
|
-
r && /* @__PURE__ */
|
|
3861
|
+
r && /* @__PURE__ */ D("button", {
|
|
3814
3862
|
type: "button",
|
|
3815
3863
|
className: mi.toast__dismiss,
|
|
3816
3864
|
onClick: r,
|
|
3817
3865
|
"aria-label": "Dismiss",
|
|
3818
|
-
children: /* @__PURE__ */
|
|
3866
|
+
children: /* @__PURE__ */ O("svg", {
|
|
3819
3867
|
viewBox: "0 0 24 24",
|
|
3820
3868
|
fill: "none",
|
|
3821
3869
|
stroke: "currentColor",
|
|
3822
|
-
strokeWidth:
|
|
3870
|
+
strokeWidth: T(16),
|
|
3823
3871
|
strokeLinecap: "round",
|
|
3824
3872
|
strokeLinejoin: "round",
|
|
3825
3873
|
width: 16,
|
|
3826
3874
|
height: 16,
|
|
3827
|
-
children: [/* @__PURE__ */
|
|
3875
|
+
children: [/* @__PURE__ */ D("line", {
|
|
3828
3876
|
x1: "18",
|
|
3829
3877
|
y1: "6",
|
|
3830
3878
|
x2: "6",
|
|
3831
3879
|
y2: "18"
|
|
3832
|
-
}), /* @__PURE__ */
|
|
3880
|
+
}), /* @__PURE__ */ D("line", {
|
|
3833
3881
|
x1: "6",
|
|
3834
3882
|
y1: "6",
|
|
3835
3883
|
x2: "18",
|
|
@@ -3844,48 +3892,48 @@ var mi = {
|
|
|
3844
3892
|
bar__title: "_bar__title_14cqo_17",
|
|
3845
3893
|
"bar__title--center": "_bar__title--center_14cqo_21",
|
|
3846
3894
|
bar__search: "_bar__search_14cqo_22"
|
|
3847
|
-
}, 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", {
|
|
3848
3896
|
className: [_i.bar, s ?? ""].filter(Boolean).join(" "),
|
|
3849
3897
|
children: [
|
|
3850
|
-
/* @__PURE__ */
|
|
3898
|
+
/* @__PURE__ */ D("button", {
|
|
3851
3899
|
type: "button",
|
|
3852
3900
|
className: _i.bar__icon,
|
|
3853
3901
|
onClick: i,
|
|
3854
3902
|
"aria-label": "Open menu",
|
|
3855
|
-
children: /* @__PURE__ */
|
|
3903
|
+
children: /* @__PURE__ */ D($e, {
|
|
3856
3904
|
size: 18,
|
|
3857
|
-
strokeWidth:
|
|
3905
|
+
strokeWidth: T(18)
|
|
3858
3906
|
})
|
|
3859
3907
|
}),
|
|
3860
|
-
e === "search" ? /* @__PURE__ */
|
|
3908
|
+
e === "search" ? /* @__PURE__ */ D("div", {
|
|
3861
3909
|
className: _i.bar__search,
|
|
3862
3910
|
children: r
|
|
3863
|
-
}) : /* @__PURE__ */
|
|
3911
|
+
}) : /* @__PURE__ */ D("span", {
|
|
3864
3912
|
className: [_i.bar__title, e === "title-centered" ? _i["bar__title--center"] : ""].join(" "),
|
|
3865
3913
|
children: t
|
|
3866
3914
|
}),
|
|
3867
|
-
e === "title-action" && /* @__PURE__ */
|
|
3915
|
+
e === "title-action" && /* @__PURE__ */ D("button", {
|
|
3868
3916
|
type: "button",
|
|
3869
3917
|
className: _i.bar__icon,
|
|
3870
3918
|
onClick: a,
|
|
3871
3919
|
"aria-label": "Add",
|
|
3872
|
-
children: /* @__PURE__ */
|
|
3920
|
+
children: /* @__PURE__ */ D(rt, {
|
|
3873
3921
|
size: 18,
|
|
3874
|
-
strokeWidth:
|
|
3922
|
+
strokeWidth: T(18)
|
|
3875
3923
|
})
|
|
3876
3924
|
}),
|
|
3877
|
-
e === "search" && /* @__PURE__ */
|
|
3925
|
+
e === "search" && /* @__PURE__ */ D("button", {
|
|
3878
3926
|
type: "button",
|
|
3879
3927
|
className: _i.bar__icon,
|
|
3880
3928
|
onClick: o,
|
|
3881
3929
|
"aria-label": "Close search",
|
|
3882
|
-
children: /* @__PURE__ */
|
|
3930
|
+
children: /* @__PURE__ */ D(ft, {
|
|
3883
3931
|
size: 18,
|
|
3884
|
-
strokeWidth:
|
|
3932
|
+
strokeWidth: T(18)
|
|
3885
3933
|
})
|
|
3886
3934
|
}),
|
|
3887
3935
|
(e === "title" || e === "title-centered") && n
|
|
3888
3936
|
]
|
|
3889
3937
|
});
|
|
3890
3938
|
//#endregion
|
|
3891
|
-
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 };
|