@triptease/design-system-mcp 0.0.3

package/dist/src/manifests/components/entries/textarea.js

@@ -0,0 +1,54 @@
+export default {
+    textarea: {
+        name: 'Textarea',
+        description: 'Multi-line text input field',
+        element: 'textarea',
+        usageGuidance: {
+            whenToUse: [
+                'Multi-line text input (comments, descriptions, messages)',
+                'Content length is unpredictable',
+                'Users need to review text while typing',
+                'Text may contain line breaks',
+            ],
+            avoid: [
+                'Single-line input (use text input)',
+                'Formatted text needed (use rich text editor)',
+                'Very long content (consider breaking into sections)',
+            ],
+        },
+        attributes: {
+            'aria-invalid': {
+                type: 'boolean',
+                description: 'Marks textarea as invalid for error styling. Pair with aria-describedby to associate error messages.',
+            },
+            disabled: {
+                type: 'boolean',
+                description: 'Disables the textarea',
+            },
+            placeholder: {
+                type: 'string',
+                description: 'Placeholder text. Should not replace label - always provide visible label element.',
+            },
+            rows: {
+                type: 'number',
+                description: 'Number of visible text lines',
+            },
+        },
+        states: ['default', 'hover', 'focus', 'disabled', 'invalid'],
+        examples: [
+            {
+                title: 'Basic usage',
+                code: `<label for="about">About</label>
+<textarea id="about" rows="4"></textarea>`,
+            },
+            {
+                title: 'Error state',
+                description: 'Use aria-invalid with aria-describedby to associate error messages for screen readers',
+                code: `<label for="description">Description</label>
+<textarea id="description" rows="4" aria-invalid aria-describedby="description-error"></textarea>
+<span id="description-error" class="text-error">Description is required</span>`,
+            },
+        ],
+    },
+};
+//# sourceMappingURL=textarea.js.map

package/dist/src/manifests/components/entries/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../../src/manifests/components/entries/textarea.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,QAAQ,EAAE;QACR,IAAI,EAAE,UAAU;QAChB,WAAW,EAAE,6BAA6B;QAC1C,OAAO,EAAE,UAAU;QACnB,aAAa,EAAE;YACb,SAAS,EAAE;gBACT,0DAA0D;gBAC1D,iCAAiC;gBACjC,wCAAwC;gBACxC,8BAA8B;aAC/B;YACD,KAAK,EAAE;gBACL,oCAAoC;gBACpC,8CAA8C;gBAC9C,qDAAqD;aACtD;SACF;QACD,UAAU,EAAE;YACV,cAAc,EAAE;gBACd,IAAI,EAAE,SAAS;gBACf,WAAW,EACT,sGAAsG;aACzG;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,uBAAuB;aACrC;YACD,WAAW,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,oFAAoF;aAClG;YACD,IAAI,EAAE;gBACJ,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,8BAA8B;aAC5C;SACF;QACD,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC;QAC5D,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,aAAa;gBACpB,IAAI,EAAE;0CAC4B;aACnC;YACD;gBACE,KAAK,EAAE,aAAa;gBACpB,WAAW,EAAE,uFAAuF;gBACpG,IAAI,EAAE;;+EAEiE;aACxE;SACF;KACF;CAC0B,CAAC","sourcesContent":["import { ComponentManifest } from '@/manifests/components/types.js';\n\nexport default {\n  textarea: {\n    name: 'Textarea',\n    description: 'Multi-line text input field',\n    element: 'textarea',\n    usageGuidance: {\n      whenToUse: [\n        'Multi-line text input (comments, descriptions, messages)',\n        'Content length is unpredictable',\n        'Users need to review text while typing',\n        'Text may contain line breaks',\n      ],\n      avoid: [\n        'Single-line input (use text input)',\n        'Formatted text needed (use rich text editor)',\n        'Very long content (consider breaking into sections)',\n      ],\n    },\n    attributes: {\n      'aria-invalid': {\n        type: 'boolean',\n        description:\n          'Marks textarea as invalid for error styling. Pair with aria-describedby to associate error messages.',\n      },\n      disabled: {\n        type: 'boolean',\n        description: 'Disables the textarea',\n      },\n      placeholder: {\n        type: 'string',\n        description: 'Placeholder text. Should not replace label - always provide visible label element.',\n      },\n      rows: {\n        type: 'number',\n        description: 'Number of visible text lines',\n      },\n    },\n    states: ['default', 'hover', 'focus', 'disabled', 'invalid'],\n    examples: [\n      {\n        title: 'Basic usage',\n        code: `<label for=\"about\">About</label>\n<textarea id=\"about\" rows=\"4\"></textarea>`,\n      },\n      {\n        title: 'Error state',\n        description: 'Use aria-invalid with aria-describedby to associate error messages for screen readers',\n        code: `<label for=\"description\">Description</label>\n<textarea id=\"description\" rows=\"4\" aria-invalid aria-describedby=\"description-error\"></textarea>\n<span id=\"description-error\" class=\"text-error\">Description is required</span>`,\n      },\n    ],\n  },\n} satisfies ComponentManifest;\n"]}

