ics-ui-kit 0.1.17 → 0.1.18

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 (40) hide show
  1. package/dist/{CheckboxField-2zNFubvm.js → CheckboxField-limFbMk2.js} +43 -43
  2. package/dist/CheckboxField-limFbMk2.js.map +1 -0
  3. package/dist/{Command-D5zgJ7-y.js → Command-B7ZRyW8w.js} +2 -2
  4. package/dist/Command-B7ZRyW8w.js.map +1 -0
  5. package/dist/{FormFooterTemplate-Cfn5Nmge.js → FormFooterTemplate-BRrgrxAu.js} +2 -2
  6. package/dist/{FormFooterTemplate-Cfn5Nmge.js.map → FormFooterTemplate-BRrgrxAu.js.map} +1 -1
  7. package/dist/{InputGroup-BvD9Igmt.js → InputGroup-BcRWP-zL.js} +20 -22
  8. package/dist/InputGroup-BcRWP-zL.js.map +1 -0
  9. package/dist/{Select-MLPTpIl5.js → Select-D9juHX8o.js} +7 -8
  10. package/dist/{Select-MLPTpIl5.js.map → Select-D9juHX8o.js.map} +1 -1
  11. package/dist/{TextInput-Cj50ImXi.js → TextInput-Db0ylY91.js} +2 -2
  12. package/dist/{TextInput-Cj50ImXi.js.map → TextInput-Db0ylY91.js.map} +1 -1
  13. package/dist/blocks/auth/otp-form.js +1 -1
  14. package/dist/components/checkbox.js +1 -1
  15. package/dist/components/command.js +1 -1
  16. package/dist/components/dialog.js +1 -1
  17. package/dist/components/drawer.js +1 -1
  18. package/dist/components/form.js +1 -1
  19. package/dist/components/image-uploader.js +8 -8
  20. package/dist/components/image-uploader.js.map +1 -1
  21. package/dist/components/input.js +5 -5
  22. package/dist/components/radio-group.js +10 -10
  23. package/dist/components/radio-group.js.map +1 -1
  24. package/dist/components/search-select.js +40 -40
  25. package/dist/components/search-select.js.map +1 -1
  26. package/dist/components/select/Select.d.ts +0 -3
  27. package/dist/components/select.js +1 -1
  28. package/dist/components/sidebar.js +1 -1
  29. package/dist/components/tag-input.js +2 -2
  30. package/dist/components/textarea.js +1 -1
  31. package/dist/{inputBaseStyles-DbzD_jvq.js → inputBaseStyles-BfZIWuQ6.js} +5 -5
  32. package/dist/inputBaseStyles-BfZIWuQ6.js.map +1 -0
  33. package/dist/styles-scoped.css +47 -75
  34. package/dist/styles.css +47 -75
  35. package/package.json +1 -1
  36. package/tailwind.preset.js +5 -5
  37. package/dist/CheckboxField-2zNFubvm.js.map +0 -1
  38. package/dist/Command-D5zgJ7-y.js.map +0 -1
  39. package/dist/InputGroup-BvD9Igmt.js.map +0 -1
  40. package/dist/inputBaseStyles-DbzD_jvq.js.map +0 -1
