@dust-tt/sparkle 0.2.274 → 0.2.276

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/dist/cjs/index.js +8245 -8259
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/components/AssistantPreview.d.ts.map +1 -1
  4. package/dist/esm/components/AssistantPreview.js +1 -1
  5. package/dist/esm/components/AssistantPreview.js.map +1 -1
  6. package/dist/esm/components/Banner.js +1 -1
  7. package/dist/esm/components/Banner.js.map +1 -1
  8. package/dist/esm/components/BarHeader.js +5 -5
  9. package/dist/esm/components/BarHeader.js.map +1 -1
  10. package/dist/esm/components/Button.d.ts +20 -24
  11. package/dist/esm/components/Button.d.ts.map +1 -1
  12. package/dist/esm/components/Button.js +76 -117
  13. package/dist/esm/components/Button.js.map +1 -1
  14. package/dist/esm/components/Citation.js +1 -1
  15. package/dist/esm/components/Citation.js.map +1 -1
  16. package/dist/esm/components/ConversationMessageActions.d.ts.map +1 -1
  17. package/dist/esm/components/ConversationMessageActions.js +2 -2
  18. package/dist/esm/components/ConversationMessageActions.js.map +1 -1
  19. package/dist/esm/components/DataTable.js +2 -2
  20. package/dist/esm/components/DataTable.js.map +1 -1
  21. package/dist/esm/components/Dialog.d.ts +2 -2
  22. package/dist/esm/components/Dialog.d.ts.map +1 -1
  23. package/dist/esm/components/Dialog.js +2 -2
  24. package/dist/esm/components/Dialog.js.map +1 -1
  25. package/dist/esm/components/FilterChips.d.ts.map +1 -1
  26. package/dist/esm/components/FilterChips.js +1 -1
  27. package/dist/esm/components/FilterChips.js.map +1 -1
  28. package/dist/esm/components/IconButton.d.ts +4 -3
  29. package/dist/esm/components/IconButton.d.ts.map +1 -1
  30. package/dist/esm/components/IconButton.js +41 -65
  31. package/dist/esm/components/IconButton.js.map +1 -1
  32. package/dist/esm/components/Input.d.ts.map +1 -1
  33. package/dist/esm/components/Input.js +20 -7
  34. package/dist/esm/components/Input.js.map +1 -1
  35. package/dist/esm/components/Label.js +1 -1
  36. package/dist/esm/components/Label.js.map +1 -1
  37. package/dist/esm/components/Markdown.d.ts.map +1 -1
  38. package/dist/esm/components/Markdown.js +2 -2
  39. package/dist/esm/components/Markdown.js.map +1 -1
  40. package/dist/esm/components/NavigationList.d.ts +18 -0
  41. package/dist/esm/components/NavigationList.d.ts.map +1 -0
  42. package/dist/esm/components/NavigationList.js +70 -0
  43. package/dist/esm/components/NavigationList.js.map +1 -0
  44. package/dist/esm/components/NewDropdown.js +2 -2
  45. package/dist/esm/components/NewDropdown.js.map +1 -1
  46. package/dist/esm/components/Notification.js +1 -1
  47. package/dist/esm/components/Notification.js.map +1 -1
  48. package/dist/esm/components/Pagination.d.ts.map +1 -1
  49. package/dist/esm/components/Pagination.js +2 -2
  50. package/dist/esm/components/Pagination.js.map +1 -1
  51. package/dist/esm/components/Popover.js +1 -1
  52. package/dist/esm/components/Popup.js +1 -1
  53. package/dist/esm/components/Popup.js.map +1 -1
  54. package/dist/esm/components/RadioGroup.d.ts.map +1 -1
  55. package/dist/esm/components/RadioGroup.js +4 -4
  56. package/dist/esm/components/RadioGroup.js.map +1 -1
  57. package/dist/esm/components/Searchbar.js +1 -1
  58. package/dist/esm/components/Searchbar.js.map +1 -1
  59. package/dist/esm/components/Spinner.d.ts +6 -2
  60. package/dist/esm/components/Spinner.d.ts.map +1 -1
  61. package/dist/esm/components/Spinner.js +34 -47
  62. package/dist/esm/components/Spinner.js.map +1 -1
  63. package/dist/esm/components/Tree.d.ts +2 -1
  64. package/dist/esm/components/Tree.d.ts.map +1 -1
  65. package/dist/esm/components/Tree.js +9 -9
  66. package/dist/esm/components/Tree.js.map +1 -1
  67. package/dist/esm/components/ZoomableImageCitationWrapper.js +1 -1
  68. package/dist/esm/components/index.d.ts +2 -1
  69. package/dist/esm/components/index.d.ts.map +1 -1
  70. package/dist/esm/components/index.js +2 -1
  71. package/dist/esm/components/index.js.map +1 -1
  72. package/dist/esm/stories/Banner.stories.js +1 -1
  73. package/dist/esm/stories/Banner.stories.js.map +1 -1
  74. package/dist/esm/stories/Button.stories.d.ts +3 -16
  75. package/dist/esm/stories/Button.stories.d.ts.map +1 -1
  76. package/dist/esm/stories/Button.stories.js +54 -166
  77. package/dist/esm/stories/Button.stories.js.map +1 -1
  78. package/dist/esm/stories/CardButton.stories.js +1 -1
  79. package/dist/esm/stories/CardButton.stories.js.map +1 -1
  80. package/dist/esm/stories/ContextItem.stories.d.ts.map +1 -1
  81. package/dist/esm/stories/ContextItem.stories.js +5 -5
  82. package/dist/esm/stories/ContextItem.stories.js.map +1 -1
  83. package/dist/esm/stories/Dialog.stories.js +1 -1
  84. package/dist/esm/stories/Dialog.stories.js.map +1 -1
  85. package/dist/esm/stories/DropdownMenu.stories.d.ts.map +1 -1
  86. package/dist/esm/stories/DropdownMenu.stories.js +7 -7
  87. package/dist/esm/stories/DropdownMenu.stories.js.map +1 -1
  88. package/dist/esm/stories/IconButton.stories.js +4 -4
  89. package/dist/esm/stories/IconButton.stories.js.map +1 -1
  90. package/dist/esm/stories/Input.stories.js +1 -1
  91. package/dist/esm/stories/Input.stories.js.map +1 -1
  92. package/dist/esm/stories/Markdown.stories.d.ts +1 -2
  93. package/dist/esm/stories/Markdown.stories.d.ts.map +1 -1
  94. package/dist/esm/stories/Modal.stories.d.ts.map +1 -1
  95. package/dist/esm/stories/Modal.stories.js +1 -2
  96. package/dist/esm/stories/Modal.stories.js.map +1 -1
  97. package/dist/esm/stories/NavigationList.stories.d.ts +7 -0
  98. package/dist/esm/stories/NavigationList.stories.d.ts.map +1 -0
  99. package/dist/esm/stories/NavigationList.stories.js +140 -0
  100. package/dist/esm/stories/NavigationList.stories.js.map +1 -0
  101. package/dist/esm/stories/NewDropdown.stories.js +2 -2
  102. package/dist/esm/stories/NewDropdown.stories.js.map +1 -1
  103. package/dist/esm/stories/Page.stories.d.ts.map +1 -1
  104. package/dist/esm/stories/Page.stories.js +6 -6
  105. package/dist/esm/stories/Page.stories.js.map +1 -1
  106. package/dist/esm/stories/Popover.stories.js +1 -1
  107. package/dist/esm/stories/Popover.stories.js.map +1 -1
  108. package/dist/esm/stories/Searchbar.stories.js +3 -3
  109. package/dist/esm/stories/Searchbar.stories.js.map +1 -1
  110. package/dist/esm/stories/SliderToggle.stories.js +2 -2
  111. package/dist/esm/stories/SliderToggle.stories.js.map +1 -1
  112. package/dist/esm/stories/Tree.stories.d.ts.map +1 -1
  113. package/dist/esm/stories/Tree.stories.js +6 -6
  114. package/dist/esm/stories/Tree.stories.js.map +1 -1
  115. package/dist/sparkle.css +186 -281
  116. package/package.json +1 -1
  117. package/src/components/AssistantPreview.tsx +1 -5
  118. package/src/components/Banner.tsx +1 -1
  119. package/src/components/BarHeader.tsx +8 -11
  120. package/src/components/Button.tsx +169 -237
  121. package/src/components/Citation.tsx +1 -1
  122. package/src/components/ConversationMessageActions.tsx +3 -7
  123. package/src/components/DataTable.tsx +2 -2
  124. package/src/components/Dialog.tsx +5 -5
  125. package/src/components/FilterChips.tsx +1 -2
  126. package/src/components/IconButton.tsx +56 -87
  127. package/src/components/Input.tsx +44 -31
  128. package/src/components/Label.tsx +1 -1
  129. package/src/components/Markdown.tsx +2 -3
  130. package/src/components/NavigationList.tsx +137 -0
  131. package/src/components/NewDropdown.tsx +2 -2
  132. package/src/components/Notification.tsx +1 -1
  133. package/src/components/Pagination.tsx +2 -8
  134. package/src/components/Popover.tsx +1 -1
  135. package/src/components/Popup.tsx +1 -1
  136. package/src/components/RadioGroup.tsx +20 -22
  137. package/src/components/Searchbar.tsx +1 -1
  138. package/src/components/Spinner.tsx +45 -68
  139. package/src/components/Tree.tsx +11 -9
  140. package/src/components/ZoomableImageCitationWrapper.tsx +1 -1
  141. package/src/components/index.ts +6 -1
  142. package/src/stories/Banner.stories.tsx +1 -1
  143. package/src/stories/Button.stories.tsx +62 -607
  144. package/src/stories/CardButton.stories.tsx +1 -1
  145. package/src/stories/ContextItem.stories.tsx +6 -11
  146. package/src/stories/Dialog.stories.tsx +1 -1
  147. package/src/stories/DropdownMenu.stories.tsx +8 -27
  148. package/src/stories/IconButton.stories.tsx +4 -4
  149. package/src/stories/Input.stories.tsx +14 -14
  150. package/src/stories/Modal.stories.tsx +1 -2
  151. package/src/stories/NavigationList.stories.tsx +173 -0
  152. package/src/stories/NewDropdown.stories.tsx +2 -16
  153. package/src/stories/Page.stories.tsx +6 -9
  154. package/src/stories/Popover.stories.tsx +1 -1
  155. package/src/stories/Searchbar.stories.tsx +3 -3
  156. package/src/stories/SliderToggle.stories.tsx +2 -2
  157. package/src/stories/Tree.stories.tsx +6 -10