package/dist/src/manifests/components/entries/textinput.d.ts

@@ -0,0 +1,40 @@
+declare const _default: {
+    textinput: {
+        name: string;
+        description: string;
+        element: string;
+        usageGuidance: {
+            whenToUse: string[];
+            avoid: string[];
+        };
+        attributes: {
+            type: {
+                values: string[];
+                default: string;
+            };
+            'aria-invalid': {
+                type: string;
+                description: string;
+            };
+            disabled: {
+                type: string;
+                description: string;
+            };
+            placeholder: {
+                type: string;
+                description: string;
+            };
+        };
+        states: string[];
+        examples: ({
+            title: string;
+            code: string;
+            description?: undefined;
+        } | {
+            title: string;
+            description: string;
+            code: string;
+        })[];
+    };
+};
+export default _default;

package/dist/src/manifests/components/entries/textinput.js

@@ -0,0 +1,53 @@
+export default {
+    textinput: {
+        name: 'Text Input',
+        description: 'Text input field for single-line text entry with automatic validation styling',
+        element: 'input',
+        usageGuidance: {
+            whenToUse: [
+                'Single-line text entry (names, email, search)',
+                'Predictable, short text length',
+                'Specific input types (email, password, tel, url)',
+            ],
+            avoid: [
+                'Multi-line text (use textarea)',
+                'Selecting from options (use select, radio, or combobox)',
+                'Pure numeric entry (consider number input)',
+            ],
+        },
+        attributes: {
+            type: {
+                values: ['text', 'email', 'password', 'tel', 'url'],
+                default: 'text',
+            },
+            'aria-invalid': {
+                type: 'boolean',
+                description: 'Marks input as invalid for error styling. Pair with aria-describedby to associate error messages.',
+            },
+            disabled: {
+                type: 'boolean',
+                description: 'Disables the input',
+            },
+            placeholder: {
+                type: 'string',
+                description: 'Placeholder text. Should not replace label - always provide visible label element.',
+            },
+        },
+        states: ['default', 'hover', 'focus', 'disabled', 'invalid'],
+        examples: [
+            {
+                title: 'Basic usage',
+                code: `<label for="hotel-name">Hotel Name</label>
+<input id="hotel-name" />`,
+            },
+            {
+                title: 'Error state',
+                description: 'Use aria-invalid with aria-describedby to associate error messages for screen readers',
+                code: `<label for="email">Email</label>
+<input id="email" type="email" aria-invalid aria-describedby="email-error" />
+<span id="email-error" class="text-error">Please enter a valid email address</span>`,
+            },
+        ],
+    },
+};
+//# sourceMappingURL=textinput.js.map

package/dist/src/manifests/components/entries/textinput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textinput.js","sourceRoot":"","sources":["../../../../../src/manifests/components/entries/textinput.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,SAAS,EAAE;QACT,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,+EAA+E;QAC5F,OAAO,EAAE,OAAO;QAChB,aAAa,EAAE;YACb,SAAS,EAAE;gBACT,+CAA+C;gBAC/C,gCAAgC;gBAChC,kDAAkD;aACnD;YACD,KAAK,EAAE;gBACL,gCAAgC;gBAChC,yDAAyD;gBACzD,4CAA4C;aAC7C;SACF;QACD,UAAU,EAAE;YACV,IAAI,EAAE;gBACJ,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC;gBACnD,OAAO,EAAE,MAAM;aAChB;YACD,cAAc,EAAE;gBACd,IAAI,EAAE,SAAS;gBACf,WAAW,EACT,mGAAmG;aACtG;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,oBAAoB;aAClC;YACD,WAAW,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,oFAAoF;aAClG;SACF;QACD,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC;QAC5D,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,aAAa;gBACpB,IAAI,EAAE;0BACY;aACnB;YACD;gBACE,KAAK,EAAE,aAAa;gBACpB,WAAW,EAAE,uFAAuF;gBACpG,IAAI,EAAE;;oFAEsE;aAC7E;SACF;KACF;CAC0B,CAAC","sourcesContent":["import { ComponentManifest } from '@/manifests/components/types.js';\n\nexport default {\n  textinput: {\n    name: 'Text Input',\n    description: 'Text input field for single-line text entry with automatic validation styling',\n    element: 'input',\n    usageGuidance: {\n      whenToUse: [\n        'Single-line text entry (names, email, search)',\n        'Predictable, short text length',\n        'Specific input types (email, password, tel, url)',\n      ],\n      avoid: [\n        'Multi-line text (use textarea)',\n        'Selecting from options (use select, radio, or combobox)',\n        'Pure numeric entry (consider number input)',\n      ],\n    },\n    attributes: {\n      type: {\n        values: ['text', 'email', 'password', 'tel', 'url'],\n        default: 'text',\n      },\n      'aria-invalid': {\n        type: 'boolean',\n        description:\n          'Marks input as invalid for error styling. Pair with aria-describedby to associate error messages.',\n      },\n      disabled: {\n        type: 'boolean',\n        description: 'Disables the input',\n      },\n      placeholder: {\n        type: 'string',\n        description: 'Placeholder text. Should not replace label - always provide visible label element.',\n      },\n    },\n    states: ['default', 'hover', 'focus', 'disabled', 'invalid'],\n    examples: [\n      {\n        title: 'Basic usage',\n        code: `<label for=\"hotel-name\">Hotel Name</label>\n<input id=\"hotel-name\" />`,\n      },\n      {\n        title: 'Error state',\n        description: 'Use aria-invalid with aria-describedby to associate error messages for screen readers',\n        code: `<label for=\"email\">Email</label>\n<input id=\"email\" type=\"email\" aria-invalid aria-describedby=\"email-error\" />\n<span id=\"email-error\" class=\"text-error\">Please enter a valid email address</span>`,\n      },\n    ],\n  },\n} satisfies ComponentManifest;\n"]}

