@nova-design-system/nova-vue 3.22.0 → 3.24.0

package/dist/generated/components.js

@@ -1,13 +1,15 @@
 /* eslint-disable */
 /* tslint:disable */
 /* auto-generated vue proxies */
-import { defineContainer } from './vue-component-lib/utils';
+import { defineContainer } from '@stencil/vue-output-target/runtime';
 export const NvAccordion = /*@__PURE__*/ defineContainer('nv-accordion', undefined, [
     'data',
     'mode',
     'openIndexes',
     'openIndexesChanged'
-], 'openIndexes', 'open-indexes-changed');
+], [
+    'openIndexesChanged'
+], 'openIndexes', 'openIndexesChanged', undefined);
 export const NvAccordionItem = /*@__PURE__*/ defineContainer('nv-accordion-item', undefined, [
     'itemTitle',
     'subtitle',
@@ -16,6 +18,8 @@ export const NvAccordionItem = /*@__PURE__*/ defineContainer('nv-accordion-item'
     'maxContentHeight',
     'mode',
     'itemToggle'
+], [
+    'itemToggle'
 ]);
 export const NvAlert = /*@__PURE__*/ defineContainer('nv-alert', undefined, [
     'color',
@@ -30,7 +34,11 @@ export const NvAlert = /*@__PURE__*/ defineContainer('nv-alert', undefined, [
     'hiddenChanged',
     'hiddenChangedComplete',
     'closeClicked'
-], 'hidden', 'hidden-changed');
+], [
+    'hiddenChanged',
+    'hiddenChangedComplete',
+    'closeClicked'
+], 'hidden', 'hiddenChanged', undefined);
 export const NvAvatar = /*@__PURE__*/ defineContainer('nv-avatar', undefined, [
     'xsmall',
     'small',
@@ -59,6 +67,10 @@ export const NvBadge = /*@__PURE__*/ defineContainer('nv-badge', undefined, [
     'closeClicked',
     'hiddenChanged',
     'hiddenChangedComplete'
+], [
+    'closeClicked',
+    'hiddenChanged',
+    'hiddenChangedComplete'
 ]);
 export const NvBreadcrumb = /*@__PURE__*/ defineContainer('nv-breadcrumb', undefined, [
     'type',
@@ -105,7 +117,11 @@ export const NvCalendar = /*@__PURE__*/ defineContainer('nv-calendar', undefined
     'singleDateChange',
     'rangeDateChange',
     'valueChanged'
-], 'value', 'value-changed');
+], [
+    'singleDateChange',
+    'rangeDateChange',
+    'valueChanged'
+], 'value', 'valueChanged', undefined);
 export const NvCol = /*@__PURE__*/ defineContainer('nv-col', undefined, [
     'size'
 ]);
@@ -127,7 +143,11 @@ export const NvDatagrid = /*@__PURE__*/ defineContainer('nv-datagrid', undefined
     'action',
     'selectedRows',
     'stateChanged'
-], 'state', 'state-changed');
+], [
+    'action',
+    'selectedRows',
+    'stateChanged'
+], 'state', 'stateChanged', undefined);
 export const NvDatagridcolumn = /*@__PURE__*/ defineContainer('nv-datagridcolumn', undefined, [
     'header',
     'accessor',
@@ -145,7 +165,9 @@ export const NvDialog = /*@__PURE__*/ defineContainer('nv-dialog', undefined, [
     'full',
     'autofocus',
     'openChanged'
-], 'open', 'open-changed');
+], [
+    'openChanged'
+], 'open', 'openChanged', undefined);
 export const NvDialogfooter = /*@__PURE__*/ defineContainer('nv-dialogfooter', undefined, [
     'disabled',
     'undismissable',
@@ -158,11 +180,48 @@ export const NvDialogfooter = /*@__PURE__*/ defineContainer('nv-dialogfooter', u
     'form',
     'dialogCanceled',
     'dialogPrimaryClicked'
+], [
+    'dialogCanceled',
+    'dialogPrimaryClicked'
 ]);
 export const NvDialogheader = /*@__PURE__*/ defineContainer('nv-dialogheader', undefined, [
     'heading',
     'subheading'
 ]);
+export const NvDrawer = /*@__PURE__*/ defineContainer('nv-drawer', undefined, [
+    'open',
+    'undismissable',
+    'clickOutside',
+    'controlled',
+    'side',
+    'size',
+    'width',
+    'autofocus',
+    'swipeToOpen',
+    'openChanged'
+], [
+    'openChanged'
+], 'open', 'openChanged', undefined);
+export const NvDrawerfooter = /*@__PURE__*/ defineContainer('nv-drawerfooter', undefined, [
+    'disabled',
+    'undismissable',
+    'leadingIcon',
+    'trailingIcon',
+    'danger',
+    'cancelLabel',
+    'primaryLabel',
+    'primaryButtonType',
+    'form',
+    'drawerCanceled',
+    'drawerPrimaryClicked'
+], [
+    'drawerCanceled',
+    'drawerPrimaryClicked'
+]);
+export const NvDrawerheader = /*@__PURE__*/ defineContainer('nv-drawerheader', undefined, [
+    'heading',
+    'subheading'
+]);
 export const NvFieldcheckbox = /*@__PURE__*/ defineContainer('nv-fieldcheckbox', undefined, [
     'message',
     'validation',
@@ -181,9 +240,12 @@ export const NvFieldcheckbox = /*@__PURE__*/ defineContainer('nv-fieldcheckbox',
     'disabled',
     'readonly',
     'required',
+    'ariaRequiredAttr',
     'autofocus',
     'checkedChanged'
-], 'checked', 'checked-changed');
+], [
+    'checkedChanged'
+], 'checked', 'checkedChanged', undefined);
 export const NvFielddate = /*@__PURE__*/ defineContainer('nv-fielddate', undefined, [
     'inputId',
     'label',
@@ -193,6 +255,7 @@ export const NvFielddate = /*@__PURE__*/ defineContainer('nv-fielddate', undefin
     'disabled',
     'readonly',
     'required',
+    'ariaRequiredAttr',
     'error',
     'errorDescription',
     'success',
@@ -211,7 +274,9 @@ export const NvFielddate = /*@__PURE__*/ defineContainer('nv-fielddate', undefin
     'disabledDates',
     'fluid',
     'valueChanged'
-], 'value', 'value-changed');
+], [
+    'valueChanged'
+], 'value', 'valueChanged', undefined);
 export const NvFielddaterange = /*@__PURE__*/ defineContainer('nv-fielddaterange', undefined, [
     'startInputId',
     'endInputId',
@@ -224,6 +289,7 @@ export const NvFielddaterange = /*@__PURE__*/ defineContainer('nv-fielddaterange
     'disabled',
     'readonly',
     'required',
+    'ariaRequiredAttr',
     'error',
     'errorDescription',
     'success',
@@ -243,7 +309,10 @@ export const NvFielddaterange = /*@__PURE__*/ defineContainer('nv-fielddaterange
     'fluid',
     'dateRangeChange',
     'valueChanged'
-], 'value', 'value-changed');
+], [
+    'dateRangeChange',
+    'valueChanged'
+], 'value', 'valueChanged', undefined);
 export const NvFielddropdown = /*@__PURE__*/ defineContainer('nv-fielddropdown', undefined, [
     'inputId',
     'name',
@@ -253,6 +322,7 @@ export const NvFielddropdown = /*@__PURE__*/ defineContainer('nv-fielddropdown',
     'autocomplete',
     'value',
     'required',
+    'ariaRequiredAttr',
     'readonly',
     'disabled',
     'error',
@@ -266,11 +336,23 @@ export const NvFielddropdown = /*@__PURE__*/ defineContainer('nv-fielddropdown',
     'debounceDelay',
     'autofocus',
     'fluid',
+    'filterMode',
+    'maxResults',
+    'startFilterAt',
+    'locale',
+    'truncatedResultsText',
+    'workerThreshold',
+    'fuzzyThreshold',
     'valueChanged',
     'filterTextChanged',
     'openChanged',
     'dropdownItemSelected'
-], 'value', 'value-changed');
+], [
+    'valueChanged',
+    'filterTextChanged',
+    'openChanged',
+    'dropdownItemSelected'
+], 'value', 'valueChanged', undefined);
 export const NvFielddropdownitem = /*@__PURE__*/ defineContainer('nv-fielddropdownitem', undefined, [
     'disabled',
     'selected',
@@ -278,6 +360,8 @@ export const NvFielddropdownitem = /*@__PURE__*/ defineContainer('nv-fielddropdo
     'label',
     'detached',
     'dropdownItemSelected'
+], [
+    'dropdownItemSelected'
 ]);
 export const NvFielddropdownitemcheck = /*@__PURE__*/ defineContainer('nv-fielddropdownitemcheck', undefined, [
     'checked',
@@ -287,6 +371,8 @@ export const NvFielddropdownitemcheck = /*@__PURE__*/ defineContainer('nv-fieldd
     'group',
     'disabled',
     'itemChecked'
+], [
+    'itemChecked'
 ]);
 export const NvFieldmultiselect = /*@__PURE__*/ defineContainer('nv-fieldmultiselect', undefined, [
     'label',
@@ -296,6 +382,7 @@ export const NvFieldmultiselect = /*@__PURE__*/ defineContainer('nv-fieldmultise
     'placeholder',
     'autocomplete',
     'required',
+    'ariaRequiredAttr',
     'readonly',
     'disabled',
     'error',
@@ -314,9 +401,19 @@ export const NvFieldmultiselect = /*@__PURE__*/ defineContainer('nv-fieldmultise
     'enableSelectAll',
     'selectAllLabel',
     'deselectAllLabel',
+    'filterMode',
+    'maxResults',
+    'startFilterAt',
+    'locale',
+    'truncatedResultsText',
+    'workerThreshold',
+    'fuzzyThreshold',
+    'valueChanged',
+    'filterTextChanged'
+], [
     'valueChanged',
     'filterTextChanged'
-], 'value', 'value-changed');
+], 'value', 'valueChanged', undefined);
 export const NvFieldnumber = /*@__PURE__*/ defineContainer('nv-fieldnumber', undefined, [
     'message',
     'validation',
@@ -328,6 +425,7 @@ export const NvFieldnumber = /*@__PURE__*/ defineContainer('nv-fieldnumber', und
     'disabled',
     'readonly',
     'required',
+    'ariaRequiredAttr',
     'error',
     'errorDescription',
     'success',
@@ -338,7 +436,9 @@ export const NvFieldnumber = /*@__PURE__*/ defineContainer('nv-fieldnumber', und
     'autofocus',
     'fluid',
     'valueChanged'
-], 'value', 'value-changed');
+], [
+    'valueChanged'
+], 'value', 'valueChanged', undefined);
 export const NvFieldpassword = /*@__PURE__*/ defineContainer('nv-fieldpassword', undefined, [
     'inputId',
     'label',
@@ -349,6 +449,7 @@ export const NvFieldpassword = /*@__PURE__*/ defineContainer('nv-fieldpassword',
     'disabled',
     'readonly',
     'required',
+    'ariaRequiredAttr',
     'error',
     'errorDescription',
     'success',
@@ -362,7 +463,9 @@ export const NvFieldpassword = /*@__PURE__*/ defineContainer('nv-fieldpassword',
     'autofocus',
     'fluid',
     'valueChanged'
-], 'value', 'value-changed');
+], [
+    'valueChanged'
+], 'value', 'valueChanged', undefined);
 export const NvFieldradio = /*@__PURE__*/ defineContainer('nv-fieldradio', undefined, [
     'message',
     'labelBefore',
@@ -378,7 +481,9 @@ export const NvFieldradio = /*@__PURE__*/ defineContainer('nv-fieldradio', undef
     'disabled',
     'autofocus',
     'checkedChanged'
-], 'checked', 'checked-changed');
+], [
+    'checkedChanged'
+], 'checked', 'checkedChanged', undefined);
 export const NvFieldselect = /*@__PURE__*/ defineContainer('nv-fieldselect', undefined, [
     'message',
     'validation',
@@ -390,6 +495,7 @@ export const NvFieldselect = /*@__PURE__*/ defineContainer('nv-fieldselect', und
     'disabled',
     'readonly',
     'required',
+    'ariaRequiredAttr',
     'error',
     'errorDescription',
     'success',
@@ -399,7 +505,9 @@ export const NvFieldselect = /*@__PURE__*/ defineContainer('nv-fieldselect', und
     'autofocus',
     'fluid',
     'valueChanged'
-], 'value', 'value-changed');
+], [
+    'valueChanged'
+], 'value', 'valueChanged', undefined);
 export const NvFieldslider = /*@__PURE__*/ defineContainer('nv-fieldslider', undefined, [
     'startInputId',
     'endInputId',
@@ -427,7 +535,9 @@ export const NvFieldslider = /*@__PURE__*/ defineContainer('nv-fieldslider', und
     'labelBeforeValue',
     'labelAfterValue',
     'valueChanged'
-], 'value', 'value-changed');
+], [
+    'valueChanged'
+], 'value', 'valueChanged', undefined);
 export const NvFieldtext = /*@__PURE__*/ defineContainer('nv-fieldtext', undefined, [
     'message',
     'validation',
@@ -442,6 +552,7 @@ export const NvFieldtext = /*@__PURE__*/ defineContainer('nv-fieldtext', undefin
     'disabled',
     'readonly',
     'required',
+    'ariaRequiredAttr',
     'error',
     'errorDescription',
     'success',
@@ -453,7 +564,9 @@ export const NvFieldtext = /*@__PURE__*/ defineContainer('nv-fieldtext', undefin
     'autofocus',
     'fluid',
     'valueChanged'
-], 'value', 'value-changed');
+], [
+    'valueChanged'
+], 'value', 'valueChanged', undefined);
 export const NvFieldtextarea = /*@__PURE__*/ defineContainer('nv-fieldtextarea', undefined, [
     'message',
     'validation',
@@ -466,6 +579,7 @@ export const NvFieldtextarea = /*@__PURE__*/ defineContainer('nv-fieldtextarea',
     'disabled',
     'readonly',
     'required',
+    'ariaRequiredAttr',
     'error',
     'errorDescription',
     'success',
@@ -477,7 +591,9 @@ export const NvFieldtextarea = /*@__PURE__*/ defineContainer('nv-fieldtextarea',
     'autofocus',
     'fluid',
     'valueChanged'
-], 'value', 'value-changed');
+], [
+    'valueChanged'
+], 'value', 'valueChanged', undefined);
 export const NvFieldtime = /*@__PURE__*/ defineContainer('nv-fieldtime', undefined, [
     'value',
     'label',
@@ -485,6 +601,7 @@ export const NvFieldtime = /*@__PURE__*/ defineContainer('nv-fieldtime', undefin
     'readonly',
     'disabled',
     'required',
+    'ariaRequiredAttr',
     'name',
     'success',
     'error',
@@ -497,7 +614,9 @@ export const NvFieldtime = /*@__PURE__*/ defineContainer('nv-fieldtime', undefin
     'min',
     'autofocus',
     'valueChanged'
-], 'value', 'value-changed');
+], [
+    'valueChanged'
+], 'value', 'valueChanged', undefined);
 export const NvIcon = /*@__PURE__*/ defineContainer('nv-icon', undefined, [
     'xsmall',
     'small',
@@ -530,6 +649,8 @@ export const NvMenu = /*@__PURE__*/ defineContainer('nv-menu', undefined, [
     'placement',
     'items',
     'menuitemSelected'
+], [
+    'menuitemSelected'
 ]);
 export const NvMenuitem = /*@__PURE__*/ defineContainer('nv-menuitem', undefined, [
     'label',
@@ -539,6 +660,8 @@ export const NvMenuitem = /*@__PURE__*/ defineContainer('nv-menuitem', undefined
     'hasSubmenu',
     'name',
     'menuitemSelected'
+], [
+    'menuitemSelected'
 ]);
 export const NvNotification = /*@__PURE__*/ defineContainer('nv-notification', undefined, [
     'uid',
@@ -551,7 +674,16 @@ export const NvNotification = /*@__PURE__*/ defineContainer('nv-notification', u
     'hidden',
     'initiallyHidden',
     'hiddenChanged'
-], 'hidden', 'hidden-changed');
+], [
+    'hiddenChanged'
+], 'hidden', 'hiddenChanged', undefined);
+export const NvNotificationBullet = /*@__PURE__*/ defineContainer('nv-notification-bullet', undefined, [
+    'count',
+    'intention',
+    'emphasis',
+    'size',
+    'contrastingBorder'
+]);
 export const NvNotificationcontainer = /*@__PURE__*/ defineContainer('nv-notificationcontainer', undefined, [
     'position'
 ]);
@@ -569,15 +701,51 @@ export const NvPopover = /*@__PURE__*/ defineContainer('nv-popover', undefined,
     'enterDelay',
     'nested',
     'openChanged'
-], 'open', 'open-changed');
+], [
+    'openChanged'
+], 'open', 'openChanged', undefined);
 export const NvRow = /*@__PURE__*/ defineContainer('nv-row', undefined);
