@wordpress/design-system-mcp 0.2.1-next.v.202605131032.0 → 0.4.0

package/build-module/index.mjs

@@ -1,15 +1,27 @@
 // packages/design-system-mcp/src/index.ts
 import { McpServer } from "@modelcontextprotocol/server";
 import { registerTools } from "./tools/index.mjs";
+import { parseComponents, parseComponentDetail } from "./parse-components.mjs";
 function createServer() {
-  const server = new McpServer({
-    name: "WordPress Design System",
-    version: "0.1.0"
-  });
+  const server = new McpServer(
+    {
+      name: "WordPress Design System",
+      version: "0.1.0"
+    },
+    {
+      instructions: [
+        "Provides discovery and usage information for the WordPress Design System. Covers components in `@wordpress/components` and `@wordpress/ui`, and the underlying design tokens from `@wordpress/theme` exposed as `--wpds-*` CSS custom properties.",
+        'In a typical flow, a user will often refer to components by generic names ("button", "dropdown menu") that don\'t match the actual export. Call `get_components` first to map the request to canonical component names, then `get_component_details` for one or more of those names to get props, descriptions, and usage notes.',
+        "`get_design_tokens` covers the semantic, themeable design tokens that the components are built on. While these can be used for custom styling that adapts to the current design system theme settings, prefer using the available component APIs when available."
+      ].join("\n\n")
+    }
+  );
   registerTools(server);
   return server;
 }
 export {
-  createServer
+  createServer,
+  parseComponentDetail,
+  parseComponents
 };
 //# sourceMappingURL=index.mjs.map

package/build-module/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.ts"],
-  "sourcesContent": ["import { McpServer } from '@modelcontextprotocol/server';\nimport { registerTools } from './tools/index';\n\nexport function createServer() {\n\tconst server = new McpServer( {\n\t\tname: 'WordPress Design System',\n\t\tversion: '0.1.0',\n\t} );\n\n\tregisterTools( server );\n\n\treturn server;\n}\n"],
-  "mappings": ";AAAA,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAEvB,SAAS,eAAe;AAC9B,QAAM,SAAS,IAAI,UAAW;AAAA,IAC7B,MAAM;AAAA,IACN,SAAS;AAAA,EACV,CAAE;AAEF,gBAAe,MAAO;AAEtB,SAAO;AACR;",
+  "sourcesContent": ["import { McpServer } from '@modelcontextprotocol/server';\nimport { registerTools } from './tools/index';\n\nexport { parseComponents, parseComponentDetail } from './parse-components';\n\nexport function createServer() {\n\tconst server = new McpServer(\n\t\t{\n\t\t\tname: 'WordPress Design System',\n\t\t\tversion: '0.1.0',\n\t\t},\n\t\t{\n\t\t\tinstructions: [\n\t\t\t\t'Provides discovery and usage information for the WordPress Design System. Covers components in `@wordpress/components` and `@wordpress/ui`, and the underlying design tokens from `@wordpress/theme` exposed as `--wpds-*` CSS custom properties.',\n\t\t\t\t'In a typical flow, a user will often refer to components by generic names (\"button\", \"dropdown menu\") that don\\'t match the actual export. Call `get_components` first to map the request to canonical component names, then `get_component_details` for one or more of those names to get props, descriptions, and usage notes.',\n\t\t\t\t'`get_design_tokens` covers the semantic, themeable design tokens that the components are built on. While these can be used for custom styling that adapts to the current design system theme settings, prefer using the available component APIs when available.',\n\t\t\t].join( '\\n\\n' ),\n\t\t}\n\t);\n\n\tregisterTools( server );\n\n\treturn server;\n}\n"],
+  "mappings": ";AAAA,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAE9B,SAAS,iBAAiB,4BAA4B;AAE/C,SAAS,eAAe;AAC9B,QAAM,SAAS,IAAI;AAAA,IAClB;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACA;AAAA,MACC,cAAc;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,MACD,EAAE,KAAM,MAAO;AAAA,IAChB;AAAA,EACD;AAEA,gBAAe,MAAO;AAEtB,SAAO;AACR;",
   "names": []
 }

