uibee 2.2.0 → 2.2.2

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/dist/globals.css CHANGED
@@ -24,8 +24,6 @@
24
24
  --container-md: 28rem;
25
25
  --container-2xl: 42rem;
26
26
  --container-6xl: 72rem;
27
- --text-xs: 0.75rem;
28
- --text-xs--line-height: calc(1 / 0.75);
29
27
  --text-sm: 0.875rem;
30
28
  --text-sm--line-height: calc(1.25 / 0.875);
31
29
  --text-base: 1rem;
@@ -43,8 +41,6 @@
43
41
  --font-weight-bold: 700;
44
42
  --font-weight-extrabold: 800;
45
43
  --tracking-tight: -0.025em;
46
- --tracking-wide: 0.025em;
47
- --tracking-widest: 0.1em;
48
44
  --radius-sm: 0.25rem;
49
45
  --radius-md: 0.375rem;
50
46
  --radius-lg: 0.5rem;
@@ -218,12 +214,6 @@
218
214
  .pointer-events-none {
219
215
  pointer-events: none;
220
216
  }
221
- .collapse {
222
- visibility: collapse;
223
- }
224
- .visible {
225
- visibility: visible;
226
- }
227
217
  .link-corner-hover {
228
218
  position: relative;
229
219
  &::after {
@@ -263,12 +253,6 @@
263
253
  .relative {
264
254
  position: relative;
265
255
  }
266
- .static {
267
- position: static;
268
- }
269
- .sticky {
270
- position: sticky;
271
- }
272
256
  .start-2 {
273
257
  inset-inline-start: calc(var(--spacing) * 2);
274
258
  }
@@ -329,72 +313,6 @@
329
313
  .z-900 {
330
314
  z-index: 900;
331
315
  }
332
- .container {
333
- width: 100%;
334
- @media (width >= 100px) {
335
- max-width: 100px;
336
- }
337
- @media (width >= 200px) {
338
- max-width: 200px;
339
- }
340
- @media (width >= 300px) {
341
- max-width: 300px;
342
- }
343
- @media (width >= 350px) {
344
- max-width: 350px;
345
- }
346
- @media (width >= 400px) {
347
- max-width: 400px;
348
- }
349
- @media (width >= 432px) {
350
- max-width: 432px;
351
- }
352
- @media (width >= 450px) {
353
- max-width: 450px;
354
- }
355
- @media (width >= 500px) {
356
- max-width: 500px;
357
- }
358
- @media (width >= 600px) {
359
- max-width: 600px;
360
- }
361
- @media (width >= 700px) {
362
- max-width: 700px;
363
- }
364
- @media (width >= 800px) {
365
- max-width: 800px;
366
- }
367
- @media (width >= 900px) {
368
- max-width: 900px;
369
- }
370
- @media (width >= 1000px) {
371
- max-width: 1000px;
372
- }
373
- @media (width >= 1200px) {
374
- max-width: 1200px;
375
- }
376
- @media (width >= 30rem) {
377
- max-width: 30rem;
378
- }
379
- @media (width >= 40rem) {
380
- max-width: 40rem;
381
- }
382
- @media (width >= 48rem) {
383
- max-width: 48rem;
384
- }
385
- @media (width >= 64rem) {
386
- max-width: 64rem;
387
- }
388
- @media (width >= 80rem) {
389
- max-width: 80rem;
390
- }
391
- @media (width >= 100rem) {
392
- max-width: 100rem;
393
- }
394
- @media (width >= 120rem) {
395
- max-width: 120rem;
396
- }
397
- }
398
316
  .m-auto {
399
317
  margin: auto;
400
318
  }
@@ -407,24 +325,9 @@
407
325
  .mt-2 {
408
326
  margin-top: calc(var(--spacing) * 2);
409
327
  }
410
- .mt-16 {
411
- margin-top: calc(var(--spacing) * 16);
412
- }
413
- .mt-20 {
414
- margin-top: calc(var(--spacing) * 20);
415
- }
416
- .mt-24 {
417
- margin-top: calc(var(--spacing) * 24);
418
- }
419
- .mt-40 {
420
- margin-top: calc(var(--spacing) * 40);
421
- }
422
328
  .mb-2 {
423
329
  margin-bottom: calc(var(--spacing) * 2);
424
330
  }
425
- .mb-12 {
426
- margin-bottom: calc(var(--spacing) * 12);
427
- }
428
331
  .-ml-4 {
429
332
  margin-left: calc(var(--spacing) * -4);
430
333
  }
@@ -443,9 +346,6 @@
443
346
  .block {
444
347
  display: block;
445
348
  }
446
- .contents {
447
- display: contents;
448
- }
449
349
  .flex {
450
350
  display: flex;
451
351
  }
@@ -455,9 +355,6 @@
455
355
  .hidden {
456
356
  display: none;
457
357
  }
458
- .list-item {
459
- display: list-item;
460
- }
461
358
  .aspect-\[3\/1\] {
462
359
  aspect-ratio: 3/1;
463
360
  }
@@ -476,9 +373,6 @@
476
373
  .h-6 {
477
374
  height: calc(var(--spacing) * 6);
478
375
  }
479
- .h-8 {
480
- height: calc(var(--spacing) * 8);
481
- }
482
376
  .h-10 {
483
377
  height: calc(var(--spacing) * 10);
484
378
  }
@@ -563,9 +457,6 @@
563
457
  .max-w-6xl {
564
458
  max-width: var(--container-6xl);
565
459
  }
566
- .max-w-60 {
567
- max-width: calc(var(--spacing) * 60);
568
- }
569
460
  .max-w-\[35rem\] {
570
461
  max-width: 35rem;
571
462
  }
@@ -587,12 +478,6 @@
587
478
  .flex-shrink-0 {
588
479
  flex-shrink: 0;
589
480
  }
590
- .shrink {
591
- flex-shrink: 1;
592
- }
593
- .grow {
594
- flex-grow: 1;
595
- }
596
481
  .origin-\[0\] {
597
482
  transform-origin: 0;
598
483
  }
@@ -656,21 +541,12 @@
656
541
  .cursor-pointer {
657
542
  cursor: pointer;
658
543
  }
659
- .resize {
660
- resize: both;
661
- }
662
544
  .list-none {
663
545
  list-style-type: none;
664
546
  }
665
547
  .appearance-none {
666
548
  appearance: none;
667
549
  }
668
- .grid-cols-3 {
669
- grid-template-columns: repeat(3, minmax(0, 1fr));
670
- }
671
- .grid-cols-\[auto_min-content\] {
672
- grid-template-columns: auto min-content;
673
- }
674
550
  .flex-col {
675
551
  flex-direction: column;
676
552
  }
@@ -692,9 +568,6 @@
692
568
  .items-end {
693
569
  align-items: flex-end;
694
570
  }
695
- .justify-between {
696
- justify-content: space-between;
697
- }
698
571
  .justify-center {
699
572
  justify-content: center;
700
573
  }
@@ -716,15 +589,6 @@
716
589
  .gap-4 {
717
590
  gap: calc(var(--spacing) * 4);
718
591
  }
719
- .gap-6 {
720
- gap: calc(var(--spacing) * 6);
721
- }
722
- .gap-8 {
723
- gap: calc(var(--spacing) * 8);
724
- }
725
- .gap-16 {
726
- gap: calc(var(--spacing) * 16);
727
- }
728
592
  .truncate {
729
593
  overflow: hidden;
730
594
  text-overflow: ellipsis;
@@ -742,9 +606,6 @@
742
606
  .rounded-\[0\.4rem\] {
743
607
  border-radius: 0.4rem;
744
608
  }
745
- .rounded-\[var\(--border-radius\)\] {
746
- border-radius: var(--border-radius);
747
- }
748
609
  .rounded-full {
749
610
  border-radius: calc(infinity * 1px);
750
611
  }
@@ -781,9 +642,6 @@
781
642
  .bg-\[\#18181899\] {
782
643
  background-color: #18181899;
783
644
  }
784
- .bg-\[rgba\(200\,200\,200\,0\.1\)\] {
785
- background-color: rgba(200,200,200,0.1);
786
- }
787
645
  .bg-login {
788
646
  background-color: var(--color-login);
789
647
  }
@@ -820,15 +678,9 @@
820
678
  .bg-transparent {
821
679
  background-color: transparent;
822
680
  }
823
- .bg-\[linear-gradient\(45deg\,\#fff695_0\%\,\#fff695_5\%\,\#ff5445_45\%\,\#ff37c0_60\%\,\#3d6dff_90\%\)\] {
824
- background-image: linear-gradient(45deg,#fff695 0%,#fff695 5%,#ff5445 45%,#ff37c0 60%,#3d6dff 90%);
825
- }
826
681
  .bg-none {
827
682
  background-image: none;
828
683
  }
829
- .bg-clip-text {
830
- background-clip: text;
831
- }
832
684
  .fill-\[var\(--foreground\)\] {
833
685
  fill: var(--foreground);
834
686
  }
@@ -889,9 +741,6 @@
889
741
  .px-6 {
890
742
  padding-inline: calc(var(--spacing) * 6);
891
743
  }
892
- .px-\[0\.6rem\] {
893
- padding-inline: 0.6rem;
894
- }
895
744
  .py-0\.5 {
896
745
  padding-block: calc(var(--spacing) * 0.5);
897
746
  }
@@ -910,9 +759,6 @@
910
759
  .py-12 {
911
760
  padding-block: calc(var(--spacing) * 12);
912
761
  }
913
- .py-\[0\.4rem\] {
914
- padding-block: 0.4rem;
915
- }
916
762
  .pt-1 {
917
763
  padding-top: calc(var(--spacing) * 1);
918
764
  }
@@ -925,12 +771,6 @@
925
771
  .pt-4 {
926
772
  padding-top: calc(var(--spacing) * 4);
927
773
  }
928
- .pt-8 {
929
- padding-top: calc(var(--spacing) * 8);
930
- }
931
- .pt-16 {
932
- padding-top: calc(var(--spacing) * 16);
933
- }
934
774
  .pr-1 {
935
775
  padding-right: calc(var(--spacing) * 1);
936
776
  }
@@ -940,9 +780,6 @@
940
780
  .pb-1 {
941
781
  padding-bottom: calc(var(--spacing) * 1);
942
782
  }
943
- .pb-2 {
944
- padding-bottom: calc(var(--spacing) * 2);
945
- }
946
783
  .pb-2\.5 {
947
784
  padding-bottom: calc(var(--spacing) * 2.5);
948
785
  }
@@ -955,9 +792,6 @@
955
792
  .text-center {
956
793
  text-align: center;
957
794
  }
958
- .text-justify {
959
- text-align: justify;
960
- }
961
795
  .text-left {
962
796
  text-align: left;
963
797
  }
@@ -985,13 +819,6 @@
985
819
  font-size: var(--text-xl);
986
820
  line-height: var(--tw-leading, var(--text-xl--line-height));
987
821
  }
988
- .text-xs {
989
- font-size: var(--text-xs);
990
- line-height: var(--tw-leading, var(--text-xs--line-height));
991
- }
992
- .text-\[1\.5rem\] {
993
- font-size: 1.5rem;
994
- }
995
822
  .leading-4 {
996
823
  --tw-leading: calc(var(--spacing) * 4);
997
824
  line-height: calc(var(--spacing) * 4);
@@ -1028,26 +855,9 @@
1028
855
  --tw-tracking: var(--tracking-tight);
1029
856
  letter-spacing: var(--tracking-tight);
1030
857
  }
1031
- .tracking-wide {
1032
- --tw-tracking: var(--tracking-wide);
1033
- letter-spacing: var(--tracking-wide);
1034
- }
1035
- .tracking-widest {
1036
- --tw-tracking: var(--tracking-widest);
1037
- letter-spacing: var(--tracking-widest);
1038
- }
1039
858
  .whitespace-nowrap {
1040
859
  white-space: nowrap;
1041
860
  }
1042
- .text-\[\#b3b3b3\] {
1043
- color: #b3b3b3;
1044
- }
1045
- .text-\[\#f2f2f2\] {
1046
- color: #f2f2f2;
1047
- }
1048
- .text-\[var\(--color-text-footer\)\] {
1049
- color: var(--color-text-footer);
1050
- }
1051
861
  .text-blue-300\/70 {
1052
862
  color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 70%, transparent);
1053
863
  @supports (color: color-mix(in lab, red, red)) {
@@ -1090,12 +900,6 @@
1090
900
  color: color-mix(in oklab, var(--color-yellow-300) 70%, transparent);
1091
901
  }
1092
902
  }
1093
- .lowercase {
1094
- text-transform: lowercase;
1095
- }
1096
- .uppercase {
1097
- text-transform: uppercase;
1098
- }
1099
903
  .no-underline {
1100
904
  text-decoration-line: none;
1101
905
  }
@@ -1105,10 +909,6 @@
1105
909
  .opacity-100 {
1106
910
  opacity: 100%;
1107
911
  }
1108
- .shadow {
1109
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1110
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1111
- }
1112
912
  .shadow-\[0_0\.1rem_0\.5rem_rgba\(3\,3\,3\,0\.5\)\] {
1113
913
  --tw-shadow: 0 0.1rem 0.5rem var(--tw-shadow-color, rgba(3,3,3,0.5));
1114
914
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1117,25 +917,6 @@
1117
917
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1118
918
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1119
919
  }
1120
- .ring {
1121
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1122
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1123
- }
1124
- .outline {
1125
- outline-style: var(--tw-outline-style);
1126
- outline-width: 1px;
1127
- }
1128
- .blur {
1129
- --tw-blur: blur(8px);
1130
- 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,);
1131
- }
1132
- .invert {
1133
- --tw-invert: invert(100%);
1134
- 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,);
1135
- }
1136
- .filter {
1137
- 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,);
1138
- }
1139
920
  .backdrop-blur-xl {
1140
921
  --tw-backdrop-blur: blur(var(--blur-xl));
1141
922
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -1523,41 +1304,6 @@
1523
1304
  }
