@ds-mo/ui 14.13.0 → 14.15.0

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"
         }
       },
@@ -4197,7 +4232,7 @@
     {
       "name": "input",
       "title": "Input",
-      "description": "Form-associated single-line text field for primary and secondary application backgrounds, with native text input behavior, four control densities, optional leading and trailing content, search clearing, and validation.",
+      "description": "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.",
       "type": "registry:ui",
       "meta": {
         "library": "@ds-mo/ui",
@@ -4208,10 +4243,10 @@
         "intent": {
           "audience": "general",
           "status": "stable",
-          "summary": "Form-associated single-line text field for primary and secondary application backgrounds, with native text input behavior, four control densities, optional leading and trailing content, search clearing, and validation.",
+          "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, or password.",
-            "The value must participate in native, Angular, or React form state.",
+            "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, React, or Vue form state.",
             "A compact filter or toolbar needs a single-line search field that follows the shared control-density recipe."
           ],
           "avoidWhen": [
@@ -4256,6 +4291,7 @@
             "Search fields show a standard borderless CrossCircle icon action only while they contain a value. Clearing emits the empty value and restores focus to the native field.",
             "The suffix slot is for compact units or decorations. The optional leading icon is decorative and does not replace the field label.",
             "Use autoComplete, inputMode, and enterKeyHint to provide browser and virtual-keyboard hints without changing the value's semantic type.",
+            "Number fields preserve native spinbutton semantics, stepping, and min/max constraint behavior while dsChange continues to report the native string value.",
             "The host exposes focused, filled, dirty, touched, invalid, disabled, read-only, and required data attributes for Field integration and diagnostics.",
             "Use Input only on primary or secondary application backgrounds. It intentionally does not expose alternate surface contexts."
           ],
@@ -4272,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."
             ]
@@ -4352,6 +4391,14 @@
             "type": "boolean",
             "required": false
           },
+          "max": {
+            "type": "number | undefined",
+            "required": false
+          },
+          "min": {
+            "type": "number | undefined",
+            "required": false
+          },
           "name": {
             "type": "string | undefined",
             "required": false
@@ -4376,6 +4423,10 @@
             "type": "InputSize",
             "required": false
           },
+          "step": {
+            "type": "number | undefined",
+            "required": false
+          },
           "type": {
             "type": "InputType",
             "required": false
@@ -4403,6 +4454,7 @@
         "exports": {
           "customElement": "ds-input",
           "react": "DsInput",
+          "vue": "DsInput",
           "angular": "DsInput"
         }
       },
@@ -4516,6 +4568,7 @@
         "exports": {
           "customElement": "ds-loader",
           "react": "DsLoader",
+          "vue": "DsLoader",
           "angular": "DsLoader"
         }
       },
@@ -4592,6 +4645,7 @@
         "exports": {
           "customElement": "ds-markdown",
           "react": "DsMarkdown",
+          "vue": "DsMarkdown",
           "angular": "DsMarkdown"
         }
       },
@@ -4797,6 +4851,7 @@
         "exports": {
           "customElement": "ds-menu",
           "react": "DsMenu",
+          "vue": "DsMenu",
           "angular": "DsMenu"
         }
       },
@@ -4913,6 +4968,7 @@
         "exports": {
           "customElement": "ds-message",
           "react": "DsMessage",
+          "vue": "DsMessage",
           "angular": "DsMessage"
         }
       },
@@ -5002,6 +5058,7 @@
         "exports": {
           "customElement": "ds-message-actions",
           "react": "DsMessageActions",
+          "vue": "DsMessageActions",
           "angular": "DsMessageActions"
         }
       },
@@ -5073,6 +5130,7 @@
         "exports": {
           "customElement": "ds-message-bubble",
           "react": "DsMessageBubble",
+          "vue": "DsMessageBubble",
           "angular": "DsMessageBubble"
         }
       },
@@ -5188,6 +5246,7 @@
         "exports": {
           "customElement": "ds-message-composer",
           "react": "DsMessageComposer",
+          "vue": "DsMessageComposer",
           "angular": "DsMessageComposer"
         }
       },
