@luminescent/ui 0.12.11 → 0.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/lib/index.qwik.cjs +903 -363
  2. package/lib/index.qwik.mjs +904 -364
  3. package/lib-types/components/elements/Blobs.d.ts +18 -4
  4. package/lib-types/components/elements/Button.d.ts +17 -2
  5. package/lib-types/components/elements/Card.d.ts +128 -64
  6. package/lib-types/components/elements/Nav.d.ts +23 -0
  7. package/lib-types/components/elements/NumberInput.d.ts +2 -0
  8. package/lib-types/components/elements/TextArea.d.ts +2 -0
  9. package/lib-types/components/elements/TextInput.d.ts +29 -1
  10. package/lib-types/components/elements/Toggle.d.ts +198 -0
  11. package/package.json +14 -14
package/lib/index.qwik.mjs CHANGED
@@ -1,16 +1,46 @@
1
1
  import { componentQrl, inlinedQrl, _jsxQ, _fnSignal, _restProps, _jsxS, _jsxC, Slot, _jsxBranch, _wrapSignal, _IMMUTABLE, useStore, useLexicalScope, _wrapProp, useOn, useStylesQrl, useSignal } from "@builder.io/qwik";
2
2
  import { Fragment } from "@builder.io/qwik/jsx-runtime";
3
3
  const Anchor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => /* @__PURE__ */ _jsxQ("span", null, {
4
- class: "block h-32 -mt-32 pointer-events-none",
5
4
  id: _fnSignal((p0) => p0.id, [
6
5
  props
7
- ], "p0.id")
6
+ ], "p0.id"),
7
+ class: "block h-32 -mt-32 pointer-events-none"
8
8
  }, null, 3, "Oa_0"), "Anchor_component_O7y4zyaazA0"));
9
9
  const blobColorClasses = {
10
- pink: [
11
- "bg-pink-400",
12
- "bg-pink-500",
13
- "bg-pink-600"
10
+ slate: [
11
+ "bg-slate-400",
12
+ "bg-slate-500",
13
+ "bg-slate-600"
14
+ ],
15
+ gray: [
16
+ "bg-gray-400",
17
+ "bg-gray-500",
18
+ "bg-gray-600"
19
+ ],
20
+ darkgray: [
21
+ "bg-gray-500",
22
+ "bg-gray-600",
23
+ "bg-gray-700"
24
+ ],
25
+ darkergray: [
26
+ "bg-gray-600",
27
+ "bg-gray-700",
28
+ "bg-gray-800"
29
+ ],
30
+ zinc: [
31
+ "bg-zinc-400",
32
+ "bg-zinc-500",
33
+ "bg-zinc-600"
34
+ ],
35
+ neutral: [
36
+ "bg-neutral-400",
37
+ "bg-neutral-500",
38
+ "bg-neutral-600"
39
+ ],
40
+ stone: [
41
+ "bg-stone-400",
42
+ "bg-stone-500",
43
+ "bg-stone-600"
14
44
  ],
15
45
  red: [
16
46
  "bg-red-400",
@@ -22,40 +52,80 @@ const blobColorClasses = {
22
52
  "bg-orange-500",
23
53
  "bg-orange-600"
24
54
  ],
55
+ amber: [
56
+ "bg-amber-400",
57
+ "bg-amber-500",
58
+ "bg-amber-600"
59
+ ],
25
60
  yellow: [
26
61
  "bg-yellow-400",
27
62
  "bg-yellow-500",
28
63
  "bg-yellow-600"
29
64
  ],
65
+ lime: [
66
+ "bg-lime-400",
67
+ "bg-lime-500",
68
+ "bg-lime-600"
69
+ ],
30
70
  green: [
31
71
  "bg-green-400",
32
72
  "bg-green-500",
33
73
  "bg-green-600"
34
74
  ],
75
+ emerald: [
76
+ "bg-emerald-400",
77
+ "bg-emerald-500",
78
+ "bg-emerald-600"
79
+ ],
80
+ teal: [
81
+ "bg-teal-400",
82
+ "bg-teal-500",
83
+ "bg-teal-600"
84
+ ],
85
+ cyan: [
86
+ "bg-cyan-400",
87
+ "bg-cyan-500",
88
+ "bg-cyan-600"
89
+ ],
90
+ sky: [
91
+ "bg-sky-400",
92
+ "bg-sky-500",
93
+ "bg-sky-600"
94
+ ],
35
95
  blue: [
36
96
  "bg-blue-400",
37
97
  "bg-blue-500",
38
98
  "bg-blue-600"
39
99
  ],
100
+ indigo: [
101
+ "bg-indigo-400",
102
+ "bg-indigo-500",
103
+ "bg-indigo-600"
104
+ ],
105
+ violet: [
106
+ "bg-violet-400",
107
+ "bg-violet-500",
108
+ "bg-violet-600"
109
+ ],
40
110
  purple: [
41
111
  "bg-purple-400",
42
112
  "bg-purple-500",
43
113
  "bg-purple-600"
44
114
  ],
45
- gray: [
46
- "bg-gray-400",
47
- "bg-gray-500",
48
- "bg-gray-600"
115
+ fuchsia: [
116
+ "bg-fuchsia-400",
117
+ "bg-fuchsia-500",
118
+ "bg-fuchsia-600"
49
119
  ],
50
- darkgray: [
51
- "bg-gray-500",
52
- "bg-gray-600",
53
- "bg-gray-700"
120
+ pink: [
121
+ "bg-pink-400",
122
+ "bg-pink-500",
123
+ "bg-pink-600"
54
124
  ],
55
- darkergray: [
56
- "bg-gray-600",
57
- "bg-gray-700",
58
- "bg-gray-800"
125
+ rose: [
126
+ "bg-rose-400",
127
+ "bg-rose-500",
128
+ "bg-rose-600"
59
129
  ]
60
130
  };
61
131
  const blobClasses = [
@@ -122,15 +192,30 @@ const Blobs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
122
192
  ], 1, "OL_0");
123
193
  }, "Blobs_component_246Oa50YM60"));
124
194
  const buttonColorClasses = {
195
+ slate: "bg-slate-700/90 border-slate-600 hover:bg-slate-600 active:bg-slate-500 focus:border-slate-500",
196
+ gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-500",
197
+ darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-600",
198
+ darkergray: "bg-gray-900/90 border-gray-800 hover:bg-gray-800 active:bg-gray-700 focus:border-gray-700",
199
+ zinc: "bg-zinc-700/90 border-zinc-600 hover:bg-zinc-600 active:bg-zinc-500 focus:border-zinc-500",
200
+ neutral: "bg-neutral-700/90 border-neutral-600 hover:bg-neutral-600 active:bg-neutral-500 focus:border-neutral-500",
201
+ stone: "bg-stone-700/90 border-stone-600 hover:bg-stone-600 active:bg-stone-500 focus:border-stone-500",
125
202
  red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-500",
126
203
  orange: "bg-orange-700/90 border-orange-600 hover:bg-orange-600 active:bg-orange-500 focus:border-orange-500",
204
+ amber: "bg-amber-700/90 border-amber-600 hover:bg-amber-600 active:bg-amber-500 focus:border-amber-500",
127
205
  yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500",
206
+ lime: "bg-lime-700/90 border-lime-600 hover:bg-lime-600 active:bg-lime-500 focus:border-lime-500",
128
207
  green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-500",
129
- blue: "bg-blue-600/90 border-blue-500 hover:bg-blue-500 active:bg-blue-400 focus:border-blue-400",
130
- purple: "bg-purple-600/90 border-purple-500 hover:bg-purple-500 active:bg-purple-400 focus:border-purple-400",
131
- pink: "bg-pink-600/90 border-pink-500 hover:bg-pink-500 active:bg-pink-400 focus:border-pink-400",
132
- gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-500",
133
- darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-600",
208
+ emerald: "bg-emerald-700/90 border-emerald-600 hover:bg-emerald-600 active:bg-emerald-500 focus:border-emerald-500",
209
+ teal: "bg-teal-700/90 border-teal-600 hover:bg-teal-600 active:bg-teal-500 focus:border-teal-500",
210
+ cyan: "bg-cyan-700/90 border-cyan-600 hover:bg-cyan-600 active:bg-cyan-500 focus:border-cyan-500",
211
+ sky: "bg-sky-700/90 border-sky-600 hover:bg-sky-600 active:bg-sky-500 focus:border-sky-500",
212
+ blue: "bg-blue-700/90 border-blue-600 hover:bg-blue-600 active:bg-blue-500 focus:border-blue-500",
213
+ indigo: "bg-indigo-700/90 border-indigo-600 hover:bg-indigo-600 active:bg-indigo-500 focus:border-indigo-500",
214
+ violet: "bg-violet-700/90 border-violet-600 hover:bg-violet-600 active:bg-violet-500 focus:border-violet-500",
215
+ purple: "bg-purple-700/90 border-purple-600 hover:bg-purple-600 active:bg-purple-500 focus:border-purple-500",
216
+ fuchsia: "bg-fuchsia-700/90 border-fuchsia-600 hover:bg-fuchsia-600 active:bg-fuchsia-500 focus:border-fuchsia-500",
217
+ pink: "bg-pink-700/90 border-pink-600 hover:bg-pink-600 active:bg-pink-500 focus:border-pink-500",
218
+ rose: "bg-rose-700/90 border-rose-600 hover:bg-rose-600 active:bg-rose-500 focus:border-rose-500",
134
219
  transparent: "bg-transparent border-transparent hover:bg-gray-600/50 active:bg-gray-600/60 focus:border-gray-600/60"
135
220
  };
136
221
  const sizeClasses = {
@@ -195,85 +280,149 @@ const ButtonAnchor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
195
280
  }, null, 0, "7H_3");
196
281
  }, "ButtonAnchor_component_vQT9xS0lqew"));