1524
1305
  }
1525
1306
  }
1526
- .hover\:text-\[\#1a7bdd\] {
1527
- &:hover {
1528
- @media (hover: hover) {
1529
- color: #1a7bdd;
1530
- }
1531
- }
1532
- }
1533
- .hover\:text-\[\#2c87ff\] {
1534
- &:hover {
1535
- @media (hover: hover) {
1536
- color: #2c87ff;
1537
- }
1538
- }
1539
- }
1540
- .hover\:text-\[\#6571fd\] {
1541
- &:hover {
1542
- @media (hover: hover) {
1543
- color: #6571fd;
1544
- }
1545
- }
1546
- }
1547
- .hover\:text-\[\#f6492e\] {
1548
- &:hover {
1549
- @media (hover: hover) {
1550
- color: #f6492e;
1551
- }
1552
- }
1553
- }
1554
- .hover\:text-\[rgb\(5\,186\,243\)\] {
1555
- &:hover {
1556
- @media (hover: hover) {
1557
- color: rgb(5,186,243);
1558
- }
1559
- }
1560
- }
1561
1307
  .hover\:text-red-800 {
1562
1308
  &:hover {
1563
1309
  @media (hover: hover) {
@@ -1565,13 +1311,6 @@
1565
1311
  }
1566
1312
  }
1567
1313
  }
