@nova-design-system/nova-react 3.26.0 → 3.27.0

package/dist/cjs/{nv-iconbutton_2.entry-B4xB5WtE.js → nv-iconbutton_2.entry-Ch0rfD12.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 require('@stencil/react-output-target/runtime');
 require('react');

package/dist/cjs/{nv-menu.entry-DHWhkWeB.js → nv-menu.entry-BKLyCbyy.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');

package/dist/cjs/{nv-menuitem.entry-CQApuT2D.js → nv-menuitem.entry-BBK6uQav.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');

package/dist/cjs/{nv-notification-bullet.entry-CnYVWE_Z.js → nv-notification-bullet.entry-Dk0oaUTe.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');

package/dist/cjs/{nv-notification.entry-DraOvzsu.js → nv-notification.entry-DVUXuj9T.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
 var collapse_animationDZDm0vSK = require('./collapse.animation-DZDm0vSK-C2TOIhIK.js');
 var fade_animationDcRL9lcm = require('./fade.animation-DcRL9lcm-DAZeHoKN.js');

package/dist/cjs/{nv-notificationcontainer.entry-BDo-rQLL.js → nv-notificationcontainer.entry-BQbB0vJ8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');

package/dist/cjs/nv-pagination-nav.entry-BON8ve70.js

@@ -0,0 +1,201 @@
+'use strict';
+
+var index = require('./index-clzdrCkN.js');
+require('@stencil/react-output-target/runtime');
+require('react');
+require('react-dom');
+
+/**
+ * Generates a pagination range with page numbers and ellipsis items.
+ * @param {PaginationRangeConfig} config Pagination configuration.
+ * @returns {PaginationRangeItem[]} Ordered range items.
+ */
+function calculatePaginationRange({ currentPage, totalCount, pageSize, numStartZoneButtons, numEndZoneButtons, numMiddleButtons, showMiddleZone, }) {
+    const totalPageCount = Math.ceil(totalCount / pageSize);
+    const paginationRange = [];
+    const totalVisibleButtons = numStartZoneButtons + numEndZoneButtons;
+    if (totalPageCount <= totalVisibleButtons) {
+        for (let i = 1; i <= totalPageCount; i++) {
+            paginationRange.push(i);
+        }
+        return paginationRange;
+    }
+    const startZoneEnd = numStartZoneButtons;
+    const endZoneStart = totalPageCount - numEndZoneButtons + 1;
+    if (!showMiddleZone) {
+        const isInNaturalStartZone = currentPage <= numStartZoneButtons;
+        const isInNaturalEndZone = currentPage >= totalPageCount - numEndZoneButtons + 1;
+        if (!isInNaturalStartZone && !isInNaturalEndZone) {
+            const middlePoint = Math.floor(totalPageCount / 2);
+            if (currentPage <= middlePoint) {
+                const startIndex = currentPage - numStartZoneButtons + 1;
+                for (let i = startIndex; i <= currentPage; i++) {
+                    paginationRange.push(i);
+                }
+                paginationRange.push('...');
+                for (let i = endZoneStart; i <= totalPageCount; i++) {
+                    paginationRange.push(i);
+                }
+                return paginationRange;
+            }
+            for (let i = 1; i <= numStartZoneButtons; i++) {
+                paginationRange.push(i);
+            }
+            paginationRange.push('...');
+            const endIndex = Math.min(currentPage + numEndZoneButtons - 1, totalPageCount);
+            for (let i = currentPage; i <= endIndex; i++) {
+                paginationRange.push(i);
+            }
+            return paginationRange;
+        }
+    }
+    const isInStartZone = currentPage <= startZoneEnd;
+    const isInEndZone = currentPage >= endZoneStart;
+    for (let i = 1; i <= startZoneEnd; i++) {
+        paginationRange.push(i);
+    }
+    if (showMiddleZone &&
+        !isInStartZone &&
+        !isInEndZone &&
+        endZoneStart > startZoneEnd + 1) {
+        paginationRange.push('...');
+        const halfMiddle = Math.floor(numMiddleButtons / 2);
+        const middleStart = Math.max(startZoneEnd + 1, currentPage - halfMiddle);
+        const middleEnd = Math.min(endZoneStart - 1, currentPage + halfMiddle);
+        for (let i = middleStart; i <= middleEnd; i++) {
+            paginationRange.push(i);
+        }
+        paginationRange.push('...');
+    }
+    else if (endZoneStart > startZoneEnd + 1) {
+        paginationRange.push('...');
+    }
+    for (let i = endZoneStart; i <= totalPageCount; i++) {
+        paginationRange.push(i);
+    }
+    return paginationRange;
+}
+
+const nvPaginationNavCss = () => `nv-pagination-nav{display:block}nv-pagination-nav [data-scope=pagination-nav]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex-wrap:wrap}nv-pagination-nav [data-scope=page-list]{display:flex;align-items:center;gap:var(--spacing-2);list-style:none;margin:0;padding:0}nv-pagination-nav [data-scope=page-button]{display:flex;align-items:center}nv-pagination-nav [data-scope=page-button] nv-button,nv-pagination-nav [data-scope=page-button] nv-iconbutton{min-width:var(--spacing-8);justify-content:center}nv-pagination-nav [data-scope=ellipsis]{display:flex;align-items:center;justify-content:center;min-width:var(--spacing-8);height:var(--spacing-8);color:var(--color-content-lower-text);font-size:var(--font-size-sm);user-select:none}`;
+
+const NvPaginationNav = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.currentPageChanged = index.createEvent(this, "currentPageChanged", 3);
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Label for the previous button.
+         */
+        this.previousButtonLabel = 'Previous';
+        /**
+         * Label for the next button.
+         */
+        this.nextButtonLabel = 'Next';
+        /**
+         * Number of page buttons to show at the start of the pagination range.
+         */
+        this.numStartZoneButtons = 2;
+        /**
+         * Number of page buttons to show at the end of the pagination range.
+         */
+        this.numEndZoneButtons = 2;
+        /**
+         * Number of page buttons to show in the middle zone around the current page.
+         */
+        this.numMiddleButtons = 1;
+        /**
+         * Current page number (1-based index).
+         */
+        this.currentPage = 1;
+        /**
+         * Total number of items to paginate.
+         */
+        this.totalCount = 100;
+        /**
+         * Number of items per page.
+         */
+        this.pageSize = 10;
+        /**
+         * If true, the Previous/Next navigation buttons will be displayed as icon buttons.
+         * Page number buttons always use regular buttons.
+         */
+        this.isOnlyIcon = false;
+        /**
+         * If true, shows the middle zone with the current page when it's not in start/end zones.
+         * If false (default), only shows one ellipsis between start and end zones (simpler pagination).
+         */
+        this.showMiddleZone = false;
+        /**
+         * Handles page change events.
+         * @param {number} pageNumber The page number to navigate to.
+         */
+        this.handlePageChange = (pageNumber) => {
+            if (pageNumber < 1 ||
+                pageNumber > this.totalPages ||
+                pageNumber === this.currentPage) {
+                return;
+            }
+            this.currentPage = pageNumber;
+        };
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region METHODS
+    /**
+     * Calculates the total number of pages based on totalCount and pageSize.
+     * @returns {number} The total number of pages.
+     */
+    get totalPages() {
+        return Math.ceil(this.totalCount / this.pageSize);
+    }
+    //#endregion METHODS
+    /****************************************************************************/
+    //#region WATCHERS
+    /**
+     * Watches for changes to currentPage and emits the currentPageChanged event.
+     * @param {number} newValue The new current page value.
+     */
+    onCurrentPageChange(newValue) {
+        // Validate and constrain currentPage
+        const constrainedValue = Math.max(1, Math.min(newValue, this.totalPages));
+        if (constrainedValue !== newValue) {
+            this.currentPage = constrainedValue;
+            return;
+        }
+        this.currentPageChanged.emit(newValue);
+    }
+    //#endregion EVENTS
+    /****************************************************************************/
+    //#region RENDER
+    /**
+     * Renders a single page button.
+     * @param {number} pageNumber The page number to render.
+     * @returns {JSX.Element} The rendered page button element.
+     */
+    renderPageButton(pageNumber) {
+        const isCurrentPage = pageNumber === this.currentPage;
+        return (index.h("li", { key: pageNumber, "data-scope": "page-button" }, index.h("nv-button", { size: "md", emphasis: "lower", active: isCurrentPage, onClick: () => this.handlePageChange(pageNumber), "data-page": pageNumber, "data-current": isCurrentPage ? 'true' : undefined }, pageNumber)));
+    }
+    render() {
+        const isFirstPage = this.currentPage === 1;
+        const isLastPage = this.currentPage === this.totalPages;
+        return (index.h(index.Host, { key: '536c7d2fd28a365ae3d637f7e67512832ffce284' }, index.h("nav", { key: 'ad98b2592c2702e9592316e03a0b0119d9da601c', "data-scope": "pagination-nav", "aria-label": "Pagination navigation" }, this.isOnlyIcon ? (index.h("nv-iconbutton", { name: "chevron-left", size: "md", emphasis: "lower", disabled: isFirstPage, onClick: () => this.handlePageChange(this.currentPage - 1), "data-scope": "previous-iconbutton", "aria-label": this.previousButtonLabel })) : (index.h("nv-button", { size: "md", emphasis: "lower", disabled: isFirstPage, onClick: () => this.handlePageChange(this.currentPage - 1), "data-scope": "previous-button" }, index.h("nv-icon", { slot: "leading-icon", name: "chevron-left" }), this.previousButtonLabel)), index.h("ol", { key: 'd52f16484737c5ea06c8bd1512e367beb4cd35b1', "data-scope": "page-list" }, calculatePaginationRange({
+            currentPage: this.currentPage,
+            totalCount: this.totalCount,
+            pageSize: this.pageSize,
+            numStartZoneButtons: this.numStartZoneButtons,
+            numEndZoneButtons: this.numEndZoneButtons,
+            numMiddleButtons: this.numMiddleButtons,
+            showMiddleZone: this.showMiddleZone,
+        }).map(item => typeof item === 'number' ? (this.renderPageButton(item)) : (index.h("li", { key: `ellipsis-${item}`, "data-scope": "ellipsis", "aria-hidden": "true" }, index.h("span", null, item))))), this.isOnlyIcon ? (index.h("nv-iconbutton", { name: "chevron-right", size: "md", emphasis: "lower", disabled: isLastPage, onClick: () => this.handlePageChange(this.currentPage + 1), "data-scope": "next-iconbutton", "aria-label": this.nextButtonLabel })) : (index.h("nv-button", { size: "md", emphasis: "lower", disabled: isLastPage, onClick: () => this.handlePageChange(this.currentPage + 1), "data-scope": "next-button" }, this.nextButtonLabel, index.h("nv-icon", { slot: "trailing-icon", name: "chevron-right" }))))));
+    }
+    static get watchers() { return {
+        "currentPage": [{
+                "onCurrentPageChange": 0
+            }]
+    }; }
+};
+NvPaginationNav.style = nvPaginationNavCss();
+
+exports.nv_pagination_nav = NvPaginationNav;

package/dist/cjs/{nv-paginationtable.entry-CS7BhAVe.js → nv-paginationtable.entry-pT2Qx3xY.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -215,7 +215,7 @@ const NvPaginationtable = class {
         const pageLabel = interpolate(this.labelPage, { pageIndex: this.pageIndex + 1, pageCount: this.pageCount }, 'Page {pageIndex} of {pageCount}');
         const totalLabel = interpolate(this.labelTotal, { rowCount: this.rowCount }, 'Total: {rowCount} rows');
         const pageSizeOptions = generatePageSizeOptions(this.labelPageSizeOption ?? '{pageSize} per page');
-        return (index.h(index.Host, { key: '1ca51049fc16cc949fe38c80ceabc7a72f189279' }, !this.hideControls && (index.h("div", { key: '6962c8ee324aa42f5eb5defceb48cbb6b5a6ed0a', "data-scope": "controls" }, !this.hideFirstLast && (index.h("nv-iconbutton", { key: 'faa193b020c69f274fd7024a9fbc736661500152', name: "chevrons-left", emphasis: "lower", size: "sm", disabled: atFirstPage, onClick: () => this.firstPage() })), !this.hidePrevNext && (index.h("nv-iconbutton", { key: 'dfa8731f6389768a659207bac3752b9ac674c9e8', name: "chevron-left", emphasis: "lower", size: "sm", disabled: atFirstPage, onClick: () => this.previousPage() })), !this.hidePrevNext && (index.h("nv-iconbutton", { key: 'a546e95f9921f4b6b0848ce1eaee929ac223949a', name: "chevron-right", emphasis: "lower", size: "sm", disabled: atLastPage, onClick: () => this.nextPage() })), !this.hideFirstLast && (index.h("nv-iconbutton", { key: 'f59fac8c7ee04c37779089aa8de8980d5ca51d04', name: "chevrons-right", emphasis: "lower", size: "sm", disabled: atLastPage, onClick: () => this.lastPage() })))), index.h("span", { key: '32079d8ea98a2918eee76c0176515eba13ac24a0', "data-scope": "page-label" }, pageLabel), index.h("span", { key: '21c38d9e335ce7c9d952f5ef8201d51f1d486b76', "data-scope": "total" }, totalLabel), index.h("div", { key: 'e981f5e869c08bdd52639b35ac6bec3deec8577c', "data-scope": "per-page" }, index.h("nv-fieldselect", { key: 'ac22a50b68b7a75f0560d19641c159a5d771bceb', value: String(this.pageSize), onValueChanged: this.handlePageSizeChange, options: pageSizeOptions })), index.h("slot", { key: '784a6edbfbf83b76ef7e49e881591ba16e9da064' })));
+        return (index.h(index.Host, { key: 'c4410c8e459e488c7e6dfab19baa0dace783bed7' }, !this.hideControls && (index.h("div", { key: 'd17f9712b070ce79ab367406ef58e251f9fd8ef1', "data-scope": "controls" }, !this.hideFirstLast && (index.h("nv-iconbutton", { key: '8326bd2a9bffaddfa5ab0f1bf385ef2d435d1304', name: "chevrons-left", emphasis: "lower", size: "sm", disabled: atFirstPage, onClick: () => this.firstPage() })), !this.hidePrevNext && (index.h("nv-iconbutton", { key: 'e05379b57d34060934946098fdc1790afc7060f5', name: "chevron-left", emphasis: "lower", size: "sm", disabled: atFirstPage, onClick: () => this.previousPage() })), !this.hidePrevNext && (index.h("nv-iconbutton", { key: '9be2a29cc9bdca82b5214ce9f3802a4c397702f8', name: "chevron-right", emphasis: "lower", size: "sm", disabled: atLastPage, onClick: () => this.nextPage() })), !this.hideFirstLast && (index.h("nv-iconbutton", { key: '39e9bac5ebc85c1956295a4213777fd769cab5c9', name: "chevrons-right", emphasis: "lower", size: "sm", disabled: atLastPage, onClick: () => this.lastPage() })))), index.h("span", { key: 'bef5172038e7bec7a56ffe2d75697641227c5bbc', "data-scope": "page-label" }, pageLabel), index.h("span", { key: '4711e8fa8ae6814a6b90cef6906f58475ab48317', "data-scope": "total" }, totalLabel), index.h("div", { key: '46244978c8c8be83195a0a96b8fd9879b3d087fa', "data-scope": "per-page" }, index.h("nv-fieldselect", { key: '8c194d51d13839825f34f2b004468472ba652064', value: String(this.pageSize), onValueChanged: this.handlePageSizeChange, options: pageSizeOptions })), index.h("slot", { key: 'ff066bce5da6b738f2d7954fb4ae393824f69f34' })));
     }
     static get watchers() { return {
         "pageIndex": [{

package/dist/cjs/{nv-popover.entry-DSyKCLtF.js → nv-popover.entry-91VegZzi.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 var fade_animationDcRL9lcm = require('./fade.animation-DcRL9lcm-DAZeHoKN.js');
 var grow_animationD7ep_aVl = require('./grow.animation-D7ep_aVl-BuXEDSK-.js');
 require('./style-value-types.es-xlgmw4x8-B1vLqX9m.js');
@@ -1962,7 +1962,7 @@ const NvPopover = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '8d6cfba040e2e29705a6e9fd3c1044c9e0b668b1' }, index.h("slot", { key: '1ea59e4037bf56ced06ad652c9c55bbc56556fd5', name: "trigger" }), index.h("div", { key: '7023f506e410e44a85c4683ebccfe10fdaf45c10', "data-scope": "popover", "data-strategy": this.strategy, hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: 'b336819de26b0ae8899dbd378272a6a5a30517d6', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: 'fd9aad00f57cb5bab850983f2b28ea80b4cdd7fb', name: "content" }))));
+        return (index.h(index.Host, { key: 'f45908c500d83bbc4cc2e2bfa71d08297bb353e0' }, index.h("slot", { key: 'b0d692a8f25dca9d400b4ebac81bbcff895abe58', name: "trigger" }), index.h("div", { key: '500fdf54d35104a48936b1c31643c04ca92be8b5', "data-scope": "popover", "data-strategy": this.strategy, hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: '9d3e96672c6e904ded03bb6338f5e70a18f8bf0c', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: 'ce8436ba395b75b42facc362503d272b8852308a', name: "content" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-row.entry-D21zN2Vr.js → nv-row.entry-C_75GYAm.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -14,7 +14,7 @@ const NvRow = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '507041a8331236632f2dc12e94ca7c87465e8312' }, index.h("slot", { key: '3bef8f23cdc72e42467dc0407b9d2693f15638d7' })));
+        return (index.h(index.Host, { key: '07ad630aa3951fe325d4c767bec1d1008b8efa65' }, index.h("slot", { key: '50fafeac8db8bd0a34ad61196aa259dab2528b18' })));
     }
 };
 NvRow.style = nvRowCss();

package/dist/cjs/{nv-sidebar.entry-DpKgnjsJ.js → nv-sidebar.entry-XIcDybjF.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -162,7 +162,7 @@ const NvSidebar = class {
     //#region RENDER
     render() {
         const isCollapsed = this.type === 'collapsible' && !this.open;
-        return (index.h(index.Host, { key: 'a22074a54f9d51c5a60dd698573a95862e9df0a8', role: "navigation", collapsed: isCollapsed ? true : undefined, "notification-intention": this.notificationIntention, "notification-emphasis": this.notificationEmphasis, "aria-expanded": this.type === 'collapsible' ? String(this.open) : undefined }, index.h("div", { key: 'f19453d0dbbad812f27f188ef198b895d37e8ad2', class: "nv-sidebar-container" }, index.h("slot", { key: '7194ae2a2a655716f3f1db89d9c38dc4b0ab9df0' })), this.type === 'collapsible' && (index.h("button", { key: '4f7a1805932f6e1783fbcf63dc54d3260464eab0', class: "nv-sidebar-toggle", onClick: this.handleToggle, "aria-label": this.open ? 'Collapse sidebar' : 'Expand sidebar' }, index.h("nv-icon", { key: '76d84d1c07d3f841808950c6805aa7bcaa63cf85', name: this.open
+        return (index.h(index.Host, { key: '51a4f51b720a97eb58cad32cb2c92c3afe5e7a04', role: "navigation", collapsed: isCollapsed ? true : undefined, "notification-intention": this.notificationIntention, "notification-emphasis": this.notificationEmphasis, "aria-expanded": this.type === 'collapsible' ? String(this.open) : undefined }, index.h("div", { key: '30f2aa66cbdfc7bdc8c5d494dfe41debee565fac', class: "nv-sidebar-container" }, index.h("slot", { key: '519d25d1d5d8c4a5820f5b6c7655430004be542a' })), this.type === 'collapsible' && (index.h("button", { key: '70abdc10fed5b87dba34e7ff8cacfa44c00044b0', class: "nv-sidebar-toggle", onClick: this.handleToggle, "aria-label": this.open ? 'Collapse sidebar' : 'Expand sidebar' }, index.h("nv-icon", { key: 'ad693d6d1f95f41eb86d0f4cdf1ff04190cd5288', name: this.open
                 ? 'layout-sidebar-left-collapse'
                 : 'layout-sidebar-right-collapse', size: "sm" })))));
     }

package/dist/cjs/{nv-sidebarcontent.entry-BWFDcui8.js → nv-sidebarcontent.entry-JSf1Mb0x.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -14,7 +14,7 @@ const NvSidebarcontent = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'e88e1557fbfa8ec74391dc11b6073eecb4d97685', role: "list" }, index.h("slot", { key: 'ccaf985cc498a5729600316135d750190a514582' })));
+        return (index.h(index.Host, { key: 'ad8dd37a6bce098af0ce3350c1a3035f62241d19', role: "list" }, index.h("slot", { key: 'c9cf80529ea060e8345929cacad2313fbb3daa17' })));
     }
 };
 NvSidebarcontent.style = nvSidebarcontentCss();

package/dist/cjs/{nv-sidebardivider.entry-BSzLq-h3.js → nv-sidebardivider.entry-XZ1hYAgj.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -14,7 +14,7 @@ const NvSidebardivider = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return index.h(index.Host, { key: 'e2288aab359dff9087f7758e53a476e4715b0742', role: "separator", "aria-orientation": "horizontal" });
+        return index.h(index.Host, { key: '8fd03ba4a4d6a6bb876a0f0eea367fe5f70e4a6d', role: "separator", "aria-orientation": "horizontal" });
     }
 };
 NvSidebardivider.style = nvSidebardividerCss();

package/dist/cjs/{nv-sidebarfooter.entry-C3DLHPSQ.js → nv-sidebarfooter.entry-BHO9gh6y.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -14,7 +14,7 @@ const NvSidebarfooter = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'ac36a47c2f96070779b7b05134303604e3ef7676' }, index.h("slot", { key: '295d26a47fa386deade3799a02686afe6ef42ce0' })));
+        return (index.h(index.Host, { key: '073019b05fc2bd13af8db145b4d7bcb8d7b20d34' }, index.h("slot", { key: '41905c616f7e74dcd9c578a68693b4e95cd4ccd7' })));
     }
 };
 NvSidebarfooter.style = nvSidebarfooterCss();

package/dist/cjs/{nv-sidebargroup.entry-BMYLbCql.js → nv-sidebargroup.entry-DAb7dWFF.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -15,7 +15,7 @@ const NvSidebargroup = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'efeaa9f861a41ad96b5f1878510bb1bbbd4a5404', role: "group", "aria-label": this.label }, this.label && index.h("div", { key: '75816b463eeb0cf7687f2b0bca271db560cfafa6', class: "nv-sidebargroup-label" }, this.label), index.h("slot", { key: '614116b7997561766949124e56f3cb66addd419b' })));
+        return (index.h(index.Host, { key: 'e599aa76d560f3e30b6a45b75500372bea3b6be0', role: "group", "aria-label": this.label }, this.label && index.h("div", { key: 'c918bdde6cb461dad11977a29f6e5385505bbbcb', class: "nv-sidebargroup-label" }, this.label), index.h("slot", { key: '7980eeada701c3b87be062e9728bacc0f9fc502c' })));
     }
 };
 NvSidebargroup.style = nvSidebargroupCss();

package/dist/cjs/{nv-sidebarheader.entry-CkUGD-Tw.js → nv-sidebarheader.entry-BksZP_km.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -14,7 +14,7 @@ const NvSidebarheader = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '8dd986cfb2cd89557955c6eb61ebfbad0eb1dbcc' }, index.h("slot", { key: 'ee7808c81f750f5c46da9ed0bfd3b9fcb18d393d' })));
+        return (index.h(index.Host, { key: '8aff0fd7b73d0762cd8861f8d9043f494104ddfd' }, index.h("slot", { key: 'f9d643f352a36bf7397d5c2d81be4620641dead4' })));
     }
 };
 NvSidebarheader.style = nvSidebarheaderCss();

