@nova-design-system/nova-react 3.23.0 → 3.25.0

package/dist/types/generated/components.d.ts

@@ -1,4 +1,4 @@
-import { type NvCalendarCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent } from "@nova-design-system/nova-webcomponents";
+import { type NvAccordionCustomEvent, type NvAccordionItemCustomEvent, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvDialogCustomEvent, type NvDialogfooterCustomEvent, type NvDrawerCustomEvent, type NvDrawerfooterCustomEvent, type NvFieldcheckboxCustomEvent, type NvFielddateCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFielddropdownitemcheckCustomEvent, type NvFieldmultiselectCustomEvent, type NvFieldnumberCustomEvent, type NvFieldpasswordCustomEvent, type NvFieldradioCustomEvent, type NvFieldselectCustomEvent, type NvFieldsliderCustomEvent, type NvFieldtextCustomEvent, type NvFieldtextareaCustomEvent, type NvFieldtimeCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvNotificationCustomEvent, type NvPaginationtableCustomEvent, type NvPopoverCustomEvent, type NvSidebarCustomEvent, type NvSplitCustomEvent, type NvTableheaderCustomEvent, type NvToggleCustomEvent, type NvTogglebuttonCustomEvent, type NvTogglebuttongroupCustomEvent, type NvTooltipCustomEvent } from "@nova-design-system/nova-webcomponents";
 import { NvAccordionItem as NvAccordionItemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion-item.js";
 import { NvAccordion as NvAccordionElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion.js";
 import { NvAlert as NvAlertElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-alert.js";
@@ -15,6 +15,9 @@ import { NvDatagridcolumn as NvDatagridcolumnElement } from "@nova-design-system
 import { NvDialog as NvDialogElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-dialog.js";
 import { NvDialogfooter as NvDialogfooterElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-dialogfooter.js";
 import { NvDialogheader as NvDialogheaderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-dialogheader.js";
+import { NvDrawer as NvDrawerElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-drawer.js";
+import { NvDrawerfooter as NvDrawerfooterElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-drawerfooter.js";
+import { NvDrawerheader as NvDrawerheaderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-drawerheader.js";
 import { NvFieldcheckbox as NvFieldcheckboxElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldcheckbox.js";
 import { NvFielddate as NvFielddateElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddate.js";
 import { NvFielddaterange as NvFielddaterangeElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddaterange.js";
@@ -38,6 +41,7 @@ import { NvMenuitem as NvMenuitemElement } from "@nova-design-system/nova-webcom
 import { NvNotificationBullet as NvNotificationBulletElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification-bullet.js";
 import { NvNotification as NvNotificationElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification.js";
 import { NvNotificationcontainer as NvNotificationcontainerElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notificationcontainer.js";
+import { NvPaginationtable as NvPaginationtableElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-paginationtable.js";
 import { NvPopover as NvPopoverElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-popover.js";
 import { NvRow as NvRowElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
 import { NvSidebar as NvSidebarElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebar.js";
@@ -59,25 +63,25 @@ import { NvTogglebuttongroup as NvTogglebuttongroupElement } from "@nova-design-
 import { NvTooltip as NvTooltipElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tooltip.js";
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 export type NvAccordionEvents = {
-    onOpenIndexesChanged: EventName<CustomEvent<number[]>>;
+    onOpenIndexesChanged: EventName<NvAccordionCustomEvent<number[]>>;
 };
 export declare const NvAccordion: StencilReactComponent<NvAccordionElement, NvAccordionEvents>;
 export type NvAccordionItemEvents = {
-    onItemToggle: EventName<CustomEvent<boolean>>;
+    onItemToggle: EventName<NvAccordionItemCustomEvent<boolean>>;
 };
 export declare const NvAccordionItem: StencilReactComponent<NvAccordionItemElement, NvAccordionItemEvents>;
 export type NvAlertEvents = {
-    onHiddenChanged: EventName<CustomEvent<boolean>>;
-    onHiddenChangedComplete: EventName<CustomEvent<boolean>>;
-    onCloseClicked: EventName<CustomEvent<void>>;
+    onHiddenChanged: EventName<NvAlertCustomEvent<boolean>>;
+    onHiddenChangedComplete: EventName<NvAlertCustomEvent<boolean>>;
+    onCloseClicked: EventName<NvAlertCustomEvent<void>>;
 };
 export declare const NvAlert: StencilReactComponent<NvAlertElement, NvAlertEvents>;
 export type NvAvatarEvents = NonNullable<unknown>;
 export declare const NvAvatar: StencilReactComponent<NvAvatarElement, NvAvatarEvents>;
 export type NvBadgeEvents = {
-    onCloseClicked: EventName<CustomEvent<void>>;
-    onHiddenChanged: EventName<CustomEvent<boolean>>;
-    onHiddenChangedComplete: EventName<CustomEvent<boolean>>;
+    onCloseClicked: EventName<NvBadgeCustomEvent<void>>;
+    onHiddenChanged: EventName<NvBadgeCustomEvent<boolean>>;
+    onHiddenChangedComplete: EventName<NvBadgeCustomEvent<boolean>>;
 };
 export declare const NvBadge: StencilReactComponent<NvBadgeElement, NvBadgeEvents>;
 export type NvBreadcrumbEvents = NonNullable<unknown>;
@@ -89,20 +93,20 @@ export declare const NvButton: StencilReactComponent<NvButtonElement, NvButtonEv
 export type NvButtongroupEvents = NonNullable<unknown>;
 export declare const NvButtongroup: StencilReactComponent<NvButtongroupElement, NvButtongroupEvents>;
 export type NvCalendarEvents = {
-    onSingleDateChange: EventName<CustomEvent<string>>;
+    onSingleDateChange: EventName<NvCalendarCustomEvent<string>>;
     onRangeDateChange: EventName<NvCalendarCustomEvent<HTMLNvCalendarElement['rangeValue']>>;
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvCalendarCustomEvent<string>>;
 };
 export declare const NvCalendar: StencilReactComponent<NvCalendarElement, NvCalendarEvents>;
 export type NvColEvents = NonNullable<unknown>;
 export declare const NvCol: StencilReactComponent<NvColElement, NvColEvents>;
 export type NvDatagridEvents = {
-    onAction: EventName<CustomEvent<{
+    onAction: EventName<NvDatagridCustomEvent<{
         keyAction: string;
         details: any;
     }>>;
-    onSelectedRows: EventName<CustomEvent<any[]>>;
-    onStateChanged: EventName<CustomEvent<{
+    onSelectedRows: EventName<NvDatagridCustomEvent<any[]>>;
+    onStateChanged: EventName<NvDatagridCustomEvent<{
         globalFilterSearchTerm: string;
         paginationState: {
             pageIndex: number;
@@ -118,38 +122,49 @@ export declare const NvDatagrid: StencilReactComponent<NvDatagridElement, NvData
 export type NvDatagridcolumnEvents = NonNullable<unknown>;
 export declare const NvDatagridcolumn: StencilReactComponent<NvDatagridcolumnElement, NvDatagridcolumnEvents>;
 export type NvDialogEvents = {
-    onOpenChanged: EventName<CustomEvent<boolean>>;
+    onOpenChanged: EventName<NvDialogCustomEvent<boolean>>;
 };
 export declare const NvDialog: StencilReactComponent<NvDialogElement, NvDialogEvents>;
 export type NvDialogfooterEvents = {
-    onDialogCanceled: EventName<CustomEvent<void>>;
-    onDialogPrimaryClicked: EventName<CustomEvent<void>>;
+    onDialogCanceled: EventName<NvDialogfooterCustomEvent<void>>;
+    onDialogPrimaryClicked: EventName<NvDialogfooterCustomEvent<void>>;
 };
 export declare const NvDialogfooter: StencilReactComponent<NvDialogfooterElement, NvDialogfooterEvents>;
 export type NvDialogheaderEvents = NonNullable<unknown>;
 export declare const NvDialogheader: StencilReactComponent<NvDialogheaderElement, NvDialogheaderEvents>;
+export type NvDrawerEvents = {
+    onOpenChanged: EventName<NvDrawerCustomEvent<boolean>>;
+};
+export declare const NvDrawer: StencilReactComponent<NvDrawerElement, NvDrawerEvents>;
+export type NvDrawerfooterEvents = {
+    onDrawerCanceled: EventName<NvDrawerfooterCustomEvent<void>>;
+    onDrawerPrimaryClicked: EventName<NvDrawerfooterCustomEvent<void>>;
+};
+export declare const NvDrawerfooter: StencilReactComponent<NvDrawerfooterElement, NvDrawerfooterEvents>;
+export type NvDrawerheaderEvents = NonNullable<unknown>;
+export declare const NvDrawerheader: StencilReactComponent<NvDrawerheaderElement, NvDrawerheaderEvents>;
 export type NvFieldcheckboxEvents = {
-    onCheckedChanged: EventName<CustomEvent<boolean>>;
+    onCheckedChanged: EventName<NvFieldcheckboxCustomEvent<boolean>>;
 };
 export declare const NvFieldcheckbox: StencilReactComponent<NvFieldcheckboxElement, NvFieldcheckboxEvents>;
 export type NvFielddateEvents = {
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFielddateCustomEvent<string>>;
 };
 export declare const NvFielddate: StencilReactComponent<NvFielddateElement, NvFielddateEvents>;
 export type NvFielddaterangeEvents = {
     onDateRangeChange: EventName<NvFielddaterangeCustomEvent<HTMLNvCalendarElementEventMap['rangeDateChange']>>;
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFielddaterangeCustomEvent<string>>;
 };
 export declare const NvFielddaterange: StencilReactComponent<NvFielddaterangeElement, NvFielddaterangeEvents>;
 export type NvFielddropdownEvents = {
-    onValueChanged: EventName<CustomEvent<string>>;
-    onFilterTextChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFielddropdownCustomEvent<string>>;
+    onFilterTextChanged: EventName<NvFielddropdownCustomEvent<string>>;
     onOpenChanged: EventName<NvFielddropdownCustomEvent<HTMLNvPopoverElementEventMap['openChanged']>>;
     onDropdownItemSelected: EventName<NvFielddropdownCustomEvent<HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']>>;
 };
 export declare const NvFielddropdown: StencilReactComponent<NvFielddropdownElement, NvFielddropdownEvents>;
 export type NvFielddropdownitemEvents = {
-    onDropdownItemSelected: EventName<CustomEvent<{
+    onDropdownItemSelected: EventName<NvFielddropdownitemCustomEvent<{
         label?: string;
         value: string;
         detached?: boolean;
@@ -157,7 +172,7 @@ export type NvFielddropdownitemEvents = {
 };
 export declare const NvFielddropdownitem: StencilReactComponent<NvFielddropdownitemElement, NvFielddropdownitemEvents>;
 export type NvFielddropdownitemcheckEvents = {
-    onItemChecked: EventName<CustomEvent<{
+    onItemChecked: EventName<NvFielddropdownitemcheckCustomEvent<{
         value: string | undefined;
         checked: boolean;
         group?: string | undefined;
@@ -165,40 +180,40 @@ export type NvFielddropdownitemcheckEvents = {
 };
 export declare const NvFielddropdownitemcheck: StencilReactComponent<NvFielddropdownitemcheckElement, NvFielddropdownitemcheckEvents>;
 export type NvFieldmultiselectEvents = {
-    onValueChanged: EventName<CustomEvent<string[]>>;
-    onFilterTextChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFieldmultiselectCustomEvent<string[]>>;
+    onFilterTextChanged: EventName<NvFieldmultiselectCustomEvent<string>>;
 };
 export declare const NvFieldmultiselect: StencilReactComponent<NvFieldmultiselectElement, NvFieldmultiselectEvents>;
 export type NvFieldnumberEvents = {
-    onValueChanged: EventName<CustomEvent<number | null>>;
+    onValueChanged: EventName<NvFieldnumberCustomEvent<number | null>>;
 };
 export declare const NvFieldnumber: StencilReactComponent<NvFieldnumberElement, NvFieldnumberEvents>;
 export type NvFieldpasswordEvents = {
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFieldpasswordCustomEvent<string>>;
 };
 export declare const NvFieldpassword: StencilReactComponent<NvFieldpasswordElement, NvFieldpasswordEvents>;
 export type NvFieldradioEvents = {
-    onCheckedChanged: EventName<CustomEvent<boolean>>;
+    onCheckedChanged: EventName<NvFieldradioCustomEvent<boolean>>;
 };
 export declare const NvFieldradio: StencilReactComponent<NvFieldradioElement, NvFieldradioEvents>;
 export type NvFieldselectEvents = {
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFieldselectCustomEvent<string>>;
 };
 export declare const NvFieldselect: StencilReactComponent<NvFieldselectElement, NvFieldselectEvents>;
 export type NvFieldsliderEvents = {
-    onValueChanged: EventName<CustomEvent<number[]>>;
+    onValueChanged: EventName<NvFieldsliderCustomEvent<number[]>>;
 };
 export declare const NvFieldslider: StencilReactComponent<NvFieldsliderElement, NvFieldsliderEvents>;
 export type NvFieldtextEvents = {
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFieldtextCustomEvent<string>>;
 };
 export declare const NvFieldtext: StencilReactComponent<NvFieldtextElement, NvFieldtextEvents>;
 export type NvFieldtextareaEvents = {
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFieldtextareaCustomEvent<string>>;
 };
 export declare const NvFieldtextarea: StencilReactComponent<NvFieldtextareaElement, NvFieldtextareaEvents>;
 export type NvFieldtimeEvents = {
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFieldtimeCustomEvent<string>>;
 };
 export declare const NvFieldtime: StencilReactComponent<NvFieldtimeElement, NvFieldtimeEvents>;
 export type NvIconEvents = NonNullable<unknown>;
@@ -220,21 +235,26 @@ export type NvMenuitemEvents = {
 };
 export declare const NvMenuitem: StencilReactComponent<NvMenuitemElement, NvMenuitemEvents>;
 export type NvNotificationEvents = {
-    onHiddenChanged: EventName<CustomEvent<boolean>>;
+    onHiddenChanged: EventName<NvNotificationCustomEvent<boolean>>;
 };
 export declare const NvNotification: StencilReactComponent<NvNotificationElement, NvNotificationEvents>;
 export type NvNotificationBulletEvents = NonNullable<unknown>;
 export declare const NvNotificationBullet: StencilReactComponent<NvNotificationBulletElement, NvNotificationBulletEvents>;
 export type NvNotificationcontainerEvents = NonNullable<unknown>;
 export declare const NvNotificationcontainer: StencilReactComponent<NvNotificationcontainerElement, NvNotificationcontainerEvents>;
+export type NvPaginationtableEvents = {
+    onPageIndexChanged: EventName<NvPaginationtableCustomEvent<number>>;
+    onPageSizeChanged: EventName<NvPaginationtableCustomEvent<number>>;
+};
+export declare const NvPaginationtable: StencilReactComponent<NvPaginationtableElement, NvPaginationtableEvents>;
 export type NvPopoverEvents = {
-    onOpenChanged: EventName<CustomEvent<boolean>>;
+    onOpenChanged: EventName<NvPopoverCustomEvent<boolean>>;
 };
 export declare const NvPopover: StencilReactComponent<NvPopoverElement, NvPopoverEvents>;
 export type NvRowEvents = NonNullable<unknown>;
 export declare const NvRow: StencilReactComponent<NvRowElement, NvRowEvents>;
 export type NvSidebarEvents = {
-    onOpenChanged: EventName<CustomEvent<boolean>>;
+    onOpenChanged: EventName<NvSidebarCustomEvent<boolean>>;
 };
 export declare const NvSidebar: StencilReactComponent<NvSidebarElement, NvSidebarEvents>;
 export type NvSidebarcontentEvents = NonNullable<unknown>;
@@ -254,7 +274,7 @@ export declare const NvSidebarnavitem: StencilReactComponent<NvSidebarnavitemEle
 export type NvSidebarnavsubitemEvents = NonNullable<unknown>;
 export declare const NvSidebarnavsubitem: StencilReactComponent<NvSidebarnavsubitemElement, NvSidebarnavsubitemEvents>;
 export type NvSplitEvents = {
-    onSizesChanged: EventName<CustomEvent<number[]>>;
+    onSizesChanged: EventName<NvSplitCustomEvent<number[]>>;
 };
 export declare const NvSplit: StencilReactComponent<NvSplitElement, NvSplitEvents>;
 export type NvStackEvents = NonNullable<unknown>;
@@ -262,25 +282,25 @@ export declare const NvStack: StencilReactComponent<NvStackElement, NvStackEvent
 export type NvTableEvents = NonNullable<unknown>;
 export declare const NvTable: StencilReactComponent<NvTableElement, NvTableEvents>;
 export type NvTableheaderEvents = {
-    onSortDirectionChanged: EventName<CustomEvent<string>>;
+    onSortDirectionChanged: EventName<NvTableheaderCustomEvent<string>>;
 };
 export declare const NvTableheader: StencilReactComponent<NvTableheaderElement, NvTableheaderEvents>;
 export type NvToggleEvents = {
-    onCheckedChanged: EventName<CustomEvent<boolean>>;
+    onCheckedChanged: EventName<NvToggleCustomEvent<boolean>>;
 };
 export declare const NvToggle: StencilReactComponent<NvToggleElement, NvToggleEvents>;
 export type NvTogglebuttonEvents = {
-    onToggled: EventName<CustomEvent<{
+    onToggled: EventName<NvTogglebuttonCustomEvent<{
         value: string;
         active: boolean;
     }>>;
 };
 export declare const NvTogglebutton: StencilReactComponent<NvTogglebuttonElement, NvTogglebuttonEvents>;
 export type NvTogglebuttongroupEvents = {
-    onValueChanged: EventName<CustomEvent<string[]>>;
+    onValueChanged: EventName<NvTogglebuttongroupCustomEvent<string[]>>;
 };
 export declare const NvTogglebuttongroup: StencilReactComponent<NvTogglebuttongroupElement, NvTogglebuttongroupEvents>;
 export type NvTooltipEvents = {
-    onOpenChanged: EventName<CustomEvent<boolean>>;
+    onOpenChanged: EventName<NvTooltipCustomEvent<boolean>>;
 };
 export declare const NvTooltip: StencilReactComponent<NvTooltipElement, NvTooltipEvents>;

package/dist/types/generated/components.server.d.ts

@@ -1,4 +1,4 @@
-import { type NvCalendarCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent } from "@nova-design-system/nova-webcomponents";
+import { type NvAccordionCustomEvent, type NvAccordionItemCustomEvent, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvDialogCustomEvent, type NvDialogfooterCustomEvent, type NvDrawerCustomEvent, type NvDrawerfooterCustomEvent, type NvFieldcheckboxCustomEvent, type NvFielddateCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFielddropdownitemcheckCustomEvent, type NvFieldmultiselectCustomEvent, type NvFieldnumberCustomEvent, type NvFieldpasswordCustomEvent, type NvFieldradioCustomEvent, type NvFieldselectCustomEvent, type NvFieldsliderCustomEvent, type NvFieldtextCustomEvent, type NvFieldtextareaCustomEvent, type NvFieldtimeCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvNotificationCustomEvent, type NvPaginationtableCustomEvent, type NvPopoverCustomEvent, type NvSidebarCustomEvent, type NvSplitCustomEvent, type NvTableheaderCustomEvent, type NvToggleCustomEvent, type NvTogglebuttonCustomEvent, type NvTogglebuttongroupCustomEvent, type NvTooltipCustomEvent } from "@nova-design-system/nova-webcomponents";
 import { NvAccordionItem as NvAccordionItemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion-item.js";
 import { NvAccordion as NvAccordionElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion.js";
 import { NvAlert as NvAlertElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-alert.js";
@@ -15,6 +15,9 @@ import { NvDatagridcolumn as NvDatagridcolumnElement } from "@nova-design-system
 import { NvDialog as NvDialogElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-dialog.js";
 import { NvDialogfooter as NvDialogfooterElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-dialogfooter.js";
 import { NvDialogheader as NvDialogheaderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-dialogheader.js";
+import { NvDrawer as NvDrawerElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-drawer.js";
+import { NvDrawerfooter as NvDrawerfooterElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-drawerfooter.js";
+import { NvDrawerheader as NvDrawerheaderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-drawerheader.js";
 import { NvFieldcheckbox as NvFieldcheckboxElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldcheckbox.js";
 import { NvFielddate as NvFielddateElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddate.js";
 import { NvFielddaterange as NvFielddaterangeElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddaterange.js";
@@ -38,6 +41,7 @@ import { NvMenuitem as NvMenuitemElement } from "@nova-design-system/nova-webcom
 import { NvNotificationBullet as NvNotificationBulletElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification-bullet.js";
 import { NvNotification as NvNotificationElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification.js";
 import { NvNotificationcontainer as NvNotificationcontainerElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notificationcontainer.js";
+import { NvPaginationtable as NvPaginationtableElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-paginationtable.js";
 import { NvPopover as NvPopoverElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-popover.js";
 import { NvRow as NvRowElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
 import { NvSidebar as NvSidebarElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebar.js";
@@ -61,25 +65,25 @@ import type { EventName, StencilReactComponent } from '@stencil/react-output-tar
 import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
 export declare const serializeShadowRoot: SerializeShadowRootOptions;
 export type NvAccordionEvents = {
-    onOpenIndexesChanged: EventName<CustomEvent<number[]>>;
+    onOpenIndexesChanged: EventName<NvAccordionCustomEvent<number[]>>;
 };
 export declare const NvAccordion: StencilReactComponent<NvAccordionElement, NvAccordionEvents>;
 export type NvAccordionItemEvents = {
-    onItemToggle: EventName<CustomEvent<boolean>>;
+    onItemToggle: EventName<NvAccordionItemCustomEvent<boolean>>;
 };
 export declare const NvAccordionItem: StencilReactComponent<NvAccordionItemElement, NvAccordionItemEvents>;
 export type NvAlertEvents = {
-    onHiddenChanged: EventName<CustomEvent<boolean>>;
-    onHiddenChangedComplete: EventName<CustomEvent<boolean>>;
-    onCloseClicked: EventName<CustomEvent<void>>;
+    onHiddenChanged: EventName<NvAlertCustomEvent<boolean>>;
+    onHiddenChangedComplete: EventName<NvAlertCustomEvent<boolean>>;
+    onCloseClicked: EventName<NvAlertCustomEvent<void>>;
 };
 export declare const NvAlert: StencilReactComponent<NvAlertElement, NvAlertEvents>;
 export type NvAvatarEvents = NonNullable<unknown>;
 export declare const NvAvatar: StencilReactComponent<NvAvatarElement, NvAvatarEvents>;
 export type NvBadgeEvents = {
-    onCloseClicked: EventName<CustomEvent<void>>;
-    onHiddenChanged: EventName<CustomEvent<boolean>>;
-    onHiddenChangedComplete: EventName<CustomEvent<boolean>>;
+    onCloseClicked: EventName<NvBadgeCustomEvent<void>>;
+    onHiddenChanged: EventName<NvBadgeCustomEvent<boolean>>;
+    onHiddenChangedComplete: EventName<NvBadgeCustomEvent<boolean>>;
 };
 export declare const NvBadge: StencilReactComponent<NvBadgeElement, NvBadgeEvents>;
 export type NvBreadcrumbEvents = NonNullable<unknown>;
@@ -91,20 +95,20 @@ export declare const NvButton: StencilReactComponent<NvButtonElement, NvButtonEv
 export type NvButtongroupEvents = NonNullable<unknown>;
 export declare const NvButtongroup: StencilReactComponent<NvButtongroupElement, NvButtongroupEvents>;
 export type NvCalendarEvents = {
-    onSingleDateChange: EventName<CustomEvent<string>>;
+    onSingleDateChange: EventName<NvCalendarCustomEvent<string>>;
     onRangeDateChange: EventName<NvCalendarCustomEvent<HTMLNvCalendarElement['rangeValue']>>;
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvCalendarCustomEvent<string>>;
 };
 export declare const NvCalendar: StencilReactComponent<NvCalendarElement, NvCalendarEvents>;
 export type NvColEvents = NonNullable<unknown>;
 export declare const NvCol: StencilReactComponent<NvColElement, NvColEvents>;
 export type NvDatagridEvents = {
-    onAction: EventName<CustomEvent<{
+    onAction: EventName<NvDatagridCustomEvent<{
         keyAction: string;
         details: any;
     }>>;
-    onSelectedRows: EventName<CustomEvent<any[]>>;
-    onStateChanged: EventName<CustomEvent<{
+    onSelectedRows: EventName<NvDatagridCustomEvent<any[]>>;
+    onStateChanged: EventName<NvDatagridCustomEvent<{
         globalFilterSearchTerm: string;
         paginationState: {
             pageIndex: number;
@@ -120,38 +124,49 @@ export declare const NvDatagrid: StencilReactComponent<NvDatagridElement, NvData
 export type NvDatagridcolumnEvents = NonNullable<unknown>;
 export declare const NvDatagridcolumn: StencilReactComponent<NvDatagridcolumnElement, NvDatagridcolumnEvents>;
 export type NvDialogEvents = {
-    onOpenChanged: EventName<CustomEvent<boolean>>;
+    onOpenChanged: EventName<NvDialogCustomEvent<boolean>>;
 };
 export declare const NvDialog: StencilReactComponent<NvDialogElement, NvDialogEvents>;
 export type NvDialogfooterEvents = {
-    onDialogCanceled: EventName<CustomEvent<void>>;
-    onDialogPrimaryClicked: EventName<CustomEvent<void>>;
+    onDialogCanceled: EventName<NvDialogfooterCustomEvent<void>>;
+    onDialogPrimaryClicked: EventName<NvDialogfooterCustomEvent<void>>;
 };
 export declare const NvDialogfooter: StencilReactComponent<NvDialogfooterElement, NvDialogfooterEvents>;
 export type NvDialogheaderEvents = NonNullable<unknown>;
 export declare const NvDialogheader: StencilReactComponent<NvDialogheaderElement, NvDialogheaderEvents>;
+export type NvDrawerEvents = {
+    onOpenChanged: EventName<NvDrawerCustomEvent<boolean>>;
+};
+export declare const NvDrawer: StencilReactComponent<NvDrawerElement, NvDrawerEvents>;
+export type NvDrawerfooterEvents = {
+    onDrawerCanceled: EventName<NvDrawerfooterCustomEvent<void>>;
+    onDrawerPrimaryClicked: EventName<NvDrawerfooterCustomEvent<void>>;
+};
+export declare const NvDrawerfooter: StencilReactComponent<NvDrawerfooterElement, NvDrawerfooterEvents>;
+export type NvDrawerheaderEvents = NonNullable<unknown>;
+export declare const NvDrawerheader: StencilReactComponent<NvDrawerheaderElement, NvDrawerheaderEvents>;
 export type NvFieldcheckboxEvents = {
-    onCheckedChanged: EventName<CustomEvent<boolean>>;
+    onCheckedChanged: EventName<NvFieldcheckboxCustomEvent<boolean>>;
 };
 export declare const NvFieldcheckbox: StencilReactComponent<NvFieldcheckboxElement, NvFieldcheckboxEvents>;
 export type NvFielddateEvents = {
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFielddateCustomEvent<string>>;
 };
 export declare const NvFielddate: StencilReactComponent<NvFielddateElement, NvFielddateEvents>;
 export type NvFielddaterangeEvents = {
     onDateRangeChange: EventName<NvFielddaterangeCustomEvent<HTMLNvCalendarElementEventMap['rangeDateChange']>>;
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFielddaterangeCustomEvent<string>>;
 };
 export declare const NvFielddaterange: StencilReactComponent<NvFielddaterangeElement, NvFielddaterangeEvents>;
 export type NvFielddropdownEvents = {
-    onValueChanged: EventName<CustomEvent<string>>;
-    onFilterTextChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFielddropdownCustomEvent<string>>;
+    onFilterTextChanged: EventName<NvFielddropdownCustomEvent<string>>;
     onOpenChanged: EventName<NvFielddropdownCustomEvent<HTMLNvPopoverElementEventMap['openChanged']>>;
     onDropdownItemSelected: EventName<NvFielddropdownCustomEvent<HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']>>;
 };
 export declare const NvFielddropdown: StencilReactComponent<NvFielddropdownElement, NvFielddropdownEvents>;
 export type NvFielddropdownitemEvents = {
-    onDropdownItemSelected: EventName<CustomEvent<{
+    onDropdownItemSelected: EventName<NvFielddropdownitemCustomEvent<{
         label?: string;
         value: string;
         detached?: boolean;
@@ -159,7 +174,7 @@ export type NvFielddropdownitemEvents = {
 };
 export declare const NvFielddropdownitem: StencilReactComponent<NvFielddropdownitemElement, NvFielddropdownitemEvents>;
 export type NvFielddropdownitemcheckEvents = {
-    onItemChecked: EventName<CustomEvent<{
+    onItemChecked: EventName<NvFielddropdownitemcheckCustomEvent<{
         value: string | undefined;
         checked: boolean;
         group?: string | undefined;
@@ -167,40 +182,40 @@ export type NvFielddropdownitemcheckEvents = {
 };
 export declare const NvFielddropdownitemcheck: StencilReactComponent<NvFielddropdownitemcheckElement, NvFielddropdownitemcheckEvents>;
 export type NvFieldmultiselectEvents = {
-    onValueChanged: EventName<CustomEvent<string[]>>;
-    onFilterTextChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFieldmultiselectCustomEvent<string[]>>;
+    onFilterTextChanged: EventName<NvFieldmultiselectCustomEvent<string>>;
 };
 export declare const NvFieldmultiselect: StencilReactComponent<NvFieldmultiselectElement, NvFieldmultiselectEvents>;
 export type NvFieldnumberEvents = {
-    onValueChanged: EventName<CustomEvent<number | null>>;
+    onValueChanged: EventName<NvFieldnumberCustomEvent<number | null>>;
 };
 export declare const NvFieldnumber: StencilReactComponent<NvFieldnumberElement, NvFieldnumberEvents>;
 export type NvFieldpasswordEvents = {
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFieldpasswordCustomEvent<string>>;
 };
 export declare const NvFieldpassword: StencilReactComponent<NvFieldpasswordElement, NvFieldpasswordEvents>;
 export type NvFieldradioEvents = {
-    onCheckedChanged: EventName<CustomEvent<boolean>>;
+    onCheckedChanged: EventName<NvFieldradioCustomEvent<boolean>>;
 };
 export declare const NvFieldradio: StencilReactComponent<NvFieldradioElement, NvFieldradioEvents>;
 export type NvFieldselectEvents = {
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFieldselectCustomEvent<string>>;
 };
 export declare const NvFieldselect: StencilReactComponent<NvFieldselectElement, NvFieldselectEvents>;
 export type NvFieldsliderEvents = {
-    onValueChanged: EventName<CustomEvent<number[]>>;
+    onValueChanged: EventName<NvFieldsliderCustomEvent<number[]>>;
 };
 export declare const NvFieldslider: StencilReactComponent<NvFieldsliderElement, NvFieldsliderEvents>;
 export type NvFieldtextEvents = {
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFieldtextCustomEvent<string>>;
 };
 export declare const NvFieldtext: StencilReactComponent<NvFieldtextElement, NvFieldtextEvents>;
 export type NvFieldtextareaEvents = {
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFieldtextareaCustomEvent<string>>;
 };
 export declare const NvFieldtextarea: StencilReactComponent<NvFieldtextareaElement, NvFieldtextareaEvents>;
 export type NvFieldtimeEvents = {
-    onValueChanged: EventName<CustomEvent<string>>;
+    onValueChanged: EventName<NvFieldtimeCustomEvent<string>>;
 };
 export declare const NvFieldtime: StencilReactComponent<NvFieldtimeElement, NvFieldtimeEvents>;
 export type NvIconEvents = NonNullable<unknown>;
@@ -222,21 +237,26 @@ export type NvMenuitemEvents = {
 };
 export declare const NvMenuitem: StencilReactComponent<NvMenuitemElement, NvMenuitemEvents>;
 export type NvNotificationEvents = {
-    onHiddenChanged: EventName<CustomEvent<boolean>>;
+    onHiddenChanged: EventName<NvNotificationCustomEvent<boolean>>;
 };
 export declare const NvNotification: StencilReactComponent<NvNotificationElement, NvNotificationEvents>;
 export type NvNotificationBulletEvents = NonNullable<unknown>;
 export declare const NvNotificationBullet: StencilReactComponent<NvNotificationBulletElement, NvNotificationBulletEvents>;
 export type NvNotificationcontainerEvents = NonNullable<unknown>;
 export declare const NvNotificationcontainer: StencilReactComponent<NvNotificationcontainerElement, NvNotificationcontainerEvents>;
+export type NvPaginationtableEvents = {
+    onPageIndexChanged: EventName<NvPaginationtableCustomEvent<number>>;
+    onPageSizeChanged: EventName<NvPaginationtableCustomEvent<number>>;
+};
+export declare const NvPaginationtable: StencilReactComponent<NvPaginationtableElement, NvPaginationtableEvents>;
 export type NvPopoverEvents = {
-    onOpenChanged: EventName<CustomEvent<boolean>>;
+    onOpenChanged: EventName<NvPopoverCustomEvent<boolean>>;
 };
 export declare const NvPopover: StencilReactComponent<NvPopoverElement, NvPopoverEvents>;
 export type NvRowEvents = NonNullable<unknown>;
 export declare const NvRow: StencilReactComponent<NvRowElement, NvRowEvents>;
 export type NvSidebarEvents = {
-    onOpenChanged: EventName<CustomEvent<boolean>>;
+    onOpenChanged: EventName<NvSidebarCustomEvent<boolean>>;
 };
 export declare const NvSidebar: StencilReactComponent<NvSidebarElement, NvSidebarEvents>;
 export type NvSidebarcontentEvents = NonNullable<unknown>;
@@ -256,7 +276,7 @@ export declare const NvSidebarnavitem: StencilReactComponent<NvSidebarnavitemEle
 export type NvSidebarnavsubitemEvents = NonNullable<unknown>;
 export declare const NvSidebarnavsubitem: StencilReactComponent<NvSidebarnavsubitemElement, NvSidebarnavsubitemEvents>;
 export type NvSplitEvents = {
-    onSizesChanged: EventName<CustomEvent<number[]>>;
+    onSizesChanged: EventName<NvSplitCustomEvent<number[]>>;
 };
 export declare const NvSplit: StencilReactComponent<NvSplitElement, NvSplitEvents>;
 export type NvStackEvents = NonNullable<unknown>;
@@ -264,25 +284,25 @@ export declare const NvStack: StencilReactComponent<NvStackElement, NvStackEvent
 export type NvTableEvents = NonNullable<unknown>;
 export declare const NvTable: StencilReactComponent<NvTableElement, NvTableEvents>;
 export type NvTableheaderEvents = {
-    onSortDirectionChanged: EventName<CustomEvent<string>>;
+    onSortDirectionChanged: EventName<NvTableheaderCustomEvent<string>>;
 };
 export declare const NvTableheader: StencilReactComponent<NvTableheaderElement, NvTableheaderEvents>;
 export type NvToggleEvents = {
-    onCheckedChanged: EventName<CustomEvent<boolean>>;
+    onCheckedChanged: EventName<NvToggleCustomEvent<boolean>>;
 };
 export declare const NvToggle: StencilReactComponent<NvToggleElement, NvToggleEvents>;
 export type NvTogglebuttonEvents = {
-    onToggled: EventName<CustomEvent<{
+    onToggled: EventName<NvTogglebuttonCustomEvent<{
         value: string;
         active: boolean;
     }>>;
 };
 export declare const NvTogglebutton: StencilReactComponent<NvTogglebuttonElement, NvTogglebuttonEvents>;
 export type NvTogglebuttongroupEvents = {
-    onValueChanged: EventName<CustomEvent<string[]>>;
+    onValueChanged: EventName<NvTogglebuttongroupCustomEvent<string[]>>;
 };
 export declare const NvTogglebuttongroup: StencilReactComponent<NvTogglebuttongroupElement, NvTogglebuttongroupEvents>;
 export type NvTooltipEvents = {
-    onOpenChanged: EventName<CustomEvent<boolean>>;
+    onOpenChanged: EventName<NvTooltipCustomEvent<boolean>>;
 };
 export declare const NvTooltip: StencilReactComponent<NvTooltipElement, NvTooltipEvents>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-react",
-  "version": "3.23.0",
+  "version": "3.25.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",
@@ -40,7 +40,7 @@
     "tsc:watch": "tsc -p . --outDir ./dist --declarationDir ./dist/types --declaration true --watch",
     "storybook": "storybook dev -p 6006",
     "storybook.build": "storybook build -o ../../storybook-static/react",
-    "clean": "rimraf dist lib/generated lib/stories/generated",
+    "clean": "rimraf dist lib/generated lib/stories/generated lib/stories/components/*-migration.mdx lib/stories/components/*-guide.mdx",
     "typecheck": "tsc --emitDeclarationOnly false --noEmit"
   },
   "dependencies": {