ics-ui-kit 0.1.18 → 0.1.20

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 (64) hide show
  1. package/dist/{Button-Dg89xRSi.js → Button-BZ3ON1Tj.js} +2 -2
  2. package/dist/{Button-Dg89xRSi.js.map → Button-BZ3ON1Tj.js.map} +1 -1
  3. package/dist/ButtonBase-jgu7EolU.js +158 -0
  4. package/dist/ButtonBase-jgu7EolU.js.map +1 -0
  5. package/dist/CalendarPreviousMonthButton-qT7qDPbO.js +133 -0
  6. package/dist/CalendarPreviousMonthButton-qT7qDPbO.js.map +1 -0
  7. package/dist/{DayPicker-4hE1QEvO.js → DayPicker-Cu2Kn-he.js} +68 -66
  8. package/dist/{DayPicker-4hE1QEvO.js.map → DayPicker-Cu2Kn-he.js.map} +1 -1
  9. package/dist/{FormFooterTemplate-BRrgrxAu.js → FormFooterTemplate-DdNnLu2-.js} +2 -2
  10. package/dist/{FormFooterTemplate-BRrgrxAu.js.map → FormFooterTemplate-DdNnLu2-.js.map} +1 -1
  11. package/dist/{IconButton-DwkpNgn3.js → IconButton-uGJ3cQtk.js} +2 -2
  12. package/dist/{IconButton-DwkpNgn3.js.map → IconButton-uGJ3cQtk.js.map} +1 -1
  13. package/dist/{InputGroup-BcRWP-zL.js → InputGroup-AVAtosX_.js} +2 -2
  14. package/dist/{InputGroup-BcRWP-zL.js.map → InputGroup-AVAtosX_.js.map} +1 -1
  15. package/dist/{Popover-CRVD7AtB.js → Popover-KjZXxxl3.js} +2 -2
  16. package/dist/{Popover-CRVD7AtB.js.map → Popover-KjZXxxl3.js.map} +1 -1
  17. package/dist/{RichButton-DuPTenmS.js → RichButton-B1wjK7Bk.js} +2 -2
  18. package/dist/{RichButton-DuPTenmS.js.map → RichButton-B1wjK7Bk.js.map} +1 -1
  19. package/dist/{TextInput-Db0ylY91.js → TextInput-5BuZtWV6.js} +2 -2
  20. package/dist/{TextInput-Db0ylY91.js.map → TextInput-5BuZtWV6.js.map} +1 -1
  21. package/dist/{TriggerButton-CfDObWP9.js → TriggerButton-Bakr8Boi.js} +2 -2
  22. package/dist/{TriggerButton-CfDObWP9.js.map → TriggerButton-Bakr8Boi.js.map} +1 -1
  23. package/dist/blocks/auth/otp-form.js +2 -2
  24. package/dist/components/alert-dialog.js +1 -1
  25. package/dist/components/alert.js +1 -1
  26. package/dist/components/button.js +5 -5
  27. package/dist/components/calendar/components/calendar-dropdown/CalendarDropdown.d.ts +24 -0
  28. package/dist/components/calendar/styles.d.ts +61 -0
  29. package/dist/components/calendar-scroll/CalendarScroll.d.ts +21 -0
  30. package/dist/components/calendar-scroll/CalendarScroll.stories.d.ts +16 -0
  31. package/dist/components/calendar-scroll/index.d.ts +3 -0
  32. package/dist/components/calendar-scroll.d.ts +2 -0
  33. package/dist/components/calendar-scroll.js +183 -0
  34. package/dist/components/calendar-scroll.js.map +1 -0
  35. package/dist/components/calendar.js +53 -148
  36. package/dist/components/calendar.js.map +1 -1
  37. package/dist/components/card.js +1 -1
  38. package/dist/components/carousel.js +1 -1
  39. package/dist/components/dialog.js +1 -1
  40. package/dist/components/drawer.js +1 -1
  41. package/dist/components/dropdown.js +1 -1
  42. package/dist/components/error-state.js +1 -1
  43. package/dist/components/file-upload.js +2 -2
  44. package/dist/components/form.js +2 -2
  45. package/dist/components/image-preview.js +1 -1
  46. package/dist/components/image-uploader.js +1 -1
  47. package/dist/components/input.js +4 -4
  48. package/dist/components/menu-item.js +3 -3
  49. package/dist/components/page-state.js +1 -1
  50. package/dist/components/popover.js +1 -1
  51. package/dist/components/progress-circle.js +1 -1
  52. package/dist/components/progress.js +1 -1
  53. package/dist/components/search-select.js +1 -1
  54. package/dist/components/sidebar.js +2 -2
  55. package/dist/components/system-state.js +1 -1
  56. package/dist/components/tag-input.js +1 -1
  57. package/dist/components/toast.js +2 -2
  58. package/dist/styles-scoped.css +68 -97
  59. package/dist/styles.css +68 -97
  60. package/dist/vendors/react-day-picker.js +2 -2
  61. package/package.json +1 -1
  62. package/tailwind.preset.js +5 -5
  63. package/dist/ButtonBase-e6qyv6mD.js +0 -158
  64. package/dist/ButtonBase-e6qyv6mD.js.map +0 -1
