@luminescent/ui 0.13.0 → 0.14.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.
Files changed (11) hide show
  1. package/lib/index.qwik.cjs +890 -361
  2. package/lib/index.qwik.mjs +891 -362
  3. package/lib-types/components/elements/Blobs.d.ts +18 -4
  4. package/lib-types/components/elements/Button.d.ts +17 -2
  5. package/lib-types/components/elements/Card.d.ts +128 -64
  6. package/lib-types/components/elements/Nav.d.ts +17 -2
  7. package/lib-types/components/elements/NumberInput.d.ts +2 -0
  8. package/lib-types/components/elements/TextArea.d.ts +2 -0
  9. package/lib-types/components/elements/TextInput.d.ts +29 -1
  10. package/lib-types/components/elements/Toggle.d.ts +198 -0
  11. package/package.json +14 -14
package/lib/index.qwik.cjs CHANGED
@@ -3,16 +3,46 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const qwik = require("@builder.io/qwik");
4
4
  const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
5
5
  const Anchor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => /* @__PURE__ */ qwik._jsxQ("span", null, {
6
- class: "block h-32 -mt-32 pointer-events-none",
7
6
  id: qwik._fnSignal((p0) => p0.id, [
8
7
  props
9
- ], "p0.id")
8
+ ], "p0.id"),
9
+ class: "block h-32 -mt-32 pointer-events-none"
10
10
  }, null, 3, "Oa_0"), "Anchor_component_O7y4zyaazA0"));
11
11
  const blobColorClasses = {
12
- pink: [
13
- "bg-pink-400",
14
- "bg-pink-500",
15
- "bg-pink-600"
12
+ slate: [
13
+ "bg-slate-400",
14
+ "bg-slate-500",
15
+ "bg-slate-600"
16
+ ],
17
+ gray: [
18
+ "bg-gray-400",
19
+ "bg-gray-500",
20
+ "bg-gray-600"
21
+ ],
22
+ darkgray: [
23
+ "bg-gray-500",
24
+ "bg-gray-600",
25
+ "bg-gray-700"
26
+ ],
27
+ darkergray: [
28
+ "bg-gray-600",
29
+ "bg-gray-700",
30
+ "bg-gray-800"
31
+ ],
32
+ zinc: [
33
+ "bg-zinc-400",
34
+ "bg-zinc-500",
35
+ "bg-zinc-600"
36
+ ],
37
+ neutral: [
38
+ "bg-neutral-400",
39
+ "bg-neutral-500",
40
+ "bg-neutral-600"
41
+ ],
42
+ stone: [
43
+ "bg-stone-400",
44
+ "bg-stone-500",
45
+ "bg-stone-600"
16
46
  ],
17
47
  red: [
18
48
  "bg-red-400",
@@ -24,40 +54,80 @@ const blobColorClasses = {
24
54
  "bg-orange-500",
25
55
  "bg-orange-600"
26
56
  ],
57
+ amber: [
58
+ "bg-amber-400",
59
+ "bg-amber-500",
60
+ "bg-amber-600"
61
+ ],
27
62
  yellow: [
28
63
  "bg-yellow-400",
29
64
  "bg-yellow-500",
30
65
  "bg-yellow-600"
31
66
  ],
67
+ lime: [
68
+ "bg-lime-400",
69
+ "bg-lime-500",
70
+ "bg-lime-600"
71
+ ],
32
72
  green: [
33
73
  "bg-green-400",
34
74
  "bg-green-500",
35
75
  "bg-green-600"
36
76
  ],
77
+ emerald: [
78
+ "bg-emerald-400",
79
+ "bg-emerald-500",
80
+ "bg-emerald-600"
81
+ ],
82
+ teal: [
83
+ "bg-teal-400",
84
+ "bg-teal-500",
85
+ "bg-teal-600"
86
+ ],
87
+ cyan: [
88
+ "bg-cyan-400",
89
+ "bg-cyan-500",
90
+ "bg-cyan-600"
91
+ ],
92
+ sky: [
93
+ "bg-sky-400",
94
+ "bg-sky-500",
95
+ "bg-sky-600"
96
+ ],
37
97
  blue: [
38
98
  "bg-blue-400",
39
99
  "bg-blue-500",
40
100
  "bg-blue-600"
41
101
  ],
102
+ indigo: [
103
+ "bg-indigo-400",
104
+ "bg-indigo-500",
105
+ "bg-indigo-600"
106
+ ],
107
+ violet: [
108
+ "bg-violet-400",
109
+ "bg-violet-500",
110
+ "bg-violet-600"
111
+ ],
42
112
  purple: [
43
113
  "bg-purple-400",
44
114
  "bg-purple-500",
45
115
  "bg-purple-600"
46
116
  ],
47
- gray: [
48
- "bg-gray-400",
49
- "bg-gray-500",
50
- "bg-gray-600"
117
+ fuchsia: [
118
+ "bg-fuchsia-400",
119
+ "bg-fuchsia-500",
120
+ "bg-fuchsia-600"
51
121
  ],
52
- darkgray: [
53
- "bg-gray-500",
54
- "bg-gray-600",
55
- "bg-gray-700"
122
+ pink: [
123
+ "bg-pink-400",
124
+ "bg-pink-500",
125
+ "bg-pink-600"
56
126
  ],
57
- darkergray: [
58
- "bg-gray-600",
59
- "bg-gray-700",
60
- "bg-gray-800"
127
+ rose: [
128
+ "bg-rose-400",
129
+ "bg-rose-500",
130
+ "bg-rose-600"
61
131
  ]
62
132
  };
63
133
  const blobClasses = [
@@ -124,15 +194,30 @@ const Blobs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
124
194
  ], 1, "OL_0");
125
195
  }, "Blobs_component_246Oa50YM60"));
126
196
  const buttonColorClasses = {
197
+ slate: "bg-slate-700/90 border-slate-600 hover:bg-slate-600 active:bg-slate-500 focus:border-slate-500",
198
+ gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-500",
199
+ darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-600",
200
+ darkergray: "bg-gray-900/90 border-gray-800 hover:bg-gray-800 active:bg-gray-700 focus:border-gray-700",
201
+ zinc: "bg-zinc-700/90 border-zinc-600 hover:bg-zinc-600 active:bg-zinc-500 focus:border-zinc-500",
202
+ neutral: "bg-neutral-700/90 border-neutral-600 hover:bg-neutral-600 active:bg-neutral-500 focus:border-neutral-500",
203
+ stone: "bg-stone-700/90 border-stone-600 hover:bg-stone-600 active:bg-stone-500 focus:border-stone-500",
127
204
  red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-500",
128
205
  orange: "bg-orange-700/90 border-orange-600 hover:bg-orange-600 active:bg-orange-500 focus:border-orange-500",
206
+ amber: "bg-amber-700/90 border-amber-600 hover:bg-amber-600 active:bg-amber-500 focus:border-amber-500",
129
207
  yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500",
208
+ lime: "bg-lime-700/90 border-lime-600 hover:bg-lime-600 active:bg-lime-500 focus:border-lime-500",
130
209
  green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-500",
131
- blue: "bg-blue-600/90 border-blue-500 hover:bg-blue-500 active:bg-blue-400 focus:border-blue-400",
132
- purple: "bg-purple-600/90 border-purple-500 hover:bg-purple-500 active:bg-purple-400 focus:border-purple-400",
133
- pink: "bg-pink-600/90 border-pink-500 hover:bg-pink-500 active:bg-pink-400 focus:border-pink-400",
134
- gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-500",
135
- darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-600",
210
+ emerald: "bg-emerald-700/90 border-emerald-600 hover:bg-emerald-600 active:bg-emerald-500 focus:border-emerald-500",
211
+ teal: "bg-teal-700/90 border-teal-600 hover:bg-teal-600 active:bg-teal-500 focus:border-teal-500",
212
+ cyan: "bg-cyan-700/90 border-cyan-600 hover:bg-cyan-600 active:bg-cyan-500 focus:border-cyan-500",
213
+ sky: "bg-sky-700/90 border-sky-600 hover:bg-sky-600 active:bg-sky-500 focus:border-sky-500",
214
+ blue: "bg-blue-700/90 border-blue-600 hover:bg-blue-600 active:bg-blue-500 focus:border-blue-500",
215
+ indigo: "bg-indigo-700/90 border-indigo-600 hover:bg-indigo-600 active:bg-indigo-500 focus:border-indigo-500",
216
+ violet: "bg-violet-700/90 border-violet-600 hover:bg-violet-600 active:bg-violet-500 focus:border-violet-500",
217
+ purple: "bg-purple-700/90 border-purple-600 hover:bg-purple-600 active:bg-purple-500 focus:border-purple-500",
218
+ fuchsia: "bg-fuchsia-700/90 border-fuchsia-600 hover:bg-fuchsia-600 active:bg-fuchsia-500 focus:border-fuchsia-500",
219
+ pink: "bg-pink-700/90 border-pink-600 hover:bg-pink-600 active:bg-pink-500 focus:border-pink-500",
220
+ rose: "bg-rose-700/90 border-rose-600 hover:bg-rose-600 active:bg-rose-500 focus:border-rose-500",
136
221
  transparent: "bg-transparent border-transparent hover:bg-gray-600/50 active:bg-gray-600/60 focus:border-gray-600/60"
137
222
  };
138
223
  const sizeClasses = {
@@ -197,85 +282,149 @@ const ButtonAnchor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
197
282
  }, null, 0, "7H_3");
198
283
  }, "ButtonAnchor_component_vQT9xS0lqew"));
