@ds-mo/ui 14.14.0 → 14.15.1

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

@@ -2,7 +2,7 @@
   "$schema": "https://ui.shadcn.com/schema/registry.json",
   "name": "compomo",
   "homepage": "https://zainadeel.github.io/compomo/",
-  "description": "CompoMo (@ds-mo/ui) — framework-agnostic Stencil web components. Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters.",
+  "description": "CompoMo (@ds-mo/ui) — framework-agnostic Stencil web components. Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters.",
   "meta": {
     "distribution": "npm",
     "generatedFrom": "dist/docs/components.json",
@@ -16,7 +16,7 @@
         "@ds-mo/icons ^7.0.0"
       ],
       "optional": [],
-      "frameworks": "None required for Custom Elements; generated React and Angular adapters are included."
+      "frameworks": "None required for Custom Elements; generated React, Vue, and Angular adapters are included."
     }
   },
   "items": [
@@ -85,6 +85,7 @@
         "exports": {
           "customElement": "ds-agent-activity",
           "react": "DsAgentActivity",
+          "vue": "DsAgentActivity",
           "angular": "DsAgentActivity"
         }
       },
@@ -202,6 +203,7 @@
         "exports": {
           "customElement": "ds-agent-questionnaire",
           "react": "DsAgentQuestionnaire",
+          "vue": "DsAgentQuestionnaire",
           "angular": "DsAgentQuestionnaire"
         }
       },
@@ -319,6 +321,7 @@
         "exports": {
           "customElement": "ds-agent-response",
           "react": "DsAgentResponse",
+          "vue": "DsAgentResponse",
           "angular": "DsAgentResponse"
         }
       },
@@ -406,6 +409,7 @@
         "exports": {
           "customElement": "ds-agent-source-list",
           "react": "DsAgentSourceList",
+          "vue": "DsAgentSourceList",
           "angular": "DsAgentSourceList"
         }
       },
@@ -519,6 +523,7 @@
         "exports": {
           "customElement": "ds-agent-tool-call",
           "react": "DsAgentToolCall",
+          "vue": "DsAgentToolCall",
           "angular": "DsAgentToolCall"
         }
       },
@@ -590,6 +595,7 @@
         "exports": {
           "customElement": "ds-attachment-list",
           "react": "DsAttachmentList",
+          "vue": "DsAttachmentList",
           "angular": "DsAttachmentList"
         }
       },
@@ -666,6 +672,7 @@
         "exports": {
           "customElement": "ds-avatar",
           "react": "DsAvatar",
+          "vue": "DsAvatar",
           "angular": "DsAvatar"
         }
       },
@@ -804,6 +811,7 @@
         "exports": {
           "customElement": "ds-badge",
           "react": "DsBadge",
+          "vue": "DsBadge",
           "angular": "DsBadge"
         }
       },
@@ -956,6 +964,7 @@
         "exports": {
           "customElement": "ds-banner",
           "react": "DsBanner",
+          "vue": "DsBanner",
           "angular": "DsBanner"
         }
       },
@@ -1082,6 +1091,7 @@
         "exports": {
           "customElement": "ds-bar-action",
           "react": "DsBarAction",
+          "vue": "DsBarAction",
           "angular": "DsBarAction"
         }
       },
@@ -1237,6 +1247,7 @@
         "exports": {
           "customElement": "ds-bar-nav",
           "react": "DsBarNav",
+          "vue": "DsBarNav",
           "angular": "DsBarNav"
         }
       },
@@ -1448,6 +1459,7 @@
         "exports": {
           "customElement": "ds-bar-title",
           "react": "DsBarTitle",
+          "vue": "DsBarTitle",
           "angular": "DsBarTitle"
         }
       },
@@ -1619,6 +1631,7 @@
         "exports": {
           "customElement": "ds-bar-workflow",
           "react": "DsBarWorkflow",
+          "vue": "DsBarWorkflow",
           "angular": "DsBarWorkflow"
         }
       },
@@ -1739,6 +1752,7 @@
         "exports": {
           "customElement": "ds-breadcrumb",
           "react": "DsBreadcrumb",
+          "vue": "DsBreadcrumb",
           "angular": "DsBreadcrumb"
         }
       },