197
282
  const cardColorClasses = {
198
- pink: {
199
- card: {
200
- bg_blobs: "bg-pink-400/10 border-pink-400/20",
201
- bg: "bg-pink-400/60 border-pink-400",
202
- hover: "hover:bg-pink-400/20",
203
- click: "active:bg-pink-300/20"
204
- }
283
+ slate: {
284
+ bg_blobs: "bg-slate-400/10 border-slate-400/20",
285
+ bg: "bg-slate-400/60 border-slate-400",
286
+ hover: "hover:bg-slate-400/20",
287
+ click: "active:bg-slate-300/20"
288
+ },
289
+ gray: {
290
+ bg_blobs: "bg-gray-400/10 border-gray-400/20",
291
+ bg: "bg-gray-400/60 border-gray-400",
292
+ hover: "hover:bg-gray-400/20",
293
+ click: "active:bg-gray-300/20"
294
+ },
295
+ darkgray: {
296
+ bg_blobs: "bg-gray-800/10 border-gray-800/40",
297
+ bg: "bg-gray-800/60 border-gray-800",
298
+ hover: "hover:bg-gray-800/40",
299
+ click: "active:bg-gray-700/40"
300
+ },
301
+ darkergray: {
302
+ bg_blobs: "bg-gray-900/10 border-gray-900/50",
303
+ bg: "bg-gray-900/60 border-gray-900",
304
+ hover: "hover:bg-gray-900/50",
305
+ click: "active:bg-gray-800/50"
306
+ },
307
+ zinc: {
308
+ bg_blobs: "bg-zinc-400/10 border-zinc-400/20",
309
+ bg: "bg-zinc-400/60 border-zinc-400",
310
+ hover: "hover:bg-zinc-400/20",
311
+ click: "active:bg-zinc-300/20"
312
+ },
313
+ neutral: {
314
+ bg_blobs: "bg-neutral-400/10 border-neutral-400/20",
315
+ bg: "bg-neutral-400/60 border-neutral-400",
316
+ hover: "hover:bg-neutral-400/20",
317
+ click: "active:bg-neutral-300/20"
318
+ },
319
+ stone: {
320
+ bg_blobs: "bg-stone-400/10 border-stone-400/20",
321
+ bg: "bg-stone-400/60 border-stone-400",
322
+ hover: "hover:bg-stone-400/20",
323
+ click: "active:bg-stone-300/20"
205
324
  },
206
325
  red: {
207
- card: {
208
- bg_blobs: "bg-red-400/10 border-red-400/20",
209
- bg: "bg-red-400/60 border-red-400",
210
- hover: "hover:bg-red-400/20",
211
- click: "active:bg-red-300/20"
212
- }
326
+ bg_blobs: "bg-red-400/10 border-red-400/20",
327
+ bg: "bg-red-400/60 border-red-400",
328
+ hover: "hover:bg-red-400/20",
329
+ click: "active:bg-red-300/20"
213
330
  },
214
331
  orange: {
215
- card: {
216
- bg_blobs: "bg-orange-400/10 border-orange-400/20",
217
- bg: "bg-orange-400/60 border-orange-400",
218
- hover: "hover:bg-orange-400/20",
219
- click: "active:bg-orange-300/20"
220
- }
332
+ bg_blobs: "bg-orange-400/10 border-orange-400/20",
333
+ bg: "bg-orange-400/60 border-orange-400",
334
+ hover: "hover:bg-orange-400/20",
335
+ click: "active:bg-orange-300/20"
336
+ },
337
+ amber: {
338
+ bg_blobs: "bg-amber-400/10 border-amber-400/20",
339
+ bg: "bg-amber-400/60 border-amber-400",
340
+ hover: "hover:bg-amber-400/20",
341
+ click: "active:bg-amber-300/20"
221
342
  },
222
343
  yellow: {
223
- card: {
224
- bg_blobs: "bg-yellow-400/10 border-yellow-400/20",
225
- bg: "bg-yellow-400/60 border-yellow-400",
226
- hover: "hover:bg-yellow-400/20",
227
- click: "active:bg-yellow-300/20"
228
- }
344
+ bg_blobs: "bg-yellow-400/10 border-yellow-400/20",
345
+ bg: "bg-yellow-400/60 border-yellow-400",
346
+ hover: "hover:bg-yellow-400/20",
347
+ click: "active:bg-yellow-300/20"
348
+ },
349
+ lime: {
350
+ bg_blobs: "bg-lime-400/10 border-lime-400/20",
351
+ bg: "bg-lime-400/60 border-lime-400",
352
+ hover: "hover:bg-lime-400/20",
353
+ click: "active:bg-lime-300/20"
229
354
  },
230
355
  green: {
231
- card: {
232
- bg_blobs: "bg-green-400/10 border-green-400/20",
233
- bg: "bg-green-400/60 border-green-400",
234
- hover: "hover:bg-green-400/20",
235
- click: "active:bg-green-300/20"
236
- }
356
+ bg_blobs: "bg-green-400/10 border-green-400/20",
357
+ bg: "bg-green-400/60 border-green-400",
358
+ hover: "hover:bg-green-400/20",
359
+ click: "active:bg-green-300/20"
360
+ },
361
+ emerald: {
362
+ bg_blobs: "bg-emerald-400/10 border-emerald-400/20",
363
+ bg: "bg-emerald-400/60 border-emerald-400",
364
+ hover: "hover:bg-emerald-400/20",
365
+ click: "active:bg-emerald-300/20"
366
+ },
367
+ teal: {
368
+ bg_blobs: "bg-teal-400/10 border-teal-400/20",
369
+ bg: "bg-teal-400/60 border-teal-400",
370
+ hover: "hover:bg-teal-400/20",
371
+ click: "active:bg-teal-300/20"
372
+ },
373
+ cyan: {
374
+ bg_blobs: "bg-cyan-400/10 border-cyan-400/20",
375
+ bg: "bg-cyan-400/60 border-cyan-400",
376
+ hover: "hover:bg-cyan-400/20",
377
+ click: "active:bg-cyan-300/20"
378
+ },
379
+ sky: {
380
+ bg_blobs: "bg-sky-400/10 border-sky-400/20",
381
+ bg: "bg-sky-400/60 border-sky-400",
382
+ hover: "hover:bg-sky-400/20",
383
+ click: "active:bg-sky-300/20"
237
384
  },
238
385
  blue: {
239
- card: {
240
- bg_blobs: "bg-blue-400/10 border-blue-400/20",
241
- bg: "bg-blue-400/60 border-blue-400",
242
- hover: "hover:bg-blue-400/20",
243
- click: "active:bg-blue-300/20"
244
- }
386
+ bg_blobs: "bg-blue-400/10 border-blue-400/20",
387
+ bg: "bg-blue-400/60 border-blue-400",
388
+ hover: "hover:bg-blue-400/20",
389
+ click: "active:bg-blue-300/20"
390
+ },
391
+ indigo: {
392
+ bg_blobs: "bg-indigo-400/10 border-indigo-400/20",
393
+ bg: "bg-indigo-400/60 border-indigo-400",
394
+ hover: "hover:bg-indigo-400/20",
395
+ click: "active:bg-indigo-300/20"
396
+ },
397
+ violet: {
398
+ bg_blobs: "bg-violet-400/10 border-violet-400/20",
399
+ bg: "bg-violet-400/60 border-violet-400",
400
+ hover: "hover:bg-violet-400/20",
401
+ click: "active:bg-violet-300/20"
245
402
  },
246
403
  purple: {
247
- card: {
248
- bg_blobs: "bg-purple-400/10 border-purple-400/20",
249
- bg: "bg-purple-400/60 border-purple-400",
250
- hover: "hover:bg-purple-400/20",
251
- click: "active:bg-purple-300/20"
252
- }
404
+ bg_blobs: "bg-purple-400/10 border-purple-400/20",
405
+ bg: "bg-purple-400/60 border-purple-400",
406
+ hover: "hover:bg-purple-400/20",
407
+ click: "active:bg-purple-300/20"
253
408
  },
254
- gray: {
255
- card: {
256
- bg_blobs: "bg-gray-400/10 border-gray-400/20",
257
- bg: "bg-gray-400/60 border-gray-400",
258
- hover: "hover:bg-gray-400/20",
259
- click: "active:bg-gray-300/20"
260
- }
409
+ fuchsia: {
410
+ bg_blobs: "bg-fuchsia-400/10 border-fuchsia-400/20",
411
+ bg: "bg-fuchsia-400/60 border-fuchsia-400",
412
+ hover: "hover:bg-fuchsia-400/20",
413
+ click: "active:bg-fuchsia-300/20"
261
414
  },
262
- darkgray: {
263
- card: {
264
- bg_blobs: "bg-gray-800/10 border-gray-800/40",
265
- bg: "bg-gray-800/60 border-gray-800",
266
- hover: "hover:bg-gray-800/40",
267
- click: "active:bg-gray-700/40"
268
- }
415
+ pink: {
416
+ bg_blobs: "bg-pink-400/10 border-pink-400/20",
417
+ bg: "bg-pink-400/60 border-pink-400",
418
+ hover: "hover:bg-pink-400/20",
419
+ click: "active:bg-pink-300/20"
269
420
  },
270
- darkergray: {
271
- card: {
272
- bg_blobs: "bg-gray-900/10 border-gray-900/50",
273
- bg: "bg-gray-900/60 border-gray-900",
274
- hover: "hover:bg-gray-900/50",
275
- click: "active:bg-gray-800/50"
276
- }
421
+ rose: {
422
+ bg_blobs: "bg-rose-400/10 border-rose-400/20",
423
+ bg: "bg-rose-400/60 border-rose-400",
424
+ hover: "hover:bg-rose-400/20",
425
+ click: "active:bg-rose-300/20"
277
426
  }
278
427
  };
279
428
  const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -286,6 +435,15 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
286
435
  ]);
287
436
  return /* @__PURE__ */ _jsxS("div", {
288
437
  ...props1,
438
+ class: {
439
+ "relative flex gap-3 sm:gap-4 p-5 sm:p-7 border rounded-lg motion-safe:transition-all": true,
440
+ "flex-col": !props.row,
441
+ [cardColorClasses[props.color ?? "darkgray"].bg]: !props.blobs,
442
+ [cardColorClasses[props.color ?? "darkgray"].bg_blobs]: props.blobs,
443
+ [cardColorClasses[props.color ?? "darkgray"].hover + " hover:shadow-lg"]: props.hover,
444
+ [cardColorClasses[props.color ?? "darkgray"].click + " active:scale-[99%] cursor-pointer select-none touch-manipulation"]: props.hover == "clickable",
445
+ ...props1.class
446
+ },
289
447
  children: [
290
448
  /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_0"),
291
449
  props1.href && /* @__PURE__ */ _jsxQ("a", {
@@ -301,34 +459,52 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
301
459
  "overflow-clip": true
302
460
  },
303
461
  [_IMMUTABLE]: {
304
- class: _IMMUTABLE,
305
462
  color: _fnSignal((p0) => p0.color ?? "darkgray", [
306
463
  props
307
- ], 'p0.color??"darkgray"')
464
+ ], 'p0.color??"darkgray"'),
465
+ class: _IMMUTABLE
308
466
  }
309
467
  }, 3, "OW_2")
310
- ],
311
- class: {
312
- "relative flex gap-3 sm:gap-4 p-5 sm:p-7 border rounded-lg motion-safe:transition-all": true,
313
- "flex-col": !props.row,
314
- [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
315
- [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
316
- [cardColorClasses[props.color ?? "darkgray"].card.hover + " hover:shadow-lg"]: props.hover,
317
- [cardColorClasses[props.color ?? "darkgray"].card.click + " active:scale-[99%] cursor-pointer select-none touch-manipulation"]: props.hover == "clickable",
318
- ...props1.class
319
- }
468
+ ]
320
469
  }, null, 0, "OW_3");
321
470
  }, "Card_component_DlkkcTEVka4"));
322
- 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";
471
+ const InputColorClasses = {
472
+ slate: "bg-slate-700/90 border-slate-600 hover:bg-slate-600 active:bg-slate-500 focus:border-slate-300",
473
+ gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-300",
474
+ darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-400",
475
+ darkergray: "bg-gray-900/90 border-gray-800 hover:bg-gray-800 active:bg-gray-700 focus:border-gray-500",
476
+ zinc: "bg-zinc-700/90 border-zinc-600 hover:bg-zinc-600 active:bg-zinc-500 focus:border-zinc-300",
477
+ neutral: "bg-neutral-700/90 border-neutral-600 hover:bg-neutral-600 active:bg-neutral-500 focus:border-neutral-300",
478
+ stone: "bg-stone-700/90 border-stone-600 hover:bg-stone-600 active:bg-stone-500 focus:border-stone-300",
479
+ red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-300",
480
+ orange: "bg-orange-700/90 border-orange-600 hover:bg-orange-600 active:bg-orange-500 focus:border-orange-300",
481
+ amber: "bg-amber-700/90 border-amber-600 hover:bg-amber-600 active:bg-amber-500 focus:border-amber-300",
482
+ yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-300",
483
+ lime: "bg-lime-700/90 border-lime-600 hover:bg-lime-600 active:bg-lime-500 focus:border-lime-300",
484
+ green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-300",
485
+ emerald: "bg-emerald-700/90 border-emerald-600 hover:bg-emerald-600 active:bg-emerald-500 focus:border-emerald-300",
486
+ teal: "bg-teal-700/90 border-teal-600 hover:bg-teal-600 active:bg-teal-500 focus:border-teal-300",
487
+ cyan: "bg-cyan-700/90 border-cyan-600 hover:bg-cyan-600 active:bg-cyan-500 focus:border-cyan-300",
488
+ sky: "bg-sky-700/90 border-sky-600 hover:bg-sky-600 active:bg-sky-500 focus:border-sky-300",
489
+ blue: "bg-blue-700/90 border-blue-600 hover:bg-blue-600 active:bg-blue-500 focus:border-blue-300",
490
+ indigo: "bg-indigo-700/90 border-indigo-600 hover:bg-indigo-600 active:bg-indigo-500 focus:border-indigo-300",
491
+ violet: "bg-violet-700/90 border-violet-600 hover:bg-violet-600 active:bg-violet-500 focus:border-violet-300",
492
+ purple: "bg-purple-700/90 border-purple-600 hover:bg-purple-600 active:bg-purple-500 focus:border-purple-300",
493
+ fuchsia: "bg-fuchsia-700/90 border-fuchsia-600 hover:bg-fuchsia-600 active:bg-fuchsia-500 focus:border-fuchsia-300",
494
+ pink: "bg-pink-700/90 border-pink-600 hover:bg-pink-600 active:bg-pink-500 focus:border-pink-300",
495
+ rose: "bg-rose-700/90 border-rose-600 hover:bg-rose-600 active:bg-rose-500 focus:border-rose-300",
496
+ transparent: "bg-transparent border-transparent hover:bg-gray-600/50 active:bg-gray-600/60 focus:border-gray-300/60"
497
+ };
498
+ 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";
323
499
  const TextInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
324
500
  return /* @__PURE__ */ _jsxQ("div", null, {
325
501
  class: "flex flex-col"
326
502
  }, [
327
503
  /* @__PURE__ */ _jsxQ("label", null, {
328
- class: "text-gray-300 pb-1 select-none",
329
504
  for: _fnSignal((p0) => p0.id, [
330
505
  props
331
- ], "p0.id")
506
+ ], "p0.id"),
507
+ class: "text-gray-300 pb-1 select-none"
332
508
  }, /* @__PURE__ */ _jsxC(Slot, null, 3, "dC_0"), 1, null),
333
509
  /* @__PURE__ */ _jsxC(TextInputRaw, {
334
510
  ...props,
@@ -337,11 +513,15 @@ const TextInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props
337
513
  ], 1, "dC_2");
338
514
  }, "TextInput_component_AXp2j5aulZI"));
339
515
  const TextInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
516
+ const props1 = _restProps(props, [
517
+ "color"
518
+ ]);
340
519
  return /* @__PURE__ */ _jsxS("input", {
341
- ...props,
520
+ ...props1,
342
521
  class: {
343
522
  [InputClasses]: true,
344
- ...props.class
523
+ [InputColorClasses[props.color ?? "darkgray"]]: true,
524
+ ...props1.class
345
525
  }
346
526
  }, null, 0, "dC_3");