package/dist/styles-scoped.css CHANGED
@@ -1358,6 +1358,10 @@
1358
1358
  left: 0px;
1359
1359
  right: 0px;
1360
1360
  }
1361
+ .ui-kit .inset-x-3 {
1362
+ left: 0.75rem;
1363
+ right: 0.75rem;
1364
+ }
1361
1365
  .ui-kit .inset-y-0 {
1362
1366
  top: 0px;
1363
1367
  bottom: 0px;
@@ -1804,6 +1808,10 @@
1804
1808
  width: 2rem;
1805
1809
  height: 2rem;
1806
1810
  }
1811
+ .ui-kit .size-9 {
1812
+ width: 2.25rem;
1813
+ height: 2.25rem;
1814
+ }
1807
1815
  .ui-kit .h-1 {
1808
1816
  height: 0.25rem;
1809
1817
  }
@@ -1936,6 +1944,9 @@
1936
1944
  .ui-kit .h-\[22px\] {
1937
1945
  height: 22px;
1938
1946
  }
1947
+ .ui-kit .h-\[280px\] {
1948
+ height: 280px;
1949
+ }
1939
1950
  .ui-kit .h-\[3\.25rem\] {
1940
1951
  height: 3.25rem;
1941
1952
  }
@@ -1960,6 +1971,9 @@
1960
1971
  .ui-kit .h-\[40px\] {
1961
1972
  height: 40px;
1962
1973
  }
1974
+ .ui-kit .h-\[420px\] {
1975
+ height: 420px;
1976
+ }
1963
1977
  .ui-kit .h-\[5\.5rem\] {
1964
1978
  height: 5.5rem;
1965
1979
  }
@@ -2834,6 +2848,9 @@
2834
2848
  .ui-kit .overflow-y-hidden {
2835
2849
  overflow-y: hidden;
2836
2850
  }
2851
+ .ui-kit .overscroll-contain {
2852
+ overscroll-behavior: contain;
2853
+ }
2837
2854
  .ui-kit .truncate {
2838
2855
  overflow: hidden;
2839
2856
  text-overflow: ellipsis;
@@ -4068,22 +4085,22 @@
4068
4085
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4069
4086
  }
4070
4087
  .ui-kit .shadow-soft-base {
4071
- --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
4088
+ --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
4072
4089
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4073
4090
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4074
4091
  }
4075
4092
  .ui-kit .shadow-soft-lg {
4076
- --tw-shadow: 0 10px 15px -3px hsl(var(--primary-fg) / 0.12), 0 4px 6px -4px hsl(var(--primary-fg) / 0.12);
4093
+ --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.12), 0 4px 6px -4px rgba(0, 0, 0, 0.12);
4077
4094
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
4078
4095
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4079
4096
  }
4080
4097
  .ui-kit .shadow-soft-md {
4081
- --tw-shadow: 0 4px 6px -1px hsl(var(--primary-fg) / 0.12), 0 2px 4px -2px hsl(var(--primary-fg) / 0.12);
4098
+ --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -2px rgba(0, 0, 0, 0.12);
4082
4099
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
4083
4100
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4084
4101
  }
4085
4102
  .ui-kit .shadow-soft-sm {
4086
- --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
4103
+ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
4087
4104
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
4088
4105
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4089
4106
  }
