sh-ui-cli 0.98.1 → 0.110.0

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/data/changelog/versions.json +169 -0
  2. package/data/registry/react/components/scroll-area/index.module.tsx +71 -0
  3. package/data/registry/react/components/scroll-area/index.tailwind.tsx +54 -0
  4. package/data/registry/react/components/scroll-area/index.tsx +67 -0
  5. package/data/registry/react/components/scroll-area/styles.css +64 -0
  6. package/data/registry/react/components/scroll-area/styles.module.css +64 -0
  7. package/data/registry/react/components/sheet/index.module.tsx +93 -0
  8. package/data/registry/react/components/sheet/index.tailwind.tsx +120 -0
  9. package/data/registry/react/components/sheet/index.tsx +121 -0
  10. package/data/registry/react/components/sheet/styles.css +183 -0
  11. package/data/registry/react/components/sheet/styles.module.css +171 -0
  12. package/data/registry/react/registry.json +94 -0
  13. package/data/registry/react/tokens-used.json +86 -1
  14. package/data/summaries/react.json +3 -1
  15. package/data/tokens/src/primitives.json +8 -0
  16. package/data/tokens/src/semantic.json +36 -10
  17. package/package.json +1 -1
  18. package/src/create/cli-args.js +20 -5
  19. package/src/create/describeTemplate.js +9 -7
  20. package/src/create/generator.js +168 -21
  21. package/src/create/index.mjs +9 -0
  22. package/src/create/plugins/nextIntl.js +3 -0
  23. package/src/create/templateManifest.js +1 -1
  24. package/src/create/theme/decode.js +3 -0
  25. package/src/create/theme/presets.js +45 -8
  26. package/src/mcp.mjs +68 -6
  27. package/src/theme-extract.mjs +1 -0
  28. package/templates/monorepo/npmrc +5 -0
  29. package/templates/nextjs-standalone/_arch/flat/app/globals.css +16 -4
  30. package/templates/nextjs-standalone/_arch/flat/lib/styles/tokens.css +35 -4
  31. package/templates/nextjs-standalone/_arch/fsd/src/shared/styles/tokens.css +35 -4
  32. package/templates/nextjs-standalone/_arch/mes/app/globals.css +16 -4
  33. package/templates/nextjs-standalone/_arch/mes/src/lib/styles/tokens.css +33 -2
  34. package/templates/nextjs-standalone/app/globals.css +16 -4
  35. package/templates/ui-app-template/src/styles/globals.css +16 -4
  36. package/templates/ui-app-template/src/styles/tokens.css +35 -4
  37. package/templates/vite-standalone/_arch/flat/src/lib/styles/globals.css +16 -0
  38. package/templates/vite-standalone/_arch/flat/src/lib/styles/tokens.css +35 -4
  39. package/templates/vite-standalone/_arch/fsd/src/shared/styles/globals.css +16 -0
  40. package/templates/vite-standalone/_arch/fsd/src/shared/styles/tokens.css +35 -4
package/templates/nextjs-standalone/app/globals.css CHANGED
@@ -27,6 +27,9 @@
27
27
  --color-primary: var(--primary);
28
28
  --color-primary-foreground: var(--primary-foreground);
29
29
  --color-primary-hover: var(--primary-hover);
30
+ --color-accent: var(--accent);
31
+ --color-accent-foreground: var(--accent-foreground);
32
+ --color-accent-hover: var(--accent-hover);
30
33
  --color-ring: var(--ring);
31
34
  --color-danger: var(--danger);
32
35
  --color-danger-hover: var(--danger-hover);
@@ -42,10 +45,19 @@
42
45
  --color-sidebar-border: var(--sidebar-border);
43
46
  --color-sidebar-accent: var(--sidebar-accent);
44
47
  --color-sidebar-accent-fg: var(--sidebar-accent-fg);