347
527
  }, "TextInputRaw_component_ssloWlmBB4w"));
@@ -477,18 +657,18 @@ const ColorInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
477
657
  get value() {
478
658
  return props.value ?? "#000000";
479
659
  },
480
- onBlur$: /* @__PURE__ */ inlinedQrl(() => {
481
- const [store2] = useLexicalScope();
482
- store2.opened = false;
483
- }, "ColorInput_component_div_TextInputRaw_onBlur_giB7aSy8tnc", [
484
- store
485
- ]),
486
660
  onFocus$: /* @__PURE__ */ inlinedQrl(() => {
487
661
  const [store2] = useLexicalScope();
488
662
  store2.opened = true;
489
663
  }, "ColorInput_component_div_TextInputRaw_onFocus_9bHrhSeTgfI", [
490
664
  store
491
665
  ]),
666
+ onBlur$: /* @__PURE__ */ inlinedQrl(() => {
667
+ const [store2] = useLexicalScope();
668
+ store2.opened = false;
669
+ }, "ColorInput_component_div_TextInputRaw_onBlur_giB7aSy8tnc", [
670
+ store
671
+ ]),
492
672
  onInput$: /* @__PURE__ */ inlinedQrl((e, el) => {
493
673
  const [props12, props2] = useLexicalScope();
494
674
  const div = document.getElementById(`${props12.id}-picker`);
@@ -512,11 +692,11 @@ const ColorInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
512
692
  borderBottom: `10px solid ${props.value ?? "#000000"}`
513
693
  } : {},
514
694
  [_IMMUTABLE]: {
515
- onBlur$: _IMMUTABLE,
516
- onFocus$: _IMMUTABLE,
517
695
  value: _fnSignal((p0) => p0.value ?? "#000000", [
518
696
  props
519
- ], 'p0.value??"#000000"')
697
+ ], 'p0.value??"#000000"'),
698
+ onFocus$: _IMMUTABLE,
699
+ onBlur$: _IMMUTABLE
520
700
  }
521
701
  }, 0, "0s_1"),
522
702
  /* @__PURE__ */ _jsxC(ColorPickerRaw, {
@@ -575,12 +755,7 @@ const ColorInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
575
755
  props
576
756
  ]),
577
757
  [_IMMUTABLE]: {
578
- class: _fnSignal((p0) => ({
579
- "motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]": true,
580
- "opacity-0 scale-95 pointer-events-none": !p0.opened
581
- }), [
582
- store
583
- ], '{"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}'),
758
+ id: _wrapProp(props1, "id"),
584
759
  color: _fnSignal((p0) => p0.value ?? "#000000", [
585
760
  props
586
761
  ], 'p0.value??"#000000"'),
@@ -599,7 +774,12 @@ const ColorInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
599
774
  ], [
600
775
  props
601
776
  ], '["#FAEDCB","#C9E4DE","#C6DEF1","#DBCDF0","#F2C6DE","#FCD05C","#5FE2C5","#4498DB","#9863E7","#E43A96",...p0.presetColors??[]]'),
602
- id: _wrapProp(props1, "id")
777
+ class: _fnSignal((p0) => ({
778
+ "motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]": true,
779
+ "opacity-0 scale-95 pointer-events-none": !p0.opened
780
+ }), [
781
+ store
782
+ ], '{"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}')
603
783
  }
604
784
  }, 3, "0s_2")
605
785
  ], 1, "0s_3");
@@ -738,29 +918,29 @@ const ColorPickerRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
738
918
  ...props1.class
739
919
  }
740
920
  }, {
921
+ "preventdefault:mousedown": true,
922
+ "preventdefault:touchstart": true,
741
923
  id: _fnSignal((p0) => p0.id ? `${p0.id}-picker` : void 0, [
742
924
  props
743
- ], "p0.id?`${p0.id}-picker`:undefined"),
744
- "preventdefault:mousedown": true,
745
- "preventdefault:touchstart": true
925
+ ], "p0.id?`${p0.id}-picker`:undefined")
746
926
  }, [
747
927
  /* @__PURE__ */ _jsxQ("div", null, {
748
928
  class: "flex gap-4"
749
929
  }, [
750
930
  /* @__PURE__ */ _jsxQ("div", null, {
751
931
  class: "w-[125px] h-[150px] border border-gray-700 rounded-md relative",
752
- onMouseDown$: sbMouseDown,
753
- onTouchStart$: sbMouseDown,
754
- "preventdefault:mousedown": true,
755
- "preventdefault:touchstart": true,
756
932
  style: _fnSignal((p0) => ({
757
933
  background: `linear-gradient(to right, #FFFFFF, ${p0.hue.color})`
758
934
  }), [
759
935
  store
760
- ], "{background:`linear-gradient(to right, #FFFFFF, ${p0.hue.color})`}")
936
+ ], "{background:`linear-gradient(to right, #FFFFFF, ${p0.hue.color})`}"),
937
+ "preventdefault:mousedown": true,
938
+ "preventdefault:touchstart": true,
939
+ onMouseDown$: sbMouseDown,
940
+ onTouchStart$: sbMouseDown
761
941
  }, [
762
942
  /* @__PURE__ */ _jsxQ("div", null, {
763
- class: "w-[125px] h-[150px] border border-gray-700 rounded-md bg-gradient-to-b from-transparent to-black"
943
+ class: "w-[123px] h-[148px] rounded-[0.3rem] bg-gradient-to-b from-transparent to-black"
764
944
  }, null, 3, null),
765
945
  /* @__PURE__ */ _jsxQ("div", null, {
766
946
  class: "absolute -top-2 -left-2 w-4 h-4 border border-white rounded-full bg-white",
@@ -774,13 +954,13 @@ const ColorPickerRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
774
954
  ], 3, null),
775
955
  /* @__PURE__ */ _jsxQ("div", null, {
776
956
  class: "h-[150px] relative w-2 border border-gray-700 rounded-md",
777
- onMouseDown$: hueMouseDown,
778
- onTouchStart$: hueMouseDown,
779
- "preventdefault:mousedown": true,
780
- "preventdefault:touchstart": true,
781
957
  style: {
782
958
  background: "linear-gradient(to bottom, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000)"
783
- }
959
+ },
960
+ "preventdefault:mousedown": true,
961
+ "preventdefault:touchstart": true,
962
+ onMouseDown$: hueMouseDown,
963
+ onTouchStart$: hueMouseDown
784
964
  }, /* @__PURE__ */ _jsxQ("div", null, {
785
965
  class: "absolute -bottom-2 -left-[5px] w-4 h-4 border border-white rounded-full bg-[#ff0000]",
786
966
  style: _fnSignal((p0) => ({
@@ -795,6 +975,7 @@ const ColorPickerRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
795
975
  class: "w-[150px] flex flex-wrap gap-1 justify-evenly"
796
976
  }, props.colors.map((color, i) => {
797
977
  return /* @__PURE__ */ _jsxQ("button", {
978
+ style: `background: ${color}`,
798
979
  onMouseDown$: /* @__PURE__ */ inlinedQrl(() => {
799
980
  const [color2, setColor2] = useLexicalScope();
800
981
  setColor2(color2);
@@ -808,8 +989,7 @@ const ColorPickerRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
808
989
  }, "ColorPickerRaw_component_div_div_button_onTouchStart_qgiiO8Blb88", [
809
990
  color,
810
991
  setColor
811
- ]),
812
- style: `background: ${color}`
992
+ ])
813
993
  }, {
814
994
  class: "w-[25px] h-[25px] border border-gray-700 rounded-md hover:scale-110 motion-safe:transition-all",
815
995
  "preventdefault:mousedown": true,
@@ -820,21 +1000,26 @@ const ColorPickerRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
820
1000
  }, "ColorPickerRaw_component_CWQPPcezhyA"));
821
1001
  const ChevronDown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
822
1002
  return /* @__PURE__ */ _jsxS("svg", {
1003
+ xmlns: "http://www.w3.org/2000/svg",
1004
+ viewBox: "0 0 512 512",
823
1005
  ...props,
1006
+ get height() {
1007
+ return props.width;
1008
+ },
824
1009
  children: /* @__PURE__ */ _jsxQ("path", null, {
825
- d: "M112 184l144 144 144-144",
826
1010
  fill: "none",
827
1011
  stroke: "currentColor",
828
1012
  "stroke-linecap": "round",
829
1013
  "stroke-linejoin": "round",
830
- "stroke-width": "48"
1014
+ "stroke-width": "48",
1015
+ d: "M112 184l144 144 144-144"
831
1016
  }, null, 3, null)
832
1017
  }, {
1018
+ xmlns: _IMMUTABLE,
1019
+ viewBox: _IMMUTABLE,
833
1020
  height: _fnSignal((p0) => p0.width, [
834
1021
  props
835
- ], "p0.width"),
836
- viewBox: "0 0 512 512",
837
- xmlns: "http://www.w3.org/2000/svg"
1022
+ ], "p0.width")
838
1023
  }, 0, "rN_0");
839
1024
  }, "ChevronDown_component_V0linof0cMQ"));
840
1025
  const Dropdown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -842,10 +1027,10 @@ const Dropdown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
842
1027
  class: "flex flex-col"
843
1028
  }, [
844
1029
  /* @__PURE__ */ _jsxQ("label", null, {
845
- class: "text-gray-300 pb-1 select-none",
846
1030
  for: _fnSignal((p0) => p0.id, [
847
1031
  props
848
- ], "p0.id")
1032
+ ], "p0.id"),
1033
+ class: "text-gray-300 pb-1 select-none"
849
1034
  }, /* @__PURE__ */ _jsxC(Slot, null, 3, "Zz_0"), 1, null),
850
1035
  /* @__PURE__ */ _jsxC(DropdownRaw, {
851
1036
  ...props
@@ -898,18 +1083,22 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
898
1083
  }, [
899
1084
  props.values && /* @__PURE__ */ _jsxS("select", {
900
1085
  ...props1,
1086
+ get id() {
1087
+ return props.id;
1088
+ },
1089
+ class: {
1090
+ "hidden": true
1091
+ },
901
1092
  children: props.values.map((value, i) => {
902
1093
  return /* @__PURE__ */ _jsxQ("option", {
903
1094
  value: _wrapSignal(value, "value")
904
1095
  }, null, `${value.value}`, 1, i);
905
1096
  })
906
1097
  }, {
907
- class: {
908
- "hidden": true
909
- },
910
1098
  id: _fnSignal((p0) => p0.id, [
911
1099
  props
912
- ], "p0.id")
1100
+ ], "p0.id"),
1101
+ class: _IMMUTABLE
913
1102
  }, 0, "Zz_3"),
914
1103
  /* @__PURE__ */ _jsxC(Button, {
915
1104
  get color() {
@@ -924,15 +1113,21 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
924
1113
  ...props.class
925
1114
  };
926
1115
  },
1116
+ onClick$: /* @__PURE__ */ inlinedQrl(() => {
1117
+ const [store2] = useLexicalScope();
1118
+ store2.opened = !store2.opened;
1119
+ }, "DropdownRaw_component_div_Button_onClick_d8M33E0JtyQ", [
1120
+ store
1121
+ ]),
927
1122
  children: [
928
1123
  _fnSignal((p0) => p0.display, [
929
1124
  props
930
1125
  ], "p0.display"),
931
1126
  !props.display && props.values && /* @__PURE__ */ _jsxQ("span", null, {
932
- class: "flex-1 text-left",
933
1127
  id: _fnSignal((p0) => `lui-${p0.id}-name`, [
934
1128
  props
935
- ], "`lui-${p0.id}-name`")
1129
+ ], "`lui-${p0.id}-name`"),
1130
+ class: "flex-1 text-left"
936
1131
  }, props.values.find((value) => value.value.toString() === store.value)?.name ?? props.values[0].name, 1, "Zz_4"),
937
1132
  /* @__PURE__ */ _jsxC(ChevronDown, {
938
1133
  width: 16,
@@ -944,6 +1139,7 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
944
1139
  };
945
1140
  },
946
1141
  [_IMMUTABLE]: {
1142
+ width: _IMMUTABLE,
947
1143
  class: _fnSignal((p0, p1) => ({
948
1144
  "motion-safe:transition-all duration-200": true,
949
1145
  "transform rotate-180": p1.opened,
@@ -951,46 +1147,39 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
951
1147
  }), [
952
1148
  props,
953
1149
  store
954
- ], '{"motion-safe:transition-all duration-200":true,"transform rotate-180":p1.opened,"group-hover:transform group-hover:rotate-180":p0.hover}'),
955
- width: _IMMUTABLE
1150
+ ], '{"motion-safe:transition-all duration-200":true,"transform rotate-180":p1.opened,"group-hover:transform group-hover:rotate-180":p0.hover}')
956
1151
  }
957
1152
  }, 3, "Zz_5")
958
1153
  ],
