@luminescent/ui 0.13.0 → 0.15.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.
@@ -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,16 +194,102 @@ const Blobs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
124
194
  ], 1, "OL_0");
125
195
  }, "Blobs_component_246Oa50YM60"));
126
196
  const buttonColorClasses = {
127
- red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-500",
128
- orange: "bg-orange-700/90 border-orange-600 hover:bg-orange-600 active:bg-orange-500 focus:border-orange-500",
129
- yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500",
130
- 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",
136
- transparent: "bg-transparent border-transparent hover:bg-gray-600/50 active:bg-gray-600/60 focus:border-gray-600/60"
197
+ slate: {
198
+ hover: "hover:bg-slate-600 active:bg-slate-500 focus:border-slate-500",
199
+ bg: "bg-slate-700/90 border-slate-600"
200
+ },
201
+ gray: {
202
+ hover: "hover:bg-gray-600 active:bg-gray-500 focus:border-gray-500",
203
+ bg: "bg-gray-700/90 border-gray-600"
204
+ },
205
+ darkgray: {
206
+ hover: "hover:bg-gray-700 active:bg-gray-600 focus:border-gray-600",
207
+ bg: "bg-gray-800/90 border-gray-700"
208
+ },
209
+ darkergray: {
210
+ hover: "hover:bg-gray-800 active:bg-gray-700 focus:border-gray-700",
211
+ bg: "bg-gray-900/90 border-gray-800"
212
+ },
213
+ zinc: {
214
+ hover: "hover:bg-zinc-600 active:bg-zinc-500 focus:border-zinc-500",
215
+ bg: "bg-zinc-700/90 border-zinc-600"
216
+ },
217
+ neutral: {
218
+ hover: "hover:bg-neutral-600 active:bg-neutral-500 focus:border-neutral-500",
219
+ bg: "bg-neutral-700/90 border-neutral-600"
220
+ },
221
+ stone: {
222
+ hover: "hover:bg-stone-600 active:bg-stone-500 focus:border-stone-500",
223
+ bg: "bg-stone-700/90 border-stone-600"
224
+ },
225
+ red: {
226
+ hover: "hover:bg-red-600 active:bg-red-500 focus:border-red-500",
227
+ bg: "bg-red-700/90 border-red-600"
228
+ },
229
+ orange: {
230
+ hover: "hover:bg-orange-600 active:bg-orange-500 focus:border-orange-500",
231
+ bg: "bg-orange-700/90 border-orange-600"
232
+ },
233
+ amber: {
234
+ hover: "hover:bg-amber-600 active:bg-amber-500 focus:border-amber-500",
235
+ bg: "bg-amber-700/90 border-amber-600"
236
+ },
237
+ yellow: {
238
+ hover: "hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500",
239
+ bg: "bg-yellow-700/90 border-yellow-600"
240
+ },
241
+ lime: {
242
+ hover: "hover:bg-lime-600 active:bg-lime-500 focus:border-lime-500",
243
+ bg: "bg-lime-700/90 border-lime-600"
244
+ },
245
+ green: {
246
+ hover: "hover:bg-green-600 active:bg-green-500 focus:border-green-500",
247
+ bg: "bg-green-700/90 border-green-600"
248
+ },
249
+ emerald: {
250
+ hover: "hover:bg-emerald-600 active:bg-emerald-500 focus:border-emerald-500",
251
+ bg: "bg-emerald-700/90 border-emerald-600"
252
+ },
253
+ teal: {
254
+ hover: "hover:bg-teal-600 active:bg-teal-500 focus:border-teal-500",
255
+ bg: "bg-teal-700/90 border-teal-600"
256
+ },
257
+ cyan: {
258
+ hover: "hover:bg-cyan-600 active:bg-cyan-500 focus:border-cyan-500",
259
+ bg: "bg-cyan-700/90 border-cyan-600"
260
+ },
261
+ sky: {
262
+ hover: "hover:bg-sky-600 active:bg-sky-500 focus:border-sky-500",
263
+ bg: "bg-sky-700/90 border-sky-600"
264
+ },
265
+ blue: {
266
+ hover: "hover:bg-blue-600 active:bg-blue-500 focus:border-blue-500",
267
+ bg: "bg-blue-700/90 border-blue-600"
268
+ },
269
+ indigo: {
270
+ hover: "hover:bg-indigo-600 active:bg-indigo-500 focus:border-indigo-500",
271
+ bg: "bg-indigo-700/90 border-indigo-600"
272
+ },
273
+ violet: {
274
+ hover: "hover:bg-violet-600 active:bg-violet-500 focus:border-violet-500",
275
+ bg: "bg-violet-700/90 border-violet-600"
276
+ },
277
+ purple: {
278
+ hover: "hover:bg-purple-600 active:bg-purple-500 focus:border-purple-500",
279
+ bg: "bg-purple-700/90 border-purple-600"
280
+ },
281
+ fuchsia: {
282
+ hover: "hover:bg-fuchsia-600 active:bg-fuchsia-500 focus:border-fuchsia-500",
283
+ bg: "bg-fuchsia-700/90 border-fuchsia-600"
284
+ },
285
+ pink: {
286
+ hover: "hover:bg-pink-600 active:bg-pink-500 focus:border-pink-500",
287
+ bg: "bg-pink-700/90 border-pink-600"
288
+ },
289
+ rose: {
290
+ hover: "hover:bg-rose-600 active:bg-rose-500 focus:border-rose-500",
291
+ bg: "bg-rose-700/90 border-rose-600"
292
+ }
137
293
  };
138
294
  const sizeClasses = {
139
295
  sm: {
@@ -157,16 +313,19 @@ const sizeClasses = {
157
313
  equal: "p-4"
158
314
  }
159
315
  };
160
- const buttonClass = "relative flex items-center gap-3 motion-safe:transition ease-in-out border text-gray-50 fill-gray-50 disabled:opacity-50 hover:shadow-lg motion-safe:active:scale-95 whitespace-nowrap touch-manipulation select-none";
316
+ const buttonClass = "relative flex items-center gap-3 motion-safe:transition ease-in-out border text-gray-50 fill-gray-50 disabled:opacity-50 hover:shadow-lg motion-safe:active:scale-95 whitespace-nowrap touch-manipulation select-none text-center";
161
317
  const Button = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
162
318
  const props1 = qwik._restProps(props, [
163
319
  "color",
320
+ "transparent",
164
321
  "size",
165
322
  "square"
166
323
  ]);
167
324
  props1.class = {
168
325
  [buttonClass]: true,
169
- [buttonColorClasses[props.color ?? "darkgray"]]: true,
326
+ [buttonColorClasses[props.color ?? "darkgray"].bg]: !props.transparent,
327
+ "border-transparent": props.transparent,
328
+ [buttonColorClasses[props.color ?? "darkgray"].hover]: true,
170
329
  [sizeClasses[props.size ?? "md"].base]: true,
171
330
  [sizeClasses[props.size ?? "md"].pad]: !props.square,
172
331
  [sizeClasses[props.size ?? "md"].equal]: props.square,
@@ -180,12 +339,15 @@ const Button = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
180
339
  const ButtonAnchor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
181
340
  const props1 = qwik._restProps(props, [
182
341
  "color",
342
+ "transparent",
183
343
  "size",
184
344
  "square"
185
345
  ]);
186
346
  props1.class = {
187
347
  [buttonClass]: true,
188
- [buttonColorClasses[props.color ?? "darkgray"]]: true,
348
+ [buttonColorClasses[props.color ?? "darkgray"].bg]: !props.transparent,
349
+ "border-transparent": props.transparent,
350
+ [buttonColorClasses[props.color ?? "darkgray"].hover]: true,
189
351
  [sizeClasses[props.size ?? "md"].base]: true,
190
352
  [sizeClasses[props.size ?? "md"].pad]: !props.square,
191
353
  [sizeClasses[props.size ?? "md"].equal]: props.square,
@@ -197,85 +359,149 @@ const ButtonAnchor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
197
359
  }, null, 0, "7H_3");
198
360
  }, "ButtonAnchor_component_vQT9xS0lqew"));
199
361
  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
- }
362
+ slate: {
363
+ bg_blobs: "bg-slate-400/10 border-slate-400/20",
364
+ bg: "bg-slate-400/60 border-slate-400",
365
+ hover: "hover:bg-slate-400/20",
366
+ click: "active:bg-slate-300/20"
367
+ },
368
+ gray: {
369
+ bg_blobs: "bg-gray-400/10 border-gray-400/20",
370
+ bg: "bg-gray-400/60 border-gray-400",
371
+ hover: "hover:bg-gray-400/20",
372
+ click: "active:bg-gray-300/20"
373
+ },
374
+ darkgray: {
375
+ bg_blobs: "bg-gray-800/10 border-gray-800/40",
376
+ bg: "bg-gray-800/60 border-gray-800",
377
+ hover: "hover:bg-gray-800/40",
378
+ click: "active:bg-gray-700/40"
379
+ },
380
+ darkergray: {
381
+ bg_blobs: "bg-gray-900/10 border-gray-900/50",
382
+ bg: "bg-gray-900/60 border-gray-900",
383
+ hover: "hover:bg-gray-900/50",
384
+ click: "active:bg-gray-800/50"
385
+ },
386
+ zinc: {
387
+ bg_blobs: "bg-zinc-400/10 border-zinc-400/20",
388
+ bg: "bg-zinc-400/60 border-zinc-400",
389
+ hover: "hover:bg-zinc-400/20",
390
+ click: "active:bg-zinc-300/20"
391
+ },
392
+ neutral: {
393
+ bg_blobs: "bg-neutral-400/10 border-neutral-400/20",
394
+ bg: "bg-neutral-400/60 border-neutral-400",
395
+ hover: "hover:bg-neutral-400/20",
396
+ click: "active:bg-neutral-300/20"
397
+ },
398
+ stone: {
399
+ bg_blobs: "bg-stone-400/10 border-stone-400/20",
400
+ bg: "bg-stone-400/60 border-stone-400",
401
+ hover: "hover:bg-stone-400/20",
402
+ click: "active:bg-stone-300/20"
207
403
  },
208
404
  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
- }
405
+ bg_blobs: "bg-red-400/10 border-red-400/20",
406
+ bg: "bg-red-400/60 border-red-400",
407
+ hover: "hover:bg-red-400/20",
408
+ click: "active:bg-red-300/20"
215
409
  },
216
410
  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
- }
411
+ bg_blobs: "bg-orange-400/10 border-orange-400/20",
412
+ bg: "bg-orange-400/60 border-orange-400",
413
+ hover: "hover:bg-orange-400/20",
414
+ click: "active:bg-orange-300/20"
415
+ },
416
+ amber: {
417
+ bg_blobs: "bg-amber-400/10 border-amber-400/20",
418
+ bg: "bg-amber-400/60 border-amber-400",
419
+ hover: "hover:bg-amber-400/20",
420
+ click: "active:bg-amber-300/20"
223
421
  },
224
422
  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
- }
423
+ bg_blobs: "bg-yellow-400/10 border-yellow-400/20",
424
+ bg: "bg-yellow-400/60 border-yellow-400",
425
+ hover: "hover:bg-yellow-400/20",
426
+ click: "active:bg-yellow-300/20"
427
+ },
428
+ lime: {
429
+ bg_blobs: "bg-lime-400/10 border-lime-400/20",
430
+ bg: "bg-lime-400/60 border-lime-400",
431
+ hover: "hover:bg-lime-400/20",
432
+ click: "active:bg-lime-300/20"
231
433
  },
232
434
  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
- }
435
+ bg_blobs: "bg-green-400/10 border-green-400/20",
436
+ bg: "bg-green-400/60 border-green-400",
437
+ hover: "hover:bg-green-400/20",
438
+ click: "active:bg-green-300/20"
439
+ },
440
+ emerald: {
441
+ bg_blobs: "bg-emerald-400/10 border-emerald-400/20",
442
+ bg: "bg-emerald-400/60 border-emerald-400",
443
+ hover: "hover:bg-emerald-400/20",
444
+ click: "active:bg-emerald-300/20"
445
+ },
446
+ teal: {
447
+ bg_blobs: "bg-teal-400/10 border-teal-400/20",
448
+ bg: "bg-teal-400/60 border-teal-400",
449
+ hover: "hover:bg-teal-400/20",
450
+ click: "active:bg-teal-300/20"
451
+ },
452
+ cyan: {
453
+ bg_blobs: "bg-cyan-400/10 border-cyan-400/20",
454
+ bg: "bg-cyan-400/60 border-cyan-400",
455
+ hover: "hover:bg-cyan-400/20",
456
+ click: "active:bg-cyan-300/20"
457
+ },
458
+ sky: {
459
+ bg_blobs: "bg-sky-400/10 border-sky-400/20",
460
+ bg: "bg-sky-400/60 border-sky-400",
461
+ hover: "hover:bg-sky-400/20",
462
+ click: "active:bg-sky-300/20"
239
463
  },
240
464
  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
