reachat 3.0.0 → 3.1.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.
package/dist/index.css CHANGED
@@ -73,6 +73,7 @@
73
73
  --color-white: #fff;
74
74
  --spacing: 0.25rem;
75
75
  --container-sm: 24rem;
76
+ --container-2xl: 42rem;
76
77
  --text-xs: 0.75rem;
77
78
  --text-xs--line-height: calc(1 / 0.75);
78
79
  --text-sm: 0.875rem;
@@ -91,13 +92,13 @@
91
92
  --text-4xl--line-height: calc(2.5 / 2.25);
92
93
  --text-5xl: 3rem;
93
94
  --text-5xl--line-height: 1;
94
- --font-weight-thin: 100;
95
95
  --font-weight-light: 300;
96
96
  --font-weight-normal: 400;
97
97
  --font-weight-medium: 500;
98
98
  --font-weight-semibold: 600;
99
99
  --font-weight-bold: 700;
100
100
  --font-weight-extrabold: 800;
101
+ --tracking-tight: -0.025em;
101
102
  --radius-xs: 0.125rem;
102
103
  --radius-sm: 0.25rem;
103
104
  --radius-md: 0.375rem;
@@ -339,9 +340,6 @@
339
340
  .top-\[1px\] {
340
341
  top: 1px;
341
342
  }
342
- .top-\[calc\(-1_\*_\(var\(--range-handle-size\)_-_var\(--range-track-size\)\)_\/_2\)\] {
343
- top: calc(-1 * (var(--range-handle-size) - var(--range-track-size)) / 2);
344
- }
345
343
  .right-0 {
346
344
  right: calc(var(--spacing) * 0);
347
345
  }
@@ -384,9 +382,6 @@
384
382
  .left-\[-9999px\] {
385
383
  left: -9999px;
386
384
  }
387
- .left-\[calc\(-1_\*_var\(--range-handle-size\)_\/_2\)\] {
388
- left: calc(-1 * var(--range-handle-size) / 2);
389
- }
390
385
  .z-0 {
391
386
  z-index: 0;
392
387
  }
@@ -441,21 +436,6 @@
441
436
  .m-2 {
442
437
  margin: calc(var(--spacing) * 2);
443
438
  }
444
- .m-\[var\(--page-title-margin\)\] {
445
- margin: var(--page-title-margin);
446
- }
447
- .m-\[var\(--primary-heading-margin\)\] {
448
- margin: var(--primary-heading-margin);
449
- }
450
- .m-\[var\(--secondary-heading-margin\)\] {
451
- margin: var(--secondary-heading-margin);
452
- }
453
- .m-\[var\(--small-heading-margin\)\] {
454
- margin: var(--small-heading-margin);
455
- }
456
- .m-\[var\(--sub-margin\)\] {
457
- margin: var(--sub-margin);
458
- }
459
439
  .m-auto {
460
440
  margin: auto;
461
441
  }
@@ -480,12 +460,6 @@
480
460
  .mx-5 {
481
461
  margin-inline: calc(var(--spacing) * 5);
482
462
  }
483
- .mx-\[var\(--divider-spacing\)\] {
484
- margin-inline: var(--divider-spacing);
485
- }
486
- .mx-\[var\(--spacing-sm\)\] {
487
- margin-inline: var(--spacing-sm);
488
- }
489
463
  .mx-auto {
490
464
  margin-inline: auto;
491
465
  }
@@ -522,9 +496,6 @@
522
496
  .my-14 {
523
497
  margin-block: calc(var(--spacing) * 14);
524
498
  }
525
- .my-\[var\(--divider-spacing\)\] {
526
- margin-block: var(--divider-spacing);
527
- }
528
499
  .my-auto {
529
500
  margin-block: auto;
530
501
  }
@@ -591,12 +562,6 @@
591
562
  .mr-10 {
592
563
  margin-right: calc(var(--spacing) * 10);
593
564
  }
594
- .mr-\[var\(--block-label-spacing\)\] {
595
- margin-right: var(--block-label-spacing);
596
- }
597
- .mr-\[var\(--spacing-sm\)\] {
598
- margin-right: var(--spacing-sm);
599
- }
600
565
  .-mb-px {
601
566
  margin-bottom: -1px;
602
567
  }
@@ -645,21 +610,6 @@
645
610
  .mb-\[200px\] {
646
611
  margin-bottom: 200px;
647
612
  }
648
- .mb-\[var\(--block-label-spacing\)\] {
649
- margin-bottom: var(--block-label-spacing);
650
- }
651
- .mb-\[var\(--block-spacing\)\] {
652
- margin-bottom: var(--block-spacing);
653
- }
654
- .mb-\[var\(--calendar-gap\)\] {
655
- margin-bottom: var(--calendar-gap);
656
- }
657
- .mb-\[var\(--spacing-md\)\] {
658
- margin-bottom: var(--spacing-md);
659
- }
660
- .mb-\[var\(--spacing-sm\)\] {
661
- margin-bottom: var(--spacing-sm);
662
- }
663
613
  .mb-px {
664
614
  margin-bottom: 1px;
665
615
  }
@@ -672,6 +622,9 @@
672
622
  .ml-1 {
673
623
  margin-left: calc(var(--spacing) * 1);
674
624
  }
625
+ .ml-1\.5 {
626
+ margin-left: calc(var(--spacing) * 1.5);
627
+ }
675
628
  .ml-2\.5 {
676
629
  margin-left: calc(var(--spacing) * 2.5);
677
630
  }
@@ -687,15 +640,6 @@
687
640
  .ml-\[15px\] {
688
641
  margin-left: 15px;
689
642
  }
690
- .ml-\[var\(--spacing-lg\)\] {
691
- margin-left: var(--spacing-lg);
692
- }
693
- .ml-\[var\(--spacing-md\)\] {
694
- margin-left: var(--spacing-md);
695
- }
696
- .ml-\[var\(--spacing-sm\)\] {
697
- margin-left: var(--spacing-sm);
698
- }
699
643
  .ml-auto {
700
644
  margin-left: auto;
701
645
  }
@@ -848,60 +792,6 @@
848
792
  .h-\[calc\(100\%-30px\)\] {
849
793
  height: calc(100% - 30px);
850
794
  }
851
- .h-\[calc\(var\(--toggle-handle-size\,25px\)_\/_1\.5\)\] {
852
- height: calc(var(--toggle-handle-size,25px) / 1.5);
853
- }
854
- .h-\[calc\(var\(--toggle-handle-size\,25px\)_\/_2\)\] {
855
- height: calc(var(--toggle-handle-size,25px) / 2);
856
- }
857
- .h-\[calc\(var\(--toggle-height\,35px\)_\/_1\.5\)\] {
858
- height: calc(var(--toggle-height,35px) / 1.5);
859
- }
860
- .h-\[calc\(var\(--toggle-height\,35px\)_\/_2\)\] {
861
- height: calc(var(--toggle-height,35px) / 2);
862
- }
863
- .h-\[var\(--radio-indicator-size\,_6px\)\] {
864
- height: var(--radio-indicator-size, 6px);
865
- }
866
- .h-\[var\(--radio-indicator-size\,_8px\)\] {
867
- height: var(--radio-indicator-size, 8px);
868
- }
869
- .h-\[var\(--radio-indicator-size\,_10px\)\] {
870
- height: var(--radio-indicator-size, 10px);
871
- }
872
- .h-\[var\(--range-handle-size\)\] {
873
- height: var(--range-handle-size);
874
- }
875
- .h-\[var\(--range-track-size\)\] {
876
- height: var(--range-track-size);
877
- }
878
- .h-\[var\(--sort-icon-size\)\] {
879
- height: var(--sort-icon-size);
880
- }
881
- .h-\[var\(--spacing-lg\)\] {
882
- height: var(--spacing-lg);
883
- }
884
- .h-\[var\(--spacing-md\)\] {
885
- height: var(--spacing-md);
886
- }
887
- .h-\[var\(--spacing-sm\)\] {
888
- height: var(--spacing-sm);
889
- }
890
- .h-\[var\(--spacing-xl\)\] {
891
- height: var(--spacing-xl);
892
- }
893
- .h-\[var\(--spacing-xs\)\] {
894
- height: var(--spacing-xs);
895
- }
896
- .h-\[var\(--spacing-xxl\)\] {
897
- height: var(--spacing-xxl);
898
- }
899
- .h-\[var\(--toggle-handle-size\,25px\)\] {
900
- height: var(--toggle-handle-size,25px);
901
- }
902
- .h-\[var\(--toggle-height\,35px\)\] {
903
- height: var(--toggle-height,35px);
904
- }
905
795
  .h-auto {
906
796
  height: auto;
907
797
  }
