@nova-design-system/nova-webcomponents 3.27.0 → 3.29.0

package/dist/types/components.d.ts

@@ -6,16 +6,18 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, GlobalFilterPosition, IconButtonShape, LabelPlacement, LoaderColors, NotificationEmphasis, NotificationPosition, SemanticSizes, TextInputAutocomplete, ToggleButtonEmphasis, ToggleButtonSize } from "./utils/constants";
+import { IconName } from "./components/nv-icon/nv-icons";
 import { Column } from "./interfaces/Column";
+import { DateOnly, TimeOnly } from "./interfaces/dates";
 import { Element } from "./stencil-public-runtime";
 import { FilterMode } from "./utils/search-engine";
-import { IconName } from "./components/nv-icon/nv-icons";
 import { Placement, Strategy } from "@floating-ui/dom";
 export { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, GlobalFilterPosition, IconButtonShape, LabelPlacement, LoaderColors, NotificationEmphasis, NotificationPosition, SemanticSizes, TextInputAutocomplete, ToggleButtonEmphasis, ToggleButtonSize } from "./utils/constants";
+export { IconName } from "./components/nv-icon/nv-icons";
 export { Column } from "./interfaces/Column";
+export { DateOnly, TimeOnly } from "./interfaces/dates";
 export { Element } from "./stencil-public-runtime";
 export { FilterMode } from "./utils/search-engine";
