melonykit 0.8.3 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +348 -286
- package/dist/server/_import-modules.js +6 -2
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -75,7 +75,7 @@ function re(e, t) {
|
|
|
75
75
|
//#endregion
|
|
76
76
|
//#region node_modules/stylis/src/Tokenizer.js
|
|
77
77
|
var A = 1, j = 1, ie = 0, M = 0, N = 0, P = "";
|
|
78
|
-
function
|
|
78
|
+
function F(e, t, n, r, i, a, o) {
|
|
79
79
|
return {
|
|
80
80
|
value: e,
|
|
81
81
|
root: t,
|
|
@@ -89,28 +89,28 @@ function ae(e, t, n, r, i, a, o) {
|
|
|
89
89
|
return: ""
|
|
90
90
|
};
|
|
91
91
|
}
|
|
92
|
-
function
|
|
93
|
-
return S(
|
|
92
|
+
function I(e, t) {
|
|
93
|
+
return S(F("", null, null, "", null, null, 0), e, { length: -e.length }, t);
|
|
94
94
|
}
|
|
95
|
-
function
|
|
95
|
+
function ae() {
|
|
96
96
|
return N;
|
|
97
97
|
}
|
|
98
|
-
function
|
|
98
|
+
function oe() {
|
|
99
99
|
return N = M > 0 ? E(P, --M) : 0, j--, N === 10 && (j = 1, A--), N;
|
|
100
100
|
}
|
|
101
|
-
function
|
|
101
|
+
function L() {
|
|
102
102
|
return N = M < ie ? E(P, M++) : 0, j++, N === 10 && (j = 1, A++), N;
|
|
103
103
|
}
|
|
104
|
-
function
|
|
104
|
+
function R() {
|
|
105
105
|
return E(P, M);
|
|
106
106
|
}
|
|
107
|
-
function
|
|
107
|
+
function z() {
|
|
108
108
|
return M;
|
|
109
109
|
}
|
|
110
|
-
function
|
|
110
|
+
function B(e, t) {
|
|
111
111
|
return D(P, e, t);
|
|
112
112
|
}
|
|
113
|
-
function
|
|
113
|
+
function V(e) {
|
|
114
114
|
switch (e) {
|
|
115
115
|
case 0:
|
|
116
116
|
case 9:
|
|
@@ -137,77 +137,77 @@ function B(e) {
|
|
|
137
137
|
}
|
|
138
138
|
return 0;
|
|
139
139
|
}
|
|
140
|
-
function
|
|
140
|
+
function se(e) {
|
|
141
141
|
return A = j = 1, ie = O(P = e), M = 0, [];
|
|
142
142
|
}
|
|
143
|
-
function
|
|
143
|
+
function ce(e) {
|
|
144
144
|
return P = "", e;
|
|
145
145
|
}
|
|
146
|
-
function
|
|
147
|
-
return w(
|
|
146
|
+
function H(e) {
|
|
147
|
+
return w(B(M - 1, de(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
|
|
148
148
|
}
|
|
149
|
-
function
|
|
150
|
-
for (; (N =
|
|
151
|
-
return
|
|
149
|
+
function le(e) {
|
|
150
|
+
for (; (N = R()) && N < 33;) L();
|
|
151
|
+
return V(e) > 2 || V(N) > 3 ? "" : " ";
|
|
152
152
|
}
|
|
153
|
-
function
|
|
154
|
-
for (; --t &&
|
|
155
|
-
return
|
|
153
|
+
function ue(e, t) {
|
|
154
|
+
for (; --t && L() && !(N < 48 || N > 102 || N > 57 && N < 65 || N > 70 && N < 97););
|
|
155
|
+
return B(e, z() + (t < 6 && R() == 32 && L() == 32));
|
|
156
156
|
}
|
|
157
|
-
function
|
|
158
|
-
for (;
|
|
157
|
+
function de(e) {
|
|
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 && de(N);
|
|
163
163
|
break;
|
|
164
164
|
case 40:
|
|
165
|
-
e === 41 &&
|
|
165
|
+
e === 41 && de(e);
|
|
166
166
|
break;
|
|
167
167
|
case 92:
|
|
168
|
-
|
|
168
|
+
L();
|
|
169
169
|
break;
|
|
170
170
|
}
|
|
171
171
|
return M;
|
|
172
172
|
}
|
|
173
|
-
function
|
|
174
|
-
for (;
|
|
175
|
-
return "/*" +
|
|
173
|
+
function fe(e, t) {
|
|
174
|
+
for (; L() && e + N !== 57 && (e + N !== 84 || R() !== 47););
|
|
175
|
+
return "/*" + B(t, M - 1) + "*" + x(e === 47 ? e : L());
|
|
176
176
|
}
|
|
177
|
-
function
|
|
178
|
-
for (; !
|
|
179
|
-
return
|
|
177
|
+
function pe(e) {
|
|
178
|
+
for (; !V(R());) L();
|
|
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 me(e) {
|
|
184
|
+
return ce(U("", null, null, null, [""], e = se(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, S = a, C = r, w = y; g;) switch (m = v, v =
|
|
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, S = a, C = r, w = y; g;) switch (m = v, v = L()) {
|
|
188
188
|
case 40: if (m != 108 && E(w, d - 1) == 58) {
|
|
189
|
-
te(w += T(
|
|
189
|
+
te(w += T(H(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 += H(v);
|
|
196
196
|
break;
|
|
197
197
|
case 9:
|
|
198
198
|
case 10:
|
|
199
199
|
case 13:
|
|
200
200
|
case 32:
|
|
201
|
-
w +=
|
|
201
|
+
w += le(m);
|
|
202
202
|
break;
|
|
203
203
|
case 92:
|
|
204
|
-
w +=
|
|
204
|
+
w += ue(z() - 1, 7);
|
|
205
205
|
continue;
|
|
206
206
|
case 47:
|
|
207
|
-
switch (
|
|
207
|
+
switch (R()) {
|
|
208
208
|
case 42:
|
|
209
209
|
case 47:
|
|
210
|
-
k(
|
|
210
|
+
k(ge(fe(L(), z()), t, n), c);
|
|
211
211
|
break;
|
|
212
212
|
default: w += "/";
|
|
213
213
|
}
|
|
@@ -220,19 +220,19 @@ function H(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 ? _e(w + ";", r, n, d - 1) : _e(T(w, " ", "") + ";", r, n, d - 2), c);
|
|
224
224
|
break;
|
|
225
225
|
case 59: w += ";";
|
|
226
|
-
default: if (k(C =
|
|
227
|
-
if (u === 0)
|
|
226
|
+
default: if (k(C = he(w, t, n, l, u, i, s, y, b = [], S = [], d), a), v === 123) {
|
|
227
|
+
if (u === 0) U(w, t, C, C, b, a, d, s, S);
|
|
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
|
-
|
|
233
|
+
U(e, C, C, r && k(he(e, C, C, 0, 0, i, s, y, i, b = [], d), S), i, S, d, s, r ? b : S);
|
|
234
234
|
break;
|
|
235
|
-
default:
|
|
235
|
+
default: U(w, C, C, C, [""], S, 0, s, S);
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
238
|
}
|
|
@@ -242,7 +242,7 @@ function H(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 && oe() == 125) continue;
|
|
246
246
|
}
|
|
247
247
|
switch (w += x(v), v * h) {
|
|
248
248
|
case 38:
|
|
@@ -252,57 +252,57 @@ function H(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
|
-
|
|
255
|
+
R() === 45 && (w += H(L())), f = R(), u = d = O(y = w += pe(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
|
|
262
|
+
function he(e, t, n, r, i, a, o, s, c, l, u) {
|
|
263
263
|
for (var d = i - 1, f = i === 0 ? a : [""], p = ne(f), m = 0, g = 0, _ = 0; m < r; ++m) for (var v = 0, y = D(e, d + 1, d = b(g = o[m])), x = e; v < p; ++v) (x = w(g > 0 ? f[v] + " " + y : T(y, /&\f/g, f[v]))) && (c[_++] = x);
|
|
264
|
-
return
|
|
264
|
+
return F(e, t, n, i === 0 ? h : s, c, l, u);
|
|
265
265
|
}
|
|
266
|
-
function
|
|
267
|
-
return
|
|
266
|
+
function ge(e, t, n) {
|
|
267
|
+
return F(e, t, n, m, x(ae()), D(e, 2, -2), 0);
|
|
268
268
|
}
|
|
269
|
-
function
|
|
270
|
-
return
|
|
269
|
+
function _e(e, t, n, r) {
|
|
270
|
+
return F(e, t, n, g, 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
|
-
function
|
|
274
|
+
function W(e, t) {
|
|
275
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 ve(e, t, n, r) {
|
|
279
279
|
switch (e.type) {
|
|
280
280
|
case y: if (e.children.length) break;
|
|
281
281
|
case _:
|
|
282
282
|
case g: return e.return = e.return || e.value;
|
|
283
283
|
case m: return "";
|
|
284
|
-
case v: return e.return = e.value + "{" +
|
|
284
|
+
case v: return e.return = e.value + "{" + W(e.children, r) + "}";
|
|
285
285
|
case h: e.value = e.props.join(",");
|
|
286
286
|
}
|
|
287
|
-
return O(n =
|
|
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
|
|
291
|
+
function ye(e) {
|
|
292
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 be(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 xe(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 Se = function(e, t, n) {
|
|
314
|
+
for (var r = 0, i = 0; r = i, i = R(), r === 38 && i === 12 && (t[n] = 1), !V(i);) L();
|
|
315
|
+
return B(e, M);
|
|
316
|
+
}, Ce = function(e, t) {
|
|
317
317
|
var n = -1, r = 44;
|
|
318
318
|
do
|
|
319
|
-
switch (
|
|
319
|
+
switch (V(r)) {
|
|
320
320
|
case 0:
|
|
321
|
-
r === 38 &&
|
|
321
|
+
r === 38 && R() === 12 && (t[n] = 1), e[n] += Se(M - 1, t, n);
|
|
322
322
|
break;
|
|
323
323
|
case 2:
|
|
324
|
-
e[n] +=
|
|
324
|
+
e[n] += H(r);
|
|
325
325
|
break;
|
|
326
326
|
case 4: if (r === 44) {
|
|
327
|
-
e[++n] =
|
|
327
|
+
e[++n] = R() === 58 ? "&\f" : "", t[n] = e[n].length;
|
|
328
328
|
break;
|
|
329
329
|
}
|
|
330
330
|
default: e[n] += x(r);
|
|
331
331
|
}
|
|
332
|
-
while (r =
|
|
332
|
+
while (r = L());
|
|
333
333
|
return e;
|
|
334
|
-
},
|
|
335
|
-
return
|
|
336
|
-
},
|
|
334
|
+
}, we = function(e, t) {
|
|
335
|
+
return ce(Ce(se(e), t));
|
|
336
|
+
}, Te = /* #__PURE__ */ new WeakMap(), Ee = 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 && !Te.get(n)) && !r) {
|
|
340
|
+
Te.set(e, !0);
|
|
341
|
+
for (var i = [], a = we(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
|
+
}, De = 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 Oe(e, t) {
|
|
351
351
|
switch (C(e, t)) {
|
|
352
352
|
case 5103: return p + "print-" + e + e;
|
|
353
353
|
case 5737:
|
|
@@ -413,7 +413,7 @@ function ke(e, t) {
|
|
|
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
415
|
case 102: return T(e, /(.+:)(.+)-([^]+)/, "$1" + p + "$2-$3$1" + f + (E(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
|
|
416
|
-
case 115: return ~te(e, "stretch") ?
|
|
416
|
+
case 115: return ~te(e, "stretch") ? Oe(T(e, "stretch", "fill-available"), t) + e : e;
|
|
417
417
|
}
|
|
418
418
|
break;
|
|
419
419
|
case 4949: if (E(e, t + 1) !== 115) break;
|
|
@@ -433,26 +433,26 @@ function ke(e, t) {
|
|
|
433
433
|
}
|
|
434
434
|
return e;
|
|
435
435
|
}
|
|
436
|
-
var
|
|
436
|
+
var ke = [function(e, t, n, r) {
|
|
437
437
|
if (e.length > -1 && !e.return) switch (e.type) {
|
|
438
438
|
case g:
|
|
439
|
-
e.return =
|
|
439
|
+
e.return = Oe(e.value, e.length);
|
|
440
440
|
break;
|
|
441
|
-
case v: return
|
|
441
|
+
case v: return W([I(e, { value: T(e.value, "@", "@" + p) })], r);
|
|
442
442
|
case h: if (e.length) return re(e.props, function(t) {
|
|
443
443
|
switch (ee(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 W([I(e, { props: [T(t, /:(read-\w+)/, ":" + f + "$1")] })], r);
|
|
446
|
+
case "::placeholder": return W([
|
|
447
|
+
I(e, { props: [T(t, /:(plac\w+)/, ":" + p + "input-$1")] }),
|
|
448
|
+
I(e, { props: [T(t, /:(plac\w+)/, ":" + f + "$1")] }),
|
|
449
|
+
I(e, { props: [T(t, /:(plac\w+)/, d + "input-$1")] })
|
|
450
450
|
], r);
|
|
451
451
|
}
|
|
452
452
|
return "";
|
|
453
453
|
});
|
|
454
454
|
}
|
|
455
|
-
}],
|
|
455
|
+
}], Ae = 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 || ke, 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 = [Ee, De], l, d = [ve, be(function(e) {
|
|
469
469
|
l.insert(e);
|
|
470
|
-
})], f =
|
|
471
|
-
return
|
|
470
|
+
})], f = ye(c.concat(r, d)), p = function(e) {
|
|
471
|
+
return W(me(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 je(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 Me = {
|
|
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
|
+
}, Ne = /[A-Z]|^ms/g, Pe = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Fe = function(e) {
|
|
555
555
|
return e.charCodeAt(1) === 45;
|
|
556
|
-
},
|
|
556
|
+
}, Ie = function(e) {
|
|
557
557
|
return e != null && typeof e != "boolean";
|
|
558
|
-
},
|
|
559
|
-
return
|
|
560
|
-
}),
|
|
558
|
+
}, Le = /* #__PURE__ */ xe(function(e) {
|
|
559
|
+
return Fe(e) ? e : e.replace(Ne, "-$&").toLowerCase();
|
|
560
|
+
}), Re = 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(Pe, function(e, t, n) {
|
|
564
|
+
return K = {
|
|
565
565
|
name: t,
|
|
566
566
|
styles: n,
|
|
567
|
-
next:
|
|
567
|
+
next: K
|
|
568
568
|
}, t;
|
|
569
569
|
});
|
|
570
570
|
}
|
|
571
|
-
return
|
|
571
|
+
return Me[e] !== 1 && !Fe(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
|
|
572
572
|
};
|
|
573
|
-
function
|
|
573
|
+
function G(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 W(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 K = {
|
|
582
582
|
name: i.name,
|
|
583
583
|
styles: i.styles,
|
|
584
|
-
next:
|
|
584
|
+
next: K
|
|
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;) K = {
|
|
590
590
|
name: o.name,
|
|
591
591
|
styles: o.styles,
|
|
592
|
-
next:
|
|
592
|
+
next: K
|
|
593
593
|
}, o = o.next;
|
|
594
594
|
return a.styles + ";";
|
|
595
595
|
}
|
|
596
|
-
return
|
|
596
|
+
return ze(e, t, n);
|
|
597
597
|
case "function": if (e !== void 0) {
|
|
598
|
-
var s =
|
|
599
|
-
return
|
|
598
|
+
var s = K, c = n(e);
|
|
599
|
+
return K = s, G(e, t, c);
|
|
600
600
|
}
|
|
601
601
|
}
|
|
602
602
|
var l = n;
|
|
@@ -604,21 +604,21 @@ function W(e, t, n) {
|
|
|
604
604
|
var u = t[l];
|
|
605
605
|
return u === void 0 ? l : u;
|
|
606
606
|
}
|
|
607
|
-
function
|
|
607
|
+
function ze(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 += 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] + "}" : Ie(s) && (r += Le(a) + ":" + Re(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++) Ie(o[c]) && (r += Le(a) + ":" + Re(a, o[c]) + ";");
|
|
616
616
|
else {
|
|
617
|
-
var l =
|
|
617
|
+
var l = G(e, t, o);
|
|
618
618
|
switch (a) {
|
|
619
619
|
case "animation":
|
|
620
620
|
case "animationName":
|
|
621
|
-
r +=
|
|
621
|
+
r += Le(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 Be = /label:\s*([^\s;{]+)\s*(;|$)/g, K;
|
|
630
|
+
function Ve(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
|
-
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 += G(n, t, a)) : i += a[0];
|
|
636
|
+
for (var o = 1; o < e.length; o++) i += G(n, t, e[o]), r && (i += a[o]);
|
|
637
|
+
Be.lastIndex = 0;
|
|
638
|
+
for (var s = "", c; (c = Be.exec(i)) !== null;) s += "-" + c[1];
|
|
639
639
|
return {
|
|
640
|
-
name:
|
|
640
|
+
name: je(i) + s,
|
|
641
641
|
styles: i,
|
|
642
|
-
next:
|
|
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 He(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 Ue = 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
|
+
}, We = function(e, t, n) {
|
|
657
|
+
Ue(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 Ge(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 Ke(e, t, n) {
|
|
672
|
+
var r = [], i = He(e, r, n);
|
|
673
673
|
return r.length < 2 ? n : i + t(r);
|
|
674
674
|
}
|
|
675
|
-
var
|
|
676
|
-
var t =
|
|
675
|
+
var qe = function(e) {
|
|
676
|
+
var t = Ae(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 = Ve([...arguments], t.registered, void 0);
|
|
682
|
+
return We(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 Ke(t.registered, n, Je(e));
|
|
689
689
|
},
|
|
690
690
|
injectGlobal: function() {
|
|
691
|
-
|
|
691
|
+
Ge(t, Ve([...arguments], t.registered));
|
|
692
692
|
},
|
|
693
693
|
keyframes: function() {
|
|
694
|
-
var e =
|
|
695
|
-
return
|
|
694
|
+
var e = Ve([...arguments], t.registered), n = "animation-" + e.name;
|
|
695
|
+
return Ge(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: He.bind(null, t.registered),
|
|
711
|
+
merge: Ke.bind(null, t.registered, n)
|
|
712
712
|
};
|
|
713
|
-
},
|
|
713
|
+
}, Je = 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
|
+
}, q = qe({ key: "css" });
|
|
731
|
+
q.flush, q.hydrate;
|
|
732
|
+
var J = q.cx;
|
|
733
|
+
q.merge, q.getRegisteredStyles;
|
|
734
|
+
var Ye = q.injectGlobal, Xe = q.keyframes, Y = q.css;
|
|
735
|
+
q.sheet, q.cache;
|
|
736
736
|
//#endregion
|
|
737
737
|
//#region \0virtual:svg-sprite
|
|
738
|
-
var
|
|
738
|
+
var Ze = "<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-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>", Qe = !1, $e = 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 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
|
+
Qe || typeof document > "u" || (Ye(`
|
|
776
776
|
@font-face {
|
|
777
777
|
font-family: 'Manrope';
|
|
778
|
-
src: url('${
|
|
778
|
+
src: url('${$e}') format('woff2');
|
|
779
779
|
font-weight: 100 900;
|
|
780
780
|
font-style: normal;
|
|
781
781
|
font-display: swap;
|
|
@@ -857,23 +857,23 @@ 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", Ze), Qe = !0));
|
|
861
861
|
}
|
|
862
862
|
};
|
|
863
863
|
//#endregion
|
|
864
864
|
//#region src/components/_app-wrapper.jsx
|
|
865
|
-
function
|
|
865
|
+
function et({ maxWidth: e = "67.5rem", children: t }) {
|
|
866
866
|
return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("div", {
|
|
867
|
-
className:
|
|
867
|
+
className: tt.base,
|
|
868
868
|
children: /* @__PURE__ */ o("div", {
|
|
869
|
-
className:
|
|
869
|
+
className: tt.inner,
|
|
870
870
|
style: { maxWidth: e },
|
|
871
871
|
children: t
|
|
872
872
|
})
|
|
873
873
|
}) });
|
|
874
874
|
}
|
|
875
|
-
var
|
|
876
|
-
base:
|
|
875
|
+
var tt = {
|
|
876
|
+
base: Y`
|
|
877
877
|
// The template is stretched over the entire viewport, and the vertical
|
|
878
878
|
// scrollbar is enabled manually.
|
|
879
879
|
// This is necessary so that the modal overlays can cover the scrollbar,
|
|
@@ -881,32 +881,32 @@ var nt = {
|
|
|
881
881
|
// when it's displayed or not.
|
|
882
882
|
// Normally, we'd use the body element for this, but the modal overlay
|
|
883
883
|
// can't cover the scrollbar of the body element.
|
|
884
|
-
${
|
|
884
|
+
${X.extends.stretch}
|
|
885
885
|
overflow-y: scroll;
|
|
886
886
|
overflow-x: hidden;
|
|
887
887
|
scroll-behavior: smooth;
|
|
888
888
|
`,
|
|
889
|
-
inner:
|
|
889
|
+
inner: Y`
|
|
890
890
|
position: relative;
|
|
891
891
|
padding: 8rem 0;
|
|
892
892
|
margin: 0 auto;
|
|
893
893
|
`
|
|
894
|
-
},
|
|
895
|
-
className:
|
|
894
|
+
}, nt = ({ type: e = "normal", width: t = "100%", value: n = 0 }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("div", {
|
|
895
|
+
className: Z.base,
|
|
896
896
|
style: { width: t },
|
|
897
897
|
children: /* @__PURE__ */ o("div", {
|
|
898
|
-
className:
|
|
898
|
+
className: J(Z.value, Z[e] ?? Z.normal),
|
|
899
899
|
style: { width: `${n}%` }
|
|
900
900
|
})
|
|
901
|
-
}) }),
|
|
902
|
-
base:
|
|
901
|
+
}) }), Z = {
|
|
902
|
+
base: Y`
|
|
903
903
|
position: relative;
|
|
904
904
|
border-radius: 16px;
|
|
905
905
|
height: .625rem;
|
|
906
|
-
border: solid 1px ${
|
|
907
|
-
background-color: ${
|
|
906
|
+
border: solid 1px ${X.colors.border};
|
|
907
|
+
background-color: ${X.colors.back.secondary};
|
|
908
908
|
`,
|
|
909
|
-
value:
|
|
909
|
+
value: Y`
|
|
910
910
|
position: absolute;
|
|
911
911
|
top: -1px;
|
|
912
912
|
bottom: -1px;
|
|
@@ -915,24 +915,24 @@ var nt = {
|
|
|
915
915
|
will-change: width;
|
|
916
916
|
transition: width .3s ease;
|
|
917
917
|
`,
|
|
918
|
-
normal:
|
|
919
|
-
border: solid 1px ${t(
|
|
920
|
-
background-color: ${
|
|
918
|
+
normal: Y`
|
|
919
|
+
border: solid 1px ${t(X.colors.primary, .3)};
|
|
920
|
+
background-color: ${X.colors.primary};
|
|
921
921
|
`,
|
|
922
|
-
warn:
|
|
923
|
-
border: solid 1px ${t(
|
|
924
|
-
background-color: ${
|
|
922
|
+
warn: Y`
|
|
923
|
+
border: solid 1px ${t(X.colors.secondary, .2)};
|
|
924
|
+
background-color: ${X.colors.secondary};
|
|
925
925
|
`,
|
|
926
|
-
danger:
|
|
927
|
-
border: solid 1px ${t(
|
|
928
|
-
background-color: ${
|
|
926
|
+
danger: Y`
|
|
927
|
+
border: solid 1px ${t(X.colors.danger, .3)};
|
|
928
|
+
background-color: ${X.colors.danger};
|
|
929
929
|
`
|
|
930
930
|
};
|
|
931
931
|
//#endregion
|
|
932
932
|
//#region src/components/_box.jsx
|
|
933
|
-
function
|
|
933
|
+
function rt({ type: e = "normal", className: t, width: n, height: r, children: i }) {
|
|
934
934
|
return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("div", {
|
|
935
|
-
className:
|
|
935
|
+
className: J(it.base, it[e] ?? it.normal, t),
|
|
936
936
|
style: {
|
|
937
937
|
width: n,
|
|
938
938
|
height: r
|
|
@@ -940,26 +940,26 @@ function it({ type: e = "normal", className: t, width: n, height: r, children: i
|
|
|
940
940
|
children: i
|
|
941
941
|
}) });
|
|
942
942
|
}
|
|
943
|
-
var
|
|
944
|
-
base:
|
|
943
|
+
var it = {
|
|
944
|
+
base: Y`
|
|
945
945
|
position: relative;
|
|
946
946
|
border-radius: 18px;
|
|
947
947
|
border: solid 2px #eee;
|
|
948
948
|
padding: 1.875rem 1.25rem;
|
|
949
|
-
box-shadow: ${
|
|
949
|
+
box-shadow: ${X.colors.shadow.primary};
|
|
950
950
|
`,
|
|
951
|
-
normal:
|
|
952
|
-
background-color: ${
|
|
951
|
+
normal: Y`
|
|
952
|
+
background-color: ${X.colors.back.primary};
|
|
953
953
|
`,
|
|
954
|
-
alternative:
|
|
954
|
+
alternative: Y`
|
|
955
955
|
background-color: #fafafa;
|
|
956
956
|
`
|
|
957
957
|
};
|
|
958
958
|
//#endregion
|
|
959
959
|
//#region src/components/_icon.jsx
|
|
960
|
-
function
|
|
960
|
+
function Q({ className: e, size: t = "1.25rem", color: n = X.colors.fore.primary, iconName: r, isSpinning: i }) {
|
|
961
961
|
return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("svg", {
|
|
962
|
-
className:
|
|
962
|
+
className: J(at.base, e),
|
|
963
963
|
style: {
|
|
964
964
|
color: n,
|
|
965
965
|
width: t,
|
|
@@ -970,14 +970,14 @@ function Z({ className: e, size: t = "1.25rem", color: n = Y.colors.fore.primary
|
|
|
970
970
|
children: /* @__PURE__ */ o("use", { href: `#icon-${r}` })
|
|
971
971
|
}) });
|
|
972
972
|
}
|
|
973
|
-
var
|
|
973
|
+
var at = { 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: ${Xe`
|
|
981
981
|
0% {
|
|
982
982
|
transform: rotate(0deg);
|
|
983
983
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -996,7 +996,7 @@ var ot = { base: J`
|
|
|
996
996
|
` };
|
|
997
997
|
//#endregion
|
|
998
998
|
//#region src/components/_button.jsx
|
|
999
|
-
function
|
|
999
|
+
function ot({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, isLoading: c = !1, onClick: l }) {
|
|
1000
1000
|
let u = r || c, d = n(null);
|
|
1001
1001
|
function f(e) {
|
|
1002
1002
|
if (i || c) return;
|
|
@@ -1010,7 +1010,7 @@ function st({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, is
|
|
|
1010
1010
|
}
|
|
1011
1011
|
return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s("button", {
|
|
1012
1012
|
type: "button",
|
|
1013
|
-
className:
|
|
1013
|
+
className: J(ct.base, ct[e] ?? ct.normal),
|
|
1014
1014
|
"has-icon": u,
|
|
1015
1015
|
"is-disabled": i || void 0,
|
|
1016
1016
|
"is-loading": c || void 0,
|
|
@@ -1019,19 +1019,19 @@ function st({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, is
|
|
|
1019
1019
|
onClick: f,
|
|
1020
1020
|
children: [
|
|
1021
1021
|
u && /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("div", {
|
|
1022
|
-
className:
|
|
1023
|
-
${
|
|
1022
|
+
className: Y`
|
|
1023
|
+
${X.extends.verticalCenter}
|
|
1024
1024
|
|
|
1025
1025
|
left: .6rem;
|
|
1026
1026
|
`,
|
|
1027
|
-
children: c ? /* @__PURE__ */ o(
|
|
1027
|
+
children: c ? /* @__PURE__ */ o(Q, {
|
|
1028
1028
|
iconName: "loader",
|
|
1029
1029
|
isSpinning: !0
|
|
1030
|
-
}) : /* @__PURE__ */ o(
|
|
1030
|
+
}) : /* @__PURE__ */ o(Q, { iconName: r })
|
|
1031
1031
|
}) }),
|
|
1032
1032
|
t,
|
|
1033
1033
|
d.value && /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("span", {
|
|
1034
|
-
className:
|
|
1034
|
+
className: ct.ripple,
|
|
1035
1035
|
style: {
|
|
1036
1036
|
left: d.value.x,
|
|
1037
1037
|
top: d.value.y,
|
|
@@ -1043,7 +1043,7 @@ function st({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, is
|
|
|
1043
1043
|
]
|
|
1044
1044
|
}) });
|
|
1045
1045
|
}
|
|
1046
|
-
var
|
|
1046
|
+
var st = Xe`
|
|
1047
1047
|
from {
|
|
1048
1048
|
opacity: .4;
|
|
1049
1049
|
transform: translate(-50%, -50%) scale(0);
|
|
@@ -1053,8 +1053,8 @@ var ct = Ze`
|
|
|
1053
1053
|
opacity: 0;
|
|
1054
1054
|
transform: translate(-50%, -50%) scale(1);
|
|
1055
1055
|
}
|
|
1056
|
-
`,
|
|
1057
|
-
base:
|
|
1056
|
+
`, ct = {
|
|
1057
|
+
base: Y`
|
|
1058
1058
|
font-size: .9rem;
|
|
1059
1059
|
display: inline-block;
|
|
1060
1060
|
position: relative;
|
|
@@ -1066,7 +1066,7 @@ var ct = Ze`
|
|
|
1066
1066
|
border-radius: 12px;
|
|
1067
1067
|
will-change: transform, border;
|
|
1068
1068
|
transition: transform .1s linear, border .1s linear;
|
|
1069
|
-
font-family: ${
|
|
1069
|
+
font-family: ${X.fontFamily}, sans-serif;
|
|
1070
1070
|
|
|
1071
1071
|
&:active {
|
|
1072
1072
|
transform: translateY(2px);
|
|
@@ -1075,30 +1075,30 @@ var ct = Ze`
|
|
|
1075
1075
|
|
|
1076
1076
|
&[has-icon] { padding-left: 2rem; }
|
|
1077
1077
|
`,
|
|
1078
|
-
primary:
|
|
1079
|
-
color: ${t(
|
|
1080
|
-
border-bottom: solid 3px ${t(
|
|
1081
|
-
background-color: ${
|
|
1078
|
+
primary: Y`
|
|
1079
|
+
color: ${t(X.colors.primary, .5)};
|
|
1080
|
+
border-bottom: solid 3px ${t(X.colors.primary, .25)};
|
|
1081
|
+
background-color: ${X.colors.primary};
|
|
1082
1082
|
`,
|
|
1083
|
-
secondary:
|
|
1084
|
-
color: ${t(
|
|
1085
|
-
border-bottom: solid 3px ${t(
|
|
1086
|
-
background-color: ${
|
|
1083
|
+
secondary: Y`
|
|
1084
|
+
color: ${t(X.colors.secondary, .5)};
|
|
1085
|
+
border-bottom: solid 3px ${t(X.colors.secondary, .25)};
|
|
1086
|
+
background-color: ${X.colors.secondary};
|
|
1087
1087
|
`,
|
|
1088
|
-
ripple:
|
|
1088
|
+
ripple: Y`
|
|
1089
1089
|
position: absolute;
|
|
1090
1090
|
z-index: 1;
|
|
1091
1091
|
border-radius: 50%;
|
|
1092
1092
|
pointer-events: none;
|
|
1093
1093
|
background-color: currentColor;
|
|
1094
|
-
animation: ${
|
|
1094
|
+
animation: ${st} .5s ease-out forwards;
|
|
1095
1095
|
`
|
|
1096
1096
|
};
|
|
1097
1097
|
//#endregion
|
|
1098
1098
|
//#region src/components/_layout.jsx
|
|
1099
1099
|
function lt({ className: e, height: t, direction: n = "row", justify: r, align: i, gap: s, children: c }) {
|
|
1100
1100
|
return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("div", {
|
|
1101
|
-
className:
|
|
1101
|
+
className: J(ut.base, e),
|
|
1102
1102
|
style: {
|
|
1103
1103
|
height: t,
|
|
1104
1104
|
flexDirection: n,
|
|
@@ -1109,60 +1109,60 @@ function lt({ className: e, height: t, direction: n = "row", justify: r, align:
|
|
|
1109
1109
|
children: c
|
|
1110
1110
|
}) });
|
|
1111
1111
|
}
|
|
1112
|
-
var ut = { base:
|
|
1112
|
+
var ut = { base: Y`
|
|
1113
1113
|
display: flex;
|
|
1114
1114
|
` };
|
|
1115
1115
|
//#endregion
|
|
1116
1116
|
//#region src/components/_text.jsx
|
|
1117
|
-
function dt({ as: e = "span", className: t, size: n = "normal", color: r =
|
|
1117
|
+
function dt({ as: e = "span", className: t, size: n = "normal", color: r = X.colors.fore.primary, children: i }) {
|
|
1118
1118
|
return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(e, {
|
|
1119
|
-
className:
|
|
1119
|
+
className: J(ft.base, ft[n] ?? ft.normal, t),
|
|
1120
1120
|
style: { color: r },
|
|
1121
1121
|
children: i
|
|
1122
1122
|
}) });
|
|
1123
1123
|
}
|
|
1124
1124
|
var ft = {
|
|
1125
|
-
base:
|
|
1125
|
+
base: Y`
|
|
1126
1126
|
font-weight: 500;
|
|
1127
1127
|
letter-spacing: 1px;
|
|
1128
1128
|
`,
|
|
1129
|
-
normal:
|
|
1129
|
+
normal: Y`
|
|
1130
1130
|
font-size: 1rem;
|
|
1131
1131
|
line-height: 1.125rem;
|
|
1132
1132
|
`,
|
|
1133
|
-
small:
|
|
1133
|
+
small: Y`
|
|
1134
1134
|
font-size: .75rem;
|
|
1135
1135
|
line-height: 1rem;
|
|
1136
1136
|
`,
|
|
1137
|
-
tiny:
|
|
1137
|
+
tiny: Y`
|
|
1138
1138
|
font-size: .65rem;
|
|
1139
1139
|
line-height: 1rem;
|
|
1140
1140
|
`
|
|
1141
1141
|
};
|
|
1142
1142
|
//#endregion
|
|
1143
1143
|
//#region src/components/_headline.jsx
|
|
1144
|
-
function pt({ as: e = "h2", className: t, size: n = "normal", color: r =
|
|
1144
|
+
function pt({ as: e = "h2", className: t, size: n = "normal", color: r = X.colors.fore.primary, children: i }) {
|
|
1145
1145
|
return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(e, {
|
|
1146
|
-
className:
|
|
1146
|
+
className: J(mt.base, mt[n] ?? mt.normal, t),
|
|
1147
1147
|
style: { color: r },
|
|
1148
1148
|
children: i
|
|
1149
1149
|
}) });
|
|
1150
1150
|
}
|
|
1151
1151
|
var mt = {
|
|
1152
|
-
base:
|
|
1152
|
+
base: Y`
|
|
1153
1153
|
letter-spacing: 1px;
|
|
1154
1154
|
`,
|
|
1155
|
-
normal:
|
|
1155
|
+
normal: Y`
|
|
1156
1156
|
font-weight: 500;
|
|
1157
1157
|
font-size: 1rem;
|
|
1158
1158
|
line-height: 1.2rem;
|
|
1159
1159
|
`,
|
|
1160
|
-
large:
|
|
1160
|
+
large: Y`
|
|
1161
1161
|
font-weight: 600;
|
|
1162
1162
|
font-size: 1.4rem;
|
|
1163
1163
|
line-height: 1.2;
|
|
1164
1164
|
`,
|
|
1165
|
-
small:
|
|
1165
|
+
small: Y`
|
|
1166
1166
|
font-weight: 500;
|
|
1167
1167
|
font-size: .9rem;
|
|
1168
1168
|
line-height: 1.2rem;
|
|
@@ -1206,10 +1206,10 @@ function gt({ placeholder: e, value: t, width: r, isDisabled: c, onChange: l })
|
|
|
1206
1206
|
}) });
|
|
1207
1207
|
}
|
|
1208
1208
|
var _t = {
|
|
1209
|
-
base:
|
|
1209
|
+
base: Y`
|
|
1210
1210
|
position: relative;
|
|
1211
1211
|
`,
|
|
1212
|
-
label:
|
|
1212
|
+
label: Y`
|
|
1213
1213
|
font-size: .875rem;
|
|
1214
1214
|
font-weight: 500;
|
|
1215
1215
|
opacity: .5;
|
|
@@ -1218,10 +1218,10 @@ var _t = {
|
|
|
1218
1218
|
top: .75rem;
|
|
1219
1219
|
pointer-events: none;
|
|
1220
1220
|
letter-spacing: 1px;
|
|
1221
|
-
font-family: ${
|
|
1222
|
-
color: ${
|
|
1221
|
+
font-family: ${X.fontFamily}, sans-serif;
|
|
1222
|
+
color: ${X.colors.fore.primary};
|
|
1223
1223
|
`,
|
|
1224
|
-
input:
|
|
1224
|
+
input: Y`
|
|
1225
1225
|
font-size: .875rem;
|
|
1226
1226
|
font-weight: 500;
|
|
1227
1227
|
color: rgb(58, 58, 58);
|
|
@@ -1232,12 +1232,74 @@ var _t = {
|
|
|
1232
1232
|
width: 100%;
|
|
1233
1233
|
border-radius: 8px;
|
|
1234
1234
|
letter-spacing: 1px;
|
|
1235
|
-
font-family: ${
|
|
1236
|
-
color: ${
|
|
1237
|
-
background-color: ${
|
|
1235
|
+
font-family: ${X.fontFamily}, sans-serif;
|
|
1236
|
+
color: ${X.colors.fore.primary};
|
|
1237
|
+
background-color: ${X.colors.back.secondary};
|
|
1238
|
+
`
|
|
1239
|
+
};
|
|
1240
|
+
//#endregion
|
|
1241
|
+
//#region src/components/_dropdown.jsx
|
|
1242
|
+
function vt({ values: e = [], value: t, isDisabled: i = !1, onChange: c }) {
|
|
1243
|
+
let l = n(t ?? e[0] ?? "");
|
|
1244
|
+
r(() => {
|
|
1245
|
+
t !== void 0 && (l.value = t);
|
|
1246
|
+
}, [t]);
|
|
1247
|
+
function u({ target: e }) {
|
|
1248
|
+
l.value = e.value, c?.(l.value);
|
|
1249
|
+
}
|
|
1250
|
+
return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s("div", {
|
|
1251
|
+
className: yt.base,
|
|
1252
|
+
"is-disabled": i || void 0,
|
|
1253
|
+
children: [/* @__PURE__ */ o("select", {
|
|
1254
|
+
className: yt.select,
|
|
1255
|
+
value: l.value,
|
|
1256
|
+
disabled: i,
|
|
1257
|
+
onChange: u,
|
|
1258
|
+
children: e.map((e) => /* @__PURE__ */ o("option", {
|
|
1259
|
+
value: e,
|
|
1260
|
+
children: e
|
|
1261
|
+
}, e))
|
|
1262
|
+
}), /* @__PURE__ */ o(Q, {
|
|
1263
|
+
className: yt.icon,
|
|
1264
|
+
iconName: "down",
|
|
1265
|
+
size: "1rem"
|
|
1266
|
+
})]
|
|
1267
|
+
}) });
|
|
1268
|
+
}
|
|
1269
|
+
var yt = {
|
|
1270
|
+
base: Y`
|
|
1271
|
+
display: inline-block;
|
|
1272
|
+
position: relative;
|
|
1273
|
+
`,
|
|
1274
|
+
select: Y`
|
|
1275
|
+
appearance: none;
|
|
1276
|
+
border: 0;
|
|
1277
|
+
outline: 0;
|
|
1278
|
+
height: 2.5rem;
|
|
1279
|
+
padding: 0 2.25rem 0 1rem;
|
|
1280
|
+
border-radius: 8px;
|
|
1281
|
+
cursor: pointer;
|
|
1282
|
+
font-size: .875rem;
|
|
1283
|
+
font-weight: 500;
|
|
1284
|
+
letter-spacing: 1px;
|
|
1285
|
+
color: ${X.colors.fore.primary};
|
|
1286
|
+
background-color: ${X.colors.back.secondary};
|
|
1287
|
+
font-family: ${X.fontFamily}, sans-serif;
|
|
1288
|
+
|
|
1289
|
+
&:focus-visible {
|
|
1290
|
+
box-shadow: 0 0 0 2px ${X.colors.primary};
|
|
1291
|
+
}
|
|
1292
|
+
|
|
1293
|
+
&:disabled { cursor: default; }
|
|
1294
|
+
`,
|
|
1295
|
+
icon: Y`
|
|
1296
|
+
${X.extends.verticalCenter}
|
|
1297
|
+
|
|
1298
|
+
right: .75rem;
|
|
1299
|
+
pointer-events: none;
|
|
1238
1300
|
`
|
|
1239
|
-
},
|
|
1240
|
-
function
|
|
1301
|
+
}, bt = 28, xt = 3, St = 11;
|
|
1302
|
+
function Ct({ label: e, isChecked: t, isDisabled: c, onChange: l }) {
|
|
1241
1303
|
let u = i(), d = n(t);
|
|
1242
1304
|
r(() => d.value = t, [t]);
|
|
1243
1305
|
function f() {
|
|
@@ -1245,10 +1307,10 @@ function xt({ label: e, isChecked: t, isDisabled: c, onChange: l }) {
|
|
|
1245
1307
|
d.value = e, l?.(e);
|
|
1246
1308
|
}
|
|
1247
1309
|
return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s("div", {
|
|
1248
|
-
className:
|
|
1310
|
+
className: wt.base,
|
|
1249
1311
|
children: [
|
|
1250
1312
|
/* @__PURE__ */ o("label", {
|
|
1251
|
-
className:
|
|
1313
|
+
className: wt.label,
|
|
1252
1314
|
htmlFor: u,
|
|
1253
1315
|
"is-disabled": c,
|
|
1254
1316
|
children: e
|
|
@@ -1256,48 +1318,48 @@ function xt({ label: e, isChecked: t, isDisabled: c, onChange: l }) {
|
|
|
1256
1318
|
/* @__PURE__ */ o("input", {
|
|
1257
1319
|
id: u,
|
|
1258
1320
|
type: "checkbox",
|
|
1259
|
-
className:
|
|
1321
|
+
className: wt.checkbox,
|
|
1260
1322
|
checked: d.value,
|
|
1261
1323
|
disabled: c,
|
|
1262
1324
|
onChange: f
|
|
1263
1325
|
}),
|
|
1264
1326
|
/* @__PURE__ */ o("label", {
|
|
1265
|
-
className:
|
|
1327
|
+
className: wt.value,
|
|
1266
1328
|
htmlFor: u,
|
|
1267
1329
|
"is-disabled": c
|
|
1268
1330
|
})
|
|
1269
1331
|
]
|
|
1270
1332
|
}) });
|
|
1271
1333
|
}
|
|
1272
|
-
var
|
|
1273
|
-
base:
|
|
1334
|
+
var wt = {
|
|
1335
|
+
base: Y`
|
|
1274
1336
|
position: relative;
|
|
1275
1337
|
display: flex;
|
|
1276
1338
|
gap: .5rem;
|
|
1277
1339
|
`,
|
|
1278
|
-
label:
|
|
1340
|
+
label: Y`
|
|
1279
1341
|
display: inline-block;
|
|
1280
1342
|
font-size: .75rem;
|
|
1281
1343
|
line-height: 1.2rem;
|
|
1282
1344
|
cursor: pointer;
|
|
1283
1345
|
user-select: none;
|
|
1284
1346
|
font-weight: 500;
|
|
1285
|
-
font-family: ${
|
|
1286
|
-
color: ${
|
|
1347
|
+
font-family: ${X.fontFamily}, sans-serif;
|
|
1348
|
+
color: ${X.colors.fore.secondary};
|
|
1287
1349
|
`,
|
|
1288
|
-
checkbox:
|
|
1350
|
+
checkbox: Y`
|
|
1289
1351
|
display: none;
|
|
1290
1352
|
|
|
1291
1353
|
&:checked ~ label {
|
|
1292
1354
|
background-color: #e1e1e1;
|
|
1293
1355
|
|
|
1294
1356
|
&:before {
|
|
1295
|
-
right: ${
|
|
1357
|
+
right: ${xt}px;
|
|
1296
1358
|
background-color: #3a3a3a;
|
|
1297
1359
|
}
|
|
1298
1360
|
}
|
|
1299
1361
|
`,
|
|
1300
|
-
value:
|
|
1362
|
+
value: Y`
|
|
1301
1363
|
display: inline-block;
|
|
1302
1364
|
position: relative;
|
|
1303
1365
|
height: 1.1rem;
|
|
@@ -1305,8 +1367,8 @@ var St = {
|
|
|
1305
1367
|
cursor: pointer;
|
|
1306
1368
|
user-select: none;
|
|
1307
1369
|
transition: background .3s ease;
|
|
1308
|
-
width: ${
|
|
1309
|
-
background-color: ${
|
|
1370
|
+
width: ${bt}px;
|
|
1371
|
+
background-color: ${X.colors.back.secondary};
|
|
1310
1372
|
|
|
1311
1373
|
&:before {
|
|
1312
1374
|
background-color: #e1e1e1;
|
|
@@ -1315,22 +1377,22 @@ var St = {
|
|
|
1315
1377
|
position: absolute;
|
|
1316
1378
|
transition: background .3s ease, right .3s ease;
|
|
1317
1379
|
border-radius: 50%;
|
|
1318
|
-
top: ${
|
|
1380
|
+
top: ${xt}px;
|
|
1319
1381
|
right: ${14}px;
|
|
1320
|
-
width: ${
|
|
1321
|
-
height: ${
|
|
1382
|
+
width: ${St}px;
|
|
1383
|
+
height: ${St}px;
|
|
1322
1384
|
}
|
|
1323
1385
|
`
|
|
1324
1386
|
};
|
|
1325
1387
|
//#endregion
|
|
1326
1388
|
//#region src/components/_tag.jsx
|
|
1327
|
-
function
|
|
1389
|
+
function Tt({ className: t, variant: n = "normal", iconName: r, label: i }) {
|
|
1328
1390
|
return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s("div", {
|
|
1329
|
-
className:
|
|
1391
|
+
className: J(Et.base, Et[n] ?? Et.normal, t),
|
|
1330
1392
|
"has-icon": !e(r),
|
|
1331
|
-
children: [r && /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(
|
|
1332
|
-
className:
|
|
1333
|
-
${
|
|
1393
|
+
children: [r && /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(Q, {
|
|
1394
|
+
className: Y`
|
|
1395
|
+
${X.extends.verticalCenter}
|
|
1334
1396
|
left: .3rem;
|
|
1335
1397
|
`,
|
|
1336
1398
|
iconName: r,
|
|
@@ -1338,7 +1400,7 @@ function Ct({ className: t, variant: n = "normal", iconName: r, label: i }) {
|
|
|
1338
1400
|
}) }), i]
|
|
1339
1401
|
}) });
|
|
1340
1402
|
}
|
|
1341
|
-
var
|
|
1403
|
+
var Et = { base: Y`
|
|
1342
1404
|
position: relative;
|
|
1343
1405
|
display: inline-block;
|
|
1344
1406
|
padding: .3rem .5rem;
|
|
@@ -1346,50 +1408,50 @@ var wt = { base: J`
|
|
|
1346
1408
|
white-space: pre-wrap;
|
|
1347
1409
|
font-size: .7rem;
|
|
1348
1410
|
font-weight: 600;
|
|
1349
|
-
border: solid 1px ${
|
|
1350
|
-
background-color: ${
|
|
1351
|
-
color: ${
|
|
1411
|
+
border: solid 1px ${X.colors.border};
|
|
1412
|
+
background-color: ${X.colors.back.secondary};
|
|
1413
|
+
color: ${X.colors.fore.primary};
|
|
1352
1414
|
|
|
1353
1415
|
&[has-icon="true"] { padding-left: 1.5rem; }
|
|
1354
1416
|
` };
|
|
1355
1417
|
//#endregion
|
|
1356
1418
|
//#region src/components/_icon-button.jsx
|
|
1357
|
-
function
|
|
1419
|
+
function Dt({ iconName: e, color: t, isDisabled: n, onClick: r }) {
|
|
1358
1420
|
function i(e) {
|
|
1359
1421
|
n || (e.stopPropagation(), e.preventDefault(), r?.(e));
|
|
1360
1422
|
}
|
|
1361
1423
|
return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("button", {
|
|
1362
|
-
className:
|
|
1424
|
+
className: Ot.base,
|
|
1363
1425
|
"is-disabled": n || void 0,
|
|
1364
1426
|
"is-clickable": !!r || void 0,
|
|
1365
1427
|
disabled: n,
|
|
1366
1428
|
onClick: i,
|
|
1367
|
-
children: /* @__PURE__ */ o(
|
|
1429
|
+
children: /* @__PURE__ */ o(Q, {
|
|
1368
1430
|
color: t,
|
|
1369
|
-
className:
|
|
1431
|
+
className: Y`${X.extends.centrate}`,
|
|
1370
1432
|
iconName: e,
|
|
1371
1433
|
isDisabled: n
|
|
1372
1434
|
})
|
|
1373
1435
|
}) });
|
|
1374
1436
|
}
|
|
1375
|
-
var
|
|
1437
|
+
var Ot = { base: Y`
|
|
1376
1438
|
position: relative;
|
|
1377
1439
|
width: 2.25rem;
|
|
1378
1440
|
height: 2.25rem;
|
|
1379
1441
|
border-radius: 8px;
|
|
1380
|
-
background-color: ${
|
|
1442
|
+
background-color: ${X.colors.back.secondary};
|
|
1381
1443
|
` };
|
|
1382
1444
|
//#endregion
|
|
1383
1445
|
//#region src/components/_tab-box.jsx
|
|
1384
|
-
function
|
|
1446
|
+
function kt({ className: e, width: t, height: r, initialIndex: c = 0, items: l = [], onChange: u }) {
|
|
1385
1447
|
let d = i(), f = Math.max(l.length - 1, 0), p = n(Math.min(Math.max(c, 0), f)), m = Math.min(p.value, f);
|
|
1386
1448
|
function h(e) {
|
|
1387
1449
|
e !== m && (p.value = e, u?.(e, l[e]));
|
|
1388
1450
|
}
|
|
1389
1451
|
return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s("div", {
|
|
1390
|
-
className:
|
|
1452
|
+
className: J($.base, e),
|
|
1391
1453
|
style: { width: t },
|
|
1392
|
-
children: [/* @__PURE__ */ o(
|
|
1454
|
+
children: [/* @__PURE__ */ o(rt, {
|
|
1393
1455
|
className: $.box,
|
|
1394
1456
|
height: r,
|
|
1395
1457
|
children: /* @__PURE__ */ o("div", {
|
|
@@ -1426,7 +1488,7 @@ function Dt({ className: e, width: t, height: r, initialIndex: c = 0, items: l =
|
|
|
1426
1488
|
"is-active": n || void 0,
|
|
1427
1489
|
onClick: () => h(t),
|
|
1428
1490
|
children: [
|
|
1429
|
-
e.iconName && /* @__PURE__ */ o(
|
|
1491
|
+
e.iconName && /* @__PURE__ */ o(Q, {
|
|
1430
1492
|
iconName: e.iconName,
|
|
1431
1493
|
size: "1rem"
|
|
1432
1494
|
}),
|
|
@@ -1443,17 +1505,17 @@ function Dt({ className: e, width: t, height: r, initialIndex: c = 0, items: l =
|
|
|
1443
1505
|
}) });
|
|
1444
1506
|
}
|
|
1445
1507
|
var $ = {
|
|
1446
|
-
base:
|
|
1508
|
+
base: Y`
|
|
1447
1509
|
position: relative;
|
|
1448
1510
|
max-width: 100%;
|
|
1449
1511
|
`,
|
|
1450
|
-
box:
|
|
1451
|
-
z-index: ${
|
|
1512
|
+
box: Y`
|
|
1513
|
+
z-index: ${X.zIndex.front};
|
|
1452
1514
|
width: 100%;
|
|
1453
1515
|
padding: 0;
|
|
1454
1516
|
overflow: hidden;
|
|
1455
1517
|
`,
|
|
1456
|
-
track:
|
|
1518
|
+
track: Y`
|
|
1457
1519
|
display: flex;
|
|
1458
1520
|
width: 100%;
|
|
1459
1521
|
min-height: 100%;
|
|
@@ -1462,12 +1524,12 @@ var $ = {
|
|
|
1462
1524
|
|
|
1463
1525
|
@media (prefers-reduced-motion: reduce) { transition: none; }
|
|
1464
1526
|
`,
|
|
1465
|
-
panel:
|
|
1527
|
+
panel: Y`
|
|
1466
1528
|
flex: 0 0 100%;
|
|
1467
1529
|
min-width: 0;
|
|
1468
1530
|
padding: 1.875rem 1.25rem;
|
|
1469
1531
|
`,
|
|
1470
|
-
tabs:
|
|
1532
|
+
tabs: Y`
|
|
1471
1533
|
display: flex;
|
|
1472
1534
|
position: relative;
|
|
1473
1535
|
margin-top: -1rem;
|
|
@@ -1475,9 +1537,9 @@ var $ = {
|
|
|
1475
1537
|
border: solid 2px #eee;
|
|
1476
1538
|
border-top: 0;
|
|
1477
1539
|
border-radius: 0 0 18px 18px;
|
|
1478
|
-
background-color: ${
|
|
1540
|
+
background-color: ${X.colors.back.secondary};
|
|
1479
1541
|
`,
|
|
1480
|
-
tab:
|
|
1542
|
+
tab: Y`
|
|
1481
1543
|
display: flex;
|
|
1482
1544
|
flex: 1 1 0;
|
|
1483
1545
|
align-items: center;
|
|
@@ -1490,17 +1552,17 @@ var $ = {
|
|
|
1490
1552
|
font-size: .8rem;
|
|
1491
1553
|
font-weight: 600;
|
|
1492
1554
|
transition: color .2s ease, background-color .2s ease;
|
|
1493
|
-
color: ${
|
|
1494
|
-
font-family: ${
|
|
1555
|
+
color: ${X.colors.fore.secondary};
|
|
1556
|
+
font-family: ${X.fontFamily}, sans-serif;
|
|
1495
1557
|
|
|
1496
1558
|
& + & { border-left: solid 1px #e5e7e9; }
|
|
1497
1559
|
|
|
1498
1560
|
&[is-active] {
|
|
1499
|
-
color: ${
|
|
1500
|
-
background-color: ${
|
|
1561
|
+
color: ${X.colors.fore.primary};
|
|
1562
|
+
background-color: ${X.colors.back.primary};
|
|
1501
1563
|
}
|
|
1502
1564
|
`,
|
|
1503
|
-
notification:
|
|
1565
|
+
notification: Y`
|
|
1504
1566
|
display: inline-flex;
|
|
1505
1567
|
align-items: center;
|
|
1506
1568
|
justify-content: center;
|
|
@@ -1511,9 +1573,9 @@ var $ = {
|
|
|
1511
1573
|
font-size: .7rem;
|
|
1512
1574
|
font-weight: 700;
|
|
1513
1575
|
line-height: 1;
|
|
1514
|
-
color: ${
|
|
1576
|
+
color: ${X.colors.fore.primary};
|
|
1515
1577
|
background-color: #e1e1e1;
|
|
1516
1578
|
`
|
|
1517
1579
|
};
|
|
1518
1580
|
//#endregion
|
|
1519
|
-
export {
|
|
1581
|
+
export { et as AppWrapper, nt as Bar, rt as Box, ot as Button, vt as Dropdown, pt as Headline, Q as Icon, Dt as IconButton, lt as Layout, ht as Space, Ct as Switch, kt as TabBox, Tt as Tag, dt as Text, gt as TextField, X as Theme };
|