@@ -1091,39 +981,6 @@
1091
981
  .w-\[500px\] {
1092
982
  width: 500px;
1093
983
  }
1094
- .w-\[calc\(var\(--toggle-handle-size\,25px\)_\/_1\.5\)\] {
1095
- width: calc(var(--toggle-handle-size,25px) / 1.5);
1096
- }
1097
- .w-\[calc\(var\(--toggle-handle-size\,25px\)_\/_2\)\] {
1098
- width: calc(var(--toggle-handle-size,25px) / 2);
1099
- }
1100
- .w-\[calc\(var\(--toggle-width\,55px\)_\/_1\.5\)\] {
1101
- width: calc(var(--toggle-width,55px) / 1.5);
1102
- }
1103
- .w-\[calc\(var\(--toggle-width\,55px\)_\/_2\)\] {
1104
- width: calc(var(--toggle-width,55px) / 2);
1105
- }
1106
- .w-\[var\(--radio-indicator-size\,_6px\)\] {
1107
- width: var(--radio-indicator-size, 6px);
1108
- }
1109
- .w-\[var\(--radio-indicator-size\,_8px\)\] {
1110
- width: var(--radio-indicator-size, 8px);
1111
- }
1112
- .w-\[var\(--radio-indicator-size\,_10px\)\] {
1113
- width: var(--radio-indicator-size, 10px);
1114
- }
1115
- .w-\[var\(--range-handle-size\)\] {
1116
- width: var(--range-handle-size);
1117
- }
1118
- .w-\[var\(--sort-icon-size\)\] {
1119
- width: var(--sort-icon-size);
1120
- }
1121
- .w-\[var\(--toggle-handle-size\,25px\)\] {
1122
- width: var(--toggle-handle-size,25px);
1123
- }
1124
- .w-\[var\(--toggle-width\,55px\)\] {
1125
- width: var(--toggle-width,55px);
1126
- }
1127
984
  .w-auto {
1128
985
  width: auto;
1129
986
  }
@@ -1139,6 +996,9 @@
1139
996
  .w-px {
1140
997
  width: 1px;
1141
998
  }
999
+ .max-w-2xl {
1000
+ max-width: var(--container-2xl);
1001
+ }
1142
1002
  .max-w-10 {
1143
1003
  max-width: calc(var(--spacing) * 10);
1144
1004
  }
@@ -1319,6 +1179,9 @@
1319
1179
  .resize-none {
1320
1180
  resize: none;
1321
1181
  }
1182
+ .scroll-m-20 {
1183
+ scroll-margin: calc(var(--spacing) * 20);
1184
+ }
1322
1185
  .list-decimal {
1323
1186
  list-style-type: decimal;
1324
1187
  }
@@ -1358,9 +1221,6 @@
1358
1221
  .flex-col {
1359
1222
  flex-direction: column;
1360
1223
  }
1361
- .flex-col-reverse {
1362
- flex-direction: column-reverse;
1363
- }
1364
1224
  .flex-row {
1365
1225
  flex-direction: row;
1366
1226
  }
@@ -1445,18 +1305,6 @@
1445
1305
  .gap-12 {
1446
1306
  gap: calc(var(--spacing) * 12);
1447
1307
  }
1448
- .gap-\[var\(--calendar-gap\)\] {
1449
- gap: var(--calendar-gap);
1450
- }
1451
- .gap-\[var\(--spacing-sm\)\] {
1452
- gap: var(--spacing-sm);
1453
- }
1454
- .gap-\[var\(--stack-dense-gap\)\] {
1455
- gap: var(--stack-dense-gap);
1456
- }
1457
- .gap-\[var\(--stack-gap\)\] {
1458
- gap: var(--stack-gap);
1459
- }
1460
1308
  .space-y-0 {
1461
1309
  :where(& > :not(:last-child)) {
1462
1310
  --tw-space-y-reverse: 0;
@@ -1558,57 +1406,6 @@
1558
1406
  .rounded-\[100\%\] {
1559
1407
  border-radius: 100%;
1560
1408
  }
1561
- .rounded-\[var\(--badge-border-radius\)\] {
1562
- border-radius: var(--badge-border-radius);
1563
- }
1564
- .rounded-\[var\(--border-radius-md\)\] {
1565
- border-radius: var(--border-radius-md);
1566
- }
1567
- .rounded-\[var\(--border-radius-sm\)\] {
1568
- border-radius: var(--border-radius-sm);
1569
- }
1570
- .rounded-\[var\(--button-border\)\] {
1571
- border-radius: var(--button-border);
1572
- }
1573
- .rounded-\[var\(--card-border-radius\)\] {
1574
- border-radius: var(--card-border-radius);
1575
- }
1576
- .rounded-\[var\(--chip-border-radius\)\] {
1577
- border-radius: var(--chip-border-radius);
1578
- }
1579
- .rounded-\[var\(--input-border-radius\)\] {
1580
- border-radius: var(--input-border-radius);
1581
- }
1582
- .rounded-\[var\(--list-item-border-radius\)\] {
1583
- border-radius: var(--list-item-border-radius);
1584
- }
1585
- .rounded-\[var\(--popover-border-radius\)\] {
1586
- border-radius: var(--popover-border-radius);
1587
- }
1588
- .rounded-\[var\(--range-handle-border-radius\)\] {
1589
- border-radius: var(--range-handle-border-radius);
1590
- }
1591
- .rounded-\[var\(--range-track-border-radius\)\] {
1592
- border-radius: var(--range-track-border-radius);
1593
- }
1594
- .rounded-\[var\(--select-input-border-radius\)\] {
1595
- border-radius: var(--select-input-border-radius);
1596
- }
1597
- .rounded-\[var\(--select-menu-border-radius\)\] {
1598
- border-radius: var(--select-menu-border-radius);
1599
- }
1600
- .rounded-\[var\(--textarea-border-radius\)\] {
1601
- border-radius: var(--textarea-border-radius);
1602
- }
1603
- .rounded-\[var\(--toggle-border-radius\)\] {
1604
- border-radius: var(--toggle-border-radius);
1605
- }
1606
- .rounded-\[var\(--toggle-handle-border-radius\)\] {
1607
- border-radius: var(--toggle-handle-border-radius);
1608
- }
1609
- .rounded-\[var\(--tooltip-border-radius\)\] {
1610
- border-radius: var(--tooltip-border-radius);
1611
- }
1612
1409
  .rounded-full {
1613
1410
  border-radius: calc(infinity * 1px);
1614
1411
  }
@@ -1681,10 +1478,6 @@
1681
1478
  border-style: var(--tw-border-style);
1682
1479
  border-width: 2px;
1683
1480
  }
1684
- .border-\[length\:var\(--tooltip-border\)\] {
1685
- border-style: var(--tw-border-style);
1686
- border-width: var(--tooltip-border);
1687
- }
1688
1481
  .border-s-0 {
1689
1482
  border-inline-start-style: var(--tw-border-style);
1690
1483
  border-inline-start-width: 0px;
@@ -1705,6 +1498,10 @@
1705
1498
  border-left-style: var(--tw-border-style);
1706
1499
  border-left-width: 1px;
1707
1500
  }
1501
+ .border-l-2 {
1502
+ border-left-style: var(--tw-border-style);
1503
+ border-left-width: 2px;
1504
+ }
1708
1505
  .border-dotted {
1709
1506
  --tw-border-style: dotted;
1710
1507
  border-style: dotted;
@@ -1717,69 +1514,9 @@
1717
1514
  --tw-border-style: solid;
1718
1515
  border-style: solid;
1719
1516
  }
1720
- .border-\[color\:var\(--error-background\)\] {
1721
- border-color: var(--error-background);
1722
- }
1723
- .border-\[color\:var\(--info-background\)\] {
1724
- border-color: var(--info-background);
1725
- }
1726
- .border-\[color\:var\(--primary-background\)\] {
1727
- border-color: var(--primary-background);
1728
- }
1729
- .border-\[color\:var\(--secondary-background\)\] {
1730
- border-color: var(--secondary-background);
1731
- }
1732
- .border-\[color\:var\(--success-background\)\] {
1733
- border-color: var(--success-background);
1734
- }
1735
- .border-\[color\:var\(--warning-background\)\] {
1736
- border-color: var(--warning-background);
1737
- }
1738
1517
  .border-\[none\] {
1739
1518
  border-color: none;
1740
1519
  }
1741
- .border-\[var\(--avatar-border\)\] {
1742
- border-color: var(--avatar-border);
1743
- }
1744
- .border-\[var\(--body-background\)\] {
1745
- border-color: var(--body-background);
1746
- }
1747
- .border-\[var\(--button-background\)\] {
1748
- border-color: var(--button-background);
1749
- }
1750
- .border-\[var\(--chip-background\)\] {
1751
- border-color: var(--chip-background);
1752
- }
1753
- .border-\[var\(--disabled-background\)\] {
1754
- border-color: var(--disabled-background);
1755
- }
1756
- .border-\[var\(--error-background\)\] {
1757
- border-color: var(--error-background);
1758
- }
1759
- .border-\[var\(--notification-border\)\] {
1760
- border-color: var(--notification-border);
1761
- }
1762
- .border-\[var\(--primary-background\)\] {
1763
- border-color: var(--primary-background);
1764
- }
1765
- .border-\[var\(--primary-background-hover\)\] {
1766
- border-color: var(--primary-background-hover);
1767
- }
1768
- .border-\[var\(--radio-stroke-active\)\] {
1769
- border-color: var(--radio-stroke-active);
1770
- }
1771
- .border-\[var\(--secondary-background\)\] {
1772
- border-color: var(--secondary-background);
1773
- }
1774
- .border-\[var\(--select-input-error\)\] {
1775
- border-color: var(--select-input-error);
1776
- }
1777
- .border-\[var\(--success-background\)\] {
1778
- border-color: var(--success-background);
1779
- }
1780
- .border-\[var\(--warning-background\)\] {
1781
- border-color: var(--warning-background);
1782
- }
1783
1520
  .border-blue-500 {
1784
1521
  border-color: var(--color-blue-500);
1785
1522
  }
@@ -1849,135 +1586,6 @@
1849
1586
  .bg-\[\#F2F3F7\] {
1850
1587
  background-color: #F2F3F7;
1851
1588
  }
1852
- .bg-\[color\:var\(--error-background\)\] {
1853
- background-color: var(--error-background);
1854
- }
1855
- .bg-\[color\:var\(--info-background\)\] {
1856
- background-color: var(--info-background);
1857
- }
1858
- .bg-\[color\:var\(--primary-background\)\] {
1859
- background-color: var(--primary-background);
1860
- }
1861
- .bg-\[color\:var\(--secondary-background\)\] {
1862
- background-color: var(--secondary-background);
1863
- }
1864
- .bg-\[color\:var\(--success-background\)\] {
1865
- background-color: var(--success-background);
1866
- }
1867
- .bg-\[color\:var\(--warning-background\)\] {
1868
- background-color: var(--warning-background);
1869
- }
1870
- .bg-\[var\(--badge-color-background-default\)\] {
1871
- background-color: var(--badge-color-background-default);
1872
- }
1873
- .bg-\[var\(--badge-color-background-error\)\] {
1874
- background-color: var(--badge-color-background-error);
1875
- }
1876
- .bg-\[var\(--badge-color-background-primary\)\] {
1877
- background-color: var(--badge-color-background-primary);
1878
- }
1879
- .bg-\[var\(--badge-color-background-secondary\)\] {
1880
- background-color: var(--badge-color-background-secondary);
1881
- }
1882
- .bg-\[var\(--button-background\)\] {
1883
- background-color: var(--button-background);
1884
- }
1885
- .bg-\[var\(--card-background\)\] {
1886
- background-color: var(--card-background);
1887
- }
1888
- .bg-\[var\(--chip-background\)\] {
1889
- background-color: var(--chip-background);
1890
- }
1891
- .bg-\[var\(--color-layer-transparent\)\] {
1892
- background-color: var(--color-layer-transparent);
1893
- }
1894
- .bg-\[var\(--dialog-background\)\] {
1895
- background-color: var(--dialog-background);
1896
- }
1897
- .bg-\[var\(--divider-background\)\] {
1898
- background-color: var(--divider-background);
1899
- }
1900
- .bg-\[var\(--drawer-background\)\] {
1901
- background-color: var(--drawer-background);
1902
- }
1903
- .bg-\[var\(--error-background\)\] {
1904
- background-color: var(--error-background);
1905
- }
1906
- .bg-\[var\(--input-background\)\] {
1907
- background-color: var(--input-background);
1908
- }
1909
- .bg-\[var\(--loader-background\)\] {
1910
- background-color: var(--loader-background);
1911
- }
1912
- .bg-\[var\(--notification-background\)\] {
1913
- background-color: var(--notification-background);
1914
- }
1915
- .bg-\[var\(--popover-background\)\] {
1916
- background-color: var(--popover-background);
1917
- }
1918
- .bg-\[var\(--primary-background\)\] {
1919
- background-color: var(--primary-background);
1920
- }
1921
- .bg-\[var\(--radio-background\)\] {
1922
- background-color: var(--radio-background);
1923
- }
1924
- .bg-\[var\(--radio-indicator-active\)\] {
1925
- background-color: var(--radio-indicator-active);
1926
- }
1927
- .bg-\[var\(--range-handle-background\)\] {
1928
- background-color: var(--range-handle-background);
1929
- }
1930
- .bg-\[var\(--range-track-active-background\)\] {
1931
- background-color: var(--range-track-active-background);
1932
- }
1933
- .bg-\[var\(--range-track-background\)\] {
1934
- background-color: var(--range-track-background);
1935
- }
1936
- .bg-\[var\(--secondary-background\)\] {
1937
- background-color: var(--secondary-background);
1938
- }
1939
- .bg-\[var\(--select-chip-background\)\] {
1940
- background-color: var(--select-chip-background);
1941
- }
1942
- .bg-\[var\(--select-input-background\)\] {
1943
- background-color: var(--select-input-background);
1944
- }
1945
- .bg-\[var\(--select-menu-background\)\] {
1946
- background-color: var(--select-menu-background);
1947
- }
1948
- .bg-\[var\(--select-menu-item-selected-background\)\] {
1949
- background-color: var(--select-menu-item-selected-background);
1950
- }
1951
- .bg-\[var\(--skeleton-background\)\] {
1952
- background-color: var(--skeleton-background);
1953
- }
1954
- .bg-\[var\(--skeleton-gradient\)\] {
1955
- background-color: var(--skeleton-gradient);
1956
- }
1957
- .bg-\[var\(--success-background\)\] {
1958
- background-color: var(--success-background);
1959
- }
1960
- .bg-\[var\(--textarea-background\)\] {
1961
- background-color: var(--textarea-background);
1962
- }
1963
- .bg-\[var\(--toggle-background\)\] {
1964
- background-color: var(--toggle-background);
1965
- }
1966
- .bg-\[var\(--toggle-background-checked\)\] {
1967
- background-color: var(--toggle-background-checked);
1968
- }
1969
- .bg-\[var\(--toggle-disabled-background\)\] {
1970
- background-color: var(--toggle-disabled-background);
1971
- }
1972
- .bg-\[var\(--toggle-handle-background\)\] {
1973
- background-color: var(--toggle-handle-background);
1974
- }
1975
- .bg-\[var\(--tooltip-background\)\] {
1976
- background-color: var(--tooltip-background);
1977
- }
1978
- .bg-\[var\(--warning-background\)\] {
1979
- background-color: var(--warning-background);
1980
- }
1981
1589
  .bg-black {
1982
1590
  background-color: var(--color-black);
1983
1591
  }
@@ -2181,12 +1789,6 @@
2181
1789
  .bg-center {
2182
1790
  background-position: center;
2183
1791
  }
2184
- .fill-\[var\(--sort-icon-color\)\] {
2185
- fill: var(--sort-icon-color);
2186
- }
2187
- .fill-\[var\(--white\)\] {
2188
- fill: var(--white);
2189
- }
2190
1792
  .fill-blue-500 {
2191
1793
  fill: var(--color-blue-500);
2192
1794
  }
@@ -2196,9 +1798,6 @@
2196
1798
  .fill-transparent {
2197
1799
  fill: transparent;
2198
1800
  }
2199
- .stroke-\[var\(--checkbox-check-stroke\)\] {
2200
- stroke: var(--checkbox-check-stroke);
2201
- }
2202
1801
  .stroke-black {
2203
1802
  stroke: var(--color-black);
2204
1803
  }
@@ -2217,27 +1816,6 @@
2217
1816
  .object-cover {
2218
1817
  object-fit: cover;
2219
1818
  }
2220
- .\[padding\:_var\(--card-spacing\)\] {
2221
- padding: var(--card-spacing);
2222
- }
2223
- .\[padding\:_var\(--input-spacing-md\)\] {
2224
- padding: var(--input-spacing-md);
2225
- }
2226
- .\[padding\:_var\(--input-spacing-sm\)\] {
2227
- padding: var(--input-spacing-sm);
2228
- }
2229
- .\[padding\:_var\(--list-item-dense-spacing\)\] {
2230
- padding: var(--list-item-dense-spacing);
2231
- }
2232
- .\[padding\:_var\(--select-menu-item-spacing\)\] {
2233
- padding: var(--select-menu-item-spacing);
2234
- }
2235
- .\[padding\:_var\(--spacing-md\)\] {
2236
- padding: var(--spacing-md);
2237
- }
2238
- .\[padding\:_var\(--textarea-spacing-sm\)\] {
2239
- padding: var(--textarea-spacing-sm);
2240
- }
2241
1819
  .p-0 {
2242
1820
  padding: calc(var(--spacing) * 0);
2243
1821
  }
@@ -2301,27 +1879,6 @@
2301
1879
  .p-\[50px\] {
2302
1880
  padding: 50px;
2303
1881
  }
2304
- .p-\[var\(--button-spacing-lg\)\] {
2305
- padding: var(--button-spacing-lg);
2306
- }
2307
- .p-\[var\(--button-spacing-md\)\] {
2308
- padding: var(--button-spacing-md);
2309
- }
2310
- .p-\[var\(--button-spacing-sm\)\] {
2311
- padding: var(--button-spacing-sm);
2312
- }
2313
- .p-\[var\(--list-item-spacing\)\] {
2314
- padding: var(--list-item-spacing);
2315
- }
2316
- .p-\[var\(--select-input-spacing\)\] {
2317
- padding: var(--select-input-spacing);
2318
- }
2319
- .p-\[var\(--spacing-md\)\] {
2320
- padding: var(--spacing-md);
2321
- }
2322
- .p-\[var\(--spacing-xs\)\] {
2323
- padding: var(--spacing-xs);
2324
- }
2325
1882
  .p-px {
2326
1883
  padding: 1px;
2327
1884
  }
@@ -2379,12 +1936,6 @@
2379
1936
  .px-\[20px\] {
2380
1937
  padding-inline: 20px;
2381
1938
  }
2382
- .px-\[var\(--spacing-md\)\] {
2383
- padding-inline: var(--spacing-md);
2384
- }
2385
- .px-\[var\(--spacing-sm\)\] {
2386
- padding-inline: var(--spacing-sm);
2387
- }
2388
1939
  .py-0 {
2389
1940
  padding-block: calc(var(--spacing) * 0);
2390
1941
  }
@@ -2427,9 +1978,6 @@
2427
1978
  .py-16 {
2428
1979
  padding-block: calc(var(--spacing) * 16);
2429
1980
  }
2430
- .py-\[var\(--spacing-xs\)\] {
2431
- padding-block: var(--spacing-xs);
2432
- }
2433
1981
  .pt-0 {
2434
1982
  padding-top: calc(var(--spacing) * 0);
2435
1983
  }
@@ -2451,30 +1999,9 @@
2451
1999
  .pt-\[20px\] {
2452
2000
  padding-top: 20px;
2453
2001
  }
2454
- .pt-\[var\(--popover-spacing\)\] {
2455
- padding-top: var(--popover-spacing);
2456
- }
2457
- .pt-\[var\(--spacing-md\)\] {
2458
- padding-top: var(--spacing-md);
2459
- }
2460
- .pt-\[var\(--toggle-spacing\)\] {
2461
- padding-top: var(--toggle-spacing);
2462
- }
2463
- .pt-\[var\(--tooltip-spacing\)\] {
2464
- padding-top: var(--tooltip-spacing);
2465
- }
2466
2002
  .\!pr-0 {
2467
2003
  padding-right: calc(var(--spacing) * 0) !important;
2468
2004
  }
2469
- .\[padding-right\:_calc\(var\(--list-item-spacing\)_\/_2\)\] {
2470
- padding-right: calc(var(--list-item-spacing) / 2);
2471
- }
2472
- .\[padding-right\:_calc\(var\(--spacing-md\)_\/_2\)\] {
2473
- padding-right: calc(var(--spacing-md) / 2);
2474
- }
2475
- .\[padding-right\:_calc\(var\(--spacing-sm\)_\/_2\)\] {
2476
- padding-right: calc(var(--spacing-sm) / 2);
2477
- }
2478
2005
  .pr-0 {
2479
2006
  padding-right: calc(var(--spacing) * 0);
2480
2007
  }
@@ -2493,21 +2020,6 @@
2493
2020
  .pr-\[calc\(5\/2\)\] {
2494
2021
  padding-right: calc(5 / 2);
2495
2022
  }
2496
- .pr-\[var\(--popover-spacing\)\] {
2497
- padding-right: var(--popover-spacing);
2498
- }
2499
- .pr-\[var\(--spacing-md\)\] {
2500
- padding-right: var(--spacing-md);
2501
- }
2502
- .pr-\[var\(--spacing-xs\)\] {
2503
- padding-right: var(--spacing-xs);
2504
- }
2505
- .pr-\[var\(--toggle-spacing\)\] {
2506
- padding-right: var(--toggle-spacing);
2507
- }
2508
- .pr-\[var\(--tooltip-spacing\)\] {
2509
- padding-right: var(--tooltip-spacing);
2510
- }
2511
2023
  .pb-0 {
2512
2024
  padding-bottom: calc(var(--spacing) * 0);
2513
2025
  }
@@ -2538,27 +2050,9 @@
2538
2050
  .pb-\[50px\] {
2539
2051
  padding-bottom: 50px;
2540
2052
  }
2541
- .pb-\[var\(--popover-spacing\)\] {
2542
- padding-bottom: var(--popover-spacing);
2543
- }
2544
- .pb-\[var\(--toggle-spacing\)\] {
2545
- padding-bottom: var(--toggle-spacing);
2546
- }
2547
- .pb-\[var\(--tooltip-spacing\)\] {
2548
- padding-bottom: var(--tooltip-spacing);
2549
- }
2550
2053
  .\!pl-0 {
2551
2054
  padding-left: calc(var(--spacing) * 0) !important;
2552
2055
  }
2553
- .\[padding-left\:_calc\(var\(--list-item-spacing\)_\/_2\)\] {
2554
- padding-left: calc(var(--list-item-spacing) / 2);
2555
- }
2556
- .\[padding-left\:_calc\(var\(--spacing-md\)_\/_2\)\] {
2557
- padding-left: calc(var(--spacing-md) / 2);
2558
- }
2559
- .\[padding-left\:_calc\(var\(--spacing-sm\)_\/_2\)\] {
2560
- padding-left: calc(var(--spacing-sm) / 2);
2561
- }
2562
2056
  .pl-0 {
2563
2057
  padding-left: calc(var(--spacing) * 0);
2564
2058
  }
@@ -2574,24 +2068,12 @@
2574
2068
  .pl-4 {
2575
2069
  padding-left: calc(var(--spacing) * 4);
2576
2070
  }
2071
+ .pl-6 {
2072
+ padding-left: calc(var(--spacing) * 6);
2073
+ }
2577
2074
  .pl-\[calc\(5\/2\)\] {
2578
2075
  padding-left: calc(5 / 2);
2579
2076
  }
2580
- .pl-\[var\(--popover-spacing\)\] {
2581
- padding-left: var(--popover-spacing);
2582
- }
2583
- .pl-\[var\(--spacing-md\)\] {
2584
- padding-left: var(--spacing-md);
2585
- }
2586
- .pl-\[var\(--spacing-xs\)\] {
2587
- padding-left: var(--spacing-xs);
2588
- }
2589
- .pl-\[var\(--toggle-spacing\)\] {
2590
- padding-left: var(--toggle-spacing);
2591
- }
2592
- .pl-\[var\(--tooltip-spacing\)\] {
2593
- padding-left: var(--tooltip-spacing);
2594
- }
2595
2077
  .text-center {
2596
2078
  text-align: center;
2597
2079
  }
@@ -2604,18 +2086,6 @@
2604
2086
  .align-middle {
2605
2087
  vertical-align: middle;
2606
2088
  }
2607
- .\[font-family\:_var\(--button-font-family\)\] {
2608
- font-family: var(--button-font-family);
2609
- }
2610
- .\[font-family\:_var\(--chip-font-family\)\] {
2611
- font-family: var(--chip-font-family);
2612
- }
2613
- .\[font-family\:_var\(--font-family\)\] {
2614
- font-family: var(--font-family);
2615
- }
2616
- .\[font-family\:_var\(--mono-font-family\)\] {
2617
- font-family: var(--mono-font-family);
2618
- }
2619
2089
  .font-mono {
2620
2090
  font-family: var(--font-mono);
2621
2091
  }
@@ -2666,33 +2136,6 @@
2666
2136
  font-size: var(--text-xs);
2667
2137
  line-height: var(--tw-leading, var(--text-xs--line-height));
2668
2138
  }
