@luminescent/ui 0.13.0 → 0.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/lib/index.qwik.cjs +890 -361
  2. package/lib/index.qwik.mjs +891 -362
  3. package/lib-types/components/elements/Blobs.d.ts +18 -4
  4. package/lib-types/components/elements/Button.d.ts +17 -2
  5. package/lib-types/components/elements/Card.d.ts +128 -64
  6. package/lib-types/components/elements/Nav.d.ts +17 -2
  7. package/lib-types/components/elements/NumberInput.d.ts +2 -0
  8. package/lib-types/components/elements/TextArea.d.ts +2 -0
  9. package/lib-types/components/elements/TextInput.d.ts +29 -1
  10. package/lib-types/components/elements/Toggle.d.ts +198 -0
  11. package/package.json +14 -14
package/lib/index.qwik.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,15 +1309,30 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
1112
1309
  return Component;
1113
1310
  }, "Header_component_FfGOhhBNG5k"));
1114
1311
  const navColorClasses = {
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",
1115
1319
  red: "bg-red-700/50 border-red-600/50",
1116
1320
  orange: "bg-orange-700/50 border-orange-600/50",
1321
+ amber: "bg-amber-700/50 border-amber-600/50",
1117
1322
  yellow: "bg-yellow-700/50 border-yellow-600/50",
1323
+ lime: "bg-lime-700/50 border-lime-600/50",
1118
1324
  green: "bg-green-700/50 border-green-600/50",
1119
- blue: "bg-blue-600/50 border-blue-500/50",
1120
- purple: "bg-purple-600/50 border-purple-500/50",
1121
- pink: "bg-pink-600/50 border-pink-500/50",
1122
- gray: "bg-gray-700/50 border-gray-600/50",
1123
- darkgray: "bg-gray-800/50 border-gray-700/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",
1124
1336
  transparent: "bg-transparent border-transparent"
1125
1337
  };
1126
1338
  const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -1132,6 +1344,12 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1132
1344
  const menu = useSignal(false);
1133
1345
  return /* @__PURE__ */ _jsxS("nav", {
1134
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
+ },
1135
1353
  children: [
1136
1354
  /* @__PURE__ */ _jsxQ("div", {
1137
1355
  class: {
@@ -1195,6 +1413,17 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1195
1413
  }
1196
1414
  }, 3, "8r_3"),
1197
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
+ ]),
1198
1427
  children: /* @__PURE__ */ _jsxQ("svg", null, {
1199
1428
  class: "w-6 h-6",
1200
1429
  fill: "none",
@@ -1202,76 +1431,69 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1202
1431
  viewBox: "0 0 24 24",
1203
1432
  xmlns: "http://www.w3.org/2000/svg"
1204
1433
  }, /* @__PURE__ */ _jsxQ("path", null, {
1205
- d: "M4 6h16M4 12h16m-7 6h7",
1206
1434
  "stroke-linecap": "round",
1207
1435
  "stroke-linejoin": "round",
1208
- "stroke-width": "2"
1436
+ "stroke-width": "2",
1437
+ d: "M4 6h16M4 12h16m-7 6h7"
1209
1438
  }, null, 3, null), 3, null),
1210
- class: {
1211
- "sm:hidden": true
1212
- },
1213
- color: "transparent",
1214
- onClick$: /* @__PURE__ */ inlinedQrl(() => {
1215
- const [menu2] = useLexicalScope();
1216
- return menu2.value = !menu2.value;
1217
- }, "Nav_component_nav_div_div_div_Button_onClick_J0TKJTxh4N4", [
1218
- menu
1219
- ]),
1220
- square: true,
1221
1439
  [_IMMUTABLE]: {
1222
- class: _IMMUTABLE,
1223
1440
  color: _IMMUTABLE,
1224
- onClick$: _IMMUTABLE,
1225
- square: _IMMUTABLE
1441
+ square: _IMMUTABLE,
1442
+ class: _IMMUTABLE,
1443
+ onClick$: _IMMUTABLE
1226
1444
  }
1227
1445
  }, 3, "8r_4")
1228
1446
  ], 1, null)
1229
1447
  ], 1, null), 1, null)
1230
- ],
1231
- class: {
1232
- "motion-safe:transition-all duration-200 flex flex-col top-0 left-0 w-full z-50": true,
1233
- "fixed": props.fixed,
1234
- "absolute": !props.fixed,
1235
- ...props1.class
1236
- }
1448
+ ]
1237
1449
  }, null, 0, "8r_5");
1238
1450
  }, "Nav_component_ZePSmw9628k"));
1239
1451
  const Plus = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1240