199
284
  const cardColorClasses = {
200
- pink: {
201
- card: {
202
- bg_blobs: "bg-pink-400/10 border-pink-400/20",
203
- bg: "bg-pink-400/60 border-pink-400",
204
- hover: "hover:bg-pink-400/20",
205
- click: "active:bg-pink-300/20"
206
- }
285
+ slate: {
286
+ bg_blobs: "bg-slate-400/10 border-slate-400/20",
287
+ bg: "bg-slate-400/60 border-slate-400",
288
+ hover: "hover:bg-slate-400/20",
289
+ click: "active:bg-slate-300/20"
290
+ },
291
+ gray: {
292
+ bg_blobs: "bg-gray-400/10 border-gray-400/20",
293
+ bg: "bg-gray-400/60 border-gray-400",
294
+ hover: "hover:bg-gray-400/20",
295
+ click: "active:bg-gray-300/20"
296
+ },
297
+ darkgray: {
298
+ bg_blobs: "bg-gray-800/10 border-gray-800/40",
299
+ bg: "bg-gray-800/60 border-gray-800",
300
+ hover: "hover:bg-gray-800/40",
301
+ click: "active:bg-gray-700/40"
302
+ },
303
+ darkergray: {
304
+ bg_blobs: "bg-gray-900/10 border-gray-900/50",
305
+ bg: "bg-gray-900/60 border-gray-900",
306
+ hover: "hover:bg-gray-900/50",
307
+ click: "active:bg-gray-800/50"
308
+ },
309
+ zinc: {
310
+ bg_blobs: "bg-zinc-400/10 border-zinc-400/20",
311
+ bg: "bg-zinc-400/60 border-zinc-400",
312
+ hover: "hover:bg-zinc-400/20",
313
+ click: "active:bg-zinc-300/20"
314
+ },
315
+ neutral: {
316
+ bg_blobs: "bg-neutral-400/10 border-neutral-400/20",
317
+ bg: "bg-neutral-400/60 border-neutral-400",
318
+ hover: "hover:bg-neutral-400/20",
319
+ click: "active:bg-neutral-300/20"
320
+ },
321
+ stone: {
322
+ bg_blobs: "bg-stone-400/10 border-stone-400/20",
323
+ bg: "bg-stone-400/60 border-stone-400",
324
+ hover: "hover:bg-stone-400/20",
325
+ click: "active:bg-stone-300/20"
207
326
  },
208
327
  red: {
209
- card: {
210
- bg_blobs: "bg-red-400/10 border-red-400/20",
211
- bg: "bg-red-400/60 border-red-400",
212
- hover: "hover:bg-red-400/20",
213
- click: "active:bg-red-300/20"
214
- }
328
+ bg_blobs: "bg-red-400/10 border-red-400/20",
329
+ bg: "bg-red-400/60 border-red-400",
330
+ hover: "hover:bg-red-400/20",
331
+ click: "active:bg-red-300/20"
215
332
  },
216
333
  orange: {
217
- card: {
218
- bg_blobs: "bg-orange-400/10 border-orange-400/20",
219
- bg: "bg-orange-400/60 border-orange-400",
220
- hover: "hover:bg-orange-400/20",
221
- click: "active:bg-orange-300/20"
222
- }
334
+ bg_blobs: "bg-orange-400/10 border-orange-400/20",
335
+ bg: "bg-orange-400/60 border-orange-400",
336
+ hover: "hover:bg-orange-400/20",
337
+ click: "active:bg-orange-300/20"
338
+ },
339
+ amber: {
340
+ bg_blobs: "bg-amber-400/10 border-amber-400/20",
341
+ bg: "bg-amber-400/60 border-amber-400",
342
+ hover: "hover:bg-amber-400/20",
343
+ click: "active:bg-amber-300/20"
223
344
  },
224
345
  yellow: {
225
- card: {
226
- bg_blobs: "bg-yellow-400/10 border-yellow-400/20",
227
- bg: "bg-yellow-400/60 border-yellow-400",
228
- hover: "hover:bg-yellow-400/20",
229
- click: "active:bg-yellow-300/20"
230
- }
346
+ bg_blobs: "bg-yellow-400/10 border-yellow-400/20",
347
+ bg: "bg-yellow-400/60 border-yellow-400",
348
+ hover: "hover:bg-yellow-400/20",
349
+ click: "active:bg-yellow-300/20"
350
+ },
351
+ lime: {
352
+ bg_blobs: "bg-lime-400/10 border-lime-400/20",
353
+ bg: "bg-lime-400/60 border-lime-400",
354
+ hover: "hover:bg-lime-400/20",
355
+ click: "active:bg-lime-300/20"
231
356
  },
232
357
  green: {
233
- card: {
234
- bg_blobs: "bg-green-400/10 border-green-400/20",
235
- bg: "bg-green-400/60 border-green-400",
236
- hover: "hover:bg-green-400/20",
237
- click: "active:bg-green-300/20"
238
- }
358
+ bg_blobs: "bg-green-400/10 border-green-400/20",
359
+ bg: "bg-green-400/60 border-green-400",
360
+ hover: "hover:bg-green-400/20",
361
+ click: "active:bg-green-300/20"
362
+ },
363
+ emerald: {
364
+ bg_blobs: "bg-emerald-400/10 border-emerald-400/20",
365
+ bg: "bg-emerald-400/60 border-emerald-400",
366
+ hover: "hover:bg-emerald-400/20",
367
+ click: "active:bg-emerald-300/20"
368
+ },
369
+ teal: {
370
+ bg_blobs: "bg-teal-400/10 border-teal-400/20",
371
+ bg: "bg-teal-400/60 border-teal-400",
372
+ hover: "hover:bg-teal-400/20",
373
+ click: "active:bg-teal-300/20"
374
+ },
375
+ cyan: {
376
+ bg_blobs: "bg-cyan-400/10 border-cyan-400/20",
377
+ bg: "bg-cyan-400/60 border-cyan-400",
378
+ hover: "hover:bg-cyan-400/20",
379
+ click: "active:bg-cyan-300/20"
380
+ },
381
+ sky: {
382
+ bg_blobs: "bg-sky-400/10 border-sky-400/20",
383
+ bg: "bg-sky-400/60 border-sky-400",
384
+ hover: "hover:bg-sky-400/20",
385
+ click: "active:bg-sky-300/20"
239
386
  },
240
387
  blue: {
241
- card: {
242
- bg_blobs: "bg-blue-400/10 border-blue-400/20",
243
- bg: "bg-blue-400/60 border-blue-400",
244
- hover: "hover:bg-blue-400/20",
245
- click: "active:bg-blue-300/20"
246
- }
388
+ bg_blobs: "bg-blue-400/10 border-blue-400/20",
389
+ bg: "bg-blue-400/60 border-blue-400",
390
+ hover: "hover:bg-blue-400/20",
391
+ click: "active:bg-blue-300/20"
392
+ },
393
+ indigo: {
394
+ bg_blobs: "bg-indigo-400/10 border-indigo-400/20",
395
+ bg: "bg-indigo-400/60 border-indigo-400",
396
+ hover: "hover:bg-indigo-400/20",
397
+ click: "active:bg-indigo-300/20"
398
+ },
399
+ violet: {
400
+ bg_blobs: "bg-violet-400/10 border-violet-400/20",
401
+ bg: "bg-violet-400/60 border-violet-400",
402
+ hover: "hover:bg-violet-400/20",
403
+ click: "active:bg-violet-300/20"
247
404
  },
248
405
  purple: {
249
- card: {
250
- bg_blobs: "bg-purple-400/10 border-purple-400/20",
251
- bg: "bg-purple-400/60 border-purple-400",
252
- hover: "hover:bg-purple-400/20",
253
- click: "active:bg-purple-300/20"
254
- }
406
+ bg_blobs: "bg-purple-400/10 border-purple-400/20",
407
+ bg: "bg-purple-400/60 border-purple-400",
408
+ hover: "hover:bg-purple-400/20",
409
+ click: "active:bg-purple-300/20"
255
410
  },
256
- gray: {
257
- card: {
258
- bg_blobs: "bg-gray-400/10 border-gray-400/20",
259
- bg: "bg-gray-400/60 border-gray-400",
260
- hover: "hover:bg-gray-400/20",
261
- click: "active:bg-gray-300/20"
262
- }
411
+ fuchsia: {
412
+ bg_blobs: "bg-fuchsia-400/10 border-fuchsia-400/20",
413
+ bg: "bg-fuchsia-400/60 border-fuchsia-400",
414
+ hover: "hover:bg-fuchsia-400/20",
415
+ click: "active:bg-fuchsia-300/20"
263
416
  },
264
- darkgray: {
265
- card: {
266
- bg_blobs: "bg-gray-800/10 border-gray-800/40",
267
- bg: "bg-gray-800/60 border-gray-800",
268
- hover: "hover:bg-gray-800/40",
269
- click: "active:bg-gray-700/40"
270
- }
417
+ pink: {
418
+ bg_blobs: "bg-pink-400/10 border-pink-400/20",
419
+ bg: "bg-pink-400/60 border-pink-400",
420
+ hover: "hover:bg-pink-400/20",
421
+ click: "active:bg-pink-300/20"
271
422
  },
272
- darkergray: {
273
- card: {
274
- bg_blobs: "bg-gray-900/10 border-gray-900/50",
275
- bg: "bg-gray-900/60 border-gray-900",
276
- hover: "hover:bg-gray-900/50",
277
- click: "active:bg-gray-800/50"
278
- }
423
+ rose: {
424
+ bg_blobs: "bg-rose-400/10 border-rose-400/20",
425
+ bg: "bg-rose-400/60 border-rose-400",
426
+ hover: "hover:bg-rose-400/20",
427
+ click: "active:bg-rose-300/20"
279
428
  }
280
429
  };
281
430
  const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -288,6 +437,15 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
288
437
  ]);
289
438
  return /* @__PURE__ */ qwik._jsxS("div", {
290
439
  ...props1,
440
+ class: {
441
+ "relative flex gap-3 sm:gap-4 p-5 sm:p-7 border rounded-lg motion-safe:transition-all": true,
442
+ "flex-col": !props.row,
443
+ [cardColorClasses[props.color ?? "darkgray"].bg]: !props.blobs,
444
+ [cardColorClasses[props.color ?? "darkgray"].bg_blobs]: props.blobs,
445
+ [cardColorClasses[props.color ?? "darkgray"].hover + " hover:shadow-lg"]: props.hover,
446
+ [cardColorClasses[props.color ?? "darkgray"].click + " active:scale-[99%] cursor-pointer select-none touch-manipulation"]: props.hover == "clickable",
447
+ ...props1.class
448
+ },
291
449
  children: [
292
450
  /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_0"),
293
451
  props1.href && /* @__PURE__ */ qwik._jsxQ("a", {
@@ -303,34 +461,52 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
303
461
  "overflow-clip": true
304
462
  },
305
463
  [qwik._IMMUTABLE]: {
306
- class: qwik._IMMUTABLE,
307
464
  color: qwik._fnSignal((p0) => p0.color ?? "darkgray", [
308
465
  props
309
- ], 'p0.color??"darkgray"')
466
+ ], 'p0.color??"darkgray"'),
467
+ class: qwik._IMMUTABLE
310
468
  }
311
469
  }, 3, "OW_2")
312
- ],
313
- class: {
314
- "relative flex gap-3 sm:gap-4 p-5 sm:p-7 border rounded-lg motion-safe:transition-all": true,
315
- "flex-col": !props.row,
316
- [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
317
- [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
318
- [cardColorClasses[props.color ?? "darkgray"].card.hover + " hover:shadow-lg"]: props.hover,
319
- [cardColorClasses[props.color ?? "darkgray"].card.click + " active:scale-[99%] cursor-pointer select-none touch-manipulation"]: props.hover == "clickable",
320
- ...props1.class
321
- }
470
+ ]
322
471
  }, null, 0, "OW_3");
323
472
  }, "Card_component_DlkkcTEVka4"));
324
- const InputClasses = "motion-safe:transition ease-in-out border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 hover:shadow-lg focus:bg-gray-700 focus:outline-none focus:border-gray-400 rounded-md px-2.5 py-1.5 touch-manipulation";
473
+ const InputColorClasses = {
474
+ slate: "bg-slate-700/90 border-slate-600 hover:bg-slate-600 active:bg-slate-500 focus:border-slate-300",
475
+ gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-300",
476
+ darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-400",
477
+ darkergray: "bg-gray-900/90 border-gray-800 hover:bg-gray-800 active:bg-gray-700 focus:border-gray-500",
478
+ zinc: "bg-zinc-700/90 border-zinc-600 hover:bg-zinc-600 active:bg-zinc-500 focus:border-zinc-300",
479
+ neutral: "bg-neutral-700/90 border-neutral-600 hover:bg-neutral-600 active:bg-neutral-500 focus:border-neutral-300",
480
+ stone: "bg-stone-700/90 border-stone-600 hover:bg-stone-600 active:bg-stone-500 focus:border-stone-300",
481
+ red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-300",
482
+ orange: "bg-orange-700/90 border-orange-600 hover:bg-orange-600 active:bg-orange-500 focus:border-orange-300",
483
+ amber: "bg-amber-700/90 border-amber-600 hover:bg-amber-600 active:bg-amber-500 focus:border-amber-300",
484
+ yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-300",
485
+ lime: "bg-lime-700/90 border-lime-600 hover:bg-lime-600 active:bg-lime-500 focus:border-lime-300",
486
+ green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-300",
487
+ emerald: "bg-emerald-700/90 border-emerald-600 hover:bg-emerald-600 active:bg-emerald-500 focus:border-emerald-300",
488
+ teal: "bg-teal-700/90 border-teal-600 hover:bg-teal-600 active:bg-teal-500 focus:border-teal-300",
489
+ cyan: "bg-cyan-700/90 border-cyan-600 hover:bg-cyan-600 active:bg-cyan-500 focus:border-cyan-300",
490
+ sky: "bg-sky-700/90 border-sky-600 hover:bg-sky-600 active:bg-sky-500 focus:border-sky-300",
491
+ blue: "bg-blue-700/90 border-blue-600 hover:bg-blue-600 active:bg-blue-500 focus:border-blue-300",
492
+ indigo: "bg-indigo-700/90 border-indigo-600 hover:bg-indigo-600 active:bg-indigo-500 focus:border-indigo-300",
493
+ violet: "bg-violet-700/90 border-violet-600 hover:bg-violet-600 active:bg-violet-500 focus:border-violet-300",
494
+ purple: "bg-purple-700/90 border-purple-600 hover:bg-purple-600 active:bg-purple-500 focus:border-purple-300",
495
+ fuchsia: "bg-fuchsia-700/90 border-fuchsia-600 hover:bg-fuchsia-600 active:bg-fuchsia-500 focus:border-fuchsia-300",
496
+ pink: "bg-pink-700/90 border-pink-600 hover:bg-pink-600 active:bg-pink-500 focus:border-pink-300",
497
+ rose: "bg-rose-700/90 border-rose-600 hover:bg-rose-600 active:bg-rose-500 focus:border-rose-300",
498
+ transparent: "bg-transparent border-transparent hover:bg-gray-600/50 active:bg-gray-600/60 focus:border-gray-300/60"
499
+ };
500
+ const InputClasses = "motion-safe:transition ease-in-out border text-gray-50 hover:shadow-lg focus:outline-none rounded-md px-2.5 py-1.5 touch-manipulation";
325
501
  const TextInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
326
502
  return /* @__PURE__ */ qwik._jsxQ("div", null, {
327
503
  class: "flex flex-col"
328
504
  }, [
329
505
  /* @__PURE__ */ qwik._jsxQ("label", null, {
330
- class: "text-gray-300 pb-1 select-none",
331
506
  for: qwik._fnSignal((p0) => p0.id, [
332
507
  props
333
- ], "p0.id")
508
+ ], "p0.id"),
509
+ class: "text-gray-300 pb-1 select-none"
334
510
  }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "dC_0"), 1, null),
335
511
  /* @__PURE__ */ qwik._jsxC(TextInputRaw, {
336
512
  ...props,
@@ -339,11 +515,15 @@ const TextInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlined
339
515
  ], 1, "dC_2");
340
516
  }, "TextInput_component_AXp2j5aulZI"));
341
517
  const TextInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
518
+ const props1 = qwik._restProps(props, [
519
+ "color"
520
+ ]);
342
521
  return /* @__PURE__ */ qwik._jsxS("input", {
343
- ...props,
522
+ ...props1,
344
523
  class: {
345
524
  [InputClasses]: true,
346
- ...props.class
525
+ [InputColorClasses[props.color ?? "darkgray"]]: true,
526
+ ...props1.class
347
527
  }
348
528
  }, null, 0, "dC_3");
349
529
  }, "TextInputRaw_component_ssloWlmBB4w"));
@@ -479,18 +659,18 @@ const ColorInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
479
659
  get value() {
480
660
  return props.value ?? "#000000";
481
661
  },
482
- onBlur$: /* @__PURE__ */ qwik.inlinedQrl(() => {
483
- const [store2] = qwik.useLexicalScope();
484
- store2.opened = false;
485
- }, "ColorInput_component_div_TextInputRaw_onBlur_giB7aSy8tnc", [
486
- store
487
- ]),
488
662
  onFocus$: /* @__PURE__ */ qwik.inlinedQrl(() => {
489
663
  const [store2] = qwik.useLexicalScope();
490
664
  store2.opened = true;
491
665
  }, "ColorInput_component_div_TextInputRaw_onFocus_9bHrhSeTgfI", [
492
666
  store
493
667
  ]),
668
+ onBlur$: /* @__PURE__ */ qwik.inlinedQrl(() => {
669
+ const [store2] = qwik.useLexicalScope();
670
+ store2.opened = false;
671
+ }, "ColorInput_component_div_TextInputRaw_onBlur_giB7aSy8tnc", [
672
+ store
673
+ ]),
494
674
  onInput$: /* @__PURE__ */ qwik.inlinedQrl((e, el) => {
495
675
  const [props12, props2] = qwik.useLexicalScope();
496
676
  const div = document.getElementById(`${props12.id}-picker`);
@@ -514,11 +694,11 @@ const ColorInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
514
694
  borderBottom: `10px solid ${props.value ?? "#000000"}`
515
695
  } : {},
516
696
  [qwik._IMMUTABLE]: {
517
- onBlur$: qwik._IMMUTABLE,
518
- onFocus$: qwik._IMMUTABLE,
519
697
  value: qwik._fnSignal((p0) => p0.value ?? "#000000", [
520
698
  props
521
- ], 'p0.value??"#000000"')
699
+ ], 'p0.value??"#000000"'),
700
+ onFocus$: qwik._IMMUTABLE,
701
+ onBlur$: qwik._IMMUTABLE
522
702
  }
523
703
  }, 0, "0s_1"),
524
704
  /* @__PURE__ */ qwik._jsxC(ColorPickerRaw, {
@@ -577,12 +757,7 @@ const ColorInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
577
757
  props
578
758
  ]),
579
759
  [qwik._IMMUTABLE]: {
580
- class: qwik._fnSignal((p0) => ({
581
- "motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]": true,
582
- "opacity-0 scale-95 pointer-events-none": !p0.opened
583
- }), [
584
- store
585
- ], '{"motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]":true,"opacity-0 scale-95 pointer-events-none":!p0.opened}'),
760
+ id: qwik._wrapProp(props1, "id"),
586
761
  color: qwik._fnSignal((p0) => p0.value ?? "#000000", [
587
762
  props
588
763
  ], 'p0.value??"#000000"'),
@@ -601,7 +776,12 @@ const ColorInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
601
776
  ], [
602
777
  props
603
778
  ], '["#FAEDCB","#C9E4DE","#C6DEF1","#DBCDF0","#F2C6DE","#FCD05C","#5FE2C5","#4498DB","#9863E7","#E43A96",...p0.presetColors??[]]'),
