@ds-mo/ui 14.14.0 → 14.15.1

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-08-23T20:32:45",
+  "timestamp": "2026-08-24T22:07:04",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -27070,7 +27070,14 @@
           "docsTags": []
         }
       ],
-      "listeners": [],
+      "listeners": [
+        {
+          "event": "keydown",
+          "target": "window",
+          "capture": false,
+          "passive": false
+        }
+      ],
       "styles": [],
       "slots": [],
       "parts": [],

package/dist/mcp/cli.js

@@ -29202,6 +29202,7 @@ ${consumption.install}
     codeExample("Design tokens (once at app entry point)", consumption.cssSetup),
     codeExample("Custom Elements", consumption.customElements?.import),
     codeExample("React", consumption.react?.import),
+    codeExample("Vue", consumption.vue?.import),
     codeExample("Angular", consumption.angular?.import)
   ].filter(Boolean);
   sections.push(`## Imports
@@ -29210,6 +29211,7 @@ ${imports.join("\n\n")}`);
   const examples = [
     codeExample("Custom Elements", consumption.customElements?.example, "html"),
     codeExample("React", consumption.react?.example),
+    codeExample("Vue", consumption.vue?.example),
     codeExample("Angular", consumption.angular?.example, "html")
   ].filter(Boolean);
   if (examples.length) sections.push(`## Examples
@@ -29387,7 +29389,7 @@ var PATTERN_LIST_OUTPUT_SCHEMA = external_exports.object({
   patterns: external_exports.array(PATTERN_SUMMARY_SCHEMA)
 });
 var PATTERN_OUTPUT_SCHEMA = external_exports.object({
-  framework: external_exports.enum(["customElements", "react", "angular"]).nullable(),
+  framework: external_exports.enum(["customElements", "react", "vue", "angular"]).nullable(),
   pattern: JSON_OBJECT_SCHEMA
 });
 function ensureRegistry() {
@@ -29517,6 +29519,19 @@ function MyPage() {
 }
 \`\`\`
 
+**Vue wrappers** (Stencil-generated):
+
+\`\`\`vue
+<script setup lang="ts">
+import { DsButtonFilled, DsText } from '@ds-mo/ui/vue';
+import '@ds-mo/tokens';
+</script>
+
+<template>
+  <DsButtonFilled label="Continue" />
+</template>
+\`\`\`
+
 **Custom elements** (any framework):
 
 \`\`\`html
@@ -29544,7 +29559,7 @@ Never hardcode these values. The tokens support light/dark theming automatically
 ## 8. Important
 
 - Source of truth is Stencil \`<ds-*>\` custom elements in \`dist/components/\`
-- Angular: \`@ds-mo/ui/angular\` proxies; React: \`@ds-mo/ui/react\` wrappers
+- Angular: \`@ds-mo/ui/angular\` proxies; React: \`@ds-mo/ui/react\` wrappers; Vue: \`@ds-mo/ui/vue\` wrappers
 - No \`@ds-mo/ui/loader\` or global \`@ds-mo/ui/css\` \u2014 import per-component JS modules
 - Icons: \`@ds-mo/icons\` is a required peer; \`<ds-icon name="Bell" />\` uses IcoMo export keys
 `;
@@ -29737,10 +29752,10 @@ ${formatPatternList(patterns)}` }],
     "get_pattern",
     {
       title: "Get Pattern",
-      description: "Get design intent, state ownership, accessibility requirements, and executable Custom Elements, React, or Angular recipes for an @ds-mo/ui composition.",
+      description: "Get design intent, state ownership, accessibility requirements, and executable Custom Elements, React, Vue, or Angular recipes for an @ds-mo/ui composition.",
       inputSchema: external_exports.object({
         name: external_exports.string().describe('Pattern id or name, for example "menu-trigger" or "pattern:menu-trigger".'),
-        framework: external_exports.enum(["customElements", "react", "angular"]).optional().describe("Return recipes only for this framework. Omit to return every implementation.")
+        framework: external_exports.enum(["customElements", "react", "vue", "angular"]).optional().describe("Return recipes only for this framework. Omit to return every implementation.")
       }),
       outputSchema: PATTERN_OUTPUT_SCHEMA,
       annotations: READ_ONLY_TOOL_ANNOTATIONS

package/dist/mcp-data/registry/agent-activity.json

@@ -106,6 +106,7 @@
     "exports": {
       "customElement": "ds-agent-activity",
       "react": "DsAgentActivity",
+      "vue": "DsAgentActivity",
       "angular": "DsAgentActivity"
     },
     "consumption": {
@@ -119,6 +120,10 @@
         "import": "import { DsAgentActivity } from '@ds-mo/ui/react';",
         "example": "<DsAgentActivity />"
       },
+      "vue": {
+        "import": "import { DsAgentActivity } from '@ds-mo/ui/vue';",
+        "example": "<DsAgentActivity />"
+      },
       "angular": {
         "import": "import { DsAgentActivity } from '@ds-mo/ui/angular/ds-agent-activity';",
         "example": "<ds-agent-activity></ds-agent-activity>"
@@ -129,7 +134,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

package/dist/mcp-data/registry/agent-questionnaire.json

@@ -211,6 +211,7 @@
     "exports": {
       "customElement": "ds-agent-questionnaire",
       "react": "DsAgentQuestionnaire",
+      "vue": "DsAgentQuestionnaire",
       "angular": "DsAgentQuestionnaire"
     },
     "consumption": {
@@ -224,6 +225,10 @@
         "import": "import { DsAgentQuestionnaire } from '@ds-mo/ui/react';",
         "example": "<DsAgentQuestionnaire />"
       },
+      "vue": {
+        "import": "import { DsAgentQuestionnaire } from '@ds-mo/ui/vue';",
+        "example": "<DsAgentQuestionnaire />"
+      },
       "angular": {
         "import": "import { DsAgentQuestionnaire } from '@ds-mo/ui/angular/ds-agent-questionnaire';",
         "example": "<ds-agent-questionnaire></ds-agent-questionnaire>"
@@ -234,7 +239,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

package/dist/mcp-data/registry/agent-response.json

@@ -203,6 +203,7 @@
     "exports": {
       "customElement": "ds-agent-response",
       "react": "DsAgentResponse",
+      "vue": "DsAgentResponse",
       "angular": "DsAgentResponse"
     },
     "consumption": {
@@ -216,6 +217,10 @@
         "import": "import { DsAgentResponse } from '@ds-mo/ui/react';",
         "example": "<DsAgentResponse />"
       },
+      "vue": {
+        "import": "import { DsAgentResponse } from '@ds-mo/ui/vue';",
+        "example": "<DsAgentResponse />"
+      },
       "angular": {
         "import": "import { DsAgentResponse } from '@ds-mo/ui/angular/ds-agent-response';",
         "example": "<ds-agent-response></ds-agent-response>"
@@ -226,7 +231,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

package/dist/mcp-data/registry/agent-source-list.json

@@ -122,6 +122,7 @@
     "exports": {
       "customElement": "ds-agent-source-list",
       "react": "DsAgentSourceList",
+      "vue": "DsAgentSourceList",
       "angular": "DsAgentSourceList"
     },
     "consumption": {
@@ -135,6 +136,10 @@
         "import": "import { DsAgentSourceList } from '@ds-mo/ui/react';",
         "example": "<DsAgentSourceList />"
       },
+      "vue": {
+        "import": "import { DsAgentSourceList } from '@ds-mo/ui/vue';",
+        "example": "<DsAgentSourceList />"
+      },
       "angular": {
         "import": "import { DsAgentSourceList } from '@ds-mo/ui/angular/ds-agent-source-list';",
         "example": "<ds-agent-source-list></ds-agent-source-list>"
@@ -145,7 +150,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

package/dist/mcp-data/registry/agent-tool-call.json

@@ -202,6 +202,7 @@
     "exports": {
       "customElement": "ds-agent-tool-call",
       "react": "DsAgentToolCall",
+      "vue": "DsAgentToolCall",
       "angular": "DsAgentToolCall"
     },
     "consumption": {
@@ -215,6 +216,10 @@
         "import": "import { DsAgentToolCall } from '@ds-mo/ui/react';",
         "example": "<DsAgentToolCall />"
       },
+      "vue": {
+        "import": "import { DsAgentToolCall } from '@ds-mo/ui/vue';",
+        "example": "<DsAgentToolCall />"
+      },
       "angular": {
         "import": "import { DsAgentToolCall } from '@ds-mo/ui/angular/ds-agent-tool-call';",
         "example": "<ds-agent-tool-call></ds-agent-tool-call>"
@@ -225,7 +230,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

package/dist/mcp-data/registry/attachment-list.json

@@ -86,6 +86,7 @@
     "exports": {
       "customElement": "ds-attachment-list",
       "react": "DsAttachmentList",
+      "vue": "DsAttachmentList",
       "angular": "DsAttachmentList"
     },
     "consumption": {
@@ -99,6 +100,10 @@
         "import": "import { DsAttachmentList } from '@ds-mo/ui/react';",
         "example": "<DsAttachmentList />"
       },
+      "vue": {
+        "import": "import { DsAttachmentList } from '@ds-mo/ui/vue';",
+        "example": "<DsAttachmentList />"
+      },
       "angular": {
         "import": "import { DsAttachmentList } from '@ds-mo/ui/angular/ds-attachment-list';",
         "example": "<ds-attachment-list></ds-attachment-list>"
@@ -109,7 +114,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

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

@@ -124,6 +124,7 @@
     "exports": {
       "customElement": "ds-avatar",
       "react": "DsAvatar",
+      "vue": "DsAvatar",
       "angular": "DsAvatar"
     },
     "consumption": {
@@ -137,6 +138,10 @@
         "import": "import { DsAvatar } from '@ds-mo/ui/react';",
         "example": "<DsAvatar />"
       },
+      "vue": {
+        "import": "import { DsAvatar } from '@ds-mo/ui/vue';",
+        "example": "<DsAvatar />"
+      },
       "angular": {
         "import": "import { DsAvatar } from '@ds-mo/ui/angular/ds-avatar';",
         "example": "<ds-avatar></ds-avatar>"
@@ -146,7 +151,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

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

@@ -241,6 +241,7 @@
     "exports": {
       "customElement": "ds-badge",
       "react": "DsBadge",
+      "vue": "DsBadge",
       "angular": "DsBadge"
     },
     "consumption": {
@@ -254,6 +255,10 @@
         "import": "import { DsBadge } from '@ds-mo/ui/react';",
         "example": "<DsBadge />"
       },
+      "vue": {
+        "import": "import { DsBadge } from '@ds-mo/ui/vue';",
+        "example": "<DsBadge />"
+      },
       "angular": {
         "import": "import { DsBadge } from '@ds-mo/ui/angular/ds-badge';",
         "example": "<ds-badge></ds-badge>"
@@ -263,7 +268,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

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

@@ -283,6 +283,7 @@
     "exports": {
       "customElement": "ds-banner",
       "react": "DsBanner",
+      "vue": "DsBanner",
       "angular": "DsBanner"
     },
     "consumption": {
@@ -296,6 +297,10 @@
         "import": "import { DsBanner } from '@ds-mo/ui/react';",
         "example": "<DsBanner />"
       },
+      "vue": {
+        "import": "import { DsBanner } from '@ds-mo/ui/vue';",
+        "example": "<DsBanner />"
+      },
       "angular": {
         "import": "import { DsBanner } from '@ds-mo/ui/angular/ds-banner';",
         "example": "<ds-banner></ds-banner>"
@@ -305,7 +310,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

package/dist/mcp-data/registry/bar-action.json

@@ -189,6 +189,7 @@
     "exports": {
       "customElement": "ds-bar-action",
       "react": "DsBarAction",
+      "vue": "DsBarAction",
       "angular": "DsBarAction"
     },
     "consumption": {
@@ -202,6 +203,10 @@
         "import": "import { DsBarAction } from '@ds-mo/ui/react';",
         "example": "<DsBarAction />"
       },
+      "vue": {
+        "import": "import { DsBarAction } from '@ds-mo/ui/vue';",
+        "example": "<DsBarAction />"
+      },
       "angular": {
         "import": "import { DsBarAction } from '@ds-mo/ui/angular/ds-bar-action';",
         "example": "<ds-bar-action></ds-bar-action>"
@@ -211,7 +216,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

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

@@ -256,6 +256,7 @@
     "exports": {
       "customElement": "ds-bar-nav",
       "react": "DsBarNav",
+      "vue": "DsBarNav",
       "angular": "DsBarNav"
     },
     "consumption": {
@@ -269,6 +270,10 @@
         "import": "import { DsBarNav } from '@ds-mo/ui/react';",
         "example": "<DsBarNav />"
       },
+      "vue": {
+        "import": "import { DsBarNav } from '@ds-mo/ui/vue';",
+        "example": "<DsBarNav />"
+      },
       "angular": {
         "import": "import { DsBarNav } from '@ds-mo/ui/angular/ds-bar-nav';",
         "example": "<ds-bar-nav></ds-bar-nav>"
@@ -279,7 +284,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

package/dist/mcp-data/registry/bar-title.json

@@ -465,6 +465,7 @@
     "exports": {
       "customElement": "ds-bar-title",
       "react": "DsBarTitle",
+      "vue": "DsBarTitle",
       "angular": "DsBarTitle"
     },
     "consumption": {
@@ -478,6 +479,10 @@
         "import": "import { DsBarTitle } from '@ds-mo/ui/react';",
         "example": "<DsBarTitle />"
       },
+      "vue": {
+        "import": "import { DsBarTitle } from '@ds-mo/ui/vue';",
+        "example": "<DsBarTitle />"
+      },
       "angular": {
         "import": "import { DsBarTitle } from '@ds-mo/ui/angular/ds-bar-title';",
         "example": "<ds-bar-title></ds-bar-title>"
@@ -488,7 +493,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

package/dist/mcp-data/registry/bar-workflow.json

@@ -331,6 +331,7 @@
     "exports": {
       "customElement": "ds-bar-workflow",
       "react": "DsBarWorkflow",
+      "vue": "DsBarWorkflow",
       "angular": "DsBarWorkflow"
     },
     "consumption": {
@@ -344,6 +345,10 @@
         "import": "import { DsBarWorkflow } from '@ds-mo/ui/react';",
         "example": "<DsBarWorkflow />"
       },
+      "vue": {
+        "import": "import { DsBarWorkflow } from '@ds-mo/ui/vue';",
+        "example": "<DsBarWorkflow />"
+      },
       "angular": {
         "import": "import { DsBarWorkflow } from '@ds-mo/ui/angular/ds-bar-workflow';",
         "example": "<ds-bar-workflow></ds-bar-workflow>"
@@ -354,7 +359,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

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

@@ -151,6 +151,7 @@
     "exports": {
       "customElement": "ds-breadcrumb",
       "react": "DsBreadcrumb",
+      "vue": "DsBreadcrumb",
       "angular": "DsBreadcrumb"
     },
     "consumption": {
@@ -164,6 +165,10 @@
         "import": "import { DsBreadcrumb } from '@ds-mo/ui/react';",
         "example": "<DsBreadcrumb />"
       },
+      "vue": {
+        "import": "import { DsBreadcrumb } from '@ds-mo/ui/vue';",
+        "example": "<DsBreadcrumb />"
+      },
       "angular": {
         "import": "import { DsBreadcrumb } from '@ds-mo/ui/angular/ds-breadcrumb';",
         "example": "<ds-breadcrumb></ds-breadcrumb>"
@@ -174,7 +179,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

package/dist/mcp-data/registry/button-filled.json

@@ -509,6 +509,7 @@
     "exports": {
       "customElement": "ds-button-filled",
       "react": "DsButtonFilled",
+      "vue": "DsButtonFilled",
       "angular": "DsButtonFilled"
     },
     "consumption": {
@@ -522,6 +523,10 @@
         "import": "import { DsButtonFilled } from '@ds-mo/ui/react';",
         "example": "<DsButtonFilled />"
       },
+      "vue": {
+        "import": "import { DsButtonFilled } from '@ds-mo/ui/vue';",
+        "example": "<DsButtonFilled />"
+      },
       "angular": {
         "import": "import { DsButtonFilled } from '@ds-mo/ui/angular/ds-button-filled';",
         "example": "<ds-button-filled></ds-button-filled>"
@@ -531,7 +536,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

package/dist/mcp-data/registry/button-unfilled.json

@@ -572,6 +572,7 @@
     "exports": {
       "customElement": "ds-button-unfilled",
       "react": "DsButtonUnfilled",
+      "vue": "DsButtonUnfilled",
       "angular": "DsButtonUnfilled"
     },
     "consumption": {
@@ -585,6 +586,10 @@
         "import": "import { DsButtonUnfilled } from '@ds-mo/ui/react';",
         "example": "<DsButtonUnfilled />"
       },
+      "vue": {
+        "import": "import { DsButtonUnfilled } from '@ds-mo/ui/vue';",
+        "example": "<DsButtonUnfilled />"
+      },
       "angular": {
         "import": "import { DsButtonUnfilled } from '@ds-mo/ui/angular/ds-button-unfilled';",
         "example": "<ds-button-unfilled></ds-button-unfilled>"
@@ -594,7 +599,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

package/dist/mcp-data/registry/card-chart.json

@@ -189,6 +189,7 @@
     "exports": {
       "customElement": "ds-card-chart",
       "react": "DsCardChart",
+      "vue": "DsCardChart",
       "angular": "DsCardChart"
     },
     "consumption": {
@@ -202,6 +203,10 @@
         "import": "import { DsCardChart } from '@ds-mo/ui/react';",
         "example": "<DsCardChart />"
       },
+      "vue": {
+        "import": "import { DsCardChart } from '@ds-mo/ui/vue';",
+        "example": "<DsCardChart />"
+      },
       "angular": {
         "import": "import { DsCardChart } from '@ds-mo/ui/angular/ds-card-chart';",
         "example": "<ds-card-chart></ds-card-chart>"
@@ -211,7 +216,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

package/dist/mcp-data/registry/card-overview.json

@@ -325,6 +325,7 @@
     "exports": {
       "customElement": "ds-card-overview",
       "react": "DsCardOverview",
+      "vue": "DsCardOverview",
       "angular": "DsCardOverview"
     },
     "consumption": {
@@ -338,6 +339,10 @@
         "import": "import { DsCardOverview } from '@ds-mo/ui/react';",
         "example": "<DsCardOverview />"
       },
+      "vue": {
+        "import": "import { DsCardOverview } from '@ds-mo/ui/vue';",
+        "example": "<DsCardOverview />"
+      },
       "angular": {
         "import": "import { DsCardOverview } from '@ds-mo/ui/angular/ds-card-overview';",
         "example": "<ds-card-overview></ds-card-overview>"
@@ -348,7 +353,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

package/dist/mcp-data/registry/card-setting.json

@@ -230,6 +230,7 @@
     "exports": {
       "customElement": "ds-card-setting",
       "react": "DsCardSetting",
+      "vue": "DsCardSetting",
       "angular": "DsCardSetting"
     },
     "consumption": {
@@ -243,6 +244,10 @@
         "import": "import { DsCardSetting } from '@ds-mo/ui/react';",
         "example": "<DsCardSetting />"
       },
+      "vue": {
+        "import": "import { DsCardSetting } from '@ds-mo/ui/vue';",
+        "example": "<DsCardSetting />"
+      },
       "angular": {
         "import": "import { DsCardSetting } from '@ds-mo/ui/angular/ds-card-setting';",
         "example": "<ds-card-setting></ds-card-setting>"
@@ -252,7 +257,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },

package/dist/mcp-data/registry/chart-legend.json

@@ -247,6 +247,7 @@
     "exports": {
       "customElement": "ds-chart-legend",
       "react": "DsChartLegend",
+      "vue": "DsChartLegend",
       "angular": "DsChartLegend"
     },
     "consumption": {
@@ -260,6 +261,10 @@
         "import": "import { DsChartLegend } from '@ds-mo/ui/react';",
         "example": "<DsChartLegend />"
       },
+      "vue": {
+        "import": "import { DsChartLegend } from '@ds-mo/ui/vue';",
+        "example": "<DsChartLegend />"
+      },
       "angular": {
         "import": "import { DsChartLegend } from '@ds-mo/ui/angular/ds-chart-legend';",
         "example": "<ds-chart-legend></ds-chart-legend>"
@@ -270,7 +275,7 @@
           "@ds-mo/tokens ^6.5.0",
           "@ds-mo/icons ^7.0.0"
         ],
-        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+        "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }
     }
   },