melonykit 0.10.2 → 0.11.1
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/browser.js +1 -1
- package/dist/{functions-ytrrWBDV.js → functions-lglYN2Ig.js} +65 -13
- package/dist/functions.js +2 -2
- package/dist/index.js +658 -458
- package/dist/server/_imports.js +7 -3
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as e, o as t } from "./functions-lglYN2Ig.js";
|
|
2
2
|
import { useSignal as n } from "@preact/signals";
|
|
3
3
|
import { useEffect as r, useId as i, useRef as a } from "preact/hooks";
|
|
4
4
|
import { Fragment as o, jsx as s, jsxs as c } from "preact/jsx-runtime";
|
|
@@ -40,7 +40,7 @@ var d = /*#__PURE__*/ function() {
|
|
|
40
40
|
}, e;
|
|
41
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
42
|
function w(e, t) {
|
|
43
|
-
return
|
|
43
|
+
return D(e, 0) ^ 45 ? (((t << 2 ^ D(e, 0)) << 2 ^ D(e, 1)) << 2 ^ D(e, 2)) << 2 ^ D(e, 3) : 0;
|
|
44
44
|
}
|
|
45
45
|
function ee(e) {
|
|
46
46
|
return e.trim();
|
|
@@ -51,22 +51,22 @@ function te(e, t) {
|
|
|
51
51
|
function T(e, t, n) {
|
|
52
52
|
return e.replace(t, n);
|
|
53
53
|
}
|
|
54
|
-
function
|
|
54
|
+
function E(e, t) {
|
|
55
55
|
return e.indexOf(t);
|
|
56
56
|
}
|
|
57
|
-
function
|
|
57
|
+
function D(e, t) {
|
|
58
58
|
return e.charCodeAt(t) | 0;
|
|
59
59
|
}
|
|
60
|
-
function
|
|
60
|
+
function O(e, t, n) {
|
|
61
61
|
return e.slice(t, n);
|
|
62
62
|
}
|
|
63
|
-
function
|
|
63
|
+
function k(e) {
|
|
64
64
|
return e.length;
|
|
65
65
|
}
|
|
66
|
-
function
|
|
66
|
+
function ne(e) {
|
|
67
67
|
return e.length;
|
|
68
68
|
}
|
|
69
|
-
function
|
|
69
|
+
function re(e, t) {
|
|
70
70
|
return t.push(e), e;
|
|
71
71
|
}
|
|
72
72
|
function ie(e, t) {
|
|
@@ -74,8 +74,8 @@ function ie(e, t) {
|
|
|
74
74
|
}
|
|
75
75
|
//#endregion
|
|
76
76
|
//#region node_modules/stylis/src/Tokenizer.js
|
|
77
|
-
var
|
|
78
|
-
function
|
|
77
|
+
var ae = 1, A = 1, oe = 0, j = 0, M = 0, N = "";
|
|
78
|
+
function P(e, t, n, r, i, a, o) {
|
|
79
79
|
return {
|
|
80
80
|
value: e,
|
|
81
81
|
root: t,
|
|
@@ -83,34 +83,34 @@ function F(e, t, n, r, i, a, o) {
|
|
|
83
83
|
type: r,
|
|
84
84
|
props: i,
|
|
85
85
|
children: a,
|
|
86
|
-
line:
|
|
87
|
-
column:
|
|
86
|
+
line: ae,
|
|
87
|
+
column: A,
|
|
88
88
|
length: o,
|
|
89
89
|
return: ""
|
|
90
90
|
};
|
|
91
91
|
}
|
|
92
|
-
function
|
|
93
|
-
return C(
|
|
94
|
-
}
|
|
95
|
-
function oe() {
|
|
96
|
-
return N;
|
|
92
|
+
function F(e, t) {
|
|
93
|
+
return C(P("", null, null, "", null, null, 0), e, { length: -e.length }, t);
|
|
97
94
|
}
|
|
98
95
|
function se() {
|
|
99
|
-
return
|
|
96
|
+
return M;
|
|
100
97
|
}
|
|
101
|
-
function
|
|
102
|
-
return
|
|
98
|
+
function ce() {
|
|
99
|
+
return M = j > 0 ? D(N, --j) : 0, A--, M === 10 && (A = 1, ae--), M;
|
|
103
100
|
}
|
|
104
|
-
function
|
|
105
|
-
return
|
|
101
|
+
function I() {
|
|
102
|
+
return M = j < oe ? D(N, j++) : 0, A++, M === 10 && (A = 1, ae++), M;
|
|
106
103
|
}
|
|
107
|
-
function
|
|
108
|
-
return
|
|
104
|
+
function L() {
|
|
105
|
+
return D(N, j);
|
|
109
106
|
}
|
|
110
|
-
function
|
|
111
|
-
return
|
|
107
|
+
function le() {
|
|
108
|
+
return j;
|
|
112
109
|
}
|
|
113
|
-
function
|
|
110
|
+
function R(e, t) {
|
|
111
|
+
return O(N, e, t);
|
|
112
|
+
}
|
|
113
|
+
function z(e) {
|
|
114
114
|
switch (e) {
|
|
115
115
|
case 0:
|
|
116
116
|
case 9:
|
|
@@ -137,82 +137,82 @@ function V(e) {
|
|
|
137
137
|
}
|
|
138
138
|
return 0;
|
|
139
139
|
}
|
|
140
|
-
function
|
|
141
|
-
return
|
|
140
|
+
function ue(e) {
|
|
141
|
+
return ae = A = 1, oe = k(N = e), j = 0, [];
|
|
142
142
|
}
|
|
143
|
-
function
|
|
144
|
-
return
|
|
143
|
+
function de(e) {
|
|
144
|
+
return N = "", e;
|
|
145
145
|
}
|
|
146
|
-
function
|
|
147
|
-
return ee(
|
|
146
|
+
function fe(e) {
|
|
147
|
+
return ee(R(j - 1, he(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
|
|
148
148
|
}
|
|
149
|
-
function
|
|
150
|
-
for (; (
|
|
151
|
-
return
|
|
149
|
+
function pe(e) {
|
|
150
|
+
for (; (M = L()) && M < 33;) I();
|
|
151
|
+
return z(e) > 2 || z(M) > 3 ? "" : " ";
|
|
152
152
|
}
|
|
153
|
-
function
|
|
154
|
-
for (; --t &&
|
|
155
|
-
return
|
|
153
|
+
function me(e, t) {
|
|
154
|
+
for (; --t && I() && !(M < 48 || M > 102 || M > 57 && M < 65 || M > 70 && M < 97););
|
|
155
|
+
return R(e, le() + (t < 6 && L() == 32 && I() == 32));
|
|
156
156
|
}
|
|
157
|
-
function
|
|
158
|
-
for (;
|
|
159
|
-
case e: return
|
|
157
|
+
function he(e) {
|
|
158
|
+
for (; I();) switch (M) {
|
|
159
|
+
case e: return j;
|
|
160
160
|
case 34:
|
|
161
161
|
case 39:
|
|
162
|
-
e !== 34 && e !== 39 &&
|
|
162
|
+
e !== 34 && e !== 39 && he(M);
|
|
163
163
|
break;
|
|
164
164
|
case 40:
|
|
165
|
-
e === 41 &&
|
|
165
|
+
e === 41 && he(e);
|
|
166
166
|
break;
|
|
167
167
|
case 92:
|
|
168
|
-
|
|
168
|
+
I();
|
|
169
169
|
break;
|
|
170
170
|
}
|
|
171
|
-
return
|
|
171
|
+
return j;
|
|
172
172
|
}
|
|
173
|
-
function
|
|
174
|
-
for (;
|
|
175
|
-
return "/*" +
|
|
173
|
+
function ge(e, t) {
|
|
174
|
+
for (; I() && e + M !== 57 && (e + M !== 84 || L() !== 47););
|
|
175
|
+
return "/*" + R(t, j - 1) + "*" + S(e === 47 ? e : I());
|
|
176
176
|
}
|
|
177
|
-
function
|
|
178
|
-
for (; !
|
|
179
|
-
return
|
|
177
|
+
function _e(e) {
|
|
178
|
+
for (; !z(L());) I();
|
|
179
|
+
return R(e, j);
|
|
180
180
|
}
|
|
181
181
|
//#endregion
|
|
182
182
|
//#region node_modules/stylis/src/Parser.js
|
|
183
|
-
function
|
|
184
|
-
return
|
|
183
|
+
function ve(e) {
|
|
184
|
+
return de(B("", null, null, null, [""], e = ue(e), 0, [0], e));
|
|
185
185
|
}
|
|
186
|
-
function
|
|
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 =
|
|
188
|
-
case 40: if (m != 108 &&
|
|
189
|
-
|
|
186
|
+
function B(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, x = a, C = r, w = y; g;) switch (m = v, v = I()) {
|
|
188
|
+
case 40: if (m != 108 && D(w, d - 1) == 58) {
|
|
189
|
+
E(w += T(fe(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
|
|
190
190
|
break;
|
|
191
191
|
}
|
|
192
192
|
case 34:
|
|
193
193
|
case 39:
|
|
194
194
|
case 91:
|
|
195
|
-
w +=
|
|
195
|
+
w += fe(v);
|
|
196
196
|
break;
|
|
197
197
|
case 9:
|
|
198
198
|
case 10:
|
|
199
199
|
case 13:
|
|
200
200
|
case 32:
|
|
201
|
-
w +=
|
|
201
|
+
w += pe(m);
|
|
202
202
|
break;
|
|
203
203
|
case 92:
|
|
204
|
-
w +=
|
|
204
|
+
w += me(le() - 1, 7);
|
|
205
205
|
continue;
|
|
206
206
|
case 47:
|
|
207
|
-
switch (
|
|
207
|
+
switch (L()) {
|
|
208
208
|
case 42:
|
|
209
209
|
case 47:
|
|
210
|
-
|
|
210
|
+
re(be(ge(I(), le()), t, n), c);
|
|
211
211
|
break;
|
|
212
212
|
default: w += "/";
|
|
213
213
|
}
|
|
214
214
|
break;
|
|
215
|
-
case 123 * h: s[l++] =
|
|
215
|
+
case 123 * h: s[l++] = k(w) * _;
|
|
216
216
|
case 125 * h:
|
|
217
217
|
case 59:
|
|
218
218
|
case 0:
|
|
@@ -220,89 +220,89 @@ 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 &&
|
|
223
|
+
_ == -1 && (w = T(w, /\f/g, "")), p > 0 && k(w) - d && re(p > 32 ? xe(w + ";", r, n, d - 1) : xe(T(w, " ", "") + ";", r, n, d - 2), c);
|
|
224
224
|
break;
|
|
225
225
|
case 59: w += ";";
|
|
226
|
-
default: if (
|
|
227
|
-
if (u === 0)
|
|
228
|
-
else switch (f === 99 &&
|
|
226
|
+
default: if (re(C = ye(w, t, n, l, u, i, s, y, b = [], x = [], d), a), v === 123) {
|
|
227
|
+
if (u === 0) B(w, t, C, C, b, a, d, s, x);
|
|
228
|
+
else switch (f === 99 && D(w, 3) === 110 ? 100 : f) {
|
|
229
229
|
case 100:
|
|
230
230
|
case 108:
|
|
231
231
|
case 109:
|
|
232
232
|
case 115:
|
|
233
|
-
|
|
233
|
+
B(e, C, C, r && re(ye(e, C, C, 0, 0, i, s, y, i, b = [], d), x), i, x, d, s, r ? b : x);
|
|
234
234
|
break;
|
|
235
|
-
default:
|
|
235
|
+
default: B(w, C, C, C, [""], x, 0, s, x);
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
238
|
}
|
|
239
239
|
l = u = p = 0, h = _ = 1, y = w = "", d = o;
|
|
240
240
|
break;
|
|
241
|
-
case 58: d = 1 +
|
|
241
|
+
case 58: d = 1 + k(w), p = m;
|
|
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 && ce() == 125) continue;
|
|
246
246
|
}
|
|
247
247
|
switch (w += S(v), v * h) {
|
|
248
248
|
case 38:
|
|
249
249
|
_ = u > 0 ? 1 : (w += "\f", -1);
|
|
250
250
|
break;
|
|
251
251
|
case 44:
|
|
252
|
-
s[l++] = (
|
|
252
|
+
s[l++] = (k(w) - 1) * _, _ = 1;
|
|
253
253
|
break;
|
|
254
254
|
case 64:
|
|
255
|
-
|
|
255
|
+
L() === 45 && (w += fe(I())), f = L(), u = d = k(y = w += _e(le())), v++;
|
|
256
256
|
break;
|
|
257
|
-
case 45: m === 45 &&
|
|
257
|
+
case 45: m === 45 && k(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
|
|
262
|
+
function ye(e, t, n, r, i, a, o, s, c, l, u) {
|
|
263
|
+
for (var d = i - 1, f = i === 0 ? a : [""], p = ne(f), m = 0, h = 0, _ = 0; m < r; ++m) for (var v = 0, y = O(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 P(e, t, n, i === 0 ? g : s, c, l, u);
|
|
265
265
|
}
|
|
266
|
-
function
|
|
267
|
-
return
|
|
266
|
+
function be(e, t, n) {
|
|
267
|
+
return P(e, t, n, h, S(se()), O(e, 2, -2), 0);
|
|
268
268
|
}
|
|
269
|
-
function
|
|
270
|
-
return
|
|
269
|
+
function xe(e, t, n, r) {
|
|
270
|
+
return P(e, t, n, _, O(e, 0, r), O(e, r + 1, -1), r);
|
|
271
271
|
}
|
|
272
272
|
//#endregion
|
|
273
273
|
//#region node_modules/stylis/src/Serializer.js
|
|
274
|
-
function
|
|
275
|
-
for (var n = "", r =
|
|
274
|
+
function V(e, t) {
|
|
275
|
+
for (var n = "", r = ne(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
|
|
276
276
|
return n;
|
|
277
277
|
}
|
|
278
|
-
function
|
|
278
|
+
function Se(e, t, n, r) {
|
|
279
279
|
switch (e.type) {
|
|
280
280
|
case b: if (e.children.length) break;
|
|
281
281
|
case v:
|
|
282
282
|
case _: return e.return = e.return || e.value;
|
|
283
283
|
case h: return "";
|
|
284
|
-
case y: return e.return = e.value + "{" +
|
|
284
|
+
case y: return e.return = e.value + "{" + V(e.children, r) + "}";
|
|
285
285
|
case g: e.value = e.props.join(",");
|
|
286
286
|
}
|
|
287
|
-
return
|
|
287
|
+
return k(n = V(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 Ce(e) {
|
|
292
|
+
var t = ne(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 we(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 Te(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,44 +310,44 @@ function Se(e) {
|
|
|
310
310
|
}
|
|
311
311
|
//#endregion
|
|
312
312
|
//#region node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js
|
|
313
|
-
var
|
|
314
|
-
for (var r = 0, i = 0; r = i, i =
|
|
315
|
-
return
|
|
316
|
-
},
|
|
313
|
+
var Ee = function(e, t, n) {
|
|
314
|
+
for (var r = 0, i = 0; r = i, i = L(), r === 38 && i === 12 && (t[n] = 1), !z(i);) I();
|
|
315
|
+
return R(e, j);
|
|
316
|
+
}, De = function(e, t) {
|
|
317
317
|
var n = -1, r = 44;
|
|
318
318
|
do
|
|
319
|
-
switch (
|
|
319
|
+
switch (z(r)) {
|
|
320
320
|
case 0:
|
|
321
|
-
r === 38 &&
|
|
321
|
+
r === 38 && L() === 12 && (t[n] = 1), e[n] += Ee(j - 1, t, n);
|
|
322
322
|
break;
|
|
323
323
|
case 2:
|
|
324
|
-
e[n] +=
|
|
324
|
+
e[n] += fe(r);
|
|
325
325
|
break;
|
|
326
326
|
case 4: if (r === 44) {
|
|
327
|
-
e[++n] =
|
|
327
|
+
e[++n] = L() === 58 ? "&\f" : "", t[n] = e[n].length;
|
|
328
328
|
break;
|
|
329
329
|
}
|
|
330
330
|
default: e[n] += S(r);
|
|
331
331
|
}
|
|
332
|
-
while (r =
|
|
332
|
+
while (r = I());
|
|
333
333
|
return e;
|
|
334
|
-
},
|
|
335
|
-
return
|
|
336
|
-
},
|
|
334
|
+
}, Oe = function(e, t) {
|
|
335
|
+
return de(De(ue(e), t));
|
|
336
|
+
}, ke = /* #__PURE__ */ new WeakMap(), Ae = 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 && !ke.get(n)) && !r) {
|
|
340
|
+
ke.set(e, !0);
|
|
341
|
+
for (var i = [], a = Oe(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
|
+
}, je = 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
|
|
350
|
+
function Me(e, t) {
|
|
351
351
|
switch (w(e, t)) {
|
|
352
352
|
case 5103: return m + "print-" + e + e;
|
|
353
353
|
case 5737:
|
|
@@ -410,21 +410,21 @@ function ke(e, t) {
|
|
|
410
410
|
case 5789:
|
|
411
411
|
case 5021:
|
|
412
412
|
case 4765:
|
|
413
|
-
if (
|
|
414
|
-
case 109: if (
|
|
415
|
-
case 102: return T(e, /(.+:)(.+)-([^]+)/, "$1" + m + "$2-$3$1" + p + (
|
|
416
|
-
case 115: return ~
|
|
413
|
+
if (k(e) - 1 - t > 6) switch (D(e, t + 1)) {
|
|
414
|
+
case 109: if (D(e, t + 4) !== 45) break;
|
|
415
|
+
case 102: return T(e, /(.+:)(.+)-([^]+)/, "$1" + m + "$2-$3$1" + p + (D(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
|
|
416
|
+
case 115: return ~E(e, "stretch") ? Me(T(e, "stretch", "fill-available"), t) + e : e;
|
|
417
417
|
}
|
|
418
418
|
break;
|
|
419
|
-
case 4949: if (
|
|
419
|
+
case 4949: if (D(e, t + 1) !== 115) break;
|
|
420
420
|
case 6444:
|
|
421
|
-
switch (
|
|
421
|
+
switch (D(e, k(e) - 3 - (~E(e, "!important") && 10))) {
|
|
422
422
|
case 107: return T(e, ":", ":" + m) + e;
|
|
423
|
-
case 101: return T(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + m + (
|
|
423
|
+
case 101: return T(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + m + (D(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
|
-
switch (
|
|
427
|
+
switch (D(e, t + 11)) {
|
|
428
428
|
case 114: return m + e + f + T(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
|
|
429
429
|
case 108: return m + e + f + T(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
|
|
430
430
|
case 45: return m + e + f + T(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
|
|
@@ -433,26 +433,26 @@ function ke(e, t) {
|
|
|
433
433
|
}
|
|
434
434
|
return e;
|
|
435
435
|
}
|
|
436
|
-
var
|
|
436
|
+
var Ne = [function(e, t, n, r) {
|
|
437
437
|
if (e.length > -1 && !e.return) switch (e.type) {
|
|
438
438
|
case _:
|
|
439
|
-
e.return =
|
|
439
|
+
e.return = Me(e.value, e.length);
|
|
440
440
|
break;
|
|
441
|
-
case y: return
|
|
441
|
+
case y: return V([F(e, { value: T(e.value, "@", "@" + m) })], r);
|
|
442
442
|
case g: if (e.length) return ie(e.props, function(t) {
|
|
443
443
|
switch (te(t, /(::plac\w+|:read-\w+)/)) {
|
|
444
444
|
case ":read-only":
|
|
445
|
-
case ":read-write": return
|
|
446
|
-
case "::placeholder": return
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
445
|
+
case ":read-write": return V([F(e, { props: [T(t, /:(read-\w+)/, ":" + p + "$1")] })], r);
|
|
446
|
+
case "::placeholder": return V([
|
|
447
|
+
F(e, { props: [T(t, /:(plac\w+)/, ":" + m + "input-$1")] }),
|
|
448
|
+
F(e, { props: [T(t, /:(plac\w+)/, ":" + p + "$1")] }),
|
|
449
|
+
F(e, { props: [T(t, /:(plac\w+)/, f + "input-$1")] })
|
|
450
450
|
], r);
|
|
451
451
|
}
|
|
452
452
|
return "";
|
|
453
453
|
});
|
|
454
454
|
}
|
|
455
|
-
}],
|
|
455
|
+
}], Pe = 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,15 +460,15 @@ var Ae = [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 || Ne, 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 = [Ae, je], l, u = [Se, we(function(e) {
|
|
469
469
|
l.insert(e);
|
|
470
|
-
})], f =
|
|
471
|
-
return
|
|
470
|
+
})], f = Ce(c.concat(r, u)), p = function(e) {
|
|
471
|
+
return V(ve(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);
|
|
@@ -492,7 +492,7 @@ var Ae = [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 Fe(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 Me(e) {
|
|
|
503
503
|
}
|
|
504
504
|
//#endregion
|
|
505
505
|
//#region node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
|
|
506
|
-
var
|
|
506
|
+
var Ie = {
|
|
507
507
|
animationIterationCount: 1,
|
|
508
508
|
aspectRatio: 1,
|
|
509
509
|
borderImageOutset: 1,
|
|
@@ -551,26 +551,26 @@ var Ne = {
|
|
|
551
551
|
strokeMiterlimit: 1,
|
|
552
552
|
strokeOpacity: 1,
|
|
553
553
|
strokeWidth: 1
|
|
554
|
-
},
|
|
554
|
+
}, Le = /[A-Z]|^ms/g, Re = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ze = function(e) {
|
|
555
555
|
return e.charCodeAt(1) === 45;
|
|
556
|
-
},
|
|
556
|
+
}, Be = function(e) {
|
|
557
557
|
return e != null && typeof e != "boolean";
|
|
558
|
-
},
|
|
559
|
-
return
|
|
560
|
-
}),
|
|
558
|
+
}, Ve = /* #__PURE__ */ Te(function(e) {
|
|
559
|
+
return ze(e) ? e : e.replace(Le, "-$&").toLowerCase();
|
|
560
|
+
}), He = function(e, t) {
|
|
561
561
|
switch (e) {
|
|
562
562
|
case "animation":
|
|
563
|
-
case "animationName": if (typeof t == "string") return t.replace(
|
|
564
|
-
return
|
|
563
|
+
case "animationName": if (typeof t == "string") return t.replace(Re, function(e, t, n) {
|
|
564
|
+
return U = {
|
|
565
565
|
name: t,
|
|
566
566
|
styles: n,
|
|
567
|
-
next:
|
|
567
|
+
next: U
|
|
568
568
|
}, t;
|
|
569
569
|
});
|
|
570
570
|
}
|
|
571
|
-
return
|
|
571
|
+
return Ie[e] !== 1 && !ze(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
|
|
572
572
|
};
|
|
573
|
-
function
|
|
573
|
+
function H(e, t, n) {
|
|
574
574
|
if (n == null) return "";
|
|
575
575
|
var r = n;
|
|
576
576
|
if (r.__emotion_styles !== void 0) return r;
|
|
@@ -578,25 +578,25 @@ function G(e, t, n) {
|
|
|
578
578
|
case "boolean": return "";
|
|
579
579
|
case "object":
|
|
580
580
|
var i = n;
|
|
581
|
-
if (i.anim === 1) return
|
|
581
|
+
if (i.anim === 1) return U = {
|
|
582
582
|
name: i.name,
|
|
583
583
|
styles: i.styles,
|
|
584
|
-
next:
|
|
584
|
+
next: U
|
|
585
585
|
}, i.name;
|
|
586
586
|
var a = n;
|
|
587
587
|
if (a.styles !== void 0) {
|
|
588
588
|
var o = a.next;
|
|
589
|
-
if (o !== void 0) for (; o !== void 0;)
|
|
589
|
+
if (o !== void 0) for (; o !== void 0;) U = {
|
|
590
590
|
name: o.name,
|
|
591
591
|
styles: o.styles,
|
|
592
|
-
next:
|
|
592
|
+
next: U
|
|
593
593
|
}, o = o.next;
|
|
594
594
|
return a.styles + ";";
|
|
595
595
|
}
|
|
596
|
-
return
|
|
596
|
+
return Ue(e, t, n);
|
|
597
597
|
case "function": if (e !== void 0) {
|
|
598
|
-
var s =
|
|
599
|
-
return
|
|
598
|
+
var s = U, c = n(e);
|
|
599
|
+
return U = s, H(e, t, c);
|
|
600
600
|
}
|
|
601
601
|
}
|
|
602
602
|
var l = n;
|
|
@@ -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 Ue(e, t, n) {
|
|
608
608
|
var r = "";
|
|
609
|
-
if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r +=
|
|
609
|
+
if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += H(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] + "}" : Be(s) && (r += Ve(a) + ":" + He(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++) Be(o[c]) && (r += Ve(a) + ":" + He(a, o[c]) + ";");
|
|
616
616
|
else {
|
|
617
|
-
var l =
|
|
617
|
+
var l = H(e, t, o);
|
|
618
618
|
switch (a) {
|
|
619
619
|
case "animation":
|
|
620
620
|
case "animationName":
|
|
621
|
-
r +=
|
|
621
|
+
r += Ve(a) + ":" + l + ";";
|
|
622
622
|
break;
|
|
623
623
|
default: r += a + "{" + l + "}";
|
|
624
624
|
}
|
|
@@ -626,35 +626,35 @@ function Be(e, t, n) {
|
|
|
626
626
|
}
|
|
627
627
|
return r;
|
|
628
628
|
}
|
|
629
|
-
var
|
|
630
|
-
function
|
|
629
|
+
var We = /label:\s*([^\s;{]+)\s*(;|$)/g, U;
|
|
630
|
+
function Ge(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
|
+
U = void 0;
|
|
634
634
|
var a = e[0];
|
|
635
|
-
a == null || a.raw === void 0 ? (r = !1, i +=
|
|
636
|
-
for (var o = 1; o < e.length; o++) i +=
|
|
637
|
-
|
|
638
|
-
for (var s = "", c; (c =
|
|
635
|
+
a == null || a.raw === void 0 ? (r = !1, i += H(n, t, a)) : i += a[0];
|
|
636
|
+
for (var o = 1; o < e.length; o++) i += H(n, t, e[o]), r && (i += a[o]);
|
|
637
|
+
We.lastIndex = 0;
|
|
638
|
+
for (var s = "", c; (c = We.exec(i)) !== null;) s += "-" + c[1];
|
|
639
639
|
return {
|
|
640
|
-
name:
|
|
640
|
+
name: Fe(i) + s,
|
|
641
641
|
styles: i,
|
|
642
|
-
next:
|
|
642
|
+
next: U
|
|
643
643
|
};
|
|
644
644
|
}
|
|
645
645
|
//#endregion
|
|
646
646
|
//#region node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
|
|
647
|
-
function
|
|
647
|
+
function Ke(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 qe = 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
|
+
}, Je = function(e, t, n) {
|
|
657
|
+
qe(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 We = 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 Ye(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 Xe(e, t, n) {
|
|
672
|
+
var r = [], i = Ke(e, r, n);
|
|
673
673
|
return r.length < 2 ? n : i + t(r);
|
|
674
674
|
}
|
|
675
|
-
var
|
|
676
|
-
var t =
|
|
675
|
+
var Ze = function(e) {
|
|
676
|
+
var t = Pe(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 = Ge([...arguments], t.registered, void 0);
|
|
682
|
+
return Je(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 Xe(t.registered, n, Qe(e));
|
|
689
689
|
},
|
|
690
690
|
injectGlobal: function() {
|
|
691
|
-
|
|
691
|
+
Ye(t, Ge([...arguments], t.registered));
|
|
692
692
|
},
|
|
693
693
|
keyframes: function() {
|
|
694
|
-
var e =
|
|
695
|
-
return
|
|
694
|
+
var e = Ge([...arguments], t.registered), n = "animation-" + e.name;
|
|
695
|
+
return Ye(t, {
|
|
696
696
|
name: e.name,
|
|
697
697
|
styles: "@keyframes " + n + "{" + e.styles + "}"
|
|
698
698
|
}), n;
|
|
@@ -707,10 +707,10 @@ var Je = function(e) {
|
|
|
707
707
|
},
|
|
708
708
|
sheet: t.sheet,
|
|
709
709
|
cache: t,
|
|
710
|
-
getRegisteredStyles:
|
|
711
|
-
merge:
|
|
710
|
+
getRegisteredStyles: Ke.bind(null, t.registered),
|
|
711
|
+
merge: Xe.bind(null, t.registered, n)
|
|
712
712
|
};
|
|
713
|
-
},
|
|
713
|
+
}, Qe = 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 Je = function(e) {
|
|
|
727
727
|
}
|
|
728
728
|
}
|
|
729
729
|
return n;
|
|
730
|
-
},
|
|
731
|
-
|
|
732
|
-
var
|
|
733
|
-
|
|
734
|
-
var
|
|
735
|
-
|
|
730
|
+
}, W = Ze({ key: "css" });
|
|
731
|
+
W.flush, W.hydrate;
|
|
732
|
+
var G = W.cx;
|
|
733
|
+
W.merge, W.getRegisteredStyles;
|
|
734
|
+
var $e = W.injectGlobal, et = W.keyframes, K = W.css;
|
|
735
|
+
W.sheet, W.cache;
|
|
736
736
|
//#endregion
|
|
737
737
|
//#region \0virtual:svg-sprite
|
|
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-terminal\" viewBox=\"0 0 24 24\"><path d=\"M7.492 7.5 8.72 8.557c.515.445.773.667.773.943s-.258.498-.773.943L7.492 11.5\"/><path d=\"M11.492 12.5h4\"/><path d=\"M11.992 21c3.75 0 5.625 0 6.94-.955a5 5 0 0 0 1.105-1.106c.955-1.314.955-3.19.955-6.939s0-5.625-.955-6.939a5 5 0 0 0-1.106-1.106C17.617 3 15.741 3 11.992 3s-5.624 0-6.939.955A5 5 0 0 0 3.947 5.06c-.955 1.314-.955 3.19-.955 6.939s0 5.625.955 6.939a5 5 0 0 0 1.106 1.106c1.315.955 3.19.955 6.94.955\"/></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 = {
|
|
738
|
+
var tt = "<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-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-info\" viewBox=\"0 0 24 24\"><path 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 12\"/><path d=\"M12 16v-4\"/><path d=\"M12.125 8.25H12m.25 0a.25.25 0 1 0-.5 0 .25.25 0 0 0 .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-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-stack\" viewBox=\"0 0 24 24\"><path d=\"M21 14c0 1.4 0 2.1-.273 2.635a2.5 2.5 0 0 1-1.092 1.092C19.1 18 18.4 18 17 18H7c-1.4 0-2.1 0-2.635-.273a2.5 2.5 0 0 1-1.093-1.092C3 16.1 3 15.4 3 14\"/><path d=\"M6 14h12\"/><path d=\"M6 10h12\"/><path d=\"M6 6h12\"/></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-terminal\" viewBox=\"0 0 24 24\"><path d=\"M7.492 7.5 8.72 8.557c.515.445.773.667.773.943s-.258.498-.773.943L7.492 11.5\"/><path d=\"M11.492 12.5h4\"/><path d=\"M11.992 21c3.75 0 5.625 0 6.94-.955a5 5 0 0 0 1.105-1.106c.955-1.314.955-3.19.955-6.939s0-5.625-.955-6.939a5 5 0 0 0-1.106-1.106C17.617 3 15.741 3 11.992 3s-5.624 0-6.939.955A5 5 0 0 0 3.947 5.06c-.955 1.314-.955 3.19-.955 6.939s0 5.625.955 6.939a5 5 0 0 0 1.106 1.106c1.315.955 3.19.955 6.94.955\"/></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-bookmark\" viewBox=\"0 0 24 24\"><path stroke-linejoin=\"round\" d=\"M11 2C7.229 2 5.343 2 4.172 3.129 3 4.257 3 6.074 3 9.708v8.273c0 2.306 0 3.459.773 3.871 1.496.8 4.304-1.867 5.637-2.67.773-.465 1.16-.698 1.59-.698s.817.233 1.59.698c1.333.803 4.14 3.47 5.637 2.67.773-.412.773-1.565.773-3.871V13\"/><path d=\"M17 10V2m-4 4h8\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-bug\" viewBox=\"0 0 24 24\"><path d=\"M3.012 6.597c-.12 1.06.646 3.598 2.865 3.658\"/><path d=\"M18.29 10.195c1.078.06 2.697-1.2 2.697-3.598\"/><path d=\"M20.088 20.988c.06-1.38-.84-3.514-2.579-3.574\"/><path d=\"M3.901 20.988c-.06-1.388.858-3.537 2.636-3.597\"/><path d=\"M3.012 13.793h2.206\"/><path d=\"M21 13.793h-2.172\"/><path d=\"M11.993 13.793v-2.938M16.49 3l-1.799 1.799m-7.195-1.8 1.799 1.8\"/><path d=\"M6.956 8.612c1.619 1.163 5.636 2.842 10.014.072\"/><path d=\"M16.826 7.677c-3.574-4.977-8.13-2.579-9.75.144-1.055 1.774-2.698 6.068.42 10.745 3.358 4.1 7.315 2.242 8.934.083 1.56-1.858 3.094-6.655.396-10.972Z\"/></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-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-sparkles\" viewBox=\"0 0 24 24\"><path d=\"m15 2 .539 2.392a5.39 5.39 0 0 0 4.07 4.07L22 9l-2.392.539a5.39 5.39 0 0 0-4.07 4.07L15 16l-.539-2.392a5.39 5.39 0 0 0-4.07-4.07L8 9l2.392-.539a5.39 5.39 0 0 0 4.07-4.07z\"/><path d=\"m7 12 .385 1.708a3.85 3.85 0 0 0 2.907 2.907L12 17l-1.708.385a3.85 3.85 0 0 0-2.907 2.907L7 22l-.385-1.708a3.85 3.85 0 0 0-2.907-2.907L2 17l1.708-.385a3.85 3.85 0 0 0 2.907-2.907z\"/></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>", nt = !1, rt = new URL("./assets/manrope.woff2", import.meta.url).href ?? "/fonts/manrope.woff2", q = {
|
|
739
739
|
fontFamily: "Manrope",
|
|
740
740
|
zIndex: {
|
|
741
741
|
front: 1,
|
|
@@ -772,10 +772,10 @@ var Qe = "<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
|
+
nt || typeof document > "u" || ($e(`
|
|
776
776
|
@font-face {
|
|
777
777
|
font-family: 'Manrope';
|
|
778
|
-
src: url('${
|
|
778
|
+
src: url('${rt}') format('woff2');
|
|
779
779
|
font-weight: 100 900;
|
|
780
780
|
font-style: normal;
|
|
781
781
|
font-display: swap;
|
|
@@ -857,23 +857,313 @@ var Qe = "<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", tt), nt = !0));
|
|
861
861
|
}
|
|
862
862
|
};
|
|
863
863
|
//#endregion
|
|
864
|
-
//#region src/components/
|
|
865
|
-
function
|
|
864
|
+
//#region src/components/_icon.jsx
|
|
865
|
+
function J({ className: e, size: t = "1.25rem", color: n = q.colors.fore.primary, iconName: r, isSpinning: i }) {
|
|
866
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("svg", {
|
|
867
|
+
className: G(it.base, e),
|
|
868
|
+
style: {
|
|
869
|
+
color: n,
|
|
870
|
+
width: t,
|
|
871
|
+
height: t
|
|
872
|
+
},
|
|
873
|
+
"aria-hidden": "true",
|
|
874
|
+
"is-spinning": i || void 0,
|
|
875
|
+
children: /* @__PURE__ */ s("use", { href: `#icon-${r}` })
|
|
876
|
+
}) });
|
|
877
|
+
}
|
|
878
|
+
var it = { base: K`
|
|
879
|
+
fill: currentColor;
|
|
880
|
+
display: inline-block;
|
|
881
|
+
flex-shrink: 0;
|
|
882
|
+
will-change: transform;
|
|
883
|
+
transition: transform .1s linear;
|
|
884
|
+
|
|
885
|
+
&[is-spinning] { animation: ${et`
|
|
886
|
+
0% {
|
|
887
|
+
transform: rotate(0deg);
|
|
888
|
+
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
889
|
+
}
|
|
890
|
+
|
|
891
|
+
35% { transform: rotate(180deg); }
|
|
892
|
+
|
|
893
|
+
55% {
|
|
894
|
+
transform: rotate(180deg);
|
|
895
|
+
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
896
|
+
}
|
|
897
|
+
|
|
898
|
+
80% { transform: rotate(360deg); }
|
|
899
|
+
100% { transform: rotate(360deg); }
|
|
900
|
+
`} 3s linear infinite; }
|
|
901
|
+
` };
|
|
902
|
+
//#endregion
|
|
903
|
+
//#region src/components/_popup-box.jsx
|
|
904
|
+
function at({ className: e, trigger: t, children: n, id: r, isOpen: i = !1, origin: a = "center", role: l, width: u }) {
|
|
905
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
|
|
906
|
+
className: ot.base,
|
|
907
|
+
children: [t, i && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
908
|
+
id: r,
|
|
909
|
+
className: G(ot.popup, ot[a] ?? ot.center, e),
|
|
910
|
+
style: { width: u },
|
|
911
|
+
role: l,
|
|
912
|
+
children: n
|
|
913
|
+
}) })]
|
|
914
|
+
}) });
|
|
915
|
+
}
|
|
916
|
+
var ot = {
|
|
917
|
+
base: K`
|
|
918
|
+
display: inline-block;
|
|
919
|
+
position: relative;
|
|
920
|
+
`,
|
|
921
|
+
popup: K`
|
|
922
|
+
position: absolute;
|
|
923
|
+
z-index: ${q.zIndex.front + 1};
|
|
924
|
+
top: calc(100% + .5rem);
|
|
925
|
+
min-width: 100%;
|
|
926
|
+
width: max-content;
|
|
927
|
+
max-width: calc(100vw - 2rem);
|
|
928
|
+
padding: .5rem;
|
|
929
|
+
border: solid 1px #e5e7e9;
|
|
930
|
+
border-radius: 10px;
|
|
931
|
+
color: ${q.colors.fore.primary};
|
|
932
|
+
background-color: ${q.colors.back.primary};
|
|
933
|
+
box-shadow: 0 6px 20px rgb(22 24 38 / 10%);
|
|
934
|
+
font-family: ${q.fontFamily}, sans-serif;
|
|
935
|
+
`,
|
|
936
|
+
center: K`
|
|
937
|
+
left: 50%;
|
|
938
|
+
transform: translateX(-50%);
|
|
939
|
+
`,
|
|
940
|
+
left: K`
|
|
941
|
+
left: 0;
|
|
942
|
+
`,
|
|
943
|
+
right: K`
|
|
944
|
+
right: 0;
|
|
945
|
+
`
|
|
946
|
+
};
|
|
947
|
+
//#endregion
|
|
948
|
+
//#region src/components/_actions.jsx
|
|
949
|
+
function st({ items: e = [], actions: t }) {
|
|
950
|
+
let n = t ?? e;
|
|
951
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("nav", {
|
|
952
|
+
className: Y.base,
|
|
953
|
+
"aria-label": "Actions",
|
|
954
|
+
children: n.map((e, t) => /* @__PURE__ */ s(ct, { item: e }, e.label ?? t))
|
|
955
|
+
}) });
|
|
956
|
+
}
|
|
957
|
+
function ct({ item: e }) {
|
|
958
|
+
let t = i(), l = a(null), u = a(null), d = a([]), f = n(!1), p = e.subActions ?? e.items ?? [], m = p.length > 0;
|
|
959
|
+
r(() => {
|
|
960
|
+
if (!f.value) return;
|
|
961
|
+
function e({ target: e }) {
|
|
962
|
+
l.current?.contains(e) || (f.value = !1);
|
|
963
|
+
}
|
|
964
|
+
return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
|
|
965
|
+
}, [f.value]);
|
|
966
|
+
function h(t) {
|
|
967
|
+
if (m) {
|
|
968
|
+
f.value = !f.value;
|
|
969
|
+
return;
|
|
970
|
+
}
|
|
971
|
+
t.stopPropagation(), t.preventDefault(), e.onClick?.(t);
|
|
972
|
+
}
|
|
973
|
+
function g() {
|
|
974
|
+
f.value = !1, u.current?.focus();
|
|
975
|
+
}
|
|
976
|
+
function _(e) {
|
|
977
|
+
if (e.key === "Escape" && f.value) {
|
|
978
|
+
e.preventDefault(), g();
|
|
979
|
+
return;
|
|
980
|
+
}
|
|
981
|
+
e.key === "ArrowDown" && m && (e.preventDefault(), f.value = !0, requestAnimationFrame(() => d.current[0]?.focus()));
|
|
982
|
+
}
|
|
983
|
+
function v(e, t) {
|
|
984
|
+
e.stopPropagation(), e.preventDefault(), f.value = !1, t.onClick?.(e);
|
|
985
|
+
}
|
|
986
|
+
function y(e, t) {
|
|
987
|
+
if (e.key === "Escape") {
|
|
988
|
+
e.preventDefault(), g();
|
|
989
|
+
return;
|
|
990
|
+
}
|
|
991
|
+
if (e.key === "Tab") {
|
|
992
|
+
f.value = !1;
|
|
993
|
+
return;
|
|
994
|
+
}
|
|
995
|
+
if (![
|
|
996
|
+
"ArrowDown",
|
|
997
|
+
"ArrowUp",
|
|
998
|
+
"Home",
|
|
999
|
+
"End"
|
|
1000
|
+
].includes(e.key)) return;
|
|
1001
|
+
if (e.preventDefault(), e.key === "Home") {
|
|
1002
|
+
d.current[0]?.focus();
|
|
1003
|
+
return;
|
|
1004
|
+
}
|
|
1005
|
+
if (e.key === "End") {
|
|
1006
|
+
d.current[p.length - 1]?.focus();
|
|
1007
|
+
return;
|
|
1008
|
+
}
|
|
1009
|
+
let n = (t + (e.key === "ArrowDown" ? 1 : -1) + p.length) % p.length;
|
|
1010
|
+
d.current[n]?.focus();
|
|
1011
|
+
}
|
|
866
1012
|
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
1013
|
+
ref: l,
|
|
1014
|
+
className: Y.action,
|
|
1015
|
+
children: /* @__PURE__ */ s(at, {
|
|
1016
|
+
className: Y.popup,
|
|
1017
|
+
trigger: /* @__PURE__ */ c("button", {
|
|
1018
|
+
ref: u,
|
|
1019
|
+
type: "button",
|
|
1020
|
+
className: G(Y.button, !e.label && Y.iconOnly),
|
|
1021
|
+
"aria-label": e.label || e.iconName,
|
|
1022
|
+
"aria-controls": m ? t : void 0,
|
|
1023
|
+
"aria-expanded": m ? f.value : void 0,
|
|
1024
|
+
"aria-haspopup": m ? "menu" : void 0,
|
|
1025
|
+
disabled: e.isDisabled,
|
|
1026
|
+
"is-clickable": !e.isDisabled || void 0,
|
|
1027
|
+
"is-disabled": e.isDisabled || void 0,
|
|
1028
|
+
onClick: h,
|
|
1029
|
+
onKeyDown: _,
|
|
1030
|
+
children: [e.iconName && /* @__PURE__ */ s(J, {
|
|
1031
|
+
iconName: e.iconName,
|
|
1032
|
+
size: "1rem"
|
|
1033
|
+
}), e.label && /* @__PURE__ */ s("span", { children: e.label })]
|
|
1034
|
+
}),
|
|
1035
|
+
id: t,
|
|
1036
|
+
isOpen: f.value,
|
|
1037
|
+
origin: "right",
|
|
1038
|
+
role: "menu",
|
|
1039
|
+
children: p.map((e, t) => /* @__PURE__ */ c("button", {
|
|
1040
|
+
ref: (e) => d.current[t] = e,
|
|
1041
|
+
type: "button",
|
|
1042
|
+
role: "menuitem",
|
|
1043
|
+
className: Y.option,
|
|
1044
|
+
disabled: e.isDisabled,
|
|
1045
|
+
onClick: (t) => v(t, e),
|
|
1046
|
+
onKeyDown: (e) => y(e, t),
|
|
1047
|
+
children: [e.iconName && /* @__PURE__ */ s(J, {
|
|
1048
|
+
iconName: e.iconName,
|
|
1049
|
+
size: "1rem"
|
|
1050
|
+
}), e.label && /* @__PURE__ */ s("span", { children: e.label })]
|
|
1051
|
+
}, e.label ?? t))
|
|
872
1052
|
})
|
|
873
1053
|
}) });
|
|
874
1054
|
}
|
|
875
|
-
var
|
|
876
|
-
base:
|
|
1055
|
+
var Y = {
|
|
1056
|
+
base: K`
|
|
1057
|
+
display: flex;
|
|
1058
|
+
align-items: center;
|
|
1059
|
+
gap: .6rem;
|
|
1060
|
+
pointer-events: auto;
|
|
1061
|
+
`,
|
|
1062
|
+
action: K`
|
|
1063
|
+
display: inline-block;
|
|
1064
|
+
`,
|
|
1065
|
+
button: K`
|
|
1066
|
+
display: flex;
|
|
1067
|
+
align-items: center;
|
|
1068
|
+
gap: .4rem;
|
|
1069
|
+
min-height: 2.25rem;
|
|
1070
|
+
padding: .5rem .7rem;
|
|
1071
|
+
border: solid 1px ${q.colors.border};
|
|
1072
|
+
border-radius: 8px;
|
|
1073
|
+
color: ${q.colors.fore.primary};
|
|
1074
|
+
background-color: ${q.colors.back.primary};
|
|
1075
|
+
font: 500 .8rem ${q.fontFamily}, sans-serif;
|
|
1076
|
+
letter-spacing: .3px;
|
|
1077
|
+
white-space: nowrap;
|
|
1078
|
+
|
|
1079
|
+
&:hover { background-color: ${q.colors.back.secondary}; }
|
|
1080
|
+
&:focus-visible { box-shadow: 0 0 0 2px ${q.colors.primary}; }
|
|
1081
|
+
`,
|
|
1082
|
+
iconOnly: K`
|
|
1083
|
+
width: 2.25rem;
|
|
1084
|
+
justify-content: center;
|
|
1085
|
+
padding: .5rem;
|
|
1086
|
+
`,
|
|
1087
|
+
popup: K`
|
|
1088
|
+
display: grid;
|
|
1089
|
+
gap: .125rem;
|
|
1090
|
+
min-width: 10rem;
|
|
1091
|
+
`,
|
|
1092
|
+
option: K`
|
|
1093
|
+
display: flex;
|
|
1094
|
+
align-items: center;
|
|
1095
|
+
gap: .5rem;
|
|
1096
|
+
width: 100%;
|
|
1097
|
+
padding: .6rem .75rem;
|
|
1098
|
+
border-radius: 7px;
|
|
1099
|
+
color: ${q.colors.fore.primary};
|
|
1100
|
+
font: 500 .8rem ${q.fontFamily}, sans-serif;
|
|
1101
|
+
text-align: left;
|
|
1102
|
+
white-space: nowrap;
|
|
1103
|
+
|
|
1104
|
+
&:hover,
|
|
1105
|
+
&:focus-visible { background-color: ${q.colors.back.secondary}; }
|
|
1106
|
+
`
|
|
1107
|
+
};
|
|
1108
|
+
//#endregion
|
|
1109
|
+
//#region src/components/_text.jsx
|
|
1110
|
+
function lt({ as: e = "span", className: t, size: n = "normal", color: r = q.colors.fore.primary, children: i }) {
|
|
1111
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(e, {
|
|
1112
|
+
className: G(ut.base, ut[n] ?? ut.normal, t),
|
|
1113
|
+
style: { color: r },
|
|
1114
|
+
children: i
|
|
1115
|
+
}) });
|
|
1116
|
+
}
|
|
1117
|
+
var ut = {
|
|
1118
|
+
base: K`
|
|
1119
|
+
font-weight: 500;
|
|
1120
|
+
letter-spacing: 1px;
|
|
1121
|
+
`,
|
|
1122
|
+
normal: K`
|
|
1123
|
+
font-size: 1rem;
|
|
1124
|
+
line-height: 1.125rem;
|
|
1125
|
+
`,
|
|
1126
|
+
small: K`
|
|
1127
|
+
font-size: .75rem;
|
|
1128
|
+
line-height: 1rem;
|
|
1129
|
+
`,
|
|
1130
|
+
tiny: K`
|
|
1131
|
+
font-size: .65rem;
|
|
1132
|
+
line-height: 1rem;
|
|
1133
|
+
`
|
|
1134
|
+
};
|
|
1135
|
+
//#endregion
|
|
1136
|
+
//#region src/components/_app-wrapper.jsx
|
|
1137
|
+
function dt({ maxWidth: e = "67.5rem", logo: t, version: n, actions: r = [], children: i }) {
|
|
1138
|
+
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
|
|
1139
|
+
className: X.base,
|
|
1140
|
+
children: [
|
|
1141
|
+
/* @__PURE__ */ c("header", {
|
|
1142
|
+
className: X.header,
|
|
1143
|
+
children: [t && /* @__PURE__ */ s("a", {
|
|
1144
|
+
href: "/",
|
|
1145
|
+
children: /* @__PURE__ */ s("img", {
|
|
1146
|
+
className: X.logo,
|
|
1147
|
+
src: t
|
|
1148
|
+
})
|
|
1149
|
+
}), r.length > 0 && /* @__PURE__ */ s(st, { items: r })]
|
|
1150
|
+
}),
|
|
1151
|
+
/* @__PURE__ */ s("div", {
|
|
1152
|
+
className: X.inner,
|
|
1153
|
+
style: { maxWidth: e },
|
|
1154
|
+
children: i
|
|
1155
|
+
}),
|
|
1156
|
+
n && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c(lt, {
|
|
1157
|
+
className: X.version,
|
|
1158
|
+
size: "small",
|
|
1159
|
+
color: q.colors.fore.secondary,
|
|
1160
|
+
children: ["Version: ", n]
|
|
1161
|
+
}) })
|
|
1162
|
+
]
|
|
1163
|
+
}) });
|
|
1164
|
+
}
|
|
1165
|
+
var X = {
|
|
1166
|
+
base: K`
|
|
877
1167
|
// The template is stretched over the entire viewport, and the vertical
|
|
878
1168
|
// scrollbar is enabled manually.
|
|
879
1169
|
// This is necessary so that the modal overlays can cover the scrollbar,
|
|
@@ -881,32 +1171,50 @@ var nt = {
|
|
|
881
1171
|
// when it's displayed or not.
|
|
882
1172
|
// Normally, we'd use the body element for this, but the modal overlay
|
|
883
1173
|
// can't cover the scrollbar of the body element.
|
|
884
|
-
${
|
|
1174
|
+
${q.extends.stretch}
|
|
885
1175
|
overflow-y: scroll;
|
|
886
1176
|
overflow-x: hidden;
|
|
887
1177
|
scroll-behavior: smooth;
|
|
888
1178
|
`,
|
|
889
|
-
|
|
1179
|
+
header: K`
|
|
1180
|
+
display: flex;
|
|
1181
|
+
padding: 4rem 5rem;
|
|
1182
|
+
align-items: center;
|
|
1183
|
+
justify-content: space-between;
|
|
1184
|
+
`,
|
|
1185
|
+
logo: K`
|
|
1186
|
+
display: block;
|
|
1187
|
+
pointer-events: auto;
|
|
1188
|
+
display: block;
|
|
1189
|
+
max-width: 8rem;
|
|
1190
|
+
max-height: 3rem;
|
|
1191
|
+
`,
|
|
1192
|
+
inner: K`
|
|
890
1193
|
position: relative;
|
|
891
|
-
padding:
|
|
1194
|
+
padding: 4rem 0;
|
|
892
1195
|
margin: 0 auto;
|
|
1196
|
+
`,
|
|
1197
|
+
version: K`
|
|
1198
|
+
position: absolute;
|
|
1199
|
+
left: 2rem;
|
|
1200
|
+
bottom: 2rem;
|
|
893
1201
|
`
|
|
894
|
-
},
|
|
895
|
-
className:
|
|
1202
|
+
}, ft = ({ type: e = "normal", width: t = "100%", value: n = 0 }) => /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
1203
|
+
className: pt.base,
|
|
896
1204
|
style: { width: t },
|
|
897
1205
|
children: /* @__PURE__ */ s("div", {
|
|
898
|
-
className:
|
|
1206
|
+
className: G(pt.value, pt[e] ?? pt.normal),
|
|
899
1207
|
style: { width: `${n}%` }
|
|
900
1208
|
})
|
|
901
|
-
}) }),
|
|
902
|
-
base:
|
|
1209
|
+
}) }), pt = {
|
|
1210
|
+
base: K`
|
|
903
1211
|
position: relative;
|
|
904
1212
|
border-radius: 16px;
|
|
905
1213
|
height: .625rem;
|
|
906
|
-
border: solid 1px ${
|
|
907
|
-
background-color: ${
|
|
1214
|
+
border: solid 1px ${q.colors.border};
|
|
1215
|
+
background-color: ${q.colors.back.secondary};
|
|
908
1216
|
`,
|
|
909
|
-
value:
|
|
1217
|
+
value: K`
|
|
910
1218
|
position: absolute;
|
|
911
1219
|
top: -1px;
|
|
912
1220
|
bottom: -1px;
|
|
@@ -915,24 +1223,24 @@ var nt = {
|
|
|
915
1223
|
will-change: width;
|
|
916
1224
|
transition: width .3s ease;
|
|
917
1225
|
`,
|
|
918
|
-
normal:
|
|
919
|
-
border: solid 1px ${
|
|
920
|
-
background-color: ${
|
|
1226
|
+
normal: K`
|
|
1227
|
+
border: solid 1px ${e(q.colors.primary, .3)};
|
|
1228
|
+
background-color: ${q.colors.primary};
|
|
921
1229
|
`,
|
|
922
|
-
warn:
|
|
923
|
-
border: solid 1px ${
|
|
924
|
-
background-color: ${
|
|
1230
|
+
warn: K`
|
|
1231
|
+
border: solid 1px ${e(q.colors.secondary, .2)};
|
|
1232
|
+
background-color: ${q.colors.secondary};
|
|
925
1233
|
`,
|
|
926
|
-
danger:
|
|
927
|
-
border: solid 1px ${
|
|
928
|
-
background-color: ${
|
|
1234
|
+
danger: K`
|
|
1235
|
+
border: solid 1px ${e(q.colors.danger, .3)};
|
|
1236
|
+
background-color: ${q.colors.danger};
|
|
929
1237
|
`
|
|
930
1238
|
};
|
|
931
1239
|
//#endregion
|
|
932
1240
|
//#region src/components/_box.jsx
|
|
933
|
-
function
|
|
1241
|
+
function mt({ type: e = "normal", className: t, width: n, height: r, children: i }) {
|
|
934
1242
|
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
935
|
-
className:
|
|
1243
|
+
className: G(ht.base, ht[e] ?? ht.normal, t),
|
|
936
1244
|
style: {
|
|
937
1245
|
width: n,
|
|
938
1246
|
height: r
|
|
@@ -940,63 +1248,24 @@ function at({ type: e = "normal", className: t, width: n, height: r, children: i
|
|
|
940
1248
|
children: i
|
|
941
1249
|
}) });
|
|
942
1250
|
}
|
|
943
|
-
var
|
|
944
|
-
base:
|
|
1251
|
+
var ht = {
|
|
1252
|
+
base: K`
|
|
945
1253
|
position: relative;
|
|
946
1254
|
border-radius: 18px;
|
|
947
1255
|
border: solid 2px #eee;
|
|
948
1256
|
padding: 1.875rem 1.25rem;
|
|
949
|
-
box-shadow: ${
|
|
1257
|
+
box-shadow: ${q.colors.shadow.primary};
|
|
950
1258
|
`,
|
|
951
|
-
normal:
|
|
952
|
-
background-color: ${
|
|
1259
|
+
normal: K`
|
|
1260
|
+
background-color: ${q.colors.back.primary};
|
|
953
1261
|
`,
|
|
954
|
-
alternative:
|
|
1262
|
+
alternative: K`
|
|
955
1263
|
background-color: #fafafa;
|
|
956
1264
|
`
|
|
957
1265
|
};
|
|
958
1266
|
//#endregion
|
|
959
|
-
//#region src/components/_icon.jsx
|
|
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
|
-
style: {
|
|
964
|
-
color: n,
|
|
965
|
-
width: t,
|
|
966
|
-
height: t
|
|
967
|
-
},
|
|
968
|
-
"aria-hidden": "true",
|
|
969
|
-
"is-spinning": i || void 0,
|
|
970
|
-
children: /* @__PURE__ */ s("use", { href: `#icon-${r}` })
|
|
971
|
-
}) });
|
|
972
|
-
}
|
|
973
|
-
var st = { base: Y`
|
|
974
|
-
fill: currentColor;
|
|
975
|
-
display: inline-block;
|
|
976
|
-
flex-shrink: 0;
|
|
977
|
-
will-change: transform;
|
|
978
|
-
transition: transform .1s linear;
|
|
979
|
-
|
|
980
|
-
&[is-spinning] { animation: ${Ze`
|
|
981
|
-
0% {
|
|
982
|
-
transform: rotate(0deg);
|
|
983
|
-
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
984
|
-
}
|
|
985
|
-
|
|
986
|
-
35% { transform: rotate(180deg); }
|
|
987
|
-
|
|
988
|
-
55% {
|
|
989
|
-
transform: rotate(180deg);
|
|
990
|
-
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
991
|
-
}
|
|
992
|
-
|
|
993
|
-
80% { transform: rotate(360deg); }
|
|
994
|
-
100% { transform: rotate(360deg); }
|
|
995
|
-
`} 3s linear infinite; }
|
|
996
|
-
` };
|
|
997
|
-
//#endregion
|
|
998
1267
|
//#region src/components/_button.jsx
|
|
999
|
-
function
|
|
1268
|
+
function gt({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, isLoading: a = !1, onClick: l }) {
|
|
1000
1269
|
let u = r || a, d = n(null);
|
|
1001
1270
|
function f(e) {
|
|
1002
1271
|
if (i || a) return;
|
|
@@ -1010,7 +1279,7 @@ function ct({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, is
|
|
|
1010
1279
|
}
|
|
1011
1280
|
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("button", {
|
|
1012
1281
|
type: "button",
|
|
1013
|
-
className:
|
|
1282
|
+
className: G(Z.base, Z[e] ?? Z.normal),
|
|
1014
1283
|
"has-icon": u,
|
|
1015
1284
|
"is-disabled": i || void 0,
|
|
1016
1285
|
"is-loading": a || void 0,
|
|
@@ -1019,19 +1288,19 @@ function ct({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, is
|
|
|
1019
1288
|
onClick: f,
|
|
1020
1289
|
children: [
|
|
1021
1290
|
u && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
1022
|
-
className:
|
|
1023
|
-
${
|
|
1291
|
+
className: K`
|
|
1292
|
+
${q.extends.verticalCenter}
|
|
1024
1293
|
|
|
1025
1294
|
left: .6rem;
|
|
1026
1295
|
`,
|
|
1027
|
-
children: a ? /* @__PURE__ */ s(
|
|
1296
|
+
children: a ? /* @__PURE__ */ s(J, {
|
|
1028
1297
|
iconName: "loader",
|
|
1029
1298
|
isSpinning: !0
|
|
1030
|
-
}) : /* @__PURE__ */ s(
|
|
1299
|
+
}) : /* @__PURE__ */ s(J, { iconName: r })
|
|
1031
1300
|
}) }),
|
|
1032
1301
|
t,
|
|
1033
1302
|
d.value && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("span", {
|
|
1034
|
-
className:
|
|
1303
|
+
className: Z.ripple,
|
|
1035
1304
|
style: {
|
|
1036
1305
|
left: d.value.x,
|
|
1037
1306
|
top: d.value.y,
|
|
@@ -1043,7 +1312,7 @@ function ct({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, is
|
|
|
1043
1312
|
]
|
|
1044
1313
|
}) });
|
|
1045
1314
|
}
|
|
1046
|
-
var
|
|
1315
|
+
var _t = et`
|
|
1047
1316
|
from {
|
|
1048
1317
|
opacity: .4;
|
|
1049
1318
|
transform: translate(-50%, -50%) scale(0);
|
|
@@ -1053,8 +1322,8 @@ var lt = Ze`
|
|
|
1053
1322
|
opacity: 0;
|
|
1054
1323
|
transform: translate(-50%, -50%) scale(1);
|
|
1055
1324
|
}
|
|
1056
|
-
`,
|
|
1057
|
-
base:
|
|
1325
|
+
`, Z = {
|
|
1326
|
+
base: K`
|
|
1058
1327
|
font-size: .9rem;
|
|
1059
1328
|
display: inline-block;
|
|
1060
1329
|
position: relative;
|
|
@@ -1066,7 +1335,7 @@ var lt = Ze`
|
|
|
1066
1335
|
border-radius: 12px;
|
|
1067
1336
|
will-change: transform, border;
|
|
1068
1337
|
transition: transform .1s linear, border .1s linear;
|
|
1069
|
-
font-family: ${
|
|
1338
|
+
font-family: ${q.fontFamily}, sans-serif;
|
|
1070
1339
|
|
|
1071
1340
|
&:active {
|
|
1072
1341
|
transform: translateY(2px);
|
|
@@ -1075,30 +1344,30 @@ var lt = Ze`
|
|
|
1075
1344
|
|
|
1076
1345
|
&[has-icon] { padding-left: 2rem; }
|
|
1077
1346
|
`,
|
|
1078
|
-
primary:
|
|
1079
|
-
color: ${
|
|
1080
|
-
border-bottom: solid 3px ${
|
|
1081
|
-
background-color: ${
|
|
1347
|
+
primary: K`
|
|
1348
|
+
color: ${e(q.colors.primary, .5)};
|
|
1349
|
+
border-bottom: solid 3px ${e(q.colors.primary, .25)};
|
|
1350
|
+
background-color: ${q.colors.primary};
|
|
1082
1351
|
`,
|
|
1083
|
-
secondary:
|
|
1084
|
-
color: ${
|
|
1085
|
-
border-bottom: solid 3px ${
|
|
1086
|
-
background-color: ${
|
|
1352
|
+
secondary: K`
|
|
1353
|
+
color: ${e(q.colors.secondary, .5)};
|
|
1354
|
+
border-bottom: solid 3px ${e(q.colors.secondary, .25)};
|
|
1355
|
+
background-color: ${q.colors.secondary};
|
|
1087
1356
|
`,
|
|
1088
|
-
ripple:
|
|
1357
|
+
ripple: K`
|
|
1089
1358
|
position: absolute;
|
|
1090
1359
|
z-index: 1;
|
|
1091
1360
|
border-radius: 50%;
|
|
1092
1361
|
pointer-events: none;
|
|
1093
1362
|
background-color: currentColor;
|
|
1094
|
-
animation: ${
|
|
1363
|
+
animation: ${_t} .5s ease-out forwards;
|
|
1095
1364
|
`
|
|
1096
1365
|
};
|
|
1097
1366
|
//#endregion
|
|
1098
1367
|
//#region src/components/_layout.jsx
|
|
1099
|
-
function
|
|
1368
|
+
function vt({ className: e, height: t, direction: n = "row", justify: r, align: i, gap: a, children: c }) {
|
|
1100
1369
|
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
1101
|
-
className:
|
|
1370
|
+
className: G(yt.base, e),
|
|
1102
1371
|
style: {
|
|
1103
1372
|
height: t,
|
|
1104
1373
|
flexDirection: n,
|
|
@@ -1109,60 +1378,33 @@ function dt({ className: e, height: t, direction: n = "row", justify: r, align:
|
|
|
1109
1378
|
children: c
|
|
1110
1379
|
}) });
|
|
1111
1380
|
}
|
|
1112
|
-
var
|
|
1381
|
+
var yt = { base: K`
|
|
1113
1382
|
display: flex;
|
|
1114
1383
|
` };
|
|
1115
1384
|
//#endregion
|
|
1116
|
-
//#region src/components/_text.jsx
|
|
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
|
-
style: { color: r },
|
|
1121
|
-
children: i
|
|
1122
|
-
}) });
|
|
1123
|
-
}
|
|
1124
|
-
var mt = {
|
|
1125
|
-
base: Y`
|
|
1126
|
-
font-weight: 500;
|
|
1127
|
-
letter-spacing: 1px;
|
|
1128
|
-
`,
|
|
1129
|
-
normal: Y`
|
|
1130
|
-
font-size: 1rem;
|
|
1131
|
-
line-height: 1.125rem;
|
|
1132
|
-
`,
|
|
1133
|
-
small: Y`
|
|
1134
|
-
font-size: .75rem;
|
|
1135
|
-
line-height: 1rem;
|
|
1136
|
-
`,
|
|
1137
|
-
tiny: Y`
|
|
1138
|
-
font-size: .65rem;
|
|
1139
|
-
line-height: 1rem;
|
|
1140
|
-
`
|
|
1141
|
-
};
|
|
1142
|
-
//#endregion
|
|
1143
1385
|
//#region src/components/_headline.jsx
|
|
1144
|
-
function
|
|
1386
|
+
function bt({ as: e = "h2", className: t, size: n = "normal", color: r = q.colors.fore.primary, children: i }) {
|
|
1145
1387
|
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(e, {
|
|
1146
|
-
className:
|
|
1388
|
+
className: G(xt.base, xt[n] ?? xt.normal, t),
|
|
1147
1389
|
style: { color: r },
|
|
1148
1390
|
children: i
|
|
1149
1391
|
}) });
|
|
1150
1392
|
}
|
|
1151
|
-
var
|
|
1152
|
-
base:
|
|
1393
|
+
var xt = {
|
|
1394
|
+
base: K`
|
|
1153
1395
|
letter-spacing: 1px;
|
|
1154
1396
|
`,
|
|
1155
|
-
normal:
|
|
1397
|
+
normal: K`
|
|
1156
1398
|
font-weight: 500;
|
|
1157
1399
|
font-size: 1rem;
|
|
1158
1400
|
line-height: 1.2rem;
|
|
1159
1401
|
`,
|
|
1160
|
-
large:
|
|
1402
|
+
large: K`
|
|
1161
1403
|
font-weight: 600;
|
|
1162
1404
|
font-size: 1.4rem;
|
|
1163
1405
|
line-height: 1.2;
|
|
1164
1406
|
`,
|
|
1165
|
-
small:
|
|
1407
|
+
small: K`
|
|
1166
1408
|
font-weight: 500;
|
|
1167
1409
|
font-size: .9rem;
|
|
1168
1410
|
line-height: 1.2rem;
|
|
@@ -1170,7 +1412,7 @@ var gt = {
|
|
|
1170
1412
|
};
|
|
1171
1413
|
//#endregion
|
|
1172
1414
|
//#region src/components/_space.jsx
|
|
1173
|
-
function
|
|
1415
|
+
function St({ size: e = 1 }) {
|
|
1174
1416
|
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
|
|
1175
1417
|
"aria-hidden": "true",
|
|
1176
1418
|
style: {
|
|
@@ -1181,23 +1423,23 @@ function _t({ size: e = 1 }) {
|
|
|
1181
1423
|
}
|
|
1182
1424
|
//#endregion
|
|
1183
1425
|
//#region src/components/_text-field.jsx
|
|
1184
|
-
function
|
|
1426
|
+
function Ct({ placeholder: e, value: t, width: r, isDisabled: a, onChange: l }) {
|
|
1185
1427
|
let u = i(), d = n(t);
|
|
1186
1428
|
function f({ target: e }) {
|
|
1187
1429
|
d.value = e.value, l?.(d.value);
|
|
1188
1430
|
}
|
|
1189
1431
|
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
|
|
1190
|
-
className:
|
|
1432
|
+
className: wt.base,
|
|
1191
1433
|
style: { width: r },
|
|
1192
1434
|
"is-disabled": a,
|
|
1193
1435
|
children: [!d.value && e && /* @__PURE__ */ s("label", {
|
|
1194
|
-
className:
|
|
1436
|
+
className: wt.label,
|
|
1195
1437
|
htmlFor: u,
|
|
1196
1438
|
children: e
|
|
1197
1439
|
}), /* @__PURE__ */ s("input", {
|
|
1198
1440
|
id: u,
|
|
1199
1441
|
name: u,
|
|
1200
|
-
className:
|
|
1442
|
+
className: wt.input,
|
|
1201
1443
|
value: d.value,
|
|
1202
1444
|
disabled: a,
|
|
1203
1445
|
autocomplete: "off",
|
|
@@ -1205,11 +1447,11 @@ function vt({ placeholder: e, value: t, width: r, isDisabled: a, onChange: l })
|
|
|
1205
1447
|
})]
|
|
1206
1448
|
}) });
|
|
1207
1449
|
}
|
|
1208
|
-
var
|
|
1209
|
-
base:
|
|
1450
|
+
var wt = {
|
|
1451
|
+
base: K`
|
|
1210
1452
|
position: relative;
|
|
1211
1453
|
`,
|
|
1212
|
-
label:
|
|
1454
|
+
label: K`
|
|
1213
1455
|
font-size: .875rem;
|
|
1214
1456
|
font-weight: 500;
|
|
1215
1457
|
opacity: .5;
|
|
@@ -1218,10 +1460,10 @@ var yt = {
|
|
|
1218
1460
|
top: .75rem;
|
|
1219
1461
|
pointer-events: none;
|
|
1220
1462
|
letter-spacing: 1px;
|
|
1221
|
-
font-family: ${
|
|
1222
|
-
color: ${
|
|
1463
|
+
font-family: ${q.fontFamily}, sans-serif;
|
|
1464
|
+
color: ${q.colors.fore.primary};
|
|
1223
1465
|
`,
|
|
1224
|
-
input:
|
|
1466
|
+
input: K`
|
|
1225
1467
|
font-size: .875rem;
|
|
1226
1468
|
font-weight: 500;
|
|
1227
1469
|
color: rgb(58, 58, 58);
|
|
@@ -1232,56 +1474,14 @@ var yt = {
|
|
|
1232
1474
|
width: 100%;
|
|
1233
1475
|
border-radius: 8px;
|
|
1234
1476
|
letter-spacing: 1px;
|
|
1235
|
-
font-family: ${
|
|
1236
|
-
color: ${
|
|
1237
|
-
background-color: ${
|
|
1238
|
-
`
|
|
1239
|
-
};
|
|
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;
|
|
1477
|
+
font-family: ${q.fontFamily}, sans-serif;
|
|
1478
|
+
color: ${q.colors.fore.primary};
|
|
1479
|
+
background-color: ${q.colors.back.secondary};
|
|
1280
1480
|
`
|
|
1281
1481
|
};
|
|
1282
1482
|
//#endregion
|
|
1283
1483
|
//#region src/components/_dropdown.jsx
|
|
1284
|
-
function
|
|
1484
|
+
function Tt({ items: e = [], value: t, width: l, isDisabled: u = !1, onChange: d }) {
|
|
1285
1485
|
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;
|
|
1286
1486
|
r(() => {
|
|
1287
1487
|
t !== void 0 && (g.value = t);
|
|
@@ -1336,7 +1536,7 @@ function St({ items: e = [], value: t, width: l, isDisabled: u = !1, onChange: d
|
|
|
1336
1536
|
function T(e) {
|
|
1337
1537
|
g.value = e.value, _.value = !1, m.current?.focus(), d?.(e.value, e);
|
|
1338
1538
|
}
|
|
1339
|
-
let
|
|
1539
|
+
let E = /* @__PURE__ */ c("button", {
|
|
1340
1540
|
ref: m,
|
|
1341
1541
|
type: "button",
|
|
1342
1542
|
className: Q.trigger,
|
|
@@ -1361,8 +1561,8 @@ function St({ items: e = [], value: t, width: l, isDisabled: u = !1, onChange: d
|
|
|
1361
1561
|
className: Q.label,
|
|
1362
1562
|
children: y?.label
|
|
1363
1563
|
}),
|
|
1364
|
-
/* @__PURE__ */ s(
|
|
1365
|
-
className:
|
|
1564
|
+
/* @__PURE__ */ s(J, {
|
|
1565
|
+
className: G(Q.icon, _.value && Q.iconOpen),
|
|
1366
1566
|
iconName: "down",
|
|
1367
1567
|
size: "1rem"
|
|
1368
1568
|
})
|
|
@@ -1372,9 +1572,9 @@ function St({ items: e = [], value: t, width: l, isDisabled: u = !1, onChange: d
|
|
|
1372
1572
|
ref: p,
|
|
1373
1573
|
className: Q.base,
|
|
1374
1574
|
"is-disabled": b || void 0,
|
|
1375
|
-
children: /* @__PURE__ */ s(
|
|
1575
|
+
children: /* @__PURE__ */ s(at, {
|
|
1376
1576
|
className: Q.popup,
|
|
1377
|
-
trigger:
|
|
1577
|
+
trigger: E,
|
|
1378
1578
|
id: f,
|
|
1379
1579
|
isOpen: _.value,
|
|
1380
1580
|
origin: "left",
|
|
@@ -1393,10 +1593,10 @@ function St({ items: e = [], value: t, width: l, isDisabled: u = !1, onChange: d
|
|
|
1393
1593
|
}) });
|
|
1394
1594
|
}
|
|
1395
1595
|
var Q = {
|
|
1396
|
-
base:
|
|
1596
|
+
base: K`
|
|
1397
1597
|
display: inline-block;
|
|
1398
1598
|
`,
|
|
1399
|
-
trigger:
|
|
1599
|
+
trigger: K`
|
|
1400
1600
|
display: inline-grid;
|
|
1401
1601
|
position: relative;
|
|
1402
1602
|
align-items: center;
|
|
@@ -1409,47 +1609,47 @@ var Q = {
|
|
|
1409
1609
|
font-size: .875rem;
|
|
1410
1610
|
font-weight: 500;
|
|
1411
1611
|
letter-spacing: 1px;
|
|
1412
|
-
color: ${
|
|
1413
|
-
background-color: ${
|
|
1414
|
-
font-family: ${
|
|
1612
|
+
color: ${q.colors.fore.primary};
|
|
1613
|
+
background-color: ${q.colors.back.secondary};
|
|
1614
|
+
font-family: ${q.fontFamily}, sans-serif;
|
|
1415
1615
|
|
|
1416
1616
|
&:focus-visible {
|
|
1417
|
-
box-shadow: 0 0 0 2px ${
|
|
1617
|
+
box-shadow: 0 0 0 2px ${q.colors.primary};
|
|
1418
1618
|
}
|
|
1419
1619
|
|
|
1420
1620
|
&:disabled { cursor: default; }
|
|
1421
1621
|
`,
|
|
1422
|
-
sizer:
|
|
1622
|
+
sizer: K`
|
|
1423
1623
|
display: inline-grid;
|
|
1424
1624
|
visibility: hidden;
|
|
1425
1625
|
grid-area: 1 / 1;
|
|
1426
1626
|
`,
|
|
1427
|
-
sizerValue:
|
|
1627
|
+
sizerValue: K`
|
|
1428
1628
|
grid-area: 1 / 1;
|
|
1429
1629
|
white-space: nowrap;
|
|
1430
1630
|
`,
|
|
1431
|
-
label:
|
|
1631
|
+
label: K`
|
|
1432
1632
|
grid-area: 1 / 1;
|
|
1433
1633
|
overflow: hidden;
|
|
1434
1634
|
white-space: nowrap;
|
|
1435
1635
|
text-overflow: ellipsis;
|
|
1436
1636
|
`,
|
|
1437
|
-
icon:
|
|
1438
|
-
${
|
|
1637
|
+
icon: K`
|
|
1638
|
+
${q.extends.verticalCenter}
|
|
1439
1639
|
|
|
1440
1640
|
right: .75rem;
|
|
1441
1641
|
pointer-events: none;
|
|
1442
1642
|
`,
|
|
1443
|
-
iconOpen:
|
|
1643
|
+
iconOpen: K`
|
|
1444
1644
|
transform: translateY(-50%) rotate(180deg);
|
|
1445
1645
|
`,
|
|
1446
|
-
popup:
|
|
1646
|
+
popup: K`
|
|
1447
1647
|
display: grid;
|
|
1448
1648
|
gap: .125rem;
|
|
1449
1649
|
min-width: 0;
|
|
1450
1650
|
padding: .25rem;
|
|
1451
1651
|
`,
|
|
1452
|
-
option:
|
|
1652
|
+
option: K`
|
|
1453
1653
|
width: 100%;
|
|
1454
1654
|
padding: .6rem .75rem;
|
|
1455
1655
|
border-radius: 7px;
|
|
@@ -1457,17 +1657,17 @@ var Q = {
|
|
|
1457
1657
|
text-align: left;
|
|
1458
1658
|
white-space: nowrap;
|
|
1459
1659
|
font-size: .825rem;
|
|
1460
|
-
color: ${
|
|
1461
|
-
font-family: ${
|
|
1660
|
+
color: ${q.colors.fore.primary};
|
|
1661
|
+
font-family: ${q.fontFamily}, sans-serif;
|
|
1462
1662
|
|
|
1463
1663
|
&:hover,
|
|
1464
1664
|
&:focus-visible,
|
|
1465
1665
|
&[aria-selected="true"] {
|
|
1466
|
-
background-color: ${
|
|
1666
|
+
background-color: ${q.colors.back.secondary};
|
|
1467
1667
|
}
|
|
1468
1668
|
`
|
|
1469
|
-
},
|
|
1470
|
-
function
|
|
1669
|
+
}, Et = 28, Dt = 3, Ot = 11;
|
|
1670
|
+
function kt({ label: e, isChecked: t, isDisabled: a, onChange: l }) {
|
|
1471
1671
|
let u = i(), d = n(t);
|
|
1472
1672
|
r(() => d.value = t, [t]);
|
|
1473
1673
|
function f() {
|
|
@@ -1475,10 +1675,10 @@ function Et({ label: e, isChecked: t, isDisabled: a, onChange: l }) {
|
|
|
1475
1675
|
d.value = e, l?.(e);
|
|
1476
1676
|
}
|
|
1477
1677
|
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
|
|
1478
|
-
className:
|
|
1678
|
+
className: At.base,
|
|
1479
1679
|
children: [
|
|
1480
1680
|
/* @__PURE__ */ s("label", {
|
|
1481
|
-
className:
|
|
1681
|
+
className: At.label,
|
|
1482
1682
|
htmlFor: u,
|
|
1483
1683
|
"is-disabled": a,
|
|
1484
1684
|
children: e
|
|
@@ -1486,48 +1686,48 @@ function Et({ label: e, isChecked: t, isDisabled: a, onChange: l }) {
|
|
|
1486
1686
|
/* @__PURE__ */ s("input", {
|
|
1487
1687
|
id: u,
|
|
1488
1688
|
type: "checkbox",
|
|
1489
|
-
className:
|
|
1689
|
+
className: At.checkbox,
|
|
1490
1690
|
checked: d.value,
|
|
1491
1691
|
disabled: a,
|
|
1492
1692
|
onChange: f
|
|
1493
1693
|
}),
|
|
1494
1694
|
/* @__PURE__ */ s("label", {
|
|
1495
|
-
className:
|
|
1695
|
+
className: At.value,
|
|
1496
1696
|
htmlFor: u,
|
|
1497
1697
|
"is-disabled": a
|
|
1498
1698
|
})
|
|
1499
1699
|
]
|
|
1500
1700
|
}) });
|
|
1501
1701
|
}
|
|
1502
|
-
var
|
|
1503
|
-
base:
|
|
1702
|
+
var At = {
|
|
1703
|
+
base: K`
|
|
1504
1704
|
position: relative;
|
|
1505
1705
|
display: flex;
|
|
1506
1706
|
gap: .5rem;
|
|
1507
1707
|
`,
|
|
1508
|
-
label:
|
|
1708
|
+
label: K`
|
|
1509
1709
|
display: inline-block;
|
|
1510
1710
|
font-size: .75rem;
|
|
1511
1711
|
line-height: 1.2rem;
|
|
1512
1712
|
cursor: pointer;
|
|
1513
1713
|
user-select: none;
|
|
1514
1714
|
font-weight: 500;
|
|
1515
|
-
font-family: ${
|
|
1516
|
-
color: ${
|
|
1715
|
+
font-family: ${q.fontFamily}, sans-serif;
|
|
1716
|
+
color: ${q.colors.fore.secondary};
|
|
1517
1717
|
`,
|
|
1518
|
-
checkbox:
|
|
1718
|
+
checkbox: K`
|
|
1519
1719
|
display: none;
|
|
1520
1720
|
|
|
1521
1721
|
&:checked ~ label {
|
|
1522
1722
|
background-color: #e1e1e1;
|
|
1523
1723
|
|
|
1524
1724
|
&:before {
|
|
1525
|
-
right: ${
|
|
1725
|
+
right: ${Dt}px;
|
|
1526
1726
|
background-color: #3a3a3a;
|
|
1527
1727
|
}
|
|
1528
1728
|
}
|
|
1529
1729
|
`,
|
|
1530
|
-
value:
|
|
1730
|
+
value: K`
|
|
1531
1731
|
display: inline-block;
|
|
1532
1732
|
position: relative;
|
|
1533
1733
|
height: 1.1rem;
|
|
@@ -1535,8 +1735,8 @@ var Dt = {
|
|
|
1535
1735
|
cursor: pointer;
|
|
1536
1736
|
user-select: none;
|
|
1537
1737
|
transition: background .3s ease;
|
|
1538
|
-
width: ${
|
|
1539
|
-
background-color: ${
|
|
1738
|
+
width: ${Et}px;
|
|
1739
|
+
background-color: ${q.colors.back.secondary};
|
|
1540
1740
|
|
|
1541
1741
|
&:before {
|
|
1542
1742
|
background-color: #e1e1e1;
|
|
@@ -1545,22 +1745,22 @@ var Dt = {
|
|
|
1545
1745
|
position: absolute;
|
|
1546
1746
|
transition: background .3s ease, right .3s ease;
|
|
1547
1747
|
border-radius: 50%;
|
|
1548
|
-
top: ${
|
|
1748
|
+
top: ${Dt}px;
|
|
1549
1749
|
right: ${14}px;
|
|
1550
|
-
width: ${
|
|
1551
|
-
height: ${
|
|
1750
|
+
width: ${Ot}px;
|
|
1751
|
+
height: ${Ot}px;
|
|
1552
1752
|
}
|
|
1553
1753
|
`
|
|
1554
1754
|
};
|
|
1555
1755
|
//#endregion
|
|
1556
1756
|
//#region src/components/_tag.jsx
|
|
1557
|
-
function
|
|
1757
|
+
function jt({ className: e, variant: n = "normal", iconName: r = "", label: i }) {
|
|
1558
1758
|
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
|
|
1559
|
-
className:
|
|
1560
|
-
"has-icon": !
|
|
1561
|
-
children: [r && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(
|
|
1562
|
-
className:
|
|
1563
|
-
${
|
|
1759
|
+
className: G(Mt.base, Mt[n] ?? Mt.normal, e),
|
|
1760
|
+
"has-icon": !t(r),
|
|
1761
|
+
children: [r && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(J, {
|
|
1762
|
+
className: K`
|
|
1763
|
+
${q.extends.verticalCenter}
|
|
1564
1764
|
left: .3rem;
|
|
1565
1765
|
`,
|
|
1566
1766
|
iconName: r,
|
|
@@ -1568,7 +1768,7 @@ function Ot({ className: t, variant: n = "normal", iconName: r, label: i }) {
|
|
|
1568
1768
|
}) }), i]
|
|
1569
1769
|
}) });
|
|
1570
1770
|
}
|
|
1571
|
-
var
|
|
1771
|
+
var Mt = { base: K`
|
|
1572
1772
|
position: relative;
|
|
1573
1773
|
display: inline-block;
|
|
1574
1774
|
padding: .3rem .5rem;
|
|
@@ -1576,50 +1776,50 @@ var kt = { base: Y`
|
|
|
1576
1776
|
white-space: pre-wrap;
|
|
1577
1777
|
font-size: .7rem;
|
|
1578
1778
|
font-weight: 600;
|
|
1579
|
-
border: solid 1px ${
|
|
1580
|
-
background-color: ${
|
|
1581
|
-
color: ${
|
|
1779
|
+
border: solid 1px ${q.colors.border};
|
|
1780
|
+
background-color: ${q.colors.back.secondary};
|
|
1781
|
+
color: ${q.colors.fore.primary};
|
|
1582
1782
|
|
|
1583
1783
|
&[has-icon="true"] { padding-left: 1.5rem; }
|
|
1584
1784
|
` };
|
|
1585
1785
|
//#endregion
|
|
1586
1786
|
//#region src/components/_icon-button.jsx
|
|
1587
|
-
function
|
|
1787
|
+
function Nt({ iconName: e, color: t, isDisabled: n, onClick: r }) {
|
|
1588
1788
|
function i(e) {
|
|
1589
1789
|
n || (e.stopPropagation(), e.preventDefault(), r?.(e));
|
|
1590
1790
|
}
|
|
1591
1791
|
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("button", {
|
|
1592
|
-
className:
|
|
1792
|
+
className: Pt.base,
|
|
1593
1793
|
"is-disabled": n || void 0,
|
|
1594
1794
|
"is-clickable": !!r || void 0,
|
|
1595
1795
|
disabled: n,
|
|
1596
1796
|
onClick: i,
|
|
1597
|
-
children: /* @__PURE__ */ s(
|
|
1797
|
+
children: /* @__PURE__ */ s(J, {
|
|
1598
1798
|
color: t,
|
|
1599
|
-
className:
|
|
1799
|
+
className: K`${q.extends.centrate}`,
|
|
1600
1800
|
iconName: e,
|
|
1601
1801
|
isDisabled: n
|
|
1602
1802
|
})
|
|
1603
1803
|
}) });
|
|
1604
1804
|
}
|
|
1605
|
-
var
|
|
1805
|
+
var Pt = { base: K`
|
|
1606
1806
|
position: relative;
|
|
1607
1807
|
width: 2.25rem;
|
|
1608
1808
|
height: 2.25rem;
|
|
1609
1809
|
border-radius: 8px;
|
|
1610
|
-
background-color: ${
|
|
1810
|
+
background-color: ${q.colors.back.secondary};
|
|
1611
1811
|
` };
|
|
1612
1812
|
//#endregion
|
|
1613
1813
|
//#region src/components/_tab-box.jsx
|
|
1614
|
-
function
|
|
1814
|
+
function Ft({ className: e, width: t, height: r, initialIndex: a = 0, items: l = [], onChange: u }) {
|
|
1615
1815
|
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);
|
|
1616
1816
|
function h(e) {
|
|
1617
1817
|
e !== m && (p.value = e, u?.(e, l[e]));
|
|
1618
1818
|
}
|
|
1619
1819
|
return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
|
|
1620
|
-
className:
|
|
1820
|
+
className: G($.base, e),
|
|
1621
1821
|
style: { width: t },
|
|
1622
|
-
children: [/* @__PURE__ */ s(
|
|
1822
|
+
children: [/* @__PURE__ */ s(mt, {
|
|
1623
1823
|
className: $.box,
|
|
1624
1824
|
height: r,
|
|
1625
1825
|
children: /* @__PURE__ */ s("div", {
|
|
@@ -1656,7 +1856,7 @@ function Mt({ className: e, width: t, height: r, initialIndex: a = 0, items: l =
|
|
|
1656
1856
|
"is-active": n || void 0,
|
|
1657
1857
|
onClick: () => h(t),
|
|
1658
1858
|
children: [
|
|
1659
|
-
e.iconName && /* @__PURE__ */ s(
|
|
1859
|
+
e.iconName && /* @__PURE__ */ s(J, {
|
|
1660
1860
|
iconName: e.iconName,
|
|
1661
1861
|
size: "1rem"
|
|
1662
1862
|
}),
|
|
@@ -1673,17 +1873,17 @@ function Mt({ className: e, width: t, height: r, initialIndex: a = 0, items: l =
|
|
|
1673
1873
|
}) });
|
|
1674
1874
|
}
|
|
1675
1875
|
var $ = {
|
|
1676
|
-
base:
|
|
1876
|
+
base: K`
|
|
1677
1877
|
position: relative;
|
|
1678
1878
|
max-width: 100%;
|
|
1679
1879
|
`,
|
|
1680
|
-
box:
|
|
1681
|
-
z-index: ${
|
|
1880
|
+
box: K`
|
|
1881
|
+
z-index: ${q.zIndex.front};
|
|
1682
1882
|
width: 100%;
|
|
1683
1883
|
padding: 0;
|
|
1684
1884
|
overflow: hidden;
|
|
1685
1885
|
`,
|
|
1686
|
-
track:
|
|
1886
|
+
track: K`
|
|
1687
1887
|
display: flex;
|
|
1688
1888
|
width: 100%;
|
|
1689
1889
|
min-height: 100%;
|
|
@@ -1692,12 +1892,12 @@ var $ = {
|
|
|
1692
1892
|
|
|
1693
1893
|
@media (prefers-reduced-motion: reduce) { transition: none; }
|
|
1694
1894
|
`,
|
|
1695
|
-
panel:
|
|
1895
|
+
panel: K`
|
|
1696
1896
|
flex: 0 0 100%;
|
|
1697
1897
|
min-width: 0;
|
|
1698
1898
|
padding: 1.875rem 1.25rem;
|
|
1699
1899
|
`,
|
|
1700
|
-
tabs:
|
|
1900
|
+
tabs: K`
|
|
1701
1901
|
display: flex;
|
|
1702
1902
|
position: relative;
|
|
1703
1903
|
margin-top: -1rem;
|
|
@@ -1705,9 +1905,9 @@ var $ = {
|
|
|
1705
1905
|
border: solid 2px #eee;
|
|
1706
1906
|
border-top: 0;
|
|
1707
1907
|
border-radius: 0 0 18px 18px;
|
|
1708
|
-
background-color: ${
|
|
1908
|
+
background-color: ${q.colors.back.secondary};
|
|
1709
1909
|
`,
|
|
1710
|
-
tab:
|
|
1910
|
+
tab: K`
|
|
1711
1911
|
display: flex;
|
|
1712
1912
|
flex: 1 1 0;
|
|
1713
1913
|
align-items: center;
|
|
@@ -1720,17 +1920,17 @@ var $ = {
|
|
|
1720
1920
|
font-size: .8rem;
|
|
1721
1921
|
font-weight: 600;
|
|
1722
1922
|
transition: color .2s ease, background-color .2s ease;
|
|
1723
|
-
color: ${
|
|
1724
|
-
font-family: ${
|
|
1923
|
+
color: ${q.colors.fore.secondary};
|
|
1924
|
+
font-family: ${q.fontFamily}, sans-serif;
|
|
1725
1925
|
|
|
1726
1926
|
& + & { border-left: solid 1px #e5e7e9; }
|
|
1727
1927
|
|
|
1728
1928
|
&[is-active] {
|
|
1729
|
-
color: ${
|
|
1730
|
-
background-color: ${
|
|
1929
|
+
color: ${q.colors.fore.primary};
|
|
1930
|
+
background-color: ${q.colors.back.primary};
|
|
1731
1931
|
}
|
|
1732
1932
|
`,
|
|
1733
|
-
notification:
|
|
1933
|
+
notification: K`
|
|
1734
1934
|
display: inline-flex;
|
|
1735
1935
|
align-items: center;
|
|
1736
1936
|
justify-content: center;
|
|
@@ -1741,9 +1941,9 @@ var $ = {
|
|
|
1741
1941
|
font-size: .7rem;
|
|
1742
1942
|
font-weight: 700;
|
|
1743
1943
|
line-height: 1;
|
|
1744
|
-
color: ${
|
|
1944
|
+
color: ${q.colors.fore.primary};
|
|
1745
1945
|
background-color: #e1e1e1;
|
|
1746
1946
|
`
|
|
1747
1947
|
};
|
|
1748
1948
|
//#endregion
|
|
1749
|
-
export {
|
|
1949
|
+
export { st as Actions, dt as AppWrapper, ft as Bar, mt as Box, gt as Button, Tt as Dropdown, bt as Headline, J as Icon, Nt as IconButton, vt as Layout, at as PopupBox, St as Space, kt as Switch, Ft as TabBox, jt as Tag, lt as Text, Ct as TextField, q as Theme };
|