604
- id: qwik._wrapProp(props1, "id")
779
+ class: qwik._fnSignal((p0) => ({
780
+ "motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]": true,
781
+ "opacity-0 scale-95 pointer-events-none": !p0.opened
782
+ }), [
783
+ store
784
+ ], '{"motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]":true,"opacity-0 scale-95 pointer-events-none":!p0.opened}')
605
785
  }
606
786
  }, 3, "0s_2")
607
787
  ], 1, "0s_3");
@@ -740,29 +920,29 @@ const ColorPickerRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
740
920
  ...props1.class
741
921
  }
742
922
  }, {
923
+ "preventdefault:mousedown": true,
924
+ "preventdefault:touchstart": true,
743
925
  id: qwik._fnSignal((p0) => p0.id ? `${p0.id}-picker` : void 0, [
744
926
  props
745
- ], "p0.id?`${p0.id}-picker`:undefined"),
746
- "preventdefault:mousedown": true,
747
- "preventdefault:touchstart": true
927
+ ], "p0.id?`${p0.id}-picker`:undefined")
748
928
  }, [
749
929
  /* @__PURE__ */ qwik._jsxQ("div", null, {
750
930
  class: "flex gap-4"
751
931
  }, [
752
932
  /* @__PURE__ */ qwik._jsxQ("div", null, {
753
933
  class: "w-[125px] h-[150px] border border-gray-700 rounded-md relative",
754
- onMouseDown$: sbMouseDown,
755
- onTouchStart$: sbMouseDown,
756
- "preventdefault:mousedown": true,
757
- "preventdefault:touchstart": true,
758
934
  style: qwik._fnSignal((p0) => ({
759
935
  background: `linear-gradient(to right, #FFFFFF, ${p0.hue.color})`
760
936
  }), [
761
937
  store
762
- ], "{background:`linear-gradient(to right, #FFFFFF, ${p0.hue.color})`}")
938
+ ], "{background:`linear-gradient(to right, #FFFFFF, ${p0.hue.color})`}"),
939
+ "preventdefault:mousedown": true,
940
+ "preventdefault:touchstart": true,
941
+ onMouseDown$: sbMouseDown,
942
+ onTouchStart$: sbMouseDown
763
943
  }, [
764
944
  /* @__PURE__ */ qwik._jsxQ("div", null, {
765
- class: "w-[125px] h-[150px] border border-gray-700 rounded-md bg-gradient-to-b from-transparent to-black"
945
+ class: "w-[123px] h-[148px] rounded-[0.3rem] bg-gradient-to-b from-transparent to-black"
766
946
  }, null, 3, null),
767
947
  /* @__PURE__ */ qwik._jsxQ("div", null, {
768
948
  class: "absolute -top-2 -left-2 w-4 h-4 border border-white rounded-full bg-white",
@@ -776,13 +956,13 @@ const ColorPickerRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
776
956
  ], 3, null),
777
957
  /* @__PURE__ */ qwik._jsxQ("div", null, {
778
958
  class: "h-[150px] relative w-2 border border-gray-700 rounded-md",
779
- onMouseDown$: hueMouseDown,
780
- onTouchStart$: hueMouseDown,
781
- "preventdefault:mousedown": true,
782
- "preventdefault:touchstart": true,
783
959
  style: {
784
960
  background: "linear-gradient(to bottom, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000)"
785
- }
961
+ },
962
+ "preventdefault:mousedown": true,
963
+ "preventdefault:touchstart": true,
964
+ onMouseDown$: hueMouseDown,
965
+ onTouchStart$: hueMouseDown
786
966
  }, /* @__PURE__ */ qwik._jsxQ("div", null, {
787
967
  class: "absolute -bottom-2 -left-[5px] w-4 h-4 border border-white rounded-full bg-[#ff0000]",
788
968
  style: qwik._fnSignal((p0) => ({
@@ -797,6 +977,7 @@ const ColorPickerRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
797
977
  class: "w-[150px] flex flex-wrap gap-1 justify-evenly"
798
978
  }, props.colors.map((color, i) => {
799
979
  return /* @__PURE__ */ qwik._jsxQ("button", {
980
+ style: `background: ${color}`,
800
981
  onMouseDown$: /* @__PURE__ */ qwik.inlinedQrl(() => {
801
982
  const [color2, setColor2] = qwik.useLexicalScope();
802
983
  setColor2(color2);
@@ -810,8 +991,7 @@ const ColorPickerRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
810
991
  }, "ColorPickerRaw_component_div_div_button_onTouchStart_qgiiO8Blb88", [
811
992
  color,
812
993
  setColor
813
- ]),
814
- style: `background: ${color}`
994
+ ])
815
995
  }, {
816
996
  class: "w-[25px] h-[25px] border border-gray-700 rounded-md hover:scale-110 motion-safe:transition-all",
817
997
  "preventdefault:mousedown": true,
@@ -822,21 +1002,26 @@ const ColorPickerRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
822
1002
  }, "ColorPickerRaw_component_CWQPPcezhyA"));
823
1003
  const ChevronDown = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
824
1004
  return /* @__PURE__ */ qwik._jsxS("svg", {
1005
+ xmlns: "http://www.w3.org/2000/svg",
1006
+ viewBox: "0 0 512 512",
825
1007
  ...props,
1008
+ get height() {
1009
+ return props.width;
1010
+ },
826
1011
  children: /* @__PURE__ */ qwik._jsxQ("path", null, {
827
- d: "M112 184l144 144 144-144",
828
1012
  fill: "none",
829
1013
  stroke: "currentColor",
830
1014
  "stroke-linecap": "round",
831
1015
  "stroke-linejoin": "round",
832
- "stroke-width": "48"
1016
+ "stroke-width": "48",
1017
+ d: "M112 184l144 144 144-144"
833
1018
  }, null, 3, null)
834
1019
  }, {
1020
+ xmlns: qwik._IMMUTABLE,
1021
+ viewBox: qwik._IMMUTABLE,
835
1022
  height: qwik._fnSignal((p0) => p0.width, [
836
1023
  props
837
- ], "p0.width"),
838
- viewBox: "0 0 512 512",
839
- xmlns: "http://www.w3.org/2000/svg"
1024
+ ], "p0.width")
840
1025
  }, 0, "rN_0");
841
1026
  }, "ChevronDown_component_V0linof0cMQ"));
842
1027
  const Dropdown = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -844,10 +1029,10 @@ const Dropdown = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
844
1029
  class: "flex flex-col"
845
1030
  }, [
846
1031
  /* @__PURE__ */ qwik._jsxQ("label", null, {
847
- class: "text-gray-300 pb-1 select-none",
848
1032
  for: qwik._fnSignal((p0) => p0.id, [
849
1033
  props
850
- ], "p0.id")
1034
+ ], "p0.id"),
1035
+ class: "text-gray-300 pb-1 select-none"
851
1036
  }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "Zz_0"), 1, null),
852
1037
  /* @__PURE__ */ qwik._jsxC(DropdownRaw, {
853
1038
  ...props
@@ -900,18 +1085,22 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
900
1085
  }, [
901
1086
  props.values && /* @__PURE__ */ qwik._jsxS("select", {
902
1087
  ...props1,
1088
+ get id() {
1089
+ return props.id;
1090
+ },
1091
+ class: {
1092
+ "hidden": true
1093
+ },
903
1094
  children: props.values.map((value, i) => {
904
1095
  return /* @__PURE__ */ qwik._jsxQ("option", {
905
1096
  value: qwik._wrapSignal(value, "value")
906
1097
  }, null, `${value.value}`, 1, i);
907
1098
  })
908
1099
  }, {
909
- class: {
910
- "hidden": true
911
- },
912
1100
  id: qwik._fnSignal((p0) => p0.id, [
913
1101
  props
914
- ], "p0.id")
1102
+ ], "p0.id"),
1103
+ class: qwik._IMMUTABLE
915
1104
  }, 0, "Zz_3"),
916
1105
  /* @__PURE__ */ qwik._jsxC(Button, {
917
1106
  get color() {
@@ -926,15 +1115,21 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
926
1115
  ...props.class
927
1116
  };
928
1117
  },
1118
+ onClick$: /* @__PURE__ */ qwik.inlinedQrl(() => {
1119
+ const [store2] = qwik.useLexicalScope();
1120
+ store2.opened = !store2.opened;
1121
+ }, "DropdownRaw_component_div_Button_onClick_d8M33E0JtyQ", [
1122
+ store
1123
+ ]),
929
1124
  children: [
930
1125
  qwik._fnSignal((p0) => p0.display, [
931
1126
  props
932
1127
  ], "p0.display"),
933
1128
  !props.display && props.values && /* @__PURE__ */ qwik._jsxQ("span", null, {
934
- class: "flex-1 text-left",
935
1129
  id: qwik._fnSignal((p0) => `lui-${p0.id}-name`, [
936
1130
  props
937
- ], "`lui-${p0.id}-name`")
1131
+ ], "`lui-${p0.id}-name`"),
1132
+ class: "flex-1 text-left"
938
1133
  }, props.values.find((value) => value.value.toString() === store.value)?.name ?? props.values[0].name, 1, "Zz_4"),
939
1134
  /* @__PURE__ */ qwik._jsxC(ChevronDown, {
940
1135
  width: 16,
@@ -946,6 +1141,7 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
946
1141
  };
947
1142
  },
948
1143
  [qwik._IMMUTABLE]: {
1144
+ width: qwik._IMMUTABLE,
949
1145
  class: qwik._fnSignal((p0, p1) => ({
950
1146
  "motion-safe:transition-all duration-200": true,
951
1147
  "transform rotate-180": p1.opened,
@@ -953,46 +1149,39 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
953
1149
  }), [
954
1150
  props,
955
1151
  store
956
- ], '{"motion-safe:transition-all duration-200":true,"transform rotate-180":p1.opened,"group-hover:transform group-hover:rotate-180":p0.hover}'),
957
- width: qwik._IMMUTABLE
1152
+ ], '{"motion-safe:transition-all duration-200":true,"transform rotate-180":p1.opened,"group-hover:transform group-hover:rotate-180":p0.hover}')
958
1153
  }
959
1154
  }, 3, "Zz_5")
960
1155
  ],
961
- onClick$: /* @__PURE__ */ qwik.inlinedQrl(() => {
962
- const [store2] = qwik.useLexicalScope();
963
- store2.opened = !store2.opened;
964
- }, "DropdownRaw_component_div_Button_onClick_d8M33E0JtyQ", [
965
- store
966
- ]),
967
1156
  [qwik._IMMUTABLE]: {
1157
+ color: qwik._fnSignal((p0) => p0.color, [
1158
+ props
1159
+ ], "p0.color"),
1160
+ size: qwik._fnSignal((p0) => p0.size ?? "sm", [
1161
+ props
1162
+ ], 'p0.size??"sm"'),
968
1163
  class: qwik._fnSignal((p0) => ({
969
1164
  "flex": true,
970
1165
  ...p0.class
971
1166
  }), [
972
1167
  props
973
1168
  ], '{"flex":true,...p0.class}'),
974
- color: qwik._fnSignal((p0) => p0.color, [
975
- props
976
- ], "p0.color"),
977
- onClick$: qwik._IMMUTABLE,
978
- size: qwik._fnSignal((p0) => p0.size ?? "sm", [
979
- props
980
- ], 'p0.size??"sm"')
1169
+ onClick$: qwik._IMMUTABLE
981
1170
  }
982
1171
  }, 1, "Zz_6"),