package/dist/components/select/Select.d.ts CHANGED
@@ -17,7 +17,6 @@ export declare const selectTriggerStyles: TVReturnType<{
17
17
  disabled: {
18
18
  true: {
19
19
  base: string;
20
- icon: string;
21
20
  };
22
21
  };
23
22
  }, {
@@ -32,7 +31,6 @@ export declare const selectTriggerStyles: TVReturnType<{
32
31
  disabled: {
33
32
  true: {
34
33
  base: string;
35
- icon: string;
36
34
  };
37
35
  };
38
36
  }, {
@@ -47,7 +45,6 @@ export declare const selectTriggerStyles: TVReturnType<{
47
45
  disabled: {
48
46
  true: {
49
47
  base: string;
50
- icon: string;
51
48
  };
52
49
  };
53
50
  }, {
package/dist/components/select.js CHANGED
@@ -1,4 +1,4 @@
1
- import { S as l, d as a, a as c, f as S, l as s, k as o, e as r, j as n, i as p, h as i, g as m, c as u, b as I } from "../Select-MLPTpIl5.js";
1
+ import { S as l, d as a, a as c, f as S, l as s, k as o, e as r, j as n, i as p, h as i, g as m, c as u, b as I } from "../Select-D9juHX8o.js";
2
2
  export {
3
3
  l as Select,
4
4
  a as SelectContent,
package/dist/components/sidebar.js CHANGED
@@ -5,7 +5,7 @@ import { T as A, b as D, c as G } from "../Tooltip-7Duaau0S.js";
5
5
  import { c as w } from "../cn-dsXlqdJg.js";
6
6
  import { S as L, a as H, b as O, d as P, e as K } from "../Sheet-qTIXsqm0.js";
7
7
  import { I as R } from "../IconButton-DwkpNgn3.js";
8
- import { T as j } from "../TextInput-Cj50ImXi.js";
8
+ import { T as j } from "../TextInput-Db0ylY91.js";
9
9
  import { D as F } from "../Divider-DPW5ZhZ8.js";
10
10
  import { S as y } from "../index-BtQfgaSF.js";
11
11
  import { T as n } from "../index-BVqs-uqP.js";
package/dist/components/tag-input.js CHANGED
@@ -3,8 +3,8 @@ import { u as z, S as H } from "../SearchSelectTag-CA7Ie3Nx.js";
3
3
  import { u as J } from "../useItemsKeyboardNavigation-CmeOR30y.js";
4
4
  import M, { useState as k, useRef as V, useCallback as r } from "react";
5
5
  import { T as S } from "../index-BVqs-uqP.js";
6
- import { I as P, a as Q, b as U } from "../InputGroup-BvD9Igmt.js";
7
- import { s as W } from "../Select-MLPTpIl5.js";
6
+ import { I as P, a as Q, b as U } from "../InputGroup-BcRWP-zL.js";
7
+ import { s as W } from "../Select-D9juHX8o.js";
8
8
  const X = S({
9
9
  extend: W,
10
10
  base: "group/search-select-trigger flex h-auto min-h-10 flex-wrap items-center gap-1 !py-[0.3125rem] px-1.5 lg:h-auto lg:min-h-9 lg:px-1.5"
package/dist/components/textarea.js CHANGED
@@ -3,7 +3,7 @@ import * as c from "react";
3
3
  import m, { useRef as N, useLayoutEffect as P } from "react";
4
4
  import { T as k } from "../index-BVqs-uqP.js";
5
5
  import { u as O } from "../useMergeRefs-qoKniYqT.js";
6
- import { u as j, a as B } from "../inputBaseStyles-DbzD_jvq.js";
6
+ import { u as j, a as B } from "../inputBaseStyles-BfZIWuQ6.js";
7
7
  const _ = k({
8
8
  extend: B,
9
9
  base: "min-h-14",
package/dist/{inputBaseStyles-DbzD_jvq.js → inputBaseStyles-BfZIWuQ6.js} RENAMED
@@ -10,20 +10,20 @@ const d = s({
10
10
  base: [
11
11
  "w-full rounded-lg border border-secondary-border bg-secondary-bg px-3 py-2.5 shadow-soft-sm outline-none transition-colors lg:py-2",
12
12
  "font-sans text-sm text-primary-fg placeholder:text-muted",
13
- "hover:border-primary-border hover:shadow-soft-base",
13
+ "hover:border-primary-border",
14
14
  "focus:rounded-lg focus:border focus:border-secondary-border focus:bg-secondary-bg focus:shadow-focus"
15
15
  ]
16
16
  }), b = s({
17
17
  extend: d,
18
18
  base: [
19
- "read-only:border-primary-border read-only:bg-secondary-bg-hover read-only:shadow-soft-sm",
19
+ "read-only:border-primary-border read-only:bg-secondary-bg-hover read-only:shadow-none",
20
20
  "read-only:hover:bg-secondary-bg-hover",
21
21
  "read-only:focus:bg-secondary-bg-hover",
22
22
  "disabled:border-primary-border disabled:bg-secondary-bg-hover disabled:shadow-soft-sm",
23
23
  "invalid:border-status-error-secondary-border invalid:shadow-soft-base invalid:hover:border-status-error-primary-border",
24
- "invalid:hover:shadow-soft-base invalid:focus:border-status-error-secondary-border invalid:focus:shadow-focus-error",
24
+ "invalid:focus:border-status-error-secondary-border invalid:focus:shadow-focus-error",
25
25
  "aria-[invalid=true]:border-status-error-secondary-border aria-[invalid=true]:shadow-soft-base aria-[invalid=true]:hover:border-status-error-primary-border",
26
- "aria-[invalid=true]:hover:shadow-soft-base aria-[invalid=true]:focus:border-status-error-secondary-border aria-[invalid=true]:focus:shadow-focus-error"
26
+ "aria-[invalid=true]:focus:border-status-error-secondary-border aria-[invalid=true]:focus:shadow-focus-error"
27
27
  ]
28
28
  });
29
29
  export {
@@ -31,4 +31,4 @@ export {
31
31
  d as i,
32
32
  n as u
33
33
  };
34
- //# sourceMappingURL=inputBaseStyles-DbzD_jvq.js.map
34
+ //# sourceMappingURL=inputBaseStyles-BfZIWuQ6.js.map
package/dist/inputBaseStyles-BfZIWuQ6.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"inputBaseStyles-BfZIWuQ6.js","sources":["../src/hooks/useCustomValidity.ts","../src/components/input/styles/inputBaseStyles.ts"],"sourcesContent":["import { useEffect, RefObject } from \"react\";\n\n/**\n * Хук для установки кастомного сообщения об ошибке валидации на HTML элементе.\n * Автоматически управляет состоянием валидности элемента на основе переданной ошибки.\n *\n * @param elementRef - Ref к HTML элементу, поддерживающему валидацию (input, textarea, select)\n * @param error - Текст ошибки. При наличии делает элемент невалидным, при отсутствии - валидным\n */\nexport function useCustomValidity<T extends HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>(\n\telementRef: RefObject<T>,\n\terror?: string\n) {\n\tuseEffect(() => {\n\t\tconst element = elementRef.current;\n\t\tif (!element) return;\n\n\t\tif (error) {\n\t\t\telement.setCustomValidity(error);\n\t\t} else {\n\t\t\telement.setCustomValidity(\"\");\n\t\t}\n\t}, [elementRef, error]);\n}\n","import { tv } from \"tailwind-variants\";\n\nexport const inputBaseElementStyles = tv({\n\tbase: [\n\t\t\"w-full rounded-lg border border-secondary-border bg-secondary-bg px-3 py-2.5 shadow-soft-sm outline-none transition-colors lg:py-2\",\n\t\t\"font-sans text-sm text-primary-fg placeholder:text-muted\",\n\t\t\"hover:border-primary-border\",\n\t\t\"focus:rounded-lg focus:border focus:border-secondary-border focus:bg-secondary-bg focus:shadow-focus\"\n\t]\n});\n\nexport const inputBaseControlStyles = tv({\n\textend: inputBaseElementStyles,\n\tbase: [\n\t\t\"read-only:border-primary-border read-only:bg-secondary-bg-hover read-only:shadow-none\",\n\t\t\"read-only:hover:bg-secondary-bg-hover\",\n\t\t\"read-only:focus:bg-secondary-bg-hover\",\n\t\t\"disabled:border-primary-border disabled:bg-secondary-bg-hover disabled:shadow-soft-sm\",\n\t\t\"invalid:border-status-error-secondary-border invalid:shadow-soft-base invalid:hover:border-status-error-primary-border\",\n\t\t\"invalid:focus:border-status-error-secondary-border invalid:focus:shadow-focus-error\",\n\t\t\"aria-[invalid=true]:border-status-error-secondary-border aria-[invalid=true]:shadow-soft-base aria-[invalid=true]:hover:border-status-error-primary-border\",\n\t\t\"aria-[invalid=true]:focus:border-status-error-secondary-border aria-[invalid=true]:focus:shadow-focus-error\"\n\t]\n});\n"],"names":["useCustomValidity","elementRef","error","useEffect","element","inputBaseElementStyles","tv","inputBaseControlStyles"],"mappings":";;AASgB,SAAAA,EACfC,GACAC,GACC;AACD,EAAAC,EAAU,MAAM;AACf,UAAMC,IAAUH,EAAW;AAC3B,IAAKG,MAEDF,IACHE,EAAQ,kBAAkBF,CAAK,IAE/BE,EAAQ,kBAAkB,EAAE;AAAA,EAC7B,GACE,CAACH,GAAYC,CAAK,CAAC;AACvB;ACrBO,MAAMG,IAAyBC,EAAG;AAAA,EACxC,MAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,CAAC,GAEYC,IAAyBD,EAAG;AAAA,EACxC,QAAQD;AAAA,EACR,MAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,CAAC;"}
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) {
@@ -4681,13 +4681,13 @@
4681
4681
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4682
4682
  }
4683
4683
  .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);
4684
+ --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
4685
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4686
4686
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4687
4687
  }
4688
4688
  .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);
4689
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
4690
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
4691
4691
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4692
4692
  }
4693
4693
  .ui-kit .hover\:brightness-110:hover {
@@ -4714,11 +4714,6 @@
4714
4714
  .ui-kit .invalid\:hover\:border-status-error-primary-border:hover:invalid {
4715
4715
  border-color: hsl(var(--status-error-primary-border));
4716
4716
  }
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
4717
  .ui-kit .read-only\:hover\:bg-secondary-bg-hover:hover:read-only {
4723
4718
  background-color: hsl(var(--secondary-bg-hover));
4724
4719
  }
@@ -4773,8 +4768,8 @@
4773
4768
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4774
4769
  }
4775
4770
  .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);
4771
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
4772
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
4778
4773
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4779
4774
  }
4780
4775
  .ui-kit .focus\:outline-none:focus {
@@ -5015,9 +5010,14 @@
5015
5010
  .ui-kit .disabled\:opacity-50:disabled {
5016
5011
  opacity: 0.5;
5017
5012
  }
5013
+ .ui-kit .disabled\:shadow-none:disabled {
5014
+ --tw-shadow: 0 0 #0000;
5015
+ --tw-shadow-colored: 0 0 #0000;
5016
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5017
+ }
5018
5018
  .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);
5019
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
5020
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
5021
5021
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5022
5022
  }
