@luminescent/ui 0.12.11 → 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 +903 -363
  2. package/lib/index.qwik.mjs +904 -364
  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 +23 -0
  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,7 +1311,30 @@ const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
1114
1311
  return Component;
1115
1312
  }, "Header_component_FfGOhhBNG5k"));
1116
1313
  const navColorClasses = {
1117
- gray: "bg-gray-800/50 border-gray-700/50",
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",
1321
+ red: "bg-red-700/50 border-red-600/50",
1322
+ orange: "bg-orange-700/50 border-orange-600/50",
1323
+ amber: "bg-amber-700/50 border-amber-600/50",
1324
+ yellow: "bg-yellow-700/50 border-yellow-600/50",
1325
+ lime: "bg-lime-700/50 border-lime-600/50",
1326
+ green: "bg-green-700/50 border-green-600/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",
1118
1338
  transparent: "bg-transparent border-transparent"
1119
1339
  };
1120
1340
  const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -1126,6 +1346,12 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
1126
1346
  const menu = qwik.useSignal(false);
1127
1347
  return /* @__PURE__ */ qwik._jsxS("nav", {
1128
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
+ },
1129
1355
  children: [
1130
1356
  /* @__PURE__ */ qwik._jsxQ("div", {
1131
1357
  class: {
@@ -1135,9 +1361,10 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
1135
1361
  }
1136
1362
  }, null, /* @__PURE__ */ qwik._jsxQ("div", {
1137
1363
  class: {
1138
- [navColorClasses[props.color ?? "gray"]]: true,
1364
+ [navColorClasses[props.color ?? "darkgray"]]: true,
1139
1365
  "flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full px-2 py-4 border rounded-lg": true,
1140
- 'before:absolute before:content-[""] before:w-full before:h-full before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': true
1366
+ "before:backdrop-blur-lg": props.color !== "transparent",
1367
+ 'before:absolute before:content-[""] before:w-full before:h-full before:drop-shadow-xl before:-z-10': true
1141
1368
  }
1142
1369
  }, null, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
1143
1370
  name: "mobile",
@@ -1147,17 +1374,19 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
1147
1374
  }, 3, "8r_0"), 1, null), 1, null),
1148
1375
  /* @__PURE__ */ qwik._jsxQ("div", {
1149
1376
  class: {
1150
- [navColorClasses[props.color ?? "gray"]]: !props.floating,
1377
+ [navColorClasses[props.color ?? "darkgray"]]: !props.floating,
1151
1378
  "border-b": !props.floating,
1152
- 'before:absolute before:content-[""] before:w-full before:h-full before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': !props.floating,
1379
+ "before:backdrop-blur-lg": props.color !== "transparent" && !props.floating,
1380
+ 'before:absolute before:content-[""] before:w-full before:h-full before:drop-shadow-xl before:-z-10': !props.floating,
1153
1381
  "relative mt-2 mx-2": props.floating
1154
1382
  }
1155
1383
  }, null, /* @__PURE__ */ qwik._jsxQ("div", {
1156
1384
  class: {
1157
1385
  "flex justify-evenly w-full mx-auto px-2 max-w-7xl": true,
1158
- [navColorClasses[props.color ?? "gray"]]: props.floating,
1386
+ [navColorClasses[props.color ?? "darkgray"]]: props.floating,
1159
1387
  "border rounded-lg": props.floating,
1160
- 'before:absolute before:content-[""] before:w-full before:max-w-7xl before:h-full before:rounded-lg before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': props.floating
1388
+ "before:backdrop-blur-lg": props.color !== "transparent" && props.floating,
1389
+ 'before:absolute before:content-[""] before:w-full before:max-w-7xl before:h-full before:rounded-lg before:drop-shadow-xl before:-z-10': props.floating
1161
1390
  }
1162
1391
  }, null, [
1163
1392
  /* @__PURE__ */ qwik._jsxQ("div", null, {
@@ -1186,6 +1415,17 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
1186
1415
  }
1187
1416
  }, 3, "8r_3"),
1188
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
+ ]),
1189
1429
  children: /* @__PURE__ */ qwik._jsxQ("svg", null, {
1190
1430
  class: "w-6 h-6",
1191
1431
  fill: "none",
@@ -1193,76 +1433,69 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
1193
1433
  viewBox: "0 0 24 24",
1194
1434
  xmlns: "http://www.w3.org/2000/svg"
1195
1435
  }, /* @__PURE__ */ qwik._jsxQ("path", null, {
1196
- d: "M4 6h16M4 12h16m-7 6h7",
1197
1436
  "stroke-linecap": "round",
1198
1437
  "stroke-linejoin": "round",
1199
- "stroke-width": "2"
1438
+ "stroke-width": "2",
1439
+ d: "M4 6h16M4 12h16m-7 6h7"
1200
1440
  }, null, 3, null), 3, null),