1452
  return /* @__PURE__ */ _jsxS("svg", {
1453
+ xmlns: "http://www.w3.org/2000/svg",
1454
+ viewBox: "0 0 512 512",
1241
1455
  ...props,
1456
+ get height() {
1457
+ return props.width;
1458
+ },
1242
1459
  children: /* @__PURE__ */ _jsxQ("path", null, {
1243
- d: "M256 112v288M400 256H112",
1244
1460
  fill: "none",
1245
1461
  stroke: "currentColor",
1246
1462
  "stroke-linecap": "round",
1247
1463
  "stroke-linejoin": "round",
1248
- "stroke-width": "32"
1464
+ "stroke-width": "32",
1465
+ d: "M256 112v288M400 256H112"
1249
1466
  }, null, 3, null)
1250
1467
  }, {
1468
+ xmlns: _IMMUTABLE,
1469
+ viewBox: _IMMUTABLE,
1251
1470
  height: _fnSignal((p0) => p0.width, [
1252
1471
  props
1253
- ], "p0.width"),
1254
- viewBox: "0 0 512 512",
1255
- xmlns: "http://www.w3.org/2000/svg"
1472
+ ], "p0.width")
1256
1473
  }, 0, "qR_0");
1257
1474
  }, "Plus_component_a7LdBXNrC2w"));
1258
1475
  const Minus = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1259
1476
  return /* @__PURE__ */ _jsxS("svg", {
1477
+ xmlns: "http://www.w3.org/2000/svg",
1478
+ viewBox: "0 0 512 512",
1260
1479
  ...props,
1480
+ get height() {
1481
+ return props.width;
1482
+ },
1261
1483
  children: /* @__PURE__ */ _jsxQ("path", null, {
1262
- d: "M400 256H112",
1263
1484
  fill: "none",
1264
1485
  stroke: "currentColor",
1265
1486
  "stroke-linecap": "round",
1266
1487
  "stroke-linejoin": "round",
1267
- "stroke-width": "32"
1488
+ "stroke-width": "32",
1489
+ d: "M400 256H112"
1268
1490
  }, null, 3, null)
1269
1491
  }, {
1492
+ xmlns: _IMMUTABLE,
1493
+ viewBox: _IMMUTABLE,
1270
1494
  height: _fnSignal((p0) => p0.width, [
1271
1495
  props
1272
- ], "p0.width"),
1273
- viewBox: "0 0 512 512",
1274
- xmlns: "http://www.w3.org/2000/svg"
1496
+ ], "p0.width")
1275
1497
  }, 0, "0g_0");
1276
1498
  }, "Minus_component_oP9l58XNP1Q"));
1277
1499
  const NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -1279,10 +1501,10 @@ const NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
1279
1501
  class: "flex flex-col"
1280
1502
  }, [
1281
1503
  /* @__PURE__ */ _jsxQ("label", null, {
1282
- class: "text-gray-300 pb-1 select-none",
1283
1504
  for: _fnSignal((p0) => p0.id, [
1284
1505
  props
1285
- ], "p0.id")
1506
+ ], "p0.id"),
1507
+ class: "text-gray-300 pb-1 select-none"
1286
1508
  }, /* @__PURE__ */ _jsxC(Slot, null, 3, "gk_0"), 1, null),
1287
1509
  /* @__PURE__ */ _jsxC(NumberInputRaw, {
1288
1510
  ...props,
@@ -1293,6 +1515,7 @@ const NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
1293
1515
  const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1294
1516
  const props1 = _restProps(props, [
1295
1517
  "input",
1518
+ "color",
1296
1519
  "onDecrement$",
1297
1520
  "onIncrement$",
1298
1521
  "value",
@@ -1319,10 +1542,10 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
1319
1542
  /* @__PURE__ */ _jsxC(Button, {
1320
1543
  size: "sm",
1321
1544
  get color() {
1322
- return props.input ? "gray" : "darkgray";
1545
+ return (props.color ?? "darkgray") == "darkgray" ? props.input ? "gray" : "darkgray" : props.color ?? "darkgray";
1323
1546
  },
1324
- "aria-label": "Decrement",
1325
1547
  "data-action": "decrement",
1548
+ "aria-label": "Decrement",
1326
1549
  disabled: props1.min ? (props.value ?? 0) <= props1.min : false,
1327
1550
  onClick$: props.input ? /* @__PURE__ */ inlinedQrl((event, element) => {
1328
1551
  const [props2] = useLexicalScope();
@@ -1338,50 +1561,58 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
1338
1561
  };
1339
1562
  },
1340
1563
  children: /* @__PURE__ */ _jsxC(Minus, {
1341
- class: "fill-current",
1342
1564
  width: "24",
1565
+ class: "fill-current",
1343
1566
  [_IMMUTABLE]: {
1344
- class: _IMMUTABLE,
1345
- width: _IMMUTABLE
1567
+ width: _IMMUTABLE,
1568
+ class: _IMMUTABLE
1346
1569
  }
1347
1570
  }, 3, "gk_3"),
1348
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,
1349
1577
  "aria-label": _IMMUTABLE,
1350
1578
  class: _fnSignal((p0) => ({
1351
1579
  "mr-2": p0.input
1352
1580
  }), [
1353
1581
  props
1354
- ], '{"mr-2":p0.input}'),
1355
- color: _fnSignal((p0) => p0.input ? "gray" : "darkgray", [
1356
- props
1357
- ], 'p0.input?"gray":"darkgray"'),
1358
- "data-action": _IMMUTABLE,
1359
- size: _IMMUTABLE
1582
+ ], '{"mr-2":p0.input}')
1360
1583
  }
1361
1584
  }, 0, "gk_4"),
1362
1585
  props.input && /* @__PURE__ */ _jsxS("input", {
1363
1586
  ...props1,
1587
+ type: "number",
1588
+ get value() {
1589
+ return props.value ?? 0;
1590
+ },
1591
+ get step() {
1592
+ return props.step ?? 1;
1593
+ },
1364
1594
  class: {
1365
1595
  [InputClasses]: true,
1596
+ [InputColorClasses[props.color ?? "darkgray"]]: true,
1366
1597
  "text-center": true,
1367
1598
  ...props1.class
1368
1599
  }
1369
1600
  }, {
1370
- step: _fnSignal((p0) => p0.step ?? 1, [
1371
- props
1372
- ], "p0.step??1"),
1373
- type: "number",
1601
+ type: _IMMUTABLE,
1374
1602
  value: _fnSignal((p0) => p0.value ?? 0, [
1375
1603
  props
1376
- ], "p0.value??0")
1604
+ ], "p0.value??0"),
1605
+ step: _fnSignal((p0) => p0.step ?? 1, [
1606
+ props
1607
+ ], "p0.step??1")
1377
1608
  }, 0, "gk_5"),
