@dust-tt/sparkle 0.2.271 → 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 (126) hide show
  1. package/dist/cjs/index.js +8186 -8284
  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/Tree.d.ts +1 -2
  48. package/dist/esm/components/Tree.d.ts.map +1 -1
  49. package/dist/esm/components/Tree.js +16 -24
  50. package/dist/esm/components/Tree.js.map +1 -1
  51. package/dist/esm/components/ZoomableImageCitationWrapper.js +1 -1
  52. package/dist/esm/stories/Banner.stories.js +1 -1
  53. package/dist/esm/stories/Banner.stories.js.map +1 -1
  54. package/dist/esm/stories/Button.stories.d.ts +3 -16
  55. package/dist/esm/stories/Button.stories.d.ts.map +1 -1
  56. package/dist/esm/stories/Button.stories.js +53 -166
  57. package/dist/esm/stories/Button.stories.js.map +1 -1
  58. package/dist/esm/stories/CardButton.stories.js +1 -1
  59. package/dist/esm/stories/CardButton.stories.js.map +1 -1
  60. package/dist/esm/stories/ContextItem.stories.d.ts.map +1 -1
  61. package/dist/esm/stories/ContextItem.stories.js +5 -5
  62. package/dist/esm/stories/ContextItem.stories.js.map +1 -1
  63. package/dist/esm/stories/Dialog.stories.js +1 -1
  64. package/dist/esm/stories/Dialog.stories.js.map +1 -1
  65. package/dist/esm/stories/DropdownMenu.stories.d.ts.map +1 -1
  66. package/dist/esm/stories/DropdownMenu.stories.js +7 -7
  67. package/dist/esm/stories/DropdownMenu.stories.js.map +1 -1
  68. package/dist/esm/stories/IconButton.stories.js +4 -4
  69. package/dist/esm/stories/IconButton.stories.js.map +1 -1
  70. package/dist/esm/stories/Markdown.stories.d.ts +1 -2
  71. package/dist/esm/stories/Markdown.stories.d.ts.map +1 -1
  72. package/dist/esm/stories/Modal.stories.d.ts.map +1 -1
  73. package/dist/esm/stories/Modal.stories.js +1 -2
  74. package/dist/esm/stories/Modal.stories.js.map +1 -1
  75. package/dist/esm/stories/NewDropdown.stories.js +2 -2
  76. package/dist/esm/stories/NewDropdown.stories.js.map +1 -1
  77. package/dist/esm/stories/Page.stories.d.ts.map +1 -1
  78. package/dist/esm/stories/Page.stories.js +6 -6
  79. package/dist/esm/stories/Page.stories.js.map +1 -1
  80. package/dist/esm/stories/Popover.stories.js +1 -1
  81. package/dist/esm/stories/RadioGroup.stories.d.ts.map +1 -1
  82. package/dist/esm/stories/RadioGroup.stories.js +4 -4
  83. package/dist/esm/stories/RadioGroup.stories.js.map +1 -1
  84. package/dist/esm/stories/Searchbar.stories.js +3 -3
  85. package/dist/esm/stories/Searchbar.stories.js.map +1 -1
  86. package/dist/esm/stories/SliderToggle.stories.js +2 -2
  87. package/dist/esm/stories/SliderToggle.stories.js.map +1 -1
  88. package/dist/esm/stories/Tree.stories.d.ts.map +1 -1
  89. package/dist/esm/stories/Tree.stories.js +17 -17
  90. package/dist/esm/stories/Tree.stories.js.map +1 -1
  91. package/dist/sparkle.css +148 -235
  92. package/package.json +1 -1
  93. package/src/components/AssistantPreview.tsx +1 -5
  94. package/src/components/Banner.tsx +1 -1
  95. package/src/components/BarHeader.tsx +5 -9
  96. package/src/components/Button.tsx +164 -237
  97. package/src/components/Checkbox.tsx +3 -3
  98. package/src/components/Citation.tsx +1 -1
  99. package/src/components/DataTable.tsx +2 -2
  100. package/src/components/Dialog.tsx +5 -5
  101. package/src/components/FilterChips.tsx +1 -2
  102. package/src/components/IconButton.tsx +51 -87
  103. package/src/components/Markdown.tsx +1 -3
  104. package/src/components/Notification.tsx +1 -1
  105. package/src/components/Pagination.tsx +2 -8
  106. package/src/components/Popup.tsx +1 -1
  107. package/src/components/RadioGroup.tsx +22 -18
  108. package/src/components/Searchbar.tsx +1 -1
  109. package/src/components/Spinner.tsx +45 -68
  110. package/src/components/Tree.tsx +18 -37
  111. package/src/components/ZoomableImageCitationWrapper.tsx +1 -1
  112. package/src/stories/Banner.stories.tsx +1 -1
  113. package/src/stories/Button.stories.tsx +60 -606
  114. package/src/stories/CardButton.stories.tsx +1 -1
  115. package/src/stories/ContextItem.stories.tsx +6 -11
  116. package/src/stories/Dialog.stories.tsx +1 -1
  117. package/src/stories/DropdownMenu.stories.tsx +8 -27
  118. package/src/stories/IconButton.stories.tsx +4 -4
  119. package/src/stories/Modal.stories.tsx +1 -2
  120. package/src/stories/NewDropdown.stories.tsx +2 -16
  121. package/src/stories/Page.stories.tsx +6 -9
  122. package/src/stories/Popover.stories.tsx +1 -1
  123. package/src/stories/RadioGroup.stories.tsx +5 -8
  124. package/src/stories/Searchbar.stories.tsx +3 -3
  125. package/src/stories/SliderToggle.stories.tsx +2 -2
  126. 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
  }
