@nova-design-system/nova-webcomponents 3.0.0-beta.36 → 3.0.0-beta.38

package/dist/types/components.d.ts

@@ -5,22 +5,22 @@
  * 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, FieldLabelPlacement, IconButtonShape, LoaderColors, SemanticSizes, TextInputAutocomplete } from "./utils/constants";
+import { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, IconButtonShape, LabelPlacement, LoaderColors, SemanticSizes, TextInputAutocomplete } from "./utils/constants";
 import { Column } from "./interfaces/Column";
+import { Element } from "./stencil-public-runtime";
 import { DropdownItemSelectedEventDetail } from "./components/nv-fielddropdownitem/DropdownItemSelectedEventDetail";
 import { IconName } from "./components/nv-icon/nv-icons";
 import { Placement } from "@floating-ui/dom";
 import { MenuitemSelectedEventDetail } from "./components/nv-menuitem/nv-menuitem";
 import { MenuitemSelectedEventDetail as MenuitemSelectedEventDetail1 } from "./components/nv-menuitem/nv-menuitem";
-import { Element } from "./stencil-public-runtime";
-export { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, FieldLabelPlacement, IconButtonShape, LoaderColors, SemanticSizes, TextInputAutocomplete } from "./utils/constants";
+export { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, IconButtonShape, LabelPlacement, LoaderColors, SemanticSizes, TextInputAutocomplete } from "./utils/constants";
 export { Column } from "./interfaces/Column";
+export { Element } from "./stencil-public-runtime";
 export { DropdownItemSelectedEventDetail } from "./components/nv-fielddropdownitem/DropdownItemSelectedEventDetail";
 export { IconName } from "./components/nv-icon/nv-icons";
 export { Placement } from "@floating-ui/dom";
 export { MenuitemSelectedEventDetail } from "./components/nv-menuitem/nv-menuitem";
 export { MenuitemSelectedEventDetail as MenuitemSelectedEventDetail1 } from "./components/nv-menuitem/nv-menuitem";
