@axis-ds/mcp 1.3.5 → 1.4.0

package/dist/index.js

@@ -10,61 +10,67 @@ import { z } from "zod";
 import { readFileSync } from "fs";
 import { join, dirname } from "path";
 import { fileURLToPath } from "url";
+
+// src/types.ts
+var TOKEN_CATEGORIES = [
+  "color",
+  "typography",
+  "spacing",
+  "radius",
+  "shadow",
+  "density",
+  "component"
+];
+
+// src/registry/loader.ts
 var __filename = fileURLToPath(import.meta.url);
 var __dirname = dirname(__filename);
 var DATA_DIR = join(__dirname, "data");
-var cachedRegistry = null;
+var cachedComponents = null;
+var cachedTokens = null;
 function loadComponents() {
-  const filePath = join(DATA_DIR, "components.json");
-  const content = readFileSync(filePath, "utf-8");
-  const data = JSON.parse(content);
-  return data.components;
+  if (!cachedComponents) {
+    const filePath = join(DATA_DIR, "components.json");
+    const content = readFileSync(filePath, "utf-8");
+    const data = JSON.parse(content);
+    cachedComponents = data.components;
+  }
+  return cachedComponents;
 }
 function loadTokens() {
-  const filePath = join(DATA_DIR, "tokens.json");
-  const content = readFileSync(filePath, "utf-8");
-  const data = JSON.parse(content);
-  return data.tokens;
-}
-function getRegistry() {
-  if (!cachedRegistry) {
-    cachedRegistry = {
-      components: loadComponents(),
-      tokens: loadTokens()
-    };
+  if (!cachedTokens) {
+    const filePath = join(DATA_DIR, "tokens.json");
+    const content = readFileSync(filePath, "utf-8");
+    const data = JSON.parse(content);
+    cachedTokens = { source: data.source, tokens: data.tokens };
   }
-  return cachedRegistry;
+  return cachedTokens;
 }
 function getComponentMeta(name) {
-  const registry = getRegistry();
-  return registry.components.find(
+  return loadComponents().find(
     (c) => c.name.toLowerCase() === name.toLowerCase()
   );
 }
 function listTokens(category) {
-  const registry = getRegistry();
+  const { tokens } = loadTokens();
   if (category) {
-    return registry.tokens.filter((t) => t.category === category);
+    return tokens.filter((t) => t.category === category);
   }
-  return registry.tokens;
+  return tokens;
 }
 function getToken(path11) {
-  const registry = getRegistry();
-  return registry.tokens.find(
-    (t) => t.path.toLowerCase() === path11.toLowerCase()
+  const q = path11.trim().toLowerCase();
+  return loadTokens().tokens.find(
+    (t) => t.path.toLowerCase() === q || (t.aliases ?? []).some((a) => a.toLowerCase() === q) || t.cssVariable.toLowerCase() === q
   );
 }
+function getTokenSource() {
+  return loadTokens().source;
+}
 function getTokenStats() {
-  const registry = getRegistry();
-  const stats = {
-    color: 0,
-    typography: 0,
-    spacing: 0,
-    radius: 0,
-    shadow: 0,
-    animation: 0
-  };
-  for (const token of registry.tokens) {
+  const { tokens } = loadTokens();
+  const stats = Object.fromEntries(TOKEN_CATEGORIES.map((c) => [c, 0]));
+  for (const token of tokens) {
     stats[token.category]++;
   }
   return stats;
@@ -1052,22 +1058,17 @@ function majorFromVersion(version) {
 }
 function detectTailwind(baseDirInput, pkg) {
   const baseDir = resolve(baseDirInput);
-  const installedFile = join2(baseDir, "node_modules", "tailwindcss", "package.json");
   const declared = pkg ? hasDependency2(pkg, "tailwindcss") : void 0;
   const bounds = declared !== void 0 ? tailwindMajorBounds(declared) : void 0;
   const declaredMajor = bounds?.lower;
-  try {
-    const installed = JSON.parse(readFileSync4(installedFile, "utf8"));
-    const version = isPlainObject2(installed) ? installed.version : void 0;
-    const major = majorFromVersion(version);
-    if (major !== void 0) {
-      const found = { major, source: "installed", value: String(version) };
-      if (declared !== void 0 && bounds !== void 0 && !majorWithin(major, bounds)) {
-        found.mismatch = { declared, declaredMajor: bounds.lower };
-      }
-      return found;
+  const version = isPnpProject(baseDir) ? void 0 : findInstalledPackage(baseDir, "tailwindcss")?.version;
+  const major = majorFromVersion(version);
+  if (version !== void 0 && major !== void 0) {
+    const found = { major, source: "installed", value: version };
+    if (declared !== void 0 && bounds !== void 0 && !majorWithin(major, bounds)) {
+      found.mismatch = { declared, declaredMajor: bounds.lower };
     }
-  } catch {
+    return found;
   }
   if (declared !== void 0) {
     if (declaredMajor !== void 0) return { major: declaredMajor, source: "declared", value: declared };
@@ -1210,19 +1211,9 @@ function rangeLowerAtLeast(range, min) {
   if (!lower || !target) return void 0;
   return compareLower(lower, target) >= 0;
 }
-function exactVersion(version) {
-  if (typeof version !== "string") return void 0;
-  const v = version.trim();
-  if (!/^v?\d+\.\d+\.\d+(?:-[0-9A-Za-z.-]+)?(?:\+[0-9A-Za-z.-]+)?$/.test(v) || /^v?0\.0\.0-/.test(v)) return void 0;
-  return v;
-}
-function installedVersion(baseDir, name) {
-  try {
-    const parsed = JSON.parse(readFileSync4(join2(baseDir, "node_modules", ...name.split("/"), "package.json"), "utf8"));
-    return isPlainObject2(parsed) ? exactVersion(parsed.version) : void 0;
-  } catch {
-    return void 0;
-  }
+function installedAxisVersion(baseDir, name) {
+  if (isPnpProject(baseDir)) return void 0;
+  return findInstalledPackage(baseDir, name)?.version;
 }
 function axisPackagesBelowTailwind4(pkg, baseDirInput) {
   if (!pkg) return [];
@@ -1232,7 +1223,7 @@ function axisPackagesBelowTailwind4(pkg, baseDirInput) {
   for (const name of TAILWIND4_AXIS_PACKAGES) {
     const range = hasDependency2(pkg, name);
     if (range === void 0 || range.trim().startsWith("workspace:")) continue;
-    const installed = baseDir !== void 0 ? installedVersion(baseDir, name) : void 0;
+    const installed = baseDir !== void 0 ? installedAxisVersion(baseDir, name) : void 0;
     const installedLower = installed !== void 0 ? lowerOf(installed) : void 0;
     if (installed !== void 0 && installedLower !== void 0) {
       if (compareLower(installedLower, min) < 0) out.push({ name, range, status: "below", source: "installed", installed });
@@ -2727,20 +2718,36 @@ function formatComponentDetail(result) {
   }
   return lines.join("\n");
 }
-function formatTokenDetail(token) {
+function cssUsage(token) {
+  const shadcnColor = !token.cssVariable.startsWith("--axis-") && token.value.startsWith("hsl(");
+  return shadcnColor ? `hsl(var(${token.cssVariable}))` : `var(${token.cssVariable})`;
+}
+function formatTokenNotFound(path11) {
+  return [
+    `\uD1A0\uD070\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4: \`${path11}\``,
+    "",
+    "- \uACBD\uB85C\uB294 `axis.list_tokens` \uB85C \uD655\uC778\uD558\uC138\uC694. \uACBD\uB85C \xB7 tokens \uC774\uB984 \uAE30\uBC18 \uACBD\uB85C(\uC608: `control.h.md`) \xB7 CSS \uBCC0\uC218 \uC774\uB984(\uC608: `--axis-control-h-md`)\uC744 \uBC1B\uC2B5\uB2C8\uB2E4.",
+    "- \uBE0C\uB79C\uB4DC \uAC12\uC740 `axis.list_brands` \xB7 `axis.get_brand` \uB85C \uC870\uD68C\uD558\uC138\uC694."
+  ].join("\n");
+}
+function formatTokenDetail(token, query = "") {
   if (!token) {
-    return "\uD1A0\uD070\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.";
+    return formatTokenNotFound(query);
   }
   const lines = [];
   lines.push(`# \uD1A0\uD070: ${token.path}`);
   lines.push("");
   lines.push(`- **\uAC12**: \`${token.value}\``);
+  if (token.dark !== void 0) {
+    lines.push(`- **\uB2E4\uD06C \uAC12**: \`${token.dark}\`${token.dark === token.value ? " (\uB77C\uC774\uD2B8\uC640 \uAC19\uC74C)" : ""}`);
+  }
   lines.push(`- **\uCE74\uD14C\uACE0\uB9AC**: ${token.category}`);
   if (token.description) {
     lines.push(`- **\uC124\uBA85**: ${token.description}`);
   }
-  if (token.cssVariable) {
-    lines.push(`- **CSS \uBCC0\uC218**: \`var(${token.cssVariable})\``);
+  lines.push(`- **CSS \uBCC0\uC218**: \`${token.cssVariable}\` (\uC0AC\uC6A9: \`${cssUsage(token)}\`)`);
+  if (token.aliases && token.aliases.length > 0) {
+    lines.push(`- **\uD568\uAED8 \uBC1B\uB294 \uACBD\uB85C**: ${token.aliases.map((a) => `\`${a}\``).join(", ")}`);
   }
   return lines.join("\n");
 }
@@ -2776,7 +2783,8 @@ function handleListTokens(params) {
     tokens,
     totalCount: tokens.length,
     stats,
-    category
+    category,
+    sourceVersion: getTokenSource()?.version
   };
 }
 function formatComponentList(result) {
@@ -2821,41 +2829,51 @@ function formatComponentList(result) {
   lines.push("\uC124\uCE58: `axis.install_component` \uC5D0 `name`(\uB610\uB294 `names`)\uACFC \uD504\uB85C\uC81D\uD2B8 \uB8E8\uD2B8 `targetDir` \uB97C \uC8FC\uC138\uC694. \uC774\uB984\uC740 \uC704 \uD45C\uC758 \uC774\uB984 \uADF8\uB300\uB85C\uC785\uB2C8\uB2E4(agentic \uC740 `agentic-` \uC811\uB450 \uD3EC\uD568).");
   return lines.join("\n");
 }
+var TOKEN_CATEGORY_LABELS = {
+  color: "Color",
+  typography: "Typography",
+  spacing: "Spacing",
+  radius: "Radius",
+  shadow: "Shadow",
+  density: "Density (\uBC00\uB3C4)",
+  component: "Component"
+};
+var cell = (v) => v.replace(/\|/g, "\\|");
 function formatTokenList(result) {
   const lines = [];
+  const total = TOKEN_CATEGORIES.reduce((n, c) => n + result.stats[c], 0);
   lines.push("# AXIS Design System \uD1A0\uD070 \uBAA9\uB85D");
   lines.push("");
+  if (result.sourceVersion) {
+    lines.push(`- **\uCD9C\uCC98**: @axis-ds/tokens ${result.sourceVersion} \uBE4C\uB4DC \uC0B0\uCD9C\uBB3C\uC5D0\uC11C \uC0DD\uC131(\uB77C\uC774\uD2B8 :root \xB7 \uB2E4\uD06C .dark)`);
+  }
+  lines.push("- **\uBE0C\uB79C\uB4DC \uAC12**: `axis.list_brands` \xB7 `axis.get_brand` \uB85C \uC870\uD68C\uD558\uC138\uC694(\uB300\uC0C1 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC124\uCE58\uB41C tokens \uB97C \uC77D\uC74C)");
+  lines.push("");
   lines.push("## \uCE74\uD14C\uACE0\uB9AC\uBCC4 \uD1B5\uACC4");
   lines.push("| \uCE74\uD14C\uACE0\uB9AC | \uAC1C\uC218 |");
   lines.push("|----------|------|");
-  lines.push(`| Color | ${result.stats.color} |`);
-  lines.push(`| Typography | ${result.stats.typography} |`);
-  lines.push(`| Spacing | ${result.stats.spacing} |`);
-  lines.push(`| Radius | ${result.stats.radius} |`);
-  lines.push(`| Shadow | ${result.stats.shadow} |`);
-  lines.push(`| Animation | ${result.stats.animation} |`);
-  lines.push(`| **\uD569\uACC4** | **${result.totalCount}** |`);
+  for (const c of TOKEN_CATEGORIES) {
+    lines.push(`| ${TOKEN_CATEGORY_LABELS[c]} | ${result.stats[c]} |`);
+  }
+  lines.push(`| **\uD569\uACC4** | **${total}** |`);
   lines.push("");
   if (result.category) {
-    lines.push(`## ${result.category} \uD1A0\uD070`);
+    lines.push(`## ${result.category} \uD1A0\uD070 (${result.totalCount}\uAC1C)`);
   } else {
     lines.push("## \uC804\uCCB4 \uD1A0\uD070");
   }
   lines.push("");
-  const grouped = {};
-  for (const token of result.tokens) {
-    if (!grouped[token.category]) {
-      grouped[token.category] = [];
-    }
-    grouped[token.category].push(token);
-  }
-  for (const [category, tokens] of Object.entries(grouped)) {
-    lines.push(`### ${category.charAt(0).toUpperCase() + category.slice(1)}`);
-    lines.push("| \uACBD\uB85C | \uAC12 | \uC124\uBA85 |");
-    lines.push("|------|-----|------|");
+  for (const c of TOKEN_CATEGORIES) {
+    const tokens = result.tokens.filter((t) => t.category === c);
+    if (tokens.length === 0) continue;
+    lines.push(`### ${TOKEN_CATEGORY_LABELS[c]}`);
+    lines.push("| \uACBD\uB85C | \uAC12 | \uB2E4\uD06C | CSS | \uC124\uBA85 |");
+    lines.push("|------|-----|------|-----|------|");
     for (const t of tokens) {
-      const desc = t.description || "-";
-      lines.push(`| \`${t.path}\` | \`${t.value}\` | ${desc} |`);
+      const dark = t.dark === void 0 ? "-" : t.dark === t.value ? "(\uAC19\uC74C)" : `\`${cell(t.dark)}\``;
+      lines.push(
+        `| \`${t.path}\` | \`${cell(t.value)}\` | ${dark} | \`${cssUsage(t)}\` | ${t.description ? cell(t.description) : "-"} |`
+      );
     }
     lines.push("");
   }
@@ -5233,7 +5251,7 @@ var server = new McpServer({
   version: SERVER_VERSION
 });
 var ComponentCategorySchema = z.enum(["core", "agentic", "form", "layout", "ui"]).optional().describe("\uCEF4\uD3EC\uB10C\uD2B8 \uCE74\uD14C\uACE0\uB9AC \uD544\uD130 (ui = Core UI \uC804\uCCB4, agentic = Agentic UI)");
-var TokenCategorySchema = z.enum(["color", "typography", "spacing", "radius", "shadow", "animation"]).optional().describe("\uD1A0\uD070 \uCE74\uD14C\uACE0\uB9AC \uD544\uD130");
+var TokenCategorySchema = z.enum(TOKEN_CATEGORIES).optional().describe("\uD1A0\uD070 \uCE74\uD14C\uACE0\uB9AC \uD544\uD130 (density = \uCEE8\uD2B8\uB864 \uB192\uC774 \xB7 \uAE00\uC790 \uD06C\uAE30 \uB4F1 \uBC00\uB3C4 \uD1A0\uD070, component = \uCEF4\uD3EC\uB10C\uD2B8 \uD1A0\uD070)");
 server.tool(
   "axis.search_components",
   "AXIS \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C\uC5D0\uC11C \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uAC80\uC0C9\uD569\uB2C8\uB2E4.",
@@ -5338,7 +5356,7 @@ server.tool(
 );
 server.tool(
   "axis.list_tokens",
-  "AXIS \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C\uC758 \uB514\uC790\uC778 \uD1A0\uD070 \uBAA9\uB85D\uC744 \uC870\uD68C\uD569\uB2C8\uB2E4.",
+  "AXIS \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C\uC758 \uB514\uC790\uC778 \uD1A0\uD070 \uBAA9\uB85D(\uB77C\uC774\uD2B8 \xB7 \uB2E4\uD06C \uAC12, CSS \uBCC0\uC218)\uC744 \uC870\uD68C\uD569\uB2C8\uB2E4. \uAC12\uC740 @axis-ds/tokens \uBE4C\uB4DC \uC0B0\uCD9C\uBB3C\uC5D0\uC11C \uC0DD\uC131\uD569\uB2C8\uB2E4.",
   {
     category: TokenCategorySchema
   },
@@ -5372,21 +5390,23 @@ server.tool(
 );
 server.tool(
   "axis.get_token",
-  "AXIS \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C \uD1A0\uD070\uC758 \uC0C1\uC138 \uC815\uBCF4\uB97C \uC870\uD68C\uD569\uB2C8\uB2E4.",
+  "AXIS \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C \uD1A0\uD070\uC758 \uC0C1\uC138 \uC815\uBCF4(\uB77C\uC774\uD2B8 \xB7 \uB2E4\uD06C \uAC12, CSS \uBCC0\uC218)\uB97C \uC870\uD68C\uD569\uB2C8\uB2E4. \uC5C6\uB294 \uACBD\uB85C\uB294 isError \uB85C \uB2F5\uD569\uB2C8\uB2E4.",
   {
-    path: z.string().describe("\uD1A0\uD070 \uACBD\uB85C (\uC608: colors.primary, spacing.4)")
+    path: z.string().describe("\uD1A0\uD070 \uACBD\uB85C (\uC608: colors.primary, spacing.4, control.h.md) \uB610\uB294 CSS \uBCC0\uC218 \uC774\uB984 (\uC608: --axis-control-h-md)")
   },
   async ({ path: path11 }) => {
     try {
       const token = handleGetToken({ path: path11 });
-      const formatted = formatTokenDetail(token);
+      const formatted = formatTokenDetail(token, path11);
       return {
         content: [
           {
             type: "text",
             text: formatted
           }
-        ]
+        ],
+        // WI-0076: 없는 토큰은 일반 텍스트가 아니라 오류로 답합니다(응답 계약 변경)
+        ...token ? {} : { isError: true }
       };
     } catch (error) {
       const message = error instanceof Error ? error.message : "\uC54C \uC218 \uC5C6\uB294 \uC624\uB958";

package/dist/registry/index.json

@@ -1,7 +1,7 @@
 {
   "name": "axis",
   "homepage": "https://axis-design-system.pages.dev",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "items": [
     {
       "name": "utils",

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.0",
+  "version": "1.8.1",
   "items": [
     {
       "name": "utils",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axis-ds/mcp",
-  "version": "1.3.5",
+  "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": "기본 이징"
-    }
-  ]
-}