1568
- .hover\:text-transparent {
1569
- &:hover {
1570
- @media (hover: hover) {
1571
- color: transparent;
1572
- }
1573
- }
1574
- }
1575
1314
  .focus\:border-login-50 {
1576
1315
  &:focus {
1577
1316
  border-color: var(--color-login-50);
@@ -1634,141 +1373,16 @@
1634
1373
  padding: calc(var(--spacing) * 4);
1635
1374
  }
1636
1375
  }
1637
- .sm\:max-w-\[22rem\] {
1638
- @media (width >= 40rem) {
1639
- max-width: 22rem;
1640
- }
1641
- }
1642
- .sm\:grid-cols-2 {
1643
- @media (width >= 40rem) {
1644
- grid-template-columns: repeat(2, minmax(0, 1fr));
1645
- }
1646
- }
1647
- .sm\:grid-cols-6 {
1648
- @media (width >= 40rem) {
1649
- grid-template-columns: repeat(6, minmax(0, 1fr));
1650
- }
1651
- }
1652
- .sm\:justify-items-end {
1653
- @media (width >= 40rem) {
1654
- justify-items: end;
1655
- }
1656
- }
1657
- .sm\:justify-self-center {
1658
- @media (width >= 40rem) {
1659
- justify-self: center;
1660
- }
1661
- }
1662
- .sm\:justify-self-end {
1663
- @media (width >= 40rem) {
1664
- justify-self: flex-end;
1665
- }
1666
- }
1667
1376
  .sm\:px-12 {
1668
1377
  @media (width >= 40rem) {
1669
1378
  padding-inline: calc(var(--spacing) * 12);
1670
1379
  }
1671
1380
  }
1672
- .md\:col-span-2 {
1673
- @media (width >= 48rem) {
1674
- grid-column: span 2 / span 2;
1675
- }
1676
- }
1677
- .md\:col-start-2 {
1678
- @media (width >= 48rem) {
1679
- grid-column-start: 2;
1680
- }
1681
- }
1682
- .md\:row-span-2 {
1683
- @media (width >= 48rem) {
1684
- grid-row: span 2 / span 2;
1685
- }
1686
- }
1687
- .md\:row-start-1 {
1688
- @media (width >= 48rem) {
1689
- grid-row-start: 1;
1690
- }
1691
- }
1692
- .md\:row-start-2 {
1693
- @media (width >= 48rem) {
1694
- grid-row-start: 2;
1695
- }
1696
- }
1697
- .md\:row-start-3 {
1698
- @media (width >= 48rem) {
1699
- grid-row-start: 3;
1700
- }
1701
- }
1702
- .md\:mt-0 {
1703
- @media (width >= 48rem) {
1704
- margin-top: calc(var(--spacing) * 0);
1705
- }
1706
- }
1707
- .md\:grid {
1708
- @media (width >= 48rem) {
1709
- display: grid;
1710
- }
1711
- }
1712
- .md\:max-w-72 {
1713
- @media (width >= 48rem) {
1714
- max-width: calc(var(--spacing) * 72);
1715
- }
1716
- }
1717
- .md\:max-w-\[34rem\] {
1718
- @media (width >= 48rem) {
1719
- max-width: 34rem;
1720
- }
1721
- }
1722
- .md\:max-w-\[calc\(var\(--w-page\)\+4rem\)\] {
1723
- @media (width >= 48rem) {
1724
- max-width: calc(var(--w-page) + 4rem);
1725
- }
1726
- }
1727
- .md\:grid-cols-\[18rem_1fr\] {
1728
- @media (width >= 48rem) {
1729
- grid-template-columns: 18rem 1fr;
1730
- }
1731
- }
1732
- .md\:gap-0 {
1733
- @media (width >= 48rem) {
1734
- gap: calc(var(--spacing) * 0);
1735
- }
1736
- }
1737
1381
  .md\:gap-6 {
1738
1382
  @media (width >= 48rem) {
1739
1383
  gap: calc(var(--spacing) * 6);
1740
1384
  }
1741
1385
  }