-export { Element } from "./stencil-public-runtime";
 export namespace Components {
     interface NvAlert {
         /**
@@ -177,6 +177,10 @@ export namespace Components {
     interface NvBreadcrumbs {
     }
     interface NvButton {
+        /**
+          * Use this prop to highlight the button when it represents the current page or active selection. This helps users understand their navigation context.
+         */
+        "active": boolean;
         /**
           * Applies styling that visually indicates the button represents a dangerous action.
          */
@@ -214,6 +218,8 @@ 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 {
         /**
@@ -272,6 +278,83 @@ export namespace Components {
     }
     interface NvDatagridrow {
     }
+    interface NvDialog {
+        /**
+          * If true, the dialog will be closed when the backdrop is clicked.
+         */
+        "clickOutside": boolean;
+        /**
+          * If true, the dialog visibility is managed manually through methods or the open prop.
+         */
+        "controlled": boolean;
+        "footerElement": Element;
+        /**
+          * If true, the dialog takes full width styling.
+         */
+        "full": boolean;
+        "headerElement": Element;
+        /**
+          * Call this method to hide the dialog, making it disappear from view.
+         */
+        "hide": () => Promise<void>;
+        /**
+          * Controls the dialog's autofocus behavior. When false (default), the dialog will automatically focus the first focusable element. When true, automatic focus is disabled and you must manually set focus on an element for accessibility compliance.
+         */
+        "manualFocus": boolean;
+        /**
+          * Use this prop to toggle the visibility of the dialog. Set to true to show the dialog and false to hide it.
+         */
+        "open": boolean;
+        /**
+          * Call this method to show the dialog, making it visible on the screen.
+         */
+        "show": () => Promise<void>;
+        "triggerElement": Element;
+        /**
+          * If true, the dialog cannot be closed by the user.
+         */
+        "undismissable": boolean;
+    }
+    interface NvDialogfooter {
+        /**
+          * Sets the label for the cancel button.
+         */
+        "cancelLabel": string;
+        /**
+          * Sets the danger state for the submit button.
+         */
+        "danger": boolean;
+        /**
+          * Disables the confirm button, preventing user interaction.
+         */
+        "disabled": boolean;
+        /**
+          * Sets the leading icon for the submit button.
+         */
+        "leadingIcon": string;
+        /**
+          * Sets the label for the submit button.
+         */
+        "submitLabel": string;
+        /**
+          * Sets the trailing icon for the submit button.
+         */
+        "trailingIcon": string;
+        /**
+          * Controls the visibility of the cancel button. When true, the cancel button is hidden.
+         */
+        "undismissable": boolean;
+    }
+    interface NvDialogheader {
+        /**
+          * Sets the heading text for the dialog.
+         */
+        "heading": string;
+        /**
+          * Sets the subheading text for the dialog.
+         */
+        "subheading": string;
+    }
     interface NvFieldcheckbox {
         /**
           * Indicates whether the checkbox is checked or not.
@@ -287,10 +370,12 @@ export namespace Components {
         "disabled": boolean;
         /**
           * Signals that there is an error associated with the checkbox, which can trigger visual cues.
+          * @validator error
          */
         "error": boolean;
         /**
           * A description that appears when there is an error related to the checkbox.
+          * @validator message
          */
         "errorDescription"?: string;
         /**
@@ -317,7 +402,7 @@ export namespace Components {
         /**
           * Determines the position of the label relative to the checkbox, either 'start' (before) or 'end' (after).
          */
-        "labelPlacement": `${FieldLabelPlacement}`;
+        "labelPlacement": `${LabelPlacement}`;
         /**
           * Message define a 'hint ' message for the Field.
           * @deprecated Use `description` instead.
@@ -337,7 +422,7 @@ export namespace Components {
         "required": boolean;
         /**
           * The text for the validation message.
-          * @deprecated Use `errorDescription` instead.
+          * @deprecated Use `errorDescription` and set the error prop instead.
          */
         "validation"?: string;
         /**
@@ -347,7 +432,7 @@ export namespace Components {
     }
     interface NvFielddropdown {
         /**
-          * The autocomplete prop helps users fill out the input field faster by suggesting entries they’ve used before, like their email or address. You can turn it on to make forms more convenient or off to ensure users always type in fresh data.
+          * The autocomplete prop helps users fill out the input field faster by suggesting entries they've used before, like their email or address. You can turn it on to make forms more convenient or off to ensure users always type in fresh data.
          */
         "autocomplete": `${TextInputAutocomplete}`;
         /**
@@ -355,7 +440,7 @@ export namespace Components {
          */
         "description": string;
         /**
-          * The disabled prop lets you turn off the input field so that users can’t type in it. When disabled, the field is grayed out and won’t respond to clicks or touches.
+          * The disabled prop lets you turn off the input field so that users can't type in it. When disabled, the field is grayed out and won't respond to clicks or touches.
          */
         "disabled": boolean;
         /**
@@ -363,7 +448,7 @@ export namespace Components {
          */
         "emptyresult": string;
         /**
-          * Alters the input field’s appearance to indicate an error, helping users identify fields that need correction.
+          * Alters the input field's appearance to indicate an error, helping users identify fields that need correction.
           * @validator error
          */
         "error": boolean;
@@ -386,11 +471,11 @@ export namespace Components {
          */
         "inputId": string;
         /**
-          * Lets you define the text that explains what users should enter in the text input field. It’s a crucial element for making forms clear and user-friendly.
+          * Lets you define the text that explains what users should enter in the text input field. It's a crucial element for making forms clear and user-friendly.
          */
         "label": string;
         /**
-          * Defines the name attribute of the input field, which is crucial for form submission. This value is used as the key in the key-value pair sent to the server, representing the input’s data in form submissions. It should be unique within the form to avoid conflicts.
+          * Defines the name attribute of the input field, which is crucial for form submission. This value is used as the key in the key-value pair sent to the server, representing the input's data in form submissions. It should be unique within the form to avoid conflicts.
          */
         "name": string;
         /**
@@ -398,11 +483,17 @@ export namespace Components {
          */
         "open": boolean;
         /**
-          * Display temporary text inside the input field to give users a hint about what to type. It’s a great way to provide examples or suggestions directly in the field before they start typing. The placeholder is displayed only when the filterable option is enabled.
+          * List of options available in the dropdown.
+          * @description The options are passed as a JSON string.
+          * @example options='[{"label": "Option 1", "value": "option1", "selected": true}, {"label": "Option 2", "value": "option2"}]'
+         */
+        "options"?: string;
+        /**
+          * Display temporary text inside the input field to give users a hint about what to type. It's a great way to provide examples or suggestions directly in the field before they start typing. The placeholder is displayed only when the filterable option is enabled.
          */
         "placeholder": string;
         /**
-          * Display the input field’s content without allowing users to change it. Users can still click on it, select, and copy the text, but they won’t be able to type or delete anything.
+          * Display the input field's content without allowing users to change it. Users can still click on it, select, and copy the text, but they won't be able to type or delete anything.
          */
         "readonly": boolean;
         /**
@@ -410,7 +501,7 @@ export namespace Components {
          */
         "required": boolean;
         /**
-          * Specifies the value of the input field, which determines the text displayed within the field. This prop is typically used in controlled components where the input’s value is managed by the component’s state.
+          * Specifies the value of the input field, which determines the text displayed within the field. This prop is typically used in controlled components where the input's value is managed by the component's state.
          */
         "value": string;
     }
@@ -485,11 +576,13 @@ export namespace Components {
          */
         "emptyresult": string;
         /**
-          * Alters the input field's appearance to indicate an error.
+          * Alters the input field's appearance to indicate an error, helping users identify fields that need correction.
+          * @validator error
          */
         "error": boolean;
         /**
-          * A description that appears when there is an error.
+          * A description that appears when there is an error related to the multiselect field.
+          * @validator message
          */
         "errorDescription": string;
         /**
@@ -590,7 +683,7 @@ export namespace Components {
         "max": number;
         /**
           * Message defines a 'hint ' message for the number field.
-          * @deprecated use description instead.
+          * @deprecated Use `description` instead.
          */
         "message": string;
         /**
@@ -623,7 +716,7 @@ export namespace Components {
         "success": boolean;
         /**
           * Add the message to the validation state.
-          * @deprecated use errorDescription and set the error prop instead.
+          * @deprecated Use `errorDescription` and set the error prop instead.
          */
         "validation": string;
         /**
@@ -751,7 +844,7 @@ export namespace Components {
         /**
           * Defines the position of the label relative to the radio button.
          */
-        "labelPlacement": `${FieldLabelPlacement}`;
+        "labelPlacement": `${LabelPlacement}`;
         /**
           * Adds a helpful hint message below the label
           * @deprecated use description instead.
@@ -799,7 +892,7 @@ export namespace Components {
         "label"?: string;
         /**
           * Message defines a 'hint ' message for the Select Field.
-          * @deprecated use description instead.
+          * @deprecated Use `description` instead.
          */
         "message": string;
         /**
@@ -810,6 +903,10 @@ export namespace Components {
           * Defines the name attribute of the select field, which is crucial for form submission. This value is used as the key in the key-value pair sent to the server, representing the selected data in form submissions. It should be unique within the form to avoid conflicts
          */
         "name": string;
+        /**
+          * Options to display in the select. Can be passed as a JSON string. Format: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]
+         */
+        "options"?: string;
         /**
           * Display the select field’s content without allowing users to change it. Users can still click on it, select, and copy the text, but they won’t be able to change or delete anything.
          */
@@ -824,7 +921,7 @@ export namespace Components {
         "success": boolean;
         /**
           * Add the message to the validation state.
-          * @deprecated use errorDescription and set the error prop instead.
+          * @deprecated Use `errorDescription` and set the error prop instead.
          */
         "validation": string;
         /**
@@ -854,7 +951,7 @@ export namespace Components {
           * A description that appears when there is an error related to the textfield field.
           * @validator message
          */
-        "errorDescription": string;
+        "errorDescription"?: string;
         /**
           * 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.
          */
@@ -869,7 +966,7 @@ export namespace Components {
         "maxlength": number;
         /**
           * Message defines a 'hint ' message for the Text Field.
-          * @deprecated use description instead.
+          * @deprecated Use `description` instead.
          */
         "message": string;
         /**
@@ -915,7 +1012,7 @@ export namespace Components {
         "type": 'text' | 'tel' | 'email';
         /**
           * Add the message to the validation state.
-          * @deprecated use errorDescription and set the error prop instead.
+          * @deprecated Use `errorDescription` and set the error prop instead.
          */
         "validation": string;
         /**
@@ -960,7 +1057,7 @@ export namespace Components {
         "maxlength": number;
         /**
           * Message defines a 'hint ' message for the Text Field.
-          * @deprecated use description instead.
+          * @deprecated Use `description` instead.
          */
         "message": string;
         /**
@@ -997,7 +1094,7 @@ export namespace Components {
         "success": boolean;
         /**
           * Add the message to the validation state.
-          * @deprecated use errorDescription and set the error prop instead.
+          * @deprecated Use `errorDescription` and set the error prop instead.
          */
         "validation": string;
         /**
@@ -1005,47 +1102,73 @@ export namespace Components {
          */
         "value": string;
     }
-    interface NvFieldtoggle {
+    interface NvFieldtime {
         /**
-          * Indicates whether the toggle is checked or not.
+          * Add helpful hints or extra information under the time input field. This is where you can clarify what users should enter or provide additional instructions.
          */
-        "checked": boolean;
+        "description": string;
         /**
-          * A description providing additional context or information about the toggle.
+          * The disabled prop lets you turn off the input field so that users can't interact with it. When disabled, the field is grayed out and won't respond to clicks or touches.
          */
-        "description"?: string;
+        "disabled": boolean;
         /**
-          * Disables the toggle, preventing user interaction.
+          * Alters the input field's appearance to indicate an error, helping users identify fields that need correction.
+          * @validator error
          */
-        "disabled": boolean;
+        "error": boolean;
         /**
-          * Hides the label visually while still keeping it available for screen readers.
+          * A description that appears when there is an error related to the time field.
+          * @validator message
          */
-        "hideLabel": boolean;
+        "errorDescription": string;
         /**
-          * Sets the ID for the radio button’s 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.
+          * Specifies the time format to be used. Available formats: - HH: 24-hour format (00-23) - HH:mm: 24-hour format with minutes (00:00-23:59) - HH:mm:ss: 24-hour format with minutes and seconds (00:00:00-23:59:59) - hh: 12-hour format (01-12) - hh:mm: 12-hour format with minutes (01:00-12:59) - hh:mm:ss: 12-hour format with minutes and seconds (01:00:00-12:59:59)
+         */
+        "format": 'HH' | 'HH:mm' | 'HH:mm:ss' | 'hh' | 'hh:mm' | 'hh:mm:ss';
+        /**
+          * 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.
          */
         "inputId": string;
         /**
-          * The label displayed next to the toggle.
+          * Lets you define the text that explains what users should enter in the time input field. It's a crucial element for making forms clear and user-friendly.
          */
-        "label"?: string;
+        "label": string;
         /**
-          * Determines the position of the label relative to the toggle, either 'start' (before) or 'end' (after).
+          * The maximum time value that can be selected.
          */
-        "labelPlacement": `${FieldLabelPlacement}`;
+        "max": string;
         /**
-          * The name attribute for the toggle input, used to reference the form data after submission.
+          * The minimum time value that can be selected.
          */
-        "name"?: string;
+        "min": string;
         /**
-          * Sets the toggle to read-only, preventing user changes but still allowing focus and selection of text.
+          * Defines the name attribute of the input field, which is crucial for form submission. This value is used as the key in the key-value pair sent to the server, representing the input's data in form submissions.
+         */
+        "name": string;
+        /**
+          * State of the time picker popover.
+         */
+        "open": boolean;
+        /**
+          * Display the input field's content without allowing users to change it. Users can still click on it, select, and copy the text, but they won't be able to type or delete anything.
          */
         "readonly": boolean;
         /**
-          * The value attribute of the toggle input, representing the value sent on form submission when the toggle is checked.
+          * Marks the input field as required, ensuring that the user must fill it out before submitting the form.
          */
-        "value"?: string;
+        "required": boolean;
+        /**
+          * The step interval in milliseconds for time increments/decrements. This affects how the time changes when using arrow keys or spinners.
+         */
+        "step": number;
+        /**
+          * Changes the input field’s appearance to indicate successful input or validation.
+         */
+        "success": boolean;
+        /**
+          * The current value of the time input in the specified format.
+         */
+        "value": string;
     }
     interface NvIcon {
         /**
@@ -1140,6 +1263,10 @@ export namespace Components {
           * Use this to disable the menu from closing automatically when a menu item is selected.
          */
         "disableCloseOnSelect": boolean;
+        /**
+          * (New feature) Items to display in the menu, provided as a JSON string. Format: [{ label: string, value?: string, disabled?: boolean, hasSubmenu?: boolean, ... }]
+         */
+        "items"?: string;
         /**
           * Use this if the menu is nested inside another menu. This will prevent the parent menu from closing when the child menu is opened.
          */
@@ -1261,6 +1388,10 @@ export namespace Components {
          */
         "vertical": boolean;
     }
+    /**
+     * @deprecated [EXPERIMENTAL]
+     * @experimental - This component is still under development and is not ready for use.
+     */
     interface NvTable {
         /**
           * Defines the table columns.
@@ -1343,6 +1474,48 @@ export namespace Components {
     }
     interface NvTablerow {
     }
+    interface NvToggle {
+        /**
+          * Indicates whether the toggle is checked or not.
+         */
+        "checked": boolean;
+        /**
+          * A description providing additional context or information about the toggle.
+         */
+        "description"?: string;
+        /**
+          * Disables the toggle, preventing user interaction.
+         */
+        "disabled": boolean;
+        /**
+          * Hides the label visually while still keeping it available for screen readers.
+         */
+        "hideLabel": boolean;
+        /**
+          * Sets the ID for the radio button’s 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.
+         */
+        "inputId": string;
+        /**
+          * The label displayed next to the toggle.
+         */
+        "label"?: string;
+        /**
+          * Determines the position of the label relative to the toggle, either 'start' (before) or 'end' (after).
+         */
+        "labelPlacement": `${LabelPlacement}`;
+        /**
+          * The name attribute for the toggle input, used to reference the form data after submission.
+         */
+        "name"?: string;
+        /**
+          * Sets the toggle to read-only, preventing user changes but still allowing focus and selection of text.
+         */
+        "readonly": boolean;
+        /**
+          * The value attribute of the toggle input, representing the value sent on form submission when the toggle is checked.
+         */
+        "value"?: string;
+    }
     interface NvTooltip {
         /**
           * Controls how long (in milliseconds) the tooltip waits to show after you hover over or focus on an element. If you move away before the delay is up, the tooltip won’t appear.
@@ -1367,6 +1540,14 @@ export interface NvBadgeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNvBadgeElement;
 }
+export interface NvDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNvDialogElement;
+}
+export interface NvDialogfooterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNvDialogfooterElement;
+}
 export interface NvFieldcheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNvFieldcheckboxElement;
@@ -1411,9 +1592,9 @@ export interface NvFieldtextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNvFieldtextareaElement;
 }
-export interface NvFieldtoggleCustomEvent<T> extends CustomEvent<T> {
+export interface NvFieldtimeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLNvFieldtoggleElement;
+    target: HTMLNvFieldtimeElement;
 }
 export interface NvMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -1427,6 +1608,10 @@ export interface NvPopoverCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNvPopoverElement;
 }
+export interface NvToggleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNvToggleElement;
+}
 declare global {
     interface HTMLNvAlertElementEventMap {
         "hiddenChanged": boolean;
@@ -1507,6 +1692,8 @@ declare global {
     };
     /**
      * 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 {
     }
@@ -1544,6 +1731,47 @@ declare global {
         prototype: HTMLNvDatagridrowElement;
         new (): HTMLNvDatagridrowElement;
     };
+    interface HTMLNvDialogElementEventMap {
+        "close": void;
+    }
+    interface HTMLNvDialogElement extends Components.NvDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNvDialogElementEventMap>(type: K, listener: (this: HTMLNvDialogElement, ev: NvDialogCustomEvent<HTMLNvDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNvDialogElementEventMap>(type: K, listener: (this: HTMLNvDialogElement, ev: NvDialogCustomEvent<HTMLNvDialogElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNvDialogElement: {
+        prototype: HTMLNvDialogElement;
+        new (): HTMLNvDialogElement;
+    };
+    interface HTMLNvDialogfooterElementEventMap {
+        "nvDialogCanceled": void;
+        "nvDialogConfirmed": void;
+    }
+    interface HTMLNvDialogfooterElement extends Components.NvDialogfooter, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNvDialogfooterElementEventMap>(type: K, listener: (this: HTMLNvDialogfooterElement, ev: NvDialogfooterCustomEvent<HTMLNvDialogfooterElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNvDialogfooterElementEventMap>(type: K, listener: (this: HTMLNvDialogfooterElement, ev: NvDialogfooterCustomEvent<HTMLNvDialogfooterElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNvDialogfooterElement: {
+        prototype: HTMLNvDialogfooterElement;
+        new (): HTMLNvDialogfooterElement;
+    };
+    interface HTMLNvDialogheaderElement extends Components.NvDialogheader, HTMLStencilElement {
+    }
+    var HTMLNvDialogheaderElement: {
+        prototype: HTMLNvDialogheaderElement;
+        new (): HTMLNvDialogheaderElement;
+    };
     interface HTMLNvFieldcheckboxElementEventMap {
         "checkedChanged": boolean;
     }
@@ -1747,22 +1975,22 @@ declare global {
         prototype: HTMLNvFieldtextareaElement;
         new (): HTMLNvFieldtextareaElement;
     };
-    interface HTMLNvFieldtoggleElementEventMap {
-        "checkedChanged": boolean;
+    interface HTMLNvFieldtimeElementEventMap {
+        "valueChanged": string;
     }
-    interface HTMLNvFieldtoggleElement extends Components.NvFieldtoggle, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLNvFieldtoggleElementEventMap>(type: K, listener: (this: HTMLNvFieldtoggleElement, ev: NvFieldtoggleCustomEvent<HTMLNvFieldtoggleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    interface HTMLNvFieldtimeElement extends Components.NvFieldtime, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNvFieldtimeElementEventMap>(type: K, listener: (this: HTMLNvFieldtimeElement, ev: NvFieldtimeCustomEvent<HTMLNvFieldtimeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLNvFieldtoggleElementEventMap>(type: K, listener: (this: HTMLNvFieldtoggleElement, ev: NvFieldtoggleCustomEvent<HTMLNvFieldtoggleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNvFieldtimeElementEventMap>(type: K, listener: (this: HTMLNvFieldtimeElement, ev: NvFieldtimeCustomEvent<HTMLNvFieldtimeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
-    var HTMLNvFieldtoggleElement: {
-        prototype: HTMLNvFieldtoggleElement;
-        new (): HTMLNvFieldtoggleElement;
+    var HTMLNvFieldtimeElement: {
+        prototype: HTMLNvFieldtimeElement;
+        new (): HTMLNvFieldtimeElement;
     };
     interface HTMLNvIconElement extends Components.NvIcon, HTMLStencilElement {
     }
@@ -1848,6 +2076,10 @@ declare global {
         prototype: HTMLNvStackElement;
         new (): HTMLNvStackElement;
     };
+    /**
+     * @deprecated [EXPERIMENTAL]
+     * @experimental - This component is still under development and is not ready for use.
+     */
     interface HTMLNvTableElement extends Components.NvTable, HTMLStencilElement {
     }
     var HTMLNvTableElement: {
@@ -1884,6 +2116,23 @@ declare global {
         prototype: HTMLNvTablerowElement;
         new (): HTMLNvTablerowElement;
     };
+    interface HTMLNvToggleElementEventMap {
+        "checkedChanged": boolean;
+    }
+    interface HTMLNvToggleElement extends Components.NvToggle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNvToggleElementEventMap>(type: K, listener: (this: HTMLNvToggleElement, ev: NvToggleCustomEvent<HTMLNvToggleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNvToggleElementEventMap>(type: K, listener: (this: HTMLNvToggleElement, ev: NvToggleCustomEvent<HTMLNvToggleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNvToggleElement: {
+        prototype: HTMLNvToggleElement;
+        new (): HTMLNvToggleElement;
+    };
     interface HTMLNvTooltipElement extends Components.NvTooltip, HTMLStencilElement {
     }
     var HTMLNvTooltipElement: {
@@ -1905,6 +2154,9 @@ declare global {
         "nv-datagriddatacell": HTMLNvDatagriddatacellElement;
         "nv-datagridhead": HTMLNvDatagridheadElement;
         "nv-datagridrow": HTMLNvDatagridrowElement;
+        "nv-dialog": HTMLNvDialogElement;
+        "nv-dialogfooter": HTMLNvDialogfooterElement;
+        "nv-dialogheader": HTMLNvDialogheaderElement;
         "nv-fieldcheckbox": HTMLNvFieldcheckboxElement;
         "nv-fielddropdown": HTMLNvFielddropdownElement;
         "nv-fielddropdownitem": HTMLNvFielddropdownitemElement;
@@ -1916,7 +2168,7 @@ declare global {
         "nv-fieldselect": HTMLNvFieldselectElement;
         "nv-fieldtext": HTMLNvFieldtextElement;
         "nv-fieldtextarea": HTMLNvFieldtextareaElement;
-        "nv-fieldtoggle": HTMLNvFieldtoggleElement;
+        "nv-fieldtime": HTMLNvFieldtimeElement;
         "nv-icon": HTMLNvIconElement;
         "nv-iconbutton": HTMLNvIconbuttonElement;
         "nv-loader": HTMLNvLoaderElement;
@@ -1931,6 +2183,7 @@ declare global {
         "nv-tabledatacell": HTMLNvTabledatacellElement;
         "nv-tablehead": HTMLNvTableheadElement;
         "nv-tablerow": HTMLNvTablerowElement;
+        "nv-toggle": HTMLNvToggleElement;
         "nv-tooltip": HTMLNvTooltipElement;
     }
 }
@@ -2115,6 +2368,10 @@ declare namespace LocalJSX {
     interface NvBreadcrumbs {
     }
     interface NvButton {
+        /**
+          * Use this prop to highlight the button when it represents the current page or active selection. This helps users understand their navigation context.
+         */
+        "active"?: boolean;
         /**
           * Applies styling that visually indicates the button represents a dangerous action.
          */
@@ -2152,6 +2409,8 @@ 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 {
         /**
@@ -2210,6 +2469,84 @@ declare namespace LocalJSX {
     }
     interface NvDatagridrow {
     }
+    interface NvDialog {
+        /**
+          * If true, the dialog will be closed when the backdrop is clicked.
+         */
+        "clickOutside"?: boolean;
+        /**
+          * If true, the dialog visibility is managed manually through methods or the open prop.
+         */
+        "controlled"?: boolean;
+        /**
+          * If true, the dialog takes full width styling.
+         */
+        "full"?: boolean;
+        /**
+          * Controls the dialog's autofocus behavior. When false (default), the dialog will automatically focus the first focusable element. When true, automatic focus is disabled and you must manually set focus on an element for accessibility compliance.
+         */
+        "manualFocus"?: boolean;
+        /**
+          * Emitted when the dialog is closing in order to allow for cleanup, data-capture, etc.
+         */
+        "onClose"?: (event: NvDialogCustomEvent<void>) => void;
+        /**
+          * Use this prop to toggle the visibility of the dialog. Set to true to show the dialog and false to hide it.
+         */
+        "open"?: boolean;
+        /**
+          * If true, the dialog cannot be closed by the user.
+         */
+        "undismissable"?: boolean;
+    }
+    interface NvDialogfooter {
+        /**
+          * Sets the label for the cancel button.
+         */
+        "cancelLabel"?: string;
+        /**
+          * Sets the danger state for the submit button.
+         */
+        "danger"?: boolean;
+        /**
+          * Disables the confirm button, preventing user interaction.
+         */
+        "disabled"?: boolean;
+        /**
+          * Sets the leading icon for the submit button.
+         */
+        "leadingIcon"?: string;
+        /**
+          * Emitted when the cancel button is clicked. This will close the dialog.
+         */
+        "onNvDialogCanceled"?: (event: NvDialogfooterCustomEvent<void>) => void;
+        /**
+          * Emitted when the submit button is clicked. This allows to handle the submit action and potential data capture before closing the dialog.
+         */
+        "onNvDialogConfirmed"?: (event: NvDialogfooterCustomEvent<void>) => void;
+        /**
+          * Sets the label for the submit button.
+         */
+        "submitLabel"?: string;
+        /**
+          * Sets the trailing icon for the submit button.
+         */
+        "trailingIcon"?: string;
+        /**
+          * Controls the visibility of the cancel button. When true, the cancel button is hidden.
+         */
+        "undismissable"?: boolean;
+    }
+    interface NvDialogheader {
+        /**
+          * Sets the heading text for the dialog.
+         */
+        "heading"?: string;
+        /**
+          * Sets the subheading text for the dialog.
+         */
+        "subheading"?: string;
+    }
     interface NvFieldcheckbox {
         /**
           * Indicates whether the checkbox is checked or not.
@@ -2225,10 +2562,12 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         /**
           * Signals that there is an error associated with the checkbox, which can trigger visual cues.
+          * @validator error
          */
         "error"?: boolean;
         /**
           * A description that appears when there is an error related to the checkbox.
+          * @validator message
          */
         "errorDescription"?: string;
         /**
@@ -2255,7 +2594,7 @@ declare namespace LocalJSX {
         /**
           * Determines the position of the label relative to the checkbox, either 'start' (before) or 'end' (after).
          */
-        "labelPlacement"?: `${FieldLabelPlacement}`;
+        "labelPlacement"?: `${LabelPlacement}`;
         /**
           * Message define a 'hint ' message for the Field.
           * @deprecated Use `description` instead.
@@ -2280,7 +2619,7 @@ declare namespace LocalJSX {
         "required"?: boolean;
         /**
           * The text for the validation message.
-          * @deprecated Use `errorDescription` instead.
+          * @deprecated Use `errorDescription` and set the error prop instead.
          */
         "validation"?: string;
         /**
@@ -2290,7 +2629,7 @@ declare namespace LocalJSX {
     }
     interface NvFielddropdown {
         /**
-          * The autocomplete prop helps users fill out the input field faster by suggesting entries they’ve used before, like their email or address. You can turn it on to make forms more convenient or off to ensure users always type in fresh data.
+          * The autocomplete prop helps users fill out the input field faster by suggesting entries they've used before, like their email or address. You can turn it on to make forms more convenient or off to ensure users always type in fresh data.
          */
         "autocomplete"?: `${TextInputAutocomplete}`;
         /**
@@ -2298,7 +2637,7 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * The disabled prop lets you turn off the input field so that users can’t type in it. When disabled, the field is grayed out and won’t respond to clicks or touches.
+          * The disabled prop lets you turn off the input field so that users can't type in it. When disabled, the field is grayed out and won't respond to clicks or touches.
          */
         "disabled"?: boolean;
         /**
@@ -2306,7 +2645,7 @@ declare namespace LocalJSX {
          */
         "emptyresult"?: string;
         /**
-          * Alters the input field’s appearance to indicate an error, helping users identify fields that need correction.
+          * Alters the input field's appearance to indicate an error, helping users identify fields that need correction.
           * @validator error
          */
         "error"?: boolean;
@@ -2324,11 +2663,11 @@ declare namespace LocalJSX {
          */
         "inputId"?: string;
         /**
-          * Lets you define the text that explains what users should enter in the text input field. It’s a crucial element for making forms clear and user-friendly.
+          * Lets you define the text that explains what users should enter in the text input field. It's a crucial element for making forms clear and user-friendly.
          */
         "label"?: string;
         /**
-          * Defines the name attribute of the input field, which is crucial for form submission. This value is used as the key in the key-value pair sent to the server, representing the input’s data in form submissions. It should be unique within the form to avoid conflicts.
+          * Defines the name attribute of the input field, which is crucial for form submission. This value is used as the key in the key-value pair sent to the server, representing the input's data in form submissions. It should be unique within the form to avoid conflicts.
          */
         "name"?: string;
         /**
@@ -2345,11 +2684,17 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
         /**
-          * Display temporary text inside the input field to give users a hint about what to type. It’s a great way to provide examples or suggestions directly in the field before they start typing. The placeholder is displayed only when the filterable option is enabled.
+          * List of options available in the dropdown.
+          * @description The options are passed as a JSON string.
+          * @example options='[{"label": "Option 1", "value": "option1", "selected": true}, {"label": "Option 2", "value": "option2"}]'
+         */
+        "options"?: string;
+        /**
+          * Display temporary text inside the input field to give users a hint about what to type. It's a great way to provide examples or suggestions directly in the field before they start typing. The placeholder is displayed only when the filterable option is enabled.
          */
         "placeholder"?: string;
         /**
-          * Display the input field’s content without allowing users to change it. Users can still click on it, select, and copy the text, but they won’t be able to type or delete anything.
+          * Display the input field's content without allowing users to change it. Users can still click on it, select, and copy the text, but they won't be able to type or delete anything.
          */
         "readonly"?: boolean;
         /**
@@ -2357,7 +2702,7 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
         /**
-          * Specifies the value of the input field, which determines the text displayed within the field. This prop is typically used in controlled components where the input’s value is managed by the component’s state.
+          * Specifies the value of the input field, which determines the text displayed within the field. This prop is typically used in controlled components where the input's value is managed by the component's state.
          */
         "value"?: string;
     }
@@ -2453,11 +2798,13 @@ declare namespace LocalJSX {
          */
         "emptyresult"?: string;
         /**
-          * Alters the input field's appearance to indicate an error.
+          * Alters the input field's appearance to indicate an error, helping users identify fields that need correction.
+          * @validator error
          */
         "error"?: boolean;
         /**
-          * A description that appears when there is an error.
+          * A description that appears when there is an error related to the multiselect field.
+          * @validator message
          */
         "errorDescription"?: string;
         /**
@@ -2557,7 +2904,7 @@ declare namespace LocalJSX {
         "max"?: number;
         /**
           * Message defines a 'hint ' message for the number field.
-          * @deprecated use description instead.
+          * @deprecated Use `description` instead.
          */
         "message"?: string;
         /**
@@ -2595,7 +2942,7 @@ declare namespace LocalJSX {
         "success"?: boolean;
         /**
           * Add the message to the validation state.
-          * @deprecated use errorDescription and set the error prop instead.
+          * @deprecated Use `errorDescription` and set the error prop instead.
          */
         "validation"?: string;
         /**
@@ -2728,7 +3075,7 @@ declare namespace LocalJSX {
         /**
           * Defines the position of the label relative to the radio button.
          */
-        "labelPlacement"?: `${FieldLabelPlacement}`;
+        "labelPlacement"?: `${LabelPlacement}`;
         /**
           * Adds a helpful hint message below the label
           * @deprecated use description instead.
@@ -2781,7 +3128,7 @@ declare namespace LocalJSX {
         "label"?: string;
         /**
           * Message defines a 'hint ' message for the Select Field.
-          * @deprecated use description instead.
+          * @deprecated Use `description` instead.
          */
         "message"?: string;
         /**
@@ -2797,6 +3144,10 @@ declare namespace LocalJSX {
           * @bind value
          */
         "onValueChanged"?: (event: NvFieldselectCustomEvent<string>) => void;
+        /**
+          * Options to display in the select. Can be passed as a JSON string. Format: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]
+         */
+        "options"?: string;
         /**
           * Display the select field’s content without allowing users to change it. Users can still click on it, select, and copy the text, but they won’t be able to change or delete anything.
          */
@@ -2811,7 +3162,7 @@ declare namespace LocalJSX {
         "success"?: boolean;
         /**
           * Add the message to the validation state.
-          * @deprecated use errorDescription and set the error prop instead.
+          * @deprecated Use `errorDescription` and set the error prop instead.
          */
         "validation"?: string;
         /**
@@ -2856,7 +3207,7 @@ declare namespace LocalJSX {
         "maxlength"?: number;
         /**
           * Message defines a 'hint ' message for the Text Field.
-          * @deprecated use description instead.
+          * @deprecated Use `description` instead.
          */
         "message"?: string;
         /**
@@ -2907,7 +3258,7 @@ declare namespace LocalJSX {
         "type"?: 'text' | 'tel' | 'email';
         /**
           * Add the message to the validation state.
-          * @deprecated use errorDescription and set the error prop instead.
+          * @deprecated Use `errorDescription` and set the error prop instead.
          */
         "validation"?: string;
         /**
@@ -2952,7 +3303,7 @@ declare namespace LocalJSX {
         "maxlength"?: number;
         /**
           * Message defines a 'hint ' message for the Text Field.
-          * @deprecated use description instead.
+          * @deprecated Use `description` instead.
          */
         "message"?: string;
         /**
@@ -2994,7 +3345,7 @@ declare namespace LocalJSX {
         "success"?: boolean;
         /**
           * Add the message to the validation state.
-          * @deprecated use errorDescription and set the error prop instead.
+          * @deprecated Use `errorDescription` and set the error prop instead.
          */
         "validation"?: string;
         /**
@@ -3002,50 +3353,75 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface NvFieldtoggle {
-        /**
-          * Indicates whether the toggle is checked or not.
-         */
-        "checked"?: boolean;
+    interface NvFieldtime {
         /**
-          * A description providing additional context or information about the toggle.
+          * Add helpful hints or extra information under the time input field. This is where you can clarify what users should enter or provide additional instructions.
          */
         "description"?: string;
         /**
-          * Disables the toggle, preventing user interaction.
+          * The disabled prop lets you turn off the input field so that users can't interact with it. When disabled, the field is grayed out and won't respond to clicks or touches.
          */
         "disabled"?: boolean;
         /**
-          * Hides the label visually while still keeping it available for screen readers.
+          * Alters the input field's appearance to indicate an error, helping users identify fields that need correction.
+          * @validator error
          */
-        "hideLabel"?: boolean;
+        "error"?: boolean;
         /**
-          * Sets the ID for the radio button’s 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.
+          * A description that appears when there is an error related to the time field.
+          * @validator message
+         */
+        "errorDescription"?: string;
+        /**
+          * Specifies the time format to be used. Available formats: - HH: 24-hour format (00-23) - HH:mm: 24-hour format with minutes (00:00-23:59) - HH:mm:ss: 24-hour format with minutes and seconds (00:00:00-23:59:59) - hh: 12-hour format (01-12) - hh:mm: 12-hour format with minutes (01:00-12:59) - hh:mm:ss: 12-hour format with minutes and seconds (01:00:00-12:59:59)
+         */
+        "format"?: 'HH' | 'HH:mm' | 'HH:mm:ss' | 'hh' | 'hh:mm' | 'hh:mm:ss';
+        /**
+          * 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.
          */
         "inputId"?: string;
         /**
-          * The label displayed next to the toggle.
+          * Lets you define the text that explains what users should enter in the time input field. It's a crucial element for making forms clear and user-friendly.
          */
         "label"?: string;
         /**
-          * Determines the position of the label relative to the toggle, either 'start' (before) or 'end' (after).
+          * The maximum time value that can be selected.
          */
-        "labelPlacement"?: `${FieldLabelPlacement}`;
+        "max"?: string;
         /**
-          * The name attribute for the toggle input, used to reference the form data after submission.
+          * The minimum time value that can be selected.
+         */
+        "min"?: string;
+        /**
+          * Defines the name attribute of the input field, which is crucial for form submission. This value is used as the key in the key-value pair sent to the server, representing the input's data in form submissions.
          */
         "name"?: string;
         /**
-          * Emits when the checked state changes.
-          * @bind checked
+          * Emit an event when the time value changes. The event detail contains the new time value (HH, HH:mm or HH:mm:ss).
          */
-        "onCheckedChanged"?: (event: NvFieldtoggleCustomEvent<boolean>) => void;
+        "onValueChanged"?: (event: NvFieldtimeCustomEvent<string>) => void;
         /**
-          * Sets the toggle to read-only, preventing user changes but still allowing focus and selection of text.
+          * State of the time picker popover.
+         */
+        "open"?: boolean;
+        /**
+          * Display the input field's content without allowing users to change it. Users can still click on it, select, and copy the text, but they won't be able to type or delete anything.
          */
         "readonly"?: boolean;
         /**
-          * The value attribute of the toggle input, representing the value sent on form submission when the toggle is checked.
+          * Marks the input field as required, ensuring that the user must fill it out before submitting the form.
+         */
+        "required"?: boolean;
+        /**
+          * The step interval in milliseconds for time increments/decrements. This affects how the time changes when using arrow keys or spinners.
+         */
+        "step"?: number;
+        /**
+          * Changes the input field’s appearance to indicate successful input or validation.
+         */
+        "success"?: boolean;
+        /**
+          * The current value of the time input in the specified format.
          */
         "value"?: string;
     }
@@ -3138,6 +3514,10 @@ declare namespace LocalJSX {
           * Use this to disable the menu from closing automatically when a menu item is selected.
          */
         "disableCloseOnSelect"?: boolean;
+        /**
+          * (New feature) Items to display in the menu, provided as a JSON string. Format: [{ label: string, value?: string, disabled?: boolean, hasSubmenu?: boolean, ... }]
+         */
+        "items"?: string;
         /**
           * Use this if the menu is nested inside another menu. This will prevent the parent menu from closing when the child menu is opened.
          */
@@ -3255,6 +3635,10 @@ declare namespace LocalJSX {
          */
         "vertical"?: boolean;
     }
+    /**
+     * @deprecated [EXPERIMENTAL]
+     * @experimental - This component is still under development and is not ready for use.
+     */
     interface NvTable {
         /**
           * Defines the table columns.
@@ -3337,6 +3721,53 @@ declare namespace LocalJSX {
     }
     interface NvTablerow {
     }
+    interface NvToggle {
+        /**
+          * Indicates whether the toggle is checked or not.
+         */
+        "checked"?: boolean;
+        /**
+          * A description providing additional context or information about the toggle.
+         */
+        "description"?: string;
+        /**
+          * Disables the toggle, preventing user interaction.
+         */
+        "disabled"?: boolean;
+        /**
+          * Hides the label visually while still keeping it available for screen readers.
+         */
+        "hideLabel"?: boolean;
+        /**
+          * Sets the ID for the radio button’s 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.
+         */
+        "inputId"?: string;
+        /**
+          * The label displayed next to the toggle.
+         */
+        "label"?: string;
+        /**
+          * Determines the position of the label relative to the toggle, either 'start' (before) or 'end' (after).
+         */
+        "labelPlacement"?: `${LabelPlacement}`;
+        /**
+          * The name attribute for the toggle input, used to reference the form data after submission.
+         */
+        "name"?: string;
+        /**
+          * Emits when the checked state changes.
+          * @bind checked
+         */
+        "onCheckedChanged"?: (event: NvToggleCustomEvent<boolean>) => void;
+        /**
+          * Sets the toggle to read-only, preventing user changes but still allowing focus and selection of text.
+         */
+        "readonly"?: boolean;
+        /**
+          * The value attribute of the toggle input, representing the value sent on form submission when the toggle is checked.
+         */
+        "value"?: string;
+    }
     interface NvTooltip {
         /**
           * Controls how long (in milliseconds) the tooltip waits to show after you hover over or focus on an element. If you move away before the delay is up, the tooltip won’t appear.
@@ -3366,6 +3797,9 @@ declare namespace LocalJSX {
         "nv-datagriddatacell": NvDatagriddatacell;
         "nv-datagridhead": NvDatagridhead;
         "nv-datagridrow": NvDatagridrow;
+        "nv-dialog": NvDialog;
+        "nv-dialogfooter": NvDialogfooter;
+        "nv-dialogheader": NvDialogheader;
         "nv-fieldcheckbox": NvFieldcheckbox;
         "nv-fielddropdown": NvFielddropdown;
         "nv-fielddropdownitem": NvFielddropdownitem;
@@ -3377,7 +3811,7 @@ declare namespace LocalJSX {
         "nv-fieldselect": NvFieldselect;
         "nv-fieldtext": NvFieldtext;
         "nv-fieldtextarea": NvFieldtextarea;
-        "nv-fieldtoggle": NvFieldtoggle;
+        "nv-fieldtime": NvFieldtime;
         "nv-icon": NvIcon;
         "nv-iconbutton": NvIconbutton;
         "nv-loader": NvLoader;
@@ -3392,6 +3826,7 @@ declare namespace LocalJSX {
         "nv-tabledatacell": NvTabledatacell;
         "nv-tablehead": NvTablehead;
         "nv-tablerow": NvTablerow;
+        "nv-toggle": NvToggle;
         "nv-tooltip": NvTooltip;
     }
 }
@@ -3412,6 +3847,8 @@ 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-datagridbody": LocalJSX.NvDatagridbody & JSXBase.HTMLAttributes<HTMLNvDatagridbodyElement>;
@@ -3419,6 +3856,9 @@ declare module "@stencil/core" {
             "nv-datagriddatacell": LocalJSX.NvDatagriddatacell & JSXBase.HTMLAttributes<HTMLNvDatagriddatacellElement>;
             "nv-datagridhead": LocalJSX.NvDatagridhead & JSXBase.HTMLAttributes<HTMLNvDatagridheadElement>;
             "nv-datagridrow": LocalJSX.NvDatagridrow & JSXBase.HTMLAttributes<HTMLNvDatagridrowElement>;
+            "nv-dialog": LocalJSX.NvDialog & JSXBase.HTMLAttributes<HTMLNvDialogElement>;
+            "nv-dialogfooter": LocalJSX.NvDialogfooter & JSXBase.HTMLAttributes<HTMLNvDialogfooterElement>;
+            "nv-dialogheader": LocalJSX.NvDialogheader & JSXBase.HTMLAttributes<HTMLNvDialogheaderElement>;
             "nv-fieldcheckbox": LocalJSX.NvFieldcheckbox & JSXBase.HTMLAttributes<HTMLNvFieldcheckboxElement>;
             "nv-fielddropdown": LocalJSX.NvFielddropdown & JSXBase.HTMLAttributes<HTMLNvFielddropdownElement>;
             "nv-fielddropdownitem": LocalJSX.NvFielddropdownitem & JSXBase.HTMLAttributes<HTMLNvFielddropdownitemElement>;
@@ -3430,7 +3870,7 @@ declare module "@stencil/core" {
             "nv-fieldselect": LocalJSX.NvFieldselect & JSXBase.HTMLAttributes<HTMLNvFieldselectElement>;
             "nv-fieldtext": LocalJSX.NvFieldtext & JSXBase.HTMLAttributes<HTMLNvFieldtextElement>;
             "nv-fieldtextarea": LocalJSX.NvFieldtextarea & JSXBase.HTMLAttributes<HTMLNvFieldtextareaElement>;
-            "nv-fieldtoggle": LocalJSX.NvFieldtoggle & JSXBase.HTMLAttributes<HTMLNvFieldtoggleElement>;
+            "nv-fieldtime": LocalJSX.NvFieldtime & JSXBase.HTMLAttributes<HTMLNvFieldtimeElement>;
             "nv-icon": LocalJSX.NvIcon & JSXBase.HTMLAttributes<HTMLNvIconElement>;
             "nv-iconbutton": LocalJSX.NvIconbutton & JSXBase.HTMLAttributes<HTMLNvIconbuttonElement>;
             "nv-loader": LocalJSX.NvLoader & JSXBase.HTMLAttributes<HTMLNvLoaderElement>;
@@ -3442,12 +3882,17 @@ declare module "@stencil/core" {
              * @deprecated Please use tailwind classes instead
              */
             "nv-stack": LocalJSX.NvStack & JSXBase.HTMLAttributes<HTMLNvStackElement>;
+            /**
+             * @deprecated [EXPERIMENTAL]
+             * @experimental - This component is still under development and is not ready for use.
+             */
             "nv-table": LocalJSX.NvTable & JSXBase.HTMLAttributes<HTMLNvTableElement>;
             "nv-tablebody": LocalJSX.NvTablebody & JSXBase.HTMLAttributes<HTMLNvTablebodyElement>;
             "nv-tablecolumn": LocalJSX.NvTablecolumn & JSXBase.HTMLAttributes<HTMLNvTablecolumnElement>;
             "nv-tabledatacell": LocalJSX.NvTabledatacell & JSXBase.HTMLAttributes<HTMLNvTabledatacellElement>;
             "nv-tablehead": LocalJSX.NvTablehead & JSXBase.HTMLAttributes<HTMLNvTableheadElement>;
             "nv-tablerow": LocalJSX.NvTablerow & JSXBase.HTMLAttributes<HTMLNvTablerowElement>;
+            "nv-toggle": LocalJSX.NvToggle & JSXBase.HTMLAttributes<HTMLNvToggleElement>;
             "nv-tooltip": LocalJSX.NvTooltip & JSXBase.HTMLAttributes<HTMLNvTooltipElement>;
         }
     }