package/dist/src/manifests/components/entries/toggle.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    toggle: {
+        name: string;
+        description: string;
+        element: string;
+        usageGuidance: {
+            whenToUse: string[];
+            avoid: string[];
+        };
+        dataAttributes: {
+            'data-theme': {
+                type: string;
+                values: string[];
+                description: string;
+            };
+        };
+        examples: {
+            title: string;
+            code: string;
+        }[];
+    };
+};
+export default _default;

package/dist/src/manifests/components/entries/toggle.js

@@ -0,0 +1,30 @@
+export default {
+    toggle: {
+        name: 'Toggle',
+        description: 'Toggle switch for binary on/off states with immediate effect',
+        element: "input[type='checkbox'][data-theme='toggle']",
+        usageGuidance: {
+            whenToUse: ['Binary on/off states', 'Changes take effect immediately', 'System or feature settings'],
+            avoid: [
+                'Changes require saving (use checkbox in form)',
+                'More than two options exist (use radio buttons or select)',
+                "Relationship between on/off isn't clear",
+            ],
+        },
+        dataAttributes: {
+            'data-theme': {
+                type: 'enum',
+                values: ['toggle'],
+                description: "Use 'toggle' for switch style",
+            },
+        },
+        examples: [
+            {
+                title: 'Toggle switch',
+                code: `<input type="checkbox" id="weekly-parity-report" data-theme="toggle" />
+<label for="weekly-parity-report">Weekly Parity Report</label>`,
+            },
+        ],
+    },
+};
+//# sourceMappingURL=toggle.js.map

package/dist/src/manifests/components/entries/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../../src/manifests/components/entries/toggle.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,8DAA8D;QAC3E,OAAO,EAAE,6CAA6C;QACtD,aAAa,EAAE;YACb,SAAS,EAAE,CAAC,sBAAsB,EAAE,iCAAiC,EAAE,4BAA4B,CAAC;YACpG,KAAK,EAAE;gBACL,+CAA+C;gBAC/C,2DAA2D;gBAC3D,yCAAyC;aAC1C;SACF;QACD,cAAc,EAAE;YACd,YAAY,EAAE;gBACZ,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,CAAC,QAAQ,CAAC;gBAClB,WAAW,EAAE,+BAA+B;aAC7C;SACF;QACD,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,eAAe;gBACtB,IAAI,EAAE;+DACiD;aACxD;SACF;KACF;CAC0B,CAAC","sourcesContent":["import { ComponentManifest } from '@/manifests/components/types.js';\n\nexport default {\n  toggle: {\n    name: 'Toggle',\n    description: 'Toggle switch for binary on/off states with immediate effect',\n    element: \"input[type='checkbox'][data-theme='toggle']\",\n    usageGuidance: {\n      whenToUse: ['Binary on/off states', 'Changes take effect immediately', 'System or feature settings'],\n      avoid: [\n        'Changes require saving (use checkbox in form)',\n        'More than two options exist (use radio buttons or select)',\n        \"Relationship between on/off isn't clear\",\n      ],\n    },\n    dataAttributes: {\n      'data-theme': {\n        type: 'enum',\n        values: ['toggle'],\n        description: \"Use 'toggle' for switch style\",\n      },\n    },\n    examples: [\n      {\n        title: 'Toggle switch',\n        code: `<input type=\"checkbox\" id=\"weekly-parity-report\" data-theme=\"toggle\" />\n<label for=\"weekly-parity-report\">Weekly Parity Report</label>`,\n      },\n    ],\n  },\n} satisfies ComponentManifest;\n"]}