@@ -5287,6 +5346,7 @@
         "exports": {
           "customElement": "ds-message-scroller",
           "react": "DsMessageScroller",
+          "vue": "DsMessageScroller",
           "angular": "DsMessageScroller"
         }
       },
@@ -5418,6 +5478,7 @@
         "exports": {
           "customElement": "ds-mobile-bar-nav",
           "react": "DsMobileBarNav",
+          "vue": "DsMobileBarNav",
           "angular": "DsMobileBarNav"
         }
       },
@@ -5547,6 +5608,7 @@
         "exports": {
           "customElement": "ds-mobile-header",
           "react": "DsMobileHeader",
+          "vue": "DsMobileHeader",
           "angular": "DsMobileHeader"
         }
       },
@@ -5633,6 +5695,7 @@
         "exports": {
           "customElement": "ds-mobile-section-switcher",
           "react": "DsMobileSectionSwitcher",
+          "vue": "DsMobileSectionSwitcher",
           "angular": "DsMobileSectionSwitcher"
         }
       },
@@ -5766,6 +5829,7 @@
         "exports": {
           "customElement": "ds-mobile-sheet-nav",
           "react": "DsMobileSheetNav",
+          "vue": "DsMobileSheetNav",
           "angular": "DsMobileSheetNav"
         }
       },
@@ -5930,6 +5994,7 @@
         "exports": {
           "customElement": "ds-modal",
           "react": "DsModal",
+          "vue": "DsModal",
           "angular": "DsModal"
         }
       },
@@ -6077,6 +6142,7 @@
         "exports": {
           "customElement": "ds-pagination",
           "react": "DsPagination",
+          "vue": "DsPagination",
           "angular": "DsPagination"
         }
       },
@@ -6314,6 +6380,7 @@
         "exports": {
           "customElement": "ds-panel-nav",
           "react": "DsPanelNav",
+          "vue": "DsPanelNav",
           "angular": "DsPanelNav"
         }
       },
@@ -6447,6 +6514,7 @@
         "exports": {
           "customElement": "ds-panel-sub-nav",
           "react": "DsPanelSubNav",
+          "vue": "DsPanelSubNav",
           "angular": "DsPanelSubNav"
         }
       },
@@ -6566,6 +6634,7 @@
         "exports": {
           "customElement": "ds-panel-tool-header",
           "react": "DsPanelToolHeader",
+          "vue": "DsPanelToolHeader",
           "angular": "DsPanelToolHeader"
         }
       },
@@ -6708,6 +6777,7 @@
         "exports": {
           "customElement": "ds-panel-tool-search",
           "react": "DsPanelToolSearch",
+          "vue": "DsPanelToolSearch",
           "angular": "DsPanelToolSearch"
         }
       },
@@ -6915,6 +6985,7 @@
         "exports": {
           "customElement": "ds-panel-tools",
           "react": "DsPanelTools",
+          "vue": "DsPanelTools",
           "angular": "DsPanelTools"
         }
       },
@@ -6998,6 +7069,7 @@
         "exports": {
           "customElement": "ds-paper-texture",
           "react": "DsPaperTexture",
+          "vue": "DsPaperTexture",
           "angular": "DsPaperTexture"
         }
       },
@@ -7078,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."
             ]
@@ -7153,6 +7228,7 @@
         "exports": {
           "customElement": "ds-radio",
           "react": "DsRadio",
+          "vue": "DsRadio",
           "angular": "DsRadio"
         }
       },
@@ -7237,6 +7313,7 @@
         "exports": {
           "customElement": "ds-scroll-overlay",
           "react": "DsScrollOverlay",
+          "vue": "DsScrollOverlay",
           "angular": "DsScrollOverlay"
         }
       },
@@ -7266,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.",
@@ -7345,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."
             ]