2669
- .\[font-size\:_var\(--block-label-size\)\] {
2670
- font-size: var(--block-label-size);
2671
- }
2672
- .\[font-size\:_var\(--font-size-lg\)\] {
2673
- font-size: var(--font-size-lg);
2674
- }
2675
- .\[font-size\:_var\(--font-size-md\)\] {
2676
- font-size: var(--font-size-md);
2677
- }
2678
- .\[font-size\:_var\(--font-size-sm\)\] {
2679
- font-size: var(--font-size-sm);
2680
- }
2681
- .\[font-size\:_var\(--page-title-font-size\)\] {
2682
- font-size: var(--page-title-font-size);
2683
- }
2684
- .\[font-size\:_var\(--primary-heading-font-size\)\] {
2685
- font-size: var(--primary-heading-font-size);
2686
- }
2687
- .\[font-size\:_var\(--secondary-heading-font-size\)\] {
2688
- font-size: var(--secondary-heading-font-size);
2689
- }
2690
- .\[font-size\:_var\(--small-heading-font-size\)\] {
2691
- font-size: var(--small-heading-font-size);
2692
- }
2693
- .\[font-size\:_var\(--sub-font-size\)\] {
2694
- font-size: var(--sub-font-size);
2695
- }
2696
2139
  .text-\[10px\] {
2697
2140
  font-size: 10px;
2698
2141
  }
