@nova-design-system/nova-webcomponents 3.5.0 → 3.6.0

package/dist/types/components/nv-calendar/partials/calendar-grid.d.ts

@@ -1,12 +1,13 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 /**
  * Day data structure
+ * @internal
  */
 interface DayData {
     /** Day of the month (1-31) */
-    dayOfMonth: number;
+    dayOfMonth: number | null;
     /** Complete date */
-    date: Date;
+    date: Date | null;
     /** If the day belongs to the current month */
     isCurrentMonth: boolean;
     /** If the day is disabled */
@@ -14,6 +15,7 @@ interface DayData {
 }
 /**
  * Props for the CalendarGrid component
+ * @internal
  */
 interface CalendarGridProps {
     /** Array of day data for the month */

package/dist/types/components/nv-dialog/nv-dialog.d.ts

@@ -50,6 +50,11 @@ export declare class NvDialog {
      * If true, the dialog takes full width styling.
      */
     readonly full: boolean;
+    /**
+     * Controls whether the dialog should automatically focus the first focusable element when opened.
+     * When disabled, prevents unwanted tooltip triggers on dialog open.
+     */
+    readonly autofocus: boolean;
     /****************************************************************************/
     /**
      * Call this method to show the dialog, making it visible on the screen.
@@ -77,10 +82,12 @@ export declare class NvDialog {
     private attachEventListeners;
     /**
      * Prevents the body from scrolling when the dialog is open.
+     * Compensates for scrollbar width to prevent layout shift.
      */
     private preventScroll;
     /**
      * Allows the body to scroll when the dialog is closed.
+     * Removes the applied overflow and padding styles.
      */
     private allowScroll;
     private ensureFormId;

package/dist/types/components/nv-fielddate/nv-fielddate.d.ts

@@ -1,5 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 /**
+ * A field date component that combines an input with a calendar popover.
+ *
  * @slot default - Child content of the component.
  * @slot leading-input - Content to be placed before the input text, within the input container.
  * @slot before-input - Content to be placed before the input text, outside the input container.
@@ -72,6 +74,10 @@ export declare class NvFielddate {
      * The current value of the input date in string format.
      */
     singleValue: string;
+    /**
+     * The placeholder to display in the input.
+     */
+    currentPlaceholder: string;
     /**
      * Controls the opening of the popover.
      */
@@ -155,14 +161,24 @@ export declare class NvFielddate {
      */
     private handleInput;
     /**
-     * Toggles the opening/closing of the popover.
+     * Initializes the input mask.
      */
-    private toggleCalendar;
+    private initializeInputMask;
+    /**
+     * Handles keydown events on the input before the mask is initialized.
+     * Initializes the mask on the first number input.
+     * @param {KeyboardEvent} event - The keyboard event.
+     */
+    private handleKeydownBeforeMask;
     /**
      * Handles focus events on the input element.
      * @param {FocusEvent} event - The focus event.
      */
     private handleFocus;
+    /**
+     * Handles blur events on the input element.
+     */
+    private handleBlur;
     /**
      * Prevents the valueChanged event from the calendar from propagating up.
      * @param {CustomEvent} event - The valueChanged event from nv-calendar.
@@ -178,6 +194,10 @@ export declare class NvFielddate {
      * @param {HTMLInputElement} el - The input element.
      */
     private setInputRef;
+    /**
+     * Toggles the opening/closing of the popover.
+     */
+    private toggleCalendar;
     /****************************************************************************/
     connectedCallback(): void;
     componentWillLoad(): void;

package/dist/types/components/nv-fieldmultiselect/nv-fieldmultiselect.d.ts

@@ -57,9 +57,10 @@ export declare class NvFieldmultiselect {
      */
     readonly autocomplete: `${TextInputAutocomplete}`;
     /**
-     * Specifies the value of the input field.
+     * Specifies the selected values of the multiselect field.
+     * This is the canonical value for the component and is used for form submission.
      */
-    value: string;
+    value: string[];
     /**
      * Marks the input field as required.
      */
@@ -147,15 +148,11 @@ export declare class NvFieldmultiselect {
      * Text for the badge showing the number of selected items.
      */
     readonly badgeLabel: string;
-    /****************************************************************************/
     /**
      * The text entered by the user for filtering multiselect items.
      */
     filterText: string;
-    /**
-     * List of selected values in the multiselect.
-     */
-    selectedValues: string[];
+    /****************************************************************************/
     /**
      * Sorted options for display.
      */
@@ -170,15 +167,14 @@ export declare class NvFieldmultiselect {
     private isHandlingEscape;
     /****************************************************************************/
     /**
-     * Emitted when the input value changes.
+     * Emitted when the selected values change.
      * @bind value
      */
-    valueChanged: EventEmitter<string>;
+    valueChanged: EventEmitter<string[]>;
     /**
-     * Event emitted when the selection changes in the multiselect.
-     * Emits the current list of selected values.
+     * Emitted when the filter text changes.
      */
-    multiselectChange: EventEmitter<string[]>;
+    filterTextChanged: EventEmitter<string>;
     /****************************************************************************/
     handleOptionsChange(newValue: typeof this.options): void;
     /**
@@ -225,10 +221,6 @@ export declare class NvFieldmultiselect {
      * @returns {string} The filter text.
      */
     getFilterText(): Promise<string>;
-    /**
-     * Set the initial selection based on the current value and update the inputElement value.
-     */
-    private setInitialSelection;
     /**
      * Reset the filter and make all items visible.
      */
@@ -354,6 +346,11 @@ export declare class NvFieldmultiselect {
      */
     private togglePopoverSlots;
     private manageDivider;
+    /**
+     * Synchronizes the checked state of all child nv-fielddropdownitemcheck components
+     * with the current selectedValues state.
+     */
+    private syncChildComponents;
     /****************************************************************************/
     /**
      * Renders the component in options mode

package/dist/types/components/nv-fieldslider/nv-fieldslider.utils.d.ts

@@ -1,6 +1,12 @@
 /**
  * Utility functions for nv-fieldslider.
  */
+/**
+ * Gets the number of decimal places in a number.
+ * @param {number} num - The number to check
+ * @returns {number} The number of decimal places
+ */
+export declare function getDecimalPlaces(num: number): number;
 /**
  * Clamp a value between min and max.
  * @param {number} value - The value to clamp
@@ -44,3 +50,10 @@ export declare function snapToTicks(value: number, ticks: {
     /** The value of the tick */
     value: number;
 }[]): number;
+/**
+ * Format a numeric value for display, preserving trailing zeros based on step precision
+ * @param {number} value - The value to format
+ * @param {number} step - The step size that determines decimal precision
+ * @returns {string} Formatted value string with appropriate decimal places
+ */
+export declare function formatValueForDisplay(value: number, step: number): string;

package/dist/types/components/nv-fieldslider/partials/range-thumb.d.ts

@@ -17,6 +17,8 @@ interface RangeThumbProps {
     min: number;
     /** Maximum allowed value */
     max: number;
+    /** Step size of the slider */
+    step: number;
     /** Whether the slider is disabled */
     disabled: boolean;
     /** Whether the slider is readonly */

package/dist/types/components/nv-fieldslider/partials/single-thumb.d.ts

@@ -9,6 +9,8 @@ interface SingleThumbProps {
     min: number;
     /** Maximum allowed value */
     max: number;
+    /** Step size of the slider */
+    step: number;
     /** Raw position during dragging */
     rawPosition: number;
     /** Whether the thumb is currently being dragged */

package/dist/types/components/nv-tooltip/nv-tooltip.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import type { Placement } from '@floating-ui/dom';
 /**
  * @slot default - Content to be placed as the trigger.
@@ -31,6 +32,12 @@ export declare class NvTooltip {
      */
     readonly enterDelay: number;
     /****************************************************************************/
+    /**
+     * Emitted when the tooltip is opened or closed. Bubbles up from the popover
+     * element.
+     */
+    openChanged: EventEmitter<boolean>;
+    /****************************************************************************/
     componentWillLoad(): void;
     /****************************************************************************/
     render(): any;

package/dist/types/components.d.ts

@@ -18,6 +18,67 @@ export { IconName } from "./components/nv-icon/nv-icons";
 export { Placement } from "@floating-ui/dom";
 export { ColumnConfig } from "./interfaces/ColumnConfig";
 export namespace Components {
+    interface NvAccordion {
+        /**
+          * Closes an item by its index (Public API)
+          * @param index Index of the item to close
+         */
+        "close": (index: number) => Promise<void>;
+        /**
+          * Data to display as a list of items (title, subtitle, content). Must be provided as a JSON string containing an array of items with: - title: main title (required) - subtitle: subtitle (optional) - content: main content (required) - footer: footer (optional) - disabled: disables the item (optional) - id: unique identifier (optional)
+         */
+        "data": string;
+        /**
+          * Expansion mode: 'accordion' (single open) or 'multi' (multiple open)
+         */
+        "mode": 'accordion' | 'multi';
+        /**
+          * Opens an item by its index (Public API)
+          * @param index Index of the item to open
+         */
+        "open": (index: number) => Promise<void>;
+        /**
+          * Index of open items (external control possible)
+         */
+        "openIndexes"?: number[];
+    }
+    /**
+     * Accordion item element for nv-accordion.
+     */
+    interface NvAccordionItem {
+        /**
+          * Disables the item
+         */
+        "disabled": boolean;
+        /**
+          * Item title (displayed if header slot is absent)
+         */
+        "itemtitle"?: string;
+        /**
+          * Maximum content height (in px, optional). If not defined, auto height.
+         */
+        "maxContentHeight"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "max-content-height"?: number;
+        /**
+          * Parent expansion mode (accordion or multi)
+         */
+        "mode"?: 'accordion' | 'multi';
+        /**
+          * Open or closed
+         */
+        "open": boolean;
+        /**
+          * Item subtitle (displayed if header slot is absent)
+         */
+        "subtitle"?: string;
+        /**
+          * Toggle open/close (Public API)
+         */
+        "toggle": () => Promise<void>;
+    }
     interface NvAlert {
         /**
           * Defines color of the alert.
@@ -526,6 +587,10 @@ export namespace Components {
         "repeat-template"?: boolean;
     }
     interface NvDialog {
+        /**
+          * Controls whether the dialog should automatically focus the first focusable element when opened. When disabled, prevents unwanted tooltip triggers on dialog open.
+         */
+        "autofocus": boolean;
         /**
           * If true, the dialog will be closed when the backdrop is clicked.
          */
@@ -729,6 +794,9 @@ export namespace Components {
          */
         "value"?: string;
     }
+    /**
+     * A field date component that combines an input with a calendar popover.
+     */
     interface NvFielddate {
         /**
           * Autofocus the input when the component is mounted.
@@ -1265,6 +1333,14 @@ export namespace Components {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "error-description"?: string;
+        /**
+          * The text entered by the user for filtering multiselect items.
+         */
+        "filterText": string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "filter-text"?: string;
         /**
           * Enables or disables the filtering feature for the multiselect items.
          */
@@ -1346,9 +1422,9 @@ export namespace Components {
          */
         "resetFilter": () => Promise<void>;
         /**
-          * Specifies the value of the input field.
+          * Specifies the selected values of the multiselect field. This is the canonical value for the component and is used for form submission.
          */
-        "value": string;
+        "value": string[];
     }
     interface NvFieldnumber {
         /**
@@ -2574,6 +2650,14 @@ export namespace Components {
         "triggerElement": Element;
     }
 }
+export interface NvAccordionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNvAccordionElement;
+}
+export interface NvAccordionItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNvAccordionItemElement;
+}
 export interface NvAlertCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNvAlertElement;
@@ -2678,7 +2762,51 @@ export interface NvToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNvToggleElement;
 }
+export interface NvTooltipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNvTooltipElement;
+}
 declare global {
+    interface HTMLNvAccordionElementEventMap {
+        "nvChange": {
+    /** Index of open items */
+    openIndexes: number[];
+  };
+    }
+    interface HTMLNvAccordionElement extends Components.NvAccordion, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNvAccordionElementEventMap>(type: K, listener: (this: HTMLNvAccordionElement, ev: NvAccordionCustomEvent<HTMLNvAccordionElementEventMap[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 HTMLNvAccordionElementEventMap>(type: K, listener: (this: HTMLNvAccordionElement, ev: NvAccordionCustomEvent<HTMLNvAccordionElementEventMap[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 HTMLNvAccordionElement: {
+        prototype: HTMLNvAccordionElement;
+        new (): HTMLNvAccordionElement;
+    };
+    interface HTMLNvAccordionItemElementEventMap {
+        "itemToggle": boolean;
+    }
+    /**
+     * Accordion item element for nv-accordion.
+     */
+    interface HTMLNvAccordionItemElement extends Components.NvAccordionItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNvAccordionItemElementEventMap>(type: K, listener: (this: HTMLNvAccordionItemElement, ev: NvAccordionItemCustomEvent<HTMLNvAccordionItemElementEventMap[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 HTMLNvAccordionItemElementEventMap>(type: K, listener: (this: HTMLNvAccordionItemElement, ev: NvAccordionItemCustomEvent<HTMLNvAccordionItemElementEventMap[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 HTMLNvAccordionItemElement: {
+        prototype: HTMLNvAccordionItemElement;
+        new (): HTMLNvAccordionItemElement;
+    };
     interface HTMLNvAlertElementEventMap {
         "hiddenChanged": boolean;
         "hiddenChangedComplete": boolean;
@@ -2896,6 +3024,9 @@ declare global {
     interface HTMLNvFielddateElementEventMap {
         "valueChanged": string;
     }
+    /**
+     * A field date component that combines an input with a calendar popover.
+     */
     interface HTMLNvFielddateElement extends Components.NvFielddate, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNvFielddateElementEventMap>(type: K, listener: (this: HTMLNvFielddateElement, ev: NvFielddateCustomEvent<HTMLNvFielddateElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2999,8 +3130,8 @@ declare global {
         new (): HTMLNvFielddropdownitemcheckElement;
     };
     interface HTMLNvFieldmultiselectElementEventMap {
-        "valueChanged": string;
-        "multiselectChange": string[];
+        "valueChanged": string[];
+        "filterTextChanged": string;
     }
     interface HTMLNvFieldmultiselectElement extends Components.NvFieldmultiselect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNvFieldmultiselectElementEventMap>(type: K, listener: (this: HTMLNvFieldmultiselectElement, ev: NvFieldmultiselectCustomEvent<HTMLNvFieldmultiselectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3303,13 +3434,26 @@ declare global {
         prototype: HTMLNvToggleElement;
         new (): HTMLNvToggleElement;
     };
+    interface HTMLNvTooltipElementEventMap {
+        "openChanged": boolean;
+    }
     interface HTMLNvTooltipElement extends Components.NvTooltip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNvTooltipElementEventMap>(type: K, listener: (this: HTMLNvTooltipElement, ev: NvTooltipCustomEvent<HTMLNvTooltipElementEventMap[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 HTMLNvTooltipElementEventMap>(type: K, listener: (this: HTMLNvTooltipElement, ev: NvTooltipCustomEvent<HTMLNvTooltipElementEventMap[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 HTMLNvTooltipElement: {
         prototype: HTMLNvTooltipElement;
         new (): HTMLNvTooltipElement;
     };
     interface HTMLElementTagNameMap {
+        "nv-accordion": HTMLNvAccordionElement;
+        "nv-accordion-item": HTMLNvAccordionItemElement;
         "nv-alert": HTMLNvAlertElement;
         "nv-avatar": HTMLNvAvatarElement;
         "nv-badge": HTMLNvBadgeElement;
@@ -3353,6 +3497,64 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    interface NvAccordion {
+        /**
+          * Data to display as a list of items (title, subtitle, content). Must be provided as a JSON string containing an array of items with: - title: main title (required) - subtitle: subtitle (optional) - content: main content (required) - footer: footer (optional) - disabled: disables the item (optional) - id: unique identifier (optional)
+         */
+        "data"?: string;
+        /**
+          * Expansion mode: 'accordion' (single open) or 'multi' (multiple open)
+         */
+        "mode"?: 'accordion' | 'multi';
+        /**
+          * Event emitted when an item's open state changes
+         */
+        "onNvChange"?: (event: NvAccordionCustomEvent<{
+    /** Index of open items */
+    openIndexes: number[];
+  }>) => void;
+        /**
+          * Index of open items (external control possible)
+         */
+        "openIndexes"?: number[];
+    }
+    /**
+     * Accordion item element for nv-accordion.
+     */
+    interface NvAccordionItem {
+        /**
+          * Disables the item
+         */
+        "disabled"?: boolean;
+        /**
+          * Item title (displayed if header slot is absent)
+         */
+        "itemtitle"?: string;
+        /**
+          * Maximum content height (in px, optional). If not defined, auto height.
+         */
+        "maxContentHeight"?: number;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "max-content-height"?: number;
+        /**
+          * Parent expansion mode (accordion or multi)
+         */
+        "mode"?: 'accordion' | 'multi';
+        /**
+          * Event emitted on toggle (header click)
+         */
+        "onItemToggle"?: (event: NvAccordionItemCustomEvent<boolean>) => void;
+        /**
+          * Open or closed
+         */
+        "open"?: boolean;
+        /**
+          * Item subtitle (displayed if header slot is absent)
+         */
+        "subtitle"?: string;
+    }
     interface NvAlert {
         /**
           * Defines color of the alert.
@@ -3953,6 +4155,10 @@ declare namespace LocalJSX {
         "repeat-template"?: boolean;
     }
     interface NvDialog {
+        /**
+          * Controls whether the dialog should automatically focus the first focusable element when opened. When disabled, prevents unwanted tooltip triggers on dialog open.
+         */
+        "autofocus"?: boolean;
         /**
           * If true, the dialog will be closed when the backdrop is clicked.
          */
@@ -4163,6 +4369,9 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * A field date component that combines an input with a calendar popover.
+     */
     interface NvFielddate {
         /**
           * Autofocus the input when the component is mounted.
@@ -4743,6 +4952,14 @@ declare namespace LocalJSX {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "error-description"?: string;
+        /**
+          * The text entered by the user for filtering multiselect items.
+         */
+        "filterText"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "filter-text"?: string;
         /**
           * Enables or disables the filtering feature for the multiselect items.
          */
@@ -4776,14 +4993,14 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Event emitted when the selection changes in the multiselect. Emits the current list of selected values.
+          * Emitted when the filter text changes.
          */
-        "onMultiselectChange"?: (event: NvFieldmultiselectCustomEvent<string[]>) => void;
+        "onFilterTextChanged"?: (event: NvFieldmultiselectCustomEvent<string>) => void;
         /**
-          * Emitted when the input value changes.
+          * Emitted when the selected values change.
           * @bind value
          */
-        "onValueChanged"?: (event: NvFieldmultiselectCustomEvent<string>) => void;
+        "onValueChanged"?: (event: NvFieldmultiselectCustomEvent<string[]>) => void;
         /**
           * State of the multiselect popover.
          */
@@ -4819,9 +5036,9 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
         /**
-          * Specifies the value of the input field.
+          * Specifies the selected values of the multiselect field. This is the canonical value for the component and is used for form submission.
          */
-        "value"?: string;
+        "value"?: string[];
     }
     interface NvFieldnumber {
         /**
@@ -6103,12 +6320,18 @@ declare namespace LocalJSX {
           * A string representing the text to be displayed inside the tooltip. This content is shown when the tooltip is activated by the user, such as on hover or focus events.
          */
         "message"?: string;
+        /**
+          * Emitted when the tooltip is opened or closed. Bubbles up from the popover element.
+         */
+        "onOpenChanged"?: (event: NvTooltipCustomEvent<boolean>) => void;
         /**
           * Decides where the tooltip shows up next to the element it’s linked to (above, below, to the sides). If there isn’t enough room, it will adjust it's position on the axis to fit on the screen, so users can always see it.
          */
         "placement"?: Placement;
     }
     interface IntrinsicElements {
+        "nv-accordion": NvAccordion;
+        "nv-accordion-item": NvAccordionItem;
         "nv-alert": NvAlert;
         "nv-avatar": NvAvatar;
         "nv-badge": NvBadge;
@@ -6155,6 +6378,11 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "nv-accordion": LocalJSX.NvAccordion & JSXBase.HTMLAttributes<HTMLNvAccordionElement>;
+            /**
+             * Accordion item element for nv-accordion.
+             */
+            "nv-accordion-item": LocalJSX.NvAccordionItem & JSXBase.HTMLAttributes<HTMLNvAccordionItemElement>;
             "nv-alert": LocalJSX.NvAlert & JSXBase.HTMLAttributes<HTMLNvAlertElement>;
             "nv-avatar": LocalJSX.NvAvatar & JSXBase.HTMLAttributes<HTMLNvAvatarElement>;
             "nv-badge": LocalJSX.NvBadge & JSXBase.HTMLAttributes<HTMLNvBadgeElement>;
@@ -6172,6 +6400,9 @@ declare module "@stencil/core" {
             "nv-dialogfooter": LocalJSX.NvDialogfooter & JSXBase.HTMLAttributes<HTMLNvDialogfooterElement>;
             "nv-dialogheader": LocalJSX.NvDialogheader & JSXBase.HTMLAttributes<HTMLNvDialogheaderElement>;
             "nv-fieldcheckbox": LocalJSX.NvFieldcheckbox & JSXBase.HTMLAttributes<HTMLNvFieldcheckboxElement>;
+            /**
+             * A field date component that combines an input with a calendar popover.
+             */
             "nv-fielddate": LocalJSX.NvFielddate & JSXBase.HTMLAttributes<HTMLNvFielddateElement>;
             "nv-fielddaterange": LocalJSX.NvFielddaterange & JSXBase.HTMLAttributes<HTMLNvFielddaterangeElement>;
             "nv-fielddropdown": LocalJSX.NvFielddropdown & JSXBase.HTMLAttributes<HTMLNvFielddropdownElement>;