- }
465
+ bg_blobs: "bg-blue-400/10 border-blue-400/20",
466
+ bg: "bg-blue-400/60 border-blue-400",
467
+ hover: "hover:bg-blue-400/20",
468
+ click: "active:bg-blue-300/20"
469
+ },
470
+ indigo: {
471
+ bg_blobs: "bg-indigo-400/10 border-indigo-400/20",
472
+ bg: "bg-indigo-400/60 border-indigo-400",
473
+ hover: "hover:bg-indigo-400/20",
474
+ click: "active:bg-indigo-300/20"
475
+ },
476
+ violet: {
477
+ bg_blobs: "bg-violet-400/10 border-violet-400/20",
478
+ bg: "bg-violet-400/60 border-violet-400",
479
+ hover: "hover:bg-violet-400/20",
480
+ click: "active:bg-violet-300/20"
247
481
  },
248
482
  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
- }
483
+ bg_blobs: "bg-purple-400/10 border-purple-400/20",
484
+ bg: "bg-purple-400/60 border-purple-400",
485
+ hover: "hover:bg-purple-400/20",
486
+ click: "active:bg-purple-300/20"
255
487
  },
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
- }
488
+ fuchsia: {
489
+ bg_blobs: "bg-fuchsia-400/10 border-fuchsia-400/20",
490
+ bg: "bg-fuchsia-400/60 border-fuchsia-400",
491
+ hover: "hover:bg-fuchsia-400/20",
492
+ click: "active:bg-fuchsia-300/20"
263
493
  },
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
- }
494
+ pink: {
495
+ bg_blobs: "bg-pink-400/10 border-pink-400/20",
496
+ bg: "bg-pink-400/60 border-pink-400",
497
+ hover: "hover:bg-pink-400/20",
498
+ click: "active:bg-pink-300/20"
271
499
  },
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
- }
500
+ rose: {
501
+ bg_blobs: "bg-rose-400/10 border-rose-400/20",
502
+ bg: "bg-rose-400/60 border-rose-400",
503
+ hover: "hover:bg-rose-400/20",
504
+ click: "active:bg-rose-300/20"
279
505
  }
280
506
  };
281
507
  const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -288,6 +514,15 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
288
514
  ]);
289
515
  return /* @__PURE__ */ qwik._jsxS("div", {
290
516
  ...props1,
517
+ class: {
518
+ "relative flex gap-3 sm:gap-4 p-5 sm:p-7 border rounded-lg motion-safe:transition-all": true,
519
+ "flex-col": !props.row,
520
+ [cardColorClasses[props.color ?? "darkgray"].bg]: !props.blobs,
521
+ [cardColorClasses[props.color ?? "darkgray"].bg_blobs]: props.blobs,
522
+ [cardColorClasses[props.color ?? "darkgray"].hover + " hover:shadow-lg"]: props.hover,
523
+ [cardColorClasses[props.color ?? "darkgray"].click + " active:scale-[99%] cursor-pointer select-none touch-manipulation"]: props.hover == "clickable",
524
+ ...props1.class
525
+ },
291
526
  children: [
292
527
  /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_0"),
293
528
  props1.href && /* @__PURE__ */ qwik._jsxQ("a", {
@@ -303,34 +538,52 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
303
538
  "overflow-clip": true
304
539
  },
305
540
  [qwik._IMMUTABLE]: {
306
- class: qwik._IMMUTABLE,
307
541
  color: qwik._fnSignal((p0) => p0.color ?? "darkgray", [
308
542
  props
309
- ], 'p0.color??"darkgray"')
543
+ ], 'p0.color??"darkgray"'),
544
+ class: qwik._IMMUTABLE
310
545
  }
311
546
  }, 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
- }
547
+ ]
322
548
  }, null, 0, "OW_3");
323
549
  }, "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";
550
+ const InputColorClasses = {
551
+ slate: "bg-slate-700/90 border-slate-600 hover:bg-slate-600 active:bg-slate-500 focus:border-slate-300",
552
+ gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-300",
553
+ darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-400",
554
+ darkergray: "bg-gray-900/90 border-gray-800 hover:bg-gray-800 active:bg-gray-700 focus:border-gray-500",
555
+ zinc: "bg-zinc-700/90 border-zinc-600 hover:bg-zinc-600 active:bg-zinc-500 focus:border-zinc-300",
556
+ neutral: "bg-neutral-700/90 border-neutral-600 hover:bg-neutral-600 active:bg-neutral-500 focus:border-neutral-300",
557
+ stone: "bg-stone-700/90 border-stone-600 hover:bg-stone-600 active:bg-stone-500 focus:border-stone-300",
558
+ red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-300",
559
+ orange: "bg-orange-700/90 border-orange-600 hover:bg-orange-600 active:bg-orange-500 focus:border-orange-300",
560
+ amber: "bg-amber-700/90 border-amber-600 hover:bg-amber-600 active:bg-amber-500 focus:border-amber-300",
561
+ yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-300",
562
+ lime: "bg-lime-700/90 border-lime-600 hover:bg-lime-600 active:bg-lime-500 focus:border-lime-300",
563
+ green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-300",
564
+ emerald: "bg-emerald-700/90 border-emerald-600 hover:bg-emerald-600 active:bg-emerald-500 focus:border-emerald-300",
565
+ teal: "bg-teal-700/90 border-teal-600 hover:bg-teal-600 active:bg-teal-500 focus:border-teal-300",
566
+ cyan: "bg-cyan-700/90 border-cyan-600 hover:bg-cyan-600 active:bg-cyan-500 focus:border-cyan-300",
567
+ sky: "bg-sky-700/90 border-sky-600 hover:bg-sky-600 active:bg-sky-500 focus:border-sky-300",
568
+ blue: "bg-blue-700/90 border-blue-600 hover:bg-blue-600 active:bg-blue-500 focus:border-blue-300",
569
+ indigo: "bg-indigo-700/90 border-indigo-600 hover:bg-indigo-600 active:bg-indigo-500 focus:border-indigo-300",
570
+ violet: "bg-violet-700/90 border-violet-600 hover:bg-violet-600 active:bg-violet-500 focus:border-violet-300",
571
+ purple: "bg-purple-700/90 border-purple-600 hover:bg-purple-600 active:bg-purple-500 focus:border-purple-300",
572
+ fuchsia: "bg-fuchsia-700/90 border-fuchsia-600 hover:bg-fuchsia-600 active:bg-fuchsia-500 focus:border-fuchsia-300",
573
+ pink: "bg-pink-700/90 border-pink-600 hover:bg-pink-600 active:bg-pink-500 focus:border-pink-300",
574
+ rose: "bg-rose-700/90 border-rose-600 hover:bg-rose-600 active:bg-rose-500 focus:border-rose-300",
575
+ transparent: "bg-transparent border-transparent hover:bg-gray-600/50 active:bg-gray-600/60 focus:border-gray-600/60"
576
+ };
577
+ 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
578
  const TextInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
326
579
  return /* @__PURE__ */ qwik._jsxQ("div", null, {
327
580
  class: "flex flex-col"
328
581
  }, [
329
582
  /* @__PURE__ */ qwik._jsxQ("label", null, {
330
- class: "text-gray-300 pb-1 select-none",
331
583
  for: qwik._fnSignal((p0) => p0.id, [
332
584
  props
333
- ], "p0.id")
585
+ ], "p0.id"),
586
+ class: "text-gray-300 pb-1 select-none"
334
587
  }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "dC_0"), 1, null),
335
588
  /* @__PURE__ */ qwik._jsxC(TextInputRaw, {
336
589
  ...props,
@@ -339,11 +592,15 @@ const TextInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlined
339
592
  ], 1, "dC_2");
340
593
  }, "TextInput_component_AXp2j5aulZI"));
341
594
  const TextInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
595
+ const props1 = qwik._restProps(props, [
596
+ "color"
597
+ ]);
342
598
  return /* @__PURE__ */ qwik._jsxS("input", {
343
- ...props,
599
+ ...props1,
344
600
  class: {
345
601
  [InputClasses]: true,
346
- ...props.class
602
+ [InputColorClasses[props.color ?? "darkgray"]]: true,
603
+ ...props1.class
347
604
  }
348
605
  }, null, 0, "dC_3");
349
606
  }, "TextInputRaw_component_ssloWlmBB4w"));
@@ -479,18 +736,18 @@ const ColorInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
479
736
  get value() {
480
737
  return props.value ?? "#000000";
481
738
  },
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
739
  onFocus$: /* @__PURE__ */ qwik.inlinedQrl(() => {
489
740
  const [store2] = qwik.useLexicalScope();
490
741
  store2.opened = true;
491
742
  }, "ColorInput_component_div_TextInputRaw_onFocus_9bHrhSeTgfI", [
492
743
  store
493
744
  ]),
745
+ onBlur$: /* @__PURE__ */ qwik.inlinedQrl(() => {
746
+ const [store2] = qwik.useLexicalScope();
747
+ store2.opened = false;
748
+ }, "ColorInput_component_div_TextInputRaw_onBlur_giB7aSy8tnc", [
749
+ store
750
+ ]),
494
751
  onInput$: /* @__PURE__ */ qwik.inlinedQrl((e, el) => {
495
752
  const [props12, props2] = qwik.useLexicalScope();
496
753
  const div = document.getElementById(`${props12.id}-picker`);
@@ -514,11 +771,11 @@ const ColorInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
514
771
  borderBottom: `10px solid ${props.value ?? "#000000"}`
515
772
  } : {},
516
773
  [qwik._IMMUTABLE]: {
517
- onBlur$: qwik._IMMUTABLE,
518
- onFocus$: qwik._IMMUTABLE,
519
774
  value: qwik._fnSignal((p0) => p0.value ?? "#000000", [
520
775
  props
521
- ], 'p0.value??"#000000"')
776
+ ], 'p0.value??"#000000"'),
777
+ onFocus$: qwik._IMMUTABLE,
778
+ onBlur$: qwik._IMMUTABLE
522
779
  }
523
780
  }, 0, "0s_1"),
524
781
  /* @__PURE__ */ qwik._jsxC(ColorPickerRaw, {
@@ -577,12 +834,7 @@ const ColorInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
577
834
  props
578
835
  ]),
579
836
  [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}'),
837
+ id: qwik._wrapProp(props1, "id"),
586
838
  color: qwik._fnSignal((p0) => p0.value ?? "#000000", [
587
839
  props
588
840
  ], 'p0.value??"#000000"'),
@@ -601,7 +853,12 @@ const ColorInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
601
853
  ], [
602
854
  props
603
855
  ], '["#FAEDCB","#C9E4DE","#C6DEF1","#DBCDF0","#F2C6DE","#FCD05C","#5FE2C5","#4498DB","#9863E7","#E43A96",...p0.presetColors??[]]'),
604
- id: qwik._wrapProp(props1, "id")
856
+ class: qwik._fnSignal((p0) => ({
857
+ "motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]": true,
858
+ "opacity-0 scale-95 pointer-events-none": !p0.opened
859
+ }), [
860
+ store
861
+ ], '{"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
862
  }
606
863
  }, 3, "0s_2")
607
864
  ], 1, "0s_3");
@@ -740,29 +997,29 @@ const ColorPickerRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
740
997
  ...props1.class
741
998
  }