1378
1609
  /* @__PURE__ */ _jsxC(Button, {
1379
1610
  size: "sm",
1380
1611
  get color() {
1381
- return props.input ? "gray" : "darkgray";
1612
+ return (props.color ?? "darkgray") == "darkgray" ? props.input ? "gray" : "darkgray" : props.color ?? "darkgray";
1382
1613
  },
1383
- "aria-label": "Increment",
1384
1614
  "data-action": "increment",
1615
+ "aria-label": "Increment",
1385
1616
  disabled: props1.max ? (props.value ?? 0) >= props1.max : false,
1386
1617
  onClick$: props.input ? /* @__PURE__ */ inlinedQrl((event, element) => {
1387
1618
  const [props2] = useLexicalScope();
@@ -1397,25 +1628,25 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
1397
1628
  };
1398
1629
  },
1399
1630
  children: /* @__PURE__ */ _jsxC(Plus, {
1400
- class: "fill-current",
1401
1631
  width: "24",
1632
+ class: "fill-current",
1402
1633
  [_IMMUTABLE]: {
1403
- class: _IMMUTABLE,
1404
- width: _IMMUTABLE
1634
+ width: _IMMUTABLE,
1635
+ class: _IMMUTABLE
1405
1636
  }
1406
1637
  }, 3, "gk_6"),
1407
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,
1408
1644
  "aria-label": _IMMUTABLE,
1409
1645
  class: _fnSignal((p0) => ({
1410
1646
  "ml-2": p0.input
1411
1647
  }), [
1412
1648
  props
1413
- ], '{"ml-2":p0.input}'),
1414
- color: _fnSignal((p0) => p0.input ? "gray" : "darkgray", [
1415
- props
1416
- ], 'p0.input?"gray":"darkgray"'),
1417
- "data-action": _IMMUTABLE,
1418
- size: _IMMUTABLE
1649
+ ], '{"ml-2":p0.input}')
1419
1650
  }
1420
1651
  }, 0, "gk_7")
1421
1652
  ], 1, "gk_8");
@@ -1425,10 +1656,10 @@ const TextArea = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
1425
1656
  class: "flex flex-col"
1426
1657
  }, [
1427
1658
  /* @__PURE__ */ _jsxQ("label", null, {
1428
- class: "text-gray-300 pb-1 select-none",
1429
1659
  for: _fnSignal((p0) => p0.id, [
1430
1660
  props
1431
- ], "p0.id")
1661
+ ], "p0.id"),
1662
+ class: "text-gray-300 pb-1 select-none"
1432
1663
  }, /* @__PURE__ */ _jsxC(Slot, null, 3, "UP_0"), 1, null),
1433
1664
  /* @__PURE__ */ _jsxC(TextAreaRaw, {
1434
1665
  ...props
@@ -1437,6 +1668,7 @@ const TextArea = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
1437
1668
  }, "TextArea_component_rWDoQFL2c0g"));
1438
1669
  const TextAreaRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1439
1670
  const props1 = _restProps(props, [
1671
+ "color",
1440
1672
  "output"
1441
1673
  ]);