959
- onClick$: /* @__PURE__ */ inlinedQrl(() => {
960
- const [store2] = useLexicalScope();
961
- store2.opened = !store2.opened;
962
- }, "DropdownRaw_component_div_Button_onClick_d8M33E0JtyQ", [
963
- store
964
- ]),
965
1154
  [_IMMUTABLE]: {
1155
+ color: _fnSignal((p0) => p0.color, [
1156
+ props
1157
+ ], "p0.color"),
1158
+ size: _fnSignal((p0) => p0.size ?? "sm", [
1159
+ props
1160
+ ], 'p0.size??"sm"'),
966
1161
  class: _fnSignal((p0) => ({
967
1162
  "flex": true,
968
1163
  ...p0.class
969
1164
  }), [
970
1165
  props
971
1166
  ], '{"flex":true,...p0.class}'),
972
- color: _fnSignal((p0) => p0.color, [
973
- props
974
- ], "p0.color"),
975
- onClick$: _IMMUTABLE,
976
- size: _fnSignal((p0) => p0.size ?? "sm", [
977
- props
978
- ], 'p0.size??"sm"')
1167
+ onClick$: _IMMUTABLE
979
1168
  }
980
1169
  }, 1, "Zz_6"),
981
1170
  /* @__PURE__ */ _jsxQ("div", {
982
1171
  class: {
983
- "absolute top-full pt-2 left-0 z-[1000] ": true,
1172
+ "transition-all absolute top-full pt-2 left-0 z-[1000] ": true,
984
1173
  "opacity-0 scale-95 pointer-events-none": !store.opened,
985
1174
  "group-hover:pointer-events-auto group-hover:opacity-100 group-hover:scale-100": props.hover
986
1175
  }
987
1176
  }, null, /* @__PURE__ */ _jsxQ("div", null, {
988
- class: {
989
- "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
990
- },
991
1177
  id: _fnSignal((p0) => `lui-${p0.id}-opts`, [
992
1178
  props
993
- ], "`lui-${p0.id}-opts`")
1179
+ ], "`lui-${p0.id}-opts`"),
1180
+ class: {
1181
+ "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
1182
+ }
994
1183
  }, [
995
1184
  props.values?.map(({ name, value, color = "transparent" }, i) => {
996
1185
  return /* @__PURE__ */ _jsxC(Button, {
@@ -998,7 +1187,6 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
998
1187
  get size() {
999
1188
  return props.size ?? "sm";
1000
1189
  },
1001
- children: name,
1002
1190
  onClick$: /* @__PURE__ */ inlinedQrl(() => {
1003
1191
  const [props2, store2, value2] = useLexicalScope();
1004
1192
  store2.opened = false;
@@ -1013,6 +1201,7 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
1013
1201
  store,
1014
1202
  value
1015
1203
  ]),
1204
+ children: name,
1016
1205
  [_IMMUTABLE]: {
1017
1206
  size: _fnSignal((p0) => p0.size ?? "sm", [
1018
1207
  props
@@ -1036,6 +1225,14 @@ const LoadingIcon = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
1036
1225
  ]);
1037
1226
  return /* @__PURE__ */ _jsxS("div", {
1038
1227
  ...props1,
1228
+ get style() {
1229
+ return {
1230
+ borderWidth: props.width / 8,
1231
+ width: props.width,
1232
+ height: props.width,
1233
+ animation: `spin ${props.speed ?? "0.6s"} ease-in-out infinite`
1234
+ };
1235
+ },
1039
1236
  class: {
1040
1237
  "animate-spin rounded-full border-transparent border-l-current border-t-current": true,
1041
1238
  ...props1.class
@@ -1112,7 +1309,30 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
1112
1309
  return Component;
1113
1310
  }, "Header_component_FfGOhhBNG5k"));
1114
1311
  const navColorClasses = {
1115
- gray: "bg-gray-800/50 border-gray-700/50",
1312
+ slate: "bg-slate-700/50 border-slate-600/50",
1313
+ gray: "bg-gray-700/50 border-gray-600/50",
1314
+ darkgray: "bg-gray-800/50 border-gray-700/50",
1315
+ darkergray: "bg-gray-900/50 border-gray-800/50",
1316
+ zinc: "bg-zinc-700/50 border-zinc-600/50",
1317
+ neutral: "bg-neutral-700/50 border-neutral-600/50",
1318
+ stone: "bg-stone-700/50 border-stone-600/50",
1319
+ red: "bg-red-700/50 border-red-600/50",
1320
+ orange: "bg-orange-700/50 border-orange-600/50",
1321
+ amber: "bg-amber-700/50 border-amber-600/50",
1322
+ yellow: "bg-yellow-700/50 border-yellow-600/50",
1323
+ lime: "bg-lime-700/50 border-lime-600/50",
1324
+ green: "bg-green-700/50 border-green-600/50",
1325
+ emerald: "bg-emerald-700/50 border-emerald-600/50",
1326
+ teal: "bg-teal-700/50 border-teal-600/50",
1327
+ cyan: "bg-cyan-700/50 border-cyan-600/50",
1328
+ sky: "bg-sky-700/50 border-sky-600/50",
1329
+ blue: "bg-blue-700/50 border-blue-600/50",
1330
+ indigo: "bg-indigo-700/50 border-indigo-600/50",
1331
+ violet: "bg-violet-700/50 border-violet-600/50",
1332
+ purple: "bg-purple-700/50 border-purple-600/50",
1333
+ fuchsia: "bg-fuchsia-700/50 border-fuchsia-600/50",
1334
+ pink: "bg-pink-700/50 border-pink-600/50",
1335
+ rose: "bg-rose-700/50 border-rose-600/50",
1116
1336
  transparent: "bg-transparent border-transparent"
1117
1337
  };
1118
1338
  const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -1124,6 +1344,12 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1124
1344
  const menu = useSignal(false);
1125
1345
  return /* @__PURE__ */ _jsxS("nav", {
1126
1346
  ...props1,
1347
+ class: {
1348
+ "motion-safe:transition-all duration-200 flex flex-col top-0 left-0 w-full z-50": true,
1349
+ "fixed": props.fixed,
1350
+ "absolute": !props.fixed,
1351
+ ...props1.class
1352
+ },
1127
1353
  children: [
1128
1354
  /* @__PURE__ */ _jsxQ("div", {
1129
1355
  class: {
@@ -1133,9 +1359,10 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1133
1359
  }
1134
1360
  }, null, /* @__PURE__ */ _jsxQ("div", {
1135
1361
  class: {
1136
- [navColorClasses[props.color ?? "gray"]]: true,
1362
+ [navColorClasses[props.color ?? "darkgray"]]: true,
1137
1363
  "flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full px-2 py-4 border rounded-lg": true,
1138
- 'before:absolute before:content-[""] before:w-full before:h-full before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': true
1364
+ "before:backdrop-blur-lg": props.color !== "transparent",
1365
+ 'before:absolute before:content-[""] before:w-full before:h-full before:drop-shadow-xl before:-z-10': true
1139
1366
  }
1140
1367
  }, null, /* @__PURE__ */ _jsxC(Slot, {
1141
1368
  name: "mobile",
@@ -1145,17 +1372,19 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1145
1372
  }, 3, "8r_0"), 1, null), 1, null),
1146
1373
  /* @__PURE__ */ _jsxQ("div", {
1147
1374
  class: {
1148
- [navColorClasses[props.color ?? "gray"]]: !props.floating,
1375
+ [navColorClasses[props.color ?? "darkgray"]]: !props.floating,
1149
1376
  "border-b": !props.floating,
1150
- 'before:absolute before:content-[""] before:w-full before:h-full before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': !props.floating,
1377
+ "before:backdrop-blur-lg": props.color !== "transparent" && !props.floating,
1378
+ 'before:absolute before:content-[""] before:w-full before:h-full before:drop-shadow-xl before:-z-10': !props.floating,
1151
1379
  "relative mt-2 mx-2": props.floating
1152
1380
  }
1153
1381
  }, null, /* @__PURE__ */ _jsxQ("div", {
1154
1382
  class: {
1155
1383
  "flex justify-evenly w-full mx-auto px-2 max-w-7xl": true,
1156
- [navColorClasses[props.color ?? "gray"]]: props.floating,
1384
+ [navColorClasses[props.color ?? "darkgray"]]: props.floating,
1157
1385
  "border rounded-lg": props.floating,
1158
- 'before:absolute before:content-[""] before:w-full before:max-w-7xl before:h-full before:rounded-lg before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': props.floating
1386
+ "before:backdrop-blur-lg": props.color !== "transparent" && props.floating,
1387
+ 'before:absolute before:content-[""] before:w-full before:max-w-7xl before:h-full before:rounded-lg before:drop-shadow-xl before:-z-10': props.floating
1159
1388
  }
1160
1389
  }, null, [
1161
1390
  /* @__PURE__ */ _jsxQ("div", null, {
@@ -1184,6 +1413,17 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1184
1413
  }
1185
1414
  }, 3, "8r_3"),
1186
1415
  /* @__PURE__ */ _jsxC(Button, {
1416
+ color: "transparent",
1417
+ square: true,
1418
+ class: {
1419
+ "sm:hidden": true
1420
+ },
1421
+ onClick$: /* @__PURE__ */ inlinedQrl(() => {
1422
+ const [menu2] = useLexicalScope();
1423
+ return menu2.value = !menu2.value;
1424
+ }, "Nav_component_nav_div_div_div_Button_onClick_J0TKJTxh4N4", [
1425
+ menu
1426
+ ]),
1187
1427
  children: /* @__PURE__ */ _jsxQ("svg", null, {
1188
1428
  class: "w-6 h-6",
1189
1429
  fill: "none",
@@ -1191,76 +1431,69 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1191
1431
  viewBox: "0 0 24 24",
1192
1432
  xmlns: "http://www.w3.org/2000/svg"
1193
1433
  }, /* @__PURE__ */ _jsxQ("path", null, {
1194
- d: "M4 6h16M4 12h16m-7 6h7",
1195
1434
  "stroke-linecap": "round",
1196
1435
  "stroke-linejoin": "round",
1197
- "stroke-width": "2"
1436
+ "stroke-width": "2",
1437
+ d: "M4 6h16M4 12h16m-7 6h7"
1198
1438
  }, null, 3, null), 3, null),
1199
- class: {
1200
- "sm:hidden": true
1201
- },
1202
- color: "transparent",
1203
- onClick$: /* @__PURE__ */ inlinedQrl(() => {
1204
- const [menu2] = useLexicalScope();
1205
- return menu2.value = !menu2.value;
1206
- }, "Nav_component_nav_div_div_div_Button_onClick_J0TKJTxh4N4", [
1207
- menu
1208
- ]),
1209
- square: true,
1210
1439
  [_IMMUTABLE]: {
1211
- class: _IMMUTABLE,
1212
1440
  color: _IMMUTABLE,
1213
- onClick$: _IMMUTABLE,
1214
- square: _IMMUTABLE
1441
+ square: _IMMUTABLE,
1442
+ class: _IMMUTABLE,
1443
+ onClick$: _IMMUTABLE
1215
1444
  }
1216
1445
  }, 3, "8r_4")
1217
1446
  ], 1, null)
1218
1447
  ], 1, null), 1, null)
1219
- ],
1220
- class: {
1221
- "motion-safe:transition-all duration-200 flex flex-col top-0 left-0 w-full z-50": true,
1222
- "fixed": props.fixed,
1223
- "absolute": !props.fixed,
1224
- ...props1.class
1225
- }
1448
+ ]
1226
1449
  }, null, 0, "8r_5");
1227
1450
  }, "Nav_component_ZePSmw9628k"));
1228
1451
  const Plus = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1229
1452
  return /* @__PURE__ */ _jsxS("svg", {
1453
+ xmlns: "http://www.w3.org/2000/svg",
1454
+ viewBox: "0 0 512 512",
1230
1455
  ...props,
1456
+ get height() {
1457
+ return props.width;
1458
+ },
1231
1459
  children: /* @__PURE__ */ _jsxQ("path", null, {
1232
- d: "M256 112v288M400 256H112",
1233
1460
  fill: "none",
1234
1461
  stroke: "currentColor",
1235
1462
  "stroke-linecap": "round",
1236
1463
  "stroke-linejoin": "round",
1237
- "stroke-width": "32"
1464
+ "stroke-width": "32",
1465
+ d: "M256 112v288M400 256H112"
1238
1466
  }, null, 3, null)
1239
1467
  }, {
1468
+ xmlns: _IMMUTABLE,
1469
+ viewBox: _IMMUTABLE,
1240
1470
  height: _fnSignal((p0) => p0.width, [
1241
1471
  props
1242
- ], "p0.width"),
1243
- viewBox: "0 0 512 512",
1244
- xmlns: "http://www.w3.org/2000/svg"
1472
+ ], "p0.width")
1245
1473
  }, 0, "qR_0");
1246
1474
  }, "Plus_component_a7LdBXNrC2w"));
1247
1475
  const Minus = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1248
