@dust-tt/sparkle 0.2.270 → 0.2.272-rc-1

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 (132) hide show
  1. package/dist/cjs/index.js +8197 -8287
  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/BarHeader.js +5 -5
  8. package/dist/esm/components/BarHeader.js.map +1 -1
  9. package/dist/esm/components/Button.d.ts +20 -24
  10. package/dist/esm/components/Button.d.ts.map +1 -1
  11. package/dist/esm/components/Button.js +72 -117
  12. package/dist/esm/components/Button.js.map +1 -1
  13. package/dist/esm/components/Checkbox.js +2 -2
  14. package/dist/esm/components/Checkbox.js.map +1 -1
  15. package/dist/esm/components/Citation.js +1 -1
  16. package/dist/esm/components/Citation.js.map +1 -1
  17. package/dist/esm/components/DataTable.js +2 -2
  18. package/dist/esm/components/DataTable.js.map +1 -1
  19. package/dist/esm/components/Dialog.d.ts +2 -2
  20. package/dist/esm/components/Dialog.d.ts.map +1 -1
  21. package/dist/esm/components/Dialog.js +2 -2
  22. package/dist/esm/components/Dialog.js.map +1 -1
  23. package/dist/esm/components/FilterChips.d.ts.map +1 -1
  24. package/dist/esm/components/FilterChips.js +1 -1
  25. package/dist/esm/components/FilterChips.js.map +1 -1
  26. package/dist/esm/components/IconButton.d.ts +4 -3
  27. package/dist/esm/components/IconButton.d.ts.map +1 -1
  28. package/dist/esm/components/IconButton.js +37 -65
  29. package/dist/esm/components/IconButton.js.map +1 -1
  30. package/dist/esm/components/Markdown.d.ts.map +1 -1
  31. package/dist/esm/components/Markdown.js +2 -2
  32. package/dist/esm/components/Markdown.js.map +1 -1
  33. package/dist/esm/components/Notification.js +1 -1
  34. package/dist/esm/components/Notification.js.map +1 -1
  35. package/dist/esm/components/Pagination.d.ts.map +1 -1
  36. package/dist/esm/components/Pagination.js +2 -2
  37. package/dist/esm/components/Pagination.js.map +1 -1
  38. package/dist/esm/components/Popup.js +1 -1
  39. package/dist/esm/components/RadioGroup.d.ts.map +1 -1
  40. package/dist/esm/components/RadioGroup.js +14 -6
  41. package/dist/esm/components/RadioGroup.js.map +1 -1
  42. package/dist/esm/components/Searchbar.js +1 -1
  43. package/dist/esm/components/Spinner.d.ts +6 -2
  44. package/dist/esm/components/Spinner.d.ts.map +1 -1
  45. package/dist/esm/components/Spinner.js +34 -47
  46. package/dist/esm/components/Spinner.js.map +1 -1
  47. package/dist/esm/components/TextArea.d.ts +6 -3
  48. package/dist/esm/components/TextArea.d.ts.map +1 -1
  49. package/dist/esm/components/TextArea.js +16 -6
  50. package/dist/esm/components/TextArea.js.map +1 -1
  51. package/dist/esm/components/Tree.d.ts +1 -2
  52. package/dist/esm/components/Tree.d.ts.map +1 -1
  53. package/dist/esm/components/Tree.js +16 -24
  54. package/dist/esm/components/Tree.js.map +1 -1
  55. package/dist/esm/components/ZoomableImageCitationWrapper.js +1 -1
  56. package/dist/esm/stories/Banner.stories.js +1 -1
  57. package/dist/esm/stories/Banner.stories.js.map +1 -1
  58. package/dist/esm/stories/Button.stories.d.ts +3 -16
  59. package/dist/esm/stories/Button.stories.d.ts.map +1 -1
  60. package/dist/esm/stories/Button.stories.js +53 -166
  61. package/dist/esm/stories/Button.stories.js.map +1 -1
  62. package/dist/esm/stories/CardButton.stories.js +1 -1
  63. package/dist/esm/stories/CardButton.stories.js.map +1 -1
  64. package/dist/esm/stories/ContextItem.stories.d.ts.map +1 -1
  65. package/dist/esm/stories/ContextItem.stories.js +5 -5
  66. package/dist/esm/stories/ContextItem.stories.js.map +1 -1
  67. package/dist/esm/stories/Dialog.stories.js +1 -1
  68. package/dist/esm/stories/Dialog.stories.js.map +1 -1
  69. package/dist/esm/stories/DropdownMenu.stories.d.ts.map +1 -1
  70. package/dist/esm/stories/DropdownMenu.stories.js +7 -7
  71. package/dist/esm/stories/DropdownMenu.stories.js.map +1 -1
  72. package/dist/esm/stories/IconButton.stories.js +4 -4
  73. package/dist/esm/stories/IconButton.stories.js.map +1 -1
  74. package/dist/esm/stories/Markdown.stories.d.ts +1 -2
  75. package/dist/esm/stories/Markdown.stories.d.ts.map +1 -1
  76. package/dist/esm/stories/Modal.stories.d.ts.map +1 -1
  77. package/dist/esm/stories/Modal.stories.js +1 -2
  78. package/dist/esm/stories/Modal.stories.js.map +1 -1
  79. package/dist/esm/stories/NewDropdown.stories.js +2 -2
  80. package/dist/esm/stories/NewDropdown.stories.js.map +1 -1
  81. package/dist/esm/stories/Page.stories.d.ts.map +1 -1
  82. package/dist/esm/stories/Page.stories.js +6 -6
  83. package/dist/esm/stories/Page.stories.js.map +1 -1
  84. package/dist/esm/stories/Popover.stories.js +1 -1
  85. package/dist/esm/stories/RadioGroup.stories.d.ts.map +1 -1
  86. package/dist/esm/stories/RadioGroup.stories.js +4 -4
  87. package/dist/esm/stories/RadioGroup.stories.js.map +1 -1
  88. package/dist/esm/stories/Searchbar.stories.js +3 -3
  89. package/dist/esm/stories/Searchbar.stories.js.map +1 -1
  90. package/dist/esm/stories/SliderToggle.stories.js +2 -2
  91. package/dist/esm/stories/SliderToggle.stories.js.map +1 -1
  92. package/dist/esm/stories/TextArea.stories.d.ts +1 -1
  93. package/dist/esm/stories/Tree.stories.d.ts.map +1 -1
  94. package/dist/esm/stories/Tree.stories.js +17 -17
  95. package/dist/esm/stories/Tree.stories.js.map +1 -1
  96. package/dist/sparkle.css +160 -269
  97. package/package.json +1 -1
  98. package/src/components/AssistantPreview.tsx +1 -5
  99. package/src/components/Banner.tsx +1 -1
  100. package/src/components/BarHeader.tsx +5 -9
  101. package/src/components/Button.tsx +164 -237
  102. package/src/components/Checkbox.tsx +3 -3
  103. package/src/components/Citation.tsx +1 -1
  104. package/src/components/DataTable.tsx +2 -2
  105. package/src/components/Dialog.tsx +5 -5
  106. package/src/components/FilterChips.tsx +1 -2
  107. package/src/components/IconButton.tsx +51 -87
  108. package/src/components/Markdown.tsx +1 -3
  109. package/src/components/Notification.tsx +1 -1
  110. package/src/components/Pagination.tsx +2 -8
  111. package/src/components/Popup.tsx +1 -1
  112. package/src/components/RadioGroup.tsx +22 -18
  113. package/src/components/Searchbar.tsx +1 -1
  114. package/src/components/Spinner.tsx +45 -68
  115. package/src/components/TextArea.tsx +45 -16
  116. package/src/components/Tree.tsx +18 -37
  117. package/src/components/ZoomableImageCitationWrapper.tsx +1 -1
  118. package/src/stories/Banner.stories.tsx +1 -1
  119. package/src/stories/Button.stories.tsx +60 -606
  120. package/src/stories/CardButton.stories.tsx +1 -1
  121. package/src/stories/ContextItem.stories.tsx +6 -11
  122. package/src/stories/Dialog.stories.tsx +1 -1
  123. package/src/stories/DropdownMenu.stories.tsx +8 -27
  124. package/src/stories/IconButton.stories.tsx +4 -4
  125. package/src/stories/Modal.stories.tsx +1 -2
  126. package/src/stories/NewDropdown.stories.tsx +2 -16
  127. package/src/stories/Page.stories.tsx +6 -9
  128. package/src/stories/Popover.stories.tsx +1 -1
  129. package/src/stories/RadioGroup.stories.tsx +5 -8
  130. package/src/stories/Searchbar.stories.tsx +3 -3
  131. package/src/stories/SliderToggle.stories.tsx +2 -2
  132. package/src/stories/Tree.stories.tsx +9 -22
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;
@@ -880,6 +890,10 @@ select {
880
890
  margin-left: 0.5rem;
881
891
  }