1442
1674
  return /* @__PURE__ */ _jsxC(Fragment, {
@@ -1444,10 +1676,14 @@ const TextAreaRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
1444
1676
  ...props1,
1445
1677
  class: {
1446
1678
  [InputClasses]: true,
1679
+ [InputColorClasses[props.color ?? "darkgray"]]: true,
1447
1680
  "h-32": true,
1448
- "cursor-pointer active:bg-gray-600 select-none": props.output,
1681
+ "cursor-pointer select-none": props.output,
1449
1682
  ...props1.class
1450
1683
  },
1684
+ get readOnly() {
1685
+ return props.output;
1686
+ },
1451
1687
  onClick$: props.output ? /* @__PURE__ */ inlinedQrl((event, element) => {
1452
1688
  navigator.clipboard.writeText(element.value);
1453
1689
  const notification = document.createElement("div");
@@ -1465,10 +1701,208 @@ const TextAreaRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
1465
1701
  }, 0, null)
1466
1702
  }, 1, "UP_3");
1467
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
+ };
1468
1900
  const Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1469
1901
  const props1 = _restProps(props, [
1470
1902
  "center",
1471
- "label"
1903
+ "label",
1904
+ "onColor",
1905
+ "offColor"
1472
1906
  ]);
1473
1907
  return /* @__PURE__ */ _jsxQ("div", null, {
1474
1908
  class: _fnSignal((p0) => ({
@@ -1482,24 +1916,26 @@ const Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
1482
1916
  class: "inline-flex relative items-center cursor-pointer"
1483
1917
  }, [
1484
1918
  /* @__PURE__ */ _jsxS("input", {
1919
+ type: "checkbox",
1485
1920
  ...props1,
1486
1921
  class: {
1487
1922
  "sr-only peer": true,
1488
1923
  ...props1.class
1489
1924
  }
1490
1925
  }, {
1491
- type: "checkbox"
1926
+ type: _IMMUTABLE
1492
1927
  }, 0, null),
1493
- /* @__PURE__ */ _jsxQ("div", null, {
1928
+ /* @__PURE__ */ _jsxQ("div", {
1494
1929
  class: {
1495
1930
  "motion-safe:transition ease-in-out w-12 h-7 rounded-md peer border hover:shadow-lg": true,
1496
- "bg-gray-800 border-gray-700 hover:bg-gray-700 active:bg-gray-600": true,
1497
- "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,
1498
- "after:bg-gray-700 after:border-gray-600 after:hover:bg-gray-600 after:active:bg-gray-500": true,
1499
- "peer-checked:bg-blue-700 peer-checked:border-blue-600 peer-checked:hover:bg-blue-600 peer-checked:active:bg-blue-500": true,
1500
- "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
1501
1937
  }
1502
- }, null, 3, null)
1938
+ }, null, null, 3, null)
1503
1939
  ], 1, null),
1504
1940
  props.label && /* @__PURE__ */ _jsxQ("label", {
1505
1941
  for: _wrapSignal(props1, "id")
@@ -1516,15 +1952,22 @@ const LogoBirdflop = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
1516
1952
  "fillGradient"
1517
1953
  ]);
1518
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",
1519
1958
  ...props1,
1959
+ get height() {
1960
+ return props1.width;
1961
+ },
1962
+ height: _wrapSignal(props1, "width"),
1520
1963
  children: [
1521
1964
  /* @__PURE__ */ _jsxQ("defs", null, null, [
1522
1965
  props.fillGradient && /* @__PURE__ */ _jsxQ("linearGradient", null, {
1523
- gradientUnits: "objectBoundingBox",
1524
1966
  id: "linear-gradient",
1525
1967
  x1: "0.5",
1526
1968
  x2: "0.5",
1527
- y2: "1"
1969
+ y2: "1",
1970
+ gradientUnits: "objectBoundingBox"
1528
1971
  }, props.fillGradient.map((color, i) => /* @__PURE__ */ _jsxQ("stop", {
1529
1972
  offset: i / (props.fillGradient.length - 1),
1530
1973
  "stop-color": color
@@ -1532,28 +1975,28 @@ const LogoBirdflop = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
1532
1975
  /* @__PURE__ */ _jsxQ("clipPath", null, {
1533
1976
  id: "clip-bf_3"
1534
1977
  }, /* @__PURE__ */ _jsxQ("rect", null, {
1535
- height: "1080",
1536
- width: "1080"
1978
+ width: "1080",
1979
+ height: "1080"
1537
1980
  }, null, 3, null), 3, null)
1538
1981
  ], 1, null),
1539
1982
  /* @__PURE__ */ _jsxQ("g", null, {
1540
- "clip-path": "url(#clip-bf_3)",
1983
+ id: "bf_3",
1541
1984
  "data-name": "bf - 3",
1542
- fill: "currentColor",
1543
- id: "bf_3"
1985
+ "clip-path": "url(#clip-bf_3)",
1986
+ fill: "currentColor"
1544
1987
  }, /* @__PURE__ */ _jsxQ("path", null, {
1545
- 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",
1546
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)",
1547
1992
  fill: _fnSignal((p0) => p0.fillGradient ? "url(#linear-gradient)" : "", [
1548
1993
  props
1549
- ], 'p0.fillGradient?"url(#linear-gradient)":""'),
1550
- id: "Union_26",
1551
- transform: "translate(2479.9 1169.7)"
1994
+ ], 'p0.fillGradient?"url(#linear-gradient)":""')
1552
1995
  }, null, 3, null), 3, null),
1553
1996
  props.confused && /* @__PURE__ */ _jsxQ("g", null, {
1554
- fill: "#1E2837",
1997
+ style: "transform: translate(595px, 460px) scale(0.375)",
1555
1998
  stroke: "#1E2837",
1556
- style: "transform: translate(595px, 460px) scale(0.375)"
1999
+ fill: "#1E2837"
1557
2000
  }, [
1558
2001
  /* @__PURE__ */ _jsxQ("path", null, {
1559
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",
@@ -1569,89 +2012,124 @@ const LogoBirdflop = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
1569
2012
  style: "transform: translate(0, 30px)"
1570
2013
  }, null, 3, null)
1571
2014
  ], 3, "Ie_1")
1572
- ],
1573
- height: _wrapSignal(props1, "width")
2015
+ ]
1574
2016
  }, {
1575
- viewBox: "0 0 1080 1080",
1576
- xmlns: "http://www.w3.org/2000/svg",
1577
- "xmlns:xlink": "http://www.w3.org/1999/xlink"
2017
+ xmlns: _IMMUTABLE,
2018
+ "xmlns:xlink": _IMMUTABLE,
2019
+ viewBox: _IMMUTABLE
1578
2020
  }, 0, "Ie_2");
1579
2021
  }, "LogoBirdflop_component_mKG3xZaEE5w"));
