ics-ui-kit 0.1.17 → 0.1.19

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 (71) 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/{CheckboxField-2zNFubvm.js → CheckboxField-limFbMk2.js} +43 -43
  6. package/dist/CheckboxField-limFbMk2.js.map +1 -0
  7. package/dist/{Command-D5zgJ7-y.js → Command-B7ZRyW8w.js} +2 -2
  8. package/dist/Command-B7ZRyW8w.js.map +1 -0
  9. package/dist/{FormFooterTemplate-Cfn5Nmge.js → FormFooterTemplate-DdNnLu2-.js} +3 -3
  10. package/dist/{FormFooterTemplate-Cfn5Nmge.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-BvD9Igmt.js → InputGroup-AVAtosX_.js} +21 -23
  14. package/dist/InputGroup-AVAtosX_.js.map +1 -0
  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/{Select-MLPTpIl5.js → Select-D9juHX8o.js} +7 -8
  20. package/dist/{Select-MLPTpIl5.js.map → Select-D9juHX8o.js.map} +1 -1
  21. package/dist/{TextInput-Cj50ImXi.js → TextInput-5BuZtWV6.js} +2 -2
  22. package/dist/{TextInput-Cj50ImXi.js.map → TextInput-5BuZtWV6.js.map} +1 -1
  23. package/dist/{TriggerButton-CfDObWP9.js → TriggerButton-Bakr8Boi.js} +2 -2
  24. package/dist/{TriggerButton-CfDObWP9.js.map → TriggerButton-Bakr8Boi.js.map} +1 -1
  25. package/dist/blocks/auth/otp-form.js +2 -2
  26. package/dist/components/alert-dialog.js +1 -1
  27. package/dist/components/alert.js +1 -1
  28. package/dist/components/button.js +5 -5
  29. package/dist/components/calendar.js +1 -1
  30. package/dist/components/card.js +1 -1
  31. package/dist/components/carousel.js +1 -1
  32. package/dist/components/checkbox.js +1 -1
  33. package/dist/components/command.js +1 -1
  34. package/dist/components/dialog.js +1 -1
  35. package/dist/components/drawer.js +2 -2
  36. package/dist/components/dropdown.js +1 -1
  37. package/dist/components/error-state.js +1 -1
  38. package/dist/components/file-upload.js +2 -2
  39. package/dist/components/form.js +2 -2
  40. package/dist/components/image-preview.js +1 -1
  41. package/dist/components/image-uploader.js +9 -9
  42. package/dist/components/image-uploader.js.map +1 -1
  43. package/dist/components/input.js +5 -5
  44. package/dist/components/menu-item.js +3 -3
  45. package/dist/components/page-state.js +1 -1
  46. package/dist/components/popover.js +1 -1
  47. package/dist/components/progress-circle.js +1 -1
  48. package/dist/components/progress.js +1 -1
  49. package/dist/components/radio-group.js +10 -10
  50. package/dist/components/radio-group.js.map +1 -1
  51. package/dist/components/search-select.js +41 -41
  52. package/dist/components/search-select.js.map +1 -1
  53. package/dist/components/select/Select.d.ts +0 -3
  54. package/dist/components/select.js +1 -1
  55. package/dist/components/sidebar.js +2 -2
  56. package/dist/components/system-state.js +1 -1
  57. package/dist/components/tag-input.js +2 -2
  58. package/dist/components/textarea.js +1 -1
  59. package/dist/components/toast.js +2 -2
  60. package/dist/{inputBaseStyles-DbzD_jvq.js → inputBaseStyles-BfZIWuQ6.js} +5 -5
  61. package/dist/inputBaseStyles-BfZIWuQ6.js.map +1 -0
  62. package/dist/styles-scoped.css +77 -154
  63. package/dist/styles.css +77 -154
  64. package/package.json +1 -1
  65. package/tailwind.preset.js +5 -5
  66. package/dist/ButtonBase-e6qyv6mD.js +0 -158
  67. package/dist/ButtonBase-e6qyv6mD.js.map +0 -1
  68. package/dist/CheckboxField-2zNFubvm.js.map +0 -1
  69. package/dist/Command-D5zgJ7-y.js.map +0 -1
  70. package/dist/InputGroup-BvD9Igmt.js.map +0 -1
  71. package/dist/inputBaseStyles-DbzD_jvq.js.map +0 -1