742
999
  }, {
1000
+ "preventdefault:mousedown": true,
1001
+ "preventdefault:touchstart": true,
743
1002
  id: qwik._fnSignal((p0) => p0.id ? `${p0.id}-picker` : void 0, [
744
1003
  props
745
- ], "p0.id?`${p0.id}-picker`:undefined"),
746
- "preventdefault:mousedown": true,
747
- "preventdefault:touchstart": true
1004
+ ], "p0.id?`${p0.id}-picker`:undefined")
748
1005
  }, [
749
1006
  /* @__PURE__ */ qwik._jsxQ("div", null, {
750
1007
  class: "flex gap-4"
751
1008
  }, [
752
1009
  /* @__PURE__ */ qwik._jsxQ("div", null, {
753
1010
  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
1011
  style: qwik._fnSignal((p0) => ({
759
1012
  background: `linear-gradient(to right, #FFFFFF, ${p0.hue.color})`
760
1013
  }), [
761
1014
  store
762
- ], "{background:`linear-gradient(to right, #FFFFFF, ${p0.hue.color})`}")
1015
+ ], "{background:`linear-gradient(to right, #FFFFFF, ${p0.hue.color})`}"),
1016
+ "preventdefault:mousedown": true,
1017
+ "preventdefault:touchstart": true,
1018
+ onMouseDown$: sbMouseDown,
1019
+ onTouchStart$: sbMouseDown
763
1020
  }, [
764
1021
  /* @__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"
1022
+ class: "w-[123px] h-[148px] rounded-[0.3rem] bg-gradient-to-b from-transparent to-black"
766
1023
  }, null, 3, null),
767
1024
  /* @__PURE__ */ qwik._jsxQ("div", null, {
768
1025
  class: "absolute -top-2 -left-2 w-4 h-4 border border-white rounded-full bg-white",
@@ -776,13 +1033,13 @@ const ColorPickerRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
776
1033
  ], 3, null),
777
1034
  /* @__PURE__ */ qwik._jsxQ("div", null, {
778
1035
  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
1036
  style: {
784
1037
  background: "linear-gradient(to bottom, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000)"
785
- }
1038
+ },
1039
+ "preventdefault:mousedown": true,
1040
+ "preventdefault:touchstart": true,
1041
+ onMouseDown$: hueMouseDown,
1042
+ onTouchStart$: hueMouseDown
786
1043
  }, /* @__PURE__ */ qwik._jsxQ("div", null, {
787
1044
  class: "absolute -bottom-2 -left-[5px] w-4 h-4 border border-white rounded-full bg-[#ff0000]",
788
1045
  style: qwik._fnSignal((p0) => ({
@@ -797,6 +1054,7 @@ const ColorPickerRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
797
1054
  class: "w-[150px] flex flex-wrap gap-1 justify-evenly"
798
1055
  }, props.colors.map((color, i) => {
799
1056
  return /* @__PURE__ */ qwik._jsxQ("button", {
1057
+ style: `background: ${color}`,
800
1058
  onMouseDown$: /* @__PURE__ */ qwik.inlinedQrl(() => {
801
1059
  const [color2, setColor2] = qwik.useLexicalScope();
802
1060
  setColor2(color2);
@@ -810,8 +1068,7 @@ const ColorPickerRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
810
1068
  }, "ColorPickerRaw_component_div_div_button_onTouchStart_qgiiO8Blb88", [
811
1069
  color,
812
1070
  setColor
813
- ]),
814
- style: `background: ${color}`
1071
+ ])
815
1072
  }, {
816
1073
  class: "w-[25px] h-[25px] border border-gray-700 rounded-md hover:scale-110 motion-safe:transition-all",
817
1074
  "preventdefault:mousedown": true,
@@ -822,21 +1079,26 @@ const ColorPickerRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
822
1079
  }, "ColorPickerRaw_component_CWQPPcezhyA"));
823
1080
  const ChevronDown = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
824
1081
  return /* @__PURE__ */ qwik._jsxS("svg", {
1082
+ xmlns: "http://www.w3.org/2000/svg",
1083
+ viewBox: "0 0 512 512",
825
1084
  ...props,
1085
+ get height() {
1086
+ return props.width;
1087
+ },
826
1088
  children: /* @__PURE__ */ qwik._jsxQ("path", null, {
827
- d: "M112 184l144 144 144-144",
828
1089
  fill: "none",
829
1090
  stroke: "currentColor",
830
1091
  "stroke-linecap": "round",
831
1092
  "stroke-linejoin": "round",
832
- "stroke-width": "48"
1093
+ "stroke-width": "48",
1094
+ d: "M112 184l144 144 144-144"
833
1095
  }, null, 3, null)
834
1096
  }, {
1097
+ xmlns: qwik._IMMUTABLE,
1098
+ viewBox: qwik._IMMUTABLE,
835
1099
  height: qwik._fnSignal((p0) => p0.width, [
836
1100
  props
837
- ], "p0.width"),
838
- viewBox: "0 0 512 512",
839
- xmlns: "http://www.w3.org/2000/svg"
1101
+ ], "p0.width")
840
1102
  }, 0, "rN_0");
841
1103
  }, "ChevronDown_component_V0linof0cMQ"));
842
1104
  const Dropdown = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -844,10 +1106,10 @@ const Dropdown = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
844
1106
  class: "flex flex-col"
845
1107
  }, [
846
1108
  /* @__PURE__ */ qwik._jsxQ("label", null, {
847
- class: "text-gray-300 pb-1 select-none",
848
1109
  for: qwik._fnSignal((p0) => p0.id, [
849
1110
  props
850
- ], "p0.id")
1111
+ ], "p0.id"),
1112
+ class: "text-gray-300 pb-1 select-none"
851
1113
  }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "Zz_0"), 1, null),
852
1114
  /* @__PURE__ */ qwik._jsxC(DropdownRaw, {
853
1115
  ...props
@@ -861,6 +1123,7 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
861
1123
  "class",
862
1124
  "display",
863
1125
  "color",
1126
+ "transparent",
864
1127
  "size",
865
1128
  "hover"
866
1129
  ]);
@@ -900,23 +1163,30 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
900
1163
  }, [
901
1164
  props.values && /* @__PURE__ */ qwik._jsxS("select", {
902
1165
  ...props1,
1166
+ get id() {
1167
+ return props.id;
1168
+ },
1169
+ class: {
1170
+ "hidden": true
1171
+ },
903
1172
  children: props.values.map((value, i) => {
904
1173
  return /* @__PURE__ */ qwik._jsxQ("option", {
905
1174
  value: qwik._wrapSignal(value, "value")
906
1175
  }, null, `${value.value}`, 1, i);
907
1176
  })
908
1177
  }, {
909
- class: {
910
- "hidden": true
911
- },
912
1178
  id: qwik._fnSignal((p0) => p0.id, [
913
1179
  props
914
- ], "p0.id")
1180
+ ], "p0.id"),
1181
+ class: qwik._IMMUTABLE
915
1182
  }, 0, "Zz_3"),
916
1183
  /* @__PURE__ */ qwik._jsxC(Button, {
917
1184
  get color() {
918
1185
  return props.color;
919
1186
  },
1187
+ get transparent() {
1188
+ return props.transparent;
1189
+ },
920
1190
  get size() {
921
1191
  return props.size ?? "sm";
922
1192
  },
@@ -926,15 +1196,21 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
926
1196
  ...props.class
927
1197
  };
928
1198
  },
1199
+ onClick$: /* @__PURE__ */ qwik.inlinedQrl(() => {
1200
+ const [store2] = qwik.useLexicalScope();
1201
+ store2.opened = !store2.opened;
1202
+ }, "DropdownRaw_component_div_Button_onClick_d8M33E0JtyQ", [
1203
+ store
1204
+ ]),
929
1205
  children: [
930
1206
  qwik._fnSignal((p0) => p0.display, [
931
1207
  props
932
1208
  ], "p0.display"),
933
1209
  !props.display && props.values && /* @__PURE__ */ qwik._jsxQ("span", null, {
934
- class: "flex-1 text-left",
935
1210
  id: qwik._fnSignal((p0) => `lui-${p0.id}-name`, [
936
1211
  props
937
- ], "`lui-${p0.id}-name`")
1212
+ ], "`lui-${p0.id}-name`"),
1213
+ class: "flex-1 text-left"
938
1214
  }, props.values.find((value) => value.value.toString() === store.value)?.name ?? props.values[0].name, 1, "Zz_4"),
939
1215
  /* @__PURE__ */ qwik._jsxC(ChevronDown, {
940
1216
  width: 16,
@@ -946,6 +1222,7 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
946
1222
  };
947
1223
  },
948
1224
  [qwik._IMMUTABLE]: {
1225
+ width: qwik._IMMUTABLE,
949
1226
  class: qwik._fnSignal((p0, p1) => ({
950
1227
  "motion-safe:transition-all duration-200": true,
951
1228
  "transform rotate-180": p1.opened,
@@ -953,54 +1230,50 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
953
1230
  }), [
954
1231
  props,
955
1232
  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
1233
+ ], '{"motion-safe:transition-all duration-200":true,"transform rotate-180":p1.opened,"group-hover:transform group-hover:rotate-180":p0.hover}')
958
1234
  }
959
1235
  }, 3, "Zz_5")
960
1236
  ],
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
1237
  [qwik._IMMUTABLE]: {
1238
+ color: qwik._fnSignal((p0) => p0.color, [
1239
+ props
1240
+ ], "p0.color"),
1241
+ transparent: qwik._fnSignal((p0) => p0.transparent, [
1242
+ props
1243
+ ], "p0.transparent"),
1244
+ size: qwik._fnSignal((p0) => p0.size ?? "sm", [
1245
+ props
1246
+ ], 'p0.size??"sm"'),
968
1247
  class: qwik._fnSignal((p0) => ({
969
1248
  "flex": true,
970
1249
  ...p0.class
971
1250
  }), [
972
1251
  props
973
1252
  ], '{"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"')
1253
+ onClick$: qwik._IMMUTABLE
981
1254
  }
982
1255
  }, 1, "Zz_6"),
983
1256
  /* @__PURE__ */ qwik._jsxQ("div", {
984
1257
  class: {
985
- "absolute top-full pt-2 left-0 z-[1000] ": true,
1258
+ "transition-all absolute top-full pt-2 left-0 z-[1000] ": true,
986
1259
  "opacity-0 scale-95 pointer-events-none": !store.opened,
987
1260
  "group-hover:pointer-events-auto group-hover:opacity-100 group-hover:scale-100": props.hover
988
1261
  }
989
1262
  }, 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
1263
  id: qwik._fnSignal((p0) => `lui-${p0.id}-opts`, [
994
1264
  props
995
- ], "`lui-${p0.id}-opts`")
1265
+ ], "`lui-${p0.id}-opts`"),
1266
+ class: {
1267
+ "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
1268
+ }
996
1269
  }, [
997
- props.values?.map(({ name, value, color = "transparent" }, i) => {
1270
+ props.values?.map(({ name, value, color: valueColor }, i) => {
998
1271
  return /* @__PURE__ */ qwik._jsxC(Button, {
999
- color,
1272
+ color: valueColor ?? props.color,
1273
+ transparent: true,
1000
1274
  get size() {
1001
1275
  return props.size ?? "sm";
1002
1276
  },
1003
- children: name,
1004
1277
  onClick$: /* @__PURE__ */ qwik.inlinedQrl(() => {
1005
1278
  const [props2, store2, value2] = qwik.useLexicalScope();
1006
1279
  store2.opened = false;
@@ -1015,7 +1288,9 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1015
1288
  store,
1016
1289
  value
1017
1290
  ]),
1291
+ children: name,
1018
1292
  [qwik._IMMUTABLE]: {
1293
+ transparent: qwik._IMMUTABLE,
1019
1294
  size: qwik._fnSignal((p0) => p0.size ?? "sm", [
1020
1295
  props
1021
1296
  ], 'p0.size??"sm"')
@@ -1038,6 +1313,14 @@ const LoadingIcon = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1038
1313
  ]);
1039
1314
  return /* @__PURE__ */ qwik._jsxS("div", {
1040
1315
  ...props1,
1316
+ get style() {
1317
+ return {
1318
+ borderWidth: props.width / 8,
1319
+ width: props.width,
1320
+ height: props.width,
1321
+ animation: `spin ${props.speed ?? "0.6s"} ease-in-out infinite`
1322
+ };
1323
+ },
1041
1324
  class: {
1042
1325
  "animate-spin rounded-full border-transparent border-l-current border-t-current": true,
1043
1326
  ...props1.class
@@ -1114,15 +1397,30 @@ const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
1114
1397
  return Component;
1115
1398
  }, "Header_component_FfGOhhBNG5k"));
1116
1399
  const navColorClasses = {
1400
+ slate: "bg-slate-700/50 border-slate-600/50",
1401
+ gray: "bg-gray-700/50 border-gray-600/50",
1402
+ darkgray: "bg-gray-800/50 border-gray-700/50",
1403
+ darkergray: "bg-gray-900/50 border-gray-800/50",
1404
+ zinc: "bg-zinc-700/50 border-zinc-600/50",
1405
+ neutral: "bg-neutral-700/50 border-neutral-600/50",
1406
+ stone: "bg-stone-700/50 border-stone-600/50",
1117
1407
  red: "bg-red-700/50 border-red-600/50",
1118
1408
  orange: "bg-orange-700/50 border-orange-600/50",
1409
+ amber: "bg-amber-700/50 border-amber-600/50",
1119
1410
  yellow: "bg-yellow-700/50 border-yellow-600/50",
1411
+ lime: "bg-lime-700/50 border-lime-600/50",
1120
1412
  green: "bg-green-700/50 border-green-600/50",
1121
- blue: "bg-blue-600/50 border-blue-500/50",
1122
- purple: "bg-purple-600/50 border-purple-500/50",
1123
- pink: "bg-pink-600/50 border-pink-500/50",
1124
- gray: "bg-gray-700/50 border-gray-600/50",
1125
- darkgray: "bg-gray-800/50 border-gray-700/50",
1413
+ emerald: "bg-emerald-700/50 border-emerald-600/50",
1414
+ teal: "bg-teal-700/50 border-teal-600/50",
1415
+ cyan: "bg-cyan-700/50 border-cyan-600/50",
1416
+ sky: "bg-sky-700/50 border-sky-600/50",
1417
+ blue: "bg-blue-700/50 border-blue-600/50",
1418
+ indigo: "bg-indigo-700/50 border-indigo-600/50",
1419
+ violet: "bg-violet-700/50 border-violet-600/50",
1420
+ purple: "bg-purple-700/50 border-purple-600/50",
1421
+ fuchsia: "bg-fuchsia-700/50 border-fuchsia-600/50",
1422
+ pink: "bg-pink-700/50 border-pink-600/50",
1423
+ rose: "bg-rose-700/50 border-rose-600/50",
1126
1424
  transparent: "bg-transparent border-transparent"
1127
1425
  };
1128
1426
  const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -1134,19 +1432,25 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
1134
1432
  const menu = qwik.useSignal(false);
1135
1433
  return /* @__PURE__ */ qwik._jsxS("nav", {
1136
1434
  ...props1,
1435
+ class: {
1436
+ "motion-safe:transition-all duration-200 flex flex-col top-0 left-0 w-full z-50": true,
1437
+ "fixed": props.fixed,
1438
+ "absolute": !props.fixed,
1439
+ ...props1.class
1440
+ },
1137
1441
  children: [
1138
1442
  /* @__PURE__ */ qwik._jsxQ("div", {
1139
1443
  class: {
1140
1444
  "sm:hidden motion-safe:transition-all flex flex-col px-2 items-center absolute w-full": true,
1141
1445
  "top-full mt-2": menu.value,
1142
- "opacity-0 top-0 scale-95 pointer-events-none": !menu.value
1446
+ "opacity-0 top-0 scale-95 pointer-events-none": !menu.value,
1447
+ "before:backdrop-blur-lg": props.color !== "transparent",
1448
+ 'before:absolute before:content-[""] before:w-full before:h-full before:drop-shadow-xl before:-z-10 before:rounded-lg': true
1143
1449
  }
1144
1450
  }, null, /* @__PURE__ */ qwik._jsxQ("div", {
1145
1451
  class: {
1146
1452
  [navColorClasses[props.color ?? "darkgray"]]: true,
1147
- "flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full px-2 py-4 border rounded-lg": true,
1148
- "before:backdrop-blur-lg": props.color !== "transparent",
1149
- 'before:absolute before:content-[""] before:w-full before:h-full before:drop-shadow-xl before:-z-10': true
1453
+ "flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full px-2 py-4 border rounded-lg": true
1150
1454
  }
1151
1455
  }, null, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
1152
1456
  name: "mobile",
@@ -1197,6 +1501,17 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
1197
1501
  }
1198
1502
  }, 3, "8r_3"),
1199
1503
  /* @__PURE__ */ qwik._jsxC(Button, {
1504
+ transparent: true,
1505
+ square: true,
1506
+ class: {
1507
+ "sm:hidden": true
1508
+ },
1509
+ onClick$: /* @__PURE__ */ qwik.inlinedQrl(() => {
1510
+ const [menu2] = qwik.useLexicalScope();
1511
+ return menu2.value = !menu2.value;
1512
+ }, "Nav_component_nav_div_div_div_Button_onClick_J0TKJTxh4N4", [
1513
+ menu
1514
+ ]),
1200
1515
  children: /* @__PURE__ */ qwik._jsxQ("svg", null, {
1201
1516
  class: "w-6 h-6",
1202
1517
  fill: "none",
@@ -1204,76 +1519,69 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
1204
1519
  viewBox: "0 0 24 24",
1205
1520
  xmlns: "http://www.w3.org/2000/svg"
1206
1521
  }, /* @__PURE__ */ qwik._jsxQ("path", null, {
1207
- d: "M4 6h16M4 12h16m-7 6h7",
1208
1522
  "stroke-linecap": "round",
1209
1523
  "stroke-linejoin": "round",
1210
- "stroke-width": "2"
1524
+ "stroke-width": "2",
1525
+ d: "M4 6h16M4 12h16m-7 6h7"
1211
1526
  }, null, 3, null), 3, null),
1212
- class: {
1213
- "sm:hidden": true
1214
- },
1215
- color: "transparent",
1216
- onClick$: /* @__PURE__ */ qwik.inlinedQrl(() => {
1217
- const [menu2] = qwik.useLexicalScope();
1218
- return menu2.value = !menu2.value;
1219
- }, "Nav_component_nav_div_div_div_Button_onClick_J0TKJTxh4N4", [
1220
- menu
1221
- ]),
1222
- square: true,
1223
1527
  [qwik._IMMUTABLE]: {
1528
+ transparent: qwik._IMMUTABLE,
1529
+ square: qwik._IMMUTABLE,
1224
1530
  class: qwik._IMMUTABLE,
1225
- color: qwik._IMMUTABLE,
1226
- onClick$: qwik._IMMUTABLE,
1227
- square: qwik._IMMUTABLE
1531
+ onClick$: qwik._IMMUTABLE
1228
1532
  }
1229
1533
  }, 3, "8r_4")
1230
1534
  ], 1, null)
1231
1535
  ], 1, null), 1, null)
1232
- ],
1233
- class: {
1234
- "motion-safe:transition-all duration-200 flex flex-col top-0 left-0 w-full z-50": true,
1235
- "fixed": props.fixed,
1236
- "absolute": !props.fixed,
1237
- ...props1.class
1238
- }
1536
+ ]
1239
1537
  }, null, 0, "8r_5");