package/build-module/tools/get-component-details.mjs

@@ -2,44 +2,72 @@
 import { z } from "zod";
 import { getComponentDetail } from "../data.mjs";
 import { formatComponentDetail } from "../format.mjs";
+var inputSchema = z.object({
+  name: z.union([
+    z.string().min(1),
+    z.array(z.string().min(1)).min(1).max(10)
+  ]).describe(
+    'A component name, or an array of component names to fetch in a single call (e.g. "Button" or ["Button", "Tabs"]).'
+  )
+});
+async function handler({ name }) {
+  const names = Array.isArray(name) ? name : [name];
+  const sections = [];
+  const missing = [];
+  for (const componentName of names) {
+    const detail = await getComponentDetail(componentName);
+    if (detail) {
+      sections.push(formatComponentDetail(detail));
+    } else {
+      missing.push(componentName);
+    }
+  }
+  if (sections.length === 0) {
+    const list = missing.map((n) => `"${n}"`).join(", ");
+    return {
+      content: [
+        {
+          type: "text",
+          text: `No components were found for: ${list}.`
+        }
+      ],
+      isError: true
+    };
+  }
+  let text = sections.join("\n\n---\n\n");
+  if (missing.length > 0) {
+    const list = missing.map((n) => `"${n}"`).join(", ");
+    text += `
+
+---
+
+_No components were found for: ${list}._`;
+  }
+  return {
+    content: [
+      {
+        type: "text",
+        text
+      }
+    ]
+  };
+}
 function register(server) {
   server.registerTool(
     "get_component_details",
     {
       title: "Get Component Details",
-      description: "Get detailed documentation for a WordPress Design System component including props, usage examples, and import statements.",
-      inputSchema: z.object({
-        name: z.string().min(1).describe('The component name (e.g. "Button", "Tabs")')
-      }),
+      description: "Get detailed documentation for one or more WordPress Design System components including props, usage examples, and import statements. Pass multiple names to fetch several components in a single call instead of making repeated calls.",
+      inputSchema,
       annotations: {
         readOnlyHint: true
       }
     },
-    async ({ name }) => {
-      const detail = await getComponentDetail(name);
-      if (!detail) {
-        return {
-          content: [
-            {
-              type: "text",
-              text: `No component named "${name}" was found.`
-            }
-          ],
-          isError: true
-        };
-      }
-      return {
-        content: [
-          {
-            type: "text",
-            text: formatComponentDetail(detail)
-          }
-        ]
-      };
-    }
+    handler
   );
 }
 export {
+  handler,
   register
 };
 //# sourceMappingURL=get-component-details.mjs.map