1201
- class: {
1202
- "sm:hidden": true
1203
- },
1204
- color: "transparent",
1205
- onClick$: /* @__PURE__ */ qwik.inlinedQrl(() => {
1206
- const [menu2] = qwik.useLexicalScope();
1207
- return menu2.value = !menu2.value;
1208
- }, "Nav_component_nav_div_div_div_Button_onClick_J0TKJTxh4N4", [
1209
- menu
1210
- ]),
1211
- square: true,
1212
1441
  [qwik._IMMUTABLE]: {
1213
- class: qwik._IMMUTABLE,
1214
1442
  color: qwik._IMMUTABLE,
1215
- onClick$: qwik._IMMUTABLE,
1216
- square: qwik._IMMUTABLE
1443
+ square: qwik._IMMUTABLE,
1444
+ class: qwik._IMMUTABLE,
1445
+ onClick$: qwik._IMMUTABLE
1217
1446
  }
1218
1447
  }, 3, "8r_4")
1219
1448
  ], 1, null)
1220
1449
  ], 1, null), 1, null)
1221
- ],
1222
- class: {
1223
- "motion-safe:transition-all duration-200 flex flex-col top-0 left-0 w-full z-50": true,
1224
- "fixed": props.fixed,
1225
- "absolute": !props.fixed,
1226
- ...props1.class
1227
- }
1450
+ ]
1228
1451
  }, null, 0, "8r_5");
1229
1452
  }, "Nav_component_ZePSmw9628k"));
1230
1453
  const Plus = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1231
1454
  return /* @__PURE__ */ qwik._jsxS("svg", {
1455
+ xmlns: "http://www.w3.org/2000/svg",
1456
+ viewBox: "0 0 512 512",
1232
1457
  ...props,
1458
+ get height() {
1459
+ return props.width;
1460
+ },
1233
1461
  children: /* @__PURE__ */ qwik._jsxQ("path", null, {
1234
- d: "M256 112v288M400 256H112",
1235
1462
  fill: "none",
1236
1463
  stroke: "currentColor",
1237
1464
  "stroke-linecap": "round",
1238
1465
  "stroke-linejoin": "round",
1239
- "stroke-width": "32"
1466
+ "stroke-width": "32",
1467
+ d: "M256 112v288M400 256H112"
1240
1468
  }, null, 3, null)
1241
1469
  }, {
1470
+ xmlns: qwik._IMMUTABLE,
1471
+ viewBox: qwik._IMMUTABLE,
1242
1472
  height: qwik._fnSignal((p0) => p0.width, [
1243
1473
  props
1244
- ], "p0.width"),
1245
- viewBox: "0 0 512 512",
1246
- xmlns: "http://www.w3.org/2000/svg"
1474
+ ], "p0.width")
1247
1475
  }, 0, "qR_0");
1248
1476
  }, "Plus_component_a7LdBXNrC2w"));
1249
1477
  const Minus = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1250
1478
  return /* @__PURE__ */ qwik._jsxS("svg", {
1479
+ xmlns: "http://www.w3.org/2000/svg",
1480
+ viewBox: "0 0 512 512",
1251
1481
  ...props,
1482
+ get height() {
1483
+ return props.width;
1484
+ },
1252
1485
  children: /* @__PURE__ */ qwik._jsxQ("path", null, {
1253
- d: "M400 256H112",
1254
1486
  fill: "none",
1255
1487
  stroke: "currentColor",
1256
1488
  "stroke-linecap": "round",
1257
1489
  "stroke-linejoin": "round",
1258
- "stroke-width": "32"
1490
+ "stroke-width": "32",
1491
+ d: "M400 256H112"
1259
1492
  }, null, 3, null)
1260
1493
  }, {
1494
+ xmlns: qwik._IMMUTABLE,
1495
+ viewBox: qwik._IMMUTABLE,
1261
1496
  height: qwik._fnSignal((p0) => p0.width, [
1262
1497
  props
1263
- ], "p0.width"),
1264
- viewBox: "0 0 512 512",
1265
- xmlns: "http://www.w3.org/2000/svg"
1498
+ ], "p0.width")
1266
1499
  }, 0, "0g_0");
1267
1500
  }, "Minus_component_oP9l58XNP1Q"));
1268
1501
  const NumberInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -1270,10 +1503,10 @@ const NumberInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1270
1503
  class: "flex flex-col"
1271
1504
  }, [
1272
1505
  /* @__PURE__ */ qwik._jsxQ("label", null, {
1273
- class: "text-gray-300 pb-1 select-none",
1274
1506
  for: qwik._fnSignal((p0) => p0.id, [
1275
1507
  props
1276
- ], "p0.id")
1508
+ ], "p0.id"),
1509
+ class: "text-gray-300 pb-1 select-none"
1277
1510
  }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "gk_0"), 1, null),