package/dist/styles-scoped.css CHANGED
@@ -4068,23 +4068,23 @@
4068
4068
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4069
4069
  }
4070
4070
  .ui-kit .shadow-soft-base {
4071
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4072
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4071
+ --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
4072
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4073
4073
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4074
4074
  }
4075
4075
  .ui-kit .shadow-soft-lg {
4076
- --tw-shadow: 0 8px 16px -4px rgba(15, 23, 42, 0.12), 0 4px 8px -4px rgba(15, 23, 42, 0.12);
4077
- --tw-shadow-colored: 0 8px 16px -4px var(--tw-shadow-color), 0 4px 8px -4px var(--tw-shadow-color);
4076
+ --tw-shadow: 0 10px 15px -3px hsl(var(--primary-fg) / 0.12), 0 4px 6px -4px hsl(var(--primary-fg) / 0.12);
4077
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
4078
4078
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4079
4079
  }
4080
4080
  .ui-kit .shadow-soft-md {
4081
- --tw-shadow: 0 2px 4px -2px rgba(15, 23, 42, 0.12), 0 4px 8px -1px rgba(15, 23, 42, 0.12);
4082
- --tw-shadow-colored: 0 2px 4px -2px var(--tw-shadow-color), 0 4px 8px -1px var(--tw-shadow-color);
4081
+ --tw-shadow: 0 4px 6px -1px hsl(var(--primary-fg) / 0.12), 0 2px 4px -2px hsl(var(--primary-fg) / 0.12);
4082
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
4083
4083
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4084
4084
  }
4085
4085
  .ui-kit .shadow-soft-sm {
4086
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
4087
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4086
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
4087
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
4088
4088
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4089
4089
  }
4090
4090
  .ui-kit .outline-none {
@@ -4520,8 +4520,8 @@
4520
4520
  border-color: hsl(var(--status-error-secondary-border));
4521
4521
  }
4522
4522
  .ui-kit .invalid\:shadow-soft-base:invalid {
4523
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4524
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4523
+ --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
4524
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4525
4525
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4526
4526
  }