5023
5023
  @media (hover: hover) and (pointer: fine) {
@@ -5080,9 +5080,6 @@
5080
5080
  .ui-kit :is(.group:focus-visible .group-focus-visible\:opacity-100) {
5081
5081
  opacity: 1;
5082
5082
  }
5083
- .ui-kit :is(.group:disabled .group-disabled\:hidden) {
5084
- display: none;
5085
- }
5086
5083
  @media (hover: hover) and (pointer: fine) {
5087
5084
  .ui-kit :is(.peer\/icon:hover ~ .peer-hover\/icon\:bg-primary-fg) {
5088
5085
  background-color: hsl(var(--primary-fg));
@@ -5160,8 +5157,8 @@
5160
5157
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5161
5158
  }
5162
5159
  .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);
5160
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
5161
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
5165
5162
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5166
5163
  }
5167
5164
  .ui-kit .has-\[input\:focus\]\:shadow-focus:has(input:focus) {
@@ -5175,8 +5172,8 @@
5175
5172
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5176
5173
  }
5177
5174
  .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);
5175
+ --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
5176
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5180
5177
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5181
5178
  }
5182
5179
  .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 +5181,9 @@
5184
5181
  --tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
5185
5182
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5186
5183
  }
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);
5184
+ .ui-kit .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:shadow-none:has(input:read-only:not([type='file'])) {
5185
+ --tw-shadow: 0 0 #0000;
5186
+ --tw-shadow-colored: 0 0 #0000;
5190
5187
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5191
5188
  }