1278
1511
  /* @__PURE__ */ qwik._jsxC(NumberInputRaw, {
1279
1512
  ...props,
@@ -1284,6 +1517,7 @@ const NumberInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1284
1517
  const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1285
1518
  const props1 = qwik._restProps(props, [
1286
1519
  "input",
1520
+ "color",
1287
1521
  "onDecrement$",
1288
1522
  "onIncrement$",
1289
1523
  "value",
@@ -1310,10 +1544,10 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1310
1544
  /* @__PURE__ */ qwik._jsxC(Button, {
1311
1545
  size: "sm",
1312
1546
  get color() {
1313
- return props.input ? "gray" : "darkgray";
1547
+ return (props.color ?? "darkgray") == "darkgray" ? props.input ? "gray" : "darkgray" : props.color ?? "darkgray";
1314
1548
  },
1315
- "aria-label": "Decrement",
1316
1549
  "data-action": "decrement",
1550
+ "aria-label": "Decrement",
1317
1551
  disabled: props1.min ? (props.value ?? 0) <= props1.min : false,
1318
1552
  onClick$: props.input ? /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
1319
1553
  const [props2] = qwik.useLexicalScope();
@@ -1329,50 +1563,58 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1329
1563
  };
1330
1564
  },
1331
1565
  children: /* @__PURE__ */ qwik._jsxC(Minus, {
1332
- class: "fill-current",
1333
1566
  width: "24",
1567
+ class: "fill-current",
1334
1568
  [qwik._IMMUTABLE]: {
1335
- class: qwik._IMMUTABLE,
1336
- width: qwik._IMMUTABLE
1569
+ width: qwik._IMMUTABLE,
1570
+ class: qwik._IMMUTABLE
1337
1571
  }
1338
1572
  }, 3, "gk_3"),
1339
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,
1340
1579
  "aria-label": qwik._IMMUTABLE,
1341
1580
  class: qwik._fnSignal((p0) => ({
1342
1581
  "mr-2": p0.input
1343
1582
  }), [
1344
1583
  props
1345
- ], '{"mr-2":p0.input}'),
1346
- color: qwik._fnSignal((p0) => p0.input ? "gray" : "darkgray", [
1347
- props
1348
- ], 'p0.input?"gray":"darkgray"'),
1349
- "data-action": qwik._IMMUTABLE,
1350
- size: qwik._IMMUTABLE
1584
+ ], '{"mr-2":p0.input}')
1351
1585
  }
1352
1586
  }, 0, "gk_4"),
1353
1587
  props.input && /* @__PURE__ */ qwik._jsxS("input", {
1354
1588
  ...props1,
1589
+ type: "number",
1590
+ get value() {
1591
+ return props.value ?? 0;
1592
+ },
1593
+ get step() {
1594
+ return props.step ?? 1;
1595
+ },
1355
1596
  class: {
1356
1597
  [InputClasses]: true,
1598
+ [InputColorClasses[props.color ?? "darkgray"]]: true,
1357
1599
  "text-center": true,
1358
1600
  ...props1.class
1359
1601
  }
1360
1602
  }, {
1361
- step: qwik._fnSignal((p0) => p0.step ?? 1, [
1362
- props
1363
- ], "p0.step??1"),
1364
- type: "number",
1603
+ type: qwik._IMMUTABLE,
1365
1604
  value: qwik._fnSignal((p0) => p0.value ?? 0, [
1366
1605
  props
1367
- ], "p0.value??0")
1606
+ ], "p0.value??0"),
1607
+ step: qwik._fnSignal((p0) => p0.step ?? 1, [
1608
+ props
1609
+ ], "p0.step??1")
1368
1610
  }, 0, "gk_5"),
1369
1611
  /* @__PURE__ */ qwik._jsxC(Button, {
1370
1612
  size: "sm",
1371
1613
  get color() {
1372
- return props.input ? "gray" : "darkgray";
1614
+ return (props.color ?? "darkgray") == "darkgray" ? props.input ? "gray" : "darkgray" : props.color ?? "darkgray";
1373
1615
  },
1374
- "aria-label": "Increment",
1375
1616
  "data-action": "increment",
1617
+ "aria-label": "Increment",
1376
1618
  disabled: props1.max ? (props.value ?? 0) >= props1.max : false,
1377
1619
  onClick$: props.input ? /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
1378
1620
  const [props2] = qwik.useLexicalScope();
@@ -1388,25 +1630,25 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1388
1630
  };
1389
1631
  },
1390
1632
  children: /* @__PURE__ */ qwik._jsxC(Plus, {
1391
- class: "fill-current",
1392
1633
  width: "24",
1634
+ class: "fill-current",
1393
1635
  [qwik._IMMUTABLE]: {
1394
- class: qwik._IMMUTABLE,
1395
- width: qwik._IMMUTABLE
1636
+ width: qwik._IMMUTABLE,
1637
+ class: qwik._IMMUTABLE
1396
1638
  }
1397
1639
  }, 3, "gk_6"),