@@ -1439,6 +1453,21 @@ select {
1439
1453
  animation: s-breathing-scale 3s infinite ease-in-out;
1440
1454
  }
1441
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
+
1442
1471
  .s-cursor-default {
1443
1472
  cursor: default;
1444
1473
  }
@@ -1529,10 +1558,6 @@ select {
1529
1558
  flex-wrap: wrap;
1530
1559
  }
1531
1560
 
1532
- .s-flex-nowrap {
1533
- flex-wrap: nowrap;
1534
- }
1535
-
1536
1561
  .s-items-start {
1537
1562
  align-items: flex-start;
1538
1563
  }
@@ -1642,11 +1667,6 @@ select {
1642
1667
  column-gap: 0.25rem;
1643
1668
  }
1644
1669
 
1645
- .s-gap-x-1\.5 {
1646
- -moz-column-gap: 0.375rem;
1647
- column-gap: 0.375rem;
1648
- }
1649
-
1650
1670
  .s-gap-x-2 {
1651
1671
  -moz-column-gap: 0.5rem;
1652
1672
  column-gap: 0.5rem;
@@ -1862,11 +1882,6 @@ select {
1862
1882
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
1863
1883
  }
1864
1884
 
1865
- .s-border-action-600 {
1866
- --tw-border-opacity: 1;
1867
- border-color: rgb(37 99 235 / var(--tw-border-opacity));
1868
- }
1869
-
1870
1885
  .s-border-amber-100 {
1871
1886
  --tw-border-opacity: 1;
1872
1887
  border-color: rgb(254 243 199 / var(--tw-border-opacity));
@@ -1907,6 +1922,11 @@ select {
1907
1922
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
1908
1923
  }
1909
1924
 
1925
+ .s-border-border-darker {
1926
+ --tw-border-opacity: 1;
1927
+ border-color: rgb(148 163 184 / var(--tw-border-opacity));
1928
+ }
1929
+
1910
1930
  .s-border-cyan-100 {
1911
1931
  --tw-border-opacity: 1;
1912
1932
  border-color: rgb(207 250 254 / var(--tw-border-opacity));
@@ -2042,6 +2062,10 @@ select {
2042
2062
  border-color: rgb(249 168 212 / var(--tw-border-opacity));
2043
2063
  }
2044
2064
 
2065
+ .s-border-primary-200\/0 {
2066
+ border-color: rgb(226 232 240 / 0);
2067
+ }
2068
+
2045
2069
  .s-border-purple-100 {
2046
2070
  --tw-border-opacity: 1;
2047
2071
  border-color: rgb(243 232 255 / var(--tw-border-opacity));
@@ -2217,11 +2241,6 @@ select {
2217
2241
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
2218
2242
  }
2219
2243
 
2220
- .s-border-warning-600 {
2221
- --tw-border-opacity: 1;
2222
- border-color: rgb(220 38 38 / var(--tw-border-opacity));
2223
- }
2224
-
2225
2244
  .s-border-white\/30 {
2226
2245
  border-color: rgb(255 255 255 / 0.3);
2227
2246
  }
@@ -2588,6 +2607,11 @@ select {
2588
2607
  background-color: rgb(22 101 52 / var(--tw-bg-opacity));
2589
2608
  }
2590
2609
 
2610
+ .s-bg-highlight {
2611
+ --tw-bg-opacity: 1;
2612
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity));
2613
+ }
2614
+
2591
2615
  .s-bg-indigo-100 {
2592
2616
  --tw-bg-opacity: 1;
2593
2617
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
@@ -2753,6 +2777,11 @@ select {
2753
2777
  background-color: rgb(157 23 77 / var(--tw-bg-opacity));
2754
2778
  }
2755
2779
 
2780
+ .s-bg-primary {
2781
+ --tw-bg-opacity: 1;
2782
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity));
2783
+ }
2784
+
2756
2785
  .s-bg-purple-100 {
2757
2786
  --tw-bg-opacity: 1;
2758
2787
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
@@ -3116,6 +3145,11 @@ select {
3116
3145
  background-color: rgb(91 33 182 / var(--tw-bg-opacity));
3117
3146
  }
3118
3147
 
3148
+ .s-bg-warning {
3149
+ --tw-bg-opacity: 1;
3150
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
3151
+ }
3152
+
3119
3153
  .s-bg-warning-100 {
3120
3154
  --tw-bg-opacity: 1;
3121
3155
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
@@ -3287,10 +3321,6 @@ select {
3287
3321
  --tw-gradient-to: #fde047 var(--tw-gradient-to-position);
3288
3322
  }
3289
3323
 
3290
- .s-fill-current {
3291
- fill: currentColor;
3292
- }
3293
-
3294
3324
  .s-object-cover {
3295
3325
  -o-object-fit: cover;
3296
3326
  object-fit: cover;
@@ -3353,16 +3383,6 @@ select {
3353
3383
  padding: 1px;
3354
3384
  }
3355
3385
 
3356
- .s-px-0 {
3357
- padding-left: 0px;
3358
- padding-right: 0px;
3359
- }
3360
-
3361
- .s-px-0\.5 {
3362
- padding-left: 0.125rem;
3363
- padding-right: 0.125rem;
3364
- }
3365
-
3366
3386
  .s-px-1 {
3367
3387
  padding-left: 0.25rem;
3368
3388
  padding-right: 0.25rem;
@@ -3373,6 +3393,11 @@ select {
3373
3393
  padding-right: 0.5rem;
3374
3394
  }
3375
3395
 
3396
+ .s-px-2\.5 {
3397
+ padding-left: 0.625rem;
3398
+ padding-right: 0.625rem;
3399
+ }
3400
+
3376
3401
  .s-px-3 {
3377
3402
  padding-left: 0.75rem;
3378
3403
  padding-right: 0.75rem;
@@ -3650,11 +3675,6 @@ select {
3650
3675
  letter-spacing: 0.1em;
3651
3676
  }
3652
3677
 
3653
- .s-text-action-300 {
3654
- --tw-text-opacity: 1;
3655
- color: rgb(147 197 253 / var(--tw-text-opacity));
3656
- }
3657
-
3658
3678
  .s-text-action-400 {
3659
3679
  --tw-text-opacity: 1;
3660
3680
  color: rgb(96 165 250 / var(--tw-text-opacity));
@@ -3959,14 +3979,24 @@ select {
3959
3979
  color: rgb(80 7 36 / var(--tw-text-opacity));
3960
3980
  }
3961
3981
 
3982
+ .s-text-primary {
3983
+ --tw-text-opacity: 1;
3984
+ color: rgb(30 41 59 / var(--tw-text-opacity));
3985
+ }
3986
+
3962
3987
  .s-text-primary-400 {
3963
3988
  --tw-text-opacity: 1;
3964
- color: rgb(96 165 250 / var(--tw-text-opacity));
3989
+ color: rgb(148 163 184 / var(--tw-text-opacity));
3965
3990
  }
3966
3991
 
3967
3992
  .s-text-primary-950 {
3968
3993
  --tw-text-opacity: 1;
3969
- 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));
3970
4000
  }
3971
4001
 
3972
4002
  .s-text-purple-700 {
@@ -4144,11 +4174,6 @@ select {
4144
4174
  color: rgb(46 16 101 / var(--tw-text-opacity));
4145
4175
  }
4146
4176
 
4147
- .s-text-warning-300 {
4148
- --tw-text-opacity: 1;
4149
- color: rgb(252 165 165 / var(--tw-text-opacity));
4150
- }
4151
-
4152
4177
  .s-text-warning-400 {
4153
4178
  --tw-text-opacity: 1;
4154
4179
  color: rgb(248 113 113 / var(--tw-text-opacity));
@@ -4237,10 +4262,6 @@ select {
4237
4262
  opacity: 0.5;
4238
4263
  }
4239
4264
 
4240
- .s-opacity-60 {
4241
- opacity: 0.6;
4242
- }
4243
-
4244
4265
  .s-shadow {
4245
4266
  --tw-shadow: 0 2px 6px 0 rgba(15, 23, 42, 0.1);
4246
4267
  --tw-shadow-colored: 0 2px 6px 0 var(--tw-shadow-color);
@@ -4556,12 +4577,6 @@ select {
4556
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));
4557
4578
  }
4558
4579
 
4559
- .hover\:s-scale-105:hover {
4560
- --tw-scale-x: 1.05;
4561
- --tw-scale-y: 1.05;
4562
- 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));
4563
- }
4564
-
4565
4580
  .hover\:s-scale-110:hover {
4566
4581
  --tw-scale-x: 1.1;
4567
4582
  --tw-scale-y: 1.1;
@@ -4572,19 +4587,14 @@ select {
4572
4587
  cursor: not-allowed;
4573
4588
  }
4574
4589
 
4575
- .hover\:s-border-action-200:hover {
4576
- --tw-border-opacity: 1;
4577
- border-color: rgb(191 219 254 / var(--tw-border-opacity));
4578
- }
4579
-
4580
4590
  .hover\:s-border-action-300:hover {
4581
4591
  --tw-border-opacity: 1;
4582
4592
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
4583
4593
  }
4584
4594
 
4585
- .hover\:s-border-action-500:hover {
4595
+ .hover\:s-border-primary-200:hover {
4586
4596
  --tw-border-opacity: 1;
4587
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
4597
+ border-color: rgb(226 232 240 / var(--tw-border-opacity));
4588
4598
  }
4589
4599
 
4590
4600
  .hover\:s-border-structure-100:hover {
@@ -4597,24 +4607,24 @@ select {
4597
4607
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
4598
4608
  }
4599
4609
 
4600
- .hover\:s-border-warning-200:hover {
4601
- --tw-border-opacity: 1;
4602
- 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));
4603
4613
  }
4604
4614
 
4605
- .hover\:s-border-warning-500:hover {
4606
- --tw-border-opacity: 1;
4607
- 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));
4608
4618
  }
4609
4619
 
4610
- .hover\:s-bg-action-400:hover {
4620
+ .hover\:s-bg-primary-100:hover {
4611
4621
  --tw-bg-opacity: 1;
4612
- background-color: rgb(96 165 250 / var(--tw-bg-opacity));
4622
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity));
4613
4623
  }
4614
4624
 
4615
- .hover\:s-bg-action-50:hover {
4625
+ .hover\:s-bg-primary-light:hover {
4616
4626
  --tw-bg-opacity: 1;
4617
- background-color: rgb(239 246 255 / var(--tw-bg-opacity));
4627
+ background-color: rgb(51 65 85 / var(--tw-bg-opacity));
4618
4628
  }
4619
4629
 
4620
4630
  .hover\:s-bg-structure-200:hover {
@@ -4632,16 +4642,11 @@ select {
4632
4642
  background-color: rgb(167 243 208 / var(--tw-bg-opacity));
4633
4643
  }
4634
4644
 
4635
- .hover\:s-bg-warning-400:hover {
4645
+ .hover\:s-bg-warning-light:hover {
4636
4646
  --tw-bg-opacity: 1;
4637
4647
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
4638
4648
  }
4639
4649
 
4640
- .hover\:s-bg-warning-50:hover {
4641
- --tw-bg-opacity: 1;
4642
- background-color: rgb(254 242 242 / var(--tw-bg-opacity));
4643
- }
4644
-
4645
4650
  .hover\:s-bg-white:hover {
4646
4651
  --tw-bg-opacity: 1;
4647
4652
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -4657,6 +4662,16 @@ select {
4657
4662
  color: rgb(59 130 246 / var(--tw-text-opacity));
4658
4663
  }
4659
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
+
4660
4675
  .hover\:s-text-slate-100:hover {
4661
4676
  --tw-text-opacity: 1;
4662
4677
  color: rgb(241 245 249 / var(--tw-text-opacity));
@@ -4672,28 +4687,18 @@ select {
4672
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);
4673
4688
  }
4674
4689
 
4675
- .hover\:s-drop-shadow-md:hover {
4676
- --tw-drop-shadow: drop-shadow(0 4px 6px rgba(15, 23, 42, 0.12));
4677
- 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);
4678
- }
4679
-
4680
4690
  .hover\:s-filter:hover {
4681
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);
4682
4692
  }
4683
4693
 
4684
- .focus\:s-bg-action-50-dark:focus {
4685
- --tw-bg-opacity: 1;
4686
- background-color: rgb(23 37 84 / var(--tw-bg-opacity));
4687
- }
4688
-
4689
4694
  .focus\:s-bg-primary-100:focus {
4690
4695
  --tw-bg-opacity: 1;
4691
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
4696
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity));
4692
4697
  }
4693
4698
 
4694
4699
  .focus\:s-text-primary-950:focus {
4695
4700
  --tw-text-opacity: 1;
4696
- color: rgb(23 37 84 / var(--tw-text-opacity));
4701
+ color: rgb(2 6 23 / var(--tw-text-opacity));
4697
4702
  }
4698
4703
 
4699
4704
  .focus\:s-outline-none:focus {
@@ -4725,7 +4730,7 @@ select {
4725
4730
 
4726
4731
  .focus-visible\:s-border-primary-400:focus-visible {
4727
4732
  --tw-border-opacity: 1;
4728
- border-color: rgb(96 165 250 / var(--tw-border-opacity));
4733
+ border-color: rgb(148 163 184 / var(--tw-border-opacity));
4729
4734
  }
4730
4735
 
4731
4736
  .focus-visible\:s-outline-none:focus-visible {
@@ -4743,22 +4748,6 @@ select {
4743
4748
  --tw-ring-offset-width: 2px;
4744
4749
  }
4745
4750
 
4746
- .active\:s-scale-100:active {
4747
- --tw-scale-x: 1;
4748
- --tw-scale-y: 1;
4749
- 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));
4750
- }
4751
-
4752
- .active\:s-border-action-500:active {
4753
- --tw-border-opacity: 1;
4754
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
4755
- }
4756
-
4757
- .active\:s-border-action-700:active {
4758
- --tw-border-opacity: 1;
4759
- border-color: rgb(29 78 216 / var(--tw-border-opacity));
4760
- }
4761
-
4762
4751
  .active\:s-border-structure-200:active {
4763
4752
  --tw-border-opacity: 1;
4764
4753
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
@@ -4769,24 +4758,24 @@ select {
4769
4758
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
4770
4759
  }
4771
4760
 
4772
- .active\:s-border-warning-500:active {
4773
- --tw-border-opacity: 1;
4774
- 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));
4775
4764
  }
4776
4765
 
4777
- .active\:s-border-warning-700:active {
4778
- --tw-border-opacity: 1;
4779
- 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));
4780
4769
  }