1240
1538
  }, "Nav_component_ZePSmw9628k"));
1241
1539
  const Plus = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1242
1540
  return /* @__PURE__ */ qwik._jsxS("svg", {
1541
+ xmlns: "http://www.w3.org/2000/svg",
1542
+ viewBox: "0 0 512 512",
1243
1543
  ...props,
1544
+ get height() {
1545
+ return props.width;
1546
+ },
1244
1547
  children: /* @__PURE__ */ qwik._jsxQ("path", null, {
1245
- d: "M256 112v288M400 256H112",
1246
1548
  fill: "none",
1247
1549
  stroke: "currentColor",
1248
1550
  "stroke-linecap": "round",
1249
1551
  "stroke-linejoin": "round",
1250
- "stroke-width": "32"
1552
+ "stroke-width": "32",
1553
+ d: "M256 112v288M400 256H112"
1251
1554
  }, null, 3, null)
1252
1555
  }, {
1556
+ xmlns: qwik._IMMUTABLE,
1557
+ viewBox: qwik._IMMUTABLE,
1253
1558
  height: qwik._fnSignal((p0) => p0.width, [
1254
1559
  props
1255
- ], "p0.width"),
1256
- viewBox: "0 0 512 512",
1257
- xmlns: "http://www.w3.org/2000/svg"
1560
+ ], "p0.width")
1258
1561
  }, 0, "qR_0");
1259
1562
  }, "Plus_component_a7LdBXNrC2w"));
1260
1563
  const Minus = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1261
1564
  return /* @__PURE__ */ qwik._jsxS("svg", {
1565
+ xmlns: "http://www.w3.org/2000/svg",
1566
+ viewBox: "0 0 512 512",
1262
1567
  ...props,
1568
+ get height() {
1569
+ return props.width;
1570
+ },
1263
1571
  children: /* @__PURE__ */ qwik._jsxQ("path", null, {
1264
- d: "M400 256H112",
1265
1572
  fill: "none",
1266
1573
  stroke: "currentColor",
1267
1574
  "stroke-linecap": "round",
1268
1575
  "stroke-linejoin": "round",
1269
- "stroke-width": "32"
1576
+ "stroke-width": "32",
1577
+ d: "M400 256H112"
1270
1578
  }, null, 3, null)
1271
1579
  }, {
1580
+ xmlns: qwik._IMMUTABLE,
1581
+ viewBox: qwik._IMMUTABLE,
1272
1582
  height: qwik._fnSignal((p0) => p0.width, [
1273
1583
  props
1274
- ], "p0.width"),
1275
- viewBox: "0 0 512 512",
1276
- xmlns: "http://www.w3.org/2000/svg"
1584
+ ], "p0.width")
1277
1585
  }, 0, "0g_0");
1278
1586
  }, "Minus_component_oP9l58XNP1Q"));
1279
1587
  const NumberInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -1281,10 +1589,10 @@ const NumberInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1281
1589
  class: "flex flex-col"
1282
1590
  }, [
1283
1591
  /* @__PURE__ */ qwik._jsxQ("label", null, {
1284
- class: "text-gray-300 pb-1 select-none",
1285
1592
  for: qwik._fnSignal((p0) => p0.id, [
1286
1593
  props
1287
- ], "p0.id")
1594
+ ], "p0.id"),
1595
+ class: "text-gray-300 pb-1 select-none"
1288
1596
  }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "gk_0"), 1, null),
1289
1597
  /* @__PURE__ */ qwik._jsxC(NumberInputRaw, {
1290
1598
  ...props,
@@ -1295,6 +1603,7 @@ const NumberInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1295
1603
  const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1296
1604
  const props1 = qwik._restProps(props, [
1297
1605
  "input",
1606
+ "color",
1298
1607
  "onDecrement$",
1299
1608
  "onIncrement$",
1300
1609
  "value",
@@ -1321,10 +1630,13 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1321
1630
  /* @__PURE__ */ qwik._jsxC(Button, {
1322
1631
  size: "sm",
1323
1632
  get color() {
1324
- return props.input ? "gray" : "darkgray";
1633
+ return (props.color ?? "darkgray") == "darkgray" || (props.color ?? "darkgray") == "transparent" ? props.input ? "gray" : "darkgray" : props.color ?? "darkgray";
1634
+ },
1635
+ get transparent() {
1636
+ return (props.color ?? "darkgray") == "transparent";
1325
1637
  },
1326
- "aria-label": "Decrement",
1327
1638
  "data-action": "decrement",
1639
+ "aria-label": "Decrement",
1328
1640
  disabled: props1.min ? (props.value ?? 0) <= props1.min : false,
1329
1641
  onClick$: props.input ? /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
1330
1642
  const [props2] = qwik.useLexicalScope();
@@ -1340,50 +1652,64 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1340
1652
  };
1341
1653
  },
1342
1654
  children: /* @__PURE__ */ qwik._jsxC(Minus, {
1343
- class: "fill-current",
1344
1655
  width: "24",
1656
+ class: "fill-current",
1345
1657
  [qwik._IMMUTABLE]: {
1346
- class: qwik._IMMUTABLE,
1347
- width: qwik._IMMUTABLE
1658
+ width: qwik._IMMUTABLE,
1659
+ class: qwik._IMMUTABLE
1348
1660
  }
1349
1661
  }, 3, "gk_3"),
1350
1662
  [qwik._IMMUTABLE]: {
1663
+ size: qwik._IMMUTABLE,
1664
+ color: qwik._fnSignal((p0) => (p0.color ?? "darkgray") == "darkgray" || (p0.color ?? "darkgray") == "transparent" ? p0.input ? "gray" : "darkgray" : p0.color ?? "darkgray", [
1665
+ props
1666
+ ], '(p0.color??"darkgray")=="darkgray"||(p0.color??"darkgray")=="transparent"?p0.input?"gray":"darkgray":p0.color??"darkgray"'),
1667
+ transparent: qwik._fnSignal((p0) => (p0.color ?? "darkgray") == "transparent", [
1668
+ props
1669
+ ], '(p0.color??"darkgray")=="transparent"'),
1670
+ "data-action": qwik._IMMUTABLE,
1351
1671
  "aria-label": qwik._IMMUTABLE,
1352
1672
  class: qwik._fnSignal((p0) => ({
1353
1673
  "mr-2": p0.input
1354
1674
  }), [
1355
1675
  props
1356
- ], '{"mr-2":p0.input}'),
1357
- color: qwik._fnSignal((p0) => p0.input ? "gray" : "darkgray", [
1358
- props
1359
- ], 'p0.input?"gray":"darkgray"'),
1360
- "data-action": qwik._IMMUTABLE,
1361
- size: qwik._IMMUTABLE
1676
+ ], '{"mr-2":p0.input}')
1362
1677
  }
1363
1678
  }, 0, "gk_4"),
1364
1679
  props.input && /* @__PURE__ */ qwik._jsxS("input", {
1365
1680
  ...props1,
1681
+ type: "number",
1682
+ get value() {
1683
+ return props.value ?? 0;
1684
+ },
1685
+ get step() {
1686
+ return props.step ?? 1;
1687
+ },
1366
1688
  class: {
1367
1689
  [InputClasses]: true,
1690
+ [InputColorClasses[props.color ?? "darkgray"]]: true,
1368
1691
  "text-center": true,
1369
1692
  ...props1.class
1370
1693
  }
1371
1694
  }, {
1372
- step: qwik._fnSignal((p0) => p0.step ?? 1, [
1373
- props
1374
- ], "p0.step??1"),
1375
- type: "number",
1695
+ type: qwik._IMMUTABLE,
1376
1696
  value: qwik._fnSignal((p0) => p0.value ?? 0, [
1377
1697
  props
1378
- ], "p0.value??0")
1698
+ ], "p0.value??0"),
1699
+ step: qwik._fnSignal((p0) => p0.step ?? 1, [
1700
+ props
1701
+ ], "p0.step??1")
1379
1702
  }, 0, "gk_5"),
1380
1703
  /* @__PURE__ */ qwik._jsxC(Button, {
1381
1704
  size: "sm",
1382
1705
  get color() {
1383
- return props.input ? "gray" : "darkgray";
1706
+ return (props.color ?? "darkgray") == "darkgray" || (props.color ?? "darkgray") == "transparent" ? props.input ? "gray" : "darkgray" : props.color ?? "darkgray";
1707
+ },
1708
+ get transparent() {
1709
+ return (props.color ?? "darkgray") == "transparent";
1384
1710
  },
1385
- "aria-label": "Increment",
1386
1711
  "data-action": "increment",
1712
+ "aria-label": "Increment",
1387
1713
  disabled: props1.max ? (props.value ?? 0) >= props1.max : false,
1388
1714
  onClick$: props.input ? /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
1389
1715
  const [props2] = qwik.useLexicalScope();
@@ -1399,25 +1725,28 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1399
1725
  };
1400
1726
  },
1401
1727
  children: /* @__PURE__ */ qwik._jsxC(Plus, {
1402
- class: "fill-current",
1403
1728
  width: "24",
1729
+ class: "fill-current",
1404
1730
  [qwik._IMMUTABLE]: {
1405
- class: qwik._IMMUTABLE,
1406
- width: qwik._IMMUTABLE
1731
+ width: qwik._IMMUTABLE,
1732
+ class: qwik._IMMUTABLE
1407
1733
  }
1408
1734
  }, 3, "gk_6"),
