@triptease/design-system-mcp 0.0.3

package/dist/src/tools/getSetupGuide/handler.js

@@ -0,0 +1,50 @@
+import { setupGuides } from './setupGuides.js';
+export default (args) => {
+    if (!args.type) {
+        const allGuides = Object.entries(setupGuides).map(([key, guide]) => ({
+            type: key,
+            name: guide.name,
+            description: guide.description,
+            guide,
+        }));
+        return {
+            content: [
+                {
+                    type: 'text',
+                    text: JSON.stringify({
+                        message: 'Multiple setup options available. Choose based on user preference or project requirements.',
+                        options: allGuides,
+                    }),
+                },
+            ],
+        };
+    }
+    const guideType = args.type.toLowerCase();
+    const guide = setupGuides[guideType];
+    if (!guide) {
+        return {
+            content: [
+                {
+                    type: 'text',
+                    text: JSON.stringify({
+                        error: `Setup guide '${guideType}' not found`,
+                        available: Object.keys(setupGuides).map((key) => ({
+                            key,
+                            name: setupGuides[key].name,
+                            description: setupGuides[key].description,
+                        })),
+                    }),
+                },
+            ],
+        };
+    }
+    return {
+        content: [
+            {
+                type: 'text',
+                text: JSON.stringify(guide, null, 2),
+            },
+        ],
+    };
+};
+//# sourceMappingURL=handler.js.map

package/dist/src/tools/getSetupGuide/handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handler.js","sourceRoot":"","sources":["../../../../src/tools/getSetupGuide/handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAO/C,eAAe,CAAC,IAAuB,EAAkB,EAAE;IACzD,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACf,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;YACnE,IAAI,EAAE,GAAG;YACT,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,KAAK;SACN,CAAC,CAAC,CAAC;QAEJ,OAAO;YACL,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;wBACnB,OAAO,EAAE,4FAA4F;wBACrG,OAAO,EAAE,SAAS;qBACnB,CAAC;iBACH;aACF;SACF,CAAC;IACJ,CAAC;IAED,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;IAC1C,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IAErC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO;YACL,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;wBACnB,KAAK,EAAE,gBAAgB,SAAS,aAAa;wBAC7C,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;4BAChD,GAAG;4BACH,IAAI,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI;4BAC3B,WAAW,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,WAAW;yBAC1C,CAAC,CAAC;qBACJ,CAAC;iBACH;aACF;SACF,CAAC;IACJ,CAAC;IAED,OAAO;QACL,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;aACrC;SACF;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { setupGuides } from './setupGuides.js';\nimport { CallToolResult } from '@modelcontextprotocol/sdk/types.js';\n\nexport interface GetSetupGuideArgs {\n  type?: string;\n}\n\nexport default (args: GetSetupGuideArgs): CallToolResult => {\n  if (!args.type) {\n    const allGuides = Object.entries(setupGuides).map(([key, guide]) => ({\n      type: key,\n      name: guide.name,\n      description: guide.description,\n      guide,\n    }));\n\n    return {\n      content: [\n        {\n          type: 'text',\n          text: JSON.stringify({\n            message: 'Multiple setup options available. Choose based on user preference or project requirements.',\n            options: allGuides,\n          }),\n        },\n      ],\n    };\n  }\n\n  const guideType = args.type.toLowerCase();\n  const guide = setupGuides[guideType];\n\n  if (!guide) {\n    return {\n      content: [\n        {\n          type: 'text',\n          text: JSON.stringify({\n            error: `Setup guide '${guideType}' not found`,\n            available: Object.keys(setupGuides).map((key) => ({\n              key,\n              name: setupGuides[key].name,\n              description: setupGuides[key].description,\n            })),\n          }),\n        },\n      ],\n    };\n  }\n\n  return {\n    content: [\n      {\n        type: 'text',\n        text: JSON.stringify(guide, null, 2),\n      },\n    ],\n  };\n};\n"]}

package/dist/src/tools/getSetupGuide/index.d.ts