+export const NvSidebar = /*@__PURE__*/ defineContainer('nv-sidebar', undefined, [
+    'type',
+    'open',
+    'activePath',
+    'notificationIntention',
+    'notificationEmphasis',
+    'openChanged'
+], [
+    'openChanged'
+], 'open', 'openChanged', undefined);
+export const NvSidebarcontent = /*@__PURE__*/ defineContainer('nv-sidebarcontent', undefined);
+export const NvSidebardivider = /*@__PURE__*/ defineContainer('nv-sidebardivider', undefined);
+export const NvSidebarfooter = /*@__PURE__*/ defineContainer('nv-sidebarfooter', undefined);
+export const NvSidebargroup = /*@__PURE__*/ defineContainer('nv-sidebargroup', undefined, [
+    'label'
+]);
+export const NvSidebarheader = /*@__PURE__*/ defineContainer('nv-sidebarheader', undefined);
+export const NvSidebarlogo = /*@__PURE__*/ defineContainer('nv-sidebarlogo', undefined, [
+    'label',
+    'logo',
+    'collapsedLogo'
+]);
+export const NvSidebarnavitem = /*@__PURE__*/ defineContainer('nv-sidebarnavitem', undefined, [
+    'icon',
+    'active',
+    'collapsible',
+    'open',
+    'notificationCount'
+]);
+export const NvSidebarnavsubitem = /*@__PURE__*/ defineContainer('nv-sidebarnavsubitem', undefined, [
+    'active'
+]);
 export const NvSplit = /*@__PURE__*/ defineContainer('nv-split', undefined, [
     'direction',
     'sizes',
     'minSizes',
     'gutterSize',
     'sizesChanged'
-], 'sizes', 'sizes-changed');
+], [
+    'sizesChanged'
+], 'sizes', 'sizesChanged', undefined);
 export const NvStack = /*@__PURE__*/ defineContainer('nv-stack', undefined, [
     'gutter',
     'fill',
@@ -590,6 +758,8 @@ export const NvTableheader = /*@__PURE__*/ defineContainer('nv-tableheader', und
     'sortable',
     'sortDirection',
     'sortDirectionChanged'
+], [
+    'sortDirectionChanged'
 ]);
 export const NvToggle = /*@__PURE__*/ defineContainer('nv-toggle', undefined, [
     'inputId',
@@ -603,7 +773,9 @@ export const NvToggle = /*@__PURE__*/ defineContainer('nv-toggle', undefined, [
     'disabled',
     'readonly',
     'checkedChanged'
-], 'checked', 'checked-changed');
+], [
+    'checkedChanged'
+], 'checked', 'checkedChanged', undefined);
 export const NvTogglebutton = /*@__PURE__*/ defineContainer('nv-togglebutton', undefined, [
     'size',
     'value',
@@ -611,6 +783,8 @@ export const NvTogglebutton = /*@__PURE__*/ defineContainer('nv-togglebutton', u
     'active',
     'emphasis',
     'toggled'
+], [
+    'toggled'
 ]);
 export const NvTogglebuttongroup = /*@__PURE__*/ defineContainer('nv-togglebuttongroup', undefined, [
     'value',
@@ -619,7 +793,9 @@ export const NvTogglebuttongroup = /*@__PURE__*/ defineContainer('nv-togglebutto
     'emphasis',
     'size',
     'valueChanged'
-], 'value', 'value-changed');
+], [
+    'valueChanged'
+], 'value', 'valueChanged', undefined);
 export const NvTooltip = /*@__PURE__*/ defineContainer('nv-tooltip', undefined, [
     'triggerElement',
     'message',
@@ -627,4 +803,6 @@ export const NvTooltip = /*@__PURE__*/ defineContainer('nv-tooltip', undefined,
     'enterDelay',
     'strategy',
     'openChanged'
+], [
+    'openChanged'
 ]);

package/dist/plugin.d.ts

@@ -3,10 +3,6 @@
  * 1. Loads the Stencil components using defineCustomElements
  * 2. Sets up custom event handling to bridge the naming convention difference
  *    between Stencil (camelCase) and Vue (kebab-case)
- *
- * The ael, rel, and ce functions are used by Stencil to handle events.
- * By providing custom implementations, we ensure that event names are
- * properly transformed, allowing Stencil components to work seamlessly in Vue.
  */
 import { App } from 'vue';
 import { type NotificationServiceOptions } from './providers/NotificationService';

package/dist/plugin.js

@@ -3,42 +3,9 @@
  * 1. Loads the Stencil components using defineCustomElements
  * 2. Sets up custom event handling to bridge the naming convention difference
  *    between Stencil (camelCase) and Vue (kebab-case)
- *
- * The ael, rel, and ce functions are used by Stencil to handle events.
- * By providing custom implementations, we ensure that event names are
- * properly transformed, allowing Stencil components to work seamlessly in Vue.
  */
 import { defineCustomElements } from '@nova-design-system/nova-webcomponents/loader';
 import { NvNotificationService, } from './providers/NotificationService';
-/**
- * Transforms the event name to kebab-case.
- * @param {string} eventName - The name of the event.
- * @returns {string} The transformed event name.
- */
-const transformEventName = (eventName) => {
-    return eventName
-        .replace(/([a-z])([A-Z])/g, '$1-$2')
-        .replace(/[\s_]+/g, '-')
-        .toLowerCase();
-};
-/**
- * Custom add event listener function that transforms the event name
- * @param {HTMLElement} el - The element to attach the event listener to.
- * @param {string} eventName - The name of the event.
- * @param {Function} cb - The callback function to be executed when the event is triggered.
- * @param {object} opts - The options for the event listener.
- * @returns {void} Nothing.
- */
-const ael = (el, eventName, cb, opts) => el.addEventListener(transformEventName(eventName), cb, opts);
-/**
- * Custom remove event listener function that transforms the event name.
- * @param {HTMLElement} el - The element to remove the event listener from.
- * @param {string} eventName - The name of the event.
- * @param {Function} cb - The callback function to be removed.
- * @param {object} opts - The options for the event listener.
- * @returns {void} Nothing.
- */
-const rel = (el, eventName, cb, opts) => el.removeEventListener(transformEventName(eventName), cb, opts);
 /**
  * This is the Vue plugin that is used to define the custom elements, event
  * handlers, and includes the notification service.
@@ -46,11 +13,7 @@ const rel = (el, eventName, cb, opts) => el.removeEventListener(transformEventNa
 export const NovaComponents = {
     async install(app, options = {}) {
         // Define custom elements with event handling
-        defineCustomElements(window, {
-            ce: (eventName, opts) => new CustomEvent(transformEventName(eventName), opts),
-            ael,
-            rel,
-        });
+        defineCustomElements();
         // Install notification service
         NvNotificationService.install(app, options.notifications);
     },

package/dist/providers/NotificationService.js

@@ -1,15 +1,14 @@
 /* eslint-disable jsdoc/require-jsdoc */
 import { ref, createApp, h, } from 'vue';
 import { NvButton, NvNotification, NvNotificationcontainer, } from '../generated/components';
+import { v4 as uuidv4 } from 'uuid';
 /**
  * Utility function to generate unique IDs.
  *
  * @returns {string} A unique identifier string
  */
 const generateId = () => {
-    return `notification-${Date.now()}-${Math.random()
-        .toString(36)
-        .substr(2, 9)}`;
+    return `notification-${uuidv4()}`;
 };
 /**
  * Utility function to unwrap a notification element from a ref.
@@ -68,6 +67,7 @@ class NotificationManager {
                         return h(NvNotification, {
                             key: notification.id,
                             ref: this.setElRef(notification.id),
+                            uid: notification.id,
                             heading: notification.heading,
                             message: notification.message,
                             dismissible: notification.dismissible,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-vue",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
   "author": "Elia Group",
   "homepage": "https://nova.eliagroup.io",
@@ -44,8 +44,11 @@
     "@tanstack/vue-table": "8.21.3"
   },
   "devDependencies": {
-    "vue": "3.5.17",
+    "vue": "3.5.25",
     "nova-utils": "*",
     "nova-storybook-utils": "*"
+  },
+  "peerDependencies": {
+    "@stencil/vue-output-target": "0.11.8"
   }
 }

package/dist/generated/vue-component-lib/utils.d.ts

@@ -1,16 +0,0 @@
-export interface InputProps<T> {
-    modelValue?: T;
-}
-/**
- * Create a callback to define a Vue component wrapper around a Web Component.
- *
- * @prop name - The component tag name (i.e. `ion-button`)
- * @prop componentProps - An array of properties on the
- * component. These usually match up with the @Prop definitions
- * in each component's TSX file.
- * @prop customElement - An option custom element instance to pass
- * to customElements.define. Only set if `includeImportCustomElements: true` in your config.
- * @prop modelProp - The prop that v-model binds to (i.e. value)
- * @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
- */
-export declare const defineContainer: <Props, VModelType = string | number | boolean>(name: string, defineCustomElement: any, componentProps?: string[], modelProp?: string, modelUpdateEvent?: string) => import("vue").DefineSetupFnComponent<Props & InputProps<VModelType>, {}, {}, Props & InputProps<VModelType> & {}, import("vue").PublicProps>;