melonykit 0.9.0 → 0.9.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/dist/index.js +461 -293
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { i as e, o as t } from "./functions-ytrrWBDV.js";
|
|
2
2
|
import { useSignal as n } from "@preact/signals";
|
|
3
|
-
import { useEffect as r, useId as i } from "preact/hooks";
|
|
4
|
-
import { Fragment as
|
|
3
|
+
import { useEffect as r, useId as i, useRef as a } from "preact/hooks";
|
|
4
|
+
import { Fragment as o, jsx as s, jsxs as c } from "preact/jsx-runtime";
|
|
5
5
|
//#region node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
|
|
6
|
-
function
|
|
6
|
+
function l(e) {
|
|
7
7
|
if (e.sheet) return e.sheet;
|
|
8
8
|
/* istanbul ignore next */
|
|
9
9
|
for (var t = 0; t < document.styleSheets.length; t++) if (document.styleSheets[t].ownerNode === e) return document.styleSheets[t];
|
|
10
10
|
}
|
|
11
|
-
function
|
|
11
|
+
function u(e) {
|
|
12
12
|
var t = document.createElement("style");
|
|
13
13
|
return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
|
|
14
14
|
}
|
|
15
|
-
var
|
|
15
|
+
var d = /*#__PURE__*/ function() {
|
|
16
16
|
function e(e) {
|
|
17
17
|
var t = this;
|
|
18
18
|
this._insertTag = function(e) {
|
|
@@ -24,10 +24,10 @@ var u = /*#__PURE__*/ function() {
|
|
|
24
24
|
return t.hydrate = function(e) {
|
|
25
25
|
e.forEach(this._insertTag);
|
|
26
26
|
}, t.insert = function(e) {
|
|
27
|
-
this.ctr % (this.isSpeedy ? 65e3 : 1) == 0 && this._insertTag(
|
|
27
|
+
this.ctr % (this.isSpeedy ? 65e3 : 1) == 0 && this._insertTag(u(this));
|
|
28
28
|
var t = this.tags[this.tags.length - 1];
|
|
29
29
|
if (this.isSpeedy) {
|
|
30
|
-
var n =
|
|
30
|
+
var n = l(t);
|
|
31
31
|
try {
|
|
32
32
|
n.insertRule(e, n.cssRules.length);
|
|
33
33
|
} catch {}
|
|
@@ -38,20 +38,20 @@ var u = /*#__PURE__*/ function() {
|
|
|
38
38
|
return e.parentNode?.removeChild(e);
|
|
39
39
|
}), this.tags = [], this.ctr = 0;
|
|
40
40
|
}, e;
|
|
41
|
-
}(),
|
|
42
|
-
function
|
|
41
|
+
}(), f = "-ms-", p = "-moz-", m = "-webkit-", h = "comm", g = "rule", _ = "decl", v = "@import", y = "@keyframes", b = "@layer", x = Math.abs, S = String.fromCharCode, C = Object.assign;
|
|
42
|
+
function w(e, t) {
|
|
43
43
|
return E(e, 0) ^ 45 ? (((t << 2 ^ E(e, 0)) << 2 ^ E(e, 1)) << 2 ^ E(e, 2)) << 2 ^ E(e, 3) : 0;
|
|
44
44
|
}
|
|
45
|
-
function
|
|
45
|
+
function ee(e) {
|
|
46
46
|
return e.trim();
|
|
47
47
|
}
|
|
48
|
-
function
|
|
48
|
+
function te(e, t) {
|
|
49
49
|
return (e = t.exec(e)) ? e[0] : e;
|
|
50
50
|
}
|
|
51
51
|
function T(e, t, n) {
|
|
52
52
|
return e.replace(t, n);
|
|
53
53
|
}
|
|
54
|
-
function
|
|
54
|
+
function ne(e, t) {
|
|
55
55
|
return e.indexOf(t);
|
|
56
56
|
}
|
|
57
57
|
function E(e, t) {
|
|
@@ -63,18 +63,18 @@ function D(e, t, n) {
|
|
|
63
63
|
function O(e) {
|
|
64
64
|
return e.length;
|
|
65
65
|
}
|
|
66
|
-
function
|
|
66
|
+
function re(e) {
|
|
67
67
|
return e.length;
|
|
68
68
|
}
|
|
69
69
|
function k(e, t) {
|
|
70
70
|
return t.push(e), e;
|
|
71
71
|
}
|
|
72
|
-
function
|
|
72
|
+
function ie(e, t) {
|
|
73
73
|
return e.map(t).join("");
|
|
74
74
|
}
|
|
75
75
|
//#endregion
|
|
76
76
|
//#region node_modules/stylis/src/Tokenizer.js
|
|
77
|
-
var A = 1, j = 1,
|
|
77
|
+
var A = 1, j = 1, ae = 0, M = 0, N = 0, P = "";
|
|
78
78
|
function F(e, t, n, r, i, a, o) {
|
|
79
79
|
return {
|
|
80
80
|
value: e,
|
|
@@ -90,16 +90,16 @@ function F(e, t, n, r, i, a, o) {
|
|
|
90
90
|
};
|
|
91
91
|
}
|
|
92
92
|
function I(e, t) {
|
|
93
|
-
return
|
|
93
|
+
return C(F("", null, null, "", null, null, 0), e, { length: -e.length }, t);
|
|
94
94
|
}
|
|
95
|
-
function
|
|
95
|
+
function oe() {
|
|
96
96
|
return N;
|
|
97
97
|
}
|
|
98
|
-
function
|
|
98
|
+
function se() {
|
|
99
99
|
return N = M > 0 ? E(P, --M) : 0, j--, N === 10 && (j = 1, A--), N;
|
|
100
100
|
}
|
|
101
101
|
function L() {
|
|
102
|
-
return N = M <
|
|
102
|
+
return N = M < ae ? E(P, M++) : 0, j++, N === 10 && (j = 1, A++), N;
|
|
103
103
|
}
|
|
104
104
|
function R() {
|
|
105
105
|
return E(P, M);
|
|
@@ -137,32 +137,32 @@ function V(e) {
|
|
|
137
137
|
}
|
|
138
138
|
return 0;
|
|
139
139
|
}
|
|
140
|
-
function se(e) {
|
|
141
|
-
return A = j = 1, ie = O(P = e), M = 0, [];
|
|
142
|
-
}
|
|
143
140
|
function ce(e) {
|
|
141
|
+
return A = j = 1, ae = O(P = e), M = 0, [];
|
|
142
|
+
}
|
|
143
|
+
function le(e) {
|
|
144
144
|
return P = "", e;
|
|
145
145
|
}
|
|
146
146
|
function H(e) {
|
|
147
|
-
return
|
|
147
|
+
return ee(B(M - 1, fe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
|
|
148
148
|
}
|
|
149
|
-
function
|
|
149
|
+
function ue(e) {
|
|
150
150
|
for (; (N = R()) && N < 33;) L();
|
|
151
151
|
return V(e) > 2 || V(N) > 3 ? "" : " ";
|
|
152
152
|
}
|
|
153
|
-
function
|
|
153
|
+
function de(e, t) {
|
|
154
154
|
for (; --t && L() && !(N < 48 || N > 102 || N > 57 && N < 65 || N > 70 && N < 97););
|
|
155
155
|
return B(e, z() + (t < 6 && R() == 32 && L() == 32));
|
|
156
156
|
}
|
|
157
|
-
function
|
|
157
|
+
function fe(e) {
|
|
158
158
|
for (; L();) switch (N) {
|
|
159
159
|
case e: return M;
|
|
160
160
|
case 34:
|
|
161
161
|
case 39:
|
|
162
|
-
e !== 34 && e !== 39 &&
|
|
162
|
+
e !== 34 && e !== 39 && fe(N);
|
|
163
163
|
break;
|
|
164
164
|
case 40:
|
|
165
|
-
e === 41 &&
|
|
165
|
+
e === 41 && fe(e);
|
|
166
166
|
break;
|
|
167
167
|
case 92:
|
|
168
168
|
L();
|
|
@@ -170,23 +170,23 @@ function de(e) {
|
|
|
170
170
|
}
|
|
171
171
|
return M;
|
|
172
172
|
}
|
|
173
|
-
function
|
|
173
|
+
function pe(e, t) {
|
|
174
174
|
for (; L() && e + N !== 57 && (e + N !== 84 || R() !== 47););
|
|
175
|
-
return "/*" + B(t, M - 1) + "*" +
|
|
175
|
+
return "/*" + B(t, M - 1) + "*" + S(e === 47 ? e : L());
|
|
176
176
|
}
|
|
177
|
-
function
|
|
177
|
+
function me(e) {
|
|
178
178
|
for (; !V(R());) L();
|
|
179
179
|
return B(e, M);
|
|
180
180
|
}
|
|
181
181
|
//#endregion
|
|
182
182
|
//#region node_modules/stylis/src/Parser.js
|
|
183
|
-
function
|
|
184
|
-
return
|
|
183
|
+
function he(e) {
|
|
184
|
+
return le(U("", null, null, null, [""], e = ce(e), 0, [0], e));
|
|
185
185
|
}
|
|
186
186
|
function U(e, t, n, r, i, a, o, s, c) {
|
|
187
|
-
for (var l = 0, u = 0, d = o, f = 0, p = 0, m = 0, h = 1, g = 1, _ = 1, v = 0, y = "", b = i,
|
|
187
|
+
for (var l = 0, u = 0, d = o, f = 0, p = 0, m = 0, h = 1, g = 1, _ = 1, v = 0, y = "", b = i, x = a, C = r, w = y; g;) switch (m = v, v = L()) {
|
|
188
188
|
case 40: if (m != 108 && E(w, d - 1) == 58) {
|
|
189
|
-
|
|
189
|
+
ne(w += T(H(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
|
|
190
190
|
break;
|
|
191
191
|
}
|
|
192
192
|
case 34:
|
|
@@ -198,16 +198,16 @@ function U(e, t, n, r, i, a, o, s, c) {
|
|
|
198
198
|
case 10:
|
|
199
199
|
case 13:
|
|
200
200
|
case 32:
|
|
201
|
-
w +=
|
|
201
|
+
w += ue(m);
|
|
202
202
|
break;
|
|
203
203
|
case 92:
|
|
204
|
-
w +=
|
|
204
|
+
w += de(z() - 1, 7);
|
|
205
205
|
continue;
|
|
206
206
|
case 47:
|
|
207
207
|
switch (R()) {
|
|
208
208
|
case 42:
|
|
209
209
|
case 47:
|
|
210
|
-
k(
|
|
210
|
+
k(_e(pe(L(), z()), t, n), c);
|
|
211
211
|
break;
|
|
212
212
|
default: w += "/";
|
|
213
213
|
}
|
|
@@ -220,19 +220,19 @@ function U(e, t, n, r, i, a, o, s, c) {
|
|
|
220
220
|
case 0:
|
|
221
221
|
case 125: g = 0;
|
|
222
222
|
case 59 + u:
|
|
223
|
-
_ == -1 && (w = T(w, /\f/g, "")), p > 0 && O(w) - d && k(p > 32 ?
|
|
223
|
+
_ == -1 && (w = T(w, /\f/g, "")), p > 0 && O(w) - d && k(p > 32 ? ve(w + ";", r, n, d - 1) : ve(T(w, " ", "") + ";", r, n, d - 2), c);
|
|
224
224
|
break;
|
|
225
225
|
case 59: w += ";";
|
|
226
|
-
default: if (k(C =
|
|
227
|
-
if (u === 0) U(w, t, C, C, b, a, d, s,
|
|
226
|
+
default: if (k(C = ge(w, t, n, l, u, i, s, y, b = [], x = [], d), a), v === 123) {
|
|
227
|
+
if (u === 0) U(w, t, C, C, b, a, d, s, x);
|
|
228
228
|
else switch (f === 99 && E(w, 3) === 110 ? 100 : f) {
|
|
229
229
|
case 100:
|
|
230
230
|
case 108:
|
|
231
231
|
case 109:
|
|
232
232
|
case 115:
|
|
233
|
-
U(e, C, C, r && k(
|
|
233
|
+
U(e, C, C, r && k(ge(e, C, C, 0, 0, i, s, y, i, b = [], d), x), i, x, d, s, r ? b : x);
|
|
234
234
|
break;
|
|
235
|
-
default: U(w, C, C, C, [""],
|
|
235
|
+
default: U(w, C, C, C, [""], x, 0, s, x);
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
238
|
}
|
|
@@ -242,9 +242,9 @@ function U(e, t, n, r, i, a, o, s, c) {
|
|
|
242
242
|
default:
|
|
243
243
|
if (h < 1) {
|
|
244
244
|
if (v == 123) --h;
|
|
245
|
-
else if (v == 125 && h++ == 0 &&
|
|
245
|
+
else if (v == 125 && h++ == 0 && se() == 125) continue;
|
|
246
246
|
}
|
|
247
|
-
switch (w +=
|
|
247
|
+
switch (w += S(v), v * h) {
|
|
248
248
|
case 38:
|
|
249
249
|
_ = u > 0 ? 1 : (w += "\f", -1);
|
|
250
250
|
break;
|
|
@@ -252,57 +252,57 @@ function U(e, t, n, r, i, a, o, s, c) {
|
|
|
252
252
|
s[l++] = (O(w) - 1) * _, _ = 1;
|
|
253
253
|
break;
|
|
254
254
|
case 64:
|
|
255
|
-
R() === 45 && (w += H(L())), f = R(), u = d = O(y = w +=
|
|
255
|
+
R() === 45 && (w += H(L())), f = R(), u = d = O(y = w += me(z())), v++;
|
|
256
256
|
break;
|
|
257
257
|
case 45: m === 45 && O(w) == 2 && (h = 0);
|
|
258
258
|
}
|
|
259
259
|
}
|
|
260
260
|
return a;
|
|
261
261
|
}
|
|
262
|
-
function
|
|
263
|
-
for (var d = i - 1, f = i === 0 ? a : [""], p =
|
|
264
|
-
return F(e, t, n, i === 0 ?
|
|
262
|
+
function ge(e, t, n, r, i, a, o, s, c, l, u) {
|
|
263
|
+
for (var d = i - 1, f = i === 0 ? a : [""], p = re(f), m = 0, h = 0, _ = 0; m < r; ++m) for (var v = 0, y = D(e, d + 1, d = x(h = o[m])), b = e; v < p; ++v) (b = ee(h > 0 ? f[v] + " " + y : T(y, /&\f/g, f[v]))) && (c[_++] = b);
|
|
264
|
+
return F(e, t, n, i === 0 ? g : s, c, l, u);
|
|
265
265
|
}
|
|
266
|
-
function
|
|
267
|
-
return F(e, t, n,
|
|
266
|
+
function _e(e, t, n) {
|
|
267
|
+
return F(e, t, n, h, S(oe()), D(e, 2, -2), 0);
|
|
268
268
|
}
|
|
269
|
-
function
|
|
270
|
-
return F(e, t, n,
|
|
269
|
+
function ve(e, t, n, r) {
|
|
270
|
+
return F(e, t, n, _, D(e, 0, r), D(e, r + 1, -1), r);
|
|
271
271
|
}
|
|
272
272
|
//#endregion
|
|
273
273
|
//#region node_modules/stylis/src/Serializer.js
|
|
274
274
|
function W(e, t) {
|
|
275
|
-
for (var n = "", r =
|
|
275
|
+
for (var n = "", r = re(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
|
|
276
276
|
return n;
|
|
277
277
|
}
|
|
278
|
-
function
|
|
278
|
+
function ye(e, t, n, r) {
|
|
279
279
|
switch (e.type) {
|
|
280
|
-
case
|
|
281
|
-
case
|
|
282
|
-
case
|
|
283
|
-
case
|
|
284
|
-
case
|
|
285
|
-
case
|
|
280
|
+
case b: if (e.children.length) break;
|
|
281
|
+
case v:
|
|
282
|
+
case _: return e.return = e.return || e.value;
|
|
283
|
+
case h: return "";
|
|
284
|
+
case y: return e.return = e.value + "{" + W(e.children, r) + "}";
|
|
285
|
+
case g: e.value = e.props.join(",");
|
|
286
286
|
}
|
|
287
287
|
return O(n = W(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
|
|
288
288
|
}
|
|
289
289
|
//#endregion
|
|
290
290
|
//#region node_modules/stylis/src/Middleware.js
|
|
291
|
-
function
|
|
292
|
-
var t =
|
|
291
|
+
function be(e) {
|
|
292
|
+
var t = re(e);
|
|
293
293
|
return function(n, r, i, a) {
|
|
294
294
|
for (var o = "", s = 0; s < t; s++) o += e[s](n, r, i, a) || "";
|
|
295
295
|
return o;
|
|
296
296
|
};
|
|
297
297
|
}
|
|
298
|
-
function
|
|
298
|
+
function xe(e) {
|
|
299
299
|
return function(t) {
|
|
300
300
|
t.root || (t = t.return) && e(t);
|
|
301
301
|
};
|
|
302
302
|
}
|
|
303
303
|
//#endregion
|
|
304
304
|
//#region node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
|
|
305
|
-
function
|
|
305
|
+
function Se(e) {
|
|
306
306
|
var t = Object.create(null);
|
|
307
307
|
return function(n) {
|
|
308
308
|
return t[n] === void 0 && (t[n] = e(n)), t[n];
|
|
@@ -310,15 +310,15 @@ function xe(e) {
|
|
|
310
310
|
}
|
|
311
311
|
//#endregion
|
|
312
312
|
//#region node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js
|
|
313
|
-
var
|
|
313
|
+
var Ce = function(e, t, n) {
|
|
314
314
|
for (var r = 0, i = 0; r = i, i = R(), r === 38 && i === 12 && (t[n] = 1), !V(i);) L();
|
|
315
315
|
return B(e, M);
|
|
316
|
-
},
|
|
316
|
+
}, we = function(e, t) {
|
|
317
317
|
var n = -1, r = 44;
|
|
318
318
|
do
|
|
319
319
|
switch (V(r)) {
|
|
320
320
|
case 0:
|
|
321
|
-
r === 38 && R() === 12 && (t[n] = 1), e[n] +=
|
|
321
|
+
r === 38 && R() === 12 && (t[n] = 1), e[n] += Ce(M - 1, t, n);
|
|
322
322
|
break;
|
|
323
323
|
case 2:
|
|
324
324
|
e[n] += H(r);
|
|
@@ -327,29 +327,29 @@ var Se = function(e, t, n) {
|
|
|
327
327
|
e[++n] = R() === 58 ? "&\f" : "", t[n] = e[n].length;
|
|
328
328
|
break;
|
|
329
329
|
}
|
|
330
|
-
default: e[n] +=
|
|
330
|
+
default: e[n] += S(r);
|
|
331
331
|
}
|
|
332
332
|
while (r = L());
|
|
333
333
|
return e;
|
|
334
|
-
},
|
|
335
|
-
return
|
|
336
|
-
},
|
|
334
|
+
}, Te = function(e, t) {
|
|
335
|
+
return le(we(ce(e), t));
|
|
336
|
+
}, Ee = /* #__PURE__ */ new WeakMap(), De = function(e) {
|
|
337
337
|
if (!(e.type !== "rule" || !e.parent || e.length < 1)) {
|
|
338
338
|
for (var t = e.value, n = e.parent, r = e.column === n.column && e.line === n.line; n.type !== "rule";) if (n = n.parent, !n) return;
|
|
339
|
-
if (!(e.props.length === 1 && t.charCodeAt(0) !== 58 && !
|
|
340
|
-
|
|
341
|
-
for (var i = [], a =
|
|
339
|
+
if (!(e.props.length === 1 && t.charCodeAt(0) !== 58 && !Ee.get(n)) && !r) {
|
|
340
|
+
Ee.set(e, !0);
|
|
341
|
+
for (var i = [], a = Te(t, i), o = n.props, s = 0, c = 0; s < a.length; s++) for (var l = 0; l < o.length; l++, c++) e.props[c] = i[s] ? a[s].replace(/&\f/g, o[l]) : o[l] + " " + a[s];
|
|
342
342
|
}
|
|
343
343
|
}
|
|
344
|
-
},
|
|
344
|
+
}, Oe = function(e) {
|
|
345
345
|
if (e.type === "decl") {
|
|
346
346
|
var t = e.value;
|
|
347
347
|
t.charCodeAt(0) === 108 && t.charCodeAt(2) === 98 && (e.return = "", e.value = "");
|
|
348
348
|
}
|
|
349
349
|
};
|
|
350
|
-
function
|
|
351
|
-
switch (
|
|
352
|
-
case 5103: return
|
|
350
|
+
function ke(e, t) {
|
|
351
|
+
switch (w(e, t)) {
|
|
352
|
+
case 5103: return m + "print-" + e + e;
|
|
353
353
|
case 5737:
|
|
354
354
|
case 4201:
|
|
355
355
|
case 3177:
|
|
@@ -374,30 +374,30 @@ function Oe(e, t) {
|
|
|
374
374
|
case 5109:
|
|
375
375
|
case 5365:
|
|
376
376
|
case 5621:
|
|
377
|
-
case 3829: return
|
|
377
|
+
case 3829: return m + e + e;
|
|
378
378
|
case 5349:
|
|
379
379
|
case 4246:
|
|
380
380
|
case 4810:
|
|
381
381
|
case 6968:
|
|
382
|
-
case 2756: return
|
|
382
|
+
case 2756: return m + e + p + e + f + e + e;
|
|
383
383
|
case 6828:
|
|
384
|
-
case 4268: return
|
|
385
|
-
case 6165: return
|
|
386
|
-
case 5187: return
|
|
387
|
-
case 5443: return
|
|
388
|
-
case 4675: return
|
|
389
|
-
case 5548: return
|
|
390
|
-
case 5292: return
|
|
391
|
-
case 6060: return
|
|
392
|
-
case 4554: return
|
|
393
|
-
case 6187: return T(T(T(e, /(zoom-|grab)/,
|
|
384
|
+
case 4268: return m + e + f + e + e;
|
|
385
|
+
case 6165: return m + e + f + "flex-" + e + e;
|
|
386
|
+
case 5187: return m + e + T(e, /(\w+).+(:[^]+)/, m + "box-$1$2" + f + "flex-$1$2") + e;
|
|
387
|
+
case 5443: return m + e + f + "flex-item-" + T(e, /flex-|-self/, "") + e;
|
|
388
|
+
case 4675: return m + e + f + "flex-line-pack" + T(e, /align-content|flex-|-self/, "") + e;
|
|
389
|
+
case 5548: return m + e + f + T(e, "shrink", "negative") + e;
|
|
390
|
+
case 5292: return m + e + f + T(e, "basis", "preferred-size") + e;
|
|
391
|
+
case 6060: return m + "box-" + T(e, "-grow", "") + m + e + f + T(e, "grow", "positive") + e;
|
|
392
|
+
case 4554: return m + T(e, /([^-])(transform)/g, "$1" + m + "$2") + e;
|
|
393
|
+
case 6187: return T(T(T(e, /(zoom-|grab)/, m + "$1"), /(image-set)/, m + "$1"), e, "") + e;
|
|
394
394
|
case 5495:
|
|
395
|
-
case 3959: return T(e, /(image-set\([^]*)/,
|
|
396
|
-
case 4968: return T(T(e, /(.+:)(flex-)?(.*)/,
|
|
395
|
+
case 3959: return T(e, /(image-set\([^]*)/, m + "$1$`$1");
|
|
396
|
+
case 4968: return T(T(e, /(.+:)(flex-)?(.*)/, m + "box-pack:$3" + f + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + m + e + e;
|
|
397
397
|
case 4095:
|
|
398
398
|
case 3583:
|
|
399
399
|
case 4068:
|
|
400
|
-
case 2532: return T(e, /(.+)-inline(.+)/,
|
|
400
|
+
case 2532: return T(e, /(.+)-inline(.+)/, m + "$1$2") + e;
|
|
401
401
|
case 8116:
|
|
402
402
|
case 7059:
|
|
403
403
|
case 5753:
|
|
@@ -412,47 +412,47 @@ function Oe(e, t) {
|
|
|
412
412
|
case 4765:
|
|
413
413
|
if (O(e) - 1 - t > 6) switch (E(e, t + 1)) {
|
|
414
414
|
case 109: if (E(e, t + 4) !== 45) break;
|
|
415
|
-
case 102: return T(e, /(.+:)(.+)-([^]+)/, "$1" +
|
|
416
|
-
case 115: return ~
|
|
415
|
+
case 102: return T(e, /(.+:)(.+)-([^]+)/, "$1" + m + "$2-$3$1" + p + (E(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
|
|
416
|
+
case 115: return ~ne(e, "stretch") ? ke(T(e, "stretch", "fill-available"), t) + e : e;
|
|
417
417
|
}
|
|
418
418
|
break;
|
|
419
419
|
case 4949: if (E(e, t + 1) !== 115) break;
|
|
420
420
|
case 6444:
|
|
421
|
-
switch (E(e, O(e) - 3 - (~
|
|
422
|
-
case 107: return T(e, ":", ":" +
|
|
423
|
-
case 101: return T(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" +
|
|
421
|
+
switch (E(e, O(e) - 3 - (~ne(e, "!important") && 10))) {
|
|
422
|
+
case 107: return T(e, ":", ":" + m) + e;
|
|
423
|
+
case 101: return T(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + m + (E(e, 14) === 45 ? "inline-" : "") + "box$3$1" + m + "$2$3$1" + f + "$2box$3") + e;
|
|
424
424
|
}
|
|
425
425
|
break;
|
|
426
426
|
case 5936:
|
|
427
427
|
switch (E(e, t + 11)) {
|
|
428
|
-
case 114: return
|
|
429
|
-
case 108: return
|
|
430
|
-
case 45: return
|
|
428
|
+
case 114: return m + e + f + T(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
|
|
429
|
+
case 108: return m + e + f + T(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
|
|
430
|
+
case 45: return m + e + f + T(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
|
|
431
431
|
}
|
|
432
|
-
return
|
|
432
|
+
return m + e + f + e + e;
|
|
433
433
|
}
|
|
434
434
|
return e;
|
|
435
435
|
}
|
|
436
|
-
var
|
|
436
|
+
var Ae = [function(e, t, n, r) {
|
|
437
437
|
if (e.length > -1 && !e.return) switch (e.type) {
|
|
438
|
-
case
|
|
439
|
-
e.return =
|
|
438
|
+
case _:
|
|
439
|
+
e.return = ke(e.value, e.length);
|
|
440
440
|
break;
|
|
441
|
-
case
|
|
442
|
-
case
|
|
443
|
-
switch (
|
|
441
|
+
case y: return W([I(e, { value: T(e.value, "@", "@" + m) })], r);
|
|
442
|
+
case g: if (e.length) return ie(e.props, function(t) {
|
|
443
|
+
switch (te(t, /(::plac\w+|:read-\w+)/)) {
|
|
444
444
|
case ":read-only":
|
|
445
|
-
case ":read-write": return W([I(e, { props: [T(t, /:(read-\w+)/, ":" +
|
|
445
|
+
case ":read-write": return W([I(e, { props: [T(t, /:(read-\w+)/, ":" + p + "$1")] })], r);
|
|
446
446
|
case "::placeholder": return W([
|
|
447
|
-
I(e, { props: [T(t, /:(plac\w+)/, ":" +
|
|
448
|
-
I(e, { props: [T(t, /:(plac\w+)/, ":" +
|
|
449
|
-
I(e, { props: [T(t, /:(plac\w+)/,
|
|
447
|
+
I(e, { props: [T(t, /:(plac\w+)/, ":" + m + "input-$1")] }),
|
|
448
|
+
I(e, { props: [T(t, /:(plac\w+)/, ":" + p + "$1")] }),
|
|
449
|
+
I(e, { props: [T(t, /:(plac\w+)/, f + "input-$1")] })
|
|
450
450
|
], r);
|
|
451
451
|
}
|
|
452
452
|
return "";
|
|
453
453
|
});
|
|
454
454
|
}
|
|
455
|
-
}],
|
|
455
|
+
}], je = function(e) {
|
|
456
456
|
var t = e.key;
|
|
457
457
|
if (t === "css") {
|
|
458
458
|
var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
|
|
@@ -460,22 +460,22 @@ var ke = [function(e, t, n, r) {
|
|
|
460
460
|
e.getAttribute("data-emotion").indexOf(" ") !== -1 && (document.head.appendChild(e), e.setAttribute("data-s", ""));
|
|
461
461
|
});
|
|
462
462
|
}
|
|
463
|
-
var r = e.stylisPlugins ||
|
|
463
|
+
var r = e.stylisPlugins || Ae, i = {}, a, o = [];
|
|
464
464
|
a = e.container || document.head, Array.prototype.forEach.call(document.querySelectorAll("style[data-emotion^=\"" + t + " \"]"), function(e) {
|
|
465
465
|
for (var t = e.getAttribute("data-emotion").split(" "), n = 1; n < t.length; n++) i[t[n]] = !0;
|
|
466
466
|
o.push(e);
|
|
467
467
|
});
|
|
468
|
-
var s, c = [
|
|
468
|
+
var s, c = [De, Oe], l, u = [ye, xe(function(e) {
|
|
469
469
|
l.insert(e);
|
|
470
|
-
})], f =
|
|
471
|
-
return W(
|
|
470
|
+
})], f = be(c.concat(r, u)), p = function(e) {
|
|
471
|
+
return W(he(e), f);
|
|
472
472
|
};
|
|
473
473
|
s = function(e, t, n, r) {
|
|
474
474
|
l = n, p(e ? e + "{" + t.styles + "}" : t.styles), r && (m.inserted[t.name] = !0);
|
|
475
475
|
};
|
|
476
476
|
var m = {
|
|
477
477
|
key: t,
|
|
478
|
-
sheet: new
|
|
478
|
+
sheet: new d({
|
|
479
479
|
key: t,
|
|
480
480
|
container: a,
|
|
481
481
|
nonce: e.nonce,
|
|
@@ -492,7 +492,7 @@ var ke = [function(e, t, n, r) {
|
|
|
492
492
|
};
|
|
493
493
|
//#endregion
|
|
494
494
|
//#region node_modules/@emotion/hash/dist/emotion-hash.esm.js
|
|
495
|
-
function
|
|
495
|
+
function Me(e) {
|
|
496
496
|
for (var t = 0, n, r = 0, i = e.length; i >= 4; ++r, i -= 4) n = e.charCodeAt(r) & 255 | (e.charCodeAt(++r) & 255) << 8 | (e.charCodeAt(++r) & 255) << 16 | (e.charCodeAt(++r) & 255) << 24, n = (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= n >>> 24, t = (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16) ^ (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
|
|
497
497
|
switch (i) {
|
|
498
498
|
case 3: t ^= (e.charCodeAt(r + 2) & 255) << 16;
|
|
@@ -503,7 +503,7 @@ function je(e) {
|
|
|
503
503
|
}
|
|
504
504
|
//#endregion
|
|
505
505
|
//#region node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
|
|
506
|
-
var
|
|
506
|
+
var Ne = {
|
|
507
507
|
animationIterationCount: 1,
|
|
508
508
|
aspectRatio: 1,
|
|
509
509
|
borderImageOutset: 1,
|
|
@@ -551,16 +551,16 @@ var Me = {
|
|
|
551
551
|
strokeMiterlimit: 1,
|
|
552
552
|
strokeOpacity: 1,
|
|
553
553
|
strokeWidth: 1
|
|
554
|
-
},
|
|
554
|
+
}, Pe = /[A-Z]|^ms/g, Fe = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Ie = function(e) {
|
|
555
555
|
return e.charCodeAt(1) === 45;
|
|
556
|
-
},
|
|
556
|
+
}, Le = function(e) {
|
|
557
557
|
return e != null && typeof e != "boolean";
|
|
558
|
-
},
|
|
559
|
-
return
|
|
560
|
-
}),
|
|
558
|
+
}, Re = /* #__PURE__ */ Se(function(e) {
|
|
559
|
+
return Ie(e) ? e : e.replace(Pe, "-$&").toLowerCase();
|
|
560
|
+
}), ze = function(e, t) {
|
|
561
561
|
switch (e) {
|
|
562
562
|
case "animation":
|
|
563
|
-
case "animationName": if (typeof t == "string") return t.replace(
|
|
563
|
+
case "animationName": if (typeof t == "string") return t.replace(Fe, function(e, t, n) {
|
|
564
564
|
return K = {
|
|
565
565
|
name: t,
|
|
566
566
|
styles: n,
|
|
@@ -568,7 +568,7 @@ var Me = {
|
|
|
568
568
|
}, t;
|
|
569
569
|
});
|
|
570
570
|
}
|
|
571
|
-
return
|
|
571
|
+
return Ne[e] !== 1 && !Ie(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
|
|
572
572
|
};
|
|
573
573
|
function G(e, t, n) {
|
|
574
574
|
if (n == null) return "";
|
|
@@ -593,7 +593,7 @@ function G(e, t, n) {
|
|
|
593
593
|
}, o = o.next;
|
|
594
594
|
return a.styles + ";";
|
|
595
595
|
}
|
|
596
|
-
return
|
|
596
|
+
return Be(e, t, n);
|
|
597
597
|
case "function": if (e !== void 0) {
|
|
598
598
|
var s = K, c = n(e);
|
|
599
599
|
return K = s, G(e, t, c);
|
|
@@ -604,21 +604,21 @@ function G(e, t, n) {
|
|
|
604
604
|
var u = t[l];
|
|
605
605
|
return u === void 0 ? l : u;
|
|
606
606
|
}
|
|
607
|
-
function
|
|
607
|
+
function Be(e, t, n) {
|
|
608
608
|
var r = "";
|
|
609
609
|
if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += G(e, t, n[i]) + ";";
|
|
610
610
|
else for (var a in n) {
|
|
611
611
|
var o = n[a];
|
|
612
612
|
if (typeof o != "object") {
|
|
613
613
|
var s = o;
|
|
614
|
-
t != null && t[s] !== void 0 ? r += a + "{" + t[s] + "}" :
|
|
615
|
-
} else if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0)) for (var c = 0; c < o.length; c++)
|
|
614
|
+
t != null && t[s] !== void 0 ? r += a + "{" + t[s] + "}" : Le(s) && (r += Re(a) + ":" + ze(a, s) + ";");
|
|
615
|
+
} else if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0)) for (var c = 0; c < o.length; c++) Le(o[c]) && (r += Re(a) + ":" + ze(a, o[c]) + ";");
|
|
616
616
|
else {
|
|
617
617
|
var l = G(e, t, o);
|
|
618
618
|
switch (a) {
|
|
619
619
|
case "animation":
|
|
620
620
|
case "animationName":
|
|
621
|
-
r +=
|
|
621
|
+
r += Re(a) + ":" + l + ";";
|
|
622
622
|
break;
|
|
623
623
|
default: r += a + "{" + l + "}";
|
|
624
624
|
}
|
|
@@ -626,35 +626,35 @@ function ze(e, t, n) {
|
|
|
626
626
|
}
|
|
627
627
|
return r;
|
|
628
628
|
}
|
|
629
|
-
var
|
|
630
|
-
function
|
|
629
|
+
var Ve = /label:\s*([^\s;{]+)\s*(;|$)/g, K;
|
|
630
|
+
function He(e, t, n) {
|
|
631
631
|
if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0) return e[0];
|
|
632
632
|
var r = !0, i = "";
|
|
633
633
|
K = void 0;
|
|
634
634
|
var a = e[0];
|
|
635
635
|
a == null || a.raw === void 0 ? (r = !1, i += G(n, t, a)) : i += a[0];
|
|
636
636
|
for (var o = 1; o < e.length; o++) i += G(n, t, e[o]), r && (i += a[o]);
|
|
637
|
-
|
|
638
|
-
for (var s = "", c; (c =
|
|
637
|
+
Ve.lastIndex = 0;
|
|
638
|
+
for (var s = "", c; (c = Ve.exec(i)) !== null;) s += "-" + c[1];
|
|
639
639
|
return {
|
|
640
|
-
name:
|
|
640
|
+
name: Me(i) + s,
|
|
641
641
|
styles: i,
|
|
642
642
|
next: K
|
|
643
643
|
};
|
|
644
644
|
}
|
|
645
645
|
//#endregion
|
|
646
646
|
//#region node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
|
|
647
|
-
function
|
|
647
|
+
function Ue(e, t, n) {
|
|
648
648
|
var r = "";
|
|
649
649
|
return n.split(" ").forEach(function(n) {
|
|
650
650
|
e[n] === void 0 ? n && (r += n + " ") : t.push(e[n] + ";");
|
|
651
651
|
}), r;
|
|
652
652
|
}
|
|
653
|
-
var
|
|
653
|
+
var We = function(e, t, n) {
|
|
654
654
|
var r = e.key + "-" + t.name;
|
|
655
655
|
n === !1 && e.registered[r] === void 0 && (e.registered[r] = t.styles);
|
|
656
|
-
},
|
|
657
|
-
|
|
656
|
+
}, Ge = function(e, t, n) {
|
|
657
|
+
We(e, t, n);
|
|
658
658
|
var r = e.key + "-" + t.name;
|
|
659
659
|
if (e.inserted[t.name] === void 0) {
|
|
660
660
|
var i = t;
|
|
@@ -665,34 +665,34 @@ var Ue = function(e, t, n) {
|
|
|
665
665
|
};
|
|
666
666
|
//#endregion
|
|
667
667
|
//#region node_modules/@emotion/css/create-instance/dist/emotion-css-create-instance.esm.js
|
|
668
|
-
function
|
|
668
|
+
function Ke(e, t) {
|
|
669
669
|
if (e.inserted[t.name] === void 0) return e.insert("", t, e.sheet, !0);
|
|
670
670
|
}
|
|
671
|
-
function
|
|
672
|
-
var r = [], i =
|
|
671
|
+
function qe(e, t, n) {
|
|
672
|
+
var r = [], i = Ue(e, r, n);
|
|
673
673
|
return r.length < 2 ? n : i + t(r);
|
|
674
674
|
}
|
|
675
|
-
var
|
|
676
|
-
var t =
|
|
675
|
+
var Je = function(e) {
|
|
676
|
+
var t = je(e);
|
|
677
677
|
t.sheet.speedy = function(e) {
|
|
678
678
|
this.isSpeedy = e;
|
|
679
679
|
}, t.compat = !0;
|
|
680
680
|
var n = function() {
|
|
681
|
-
var e =
|
|
682
|
-
return
|
|
681
|
+
var e = He([...arguments], t.registered, void 0);
|
|
682
|
+
return Ge(t, e, !1), t.key + "-" + e.name;
|
|
683
683
|
};
|
|
684
684
|
return {
|
|
685
685
|
css: n,
|
|
686
686
|
cx: function() {
|
|
687
687
|
var e = [...arguments];
|
|
688
|
-
return
|
|
688
|
+
return qe(t.registered, n, Ye(e));
|
|
689
689
|
},
|
|
690
690
|
injectGlobal: function() {
|
|
691
|
-
|
|
691
|
+
Ke(t, He([...arguments], t.registered));
|
|
692
692
|
},
|
|
693
693
|
keyframes: function() {
|
|
694
|
-
var e =
|
|
695
|
-
return
|
|
694
|
+
var e = He([...arguments], t.registered), n = "animation-" + e.name;
|
|
695
|
+
return Ke(t, {
|
|
696
696
|
name: e.name,
|
|
697
697
|
styles: "@keyframes " + n + "{" + e.styles + "}"
|
|
698
698
|
}), n;
|
|
@@ -707,10 +707,10 @@ var qe = function(e) {
|
|
|
707
707
|
},
|
|
708
708
|
sheet: t.sheet,
|
|
709
709
|
cache: t,
|
|
710
|
-
getRegisteredStyles:
|
|
711
|
-
merge:
|
|
710
|
+
getRegisteredStyles: Ue.bind(null, t.registered),
|
|
711
|
+
merge: qe.bind(null, t.registered, n)
|
|
712
712
|
};
|
|
713
|
-
},
|
|
713
|
+
}, Ye = function e(t) {
|
|
714
714
|
for (var n = "", r = 0; r < t.length; r++) {
|
|
715
715
|
var i = t[r];
|
|
716
716
|
if (i != null) {
|
|
@@ -727,15 +727,15 @@ var qe = function(e) {
|
|
|
727
727
|
}
|
|
728
728
|
}
|
|
729
729
|
return n;
|
|
730
|
-
}, q =
|
|
730
|
+
}, q = Je({ key: "css" });
|
|
731
731
|
q.flush, q.hydrate;
|
|
732
732
|
var J = q.cx;
|
|
733
733
|
q.merge, q.getRegisteredStyles;
|
|
734
|
-
var
|
|
734
|
+
var Xe = q.injectGlobal, Ze = q.keyframes, Y = q.css;
|
|
735
735
|
q.sheet, q.cache;
|
|
736
736
|
//#endregion
|
|
737
737
|
//#region \0virtual:svg-sprite
|
|
738
|
-
var
|
|
738
|
+
var Qe = "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"position:absolute;width:0;height:0;\" id=\"svg-sprite\"><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-bars-corner\" viewBox=\"0 0 24 24\"><path d=\"M7 15v1a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1\"/><path d=\"M7 8v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1\"/><path d=\"M3 3v10c0 3.771 0 5.657 1.172 6.828S7.229 21 11 21h10\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-check\" viewBox=\"0 0 24 24\"><path d=\"m5 13.26 2.586 2.697C8.252 16.652 8.586 17 9 17s.748-.348 1.414-1.043L19 7\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-down\" viewBox=\"0 0 24 24\"><path d=\"M18 9s-4.419 6-6 6-6-6-6-6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-exclamation-triangle\" viewBox=\"0 0 24 24\"><path d=\"M13.925 21h-3.85c-4.63 0-6.945 0-7.799-1.506-.853-1.506.331-3.503 2.7-7.495L6.9 8.753C9.176 4.918 10.313 3 12 3s2.824 1.918 5.1 5.753L19.023 12c2.369 3.992 3.553 5.989 2.7 7.495C20.87 21 18.555 21 13.924 21\"/><path d=\"M12 9v4\"/><path d=\"M12.125 16.75H12m.25 0a.25.25 0 1 1-.5 0 .25.25 0 0 1 .5 0\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-eye-close\" viewBox=\"0 0 24 24\"><path d=\"M22 8c-2.202 3.023-5.86 5-10 5S4.202 11.023 2 8\"/><path d=\"m15 13 1.5 3\"/><path d=\"m20 11 2 2.5\"/><path d=\"M2 13.5 4 11\"/><path d=\"m9 13-1.5 3\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-home\" viewBox=\"0 0 24 24\"><path d=\"M3 11.99v2.51c0 3.3 0 4.95 1.025 5.975S6.7 21.5 10 21.5h4c3.3 0 4.95 0 5.975-1.025S21 17.8 21 14.5v-2.51c0-1.682 0-2.522-.356-3.25s-1.02-1.244-2.346-2.276l-2-1.555C14.233 3.303 13.2 2.5 12 2.5s-2.233.803-4.298 2.409l-2 1.555C4.375 7.496 3.712 8.012 3.356 8.74S3 10.308 3 11.99\"/><path d=\"M15 17c-.8.622-1.85 1-3 1s-2.2-.378-3-1\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-hourglass\" viewBox=\"0 0 24 24\"><path d=\"M4 3h16\"/><path d=\"M5.5 3v2.03A4 4 0 0 0 7.061 8.2L12 12l4.939-3.8A4 4 0 0 0 18.5 5.03V3\"/><path d=\"M5.5 21v-2.03a4 4 0 0 1 1.561-3.17L12 12l4.939 3.8a4 4 0 0 1 1.561 3.17V21\"/><path d=\"M4 21h16\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-menu\" viewBox=\"0 0 24 24\"><path d=\"M4 9h16\"/><path d=\"M4 15h10\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-plus\" viewBox=\"0 0 24 24\"><path d=\"M11.992 4v16m8-8h-16\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-x\" viewBox=\"0 0 24 24\"><path d=\"m18 6-6 6m0 0-6 6m6-6 6 6m-6-6L6 6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-trash\" viewBox=\"0 0 24 24\"><path d=\"m19.5 5.5-.62 10.025c-.158 2.561-.237 3.842-.88 4.763a4 4 0 0 1-1.2 1.128c-.957.584-2.24.584-4.806.584-2.57 0-3.855 0-4.814-.585a4 4 0 0 1-1.2-1.13c-.642-.922-.72-2.205-.874-4.77L4.5 5.5\"/><path d=\"M3 5.5h18m-4.944 0-.683-1.408c-.453-.936-.68-1.403-1.071-1.695a2 2 0 0 0-.275-.172C13.594 2 13.074 2 12.035 2c-1.066 0-1.599 0-2.04.234a2 2 0 0 0-.278.18c-.395.303-.616.788-1.058 1.757L8.053 5.5\"/><path d=\"M9.5 16.5v-6\"/><path d=\"M14.5 16.5v-6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-award\" viewBox=\"0 0 24 24\"><path d=\"M9.426 3.063C10.684 2.354 11.312 2 12 2s1.316.354 2.574 1.063l1.75.986c1.305.735 1.958 1.103 2.317 1.718S19 7.132 19 8.632v1.736c0 1.5 0 2.25-.36 2.865-.358.615-1.01.983-2.316 1.718l-1.75.986C13.316 16.646 12.688 17 12 17s-1.316-.354-2.574-1.063l-1.75-.986c-1.305-.735-1.958-1.103-2.317-1.718S5 11.868 5 10.368V8.632c0-1.5 0-2.25.36-2.865.358-.615 1.01-.983 2.316-1.718z\"/><path stroke-linecap=\"round\" d=\"m16.883 15 .67 3.21c.43 2.062.646 3.093.203 3.582-.442.489-1.21.069-2.746-.772l-2.274-1.245c-.363-.198-.544-.298-.736-.298s-.373.1-.736.298L8.99 21.02c-1.536.84-2.304 1.261-2.746.772s-.227-1.52.203-3.582l.67-3.21\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-list-play\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M3 5h18\"/><path stroke-linecap=\"round\" d=\"M3 12h6\"/><path d=\"M20.945 15.451c-.176.716-1.012 1.223-2.682 2.235-1.615.979-2.422 1.468-3.073 1.271a1.6 1.6 0 0 1-.712-.448C14 17.994 14 16.996 14 15s0-2.994.478-3.509c.198-.212.443-.367.712-.448.65-.197 1.458.293 3.073 1.271 1.67 1.012 2.506 1.518 2.682 2.235a1.9 1.9 0 0 1 0 .902Z\"/><path stroke-linecap=\"round\" d=\"M3 19h6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-play\" viewBox=\"0 0 24 24\"><path d=\"M18.89 12.846c-.353 1.343-2.023 2.292-5.364 4.19-3.23 1.835-4.845 2.752-6.146 2.384a3.25 3.25 0 0 1-1.424-.841C5 17.614 5 15.743 5 12s0-5.614.956-6.579a3.25 3.25 0 0 1 1.424-.84c1.301-.37 2.916.548 6.146 2.383 3.34 1.898 5.011 2.847 5.365 4.19a3.3 3.3 0 0 1 0 1.692Z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-eye\" viewBox=\"0 0 24 24\"><path d=\"M21.544 11.045c.304.426.456.64.456.955 0 .316-.152.529-.456.955C20.178 14.871 16.689 19 12 19c-4.69 0-8.178-4.13-9.544-6.045C2.152 12.529 2 12.315 2 12c0-.316.152-.529.456-.955C3.822 9.129 7.311 5 12 5c4.69 0 8.178 4.13 9.544 6.045Z\"/><path d=\"M15 12a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-sliders\" viewBox=\"0 0 24 24\"><path stroke-linejoin=\"round\" d=\"M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12Z\"/><path d=\"M8.5 10a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z\"/><path d=\"M15.5 17a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\"/><path stroke-linecap=\"round\" d=\"M10 8.5h7\"/><path stroke-linecap=\"round\" d=\"M14 15.5H7\"/></symbol></svg>", $e = !1, et = new URL("./assets/manrope.woff2", import.meta.url).href ?? "/fonts/manrope.woff2", X = {
|
|
739
739
|
fontFamily: "Manrope",
|
|
740
740
|
zIndex: {
|
|
741
741
|
front: 1,
|
|
@@ -772,10 +772,10 @@ var Ze = "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"position:absolute;wi
|
|
|
772
772
|
stretch: "\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n "
|
|
773
773
|
},
|
|
774
774
|
load() {
|
|
775
|
-
|
|
775
|
+
$e || typeof document > "u" || (Xe(`
|
|
776
776
|
@font-face {
|
|
777
777
|
font-family: 'Manrope';
|
|
778
|
-
src: url('${
|
|
778
|
+
src: url('${et}') format('woff2');
|
|
779
779
|
font-weight: 100 900;
|
|
780
780
|
font-style: normal;
|
|
781
781
|
font-display: swap;
|
|
@@ -857,22 +857,22 @@ var Ze = "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"position:absolute;wi
|
|
|
857
857
|
|
|
858
858
|
[is-loading] { cursor: default !important; }
|
|
859
859
|
[is-clickable] { cursor: pointer; }
|
|
860
|
-
`), !(document.getElementById("svg-sprite") || !document.body) && (document.body.insertAdjacentHTML("afterbegin",
|
|
860
|
+
`), !(document.getElementById("svg-sprite") || !document.body) && (document.body.insertAdjacentHTML("afterbegin", Qe), $e = !0));
|
|
861
861
|
}
|
|
862
862
|
};
|
|
863
863
|
//#endregion
|
|
864
864
|
//#region src/components/_app-wrapper.jsx
|
|
865
|
-
function
|
|
866
|
-
return /* @__PURE__ */ o
|
|
867
|
-
className:
|
|
868
|
-
children: /* @__PURE__ */
|
|
869
|
-
className:
|
|
865
|
+
function tt({ maxWidth: e = "67.5rem", children: t }) {
|
|
866
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
867
|
+
className: nt.base,
|
|
868
|
+
children: /* @__PURE__ */ s("div", {
|
|
869
|
+
className: nt.inner,
|
|
870
870
|
style: { maxWidth: e },
|
|
871
871
|
children: t
|
|
872
872
|
})
|
|
873
873
|
}) });
|
|
874
874
|
}
|
|
875
|
-
var
|
|
875
|
+
var nt = {
|
|
876
876
|
base: Y`
|
|
877
877
|
// The template is stretched over the entire viewport, and the vertical
|
|
878
878
|
// scrollbar is enabled manually.
|
|
@@ -891,14 +891,14 @@ var tt = {
|
|
|
891
891
|
padding: 8rem 0;
|
|
892
892
|
margin: 0 auto;
|
|
893
893
|
`
|
|
894
|
-
},
|
|
895
|
-
className:
|
|
894
|
+
}, rt = ({ type: e = "normal", width: t = "100%", value: n = 0 }) => /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
895
|
+
className: it.base,
|
|
896
896
|
style: { width: t },
|
|
897
|
-
children: /* @__PURE__ */
|
|
898
|
-
className: J(
|
|
897
|
+
children: /* @__PURE__ */ s("div", {
|
|
898
|
+
className: J(it.value, it[e] ?? it.normal),
|
|
899
899
|
style: { width: `${n}%` }
|
|
900
900
|
})
|
|
901
|
-
}) }),
|
|
901
|
+
}) }), it = {
|
|
902
902
|
base: Y`
|
|
903
903
|
position: relative;
|
|
904
904
|
border-radius: 16px;
|
|
@@ -930,9 +930,9 @@ var tt = {
|
|
|
930
930
|
};
|
|
931
931
|
//#endregion
|
|
932
932
|
//#region src/components/_box.jsx
|
|
933
|
-
function
|
|
934
|
-
return /* @__PURE__ */ o
|
|
935
|
-
className: J(
|
|
933
|
+
function at({ type: e = "normal", className: t, width: n, height: r, children: i }) {
|
|
934
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
935
|
+
className: J(ot.base, ot[e] ?? ot.normal, t),
|
|
936
936
|
style: {
|
|
937
937
|
width: n,
|
|
938
938
|
height: r
|
|
@@ -940,7 +940,7 @@ function rt({ type: e = "normal", className: t, width: n, height: r, children: i
|
|
|
940
940
|
children: i
|
|
941
941
|
}) });
|
|
942
942
|
}
|
|
943
|
-
var
|
|
943
|
+
var ot = {
|
|
944
944
|
base: Y`
|
|
945
945
|
position: relative;
|
|
946
946
|
border-radius: 18px;
|
|
@@ -957,9 +957,9 @@ var it = {
|
|
|
957
957
|
};
|
|
958
958
|
//#endregion
|
|
959
959
|
//#region src/components/_icon.jsx
|
|
960
|
-
function
|
|
961
|
-
return /* @__PURE__ */ o
|
|
962
|
-
className: J(
|
|
960
|
+
function Z({ className: e, size: t = "1.25rem", color: n = X.colors.fore.primary, iconName: r, isSpinning: i }) {
|
|
961
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("svg", {
|
|
962
|
+
className: J(st.base, e),
|
|
963
963
|
style: {
|
|
964
964
|
color: n,
|
|
965
965
|
width: t,
|
|
@@ -967,17 +967,17 @@ function Q({ className: e, size: t = "1.25rem", color: n = X.colors.fore.primary
|
|
|
967
967
|
},
|
|
968
968
|
"aria-hidden": "true",
|
|
969
969
|
"is-spinning": i || void 0,
|
|
970
|
-
children: /* @__PURE__ */
|
|
970
|
+
children: /* @__PURE__ */ s("use", { href: `#icon-${r}` })
|
|
971
971
|
}) });
|
|
972
972
|
}
|
|
973
|
-
var
|
|
973
|
+
var st = { base: Y`
|
|
974
974
|
fill: currentColor;
|
|
975
975
|
display: inline-block;
|
|
976
976
|
flex-shrink: 0;
|
|
977
977
|
will-change: transform;
|
|
978
978
|
transition: transform .1s linear;
|
|
979
979
|
|
|
980
|
-
&[is-spinning] { animation: ${
|
|
980
|
+
&[is-spinning] { animation: ${Ze`
|
|
981
981
|
0% {
|
|
982
982
|
transform: rotate(0deg);
|
|
983
983
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -996,10 +996,10 @@ var at = { base: Y`
|
|
|
996
996
|
` };
|
|
997
997
|
//#endregion
|
|
998
998
|
//#region src/components/_button.jsx
|
|
999
|
-
function
|
|
1000
|
-
let u = r ||
|
|
999
|
+
function ct({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, isLoading: a = !1, onClick: l }) {
|
|
1000
|
+
let u = r || a, d = n(null);
|
|
1001
1001
|
function f(e) {
|
|
1002
|
-
if (i ||
|
|
1002
|
+
if (i || a) return;
|
|
1003
1003
|
e.stopPropagation(), e.preventDefault();
|
|
1004
1004
|
let t = e.currentTarget.getBoundingClientRect();
|
|
1005
1005
|
d.value = {
|
|
@@ -1008,30 +1008,30 @@ function ot({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, is
|
|
|
1008
1008
|
size: Math.max(t.width, t.height) * 2
|
|
1009
1009
|
}, l?.(e);
|
|
1010
1010
|
}
|
|
1011
|
-
return /* @__PURE__ */ o
|
|
1011
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("button", {
|
|
1012
1012
|
type: "button",
|
|
1013
|
-
className: J(
|
|
1013
|
+
className: J(ut.base, ut[e] ?? ut.normal),
|
|
1014
1014
|
"has-icon": u,
|
|
1015
1015
|
"is-disabled": i || void 0,
|
|
1016
|
-
"is-loading":
|
|
1016
|
+
"is-loading": a || void 0,
|
|
1017
1017
|
"is-clickable": !!l || void 0,
|
|
1018
|
-
disabled: i ||
|
|
1018
|
+
disabled: i || a,
|
|
1019
1019
|
onClick: f,
|
|
1020
1020
|
children: [
|
|
1021
|
-
u && /* @__PURE__ */ o
|
|
1021
|
+
u && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
1022
1022
|
className: Y`
|
|
1023
1023
|
${X.extends.verticalCenter}
|
|
1024
1024
|
|
|
1025
1025
|
left: .6rem;
|
|
1026
1026
|
`,
|
|
1027
|
-
children:
|
|
1027
|
+
children: a ? /* @__PURE__ */ s(Z, {
|
|
1028
1028
|
iconName: "loader",
|
|
1029
1029
|
isSpinning: !0
|
|
1030
|
-
}) : /* @__PURE__ */
|
|
1030
|
+
}) : /* @__PURE__ */ s(Z, { iconName: r })
|
|
1031
1031
|
}) }),
|
|
1032
1032
|
t,
|
|
1033
|
-
d.value && /* @__PURE__ */ o
|
|
1034
|
-
className:
|
|
1033
|
+
d.value && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("span", {
|
|
1034
|
+
className: ut.ripple,
|
|
1035
1035
|
style: {
|
|
1036
1036
|
left: d.value.x,
|
|
1037
1037
|
top: d.value.y,
|
|
@@ -1043,7 +1043,7 @@ function ot({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, is
|
|
|
1043
1043
|
]
|
|
1044
1044
|
}) });
|
|
1045
1045
|
}
|
|
1046
|
-
var
|
|
1046
|
+
var lt = Ze`
|
|
1047
1047
|
from {
|
|
1048
1048
|
opacity: .4;
|
|
1049
1049
|
transform: translate(-50%, -50%) scale(0);
|
|
@@ -1053,7 +1053,7 @@ var st = Xe`
|
|
|
1053
1053
|
opacity: 0;
|
|
1054
1054
|
transform: translate(-50%, -50%) scale(1);
|
|
1055
1055
|
}
|
|
1056
|
-
`,
|
|
1056
|
+
`, ut = {
|
|
1057
1057
|
base: Y`
|
|
1058
1058
|
font-size: .9rem;
|
|
1059
1059
|
display: inline-block;
|
|
@@ -1091,37 +1091,37 @@ var st = Xe`
|
|
|
1091
1091
|
border-radius: 50%;
|
|
1092
1092
|
pointer-events: none;
|
|
1093
1093
|
background-color: currentColor;
|
|
1094
|
-
animation: ${
|
|
1094
|
+
animation: ${lt} .5s ease-out forwards;
|
|
1095
1095
|
`
|
|
1096
1096
|
};
|
|
1097
1097
|
//#endregion
|
|
1098
1098
|
//#region src/components/_layout.jsx
|
|
1099
|
-
function
|
|
1100
|
-
return /* @__PURE__ */ o
|
|
1101
|
-
className: J(
|
|
1099
|
+
function dt({ className: e, height: t, direction: n = "row", justify: r, align: i, gap: a, children: c }) {
|
|
1100
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
1101
|
+
className: J(ft.base, e),
|
|
1102
1102
|
style: {
|
|
1103
1103
|
height: t,
|
|
1104
1104
|
flexDirection: n,
|
|
1105
1105
|
justifyContent: r,
|
|
1106
1106
|
alignItems: i,
|
|
1107
|
-
gap:
|
|
1107
|
+
gap: a == null ? void 0 : `${a / 2}rem`
|
|
1108
1108
|
},
|
|
1109
1109
|
children: c
|
|
1110
1110
|
}) });
|
|
1111
1111
|
}
|
|
1112
|
-
var
|
|
1112
|
+
var ft = { base: Y`
|
|
1113
1113
|
display: flex;
|
|
1114
1114
|
` };
|
|
1115
1115
|
//#endregion
|
|
1116
1116
|
//#region src/components/_text.jsx
|
|
1117
|
-
function
|
|
1118
|
-
return /* @__PURE__ */ o
|
|
1119
|
-
className: J(
|
|
1117
|
+
function pt({ as: e = "span", className: t, size: n = "normal", color: r = X.colors.fore.primary, children: i }) {
|
|
1118
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(e, {
|
|
1119
|
+
className: J(mt.base, mt[n] ?? mt.normal, t),
|
|
1120
1120
|
style: { color: r },
|
|
1121
1121
|
children: i
|
|
1122
1122
|
}) });
|
|
1123
1123
|
}
|
|
1124
|
-
var
|
|
1124
|
+
var mt = {
|
|
1125
1125
|
base: Y`
|
|
1126
1126
|
font-weight: 500;
|
|
1127
1127
|
letter-spacing: 1px;
|
|
@@ -1141,14 +1141,14 @@ var ft = {
|
|
|
1141
1141
|
};
|
|
1142
1142
|
//#endregion
|
|
1143
1143
|
//#region src/components/_headline.jsx
|
|
1144
|
-
function
|
|
1145
|
-
return /* @__PURE__ */ o
|
|
1146
|
-
className: J(
|
|
1144
|
+
function ht({ as: e = "h2", className: t, size: n = "normal", color: r = X.colors.fore.primary, children: i }) {
|
|
1145
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(e, {
|
|
1146
|
+
className: J(gt.base, gt[n] ?? gt.normal, t),
|
|
1147
1147
|
style: { color: r },
|
|
1148
1148
|
children: i
|
|
1149
1149
|
}) });
|
|
1150
1150
|
}
|
|
1151
|
-
var
|
|
1151
|
+
var gt = {
|
|
1152
1152
|
base: Y`
|
|
1153
1153
|
letter-spacing: 1px;
|
|
1154
1154
|
`,
|
|
@@ -1170,8 +1170,8 @@ var mt = {
|
|
|
1170
1170
|
};
|
|
1171
1171
|
//#endregion
|
|
1172
1172
|
//#region src/components/_space.jsx
|
|
1173
|
-
function
|
|
1174
|
-
return /* @__PURE__ */ o
|
|
1173
|
+
function _t({ size: e = 1 }) {
|
|
1174
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
1175
1175
|
"aria-hidden": "true",
|
|
1176
1176
|
style: {
|
|
1177
1177
|
height: e > 0 ? `${e}rem` : 0,
|
|
@@ -1181,31 +1181,31 @@ function ht({ size: e = 1 }) {
|
|
|
1181
1181
|
}
|
|
1182
1182
|
//#endregion
|
|
1183
1183
|
//#region src/components/_text-field.jsx
|
|
1184
|
-
function
|
|
1184
|
+
function vt({ placeholder: e, value: t, width: r, isDisabled: a, onChange: l }) {
|
|
1185
1185
|
let u = i(), d = n(t);
|
|
1186
1186
|
function f({ target: e }) {
|
|
1187
1187
|
d.value = e.value, l?.(d.value);
|
|
1188
1188
|
}
|
|
1189
|
-
return /* @__PURE__ */ o
|
|
1190
|
-
className:
|
|
1189
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
|
|
1190
|
+
className: yt.base,
|
|
1191
1191
|
style: { width: r },
|
|
1192
|
-
"is-disabled":
|
|
1193
|
-
children: [!d.value && e && /* @__PURE__ */
|
|
1194
|
-
className:
|
|
1192
|
+
"is-disabled": a,
|
|
1193
|
+
children: [!d.value && e && /* @__PURE__ */ s("label", {
|
|
1194
|
+
className: yt.label,
|
|
1195
1195
|
htmlFor: u,
|
|
1196
1196
|
children: e
|
|
1197
|
-
}), /* @__PURE__ */
|
|
1197
|
+
}), /* @__PURE__ */ s("input", {
|
|
1198
1198
|
id: u,
|
|
1199
1199
|
name: u,
|
|
1200
|
-
className:
|
|
1200
|
+
className: yt.input,
|
|
1201
1201
|
value: d.value,
|
|
1202
|
-
disabled:
|
|
1202
|
+
disabled: a,
|
|
1203
1203
|
autocomplete: "off",
|
|
1204
1204
|
onInput: f
|
|
1205
1205
|
})]
|
|
1206
1206
|
}) });
|
|
1207
1207
|
}
|
|
1208
|
-
var
|
|
1208
|
+
var yt = {
|
|
1209
1209
|
base: Y`
|
|
1210
1210
|
position: relative;
|
|
1211
1211
|
`,
|
|
@@ -1238,47 +1238,174 @@ var _t = {
|
|
|
1238
1238
|
`
|
|
1239
1239
|
};
|
|
1240
1240
|
//#endregion
|
|
1241
|
+
//#region src/components/_popup-box.jsx
|
|
1242
|
+
function bt({ className: e, trigger: t, children: n, id: r, isOpen: i = !1, origin: a = "center", role: l, width: u }) {
|
|
1243
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
|
|
1244
|
+
className: xt.base,
|
|
1245
|
+
children: [t, i && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
1246
|
+
id: r,
|
|
1247
|
+
className: J(xt.popup, xt[a] ?? xt.center, e),
|
|
1248
|
+
style: { width: u },
|
|
1249
|
+
role: l,
|
|
1250
|
+
children: n
|
|
1251
|
+
}) })]
|
|
1252
|
+
}) });
|
|
1253
|
+
}
|
|
1254
|
+
var xt = {
|
|
1255
|
+
base: Y`
|
|
1256
|
+
display: inline-block;
|
|
1257
|
+
position: relative;
|
|
1258
|
+
`,
|
|
1259
|
+
popup: Y`
|
|
1260
|
+
position: absolute;
|
|
1261
|
+
z-index: ${X.zIndex.front + 1};
|
|
1262
|
+
top: calc(100% + .5rem);
|
|
1263
|
+
min-width: 100%;
|
|
1264
|
+
width: max-content;
|
|
1265
|
+
max-width: calc(100vw - 2rem);
|
|
1266
|
+
padding: .5rem;
|
|
1267
|
+
border: solid 1px #e5e7e9;
|
|
1268
|
+
border-radius: 10px;
|
|
1269
|
+
color: ${X.colors.fore.primary};
|
|
1270
|
+
background-color: ${X.colors.back.primary};
|
|
1271
|
+
box-shadow: 0 6px 20px rgb(22 24 38 / 10%);
|
|
1272
|
+
font-family: ${X.fontFamily}, sans-serif;
|
|
1273
|
+
`,
|
|
1274
|
+
center: Y`
|
|
1275
|
+
left: 50%;
|
|
1276
|
+
transform: translateX(-50%);
|
|
1277
|
+
`,
|
|
1278
|
+
left: Y`
|
|
1279
|
+
left: 0;
|
|
1280
|
+
`
|
|
1281
|
+
};
|
|
1282
|
+
//#endregion
|
|
1241
1283
|
//#region src/components/_dropdown.jsx
|
|
1242
|
-
function
|
|
1243
|
-
let
|
|
1284
|
+
function St({ items: e = [], value: t, width: l, isDisabled: u = !1, onChange: d }) {
|
|
1285
|
+
let f = i(), p = a(null), m = a(null), h = a([]), g = n(t ?? e[0]?.value ?? ""), _ = n(!1), v = e.findIndex((e) => e.value === g.value), y = e[v] ?? e[0], b = u || e.length === 0;
|
|
1244
1286
|
r(() => {
|
|
1245
|
-
t !== void 0 && (
|
|
1246
|
-
}, [t])
|
|
1247
|
-
|
|
1248
|
-
|
|
1287
|
+
t !== void 0 && (g.value = t);
|
|
1288
|
+
}, [t]), r(() => {
|
|
1289
|
+
if (!_.value) return;
|
|
1290
|
+
function e({ target: e }) {
|
|
1291
|
+
p.current?.contains(e) || (_.value = !1);
|
|
1292
|
+
}
|
|
1293
|
+
return document.addEventListener("pointerdown", e), () => {
|
|
1294
|
+
document.removeEventListener("pointerdown", e);
|
|
1295
|
+
};
|
|
1296
|
+
}, [_.value]);
|
|
1297
|
+
function x(e) {
|
|
1298
|
+
requestAnimationFrame(() => h.current[e]?.focus());
|
|
1249
1299
|
}
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1300
|
+
function S(e = Math.max(v, 0)) {
|
|
1301
|
+
b || (_.value = !0, x(e));
|
|
1302
|
+
}
|
|
1303
|
+
function C() {
|
|
1304
|
+
_.value = !1, m.current?.focus();
|
|
1305
|
+
}
|
|
1306
|
+
function w() {
|
|
1307
|
+
if (_.value) {
|
|
1308
|
+
_.value = !1;
|
|
1309
|
+
return;
|
|
1310
|
+
}
|
|
1311
|
+
S();
|
|
1312
|
+
}
|
|
1313
|
+
function ee(t) {
|
|
1314
|
+
["ArrowDown", "ArrowUp"].includes(t.key) && (t.preventDefault(), S(t.key === "ArrowUp" ? e.length - 1 : Math.max(v, 0)));
|
|
1315
|
+
}
|
|
1316
|
+
function te(t, n) {
|
|
1317
|
+
if (t.key === "Escape") {
|
|
1318
|
+
t.preventDefault(), C();
|
|
1319
|
+
return;
|
|
1320
|
+
}
|
|
1321
|
+
if (t.key === "Tab") {
|
|
1322
|
+
_.value = !1;
|
|
1323
|
+
return;
|
|
1324
|
+
}
|
|
1325
|
+
if ([
|
|
1326
|
+
"ArrowDown",
|
|
1327
|
+
"ArrowUp",
|
|
1328
|
+
"Home",
|
|
1329
|
+
"End"
|
|
1330
|
+
].includes(t.key)) {
|
|
1331
|
+
if (t.preventDefault(), t.key === "Home") return x(0);
|
|
1332
|
+
if (t.key === "End") return x(e.length - 1);
|
|
1333
|
+
x((n + (t.key === "ArrowDown" ? 1 : -1) + e.length) % e.length);
|
|
1334
|
+
}
|
|
1335
|
+
}
|
|
1336
|
+
function T(e) {
|
|
1337
|
+
g.value = e.value, _.value = !1, m.current?.focus(), d?.(e.value, e);
|
|
1338
|
+
}
|
|
1339
|
+
let ne = /* @__PURE__ */ c("button", {
|
|
1340
|
+
ref: m,
|
|
1341
|
+
type: "button",
|
|
1342
|
+
className: Q.trigger,
|
|
1343
|
+
style: { width: l },
|
|
1344
|
+
role: "combobox",
|
|
1345
|
+
"aria-controls": f,
|
|
1346
|
+
"aria-expanded": _.value,
|
|
1347
|
+
"aria-haspopup": "listbox",
|
|
1348
|
+
disabled: b,
|
|
1349
|
+
onClick: w,
|
|
1350
|
+
onKeyDown: ee,
|
|
1351
|
+
children: [
|
|
1352
|
+
/* @__PURE__ */ s("span", {
|
|
1353
|
+
className: Q.sizer,
|
|
1354
|
+
"aria-hidden": "true",
|
|
1355
|
+
children: e.map((e) => /* @__PURE__ */ s("span", {
|
|
1356
|
+
className: Q.sizerValue,
|
|
1357
|
+
children: e.label
|
|
1358
|
+
}, e.value))
|
|
1359
|
+
}),
|
|
1360
|
+
/* @__PURE__ */ s("span", {
|
|
1361
|
+
className: Q.label,
|
|
1362
|
+
children: y?.label
|
|
1363
|
+
}),
|
|
1364
|
+
/* @__PURE__ */ s(Z, {
|
|
1365
|
+
className: J(Q.icon, _.value && Q.iconOpen),
|
|
1366
|
+
iconName: "down",
|
|
1367
|
+
size: "1rem"
|
|
1368
|
+
})
|
|
1369
|
+
]
|
|
1370
|
+
});
|
|
1371
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
1372
|
+
ref: p,
|
|
1373
|
+
className: Q.base,
|
|
1374
|
+
"is-disabled": b || void 0,
|
|
1375
|
+
children: /* @__PURE__ */ s(bt, {
|
|
1376
|
+
className: Q.popup,
|
|
1377
|
+
trigger: ne,
|
|
1378
|
+
id: f,
|
|
1379
|
+
isOpen: _.value,
|
|
1380
|
+
origin: "left",
|
|
1381
|
+
role: "listbox",
|
|
1382
|
+
children: e.map((e, t) => /* @__PURE__ */ s("button", {
|
|
1383
|
+
ref: (e) => h.current[t] = e,
|
|
1384
|
+
type: "button",
|
|
1385
|
+
className: Q.option,
|
|
1386
|
+
role: "option",
|
|
1387
|
+
"aria-selected": e.value === g.value,
|
|
1388
|
+
onClick: () => T(e),
|
|
1389
|
+
onKeyDown: (e) => te(e, t),
|
|
1390
|
+
children: e.label
|
|
1391
|
+
}, e.value))
|
|
1392
|
+
})
|
|
1267
1393
|
}) });
|
|
1268
1394
|
}
|
|
1269
|
-
var
|
|
1395
|
+
var Q = {
|
|
1270
1396
|
base: Y`
|
|
1271
1397
|
display: inline-block;
|
|
1272
|
-
position: relative;
|
|
1273
1398
|
`,
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1399
|
+
trigger: Y`
|
|
1400
|
+
display: inline-grid;
|
|
1401
|
+
position: relative;
|
|
1402
|
+
align-items: center;
|
|
1403
|
+
grid-template-columns: minmax(0, 1fr);
|
|
1278
1404
|
height: 2.5rem;
|
|
1279
1405
|
padding: 0 2.25rem 0 1rem;
|
|
1280
1406
|
border-radius: 8px;
|
|
1281
1407
|
cursor: pointer;
|
|
1408
|
+
text-align: left;
|
|
1282
1409
|
font-size: .875rem;
|
|
1283
1410
|
font-weight: 500;
|
|
1284
1411
|
letter-spacing: 1px;
|
|
@@ -1291,47 +1418,88 @@ var yt = {
|
|
|
1291
1418
|
}
|
|
1292
1419
|
|
|
1293
1420
|
&:disabled { cursor: default; }
|
|
1421
|
+
`,
|
|
1422
|
+
sizer: Y`
|
|
1423
|
+
display: inline-grid;
|
|
1424
|
+
visibility: hidden;
|
|
1425
|
+
grid-area: 1 / 1;
|
|
1426
|
+
`,
|
|
1427
|
+
sizerValue: Y`
|
|
1428
|
+
grid-area: 1 / 1;
|
|
1429
|
+
white-space: nowrap;
|
|
1430
|
+
`,
|
|
1431
|
+
label: Y`
|
|
1432
|
+
grid-area: 1 / 1;
|
|
1433
|
+
overflow: hidden;
|
|
1434
|
+
white-space: nowrap;
|
|
1435
|
+
text-overflow: ellipsis;
|
|
1294
1436
|
`,
|
|
1295
1437
|
icon: Y`
|
|
1296
1438
|
${X.extends.verticalCenter}
|
|
1297
1439
|
|
|
1298
1440
|
right: .75rem;
|
|
1299
1441
|
pointer-events: none;
|
|
1442
|
+
`,
|
|
1443
|
+
iconOpen: Y`
|
|
1444
|
+
transform: translateY(-50%) rotate(180deg);
|
|
1445
|
+
`,
|
|
1446
|
+
popup: Y`
|
|
1447
|
+
display: grid;
|
|
1448
|
+
gap: .125rem;
|
|
1449
|
+
min-width: 0;
|
|
1450
|
+
padding: .25rem;
|
|
1451
|
+
`,
|
|
1452
|
+
option: Y`
|
|
1453
|
+
width: 100%;
|
|
1454
|
+
padding: .6rem .75rem;
|
|
1455
|
+
border-radius: 7px;
|
|
1456
|
+
cursor: pointer;
|
|
1457
|
+
text-align: left;
|
|
1458
|
+
white-space: nowrap;
|
|
1459
|
+
font-size: .825rem;
|
|
1460
|
+
color: ${X.colors.fore.primary};
|
|
1461
|
+
font-family: ${X.fontFamily}, sans-serif;
|
|
1462
|
+
|
|
1463
|
+
&:hover,
|
|
1464
|
+
&:focus-visible,
|
|
1465
|
+
&[aria-selected="true"] {
|
|
1466
|
+
background-color: ${X.colors.back.secondary};
|
|
1467
|
+
}
|
|
1300
1468
|
`
|
|
1301
|
-
},
|
|
1302
|
-
function
|
|
1469
|
+
}, Ct = 28, wt = 3, Tt = 11;
|
|
1470
|
+
function Et({ label: e, isChecked: t, isDisabled: a, onChange: l }) {
|
|
1303
1471
|
let u = i(), d = n(t);
|
|
1304
1472
|
r(() => d.value = t, [t]);
|
|
1305
1473
|
function f() {
|
|
1306
1474
|
let e = !d.value;
|
|
1307
1475
|
d.value = e, l?.(e);
|
|
1308
1476
|
}
|
|
1309
|
-
return /* @__PURE__ */ o
|
|
1310
|
-
className:
|
|
1477
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
|
|
1478
|
+
className: Dt.base,
|
|
1311
1479
|
children: [
|
|
1312
|
-
/* @__PURE__ */
|
|
1313
|
-
className:
|
|
1480
|
+
/* @__PURE__ */ s("label", {
|
|
1481
|
+
className: Dt.label,
|
|
1314
1482
|
htmlFor: u,
|
|
1315
|
-
"is-disabled":
|
|
1483
|
+
"is-disabled": a,
|
|
1316
1484
|
children: e
|
|
1317
1485
|
}),
|
|
1318
|
-
/* @__PURE__ */
|
|
1486
|
+
/* @__PURE__ */ s("input", {
|
|
1319
1487
|
id: u,
|
|
1320
1488
|
type: "checkbox",
|
|
1321
|
-
className:
|
|
1489
|
+
className: Dt.checkbox,
|
|
1322
1490
|
checked: d.value,
|
|
1323
|
-
disabled:
|
|
1491
|
+
disabled: a,
|
|
1324
1492
|
onChange: f
|
|
1325
1493
|
}),
|
|
1326
|
-
/* @__PURE__ */
|
|
1327
|
-
className:
|
|
1494
|
+
/* @__PURE__ */ s("label", {
|
|
1495
|
+
className: Dt.value,
|
|
1328
1496
|
htmlFor: u,
|
|
1329
|
-
"is-disabled":
|
|
1497
|
+
"is-disabled": a
|
|
1330
1498
|
})
|
|
1331
1499
|
]
|
|
1332
1500
|
}) });
|
|
1333
1501
|
}
|
|
1334
|
-
var
|
|
1502
|
+
var Dt = {
|
|
1335
1503
|
base: Y`
|
|
1336
1504
|
position: relative;
|
|
1337
1505
|
display: flex;
|
|
@@ -1354,7 +1522,7 @@ var wt = {
|
|
|
1354
1522
|
background-color: #e1e1e1;
|
|
1355
1523
|
|
|
1356
1524
|
&:before {
|
|
1357
|
-
right: ${
|
|
1525
|
+
right: ${wt}px;
|
|
1358
1526
|
background-color: #3a3a3a;
|
|
1359
1527
|
}
|
|
1360
1528
|
}
|
|
@@ -1367,7 +1535,7 @@ var wt = {
|
|
|
1367
1535
|
cursor: pointer;
|
|
1368
1536
|
user-select: none;
|
|
1369
1537
|
transition: background .3s ease;
|
|
1370
|
-
width: ${
|
|
1538
|
+
width: ${Ct}px;
|
|
1371
1539
|
background-color: ${X.colors.back.secondary};
|
|
1372
1540
|
|
|
1373
1541
|
&:before {
|
|
@@ -1377,20 +1545,20 @@ var wt = {
|
|
|
1377
1545
|
position: absolute;
|
|
1378
1546
|
transition: background .3s ease, right .3s ease;
|
|
1379
1547
|
border-radius: 50%;
|
|
1380
|
-
top: ${
|
|
1548
|
+
top: ${wt}px;
|
|
1381
1549
|
right: ${14}px;
|
|
1382
|
-
width: ${
|
|
1383
|
-
height: ${
|
|
1550
|
+
width: ${Tt}px;
|
|
1551
|
+
height: ${Tt}px;
|
|
1384
1552
|
}
|
|
1385
1553
|
`
|
|
1386
1554
|
};
|
|
1387
1555
|
//#endregion
|
|
1388
1556
|
//#region src/components/_tag.jsx
|
|
1389
|
-
function
|
|
1390
|
-
return /* @__PURE__ */ o
|
|
1391
|
-
className: J(
|
|
1557
|
+
function Ot({ className: t, variant: n = "normal", iconName: r, label: i }) {
|
|
1558
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
|
|
1559
|
+
className: J(kt.base, kt[n] ?? kt.normal, t),
|
|
1392
1560
|
"has-icon": !e(r),
|
|
1393
|
-
children: [r && /* @__PURE__ */ o
|
|
1561
|
+
children: [r && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(Z, {
|
|
1394
1562
|
className: Y`
|
|
1395
1563
|
${X.extends.verticalCenter}
|
|
1396
1564
|
left: .3rem;
|
|
@@ -1400,7 +1568,7 @@ function Tt({ className: t, variant: n = "normal", iconName: r, label: i }) {
|
|
|
1400
1568
|
}) }), i]
|
|
1401
1569
|
}) });
|
|
1402
1570
|
}
|
|
1403
|
-
var
|
|
1571
|
+
var kt = { base: Y`
|
|
1404
1572
|
position: relative;
|
|
1405
1573
|
display: inline-block;
|
|
1406
1574
|
padding: .3rem .5rem;
|
|
@@ -1416,17 +1584,17 @@ var Et = { base: Y`
|
|
|
1416
1584
|
` };
|
|
1417
1585
|
//#endregion
|
|
1418
1586
|
//#region src/components/_icon-button.jsx
|
|
1419
|
-
function
|
|
1587
|
+
function At({ iconName: e, color: t, isDisabled: n, onClick: r }) {
|
|
1420
1588
|
function i(e) {
|
|
1421
1589
|
n || (e.stopPropagation(), e.preventDefault(), r?.(e));
|
|
1422
1590
|
}
|
|
1423
|
-
return /* @__PURE__ */ o
|
|
1424
|
-
className:
|
|
1591
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("button", {
|
|
1592
|
+
className: jt.base,
|
|
1425
1593
|
"is-disabled": n || void 0,
|
|
1426
1594
|
"is-clickable": !!r || void 0,
|
|
1427
1595
|
disabled: n,
|
|
1428
1596
|
onClick: i,
|
|
1429
|
-
children: /* @__PURE__ */
|
|
1597
|
+
children: /* @__PURE__ */ s(Z, {
|
|
1430
1598
|
color: t,
|
|
1431
1599
|
className: Y`${X.extends.centrate}`,
|
|
1432
1600
|
iconName: e,
|
|
@@ -1434,7 +1602,7 @@ function Dt({ iconName: e, color: t, isDisabled: n, onClick: r }) {
|
|
|
1434
1602
|
})
|
|
1435
1603
|
}) });
|
|
1436
1604
|
}
|
|
1437
|
-
var
|
|
1605
|
+
var jt = { base: Y`
|
|
1438
1606
|
position: relative;
|
|
1439
1607
|
width: 2.25rem;
|
|
1440
1608
|
height: 2.25rem;
|
|
@@ -1443,21 +1611,21 @@ var Ot = { base: Y`
|
|
|
1443
1611
|
` };
|
|
1444
1612
|
//#endregion
|
|
1445
1613
|
//#region src/components/_tab-box.jsx
|
|
1446
|
-
function
|
|
1447
|
-
let d = i(), f = Math.max(l.length - 1, 0), p = n(Math.min(Math.max(
|
|
1614
|
+
function Mt({ className: e, width: t, height: r, initialIndex: a = 0, items: l = [], onChange: u }) {
|
|
1615
|
+
let d = i(), f = Math.max(l.length - 1, 0), p = n(Math.min(Math.max(a, 0), f)), m = Math.min(p.value, f);
|
|
1448
1616
|
function h(e) {
|
|
1449
1617
|
e !== m && (p.value = e, u?.(e, l[e]));
|
|
1450
1618
|
}
|
|
1451
|
-
return /* @__PURE__ */ o
|
|
1619
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
|
|
1452
1620
|
className: J($.base, e),
|
|
1453
1621
|
style: { width: t },
|
|
1454
|
-
children: [/* @__PURE__ */
|
|
1622
|
+
children: [/* @__PURE__ */ s(at, {
|
|
1455
1623
|
className: $.box,
|
|
1456
1624
|
height: r,
|
|
1457
|
-
children: /* @__PURE__ */
|
|
1625
|
+
children: /* @__PURE__ */ s("div", {
|
|
1458
1626
|
className: $.track,
|
|
1459
1627
|
style: { transform: `translateX(-${m * 100}%)` },
|
|
1460
|
-
children: l.map((e, t) => /* @__PURE__ */ o
|
|
1628
|
+
children: l.map((e, t) => /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
1461
1629
|
id: `${d}-panel-${t}`,
|
|
1462
1630
|
className: $.panel,
|
|
1463
1631
|
role: "tabpanel",
|
|
@@ -1467,12 +1635,12 @@ function kt({ className: e, width: t, height: r, initialIndex: c = 0, items: l =
|
|
|
1467
1635
|
children: e.content
|
|
1468
1636
|
}, e.id ?? t) }))
|
|
1469
1637
|
})
|
|
1470
|
-
}), l.length > 0 && /* @__PURE__ */ o
|
|
1638
|
+
}), l.length > 0 && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
1471
1639
|
className: $.tabs,
|
|
1472
1640
|
role: "tablist",
|
|
1473
1641
|
children: l.map((e, t) => {
|
|
1474
1642
|
let n = t === m, r = e.notification != null;
|
|
1475
|
-
return /* @__PURE__ */ o
|
|
1643
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("button", {
|
|
1476
1644
|
id: `${d}-tab-${t}`,
|
|
1477
1645
|
className: $.tab,
|
|
1478
1646
|
style: e.width == null ? void 0 : {
|
|
@@ -1488,12 +1656,12 @@ function kt({ className: e, width: t, height: r, initialIndex: c = 0, items: l =
|
|
|
1488
1656
|
"is-active": n || void 0,
|
|
1489
1657
|
onClick: () => h(t),
|
|
1490
1658
|
children: [
|
|
1491
|
-
e.iconName && /* @__PURE__ */
|
|
1659
|
+
e.iconName && /* @__PURE__ */ s(Z, {
|
|
1492
1660
|
iconName: e.iconName,
|
|
1493
1661
|
size: "1rem"
|
|
1494
1662
|
}),
|
|
1495
|
-
e.label && /* @__PURE__ */
|
|
1496
|
-
r && /* @__PURE__ */
|
|
1663
|
+
e.label && /* @__PURE__ */ s("span", { children: e.label }),
|
|
1664
|
+
r && /* @__PURE__ */ s("span", {
|
|
1497
1665
|
className: $.notification,
|
|
1498
1666
|
"aria-label": `${e.notification} notifications`,
|
|
1499
1667
|
children: e.notification
|
|
@@ -1578,4 +1746,4 @@ var $ = {
|
|
|
1578
1746
|
`
|
|
1579
1747
|
};
|
|
1580
1748
|
//#endregion
|
|
1581
|
-
export {
|
|
1749
|
+
export { tt as AppWrapper, rt as Bar, at as Box, ct as Button, St as Dropdown, ht as Headline, Z as Icon, At as IconButton, dt as Layout, bt as PopupBox, _t as Space, Et as Switch, Mt as TabBox, Ot as Tag, pt as Text, vt as TextField, X as Theme };
|