@@ -0,0 +1,12 @@
+import { z } from 'zod';
+declare const toolDefinition: {
+    name: string;
+    config: {
+        description: string;
+        inputSchema: {
+            type: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<"npm">, z.ZodLiteral<"cdn">]>>;
+        };
+    };
+    handler: (args: import("./handler.js").GetSetupGuideArgs) => import("@modelcontextprotocol/sdk/types.js").CallToolResult;
+};
+export default toolDefinition;

package/dist/src/tools/getSetupGuide/index.js

@@ -0,0 +1,17 @@
+import { z } from 'zod';
+import handler from './handler.js';
+const toolDefinition = {
+    name: 'get_setup_guide',
+    config: {
+        description: 'Get setup and installation instructions for integrating the design system into your project',
+        inputSchema: {
+            type: z
+                .union([z.literal('npm'), z.literal('cdn')])
+                .optional()
+                .describe('Optional: npm for npm/yarn/bun installation, cdn for CDN link. If omitted, returns both options so you can present them to the user.'),
+        },
+    },
+    handler: handler,
+};
+export default toolDefinition;
+//# sourceMappingURL=index.js.map

package/dist/src/tools/getSetupGuide/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tools/getSetupGuide/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,OAAO,MAAM,cAAc,CAAC;AAEnC,MAAM,cAAc,GAAG;IACrB,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE;QACN,WAAW,EAAE,6FAA6F;QAC1G,WAAW,EAAE;YACX,IAAI,EAAE,CAAC;iBACJ,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;iBAC3C,QAAQ,EAAE;iBACV,QAAQ,CACP,sIAAsI,CACvI;SACJ;KACF;IACD,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { z } from 'zod';\nimport handler from './handler.js';\n\nconst toolDefinition = {\n  name: 'get_setup_guide',\n  config: {\n    description: 'Get setup and installation instructions for integrating the design system into your project',\n    inputSchema: {\n      type: z\n        .union([z.literal('npm'), z.literal('cdn')])\n        .optional()\n        .describe(\n          'Optional: npm for npm/yarn/bun installation, cdn for CDN link. If omitted, returns both options so you can present them to the user.'\n        ),\n    },\n  },\n  handler: handler,\n};\n\nexport default toolDefinition;\n"]}

package/dist/src/tools/getSetupGuide/setupGuides.d.ts

@@ -0,0 +1,12 @@
+export interface SetupGuide {
+    name: string;
+    description: string;
+    steps: Array<{
+        title: string;
+        description?: string;
+        code?: string;
+        language?: string;
+    }>;
+    notes?: string[];
+}
+export declare const setupGuides: Record<string, SetupGuide>;

package/dist/src/tools/getSetupGuide/setupGuides.js

@@ -0,0 +1,49 @@
+import packageJson from '../../../package.json' with { type: 'json' };
+const stylesheetVersion = packageJson.dependencies['@triptease/stylesheet'];
+export const setupGuides = {
+    npm: {
+        name: 'NPM Stylesheet Setup',
+        description: 'Setup instructions for using the stylesheet package via npm.',
+        steps: [
+            {
+                title: 'Install the stylesheet package',
+                description: 'Choose your package manager:',
+                code: `# NPM
+npm install @triptease/stylesheet
+
+# Yarn
+yarn add @triptease/stylesheet
+
+# Bun
+bun add @triptease/stylesheet`,
+                language: 'bash',
+            },
+            {
+                title: 'Import the stylesheet',
+                description: 'Add this import to your application entry point:',
+                code: `import '@triptease/stylesheet';`,
+                language: 'typescript',
+            },
+        ],
+        notes: [`Current version: @triptease/stylesheet@${stylesheetVersion}`],
+    },
+    cdn: {
+        name: 'CDN Stylesheet Setup',
+        description: 'Setup instructions for using the stylesheet via CDN.',
+        steps: [
+            {
+                title: 'Add stylesheet link to HTML',
+                description: 'Include this in the <head> of your HTML document:',
+                code: `<head>
+    <!-- Specific version (recommended) -->
+    <link rel="stylesheet" href="https://cdn.design-system.triptease.io/${stylesheetVersion}/triptease.css">
+
+    <!-- Or, latest version (dangerous - breaking changes may occur) -->
+    <link rel="stylesheet" href="https://cdn.design-system.triptease.io/triptease.css">
+</head>`,
+                language: 'html',
+            },
+        ],
+    },
+};
+//# sourceMappingURL=setupGuides.js.map