package/dist/cjs/{nv-sidebarlogo.entry-BX1-1S1v.js → nv-sidebarlogo.entry-BntEWmH_.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -24,7 +24,7 @@ const NvSidebarlogo = class {
     render() {
         const logoSrc = this.logo || this.defaultLogo;
         const collapsedLogoSrc = this.collapsedLogo || this.defaultCollapsedLogo;
-        return (index.h(index.Host, { key: '6a1df67b6c23e0c2b4cd4da481dcd7a708062963' }, index.h("div", { key: 'e974e75054b93aac6d417a5fa1c527ca75b0f417', class: "nv-sidebarlogo-container" }, index.h("img", { key: '51bb65b380cc18252a3ea6c16741485a61f0cf12', src: logoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-full" }), index.h("img", { key: '0cee540a20ffb605ea2efa38c5b5942505ada7db', src: collapsedLogoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-collapsed" }), this.label && index.h("span", { key: '10ffc4e62a39c5ecfffd9f115c5929057901222a', class: "nv-sidebarlogo-title" }, this.label))));
+        return (index.h(index.Host, { key: 'f4e0fe830c5fa5ef90d279c19336bd51e2e7e586' }, index.h("div", { key: '85d9516e1b140aa9a7bf16ca0722f35081702d19', class: "nv-sidebarlogo-container" }, index.h("img", { key: '82c1e3e9e47cd570a4f9aa64d120a5239c9e487c', src: logoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-full" }), index.h("img", { key: '113d60ca21ec36c9f8106276f8d7abb85753c1a9', src: collapsedLogoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-collapsed" }), index.h("slot", { key: '6c164d8f46d994980a4061e0a5df41fef11929b6', name: "label" }), this.label && index.h("span", { key: '12a5bb8deff9b73dc4c41c27aa1e5839beb46f32', class: "nv-sidebarlogo-title" }, this.label))));
     }
 };
 NvSidebarlogo.style = nvSidebarlogoCss();

package/dist/cjs/{nv-sidebarnavitem.entry-CPwt0Njh.js → nv-sidebarnavitem.entry-DSu34C34.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -57,9 +57,16 @@ const NvSidebarnavitem = class {
                 event.preventDefault();
                 event.stopPropagation();
                 this.open = !this.open;
+                return;
+            }
+            // For non-collapsible items in expanded mode, if the click didn't originate
+            // from the link itself (e.g. clicked the icon or padding), trigger the link.
+            if (!target.closest('a')) {
+                const link = this.el.querySelector('.nv-sidebarnavitem-content a, :scope > a');
+                if (link) {
+                    link.click();
+                }
             }
-            // For non-collapsible items in expanded mode, let the link handle the navigation
-            // Don't prevent default or stop propagation - allow the link to work normally
         };
         this.isAnimating = false;
         this.hasInitializedHeight = false;
@@ -269,7 +276,7 @@ const NvSidebarnavitem = class {
     render() {
         const showNotificationBullet = this.notificationCount !== undefined && this.notificationCount > 0;
         const notificationSize = this.isSidebarCollapsed ? 'reduced' : 'default';
-        return (index.h(index.Host, { key: '0809fb5e4f1663571199bd75e3f2d69d09eabc2f', role: "listitem" }, index.h("div", { key: '6885fbc8e01fd60f32d56a8b750398a772ee1169', class: "nv-sidebarnavitem-trigger", onClick: this.handleToggle, "aria-expanded": this.collapsible ? String(this.open) : undefined, "aria-current": this.active && !this.collapsible ? 'page' : undefined }, this.icon && (index.h("div", { key: '515ea7bb25f83fb3a645531ade9370357b1a3cc3', class: "nv-sidebarnavitem-icon" }, index.h("nv-icon", { key: '718f35787fcd979dd305bcf985a51a9bf7f21a8b', name: this.icon, size: "md" }), showNotificationBullet && this.isSidebarCollapsed && (index.h("nv-notification-bullet", { key: 'c99767c829bf878d30345933d1bdf9f7c79fc778', count: this.notificationCount, size: notificationSize, contrastingBorder: true })))), index.h("div", { key: 'd2cfe856fb91a7d15232ff30c73a6709b6adffbf', class: "nv-sidebarnavitem-content" }, index.h("slot", { key: 'dbcc77aaf798efdca11714c0a6c9109c112ea314' })), index.h("div", { key: 'bf0136c15af7ac1c4bb98c9415ef0a37760cf4e1', class: "nv-sidebarnavitem-trailing" }, index.h("slot", { key: 'b84329d00c08ba2e7dc1a783b65d309fbf45a4da', name: "trailing" }), showNotificationBullet && !this.isSidebarCollapsed && (index.h("nv-notification-bullet", { key: '8a5b9447b80a59c38f006d86fe0d6bd655e02735', count: this.notificationCount, size: notificationSize })), this.collapsible && (index.h("nv-icon", { key: '47348e1ad810f7abd022dc510bfd11caeb8d8c71', name: "chevron-down", size: "sm", class: "nv-sidebarnavitem-chevron" })))), this.collapsible && this.hasSubitems && (index.h("div", { key: 'ba5160e5ea9cac822afdf9ed75f3e00807615304', class: "nv-sidebarnavitem-subitems", ref: el => {
+        return (index.h(index.Host, { key: '02ab37b6d10ba4696c002b6d220296e5a24adea0', role: "listitem" }, index.h("div", { key: '348ae561a8cfe97b149ff0048cb797d367a537fd', class: "nv-sidebarnavitem-trigger", onClick: this.handleToggle, "aria-expanded": this.collapsible ? String(this.open) : undefined, "aria-current": this.active && !this.collapsible ? 'page' : undefined }, this.icon && (index.h("div", { key: '6edb4688ce946914dee6748e967045e0100e9d28', class: "nv-sidebarnavitem-icon" }, index.h("nv-icon", { key: '990df4c9d2df9483a1f0bd364a050e7168f6fec1', name: this.icon, size: "md" }), showNotificationBullet && this.isSidebarCollapsed && (index.h("nv-notification-bullet", { key: '45baa0607d1cf3e53c78d439ee02cf8f14023986', count: this.notificationCount, size: notificationSize, contrastingBorder: true })))), index.h("div", { key: '5179eb39ca4248806cd90fb8e2caae1aa44ebafe', class: "nv-sidebarnavitem-content" }, index.h("slot", { key: '80cea6fd9f87b5169de72809edd9f47e237a7ba1' })), index.h("div", { key: '02fa17d52079bebf3ced8af706616e0f6f15a146', class: "nv-sidebarnavitem-trailing" }, index.h("slot", { key: '38891572371a5dad912c9a1177ad02aa904cd99c', name: "trailing" }), showNotificationBullet && !this.isSidebarCollapsed && (index.h("nv-notification-bullet", { key: '1235893ac6c2552c9b0f19693482f64efe84506d', count: this.notificationCount, size: notificationSize })), this.collapsible && (index.h("nv-icon", { key: '88a269b0309ea956377c8dc2666b930f53627954', name: "chevron-down", size: "sm", class: "nv-sidebarnavitem-chevron" })))), this.collapsible && this.hasSubitems && (index.h("div", { key: '4e0fe20c969d2e0375e82f337170296642771541', class: "nv-sidebarnavitem-subitems", ref: el => {
                 // Only update ref and initialize if element changed or not yet initialized
                 if (el !== this.subitemsRef) {
                     this.subitemsRef = el;
@@ -284,7 +291,7 @@ const NvSidebarnavitem = class {
                         });
                     }
                 }
-            } }, index.h("slot", { key: '4cd023b2af51cf8941d29cb2728cdd1c6b2ea8ed', name: "subitems" })))));
+            } }, index.h("slot", { key: '0d3ab2f4207370afb5819b468e58ab1c3cfe38b1', name: "subitems" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-sidebarnavsubitem.entry-HZOTB6Tl.js → nv-sidebarnavsubitem.entry-Y8Ex0_Lr.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -27,7 +27,7 @@ const NvSidebarnavsubitem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'e5b353c32937bbf45c455593693b58d7177879f9', role: "listitem", "aria-current": this.active ? 'page' : undefined }, index.h("div", { key: 'ebe7894659ae59538adc96043621b37a3145ef1a', class: "nv-sidebarnavsubitem-indicator" }), index.h("div", { key: '2054d9f16623e2611652274f4872b6bcdc78c44c', class: "nv-sidebarnavsubitem-content" }, index.h("slot", { key: 'fa1db84fbb2fcbc3cd6729146b6962445bbba2be' })), index.h("div", { key: 'd3399e26472f48809c2b4fd824402827330b9b11', class: "nv-sidebarnavsubitem-trailing" }, index.h("slot", { key: '5ee8b8b8198854ed658272032855e3cf18f21a25', name: "trailing" }))));
+        return (index.h(index.Host, { key: 'd9279792355dc0d64f0e513b727447a27fcb1fa9', role: "listitem", "aria-current": this.active ? 'page' : undefined }, index.h("div", { key: 'a5ea72c3bbd5b08f075c4fa8281919792f125c80', class: "nv-sidebarnavsubitem-indicator" }), index.h("div", { key: '2d2c37eedf9e6db6d9cc44c0af4b26e2fb9f601c', class: "nv-sidebarnavsubitem-content" }, index.h("slot", { key: '635c40197bc256aabe6962d831dc9431a6ce1cda' })), index.h("div", { key: '192dbe9426642b9af4401f21d33c36272e327304', class: "nv-sidebarnavsubitem-trailing" }, index.h("slot", { key: '0ebd3bd4dab2bb45556cde7bd8cd4f8dd27bdba2', name: "trailing" }))));
     }
 };
 NvSidebarnavsubitem.style = nvSidebarnavsubitemCss();

package/dist/cjs/{nv-split.entry-DdtzktvN.js → nv-split.entry-BDr6FxCd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -326,7 +326,7 @@ const NvSplit = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'ab2b75b963d3cee109e90fe22e0dfe356a384706', "data-dragging": this.isDragging.toString() }, index.h("slot", { key: 'a7a8258a976029f91ffbce3fa1f90f7ed35409ef', name: "pane" }), index.h("slot", { key: '9af34cb299ff061bec6ba7dfe6e969e093aeb3bc', name: "gutter" })));
+        return (index.h(index.Host, { key: 'ab5109b9c1c1e59f794029899855d7ddfba304f1', "data-dragging": this.isDragging.toString() }, index.h("slot", { key: 'd7587efb2e4799f102baaa624555e250fe3746a8', name: "pane" }), index.h("slot", { key: 'af615e7e74a99db838e3d71334b20ed2e77994f9', name: "gutter" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-stack.entry-BMLt30Nt.js → nv-stack.entry-CChjKrA3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -23,7 +23,7 @@ const NvStack = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '1fe102ad734149231a7058af441e5ee77ef97ca3', class: clsxChV9xqsO.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: 'f7ed597dabd90182887096441ff1258812dfe9fc' })));
+        return (index.h(index.Host, { key: 'd4399a61570a72d817150c5d50c38e89147459d4', class: clsxChV9xqsO.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: 'd7bec1dff9c21480b69aed24e4a6081d6de627f7' })));
     }
 };
 NvStack.style = nvStackCss();