983
1172
  /* @__PURE__ */ qwik._jsxQ("div", {
984
1173
  class: {
985
- "absolute top-full pt-2 left-0 z-[1000] ": true,
1174
+ "transition-all absolute top-full pt-2 left-0 z-[1000] ": true,
986
1175
  "opacity-0 scale-95 pointer-events-none": !store.opened,
987
1176
  "group-hover:pointer-events-auto group-hover:opacity-100 group-hover:scale-100": props.hover
988
1177
  }
989
1178
  }, null, /* @__PURE__ */ qwik._jsxQ("div", null, {
990
- class: {
991
- "motion-safe:transition-all p-1.5 gap-1 bg-gray-800/50 backdrop-blur-xl flex flex-col rounded-lg border border-gray-700 max-h-72 lui-scroll overflow-auto select-none": true
992
- },
993
1179
  id: qwik._fnSignal((p0) => `lui-${p0.id}-opts`, [
994
1180
  props
995
- ], "`lui-${p0.id}-opts`")
1181
+ ], "`lui-${p0.id}-opts`"),
1182
+ class: {
1183
+ "motion-safe:transition-all p-1.5 gap-1 bg-gray-800/50 backdrop-blur-xl flex flex-col rounded-lg border border-gray-700 max-h-72 lui-scroll overflow-auto select-none": true
1184
+ }
996
1185
  }, [
997
1186
  props.values?.map(({ name, value, color = "transparent" }, i) => {
998
1187
  return /* @__PURE__ */ qwik._jsxC(Button, {
@@ -1000,7 +1189,6 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1000
1189
  get size() {
1001
1190
  return props.size ?? "sm";
1002
1191
  },
1003
- children: name,
1004
1192
  onClick$: /* @__PURE__ */ qwik.inlinedQrl(() => {
1005
1193
  const [props2, store2, value2] = qwik.useLexicalScope();
1006
1194
  store2.opened = false;
@@ -1015,6 +1203,7 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1015
1203
  store,
1016
1204
  value
1017
1205
  ]),
1206
+ children: name,
1018
1207
  [qwik._IMMUTABLE]: {
1019
1208
  size: qwik._fnSignal((p0) => p0.size ?? "sm", [
1020
1209
  props
@@ -1038,6 +1227,14 @@ const LoadingIcon = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1038
1227
  ]);
1039
1228
  return /* @__PURE__ */ qwik._jsxS("div", {
1040
1229
  ...props1,
1230
+ get style() {
1231
+ return {
1232
+ borderWidth: props.width / 8,
1233
+ width: props.width,
1234
+ height: props.width,
1235
+ animation: `spin ${props.speed ?? "0.6s"} ease-in-out infinite`
1236
+ };
1237
+ },
1041
1238
  class: {
1042
1239
  "animate-spin rounded-full border-transparent border-l-current border-t-current": true,
1043
1240
  ...props1.class
@@ -1114,15 +1311,30 @@ const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
1114
1311
  return Component;
1115
1312
  }, "Header_component_FfGOhhBNG5k"));
1116
1313
  const navColorClasses = {
1314
+ slate: "bg-slate-700/50 border-slate-600/50",
1315
+ gray: "bg-gray-700/50 border-gray-600/50",
1316
+ darkgray: "bg-gray-800/50 border-gray-700/50",
1317
+ darkergray: "bg-gray-900/50 border-gray-800/50",
1318
+ zinc: "bg-zinc-700/50 border-zinc-600/50",
1319
+ neutral: "bg-neutral-700/50 border-neutral-600/50",
1320
+ stone: "bg-stone-700/50 border-stone-600/50",
1117
1321
  red: "bg-red-700/50 border-red-600/50",
1118
1322
  orange: "bg-orange-700/50 border-orange-600/50",
1323
+ amber: "bg-amber-700/50 border-amber-600/50",
1119
1324
  yellow: "bg-yellow-700/50 border-yellow-600/50",
1325
+ lime: "bg-lime-700/50 border-lime-600/50",
1120
1326
  green: "bg-green-700/50 border-green-600/50",
1121
- blue: "bg-blue-600/50 border-blue-500/50",
1122
- purple: "bg-purple-600/50 border-purple-500/50",
1123
- pink: "bg-pink-600/50 border-pink-500/50",
1124
- gray: "bg-gray-700/50 border-gray-600/50",
1125
- darkgray: "bg-gray-800/50 border-gray-700/50",
1327
+ emerald: "bg-emerald-700/50 border-emerald-600/50",
1328
+ teal: "bg-teal-700/50 border-teal-600/50",
1329
+ cyan: "bg-cyan-700/50 border-cyan-600/50",
1330
+ sky: "bg-sky-700/50 border-sky-600/50",
1331
+ blue: "bg-blue-700/50 border-blue-600/50",
1332
+ indigo: "bg-indigo-700/50 border-indigo-600/50",
1333
+ violet: "bg-violet-700/50 border-violet-600/50",
1334
+ purple: "bg-purple-700/50 border-purple-600/50",
1335
+ fuchsia: "bg-fuchsia-700/50 border-fuchsia-600/50",
1336
+ pink: "bg-pink-700/50 border-pink-600/50",
1337
+ rose: "bg-rose-700/50 border-rose-600/50",
1126
1338
  transparent: "bg-transparent border-transparent"
1127
1339
  };
1128
1340
  const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -1134,6 +1346,12 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
1134
1346
  const menu = qwik.useSignal(false);
1135
1347
  return /* @__PURE__ */ qwik._jsxS("nav", {
1136
1348
  ...props1,
1349
+ class: {
1350
+ "motion-safe:transition-all duration-200 flex flex-col top-0 left-0 w-full z-50": true,
1351
+ "fixed": props.fixed,
1352
+ "absolute": !props.fixed,
1353
+ ...props1.class
1354
+ },
1137
1355
  children: [
1138
1356
  /* @__PURE__ */ qwik._jsxQ("div", {
1139
1357
  class: {
@@ -1197,6 +1415,17 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
1197
1415
  }
1198
1416
  }, 3, "8r_3"),
1199
1417
  /* @__PURE__ */ qwik._jsxC(Button, {
1418
+ color: "transparent",
1419
+ square: true,
1420
+ class: {
1421
+ "sm:hidden": true
1422
+ },
1423
+ onClick$: /* @__PURE__ */ qwik.inlinedQrl(() => {
1424
+ const [menu2] = qwik.useLexicalScope();
1425
+ return menu2.value = !menu2.value;
1426
+ }, "Nav_component_nav_div_div_div_Button_onClick_J0TKJTxh4N4", [
1427
+ menu
1428
+ ]),
1200
1429
  children: /* @__PURE__ */ qwik._jsxQ("svg", null, {
1201
1430
  class: "w-6 h-6",
1202
1431
  fill: "none",
@@ -1204,76 +1433,69 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
1204
1433
  viewBox: "0 0 24 24",
1205
1434
  xmlns: "http://www.w3.org/2000/svg"
1206
1435
  }, /* @__PURE__ */ qwik._jsxQ("path", null, {
1207
- d: "M4 6h16M4 12h16m-7 6h7",
1208
1436
  "stroke-linecap": "round",
1209
1437
  "stroke-linejoin": "round",
1210
- "stroke-width": "2"
1438
+ "stroke-width": "2",
1439
+ d: "M4 6h16M4 12h16m-7 6h7"
1211
1440
  }, null, 3, null), 3, null),
1212
- class: {
1213
- "sm:hidden": true
1214
- },
1215
- color: "transparent",
1216
- onClick$: /* @__PURE__ */ qwik.inlinedQrl(() => {
1217
- const [menu2] = qwik.useLexicalScope();
1218
- return menu2.value = !menu2.value;
1219
- }, "Nav_component_nav_div_div_div_Button_onClick_J0TKJTxh4N4", [
1220
- menu
1221
- ]),
1222
- square: true,
1223
1441
  [qwik._IMMUTABLE]: {
1224
- class: qwik._IMMUTABLE,
1225
1442
  color: qwik._IMMUTABLE,
1226
- onClick$: qwik._IMMUTABLE,
1227
- square: qwik._IMMUTABLE
1443
+ square: qwik._IMMUTABLE,
1444
+ class: qwik._IMMUTABLE,
1445
+ onClick$: qwik._IMMUTABLE
1228
1446
  }
1229
1447
  }, 3, "8r_4")
1230
1448
  ], 1, null)
1231
1449
  ], 1, null), 1, null)
1232
- ],
1233
- class: {
1234
- "motion-safe:transition-all duration-200 flex flex-col top-0 left-0 w-full z-50": true,
1235
- "fixed": props.fixed,
1236
- "absolute": !props.fixed,
1237
- ...props1.class
1238
- }
1450
+ ]
1239
1451
  }, null, 0, "8r_5");
1240
1452
  }, "Nav_component_ZePSmw9628k"));
1241
1453
  const Plus = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1242
1454
  return /* @__PURE__ */ qwik._jsxS("svg", {
1455
+ xmlns: "http://www.w3.org/2000/svg",
1456
+ viewBox: "0 0 512 512",
1243
1457
  ...props,
1458
+ get height() {
1459
+ return props.width;
1460
+ },
1244
1461
  children: /* @__PURE__ */ qwik._jsxQ("path", null, {
1245
- d: "M256 112v288M400 256H112",
1246
1462
  fill: "none",
1247
1463
  stroke: "currentColor",
1248
1464
  "stroke-linecap": "round",
1249
1465
  "stroke-linejoin": "round",
1250
- "stroke-width": "32"
1466
+ "stroke-width": "32",
1467
+ d: "M256 112v288M400 256H112"
1251
1468
  }, null, 3, null)
1252
1469
  }, {
1470
+ xmlns: qwik._IMMUTABLE,
1471
+ viewBox: qwik._IMMUTABLE,
1253
1472
  height: qwik._fnSignal((p0) => p0.width, [
1254
1473
  props
1255
- ], "p0.width"),
1256
- viewBox: "0 0 512 512",
1257
- xmlns: "http://www.w3.org/2000/svg"
1474
+ ], "p0.width")
1258
1475
  }, 0, "qR_0");
1259
1476
  }, "Plus_component_a7LdBXNrC2w"));
1260
1477
  const Minus = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1261
1478
  return /* @__PURE__ */ qwik._jsxS("svg", {
1479
+ xmlns: "http://www.w3.org/2000/svg",
1480
+ viewBox: "0 0 512 512",
1262
1481
  ...props,
1482
+ get height() {
1483
+ return props.width;
1484
+ },
1263
1485
  children: /* @__PURE__ */ qwik._jsxQ("path", null, {
1264
- d: "M400 256H112",
1265
1486
  fill: "none",
1266
1487
  stroke: "currentColor",
1267
1488
  "stroke-linecap": "round",
1268
1489
  "stroke-linejoin": "round",
1269
- "stroke-width": "32"
1490
+ "stroke-width": "32",
1491
+ d: "M400 256H112"
1270
1492
  }, null, 3, null)
1271
1493
  }, {
1494
+ xmlns: qwik._IMMUTABLE,
1495
+ viewBox: qwik._IMMUTABLE,
1272
1496
  height: qwik._fnSignal((p0) => p0.width, [
1273
1497
  props
1274
- ], "p0.width"),
1275
- viewBox: "0 0 512 512",
1276
- xmlns: "http://www.w3.org/2000/svg"
1498
+ ], "p0.width")
1277
1499
  }, 0, "0g_0");
1278
1500
  }, "Minus_component_oP9l58XNP1Q"));
1279
1501
  const NumberInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -1281,10 +1503,10 @@ const NumberInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1281
1503
  class: "flex flex-col"
1282
1504
  }, [
1283
1505
  /* @__PURE__ */ qwik._jsxQ("label", null, {
1284
- class: "text-gray-300 pb-1 select-none",
1285
1506
  for: qwik._fnSignal((p0) => p0.id, [
1286
1507
  props
1287
- ], "p0.id")
1508
+ ], "p0.id"),
1509
+ class: "text-gray-300 pb-1 select-none"
1288
1510
  }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "gk_0"), 1, null),
1289
1511
  /* @__PURE__ */ qwik._jsxC(NumberInputRaw, {
1290
1512
  ...props,
@@ -1295,6 +1517,7 @@ const NumberInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1295
1517
  const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1296
1518
  const props1 = qwik._restProps(props, [
1297
1519
  "input",
1520
+ "color",
1298
1521
  "onDecrement$",
1299
1522
  "onIncrement$",
1300
1523
  "value",
@@ -1321,10 +1544,10 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1321
1544
  /* @__PURE__ */ qwik._jsxC(Button, {
1322
1545
  size: "sm",
1323
1546
  get color() {
1324
- return props.input ? "gray" : "darkgray";
1547
+ return (props.color ?? "darkgray") == "darkgray" ? props.input ? "gray" : "darkgray" : props.color ?? "darkgray";
1325
1548
  },
1326
- "aria-label": "Decrement",
1327
1549
  "data-action": "decrement",
1550
+ "aria-label": "Decrement",
1328
1551
  disabled: props1.min ? (props.value ?? 0) <= props1.min : false,
1329
1552
  onClick$: props.input ? /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
1330
1553
  const [props2] = qwik.useLexicalScope();
@@ -1340,50 +1563,58 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1340
1563
  };
1341
1564
  },
1342
1565
  children: /* @__PURE__ */ qwik._jsxC(Minus, {
1343
- class: "fill-current",
1344
1566
  width: "24",
1567
+ class: "fill-current",
1345
1568
  [qwik._IMMUTABLE]: {
1346
- class: qwik._IMMUTABLE,
1347
- width: qwik._IMMUTABLE
1569
+ width: qwik._IMMUTABLE,
1570
+ class: qwik._IMMUTABLE
1348
1571
  }
1349
1572
  }, 3, "gk_3"),
1350
1573
  [qwik._IMMUTABLE]: {
1574
+ size: qwik._IMMUTABLE,
1575
+ color: qwik._fnSignal((p0) => (p0.color ?? "darkgray") == "darkgray" ? p0.input ? "gray" : "darkgray" : p0.color ?? "darkgray", [
1576
+ props
1577
+ ], '(p0.color??"darkgray")=="darkgray"?p0.input?"gray":"darkgray":p0.color??"darkgray"'),
1578
+ "data-action": qwik._IMMUTABLE,
1351
1579
  "aria-label": qwik._IMMUTABLE,
1352
1580
  class: qwik._fnSignal((p0) => ({
1353
1581
  "mr-2": p0.input
1354
1582
  }), [
1355
1583
  props
1356
- ], '{"mr-2":p0.input}'),
1357
- color: qwik._fnSignal((p0) => p0.input ? "gray" : "darkgray", [
1358
- props
1359
- ], 'p0.input?"gray":"darkgray"'),
1360
- "data-action": qwik._IMMUTABLE,
1361
- size: qwik._IMMUTABLE
1584
+ ], '{"mr-2":p0.input}')
1362
1585
  }
1363
1586
  }, 0, "gk_4"),
1364
1587
  props.input && /* @__PURE__ */ qwik._jsxS("input", {
1365
1588
  ...props1,
1589
+ type: "number",
1590
+ get value() {
1591
+ return props.value ?? 0;
1592
+ },
1593
+ get step() {
1594
+ return props.step ?? 1;
1595
+ },
1366
1596
  class: {
1367
1597
  [InputClasses]: true,
1598
+ [InputColorClasses[props.color ?? "darkgray"]]: true,
1368
1599
  "text-center": true,
1369
1600
  ...props1.class
1370
1601
  }
1371
1602
  }, {
1372
- step: qwik._fnSignal((p0) => p0.step ?? 1, [
1373
- props
1374
- ], "p0.step??1"),
1375
- type: "number",
1603
+ type: qwik._IMMUTABLE,
1376
1604
  value: qwik._fnSignal((p0) => p0.value ?? 0, [
1377
1605
  props
1378
- ], "p0.value??0")
1606
+ ], "p0.value??0"),
1607
+ step: qwik._fnSignal((p0) => p0.step ?? 1, [
1608
+ props
1609
+ ], "p0.step??1")
1379
1610
  }, 0, "gk_5"),
1380
1611
  /* @__PURE__ */ qwik._jsxC(Button, {
1381
1612
  size: "sm",
1382
1613
  get color() {
1383
- return props.input ? "gray" : "darkgray";
1614
+ return (props.color ?? "darkgray") == "darkgray" ? props.input ? "gray" : "darkgray" : props.color ?? "darkgray";
1384
1615
  },
1385
- "aria-label": "Increment",
1386
1616
  "data-action": "increment",
1617
+ "aria-label": "Increment",
1387
1618
  disabled: props1.max ? (props.value ?? 0) >= props1.max : false,
1388
1619
  onClick$: props.input ? /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
1389
1620
  const [props2] = qwik.useLexicalScope();
@@ -1399,25 +1630,25 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1399
1630
  };
1400
1631
  },
1401
1632
  children: /* @__PURE__ */ qwik._jsxC(Plus, {
1402
- class: "fill-current",
1403
1633
  width: "24",
1634
+ class: "fill-current",
1404
1635
  [qwik._IMMUTABLE]: {
1405
- class: qwik._IMMUTABLE,
1406
- width: qwik._IMMUTABLE
1636
+ width: qwik._IMMUTABLE,
1637
+ class: qwik._IMMUTABLE
1407
1638
  }
1408
1639
  }, 3, "gk_6"),
