@axis-ds/cli 1.7.1 → 1.7.3

package/dist/monet.d.ts

@@ -87,7 +87,12 @@ declare class MonetClient {
         interactive?: boolean;
     }): Promise<void>;
 }
+/**
+ * `monet import` 저장 뒤 다음 단계(WI-0085). 의존성 설치 줄은 `baseDir`(import 는 cwd 기준으로 axis.config.json 을 읽음)의
+ * lockfile · `packageManager` 로 매니저를 고릅니다. 종전에는 `(pnpm add ...)` 고정이었습니다.
+ */
+declare function monetImportNextSteps(baseDir: string): string[];
 declare function getMonetUrl(path: string): string;
 declare function getMonetMcpConfig(): object;
 
-export { MONET_CATEGORIES, MonetClient, type MonetComponent, getMonetMcpConfig, getMonetUrl };
+export { MONET_CATEGORIES, MonetClient, type MonetComponent, getMonetMcpConfig, getMonetUrl, monetImportNextSteps };

package/dist/monet.js

@@ -2,12 +2,14 @@ import {
   MONET_CATEGORIES,
   MonetClient,
   getMonetMcpConfig,
-  getMonetUrl
-} from "./chunk-LVMDBOXD.js";
+  getMonetUrl,
+  monetImportNextSteps
+} from "./chunk-YYSEFWYD.js";
 import "./chunk-HFMMK6R4.js";
 export {
   MONET_CATEGORIES,
   MonetClient,
   getMonetMcpConfig,
-  getMonetUrl
+  getMonetUrl,
+  monetImportNextSteps
 };

package/dist/registry/index.json