45
- --radius-sm: calc(var(--radius) - 2px);
46
- --radius-md: var(--radius);
47
- --radius-lg: calc(var(--radius) + 2px);
48
- --radius-xl: calc(var(--radius) + 4px);
48
+ --shadow-popover: var(--shadow-popover);
49
+ --shadow-modal: var(--shadow-modal);
50
+ --shadow-toast: var(--shadow-toast);
51
+ --tracking-tighter: var(--tracking-tighter);
52
+ --tracking-tight: var(--tracking-tight);
53
+ --tracking-normal: var(--tracking-normal);
54
+ --tracking-wide: var(--tracking-wide);
55
+ --tracking-wider: var(--tracking-wider);
56
+ --radius-sm: 0.25rem;
57
+ --radius-md: 0.5rem;
58
+ --radius-lg: 0.75rem;
59
+ --radius-xl: 1rem;
60
+ --radius-full: 9999px;
49
61
  }
50
62
 
51
63
  @layer base {
package/templates/ui-app-template/src/styles/globals.css CHANGED
@@ -42,6 +42,9 @@
42
42
  --color-primary: var(--primary);
43
43
  --color-primary-foreground: var(--primary-foreground);
44
44
  --color-primary-hover: var(--primary-hover);
45
+ --color-accent: var(--accent);
46
+ --color-accent-foreground: var(--accent-foreground);
47
+ --color-accent-hover: var(--accent-hover);
45
48
  --color-ring: var(--ring);
46
49
  --color-danger: var(--danger);
47
50
  --color-danger-hover: var(--danger-hover);
@@ -57,10 +60,19 @@
57
60
  --color-sidebar-border: var(--sidebar-border);
58
61
  --color-sidebar-accent: var(--sidebar-accent);
59
62
  --color-sidebar-accent-fg: var(--sidebar-accent-fg);
60
- --radius-sm: calc(var(--radius) - 2px);
61
- --radius-md: var(--radius);
62
- --radius-lg: calc(var(--radius) + 2px);
63
- --radius-xl: calc(var(--radius) + 4px);
63
+ --shadow-popover: var(--shadow-popover);
64
+ --shadow-modal: var(--shadow-modal);
65
+ --shadow-toast: var(--shadow-toast);
66
+ --tracking-tighter: var(--tracking-tighter);
67
+ --tracking-tight: var(--tracking-tight);
68
+ --tracking-normal: var(--tracking-normal);
69
+ --tracking-wide: var(--tracking-wide);
70
+ --tracking-wider: var(--tracking-wider);
71
+ --radius-sm: 0.25rem;
72
+ --radius-md: 0.5rem;
73
+ --radius-lg: 0.75rem;
74
+ --radius-xl: 1rem;
75
+ --radius-full: 9999px;
64
76
  }
65
77
 