@@ -4336,6 +4353,9 @@
4336
4353
  .ui-kit .\[filter\:url\(\#shadow-folder\)\] {
4337
4354
  filter: url(#shadow-folder);
4338
4355
  }
4356
+ .ui-kit .\[grid-area\:1\/1\] {
4357
+ grid-area: 1/1;
4358
+ }
4339
4359
  .ui-kit .\[mask-image\:linear-gradient\(to_left\2c rgba\(255\2c 255\2c 255\2c 0\)\2c \#fff_15\%\)\] {
4340
4360
  mask-image: linear-gradient(to left,rgba(255,255,255,0),#fff 15%);
4341
4361
  }
@@ -4520,7 +4540,7 @@
4520
4540
  border-color: hsl(var(--status-error-secondary-border));
4521
4541
  }
4522
4542
  .ui-kit .invalid\:shadow-soft-base:invalid {
4523
- --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
4543
+ --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
4524
4544
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4525
4545
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4526
4546
  }
@@ -4566,9 +4586,18 @@
4566
4586
  .ui-kit .hover\:border-status-error-secondary-border:hover {
4567
4587
  border-color: hsl(var(--status-error-secondary-border));
4568
4588
  }
4589
+ .ui-kit .hover\:border-status-info-primary-border:hover {
4590
+ border-color: hsl(var(--status-info-primary-border));
4591
+ }
4592
+ .ui-kit .hover\:border-status-success-primary-border:hover {
4593
+ border-color: hsl(var(--status-success-primary-border));
4594
+ }
4569
4595
  .ui-kit .hover\:border-status-success-secondary-border:hover {
4570
4596
  border-color: hsl(var(--status-success-secondary-border));
4571
4597
  }
4598
+ .ui-kit .hover\:border-status-warning-primary-border:hover {
4599
+ border-color: hsl(var(--status-warning-primary-border));
4600
+ }
4572
4601
  .ui-kit .hover\:\!bg-inverse-hover:hover {
4573
4602
  background-color: hsl(var(--inverse-hover)) !important;
4574
4603
  }
@@ -4596,6 +4625,9 @@
4596
4625
  --tw-bg-opacity: 1;
4597
4626
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
4598
4627
  }
4628
+ .ui-kit .hover\:bg-primary-accent-hover:hover {
4629
+ background-color: hsl(var(--primary-accent-hover));
4630
+ }
4599
4631
  .ui-kit .hover\:bg-primary-bg-hover:hover {
4600
4632
  background-color: hsl(var(--primary-bg-hover));
4601
4633
  }
@@ -4617,6 +4649,9 @@
4617
4649
  .ui-kit .hover\:bg-status-error-hover:hover {
4618
4650
  background-color: hsl(var(--status-error-hover));
4619
4651
  }
4652
+ .ui-kit .hover\:bg-status-info-bg:hover {
4653
+ background-color: hsl(var(--status-info-bg));
4654
+ }
4620
4655
  .ui-kit .hover\:bg-status-info-bg-hover:hover {
4621
4656
  background-color: hsl(var(--status-info-bg-hover));
4622
4657
  }
@@ -4629,6 +4664,9 @@
4629
4664
  .ui-kit .hover\:bg-status-neutral-hover:hover {
4630
4665
  background-color: hsl(var(--status-default-hover));
4631
4666
  }
4667
+ .ui-kit .hover\:bg-status-success-bg:hover {
4668
+ background-color: hsl(var(--status-success-bg));
4669
+ }
4632
4670
  .ui-kit .hover\:bg-status-success-bg-hover:hover {
4633
4671
  background-color: hsl(var(--status-success-bg-hover));
4634
4672
  }
@@ -4665,6 +4703,18 @@
4665
4703
  .ui-kit .hover\:text-secondary-fg:hover {
4666
4704
  color: hsl(var(--secondary-fg));
4667
4705
  }
4706
+ .ui-kit .hover\:text-status-error-fg:hover {
4707
+ color: hsl(var(--status-error-fg));
4708
+ }
4709
+ .ui-kit .hover\:text-status-info-fg:hover {
4710
+ color: hsl(var(--status-info-fg));
4711
+ }
4712
+ .ui-kit .hover\:text-status-success-fg:hover {
4713
+ color: hsl(var(--status-success-fg));
4714
+ }
4715
+ .ui-kit .hover\:text-status-warning-fg:hover {
4716
+ color: hsl(var(--status-warning-fg));
4717
+ }
4668
4718
  .ui-kit .hover\:text-white:hover {
4669
4719
  --tw-text-opacity: 1;
4670
4720
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -4681,12 +4731,12 @@
4681
4731
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4682
4732
  }
4683
4733
  .ui-kit .hover\:shadow-soft-base:hover {
4684
- --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
4734
+ --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
4685
4735
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4686
4736
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4687
4737
  }
4688
4738
  .ui-kit .hover\:shadow-soft-sm:hover {
4689
- --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
4739
+ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
4690
4740
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
4691
4741
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4692
4742
  }
@@ -4768,7 +4818,7 @@
4768
4818
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4769
4819
  }
4770
4820
  .ui-kit .focus\:shadow-soft-sm:focus {
4771
- --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
4821
+ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
4772
4822
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
4773
4823
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4774
4824
  }
@@ -5016,7 +5066,7 @@
5016
5066
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5017
5067
  }
