@nova-design-system/nova-react 3.22.0 → 3.23.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,8 @@ export const NvDialogheader = createComponent({
         subheading: 'subheading'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvDialogheader,
+    serializeShadowRoot,
 });
 export const NvFieldcheckbox = createComponent({
     tagName: 'nv-fieldcheckbox',
@@ -228,10 +245,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 +263,7 @@ export const NvFielddate = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         error: 'error',
         errorDescription: 'error-description',
         success: 'success',
@@ -261,7 +281,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 +298,7 @@ export const NvFielddaterange = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         error: 'error',
         errorDescription: 'error-description',
         success: 'success',
@@ -294,7 +316,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 +330,7 @@ export const NvFielddropdown = createComponent({
         autocomplete: 'autocomplete',
         value: 'value',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         readonly: 'readonly',
         disabled: 'disabled',
         error: 'error',
@@ -318,10 +342,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 +365,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 +379,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 +392,7 @@ export const NvFieldmultiselect = createComponent({
         placeholder: 'placeholder',
         autocomplete: 'autocomplete',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         readonly: 'readonly',
         disabled: 'disabled',
         error: 'error',
@@ -373,10 +408,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 +434,7 @@ export const NvFieldnumber = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         error: 'error',
         errorDescription: 'error-description',
         success: 'success',
@@ -402,7 +446,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 +461,7 @@ export const NvFieldpassword = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         error: 'error',
         errorDescription: 'error-description',
         success: 'success',
@@ -430,7 +476,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 +497,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 +512,7 @@ export const NvFieldselect = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         error: 'error',
         errorDescription: 'error-description',
         success: 'success',
@@ -474,7 +523,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 +554,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 +573,7 @@ export const NvFieldtext = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         error: 'error',
         errorDescription: 'error-description',
         success: 'success',
@@ -534,7 +586,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 +603,7 @@ export const NvFieldtextarea = createComponent({
         disabled: 'disabled',
         readonly: 'readonly',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         error: 'error',
         errorDescription: 'error-description',
         success: 'success',
@@ -562,7 +616,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 +628,7 @@ export const NvFieldtime = createComponent({
         readonly: 'readonly',
         disabled: 'disabled',
         required: 'required',
+        ariaRequiredAttr: 'aria-required',
         name: 'name',
         success: 'success',
         error: 'error',
@@ -586,7 +642,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 +658,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 +675,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 +685,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 +697,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 +711,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 +728,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 +767,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 +863,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 +876,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 +893,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 +911,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 +924,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 +936,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 +948,6 @@ export const NvTooltip = createComponent({
         strategy: 'strategy'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.NvTooltip,
+    serializeShadowRoot,
 });

package/dist/providers/NotificationProvider.js

@@ -1,13 +1,12 @@
 import React, { createContext, useContext, useState, useCallback, createRef, useEffect, useRef, } from 'react';
 import { createPortal } from 'react-dom';
 import { NvNotificationcontainer, NvNotification, NvButton, } from '../generated/components';
+import { v4 as uuidv4 } from 'uuid';
 const NotificationContext = createContext(null);
 const DEFAULT_POSITION = 'top-right';
 const DEFAULT_MAX_NOTIFICATIONS = 50;
 const generateId = () => {
-    return `notification-${Date.now()}-${Math.random()
-        .toString(36)
-        .substr(2, 9)}`;
+    return `notification-${uuidv4()}`;
 };
 export const NotificationProvider = ({ children, position = DEFAULT_POSITION, maxNotifications = DEFAULT_MAX_NOTIFICATIONS, className, }) => {
     const [notifications, setNotifications] = useState([]);
@@ -92,7 +91,7 @@ export const NotificationProvider = ({ children, position = DEFAULT_POSITION, ma
     };
     return (React.createElement(NotificationContext.Provider, { value: contextValue },
         children,
-        createPortal(React.createElement(NvNotificationcontainer, { position: position, className: className, "data-testid": "notification-container" }, notifications.map((notification) => (React.createElement(NvNotification, { key: notification.id, heading: notification.heading, message: notification.message, dismissible: notification.dismissible, emphasis: notification.emphasis, feedback: notification.feedback, icon: notification.icon, onHiddenChanged: (event) => {
+        createPortal(React.createElement(NvNotificationcontainer, { position: position, className: className, "data-testid": "notification-container" }, notifications.map((notification) => (React.createElement(NvNotification, { key: notification.id, uid: notification.id, heading: notification.heading, message: notification.message, dismissible: notification.dismissible, emphasis: notification.emphasis, feedback: notification.feedback, icon: notification.icon, onHiddenChanged: (event) => {
                 if (event.detail) {
                     handleNotificationClose(notification.id);
                 }