1409
1640
  [qwik._IMMUTABLE]: {
1641
+ size: qwik._IMMUTABLE,
1642
+ color: qwik._fnSignal((p0) => (p0.color ?? "darkgray") == "darkgray" ? p0.input ? "gray" : "darkgray" : p0.color ?? "darkgray", [
1643
+ props
1644
+ ], '(p0.color??"darkgray")=="darkgray"?p0.input?"gray":"darkgray":p0.color??"darkgray"'),
1645
+ "data-action": qwik._IMMUTABLE,
1410
1646
  "aria-label": qwik._IMMUTABLE,
1411
1647
  class: qwik._fnSignal((p0) => ({
1412
1648
  "ml-2": p0.input
1413
1649
  }), [
1414
1650
  props
1415
- ], '{"ml-2":p0.input}'),
1416
- color: qwik._fnSignal((p0) => p0.input ? "gray" : "darkgray", [
1417
- props
1418
- ], 'p0.input?"gray":"darkgray"'),
1419
- "data-action": qwik._IMMUTABLE,
1420
- size: qwik._IMMUTABLE
1651
+ ], '{"ml-2":p0.input}')
1421
1652
  }
1422
1653
  }, 0, "gk_7")
1423
1654
  ], 1, "gk_8");
@@ -1427,10 +1658,10 @@ const TextArea = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
1427
1658
  class: "flex flex-col"
1428
1659
  }, [
1429
1660
  /* @__PURE__ */ qwik._jsxQ("label", null, {
1430
- class: "text-gray-300 pb-1 select-none",
1431
1661
  for: qwik._fnSignal((p0) => p0.id, [
1432
1662
  props
1433
- ], "p0.id")
1663
+ ], "p0.id"),
1664
+ class: "text-gray-300 pb-1 select-none"
1434
1665
  }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "UP_0"), 1, null),
1435
1666
  /* @__PURE__ */ qwik._jsxC(TextAreaRaw, {
1436
1667
  ...props
@@ -1439,6 +1670,7 @@ const TextArea = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
1439
1670
  }, "TextArea_component_rWDoQFL2c0g"));
1440
1671
  const TextAreaRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1441
1672
  const props1 = qwik._restProps(props, [
1673
+ "color",
1442
1674
  "output"
1443
1675
  ]);
1444
1676
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
@@ -1446,10 +1678,14 @@ const TextAreaRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1446
1678
  ...props1,
1447
1679
  class: {
1448
1680
  [InputClasses]: true,
1681
+ [InputColorClasses[props.color ?? "darkgray"]]: true,
1449
1682
  "h-32": true,
1450
- "cursor-pointer active:bg-gray-600 select-none": props.output,
1683
+ "cursor-pointer select-none": props.output,
1451
1684
  ...props1.class
1452
1685
  },
1686
+ get readOnly() {
1687
+ return props.output;
1688
+ },
1453
1689
  onClick$: props.output ? /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
1454
1690
  navigator.clipboard.writeText(element.value);
1455
1691
  const notification = document.createElement("div");
@@ -1467,10 +1703,208 @@ const TextAreaRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1467
1703
  }, 0, null)
1468
1704
  }, 1, "UP_3");
1469
1705
  }, "TextAreaRaw_component_PZiPScYxgNk"));
1706
+ const toggleOnColorClasses = {
1707
+ slate: {
1708
+ checked: "peer-checked:bg-slate-600 peer-checked:border-slate-500 peer-checked:hover:bg-slate-500 peer-checked:active:bg-slate-400",
1709
+ checkedAfter: "peer-checked:after:bg-slate-500 peer-checked:after:border-slate-400 peer-checked:after:hover:bg-slate-400 peer-checked:after:active:bg-slate-300"
1710
+ },
1711
+ gray: {
1712
+ checked: "peer-checked:bg-gray-600 peer-checked:border-gray-500 peer-checked:hover:bg-gray-500 peer-checked:active:bg-gray-400",
1713
+ checkedAfter: "peer-checked:after:bg-gray-500 peer-checked:after:border-gray-400 peer-checked:after:hover:bg-gray-400 peer-checked:after:active:bg-gray-300"
1714
+ },
1715
+ darkgray: {
1716
+ checked: "peer-checked:bg-gray-700 peer-checked:border-gray-600 peer-checked:hover:bg-gray-600 peer-checked:active:bg-gray-500",
1717
+ checkedAfter: "peer-checked:after:bg-gray-600 peer-checked:after:border-gray-500 peer-checked:after:hover:bg-gray-500 peer-checked:after:active:bg-gray-400"
1718
+ },
1719
+ darkergray: {
1720
+ checked: "peer-checked:bg-gray-800 peer-checked:border-gray-700 peer-checked:hover:bg-gray-700 peer-checked:active:bg-gray-600",
1721
+ checkedAfter: "peer-checked:after:bg-gray-700 peer-checked:after:border-gray-600 peer-checked:after:hover:bg-gray-600 peer-checked:after:active:bg-gray-500"
1722
+ },
1723
+ zinc: {
1724
+ checked: "peer-checked:bg-zinc-600 peer-checked:border-zinc-500 peer-checked:hover:bg-zinc-500 peer-checked:active:bg-zinc-400",
1725
+ checkedAfter: "peer-checked:after:bg-zinc-500 peer-checked:after:border-zinc-400 peer-checked:after:hover:bg-zinc-400 peer-checked:after:active:bg-zinc-300"
1726
+ },
1727
+ neutral: {
1728
+ checked: "peer-checked:bg-neutral-600 peer-checked:border-neutral-500 peer-checked:hover:bg-neutral-500 peer-checked:active:bg-neutral-400",
1729
+ checkedAfter: "peer-checked:after:bg-neutral-500 peer-checked:after:border-neutral-400 peer-checked:after:hover:bg-neutral-400 peer-checked:after:active:bg-neutral-300"
1730
+ },
1731
+ stone: {
1732
+ checked: "peer-checked:bg-stone-600 peer-checked:border-stone-500 peer-checked:hover:bg-stone-500 peer-checked:active:bg-stone-400",
1733
+ checkedAfter: "peer-checked:after:bg-stone-500 peer-checked:after:border-stone-400 peer-checked:after:hover:bg-stone-400 peer-checked:after:active:bg-stone-300"
1734
+ },
1735
+ red: {
1736
+ checked: "peer-checked:bg-red-600 peer-checked:border-red-500 peer-checked:hover:bg-red-500 peer-checked:active:bg-red-400",
1737
+ checkedAfter: "peer-checked:after:bg-red-500 peer-checked:after:border-red-400 peer-checked:after:hover:bg-red-400 peer-checked:after:active:bg-red-300"
1738
+ },
1739
+ orange: {
1740
+ checked: "peer-checked:bg-orange-600 peer-checked:border-orange-500 peer-checked:hover:bg-orange-500 peer-checked:active:bg-orange-400",
1741
+ checkedAfter: "peer-checked:after:bg-orange-500 peer-checked:after:border-orange-400 peer-checked:after:hover:bg-orange-400 peer-checked:after:active:bg-orange-300"
1742
+ },
1743
+ amber: {
1744
+ checked: "peer-checked:bg-amber-600 peer-checked:border-amber-500 peer-checked:hover:bg-amber-500 peer-checked:active:bg-amber-400",
1745
+ checkedAfter: "peer-checked:after:bg-amber-500 peer-checked:after:border-amber-400 peer-checked:after:hover:bg-amber-400 peer-checked:after:active:bg-amber-300"
1746
+ },
1747
+ yellow: {
1748
+ checked: "peer-checked:bg-yellow-600 peer-checked:border-yellow-500 peer-checked:hover:bg-yellow-500 peer-checked:active:bg-yellow-400",
1749
+ checkedAfter: "peer-checked:after:bg-yellow-500 peer-checked:after:border-yellow-400 peer-checked:after:hover:bg-yellow-400 peer-checked:after:active:bg-yellow-300"
1750
+ },
1751
+ lime: {
1752
+ checked: "peer-checked:bg-lime-600 peer-checked:border-lime-500 peer-checked:hover:bg-lime-500 peer-checked:active:bg-lime-400",
1753
+ checkedAfter: "peer-checked:after:bg-lime-500 peer-checked:after:border-lime-400 peer-checked:after:hover:bg-lime-400 peer-checked:after:active:bg-lime-300"
1754
+ },
1755
+ green: {
1756
+ checked: "peer-checked:bg-green-600 peer-checked:border-green-500 peer-checked:hover:bg-green-500 peer-checked:active:bg-green-400",
1757
+ checkedAfter: "peer-checked:after:bg-green-500 peer-checked:after:border-green-400 peer-checked:after:hover:bg-green-400 peer-checked:after:active:bg-green-300"
1758
+ },
1759
+ emerald: {
1760
+ checked: "peer-checked:bg-emerald-600 peer-checked:border-emerald-500 peer-checked:hover:bg-emerald-500 peer-checked:active:bg-emerald-400",
1761
+ checkedAfter: "peer-checked:after:bg-emerald-500 peer-checked:after:border-emerald-400 peer-checked:after:hover:bg-emerald-400 peer-checked:after:active:bg-emerald-300"
1762
+ },
1763
+ teal: {
1764
+ checked: "peer-checked:bg-teal-600 peer-checked:border-teal-500 peer-checked:hover:bg-teal-500 peer-checked:active:bg-teal-400",
1765
+ checkedAfter: "peer-checked:after:bg-teal-500 peer-checked:after:border-teal-400 peer-checked:after:hover:bg-teal-400 peer-checked:after:active:bg-teal-300"
1766
+ },
1767
+ cyan: {
1768
+ checked: "peer-checked:bg-cyan-600 peer-checked:border-cyan-500 peer-checked:hover:bg-cyan-500 peer-checked:active:bg-cyan-400",
1769
+ checkedAfter: "peer-checked:after:bg-cyan-500 peer-checked:after:border-cyan-400 peer-checked:after:hover:bg-cyan-400 peer-checked:after:active:bg-cyan-300"
1770
+ },
1771
+ sky: {
1772
+ checked: "peer-checked:bg-sky-600 peer-checked:border-sky-500 peer-checked:hover:bg-sky-500 peer-checked:active:bg-sky-400",
1773
+ checkedAfter: "peer-checked:after:bg-sky-500 peer-checked:after:border-sky-400 peer-checked:after:hover:bg-sky-400 peer-checked:after:active:bg-sky-300"
1774
+ },
1775
+ blue: {
1776
+ checked: "peer-checked:bg-blue-600 peer-checked:border-blue-500 peer-checked:hover:bg-blue-500 peer-checked:active:bg-blue-400",
1777
+ checkedAfter: "peer-checked:after:bg-blue-500 peer-checked:after:border-blue-400 peer-checked:after:hover:bg-blue-400 peer-checked:after:active:bg-blue-300"
1778
+ },
1779
+ indigo: {
1780
+ checked: "peer-checked:bg-indigo-600 peer-checked:border-indigo-500 peer-checked:hover:bg-indigo-500 peer-checked:active:bg-indigo-400",
1781
+ checkedAfter: "peer-checked:after:bg-indigo-500 peer-checked:after:border-indigo-400 peer-checked:after:hover:bg-indigo-400 peer-checked:after:active:bg-indigo-300"
1782
+ },
1783
+ violet: {
1784
+ checked: "peer-checked:bg-violet-600 peer-checked:border-violet-500 peer-checked:hover:bg-violet-500 peer-checked:active:bg-violet-400",
1785
+ checkedAfter: "peer-checked:after:bg-violet-500 peer-checked:after:border-violet-400 peer-checked:after:hover:bg-violet-400 peer-checked:after:active:bg-violet-300"
1786
+ },
1787
+ purple: {
1788
+ checked: "peer-checked:bg-purple-600 peer-checked:border-purple-500 peer-checked:hover:bg-purple-500 peer-checked:active:bg-purple-400",
1789
+ checkedAfter: "peer-checked:after:bg-purple-500 peer-checked:after:border-purple-400 peer-checked:after:hover:bg-purple-400 peer-checked:after:active:bg-purple-300"
1790
+ },
1791
+ fuchsia: {
1792
+ checked: "peer-checked:bg-fuchsia-600 peer-checked:border-fuchsia-500 peer-checked:hover:bg-fuchsia-500 peer-checked:active:bg-fuchsia-400",
1793
+ checkedAfter: "peer-checked:after:bg-fuchsia-500 peer-checked:after:border-fuchsia-400 peer-checked:after:hover:bg-fuchsia-400 peer-checked:after:active:bg-fuchsia-300"
1794
+ },
1795
+ pink: {
1796
+ checked: "peer-checked:bg-pink-600 peer-checked:border-pink-500 peer-checked:hover:bg-pink-500 peer-checked:active:bg-pink-400",
1797
+ checkedAfter: "peer-checked:after:bg-pink-500 peer-checked:after:border-pink-400 peer-checked:after:hover:bg-pink-400 peer-checked:after:active:bg-pink-300"
1798
+ },
1799
+ rose: {
1800
+ checked: "peer-checked:bg-rose-600 peer-checked:border-rose-500 peer-checked:hover:bg-rose-500 peer-checked:active:bg-rose-400",
1801
+ checkedAfter: "peer-checked:after:bg-rose-500 peer-checked:after:border-rose-400 peer-checked:after:hover:bg-rose-400 peer-checked:after:active:bg-rose-300"
1802
+ }
1803
+ };
1804
+ const toggleOffColorClasses = {
1805
+ slate: {
1806
+ unchecked: "bg-slate-700 border-slate-600 hover:bg-slate-600 active:bg-slate-500",
1807
+ uncheckedAfter: "after:bg-slate-600 after:border-slate-500 after:hover:bg-slate-500 after:active:bg-slate-400"
1808
+ },
1809
+ gray: {
1810
+ unchecked: "bg-gray-700 border-gray-600 hover:bg-gray-600 active:bg-gray-500",
1811
+ uncheckedAfter: "after:bg-gray-600 after:border-gray-500 after:hover:bg-gray-500 after:active:bg-gray-400"
1812
+ },
1813
+ darkgray: {
1814
+ unchecked: "bg-gray-800 border-gray-700 hover:bg-gray-700 active:bg-gray-600",
1815
+ uncheckedAfter: "after:bg-gray-700 after:border-gray-600 after:hover:bg-gray-600 after:active:bg-gray-500"
1816
+ },
1817
+ darkergray: {
1818
+ unchecked: "bg-gray-900 border-gray-800 hover:bg-gray-800 active:bg-gray-700",
1819
+ uncheckedAfter: "after:bg-gray-800 after:border-gray-700 after:hover:bg-gray-700 after:active:bg-gray-600"
1820
+ },
1821
+ zinc: {
1822
+ unchecked: "bg-zinc-700 border-zinc-600 hover:bg-zinc-600 active:bg-zinc-500",
1823
+ uncheckedAfter: "after:bg-zinc-600 after:border-zinc-500 after:hover:bg-zinc-500 after:active:bg-zinc-400"
1824
+ },
1825
+ neutral: {
1826
+ unchecked: "bg-neutral-700 border-neutral-600 hover:bg-neutral-600 active:bg-neutral-500",
1827
+ uncheckedAfter: "after:bg-neutral-600 after:border-neutral-500 after:hover:bg-neutral-500 after:active:bg-neutral-400"
1828
+ },
1829
+ stone: {
1830
+ unchecked: "bg-stone-700 border-stone-600 hover:bg-stone-600 active:bg-stone-500",
1831
+ uncheckedAfter: "after:bg-stone-600 after:border-stone-500 after:hover:bg-stone-500 after:active:bg-stone-400"
1832
+ },
1833
+ red: {
1834
+ unchecked: "bg-red-700 border-red-600 hover:bg-red-600 active:bg-red-500",
1835
+ uncheckedAfter: "after:bg-red-600 after:border-red-500 after:hover:bg-red-500 after:active:bg-red-400"
1836
+ },
1837
+ orange: {
1838
+ unchecked: "bg-orange-700 border-orange-600 hover:bg-orange-600 active:bg-orange-500",
1839
+ uncheckedAfter: "after:bg-orange-600 after:border-orange-500 after:hover:bg-orange-500 after:active:bg-orange-400"
1840
+ },
1841
+ amber: {
1842
+ unchecked: "bg-amber-700 border-amber-600 hover:bg-amber-600 active:bg-amber-500",
1843
+ uncheckedAfter: "after:bg-amber-600 after:border-amber-500 after:hover:bg-amber-500 after:active:bg-amber-400"
1844
+ },
1845
+ yellow: {
1846
+ unchecked: "bg-yellow-700 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500",
1847
+ uncheckedAfter: "after:bg-yellow-600 after:border-yellow-500 after:hover:bg-yellow-500 after:active:bg-yellow-400"
1848
+ },
1849
+ lime: {
1850
+ unchecked: "bg-lime-700 border-lime-600 hover:bg-lime-600 active:bg-lime-500",
1851
+ uncheckedAfter: "after:bg-lime-600 after:border-lime-500 after:hover:bg-lime-500 after:active:bg-lime-400"
1852
+ },
1853
+ green: {
1854
+ unchecked: "bg-green-700 border-green-600 hover:bg-green-600 active:bg-green-500",
1855
+ uncheckedAfter: "after:bg-green-600 after:border-green-500 after:hover:bg-green-500 after:active:bg-green-400"
1856
+ },
1857
+ emerald: {
1858
+ unchecked: "bg-emerald-700 border-emerald-600 hover:bg-emerald-600 active:bg-emerald-500",
1859
+ uncheckedAfter: "after:bg-emerald-600 after:border-emerald-500 after:hover:bg-emerald-500 after:active:bg-emerald-400"
1860
+ },
1861
+ teal: {
1862
+ unchecked: "bg-teal-700 border-teal-600 hover:bg-teal-600 active:bg-teal-500",
1863
+ uncheckedAfter: "after:bg-teal-600 after:border-teal-500 after:hover:bg-teal-500 after:active:bg-teal-400"
1864
+ },
1865
+ cyan: {
1866
+ unchecked: "bg-cyan-700 border-cyan-600 hover:bg-cyan-600 active:bg-cyan-500",
1867
+ uncheckedAfter: "after:bg-cyan-600 after:border-cyan-500 after:hover:bg-cyan-500 after:active:bg-cyan-400"
1868
+ },
1869
+ sky: {
1870
+ unchecked: "bg-sky-700 border-sky-600 hover:bg-sky-600 active:bg-sky-500",
1871
+ uncheckedAfter: "after:bg-sky-600 after:border-sky-500 after:hover:bg-sky-500 after:active:bg-sky-400"
1872
+ },
1873
+ blue: {
1874
+ unchecked: "bg-blue-700 border-blue-600 hover:bg-blue-600 active:bg-blue-500",
1875
+ uncheckedAfter: "after:bg-blue-600 after:border-blue-500 after:hover:bg-blue-500 after:active:bg-blue-400"
1876
+ },
1877
+ indigo: {
1878
+ unchecked: "bg-indigo-700 border-indigo-600 hover:bg-indigo-600 active:bg-indigo-500",
1879
+ uncheckedAfter: "after:bg-indigo-600 after:border-indigo-500 after:hover:bg-indigo-500 after:active:bg-indigo-400"
1880
+ },
1881
+ violet: {
1882
+ unchecked: "bg-violet-700 border-violet-600 hover:bg-violet-600 active:bg-violet-500",
1883
+ uncheckedAfter: "after:bg-violet-600 after:border-violet-500 after:hover:bg-violet-500 after:active:bg-violet-400"
1884
+ },
1885
+ purple: {
1886
+ unchecked: "bg-purple-700 border-purple-600 hover:bg-purple-600 active:bg-purple-500",
1887
+ uncheckedAfter: "after:bg-purple-600 after:border-purple-500 after:hover:bg-purple-500 after:active:bg-purple-400"
1888
+ },
1889
+ fuchsia: {
1890
+ unchecked: "bg-fuchsia-700 border-fuchsia-600 hover:bg-fuchsia-600 active:bg-fuchsia-500",
1891
+ uncheckedAfter: "after:bg-fuchsia-600 after:border-fuchsia-500 after:hover:bg-fuchsia-500 after:active:bg-fuchsia-400"
1892
+ },
1893
+ pink: {
1894
+ unchecked: "bg-pink-700 border-pink-600 hover:bg-pink-600 active:bg-pink-500",
1895
+ uncheckedAfter: "after:bg-pink-600 after:border-pink-500 after:hover:bg-pink-500 after:active:bg-pink-400"
1896
+ },
1897
+ rose: {
1898
+ unchecked: "bg-rose-700 border-rose-600 hover:bg-rose-600 active:bg-rose-500",
1899
+ uncheckedAfter: "after:bg-rose-600 after:border-rose-500 after:hover:bg-rose-500 after:active:bg-rose-400"
1900
+ }
1901
+ };
1470
1902
  const Toggle = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1471