1398
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,
1399
1646
  "aria-label": qwik._IMMUTABLE,
1400
1647
  class: qwik._fnSignal((p0) => ({
1401
1648
  "ml-2": p0.input
1402
1649
  }), [
1403
1650
  props
1404
- ], '{"ml-2":p0.input}'),
1405
- color: qwik._fnSignal((p0) => p0.input ? "gray" : "darkgray", [
1406
- props
1407
- ], 'p0.input?"gray":"darkgray"'),
1408
- "data-action": qwik._IMMUTABLE,
1409
- size: qwik._IMMUTABLE
1651
+ ], '{"ml-2":p0.input}')
1410
1652
  }
1411
1653
  }, 0, "gk_7")
1412
1654
  ], 1, "gk_8");
@@ -1416,10 +1658,10 @@ const TextArea = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
1416
1658
  class: "flex flex-col"
1417
1659
  }, [
1418
1660
  /* @__PURE__ */ qwik._jsxQ("label", null, {
1419
- class: "text-gray-300 pb-1 select-none",
1420
1661
  for: qwik._fnSignal((p0) => p0.id, [
1421
1662
  props
1422
- ], "p0.id")
1663
+ ], "p0.id"),
1664
+ class: "text-gray-300 pb-1 select-none"
1423
1665
  }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "UP_0"), 1, null),
1424
1666
  /* @__PURE__ */ qwik._jsxC(TextAreaRaw, {
1425
1667
  ...props
@@ -1428,6 +1670,7 @@ const TextArea = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
1428
1670
  }, "TextArea_component_rWDoQFL2c0g"));
1429
1671
  const TextAreaRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1430
1672
  const props1 = qwik._restProps(props, [
1673
+ "color",
1431
1674
  "output"
1432
1675
  ]);
1433
1676
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
@@ -1435,10 +1678,14 @@ const TextAreaRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1435
1678
  ...props1,
1436
1679
  class: {
1437
1680
  [InputClasses]: true,
1681
+ [InputColorClasses[props.color ?? "darkgray"]]: true,
1438
1682
  "h-32": true,
1439
- "cursor-pointer active:bg-gray-600 select-none": props.output,
1683
+ "cursor-pointer select-none": props.output,
1440
1684
  ...props1.class
1441
1685
  },
1686
+ get readOnly() {
1687
+ return props.output;
1688
+ },
1442
1689
  onClick$: props.output ? /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
1443
1690
  navigator.clipboard.writeText(element.value);
1444
1691
  const notification = document.createElement("div");
@@ -1456,10 +1703,208 @@ const TextAreaRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1456
1703
  }, 0, null)
1457
1704
  }, 1, "UP_3");
1458
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
+ };
1459
1902
  const Toggle = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1460
1903
  const props1 = qwik._restProps(props, [
1461
1904
  "center",
1462
- "label"
1905
+ "label",
1906
+ "onColor",
1907
+ "offColor"
1463
1908
  ]);