1580
2022
  const LogoDiscord = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1581
2023
  return /* @__PURE__ */ _jsxS("svg", {
2024
+ xmlns: "http://www.w3.org/2000/svg",
2025
+ viewBox: "0 0 127.14 96.36",
2026
+ fill: "currentColor",
1582
2027
  ...props,
2028
+ get height() {
2029
+ return props.width;
2030
+ },
1583
2031
  children: /* @__PURE__ */ _jsxQ("path", null, {
1584
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"
1585
2033
  }, null, 3, null)
1586
2034
  }, {
1587
- fill: "currentColor",
2035
+ xmlns: _IMMUTABLE,
2036
+ viewBox: _IMMUTABLE,
2037
+ fill: _IMMUTABLE,
1588
2038
  height: _fnSignal((p0) => p0.width, [
1589
2039
  props
1590
- ], "p0.width"),
1591
- viewBox: "0 0 127.14 96.36",
1592
- xmlns: "http://www.w3.org/2000/svg"
2040
+ ], "p0.width")
1593
2041
  }, 0, "V4_0");
1594
2042
  }, "LogoDiscord_component_pyJvo9cIDdU"));
1595
2043
  const LogoFabric = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1596
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",
1597
2052
  ...props,
2053
+ get height() {
2054
+ return props.width;
2055
+ },
1598
2056
  children: [
1599
2057
  /* @__PURE__ */ _jsxQ("path", null, {
1600
- d: "M0 0h24v24H0z",
1601
- fill: "none"
2058
+ fill: "none",
2059
+ d: "M0 0h24v24H0z"
1602
2060
  }, null, 3, null),
1603
2061
  /* @__PURE__ */ _jsxQ("path", null, {
1604
- 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",
1605
2062
  fill: "none",
1606
2063
  stroke: "currentColor",
1607
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",
1608
2066
  transform: "matrix(.08671 0 0 .0867 -49.8 -56)"
1609
2067
  }, null, 3, null)
1610
2068
  ]
1611
2069
  }, {
1612
- "clip-rule": "evenodd",
1613
- "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,
1614
2077
  height: _fnSignal((p0) => p0.width, [
1615
2078
  props
1616
- ], "p0.width"),
1617
- "stroke-linecap": "round",
1618
- "stroke-linejoin": "round",
1619
- viewBox: "0 0 24 24",
1620
- "xml:space": "preserve",
1621
- xmlns: "http://www.w3.org/2000/svg"
2079
+ ], "p0.width")
1622
2080
  }, 0, "W4_0");
1623
2081
  }, "LogoFabric_component_bOPyyyFEHuI"));
1624
2082
  const LogoForge = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1625
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",
1626
2091
  ...props,
2092
+ get height() {
2093
+ return props.width;
2094
+ },
1627
2095
  children: [
1628
2096
  /* @__PURE__ */ _jsxQ("path", null, {
1629
- d: "M0 0h24v24H0z",
1630
- fill: "none"
2097
+ fill: "none",
2098
+ d: "M0 0h24v24H0z"
1631
2099
  }, null, 3, null),
1632
2100
  /* @__PURE__ */ _jsxQ("path", null, {
1633
- 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",
1634
2101
  fill: "none",
1635
2102
  stroke: "currentColor",
1636
- "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"
1637
2105
  }, null, 3, null)
1638
2106
  ]
