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