1464
1909
  return /* @__PURE__ */ qwik._jsxQ("div", null, {
1465
1910
  class: qwik._fnSignal((p0) => ({
@@ -1473,24 +1918,26 @@ const Toggle = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
1473
1918
  class: "inline-flex relative items-center cursor-pointer"
1474
1919
  }, [
1475
1920
  /* @__PURE__ */ qwik._jsxS("input", {
1921
+ type: "checkbox",
1476
1922
  ...props1,
1477
1923
  class: {
1478
1924
  "sr-only peer": true,
1479
1925
  ...props1.class
1480
1926
  }
1481
1927
  }, {
1482
- type: "checkbox"
1928
+ type: qwik._IMMUTABLE
1483
1929
  }, 0, null),
1484
- /* @__PURE__ */ qwik._jsxQ("div", null, {
1930
+ /* @__PURE__ */ qwik._jsxQ("div", {
1485
1931
  class: {
1486
1932
  "motion-safe:transition ease-in-out w-12 h-7 rounded-md peer border hover:shadow-lg": true,
1487
- "bg-gray-800 border-gray-700 hover:bg-gray-700 active:bg-gray-600": true,
1488
- "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,
1489
- "after:bg-gray-700 after:border-gray-600 after:hover:bg-gray-600 after:active:bg-gray-500": true,
1490
- "peer-checked:bg-blue-700 peer-checked:border-blue-600 peer-checked:hover:bg-blue-600 peer-checked:active:bg-blue-500": true,
1491
- "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
1492
1939
  }
1493
- }, null, 3, null)
1940
+ }, null, null, 3, null)
1494
1941
  ], 1, null),
1495
1942
  props.label && /* @__PURE__ */ qwik._jsxQ("label", {
1496
1943
  for: qwik._wrapSignal(props1, "id")
@@ -1507,15 +1954,22 @@ const LogoBirdflop = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
1507
1954
  "fillGradient"
1508
1955
  ]);
1509
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",
1510
1960
  ...props1,
1961
+ get height() {
1962
+ return props1.width;
1963
+ },
1964
+ height: qwik._wrapSignal(props1, "width"),
1511
1965
  children: [
1512
1966
  /* @__PURE__ */ qwik._jsxQ("defs", null, null, [
1513
1967
  props.fillGradient && /* @__PURE__ */ qwik._jsxQ("linearGradient", null, {
1514
- gradientUnits: "objectBoundingBox",
1515
1968
  id: "linear-gradient",
1516
1969
  x1: "0.5",
1517
1970
  x2: "0.5",
1518
- y2: "1"
1971
+ y2: "1",
1972
+ gradientUnits: "objectBoundingBox"
1519
1973
  }, props.fillGradient.map((color, i) => /* @__PURE__ */ qwik._jsxQ("stop", {
1520
1974
  offset: i / (props.fillGradient.length - 1),
1521
1975
  "stop-color": color
@@ -1523,28 +1977,28 @@ const LogoBirdflop = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
1523
1977
  /* @__PURE__ */ qwik._jsxQ("clipPath", null, {
1524
1978
  id: "clip-bf_3"
1525
1979
  }, /* @__PURE__ */ qwik._jsxQ("rect", null, {
1526
- height: "1080",
1527
- width: "1080"
1980
+ width: "1080",
1981
+ height: "1080"
1528
1982
  }, null, 3, null), 3, null)
1529
1983
  ], 1, null),
1530
1984
  /* @__PURE__ */ qwik._jsxQ("g", null, {
1531
- "clip-path": "url(#clip-bf_3)",
1985
+ id: "bf_3",
1532
1986
  "data-name": "bf - 3",
1533
- fill: "currentColor",
1534
- id: "bf_3"
1987
+ "clip-path": "url(#clip-bf_3)",
1988
+ fill: "currentColor"
1535
1989
  }, /* @__PURE__ */ qwik._jsxQ("path", null, {
1536
- 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",
1537
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)",
1538
1994
  fill: qwik._fnSignal((p0) => p0.fillGradient ? "url(#linear-gradient)" : "", [
1539
1995
  props
1540
- ], 'p0.fillGradient?"url(#linear-gradient)":""'),
1541
- id: "Union_26",
1542
- transform: "translate(2479.9 1169.7)"
1996
+ ], 'p0.fillGradient?"url(#linear-gradient)":""')
1543
1997
  }, null, 3, null), 3, null),
1544
1998
  props.confused && /* @__PURE__ */ qwik._jsxQ("g", null, {
1545
- fill: "#1E2837",
1999
+ style: "transform: translate(595px, 460px) scale(0.375)",
1546
2000
  stroke: "#1E2837",
1547
- style: "transform: translate(595px, 460px) scale(0.375)"
2001
+ fill: "#1E2837"
1548
2002
  }, [
1549
2003
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1550
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",
@@ -1560,89 +2014,124 @@ const LogoBirdflop = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
1560
2014
  style: "transform: translate(0, 30px)"
1561
2015
  }, null, 3, null)
1562
2016
  ], 3, "Ie_1")
1563
- ],
1564
- height: qwik._wrapSignal(props1, "width")
2017
+ ]
1565
2018
  }, {
1566
- viewBox: "0 0 1080 1080",
1567
- xmlns: "http://www.w3.org/2000/svg",
1568
- "xmlns:xlink": "http://www.w3.org/1999/xlink"
2019
+ xmlns: qwik._IMMUTABLE,
2020
+ "xmlns:xlink": qwik._IMMUTABLE,
2021
+ viewBox: qwik._IMMUTABLE
1569
2022
  }, 0, "Ie_2");
1570
2023
  }, "LogoBirdflop_component_mKG3xZaEE5w"));
1571
2024
  const LogoDiscord = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1572
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",
1573
2029
  ...props,
2030
+ get height() {
2031
+ return props.width;
2032
+ },
1574
2033
  children: /* @__PURE__ */ qwik._jsxQ("path", null, {
1575
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"
1576
2035
  }, null, 3, null)
1577
2036
  }, {
1578
- fill: "currentColor",
2037
+ xmlns: qwik._IMMUTABLE,
2038
+ viewBox: qwik._IMMUTABLE,
2039
+ fill: qwik._IMMUTABLE,
1579
2040
  height: qwik._fnSignal((p0) => p0.width, [
1580
2041
  props
1581
- ], "p0.width"),
1582
- viewBox: "0 0 127.14 96.36",
1583
- xmlns: "http://www.w3.org/2000/svg"
2042
+ ], "p0.width")
1584
2043
  }, 0, "V4_0");
1585
2044
  }, "LogoDiscord_component_pyJvo9cIDdU"));
1586
2045
  const LogoFabric = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1587
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",
1588
2054
  ...props,