1903
  const props1 = qwik._restProps(props, [
1472
1904
  "center",
1473
- "label"
1905
+ "label",
1906
+ "onColor",
1907
+ "offColor"
1474
1908
  ]);
1475
1909
  return /* @__PURE__ */ qwik._jsxQ("div", null, {
1476
1910
  class: qwik._fnSignal((p0) => ({
@@ -1484,24 +1918,26 @@ const Toggle = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
1484
1918
  class: "inline-flex relative items-center cursor-pointer"
1485
1919
  }, [
1486
1920
  /* @__PURE__ */ qwik._jsxS("input", {
1921
+ type: "checkbox",
1487
1922
  ...props1,
1488
1923
  class: {
1489
1924
  "sr-only peer": true,
1490
1925
  ...props1.class
1491
1926
  }
1492
1927
  }, {
1493
- type: "checkbox"
1928
+ type: qwik._IMMUTABLE
1494
1929
  }, 0, null),
1495
- /* @__PURE__ */ qwik._jsxQ("div", null, {
1930
+ /* @__PURE__ */ qwik._jsxQ("div", {
1496
1931
  class: {
1497
1932
  "motion-safe:transition ease-in-out w-12 h-7 rounded-md peer border hover:shadow-lg": true,
1498
- "bg-gray-800 border-gray-700 hover:bg-gray-700 active:bg-gray-600": true,
1499
- "after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:border after:rounded-md after:h-5 after:w-5 after:motion-safe:transition-all after:ease-in-out": true,
1500
- "after:bg-gray-700 after:border-gray-600 after:hover:bg-gray-600 after:active:bg-gray-500": true,
1501
- "peer-checked:bg-blue-700 peer-checked:border-blue-600 peer-checked:hover:bg-blue-600 peer-checked:active:bg-blue-500": true,
1502
- "peer-checked:after:translate-x-full peer-checked:after:bg-blue-600 peer-checked:after:border-blue-500 peer-checked:after:hover:bg-blue-500 peer-checked:after:active:bg-blue-400": true
1933
+ "after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:border after:rounded-[0.2rem] after:h-5 after:w-5 after:motion-safe:transition-all after:ease-in-out": true,
1934
+ "peer-checked:after:translate-x-full": true,
1935
+ [toggleOnColorClasses[props.onColor ?? "blue"].checked]: true,
1936
+ [toggleOnColorClasses[props.onColor ?? "blue"].checkedAfter]: true,
1937
+ [toggleOffColorClasses[props.offColor ?? "darkgray"].unchecked]: true,
1938
+ [toggleOffColorClasses[props.offColor ?? "darkgray"].uncheckedAfter]: true
1503
1939
  }
1504
- }, null, 3, null)
1940
+ }, null, null, 3, null)
1505
1941
  ], 1, null),
1506
1942
  props.label && /* @__PURE__ */ qwik._jsxQ("label", {
1507
1943
  for: qwik._wrapSignal(props1, "id")
@@ -1518,15 +1954,22 @@ const LogoBirdflop = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
1518
1954
  "fillGradient"
1519
1955
  ]);
1520
1956
  return /* @__PURE__ */ qwik._jsxS("svg", {
1957
+ xmlns: "http://www.w3.org/2000/svg",
1958
+ "xmlns:xlink": "http://www.w3.org/1999/xlink",
1959
+ viewBox: "0 0 1080 1080",
1521
1960
  ...props1,
1961
+ get height() {
1962
+ return props1.width;
1963
+ },
1964
+ height: qwik._wrapSignal(props1, "width"),
1522
1965
  children: [
1523
1966
  /* @__PURE__ */ qwik._jsxQ("defs", null, null, [
1524
1967
  props.fillGradient && /* @__PURE__ */ qwik._jsxQ("linearGradient", null, {
1525
- gradientUnits: "objectBoundingBox",
1526
1968
  id: "linear-gradient",
1527
1969
  x1: "0.5",
1528
1970
  x2: "0.5",
1529
- y2: "1"
1971
+ y2: "1",
1972
+ gradientUnits: "objectBoundingBox"
1530
1973
  }, props.fillGradient.map((color, i) => /* @__PURE__ */ qwik._jsxQ("stop", {
1531
1974
  offset: i / (props.fillGradient.length - 1),
1532
1975
  "stop-color": color
@@ -1534,28 +1977,28 @@ const LogoBirdflop = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
1534
1977
  /* @__PURE__ */ qwik._jsxQ("clipPath", null, {
1535
1978
  id: "clip-bf_3"
1536
1979
  }, /* @__PURE__ */ qwik._jsxQ("rect", null, {
1537
- height: "1080",
1538
- width: "1080"
1980
+ width: "1080",
1981
+ height: "1080"
1539
1982
  }, null, 3, null), 3, null)
1540
1983
  ], 1, null),
1541
1984
  /* @__PURE__ */ qwik._jsxQ("g", null, {
1542
- "clip-path": "url(#clip-bf_3)",
1985
+ id: "bf_3",
1543
1986
  "data-name": "bf - 3",
1544
- fill: "currentColor",
1545
- id: "bf_3"
1987
+ "clip-path": "url(#clip-bf_3)",
1988
+ fill: "currentColor"
1546
1989
  }, /* @__PURE__ */ qwik._jsxQ("path", null, {
1547
- d: "M-1886.608-89.36c-8.311-65.774-27.64-219.008-27.64-221.333a.279.279,0,0,1,.09-.159q-.474-4.88-.477-9.885A101.066,101.066,0,0,1-1813.61-421.844a100.671,100.671,0,0,1,71.913,30.1l.093-.042c-.077-.093-8.783-10.549-22.7-24.758-8.216-8.388-16.645-16.459-25.052-23.993-10.51-9.417-21.018-18.013-31.23-25.552a120.5,120.5,0,0,0-40.468-71.567,119.916,119.916,0,0,0-77.984-28.881c-66.215,0-120.083,53.941-120.083,120.244h-.237v116.01h-.24c-.131,132.971-107.6,240.728-240.16,240.728V-330.289H-2300V-449.818h.362V-931.536h0V-1170c132.71,0,240.293,106.764,240.293,238.464v145.112a358.089,358.089,0,0,1,47.7-13.28,362.475,362.475,0,0,1,72.6-7.329,362.455,362.455,0,0,1,72.6,7.329,358.112,358.112,0,0,1,67.622,21.02,360.042,360.042,0,0,1,61.191,33.26,362.833,362.833,0,0,1,53.315,44.049,363.178,363.178,0,0,1,43.99,53.387,360.83,360.83,0,0,1,33.213,61.276A359.3,359.3,0,0,1-1586.118-519a363.948,363.948,0,0,1,7.317,72.7,363.957,363.957,0,0,1-7.317,72.7,359.333,359.333,0,0,1-20.992,67.714,360.95,360.95,0,0,1-33.213,61.277,363.233,363.233,0,0,1-43.99,53.388,362.833,362.833,0,0,1-53.315,44.049,360.017,360.017,0,0,1-61.191,33.259,358.108,358.108,0,0,1-67.622,21.02c-6.636,1.36-13.421,2.548-20.165,3.532Zm-79.831-365.056a27.049,27.049,0,0,1,27.038-27.059,27.048,27.048,0,0,1,27.037,27.059,27.049,27.049,0,0,1-27.037,27.06A27.05,27.05,0,0,1-1966.439-454.416Z",
1990
+ id: "Union_26",
1548
1991
  "data-name": "Union 26",
1992
+ d: "M-1886.608-89.36c-8.311-65.774-27.64-219.008-27.64-221.333a.279.279,0,0,1,.09-.159q-.474-4.88-.477-9.885A101.066,101.066,0,0,1-1813.61-421.844a100.671,100.671,0,0,1,71.913,30.1l.093-.042c-.077-.093-8.783-10.549-22.7-24.758-8.216-8.388-16.645-16.459-25.052-23.993-10.51-9.417-21.018-18.013-31.23-25.552a120.5,120.5,0,0,0-40.468-71.567,119.916,119.916,0,0,0-77.984-28.881c-66.215,0-120.083,53.941-120.083,120.244h-.237v116.01h-.24c-.131,132.971-107.6,240.728-240.16,240.728V-330.289H-2300V-449.818h.362V-931.536h0V-1170c132.71,0,240.293,106.764,240.293,238.464v145.112a358.089,358.089,0,0,1,47.7-13.28,362.475,362.475,0,0,1,72.6-7.329,362.455,362.455,0,0,1,72.6,7.329,358.112,358.112,0,0,1,67.622,21.02,360.042,360.042,0,0,1,61.191,33.26,362.833,362.833,0,0,1,53.315,44.049,363.178,363.178,0,0,1,43.99,53.387,360.83,360.83,0,0,1,33.213,61.276A359.3,359.3,0,0,1-1586.118-519a363.948,363.948,0,0,1,7.317,72.7,363.957,363.957,0,0,1-7.317,72.7,359.333,359.333,0,0,1-20.992,67.714,360.95,360.95,0,0,1-33.213,61.277,363.233,363.233,0,0,1-43.99,53.388,362.833,362.833,0,0,1-53.315,44.049,360.017,360.017,0,0,1-61.191,33.259,358.108,358.108,0,0,1-67.622,21.02c-6.636,1.36-13.421,2.548-20.165,3.532Zm-79.831-365.056a27.049,27.049,0,0,1,27.038-27.059,27.048,27.048,0,0,1,27.037,27.059,27.049,27.049,0,0,1-27.037,27.06A27.05,27.05,0,0,1-1966.439-454.416Z",
1993
+ transform: "translate(2479.9 1169.7)",
1549
1994
  fill: qwik._fnSignal((p0) => p0.fillGradient ? "url(#linear-gradient)" : "", [
1550
1995
  props
1551
- ], 'p0.fillGradient?"url(#linear-gradient)":""'),
1552
- id: "Union_26",
1553
- transform: "translate(2479.9 1169.7)"
1996
+ ], 'p0.fillGradient?"url(#linear-gradient)":""')
1554
1997
  }, null, 3, null), 3, null),
1555
1998
  props.confused && /* @__PURE__ */ qwik._jsxQ("g", null, {
1556
- fill: "#1E2837",
1999
+ style: "transform: translate(595px, 460px) scale(0.375)",
1557
2000
  stroke: "#1E2837",
1558
- style: "transform: translate(595px, 460px) scale(0.375)"
2001
+ fill: "#1E2837"
1559
2002
  }, [
1560
2003
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1561
2004
  d: "M160 164s1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 298.36 248 324",
@@ -1571,89 +2014,124 @@ const LogoBirdflop = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
1571
2014
  style: "transform: translate(0, 30px)"
1572
2015
  }, null, 3, null)
1573
2016
  ], 3, "Ie_1")
1574
- ],
1575
- height: qwik._wrapSignal(props1, "width")
2017
+ ]
1576
2018
  }, {
1577
- viewBox: "0 0 1080 1080",
1578
- xmlns: "http://www.w3.org/2000/svg",
1579
- "xmlns:xlink": "http://www.w3.org/1999/xlink"
2019
+ xmlns: qwik._IMMUTABLE,
2020
+ "xmlns:xlink": qwik._IMMUTABLE,
2021
+ viewBox: qwik._IMMUTABLE
1580
2022
  }, 0, "Ie_2");
1581
2023
  }, "LogoBirdflop_component_mKG3xZaEE5w"));