1639
2107
  }, {
1640
- "clip-rule": "evenodd",
1641
- "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,
1642
2115
  height: _fnSignal((p0) => p0.width, [
1643
2116
  props
1644
- ], "p0.width"),
1645
- "stroke-linecap": "round",
1646
- "stroke-linejoin": "round",
1647
- "stroke-miterlimit": "1.5",
1648
- viewBox: "0 0 24 24",
1649
- "xml:space": "preserve"
2117
+ ], "p0.width")
1650
2118
  }, 0, "6E_0");
1651
2119
  }, "LogoForge_component_mRpm0rEP3vY"));
1652
2120
  const LogoLuminescent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1653
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",
1654
2129
  ...props,
2130
+ get height() {
2131
+ return props.width;
2132
+ },
1655
2133
  children: /* @__PURE__ */ _jsxQ("g", null, {
1656
2134
  "fill-opacity": "1"
1657
2135
  }, /* @__PURE__ */ _jsxQ("g", null, {
@@ -1660,20 +2138,27 @@ const LogoLuminescent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
1660
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 "
1661
2139
  }, null, 3, null), 3, null), 3, null)
1662
2140
  }, {
1663
- fill: "currentColor",
2141
+ xmlns: _IMMUTABLE,
2142
+ "xmlns:xlink": _IMMUTABLE,
2143
+ zoomAndPan: _IMMUTABLE,
2144
+ viewBox: _IMMUTABLE,
2145
+ preserveAspectRatio: _IMMUTABLE,
2146
+ version: _IMMUTABLE,
2147
+ fill: _IMMUTABLE,
1664
2148
  height: _fnSignal((p0) => p0.width, [
1665
2149
  props
1666
- ], "p0.width"),
1667
- preserveAspectRatio: "xMidYMid meet",
1668
- version: "1.0",
1669
- viewBox: "80 80 220 220",
1670
- xmlns: "http://www.w3.org/2000/svg",
1671
- "xmlns:xlink": "http://www.w3.org/1999/xlink",
1672
- zoomAndPan: "magnify"
2150
+ ], "p0.width")
1673
2151
  }, 0, "Jv_0");
1674
2152
  }, "LogoLuminescent_component_2ppcIednMJs"));
1675
2153
  const LogoLuminescentFull = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1676
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",
1677
2162
  ...props,
1678
2163
  children: [
1679
2164
  /* @__PURE__ */ _jsxQ("g", null, {
@@ -1755,59 +2240,76 @@ const LogoLuminescentFull = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlined
1755
2240
  }, null, 3, null), 3, null), 3, null)
1756
2241
  ]
1757
2242
  }, {
1758
- fill: "currentColor",
1759
- preserveAspectRatio: "xMidYMid meet",
1760
- version: "1.0",
1761
- viewBox: "30 60 1160 200",
1762
- xmlns: "http://www.w3.org/2000/svg",
1763
- "xmlns:xlink": "http://www.w3.org/1999/xlink",
1764
- zoomAndPan: "magnify"
2243
+ xmlns: _IMMUTABLE,
2244
+ "xmlns:xlink": _IMMUTABLE,
2245
+ zoomAndPan: _IMMUTABLE,
2246
+ viewBox: _IMMUTABLE,
2247
+ preserveAspectRatio: _IMMUTABLE,
2248
+ version: _IMMUTABLE,
2249
+ fill: _IMMUTABLE
1765
2250
  }, 0, "Jv_1");
1766
2251
  }, "LogoLuminescentFull_component_UNzyq3QUKpA"));
1767
2252
  const LogoPaper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1768
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",
1769
2261
  ...props,
2262
+ get height() {
2263
+ return props.width;
2264
+ },
1770
2265
  children: [
1771
2266
  /* @__PURE__ */ _jsxQ("path", null, {
1772
- d: "M0 0h24v24H0z",
1773
- fill: "none"
2267
+ fill: "none",
2268
+ d: "M0 0h24v24H0z"
1774
2269
  }, null, 3, null),
1775
2270
  /* @__PURE__ */ _jsxQ("path", null, {
1776
- d: "m12 18 6 2 3-17L2 14l6 2",
1777
2271
  fill: "none",
1778
2272
  stroke: "currentColor",
1779
- "stroke-width": "2"
2273
+ "stroke-width": "2",
2274
+ d: "m12 18 6 2 3-17L2 14l6 2"
1780
2275
  }, null, 3, null),
1781
2276
  /* @__PURE__ */ _jsxQ("path", null, {
1782
- d: "m9 21-1-5 4 2-3 3Z",
1783
2277
  stroke: "currentColor",
1784
- "stroke-width": "2"
2278
+ "stroke-width": "2",
2279
+ d: "m9 21-1-5 4 2-3 3Z"
1785
2280
  }, null, 3, null),
1786
2281
  /* @__PURE__ */ _jsxQ("path", null, {
1787
- d: "m12 18-4-2 10-9-6 11Z",
1788
- fill: "currentColor"
2282
+ fill: "currentColor",
2283
+ d: "m12 18-4-2 10-9-6 11Z"
1789
2284
  }, null, 3, null)
1790
2285
  ]