package/build-module/tools/get-component-details.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tools/get-component-details.ts"],
-  "sourcesContent": ["import type { McpServer } from '@modelcontextprotocol/server';\nimport { z } from 'zod';\nimport { getComponentDetail } from '../data';\nimport { formatComponentDetail } from '../format';\n\n/**\n * Register the get_component_details tool.\n *\n * @param server - The MCP server instance.\n */\nexport function register( server: McpServer ): void {\n\tserver.registerTool(\n\t\t'get_component_details',\n\t\t{\n\t\t\ttitle: 'Get Component Details',\n\t\t\tdescription:\n\t\t\t\t'Get detailed documentation for a WordPress Design System component including props, usage examples, and import statements.',\n\t\t\tinputSchema: z.object( {\n\t\t\t\tname: z\n\t\t\t\t\t.string()\n\t\t\t\t\t.min( 1 )\n\t\t\t\t\t.describe( 'The component name (e.g. \"Button\", \"Tabs\")' ),\n\t\t\t} ),\n\t\t\tannotations: {\n\t\t\t\treadOnlyHint: true,\n\t\t\t},\n\t\t},\n\t\tasync ( { name } ) => {\n\t\t\tconst detail = await getComponentDetail( name );\n\t\t\tif ( ! detail ) {\n\t\t\t\treturn {\n\t\t\t\t\tcontent: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: 'text',\n\t\t\t\t\t\t\ttext: `No component named \"${ name }\" was found.`,\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t\tisError: true,\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tcontent: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: 'text',\n\t\t\t\t\t\ttext: formatComponentDetail( detail ),\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t};\n\t\t}\n\t);\n}\n"],
-  "mappings": ";AACA,SAAS,SAAS;AAClB,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AAO/B,SAAS,SAAU,QAA0B;AACnD,SAAO;AAAA,IACN;AAAA,IACA;AAAA,MACC,OAAO;AAAA,MACP,aACC;AAAA,MACD,aAAa,EAAE,OAAQ;AAAA,QACtB,MAAM,EACJ,OAAO,EACP,IAAK,CAAE,EACP,SAAU,4CAA6C;AAAA,MAC1D,CAAE;AAAA,MACF,aAAa;AAAA,QACZ,cAAc;AAAA,MACf;AAAA,IACD;AAAA,IACA,OAAQ,EAAE,KAAK,MAAO;AACrB,YAAM,SAAS,MAAM,mBAAoB,IAAK;AAC9C,UAAK,CAAE,QAAS;AACf,eAAO;AAAA,UACN,SAAS;AAAA,YACR;AAAA,cACC,MAAM;AAAA,cACN,MAAM,uBAAwB,IAAK;AAAA,YACpC;AAAA,UACD;AAAA,UACA,SAAS;AAAA,QACV;AAAA,MACD;AACA,aAAO;AAAA,QACN,SAAS;AAAA,UACR;AAAA,YACC,MAAM;AAAA,YACN,MAAM,sBAAuB,MAAO;AAAA,UACrC;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;",
+  "sourcesContent": ["import type { McpServer } from '@modelcontextprotocol/server';\nimport { z } from 'zod';\nimport { getComponentDetail } from '../data';\nimport { formatComponentDetail } from '../format';\n\nconst inputSchema = z.object( {\n\tname: z\n\t\t.union( [\n\t\t\tz.string().min( 1 ),\n\t\t\tz.array( z.string().min( 1 ) ).min( 1 ).max( 10 ),\n\t\t] )\n\t\t.describe(\n\t\t\t'A component name, or an array of component names to fetch in a single call (e.g. \"Button\" or [\"Button\", \"Tabs\"]).'\n\t\t),\n} );\n\nexport async function handler( { name }: z.infer< typeof inputSchema > ) {\n\tconst names = Array.isArray( name ) ? name : [ name ];\n\tconst sections: string[] = [];\n\tconst missing: string[] = [];\n\n\tfor ( const componentName of names ) {\n\t\tconst detail = await getComponentDetail( componentName );\n\t\tif ( detail ) {\n\t\t\tsections.push( formatComponentDetail( detail ) );\n\t\t} else {\n\t\t\tmissing.push( componentName );\n\t\t}\n\t}\n\n\tif ( sections.length === 0 ) {\n\t\tconst list = missing.map( ( n ) => `\"${ n }\"` ).join( ', ' );\n\t\treturn {\n\t\t\tcontent: [\n\t\t\t\t{\n\t\t\t\t\ttype: 'text' as const,\n\t\t\t\t\ttext: `No components were found for: ${ list }.`,\n\t\t\t\t},\n\t\t\t],\n\t\t\tisError: true,\n\t\t};\n\t}\n\n\tlet text = sections.join( '\\n\\n---\\n\\n' );\n\tif ( missing.length > 0 ) {\n\t\tconst list = missing.map( ( n ) => `\"${ n }\"` ).join( ', ' );\n\t\ttext += `\\n\\n---\\n\\n_No components were found for: ${ list }._`;\n\t}\n\n\treturn {\n\t\tcontent: [\n\t\t\t{\n\t\t\t\ttype: 'text' as const,\n\t\t\t\ttext,\n\t\t\t},\n\t\t],\n\t};\n}\n\n/**\n * Register the get_component_details tool.\n *\n * @param server - The MCP server instance.\n */\nexport function register( server: McpServer ): void {\n\tserver.registerTool(\n\t\t'get_component_details',\n\t\t{\n\t\t\ttitle: 'Get Component Details',\n\t\t\tdescription:\n\t\t\t\t'Get detailed documentation for one or more WordPress Design System components including props, usage examples, and import statements. Pass multiple names to fetch several components in a single call instead of making repeated calls.',\n\t\t\tinputSchema,\n\t\t\tannotations: {\n\t\t\t\treadOnlyHint: true,\n\t\t\t},\n\t\t},\n\t\thandler\n\t);\n}\n"],
+  "mappings": ";AACA,SAAS,SAAS;AAClB,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AAEtC,IAAM,cAAc,EAAE,OAAQ;AAAA,EAC7B,MAAM,EACJ,MAAO;AAAA,IACP,EAAE,OAAO,EAAE,IAAK,CAAE;AAAA,IAClB,EAAE,MAAO,EAAE,OAAO,EAAE,IAAK,CAAE,CAAE,EAAE,IAAK,CAAE,EAAE,IAAK,EAAG;AAAA,EACjD,CAAE,EACD;AAAA,IACA;AAAA,EACD;AACF,CAAE;AAEF,eAAsB,QAAS,EAAE,KAAK,GAAmC;AACxE,QAAM,QAAQ,MAAM,QAAS,IAAK,IAAI,OAAO,CAAE,IAAK;AACpD,QAAM,WAAqB,CAAC;AAC5B,QAAM,UAAoB,CAAC;AAE3B,aAAY,iBAAiB,OAAQ;AACpC,UAAM,SAAS,MAAM,mBAAoB,aAAc;AACvD,QAAK,QAAS;AACb,eAAS,KAAM,sBAAuB,MAAO,CAAE;AAAA,IAChD,OAAO;AACN,cAAQ,KAAM,aAAc;AAAA,IAC7B;AAAA,EACD;AAEA,MAAK,SAAS,WAAW,GAAI;AAC5B,UAAM,OAAO,QAAQ,IAAK,CAAE,MAAO,IAAK,CAAE,GAAI,EAAE,KAAM,IAAK;AAC3D,WAAO;AAAA,MACN,SAAS;AAAA,QACR;AAAA,UACC,MAAM;AAAA,UACN,MAAM,iCAAkC,IAAK;AAAA,QAC9C;AAAA,MACD;AAAA,MACA,SAAS;AAAA,IACV;AAAA,EACD;AAEA,MAAI,OAAO,SAAS,KAAM,aAAc;AACxC,MAAK,QAAQ,SAAS,GAAI;AACzB,UAAM,OAAO,QAAQ,IAAK,CAAE,MAAO,IAAK,CAAE,GAAI,EAAE,KAAM,IAAK;AAC3D,YAAQ;AAAA;AAAA;AAAA;AAAA,iCAA8C,IAAK;AAAA,EAC5D;AAEA,SAAO;AAAA,IACN,SAAS;AAAA,MACR;AAAA,QACC,MAAM;AAAA,QACN;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;AAOO,SAAS,SAAU,QAA0B;AACnD,SAAO;AAAA,IACN;AAAA,IACA;AAAA,MACC,OAAO;AAAA,MACP,aACC;AAAA,MACD;AAAA,MACA,aAAa;AAAA,QACZ,cAAc;AAAA,MACf;AAAA,IACD;AAAA,IACA;AAAA,EACD;AACD;",
   "names": []
 }