-export { IconName } from "./components/nv-icon/nv-icons";
 export { Placement, Strategy } from "@floating-ui/dom";
 export namespace Components {
     interface NvAccordion {
@@ -126,8 +128,9 @@ export namespace Components {
         "hidden": boolean;
         /**
           * Icon associated with the alert, defaults vary based on the feedback type.
+          * @icon
          */
-        "icon": string;
+        "icon": `${IconName}`;
         /**
           * Main content of the alert. For more complex content, use the default slot instead.
          */
@@ -222,8 +225,9 @@ export namespace Components {
         /**
           * The icon to display in the badge.
           * @deprecated use leadIcon or slot="leading-icon" instead.
+          * @icon
          */
-        "icon": string;
+        "icon": `${IconName}`;
         /**
           * The location of the icon in the badge.
           * @deprecated only leadIcon now.
@@ -241,9 +245,10 @@ export namespace Components {
         "label"?: string | null;
         /**
           * The lead icon of the badge.
+          * @icon 
           * @default null
          */
-        "leadIcon"?: string | null;
+        "leadIcon"?: `${IconName}` | null;
         /**
           * When true, the alert does not automatically close upon dismissing. Useful for externally controlled component behavior.
           * @default false
@@ -438,6 +443,9 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * @deprecated since v3.0.0. Use Tailwind CSS classes instead with grid or flexbox utilities.
+     */
     interface NvCol {
         /**
           * Defines the column size based on a 12 column grid system.
@@ -572,6 +580,44 @@ export namespace Components {
          */
         "repeatTemplate": boolean;
     }
+    /**
+     * This is a test component for the new DateOnly type
+     * @deprecated [EXPERIMENTAL]
+     * @experimental This component is still in development and subject to change in future releases.
+     */
+    interface NvDatetest {
+        /**
+          * Array of historical date changes.
+         */
+        "history": DateOnly[];
+        /**
+          * The last change.
+         */
+        "lastChange": DateOnly;
+        /**
+          * The date range value with start and end dates.
+         */
+        "value": { start?: DateOnly; end?: DateOnly };
+    }
+    /**
+     * This is a test component for the new DateTimeObject type
+     * @deprecated [EXPERIMENTAL]
+     * @experimental This component is still in development and subject to change in future releases.
+     */
+    interface NvDatetimetest {
+        /**
+          * Array of historical date changes.
+         */
+        "history": Date[];
+        /**
+          * The the last change.
+         */
+        "lastChange": Date;
+        /**
+          * The date range value with start and end dates.
+         */
+        "value": { start?: Date; end?: Date };
+    }
     interface NvDialog {
         /**
           * Controls whether the dialog should automatically focus the first focusable element when opened. When disabled, prevents unwanted tooltip triggers on dialog open.
@@ -636,9 +682,10 @@ export namespace Components {
         "form": string;
         /**
           * Sets the leading icon for the primary button.
-          * @default ''
+          * @icon 
+          * @default null
          */
-        "leadingIcon": string;
+        "leadingIcon": `${IconName}` | null;
         /**
           * Sets the type of the primary button. If using a form, this will default to 'submit' if nothing passed.
          */
@@ -650,9 +697,10 @@ export namespace Components {
         "primaryLabel": string;
         /**
           * Sets the trailing icon for the primary button.
-          * @default ''
+          * @icon 
+          * @default null
          */
-        "trailingIcon": string;
+        "trailingIcon": `${IconName}` | null;
         /**
           * Controls the visibility of the cancel button. When true, the cancel button is hidden.
           * @default false
@@ -747,9 +795,10 @@ export namespace Components {
         "form"?: string | null;
         /**
           * Sets the leading icon for the primary button.
+          * @icon 
           * @default null
          */
-        "leadingIcon"?: string | null;
+        "leadingIcon"?: `${IconName}` | null;
         /**
           * Sets the type of the primary button. If using a form, this will default to 'submit' if nothing passed.
          */
@@ -761,9 +810,10 @@ export namespace Components {
         "primaryLabel": string | null;
         /**
           * Sets the trailing icon for the primary button.
+          * @icon 
           * @default null
          */
-        "trailingIcon"?: string | null;
+        "trailingIcon"?: `${IconName}` | null;
         /**
           * Controls the visibility of the cancel button. When true, the cancel button is hidden.
           * @default false
@@ -2440,8 +2490,9 @@ export namespace Components {
         "medium": boolean;
         /**
           * Choose the icon you want to display. This also sets the aria-label for improved accessibility, helping users who rely on screen readers.
+          * @icon
          */
-        "name": `${IconName}` | string;
+        "name": `${IconName}`;
         /**
           * Adjust the size of the icon to fit your design needs.
           * @default 'md'
@@ -2491,8 +2542,9 @@ export namespace Components {
         "loading": boolean;
         /**
           * Choose the icon you want to display. This also sets the aria-label for improved accessibility, helping users who rely on screen readers. The icon is not displayed when the button is loading.
+          * @icon
          */
-        "name": `${IconName}` | string;
+        "name": `${IconName}`;
         /**
           * Sets the shape of the button. Choose between square and rounded.
           * @default 'square'
@@ -2601,6 +2653,7 @@ export namespace Components {
         "hasSubmenu": boolean;
         /**
           * Choose the icon you want to display. This also sets the aria-label for improved accessibility, helping users who rely on screen readers. The icon is not displayed when the button is loading.
+          * @icon
          */
         "icon": `${IconName}`;
         /**
@@ -2647,8 +2700,9 @@ export namespace Components {
         "hidden": boolean;
         /**
           * Icon associated with the notification, defaults vary based on the feedback type.
+          * @icon
          */
-        "icon": string;
+        "icon": `${IconName}`;
         /**
           * When true, the notification will be hidden initially, but internal changes will not be in a controlled state. Good for animating the notification in.
           * @default false
@@ -2699,10 +2753,6 @@ export namespace Components {
          */
         "size": 'default' | 'reduced';
     }
-    /**
-     * @deprecated [EXPERIMENTAL]
-     * @experimental - Container for notifications TODO: add animations etc...
-     */
     interface NvNotificationcontainer {
         /**
           * Position of the notification container on the screen.
@@ -2916,6 +2966,9 @@ export namespace Components {
          */
         "triggerMode": 'hover' | 'click' | 'controlled';
     }
+    /**
+     * @deprecated since v3.0.0. Use Tailwind CSS classes instead with grid or flexbox utilities.
+     */
     interface NvRow {
     }
     /**
@@ -3012,8 +3065,9 @@ export namespace Components {
         "collapsible": boolean;
         /**
           * Optional icon to display before the label.
+          * @icon
          */
-        "icon"?: IconName;
+        "icon"?: `${IconName}`;
         /**
           * Number of notifications to display. When provided, a notification bullet will be automatically rendered. The bullet will be positioned in the trailing slot when sidebar is open, and on the icon when collapsed.
          */
@@ -3120,6 +3174,25 @@ export namespace Components {
          */
         "sortable": boolean;
     }
+    /**
+     * This is a test component for the new TimeOnly type
+     * @deprecated [EXPERIMENTAL]
+     * @experimental This component is still in development and subject to change in future releases.
+     */
+    interface NvTimetest {
+        /**
+          * Array of historical time changes.
+         */
+        "history": TimeOnly[];
+        /**
+          * The last change.
+         */
+        "lastChange": TimeOnly;
+        /**
+          * The time range value with start and end times.
+         */
+        "value": { start?: TimeOnly; end?: TimeOnly };
+    }
     interface NvToggle {
         /**
           * Indicates whether the toggle is checked or not.
@@ -3266,6 +3339,14 @@ export interface NvDatagridCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNvDatagridElement;
 }
+export interface NvDatetestCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNvDatetestElement;
+}
+export interface NvDatetimetestCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNvDatetimetestElement;
+}
 export interface NvDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNvDialogElement;
@@ -3378,6 +3459,10 @@ export interface NvTableheaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNvTableheaderElement;
 }
+export interface NvTimetestCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNvTimetestElement;
+}
 export interface NvToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNvToggleElement;
@@ -3519,6 +3604,9 @@ declare global {
         prototype: HTMLNvCalendarElement;
         new (): HTMLNvCalendarElement;
     };
+    /**
+     * @deprecated since v3.0.0. Use Tailwind CSS classes instead with grid or flexbox utilities.
+     */
     interface HTMLNvColElement extends Components.NvCol, HTMLStencilElement {
     }
     var HTMLNvColElement: {
@@ -3595,6 +3683,55 @@ declare global {
         prototype: HTMLNvDatagridcolumnElement;
         new (): HTMLNvDatagridcolumnElement;
     };
+    interface HTMLNvDatetestElementEventMap {
+        "valueChanged": { start?: DateOnly; end?: DateOnly };
+        "lastChanged": { date: DateOnly };
+        "historyChanged": { dates: DateOnly[] };
+        "valueDateChanged": { start?: Date; end?: Date };
+    }
+    /**
+     * This is a test component for the new DateOnly type
+     * @deprecated [EXPERIMENTAL]
+     * @experimental This component is still in development and subject to change in future releases.
+     */
+    interface HTMLNvDatetestElement extends Components.NvDatetest, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNvDatetestElementEventMap>(type: K, listener: (this: HTMLNvDatetestElement, ev: NvDatetestCustomEvent<HTMLNvDatetestElementEventMap[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 HTMLNvDatetestElementEventMap>(type: K, listener: (this: HTMLNvDatetestElement, ev: NvDatetestCustomEvent<HTMLNvDatetestElementEventMap[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 HTMLNvDatetestElement: {
+        prototype: HTMLNvDatetestElement;
+        new (): HTMLNvDatetestElement;
+    };
+    interface HTMLNvDatetimetestElementEventMap {
+        "valueChanged": { start?: Date; end?: Date };
+        "lastChanged": { date: Date };
+        "historyChanged": { dates: Date[] };
+    }
+    /**
+     * This is a test component for the new DateTimeObject type
+     * @deprecated [EXPERIMENTAL]
+     * @experimental This component is still in development and subject to change in future releases.
+     */
+    interface HTMLNvDatetimetestElement extends Components.NvDatetimetest, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNvDatetimetestElementEventMap>(type: K, listener: (this: HTMLNvDatetimetestElement, ev: NvDatetimetestCustomEvent<HTMLNvDatetimetestElementEventMap[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 HTMLNvDatetimetestElementEventMap>(type: K, listener: (this: HTMLNvDatetimetestElement, ev: NvDatetimetestCustomEvent<HTMLNvDatetimetestElementEventMap[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 HTMLNvDatetimetestElement: {
+        prototype: HTMLNvDatetimetestElement;
+        new (): HTMLNvDatetimetestElement;
+    };
     interface HTMLNvDialogElementEventMap {
         "openChanged": boolean;
     }
@@ -4057,10 +4194,6 @@ declare global {
         prototype: HTMLNvNotificationBulletElement;
         new (): HTMLNvNotificationBulletElement;
     };
-    /**
-     * @deprecated [EXPERIMENTAL]
-     * @experimental - Container for notifications TODO: add animations etc...
-     */
     interface HTMLNvNotificationcontainerElement extends Components.NvNotificationcontainer, HTMLStencilElement {
     }
     var HTMLNvNotificationcontainerElement: {
@@ -4123,6 +4256,9 @@ declare global {
         prototype: HTMLNvPopoverElement;
         new (): HTMLNvPopoverElement;
     };
+    /**
+     * @deprecated since v3.0.0. Use Tailwind CSS classes instead with grid or flexbox utilities.
+     */
     interface HTMLNvRowElement extends Components.NvRow, HTMLStencilElement {
     }
     var HTMLNvRowElement: {
@@ -4276,6 +4412,31 @@ declare global {
         prototype: HTMLNvTableheaderElement;
         new (): HTMLNvTableheaderElement;
     };
+    interface HTMLNvTimetestElementEventMap {
+        "valueChanged": { start?: TimeOnly; end?: TimeOnly };
+        "lastChanged": { time: TimeOnly };
+        "historyChanged": { times: TimeOnly[] };
+        "valueDateChanged": { start?: Date; end?: Date };
+    }
+    /**
+     * This is a test component for the new TimeOnly type
+     * @deprecated [EXPERIMENTAL]
+     * @experimental This component is still in development and subject to change in future releases.
+     */
+    interface HTMLNvTimetestElement extends Components.NvTimetest, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNvTimetestElementEventMap>(type: K, listener: (this: HTMLNvTimetestElement, ev: NvTimetestCustomEvent<HTMLNvTimetestElementEventMap[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 HTMLNvTimetestElementEventMap>(type: K, listener: (this: HTMLNvTimetestElement, ev: NvTimetestCustomEvent<HTMLNvTimetestElementEventMap[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 HTMLNvTimetestElement: {
+        prototype: HTMLNvTimetestElement;
+        new (): HTMLNvTimetestElement;
+    };
     interface HTMLNvToggleElementEventMap {
         "checkedChanged": boolean;
     }
@@ -4363,6 +4524,8 @@ declare global {
         "nv-col": HTMLNvColElement;
         "nv-datagrid": HTMLNvDatagridElement;
         "nv-datagridcolumn": HTMLNvDatagridcolumnElement;
+        "nv-datetest": HTMLNvDatetestElement;
+        "nv-datetimetest": HTMLNvDatetimetestElement;
         "nv-dialog": HTMLNvDialogElement;
         "nv-dialogfooter": HTMLNvDialogfooterElement;
         "nv-dialogheader": HTMLNvDialogheaderElement;
@@ -4409,6 +4572,7 @@ declare global {
         "nv-stack": HTMLNvStackElement;
         "nv-table": HTMLNvTableElement;
         "nv-tableheader": HTMLNvTableheaderElement;
+        "nv-timetest": HTMLNvTimetestElement;
         "nv-toggle": HTMLNvToggleElement;
         "nv-togglebutton": HTMLNvTogglebuttonElement;
         "nv-togglebuttongroup": HTMLNvTogglebuttongroupElement;
@@ -4519,8 +4683,9 @@ declare namespace LocalJSX {
         "hidden"?: boolean;
         /**
           * Icon associated with the alert, defaults vary based on the feedback type.
+          * @icon
          */
-        "icon"?: string;
+        "icon"?: `${IconName}`;
         /**
           * Main content of the alert. For more complex content, use the default slot instead.
          */
@@ -4628,8 +4793,9 @@ declare namespace LocalJSX {
         /**
           * The icon to display in the badge.
           * @deprecated use leadIcon or slot="leading-icon" instead.
+          * @icon
          */
-        "icon"?: string;
+        "icon"?: `${IconName}`;
         /**
           * The location of the icon in the badge.
           * @deprecated only leadIcon now.
@@ -4647,9 +4813,10 @@ declare namespace LocalJSX {
         "label"?: string | null;
         /**
           * The lead icon of the badge.
+          * @icon 
           * @default null
          */
-        "leadIcon"?: string | null;
+        "leadIcon"?: `${IconName}` | null;
         /**
           * Emitted when the badge is dismissed.
          */
@@ -4865,6 +5032,9 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * @deprecated since v3.0.0. Use Tailwind CSS classes instead with grid or flexbox utilities.
+     */
     interface NvCol {
         /**
           * Defines the column size based on a 12 column grid system.
@@ -5053,6 +5223,74 @@ declare namespace LocalJSX {
          */
         "repeatTemplate"?: boolean;
     }
+    /**
+     * This is a test component for the new DateOnly type
+     * @deprecated [EXPERIMENTAL]
+     * @experimental This component is still in development and subject to change in future releases.
+     */
+    interface NvDatetest {
+        /**
+          * Array of historical date changes.
+         */
+        "history"?: DateOnly[];
+        /**
+          * The last change.
+         */
+        "lastChange"?: DateOnly;
+        /**
+          * Emitted when the history array changes.
+         */
+        "onHistoryChanged"?: (event: NvDatetestCustomEvent<{ dates: DateOnly[] }>) => void;
+        /**
+          * Emitted when the last change date updates.
+         */
+        "onLastChanged"?: (event: NvDatetestCustomEvent<{ date: DateOnly }>) => void;
+        /**
+          * Emitted when the date range value changes.
+          * @bind value
+         */
+        "onValueChanged"?: (event: NvDatetestCustomEvent<{ start?: DateOnly; end?: DateOnly }>) => void;
+        /**
+          * Emitted when the date range value changes as Date objects (local time).
+         */
+        "onValueDateChanged"?: (event: NvDatetestCustomEvent<{ start?: Date; end?: Date }>) => void;
+        /**
+          * The date range value with start and end dates.
+         */
+        "value"?: { start?: DateOnly; end?: DateOnly };
+    }
+    /**
+     * This is a test component for the new DateTimeObject type
+     * @deprecated [EXPERIMENTAL]
+     * @experimental This component is still in development and subject to change in future releases.
+     */
+    interface NvDatetimetest {
+        /**
+          * Array of historical date changes.
+         */
+        "history"?: Date[];
+        /**
+          * The the last change.
+         */
+        "lastChange"?: Date;
+        /**
+          * Emitted when the history array changes.
+         */
+        "onHistoryChanged"?: (event: NvDatetimetestCustomEvent<{ dates: Date[] }>) => void;
+        /**
+          * Emitted when the last change timestamp updates.
+         */
+        "onLastChanged"?: (event: NvDatetimetestCustomEvent<{ date: Date }>) => void;
+        /**
+          * Emitted when the date range value changes.
+          * @bind value
+         */
+        "onValueChanged"?: (event: NvDatetimetestCustomEvent<{ start?: Date; end?: Date }>) => void;
+        /**
+          * The date range value with start and end dates.
+         */
+        "value"?: { start?: Date; end?: Date };
+    }
     interface NvDialog {
         /**
           * Controls whether the dialog should automatically focus the first focusable element when opened. When disabled, prevents unwanted tooltip triggers on dialog open.
@@ -5112,9 +5350,10 @@ declare namespace LocalJSX {
         "form"?: string;
         /**
           * Sets the leading icon for the primary button.
-          * @default ''
+          * @icon 
+          * @default null
          */
-        "leadingIcon"?: string;
+        "leadingIcon"?: `${IconName}` | null;
         /**
           * Emitted when the cancel button is clicked. This will close the dialog.
          */
@@ -5134,9 +5373,10 @@ declare namespace LocalJSX {
         "primaryLabel"?: string;
         /**
           * Sets the trailing icon for the primary button.
-          * @default ''
+          * @icon 
+          * @default null
          */
-        "trailingIcon"?: string;
+        "trailingIcon"?: `${IconName}` | null;
         /**
           * Controls the visibility of the cancel button. When true, the cancel button is hidden.
           * @default false
@@ -5228,9 +5468,10 @@ declare namespace LocalJSX {
         "form"?: string | null;
         /**
           * Sets the leading icon for the primary button.
+          * @icon 
           * @default null
          */
-        "leadingIcon"?: string | null;
+        "leadingIcon"?: `${IconName}` | null;
         /**
           * Emitted when the cancel button is clicked. This will close the drawer.
          */
@@ -5250,9 +5491,10 @@ declare namespace LocalJSX {
         "primaryLabel"?: string | null;
         /**
           * Sets the trailing icon for the primary button.
+          * @icon 
           * @default null
          */
-        "trailingIcon"?: string | null;
+        "trailingIcon"?: `${IconName}` | null;
         /**
           * Controls the visibility of the cancel button. When true, the cancel button is hidden.
           * @default false
@@ -6996,8 +7238,9 @@ declare namespace LocalJSX {
         "medium"?: boolean;
         /**
           * Choose the icon you want to display. This also sets the aria-label for improved accessibility, helping users who rely on screen readers.
+          * @icon
          */
-        "name"?: `${IconName}` | string;
+        "name"?: `${IconName}`;
         /**
           * Adjust the size of the icon to fit your design needs.
           * @default 'md'
@@ -7047,8 +7290,9 @@ declare namespace LocalJSX {
         "loading"?: boolean;
         /**
           * Choose the icon you want to display. This also sets the aria-label for improved accessibility, helping users who rely on screen readers. The icon is not displayed when the button is loading.
+          * @icon
          */
-        "name"?: `${IconName}` | string;
+        "name"?: `${IconName}`;
         /**
           * Sets the shape of the button. Choose between square and rounded.
           * @default 'square'
@@ -7153,6 +7397,7 @@ declare namespace LocalJSX {
         "hasSubmenu"?: boolean;
         /**
           * Choose the icon you want to display. This also sets the aria-label for improved accessibility, helping users who rely on screen readers. The icon is not displayed when the button is loading.
+          * @icon
          */
         "icon"?: `${IconName}`;
         /**
@@ -7212,8 +7457,9 @@ declare namespace LocalJSX {
         "hidden"?: boolean;
         /**
           * Icon associated with the notification, defaults vary based on the feedback type.
+          * @icon
          */
-        "icon"?: string;
+        "icon"?: `${IconName}`;
         /**
           * When true, the notification will be hidden initially, but internal changes will not be in a controlled state. Good for animating the notification in.
           * @default false
@@ -7265,10 +7511,6 @@ declare namespace LocalJSX {
          */
         "size"?: 'default' | 'reduced';
     }
-    /**
-     * @deprecated [EXPERIMENTAL]
-     * @experimental - Container for notifications TODO: add animations etc...
-     */
     interface NvNotificationcontainer {
         /**
           * Position of the notification container on the screen.
@@ -7462,6 +7704,9 @@ declare namespace LocalJSX {
          */
         "triggerMode"?: 'hover' | 'click' | 'controlled';
     }
+    /**
+     * @deprecated since v3.0.0. Use Tailwind CSS classes instead with grid or flexbox utilities.
+     */
     interface NvRow {
     }
     /**
@@ -7563,8 +7808,9 @@ declare namespace LocalJSX {
         "collapsible"?: boolean;
         /**
           * Optional icon to display before the label.
+          * @icon
          */
-        "icon"?: IconName;
+        "icon"?: `${IconName}`;
         /**
           * Number of notifications to display. When provided, a notification bullet will be automatically rendered. The bullet will be positioned in the trailing slot when sidebar is open, and on the icon when collapsed.
          */
@@ -7658,6 +7904,42 @@ declare namespace LocalJSX {
          */
         "sortable"?: boolean;
     }
+    /**
+     * This is a test component for the new TimeOnly type
+     * @deprecated [EXPERIMENTAL]
+     * @experimental This component is still in development and subject to change in future releases.
+     */
+    interface NvTimetest {
+        /**
+          * Array of historical time changes.
+         */
+        "history"?: TimeOnly[];
+        /**
+          * The last change.
+         */
+        "lastChange"?: TimeOnly;
+        /**
+          * Emitted when the history array changes.
+         */
+        "onHistoryChanged"?: (event: NvTimetestCustomEvent<{ times: TimeOnly[] }>) => void;
+        /**
+          * Emitted when the last change timestamp updates.
+         */
+        "onLastChanged"?: (event: NvTimetestCustomEvent<{ time: TimeOnly }>) => void;
+        /**
+          * Emitted when the time range value changes.
+          * @bind value
+         */
+        "onValueChanged"?: (event: NvTimetestCustomEvent<{ start?: TimeOnly; end?: TimeOnly }>) => void;
+        /**
+          * Emitted when the time range value changes as Date objects (local time).
+         */
+        "onValueDateChanged"?: (event: NvTimetestCustomEvent<{ start?: Date; end?: Date }>) => void;
+        /**
+          * The time range value with start and end times.
+         */
+        "value"?: { start?: TimeOnly; end?: TimeOnly };
+    }
     interface NvToggle {
         /**
           * Indicates whether the toggle is checked or not.
@@ -7815,6 +8097,8 @@ declare namespace LocalJSX {
         "nv-col": NvCol;
         "nv-datagrid": NvDatagrid;
         "nv-datagridcolumn": NvDatagridcolumn;
+        "nv-datetest": NvDatetest;
+        "nv-datetimetest": NvDatetimetest;
         "nv-dialog": NvDialog;
         "nv-dialogfooter": NvDialogfooter;
         "nv-dialogheader": NvDialogheader;
@@ -7861,6 +8145,7 @@ declare namespace LocalJSX {
         "nv-stack": NvStack;
         "nv-table": NvTable;
         "nv-tableheader": NvTableheader;
+        "nv-timetest": NvTimetest;
         "nv-toggle": NvToggle;
         "nv-togglebutton": NvTogglebutton;
         "nv-togglebuttongroup": NvTogglebuttongroup;
@@ -7884,6 +8169,9 @@ declare module "@stencil/core" {
             "nv-button": LocalJSX.NvButton & JSXBase.HTMLAttributes<HTMLNvButtonElement>;
             "nv-buttongroup": LocalJSX.NvButtongroup & JSXBase.HTMLAttributes<HTMLNvButtongroupElement>;
             "nv-calendar": LocalJSX.NvCalendar & JSXBase.HTMLAttributes<HTMLNvCalendarElement>;
+            /**
+             * @deprecated since v3.0.0. Use Tailwind CSS classes instead with grid or flexbox utilities.
+             */
             "nv-col": LocalJSX.NvCol & JSXBase.HTMLAttributes<HTMLNvColElement>;
             /**
              * A flexible data grid component powered by `@tanstack/table-core`.
@@ -7891,6 +8179,18 @@ declare module "@stencil/core" {
              */
             "nv-datagrid": LocalJSX.NvDatagrid & JSXBase.HTMLAttributes<HTMLNvDatagridElement>;
             "nv-datagridcolumn": LocalJSX.NvDatagridcolumn & JSXBase.HTMLAttributes<HTMLNvDatagridcolumnElement>;
+            /**
+             * This is a test component for the new DateOnly type
+             * @deprecated [EXPERIMENTAL]
+             * @experimental This component is still in development and subject to change in future releases.
+             */
+            "nv-datetest": LocalJSX.NvDatetest & JSXBase.HTMLAttributes<HTMLNvDatetestElement>;
+            /**
+             * This is a test component for the new DateTimeObject type
+             * @deprecated [EXPERIMENTAL]
+             * @experimental This component is still in development and subject to change in future releases.
+             */
+            "nv-datetimetest": LocalJSX.NvDatetimetest & JSXBase.HTMLAttributes<HTMLNvDatetimetestElement>;
             "nv-dialog": LocalJSX.NvDialog & JSXBase.HTMLAttributes<HTMLNvDialogElement>;
             "nv-dialogfooter": LocalJSX.NvDialogfooter & JSXBase.HTMLAttributes<HTMLNvDialogfooterElement>;
             "nv-dialogheader": LocalJSX.NvDialogheader & JSXBase.HTMLAttributes<HTMLNvDialogheaderElement>;
@@ -7931,10 +8231,6 @@ declare module "@stencil/core" {
              * Inherits intention and emphasis from parent nv-sidebar if not explicitly set.
              */
             "nv-notification-bullet": LocalJSX.NvNotificationBullet & JSXBase.HTMLAttributes<HTMLNvNotificationBulletElement>;
-            /**
-             * @deprecated [EXPERIMENTAL]
-             * @experimental - Container for notifications TODO: add animations etc...
-             */
             "nv-notificationcontainer": LocalJSX.NvNotificationcontainer & JSXBase.HTMLAttributes<HTMLNvNotificationcontainerElement>;
             /**
              * A pagination navigation component that displays page numbers with Previous/Next controls.
@@ -7943,6 +8239,9 @@ declare module "@stencil/core" {
             "nv-pagination-nav": LocalJSX.NvPaginationNav & JSXBase.HTMLAttributes<HTMLNvPaginationNavElement>;
             "nv-paginationtable": LocalJSX.NvPaginationtable & JSXBase.HTMLAttributes<HTMLNvPaginationtableElement>;
             "nv-popover": LocalJSX.NvPopover & JSXBase.HTMLAttributes<HTMLNvPopoverElement>;
+            /**
+             * @deprecated since v3.0.0. Use Tailwind CSS classes instead with grid or flexbox utilities.
+             */
             "nv-row": LocalJSX.NvRow & JSXBase.HTMLAttributes<HTMLNvRowElement>;
             /**
              * Main sidebar container for navigation. Supports collapsible and persistent modes.
@@ -7993,6 +8292,12 @@ declare module "@stencil/core" {
             "nv-stack": LocalJSX.NvStack & JSXBase.HTMLAttributes<HTMLNvStackElement>;
             "nv-table": LocalJSX.NvTable & JSXBase.HTMLAttributes<HTMLNvTableElement>;
             "nv-tableheader": LocalJSX.NvTableheader & JSXBase.HTMLAttributes<HTMLNvTableheaderElement>;
+            /**
+             * This is a test component for the new TimeOnly type
+             * @deprecated [EXPERIMENTAL]
+             * @experimental This component is still in development and subject to change in future releases.
+             */
+            "nv-timetest": LocalJSX.NvTimetest & JSXBase.HTMLAttributes<HTMLNvTimetestElement>;
             "nv-toggle": LocalJSX.NvToggle & JSXBase.HTMLAttributes<HTMLNvToggleElement>;
             "nv-togglebutton": LocalJSX.NvTogglebutton & JSXBase.HTMLAttributes<HTMLNvTogglebuttonElement>;
             "nv-togglebuttongroup": LocalJSX.NvTogglebuttongroup & JSXBase.HTMLAttributes<HTMLNvTogglebuttongroupElement>;