4781
4770
 
4782
- .active\:s-bg-action-100:active {
4771
+ .active\:s-bg-primary-300:active {
4783
4772
  --tw-bg-opacity: 1;
4784
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
4773
+ background-color: rgb(203 213 225 / var(--tw-bg-opacity));
4785
4774
  }
4786
4775
 
4787
- .active\:s-bg-action-600:active {
4776
+ .active\:s-bg-primary-dark:active {
4788
4777
  --tw-bg-opacity: 1;
4789
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
4778
+ background-color: rgb(2 6 23 / var(--tw-bg-opacity));
4790
4779
  }
4791
4780
 
4792
4781
  .active\:s-bg-structure-100:active {
@@ -4794,12 +4783,7 @@ select {
4794
4783
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
4795
4784
  }
4796
4785
 
4797
- .active\:s-bg-warning-100:active {
4798
- --tw-bg-opacity: 1;
4799
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
4800
- }
4801
-
4802
- .active\:s-bg-warning-600:active {
4786
+ .active\:s-bg-warning-dark:active {
4803
4787
  --tw-bg-opacity: 1;
4804
4788
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
4805
4789
  }
@@ -4834,25 +4818,54 @@ select {
4834
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);
4835
4819
  }
4836
4820
 
4837
- .active\:s-drop-shadow-none:active {
4838
- --tw-drop-shadow: drop-shadow(0 0 #0000);
4839
- 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);
4840
- }
4841
-
4842
4821
  .hover\:active\:s-text-action-600:active:hover {
4843
4822
  --tw-text-opacity: 1;
4844
4823
  color: rgb(37 99 235 / var(--tw-text-opacity));
4845
4824
  }
4846
4825
 
4826
+ .disabled\:s-pointer-events-none:disabled {
4827
+ pointer-events: none;
4828
+ }
4829
+
4847
4830
  .disabled\:s-cursor-not-allowed:disabled {
4848
4831
  cursor: not-allowed;
4849
4832
  }
4850
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
+
4851
4854
  .disabled\:s-text-muted-foreground:disabled {
4852
4855
  --tw-text-opacity: 1;
4853
4856
  color: rgb(100 116 139 / var(--tw-text-opacity));
4854
4857
  }
4855
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
+
4856
4869
  .disabled\:s-opacity-50:disabled {
4857
4870
  opacity: 0.5;
4858
4871
  }
@@ -4951,7 +4964,12 @@ select {
4951
4964
  pointer-events: none;
4952
4965
  }
4953
4966
 
4954
- .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] {
4955
4973
  --tw-bg-opacity: 1;
4956
4974
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
4957
4975
  }
@@ -4963,12 +4981,7 @@ select {
4963
4981
 
4964
4982
  .data-\[disabled\]\:s-text-primary-400[data-disabled] {
4965
4983
  --tw-text-opacity: 1;
4966
- color: rgb(96 165 250 / var(--tw-text-opacity));
4967
- }
4968
-
4969
- .data-\[state\=checked\]\:s-text-foreground[data-state=checked] {
4970
- --tw-text-opacity: 1;
4971
- color: rgb(2 6 23 / var(--tw-text-opacity));
4984
+ color: rgb(148 163 184 / var(--tw-text-opacity));
4972
4985
  }
4973
4986
 
4974
4987
  .data-\[state\=checked\]\:s-text-white[data-state=checked] {
@@ -5028,11 +5041,6 @@ select {
5028
5041
  --tw-enter-translate-y: 0.5rem;
5029
5042
  }
5030
5043
 
5031
- :is(.s-dark .dark\:s-border-action-200-dark) {
5032
- --tw-border-opacity: 1;
5033
- border-color: rgb(30 64 175 / var(--tw-border-opacity));
5034
- }
5035
-
5036
5044
  :is(.s-dark .dark\:s-border-action-500-dark) {
5037
5045
  --tw-border-opacity: 1;
5038
5046
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
@@ -5052,25 +5060,10 @@ select {
5052
5060
  border-color: rgb(51 65 85 / 0.5);
5053
5061
  }
5054
5062
 
5055
- :is(.s-dark .dark\:s-border-structure-300-dark) {
5056
- --tw-border-opacity: 1;
5057
- border-color: rgb(71 85 105 / var(--tw-border-opacity));
5058
- }
5059
-
5060
5063
  :is(.s-dark .dark\:s-border-structure-300-dark\/30) {
5061
5064
  border-color: rgb(71 85 105 / 0.3);
5062
5065
  }
5063
5066
 
5064
- :is(.s-dark .dark\:s-border-warning-200-dark) {
5065
- --tw-border-opacity: 1;
5066
- border-color: rgb(153 27 27 / var(--tw-border-opacity));
5067
- }
5068
-
5069
- :is(.s-dark .dark\:s-bg-action-100-dark) {
5070
- --tw-bg-opacity: 1;
5071
- background-color: rgb(30 58 138 / var(--tw-bg-opacity));
5072
- }
5073
-
5074
5067
  :is(.s-dark .dark\:s-bg-amber-500) {
5075
5068
  --tw-bg-opacity: 1;
5076
5069
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
@@ -5101,11 +5094,6 @@ select {
5101
5094
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
5102
5095
  }
5103
5096
 
5104
- :is(.s-dark .dark\:s-bg-structure-100-dark) {
5105
- --tw-bg-opacity: 1;
5106
- background-color: rgb(30 41 59 / var(--tw-bg-opacity));
5107
- }
5108
-
5109
5097
  :is(.s-dark .dark\:s-bg-structure-200-dark) {
5110
5098
  --tw-bg-opacity: 1;
5111
5099
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
@@ -5130,11 +5118,6 @@ select {
5130
5118
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
5131
5119
  }
5132
5120
 
5133
- :is(.s-dark .dark\:s-bg-warning-100-dark) {
5134
- --tw-bg-opacity: 1;
5135
- background-color: rgb(127 29 29 / var(--tw-bg-opacity));
5136
- }
5137
-
5138
5121
  :is(.s-dark :is(.s-dark .dark\:dark\:s-text-action-500-dark)) {
5139
5122
  --tw-text-opacity: 1;
5140
5123
  color: rgb(59 130 246 / var(--tw-text-opacity));
@@ -5150,11 +5133,6 @@ select {
5150
5133
  color: rgb(96 165 250 / var(--tw-text-opacity));
5151
5134
  }
5152
5135
 
5153
- :is(.s-dark .dark\:s-text-action-700-dark) {
5154
- --tw-text-opacity: 1;
5155
- color: rgb(147 197 253 / var(--tw-text-opacity));
5156
- }
5157
-
5158
5136
  :is(.s-dark .dark\:s-text-amber-950) {
5159
5137
  --tw-text-opacity: 1;
5160
5138
  color: rgb(69 26 3 / var(--tw-text-opacity));
@@ -5215,16 +5193,6 @@ select {
5215
5193
  color: rgb(239 68 68 / var(--tw-text-opacity));
5216
5194
  }
5217
5195
 
5218
- :is(.s-dark .dark\:s-text-warning-600-dark) {
5219
- --tw-text-opacity: 1;
5220
- color: rgb(248 113 113 / var(--tw-text-opacity));
5221
- }
5222
-
5223
- :is(.s-dark .dark\:s-text-warning-700-dark) {
5224
- --tw-text-opacity: 1;
5225
- color: rgb(252 165 165 / var(--tw-text-opacity));
5226
- }
5227
-
5228
5196
  :is(.s-dark .dark\:s-ring-structure-300-dark) {
5229
5197
  --tw-ring-opacity: 1;
5230
5198
  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity));
@@ -5235,41 +5203,11 @@ select {
5235
5203
  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity));
5236
5204
  }
5237
5205
 
5238
- :is(.s-dark .dark\:s-saturate-50) {
5239
- --tw-saturate: saturate(.5);
5240
- 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);
5241
- }
5242
-
5243
- :is(.s-dark .dark\:hover\:s-border-action-300-dark:hover) {
5244
- --tw-border-opacity: 1;
5245
- border-color: rgb(29 78 216 / var(--tw-border-opacity));
5246
- }
5247
-
5248
- :is(.s-dark .dark\:hover\:s-border-warning-300-dark:hover) {
5249
- --tw-border-opacity: 1;
5250
- border-color: rgb(185 28 28 / var(--tw-border-opacity));
5251
- }
5252
-
5253
5206
  :is(.s-dark .dark\:hover\:s-bg-action-400:hover) {
5254
5207
  --tw-bg-opacity: 1;
5255
5208
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
5256
5209
  }
5257
5210
 
5258
- :is(.s-dark .dark\:hover\:s-bg-action-50-dark:hover) {
5259
- --tw-bg-opacity: 1;
5260
- background-color: rgb(23 37 84 / var(--tw-bg-opacity));
5261
- }
5262
-
5263
- :is(.s-dark .dark\:hover\:s-bg-warning-50-dark:hover) {
5264
- --tw-bg-opacity: 1;
5265
- background-color: rgb(69 10 10 / var(--tw-bg-opacity));
5266
- }
5267
-
5268
- :is(.s-dark .dark\:hover\:s-text-action-300:hover) {
5269
- --tw-text-opacity: 1;
5270
- color: rgb(147 197 253 / var(--tw-text-opacity));
5271
- }
5272
-
5273
5211
  :is(.s-dark .dark\:hover\:s-text-action-500-dark:hover) {
5274
5212
  --tw-text-opacity: 1;
5275
5213
  color: rgb(59 130 246 / var(--tw-text-opacity));
@@ -5280,11 +5218,6 @@ select {
5280
5218
  color: rgb(96 165 250 / var(--tw-text-opacity));
5281
5219
  }
5282
5220
 
5283
- :is(.s-dark .dark\:hover\:s-text-action-700-dark:hover) {
5284
- --tw-text-opacity: 1;
5285
- color: rgb(147 197 253 / var(--tw-text-opacity));
5286
- }
5287
-
5288
5221
  :is(.s-dark .dark\:hover\:s-text-warning-500-dark:hover) {
5289
5222
  --tw-text-opacity: 1;
5290
5223
  color: rgb(239 68 68 / var(--tw-text-opacity));
@@ -5300,26 +5233,6 @@ select {
5300
5233
  --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity));
5301
5234
  }
5302
5235
 
5303
- :is(.s-dark .dark\:active\:s-border-action-500-dark:active) {
5304
- --tw-border-opacity: 1;
5305
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
5306
- }
5307
-
5308
- :is(.s-dark .dark\:active\:s-border-warning-500-dark:active) {
5309
- --tw-border-opacity: 1;
5310
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
5311
- }
5312
-
5313
- :is(.s-dark .dark\:active\:s-bg-action-100-dark:active) {
5314
- --tw-bg-opacity: 1;
5315
- background-color: rgb(30 58 138 / var(--tw-bg-opacity));
5316
- }
5317
-
5318
- :is(.s-dark .dark\:active\:s-bg-warning-100-dark:active) {
5319
- --tw-bg-opacity: 1;
5320
- background-color: rgb(127 29 29 / var(--tw-bg-opacity));
5321
- }
5322
-
5323
5236
  :is(.s-dark .dark\:active\:s-text-action-600:active) {
5324
5237
  --tw-text-opacity: 1;
5325
5238
  color: rgb(37 99 235 / var(--tw-text-opacity));