@godxjp/ui-mcp 0.5.0 → 0.6.0

package/dist/index.js

@@ -314,7 +314,7 @@ const columns: ColumnDef<Member>[] = [
   {
     name: "Card",
     group: "data-display",
-    tagline: "Surface container with optional accent stripe, variant fill, size, and density. Compose with CardHeader/CardTitle/CardContent/CardFooter.",
+    tagline: 'Surface container with optional accent stripe, variant fill, size, and density. \u26A0\uFE0F The bare <Card> has NO inner padding \u2014 body content MUST be wrapped in <CardContent> (titles in <CardHeader>), or it sits FLUSH against the card edges. Never hand-roll padding with className="p-4"; use <CardContent>. Compose with CardHeader/CardTitle/CardContent/CardFooter.',
     props: [
       { name: "accent", type: '"primary" | "success" | "warning" | "info" | "attention" | "destructive"', description: "3px left-edge semantic accent stripe." },
       { name: "variant", type: '"default" | "muted" | "outline" | "featured"', defaultValue: '"default"', description: "Surface fill style." },
@@ -1257,6 +1257,19 @@ var PATTERNS = [
     tagline: "Fix the most common @godxjp/ui consumer mistakes & visual bugs (CardStat double-border, grey StatusBadge, crushed/empty table headers, washed-out sidebar footer, Inertia layout crash, SSR hydration). Before \u2192 after.",
     tags: ["fixes", "migration", "bug", "cardstat", "statusbadge", "datatable", "sidebar", "gotcha", "review"],
     code: `// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+// 0) \u2605 MOST COMMON: <Card> body has NO padding (content is flush against the edges)
+//    Cause: the bare <Card> has ZERO inner padding \u2014 it MUST contain <CardContent>.
+//    Don't hand-roll padding with className="p-4" on the Card either.
+// \u274C  <Card><Stack gap="md">\u2026fields\u2026</Stack></Card>          // flush, no padding
+// \u274C  <Card className="p-4">\u2026fields\u2026</Card>                   // hand-rolled padding
+// \u2705  <Card><CardContent><Stack gap="md">\u2026fields\u2026</Stack></CardContent></Card>
+//    Titles \u2192 <CardHeader><CardTitle>. Only go flush deliberately for a full-bleed table:
+// \u2705  <Card><CardContent flush><DataTable/></CardContent></Card>
+//    GENERAL RULE \u2014 compose godx-ui primitives FULLY; never hand-roll what one ships:
+//      padding \u2192 CardContent (not p-4) \xB7 controls \u2192 Input/Select/Button (not raw <input>/<select>/<button>)
+//      empty rows \u2192 DataTable's built-in empty / <EmptyState> (not a custom data.length===0 guard).
+//    If a primitive exists, USE it \u2014 don't reinvent it.
+
 // 1) CardStat shows a DOUBLE border (too thick)
 //    Cause: CardStat IS already a bordered Card. Don't wrap it.
 // \u274C  <Card><CardContent><CardStat label="x" value="1" /></CardContent></Card>