1409
1735
  [qwik._IMMUTABLE]: {
1736
+ size: qwik._IMMUTABLE,
1737
+ color: qwik._fnSignal((p0) => (p0.color ?? "darkgray") == "darkgray" || (p0.color ?? "darkgray") == "transparent" ? p0.input ? "gray" : "darkgray" : p0.color ?? "darkgray", [
1738
+ props
1739
+ ], '(p0.color??"darkgray")=="darkgray"||(p0.color??"darkgray")=="transparent"?p0.input?"gray":"darkgray":p0.color??"darkgray"'),
1740
+ transparent: qwik._fnSignal((p0) => (p0.color ?? "darkgray") == "transparent", [
1741
+ props
1742
+ ], '(p0.color??"darkgray")=="transparent"'),
1743
+ "data-action": qwik._IMMUTABLE,
1410
1744
  "aria-label": qwik._IMMUTABLE,
1411
1745
  class: qwik._fnSignal((p0) => ({
1412
1746
  "ml-2": p0.input
1413
1747
  }), [
1414
1748
  props
1415
- ], '{"ml-2":p0.input}'),
1416
- color: qwik._fnSignal((p0) => p0.input ? "gray" : "darkgray", [
1417
- props
1418
- ], 'p0.input?"gray":"darkgray"'),
1419
- "data-action": qwik._IMMUTABLE,
1420
- size: qwik._IMMUTABLE
1749
+ ], '{"ml-2":p0.input}')
1421
1750
  }
1422
1751
  }, 0, "gk_7")
1423
1752
  ], 1, "gk_8");
@@ -1427,10 +1756,10 @@ const TextArea = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
1427
1756
  class: "flex flex-col"
1428
1757
  }, [
1429
1758
  /* @__PURE__ */ qwik._jsxQ("label", null, {
1430
- class: "text-gray-300 pb-1 select-none",
1431
1759
  for: qwik._fnSignal((p0) => p0.id, [
1432
1760
  props
1433
- ], "p0.id")
1761
+ ], "p0.id"),
1762
+ class: "text-gray-300 pb-1 select-none"
1434
1763
  }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "UP_0"), 1, null),
1435
1764
  /* @__PURE__ */ qwik._jsxC(TextAreaRaw, {
1436
1765
  ...props
@@ -1439,6 +1768,7 @@ const TextArea = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
1439
1768
  }, "TextArea_component_rWDoQFL2c0g"));
1440
1769
  const TextAreaRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1441
1770
  const props1 = qwik._restProps(props, [
1771
+ "color",
1442
1772
  "output"
1443
1773
  ]);
1444
1774
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
@@ -1446,10 +1776,14 @@ const TextAreaRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1446
1776
  ...props1,
1447
1777
  class: {
1448
1778
  [InputClasses]: true,
1779
+ [InputColorClasses[props.color ?? "darkgray"]]: true,
1449
1780
  "h-32": true,
1450
- "cursor-pointer active:bg-gray-600 select-none": props.output,
1781
+ "cursor-pointer select-none": props.output,
1451
1782
  ...props1.class
1452
1783
  },
1784
+ get readOnly() {
1785
+ return props.output;
1786
+ },
1453
1787
  onClick$: props.output ? /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
1454
1788
  navigator.clipboard.writeText(element.value);
1455
1789
  const notification = document.createElement("div");
@@ -1467,10 +1801,208 @@ const TextAreaRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1467
1801
  }, 0, null)
1468
1802
  }, 1, "UP_3");
1469
1803
  }, "TextAreaRaw_component_PZiPScYxgNk"));
1804
+ const toggleOnColorClasses = {
1805
+ slate: {
1806
+ checked: "peer-checked:bg-slate-600 peer-checked:border-slate-500 peer-checked:hover:bg-slate-500 peer-checked:active:bg-slate-400",
1807
+ 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"
1808
+ },
1809
+ gray: {
1810
+ checked: "peer-checked:bg-gray-600 peer-checked:border-gray-500 peer-checked:hover:bg-gray-500 peer-checked:active:bg-gray-400",
1811
+ 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"
1812
+ },
1813
+ darkgray: {
1814
+ checked: "peer-checked:bg-gray-700 peer-checked:border-gray-600 peer-checked:hover:bg-gray-600 peer-checked:active:bg-gray-500",
1815
+ 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"
1816
+ },
1817
+ darkergray: {
1818
+ checked: "peer-checked:bg-gray-800 peer-checked:border-gray-700 peer-checked:hover:bg-gray-700 peer-checked:active:bg-gray-600",
1819
+ 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"
1820
+ },
1821
+ zinc: {
1822
+ checked: "peer-checked:bg-zinc-600 peer-checked:border-zinc-500 peer-checked:hover:bg-zinc-500 peer-checked:active:bg-zinc-400",
1823
+ 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"
1824
+ },
1825
+ neutral: {
1826
+ checked: "peer-checked:bg-neutral-600 peer-checked:border-neutral-500 peer-checked:hover:bg-neutral-500 peer-checked:active:bg-neutral-400",
1827
+ 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"
1828
+ },
1829
+ stone: {
1830
+ checked: "peer-checked:bg-stone-600 peer-checked:border-stone-500 peer-checked:hover:bg-stone-500 peer-checked:active:bg-stone-400",
1831
+ 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"
1832
+ },
1833
+ red: {
1834
+ checked: "peer-checked:bg-red-600 peer-checked:border-red-500 peer-checked:hover:bg-red-500 peer-checked:active:bg-red-400",
1835
+ 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"
1836
+ },
1837
+ orange: {
1838
+ checked: "peer-checked:bg-orange-600 peer-checked:border-orange-500 peer-checked:hover:bg-orange-500 peer-checked:active:bg-orange-400",
1839
+ 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"
1840
+ },
1841
+ amber: {
1842
+ checked: "peer-checked:bg-amber-600 peer-checked:border-amber-500 peer-checked:hover:bg-amber-500 peer-checked:active:bg-amber-400",
1843
+ 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"
1844
+ },
1845
+ yellow: {
1846
+ checked: "peer-checked:bg-yellow-600 peer-checked:border-yellow-500 peer-checked:hover:bg-yellow-500 peer-checked:active:bg-yellow-400",
1847
+ 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"
1848
+ },
1849
+ lime: {
1850
+ checked: "peer-checked:bg-lime-600 peer-checked:border-lime-500 peer-checked:hover:bg-lime-500 peer-checked:active:bg-lime-400",
1851
+ 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"
1852
+ },
1853
+ green: {
1854
+ checked: "peer-checked:bg-green-600 peer-checked:border-green-500 peer-checked:hover:bg-green-500 peer-checked:active:bg-green-400",
1855
+ 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"
1856
+ },
1857
+ emerald: {
1858
+ checked: "peer-checked:bg-emerald-600 peer-checked:border-emerald-500 peer-checked:hover:bg-emerald-500 peer-checked:active:bg-emerald-400",
1859
+ 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"
1860
+ },
1861
+ teal: {
1862
+ checked: "peer-checked:bg-teal-600 peer-checked:border-teal-500 peer-checked:hover:bg-teal-500 peer-checked:active:bg-teal-400",
1863
+ 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"
1864
+ },
1865
+ cyan: {
1866
+ checked: "peer-checked:bg-cyan-600 peer-checked:border-cyan-500 peer-checked:hover:bg-cyan-500 peer-checked:active:bg-cyan-400",
1867
+ 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"
1868
+ },
1869
+ sky: {
1870
+ checked: "peer-checked:bg-sky-600 peer-checked:border-sky-500 peer-checked:hover:bg-sky-500 peer-checked:active:bg-sky-400",
1871
+ 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"
1872
+ },
1873
+ blue: {
1874
+ checked: "peer-checked:bg-blue-600 peer-checked:border-blue-500 peer-checked:hover:bg-blue-500 peer-checked:active:bg-blue-400",
1875
+ 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"
1876
+ },
1877
+ indigo: {
1878
+ checked: "peer-checked:bg-indigo-600 peer-checked:border-indigo-500 peer-checked:hover:bg-indigo-500 peer-checked:active:bg-indigo-400",
1879
+ 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"
1880
+ },
1881
+ violet: {
1882
+ checked: "peer-checked:bg-violet-600 peer-checked:border-violet-500 peer-checked:hover:bg-violet-500 peer-checked:active:bg-violet-400",
1883
+ 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"
1884
+ },
1885
+ purple: {
1886
+ checked: "peer-checked:bg-purple-600 peer-checked:border-purple-500 peer-checked:hover:bg-purple-500 peer-checked:active:bg-purple-400",
1887
+ 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"
1888
+ },
1889
+ fuchsia: {
1890
+ checked: "peer-checked:bg-fuchsia-600 peer-checked:border-fuchsia-500 peer-checked:hover:bg-fuchsia-500 peer-checked:active:bg-fuchsia-400",
1891
+ 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"
1892
+ },
1893
+ pink: {
1894
+ checked: "peer-checked:bg-pink-600 peer-checked:border-pink-500 peer-checked:hover:bg-pink-500 peer-checked:active:bg-pink-400",
1895
+ 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"
1896
+ },
1897
+ rose: {
1898
+ checked: "peer-checked:bg-rose-600 peer-checked:border-rose-500 peer-checked:hover:bg-rose-500 peer-checked:active:bg-rose-400",
1899
+ 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"
1900
+ }
1901
+ };
1902
+ const toggleOffColorClasses = {
1903
+ slate: {
1904
+ unchecked: "bg-slate-700 border-slate-600 hover:bg-slate-600 active:bg-slate-500",
1905
+ uncheckedAfter: "after:bg-slate-600 after:border-slate-500 after:hover:bg-slate-500 after:active:bg-slate-400"
1906
+ },
1907
+ gray: {
1908
+ unchecked: "bg-gray-700 border-gray-600 hover:bg-gray-600 active:bg-gray-500",
1909
+ uncheckedAfter: "after:bg-gray-600 after:border-gray-500 after:hover:bg-gray-500 after:active:bg-gray-400"
1910
+ },
1911
+ darkgray: {
1912
+ unchecked: "bg-gray-800 border-gray-700 hover:bg-gray-700 active:bg-gray-600",
1913
+ uncheckedAfter: "after:bg-gray-700 after:border-gray-600 after:hover:bg-gray-600 after:active:bg-gray-500"
1914
+ },
1915
+ darkergray: {
1916
+ unchecked: "bg-gray-900 border-gray-800 hover:bg-gray-800 active:bg-gray-700",
1917
+ uncheckedAfter: "after:bg-gray-800 after:border-gray-700 after:hover:bg-gray-700 after:active:bg-gray-600"
1918
+ },
1919
+ zinc: {
1920
+ unchecked: "bg-zinc-700 border-zinc-600 hover:bg-zinc-600 active:bg-zinc-500",
1921
+ uncheckedAfter: "after:bg-zinc-600 after:border-zinc-500 after:hover:bg-zinc-500 after:active:bg-zinc-400"
1922
+ },
1923
+ neutral: {
1924
+ unchecked: "bg-neutral-700 border-neutral-600 hover:bg-neutral-600 active:bg-neutral-500",
1925
+ uncheckedAfter: "after:bg-neutral-600 after:border-neutral-500 after:hover:bg-neutral-500 after:active:bg-neutral-400"
1926
+ },
1927
+ stone: {
1928
+ unchecked: "bg-stone-700 border-stone-600 hover:bg-stone-600 active:bg-stone-500",
1929
+ uncheckedAfter: "after:bg-stone-600 after:border-stone-500 after:hover:bg-stone-500 after:active:bg-stone-400"
1930
+ },
1931
+ red: {
1932
+ unchecked: "bg-red-700 border-red-600 hover:bg-red-600 active:bg-red-500",
1933
+ uncheckedAfter: "after:bg-red-600 after:border-red-500 after:hover:bg-red-500 after:active:bg-red-400"
1934
+ },
1935
+ orange: {
1936
+ unchecked: "bg-orange-700 border-orange-600 hover:bg-orange-600 active:bg-orange-500",
1937
+ uncheckedAfter: "after:bg-orange-600 after:border-orange-500 after:hover:bg-orange-500 after:active:bg-orange-400"
1938
+ },
1939
+ amber: {
1940
+ unchecked: "bg-amber-700 border-amber-600 hover:bg-amber-600 active:bg-amber-500",
1941
+ uncheckedAfter: "after:bg-amber-600 after:border-amber-500 after:hover:bg-amber-500 after:active:bg-amber-400"
1942
+ },
1943
+ yellow: {
1944
+ unchecked: "bg-yellow-700 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500",
1945
+ uncheckedAfter: "after:bg-yellow-600 after:border-yellow-500 after:hover:bg-yellow-500 after:active:bg-yellow-400"
1946
+ },
1947
+ lime: {
1948
+ unchecked: "bg-lime-700 border-lime-600 hover:bg-lime-600 active:bg-lime-500",
1949
+ uncheckedAfter: "after:bg-lime-600 after:border-lime-500 after:hover:bg-lime-500 after:active:bg-lime-400"
1950
+ },
1951
+ green: {
1952
+ unchecked: "bg-green-700 border-green-600 hover:bg-green-600 active:bg-green-500",
1953
+ uncheckedAfter: "after:bg-green-600 after:border-green-500 after:hover:bg-green-500 after:active:bg-green-400"
1954
+ },
1955
+ emerald: {
1956
+ unchecked: "bg-emerald-700 border-emerald-600 hover:bg-emerald-600 active:bg-emerald-500",
1957
+ uncheckedAfter: "after:bg-emerald-600 after:border-emerald-500 after:hover:bg-emerald-500 after:active:bg-emerald-400"
1958
+ },
1959
+ teal: {
1960
+ unchecked: "bg-teal-700 border-teal-600 hover:bg-teal-600 active:bg-teal-500",
1961
+ uncheckedAfter: "after:bg-teal-600 after:border-teal-500 after:hover:bg-teal-500 after:active:bg-teal-400"
1962
+ },
1963
+ cyan: {
1964
+ unchecked: "bg-cyan-700 border-cyan-600 hover:bg-cyan-600 active:bg-cyan-500",
1965
+ uncheckedAfter: "after:bg-cyan-600 after:border-cyan-500 after:hover:bg-cyan-500 after:active:bg-cyan-400"
1966
+ },
1967
+ sky: {
1968
+ unchecked: "bg-sky-700 border-sky-600 hover:bg-sky-600 active:bg-sky-500",
1969
+ uncheckedAfter: "after:bg-sky-600 after:border-sky-500 after:hover:bg-sky-500 after:active:bg-sky-400"
1970
+ },
1971
+ blue: {
1972
+ unchecked: "bg-blue-700 border-blue-600 hover:bg-blue-600 active:bg-blue-500",
1973
+ uncheckedAfter: "after:bg-blue-600 after:border-blue-500 after:hover:bg-blue-500 after:active:bg-blue-400"
1974
+ },
1975
+ indigo: {
1976
+ unchecked: "bg-indigo-700 border-indigo-600 hover:bg-indigo-600 active:bg-indigo-500",
1977
+ uncheckedAfter: "after:bg-indigo-600 after:border-indigo-500 after:hover:bg-indigo-500 after:active:bg-indigo-400"
1978
+ },
1979
+ violet: {
1980
+ unchecked: "bg-violet-700 border-violet-600 hover:bg-violet-600 active:bg-violet-500",
1981
+ uncheckedAfter: "after:bg-violet-600 after:border-violet-500 after:hover:bg-violet-500 after:active:bg-violet-400"
1982
+ },
1983
+ purple: {
1984
+ unchecked: "bg-purple-700 border-purple-600 hover:bg-purple-600 active:bg-purple-500",
1985
+ uncheckedAfter: "after:bg-purple-600 after:border-purple-500 after:hover:bg-purple-500 after:active:bg-purple-400"
1986
+ },
1987
+ fuchsia: {
1988
+ unchecked: "bg-fuchsia-700 border-fuchsia-600 hover:bg-fuchsia-600 active:bg-fuchsia-500",
1989
+ uncheckedAfter: "after:bg-fuchsia-600 after:border-fuchsia-500 after:hover:bg-fuchsia-500 after:active:bg-fuchsia-400"
1990
+ },
1991
+ pink: {
1992
+ unchecked: "bg-pink-700 border-pink-600 hover:bg-pink-600 active:bg-pink-500",
1993
+ uncheckedAfter: "after:bg-pink-600 after:border-pink-500 after:hover:bg-pink-500 after:active:bg-pink-400"
1994
+ },
1995
+ rose: {
1996
+ unchecked: "bg-rose-700 border-rose-600 hover:bg-rose-600 active:bg-rose-500",
1997
+ uncheckedAfter: "after:bg-rose-600 after:border-rose-500 after:hover:bg-rose-500 after:active:bg-rose-400"
1998
+ }
1999
+ };
1470
2000
  const Toggle = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1471
