@triptease/design-system-mcp 1.1.3 → 1.1.5

package/dist/index.js

@@ -7656,11 +7656,11 @@ function datetimeRegex(args) {
   regex = `${regex}(${opts.join("|")})`;
   return new RegExp(`^${regex}$`);
 }
-function isValidIP(ip, version6) {
-  if ((version6 === "v4" || !version6) && ipv4Regex.test(ip)) {
+function isValidIP(ip, version7) {
+  if ((version7 === "v4" || !version7) && ipv4Regex.test(ip)) {
     return true;
   }
-  if ((version6 === "v6" || !version6) && ipv6Regex.test(ip)) {
+  if ((version7 === "v6" || !version7) && ipv6Regex.test(ip)) {
     return true;
   }
   return false;
@@ -7687,11 +7687,11 @@ function isValidJWT(jwt2, alg) {
     return false;
   }
 }
-function isValidCidr(ip, version6) {
-  if ((version6 === "v4" || !version6) && ipv4CidrRegex.test(ip)) {
+function isValidCidr(ip, version7) {
+  if ((version7 === "v4" || !version7) && ipv4CidrRegex.test(ip)) {
     return true;
   }
-  if ((version6 === "v6" || !version6) && ipv6CidrRegex.test(ip)) {
+  if ((version7 === "v6" || !version7) && ipv6CidrRegex.test(ip)) {
     return true;
   }
   return false;
@@ -11644,10 +11644,10 @@ var nanoid = /^[a-zA-Z0-9_-]{21}$/;
 var duration = /^P(?:(\d+W)|(?!.*W)(?=\d|T\d)(\d+Y)?(\d+M)?(\d+D)?(T(?=\d)(\d+H)?(\d+M)?(\d+([.,]\d+)?S)?)?)$/;
 var extendedDuration = /^[-+]?P(?!$)(?:(?:[-+]?\d+Y)|(?:[-+]?\d+[.,]\d+Y$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:(?:[-+]?\d+W)|(?:[-+]?\d+[.,]\d+W$))?(?:(?:[-+]?\d+D)|(?:[-+]?\d+[.,]\d+D$))?(?:T(?=[\d+-])(?:(?:[-+]?\d+H)|(?:[-+]?\d+[.,]\d+H$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:[-+]?\d+(?:[.,]\d+)?S)?)??$/;
 var guid = /^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12})$/;
-var uuid = (version6) => {
-  if (!version6)
+var uuid = (version7) => {
+  if (!version7)
     return /^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-8][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}|00000000-0000-0000-0000-000000000000|ffffffff-ffff-ffff-ffff-ffffffffffff)$/;
-  return new RegExp(`^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-${version6}[0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12})$`);
+  return new RegExp(`^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-${version7}[0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12})$`);
 };
 var uuid4 = /* @__PURE__ */ uuid(4);
 var uuid6 = /* @__PURE__ */ uuid(6);
@@ -23302,7 +23302,7 @@ var StdioServerTransport = class {
 // package.json
 var package_default = {
   name: "@triptease/design-system-mcp",
-  version: "1.1.3",
+  version: "1.1.5",
   description: "MCP server for Triptease design system documentation",
   type: "module",
   main: "dist/index.js",
@@ -23323,17 +23323,18 @@ var package_default = {
     node: ">=18.0.0"
   },
   componentVersions: {
-    "@triptease/stylesheet": "2.0.0",
+    "@triptease/stylesheet": "2.0.2",
     "@triptease/tt-bar-chart": "1.1.2",
-    "@triptease/tt-combobox": "5.7.2",
+    "@triptease/tt-combobox": "5.7.4",
     "@triptease/tt-data-point": "1.1.1",
     "@triptease/tt-dataset": "1.1.1",
     "@triptease/tt-date-picker": "6.2.2",
     "@triptease/tt-date-range-picker": "6.3.2",
     "@triptease/tt-dialog": "5.2.1",
     "@triptease/tt-highlight": "1.1.1",
-    "@triptease/tt-line-chart": "1.1.1",
-    "@triptease/tt-milestone": "1.1.1"
+    "@triptease/tt-line-chart": "1.1.2",
+    "@triptease/tt-milestone": "1.1.1",
+    "@triptease/tt-tabs": "1.1.0"
   },
   dependencies: {
     "@triptease/stylesheet": "2.0.2"
@@ -23922,10 +23923,10 @@ var typography_default = {
 };
 
 // src/utils/buildCDNUrls.ts
-var buildCDNUrl = (componentName, version6) => {
-  return `https://cdn.design-system.triptease.io/${componentName}/${version6}/${componentName}.js`;
+var buildCDNUrl = (componentName, version7) => {
+  return `https://cdn.design-system.triptease.io/${componentName}/${version7}/${componentName}.js`;
 };
-var buildMajorVersion = (version6) => `${version6.split(".")[0]}.x.x`;
+var buildMajorVersion = (version7) => `${version7.split(".")[0]}.x.x`;
 
 // src/manifests/components/entries/dialog.ts
 var version2 = package_default.componentVersions["@triptease/tt-dialog"];
@@ -24784,6 +24785,119 @@ var banner_default = {
   }
 };
 
+// src/manifests/components/entries/tabs.ts
+var version6 = package_default.componentVersions["@triptease/tt-tabs"];
+var tabs_default = {
+  tabs: {
+    name: "Tabs - Web Component",
+    description: "Tabs organise related content into separate panels, allowing users to switch between views without leaving the page",
+    ssrSafe: true,
+    element: "tt-tabs",
+    usageGuidance: {
+      whenToUse: [
+        "Grouping related content that can be viewed independently",
+        "Reducing visual clutter on pages with multiple sections",
+        "Allowing users to compare or switch between different views or categories"
+      ],
+      avoid: [
+        "When content across panels is interdependent and needs to be seen simultaneously",
+        "For sequential or step-based flows (use a stepper instead)",
+        "When there are only one or two sections (consider headings or sections instead)",
+        "When the content in each tab is very long (consider separate pages or an accordion)"
+      ],
+      accessibility: ["Keyboard navigation is built in: Arrow keys move between tabs, Home/End jump to first/last tab"]
+    },
+    installationOptions: {
+      npm: [{ name: "@triptease/tt-tabs", includesTypes: true, optional: false }],
+      cdn: [
+        {
+          name: "tt-tabs",
+          includesTypes: false,
+          optional: false,
+          moduleFormat: "esm",
+          pinnedVersionUrl: buildCDNUrl("tt-tabs", version6),
+          pinnedMajorVersionUrl: buildCDNUrl("tt-tabs", buildMajorVersion(version6)),
+          latestVersionUrl: buildCDNUrl("tt-tabs", "latest"),
+          guidance: "Prefer pinned major version URL to avoid unexpected breaking changes. Do not use latest version URL in production code."
+        }
+      ]
+    },
+    events: {
+      "tt-tab-change": {
+        description: "Fired when the active tab changes. Bubbles up through the DOM so ancestors can listen without direct access to the tt-tabs element. Use the id attribute on tt-tabs to identify which tab group fired the event when multiple groups are present on the page.",
+        bubbles: true,
+        detail: {
+          tab: "The name of the newly active tab, matching the name attribute of the corresponding tt-tab-pane.",
+          id: "The id of the tt-tabs element that fired the event. Matches the id attribute if set, otherwise a unique generated id is used."
+        }
+      }
+    },
+    attributes: {
+      id: {
+        type: "string",
+        description: "Identifies this tab group in tt-tab-change events. Set explicitly when multiple tt-tabs elements are on the same page so you can tell them apart in event handlers. If omitted, a unique generated id is used instead."
+      },
+      "initial-tab": {
+        type: "string",
+        description: "Name of the tab to show on first render. Must match the name attribute of one of the tt-tab-pane children. If omitted or unmatched, the first tab is shown."
+      }
+    },
+    examples: [
+      {
+        title: "Basic usage",
+        code: `import '@triptease/tt-tabs';
+
+<tt-tabs>
+  <tt-tab-pane name="Tab One">
+    <p>Tab one content.</p>
+  </tt-tab-pane>
+  <tt-tab-pane name="Tab Two">
+    <p>Tab two content.</p>
+  </tt-tab-pane>
+  <tt-tab-pane name="Tab Three">
+    <p>Tab three content.</p>
+  </tt-tab-pane>
+</tt-tabs>`
+      },
+      {
+        title: "Initial tab",
+        description: "Use the initial-tab attribute to control which tab is shown on first render. The value must match the name of one of the tt-tab-pane children.",
+        code: `<tt-tabs initial-tab="Tab Three">
+  <tt-tab-pane name="Tab One">
+    <p>Tab one content.</p>
+  </tt-tab-pane>
+  <tt-tab-pane name="Tab Two">
+    <p>Tab two content.</p>
+  </tt-tab-pane>
+  <tt-tab-pane name="Tab Three">
+    <p>Tab three content.</p>
+  </tt-tab-pane>
+</tt-tabs>`
+      },
+      {
+        title: "Listening to tab changes",
+        description: "The tt-tab-change event bubbles, so you can listen on any ancestor element. The event detail contains the name of the newly active tab and the id of the tab group that fired the event. Set id on tt-tabs explicitly when multiple tab groups are present so you can tell them apart.",
+        code: `<div id="tabs-container">
+  <tt-tabs id="first-group">
+    <tt-tab-pane name="Tab One"><p>Tab one content.</p></tt-tab-pane>
+    <tt-tab-pane name="Tab Two"><p>Tab two content.</p></tt-tab-pane>
+  </tt-tabs>
+  <tt-tabs id="second-group">
+    <tt-tab-pane name="Tab A"><p>Tab A content.</p></tt-tab-pane>
+    <tt-tab-pane name="Tab B"><p>Tab B content.</p></tt-tab-pane>
+  </tt-tabs>
+</div>
+
+<script>
+  document.getElementById('tabs-container').addEventListener('tt-tab-change', (event) => {
+    console.log(\`[\${event.detail.id}] Active tab: \${event.detail.tab}\`);
+  });
+</script>`
+      }
+    ]
+  }
+};
+
 // src/manifests/components/index.ts
 var componentManifest = {
   ...button_default,
@@ -24805,7 +24919,8 @@ var componentManifest = {
   ...barChart_default,
   ...lineChart_default,
   ...statistic_default,
-  ...banner_default
+  ...banner_default,
+  ...tabs_default
 };
 
 // src/resources/components/list.ts
@@ -28175,8 +28290,8 @@ server.registerResource(
 async function main() {
   const transport = new StdioServerTransport();
   await server.connect(transport);
-  console.info(`[${package_default.name}]: Server started`);
-  console.info(`[${package_default.name}]: Current version: ${package_default.version}`);
+  process.stderr.write(JSON.stringify({ message: "Design System MCP Server is running" }));
+  process.stderr.write(JSON.stringify({ message: `Current version: ${package_default.version}` }));
 }
 main().catch((error2) => {
   const errorMessage = error2 instanceof Error ? error2.message : String(error2);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@triptease/design-system-mcp",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "MCP server for Triptease design system documentation",
   "type": "module",
   "main": "dist/index.js",
@@ -21,17 +21,18 @@
     "node": ">=18.0.0"
   },
   "componentVersions": {
-    "@triptease/stylesheet": "2.0.0",
+    "@triptease/stylesheet": "2.0.2",
     "@triptease/tt-bar-chart": "1.1.2",
-    "@triptease/tt-combobox": "5.7.2",
+    "@triptease/tt-combobox": "5.7.4",
     "@triptease/tt-data-point": "1.1.1",
     "@triptease/tt-dataset": "1.1.1",
     "@triptease/tt-date-picker": "6.2.2",
     "@triptease/tt-date-range-picker": "6.3.2",
     "@triptease/tt-dialog": "5.2.1",
     "@triptease/tt-highlight": "1.1.1",
-    "@triptease/tt-line-chart": "1.1.1",
-    "@triptease/tt-milestone": "1.1.1"
+    "@triptease/tt-line-chart": "1.1.2",
+    "@triptease/tt-milestone": "1.1.1",
+    "@triptease/tt-tabs": "1.1.0"
   },
   "dependencies": {
     "@triptease/stylesheet": "2.0.2"