@alkimi.org/ui-kit 0.1.11 → 0.1.13
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.
- package/README.github.md +45 -74
- package/README.md +45 -43
- package/README.npm.md +45 -43
- package/dist/components/GlitchLink.d.mts +5 -3
- package/dist/components/GlitchLink.d.ts +5 -3
- package/dist/components/GlitchLink.js +29 -14
- package/dist/components/GlitchLink.js.map +1 -1
- package/dist/components/GlitchLink.mjs +30 -15
- package/dist/components/GlitchLink.mjs.map +1 -1
- package/dist/components/TextDecoder.d.mts +1 -5
- package/dist/components/TextDecoder.d.ts +1 -5
- package/dist/components/TextDecoder.js +31 -39
- package/dist/components/TextDecoder.js.map +1 -1
- package/dist/components/TextDecoder.mjs +38 -44
- package/dist/components/TextDecoder.mjs.map +1 -1
- package/dist/components/button.d.mts +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.js +3 -3
- package/dist/components/button.js.map +1 -1
- package/dist/components/button.mjs +3 -3
- package/dist/components/button.mjs.map +1 -1
- package/dist/index.css +64 -63
- package/dist/index.css.map +1 -1
- package/dist/index.js +68 -52
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +76 -56
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +64 -63
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -333,26 +333,26 @@ video {
|
|
|
333
333
|
display: none;
|
|
334
334
|
}
|
|
335
335
|
:root {
|
|
336
|
-
--background:
|
|
337
|
-
--foreground:
|
|
338
|
-
--card: 0 0%
|
|
339
|
-
--card-foreground:
|
|
340
|
-
--popover: 0 0%
|
|
341
|
-
--popover-foreground:
|
|
342
|
-
--primary:
|
|
343
|
-
--primary-foreground:
|
|
344
|
-
--secondary:
|
|
345
|
-
--secondary-foreground:
|
|
346
|
-
--muted:
|
|
347
|
-
--muted-foreground:
|
|
348
|
-
--accent:
|
|
349
|
-
--accent-foreground:
|
|
350
|
-
--destructive: 0
|
|
351
|
-
--destructive-foreground:
|
|
352
|
-
--border:
|
|
353
|
-
--input:
|
|
354
|
-
--ring:
|
|
355
|
-
--radius: 0.
|
|
336
|
+
--background: 240 10% 4%;
|
|
337
|
+
--foreground: 144 100% 97%;
|
|
338
|
+
--card: 0 0% 3.5%;
|
|
339
|
+
--card-foreground: 140 100% 97.1%;
|
|
340
|
+
--popover: 0 0% 3.5%;
|
|
341
|
+
--popover-foreground: 140 100% 97.1%;
|
|
342
|
+
--primary: 140 100% 97.1%;
|
|
343
|
+
--primary-foreground: 240 6% 10%;
|
|
344
|
+
--secondary: 240 4% 16%;
|
|
345
|
+
--secondary-foreground: 140 100% 97.1%;
|
|
346
|
+
--muted: 240 4% 16%;
|
|
347
|
+
--muted-foreground: 144 4.3% 54.9%;
|
|
348
|
+
--accent: 0 0% 15.3%;
|
|
349
|
+
--accent-foreground: 140 100% 97.1%;
|
|
350
|
+
--destructive: 0 62.8% 30.6%;
|
|
351
|
+
--destructive-foreground: 140 100% 97.1%;
|
|
352
|
+
--border: 240 3.7% 27.6%;
|
|
353
|
+
--input: 240 3.7% 27.6%;
|
|
354
|
+
--ring: 140 100% 97.1%;
|
|
355
|
+
--radius: 0.625rem;
|
|
356
356
|
}
|
|
357
357
|
* {
|
|
358
358
|
border-color: hsl(var(--border));
|
|
@@ -360,6 +360,7 @@ video {
|
|
|
360
360
|
body {
|
|
361
361
|
background-color: hsl(var(--background));
|
|
362
362
|
color: hsl(var(--foreground));
|
|
363
|
+
font-size: 14px;
|
|
363
364
|
}
|
|
364
365
|
.\!container {
|
|
365
366
|
width: 100% !important;
|
|
@@ -401,6 +402,12 @@ body {
|
|
|
401
402
|
.z-\[1\] {
|
|
402
403
|
z-index: 1;
|
|
403
404
|
}
|
|
405
|
+
.col-start-1 {
|
|
406
|
+
grid-column-start: 1;
|
|
407
|
+
}
|
|
408
|
+
.row-start-1 {
|
|
409
|
+
grid-row-start: 1;
|
|
410
|
+
}
|
|
404
411
|
.mr-2 {
|
|
405
412
|
margin-right: 0.5rem;
|
|
406
413
|
}
|
|
@@ -413,6 +420,12 @@ body {
|
|
|
413
420
|
.inline-flex {
|
|
414
421
|
display: inline-flex;
|
|
415
422
|
}
|
|
423
|
+
.grid {
|
|
424
|
+
display: grid;
|
|
425
|
+
}
|
|
426
|
+
.inline-grid {
|
|
427
|
+
display: inline-grid;
|
|
428
|
+
}
|
|
416
429
|
.h-10 {
|
|
417
430
|
height: 2.5rem;
|
|
418
431
|
}
|
|
@@ -449,12 +462,12 @@ body {
|
|
|
449
462
|
.w-\[300px\] {
|
|
450
463
|
width: 300px;
|
|
451
464
|
}
|
|
452
|
-
.w-\[350px\] {
|
|
453
|
-
width: 350px;
|
|
454
|
-
}
|
|
455
465
|
.w-\[400px\] {
|
|
456
466
|
width: 400px;
|
|
457
467
|
}
|
|
468
|
+
.w-\[500px\] {
|
|
469
|
+
width: 500px;
|
|
470
|
+
}
|
|
458
471
|
.w-full {
|
|
459
472
|
width: 100%;
|
|
460
473
|
}
|
|
@@ -469,6 +482,15 @@ body {
|
|
|
469
482
|
.animate-spin {
|
|
470
483
|
animation: spin 1s linear infinite;
|
|
471
484
|
}
|
|
485
|
+
.cursor-pointer {
|
|
486
|
+
cursor: pointer;
|
|
487
|
+
}
|
|
488
|
+
.grid-cols-2 {
|
|
489
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
490
|
+
}
|
|
491
|
+
.grid-cols-3 {
|
|
492
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
493
|
+
}
|
|
472
494
|
.flex-col {
|
|
473
495
|
flex-direction: column;
|
|
474
496
|
}
|
|
@@ -481,9 +503,6 @@ body {
|
|
|
481
503
|
.justify-center {
|
|
482
504
|
justify-content: center;
|
|
483
505
|
}
|
|
484
|
-
.gap-2 {
|
|
485
|
-
gap: 0.5rem;
|
|
486
|
-
}
|
|
487
506
|
.gap-4 {
|
|
488
507
|
gap: 1rem;
|
|
489
508
|
}
|
|
@@ -492,6 +511,11 @@ body {
|
|
|
492
511
|
margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
|
|
493
512
|
margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
|
|
494
513
|
}
|
|
514
|
+
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
|
515
|
+
--tw-space-y-reverse: 0;
|
|
516
|
+
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
517
|
+
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
|
518
|
+
}
|
|
495
519
|
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
496
520
|
--tw-space-y-reverse: 0;
|
|
497
521
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -503,20 +527,20 @@ body {
|
|
|
503
527
|
.whitespace-nowrap {
|
|
504
528
|
white-space: nowrap;
|
|
505
529
|
}
|
|
506
|
-
.rounded
|
|
530
|
+
.rounded-3xl {
|
|
507
531
|
border-radius: 3.75rem;
|
|
508
532
|
}
|
|
509
533
|
.rounded-full {
|
|
510
534
|
border-radius: 9999px;
|
|
511
535
|
}
|
|
512
536
|
.rounded-lg {
|
|
513
|
-
border-radius: var(--radius);
|
|
537
|
+
border-radius: calc(var(--radius) + 2px);
|
|
514
538
|
}
|
|
515
539
|
.border {
|
|
516
540
|
border-width: 1px;
|
|
517
541
|
}
|
|
518
|
-
.border
|
|
519
|
-
border-
|
|
542
|
+
.border-border {
|
|
543
|
+
border-color: hsl(var(--border));
|
|
520
544
|
}
|
|
521
545
|
.border-input {
|
|
522
546
|
border-color: hsl(var(--input));
|
|
@@ -552,6 +576,9 @@ body {
|
|
|
552
576
|
.p-1 {
|
|
553
577
|
padding: 0.25rem;
|
|
554
578
|
}
|
|
579
|
+
.p-4 {
|
|
580
|
+
padding: 1rem;
|
|
581
|
+
}
|
|
555
582
|
.p-6 {
|
|
556
583
|
padding: 1.5rem;
|
|
557
584
|
}
|
|
@@ -581,41 +608,20 @@ body {
|
|
|
581
608
|
.text-center {
|
|
582
609
|
text-align: center;
|
|
583
610
|
}
|
|
584
|
-
.font-mono {
|
|
585
|
-
font-family:
|
|
586
|
-
ui-monospace,
|
|
587
|
-
SFMono-Regular,
|
|
588
|
-
Menlo,
|
|
589
|
-
Monaco,
|
|
590
|
-
Consolas,
|
|
591
|
-
"Liberation Mono",
|
|
592
|
-
"Courier New",
|
|
593
|
-
monospace;
|
|
594
|
-
}
|
|
595
611
|
.text-2xl {
|
|
596
612
|
font-size: 1.5rem;
|
|
597
613
|
line-height: 2rem;
|
|
598
614
|
}
|
|
599
|
-
.text-3xl {
|
|
600
|
-
font-size: 1.875rem;
|
|
601
|
-
line-height: 2.25rem;
|
|
602
|
-
}
|
|
603
615
|
.text-4xl {
|
|
604
616
|
font-size: 2.25rem;
|
|
605
617
|
line-height: 2.5rem;
|
|
606
618
|
}
|
|
607
|
-
.text-\[0\.75rem\] {
|
|
608
|
-
font-size: 0.75rem;
|
|
609
|
-
}
|
|
610
|
-
.text-\[0\.875rem\] {
|
|
611
|
-
font-size: 0.875rem;
|
|
612
|
-
}
|
|
613
619
|
.text-lg {
|
|
614
620
|
font-size: 1.125rem;
|
|
615
621
|
line-height: 1.75rem;
|
|
616
622
|
}
|
|
617
623
|
.text-sm {
|
|
618
|
-
font-size:
|
|
624
|
+
font-size: 12px;
|
|
619
625
|
line-height: 1.25rem;
|
|
620
626
|
}
|
|
621
627
|
.text-xl {
|
|
@@ -650,10 +656,6 @@ body {
|
|
|
650
656
|
.text-destructive-foreground {
|
|
651
657
|
color: hsl(var(--destructive-foreground));
|
|
652
658
|
}
|
|
653
|
-
.text-green-500 {
|
|
654
|
-
--tw-text-opacity: 1;
|
|
655
|
-
color: rgb(34 197 94 / var(--tw-text-opacity, 1));
|
|
656
|
-
}
|
|
657
659
|
.text-muted-foreground {
|
|
658
660
|
color: hsl(var(--muted-foreground));
|
|
659
661
|
}
|
|
@@ -663,16 +665,9 @@ body {
|
|
|
663
665
|
.text-primary-foreground {
|
|
664
666
|
color: hsl(var(--primary-foreground));
|
|
665
667
|
}
|
|
666
|
-
.text-purple-600 {
|
|
667
|
-
--tw-text-opacity: 1;
|
|
668
|
-
color: rgb(147 51 234 / var(--tw-text-opacity, 1));
|
|
669
|
-
}
|
|
670
668
|
.text-secondary-foreground {
|
|
671
669
|
color: hsl(var(--secondary-foreground));
|
|
672
670
|
}
|
|
673
|
-
.underline {
|
|
674
|
-
text-decoration-line: underline;
|
|
675
|
-
}
|
|
676
671
|
.no-underline {
|
|
677
672
|
text-decoration-line: none;
|
|
678
673
|
}
|
|
@@ -727,6 +722,9 @@ body {
|
|
|
727
722
|
.duration-150 {
|
|
728
723
|
transition-duration: 150ms;
|
|
729
724
|
}
|
|
725
|
+
.duration-300 {
|
|
726
|
+
transition-duration: 300ms;
|
|
727
|
+
}
|
|
730
728
|
.ease-out {
|
|
731
729
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
732
730
|
}
|
|
@@ -745,6 +743,9 @@ body {
|
|
|
745
743
|
.duration-150 {
|
|
746
744
|
animation-duration: 150ms;
|
|
747
745
|
}
|
|
746
|
+
.duration-300 {
|
|
747
|
+
animation-duration: 300ms;
|
|
748
|
+
}
|
|
748
749
|
.ease-out {
|
|
749
750
|
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
750
751
|
}
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/styles.css"],"sourcesContent":["*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}/*\n! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n letter-spacing: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden]:where(:not([hidden=\"until-found\"])) {\n display: none;\n}\n :root {\n /* Light Mode Theme\n * Override these variables in your own CSS to customize the theme\n * Format: H S% L% (Hue Saturation% Lightness%)\n */\n\n /* Background colors */\n --background: 0 0% 100%; /* Main background */\n --foreground: 222.2 84% 4.9%; /* Main text color */\n\n /* Card component */\n --card: 0 0% 100%;\n --card-foreground: 222.2 84% 4.9%;\n\n /* Popover component */\n --popover: 0 0% 100%;\n --popover-foreground: 222.2 84% 4.9%;\n\n /* Primary button (default variant) */\n --primary: 222.2 47.4% 11.2%;\n --primary-foreground: 210 40% 98%;\n\n /* Secondary button variant */\n --secondary: 210 40% 96.1%;\n --secondary-foreground: 222.2 47.4% 11.2%;\n\n /* Muted backgrounds and text */\n --muted: 210 40% 96.1%;\n --muted-foreground: 215.4 16.3% 46.9%;\n\n /* Accent colors (used in hover states) */\n --accent: 210 40% 96.1%;\n --accent-foreground: 222.2 47.4% 11.2%;\n\n /* Destructive button variant */\n --destructive: 0 84.2% 60.2%;\n --destructive-foreground: 210 40% 98%;\n\n /* Border and input colors */\n --border: 214.3 31.8% 91.4%;\n --input: 214.3 31.8% 91.4%;\n\n /* Focus ring color */\n --ring: 222.2 84% 4.9%;\n\n /* Border radius */\n --radius: 0.5rem;\n }\n * {\n border-color: hsl(var(--border));\n}\n body {\n background-color: hsl(var(--background));\n color: hsl(var(--foreground));\n}\n.\\!container {\n width: 100% !important;\n margin-right: auto !important;\n margin-left: auto !important;\n padding-right: 2rem !important;\n padding-left: 2rem !important;\n}\n.container {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n padding-right: 2rem;\n padding-left: 2rem;\n}\n@media (min-width: 1400px) {\n\n .\\!container {\n max-width: 1400px !important;\n }\n\n .container {\n max-width: 1400px;\n }\n}\n.visible {\n visibility: visible;\n}\n.absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.left-0 {\n left: 0px;\n}\n.top-0 {\n top: 0px;\n}\n.z-\\[1\\] {\n z-index: 1;\n}\n.mr-2 {\n margin-right: 0.5rem;\n}\n.mt-2 {\n margin-top: 0.5rem;\n}\n.flex {\n display: flex;\n}\n.inline-flex {\n display: inline-flex;\n}\n.h-10 {\n height: 2.5rem;\n}\n.h-4 {\n height: 1rem;\n}\n.h-8 {\n height: 2rem;\n}\n.h-9 {\n height: 2.25rem;\n}\n.h-\\[150px\\] {\n height: 150px;\n}\n.h-\\[300px\\] {\n height: 300px;\n}\n.h-\\[400px\\] {\n height: 400px;\n}\n.h-full {\n height: 100%;\n}\n.w-4 {\n width: 1rem;\n}\n.w-9 {\n width: 2.25rem;\n}\n.w-\\[200px\\] {\n width: 200px;\n}\n.w-\\[300px\\] {\n width: 300px;\n}\n.w-\\[350px\\] {\n width: 350px;\n}\n.w-\\[400px\\] {\n width: 400px;\n}\n.w-full {\n width: 100%;\n}\n.max-w-md {\n max-width: 28rem;\n}\n@keyframes spin {\n\n to {\n transform: rotate(360deg);\n }\n}\n.animate-spin {\n animation: spin 1s linear infinite;\n}\n.flex-col {\n flex-direction: column;\n}\n.flex-wrap {\n flex-wrap: wrap;\n}\n.items-center {\n align-items: center;\n}\n.justify-center {\n justify-content: center;\n}\n.gap-2 {\n gap: 0.5rem;\n}\n.gap-4 {\n gap: 1rem;\n}\n.space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.whitespace-nowrap {\n white-space: nowrap;\n}\n.rounded-\\[3\\.75rem\\] {\n border-radius: 3.75rem;\n}\n.rounded-full {\n border-radius: 9999px;\n}\n.rounded-lg {\n border-radius: var(--radius);\n}\n.border {\n border-width: 1px;\n}\n.border-\\[1\\.33px\\] {\n border-width: 1.33px;\n}\n.border-input {\n border-color: hsl(var(--input));\n}\n.border-primary-foreground {\n border-color: hsl(var(--primary-foreground));\n}\n.border-t-transparent {\n border-top-color: transparent;\n}\n.bg-background {\n background-color: hsl(var(--background));\n}\n.bg-card {\n background-color: hsl(var(--card));\n}\n.bg-destructive {\n background-color: hsl(var(--destructive));\n}\n.bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.bg-muted {\n background-color: hsl(var(--muted));\n}\n.bg-primary {\n background-color: hsl(var(--primary));\n}\n.bg-secondary\\/80 {\n background-color: hsl(var(--secondary) / 0.8);\n}\n.p-1 {\n padding: 0.25rem;\n}\n.p-6 {\n padding: 1.5rem;\n}\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n.px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.pt-0 {\n padding-top: 0px;\n}\n.text-center {\n text-align: center;\n}\n.font-mono {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n.text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n.text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n.text-\\[0\\.75rem\\] {\n font-size: 0.75rem;\n}\n.text-\\[0\\.875rem\\] {\n font-size: 0.875rem;\n}\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n.font-bold {\n font-weight: 700;\n}\n.font-medium {\n font-weight: 500;\n}\n.font-semibold {\n font-weight: 600;\n}\n.italic {\n font-style: italic;\n}\n.leading-none {\n line-height: 1;\n}\n.tracking-tight {\n letter-spacing: -0.025em;\n}\n.text-blue-600 {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity, 1));\n}\n.text-card-foreground {\n color: hsl(var(--card-foreground));\n}\n.text-destructive-foreground {\n color: hsl(var(--destructive-foreground));\n}\n.text-green-500 {\n --tw-text-opacity: 1;\n color: rgb(34 197 94 / var(--tw-text-opacity, 1));\n}\n.text-muted-foreground {\n color: hsl(var(--muted-foreground));\n}\n.text-primary {\n color: hsl(var(--primary));\n}\n.text-primary-foreground {\n color: hsl(var(--primary-foreground));\n}\n.text-purple-600 {\n --tw-text-opacity: 1;\n color: rgb(147 51 234 / var(--tw-text-opacity, 1));\n}\n.text-secondary-foreground {\n color: hsl(var(--secondary-foreground));\n}\n.underline {\n text-decoration-line: underline;\n}\n.no-underline {\n text-decoration-line: none;\n}\n.underline-offset-4 {\n text-underline-offset: 4px;\n}\n.opacity-0 {\n opacity: 0;\n}\n.opacity-100 {\n opacity: 1;\n}\n.shadow-sm {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline {\n outline-style: solid;\n}\n.ring-offset-background {\n --tw-ring-offset-color: hsl(var(--background));\n}\n.blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.duration-150 {\n transition-duration: 150ms;\n}\n.ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n@keyframes enter {\n\n from {\n opacity: var(--tw-enter-opacity, 1);\n transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n }\n}\n@keyframes exit {\n\n to {\n opacity: var(--tw-exit-opacity, 1);\n transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n }\n}\n.duration-150 {\n animation-duration: 150ms;\n}\n.ease-out {\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.hover\\:bg-accent:hover {\n background-color: hsl(var(--accent));\n}\n.hover\\:bg-destructive\\/90:hover {\n background-color: hsl(var(--destructive) / 0.9);\n}\n.hover\\:bg-primary\\/90:hover {\n background-color: hsl(var(--primary) / 0.9);\n}\n.hover\\:bg-secondary:hover {\n background-color: hsl(var(--secondary));\n}\n.hover\\:text-accent-foreground:hover {\n color: hsl(var(--accent-foreground));\n}\n.hover\\:underline:hover {\n text-decoration-line: underline;\n}\n.focus-visible\\:outline-none:focus-visible {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.focus-visible\\:ring-2:focus-visible {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.focus-visible\\:ring-ring:focus-visible {\n --tw-ring-color: hsl(var(--ring));\n}\n.focus-visible\\:ring-offset-2:focus-visible {\n --tw-ring-offset-width: 2px;\n}\n.disabled\\:pointer-events-none:disabled {\n pointer-events: none;\n}\n.disabled\\:opacity-50:disabled {\n opacity: 0.5;\n}\n.data-\\[state\\=active\\]\\:bg-background[data-state=\"active\"] {\n background-color: hsl(var(--background));\n}\n.data-\\[state\\=active\\]\\:text-foreground[data-state=\"active\"] {\n color: hsl(var(--foreground));\n}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=\"active\"] {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n"],"mappings":";AAAA;AAAG;AAAU;AACX,yBAAuB;AACvB,yBAAuB;AACvB,oBAAkB;AAClB,oBAAkB;AAClB,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc;AACd;AACA;AACA;AACA,+BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE;AAClC,2BAAyB,EAAE,EAAE;AAC7B,oBAAkB,EAAE,EAAE;AACtB,eAAa,EAAE,EAAE;AACjB,uBAAqB,EAAE,EAAE;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF;AAEA;AACE,yBAAuB;AACvB,yBAAuB;AACvB,oBAAkB;AAClB,oBAAkB;AAClB,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc;AACd;AACA;AACA;AACA,+BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE;AAClC,2BAAyB,EAAE,EAAE;AAC7B,oBAAkB,EAAE,EAAE;AACtB,eAAa,EAAE,EAAE;AACjB,uBAAqB,EAAE,EAAE;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF;AAOA;AACA;AACA;AACE,cAAY;AACZ,gBAAc;AACd,gBAAc;AACd,gBAAc;AAChB;AAEA;AACA;AACE,gBAAc;AAChB;AAYA;AACA;AACE,eAAa;AACb,4BAA0B;AAC1B,iBAAe;AACf,eAAa;AACV,YAAU;AACb;AAAA,IAAa,aAAa;AAAA,IAAE,SAAS;AAAA,IAAE,UAAU;AAAA,IAAE,mBAAmB;AAAA,IAAE,gBAAgB;AAAA,IAAE,iBAAiB;AAAA,IAAE;AAC7G,yBAAuB;AACvB,2B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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/styles.css"],"sourcesContent":["*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}/*\n! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n letter-spacing: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden]:where(:not([hidden=\"until-found\"])) {\n display: none;\n}\n :root {\n /* Dark Mode Theme (Default)\n * Override these variables in your own CSS to customize the theme\n * Format: H S% L% (Hue Saturation% Lightness%)\n */\n\n /* Background colors */\n --background: 240 10% 4%; /* Dark background */\n --foreground: 144 100% 97%; /* Light text */\n\n /* Card component */\n --card: 0 0% 3.5%;\n --card-foreground: 140 100% 97.1%;\n\n /* Popover component */\n --popover: 0 0% 3.5%;\n --popover-foreground: 140 100% 97.1%;\n\n /* Primary button (default variant) */\n --primary: 140 100% 97.1%;\n --primary-foreground: 240 6% 10%;\n\n /* Secondary button variant */\n --secondary: 240 4% 16%;\n --secondary-foreground: 140 100% 97.1%;\n\n /* Muted backgrounds and text */\n --muted: 240 4% 16%;\n --muted-foreground: 144 4.3% 54.9%;\n\n /* Accent colors (used in hover states) */\n --accent: 0 0% 15.3%;\n --accent-foreground: 140 100% 97.1%;\n\n /* Destructive button variant */\n --destructive: 0 62.8% 30.6%;\n --destructive-foreground: 140 100% 97.1%;\n\n /* Border and input colors */\n --border: 240 3.7% 27.6%;\n --input: 240 3.7% 27.6%;\n\n /* Focus ring color */\n --ring: 140 100% 97.1%;\n\n /* Border radius */\n --radius: 0.625rem;\n }\n\n /* .light {\n /* Light Mode Theme\n * Add the 'light' class to enable light mode\n */\n\n /* Background colors */\n /* --background: 0 0% 100%; /* Main background */\n /* --foreground: 222.2 84% 4.9%; /* Main text color */\n\n /* Card component */\n /* --card: 0 0% 100%;\n --card-foreground: 222.2 84% 4.9%; */\n\n /* Popover component */\n /* --popover: 0 0% 100%;\n --popover-foreground: 222.2 84% 4.9%; */\n\n /* Primary button (default variant) */\n /* --primary: 222.2 47.4% 11.2%;\n --primary-foreground: 210 40% 98%; */\n\n /* Secondary button variant */\n /* --secondary: 210 40% 96.1%;\n --secondary-foreground: 222.2 47.4% 11.2%; */\n\n /* Muted backgrounds and text */\n /* --muted: 210 40% 96.1%;\n --muted-foreground: 215.4 16.3% 46.9%; */\n\n /* Accent colors (used in hover states) */\n /* --accent: 210 40% 96.1%;\n --accent-foreground: 222.2 47.4% 11.2%; */\n\n /* Destructive button variant */\n /* --destructive: 0 84.2% 60.2%;\n --destructive-foreground: 210 40% 98%; */\n\n /* Border and input colors */\n /* --border: 214.3 31.8% 91.4%;\n --input: 214.3 31.8% 91.4%; */\n\n /* Focus ring color */\n /* --ring: 222.2 84% 4.9%; */\n /* } */\n * {\n border-color: hsl(var(--border));\n}\n body {\n background-color: hsl(var(--background));\n color: hsl(var(--foreground));\n font-size: 14px;\n}\n.\\!container {\n width: 100% !important;\n margin-right: auto !important;\n margin-left: auto !important;\n padding-right: 2rem !important;\n padding-left: 2rem !important;\n}\n.container {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n padding-right: 2rem;\n padding-left: 2rem;\n}\n@media (min-width: 1400px) {\n\n .\\!container {\n max-width: 1400px !important;\n }\n\n .container {\n max-width: 1400px;\n }\n}\n.visible {\n visibility: visible;\n}\n.absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.left-0 {\n left: 0px;\n}\n.top-0 {\n top: 0px;\n}\n.z-\\[1\\] {\n z-index: 1;\n}\n.col-start-1 {\n grid-column-start: 1;\n}\n.row-start-1 {\n grid-row-start: 1;\n}\n.mr-2 {\n margin-right: 0.5rem;\n}\n.mt-2 {\n margin-top: 0.5rem;\n}\n.flex {\n display: flex;\n}\n.inline-flex {\n display: inline-flex;\n}\n.grid {\n display: grid;\n}\n.inline-grid {\n display: inline-grid;\n}\n.h-10 {\n height: 2.5rem;\n}\n.h-4 {\n height: 1rem;\n}\n.h-8 {\n height: 2rem;\n}\n.h-9 {\n height: 2.25rem;\n}\n.h-\\[150px\\] {\n height: 150px;\n}\n.h-\\[300px\\] {\n height: 300px;\n}\n.h-\\[400px\\] {\n height: 400px;\n}\n.h-full {\n height: 100%;\n}\n.w-4 {\n width: 1rem;\n}\n.w-9 {\n width: 2.25rem;\n}\n.w-\\[200px\\] {\n width: 200px;\n}\n.w-\\[300px\\] {\n width: 300px;\n}\n.w-\\[400px\\] {\n width: 400px;\n}\n.w-\\[500px\\] {\n width: 500px;\n}\n.w-full {\n width: 100%;\n}\n.max-w-md {\n max-width: 28rem;\n}\n@keyframes spin {\n\n to {\n transform: rotate(360deg);\n }\n}\n.animate-spin {\n animation: spin 1s linear infinite;\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.flex-col {\n flex-direction: column;\n}\n.flex-wrap {\n flex-wrap: wrap;\n}\n.items-center {\n align-items: center;\n}\n.justify-center {\n justify-content: center;\n}\n.gap-4 {\n gap: 1rem;\n}\n.space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.whitespace-nowrap {\n white-space: nowrap;\n}\n.rounded-3xl {\n border-radius: 3.75rem;\n}\n.rounded-full {\n border-radius: 9999px;\n}\n.rounded-lg {\n border-radius: calc(var(--radius) + 2px);\n}\n.border {\n border-width: 1px;\n}\n.border-border {\n border-color: hsl(var(--border));\n}\n.border-input {\n border-color: hsl(var(--input));\n}\n.border-primary-foreground {\n border-color: hsl(var(--primary-foreground));\n}\n.border-t-transparent {\n border-top-color: transparent;\n}\n.bg-background {\n background-color: hsl(var(--background));\n}\n.bg-card {\n background-color: hsl(var(--card));\n}\n.bg-destructive {\n background-color: hsl(var(--destructive));\n}\n.bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.bg-muted {\n background-color: hsl(var(--muted));\n}\n.bg-primary {\n background-color: hsl(var(--primary));\n}\n.bg-secondary\\/80 {\n background-color: hsl(var(--secondary) / 0.8);\n}\n.p-1 {\n padding: 0.25rem;\n}\n.p-4 {\n padding: 1rem;\n}\n.p-6 {\n padding: 1.5rem;\n}\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n.px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.pt-0 {\n padding-top: 0px;\n}\n.text-center {\n text-align: center;\n}\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n.text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.text-sm {\n font-size: 12px;\n line-height: 1.25rem;\n}\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n.font-bold {\n font-weight: 700;\n}\n.font-medium {\n font-weight: 500;\n}\n.font-semibold {\n font-weight: 600;\n}\n.italic {\n font-style: italic;\n}\n.leading-none {\n line-height: 1;\n}\n.tracking-tight {\n letter-spacing: -0.025em;\n}\n.text-blue-600 {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity, 1));\n}\n.text-card-foreground {\n color: hsl(var(--card-foreground));\n}\n.text-destructive-foreground {\n color: hsl(var(--destructive-foreground));\n}\n.text-muted-foreground {\n color: hsl(var(--muted-foreground));\n}\n.text-primary {\n color: hsl(var(--primary));\n}\n.text-primary-foreground {\n color: hsl(var(--primary-foreground));\n}\n.text-secondary-foreground {\n color: hsl(var(--secondary-foreground));\n}\n.no-underline {\n text-decoration-line: none;\n}\n.underline-offset-4 {\n text-underline-offset: 4px;\n}\n.opacity-0 {\n opacity: 0;\n}\n.opacity-100 {\n opacity: 1;\n}\n.shadow-sm {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline {\n outline-style: solid;\n}\n.ring-offset-background {\n --tw-ring-offset-color: hsl(var(--background));\n}\n.blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.duration-150 {\n transition-duration: 150ms;\n}\n.duration-300 {\n transition-duration: 300ms;\n}\n.ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n@keyframes enter {\n\n from {\n opacity: var(--tw-enter-opacity, 1);\n transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n }\n}\n@keyframes exit {\n\n to {\n opacity: var(--tw-exit-opacity, 1);\n transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n }\n}\n.duration-150 {\n animation-duration: 150ms;\n}\n.duration-300 {\n animation-duration: 300ms;\n}\n.ease-out {\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.hover\\:bg-accent:hover {\n background-color: hsl(var(--accent));\n}\n\n.hover\\:bg-destructive\\/90:hover {\n background-color: hsl(var(--destructive) / 0.9);\n}\n\n.hover\\:bg-primary\\/90:hover {\n background-color: hsl(var(--primary) / 0.9);\n}\n\n.hover\\:bg-secondary:hover {\n background-color: hsl(var(--secondary));\n}\n\n.hover\\:text-accent-foreground:hover {\n color: hsl(var(--accent-foreground));\n}\n\n.hover\\:underline:hover {\n text-decoration-line: underline;\n}\n\n.focus-visible\\:outline-none:focus-visible {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.focus-visible\\:ring-2:focus-visible {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus-visible\\:ring-ring:focus-visible {\n --tw-ring-color: hsl(var(--ring));\n}\n\n.focus-visible\\:ring-offset-2:focus-visible {\n --tw-ring-offset-width: 2px;\n}\n\n.disabled\\:pointer-events-none:disabled {\n pointer-events: none;\n}\n\n.disabled\\:opacity-50:disabled {\n opacity: 0.5;\n}\n\n.data-\\[state\\=active\\]\\:bg-background[data-state=\"active\"] {\n background-color: hsl(var(--background));\n}\n\n.data-\\[state\\=active\\]\\:text-foreground[data-state=\"active\"] {\n color: hsl(var(--foreground));\n}\n\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=\"active\"] {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n"],"mappings":";AAAA;AAAG;AAAU;AACX,yBAAuB;AACvB,yBAAuB;AACvB,oBAAkB;AAClB,oBAAkB;AAClB,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc;AACd;AACA;AACA;AACA,+BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE;AAClC,2BAAyB,EAAE,EAAE;AAC7B,oBAAkB,EAAE,EAAE;AACtB,eAAa,EAAE,EAAE;AACjB,uBAAqB,EAAE,EAAE;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF;AAEA;AACE,yBAAuB;AACvB,yBAAuB;AACvB,oBAAkB;AAClB,oBAAkB;AAClB,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc;AACd;AACA;AACA;AACA,+BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE;AAClC,2BAAyB,EAAE,EAAE;AAC7B,oBAAkB,EAAE,EAAE;AACtB,eAAa,EAAE,EAAE;AACjB,uBAAqB,EAAE,EAAE;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF;AAOA;AACA;AACA;AACE,cAAY;AACZ,gBAAc;AACd,gBAAc;AACd,gBAAc;AAChB;AAEA;AACA;AACE,gBAAc;AAChB;AAYA;AACA;AACE,eAAa;AACb,4BAA0B;AAC1B,iBAAe;AACf,eAAa;AACV,YAAU;AACb;AAAA,IAAa,aAAa;AAAA,IAAE,SAAS;AAAA,IAAE,UAAU;AAAA,IAAE,mBAAmB;AAAA,IAAE,gBAAgB;AAAA,IAAE,iBAAiB;AAAA,IAAE;AAC7G,yBAAuB;AACvB,2B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","names":[]}
|
package/dist/index.js
CHANGED
|
@@ -59,7 +59,7 @@ function cn(...inputs) {
|
|
|
59
59
|
// src/components/button.tsx
|
|
60
60
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
61
61
|
var buttonVariants = (0, import_class_variance_authority.cva)(
|
|
62
|
-
"inline-flex items-center justify-center whitespace-nowrap rounded-
|
|
62
|
+
"inline-flex items-center justify-center whitespace-nowrap rounded-3xl font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
63
63
|
{
|
|
64
64
|
variants: {
|
|
65
65
|
variant: {
|
|
@@ -72,7 +72,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
|
|
|
72
72
|
},
|
|
73
73
|
size: {
|
|
74
74
|
default: "h-9 px-4 py-2",
|
|
75
|
-
sm: "h-8 text-
|
|
75
|
+
sm: "h-8 text-sm px-3 py-2",
|
|
76
76
|
lg: "h-10 px-8 py-2",
|
|
77
77
|
icon: "h-9 w-9"
|
|
78
78
|
}
|
|
@@ -102,7 +102,7 @@ var Button = React.forwardRef(
|
|
|
102
102
|
disabled: loading || props.disabled,
|
|
103
103
|
...props,
|
|
104
104
|
children: [
|
|
105
|
-
loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mr-2 h-4 w-4 animate-spin rounded-full border
|
|
105
|
+
loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mr-2 h-4 w-4 animate-spin rounded-full border border-primary-foreground border-t-transparent" }),
|
|
106
106
|
!loading && icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mr-2", children: icon }),
|
|
107
107
|
props.children
|
|
108
108
|
]
|
|
@@ -122,7 +122,7 @@ var TabsList = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
122
122
|
{
|
|
123
123
|
ref,
|
|
124
124
|
className: cn(
|
|
125
|
-
"inline-flex items-center justify-center rounded-
|
|
125
|
+
"inline-flex items-center justify-center rounded-3xl bg-muted p-1 text-muted-foreground",
|
|
126
126
|
className
|
|
127
127
|
),
|
|
128
128
|
...props
|
|
@@ -134,7 +134,7 @@ var TabsTrigger = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
134
134
|
{
|
|
135
135
|
ref,
|
|
136
136
|
className: cn(
|
|
137
|
-
"inline-flex items-center justify-center whitespace-nowrap rounded-
|
|
137
|
+
"inline-flex items-center justify-center whitespace-nowrap rounded-3xl px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
|
|
138
138
|
className
|
|
139
139
|
),
|
|
140
140
|
...props
|
|
@@ -160,11 +160,11 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
|
160
160
|
var SYMBOLS = ["\\", "-", "?", "/", "#", "!", "_", "+", "<", ">"];
|
|
161
161
|
var MAX_ITERATIONS = 3;
|
|
162
162
|
var SPEED = 400;
|
|
163
|
-
var scrambleText = (input
|
|
163
|
+
var scrambleText = (input) => {
|
|
164
164
|
if (!input) return "";
|
|
165
165
|
return input.split(" ").map((word) => {
|
|
166
166
|
if (!word) return "";
|
|
167
|
-
const randomSymbol =
|
|
167
|
+
const randomSymbol = SYMBOLS[Math.floor(Math.random() * SYMBOLS.length)];
|
|
168
168
|
return randomSymbol.repeat(word.length);
|
|
169
169
|
}).join(" ");
|
|
170
170
|
};
|
|
@@ -280,22 +280,13 @@ var scrambleReactNode = (node, scrambledText, textStartIndex) => {
|
|
|
280
280
|
}
|
|
281
281
|
return node;
|
|
282
282
|
};
|
|
283
|
-
var TextDecoder = ({
|
|
284
|
-
children,
|
|
285
|
-
className,
|
|
286
|
-
delay = 0,
|
|
287
|
-
symbols = SYMBOLS,
|
|
288
|
-
maxIterations = MAX_ITERATIONS,
|
|
289
|
-
speed = SPEED
|
|
290
|
-
}) => {
|
|
283
|
+
var TextDecoder = ({ children, className, delay = 0 }) => {
|
|
291
284
|
const [displayContent, setDisplayContent] = (0, import_react.useState)(null);
|
|
292
285
|
const [hasAnimated, setHasAnimated] = (0, import_react.useState)(false);
|
|
286
|
+
const [showDecoded, setShowDecoded] = (0, import_react.useState)(true);
|
|
293
287
|
const elementRef = (0, import_react.useRef)(null);
|
|
294
288
|
const fullText = (0, import_react.useMemo)(() => extractText(children), [children]);
|
|
295
|
-
const initialScrambled = (0, import_react.useMemo)(
|
|
296
|
-
() => scrambleText(fullText, symbols),
|
|
297
|
-
[fullText, symbols]
|
|
298
|
-
);
|
|
289
|
+
const initialScrambled = (0, import_react.useMemo)(() => scrambleText(fullText), [fullText]);
|
|
299
290
|
(0, import_react.useEffect)(() => {
|
|
300
291
|
if (!hasAnimated && fullText) {
|
|
301
292
|
const textStartIndex = { current: 0 };
|
|
@@ -305,15 +296,17 @@ var TextDecoder = ({
|
|
|
305
296
|
textStartIndex
|
|
306
297
|
);
|
|
307
298
|
setDisplayContent(scrambledContent);
|
|
299
|
+
setShowDecoded(true);
|
|
308
300
|
}
|
|
309
301
|
}, [children, initialScrambled, hasAnimated, fullText]);
|
|
310
302
|
(0, import_react.useEffect)(() => {
|
|
311
303
|
if (!fullText) {
|
|
312
304
|
setDisplayContent(null);
|
|
305
|
+
setShowDecoded(false);
|
|
313
306
|
return;
|
|
314
307
|
}
|
|
315
308
|
if (hasAnimated) {
|
|
316
|
-
|
|
309
|
+
setShowDecoded(false);
|
|
317
310
|
return;
|
|
318
311
|
}
|
|
319
312
|
const element = elementRef.current;
|
|
@@ -333,14 +326,15 @@ var TextDecoder = ({
|
|
|
333
326
|
textStartIndex
|
|
334
327
|
);
|
|
335
328
|
setDisplayContent(scrambledContent);
|
|
329
|
+
setShowDecoded(true);
|
|
336
330
|
intervalId = setInterval(() => {
|
|
337
331
|
iteration++;
|
|
338
|
-
if (iteration >=
|
|
339
|
-
setDisplayContent(children);
|
|
332
|
+
if (iteration >= MAX_ITERATIONS) {
|
|
340
333
|
setHasAnimated(true);
|
|
334
|
+
setShowDecoded(false);
|
|
341
335
|
if (intervalId) clearInterval(intervalId);
|
|
342
336
|
} else {
|
|
343
|
-
const newScrambled = scrambleText(fullText
|
|
337
|
+
const newScrambled = scrambleText(fullText);
|
|
344
338
|
const textStartIndex2 = { current: 0 };
|
|
345
339
|
const scrambledContent2 = scrambleReactNode(
|
|
346
340
|
children,
|
|
@@ -349,7 +343,7 @@ var TextDecoder = ({
|
|
|
349
343
|
);
|
|
350
344
|
setDisplayContent(scrambledContent2);
|
|
351
345
|
}
|
|
352
|
-
},
|
|
346
|
+
}, SPEED);
|
|
353
347
|
}, delay);
|
|
354
348
|
observer.disconnect();
|
|
355
349
|
}
|
|
@@ -365,45 +359,66 @@ var TextDecoder = ({
|
|
|
365
359
|
if (intervalId) clearInterval(intervalId);
|
|
366
360
|
if (delayTimeoutId) clearTimeout(delayTimeoutId);
|
|
367
361
|
};
|
|
368
|
-
}, [
|
|
369
|
-
children,
|
|
370
|
-
fullText,
|
|
371
|
-
initialScrambled,
|
|
372
|
-
hasAnimated,
|
|
373
|
-
delay,
|
|
374
|
-
symbols,
|
|
375
|
-
maxIterations,
|
|
376
|
-
speed
|
|
377
|
-
]);
|
|
362
|
+
}, [children, fullText, initialScrambled, hasAnimated, delay]);
|
|
378
363
|
const ariaLabel = (0, import_react.useMemo)(() => extractText(children), [children]);
|
|
379
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.
|
|
364
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
|
|
380
365
|
"span",
|
|
381
366
|
{
|
|
382
367
|
ref: elementRef,
|
|
383
368
|
"aria-label": ariaLabel,
|
|
384
|
-
className,
|
|
385
|
-
children:
|
|
369
|
+
className: cn("inline-grid", className),
|
|
370
|
+
children: [
|
|
371
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
372
|
+
"span",
|
|
373
|
+
{
|
|
374
|
+
className: cn(
|
|
375
|
+
"transition-opacity duration-300 col-start-1 row-start-1",
|
|
376
|
+
hasAnimated ? "opacity-100" : "opacity-0"
|
|
377
|
+
),
|
|
378
|
+
children
|
|
379
|
+
}
|
|
380
|
+
),
|
|
381
|
+
showDecoded && displayContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "transition-opacity duration-300 col-start-1 row-start-1", children: displayContent })
|
|
382
|
+
]
|
|
386
383
|
}
|
|
387
384
|
);
|
|
388
385
|
};
|
|
389
|
-
var
|
|
386
|
+
var SuspenseDecodedText = (props) => {
|
|
387
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
388
|
+
import_react.Suspense,
|
|
389
|
+
{
|
|
390
|
+
fallback: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: cn("opacity-0", props.className), children: props.children }),
|
|
391
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TextDecoder, { ...props })
|
|
392
|
+
}
|
|
393
|
+
);
|
|
394
|
+
};
|
|
395
|
+
var TextDecoder_default = SuspenseDecodedText;
|
|
390
396
|
|
|
391
397
|
// src/components/GlitchLink.tsx
|
|
392
398
|
var import_link = __toESM(require("next/link"));
|
|
393
399
|
var import_react2 = require("react");
|
|
400
|
+
var import_react_slot2 = require("@radix-ui/react-slot");
|
|
394
401
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
395
402
|
var DEFAULT_SYMBOLS = ["/", "#", "*"];
|
|
396
403
|
var GlitchLink = ({
|
|
397
404
|
href,
|
|
398
405
|
children,
|
|
399
406
|
symbols = DEFAULT_SYMBOLS,
|
|
400
|
-
className
|
|
407
|
+
className,
|
|
408
|
+
asChild = false,
|
|
401
409
|
...props
|
|
402
410
|
}) => {
|
|
403
411
|
const [isHovering, setIsHovering] = (0, import_react2.useState)(false);
|
|
404
|
-
const
|
|
412
|
+
const getTextContent = (node) => {
|
|
413
|
+
if (typeof node === "string") return node;
|
|
414
|
+
if ((0, import_react2.isValidElement)(node) && node.props.children) {
|
|
415
|
+
return getTextContent(node.props.children);
|
|
416
|
+
}
|
|
417
|
+
return "";
|
|
418
|
+
};
|
|
419
|
+
const text = getTextContent(children);
|
|
405
420
|
const getRandomGlitch = () => {
|
|
406
|
-
if (!isHovering || !text) return
|
|
421
|
+
if (!isHovering || !text) return text;
|
|
407
422
|
return text.split(" ").map((word) => {
|
|
408
423
|
const randomLetterIndex = Math.floor(Math.random() * word.length);
|
|
409
424
|
return word.replace(
|
|
@@ -412,17 +427,18 @@ var GlitchLink = ({
|
|
|
412
427
|
);
|
|
413
428
|
}).join(" ");
|
|
414
429
|
};
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
);
|
|
430
|
+
const commonProps = {
|
|
431
|
+
className,
|
|
432
|
+
onMouseEnter: () => setIsHovering(true),
|
|
433
|
+
onMouseLeave: () => setIsHovering(false),
|
|
434
|
+
...props
|
|
435
|
+
};
|
|
436
|
+
if (asChild && (0, import_react2.isValidElement)(children)) {
|
|
437
|
+
const content2 = text ? isHovering ? getRandomGlitch() : text : children;
|
|
438
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_slot2.Slot, { ...commonProps, children: (0, import_react2.cloneElement)(children, {}, content2) });
|
|
439
|
+
}
|
|
440
|
+
const content = text ? isHovering ? getRandomGlitch() : children : children;
|
|
441
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_link.default, { href: href || "#", ...commonProps, children: content });
|
|
426
442
|
};
|
|
427
443
|
var GlitchLink_default = GlitchLink;
|
|
428
444
|
|