@ds-mo/ui 15.9.0 → 15.10.0

package/dist/mcp-data/registry/field.json

@@ -218,7 +218,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/filter-menu.json

@@ -899,7 +899,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: anchor, boundary, filters, matchModes, values.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/icon.json

@@ -221,7 +221,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/inline-banner-settings.json

@@ -146,7 +146,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/input-date.json

@@ -532,7 +532,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/input-time.json

@@ -570,7 +570,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/input.json

@@ -1037,7 +1037,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: suggestions, tokens.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/loader.json

@@ -191,7 +191,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/map-cluster-marker.json

@@ -20,10 +20,16 @@
       ],
       "avoidWhen": [
         "The marker represents one vehicle, asset, person, or travel group; use MapEntityMarker.",
+        "The marker represents one application-defined point, location, or event; use MapMarker.",
         "The count is a notification attached to another control; use Badge.",
         "The component would be asked to calculate clusters or own geographic and selected-entity business state."
       ],
       "alternatives": [
+        {
+          "when": "One application-defined point needs semantic intent color and an arbitrary map icon.",
+          "component": "component:ds-map-marker",
+          "reason": "MapMarker owns single-point and event marker semantics and geometry."
+        },
         {
           "when": "One map entity needs operating state, bearing, and an optional dashed outline.",
           "component": "component:ds-map-entity-marker",
@@ -36,6 +42,7 @@
         }
       ],
       "commonlyComposedWith": [
+        "component:ds-map-marker",
         "component:ds-map-entity-marker",
         "component:ds-text"
       ],