2055
+ get height() {
2056
+ return props.width;
2057
+ },
1589
2058
  children: [
1590
2059
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1591
- d: "M0 0h24v24H0z",
1592
- fill: "none"
2060
+ fill: "none",
2061
+ d: "M0 0h24v24H0z"
1593
2062
  }, null, 3, null),
1594
2063
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1595
- 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",
1596
2064
  fill: "none",
1597
2065
  stroke: "currentColor",
1598
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",
1599
2068
  transform: "matrix(.08671 0 0 .0867 -49.8 -56)"
1600
2069
  }, null, 3, null)
1601
2070
  ]
1602
2071
  }, {
1603
- "clip-rule": "evenodd",
1604
- "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,
1605
2079
  height: qwik._fnSignal((p0) => p0.width, [
1606
2080
  props
1607
- ], "p0.width"),
1608
- "stroke-linecap": "round",
1609
- "stroke-linejoin": "round",
1610
- viewBox: "0 0 24 24",
1611
- "xml:space": "preserve",
1612
- xmlns: "http://www.w3.org/2000/svg"
2081
+ ], "p0.width")
1613
2082
  }, 0, "W4_0");
1614
2083
  }, "LogoFabric_component_bOPyyyFEHuI"));
1615
2084
  const LogoForge = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1616
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",
1617
2093
  ...props,
2094
+ get height() {
2095
+ return props.width;
2096
+ },
1618
2097
  children: [
1619
2098
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1620
- d: "M0 0h24v24H0z",
1621
- fill: "none"
2099
+ fill: "none",
2100
+ d: "M0 0h24v24H0z"
1622
2101
  }, null, 3, null),
1623
2102
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1624
- 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",
1625
2103
  fill: "none",
1626
2104
  stroke: "currentColor",
1627
- "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"
1628
2107
  }, null, 3, null)
1629
2108
  ]
1630
2109
  }, {
1631
- "clip-rule": "evenodd",
1632
- "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,
1633
2117
  height: qwik._fnSignal((p0) => p0.width, [
1634
2118
  props
1635
- ], "p0.width"),
1636
- "stroke-linecap": "round",
1637
- "stroke-linejoin": "round",
1638
- "stroke-miterlimit": "1.5",
1639
- viewBox: "0 0 24 24",
1640
- "xml:space": "preserve"
2119
+ ], "p0.width")
1641
2120
  }, 0, "6E_0");
1642
2121
  }, "LogoForge_component_mRpm0rEP3vY"));
1643
2122
  const LogoLuminescent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1644
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",
1645
2131
  ...props,
2132
+ get height() {
2133
+ return props.width;
2134
+ },
1646
2135
  children: /* @__PURE__ */ qwik._jsxQ("g", null, {
1647
2136
  "fill-opacity": "1"
1648
2137
  }, /* @__PURE__ */ qwik._jsxQ("g", null, {
@@ -1651,20 +2140,27 @@ const LogoLuminescent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
1651
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 "
1652
2141
  }, null, 3, null), 3, null), 3, null)
1653
2142
  }, {
1654
- 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,
1655
2150
  height: qwik._fnSignal((p0) => p0.width, [
1656
2151
  props
1657
- ], "p0.width"),
1658
- preserveAspectRatio: "xMidYMid meet",
1659
- version: "1.0",
1660
- viewBox: "80 80 220 220",
1661
- xmlns: "http://www.w3.org/2000/svg",
1662
- "xmlns:xlink": "http://www.w3.org/1999/xlink",
1663
- zoomAndPan: "magnify"
2152
+ ], "p0.width")
1664
2153
  }, 0, "Jv_0");
1665
2154
  }, "LogoLuminescent_component_2ppcIednMJs"));
1666
2155
  const LogoLuminescentFull = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1667
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",
1668
2164
  ...props,
1669
2165
  children: [
1670
2166
  /* @__PURE__ */ qwik._jsxQ("g", null, {
@@ -1746,59 +2242,76 @@ const LogoLuminescentFull = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qw
1746
2242
  }, null, 3, null), 3, null), 3, null)
1747
2243
  ]
1748
2244
  }, {
1749
- fill: "currentColor",
1750
- preserveAspectRatio: "xMidYMid meet",
1751
- version: "1.0",
1752
- viewBox: "30 60 1160 200",
1753
- xmlns: "http://www.w3.org/2000/svg",
1754
- "xmlns:xlink": "http://www.w3.org/1999/xlink",
1755
- 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
1756
2252
  }, 0, "Jv_1");
1757
2253
  }, "LogoLuminescentFull_component_UNzyq3QUKpA"));
1758
2254
  const LogoPaper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1759
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",
1760
2263
  ...props,
2264
+ get height() {
2265
+ return props.width;
2266
+ },
1761
2267
  children: [
1762
2268
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1763
- d: "M0 0h24v24H0z",
1764
- fill: "none"
2269
+ fill: "none",
2270
+ d: "M0 0h24v24H0z"
1765
2271
  }, null, 3, null),