@@ -1945,6 +1959,7 @@
         "exports": {
           "customElement": "ds-button-filled",
           "react": "DsButtonFilled",
+          "vue": "DsButtonFilled",
           "angular": "DsButtonFilled"
         }
       },
@@ -2174,6 +2189,7 @@
         "exports": {
           "customElement": "ds-button-unfilled",
           "react": "DsButtonUnfilled",
+          "vue": "DsButtonUnfilled",
           "angular": "DsButtonUnfilled"
         }
       },
@@ -2292,6 +2308,7 @@
         "exports": {
           "customElement": "ds-card-chart",
           "react": "DsCardChart",
+          "vue": "DsCardChart",
           "angular": "DsCardChart"
         }
       },
@@ -2463,6 +2480,7 @@
         "exports": {
           "customElement": "ds-card-overview",
           "react": "DsCardOverview",
+          "vue": "DsCardOverview",
           "angular": "DsCardOverview"
         }
       },
@@ -2610,6 +2628,7 @@
         "exports": {
           "customElement": "ds-card-setting",
           "react": "DsCardSetting",
+          "vue": "DsCardSetting",
           "angular": "DsCardSetting"
         }
       },
@@ -2730,6 +2749,7 @@
         "exports": {
           "customElement": "ds-chart",
           "react": "DsChart",
+          "vue": "DsChart",
           "angular": "DsChart"
         }
       },
@@ -2866,6 +2886,7 @@
         "exports": {
           "customElement": "ds-chart-legend",
           "react": "DsChartLegend",
+          "vue": "DsChartLegend",
           "angular": "DsChartLegend"
         }
       },
@@ -2950,6 +2971,9 @@
             "react": [
               "Use DsCheckbox and handle onDsChange; checked and indeterminate are mutable and update after user activation."
             ],
+            "vue": [
+              "Use DsCheckbox with v-model for checked, bind indeterminate as a property, and listen for dsChange."
+            ],
             "angular": [
               "Use DsCheckbox with checked binding and dsChange, or the generated boolean value accessor in Angular forms."
             ]
@@ -3025,6 +3049,7 @@
         "exports": {
           "customElement": "ds-checkbox",
           "react": "DsCheckbox",
+          "vue": "DsCheckbox",
           "angular": "DsCheckbox"
         }
       },
@@ -3158,6 +3183,7 @@
         "exports": {
           "customElement": "ds-chip",
           "react": "DsChip",
+          "vue": "DsChip",
           "angular": "DsChip"
         }
       },
@@ -3237,6 +3263,7 @@
         "exports": {
           "customElement": "ds-code-block",
           "react": "DsCodeBlock",
+          "vue": "DsCodeBlock",
           "angular": "DsCodeBlock"
         }
       },
@@ -3312,6 +3339,7 @@
         "exports": {
           "customElement": "ds-conversation-list",
           "react": "DsConversationList",
+          "vue": "DsConversationList",
           "angular": "DsConversationList"
         }
       },
@@ -3423,6 +3451,7 @@
         "exports": {
           "customElement": "ds-conversation-list-item",
           "react": "DsConversationListItem",
+          "vue": "DsConversationListItem",
           "angular": "DsConversationListItem"
         }
       },
@@ -3492,6 +3521,7 @@
         "exports": {
           "customElement": "ds-conversation-list-section",
           "react": "DsConversationListSection",
+          "vue": "DsConversationListSection",
           "angular": "DsConversationListSection"
         }
       },
@@ -3607,6 +3637,7 @@
         "exports": {
           "customElement": "ds-divider",
           "react": "DsDivider",
+          "vue": "DsDivider",
           "angular": "DsDivider"
         }
       },
@@ -3723,6 +3754,7 @@
         "exports": {
           "customElement": "ds-empty-state",
           "react": "DsEmptyState",
+          "vue": "DsEmptyState",
           "angular": "DsEmptyState"
         }
       },
@@ -3841,6 +3873,7 @@
         "exports": {
           "customElement": "ds-field",
           "react": "DsField",
+          "vue": "DsField",
           "angular": "DsField"
         }
       },
@@ -4053,6 +4086,7 @@
         "exports": {
           "customElement": "ds-filter-menu",
           "react": "DsFilterMenu",
+          "vue": "DsFilterMenu",
           "angular": "DsFilterMenu"
         }
       },