@@ -7540,6 +7620,7 @@
         "exports": {
           "customElement": "ds-select",
           "react": "DsSelect",
+          "vue": "DsSelect",
           "angular": "DsSelect"
         }
       },
@@ -7787,6 +7868,7 @@
         "exports": {
           "customElement": "ds-shell-app",
           "react": "DsShellApp",
+          "vue": "DsShellApp",
           "angular": "DsShellApp"
         }
       },
@@ -7963,6 +8045,7 @@
         "exports": {
           "customElement": "ds-shell-page",
           "react": "DsShellPage",
+          "vue": "DsShellPage",
           "angular": "DsShellPage"
         }
       },
@@ -8120,6 +8203,7 @@
         "exports": {
           "customElement": "ds-shell-tools",
           "react": "DsShellTools",
+          "vue": "DsShellTools",
           "angular": "DsShellTools"
         }
       },
@@ -8257,6 +8341,7 @@
         "exports": {
           "customElement": "ds-skeleton",
           "react": "DsSkeleton",
+          "vue": "DsSkeleton",
           "angular": "DsSkeleton"
         }
       },
@@ -8487,6 +8572,7 @@
         "exports": {
           "customElement": "ds-slider",
           "react": "DsSlider",
+          "vue": "DsSlider",
           "angular": "DsSlider"
         }
       },
@@ -8607,6 +8693,7 @@
         "exports": {
           "customElement": "ds-swatch-picker",
           "react": "DsSwatchPicker",
+          "vue": "DsSwatchPicker",
           "angular": "DsSwatchPicker"
         }
       },
@@ -8690,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."
             ]
@@ -8765,6 +8855,7 @@
         "exports": {
           "customElement": "ds-switch",
           "react": "DsSwitch",
+          "vue": "DsSwitch",
           "angular": "DsSwitch"
         }
       },
@@ -8911,6 +9002,7 @@
         "exports": {
           "customElement": "ds-tab-group",
           "react": "DsTabGroup",
+          "vue": "DsTabGroup",
           "angular": "DsTabGroup"
         }
       },
@@ -9316,6 +9408,7 @@
         "exports": {
           "customElement": "ds-table",
           "react": "DsTable",
+          "vue": "DsTable",
           "angular": "DsTable"
         }
       },
@@ -9472,6 +9565,7 @@
         "exports": {
           "customElement": "ds-table-saved-views",
           "react": "DsTableSavedViews",
+          "vue": "DsTableSavedViews",
           "angular": "DsTableSavedViews"
         }
       },
@@ -9568,6 +9662,7 @@
         "exports": {
           "customElement": "ds-table-toolbar",
           "react": "DsTableToolbar",
+          "vue": "DsTableToolbar",
           "angular": "DsTableToolbar"
         }
       },
@@ -9732,6 +9827,7 @@
         "exports": {
           "customElement": "ds-tag",
           "react": "DsTag",
+          "vue": "DsTag",
           "angular": "DsTag"
         }
       },
@@ -9895,6 +9991,7 @@
         "exports": {
           "customElement": "ds-text",
           "react": "DsText",
+          "vue": "DsText",
           "angular": "DsText"
         }
       },
@@ -10059,6 +10156,7 @@
         "exports": {
           "customElement": "ds-toast",
           "react": "DsToast",
+          "vue": "DsToast",
           "angular": "DsToast"
         }
       },
@@ -10220,6 +10318,7 @@
         "exports": {
           "customElement": "ds-tooltip",
           "react": "DsTooltip",
+          "vue": "DsTooltip",
           "angular": "DsTooltip"
         }
       },
@@ -10344,6 +10443,7 @@
         "exports": {
           "customElement": "ds-tooltip-chart",
           "react": "DsTooltipChart",
+          "vue": "DsTooltipChart",
           "angular": "DsTooltipChart"
         }
       },
@@ -10413,6 +10513,7 @@
         "exports": {
           "customElement": "ds-typing-indicator",
           "react": "DsTypingIndicator",
+          "vue": "DsTypingIndicator",
           "angular": "DsTypingIndicator"
         }
       },