@nova-design-system/nova-webcomponents 3.0.0 → 3.1.0

package/dist/types/components.d.ts

@@ -5,18 +5,14 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, IconButtonShape, LabelPlacement, LoaderColors, SemanticSizes, TextInputAutocomplete } from "./utils/constants";
-import { DateRange } from "./interfaces/dateRange";
+import { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, GlobalFilterPosition, IconButtonShape, LabelPlacement, LoaderColors, SemanticSizes, TextInputAutocomplete } from "./utils/constants";
 import { Column } from "./interfaces/Column";
-import { ActionEvent } from "./interfaces/actionEvent";
 import { Element } from "./stencil-public-runtime";
 import { IconName } from "./components/nv-icon/nv-icons";
 import { Placement } from "@floating-ui/dom";
 import { ColumnConfig } from "./interfaces/ColumnConfig";
-export { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, IconButtonShape, LabelPlacement, LoaderColors, SemanticSizes, TextInputAutocomplete } from "./utils/constants";
-export { DateRange } from "./interfaces/dateRange";
+export { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, GlobalFilterPosition, IconButtonShape, LabelPlacement, LoaderColors, SemanticSizes, TextInputAutocomplete } from "./utils/constants";
 export { Column } from "./interfaces/Column";
-export { ActionEvent } from "./interfaces/actionEvent";
 export { Element } from "./stencil-public-runtime";
 export { IconName } from "./components/nv-icon/nv-icons";
 export { Placement } from "@floating-ui/dom";