@@ -4184,6 +4218,7 @@
         "exports": {
           "customElement": "ds-icon",
           "react": "DsIcon",
+          "vue": "DsIcon",
           "angular": "DsIcon"
         }
       },
@@ -4211,7 +4246,7 @@
           "summary": "Form-associated single-line text and number field for primary and secondary application backgrounds, with native input behavior, four control densities, optional leading and trailing content, search clearing, and validation.",
           "useWhen": [
             "A user must enter or edit one line of text, an email address, telephone number, URL, search query, password, or exact number.",
-            "The value must participate in native, Angular, or React form state.",
+            "The value must participate in native, Angular, React, or Vue form state.",
             "A compact filter or toolbar needs a single-line search field that follows the shared control-density recipe."
           ],
           "avoidWhen": [
@@ -4273,6 +4308,9 @@
             "react": [
               "Use DsInput, bind value for controlled application state, and handle onDsChange and onDsClear."
             ],
+            "vue": [
+              "Use DsInput with v-model for the value, and listen for dsChange and dsClear."
+            ],
             "angular": [
               "Import DsInput with TextValueAccessor when integrating with Angular Forms."
             ]
@@ -4416,6 +4454,7 @@
         "exports": {
           "customElement": "ds-input",
           "react": "DsInput",
+          "vue": "DsInput",
           "angular": "DsInput"
         }
       },
@@ -4529,6 +4568,7 @@
         "exports": {
           "customElement": "ds-loader",
           "react": "DsLoader",
+          "vue": "DsLoader",
           "angular": "DsLoader"
         }
       },
@@ -4605,6 +4645,7 @@
         "exports": {
           "customElement": "ds-markdown",
           "react": "DsMarkdown",
+          "vue": "DsMarkdown",
           "angular": "DsMarkdown"
         }
       },
@@ -4810,6 +4851,7 @@
         "exports": {
           "customElement": "ds-menu",
           "react": "DsMenu",
+          "vue": "DsMenu",
           "angular": "DsMenu"
         }
       },
@@ -4926,6 +4968,7 @@
         "exports": {
           "customElement": "ds-message",
           "react": "DsMessage",
+          "vue": "DsMessage",
           "angular": "DsMessage"
         }
       },
@@ -5015,6 +5058,7 @@
         "exports": {
           "customElement": "ds-message-actions",
           "react": "DsMessageActions",
+          "vue": "DsMessageActions",
           "angular": "DsMessageActions"
         }
       },
@@ -5086,6 +5130,7 @@
         "exports": {
           "customElement": "ds-message-bubble",
           "react": "DsMessageBubble",
+          "vue": "DsMessageBubble",
           "angular": "DsMessageBubble"
         }
       },
@@ -5201,6 +5246,7 @@
         "exports": {
           "customElement": "ds-message-composer",
           "react": "DsMessageComposer",
+          "vue": "DsMessageComposer",
           "angular": "DsMessageComposer"
         }
       },
@@ -5300,6 +5346,7 @@
         "exports": {
           "customElement": "ds-message-scroller",
           "react": "DsMessageScroller",
+          "vue": "DsMessageScroller",
           "angular": "DsMessageScroller"
         }
       },
@@ -5431,6 +5478,7 @@
         "exports": {
           "customElement": "ds-mobile-bar-nav",
           "react": "DsMobileBarNav",
+          "vue": "DsMobileBarNav",
           "angular": "DsMobileBarNav"
         }
       },
@@ -5560,6 +5608,7 @@
         "exports": {
           "customElement": "ds-mobile-header",
           "react": "DsMobileHeader",
+          "vue": "DsMobileHeader",
           "angular": "DsMobileHeader"
         }
       },
@@ -5646,6 +5695,7 @@
         "exports": {
           "customElement": "ds-mobile-section-switcher",
           "react": "DsMobileSectionSwitcher",
+          "vue": "DsMobileSectionSwitcher",
           "angular": "DsMobileSectionSwitcher"
         }
       },
@@ -5779,6 +5829,7 @@
         "exports": {
           "customElement": "ds-mobile-sheet-nav",
           "react": "DsMobileSheetNav",
+          "vue": "DsMobileSheetNav",
           "angular": "DsMobileSheetNav"
         }
       },
