melonykit 0.1.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 ADDED
@@ -0,0 +1,1341 @@
1
+ import { i as e, o as t } from "./functions-C8th2V6m.js";
2
+ import { Fragment as n, jsx as r, jsxs as i } from "preact/jsx-runtime";
3
+ import { useSignal as a } from "@preact/signals";
4
+ import { useEffect as o } from "preact/hooks";
5
+ //#region node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
6
+ function s(e) {
7
+ if (e.sheet) return e.sheet;
8
+ /* istanbul ignore next */
9
+ for (var t = 0; t < document.styleSheets.length; t++) if (document.styleSheets[t].ownerNode === e) return document.styleSheets[t];
10
+ }
11
+ function c(e) {
12
+ var t = document.createElement("style");
13
+ return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
14
+ }
15
+ var l = /*#__PURE__*/ function() {
16
+ function e(e) {
17
+ var t = this;
18
+ this._insertTag = function(e) {
19
+ var n = t.tags.length === 0 ? t.insertionPoint ? t.insertionPoint.nextSibling : t.prepend ? t.container.firstChild : t.before : t.tags[t.tags.length - 1].nextSibling;
20
+ t.container.insertBefore(e, n), t.tags.push(e);
21
+ }, this.isSpeedy = e.speedy === void 0 || e.speedy, this.tags = [], this.ctr = 0, this.nonce = e.nonce, this.key = e.key, this.container = e.container, this.prepend = e.prepend, this.insertionPoint = e.insertionPoint, this.before = null;
22
+ }
23
+ var t = e.prototype;
24
+ return t.hydrate = function(e) {
25
+ e.forEach(this._insertTag);
26
+ }, t.insert = function(e) {
27
+ this.ctr % (this.isSpeedy ? 65e3 : 1) == 0 && this._insertTag(c(this));
28
+ var t = this.tags[this.tags.length - 1];
29
+ if (this.isSpeedy) {
30
+ var n = s(t);
31
+ try {
32
+ n.insertRule(e, n.cssRules.length);
33
+ } catch {}
34
+ } else t.appendChild(document.createTextNode(e));
35
+ this.ctr++;
36
+ }, t.flush = function() {
37
+ this.tags.forEach(function(e) {
38
+ return e.parentNode?.removeChild(e);
39
+ }), this.tags = [], this.ctr = 0;
40
+ }, e;
41
+ }(), u = "-ms-", d = "-moz-", f = "-webkit-", p = "comm", m = "rule", h = "decl", g = "@import", _ = "@keyframes", v = "@layer", y = Math.abs, b = String.fromCharCode, x = Object.assign;
42
+ function S(e, t) {
43
+ return E(e, 0) ^ 45 ? (((t << 2 ^ E(e, 0)) << 2 ^ E(e, 1)) << 2 ^ E(e, 2)) << 2 ^ E(e, 3) : 0;
44
+ }
45
+ function C(e) {
46
+ return e.trim();
47
+ }
48
+ function w(e, t) {
49
+ return (e = t.exec(e)) ? e[0] : e;
50
+ }
51
+ function T(e, t, n) {
52
+ return e.replace(t, n);
53
+ }
54
+ function ee(e, t) {
55
+ return e.indexOf(t);
56
+ }
57
+ function E(e, t) {
58
+ return e.charCodeAt(t) | 0;
59
+ }
60
+ function D(e, t, n) {
61
+ return e.slice(t, n);
62
+ }
63
+ function O(e) {
64
+ return e.length;
65
+ }
66
+ function te(e) {
67
+ return e.length;
68
+ }
69
+ function k(e, t) {
70
+ return t.push(e), e;
71
+ }
72
+ function ne(e, t) {
73
+ return e.map(t).join("");
74
+ }
75
+ //#endregion
76
+ //#region node_modules/stylis/src/Tokenizer.js
77
+ var A = 1, j = 1, re = 0, M = 0, N = 0, P = "";
78
+ function F(e, t, n, r, i, a, o) {
79
+ return {
80
+ value: e,
81
+ root: t,
82
+ parent: n,
83
+ type: r,
84
+ props: i,
85
+ children: a,
86
+ line: A,
87
+ column: j,
88
+ length: o,
89
+ return: ""
90
+ };
91
+ }
92
+ function I(e, t) {
93
+ return x(F("", null, null, "", null, null, 0), e, { length: -e.length }, t);
94
+ }
95
+ function ie() {
96
+ return N;
97
+ }
98
+ function ae() {
99
+ return N = M > 0 ? E(P, --M) : 0, j--, N === 10 && (j = 1, A--), N;
100
+ }
101
+ function L() {
102
+ return N = M < re ? E(P, M++) : 0, j++, N === 10 && (j = 1, A++), N;
103
+ }
104
+ function R() {
105
+ return E(P, M);
106
+ }
107
+ function z() {
108
+ return M;
109
+ }
110
+ function B(e, t) {
111
+ return D(P, e, t);
112
+ }
113
+ function V(e) {
114
+ switch (e) {
115
+ case 0:
116
+ case 9:
117
+ case 10:
118
+ case 13:
119
+ case 32: return 5;
120
+ case 33:
121
+ case 43:
122
+ case 44:
123
+ case 47:
124
+ case 62:
125
+ case 64:
126
+ case 126:
127
+ case 59:
128
+ case 123:
129
+ case 125: return 4;
130
+ case 58: return 3;
131
+ case 34:
132
+ case 39:
133
+ case 40:
134
+ case 91: return 2;
135
+ case 41:
136
+ case 93: return 1;
137
+ }
138
+ return 0;
139
+ }
140
+ function oe(e) {
141
+ return A = j = 1, re = O(P = e), M = 0, [];
142
+ }
143
+ function se(e) {
144
+ return P = "", e;
145
+ }
146
+ function H(e) {
147
+ return C(B(M - 1, ue(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
148
+ }
149
+ function ce(e) {
150
+ for (; (N = R()) && N < 33;) L();
151
+ return V(e) > 2 || V(N) > 3 ? "" : " ";
152
+ }
153
+ function le(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
+ }
157
+ function ue(e) {
158
+ for (; L();) switch (N) {
159
+ case e: return M;
160
+ case 34:
161
+ case 39:
162
+ e !== 34 && e !== 39 && ue(N);
163
+ break;
164
+ case 40:
165
+ e === 41 && ue(e);
166
+ break;
167
+ case 92:
168
+ L();
169
+ break;
170
+ }
171
+ return M;
172
+ }
173
+ function de(e, t) {
174
+ for (; L() && e + N !== 57 && (e + N !== 84 || R() !== 47););
175
+ return "/*" + B(t, M - 1) + "*" + b(e === 47 ? e : L());
176
+ }
177
+ function fe(e) {
178
+ for (; !V(R());) L();
179
+ return B(e, M);
180
+ }
181
+ //#endregion
182
+ //#region node_modules/stylis/src/Parser.js
183
+ function pe(e) {
184
+ return se(U("", null, null, null, [""], e = oe(e), 0, [0], e));
185
+ }
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 = "", x = i, S = a, C = r, w = y; g;) switch (m = v, v = L()) {
188
+ case 40: if (m != 108 && E(w, d - 1) == 58) {
189
+ ee(w += T(H(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
190
+ break;
191
+ }
192
+ case 34:
193
+ case 39:
194
+ case 91:
195
+ w += H(v);
196
+ break;
197
+ case 9:
198
+ case 10:
199
+ case 13:
200
+ case 32:
201
+ w += ce(m);
202
+ break;
203
+ case 92:
204
+ w += le(z() - 1, 7);
205
+ continue;
206
+ case 47:
207
+ switch (R()) {
208
+ case 42:
209
+ case 47:
210
+ k(he(de(L(), z()), t, n), c);
211
+ break;
212
+ default: w += "/";
213
+ }
214
+ break;
215
+ case 123 * h: s[l++] = O(w) * _;
216
+ case 125 * h:
217
+ case 59:
218
+ case 0:
219
+ switch (v) {
220
+ case 0:
221
+ case 125: g = 0;
222
+ case 59 + u:
223
+ _ == -1 && (w = T(w, /\f/g, "")), p > 0 && O(w) - d && k(p > 32 ? ge(w + ";", r, n, d - 1) : ge(T(w, " ", "") + ";", r, n, d - 2), c);
224
+ break;
225
+ case 59: w += ";";
226
+ default: if (k(C = me(w, t, n, l, u, i, s, y, x = [], S = [], d), a), v === 123) if (u === 0) U(w, t, C, C, x, a, d, s, S);
227
+ else switch (f === 99 && E(w, 3) === 110 ? 100 : f) {
228
+ case 100:
229
+ case 108:
230
+ case 109:
231
+ case 115:
232
+ U(e, C, C, r && k(me(e, C, C, 0, 0, i, s, y, i, x = [], d), S), i, S, d, s, r ? x : S);
233
+ break;
234
+ default: U(w, C, C, C, [""], S, 0, s, S);
235
+ }
236
+ }
237
+ l = u = p = 0, h = _ = 1, y = w = "", d = o;
238
+ break;
239
+ case 58: d = 1 + O(w), p = m;
240
+ default:
241
+ if (h < 1) {
242
+ if (v == 123) --h;
243
+ else if (v == 125 && h++ == 0 && ae() == 125) continue;
244
+ }
245
+ switch (w += b(v), v * h) {
246
+ case 38:
247
+ _ = u > 0 ? 1 : (w += "\f", -1);
248
+ break;
249
+ case 44:
250
+ s[l++] = (O(w) - 1) * _, _ = 1;
251
+ break;
252
+ case 64:
253
+ R() === 45 && (w += H(L())), f = R(), u = d = O(y = w += fe(z())), v++;
254
+ break;
255
+ case 45: m === 45 && O(w) == 2 && (h = 0);
256
+ }
257
+ }
258
+ return a;
259
+ }
260
+ function me(e, t, n, r, i, a, o, s, c, l, u) {
261
+ for (var d = i - 1, f = i === 0 ? a : [""], p = te(f), h = 0, g = 0, _ = 0; h < r; ++h) for (var v = 0, b = D(e, d + 1, d = y(g = o[h])), x = e; v < p; ++v) (x = C(g > 0 ? f[v] + " " + b : T(b, /&\f/g, f[v]))) && (c[_++] = x);
262
+ return F(e, t, n, i === 0 ? m : s, c, l, u);
263
+ }
264
+ function he(e, t, n) {
265
+ return F(e, t, n, p, b(ie()), D(e, 2, -2), 0);
266
+ }
267
+ function ge(e, t, n, r) {
268
+ return F(e, t, n, h, D(e, 0, r), D(e, r + 1, -1), r);
269
+ }
270
+ //#endregion
271
+ //#region node_modules/stylis/src/Serializer.js
272
+ function W(e, t) {
273
+ for (var n = "", r = te(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
274
+ return n;
275
+ }
276
+ function _e(e, t, n, r) {
277
+ switch (e.type) {
278
+ case v: if (e.children.length) break;
279
+ case g:
280
+ case h: return e.return = e.return || e.value;
281
+ case p: return "";
282
+ case _: return e.return = e.value + "{" + W(e.children, r) + "}";
283
+ case m: e.value = e.props.join(",");
284
+ }
285
+ return O(n = W(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
286
+ }
287
+ //#endregion
288
+ //#region node_modules/stylis/src/Middleware.js
289
+ function ve(e) {
290
+ var t = te(e);
291
+ return function(n, r, i, a) {
292
+ for (var o = "", s = 0; s < t; s++) o += e[s](n, r, i, a) || "";
293
+ return o;
294
+ };
295
+ }
296
+ function ye(e) {
297
+ return function(t) {
298
+ t.root || (t = t.return) && e(t);
299
+ };
300
+ }
301
+ //#endregion
302
+ //#region node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
303
+ function be(e) {
304
+ var t = Object.create(null);
305
+ return function(n) {
306
+ return t[n] === void 0 && (t[n] = e(n)), t[n];
307
+ };
308
+ }
309
+ //#endregion
310
+ //#region node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js
311
+ var xe = function(e, t, n) {
312
+ for (var r = 0, i = 0; r = i, i = R(), r === 38 && i === 12 && (t[n] = 1), !V(i);) L();
313
+ return B(e, M);
314
+ }, Se = function(e, t) {
315
+ var n = -1, r = 44;
316
+ do
317
+ switch (V(r)) {
318
+ case 0:
319
+ r === 38 && R() === 12 && (t[n] = 1), e[n] += xe(M - 1, t, n);
320
+ break;
321
+ case 2:
322
+ e[n] += H(r);
323
+ break;
324
+ case 4: if (r === 44) {
325
+ e[++n] = R() === 58 ? "&\f" : "", t[n] = e[n].length;
326
+ break;
327
+ }
328
+ default: e[n] += b(r);
329
+ }
330
+ while (r = L());
331
+ return e;
332
+ }, Ce = function(e, t) {
333
+ return se(Se(oe(e), t));
334
+ }, we = /* #__PURE__ */ new WeakMap(), Te = function(e) {
335
+ if (!(e.type !== "rule" || !e.parent || e.length < 1)) {
336
+ 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;
337
+ if (!(e.props.length === 1 && t.charCodeAt(0) !== 58 && !we.get(n)) && !r) {
338
+ we.set(e, !0);
339
+ for (var i = [], a = Ce(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];
340
+ }
341
+ }
342
+ }, Ee = function(e) {
343
+ if (e.type === "decl") {
344
+ var t = e.value;
345
+ t.charCodeAt(0) === 108 && t.charCodeAt(2) === 98 && (e.return = "", e.value = "");
346
+ }
347
+ };
348
+ function De(e, t) {
349
+ switch (S(e, t)) {
350
+ case 5103: return f + "print-" + e + e;
351
+ case 5737:
352
+ case 4201:
353
+ case 3177:
354
+ case 3433:
355
+ case 1641:
356
+ case 4457:
357
+ case 2921:
358
+ case 5572:
359
+ case 6356:
360
+ case 5844:
361
+ case 3191:
362
+ case 6645:
363
+ case 3005:
364
+ case 6391:
365
+ case 5879:
366
+ case 5623:
367
+ case 6135:
368
+ case 4599:
369
+ case 4855:
370
+ case 4215:
371
+ case 6389:
372
+ case 5109:
373
+ case 5365:
374
+ case 5621:
375
+ case 3829: return f + e + e;
376
+ case 5349:
377
+ case 4246:
378
+ case 4810:
379
+ case 6968:
380
+ case 2756: return f + e + d + e + u + e + e;
381
+ case 6828:
382
+ case 4268: return f + e + u + e + e;
383
+ case 6165: return f + e + u + "flex-" + e + e;
384
+ case 5187: return f + e + T(e, /(\w+).+(:[^]+)/, f + "box-$1$2" + u + "flex-$1$2") + e;
385
+ case 5443: return f + e + u + "flex-item-" + T(e, /flex-|-self/, "") + e;
386
+ case 4675: return f + e + u + "flex-line-pack" + T(e, /align-content|flex-|-self/, "") + e;
387
+ case 5548: return f + e + u + T(e, "shrink", "negative") + e;
388
+ case 5292: return f + e + u + T(e, "basis", "preferred-size") + e;
389
+ case 6060: return f + "box-" + T(e, "-grow", "") + f + e + u + T(e, "grow", "positive") + e;
390
+ case 4554: return f + T(e, /([^-])(transform)/g, "$1" + f + "$2") + e;
391
+ case 6187: return T(T(T(e, /(zoom-|grab)/, f + "$1"), /(image-set)/, f + "$1"), e, "") + e;
392
+ case 5495:
393
+ case 3959: return T(e, /(image-set\([^]*)/, f + "$1$`$1");
394
+ case 4968: return T(T(e, /(.+:)(flex-)?(.*)/, f + "box-pack:$3" + u + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + f + e + e;
395
+ case 4095:
396
+ case 3583:
397
+ case 4068:
398
+ case 2532: return T(e, /(.+)-inline(.+)/, f + "$1$2") + e;
399
+ case 8116:
400
+ case 7059:
401
+ case 5753:
402
+ case 5535:
403
+ case 5445:
404
+ case 5701:
405
+ case 4933:
406
+ case 4677:
407
+ case 5533:
408
+ case 5789:
409
+ case 5021:
410
+ case 4765:
411
+ if (O(e) - 1 - t > 6) switch (E(e, t + 1)) {
412
+ case 109: if (E(e, t + 4) !== 45) break;
413
+ case 102: return T(e, /(.+:)(.+)-([^]+)/, "$1" + f + "$2-$3$1" + d + (E(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
414
+ case 115: return ~ee(e, "stretch") ? De(T(e, "stretch", "fill-available"), t) + e : e;
415
+ }
416
+ break;
417
+ case 4949: if (E(e, t + 1) !== 115) break;
418
+ case 6444:
419
+ switch (E(e, O(e) - 3 - (~ee(e, "!important") && 10))) {
420
+ case 107: return T(e, ":", ":" + f) + e;
421
+ case 101: return T(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + f + (E(e, 14) === 45 ? "inline-" : "") + "box$3$1" + f + "$2$3$1" + u + "$2box$3") + e;
422
+ }
423
+ break;
424
+ case 5936:
425
+ switch (E(e, t + 11)) {
426
+ case 114: return f + e + u + T(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
427
+ case 108: return f + e + u + T(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
428
+ case 45: return f + e + u + T(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
429
+ }
430
+ return f + e + u + e + e;
431
+ }
432
+ return e;
433
+ }
434
+ var Oe = [function(e, t, n, r) {
435
+ if (e.length > -1 && !e.return) switch (e.type) {
436
+ case h:
437
+ e.return = De(e.value, e.length);
438
+ break;
439
+ case _: return W([I(e, { value: T(e.value, "@", "@" + f) })], r);
440
+ case m: if (e.length) return ne(e.props, function(t) {
441
+ switch (w(t, /(::plac\w+|:read-\w+)/)) {
442
+ case ":read-only":
443
+ case ":read-write": return W([I(e, { props: [T(t, /:(read-\w+)/, ":" + d + "$1")] })], r);
444
+ case "::placeholder": return W([
445
+ I(e, { props: [T(t, /:(plac\w+)/, ":" + f + "input-$1")] }),
446
+ I(e, { props: [T(t, /:(plac\w+)/, ":" + d + "$1")] }),
447
+ I(e, { props: [T(t, /:(plac\w+)/, u + "input-$1")] })
448
+ ], r);
449
+ }
450
+ return "";
451
+ });
452
+ }
453
+ }], ke = function(e) {
454
+ var t = e.key;
455
+ if (t === "css") {
456
+ var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
457
+ Array.prototype.forEach.call(n, function(e) {
458
+ e.getAttribute("data-emotion").indexOf(" ") !== -1 && (document.head.appendChild(e), e.setAttribute("data-s", ""));
459
+ });
460
+ }
461
+ var r = e.stylisPlugins || Oe, i = {}, a, o = [];
462
+ a = e.container || document.head, Array.prototype.forEach.call(document.querySelectorAll("style[data-emotion^=\"" + t + " \"]"), function(e) {
463
+ for (var t = e.getAttribute("data-emotion").split(" "), n = 1; n < t.length; n++) i[t[n]] = !0;
464
+ o.push(e);
465
+ });
466
+ var s, c = [Te, Ee], u, d = [_e, ye(function(e) {
467
+ u.insert(e);
468
+ })], f = ve(c.concat(r, d)), p = function(e) {
469
+ return W(pe(e), f);
470
+ };
471
+ s = function(e, t, n, r) {
472
+ u = n, p(e ? e + "{" + t.styles + "}" : t.styles), r && (m.inserted[t.name] = !0);
473
+ };
474
+ var m = {
475
+ key: t,
476
+ sheet: new l({
477
+ key: t,
478
+ container: a,
479
+ nonce: e.nonce,
480
+ speedy: e.speedy,
481
+ prepend: e.prepend,
482
+ insertionPoint: e.insertionPoint
483
+ }),
484
+ nonce: e.nonce,
485
+ inserted: i,
486
+ registered: {},
487
+ insert: s
488
+ };
489
+ return m.sheet.hydrate(o), m;
490
+ };
491
+ //#endregion
492
+ //#region node_modules/@emotion/hash/dist/emotion-hash.esm.js
493
+ function Ae(e) {
494
+ 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);
495
+ switch (i) {
496
+ case 3: t ^= (e.charCodeAt(r + 2) & 255) << 16;
497
+ case 2: t ^= (e.charCodeAt(r + 1) & 255) << 8;
498
+ case 1: t ^= e.charCodeAt(r) & 255, t = (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
499
+ }
500
+ return t ^= t >>> 13, t = (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
501
+ }
502
+ //#endregion
503
+ //#region node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
504
+ var je = {
505
+ animationIterationCount: 1,
506
+ aspectRatio: 1,
507
+ borderImageOutset: 1,
508
+ borderImageSlice: 1,
509
+ borderImageWidth: 1,
510
+ boxFlex: 1,
511
+ boxFlexGroup: 1,
512
+ boxOrdinalGroup: 1,
513
+ columnCount: 1,
514
+ columns: 1,
515
+ flex: 1,
516
+ flexGrow: 1,
517
+ flexPositive: 1,
518
+ flexShrink: 1,
519
+ flexNegative: 1,
520
+ flexOrder: 1,
521
+ gridRow: 1,
522
+ gridRowEnd: 1,
523
+ gridRowSpan: 1,
524
+ gridRowStart: 1,
525
+ gridColumn: 1,
526
+ gridColumnEnd: 1,
527
+ gridColumnSpan: 1,
528
+ gridColumnStart: 1,
529
+ msGridRow: 1,
530
+ msGridRowSpan: 1,
531
+ msGridColumn: 1,
532
+ msGridColumnSpan: 1,
533
+ fontWeight: 1,
534
+ lineHeight: 1,
535
+ opacity: 1,
536
+ order: 1,
537
+ orphans: 1,
538
+ scale: 1,
539
+ tabSize: 1,
540
+ widows: 1,
541
+ zIndex: 1,
542
+ zoom: 1,
543
+ WebkitLineClamp: 1,
544
+ fillOpacity: 1,
545
+ floodOpacity: 1,
546
+ stopOpacity: 1,
547
+ strokeDasharray: 1,
548
+ strokeDashoffset: 1,
549
+ strokeMiterlimit: 1,
550
+ strokeOpacity: 1,
551
+ strokeWidth: 1
552
+ }, Me = /[A-Z]|^ms/g, Ne = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Pe = function(e) {
553
+ return e.charCodeAt(1) === 45;
554
+ }, Fe = function(e) {
555
+ return e != null && typeof e != "boolean";
556
+ }, Ie = /* #__PURE__ */ be(function(e) {
557
+ return Pe(e) ? e : e.replace(Me, "-$&").toLowerCase();
558
+ }), Le = function(e, t) {
559
+ switch (e) {
560
+ case "animation":
561
+ case "animationName": if (typeof t == "string") return t.replace(Ne, function(e, t, n) {
562
+ return K = {
563
+ name: t,
564
+ styles: n,
565
+ next: K
566
+ }, t;
567
+ });
568
+ }
569
+ return je[e] !== 1 && !Pe(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
570
+ };
571
+ function G(e, t, n) {
572
+ if (n == null) return "";
573
+ var r = n;
574
+ if (r.__emotion_styles !== void 0) return r;
575
+ switch (typeof n) {
576
+ case "boolean": return "";
577
+ case "object":
578
+ var i = n;
579
+ if (i.anim === 1) return K = {
580
+ name: i.name,
581
+ styles: i.styles,
582
+ next: K
583
+ }, i.name;
584
+ var a = n;
585
+ if (a.styles !== void 0) {
586
+ var o = a.next;
587
+ if (o !== void 0) for (; o !== void 0;) K = {
588
+ name: o.name,
589
+ styles: o.styles,
590
+ next: K
591
+ }, o = o.next;
592
+ return a.styles + ";";
593
+ }
594
+ return Re(e, t, n);
595
+ case "function": if (e !== void 0) {
596
+ var s = K, c = n(e);
597
+ return K = s, G(e, t, c);
598
+ }
599
+ }
600
+ var l = n;
601
+ if (t == null) return l;
602
+ var u = t[l];
603
+ return u === void 0 ? l : u;
604
+ }
605
+ function Re(e, t, n) {
606
+ var r = "";
607
+ if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += G(e, t, n[i]) + ";";
608
+ else for (var a in n) {
609
+ var o = n[a];
610
+ if (typeof o != "object") {
611
+ var s = o;
612
+ t != null && t[s] !== void 0 ? r += a + "{" + t[s] + "}" : Fe(s) && (r += Ie(a) + ":" + Le(a, s) + ";");
613
+ } else if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0)) for (var c = 0; c < o.length; c++) Fe(o[c]) && (r += Ie(a) + ":" + Le(a, o[c]) + ";");
614
+ else {
615
+ var l = G(e, t, o);
616
+ switch (a) {
617
+ case "animation":
618
+ case "animationName":
619
+ r += Ie(a) + ":" + l + ";";
620
+ break;
621
+ default: r += a + "{" + l + "}";
622
+ }
623
+ }
624
+ }
625
+ return r;
626
+ }
627
+ var ze = /label:\s*([^\s;{]+)\s*(;|$)/g, K;
628
+ function Be(e, t, n) {
629
+ if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0) return e[0];
630
+ var r = !0, i = "";
631
+ K = void 0;
632
+ var a = e[0];
633
+ a == null || a.raw === void 0 ? (r = !1, i += G(n, t, a)) : i += a[0];
634
+ for (var o = 1; o < e.length; o++) i += G(n, t, e[o]), r && (i += a[o]);
635
+ ze.lastIndex = 0;
636
+ for (var s = "", c; (c = ze.exec(i)) !== null;) s += "-" + c[1];
637
+ return {
638
+ name: Ae(i) + s,
639
+ styles: i,
640
+ next: K
641
+ };
642
+ }
643
+ //#endregion
644
+ //#region node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
645
+ function Ve(e, t, n) {
646
+ var r = "";
647
+ return n.split(" ").forEach(function(n) {
648
+ e[n] === void 0 ? n && (r += n + " ") : t.push(e[n] + ";");
649
+ }), r;
650
+ }
651
+ var He = function(e, t, n) {
652
+ var r = e.key + "-" + t.name;
653
+ n === !1 && e.registered[r] === void 0 && (e.registered[r] = t.styles);
654
+ }, Ue = function(e, t, n) {
655
+ He(e, t, n);
656
+ var r = e.key + "-" + t.name;
657
+ if (e.inserted[t.name] === void 0) {
658
+ var i = t;
659
+ do
660
+ e.insert(t === i ? "." + r : "", i, e.sheet, !0), i = i.next;
661
+ while (i !== void 0);
662
+ }
663
+ };
664
+ //#endregion
665
+ //#region node_modules/@emotion/css/create-instance/dist/emotion-css-create-instance.esm.js
666
+ function We(e, t) {
667
+ if (e.inserted[t.name] === void 0) return e.insert("", t, e.sheet, !0);
668
+ }
669
+ function Ge(e, t, n) {
670
+ var r = [], i = Ve(e, r, n);
671
+ return r.length < 2 ? n : i + t(r);
672
+ }
673
+ var Ke = function(e) {
674
+ var t = ke(e);
675
+ t.sheet.speedy = function(e) {
676
+ this.isSpeedy = e;
677
+ }, t.compat = !0;
678
+ var n = function() {
679
+ var e = Be([...arguments], t.registered, void 0);
680
+ return Ue(t, e, !1), t.key + "-" + e.name;
681
+ };
682
+ return {
683
+ css: n,
684
+ cx: function() {
685
+ var e = [...arguments];
686
+ return Ge(t.registered, n, qe(e));
687
+ },
688
+ injectGlobal: function() {
689
+ We(t, Be([...arguments], t.registered));
690
+ },
691
+ keyframes: function() {
692
+ var e = Be([...arguments], t.registered), n = "animation-" + e.name;
693
+ return We(t, {
694
+ name: e.name,
695
+ styles: "@keyframes " + n + "{" + e.styles + "}"
696
+ }), n;
697
+ },
698
+ hydrate: function(e) {
699
+ e.forEach(function(e) {
700
+ t.inserted[e] = !0;
701
+ });
702
+ },
703
+ flush: function() {
704
+ t.registered = {}, t.inserted = {}, t.sheet.flush();
705
+ },
706
+ sheet: t.sheet,
707
+ cache: t,
708
+ getRegisteredStyles: Ve.bind(null, t.registered),
709
+ merge: Ge.bind(null, t.registered, n)
710
+ };
711
+ }, qe = function e(t) {
712
+ for (var n = "", r = 0; r < t.length; r++) {
713
+ var i = t[r];
714
+ if (i != null) {
715
+ var a = void 0;
716
+ switch (typeof i) {
717
+ case "boolean": break;
718
+ case "object":
719
+ if (Array.isArray(i)) a = e(i);
720
+ else for (var o in a = "", i) i[o] && o && (a && (a += " "), a += o);
721
+ break;
722
+ default: a = i;
723
+ }
724
+ a && (n && (n += " "), n += a);
725
+ }
726
+ }
727
+ return n;
728
+ }, q = Ke({ key: "css" });
729
+ q.flush, q.hydrate;
730
+ var J = q.cx;
731
+ q.merge, q.getRegisteredStyles;
732
+ var Je = q.injectGlobal, Ye = q.keyframes, Y = q.css;
733
+ q.sheet, q.cache;
734
+ //#endregion
735
+ //#region src/components/_theme.js
736
+ var Xe = new URL("./assets/manrope.woff2", import.meta.url).href ?? "/fonts/manrope.woff2", X = {
737
+ baseUnit: 16,
738
+ maxWidth: 67.5,
739
+ fontFamily: "Manrope",
740
+ zIndex: {
741
+ front: 1,
742
+ base: 0,
743
+ behind: -1
744
+ },
745
+ colors: {
746
+ primary: "#8adae8",
747
+ secondary: "#fba244",
748
+ danger: "#fdcbc9",
749
+ border: "#c6cacd",
750
+ back: {
751
+ primary: "#fff",
752
+ secondary: "#f5f6f8"
753
+ },
754
+ fore: {
755
+ primary: "#161826",
756
+ secondary: "#56575b"
757
+ },
758
+ shadow: { primary: "0 0 10px #eee" },
759
+ freshSnow: "#fff",
760
+ softPottery: "#f9f9f9",
761
+ foggyAir: "#6f6e71",
762
+ afterDusk: "#56575b",
763
+ deepOcean: "#161826",
764
+ coralBlush: "#cd7672",
765
+ happyGreen: "#56c596",
766
+ tangerineSnack: "#fba244"
767
+ },
768
+ extends: {
769
+ centrate: "\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n ",
770
+ verticalCenter: "\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n ",
771
+ horizontalCenter: "\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n ",
772
+ stretch: "\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n "
773
+ },
774
+ loadResets() {
775
+ Je(`
776
+ @font-face {
777
+ font-family: 'Manrope';
778
+ src: url('${Xe}') format('woff2');
779
+ font-weight: 100 900;
780
+ font-style: normal;
781
+ font-display: swap;
782
+ }
783
+
784
+ * {
785
+ box-sizing: border-box;
786
+ user-select: none;
787
+ scrollbar-width: none;
788
+
789
+ &::-webkit-scrollbar { display: none; }
790
+ }
791
+
792
+ html {
793
+ // Prevent Safari font flickering while animations
794
+ width: 100%;
795
+ height: 100%;
796
+ line-height: 1.15;
797
+ -webkit-text-size-adjust: 100%;
798
+ -webkit-font-smoothing: antialiased;
799
+ font-family: 'Manrope', system-ui, sans-serif;
800
+ }
801
+
802
+ body {
803
+ overflow-x: hidden;
804
+ overflow-y: scroll;
805
+ // background: linear-gradient(
806
+ // to top left,
807
+ // ${this.colors.freshSnow} 0%,
808
+ // ${this.colors.freshSnow} 25%,
809
+ // #eef8fb 60%
810
+ // );
811
+ }
812
+
813
+ img { border-style: none; }
814
+ input { border: 0; }
815
+
816
+ h1, h2, h3, h4, h5, p, body {
817
+ margin: 0;
818
+ font-weight: 400;
819
+ }
820
+
821
+ a {
822
+ display: inline-block;
823
+ text-decoration: none;
824
+ background-color: transparent;
825
+ }
826
+
827
+ ul {
828
+ margin: 0;
829
+ padding: 0;
830
+ list-style: none;
831
+ }
832
+
833
+ button {
834
+ border: none;
835
+ outline: none;
836
+ background: none;
837
+ padding: 0;
838
+ }
839
+
840
+ label {
841
+ font-size: .75rem;
842
+ font-weight: 600;
843
+ }
844
+
845
+ [is-hidden] {
846
+ opacity: 0 !important;
847
+ overflow: hidden;
848
+ visibility: hidden !important;
849
+ }
850
+
851
+ [is-disabled] {
852
+ cursor: default !important;
853
+ opacity: .5 !important;
854
+ }
855
+
856
+ [is-loading] { cursor: default !important; }
857
+
858
+ [is-clickable] {
859
+ cursor: pointer;
860
+ transition: transform .2s ease;
861
+
862
+ &:active { transform: scale(.95); }
863
+ }
864
+ `);
865
+ }
866
+ }, Ze = ({ type: e = "normal", width: t = "100%", value: i = 0 }) => /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", {
867
+ className: Z.base,
868
+ style: { width: t },
869
+ children: /* @__PURE__ */ r("div", {
870
+ className: J(Z.value, Z[e] ?? Z.normal),
871
+ style: { width: `${i}%` }
872
+ })
873
+ }) }), Z = {
874
+ base: Y`
875
+ position: relative;
876
+ border-radius: 16px;
877
+ height: .625rem;
878
+ border: solid 1px ${X.colors.border};
879
+ background-color: ${X.colors.back.secondary};
880
+ `,
881
+ value: Y`
882
+ position: absolute;
883
+ top: -1px;
884
+ bottom: -1px;
885
+ left: -1px;
886
+ border-radius: 16px;
887
+ will-change: width;
888
+ transition: width .3s ease;
889
+ `,
890
+ normal: Y`
891
+ border: solid 1px ${t(X.colors.primary, .3)};
892
+ background-color: ${X.colors.primary};
893
+ `,
894
+ danger: Y`
895
+ border: solid 1px ${t(X.colors.danger, .3)};
896
+ background-color: ${X.colors.danger};
897
+ `
898
+ };
899
+ //#endregion
900
+ //#region src/components/_box.jsx
901
+ function Qe({ className: e, width: t, height: i, children: a }) {
902
+ return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", {
903
+ className: J($e.base, e),
904
+ style: {
905
+ width: t,
906
+ height: i
907
+ },
908
+ children: a
909
+ }) });
910
+ }
911
+ var $e = { base: Y`
912
+ position: relative;
913
+ border-radius: 18px;
914
+ border: solid 2px #eee;
915
+ padding: 1.875rem 1.25rem;
916
+ background-color: ${X.colors.back.primary};
917
+ box-shadow: ${X.colors.shadow.primary};
918
+ ` }, et = new URL("./assets/icons.svg", import.meta.url).href ?? "";
919
+ function Q({ className: e, size: t = "1.25rem", color: i = X.colors.fore.primary, iconName: a, isSpinning: o }) {
920
+ return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("svg", {
921
+ className: J(tt.base, e),
922
+ style: {
923
+ color: i,
924
+ width: t,
925
+ height: t
926
+ },
927
+ "aria-hidden": "true",
928
+ "is-spinning": o || void 0,
929
+ children: /* @__PURE__ */ r("use", { href: `${et}#icon-${a}` })
930
+ }) });
931
+ }
932
+ var tt = { base: Y`
933
+ fill: currentColor;
934
+ display: inline-block;
935
+ flex-shrink: 0;
936
+ will-change: transform;
937
+ transition: transform .1s linear;
938
+
939
+ &[is-spinning] { animation: ${Ye`
940
+ 0% {
941
+ transform: rotate(0deg);
942
+ animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
943
+ }
944
+
945
+ 35% { transform: rotate(180deg); }
946
+
947
+ 55% {
948
+ transform: rotate(180deg);
949
+ animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
950
+ }
951
+
952
+ 80% { transform: rotate(360deg); }
953
+ 100% { transform: rotate(360deg); }
954
+ `} 3s linear infinite; }
955
+ ` };
956
+ //#endregion
957
+ //#region src/components/_button.jsx
958
+ function nt({ type: e = "primary", label: t, iconName: o, isDisabled: s = !1, isLoading: c = !1, onClick: l }) {
959
+ let u = o || c, d = a(null);
960
+ function f(e) {
961
+ if (s || c) return;
962
+ e.stopPropagation(), e.preventDefault();
963
+ let t = e.currentTarget.getBoundingClientRect();
964
+ d.value = {
965
+ x: e.clientX - t.left,
966
+ y: e.clientY - t.top,
967
+ size: Math.max(t.width, t.height) * 2
968
+ }, l?.(e);
969
+ }
970
+ return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ i("button", {
971
+ type: "button",
972
+ className: J($.base, $[e] ?? $.normal),
973
+ "has-icon": u,
974
+ "is-disabled": s || void 0,
975
+ "is-loading": c || void 0,
976
+ "is-clickable": !!l || void 0,
977
+ disabled: s || c,
978
+ onClick: f,
979
+ children: [
980
+ u && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", {
981
+ className: Y`
982
+ ${X.extends.verticalCenter}
983
+
984
+ left: .5rem;
985
+ `,
986
+ children: c ? /* @__PURE__ */ r(Q, {
987
+ name: "loader",
988
+ isSpinning: !0
989
+ }) : /* @__PURE__ */ r(Q, { name: o })
990
+ }) }),
991
+ t,
992
+ d.value && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("span", {
993
+ className: $.ripple,
994
+ style: {
995
+ left: d.value.x,
996
+ top: d.value.y,
997
+ width: d.value.size,
998
+ height: d.value.size
999
+ },
1000
+ onAnimationEnd: () => d.value = null
1001
+ }) })
1002
+ ]
1003
+ }) });
1004
+ }
1005
+ var rt = Ye`
1006
+ from {
1007
+ opacity: .4;
1008
+ transform: translate(-50%, -50%) scale(0);
1009
+ }
1010
+
1011
+ to {
1012
+ opacity: 0;
1013
+ transform: translate(-50%, -50%) scale(1);
1014
+ }
1015
+ `, $ = {
1016
+ base: Y`
1017
+ font-size: .8rem;
1018
+ display: inline-block;
1019
+ position: relative;
1020
+ height: 2rem;
1021
+ padding: 0 .8rem;
1022
+ overflow: hidden;
1023
+ border: 0;
1024
+ border-radius: 8px;
1025
+ font-family: ${X.fontFamily}, sans-serif;
1026
+
1027
+ &[has-icon] { padding-left: 1.8rem; }
1028
+ `,
1029
+ primary: Y`
1030
+ color: ${X.colors.fore.primary};
1031
+ border-bottom: solid 2px ${t(X.colors.primary, .25)};
1032
+ background-color: ${X.colors.primary};
1033
+ `,
1034
+ ripple: Y`
1035
+ position: absolute;
1036
+ z-index: 1;
1037
+ border-radius: 50%;
1038
+ pointer-events: none;
1039
+ background-color: currentColor;
1040
+ animation: ${rt} .5s ease-out forwards;
1041
+ `
1042
+ };
1043
+ //#endregion
1044
+ //#region src/components/_layout.jsx
1045
+ function it({ className: e, direction: t = "row", justify: i, align: a, gap: o, children: s }) {
1046
+ return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", {
1047
+ className: J(at.base, e),
1048
+ style: {
1049
+ flexDirection: t,
1050
+ justifyContent: i,
1051
+ alignItems: a,
1052
+ gap: o == null ? void 0 : `${o / 2}rem`
1053
+ },
1054
+ children: s
1055
+ }) });
1056
+ }
1057
+ var at = { base: Y`
1058
+ display: flex;
1059
+ ` };
1060
+ //#endregion
1061
+ //#region src/components/_text.jsx
1062
+ function ot({ as: e = "span", className: t, size: i = "normal", color: a = X.colors.fore.primary, children: o }) {
1063
+ return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(e, {
1064
+ className: J(st.base, st[i] ?? st.normal, t),
1065
+ style: { color: a },
1066
+ children: o
1067
+ }) });
1068
+ }
1069
+ var st = {
1070
+ base: Y`
1071
+ font-weight: 500;
1072
+ letter-spacing: 1px;
1073
+ `,
1074
+ normal: Y`
1075
+ font-size: 1rem;
1076
+ line-height: 1.125rem;
1077
+ `,
1078
+ small: Y`
1079
+ font-size: 0.75rem;
1080
+ line-height: 1rem;
1081
+ `,
1082
+ tiny: Y`
1083
+ font-size: 0.65rem;
1084
+ line-height: 1rem;
1085
+ `
1086
+ };
1087
+ //#endregion
1088
+ //#region src/components/_headline.jsx
1089
+ function ct({ as: e = "h2", className: t, size: i = "normal", color: a = X.colors.fore.primary, children: o }) {
1090
+ return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(e, {
1091
+ className: J(lt.base, lt[i] ?? lt.normal, t),
1092
+ style: { color: a },
1093
+ children: o
1094
+ }) });
1095
+ }
1096
+ var lt = {
1097
+ base: Y`
1098
+ letter-spacing: 1px;
1099
+ `,
1100
+ normal: Y`
1101
+ font-weight: 500;
1102
+ font-size: 1rem;
1103
+ line-height: 1.2rem;
1104
+ `,
1105
+ large: Y`
1106
+ font-weight: 600;
1107
+ font-size: 1.4rem;
1108
+ line-height: 1.2;
1109
+ `,
1110
+ small: Y`
1111
+ font-weight: 500;
1112
+ font-size: .9rem;
1113
+ line-height: 1.2rem;
1114
+ `
1115
+ };
1116
+ //#endregion
1117
+ //#region src/components/_space.jsx
1118
+ function ut({ size: e = 1 }) {
1119
+ return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", {
1120
+ "aria-hidden": "true",
1121
+ style: {
1122
+ height: e > 0 ? `${e}rem` : 0,
1123
+ marginTop: e < 0 ? `${e}rem` : 0
1124
+ }
1125
+ }) });
1126
+ }
1127
+ //#endregion
1128
+ //#region src/components/_text-field.jsx
1129
+ function dt({ placeholder: e, value: t, width: o, isDisabled: s, onChange: c }) {
1130
+ let l = a(Date.now()), u = a(t);
1131
+ function d({ target: e }) {
1132
+ u.value = e.value, c?.(u.value);
1133
+ }
1134
+ return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ i("div", {
1135
+ className: ft.base,
1136
+ style: { width: o },
1137
+ "is-disabled": s,
1138
+ children: [!u.value && e && /* @__PURE__ */ r("label", {
1139
+ className: ft.label,
1140
+ for: l.value,
1141
+ children: e
1142
+ }), /* @__PURE__ */ r("input", {
1143
+ id: l,
1144
+ name: l,
1145
+ className: ft.input,
1146
+ value: u.value,
1147
+ disabled: s,
1148
+ autocomplete: "off",
1149
+ onInput: d
1150
+ })]
1151
+ }) });
1152
+ }
1153
+ var ft = {
1154
+ base: Y`
1155
+ position: relative;
1156
+ `,
1157
+ label: Y`
1158
+ font-size: .875rem;
1159
+ font-weight: 500;
1160
+ opacity: .5;
1161
+ position: absolute;
1162
+ left: 1.06rem;
1163
+ top: .75rem;
1164
+ pointer-events: none;
1165
+ font-family: ${X.fontFamily}, sans-serif;
1166
+ color: ${X.colors.fore.primary};
1167
+ `,
1168
+ input: Y`
1169
+ font-size: .875rem;
1170
+ font-weight: 500;
1171
+ color: rgb(58, 58, 58);
1172
+ outline: 0;
1173
+ height: 2.5rem;
1174
+ padding: 0 1rem;
1175
+ transition: box-shadow .15s ease-in-out, background-color .1s ease;
1176
+ width: 100%;
1177
+ border-radius: 8px;
1178
+ font-family: ${X.fontFamily}, sans-serif;
1179
+ color: ${X.colors.fore.primary};
1180
+ background-color: ${X.colors.back.secondary};
1181
+ `
1182
+ }, pt = 28, mt = 3, ht = 11;
1183
+ function gt({ label: e, isChecked: t, isDisabled: s, onChange: c }) {
1184
+ let l = a(Date.now()), u = a(t);
1185
+ o(() => u.value = t, [t]);
1186
+ function d() {
1187
+ let e = !u.value;
1188
+ u.value = e, c?.(e);
1189
+ }
1190
+ return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ i("div", {
1191
+ className: _t.base,
1192
+ children: [
1193
+ /* @__PURE__ */ r("label", {
1194
+ className: _t.label,
1195
+ htmlFor: l.value,
1196
+ "is-disabled": s,
1197
+ children: e
1198
+ }),
1199
+ /* @__PURE__ */ r("input", {
1200
+ id: l.value,
1201
+ type: "checkbox",
1202
+ className: _t.checkbox,
1203
+ checked: u.value,
1204
+ disabled: s,
1205
+ onChange: d
1206
+ }),
1207
+ /* @__PURE__ */ r("label", {
1208
+ className: _t.value,
1209
+ htmlFor: l.value,
1210
+ "is-disabled": s
1211
+ })
1212
+ ]
1213
+ }) });
1214
+ }
1215
+ var _t = {
1216
+ base: Y`
1217
+ position: relative;
1218
+ display: flex;
1219
+ padding: .2rem 0 0 2rem;
1220
+ gap: .5rem;
1221
+ `,
1222
+ label: Y`
1223
+ display: inline-block;
1224
+ font-size: .75rem;
1225
+ line-height: 1.2rem;
1226
+ cursor: pointer;
1227
+ user-select: none;
1228
+ font-weight: 500;
1229
+ font-family: ${X.fontFamily}, sans-serif;
1230
+ color: ${X.colors.fore.secondary};
1231
+ `,
1232
+ checkbox: Y`
1233
+ display: none;
1234
+
1235
+ &:checked ~ label {
1236
+ background-color: #e1e1e1;
1237
+
1238
+ &:before {
1239
+ right: ${mt}px;
1240
+ background-color: #3a3a3a;
1241
+ }
1242
+ }
1243
+ `,
1244
+ value: Y`
1245
+ display: inline-block;
1246
+ position: relative;
1247
+ height: 1.1rem;
1248
+ border-radius: 12px;
1249
+ background-color: #3a3a3a;
1250
+ cursor: pointer;
1251
+ user-select: none;
1252
+ transition: background .3s ease;
1253
+ width: ${pt}px;
1254
+
1255
+ &:before {
1256
+ background-color: #e1e1e1;
1257
+ content: '';
1258
+ display: block;
1259
+ position: absolute;
1260
+ transition: background .3s ease, right .3s ease;
1261
+ border-radius: 50%;
1262
+ top: ${mt}px;
1263
+ right: ${14}px;
1264
+ width: ${ht}px;
1265
+ height: ${ht}px;
1266
+ }
1267
+ `
1268
+ };
1269
+ //#endregion
1270
+ //#region src/components/_tag.jsx
1271
+ function vt({ className: t, variant: a = "normal", iconName: o, label: s }) {
1272
+ return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ i("div", {
1273
+ className: J(yt.base, yt[a] ?? yt.normal, t),
1274
+ "has-icon": !e(o),
1275
+ children: [o && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(Q, {
1276
+ className: Y`
1277
+ ${X.extends.verticalCenter}
1278
+ left: .3rem;
1279
+ `,
1280
+ name: o,
1281
+ size: ".9rem"
1282
+ }) }), s]
1283
+ }) });
1284
+ }
1285
+ var yt = { base: Y`
1286
+ position: relative;
1287
+ display: inline-block;
1288
+ padding: .3rem .5rem;
1289
+ border-radius: 24px;
1290
+ white-space: pre-wrap;
1291
+ font-size: .7rem;
1292
+ font-weight: 600;
1293
+ border: solid 1px ${X.colors.border};
1294
+ background-color: ${X.colors.back.secondary};
1295
+ color: ${X.colors.fore.primary};
1296
+
1297
+ &[has-icon="true"] { padding-left: 1.5rem; }
1298
+ ` };
1299
+ //#endregion
1300
+ //#region src/components/_icon-button.jsx
1301
+ function bt({ iconName: e, color: t, isDisabled: i, onClick: a }) {
1302
+ function o(e) {
1303
+ i || (e.stopPropagation(), e.preventDefault(), a?.(e));
1304
+ }
1305
+ return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("button", {
1306
+ className: xt.base,
1307
+ "is-disabled": i || void 0,
1308
+ "is-clickable": !!a || void 0,
1309
+ disabled: i,
1310
+ onClick: o,
1311
+ children: /* @__PURE__ */ r(Q, {
1312
+ color: t,
1313
+ className: Y`${X.extends.centrate}`,
1314
+ iconName: e,
1315
+ isDisabled: i
1316
+ })
1317
+ }) });
1318
+ }
1319
+ var xt = { base: Y`
1320
+ position: relative;
1321
+ width: 2.25rem;
1322
+ height: 2.25rem;
1323
+ border-radius: 8px;
1324
+ border-bottom: solid 1px ${X.colors.border};
1325
+ background-color: ${X.colors.back.secondary};
1326
+ ` }, St = {
1327
+ Bar: Ze,
1328
+ Box: Qe,
1329
+ Switch: gt,
1330
+ Button: nt,
1331
+ TextField: dt,
1332
+ Layout: it,
1333
+ Tag: vt,
1334
+ Text: ot,
1335
+ Headline: ct,
1336
+ Space: ut,
1337
+ Icon: Q,
1338
+ IconButton: bt
1339
+ };
1340
+ //#endregion
1341
+ export { St as Components, X as Theme };