66
78
  @layer base {
package/templates/ui-app-template/src/styles/tokens.css CHANGED
@@ -1,11 +1,13 @@
1
1
  /* Generated by @sh-ui/tokens — do not edit directly */
2
+ /* Input: sh-ui.config.json (theme block) */
3
+ /* Regenerate: npx sh-ui-cli tokens upgrade --replace */
2
4
  /* base=neutral radius=md mode=light-dark */
3
5
 
4
6
  /* sh-ui:theme-colors-start */
5
7
  :root {
6
8
  --background: #FFFFFF;
7
- --background-subtle: #FAFAFA;
8
- --background-muted: #F5F5F5;
9
+ --background-subtle: #F5F5F5;
10
+ --background-muted: #E5E5E5;
9
11
  --background-inverse: #0A0A0A;
10
12
  --foreground: #0A0A0A;
11
13
  --foreground-muted: #525252;
@@ -16,6 +18,9 @@
16
18
  --primary: #171717;
17
19
  --primary-foreground: #FAFAFA;
18
20
  --primary-hover: #262626;
21
+ --accent: #171717;
22
+ --accent-foreground: #FAFAFA;
23
+ --accent-hover: #262626;
19
24
  --ring: color-mix(in srgb, var(--primary) 50%, transparent);
20
25
  --danger: #DC2626;
21
26
  --danger-hover: color-mix(in srgb, var(--danger) 90%, black);
@@ -26,10 +31,10 @@
26
31
  --warning-foreground: #FFFFFF;
27
32
  --info: #2563EB;
28
33
  --info-foreground: #FFFFFF;
29
- --sidebar-bg: #FAFAFA;
34
+ --sidebar-bg: #F5F5F5;
30
35
  --sidebar-fg: #0A0A0A;
31
36
  --sidebar-border: #E5E5E5;
32
- --sidebar-accent: #F5F5F5;
37
+ --sidebar-accent: #E5E5E5;
33
38
  --sidebar-accent-fg: #0A0A0A;
34
39
  }
35
40
  @media (prefers-color-scheme: dark) {
@@ -47,6 +52,9 @@
47
52
  --primary: #FAFAFA;
48
53
  --primary-foreground: #171717;
49
54
  --primary-hover: #E5E5E5;
55
+ --accent: #FAFAFA;
56
+ --accent-foreground: #171717;
57
+ --accent-hover: #E5E5E5;
50
58
  --danger: #DC2626;
51
59
  --danger-hover: color-mix(in srgb, var(--danger) 90%, black);
52
60
  --danger-foreground: #FFFFFF;
@@ -77,6 +85,9 @@
77
85
  --primary: #FAFAFA;
78
86
  --primary-foreground: #171717;
79
87
  --primary-hover: #E5E5E5;
88
+ --accent: #FAFAFA;
89
+ --accent-foreground: #171717;
90
+ --accent-hover: #E5E5E5;
80
91
  --danger: #DC2626;
81
92
  --danger-hover: color-mix(in srgb, var(--danger) 90%, black);
82
93
  --danger-foreground: #FFFFFF;
@@ -97,6 +108,16 @@
97
108
  :root {
98
109
  /* sh-ui:theme-radius-start */
99
110
  --radius: 0.5rem;
111
+ /* sh-ui:theme-radius-scale-start — Tailwind utility rounded-sm/md/lg/xl/full 의 값과 일치.
112
+ * v0.106.0+ — 사용자 base radius (--radius) 와 별개의 절대값 scale.
113
+ * --radius 변경은 컴포넌트 default (input/button 등) 만 영향,
114
+ * rounded-* utility 는 아래 scale 값을 그대로 따른다. */
115
+ --radius-sm: 0.25rem;
116
+ --radius-md: 0.5rem;
117
+ --radius-lg: 0.75rem;
118
+ --radius-xl: 1rem;
119
+ --radius-full: 9999px;
120
+ /* sh-ui:theme-radius-scale-end */
100
121
  /* sh-ui:theme-radius-end */
101
122
  /* sh-ui:theme-space-start */
102
123
  --space-0: 0;
@@ -133,6 +154,9 @@
133
154
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
134
155
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.18);
135
156
  --shadow-menu: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
157
+ --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.15);
158
+ --shadow-modal: 0 16px 48px rgba(0, 0, 0, 0.18);
159
+ --shadow-toast: 0 4px 12px rgba(0, 0, 0, 0.12);
136
160
  /* sh-ui:theme-shadow-end */
137
161
  /* sh-ui:theme-duration-start */
138
162
  --duration-fast: 120ms;
@@ -142,6 +166,13 @@
142
166
  /* sh-ui:theme-ease-start */
143
167
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
144
168
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
169
+ /* sh-ui:theme-tracking-start */
170
+ --tracking-tighter: -0.04em;
171
+ --tracking-tight: -0.02em;
172
+ --tracking-normal: 0;
173
+ --tracking-wide: 0.02em;
174
+ --tracking-wider: 0.04em;
175
+ /* sh-ui:theme-tracking-end */
145
176
  /* sh-ui:theme-ease-end */
146
177
  /* sh-ui:theme-control-start */
147
178
  --control-sm: 2rem;
package/templates/vite-standalone/_arch/flat/src/lib/styles/globals.css CHANGED
@@ -21,6 +21,9 @@
21
21
  --color-primary: var(--primary);
22
22
  --color-primary-foreground: var(--primary-foreground);
23
23
  --color-primary-hover: var(--primary-hover);
24
+ --color-accent: var(--accent);
25
+ --color-accent-foreground: var(--accent-foreground);
26
+ --color-accent-hover: var(--accent-hover);
24
27
  --color-ring: var(--ring);
25
28
  --color-danger: var(--danger);
26
29
  --color-danger-hover: var(--danger-hover);
@@ -32,6 +35,19 @@
32
35
  --color-info: var(--info);
33
36
  --color-info-foreground: var(--info-foreground);
34
37
  --color-sidebar-bg: var(--sidebar-bg);
38
+ --shadow-popover: var(--shadow-popover);
39
+ --shadow-modal: var(--shadow-modal);
40
+ --shadow-toast: var(--shadow-toast);
41
+ --tracking-tighter: var(--tracking-tighter);
42
+ --tracking-tight: var(--tracking-tight);
43
+ --tracking-normal: var(--tracking-normal);
44
+ --tracking-wide: var(--tracking-wide);
45
+ --tracking-wider: var(--tracking-wider);
46
+ --radius-sm: 0.25rem;
47
+ --radius-md: 0.5rem;
48
+ --radius-lg: 0.75rem;
49
+ --radius-xl: 1rem;
50
+ --radius-full: 9999px;
35
51
  }