@@ -5943,6 +5994,7 @@
         "exports": {
           "customElement": "ds-modal",
           "react": "DsModal",
+          "vue": "DsModal",
           "angular": "DsModal"
         }
       },
@@ -6090,6 +6142,7 @@
         "exports": {
           "customElement": "ds-pagination",
           "react": "DsPagination",
+          "vue": "DsPagination",
           "angular": "DsPagination"
         }
       },
@@ -6327,6 +6380,7 @@
         "exports": {
           "customElement": "ds-panel-nav",
           "react": "DsPanelNav",
+          "vue": "DsPanelNav",
           "angular": "DsPanelNav"
         }
       },
@@ -6460,6 +6514,7 @@
         "exports": {
           "customElement": "ds-panel-sub-nav",
           "react": "DsPanelSubNav",
+          "vue": "DsPanelSubNav",
           "angular": "DsPanelSubNav"
         }
       },
@@ -6579,6 +6634,7 @@
         "exports": {
           "customElement": "ds-panel-tool-header",
           "react": "DsPanelToolHeader",
+          "vue": "DsPanelToolHeader",
           "angular": "DsPanelToolHeader"
         }
       },
@@ -6721,6 +6777,7 @@
         "exports": {
           "customElement": "ds-panel-tool-search",
           "react": "DsPanelToolSearch",
+          "vue": "DsPanelToolSearch",
           "angular": "DsPanelToolSearch"
         }
       },
@@ -6928,6 +6985,7 @@
         "exports": {
           "customElement": "ds-panel-tools",
           "react": "DsPanelTools",
+          "vue": "DsPanelTools",
           "angular": "DsPanelTools"
         }
       },
@@ -7011,6 +7069,7 @@
         "exports": {
           "customElement": "ds-paper-texture",
           "react": "DsPaperTexture",
+          "vue": "DsPaperTexture",
           "angular": "DsPaperTexture"
         }
       },
@@ -7091,6 +7150,9 @@
             "react": [
               "Use DsRadio, pass options as an array, and handle onDsChange; value is mutable and updates after user selection."
             ],
+            "vue": [
+              "Use DsRadio with v-model for the selected value, bind options as a property, and listen for dsChange."
+            ],
             "angular": [
               "Use DsRadio with options and value bindings plus dsChange, or import the generated radio value accessor with the component adapter."
             ]
@@ -7166,6 +7228,7 @@
         "exports": {
           "customElement": "ds-radio",
           "react": "DsRadio",
+          "vue": "DsRadio",
           "angular": "DsRadio"
         }
       },
@@ -7250,6 +7313,7 @@
         "exports": {
           "customElement": "ds-scroll-overlay",
           "react": "DsScrollOverlay",
+          "vue": "DsScrollOverlay",
           "angular": "DsScrollOverlay"
         }
       },
@@ -7279,7 +7343,7 @@
             "The user may choose several independent values when multiple is enabled.",
             "The option set benefits from local search, subtext, prefix icons, grouping, or disabled choices.",
             "The choice set has more than roughly 20 options, comes from a user-managed listing, or represents a large domain such as addresses where search materially improves retrieval.",
-            "The selected value must participate in native, Angular, or React form state."
+            "The selected value must participate in native, Angular, React, or Vue form state."
           ],
           "avoidWhen": [
             "The rows perform commands rather than choosing a form value.",
@@ -7358,6 +7422,9 @@
             "react": [
               "Pass options or sections as wrapper props, set multiple for array values, and handle onDsChange, onDsClear, onDsOpenChange, onDsFooterAction, onDsOptionAction, and onDsOptionSubtextAction."
             ],
+            "vue": [
+              "Use DsSelect with v-model for the selected value, bind options or sections as properties, and listen for dsChange, dsClear, dsOpenChange, dsFooterAction, dsOptionAction, and dsOptionSubtextAction."
+            ],
             "angular": [
               "Import DsSelect and SelectValueAccessor when integrating with Angular Forms; bind options and sections as properties."
             ]
@@ -7553,6 +7620,7 @@
         "exports": {
           "customElement": "ds-select",
           "react": "DsSelect",
+          "vue": "DsSelect",
           "angular": "DsSelect"
         }
       },
