sh-ui-cli 0.48.0 → 0.50.0

package/data/tokens/build.mjs

@@ -578,6 +578,9 @@ const tokenEmitters = {
     // 그대로 참조하면 되므로 tokens.css 를 공유. .module.css 안에서도
     // var(--primary) 같은 글로벌 변수는 정상 참조됨.
     "css-modules": buildTokensCss,
+    // vanilla-extract 도 마찬가지 — .css.ts 안에서 'var(--primary)' 처럼
+    // 문자열로 CSS var 를 참조할 수 있어 tokens.css 그대로 공유.
+    "vanilla-extract": buildTokensCss,
   },
   flutter: {
     plain: buildTokensDart,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sh-ui-cli",
-  "version": "0.48.0",
+  "version": "0.50.0",
   "description": "sh-ui CLI — 프로젝트 스캐폴드(create) + 컴포넌트 추가(add/list/remove) + IDE-내 AI용 MCP 서버",
   "license": "MIT",
   "repository": {

package/src/api.d.ts

@@ -13,10 +13,11 @@ export type ThemeMode = 'light-dark' | 'light' | 'dark';
 /** 현재 실제로 동작하는 CSS 프레임워크.
  * - plain: 모든 컴포넌트가 plain 변종 보유.
  * - tailwind: 모든 styled 컴포넌트가 utility-class 변종 보유.
- * - css-modules: 모든 styled 컴포넌트가 .module.css 변종 보유. */
-export type CssFrameworkSupported = 'plain' | 'tailwind' | 'css-modules';
+ * - css-modules: 모든 styled 컴포넌트가 .module.css 변종 보유.
+ * - vanilla-extract: 모든 styled 컴포넌트가 .css.ts 변종 보유. */
+export type CssFrameworkSupported = 'plain' | 'tailwind' | 'css-modules' | 'vanilla-extract';
 /** 향후 추가 예정 — UI 에서 "곧 지원" 으로 노출되지만 CLI 는 거부. */
-export type CssFrameworkPlanned = 'vanilla-extract';
+export type CssFrameworkPlanned = never;
 /** 알려진 전체 (validation 메시지용). */
 export type CssFramework = CssFrameworkSupported | CssFrameworkPlanned;
 

package/src/constants.js

@@ -27,10 +27,11 @@ export const THEME_MODES = ['light-dark', 'light', 'dark'];
 // - plain: CSS custom properties + 일반 .css 파일 (모든 컴포넌트 변종 보유)
 // - tailwind: utility class TSX 변종 (모든 styled 컴포넌트 변종 보유)
 // - css-modules: 모듈 단위 .module.css + styles.X 참조 (모든 styled 컴포넌트 변종 보유)
-export const CSS_FRAMEWORKS_SUPPORTED = ['plain', 'tailwind', 'css-modules'];
+// - vanilla-extract: TS 안에서 CSS 작성 (.css.ts), 빌드 타임 정적 컴파일 (모든 styled 컴포넌트 변종 보유)
+export const CSS_FRAMEWORKS_SUPPORTED = ['plain', 'tailwind', 'css-modules', 'vanilla-extract'];
 
-// 향후 추가 예정. 사용자가 이 값을 주면 친절 에러로 안내.
-export const CSS_FRAMEWORKS_PLANNED = ['vanilla-extract'];
+// 향후 추가 예정. 비어 있어도 enum 으로 유지 (시스템이 새 변종에 열려 있다는 의미).
+export const CSS_FRAMEWORKS_PLANNED = [];
 
 // 알려진 전체 — 검증 시 supported 와 planned 둘 다 인지하기 위함.
 export const CSS_FRAMEWORKS_ALL = [