36
52
 
37
53
  /* sh-ui:webview-base-start — 모바일 브라우저 / PWA 공통 기본값.
package/templates/vite-standalone/_arch/flat/src/lib/styles/tokens.css CHANGED
@@ -1,11 +1,13 @@
1
1
  /* Generated by @sh-ui/tokens — do not edit directly */
2
+ /* Input: sh-ui.config.json (theme block) */
3
+ /* Regenerate: npx sh-ui-cli tokens upgrade --replace */
2
4
  /* base=neutral radius=md mode=light-dark */
3
5
 
4
6
  /* sh-ui:theme-colors-start */
5
7
  :root {
6
8
  --background: #FFFFFF;
7
- --background-subtle: #FAFAFA;
8
- --background-muted: #F5F5F5;
9
+ --background-subtle: #F5F5F5;
10
+ --background-muted: #E5E5E5;
9
11
  --background-inverse: #0A0A0A;
10
12
  --foreground: #0A0A0A;
11
13
  --foreground-muted: #525252;
@@ -16,6 +18,9 @@
16
18
  --primary: #171717;
17
19
  --primary-foreground: #FAFAFA;
18
20
  --primary-hover: #262626;
21
+ --accent: #171717;
22
+ --accent-foreground: #FAFAFA;
23
+ --accent-hover: #262626;
19
24
  --ring: color-mix(in srgb, var(--primary) 50%, transparent);
20
25
  --danger: #DC2626;
21
26
  --danger-hover: color-mix(in srgb, var(--danger) 90%, black);
@@ -26,10 +31,10 @@
26
31
  --warning-foreground: #FFFFFF;
27
32
  --info: #2563EB;
28
33
  --info-foreground: #FFFFFF;
29
- --sidebar-bg: #FAFAFA;
34
+ --sidebar-bg: #F5F5F5;
30
35
  --sidebar-fg: #0A0A0A;
31
36
  --sidebar-border: #E5E5E5;
32
- --sidebar-accent: #F5F5F5;
37
+ --sidebar-accent: #E5E5E5;
33
38
  --sidebar-accent-fg: #0A0A0A;
34
39
  }
35
40
  @media (prefers-color-scheme: dark) {
@@ -47,6 +52,9 @@
47
52
  --primary: #FAFAFA;
48
53
  --primary-foreground: #171717;
49
54
  --primary-hover: #E5E5E5;
55
+ --accent: #FAFAFA;
56
+ --accent-foreground: #171717;
57
+ --accent-hover: #E5E5E5;
50
58
  --danger: #DC2626;
51
59
  --danger-hover: color-mix(in srgb, var(--danger) 90%, black);
52
60
  --danger-foreground: #FFFFFF;
@@ -77,6 +85,9 @@
77
85
  --primary: #FAFAFA;
78
86
  --primary-foreground: #171717;
79
87
  --primary-hover: #E5E5E5;
88
+ --accent: #FAFAFA;
89
+ --accent-foreground: #171717;
90
+ --accent-hover: #E5E5E5;
80
91
  --danger: #DC2626;
81
92
  --danger-hover: color-mix(in srgb, var(--danger) 90%, black);
82
93
  --danger-foreground: #FFFFFF;
@@ -97,6 +108,16 @@
97
108
  :root {
98
109
  /* sh-ui:theme-radius-start */
99
110
  --radius: 0.5rem;
111
+ /* sh-ui:theme-radius-scale-start — Tailwind utility rounded-sm/md/lg/xl/full 의 값과 일치.
112
+ * v0.106.0+ — 사용자 base radius (--radius) 와 별개의 절대값 scale.
113
+ * --radius 변경은 컴포넌트 default (input/button 등) 만 영향,
114
+ * rounded-* utility 는 아래 scale 값을 그대로 따른다. */
115
+ --radius-sm: 0.25rem;
116
+ --radius-md: 0.5rem;
117
+ --radius-lg: 0.75rem;
118
+ --radius-xl: 1rem;
119
+ --radius-full: 9999px;
120
+ /* sh-ui:theme-radius-scale-end */
100
121
  /* sh-ui:theme-radius-end */
101
122
  /* sh-ui:theme-space-start */
102
123
  --space-0: 0;
@@ -133,6 +154,9 @@
133
154
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
134
155
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.18);
135
156
  --shadow-menu: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
157
+ --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.15);
158
+ --shadow-modal: 0 16px 48px rgba(0, 0, 0, 0.18);
159
+ --shadow-toast: 0 4px 12px rgba(0, 0, 0, 0.12);
136
160
  /* sh-ui:theme-shadow-end */