1791
2286
  }, {
1792
- "clip-rule": "evenodd",
1793
- "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,
1794
2294
  height: _fnSignal((p0) => p0.width, [
1795
2295
  props
1796
- ], "p0.width"),
1797
- "stroke-linecap": "round",
1798
- "stroke-linejoin": "round",
1799
- "stroke-miterlimit": "1.5",
1800
- viewBox: "0 0 24 24",
1801
- "xml:space": "preserve"
2296
+ ], "p0.width")
1802
2297
  }, 0, "2r_0");
1803
2298
  }, "LogoPaper_component_pBDmaKNS7m4"));
1804
2299
  const LogoPterodactyl = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1805
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",
1806
2305
  ...props,
2306
+ get height() {
2307
+ return props.width;
2308
+ },
1807
2309
  children: /* @__PURE__ */ _jsxQ("g", null, {
2310
+ transform: "translate(0,180) scale(0.100000,-0.100000)",
1808
2311
  fill: "currentColor",
1809
- stroke: "none",
1810
- transform: "translate(0,180) scale(0.100000,-0.100000)"
2312
+ stroke: "none"
1811
2313
  }, [
1812
2314
  /* @__PURE__ */ _jsxQ("path", null, {
1813
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"
@@ -1823,89 +2325,104 @@ const LogoPterodactyl = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
1823
2325
  }, null, 3, null)
1824
2326
  ], 3, null)
1825
2327
  }, {
2328
+ version: _IMMUTABLE,
2329
+ xmlns: _IMMUTABLE,
2330
+ viewBox: _IMMUTABLE,
2331
+ preserveAspectRatio: _IMMUTABLE,
1826
2332
  height: _fnSignal((p0) => p0.width, [
1827
2333
  props
1828
- ], "p0.width"),
1829
- preserveAspectRatio: "xMidYMid meet",
1830
- version: "1.0",
1831
- viewBox: "0 0 180 180",
1832
- xmlns: "http://www.w3.org/2000/svg"
2334
+ ], "p0.width")
1833
2335
  }, 0, "DN_0");
1834
2336
  }, "LogoPterodactyl_component_wVJW9cHcHoo"));
1835
2337
  const LogoPurpur = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1836
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",
1837
2346
  ...props,
2347
+ get height() {
2348
+ return props.width;
2349
+ },
1838
2350
  children: [
1839
2351
  /* @__PURE__ */ _jsxQ("defs", null, null, /* @__PURE__ */ _jsxQ("path", null, {
1840
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1841
- fill: "none",
1842
2352
  id: "purpur",
2353
+ fill: "none",
1843
2354
  stroke: "currentColor",
1844
- "stroke-width": "1.68"
2355
+ "stroke-width": "1.68",
2356
+ d: "m264 41.95 8-4v8l-8 4v-8Z"
1845
2357
  }, null, 3, null), 3, null),
1846
2358
  /* @__PURE__ */ _jsxQ("path", null, {
1847
- d: "M0 0h24v24H0z",
1848
- fill: "none"
2359
+ fill: "none",
2360
+ d: "M0 0h24v24H0z"
1849
2361
  }, null, 3, null),
1850
2362
  /* @__PURE__ */ _jsxQ("path", null, {
1851
- d: "m264 29.95-8 4 8 4.42 8-4.42-8-4Z",
1852
2363
  fill: "none",
1853
2364
  stroke: "currentColor",
1854
2365
  "stroke-width": "1.77",
2366
+ d: "m264 29.95-8 4 8 4.42 8-4.42-8-4Z",
1855
2367
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1856
2368
  }, null, 3, null),
1857
2369
  /* @__PURE__ */ _jsxQ("path", null, {
1858
- d: "m272 38.37-8 4.42-8-4.42",
1859
2370
  fill: "none",
1860
2371
  stroke: "currentColor",
1861
2372
  "stroke-width": "1.77",
2373
+ d: "m272 38.37-8 4.42-8-4.42",
1862
2374
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1863
2375
  }, null, 3, null),
1864
2376
  /* @__PURE__ */ _jsxQ("path", null, {
1865
- d: "m260 31.95 8 4.21V45",
1866
2377
  fill: "none",
1867
2378
  stroke: "currentColor",
1868
2379
  "stroke-width": "1.77",
2380
+ d: "m260 31.95 8 4.21V45",
1869
2381
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1870
2382
  }, null, 3, null),
1871
2383
  /* @__PURE__ */ _jsxQ("path", null, {
1872
- d: "M260 45v-8.84l8-4.21",
1873
2384
  fill: "none",
1874
2385
  stroke: "currentColor",
1875
2386
  "stroke-width": "1.77",
2387
+ d: "M260 45v-8.84l8-4.21",
1876
2388
  transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
1877
2389
  }, null, 3, null),
1878
2390
  /* @__PURE__ */ _jsxQ("path", null, {
1879
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1880
2391
  fill: "none",
1881
2392
  stroke: "currentColor",
1882
2393
  "stroke-width": "1.68",
2394
+ d: "m264 41.95 8-4v8l-8 4v-8Z",
1883
2395
  transform: "matrix(1.125 0 0 1.2569 -285 -40.78)"
1884
2396
  }, null, 3, null),
1885
2397
  /* @__PURE__ */ _jsxQ("path", null, {
1886
- d: "m264 41.95 8-4v8l-8 4v-8Z",
1887
2398
  fill: "none",
1888
2399
  stroke: "currentColor",
1889
2400
  "stroke-width": "1.68",
2401
+ d: "m264 41.95 8-4v8l-8 4v-8Z",
1890
2402
  transform: "matrix(-1.125 0 0 1.2569 309 -40.78)"
1891
2403
  }, null, 3, null)
1892
2404
  ]