1582
2024
  const LogoDiscord = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1583
2025
  return /* @__PURE__ */ qwik._jsxS("svg", {
2026
+ xmlns: "http://www.w3.org/2000/svg",
2027
+ viewBox: "0 0 127.14 96.36",
2028
+ fill: "currentColor",
1584
2029
  ...props,
2030
+ get height() {
2031
+ return props.width;
2032
+ },
1585
2033
  children: /* @__PURE__ */ qwik._jsxQ("path", null, {
1586
2034
  d: "M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"
1587
2035
  }, null, 3, null)
1588
2036
  }, {
1589
- fill: "currentColor",
2037
+ xmlns: qwik._IMMUTABLE,
2038
+ viewBox: qwik._IMMUTABLE,
2039
+ fill: qwik._IMMUTABLE,
1590
2040
  height: qwik._fnSignal((p0) => p0.width, [
1591
2041
  props
1592
- ], "p0.width"),
1593
- viewBox: "0 0 127.14 96.36",
1594
- xmlns: "http://www.w3.org/2000/svg"
2042
+ ], "p0.width")
1595
2043
  }, 0, "V4_0");
1596
2044
  }, "LogoDiscord_component_pyJvo9cIDdU"));
1597
2045
  const LogoFabric = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1598
2046
  return /* @__PURE__ */ qwik._jsxS("svg", {
2047
+ xmlns: "http://www.w3.org/2000/svg",
2048
+ "xml:space": "preserve",
2049
+ "fill-rule": "evenodd",
2050
+ "stroke-linecap": "round",
2051
+ "stroke-linejoin": "round",
2052
+ "clip-rule": "evenodd",
2053
+ viewBox: "0 0 24 24",
1599
2054
  ...props,
2055
+ get height() {
2056
+ return props.width;
2057
+ },
1600
2058
  children: [
1601
2059
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1602
- d: "M0 0h24v24H0z",
1603
- fill: "none"
2060
+ fill: "none",
2061
+ d: "M0 0h24v24H0z"
1604
2062
  }, null, 3, null),
1605
2063
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1606
- d: "m820 761-85.6-87.6c-4.6-4.7-10.4-9.6-25.9 1-19.9 13.6-8.4 21.9-5.2 25.4 8.2 9 84.1 89 97.2 104 2.5 2.8-20.3-22.5-6.5-39.7 5.4-7 18-12 26-3 6.5 7.3 10.7 18-3.4 29.7-24.7 20.4-102 82.4-127 103-12.5 10.3-28.5 2.3-35.8-6-7.5-8.9-30.6-34.6-51.3-58.2-5.5-6.3-4.1-19.6 2.3-25 35-30.3 91.9-73.8 111.9-90.8",
1607
2064
  fill: "none",
1608
2065
  stroke: "currentColor",
1609
2066
  "stroke-width": "23",
2067
+ d: "m820 761-85.6-87.6c-4.6-4.7-10.4-9.6-25.9 1-19.9 13.6-8.4 21.9-5.2 25.4 8.2 9 84.1 89 97.2 104 2.5 2.8-20.3-22.5-6.5-39.7 5.4-7 18-12 26-3 6.5 7.3 10.7 18-3.4 29.7-24.7 20.4-102 82.4-127 103-12.5 10.3-28.5 2.3-35.8-6-7.5-8.9-30.6-34.6-51.3-58.2-5.5-6.3-4.1-19.6 2.3-25 35-30.3 91.9-73.8 111.9-90.8",
1610
2068
  transform: "matrix(.08671 0 0 .0867 -49.8 -56)"
1611
2069
  }, null, 3, null)
1612
2070
  ]
1613
2071
  }, {
1614
- "clip-rule": "evenodd",
1615
- "fill-rule": "evenodd",
2072
+ xmlns: qwik._IMMUTABLE,
2073
+ "xml:space": qwik._IMMUTABLE,
2074
+ "fill-rule": qwik._IMMUTABLE,
2075
+ "stroke-linecap": qwik._IMMUTABLE,
2076
+ "stroke-linejoin": qwik._IMMUTABLE,
2077
+ "clip-rule": qwik._IMMUTABLE,
2078
+ viewBox: qwik._IMMUTABLE,
1616
2079
  height: qwik._fnSignal((p0) => p0.width, [
1617
2080
  props
1618
- ], "p0.width"),
1619
- "stroke-linecap": "round",
1620
- "stroke-linejoin": "round",
1621
- viewBox: "0 0 24 24",
1622
- "xml:space": "preserve",
1623
- xmlns: "http://www.w3.org/2000/svg"
2081
+ ], "p0.width")
1624
2082
  }, 0, "W4_0");
1625
2083
  }, "LogoFabric_component_bOPyyyFEHuI"));
1626
2084
  const LogoForge = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1627
2085
  return /* @__PURE__ */ qwik._jsxS("svg", {
2086
+ "xml:space": "preserve",
2087
+ "fill-rule": "evenodd",
2088
+ "stroke-linecap": "round",
2089
+ "stroke-linejoin": "round",
2090
+ "stroke-miterlimit": "1.5",
2091
+ "clip-rule": "evenodd",
2092
+ viewBox: "0 0 24 24",
1628
2093
  ...props,
2094
+ get height() {
2095
+ return props.width;
2096
+ },
1629
2097
  children: [
1630
2098
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1631
- d: "M0 0h24v24H0z",
1632
- fill: "none"
2099
+ fill: "none",
2100
+ d: "M0 0h24v24H0z"
1633
2101
  }, null, 3, null),
1634
2102
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1635
- d: "M2 7.5h8v-2h12v2s-7 3.4-7 6 3.1 3.1 3.1 3.1l.9 3.9H5l1-4.1s3.8.1 4-2.9c.2-2.7-6.5-.7-8-6Z",
1636
2103
  fill: "none",
1637
2104
  stroke: "currentColor",
1638
- "stroke-width": "2"
2105
+ "stroke-width": "2",
2106
+ d: "M2 7.5h8v-2h12v2s-7 3.4-7 6 3.1 3.1 3.1 3.1l.9 3.9H5l1-4.1s3.8.1 4-2.9c.2-2.7-6.5-.7-8-6Z"
1639
2107
  }, null, 3, null)
1640
2108
  ]
1641
2109
  }, {
1642
- "clip-rule": "evenodd",
1643
- "fill-rule": "evenodd",
2110
+ "xml:space": qwik._IMMUTABLE,
2111
+ "fill-rule": qwik._IMMUTABLE,
2112
+ "stroke-linecap": qwik._IMMUTABLE,
2113
+ "stroke-linejoin": qwik._IMMUTABLE,
2114
+ "stroke-miterlimit": qwik._IMMUTABLE,
2115
+ "clip-rule": qwik._IMMUTABLE,
2116
+ viewBox: qwik._IMMUTABLE,
1644
2117
  height: qwik._fnSignal((p0) => p0.width, [
1645
2118
  props
1646
- ], "p0.width"),
1647
- "stroke-linecap": "round",
1648
- "stroke-linejoin": "round",
1649
- "stroke-miterlimit": "1.5",
1650
- viewBox: "0 0 24 24",
1651
- "xml:space": "preserve"
2119
+ ], "p0.width")
1652
2120
  }, 0, "6E_0");
1653
2121
  }, "LogoForge_component_mRpm0rEP3vY"));
1654
2122
  const LogoLuminescent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1655
2123
  return /* @__PURE__ */ qwik._jsxS("svg", {
2124
+ xmlns: "http://www.w3.org/2000/svg",
2125
+ "xmlns:xlink": "http://www.w3.org/1999/xlink",
2126
+ zoomAndPan: "magnify",
2127
+ viewBox: "80 80 220 220",
2128
+ preserveAspectRatio: "xMidYMid meet",
2129
+ version: "1.0",
2130
+ fill: "currentColor",
1656
2131
  ...props,
2132
+ get height() {
2133
+ return props.width;
2134
+ },
1657
2135
  children: /* @__PURE__ */ qwik._jsxQ("g", null, {
1658
2136
  "fill-opacity": "1"
1659
2137
  }, /* @__PURE__ */ qwik._jsxQ("g", null, {
@@ -1662,20 +2140,27 @@ const LogoLuminescent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
1662
2140
  d: "M 119.476562 -167.570312 C 90.671875 -133.253906 37.820312 -144.527344 30.308594 -109.710938 C 26.550781 -92.175781 39.074219 -75.644531 62.367188 -76.394531 C 67.878906 -77.398438 69.882812 -87.917969 66.628906 -90.671875 C 56.859375 -92.675781 55.855469 -99.691406 57.609375 -107.453125 C 62.117188 -125.988281 93.929688 -123.734375 113.96875 -147.28125 C 103.949219 -115.21875 96.933594 -78.902344 83.910156 -43.582031 C 59.363281 -58.863281 23.796875 -50.847656 21.542969 -27.050781 C 19.285156 -8.765625 32.8125 3.257812 55.355469 2.253906 C 72.386719 1.753906 80.902344 -4.007812 89.921875 -12.023438 C 112.464844 15.277344 138.261719 52.097656 181.347656 37.570312 C 188.609375 30.558594 183.347656 14.777344 177.085938 15.277344 C 147.28125 25.546875 132 1.253906 104.699219 -28.054688 C 119.476562 -56.105469 134.003906 -124.738281 148.53125 -167.320312 C 147.53125 -173.582031 124.488281 -177.339844 119.476562 -167.570312 Z M 46.339844 -28.804688 C 50.347656 -38.324219 68.128906 -36.570312 77.148438 -27.550781 C 72.890625 -20.789062 66.628906 -15.027344 57.359375 -15.027344 C 46.085938 -15.027344 43.332031 -22.792969 46.339844 -28.804688 Z M 46.339844 -28.804688 "
1663
2141
  }, null, 3, null), 3, null), 3, null)
1664
2142
  }, {
1665
- fill: "currentColor",
2143
+ xmlns: qwik._IMMUTABLE,
2144
+ "xmlns:xlink": qwik._IMMUTABLE,
2145
+ zoomAndPan: qwik._IMMUTABLE,
2146
+ viewBox: qwik._IMMUTABLE,
2147
+ preserveAspectRatio: qwik._IMMUTABLE,
2148
+ version: qwik._IMMUTABLE,
2149
+ fill: qwik._IMMUTABLE,
1666
2150
  height: qwik._fnSignal((p0) => p0.width, [
1667
2151
  props
1668
- ], "p0.width"),
1669
- preserveAspectRatio: "xMidYMid meet",
1670
- version: "1.0",
1671
- viewBox: "80 80 220 220",
1672
- xmlns: "http://www.w3.org/2000/svg",
1673
- "xmlns:xlink": "http://www.w3.org/1999/xlink",
1674
- zoomAndPan: "magnify"
2152
+ ], "p0.width")
1675
2153
  }, 0, "Jv_0");
1676
2154
  }, "LogoLuminescent_component_2ppcIednMJs"));
1677
2155
  const LogoLuminescentFull = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1678
2156
  return /* @__PURE__ */ qwik._jsxS("svg", {
2157
+ xmlns: "http://www.w3.org/2000/svg",
2158
+ "xmlns:xlink": "http://www.w3.org/1999/xlink",
2159
+ zoomAndPan: "magnify",
2160
+ viewBox: "30 60 1160 200",
2161
+ preserveAspectRatio: "xMidYMid meet",
2162
+ version: "1.0",
2163
+ fill: "currentColor",
1679
2164
  ...props,
1680
2165
  children: [
1681
2166
  /* @__PURE__ */ qwik._jsxQ("g", null, {
@@ -1757,59 +2242,76 @@ const LogoLuminescentFull = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qw
1757
2242
  }, null, 3, null), 3, null), 3, null)
1758
2243
  ]