package/dist/src/tools/getSetupGuide/setupGuides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupGuides.js","sourceRoot":"","sources":["../../../../src/tools/getSetupGuide/setupGuides.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,mBAAmB,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AAElE,MAAM,iBAAiB,GAAG,WAAW,CAAC,YAAY,CAAC,uBAAuB,CAAC,CAAC;AAc5E,MAAM,CAAC,MAAM,WAAW,GAA+B;IACrD,GAAG,EAAE;QACH,IAAI,EAAE,sBAAsB;QAC5B,WAAW,EAAE,8DAA8D;QAC3E,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,gCAAgC;gBACvC,WAAW,EAAE,8BAA8B;gBAC3C,IAAI,EAAE;;;;;;;8BAOgB;gBACtB,QAAQ,EAAE,MAAM;aACjB;YACD;gBACE,KAAK,EAAE,uBAAuB;gBAC9B,WAAW,EAAE,kDAAkD;gBAC/D,IAAI,EAAE,iCAAiC;gBACvC,QAAQ,EAAE,YAAY;aACvB;SACF;QACD,KAAK,EAAE,CAAC,0CAA0C,iBAAiB,EAAE,CAAC;KACvE;IACD,GAAG,EAAE;QACH,IAAI,EAAE,sBAAsB;QAC5B,WAAW,EAAE,sDAAsD;QACnE,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,6BAA6B;gBACpC,WAAW,EAAE,mDAAmD;gBAChE,IAAI,EAAE;;0EAE4D,iBAAiB;;;;QAInF;gBACA,QAAQ,EAAE,MAAM;aACjB;SACF;KACF;CACF,CAAC","sourcesContent":["import packageJson from '@/../package.json' with { type: 'json' };\n\nconst stylesheetVersion = packageJson.dependencies['@triptease/stylesheet'];\n\nexport interface SetupGuide {\n  name: string;\n  description: string;\n  steps: Array<{\n    title: string;\n    description?: string;\n    code?: string;\n    language?: string;\n  }>;\n  notes?: string[];\n}\n\nexport const setupGuides: Record<string, SetupGuide> = {\n  npm: {\n    name: 'NPM Stylesheet Setup',\n    description: 'Setup instructions for using the stylesheet package via npm.',\n    steps: [\n      {\n        title: 'Install the stylesheet package',\n        description: 'Choose your package manager:',\n        code: `# NPM\nnpm install @triptease/stylesheet\n\n# Yarn\nyarn add @triptease/stylesheet\n\n# Bun\nbun add @triptease/stylesheet`,\n        language: 'bash',\n      },\n      {\n        title: 'Import the stylesheet',\n        description: 'Add this import to your application entry point:',\n        code: `import '@triptease/stylesheet';`,\n        language: 'typescript',\n      },\n    ],\n    notes: [`Current version: @triptease/stylesheet@${stylesheetVersion}`],\n  },\n  cdn: {\n    name: 'CDN Stylesheet Setup',\n    description: 'Setup instructions for using the stylesheet via CDN.',\n    steps: [\n      {\n        title: 'Add stylesheet link to HTML',\n        description: 'Include this in the <head> of your HTML document:',\n        code: `<head>\n    <!-- Specific version (recommended) -->\n    <link rel=\"stylesheet\" href=\"https://cdn.design-system.triptease.io/${stylesheetVersion}/triptease.css\">\n\n    <!-- Or, latest version (dangerous - breaking changes may occur) -->\n    <link rel=\"stylesheet\" href=\"https://cdn.design-system.triptease.io/triptease.css\">\n</head>`,\n        language: 'html',\n      },\n    ],\n  },\n};\n"]}

package/dist/src/tools/listCSSTokens/handler.d.ts