5192
5189
  .ui-kit .has-\[input\[aria-invalid\=true\]\]\:has-\[input\:focus\]\:shadow-focus-error:has(input:focus):has(input[aria-invalid=true]) {
@@ -5195,8 +5192,8 @@
5195
5192
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5196
5193
  }
5197
5194
  .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);
5195
+ --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
5196
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5200
5197
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5201
5198
  }
5202
5199
  @media (hover: hover) and (pointer: fine) {
@@ -5209,16 +5206,6 @@
5209
5206
  .ui-kit .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:hover\:bg-secondary-bg-hover:hover:has(input:read-only:not([type='file'])) {
5210
5207
  background-color: hsl(var(--secondary-bg-hover));
5211
5208
  }
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
5209
  }
5223
5210
  .ui-kit :is(.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8) {
5224
5211
  padding-right: 2rem;
@@ -5233,19 +5220,14 @@
5233
5220
  border-color: hsl(var(--status-error-secondary-border));
5234
5221
  }
5235
5222
  .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);
5223
+ --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
5224
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5238
5225
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5239
5226
  }
5240
5227
  @media (hover: hover) and (pointer: fine) {
5241
5228
  .ui-kit .aria-\[invalid\=true\]\:hover\:border-status-error-primary-border:hover[aria-invalid="true"] {
5242
5229
  border-color: hsl(var(--status-error-primary-border));
5243
5230
  }
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
5231
  }