package/dist/src/manifests/components/entries/typography.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    typography: {
+        name: string;
+        description: string;
+        element: string;
+        usageGuidance: {
+            whenToUse: string[];
+            avoid: string[];
+        };
+        classes: {
+            display: string;
+            'heading-1': string;
+            'heading-2': string;
+            'heading-3': string;
+            'heading-4': string;
+            body: string;
+            strong: string;
+            small: string;
+            'text-error': string;
+        };
+    };
+};
+export default _default;

package/dist/src/manifests/components/entries/typography.js

@@ -0,0 +1,32 @@
+export default {
+    typography: {
+        name: 'Typography',
+        description: 'Text styling using semantic HTML elements and utility classes',
+        element: 'h1-h4, p, strong, a',
+        usageGuidance: {
+            whenToUse: [
+                'Use semantic elements (h1-h4, strong, a) for document structure and accessibility',
+                'Use utility classes (.heading-1 through .heading-4, .display, .body, .small, .strong, .text-error) when visual styling must differ from semantic meaning',
+                "Follow heading hierarchy - don't skip levels (h1 → h2 → h3, not h1 → h3)",
+                'Use <strong> for semantic importance, .strong for visual styling only',
+            ],
+            avoid: [
+                'Using heading classes for document structure (use semantic h1-h4 elements)',
+                'Skipping heading levels (breaks accessibility)',
+                'Using buttons styled as links or links styled as buttons (use correct semantic element)',
+            ],
+        },
+        classes: {
+            display: 'Largest text size for hero sections and prominent headlines',
+            'heading-1': 'h1 visual styling',
+            'heading-2': 'h2 visual styling',
+            'heading-3': 'h3 visual styling',
+            'heading-4': 'h4 visual styling',
+            body: 'Standard body text styling',
+            strong: 'Bold text styling without semantic importance',
+            small: 'Smaller text for captions, helper text, fine print',
+            'text-error': 'Error text color for validation messages',
+        },
+    },
+};
+//# sourceMappingURL=typography.js.map