137
161
  /* sh-ui:theme-duration-start */
138
162
  --duration-fast: 120ms;
@@ -142,6 +166,13 @@
142
166
  /* sh-ui:theme-ease-start */
143
167
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
144
168
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
169
+ /* sh-ui:theme-tracking-start */
170
+ --tracking-tighter: -0.04em;
171
+ --tracking-tight: -0.02em;
172
+ --tracking-normal: 0;
173
+ --tracking-wide: 0.02em;
174
+ --tracking-wider: 0.04em;
175
+ /* sh-ui:theme-tracking-end */
145
176
  /* sh-ui:theme-ease-end */
146
177
  /* sh-ui:theme-control-start */
147
178
  --control-sm: 2rem;
package/templates/vite-standalone/_arch/fsd/src/shared/styles/globals.css CHANGED
@@ -21,6 +21,9 @@
21
21
  --color-primary: var(--primary);
22
22
  --color-primary-foreground: var(--primary-foreground);
23
23
  --color-primary-hover: var(--primary-hover);
24
+ --color-accent: var(--accent);
25
+ --color-accent-foreground: var(--accent-foreground);
26
+ --color-accent-hover: var(--accent-hover);
24
27
  --color-ring: var(--ring);
25
28
  --color-danger: var(--danger);
26
29
  --color-danger-hover: var(--danger-hover);
@@ -32,6 +35,19 @@
32
35
  --color-info: var(--info);
33
36
  --color-info-foreground: var(--info-foreground);
34
37
  --color-sidebar-bg: var(--sidebar-bg);
38
+ --shadow-popover: var(--shadow-popover);
39
+ --shadow-modal: var(--shadow-modal);
40
+ --shadow-toast: var(--shadow-toast);
41
+ --tracking-tighter: var(--tracking-tighter);
42
+ --tracking-tight: var(--tracking-tight);
43
+ --tracking-normal: var(--tracking-normal);
44
+ --tracking-wide: var(--tracking-wide);
45
+ --tracking-wider: var(--tracking-wider);
46
+ --radius-sm: 0.25rem;
47
+ --radius-md: 0.5rem;
48
+ --radius-lg: 0.75rem;
49
+ --radius-xl: 1rem;
50
+ --radius-full: 9999px;
35
51
  }
36
52
 
37
53
  /* sh-ui:webview-base-start — 모바일 브라우저 / PWA 공통 기본값.
package/templates/vite-standalone/_arch/fsd/src/shared/styles/tokens.css CHANGED
@@ -1,11 +1,13 @@
1
1
  /* Generated by @sh-ui/tokens — do not edit directly */
2
+ /* Input: sh-ui.config.json (theme block) */
3
+ /* Regenerate: npx sh-ui-cli tokens upgrade --replace */
2
4
  /* base=neutral radius=md mode=light-dark */
3
5
 
4
6
  /* sh-ui:theme-colors-start */
5
7
  :root {
6
8
  --background: #FFFFFF;
7
- --background-subtle: #FAFAFA;
8
- --background-muted: #F5F5F5;
9
+ --background-subtle: #F5F5F5;
10
+ --background-muted: #E5E5E5;
9
11
  --background-inverse: #0A0A0A;
10
12
  --foreground: #0A0A0A;
11
13
  --foreground-muted: #525252;
@@ -16,6 +18,9 @@
16
18
  --primary: #171717;
17
19
  --primary-foreground: #FAFAFA;
18
20
  --primary-hover: #262626;
21
+ --accent: #171717;
22
+ --accent-foreground: #FAFAFA;
23
+ --accent-hover: #262626;
19
24
  --ring: color-mix(in srgb, var(--primary) 50%, transparent);
20
25
  --danger: #DC2626;
21
26
  --danger-hover: color-mix(in srgb, var(--danger) 90%, black);
@@ -26,10 +31,10 @@
26
31
  --warning-foreground: #FFFFFF;
27
32
  --info: #2563EB;
28
33
  --info-foreground: #FFFFFF;
29
- --sidebar-bg: #FAFAFA;
34
+ --sidebar-bg: #F5F5F5;
30
35
  --sidebar-fg: #0A0A0A;
31
36
  --sidebar-border: #E5E5E5;
32
- --sidebar-accent: #F5F5F5;
37
+ --sidebar-accent: #E5E5E5;
33
38
  --sidebar-accent-fg: #0A0A0A;
34
39
  }
35
40
  @media (prefers-color-scheme: dark) {
@@ -47,6 +52,9 @@
47
52
  --primary: #FAFAFA;
48
53
  --primary-foreground: #171717;
49
54
  --primary-hover: #E5E5E5;
55
+ --accent: #FAFAFA;
56
+ --accent-foreground: #171717;
57
+ --accent-hover: #E5E5E5;
50
58
  --danger: #DC2626;
51
59
  --danger-hover: color-mix(in srgb, var(--danger) 90%, black);
52
60
  --danger-foreground: #FFFFFF;
@@ -77,6 +85,9 @@
77
85
  --primary: #FAFAFA;
78
86
  --primary-foreground: #171717;
79
87
  --primary-hover: #E5E5E5;
88
+ --accent: #FAFAFA;
89
+ --accent-foreground: #171717;
90
+ --accent-hover: #E5E5E5;
80
91
  --danger: #DC2626;
81
92
  --danger-hover: color-mix(in srgb, var(--danger) 90%, black);
82
93
  --danger-foreground: #FFFFFF;
@@ -97,6 +108,16 @@
97
108
  :root {
98
109
  /* sh-ui:theme-radius-start */
99
110
  --radius: 0.5rem;
111
+ /* sh-ui:theme-radius-scale-start — Tailwind utility rounded-sm/md/lg/xl/full 의 값과 일치.
112
+ * v0.106.0+ — 사용자 base radius (--radius) 와 별개의 절대값 scale.
113
+ * --radius 변경은 컴포넌트 default (input/button 등) 만 영향,
114
+ * rounded-* utility 는 아래 scale 값을 그대로 따른다. */
115
+ --radius-sm: 0.25rem;
116
+ --radius-md: 0.5rem;
117
+ --radius-lg: 0.75rem;
118
+ --radius-xl: 1rem;
119
+ --radius-full: 9999px;
120
+ /* sh-ui:theme-radius-scale-end */
100
121
  /* sh-ui:theme-radius-end */
101
122
  /* sh-ui:theme-space-start */
102
123
  --space-0: 0;
@@ -133,6 +154,9 @@
133
154
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
134
155
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.18);
135
156
  --shadow-menu: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
157
+ --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.15);
158
+ --shadow-modal: 0 16px 48px rgba(0, 0, 0, 0.18);
159
+ --shadow-toast: 0 4px 12px rgba(0, 0, 0, 0.12);
136
160
  /* sh-ui:theme-shadow-end */
137
161
  /* sh-ui:theme-duration-start */
138
162
  --duration-fast: 120ms;
@@ -142,6 +166,13 @@
142
166
  /* sh-ui:theme-ease-start */
143
167
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
144
168
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
169
+ /* sh-ui:theme-tracking-start */
170
+ --tracking-tighter: -0.04em;
171
+ --tracking-tight: -0.02em;
172
+ --tracking-normal: 0;
173
+ --tracking-wide: 0.02em;
174
+ --tracking-wider: 0.04em;
175
+ /* sh-ui:theme-tracking-end */
145
176
  /* sh-ui:theme-ease-end */
146
177
  /* sh-ui:theme-control-start */
147
178
  --control-sm: 2rem;