4527
4527
  .ui-kit .read-only\:w-0:read-only {
@@ -4536,9 +4536,9 @@
4536
4536
  .ui-kit .read-only\:bg-secondary-bg-hover:read-only {
4537
4537
  background-color: hsl(var(--secondary-bg-hover));
4538
4538
  }
4539
- .ui-kit .read-only\:shadow-soft-sm:read-only {
4540
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
4541
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4539
+ .ui-kit .read-only\:shadow-none:read-only {
4540
+ --tw-shadow: 0 0 #0000;
4541
+ --tw-shadow-colored: 0 0 #0000;
4542
4542
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4543
4543
  }
4544
4544
  @media (hover: hover) and (pointer: fine) {
@@ -4566,9 +4566,18 @@
4566
4566
  .ui-kit .hover\:border-status-error-secondary-border:hover {
4567
4567
  border-color: hsl(var(--status-error-secondary-border));
4568
4568
  }
4569
+ .ui-kit .hover\:border-status-info-primary-border:hover {
4570
+ border-color: hsl(var(--status-info-primary-border));
4571
+ }
4572
+ .ui-kit .hover\:border-status-success-primary-border:hover {
4573
+ border-color: hsl(var(--status-success-primary-border));
4574
+ }
4569
4575
  .ui-kit .hover\:border-status-success-secondary-border:hover {
4570
4576
  border-color: hsl(var(--status-success-secondary-border));
4571
4577
  }
4578
+ .ui-kit .hover\:border-status-warning-primary-border:hover {
4579
+ border-color: hsl(var(--status-warning-primary-border));
4580
+ }
4572
4581
  .ui-kit .hover\:\!bg-inverse-hover:hover {
4573
4582
  background-color: hsl(var(--inverse-hover)) !important;
4574
4583
  }
@@ -4596,6 +4605,9 @@
4596
4605
  --tw-bg-opacity: 1;
4597
4606
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
4598
4607
  }
4608
+ .ui-kit .hover\:bg-primary-accent-hover:hover {
4609
+ background-color: hsl(var(--primary-accent-hover));
4610
+ }
4599
4611
  .ui-kit .hover\:bg-primary-bg-hover:hover {
4600
4612
  background-color: hsl(var(--primary-bg-hover));
4601
4613
  }
@@ -4617,6 +4629,9 @@
4617
4629
  .ui-kit .hover\:bg-status-error-hover:hover {
4618
4630
  background-color: hsl(var(--status-error-hover));
4619
4631
  }
4632
+ .ui-kit .hover\:bg-status-info-bg:hover {
4633
+ background-color: hsl(var(--status-info-bg));
4634
+ }
4620
4635
  .ui-kit .hover\:bg-status-info-bg-hover:hover {
4621
4636
  background-color: hsl(var(--status-info-bg-hover));
4622
4637
  }
@@ -4629,6 +4644,9 @@
4629
4644
  .ui-kit .hover\:bg-status-neutral-hover:hover {
4630
4645
  background-color: hsl(var(--status-default-hover));
4631
4646
  }
4647
+ .ui-kit .hover\:bg-status-success-bg:hover {
4648
+ background-color: hsl(var(--status-success-bg));
4649
+ }
4632
4650
  .ui-kit .hover\:bg-status-success-bg-hover:hover {
4633
4651
  background-color: hsl(var(--status-success-bg-hover));
4634
4652
  }
@@ -4665,6 +4683,18 @@
4665
4683
  .ui-kit .hover\:text-secondary-fg:hover {
4666
4684
  color: hsl(var(--secondary-fg));
4667
4685
  }
4686
+ .ui-kit .hover\:text-status-error-fg:hover {
4687
+ color: hsl(var(--status-error-fg));
4688
+ }
4689
+ .ui-kit .hover\:text-status-info-fg:hover {
4690
+ color: hsl(var(--status-info-fg));
4691
+ }
4692
+ .ui-kit .hover\:text-status-success-fg:hover {
4693
+ color: hsl(var(--status-success-fg));
4694
+ }
4695
+ .ui-kit .hover\:text-status-warning-fg:hover {
4696
+ color: hsl(var(--status-warning-fg));
4697
+ }
4668
4698
  .ui-kit .hover\:text-white:hover {
4669
4699
  --tw-text-opacity: 1;
4670
4700
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -4681,13 +4711,13 @@
4681
4711
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4682
4712
  }
4683
4713
  .ui-kit .hover\:shadow-soft-base:hover {
4684
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4685
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4714
+ --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
4715
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4686
4716
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4687
4717
  }
4688
4718
  .ui-kit .hover\:shadow-soft-sm:hover {
4689
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
4690
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4719
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
4720
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
4691
4721
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4692
4722
  }
4693
4723
  .ui-kit .hover\:brightness-110:hover {
@@ -4714,11 +4744,6 @@
4714
4744
  .ui-kit .invalid\:hover\:border-status-error-primary-border:hover:invalid {
4715
4745
  border-color: hsl(var(--status-error-primary-border));
4716
4746
  }
4717
- .ui-kit .invalid\:hover\:shadow-soft-base:hover:invalid {
4718
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4719
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4720
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4721
- }
4722
4747
  .ui-kit .read-only\:hover\:bg-secondary-bg-hover:hover:read-only {
4723
4748
  background-color: hsl(var(--secondary-bg-hover));
4724
4749
  }
@@ -4773,8 +4798,8 @@
4773
4798
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4774
4799
  }
4775
4800
  .ui-kit .focus\:shadow-soft-sm:focus {
4776
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
4777
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4801
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
4802
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
4778
4803
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4779
4804
  }
4780
4805
  .ui-kit .focus\:outline-none:focus {
@@ -5015,9 +5040,14 @@
5015
5040
  .ui-kit .disabled\:opacity-50:disabled {
5016
5041
  opacity: 0.5;
5017
5042
  }
5043
+ .ui-kit .disabled\:shadow-none:disabled {
5044
+ --tw-shadow: 0 0 #0000;
5045
+ --tw-shadow-colored: 0 0 #0000;
5046
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5047
+ }
5018
5048
  .ui-kit .disabled\:shadow-soft-sm:disabled {
5019
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
5020
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
5049
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
5050
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
5021
5051
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5022
5052
  }
5023
5053
  @media (hover: hover) and (pointer: fine) {
@@ -5080,9 +5110,6 @@
5080
5110
  .ui-kit :is(.group:focus-visible .group-focus-visible\:opacity-100) {
5081
5111
  opacity: 1;
5082
5112
  }
5083
- .ui-kit :is(.group:disabled .group-disabled\:hidden) {
5084
- display: none;
5085
- }
5086
5113
  @media (hover: hover) and (pointer: fine) {
5087
5114
  .ui-kit :is(.peer\/icon:hover ~ .peer-hover\/icon\:bg-primary-fg) {
5088
5115
  background-color: hsl(var(--primary-fg));
@@ -5160,8 +5187,8 @@
5160
5187
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5161
5188
  }
5162
5189
  .ui-kit .has-\[input\:disabled\]\:shadow-soft-sm:has(input:disabled) {
5163
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
5164
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
5190
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
5191
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
5165
5192
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5166
5193
  }
5167
5194
  .ui-kit .has-\[input\:focus\]\:shadow-focus:has(input:focus) {
@@ -5175,8 +5202,8 @@
5175
5202
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5176
5203
  }
5177
5204
  .ui-kit .has-\[input\:invalid\]\:shadow-soft-base:has(input:invalid) {
5178
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5179
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5205
+ --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
5206
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5180
5207
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5181
5208
  }
5182
5209
  .ui-kit .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:has-\[input\:focus\]\:shadow-focus:has(input:focus):has(input:read-only:not([type='file'])) {
@@ -5184,9 +5211,9 @@
5184
5211
  --tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
5185
5212
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5186
5213
  }
5187
- .ui-kit .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:shadow-soft-sm:has(input:read-only:not([type='file'])) {
5188
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
5189
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
5214
+ .ui-kit .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:shadow-none:has(input:read-only:not([type='file'])) {
5215
+ --tw-shadow: 0 0 #0000;
5216
+ --tw-shadow-colored: 0 0 #0000;
5190
5217
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5191
5218
  }
5192
5219
  .ui-kit .has-\[input\[aria-invalid\=true\]\]\:has-\[input\:focus\]\:shadow-focus-error:has(input:focus):has(input[aria-invalid=true]) {
@@ -5195,8 +5222,8 @@
5195
5222
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5196
5223
  }
5197
5224
  .ui-kit .has-\[input\[aria-invalid\=true\]\]\:shadow-soft-base:has(input[aria-invalid=true]) {
5198
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5199
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5225
+ --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
5226
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5200
5227
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5201
5228
  }
5202
5229
  @media (hover: hover) and (pointer: fine) {
@@ -5209,16 +5236,6 @@
5209
5236
  .ui-kit .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:hover\:bg-secondary-bg-hover:hover:has(input:read-only:not([type='file'])) {
5210
5237
  background-color: hsl(var(--secondary-bg-hover));
5211
5238
  }
5212
- .ui-kit .has-\[input\:invalid\]\:hover\:shadow-soft-base:hover:has(input:invalid) {
5213
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5214
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5215
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5216
- }
5217
- .ui-kit .has-\[input\[aria-invalid\=true\]\]\:hover\:shadow-soft-base:hover:has(input[aria-invalid=true]) {
5218
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5219
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5220
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5221
- }
5222
5239
  }
5223
5240
  .ui-kit :is(.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8) {
5224
5241
  padding-right: 2rem;
@@ -5233,19 +5250,14 @@
5233
5250
  border-color: hsl(var(--status-error-secondary-border));
5234
5251
  }
5235
5252
  .ui-kit .aria-\[invalid\=true\]\:shadow-soft-base[aria-invalid="true"] {
5236
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5237
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5253
+ --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
5254
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5238
5255
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5239
5256
  }
5240
5257
  @media (hover: hover) and (pointer: fine) {
5241
5258
  .ui-kit .aria-\[invalid\=true\]\:hover\:border-status-error-primary-border:hover[aria-invalid="true"] {
5242
5259
  border-color: hsl(var(--status-error-primary-border));
5243
5260
  }
5244
- .ui-kit .aria-\[invalid\=true\]\:hover\:shadow-soft-base:hover[aria-invalid="true"] {
5245
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5246
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5247
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5248
- }
5249
5261
  }
5250
5262
  .ui-kit .aria-\[invalid\=true\]\:focus\:border-status-error-secondary-border:focus[aria-invalid="true"] {
5251
5263
  border-color: hsl(var(--status-error-secondary-border));
@@ -5482,8 +5494,8 @@
5482
5494
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
5483
5495
  }
5484
5496
  .ui-kit .data-\[state\=active\]\:shadow-soft-base[data-state="active"] {
5485
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5486
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5497
+ --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
5498
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5487
5499
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5488
5500
  }
5489
5501
  .ui-kit .data-\[state\=open\]\:shadow-none[data-state="open"] {
@@ -5652,16 +5664,6 @@
5652
5664
  .ui-kit .data-\[state\=open\]\:hover\:text-primary-fg:hover[data-state="open"] {
5653
5665
  color: hsl(var(--primary-fg));
5654
5666
  }
5655
- .ui-kit .data-\[state\=checked\]\:hover\:shadow-soft-base:hover[data-state="checked"] {
5656
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5657
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5658
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5659
- }
5660
- .ui-kit .data-\[state\=indeterminate\]\:hover\:shadow-soft-base:hover[data-state="indeterminate"] {
5661
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5662
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5663
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5664
- }
5665
5667
  }
5666
5668
  .ui-kit .data-\[state\=checked\]\:focus-visible\:shadow-focus:focus-visible[data-state="checked"] {
5667
5669
  --tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus));
@@ -5709,13 +5711,13 @@
5709
5711
  opacity: 0.5;
5710
5712
  }
5711
5713
  .ui-kit .data-\[state\=checked\]\:disabled\:shadow-soft-sm:disabled[data-state="checked"] {
5712
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
5713
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
5714
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
5715
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
5714
5716
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5715
5717
  }
5716
5718
  .ui-kit .data-\[state\=indeterminate\]\:disabled\:shadow-soft-sm:disabled[data-state="indeterminate"] {
5717
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
5718
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
5719
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
5720
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
5719
5721
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5720
5722
  }
5721
5723
  .ui-kit :is(.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]) {
@@ -5855,8 +5857,8 @@
5855
5857
  opacity: 1;
5856
5858
  }
5857
5859
  .ui-kit :is(.group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow-soft-xl) {
5858
- --tw-shadow: 0 6px 12px -6px rgba(15, 23, 42, 0.12), 0 16px 24px -6px rgba(15, 23, 42, 0.12);
5859
- --tw-shadow-colored: 0 6px 12px -6px var(--tw-shadow-color), 0 16px 24px -6px var(--tw-shadow-color);
5860
+ --tw-shadow: 0 20px 25px -5px hsl(var(--primary-fg) / 0.12), 0 8px 10px -6px hsl(var(--primary-fg) / 0.12);
5861
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
5860
5862
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5861
5863
  }
5862
5864
  .ui-kit :is(.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full)::after {
@@ -6303,99 +6305,20 @@
6303
6305
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6304
6306
  }
6305
6307
  .ui-kit .lg\:shadow-soft-sm {
6306
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
6307
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
6308
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
6309
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
6308
6310
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6309
6311
  }
6310
6312
  @media (hover: hover) and (pointer: fine) {
6311
6313
  .ui-kit .lg\:hover\:border-inverse-border:hover {
6312
6314
  border-color: hsl(var(--inverse-border));
6313
6315
  }
6314
- .ui-kit .lg\:hover\:border-primary-border:hover {
6315
- border-color: hsl(var(--primary-border));
6316
- }
6317
- .ui-kit .lg\:hover\:border-status-error-primary-border:hover {
6318
- border-color: hsl(var(--status-error-primary-border));
6319
- }
6320
- .ui-kit .lg\:hover\:border-status-info-primary-border:hover {
6321
- border-color: hsl(var(--status-info-primary-border));
6322
- }
6323
- .ui-kit .lg\:hover\:border-status-success-primary-border:hover {
6324
- border-color: hsl(var(--status-success-primary-border));
6325
- }
6326
- .ui-kit .lg\:hover\:border-status-warning-primary-border:hover {
6327
- border-color: hsl(var(--status-warning-primary-border));
6328
- }
6329
6316
  .ui-kit .lg\:hover\:bg-inverse-hover:hover {
6330
6317
  background-color: hsl(var(--inverse-hover));
6331
6318
  }
6332
- .ui-kit .lg\:hover\:bg-primary-accent-hover:hover {
6333
- background-color: hsl(var(--primary-accent-hover));
6334
- }
6335
- .ui-kit .lg\:hover\:bg-primary-bg-hover:hover {
6336
- background-color: hsl(var(--primary-bg-hover));
6337
- }
6338
- .ui-kit .lg\:hover\:bg-secondary-bg-hover:hover {
6339
- background-color: hsl(var(--secondary-bg-hover));
6340
- }
6341
- .ui-kit .lg\:hover\:bg-status-error-bg:hover {
6342
- background-color: hsl(var(--status-error-bg));
6343
- }
6344
- .ui-kit .lg\:hover\:bg-status-error-bg-hover:hover {
6345
- background-color: hsl(var(--status-error-bg-hover));
6346
- }
6347
- .ui-kit .lg\:hover\:bg-status-error-hover:hover {
6348
- background-color: hsl(var(--status-error-hover));
6349
- }
6350
- .ui-kit .lg\:hover\:bg-status-info-bg:hover {
6351
- background-color: hsl(var(--status-info-bg));
6352
- }
6353
- .ui-kit .lg\:hover\:bg-status-info-bg-hover:hover {
6354
- background-color: hsl(var(--status-info-bg-hover));
6355
- }
6356
- .ui-kit .lg\:hover\:bg-status-info-hover:hover {
6357
- background-color: hsl(var(--status-info-hover));
6358
- }
6359
- .ui-kit .lg\:hover\:bg-status-success-bg:hover {
6360
- background-color: hsl(var(--status-success-bg));
6361
- }
6362
- .ui-kit .lg\:hover\:bg-status-success-bg-hover:hover {
6363
- background-color: hsl(var(--status-success-bg-hover));
6364
- }
6365
- .ui-kit .lg\:hover\:bg-status-success-hover:hover {
6366
- background-color: hsl(var(--status-success-hover));
6367
- }
6368
- .ui-kit .lg\:hover\:bg-status-warning-bg:hover {
6369
- background-color: hsl(var(--status-warning-bg));
6370
- }
6371
- .ui-kit .lg\:hover\:bg-status-warning-bg-hover:hover {
6372
- background-color: hsl(var(--status-warning-bg-hover));
6373
- }
6374
- .ui-kit .lg\:hover\:bg-status-warning-hover:hover {
6375
- background-color: hsl(var(--status-warning-hover));
6376
- }
6377
6319
  .ui-kit .lg\:hover\:text-inverse-primary-fg:hover {
6378
6320
  color: hsl(var(--inverse-primary-fg));
6379
6321
  }
6380
- .ui-kit .lg\:hover\:text-primary-fg:hover {
6381
- color: hsl(var(--primary-fg));
6382
- }
6383
- .ui-kit .lg\:hover\:text-status-error-fg:hover {
6384
- color: hsl(var(--status-error-fg));
6385
- }
6386
- .ui-kit .lg\:hover\:text-status-info-fg:hover {
6387
- color: hsl(var(--status-info-fg));
6388
- }
6389
- .ui-kit .lg\:hover\:text-status-success-fg:hover {
6390
- color: hsl(var(--status-success-fg));
6391
- }
6392
- .ui-kit .lg\:hover\:text-status-warning-fg:hover {
6393
- color: hsl(var(--status-warning-fg));
6394
- }
6395
- .ui-kit .lg\:hover\:text-white:hover {
6396
- --tw-text-opacity: 1;
6397
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
6398
- }
6399
6322
  }
6400
6323
  .ui-kit .lg\:has-\[\>svg\]\:grid-cols-\[1\.5rem_1fr\]:has(>svg) {
6401
6324
  grid-template-columns: 1.5rem 1fr;