@@ -0,0 +1,3 @@
+import { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
+declare const _default: () => CallToolResult;
+export default _default;

package/dist/src/tools/listCSSTokens/handler.js

@@ -0,0 +1,20 @@
+import designTokens from '@triptease/stylesheet/tokens' with { type: 'json' };
+import { buildTokens } from '../../tools/getCSSTokens/utils.js';
+export default () => {
+    const tokens = buildTokens(designTokens);
+    const categories = Object.keys(tokens);
+    const result = {};
+    for (const category of categories) {
+        const tokenCount = tokens[category].length;
+        result[category] = { count: tokenCount };
+    }
+    return {
+        content: [
+            {
+                type: 'text',
+                text: JSON.stringify(result),
+            },
+        ],
+    };
+};
+//# sourceMappingURL=handler.js.map

package/dist/src/tools/listCSSTokens/handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handler.js","sourceRoot":"","sources":["../../../../src/tools/listCSSTokens/handler.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,8BAA8B,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAU5D,eAAe,GAAmB,EAAE;IAClC,MAAM,MAAM,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IAEzC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,MAAM,GAAe,EAAE,CAAC;IAE9B,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE,CAAC;QAClC,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;QAC3C,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;IAC3C,CAAC;IAED,OAAO;QACL,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;aAC7B;SACF;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { CallToolResult } from '@modelcontextprotocol/sdk/types.js';\nimport designTokens from '@triptease/stylesheet/tokens' with { type: 'json' };\nimport { buildTokens } from '@/tools/getCSSTokens/utils.js';\n\ninterface Summary {\n  count: number;\n}\n\ninterface SummaryMap {\n  [category: string]: Summary;\n}\n\nexport default (): CallToolResult => {\n  const tokens = buildTokens(designTokens);\n\n  const categories = Object.keys(tokens);\n  const result: SummaryMap = {};\n\n  for (const category of categories) {\n    const tokenCount = tokens[category].length;\n    result[category] = { count: tokenCount };\n  }\n\n  return {\n    content: [\n      {\n        type: 'text',\n        text: JSON.stringify(result),\n      },\n    ],\n  };\n};\n"]}

package/dist/src/tools/listCSSTokens/index.d.ts

@@ -0,0 +1,8 @@
+declare const toolDefinition: {
+    name: string;
+    config: {
+        description: string;
+    };
+    handler: () => import("@modelcontextprotocol/sdk/types.js").CallToolResult;
+};
+export default toolDefinition;

package/dist/src/tools/listCSSTokens/index.js

@@ -0,0 +1,10 @@
+import handler from './handler.js';
+const toolDefinition = {
+    name: 'list_css_tokens',
+    config: {
+        description: 'Returns a summary of all available CSS tokens with a count of how many tokens exist in each category. Category names are used when using the get_css_tokens tool.',
+    },
+    handler: handler,
+};
+export default toolDefinition;
+//# sourceMappingURL=index.js.map

package/dist/src/tools/listCSSTokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tools/listCSSTokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,cAAc,CAAC;AAEnC,MAAM,cAAc,GAAG;IACrB,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE;QACN,WAAW,EACT,mKAAmK;KACtK;IACD,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import handler from './handler.js';\n\nconst toolDefinition = {\n  name: 'list_css_tokens',\n  config: {\n    description:\n      'Returns a summary of all available CSS tokens with a count of how many tokens exist in each category. Category names are used when using the get_css_tokens tool.',\n  },\n  handler: handler,\n};\n\nexport default toolDefinition;\n"]}

package/dist/src/tools/listComponents/handler.d.ts

@@ -0,0 +1,3 @@
+import { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
+declare const _default: () => CallToolResult;
+export default _default;

package/dist/src/tools/listComponents/handler.js

@@ -0,0 +1,18 @@
+import { componentManifest } from '../../manifests/components/index.js';
+export default () => {
+    const components = Object.entries(componentManifest).map(([key, comp]) => ({
+        key,
+        name: comp.name,
+        description: comp.description,
+        element: comp.element,
+    }));
+    return {
+        content: [
+            {
+                type: 'text',
+                text: JSON.stringify({ components }),
+            },
+        ],
+    };
+};
+//# sourceMappingURL=handler.js.map

package/dist/src/tools/listComponents/handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handler.js","sourceRoot":"","sources":["../../../../src/tools/listComponents/handler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,eAAe,GAAmB,EAAE;IAClC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QACzE,GAAG;QACH,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,WAAW,EAAE,IAAI,CAAC,WAAW;QAC7B,OAAO,EAAE,IAAI,CAAC,OAAO;KACtB,CAAC,CAAC,CAAC;IAEJ,OAAO;QACL,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,UAAU,EAAE,CAAC;aACrC;SACF;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { CallToolResult } from '@modelcontextprotocol/sdk/types.js';\nimport { componentManifest } from '@/manifests/components/index.js';\n\nexport default (): CallToolResult => {\n  const components = Object.entries(componentManifest).map(([key, comp]) => ({\n    key,\n    name: comp.name,\n    description: comp.description,\n    element: comp.element,\n  }));\n\n  return {\n    content: [\n      {\n        type: 'text',\n        text: JSON.stringify({ components }),\n      },\n    ],\n  };\n};\n"]}

package/dist/src/tools/listComponents/index.d.ts

@@ -0,0 +1,9 @@
+declare const toolDefinition: {
+    name: string;
+    config: {
+        description: string;
+        inputSchema: {};
+    };
+    handler: () => import("@modelcontextprotocol/sdk/types.js").CallToolResult;
+};
+export default toolDefinition;

package/dist/src/tools/listComponents/index.js

@@ -0,0 +1,11 @@
+import handler from './handler.js';
+const toolDefinition = {
+    name: 'list_components',
+    config: {
+        description: 'List all available design system componentManifest',
+        inputSchema: {},
+    },
+    handler,
+};
+export default toolDefinition;
+//# sourceMappingURL=index.js.map

package/dist/src/tools/listComponents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tools/listComponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,cAAc,CAAC;AAEnC,MAAM,cAAc,GAAG;IACrB,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE;QACN,WAAW,EAAE,oDAAoD;QACjE,WAAW,EAAE,EAAE;KAChB;IACD,OAAO;CACR,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import handler from './handler.js';\n\nconst toolDefinition = {\n  name: 'list_components',\n  config: {\n    description: 'List all available design system componentManifest',\n    inputSchema: {},\n  },\n  handler,\n};\n\nexport default toolDefinition;\n"]}

package/dist/src/tools/searchComponents/handler.d.ts

@@ -0,0 +1,6 @@
+import { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
+export interface SearchComponentsArgs {
+    query: string;
+}
+declare const _default: (args: SearchComponentsArgs) => CallToolResult;
+export default _default;

package/dist/src/tools/searchComponents/handler.js

@@ -0,0 +1,29 @@
+import { componentManifest } from '../../manifests/components/index.js';
+export default (args) => {
+    const query = args.query.toLowerCase();
+    const results = [];
+    for (const [key, comp] of Object.entries(componentManifest)) {
+        const searchText = `${key} ${comp.name} ${comp.description}`.toLowerCase();
+        if (searchText.includes(query)) {
+            results.push({
+                key,
+                name: comp.name,
+                description: comp.description,
+                element: comp.element,
+            });
+        }
+    }
+    return {
+        content: [
+            {
+                type: 'text',
+                text: JSON.stringify({
+                    query,
+                    count: results.length,
+                    results,
+                }),
+            },
+        ],
+    };
+};
+//# sourceMappingURL=handler.js.map

package/dist/src/tools/searchComponents/handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handler.js","sourceRoot":"","sources":["../../../../src/tools/searchComponents/handler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAMpE,eAAe,CAAC,IAA0B,EAAkB,EAAE;IAC5D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;IACvC,MAAM,OAAO,GAAG,EAAE,CAAC;IAEnB,KAAK,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC;QAC5D,MAAM,UAAU,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC;QAC3E,IAAI,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/B,OAAO,CAAC,IAAI,CAAC;gBACX,GAAG;gBACH,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,OAAO,EAAE,IAAI,CAAC,OAAO;aACtB,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,OAAO;QACL,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;oBACnB,KAAK;oBACL,KAAK,EAAE,OAAO,CAAC,MAAM;oBACrB,OAAO;iBACR,CAAC;aACH;SACF;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { CallToolResult } from '@modelcontextprotocol/sdk/types.js';\nimport { componentManifest } from '@/manifests/components/index.js';\n\nexport interface SearchComponentsArgs {\n  query: string;\n}\n\nexport default (args: SearchComponentsArgs): CallToolResult => {\n  const query = args.query.toLowerCase();\n  const results = [];\n\n  for (const [key, comp] of Object.entries(componentManifest)) {\n    const searchText = `${key} ${comp.name} ${comp.description}`.toLowerCase();\n    if (searchText.includes(query)) {\n      results.push({\n        key,\n        name: comp.name,\n        description: comp.description,\n        element: comp.element,\n      });\n    }\n  }\n\n  return {\n    content: [\n      {\n        type: 'text',\n        text: JSON.stringify({\n          query,\n          count: results.length,\n          results,\n        }),\n      },\n    ],\n  };\n};\n"]}

package/dist/src/tools/searchComponents/index.d.ts

@@ -0,0 +1,12 @@
+import { z } from 'zod';
+declare const toolDefinition: {
+    name: string;
+    config: {
+        description: string;
+        inputSchema: {
+            query: z.ZodString;
+        };
+    };
+    handler: (args: import("./handler.js").SearchComponentsArgs) => import("@modelcontextprotocol/sdk/types.js").CallToolResult;
+};
+export default toolDefinition;

package/dist/src/tools/searchComponents/index.js

@@ -0,0 +1,14 @@
+import handler from './handler.js';
+import { z } from 'zod';
+const toolDefinition = {
+    name: 'search_components',
+    config: {
+        description: 'Search for componentManifest by keyword or usage',
+        inputSchema: {
+            query: z.string().describe('Search query'),
+        },
+    },
+    handler,
+};
+export default toolDefinition;
+//# sourceMappingURL=index.js.map

package/dist/src/tools/searchComponents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tools/searchComponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,cAAc,GAAG;IACrB,IAAI,EAAE,mBAAmB;IACzB,MAAM,EAAE;QACN,WAAW,EAAE,kDAAkD;QAC/D,WAAW,EAAE;YACX,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC;SAC3C;KACF;IACD,OAAO;CACR,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import handler from './handler.js';\nimport { z } from 'zod';\n\nconst toolDefinition = {\n  name: 'search_components',\n  config: {\n    description: 'Search for componentManifest by keyword or usage',\n    inputSchema: {\n      query: z.string().describe('Search query'),\n    },\n  },\n  handler,\n};\n\nexport default toolDefinition;\n"]}

package/dist/src/utils/buildCDNUrls.d.ts

@@ -0,0 +1,3 @@
+declare const buildCDNUrl: (componentName: string, version: string) => string;
+declare const buildMajorVersion: (version: string) => string;
+export { buildCDNUrl, buildMajorVersion };

package/dist/src/utils/buildCDNUrls.js

@@ -0,0 +1,6 @@
+const buildCDNUrl = (componentName, version) => {
+    return `https://cdn.design-system.triptease.io/${componentName}/${version}/${componentName}.js`;
+};
+const buildMajorVersion = (version) => `${version.split('.')[0]}.x.x`;
+export { buildCDNUrl, buildMajorVersion };
+//# sourceMappingURL=buildCDNUrls.js.map

package/dist/src/utils/buildCDNUrls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildCDNUrls.js","sourceRoot":"","sources":["../../../src/utils/buildCDNUrls.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG,CAAC,aAAqB,EAAE,OAAe,EAAE,EAAE;IAC7D,OAAO,0CAA0C,aAAa,IAAI,OAAO,IAAI,aAAa,KAAK,CAAC;AAClG,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;AAE7E,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["const buildCDNUrl = (componentName: string, version: string) => {\n  return `https://cdn.design-system.triptease.io/${componentName}/${version}/${componentName}.js`;\n};\n\nconst buildMajorVersion = (version: string) => `${version.split('.')[0]}.x.x`\n\nexport { buildCDNUrl, buildMajorVersion };\n"]}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@triptease/design-system-mcp",
+  "version": "0.0.3",
+  "description": "MCP server for Triptease design system documentation",
+  "type": "module",
+  "main": "dist/index.js",
+  "bin": "./dist/index.js",
+  "scripts": {
+    "build": "rm -rf dist && tsc && tsc-alias",
+    "dev": "tsc --watch",
+    "start": "node dist/index.js",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "author": "Triptease",
+  "license": "MIT",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.0.4",
+    "@triptease/stylesheet": "1.4.1",
+    "@triptease/tt-bar-chart": "1.0.2",
+    "@triptease/tt-combobox": "5.6.5",
+    "@triptease/tt-data-point": "1.0.1",
+    "@triptease/tt-dataset": "1.0.2",
+    "@triptease/tt-date-picker": "6.1.2",
+    "@triptease/tt-date-range-picker": "6.2.3",
+    "@triptease/tt-dialog": "5.1.1",
+    "@triptease/tt-highlight": "1.0.1",
+    "@triptease/tt-line-chart": "1.0.7",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "tsc-alias": "^1.8.16",
+    "typescript": "^5.7.2",
+    "vite-tsconfig-paths": "^6.0.5",
+    "vitest": "^4.0.18"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/index.ts

@@ -0,0 +1,46 @@
+#!/usr/bin/env node
+import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
+import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
+import packageJson from '@/../package.json' with { type: 'json' };
+
+import getComponentDocsTool from '@/tools/getComponentDocs/index.js';
+import listComponentsTool from '@/tools/listComponents/index.js';
+import getDesignTokensTool from '@/tools/getCSSTokens/index.js';
+import searchComponentsTool from '@/tools/searchComponents/index.js';
+import getSetupGuideTool from '@/tools/getSetupGuide/index.js';
+import listCSSTokens from '@/tools/listCSSTokens/index.js';
+
+// Initialize MCP server
+const server = new McpServer(
+  {
+    name: 'Triptease Design System MCP Server',
+    version: packageJson.version,
+    description: packageJson.description,
+  },
+  {
+    capabilities: {
+      tools: {},
+    },
+  }
+);
+
+// Register getComponentDocsTool definitions
+server.registerTool(getComponentDocsTool.name, getComponentDocsTool.config, getComponentDocsTool.handler);
+server.registerTool(listComponentsTool.name, listComponentsTool.config, listComponentsTool.handler);
+server.registerTool(getDesignTokensTool.name, getDesignTokensTool.config, getDesignTokensTool.handler);
+server.registerTool(searchComponentsTool.name, searchComponentsTool.config, searchComponentsTool.handler);
+server.registerTool(getSetupGuideTool.name, getSetupGuideTool.config, getSetupGuideTool.handler);
+server.registerTool(listCSSTokens.name, listCSSTokens.config, listCSSTokens.handler);
+
+// Start the server
+async function main() {
+  const transport = new StdioServerTransport();
+  await server.connect(transport);
+  console.info('Server started');
+}
+
+main().catch((error) => {
+  const errorMessage = error instanceof Error ? error.message : String(error);
+  console.error(errorMessage);
+  process.exit(1);
+});

package/src/manifests/components/entries/badge.ts

@@ -0,0 +1,45 @@
+import { ComponentManifest } from '@/manifests/components/types.js';
+
+export default {
+  badge: {
+    name: 'Badge',
+    description: 'Status indicator or label badge for highlighting small pieces of information',
+    element: 'span',
+    usageGuidance: {
+      whenToUse: [
+        'Display notification counts or unread items',
+        'Show status (new, updated, beta)',
+        'Label or categorize content',
+        'Highlight key metrics or data points',
+      ],
+      avoid: [
+        'For interactive elements (use buttons instead)',
+        'As primary navigation (consider tabs or links)',
+        'For lengthy text (keep content brief)',
+      ],
+    },
+    classes: {
+      badge: 'Base badge class (required)',
+    },
+    dataAttributes: {
+      'data-theme': {
+        type: 'enum',
+        values: ['primary', 'success', 'danger', 'warning', 'info', 'subtle'],
+        description:
+          'Badge color theme with semantic meaning. Use success for positive states (active, completed), danger for errors or destructive actions, warning for caution, info for neutral information, subtle for de-emphasized content.',
+      },
+    },
+    examples: [
+      {
+        title: 'Status badges',
+        description: 'Use semantic themes to indicate status or state',
+        code: `<div>
+  <span class="badge" data-theme="success">Active</span>
+  <span class="badge" data-theme="danger">Failed</span>
+  <span class="badge" data-theme="warning">Pending</span>
+  <span class="badge" data-theme="info">Draft</span>
+</div>`,
+      },
+    ],
+  },
+} satisfies ComponentManifest;