882
892
 
893
+ .s-ml-\[3px\] {
894
+ margin-left: 3px;
895
+ }
896
+
883
897
  .s-ml-auto {
884
898
  margin-left: auto;
885
899
  }
@@ -941,10 +955,6 @@ select {
941
955
  -webkit-line-clamp: 3;
942
956
  }
943
957
 
944
- .s-block {
945
- display: block;
946
- }
947
-
948
958
  .s-inline-block {
949
959
  display: inline-block;
950
960
  }
@@ -1443,6 +1453,21 @@ select {
1443
1453
  animation: s-breathing-scale 3s infinite ease-in-out;
1444
1454
  }
1445
1455
 
1456
+ @keyframes s-pulse {
1457
+ 50% {
1458
+ opacity: .5;
1459
+ box-shadow: 0 0 0 6px var(--pulse-color);
1460
+ }
1461
+
1462
+ 0%, 100% {
1463
+ box-shadow: 0 0 0 0 var(--pulse-color);
1464
+ }
1465
+ }
1466
+
1467
+ .s-animate-pulse {
1468
+ animation: s-pulse var(--duration) ease-out infinite;
1469
+ }
1470
+
1446
1471
  .s-cursor-default {
1447
1472
  cursor: default;
1448
1473
  }
@@ -1465,10 +1490,22 @@ select {
1465
1490
  user-select: none;
1466
1491
  }
1467
1492
 
1493
+ .s-resize-none {
1494
+ resize: none;
1495
+ }
1496
+
1468
1497
  .s-resize-y {
1469
1498
  resize: vertical;
1470
1499
  }
