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

package/dist/generated/components.server.js

@@ -1,10 +1,12 @@
+import * as clientComponents from '@nova-design-system/nova-react';
 import { createComponent } from '@stencil/react-output-target/ssr';
 export const serializeShadowRoot = { default: "declarative-shadow-dom" };
 export const NvAccordion = createComponent({
     tagName: 'nv-accordion',
     properties: { mode: 'mode' },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvAccordion,
+    serializeShadowRoot,
 });
 export const NvAccordionItem = createComponent({
     tagName: 'nv-accordion-item',
@@ -17,7 +19,8 @@ export const NvAccordionItem = createComponent({
         mode: 'mode'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvAccordionItem,
+    serializeShadowRoot,
 });
 export const NvAlert = createComponent({
     tagName: 'nv-alert',
@@ -33,7 +36,8 @@ export const NvAlert = createComponent({
         hasNoAnimations: 'has-no-animations'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvAlert,
+    serializeShadowRoot,
 });
 export const NvAvatar = createComponent({
     tagName: 'nv-avatar',
@@ -52,7 +56,8 @@ export const NvAvatar = createComponent({
         color: 'color'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvAvatar,
+    serializeShadowRoot,
 });
 export const NvBadge = createComponent({
     tagName: 'nv-badge',
@@ -69,7 +74,8 @@ export const NvBadge = createComponent({
         isIconOnly: 'is-icon-only'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvBadge,
+    serializeShadowRoot,
 });
 export const NvBreadcrumb = createComponent({
     tagName: 'nv-breadcrumb',
@@ -79,13 +85,15 @@ export const NvBreadcrumb = createComponent({
         current: 'current'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvBreadcrumb,
+    serializeShadowRoot,
 });
 export const NvBreadcrumbs = createComponent({
     tagName: 'nv-breadcrumbs',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvBreadcrumbs,
+    serializeShadowRoot,
 });
 export const NvButton = createComponent({
     tagName: 'nv-button',
@@ -102,7 +110,8 @@ export const NvButton = createComponent({
         disableTabindex: 'disable-tabindex'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvButton,
+    serializeShadowRoot,
 });
 export const NvButtongroup = createComponent({
     tagName: 'nv-buttongroup',
@@ -113,7 +122,8 @@ export const NvButtongroup = createComponent({
         orientation: 'orientation'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvButtongroup,
+    serializeShadowRoot,
 });
 export const NvCalendar = createComponent({
     tagName: 'nv-calendar',
@@ -134,13 +144,15 @@ export const NvCalendar = createComponent({
         primaryLabel: 'primary-label'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvCalendar,
+    serializeShadowRoot,
 });
 export const NvCol = createComponent({
     tagName: 'nv-col',
     properties: { size: 'size' },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvCol,
+    serializeShadowRoot,
 });
 export const NvDatagrid = createComponent({
     tagName: 'nv-datagrid',
@@ -157,7 +169,8 @@ export const NvDatagrid = createComponent({
         enableRowSelection: 'enable-row-selection'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvDatagrid,
+    serializeShadowRoot,
 });
 export const NvDatagridcolumn = createComponent({
     tagName: 'nv-datagridcolumn',
@@ -168,7 +181,8 @@ export const NvDatagridcolumn = createComponent({
         group: 'group'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvDatagridcolumn,
+    serializeShadowRoot,
 });
 export const NvDialog = createComponent({
     tagName: 'nv-dialog',
@@ -181,7 +195,8 @@ export const NvDialog = createComponent({
         autofocus: 'autofocus'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvDialog,
+    serializeShadowRoot,
 });
 export const NvDialogfooter = createComponent({
     tagName: 'nv-dialogfooter',
@@ -197,7 +212,8 @@ export const NvDialogfooter = createComponent({
         form: 'form'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvDialogfooter,
+    serializeShadowRoot,
 });
 export const NvDialogheader = createComponent({
     tagName: 'nv-dialogheader',
@@ -206,7 +222,52 @@ export const NvDialogheader = createComponent({
         subheading: 'subheading'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvDialogheader,
+    serializeShadowRoot,
+});
+export const NvDrawer = createComponent({
+    tagName: 'nv-drawer',
+    properties: {
+        open: 'open',
+        undismissable: 'undismissable',
+        clickOutside: 'click-outside',
+        controlled: 'controlled',
+        side: 'side',
+        size: 'size',
+        width: 'width',
+        autofocus: 'autofocus',
+        swipeToOpen: 'swipe-to-open'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvDrawer,
+    serializeShadowRoot,
+});
+export const NvDrawerfooter = createComponent({
+    tagName: 'nv-drawerfooter',
+    properties: {
+        disabled: 'disabled',
+        undismissable: 'undismissable',
+        leadingIcon: 'leading-icon',
+        trailingIcon: 'trailing-icon',
+        danger: 'danger',
+        cancelLabel: 'cancel-label',
+        primaryLabel: 'primary-label',
+        primaryButtonType: 'primary-button-type',
+        form: 'form'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvDrawerfooter,
+    serializeShadowRoot,
+});
+export const NvDrawerheader = createComponent({
+    tagName: 'nv-drawerheader',
+    properties: {
+        heading: 'heading',
+        subheading: 'subheading'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvDrawerheader,
+    serializeShadowRoot,
 });
 export const NvFieldcheckbox = createComponent({
     tagName: 'nv-fieldcheckbox',
@@ -228,10 +289,12 @@ export const NvFieldcheckbox = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         autofocus: 'autofocus'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFieldcheckbox,
+    serializeShadowRoot,
 });
 export const NvFielddate = createComponent({
     tagName: 'nv-fielddate',
@@ -244,6 +307,7 @@ export const NvFielddate = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         error: 'error',
         errorDescription: 'error-description',
         success: 'success',
@@ -261,7 +325,8 @@ export const NvFielddate = createComponent({
         fluid: 'fluid'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFielddate,
+    serializeShadowRoot,
 });
 export const NvFielddaterange = createComponent({
     tagName: 'nv-fielddaterange',
@@ -277,6 +342,7 @@ export const NvFielddaterange = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         error: 'error',
         errorDescription: 'error-description',
         success: 'success',
@@ -294,7 +360,8 @@ export const NvFielddaterange = createComponent({
         fluid: 'fluid'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFielddaterange,
+    serializeShadowRoot,
 });
 export const NvFielddropdown = createComponent({
     tagName: 'nv-fielddropdown',
@@ -307,6 +374,7 @@ export const NvFielddropdown = createComponent({
         autocomplete: 'autocomplete',
         value: 'value',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         readonly: 'readonly',
         disabled: 'disabled',
         error: 'error',
@@ -318,10 +386,18 @@ export const NvFielddropdown = createComponent({
         controlledFilter: 'controlled-filter',
         debounceDelay: 'debounce-delay',
         autofocus: 'autofocus',
-        fluid: 'fluid'
+        fluid: 'fluid',
+        filterMode: 'filter-mode',
+        maxResults: 'max-results',
+        startFilterAt: 'start-filter-at',
+        locale: 'locale',
+        truncatedResultsText: 'truncated-results-text',
+        workerThreshold: 'worker-threshold',
+        fuzzyThreshold: 'fuzzy-threshold'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFielddropdown,
+    serializeShadowRoot,
 });
 export const NvFielddropdownitem = createComponent({
     tagName: 'nv-fielddropdownitem',
@@ -333,7 +409,8 @@ export const NvFielddropdownitem = createComponent({
         detached: 'detached'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFielddropdownitem,
+    serializeShadowRoot,
 });
 export const NvFielddropdownitemcheck = createComponent({
     tagName: 'nv-fielddropdownitemcheck',
@@ -346,7 +423,8 @@ export const NvFielddropdownitemcheck = createComponent({
         disabled: 'disabled'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFielddropdownitemcheck,
+    serializeShadowRoot,
 });
 export const NvFieldmultiselect = createComponent({
     tagName: 'nv-fieldmultiselect',
@@ -358,6 +436,7 @@ export const NvFieldmultiselect = createComponent({
         placeholder: 'placeholder',
         autocomplete: 'autocomplete',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         readonly: 'readonly',
         disabled: 'disabled',
         error: 'error',
@@ -373,10 +452,18 @@ export const NvFieldmultiselect = createComponent({
         filterText: 'filter-text',
         enableSelectAll: 'enable-select-all',
         selectAllLabel: 'select-all-label',
-        deselectAllLabel: 'deselect-all-label'
+        deselectAllLabel: 'deselect-all-label',
+        filterMode: 'filter-mode',
+        maxResults: 'max-results',
+        startFilterAt: 'start-filter-at',
+        locale: 'locale',
+        truncatedResultsText: 'truncated-results-text',
+        workerThreshold: 'worker-threshold',
+        fuzzyThreshold: 'fuzzy-threshold'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFieldmultiselect,
+    serializeShadowRoot,
 });
 export const NvFieldnumber = createComponent({
     tagName: 'nv-fieldnumber',
@@ -391,6 +478,7 @@ export const NvFieldnumber = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         error: 'error',
         errorDescription: 'error-description',
         success: 'success',
@@ -402,7 +490,8 @@ export const NvFieldnumber = createComponent({
         fluid: 'fluid'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFieldnumber,
+    serializeShadowRoot,
 });
 export const NvFieldpassword = createComponent({
     tagName: 'nv-fieldpassword',
@@ -416,6 +505,7 @@ export const NvFieldpassword = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         error: 'error',
         errorDescription: 'error-description',
         success: 'success',
@@ -430,7 +520,8 @@ export const NvFieldpassword = createComponent({
         fluid: 'fluid'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFieldpassword,
+    serializeShadowRoot,
 });
 export const NvFieldradio = createComponent({
     tagName: 'nv-fieldradio',
@@ -450,7 +541,8 @@ export const NvFieldradio = createComponent({
         autofocus: 'autofocus'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFieldradio,
+    serializeShadowRoot,
 });
 export const NvFieldselect = createComponent({
     tagName: 'nv-fieldselect',
@@ -464,6 +556,7 @@ export const NvFieldselect = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         error: 'error',
         errorDescription: 'error-description',
         success: 'success',
@@ -474,7 +567,8 @@ export const NvFieldselect = createComponent({
         fluid: 'fluid'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFieldselect,
+    serializeShadowRoot,
 });
 export const NvFieldslider = createComponent({
     tagName: 'nv-fieldslider',
@@ -504,7 +598,8 @@ export const NvFieldslider = createComponent({
         labelAfterValue: 'label-after-value'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFieldslider,
+    serializeShadowRoot,
 });
 export const NvFieldtext = createComponent({
     tagName: 'nv-fieldtext',
@@ -522,6 +617,7 @@ export const NvFieldtext = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         error: 'error',
         errorDescription: 'error-description',
         success: 'success',
@@ -534,7 +630,8 @@ export const NvFieldtext = createComponent({
         fluid: 'fluid'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFieldtext,
+    serializeShadowRoot,
 });
 export const NvFieldtextarea = createComponent({
     tagName: 'nv-fieldtextarea',
@@ -550,6 +647,7 @@ export const NvFieldtextarea = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         error: 'error',
         errorDescription: 'error-description',
         success: 'success',
@@ -562,7 +660,8 @@ export const NvFieldtextarea = createComponent({
         fluid: 'fluid'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFieldtextarea,
+    serializeShadowRoot,
 });
 export const NvFieldtime = createComponent({
     tagName: 'nv-fieldtime',
@@ -573,6 +672,7 @@ export const NvFieldtime = createComponent({
         readonly: 'readonly',
         disabled: 'disabled',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         name: 'name',
         success: 'success',
         error: 'error',
@@ -586,7 +686,8 @@ export const NvFieldtime = createComponent({
         autofocus: 'autofocus'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvFieldtime,
+    serializeShadowRoot,
 });
 export const NvIcon = createComponent({
     tagName: 'nv-icon',
@@ -601,7 +702,8 @@ export const NvIcon = createComponent({
         size: 'size'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvIcon,
+    serializeShadowRoot,
 });
 export const NvIconbutton = createComponent({
     tagName: 'nv-iconbutton',
@@ -617,7 +719,8 @@ export const NvIconbutton = createComponent({
         disableTabindex: 'disable-tabindex'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvIconbutton,
+    serializeShadowRoot,
 });
 export const NvLoader = createComponent({
     tagName: 'nv-loader',
@@ -626,7 +729,8 @@ export const NvLoader = createComponent({
         color: 'color'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvLoader,
+    serializeShadowRoot,
 });
 export const NvMenu = createComponent({
     tagName: 'nv-menu',
@@ -637,7 +741,8 @@ export const NvMenu = createComponent({
         placement: 'placement'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvMenu,
+    serializeShadowRoot,
 });
 export const NvMenuitem = createComponent({
     tagName: 'nv-menuitem',
@@ -650,7 +755,8 @@ export const NvMenuitem = createComponent({
         name: 'name'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvMenuitem,
+    serializeShadowRoot,
 });
 export const NvNotification = createComponent({
     tagName: 'nv-notification',
@@ -666,13 +772,28 @@ export const NvNotification = createComponent({
         initiallyHidden: 'initially-hidden'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvNotification,
+    serializeShadowRoot,
+});
+export const NvNotificationBullet = createComponent({
+    tagName: 'nv-notification-bullet',
+    properties: {
+        count: 'count',
+        intention: 'intention',
+        emphasis: 'emphasis',
+        size: 'size',
+        contrastingBorder: 'contrasting-border'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvNotificationBullet,
+    serializeShadowRoot,
 });
 export const NvNotificationcontainer = createComponent({
     tagName: 'nv-notificationcontainer',
     properties: { position: 'position' },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvNotificationcontainer,
+    serializeShadowRoot,
 });
 export const NvPopover = createComponent({
     tagName: 'nv-popover',
@@ -690,13 +811,94 @@ export const NvPopover = createComponent({
         nested: 'nested'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvPopover,
+    serializeShadowRoot,
 });
 export const NvRow = createComponent({
     tagName: 'nv-row',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvRow,
+    serializeShadowRoot,
+});
+export const NvSidebar = createComponent({
+    tagName: 'nv-sidebar',
+    properties: {
+        type: 'type',
+        open: 'open',
+        activePath: 'active-path',
+        notificationIntention: 'notification-intention',
+        notificationEmphasis: 'notification-emphasis'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvSidebar,
+    serializeShadowRoot,
+});
+export const NvSidebarcontent = createComponent({
+    tagName: 'nv-sidebarcontent',
+    properties: {},
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvSidebarcontent,
+    serializeShadowRoot,
+});
+export const NvSidebardivider = createComponent({
+    tagName: 'nv-sidebardivider',
+    properties: {},
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvSidebardivider,
+    serializeShadowRoot,
+});
+export const NvSidebarfooter = createComponent({
+    tagName: 'nv-sidebarfooter',
+    properties: {},
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvSidebarfooter,
+    serializeShadowRoot,
+});
+export const NvSidebargroup = createComponent({
+    tagName: 'nv-sidebargroup',
+    properties: { label: 'label' },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvSidebargroup,
+    serializeShadowRoot,
+});
+export const NvSidebarheader = createComponent({
+    tagName: 'nv-sidebarheader',
+    properties: {},
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvSidebarheader,
+    serializeShadowRoot,
+});
+export const NvSidebarlogo = createComponent({
+    tagName: 'nv-sidebarlogo',
+    properties: {
+        label: 'label',
+        logo: 'logo',
+        collapsedLogo: 'collapsed-logo'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvSidebarlogo,
+    serializeShadowRoot,
+});
+export const NvSidebarnavitem = createComponent({
+    tagName: 'nv-sidebarnavitem',
+    properties: {
+        icon: 'icon',
+        active: 'active',
+        collapsible: 'collapsible',
+        open: 'open',
+        notificationCount: 'notification-count'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvSidebarnavitem,
+    serializeShadowRoot,
+});
+export const NvSidebarnavsubitem = createComponent({
+    tagName: 'nv-sidebarnavsubitem',
+    properties: { active: 'active' },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvSidebarnavsubitem,
+    serializeShadowRoot,
 });
 export const NvSplit = createComponent({
     tagName: 'nv-split',
@@ -705,7 +907,8 @@ export const NvSplit = createComponent({
         gutterSize: 'gutter-size'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvSplit,
+    serializeShadowRoot,
 });
 export const NvStack = createComponent({
     tagName: 'nv-stack',
@@ -717,13 +920,15 @@ export const NvStack = createComponent({
         vertical: 'vertical'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvStack,
+    serializeShadowRoot,
 });
 export const NvTable = createComponent({
     tagName: 'nv-table',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvTable,
+    serializeShadowRoot,
 });
 export const NvTableheader = createComponent({
     tagName: 'nv-tableheader',
@@ -732,7 +937,8 @@ export const NvTableheader = createComponent({
         sortDirection: 'sort-direction'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvTableheader,
+    serializeShadowRoot,
 });
 export const NvToggle = createComponent({
     tagName: 'nv-toggle',
@@ -749,7 +955,8 @@ export const NvToggle = createComponent({
         readonly: 'readonly'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvToggle,
+    serializeShadowRoot,
 });
 export const NvTogglebutton = createComponent({
     tagName: 'nv-togglebutton',
@@ -761,7 +968,8 @@ export const NvTogglebutton = createComponent({
         emphasis: 'emphasis'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvTogglebutton,
+    serializeShadowRoot,
 });
 export const NvTogglebuttongroup = createComponent({
     tagName: 'nv-togglebuttongroup',
@@ -772,7 +980,8 @@ export const NvTogglebuttongroup = createComponent({
         size: 'size'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvTogglebuttongroup,
+    serializeShadowRoot,
 });
 export const NvTooltip = createComponent({
     tagName: 'nv-tooltip',
@@ -783,5 +992,6 @@ export const NvTooltip = createComponent({
         strategy: 'strategy'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvTooltip,
+    serializeShadowRoot,
 });