2001
  const props1 = qwik._restProps(props, [
1472
2002
  "center",
1473
- "label"
2003
+ "label",
2004
+ "onColor",
2005
+ "offColor"
1474
2006
  ]);
1475
2007
  return /* @__PURE__ */ qwik._jsxQ("div", null, {
1476
2008
  class: qwik._fnSignal((p0) => ({
@@ -1484,24 +2016,26 @@ const Toggle = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
1484
2016
  class: "inline-flex relative items-center cursor-pointer"
1485
2017
  }, [
1486
2018
  /* @__PURE__ */ qwik._jsxS("input", {
2019
+ type: "checkbox",
1487
2020
  ...props1,
1488
2021
  class: {
1489
2022
  "sr-only peer": true,
1490
2023
  ...props1.class
1491
2024
  }
1492
2025
  }, {
1493
- type: "checkbox"
2026
+ type: qwik._IMMUTABLE
1494
2027
  }, 0, null),
1495
- /* @__PURE__ */ qwik._jsxQ("div", null, {
2028
+ /* @__PURE__ */ qwik._jsxQ("div", {
1496
2029
  class: {
1497
2030
  "motion-safe:transition ease-in-out w-12 h-7 rounded-md peer border hover:shadow-lg": true,
1498
- "bg-gray-800 border-gray-700 hover:bg-gray-700 active:bg-gray-600": true,
1499
- "after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:border after:rounded-md after:h-5 after:w-5 after:motion-safe:transition-all after:ease-in-out": true,
1500
- "after:bg-gray-700 after:border-gray-600 after:hover:bg-gray-600 after:active:bg-gray-500": true,
1501
- "peer-checked:bg-blue-700 peer-checked:border-blue-600 peer-checked:hover:bg-blue-600 peer-checked:active:bg-blue-500": true,
1502
- "peer-checked:after:translate-x-full peer-checked:after:bg-blue-600 peer-checked:after:border-blue-500 peer-checked:after:hover:bg-blue-500 peer-checked:after:active:bg-blue-400": true
2031
+ "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,
2032
+ "peer-checked:after:translate-x-full": true,
2033
+ [toggleOnColorClasses[props.onColor ?? "blue"].checked]: true,
2034
+ [toggleOnColorClasses[props.onColor ?? "blue"].checkedAfter]: true,
2035
+ [toggleOffColorClasses[props.offColor ?? "darkgray"].unchecked]: true,
2036
+ [toggleOffColorClasses[props.offColor ?? "darkgray"].uncheckedAfter]: true
1503
2037
  }
1504
- }, null, 3, null)
2038
+ }, null, null, 3, null)
1505
2039
  ], 1, null),
1506
2040
  props.label && /* @__PURE__ */ qwik._jsxQ("label", {
1507
2041
  for: qwik._wrapSignal(props1, "id")
@@ -1518,15 +2052,22 @@ const LogoBirdflop = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
1518
2052
  "fillGradient"
1519
2053
  ]);
1520
2054
  return /* @__PURE__ */ qwik._jsxS("svg", {
2055
+ xmlns: "http://www.w3.org/2000/svg",
2056
+ "xmlns:xlink": "http://www.w3.org/1999/xlink",
2057
+ viewBox: "0 0 1080 1080",
1521
2058
  ...props1,
2059
+ get height() {
2060
+ return props1.width;
2061
+ },
2062
+ height: qwik._wrapSignal(props1, "width"),
1522
2063
  children: [
1523
2064
  /* @__PURE__ */ qwik._jsxQ("defs", null, null, [
1524
2065
  props.fillGradient && /* @__PURE__ */ qwik._jsxQ("linearGradient", null, {
1525
- gradientUnits: "objectBoundingBox",
1526
2066
  id: "linear-gradient",
1527
2067
  x1: "0.5",
1528
2068
  x2: "0.5",
1529
- y2: "1"
2069
+ y2: "1",
2070
+ gradientUnits: "objectBoundingBox"
1530
2071
  }, props.fillGradient.map((color, i) => /* @__PURE__ */ qwik._jsxQ("stop", {
1531
2072
  offset: i / (props.fillGradient.length - 1),
1532
2073
  "stop-color": color
@@ -1534,28 +2075,28 @@ const LogoBirdflop = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
1534
2075
  /* @__PURE__ */ qwik._jsxQ("clipPath", null, {
1535
2076
  id: "clip-bf_3"
1536
2077
  }, /* @__PURE__ */ qwik._jsxQ("rect", null, {
1537
- height: "1080",
1538
- width: "1080"
2078
+ width: "1080",
2079
+ height: "1080"
1539
2080
  }, null, 3, null), 3, null)
1540
2081
  ], 1, null),
1541
2082
  /* @__PURE__ */ qwik._jsxQ("g", null, {
1542
- "clip-path": "url(#clip-bf_3)",
2083
+ id: "bf_3",
1543
2084
  "data-name": "bf - 3",
1544
- fill: "currentColor",
1545
- id: "bf_3"
2085
+ "clip-path": "url(#clip-bf_3)",
2086
+ fill: "currentColor"
1546
2087
  }, /* @__PURE__ */ qwik._jsxQ("path", null, {
1547
- d: "M-1886.608-89.36c-8.311-65.774-27.64-219.008-27.64-221.333a.279.279,0,0,1,.09-.159q-.474-4.88-.477-9.885A101.066,101.066,0,0,1-1813.61-421.844a100.671,100.671,0,0,1,71.913,30.1l.093-.042c-.077-.093-8.783-10.549-22.7-24.758-8.216-8.388-16.645-16.459-25.052-23.993-10.51-9.417-21.018-18.013-31.23-25.552a120.5,120.5,0,0,0-40.468-71.567,119.916,119.916,0,0,0-77.984-28.881c-66.215,0-120.083,53.941-120.083,120.244h-.237v116.01h-.24c-.131,132.971-107.6,240.728-240.16,240.728V-330.289H-2300V-449.818h.362V-931.536h0V-1170c132.71,0,240.293,106.764,240.293,238.464v145.112a358.089,358.089,0,0,1,47.7-13.28,362.475,362.475,0,0,1,72.6-7.329,362.455,362.455,0,0,1,72.6,7.329,358.112,358.112,0,0,1,67.622,21.02,360.042,360.042,0,0,1,61.191,33.26,362.833,362.833,0,0,1,53.315,44.049,363.178,363.178,0,0,1,43.99,53.387,360.83,360.83,0,0,1,33.213,61.276A359.3,359.3,0,0,1-1586.118-519a363.948,363.948,0,0,1,7.317,72.7,363.957,363.957,0,0,1-7.317,72.7,359.333,359.333,0,0,1-20.992,67.714,360.95,360.95,0,0,1-33.213,61.277,363.233,363.233,0,0,1-43.99,53.388,362.833,362.833,0,0,1-53.315,44.049,360.017,360.017,0,0,1-61.191,33.259,358.108,358.108,0,0,1-67.622,21.02c-6.636,1.36-13.421,2.548-20.165,3.532Zm-79.831-365.056a27.049,27.049,0,0,1,27.038-27.059,27.048,27.048,0,0,1,27.037,27.059,27.049,27.049,0,0,1-27.037,27.06A27.05,27.05,0,0,1-1966.439-454.416Z",
2088
+ id: "Union_26",
1548
2089
  "data-name": "Union 26",
2090
+ 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",
2091
+ transform: "translate(2479.9 1169.7)",
1549
2092
  fill: qwik._fnSignal((p0) => p0.fillGradient ? "url(#linear-gradient)" : "", [
1550
2093
  props
1551
- ], 'p0.fillGradient?"url(#linear-gradient)":""'),
1552
- id: "Union_26",
1553
- transform: "translate(2479.9 1169.7)"
2094
+ ], 'p0.fillGradient?"url(#linear-gradient)":""')
1554
2095
  }, null, 3, null), 3, null),
1555
2096
  props.confused && /* @__PURE__ */ qwik._jsxQ("g", null, {
1556
- fill: "#1E2837",
2097
+ style: "transform: translate(595px, 460px) scale(0.375)",
1557
2098
  stroke: "#1E2837",
1558
- style: "transform: translate(595px, 460px) scale(0.375)"
2099
+ fill: "#1E2837"
1559
2100
  }, [
1560
2101
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1561
2102
  d: "M160 164s1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 298.36 248 324",
@@ -1571,89 +2112,124 @@ const LogoBirdflop = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
1571
2112
  style: "transform: translate(0, 30px)"
1572
2113
  }, null, 3, null)
1573
2114
  ], 3, "Ie_1")
1574
- ],
1575
- height: qwik._wrapSignal(props1, "width")
2115
+ ]
1576
2116
  }, {
1577
- viewBox: "0 0 1080 1080",
1578
- xmlns: "http://www.w3.org/2000/svg",
1579
- "xmlns:xlink": "http://www.w3.org/1999/xlink"
2117
+ xmlns: qwik._IMMUTABLE,
2118
+ "xmlns:xlink": qwik._IMMUTABLE,
2119
+ viewBox: qwik._IMMUTABLE
1580
2120
  }, 0, "Ie_2");
1581
2121
  }, "LogoBirdflop_component_mKG3xZaEE5w"));
1582
2122
  const LogoDiscord = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1583