package/dist/src/manifests/components/entries/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../../src/manifests/components/entries/typography.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,UAAU,EAAE;QACV,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,+DAA+D;QAC5E,OAAO,EAAE,qBAAqB;QAC9B,aAAa,EAAE;YACb,SAAS,EAAE;gBACT,mFAAmF;gBACnF,0JAA0J;gBAC1J,0EAA0E;gBAC1E,uEAAuE;aACxE;YACD,KAAK,EAAE;gBACL,4EAA4E;gBAC5E,gDAAgD;gBAChD,yFAAyF;aAC1F;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,6DAA6D;YACtE,WAAW,EAAE,mBAAmB;YAChC,WAAW,EAAE,mBAAmB;YAChC,WAAW,EAAE,mBAAmB;YAChC,WAAW,EAAE,mBAAmB;YAChC,IAAI,EAAE,4BAA4B;YAClC,MAAM,EAAE,+CAA+C;YACvD,KAAK,EAAE,oDAAoD;YAC3D,YAAY,EAAE,0CAA0C;SACzD;KACF;CAC0B,CAAC","sourcesContent":["import { ComponentManifest } from '@/manifests/components/types.js';\n\nexport default {\n  typography: {\n    name: 'Typography',\n    description: 'Text styling using semantic HTML elements and utility classes',\n    element: 'h1-h4, p, strong, a',\n    usageGuidance: {\n      whenToUse: [\n        'Use semantic elements (h1-h4, strong, a) for document structure and accessibility',\n        'Use utility classes (.heading-1 through .heading-4, .display, .body, .small, .strong, .text-error) when visual styling must differ from semantic meaning',\n        \"Follow heading hierarchy - don't skip levels (h1 → h2 → h3, not h1 → h3)\",\n        'Use <strong> for semantic importance, .strong for visual styling only',\n      ],\n      avoid: [\n        'Using heading classes for document structure (use semantic h1-h4 elements)',\n        'Skipping heading levels (breaks accessibility)',\n        'Using buttons styled as links or links styled as buttons (use correct semantic element)',\n      ],\n    },\n    classes: {\n      display: 'Largest text size for hero sections and prominent headlines',\n      'heading-1': 'h1 visual styling',\n      'heading-2': 'h2 visual styling',\n      'heading-3': 'h3 visual styling',\n      'heading-4': 'h4 visual styling',\n      body: 'Standard body text styling',\n      strong: 'Bold text styling without semantic importance',\n      small: 'Smaller text for captions, helper text, fine print',\n      'text-error': 'Error text color for validation messages',\n    },\n  },\n} satisfies ComponentManifest;\n"]}

package/dist/src/manifests/components/index.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentManifest } from './types.js';
+export declare const componentManifest: ComponentManifest;

package/dist/src/manifests/components/index.js

@@ -0,0 +1,39 @@
+import button from '../../manifests/components/entries/button.js';
+import textinput from '../../manifests/components/entries/textinput.js';
+import numberinput from '../../manifests/components/entries/numberinput.js';
+import textarea from '../../manifests/components/entries/textarea.js';
+import select from '../../manifests/components/entries/select.js';
+import checkbox from '../../manifests/components/entries/checkbox.js';
+import radio from '../../manifests/components/entries/radio.js';
+import toggle from '../../manifests/components/entries/toggle.js';
+import badge from '../../manifests/components/entries/badge.js';
+import card from '../../manifests/components/entries/card.js';
+import table from '../../manifests/components/entries/table.js';
+import typography from '../../manifests/components/entries/typography.js';
+import dialog from '../../manifests/components/entries/dialog.js';
+import combobox from '../../manifests/components/entries/combobox.js';
+import datePicker from '../../manifests/components/entries/datePicker.js';
+import dateRangePicker from '../../manifests/components/entries/dateRangePicker.js';
+import barChart from '../../manifests/components/entries/barChart.js';
+import lineChart from '../../manifests/components/entries/lineChart.js';
+export const componentManifest = {
+    ...button,
+    ...textinput,
+    ...numberinput,
+    ...textarea,
+    ...select,
+    ...checkbox,
+    ...radio,
+    ...toggle,
+    ...badge,
+    ...card,
+    ...table,
+    ...typography,
+    ...dialog,
+    ...combobox,
+    ...datePicker,
+    ...dateRangePicker,
+    ...barChart,
+    ...lineChart,
+};
+//# sourceMappingURL=index.js.map

package/dist/src/manifests/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/manifests/components/index.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,0CAA0C,CAAC;AAC9D,OAAO,SAAS,MAAM,6CAA6C,CAAC;AACpE,OAAO,WAAW,MAAM,+CAA+C,CAAC;AACxE,OAAO,QAAQ,MAAM,4CAA4C,CAAC;AAClE,OAAO,MAAM,MAAM,0CAA0C,CAAC;AAC9D,OAAO,QAAQ,MAAM,4CAA4C,CAAC;AAClE,OAAO,KAAK,MAAM,yCAAyC,CAAC;AAC5D,OAAO,MAAM,MAAM,0CAA0C,CAAC;AAC9D,OAAO,KAAK,MAAM,yCAAyC,CAAC;AAC5D,OAAO,IAAI,MAAM,wCAAwC,CAAC;AAC1D,OAAO,KAAK,MAAM,yCAAyC,CAAC;AAC5D,OAAO,UAAU,MAAM,8CAA8C,CAAC;AACtE,OAAO,MAAM,MAAM,0CAA0C,CAAC;AAC9D,OAAO,QAAQ,MAAM,4CAA4C,CAAC;AAClE,OAAO,UAAU,MAAM,8CAA8C,CAAC;AACtE,OAAO,eAAe,MAAM,mDAAmD,CAAC;AAChF,OAAO,QAAQ,MAAM,4CAA4C,CAAC;AAClE,OAAO,SAAS,MAAM,6CAA6C,CAAC;AAEpE,MAAM,CAAC,MAAM,iBAAiB,GAAsB;IAClD,GAAG,MAAM;IACT,GAAG,SAAS;IACZ,GAAG,WAAW;IACd,GAAG,QAAQ;IACX,GAAG,MAAM;IACT,GAAG,QAAQ;IACX,GAAG,KAAK;IACR,GAAG,MAAM;IACT,GAAG,KAAK;IACR,GAAG,IAAI;IACP,GAAG,KAAK;IACR,GAAG,UAAU;IACb,GAAG,MAAM;IACT,GAAG,QAAQ;IACX,GAAG,UAAU;IACb,GAAG,eAAe;IAClB,GAAG,QAAQ;IACX,GAAG,SAAS;CACb,CAAC","sourcesContent":["import type { ComponentManifest } from './types.js';\n\nimport button from '@/manifests/components/entries/button.js';\nimport textinput from '@/manifests/components/entries/textinput.js';\nimport numberinput from '@/manifests/components/entries/numberinput.js';\nimport textarea from '@/manifests/components/entries/textarea.js';\nimport select from '@/manifests/components/entries/select.js';\nimport checkbox from '@/manifests/components/entries/checkbox.js';\nimport radio from '@/manifests/components/entries/radio.js';\nimport toggle from '@/manifests/components/entries/toggle.js';\nimport badge from '@/manifests/components/entries/badge.js';\nimport card from '@/manifests/components/entries/card.js';\nimport table from '@/manifests/components/entries/table.js';\nimport typography from '@/manifests/components/entries/typography.js';\nimport dialog from '@/manifests/components/entries/dialog.js';\nimport combobox from '@/manifests/components/entries/combobox.js';\nimport datePicker from '@/manifests/components/entries/datePicker.js';\nimport dateRangePicker from '@/manifests/components/entries/dateRangePicker.js';\nimport barChart from '@/manifests/components/entries/barChart.js';\nimport lineChart from '@/manifests/components/entries/lineChart.js';\n\nexport const componentManifest: ComponentManifest = {\n  ...button,\n  ...textinput,\n  ...numberinput,\n  ...textarea,\n  ...select,\n  ...checkbox,\n  ...radio,\n  ...toggle,\n  ...badge,\n  ...card,\n  ...table,\n  ...typography,\n  ...dialog,\n  ...combobox,\n  ...datePicker,\n  ...dateRangePicker,\n  ...barChart,\n  ...lineChart,\n};\n"]}

package/dist/src/manifests/components/types.d.ts

@@ -0,0 +1,56 @@
+interface UsageGuidance {
+    whenToUse: string[];
+    bestPractices?: string[];
+    accessibility?: string[];
+    avoid?: string[];
+}
+interface PackageInstallationBase {
+    includesTypes: boolean;
+    optional: boolean;
+    guidance?: string;
+}
+interface NPMPackage extends PackageInstallationBase {
+    name: string;
+}
+interface CDNPackage extends PackageInstallationBase {
+    name: string;
+    latestVersionUrl: string;
+    pinnedMajorVersionUrl: string;
+    pinnedVersionUrl: string;
+}
+interface Installation {
+    npm?: NPMPackage[];
+    cdn?: CDNPackage[];
+}
+interface DataAttribute {
+    type: string;
+    values?: (string | undefined)[];
+    default?: string;
+    description: string;
+}
+interface HTMLAttribute {
+    type?: string;
+    values?: string[];
+    default?: string;
+    description?: string;
+}
+interface ExampleUsage {
+    title: string;
+    description?: string;
+    code: string;
+}
+export interface ComponentConfig {
+    name: string;
+    description: string;
+    ssrSafe?: boolean;
+    element: string;
+    usageGuidance?: UsageGuidance;
+    installation?: Installation;
+    dataAttributes?: Record<string, DataAttribute>;
+    classes?: Record<string, string>;
+    attributes?: Record<string, HTMLAttribute>;
+    states?: string[];
+    examples?: ExampleUsage[];
+}
+export type ComponentManifest = Record<string, ComponentConfig>;
+export {};

package/dist/src/manifests/components/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/manifests/components/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/manifests/components/types.ts"],"names":[],"mappings":"","sourcesContent":["interface UsageGuidance {\n  whenToUse: string[];\n  bestPractices?: string[];\n  accessibility?: string[];\n  avoid?: string[];\n}\n\ninterface PackageInstallationBase {\n  includesTypes: boolean;\n  optional: boolean;\n  guidance?: string;\n}\n\ninterface NPMPackage extends PackageInstallationBase {\n  name: string;\n}\n\ninterface CDNPackage extends PackageInstallationBase {\n  name: string;\n  latestVersionUrl: string;\n  pinnedMajorVersionUrl: string;\n  pinnedVersionUrl: string;\n}\n\ninterface Installation {\n  npm?: NPMPackage[];\n  cdn?: CDNPackage[];\n}\n\ninterface DataAttribute {\n  type: string;\n  values?: (string | undefined)[];\n  default?: string;\n  description: string;\n}\n\ninterface HTMLAttribute {\n  type?: string;\n  values?: string[];\n  default?: string;\n  description?: string;\n}\n\ninterface ExampleUsage {\n  title: string;\n  description?: string;\n  code: string;\n}\n\nexport interface ComponentConfig {\n  name: string;\n  description: string;\n  ssrSafe?: boolean;\n  element: string;\n  usageGuidance?: UsageGuidance;\n  installation?: Installation;\n  dataAttributes?: Record<string, DataAttribute>;\n  classes?: Record<string, string>;\n  attributes?: Record<string, HTMLAttribute>;\n  states?: string[];\n  examples?: ExampleUsage[];\n}\n\nexport type ComponentManifest = Record<string, ComponentConfig>;\n"]}

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

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

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

@@ -0,0 +1,29 @@
+import designTokens from '@triptease/stylesheet/tokens' with { type: 'json' };
+import { buildTokens } from '../../tools/getCSSTokens/utils.js';
+export default (args) => {
+    const category = args.category;
+    const tokens = buildTokens(designTokens);
+    const categories = Object.keys(tokens);
+    if (!categories.includes(category)) {
+        return {
+            content: [
+                {
+                    type: 'text',
+                    text: JSON.stringify({
+                        error: `Invalid category '${category}'`,
+                        available: categories,
+                    }),
+                },
+            ],
+        };
+    }
+    return {
+        content: [
+            {
+                type: 'text',
+                text: JSON.stringify(tokens[category]),
+            },
+        ],
+    };
+};
+//# sourceMappingURL=handler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"handler.js","sourceRoot":"","sources":["../../../../src/tools/getCSSTokens/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;AAM5D,eAAe,CAAC,IAAyB,EAAkB,EAAE;IAC3D,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC/B,MAAM,MAAM,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IAEzC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACvC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnC,OAAO;YACL,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;wBACnB,KAAK,EAAE,qBAAqB,QAAQ,GAAG;wBACvC,SAAS,EAAE,UAAU;qBACtB,CAAC;iBACH;aACF;SACF,CAAC;IACJ,CAAC;IAED,OAAO;QACL,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;aACvC;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\nexport interface GetDesignTokensArgs {\n  category: string;\n}\n\nexport default (args: GetDesignTokensArgs): CallToolResult => {\n  const category = args.category;\n  const tokens = buildTokens(designTokens);\n\n  const categories = Object.keys(tokens);\n  if (!categories.includes(category)) {\n    return {\n      content: [\n        {\n          type: 'text',\n          text: JSON.stringify({\n            error: `Invalid category '${category}'`,\n            available: categories,\n          }),\n        },\n      ],\n    };\n  }\n\n  return {\n    content: [\n      {\n        type: 'text',\n        text: JSON.stringify(tokens[category]),\n      },\n    ],\n  };\n};\n"]}

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

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

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

@@ -0,0 +1,14 @@
+import handler from './handler.js';
+import { z } from 'zod';
+const toolDefinition = {
+    name: 'get_css_tokens',
+    config: {
+        description: 'Returns the CSS tokens for a specific category.',
+        inputSchema: {
+            category: z.string().describe('Token category: one of the category names returned by the listCSSTokens tool.'),
+        },
+    },
+    handler: handler,
+};
+export default toolDefinition;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tools/getCSSTokens/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,gBAAgB;IACtB,MAAM,EAAE;QACN,WAAW,EAAE,iDAAiD;QAC9D,WAAW,EAAE;YACX,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,+EAA+E,CAAC;SAC/G;KACF;IACD,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import handler from './handler.js';\nimport { z } from 'zod';\n\nconst toolDefinition = {\n  name: 'get_css_tokens',\n  config: {\n    description: 'Returns the CSS tokens for a specific category.',\n    inputSchema: {\n      category: z.string().describe('Token category: one of the category names returned by the listCSSTokens tool.'),\n    },\n  },\n  handler: handler,\n};\n\nexport default toolDefinition;\n"]}

package/dist/src/tools/getCSSTokens/utils.d.ts

@@ -0,0 +1,5 @@
+export interface TokenOutput {
+    token: string;
+    value: string;
+}
+export declare const buildTokens: (input: Record<string, object>) => Record<string, TokenOutput[]>;

package/dist/src/tools/getCSSTokens/utils.js

@@ -0,0 +1,25 @@
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const isDesignToken = (v) => {
+    return v && typeof v === 'object' && typeof v.value === 'string' && Array.isArray(v.path);
+};
+const processTokenGroup = (prefix, group) => {
+    return Object.entries(group).flatMap(([key, value]) => {
+        if (isDesignToken(value)) {
+            return { token: `--${[...prefix, key].join('-')}`, value: value.value };
+        }
+        else if (value && typeof value === 'object') {
+            return processTokenGroup([...prefix, key], value);
+        }
+        else {
+            return [];
+        }
+    });
+};
+export const buildTokens = (input) => {
+    const result = {};
+    for (const category of Object.keys(input).filter((category) => category !== 'asset')) {
+        result[category] = processTokenGroup([category], input[category]);
+    }
+    return result;
+};
+//# sourceMappingURL=utils.js.map

package/dist/src/tools/getCSSTokens/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/tools/getCSSTokens/utils.ts"],"names":[],"mappings":"AAKA,8DAA8D;AAC9D,MAAM,aAAa,GAAG,CAAC,CAAM,EAA0C,EAAE;IACvE,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAC5F,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,MAAgB,EAAE,KAAa,EAAiB,EAAE;IAC3E,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACpD,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;QAC1E,CAAC;aAAM,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9C,OAAO,iBAAiB,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;QACpD,CAAC;aAAM,CAAC;YACN,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAA6B,EAAiC,EAAE;IAC1F,MAAM,MAAM,GAAkC,EAAE,CAAC;IAEjD,KAAK,MAAM,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,OAAO,CAAC,EAAE,CAAC;QACrF,MAAM,CAAC,QAAQ,CAAC,GAAG,iBAAiB,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC","sourcesContent":["export interface TokenOutput {\n  token: string;\n  value: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isDesignToken = (v: any): v is { value: string; path: string[] } => {\n  return v && typeof v === 'object' && typeof v.value === 'string' && Array.isArray(v.path);\n};\n\nconst processTokenGroup = (prefix: string[], group: object): TokenOutput[] => {\n  return Object.entries(group).flatMap(([key, value]) => {\n    if (isDesignToken(value)) {\n      return { token: `--${[...prefix, key].join('-')}`, value: value.value };\n    } else if (value && typeof value === 'object') {\n      return processTokenGroup([...prefix, key], value);\n    } else {\n      return [];\n    }\n  });\n};\n\nexport const buildTokens = (input: Record<string, object>): Record<string, TokenOutput[]> => {\n  const result: Record<string, TokenOutput[]> = {};\n\n  for (const category of Object.keys(input).filter((category) => category !== 'asset')) {\n    result[category] = processTokenGroup([category], input[category]);\n  }\n\n  return result;\n};\n"]}

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

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

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

@@ -0,0 +1,27 @@
+import { componentManifest } from '../../manifests/components/index.js';
+export default (args) => {
+    const componentName = args.component.toLowerCase();
+    const component = componentManifest[componentName];
+    if (!component) {
+        return {
+            content: [
+                {
+                    type: 'text',
+                    text: JSON.stringify({
+                        error: `Component '${componentName}' not found`,
+                        available: Object.keys(componentManifest),
+                    }),
+                },
+            ],
+        };
+    }
+    return {
+        content: [
+            {
+                type: 'text',
+                text: JSON.stringify(component),
+            },
+        ],
+    };
+};
+//# sourceMappingURL=handler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"handler.js","sourceRoot":"","sources":["../../../../src/tools/getComponentDocs/handler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAMpE,eAAe,CAAC,IAA0B,EAAkB,EAAE;IAC5D,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;IACnD,MAAM,SAAS,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAEnD,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO;YACL,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;wBACnB,KAAK,EAAE,cAAc,aAAa,aAAa;wBAC/C,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC;qBAC1C,CAAC;iBACH;aACF;SACF,CAAC;IACJ,CAAC;IAED,OAAO;QACL,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;aAChC;SACF;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { CallToolResult } from '@modelcontextprotocol/sdk/types.js';\nimport { componentManifest } from '@/manifests/components/index.js';\n\nexport interface GetComponentDocsArgs {\n  component: string;\n}\n\nexport default (args: GetComponentDocsArgs): CallToolResult => {\n  const componentName = args.component.toLowerCase();\n  const component = componentManifest[componentName];\n\n  if (!component) {\n    return {\n      content: [\n        {\n          type: 'text',\n          text: JSON.stringify({\n            error: `Component '${componentName}' not found`,\n            available: Object.keys(componentManifest),\n          }),\n        },\n      ],\n    };\n  }\n\n  return {\n    content: [\n      {\n        type: 'text',\n        text: JSON.stringify(component),\n      },\n    ],\n  };\n};\n"]}

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

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

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

@@ -0,0 +1,14 @@
+import { z } from 'zod';
+import handler from './handler.js';
+const toolDefinition = {
+    name: 'get_component_docs',
+    config: {
+        description: 'Get documentation for a design system component (button, input, badge, checkbox, card, etc.)',
+        inputSchema: {
+            component: z.string().describe("Component name (e.g., 'button', 'input', 'badge')"),
+        },
+    },
+    handler,
+};
+export default toolDefinition;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tools/getComponentDocs/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,oBAAoB;IAC1B,MAAM,EAAE;QACN,WAAW,EAAE,8FAA8F;QAC3G,WAAW,EAAE;YACX,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,mDAAmD,CAAC;SACpF;KACF;IACD,OAAO;CACR,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { z } from 'zod';\nimport handler from './handler.js';\n\nconst toolDefinition = {\n  name: 'get_component_docs',\n  config: {\n    description: 'Get documentation for a design system component (button, input, badge, checkbox, card, etc.)',\n    inputSchema: {\n      component: z.string().describe(\"Component name (e.g., 'button', 'input', 'badge')\"),\n    },\n  },\n  handler,\n};\n\nexport default toolDefinition;\n"]}

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

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