5018
5068
  .ui-kit .disabled\:shadow-soft-sm:disabled {
5019
- --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
5069
+ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
5020
5070
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
5021
5071
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5022
5072
  }
@@ -5157,7 +5207,7 @@
5157
5207
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5158
5208
  }
5159
5209
  .ui-kit .has-\[input\:disabled\]\:shadow-soft-sm:has(input:disabled) {
5160
- --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
5210
+ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
5161
5211
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
5162
5212
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5163
5213
  }
@@ -5172,7 +5222,7 @@
5172
5222
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5173
5223
  }
5174
5224
  .ui-kit .has-\[input\:invalid\]\:shadow-soft-base:has(input:invalid) {
5175
- --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
5225
+ --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
5176
5226
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5177
5227
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5178
5228
  }
@@ -5192,7 +5242,7 @@
5192
5242
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5193
5243
  }
5194
5244
  .ui-kit .has-\[input\[aria-invalid\=true\]\]\:shadow-soft-base:has(input[aria-invalid=true]) {
5195
- --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
5245
+ --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
5196
5246
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5197
5247
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5198
5248
  }
@@ -5220,7 +5270,7 @@
5220
5270
  border-color: hsl(var(--status-error-secondary-border));
5221
5271
  }
5222
5272
  .ui-kit .aria-\[invalid\=true\]\:shadow-soft-base[aria-invalid="true"] {
5223
- --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
5273
+ --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
5224
5274
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5225
5275
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5226
5276
  }
@@ -5464,7 +5514,7 @@
5464
5514
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
5465
5515
  }
5466
5516
  .ui-kit .data-\[state\=active\]\:shadow-soft-base[data-state="active"] {
5467
- --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
5517
+ --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
5468
5518
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5469
5519
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5470
5520
  }
@@ -5681,12 +5731,12 @@
5681
5731
  opacity: 0.5;
5682
5732
  }
5683
5733
  .ui-kit .data-\[state\=checked\]\:disabled\:shadow-soft-sm:disabled[data-state="checked"] {
5684
- --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
5734
+ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
5685
5735
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
5686
5736
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5687
5737
  }
5688
5738
  .ui-kit .data-\[state\=indeterminate\]\:disabled\:shadow-soft-sm:disabled[data-state="indeterminate"] {
5689
- --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
5739
+ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
5690
5740
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
5691
5741
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5692
5742
  }
@@ -5827,7 +5877,7 @@
5827
5877
  opacity: 1;
5828
5878
  }
5829
5879
  .ui-kit :is(.group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow-soft-xl) {
5830
- --tw-shadow: 0 20px 25px -5px hsl(var(--primary-fg) / 0.12), 0 8px 10px -6px hsl(var(--primary-fg) / 0.12);
5880
+ --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.12);
5831
5881
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
5832
5882
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5833
5883
  }
@@ -6275,7 +6325,7 @@
6275
6325
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6276
6326
  }
6277
6327
  .ui-kit .lg\:shadow-soft-sm {
6278
- --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
6328
+ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
6279
6329
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
6280
6330
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6281
6331
  }
@@ -6283,91 +6333,12 @@
6283
6333
  .ui-kit .lg\:hover\:border-inverse-border:hover {
6284
6334
  border-color: hsl(var(--inverse-border));
6285
6335
  }