@@ -7617,7 +7685,7 @@
           "accessibility": [
             "Supply primary destinations through navigation and secondary route sections through pageChrome so managed ShellApp preserves their correct semantics.",
             "Ensure the default content region contains the page's single main landmark.",
-            "Keep the shell-owned routed-content scroller keyboard-focusable while its page landmark retains content semantics.",
+            "Keep the shell-owned routed-content scroller keyboard-focusable while its page landmark retains content semantics. Do not paint a control focus ring around that scroller; it is a layout region, and a page-column outline looks like a selected card.",
             "Keep the managed desktop/tablet and mobile presentations available without conditionally recreating routed or tool content.",
             "Do not override browser keyboard chords when enabling shell shortcuts.",
             "Require Search and Help as the minimum PanelTools actions and provide accessible labels for every tool.",
@@ -7800,6 +7868,7 @@
         "exports": {
           "customElement": "ds-shell-app",
           "react": "DsShellApp",
+          "vue": "DsShellApp",
           "angular": "DsShellApp"
         }
       },
@@ -7976,6 +8045,7 @@
         "exports": {
           "customElement": "ds-shell-page",
           "react": "DsShellPage",
+          "vue": "DsShellPage",
           "angular": "DsShellPage"
         }
       },
@@ -8133,6 +8203,7 @@
         "exports": {
           "customElement": "ds-shell-tools",
           "react": "DsShellTools",
+          "vue": "DsShellTools",
           "angular": "DsShellTools"
         }
       },
@@ -8270,6 +8341,7 @@
         "exports": {
           "customElement": "ds-skeleton",
           "react": "DsSkeleton",
+          "vue": "DsSkeleton",
           "angular": "DsSkeleton"
         }
       },
@@ -8500,6 +8572,7 @@
         "exports": {
           "customElement": "ds-slider",
           "react": "DsSlider",
+          "vue": "DsSlider",
           "angular": "DsSlider"
         }
       },
@@ -8620,6 +8693,7 @@
         "exports": {
           "customElement": "ds-swatch-picker",
           "react": "DsSwatchPicker",
+          "vue": "DsSwatchPicker",
           "angular": "DsSwatchPicker"
         }
       },
@@ -8703,6 +8777,9 @@
             "react": [
               "Use DsSwitch and handle onDsChange; checked is mutable and updates immediately when the component is activated."
             ],
+            "vue": [
+              "Use DsSwitch with v-model for checked, and listen for dsChange."
+            ],
             "angular": [
               "Use DsSwitch with checked binding and dsChange, or the generated boolean value accessor in Angular forms."
             ]
@@ -8778,6 +8855,7 @@
         "exports": {
           "customElement": "ds-switch",
           "react": "DsSwitch",
+          "vue": "DsSwitch",
           "angular": "DsSwitch"
         }
       },
@@ -8924,6 +9002,7 @@
         "exports": {
           "customElement": "ds-tab-group",
           "react": "DsTabGroup",
+          "vue": "DsTabGroup",
           "angular": "DsTabGroup"
         }
       },
@@ -8990,7 +9069,7 @@
             "Interactive rows are focusable as native rows, activate with Enter or Space, and do not steal activation from their nested selection, action, overflow-menu, or primary-text link controls.",
             "Scrollable table regions become keyboard focusable and named only when overflow exists.",
             "Incremental loading, newly appended row counts, failures, and end-of-results transitions are announced through a polite status region without replacing visible state. In grouped tables, announcements name the independently loading group.",
