@kjaniec-dev/ui-mcp 0.4.1 → 0.5.0

package/data/components.json

@@ -1097,5 +1097,181 @@
     ],
     "cva": null,
     "usageSnippet": "<PageHeader\n      eyebrow=\"Open source\"\n      title=\"Projects\"\n      description=\"Things I've built and shipped.\"\n      actions={\n        <>\n          <Button size=\"sm\">View all</Button>\n          <Button size=\"sm\" variant=\"ghost\">GitHub</Button>\n        </>"
+  },
+  {
+    "name": "EmptyState",
+    "importPath": "import { EmptyState } from \"@kjaniec-dev/ui\";",
+    "description": "React component EmptyState.",
+    "props": [
+      {
+        "name": "icon",
+        "type": "React.ReactNode",
+        "optional": true,
+        "defaultValue": null,
+        "description": ""
+      },
+      {
+        "name": "title",
+        "type": "string",
+        "optional": false,
+        "defaultValue": null,
+        "description": ""
+      },
+      {
+        "name": "description",
+        "type": "string",
+        "optional": true,
+        "defaultValue": null,
+        "description": ""
+      },
+      {
+        "name": "action",
+        "type": "React.ReactNode",
+        "optional": true,
+        "defaultValue": null,
+        "description": ""
+      }
+    ],
+    "cva": null,
+    "usageSnippet": "<EmptyState\n      title=\"No integrations active\"\n      description=\"Connect your Slack, GitHub, or Discord channel to start receiving automated notifications.\"\n      icon={\n        <svg fill=\"none\" stroke=\"currentColor\" strokeWidth={2} viewBox=\"0 0 24 24\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" />"
+  },
+  {
+    "name": "MetricCard",
+    "importPath": "import { MetricCard } from \"@kjaniec-dev/ui\";",
+    "description": "React component MetricCard.",
+    "props": [
+      {
+        "name": "title",
+        "type": "string",
+        "optional": false,
+        "defaultValue": null,
+        "description": ""
+      },
+      {
+        "name": "value",
+        "type": "string | number",
+        "optional": false,
+        "defaultValue": null,
+        "description": ""
+      },
+      {
+        "name": "trend",
+        "type": "string",
+        "optional": true,
+        "defaultValue": null,
+        "description": ""
+      },
+      {
+        "name": "trendDirection",
+        "type": "\"up\" | \"down\" | \"neutral\"",
+        "optional": true,
+        "defaultValue": "\"neutral\"",
+        "description": ""
+      },
+      {
+        "name": "description",
+        "type": "string",
+        "optional": true,
+        "defaultValue": null,
+        "description": ""
+      },
+      {
+        "name": "icon",
+        "type": "React.ReactNode",
+        "optional": true,
+        "defaultValue": null,
+        "description": ""
+      }
+    ],
+    "cva": null,
+    "usageSnippet": "<MetricCard\n        title=\"Revenue\"\n        value=\"$48,259.00\"\n        trend=\"+8.2%\"\n        trendDirection=\"up\"\n        description=\"Total sales this quarter\"\n      />"
+  },
+  {
+    "name": "DataTable",
+    "importPath": "import { DataTable } from \"@kjaniec-dev/ui\";",
+    "description": "React component DataTable.",
+    "props": [
+      {
+        "name": "columns",
+        "type": "DataTableColumn<T>[]",
+        "optional": false,
+        "defaultValue": null,
+        "description": ""
+      },
+      {
+        "name": "data",
+        "type": "T[]",
+        "optional": false,
+        "defaultValue": null,
+        "description": ""
+      },
+      {
+        "name": "loading",
+        "type": "boolean",
+        "optional": true,
+        "defaultValue": "false",
+        "description": ""
+      },
+      {
+        "name": "error",
+        "type": "string",
+        "optional": true,
+        "defaultValue": null,
+        "description": ""
+      },
+      {
+        "name": "emptyTitle",
+        "type": "string",
+        "optional": true,
+        "defaultValue": "\"No data available\"",
+        "description": ""
+      },
+      {
+        "name": "emptyDescription",
+        "type": "string",
+        "optional": true,
+        "defaultValue": "\"There are no records to display at this time.\"",
+        "description": ""
+      },
+      {
+        "name": "emptyAction",
+        "type": "React.ReactNode",
+        "optional": true,
+        "defaultValue": null,
+        "description": ""
+      }
+    ],
+    "cva": null,
+    "usageSnippet": "<DataTable columns={columns} data={sampleData} />"
+  },
+  {
+    "name": "DataTableColumn",
+    "importPath": "import { DataTableColumn } from \"@kjaniec-dev/ui\";",
+    "description": "React component DataTableColumn.",
+    "props": [
+      {
+        "name": "header",
+        "type": "React.ReactNode",
+        "optional": false,
+        "defaultValue": null,
+        "description": ""
+      },
+      {
+        "name": "accessor",
+        "type": "(row: T) => React.ReactNode",
+        "optional": false,
+        "defaultValue": null,
+        "description": ""
+      },
+      {
+        "name": "className",
+        "type": "string",
+        "optional": true,
+        "defaultValue": null,
+        "description": ""
+      }
+    ],
+    "cva": null,
+    "usageSnippet": "<DataTableColumn>\n  <!-- Content -->\n</DataTableColumn>"
   }
 ]

package/data/tokens.json

@@ -894,5 +894,26 @@
     "light": "0 0 0 1px rgb(245 158 11 / 0.16), 0 16px 48px rgb(245 158 11 / 0.18)",
     "dark": "0 0 0 1px rgb(245 158 11 / 0.16), 0 16px 48px rgb(245 158 11 / 0.18)",
     "tailwind": "shadow-kj-glow"
+  },
+  {
+    "name": "density.default",
+    "category": "density",
+    "light": "1.0",
+    "dark": "1.0",
+    "tailwind": ""
+  },
+  {
+    "name": "density.compact",
+    "category": "density",
+    "light": "0.82",
+    "dark": "0.82",
+    "tailwind": ""
+  },
+  {
+    "name": "density.comfortable",
+    "category": "density",
+    "light": "1.18",
+    "dark": "1.18",
+    "tailwind": ""
   }
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kjaniec-dev/ui-mcp",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "MCP (Model Context Protocol) server for KJ Product Kit design system and UI components",
   "license": "MIT",
   "author": "kjaniec-dev",