@@ -128,7 +124,7 @@ export namespace Components {
     }
     interface NvBadge {
         /**
-          * The color of the badge. Use a string between 1 to 10
+          * The color of the badge. deprecated Use status values or named colors instead. Use a string between 1 to 10 or one of the status values: error, information, neutral, success, warning or one of the color names: amber, orange, turquoise, crimson, lime
          */
         "color"?: string;
         /**
@@ -158,6 +154,14 @@ export namespace Components {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "icon-location"?: 'left' | 'right';
+        /**
+          * When true, the badge will only display an icon without label. The label will be visually hidden but still accessible for screen readers.
+         */
+        "isIconOnly"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-icon-only"?: boolean;
         /**
           * Main content of the badge.
          */
@@ -247,13 +251,8 @@ export namespace Components {
         "date-format"?: string;
         /**
           * Disabled dates (ISO string array)
-          * @default '[]'
-         */
-        "disabledDates": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "disabled-dates"?: string;
+        "disabledDates": Array<string>;
         /**
           * First day of the week (0 = Sunday, 1 = Monday, etc.)
           * @default 0
@@ -288,11 +287,12 @@ export namespace Components {
         /**
           * Selected date range format: { start: ISO string, end: ISO string } ex: { start: "2025-03-15", end: "2025-03-20" }
          */
-        "rangeValue": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "range-value"?: string;
+        "rangeValue": {
+    /** ISO string for start date */
+    start: string;
+    /** ISO string for end date */
+    end: string;
+  };
         /**
           * Selection type (single date or date range)
           * @default 'single'
@@ -303,10 +303,16 @@ export namespace Components {
          */
         "selection-type"?: 'single' | 'range';
         /**
-          * Custom actions to display in the footer JSON array of objects with the following properties: - label: string - onClick: function
-          * @default '[]'
+          * Custom actions to display in the footer
          */
-        "shortcuts": string;
+        "shortcuts": {
+    /** Label of the shortcut */
+    label: string;
+    /** Selected date value for single selection mode */
+    singleValue?: string;
+    /** Date range values for range selection mode */
+    rangeValue?: HTMLNvCalendarElement['rangeValue'];
+  }[];
         /**
           * Footer placement
           * @default 'bottom'
@@ -318,7 +324,6 @@ export namespace Components {
         "shortcuts-placement"?: 'bottom' | 'left' | 'right';
         /**
           * Show action buttons
-          * @default false
          */
         "showActions": boolean;
         /**
@@ -327,7 +332,6 @@ export namespace Components {
         "show-actions"?: boolean;
         /**
           * Show week numbers
-          * @default true
          */
         "showWeekNumbers": boolean;
         /**
@@ -351,8 +355,6 @@ export namespace Components {
     }
     /**
      * A flexible data grid component powered by `@tanstack/table-core`.
-     * @deprecated [EXPERIMENTAL]
-     * @experimental - This component is still under development and is not ready for use.
      */
     interface NvDatagrid {
         /**
@@ -412,6 +414,23 @@ export namespace Components {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "enable-pagination"?: boolean;
+        /**
+          * Whether to enable row selection for the data grid.
+         */
+        "enableRowSelection": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "enable-row-selection"?: boolean;
+        /**
+          * Whether to enable sorting for the data grid.
+          * @default false
+         */
+        "enableSorting": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "enable-sorting"?: boolean;
         /**
           * Fallback value to be displayed when data is not available
           * @default 'N/A'
@@ -421,6 +440,14 @@ export namespace Components {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "fallback-value"?: string;
+        /**
+          * Position the global filter input field
+         */
+        "globalFilterPosition": `${GlobalFilterPosition}`;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "global-filter-position"?: `${GlobalFilterPosition}`;
         /**
           * The message to display when there are no columns or data available.
           * @default 'No data or columns available to display.'
@@ -440,7 +467,7 @@ export namespace Components {
          */
         "no-data-message"?: string;
         /**
-          * The number of rows to display per page.
+          * The number of rows to display per page. If the number is not present in the property pageSizes it takes the first of the list.
           * @default 10
          */
         "pageSize": number;
@@ -702,13 +729,8 @@ export namespace Components {
         "disabled": boolean;
         /**
           * Disabled dates ISO string array
-          * @default '[]'
-         */
-        "disabledDates": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "disabled-dates"?: string;
+        "disabledDates": Array<string>;
         /**
           * Indicates an error state.
          */
@@ -730,6 +752,10 @@ export namespace Components {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "first-day-of-week"?: number;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid": boolean;
         /**
           * Sets the ID for the input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated.
          */
@@ -781,10 +807,9 @@ export namespace Components {
          */
         "required": boolean;
         /**
-          * Custom actions to display in the footer JSON array of objects with the following properties: - label: string - onClick: function
-          * @default '[]'
+          * Custom actions to display in the footer
          */
-        "shortcuts": string;
+        "shortcuts": HTMLNvCalendarElement['shortcuts'];
         /**
           * Footer placement
           * @default 'bottom'
@@ -822,6 +847,10 @@ export namespace Components {
         "value": string;
     }
     interface NvFielddaterange {
+        /**
+          * Autofocus the start input when the component is mounted.
+         */
+        "autofocus": boolean;
         /**
           * Date format ex: YYYY-MM-DD, DD-MM-YYYY, etc.
           * @default 'YYYY-MM-DD'
@@ -841,13 +870,8 @@ export namespace Components {
         "disabled": boolean;
         /**
           * Disabled dates ISO string array
-          * @default '[]'
-         */
-        "disabledDates": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "disabled-dates"?: string;
+        "disabledDates": Array<string>;
         /**
           * Sets the ID for the end input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated.
          */
@@ -893,6 +917,10 @@ export namespace Components {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "first-day-of-week"?: number;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid": boolean;
         /**
           * Text displayed as label. A slot label can override this prop.
          */
@@ -928,10 +956,9 @@ export namespace Components {
          */
         "required": boolean;
         /**
-          * Custom actions to display in the footer JSON array of objects with the following properties: - label: string - onClick: function
-          * @default '[]'
+          * Custom actions to display in the footer
          */
-        "shortcuts": string;
+        "shortcuts": HTMLNvCalendarElement['shortcuts'];
         /**
           * Footer placement
           * @default 'bottom'
@@ -941,14 +968,6 @@ export namespace Components {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "shortcuts-placement"?: 'bottom' | 'left' | 'right';
-        /**
-          * Autofocus the start input when the component is mounted.
-         */
-        "shouldAutoFocus": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "should-auto-focus"?: boolean;
         /**
           * Show action buttons
           * @default false
@@ -960,7 +979,6 @@ export namespace Components {
         "show-actions"?: boolean;
         /**
           * Show week numbers
-          * @default true
          */
         "showWeekNumbers": boolean;
         /**
@@ -1043,6 +1061,10 @@ export namespace Components {
           * Enables or disables the filtering feature for the dropdown items.
          */
         "filterable": boolean;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid": boolean;
         /**
           * Retrieves the current filter text entered by the user.
           * @returns The filter text.
@@ -1203,6 +1225,10 @@ export namespace Components {
           * Enables or disables the filtering feature for the multiselect items.
          */
         "filterable": boolean;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid": boolean;
         /**
           * Retrieves the current filter text entered by the user.
           * @returns The filter text.
@@ -1307,6 +1333,10 @@ export namespace Components {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "error-description"?: string;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid": boolean;
         /**
           * Sets the ID for the input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated to ensure unique identification, facilitating proper label association and accessibility.
          */
@@ -1397,6 +1427,10 @@ export namespace Components {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "error-description"?: string;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid": boolean;
         /**
           * Hide the button to show/hide the password.
          */
@@ -1576,6 +1610,10 @@ export namespace Components {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "error-description"?: string;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid": boolean;
         /**
           * Sets the ID for the select element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated to ensure unique identification, facilitating proper label association and accessibility.
          */
@@ -1658,6 +1696,10 @@ export namespace Components {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "error-description"?: string;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid": boolean;
         /**
           * Sets the ID for the input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated to ensure unique identification, facilitating proper label association and accessibility.
          */
@@ -1765,6 +1807,10 @@ export namespace Components {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "error-description"?: string;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid": boolean;
         /**
           * Sets the ID for the input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated to ensure unique identification, facilitating proper label association and accessibility.
          */
@@ -2196,6 +2242,10 @@ export namespace Components {
          */
         "vertical": boolean;
     }
+    /**
+     * @deprecated [EXPERIMENTAL]
+     * @experimental - This component is used as a base for the nv-datagrid component. Do not use it directly.
+     */
     interface NvTable {
         /**
           * Configuration of the columns of the table
@@ -2435,7 +2485,7 @@ declare global {
     interface HTMLNvAlertElementEventMap {
         "hiddenChanged": boolean;
         "hiddenChangedComplete": boolean;
-        "closeClicked": MouseEvent;
+        "closeClicked": void;
     }
     interface HTMLNvAlertElement extends Components.NvAlert, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNvAlertElementEventMap>(type: K, listener: (this: HTMLNvAlertElement, ev: NvAlertCustomEvent<HTMLNvAlertElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2458,7 +2508,7 @@ declare global {
         new (): HTMLNvAvatarElement;
     };
     interface HTMLNvBadgeElementEventMap {
-        "closeClicked": MouseEvent;
+        "closeClicked": void;
         "hiddenChanged": boolean;
         "hiddenChangedComplete": boolean;
     }
@@ -2496,7 +2546,7 @@ declare global {
     };
     interface HTMLNvCalendarElementEventMap {
         "singleDateChange": string;
-        "rangeDateChange": DateRange;
+        "rangeDateChange": HTMLNvCalendarElement['rangeValue'];
     }
     interface HTMLNvCalendarElement extends Components.NvCalendar, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNvCalendarElementEventMap>(type: K, listener: (this: HTMLNvCalendarElement, ev: NvCalendarCustomEvent<HTMLNvCalendarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2519,12 +2569,21 @@ declare global {
         new (): HTMLNvColElement;
     };
     interface HTMLNvDatagridElementEventMap {
-        "action": ActionEvent;
+        "action": {
+    /**
+     * Key action to be performed
+     */
+    keyAction: string;
+
+    /**
+     * Details of the action to be performed
+     */
+    details: any;
+  };
+        "selectedRows": any[];
     }
     /**
      * A flexible data grid component powered by `@tanstack/table-core`.
-     * @deprecated [EXPERIMENTAL]
-     * @experimental - This component is still under development and is not ready for use.
      */
     interface HTMLNvDatagridElement extends Components.NvDatagrid, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNvDatagridElementEventMap>(type: K, listener: (this: HTMLNvDatagridElement, ev: NvDatagridCustomEvent<HTMLNvDatagridElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2627,7 +2686,7 @@ declare global {
         new (): HTMLNvFielddateElement;
     };
     interface HTMLNvFielddaterangeElementEventMap {
-        "dateRangeChange": DateRange;
+        "dateRangeChange": HTMLNvCalendarElementEventMap['rangeDateChange'];
     }
     interface HTMLNvFielddaterangeElement extends Components.NvFielddaterange, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNvFielddaterangeElementEventMap>(type: K, listener: (this: HTMLNvFielddaterangeElement, ev: NvFielddaterangeCustomEvent<HTMLNvFielddaterangeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2948,8 +3007,22 @@ declare global {
         new (): HTMLNvStackElement;
     };
     interface HTMLNvTableElementEventMap {
-        "action": ActionEvent;
+        "action": {
+    /**
+     * Key action to be performed
+     */
+    keyAction: string;
+
+    /**
+     * Details of the action to be performed
+     */
+    details: any;
+  };
     }
+    /**
+     * @deprecated [EXPERIMENTAL]
+     * @experimental - This component is used as a base for the nv-datagrid component. Do not use it directly.
+     */
     interface HTMLNvTableElement extends Components.NvTable, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNvTableElementEventMap>(type: K, listener: (this: HTMLNvTableElement, ev: NvTableCustomEvent<HTMLNvTableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3077,7 +3150,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the close button is clicked.
          */
-        "onCloseClicked"?: (event: NvAlertCustomEvent<MouseEvent>) => void;
+        "onCloseClicked"?: (event: NvAlertCustomEvent<void>) => void;
         /**
           * Emits when the 'hidden' prop changes, reflecting a change in visibility. Passes hidden value to the detail.
           * @bind hidden
@@ -3155,7 +3228,7 @@ declare namespace LocalJSX {
     }
     interface NvBadge {
         /**
-          * The color of the badge. Use a string between 1 to 10
+          * The color of the badge. deprecated Use status values or named colors instead. Use a string between 1 to 10 or one of the status values: error, information, neutral, success, warning or one of the color names: amber, orange, turquoise, crimson, lime
          */
         "color"?: string;
         /**
@@ -3185,6 +3258,14 @@ declare namespace LocalJSX {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "icon-location"?: 'left' | 'right';
+        /**
+          * When true, the badge will only display an icon without label. The label will be visually hidden but still accessible for screen readers.
+         */
+        "isIconOnly"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "is-icon-only"?: boolean;
         /**
           * Main content of the badge.
          */
@@ -3200,7 +3281,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the badge is dismissed.
          */
-        "onCloseClicked"?: (event: NvBadgeCustomEvent<MouseEvent>) => void;
+        "onCloseClicked"?: (event: NvBadgeCustomEvent<void>) => void;
         /**
           * Emits when the 'hidden' prop changes, reflecting a change in visibility. Passes hidden value to the detail.
          */
@@ -3286,13 +3367,8 @@ declare namespace LocalJSX {
         "date-format"?: string;
         /**
           * Disabled dates (ISO string array)
-          * @default '[]'
-         */
-        "disabledDates"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "disabled-dates"?: string;
+        "disabledDates"?: Array<string>;
         /**
           * First day of the week (0 = Sunday, 1 = Monday, etc.)
           * @default 0
@@ -3327,7 +3403,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when a date range is selected
          */
-        "onRangeDateChange"?: (event: NvCalendarCustomEvent<DateRange>) => void;
+        "onRangeDateChange"?: (event: NvCalendarCustomEvent<HTMLNvCalendarElement['rangeValue']>) => void;
         /**
           * Emitted when a single date is selected
          */
@@ -3335,11 +3411,12 @@ declare namespace LocalJSX {
         /**
           * Selected date range format: { start: ISO string, end: ISO string } ex: { start: "2025-03-15", end: "2025-03-20" }
          */
-        "rangeValue"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "range-value"?: string;
+        "rangeValue"?: {
+    /** ISO string for start date */
+    start: string;
+    /** ISO string for end date */
+    end: string;
+  };
         /**
           * Selection type (single date or date range)
           * @default 'single'
@@ -3350,10 +3427,16 @@ declare namespace LocalJSX {
          */
         "selection-type"?: 'single' | 'range';
         /**
-          * Custom actions to display in the footer JSON array of objects with the following properties: - label: string - onClick: function
-          * @default '[]'
+          * Custom actions to display in the footer
          */
-        "shortcuts"?: string;
+        "shortcuts"?: {
+    /** Label of the shortcut */
+    label: string;
+    /** Selected date value for single selection mode */
+    singleValue?: string;
+    /** Date range values for range selection mode */
+    rangeValue?: HTMLNvCalendarElement['rangeValue'];
+  }[];
         /**
           * Footer placement
           * @default 'bottom'
@@ -3365,7 +3448,6 @@ declare namespace LocalJSX {
         "shortcuts-placement"?: 'bottom' | 'left' | 'right';
         /**
           * Show action buttons
-          * @default false
          */
         "showActions"?: boolean;
         /**
@@ -3374,7 +3456,6 @@ declare namespace LocalJSX {
         "show-actions"?: boolean;
         /**
           * Show week numbers
-          * @default true
          */
         "showWeekNumbers"?: boolean;
         /**
@@ -3398,8 +3479,6 @@ declare namespace LocalJSX {
     }
     /**
      * A flexible data grid component powered by `@tanstack/table-core`.
-     * @deprecated [EXPERIMENTAL]
-     * @experimental - This component is still under development and is not ready for use.
      */
     interface NvDatagrid {
         /**
@@ -3459,6 +3538,23 @@ declare namespace LocalJSX {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "enable-pagination"?: boolean;
+        /**
+          * Whether to enable row selection for the data grid.
+         */
+        "enableRowSelection"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "enable-row-selection"?: boolean;
+        /**
+          * Whether to enable sorting for the data grid.
+          * @default false
+         */
+        "enableSorting"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "enable-sorting"?: boolean;
         /**
           * Fallback value to be displayed when data is not available
           * @default 'N/A'
@@ -3468,6 +3564,14 @@ declare namespace LocalJSX {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "fallback-value"?: string;
+        /**
+          * Position the global filter input field
+         */
+        "globalFilterPosition"?: `${GlobalFilterPosition}`;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "global-filter-position"?: `${GlobalFilterPosition}`;
         /**
           * The message to display when there are no columns or data available.
           * @default 'No data or columns available to display.'
@@ -3489,9 +3593,23 @@ declare namespace LocalJSX {
         /**
           * Emitted when an action is triggered on a cell.
          */
-        "onAction"?: (event: NvDatagridCustomEvent<ActionEvent>) => void;
+        "onAction"?: (event: NvDatagridCustomEvent<{
+    /**
+     * Key action to be performed
+     */
+    keyAction: string;
+
+    /**
+     * Details of the action to be performed
+     */
+    details: any;
+  }>) => void;
+        /**
+          * Emitted when the selection of the rows are changed.
+         */
+        "onSelectedRows"?: (event: NvDatagridCustomEvent<any[]>) => void;
         /**
-          * The number of rows to display per page.
+          * The number of rows to display per page. If the number is not present in the property pageSizes it takes the first of the list.
           * @default 10
          */
         "pageSize"?: number;
@@ -3760,13 +3878,8 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         /**
           * Disabled dates ISO string array
-          * @default '[]'
-         */
-        "disabledDates"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "disabled-dates"?: string;
+        "disabledDates"?: Array<string>;
         /**
           * Indicates an error state.
          */
@@ -3788,6 +3901,10 @@ declare namespace LocalJSX {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "first-day-of-week"?: number;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid"?: boolean;
         /**
           * Sets the ID for the input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated.
          */
@@ -3848,10 +3965,9 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
         /**
-          * Custom actions to display in the footer JSON array of objects with the following properties: - label: string - onClick: function
-          * @default '[]'
+          * Custom actions to display in the footer
          */
-        "shortcuts"?: string;
+        "shortcuts"?: HTMLNvCalendarElement['shortcuts'];
         /**
           * Footer placement
           * @default 'bottom'
@@ -3889,6 +4005,10 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface NvFielddaterange {
+        /**
+          * Autofocus the start input when the component is mounted.
+         */
+        "autofocus"?: boolean;
         /**
           * Date format ex: YYYY-MM-DD, DD-MM-YYYY, etc.
           * @default 'YYYY-MM-DD'
@@ -3908,13 +4028,8 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         /**
           * Disabled dates ISO string array
-          * @default '[]'
-         */
-        "disabledDates"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
-        "disabled-dates"?: string;
+        "disabledDates"?: Array<string>;
         /**
           * Sets the ID for the end input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated.
          */
@@ -3960,6 +4075,10 @@ declare namespace LocalJSX {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "first-day-of-week"?: number;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid"?: boolean;
         /**
           * Text displayed as label. A slot label can override this prop.
          */
@@ -3989,7 +4108,7 @@ declare namespace LocalJSX {
         /**
           * Emits an event when the date range changes.
          */
-        "onDateRangeChange"?: (event: NvFielddaterangeCustomEvent<DateRange>) => void;
+        "onDateRangeChange"?: (event: NvFielddaterangeCustomEvent<HTMLNvCalendarElementEventMap['rangeDateChange']>) => void;
         /**
           * Sets both input fields as read-only.
          */
@@ -3999,10 +4118,9 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
         /**
-          * Custom actions to display in the footer JSON array of objects with the following properties: - label: string - onClick: function
-          * @default '[]'
+          * Custom actions to display in the footer
          */
-        "shortcuts"?: string;
+        "shortcuts"?: HTMLNvCalendarElement['shortcuts'];
         /**
           * Footer placement
           * @default 'bottom'
@@ -4012,14 +4130,6 @@ declare namespace LocalJSX {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "shortcuts-placement"?: 'bottom' | 'left' | 'right';
-        /**
-          * Autofocus the start input when the component is mounted.
-         */
-        "shouldAutoFocus"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "should-auto-focus"?: boolean;
         /**
           * Show action buttons
           * @default false
@@ -4031,7 +4141,6 @@ declare namespace LocalJSX {
         "show-actions"?: boolean;
         /**
           * Show week numbers
-          * @default true
          */
         "showWeekNumbers"?: boolean;
         /**
@@ -4114,6 +4223,10 @@ declare namespace LocalJSX {
           * Enables or disables the filtering feature for the dropdown items.
          */
         "filterable"?: boolean;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid"?: boolean;
         /**
           * Sets the ID for the input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated to ensure unique identification, facilitating proper label association and accessibility.
          */
@@ -4304,6 +4417,10 @@ declare namespace LocalJSX {
           * Enables or disables the filtering feature for the multiselect items.
          */
         "filterable"?: boolean;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid"?: boolean;
         /**
           * Sets the ID for the input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated to ensure unique identification, facilitating proper label association and accessibility.
          */
@@ -4403,6 +4520,10 @@ declare namespace LocalJSX {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "error-description"?: string;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid"?: boolean;
         /**
           * Sets the ID for the input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated to ensure unique identification, facilitating proper label association and accessibility.
          */
@@ -4498,6 +4619,10 @@ declare namespace LocalJSX {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "error-description"?: string;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid"?: boolean;
         /**
           * Hide the button to show/hide the password.
          */
@@ -4687,6 +4812,10 @@ declare namespace LocalJSX {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "error-description"?: string;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid"?: boolean;
         /**
           * Sets the ID for the select element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated to ensure unique identification, facilitating proper label association and accessibility.
          */
@@ -4774,6 +4903,10 @@ declare namespace LocalJSX {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "error-description"?: string;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid"?: boolean;
         /**
           * Sets the ID for the input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated to ensure unique identification, facilitating proper label association and accessibility.
          */
@@ -4886,6 +5019,10 @@ declare namespace LocalJSX {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "error-description"?: string;
+        /**
+          * Allows the field to stretch and fill the entire width of its container.
+         */
+        "fluid"?: boolean;
         /**
           * Sets the ID for the input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated to ensure unique identification, facilitating proper label association and accessibility.
          */
@@ -5331,6 +5468,10 @@ declare namespace LocalJSX {
          */
         "vertical"?: boolean;
     }
+    /**
+     * @deprecated [EXPERIMENTAL]
+     * @experimental - This component is used as a base for the nv-datagrid component. Do not use it directly.
+     */
     interface NvTable {
         /**
           * Configuration of the columns of the table
@@ -5384,7 +5525,17 @@ declare namespace LocalJSX {
         /**
           * *************************************************************************
          */
-        "onAction"?: (event: NvTableCustomEvent<ActionEvent>) => void;
+        "onAction"?: (event: NvTableCustomEvent<{
+    /**
+     * Key action to be performed
+     */
+    keyAction: string;
+
+    /**
+     * Details of the action to be performed
+     */
+    details: any;
+  }>) => void;
     }
     interface NvTablecolumn {
         /**
@@ -5529,8 +5680,6 @@ declare module "@stencil/core" {
             "nv-col": LocalJSX.NvCol & JSXBase.HTMLAttributes<HTMLNvColElement>;
             /**
              * A flexible data grid component powered by `@tanstack/table-core`.
-             * @deprecated [EXPERIMENTAL]
-             * @experimental - This component is still under development and is not ready for use.
              */
             "nv-datagrid": LocalJSX.NvDatagrid & JSXBase.HTMLAttributes<HTMLNvDatagridElement>;
             "nv-datagridcolumn": LocalJSX.NvDatagridcolumn & JSXBase.HTMLAttributes<HTMLNvDatagridcolumnElement>;
@@ -5562,6 +5711,10 @@ declare module "@stencil/core" {
              * @deprecated Please use tailwind classes instead
              */
             "nv-stack": LocalJSX.NvStack & JSXBase.HTMLAttributes<HTMLNvStackElement>;
+            /**
+             * @deprecated [EXPERIMENTAL]
+             * @experimental - This component is used as a base for the nv-datagrid component. Do not use it directly.
+             */
             "nv-table": LocalJSX.NvTable & JSXBase.HTMLAttributes<HTMLNvTableElement>;
             "nv-tablecolumn": LocalJSX.NvTablecolumn & JSXBase.HTMLAttributes<HTMLNvTablecolumnElement>;
             "nv-toggle": LocalJSX.NvToggle & JSXBase.HTMLAttributes<HTMLNvToggleElement>;