2123
  return /* @__PURE__ */ qwik._jsxS("svg", {
2124
+ xmlns: "http://www.w3.org/2000/svg",
2125
+ viewBox: "0 0 127.14 96.36",
2126
+ fill: "currentColor",
1584
2127
  ...props,
2128
+ get height() {
2129
+ return props.width;
2130
+ },
1585
2131
  children: /* @__PURE__ */ qwik._jsxQ("path", null, {
1586
2132
  d: "M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"
1587
2133
  }, null, 3, null)
1588
2134
  }, {
1589
- fill: "currentColor",
2135
+ xmlns: qwik._IMMUTABLE,
2136
+ viewBox: qwik._IMMUTABLE,
2137
+ fill: qwik._IMMUTABLE,
1590
2138
  height: qwik._fnSignal((p0) => p0.width, [
1591
2139
  props
1592
- ], "p0.width"),
1593
- viewBox: "0 0 127.14 96.36",
1594
- xmlns: "http://www.w3.org/2000/svg"
2140
+ ], "p0.width")
1595
2141
  }, 0, "V4_0");
1596
2142
  }, "LogoDiscord_component_pyJvo9cIDdU"));
1597
2143
  const LogoFabric = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1598
2144
  return /* @__PURE__ */ qwik._jsxS("svg", {
2145
+ xmlns: "http://www.w3.org/2000/svg",
2146
+ "xml:space": "preserve",
2147
+ "fill-rule": "evenodd",
2148
+ "stroke-linecap": "round",
2149
+ "stroke-linejoin": "round",
2150
+ "clip-rule": "evenodd",
2151
+ viewBox: "0 0 24 24",
1599
2152
  ...props,
2153
+ get height() {
2154
+ return props.width;
2155
+ },
1600
2156
  children: [
1601
2157
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1602
- d: "M0 0h24v24H0z",
1603
- fill: "none"
2158
+ fill: "none",
2159
+ d: "M0 0h24v24H0z"
1604
2160
  }, null, 3, null),
1605
2161
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1606
- d: "m820 761-85.6-87.6c-4.6-4.7-10.4-9.6-25.9 1-19.9 13.6-8.4 21.9-5.2 25.4 8.2 9 84.1 89 97.2 104 2.5 2.8-20.3-22.5-6.5-39.7 5.4-7 18-12 26-3 6.5 7.3 10.7 18-3.4 29.7-24.7 20.4-102 82.4-127 103-12.5 10.3-28.5 2.3-35.8-6-7.5-8.9-30.6-34.6-51.3-58.2-5.5-6.3-4.1-19.6 2.3-25 35-30.3 91.9-73.8 111.9-90.8",
1607
2162
  fill: "none",
1608
2163
  stroke: "currentColor",
1609
2164
  "stroke-width": "23",
2165
+ d: "m820 761-85.6-87.6c-4.6-4.7-10.4-9.6-25.9 1-19.9 13.6-8.4 21.9-5.2 25.4 8.2 9 84.1 89 97.2 104 2.5 2.8-20.3-22.5-6.5-39.7 5.4-7 18-12 26-3 6.5 7.3 10.7 18-3.4 29.7-24.7 20.4-102 82.4-127 103-12.5 10.3-28.5 2.3-35.8-6-7.5-8.9-30.6-34.6-51.3-58.2-5.5-6.3-4.1-19.6 2.3-25 35-30.3 91.9-73.8 111.9-90.8",
1610
2166
  transform: "matrix(.08671 0 0 .0867 -49.8 -56)"
1611
2167
  }, null, 3, null)
1612
2168
  ]
1613
2169
  }, {
1614
- "clip-rule": "evenodd",
1615
- "fill-rule": "evenodd",
2170
+ xmlns: qwik._IMMUTABLE,
2171
+ "xml:space": qwik._IMMUTABLE,
2172
+ "fill-rule": qwik._IMMUTABLE,
2173
+ "stroke-linecap": qwik._IMMUTABLE,
2174
+ "stroke-linejoin": qwik._IMMUTABLE,
2175
+ "clip-rule": qwik._IMMUTABLE,
2176
+ viewBox: qwik._IMMUTABLE,
1616
2177
  height: qwik._fnSignal((p0) => p0.width, [
1617
2178
  props
1618
- ], "p0.width"),
1619
- "stroke-linecap": "round",
1620
- "stroke-linejoin": "round",
1621
- viewBox: "0 0 24 24",
1622
- "xml:space": "preserve",
1623
- xmlns: "http://www.w3.org/2000/svg"
2179
+ ], "p0.width")
1624
2180
  }, 0, "W4_0");
1625
2181
  }, "LogoFabric_component_bOPyyyFEHuI"));
1626
2182
  const LogoForge = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1627
2183
  return /* @__PURE__ */ qwik._jsxS("svg", {
2184
+ "xml:space": "preserve",
2185
+ "fill-rule": "evenodd",
2186
+ "stroke-linecap": "round",
2187
+ "stroke-linejoin": "round",
2188
+ "stroke-miterlimit": "1.5",
2189
+ "clip-rule": "evenodd",
2190
+ viewBox: "0 0 24 24",
1628
2191
  ...props,
2192
+ get height() {
2193
+ return props.width;
2194
+ },
1629
2195
  children: [
1630
2196
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1631
- d: "M0 0h24v24H0z",
1632
- fill: "none"
2197
+ fill: "none",
2198
+ d: "M0 0h24v24H0z"
1633
2199
  }, null, 3, null),
1634
2200
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1635
- d: "M2 7.5h8v-2h12v2s-7 3.4-7 6 3.1 3.1 3.1 3.1l.9 3.9H5l1-4.1s3.8.1 4-2.9c.2-2.7-6.5-.7-8-6Z",
1636
2201
  fill: "none",
1637
2202
  stroke: "currentColor",
1638
- "stroke-width": "2"
2203
+ "stroke-width": "2",
2204
+ d: "M2 7.5h8v-2h12v2s-7 3.4-7 6 3.1 3.1 3.1 3.1l.9 3.9H5l1-4.1s3.8.1 4-2.9c.2-2.7-6.5-.7-8-6Z"
1639
2205
  }, null, 3, null)
1640
2206
  ]
1641
2207
  }, {
1642
- "clip-rule": "evenodd",
1643
- "fill-rule": "evenodd",
2208
+ "xml:space": qwik._IMMUTABLE,
2209
+ "fill-rule": qwik._IMMUTABLE,
2210
+ "stroke-linecap": qwik._IMMUTABLE,
2211
+ "stroke-linejoin": qwik._IMMUTABLE,
2212
+ "stroke-miterlimit": qwik._IMMUTABLE,
2213
+ "clip-rule": qwik._IMMUTABLE,
2214
+ viewBox: qwik._IMMUTABLE,
1644
2215
  height: qwik._fnSignal((p0) => p0.width, [
1645
2216
  props
1646
- ], "p0.width"),
1647
- "stroke-linecap": "round",
1648
- "stroke-linejoin": "round",
1649
- "stroke-miterlimit": "1.5",
1650
- viewBox: "0 0 24 24",
1651
- "xml:space": "preserve"
2217
+ ], "p0.width")
1652
2218
  }, 0, "6E_0");
1653
2219
  }, "LogoForge_component_mRpm0rEP3vY"));
1654
2220
  const LogoLuminescent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1655
2221
  return /* @__PURE__ */ qwik._jsxS("svg", {
2222
+ xmlns: "http://www.w3.org/2000/svg",
2223
+ "xmlns:xlink": "http://www.w3.org/1999/xlink",
2224
+ zoomAndPan: "magnify",
2225
+ viewBox: "80 80 220 220",
2226
+ preserveAspectRatio: "xMidYMid meet",
2227
+ version: "1.0",
2228
+ fill: "currentColor",
1656
2229
  ...props,
2230
+ get height() {
2231
+ return props.width;
2232
+ },
1657
2233
  children: /* @__PURE__ */ qwik._jsxQ("g", null, {
1658
2234
  "fill-opacity": "1"
1659
2235
  }, /* @__PURE__ */ qwik._jsxQ("g", null, {
@@ -1662,20 +2238,27 @@ const LogoLuminescent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
1662
2238
  d: "M 119.476562 -167.570312 C 90.671875 -133.253906 37.820312 -144.527344 30.308594 -109.710938 C 26.550781 -92.175781 39.074219 -75.644531 62.367188 -76.394531 C 67.878906 -77.398438 69.882812 -87.917969 66.628906 -90.671875 C 56.859375 -92.675781 55.855469 -99.691406 57.609375 -107.453125 C 62.117188 -125.988281 93.929688 -123.734375 113.96875 -147.28125 C 103.949219 -115.21875 96.933594 -78.902344 83.910156 -43.582031 C 59.363281 -58.863281 23.796875 -50.847656 21.542969 -27.050781 C 19.285156 -8.765625 32.8125 3.257812 55.355469 2.253906 C 72.386719 1.753906 80.902344 -4.007812 89.921875 -12.023438 C 112.464844 15.277344 138.261719 52.097656 181.347656 37.570312 C 188.609375 30.558594 183.347656 14.777344 177.085938 15.277344 C 147.28125 25.546875 132 1.253906 104.699219 -28.054688 C 119.476562 -56.105469 134.003906 -124.738281 148.53125 -167.320312 C 147.53125 -173.582031 124.488281 -177.339844 119.476562 -167.570312 Z M 46.339844 -28.804688 C 50.347656 -38.324219 68.128906 -36.570312 77.148438 -27.550781 C 72.890625 -20.789062 66.628906 -15.027344 57.359375 -15.027344 C 46.085938 -15.027344 43.332031 -22.792969 46.339844 -28.804688 Z M 46.339844 -28.804688 "
1663
2239
  }, null, 3, null), 3, null), 3, null)
1664
2240
  }, {
1665
- fill: "currentColor",
2241
+ xmlns: qwik._IMMUTABLE,
2242
+ "xmlns:xlink": qwik._IMMUTABLE,
2243
+ zoomAndPan: qwik._IMMUTABLE,
2244
+ viewBox: qwik._IMMUTABLE,
2245
+ preserveAspectRatio: qwik._IMMUTABLE,
2246
+ version: qwik._IMMUTABLE,
2247
+ fill: qwik._IMMUTABLE,
1666
2248
  height: qwik._fnSignal((p0) => p0.width, [
1667
2249
  props
1668
- ], "p0.width"),
1669
- preserveAspectRatio: "xMidYMid meet",
1670
- version: "1.0",
1671
- viewBox: "80 80 220 220",
1672
- xmlns: "http://www.w3.org/2000/svg",
1673
- "xmlns:xlink": "http://www.w3.org/1999/xlink",
1674
- zoomAndPan: "magnify"
2250
+ ], "p0.width")
1675
2251
  }, 0, "Jv_0");
1676
2252
  }, "LogoLuminescent_component_2ppcIednMJs"));
1677
2253
  const LogoLuminescentFull = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1678
2254
  return /* @__PURE__ */ qwik._jsxS("svg", {
2255
+ xmlns: "http://www.w3.org/2000/svg",
2256
+ "xmlns:xlink": "http://www.w3.org/1999/xlink",
2257
+ zoomAndPan: "magnify",
2258
+ viewBox: "30 60 1160 200",
2259
+ preserveAspectRatio: "xMidYMid meet",
2260
+ version: "1.0",
2261
+ fill: "currentColor",
1679
2262
  ...props,
1680
2263
  children: [
1681
2264
  /* @__PURE__ */ qwik._jsxQ("g", null, {
@@ -1757,59 +2340,76 @@ const LogoLuminescentFull = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qw
1757
2340
  }, null, 3, null), 3, null), 3, null)
1758
2341
  ]
1759
2342
  }, {
1760
- fill: "currentColor",
1761
- preserveAspectRatio: "xMidYMid meet",
1762
- version: "1.0",
1763
- viewBox: "30 60 1160 200",
1764
- xmlns: "http://www.w3.org/2000/svg",
1765
- "xmlns:xlink": "http://www.w3.org/1999/xlink",
1766
- zoomAndPan: "magnify"
2343
+ xmlns: qwik._IMMUTABLE,
2344
+ "xmlns:xlink": qwik._IMMUTABLE,
2345
+ zoomAndPan: qwik._IMMUTABLE,
2346
+ viewBox: qwik._IMMUTABLE,
2347
+ preserveAspectRatio: qwik._IMMUTABLE,
2348
+ version: qwik._IMMUTABLE,
2349
+ fill: qwik._IMMUTABLE
1767
2350
  }, 0, "Jv_1");
1768
2351
  }, "LogoLuminescentFull_component_UNzyq3QUKpA"));
1769
2352
  const LogoPaper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1770
2353
  return /* @__PURE__ */ qwik._jsxS("svg", {
2354
+ "xml:space": "preserve",
2355
+ "fill-rule": "evenodd",
2356
+ "stroke-linecap": "round",
2357
+ "stroke-linejoin": "round",
2358
+ "stroke-miterlimit": "1.5",
2359
+ "clip-rule": "evenodd",
2360
+ viewBox: "0 0 24 24",
1771
2361
  ...props,
2362
+ get height() {
2363
+ return props.width;
2364
+ },
1772
2365
  children: [
1773
2366
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1774
- d: "M0 0h24v24H0z",
1775
- fill: "none"
2367
+ fill: "none",
2368
+ d: "M0 0h24v24H0z"
1776
2369
  }, null, 3, null),
1777
2370
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1778
- d: "m12 18 6 2 3-17L2 14l6 2",
1779
2371
  fill: "none",
1780
2372
  stroke: "currentColor",
1781
- "stroke-width": "2"
2373
+ "stroke-width": "2",
2374
+ d: "m12 18 6 2 3-17L2 14l6 2"
1782
2375
  }, null, 3, null),
