melonykit 0.10.2 → 0.11.1

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