@axis-ds/mcp 1.4.9 → 1.5.0

package/dist/index.js

@@ -58,8 +58,8 @@ function listTokens(category) {
   }
   return tokens;
 }
-function getToken(path12) {
-  const q = path12.trim().toLowerCase();
+function getToken(path13) {
+  const q = path13.trim().toLowerCase();
   return loadTokens().tokens.find(
     (t) => t.path.toLowerCase() === q || (t.aliases ?? []).some((a) => a.toLowerCase() === q) || t.cssVariable.toLowerCase() === q
   );
@@ -2318,9 +2318,9 @@ function checkTailwindSetup(baseDirInput) {
     };
   }
   for (const file of TAILWIND_CONFIG_FILES) {
-    const path12 = join2(baseDir, file);
-    if (!existsSync3(path12)) continue;
-    const content = readFileSync4(path12, "utf8");
+    const path13 = join2(baseDir, file);
+    if (!existsSync3(path13)) continue;
+    const content = readFileSync4(path13, "utf8");
     if (hasTokensPresetReference(content)) {
       const code = stripJsComments(content);
       const bareCjs = isCommonJsConfig(file, code) && hasBareCjsPresetRequire(code);
@@ -3763,11 +3763,11 @@ async function handleGetComponent(params, deps = {}) {
   return { component, source: describeOrigin(client, latest.version), notices };
 }
 function handleGetToken(params) {
-  const { path: path12 } = params;
-  if (!path12 || path12.trim() === "") {
+  const { path: path13 } = params;
+  if (!path13 || path13.trim() === "") {
     throw new Error("\uD1A0\uD070 \uACBD\uB85C(path)\uB294 \uD544\uC218\uC785\uB2C8\uB2E4.");
   }
-  const token = getToken(path12);
+  const token = getToken(path13);
   if (!token) {
     return null;
   }
@@ -3848,9 +3848,9 @@ function cssUsage(token) {
   const shadcnColor = !token.cssVariable.startsWith("--axis-") && token.value.startsWith("hsl(");
   return shadcnColor ? `hsl(var(${token.cssVariable}))` : `var(${token.cssVariable})`;
 }
-function formatTokenNotFound(path12) {
+function formatTokenNotFound(path13) {
   return [
-    `\uD1A0\uD070\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4: \`${path12}\``,
+    `\uD1A0\uD070\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4: \`${path13}\``,
     "",
     "- \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."
@@ -5548,7 +5548,7 @@ function formatSaveResult(result) {
 // src/tools/template.ts
 import fetch from "node-fetch";
 import fs6 from "fs-extra";
-import path10 from "path";
+import path11 from "path";
 
 // src/tools/brand-core.ts
 import { createHash as createHash2 } from "crypto";
@@ -6315,6 +6315,605 @@ function writeTemplateFiles(plan) {
   }
 }
 
+// ../axis-registry-core/src/template/template-checks.ts
+import { lstatSync as lstatSync4, readdirSync as readdirSync4, readFileSync as readFileSync11, realpathSync as realpathSync5, statSync as statSync7 } from "fs";
+import path10 from "path";
+var TEMPLATE_CHECK_DEFINITIONS = /* @__PURE__ */ new Map([
+  ["ontology-rules", { id: "ontology-rules", script: "check:ontology" }]
+]);
+var TEMPLATE_CHECKS = /* @__PURE__ */ new Map([["ontology-console", ["ontology-rules"]]]);
+var TEMPLATE_SLUG = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+var ONTOLOGY_RULE_IDS = ["em-dash", "exclamation", "one-side-line", "card-shadow", "palette"];
+var ONTOLOGY_TARGETS = ["app", "components", "lib"];
+var ONTOLOGY_MAX_FILE_BYTES = 256 * 1024;
+var ONTOLOGY_DIR_DEPTH_LIMIT = 32;
+var ONTOLOGY_MAX_UNIT_CHARS = 8e3;
+var ONTOLOGY_SCAN_STEPS_PER_CHAR = 16;
+var ONTOLOGY_SCAN_STEPS_BASE = 1e5;
+var ONTOLOGY_MAX_FILES = 4e3;
+var ONTOLOGY_MAX_TOTAL_BYTES = 16 * 1024 * 1024;
+var ONTOLOGY_MAX_ENTRIES = 5e4;
+var ONTOLOGY_DEFAULT_BUDGET = Object.freeze({
+  maxFiles: ONTOLOGY_MAX_FILES,
+  maxBytes: ONTOLOGY_MAX_TOTAL_BYTES,
+  maxEntries: ONTOLOGY_MAX_ENTRIES
+});
+var MESSAGE_PATH_MAX = 120;
+function templateChecksFor(baseDirInput) {
+  let config;
+  try {
+    config = JSON.parse(readFileSync11(path10.join(path10.resolve(baseDirInput), "axis.config.json"), "utf8"));
+  } catch {
+    return null;
+  }
+  if (typeof config !== "object" || config === null || Array.isArray(config)) return null;
+  if (!Object.prototype.hasOwnProperty.call(config, "template")) return null;
+  const template = config.template;
+  if (typeof template !== "string" || !TEMPLATE_SLUG.test(template)) return null;
+  const ids = TEMPLATE_CHECKS.get(template);
+  if (!ids || ids.length === 0) return null;
+  return { template, ids };
+}
+function collectTemplateCheckResults(baseDirInput) {
+  const baseDir = path10.resolve(baseDirInput);
+  const picked = templateChecksFor(baseDir);
+  if (!picked) return [];
+  const out = [];
+  for (const id of picked.ids) {
+    const def = TEMPLATE_CHECK_DEFINITIONS.get(id);
+    if (def?.id === "ontology-rules") out.push(ontologyRulesResult(baseDir, picked.template, def));
+  }
+  return out;
+}
+function hasPackageScript(baseDir, script) {
+  try {
+    const pkg = JSON.parse(readFileSync11(path10.join(baseDir, "package.json"), "utf8"));
+    if (typeof pkg !== "object" || pkg === null || Array.isArray(pkg)) return false;
+    const scripts = pkg.scripts;
+    if (typeof scripts !== "object" || scripts === null || Array.isArray(scripts)) return false;
+    return Object.prototype.hasOwnProperty.call(scripts, script) && typeof scripts[script] === "string";
+  } catch {
+    return false;
+  }
+}
+var MESSAGE_PATH_KEEP = /^[\p{L}\p{N}\p{P}\p{S} ]$/u;
+function messageSafePath(p) {
+  let out = "";
+  for (const ch of p) {
+    const cp = ch.codePointAt(0);
+    const piece = MESSAGE_PATH_KEEP.test(ch) && ch !== '"' && ch !== "`" && ch !== "\\" ? ch : cp > 65535 ? `\\u{${cp.toString(16)}}` : `\\u${cp.toString(16).padStart(4, "0")}`;
+    if (out.length + piece.length > MESSAGE_PATH_MAX) return `${out}...`;
+    out += piece;
+  }
+  return out;
+}
+function ontologyRulesResult(baseDir, template, def) {
+  const name = `template.${def.id}`;
+  const head = `\uD15C\uD50C\uB9BF ${template} \uADDC\uCE59 \uAC80\uC0AC(axis \uB0B4\uC7A5 \uADDC\uCE59, \uC124\uCE58\uD55C axis \uBC84\uC804 \uAE30\uC900 \xB7 \uD504\uB85C\uC81D\uD2B8 \uC2A4\uD06C\uB9BD\uD2B8\uB294 \uC2E4\uD589\uD558\uC9C0 \uC54A\uC74C)`;
+  let inspection;
+  try {
+    inspection = inspectOntologyRules(baseDir);
+  } catch (e) {
+    const code = typeof e?.code === "string" && /^[A-Z0-9_]{1,32}$/.test(e.code) ? e.code : "\uC624\uB958";
+    return { name, severity: "warn", message: `${head}: \uCE21\uC815 \uC2E4\uD328, \uD30C\uC77C\uC744 \uC77D\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4(${code})` };
+  }
+  const parts = ontologySkippedParts(inspection);
+  const skipped = parts.length > 0 ? `, \uAC74\uB108\uB700: ${parts.join(" \xB7 ")}` : "";
+  if (inspection.checked === 0) {
+    return {
+      name,
+      severity: "warn",
+      message: `${head}: \uCE21\uC815 \uC2E4\uD328, \uAC80\uC0AC\uD560 \uD30C\uC77C\uC774 \uC5C6\uC2B5\uB2C8\uB2E4(\uB300\uC0C1: ${ONTOLOGY_TARGETS.join(" \xB7 ")})${skipped}`
+    };
+  }
+  const { violations } = inspection;
+  if (violations.length === 0) {
+    if (isOntologyIncomplete(inspection)) {
+      return { name, severity: "warn", message: `${head}: \uC77C\uBD80 \uCE21\uC815 \uC2E4\uD328, \uD30C\uC77C ${inspection.checked}\uAC1C \uC704\uBC18 0\uAC74${skipped}` };
+    }
+    return { name, severity: "pass", message: `${head}: \uD30C\uC77C ${inspection.checked}\uAC1C, \uC704\uBC18 0\uAC74${skipped}` };
+  }
+  const counts = ONTOLOGY_RULE_IDS.map((rule) => [rule, violations.filter((v) => v.rule === rule).length]).filter(([, n]) => n > 0).map(([rule, n]) => `${rule} ${n}`).join(" \xB7 ");
+  const first = violations[0];
+  const hint = hasPackageScript(baseDir, def.script) ? ` \u2192 \uC804\uCCB4 \uBCF4\uAE30: npm run ${def.script}` : "";
+  return {
+    name,
+    severity: "warn",
+    message: `${head}: \uD30C\uC77C ${inspection.checked}\uAC1C, \uC704\uBC18 ${violations.length}\uAC74(${counts}), \uCCAB \uC704\uCE58 "${messageSafePath(first.file)}":${first.line} ${first.rule}${skipped}${hint}`
+  };
+}
+function ontologySkippedParts(found) {
+  const parts = [];
+  if (found.skippedLarge > 0) parts.push(`\uD06C\uAE30 \uC0C1\uD55C(256KB) \uCD08\uACFC ${found.skippedLarge}\uAC1C`);
+  if (found.skippedLinks > 0) parts.push(`\uD504\uB85C\uC81D\uD2B8 \uBC16 \xB7 \uAE68\uC9C4 \uB9C1\uD06C ${found.skippedLinks}\uAC1C`);
+  if (found.skippedDeep > 0) parts.push(`\uAE4A\uC774 ${ONTOLOGY_DIR_DEPTH_LIMIT} \uB2E8\uACC4 \uBC16 \uB514\uB809\uD130\uB9AC ${found.skippedDeep}\uAC1C`);
+  if (found.partialFiles > 0) parts.push(`\uD074\uB798\uC2A4 \uBB36\uC74C \uC791\uC5C5\uB7C9 \uC0C1\uD55C \uCD08\uACFC(\uC77C\uBD80\uB9CC \uD310\uC815) ${found.partialFiles}\uAC1C`);
+  if (found.budgetStop) parts.push(ontologyBudgetStopText(found.budgetStop));
+  return parts;
+}
+function formatBytes(n) {
+  if (n % (1024 * 1024) === 0) return `${n / (1024 * 1024)}MB`;
+  if (n % 1024 === 0) return `${n / 1024}KB`;
+  return `${n}B`;
+}
+function ontologyBudgetStopText(stop) {
+  if (stop.reason === "files") return `\uD504\uB85C\uC81D\uD2B8 \uC608\uC0B0 \uCD08\uACFC\uB85C \uCE21\uC815 \uC911\uB2E8(\uD30C\uC77C ${stop.limit}\uAC1C \uC0C1\uD55C)`;
+  if (stop.reason === "entries") return `\uD504\uB85C\uC81D\uD2B8 \uC608\uC0B0 \uCD08\uACFC\uB85C \uCE21\uC815 \uC911\uB2E8(\uB514\uB809\uD130\uB9AC \uD56D\uBAA9 ${stop.limit}\uAC1C \uC0C1\uD55C)`;
+  return `\uD504\uB85C\uC81D\uD2B8 \uC608\uC0B0 \uCD08\uACFC\uB85C \uCE21\uC815 \uC911\uB2E8(\uC77D\uAE30 ${formatBytes(stop.limit)} \uC0C1\uD55C)`;
+}
+function isOntologyIncomplete(found) {
+  return found.skippedLarge > 0 || found.skippedDeep > 0 || found.partialFiles > 0 || found.budgetStop !== null;
+}
+var EXTS = /* @__PURE__ */ new Set([".ts", ".tsx", ".js", ".jsx", ".mjs", ".css"]);
+var EM_DASH = String.fromCharCode(8212);
+var FULLWIDTH_BANG = String.fromCharCode(65281);
+var NEUTRAL_BORDER = /* @__PURE__ */ new Set(["border-border", "border-input", "border-transparent", "border-inherit", "border-current"]);
+var SIDE_WIDTH = /(?:^|\s|:)border-[lrse](?:-(?:0|2|4|8|\[[^\]]+\]))?(?=\s|$)/;
+var BORDER_COLOR = /(?:^|\s|:)(border-(?:[lrse]-)?(?!(?:0|2|4|8|x|y|t|b|l|r|s|e|solid|dashed|dotted|double|none|hidden|collapse|separate|spacing)(?:\s|$))[a-z][\w-]*(?:\/\d+)?|border-(?:[lrse]-)?\[(?:#|rgb|hsl)[^\]]*\])(?=\s|$)/g;
+var BORDER_NOT_COLOR = /^border-(?:(?:[lrsetbxy])(?:-(?:0|2|4|8|\[[^\]]+\]))?|0|2|4|8|\[\d[^\]]*\]|solid|dashed|dotted|double|none|hidden|collapse|separate)$/;
+var SHADOW = /(?:^|\s|:)shadow(?:-(?!none(?:\s|$))[\w[\]().,%-]+)?(?=\s|$)/;
+var PALETTE_NAMES = "slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose";
+var PALETTE_CLASS = new RegExp(
+  `(?:^|[\\s:"'\`])((?:bg|text|border|ring|fill|stroke|from|via|to|outline|divide|decoration|shadow|accent|caret|placeholder)-(?:(?:${PALETTE_NAMES})-\\d{2,3}|white|black)(?:\\/\\d+)?)(?=[\\s"'\`]|$)`,
+  "g"
+);
+var HEX = /#[0-9a-fA-F]{3,8}\b/g;
+var NAMED_COLORS = new Set(
+  "aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkgrey darkkhaki darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen darkslateblue darkslategray darkslategrey darkturquoise darkviolet deeppink deepskyblue dimgray dimgrey dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite gold goldenrod gray green greenyellow grey honeydew hotpink indianred indigo ivory khaki lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan lightgoldenrodyellow lightgray lightgreen lightgrey lightpink lightsalmon lightseagreen lightskyblue lightslategray lightslategrey lightsteelblue lightyellow lime limegreen linen magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum powderblue purple rebeccapurple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna silver skyblue slateblue slategray slategrey snow springgreen steelblue tan teal thistle tomato turquoise violet wheat white whitesmoke yellow yellowgreen".split(" ")
+);
+var CSS_COLOR_PROP = /(?:^|[;{\s])((?:background|border|outline|text-decoration|column-rule)(?:-(?:top|right|bottom|left|inline-start|inline-end))?(?:-color)?|color|fill|stroke|caret-color|accent-color|box-shadow)\s*:\s*([^;}]+)/g;
+var STYLE_COLOR_KEY = /\b((?:background|border|outline|textDecoration|columnRule)(?:Top|Right|Bottom|Left|InlineStart|InlineEnd)?(?:Color)?|color|fill|stroke|caretColor|accentColor|boxShadow)\s*:\s*(["'`])([^"'`]*)\2/g;
+var COLOR_FN = /\b(?:rgba?|hsla?)\(\s*\d/g;
+var HANGUL = /[가-힣]/;
+function stripComments2(src) {
+  const blank = (m) => m.replace(/[^\n]/g, " ");
+  let out = "";
+  let last = 0;
+  for (let i = src.indexOf("/*"); i !== -1; i = src.indexOf("/*", last)) {
+    const end = src.indexOf("*/", i + 2);
+    if (end === -1) break;
+    out += src.slice(last, i) + blank(src.slice(i, end + 2));
+    last = end + 2;
+  }
+  out += src.slice(last);
+  return out.replace(/(^|[^:'"`\\])(\/\/[^\n]*)/g, (_, pre, c) => pre + blank(c));
+}
+function lineIndex(src) {
+  const breaks = [];
+  for (let i = src.indexOf("\n"); i !== -1; i = src.indexOf("\n", i + 1)) breaks.push(i);
+  return (index) => {
+    let lo = 0;
+    let hi = breaks.length;
+    while (lo < hi) {
+      const mid = lo + hi >> 1;
+      if (breaks[mid] < index) lo = mid + 1;
+      else hi = mid;
+    }
+    return lo + 1;
+  };
+}
+var isLineTerminator = (c) => c === "\n" || c === "\r" || c === "\u2028" || c === "\u2029";
+function literalEnds(code, q) {
+  const n = code.length;
+  const end = new Int32Array(n + 2).fill(-1);
+  for (let i = n - 1; i >= 0; i--) {
+    const c = code[i];
+    if (c === q) end[i] = i;
+    else if (c === "\n") end[i] = -1;
+    else if (c === "\\") end[i] = i + 1 < n && !isLineTerminator(code[i + 1]) ? end[i + 2] : -1;
+    else end[i] = end[i + 1];
+  }
+  return end;
+}
+function stringLiterals2(code) {
+  const ends = { '"': literalEnds(code, '"'), "'": literalEnds(code, "'"), "`": literalEnds(code, "`") };
+  const out = [];
+  for (let i = 0; i < code.length; i++) {
+    const c = code[i];
+    if (c !== '"' && c !== "'" && c !== "`") continue;
+    const e = ends[c][i + 1];
+    if (e === -1) continue;
+    out.push({ text: code.slice(i + 1, e), index: i });
+    i = e;
+  }
+  return out;
+}
+function textChunks(code, isJsx) {
+  const out = stringLiterals2(code).map((x) => ({ text: x.text, index: x.index, kind: "string" }));
+  let m;
+  if (isJsx) {
+    const jsx = /[>}]([^<>{}]+)(?=[<{])/g;
+    while (m = jsx.exec(code)) {
+      if (/[=;]/.test(m[1])) continue;
+      const text = m[1].replace(/(["'`])(?:(?!\1)[^\n])*\1/g, " ");
+      out.push({ text, index: m.index + 1, kind: "jsx" });
+    }
+  }
+  return out;
+}
+var SCAN_BUDGET_EXCEEDED = /* @__PURE__ */ Symbol("scan-budget-exceeded");
+function spend(budget, steps) {
+  budget.left -= steps;
+  if (budget.left < 0) throw SCAN_BUDGET_EXCEEDED;
+}
+function skipEnds(code, q) {
+  const n = code.length;
+  const end = new Int32Array(n + 2).fill(n);
+  for (let i = n - 1; i >= 0; i--) {
+    const c = code[i];
+    end[i] = c === q ? i : c === "\\" ? end[Math.min(i + 2, n)] : end[i + 1];
+  }
+  return end;
+}
+function closeMatcher(code, budget) {
+  const memo = /* @__PURE__ */ new Map();
+  const pair = { "(": ")", "{": "}" };
+  const skips = { '"': skipEnds(code, '"'), "'": skipEnds(code, "'"), "`": skipEnds(code, "`") };
+  return (open) => {
+    const known = memo.get(open);
+    if (known !== void 0) return known;
+    const limit = open + ONTOLOGY_MAX_UNIT_CHARS;
+    const stack = [pair[code[open]]];
+    const opens = [open];
+    let steps = 0;
+    for (let i = open + 1; i < code.length; i++) {
+      if (++steps === 1024) {
+        spend(budget, steps);
+        steps = 0;
+      }
+      if (i >= limit) {
+        spend(budget, steps);
+        memo.set(open, -1);
+        return -1;
+      }
+      const c = code[i];
+      if (c === '"' || c === "'" || c === "`") {
+        i = skips[c][i + 1];
+        continue;
+      }
+      if (c === "(" || c === "{") {
+        const inner = memo.get(i);
+        if (inner !== void 0) {
+          if (inner === -1) {
+            spend(budget, steps);
+            for (const p of opens) memo.set(p, -1);
+            return -1;
+          }
+          i = inner;
+          continue;
+        }
+        stack.push(pair[c]);
+        opens.push(i);
+      } else if (c === stack[stack.length - 1]) {
+        stack.pop();
+        memo.set(opens.pop(), i);
+        if (stack.length === 0) {
+          spend(budget, steps);
+          return i;
+        }
+      }
+    }
+    spend(budget, steps);
+    for (const p of opens) memo.set(p, -1);
+    return -1;
+  };
+}
+function joinStrings(expr, budget) {
+  spend(budget, expr.length);
+  return stringLiterals2(expr).map((x) => x.text).join(" ");
+}
+function isCardTagAt(code, at, end) {
+  if (at < 0 || at + 5 > end || !code.startsWith("<Card", at)) return false;
+  const next = at + 5;
+  return next >= end || !/\w/.test(code[next]);
+}
+function lastLtFinder(code) {
+  let pos = 0;
+  let last = -1;
+  return (index) => {
+    for (; pos <= index && pos < code.length; pos++) if (code[pos] === "<") last = pos;
+    return last;
+  };
+}
+function cardClassStrings(code) {
+  const out = [];
+  let from = 0;
+  let noQuoteAfter = Infinity;
+  for (let at = code.indexOf("<Card", from); at !== -1; at = code.indexOf("<Card", from)) {
+    from = at + 1;
+    if (!isCardTagAt(code, at, code.length)) continue;
+    for (let k = at + 5; k < code.length; k++) {
+      if (k + 11 <= code.length && code.startsWith('className="', k) && k + 11 < noQuoteAfter) {
+        const q = code.indexOf('"', k + 11);
+        if (q !== -1) {
+          out.push({ text: code.slice(k + 11, q), index: at, card: true });
+          from = q + 1;
+          break;
+        }
+        noQuoteAfter = k + 11;
+      }
+      const c = code[k];
+      if (c === "<") break;
+      if (c === ">" && !(k - 1 >= at + 5 && code[k - 1] === "=")) break;
+    }
+  }
+  return out;
+}
+function classUnits(code, budget) {
+  const out = [];
+  const matchClose = closeMatcher(code, budget);
+  const lastLt = lastLtFinder(code);
+  let m;
+  const attr = /className=\{/g;
+  while (m = attr.exec(code)) {
+    const open = m.index + m[0].length - 1;
+    const close = matchClose(open);
+    if (close === -1 || close - open + 1 > ONTOLOGY_MAX_UNIT_CHARS) continue;
+    out.push({ text: joinStrings(code.slice(open, close + 1), budget), index: m.index, card: isCardTagAt(code, lastLt(m.index), m.index) });
+  }
+  const call = /\b(?:cn|clsx|cva|twMerge)\(/g;
+  while (m = call.exec(code)) {
+    const open = m.index + m[0].length - 1;
+    const close = matchClose(open);
+    if (close === -1 || close - open + 1 > ONTOLOGY_MAX_UNIT_CHARS) continue;
+    out.push({ text: joinStrings(code.slice(open, close + 1), budget), index: m.index, card: false });
+  }
+  out.push(...cardClassStrings(code));
+  return out;
+}
+function cssRules(code) {
+  const out = [];
+  const nextBrace = (from) => {
+    for (let k = from; k < code.length; k++) if (code[k] === "{" || code[k] === "}") return k;
+    return -1;
+  };
+  let i = 0;
+  while (i < code.length) {
+    if (code[i] === "{" || code[i] === "}") {
+      i++;
+      continue;
+    }
+    const open = nextBrace(i);
+    if (open === -1) break;
+    if (code[open] !== "{") {
+      i = open + 1;
+      continue;
+    }
+    const close = nextBrace(open + 1);
+    if (close === -1) break;
+    if (code[close] !== "}") {
+      i = open + 1;
+      continue;
+    }
+    out.push({ selector: code.slice(i, open), body: code.slice(open + 1, close), open });
+    i = close + 1;
+  }
+  return out;
+}
+function oneSideColors(t) {
+  if (!SIDE_WIDTH.test(t)) return [];
+  return [...t.matchAll(BORDER_COLOR)].map((x) => x[1]).filter((c) => !NEUTRAL_BORDER.has(c.replace(/^border-[lrse]-/, "border-")) && !BORDER_NOT_COLOR.test(c));
+}
+function isCardLike(t, card) {
+  return card || /(?:^|\s)bg-card(?=\s|$)/.test(t) || /(?:^|\s)rounded(?:-[\w[\]]+)?(?=\s|$)/.test(t) && /(?:^|\s)border(?:-(?:0|2|4|8))?(?=\s|$)/.test(t);
+}
+function sideValueColored(value) {
+  const v = value.trim();
+  const neutral = /^(?:0|none|hidden)$/.test(v) || /var\(--border\)|hsl\(var\(--border\)\)|transparent|currentColor/.test(v);
+  const colored = /#|rgb|hsl|var\(--/.test(v) || v.split(/[\s,()]+/).some((w) => NAMED_COLORS.has(w.toLowerCase()));
+  return colored && !neutral;
+}
+function byLineThenRule(a, b) {
+  return a.line - b.line || ONTOLOGY_RULE_IDS.indexOf(a.rule) - ONTOLOGY_RULE_IDS.indexOf(b.rule);
+}
+function inspectOntologySourceDetailed(raw, ext) {
+  const out = [];
+  let partial = false;
+  const seen = /* @__PURE__ */ new Set();
+  const code = stripComments2(raw);
+  const lineOf = lineIndex(raw);
+  const report = (index, rule) => {
+    const line = lineOf(index);
+    const key = `${line}:${rule}`;
+    if (seen.has(key)) return;
+    seen.add(key);
+    out.push({ line, rule });
+  };
+  for (let i = raw.indexOf(EM_DASH); i !== -1; i = raw.indexOf(EM_DASH, i + 1)) report(i, "em-dash");
+  if (ext === ".css") {
+    const side = /border-(?:left|right|inline-start|inline-end)(?:-color)?\s*:\s*([^;}]+)/g;
+    let m2;
+    while (m2 = side.exec(code)) {
+      if (sideValueColored(m2[1])) report(m2.index, "one-side-line");
+    }
+    for (const r of cssRules(code)) {
+      if (/card/i.test(r.selector) && /box-shadow\s*:(?!\s*(?:none\b|0 0 #0000))/.test(r.body)) report(r.open, "card-shadow");
+    }
+  } else {
+    const isJsx = ext === ".tsx" || ext === ".jsx";
+    for (const chunk of textChunks(code, isJsx)) {
+      const t = chunk.text;
+      if (HANGUL.test(t) && (t.includes("!") || t.includes(FULLWIDTH_BANG))) report(chunk.index, "exclamation");
+      if (chunk.kind !== "string") continue;
+      if (t.length > ONTOLOGY_MAX_UNIT_CHARS) continue;
+      if (oneSideColors(t).length > 0) report(chunk.index, "one-side-line");
+      if (isCardLike(t, false) && SHADOW.test(t)) report(chunk.index, "card-shadow");
+    }
+    let units = [];
+    try {
+      units = classUnits(code, { left: code.length * ONTOLOGY_SCAN_STEPS_PER_CHAR + ONTOLOGY_SCAN_STEPS_BASE });
+    } catch (e) {
+      if (e !== SCAN_BUDGET_EXCEEDED) throw e;
+      partial = true;
+    }
+    for (const unit of units) {
+      const t = unit.text;
+      if (oneSideColors(t).length > 0) report(unit.index, "one-side-line");
+      if (isCardLike(t, unit.card) && SHADOW.test(t)) report(unit.index, "card-shadow");
+    }
+    const lastLt = lastLtFinder(code);
+    let m2;
+    STYLE_COLOR_KEY.lastIndex = 0;
+    while (m2 = STYLE_COLOR_KEY.exec(code)) {
+      const key = m2[1];
+      const value = m2[3];
+      if (/^border(?:Left|Right|InlineStart|InlineEnd)(?:Color)?$/.test(key) && sideValueColored(value)) {
+        report(m2.index, "one-side-line");
+      }
+      if (key === "boxShadow" && !/^(?:none|0 0 #0000)$/.test(value.trim())) {
+        if (isCardTagAt(code, lastLt(m2.index), code.length)) report(m2.index, "card-shadow");
+      }
+      if (value.split(/[\s,()]+/).some((w) => NAMED_COLORS.has(w.toLowerCase()))) report(m2.index, "palette");
+    }
+  }
+  if (ext === ".css") {
+    let m2;
+    CSS_COLOR_PROP.lastIndex = 0;
+    while (m2 = CSS_COLOR_PROP.exec(code)) {
+      if (m2[2].split(/[\s,()]+/).some((w) => NAMED_COLORS.has(w.toLowerCase()))) report(m2.index, "palette");
+    }
+  }
+  let m;
+  HEX.lastIndex = 0;
+  while (m = HEX.exec(code)) {
+    if (code[m.index - 1] === "&") continue;
+    if (/[\w/]/.test(code[m.index - 1] ?? "")) continue;
+    if (/(?:href|to|id)=\{?\s*["'`]$/.test(code.slice(Math.max(0, m.index - 12), m.index))) continue;
+    report(m.index, "palette");
+  }
+  COLOR_FN.lastIndex = 0;
+  while (m = COLOR_FN.exec(code)) report(m.index, "palette");
+  PALETTE_CLASS.lastIndex = 0;
+  while (m = PALETTE_CLASS.exec(code)) report(m.index, "palette");
+  return { violations: out.sort(byLineThenRule), partial };
+}
+function collectOntologyFiles(baseDir, targets, maxFiles, maxEntries) {
+  const rootReal = realpathSync5(baseDir);
+  const found = {
+    files: [],
+    skippedLarge: 0,
+    skippedLinks: 0,
+    skippedDeep: 0,
+    partialFiles: 0,
+    budgetStop: null
+  };
+  const visitedDirs = /* @__PURE__ */ new Set();
+  const seenFiles = /* @__PURE__ */ new Set();
+  let entries = 0;
+  const toRel = (p) => path10.relative(baseDir, p).split(path10.sep).join("/");
+  const resolveEntry = (p, st) => {
+    if (!st.isSymbolicLink()) return { st, real: void 0 };
+    let real;
+    let target;
+    try {
+      real = realpathSync5(p);
+      target = statSync7(real);
+    } catch {
+      found.skippedLinks++;
+      return void 0;
+    }
+    if (!isSameOrInside(rootReal, real)) {
+      found.skippedLinks++;
+      return void 0;
+    }
+    return { st: target, real };
+  };
+  const addFile = (p, real, st, ext) => {
+    if (seenFiles.has(real)) return;
+    seenFiles.add(real);
+    if (st.size > ONTOLOGY_MAX_FILE_BYTES) {
+      found.skippedLarge++;
+      return;
+    }
+    if (found.files.length >= maxFiles) {
+      found.budgetStop = { reason: "files", limit: maxFiles };
+      return;
+    }
+    found.files.push({ rel: toRel(p), real, ext, size: st.size });
+  };
+  const walk = (dir, dirReal, depth) => {
+    const names = readdirSync4(dir).sort();
+    for (const name of names) {
+      if (found.budgetStop) return;
+      if (entries >= maxEntries) {
+        found.budgetStop = { reason: "entries", limit: maxEntries };
+        return;
+      }
+      entries++;
+      if (name === "node_modules" || name.startsWith(".")) continue;
+      const p = path10.join(dir, name);
+      const entry = resolveEntry(p, lstatSync4(p));
+      if (!entry) continue;
+      const real = entry.real ?? path10.join(dirReal, name);
+      if (entry.st.isDirectory()) {
+        if (visitedDirs.has(real)) continue;
+        if (depth >= ONTOLOGY_DIR_DEPTH_LIMIT) {
+          found.skippedDeep++;
+          continue;
+        }
+        visitedDirs.add(real);
+        walk(p, real, depth + 1);
+      } else if (entry.st.isFile() && EXTS.has(path10.extname(name))) {
+        addFile(p, real, entry.st, path10.extname(name));
+      }
+    }
+  };
+  for (const t of targets) {
+    if (found.budgetStop) break;
+    const p = path10.join(baseDir, t);
+    let st;
+    try {
+      st = lstatSync4(p);
+    } catch (e) {
+      if (e?.code === "ENOENT") continue;
+      throw e;
+    }
+    const entry = resolveEntry(p, st);
+    if (!entry) continue;
+    const real = entry.real ?? realpathSync5(p);
+    if (!isSameOrInside(rootReal, real)) {
+      found.skippedLinks++;
+      continue;
+    }
+    if (entry.st.isDirectory()) {
+      if (visitedDirs.has(real)) continue;
+      visitedDirs.add(real);
+      walk(p, real, 1);
+    } else if (entry.st.isFile() && EXTS.has(path10.extname(p))) {
+      addFile(p, real, entry.st, path10.extname(p));
+    }
+  }
+  return found;
+}
+function inspectOntologyRules(baseDirInput, targets = ONTOLOGY_TARGETS, budget = ONTOLOGY_DEFAULT_BUDGET) {
+  const baseDir = path10.resolve(baseDirInput);
+  const found = collectOntologyFiles(baseDir, targets, budget.maxFiles, budget.maxEntries);
+  const violations = [];
+  let checked = 0;
+  let bytes = 0;
+  for (const f of found.files) {
+    if (bytes + f.size > budget.maxBytes) {
+      found.budgetStop = { reason: "bytes", limit: budget.maxBytes };
+      break;
+    }
+    bytes += f.size;
+    const raw = readFileSync11(f.real, "utf8");
+    checked++;
+    const result = inspectOntologySourceDetailed(raw, f.ext);
+    if (result.partial) found.partialFiles++;
+    for (const v of result.violations) violations.push({ file: f.rel, line: v.line, rule: v.rule });
+  }
+  return {
+    checked,
+    violations,
+    skippedLarge: found.skippedLarge,
+    skippedLinks: found.skippedLinks,
+    skippedDeep: found.skippedDeep,
+    partialFiles: found.partialFiles,
+    budgetStop: found.budgetStop
+  };
+}
+
 // src/site.ts
 var AXIS_SITE_URL2 = "https://axis-design-system.pages.dev";
 
@@ -6368,7 +6967,7 @@ async function handleGetTemplate(params) {
 }
 async function handleApplyTemplate(params) {
   const detail = await fetchTemplateDetail(params.name);
-  const baseDir = path10.resolve(params.targetDir);
+  const baseDir = path11.resolve(params.targetDir);
   const installCommand = detectInstallCommand(baseDir);
   const plan = planTemplateFiles(baseDir, detail.files, (detail.postInstall ?? []).map((p) => p.file));
   if (!params.dryRun) writeTemplateFiles(plan);
@@ -6407,7 +7006,7 @@ async function handleApplyTemplate(params) {
 }
 async function handleDiffTemplate(params) {
   const detail = await fetchTemplateDetail(params.name);
-  const baseDir = path10.resolve(params.targetDir || ".");
+  const baseDir = path11.resolve(params.targetDir || ".");
   const entries = [];
   const localPaths = detail.files.map((file) => resolveTemplatePath(baseDir, file.path));
   for (const [i, file] of detail.files.entries()) {
@@ -6499,9 +7098,9 @@ function brandActivationResult(check) {
   };
 }
 async function handleCheckProject(params) {
-  const baseDir = path10.resolve(params.targetDir || ".");
+  const baseDir = path11.resolve(params.targetDir || ".");
   const results = [];
-  const configExists = await fs6.pathExists(path10.join(baseDir, "axis.config.json"));
+  const configExists = await fs6.pathExists(path11.join(baseDir, "axis.config.json"));
   results.push({
     name: "axis.config.json",
     severity: configExists ? "pass" : "fail",
@@ -6518,7 +7117,7 @@ async function handleCheckProject(params) {
   ];
   let utilsFound = false;
   for (const candidate of utilsCandidates) {
-    const fullPath = path10.join(baseDir, candidate);
+    const fullPath = path11.join(baseDir, candidate);
     if (await fs6.pathExists(fullPath)) {
       const content2 = await fs6.readFile(fullPath, "utf-8");
       const hasCn = content2.includes("function cn");
@@ -6547,6 +7146,7 @@ async function handleCheckProject(params) {
   if (content) results.push(content);
   const animation = checkAnimationPlugin(baseDir);
   if (animation) results.push(animation);
+  results.push(...collectTemplateCheckResults(baseDir));
   const summary = {
     pass: results.filter((r) => r.severity === "pass").length,
     warn: results.filter((r) => r.severity === "warn").length,
@@ -6669,10 +7269,10 @@ function formatCheckProjectResult(result) {
 }
 
 // src/tools/brand.ts
-import path11 from "path";
+import path12 from "path";
 var TOKENS_INSTALL_COMMAND = addCommandFor("pnpm install", { [TOKENS_PACKAGE]: `^${TOKENS_DEPENDENCY_MIN_VERSION}` });
 function baseDirOf(targetDir) {
-  return path11.resolve(targetDir || process.cwd());
+  return path12.resolve(targetDir || process.cwd());
 }
 function tokensInstallGuideFor(targetDir) {
   return dependencyInstallGuide(baseDirOf(targetDir), TOKENS_PACKAGE, `^${TOKENS_DEPENDENCY_MIN_VERSION}`);
@@ -6960,10 +7560,10 @@ server.tool(
   {
     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: path12 }) => {
+  async ({ path: path13 }) => {
     try {
-      const token = handleGetToken({ path: path12 });
-      const formatted = formatTokenDetail(token, path12);
+      const token = handleGetToken({ path: path13 });
+      const formatted = formatTokenDetail(token, path13);
       return {
         content: [
           {
@@ -7337,7 +7937,7 @@ server.tool(
 );
 server.tool(
   "axis.check_project",
-  "\uD504\uB85C\uC81D\uD2B8\uC758 AXIS \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C \uC124\uC815 \uC0C1\uD0DC\uB97C \uAC80\uC99D\uD569\uB2C8\uB2E4.",
+  "\uD504\uB85C\uC81D\uD2B8\uC758 AXIS \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C \uC124\uC815 \uC0C1\uD0DC\uB97C \uAC80\uC99D\uD569\uB2C8\uB2E4. \uC801\uC6A9\uD55C \uD15C\uD50C\uB9BF\uC758 \uADDC\uCE59 \uAC80\uC0AC \uD3EC\uD568(\uC77D\uAE30 \uC804\uC6A9, \uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589 \uC548 \uD568).",
   {
     targetDir: z.string().optional().describe("\uAC80\uC99D \uB300\uC0C1 \uB514\uB809\uD1A0\uB9AC (\uAE30\uBCF8: \uD604\uC7AC \uB514\uB809\uD1A0\uB9AC)")
   },

package/dist/registry/agentic-tool-call-card.json

@@ -13,7 +13,7 @@
     {
       "path": "components/agentic/tool-call-card.tsx",
       "type": "registry:ui",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@/registry/axis/lib/utils\";\nimport { STATUS_LABELS } from \"@/registry/axis/lib/agentic-a11y-labels\";\n\nexport type ToolStatus = \"pending\" | \"running\" | \"success\" | \"error\";\n\nexport interface ToolCallCardProps {\n  /** 도구 이름 */\n  toolName: string;\n  /** 도구 설명 */\n  description?: string;\n  /** 실행 상태 */\n  status: ToolStatus;\n  /** 입력 파라미터 */\n  input?: Record<string, unknown>;\n  /** 출력 결과 */\n  output?: unknown;\n  /** 에러 메시지 */\n  error?: string;\n  /** 실행 시간 (ms) */\n  duration?: number;\n  /** 펼침 상태 */\n  defaultExpanded?: boolean;\n  /** 접근성 레이블 */\n  \"aria-label\"?: string;\n  /** 추가 클래스 */\n  className?: string;\n}\n\nconst statusConfig: Record<ToolStatus, { color: string; icon: React.ReactNode }> = {\n  pending: {\n    color: \"text-[var(--axis-text-tertiary)]\",\n    icon: (\n      <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" strokeWidth={2} />\n      </svg>\n    ),\n  },\n  running: {\n    color: \"text-[var(--axis-status-running)]\",\n    icon: (\n      <svg className=\"w-4 h-4 animate-spin motion-reduce:![animation-duration:3s]\" viewBox=\"0 0 24 24\" fill=\"none\">\n        <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n        <path fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z\" />\n      </svg>\n    ),\n  },\n  success: {\n    color: \"text-[var(--axis-text-success)]\",\n    icon: (\n      <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n      </svg>\n    ),\n  },\n  error: {\n    color: \"text-[var(--axis-text-error)]\",\n    icon: (\n      <svg className=\"w-4 h-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    ),\n  },\n};\n\n/**\n * AI 도구 호출 정보를 표시하는 카드 컴포넌트\n */\nexport function ToolCallCard({\n  toolName,\n  description,\n  status,\n  input,\n  output,\n  error,\n  duration,\n  defaultExpanded = false,\n  \"aria-label\": ariaLabel,\n  className,\n}: ToolCallCardProps) {\n  const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);\n  const config = statusConfig[status];\n  const contentId = React.useId();\n  const statusLabel = STATUS_LABELS[status] || status;\n\n  return (\n    <div\n      className={cn(\n        \"rounded-lg border overflow-hidden\",\n        \"bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]\",\n        className\n      )}\n    >\n      {/* 헤더 */}\n      <button\n        onClick={() => setIsExpanded(!isExpanded)}\n        aria-expanded={isExpanded}\n        aria-controls={contentId}\n        aria-label={ariaLabel || `${toolName} - ${statusLabel}`}\n        className=\"w-full flex items-center justify-between p-3 hover:bg-[var(--axis-surface-secondary)] transition-colors\"\n      >\n        <div className=\"flex items-center gap-2\">\n          <span className={config.color} aria-hidden=\"true\">{config.icon}</span>\n          <code className=\"text-sm font-mono text-[var(--axis-text-primary)]\">\n            {toolName}\n          </code>\n          {description && (\n            <span className=\"text-xs text-[var(--axis-text-secondary)]\">\n              — {description}\n            </span>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {duration !== undefined && (\n            <span className=\"text-xs text-[var(--axis-text-secondary)]\">\n              {duration}ms\n            </span>\n          )}\n          <svg\n            className={cn(\n              \"w-4 h-4 text-[var(--axis-text-secondary)] transition-transform\",\n              isExpanded && \"rotate-180\"\n            )}\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n          </svg>\n        </div>\n      </button>\n\n      {/* 내용 */}\n      {isExpanded && (\n        <div id={contentId} className=\"border-t border-[var(--axis-border-default)] p-3 space-y-3\">\n          {input && (\n            <div>\n              <h5 className=\"text-xs font-medium text-[var(--axis-text-secondary)] mb-1\">\n                입력\n              </h5>\n              <pre className=\"text-xs p-2 rounded bg-[var(--axis-surface-secondary)] overflow-x-auto\">\n                <code className=\"text-[var(--axis-text-primary)]\">\n                  {JSON.stringify(input, null, 2)}\n                </code>\n              </pre>\n            </div>\n          )}\n          {output !== undefined && (\n            <div>\n              <h5 className=\"text-xs font-medium text-[var(--axis-text-secondary)] mb-1\">\n                출력\n              </h5>\n              <pre className=\"text-xs p-2 rounded bg-[var(--axis-surface-secondary)] overflow-x-auto\">\n                <code className=\"text-[var(--axis-text-primary)]\">\n                  {typeof output === \"string\" ? output : JSON.stringify(output, null, 2)}\n                </code>\n              </pre>\n            </div>\n          )}\n          {error && (\n            <div>\n              <h5 className=\"text-xs font-medium text-[var(--axis-text-error)] mb-1\">\n                에러\n              </h5>\n              <pre className=\"text-xs p-2 rounded bg-[var(--axis-surface-error)] overflow-x-auto\">\n                <code className=\"text-[var(--axis-text-error)]\">{error}</code>\n              </pre>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@/registry/axis/lib/utils\";\nimport { STATUS_LABELS } from \"@/registry/axis/lib/agentic-a11y-labels\";\n\nexport type ToolStatus = \"pending\" | \"running\" | \"success\" | \"error\";\n\nexport interface ToolCallCardProps {\n  /** 도구 이름 */\n  toolName: string;\n  /** 도구 설명 */\n  description?: string;\n  /** 실행 상태 */\n  status: ToolStatus;\n  /** 입력 파라미터 */\n  input?: Record<string, unknown>;\n  /** 출력 결과 */\n  output?: unknown;\n  /** 에러 메시지 */\n  error?: string;\n  /** 실행 시간 (ms) */\n  duration?: number;\n  /** 펼침 상태 */\n  defaultExpanded?: boolean;\n  /** 접근성 레이블 */\n  \"aria-label\"?: string;\n  /** 추가 클래스 */\n  className?: string;\n}\n\nconst statusConfig: Record<ToolStatus, { color: string; icon: React.ReactNode }> = {\n  pending: {\n    color: \"text-[var(--axis-text-tertiary)]\",\n    icon: (\n      <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" strokeWidth={2} />\n      </svg>\n    ),\n  },\n  running: {\n    color: \"text-[var(--axis-status-running)]\",\n    icon: (\n      <svg className=\"w-4 h-4 animate-spin motion-reduce:![animation-duration:3s]\" viewBox=\"0 0 24 24\" fill=\"none\">\n        <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n        <path fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z\" />\n      </svg>\n    ),\n  },\n  success: {\n    color: \"text-[var(--axis-text-success)]\",\n    icon: (\n      <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n      </svg>\n    ),\n  },\n  error: {\n    color: \"text-[var(--axis-text-error)]\",\n    icon: (\n      <svg className=\"w-4 h-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    ),\n  },\n};\n\n/**\n * AI 도구 호출 정보를 표시하는 카드 컴포넌트\n */\nexport function ToolCallCard({\n  toolName,\n  description,\n  status,\n  input,\n  output,\n  error,\n  duration,\n  defaultExpanded = false,\n  \"aria-label\": ariaLabel,\n  className,\n}: ToolCallCardProps) {\n  const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);\n  const config = statusConfig[status];\n  const contentId = React.useId();\n  const statusLabel = STATUS_LABELS[status] || status;\n\n  return (\n    <div\n      className={cn(\n        \"rounded-lg border overflow-hidden\",\n        \"bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]\",\n        className\n      )}\n    >\n      {/* 헤더 */}\n      <button\n        onClick={() => setIsExpanded(!isExpanded)}\n        aria-expanded={isExpanded}\n        aria-controls={contentId}\n        aria-label={ariaLabel || `${toolName} - ${statusLabel}`}\n        className=\"w-full flex items-center justify-between p-3 hover:bg-[var(--axis-surface-secondary)] transition-colors\"\n      >\n        <div className=\"flex items-center gap-2\">\n          <span className={config.color} aria-hidden=\"true\">{config.icon}</span>\n          <code className=\"text-sm font-mono text-[var(--axis-text-primary)]\">\n            {toolName}\n          </code>\n          {description && (\n            <span className=\"text-xs text-[var(--axis-text-secondary)]\">\n              · {description}\n            </span>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {duration !== undefined && (\n            <span className=\"text-xs text-[var(--axis-text-secondary)]\">\n              {duration}ms\n            </span>\n          )}\n          <svg\n            className={cn(\n              \"w-4 h-4 text-[var(--axis-text-secondary)] transition-transform\",\n              isExpanded && \"rotate-180\"\n            )}\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n          </svg>\n        </div>\n      </button>\n\n      {/* 내용 */}\n      {isExpanded && (\n        <div id={contentId} className=\"border-t border-[var(--axis-border-default)] p-3 space-y-3\">\n          {input && (\n            <div>\n              <h5 className=\"text-xs font-medium text-[var(--axis-text-secondary)] mb-1\">\n                입력\n              </h5>\n              <pre className=\"text-xs p-2 rounded bg-[var(--axis-surface-secondary)] overflow-x-auto\">\n                <code className=\"text-[var(--axis-text-primary)]\">\n                  {JSON.stringify(input, null, 2)}\n                </code>\n              </pre>\n            </div>\n          )}\n          {output !== undefined && (\n            <div>\n              <h5 className=\"text-xs font-medium text-[var(--axis-text-secondary)] mb-1\">\n                출력\n              </h5>\n              <pre className=\"text-xs p-2 rounded bg-[var(--axis-surface-secondary)] overflow-x-auto\">\n                <code className=\"text-[var(--axis-text-primary)]\">\n                  {typeof output === \"string\" ? output : JSON.stringify(output, null, 2)}\n                </code>\n              </pre>\n            </div>\n          )}\n          {error && (\n            <div>\n              <h5 className=\"text-xs font-medium text-[var(--axis-text-error)] mb-1\">\n                에러\n              </h5>\n              <pre className=\"text-xs p-2 rounded bg-[var(--axis-surface-error)] overflow-x-auto\">\n                <code className=\"text-[var(--axis-text-error)]\">{error}</code>\n              </pre>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"
     }
   ]
 }

package/dist/registry/index.json

@@ -1,7 +1,7 @@
 {
   "name": "axis",
   "homepage": "https://axis-design-system.pages.dev",
-  "version": "1.8.2",
+  "version": "1.8.4",
   "items": [
     {
       "name": "utils",
@@ -64,7 +64,7 @@
       "type": "registry:ui",
       "title": "Select",
       "description": "AXIS 셀렉트 컴포넌트 - 드롭다운 선택",
-      "sha256": "3c38d5bbe13dee18e111a4453a0fc4cb43e0bab40233bb3ae7282e96a67d1b7d"
+      "sha256": "cf6a8a5ef905a09580a7420b0ee7d77751599ef9455dfba3382ca79414d02cef"
     },
     {
       "name": "tabs",
@@ -78,7 +78,7 @@
       "type": "registry:ui",
       "title": "Toast",
       "description": "AXIS 토스트 컴포넌트 - 알림 메시지",
-      "sha256": "c56513bb2338c57ffee093d7c610ce2ec493857621607ad735b1c4bb4806a21a"
+      "sha256": "c21626ca0ef04ccb6b88a3a4728bec32867e7bc4430f728f630b7e16fcc6c217"
     },
     {
       "name": "agentic-a11y-labels",
@@ -155,7 +155,7 @@
       "type": "registry:ui",
       "title": "Tool Call Card",
       "description": "도구 호출 결과 표시 카드 컴포넌트",
-      "sha256": "7601f15cb9d796a5bae068ccb5a12b1c02078e2273bdb6be5e9d00324fd54bfb"
+      "sha256": "4411f955e7f2ee5199efb171ca218be0373d4ddac46cd7dad8bca3b4a3c19226"
     },
     {
       "name": "agentic-message-bubble",

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.2",
+  "version": "1.8.4",
   "items": [
     {
       "name": "utils",
@@ -65,7 +65,7 @@
       "type": "registry:ui",
       "title": "Select",
       "description": "AXIS 셀렉트 컴포넌트 - 드롭다운 선택",
-      "sha256": "3c38d5bbe13dee18e111a4453a0fc4cb43e0bab40233bb3ae7282e96a67d1b7d"
+      "sha256": "cf6a8a5ef905a09580a7420b0ee7d77751599ef9455dfba3382ca79414d02cef"
     },
     {
       "name": "tabs",
@@ -79,7 +79,7 @@
       "type": "registry:ui",
       "title": "Toast",
       "description": "AXIS 토스트 컴포넌트 - 알림 메시지",
-      "sha256": "c56513bb2338c57ffee093d7c610ce2ec493857621607ad735b1c4bb4806a21a"
+      "sha256": "c21626ca0ef04ccb6b88a3a4728bec32867e7bc4430f728f630b7e16fcc6c217"
     },
     {
       "name": "agentic-a11y-labels",
@@ -156,7 +156,7 @@
       "type": "registry:ui",
       "title": "Tool Call Card",
       "description": "도구 호출 결과 표시 카드 컴포넌트",
-      "sha256": "7601f15cb9d796a5bae068ccb5a12b1c02078e2273bdb6be5e9d00324fd54bfb"
+      "sha256": "4411f955e7f2ee5199efb171ca218be0373d4ddac46cd7dad8bca3b4a3c19226"
     },
     {
       "name": "agentic-message-bubble",

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 글자는 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"
+      "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-[shadow:var(--axis-shadow-lg)]\",\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/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\", 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-[shadow:var(--axis-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.4.9",
+  "version": "1.5.0",
   "type": "module",
   "description": "AXIS Design System - MCP Server for AI-assisted component discovery",
   "bin": {