@@ -2705,9 +2148,6 @@
2705
2148
  .text-\[32px\] {
2706
2149
  font-size: 32px;
2707
2150
  }
2708
- .text-\[40px\] {
2709
- font-size: 40px;
2710
- }
2711
2151
  .text-\[400px\] {
2712
2152
  font-size: 400px;
2713
2153
  }
@@ -2723,6 +2163,10 @@
2723
2163
  --tw-leading: calc(var(--spacing) * 4);
2724
2164
  line-height: calc(var(--spacing) * 4);
2725
2165
  }
2166
+ .leading-7 {
2167
+ --tw-leading: calc(var(--spacing) * 7);
2168
+ line-height: calc(var(--spacing) * 7);
2169
+ }
2726
2170
  .leading-\[1\.2\] {
2727
2171
  --tw-leading: 1.2;
2728
2172
  line-height: 1.2;
@@ -2779,39 +2223,12 @@
2779
2223
  --tw-font-weight: var(--font-weight-semibold);
2780
2224
  font-weight: var(--font-weight-semibold);
2781
2225
  }
2782
- .font-thin {
2783
- --tw-font-weight: var(--font-weight-thin);
2784
- font-weight: var(--font-weight-thin);
2785
- }
2786
- .\[font-weight\:_var\(--block-label-weight\)\] {
2787
- font-weight: var(--block-label-weight);
2226
+ .tracking-tight {
2227
+ --tw-tracking: var(--tracking-tight);
2228
+ letter-spacing: var(--tracking-tight);
2788
2229
  }
2789
- .\[font-weight\:_var\(--button-font-weight\)\] {
2790
- font-weight: var(--button-font-weight);
2791
- }
2792
- .\[font-weight\:_var\(--font-weight-bold\)\] {
2793
- font-weight: var(--font-weight-bold);
2794
- }
2795
- .\[font-weight\:_var\(--font-weight-extraBold\)\] {
2796
- font-weight: var(--font-weight-extraBold);
2797
- }
2798
- .\[font-weight\:_var\(--font-weight-thin\)\] {
2799
- font-weight: var(--font-weight-thin);
2800
- }
2801
- .\[font-weight\:_var\(--page-title-font-weight\)\] {
2802
- font-weight: var(--page-title-font-weight);
2803
- }
2804
- .\[font-weight\:_var\(--primary-heading-font-weight\)\] {
2805
- font-weight: var(--primary-heading-font-weight);
2806
- }
2807
- .\[font-weight\:_var\(--secondary-heading-font-weight\)\] {
2808
- font-weight: var(--secondary-heading-font-weight);
2809
- }
2810
- .\[font-weight\:_var\(--small-heading-font-weight\)\] {
2811
- font-weight: var(--small-heading-font-weight);
2812
- }
2813
- .\[font-weight\:_var\(--sub-font-weight\)\] {
2814
- font-weight: var(--sub-font-weight);
2230
+ .text-balance {
2231
+ text-wrap: balance;
2815
2232
  }
2816
2233
  .break-words {
2817
2234
  overflow-wrap: break-word;
@@ -2831,150 +2248,9 @@
2831
2248
  .\!text-gray-500 {
2832
2249
  color: var(--color-gray-500) !important;
2833
2250
  }
2834
- .text-\(--input-color\)\! {
2835
- color: var(--input-color) !important;
2836
- }
2837
- .text-\[color\:var\(--popover-color\)\] {
2838
- color: var(--popover-color);
2839
- }
2840
- .text-\[color\:var\(--tooltip-color\)\] {
2841
- color: var(--tooltip-color);
2842
- }
2843
2251
  .text-\[unset\] {
2844
2252
  color: unset;
2845
2253
  }
2846
- .text-\[var\(--avatar-initials-color\)\] {
2847
- color: var(--avatar-initials-color);
2848
- }
2849
- .text-\[var\(--badge-color-default\)\] {
2850
- color: var(--badge-color-default);
2851
- }
2852
- .text-\[var\(--badge-color-error\)\] {
2853
- color: var(--badge-color-error);
2854
- }
2855
- .text-\[var\(--badge-color-primary\)\] {
2856
- color: var(--badge-color-primary);
2857
- }
2858
- .text-\[var\(--badge-color-secondary\)\] {
2859
- color: var(--badge-color-secondary);
2860
- }
2861
- .text-\[var\(--button-color\)\] {
2862
- color: var(--button-color);
2863
- }
2864
- .text-\[var\(--button-color-on-background\)\] {
2865
- color: var(--button-color-on-background);
2866
- }
2867
- .text-\[var\(--card-color\)\] {
2868
- color: var(--card-color);
2869
- }
2870
- .text-\[var\(--checkbox-label-color\)\] {
2871
- color: var(--checkbox-label-color);
2872
- }
2873
- .text-\[var\(--chip-color\)\] {
2874
- color: var(--chip-color);
2875
- }
2876
- .text-\[var\(--color-on-notification\)\] {
2877
- color: var(--color-on-notification);
2878
- }
2879
- .text-\[var\(--color-primary\)\] {
2880
- color: var(--color-primary);
2881
- }
2882
- .text-\[var\(--dialog-color\)\] {
2883
- color: var(--dialog-color);
2884
- }
2885
- .text-\[var\(--disabled-color\)\] {
2886
- color: var(--disabled-color);
2887
- }
2888
- .text-\[var\(--drawer-color\)\] {
2889
- color: var(--drawer-color);
2890
- }
2891
- .text-\[var\(--error-color\)\] {
2892
- color: var(--error-color);
2893
- }
2894
- .text-\[var\(--font-size-sm\)\] {
2895
- color: var(--font-size-sm);
2896
- }
2897
- .text-\[var\(--gray-100\)\] {
2898
- color: var(--gray-100);
2899
- }
2900
- .text-\[var\(--info-color\)\] {
2901
- color: var(--info-color);
2902
- }
2903
- .text-\[var\(--input-color\)\] {
2904
- color: var(--input-color);
2905
- }
2906
- .text-\[var\(--list-item-color\)\] {
2907
- color: var(--list-item-color);
2908
- }
2909
- .text-\[var\(--notification-color\)\] {
2910
- color: var(--notification-color);
2911
- }
2912
- .text-\[var\(--notification-color-error\)\] {
2913
- color: var(--notification-color-error);
2914
- }
2915
- .text-\[var\(--notification-color-success\)\] {
2916
- color: var(--notification-color-success);
2917
- }
2918
- .text-\[var\(--notification-color-warning\)\] {
2919
- color: var(--notification-color-warning);
2920
- }
2921
- .text-\[var\(--primary-color\)\] {
2922
- color: var(--primary-color);
2923
- }
2924
- .text-\[var\(--primary-color-hover\)\] {
2925
- color: var(--primary-color-hover);
2926
- }
2927
- .text-\[var\(--primary-heading-color\)\] {
2928
- color: var(--primary-heading-color);
2929
- }
2930
- .text-\[var\(--radio-label-color\)\] {
2931
- color: var(--radio-label-color);
2932
- }
2933
- .text-\[var\(--secondary-color\)\] {
2934
- color: var(--secondary-color);
2935
- }
2936
- .text-\[var\(--secondary-heading-color\)\] {
2937
- color: var(--secondary-heading-color);
2938
- }
2939
- .text-\[var\(--select-chip-color\)\] {
2940
- color: var(--select-chip-color);
2941
- }
2942
- .text-\[var\(--select-input-color\)\] {
2943
- color: var(--select-input-color);
2944
- }
2945
- .text-\[var\(--select-input-disabled-color\)\] {
2946
- color: var(--select-input-disabled-color);
2947
- }
2948
- .text-\[var\(--select-input-placeholder-color\)\] {
2949
- color: var(--select-input-placeholder-color);
2950
- }
2951
- .text-\[var\(--select-menu-item-active-color\)\] {
2952
- color: var(--select-menu-item-active-color);
2953
- }
2954
- .text-\[var\(--select-menu-item-color\)\] {
2955
- color: var(--select-menu-item-color);
2956
- }
2957
- .text-\[var\(--select-menu-item-selected-color\)\] {
2958
- color: var(--select-menu-item-selected-color);
2959
- }
2960
- .text-\[var\(--small-heading-color\)\] {
2961
- color: var(--small-heading-color);
2962
- }
2963
- .text-\[var\(--sub-color\)\] {
2964
- color: var(--sub-color);
2965
- }
2966
- .text-\[var\(--success-color\)\] {
2967
- color: var(--success-color);
2968
- }
2969
- .text-\[var\(--textarea-color\)\] {
2970
- color: var(--textarea-color);
2971
- }
2972
- .text-\[var\(--tooltip-color\)\] {
2973
- color: var(--tooltip-color);
2974
- }
2975
- .text-\[var\(--warning-color\)\] {
2976
- color: var(--warning-color);
2977
- }
2978
2254
  .text-black {
2979
2255
  color: var(--color-black);
2980
2256
  }
@@ -2990,12 +2266,6 @@
2990
2266
  .text-gray-100 {
2991
2267
  color: var(--color-gray-100);
2992
2268
  }
2993
- .text-gray-100\/60 {
2994
- color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 60%, transparent);
2995
- @supports (color: color-mix(in lab, red, red)) {
2996
- color: color-mix(in oklab, var(--color-gray-100) 60%, transparent);
2997
- }
2998
- }
2999
2269
  .text-gray-300 {
3000
2270
  color: var(--color-gray-300);
3001
2271
  }
@@ -3059,16 +2329,6 @@
3059
2329
  .underline {
3060
2330
  text-decoration-line: underline;
3061
2331
  }
3062
- .placeholder-\[var\(--input-color-placeholder\)\] {
3063
- &::placeholder {
3064
- color: var(--input-color-placeholder);
3065
- }
3066
- }
3067
- .placeholder-\[var\(--textarea-color-placeholder\)\] {
3068
- &::placeholder {
3069
- color: var(--textarea-color-placeholder);
3070
- }
3071
- }
3072
2332
  .caret-transparent {
3073
2333
  caret-color: transparent;
3074
2334
  }
@@ -3102,9 +2362,6 @@
3102
2362
  .opacity-100 {
3103
2363
  opacity: 100%;
3104
2364
  }
3105
- .opacity-\[var\(--toggle-disabled-opacity\,0\.8\)\] {
3106
- opacity: var(--toggle-disabled-opacity,0.8);
3107
- }
3108
2365
  .mix-blend-luminosity {
3109
2366
  mix-blend-mode: luminosity;
3110
2367
  }
@@ -3234,64 +2491,31 @@
3234
2491
  -webkit-user-select: none;
3235
2492
  user-select: none;
3236
2493
  }
3237
- .\[border\:_var\(--avatar-border\)\] {
3238
- border: var(--avatar-border);
3239
- }
3240
- .\[border\:_var\(--button-border\)\] {
3241
- border: var(--button-border);
3242
- }
3243
- .\[border\:_var\(--card-border\)\] {
3244
- border: var(--card-border);
3245
- }
3246
- .\[border\:_var\(--input-border\)\] {
3247
- border: var(--input-border);
3248
- }
3249
- .\[border\:_var\(--radio-stroke-size\)_solid_var\(--radio-stroke\)\] {
3250
- border: var(--radio-stroke-size) solid var(--radio-stroke);
3251
- }
3252
- .\[border\:_var\(--select-chip-border\)\] {
3253
- border: var(--select-chip-border);
3254
- }
3255
- .\[border\:_var\(--select-input-border\)\] {
3256
- border: var(--select-input-border);
3257
- }
3258
- .\[border\:_var\(--select-menu-border\)\] {
3259
- border: var(--select-menu-border);
3260
- }
3261
- .\[border\:_var\(--textarea-border\)\] {
3262
- border: var(--textarea-border);
3263
- }
3264
- .\[border\:_var\(--toggle-border\)\] {
3265
- border: var(--toggle-border);
3266
- }
3267
- .\[border\:_var\(--toggle-border-checked\)\] {
3268
- border: var(--toggle-border-checked);
3269
- }
3270
- .group-hover\:fill-blue-400 {
2494
+ .group-hover\:opacity-50\! {
3271
2495
  &:is(:where(.group):hover *) {
3272
2496
  @media (hover: hover) {
3273
- fill: var(--color-blue-400);
2497
+ opacity: 50% !important;
3274
2498
  }
3275
2499
  }
3276
2500
  }
3277
- .group-hover\:stroke-black {
3278
- &:is(:where(.group):hover *) {
2501
+ .group-hover\/checkbox\:fill-blue-400 {
2502
+ &:is(:where(.group\/checkbox):hover *) {
3279
2503
  @media (hover: hover) {
3280
- stroke: var(--color-black);
2504
+ fill: var(--color-blue-400);
3281
2505
  }
3282
2506
  }
3283
2507
  }
3284
- .group-hover\:text-gray-100 {
3285
- &:is(:where(.group):hover *) {
2508
+ .group-hover\/checkbox\:stroke-black {
2509
+ &:is(:where(.group\/checkbox):hover *) {
3286
2510
  @media (hover: hover) {
3287
- color: var(--color-gray-100);
2511
+ stroke: var(--color-black);
3288
2512
  }
3289
2513
  }
3290
2514
  }
3291
- .group-hover\:opacity-50\! {
3292
- &:is(:where(.group):hover *) {
2515
+ .group-hover\/checkbox\:text-gray-100 {
2516
+ &:is(:where(.group\/checkbox):hover *) {
3293
2517
  @media (hover: hover) {
3294
- opacity: 50% !important;
2518
+ color: var(--color-gray-100);
3295
2519
  }
3296
2520
  }
3297
2521
  }
@@ -3302,11 +2526,6 @@
3302
2526
  }
3303
2527
  }
3304
2528
  }
3305
- .placeholder\:text-\[var\(--input-color-placeholder\)\] {
3306
- &::placeholder {
3307
- color: var(--input-color-placeholder);
3308
- }
3309
- }
3310
2529
  .before\:font-normal {
3311
2530
  &::before {
3312
2531
  content: var(--tw-content);
@@ -3398,6 +2617,11 @@
3398
2617
  content: var(--tw-content);
3399
2618
  }
3400
2619
  }
2620
+ .first\:mt-0 {
2621
+ &:first-child {
2622
+ margin-top: calc(var(--spacing) * 0);
2623
+ }
2624
+ }
3401
2625
  .first\:rounded-s {
3402
2626
  &:first-child {
3403
2627
  border-start-start-radius: 0.25rem;
@@ -3446,11 +2670,6 @@
3446
2670
  cursor: not-allowed;
3447
2671
  }
3448
2672
  }
3449
- .focus-within\:border-\[var\(--input-border-focus\)\] {
3450
- &:focus-within {
3451
- border-color: var(--input-border-focus);
3452
- }
3453
- }
3454
2673
  .focus-within\:outline-hidden {
3455
2674
  &:focus-within {
3456
2675
  --tw-outline-style: none;
@@ -3565,41 +2784,6 @@
3565
2784
  }
3566
2785
  }
3567
2786
  }
3568
- .hover\:border-\[var\(--button-background-hover\)\] {
3569
- &:hover {
3570
- @media (hover: hover) {
3571
- border-color: var(--button-background-hover);
3572
- }
3573
- }
3574
- }
3575
- .hover\:border-\[var\(--error-background-hover\)\] {
3576
- &:hover {
3577
- @media (hover: hover) {
3578
- border-color: var(--error-background-hover);
3579
- }
3580
- }
3581
- }
3582
- .hover\:border-\[var\(--secondary-background-hover\)\] {
3583
- &:hover {
3584
- @media (hover: hover) {
3585
- border-color: var(--secondary-background-hover);
3586
- }
3587
- }
3588
- }
3589
- .hover\:border-\[var\(--success-background-hover\)\] {
3590
- &:hover {
3591
- @media (hover: hover) {
3592
- border-color: var(--success-background-hover);
3593
- }
3594
- }
3595
- }
3596
- .hover\:border-\[var\(--warning-background-hover\)\] {
3597
- &:hover {
3598
- @media (hover: hover) {
3599
- border-color: var(--warning-background-hover);
3600
- }
3601
- }
3602
- }
3603
2787
  .hover\:border-blue-500 {
3604
2788
  &:hover {
3605
2789
  @media (hover: hover) {
@@ -3621,69 +2805,6 @@
3621
2805
  }
3622
2806
  }
3623
2807
  }
3624
- .hover\:bg-\[var\(--button-background-hover\)\] {
3625
- &:hover {
3626
- @media (hover: hover) {
3627
- background-color: var(--button-background-hover);
3628
- }
3629
- }
3630
- }
3631
- .hover\:bg-\[var\(--error-background-hover\)\] {
3632
- &:hover {
3633
- @media (hover: hover) {
3634
- background-color: var(--error-background-hover);
3635
- }
3636
- }
3637
- }
3638
- .hover\:bg-\[var\(--list-item-background-active\)\] {
3639
- &:hover {
3640
- @media (hover: hover) {
3641
- background-color: var(--list-item-background-active);
3642
- }
3643
- }
3644
- }
3645
- .hover\:bg-\[var\(--primary-background\)\] {
3646
- &:hover {
3647
- @media (hover: hover) {
3648
- background-color: var(--primary-background);
3649
- }
3650
- }
3651
- }
3652
- .hover\:bg-\[var\(--primary-background-hover\)\] {
3653
- &:hover {
3654
- @media (hover: hover) {
3655
- background-color: var(--primary-background-hover);
3656
- }
3657
- }
3658
- }
3659
- .hover\:bg-\[var\(--secondary-background-hover\)\] {
3660
- &:hover {
3661
- @media (hover: hover) {
3662
- background-color: var(--secondary-background-hover);
3663
- }
3664
- }
3665
- }
3666
- .hover\:bg-\[var\(--select-menu-item-active-background\)\] {
3667
- &:hover {
3668
- @media (hover: hover) {
3669
- background-color: var(--select-menu-item-active-background);
3670
- }
3671
- }
3672
- }
3673
- .hover\:bg-\[var\(--success-background-hover\)\] {
3674
- &:hover {
3675
- @media (hover: hover) {
3676
- background-color: var(--success-background-hover);
3677
- }
3678
- }
3679
- }
3680
- .hover\:bg-\[var\(--warning-background-hover\)\] {
3681
- &:hover {
3682
- @media (hover: hover) {
3683
- background-color: var(--warning-background-hover);
3684
- }
3685
- }
3686
- }
3687
2808
  .hover\:bg-blue-100 {
3688
2809
  &:hover {
3689
2810
  @media (hover: hover) {
@@ -3773,62 +2894,6 @@
3773
2894
  }
3774
2895
  }
3775
2896
  }
3776
- .hover\:text-\[var\(--button-color-hover\)\] {
3777
- &:hover {
3778
- @media (hover: hover) {
3779
- color: var(--button-color-hover);
3780
- }
3781
- }
3782
- }
3783
- .hover\:text-\[var\(--list-item-color-active\)\] {
3784
- &:hover {
3785
- @media (hover: hover) {
3786
- color: var(--list-item-color-active);
3787
- }
3788
- }
3789
- }
3790
- .hover\:text-\[var\(--primary-color-hover\)\] {
3791
- &:hover {
3792
- @media (hover: hover) {
3793
- color: var(--primary-color-hover);
3794
- }
3795
- }
3796
- }
3797
- .hover\:text-\[var\(--secondary-color-hover\)\] {
3798
- &:hover {
3799
- @media (hover: hover) {
3800
- color: var(--secondary-color-hover);
3801
- }
3802
- }
3803
- }
3804
- .hover\:text-\[var\(--select-menu-item-active-color\)\] {
3805
- &:hover {
3806
- @media (hover: hover) {
3807
- color: var(--select-menu-item-active-color);
3808
- }
3809
- }
3810
- }
3811
- .hover\:text-\[var\(--success-color-hover\)\] {
3812
- &:hover {
3813
- @media (hover: hover) {
3814
- color: var(--success-color-hover);
3815
- }
3816
- }
3817
- }
3818
- .hover\:text-\[var\(--warning-color-hover\)\] {
3819
- &:hover {
3820
- @media (hover: hover) {
3821
- color: var(--warning-color-hover);
3822
- }
3823
- }
3824
- }
3825
- .hover\:text-\[var\(--warning-error-hover\)\] {
3826
- &:hover {
3827
- @media (hover: hover) {
3828
- color: var(--warning-error-hover);
3829
- }
3830
- }
3831
- }
3832
2897
  .hover\:text-black {
3833
2898
  &:hover {
3834
2899
  @media (hover: hover) {
@@ -3998,11 +3063,6 @@
3998
3063
  }
3999
3064
  }
4000
3065
  }
4001
- .focus\:border-\[var\(--textarea-border-focus\)\] {
4002
- &:focus {
4003
- border-color: var(--textarea-border-focus);
4004
- }
4005
- }
4006
3066
  .focus\:bg-\(image\:--button-gradient-focus\) {
4007
3067
  &:focus {
4008
3068
  background-image: var(--button-gradient-focus);
@@ -4055,11 +3115,6 @@
4055
3115
  cursor: not-allowed;
4056
3116
  }
4057
3117
  }
4058
- .disabled\:text-\[var\(--button-disabled-color-on-background\)\] {
4059
- &:disabled {
4060
- color: var(--button-disabled-color-on-background);
4061
- }
4062
- }
4063
3118
  .disabled\:text-gray-400 {
4064
3119
  &:disabled {
4065
3120
  color: var(--color-gray-400);
@@ -4079,13 +3134,6 @@
4079
3134
  padding-inline: calc(var(--spacing) * 4);
4080
3135
  }
4081
3136
  }
4082
- .data-\[variant\=filled\]\:disabled\:bg-\[var\(--disabled-background\)\] {
4083
- &[data-variant="filled"] {
4084
- &:disabled {
4085
- background-color: var(--disabled-background);
4086
- }
4087
- }
4088
- }
4089
3137
  .data-\[variant\=filled\]\:disabled\:bg-gray-600 {
4090
3138
  &[data-variant="filled"] {
4091
3139
  &:disabled {
@@ -4521,36 +3569,36 @@
4521
3569
  border-image: linear-gradient(to top right,#2F6AFF,#0B0B11) 10;
4522
3570
  }
4523
3571
  }
4524
- .dark\:group-hover\:stroke-blue-300 {
3572
+ .dark\:group-hover\/checkbox\:stroke-blue-300 {
4525
3573
  &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
4526
- &:is(:where(.group):hover *) {
3574
+ &:is(:where(.group\/checkbox):hover *) {
4527
3575
  @media (hover: hover) {
4528
3576
  stroke: var(--color-blue-300);
4529
3577
  }
4530
3578
  }
4531
3579
  }
4532
3580
  }
4533
- .dark\:group-hover\:stroke-gray-500 {
3581
+ .dark\:group-hover\/checkbox\:stroke-gray-500 {
4534
3582
  &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
4535
- &:is(:where(.group):hover *) {
3583
+ &:is(:where(.group\/checkbox):hover *) {
4536
3584
  @media (hover: hover) {
4537
3585
  stroke: var(--color-gray-500);
4538
3586
  }
4539
3587
  }
4540
3588
  }
4541
3589
  }
4542
- .dark\:group-hover\:text-blue-300 {
3590
+ .dark\:group-hover\/checkbox\:text-blue-300 {
4543
3591
  &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
4544
- &:is(:where(.group):hover *) {
3592
+ &:is(:where(.group\/checkbox):hover *) {
4545
3593
  @media (hover: hover) {
4546
3594
  color: var(--color-blue-300);
4547
3595
  }
4548
3596
  }
4549
3597
  }
4550
3598
  }
4551
- .dark\:group-hover\:text-gray-600 {
3599
+ .dark\:group-hover\/checkbox\:text-gray-600 {
4552
3600
  &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
4553
- &:is(:where(.group):hover *) {
3601
+ &:is(:where(.group\/checkbox):hover *) {
4554
3602
  @media (hover: hover) {
4555
3603
  color: var(--color-gray-600);
4556
3604
  }
@@ -4861,54 +3909,54 @@
4861
3909
  border-image: linear-gradient(to top right,#105EFF,#F7F7FA) 10;
4862
3910
  }
4863
3911
  }
4864
- .light\:group-hover\:fill-blue-600 {
3912
+ .light\:group-hover\/checkbox\:fill-blue-600 {
4865
3913
  &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
4866
- &:is(:where(.group):hover *) {
3914
+ &:is(:where(.group\/checkbox):hover *) {
4867
3915
  @media (hover: hover) {
4868
3916
  fill: var(--color-blue-600);
4869
3917
  }
4870
3918
  }
4871
3919
  }
4872
3920
  }
4873
- .light\:group-hover\:stroke-blue-600 {
3921
+ .light\:group-hover\/checkbox\:stroke-blue-600 {
4874
3922
  &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
4875
- &:is(:where(.group):hover *) {
3923
+ &:is(:where(.group\/checkbox):hover *) {
4876
3924
  @media (hover: hover) {
4877
3925
  stroke: var(--color-blue-600);
4878
3926
  }
4879
3927
  }
4880
3928
  }
4881
3929
  }
4882
- .light\:group-hover\:stroke-gray-400 {
3930
+ .light\:group-hover\/checkbox\:stroke-gray-400 {
4883
3931
  &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
4884
- &:is(:where(.group):hover *) {
3932
+ &:is(:where(.group\/checkbox):hover *) {
4885
3933
  @media (hover: hover) {
4886
3934
  stroke: var(--color-gray-400);
4887
3935
  }
4888
3936
  }
4889
3937
  }
4890
3938
  }
4891
- .light\:group-hover\:stroke-white {
3939
+ .light\:group-hover\/checkbox\:stroke-white {
4892
3940
  &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
4893
- &:is(:where(.group):hover *) {
3941
+ &:is(:where(.group\/checkbox):hover *) {
4894
3942
  @media (hover: hover) {
4895
3943
  stroke: var(--color-white);
4896
3944
  }
4897
3945
  }
4898
3946
  }
4899
3947
  }
4900
- .light\:group-hover\:text-blue-400 {
3948
+ .light\:group-hover\/checkbox\:text-blue-400 {
4901
3949
  &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
4902
- &:is(:where(.group):hover *) {
3950
+ &:is(:where(.group\/checkbox):hover *) {
4903
3951
  @media (hover: hover) {
4904
3952
  color: var(--color-blue-400);
4905
3953
  }
4906
3954
  }
4907
3955
  }
4908
3956
  }
4909
- .light\:group-hover\:text-gray-400 {
3957
+ .light\:group-hover\/checkbox\:text-gray-400 {
4910
3958
  &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
4911
- &:is(:where(.group):hover *) {
3959
+ &:is(:where(.group\/checkbox):hover *) {
4912
3960
  @media (hover: hover) {
4913
3961
  color: var(--color-gray-400);
4914
3962
  }
@@ -5138,9 +4186,9 @@
5138
4186
  fill: var(--color-gray-400);
5139
4187
  }
5140
4188
  }
5141
- .light\:group-hover\:\[\&\.disabled\]\:fill-gray-400 {
4189
+ .light\:group-hover\/checkbox\:\[\&\.disabled\]\:fill-gray-400 {
5142
4190
  &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
5143
- &:is(:where(.group):hover *) {
4191
+ &:is(:where(.group\/checkbox):hover *) {
5144
4192
  @media (hover: hover) {
5145
4193
  &.disabled {
5146
4194
  fill: var(--color-gray-400);
@@ -5163,6 +4211,11 @@
5163
4211
  }
5164
4212
  }
5165
4213
  }
4214
+ .\[\&\:not\(\:first-child\)\]\:mt-6 {
4215
+ &:not(:first-child) {
4216
+ margin-top: calc(var(--spacing) * 6);
4217
+ }
4218
+ }
5166
4219
  .\[\&\>div\]\:max-w-full {
5167
4220
  &>div {
5168
4221
  max-width: 100%;
@@ -5212,26 +4265,6 @@
5212
4265
  height: calc(var(--spacing) * 5);
5213
4266
  }
5214
4267
  }
5215
- .\[\&\>svg\]\:h-\[var\(--button-adornment-size-lg\)\] {
5216
- &>svg {
5217
- height: var(--button-adornment-size-lg);
5218
- }
5219
- }
5220
- .\[\&\>svg\]\:h-\[var\(--button-adornment-size-md\)\] {
5221
- &>svg {
5222
- height: var(--button-adornment-size-md);
5223
- }
5224
- }
5225
- .\[\&\>svg\]\:h-\[var\(--button-adornment-size-sm\)\] {
5226
- &>svg {
5227
- height: var(--button-adornment-size-sm);
5228
- }
5229
- }
5230
- .\[\&\>svg\]\:h-\[var\(--input-adornment-size\)\] {
5231
- &>svg {
5232
- height: var(--input-adornment-size);
5233
- }
5234
- }
5235
4268
  .\[\&\>svg\]\:h-full {
5236
4269
  &>svg {
5237
4270
  height: 100%;
@@ -5252,26 +4285,6 @@
5252
4285
  width: calc(var(--spacing) * 5);
5253
4286
  }
5254
4287
  }
5255
- .\[\&\>svg\]\:w-\[var\(--button-adornment-size-lg\)\] {
5256
- &>svg {
5257
- width: var(--button-adornment-size-lg);
5258
- }
5259
- }
5260
- .\[\&\>svg\]\:w-\[var\(--button-adornment-size-md\)\] {
5261
- &>svg {
5262
- width: var(--button-adornment-size-md);
5263
- }
5264
- }
5265
- .\[\&\>svg\]\:w-\[var\(--button-adornment-size-sm\)\] {
5266
- &>svg {
5267
- width: var(--button-adornment-size-sm);
5268
- }
5269
- }
5270
- .\[\&\>svg\]\:w-\[var\(--input-adornment-size\)\] {
5271
- &>svg {
5272
- width: var(--input-adornment-size);
5273
- }
5274
- }
5275
4288
  .\[\&\>svg\]\:w-full {
5276
4289
  &>svg {
5277
4290
  width: 100%;
@@ -5282,26 +4295,6 @@
5282
4295
  flex-shrink: 0;
5283
4296
  }
5284
4297
  }
5285
- .\[\&\>svg\]\:fill-\[var\(--chip-color\)\] {
5286
- &>svg {
5287
- fill: var(--chip-color);
5288
- }
5289
- }
5290
- .\[\&\>svg\]\:fill-\[var\(--input-adornment-fill\)\] {
5291
- &>svg {
5292
- fill: var(--input-adornment-fill);
5293
- }
5294
- }
5295
- .\[\&\>svg\]\:fill-\[var\(--select-chip-icon-color\)\] {
5296
- &>svg {
5297
- fill: var(--select-chip-icon-color);
5298
- }
5299
- }
5300
- .\[\&\>svg\]\:fill-\[var\(--select-input-icon-color\)\] {
5301
- &>svg {
5302
- fill: var(--select-input-icon-color);
5303
- }
5304
- }
5305
4298
  .\[\&\>svg\]\:align-baseline {
5306
4299
  &>svg {
5307
4300
  vertical-align: baseline;
@@ -5462,6 +4455,10 @@ body {
5462
4455
  syntax: "*";
5463
4456
  inherits: false;
5464
4457
  }
4458
+ @property --tw-tracking {
4459
+ syntax: "*";
4460
+ inherits: false;
4461
+ }
5465
4462
  @property --tw-shadow {
5466
4463
  syntax: "*";
5467
4464
  inherits: false;
@@ -5682,6 +4679,7 @@ body {
5682
4679
  --tw-gradient-to-position: 100%;
5683
4680
  --tw-leading: initial;
5684
4681
  --tw-font-weight: initial;
4682
+ --tw-tracking: initial;
5685
4683
  --tw-shadow: 0 0 #0000;
5686
4684
  --tw-shadow-color: initial;
5687
4685
  --tw-shadow-alpha: 100%;