1766
2272
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1767
- d: "m12 18 6 2 3-17L2 14l6 2",
1768
2273
  fill: "none",
1769
2274
  stroke: "currentColor",
1770
- "stroke-width": "2"
2275
+ "stroke-width": "2",
2276
+ d: "m12 18 6 2 3-17L2 14l6 2"
1771
2277
  }, null, 3, null),
1772
2278
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1773
- d: "m9 21-1-5 4 2-3 3Z",
1774
2279
  stroke: "currentColor",
1775
- "stroke-width": "2"
2280
+ "stroke-width": "2",
2281
+ d: "m9 21-1-5 4 2-3 3Z"
1776
2282
  }, null, 3, null),
1777
2283
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1778
- d: "m12 18-4-2 10-9-6 11Z",
1779
- fill: "currentColor"
2284
+ fill: "currentColor",
2285
+ d: "m12 18-4-2 10-9-6 11Z"
1780
2286
  }, null, 3, null)
1781
2287
  ]
1782
2288
  }, {
1783
- "clip-rule": "evenodd",
1784
- "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,
1785
2296
  height: qwik._fnSignal((p0) => p0.width, [
1786
2297
  props
1787
- ], "p0.width"),
1788
- "stroke-linecap": "round",
1789
- "stroke-linejoin": "round",
1790
- "stroke-miterlimit": "1.5",
1791
- viewBox: "0 0 24 24",
1792
- "xml:space": "preserve"
2298
+ ], "p0.width")
1793
2299
  }, 0, "2r_0");
1794
2300
  }, "LogoPaper_component_pBDmaKNS7m4"));
1795
2301
  const LogoPterodactyl = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1796
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",
1797
2307
  ...props,
2308
+ get height() {
2309
+ return props.width;
2310
+ },
1798
2311
  children: /* @__PURE__ */ qwik._jsxQ("g", null, {
2312
+ transform: "translate(0,180) scale(0.100000,-0.100000)",
1799
2313
  fill: "currentColor",
1800
- stroke: "none",
1801
- transform: "translate(0,180) scale(0.100000,-0.100000)"
2314
+ stroke: "none"
1802
2315
  }, [
1803
2316
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1804
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"
@@ -1814,89 +2327,104 @@ const LogoPterodactyl = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
1814
2327
  }, null, 3, null)
1815
2328
  ], 3, null)
1816
2329
  }, {
2330
+ version: qwik._IMMUTABLE,
2331
+ xmlns: qwik._IMMUTABLE,
2332
+ viewBox: qwik._IMMUTABLE,
2333
+ preserveAspectRatio: qwik._IMMUTABLE,
1817
2334
  height: qwik._fnSignal((p0) => p0.width, [
1818
2335
  props
1819
- ], "p0.width"),
1820
- preserveAspectRatio: "xMidYMid meet",
1821
- version: "1.0",
1822
- viewBox: "0 0 180 180",
1823
- xmlns: "http://www.w3.org/2000/svg"
2336
+ ], "p0.width")
1824
2337
  }, 0, "DN_0");
1825
2338
  }, "LogoPterodactyl_component_wVJW9cHcHoo"));
1826
2339
  const LogoPurpur = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1827
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",
1828
2348
  ...props,
2349
+ get height() {
2350
+ return props.width;
2351
+ },
1829
2352
  children: [
1830
2353
  /* @__PURE__ */ qwik._jsxQ("defs", null, null, /* @__PURE__ */ qwik._jsxQ("path", null, {
1831
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1832
- fill: "none",
1833
2354
  id: "purpur",
2355
+ fill: "none",
1834
2356
  stroke: "currentColor",
1835
- "stroke-width": "1.68"
2357
+ "stroke-width": "1.68",
2358
+ d: "m264 41.95 8-4v8l-8 4v-8Z"
1836
2359
  }, null, 3, null), 3, null),
1837
2360
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1838
- d: "M0 0h24v24H0z",
1839
- fill: "none"
2361
+ fill: "none",
2362
+ d: "M0 0h24v24H0z"
1840
2363
  }, null, 3, null),
1841
2364
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1842
- d: "m264 29.95-8 4 8 4.42 8-4.42-8-4Z",
1843
2365
  fill: "none",
1844
2366
  stroke: "currentColor",
1845
2367
  "stroke-width": "1.77",
2368
+ d: "m264 29.95-8 4 8 4.42 8-4.42-8-4Z",
1846
2369
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1847
2370
  }, null, 3, null),
1848
2371
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1849
- d: "m272 38.37-8 4.42-8-4.42",
1850
2372
  fill: "none",
1851
2373
  stroke: "currentColor",
1852
2374
  "stroke-width": "1.77",
2375
+ d: "m272 38.37-8 4.42-8-4.42",
1853
2376
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1854
2377
  }, null, 3, null),
1855
2378
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1856
- d: "m260 31.95 8 4.21V45",
1857
2379
  fill: "none",
