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