1471
1500
 
1501
+ .s-resize-x {
1502
+ resize: horizontal;
1503
+ }
1504
+
1505
+ .s-resize {
1506
+ resize: both;
1507
+ }
1508
+
1472
1509
  .s-list-decimal {
1473
1510
  list-style-type: decimal;
1474
1511
  }
@@ -1521,10 +1558,6 @@ select {
1521
1558
  flex-wrap: wrap;
1522
1559
  }
1523
1560
 
1524
- .s-flex-nowrap {
1525
- flex-wrap: nowrap;
1526
- }
1527
-
1528
1561
  .s-items-start {
1529
1562
  align-items: flex-start;
1530
1563
  }
@@ -1634,11 +1667,6 @@ select {
1634
1667
  column-gap: 0.25rem;
1635
1668
  }
1636
1669
 
1637
- .s-gap-x-1\.5 {
1638
- -moz-column-gap: 0.375rem;
1639
- column-gap: 0.375rem;
1640
- }
1641
-
1642
1670
  .s-gap-x-2 {
1643
1671
  -moz-column-gap: 0.5rem;
1644
1672
  column-gap: 0.5rem;
@@ -1854,11 +1882,6 @@ select {
1854
1882
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
1855
1883
  }
1856
1884
 
1857
- .s-border-action-600 {
1858
- --tw-border-opacity: 1;
1859
- border-color: rgb(37 99 235 / var(--tw-border-opacity));
1860
- }
1861
-
1862
1885
  .s-border-amber-100 {
1863
1886
  --tw-border-opacity: 1;
1864
1887
  border-color: rgb(254 243 199 / var(--tw-border-opacity));
@@ -1899,6 +1922,11 @@ select {
1899
1922
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
1900
1923
  }
1901
1924
 
1925
+ .s-border-border-darker {
1926
+ --tw-border-opacity: 1;
1927
+ border-color: rgb(148 163 184 / var(--tw-border-opacity));
1928
+ }
1929
+
1902
1930
  .s-border-cyan-100 {
1903
1931
  --tw-border-opacity: 1;
1904
1932
  border-color: rgb(207 250 254 / var(--tw-border-opacity));
@@ -2034,6 +2062,10 @@ select {
2034
2062
  border-color: rgb(249 168 212 / var(--tw-border-opacity));
2035
2063
  }
2036
2064
 
2065
+ .s-border-primary-200\/0 {
2066
+ border-color: rgb(226 232 240 / 0);
2067
+ }
2068
+
2037
2069
  .s-border-purple-100 {
2038
2070
  --tw-border-opacity: 1;
2039
2071
  border-color: rgb(243 232 255 / var(--tw-border-opacity));
@@ -2064,11 +2096,6 @@ select {
2064
2096
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
2065
2097
  }
2066
2098
 
2067
- .s-border-red-500 {
2068
- --tw-border-opacity: 1;
2069
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
2070
- }
2071
-
2072
2099
  .s-border-rose-100 {
2073
2100
  --tw-border-opacity: 1;
2074
2101
  border-color: rgb(255 228 230 / var(--tw-border-opacity));
@@ -2214,11 +2241,6 @@ select {
2214
2241
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
2215
2242
  }
2216
2243
 
2217
- .s-border-warning-600 {
2218
- --tw-border-opacity: 1;
2219
- border-color: rgb(220 38 38 / var(--tw-border-opacity));
2220
- }
2221
-
2222
2244
  .s-border-white\/30 {
2223
2245
  border-color: rgb(255 255 255 / 0.3);
2224
2246
  }
@@ -2585,6 +2607,11 @@ select {
2585
2607
  background-color: rgb(22 101 52 / var(--tw-bg-opacity));
2586
2608
  }
2587
2609
 
2610
+ .s-bg-highlight {
2611
+ --tw-bg-opacity: 1;
2612
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity));
2613
+ }
2614
+
2588
2615
  .s-bg-indigo-100 {
2589
2616
  --tw-bg-opacity: 1;
2590
2617
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
@@ -2750,6 +2777,11 @@ select {
2750
2777
  background-color: rgb(157 23 77 / var(--tw-bg-opacity));
2751
2778
  }
2752
2779
 
2780
+ .s-bg-primary {
2781
+ --tw-bg-opacity: 1;
2782
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity));
2783
+ }
2784
+
2753
2785
  .s-bg-purple-100 {
2754
2786
  --tw-bg-opacity: 1;
2755
2787
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
@@ -3113,6 +3145,11 @@ select {
3113
3145
  background-color: rgb(91 33 182 / var(--tw-bg-opacity));
3114
3146
  }
3115
3147
 
3148
+ .s-bg-warning {
3149
+ --tw-bg-opacity: 1;
3150
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
3151
+ }
3152
+
3116
3153
  .s-bg-warning-100 {
3117
3154
  --tw-bg-opacity: 1;
3118
3155
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
@@ -3284,10 +3321,6 @@ select {
3284
3321
  --tw-gradient-to: #fde047 var(--tw-gradient-to-position);
3285
3322
  }
3286
3323
 
3287
- .s-fill-current {
3288
- fill: currentColor;
3289
- }
3290
-
3291
3324
  .s-object-cover {
3292
3325
  -o-object-fit: cover;
3293
3326
  object-fit: cover;
@@ -3350,16 +3383,6 @@ select {
3350
3383
  padding: 1px;
3351
3384
  }
3352
3385
 
3353
- .s-px-0 {
3354
- padding-left: 0px;
3355
- padding-right: 0px;
3356
- }
3357
-
3358
- .s-px-0\.5 {
3359
- padding-left: 0.125rem;
3360
- padding-right: 0.125rem;
3361
- }
3362
-
3363
3386
  .s-px-1 {
3364
3387
  padding-left: 0.25rem;
3365
3388
  padding-right: 0.25rem;
@@ -3370,6 +3393,11 @@ select {
3370
3393
  padding-right: 0.5rem;
3371
3394
  }
3372
3395
 
3396
+ .s-px-2\.5 {
3397
+ padding-left: 0.625rem;
3398
+ padding-right: 0.625rem;
3399
+ }
3400
+
3373
3401
  .s-px-3 {
3374
3402
  padding-left: 0.75rem;
3375
3403
  padding-right: 0.75rem;
@@ -3647,11 +3675,6 @@ select {
3647
3675
  letter-spacing: 0.1em;
3648
3676
  }
3649
3677
 
3650
- .s-text-action-300 {
3651
- --tw-text-opacity: 1;
3652
- color: rgb(147 197 253 / var(--tw-text-opacity));
3653
- }
3654
-
3655
3678
  .s-text-action-400 {
3656
3679
  --tw-text-opacity: 1;
3657
3680
  color: rgb(96 165 250 / var(--tw-text-opacity));
@@ -3956,14 +3979,24 @@ select {
3956
3979
  color: rgb(80 7 36 / var(--tw-text-opacity));
3957
3980
  }
3958
3981
 
3982
+ .s-text-primary {
3983
+ --tw-text-opacity: 1;
3984
+ color: rgb(30 41 59 / var(--tw-text-opacity));
3985
+ }
3986
+
3959
3987
  .s-text-primary-400 {
3960
3988
  --tw-text-opacity: 1;
3961
- color: rgb(96 165 250 / var(--tw-text-opacity));
3989
+ color: rgb(148 163 184 / var(--tw-text-opacity));
3962
3990
  }
3963
3991
 
3964
3992
  .s-text-primary-950 {
3965
3993
  --tw-text-opacity: 1;
3966
- color: rgb(23 37 84 / var(--tw-text-opacity));
3994
+ color: rgb(2 6 23 / var(--tw-text-opacity));
3995
+ }
3996
+
3997
+ .s-text-primary-dark {
3998
+ --tw-text-opacity: 1;
3999
+ color: rgb(2 6 23 / var(--tw-text-opacity));
3967
4000
  }
3968
4001
 
3969
4002
  .s-text-purple-700 {
@@ -4141,11 +4174,6 @@ select {
4141
4174
  color: rgb(46 16 101 / var(--tw-text-opacity));
4142
4175
  }
4143
4176
 
4144
- .s-text-warning-300 {
4145
- --tw-text-opacity: 1;
4146
- color: rgb(252 165 165 / var(--tw-text-opacity));
4147
- }
4148
-
4149
4177
  .s-text-warning-400 {
4150
4178
  --tw-text-opacity: 1;
4151
4179
  color: rgb(248 113 113 / var(--tw-text-opacity));
@@ -4218,16 +4246,6 @@ select {
4218
4246
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
4219
4247
  }
4220
4248
 
4221
- .s-placeholder-element-700::-moz-placeholder {
4222
- --tw-placeholder-opacity: 1;
4223
- color: rgb(100 116 139 / var(--tw-placeholder-opacity));
4224
- }
4225
-
4226
- .s-placeholder-element-700::placeholder {
4227
- --tw-placeholder-opacity: 1;
4228
- color: rgb(100 116 139 / var(--tw-placeholder-opacity));
4229
- }
4230
-
4231
4249
  .s-opacity-0 {
4232
4250
  opacity: 0;
4233
4251
  }
@@ -4244,10 +4262,6 @@ select {
4244
4262
  opacity: 0.5;
4245
4263
  }
4246
4264
 
4247
- .s-opacity-60 {
4248
- opacity: 0.6;
4249
- }
4250
-
4251
4265
  .s-shadow {
4252
4266
  --tw-shadow: 0 2px 6px 0 rgba(15, 23, 42, 0.1);
4253
4267
  --tw-shadow-colored: 0 2px 6px 0 var(--tw-shadow-color);
@@ -4563,12 +4577,6 @@ select {
4563
4577
  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));
4564
4578
  }
4565
4579
 
4566
- .hover\:s-scale-105:hover {
4567
- --tw-scale-x: 1.05;
4568
- --tw-scale-y: 1.05;
4569
- 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));
4570
- }
4571
-
4572
4580
  .hover\:s-scale-110:hover {
4573
4581
  --tw-scale-x: 1.1;
4574
4582
  --tw-scale-y: 1.1;
@@ -4579,19 +4587,14 @@ select {
4579
4587
  cursor: not-allowed;
4580
4588
  }
4581
4589
 
4582
- .hover\:s-border-action-200:hover {
4583
- --tw-border-opacity: 1;
4584
- border-color: rgb(191 219 254 / var(--tw-border-opacity));
4585
- }
4586
-
4587
4590
  .hover\:s-border-action-300:hover {
4588
4591
  --tw-border-opacity: 1;
4589
4592
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
4590
4593
  }
4591
4594
 
4592
- .hover\:s-border-action-500:hover {
4595
+ .hover\:s-border-primary-200:hover {
4593
4596
  --tw-border-opacity: 1;
4594
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
4597
+ border-color: rgb(226 232 240 / var(--tw-border-opacity));
4595
4598
  }
4596
4599
 
4597
4600
  .hover\:s-border-structure-100:hover {
@@ -4604,24 +4607,24 @@ select {
4604
4607
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
4605
4608
  }
4606
4609
 
4607
- .hover\:s-border-warning-200:hover {
4608
- --tw-border-opacity: 1;
4609
- border-color: rgb(254 202 202 / var(--tw-border-opacity));
4610
+ .hover\:s-bg-action-400:hover {
4611
+ --tw-bg-opacity: 1;
4612
+ background-color: rgb(96 165 250 / var(--tw-bg-opacity));
4610
4613
  }
4611
4614
 
4612
- .hover\:s-border-warning-500:hover {
4613
- --tw-border-opacity: 1;
4614
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
4615
+ .hover\:s-bg-highlight-light:hover {
4616
+ --tw-bg-opacity: 1;
4617
+ background-color: rgb(96 165 250 / var(--tw-bg-opacity));
4615
4618
  }
4616
4619
 
4617
- .hover\:s-bg-action-400:hover {
4620
+ .hover\:s-bg-primary-100:hover {
4618
4621
  --tw-bg-opacity: 1;
4619
- background-color: rgb(96 165 250 / var(--tw-bg-opacity));
4622
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity));
4620
4623
  }
4621
4624
 
4622
- .hover\:s-bg-action-50:hover {
4625
+ .hover\:s-bg-primary-light:hover {
4623
4626
  --tw-bg-opacity: 1;
4624
- background-color: rgb(239 246 255 / var(--tw-bg-opacity));
4627
+ background-color: rgb(51 65 85 / var(--tw-bg-opacity));
4625
4628
  }
4626
4629
 
4627
4630
  .hover\:s-bg-structure-200:hover {
@@ -4639,16 +4642,11 @@ select {
4639
4642
  background-color: rgb(167 243 208 / var(--tw-bg-opacity));
4640
4643
  }
4641
4644
 
4642
- .hover\:s-bg-warning-400:hover {
4645
+ .hover\:s-bg-warning-light:hover {
4643
4646
  --tw-bg-opacity: 1;
4644
4647
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
4645
4648
  }
4646
4649
 
4647
- .hover\:s-bg-warning-50:hover {
4648
- --tw-bg-opacity: 1;
4649
- background-color: rgb(254 242 242 / var(--tw-bg-opacity));
4650
- }
4651
-
4652
4650
  .hover\:s-bg-white:hover {
4653
4651
  --tw-bg-opacity: 1;
4654
4652
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -4664,6 +4662,16 @@ select {
4664
4662
  color: rgb(59 130 246 / var(--tw-text-opacity));
4665
4663
  }
4666
4664
 
4665
+ .hover\:s-text-primary:hover {
4666
+ --tw-text-opacity: 1;
4667
+ color: rgb(30 41 59 / var(--tw-text-opacity));
4668
+ }
4669
+
4670
+ .hover\:s-text-primary-900:hover {
4671
+ --tw-text-opacity: 1;
4672
+ color: rgb(15 23 42 / var(--tw-text-opacity));
4673
+ }
4674
+
4667
4675
  .hover\:s-text-slate-100:hover {
4668
4676
  --tw-text-opacity: 1;
4669
4677
  color: rgb(241 245 249 / var(--tw-text-opacity));
@@ -4679,38 +4687,18 @@ select {
4679
4687
  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);
4680
4688
  }
4681
4689
 
4682
- .hover\:s-drop-shadow-md:hover {
4683
- --tw-drop-shadow: drop-shadow(0 4px 6px rgba(15, 23, 42, 0.12));
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);
4685
- }
4686
-
4687
4690
  .hover\:s-filter:hover {
4688
4691
  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);
4689
4692
  }
4690
4693
 
4691
- .focus\:s-border-action-300:focus {
4692
- --tw-border-opacity: 1;
4693
- border-color: rgb(147 197 253 / var(--tw-border-opacity));
4694
- }
4695
-
4696
- .focus\:s-border-red-500:focus {
4697
- --tw-border-opacity: 1;
4698
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
4699
- }
4700
-
4701
- .focus\:s-bg-action-50-dark:focus {
4702
- --tw-bg-opacity: 1;
4703
- background-color: rgb(23 37 84 / var(--tw-bg-opacity));
4704
- }
4705
-
4706
4694
  .focus\:s-bg-primary-100:focus {
4707
4695
  --tw-bg-opacity: 1;
4708
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
4696
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity));
4709
4697
  }
4710
4698
 
4711
4699
  .focus\:s-text-primary-950:focus {
4712
4700
  --tw-text-opacity: 1;
4713
- color: rgb(23 37 84 / var(--tw-text-opacity));
4701
+ color: rgb(2 6 23 / var(--tw-text-opacity));
4714
4702
  }
4715
4703
 
4716
4704
  .focus\:s-outline-none:focus {
@@ -4735,11 +4723,6 @@ select {
4735
4723
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
4736
4724
  }
4737
4725
 
4738
- .focus\:s-ring-red-500:focus {
4739
- --tw-ring-opacity: 1;
4740
- --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
4741
- }
4742
-
4743
4726
  .focus\:s-ring-warning-300:focus {
4744
4727
  --tw-ring-opacity: 1;
4745
4728
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
@@ -4747,7 +4730,7 @@ select {
4747
4730
 
4748
4731
  .focus-visible\:s-border-primary-400:focus-visible {
4749
4732
  --tw-border-opacity: 1;
4750
- border-color: rgb(96 165 250 / var(--tw-border-opacity));
4733
+ border-color: rgb(148 163 184 / var(--tw-border-opacity));
4751
4734
  }
4752
4735
 
4753
4736
  .focus-visible\:s-outline-none:focus-visible {
@@ -4765,22 +4748,6 @@ select {
4765
4748
  --tw-ring-offset-width: 2px;
4766
4749
  }
4767
4750
 
4768
- .active\:s-scale-100:active {
4769
- --tw-scale-x: 1;
4770
- --tw-scale-y: 1;
4771
- 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));
4772
- }
4773
-
4774
- .active\:s-border-action-500:active {
4775
- --tw-border-opacity: 1;
4776
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
4777
- }
4778
-
4779
- .active\:s-border-action-700:active {
4780
- --tw-border-opacity: 1;
4781
- border-color: rgb(29 78 216 / var(--tw-border-opacity));
4782
- }
4783
-
4784
4751
  .active\:s-border-structure-200:active {
4785
4752
  --tw-border-opacity: 1;
4786
4753
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
@@ -4791,24 +4758,24 @@ select {
4791
4758
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
4792
4759
  }
4793
4760
 
4794
- .active\:s-border-warning-500:active {
4795
- --tw-border-opacity: 1;
4796
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
4761
+ .active\:s-bg-highlight-dark:active {
4762
+ --tw-bg-opacity: 1;
4763
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity));
4797
4764
  }
4798
4765
 
4799
- .active\:s-border-warning-700:active {
4800
- --tw-border-opacity: 1;
4801
- border-color: rgb(185 28 28 / var(--tw-border-opacity));
4766
+ .active\:s-bg-primary-200:active {
4767
+ --tw-bg-opacity: 1;
4768
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity));
4802
4769
  }
4803
4770
 
4804
- .active\:s-bg-action-100:active {
4771
+ .active\:s-bg-primary-300:active {
4805
4772
  --tw-bg-opacity: 1;
4806
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
4773
+ background-color: rgb(203 213 225 / var(--tw-bg-opacity));
4807
4774
  }
4808
4775
 
4809
- .active\:s-bg-action-600:active {
4776
+ .active\:s-bg-primary-dark:active {
4810
4777
  --tw-bg-opacity: 1;
4811
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
4778
+ background-color: rgb(2 6 23 / var(--tw-bg-opacity));
4812
4779
  }
4813
4780
 
4814
4781
  .active\:s-bg-structure-100:active {
@@ -4816,12 +4783,7 @@ select {
4816
4783
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
4817
4784
  }
4818
4785
 
4819
- .active\:s-bg-warning-100:active {
4820
- --tw-bg-opacity: 1;
4821
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
4822
- }
4823
-
4824
- .active\:s-bg-warning-600:active {
4786
+ .active\:s-bg-warning-dark:active {
4825
4787
  --tw-bg-opacity: 1;
4826
4788
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
4827
4789
  }
@@ -4856,25 +4818,54 @@ select {
4856
4818
  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);
4857
4819
  }
4858
4820
 
4859
- .active\:s-drop-shadow-none:active {
4860
- --tw-drop-shadow: drop-shadow(0 0 #0000);
4861
- 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);
4862
- }
4863
-
4864
4821
  .hover\:active\:s-text-action-600:active:hover {
4865
4822
  --tw-text-opacity: 1;
4866
4823
  color: rgb(37 99 235 / var(--tw-text-opacity));
4867
4824
  }
4868
4825
 
4826
+ .disabled\:s-pointer-events-none:disabled {
4827
+ pointer-events: none;
4828
+ }
4829
+
4869
4830
  .disabled\:s-cursor-not-allowed:disabled {
4870
4831
  cursor: not-allowed;
4871
4832
  }
4872
4833
 
4834
+ .disabled\:s-border-structure-100:disabled {
4835
+ --tw-border-opacity: 1;
4836
+ border-color: rgb(241 245 249 / var(--tw-border-opacity));
4837
+ }
4838
+
4839
+ .disabled\:s-bg-highlight-muted:disabled {
4840
+ --tw-bg-opacity: 1;
4841
+ background-color: rgb(147 197 253 / var(--tw-bg-opacity));
4842
+ }
4843
+
4844
+ .disabled\:s-bg-primary-muted:disabled {
4845
+ --tw-bg-opacity: 1;
4846
+ background-color: rgb(148 163 184 / var(--tw-bg-opacity));
4847
+ }
4848
+
4849
+ .disabled\:s-bg-warning-muted:disabled {
4850
+ --tw-bg-opacity: 1;
4851
+ background-color: rgb(252 165 165 / var(--tw-bg-opacity));
4852
+ }
4853
+
4873
4854
  .disabled\:s-text-muted-foreground:disabled {
4874
4855
  --tw-text-opacity: 1;
4875
4856
  color: rgb(100 116 139 / var(--tw-text-opacity));
4876
4857
  }
4877
4858
 
4859
+ .disabled\:s-text-primary-400:disabled {
4860
+ --tw-text-opacity: 1;
4861
+ color: rgb(148 163 184 / var(--tw-text-opacity));
4862
+ }
4863
+
4864
+ .disabled\:s-text-primary-muted:disabled {
4865
+ --tw-text-opacity: 1;
4866
+ color: rgb(148 163 184 / var(--tw-text-opacity));
4867
+ }
4868
+
4878
4869
  .disabled\:s-opacity-50:disabled {
4879
4870
  opacity: 0.5;
4880
4871
  }
@@ -4973,7 +4964,12 @@ select {
4973
4964
  pointer-events: none;
4974
4965
  }
4975
4966
 
4976
- .data-\[state\=checked\]\:s-bg-action-500[data-state=checked] {
4967
+ .data-\[state\=checked\]\:s-border-highlight[data-state=checked] {
4968
+ --tw-border-opacity: 1;
4969
+ border-color: rgb(59 130 246 / var(--tw-border-opacity));
4970
+ }
4971
+
4972
+ .data-\[state\=checked\]\:s-bg-highlight[data-state=checked] {
4977
4973
  --tw-bg-opacity: 1;
4978
4974
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
4979
4975
  }
@@ -4985,12 +4981,7 @@ select {
4985
4981
 
4986
4982
  .data-\[disabled\]\:s-text-primary-400[data-disabled] {
4987
4983
  --tw-text-opacity: 1;
4988
- color: rgb(96 165 250 / var(--tw-text-opacity));
4989
- }
4990
-
4991
- .data-\[state\=checked\]\:s-text-foreground[data-state=checked] {
4992
- --tw-text-opacity: 1;
4993
- color: rgb(2 6 23 / var(--tw-text-opacity));
4984
+ color: rgb(148 163 184 / var(--tw-text-opacity));
4994
4985
  }
4995
4986
 
4996
4987
  .data-\[state\=checked\]\:s-text-white[data-state=checked] {
@@ -5050,11 +5041,6 @@ select {
5050
5041
  --tw-enter-translate-y: 0.5rem;
5051
5042
  }
5052
5043
 
5053
- :is(.s-dark .dark\:s-border-action-200-dark) {
5054
- --tw-border-opacity: 1;
5055
- border-color: rgb(30 64 175 / var(--tw-border-opacity));
5056
- }
5057
-
5058
5044
  :is(.s-dark .dark\:s-border-action-500-dark) {
5059
5045
  --tw-border-opacity: 1;
5060
5046
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
@@ -5074,25 +5060,10 @@ select {
5074
5060
  border-color: rgb(51 65 85 / 0.5);
5075
5061
  }
5076
5062
 
5077
- :is(.s-dark .dark\:s-border-structure-300-dark) {
5078
- --tw-border-opacity: 1;
5079
- border-color: rgb(71 85 105 / var(--tw-border-opacity));
5080
- }
5081
-
5082
5063
  :is(.s-dark .dark\:s-border-structure-300-dark\/30) {
5083
5064
  border-color: rgb(71 85 105 / 0.3);
5084
5065
  }
5085
5066
 
5086
- :is(.s-dark .dark\:s-border-warning-200-dark) {
5087
- --tw-border-opacity: 1;
5088
- border-color: rgb(153 27 27 / var(--tw-border-opacity));
5089
- }
5090
-
5091
- :is(.s-dark .dark\:s-bg-action-100-dark) {
5092
- --tw-bg-opacity: 1;
5093
- background-color: rgb(30 58 138 / var(--tw-bg-opacity));
5094
- }
5095
-
5096
5067
  :is(.s-dark .dark\:s-bg-amber-500) {
5097
5068
  --tw-bg-opacity: 1;
5098
5069
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
@@ -5123,11 +5094,6 @@ select {
5123
5094
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
5124
5095
  }
5125
5096
 
5126
- :is(.s-dark .dark\:s-bg-structure-100-dark) {
5127
- --tw-bg-opacity: 1;
5128
- background-color: rgb(30 41 59 / var(--tw-bg-opacity));
5129
- }
5130
-
5131
5097
  :is(.s-dark .dark\:s-bg-structure-200-dark) {
5132
5098
  --tw-bg-opacity: 1;
5133
5099
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
@@ -5152,11 +5118,6 @@ select {
5152
5118
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
5153
5119
  }
5154
5120
 
5155
- :is(.s-dark .dark\:s-bg-warning-100-dark) {
5156
- --tw-bg-opacity: 1;
5157
- background-color: rgb(127 29 29 / var(--tw-bg-opacity));
5158
- }
5159
-
5160
5121
  :is(.s-dark :is(.s-dark .dark\:dark\:s-text-action-500-dark)) {
5161
5122
  --tw-text-opacity: 1;
5162
5123
  color: rgb(59 130 246 / var(--tw-text-opacity));
@@ -5172,11 +5133,6 @@ select {
5172
5133
  color: rgb(96 165 250 / var(--tw-text-opacity));
5173
5134
  }
5174
5135
 
5175
- :is(.s-dark .dark\:s-text-action-700-dark) {
5176
- --tw-text-opacity: 1;
5177
- color: rgb(147 197 253 / var(--tw-text-opacity));
5178
- }
5179
-
5180
5136
  :is(.s-dark .dark\:s-text-amber-950) {
5181
5137
  --tw-text-opacity: 1;
5182
5138
  color: rgb(69 26 3 / var(--tw-text-opacity));
@@ -5237,16 +5193,6 @@ select {
5237
5193
  color: rgb(239 68 68 / var(--tw-text-opacity));
5238
5194
  }
5239
5195
 
5240
- :is(.s-dark .dark\:s-text-warning-600-dark) {
5241
- --tw-text-opacity: 1;
5242
- color: rgb(248 113 113 / var(--tw-text-opacity));
5243
- }
5244
-
5245
- :is(.s-dark .dark\:s-text-warning-700-dark) {
5246
- --tw-text-opacity: 1;
5247
- color: rgb(252 165 165 / var(--tw-text-opacity));
5248
- }
5249
-
5250
5196
  :is(.s-dark .dark\:s-ring-structure-300-dark) {
5251
5197
  --tw-ring-opacity: 1;
5252
5198
  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity));
@@ -5257,41 +5203,11 @@ select {
5257
5203
  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity));
5258
5204
  }
5259
5205
 
5260
- :is(.s-dark .dark\:s-saturate-50) {
5261
- --tw-saturate: saturate(.5);
5262
- 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);
5263
- }
5264
-
5265
- :is(.s-dark .dark\:hover\:s-border-action-300-dark:hover) {
5266
- --tw-border-opacity: 1;
5267
- border-color: rgb(29 78 216 / var(--tw-border-opacity));
5268
- }
5269
-
5270
- :is(.s-dark .dark\:hover\:s-border-warning-300-dark:hover) {
5271
- --tw-border-opacity: 1;
5272
- border-color: rgb(185 28 28 / var(--tw-border-opacity));
5273
- }
5274
-
5275
5206
  :is(.s-dark .dark\:hover\:s-bg-action-400:hover) {
5276
5207
  --tw-bg-opacity: 1;
5277
5208
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
5278
5209
  }
5279
5210
 
5280
- :is(.s-dark .dark\:hover\:s-bg-action-50-dark:hover) {
5281
- --tw-bg-opacity: 1;
5282
- background-color: rgb(23 37 84 / var(--tw-bg-opacity));
5283
- }
5284
-
5285
- :is(.s-dark .dark\:hover\:s-bg-warning-50-dark:hover) {
5286
- --tw-bg-opacity: 1;
5287
- background-color: rgb(69 10 10 / var(--tw-bg-opacity));
5288
- }
5289
-
5290
- :is(.s-dark .dark\:hover\:s-text-action-300:hover) {
5291
- --tw-text-opacity: 1;
5292
- color: rgb(147 197 253 / var(--tw-text-opacity));
5293
- }
5294
-
5295
5211
  :is(.s-dark .dark\:hover\:s-text-action-500-dark:hover) {
5296
5212
  --tw-text-opacity: 1;
5297
5213
  color: rgb(59 130 246 / var(--tw-text-opacity));
@@ -5302,11 +5218,6 @@ select {
5302
5218
  color: rgb(96 165 250 / var(--tw-text-opacity));
5303
5219
  }
5304
5220
 
5305
- :is(.s-dark .dark\:hover\:s-text-action-700-dark:hover) {
5306
- --tw-text-opacity: 1;
5307
- color: rgb(147 197 253 / var(--tw-text-opacity));
5308
- }
5309
-
5310
5221
  :is(.s-dark .dark\:hover\:s-text-warning-500-dark:hover) {
5311
5222
  --tw-text-opacity: 1;
5312
5223
  color: rgb(239 68 68 / var(--tw-text-opacity));
@@ -5322,26 +5233,6 @@ select {
5322
5233
  --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity));
5323
5234
  }
5324
5235
 
5325
- :is(.s-dark .dark\:active\:s-border-action-500-dark:active) {
5326
- --tw-border-opacity: 1;
5327
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
5328
- }
5329
-
5330
- :is(.s-dark .dark\:active\:s-border-warning-500-dark:active) {
5331
- --tw-border-opacity: 1;
5332
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
5333
- }
5334
-
5335
- :is(.s-dark .dark\:active\:s-bg-action-100-dark:active) {
5336
- --tw-bg-opacity: 1;
5337
- background-color: rgb(30 58 138 / var(--tw-bg-opacity));
5338
- }
5339
-
5340
- :is(.s-dark .dark\:active\:s-bg-warning-100-dark:active) {
5341
- --tw-bg-opacity: 1;
5342
- background-color: rgb(127 29 29 / var(--tw-bg-opacity));
5343
- }
5344
-
5345
5236
  :is(.s-dark .dark\:active\:s-text-action-600:active) {
5346
5237
  --tw-text-opacity: 1;
5347
5238
  color: rgb(37 99 235 / var(--tw-text-opacity));