@ncds/ui-admin-mcp 1.6.4-alpha.5 → 1.6.4-alpha.7

package/README.md

@@ -79,6 +79,8 @@ Claude에게 자연어로 물어보면 됩니다:
 "어드민 컴포넌트 목록 보여줘"
 "버튼 컴포넌트 어떤 속성 사용할 수 있어?"
 "input 컴포넌트 HTML 마크업 보여줘"
+"화살표 관련 아이콘 검색해줘"
+"버튼 컴포넌트를 label은 저장, primary로 렌더링해줘"
 "이 HTML에 사용된 클래스가 맞는지 검증해줘"
 ```
 
@@ -90,9 +92,12 @@ Claude에게 자연어로 물어보면 됩니다:
 | --------------------- | -------------------------------------------------------------- |
 | 📋 컴포넌트 목록 조회 | 사용 가능한 전체 UI 컴포넌트를 확인합니다                      |
 | 🔍 컴포넌트 검색      | 키워드로 원하는 컴포넌트를 찾습니다                            |
+| 🎨 아이콘 목록 조회   | 사용 가능한 아이콘 요약 정보를 확인합니다                      |
+| 🔍 아이콘 검색        | 키워드로 원하는 아이콘을 찾습니다                              |
 | 🧩 HTML 마크업 조회   | 컴포넌트의 정확한 HTML 구조와 React 사용 예시를 확인합니다     |
 | ⚙️ 속성(Props) 조회   | 컴포넌트에 사용할 수 있는 옵션과 기본값을 확인합니다           |
 | ✅ HTML 검증          | 작성한 HTML의 클래스명이 올바른지 검증하고 자동으로 수정합니다 |
+| 🔄 동적 HTML 렌더링   | props를 전달하면 실제 렌더링된 정확한 HTML을 받을 수 있습니다  |
 | 📡 서버 상태 확인     | 연결 상태, 버전, 사용 규칙을 확인합니다                        |
 
 <br />

package/bin/server.js

@@ -1,8 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * MCP 서버 진입점 — componentMap 소유, tool 등록, transport 연결
  */
+const path_1 = __importDefault(require("path"));
 const mcp_js_1 = require("@modelcontextprotocol/sdk/server/mcp.js");
 const stdio_js_1 = require("@modelcontextprotocol/sdk/server/stdio.js");
 const zod_1 = require("zod");
@@ -10,12 +14,12 @@ const dataLoader_js_1 = require("./utils/dataLoader.js");
 const logger_js_1 = require("./utils/logger.js");
 const listComponents_js_1 = require("./tools/listComponents.js");
 const searchComponent_js_1 = require("./tools/searchComponent.js");
-const getComponentHtml_js_1 = require("./tools/getComponentHtml.js");
 const getComponentProps_js_1 = require("./tools/getComponentProps.js");
 const validateHtml_js_1 = require("./tools/validateHtml.js");
 const ping_js_1 = require("./tools/ping.js");
 const listIcons_js_1 = require("./tools/listIcons.js");
 const searchIcon_js_1 = require("./tools/searchIcon.js");
+const renderToHtml_js_1 = require("./tools/renderToHtml.js");
 const version_js_1 = require("./version.js");
 const server = new mcp_js_1.McpServer({
     name: 'ncds-ui-admin',
@@ -26,6 +30,10 @@ const main = async () => {
     const componentMap = (0, dataLoader_js_1.loadComponentsFromDir)(dataLoader_js_1.DEFAULT_DATA_DIR);
     const cdnMeta = (0, dataLoader_js_1.loadCdnMeta)(dataLoader_js_1.DEFAULT_DATA_DIR);
     const iconData = (0, dataLoader_js_1.loadIconData)(dataLoader_js_1.DEFAULT_DATA_DIR);
+    const bundlePath = path_1.default.resolve(__dirname, '..', 'bin', 'components.bundle.js');
+    // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
+    const bundle = require(bundlePath);
+    logger_js_1.logger.info(`컴포넌트 번들 로딩 완료`);
     server.registerTool('ping', {
         description: 'NCUA MCP 서버 연결 확인 + 버전 + capabilities/rules 조회',
     }, () => (0, ping_js_1.ping)(componentMap, cdnMeta, version_js_1.VERSION));
@@ -43,16 +51,6 @@ const main = async () => {
         description: '이름이나 설명으로 UI 컴포넌트를 찾습니다.',
         inputSchema: { query: zod_1.z.string().describe('검색 키워드 (대소문자 무관)') },
     }, ({ query }) => (0, searchComponent_js_1.searchComponent)(componentMap, query));
-    server.registerTool('get_component_html', {
-        description: '컴포넌트의 HTML 마크업 예시를 가져옵니다. variant를 지정하면 해당 옵션이 적용된 HTML을 반환합니다.',
-        inputSchema: {
-            name: zod_1.z.string().min(1).describe('컴포넌트명 (예: "button", "badge")'),
-            variant: zod_1.z
-                .record(zod_1.z.string(), zod_1.z.string())
-                .optional()
-                .describe('옵션 조합 (예: { hierarchy: "primary", size: "md" })'),
-        },
-    }, ({ name, variant }) => (0, getComponentHtml_js_1.getComponentHtml)(componentMap, name, variant));
     server.registerTool('get_component_props', {
         description: '컴포넌트에서 사용할 수 있는 옵션(속성) 목록을 가져옵니다.',
         inputSchema: { name: zod_1.z.string().min(1).describe('컴포넌트명 (예: "button", "badge")') },
@@ -66,6 +64,16 @@ const main = async () => {
                 .describe('검증할 HTML 마크업 (예: \'<button class="ncua-btn ncua-btn--primary"></button>\')'),
         },
     }, ({ html }) => (0, validateHtml_js_1.validateHtml)(componentMap, html));
+    server.registerTool('render_to_html', {
+        description: '컴포넌트명과 속성을 전달하면 정확한 HTML을 반환합니다.',
+        inputSchema: {
+            name: zod_1.z.string().min(1).describe('컴포넌트명 (예: "button", "modal", "input")'),
+            props: zod_1.z
+                .record(zod_1.z.string(), zod_1.z.unknown())
+                .optional()
+                .describe('컴포넌트 props (예: { label: "확인", hierarchy: "primary" })'),
+        },
+    }, ({ name, props }) => (0, renderToHtml_js_1.renderToHtml)(componentMap, bundle, cdnMeta, name, props));
     const transport = new stdio_js_1.StdioServerTransport();
     await server.connect(transport);
     logger_js_1.logger.info(`NCUA MCP 서버 시작됨 (ncds-ui-admin v${version_js_1.VERSION})`);

package/bin/tools/listIcons.d.ts

@@ -1,5 +1,8 @@
 /**
- * list_icons tool — 전체 아이콘 목록 반환 (순수 함수)
+ * list_icons tool — 아이콘 요약 정보 반환 (순수 함수)
+ *
+ * 아이콘 이름을 전부 반환하면 토큰 낭비이므로,
+ * 요약 정보만 반환하고 search_icon으로 검색을 유도한다.
  */
 import { type McpToolResponse } from '../utils/response.js';
 export interface IconEntry {

package/bin/tools/listIcons.js

@@ -2,14 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.listIcons = void 0;
 /**
- * list_icons tool — 전체 아이콘 목록 반환 (순수 함수)
+ * list_icons tool — 아이콘 요약 정보 반환 (순수 함수)
+ *
+ * 아이콘 이름을 전부 반환하면 토큰 낭비이므로,
+ * 요약 정보만 반환하고 search_icon으로 검색을 유도한다.
  */
 const response_js_1 = require("../utils/response.js");
 const listIcons = (iconData) => {
+    const prefixes = new Set(iconData.icons.map((i) => i.name.replace(/Fill$/, '')));
     return (0, response_js_1.successResponse)({
         totalCount: iconData.totalCount,
         fillCount: iconData.fillCount,
-        icons: iconData.icons.map((i) => i.name).sort(),
+        uniqueIcons: prefixes.size,
+        hint: '아이콘이 많으므로 search_icon tool로 키워드 검색을 권장합니다. 예: search_icon("arrow"), search_icon("check")',
+        sample: iconData.icons.slice(0, 20).map((i) => i.name),
     });
 };
 exports.listIcons = listIcons;

package/bin/tools/ping.js

@@ -8,9 +8,9 @@ const CAPABILITIES = [
     { tool: 'search_component', description: '키워드로 컴포넌트 검색' },
     { tool: 'list_icons', description: '전체 아이콘 목록 조회' },
     { tool: 'search_icon', description: '키워드로 아이콘 검색' },
-    { tool: 'get_component_html', description: '컴포넌트 HTML 마크업 조회 (variant 지원)' },
     { tool: 'get_component_props', description: '컴포넌트 Props 스펙 조회' },
     { tool: 'validate_html', description: 'HTML BEM 클래스 유효성 검증 + 자동 수정' },
+    { tool: 'render_to_html', description: 'Props 기반 동적 HTML 렌더링' },
 ];
 const RULES = [
     '이 라이브러리의 컴포넌트를 사용할 때는 CDN CSS/JS를 포함하세요',

package/bin/tools/renderToHtml.d.ts

@@ -0,0 +1,7 @@
+/**
+ * render_to_html tool — 컴포넌트 속성을 전달하면 정확한 HTML을 반환
+ */
+import type { ComponentData } from '../types.js';
+import type { CdnMeta } from '../utils/dataLoader.js';
+import { type McpToolResponse } from '../utils/response.js';
+export declare const renderToHtml: (componentMap: Map<string, ComponentData>, bundle: Record<string, unknown>, cdnMeta: CdnMeta | null, name: string, props?: Record<string, unknown>) => McpToolResponse;

package/bin/tools/renderToHtml.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderToHtml = void 0;
+const response_js_1 = require("../utils/response.js");
+// eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
+const { JSDOM } = require('jsdom');
+let domInitialized = false;
+let portalMocked = false;
+/** jsdom + createPortal mock 환경을 세팅한다 */
+const setupDomEnvironment = () => {
+    if (!domInitialized) {
+        const dom = new JSDOM('<!DOCTYPE html><html><body></body></html>');
+        if (typeof globalThis.document === 'undefined')
+            globalThis.document = dom.window.document;
+        if (typeof globalThis.window === 'undefined')
+            globalThis.window = dom.window;
+        if (typeof globalThis.navigator === 'undefined') {
+            Object.defineProperty(globalThis, 'navigator', { value: dom.window.navigator, writable: true });
+        }
+        domInitialized = true;
+    }
+    if (!portalMocked) {
+        // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
+        const ReactDOM = require('react-dom');
+        ReactDOM.createPortal = (children) => children;
+        portalMocked = true;
+    }
+};
+/** componentData.exportName으로 번들에서 컴포넌트를 찾는다 */
+const findComponent = (bundle, exportName) => {
+    return bundle[exportName] ?? null;
+};
+/** componentMap의 props 스펙에서 defaultsUsed를 자동 계산 */
+const calcDefaultsUsed = (propsSpec, userProps) => {
+    const defaults = {};
+    for (const [key, spec] of Object.entries(propsSpec)) {
+        if (spec.default !== undefined && !(key in userProps)) {
+            defaults[key] = spec.default;
+        }
+    }
+    return defaults;
+};
+const renderToHtml = (componentMap, bundle, cdnMeta, name, props) => {
+    const normalized = (0, response_js_1.normalizeName)(name);
+    const componentData = componentMap.get(normalized);
+    if (!componentData)
+        return (0, response_js_1.componentNotFoundResponse)(normalized);
+    setupDomEnvironment();
+    // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
+    const React = require('react');
+    // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
+    const { renderToStaticMarkup } = require('react-dom/server');
+    const exportName = componentData.exportName;
+    if (!exportName) {
+        return (0, response_js_1.errorResponse)('EXPORT_NAME_MISSING', `'${normalized}' 컴포넌트에 exportName이 없습니다.`, '데이터를 재추출해주세요 (yarn extract).');
+    }
+    const Component = findComponent(bundle, exportName);
+    if (!Component) {
+        return (0, response_js_1.errorResponse)('COMPONENT_NOT_IN_BUNDLE', `'${normalized}' (${exportName}) 컴포넌트가 번들에 없습니다.`, '번들을 재빌드해주세요 (yarn build:bundle).');
+    }
+    try {
+        const userProps = props ?? {};
+        const element = React.createElement(Component, userProps);
+        const html = renderToStaticMarkup(element);
+        const defaultsUsed = componentData.props ? calcDefaultsUsed(componentData.props, userProps) : {};
+        return (0, response_js_1.successResponse)({
+            html,
+            component: normalized,
+            exportName,
+            appliedProps: userProps,
+            defaultsUsed,
+            js: componentData.jsRequired
+                ? { required: true, description: '이 컴포넌트는 인터랙션을 위해 CDN JS가 필요합니다' }
+                : { required: false },
+            cdn: cdnMeta ?? undefined,
+        });
+    }
+    catch (err) {
+        const errMessage = err instanceof Error ? err.message : String(err);
+        return (0, response_js_1.errorResponse)('RENDER_FAILED', `'${normalized}' 렌더링 실패: ${errMessage}`, '사용 가능한 속성을 확인하려면 get_component_props를 사용하세요.');
+    }
+};
+exports.renderToHtml = renderToHtml;

package/bin/types.d.ts

@@ -13,6 +13,8 @@ export interface ComponentUsage {
 }
 export interface ComponentData {
     name: string;
+    exportName?: string;
+    jsRequired?: boolean;
     description: string;
     aliases: string[];
     props: Record<string, PropSpec>;

package/bin/utils/dataLoader.d.ts

@@ -8,15 +8,7 @@ export interface CdnMeta {
     css: string;
     js: string;
 }
-export interface IconEntry {
-    name: string;
-    kebab: string;
-    fill: boolean;
-}
-export interface IconData {
-    totalCount: number;
-    fillCount: number;
-    icons: IconEntry[];
-}
+import type { IconData } from '../tools/listIcons.js';
+export type { IconData };
 export declare const loadIconData: (dataDir: string) => IconData;
 export declare const loadCdnMeta: (dataDir: string) => CdnMeta | null;

package/data/badge-group.json

@@ -1,5 +1,7 @@
 {
   "name": "badge-group",
+  "exportName": "BadgeGroup",
+  "jsRequired": false,
   "description": "NCDS Badge Group 컴포넌트",
   "aliases": [],
   "props": {

package/data/badge.json

@@ -1,5 +1,7 @@
 {
   "name": "badge",
+  "exportName": "Badge",
+  "jsRequired": false,
   "description": "NCDS Badge 컴포넌트",
   "aliases": [],
   "props": {

package/data/bread-crumb.json

@@ -1,5 +1,7 @@
 {
   "name": "bread-crumb",
+  "exportName": "BreadCrumb",
+  "jsRequired": false,
   "description": "NCDS Bread Crumb 컴포넌트",
   "aliases": [],
   "props": {},

package/data/breadcrumb.json

@@ -1,5 +1,7 @@
 {
   "name": "breadcrumb",
+  "exportName": "Breadcrumb",
+  "jsRequired": false,
   "description": "NCDS Breadcrumb 컴포넌트",
   "aliases": [],
   "props": {

package/data/button-group.json

@@ -1,5 +1,7 @@
 {
   "name": "button-group",
+  "exportName": "ButtonGroup",
+  "jsRequired": false,
   "description": "NCDS Button Group 컴포넌트",
   "aliases": [],
   "props": {

package/data/button.json

@@ -1,5 +1,7 @@
 {
   "name": "button",
+  "exportName": "Button",
+  "jsRequired": false,
   "description": "NCDS Button 컴포넌트",
   "aliases": [],
   "props": {

package/data/carousel-arrow.json

@@ -1,5 +1,7 @@
 {
   "name": "carousel-arrow",
+  "exportName": "CarouselArrow",
+  "jsRequired": false,
   "description": "NCDS Carousel Arrow 컴포넌트",
   "aliases": [],
   "props": {

package/data/carousel-number-group.json

@@ -1,5 +1,7 @@
 {
   "name": "carousel-number-group",
+  "exportName": "CarouselNumberGroup",
+  "jsRequired": false,
   "description": "NCDS Carousel Number Group 컴포넌트",
   "aliases": [],
   "props": {

package/data/carousel.json

@@ -1,5 +1,7 @@
 {
   "name": "carousel",
+  "exportName": "Carousel",
+  "jsRequired": false,
   "description": "NCDS Carousel 컴포넌트",
   "aliases": [],
   "props": {},

package/data/checkbox.json

@@ -1,5 +1,7 @@
 {
   "name": "checkbox",
+  "exportName": "Checkbox",
+  "jsRequired": false,
   "description": "NCDS Checkbox 컴포넌트",
   "aliases": [],
   "props": {

package/data/combobox.json

@@ -1,5 +1,7 @@
 {
   "name": "combobox",
+  "exportName": "Combobox",
+  "jsRequired": true,
   "description": "NCDS Combobox 컴포넌트",
   "aliases": [],
   "props": {

package/data/date-picker.json

@@ -1,5 +1,7 @@
 {
   "name": "date-picker",
+  "exportName": "DatePicker",
+  "jsRequired": true,
   "description": "NCDS Date Picker 컴포넌트",
   "aliases": [],
   "props": {

package/data/divider.json

@@ -1,5 +1,7 @@
 {
   "name": "divider",
+  "exportName": "Divider",
+  "jsRequired": false,
   "description": "NCDS Divider 컴포넌트",
   "aliases": [],
   "props": {

package/data/dot.json

@@ -1,5 +1,7 @@
 {
   "name": "dot",
+  "exportName": "Dot",
+  "jsRequired": false,
   "description": "NCDS Dot 컴포넌트",
   "aliases": [],
   "props": {

package/data/dropdown.json

@@ -1,5 +1,7 @@
 {
   "name": "dropdown",
+  "exportName": "Dropdown",
+  "jsRequired": false,
   "description": "NCDS Dropdown 컴포넌트",
   "aliases": [],
   "props": {

package/data/empty-state.json

@@ -1,5 +1,7 @@
 {
   "name": "empty-state",
+  "exportName": "EmptyState",
+  "jsRequired": false,
   "description": "NCDS Empty State 컴포넌트",
   "aliases": [],
   "props": {

package/data/featured-icon.json

@@ -1,5 +1,7 @@
 {
   "name": "featured-icon",
+  "exportName": "FeaturedIcon",
+  "jsRequired": true,
   "description": "NCDS Featured Icon 컴포넌트",
   "aliases": [],
   "props": {

package/data/file-input.json

@@ -1,5 +1,7 @@
 {
   "name": "file-input",
+  "exportName": "FileInput",
+  "jsRequired": true,
   "description": "NCDS File Input 컴포넌트",
   "aliases": [],
   "props": {

package/data/horizontal-tab.json

@@ -1,5 +1,7 @@
 {
   "name": "horizontal-tab",
+  "exportName": "HorizontalTab",
+  "jsRequired": false,
   "description": "NCDS Horizontal Tab 컴포넌트",
   "aliases": [],
   "props": {

package/data/image-file-input.json

@@ -1,5 +1,7 @@
 {
   "name": "image-file-input",
+  "exportName": "ImageFileInput",
+  "jsRequired": true,
   "description": "NCDS Image File Input 컴포넌트",
   "aliases": [],
   "props": {

package/data/input.json

@@ -1,5 +1,7 @@
 {
   "name": "input",
+  "exportName": "InputBase",
+  "jsRequired": false,
   "description": "NCDS Input 컴포넌트",
   "aliases": [],
   "props": {

package/data/modal.json

@@ -1,5 +1,7 @@
 {
   "name": "modal",
+  "exportName": "Modal",
+  "jsRequired": true,
   "description": "NCDS Modal 컴포넌트",
   "aliases": [],
   "props": {

package/data/notification.json

@@ -1,5 +1,7 @@
 {
   "name": "notification",
+  "exportName": "Notification",
+  "jsRequired": true,
   "description": "NCDS Notification 컴포넌트",
   "aliases": [],
   "props": {

package/data/number-input.json

@@ -1,5 +1,7 @@
 {
   "name": "number-input",
+  "exportName": "NumberInput",
+  "jsRequired": false,
   "description": "NCDS Number Input 컴포넌트",
   "aliases": [],
   "props": {

package/data/pagination.json

@@ -1,5 +1,7 @@
 {
   "name": "pagination",
+  "exportName": "Pagination",
+  "jsRequired": false,
   "description": "NCDS Pagination 컴포넌트",
   "aliases": [],
   "props": {

package/data/password-input.json

@@ -1,5 +1,7 @@
 {
   "name": "password-input",
+  "exportName": "PasswordInput",
+  "jsRequired": false,
   "description": "NCDS Password Input 컴포넌트",
   "aliases": [],
   "props": {},

package/data/progress-bar.json

@@ -1,5 +1,7 @@
 {
   "name": "progress-bar",
+  "exportName": "ProgressBar",
+  "jsRequired": true,
   "description": "NCDS Progress Bar 컴포넌트",
   "aliases": [],
   "props": {

package/data/progress-circle.json

@@ -1,5 +1,7 @@
 {
   "name": "progress-circle",
+  "exportName": "ProgressCircle",
+  "jsRequired": false,
   "description": "NCDS Progress Circle 컴포넌트",
   "aliases": [],
   "props": {

package/data/radio.json

@@ -1,5 +1,7 @@
 {
   "name": "radio",
+  "exportName": "Radio",
+  "jsRequired": false,
   "description": "NCDS Radio 컴포넌트",
   "aliases": [],
   "props": {

package/data/range-date-picker-with-buttons.json

@@ -1,5 +1,7 @@
 {
   "name": "range-date-picker-with-buttons",
+  "exportName": "RangeDatePickerWithButtons",
+  "jsRequired": false,
   "description": "NCDS Range Date Picker With Buttons 컴포넌트",
   "aliases": [],
   "props": {

package/data/range-date-picker.json

@@ -1,5 +1,7 @@
 {
   "name": "range-date-picker",
+  "exportName": "RangeDatePicker",
+  "jsRequired": false,
   "description": "NCDS Range Date Picker 컴포넌트",
   "aliases": [],
   "props": {

package/data/select-dropdown.json

@@ -1,5 +1,7 @@
 {
   "name": "select-dropdown",
+  "exportName": "SelectDropdown",
+  "jsRequired": false,
   "description": "NCDS Select Dropdown 컴포넌트",
   "aliases": [],
   "props": {},

package/data/select.json

@@ -1,5 +1,7 @@
 {
   "name": "select",
+  "exportName": "Select",
+  "jsRequired": false,
   "description": "NCDS Select 컴포넌트",
   "aliases": [],
   "props": {

package/data/selectbox.json

@@ -1,5 +1,7 @@
 {
   "name": "selectbox",
+  "exportName": "Selectbox",
+  "jsRequired": true,
   "description": "NCDS Selectbox 컴포넌트",
   "aliases": [],
   "props": {

package/data/slider.json

@@ -1,5 +1,7 @@
 {
   "name": "slider",
+  "exportName": "Slider",
+  "jsRequired": true,
   "description": "NCDS Slider 컴포넌트",
   "aliases": [],
   "props": {

package/data/spinner.json

@@ -1,5 +1,7 @@
 {
   "name": "spinner",
+  "exportName": "Spinner",
+  "jsRequired": false,
   "description": "NCDS Spinner 컴포넌트",
   "aliases": [],
   "props": {

package/data/switch.json

@@ -1,5 +1,7 @@
 {
   "name": "switch",
+  "exportName": "Switch",
+  "jsRequired": false,
   "description": "NCDS Switch 컴포넌트",
   "aliases": [],
   "props": {

package/data/tab.json

@@ -1,5 +1,7 @@
 {
   "name": "tab",
+  "exportName": "Tab",
+  "jsRequired": true,
   "description": "NCDS Tab 컴포넌트",
   "aliases": [],
   "props": {

package/data/tag.json

@@ -1,5 +1,7 @@
 {
   "name": "tag",
+  "exportName": "Tag",
+  "jsRequired": true,
   "description": "NCDS Tag 컴포넌트",
   "aliases": [],
   "props": {

package/data/textarea.json

@@ -1,5 +1,7 @@
 {
   "name": "textarea",
+  "exportName": "Textarea",
+  "jsRequired": false,
   "description": "NCDS Textarea 컴포넌트",
   "aliases": [],
   "props": {

package/data/toggle.json

@@ -1,5 +1,7 @@
 {
   "name": "toggle",
+  "exportName": "Toggle",
+  "jsRequired": false,
   "description": "NCDS Toggle 컴포넌트",
   "aliases": [],
   "props": {

package/data/tooltip.json

@@ -1,5 +1,7 @@
 {
   "name": "tooltip",
+  "exportName": "Tooltip",
+  "jsRequired": true,
   "description": "NCDS Tooltip 컴포넌트",
   "aliases": [],
   "props": {

package/data/vertical-tab.json

@@ -1,5 +1,7 @@
 {
   "name": "vertical-tab",
+  "exportName": "VerticalTab",
+  "jsRequired": false,
   "description": "NCDS Vertical Tab 컴포넌트",
   "aliases": [],
   "props": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ncds/ui-admin-mcp",
-  "version": "1.6.4-alpha.5",
+  "version": "1.6.4-alpha.7",
   "description": "NCDS UI Admin MCP 서버 — AI 에이전트가 NCUA 컴포넌트를 조회하고 HTML을 검증할 수 있는 MCP 서버",
   "bin": {
     "ncua-mcp": "./bin/server.mjs"