1476
  return /* @__PURE__ */ _jsxS("svg", {
1477
+ xmlns: "http://www.w3.org/2000/svg",
1478
+ viewBox: "0 0 512 512",
1249
1479
  ...props,
1480
+ get height() {
1481
+ return props.width;
1482
+ },
1250
1483
  children: /* @__PURE__ */ _jsxQ("path", null, {
1251
- d: "M400 256H112",
1252
1484
  fill: "none",
1253
1485
  stroke: "currentColor",
1254
1486
  "stroke-linecap": "round",
1255
1487
  "stroke-linejoin": "round",
1256
- "stroke-width": "32"
1488
+ "stroke-width": "32",
1489
+ d: "M400 256H112"
1257
1490
  }, null, 3, null)
1258
1491
  }, {
1492
+ xmlns: _IMMUTABLE,
1493
+ viewBox: _IMMUTABLE,
1259
1494
  height: _fnSignal((p0) => p0.width, [
1260
1495
  props
1261
- ], "p0.width"),
1262
- viewBox: "0 0 512 512",
1263
- xmlns: "http://www.w3.org/2000/svg"
1496
+ ], "p0.width")
1264
1497
  }, 0, "0g_0");
1265
1498
  }, "Minus_component_oP9l58XNP1Q"));
1266
1499
  const NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -1268,10 +1501,10 @@ const NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
1268
1501
  class: "flex flex-col"
1269
1502
  }, [
1270
1503
  /* @__PURE__ */ _jsxQ("label", null, {
1271
- class: "text-gray-300 pb-1 select-none",
1272
1504
  for: _fnSignal((p0) => p0.id, [
1273
1505
  props
1274
- ], "p0.id")
1506
+ ], "p0.id"),
1507
+ class: "text-gray-300 pb-1 select-none"
1275
1508
  }, /* @__PURE__ */ _jsxC(Slot, null, 3, "gk_0"), 1, null),
1276
1509
  /* @__PURE__ */ _jsxC(NumberInputRaw, {
1277
1510
  ...props,
@@ -1282,6 +1515,7 @@ const NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
1282
1515
  const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1283
1516
  const props1 = _restProps(props, [
1284
1517
  "input",
1518
+ "color",
1285
1519
  "onDecrement$",
1286
1520
  "onIncrement$",
1287
1521
  "value",
@@ -1308,10 +1542,10 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
1308
1542
  /* @__PURE__ */ _jsxC(Button, {
1309
1543
  size: "sm",
1310
1544
  get color() {
1311
- return props.input ? "gray" : "darkgray";
1545
+ return (props.color ?? "darkgray") == "darkgray" ? props.input ? "gray" : "darkgray" : props.color ?? "darkgray";
1312
1546
  },
1313
- "aria-label": "Decrement",
1314
1547
  "data-action": "decrement",
1548
+ "aria-label": "Decrement",
1315
1549
  disabled: props1.min ? (props.value ?? 0) <= props1.min : false,
1316
1550
  onClick$: props.input ? /* @__PURE__ */ inlinedQrl((event, element) => {
1317
1551
  const [props2] = useLexicalScope();
@@ -1327,50 +1561,58 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
1327
1561
  };
1328
1562
  },
1329
1563
  children: /* @__PURE__ */ _jsxC(Minus, {
1330
- class: "fill-current",
1331
1564
  width: "24",
1565
+ class: "fill-current",
1332
1566
  [_IMMUTABLE]: {
1333
- class: _IMMUTABLE,
1334
- width: _IMMUTABLE
1567
+ width: _IMMUTABLE,
1568
+ class: _IMMUTABLE
1335
1569
  }
1336
1570
  }, 3, "gk_3"),
1337
1571
  [_IMMUTABLE]: {
1572
+ size: _IMMUTABLE,
1573
+ color: _fnSignal((p0) => (p0.color ?? "darkgray") == "darkgray" ? p0.input ? "gray" : "darkgray" : p0.color ?? "darkgray", [
1574
+ props
1575
+ ], '(p0.color??"darkgray")=="darkgray"?p0.input?"gray":"darkgray":p0.color??"darkgray"'),
1576
+ "data-action": _IMMUTABLE,
1338
1577
  "aria-label": _IMMUTABLE,
1339
1578
  class: _fnSignal((p0) => ({
1340
1579
  "mr-2": p0.input
1341
1580
  }), [
1342
1581
  props
1343
- ], '{"mr-2":p0.input}'),
1344
- color: _fnSignal((p0) => p0.input ? "gray" : "darkgray", [
1345
- props
1346
- ], 'p0.input?"gray":"darkgray"'),
1347
- "data-action": _IMMUTABLE,
1348
- size: _IMMUTABLE
1582
+ ], '{"mr-2":p0.input}')
1349
1583
  }
1350
1584
  }, 0, "gk_4"),
1351
1585
  props.input && /* @__PURE__ */ _jsxS("input", {
1352
1586
  ...props1,
1587
+ type: "number",
1588
+ get value() {
1589
+ return props.value ?? 0;
1590
+ },
1591
+ get step() {
1592
+ return props.step ?? 1;
1593
+ },
1353
1594
  class: {
1354
1595
  [InputClasses]: true,
1596
+ [InputColorClasses[props.color ?? "darkgray"]]: true,
1355
1597
  "text-center": true,
1356
1598
  ...props1.class
1357
1599
  }
1358
1600
  }, {
1359
- step: _fnSignal((p0) => p0.step ?? 1, [
1360
- props
1361
- ], "p0.step??1"),
1362
- type: "number",
1601
+ type: _IMMUTABLE,
1363
1602
  value: _fnSignal((p0) => p0.value ?? 0, [
1364
1603
  props
1365
- ], "p0.value??0")
1604
+ ], "p0.value??0"),
1605
+ step: _fnSignal((p0) => p0.step ?? 1, [
1606
+ props
1607
+ ], "p0.step??1")
1366
1608
  }, 0, "gk_5"),
1367
1609
  /* @__PURE__ */ _jsxC(Button, {
1368
1610
  size: "sm",
1369
1611
  get color() {
1370
- return props.input ? "gray" : "darkgray";
1612
+ return (props.color ?? "darkgray") == "darkgray" ? props.input ? "gray" : "darkgray" : props.color ?? "darkgray";
1371
1613
  },
1372
- "aria-label": "Increment",
1373
1614
  "data-action": "increment",
1615
+ "aria-label": "Increment",
1374
1616
  disabled: props1.max ? (props.value ?? 0) >= props1.max : false,
1375
1617
  onClick$: props.input ? /* @__PURE__ */ inlinedQrl((event, element) => {
1376
1618
  const [props2] = useLexicalScope();
@@ -1386,25 +1628,25 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
1386
1628
  };
1387
1629
  },
1388
1630
  children: /* @__PURE__ */ _jsxC(Plus, {
1389
- class: "fill-current",
1390
1631
  width: "24",
1632
+ class: "fill-current",
1391
1633
  [_IMMUTABLE]: {
1392
- class: _IMMUTABLE,
1393
- width: _IMMUTABLE
1634
+ width: _IMMUTABLE,
1635
+ class: _IMMUTABLE
1394
1636
  }
1395
1637
  }, 3, "gk_6"),
1396
1638
  [_IMMUTABLE]: {
1639
+ size: _IMMUTABLE,
1640
+ color: _fnSignal((p0) => (p0.color ?? "darkgray") == "darkgray" ? p0.input ? "gray" : "darkgray" : p0.color ?? "darkgray", [
1641
+ props
1642
+ ], '(p0.color??"darkgray")=="darkgray"?p0.input?"gray":"darkgray":p0.color??"darkgray"'),
1643
+ "data-action": _IMMUTABLE,
1397
1644
  "aria-label": _IMMUTABLE,
1398
1645
  class: _fnSignal((p0) => ({
1399
1646
  "ml-2": p0.input
1400
1647
  }), [
1401
1648
  props
1402
- ], '{"ml-2":p0.input}'),
1403
- color: _fnSignal((p0) => p0.input ? "gray" : "darkgray", [
1404
- props
1405
- ], 'p0.input?"gray":"darkgray"'),
1406
- "data-action": _IMMUTABLE,
1407
- size: _IMMUTABLE
1649
+ ], '{"ml-2":p0.input}')
1408
1650
  }
1409
1651
  }, 0, "gk_7")
1410
1652
  ], 1, "gk_8");
@@ -1414,10 +1656,10 @@ const TextArea = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
1414
1656
  class: "flex flex-col"
1415
1657
  }, [
1416
1658
  /* @__PURE__ */ _jsxQ("label", null, {
1417
- class: "text-gray-300 pb-1 select-none",
1418
1659
  for: _fnSignal((p0) => p0.id, [
1419
1660
  props
1420
- ], "p0.id")
1661
+ ], "p0.id"),
1662
+ class: "text-gray-300 pb-1 select-none"
1421
1663
  }, /* @__PURE__ */ _jsxC(Slot, null, 3, "UP_0"), 1, null),
1422
1664
  /* @__PURE__ */ _jsxC(TextAreaRaw, {
1423
1665
  ...props
@@ -1426,6 +1668,7 @@ const TextArea = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
1426
1668
  }, "TextArea_component_rWDoQFL2c0g"));
1427
1669
  const TextAreaRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1428
1670
  const props1 = _restProps(props, [
1671
+ "color",
1429
1672
  "output"
1430
1673
  ]);
1431
1674
  return /* @__PURE__ */ _jsxC(Fragment, {
@@ -1433,10 +1676,14 @@ const TextAreaRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
1433
1676
  ...props1,
1434
1677
  class: {
1435
1678
  [InputClasses]: true,
1679
+ [InputColorClasses[props.color ?? "darkgray"]]: true,
1436
1680
  "h-32": true,
1437
- "cursor-pointer active:bg-gray-600 select-none": props.output,
1681
+ "cursor-pointer select-none": props.output,
1438
1682
  ...props1.class
1439
1683
  },
1684
+ get readOnly() {
1685
+ return props.output;
1686
+ },
1440
1687
  onClick$: props.output ? /* @__PURE__ */ inlinedQrl((event, element) => {
1441
1688
  navigator.clipboard.writeText(element.value);
1442
1689
  const notification = document.createElement("div");
@@ -1454,10 +1701,208 @@ const TextAreaRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
1454
1701
  }, 0, null)
1455
1702
  }, 1, "UP_3");
1456
1703
  }, "TextAreaRaw_component_PZiPScYxgNk"));
