@triptease/design-system-mcp 1.3.1 → 1.3.2

package/dist/index.js

@@ -30362,7 +30362,7 @@ var StdioServerTransport = class {
 // package.json
 var package_default = {
   name: "@triptease/design-system-mcp",
-  version: "1.3.1",
+  version: "1.3.2",
   description: "MCP server for Triptease design system documentation",
   type: "module",
   main: "dist/index.js",
@@ -30417,6 +30417,92 @@ var package_default = {
   }
 };
 
+// src/manifests/components/entries/accordion.ts
+var accordion_default = {
+  accordion: {
+    name: "Accordion",
+    description: "Collapsible section that reveals or hides content under a clickable header.",
+    element: "details",
+    usageGuidance: {
+      whenToUse: [
+        "Hiding secondary or supplementary content that not all users need to see",
+        "Reducing page length when there are several distinct sections",
+        "Progressive disclosure \u2014 showing details on demand"
+      ],
+      avoid: [
+        "When users need to compare content across multiple sections simultaneously",
+        "For critical information that all users must see \u2014 do not hide it in an accordion"
+      ],
+      accessibility: [
+        "The <summary> element is keyboard-focusable and activatable with Enter or Space",
+        "Native <details>/<summary> provides built-in ARIA semantics with no extra attributes required"
+      ]
+    },
+    classes: {
+      accordion: "Base accordion class (required on the <details> element)"
+    },
+    attributes: {
+      open: {
+        type: "boolean",
+        description: "Expands the accordion when present. Omit to start collapsed."
+      },
+      name: {
+        type: "string",
+        description: "Groups multiple <details> elements so that only one can be open at a time. All elements sharing the same name value form a mutual-exclusion group. This is native browser behaviour \u2014 no JavaScript required."
+      }
+    },
+    examples: [
+      {
+        title: "Basic usage",
+        code: `<details class="accordion">
+  <summary>What is an accordion?</summary>
+  <p>An accordion is a UI pattern that shows or hides content under a clickable header.</p>
+</details>`
+      },
+      {
+        title: "Open by default",
+        description: "Set the open attribute to have the accordion expanded when first rendered.",
+        code: `<details class="accordion" open>
+  <summary>This section starts open</summary>
+  <p>This content is visible on load because the open attribute is set.</p>
+</details>`
+      },
+      {
+        title: "Multiple accordions",
+        description: "Stack multiple accordions to create a grouped list of collapsible sections.",
+        code: `<details class="accordion">
+  <summary>Section One</summary>
+  <p>Content for section one.</p>
+</details>
+<details class="accordion">
+  <summary>Section Two</summary>
+  <p>Content for section two.</p>
+</details>
+<details class="accordion">
+  <summary>Section Three</summary>
+  <p>Content for section three.</p>
+</details>`
+      },
+      {
+        title: "Exclusive group",
+        description: "Use the name attribute to ensure only one accordion in a group can be open at a time. All details elements sharing the same name value form a mutual-exclusion group. This is native browser behaviour \u2014 no JavaScript is required.",
+        code: `<details class="accordion" name="hotel-policies">
+  <summary>Check-in policy</summary>
+  <p>Standard check-in is from 15:00. Early check-in is subject to availability and may incur an additional charge.</p>
+</details>
+<details class="accordion" name="hotel-policies">
+  <summary>Cancellation policy</summary>
+  <p>Free cancellation is available up to 48 hours before arrival. Late cancellations may incur a one-night charge at the Best Available Rate.</p>
+</details>
+<details class="accordion" name="hotel-policies">
+  <summary>Rate parity policy</summary>
+  <p>Our Best Available Rate is the lowest non-restricted rate published across all channels, including direct booking via our website.</p>
+</details>`
+      }
+    ]
+  }
+};
+
 // src/manifests/components/entries/button.ts
 var button_default = {
   button: {
@@ -32853,6 +32939,7 @@ var repeatDatePicker_default = {
 
 // src/manifests/components/index.ts
 var componentManifest = {
+  ...accordion_default,
   ...button_default,
   ...textinput_default,
   ...numberinput_default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@triptease/design-system-mcp",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "MCP server for Triptease design system documentation",
   "type": "module",
   "main": "dist/index.js",