1858
2380
  stroke: "currentColor",
1859
2381
  "stroke-width": "1.77",
2382
+ d: "m260 31.95 8 4.21V45",
1860
2383
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1861
2384
  }, null, 3, null),
1862
2385
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1863
- d: "M260 45v-8.84l8-4.21",
1864
2386
  fill: "none",
1865
2387
  stroke: "currentColor",
1866
2388
  "stroke-width": "1.77",
2389
+ d: "M260 45v-8.84l8-4.21",
1867
2390
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1868
2391
  }, null, 3, null),
1869
2392
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1870
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1871
2393
  fill: "none",
1872
2394
  stroke: "currentColor",
1873
2395
  "stroke-width": "1.68",
2396
+ d: "m264 41.95 8-4v8l-8 4v-8Z",
1874
2397
  transform: "matrix(1.125 0 0 1.2569 -285 -40.78)"
1875
2398
  }, null, 3, null),
1876
2399
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1877
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1878
2400
  fill: "none",
1879
2401
  stroke: "currentColor",
1880
2402
  "stroke-width": "1.68",
2403
+ d: "m264 41.95 8-4v8l-8 4v-8Z",
1881
2404
  transform: "matrix(-1.125 0 0 1.2569 309 -40.78)"
1882
2405
  }, null, 3, null)
1883
2406
  ]
1884
2407
  }, {
1885
- "clip-rule": "evenodd",
1886
- "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,
1887
2415
  height: qwik._fnSignal((p0) => p0.width, [
1888
2416
  props
1889
- ], "p0.width"),
1890
- "stroke-linecap": "round",
1891
- "stroke-linejoin": "round",
1892
- "stroke-miterlimit": "1.5",
1893
- viewBox: "0 0 24 24",
1894
- "xml:space": "preserve"
2417
+ ], "p0.width")
1895
2418
  }, 0, "Xw_0");
1896
2419
  }, "LogoPurpur_component_sVHzeC1GCZ4"));
1897
2420
  const LogoVelocity = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1898
2421
  return /* @__PURE__ */ qwik._jsxS("svg", {
2422
+ viewBox: "0 0 500 500",
2423
+ fill: "currentColor",
1899
2424
  ...props,
2425
+ get height() {
2426
+ return props.width;
2427
+ },
1900
2428
  children: [
1901
2429
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1902
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"
@@ -1911,29 +2439,38 @@ const LogoVelocity = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
1911
2439
  }, null, 3, null)
1912
2440
  ]
1913
2441
  }, {
1914
- fill: "currentColor",
2442
+ viewBox: qwik._IMMUTABLE,
2443
+ fill: qwik._IMMUTABLE,
1915
2444
  height: qwik._fnSignal((p0) => p0.width, [
1916
2445
  props
1917
- ], "p0.width"),
1918
- viewBox: "0 0 500 500"
2446
+ ], "p0.width")
1919
2447
  }, 0, "Ea_0");
1920
2448
  }, "LogoVelocity_component_SNoCdG0zr0s"));
1921
2449
  const LogoWaterfall = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1922
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",
1923
2457
  ...props,
2458
+ get height() {
2459
+ return props.width;
2460
+ },
1924
2461
  children: /* @__PURE__ */ qwik._jsxQ("path", null, {
1925
2462
  d: "M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"
1926
2463
  }, null, 3, null)
1927
2464
  }, {
1928
- 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,
1929
2471
  height: qwik._fnSignal((p0) => p0.width, [
1930
2472
  props
1931
- ], "p0.width"),
1932
- stroke: "currentColor",
1933
- "stroke-linecap": "round",
1934
- "stroke-linejoin": "round",
1935
- "stroke-width": "2",
1936
- viewBox: "0 0 24 24"
2473
+ ], "p0.width")
1937
2474
  }, 0, "Pt_0");
1938
2475
  }, "LogoWaterfall_component_1hFl8GlECLI"));
1939
2476
  exports.Anchor = Anchor;
@@ -1947,6 +2484,7 @@ exports.Dropdown = Dropdown;
1947
2484
  exports.DropdownRaw = DropdownRaw;
1948
2485
  exports.Header = Header;
1949
2486
  exports.InputClasses = InputClasses;
2487
+ exports.InputColorClasses = InputColorClasses;
1950
2488
  exports.LoadingIcon = LoadingIcon;
1951
2489
  exports.LogoBirdflop = LogoBirdflop;
1952
2490
  exports.LogoDiscord = LogoDiscord;
@@ -1974,3 +2512,5 @@ exports.buttonColorClasses = buttonColorClasses;
1974
2512
  exports.cardColorClasses = cardColorClasses;
1975
2513
  exports.navColorClasses = navColorClasses;
1976
2514
  exports.sizeClasses = sizeClasses;
2515
+ exports.toggleOffColorClasses = toggleOffColorClasses;
2516
+ exports.toggleOnColorClasses = toggleOnColorClasses;