@godxjp/ui-mcp 0.4.1 → 0.4.2

package/dist/index.js

@@ -352,23 +352,27 @@ const columns: ColumnDef<Member>[] = [
   {
     name: "CardStat",
     group: "data-display",
-    tagline: "KPI tile with label, value, optional hint and delta. NO accent prop (accent is a Card prop).",
+    tagline: "KPI tile. \u26A0\uFE0F CardStat IS ALREADY a bordered Card \u2014 render it DIRECTLY in ResponsiveGrid. NEVER wrap it in <Card>/<CardContent> (that double-borders it \u2192 looks too thick). NO accent prop (accent is a Card prop).",
     props: [
       { name: "label", type: "ReactNode", required: true, description: "Metric name." },
       { name: "value", type: "ReactNode", required: true, description: "Metric value (string/number/ReactNode)." },
       { name: "hint", type: "ReactNode", description: "Secondary context below the value." },
-      { name: "delta", type: "ReactNode", description: "Compact trend text beside the value." },
+      { name: "delta", type: "ReactNode", description: "Compact trend text beside the value. Sign-aware tone (+ green / - red)." },
       { name: "layout", type: '"stacked" | "inline"', defaultValue: '"stacked"', description: "stacked = label over value; inline = label left / value right." },
       { name: "align", type: '"start" | "end"', description: "Align the metric group." }
     ],
     example: `import { CardStat } from "@godxjp/ui/data-display";
 import { ResponsiveGrid } from "@godxjp/ui/layout";
 
+// \u2705 CardStat sits directly in the grid \u2014 it draws its own card + border.
 <ResponsiveGrid columns={3}>
   <CardStat label="\u7DCF\u4F1A\u54E1\u6570" value="12,450" hint="\u5148\u6708\u6BD4 +3%" />
   <CardStat label="\u6708\u6B21\u58F2\u4E0A" value="\xA58,200,000" delta="+12%" />
   <CardStat label="\u5229\u7528\u7387" value="68.4%" />
-</ResponsiveGrid>`,
+</ResponsiveGrid>
+
+// \u274C Double border \u2014 do NOT wrap CardStat in a Card:
+// <Card><CardContent><CardStat label="x" value="1" /></CardContent></Card>`,
     storyPath: "data-display/CardStat.stories.tsx",
     rules: []
   },