package/dist/sparkle.css CHANGED
@@ -805,6 +805,16 @@ select {
805
805
  margin: 1px;
806
806
  }
807
807
 
808
+ .-s-mx-0 {
809
+ margin-left: -0px;
810
+ margin-right: -0px;
811
+ }
812
+
813
+ .-s-mx-0\.5 {
814
+ margin-left: -0.125rem;
815
+ margin-right: -0.125rem;
816
+ }
817
+
808
818
  .-s-mx-1 {
809
819
  margin-left: -0.25rem;
810
820
  margin-right: -0.25rem;
@@ -844,10 +854,18 @@ select {
844
854
  margin-right: -0.25rem;
845
855
  }
846
856
 
857
+ .-s-mr-2 {
858
+ margin-right: -0.5rem;
859
+ }
860
+
847
861
  .-s-mt-1 {
848
862
  margin-top: -0.25rem;
849
863
  }
850
864
 
865
+ .-s-mt-1\.5 {
866
+ margin-top: -0.375rem;
867
+ }
868
+
851
869
  .-s-mt-2 {
852
870
  margin-top: -0.5rem;
853
871
  }
@@ -880,6 +898,14 @@ select {
880
898
  margin-left: 0.5rem;
881
899
  }
882
900
 
901
+ .s-ml-3 {
902
+ margin-left: 0.75rem;
903
+ }
904
+
905
+ .s-ml-3\.5 {
906
+ margin-left: 0.875rem;
907
+ }
908
+
883
909
  .s-ml-\[3px\] {
884
910
  margin-left: 3px;
885
911
  }
@@ -1455,6 +1481,21 @@ select {
1455
1481
  animation: s-breathing-scale 3s infinite ease-in-out;
1456
1482
  }
1457
1483
 
1484
+ @keyframes s-pulse {
1485
+ 50% {
1486
+ opacity: .5;
1487
+ box-shadow: 0 0 0 6px var(--pulse-color);
1488
+ }
1489
+
1490
+ 0%, 100% {
1491
+ box-shadow: 0 0 0 0 var(--pulse-color);
1492
+ }
1493
+ }
1494
+
1495
+ .s-animate-pulse {
1496
+ animation: s-pulse var(--duration) ease-out infinite;
1497
+ }
1498
+
1458
1499
  .s-cursor-default {
1459
1500
  cursor: default;
1460
1501
  }
@@ -1549,10 +1590,6 @@ select {
1549
1590
  flex-wrap: wrap;
1550
1591
  }
1551
1592
 
1552
- .s-flex-nowrap {
1553
- flex-wrap: nowrap;
1554
- }
1555
-
1556
1593
  .s-items-start {
1557
1594
  align-items: flex-start;
1558
1595
  }
@@ -1882,11 +1919,6 @@ select {
1882
1919
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
1883
1920
  }
1884
1921
 
1885
- .s-border-action-600 {
1886
- --tw-border-opacity: 1;
1887
- border-color: rgb(37 99 235 / var(--tw-border-opacity));
1888
- }
1889
-
1890
1922
  .s-border-amber-100 {
1891
1923
  --tw-border-opacity: 1;
1892
1924
  border-color: rgb(254 243 199 / var(--tw-border-opacity));
@@ -1932,6 +1964,11 @@ select {
1932
1964
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
1933
1965
  }
1934
1966
 
1967
+ .s-border-border-warning {
1968
+ --tw-border-opacity: 1;
1969
+ border-color: rgb(254 202 202 / var(--tw-border-opacity));
1970
+ }
1971
+
1935
1972
  .s-border-cyan-100 {
1936
1973
  --tw-border-opacity: 1;
1937
1974
  border-color: rgb(207 250 254 / var(--tw-border-opacity));
@@ -2067,6 +2104,10 @@ select {
2067
2104
  border-color: rgb(249 168 212 / var(--tw-border-opacity));
2068
2105
  }
2069
2106
 
2107
+ .s-border-primary-200\/0 {
2108
+ border-color: rgb(226 232 240 / 0);
2109
+ }
2110
+
2070
2111
  .s-border-purple-100 {
2071
2112
  --tw-border-opacity: 1;
2072
2113
  border-color: rgb(243 232 255 / var(--tw-border-opacity));
@@ -2146,21 +2187,6 @@ select {
2146
2187
  border-color: rgb(2 6 23 / 0.1);
2147
2188
  }
2148
2189
 
2149
- .s-border-stone-100 {
2150
- --tw-border-opacity: 1;
2151
- border-color: rgb(245 245 244 / var(--tw-border-opacity));
2152
- }
2153
-
2154
- .s-border-stone-200 {
2155
- --tw-border-opacity: 1;
2156
- border-color: rgb(231 229 228 / var(--tw-border-opacity));
2157
- }
2158
-
2159
- .s-border-stone-300 {
2160
- --tw-border-opacity: 1;
2161
- border-color: rgb(214 211 209 / var(--tw-border-opacity));
2162
- }
2163
-
2164
2190
  .s-border-structure-0 {
2165
2191
  --tw-border-opacity: 1;
2166
2192
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
@@ -2180,10 +2206,6 @@ select {
2180
2206
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
2181
2207
  }
2182
2208
 
2183
- .s-border-structure-200\/0 {
2184
- border-color: rgb(226 232 240 / 0);
2185
- }
2186
-
2187
2209
  .s-border-structure-300\/30 {
2188
2210
  border-color: rgb(203 213 225 / 0.3);
2189
2211
  }
@@ -2242,11 +2264,6 @@ select {
2242
2264
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
2243
2265
  }
2244
2266
 
2245
- .s-border-warning-600 {
2246
- --tw-border-opacity: 1;
2247
- border-color: rgb(220 38 38 / var(--tw-border-opacity));
2248
- }
2249
-
2250
2267
  .s-border-white\/30 {
2251
2268
  border-color: rgb(255 255 255 / 0.3);
2252
2269
  }
@@ -2613,6 +2630,11 @@ select {
2613
2630
  background-color: rgb(22 101 52 / var(--tw-bg-opacity));
2614
2631
  }
2615
2632
 
2633
+ .s-bg-highlight {
2634
+ --tw-bg-opacity: 1;
2635
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity));
2636
+ }
2637
+
2616
2638
  .s-bg-indigo-100 {
2617
2639
  --tw-bg-opacity: 1;
2618
2640
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
@@ -2997,54 +3019,23 @@ select {
2997
3019
  background-color: rgb(2 6 23 / 0.3);
2998
3020
  }
2999
3021
 
3000
- .s-bg-stone-100 {
3001
- --tw-bg-opacity: 1;
3002
- background-color: rgb(245 245 244 / var(--tw-bg-opacity));
3003
- }
3004
-
3005
- .s-bg-stone-200 {
3006
- --tw-bg-opacity: 1;
3007
- background-color: rgb(231 229 228 / var(--tw-bg-opacity));
3008
- }
3009
-
3010
- .s-bg-stone-300 {
3011
- --tw-bg-opacity: 1;
3012
- background-color: rgb(214 211 209 / var(--tw-bg-opacity));
3013
- }
3014
-
3015
- .s-bg-stone-400 {
3016
- --tw-bg-opacity: 1;
3017
- background-color: rgb(168 162 158 / var(--tw-bg-opacity));
3018
- }
3019
-
3020
- .s-bg-stone-500 {
3021
- --tw-bg-opacity: 1;
3022
- background-color: rgb(120 113 108 / var(--tw-bg-opacity));
3023
- }
3024
-
3025
- .s-bg-stone-600 {
3026
- --tw-bg-opacity: 1;
3027
- background-color: rgb(87 83 78 / var(--tw-bg-opacity));
3028
- }
3029
-
3030
- .s-bg-stone-700 {
3022
+ .s-bg-structure-0 {
3031
3023
  --tw-bg-opacity: 1;
3032
- background-color: rgb(68 64 60 / var(--tw-bg-opacity));
3024
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3033
3025
  }
3034
3026
 
3035
- .s-bg-stone-800 {
3027
+ .s-bg-structure-100 {
3036
3028
  --tw-bg-opacity: 1;
3037
- background-color: rgb(41 37 36 / var(--tw-bg-opacity));
3029
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity));
3038
3030
  }
3039
3031
 
3040
- .s-bg-structure-0 {
3032
+ .s-bg-structure-150 {
3041
3033
  --tw-bg-opacity: 1;
3042
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3034
+ background-color: rgb(233 239 245 / var(--tw-bg-opacity));
3043
3035
  }
3044
3036
 
3045
- .s-bg-structure-100 {
3046
- --tw-bg-opacity: 1;
3047
- background-color: rgb(241 245 249 / var(--tw-bg-opacity));
3037
+ .s-bg-structure-150\/0 {
3038
+ background-color: rgb(233 239 245 / 0);
3048
3039
  }
3049
3040
 
3050
3041
  .s-bg-structure-200 {
@@ -3146,6 +3137,11 @@ select {
3146
3137
  background-color: rgb(91 33 182 / var(--tw-bg-opacity));
3147
3138
  }
3148
3139
 
3140
+ .s-bg-warning {
3141
+ --tw-bg-opacity: 1;
3142
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
3143
+ }
3144
+
3149
3145
  .s-bg-warning-100 {
3150
3146
  --tw-bg-opacity: 1;
3151
3147
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
@@ -3191,10 +3187,6 @@ select {
3191
3187
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3192
3188
  }
3193
3189
 
3194
- .s-bg-white\/0 {
3195
- background-color: rgb(255 255 255 / 0);
3196
- }
3197
-
3198
3190
  .s-bg-white\/80 {
3199
3191
  background-color: rgb(255 255 255 / 0.8);
3200
3192
  }
@@ -3379,16 +3371,6 @@ select {
3379
3371
  padding: 1px;
3380
3372
  }
3381
3373
 
3382
- .s-px-0 {
3383
- padding-left: 0px;
3384
- padding-right: 0px;
3385
- }
3386
-
3387
- .s-px-0\.5 {
3388
- padding-left: 0.125rem;
3389
- padding-right: 0.125rem;
3390
- }
3391
-
3392
3374
  .s-px-1 {
3393
3375
  padding-left: 0.25rem;
3394
3376
  padding-right: 0.25rem;
@@ -3399,6 +3381,11 @@ select {
3399
3381
  padding-right: 0.5rem;
3400
3382
  }
3401
3383
 
3384
+ .s-px-2\.5 {
3385
+ padding-left: 0.625rem;
3386
+ padding-right: 0.625rem;
3387
+ }
3388
+
3402
3389
  .s-px-3 {
3403
3390
  padding-left: 0.75rem;
3404
3391
  padding-right: 0.75rem;
@@ -3429,6 +3416,11 @@ select {
3429
3416
  padding-bottom: 0.375rem;
3430
3417
  }
3431
3418
 
3419
+ .s-py-12 {
3420
+ padding-top: 3rem;
3421
+ padding-bottom: 3rem;
3422
+ }
3423
+
3432
3424
  .s-py-16 {
3433
3425
  padding-top: 4rem;
3434
3426
  padding-bottom: 4rem;
@@ -3676,11 +3668,6 @@ select {
3676
3668
  letter-spacing: 0.1em;
3677
3669
  }
3678
3670
 
3679
- .s-text-action-300 {
3680
- --tw-text-opacity: 1;
3681
- color: rgb(147 197 253 / var(--tw-text-opacity));
3682
- }
3683
-
3684
3671
  .s-text-action-400 {
3685
3672
  --tw-text-opacity: 1;
3686
3673
  color: rgb(96 165 250 / var(--tw-text-opacity));
@@ -3845,6 +3832,11 @@ select {
3845
3832
  color: rgb(2 6 23 / var(--tw-text-opacity));
3846
3833
  }
3847
3834
 
3835
+ .s-text-foreground-warning {
3836
+ --tw-text-opacity: 1;
3837
+ color: rgb(239 68 68 / var(--tw-text-opacity));
3838
+ }
3839
+
3848
3840
  .s-text-fuchsia-700 {
3849
3841
  --tw-text-opacity: 1;
3850
3842
  color: rgb(162 28 175 / var(--tw-text-opacity));
@@ -3995,6 +3987,11 @@ select {
3995
3987
  color: rgb(2 6 23 / var(--tw-text-opacity));
3996
3988
  }
3997
3989
 
3990
+ .s-text-primary-dark {
3991
+ --tw-text-opacity: 1;
3992
+ color: rgb(2 6 23 / var(--tw-text-opacity));
3993
+ }
3994
+
3998
3995
  .s-text-purple-700 {
3999
3996
  --tw-text-opacity: 1;
4000
3997
  color: rgb(126 34 206 / var(--tw-text-opacity));
@@ -4105,21 +4102,6 @@ select {
4105
4102
  color: rgb(2 6 23 / var(--tw-text-opacity));
4106
4103
  }
4107
4104
 
4108
- .s-text-stone-800 {
4109
- --tw-text-opacity: 1;
4110
- color: rgb(41 37 36 / var(--tw-text-opacity));
4111
- }
4112
-
4113
- .s-text-stone-900 {
4114
- --tw-text-opacity: 1;
4115
- color: rgb(28 25 23 / var(--tw-text-opacity));
4116
- }
4117
-
4118
- .s-text-stone-950 {
4119
- --tw-text-opacity: 1;
4120
- color: rgb(12 10 9 / var(--tw-text-opacity));
4121
- }
4122
-
4123
4105
  .s-text-structure-0 {
4124
4106
  --tw-text-opacity: 1;
4125
4107
  color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -4170,11 +4152,6 @@ select {
4170
4152
  color: rgb(46 16 101 / var(--tw-text-opacity));
4171
4153
  }
4172
4154
 
4173
- .s-text-warning-300 {
4174
- --tw-text-opacity: 1;
4175
- color: rgb(252 165 165 / var(--tw-text-opacity));
4176
- }
4177
-
4178
4155
  .s-text-warning-400 {
4179
4156
  --tw-text-opacity: 1;
4180
4157
  color: rgb(248 113 113 / var(--tw-text-opacity));
@@ -4263,10 +4240,6 @@ select {
4263
4240
  opacity: 0.5;
4264
4241
  }
4265
4242
 
4266
- .s-opacity-60 {
4267
- opacity: 0.6;
4268
- }
4269
-
4270
4243
  .s-shadow {
4271
4244
  --tw-shadow: 0 2px 6px 0 rgba(15, 23, 42, 0.1);
4272
4245
  --tw-shadow-colored: 0 2px 6px 0 var(--tw-shadow-color);
@@ -4582,12 +4555,6 @@ select {
4582
4555
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4583
4556
  }
4584
4557
 
4585
- .hover\:s-scale-105:hover {
4586
- --tw-scale-x: 1.05;
4587
- --tw-scale-y: 1.05;
4588
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4589
- }
4590
-
4591
4558
  .hover\:s-scale-110:hover {
4592
4559
  --tw-scale-x: 1.1;
4593
4560
  --tw-scale-y: 1.1;
@@ -4598,19 +4565,14 @@ select {
4598
4565
  cursor: not-allowed;
4599
4566
  }
4600
4567
 
4601
- .hover\:s-border-action-200:hover {
4602
- --tw-border-opacity: 1;
4603
- border-color: rgb(191 219 254 / var(--tw-border-opacity));
4604
- }
4605
-
4606
4568
  .hover\:s-border-action-300:hover {
4607
4569
  --tw-border-opacity: 1;
4608
4570
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
4609
4571
  }
4610
4572
 
4611
- .hover\:s-border-action-500:hover {
4573
+ .hover\:s-border-primary-200:hover {
4612
4574
  --tw-border-opacity: 1;
4613
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
4575
+ border-color: rgb(226 232 240 / var(--tw-border-opacity));
4614
4576
  }
4615
4577
 
4616
4578
  .hover\:s-border-structure-100:hover {
@@ -4623,24 +4585,29 @@ select {
4623
4585
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
4624
4586
  }
4625
4587
 
4626
- .hover\:s-border-warning-200:hover {
4627
- --tw-border-opacity: 1;
4628
- border-color: rgb(254 202 202 / var(--tw-border-opacity));
4588
+ .hover\:s-bg-action-400:hover {
4589
+ --tw-bg-opacity: 1;
4590
+ background-color: rgb(96 165 250 / var(--tw-bg-opacity));
4629
4591
  }
4630
4592
 
4631
- .hover\:s-border-warning-500:hover {
4632
- --tw-border-opacity: 1;
4633
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
4593
+ .hover\:s-bg-highlight-light:hover {
4594
+ --tw-bg-opacity: 1;
4595
+ background-color: rgb(96 165 250 / var(--tw-bg-opacity));
4634
4596
  }
4635
4597
 
4636
- .hover\:s-bg-action-400:hover {
4598
+ .hover\:s-bg-primary-100:hover {
4637
4599
  --tw-bg-opacity: 1;
4638
- background-color: rgb(96 165 250 / var(--tw-bg-opacity));
4600
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity));
4639
4601
  }
4640
4602
 
4641
- .hover\:s-bg-action-50:hover {
4603
+ .hover\:s-bg-primary-light:hover {
4642
4604
  --tw-bg-opacity: 1;
4643
- background-color: rgb(239 246 255 / var(--tw-bg-opacity));
4605
+ background-color: rgb(51 65 85 / var(--tw-bg-opacity));
4606
+ }
4607
+
4608
+ .hover\:s-bg-structure-150:hover {
4609
+ --tw-bg-opacity: 1;
4610
+ background-color: rgb(233 239 245 / var(--tw-bg-opacity));
4644
4611
  }
4645
4612
 
4646
4613
  .hover\:s-bg-structure-200:hover {
@@ -4658,14 +4625,14 @@ select {
4658
4625
  background-color: rgb(167 243 208 / var(--tw-bg-opacity));
4659
4626
  }
4660
4627
 
4661
- .hover\:s-bg-warning-400:hover {
4628
+ .hover\:s-bg-warning-50:hover {
4662
4629
  --tw-bg-opacity: 1;
4663
- background-color: rgb(248 113 113 / var(--tw-bg-opacity));
4630
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity));
4664
4631
  }
4665
4632
 
4666
- .hover\:s-bg-warning-50:hover {
4633
+ .hover\:s-bg-warning-light:hover {
4667
4634
  --tw-bg-opacity: 1;
4668
- background-color: rgb(254 242 242 / var(--tw-bg-opacity));
4635
+ background-color: rgb(248 113 113 / var(--tw-bg-opacity));
4669
4636
  }
4670
4637
 
4671
4638
  .hover\:s-bg-white:hover {
@@ -4683,6 +4650,21 @@ select {
4683
4650
  color: rgb(59 130 246 / var(--tw-text-opacity));
4684
4651
  }
4685
4652
 
4653
+ .hover\:s-text-foreground:hover {
4654
+ --tw-text-opacity: 1;
4655
+ color: rgb(2 6 23 / var(--tw-text-opacity));
4656
+ }
4657
+
4658
+ .hover\:s-text-primary:hover {
4659
+ --tw-text-opacity: 1;
4660
+ color: rgb(30 41 59 / var(--tw-text-opacity));
4661
+ }
4662
+
4663
+ .hover\:s-text-primary-900:hover {
4664
+ --tw-text-opacity: 1;
4665
+ color: rgb(15 23 42 / var(--tw-text-opacity));
4666
+ }
4667
+
4686
4668
  .hover\:s-text-slate-100:hover {
4687
4669
  --tw-text-opacity: 1;
4688
4670
  color: rgb(241 245 249 / var(--tw-text-opacity));
@@ -4698,11 +4680,6 @@ select {
4698
4680
  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);
4699
4681
  }
4700
4682
 
4701
- .hover\:s-drop-shadow-md:hover {
4702
- --tw-drop-shadow: drop-shadow(0 4px 6px rgba(15, 23, 42, 0.12));
4703
- 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);
4704
- }
4705
-
4706
4683
  .hover\:s-filter:hover {
4707
4684
  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);
4708
4685
  }
@@ -4739,14 +4716,19 @@ select {
4739
4716
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
4740
4717
  }
4741
4718
 
4719
+ .focus\:s-ring-ring-warning:focus {
4720
+ --tw-ring-opacity: 1;
4721
+ --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
4722
+ }
4723
+
4742
4724
  .focus\:s-ring-warning-300:focus {
4743
4725
  --tw-ring-opacity: 1;
4744
4726
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
4745
4727
  }
4746
4728
 
4747
- .focus-visible\:s-border-primary-400:focus-visible {
4729
+ .focus-visible\:s-border-border-dark:focus-visible {
4748
4730
  --tw-border-opacity: 1;
4749
- border-color: rgb(148 163 184 / var(--tw-border-opacity));
4731
+ border-color: rgb(226 232 240 / var(--tw-border-opacity));
4750
4732
  }
4751
4733
 
4752
4734
  .focus-visible\:s-outline-none:focus-visible {
@@ -4769,22 +4751,6 @@ select {
4769
4751
  --tw-ring-offset-width: 2px;
4770
4752
  }
4771
4753
 
4772
- .active\:s-scale-100:active {
4773
- --tw-scale-x: 1;
4774
- --tw-scale-y: 1;
4775
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4776
- }
4777
-
4778
- .active\:s-border-action-500:active {
4779
- --tw-border-opacity: 1;
4780
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
4781
- }
4782
-
4783
- .active\:s-border-action-700:active {
4784
- --tw-border-opacity: 1;
4785
- border-color: rgb(29 78 216 / var(--tw-border-opacity));
4786
- }
4787
-
4788
4754
  .active\:s-border-structure-200:active {
4789
4755
  --tw-border-opacity: 1;
4790
4756
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
@@ -4795,24 +4761,24 @@ select {
4795
4761
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
4796
4762
  }
4797
4763
 
4798
- .active\:s-border-warning-500:active {
4799
- --tw-border-opacity: 1;
4800
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
4764
+ .active\:s-bg-highlight-dark:active {
4765
+ --tw-bg-opacity: 1;
4766
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity));
4801
4767
  }
4802
4768
 
4803
- .active\:s-border-warning-700:active {
4804
- --tw-border-opacity: 1;
4805
- border-color: rgb(185 28 28 / var(--tw-border-opacity));
4769
+ .active\:s-bg-primary-200:active {
4770
+ --tw-bg-opacity: 1;
4771
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity));
4806
4772
  }
4807
4773
 
4808
- .active\:s-bg-action-100:active {
4774
+ .active\:s-bg-primary-300:active {
4809
4775
  --tw-bg-opacity: 1;
4810
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
4776
+ background-color: rgb(203 213 225 / var(--tw-bg-opacity));
4811
4777
  }
4812
4778
 
4813
- .active\:s-bg-action-600:active {
4779
+ .active\:s-bg-primary-dark:active {
4814
4780
  --tw-bg-opacity: 1;
4815
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
4781
+ background-color: rgb(2 6 23 / var(--tw-bg-opacity));
4816
4782
  }
4817
4783
 
4818
4784
  .active\:s-bg-structure-100:active {
@@ -4820,12 +4786,17 @@ select {
4820
4786
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
4821
4787
  }
4822
4788
 
4789
+ .active\:s-bg-structure-200:active {
4790
+ --tw-bg-opacity: 1;
4791
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity));
4792
+ }
4793
+
4823
4794
  .active\:s-bg-warning-100:active {
4824
4795
  --tw-bg-opacity: 1;
4825
4796
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
4826
4797
  }
4827
4798
 
4828
- .active\:s-bg-warning-600:active {
4799
+ .active\:s-bg-warning-dark:active {
4829
4800
  --tw-bg-opacity: 1;
4830
4801
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
4831
4802
  }
@@ -4860,25 +4831,54 @@ select {
4860
4831
  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);
4861
4832
  }
4862
4833
 
4863
- .active\:s-drop-shadow-none:active {
4864
- --tw-drop-shadow: drop-shadow(0 0 #0000);
4865
- 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);
4866
- }
4867
-
4868
4834
  .hover\:active\:s-text-action-600:active:hover {
4869
4835
  --tw-text-opacity: 1;
4870
4836
  color: rgb(37 99 235 / var(--tw-text-opacity));
4871
4837
  }
4872
4838
 
4839
+ .disabled\:s-pointer-events-none:disabled {
4840
+ pointer-events: none;
4841
+ }
4842
+
4873
4843
  .disabled\:s-cursor-not-allowed:disabled {
4874
4844
  cursor: not-allowed;
4875
4845
  }
4876
4846
 
4847
+ .disabled\:s-border-structure-100:disabled {
4848
+ --tw-border-opacity: 1;
4849
+ border-color: rgb(241 245 249 / var(--tw-border-opacity));
4850
+ }
4851
+
4852
+ .disabled\:s-bg-highlight-muted:disabled {
4853
+ --tw-bg-opacity: 1;
4854
+ background-color: rgb(147 197 253 / var(--tw-bg-opacity));
4855
+ }
4856
+
4857
+ .disabled\:s-bg-primary-muted:disabled {
4858
+ --tw-bg-opacity: 1;
4859
+ background-color: rgb(148 163 184 / var(--tw-bg-opacity));
4860
+ }
4861
+
4862
+ .disabled\:s-bg-warning-muted:disabled {
4863
+ --tw-bg-opacity: 1;
4864
+ background-color: rgb(252 165 165 / var(--tw-bg-opacity));
4865
+ }
4866
+
4877
4867
  .disabled\:s-text-muted-foreground:disabled {
4878
4868
  --tw-text-opacity: 1;
4879
4869
  color: rgb(100 116 139 / var(--tw-text-opacity));
4880
4870
  }
4881
4871
 
4872
+ .disabled\:s-text-primary-400:disabled {
4873
+ --tw-text-opacity: 1;
4874
+ color: rgb(148 163 184 / var(--tw-text-opacity));
4875
+ }
4876
+
4877
+ .disabled\:s-text-primary-muted:disabled {
4878
+ --tw-text-opacity: 1;
4879
+ color: rgb(148 163 184 / var(--tw-text-opacity));
4880
+ }
4881
+
4882
4882
  .disabled\:s-opacity-50:disabled {
4883
4883
  opacity: 0.5;
4884
4884
  }
@@ -4992,6 +4992,11 @@ select {
4992
4992
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
4993
4993
  }
4994
4994
 
4995
+ .data-\[disabled\]\:s-text-muted-foreground[data-disabled] {
4996
+ --tw-text-opacity: 1;
4997
+ color: rgb(100 116 139 / var(--tw-text-opacity));
4998
+ }
4999
+
4995
5000
  .data-\[disabled\]\:s-text-primary-400[data-disabled] {
4996
5001
  --tw-text-opacity: 1;
4997
5002
  color: rgb(148 163 184 / var(--tw-text-opacity));
@@ -5054,11 +5059,6 @@ select {
5054
5059
  --tw-enter-translate-y: 0.5rem;
5055
5060
  }
5056
5061
 
5057
- :is(.s-dark .dark\:s-border-action-200-dark) {
5058
- --tw-border-opacity: 1;
5059
- border-color: rgb(30 64 175 / var(--tw-border-opacity));
5060
- }
5061
-
5062
5062
  :is(.s-dark .dark\:s-border-action-500-dark) {
5063
5063
  --tw-border-opacity: 1;
5064
5064
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
@@ -5078,25 +5078,10 @@ select {
5078
5078
  border-color: rgb(51 65 85 / 0.5);
5079
5079
  }
5080
5080
 
5081
- :is(.s-dark .dark\:s-border-structure-300-dark) {
5082
- --tw-border-opacity: 1;
5083
- border-color: rgb(71 85 105 / var(--tw-border-opacity));
5084
- }
5085
-
5086
5081
  :is(.s-dark .dark\:s-border-structure-300-dark\/30) {
5087
5082
  border-color: rgb(71 85 105 / 0.3);
5088
5083
  }
5089
5084
 
5090
- :is(.s-dark .dark\:s-border-warning-200-dark) {
5091
- --tw-border-opacity: 1;
5092
- border-color: rgb(153 27 27 / var(--tw-border-opacity));
5093
- }
5094
-
5095
- :is(.s-dark .dark\:s-bg-action-100-dark) {
5096
- --tw-bg-opacity: 1;
5097
- background-color: rgb(30 58 138 / var(--tw-bg-opacity));
5098
- }
5099
-
5100
5085
  :is(.s-dark .dark\:s-bg-amber-500) {
5101
5086
  --tw-bg-opacity: 1;
5102
5087
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
@@ -5127,11 +5112,6 @@ select {
5127
5112
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
5128
5113
  }
5129
5114
 
5130
- :is(.s-dark .dark\:s-bg-structure-100-dark) {
5131
- --tw-bg-opacity: 1;
5132
- background-color: rgb(30 41 59 / var(--tw-bg-opacity));
5133
- }
5134
-
5135
5115
  :is(.s-dark .dark\:s-bg-structure-200-dark) {
5136
5116
  --tw-bg-opacity: 1;
5137
5117
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
@@ -5156,11 +5136,6 @@ select {
5156
5136
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
5157
5137
  }
5158
5138
 
5159
- :is(.s-dark .dark\:s-bg-warning-100-dark) {
5160
- --tw-bg-opacity: 1;
5161
- background-color: rgb(127 29 29 / var(--tw-bg-opacity));
5162
- }
5163
-
5164
5139
  :is(.s-dark :is(.s-dark .dark\:dark\:s-text-action-500-dark)) {
5165
5140
  --tw-text-opacity: 1;
5166
5141
  color: rgb(59 130 246 / var(--tw-text-opacity));
@@ -5176,11 +5151,6 @@ select {
5176
5151
  color: rgb(96 165 250 / var(--tw-text-opacity));
5177
5152
  }
5178
5153
 
5179
- :is(.s-dark .dark\:s-text-action-700-dark) {
5180
- --tw-text-opacity: 1;
5181
- color: rgb(147 197 253 / var(--tw-text-opacity));
5182
- }
5183
-
5184
5154
  :is(.s-dark .dark\:s-text-amber-950) {
5185
5155
  --tw-text-opacity: 1;
5186
5156
  color: rgb(69 26 3 / var(--tw-text-opacity));
@@ -5241,16 +5211,6 @@ select {
5241
5211
  color: rgb(239 68 68 / var(--tw-text-opacity));
5242
5212
  }
5243
5213
 
5244
- :is(.s-dark .dark\:s-text-warning-600-dark) {
5245
- --tw-text-opacity: 1;
5246
- color: rgb(248 113 113 / var(--tw-text-opacity));
5247
- }
5248
-
5249
- :is(.s-dark .dark\:s-text-warning-700-dark) {
5250
- --tw-text-opacity: 1;
5251
- color: rgb(252 165 165 / var(--tw-text-opacity));
5252
- }
5253
-
5254
5214
  :is(.s-dark .dark\:s-ring-structure-300-dark) {
5255
5215
  --tw-ring-opacity: 1;
5256
5216
  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity));
@@ -5261,41 +5221,11 @@ select {
5261
5221
  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity));
5262
5222
  }
5263
5223
 
5264
- :is(.s-dark .dark\:s-saturate-50) {
5265
- --tw-saturate: saturate(.5);
5266
- 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);
5267
- }
5268
-
5269
- :is(.s-dark .dark\:hover\:s-border-action-300-dark:hover) {
5270
- --tw-border-opacity: 1;
5271
- border-color: rgb(29 78 216 / var(--tw-border-opacity));
5272
- }
5273
-
5274
- :is(.s-dark .dark\:hover\:s-border-warning-300-dark:hover) {
5275
- --tw-border-opacity: 1;
5276
- border-color: rgb(185 28 28 / var(--tw-border-opacity));
5277
- }
5278
-
5279
5224
  :is(.s-dark .dark\:hover\:s-bg-action-400:hover) {
5280
5225
  --tw-bg-opacity: 1;
5281
5226
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
5282
5227
  }
5283
5228
 
5284
- :is(.s-dark .dark\:hover\:s-bg-action-50-dark:hover) {
5285
- --tw-bg-opacity: 1;
5286
- background-color: rgb(23 37 84 / var(--tw-bg-opacity));
5287
- }
5288
-
5289
- :is(.s-dark .dark\:hover\:s-bg-warning-50-dark:hover) {
5290
- --tw-bg-opacity: 1;
5291
- background-color: rgb(69 10 10 / var(--tw-bg-opacity));
5292
- }
5293
-
5294
- :is(.s-dark .dark\:hover\:s-text-action-300:hover) {
5295
- --tw-text-opacity: 1;
5296
- color: rgb(147 197 253 / var(--tw-text-opacity));
5297
- }
5298
-
5299
5229
  :is(.s-dark .dark\:hover\:s-text-action-500-dark:hover) {
5300
5230
  --tw-text-opacity: 1;
5301
5231
  color: rgb(59 130 246 / var(--tw-text-opacity));
@@ -5306,11 +5236,6 @@ select {
5306
5236
  color: rgb(96 165 250 / var(--tw-text-opacity));
5307
5237
  }
5308
5238
 
5309
- :is(.s-dark .dark\:hover\:s-text-action-700-dark:hover) {
5310
- --tw-text-opacity: 1;
5311
- color: rgb(147 197 253 / var(--tw-text-opacity));
5312
- }
5313
-
5314
5239
  :is(.s-dark .dark\:hover\:s-text-warning-500-dark:hover) {
5315
5240
  --tw-text-opacity: 1;
5316
5241
  color: rgb(239 68 68 / var(--tw-text-opacity));
@@ -5326,26 +5251,6 @@ select {
5326
5251
  --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity));
5327
5252
  }
5328
5253
 
5329
- :is(.s-dark .dark\:active\:s-border-action-500-dark:active) {
5330
- --tw-border-opacity: 1;
5331
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
5332
- }
5333
-
5334
- :is(.s-dark .dark\:active\:s-border-warning-500-dark:active) {
5335
- --tw-border-opacity: 1;
5336
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
5337
- }
5338
-
5339
- :is(.s-dark .dark\:active\:s-bg-action-100-dark:active) {
5340
- --tw-bg-opacity: 1;
5341
- background-color: rgb(30 58 138 / var(--tw-bg-opacity));
5342
- }
5343
-
5344
- :is(.s-dark .dark\:active\:s-bg-warning-100-dark:active) {
5345
- --tw-bg-opacity: 1;
5346
- background-color: rgb(127 29 29 / var(--tw-bg-opacity));
5347
- }
5348
-
5349
5254
  :is(.s-dark .dark\:active\:s-text-action-600:active) {
5350
5255
  --tw-text-opacity: 1;
5351
5256
  color: rgb(37 99 235 / var(--tw-text-opacity));