package/build-types/index.d.ts

@@ -1,3 +1,4 @@
 import { McpServer } from '@modelcontextprotocol/server';
+export { parseComponents, parseComponentDetail } from './parse-components';
 export declare function createServer(): McpServer;
 //# sourceMappingURL=index.d.ts.map

package/build-types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,wBAAgB,YAAY,cAS3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE3E,wBAAgB,YAAY,cAkB3B"}

package/build-types/tools/get-component-details.d.ts

@@ -1,8 +1,26 @@
 import type { McpServer } from '@modelcontextprotocol/server';
+import { z } from 'zod';
+declare const inputSchema: z.ZodObject<{
+    name: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;
+}, z.core.$strip>;
+export declare function handler({ name }: z.infer<typeof inputSchema>): Promise<{
+    content: {
+        type: 'text';
+        text: string;
+    }[];
+    isError: boolean;
+} | {
+    isError?: undefined;
+    content: {
+        type: 'text';
+        text: string;
+    }[];
+}>;
 /**
  * Register the get_component_details tool.
  *
  * @param server - The MCP server instance.
  */
 export declare function register(server: McpServer): void;
+export {};
 //# sourceMappingURL=get-component-details.d.ts.map

package/build-types/tools/get-component-details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-component-details.d.ts","sourceRoot":"","sources":["../../src/tools/get-component-details.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAK9D;;;;GAIG;AACH,wBAAgB,QAAQ,CAAE,MAAM,EAAE,SAAS,GAAI,IAAI,CAwClD"}
+{"version":3,"file":"get-component-details.d.ts","sourceRoot":"","sources":["../../src/tools/get-component-details.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB,QAAA,MAAM,WAAW;;iBASd,CAAC;AAEJ,wBAAsB,OAAO,CAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAE,OAAO,WAAW,CAAE;;cAmB3D,MAAM;;;;;;;cAiBP,MAAM;;;GAKf;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAE,MAAM,EAAE,SAAS,GAAI,IAAI,CAclD"}

package/build-types/tools/test/get-component-details.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=get-component-details.d.ts.map

package/build-types/tools/test/get-component-details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-component-details.d.ts","sourceRoot":"","sources":["../../../src/tools/test/get-component-details.ts"],"names":[],"mappings":""}

package/build-types/types.d.ts

@@ -1,13 +1,5 @@
-export interface ManifestComponent {
-    id: string;
-    name: string;
-    path: string;
-    description?: string;
-    stories?: Array<{
-        name: string;
-        snippet?: string;
-        description?: string;
-    }>;
+import type { ComponentManifest } from 'storybook/internal/types';
+export interface ManifestComponent extends ComponentManifest {
     reactDocgen?: {
         description?: string;
         displayName?: string;

package/build-types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAE;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;KACrB,CAAE,CAAC;IACJ,WAAW,CAAC,EAAE;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,CACb,MAAM,EACN;YACC,QAAQ,CAAC,EAAE,OAAO,CAAC;YACnB,MAAM,CAAC,EAAE;gBAAE,IAAI,EAAE,MAAM,CAAC;gBAAC,GAAG,CAAC,EAAE,MAAM,CAAA;aAAE,CAAC;YACxC,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE;gBAAE,KAAK,EAAE,MAAM,CAAA;aAAE,CAAC;SACjC,CACD,CAAC;KACF,CAAC;CACF;AAED,MAAM,WAAW,SAAS;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,EAAE,KAAK,CAAE;QACf,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;KACrB,CAAE,CAAC;CACJ"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC3D,WAAW,CAAC,EAAE;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,CACb,MAAM,EACN;YACC,QAAQ,CAAC,EAAE,OAAO,CAAC;YACnB,MAAM,CAAC,EAAE;gBAAE,IAAI,EAAE,MAAM,CAAC;gBAAC,GAAG,CAAC,EAAE,MAAM,CAAA;aAAE,CAAC;YACxC,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE;gBAAE,KAAK,EAAE,MAAM,CAAA;aAAE,CAAC;SACjC,CACD,CAAC;KACF,CAAC;CACF;AAED,MAAM,WAAW,SAAS;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,EAAE,KAAK,CAAE;QACf,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;KACrB,CAAE,CAAC;CACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/design-system-mcp",
-	"version": "0.2.1-next.v.202605131032.0+f6d6e7149",
+	"version": "0.4.0",
 	"description": "MCP server for the WordPress Design System.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -46,10 +46,11 @@
 		"zod": "4.3.6"
 	},
 	"devDependencies": {
-		"@types/jest": "^29.5.14"
+		"@types/jest": "^29.5.14",
+		"storybook": "^10.2.8"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "0e198c7ac7ca634e73ded9220ce048c0302174dd"
+	"gitHead": "d653c5fd6161571a0c2ebde28553d6e25624eacc"
 }