@@ -234,7 +241,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
@@ -251,7 +258,7 @@
   "files": [
     {
       "path": "src/wc/components/MapClusterMarker/MapClusterMarker.css",
-      "content": "@import '../../utils/focus-ring.css';\n@import '../../utils/map-marker.css';\n\n:host {\n  --_map-marker-background: var(--color-entity-cluster-marker-background);\n  --_map-marker-foreground: var(--color-entity-cluster-marker-foreground);\n  --_map-marker-interaction-hover: var(--color-entity-cluster-marker-interaction-hover);\n  --_map-marker-interaction-pressed: var(--color-entity-cluster-marker-interaction-pressed);\n}\n\n.map-marker__button {\n  width: max-content;\n  padding-inline: 0;\n  border-radius: var(--dimension-radius-half);\n}\n\n.map-marker__button,\n.map-marker__caption {\n  -webkit-backdrop-filter: blur(var(--effect-blur-md));\n  backdrop-filter: blur(var(--effect-blur-md));\n}\n\n.map-cluster-marker__button--padded {\n  padding-inline: var(--dimension-space-100);\n}\n\n.map-cluster-marker__count {\n  position: relative;\n  z-index: 2;\n  display: inline-flex;\n  white-space: nowrap;\n}\n",
+      "content": "@import '../../utils/focus-ring.css';\n@import '../../utils/map-marker.css';\n\n:host {\n  --_map-marker-background: var(--color-map-marker-cluster-background);\n  --_map-marker-foreground: var(--color-map-marker-cluster-foreground);\n  --_map-marker-interaction-hover: var(--color-map-marker-cluster-interaction-hover);\n  --_map-marker-interaction-pressed: var(--color-map-marker-cluster-interaction-pressed);\n}\n\n.map-marker__button {\n  width: max-content;\n  padding-inline: 0;\n  border-radius: var(--dimension-radius-half);\n}\n\n.map-marker__button,\n.map-marker__caption {\n  -webkit-backdrop-filter: blur(var(--effect-blur-md));\n  backdrop-filter: blur(var(--effect-blur-md));\n}\n\n.map-cluster-marker__button--padded {\n  padding-inline: var(--dimension-space-100);\n}\n\n.map-cluster-marker__count {\n  position: relative;\n  z-index: 2;\n  display: inline-flex;\n  white-space: nowrap;\n}\n",
       "type": "registry:ui"
     },
     {

package/dist/mcp-data/registry/map-entity-marker.json

@@ -20,10 +20,16 @@
       ],
       "avoidWhen": [
         "Several nearby entities must be represented as one count; use MapClusterMarker.",
+        "An application-defined point, location, or event needs a semantic intent and arbitrary map icon; use MapMarker.",
         "The content is a legend item or non-interactive status swatch.",
         "The component would be asked to own geographic coordinates, clustering, map-engine adapters, or selected-entity business state."
       ],
       "alternatives": [
+        {
+          "when": "An application-defined map point needs semantic intent color and an arbitrary map icon.",
+          "component": "component:ds-map-marker",
+          "reason": "MapMarker owns generic intent-based point and event semantics without entity motion behavior."
+        },
         {
           "when": "Several nearby entities are represented by a compact count.",
           "component": "component:ds-map-cluster-marker",
@@ -31,6 +37,7 @@
         }
       ],
       "commonlyComposedWith": [
+        "component:ds-map-marker",
         "component:ds-map-cluster-marker",
         "component:ds-icon"
       ],
@@ -290,7 +297,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
@@ -309,7 +316,7 @@
   "files": [
     {
       "path": "src/wc/components/MapEntityMarker/MapEntityMarker.css",
-      "content": "@import '../../utils/focus-ring.css';\n@import '../../utils/map-marker.css';\n\n:host([state='moving']) {\n  --_map-marker-background: var(--color-entity-marker-background-in-motion);\n}\n\n:host([state='idling']) {\n  --_map-marker-background: var(--color-entity-marker-background-idling);\n}\n\n:host([state='stationary']) {\n  --_map-marker-background: var(--color-entity-marker-background-stationary);\n}\n\n:host([state='immobilized']) {\n  --_map-marker-background: var(--color-entity-marker-background-immobilized);\n}\n\n:host([state='unknown']) {\n  --_map-marker-background: var(--color-entity-marker-background-stale);\n}\n\n.map-marker__button {\n  width: var(--dimension-size-300);\n  border-radius: var(--dimension-radius-half);\n}\n\n:host(.map-entity-marker--dashed) .map-marker__button::after {\n  display: none;\n}\n\n.map-entity-marker__dashed-outline {\n  position: absolute;\n  z-index: 3;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n  pointer-events: none;\n  transform: rotate(-90deg);\n  fill: none;\n  stroke: currentcolor;\n  stroke-width: 1;\n  stroke-linecap: butt;\n}\n\n.map-entity-marker__glyph {\n  position: relative;\n  z-index: 2;\n  display: inline-flex;\n  transform: rotate(var(--ds-map-entity-marker-bearing));\n}\n\n@media (forced-colors: active) {\n  :host(.map-entity-marker--dashed) .map-marker__button::after {\n    display: block;\n    outline-style: dashed;\n  }\n\n  .map-entity-marker__dashed-outline {\n    display: none;\n  }\n}\n",
+      "content": "@import '../../utils/focus-ring.css';\n@import '../../utils/map-marker.css';\n\n:host([state='moving']) {\n  --_map-marker-background: var(--color-map-marker-entity-background-in-motion);\n}\n\n:host([state='idling']) {\n  --_map-marker-background: var(--color-map-marker-entity-background-idling);\n}\n\n:host([state='stationary']) {\n  --_map-marker-background: var(--color-map-marker-entity-background-stationary);\n}\n\n:host([state='immobilized']) {\n  --_map-marker-background: var(--color-map-marker-entity-background-immobilized);\n}\n\n:host([state='unknown']) {\n  --_map-marker-background: var(--color-map-marker-entity-background-stale);\n}\n\n.map-marker__button {\n  width: var(--dimension-size-300);\n  border-radius: var(--dimension-radius-half);\n}\n\n:host(.map-entity-marker--dashed) .map-marker__button::after {\n  display: none;\n}\n\n.map-entity-marker__dashed-outline {\n  position: absolute;\n  z-index: 3;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n  pointer-events: none;\n  transform: rotate(-90deg);\n  fill: none;\n  stroke: currentcolor;\n  stroke-width: 1;\n  stroke-linecap: butt;\n}\n\n.map-entity-marker__glyph {\n  position: relative;\n  z-index: 2;\n  display: inline-flex;\n  transform: rotate(var(--ds-map-entity-marker-bearing));\n}\n\n@media (forced-colors: active) {\n  :host(.map-entity-marker--dashed) .map-marker__button::after {\n    display: block;\n    outline-style: dashed;\n  }\n\n  .map-entity-marker__dashed-outline {\n    display: none;\n  }\n}\n",
       "type": "registry:ui"
     },
     {

package/dist/mcp-data/registry/map-marker.json

@@ -0,0 +1,288 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "map-marker",
+  "title": "MapMarker",
+  "description": "Engine-independent map marker button for an application-defined point, location, or event with semantic intent color and a hover or focus caption.",
+  "type": "registry:ui",
+  "meta": {
+    "library": "@ds-mo/ui",
+    "distribution": "npm",
+    "storybook": "https://zainadeel.github.io/compomo/?path=/story/map-marker",
+    "source": "src/wc/components/MapMarker/MapMarker.tsx",
+    "intentStatus": "complete",
+    "intent": {
+      "audience": "general",
+      "status": "experimental",
+      "summary": "Engine-independent map marker button for an application-defined point, location, or event with semantic intent color and a hover or focus caption.",
+      "useWhen": [
+        "An application map needs an interactive marker whose icon and semantic intent describe an application-defined point, location, or event.",
+        "The map engine can mount a custom element and retain ownership of coordinates, anchoring, and camera behavior."
+      ],
+      "avoidWhen": [
+        "The marker represents a vehicle, asset, person, or travel group with an operating state; use MapEntityMarker.",
+        "Several nearby points must be represented as one count; use MapClusterMarker.",
+        "The content is a legend item or non-interactive status swatch.",
+        "The component would be asked to own geographic coordinates, clustering, map-engine adapters, or selected-item business state."
+      ],
+      "alternatives": [
+        {
+          "when": "One map entity needs operating state, bearing, and an optional dashed outline.",
+          "component": "component:ds-map-entity-marker",
+          "reason": "MapEntityMarker owns entity operating-state semantics and geometry."
+        },
+        {
+          "when": "Several nearby points are represented by a compact count.",
+          "component": "component:ds-map-cluster-marker",
+          "reason": "MapClusterMarker owns cluster count formatting and cluster interaction geometry."
+        }
+      ],
+      "commonlyComposedWith": [
+        "component:ds-map-entity-marker",
+        "component:ds-map-cluster-marker",
+        "component:ds-icon"
+      ],
+      "accessibility": [
+        "The component renders a native button and label is its accessible action name. Prefer an action-oriented label such as ‘Open harsh braking event’.",
+        "Caption is a supplemental visual identifier and is hidden from assistive technology to avoid duplicating label.",
+        "Keyboard focus reveals the same caption as hover and uses the shared visible focus ring.",
+        "Intent meaning must be present in nearby map legend or application detail content; do not rely on marker color alone."
+      ],
+      "states": [
+        "intent is application-controlled and selects the semantic map-marker color without inferring business state.",
+        "icon is application-controlled and accepts a canonical IcoMo icon name appropriate to the mapped point.",
+        "dimmed is visual de-emphasis only. The map owner decides when selection context should dim peer markers and keeps every marker operable. A dimmed marker returns to full opacity while hovered or keyboard-focused so its revealed caption remains legible.",
+        "Activation emits dsClick without changing application selection internally."
+      ],
+      "responsiveBehavior": [
+        "Marker geometry stays fixed across breakpoints so map-engine anchors remain stable.",
+        "The map owner controls collision handling, overlays, and viewport-aware caption placement."
+      ],
+      "frameworkCaveats": {
+        "customElements": [
+          "A map engine that accepts an Element for a custom marker or div icon can mount ds-map-marker directly.",
+          "Listen for dsClick and keep selected item, z-index, coordinates, and camera movement in application state."
+        ],
+        "react": [
+          "Handle dsClick through the generated event binding."
+        ],
+        "angular": [
+          "Keep map-engine marker lifecycle in the owning map adapter."
+        ]
+      },
+      "references": [
+        {
+          "label": "Storybook examples",
+          "path": "src/wc/components/MapMarker/MapMarker.stories.ts"
+        }
+      ],
+      "styling": {
+        "rationale": "The component owns stable map anchoring geometry and semantic intent recipes; the map engine owns host placement and stacking.",
+        "protected": [
+          {
+            "properties": [
+              "width",
+              "height",
+              "min-width",
+              "padding",
+              "border",
+              "border-radius",
+              "background",
+              "color",
+              "opacity"
+            ],
+            "reason": "Marker geometry, semantic-intent colors, interaction treatment, and de-emphasis are one accessible visual recipe.",
+            "props": [
+              "intent",
+              "dimmed"
+            ]
+          }
+        ],
+        "customProperties": []
+      }
+    },
+    "api": {
+      "props": {
+        "caption": {
+          "type": "string",
+          "resolvedType": "string",
+          "attribute": "caption",
+          "default": "''",
+          "required": false,
+          "mutable": false,
+          "description": "Short visible identifier revealed on hover or keyboard focus."
+        },
+        "dimmed": {
+          "type": "boolean",
+          "resolvedType": "boolean",
+          "attribute": "dimmed",
+          "default": "false",
+          "required": false,
+          "mutable": false,
+          "description": "De-emphasizes this marker when an owner-managed selection is active elsewhere."
+        },
+        "icon": {
+          "type": "string",
+          "resolvedType": "string",
+          "attribute": "icon",
+          "default": "'MapTarget'",
+          "required": false,
+          "mutable": false,
+          "description": "Canonical IcoMo icon name for the represented map point."
+        },
+        "intent": {
+          "type": "MapMarkerIntent",
+          "resolvedType": "\"brand\" | \"caution\" | \"negative\" | \"neutral\" | \"positive\" | \"warning\"",
+          "attribute": "intent",
+          "default": "'neutral'",
+          "required": false,
+          "mutable": false,
+          "description": "Semantic intent that selects the marker color."
+        },
+        "label": {
+          "type": "string",
+          "resolvedType": "string",
+          "attribute": "label",
+          "required": true,
+          "mutable": false,
+          "description": "Accessible action label. Describe what activating the marker opens."
+        }
+      },
+      "events": [
+        {
+          "name": "dsClick",
+          "detail": "MouseEvent",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "description": "Fired when the marker's native button is activated."
+        }
+      ],
+      "methods": [
+        {
+          "name": "setFocus",
+          "signature": "setFocus() => Promise<void>",
+          "description": "Moves keyboard focus to the marker button."
+        }
+      ],
+      "slots": []
+    },
+    "props": {
+      "caption": {
+        "type": "string",
+        "resolvedType": "string",
+        "attribute": "caption",
+        "default": "''",
+        "required": false,
+        "mutable": false,
+        "description": "Short visible identifier revealed on hover or keyboard focus."
+      },
+      "dimmed": {
+        "type": "boolean",
+        "resolvedType": "boolean",
+        "attribute": "dimmed",
+        "default": "false",
+        "required": false,
+        "mutable": false,
+        "description": "De-emphasizes this marker when an owner-managed selection is active elsewhere."
+      },
+      "icon": {
+        "type": "string",
+        "resolvedType": "string",
+        "attribute": "icon",
+        "default": "'MapTarget'",
+        "required": false,
+        "mutable": false,
+        "description": "Canonical IcoMo icon name for the represented map point."
+      },
+      "intent": {
+        "type": "MapMarkerIntent",
+        "resolvedType": "\"brand\" | \"caution\" | \"negative\" | \"neutral\" | \"positive\" | \"warning\"",
+        "attribute": "intent",
+        "default": "'neutral'",
+        "required": false,
+        "mutable": false,
+        "description": "Semantic intent that selects the marker color."
+      },
+      "label": {
+        "type": "string",
+        "resolvedType": "string",
+        "attribute": "label",
+        "required": true,
+        "mutable": false,
+        "description": "Accessible action label. Describe what activating the marker opens."
+      }
+    },
+    "events": [
+      {
+        "name": "dsClick",
+        "detail": "MouseEvent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "description": "Fired when the marker's native button is activated."
+      }
+    ],
+    "methods": [
+      {
+        "name": "setFocus",
+        "signature": "setFocus() => Promise<void>",
+        "description": "Moves keyboard focus to the marker button."
+      }
+    ],
+    "slots": [],
+    "exports": {
+      "customElement": "ds-map-marker",
+      "react": "DsMapMarker",
+      "vue": "DsMapMarker",
+      "angular": "DsMapMarker"
+    },
+    "consumption": {
+      "install": "npm install @ds-mo/ui @ds-mo/tokens @ds-mo/icons",
+      "cssSetup": "import '@ds-mo/tokens';\nimport '@ds-mo/tokens/reset';\nimport '@ds-mo/tokens/globals';",
+      "customElements": {
+        "import": "import '@ds-mo/ui/dist/components/ds-map-marker.js';",
+        "example": "<ds-map-marker></ds-map-marker>"
+      },
+      "react": {
+        "import": "import { DsMapMarker } from '@ds-mo/ui/react';",
+        "example": "<DsMapMarker />"
+      },
+      "vue": {
+        "import": "import { DsMapMarker } from '@ds-mo/ui/vue';",
+        "example": "<DsMapMarker />"
+      },
+      "angular": {
+        "import": "import { DsMapMarker } from '@ds-mo/ui/angular/ds-map-marker';",
+        "example": "<ds-map-marker></ds-map-marker>"
+      },
+      "peerDependencies": {
+        "required": [
+          "@ds-mo/tokens ^8.0.0",
+          "@ds-mo/icons ^8.1.1"
+        ],
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
+      }
+    }
+  },
+  "dependencies": [
+    "@ds-mo/ui",
+    "@ds-mo/tokens",
+    "@ds-mo/icons"
+  ],
+  "registryDependencies": [
+    "icon",
+    "text"
+  ],
+  "files": [
+    {
+      "path": "src/wc/components/MapMarker/MapMarker.css",
+      "content": "@import '../../utils/focus-ring.css';\n@import '../../utils/map-marker.css';\n\n:host {\n  --_map-marker-background: var(--color-map-marker-intent-background-neutral);\n  --_map-marker-foreground: var(--color-map-marker-intent-foreground);\n  --_map-marker-interaction-hover: var(--color-map-marker-intent-interaction-hover);\n  --_map-marker-interaction-pressed: var(--color-map-marker-intent-interaction-pressed);\n}\n\n:host([intent='brand']) {\n  --_map-marker-background: var(--color-map-marker-intent-background-brand);\n}\n\n:host([intent='positive']) {\n  --_map-marker-background: var(--color-map-marker-intent-background-positive);\n}\n\n:host([intent='warning']) {\n  --_map-marker-background: var(--color-map-marker-intent-background-warning);\n}\n\n:host([intent='caution']) {\n  --_map-marker-background: var(--color-map-marker-intent-background-caution);\n}\n\n:host([intent='negative']) {\n  --_map-marker-background: var(--color-map-marker-intent-background-negative);\n}\n\n.map-marker__button {\n  width: var(--dimension-size-300);\n  border-radius: var(--dimension-radius-half);\n}\n\n.map-marker__glyph {\n  position: relative;\n  z-index: 2;\n  display: inline-flex;\n}\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/wc/components/MapMarker/MapMarker.tsx",
+      "content": "import { Component, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\n\nexport type MapMarkerIntent = 'brand' | 'neutral' | 'positive' | 'warning' | 'caution' | 'negative';\n\n@Component({\n  tag: 'ds-map-marker',\n  styleUrl: 'MapMarker.css',\n  scoped: true,\n})\nexport class MapMarker {\n  /** Accessible action label. Describe what activating the marker opens. */\n  @Prop() label!: string;\n\n  /** Short visible identifier revealed on hover or keyboard focus. */\n  @Prop() caption: string = '';\n\n  /** Canonical IcoMo icon name for the represented map point. */\n  @Prop() icon: string = 'MapTarget';\n\n  /** Semantic intent that selects the marker color. */\n  @Prop({ reflect: true }) intent: MapMarkerIntent = 'neutral';\n\n  /** De-emphasizes this marker when an owner-managed selection is active elsewhere. */\n  @Prop({ reflect: true }) dimmed: boolean = false;\n\n  /** Fired when the marker's native button is activated. */\n  @Event() dsClick!: EventEmitter<MouseEvent>;\n\n  private buttonEl?: HTMLButtonElement;\n\n  /** Moves keyboard focus to the marker button. */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.buttonEl?.focus();\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    this.dsClick.emit(event);\n  };\n\n  render() {\n    const caption = this.caption.trim();\n\n    return (\n      <Host class={{ 'map-marker': true, 'map-marker--dimmed': this.dimmed }}>\n        <button\n          ref={element => (this.buttonEl = element)}\n          type=\"button\"\n          class=\"map-marker__button ds-focus-ring\"\n          aria-label={this.label}\n          onClick={this.handleClick}\n        >\n          <span class=\"map-marker__glyph\" aria-hidden=\"true\">\n            <ds-icon name={this.icon} size=\"sm\" color=\"inherit\"></ds-icon>\n          </span>\n        </button>\n        {caption && (\n          <ds-text\n            class=\"map-marker__caption\"\n            as=\"span\"\n            variant=\"text-caption\"\n            color=\"inherit\"\n            aria-hidden=\"true\"\n          >\n            {caption}\n          </ds-text>\n        )}\n      </Host>\n    );\n  }\n}\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/mcp-data/registry/markdown.json

@@ -138,7 +138,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/menu.json

@@ -581,7 +581,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: anchor, boundary, items, sections.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/message-actions.json

@@ -167,7 +167,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/message-bubble.json

@@ -127,7 +127,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/message-composer.json

@@ -285,7 +285,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/message-scroller.json

@@ -212,7 +212,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/message.json

@@ -259,7 +259,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/mobile-bar-nav.json

@@ -429,7 +429,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: currentArea.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/mobile-header.json

@@ -368,7 +368,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: sections, subsections.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/mobile-section-switcher.json

@@ -228,7 +228,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: sections.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/mobile-sheet-nav.json

@@ -390,7 +390,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: dashboardGroups, settingsGroups.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/modal.json

@@ -298,7 +298,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/navigation-tab-group.json

@@ -250,7 +250,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: tabs.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/pagination.json

@@ -410,7 +410,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: pageSizeOptions.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/panel-nav.json

@@ -711,7 +711,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/panel-sub-nav.json

@@ -245,7 +245,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: items.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/panel-tool-header.json

@@ -361,7 +361,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: actions.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.7.0",
+          "@ds-mo/tokens ^8.0.0",
           "@ds-mo/icons ^8.1.1"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."