@triptease/design-system-mcp 1.2.11 → 1.2.13

package/dist/index.js

@@ -7656,11 +7656,11 @@ function datetimeRegex(args) {
   regex = `${regex}(${opts.join("|")})`;
   return new RegExp(`^${regex}$`);
 }
-function isValidIP(ip, version9) {
-  if ((version9 === "v4" || !version9) && ipv4Regex.test(ip)) {
+function isValidIP(ip, version10) {
+  if ((version10 === "v4" || !version10) && ipv4Regex.test(ip)) {
     return true;
   }
-  if ((version9 === "v6" || !version9) && ipv6Regex.test(ip)) {
+  if ((version10 === "v6" || !version10) && ipv6Regex.test(ip)) {
     return true;
   }
   return false;
@@ -7687,11 +7687,11 @@ function isValidJWT(jwt2, alg) {
     return false;
   }
 }
-function isValidCidr(ip, version9) {
-  if ((version9 === "v4" || !version9) && ipv4CidrRegex.test(ip)) {
+function isValidCidr(ip, version10) {
+  if ((version10 === "v4" || !version10) && ipv4CidrRegex.test(ip)) {
     return true;
   }
-  if ((version9 === "v6" || !version9) && ipv6CidrRegex.test(ip)) {
+  if ((version10 === "v6" || !version10) && 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 = (version9) => {
-  if (!version9)
+var uuid = (version10) => {
+  if (!version10)
     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}-${version9}[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}-${version10}[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.2.11",
+  version: "1.2.13",
   description: "MCP server for Triptease design system documentation",
   type: "module",
   main: "dist/index.js",
@@ -23323,7 +23323,7 @@ var package_default = {
     node: ">=18.0.0"
   },
   componentVersions: {
-    "@triptease/stylesheet": "2.1.4",
+    "@triptease/stylesheet": "2.1.10",
     "@triptease/tt-bar-chart": "1.1.3",
     "@triptease/tt-combobox": "5.7.4",
     "@triptease/tt-data-point": "1.1.1",
@@ -23337,10 +23337,11 @@ var package_default = {
     "@triptease/tt-paginator": "1.0.7",
     "@triptease/tt-table-wrapper": "1.0.6",
     "@triptease/tt-tabs": "1.1.0",
+    "@triptease/tt-repeat-date-picker": "1.0.0",
     "@triptease/tt-weekday-picker": "1.0.1"
   },
   dependencies: {
-    "@triptease/stylesheet": "2.1.8"
+    "@triptease/stylesheet": "2.1.10"
   },
   devDependencies: {
     "@modelcontextprotocol/sdk": "1.26.0",
@@ -24005,21 +24006,26 @@ var card_default = {
     examples: [
       {
         title: "Basic usage",
-        code: `<div class="card">
-  <h3>Boost low-occupancy dates</h3>
-  <p>Drive bookings when you need them most</p>
-  <button data-theme="secondary">Boost some dates</button>
-</div>`
+        description: "- A card is the layout component. The content it holds is irrelevant and can be more than what is shown here.\n\n- Do not nest cards as this can make UI look too busy.",
+        code: `
+    <div className="card" style={{ width: '25rem' }}>
+      <tt-icon name="target" color="var(--color-primary-500)"></tt-icon>
+      <div>
+        <h3>Retarget guests</h3>
+        <p>Re-engage high-value guests after they've left your website</p>
+      </div>
+      <a href="#">Configure retargeting ads</a>
+    </div>;`
       }
     ]
   }
 };
 
 // src/utils/buildCDNUrls.ts
-var buildCDNUrl = (componentName, version9) => {
-  return `https://cdn.design-system.triptease.io/${componentName}/${version9}/${componentName}.js`;
+var buildCDNUrl = (componentName, version10) => {
+  return `https://cdn.design-system.triptease.io/${componentName}/${version10}/${componentName}.js`;
 };
-var buildMajorVersion = (version9) => `${version9.split(".")[0]}.x.x`;
+var buildMajorVersion = (version10) => `${version10.split(".")[0]}.x.x`;
 
 // src/manifests/components/entries/table.ts
 var tableWrapperVersion = package_default.componentVersions["@triptease/tt-table-wrapper"];
@@ -25635,6 +25641,105 @@ var weekdayPicker_default = {
   }
 };
 
+// src/manifests/components/entries/repeatDatePicker.ts
+var version9 = package_default.componentVersions["@triptease/tt-repeat-date-picker"];
+var repeatDatePicker_default = {
+  "repeat-date-picker": {
+    name: "Repeat Date Picker",
+    description: "A repeat date picker lets users define a date range and optionally schedule it to repeat on a regular basis. The form value is a JSON-encoded { dates, infinite } object. infinite is true only when repeat is on with no defined end condition; it is false when repeat is off or a finite list of occurrences has been set.",
+    ssrSafe: true,
+    element: "tt-repeat-date-picker",
+    usageGuidance: {
+      whenToUse: [
+        "A user needs to schedule a recurring campaign, promotion, or event across multiple date ranges",
+        "A booking offer or rate plan applies to several periods that follow a predictable pattern"
+      ],
+      avoid: [
+        "A single, one-off date range is needed \u2014 use the Date Range Picker instead",
+        "Only a single date (not a range) is needed \u2014 use the Date Picker instead"
+      ],
+      accessibility: [
+        'Always associate a visible label using a <label for="..."> element \u2014 the component does not render its own label',
+        "The repeat option groups are wrapped in fieldset and legend elements, which screen readers announce as named groups"
+      ]
+    },
+    installationOptions: {
+      npm: [{ name: "@triptease/tt-repeat-date-picker", includesTypes: true, optional: false }],
+      cdn: [
+        {
+          name: "@triptease/tt-repeat-date-picker",
+          includesTypes: false,
+          optional: false,
+          moduleFormat: "esm",
+          latestVersionUrl: buildCDNUrl("tt-repeat-date-picker", "latest"),
+          pinnedMajorVersionUrl: buildCDNUrl("tt-repeat-date-picker", buildMajorVersion(version9)),
+          pinnedVersionUrl: buildCDNUrl("tt-repeat-date-picker", version9),
+          guidance: "Prefer pinned major version URL to avoid unexpected breaking changes. Do not use latest version URL in production code."
+        }
+      ]
+    },
+    attributes: {
+      name: { type: "string", description: "Form field name used in form data submission" },
+      mindate: { type: "string", description: "Earliest selectable date in YYYY-MM-DD format. Passed through to the internal date range picker." },
+      maxdate: { type: "string", description: "Latest selectable date in YYYY-MM-DD format. Passed through to the internal date range picker." },
+      required: {
+        type: "boolean",
+        description: "Marks the field as required. Reports valueMissing when no date range has been selected"
+      },
+      disabled: { type: "boolean", description: "Disables the date range picker and the repeat checkbox" }
+    },
+    events: {
+      change: {
+        description: "Fired whenever the selected range, repeat settings, or end condition changes. Read the value property to get the updated { dates, infinite } object.",
+        bubbles: true
+      }
+    },
+    examples: [
+      {
+        title: "Basic usage",
+        code: `<label for="promo-dates">Promotional period</label>
+<tt-repeat-date-picker id="promo-dates" name="repeat-dates"></tt-repeat-date-picker>`
+      },
+      {
+        title: "Date constraints",
+        description: "Use mindate and maxdate to restrict which dates the user can select. Set mindate when the range cannot start before a certain date \u2014 for example, today for a future-only promotion. Set maxdate when the range must end before a certain date \u2014 for example, the end of a campaign window.",
+        code: `<label for="promo-dates">Promotional period</label>
+<tt-repeat-date-picker id="promo-dates" name="repeat-dates" mindate="2026-01-01" maxdate="2026-12-31"></tt-repeat-date-picker>`
+      },
+      {
+        title: "Disabled",
+        description: "Use the disabled state when scheduling is temporarily unavailable. If scheduling will never be available to this user, consider hiding the component entirely rather than disabling it.",
+        code: `<label for="promo-dates">Promotional period</label>
+<tt-repeat-date-picker id="promo-dates" name="repeat-dates" disabled></tt-repeat-date-picker>`
+      },
+      {
+        title: "Required",
+        description: "Use required when a schedule must be provided before the form can be submitted. Like a native required input, the component sets a browser validation message, but this produces a disruptive tooltip. Always provide a visible inline error message instead and associate it using aria-describedby.",
+        code: `<form id="required-form" novalidate>
+  <label for="promo-dates">Promotional period</label>
+  <tt-repeat-date-picker id="promo-dates" name="repeat-dates" required aria-describedby="repeat-dates-error"></tt-repeat-date-picker>
+  <span id="repeat-dates-error" hidden>Please select a date range</span>
+  <button type="submit">Submit</button>
+</form>
+
+<script>
+  document.getElementById('required-form').addEventListener('submit', (e) => {
+    e.preventDefault();
+    const errorEl = document.getElementById('repeat-dates-error');
+    if (!e.currentTarget.checkValidity()) {
+      errorEl.hidden = false;
+      return;
+    }
+    errorEl.hidden = true;
+    const value = JSON.parse(new FormData(e.currentTarget).get('repeat-dates'));
+    console.log(value); // { dates: [...], infinite: false }
+  });
+</script>`
+      }
+    ]
+  }
+};
+
 // src/manifests/components/index.ts
 var componentManifest = {
   ...button_default,
@@ -25659,7 +25764,8 @@ var componentManifest = {
   ...banner_default,
   ...tabs_default,
   ...paginator_default,
-  ...weekdayPicker_default
+  ...weekdayPicker_default,
+  ...repeatDatePicker_default
 };
 
 // src/resources/components/list.ts
@@ -28527,13 +28633,13 @@ var tokens_default = {
   },
   "box-shadow": {
     sm: {
-      value: "0px 2px 5px rgba(0, 0, 0, 0.1)",
+      value: "0 1px 0 0 #E8EAEC",
       type: "boxShadow",
       name: " ",
       filePath: "tokens/src/styles.json",
       isSource: true,
       original: {
-        value: "0px 2px 5px rgba(0, 0, 0, 0.1)",
+        value: "0 1px 0 0 #E8EAEC",
         type: "boxShadow",
         name: "Small box shadow"
       },
@@ -28546,14 +28652,34 @@ var tokens_default = {
         "sm"
       ]
     },
+    md: {
+      value: "0 8px 12px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
+      type: "boxShadow",
+      name: " ",
+      filePath: "tokens/src/styles.json",
+      isSource: true,
+      original: {
+        value: "0 8px 12px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
+        type: "boxShadow",
+        name: "Medium box shadow"
+      },
+      attributes: {
+        category: "box-shadow",
+        type: "md"
+      },
+      path: [
+        "box-shadow",
+        "md"
+      ]
+    },
     lg: {
-      value: "0px 2px 20px rgba(0, 0, 0, 0.1)",
+      value: "0 50px 100px 0 rgba(60, 66, 87, 0.08), 0 15px 35px 0 rgba(60, 66, 87, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.12)",
       type: "boxShadow",
       name: " ",
       filePath: "tokens/src/styles.json",
       isSource: true,
       original: {
-        value: "0px 2px 20px rgba(0, 0, 0, 0.1)",
+        value: "0 50px 100px 0 rgba(60, 66, 87, 0.08), 0 15px 35px 0 rgba(60, 66, 87, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.12)",
         type: "boxShadow",
         name: "Large box shadow"
       },
@@ -28577,7 +28703,7 @@ var tokens_default = {
         value: "0px 10px 20px rgba(0, 0, 0, 0.2)",
         type: "boxShadow",
         comment: "Large box shadow used for hover effects",
-        name: "Large box shadow hover state"
+        name: "DEPRECATED - Large box shadow hover state"
       },
       attributes: {
         category: "box-shadow",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@triptease/design-system-mcp",
-  "version": "1.2.11",
+  "version": "1.2.13",
   "description": "MCP server for Triptease design system documentation",
   "type": "module",
   "main": "dist/index.js",
@@ -21,7 +21,7 @@
     "node": ">=18.0.0"
   },
   "componentVersions": {
-    "@triptease/stylesheet": "2.1.4",
+    "@triptease/stylesheet": "2.1.10",
     "@triptease/tt-bar-chart": "1.1.3",
     "@triptease/tt-combobox": "5.7.4",
     "@triptease/tt-data-point": "1.1.1",
@@ -35,10 +35,11 @@
     "@triptease/tt-paginator": "1.0.7",
     "@triptease/tt-table-wrapper": "1.0.6",
     "@triptease/tt-tabs": "1.1.0",
+    "@triptease/tt-repeat-date-picker": "1.0.0",
     "@triptease/tt-weekday-picker": "1.0.1"
   },
   "dependencies": {
-    "@triptease/stylesheet": "2.1.8"
+    "@triptease/stylesheet": "2.1.10"
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "1.26.0",