6286
- .ui-kit .lg\:hover\:border-primary-border:hover {
6287
- border-color: hsl(var(--primary-border));
6288
- }
6289
- .ui-kit .lg\:hover\:border-status-error-primary-border:hover {
6290
- border-color: hsl(var(--status-error-primary-border));
6291
- }
6292
- .ui-kit .lg\:hover\:border-status-info-primary-border:hover {
6293
- border-color: hsl(var(--status-info-primary-border));
6294
- }
6295
- .ui-kit .lg\:hover\:border-status-success-primary-border:hover {
6296
- border-color: hsl(var(--status-success-primary-border));
6297
- }
6298
- .ui-kit .lg\:hover\:border-status-warning-primary-border:hover {
6299
- border-color: hsl(var(--status-warning-primary-border));
6300
- }
6301
6336
  .ui-kit .lg\:hover\:bg-inverse-hover:hover {
6302
6337
  background-color: hsl(var(--inverse-hover));
6303
6338
  }
6304
- .ui-kit .lg\:hover\:bg-primary-accent-hover:hover {
6305
- background-color: hsl(var(--primary-accent-hover));
6306
- }
6307
- .ui-kit .lg\:hover\:bg-primary-bg-hover:hover {
6308
- background-color: hsl(var(--primary-bg-hover));
6309
- }
6310
- .ui-kit .lg\:hover\:bg-secondary-bg-hover:hover {
6311
- background-color: hsl(var(--secondary-bg-hover));
6312
- }
6313
- .ui-kit .lg\:hover\:bg-status-error-bg:hover {
6314
- background-color: hsl(var(--status-error-bg));
6315
- }
6316
- .ui-kit .lg\:hover\:bg-status-error-bg-hover:hover {
6317
- background-color: hsl(var(--status-error-bg-hover));
6318
- }
6319
- .ui-kit .lg\:hover\:bg-status-error-hover:hover {
6320
- background-color: hsl(var(--status-error-hover));
6321
- }
6322
- .ui-kit .lg\:hover\:bg-status-info-bg:hover {
6323
- background-color: hsl(var(--status-info-bg));
6324
- }
6325
- .ui-kit .lg\:hover\:bg-status-info-bg-hover:hover {
6326
- background-color: hsl(var(--status-info-bg-hover));
6327
- }
6328
- .ui-kit .lg\:hover\:bg-status-info-hover:hover {
6329
- background-color: hsl(var(--status-info-hover));
6330
- }
6331
- .ui-kit .lg\:hover\:bg-status-success-bg:hover {
6332
- background-color: hsl(var(--status-success-bg));
6333
- }
6334
- .ui-kit .lg\:hover\:bg-status-success-bg-hover:hover {
6335
- background-color: hsl(var(--status-success-bg-hover));
6336
- }
6337
- .ui-kit .lg\:hover\:bg-status-success-hover:hover {
6338
- background-color: hsl(var(--status-success-hover));
6339
- }
6340
- .ui-kit .lg\:hover\:bg-status-warning-bg:hover {
6341
- background-color: hsl(var(--status-warning-bg));
6342
- }
6343
- .ui-kit .lg\:hover\:bg-status-warning-bg-hover:hover {
6344
- background-color: hsl(var(--status-warning-bg-hover));
6345
- }
6346
- .ui-kit .lg\:hover\:bg-status-warning-hover:hover {
6347
- background-color: hsl(var(--status-warning-hover));
6348
- }
6349
6339
  .ui-kit .lg\:hover\:text-inverse-primary-fg:hover {
6350
6340
  color: hsl(var(--inverse-primary-fg));
6351
6341
  }
6352
- .ui-kit .lg\:hover\:text-primary-fg:hover {
6353
- color: hsl(var(--primary-fg));
6354
- }
6355
- .ui-kit .lg\:hover\:text-status-error-fg:hover {
6356
- color: hsl(var(--status-error-fg));
6357
- }
6358
- .ui-kit .lg\:hover\:text-status-info-fg:hover {
6359
- color: hsl(var(--status-info-fg));
6360
- }
6361
- .ui-kit .lg\:hover\:text-status-success-fg:hover {
6362
- color: hsl(var(--status-success-fg));
6363
- }
6364
- .ui-kit .lg\:hover\:text-status-warning-fg:hover {
6365
- color: hsl(var(--status-warning-fg));
6366
- }
6367
- .ui-kit .lg\:hover\:text-white:hover {
6368
- --tw-text-opacity: 1;
6369
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
6370
- }
6371
6342
  }
6372
6343
  .ui-kit .lg\:has-\[\>svg\]\:grid-cols-\[1\.5rem_1fr\]:has(>svg) {
6373
6344
  grid-template-columns: 1.5rem 1fr;