-            "Static and infinite tables may show an optional result summary footer when displayedCount and totalCount are finite. Virtual mode shows a total-only summary and ignores displayedCount. Pagination mode instead renders a named Pagination control with a compact selected-size total, vertical divider, and page position; range changes are announced independently with complete phrasing. While focus is anywhere inside a paginated table, unmodified Left and Right Arrow request the adjacent page; editable fields, choice controls, sliders, and modified key combinations retain their own keyboard behavior. A table-owned footer slot can replace summary copy, while footer-leading and footer-trailing remain available in the same compact-bar anatomy. Nested dialog footers are ignored."
+            "Static and infinite tables may show an optional result summary footer when displayedCount and totalCount are finite. Virtual mode shows a total-only summary and ignores displayedCount. Pagination mode instead renders a named Pagination control with a compact selected-size total, vertical divider, and page position; range changes are announced independently with complete phrasing. Unmodified Left and Right Arrow request the adjacent page while focus is inside a paginated table or on a containing page scroller that owns it; editable fields, choice controls, sliders, open menus, and modified key combinations retain their own keyboard behavior. A table-owned footer slot can replace summary copy, while footer-leading and footer-trailing remain available in the same compact-bar anatomy. Nested dialog footers are ignored."
           ],
           "states": [
             "Columns, rows, groups, grouping, sorting, selected row IDs, collapsed group IDs, hiddenColumnIds, columnOrder, dataMode, pagination, displayedCount, totalCount, and incremental-loading state are controlled inputs. Events communicate intent and never mutate those inputs. The optional header is one composable table-local surface: the component owns its 48px chrome, 8px inset on every side, and sticky placement while the application owns the leading slot's internal layout, controls, labels, filtering behavior, and action handling. Opting into dataModeSwitcher and columnCustomizer adds their trailing Menu triggers and requires caption visibility. When both are present, Customize table precedes a decorative divider and the data-mode trigger remains the final action. The table closes one trailing Menu before opening the other. The footer retains its compact-bar composition: application-owned leading status sits left while a controlled result summary or Pagination aligns right, before any trailing action. Content-sized tables remain natural for sparse or fixed-count results. height bounds the complete header, frame, and footer composition. fitViewport reserves the compact-state composition height in the nearest vertical scrollport while growing the visible table into that reservation as surrounding page chrome collapses.",
@@ -9329,6 +9408,7 @@
         "exports": {
           "customElement": "ds-table",
           "react": "DsTable",
+          "vue": "DsTable",
           "angular": "DsTable"
         }
       },
@@ -9485,6 +9565,7 @@
         "exports": {
           "customElement": "ds-table-saved-views",
           "react": "DsTableSavedViews",
+          "vue": "DsTableSavedViews",
           "angular": "DsTableSavedViews"
         }
       },
@@ -9581,6 +9662,7 @@
         "exports": {
           "customElement": "ds-table-toolbar",
           "react": "DsTableToolbar",
+          "vue": "DsTableToolbar",
           "angular": "DsTableToolbar"
         }
       },
@@ -9745,6 +9827,7 @@
         "exports": {
           "customElement": "ds-tag",
           "react": "DsTag",
+          "vue": "DsTag",
           "angular": "DsTag"
         }
       },
@@ -9908,6 +9991,7 @@
         "exports": {
           "customElement": "ds-text",
           "react": "DsText",
+          "vue": "DsText",
           "angular": "DsText"
         }
       },
@@ -10072,6 +10156,7 @@
         "exports": {
           "customElement": "ds-toast",
           "react": "DsToast",
+          "vue": "DsToast",
           "angular": "DsToast"
         }
       },
@@ -10233,6 +10318,7 @@
         "exports": {
           "customElement": "ds-tooltip",
           "react": "DsTooltip",
+          "vue": "DsTooltip",
           "angular": "DsTooltip"
         }
       },
@@ -10357,6 +10443,7 @@
         "exports": {
           "customElement": "ds-tooltip-chart",
           "react": "DsTooltipChart",
+          "vue": "DsTooltipChart",
           "angular": "DsTooltipChart"
         }
       },
@@ -10426,6 +10513,7 @@
         "exports": {
           "customElement": "ds-typing-indicator",
           "react": "DsTypingIndicator",
+          "vue": "DsTypingIndicator",
           "angular": "DsTypingIndicator"
         }
       },

package/dist/mcp-data/registry/scroll-overlay.json

@@ -137,6 +137,7 @@
     "exports": {
       "customElement": "ds-scroll-overlay",
       "react": "DsScrollOverlay",
+      "vue": "DsScrollOverlay",
       "angular": "DsScrollOverlay"
     },
     "consumption": {
@@ -150,6 +151,10 @@
         "import": "import { DsScrollOverlay } from '@ds-mo/ui/react';",
         "example": "<DsScrollOverlay />"
       },
+      "vue": {
+        "import": "import { DsScrollOverlay } from '@ds-mo/ui/vue';",
+        "example": "<DsScrollOverlay />"
+      },
       "angular": {
         "import": "import { DsScrollOverlay } from '@ds-mo/ui/angular/ds-scroll-overlay';",
         "example": "<ds-scroll-overlay></ds-scroll-overlay>"
@@ -159,7 +164,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."
       }
     }
   },