package/dist/cjs/{nv-table.entry-RTiqKRKM.js → nv-table.entry-CfqHpj1L.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -236,7 +236,7 @@ const NvTable = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '0d5518a54b41c67bdd7c73d5147fd954fb53d388' }, index.h("slot", { key: '8ab65d5dd1ce751fd357b275b84db042b1d9ce2e' })));
+        return (index.h(index.Host, { key: '43a288ca58eb82de6308dd98ac30abb3fc971f1e' }, index.h("slot", { key: '3a0b986f015777d2ca95b8ce7aebab7133b5d054' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/{nv-tableheader.entry-Ci4qo8eY.js → nv-tableheader.entry-C61xO9Ra.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -62,7 +62,7 @@ const NvTableheader = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '95447cd8ccde74d09226bcdbf645eed309be0fa8', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, index.h("slot", { key: '4e26aa21f080cf23ce42fb72d6777463bd079991' }), this.sortable && (index.h("span", { key: '666254c197e97226d2f1c6830d1216b9457c4acc', class: "sort-icon-wrap", "aria-hidden": "true" }, index.h("nv-iconbutton", { key: '11b2de5c4c270740857094ec8a39f1d392d7246a', disableTabindex: true, name: "arrow-up", size: "xs", emphasis: this.sortDirection === 'none' ? 'lower' : 'low',
+        return (index.h(index.Host, { key: '809cf43ff3c9d3977a60a30e350fe6f4457c39f4', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, index.h("slot", { key: 'ba569a25aa09bb3b18d39e463474698efe6cff40' }), this.sortable && (index.h("span", { key: '77a948313d5dfc746c142eaf448df609ae0bf2b3', class: "sort-icon-wrap", "aria-hidden": "true" }, index.h("nv-iconbutton", { key: 'f18fa1d05c5d4eac8c057a7f350c270eaacc7055', disableTabindex: true, name: "arrow-up", size: "xs", emphasis: this.sortDirection === 'none' ? 'lower' : 'low',
             // prevent mousedown from selecting text
             onMouseDown: (e) => e.preventDefault(), class: {
                 'is-none': this.sortDirection === 'none',

package/dist/cjs/{nv-toggle.entry-s8B7-8P7.js → nv-toggle.entry-B0HofO36.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-clzdrCkN.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
@@ -66,8 +66,8 @@ const NvToggle = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '38dd2a460c82599e2c2bfd6b039eafff0dc6fc67', class: clsxChV9xqsO.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: '4d6bf742f548cc5f92ae84497f12569d9680dcef', class: "input-container" }, index.h("input", { key: '97f54363c17cde48ec226680ee58da012e590b69', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), index.h("div", { key: 'e4576a0884f02731a3e6d2d20537cfabf411a8fe', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '4744036b0d1e73f350bbc4b6f6e7664bb9361d1e', htmlFor: this.inputId, class: clsxChV9xqsO.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: '44a2aeb86c840246473bc47e0ba01269af77ef06', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '6e5c3d1721c9db3cffd019c9274294c40793daf0', class: "description" }, index.h("slot", { key: '87c3d35c78ded085cd1ddb5b2874dfae7bd99842', name: "description" }, this.description))))));
+        return (index.h(index.Host, { key: '626c2acc6992a641c5fd94509fd0ef171fd6d1c6', class: clsxChV9xqsO.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: 'a9e4b73d740032520f6094bcada1f835b4bac16c', class: "input-container" }, index.h("input", { key: '1856dfa88421fecee06bdf098dcad22e69f34c00', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), index.h("div", { key: '4c46bc519d38a66fdecf75cb15caf6d577d92856', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'fd61979a72a2b4e3254987beafd4b024fe1c6bae', htmlFor: this.inputId, class: clsxChV9xqsO.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: '0e32e3e03ffda0633f881f41d2372a3d92d82f10', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '688d4160a48d85fa5049556de27f0a26f10ec549', class: "description" }, index.h("slot", { key: '006a61b40a49426bc7c70f1fe830aeb38ecdbf3b', name: "description" }, this.description))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }