sh-ui-cli 0.98.1 → 0.109.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/data/changelog/versions.json +157 -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 +18 -5
  19. package/src/create/generator.js +116 -4
  20. package/src/create/index.mjs +3 -0
  21. package/src/create/plugins/nextIntl.js +3 -0
  22. package/src/create/theme/decode.js +3 -0
  23. package/src/create/theme/presets.js +45 -8
  24. package/src/mcp.mjs +47 -3
  25. package/src/theme-extract.mjs +1 -0
  26. package/templates/nextjs-standalone/_arch/flat/app/globals.css +16 -4
  27. package/templates/nextjs-standalone/_arch/flat/lib/styles/tokens.css +35 -4
  28. package/templates/nextjs-standalone/_arch/fsd/src/shared/styles/tokens.css +35 -4
  29. package/templates/nextjs-standalone/_arch/mes/app/globals.css +16 -4
  30. package/templates/nextjs-standalone/_arch/mes/src/lib/styles/tokens.css +33 -2
  31. package/templates/nextjs-standalone/app/globals.css +16 -4
  32. package/templates/ui-app-template/src/styles/globals.css +16 -4
  33. package/templates/ui-app-template/src/styles/tokens.css +35 -4
  34. package/templates/vite-standalone/_arch/flat/src/lib/styles/globals.css +16 -0
  35. package/templates/vite-standalone/_arch/flat/src/lib/styles/tokens.css +35 -4
  36. package/templates/vite-standalone/_arch/fsd/src/shared/styles/globals.css +16 -0
  37. package/templates/vite-standalone/_arch/fsd/src/shared/styles/tokens.css +35 -4
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;