1704
+ const toggleOnColorClasses = {
1705
+ slate: {
1706
+ checked: "peer-checked:bg-slate-600 peer-checked:border-slate-500 peer-checked:hover:bg-slate-500 peer-checked:active:bg-slate-400",
1707
+ 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"
1708
+ },
1709
+ gray: {
1710
+ checked: "peer-checked:bg-gray-600 peer-checked:border-gray-500 peer-checked:hover:bg-gray-500 peer-checked:active:bg-gray-400",
1711
+ 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"
1712
+ },
1713
+ darkgray: {
1714
+ checked: "peer-checked:bg-gray-700 peer-checked:border-gray-600 peer-checked:hover:bg-gray-600 peer-checked:active:bg-gray-500",
1715
+ 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"
1716
+ },
1717
+ darkergray: {
1718
+ checked: "peer-checked:bg-gray-800 peer-checked:border-gray-700 peer-checked:hover:bg-gray-700 peer-checked:active:bg-gray-600",
1719
+ 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"
1720
+ },
1721
+ zinc: {
1722
+ checked: "peer-checked:bg-zinc-600 peer-checked:border-zinc-500 peer-checked:hover:bg-zinc-500 peer-checked:active:bg-zinc-400",
1723
+ 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"
1724
+ },
1725
+ neutral: {
1726
+ checked: "peer-checked:bg-neutral-600 peer-checked:border-neutral-500 peer-checked:hover:bg-neutral-500 peer-checked:active:bg-neutral-400",
1727
+ 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"
1728
+ },
1729
+ stone: {
1730
+ checked: "peer-checked:bg-stone-600 peer-checked:border-stone-500 peer-checked:hover:bg-stone-500 peer-checked:active:bg-stone-400",
1731
+ 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"
1732
+ },
1733
+ red: {
1734
+ checked: "peer-checked:bg-red-600 peer-checked:border-red-500 peer-checked:hover:bg-red-500 peer-checked:active:bg-red-400",
1735
+ 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"
1736
+ },
1737
+ orange: {
1738
+ checked: "peer-checked:bg-orange-600 peer-checked:border-orange-500 peer-checked:hover:bg-orange-500 peer-checked:active:bg-orange-400",
1739
+ 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"
1740
+ },
1741
+ amber: {
1742
+ checked: "peer-checked:bg-amber-600 peer-checked:border-amber-500 peer-checked:hover:bg-amber-500 peer-checked:active:bg-amber-400",
1743
+ 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"
1744
+ },
1745
+ yellow: {
1746
+ checked: "peer-checked:bg-yellow-600 peer-checked:border-yellow-500 peer-checked:hover:bg-yellow-500 peer-checked:active:bg-yellow-400",
1747
+ 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"
1748
+ },
1749
+ lime: {
1750
+ checked: "peer-checked:bg-lime-600 peer-checked:border-lime-500 peer-checked:hover:bg-lime-500 peer-checked:active:bg-lime-400",
1751
+ 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"
1752
+ },
1753
+ green: {
1754
+ checked: "peer-checked:bg-green-600 peer-checked:border-green-500 peer-checked:hover:bg-green-500 peer-checked:active:bg-green-400",
1755
+ 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"
1756
+ },
1757
+ emerald: {
1758
+ checked: "peer-checked:bg-emerald-600 peer-checked:border-emerald-500 peer-checked:hover:bg-emerald-500 peer-checked:active:bg-emerald-400",
1759
+ 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"
1760
+ },
1761
+ teal: {
1762
+ checked: "peer-checked:bg-teal-600 peer-checked:border-teal-500 peer-checked:hover:bg-teal-500 peer-checked:active:bg-teal-400",
1763
+ 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"
1764
+ },
1765
+ cyan: {
1766
+ checked: "peer-checked:bg-cyan-600 peer-checked:border-cyan-500 peer-checked:hover:bg-cyan-500 peer-checked:active:bg-cyan-400",
1767
+ 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"
1768
+ },
1769
+ sky: {
1770
+ checked: "peer-checked:bg-sky-600 peer-checked:border-sky-500 peer-checked:hover:bg-sky-500 peer-checked:active:bg-sky-400",
1771
+ 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"
1772
+ },
1773
+ blue: {
1774
+ checked: "peer-checked:bg-blue-600 peer-checked:border-blue-500 peer-checked:hover:bg-blue-500 peer-checked:active:bg-blue-400",
1775
+ 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"
1776
+ },
1777
+ indigo: {
1778
+ checked: "peer-checked:bg-indigo-600 peer-checked:border-indigo-500 peer-checked:hover:bg-indigo-500 peer-checked:active:bg-indigo-400",
1779
+ 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"
1780
+ },
1781
+ violet: {
1782
+ checked: "peer-checked:bg-violet-600 peer-checked:border-violet-500 peer-checked:hover:bg-violet-500 peer-checked:active:bg-violet-400",
1783
+ 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"
1784
+ },
1785
+ purple: {
1786
+ checked: "peer-checked:bg-purple-600 peer-checked:border-purple-500 peer-checked:hover:bg-purple-500 peer-checked:active:bg-purple-400",
1787
+ 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"
1788
+ },
1789
+ fuchsia: {
1790
+ checked: "peer-checked:bg-fuchsia-600 peer-checked:border-fuchsia-500 peer-checked:hover:bg-fuchsia-500 peer-checked:active:bg-fuchsia-400",
1791
+ 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"
1792
+ },
1793
+ pink: {
1794
+ checked: "peer-checked:bg-pink-600 peer-checked:border-pink-500 peer-checked:hover:bg-pink-500 peer-checked:active:bg-pink-400",
1795
+ 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"
1796
+ },
1797
+ rose: {
1798
+ checked: "peer-checked:bg-rose-600 peer-checked:border-rose-500 peer-checked:hover:bg-rose-500 peer-checked:active:bg-rose-400",
1799
+ 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"
1800
+ }
1801
+ };
1802
+ const toggleOffColorClasses = {
1803
+ slate: {
1804
+ unchecked: "bg-slate-700 border-slate-600 hover:bg-slate-600 active:bg-slate-500",
1805
+ uncheckedAfter: "after:bg-slate-600 after:border-slate-500 after:hover:bg-slate-500 after:active:bg-slate-400"
1806
+ },
1807
+ gray: {
1808
+ unchecked: "bg-gray-700 border-gray-600 hover:bg-gray-600 active:bg-gray-500",
1809
+ uncheckedAfter: "after:bg-gray-600 after:border-gray-500 after:hover:bg-gray-500 after:active:bg-gray-400"
1810
+ },
1811
+ darkgray: {
1812
+ unchecked: "bg-gray-800 border-gray-700 hover:bg-gray-700 active:bg-gray-600",
1813
+ uncheckedAfter: "after:bg-gray-700 after:border-gray-600 after:hover:bg-gray-600 after:active:bg-gray-500"
1814
+ },
1815
+ darkergray: {
1816
+ unchecked: "bg-gray-900 border-gray-800 hover:bg-gray-800 active:bg-gray-700",
1817
+ uncheckedAfter: "after:bg-gray-800 after:border-gray-700 after:hover:bg-gray-700 after:active:bg-gray-600"
1818
+ },
1819
+ zinc: {
1820
+ unchecked: "bg-zinc-700 border-zinc-600 hover:bg-zinc-600 active:bg-zinc-500",
1821
+ uncheckedAfter: "after:bg-zinc-600 after:border-zinc-500 after:hover:bg-zinc-500 after:active:bg-zinc-400"
1822
+ },
1823
+ neutral: {
1824
+ unchecked: "bg-neutral-700 border-neutral-600 hover:bg-neutral-600 active:bg-neutral-500",
1825
+ uncheckedAfter: "after:bg-neutral-600 after:border-neutral-500 after:hover:bg-neutral-500 after:active:bg-neutral-400"
1826
+ },
1827
+ stone: {
1828
+ unchecked: "bg-stone-700 border-stone-600 hover:bg-stone-600 active:bg-stone-500",
1829
+ uncheckedAfter: "after:bg-stone-600 after:border-stone-500 after:hover:bg-stone-500 after:active:bg-stone-400"
1830
+ },
1831
+ red: {
1832
+ unchecked: "bg-red-700 border-red-600 hover:bg-red-600 active:bg-red-500",
1833
+ uncheckedAfter: "after:bg-red-600 after:border-red-500 after:hover:bg-red-500 after:active:bg-red-400"
1834
+ },
1835
+ orange: {
1836
+ unchecked: "bg-orange-700 border-orange-600 hover:bg-orange-600 active:bg-orange-500",
1837
+ uncheckedAfter: "after:bg-orange-600 after:border-orange-500 after:hover:bg-orange-500 after:active:bg-orange-400"
1838
+ },
1839
+ amber: {
1840
+ unchecked: "bg-amber-700 border-amber-600 hover:bg-amber-600 active:bg-amber-500",
1841
+ uncheckedAfter: "after:bg-amber-600 after:border-amber-500 after:hover:bg-amber-500 after:active:bg-amber-400"
1842
+ },
1843
+ yellow: {
1844
+ unchecked: "bg-yellow-700 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500",
1845
+ uncheckedAfter: "after:bg-yellow-600 after:border-yellow-500 after:hover:bg-yellow-500 after:active:bg-yellow-400"
1846
+ },
1847
+ lime: {
1848
+ unchecked: "bg-lime-700 border-lime-600 hover:bg-lime-600 active:bg-lime-500",
1849
+ uncheckedAfter: "after:bg-lime-600 after:border-lime-500 after:hover:bg-lime-500 after:active:bg-lime-400"
1850
+ },
1851
+ green: {
1852
+ unchecked: "bg-green-700 border-green-600 hover:bg-green-600 active:bg-green-500",
1853
+ uncheckedAfter: "after:bg-green-600 after:border-green-500 after:hover:bg-green-500 after:active:bg-green-400"
1854
+ },
1855
+ emerald: {
1856
+ unchecked: "bg-emerald-700 border-emerald-600 hover:bg-emerald-600 active:bg-emerald-500",
1857
+ uncheckedAfter: "after:bg-emerald-600 after:border-emerald-500 after:hover:bg-emerald-500 after:active:bg-emerald-400"
1858
+ },
1859
+ teal: {
1860
+ unchecked: "bg-teal-700 border-teal-600 hover:bg-teal-600 active:bg-teal-500",
1861
+ uncheckedAfter: "after:bg-teal-600 after:border-teal-500 after:hover:bg-teal-500 after:active:bg-teal-400"
1862
+ },
1863
+ cyan: {
1864
+ unchecked: "bg-cyan-700 border-cyan-600 hover:bg-cyan-600 active:bg-cyan-500",
1865
+ uncheckedAfter: "after:bg-cyan-600 after:border-cyan-500 after:hover:bg-cyan-500 after:active:bg-cyan-400"
1866
+ },
1867
+ sky: {
1868
+ unchecked: "bg-sky-700 border-sky-600 hover:bg-sky-600 active:bg-sky-500",
1869
+ uncheckedAfter: "after:bg-sky-600 after:border-sky-500 after:hover:bg-sky-500 after:active:bg-sky-400"
1870
+ },
1871
+ blue: {
1872
+ unchecked: "bg-blue-700 border-blue-600 hover:bg-blue-600 active:bg-blue-500",
1873
+ uncheckedAfter: "after:bg-blue-600 after:border-blue-500 after:hover:bg-blue-500 after:active:bg-blue-400"
1874
+ },
1875
+ indigo: {
1876
+ unchecked: "bg-indigo-700 border-indigo-600 hover:bg-indigo-600 active:bg-indigo-500",
1877
+ uncheckedAfter: "after:bg-indigo-600 after:border-indigo-500 after:hover:bg-indigo-500 after:active:bg-indigo-400"
1878
+ },
1879
+ violet: {
1880
+ unchecked: "bg-violet-700 border-violet-600 hover:bg-violet-600 active:bg-violet-500",
1881
+ uncheckedAfter: "after:bg-violet-600 after:border-violet-500 after:hover:bg-violet-500 after:active:bg-violet-400"
1882
+ },
1883
+ purple: {
1884
+ unchecked: "bg-purple-700 border-purple-600 hover:bg-purple-600 active:bg-purple-500",
1885
+ uncheckedAfter: "after:bg-purple-600 after:border-purple-500 after:hover:bg-purple-500 after:active:bg-purple-400"
1886
+ },
1887
+ fuchsia: {
1888
+ unchecked: "bg-fuchsia-700 border-fuchsia-600 hover:bg-fuchsia-600 active:bg-fuchsia-500",
1889
+ uncheckedAfter: "after:bg-fuchsia-600 after:border-fuchsia-500 after:hover:bg-fuchsia-500 after:active:bg-fuchsia-400"
1890
+ },
1891
+ pink: {
1892
+ unchecked: "bg-pink-700 border-pink-600 hover:bg-pink-600 active:bg-pink-500",
1893
+ uncheckedAfter: "after:bg-pink-600 after:border-pink-500 after:hover:bg-pink-500 after:active:bg-pink-400"
1894
+ },
1895
+ rose: {
1896
+ unchecked: "bg-rose-700 border-rose-600 hover:bg-rose-600 active:bg-rose-500",
1897
+ uncheckedAfter: "after:bg-rose-600 after:border-rose-500 after:hover:bg-rose-500 after:active:bg-rose-400"
1898
+ }
1899
+ };
1457
1900
  const Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1458
1901
  const props1 = _restProps(props, [
1459
1902
  "center",
1460
- "label"
1903
+ "label",
1904
+ "onColor",
1905
+ "offColor"
1461
1906
  ]);
