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

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

@@ -19,6 +19,7 @@ export declare class NvFielddropdown {
     private inputElement;
     private selectElement;
     private toggleElement;
+    private clearElement;
     private debounceTimer;
     /** Pre-computed search index for efficient filtering */
     private indexedItems;
@@ -126,6 +127,13 @@ export declare class NvFielddropdown {
      * Enables or disables the filtering feature for the dropdown items.
      */
     readonly filterable: boolean;
+    /**
+     * Shows the inline clear (×) button when a value is selected (or when
+     * filterable and the user has typed). The programmatic `clear()` method
+     * works regardless of this prop — leave it off when you want to manage
+     * clearing the selection from outside the component.
+     */
+    readonly clearable: boolean;
     /**
      * When an item is selected by the user, the dropdown will continue to stay
      * open.
@@ -254,6 +262,12 @@ export declare class NvFielddropdown {
      * Event emitted when the filter input value changes.
      */
     filterTextChanged: EventEmitter<string>;
+    /**
+     * Emitted when the field is cleared via the inline clear button or the
+     * programmatic `clear()` method. Useful for reacting to user-initiated
+     * clears without subscribing to every `valueChanged` emission.
+     */
+    cleared: EventEmitter<void>;
     /**
      * Event emitted when the dropdown opened or closed.
      */
@@ -280,15 +294,40 @@ export declare class NvFielddropdown {
     /****************************************************************************/
     /** Clears the filter text */
     clearFilter(): Promise<void>;
+    /**
+     * Clears the current selection. Resets the value to an empty string,
+     * removes the selected state from items, clears the filter text (when
+     * filterable) and emits `valueChanged` (and `filterTextChanged` when the
+     * filter was reset). Emits `cleared` when anything was actually reset.
+     */
+    clear(): Promise<void>;
     /**
      * Toggles the dropdown popover open state
      * @param {boolean} open - The open state to set, if null, toggles the state
      */
     toggleDropdown(open?: boolean): Promise<void>;
     private syncToggleDropdown;
+    /**
+     * Handles clicks on the inline clear button. When a value is already
+     * selected and the user has typed in a filter, clearing should dismiss
+     * the filter and revert the input to the selected label rather than
+     * wipe the selection. Always emits `cleared` so subscribers see one
+     * consistent signal regardless of which path ran.
+     * @param {MouseEvent} [event] - The click event from the clear button.
+     */
+    private handleClearButtonClick;
     private handleFilterInput;
     private setFilterInputToSelectedValue;
     private getSelectedLabel;
+    /**
+     * Finds the item that matches the current value. Falls back to matching by
+     * label when no item matches by value, so that consumers who pass a value
+     * matching only the label (e.g. `<nv-fielddropdownitem label="Item 2">`
+     * with `value="Item 2"`) still get the correct selected item.
+     * @param {HTMLNvFielddropdownitemElement[]} items - The dropdown items to search.
+     * @returns {HTMLNvFielddropdownitemElement | undefined} The matching item, or undefined if no match is found.
+     */
+    private findItemMatchingValue;
     private getFilterableItems;
     private getNavigableItems;
     private getAllItems;

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

@@ -124,6 +124,12 @@ export declare class NvFieldselect {
      * When enabled, allows the select to handle multiple selections.
      */
     readonly multiple: boolean;
+    /**
+     * Shows the inline clear (×) button when a value is selected. The
+     * programmatic `clear()` method works regardless of this prop — leave
+     * it off when you want to manage clearing from outside the component.
+     */
+    readonly clearable: boolean;
     /**
      * The value of the select field.
      * - If `multiple` is `false`, it's a single string.
@@ -152,6 +158,12 @@ export declare class NvFieldselect {
      * @bind value
      */
     valueChanged: EventEmitter<string>;
+    /**
+     * Emitted when the field is cleared via the inline clear button or the
+     * programmatic `clear()` method. Useful for reacting to user-initiated
+     * clears without subscribing to every `valueChanged` emission.
+     */
+    cleared: EventEmitter<void>;
     /****************************************************************************/
     /**
      * Updates the display value when the value property changes. This watcher is
@@ -189,6 +201,15 @@ export declare class NvFieldselect {
      * Handles focus when the select container is clicked.
      */
     private readonly handleSelectContainerClick;
+    /**
+     * Handles a click on the inline clear button. Stops the click from
+     * bubbling up to the select container (which would refocus the select)
+     * and clears the value. On keyboard activation (Enter/Space) it also
+     * moves focus back to the native `<select>` so keyboard users don't
+     * lose their place when the button disappears.
+     * @param {MouseEvent} event - The click event from the clear button.
+     */
+    private readonly handleClearButtonClick;
     /**
      * Updates the display value of the select field. This method is used to
      * update the display value when the selected value changes. This is necessary
@@ -217,6 +238,13 @@ export declare class NvFieldselect {
      * @internal This method is not intended to be called outside of the component.
      */
     private ensureSelectElement;
+    /**
+     * Clears the current selection. Resets the value to an empty string and
+     * emits `valueChanged` and `cleared` when the value actually changed.
+     * The `@Watch('value')` watcher takes care of syncing the underlying
+     * native `<select>` options and the form value.
+     */
+    clear(): Promise<void>;
     /****************************************************************************/
     componentWillRender(): void;
     /**

package/dist/types/components/nv-icon/nv-icons.d.ts

@@ -1,3 +1,3 @@
 /** Available icons */
-export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "alert-square-rounded", "alert-triangle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-diagonal", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-bolt", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "brand-facebook", "brand-instagram", "brand-linkedin", "brand-x", "brand-youtube", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar-week", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-minus", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "columns-1", "columns-2", "columns-3", "compass", "contract", "cookie", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "empty", "engine", "equal-not", "eraser-off", "eraser", "external-link", "eye-check", "eye-off", "eye", "eyeglass2", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xls", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "git-branch-delete", "git-branch", "git-cherry-pick", "git-commit", "git-compare", "git-fork", "git-merge", "git-pull-request-closed", "git-pull-request-draft", "git-pull-request", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "heart-off", "heart", "heartbeat", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layers-intersect", "layers-off", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-2", "map-pin-off", "map-pin", "map", "master-data", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "quotes-open", "quotes", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "sailboat", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "sitemap", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "sparkles", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-exclamation", "user-minus", "user-off", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world-code", "world", "writing", "x", "zoom-reset"];
+export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "alert-square-rounded", "alert-triangle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-diagonal", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-bolt", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "brand-facebook", "brand-instagram", "brand-linkedin", "brand-x", "brand-youtube", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar-week", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-minus", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "columns-1", "columns-2", "columns-3", "compass", "contract", "cookie", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "empty", "engine", "equal-not", "eraser-off", "eraser", "exclamation-mark", "external-link", "eye-check", "eye-off", "eye", "eyeglass2", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xls", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "git-branch-delete", "git-branch", "git-cherry-pick", "git-commit", "git-compare", "git-fork", "git-merge", "git-pull-request-closed", "git-pull-request-draft", "git-pull-request", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "heart-off", "heart", "heartbeat", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "info-small", "keyboard-hide", "keyboard-show", "keyboard", "layers-intersect", "layers-off", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-2", "map-pin-off", "map-pin", "map", "master-data", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "question-mark", "quotes-open", "quotes", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "sailboat", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "sitemap", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "sparkles", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "trending-down-2", "trending-down-3", "trending-down", "trending-up-2", "trending-up-3", "trending-up", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-exclamation", "user-minus", "user-off", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world-code", "world", "writing", "x", "zoom-reset"];
 export type IconName = (typeof iconNames)[number];

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

@@ -28,6 +28,15 @@ export declare function interpolate(template: string | undefined | null, values:
  * @returns {boolean} True if at the first page
  */
 export declare function isFirstPage(pageIndex: number): boolean;
+/**
+ * Returns the 1-based page number to show in the page label.
+ * When there are no pages (empty/filtered-to-zero dataset), returns 0 so
+ * the label reads e.g. "Page 0 of 0" instead of "Page 1 of 0".
+ * @param {number} pageIndex - Current page index (zero-based)
+ * @param {number} pageCount - Total number of pages
+ * @returns {number} The page number to display (1-based, or 0 when no pages)
+ */
+export declare function getDisplayPageNumber(pageIndex: number, pageCount: number): number;
 /**
  * Checks if navigation to the last/next page is possible
  * @param {number} pageIndex - Current page index (zero-based)

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

@@ -6,6 +6,8 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class NvSidebar {
     el: HTMLNvSidebarElement;
     private mutationObserver;
+    private resizeStartX;
+    private resizeStartWidth;
     /****************************************************************************/
     /**
      * The type of sidebar behavior.
@@ -34,14 +36,52 @@ export declare class NvSidebar {
      * - low: Less prominent appearance
      */
     readonly notificationEmphasis: 'high' | 'low';
+    /**
+     * When true, the sidebar can be resized horizontally by dragging its right edge.
+     * Only active when the sidebar is open (not collapsed).
+     */
+    readonly resizable: boolean;
+    /**
+     * Minimum width in pixels when resizing.
+     */
+    readonly minWidth: number;
+    /**
+     * Maximum width in pixels when resizing.
+     */
+    readonly maxWidth: number;
+    /**
+     * Current sidebar width in pixels. When set (or while resizing), overrides
+     * the default CSS token width. Updated as the user drags the resize handle.
+     * Not reflected to the attribute to avoid DOM churn on every pointer move.
+     */
+    width?: number;
+    /****************************************************************************/
+    private resizing;
     /****************************************************************************/
     /**
      * Emitted when the open state changes.
      * @bind open
      */
     openChanged: EventEmitter<boolean>;
+    /**
+     * Emitted when the sidebar width changes via the resize handle.
+     * Fires at the end of a drag, or after each keyboard adjustment.
+     */
+    widthChanged: EventEmitter<number>;
     /****************************************************************************/
     private handleToggle;
+    private getBounds;
+    private clampWidth;
+    private canResize;
+    private getAriaValueNow;
+    private applyWidthStyle;
+    private handleResizeStart;
+    private handleResizeMove;
+    private releasePointerCapture;
+    private handleResizeEnd;
+    private handleResizeCancel;
+    private cancelResize;
+    private handleResizeKeyDown;
     private handleCollapsedSideEffects;
     /**
      * Sets the active state of navigation items based on activePath
@@ -56,6 +96,9 @@ export declare class NvSidebar {
     /****************************************************************************/
     onActivePathChanged(): void;
     protected onOpenChanged(newValue: boolean, oldValue: boolean): void;
+    protected onWidthChanged(): void;
+    protected onBoundsChanged(): void;
+    protected onResizableChanged(newValue: boolean): void;
     /****************************************************************************/
     componentWillLoad(): void;
     disconnectedCallback(): void;

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

@@ -3,6 +3,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * The `nv-split` component is an advanced layout container that enables the creation of interactively resizable panels. It provides a flexible solution for dividing available space between multiple interface sections, with precise control over dimensions and constraints for each panel. Slot=“pane” elements have margin: 0 !important by default. This is a necessary technical constraint because CSS margins are not included in the flex-basis calculation, which would distort the sizing of the panes. Solution for the user: Apply margins/padding to the content inside the pane, not to the pane itself.
  * @slot pane - Content of each split pane. Use multiple `<div slot="pane">` elements.
  * @slot gutter - Optional custom content inside every gutter handle.
+ * @slot default - Placeholder for any auto rendered gutters
  */
 export declare class NvSplit {
     el: HTMLNvSplitElement;

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

@@ -0,0 +1,22 @@
+import { FeedbackColors, StatusIndicatorEmphasis } from '../../utils/constants';
+/**
+ * A static, non-interactive visual indicator that communicates
+ * system-controlled status through colour, icon, and optional label.
+ */
+export declare class NvStatusindicator {
+    /****************************************************************************/
+    /**
+     * The status variant of the indicator.
+     */
+    readonly status: `${FeedbackColors}`;
+    /**
+     * The visual emphasis of the indicator.
+     */
+    readonly emphasis: `${StatusIndicatorEmphasis}`;
+    /**
+     * The text label of the indicator. When omitted, the component renders icon-only.
+     */
+    readonly label?: string;
+    /****************************************************************************/
+    render(): any;
+}

package/dist/types/components/nv-statusindicator/nv-statusindicator.docs.d.ts

@@ -0,0 +1,4 @@
+import type { NovaDocs } from '../../nova-docs';
+import { Components } from '../../components';
+declare const NvStatusindicatorDocs: NovaDocs<Components.NvStatusindicator>;
+export default NvStatusindicatorDocs;

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

@@ -0,0 +1,64 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type TagColor = 'orange' | 'crimson' | 'yellow' | 'red' | 'blue' | 'amber' | 'green' | 'turquoise' | 'lime' | 'grey';
+/**
+ * @slot leading-icon - Optional icon displayed before the label.
+ */
+export declare class NvTag {
+    /****************************************************************************/
+    /**
+     * The color variant of the tag.
+     */
+    readonly color: TagColor;
+    /**
+     * The text label of the tag.
+     */
+    readonly label?: string;
+    /**
+     * Whether the tag can be dismissed.
+     */
+    readonly dismissible: boolean;
+    /**
+     * When set, the tag renders as a link.
+     */
+    readonly href?: string;
+    /**
+     * The browsing context for the link.
+     */
+    readonly target: '_self' | '_blank' | '_parent' | '_top';
+    /**
+     * The relationship of the linked resource. When target="_blank" and rel is not set, defaults to "noopener noreferrer" for security.
+     */
+    readonly rel?: string;
+    /**
+     * Whether the dismiss button is disabled.
+     */
+    readonly disabled: boolean;
+    /****************************************************************************/
+    /**
+     * Emitted when the dismiss button is clicked.
+     */
+    dismissed: EventEmitter<{
+        /**
+         * The label of the dismissed tag.
+         */
+        label?: string;
+    }>;
+    /****************************************************************************/
+    /**
+     * Handles the dismiss button click.
+     * @param {MouseEvent} event - The click event.
+     */
+    private readonly handleDismiss;
+    /****************************************************************************/
+    /**
+     * Renders the tag content (icon + label).
+     * @returns {unknown} The tag content JSX.
+     */
+    private renderContent;
+    /**
+     * Computes the rel attribute for the anchor.
+     * @returns {string | undefined} The computed rel value.
+     */
+    private computeRel;
+    render(): any;
+}

package/dist/types/components/nv-tag/nv-tag.docs.d.ts

@@ -0,0 +1,4 @@
+import type { NovaDocs } from '../../nova-docs';
+import { Components } from '../../components';
+declare const NvTagDocs: NovaDocs<Components.NvTag>;
+export default NvTagDocs;