1759
2244
  }, {
1760
- fill: "currentColor",
1761
- preserveAspectRatio: "xMidYMid meet",
1762
- version: "1.0",
1763
- viewBox: "30 60 1160 200",
1764
- xmlns: "http://www.w3.org/2000/svg",
1765
- "xmlns:xlink": "http://www.w3.org/1999/xlink",
1766
- zoomAndPan: "magnify"
2245
+ xmlns: qwik._IMMUTABLE,
2246
+ "xmlns:xlink": qwik._IMMUTABLE,
2247
+ zoomAndPan: qwik._IMMUTABLE,
2248
+ viewBox: qwik._IMMUTABLE,
2249
+ preserveAspectRatio: qwik._IMMUTABLE,
2250
+ version: qwik._IMMUTABLE,
2251
+ fill: qwik._IMMUTABLE
1767
2252
  }, 0, "Jv_1");
1768
2253
  }, "LogoLuminescentFull_component_UNzyq3QUKpA"));
1769
2254
  const LogoPaper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1770
2255
  return /* @__PURE__ */ qwik._jsxS("svg", {
2256
+ "xml:space": "preserve",
2257
+ "fill-rule": "evenodd",
2258
+ "stroke-linecap": "round",
2259
+ "stroke-linejoin": "round",
2260
+ "stroke-miterlimit": "1.5",
2261
+ "clip-rule": "evenodd",
2262
+ viewBox: "0 0 24 24",
1771
2263
  ...props,
2264
+ get height() {
2265
+ return props.width;
2266
+ },
1772
2267
  children: [
1773
2268
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1774
- d: "M0 0h24v24H0z",
1775
- fill: "none"
2269
+ fill: "none",
2270
+ d: "M0 0h24v24H0z"
1776
2271
  }, null, 3, null),
1777
2272
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1778
- d: "m12 18 6 2 3-17L2 14l6 2",
1779
2273
  fill: "none",
1780
2274
  stroke: "currentColor",
1781
- "stroke-width": "2"
2275
+ "stroke-width": "2",
2276
+ d: "m12 18 6 2 3-17L2 14l6 2"
1782
2277
  }, null, 3, null),
1783
2278
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1784
- d: "m9 21-1-5 4 2-3 3Z",
1785
2279
  stroke: "currentColor",
1786
- "stroke-width": "2"
2280
+ "stroke-width": "2",
2281
+ d: "m9 21-1-5 4 2-3 3Z"
1787
2282
  }, null, 3, null),
1788
2283
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1789
- d: "m12 18-4-2 10-9-6 11Z",
1790
- fill: "currentColor"
2284
+ fill: "currentColor",
2285
+ d: "m12 18-4-2 10-9-6 11Z"
1791
2286
  }, null, 3, null)
1792
2287
  ]
1793
2288
  }, {
1794
- "clip-rule": "evenodd",
1795
- "fill-rule": "evenodd",
2289
+ "xml:space": qwik._IMMUTABLE,
2290
+ "fill-rule": qwik._IMMUTABLE,
2291
+ "stroke-linecap": qwik._IMMUTABLE,
2292
+ "stroke-linejoin": qwik._IMMUTABLE,
2293
+ "stroke-miterlimit": qwik._IMMUTABLE,
2294
+ "clip-rule": qwik._IMMUTABLE,
2295
+ viewBox: qwik._IMMUTABLE,
1796
2296
  height: qwik._fnSignal((p0) => p0.width, [
1797
2297
  props
1798
- ], "p0.width"),
1799
- "stroke-linecap": "round",
1800
- "stroke-linejoin": "round",
1801
- "stroke-miterlimit": "1.5",
1802
- viewBox: "0 0 24 24",
1803
- "xml:space": "preserve"
2298
+ ], "p0.width")
1804
2299
  }, 0, "2r_0");
1805
2300
  }, "LogoPaper_component_pBDmaKNS7m4"));
1806
2301
  const LogoPterodactyl = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1807
2302
  return /* @__PURE__ */ qwik._jsxS("svg", {
2303
+ version: "1.0",
2304
+ xmlns: "http://www.w3.org/2000/svg",
2305
+ viewBox: "0 0 180 180",
2306
+ preserveAspectRatio: "xMidYMid meet",
1808
2307
  ...props,
2308
+ get height() {
2309
+ return props.width;
2310
+ },
1809
2311
  children: /* @__PURE__ */ qwik._jsxQ("g", null, {
2312
+ transform: "translate(0,180) scale(0.100000,-0.100000)",
1810
2313
  fill: "currentColor",
1811
- stroke: "none",
1812
- transform: "translate(0,180) scale(0.100000,-0.100000)"
2314
+ stroke: "none"
1813
2315
  }, [
1814
2316
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1815
2317
  d: "M965 1489 c-86 -13 -231 -63 -305 -107 -70 -41 -175 -138 -204 -190 l-18 -34 53 32 c127 75 410 193 425 177 3 -3 -3 -18 -13 -34 l-18 -28 40 33 c39 32 136 99 205 140 l35 22 -70 -1 c-38 -1 -97 -5 -130 -10z"
@@ -1825,89 +2327,104 @@ const LogoPterodactyl = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
1825
2327
  }, null, 3, null)
1826
2328
  ], 3, null)
1827
2329
  }, {
2330
+ version: qwik._IMMUTABLE,
2331
+ xmlns: qwik._IMMUTABLE,
2332
+ viewBox: qwik._IMMUTABLE,
2333
+ preserveAspectRatio: qwik._IMMUTABLE,
1828
2334
  height: qwik._fnSignal((p0) => p0.width, [
1829
2335
  props
1830
- ], "p0.width"),
1831
- preserveAspectRatio: "xMidYMid meet",
1832
- version: "1.0",
1833
- viewBox: "0 0 180 180",
1834
- xmlns: "http://www.w3.org/2000/svg"
2336
+ ], "p0.width")
1835
2337
  }, 0, "DN_0");
1836
2338
  }, "LogoPterodactyl_component_wVJW9cHcHoo"));
1837
2339
  const LogoPurpur = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1838
2340
  return /* @__PURE__ */ qwik._jsxS("svg", {
2341
+ "xml:space": "preserve",
2342
+ "fill-rule": "evenodd",
2343
+ "stroke-linecap": "round",
2344
+ "stroke-linejoin": "round",
2345
+ "stroke-miterlimit": "1.5",
2346
+ "clip-rule": "evenodd",
2347
+ viewBox: "0 0 24 24",
1839
2348
  ...props,
2349
+ get height() {
2350
+ return props.width;
2351
+ },
1840
2352
  children: [
1841
2353
  /* @__PURE__ */ qwik._jsxQ("defs", null, null, /* @__PURE__ */ qwik._jsxQ("path", null, {
1842
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1843
- fill: "none",
1844
2354
  id: "purpur",
2355
+ fill: "none",
1845
2356
  stroke: "currentColor",
1846
- "stroke-width": "1.68"
2357
+ "stroke-width": "1.68",
2358
+ d: "m264 41.95 8-4v8l-8 4v-8Z"
1847
2359
  }, null, 3, null), 3, null),
1848
2360
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1849
- d: "M0 0h24v24H0z",
1850
- fill: "none"
2361
+ fill: "none",
2362
+ d: "M0 0h24v24H0z"
1851
2363
  }, null, 3, null),
1852
2364
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1853
- d: "m264 29.95-8 4 8 4.42 8-4.42-8-4Z",
1854
2365
  fill: "none",
1855
2366
  stroke: "currentColor",
1856
2367
  "stroke-width": "1.77",
2368
+ d: "m264 29.95-8 4 8 4.42 8-4.42-8-4Z",
1857
2369
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1858
2370
  }, null, 3, null),
1859
2371
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1860
- d: "m272 38.37-8 4.42-8-4.42",
1861
2372
  fill: "none",
1862
2373
  stroke: "currentColor",
1863
2374
  "stroke-width": "1.77",
2375
+ d: "m272 38.37-8 4.42-8-4.42",
1864
2376
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1865
2377
  }, null, 3, null),
1866
2378
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1867
- d: "m260 31.95 8 4.21V45",
1868
2379
  fill: "none",
1869
2380
  stroke: "currentColor",
1870
2381
  "stroke-width": "1.77",
2382
+ d: "m260 31.95 8 4.21V45",
1871
2383
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1872
2384
  }, null, 3, null),
1873
2385
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1874
- d: "M260 45v-8.84l8-4.21",
1875
2386
  fill: "none",
1876
2387
  stroke: "currentColor",
1877
2388
  "stroke-width": "1.77",
2389
+ d: "M260 45v-8.84l8-4.21",
1878
2390
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1879
2391
  }, null, 3, null),
1880
2392
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1881
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1882
2393
  fill: "none",
1883
2394
  stroke: "currentColor",
1884
2395
  "stroke-width": "1.68",
2396
+ d: "m264 41.95 8-4v8l-8 4v-8Z",
1885
2397
  transform: "matrix(1.125 0 0 1.2569 -285 -40.78)"
1886
2398
  }, null, 3, null),
1887
2399
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1888
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1889
2400
  fill: "none",
1890
2401
  stroke: "currentColor",
1891
2402
  "stroke-width": "1.68",
2403
+ d: "m264 41.95 8-4v8l-8 4v-8Z",
1892
2404
  transform: "matrix(-1.125 0 0 1.2569 309 -40.78)"
1893
2405
  }, null, 3, null)
1894
2406
  ]
1895
2407
  }, {
1896
- "clip-rule": "evenodd",
1897
- "fill-rule": "evenodd",
2408
+ "xml:space": qwik._IMMUTABLE,
2409
+ "fill-rule": qwik._IMMUTABLE,
2410
+ "stroke-linecap": qwik._IMMUTABLE,
2411
+ "stroke-linejoin": qwik._IMMUTABLE,
2412
+ "stroke-miterlimit": qwik._IMMUTABLE,
2413
+ "clip-rule": qwik._IMMUTABLE,
2414
+ viewBox: qwik._IMMUTABLE,
1898
2415
  height: qwik._fnSignal((p0) => p0.width, [
1899
2416
  props
1900
- ], "p0.width"),
1901
- "stroke-linecap": "round",
1902
- "stroke-linejoin": "round",
1903
- "stroke-miterlimit": "1.5",
1904
- viewBox: "0 0 24 24",
1905
- "xml:space": "preserve"
2417
+ ], "p0.width")
1906
2418
  }, 0, "Xw_0");
1907
2419
  }, "LogoPurpur_component_sVHzeC1GCZ4"));
1908
2420
  const LogoVelocity = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1909
2421
  return /* @__PURE__ */ qwik._jsxS("svg", {
2422
+ viewBox: "0 0 500 500",
2423
+ fill: "currentColor",
1910
2424
  ...props,
2425
+ get height() {
2426
+ return props.width;
2427
+ },
1911
2428
  children: [
1912
2429
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1913
2430
  d: "M236.25 232.55l-54.08-73.79a11.86 11.86 0 00-11.91-4.62L84 171.57a11.88 11.88 0 00-8 5.88l-42.64 77.07a11.84 11.84 0 00.81 12.75l54.21 74a11.86 11.86 0 0011.91 4.62l86-17.37a11.85 11.85 0 008-5.89l42.78-77.3a11.86 11.86 0 00-.82-12.78zm-59.45 74.21a9.57 9.57 0 01-13.39-2.06l-31-42.24a16 16 0 00-16-6.21l-52.58 10.63a9.58 9.58 0 01-11.29-7.49A9.58 9.58 0 0160 248.1l57-11.52a16 16 0 0010.81-7.92L156.42 177a9.58 9.58 0 0113-3.75 9.58 9.58 0 013.75 13L146.81 234a16 16 0 001.09 17.16l31 42.23a9.58 9.58 0 01-2.1 13.37z"
@@ -1922,29 +2439,38 @@ const LogoVelocity = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
1922
2439
  }, null, 3, null)
1923
2440
  ]
1924
2441
  }, {
1925
- fill: "currentColor",
2442
+ viewBox: qwik._IMMUTABLE,
2443
+ fill: qwik._IMMUTABLE,
1926
2444
  height: qwik._fnSignal((p0) => p0.width, [
1927
2445
  props
1928
- ], "p0.width"),
1929
- viewBox: "0 0 500 500"
2446
+ ], "p0.width")
1930
2447
  }, 0, "Ea_0");
1931
2448
  }, "LogoVelocity_component_SNoCdG0zr0s"));
1932
2449
  const LogoWaterfall = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1933
2450
  return /* @__PURE__ */ qwik._jsxS("svg", {
2451
+ viewBox: "0 0 24 24",
2452
+ fill: "none",
2453
+ stroke: "currentColor",
2454
+ "stroke-width": "2",
2455
+ "stroke-linecap": "round",
2456
+ "stroke-linejoin": "round",
1934
2457
  ...props,
2458
+ get height() {
2459
+ return props.width;
2460
+ },
1935
2461
  children: /* @__PURE__ */ qwik._jsxQ("path", null, {
1936
2462
  d: "M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"
1937
2463
  }, null, 3, null)
1938
2464
  }, {
1939
- fill: "none",
2465
+ viewBox: qwik._IMMUTABLE,
2466
+ fill: qwik._IMMUTABLE,
2467
+ stroke: qwik._IMMUTABLE,
2468
+ "stroke-width": qwik._IMMUTABLE,
2469
+ "stroke-linecap": qwik._IMMUTABLE,
2470
+ "stroke-linejoin": qwik._IMMUTABLE,
1940
2471
  height: qwik._fnSignal((p0) => p0.width, [
1941
2472
  props
1942
- ], "p0.width"),
1943
- stroke: "currentColor",
1944
- "stroke-linecap": "round",
1945
- "stroke-linejoin": "round",
1946
- "stroke-width": "2",
1947
- viewBox: "0 0 24 24"
2473
+ ], "p0.width")
1948
2474
  }, 0, "Pt_0");
1949
2475
  }, "LogoWaterfall_component_1hFl8GlECLI"));
1950
2476
  exports.Anchor = Anchor;
@@ -1958,6 +2484,7 @@ exports.Dropdown = Dropdown;
1958
2484
  exports.DropdownRaw = DropdownRaw;
1959
2485
  exports.Header = Header;
1960
2486
  exports.InputClasses = InputClasses;
2487
+ exports.InputColorClasses = InputColorClasses;
1961
2488
  exports.LoadingIcon = LoadingIcon;
1962
2489
  exports.LogoBirdflop = LogoBirdflop;
1963
2490
  exports.LogoDiscord = LogoDiscord;
@@ -1985,3 +2512,5 @@ exports.buttonColorClasses = buttonColorClasses;
1985
2512
  exports.cardColorClasses = cardColorClasses;
1986
2513
  exports.navColorClasses = navColorClasses;
1987
2514
  exports.sizeClasses = sizeClasses;
2515
+ exports.toggleOffColorClasses = toggleOffColorClasses;
2516
+ exports.toggleOnColorClasses = toggleOnColorClasses;