1893
2405
  }, {
1894
- "clip-rule": "evenodd",
1895
- "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,
1896
2413
  height: _fnSignal((p0) => p0.width, [
1897
2414
  props
1898
- ], "p0.width"),
1899
- "stroke-linecap": "round",
1900
- "stroke-linejoin": "round",
1901
- "stroke-miterlimit": "1.5",
1902
- viewBox: "0 0 24 24",
1903
- "xml:space": "preserve"
2415
+ ], "p0.width")
1904
2416
  }, 0, "Xw_0");
1905
2417
  }, "LogoPurpur_component_sVHzeC1GCZ4"));
1906
2418
  const LogoVelocity = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1907
2419
  return /* @__PURE__ */ _jsxS("svg", {
2420
+ viewBox: "0 0 500 500",
2421
+ fill: "currentColor",
1908
2422
  ...props,
2423
+ get height() {
2424
+ return props.width;
2425
+ },
1909
2426
  children: [
1910
2427
  /* @__PURE__ */ _jsxQ("path", null, {
1911
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"
@@ -1920,29 +2437,38 @@ const LogoVelocity = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
1920
2437
  }, null, 3, null)
1921
2438
  ]
1922
2439
  }, {
1923
- fill: "currentColor",
2440
+ viewBox: _IMMUTABLE,
2441
+ fill: _IMMUTABLE,
1924
2442
  height: _fnSignal((p0) => p0.width, [
1925
2443
  props
1926
- ], "p0.width"),
1927
- viewBox: "0 0 500 500"
2444
+ ], "p0.width")
1928
2445
  }, 0, "Ea_0");
1929
2446
  }, "LogoVelocity_component_SNoCdG0zr0s"));
1930
2447
  const LogoWaterfall = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1931
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",
1932
2455
  ...props,
2456
+ get height() {
2457
+ return props.width;
2458
+ },
1933
2459
  children: /* @__PURE__ */ _jsxQ("path", null, {
1934
2460
  d: "M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"
1935
2461
  }, null, 3, null)
1936
2462
  }, {
1937
- fill: "none",
2463
+ viewBox: _IMMUTABLE,
2464
+ fill: _IMMUTABLE,
2465
+ stroke: _IMMUTABLE,
2466
+ "stroke-width": _IMMUTABLE,
2467
+ "stroke-linecap": _IMMUTABLE,
2468
+ "stroke-linejoin": _IMMUTABLE,
1938
2469
  height: _fnSignal((p0) => p0.width, [
1939
2470
  props
1940
- ], "p0.width"),
1941
- stroke: "currentColor",
1942
- "stroke-linecap": "round",
1943
- "stroke-linejoin": "round",
1944
- "stroke-width": "2",
1945
- viewBox: "0 0 24 24"
2471
+ ], "p0.width")
1946
2472
  }, 0, "Pt_0");
1947
2473
  }, "LogoWaterfall_component_1hFl8GlECLI"));
1948
2474
  export {
@@ -1957,6 +2483,7 @@ export {
1957
2483
  DropdownRaw,
1958
2484
  Header,
1959
2485
  InputClasses,
2486
+ InputColorClasses,
1960
2487
  LoadingIcon,
1961
2488
  LogoBirdflop,
1962
2489
  LogoDiscord,
@@ -1983,5 +2510,7 @@ export {
1983
2510
  buttonColorClasses,
1984
2511
  cardColorClasses,
1985
2512
  navColorClasses,
1986
- sizeClasses
2513
+ sizeClasses,
2514
+ toggleOffColorClasses,
2515
+ toggleOnColorClasses
1987
2516
  };