@sakaniui/react 0.10.1 → 0.10.2
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/CHANGELOG.md +7 -0
- package/README.md +4 -2
- package/dist/{TopBar-n4mj0qZ2.js → TopBar-BLxUAIGP.js} +719 -703
- package/dist/TopBar-Y9rEb2iE.cjs +1 -0
- package/dist/blocks.cjs +2 -2
- package/dist/blocks.mjs +1996 -2023
- package/dist/emoji-index.json +1 -1
- package/dist/favicon.svg +5 -4
- package/dist/icon-index.json +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +870 -869
- package/dist/lib/SakaniLogo.d.ts +4 -1
- package/dist/manifest.json +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/TopBar-6a2n0CAh.cjs +0 -1
package/dist/index.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { $ as e, A as t,
|
|
2
|
-
import { A as
|
|
3
|
-
import { a as
|
|
4
|
-
import k, { useCallback as
|
|
5
|
-
import { Fragment as
|
|
6
|
-
import { Area as
|
|
7
|
-
var
|
|
1
|
+
import { $ as e, A as t, At as n, B as r, C as i, Ct as a, D as o, Dt as s, E as c, Et as l, F as u, G as d, H as f, I as p, J as m, K as h, L as g, M as _, N as v, O as y, Ot as b, P as x, Q as S, R as C, S as w, St as T, T as ee, Tt as te, U as ne, V as re, W as ie, X as E, Y as ae, Z as oe, _ as D, _t as se, a as ce, at as le, b as ue, bt as O, c as de, ct as fe, d as pe, dt as me, et as he, f as ge, ft as _e, g as ve, gt as ye, h as be, ht as xe, i as Se, it as Ce, j as we, k as Te, kt 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, w as qe, wt as Je, x as Ye, xt as Xe, y as Ze, yt as Qe, z as $e } from "./TopBar-BLxUAIGP.js";
|
|
2
|
+
import { A as et, D as tt, F as nt, I as rt, L as it, T as at, _ as ot, a as st, b as ct, c as lt, j as ut, k as dt, p as ft, u as pt, v as mt, x as ht, y as gt } from "./help-circle-B0koiJUs.js";
|
|
3
|
+
import { a as _t, i as vt, n as yt, o as bt, r as xt, s as St, t as Ct } from "./logout-S1JWgqYn.js";
|
|
4
|
+
import k, { useCallback as wt, useEffect as A, useLayoutEffect as Tt, useMemo as Et, useRef as Dt, useState as j } from "react";
|
|
5
|
+
import { Fragment as Ot, jsx as M, jsxs as N } from "react/jsx-runtime";
|
|
6
|
+
import { Area as kt, AreaChart as At, CartesianGrid as jt, Cell as Mt, Legend as Nt, Pie as Pt, PieChart as Ft, PolarAngleAxis as It, PolarGrid as Lt, PolarRadiusAxis as Rt, Radar as zt, RadarChart as Bt, RadialBar as Vt, RadialBarChart as Ht, ResponsiveContainer as Ut, Sector as Wt, Tooltip as Gt, XAxis as Kt } from "recharts";
|
|
7
|
+
var qt = {
|
|
8
8
|
announcement: "_announcement_1ba3c_1",
|
|
9
9
|
"announcement--neutral": "_announcement--neutral_1ba3c_13",
|
|
10
10
|
"announcement--urgent": "_announcement--urgent_1ba3c_16",
|
|
@@ -13,43 +13,43 @@ var Kt = {
|
|
|
13
13
|
icon__neutral: "_icon__neutral_1ba3c_32",
|
|
14
14
|
message: "_message_1ba3c_36",
|
|
15
15
|
link: "_link_1ba3c_52"
|
|
16
|
-
},
|
|
16
|
+
}, Jt = ({ message: e, linkLabel: t, linkHref: n, onLinkClick: r, onDismiss: i, variant: o = "neutral", className: s }) => {
|
|
17
17
|
let c = o === "urgent";
|
|
18
18
|
return /* @__PURE__ */ N("div", {
|
|
19
19
|
className: [
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
qt.announcement,
|
|
21
|
+
qt[`announcement--${o}`],
|
|
22
22
|
s ?? ""
|
|
23
23
|
].filter(Boolean).join(" "),
|
|
24
24
|
children: [/* @__PURE__ */ N("div", {
|
|
25
|
-
className:
|
|
25
|
+
className: qt.content,
|
|
26
26
|
children: [
|
|
27
27
|
/* @__PURE__ */ M("span", {
|
|
28
|
-
className:
|
|
28
|
+
className: qt.icon,
|
|
29
29
|
"aria-hidden": "true",
|
|
30
|
-
children: c ? /* @__PURE__ */ M(
|
|
30
|
+
children: c ? /* @__PURE__ */ M(rt, {
|
|
31
31
|
size: 24,
|
|
32
32
|
strokeWidth: 1.5,
|
|
33
33
|
style: {
|
|
34
34
|
fill: "var(--color-info-solid)",
|
|
35
35
|
stroke: "var(--color-info-bg)"
|
|
36
36
|
}
|
|
37
|
-
}) : /* @__PURE__ */ M(
|
|
37
|
+
}) : /* @__PURE__ */ M(it, {
|
|
38
38
|
size: 24,
|
|
39
39
|
strokeWidth: 1.5,
|
|
40
40
|
fill: "currentColor",
|
|
41
41
|
stroke: "currentColor",
|
|
42
|
-
className:
|
|
42
|
+
className: qt.icon__neutral
|
|
43
43
|
})
|
|
44
44
|
}),
|
|
45
45
|
/* @__PURE__ */ M("p", {
|
|
46
|
-
className:
|
|
46
|
+
className: qt.message,
|
|
47
47
|
children: e
|
|
48
48
|
}),
|
|
49
|
-
!c && t && /* @__PURE__ */ M(
|
|
49
|
+
!c && t && /* @__PURE__ */ M(Je, {
|
|
50
50
|
href: n,
|
|
51
51
|
onClick: r,
|
|
52
|
-
className:
|
|
52
|
+
className: qt.link,
|
|
53
53
|
style: {
|
|
54
54
|
color: "var(--color-brand-fg)",
|
|
55
55
|
fontSize: 16,
|
|
@@ -58,12 +58,12 @@ var Kt = {
|
|
|
58
58
|
children: t
|
|
59
59
|
})
|
|
60
60
|
]
|
|
61
|
-
}),
|
|
62
|
-
icon:
|
|
61
|
+
}), i && /* @__PURE__ */ M(a, {
|
|
62
|
+
icon: nt,
|
|
63
63
|
size: "sm",
|
|
64
64
|
variant: "ghost",
|
|
65
65
|
"aria-label": "Dismiss",
|
|
66
|
-
onClick:
|
|
66
|
+
onClick: i
|
|
67
67
|
})]
|
|
68
68
|
});
|
|
69
69
|
}, P = {
|
|
@@ -75,7 +75,7 @@ var Kt = {
|
|
|
75
75
|
tokenString: "_tokenString_1ao90_43",
|
|
76
76
|
editableBody: "_editableBody_1ao90_50",
|
|
77
77
|
textarea: "_textarea_1ao90_55"
|
|
78
|
-
},
|
|
78
|
+
}, Yt = [
|
|
79
79
|
"import",
|
|
80
80
|
"export",
|
|
81
81
|
"from",
|
|
@@ -97,9 +97,9 @@ var Kt = {
|
|
|
97
97
|
"as",
|
|
98
98
|
"of",
|
|
99
99
|
"in"
|
|
100
|
-
],
|
|
100
|
+
], Xt = RegExp(`('(?:[^'\\\\]|\\\\.)*'|"(?:[^"\\\\]|\\\\.)*"|\`(?:[^\`\\\\]|\\\\.)*\`|\\b(?:${Yt.join("|")})\\b)`, "g"), Zt = (e) => e.split(Xt).map((e, t) => {
|
|
101
101
|
if (!e) return null;
|
|
102
|
-
let n = /^['"`]/.test(e), r = !n &&
|
|
102
|
+
let n = /^['"`]/.test(e), r = !n && Yt.includes(e);
|
|
103
103
|
return n ? /* @__PURE__ */ M("span", {
|
|
104
104
|
className: P.tokenString,
|
|
105
105
|
children: e
|
|
@@ -107,58 +107,58 @@ var Kt = {
|
|
|
107
107
|
className: P.tokenKeyword,
|
|
108
108
|
children: e
|
|
109
109
|
}, t) : /* @__PURE__ */ M(k.Fragment, { children: e }, t);
|
|
110
|
-
}),
|
|
111
|
-
let [
|
|
112
|
-
k.useEffect(() =>
|
|
113
|
-
let
|
|
114
|
-
navigator.clipboard?.writeText(
|
|
115
|
-
},
|
|
116
|
-
|
|
117
|
-
},
|
|
110
|
+
}), Qt = ({ code: e, filename: t, onCopy: n, editable: r = !1, onChange: i, placeholder: o, className: s }) => {
|
|
111
|
+
let [c, l] = k.useState(!1), [u, d] = k.useState(e);
|
|
112
|
+
k.useEffect(() => d(e), [e]);
|
|
113
|
+
let f = () => {
|
|
114
|
+
navigator.clipboard?.writeText(u), n?.(u), l(!0), window.setTimeout(() => l(!1), 1500);
|
|
115
|
+
}, p = (e) => {
|
|
116
|
+
d(e), i?.(e);
|
|
117
|
+
}, m = r ? /* @__PURE__ */ N("div", {
|
|
118
118
|
className: P.editableBody,
|
|
119
119
|
children: [/* @__PURE__ */ M("pre", {
|
|
120
120
|
className: P.body,
|
|
121
121
|
"aria-hidden": "true",
|
|
122
|
-
children:
|
|
122
|
+
children: Zt(u)
|
|
123
123
|
}), /* @__PURE__ */ M("textarea", {
|
|
124
124
|
className: P.textarea,
|
|
125
|
-
value:
|
|
126
|
-
placeholder:
|
|
125
|
+
value: u,
|
|
126
|
+
placeholder: o,
|
|
127
127
|
spellCheck: !1,
|
|
128
|
-
onChange: (e) =>
|
|
128
|
+
onChange: (e) => p(e.target.value),
|
|
129
129
|
onKeyDown: (e) => {
|
|
130
130
|
if (e.key !== "Tab") return;
|
|
131
131
|
e.preventDefault();
|
|
132
|
-
let t = e.currentTarget, { selectionStart: n, selectionEnd: r } = t, i = `${
|
|
133
|
-
|
|
132
|
+
let t = e.currentTarget, { selectionStart: n, selectionEnd: r } = t, i = `${u.slice(0, n)} ${u.slice(r)}`;
|
|
133
|
+
p(i), requestAnimationFrame(() => {
|
|
134
134
|
t.selectionStart = t.selectionEnd = n + 2;
|
|
135
135
|
});
|
|
136
136
|
}
|
|
137
137
|
})]
|
|
138
138
|
}) : /* @__PURE__ */ M("pre", {
|
|
139
139
|
className: P.body,
|
|
140
|
-
children:
|
|
140
|
+
children: Zt(u)
|
|
141
141
|
});
|
|
142
142
|
return t ? /* @__PURE__ */ N("div", {
|
|
143
|
-
className: [P.snippet,
|
|
143
|
+
className: [P.snippet, s ?? ""].filter(Boolean).join(" "),
|
|
144
144
|
children: [/* @__PURE__ */ N("div", {
|
|
145
145
|
className: P.header,
|
|
146
146
|
children: [/* @__PURE__ */ M("p", {
|
|
147
147
|
className: P.filename,
|
|
148
148
|
children: t
|
|
149
|
-
}), /* @__PURE__ */ M(
|
|
150
|
-
icon:
|
|
149
|
+
}), /* @__PURE__ */ M(a, {
|
|
150
|
+
icon: c ? dt : St,
|
|
151
151
|
variant: "ghost",
|
|
152
152
|
size: "sm",
|
|
153
|
-
"aria-label":
|
|
154
|
-
onClick:
|
|
153
|
+
"aria-label": c ? "Copied" : "Copy code",
|
|
154
|
+
onClick: f
|
|
155
155
|
})]
|
|
156
|
-
}),
|
|
156
|
+
}), m]
|
|
157
157
|
}) : /* @__PURE__ */ M("div", {
|
|
158
|
-
className: [P.snippet,
|
|
159
|
-
children:
|
|
158
|
+
className: [P.snippet, s ?? ""].filter(Boolean).join(" "),
|
|
159
|
+
children: m
|
|
160
160
|
});
|
|
161
|
-
},
|
|
161
|
+
}, $t = {
|
|
162
162
|
expenses: "_expenses_1imiq_1",
|
|
163
163
|
row: "_row_1imiq_10",
|
|
164
164
|
top: "_top_1imiq_18",
|
|
@@ -166,65 +166,65 @@ var Kt = {
|
|
|
166
166
|
icon: "_icon_1imiq_32",
|
|
167
167
|
label: "_label_1imiq_44",
|
|
168
168
|
amount: "_amount_1imiq_55"
|
|
169
|
-
},
|
|
169
|
+
}, en = (e) => e.toLocaleString("en-US", {
|
|
170
170
|
style: "currency",
|
|
171
171
|
currency: "USD"
|
|
172
|
-
}),
|
|
172
|
+
}), tn = ({ categories: e, variant: t = "default", formatAmount: n = en, className: r }) => {
|
|
173
173
|
let i = t === "compact", a = Math.max(1, ...e.map((e) => e.amount));
|
|
174
174
|
return /* @__PURE__ */ M("div", {
|
|
175
|
-
className: [
|
|
175
|
+
className: [$t.expenses, r ?? ""].filter(Boolean).join(" "),
|
|
176
176
|
children: e.map((e, t) => /* @__PURE__ */ N("div", {
|
|
177
|
-
className:
|
|
177
|
+
className: $t.row,
|
|
178
178
|
children: [/* @__PURE__ */ N("div", {
|
|
179
|
-
className:
|
|
179
|
+
className: $t.top,
|
|
180
180
|
children: [/* @__PURE__ */ N("div", {
|
|
181
|
-
className:
|
|
181
|
+
className: $t.left,
|
|
182
182
|
children: [/* @__PURE__ */ M("span", {
|
|
183
|
-
className:
|
|
183
|
+
className: $t.icon,
|
|
184
184
|
"aria-hidden": "true",
|
|
185
185
|
children: e.icon
|
|
186
186
|
}), /* @__PURE__ */ M("p", {
|
|
187
|
-
className:
|
|
187
|
+
className: $t.label,
|
|
188
188
|
children: e.label
|
|
189
189
|
})]
|
|
190
190
|
}), /* @__PURE__ */ M("p", {
|
|
191
|
-
className:
|
|
191
|
+
className: $t.amount,
|
|
192
192
|
children: n(e.amount)
|
|
193
193
|
})]
|
|
194
|
-
}), !i && /* @__PURE__ */ M(
|
|
194
|
+
}), !i && /* @__PURE__ */ M(Qe, {
|
|
195
195
|
value: e.amount / a * 100,
|
|
196
196
|
size: "lg",
|
|
197
197
|
label: `${e.label} spending`
|
|
198
198
|
})]
|
|
199
199
|
}, e.id ?? t))
|
|
200
200
|
});
|
|
201
|
-
},
|
|
201
|
+
}, nn = {
|
|
202
202
|
hint: "_hint_49nyi_1",
|
|
203
203
|
bar: "_bar_49nyi_9",
|
|
204
204
|
"hint--neutral": "_hint--neutral_49nyi_15",
|
|
205
205
|
"hint--warning": "_hint--warning_49nyi_16",
|
|
206
206
|
icon: "_icon_49nyi_18",
|
|
207
207
|
message: "_message_49nyi_24"
|
|
208
|
-
},
|
|
209
|
-
let
|
|
208
|
+
}, rn = 14, an = ({ message: e, variant: t = "neutral", className: r }) => {
|
|
209
|
+
let i = t === "warning" ? rt : bt;
|
|
210
210
|
return /* @__PURE__ */ N("div", {
|
|
211
211
|
className: [
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
212
|
+
nn.hint,
|
|
213
|
+
nn[`hint--${t}`],
|
|
214
|
+
r ?? ""
|
|
215
215
|
].filter(Boolean).join(" "),
|
|
216
216
|
children: [
|
|
217
217
|
/* @__PURE__ */ M("span", {
|
|
218
|
-
className:
|
|
218
|
+
className: nn.bar,
|
|
219
219
|
"aria-hidden": "true"
|
|
220
220
|
}),
|
|
221
|
-
/* @__PURE__ */ M(
|
|
222
|
-
size:
|
|
223
|
-
strokeWidth:
|
|
224
|
-
className:
|
|
221
|
+
/* @__PURE__ */ M(i, {
|
|
222
|
+
size: rn,
|
|
223
|
+
strokeWidth: n(rn),
|
|
224
|
+
className: nn.icon
|
|
225
225
|
}),
|
|
226
226
|
/* @__PURE__ */ M("p", {
|
|
227
|
-
className:
|
|
227
|
+
className: nn.message,
|
|
228
228
|
children: e
|
|
229
229
|
})
|
|
230
230
|
]
|
|
@@ -242,61 +242,61 @@ var Kt = {
|
|
|
242
242
|
connectorVertical: "_connectorVertical_jnz6o_63",
|
|
243
243
|
title: "_title_jnz6o_77",
|
|
244
244
|
description: "_description_jnz6o_85"
|
|
245
|
-
},
|
|
246
|
-
let
|
|
245
|
+
}, on = ({ step: e, title: t, description: r, completed: i = !1, orientation: a = "horizontal", isLast: o = !1, className: s }) => {
|
|
246
|
+
let c = a === "vertical", l = /* @__PURE__ */ M("span", {
|
|
247
247
|
className: F.value,
|
|
248
248
|
"aria-hidden": "true",
|
|
249
|
-
children:
|
|
249
|
+
children: i ? /* @__PURE__ */ M(dt, {
|
|
250
250
|
size: 14,
|
|
251
|
-
strokeWidth:
|
|
251
|
+
strokeWidth: n(14)
|
|
252
252
|
}) : e
|
|
253
|
-
}),
|
|
254
|
-
className: [F.text,
|
|
253
|
+
}), u = /* @__PURE__ */ N("div", {
|
|
254
|
+
className: [F.text, r ? "" : F["text--single"]].filter(Boolean).join(" "),
|
|
255
255
|
children: [/* @__PURE__ */ M("p", {
|
|
256
256
|
className: F.title,
|
|
257
257
|
children: t
|
|
258
|
-
}),
|
|
258
|
+
}), r && /* @__PURE__ */ M("p", {
|
|
259
259
|
className: F.description,
|
|
260
|
-
children:
|
|
260
|
+
children: r
|
|
261
261
|
})]
|
|
262
262
|
});
|
|
263
|
-
return
|
|
263
|
+
return c ? /* @__PURE__ */ N("div", {
|
|
264
264
|
className: [
|
|
265
265
|
F.item,
|
|
266
266
|
F["item--vertical"],
|
|
267
|
-
|
|
267
|
+
s ?? ""
|
|
268
268
|
].filter(Boolean).join(" "),
|
|
269
269
|
children: [/* @__PURE__ */ N("div", {
|
|
270
270
|
className: F.rail,
|
|
271
|
-
children: [
|
|
272
|
-
}),
|
|
271
|
+
children: [l, !o && /* @__PURE__ */ M("div", { className: F.connectorVertical })]
|
|
272
|
+
}), u]
|
|
273
273
|
}) : /* @__PURE__ */ N("div", {
|
|
274
274
|
className: [
|
|
275
275
|
F.item,
|
|
276
276
|
F["item--horizontal"],
|
|
277
|
-
|
|
277
|
+
s ?? ""
|
|
278
278
|
].filter(Boolean).join(" "),
|
|
279
279
|
children: [/* @__PURE__ */ N("div", {
|
|
280
280
|
className: F.topRow,
|
|
281
|
-
children: [
|
|
282
|
-
}),
|
|
281
|
+
children: [l, !o && /* @__PURE__ */ M("div", { className: F.connectorHorizontal })]
|
|
282
|
+
}), u]
|
|
283
283
|
});
|
|
284
|
-
},
|
|
284
|
+
}, sn = {
|
|
285
285
|
separator: "_separator_pcfo8_1",
|
|
286
286
|
line: "_line_pcfo8_9",
|
|
287
287
|
overline: "_overline_pcfo8_19",
|
|
288
288
|
badge: "_badge_pcfo8_31",
|
|
289
289
|
iconWrap: "_iconWrap_pcfo8_37"
|
|
290
|
-
},
|
|
291
|
-
className: [
|
|
290
|
+
}, cn = ({ children: e, label: t, className: n }) => /* @__PURE__ */ N("div", {
|
|
291
|
+
className: [sn.separator, n ?? ""].filter(Boolean).join(" "),
|
|
292
292
|
role: "separator",
|
|
293
293
|
children: [
|
|
294
|
-
/* @__PURE__ */ M(
|
|
294
|
+
/* @__PURE__ */ M(Ie, { className: sn.line }),
|
|
295
295
|
e ?? (t && /* @__PURE__ */ M("span", {
|
|
296
|
-
className:
|
|
296
|
+
className: sn.overline,
|
|
297
297
|
children: t
|
|
298
298
|
})),
|
|
299
|
-
/* @__PURE__ */ M(
|
|
299
|
+
/* @__PURE__ */ M(Ie, { className: sn.line })
|
|
300
300
|
]
|
|
301
301
|
}), I = {
|
|
302
302
|
row: "_row_5wjem_2",
|
|
@@ -324,19 +324,19 @@ var Kt = {
|
|
|
324
324
|
changeRowLg: "_changeRowLg_5wjem_153",
|
|
325
325
|
changeTextLg: "_changeTextLg_5wjem_158",
|
|
326
326
|
chart: "_chart_5wjem_165"
|
|
327
|
-
},
|
|
327
|
+
}, ln = (e) => Math.abs(e).toLocaleString("en-US", {
|
|
328
328
|
style: "currency",
|
|
329
329
|
currency: "USD"
|
|
330
|
-
}),
|
|
331
|
-
let
|
|
332
|
-
return
|
|
333
|
-
className: [I.card,
|
|
330
|
+
}), un = ({ logo: e, symbol: t, name: r, price: i, change: a, formatAmount: o = ln, chart: s, periodLabel: c = "Last 6 months", onPeriodClick: l, className: u }) => {
|
|
331
|
+
let d = a.amount >= 0, f = d ? ut : et, p = d ? "+" : "-", m = `${p}${o(a.amount)} (${p}${Math.abs(a.percent)}%)`, h = d ? I.trendUp : I.trendDown;
|
|
332
|
+
return s ? /* @__PURE__ */ N("div", {
|
|
333
|
+
className: [I.card, u ?? ""].filter(Boolean).join(" "),
|
|
334
334
|
children: [
|
|
335
335
|
/* @__PURE__ */ N("div", {
|
|
336
336
|
className: I.header,
|
|
337
|
-
children: [/* @__PURE__ */ M(
|
|
337
|
+
children: [/* @__PURE__ */ M(_t, {
|
|
338
338
|
size: 16,
|
|
339
|
-
strokeWidth:
|
|
339
|
+
strokeWidth: n(16),
|
|
340
340
|
className: I.headerIcon
|
|
341
341
|
}), /* @__PURE__ */ M("span", {
|
|
342
342
|
className: I.headerLabel,
|
|
@@ -356,7 +356,7 @@ var Kt = {
|
|
|
356
356
|
children: t
|
|
357
357
|
}), /* @__PURE__ */ M("p", {
|
|
358
358
|
className: I.name,
|
|
359
|
-
children:
|
|
359
|
+
children: r
|
|
360
360
|
})]
|
|
361
361
|
})]
|
|
362
362
|
}),
|
|
@@ -368,36 +368,36 @@ var Kt = {
|
|
|
368
368
|
className: I.priceGroup,
|
|
369
369
|
children: [/* @__PURE__ */ M("p", {
|
|
370
370
|
className: I.priceLg,
|
|
371
|
-
children:
|
|
371
|
+
children: o(i)
|
|
372
372
|
}), /* @__PURE__ */ N("div", {
|
|
373
373
|
className: I.changeRowLg,
|
|
374
|
-
children: [/* @__PURE__ */ M(
|
|
374
|
+
children: [/* @__PURE__ */ M(f, {
|
|
375
375
|
size: 24,
|
|
376
|
-
strokeWidth:
|
|
377
|
-
className:
|
|
376
|
+
strokeWidth: n(24),
|
|
377
|
+
className: h
|
|
378
378
|
}), /* @__PURE__ */ M("span", {
|
|
379
|
-
className: [I.changeTextLg,
|
|
380
|
-
children:
|
|
379
|
+
className: [I.changeTextLg, h].join(" "),
|
|
380
|
+
children: m
|
|
381
381
|
})]
|
|
382
382
|
})]
|
|
383
|
-
}), /* @__PURE__ */ M(
|
|
383
|
+
}), /* @__PURE__ */ M(T, {
|
|
384
384
|
variant: "outline",
|
|
385
385
|
size: "sm",
|
|
386
|
-
rightIcon: /* @__PURE__ */ M(
|
|
386
|
+
rightIcon: /* @__PURE__ */ M(tt, {
|
|
387
387
|
size: 16,
|
|
388
|
-
strokeWidth:
|
|
388
|
+
strokeWidth: n(16)
|
|
389
389
|
}),
|
|
390
|
-
onClick:
|
|
391
|
-
children:
|
|
390
|
+
onClick: l,
|
|
391
|
+
children: c
|
|
392
392
|
})]
|
|
393
|
-
}), /* @__PURE__ */ M(
|
|
394
|
-
data:
|
|
393
|
+
}), /* @__PURE__ */ M(le, {
|
|
394
|
+
data: s,
|
|
395
395
|
className: I.chart
|
|
396
396
|
})]
|
|
397
397
|
})
|
|
398
398
|
]
|
|
399
399
|
}) : /* @__PURE__ */ N("div", {
|
|
400
|
-
className: [I.row,
|
|
400
|
+
className: [I.row, u ?? ""].filter(Boolean).join(" "),
|
|
401
401
|
children: [/* @__PURE__ */ N("div", {
|
|
402
402
|
className: I.left,
|
|
403
403
|
children: [/* @__PURE__ */ M("span", {
|
|
@@ -411,58 +411,58 @@ var Kt = {
|
|
|
411
411
|
children: t
|
|
412
412
|
}), /* @__PURE__ */ M("p", {
|
|
413
413
|
className: I.name,
|
|
414
|
-
children:
|
|
414
|
+
children: r
|
|
415
415
|
})]
|
|
416
416
|
})]
|
|
417
417
|
}), /* @__PURE__ */ N("div", {
|
|
418
418
|
className: I.right,
|
|
419
419
|
children: [/* @__PURE__ */ M("p", {
|
|
420
420
|
className: I.price,
|
|
421
|
-
children:
|
|
421
|
+
children: o(i)
|
|
422
422
|
}), /* @__PURE__ */ N("div", {
|
|
423
423
|
className: I.changeRow,
|
|
424
|
-
children: [/* @__PURE__ */ M(
|
|
424
|
+
children: [/* @__PURE__ */ M(f, {
|
|
425
425
|
size: 20,
|
|
426
|
-
strokeWidth:
|
|
427
|
-
className:
|
|
426
|
+
strokeWidth: n(20),
|
|
427
|
+
className: h
|
|
428
428
|
}), /* @__PURE__ */ M("span", {
|
|
429
|
-
className: [I.changeText,
|
|
430
|
-
children:
|
|
429
|
+
className: [I.changeText, h].join(" "),
|
|
430
|
+
children: m
|
|
431
431
|
})]
|
|
432
432
|
})]
|
|
433
433
|
})]
|
|
434
434
|
});
|
|
435
|
-
},
|
|
435
|
+
}, dn = {
|
|
436
436
|
tags: "_tags_bsi1x_1",
|
|
437
437
|
remove: "_remove_bsi1x_8",
|
|
438
438
|
tag: "_tag_bsi1x_1",
|
|
439
439
|
"tag--leaving": "_tag--leaving_bsi1x_22"
|
|
440
|
-
},
|
|
441
|
-
let [
|
|
442
|
-
k.useEffect(() => () => window.clearTimeout(
|
|
443
|
-
let
|
|
444
|
-
if (!(!t ||
|
|
440
|
+
}, fn = 160, pn = ({ tags: e, onRemove: t, className: r }) => {
|
|
441
|
+
let [i, a] = k.useState(null), o = k.useRef(void 0);
|
|
442
|
+
k.useEffect(() => () => window.clearTimeout(o.current), []);
|
|
443
|
+
let s = (e, n) => {
|
|
444
|
+
if (!(!t || i)) {
|
|
445
445
|
if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
|
|
446
446
|
t(e, n);
|
|
447
447
|
return;
|
|
448
448
|
}
|
|
449
|
-
|
|
450
|
-
t(e, n),
|
|
451
|
-
},
|
|
449
|
+
a(e), o.current = window.setTimeout(() => {
|
|
450
|
+
t(e, n), a(null);
|
|
451
|
+
}, fn);
|
|
452
452
|
}
|
|
453
453
|
};
|
|
454
454
|
return /* @__PURE__ */ M("div", {
|
|
455
|
-
className: [
|
|
456
|
-
children: e.map((e,
|
|
457
|
-
className: [
|
|
455
|
+
className: [dn.tags, r ?? ""].filter(Boolean).join(" "),
|
|
456
|
+
children: e.map((e, r) => /* @__PURE__ */ M(Ce, {
|
|
457
|
+
className: [dn.tag, i === e ? dn["tag--leaving"] : ""].filter(Boolean).join(" "),
|
|
458
458
|
rightIcon: t && /* @__PURE__ */ M("button", {
|
|
459
459
|
type: "button",
|
|
460
|
-
className:
|
|
461
|
-
onClick: () =>
|
|
460
|
+
className: dn.remove,
|
|
461
|
+
onClick: () => s(e, r),
|
|
462
462
|
"aria-label": `Remove ${e}`,
|
|
463
|
-
children: /* @__PURE__ */ M(
|
|
463
|
+
children: /* @__PURE__ */ M(nt, {
|
|
464
464
|
size: 12,
|
|
465
|
-
strokeWidth:
|
|
465
|
+
strokeWidth: n(12)
|
|
466
466
|
})
|
|
467
467
|
}),
|
|
468
468
|
children: e
|
|
@@ -480,11 +480,11 @@ var Kt = {
|
|
|
480
480
|
trendDown: "_trendDown_6xnxy_58",
|
|
481
481
|
fadeLeft: "_fadeLeft_6xnxy_60",
|
|
482
482
|
fadeRight: "_fadeRight_6xnxy_61"
|
|
483
|
-
},
|
|
483
|
+
}, mn = (e) => `${e >= 0 ? "+" : ""}${e}%`, hn = ({ items: e, formatChange: t, ariaHidden: r }) => /* @__PURE__ */ M("div", {
|
|
484
484
|
className: L.row,
|
|
485
|
-
"aria-hidden":
|
|
486
|
-
children: e.map((e,
|
|
487
|
-
let
|
|
485
|
+
"aria-hidden": r,
|
|
486
|
+
children: e.map((e, r) => {
|
|
487
|
+
let i = e.changePercent >= 0, a = i ? ut : et, o = i ? L.trendUp : L.trendDown;
|
|
488
488
|
return /* @__PURE__ */ N("div", {
|
|
489
489
|
className: L.item,
|
|
490
490
|
children: [
|
|
@@ -492,19 +492,19 @@ var Kt = {
|
|
|
492
492
|
className: L.symbol,
|
|
493
493
|
children: e.symbol
|
|
494
494
|
}),
|
|
495
|
-
/* @__PURE__ */ M(
|
|
495
|
+
/* @__PURE__ */ M(a, {
|
|
496
496
|
size: 14,
|
|
497
|
-
strokeWidth:
|
|
498
|
-
className:
|
|
497
|
+
strokeWidth: n(14),
|
|
498
|
+
className: o
|
|
499
499
|
}),
|
|
500
500
|
/* @__PURE__ */ M("span", {
|
|
501
|
-
className: [L.change,
|
|
501
|
+
className: [L.change, o].join(" "),
|
|
502
502
|
children: t(e.changePercent)
|
|
503
503
|
})
|
|
504
504
|
]
|
|
505
|
-
}, `${e.symbol}-${
|
|
505
|
+
}, `${e.symbol}-${r}`);
|
|
506
506
|
})
|
|
507
|
-
}),
|
|
507
|
+
}), gn = ({ items: e, speed: t = 40, formatChange: n = mn, className: r }) => {
|
|
508
508
|
let i = k.useRef(null), [a, o] = k.useState(20);
|
|
509
509
|
return k.useEffect(() => {
|
|
510
510
|
let e = i.current;
|
|
@@ -525,10 +525,10 @@ var Kt = {
|
|
|
525
525
|
ref: i,
|
|
526
526
|
className: L.track,
|
|
527
527
|
style: { "--ticker-duration": `${a}s` },
|
|
528
|
-
children: [/* @__PURE__ */ M(
|
|
528
|
+
children: [/* @__PURE__ */ M(hn, {
|
|
529
529
|
items: e,
|
|
530
530
|
formatChange: n
|
|
531
|
-
}), /* @__PURE__ */ M(
|
|
531
|
+
}), /* @__PURE__ */ M(hn, {
|
|
532
532
|
items: e,
|
|
533
533
|
formatChange: n,
|
|
534
534
|
ariaHidden: !0
|
|
@@ -560,28 +560,28 @@ var Kt = {
|
|
|
560
560
|
emptyIcon: "_emptyIcon_ovxee_86",
|
|
561
561
|
emptyTitle: "_emptyTitle_ovxee_89",
|
|
562
562
|
emptyDesc: "_emptyDesc_ovxee_96"
|
|
563
|
-
},
|
|
563
|
+
}, _n = (e) => `${e >= 0 ? "+" : "-"}${Math.abs(e).toLocaleString("en-US", {
|
|
564
564
|
style: "currency",
|
|
565
565
|
currency: "USD"
|
|
566
|
-
})}`,
|
|
567
|
-
className: [R.empty,
|
|
566
|
+
})}`, vn = ({ transactions: e, formatAmount: t = _n, emptyTitle: r = "No transactions yet", emptyDescription: i = "Your activity will show up here.", className: a }) => e.length === 0 ? /* @__PURE__ */ N("div", {
|
|
567
|
+
className: [R.empty, a ?? ""].filter(Boolean).join(" "),
|
|
568
568
|
children: [
|
|
569
|
-
/* @__PURE__ */ M(
|
|
569
|
+
/* @__PURE__ */ M(vt, {
|
|
570
570
|
size: 24,
|
|
571
|
-
strokeWidth:
|
|
571
|
+
strokeWidth: n(24),
|
|
572
572
|
className: R.emptyIcon
|
|
573
573
|
}),
|
|
574
574
|
/* @__PURE__ */ M("p", {
|
|
575
575
|
className: R.emptyTitle,
|
|
576
|
-
children:
|
|
576
|
+
children: r
|
|
577
577
|
}),
|
|
578
578
|
/* @__PURE__ */ M("p", {
|
|
579
579
|
className: R.emptyDesc,
|
|
580
|
-
children:
|
|
580
|
+
children: i
|
|
581
581
|
})
|
|
582
582
|
]
|
|
583
583
|
}) : /* @__PURE__ */ M("div", {
|
|
584
|
-
className: [R.list,
|
|
584
|
+
className: [R.list, a ?? ""].filter(Boolean).join(" "),
|
|
585
585
|
children: e.map((n, r) => {
|
|
586
586
|
let i = n.amount >= 0;
|
|
587
587
|
return /* @__PURE__ */ N("div", {
|
|
@@ -622,47 +622,47 @@ var Kt = {
|
|
|
622
622
|
author: "_author_19qxp_77",
|
|
623
623
|
authorText: "_authorText_19qxp_83",
|
|
624
624
|
authorName: "_authorName_19qxp_91"
|
|
625
|
-
},
|
|
626
|
-
let
|
|
625
|
+
}, yn = ({ quote: e, author: t, className: r }) => {
|
|
626
|
+
let i = !!t;
|
|
627
627
|
return /* @__PURE__ */ N("div", {
|
|
628
628
|
className: [
|
|
629
629
|
z.root,
|
|
630
|
-
|
|
631
|
-
|
|
630
|
+
i ? z.rootAttributed : z.rootSimple,
|
|
631
|
+
r ?? ""
|
|
632
632
|
].filter(Boolean).join(" "),
|
|
633
|
-
children: [/* @__PURE__ */ M(
|
|
633
|
+
children: [/* @__PURE__ */ M(Ie, {
|
|
634
634
|
orientation: "vertical",
|
|
635
635
|
className: z.rail
|
|
636
636
|
}), /* @__PURE__ */ N("div", {
|
|
637
637
|
className: z.body,
|
|
638
638
|
children: [
|
|
639
|
-
|
|
639
|
+
i && /* @__PURE__ */ M("span", {
|
|
640
640
|
className: z.markRow,
|
|
641
641
|
"aria-hidden": "true",
|
|
642
|
-
children: /* @__PURE__ */ M(
|
|
642
|
+
children: /* @__PURE__ */ M(ht, {
|
|
643
643
|
size: 12,
|
|
644
|
-
strokeWidth:
|
|
644
|
+
strokeWidth: n(12),
|
|
645
645
|
className: z.mark,
|
|
646
646
|
fill: "currentColor"
|
|
647
647
|
})
|
|
648
648
|
}),
|
|
649
649
|
/* @__PURE__ */ M("p", {
|
|
650
|
-
className:
|
|
651
|
-
children:
|
|
650
|
+
className: i ? z.quoteAttributed : z.quoteSimple,
|
|
651
|
+
children: i ? e : `"${e}"`
|
|
652
652
|
}),
|
|
653
|
-
|
|
653
|
+
i && /* @__PURE__ */ M("span", {
|
|
654
654
|
className: [z.markRow, z.markRowEnd].join(" "),
|
|
655
655
|
"aria-hidden": "true",
|
|
656
|
-
children: /* @__PURE__ */ M(
|
|
656
|
+
children: /* @__PURE__ */ M(ht, {
|
|
657
657
|
size: 12,
|
|
658
|
-
strokeWidth:
|
|
658
|
+
strokeWidth: n(12),
|
|
659
659
|
className: z.mark,
|
|
660
660
|
fill: "currentColor"
|
|
661
661
|
})
|
|
662
662
|
}),
|
|
663
663
|
t && /* @__PURE__ */ N("div", {
|
|
664
664
|
className: z.author,
|
|
665
|
-
children: [/* @__PURE__ */ M(
|
|
665
|
+
children: [/* @__PURE__ */ M(s, {
|
|
666
666
|
size: "sm",
|
|
667
667
|
src: t.avatarSrc,
|
|
668
668
|
alt: t.avatarAlt ?? t.name
|
|
@@ -680,51 +680,51 @@ var Kt = {
|
|
|
680
680
|
]
|
|
681
681
|
})]
|
|
682
682
|
});
|
|
683
|
-
},
|
|
683
|
+
}, bn = {
|
|
684
684
|
root: "_root_btuyr_1",
|
|
685
685
|
rootLeft: "_rootLeft_btuyr_13",
|
|
686
686
|
rootTop: "_rootTop_btuyr_19",
|
|
687
687
|
ruleLeft: "_ruleLeft_btuyr_24",
|
|
688
688
|
ruleTop: "_ruleTop_btuyr_31",
|
|
689
689
|
text: "_text_btuyr_39"
|
|
690
|
-
},
|
|
690
|
+
}, xn = ({ text: e, align: t = "left", className: n }) => /* @__PURE__ */ N("div", {
|
|
691
691
|
className: [
|
|
692
|
-
|
|
693
|
-
t === "top" ?
|
|
692
|
+
bn.root,
|
|
693
|
+
t === "top" ? bn.rootTop : bn.rootLeft,
|
|
694
694
|
n ?? ""
|
|
695
695
|
].filter(Boolean).join(" "),
|
|
696
696
|
children: [/* @__PURE__ */ M("span", {
|
|
697
|
-
className: t === "top" ?
|
|
697
|
+
className: t === "top" ? bn.ruleTop : bn.ruleLeft,
|
|
698
698
|
"aria-hidden": "true"
|
|
699
699
|
}), /* @__PURE__ */ M("p", {
|
|
700
|
-
className:
|
|
700
|
+
className: bn.text,
|
|
701
701
|
children: e
|
|
702
702
|
})]
|
|
703
|
-
}),
|
|
703
|
+
}), Sn = {
|
|
704
704
|
root: "_root_awxwk_1",
|
|
705
705
|
imageWrap: "_imageWrap_awxwk_10",
|
|
706
706
|
"root--large": "_root--large_awxwk_27",
|
|
707
707
|
"root--small": "_root--small_awxwk_33",
|
|
708
708
|
image: "_image_awxwk_10",
|
|
709
709
|
caption: "_caption_awxwk_47"
|
|
710
|
-
},
|
|
710
|
+
}, Cn = ({ src: e, alt: t = "", size: n = "large", caption: r, className: i }) => /* @__PURE__ */ N("figure", {
|
|
711
711
|
className: [
|
|
712
|
-
|
|
713
|
-
|
|
712
|
+
Sn.root,
|
|
713
|
+
Sn[`root--${n}`],
|
|
714
714
|
i ?? ""
|
|
715
715
|
].filter(Boolean).join(" "),
|
|
716
716
|
children: [/* @__PURE__ */ M("span", {
|
|
717
|
-
className:
|
|
717
|
+
className: Sn.imageWrap,
|
|
718
718
|
children: /* @__PURE__ */ M("img", {
|
|
719
719
|
src: e,
|
|
720
720
|
alt: t,
|
|
721
|
-
className:
|
|
721
|
+
className: Sn.image
|
|
722
722
|
})
|
|
723
723
|
}), r && /* @__PURE__ */ M("figcaption", {
|
|
724
|
-
className:
|
|
724
|
+
className: Sn.caption,
|
|
725
725
|
children: r
|
|
726
726
|
})]
|
|
727
|
-
}),
|
|
727
|
+
}), wn = {
|
|
728
728
|
root: "_root_uc5r9_1",
|
|
729
729
|
rootCenter: "_rootCenter_uc5r9_10",
|
|
730
730
|
rootLeft: "_rootLeft_uc5r9_15",
|
|
@@ -733,39 +733,39 @@ var Kt = {
|
|
|
733
733
|
ctaRow: "_ctaRow_uc5r9_39",
|
|
734
734
|
avatarBlock: "_avatarBlock_uc5r9_45",
|
|
735
735
|
avatarsCaption: "_avatarsCaption_uc5r9_57"
|
|
736
|
-
},
|
|
736
|
+
}, Tn = ({ title: e, description: t, badgeLabel: r, primaryCta: i, secondaryCta: a, avatars: o, avatarsCaption: s, align: c = "center", className: l }) => {
|
|
737
737
|
let u = !!(i || a), d = !!(o && o.length > 0);
|
|
738
738
|
return /* @__PURE__ */ N("div", {
|
|
739
739
|
className: [
|
|
740
|
-
|
|
741
|
-
c === "left" ?
|
|
740
|
+
wn.root,
|
|
741
|
+
c === "left" ? wn.rootLeft : wn.rootCenter,
|
|
742
742
|
l ?? ""
|
|
743
743
|
].filter(Boolean).join(" "),
|
|
744
744
|
children: [
|
|
745
|
-
r && /* @__PURE__ */ M(
|
|
745
|
+
r && /* @__PURE__ */ M(Ce, {
|
|
746
746
|
variant: "accent",
|
|
747
747
|
emphasis: "subtle",
|
|
748
748
|
children: r
|
|
749
749
|
}),
|
|
750
750
|
/* @__PURE__ */ M("p", {
|
|
751
|
-
className:
|
|
751
|
+
className: wn.title,
|
|
752
752
|
children: e
|
|
753
753
|
}),
|
|
754
754
|
t && /* @__PURE__ */ M("p", {
|
|
755
|
-
className:
|
|
755
|
+
className: wn.description,
|
|
756
756
|
children: t
|
|
757
757
|
}),
|
|
758
758
|
u && /* @__PURE__ */ N("div", {
|
|
759
|
-
className:
|
|
760
|
-
children: [i && /* @__PURE__ */ M(
|
|
759
|
+
className: wn.ctaRow,
|
|
760
|
+
children: [i && /* @__PURE__ */ M(T, {
|
|
761
761
|
variant: "primary",
|
|
762
762
|
onClick: i.onClick,
|
|
763
763
|
children: i.label
|
|
764
|
-
}), a && /* @__PURE__ */ M(
|
|
764
|
+
}), a && /* @__PURE__ */ M(T, {
|
|
765
765
|
variant: "secondary",
|
|
766
|
-
leftIcon: /* @__PURE__ */ M(
|
|
766
|
+
leftIcon: /* @__PURE__ */ M(xt, {
|
|
767
767
|
size: 16,
|
|
768
|
-
strokeWidth:
|
|
768
|
+
strokeWidth: n(16),
|
|
769
769
|
fill: "currentColor"
|
|
770
770
|
}),
|
|
771
771
|
onClick: a.onClick,
|
|
@@ -773,65 +773,65 @@ var Kt = {
|
|
|
773
773
|
})]
|
|
774
774
|
}),
|
|
775
775
|
d && /* @__PURE__ */ N("div", {
|
|
776
|
-
className:
|
|
777
|
-
children: [/* @__PURE__ */ M(
|
|
776
|
+
className: wn.avatarBlock,
|
|
777
|
+
children: [/* @__PURE__ */ M(re, {
|
|
778
778
|
size: "md",
|
|
779
779
|
avatars: o
|
|
780
780
|
}), s && /* @__PURE__ */ M("p", {
|
|
781
|
-
className:
|
|
781
|
+
className: wn.avatarsCaption,
|
|
782
782
|
children: s
|
|
783
783
|
})]
|
|
784
784
|
})
|
|
785
785
|
]
|
|
786
786
|
});
|
|
787
|
-
},
|
|
787
|
+
}, En = {
|
|
788
788
|
root: "_root_5kajg_1",
|
|
789
789
|
item: "_item_5kajg_12",
|
|
790
790
|
marker: "_marker_5kajg_18",
|
|
791
791
|
dot: "_dot_5kajg_26",
|
|
792
792
|
label: "_label_5kajg_34"
|
|
793
|
-
},
|
|
794
|
-
className: [
|
|
795
|
-
children: e.map((e,
|
|
796
|
-
className:
|
|
793
|
+
}, Dn = ({ items: e, style: t = "check", className: r }) => /* @__PURE__ */ M("ul", {
|
|
794
|
+
className: [En.root, r ?? ""].filter(Boolean).join(" "),
|
|
795
|
+
children: e.map((e, r) => /* @__PURE__ */ N("li", {
|
|
796
|
+
className: En.item,
|
|
797
797
|
children: [/* @__PURE__ */ N("span", {
|
|
798
|
-
className:
|
|
798
|
+
className: En.marker,
|
|
799
799
|
"aria-hidden": "true",
|
|
800
800
|
children: [
|
|
801
|
-
t === "check" && /* @__PURE__ */ M(
|
|
801
|
+
t === "check" && /* @__PURE__ */ M(dt, {
|
|
802
802
|
size: 18,
|
|
803
|
-
strokeWidth:
|
|
803
|
+
strokeWidth: n(18)
|
|
804
804
|
}),
|
|
805
|
-
t === "arrow" && /* @__PURE__ */ M(
|
|
805
|
+
t === "arrow" && /* @__PURE__ */ M(yt, {
|
|
806
806
|
size: 16,
|
|
807
|
-
strokeWidth:
|
|
807
|
+
strokeWidth: n(16)
|
|
808
808
|
}),
|
|
809
|
-
t === "bullet" && /* @__PURE__ */ M("span", { className:
|
|
809
|
+
t === "bullet" && /* @__PURE__ */ M("span", { className: En.dot })
|
|
810
810
|
]
|
|
811
811
|
}), /* @__PURE__ */ M("span", {
|
|
812
|
-
className:
|
|
812
|
+
className: En.label,
|
|
813
813
|
children: e
|
|
814
814
|
})]
|
|
815
|
-
},
|
|
816
|
-
}),
|
|
815
|
+
}, r))
|
|
816
|
+
}), On = {
|
|
817
817
|
marquee: "_marquee_1pc4i_1",
|
|
818
818
|
track: "_track_1pc4i_13",
|
|
819
819
|
row: "_row_1pc4i_19",
|
|
820
820
|
item: "_item_1pc4i_25",
|
|
821
821
|
fadeLeft: "_fadeLeft_1pc4i_31",
|
|
822
822
|
fadeRight: "_fadeRight_1pc4i_32"
|
|
823
|
-
},
|
|
824
|
-
className:
|
|
823
|
+
}, kn = ({ items: e, gap: t, ariaHidden: n }) => /* @__PURE__ */ M("div", {
|
|
824
|
+
className: On.row,
|
|
825
825
|
style: {
|
|
826
826
|
gap: t,
|
|
827
827
|
paddingRight: t
|
|
828
828
|
},
|
|
829
829
|
"aria-hidden": n,
|
|
830
830
|
children: e.map((e, t) => /* @__PURE__ */ M("div", {
|
|
831
|
-
className:
|
|
831
|
+
className: On.item,
|
|
832
832
|
children: e
|
|
833
833
|
}, t))
|
|
834
|
-
}),
|
|
834
|
+
}), An = ({ items: e, speed: t = 40, gap: n, className: r }) => {
|
|
835
835
|
let i = k.useRef(null), a = k.useRef(0), o = k.useRef(0), s = k.useRef(!1);
|
|
836
836
|
return k.useEffect(() => {
|
|
837
837
|
let e = i.current?.firstElementChild;
|
|
@@ -853,7 +853,7 @@ var Kt = {
|
|
|
853
853
|
};
|
|
854
854
|
return n = setTimeout(c, 16), () => clearTimeout(n);
|
|
855
855
|
}, [t]), /* @__PURE__ */ N("div", {
|
|
856
|
-
className: [
|
|
856
|
+
className: [On.marquee, r ?? ""].filter(Boolean).join(" "),
|
|
857
857
|
onMouseEnter: () => {
|
|
858
858
|
s.current = !0;
|
|
859
859
|
},
|
|
@@ -863,27 +863,27 @@ var Kt = {
|
|
|
863
863
|
children: [
|
|
864
864
|
/* @__PURE__ */ N("div", {
|
|
865
865
|
ref: i,
|
|
866
|
-
className:
|
|
867
|
-
children: [/* @__PURE__ */ M(
|
|
866
|
+
className: On.track,
|
|
867
|
+
children: [/* @__PURE__ */ M(kn, {
|
|
868
868
|
items: e,
|
|
869
869
|
gap: n
|
|
870
|
-
}), /* @__PURE__ */ M(
|
|
870
|
+
}), /* @__PURE__ */ M(kn, {
|
|
871
871
|
items: e,
|
|
872
872
|
gap: n,
|
|
873
873
|
ariaHidden: !0
|
|
874
874
|
})]
|
|
875
875
|
}),
|
|
876
876
|
/* @__PURE__ */ M("div", {
|
|
877
|
-
className:
|
|
877
|
+
className: On.fadeLeft,
|
|
878
878
|
"aria-hidden": "true"
|
|
879
879
|
}),
|
|
880
880
|
/* @__PURE__ */ M("div", {
|
|
881
|
-
className:
|
|
881
|
+
className: On.fadeRight,
|
|
882
882
|
"aria-hidden": "true"
|
|
883
883
|
})
|
|
884
884
|
]
|
|
885
885
|
});
|
|
886
|
-
},
|
|
886
|
+
}, jn = {
|
|
887
887
|
root: "_root_17a1b_1",
|
|
888
888
|
numRow: "_numRow_17a1b_9",
|
|
889
889
|
value: "_value_17a1b_15",
|
|
@@ -891,28 +891,28 @@ var Kt = {
|
|
|
891
891
|
trendUp: "_trendUp_17a1b_35",
|
|
892
892
|
trendDown: "_trendDown_17a1b_39",
|
|
893
893
|
label: "_label_17a1b_43"
|
|
894
|
-
},
|
|
895
|
-
let
|
|
894
|
+
}, Mn = ({ value: e, label: t, trend: r, className: i }) => {
|
|
895
|
+
let a = r !== void 0, o = a && r >= 0, s = o ? ut : et;
|
|
896
896
|
return /* @__PURE__ */ N("div", {
|
|
897
|
-
className: [
|
|
897
|
+
className: [jn.root, i ?? ""].filter(Boolean).join(" "),
|
|
898
898
|
children: [/* @__PURE__ */ N("div", {
|
|
899
|
-
className:
|
|
899
|
+
className: jn.numRow,
|
|
900
900
|
children: [/* @__PURE__ */ M("p", {
|
|
901
|
-
className:
|
|
901
|
+
className: jn.value,
|
|
902
902
|
children: e
|
|
903
|
-
}),
|
|
904
|
-
className: [
|
|
903
|
+
}), a && /* @__PURE__ */ N("span", {
|
|
904
|
+
className: [jn.trend, o ? jn.trendUp : jn.trendDown].join(" "),
|
|
905
905
|
children: [
|
|
906
|
-
/* @__PURE__ */ M(
|
|
906
|
+
/* @__PURE__ */ M(s, {
|
|
907
907
|
size: 24,
|
|
908
|
-
strokeWidth:
|
|
908
|
+
strokeWidth: n(24)
|
|
909
909
|
}),
|
|
910
|
-
Math.abs(
|
|
910
|
+
Math.abs(r),
|
|
911
911
|
"%"
|
|
912
912
|
]
|
|
913
913
|
})]
|
|
914
914
|
}), /* @__PURE__ */ M("p", {
|
|
915
|
-
className:
|
|
915
|
+
className: jn.label,
|
|
916
916
|
children: t
|
|
917
917
|
})]
|
|
918
918
|
});
|
|
@@ -927,20 +927,20 @@ var Kt = {
|
|
|
927
927
|
collapseInner: "_collapseInner_scbx4_78",
|
|
928
928
|
navLinks: "_navLinks_scbx4_91",
|
|
929
929
|
navLink: "_navLink_scbx4_91"
|
|
930
|
-
},
|
|
931
|
-
let
|
|
932
|
-
let e = !
|
|
933
|
-
|
|
934
|
-
},
|
|
930
|
+
}, Nn = ({ label: e, links: t, ctaLabel: r = "Get started", onCtaClick: i, open: a, defaultOpen: o = !1, onOpenChange: s, className: c }) => {
|
|
931
|
+
let l = a !== void 0, [u, d] = k.useState(o), f = l ? a : u, p = () => {
|
|
932
|
+
let e = !f;
|
|
933
|
+
l || d(e), s?.(e);
|
|
934
|
+
}, m = k.useRef(null), [h, g] = k.useState(0);
|
|
935
935
|
return k.useEffect(() => {
|
|
936
|
-
let e =
|
|
936
|
+
let e = m.current;
|
|
937
937
|
if (!e) return;
|
|
938
|
-
let t = () =>
|
|
938
|
+
let t = () => g(e.scrollHeight);
|
|
939
939
|
t();
|
|
940
940
|
let n = new ResizeObserver(t);
|
|
941
941
|
return n.observe(e), () => n.disconnect();
|
|
942
|
-
}, [t,
|
|
943
|
-
className: [B.root,
|
|
942
|
+
}, [t, r]), /* @__PURE__ */ N("div", {
|
|
943
|
+
className: [B.root, c ?? ""].filter(Boolean).join(" "),
|
|
944
944
|
children: [/* @__PURE__ */ N("div", {
|
|
945
945
|
className: B.header,
|
|
946
946
|
children: [/* @__PURE__ */ M("p", {
|
|
@@ -949,20 +949,20 @@ var Kt = {
|
|
|
949
949
|
}), /* @__PURE__ */ M("button", {
|
|
950
950
|
type: "button",
|
|
951
951
|
className: B.toggle,
|
|
952
|
-
onClick:
|
|
953
|
-
"aria-expanded":
|
|
954
|
-
"aria-label":
|
|
955
|
-
children: M(
|
|
952
|
+
onClick: p,
|
|
953
|
+
"aria-expanded": f,
|
|
954
|
+
"aria-label": f ? "Close menu" : "Open menu",
|
|
955
|
+
children: M(f ? nt : ct, {
|
|
956
956
|
size: 16,
|
|
957
|
-
strokeWidth:
|
|
957
|
+
strokeWidth: n(16)
|
|
958
958
|
})
|
|
959
959
|
})]
|
|
960
960
|
}), /* @__PURE__ */ M("div", {
|
|
961
|
-
className: [B.collapse,
|
|
962
|
-
style: { maxHeight:
|
|
963
|
-
"aria-hidden": !
|
|
961
|
+
className: [B.collapse, f ? B.collapseOpen : ""].filter(Boolean).join(" "),
|
|
962
|
+
style: { maxHeight: f ? `${h}px` : "0px" },
|
|
963
|
+
"aria-hidden": !f,
|
|
964
964
|
children: /* @__PURE__ */ N("div", {
|
|
965
|
-
ref:
|
|
965
|
+
ref: m,
|
|
966
966
|
className: B.collapseInner,
|
|
967
967
|
children: [
|
|
968
968
|
/* @__PURE__ */ M("nav", {
|
|
@@ -972,52 +972,53 @@ var Kt = {
|
|
|
972
972
|
href: e.href,
|
|
973
973
|
onClick: e.onClick,
|
|
974
974
|
className: B.navLink,
|
|
975
|
-
tabIndex:
|
|
975
|
+
tabIndex: f ? void 0 : -1,
|
|
976
976
|
children: e.label
|
|
977
977
|
}, e.label))
|
|
978
978
|
}),
|
|
979
|
-
/* @__PURE__ */ M(
|
|
980
|
-
/* @__PURE__ */ M(
|
|
979
|
+
/* @__PURE__ */ M(Ie, { className: B.fullWidth }),
|
|
980
|
+
/* @__PURE__ */ M(T, {
|
|
981
981
|
variant: "primary",
|
|
982
982
|
className: B.fullWidth,
|
|
983
|
-
onClick:
|
|
984
|
-
tabIndex:
|
|
985
|
-
children:
|
|
983
|
+
onClick: i,
|
|
984
|
+
tabIndex: f ? void 0 : -1,
|
|
985
|
+
children: r
|
|
986
986
|
})
|
|
987
987
|
]
|
|
988
988
|
})
|
|
989
989
|
})]
|
|
990
990
|
});
|
|
991
|
-
},
|
|
991
|
+
}, Pn = {
|
|
992
992
|
root: "_root_lrpdp_1",
|
|
993
993
|
"root--sm": "_root--sm_lrpdp_14",
|
|
994
994
|
"root--md": "_root--md_lrpdp_18",
|
|
995
995
|
"root--lg": "_root--lg_lrpdp_22",
|
|
996
996
|
defaultMark: "_defaultMark_lrpdp_27"
|
|
997
|
-
},
|
|
997
|
+
}, Fn = {
|
|
998
998
|
sm: 14,
|
|
999
999
|
md: 16,
|
|
1000
1000
|
lg: 18
|
|
1001
|
-
},
|
|
1002
|
-
let
|
|
1003
|
-
size:
|
|
1004
|
-
strokeWidth:
|
|
1005
|
-
}) : t ?? /* @__PURE__ */ M("
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1001
|
+
}, In = ({ size: e = "md", logo: t, label: r, className: i }) => {
|
|
1002
|
+
let a = Fn[e], o = k.isValidElement(t) ? k.cloneElement(t, {
|
|
1003
|
+
size: a,
|
|
1004
|
+
strokeWidth: n(a)
|
|
1005
|
+
}) : t ?? /* @__PURE__ */ M("span", {
|
|
1006
|
+
className: Pn.defaultMark,
|
|
1007
|
+
style: {
|
|
1008
|
+
width: a,
|
|
1009
|
+
height: a
|
|
1010
|
+
},
|
|
1011
|
+
children: /* @__PURE__ */ M(C, { size: a })
|
|
1011
1012
|
});
|
|
1012
1013
|
return /* @__PURE__ */ M("span", {
|
|
1013
1014
|
className: [
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1015
|
+
Pn.root,
|
|
1016
|
+
Pn[`root--${e}`],
|
|
1017
|
+
i ?? ""
|
|
1017
1018
|
].filter(Boolean).join(" "),
|
|
1018
1019
|
role: "img",
|
|
1019
|
-
"aria-label":
|
|
1020
|
-
children:
|
|
1020
|
+
"aria-label": r ?? "Logo placeholder",
|
|
1021
|
+
children: o
|
|
1021
1022
|
});
|
|
1022
1023
|
}, V = {
|
|
1023
1024
|
root: "_root_ibchq_1",
|
|
@@ -1030,22 +1031,22 @@ var Kt = {
|
|
|
1030
1031
|
bio: "_bio_ibchq_53",
|
|
1031
1032
|
social: "_social_ibchq_63",
|
|
1032
1033
|
socialBtn: "_socialBtn_ibchq_71"
|
|
1033
|
-
},
|
|
1034
|
-
let
|
|
1034
|
+
}, Ln = ({ name: e, role: t, avatarSrc: n, avatarAlt: r, bio: i, socialLinks: a = [], className: o }) => {
|
|
1035
|
+
let c = !!i || a.length > 0;
|
|
1035
1036
|
return /* @__PURE__ */ N("div", {
|
|
1036
1037
|
className: [
|
|
1037
1038
|
V.root,
|
|
1038
|
-
|
|
1039
|
+
c ? V.rootDetailed : V.rootCompact,
|
|
1039
1040
|
o ?? ""
|
|
1040
1041
|
].filter(Boolean).join(" "),
|
|
1041
1042
|
children: [
|
|
1042
|
-
/* @__PURE__ */ M(
|
|
1043
|
+
/* @__PURE__ */ M(s, {
|
|
1043
1044
|
size: "xl",
|
|
1044
1045
|
src: n,
|
|
1045
1046
|
alt: r ?? e
|
|
1046
1047
|
}),
|
|
1047
1048
|
/* @__PURE__ */ N("div", {
|
|
1048
|
-
className:
|
|
1049
|
+
className: c ? V.infoDetailed : V.infoCompact,
|
|
1049
1050
|
children: [/* @__PURE__ */ M("p", {
|
|
1050
1051
|
className: V.name,
|
|
1051
1052
|
children: e
|
|
@@ -1054,11 +1055,11 @@ var Kt = {
|
|
|
1054
1055
|
children: t
|
|
1055
1056
|
})]
|
|
1056
1057
|
}),
|
|
1057
|
-
|
|
1058
|
+
c && i && /* @__PURE__ */ M("p", {
|
|
1058
1059
|
className: V.bio,
|
|
1059
1060
|
children: i
|
|
1060
1061
|
}),
|
|
1061
|
-
|
|
1062
|
+
c && a.length > 0 && /* @__PURE__ */ M("div", {
|
|
1062
1063
|
className: V.social,
|
|
1063
1064
|
children: a.map((e, t) => /* @__PURE__ */ M("a", {
|
|
1064
1065
|
href: e.href,
|
|
@@ -1070,7 +1071,7 @@ var Kt = {
|
|
|
1070
1071
|
})
|
|
1071
1072
|
]
|
|
1072
1073
|
});
|
|
1073
|
-
},
|
|
1074
|
+
}, Rn = ({ size: e = 16 }) => /* @__PURE__ */ M("svg", {
|
|
1074
1075
|
width: e,
|
|
1075
1076
|
height: e,
|
|
1076
1077
|
viewBox: "0 0 16 16",
|
|
@@ -1083,7 +1084,7 @@ var Kt = {
|
|
|
1083
1084
|
fill: "currentColor",
|
|
1084
1085
|
d: "M9.48933 6.77467L15.318 0H13.9367L8.876 5.88267L4.834 0H0.172L6.284 8.89533L0.172 16H1.55333L6.89733 9.788L11.166 16H15.828L9.48933 6.77467ZM7.598 8.974L6.97867 8.088L2.05067 1.04H4.172L8.14867 6.728L8.768 7.614L13.9373 15.0073H11.816L7.598 8.974Z"
|
|
1085
1086
|
})
|
|
1086
|
-
}),
|
|
1087
|
+
}), zn = ({ size: e = 16 }) => /* @__PURE__ */ M("svg", {
|
|
1087
1088
|
width: e,
|
|
1088
1089
|
height: e,
|
|
1089
1090
|
viewBox: "0 0 16 16",
|
|
@@ -1096,21 +1097,21 @@ var Kt = {
|
|
|
1096
1097
|
strokeWidth: "0.5",
|
|
1097
1098
|
d: "M5.2627 14.9109C5.24063 14.9019 5.21825 14.8937 5.19629 14.8845C5.21828 14.8846 5.2404 14.8849 5.2627 14.8845C5.26277 14.8934 5.26262 14.9022 5.2627 14.9109ZM8 0.948C12.0038 0.948 15.25 4.19421 15.25 8.198C15.25 11.2321 13.382 13.8337 10.7119 14.9041C10.7126 14.8154 10.7132 14.7175 10.7139 14.6111C10.7164 14.2289 10.7197 13.7443 10.7197 13.2068C10.7197 12.8702 10.6752 12.5602 10.5967 12.282C11.2251 12.1236 11.8603 11.8618 12.4033 11.407C13.3035 10.6531 13.8291 9.48051 13.8291 7.78003C13.8291 6.87672 13.5529 6.10004 13.0859 5.46265C13.1914 4.97309 13.2464 4.1873 12.8779 3.24292L12.748 2.91089L12.4082 2.80152L12.1885 3.48902C12.4086 2.8019 12.407 2.80174 12.4062 2.80152L12.4053 2.80054L12.3965 2.79761C12.3923 2.79634 12.3874 2.79501 12.3828 2.7937C12.3738 2.79113 12.364 2.78851 12.3535 2.78589C12.3324 2.78061 12.3081 2.77611 12.2812 2.77124C12.2271 2.76146 12.1615 2.75326 12.085 2.74976C11.9315 2.74276 11.7366 2.75416 11.499 2.80445C11.0816 2.8928 10.5376 3.09872 9.85352 3.52808C9.24662 3.38844 8.61824 3.31986 7.99414 3.31616H7.98535C7.36044 3.31984 6.73069 3.3881 6.12305 3.52808C5.43488 3.09865 4.88896 2.89272 4.4707 2.80445C4.23272 2.75425 4.03733 2.74275 3.88379 2.74976C3.80726 2.75325 3.74164 2.76049 3.6875 2.77027C3.66056 2.77514 3.63643 2.78059 3.61523 2.78589C3.60476 2.78851 3.59499 2.79113 3.58594 2.7937C3.58136 2.79501 3.57647 2.79634 3.57227 2.79761L3.56348 2.80054L3.56152 2.80152C3.56163 2.80419 3.57406 2.84531 3.78906 3.51636L3.56055 2.80152L3.2207 2.91089L3.09082 3.24292C2.72472 4.18117 2.77327 4.9675 2.88574 5.46851C2.41945 6.10504 2.14648 6.88031 2.14648 7.78003C2.14649 8.97574 2.40791 9.91025 2.87598 10.6228C2.76692 10.5961 2.65215 10.5747 2.53027 10.5662L2.50879 10.5642H2.46289C2.45155 10.5643 2.43701 10.5646 2.41992 10.5652C2.3862 10.5664 2.33899 10.569 2.28516 10.575C2.20712 10.5835 2.00131 10.6093 1.80762 10.7195C1.70282 10.7791 1.53342 10.9016 1.43457 11.1267C1.42275 11.1537 1.41196 11.181 1.40332 11.2078C0.984401 10.291 0.75 9.27198 0.75 8.198C0.75 4.19409 3.99434 0.948 8 0.948ZM4.51855 11.9919C4.75868 12.0994 5.00485 12.1834 5.25098 12.2517C5.17809 12.2603 5.10423 12.266 5.03125 12.2595C4.87853 12.2459 4.69843 12.1922 4.51855 11.9919Z"
|
|
1098
1099
|
})
|
|
1099
|
-
}),
|
|
1100
|
+
}), Bn = {
|
|
1100
1101
|
heading: "_heading_96cdx_1",
|
|
1101
1102
|
h2: "_h2_96cdx_8",
|
|
1102
1103
|
h3: "_h3_96cdx_14"
|
|
1103
|
-
},
|
|
1104
|
+
}, Vn = ({ children: e, level: t = "h2", className: n }) => /* @__PURE__ */ M(t, {
|
|
1104
1105
|
className: [
|
|
1105
|
-
|
|
1106
|
-
|
|
1106
|
+
Bn.heading,
|
|
1107
|
+
Bn[t],
|
|
1107
1108
|
n ?? ""
|
|
1108
1109
|
].filter(Boolean).join(" "),
|
|
1109
1110
|
children: e
|
|
1110
|
-
}),
|
|
1111
|
-
className: [
|
|
1111
|
+
}), Hn = { paragraph: "_paragraph_8pqdi_1" }, Un = ({ children: e, className: t }) => /* @__PURE__ */ M("p", {
|
|
1112
|
+
className: [Hn.paragraph, t ?? ""].filter(Boolean).join(" "),
|
|
1112
1113
|
children: e
|
|
1113
|
-
}),
|
|
1114
|
+
}), Wn = {
|
|
1114
1115
|
rootBordered: "_rootBordered_5cgsj_1",
|
|
1115
1116
|
rail: "_rail_5cgsj_12",
|
|
1116
1117
|
contentHorizontal: "_contentHorizontal_5cgsj_18",
|
|
@@ -1119,32 +1120,32 @@ var Kt = {
|
|
|
1119
1120
|
textVertical: "_textVertical_5cgsj_41",
|
|
1120
1121
|
title: "_title_5cgsj_49",
|
|
1121
1122
|
description: "_description_5cgsj_57"
|
|
1122
|
-
},
|
|
1123
|
+
}, Gn = ({ icon: e, title: t, description: n, layout: r = "horizontal", leftBorder: i = !1, className: a }) => {
|
|
1123
1124
|
let o = r === "vertical", s = /* @__PURE__ */ N("div", {
|
|
1124
|
-
className: o ?
|
|
1125
|
-
children: [/* @__PURE__ */ M(
|
|
1125
|
+
className: o ? Wn.contentVertical : Wn.contentHorizontal,
|
|
1126
|
+
children: [/* @__PURE__ */ M(f, {
|
|
1126
1127
|
icon: e,
|
|
1127
1128
|
size: "sm",
|
|
1128
1129
|
variant: "light"
|
|
1129
1130
|
}), /* @__PURE__ */ N("div", {
|
|
1130
|
-
className: o ?
|
|
1131
|
+
className: o ? Wn.textVertical : Wn.textHorizontal,
|
|
1131
1132
|
children: [/* @__PURE__ */ M("p", {
|
|
1132
|
-
className:
|
|
1133
|
+
className: Wn.title,
|
|
1133
1134
|
children: t
|
|
1134
1135
|
}), /* @__PURE__ */ M("p", {
|
|
1135
|
-
className:
|
|
1136
|
+
className: Wn.description,
|
|
1136
1137
|
children: n
|
|
1137
1138
|
})]
|
|
1138
1139
|
})]
|
|
1139
1140
|
});
|
|
1140
1141
|
return i ? /* @__PURE__ */ N("div", {
|
|
1141
|
-
className: [
|
|
1142
|
-
children: [/* @__PURE__ */ M(
|
|
1142
|
+
className: [Wn.rootBordered, a ?? ""].filter(Boolean).join(" "),
|
|
1143
|
+
children: [/* @__PURE__ */ M(Ie, {
|
|
1143
1144
|
orientation: "vertical",
|
|
1144
|
-
className:
|
|
1145
|
+
className: Wn.rail
|
|
1145
1146
|
}), s]
|
|
1146
1147
|
}) : k.cloneElement(s, { className: [s.props.className, a ?? ""].filter(Boolean).join(" ") });
|
|
1147
|
-
},
|
|
1148
|
+
}, Kn = ({ size: e = 16 }) => /* @__PURE__ */ M("svg", {
|
|
1148
1149
|
width: e,
|
|
1149
1150
|
height: e,
|
|
1150
1151
|
viewBox: "0 0 16 16",
|
|
@@ -1158,7 +1159,7 @@ var Kt = {
|
|
|
1158
1159
|
strokeLinecap: "round",
|
|
1159
1160
|
strokeLinejoin: "round"
|
|
1160
1161
|
})
|
|
1161
|
-
}),
|
|
1162
|
+
}), qn = ({ size: e = 16 }) => /* @__PURE__ */ M("svg", {
|
|
1162
1163
|
width: e,
|
|
1163
1164
|
height: e,
|
|
1164
1165
|
viewBox: "0 0 16 16",
|
|
@@ -1172,7 +1173,7 @@ var Kt = {
|
|
|
1172
1173
|
strokeLinecap: "round",
|
|
1173
1174
|
strokeLinejoin: "round"
|
|
1174
1175
|
})
|
|
1175
|
-
}),
|
|
1176
|
+
}), Jn = ({ size: e = 16 }) => /* @__PURE__ */ N("svg", {
|
|
1176
1177
|
width: e,
|
|
1177
1178
|
height: e,
|
|
1178
1179
|
viewBox: "0 0 16 16",
|
|
@@ -1202,20 +1203,20 @@ var Kt = {
|
|
|
1202
1203
|
strokeLinejoin: "round"
|
|
1203
1204
|
})
|
|
1204
1205
|
]
|
|
1205
|
-
}),
|
|
1206
|
+
}), Yn = { chart: "_chart_qqaox_2" }, Xn = {
|
|
1206
1207
|
sm: 180,
|
|
1207
1208
|
md: 240,
|
|
1208
1209
|
lg: 320,
|
|
1209
1210
|
xl: 420
|
|
1210
|
-
},
|
|
1211
|
-
let o = k.useRef(null), s =
|
|
1211
|
+
}, Zn = ({ data: e, variant: t = "default", seriesLabels: n = ["Value", "Value 2"], size: r = "md", height: i, className: a }) => {
|
|
1212
|
+
let o = k.useRef(null), s = fe(o), c = s("--color-chart-5") ?? "#dca84f", l = s("--color-chart-2") ?? "#5b92dd", u = s("--color-border-subtle") ?? "#e7e5e1", d = s("--color-fg-muted") ?? "#78716a", f = e.some((e) => e.value2 !== void 0), p = t === "step" ? "step" : t === "linear" ? "linear" : "monotone", m = t === "stacked" ? "stack" : void 0;
|
|
1212
1213
|
return /* @__PURE__ */ M("div", {
|
|
1213
1214
|
ref: o,
|
|
1214
|
-
className: [
|
|
1215
|
-
children: /* @__PURE__ */ M(
|
|
1215
|
+
className: [Yn.chart, a ?? ""].filter(Boolean).join(" "),
|
|
1216
|
+
children: /* @__PURE__ */ M(Ut, {
|
|
1216
1217
|
width: "100%",
|
|
1217
|
-
height: i ??
|
|
1218
|
-
children: /* @__PURE__ */ N(
|
|
1218
|
+
height: i ?? Xn[r],
|
|
1219
|
+
children: /* @__PURE__ */ N(At, {
|
|
1219
1220
|
data: e,
|
|
1220
1221
|
margin: {
|
|
1221
1222
|
top: 8,
|
|
@@ -1255,12 +1256,12 @@ var Kt = {
|
|
|
1255
1256
|
stopOpacity: .02
|
|
1256
1257
|
})]
|
|
1257
1258
|
})] }),
|
|
1258
|
-
/* @__PURE__ */ M(
|
|
1259
|
+
/* @__PURE__ */ M(jt, {
|
|
1259
1260
|
strokeDasharray: "3 3",
|
|
1260
1261
|
stroke: u,
|
|
1261
1262
|
vertical: !1
|
|
1262
1263
|
}),
|
|
1263
|
-
/* @__PURE__ */ M(
|
|
1264
|
+
/* @__PURE__ */ M(Kt, {
|
|
1264
1265
|
dataKey: "label",
|
|
1265
1266
|
stroke: d,
|
|
1266
1267
|
fontSize: 12,
|
|
@@ -1268,15 +1269,15 @@ var Kt = {
|
|
|
1268
1269
|
axisLine: !1,
|
|
1269
1270
|
interval: 0
|
|
1270
1271
|
}),
|
|
1271
|
-
/* @__PURE__ */ M(
|
|
1272
|
+
/* @__PURE__ */ M(Gt, {
|
|
1272
1273
|
cursor: {
|
|
1273
1274
|
stroke: s("--color-border-default") ?? "#dbdad7",
|
|
1274
1275
|
strokeWidth: 1
|
|
1275
1276
|
},
|
|
1276
|
-
content: /* @__PURE__ */ M(
|
|
1277
|
+
content: /* @__PURE__ */ M(Pe, {}),
|
|
1277
1278
|
wrapperStyle: { zIndex: 50 }
|
|
1278
1279
|
}),
|
|
1279
|
-
f && /* @__PURE__ */ M(
|
|
1280
|
+
f && /* @__PURE__ */ M(kt, {
|
|
1280
1281
|
type: p,
|
|
1281
1282
|
dataKey: "value2",
|
|
1282
1283
|
name: n[1] ?? "Value 2",
|
|
@@ -1292,7 +1293,7 @@ var Kt = {
|
|
|
1292
1293
|
strokeWidth: 1.5
|
|
1293
1294
|
}
|
|
1294
1295
|
}),
|
|
1295
|
-
/* @__PURE__ */ M(
|
|
1296
|
+
/* @__PURE__ */ M(kt, {
|
|
1296
1297
|
type: p,
|
|
1297
1298
|
dataKey: "value",
|
|
1298
1299
|
name: n[0] ?? "Value",
|
|
@@ -1323,44 +1324,44 @@ var Kt = {
|
|
|
1323
1324
|
col__body: "_col__body_1v24u_24",
|
|
1324
1325
|
col__drop: "_col__drop_1v24u_25",
|
|
1325
1326
|
col__add: "_col__add_1v24u_31"
|
|
1326
|
-
},
|
|
1327
|
-
className: [H.col,
|
|
1327
|
+
}, Qn = ({ state: e = "default", title: t, count: r, dotColor: i = "var(--color-chart-1)", children: a, onAdd: o, onMenu: s, className: c }) => /* @__PURE__ */ N("div", {
|
|
1328
|
+
className: [H.col, c ?? ""].filter(Boolean).join(" "),
|
|
1328
1329
|
children: [
|
|
1329
1330
|
/* @__PURE__ */ N("div", {
|
|
1330
1331
|
className: H.col__header,
|
|
1331
1332
|
children: [
|
|
1332
1333
|
/* @__PURE__ */ M("span", {
|
|
1333
1334
|
className: H.col__dot,
|
|
1334
|
-
style: { background:
|
|
1335
|
+
style: { background: i },
|
|
1335
1336
|
"aria-hidden": "true"
|
|
1336
1337
|
}),
|
|
1337
1338
|
/* @__PURE__ */ M("span", {
|
|
1338
1339
|
className: H.col__title,
|
|
1339
1340
|
children: t
|
|
1340
1341
|
}),
|
|
1341
|
-
|
|
1342
|
+
r != null && /* @__PURE__ */ M("span", {
|
|
1342
1343
|
className: H.col__count,
|
|
1343
|
-
children:
|
|
1344
|
+
children: r
|
|
1344
1345
|
}),
|
|
1345
1346
|
/* @__PURE__ */ M("span", { className: H.col__spacer }),
|
|
1346
1347
|
/* @__PURE__ */ M("button", {
|
|
1347
1348
|
type: "button",
|
|
1348
1349
|
className: H.col__action,
|
|
1349
|
-
onClick:
|
|
1350
|
+
onClick: o,
|
|
1350
1351
|
"aria-label": "Add task",
|
|
1351
|
-
children: /* @__PURE__ */ M(
|
|
1352
|
+
children: /* @__PURE__ */ M(at, {
|
|
1352
1353
|
size: 16,
|
|
1353
|
-
strokeWidth:
|
|
1354
|
+
strokeWidth: n(16)
|
|
1354
1355
|
})
|
|
1355
1356
|
}),
|
|
1356
1357
|
/* @__PURE__ */ M("button", {
|
|
1357
1358
|
type: "button",
|
|
1358
1359
|
className: H.col__action,
|
|
1359
|
-
onClick:
|
|
1360
|
+
onClick: s,
|
|
1360
1361
|
"aria-label": "Column options",
|
|
1361
|
-
children: /* @__PURE__ */ M(
|
|
1362
|
+
children: /* @__PURE__ */ M(gt, {
|
|
1362
1363
|
size: 16,
|
|
1363
|
-
strokeWidth:
|
|
1364
|
+
strokeWidth: n(16)
|
|
1364
1365
|
})
|
|
1365
1366
|
})
|
|
1366
1367
|
]
|
|
@@ -1370,15 +1371,15 @@ var Kt = {
|
|
|
1370
1371
|
children: e === "empty" ? /* @__PURE__ */ M("div", {
|
|
1371
1372
|
className: H.col__drop,
|
|
1372
1373
|
children: "Drop tasks here"
|
|
1373
|
-
}) :
|
|
1374
|
+
}) : a
|
|
1374
1375
|
}),
|
|
1375
1376
|
/* @__PURE__ */ N("button", {
|
|
1376
1377
|
type: "button",
|
|
1377
1378
|
className: H.col__add,
|
|
1378
|
-
onClick:
|
|
1379
|
-
children: [/* @__PURE__ */ M(
|
|
1379
|
+
onClick: o,
|
|
1380
|
+
children: [/* @__PURE__ */ M(at, {
|
|
1380
1381
|
size: 16,
|
|
1381
|
-
strokeWidth:
|
|
1382
|
+
strokeWidth: n(16),
|
|
1382
1383
|
"aria-hidden": "true"
|
|
1383
1384
|
}), "Add task"]
|
|
1384
1385
|
})
|
|
@@ -1401,7 +1402,7 @@ var Kt = {
|
|
|
1401
1402
|
"day--disabled": "_day--disabled_qvyxg_55",
|
|
1402
1403
|
dropdowns: "_dropdowns_qvyxg_58",
|
|
1403
1404
|
dropdown: "_dropdown_qvyxg_58"
|
|
1404
|
-
},
|
|
1405
|
+
}, $n = [
|
|
1405
1406
|
"Su",
|
|
1406
1407
|
"Mo",
|
|
1407
1408
|
"Tu",
|
|
@@ -1409,7 +1410,7 @@ var Kt = {
|
|
|
1409
1410
|
"Th",
|
|
1410
1411
|
"Fr",
|
|
1411
1412
|
"Sa"
|
|
1412
|
-
],
|
|
1413
|
+
], er = [
|
|
1413
1414
|
"January",
|
|
1414
1415
|
"February",
|
|
1415
1416
|
"March",
|
|
@@ -1422,41 +1423,41 @@ var Kt = {
|
|
|
1422
1423
|
"October",
|
|
1423
1424
|
"November",
|
|
1424
1425
|
"December"
|
|
1425
|
-
],
|
|
1426
|
-
let [
|
|
1427
|
-
let e =
|
|
1426
|
+
], tr = (e, t) => !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), nr = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), rr = ({ mode: e = "single", value: t, onChange: r, range: i, onRangeChange: a, headerType: o = "arrows", defaultMonth: s, minDate: c, maxDate: l, className: u }) => {
|
|
1427
|
+
let [d, f] = k.useState(() => {
|
|
1428
|
+
let e = s ?? t ?? i?.from ?? /* @__PURE__ */ new Date();
|
|
1428
1429
|
return new Date(e.getFullYear(), e.getMonth(), 1);
|
|
1429
|
-
}), [
|
|
1430
|
-
|
|
1431
|
-
},
|
|
1430
|
+
}), [p, m] = k.useState({}), h = v(), g = i === void 0 ? p : i, _ = /* @__PURE__ */ new Date(), y = d.getFullYear(), b = d.getMonth(), x = new Date(y, b, 1).getDay(), S = new Date(y, b, 1 - x), C = Array.from({ length: 42 }, (e, t) => new Date(S.getFullYear(), S.getMonth(), S.getDate() + t)), w = (e) => c && e < nr(c) || l && e > l, T = (e) => {
|
|
1431
|
+
i === void 0 && m(e), a?.(e);
|
|
1432
|
+
}, ee = (t) => {
|
|
1432
1433
|
if (e === "single") {
|
|
1433
|
-
|
|
1434
|
+
r?.(t);
|
|
1434
1435
|
return;
|
|
1435
1436
|
}
|
|
1436
|
-
let { from:
|
|
1437
|
-
|
|
1437
|
+
let { from: n, to: i } = g;
|
|
1438
|
+
T(!n || n && i ? {
|
|
1438
1439
|
from: t,
|
|
1439
1440
|
to: void 0
|
|
1440
|
-
} : t <
|
|
1441
|
+
} : t < n ? {
|
|
1441
1442
|
from: t,
|
|
1442
|
-
to:
|
|
1443
|
+
to: n
|
|
1443
1444
|
} : {
|
|
1444
|
-
from:
|
|
1445
|
+
from: n,
|
|
1445
1446
|
to: t
|
|
1446
1447
|
});
|
|
1447
|
-
},
|
|
1448
|
-
if (
|
|
1448
|
+
}, te = (n) => {
|
|
1449
|
+
if (w(n)) return "disabled";
|
|
1449
1450
|
if (e === "single") {
|
|
1450
|
-
if (
|
|
1451
|
+
if (tr(n, t)) return "selected";
|
|
1451
1452
|
} else {
|
|
1452
|
-
let { from: e, to: t } =
|
|
1453
|
-
if (
|
|
1453
|
+
let { from: e, to: t } = g;
|
|
1454
|
+
if (tr(n, e) || tr(n, t)) return "selected";
|
|
1454
1455
|
if (e && t && n > e && n < t) return "in-range";
|
|
1455
1456
|
}
|
|
1456
|
-
return n.getMonth() ===
|
|
1457
|
-
},
|
|
1457
|
+
return n.getMonth() === b ? tr(n, _) ? "today" : "default" : "outside";
|
|
1458
|
+
}, ne = c ? c.getFullYear() : y - 10, re = l ? l.getFullYear() : y + 10, ie = Array.from({ length: re - ne + 1 }, (e, t) => ne + t);
|
|
1458
1459
|
return /* @__PURE__ */ N("div", {
|
|
1459
|
-
className: [U.calendar,
|
|
1460
|
+
className: [U.calendar, u ?? ""].filter(Boolean).join(" "),
|
|
1460
1461
|
children: [
|
|
1461
1462
|
/* @__PURE__ */ N("div", {
|
|
1462
1463
|
className: U.header,
|
|
@@ -1464,30 +1465,30 @@ var Kt = {
|
|
|
1464
1465
|
/* @__PURE__ */ M("button", {
|
|
1465
1466
|
type: "button",
|
|
1466
1467
|
className: U.navBtn,
|
|
1467
|
-
onClick: () =>
|
|
1468
|
+
onClick: () => f(new Date(y, b - 1, 1)),
|
|
1468
1469
|
"aria-label": "Previous month",
|
|
1469
|
-
children: /* @__PURE__ */ M(
|
|
1470
|
+
children: /* @__PURE__ */ M(mt, {
|
|
1470
1471
|
size: 16,
|
|
1471
|
-
strokeWidth:
|
|
1472
|
+
strokeWidth: n(16)
|
|
1472
1473
|
})
|
|
1473
1474
|
}),
|
|
1474
|
-
|
|
1475
|
+
o === "dropdowns" ? /* @__PURE__ */ N("span", {
|
|
1475
1476
|
className: U.dropdowns,
|
|
1476
1477
|
children: [/* @__PURE__ */ M("select", {
|
|
1477
1478
|
className: U.dropdown,
|
|
1478
|
-
value:
|
|
1479
|
-
onChange: (e) =>
|
|
1479
|
+
value: b,
|
|
1480
|
+
onChange: (e) => f(new Date(y, Number(e.target.value), 1)),
|
|
1480
1481
|
"aria-label": "Month",
|
|
1481
|
-
children:
|
|
1482
|
+
children: er.map((e, t) => /* @__PURE__ */ M("option", {
|
|
1482
1483
|
value: t,
|
|
1483
1484
|
children: e
|
|
1484
1485
|
}, e))
|
|
1485
1486
|
}), /* @__PURE__ */ M("select", {
|
|
1486
1487
|
className: U.dropdown,
|
|
1487
|
-
value:
|
|
1488
|
-
onChange: (e) =>
|
|
1488
|
+
value: y,
|
|
1489
|
+
onChange: (e) => f(new Date(Number(e.target.value), b, 1)),
|
|
1489
1490
|
"aria-label": "Year",
|
|
1490
|
-
children:
|
|
1491
|
+
children: ie.map((e) => /* @__PURE__ */ M("option", {
|
|
1491
1492
|
value: e,
|
|
1492
1493
|
children: e
|
|
1493
1494
|
}, e))
|
|
@@ -1495,36 +1496,36 @@ var Kt = {
|
|
|
1495
1496
|
}) : /* @__PURE__ */ N("span", {
|
|
1496
1497
|
className: U.header__label,
|
|
1497
1498
|
children: [
|
|
1498
|
-
|
|
1499
|
+
er[b],
|
|
1499
1500
|
" ",
|
|
1500
|
-
|
|
1501
|
+
y
|
|
1501
1502
|
]
|
|
1502
1503
|
}),
|
|
1503
1504
|
/* @__PURE__ */ M("button", {
|
|
1504
1505
|
type: "button",
|
|
1505
1506
|
className: U.navBtn,
|
|
1506
|
-
onClick: () =>
|
|
1507
|
+
onClick: () => f(new Date(y, b + 1, 1)),
|
|
1507
1508
|
"aria-label": "Next month",
|
|
1508
|
-
children: /* @__PURE__ */ M(
|
|
1509
|
+
children: /* @__PURE__ */ M(ot, {
|
|
1509
1510
|
size: 16,
|
|
1510
|
-
strokeWidth:
|
|
1511
|
+
strokeWidth: n(16)
|
|
1511
1512
|
})
|
|
1512
1513
|
})
|
|
1513
1514
|
]
|
|
1514
1515
|
}),
|
|
1515
1516
|
/* @__PURE__ */ M("div", {
|
|
1516
1517
|
className: U.weekdays,
|
|
1517
|
-
children:
|
|
1518
|
+
children: $n.map((e) => /* @__PURE__ */ M("span", {
|
|
1518
1519
|
className: U.weekday,
|
|
1519
1520
|
children: e
|
|
1520
1521
|
}, e))
|
|
1521
1522
|
}),
|
|
1522
1523
|
/* @__PURE__ */ N("div", {
|
|
1523
|
-
ref:
|
|
1524
|
-
...
|
|
1524
|
+
ref: h.ref,
|
|
1525
|
+
...h.groupProps,
|
|
1525
1526
|
className: U.grid,
|
|
1526
|
-
children: [
|
|
1527
|
-
let n =
|
|
1527
|
+
children: [h.highlight, C.map((e, t) => {
|
|
1528
|
+
let n = te(e);
|
|
1528
1529
|
return /* @__PURE__ */ M("button", {
|
|
1529
1530
|
type: "button",
|
|
1530
1531
|
"data-hover-item": "",
|
|
@@ -1538,7 +1539,7 @@ var Kt = {
|
|
|
1538
1539
|
month: "long",
|
|
1539
1540
|
day: "numeric"
|
|
1540
1541
|
}),
|
|
1541
|
-
onClick: () =>
|
|
1542
|
+
onClick: () => ee(e),
|
|
1542
1543
|
children: e.getDate()
|
|
1543
1544
|
}, t);
|
|
1544
1545
|
})]
|
|
@@ -1555,7 +1556,7 @@ var Kt = {
|
|
|
1555
1556
|
card__actions: "_card__actions_1qpcc_57",
|
|
1556
1557
|
"card__actions--split": "_card__actions--split_1qpcc_66",
|
|
1557
1558
|
card__actionsGroup: "_card__actionsGroup_1qpcc_67"
|
|
1558
|
-
},
|
|
1559
|
+
}, ir = ({ title: e, description: t, actions: n, leadingAction: r, interactive: i, children: a, className: o }) => /* @__PURE__ */ N("div", {
|
|
1559
1560
|
className: [
|
|
1560
1561
|
W.card,
|
|
1561
1562
|
i ? W["card--interactive"] : "",
|
|
@@ -1628,126 +1629,126 @@ var Kt = {
|
|
|
1628
1629
|
panel__loading: "_panel__loading_1oby0_255",
|
|
1629
1630
|
panel__spinner: "_panel__spinner_1oby0_259",
|
|
1630
1631
|
"sakani-cb-spin": "_sakani-cb-spin_1oby0_1"
|
|
1631
|
-
},
|
|
1632
|
-
let
|
|
1632
|
+
}, ar = ({ options: e, mode: t = "single", size: r = "md", label: i, description: a, error: o, placeholder: s = "Select...", disabled: c, loading: l, value: u, onChange: d, className: f }) => {
|
|
1633
|
+
let p = k.useId(), [m, h] = k.useState(!1), [g, _] = k.useState(!1), [v, y] = k.useState(0), b = k.useRef(null), x = e;
|
|
1633
1634
|
k.useEffect(() => {
|
|
1634
|
-
|
|
1635
|
-
}, [
|
|
1636
|
-
let
|
|
1635
|
+
m && _(!0);
|
|
1636
|
+
}, [m]);
|
|
1637
|
+
let S = k.useRef({}), C = k.useRef(null), [w, T] = k.useState(null), [ee, te] = k.useState(!1);
|
|
1637
1638
|
k.useLayoutEffect(() => {
|
|
1638
|
-
let e =
|
|
1639
|
+
let e = S.current[v];
|
|
1639
1640
|
if (!e) {
|
|
1640
|
-
|
|
1641
|
+
T(null);
|
|
1641
1642
|
return;
|
|
1642
1643
|
}
|
|
1643
|
-
|
|
1644
|
+
T({
|
|
1644
1645
|
top: e.offsetTop,
|
|
1645
1646
|
height: e.offsetHeight
|
|
1646
1647
|
});
|
|
1647
|
-
}, [
|
|
1648
|
-
if (!
|
|
1649
|
-
|
|
1648
|
+
}, [v, x.length]), k.useLayoutEffect(() => {
|
|
1649
|
+
if (!g) {
|
|
1650
|
+
te(!1);
|
|
1650
1651
|
return;
|
|
1651
1652
|
}
|
|
1652
|
-
|
|
1653
|
-
let e = window.requestAnimationFrame(() =>
|
|
1653
|
+
te(!1);
|
|
1654
|
+
let e = window.requestAnimationFrame(() => te(!0));
|
|
1654
1655
|
return () => window.cancelAnimationFrame(e);
|
|
1655
|
-
}, [
|
|
1656
|
-
if (!
|
|
1656
|
+
}, [g]), k.useEffect(() => {
|
|
1657
|
+
if (!C.current) return;
|
|
1657
1658
|
let e = new ResizeObserver(() => {
|
|
1658
|
-
let e =
|
|
1659
|
-
e &&
|
|
1659
|
+
let e = S.current[v];
|
|
1660
|
+
e && T({
|
|
1660
1661
|
top: e.offsetTop,
|
|
1661
1662
|
height: e.offsetHeight
|
|
1662
1663
|
});
|
|
1663
1664
|
});
|
|
1664
|
-
return e.observe(
|
|
1665
|
-
}, [
|
|
1666
|
-
let [
|
|
1665
|
+
return e.observe(C.current), () => e.disconnect();
|
|
1666
|
+
}, [g]);
|
|
1667
|
+
let [ne, re] = k.useState(t === "multi" ? [] : ""), ie = u === void 0 ? ne : u, E = Array.isArray(ie) ? ie : ie ? [ie] : [], [ae, oe] = k.useState(() => E.map((e) => ({
|
|
1667
1668
|
value: e,
|
|
1668
1669
|
leaving: !1
|
|
1669
|
-
}))),
|
|
1670
|
+
}))), D = E.join("\0");
|
|
1670
1671
|
k.useLayoutEffect(() => {
|
|
1671
|
-
|
|
1672
|
+
oe((e) => {
|
|
1672
1673
|
let t = e.map((e) => ({
|
|
1673
1674
|
value: e.value,
|
|
1674
|
-
leaving: !
|
|
1675
|
+
leaving: !E.includes(e.value)
|
|
1675
1676
|
}));
|
|
1676
|
-
for (let e of
|
|
1677
|
+
for (let e of E) t.some((t) => t.value === e) || t.push({
|
|
1677
1678
|
value: e,
|
|
1678
1679
|
leaving: !1
|
|
1679
1680
|
});
|
|
1680
1681
|
return t;
|
|
1681
1682
|
});
|
|
1682
|
-
}, [
|
|
1683
|
-
let
|
|
1683
|
+
}, [D]);
|
|
1684
|
+
let se = (e) => oe((t) => t.filter((t) => !(t.value === e && t.leaving))), ce = !!o;
|
|
1684
1685
|
k.useEffect(() => {
|
|
1685
1686
|
let e = (e) => {
|
|
1686
|
-
|
|
1687
|
+
b.current && !b.current.contains(e.target) && h(!1);
|
|
1687
1688
|
};
|
|
1688
1689
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
1689
1690
|
}, []);
|
|
1690
|
-
let
|
|
1691
|
-
|
|
1692
|
-
},
|
|
1691
|
+
let le = (e) => {
|
|
1692
|
+
u === void 0 && re(e), d?.(e);
|
|
1693
|
+
}, ue = (e) => {
|
|
1693
1694
|
if (!e.disabled) if (t === "multi") {
|
|
1694
|
-
let t = new Set(
|
|
1695
|
-
t.has(e.value) ? t.delete(e.value) : t.add(e.value),
|
|
1696
|
-
} else
|
|
1697
|
-
},
|
|
1698
|
-
|
|
1699
|
-
},
|
|
1695
|
+
let t = new Set(E);
|
|
1696
|
+
t.has(e.value) ? t.delete(e.value) : t.add(e.value), le([...t]);
|
|
1697
|
+
} else le(e.value), h(!1);
|
|
1698
|
+
}, O = (t) => e.find((e) => e.value === t)?.label ?? t, de = E.length ? O(E[0]) : "", fe = (e) => {
|
|
1699
|
+
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] ? ue(x[v]) : h(!0)) : e.key === "Escape" && h(!1));
|
|
1700
|
+
}, pe = c ? "disabled" : ce ? "error" : m ? "open" : "default";
|
|
1700
1701
|
return /* @__PURE__ */ N("div", {
|
|
1701
|
-
className: [G.field,
|
|
1702
|
-
ref:
|
|
1702
|
+
className: [G.field, f ?? ""].filter(Boolean).join(" "),
|
|
1703
|
+
ref: b,
|
|
1703
1704
|
children: [
|
|
1704
|
-
|
|
1705
|
-
htmlFor: `${
|
|
1705
|
+
i && /* @__PURE__ */ M("label", {
|
|
1706
|
+
htmlFor: `${p}-trigger`,
|
|
1706
1707
|
className: G.field__label,
|
|
1707
|
-
children:
|
|
1708
|
+
children: i
|
|
1708
1709
|
}),
|
|
1709
1710
|
/* @__PURE__ */ N("div", {
|
|
1710
|
-
id: `${
|
|
1711
|
+
id: `${p}-trigger`,
|
|
1711
1712
|
role: "combobox",
|
|
1712
|
-
tabIndex:
|
|
1713
|
+
tabIndex: c ? -1 : 0,
|
|
1713
1714
|
"aria-haspopup": "listbox",
|
|
1714
|
-
"aria-expanded":
|
|
1715
|
-
"aria-controls": `${
|
|
1716
|
-
"aria-invalid":
|
|
1717
|
-
"aria-disabled":
|
|
1718
|
-
"aria-activedescendant":
|
|
1715
|
+
"aria-expanded": m,
|
|
1716
|
+
"aria-controls": `${p}-panel`,
|
|
1717
|
+
"aria-invalid": ce || void 0,
|
|
1718
|
+
"aria-disabled": c || void 0,
|
|
1719
|
+
"aria-activedescendant": m && x[v] ? `${p}-opt-${v}` : void 0,
|
|
1719
1720
|
className: [
|
|
1720
1721
|
G.control,
|
|
1721
|
-
G[`control--${
|
|
1722
|
-
G[`control--${
|
|
1722
|
+
G[`control--${r}`],
|
|
1723
|
+
G[`control--${pe}`]
|
|
1723
1724
|
].join(" "),
|
|
1724
|
-
onClick: () => !
|
|
1725
|
-
onKeyDown:
|
|
1725
|
+
onClick: () => !c && h((e) => !e),
|
|
1726
|
+
onKeyDown: fe,
|
|
1726
1727
|
children: [
|
|
1727
|
-
t === "multi" &&
|
|
1728
|
+
t === "multi" && ae.length > 0 && /* @__PURE__ */ M("div", {
|
|
1728
1729
|
className: G.chips,
|
|
1729
|
-
children:
|
|
1730
|
+
children: ae.map(({ value: t, leaving: n }) => /* @__PURE__ */ N("span", {
|
|
1730
1731
|
className: [G.chip, n ? G["chip--leaving"] : ""].filter(Boolean).join(" "),
|
|
1731
1732
|
"aria-hidden": n || void 0,
|
|
1732
|
-
onAnimationEnd: n ? () =>
|
|
1733
|
-
children: [
|
|
1733
|
+
onAnimationEnd: n ? () => se(t) : void 0,
|
|
1734
|
+
children: [O(t), /* @__PURE__ */ M("button", {
|
|
1734
1735
|
type: "button",
|
|
1735
1736
|
className: G.chip__remove,
|
|
1736
1737
|
tabIndex: n ? -1 : void 0,
|
|
1737
1738
|
onClick: (n) => {
|
|
1738
|
-
n.stopPropagation(),
|
|
1739
|
+
n.stopPropagation(), ue(e.find((e) => e.value === t));
|
|
1739
1740
|
},
|
|
1740
|
-
"aria-label": `Remove ${
|
|
1741
|
+
"aria-label": `Remove ${O(t)}`,
|
|
1741
1742
|
children: "×"
|
|
1742
1743
|
})]
|
|
1743
1744
|
}, t))
|
|
1744
1745
|
}),
|
|
1745
|
-
!(t === "multi" &&
|
|
1746
|
-
className: [G.control__value, t === "single" &&
|
|
1747
|
-
children: t === "single" &&
|
|
1746
|
+
!(t === "multi" && ae.length > 0) && /* @__PURE__ */ M("span", {
|
|
1747
|
+
className: [G.control__value, t === "single" && de ? "" : G["control__value--placeholder"]].filter(Boolean).join(" "),
|
|
1748
|
+
children: t === "single" && de ? de : s
|
|
1748
1749
|
}),
|
|
1749
1750
|
/* @__PURE__ */ M("span", {
|
|
1750
|
-
className: [G.control__chevron,
|
|
1751
|
+
className: [G.control__chevron, m ? G["control__chevron--open"] : ""].join(" "),
|
|
1751
1752
|
"aria-hidden": "true",
|
|
1752
1753
|
children: /* @__PURE__ */ M("svg", {
|
|
1753
1754
|
width: 16,
|
|
@@ -1755,7 +1756,7 @@ var Kt = {
|
|
|
1755
1756
|
viewBox: "0 0 24 24",
|
|
1756
1757
|
fill: "none",
|
|
1757
1758
|
stroke: "currentColor",
|
|
1758
|
-
strokeWidth:
|
|
1759
|
+
strokeWidth: n(16),
|
|
1759
1760
|
strokeLinecap: "round",
|
|
1760
1761
|
strokeLinejoin: "round",
|
|
1761
1762
|
children: /* @__PURE__ */ M("path", { d: "m6 9 6 6 6-6" })
|
|
@@ -1763,53 +1764,53 @@ var Kt = {
|
|
|
1763
1764
|
})
|
|
1764
1765
|
]
|
|
1765
1766
|
}),
|
|
1766
|
-
|
|
1767
|
-
ref:
|
|
1768
|
-
className: [G.panel,
|
|
1769
|
-
id: `${
|
|
1767
|
+
g && !c && /* @__PURE__ */ M("div", {
|
|
1768
|
+
ref: C,
|
|
1769
|
+
className: [G.panel, m ? G["panel--entering"] : G["panel--exiting"]].filter(Boolean).join(" "),
|
|
1770
|
+
id: `${p}-panel`,
|
|
1770
1771
|
role: "listbox",
|
|
1771
1772
|
"aria-multiselectable": t === "multi" || void 0,
|
|
1772
|
-
"aria-busy":
|
|
1773
|
+
"aria-busy": l || void 0,
|
|
1773
1774
|
onAnimationEnd: () => {
|
|
1774
|
-
|
|
1775
|
+
m || _(!1);
|
|
1775
1776
|
},
|
|
1776
|
-
children:
|
|
1777
|
+
children: l ? /* @__PURE__ */ N("div", {
|
|
1777
1778
|
className: G.panel__loading,
|
|
1778
1779
|
children: [/* @__PURE__ */ M("span", {
|
|
1779
1780
|
className: G.panel__spinner,
|
|
1780
1781
|
"aria-hidden": "true"
|
|
1781
1782
|
}), "Loading…"]
|
|
1782
|
-
}) :
|
|
1783
|
+
}) : x.length === 0 ? /* @__PURE__ */ M("div", {
|
|
1783
1784
|
className: G.panel__empty,
|
|
1784
1785
|
children: "No options available"
|
|
1785
|
-
}) : /* @__PURE__ */ N(
|
|
1786
|
+
}) : /* @__PURE__ */ N(Ot, { children: [w && /* @__PURE__ */ M("span", {
|
|
1786
1787
|
"aria-hidden": "true",
|
|
1787
|
-
className: [G.optionHighlight,
|
|
1788
|
+
className: [G.optionHighlight, ee ? G["optionHighlight--animated"] : ""].filter(Boolean).join(" "),
|
|
1788
1789
|
style: {
|
|
1789
|
-
transform: `translateY(${
|
|
1790
|
-
height:
|
|
1790
|
+
transform: `translateY(${w.top}px)`,
|
|
1791
|
+
height: w.height
|
|
1791
1792
|
}
|
|
1792
|
-
}),
|
|
1793
|
-
let
|
|
1793
|
+
}), x.map((e, r) => {
|
|
1794
|
+
let i = E.includes(e.value);
|
|
1794
1795
|
return /* @__PURE__ */ N("div", {
|
|
1795
1796
|
ref: (e) => {
|
|
1796
|
-
|
|
1797
|
+
S.current[r] = e;
|
|
1797
1798
|
},
|
|
1798
|
-
id: `${
|
|
1799
|
+
id: `${p}-opt-${r}`,
|
|
1799
1800
|
role: "option",
|
|
1800
|
-
"aria-selected":
|
|
1801
|
+
"aria-selected": i,
|
|
1801
1802
|
className: [
|
|
1802
1803
|
G.option,
|
|
1803
|
-
|
|
1804
|
+
i && t === "single" ? G["option--selected"] : "",
|
|
1804
1805
|
e.disabled ? G["option--disabled"] : ""
|
|
1805
1806
|
].filter(Boolean).join(" "),
|
|
1806
1807
|
onMouseEnter: () => {
|
|
1807
|
-
e.disabled ||
|
|
1808
|
+
e.disabled || y(r);
|
|
1808
1809
|
},
|
|
1809
|
-
onClick: () =>
|
|
1810
|
+
onClick: () => ue(e),
|
|
1810
1811
|
children: [
|
|
1811
1812
|
t === "multi" && /* @__PURE__ */ M("span", {
|
|
1812
|
-
className: [G.option__box,
|
|
1813
|
+
className: [G.option__box, i ? G["option__box--checked"] : ""].filter(Boolean).join(" "),
|
|
1813
1814
|
"aria-hidden": "true",
|
|
1814
1815
|
children: /* @__PURE__ */ M("svg", {
|
|
1815
1816
|
width: 12,
|
|
@@ -1817,7 +1818,7 @@ var Kt = {
|
|
|
1817
1818
|
viewBox: "0 0 24 24",
|
|
1818
1819
|
fill: "none",
|
|
1819
1820
|
stroke: "currentColor",
|
|
1820
|
-
strokeWidth:
|
|
1821
|
+
strokeWidth: n(12),
|
|
1821
1822
|
strokeLinecap: "round",
|
|
1822
1823
|
strokeLinejoin: "round",
|
|
1823
1824
|
children: /* @__PURE__ */ M("polyline", { points: "20 6 9 17 4 12" })
|
|
@@ -1832,7 +1833,7 @@ var Kt = {
|
|
|
1832
1833
|
className: G.option__label,
|
|
1833
1834
|
children: e.label
|
|
1834
1835
|
}),
|
|
1835
|
-
|
|
1836
|
+
i && t === "single" && /* @__PURE__ */ M("span", {
|
|
1836
1837
|
className: G.option__check,
|
|
1837
1838
|
"aria-hidden": "true",
|
|
1838
1839
|
children: /* @__PURE__ */ M("svg", {
|
|
@@ -1851,9 +1852,9 @@ var Kt = {
|
|
|
1851
1852
|
}, e.value);
|
|
1852
1853
|
})] })
|
|
1853
1854
|
}),
|
|
1854
|
-
(
|
|
1855
|
-
className:
|
|
1856
|
-
children:
|
|
1855
|
+
(a || o) && /* @__PURE__ */ M("span", {
|
|
1856
|
+
className: ce ? G.field__error : G.field__description,
|
|
1857
|
+
children: o || a
|
|
1857
1858
|
})
|
|
1858
1859
|
]
|
|
1859
1860
|
});
|
|
@@ -1871,38 +1872,38 @@ var Kt = {
|
|
|
1871
1872
|
file__icon: "_file__icon_1j16e_45",
|
|
1872
1873
|
file__name: "_file__name_1j16e_46",
|
|
1873
1874
|
file__remove: "_file__remove_1j16e_47"
|
|
1874
|
-
},
|
|
1875
|
-
let
|
|
1876
|
-
|
|
1877
|
-
},
|
|
1875
|
+
}, or = ({ accept: e, multiple: t, hint: r = "SVG, PNG, JPG or PDF (max. 2MB)", onFilesChange: i, className: a }) => {
|
|
1876
|
+
let o = k.useRef(null), [s, c] = k.useState(!1), [l, u] = k.useState([]), d = (e) => {
|
|
1877
|
+
u(e), i?.(e);
|
|
1878
|
+
}, f = (e) => {
|
|
1878
1879
|
if (!e) return;
|
|
1879
1880
|
let n = Array.from(e);
|
|
1880
|
-
|
|
1881
|
-
},
|
|
1881
|
+
d(t ? [...l, ...n] : n.slice(0, 1));
|
|
1882
|
+
}, p = (e) => d(l.filter((t, n) => n !== e));
|
|
1882
1883
|
return /* @__PURE__ */ N("div", {
|
|
1883
|
-
className: [K.wrap,
|
|
1884
|
+
className: [K.wrap, a ?? ""].filter(Boolean).join(" "),
|
|
1884
1885
|
children: [/* @__PURE__ */ N("div", {
|
|
1885
|
-
className: [K.dropzone,
|
|
1886
|
-
onClick: () =>
|
|
1886
|
+
className: [K.dropzone, s ? K["dropzone--dragging"] : ""].filter(Boolean).join(" "),
|
|
1887
|
+
onClick: () => o.current?.click(),
|
|
1887
1888
|
onDragOver: (e) => {
|
|
1888
|
-
e.preventDefault(),
|
|
1889
|
+
e.preventDefault(), c(!0);
|
|
1889
1890
|
},
|
|
1890
|
-
onDragLeave: () =>
|
|
1891
|
+
onDragLeave: () => c(!1),
|
|
1891
1892
|
onDrop: (e) => {
|
|
1892
|
-
e.preventDefault(),
|
|
1893
|
+
e.preventDefault(), c(!1), f(e.dataTransfer.files);
|
|
1893
1894
|
},
|
|
1894
1895
|
role: "button",
|
|
1895
1896
|
tabIndex: 0,
|
|
1896
1897
|
onKeyDown: (e) => {
|
|
1897
|
-
(e.key === "Enter" || e.key === " ") &&
|
|
1898
|
+
(e.key === "Enter" || e.key === " ") && o.current?.click();
|
|
1898
1899
|
},
|
|
1899
1900
|
children: [
|
|
1900
1901
|
/* @__PURE__ */ M("span", {
|
|
1901
1902
|
className: K.dropzone__icon,
|
|
1902
1903
|
"aria-hidden": "true",
|
|
1903
|
-
children: /* @__PURE__ */ M(
|
|
1904
|
+
children: /* @__PURE__ */ M(lt, {
|
|
1904
1905
|
size: 22,
|
|
1905
|
-
strokeWidth:
|
|
1906
|
+
strokeWidth: n(22)
|
|
1906
1907
|
})
|
|
1907
1908
|
}),
|
|
1908
1909
|
/* @__PURE__ */ N("span", {
|
|
@@ -1914,28 +1915,28 @@ var Kt = {
|
|
|
1914
1915
|
}),
|
|
1915
1916
|
/* @__PURE__ */ M("span", {
|
|
1916
1917
|
className: K.dropzone__hint,
|
|
1917
|
-
children:
|
|
1918
|
+
children: r
|
|
1918
1919
|
}),
|
|
1919
1920
|
/* @__PURE__ */ M("input", {
|
|
1920
|
-
ref:
|
|
1921
|
+
ref: o,
|
|
1921
1922
|
type: "file",
|
|
1922
1923
|
accept: e,
|
|
1923
1924
|
multiple: t,
|
|
1924
1925
|
className: K.input,
|
|
1925
|
-
onChange: (e) =>
|
|
1926
|
+
onChange: (e) => f(e.target.files)
|
|
1926
1927
|
})
|
|
1927
1928
|
]
|
|
1928
|
-
}),
|
|
1929
|
+
}), l.length > 0 && /* @__PURE__ */ M("ul", {
|
|
1929
1930
|
className: K.files,
|
|
1930
|
-
children:
|
|
1931
|
+
children: l.map((e, t) => /* @__PURE__ */ N("li", {
|
|
1931
1932
|
className: K.file,
|
|
1932
1933
|
children: [
|
|
1933
1934
|
/* @__PURE__ */ M("span", {
|
|
1934
1935
|
className: K.file__icon,
|
|
1935
1936
|
"aria-hidden": "true",
|
|
1936
|
-
children: /* @__PURE__ */ M(
|
|
1937
|
+
children: /* @__PURE__ */ M(ft, {
|
|
1937
1938
|
size: 16,
|
|
1938
|
-
strokeWidth:
|
|
1939
|
+
strokeWidth: n(16)
|
|
1939
1940
|
})
|
|
1940
1941
|
}),
|
|
1941
1942
|
/* @__PURE__ */ M("span", {
|
|
@@ -1945,11 +1946,11 @@ var Kt = {
|
|
|
1945
1946
|
/* @__PURE__ */ M("button", {
|
|
1946
1947
|
type: "button",
|
|
1947
1948
|
className: K.file__remove,
|
|
1948
|
-
onClick: () =>
|
|
1949
|
+
onClick: () => p(t),
|
|
1949
1950
|
"aria-label": `Remove ${e.name}`,
|
|
1950
|
-
children: /* @__PURE__ */ M(
|
|
1951
|
+
children: /* @__PURE__ */ M(nt, {
|
|
1951
1952
|
size: 14,
|
|
1952
|
-
strokeWidth:
|
|
1953
|
+
strokeWidth: n(14)
|
|
1953
1954
|
})
|
|
1954
1955
|
})
|
|
1955
1956
|
]
|
|
@@ -1969,22 +1970,22 @@ var Kt = {
|
|
|
1969
1970
|
tooltip__dot: "_tooltip__dot_1m9hd_68",
|
|
1970
1971
|
tooltip__label: "_tooltip__label_1m9hd_74",
|
|
1971
1972
|
tooltip__value: "_tooltip__value_1m9hd_75"
|
|
1972
|
-
},
|
|
1973
|
+
}, sr = {
|
|
1973
1974
|
sm: 180,
|
|
1974
1975
|
md: 240,
|
|
1975
1976
|
lg: 320,
|
|
1976
1977
|
xl: 420
|
|
1977
|
-
},
|
|
1978
|
-
let [r, i] = k.useState(null), a = k.useRef(null), o =
|
|
1979
|
-
g.push(h(e[e.length - 1]?.value ?? 0) *
|
|
1980
|
-
let _ = (t) => e.length <= 1 ? 1 :
|
|
1978
|
+
}, cr = 560, lr = .3, ur = .55, dr = ({ data: e, size: t = "md", className: n }) => {
|
|
1979
|
+
let [r, i] = k.useState(null), a = k.useRef(null), o = fe(a), s = o("--color-chart-1") ?? "#ff4700", c = o("--color-bg-canvas") ?? "#fafaf9", l = e[0]?.value || 1, u = sr[t], d = u * .66, f = d / 2 + 8, p = cr / e.length, m = e[0]?.value || 1, h = (e) => e / m * d, g = e.map((e) => h(e.value));
|
|
1980
|
+
g.push(h(e[e.length - 1]?.value ?? 0) * ur);
|
|
1981
|
+
let _ = (t) => e.length <= 1 ? 1 : lr + t / (e.length - 1) * (1 - lr), v = r === null ? null : e[r], y = r === null ? 0 : f - g[r] / 2, b = r === null ? 0 : r * p + p / 2;
|
|
1981
1982
|
return /* @__PURE__ */ N("div", {
|
|
1982
1983
|
ref: a,
|
|
1983
1984
|
className: [q.chart, n ?? ""].filter(Boolean).join(" "),
|
|
1984
1985
|
style: { height: u },
|
|
1985
1986
|
children: [
|
|
1986
1987
|
/* @__PURE__ */ M("svg", {
|
|
1987
|
-
viewBox: `0 0 ${
|
|
1988
|
+
viewBox: `0 0 ${cr} ${u}`,
|
|
1988
1989
|
width: "100%",
|
|
1989
1990
|
height: u,
|
|
1990
1991
|
className: q.svg,
|
|
@@ -2026,7 +2027,7 @@ var Kt = {
|
|
|
2026
2027
|
v && /* @__PURE__ */ N("div", {
|
|
2027
2028
|
className: q.tooltip,
|
|
2028
2029
|
style: {
|
|
2029
|
-
left: `${b /
|
|
2030
|
+
left: `${b / cr * 100}%`,
|
|
2030
2031
|
top: `${y / u * 100}%`,
|
|
2031
2032
|
background: c
|
|
2032
2033
|
},
|
|
@@ -2069,8 +2070,8 @@ var Kt = {
|
|
|
2069
2070
|
tooltip__dot: "_tooltip__dot_1yc8b_84",
|
|
2070
2071
|
tooltip__label: "_tooltip__label_1yc8b_91",
|
|
2071
2072
|
tooltip__value: "_tooltip__value_1yc8b_92"
|
|
2072
|
-
},
|
|
2073
|
-
let o = k.useRef(null), s =
|
|
2073
|
+
}, fr = .12, pr = .45, mr = ({ data: e, rowLabels: t, colLabels: n, valueLabel: r = "Value", size: i = "md", className: a }) => {
|
|
2074
|
+
let o = k.useRef(null), s = fe(o), c = k.useRef(null), [l, u] = k.useState(null), d = s("--color-chart-1") ?? "#ff4700", f = Math.max(1, ...e.flat()), p = e[0]?.length ?? 0, m = (e, t, n) => (r) => {
|
|
2074
2075
|
let i = r.currentTarget.getBoundingClientRect(), a = c.current?.getBoundingClientRect();
|
|
2075
2076
|
a && u({
|
|
2076
2077
|
row: e,
|
|
@@ -2096,18 +2097,18 @@ var Kt = {
|
|
|
2096
2097
|
className: J.rowLabel,
|
|
2097
2098
|
children: t?.[n] ?? ""
|
|
2098
2099
|
}), e.map((e, t) => {
|
|
2099
|
-
let r = l?.row === n && l?.col === t, i = l !== null && !r, a = r ? 1 :
|
|
2100
|
+
let r = l?.row === n && l?.col === t, i = l !== null && !r, a = r ? 1 : fr + e / f * (1 - fr);
|
|
2100
2101
|
return /* @__PURE__ */ M("div", {
|
|
2101
2102
|
className: J.cell,
|
|
2102
2103
|
style: {
|
|
2103
2104
|
background: d,
|
|
2104
|
-
opacity: i ?
|
|
2105
|
+
opacity: i ? pr : a
|
|
2105
2106
|
},
|
|
2106
2107
|
onMouseEnter: m(n, t, e),
|
|
2107
2108
|
onMouseLeave: () => u(null)
|
|
2108
2109
|
}, t);
|
|
2109
2110
|
})] }, n)),
|
|
2110
|
-
n && /* @__PURE__ */ N(
|
|
2111
|
+
n && /* @__PURE__ */ N(Ot, { children: [/* @__PURE__ */ M("span", {}), n.map((e, t) => /* @__PURE__ */ M("span", {
|
|
2111
2112
|
className: J.colLabel,
|
|
2112
2113
|
children: e
|
|
2113
2114
|
}, t))] }),
|
|
@@ -2138,24 +2139,24 @@ var Kt = {
|
|
|
2138
2139
|
]
|
|
2139
2140
|
})
|
|
2140
2141
|
});
|
|
2141
|
-
},
|
|
2142
|
-
className: [
|
|
2142
|
+
}, hr = { kbd: "_kbd_1cz4m_3" }, gr = ({ children: e, className: t }) => /* @__PURE__ */ M("kbd", {
|
|
2143
|
+
className: [hr.kbd, t ?? ""].filter(Boolean).join(" "),
|
|
2143
2144
|
children: e
|
|
2144
|
-
}),
|
|
2145
|
+
}), _r = {
|
|
2145
2146
|
label: "_label_rcdks_3",
|
|
2146
2147
|
label__required: "_label__required_rcdks_17"
|
|
2147
|
-
},
|
|
2148
|
+
}, vr = k.forwardRef(({ required: e, children: t, className: n, ...r }, i) => /* @__PURE__ */ N("label", {
|
|
2148
2149
|
ref: i,
|
|
2149
|
-
className: [
|
|
2150
|
+
className: [_r.label, n ?? ""].filter(Boolean).join(" "),
|
|
2150
2151
|
...r,
|
|
2151
2152
|
children: [t, e && /* @__PURE__ */ M("span", {
|
|
2152
|
-
className:
|
|
2153
|
+
className: _r.label__required,
|
|
2153
2154
|
"aria-hidden": "true",
|
|
2154
2155
|
children: " *"
|
|
2155
2156
|
})]
|
|
2156
2157
|
}));
|
|
2157
|
-
|
|
2158
|
-
var
|
|
2158
|
+
vr.displayName = "Label";
|
|
2159
|
+
var yr = {
|
|
2159
2160
|
item: "_item_4gag1_2",
|
|
2160
2161
|
"item--disabled": "_item--disabled_4gag1_22",
|
|
2161
2162
|
"item--selected": "_item--selected_4gag1_26",
|
|
@@ -2164,44 +2165,44 @@ var vr = {
|
|
|
2164
2165
|
item__title: "_item__title_4gag1_32",
|
|
2165
2166
|
item__description: "_item__description_4gag1_33",
|
|
2166
2167
|
item__trailing: "_item__trailing_4gag1_34"
|
|
2167
|
-
},
|
|
2168
|
+
}, br = ({ title: e, description: t, leading: n, trailing: r, selected: i, disabled: a, onClick: o, className: s }) => /* @__PURE__ */ N("button", {
|
|
2168
2169
|
type: "button",
|
|
2169
2170
|
"data-hover-item": "",
|
|
2170
2171
|
disabled: a,
|
|
2171
2172
|
onClick: o,
|
|
2172
2173
|
"aria-current": i ? "true" : void 0,
|
|
2173
2174
|
className: [
|
|
2174
|
-
|
|
2175
|
-
i ?
|
|
2176
|
-
a ?
|
|
2175
|
+
yr.item,
|
|
2176
|
+
i ? yr["item--selected"] : "",
|
|
2177
|
+
a ? yr["item--disabled"] : "",
|
|
2177
2178
|
s ?? ""
|
|
2178
2179
|
].filter(Boolean).join(" "),
|
|
2179
2180
|
children: [
|
|
2180
2181
|
n && /* @__PURE__ */ M("span", {
|
|
2181
|
-
className:
|
|
2182
|
+
className: yr.item__leading,
|
|
2182
2183
|
children: n
|
|
2183
2184
|
}),
|
|
2184
2185
|
/* @__PURE__ */ N("span", {
|
|
2185
|
-
className:
|
|
2186
|
+
className: yr.item__text,
|
|
2186
2187
|
children: [/* @__PURE__ */ M("span", {
|
|
2187
|
-
className:
|
|
2188
|
+
className: yr.item__title,
|
|
2188
2189
|
children: e
|
|
2189
2190
|
}), t && /* @__PURE__ */ M("span", {
|
|
2190
|
-
className:
|
|
2191
|
+
className: yr.item__description,
|
|
2191
2192
|
children: t
|
|
2192
2193
|
})]
|
|
2193
2194
|
}),
|
|
2194
2195
|
r && /* @__PURE__ */ M("span", {
|
|
2195
|
-
className:
|
|
2196
|
+
className: yr.item__trailing,
|
|
2196
2197
|
children: r
|
|
2197
2198
|
})
|
|
2198
2199
|
]
|
|
2199
|
-
}),
|
|
2200
|
+
}), xr = {
|
|
2200
2201
|
chart: "_chart_cc7lx_2",
|
|
2201
2202
|
center: "_center_cc7lx_30",
|
|
2202
2203
|
center__value: "_center__value_cc7lx_39",
|
|
2203
2204
|
center__caption: "_center__caption_cc7lx_40"
|
|
2204
|
-
},
|
|
2205
|
+
}, Sr = {
|
|
2205
2206
|
sm: {
|
|
2206
2207
|
h: 180,
|
|
2207
2208
|
outer: 72
|
|
@@ -2218,21 +2219,21 @@ var vr = {
|
|
|
2218
2219
|
h: 340,
|
|
2219
2220
|
outer: 142
|
|
2220
2221
|
}
|
|
2221
|
-
},
|
|
2222
|
+
}, Cr = /* @__PURE__ */ new Set([
|
|
2222
2223
|
"donut",
|
|
2223
2224
|
"donut-active",
|
|
2224
2225
|
"donut-with-text",
|
|
2225
2226
|
"interactive"
|
|
2226
|
-
]),
|
|
2227
|
-
let o = k.useRef(null), s =
|
|
2227
|
+
]), wr = /* @__PURE__ */ new Set(["donut-active"]), Tr = /* @__PURE__ */ new Set(["interactive"]), Er = /* @__PURE__ */ new Set(["donut-with-text"]), Dr = Math.PI / 180, Or = ({ data: e, variant: t = "donut", size: n = "md", centerValue: r, centerCaption: i, className: a }) => {
|
|
2228
|
+
let o = k.useRef(null), s = fe(o), [c, l] = k.useState(void 0), u = [
|
|
2228
2229
|
1,
|
|
2229
2230
|
2,
|
|
2230
2231
|
3,
|
|
2231
2232
|
4,
|
|
2232
2233
|
5
|
|
2233
|
-
].map((e) => s(`--color-chart-${e}`) ??
|
|
2234
|
+
].map((e) => s(`--color-chart-${e}`) ?? Ve[e - 1]), d = s("--color-bg-surface") ?? "#ffffff", f = s("--color-fg-default") ?? "#141414", p = Sr[n], m = Cr.has(t), h = wr.has(t), g = Tr.has(t), _ = m ? p.outer * .6 : 0, v = Er.has(t) && (r || i), y = c ?? (h || g ? 0 : void 0), b = (e) => {
|
|
2234
2235
|
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;
|
|
2235
|
-
return l && g ? /* @__PURE__ */ N("g", { children: [/* @__PURE__ */ M(
|
|
2236
|
+
return l && g ? /* @__PURE__ */ N("g", { children: [/* @__PURE__ */ M(Wt, {
|
|
2236
2237
|
cx: t,
|
|
2237
2238
|
cy: n,
|
|
2238
2239
|
innerRadius: r,
|
|
@@ -2240,7 +2241,7 @@ var vr = {
|
|
|
2240
2241
|
startAngle: a,
|
|
2241
2242
|
endAngle: o,
|
|
2242
2243
|
fill: s
|
|
2243
|
-
}), /* @__PURE__ */ M(
|
|
2244
|
+
}), /* @__PURE__ */ M(Wt, {
|
|
2244
2245
|
cx: t,
|
|
2245
2246
|
cy: n,
|
|
2246
2247
|
innerRadius: i + u + 3,
|
|
@@ -2248,7 +2249,7 @@ var vr = {
|
|
|
2248
2249
|
startAngle: a,
|
|
2249
2250
|
endAngle: o,
|
|
2250
2251
|
fill: s
|
|
2251
|
-
})] }) : /* @__PURE__ */ M(
|
|
2252
|
+
})] }) : /* @__PURE__ */ M(Wt, {
|
|
2252
2253
|
cx: t,
|
|
2253
2254
|
cy: n,
|
|
2254
2255
|
innerRadius: r,
|
|
@@ -2258,14 +2259,14 @@ var vr = {
|
|
|
2258
2259
|
fill: s
|
|
2259
2260
|
});
|
|
2260
2261
|
}, x = (e) => {
|
|
2261
|
-
let { cx: t, cy: n, midAngle: r, outerRadius: i } = e, a = r ?? 0, o = Math.cos(-a *
|
|
2262
|
+
let { cx: t, cy: n, midAngle: r, outerRadius: i } = e, a = r ?? 0, o = Math.cos(-a * Dr), s = Math.sin(-a * Dr), 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);
|
|
2262
2263
|
return {
|
|
2263
2264
|
d: `M ${c} ${l} L ${u} ${d} L ${p} ${d}`,
|
|
2264
2265
|
endX: p,
|
|
2265
2266
|
endY: d,
|
|
2266
2267
|
textAnchor: f ? "start" : "end"
|
|
2267
2268
|
};
|
|
2268
|
-
},
|
|
2269
|
+
}, S = (e) => {
|
|
2269
2270
|
let { value: t, fill: n } = e, { d: r, endX: i, endY: a, textAnchor: o } = x(e), s = i + (o === "start" ? 4 : -4);
|
|
2270
2271
|
return /* @__PURE__ */ N("g", { children: [/* @__PURE__ */ M("path", {
|
|
2271
2272
|
d: r,
|
|
@@ -2282,7 +2283,7 @@ var vr = {
|
|
|
2282
2283
|
fontFamily: "var(--font-sans)",
|
|
2283
2284
|
children: t
|
|
2284
2285
|
})] });
|
|
2285
|
-
},
|
|
2286
|
+
}, C = (e) => {
|
|
2286
2287
|
let { x: t, y: n, textAnchor: r, value: i } = e;
|
|
2287
2288
|
return /* @__PURE__ */ M("text", {
|
|
2288
2289
|
x: t,
|
|
@@ -2295,11 +2296,11 @@ var vr = {
|
|
|
2295
2296
|
fontFamily: "var(--font-sans)",
|
|
2296
2297
|
children: i
|
|
2297
2298
|
});
|
|
2298
|
-
},
|
|
2299
|
+
}, w = (t) => {
|
|
2299
2300
|
let { cx: n, cy: r, midAngle: i, innerRadius: a, outerRadius: o, index: s } = t, c = (a + o) / 2;
|
|
2300
2301
|
return /* @__PURE__ */ M("text", {
|
|
2301
|
-
x: n + c * Math.cos(-i *
|
|
2302
|
-
y: r + c * Math.sin(-i *
|
|
2302
|
+
x: n + c * Math.cos(-i * Dr),
|
|
2303
|
+
y: r + c * Math.sin(-i * Dr),
|
|
2303
2304
|
textAnchor: "middle",
|
|
2304
2305
|
dominantBaseline: "central",
|
|
2305
2306
|
fill: "#fff",
|
|
@@ -2313,13 +2314,13 @@ var vr = {
|
|
|
2313
2314
|
let t = (e) => c !== void 0 && c !== e ? .45 : 1;
|
|
2314
2315
|
return /* @__PURE__ */ M("div", {
|
|
2315
2316
|
ref: o,
|
|
2316
|
-
className: [
|
|
2317
|
+
className: [xr.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2317
2318
|
style: { height: p.h },
|
|
2318
|
-
children: /* @__PURE__ */ M(
|
|
2319
|
+
children: /* @__PURE__ */ M(Ut, {
|
|
2319
2320
|
width: "100%",
|
|
2320
2321
|
height: "100%",
|
|
2321
|
-
children: /* @__PURE__ */ N(
|
|
2322
|
-
/* @__PURE__ */ M(
|
|
2322
|
+
children: /* @__PURE__ */ N(Ft, { children: [
|
|
2323
|
+
/* @__PURE__ */ M(Pt, {
|
|
2323
2324
|
data: e,
|
|
2324
2325
|
dataKey: "value",
|
|
2325
2326
|
nameKey: "label",
|
|
@@ -2330,12 +2331,12 @@ var vr = {
|
|
|
2330
2331
|
isAnimationActive: !1,
|
|
2331
2332
|
onMouseEnter: (e, t) => l(t),
|
|
2332
2333
|
onMouseLeave: () => l(void 0),
|
|
2333
|
-
children: e.map((e, n) => /* @__PURE__ */ M(
|
|
2334
|
+
children: e.map((e, n) => /* @__PURE__ */ M(Mt, {
|
|
2334
2335
|
fill: u[n % u.length],
|
|
2335
2336
|
fillOpacity: t(n)
|
|
2336
2337
|
}, n))
|
|
2337
2338
|
}),
|
|
2338
|
-
/* @__PURE__ */ M(
|
|
2339
|
+
/* @__PURE__ */ M(Pt, {
|
|
2339
2340
|
data: e,
|
|
2340
2341
|
dataKey: "value",
|
|
2341
2342
|
nameKey: "label",
|
|
@@ -2346,13 +2347,13 @@ var vr = {
|
|
|
2346
2347
|
isAnimationActive: !1,
|
|
2347
2348
|
onMouseEnter: (e, t) => l(t),
|
|
2348
2349
|
onMouseLeave: () => l(void 0),
|
|
2349
|
-
children: e.map((e, n) => /* @__PURE__ */ M(
|
|
2350
|
+
children: e.map((e, n) => /* @__PURE__ */ M(Mt, {
|
|
2350
2351
|
fill: u[n % u.length],
|
|
2351
2352
|
fillOpacity: t(n)
|
|
2352
2353
|
}, n))
|
|
2353
2354
|
}),
|
|
2354
|
-
/* @__PURE__ */ M(
|
|
2355
|
-
content: /* @__PURE__ */ M(
|
|
2355
|
+
/* @__PURE__ */ M(Gt, {
|
|
2356
|
+
content: /* @__PURE__ */ M(Pe, {}),
|
|
2356
2357
|
wrapperStyle: { zIndex: 50 }
|
|
2357
2358
|
})
|
|
2358
2359
|
] })
|
|
@@ -2361,12 +2362,12 @@ var vr = {
|
|
|
2361
2362
|
}
|
|
2362
2363
|
return /* @__PURE__ */ N("div", {
|
|
2363
2364
|
ref: o,
|
|
2364
|
-
className: [
|
|
2365
|
+
className: [xr.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2365
2366
|
style: { height: p.h },
|
|
2366
|
-
children: [/* @__PURE__ */ M(
|
|
2367
|
+
children: [/* @__PURE__ */ M(Ut, {
|
|
2367
2368
|
width: "100%",
|
|
2368
2369
|
height: "100%",
|
|
2369
|
-
children: /* @__PURE__ */ N(
|
|
2370
|
+
children: /* @__PURE__ */ N(Ft, { children: [/* @__PURE__ */ M(Pt, {
|
|
2370
2371
|
data: e,
|
|
2371
2372
|
dataKey: "value",
|
|
2372
2373
|
nameKey: "label",
|
|
@@ -2377,22 +2378,22 @@ var vr = {
|
|
|
2377
2378
|
strokeWidth: t === "pie" ? 2 : 0,
|
|
2378
2379
|
isAnimationActive: !1,
|
|
2379
2380
|
shape: h || g ? b : void 0,
|
|
2380
|
-
label: t === "label" ?
|
|
2381
|
+
label: t === "label" ? S : t === "custom-label" ? C : t === "label-list" ? w : void 0,
|
|
2381
2382
|
labelLine: !1,
|
|
2382
2383
|
onMouseEnter: (e, t) => l(t),
|
|
2383
2384
|
onMouseLeave: () => l(void 0),
|
|
2384
|
-
children: e.map((e, t) => /* @__PURE__ */ M(
|
|
2385
|
-
}), /* @__PURE__ */ M(
|
|
2386
|
-
content: /* @__PURE__ */ M(
|
|
2385
|
+
children: e.map((e, t) => /* @__PURE__ */ M(Mt, { fill: u[t % u.length] }, t))
|
|
2386
|
+
}), /* @__PURE__ */ M(Gt, {
|
|
2387
|
+
content: /* @__PURE__ */ M(Pe, {}),
|
|
2387
2388
|
wrapperStyle: { zIndex: 50 }
|
|
2388
2389
|
})] })
|
|
2389
2390
|
}), v && /* @__PURE__ */ N("div", {
|
|
2390
|
-
className:
|
|
2391
|
+
className: xr.center,
|
|
2391
2392
|
children: [r && /* @__PURE__ */ M("span", {
|
|
2392
|
-
className:
|
|
2393
|
+
className: xr.center__value,
|
|
2393
2394
|
children: r
|
|
2394
2395
|
}), i && /* @__PURE__ */ M("span", {
|
|
2395
|
-
className:
|
|
2396
|
+
className: xr.center__caption,
|
|
2396
2397
|
children: i
|
|
2397
2398
|
})]
|
|
2398
2399
|
})]
|
|
@@ -2415,7 +2416,7 @@ var vr = {
|
|
|
2415
2416
|
panel__description: "_panel__description_16f5u_76",
|
|
2416
2417
|
panel__body: "_panel__body_16f5u_77",
|
|
2417
2418
|
panel__actions: "_panel__actions_16f5u_78"
|
|
2418
|
-
},
|
|
2419
|
+
}, kr = ({ trigger: e, title: t, description: n, actions: r, placement: i = "bottom-start", children: a, className: o }) => {
|
|
2419
2420
|
let [s, c] = k.useState(!1), [l, u] = k.useState(!1), d = k.useRef(null), f = k.useRef(null);
|
|
2420
2421
|
return k.useEffect(() => {
|
|
2421
2422
|
s && u(!0);
|
|
@@ -2474,19 +2475,19 @@ var vr = {
|
|
|
2474
2475
|
]
|
|
2475
2476
|
})]
|
|
2476
2477
|
});
|
|
2477
|
-
},
|
|
2478
|
+
}, Ar = {
|
|
2478
2479
|
chart: "_chart_q6xhl_2",
|
|
2479
2480
|
circleFillSvg: "_circleFillSvg_q6xhl_17"
|
|
2480
|
-
},
|
|
2481
|
+
}, jr = {
|
|
2481
2482
|
sm: 200,
|
|
2482
2483
|
md: 260,
|
|
2483
2484
|
lg: 340,
|
|
2484
2485
|
xl: 420
|
|
2485
|
-
},
|
|
2486
|
+
}, Mr = /* @__PURE__ */ new Set([
|
|
2486
2487
|
"circle-grid",
|
|
2487
2488
|
"circle-grid-no-lines",
|
|
2488
2489
|
"circle-grid-filled"
|
|
2489
|
-
]),
|
|
2490
|
+
]), Nr = /* @__PURE__ */ new Set(["default", "grid-custom"]), Pr = /* @__PURE__ */ new Set(["dots-grid-none"]), Fr = /* @__PURE__ */ new Set(["grid-filled"]), Ir = (e) => e === "circle-grid-filled", Lr = /* @__PURE__ */ new Set([
|
|
2490
2491
|
"default",
|
|
2491
2492
|
"dots",
|
|
2492
2493
|
"dots-grid-none",
|
|
@@ -2497,32 +2498,32 @@ var vr = {
|
|
|
2497
2498
|
"grid-custom",
|
|
2498
2499
|
"grid-filled",
|
|
2499
2500
|
"circle-grid-filled"
|
|
2500
|
-
]),
|
|
2501
|
+
]), Rr = [
|
|
2501
2502
|
1,
|
|
2502
2503
|
.8,
|
|
2503
2504
|
.6,
|
|
2504
2505
|
.4,
|
|
2505
2506
|
.2
|
|
2506
|
-
],
|
|
2507
|
-
let a = k.useRef(null), o =
|
|
2507
|
+
], zr = ({ data: e, variant: t = "default", size: n = "md", seriesLabels: r = ["Value", "Value 2"], className: i }) => {
|
|
2508
|
+
let a = k.useRef(null), o = fe(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 = Fr.has(t), _ = Nr.has(t), v = Pr.has(t), y = Ir(t), [b, x] = k.useState(0);
|
|
2508
2509
|
k.useEffect(() => {
|
|
2509
2510
|
if (!y || !a.current) return;
|
|
2510
2511
|
let e = a.current, t = new ResizeObserver(([e]) => x(e.contentRect.width));
|
|
2511
2512
|
return t.observe(e), () => t.disconnect();
|
|
2512
2513
|
}, [y]);
|
|
2513
|
-
let
|
|
2514
|
+
let S = k.useMemo(() => {
|
|
2514
2515
|
if (!g) return e;
|
|
2515
2516
|
let t = Math.max(1, ...e.flatMap((e) => [e.value, e.value2 ?? 0]));
|
|
2516
2517
|
return e.map((e) => {
|
|
2517
2518
|
let n = {};
|
|
2518
|
-
return
|
|
2519
|
+
return Rr.forEach((e, r) => {
|
|
2519
2520
|
n[`ring${r}`] = e * t;
|
|
2520
2521
|
}), {
|
|
2521
2522
|
...e,
|
|
2522
2523
|
...n
|
|
2523
2524
|
};
|
|
2524
2525
|
});
|
|
2525
|
-
}, [e, g]),
|
|
2526
|
+
}, [e, g]), C = (t) => {
|
|
2526
2527
|
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];
|
|
2527
2528
|
if (!c) return /* @__PURE__ */ M("g", {});
|
|
2528
2529
|
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;
|
|
@@ -2551,56 +2552,56 @@ var vr = {
|
|
|
2551
2552
|
fontFamily: "var(--font-sans)",
|
|
2552
2553
|
children: c.label
|
|
2553
2554
|
})] });
|
|
2554
|
-
},
|
|
2555
|
+
}, w = jr[n], T = (b > 0 ? Math.min(b, w) / 2 - 5 : 0) * .7;
|
|
2555
2556
|
return /* @__PURE__ */ N("div", {
|
|
2556
2557
|
ref: a,
|
|
2557
|
-
className: [
|
|
2558
|
+
className: [Ar.chart, i ?? ""].filter(Boolean).join(" "),
|
|
2558
2559
|
children: [y && b > 0 && /* @__PURE__ */ M("svg", {
|
|
2559
|
-
className:
|
|
2560
|
+
className: Ar.circleFillSvg,
|
|
2560
2561
|
width: b,
|
|
2561
|
-
height:
|
|
2562
|
-
children:
|
|
2562
|
+
height: w,
|
|
2563
|
+
children: Rr.map((e) => /* @__PURE__ */ M("circle", {
|
|
2563
2564
|
cx: b / 2,
|
|
2564
|
-
cy:
|
|
2565
|
-
r:
|
|
2565
|
+
cy: w / 2,
|
|
2566
|
+
r: T * e,
|
|
2566
2567
|
fill: c,
|
|
2567
2568
|
fillOpacity: .1
|
|
2568
2569
|
}, e))
|
|
2569
|
-
}), /* @__PURE__ */ M(
|
|
2570
|
+
}), /* @__PURE__ */ M(Ut, {
|
|
2570
2571
|
width: "100%",
|
|
2571
|
-
height:
|
|
2572
|
-
children: /* @__PURE__ */ N(
|
|
2573
|
-
data:
|
|
2572
|
+
height: w,
|
|
2573
|
+
children: /* @__PURE__ */ N(Bt, {
|
|
2574
|
+
data: S,
|
|
2574
2575
|
outerRadius: "70%",
|
|
2575
2576
|
children: [
|
|
2576
|
-
!g && !v && /* @__PURE__ */ M(
|
|
2577
|
-
gridType:
|
|
2577
|
+
!g && !v && /* @__PURE__ */ M(Lt, {
|
|
2578
|
+
gridType: Mr.has(t) ? "circle" : "polygon",
|
|
2578
2579
|
radialLines: t !== "circle-grid-no-lines" && !_,
|
|
2579
2580
|
stroke: l
|
|
2580
2581
|
}),
|
|
2581
|
-
/* @__PURE__ */ M(
|
|
2582
|
+
/* @__PURE__ */ M(It, {
|
|
2582
2583
|
dataKey: "label",
|
|
2583
2584
|
axisLine: !1,
|
|
2584
|
-
tick: t === "custom-label" ?
|
|
2585
|
+
tick: t === "custom-label" ? C : {
|
|
2585
2586
|
fill: u,
|
|
2586
2587
|
fontSize: 12,
|
|
2587
2588
|
fontFamily: "var(--font-sans)"
|
|
2588
2589
|
}
|
|
2589
2590
|
}),
|
|
2590
|
-
/* @__PURE__ */ M(
|
|
2591
|
+
/* @__PURE__ */ M(Rt, {
|
|
2591
2592
|
tick: !1,
|
|
2592
2593
|
axisLine: !1,
|
|
2593
2594
|
tickCount: _ ? 2 : void 0
|
|
2594
2595
|
}),
|
|
2595
|
-
/* @__PURE__ */ M(
|
|
2596
|
-
content: /* @__PURE__ */ M(
|
|
2596
|
+
/* @__PURE__ */ M(Gt, {
|
|
2597
|
+
content: /* @__PURE__ */ M(Pe, {}),
|
|
2597
2598
|
wrapperStyle: { zIndex: 50 }
|
|
2598
2599
|
}),
|
|
2599
|
-
d && /* @__PURE__ */ M(
|
|
2600
|
+
d && /* @__PURE__ */ M(Nt, { wrapperStyle: {
|
|
2600
2601
|
fontSize: 12,
|
|
2601
2602
|
fontFamily: "var(--font-sans)"
|
|
2602
2603
|
} }),
|
|
2603
|
-
g &&
|
|
2604
|
+
g && Rr.map((e, t) => /* @__PURE__ */ M(zt, {
|
|
2604
2605
|
dataKey: `ring${t}`,
|
|
2605
2606
|
stroke: "none",
|
|
2606
2607
|
fill: c,
|
|
@@ -2608,13 +2609,13 @@ var vr = {
|
|
|
2608
2609
|
isAnimationActive: !1,
|
|
2609
2610
|
legendType: "none"
|
|
2610
2611
|
}, `ring${t}`)),
|
|
2611
|
-
/* @__PURE__ */ M(
|
|
2612
|
+
/* @__PURE__ */ M(zt, {
|
|
2612
2613
|
name: d ? r[0] ?? "Value" : void 0,
|
|
2613
2614
|
dataKey: "value",
|
|
2614
|
-
stroke:
|
|
2615
|
+
stroke: Lr.has(t) ? "none" : c,
|
|
2615
2616
|
fill: m ? c : "none",
|
|
2616
2617
|
fillOpacity: m ? _ ? 1 : p ? .45 : .5 : 0,
|
|
2617
|
-
strokeWidth:
|
|
2618
|
+
strokeWidth: Lr.has(t) ? 0 : 2,
|
|
2618
2619
|
dot: h ? {
|
|
2619
2620
|
r: 4,
|
|
2620
2621
|
fill: c,
|
|
@@ -2622,7 +2623,7 @@ var vr = {
|
|
|
2622
2623
|
} : !1,
|
|
2623
2624
|
isAnimationActive: !1
|
|
2624
2625
|
}),
|
|
2625
|
-
p && /* @__PURE__ */ M(
|
|
2626
|
+
p && /* @__PURE__ */ M(zt, {
|
|
2626
2627
|
name: d ? r[1] ?? "Value 2" : void 0,
|
|
2627
2628
|
dataKey: "value2",
|
|
2628
2629
|
stroke: f ? s : "none",
|
|
@@ -2640,35 +2641,35 @@ var vr = {
|
|
|
2640
2641
|
})
|
|
2641
2642
|
})]
|
|
2642
2643
|
});
|
|
2643
|
-
},
|
|
2644
|
+
}, Br = {
|
|
2644
2645
|
chart: "_chart_1ogmh_2",
|
|
2645
2646
|
gridSvg: "_gridSvg_1ogmh_19",
|
|
2646
2647
|
gaugeSvg: "_gaugeSvg_1ogmh_31",
|
|
2647
2648
|
center: "_center_1ogmh_36",
|
|
2648
2649
|
center__value: "_center__value_1ogmh_45",
|
|
2649
2650
|
center__caption: "_center__caption_1ogmh_46"
|
|
2650
|
-
},
|
|
2651
|
+
}, Vr = {
|
|
2651
2652
|
sm: 180,
|
|
2652
2653
|
md: 220,
|
|
2653
2654
|
lg: 280,
|
|
2654
2655
|
xl: 340
|
|
2655
|
-
},
|
|
2656
|
+
}, Hr = Math.PI / 180, Ur = (e) => Math.round(e * 1e3) / 1e3, Wr = {
|
|
2656
2657
|
multi: ["30%", "100%"],
|
|
2657
2658
|
grid: ["30%", "100%"],
|
|
2658
2659
|
"stacked-label": ["30%", "100%"],
|
|
2659
2660
|
text: ["76%", "100%"]
|
|
2660
|
-
},
|
|
2661
|
+
}, Gr = ({ value: e, max: t, color: n, track: r, centerValue: i, centerCaption: a, labelColor: o, captionColor: s }) => {
|
|
2661
2662
|
let c = Math.round(Math.min(e, t) / t * 40);
|
|
2662
2663
|
return /* @__PURE__ */ N("svg", {
|
|
2663
2664
|
viewBox: "0 0 200 120",
|
|
2664
|
-
className:
|
|
2665
|
+
className: Br.gaugeSvg,
|
|
2665
2666
|
children: [Array.from({ length: 40 }).map((e, t) => {
|
|
2666
2667
|
let i = 180 + t / 39 * 180;
|
|
2667
2668
|
return /* @__PURE__ */ M("line", {
|
|
2668
|
-
x1:
|
|
2669
|
-
y1:
|
|
2670
|
-
x2:
|
|
2671
|
-
y2:
|
|
2669
|
+
x1: Ur(100 + 78 * Math.cos(i * Hr)),
|
|
2670
|
+
y1: Ur(100 + 78 * Math.sin(i * Hr)),
|
|
2671
|
+
x2: Ur(100 + 92 * Math.cos(i * Hr)),
|
|
2672
|
+
y2: Ur(100 + 92 * Math.sin(i * Hr)),
|
|
2672
2673
|
stroke: t < c ? n : r,
|
|
2673
2674
|
strokeWidth: 2.5,
|
|
2674
2675
|
strokeLinecap: "round"
|
|
@@ -2692,9 +2693,9 @@ var vr = {
|
|
|
2692
2693
|
})]
|
|
2693
2694
|
})]
|
|
2694
2695
|
});
|
|
2695
|
-
},
|
|
2696
|
+
}, Kr = ({ rings: e, spokes: t, color: n }) => /* @__PURE__ */ N("svg", {
|
|
2696
2697
|
viewBox: "0 0 200 200",
|
|
2697
|
-
className:
|
|
2698
|
+
className: Br.gridSvg,
|
|
2698
2699
|
children: [Array.from({ length: e }).map((t, r) => /* @__PURE__ */ M("circle", {
|
|
2699
2700
|
cx: 100,
|
|
2700
2701
|
cy: 100,
|
|
@@ -2707,13 +2708,13 @@ var vr = {
|
|
|
2707
2708
|
return /* @__PURE__ */ M("line", {
|
|
2708
2709
|
x1: 100,
|
|
2709
2710
|
y1: 100,
|
|
2710
|
-
x2:
|
|
2711
|
-
y2:
|
|
2711
|
+
x2: Ur(100 + a * Math.cos(i * Hr)),
|
|
2712
|
+
y2: Ur(100 + a * Math.sin(i * Hr)),
|
|
2712
2713
|
stroke: n,
|
|
2713
2714
|
strokeWidth: 1
|
|
2714
2715
|
}, r);
|
|
2715
2716
|
})]
|
|
2716
|
-
}),
|
|
2717
|
+
}), qr = ({ data: e, palette: t, track: n, centerValue: r, centerCaption: i, labelColor: a, captionColor: o }) => {
|
|
2717
2718
|
let s = e[0]?.max ?? e.reduce((e, t) => e + t.value, 0), c = 210, l = e.map((e, n) => {
|
|
2718
2719
|
let r = s > 0 ? e.value / s * 240 : 0, i = c, a = c - r;
|
|
2719
2720
|
return c = a, {
|
|
@@ -2724,9 +2725,9 @@ var vr = {
|
|
|
2724
2725
|
});
|
|
2725
2726
|
return /* @__PURE__ */ N("svg", {
|
|
2726
2727
|
viewBox: "0 0 200 160",
|
|
2727
|
-
className:
|
|
2728
|
+
className: Br.gaugeSvg,
|
|
2728
2729
|
children: [
|
|
2729
|
-
l.map((e, t) => /* @__PURE__ */ M(
|
|
2730
|
+
l.map((e, t) => /* @__PURE__ */ M(Wt, {
|
|
2730
2731
|
cx: 100,
|
|
2731
2732
|
cy: 100,
|
|
2732
2733
|
innerRadius: 64,
|
|
@@ -2736,7 +2737,7 @@ var vr = {
|
|
|
2736
2737
|
fill: e.fill,
|
|
2737
2738
|
cornerRadius: 4
|
|
2738
2739
|
}, t)),
|
|
2739
|
-
c > -29.5 && /* @__PURE__ */ M(
|
|
2740
|
+
c > -29.5 && /* @__PURE__ */ M(Wt, {
|
|
2740
2741
|
cx: 100,
|
|
2741
2742
|
cy: 100,
|
|
2742
2743
|
innerRadius: 64,
|
|
@@ -2766,21 +2767,21 @@ var vr = {
|
|
|
2766
2767
|
})
|
|
2767
2768
|
]
|
|
2768
2769
|
});
|
|
2769
|
-
},
|
|
2770
|
-
let o = k.useRef(null), s =
|
|
2770
|
+
}, Jr = ({ data: e, variant: t = "multi", size: n = "md", centerValue: r, centerCaption: i, className: a }) => {
|
|
2771
|
+
let o = k.useRef(null), s = fe(o), c = [
|
|
2771
2772
|
1,
|
|
2772
2773
|
2,
|
|
2773
2774
|
3,
|
|
2774
2775
|
4,
|
|
2775
2776
|
5
|
|
2776
|
-
].map((e) => s(`--color-chart-${e}`) ??
|
|
2777
|
+
].map((e) => s(`--color-chart-${e}`) ?? Ve[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 = Vr[n];
|
|
2777
2778
|
if (t === "gauge-tick") {
|
|
2778
2779
|
let t = e[0];
|
|
2779
2780
|
return /* @__PURE__ */ M("div", {
|
|
2780
2781
|
ref: o,
|
|
2781
|
-
className: [
|
|
2782
|
+
className: [Br.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2782
2783
|
style: { height: p },
|
|
2783
|
-
children: /* @__PURE__ */ M(
|
|
2784
|
+
children: /* @__PURE__ */ M(Gr, {
|
|
2784
2785
|
value: t?.value ?? 0,
|
|
2785
2786
|
max: t?.max ?? 100,
|
|
2786
2787
|
color: c[0],
|
|
@@ -2794,9 +2795,9 @@ var vr = {
|
|
|
2794
2795
|
}
|
|
2795
2796
|
if (t === "shape" || t === "stacked" || t === "stacked-3-layers") return /* @__PURE__ */ M("div", {
|
|
2796
2797
|
ref: o,
|
|
2797
|
-
className: [
|
|
2798
|
+
className: [Br.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2798
2799
|
style: { height: p },
|
|
2799
|
-
children: /* @__PURE__ */ M(
|
|
2800
|
+
children: /* @__PURE__ */ M(qr, {
|
|
2800
2801
|
data: e,
|
|
2801
2802
|
palette: c,
|
|
2802
2803
|
track: l,
|
|
@@ -2806,54 +2807,54 @@ var vr = {
|
|
|
2806
2807
|
captionColor: f
|
|
2807
2808
|
})
|
|
2808
2809
|
});
|
|
2809
|
-
let [m, h] =
|
|
2810
|
+
let [m, h] = Wr[t] ?? ["30%", "100%"], g = (t === "stacked-label" || t === "text") && (r || i);
|
|
2810
2811
|
return /* @__PURE__ */ N("div", {
|
|
2811
2812
|
ref: o,
|
|
2812
|
-
className: [
|
|
2813
|
+
className: [Br.chart, a ?? ""].filter(Boolean).join(" "),
|
|
2813
2814
|
style: { height: p },
|
|
2814
2815
|
children: [
|
|
2815
|
-
t === "grid" && /* @__PURE__ */ M(
|
|
2816
|
+
t === "grid" && /* @__PURE__ */ M(Kr, {
|
|
2816
2817
|
rings: 8,
|
|
2817
2818
|
spokes: 12,
|
|
2818
2819
|
color: u
|
|
2819
2820
|
}),
|
|
2820
|
-
/* @__PURE__ */ M(
|
|
2821
|
+
/* @__PURE__ */ M(Ut, {
|
|
2821
2822
|
width: "100%",
|
|
2822
2823
|
height: "100%",
|
|
2823
|
-
children: /* @__PURE__ */ N(
|
|
2824
|
+
children: /* @__PURE__ */ N(Ht, {
|
|
2824
2825
|
data: e,
|
|
2825
2826
|
innerRadius: m,
|
|
2826
2827
|
outerRadius: h,
|
|
2827
2828
|
startAngle: 90,
|
|
2828
2829
|
endAngle: -270,
|
|
2829
2830
|
barCategoryGap: "12%",
|
|
2830
|
-
children: [/* @__PURE__ */ M(
|
|
2831
|
+
children: [/* @__PURE__ */ M(It, {
|
|
2831
2832
|
type: "number",
|
|
2832
2833
|
domain: [0, e[0]?.max ?? 100],
|
|
2833
2834
|
tick: !1,
|
|
2834
2835
|
axisLine: !1
|
|
2835
|
-
}), /* @__PURE__ */ M(
|
|
2836
|
+
}), /* @__PURE__ */ M(Vt, {
|
|
2836
2837
|
dataKey: "value",
|
|
2837
2838
|
background: t !== "grid" && { fill: l },
|
|
2838
2839
|
cornerRadius: 8,
|
|
2839
2840
|
isAnimationActive: !1,
|
|
2840
|
-
children: e.map((e, t) => /* @__PURE__ */ M(
|
|
2841
|
+
children: e.map((e, t) => /* @__PURE__ */ M(Mt, { fill: c[t % c.length] }, t))
|
|
2841
2842
|
})]
|
|
2842
2843
|
})
|
|
2843
2844
|
}),
|
|
2844
2845
|
g && /* @__PURE__ */ N("div", {
|
|
2845
|
-
className:
|
|
2846
|
+
className: Br.center,
|
|
2846
2847
|
children: [r && /* @__PURE__ */ M("span", {
|
|
2847
|
-
className:
|
|
2848
|
+
className: Br.center__value,
|
|
2848
2849
|
children: r
|
|
2849
2850
|
}), i && /* @__PURE__ */ M("span", {
|
|
2850
|
-
className:
|
|
2851
|
+
className: Br.center__caption,
|
|
2851
2852
|
children: i
|
|
2852
2853
|
})]
|
|
2853
2854
|
})
|
|
2854
2855
|
]
|
|
2855
2856
|
});
|
|
2856
|
-
},
|
|
2857
|
+
}, Yr = {
|
|
2857
2858
|
wrapper: "_wrapper_5ueza_3",
|
|
2858
2859
|
"wrapper--disabled": "_wrapper--disabled_5ueza_11",
|
|
2859
2860
|
input: "_input_5ueza_13",
|
|
@@ -2863,14 +2864,14 @@ var vr = {
|
|
|
2863
2864
|
text__label: "_text__label_5ueza_80",
|
|
2864
2865
|
text__description: "_text__description_5ueza_81",
|
|
2865
2866
|
"wrapper--withDescription": "_wrapper--withDescription_5ueza_85"
|
|
2866
|
-
},
|
|
2867
|
+
}, Xr = k.forwardRef(({ label: e, description: t, disabled: n, id: r, className: i, ...a }, o) => {
|
|
2867
2868
|
let s = k.useId(), c = r ?? s;
|
|
2868
2869
|
return /* @__PURE__ */ N("label", {
|
|
2869
2870
|
htmlFor: c,
|
|
2870
2871
|
className: [
|
|
2871
|
-
|
|
2872
|
-
t ?
|
|
2873
|
-
n ?
|
|
2872
|
+
Yr.wrapper,
|
|
2873
|
+
t ? Yr["wrapper--withDescription"] : "",
|
|
2874
|
+
n ? Yr["wrapper--disabled"] : "",
|
|
2874
2875
|
i ?? ""
|
|
2875
2876
|
].filter(Boolean).join(" "),
|
|
2876
2877
|
children: [
|
|
@@ -2879,29 +2880,29 @@ var vr = {
|
|
|
2879
2880
|
id: c,
|
|
2880
2881
|
type: "radio",
|
|
2881
2882
|
disabled: n,
|
|
2882
|
-
className:
|
|
2883
|
+
className: Yr.input,
|
|
2883
2884
|
...a
|
|
2884
2885
|
}),
|
|
2885
2886
|
/* @__PURE__ */ M("span", {
|
|
2886
|
-
className:
|
|
2887
|
+
className: Yr.circle,
|
|
2887
2888
|
"aria-hidden": "true",
|
|
2888
|
-
children: /* @__PURE__ */ M("span", { className:
|
|
2889
|
+
children: /* @__PURE__ */ M("span", { className: Yr.dot })
|
|
2889
2890
|
}),
|
|
2890
2891
|
(e || t) && /* @__PURE__ */ N("span", {
|
|
2891
|
-
className:
|
|
2892
|
+
className: Yr.text,
|
|
2892
2893
|
children: [e && /* @__PURE__ */ M("span", {
|
|
2893
|
-
className:
|
|
2894
|
+
className: Yr.text__label,
|
|
2894
2895
|
children: e
|
|
2895
2896
|
}), t && /* @__PURE__ */ M("span", {
|
|
2896
|
-
className:
|
|
2897
|
+
className: Yr.text__description,
|
|
2897
2898
|
children: t
|
|
2898
2899
|
})]
|
|
2899
2900
|
})
|
|
2900
2901
|
]
|
|
2901
2902
|
});
|
|
2902
2903
|
});
|
|
2903
|
-
|
|
2904
|
-
var
|
|
2904
|
+
Xr.displayName = "Radio";
|
|
2905
|
+
var Zr = {
|
|
2905
2906
|
footer: "_footer_x13xl_4",
|
|
2906
2907
|
"footer--collapsed": "_footer--collapsed_x13xl_12",
|
|
2907
2908
|
footer__text: "_footer__text_x13xl_14",
|
|
@@ -2909,101 +2910,101 @@ var Xr = {
|
|
|
2909
2910
|
footer__subtitle: "_footer__subtitle_x13xl_16",
|
|
2910
2911
|
footer__menu: "_footer__menu_x13xl_17",
|
|
2911
2912
|
footer__action: "_footer__action_x13xl_29"
|
|
2912
|
-
},
|
|
2913
|
-
let
|
|
2914
|
-
size:
|
|
2915
|
-
src:
|
|
2916
|
-
initials:
|
|
2913
|
+
}, Qr = ({ type: e = "user", title: t, subtitle: r, avatarSrc: i, avatarInitials: a, collapsed: o, onMenu: c, onSignOut: l }) => {
|
|
2914
|
+
let u = /* @__PURE__ */ M(s, {
|
|
2915
|
+
size: o ? "sm" : "md",
|
|
2916
|
+
src: i,
|
|
2917
|
+
initials: a,
|
|
2917
2918
|
alt: t ?? "User"
|
|
2918
2919
|
});
|
|
2919
|
-
return
|
|
2920
|
-
className: [
|
|
2921
|
-
children:
|
|
2920
|
+
return o ? /* @__PURE__ */ M("div", {
|
|
2921
|
+
className: [Zr.footer, Zr["footer--collapsed"]].join(" "),
|
|
2922
|
+
children: u
|
|
2922
2923
|
}) : e === "actions" ? /* @__PURE__ */ M("div", {
|
|
2923
|
-
className:
|
|
2924
|
+
className: Zr.footer,
|
|
2924
2925
|
children: /* @__PURE__ */ N("button", {
|
|
2925
2926
|
type: "button",
|
|
2926
2927
|
"data-hover-item": "",
|
|
2927
|
-
className:
|
|
2928
|
-
onClick:
|
|
2929
|
-
children: [/* @__PURE__ */ M(
|
|
2928
|
+
className: Zr.footer__action,
|
|
2929
|
+
onClick: l,
|
|
2930
|
+
children: [/* @__PURE__ */ M(Ct, {
|
|
2930
2931
|
size: 16,
|
|
2931
|
-
strokeWidth:
|
|
2932
|
+
strokeWidth: n(16)
|
|
2932
2933
|
}), " Sign out"]
|
|
2933
2934
|
})
|
|
2934
2935
|
}) : /* @__PURE__ */ N("div", {
|
|
2935
|
-
className:
|
|
2936
|
+
className: Zr.footer,
|
|
2936
2937
|
children: [
|
|
2937
|
-
|
|
2938
|
+
u,
|
|
2938
2939
|
/* @__PURE__ */ N("span", {
|
|
2939
|
-
className:
|
|
2940
|
+
className: Zr.footer__text,
|
|
2940
2941
|
children: [t && /* @__PURE__ */ M("span", {
|
|
2941
|
-
className:
|
|
2942
|
+
className: Zr.footer__title,
|
|
2942
2943
|
children: t
|
|
2943
|
-
}),
|
|
2944
|
-
className:
|
|
2945
|
-
children:
|
|
2944
|
+
}), r && /* @__PURE__ */ M("span", {
|
|
2945
|
+
className: Zr.footer__subtitle,
|
|
2946
|
+
children: r
|
|
2946
2947
|
})]
|
|
2947
2948
|
}),
|
|
2948
2949
|
e === "user-menu" && /* @__PURE__ */ M("button", {
|
|
2949
2950
|
type: "button",
|
|
2950
2951
|
"data-hover-item": "",
|
|
2951
|
-
className:
|
|
2952
|
-
onClick:
|
|
2952
|
+
className: Zr.footer__menu,
|
|
2953
|
+
onClick: c,
|
|
2953
2954
|
"aria-label": "Open menu",
|
|
2954
|
-
children: /* @__PURE__ */ M(
|
|
2955
|
+
children: /* @__PURE__ */ M(st, {
|
|
2955
2956
|
size: 16,
|
|
2956
|
-
strokeWidth:
|
|
2957
|
+
strokeWidth: n(16)
|
|
2957
2958
|
})
|
|
2958
2959
|
})
|
|
2959
2960
|
]
|
|
2960
2961
|
});
|
|
2961
|
-
},
|
|
2962
|
+
}, $r = {
|
|
2962
2963
|
search: "_search_4878u_2",
|
|
2963
2964
|
search__icon: "_search__icon_4878u_25",
|
|
2964
2965
|
search__input: "_search__input_4878u_26",
|
|
2965
2966
|
search__placeholder: "_search__placeholder_4878u_38",
|
|
2966
2967
|
search__kbd: "_search__kbd_4878u_39",
|
|
2967
2968
|
collapsed: "_collapsed_4878u_53"
|
|
2968
|
-
},
|
|
2969
|
+
}, ei = ({ type: e = "field", placeholder: t = "Search…", collapsed: r, value: i, onChange: a, onClick: o }) => r ? /* @__PURE__ */ M("button", {
|
|
2969
2970
|
type: "button",
|
|
2970
|
-
className:
|
|
2971
|
-
onClick:
|
|
2971
|
+
className: $r.collapsed,
|
|
2972
|
+
onClick: o,
|
|
2972
2973
|
"aria-label": "Search",
|
|
2973
|
-
children: /* @__PURE__ */ M(
|
|
2974
|
+
children: /* @__PURE__ */ M(pt, {
|
|
2974
2975
|
size: 18,
|
|
2975
|
-
strokeWidth:
|
|
2976
|
+
strokeWidth: n(18)
|
|
2976
2977
|
})
|
|
2977
2978
|
}) : e === "command" ? /* @__PURE__ */ N("button", {
|
|
2978
2979
|
type: "button",
|
|
2979
|
-
className:
|
|
2980
|
-
onClick:
|
|
2980
|
+
className: $r.search,
|
|
2981
|
+
onClick: o,
|
|
2981
2982
|
children: [
|
|
2982
|
-
/* @__PURE__ */ M(
|
|
2983
|
+
/* @__PURE__ */ M(pt, {
|
|
2983
2984
|
size: 16,
|
|
2984
|
-
strokeWidth:
|
|
2985
|
-
className:
|
|
2985
|
+
strokeWidth: n(16),
|
|
2986
|
+
className: $r.search__icon
|
|
2986
2987
|
}),
|
|
2987
2988
|
/* @__PURE__ */ M("span", {
|
|
2988
|
-
className:
|
|
2989
|
+
className: $r.search__placeholder,
|
|
2989
2990
|
children: t
|
|
2990
2991
|
}),
|
|
2991
2992
|
/* @__PURE__ */ M("kbd", {
|
|
2992
|
-
className:
|
|
2993
|
+
className: $r.search__kbd,
|
|
2993
2994
|
children: "⌘K"
|
|
2994
2995
|
})
|
|
2995
2996
|
]
|
|
2996
2997
|
}) : /* @__PURE__ */ N("div", {
|
|
2997
|
-
className:
|
|
2998
|
-
children: [/* @__PURE__ */ M(
|
|
2998
|
+
className: $r.search,
|
|
2999
|
+
children: [/* @__PURE__ */ M(pt, {
|
|
2999
3000
|
size: 16,
|
|
3000
|
-
strokeWidth:
|
|
3001
|
-
className:
|
|
3001
|
+
strokeWidth: n(16),
|
|
3002
|
+
className: $r.search__icon
|
|
3002
3003
|
}), /* @__PURE__ */ M("input", {
|
|
3003
|
-
className:
|
|
3004
|
+
className: $r.search__input,
|
|
3004
3005
|
placeholder: t,
|
|
3005
|
-
value:
|
|
3006
|
-
onChange: (e) =>
|
|
3006
|
+
value: i,
|
|
3007
|
+
onChange: (e) => a?.(e.target.value)
|
|
3007
3008
|
})]
|
|
3008
3009
|
}), X = {
|
|
3009
3010
|
toaster: "_toaster_ma9al_7",
|
|
@@ -3022,23 +3023,23 @@ var Xr = {
|
|
|
3022
3023
|
spinner: "_spinner_ma9al_227",
|
|
3023
3024
|
spinnerBar: "_spinnerBar_ma9al_232",
|
|
3024
3025
|
spinnerFade: "_spinnerFade_ma9al_1"
|
|
3025
|
-
},
|
|
3026
|
-
function
|
|
3027
|
-
for (let t of
|
|
3026
|
+
}, ti = 0, ni = [], ri = /* @__PURE__ */ new Set();
|
|
3027
|
+
function ii(e) {
|
|
3028
|
+
for (let t of ri) t(e);
|
|
3028
3029
|
}
|
|
3029
|
-
var
|
|
3030
|
+
var ai = {
|
|
3030
3031
|
subscribe(e) {
|
|
3031
|
-
return
|
|
3032
|
-
|
|
3032
|
+
return ri.add(e), () => {
|
|
3033
|
+
ri.delete(e);
|
|
3033
3034
|
};
|
|
3034
3035
|
},
|
|
3035
|
-
active: () =>
|
|
3036
|
+
active: () => ni,
|
|
3036
3037
|
remove(e) {
|
|
3037
|
-
|
|
3038
|
+
ni = ni.filter((t) => t.id !== e);
|
|
3038
3039
|
}
|
|
3039
3040
|
};
|
|
3040
3041
|
function Z(e, t, n = {}) {
|
|
3041
|
-
let r = n.id ?? `sakani-toast-${++
|
|
3042
|
+
let r = n.id ?? `sakani-toast-${++ti}`, i = ni.find((e) => e.id === r), a = {
|
|
3042
3043
|
...i,
|
|
3043
3044
|
...n,
|
|
3044
3045
|
id: r,
|
|
@@ -3047,25 +3048,25 @@ function Z(e, t, n = {}) {
|
|
|
3047
3048
|
delete: !1,
|
|
3048
3049
|
version: (i?.version ?? 0) + 1
|
|
3049
3050
|
};
|
|
3050
|
-
return
|
|
3051
|
+
return ni = i ? ni.map((e) => e.id === r ? a : e) : [a, ...ni], ii({
|
|
3051
3052
|
kind: "upsert",
|
|
3052
3053
|
toast: a
|
|
3053
3054
|
}), r;
|
|
3054
3055
|
}
|
|
3055
|
-
function
|
|
3056
|
-
return
|
|
3056
|
+
function oi(e) {
|
|
3057
|
+
return ni = e === void 0 ? [] : ni.filter((t) => t.id !== e), ii({
|
|
3057
3058
|
kind: "dismiss",
|
|
3058
3059
|
id: e
|
|
3059
3060
|
}), e;
|
|
3060
3061
|
}
|
|
3061
|
-
function
|
|
3062
|
-
let { loading: n, success: r, error: i, finally: a, id: o, ...s } = t, c = o ?? `sakani-toast-${++
|
|
3062
|
+
function si(e, t) {
|
|
3063
|
+
let { loading: n, success: r, error: i, finally: a, id: o, ...s } = t, c = o ?? `sakani-toast-${++ti}`;
|
|
3063
3064
|
return n !== void 0 && Z("loading", n, {
|
|
3064
3065
|
...s,
|
|
3065
3066
|
id: c
|
|
3066
3067
|
}), (typeof e == "function" ? e() : e).then((e) => {
|
|
3067
3068
|
if (r === void 0) {
|
|
3068
|
-
n !== void 0 &&
|
|
3069
|
+
n !== void 0 && oi(c);
|
|
3069
3070
|
return;
|
|
3070
3071
|
}
|
|
3071
3072
|
Z("success", typeof r == "function" ? r(e) : r, {
|
|
@@ -3074,7 +3075,7 @@ function oi(e, t) {
|
|
|
3074
3075
|
});
|
|
3075
3076
|
}, (e) => {
|
|
3076
3077
|
if (i === void 0) {
|
|
3077
|
-
n !== void 0 &&
|
|
3078
|
+
n !== void 0 && oi(c);
|
|
3078
3079
|
return;
|
|
3079
3080
|
}
|
|
3080
3081
|
Z("error", typeof i == "function" ? i(e) : i, {
|
|
@@ -3083,16 +3084,16 @@ function oi(e, t) {
|
|
|
3083
3084
|
});
|
|
3084
3085
|
}).finally(() => a?.()), c;
|
|
3085
3086
|
}
|
|
3086
|
-
var
|
|
3087
|
+
var ci = Object.assign((e, t) => Z("default", e, t), {
|
|
3087
3088
|
message: (e, t) => Z("default", e, t),
|
|
3088
3089
|
success: (e, t) => Z("success", e, t),
|
|
3089
3090
|
info: (e, t) => Z("info", e, t),
|
|
3090
3091
|
warning: (e, t) => Z("warning", e, t),
|
|
3091
3092
|
error: (e, t) => Z("error", e, t),
|
|
3092
3093
|
loading: (e, t) => Z("loading", e, t),
|
|
3093
|
-
promise:
|
|
3094
|
-
dismiss:
|
|
3095
|
-
}),
|
|
3094
|
+
promise: si,
|
|
3095
|
+
dismiss: oi
|
|
3096
|
+
}), li = 356, ui = 45, di = 200, fi = (e) => typeof e == "number" ? `${e}px` : e, pi = (...e) => e.filter(Boolean).join(" "), mi = {
|
|
3096
3097
|
success: {
|
|
3097
3098
|
viewBox: "0 0 20 20",
|
|
3098
3099
|
d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
|
|
@@ -3110,7 +3111,7 @@ var si = Object.assign((e, t) => Z("default", e, t), {
|
|
|
3110
3111
|
d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z"
|
|
3111
3112
|
}
|
|
3112
3113
|
};
|
|
3113
|
-
function
|
|
3114
|
+
function hi({ type: e }) {
|
|
3114
3115
|
if (e === "loading") return /* @__PURE__ */ M("span", {
|
|
3115
3116
|
className: X.spinner,
|
|
3116
3117
|
"aria-hidden": "true",
|
|
@@ -3122,7 +3123,7 @@ function mi({ type: e }) {
|
|
|
3122
3123
|
}
|
|
3123
3124
|
}, t))
|
|
3124
3125
|
});
|
|
3125
|
-
let t =
|
|
3126
|
+
let t = mi[e];
|
|
3126
3127
|
return t ? /* @__PURE__ */ M("svg", {
|
|
3127
3128
|
viewBox: t.viewBox,
|
|
3128
3129
|
width: 16,
|
|
@@ -3136,7 +3137,7 @@ function mi({ type: e }) {
|
|
|
3136
3137
|
})
|
|
3137
3138
|
}) : null;
|
|
3138
3139
|
}
|
|
3139
|
-
var
|
|
3140
|
+
var gi = () => /* @__PURE__ */ M("svg", {
|
|
3140
3141
|
viewBox: "0 0 12 12",
|
|
3141
3142
|
width: 12,
|
|
3142
3143
|
height: 12,
|
|
@@ -3147,22 +3148,22 @@ var hi = () => /* @__PURE__ */ M("svg", {
|
|
|
3147
3148
|
"aria-hidden": "true",
|
|
3148
3149
|
children: /* @__PURE__ */ M("path", { d: "M9 3L3 9M3 3l6 6" })
|
|
3149
3150
|
});
|
|
3150
|
-
function
|
|
3151
|
-
let [g, _] = j(!1), [v, y] = j(!1), [b, x] = j(!1), [
|
|
3152
|
-
let e = o.reduce((e, t, n) => n >=
|
|
3153
|
-
return Math.max(0,
|
|
3151
|
+
function _i({ toast: e, index: t, count: n, expanded: r, expandByDefault: i, paused: a, heights: o, setHeights: s, removeToast: c, gap: l, visibleToasts: u, yPosition: d, xPosition: f, closeButton: p, richColors: m, duration: h }) {
|
|
3152
|
+
let [g, _] = j(!1), [v, y] = j(!1), [b, x] = j(!1), [S, C] = j(!1), [w, T] = j(!1), [ee, te] = j(null), [ne, re] = j(0), [ie, E] = j(0), ae = Dt(null), oe = Dt(null), D = Dt(null), se = Dt(0), ce = Dt(0), le = t === 0, ue = t + 1 <= u, O = e.dismissible !== !1, de = e.duration ?? h, fe = e.richColors ?? m, pe = (e.closeButton ?? p) && e.type !== "loading", me = o.findIndex((t) => t.id === e.id), he = Et(() => {
|
|
3153
|
+
let e = o.reduce((e, t, n) => n >= me ? e : e + t.height, 0);
|
|
3154
|
+
return Math.max(0, me) * l + e;
|
|
3154
3155
|
}, [
|
|
3155
3156
|
o,
|
|
3156
|
-
|
|
3157
|
+
me,
|
|
3157
3158
|
l
|
|
3158
|
-
]),
|
|
3159
|
-
|
|
3160
|
-
let t =
|
|
3159
|
+
]), ge = Dt(he);
|
|
3160
|
+
ge.current = he, Tt(() => {
|
|
3161
|
+
let t = ae.current;
|
|
3161
3162
|
if (!t) return;
|
|
3162
3163
|
let n = t.style.height;
|
|
3163
3164
|
t.style.height = "auto";
|
|
3164
3165
|
let r = t.offsetHeight;
|
|
3165
|
-
t.style.height = n,
|
|
3166
|
+
t.style.height = n, E(r), s((t) => t.some((t) => t.id === e.id) ? t.map((t) => t.id === e.id ? {
|
|
3166
3167
|
...t,
|
|
3167
3168
|
height: r
|
|
3168
3169
|
} : t) : [{
|
|
@@ -3176,113 +3177,113 @@ function gi({ toast: e, index: t, count: n, expanded: r, expandByDefault: i, pau
|
|
|
3176
3177
|
]), A(() => {
|
|
3177
3178
|
_(!0);
|
|
3178
3179
|
}, []);
|
|
3179
|
-
let
|
|
3180
|
-
y(!0),
|
|
3180
|
+
let _e = wt(() => {
|
|
3181
|
+
y(!0), re(ge.current), s((t) => t.filter((t) => t.id !== e.id)), window.setTimeout(() => c(e), di);
|
|
3181
3182
|
}, [
|
|
3182
3183
|
e,
|
|
3183
3184
|
c,
|
|
3184
3185
|
s
|
|
3185
3186
|
]);
|
|
3186
3187
|
A(() => {
|
|
3187
|
-
e.delete && !v && (e.onDismiss?.(e),
|
|
3188
|
+
e.delete && !v && (e.onDismiss?.(e), _e());
|
|
3188
3189
|
}, [
|
|
3189
3190
|
e,
|
|
3190
3191
|
v,
|
|
3191
|
-
|
|
3192
|
+
_e
|
|
3192
3193
|
]), A(() => {
|
|
3193
|
-
|
|
3194
|
-
}, [e.version,
|
|
3195
|
-
if (v || a || e.type === "loading" ||
|
|
3194
|
+
ce.current = de;
|
|
3195
|
+
}, [e.version, de]), A(() => {
|
|
3196
|
+
if (v || a || e.type === "loading" || de === Infinity) return;
|
|
3196
3197
|
let t = Date.now(), n = window.setTimeout(() => {
|
|
3197
|
-
e.onAutoClose?.(e),
|
|
3198
|
-
},
|
|
3198
|
+
e.onAutoClose?.(e), _e();
|
|
3199
|
+
}, ce.current);
|
|
3199
3200
|
return () => {
|
|
3200
|
-
window.clearTimeout(n),
|
|
3201
|
+
window.clearTimeout(n), ce.current -= Date.now() - t;
|
|
3201
3202
|
};
|
|
3202
3203
|
}, [
|
|
3203
3204
|
v,
|
|
3204
3205
|
a,
|
|
3205
3206
|
e,
|
|
3206
|
-
|
|
3207
|
-
|
|
3207
|
+
de,
|
|
3208
|
+
_e
|
|
3208
3209
|
]);
|
|
3209
|
-
let
|
|
3210
|
-
!
|
|
3211
|
-
},
|
|
3210
|
+
let ve = () => {
|
|
3211
|
+
!O || v || (e.onDismiss?.(e), _e());
|
|
3212
|
+
}, ye = Et(() => {
|
|
3212
3213
|
let e = [d];
|
|
3213
3214
|
return f !== "center" && e.push(f), e;
|
|
3214
|
-
}, [d, f]),
|
|
3215
|
-
|
|
3216
|
-
},
|
|
3217
|
-
if (!(e.button === 2 || !
|
|
3218
|
-
|
|
3215
|
+
}, [d, f]), be = (e, t) => {
|
|
3216
|
+
ae.current?.style.setProperty("--swipe-amount-x", `${e}px`), ae.current?.style.setProperty("--swipe-amount-y", `${t}px`);
|
|
3217
|
+
}, xe = (e) => {
|
|
3218
|
+
if (!(e.button === 2 || !O || v) && !e.target.closest("button")) {
|
|
3219
|
+
se.current = Date.now(), re(ge.current);
|
|
3219
3220
|
try {
|
|
3220
3221
|
e.currentTarget.setPointerCapture(e.pointerId);
|
|
3221
3222
|
} catch {}
|
|
3222
|
-
x(!0),
|
|
3223
|
+
x(!0), oe.current = {
|
|
3223
3224
|
x: e.clientX,
|
|
3224
3225
|
y: e.clientY
|
|
3225
|
-
},
|
|
3226
|
+
}, D.current = null;
|
|
3226
3227
|
}
|
|
3227
|
-
},
|
|
3228
|
-
if (!
|
|
3229
|
-
let t = e.clientY -
|
|
3230
|
-
!
|
|
3228
|
+
}, Se = (e) => {
|
|
3229
|
+
if (!oe.current || !O || (window.getSelection()?.toString().length ?? 0) > 0) return;
|
|
3230
|
+
let t = e.clientY - oe.current.y, n = e.clientX - oe.current.x;
|
|
3231
|
+
!D.current && (Math.abs(n) > 1 || Math.abs(t) > 1) && (D.current = Math.abs(n) > Math.abs(t) ? "x" : "y");
|
|
3231
3232
|
let r = (e) => e / (1.5 + Math.abs(e) / 20), i = 0, a = 0;
|
|
3232
|
-
|
|
3233
|
-
},
|
|
3234
|
-
if (
|
|
3235
|
-
|
|
3236
|
-
let t =
|
|
3237
|
-
if ((
|
|
3238
|
-
|
|
3233
|
+
D.current === "y" ? a = ye.includes("top") && t < 0 || ye.includes("bottom") && t > 0 ? t : r(t) : D.current === "x" && (i = ye.includes("left") && n < 0 || ye.includes("right") && n > 0 ? n : r(n)), (i !== 0 || a !== 0) && C(!0), be(i, a);
|
|
3234
|
+
}, Ce = () => {
|
|
3235
|
+
if (w || !O || !oe.current) return;
|
|
3236
|
+
oe.current = null;
|
|
3237
|
+
let t = ae.current?.style, n = parseFloat(t?.getPropertyValue("--swipe-amount-x") || "0") || 0, r = parseFloat(t?.getPropertyValue("--swipe-amount-y") || "0") || 0, i = D.current === "x" ? n : r, a = Math.abs(i) / Math.max(1, Date.now() - se.current);
|
|
3238
|
+
if ((D.current === "x" ? i < 0 && ye.includes("left") || i > 0 && ye.includes("right") : i < 0 && ye.includes("top") || i > 0 && ye.includes("bottom")) && (Math.abs(i) >= ui || a > .11)) {
|
|
3239
|
+
re(ge.current), e.onDismiss?.(e), te(D.current === "x" ? n > 0 ? "right" : "left" : r > 0 ? "down" : "up"), _e(), T(!0);
|
|
3239
3240
|
return;
|
|
3240
3241
|
}
|
|
3241
|
-
|
|
3242
|
-
},
|
|
3242
|
+
be(0, 0), C(!1), x(!1), D.current = null;
|
|
3243
|
+
}, we = r || i && g, Te = e.icon === null ? null : e.icon ?? /* @__PURE__ */ M(hi, { type: e.type }), Ee = Te !== null && (e.icon !== void 0 || e.type !== "default");
|
|
3243
3244
|
return /* @__PURE__ */ N("li", {
|
|
3244
|
-
ref:
|
|
3245
|
+
ref: ae,
|
|
3245
3246
|
tabIndex: 0,
|
|
3246
3247
|
role: "status",
|
|
3247
3248
|
"aria-live": e.important || e.type === "error" ? "assertive" : "polite",
|
|
3248
3249
|
"aria-atomic": "true",
|
|
3249
|
-
className:
|
|
3250
|
+
className: pi(X.toast, e.className),
|
|
3250
3251
|
"data-mounted": g,
|
|
3251
3252
|
"data-removed": v,
|
|
3252
|
-
"data-visible":
|
|
3253
|
-
"data-front":
|
|
3254
|
-
"data-expanded":
|
|
3253
|
+
"data-visible": ue,
|
|
3254
|
+
"data-front": le,
|
|
3255
|
+
"data-expanded": we,
|
|
3255
3256
|
"data-y-position": d,
|
|
3256
3257
|
"data-x-position": f,
|
|
3257
3258
|
"data-type": e.type,
|
|
3258
|
-
"data-rich-colors":
|
|
3259
|
-
"data-dismissible":
|
|
3259
|
+
"data-rich-colors": fe,
|
|
3260
|
+
"data-dismissible": O,
|
|
3260
3261
|
"data-swiping": b,
|
|
3261
|
-
"data-swiped":
|
|
3262
|
-
"data-swipe-out":
|
|
3263
|
-
"data-swipe-direction":
|
|
3262
|
+
"data-swiped": S,
|
|
3263
|
+
"data-swipe-out": w,
|
|
3264
|
+
"data-swipe-direction": ee ?? void 0,
|
|
3264
3265
|
style: {
|
|
3265
3266
|
"--index": t,
|
|
3266
3267
|
"--toasts-before": t,
|
|
3267
3268
|
"--z-index": n - t,
|
|
3268
|
-
"--offset": `${v ?
|
|
3269
|
-
"--initial-height": i ? "auto" : `${
|
|
3269
|
+
"--offset": `${v ? ne : he}px`,
|
|
3270
|
+
"--initial-height": i ? "auto" : `${ie}px`
|
|
3270
3271
|
},
|
|
3271
|
-
onPointerDown:
|
|
3272
|
-
onPointerMove:
|
|
3273
|
-
onPointerUp:
|
|
3274
|
-
onPointerCancel:
|
|
3272
|
+
onPointerDown: xe,
|
|
3273
|
+
onPointerMove: Se,
|
|
3274
|
+
onPointerUp: Ce,
|
|
3275
|
+
onPointerCancel: Ce,
|
|
3275
3276
|
onKeyDown: (e) => {
|
|
3276
|
-
(e.key === "Delete" || e.key === "Backspace") &&
|
|
3277
|
+
(e.key === "Delete" || e.key === "Backspace") && ve();
|
|
3277
3278
|
},
|
|
3278
3279
|
children: [
|
|
3279
|
-
|
|
3280
|
+
pe && /* @__PURE__ */ M("button", {
|
|
3280
3281
|
type: "button",
|
|
3281
3282
|
className: X.close,
|
|
3282
3283
|
"aria-label": "Close notification",
|
|
3283
|
-
disabled: !
|
|
3284
|
-
onClick:
|
|
3285
|
-
children: /* @__PURE__ */ M(
|
|
3284
|
+
disabled: !O,
|
|
3285
|
+
onClick: ve,
|
|
3286
|
+
children: /* @__PURE__ */ M(gi, {})
|
|
3286
3287
|
}),
|
|
3287
3288
|
Ee && /* @__PURE__ */ M("div", {
|
|
3288
3289
|
className: X.icon,
|
|
@@ -3300,9 +3301,9 @@ function gi({ toast: e, index: t, count: n, expanded: r, expandByDefault: i, pau
|
|
|
3300
3301
|
}),
|
|
3301
3302
|
e.cancel && /* @__PURE__ */ M("button", {
|
|
3302
3303
|
type: "button",
|
|
3303
|
-
className:
|
|
3304
|
+
className: pi(X.button, X.cancel),
|
|
3304
3305
|
onClick: (t) => {
|
|
3305
|
-
e.cancel?.onClick?.(t),
|
|
3306
|
+
e.cancel?.onClick?.(t), O && ve();
|
|
3306
3307
|
},
|
|
3307
3308
|
children: e.cancel.label
|
|
3308
3309
|
}),
|
|
@@ -3310,32 +3311,32 @@ function gi({ toast: e, index: t, count: n, expanded: r, expandByDefault: i, pau
|
|
|
3310
3311
|
type: "button",
|
|
3311
3312
|
className: X.button,
|
|
3312
3313
|
onClick: (t) => {
|
|
3313
|
-
e.action?.onClick(t), t.defaultPrevented ||
|
|
3314
|
+
e.action?.onClick(t), t.defaultPrevented || _e();
|
|
3314
3315
|
},
|
|
3315
3316
|
children: e.action.label
|
|
3316
3317
|
})
|
|
3317
3318
|
]
|
|
3318
3319
|
});
|
|
3319
3320
|
}
|
|
3320
|
-
var
|
|
3321
|
-
let [p, m] = j(() =>
|
|
3322
|
-
A(() =>
|
|
3321
|
+
var vi = ({ position: e = "bottom-right", richColors: t = !1, closeButton: n = !1, expand: r = !1, visibleToasts: i = 3, duration: a = 4e3, gap: o = 14, offset: s = 24, mobileOffset: c = 16, hotkey: l = ["altKey", "KeyT"], containerAriaLabel: u = "Notifications", className: d, style: f }) => {
|
|
3322
|
+
let [p, m] = j(() => ai.active()), [h, g] = j([]), [_, v] = j(!1), [y, b] = j(!1), [x, S] = j(!1), C = Dt(null), [w, T] = e.split("-");
|
|
3323
|
+
A(() => ai.subscribe((e) => {
|
|
3323
3324
|
e.kind === "upsert" ? m((t) => t.some((t) => t.id === e.toast.id) ? t.map((t) => t.id === e.toast.id ? e.toast : t) : [e.toast, ...t]) : m((t) => t.map((t) => e.id === void 0 || t.id === e.id ? {
|
|
3324
3325
|
...t,
|
|
3325
3326
|
delete: !0
|
|
3326
3327
|
} : t));
|
|
3327
3328
|
}), []);
|
|
3328
|
-
let
|
|
3329
|
-
|
|
3329
|
+
let ee = wt((e) => {
|
|
3330
|
+
ai.remove(e.id), m((t) => t.filter((t) => t.id !== e.id));
|
|
3330
3331
|
}, []);
|
|
3331
3332
|
return A(() => {
|
|
3332
3333
|
p.length <= 1 && v(!1);
|
|
3333
3334
|
}, [p.length]), A(() => {
|
|
3334
|
-
let e = () =>
|
|
3335
|
+
let e = () => S(document.hidden);
|
|
3335
3336
|
return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
|
|
3336
3337
|
}, []), A(() => {
|
|
3337
3338
|
let e = (e) => {
|
|
3338
|
-
l.length > 0 && l.every((t) => e[t] === !0 || e.code === t) && (v(!0),
|
|
3339
|
+
l.length > 0 && l.every((t) => e[t] === !0 || e.code === t) && (v(!0), C.current?.focus()), e.key === "Escape" && C.current && (document.activeElement === C.current || C.current.contains(document.activeElement)) && (v(!1), document.activeElement?.blur());
|
|
3339
3340
|
};
|
|
3340
3341
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
3341
3342
|
}, [l]), /* @__PURE__ */ M("section", {
|
|
@@ -3345,23 +3346,23 @@ var _i = ({ position: e = "bottom-right", richColors: t = !1, closeButton: n = !
|
|
|
3345
3346
|
"aria-relevant": "additions text",
|
|
3346
3347
|
"aria-atomic": "false",
|
|
3347
3348
|
children: p.length > 0 && /* @__PURE__ */ M("ol", {
|
|
3348
|
-
ref:
|
|
3349
|
+
ref: C,
|
|
3349
3350
|
tabIndex: -1,
|
|
3350
|
-
className:
|
|
3351
|
-
"data-y-position":
|
|
3352
|
-
"data-x-position":
|
|
3351
|
+
className: pi(X.toaster, d),
|
|
3352
|
+
"data-y-position": w,
|
|
3353
|
+
"data-x-position": T,
|
|
3353
3354
|
style: {
|
|
3354
3355
|
"--front-toast-height": `${h[0]?.height ?? 0}px`,
|
|
3355
|
-
"--width": `${
|
|
3356
|
+
"--width": `${li}px`,
|
|
3356
3357
|
"--gap": `${o}px`,
|
|
3357
|
-
"--offset-top":
|
|
3358
|
-
"--offset-right":
|
|
3359
|
-
"--offset-bottom":
|
|
3360
|
-
"--offset-left":
|
|
3361
|
-
"--mobile-offset-top":
|
|
3362
|
-
"--mobile-offset-right":
|
|
3363
|
-
"--mobile-offset-bottom":
|
|
3364
|
-
"--mobile-offset-left":
|
|
3358
|
+
"--offset-top": fi(s),
|
|
3359
|
+
"--offset-right": fi(s),
|
|
3360
|
+
"--offset-bottom": fi(s),
|
|
3361
|
+
"--offset-left": fi(s),
|
|
3362
|
+
"--mobile-offset-top": fi(c),
|
|
3363
|
+
"--mobile-offset-right": fi(c),
|
|
3364
|
+
"--mobile-offset-bottom": fi(c),
|
|
3365
|
+
"--mobile-offset-left": fi(c),
|
|
3365
3366
|
...f
|
|
3366
3367
|
},
|
|
3367
3368
|
onMouseEnter: () => v(!0),
|
|
@@ -3377,7 +3378,7 @@ var _i = ({ position: e = "bottom-right", richColors: t = !1, closeButton: n = !
|
|
|
3377
3378
|
e.target.dataset?.dismissible !== "false" && b(!0);
|
|
3378
3379
|
},
|
|
3379
3380
|
onPointerUp: () => b(!1),
|
|
3380
|
-
children: p.map((e, s) => /* @__PURE__ */ M(
|
|
3381
|
+
children: p.map((e, s) => /* @__PURE__ */ M(_i, {
|
|
3381
3382
|
toast: e,
|
|
3382
3383
|
index: s,
|
|
3383
3384
|
count: p.length,
|
|
@@ -3386,30 +3387,30 @@ var _i = ({ position: e = "bottom-right", richColors: t = !1, closeButton: n = !
|
|
|
3386
3387
|
paused: _ || y || x,
|
|
3387
3388
|
heights: h,
|
|
3388
3389
|
setHeights: g,
|
|
3389
|
-
removeToast:
|
|
3390
|
+
removeToast: ee,
|
|
3390
3391
|
gap: o,
|
|
3391
3392
|
visibleToasts: i,
|
|
3392
|
-
yPosition:
|
|
3393
|
-
xPosition:
|
|
3393
|
+
yPosition: w,
|
|
3394
|
+
xPosition: T,
|
|
3394
3395
|
closeButton: n,
|
|
3395
3396
|
richColors: t,
|
|
3396
3397
|
duration: a
|
|
3397
3398
|
}, e.id))
|
|
3398
3399
|
})
|
|
3399
3400
|
});
|
|
3400
|
-
},
|
|
3401
|
+
}, yi = {
|
|
3401
3402
|
spinner: "_spinner_14r00_3",
|
|
3402
3403
|
"spinner--sm": "_spinner--sm_14r00_12",
|
|
3403
3404
|
"spinner--md": "_spinner--md_14r00_13",
|
|
3404
3405
|
"spinner--lg": "_spinner--lg_14r00_14",
|
|
3405
3406
|
spinner__svg: "_spinner__svg_14r00_17",
|
|
3406
3407
|
"spinner-rotate": "_spinner-rotate_14r00_1"
|
|
3407
|
-
},
|
|
3408
|
+
}, bi = ({ size: e = "md", label: t = "Loading...", className: n }) => /* @__PURE__ */ M("span", {
|
|
3408
3409
|
role: "status",
|
|
3409
3410
|
"aria-label": t,
|
|
3410
3411
|
className: [
|
|
3411
|
-
|
|
3412
|
-
|
|
3412
|
+
yi.spinner,
|
|
3413
|
+
yi[`spinner--${e}`],
|
|
3413
3414
|
n ?? ""
|
|
3414
3415
|
].filter(Boolean).join(" "),
|
|
3415
3416
|
children: /* @__PURE__ */ N("svg", {
|
|
@@ -3419,7 +3420,7 @@ var _i = ({ position: e = "bottom-right", richColors: t = !1, closeButton: n = !
|
|
|
3419
3420
|
strokeWidth: 2.5,
|
|
3420
3421
|
strokeLinecap: "round",
|
|
3421
3422
|
"aria-hidden": "true",
|
|
3422
|
-
className:
|
|
3423
|
+
className: yi.spinner__svg,
|
|
3423
3424
|
children: [/* @__PURE__ */ M("circle", {
|
|
3424
3425
|
cx: 12,
|
|
3425
3426
|
cy: 12,
|
|
@@ -3427,7 +3428,7 @@ var _i = ({ position: e = "bottom-right", richColors: t = !1, closeButton: n = !
|
|
|
3427
3428
|
opacity: .2
|
|
3428
3429
|
}), /* @__PURE__ */ M("path", {
|
|
3429
3430
|
d: "M12 3a9 9 0 0 1 9 9",
|
|
3430
|
-
className:
|
|
3431
|
+
className: yi.spinner__arc
|
|
3431
3432
|
})]
|
|
3432
3433
|
})
|
|
3433
3434
|
}), Q = {
|
|
@@ -3455,16 +3456,16 @@ var _i = ({ position: e = "bottom-right", richColors: t = !1, closeButton: n = !
|
|
|
3455
3456
|
"connector--vertical": "_connector--vertical_1qhab_82",
|
|
3456
3457
|
"connector--filled": "_connector--filled_1qhab_86",
|
|
3457
3458
|
"connector--horizontal": "_connector--horizontal_1qhab_88"
|
|
3458
|
-
},
|
|
3459
|
-
className: [Q.step, Q[`step--${
|
|
3460
|
-
style: { "--delay": `${
|
|
3459
|
+
}, xi = ({ index: e, state: t, label: r, description: i, orientation: a = "horizontal", delay: o = 0, fresh: s }) => /* @__PURE__ */ N("div", {
|
|
3460
|
+
className: [Q.step, Q[`step--${a}`]].join(" "),
|
|
3461
|
+
style: { "--delay": `${o}ms` },
|
|
3461
3462
|
children: [/* @__PURE__ */ M("span", {
|
|
3462
3463
|
className: [Q.circle, Q[`circle--${t}`]].join(" "),
|
|
3463
|
-
"data-fresh":
|
|
3464
|
+
"data-fresh": s || void 0,
|
|
3464
3465
|
"aria-hidden": "true",
|
|
3465
|
-
children: t === "completed" ? /* @__PURE__ */ M(
|
|
3466
|
+
children: t === "completed" ? /* @__PURE__ */ M(dt, {
|
|
3466
3467
|
size: 14,
|
|
3467
|
-
strokeWidth:
|
|
3468
|
+
strokeWidth: n(14)
|
|
3468
3469
|
}) : /* @__PURE__ */ M("span", {
|
|
3469
3470
|
className: Q.circle__num,
|
|
3470
3471
|
children: e + 1
|
|
@@ -3477,20 +3478,20 @@ var _i = ({ position: e = "bottom-right", richColors: t = !1, closeButton: n = !
|
|
|
3477
3478
|
t === "current" ? Q["step__label--current"] : "",
|
|
3478
3479
|
t === "upcoming" ? Q["step__label--upcoming"] : ""
|
|
3479
3480
|
].filter(Boolean).join(" "),
|
|
3480
|
-
children: n
|
|
3481
|
-
}), r && /* @__PURE__ */ M("span", {
|
|
3482
|
-
className: Q.step__desc,
|
|
3483
3481
|
children: r
|
|
3482
|
+
}), i && /* @__PURE__ */ M("span", {
|
|
3483
|
+
className: Q.step__desc,
|
|
3484
|
+
children: i
|
|
3484
3485
|
})]
|
|
3485
3486
|
})]
|
|
3486
|
-
}),
|
|
3487
|
-
let i = (e) => e < t ? "completed" : e === t ? "current" : "upcoming", a =
|
|
3487
|
+
}), Si = 457, Ci = ({ steps: e, current: t, orientation: n = "horizontal", className: r }) => {
|
|
3488
|
+
let i = (e) => e < t ? "completed" : e === t ? "current" : "upcoming", a = Dt(t), [o, s] = j(!1);
|
|
3488
3489
|
A(() => {
|
|
3489
3490
|
s(!0);
|
|
3490
3491
|
}, []), A(() => {
|
|
3491
3492
|
a.current = t;
|
|
3492
3493
|
}, [t]);
|
|
3493
|
-
let c = a.current, l = (e, t) => e < t ? "completed" : e === t ? "current" : "upcoming", u = (e) => o && c !== t && l(e, c) !== l(e, t), d = t >= c, f = Math.max(1, Math.abs(t - c)), p = Math.min(
|
|
3494
|
+
let c = a.current, l = (e, t) => e < t ? "completed" : e === t ? "current" : "upcoming", u = (e) => o && c !== t && l(e, c) !== l(e, t), d = t >= c, f = Math.max(1, Math.abs(t - c)), p = Math.min(Si, Math.floor(1430 / f)), m = (e) => d ? e >= c && e <= t ? (e - c) * p : 0 : e >= t && e <= c ? (c - e) * p : 0, h = (e) => d ? e >= c && e < t ? (e - c) * p : 0 : e >= t && e < c ? (c - 1 - e) * p + 57 : 0;
|
|
3494
3495
|
return /* @__PURE__ */ M("div", {
|
|
3495
3496
|
className: [
|
|
3496
3497
|
Q.stepper,
|
|
@@ -3499,7 +3500,7 @@ var _i = ({ position: e = "bottom-right", richColors: t = !1, closeButton: n = !
|
|
|
3499
3500
|
r ?? ""
|
|
3500
3501
|
].filter(Boolean).join(" "),
|
|
3501
3502
|
style: { "--fill-ms": `${p}ms` },
|
|
3502
|
-
children: e.map((r, a) => /* @__PURE__ */ N(k.Fragment, { children: [/* @__PURE__ */ M(
|
|
3503
|
+
children: e.map((r, a) => /* @__PURE__ */ N(k.Fragment, { children: [/* @__PURE__ */ M(xi, {
|
|
3503
3504
|
index: a,
|
|
3504
3505
|
state: i(a),
|
|
3505
3506
|
label: r.label,
|
|
@@ -3529,7 +3530,7 @@ var _i = ({ position: e = "bottom-right", richColors: t = !1, closeButton: n = !
|
|
|
3529
3530
|
"wrapper--withDescription": "_wrapper--withDescription_1d89w_65",
|
|
3530
3531
|
text: "_text_1d89w_66",
|
|
3531
3532
|
description: "_description_1d89w_68"
|
|
3532
|
-
},
|
|
3533
|
+
}, wi = 16, Ti = 2, Ei = 18, Di = 360, Oi = 16, ki = (e) => 1 - (1 - e) ** 3, Ai = .16, ji = k.forwardRef(({ label: e, description: t, disabled: n, id: r, className: i, onChange: a, variant: o = "default", ...s }, c) => {
|
|
3533
3534
|
let l = k.useId(), u = r ?? l, d = k.useRef(null);
|
|
3534
3535
|
return /* @__PURE__ */ N("label", {
|
|
3535
3536
|
htmlFor: u,
|
|
@@ -3552,11 +3553,11 @@ var _i = ({ position: e = "bottom-right", richColors: t = !1, closeButton: n = !
|
|
|
3552
3553
|
a?.(e);
|
|
3553
3554
|
let t = d.current;
|
|
3554
3555
|
if (o !== "stretch" || !t || typeof t.animate != "function" || window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
|
|
3555
|
-
let n = e.target.checked, r = getComputedStyle(t), i = parseFloat(r.translate) || 0, s = parseFloat(r.width) ||
|
|
3556
|
+
let n = e.target.checked, r = getComputedStyle(t), i = parseFloat(r.translate) || 0, s = parseFloat(r.width) || wi, c = (n ? Ti : Ei) + i, l = c + s, u = n ? Ei : Ti, f = u + wi;
|
|
3556
3557
|
t.getAnimations().forEach((e) => e.cancel());
|
|
3557
3558
|
let p = [];
|
|
3558
|
-
for (let e = 0; e <=
|
|
3559
|
-
let t = e /
|
|
3559
|
+
for (let e = 0; e <= Oi; e++) {
|
|
3560
|
+
let t = e / Oi, r = ki(t), i = ki(Math.min(1, Math.max(0, (t - Ai) / (1 - Ai)))), a = c + (u - c) * (n ? i : r), o = l + (f - l) * (n ? r : i);
|
|
3560
3561
|
p.push({
|
|
3561
3562
|
width: `${o - a}px`,
|
|
3562
3563
|
translate: `${a - u}px 0`,
|
|
@@ -3564,7 +3565,7 @@ var _i = ({ position: e = "bottom-right", richColors: t = !1, closeButton: n = !
|
|
|
3564
3565
|
});
|
|
3565
3566
|
}
|
|
3566
3567
|
t.animate(p, {
|
|
3567
|
-
duration:
|
|
3568
|
+
duration: Di,
|
|
3568
3569
|
easing: "linear"
|
|
3569
3570
|
});
|
|
3570
3571
|
},
|
|
@@ -3594,8 +3595,8 @@ var _i = ({ position: e = "bottom-right", richColors: t = !1, closeButton: n = !
|
|
|
3594
3595
|
]
|
|
3595
3596
|
});
|
|
3596
3597
|
});
|
|
3597
|
-
|
|
3598
|
-
var
|
|
3598
|
+
ji.displayName = "Switch";
|
|
3599
|
+
var Mi = {
|
|
3599
3600
|
field: "_field_53t87_6",
|
|
3600
3601
|
field__label: "_field__label_53t87_8",
|
|
3601
3602
|
field__description: "_field__description_53t87_10",
|
|
@@ -3603,14 +3604,14 @@ var ji = {
|
|
|
3603
3604
|
textarea: "_textarea_53t87_13",
|
|
3604
3605
|
"textarea--error": "_textarea--error_53t87_37",
|
|
3605
3606
|
"textarea--disabled": "_textarea--disabled_53t87_52"
|
|
3606
|
-
},
|
|
3607
|
+
}, Ni = k.forwardRef(({ label: e, description: t, error: n, disabled: r, id: i, className: a, rows: o = 3, ...s }, c) => {
|
|
3607
3608
|
let l = k.useId(), u = i ?? l, d = !!n, f = t || n ? `${u}-desc` : void 0;
|
|
3608
3609
|
return /* @__PURE__ */ N("div", {
|
|
3609
|
-
className: [
|
|
3610
|
+
className: [Mi.field, a ?? ""].filter(Boolean).join(" "),
|
|
3610
3611
|
children: [
|
|
3611
3612
|
e && /* @__PURE__ */ M("label", {
|
|
3612
3613
|
htmlFor: u,
|
|
3613
|
-
className:
|
|
3614
|
+
className: Mi.field__label,
|
|
3614
3615
|
children: e
|
|
3615
3616
|
}),
|
|
3616
3617
|
/* @__PURE__ */ M("textarea", {
|
|
@@ -3621,22 +3622,22 @@ var ji = {
|
|
|
3621
3622
|
"aria-invalid": d || void 0,
|
|
3622
3623
|
"aria-describedby": f,
|
|
3623
3624
|
className: [
|
|
3624
|
-
|
|
3625
|
-
d ?
|
|
3626
|
-
r ?
|
|
3625
|
+
Mi.textarea,
|
|
3626
|
+
d ? Mi["textarea--error"] : "",
|
|
3627
|
+
r ? Mi["textarea--disabled"] : ""
|
|
3627
3628
|
].filter(Boolean).join(" "),
|
|
3628
3629
|
...s
|
|
3629
3630
|
}),
|
|
3630
3631
|
(t || n) && /* @__PURE__ */ M("span", {
|
|
3631
3632
|
id: f,
|
|
3632
|
-
className: d ?
|
|
3633
|
+
className: d ? Mi.field__error : Mi.field__description,
|
|
3633
3634
|
children: n || t
|
|
3634
3635
|
})
|
|
3635
3636
|
]
|
|
3636
3637
|
});
|
|
3637
3638
|
});
|
|
3638
|
-
|
|
3639
|
-
var
|
|
3639
|
+
Ni.displayName = "Textarea";
|
|
3640
|
+
var Pi = {
|
|
3640
3641
|
toast: "_toast_dshlf_3",
|
|
3641
3642
|
toast__icon: "_toast__icon_dshlf_17",
|
|
3642
3643
|
"toast--success": "_toast--success_dshlf_18",
|
|
@@ -3646,9 +3647,9 @@ var Ni = {
|
|
|
3646
3647
|
toast__title: "_toast__title_dshlf_23",
|
|
3647
3648
|
toast__description: "_toast__description_dshlf_24",
|
|
3648
3649
|
toast__dismiss: "_toast__dismiss_dshlf_26"
|
|
3649
|
-
},
|
|
3650
|
-
success: /* @__PURE__ */ N(
|
|
3651
|
-
error: /* @__PURE__ */ N(
|
|
3650
|
+
}, Fi = {
|
|
3651
|
+
success: /* @__PURE__ */ N(Ot, { children: [/* @__PURE__ */ M("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ M("polyline", { points: "22 4 12 14.01 9 11.01" })] }),
|
|
3652
|
+
error: /* @__PURE__ */ N(Ot, { children: [
|
|
3652
3653
|
/* @__PURE__ */ M("circle", {
|
|
3653
3654
|
cx: "12",
|
|
3654
3655
|
cy: "12",
|
|
@@ -3667,7 +3668,7 @@ var Ni = {
|
|
|
3667
3668
|
y2: "15"
|
|
3668
3669
|
})
|
|
3669
3670
|
] }),
|
|
3670
|
-
info: /* @__PURE__ */ N(
|
|
3671
|
+
info: /* @__PURE__ */ N(Ot, { children: [
|
|
3671
3672
|
/* @__PURE__ */ M("circle", {
|
|
3672
3673
|
cx: "12",
|
|
3673
3674
|
cy: "12",
|
|
@@ -3686,50 +3687,50 @@ var Ni = {
|
|
|
3686
3687
|
y2: "8"
|
|
3687
3688
|
})
|
|
3688
3689
|
] })
|
|
3689
|
-
},
|
|
3690
|
+
}, Ii = ({ status: e = "info", title: t, description: r, onDismiss: i, className: a }) => /* @__PURE__ */ N("div", {
|
|
3690
3691
|
role: e === "error" ? "alert" : "status",
|
|
3691
3692
|
"aria-live": e === "error" ? "assertive" : "polite",
|
|
3692
3693
|
className: [
|
|
3693
|
-
|
|
3694
|
-
|
|
3695
|
-
|
|
3694
|
+
Pi.toast,
|
|
3695
|
+
Pi[`toast--${e}`],
|
|
3696
|
+
a ?? ""
|
|
3696
3697
|
].filter(Boolean).join(" "),
|
|
3697
3698
|
children: [
|
|
3698
3699
|
/* @__PURE__ */ M("span", {
|
|
3699
|
-
className:
|
|
3700
|
+
className: Pi.toast__icon,
|
|
3700
3701
|
"aria-hidden": "true",
|
|
3701
3702
|
children: /* @__PURE__ */ M("svg", {
|
|
3702
3703
|
viewBox: "0 0 24 24",
|
|
3703
3704
|
fill: "none",
|
|
3704
3705
|
stroke: "currentColor",
|
|
3705
|
-
strokeWidth:
|
|
3706
|
+
strokeWidth: n(18),
|
|
3706
3707
|
strokeLinecap: "round",
|
|
3707
3708
|
strokeLinejoin: "round",
|
|
3708
3709
|
width: 18,
|
|
3709
3710
|
height: 18,
|
|
3710
|
-
children:
|
|
3711
|
+
children: Fi[e]
|
|
3711
3712
|
})
|
|
3712
3713
|
}),
|
|
3713
3714
|
/* @__PURE__ */ N("div", {
|
|
3714
|
-
className:
|
|
3715
|
+
className: Pi.toast__content,
|
|
3715
3716
|
children: [t && /* @__PURE__ */ M("div", {
|
|
3716
|
-
className:
|
|
3717
|
+
className: Pi.toast__title,
|
|
3717
3718
|
children: t
|
|
3718
|
-
}),
|
|
3719
|
-
className:
|
|
3720
|
-
children:
|
|
3719
|
+
}), r && /* @__PURE__ */ M("div", {
|
|
3720
|
+
className: Pi.toast__description,
|
|
3721
|
+
children: r
|
|
3721
3722
|
})]
|
|
3722
3723
|
}),
|
|
3723
|
-
|
|
3724
|
+
i && /* @__PURE__ */ M("button", {
|
|
3724
3725
|
type: "button",
|
|
3725
|
-
className:
|
|
3726
|
-
onClick:
|
|
3726
|
+
className: Pi.toast__dismiss,
|
|
3727
|
+
onClick: i,
|
|
3727
3728
|
"aria-label": "Dismiss",
|
|
3728
3729
|
children: /* @__PURE__ */ N("svg", {
|
|
3729
3730
|
viewBox: "0 0 24 24",
|
|
3730
3731
|
fill: "none",
|
|
3731
3732
|
stroke: "currentColor",
|
|
3732
|
-
strokeWidth:
|
|
3733
|
+
strokeWidth: n(16),
|
|
3733
3734
|
strokeLinecap: "round",
|
|
3734
3735
|
strokeLinejoin: "round",
|
|
3735
3736
|
width: 16,
|
|
@@ -3748,54 +3749,54 @@ var Ni = {
|
|
|
3748
3749
|
})
|
|
3749
3750
|
})
|
|
3750
3751
|
]
|
|
3751
|
-
}),
|
|
3752
|
+
}), Li = {
|
|
3752
3753
|
bar: "_bar_14cqo_2",
|
|
3753
3754
|
bar__icon: "_bar__icon_14cqo_10",
|
|
3754
3755
|
bar__title: "_bar__title_14cqo_17",
|
|
3755
3756
|
"bar__title--center": "_bar__title--center_14cqo_21",
|
|
3756
3757
|
bar__search: "_bar__search_14cqo_22"
|
|
3757
|
-
},
|
|
3758
|
-
className: [
|
|
3758
|
+
}, Ri = ({ type: e = "title", title: t, trailing: r, search: i, onMenu: a, onAction: o, onClose: s, className: c }) => /* @__PURE__ */ N("header", {
|
|
3759
|
+
className: [Li.bar, c ?? ""].filter(Boolean).join(" "),
|
|
3759
3760
|
children: [
|
|
3760
3761
|
/* @__PURE__ */ M("button", {
|
|
3761
3762
|
type: "button",
|
|
3762
|
-
className:
|
|
3763
|
-
onClick:
|
|
3763
|
+
className: Li.bar__icon,
|
|
3764
|
+
onClick: a,
|
|
3764
3765
|
"aria-label": "Open menu",
|
|
3765
|
-
children: /* @__PURE__ */ M(
|
|
3766
|
+
children: /* @__PURE__ */ M(ct, {
|
|
3766
3767
|
size: 18,
|
|
3767
|
-
strokeWidth:
|
|
3768
|
+
strokeWidth: n(18)
|
|
3768
3769
|
})
|
|
3769
3770
|
}),
|
|
3770
3771
|
e === "search" ? /* @__PURE__ */ M("div", {
|
|
3771
|
-
className:
|
|
3772
|
-
children:
|
|
3772
|
+
className: Li.bar__search,
|
|
3773
|
+
children: i
|
|
3773
3774
|
}) : /* @__PURE__ */ M("span", {
|
|
3774
|
-
className: [
|
|
3775
|
+
className: [Li.bar__title, e === "title-centered" ? Li["bar__title--center"] : ""].join(" "),
|
|
3775
3776
|
children: t
|
|
3776
3777
|
}),
|
|
3777
3778
|
e === "title-action" && /* @__PURE__ */ M("button", {
|
|
3778
3779
|
type: "button",
|
|
3779
|
-
className:
|
|
3780
|
-
onClick:
|
|
3780
|
+
className: Li.bar__icon,
|
|
3781
|
+
onClick: o,
|
|
3781
3782
|
"aria-label": "Add",
|
|
3782
|
-
children: /* @__PURE__ */ M(
|
|
3783
|
+
children: /* @__PURE__ */ M(at, {
|
|
3783
3784
|
size: 18,
|
|
3784
|
-
strokeWidth:
|
|
3785
|
+
strokeWidth: n(18)
|
|
3785
3786
|
})
|
|
3786
3787
|
}),
|
|
3787
3788
|
e === "search" && /* @__PURE__ */ M("button", {
|
|
3788
3789
|
type: "button",
|
|
3789
|
-
className:
|
|
3790
|
-
onClick:
|
|
3790
|
+
className: Li.bar__icon,
|
|
3791
|
+
onClick: s,
|
|
3791
3792
|
"aria-label": "Close search",
|
|
3792
|
-
children: /* @__PURE__ */ M(
|
|
3793
|
+
children: /* @__PURE__ */ M(nt, {
|
|
3793
3794
|
size: 18,
|
|
3794
|
-
strokeWidth:
|
|
3795
|
+
strokeWidth: n(18)
|
|
3795
3796
|
})
|
|
3796
3797
|
}),
|
|
3797
|
-
(e === "title" || e === "title-centered") &&
|
|
3798
|
+
(e === "title" || e === "title-centered") && r
|
|
3798
3799
|
]
|
|
3799
3800
|
});
|
|
3800
3801
|
//#endregion
|
|
3801
|
-
export {
|
|
3802
|
+
export { b as Accordion, Ee as AccordionItem, te as ActivityFeed, l as ActivityFeedHighlight, u as Alert, Jt as Announcement, Zn as AreaChart, s as Avatar, re as AvatarGroup, Xe as AvatarUpload, Ce as Badge, O as Balance, le as BarChart, yn as BlogBlockquote, xn as BlogFeatureText, Cn as BlogImage, ie as BlogListingCard, ne as BlogListingFeaturedCard, x as BoardCard, Qn as BoardColumn, we as Breadcrumb, T as Button, rr as Calendar, ir as Card, t as CardMetaItem, Me as CartItem, Te as ChatComposer, y as Checkbox, he as CheckoutSteps, Qt as CodeSnippet, S as ColorSwatch, ar as Combobox, o as ConversationItem, Ue as DEFAULT_CHECKOUT_STEPS, Ie as Divider, c as DonutChart, ee as EmptyState, tn as Expenses, qn as FacebookIcon, f as FeaturedIcon, or as FileUpload, qe as FilterChip, Tn as FirstPageHeading, dr as FunnelChart, zn as GithubIcon, mr as HeatmapChart, _ as HoverGroup, a as IconButton, an as InlineHint, i as Input, Kn as InstagramIcon, $e as JobListing, gr as Kbd, vr as Label, w as LineChart, Je as Link, Jn as LinkedinIcon, Ae as LiquidBackdrop, xe as LiquidGlass, Dn as List, br as ListItem, r as LocationDot, An as Marquee, ue as Menu, Ye as MenuDivider, Ze as MenuItem, Ke as MessageBubble, Mn as Metric, Nn as MobileNavigationMenu, _e as Modal, me as NotificationItem, D as Pagination, Or as PieChart, In as PlaceholderLogo, kr as Popover, oe as PriceDisplay, ae as ProductCard, m as ProductGallery, Ln as ProfileCard, Qe as Progress, on as ProgressItem, Ge as ProgressStat, ze as QuantitySelector, zr as RadarChart, Jr as RadialChart, Xr as Radio, cn as RichSeparator, Vn as RichTextHeading, Un as RichTextParagraph, g as SectionHeading, ve as SegmentedControl, be as Select, ke as Sidebar, Fe as SidebarDivider, Qr as SidebarFooter, ge as SidebarGroupLabel, pe as SidebarHeader, We as SidebarItem, De as SidebarPromo, ei as SidebarSearch, de as SidebarSubItem, Le as SizeSelector, Be as Skeleton, Ne as Slider, Oe as SpendingBalance, bi as Spinner, h as StarRating, ce as StatCard, Ci as Stepper, xi as StepperStep, un as StockMarket, d as StockStatus, Gn as SubFeature, ji as Switch, Se as Table, Re as Tabs, pn as Tags, p as TeamCard, Ni as Textarea, gn as Ticker, Ii as Toast, vi as Toaster, je as Tooltip, He as TopBar, Ri as TopBarMobile, vn as Transactions, E as WishlistButton, Rn as XIcon, e as getContrastColor, n as iconStrokeWidth, ye as syncLiquidBackdrop, ci as toast, v as useHoverHighlight, se as useLiquidGlass };
|