1462
1907
  return /* @__PURE__ */ _jsxQ("div", null, {
1463
1908
  class: _fnSignal((p0) => ({
@@ -1471,24 +1916,26 @@ const Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
1471
1916
  class: "inline-flex relative items-center cursor-pointer"
1472
1917
  }, [
1473
1918
  /* @__PURE__ */ _jsxS("input", {
1919
+ type: "checkbox",
1474
1920
  ...props1,
1475
1921
  class: {
1476
1922
  "sr-only peer": true,
1477
1923
  ...props1.class
1478
1924
  }
1479
1925
  }, {
1480
- type: "checkbox"
1926
+ type: _IMMUTABLE
1481
1927
  }, 0, null),
1482
- /* @__PURE__ */ _jsxQ("div", null, {
1928
+ /* @__PURE__ */ _jsxQ("div", {
1483
1929
  class: {
1484
1930
  "motion-safe:transition ease-in-out w-12 h-7 rounded-md peer border hover:shadow-lg": true,
1485
- "bg-gray-800 border-gray-700 hover:bg-gray-700 active:bg-gray-600": true,
1486
- "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,
1487
- "after:bg-gray-700 after:border-gray-600 after:hover:bg-gray-600 after:active:bg-gray-500": true,
1488
- "peer-checked:bg-blue-700 peer-checked:border-blue-600 peer-checked:hover:bg-blue-600 peer-checked:active:bg-blue-500": true,
1489
- "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
1931
+ "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,
1932
+ "peer-checked:after:translate-x-full": true,
1933
+ [toggleOnColorClasses[props.onColor ?? "blue"].checked]: true,
1934
+ [toggleOnColorClasses[props.onColor ?? "blue"].checkedAfter]: true,
1935
+ [toggleOffColorClasses[props.offColor ?? "darkgray"].unchecked]: true,
1936
+ [toggleOffColorClasses[props.offColor ?? "darkgray"].uncheckedAfter]: true
1490
1937
  }
1491
- }, null, 3, null)
1938
+ }, null, null, 3, null)
1492
1939
  ], 1, null),
1493
1940
  props.label && /* @__PURE__ */ _jsxQ("label", {
1494
1941
  for: _wrapSignal(props1, "id")
@@ -1505,15 +1952,22 @@ const LogoBirdflop = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
1505
1952
  "fillGradient"
1506
1953
  ]);
1507
1954
  return /* @__PURE__ */ _jsxS("svg", {
1955
+ xmlns: "http://www.w3.org/2000/svg",
1956
+ "xmlns:xlink": "http://www.w3.org/1999/xlink",
1957
+ viewBox: "0 0 1080 1080",
1508
1958
  ...props1,
1959
+ get height() {
1960
+ return props1.width;
1961
+ },
1962
+ height: _wrapSignal(props1, "width"),
1509
1963
  children: [
1510
1964
  /* @__PURE__ */ _jsxQ("defs", null, null, [
1511
1965
  props.fillGradient && /* @__PURE__ */ _jsxQ("linearGradient", null, {
1512
- gradientUnits: "objectBoundingBox",
1513
1966
  id: "linear-gradient",
1514
1967
  x1: "0.5",
1515
1968
  x2: "0.5",
1516
- y2: "1"
1969
+ y2: "1",
1970
+ gradientUnits: "objectBoundingBox"
1517
1971
  }, props.fillGradient.map((color, i) => /* @__PURE__ */ _jsxQ("stop", {
1518
1972
  offset: i / (props.fillGradient.length - 1),
1519
1973
  "stop-color": color
@@ -1521,28 +1975,28 @@ const LogoBirdflop = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
1521
1975
  /* @__PURE__ */ _jsxQ("clipPath", null, {
1522
1976
  id: "clip-bf_3"
1523
1977
  }, /* @__PURE__ */ _jsxQ("rect", null, {
1524
- height: "1080",
1525
- width: "1080"
1978
+ width: "1080",
1979
+ height: "1080"
1526
1980
  }, null, 3, null), 3, null)
1527
1981
  ], 1, null),
1528
1982
  /* @__PURE__ */ _jsxQ("g", null, {
1529
- "clip-path": "url(#clip-bf_3)",
1983
+ id: "bf_3",
1530
1984
  "data-name": "bf - 3",
1531
- fill: "currentColor",
1532
- id: "bf_3"
1985
+ "clip-path": "url(#clip-bf_3)",
1986
+ fill: "currentColor"
1533
1987
  }, /* @__PURE__ */ _jsxQ("path", null, {
1534
- 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",
1988
+ id: "Union_26",
1535
1989
  "data-name": "Union 26",
1990
+ 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",
1991
+ transform: "translate(2479.9 1169.7)",
1536
1992
  fill: _fnSignal((p0) => p0.fillGradient ? "url(#linear-gradient)" : "", [
1537
1993
  props
1538
- ], 'p0.fillGradient?"url(#linear-gradient)":""'),
1539
- id: "Union_26",
1540
- transform: "translate(2479.9 1169.7)"
1994
+ ], 'p0.fillGradient?"url(#linear-gradient)":""')
1541
1995
  }, null, 3, null), 3, null),
1542
1996
  props.confused && /* @__PURE__ */ _jsxQ("g", null, {
1543
- fill: "#1E2837",
1997
+ style: "transform: translate(595px, 460px) scale(0.375)",
1544
1998
  stroke: "#1E2837",
1545
- style: "transform: translate(595px, 460px) scale(0.375)"
1999
+ fill: "#1E2837"
1546
2000
  }, [
1547
2001
  /* @__PURE__ */ _jsxQ("path", null, {
1548
2002
  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",
@@ -1558,89 +2012,124 @@ const LogoBirdflop = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
1558
2012
  style: "transform: translate(0, 30px)"
1559
2013
  }, null, 3, null)
1560
2014
  ], 3, "Ie_1")
1561
- ],
1562
- height: _wrapSignal(props1, "width")
2015
+ ]
1563
2016
  }, {
1564
- viewBox: "0 0 1080 1080",
1565
- xmlns: "http://www.w3.org/2000/svg",
1566
- "xmlns:xlink": "http://www.w3.org/1999/xlink"
2017
+ xmlns: _IMMUTABLE,
2018
+ "xmlns:xlink": _IMMUTABLE,
2019
+ viewBox: _IMMUTABLE
1567
2020
  }, 0, "Ie_2");
1568
2021
  }, "LogoBirdflop_component_mKG3xZaEE5w"));
1569
2022
  const LogoDiscord = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1570
2023
  return /* @__PURE__ */ _jsxS("svg", {
2024
+ xmlns: "http://www.w3.org/2000/svg",
2025
+ viewBox: "0 0 127.14 96.36",
2026
+ fill: "currentColor",
1571
2027
  ...props,
2028
+ get height() {
2029
+ return props.width;
2030
+ },
1572
2031
  children: /* @__PURE__ */ _jsxQ("path", null, {
1573
2032
  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"
1574
2033
  }, null, 3, null)
1575
2034
  }, {
1576
- fill: "currentColor",
2035
+ xmlns: _IMMUTABLE,
2036
+ viewBox: _IMMUTABLE,
2037
+ fill: _IMMUTABLE,
1577
2038
  height: _fnSignal((p0) => p0.width, [
1578
2039
  props
1579
- ], "p0.width"),
1580
- viewBox: "0 0 127.14 96.36",
1581
- xmlns: "http://www.w3.org/2000/svg"
2040
+ ], "p0.width")
1582
2041
  }, 0, "V4_0");
1583
2042
  }, "LogoDiscord_component_pyJvo9cIDdU"));
1584
2043
  const LogoFabric = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1585
2044
  return /* @__PURE__ */ _jsxS("svg", {
2045
+ xmlns: "http://www.w3.org/2000/svg",
2046
+ "xml:space": "preserve",
2047
+ "fill-rule": "evenodd",
2048
+ "stroke-linecap": "round",
2049
+ "stroke-linejoin": "round",
2050
+ "clip-rule": "evenodd",
2051
+ viewBox: "0 0 24 24",
1586
2052
  ...props,
2053
+ get height() {
2054
+ return props.width;
2055
+ },
1587
2056
  children: [
1588
2057
  /* @__PURE__ */ _jsxQ("path", null, {
1589
- d: "M0 0h24v24H0z",
1590
- fill: "none"
2058
+ fill: "none",
2059
+ d: "M0 0h24v24H0z"
1591
2060
  }, null, 3, null),
1592
2061
  /* @__PURE__ */ _jsxQ("path", null, {
1593
- 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",
1594
2062
  fill: "none",
1595
2063
  stroke: "currentColor",
1596
2064
  "stroke-width": "23",
2065
+ 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",
1597
2066
  transform: "matrix(.08671 0 0 .0867 -49.8 -56)"
1598
2067
  }, null, 3, null)
1599
2068
  ]
1600
2069
  }, {
1601
- "clip-rule": "evenodd",
1602
- "fill-rule": "evenodd",
2070
+ xmlns: _IMMUTABLE,
2071
+ "xml:space": _IMMUTABLE,
2072
+ "fill-rule": _IMMUTABLE,
2073
+ "stroke-linecap": _IMMUTABLE,
2074
+ "stroke-linejoin": _IMMUTABLE,
2075
+ "clip-rule": _IMMUTABLE,
2076
+ viewBox: _IMMUTABLE,
1603
2077
  height: _fnSignal((p0) => p0.width, [
1604
2078
  props
1605
- ], "p0.width"),
1606
- "stroke-linecap": "round",
1607
- "stroke-linejoin": "round",
1608
- viewBox: "0 0 24 24",
1609
- "xml:space": "preserve",
1610
- xmlns: "http://www.w3.org/2000/svg"
2079
+ ], "p0.width")
1611
2080
  }, 0, "W4_0");
1612
2081
  }, "LogoFabric_component_bOPyyyFEHuI"));
1613
2082
  const LogoForge = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1614
2083
  return /* @__PURE__ */ _jsxS("svg", {
2084
+ "xml:space": "preserve",
2085
+ "fill-rule": "evenodd",
2086
+ "stroke-linecap": "round",
2087
+ "stroke-linejoin": "round",
2088
+ "stroke-miterlimit": "1.5",
2089
+ "clip-rule": "evenodd",
2090
+ viewBox: "0 0 24 24",
1615
2091
  ...props,
2092
+ get height() {
2093
+ return props.width;
2094
+ },
1616
2095
  children: [
1617
2096
  /* @__PURE__ */ _jsxQ("path", null, {
1618
- d: "M0 0h24v24H0z",
1619
- fill: "none"
2097
+ fill: "none",
2098
+ d: "M0 0h24v24H0z"
1620
2099
  }, null, 3, null),
1621
2100
  /* @__PURE__ */ _jsxQ("path", null, {
1622
- 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",
1623
2101
  fill: "none",
1624
2102
  stroke: "currentColor",
1625
- "stroke-width": "2"
2103
+ "stroke-width": "2",
2104
+ 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"
1626
2105
  }, null, 3, null)
1627
2106
  ]
1628
2107
  }, {
1629
- "clip-rule": "evenodd",
1630
- "fill-rule": "evenodd",
2108
+ "xml:space": _IMMUTABLE,
2109
+ "fill-rule": _IMMUTABLE,
2110
+ "stroke-linecap": _IMMUTABLE,
2111
+ "stroke-linejoin": _IMMUTABLE,
2112
+ "stroke-miterlimit": _IMMUTABLE,
2113
+ "clip-rule": _IMMUTABLE,
2114
+ viewBox: _IMMUTABLE,
1631
2115
  height: _fnSignal((p0) => p0.width, [
1632
2116
  props
1633
- ], "p0.width"),
1634
- "stroke-linecap": "round",
1635
- "stroke-linejoin": "round",
1636
- "stroke-miterlimit": "1.5",
1637
- viewBox: "0 0 24 24",
1638
- "xml:space": "preserve"
2117
+ ], "p0.width")
1639
2118
  }, 0, "6E_0");
1640
2119
  }, "LogoForge_component_mRpm0rEP3vY"));
1641
2120
  const LogoLuminescent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1642
2121
  return /* @__PURE__ */ _jsxS("svg", {
2122
+ xmlns: "http://www.w3.org/2000/svg",
2123
+ "xmlns:xlink": "http://www.w3.org/1999/xlink",
2124
+ zoomAndPan: "magnify",
2125
+ viewBox: "80 80 220 220",
2126
+ preserveAspectRatio: "xMidYMid meet",
2127
+ version: "1.0",
2128
+ fill: "currentColor",
1643
2129
  ...props,
2130
+ get height() {
2131
+ return props.width;
2132
+ },
1644
2133
  children: /* @__PURE__ */ _jsxQ("g", null, {
1645
2134
  "fill-opacity": "1"
1646
2135
  }, /* @__PURE__ */ _jsxQ("g", null, {
@@ -1649,20 +2138,27 @@ const LogoLuminescent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
1649
2138
  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 "
1650
2139
  }, null, 3, null), 3, null), 3, null)
1651
2140
  }, {
1652
- fill: "currentColor",
2141
+ xmlns: _IMMUTABLE,
2142
+ "xmlns:xlink": _IMMUTABLE,
2143
+ zoomAndPan: _IMMUTABLE,
2144
+ viewBox: _IMMUTABLE,
2145
+ preserveAspectRatio: _IMMUTABLE,
2146
+ version: _IMMUTABLE,
2147
+ fill: _IMMUTABLE,
1653
2148
  height: _fnSignal((p0) => p0.width, [
1654
2149
  props
1655
- ], "p0.width"),
1656
- preserveAspectRatio: "xMidYMid meet",
1657
- version: "1.0",
1658
- viewBox: "80 80 220 220",
1659
- xmlns: "http://www.w3.org/2000/svg",
1660
- "xmlns:xlink": "http://www.w3.org/1999/xlink",
1661
- zoomAndPan: "magnify"
2150
+ ], "p0.width")
1662
2151
  }, 0, "Jv_0");
1663
2152
  }, "LogoLuminescent_component_2ppcIednMJs"));
1664
2153
  const LogoLuminescentFull = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1665
2154
  return /* @__PURE__ */ _jsxS("svg", {
2155
+ xmlns: "http://www.w3.org/2000/svg",
2156
+ "xmlns:xlink": "http://www.w3.org/1999/xlink",
2157
+ zoomAndPan: "magnify",
2158
+ viewBox: "30 60 1160 200",
2159
+ preserveAspectRatio: "xMidYMid meet",
2160
+ version: "1.0",
2161
+ fill: "currentColor",
1666
2162
  ...props,
1667
2163
  children: [
1668
2164
  /* @__PURE__ */ _jsxQ("g", null, {
@@ -1744,59 +2240,76 @@ const LogoLuminescentFull = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlined
1744
2240
  }, null, 3, null), 3, null), 3, null)
1745
2241
  ]
1746
2242
  }, {
1747
- fill: "currentColor",
1748
- preserveAspectRatio: "xMidYMid meet",
1749
- version: "1.0",
1750
- viewBox: "30 60 1160 200",
1751
- xmlns: "http://www.w3.org/2000/svg",
1752
- "xmlns:xlink": "http://www.w3.org/1999/xlink",
1753
- zoomAndPan: "magnify"
2243
+ xmlns: _IMMUTABLE,
2244
+ "xmlns:xlink": _IMMUTABLE,
2245
+ zoomAndPan: _IMMUTABLE,
2246
+ viewBox: _IMMUTABLE,
2247
+ preserveAspectRatio: _IMMUTABLE,
2248
+ version: _IMMUTABLE,
2249
+ fill: _IMMUTABLE
1754
2250
  }, 0, "Jv_1");
