@triptease/design-system-mcp 1.2.2 → 1.2.4

package/dist/index.js

@@ -23302,7 +23302,7 @@ var StdioServerTransport = class {
 // package.json
 var package_default = {
   name: "@triptease/design-system-mcp",
-  version: "1.2.2",
+  version: "1.2.4",
   description: "MCP server for Triptease design system documentation",
   type: "module",
   main: "dist/index.js",
@@ -23323,23 +23323,23 @@ var package_default = {
     node: ">=18.0.0"
   },
   componentVersions: {
-    "@triptease/stylesheet": "2.0.2",
-    "@triptease/tt-bar-chart": "1.1.2",
+    "@triptease/stylesheet": "2.1.3",
+    "@triptease/tt-bar-chart": "1.1.3",
     "@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-date-picker": "6.3.1",
+    "@triptease/tt-date-range-picker": "6.4.1",
     "@triptease/tt-dialog": "5.2.1",
     "@triptease/tt-highlight": "1.1.1",
-    "@triptease/tt-line-chart": "1.1.2",
+    "@triptease/tt-line-chart": "1.1.3",
     "@triptease/tt-milestone": "1.1.1",
-    "@triptease/tt-paginator": "1.0.4",
-    "@triptease/tt-table-wrapper": "1.0.3",
+    "@triptease/tt-paginator": "1.0.6",
+    "@triptease/tt-table-wrapper": "1.0.5",
     "@triptease/tt-tabs": "1.1.0"
   },
   dependencies: {
-    "@triptease/stylesheet": "2.1.2"
+    "@triptease/stylesheet": "2.1.3"
   },
   devDependencies: {
     "@modelcontextprotocol/sdk": "1.26.0",
@@ -24040,11 +24040,19 @@ var table_default = {
         "For small amounts of data that would read more naturally as a list",
         "On small screens where columns cannot fit \u2014 consider alternative layouts"
       ],
+      bestPractices: [
+        "Keep column names short \u2014 one or two words where possible. Do not use sentences or sub-headings; if a column name needs explaining, consider simplifying it.",
+        "Use a dash (\u2014) for missing or unknown values. Do not leave cells empty \u2014 an empty cell is ambiguous.",
+        "Do not use 0 to represent missing data. Zero is a meaningful value \u2014 for example, a \xA30 budget indicates an intentional allocation of nothing, which is different from a budget that has not been set.",
+        "Do not use icons inside data cells. Tables are scanned by text; icons add visual noise without aiding comprehension. If a cell requires an icon to be understood, the text label or column header is not clear enough."
+      ],
       accessibility: [
         'Use th scope="col" on column headers to help screen readers associate cells with their headings',
-        'Sortable column headers receive aria-sort="ascending" or aria-sort="descending" automatically when using tt-table-wrapper',
         "Add a caption to provide an accessible label for the table, especially when multiple tables appear on the same page",
-        "Do not rely on visual position alone to convey data relationships \u2014 use semantic HTML (th, scope) so the structure is machine-readable"
+        "Do not rely on visual position alone to convey data relationships \u2014 use semantic HTML (th, scope) so the structure is machine-readable",
+        "When using tt-table-wrapper for sorting, each sortable header is automatically wrapped in a button, making it keyboard accessible via Tab, Enter, and Space",
+        'Sortable columns receive aria-sort="none" initially, and aria-sort="ascending" or aria-sort="descending" when active',
+        'Sort changes are announced via a live region (type status, polite): screen readers hear a message such as "Sorted by Revenue, ascending" or "Sort removed from Revenue" after each interaction'
       ]
     },
     installationOptions: {
@@ -25368,13 +25376,16 @@ var paginator_default = {
     element: "tt-paginator",
     usageGuidance: {
       whenToUse: [
-        "Tables, lists, or grids with more than 25 items",
+        "Lists, grids, or tables with more than 25 items",
         "When the consumer controls data fetching and needs to know which page to display"
       ],
       avoid: [
-        "Datasets with 25 or fewer items \u2014 display them all on a single page instead",
+        "Datasets with 25 or fewer items \u2014 display them all on a single page instead. The paginator hides itself automatically when all items fit on a single page, so no extra visibility logic is needed. The default page-size is 25, so you can omit the attribute if that fits your use case.",
         "Infinite scroll or load more patterns"
       ],
+      bestPractices: [
+        "Place the paginator immediately after the content it controls \u2014 no extra spacing or positioning needed. The component handles its own top margin and alignment."
+      ],
       accessibility: [
         'The component uses role="navigation" with aria-label="Pagination"',
         'Page buttons include aria-label="Go to page N" and aria-current="page" for the active page',
@@ -25405,7 +25416,7 @@ var paginator_default = {
       },
       "page-size": {
         type: "number",
-        default: "10",
+        default: "25",
         description: "Number of rows per page."
       }
     },
@@ -25419,20 +25430,40 @@ var paginator_default = {
     examples: [
       {
         title: "Basic usage",
-        description: "Paginator for 100 items with a page size of 25. Listen for the page-change event to display the correct slice of data.",
-        code: `<tt-paginator total-rows="100" page-size="25"></tt-paginator>
+        code: `<div>
+  <div style="display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-scale-3);">
+    <div class="card" style="padding: 0; overflow: hidden;">
+      <div style="background: var(--color-primary-200); padding: var(--space-scale-3);">
+        <p class="small">Book Direct &amp; Save</p>
+        <p class="strong">Best rate guaranteed</p>
+        <p class="small">Book directly with us and get our lowest available rate \u2014 no booking fees, no middlemen.</p>
+      </div>
+      <div style="display: flex; justify-content: space-between; align-items: center; padding: 0 var(--space-scale-3) var(--space-scale-3);">
+        <span class="badge" data-theme="info">Onsite</span>
+        <button data-theme="secondary">Use template</button>
+      </div>
+    </div>
+    <div class="card" style="padding: 0; overflow: hidden;">
+      <div style="background: var(--color-primary-200); padding: var(--space-scale-3);">
+        <p class="small">Members Only Rate</p>
+        <p class="strong">Exclusive rate for members</p>
+        <p class="small">Sign in to unlock a loyalty rate available only to members. Up to 15% off.</p>
+      </div>
+      <div style="display: flex; justify-content: space-between; align-items: center; padding: 0 var(--space-scale-3) var(--space-scale-3);">
+        <span class="badge" data-theme="info">Onsite</span>
+        <button data-theme="secondary">Use template</button>
+      </div>
+    </div>
+  </div>
+  <tt-paginator total-rows="12" page-size="6"></tt-paginator>
+</div>
 
 <script>
   document.querySelector('tt-paginator')
     .addEventListener('page-change', (e) => {
-      console.log('Page:', e.detail.page);
+      // fetch or slice items for e.detail.page and re-render the grid
     });
 </script>`
-      },
-      {
-        title: "Auto-hides when all items fit on one page",
-        description: "When total-rows is less than or equal to page-size, the paginator hides itself automatically.",
-        code: `<tt-paginator total-rows="10" page-size="25"></tt-paginator>`
       }
     ]
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@triptease/design-system-mcp",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "MCP server for Triptease design system documentation",
   "type": "module",
   "main": "dist/index.js",
@@ -21,23 +21,23 @@
     "node": ">=18.0.0"
   },
   "componentVersions": {
-    "@triptease/stylesheet": "2.0.2",
-    "@triptease/tt-bar-chart": "1.1.2",
+    "@triptease/stylesheet": "2.1.3",
+    "@triptease/tt-bar-chart": "1.1.3",
     "@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-date-picker": "6.3.1",
+    "@triptease/tt-date-range-picker": "6.4.1",
     "@triptease/tt-dialog": "5.2.1",
     "@triptease/tt-highlight": "1.1.1",
-    "@triptease/tt-line-chart": "1.1.2",
+    "@triptease/tt-line-chart": "1.1.3",
     "@triptease/tt-milestone": "1.1.1",
-    "@triptease/tt-paginator": "1.0.4",
-    "@triptease/tt-table-wrapper": "1.0.3",
+    "@triptease/tt-paginator": "1.0.6",
+    "@triptease/tt-table-wrapper": "1.0.5",
     "@triptease/tt-tabs": "1.1.0"
   },
   "dependencies": {
-    "@triptease/stylesheet": "2.1.2"
+    "@triptease/stylesheet": "2.1.3"
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "1.26.0",