1742
- .md\:gap-20 {
1743
- @media (width >= 48rem) {
1744
- gap: calc(var(--spacing) * 20);
1745
- }
1746
- }
1747
- .md\:gap-x-12 {
1748
- @media (width >= 48rem) {
1749
- column-gap: calc(var(--spacing) * 12);
1750
- }
1751
- }
1752
- .md\:justify-self-end {
1753
- @media (width >= 48rem) {
1754
- justify-self: flex-end;
1755
- }
1756
- }
1757
- .md\:px-12 {
1758
- @media (width >= 48rem) {
1759
- padding-inline: calc(var(--spacing) * 12);
1760
- }
1761
- }
1762
- .md\:pt-20 {
1763
- @media (width >= 48rem) {
1764
- padding-top: calc(var(--spacing) * 20);
1765
- }
1766
- }
1767
- .md\:pb-4 {
1768
- @media (width >= 48rem) {
1769
- padding-bottom: calc(var(--spacing) * 4);
1770
- }
1771
- }
1772
1386
  }
1773
1387
  :root {
1774
1388
  transition: background 0.4s,
@@ -1948,64 +1562,6 @@ body {
1948
1562
  inherits: false;
1949
1563
  initial-value: 0 0 #0000;
1950
1564
  }
1951
- @property --tw-outline-style {
1952
- syntax: "*";
1953
- inherits: false;
1954
- initial-value: solid;
1955
- }
1956
- @property --tw-blur {
1957
- syntax: "*";
1958
- inherits: false;
1959
- }
1960
- @property --tw-brightness {
1961
- syntax: "*";
1962
- inherits: false;
1963
- }
1964
- @property --tw-contrast {
1965
- syntax: "*";
1966
- inherits: false;
1967
- }
1968
- @property --tw-grayscale {
1969
- syntax: "*";
1970
- inherits: false;
1971
- }
1972
- @property --tw-hue-rotate {
1973
- syntax: "*";
1974
- inherits: false;
1975
- }
1976
- @property --tw-invert {
1977
- syntax: "*";
1978
- inherits: false;
1979
- }
1980
- @property --tw-opacity {
1981
- syntax: "*";
1982
- inherits: false;
1983
- }
1984
- @property --tw-saturate {
1985
- syntax: "*";
1986
- inherits: false;
1987
- }
1988
- @property --tw-sepia {
1989
- syntax: "*";
1990
- inherits: false;
1991
- }
1992
- @property --tw-drop-shadow {
1993
- syntax: "*";
1994
- inherits: false;
1995
- }
1996
- @property --tw-drop-shadow-color {
1997
- syntax: "*";
1998
- inherits: false;
1999
- }
2000
- @property --tw-drop-shadow-alpha {
2001
- syntax: "<percentage>";
2002
- inherits: false;
2003
- initial-value: 100%;
2004
- }
2005
- @property --tw-drop-shadow-size {
2006
- syntax: "*";
2007
- inherits: false;
2008
- }
2009
1565
  @property --tw-backdrop-blur {
2010
1566
  syntax: "*";
2011
1567
  inherits: false;
@@ -2087,20 +1643,6 @@ body {
2087
1643
  --tw-ring-offset-width: 0px;
2088
1644
  --tw-ring-offset-color: #fff;
2089
1645
  --tw-ring-offset-shadow: 0 0 #0000;
2090
- --tw-outline-style: solid;
2091
- --tw-blur: initial;
2092
- --tw-brightness: initial;
2093
- --tw-contrast: initial;
2094
- --tw-grayscale: initial;
2095
- --tw-hue-rotate: initial;
2096
- --tw-invert: initial;
2097
- --tw-opacity: initial;
2098
- --tw-saturate: initial;
2099
- --tw-sepia: initial;
2100
- --tw-drop-shadow: initial;
2101
- --tw-drop-shadow-color: initial;
2102
- --tw-drop-shadow-alpha: 100%;
2103
- --tw-drop-shadow-size: initial;
2104
1646
  --tw-backdrop-blur: initial;
2105
1647
  --tw-backdrop-brightness: initial;
2106
1648
  --tw-backdrop-contrast: initial;
@@ -5,8 +5,8 @@ import Link from 'next/link';
5
5
  const commonStyling = 'list-none flex no-underline items-center gap-2 whitespace-nowrap cursor-pointer';
6
6
  export default function NavItem({ href, children, external = false, target, rel, title, icon }) {
7
7
  const linkProps = { href, target, rel, title };
8
- return (_jsxs(_Fragment, { children: [_jsx(Link, { ...linkProps, className: 'hidden 800px:block', children: _jsxs("li", { className: `${commonStyling} text-base leading-4 p-3 font-bold transition-colors link-corner-hover
9
- group-[.dropdown]:p-2.5 group-[.dropdown]:pr-3 group-[.dropdown]:pl-1`, children: [icon, children, external && _jsx(ArrowUpRight, { className: 'w-6 h-6 stroke-login' })] }) }), _jsx(Link, { ...linkProps, className: 'block 800px:hidden', children: _jsxs("li", { className: `${commonStyling} text-2xl leading-6 overflow-hidden w-auto pl-4 rounded-[0.3rem] transition-all
8
+ return (_jsxs(_Fragment, { children: [_jsx(Link, { ...linkProps, children: _jsxs("li", { className: `${commonStyling} text-base leading-4 p-3 font-bold transition-colors link-corner-hover
9
+ group-[.dropdown]:p-2.5 group-[.dropdown]:pr-3 group-[.dropdown]:pl-1`, children: [icon, children, external && _jsx(ArrowUpRight, { className: 'w-6 h-6 stroke-login' })] }) }), _jsx(Link, { ...linkProps, children: _jsxs("li", { className: `${commonStyling} text-2xl leading-6 overflow-hidden w-auto pl-4 rounded-[0.3rem] transition-all
10
10
  duration-[600ms] opacity-100 h-16 py-5 group-[.dropdown]:p-0 group-[.dropdown]:text-lg group-[.dropdown]:h-auto
11
11
  group-[.dropdown]:py-2.5 group-[.dropdown]:pl-4`, children: [children, external && _jsx(ArrowUpRight, { className: 'w-6 h-6 stroke-login' })] }) })] }));
12
12
  }