1783
2376
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1784
- d: "m9 21-1-5 4 2-3 3Z",
1785
2377
  stroke: "currentColor",
1786
- "stroke-width": "2"
2378
+ "stroke-width": "2",
2379
+ d: "m9 21-1-5 4 2-3 3Z"
1787
2380
  }, null, 3, null),
1788
2381
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1789
- d: "m12 18-4-2 10-9-6 11Z",
1790
- fill: "currentColor"
2382
+ fill: "currentColor",
2383
+ d: "m12 18-4-2 10-9-6 11Z"
1791
2384
  }, null, 3, null)
1792
2385
  ]
1793
2386
  }, {
1794
- "clip-rule": "evenodd",
1795
- "fill-rule": "evenodd",
2387
+ "xml:space": qwik._IMMUTABLE,
2388
+ "fill-rule": qwik._IMMUTABLE,
2389
+ "stroke-linecap": qwik._IMMUTABLE,
2390
+ "stroke-linejoin": qwik._IMMUTABLE,
2391
+ "stroke-miterlimit": qwik._IMMUTABLE,
2392
+ "clip-rule": qwik._IMMUTABLE,
2393
+ viewBox: qwik._IMMUTABLE,
1796
2394
  height: qwik._fnSignal((p0) => p0.width, [
1797
2395
  props
1798
- ], "p0.width"),
1799
- "stroke-linecap": "round",
1800
- "stroke-linejoin": "round",
1801
- "stroke-miterlimit": "1.5",
1802
- viewBox: "0 0 24 24",
1803
- "xml:space": "preserve"
2396
+ ], "p0.width")
1804
2397
  }, 0, "2r_0");
1805
2398
  }, "LogoPaper_component_pBDmaKNS7m4"));
1806
2399
  const LogoPterodactyl = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1807
2400
  return /* @__PURE__ */ qwik._jsxS("svg", {
2401
+ version: "1.0",
2402
+ xmlns: "http://www.w3.org/2000/svg",
2403
+ viewBox: "0 0 180 180",
2404
+ preserveAspectRatio: "xMidYMid meet",
1808
2405
  ...props,
2406
+ get height() {
2407
+ return props.width;
2408
+ },
1809
2409
  children: /* @__PURE__ */ qwik._jsxQ("g", null, {
2410
+ transform: "translate(0,180) scale(0.100000,-0.100000)",
1810
2411
  fill: "currentColor",
1811
- stroke: "none",
1812
- transform: "translate(0,180) scale(0.100000,-0.100000)"
2412
+ stroke: "none"
1813
2413
  }, [
1814
2414
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1815
2415
  d: "M965 1489 c-86 -13 -231 -63 -305 -107 -70 -41 -175 -138 -204 -190 l-18 -34 53 32 c127 75 410 193 425 177 3 -3 -3 -18 -13 -34 l-18 -28 40 33 c39 32 136 99 205 140 l35 22 -70 -1 c-38 -1 -97 -5 -130 -10z"
@@ -1825,89 +2425,104 @@ const LogoPterodactyl = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
1825
2425
  }, null, 3, null)
1826
2426
  ], 3, null)
1827
2427
  }, {
2428
+ version: qwik._IMMUTABLE,
2429
+ xmlns: qwik._IMMUTABLE,
2430
+ viewBox: qwik._IMMUTABLE,
2431
+ preserveAspectRatio: qwik._IMMUTABLE,
1828
2432
  height: qwik._fnSignal((p0) => p0.width, [
1829
2433
  props
1830
- ], "p0.width"),
1831
- preserveAspectRatio: "xMidYMid meet",
1832
- version: "1.0",
1833
- viewBox: "0 0 180 180",
1834
- xmlns: "http://www.w3.org/2000/svg"
2434
+ ], "p0.width")
1835
2435
  }, 0, "DN_0");
1836
2436
  }, "LogoPterodactyl_component_wVJW9cHcHoo"));
1837
2437
  const LogoPurpur = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1838
2438
  return /* @__PURE__ */ qwik._jsxS("svg", {
2439
+ "xml:space": "preserve",
2440
+ "fill-rule": "evenodd",
2441
+ "stroke-linecap": "round",
2442
+ "stroke-linejoin": "round",
2443
+ "stroke-miterlimit": "1.5",
2444
+ "clip-rule": "evenodd",
2445
+ viewBox: "0 0 24 24",
1839
2446
  ...props,
2447
+ get height() {
2448
+ return props.width;
2449
+ },
1840
2450
  children: [
1841
2451
  /* @__PURE__ */ qwik._jsxQ("defs", null, null, /* @__PURE__ */ qwik._jsxQ("path", null, {
1842
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1843
- fill: "none",
1844
2452
  id: "purpur",
2453
+ fill: "none",
1845
2454
  stroke: "currentColor",
1846
- "stroke-width": "1.68"
2455
+ "stroke-width": "1.68",
2456
+ d: "m264 41.95 8-4v8l-8 4v-8Z"
1847
2457
  }, null, 3, null), 3, null),
1848
2458
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1849
- d: "M0 0h24v24H0z",
1850
- fill: "none"
2459
+ fill: "none",
2460
+ d: "M0 0h24v24H0z"
1851
2461
  }, null, 3, null),
1852
2462
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1853
- d: "m264 29.95-8 4 8 4.42 8-4.42-8-4Z",
1854
2463
  fill: "none",
1855
2464
  stroke: "currentColor",
1856
2465
  "stroke-width": "1.77",
2466
+ d: "m264 29.95-8 4 8 4.42 8-4.42-8-4Z",
1857
2467
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1858
2468
  }, null, 3, null),
1859
2469
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1860
- d: "m272 38.37-8 4.42-8-4.42",
1861
2470
  fill: "none",
1862
2471
  stroke: "currentColor",
1863
2472
  "stroke-width": "1.77",
2473
+ d: "m272 38.37-8 4.42-8-4.42",
1864
2474
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1865
2475
  }, null, 3, null),
1866
2476
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1867
- d: "m260 31.95 8 4.21V45",
1868
2477
  fill: "none",
1869
2478
  stroke: "currentColor",
1870
2479
  "stroke-width": "1.77",
2480
+ d: "m260 31.95 8 4.21V45",
1871
2481
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1872
2482
  }, null, 3, null),
1873
2483
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1874
- d: "M260 45v-8.84l8-4.21",
1875
2484
  fill: "none",
1876
2485
  stroke: "currentColor",
1877
2486
  "stroke-width": "1.77",
2487
+ d: "M260 45v-8.84l8-4.21",
1878
2488
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1879
2489
  }, null, 3, null),
1880
2490
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1881
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1882
2491
  fill: "none",
1883
2492
  stroke: "currentColor",
1884
2493
  "stroke-width": "1.68",
2494
+ d: "m264 41.95 8-4v8l-8 4v-8Z",
1885
2495
  transform: "matrix(1.125 0 0 1.2569 -285 -40.78)"
1886
2496
  }, null, 3, null),
1887
2497
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1888
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1889
2498
  fill: "none",
1890
2499
  stroke: "currentColor",
1891
2500
  "stroke-width": "1.68",
2501
+ d: "m264 41.95 8-4v8l-8 4v-8Z",
1892
2502
  transform: "matrix(-1.125 0 0 1.2569 309 -40.78)"
1893
2503
  }, null, 3, null)
1894
2504
  ]
1895
2505
  }, {
1896
- "clip-rule": "evenodd",
1897
- "fill-rule": "evenodd",
2506
+ "xml:space": qwik._IMMUTABLE,
2507
+ "fill-rule": qwik._IMMUTABLE,
2508
+ "stroke-linecap": qwik._IMMUTABLE,
2509
+ "stroke-linejoin": qwik._IMMUTABLE,
2510
+ "stroke-miterlimit": qwik._IMMUTABLE,
2511
+ "clip-rule": qwik._IMMUTABLE,
2512
+ viewBox: qwik._IMMUTABLE,
1898
2513
  height: qwik._fnSignal((p0) => p0.width, [
1899
2514
  props
1900
- ], "p0.width"),
1901
- "stroke-linecap": "round",
1902
- "stroke-linejoin": "round",
1903
- "stroke-miterlimit": "1.5",
1904
- viewBox: "0 0 24 24",
1905
- "xml:space": "preserve"
2515
+ ], "p0.width")
1906
2516
  }, 0, "Xw_0");
1907
2517
  }, "LogoPurpur_component_sVHzeC1GCZ4"));
1908
2518
  const LogoVelocity = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1909
2519
  return /* @__PURE__ */ qwik._jsxS("svg", {
2520
+ viewBox: "0 0 500 500",
2521
+ fill: "currentColor",
1910
2522
  ...props,
2523
+ get height() {
2524
+ return props.width;
2525
+ },
1911
2526
  children: [
1912
2527
  /* @__PURE__ */ qwik._jsxQ("path", null, {
1913
2528
  d: "M236.25 232.55l-54.08-73.79a11.86 11.86 0 00-11.91-4.62L84 171.57a11.88 11.88 0 00-8 5.88l-42.64 77.07a11.84 11.84 0 00.81 12.75l54.21 74a11.86 11.86 0 0011.91 4.62l86-17.37a11.85 11.85 0 008-5.89l42.78-77.3a11.86 11.86 0 00-.82-12.78zm-59.45 74.21a9.57 9.57 0 01-13.39-2.06l-31-42.24a16 16 0 00-16-6.21l-52.58 10.63a9.58 9.58 0 01-11.29-7.49A9.58 9.58 0 0160 248.1l57-11.52a16 16 0 0010.81-7.92L156.42 177a9.58 9.58 0 0113-3.75 9.58 9.58 0 013.75 13L146.81 234a16 16 0 001.09 17.16l31 42.23a9.58 9.58 0 01-2.1 13.37z"
@@ -1922,29 +2537,38 @@ const LogoVelocity = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
1922
2537
  }, null, 3, null)
1923
2538
  ]
1924
2539
  }, {
1925
- fill: "currentColor",
2540
+ viewBox: qwik._IMMUTABLE,
2541
+ fill: qwik._IMMUTABLE,
1926
2542
  height: qwik._fnSignal((p0) => p0.width, [
1927
2543
  props
1928
- ], "p0.width"),
1929
- viewBox: "0 0 500 500"
2544
+ ], "p0.width")
1930
2545
  }, 0, "Ea_0");
1931
2546
  }, "LogoVelocity_component_SNoCdG0zr0s"));
1932
2547
  const LogoWaterfall = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1933
2548
  return /* @__PURE__ */ qwik._jsxS("svg", {
2549
+ viewBox: "0 0 24 24",
2550
+ fill: "none",
2551
+ stroke: "currentColor",
2552
+ "stroke-width": "2",
2553
+ "stroke-linecap": "round",
2554
+ "stroke-linejoin": "round",
1934
2555
  ...props,
2556
+ get height() {
2557
+ return props.width;
2558
+ },
1935
2559
  children: /* @__PURE__ */ qwik._jsxQ("path", null, {
1936
2560
  d: "M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"
1937
2561
  }, null, 3, null)
1938
2562
  }, {
1939
- fill: "none",
2563
+ viewBox: qwik._IMMUTABLE,
2564
+ fill: qwik._IMMUTABLE,
2565
+ stroke: qwik._IMMUTABLE,
2566
+ "stroke-width": qwik._IMMUTABLE,
2567
+ "stroke-linecap": qwik._IMMUTABLE,
2568
+ "stroke-linejoin": qwik._IMMUTABLE,
1940
2569
  height: qwik._fnSignal((p0) => p0.width, [
1941
2570
  props
1942
- ], "p0.width"),
1943
- stroke: "currentColor",
1944
- "stroke-linecap": "round",
1945
- "stroke-linejoin": "round",
1946
- "stroke-width": "2",
1947
- viewBox: "0 0 24 24"
2571
+ ], "p0.width")
1948
2572
  }, 0, "Pt_0");
1949
2573
  }, "LogoWaterfall_component_1hFl8GlECLI"));
1950
2574
  exports.Anchor = Anchor;
@@ -1958,6 +2582,7 @@ exports.Dropdown = Dropdown;
1958
2582
  exports.DropdownRaw = DropdownRaw;
1959
2583
  exports.Header = Header;
1960
2584
  exports.InputClasses = InputClasses;
2585
+ exports.InputColorClasses = InputColorClasses;
1961
2586
  exports.LoadingIcon = LoadingIcon;
1962
2587
  exports.LogoBirdflop = LogoBirdflop;
1963
2588
  exports.LogoDiscord = LogoDiscord;
@@ -1985,3 +2610,5 @@ exports.buttonColorClasses = buttonColorClasses;
1985
2610
  exports.cardColorClasses = cardColorClasses;
1986
2611
  exports.navColorClasses = navColorClasses;
1987
2612
  exports.sizeClasses = sizeClasses;
2613
+ exports.toggleOffColorClasses = toggleOffColorClasses;
2614
+ exports.toggleOnColorClasses = toggleOnColorClasses;