1755
2251
  }, "LogoLuminescentFull_component_UNzyq3QUKpA"));
1756
2252
  const LogoPaper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1757
2253
  return /* @__PURE__ */ _jsxS("svg", {
2254
+ "xml:space": "preserve",
2255
+ "fill-rule": "evenodd",
2256
+ "stroke-linecap": "round",
2257
+ "stroke-linejoin": "round",
2258
+ "stroke-miterlimit": "1.5",
2259
+ "clip-rule": "evenodd",
2260
+ viewBox: "0 0 24 24",
1758
2261
  ...props,
2262
+ get height() {
2263
+ return props.width;
2264
+ },
1759
2265
  children: [
1760
2266
  /* @__PURE__ */ _jsxQ("path", null, {
1761
- d: "M0 0h24v24H0z",
1762
- fill: "none"
2267
+ fill: "none",
2268
+ d: "M0 0h24v24H0z"
1763
2269
  }, null, 3, null),
1764
2270
  /* @__PURE__ */ _jsxQ("path", null, {
1765
- d: "m12 18 6 2 3-17L2 14l6 2",
1766
2271
  fill: "none",
1767
2272
  stroke: "currentColor",
1768
- "stroke-width": "2"
2273
+ "stroke-width": "2",
2274
+ d: "m12 18 6 2 3-17L2 14l6 2"
1769
2275
  }, null, 3, null),
1770
2276
  /* @__PURE__ */ _jsxQ("path", null, {
1771
- d: "m9 21-1-5 4 2-3 3Z",
1772
2277
  stroke: "currentColor",
1773
- "stroke-width": "2"
2278
+ "stroke-width": "2",
2279
+ d: "m9 21-1-5 4 2-3 3Z"
1774
2280
  }, null, 3, null),
1775
2281
  /* @__PURE__ */ _jsxQ("path", null, {
1776
- d: "m12 18-4-2 10-9-6 11Z",
1777
- fill: "currentColor"
2282
+ fill: "currentColor",
2283
+ d: "m12 18-4-2 10-9-6 11Z"
1778
2284
  }, null, 3, null)
1779
2285
  ]
1780
2286
  }, {
1781
- "clip-rule": "evenodd",
1782
- "fill-rule": "evenodd",
2287
+ "xml:space": _IMMUTABLE,
2288
+ "fill-rule": _IMMUTABLE,
2289
+ "stroke-linecap": _IMMUTABLE,
2290
+ "stroke-linejoin": _IMMUTABLE,
2291
+ "stroke-miterlimit": _IMMUTABLE,
2292
+ "clip-rule": _IMMUTABLE,
2293
+ viewBox: _IMMUTABLE,
1783
2294
  height: _fnSignal((p0) => p0.width, [
1784
2295
  props
1785
- ], "p0.width"),
1786
- "stroke-linecap": "round",
1787
- "stroke-linejoin": "round",
1788
- "stroke-miterlimit": "1.5",
1789
- viewBox: "0 0 24 24",
1790
- "xml:space": "preserve"
2296
+ ], "p0.width")
1791
2297
  }, 0, "2r_0");
1792
2298
  }, "LogoPaper_component_pBDmaKNS7m4"));
1793
2299
  const LogoPterodactyl = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1794
2300
  return /* @__PURE__ */ _jsxS("svg", {
2301
+ version: "1.0",
2302
+ xmlns: "http://www.w3.org/2000/svg",
2303
+ viewBox: "0 0 180 180",
2304
+ preserveAspectRatio: "xMidYMid meet",
1795
2305
  ...props,
2306
+ get height() {
2307
+ return props.width;
2308
+ },
1796
2309
  children: /* @__PURE__ */ _jsxQ("g", null, {
2310
+ transform: "translate(0,180) scale(0.100000,-0.100000)",
1797
2311
  fill: "currentColor",
1798
- stroke: "none",
1799
- transform: "translate(0,180) scale(0.100000,-0.100000)"
2312
+ stroke: "none"
1800
2313
  }, [
1801
2314
  /* @__PURE__ */ _jsxQ("path", null, {
1802
2315
  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"
@@ -1812,89 +2325,104 @@ const LogoPterodactyl = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
1812
2325
  }, null, 3, null)
1813
2326
  ], 3, null)
1814
2327
  }, {
2328
+ version: _IMMUTABLE,
2329
+ xmlns: _IMMUTABLE,
2330
+ viewBox: _IMMUTABLE,
2331
+ preserveAspectRatio: _IMMUTABLE,
1815
2332
  height: _fnSignal((p0) => p0.width, [
1816
2333
  props
1817
- ], "p0.width"),
1818
- preserveAspectRatio: "xMidYMid meet",
1819
- version: "1.0",
1820
- viewBox: "0 0 180 180",
1821
- xmlns: "http://www.w3.org/2000/svg"
2334
+ ], "p0.width")
1822
2335
  }, 0, "DN_0");
1823
2336
  }, "LogoPterodactyl_component_wVJW9cHcHoo"));
1824
2337
  const LogoPurpur = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1825
2338
  return /* @__PURE__ */ _jsxS("svg", {
2339
+ "xml:space": "preserve",
2340
+ "fill-rule": "evenodd",
2341
+ "stroke-linecap": "round",
2342
+ "stroke-linejoin": "round",
2343
+ "stroke-miterlimit": "1.5",
2344
+ "clip-rule": "evenodd",
2345
+ viewBox: "0 0 24 24",
1826
2346
  ...props,
2347
+ get height() {
2348
+ return props.width;
2349
+ },
1827
2350
  children: [
1828
2351
  /* @__PURE__ */ _jsxQ("defs", null, null, /* @__PURE__ */ _jsxQ("path", null, {
1829
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1830
- fill: "none",
1831
2352
  id: "purpur",
2353
+ fill: "none",
1832
2354
  stroke: "currentColor",
1833
- "stroke-width": "1.68"
2355
+ "stroke-width": "1.68",
2356
+ d: "m264 41.95 8-4v8l-8 4v-8Z"
1834
2357
  }, null, 3, null), 3, null),
1835
2358
  /* @__PURE__ */ _jsxQ("path", null, {
1836
- d: "M0 0h24v24H0z",
1837
- fill: "none"
2359
+ fill: "none",
2360
+ d: "M0 0h24v24H0z"
1838
2361
  }, null, 3, null),
1839
2362
  /* @__PURE__ */ _jsxQ("path", null, {
1840
- d: "m264 29.95-8 4 8 4.42 8-4.42-8-4Z",
1841
2363
  fill: "none",
1842
2364
  stroke: "currentColor",
1843
2365
  "stroke-width": "1.77",
2366
+ d: "m264 29.95-8 4 8 4.42 8-4.42-8-4Z",
1844
2367
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1845
2368
  }, null, 3, null),
1846
2369
  /* @__PURE__ */ _jsxQ("path", null, {
1847
- d: "m272 38.37-8 4.42-8-4.42",
1848
2370
  fill: "none",
1849
2371
  stroke: "currentColor",
1850
2372
  "stroke-width": "1.77",
2373
+ d: "m272 38.37-8 4.42-8-4.42",
1851
2374
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1852
2375
  }, null, 3, null),
1853
2376
  /* @__PURE__ */ _jsxQ("path", null, {
1854
- d: "m260 31.95 8 4.21V45",
1855
2377
  fill: "none",
1856
2378
  stroke: "currentColor",
1857
2379
  "stroke-width": "1.77",
2380
+ d: "m260 31.95 8 4.21V45",
1858
2381
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1859
2382
  }, null, 3, null),
1860
2383
  /* @__PURE__ */ _jsxQ("path", null, {
1861
- d: "M260 45v-8.84l8-4.21",
1862
2384
  fill: "none",
1863
2385
  stroke: "currentColor",
1864
2386
  "stroke-width": "1.77",
2387
+ d: "M260 45v-8.84l8-4.21",
1865
2388
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1866
2389
  }, null, 3, null),
1867
2390
  /* @__PURE__ */ _jsxQ("path", null, {
1868
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1869
2391
  fill: "none",
1870
2392
  stroke: "currentColor",
1871
2393
  "stroke-width": "1.68",
2394
+ d: "m264 41.95 8-4v8l-8 4v-8Z",
1872
2395
  transform: "matrix(1.125 0 0 1.2569 -285 -40.78)"
1873
2396
  }, null, 3, null),
1874
2397
  /* @__PURE__ */ _jsxQ("path", null, {
1875
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1876
2398
  fill: "none",
1877
2399
  stroke: "currentColor",
1878
2400
  "stroke-width": "1.68",
2401
+ d: "m264 41.95 8-4v8l-8 4v-8Z",
1879
2402
  transform: "matrix(-1.125 0 0 1.2569 309 -40.78)"
1880
2403
  }, null, 3, null)
1881
2404
  ]
1882
2405
  }, {
1883
- "clip-rule": "evenodd",
1884
- "fill-rule": "evenodd",
2406
+ "xml:space": _IMMUTABLE,
2407
+ "fill-rule": _IMMUTABLE,
2408
+ "stroke-linecap": _IMMUTABLE,
2409
+ "stroke-linejoin": _IMMUTABLE,
2410
+ "stroke-miterlimit": _IMMUTABLE,
2411
+ "clip-rule": _IMMUTABLE,
2412
+ viewBox: _IMMUTABLE,
1885
2413
  height: _fnSignal((p0) => p0.width, [
1886
2414
  props
1887
- ], "p0.width"),
1888
- "stroke-linecap": "round",
1889
- "stroke-linejoin": "round",
1890
- "stroke-miterlimit": "1.5",
1891
- viewBox: "0 0 24 24",
1892
- "xml:space": "preserve"
2415
+ ], "p0.width")
1893
2416
  }, 0, "Xw_0");
1894
2417
  }, "LogoPurpur_component_sVHzeC1GCZ4"));
1895
2418
  const LogoVelocity = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1896
2419
  return /* @__PURE__ */ _jsxS("svg", {
2420
+ viewBox: "0 0 500 500",
2421
+ fill: "currentColor",
1897
2422
  ...props,
2423
+ get height() {
2424
+ return props.width;
2425
+ },
1898
2426
  children: [
1899
2427
  /* @__PURE__ */ _jsxQ("path", null, {
1900
2428
  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"
@@ -1909,29 +2437,38 @@ const LogoVelocity = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
1909
2437
  }, null, 3, null)
1910
2438
  ]
1911
2439
  }, {
1912
- fill: "currentColor",
2440
+ viewBox: _IMMUTABLE,
2441
+ fill: _IMMUTABLE,
1913
2442
  height: _fnSignal((p0) => p0.width, [
1914
2443
  props
1915
- ], "p0.width"),
1916
- viewBox: "0 0 500 500"
2444
+ ], "p0.width")
1917
2445
  }, 0, "Ea_0");
1918
2446
  }, "LogoVelocity_component_SNoCdG0zr0s"));
1919
2447
  const LogoWaterfall = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1920
2448
  return /* @__PURE__ */ _jsxS("svg", {
2449
+ viewBox: "0 0 24 24",
2450
+ fill: "none",
2451
+ stroke: "currentColor",
2452
+ "stroke-width": "2",
2453
+ "stroke-linecap": "round",
2454
+ "stroke-linejoin": "round",
1921
2455
  ...props,
2456
+ get height() {
2457
+ return props.width;
2458
+ },
1922
2459
  children: /* @__PURE__ */ _jsxQ("path", null, {
1923
2460
  d: "M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"
1924
2461
  }, null, 3, null)
1925
2462
  }, {
1926
- fill: "none",
2463
+ viewBox: _IMMUTABLE,
2464
+ fill: _IMMUTABLE,
2465
+ stroke: _IMMUTABLE,
2466
+ "stroke-width": _IMMUTABLE,
2467
+ "stroke-linecap": _IMMUTABLE,
2468
+ "stroke-linejoin": _IMMUTABLE,
1927
2469
  height: _fnSignal((p0) => p0.width, [
1928
2470
  props
1929
- ], "p0.width"),
1930
- stroke: "currentColor",
1931
- "stroke-linecap": "round",
1932
- "stroke-linejoin": "round",
1933
- "stroke-width": "2",
1934
- viewBox: "0 0 24 24"
2471
+ ], "p0.width")
1935
2472
  }, 0, "Pt_0");
1936
2473
  }, "LogoWaterfall_component_1hFl8GlECLI"));
1937
2474
  export {
@@ -1946,6 +2483,7 @@ export {
1946
2483
  DropdownRaw,
1947
2484
  Header,
1948
2485
  InputClasses,
2486
+ InputColorClasses,
1949
2487
  LoadingIcon,
1950
2488
  LogoBirdflop,
1951
2489
  LogoDiscord,
@@ -1972,5 +2510,7 @@ export {
1972
2510
  buttonColorClasses,
1973
2511
  cardColorClasses,
1974
2512
  navColorClasses,
1975
- sizeClasses
2513
+ sizeClasses,
2514
+ toggleOffColorClasses,
2515
+ toggleOnColorClasses
1976
2516
  };