@axis-ds/mcp 1.3.4 → 1.4.0

package/dist/registry/toast.json

@@ -15,7 +15,7 @@
     {
       "path": "components/ui/toast.tsx",
       "type": "registry:ui",
-      "content": "import * as React from \"react\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/registry/axis/lib/utils\";\n\n/** 토스트 알림 시스템의 프로바이더 컴포넌트. 앱 루트에 배치하여 토스트 기능을 활성화한다. */\nconst ToastProvider = ToastPrimitives.Provider;\n\n/** 토스트 알림이 표시되는 뷰포트 영역. 화면 하단 우측에 고정 위치로 렌더링된다. */\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      \"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\",\n      className\n    )}\n    {...props}\n  />\n));\nToastViewport.displayName = ToastPrimitives.Viewport.displayName;\n\nconst toastVariants = cva(\n  \"group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full motion-reduce:!animate-none\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)]\",\n        success:\n          \"border-[var(--axis-border-success)] bg-[var(--axis-surface-success)] text-[var(--axis-text-success)]\",\n        error:\n          \"border-[var(--axis-border-error)] bg-[var(--axis-surface-error)] text-[var(--axis-text-error)]\",\n        warning:\n          \"border-transparent bg-[var(--axis-surface-warning)] text-[var(--axis-text-warning)]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\n/** 토스트 알림의 루트 컴포넌트. default, success, error, warning 변형을 지원하며 스와이프로 닫을 수 있다. */\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n    VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => (\n  <ToastPrimitives.Root\n    ref={ref}\n    className={cn(toastVariants({ variant }), className)}\n    {...props}\n  />\n));\nToast.displayName = ToastPrimitives.Root.displayName;\n\n/** 토스트 내에 표시되는 액션 버튼 컴포넌트. 사용자 상호작용을 위한 CTA를 제공한다. */\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={cn(\n      \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border px-3 text-sm font-medium transition-colors\",\n      \"border-[var(--axis-border-default)] bg-transparent\",\n      \"hover:bg-[var(--axis-surface-secondary)]\",\n      \"focus:outline-none focus:ring-2 focus:ring-[var(--axis-border-focus)]\",\n      \"disabled:pointer-events-none disabled:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n));\nToastAction.displayName = ToastPrimitives.Action.displayName;\n\n/** 토스트를 닫는 닫기 버튼 컴포넌트. 호버 시 표시되며 X 아이콘을 포함한다. */\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      \"absolute right-2 top-2 rounded-md p-1 text-[var(--axis-text-secondary)] opacity-0 transition-opacity\",\n      \"hover:text-[var(--axis-text-primary)]\",\n      \"focus:opacity-100 focus:outline-none focus:ring-2\",\n      \"group-hover:opacity-100\",\n      className\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <svg className=\"h-4 w-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n  </ToastPrimitives.Close>\n));\nToastClose.displayName = ToastPrimitives.Close.displayName;\n\n/** 토스트의 제목을 표시하는 컴포넌트 */\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title\n    ref={ref}\n    className={cn(\"text-sm font-semibold\", className)}\n    {...props}\n  />\n));\nToastTitle.displayName = ToastPrimitives.Title.displayName;\n\n/** 토스트의 상세 설명을 표시하는 컴포넌트 */\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description\n    ref={ref}\n    className={cn(\"text-sm opacity-90\", className)}\n    {...props}\n  />\n));\nToastDescription.displayName = ToastPrimitives.Description.displayName;\n\nexport {\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n};\n"
+      "content": "import * as React from \"react\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/registry/axis/lib/utils\";\n\n/** 토스트 알림 시스템의 프로바이더 컴포넌트. 앱 루트에 배치하여 토스트 기능을 활성화한다. */\nconst ToastProvider = ToastPrimitives.Provider;\n\n/** 토스트 알림이 표시되는 뷰포트 영역. 화면 하단 우측에 고정 위치로 렌더링된다. */\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      \"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\",\n      className\n    )}\n    {...props}\n  />\n));\nToastViewport.displayName = ToastPrimitives.Viewport.displayName;\n\nconst toastVariants = cva(\n  \"group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full motion-reduce:!animate-none\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)]\",\n        success:\n          \"border-[var(--axis-border-success)] bg-[var(--axis-surface-success)] text-[var(--axis-text-success)]\",\n        error:\n          \"border-[var(--axis-border-error)] bg-[var(--axis-surface-error)] text-[var(--axis-text-error)]\",\n        warning:\n          \"border-transparent bg-[var(--axis-surface-warning)] text-[var(--axis-text-warning)]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\n/** 토스트 알림의 루트 컴포넌트. default, success, error, warning 변형을 지원하며 스와이프로 닫을 수 있다. */\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n    VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => (\n  <ToastPrimitives.Root\n    ref={ref}\n    className={cn(toastVariants({ variant }), className)}\n    {...props}\n  />\n));\nToast.displayName = ToastPrimitives.Root.displayName;\n\n/** 토스트 내에 표시되는 액션 버튼 컴포넌트. 사용자 상호작용을 위한 CTA를 제공한다. */\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={cn(\n      \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border px-3 text-sm font-medium transition-colors\",\n      \"border-[var(--axis-border-default)] bg-transparent\",\n      \"hover:bg-[var(--axis-surface-secondary)]\",\n      \"focus:outline-none focus:ring-2 focus:ring-[var(--axis-border-focus)]\",\n      \"disabled:pointer-events-none disabled:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n));\nToastAction.displayName = ToastPrimitives.Action.displayName;\n\n/** 토스트를 닫는 닫기 버튼 컴포넌트. 호버 시 표시되며 X 아이콘을 포함한다. */\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      \"absolute right-2 top-2 rounded-md p-1 text-[var(--axis-text-secondary)] opacity-0 transition-opacity\",\n      \"hover:text-[var(--axis-text-primary)]\",\n      \"focus:opacity-100 focus:outline-none focus:ring-2\",\n      \"group-hover:opacity-100\",\n      className\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <svg className=\"h-4 w-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n  </ToastPrimitives.Close>\n));\nToastClose.displayName = ToastPrimitives.Close.displayName;\n\n/** 토스트의 제목을 표시하는 컴포넌트 */\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title\n    ref={ref}\n    className={cn(\"text-sm font-semibold\", className)}\n    {...props}\n  />\n));\nToastTitle.displayName = ToastPrimitives.Title.displayName;\n\n/** 토스트의 상세 설명을 표시하는 컴포넌트 */\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description\n    ref={ref}\n    className={cn(\"text-sm\", className)}\n    {...props}\n  />\n));\nToastDescription.displayName = ToastPrimitives.Description.displayName;\n\nexport {\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n};\n"
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axis-ds/mcp",
-  "version": "1.3.4",
+  "version": "1.4.0",
   "type": "module",
   "description": "AXIS Design System - MCP Server for AI-assisted component discovery",
   "bin": {
@@ -27,7 +27,8 @@
     "tsup": "^8.0.0",
     "typescript": "^5.7.0",
     "vitest": "^2.1.0",
-    "@axis-ds/registry-core": "0.0.0"
+    "@axis-ds/registry-core": "0.0.0",
+    "@axis-ds/tokens": "1.8.1"
   },
   "keywords": [
     "mcp",
@@ -44,8 +45,9 @@
   },
   "homepage": "https://axis-design-system.pages.dev",
   "scripts": {
-    "build": "tsup src/index.ts --format esm --dts --clean && npm run copy-data && npm run copy-registry",
+    "build": "tsup src/index.ts --format esm --dts --clean && npm run copy-data && npm run gen-tokens && npm run copy-registry",
     "copy-data": "node -e \"const fs=require('fs');fs.cpSync('src/registry/data','dist/data',{recursive:true})\"",
+    "gen-tokens": "node src/registry/token-gen.mjs dist/data/tokens.json",
     "copy-registry": "node ../axis-cli/scripts/copy-registry.mjs ../../apps/web/public/r dist/registry",
     "dev": "tsup src/index.ts --format esm --watch",
     "clean": "rm -rf dist",

package/src/registry/data/tokens.json

@@ -1,269 +0,0 @@
-{
-  "tokens": [
-    {
-      "path": "colors.background",
-      "value": "hsl(0 0% 100%)",
-      "category": "color",
-      "description": "기본 배경색",
-      "cssVariable": "--background"
-    },
-    {
-      "path": "colors.foreground",
-      "value": "hsl(222.2 84% 4.9%)",
-      "category": "color",
-      "description": "기본 전경색 (텍스트)",
-      "cssVariable": "--foreground"
-    },
-    {
-      "path": "colors.primary",
-      "value": "hsl(222.2 47.4% 11.2%)",
-      "category": "color",
-      "description": "주요 브랜드 색상",
-      "cssVariable": "--primary"
-    },
-    {
-      "path": "colors.primary.foreground",
-      "value": "hsl(210 40% 98%)",
-      "category": "color",
-      "description": "주요 색상 위 텍스트",
-      "cssVariable": "--primary-foreground"
-    },
-    {
-      "path": "colors.secondary",
-      "value": "hsl(210 40% 96.1%)",
-      "category": "color",
-      "description": "보조 색상",
-      "cssVariable": "--secondary"
-    },
-    {
-      "path": "colors.secondary.foreground",
-      "value": "hsl(222.2 47.4% 11.2%)",
-      "category": "color",
-      "description": "보조 색상 위 텍스트",
-      "cssVariable": "--secondary-foreground"
-    },
-    {
-      "path": "colors.muted",
-      "value": "hsl(210 40% 96.1%)",
-      "category": "color",
-      "description": "음소거/비활성 배경색",
-      "cssVariable": "--muted"
-    },
-    {
-      "path": "colors.muted.foreground",
-      "value": "hsl(215.4 16.3% 46.9%)",
-      "category": "color",
-      "description": "음소거 텍스트 색상",
-      "cssVariable": "--muted-foreground"
-    },
-    {
-      "path": "colors.accent",
-      "value": "hsl(210 40% 96.1%)",
-      "category": "color",
-      "description": "강조 배경색",
-      "cssVariable": "--accent"
-    },
-    {
-      "path": "colors.accent.foreground",
-      "value": "hsl(222.2 47.4% 11.2%)",
-      "category": "color",
-      "description": "강조 텍스트 색상",
-      "cssVariable": "--accent-foreground"
-    },
-    {
-      "path": "colors.destructive",
-      "value": "hsl(0 84.2% 60.2%)",
-      "category": "color",
-      "description": "위험/삭제 작업 색상",
-      "cssVariable": "--destructive"
-    },
-    {
-      "path": "colors.destructive.foreground",
-      "value": "hsl(210 40% 98%)",
-      "category": "color",
-      "description": "위험 색상 위 텍스트",
-      "cssVariable": "--destructive-foreground"
-    },
-    {
-      "path": "colors.border",
-      "value": "hsl(214.3 31.8% 91.4%)",
-      "category": "color",
-      "description": "테두리 색상",
-      "cssVariable": "--border"
-    },
-    {
-      "path": "colors.ring",
-      "value": "hsl(222.2 84% 4.9%)",
-      "category": "color",
-      "description": "포커스 링 색상",
-      "cssVariable": "--ring"
-    },
-    {
-      "path": "typography.fontFamily.sans",
-      "value": "ui-sans-serif, system-ui, sans-serif",
-      "category": "typography",
-      "description": "기본 산세리프 폰트"
-    },
-    {
-      "path": "typography.fontFamily.mono",
-      "value": "ui-monospace, monospace",
-      "category": "typography",
-      "description": "모노스페이스 폰트"
-    },
-    {
-      "path": "typography.fontSize.xs",
-      "value": "0.75rem",
-      "category": "typography",
-      "description": "아주 작은 텍스트 (12px)"
-    },
-    {
-      "path": "typography.fontSize.sm",
-      "value": "0.875rem",
-      "category": "typography",
-      "description": "작은 텍스트 (14px)"
-    },
-    {
-      "path": "typography.fontSize.base",
-      "value": "1rem",
-      "category": "typography",
-      "description": "기본 텍스트 (16px)"
-    },
-    {
-      "path": "typography.fontSize.lg",
-      "value": "1.125rem",
-      "category": "typography",
-      "description": "큰 텍스트 (18px)"
-    },
-    {
-      "path": "typography.fontSize.xl",
-      "value": "1.25rem",
-      "category": "typography",
-      "description": "더 큰 텍스트 (20px)"
-    },
-    {
-      "path": "typography.fontSize.2xl",
-      "value": "1.5rem",
-      "category": "typography",
-      "description": "제목 텍스트 (24px)"
-    },
-    {
-      "path": "spacing.0",
-      "value": "0",
-      "category": "spacing",
-      "description": "0 간격"
-    },
-    {
-      "path": "spacing.1",
-      "value": "0.25rem",
-      "category": "spacing",
-      "description": "4px 간격"
-    },
-    {
-      "path": "spacing.2",
-      "value": "0.5rem",
-      "category": "spacing",
-      "description": "8px 간격"
-    },
-    {
-      "path": "spacing.3",
-      "value": "0.75rem",
-      "category": "spacing",
-      "description": "12px 간격"
-    },
-    {
-      "path": "spacing.4",
-      "value": "1rem",
-      "category": "spacing",
-      "description": "16px 간격"
-    },
-    {
-      "path": "spacing.6",
-      "value": "1.5rem",
-      "category": "spacing",
-      "description": "24px 간격"
-    },
-    {
-      "path": "spacing.8",
-      "value": "2rem",
-      "category": "spacing",
-      "description": "32px 간격"
-    },
-    {
-      "path": "radius.none",
-      "value": "0",
-      "category": "radius",
-      "description": "모서리 없음",
-      "cssVariable": "--radius-none"
-    },
-    {
-      "path": "radius.sm",
-      "value": "0.125rem",
-      "category": "radius",
-      "description": "작은 모서리 (2px)",
-      "cssVariable": "--radius-sm"
-    },
-    {
-      "path": "radius.md",
-      "value": "0.375rem",
-      "category": "radius",
-      "description": "중간 모서리 (6px)",
-      "cssVariable": "--radius"
-    },
-    {
-      "path": "radius.lg",
-      "value": "0.5rem",
-      "category": "radius",
-      "description": "큰 모서리 (8px)",
-      "cssVariable": "--radius-lg"
-    },
-    {
-      "path": "radius.full",
-      "value": "9999px",
-      "category": "radius",
-      "description": "완전한 원형",
-      "cssVariable": "--radius-full"
-    },
-    {
-      "path": "shadow.sm",
-      "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-      "category": "shadow",
-      "description": "작은 그림자"
-    },
-    {
-      "path": "shadow.md",
-      "value": "0 4px 6px -1px rgb(0 0 0 / 0.1)",
-      "category": "shadow",
-      "description": "중간 그림자"
-    },
-    {
-      "path": "shadow.lg",
-      "value": "0 10px 15px -3px rgb(0 0 0 / 0.1)",
-      "category": "shadow",
-      "description": "큰 그림자"
-    },
-    {
-      "path": "animation.duration.fast",
-      "value": "150ms",
-      "category": "animation",
-      "description": "빠른 애니메이션"
-    },
-    {
-      "path": "animation.duration.normal",
-      "value": "200ms",
-      "category": "animation",
-      "description": "기본 애니메이션"
-    },
-    {
-      "path": "animation.duration.slow",
-      "value": "300ms",
-      "category": "animation",
-      "description": "느린 애니메이션"
-    },
-    {
-      "path": "animation.easing.default",
-      "value": "cubic-bezier(0.4, 0, 0.2, 1)",
-      "category": "animation",
-      "description": "기본 이징"
-    }
-  ]
-}