5250
5232
  .ui-kit .aria-\[invalid\=true\]\:focus\:border-status-error-secondary-border:focus[aria-invalid="true"] {
5251
5233
  border-color: hsl(var(--status-error-secondary-border));
@@ -5482,8 +5464,8 @@
5482
5464
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
5483
5465
  }
5484
5466
  .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);
5467
+ --tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
5468
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5487
5469
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5488
5470
  }
5489
5471
  .ui-kit .data-\[state\=open\]\:shadow-none[data-state="open"] {
@@ -5652,16 +5634,6 @@
5652
5634
  .ui-kit .data-\[state\=open\]\:hover\:text-primary-fg:hover[data-state="open"] {
5653
5635
  color: hsl(var(--primary-fg));
5654
5636
  }
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
5637
  }
5666
5638
  .ui-kit .data-\[state\=checked\]\:focus-visible\:shadow-focus:focus-visible[data-state="checked"] {
5667
5639
  --tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus));
@@ -5709,13 +5681,13 @@
5709
5681
  opacity: 0.5;
5710
5682
  }
5711
5683
  .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);
5684
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
5685
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
5714
5686
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5715
5687
  }
5716
5688
  .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);
5689
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
5690
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
5719
5691
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5720
5692
  }
5721
5693
  .ui-kit :is(.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]) {
@@ -5855,8 +5827,8 @@
5855
5827
  opacity: 1;
5856
5828
  }
5857
5829
  .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);
5830
+ --tw-shadow: 0 20px 25px -5px hsl(var(--primary-fg) / 0.12), 0 8px 10px -6px hsl(var(--primary-fg) / 0.12);
5831
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
5860
5832
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5861
5833
  }
5862
5834
  .ui-kit :is(.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full)::after {
@@ -6303,8 +6275,8 @@
6303
6275
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6304
6276
  }
6305
6277
  .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);
6278
+ --tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
6279
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
6308
6280
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6309
6281
  }
6310
6282
  @media (hover: hover) and (pointer: fine) {