@ds-mo/ui 14.14.0 → 14.15.0

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

@@ -298,6 +298,7 @@
     "exports": {
       "customElement": "ds-mobile-header",
       "react": "DsMobileHeader",
+      "vue": "DsMobileHeader",
       "angular": "DsMobileHeader"
     },
     "consumption": {
@@ -311,6 +312,10 @@
         "import": "import { DsMobileHeader } from '@ds-mo/ui/react';",
         "example": "<DsMobileHeader />"
       },
+      "vue": {
+        "import": "import { DsMobileHeader } from '@ds-mo/ui/vue';",
+        "example": "<DsMobileHeader />"
+      },
       "angular": {
         "import": "import { DsMobileHeader } from '@ds-mo/ui/angular/ds-mobile-header';",
         "example": "<ds-mobile-header></ds-mobile-header>"
@@ -321,7 +326,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/mobile-section-switcher.json

@@ -133,6 +133,7 @@
     "exports": {
       "customElement": "ds-mobile-section-switcher",
       "react": "DsMobileSectionSwitcher",
+      "vue": "DsMobileSectionSwitcher",
       "angular": "DsMobileSectionSwitcher"
     },
     "consumption": {
@@ -146,6 +147,10 @@
         "import": "import { DsMobileSectionSwitcher } from '@ds-mo/ui/react';",
         "example": "<DsMobileSectionSwitcher />"
       },
+      "vue": {
+        "import": "import { DsMobileSectionSwitcher } from '@ds-mo/ui/vue';",
+        "example": "<DsMobileSectionSwitcher />"
+      },
       "angular": {
         "import": "import { DsMobileSectionSwitcher } from '@ds-mo/ui/angular/ds-mobile-section-switcher';",
         "example": "<ds-mobile-section-switcher></ds-mobile-section-switcher>"
@@ -156,7 +161,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/mobile-sheet-nav.json

@@ -303,6 +303,7 @@
     "exports": {
       "customElement": "ds-mobile-sheet-nav",
       "react": "DsMobileSheetNav",
+      "vue": "DsMobileSheetNav",
       "angular": "DsMobileSheetNav"
     },
     "consumption": {
@@ -316,6 +317,10 @@
         "import": "import { DsMobileSheetNav } from '@ds-mo/ui/react';",
         "example": "<DsMobileSheetNav />"
       },
+      "vue": {
+        "import": "import { DsMobileSheetNav } from '@ds-mo/ui/vue';",
+        "example": "<DsMobileSheetNav />"
+      },
       "angular": {
         "import": "import { DsMobileSheetNav } from '@ds-mo/ui/angular/ds-mobile-sheet-nav';",
         "example": "<ds-mobile-sheet-nav></ds-mobile-sheet-nav>"
@@ -326,7 +331,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/modal.json

@@ -251,6 +251,7 @@
     "exports": {
       "customElement": "ds-modal",
       "react": "DsModal",
+      "vue": "DsModal",
       "angular": "DsModal"
     },
     "consumption": {
@@ -264,6 +265,10 @@
         "import": "import { DsModal } from '@ds-mo/ui/react';",
         "example": "<DsModal />"
       },
+      "vue": {
+        "import": "import { DsModal } from '@ds-mo/ui/vue';",
+        "example": "<DsModal />"
+      },
       "angular": {
         "import": "import { DsModal } from '@ds-mo/ui/angular/ds-modal';",
         "example": "<ds-modal></ds-modal>"
@@ -273,7 +278,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/pagination.json

@@ -358,6 +358,7 @@
     "exports": {
       "customElement": "ds-pagination",
       "react": "DsPagination",
+      "vue": "DsPagination",
       "angular": "DsPagination"
     },
     "consumption": {
@@ -371,6 +372,10 @@
         "import": "import { DsPagination } from '@ds-mo/ui/react';",
         "example": "<DsPagination />"
       },
+      "vue": {
+        "import": "import { DsPagination } from '@ds-mo/ui/vue';",
+        "example": "<DsPagination />"
+      },
       "angular": {
         "import": "import { DsPagination } from '@ds-mo/ui/angular/ds-pagination';",
         "example": "<ds-pagination></ds-pagination>"
@@ -381,7 +386,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/panel-nav.json

@@ -579,6 +579,7 @@
     "exports": {
       "customElement": "ds-panel-nav",
       "react": "DsPanelNav",
+      "vue": "DsPanelNav",
       "angular": "DsPanelNav"
     },
     "consumption": {
@@ -592,6 +593,10 @@
         "import": "import { DsPanelNav } from '@ds-mo/ui/react';",
         "example": "<DsPanelNav />"
       },
+      "vue": {
+        "import": "import { DsPanelNav } from '@ds-mo/ui/vue';",
+        "example": "<DsPanelNav />"
+      },
       "angular": {
         "import": "import { DsPanelNav } from '@ds-mo/ui/angular/ds-panel-nav';",
         "example": "<ds-panel-nav></ds-panel-nav>"
@@ -601,7 +606,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/panel-sub-nav.json

@@ -195,6 +195,7 @@
     "exports": {
       "customElement": "ds-panel-sub-nav",
       "react": "DsPanelSubNav",
+      "vue": "DsPanelSubNav",
       "angular": "DsPanelSubNav"
     },
     "consumption": {
@@ -208,6 +209,10 @@
         "import": "import { DsPanelSubNav } from '@ds-mo/ui/react';",
         "example": "<DsPanelSubNav />"
       },
+      "vue": {
+        "import": "import { DsPanelSubNav } from '@ds-mo/ui/vue';",
+        "example": "<DsPanelSubNav />"
+      },
       "angular": {
         "import": "import { DsPanelSubNav } from '@ds-mo/ui/angular/ds-panel-sub-nav';",
         "example": "<ds-panel-sub-nav></ds-panel-sub-nav>"
@@ -218,7 +223,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/panel-tool-header.json

@@ -292,6 +292,7 @@
     "exports": {
       "customElement": "ds-panel-tool-header",
       "react": "DsPanelToolHeader",
+      "vue": "DsPanelToolHeader",
       "angular": "DsPanelToolHeader"
     },
     "consumption": {
@@ -305,6 +306,10 @@
         "import": "import { DsPanelToolHeader } from '@ds-mo/ui/react';",
         "example": "<DsPanelToolHeader />"
       },
+      "vue": {
+        "import": "import { DsPanelToolHeader } from '@ds-mo/ui/vue';",
+        "example": "<DsPanelToolHeader />"
+      },
       "angular": {
         "import": "import { DsPanelToolHeader } from '@ds-mo/ui/angular/ds-panel-tool-header';",
         "example": "<ds-panel-tool-header></ds-panel-tool-header>"
@@ -315,7 +320,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/panel-tool-search.json

@@ -335,6 +335,7 @@
     "exports": {
       "customElement": "ds-panel-tool-search",
       "react": "DsPanelToolSearch",
+      "vue": "DsPanelToolSearch",
       "angular": "DsPanelToolSearch"
     },
     "consumption": {
@@ -348,6 +349,10 @@
         "import": "import { DsPanelToolSearch } from '@ds-mo/ui/react';",
         "example": "<DsPanelToolSearch />"
       },
+      "vue": {
+        "import": "import { DsPanelToolSearch } from '@ds-mo/ui/vue';",
+        "example": "<DsPanelToolSearch />"
+      },
       "angular": {
         "import": "import { DsPanelToolSearch } from '@ds-mo/ui/angular/ds-panel-tool-search';",
         "example": "<ds-panel-tool-search></ds-panel-tool-search>"
@@ -357,7 +362,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/panel-tools.json

@@ -419,6 +419,7 @@
     "exports": {
       "customElement": "ds-panel-tools",
       "react": "DsPanelTools",
+      "vue": "DsPanelTools",
       "angular": "DsPanelTools"
     },
     "consumption": {
@@ -432,6 +433,10 @@
         "import": "import { DsPanelTools } from '@ds-mo/ui/react';",
         "example": "<DsPanelTools />"
       },
+      "vue": {
+        "import": "import { DsPanelTools } from '@ds-mo/ui/vue';",
+        "example": "<DsPanelTools />"
+      },
       "angular": {
         "import": "import { DsPanelTools } from '@ds-mo/ui/angular/ds-panel-tools';",
         "example": "<ds-panel-tools></ds-panel-tools>"
@@ -442,7 +447,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/paper-texture.json

@@ -89,6 +89,7 @@
     "exports": {
       "customElement": "ds-paper-texture",
       "react": "DsPaperTexture",
+      "vue": "DsPaperTexture",
       "angular": "DsPaperTexture"
     },
     "consumption": {
@@ -102,6 +103,10 @@
         "import": "import { DsPaperTexture } from '@ds-mo/ui/react';",
         "example": "<DsPaperTexture />"
       },
+      "vue": {
+        "import": "import { DsPaperTexture } from '@ds-mo/ui/vue';",
+        "example": "<DsPaperTexture />"
+      },
       "angular": {
         "import": "import { DsPaperTexture } from '@ds-mo/ui/angular/ds-paper-texture';",
         "example": "<ds-paper-texture></ds-paper-texture>"
@@ -112,7 +117,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/radio.json

@@ -70,6 +70,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."
         ]
@@ -338,6 +341,7 @@
     "exports": {
       "customElement": "ds-radio",
       "react": "DsRadio",
+      "vue": "DsRadio",
       "angular": "DsRadio"
     },
     "consumption": {
@@ -351,6 +355,10 @@
         "import": "import { DsRadio } from '@ds-mo/ui/react';",
         "example": "<DsRadio />"
       },
+      "vue": {
+        "import": "import { DsRadio } from '@ds-mo/ui/vue';",
+        "example": "<DsRadio />"
+      },
       "angular": {
         "import": "import { DsRadio } from '@ds-mo/ui/angular/ds-radio';",
         "example": "<ds-radio></ds-radio>"
@@ -361,7 +369,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."
       }
     }
   },