@@ -1,7 +1,7 @@
 {
   "name": "axis",
   "homepage": "https://axis-design-system.pages.dev",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "items": [
     {
       "name": "utils",
@@ -64,7 +64,7 @@
       "type": "registry:ui",
       "title": "Select",
       "description": "AXIS 셀렉트 컴포넌트 - 드롭다운 선택",
-      "sha256": "e5bb8064708798ae0cab6f8ee4b3ede34e334c5b16af6d54640ca875a4fb0db2"
+      "sha256": "3c38d5bbe13dee18e111a4453a0fc4cb43e0bab40233bb3ae7282e96a67d1b7d"
     },
     {
       "name": "tabs",

package/dist/registry/registry.json

@@ -2,7 +2,7 @@
   "$schema": "https://ui.shadcn.com/schema/registry.json",
   "name": "axis",
   "homepage": "https://axis-design-system.pages.dev",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "items": [
     {
       "name": "utils",
@@ -65,7 +65,7 @@
       "type": "registry:ui",
       "title": "Select",
       "description": "AXIS 셀렉트 컴포넌트 - 드롭다운 선택",
-      "sha256": "e5bb8064708798ae0cab6f8ee4b3ede34e334c5b16af6d54640ca875a4fb0db2"
+      "sha256": "3c38d5bbe13dee18e111a4453a0fc4cb43e0bab40233bb3ae7282e96a67d1b7d"
     },
     {
       "name": "tabs",

package/dist/registry/select.json

@@ -14,7 +14,7 @@
     {
       "path": "components/ui/select.tsx",
       "type": "registry:ui",
-      "content": "import * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"@/registry/axis/lib/utils\";\n\n/** 셀렉트의 루트 컴포넌트. 열림/닫힘 및 선택 상태를 관리한다. */\nconst Select = SelectPrimitive.Root;\n\n/** 셀렉트 옵션들을 논리적으로 그룹화하는 컴포넌트 */\nconst SelectGroup = SelectPrimitive.Group;\n\n/** 셀렉트 트리거 내에서 현재 선택된 값을 표시하는 컴포넌트 */\nconst SelectValue = SelectPrimitive.Value;\n\n/** 셀렉트 드롭다운을 여는 트리거 버튼 컴포넌트. 선택된 값과 하향 화살표 아이콘을 표시한다. */\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"flex h-[var(--axis-field-h,2.5rem)] w-full items-center justify-between rounded-[var(--axis-radius-field,0.375rem)] border px-3 py-2 text-sm\",\n      \"bg-[var(--axis-input-bg-default)] border-[var(--axis-input-border-default)]\",\n      \"placeholder:text-[var(--axis-input-text-placeholder)]\",\n      \"hover:border-[var(--axis-input-border-hover)]\",\n      \"focus:outline-none focus:ring-2 focus:ring-[var(--axis-input-border-focus)] focus:ring-offset-2\",\n      \"disabled:cursor-not-allowed disabled:opacity-50\",\n      \"[&>span]:line-clamp-1\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <svg\n        className=\"h-4 w-4 opacity-50\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M19 9l-7 7-7-7\"\n        />\n      </svg>\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = \"SelectTrigger\";\n\n/** 셀렉트 드롭다운의 본문 콘텐츠 컴포넌트. 포털을 통해 렌더링되며 진입/퇴장 애니메이션을 포함한다. */\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md\",\n        \"bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 motion-reduce:!animate-none\",\n        position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n        className\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectPrimitive.Viewport\n        className={cn(\n          \"p-1\",\n          position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = \"SelectContent\";\n\n/** 셀렉트 옵션 그룹의 레이블 컴포넌트. 비선택 텍스트로 그룹 제목을 표시한다. */\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"py-1.5 pl-8 pr-2 text-sm font-semibold text-[var(--axis-text-secondary)]\",\n      className\n    )}\n    {...props}\n  />\n));\nSelectLabel.displayName = \"SelectLabel\";\n\n/** 셀렉트 드롭다운의 개별 선택 항목 컴포넌트. 선택 시 좌측에 체크 아이콘이 표시된다. */\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none\",\n      \"text-[var(--axis-text-primary)]\",\n      \"focus:bg-[var(--axis-surface-secondary)] focus:text-[var(--axis-text-primary)]\",\n      \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <svg\n          className=\"h-4 w-4\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M5 13l4 4L19 7\"\n          />\n        </svg>\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = \"SelectItem\";\n\n/** 셀렉트 옵션 사이의 구분선 컴포넌트 */\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-[var(--axis-border-default)]\", className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = \"SelectSeparator\";\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n};\n"
+      "content": "import * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"@/registry/axis/lib/utils\";\n\n/** 셀렉트의 루트 컴포넌트. 열림/닫힘 및 선택 상태를 관리한다. */\nconst Select = SelectPrimitive.Root;\n\n/** 셀렉트 옵션들을 논리적으로 그룹화하는 컴포넌트 */\nconst SelectGroup = SelectPrimitive.Group;\n\n/** 셀렉트 트리거 내에서 현재 선택된 값을 표시하는 컴포넌트 */\nconst SelectValue = SelectPrimitive.Value;\n\n/** 셀렉트 드롭다운을 여는 트리거 버튼 컴포넌트. 선택된 값과 하향 화살표 아이콘을 표시한다. */\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"flex h-[var(--axis-field-h,2.5rem)] w-full items-center justify-between rounded-[var(--axis-radius-field,0.375rem)] border px-3 py-2 text-sm\",\n      \"bg-[var(--axis-input-bg-default)] border-[var(--axis-input-border-default)]\",\n      // placeholder 글자는 SelectValue 의 span 이라 ::placeholder 가 닿지 않는다. 값이 없을 때 Radix 가 붙이는 data-placeholder 로 칠한다(WI-0082)\n      // Trigger 가 아니라 그 안의 span 에만 준다. Trigger 에 주면 화살표(currentColor, 50%)도 따라가 대비가 3:1 아래로 떨어진다\n      \"[&[data-placeholder]>span]:text-[var(--axis-input-text-placeholder)]\",\n      \"hover:border-[var(--axis-input-border-hover)]\",\n      \"focus:outline-none focus:ring-2 focus:ring-[var(--axis-input-border-focus)] focus:ring-offset-2\",\n      \"disabled:cursor-not-allowed disabled:opacity-50\",\n      \"[&>span]:line-clamp-1\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <svg\n        className=\"h-4 w-4 opacity-50\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M19 9l-7 7-7-7\"\n        />\n      </svg>\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = \"SelectTrigger\";\n\n/** 셀렉트 드롭다운의 본문 콘텐츠 컴포넌트. 포털을 통해 렌더링되며 진입/퇴장 애니메이션을 포함한다. */\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md\",\n        \"bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 motion-reduce:!animate-none\",\n        position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n        className\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectPrimitive.Viewport\n        className={cn(\n          \"p-1\",\n          position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = \"SelectContent\";\n\n/** 셀렉트 옵션 그룹의 레이블 컴포넌트. 비선택 텍스트로 그룹 제목을 표시한다. */\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"py-1.5 pl-8 pr-2 text-sm font-semibold text-[var(--axis-text-secondary)]\",\n      className\n    )}\n    {...props}\n  />\n));\nSelectLabel.displayName = \"SelectLabel\";\n\n/** 셀렉트 드롭다운의 개별 선택 항목 컴포넌트. 선택 시 좌측에 체크 아이콘이 표시된다. */\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none\",\n      \"text-[var(--axis-text-primary)]\",\n      \"focus:bg-[var(--axis-surface-secondary)] focus:text-[var(--axis-text-primary)]\",\n      \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <svg\n          className=\"h-4 w-4\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M5 13l4 4L19 7\"\n          />\n        </svg>\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = \"SelectItem\";\n\n/** 셀렉트 옵션 사이의 구분선 컴포넌트 */\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-[var(--axis-border-default)]\", className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = \"SelectSeparator\";\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n};\n"
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axis-ds/cli",
-  "version": "1.7.1",
+  "version": "1.7.3",
   "type": "module",
   "description": "AXIS Design System - CLI for adding components (shadcn compatible)",
   "publishConfig": {

package/dist/chunk-LVMDBOXD.js

@@ -1,192 +0,0 @@
-import {
-  ask,
-  failNonInteractive,
-  isInteractive
-} from "./chunk-HFMMK6R4.js";
-
-// src/monet.ts
-import chalk from "chalk";
-import fs from "fs-extra";
-import path from "path";
-var MONET_CATEGORIES = [
-  { id: "hero", name: "Hero Sections", count: 120 },
-  { id: "feature", name: "Feature Sections", count: 191 },
-  { id: "testimonial", name: "Testimonials", count: 47 },
-  { id: "pricing", name: "Pricing Tables", count: 35 },
-  { id: "cta", name: "Call to Action", count: 42 },
-  { id: "stats", name: "Statistics", count: 28 },
-  { id: "footer", name: "Footers", count: 38 },
-  { id: "header", name: "Headers/Navigation", count: 45 },
-  { id: "logo-cloud", name: "Logo Clouds", count: 22 },
-  { id: "team", name: "Team Sections", count: 31 },
-  { id: "faq", name: "FAQ Sections", count: 24 },
-  { id: "contact", name: "Contact Forms", count: 29 },
-  { id: "newsletter", name: "Newsletter", count: 18 },
-  { id: "landing", name: "Full Landing Pages", count: 28 }
-];
-var MonetClient = class {
-  apiKey;
-  baseUrl = "https://www.monet.design";
-  constructor(apiKey) {
-    this.apiKey = apiKey || process.env.MONET_API_KEY;
-  }
-  // 카테고리 목록 출력
-  async listCategories() {
-    console.log(chalk.blue("\n\u{1F3A8} Monet Design \uCE74\uD14C\uACE0\uB9AC\n"));
-    console.log(chalk.gray("https://monet.design - 1000+ React UI \uCEF4\uD3EC\uB10C\uD2B8\n"));
-    for (const cat of MONET_CATEGORIES) {
-      console.log(
-        `  ${chalk.cyan(cat.id.padEnd(15))} ${cat.name.padEnd(25)} ${chalk.gray(`(${cat.count}\uAC1C)`)}`
-      );
-    }
-    console.log(chalk.gray("\n\uC0AC\uC6A9\uBC95:"));
-    console.log(chalk.gray("  npx @axis-ds/cli monet browse <category>  # \uCE74\uD14C\uACE0\uB9AC \uCEF4\uD3EC\uB10C\uD2B8 \uBCF4\uAE30"));
-    console.log(chalk.gray("  npx @axis-ds/cli monet search <query>     # \uCEF4\uD3EC\uB10C\uD2B8 \uAC80\uC0C9\n"));
-  }
-  // 컴포넌트 검색 (웹 URL 안내)
-  async searchComponents(query) {
-    console.log(chalk.blue(`
-\u{1F50D} "${query}" \uAC80\uC0C9 \uC911...
-`));
-    const searchUrl = `${this.baseUrl}/c?q=${encodeURIComponent(query)}`;
-    console.log(chalk.yellow("Monet\uC740 \uC9C1\uC811 API\uB97C \uC81C\uACF5\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4."));
-    console.log(chalk.gray("\uB2E4\uC74C \uBC29\uBC95\uC73C\uB85C \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uAC00\uC838\uC62C \uC218 \uC788\uC2B5\uB2C8\uB2E4:\n"));
-    console.log(chalk.bold("1. \uC6F9\uC5D0\uC11C \uAC80\uC0C9:"));
-    console.log(chalk.cyan(`   ${searchUrl}
-`));
-    console.log(chalk.bold("2. MCP \uC5F0\uB3D9 (Claude Code):"));
-    console.log(chalk.gray("   .claude/mcp.json\uC5D0 monet \uC11C\uBC84 \uD65C\uC131\uD654 \uD6C4"));
-    console.log(chalk.cyan('   "monet\uC5D0\uC11C hero \uCEF4\uD3EC\uB10C\uD2B8 \uCC3E\uC544\uC918"'));
-    console.log(chalk.gray("   \u2192 API \uD0A4 \uD544\uC694: https://monet.design/mcp\n"));
-    console.log(chalk.bold("3. \uC218\uB3D9 \uBCF5\uC0AC-\uBD99\uC5EC\uB123\uAE30:"));
-    console.log(chalk.gray("   \uC6F9\uC5D0\uC11C \uCEF4\uD3EC\uB10C\uD2B8 \uC120\uD0DD \u2192 Copy Code \u2192 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uBD99\uC5EC\uB123\uAE30\n"));
-  }
-  // 카테고리별 컴포넌트 브라우징
-  async browseCategory(category) {
-    const cat = MONET_CATEGORIES.find((c) => c.id === category);
-    if (!cat) {
-      console.log(chalk.red(`
-\u274C '${category}' \uCE74\uD14C\uACE0\uB9AC\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.
-`));
-      console.log(chalk.gray("\uC0AC\uC6A9 \uAC00\uB2A5\uD55C \uCE74\uD14C\uACE0\uB9AC:"));
-      MONET_CATEGORIES.forEach((c) => console.log(chalk.cyan(`  ${c.id}`)));
-      return;
-    }
-    console.log(chalk.blue(`
-\u{1F4C2} ${cat.name} (${cat.count}\uAC1C \uCEF4\uD3EC\uB10C\uD2B8)
-`));
-    const browseUrl = `${this.baseUrl}/c?category=${category}`;
-    console.log(chalk.gray("\uC6F9\uC5D0\uC11C \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uD655\uC778\uD558\uC138\uC694:"));
-    console.log(chalk.cyan(`${browseUrl}
-`));
-    console.log(chalk.bold("\uC778\uAE30 \uCEF4\uD3EC\uB10C\uD2B8 \uC608\uC2DC:"));
-    const examples = this.getCategoryExamples(category);
-    examples.forEach((ex) => {
-      console.log(`  ${chalk.cyan(ex.id.padEnd(30))} ${chalk.gray(ex.desc)}`);
-    });
-    console.log(chalk.gray("\n\uCEF4\uD3EC\uB10C\uD2B8 \uAC00\uC838\uC624\uAE30:"));
-    console.log(chalk.gray("  1. \uC6F9\uC5D0\uC11C \uCEF4\uD3EC\uB10C\uD2B8 \uC120\uD0DD"));
-    console.log(chalk.gray("  2. Copy Code \uBC84\uD2BC \uD074\uB9AD"));
-    console.log(chalk.gray("  3. npx @axis-ds/cli monet import \uC2E4\uD589\n"));
-  }
-  // 카테고리별 예시 컴포넌트
-  getCategoryExamples(category) {
-    const examples = {
-      hero: [
-        { id: "hero-with-image", desc: "\uC774\uBBF8\uC9C0 \uBC30\uACBD \uD788\uC5B4\uB85C" },
-        { id: "hero-centered", desc: "\uC911\uC559 \uC815\uB82C \uD788\uC5B4\uB85C" },
-        { id: "hero-split", desc: "\uBD84\uD560 \uB808\uC774\uC544\uC6C3 \uD788\uC5B4\uB85C" }
-      ],
-      feature: [
-        { id: "feature-grid", desc: "\uADF8\uB9AC\uB4DC \uD615\uC2DD \uAE30\uB2A5 \uC18C\uAC1C" },
-        { id: "feature-alternating", desc: "\uAD50\uCC28 \uB808\uC774\uC544\uC6C3 \uAE30\uB2A5" },
-        { id: "feature-icons", desc: "\uC544\uC774\uCF58 \uAE30\uBC18 \uAE30\uB2A5" }
-      ],
-      pricing: [
-        { id: "pricing-three-tiers", desc: "3\uB2E8 \uC694\uAE08\uC81C" },
-        { id: "pricing-comparison", desc: "\uBE44\uAD50 \uD14C\uC774\uBE14 \uC694\uAE08\uC81C" },
-        { id: "pricing-toggle", desc: "\uC6D4/\uC5F0 \uD1A0\uAE00 \uC694\uAE08\uC81C" }
-      ],
-      landing: [
-        { id: "deepcon-ai-landing", desc: "AI SaaS \uB79C\uB529\uD398\uC774\uC9C0" },
-        { id: "saas-landing", desc: "SaaS \uC2A4\uD0C0\uD130 \uB79C\uB529" },
-        { id: "agency-landing", desc: "\uC5D0\uC774\uC804\uC2DC \uB79C\uB529\uD398\uC774\uC9C0" }
-      ]
-    };
-    return examples[category] || [{ id: `${category}-basic`, desc: "\uAE30\uBCF8 \uD15C\uD50C\uB9BF" }];
-  }
-  // 클립보드에서 Monet 코드 가져오기
-  /** opts.interactive: 질문을 띄울 수 있는지(WI-0075). 없으면 stdin 이 TTY 인지로 정합니다 */
-  async importFromClipboard(opts = {}) {
-    console.log(chalk.blue("\n\u{1F4CB} \uD074\uB9BD\uBCF4\uB4DC\uC5D0\uC11C Monet \uCEF4\uD3EC\uB10C\uD2B8 \uAC00\uC838\uC624\uAE30\n"));
-    console.log(chalk.yellow("\uC900\uBE44 \uB2E8\uACC4:"));
-    console.log(chalk.gray("  1. monet.design\uC5D0\uC11C \uCEF4\uD3EC\uB10C\uD2B8 \uC120\uD0DD"));
-    console.log(chalk.gray("  2. 'Copy Code' \uBC84\uD2BC\uC73C\uB85C \uCF54\uB4DC \uBCF5\uC0AC"));
-    console.log(chalk.gray("  3. \uC774 \uBA85\uB839\uC5B4 \uC2E4\uD589\n"));
-    const interactive = opts.interactive ?? isInteractive();
-    if (!interactive) {
-      failNonInteractive("\uCEF4\uD3EC\uB10C\uD2B8 \uC774\uB984\uACFC \uBD99\uC5EC \uB123\uC744 \uCF54\uB4DC\uB97C \uBB3C\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. \uC544\uBB34\uAC83\uB3C4 \uC4F0\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4.", [
-        "\uB300\uD654\uD615 \uD130\uBBF8\uB110\uC5D0\uC11C \uB2E4\uC2DC \uC2E4\uD589\uD558\uC138\uC694: axis monet import"
-      ]);
-      return;
-    }
-    const { componentName } = await ask(
-      {
-        type: "text",
-        name: "componentName",
-        message: "\uCEF4\uD3EC\uB10C\uD2B8 \uC774\uB984 (\uC608: hero-section):",
-        validate: (v) => v.length > 0 ? true : "\uC774\uB984\uC744 \uC785\uB825\uD558\uC138\uC694"
-      },
-      interactive
-    );
-    if (!componentName) return;
-    const { componentCode } = await ask(
-      {
-        type: "text",
-        name: "componentCode",
-        message: "\uBCF5\uC0AC\uD55C \uCF54\uB4DC\uB97C \uBD99\uC5EC\uB123\uC73C\uC138\uC694 (\uD55C \uC904\uB85C):"
-      },
-      interactive
-    );
-    if (!componentCode) {
-      console.log(chalk.yellow("\n\uCF54\uB4DC\uAC00 \uC785\uB825\uB418\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4."));
-      return;
-    }
-    const configPath = path.resolve("axis.config.json");
-    let componentsDir = "./src/components/monet";
-    if (await fs.pathExists(configPath)) {
-      const config = await fs.readJSON(configPath);
-      componentsDir = config.monetDir || path.join(path.dirname(config.componentsDir), "monet");
-    }
-    const fileName = `${componentName}.tsx`;
-    const filePath = path.join(componentsDir, fileName);
-    await fs.ensureDir(componentsDir);
-    await fs.writeFile(filePath, componentCode);
-    console.log(chalk.green(`
-\u2713 ${filePath} \uC800\uC7A5 \uC644\uB8CC`));
-    console.log(chalk.gray("\n\uB2E4\uC74C \uB2E8\uACC4:"));
-    console.log(chalk.gray("  1. \uD30C\uC77C\uC744 \uC5F4\uC5B4 import \uACBD\uB85C \uC218\uC815"));
-    console.log(chalk.gray("  2. \uD544\uC694\uD55C \uC758\uC874\uC131 \uC124\uCE58 (pnpm add ...)"));
-    console.log(chalk.gray("  3. \uCEF4\uD3EC\uB10C\uD2B8 \uC0AC\uC6A9\n"));
-  }
-};
-function getMonetUrl(path2) {
-  return `https://monet.design${path2}`;
-}
-function getMonetMcpConfig() {
-  return {
-    monet: {
-      url: "https://www.monet.design/api/remote/mcp",
-      headers: {
-        Authorization: "Bearer ${MONET_API_KEY}"
-      }
-    }
-  };
-}
-
-export {
-  MONET_CATEGORIES,
-  MonetClient,
-  getMonetUrl,
-  getMonetMcpConfig
-};