@nova-design-system/nova-webcomponents 3.31.1-beta.1 → 3.31.2-beta.3

package/dist/esm/nv-iconbutton_2.entry.js

@@ -1,5 +1,6 @@
-import { r as registerInstance, h, d as Host, e as getElement } from './index-C5xbfYEI.js';
+import { r as registerInstance, h, d as Host, e as getElement } from './index-Dtg-LGcy.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
+import { i as isToggleKey } from './accessibility.utils-C4Cy9iy8.js';
 
 const nvIconbuttonCss = () => `nv-iconbutton.root{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:var(--font-weight-medium-emphasis);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;transition:background-color 150ms ease-out;height:fit-content;width:fit-content}nv-iconbutton.size-xs{padding:calc(var(--button-xs-icon-button-padding) - 1px);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-iconbutton.size-sm{padding:calc(var(--button-sm-icon-button-padding) - 1px);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-iconbutton.size-md{padding:calc(var(--button-md-icon-button-padding) - 1px);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-iconbutton.size-lg{padding:calc(var(--button-lg-icon-button-padding) - 1px);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-iconbutton.emphasis-high{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-iconbutton.emphasis-high:hover{background:var(--components-button-high-background-hover);color:var(--components-button-high-text-hover)}nv-iconbutton.emphasis-high:focus,nv-iconbutton.emphasis-high:focus-within{outline:none}nv-iconbutton.emphasis-high:focus-visible,nv-iconbutton.emphasis-high:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-high:disabled{background:var(--components-button-high-background);color:var(--components-button-high-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-high nv-icon>svg{color:var(--components-button-high-icon)}nv-iconbutton.emphasis-medium{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-iconbutton.emphasis-medium:hover{background:var(--components-button-medium-background-hover);color:var(--components-button-medium-text-hover)}nv-iconbutton.emphasis-medium:focus,nv-iconbutton.emphasis-medium:focus-within{outline:none}nv-iconbutton.emphasis-medium:focus-visible,nv-iconbutton.emphasis-medium:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-medium:disabled{background:var(--components-button-medium-background);color:var(--components-button-medium-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-medium nv-icon>svg{color:var(--components-button-medium-icon)}nv-iconbutton.emphasis-low{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-iconbutton.emphasis-low:hover{background:var(--components-button-low-background-hover);color:var(--components-button-low-text-hover)}nv-iconbutton.emphasis-low:focus,nv-iconbutton.emphasis-low:focus-within{outline:none}nv-iconbutton.emphasis-low:focus-visible,nv-iconbutton.emphasis-low:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-low:disabled{background:var(--components-button-low-background);color:var(--components-button-low-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-low nv-icon>svg{color:var(--components-button-low-icon)}nv-iconbutton.emphasis-lower{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-iconbutton.emphasis-lower:hover{background:var(--components-button-lower-background-hover);color:var(--components-button-lower-text-hover)}nv-iconbutton.emphasis-lower:focus,nv-iconbutton.emphasis-lower:focus-within{outline:none}nv-iconbutton.emphasis-lower:focus-visible,nv-iconbutton.emphasis-lower:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-lower:disabled{background:var(--components-button-lower-background);color:var(--components-button-lower-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-lower nv-icon>svg{color:var(--components-button-lower-icon)}nv-iconbutton.loading [slot=leading-icon]{display:none}nv-iconbutton.shape-rounded{border-radius:var(--radius-rounded-full)}`;
 
@@ -100,7 +101,7 @@ const NvIconbutton = class {
     /****************************************************************************/
     //#region EVENTS
     handleKeyDown(event) {
-        if (event.key === 'Enter' || event.key === ' ') {
+        if (isToggleKey(event.key)) {
             event.preventDefault();
             this.el.click();
         }
@@ -123,7 +124,7 @@ const NvIconbutton = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'f206fab4c635b6d27b112cc68bebfc3e66593177', role: "button", type: this.type, tabindex: this.disableTabindex ? -1 : 0, disabled: this.disabled ? true : undefined, class: clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && h("nv-loader", { key: '2ea73a9f618aeda177874d9d628e67e2ecaeec52', size: this.size }), !this.loading && h("nv-icon", { key: '8ebed9969c09dedbb7c900b520cb52f28f342adc', name: this.name, size: this.size }), h("slot", { key: 'b4d27f55210016a776cb215f2f8788fe4fd7c4a1' })));
+        return (h(Host, { key: 'e657e688f0e40a738a7a83b5130f4ec0a51339e7', role: "button", type: this.type, tabindex: this.disableTabindex ? -1 : 0, disabled: this.disabled ? true : undefined, class: clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && h("nv-loader", { key: 'd33fa5969fec5936f0de4ef9580387d1ee03929d', size: this.size }), !this.loading && h("nv-icon", { key: 'ff1518a8f1f49acf65c2c971fd1b1be45e581cba', name: this.name, size: this.size }), h("slot", { key: '4c694ffe57e30b997026922ee077e1cce96cef6c' })));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/nv-menu.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-C5xbfYEI.js';
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-Dtg-LGcy.js';
 
 const nvMenuCss = () => `nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-menu{display:inline-block;position:relative}nv-menu:has([fluid]:not([fluid=false])){display:block}nv-menu nv-popover{display:unset}nv-menu nv-popover [data-scope=popover]{background-color:transparent !important;padding:0 !important}nv-menu [slot=content]{padding:var(--menu-contextual-padding-y) var(--menu-contextual-padding-x);border-radius:var(--menu-contextual-radius);gap:var(--menu-contextual-gap-y);background-color:var(--components-menu-contextual-background);border-color:var(--components-menu-contextual-border);display:flex;flex-direction:column}nv-menu nv-menu[open]:not([open=false])>nv-menuitem{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menu hr{display:block;margin:var(--menu-contextual-divider-padding-top) var(--menu-contextual-divider-padding-x) var(--menu-contextual-divider-padding-bottom) var(--menu-contextual-divider-padding-x)}`;
 

package/dist/esm/nv-menuitem.entry.js

@@ -1,4 +1,5 @@
-import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-C5xbfYEI.js';
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-Dtg-LGcy.js';
+import { i as isToggleKey } from './accessibility.utils-C4Cy9iy8.js';
 
 const nvMenuitemCss = () => `nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}`;
 
@@ -31,7 +32,7 @@ const NvMenuitem = class {
         this.handleMenuItemSelect(event);
     }
     handleKeyDown(event) {
-        if (event.key === 'Enter' || event.key === ' ') {
+        if (isToggleKey(event.key)) {
             const activeElement = document.activeElement;
             if (activeElement &&
                 activeElement.tagName === 'NV-MENUITEM' &&
@@ -45,7 +46,7 @@ const NvMenuitem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '9ae0a9d4520789157d869a8832f622176f9df331', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && h("nv-icon", { key: 'a0f76ff34d83238add0cebfb83a1c7f715d9fcb0', name: this.icon }), h("slot", { key: '8a5883175325444025efcbd12ecb57c95dfb2ac3' }), this.label && h("span", { key: 'da5452a4fdc521cf336a38575c9ab2e49d7b0179', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && h("kbd", { key: 'de40a96181c57c6ea27669c15634a568c6e3ed05' }, this.shortcut), this.hasSubmenu && h("nv-icon", { key: 'ff65838b28f0be31356645cfbdd5b7eb95b47266', name: "chevron-right" })));
+        return (h(Host, { key: '0292e33304b74d540b2533570b1f314ca8ea100b', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && h("nv-icon", { key: '1a94fdbbc5349fb4dd1c8985026197be91b7adff', name: this.icon }), h("slot", { key: '8994033b5371d1db6a55980c5b0a1e7455c573b7' }), this.label && h("span", { key: '9163ba9a67f050447ebed2a4743f6c8f3102e37b', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && h("kbd", { key: '8adf1ba5789434c37bcbc53328b6b1dc9b82eeb5' }, this.shortcut), this.hasSubmenu && h("nv-icon", { key: 'b05b3c1245752d2bbd161db03b361a5e5406602a', name: "chevron-right" })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/nv-notification-bullet.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host, e as getElement } from './index-C5xbfYEI.js';
+import { r as registerInstance, h, d as Host, e as getElement } from './index-Dtg-LGcy.js';
 
 const nvNotificationBulletCss = () => `nv-notification-bullet{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sidebar-notification-bullet-size);max-width:var(--sidebar-notification-bullet-size);height:var(--sidebar-notification-bullet-size);padding:0 var(--spacing-1);border-radius:var(--radius-rounded-full);font-size:var(--sidebar-notification-bullet-font-size);font-weight:var(--sidebar-notification-bullet-font-weight);white-space:nowrap;flex-shrink:0;position:relative;}nv-notification-bullet.nv-notification-bullet-brand .nv-notification-bullet{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sidebar-notification-bullet-size);max-width:var(--sidebar-notification-bullet-size);height:var(--sidebar-notification-bullet-size);padding:0 var(--spacing-1);border-radius:var(--radius-rounded-full);font-size:var(--sidebar-notification-bullet-font-size);font-weight:var(--sidebar-notification-bullet-font-weight);white-space:nowrap;flex-shrink:0}nv-notification-bullet.nv-notification-bullet-brand .nv-notification-bullet.nv-notification-bullet-high{background-color:var(--color-brand-500);color:var(--color-feedback-neutral-high-contrast-title)}nv-notification-bullet.nv-notification-bullet-brand .nv-notification-bullet.nv-notification-bullet-low{background-color:var(--color-brand-50);color:var(--color-brand-600);border:1px solid var(--color-brand-600)}nv-notification-bullet{}nv-notification-bullet.nv-notification-bullet-neutral{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sidebar-notification-bullet-size);max-width:var(--sidebar-notification-bullet-size);height:var(--sidebar-notification-bullet-size);padding:0 var(--spacing-1);border-radius:var(--radius-rounded-full);font-size:var(--sidebar-notification-bullet-font-size);font-weight:var(--sidebar-notification-bullet-font-weight);white-space:nowrap;flex-shrink:0}nv-notification-bullet.nv-notification-bullet-neutral .nv-notification-bullet.nv-notification-bullet-high{background-color:var(--color-feedback-neutral-high-contrast-background);color:var(--color-feedback-neutral-high-contrast-title)}nv-notification-bullet.nv-notification-bullet-neutral .nv-notification-bullet.nv-notification-bullet-low{background-color:var(--color-feedback-neutral-low-background);color:var(--color-feedback-neutral-low-text);border-radius:var(--radius-rounded-full)}nv-notification-bullet{}nv-notification-bullet.nv-notification-bullet-with-cross-border::before{content:"";position:absolute;top:55%;left:45%;transform:translate(-50%, -50%);width:calc(var(--sidebar-notification-bullet-size) + 1.5px);height:calc(var(--sidebar-notification-bullet-size) * 1.5);border-radius:var(--radius-rounded-full);background-color:var(--nv-component-background, var(--nv-sidebarnavitem-background, var(--color-interaction-container-neutral-background)));z-index:-1;pointer-events:none}nv-notification-bullet{}nv-sidebar[collapsed] nv-notification-bullet.nv-notification-bullet-with-cross-border::before{width:calc(var(--sidebar-notification-bullet-size-reduced) * 1.5);height:calc(var(--sidebar-notification-bullet-size-reduced) * 1.5)}nv-notification-bullet{}nv-notification-bullet .nv-notification-bullet.nv-notification-bullet-reduced,nv-sidebar[collapsed] nv-notification-bullet .nv-notification-bullet{width:var(--sidebar-notification-bullet-size-reduced);height:var(--sidebar-notification-bullet-size-reduced);min-width:var(--sidebar-notification-bullet-size-reduced);max-width:var(--sidebar-notification-bullet-size-reduced);min-height:var(--sidebar-notification-bullet-size-reduced);max-height:var(--sidebar-notification-bullet-size-reduced);padding:0;font-size:0}`;
 

package/dist/esm/nv-notification.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-C5xbfYEI.js';
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-Dtg-LGcy.js';
 import { F as FeedbackColors, N as NotificationPosition } from './constants-gOKBmbgZ.js';
 import { u as useCollapse } from './collapse.animation-DZDm0vSK.js';
 import { u as useFade } from './fade.animation-DcRL9lcm.js';

package/dist/esm/nv-notificationcontainer.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host } from './index-C5xbfYEI.js';
+import { r as registerInstance, h, d as Host } from './index-Dtg-LGcy.js';
 
 const nvNotificationcontainerCss = () => `nv-notificationcontainer{position:fixed;display:flex;flex-direction:column;padding:var(--spacing-2);padding-top:0;z-index:9999;pointer-events:none;width:100%;max-width:512px}nv-notificationcontainer.position-top-right{top:0;right:0}nv-notificationcontainer.position-top-right nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-top-left{top:0;left:0}nv-notificationcontainer.position-top-left nv-notification{margin-bottom:var(--spacing-2)}nv-notificationcontainer.position-top-center{top:0;left:50%;transform:translateX(-50%)}nv-notificationcontainer.position-top-center nv-notification{margin-bottom:var(--spacing-2)}nv-notificationcontainer.position-bottom-right{bottom:0;right:0;flex-direction:column-reverse}nv-notificationcontainer.position-bottom-right nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-bottom-left{bottom:0;left:0;flex-direction:column-reverse}nv-notificationcontainer.position-bottom-left nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-bottom-center{bottom:0;left:50%;transform:translateX(-50%);flex-direction:column-reverse}nv-notificationcontainer.position-bottom-center nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer>*{pointer-events:auto}`;
 

package/dist/esm/nv-pagination-nav.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host } from './index-C5xbfYEI.js';
+import { r as registerInstance, a as createEvent, h, d as Host } from './index-Dtg-LGcy.js';
 
 /**
  * Generates a pagination range with page numbers and ellipsis items.

package/dist/esm/nv-paginationtable.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host } from './index-C5xbfYEI.js';
+import { r as registerInstance, a as createEvent, h, d as Host } from './index-Dtg-LGcy.js';
 
 /**
  * Pagination table utility functions for nv-paginationtable component

package/dist/esm/nv-pill.entry.js

@@ -0,0 +1,283 @@
+import { r as registerInstance, a as createEvent, f as forceUpdate, i as Build, h, d as Host, e as getElement } from './index-Dtg-LGcy.js';
+import { g as getRoleAwareNextSelectedState, n as normalizeToggleAriaRole, i as isToggleKey, a as getAriaStateAttributes } from './accessibility.utils-C4Cy9iy8.js';
+
+const nvPillCss = () => `.storybook-force-hover:not([disabled]):hover,.storybook-force-hover:not([disabled]){background:var(--color-interaction-container-neutral-background-hover);border-color:var(--color-interaction-container-neutral-border-hover);color:var(--color-interaction-container-neutral-text-hover)}.storybook-force-focus:not([disabled]):focus-visible:focus,.storybook-force-focus:not([disabled]):focus-visible:focus-within,.storybook-force-focus:not([disabled]):focus,.storybook-force-focus:not([disabled]):focus-within{outline:none}.storybook-force-focus:not([disabled]):focus-visible:focus-visible,.storybook-force-focus:not([disabled]):focus-visible:has(:focus-visible),.storybook-force-focus:not([disabled]):focus-visible,.storybook-force-focus:not([disabled]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--pill-gap-x);height:var(--pill-height);padding:var(--pill-padding-y) var(--pill-padding-x);border-radius:var(--pill-border-radius);border:var(--pill-stroke) solid var(--color-interaction-container-neutral-border);background:var(--color-interaction-container-neutral-background);color:var(--color-interaction-container-neutral-text);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-medium-emphasis);user-select:none;cursor:pointer;transition:background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out}nv-pill:focus,nv-pill:focus-within{outline:none}nv-pill:focus-visible,nv-pill:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-pill:not([disabled]:not([disabled=false])):hover{background:var(--color-interaction-container-neutral-background-hover);border-color:var(--color-interaction-container-neutral-border-hover);color:var(--color-interaction-container-neutral-text-hover)}nv-pill:not([disabled]:not([disabled=false])):active{background:var(--color-interaction-container-neutral-background-active);border-color:var(--color-interaction-container-neutral-border-active);color:var(--color-interaction-container-neutral-text-active)}nv-pill[selected]:not([selected=false]){background:var(--color-interaction-container-neutral-background-active);border-color:var(--color-interaction-container-neutral-border-active);color:var(--color-interaction-container-neutral-text-active)}nv-pill[selected]:not([selected=false]) .trailing-icon{color:var(--color-interaction-container-neutral-icon-active)}nv-pill[selected]:not([selected=false]):not([disabled]:not([disabled=false])):hover{background:var(--color-interaction-container-neutral-background-active);border-color:var(--color-interaction-container-neutral-border-active);color:var(--color-interaction-container-neutral-text-active)}nv-pill[disabled]:not([disabled=false]){opacity:0.5;cursor:not-allowed}nv-pill .leading-icon,nv-pill .trailing-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-interaction-container-neutral-icon)}nv-pill:not([leading-icon]):not(:has([slot=leading-icon])) .leading-icon,nv-pill[leading-icon=""]:not(:has([slot=leading-icon])) .leading-icon{display:none}nv-pill .label{white-space:nowrap}nv-pill nv-icon>svg{color:currentColor}`;
+
+const NvPill = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.toggled = createEvent(this, "toggled", 3);
+        this.hasWarnedMissingLabel = false;
+        /**
+         * Whether the pill is currently selected.
+         */
+        this.selected = false;
+        /**
+         * Prevents all interaction with the pill.
+         */
+        this.disabled = false;
+        /**
+         * ARIA role for accessibility contexts.
+         * Defaults to button and can be overridden by group wrappers.
+         */
+        this.pillAriaRole = 'button';
+        this.toggleSelected = () => {
+            if (!this.hasInteractiveLabel)
+                return;
+            const nextSelected = getRoleAwareNextSelectedState(this.normalizedRole, this.selected, this.disabled);
+            if (nextSelected === this.selected)
+                return;
+            this.selected = nextSelected;
+            if (this.isRadioInRadioGroup && this.selected) {
+                const parent = this.el.parentElement;
+                if (parent) {
+                    const radioPills = Array.from(parent.querySelectorAll('nv-pill[pill-aria-role="radio"]'));
+                    radioPills.forEach(pill => {
+                        if (pill !== this.el) {
+                            pill.selected = false;
+                            pill.removeAttribute('selected');
+                        }
+                        const nextTabIndex = pill === this.el ? 0 : -1;
+                        this.setPillTabIndex(pill, nextTabIndex);
+                        if (pill !== this.el) {
+                            forceUpdate(pill);
+                        }
+                    });
+                }
+                // Watchers can fire before reflected attributes settle; pin the selected
+                // radio for the batched sync to keep radiogroup tabindex deterministic.
+                this.queueRadioGroupTabIndexSync(this.el);
+            }
+            else {
+                this.syncRadioGroupTabIndexes(this.selected ? this.el : undefined);
+            }
+            this.toggled.emit({
+                selected: this.selected,
+                active: this.selected,
+                value: this.value,
+            });
+        };
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region METHODS
+    get normalizedRole() {
+        return normalizeToggleAriaRole(String(this.pillAriaRole));
+    }
+    get resolvedLabel() {
+        return (this.label ?? '').trim();
+    }
+    get hasInteractiveLabel() {
+        return this.resolvedLabel.length > 0;
+    }
+    get resolvedTabIndex() {
+        if (this.disabled || !this.hasInteractiveLabel)
+            return -1;
+        if (this.normalizedRole !== 'radio')
+            return 0;
+        return NvPill.radioGroupTabIndexCache.get(this.el) ?? 0;
+    }
+    get isRadioInRadioGroup() {
+        return (this.normalizedRole === 'radio' &&
+            this.el.parentElement?.getAttribute('role') === 'radiogroup');
+    }
+    isInteractiveRadioPill(pill) {
+        const resolvedLabel = (pill.getAttribute('label') ?? pill.label ?? '').trim().length > 0;
+        return !pill.hasAttribute('disabled') && resolvedLabel;
+    }
+    setPillTabIndex(pill, value) {
+        pill.tabIndex = value;
+        NvPill.radioGroupTabIndexCache.set(pill, value);
+    }
+    syncRadioGroupTabIndexes(preferredSelectedRadio) {
+        if (!this.isRadioInRadioGroup)
+            return;
+        const parent = this.el.parentElement;
+        if (!parent)
+            return;
+        const radioPills = Array.from(parent.querySelectorAll('nv-pill[pill-aria-role="radio"]'));
+        const selectedRadio = preferredSelectedRadio &&
+            this.isInteractiveRadioPill(preferredSelectedRadio)
+            ? preferredSelectedRadio
+            : radioPills.find(pill => this.isInteractiveRadioPill(pill) &&
+                pill.hasAttribute('selected'));
+        const firstInteractiveRadio = radioPills.find(pill => this.isInteractiveRadioPill(pill));
+        radioPills.forEach(pill => {
+            if (!this.isInteractiveRadioPill(pill)) {
+                this.setPillTabIndex(pill, -1);
+                return;
+            }
+            if (selectedRadio) {
+                const nextTabIndex = pill === selectedRadio ? 0 : -1;
+                this.setPillTabIndex(pill, nextTabIndex);
+                return;
+            }
+            const nextTabIndex = pill === firstInteractiveRadio ? 0 : -1;
+            this.setPillTabIndex(pill, nextTabIndex);
+        });
+    }
+    queueRadioGroupTabIndexSync(preferredSelectedRadio) {
+        if (!this.isRadioInRadioGroup)
+            return;
+        const parent = this.el.parentElement;
+        if (!parent)
+            return;
+        const pending = NvPill.pendingRadioGroupSyncs.get(parent);
+        if (pending) {
+            if (preferredSelectedRadio &&
+                this.isInteractiveRadioPill(preferredSelectedRadio)) {
+                pending[1] = preferredSelectedRadio;
+            }
+            return;
+        }
+        const nextPending = [this];
+        if (preferredSelectedRadio &&
+            this.isInteractiveRadioPill(preferredSelectedRadio)) {
+            nextPending[1] = preferredSelectedRadio;
+        }
+        NvPill.pendingRadioGroupSyncs.set(parent, nextPending);
+        queueMicrotask(() => {
+            const latestPending = NvPill.pendingRadioGroupSyncs.get(parent);
+            NvPill.pendingRadioGroupSyncs.delete(parent);
+            if (!latestPending)
+                return;
+            const [runner, latestPreferredSelectedRadio] = latestPending;
+            if (!runner.el.isConnected)
+                return;
+            runner.syncRadioGroupTabIndexes(latestPreferredSelectedRadio);
+        });
+    }
+    handleRadioGroupArrowKey(event) {
+        if (!this.isRadioInRadioGroup)
+            return false;
+        const isNextKey = event.key === 'ArrowRight' ||
+            event.key === 'ArrowDown' ||
+            event.key === 'Right' ||
+            event.key === 'Down';
+        const isPreviousKey = event.key === 'ArrowLeft' ||
+            event.key === 'ArrowUp' ||
+            event.key === 'Left' ||
+            event.key === 'Up';
+        if (!isNextKey && !isPreviousKey) {
+            return false;
+        }
+        const parent = this.el.parentElement;
+        if (!parent) {
+            return false;
+        }
+        const radioPills = Array.from(parent.querySelectorAll('nv-pill[pill-aria-role="radio"]')).filter(pill => this.isInteractiveRadioPill(pill));
+        if (radioPills.length === 0) {
+            return false;
+        }
+        event.preventDefault();
+        const currentIndex = radioPills.indexOf(this.el);
+        if (currentIndex === -1) {
+            return true;
+        }
+        const delta = isNextKey ? 1 : -1;
+        const nextIndex = (currentIndex + delta + radioPills.length) % radioPills.length;
+        const nextRadio = radioPills[nextIndex];
+        if (nextRadio === this.el) {
+            return true;
+        }
+        const previousSelectedRadio = radioPills.find(pill => pill.selected);
+        radioPills.forEach(pill => {
+            const isTarget = pill === nextRadio;
+            if (pill.selected === isTarget)
+                return;
+            pill.selected = isTarget;
+            if (!isTarget) {
+                pill.removeAttribute('selected');
+            }
+            if (pill !== nextRadio) {
+                forceUpdate(pill);
+            }
+        });
+        this.queueRadioGroupTabIndexSync(nextRadio);
+        nextRadio.focus();
+        if (previousSelectedRadio !== nextRadio) {
+            nextRadio.dispatchEvent(new CustomEvent('toggled', {
+                bubbles: false,
+                detail: {
+                    selected: true,
+                    active: true,
+                    value: nextRadio.value,
+                },
+            }));
+        }
+        return true;
+    }
+    //#endregion METHODS
+    /****************************************************************************/
+    //#region LISTENERS
+    componentDidLoad() {
+        this.queueRadioGroupTabIndexSync();
+    }
+    handleTabIndexAffectingChanges() {
+        if (!this.isRadioInRadioGroup) {
+            NvPill.radioGroupTabIndexCache.delete(this.el);
+        }
+        this.queueRadioGroupTabIndexSync();
+    }
+    handleKeyDown(event) {
+        if (!this.hasInteractiveLabel)
+            return;
+        if (this.disabled)
+            return;
+        if (event.repeat)
+            return;
+        if (this.handleRadioGroupArrowKey(event)) {
+            return;
+        }
+        if (isToggleKey(event.key)) {
+            event.preventDefault();
+            this.el.click();
+        }
+    }
+    handleHostClickCapture(event) {
+        if (!this.hasInteractiveLabel) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            event.stopPropagation();
+            return;
+        }
+        if (!this.disabled)
+            return;
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        event.stopPropagation();
+    }
+    //#endregion EVENTS
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        if (Build.isDev &&
+            !this.hasInteractiveLabel &&
+            !this.hasWarnedMissingLabel) {
+            console.warn('[nv-pill] Missing required label prop. Unlabeled pills are rendered as non-interactive for accessibility.');
+            this.hasWarnedMissingLabel = true;
+        }
+        const ariaState = getAriaStateAttributes(this.normalizedRole, this.selected);
+        return (h(Host, { key: 'a117cead9ef6ad60f00fb19da3fa6d513a707092', role: this.hasInteractiveLabel ? this.normalizedRole : undefined, tabindex: this.resolvedTabIndex, "aria-pressed": this.hasInteractiveLabel ? ariaState.ariaPressed : undefined, "aria-checked": this.hasInteractiveLabel ? ariaState.ariaChecked : undefined, "aria-disabled": this.hasInteractiveLabel && this.disabled ? 'true' : undefined, "aria-label": this.hasInteractiveLabel ? this.resolvedLabel : undefined, "aria-hidden": this.hasInteractiveLabel ? undefined : 'true', onClick: this.hasInteractiveLabel ? this.toggleSelected : undefined }, h("span", { key: '1319aed0d2e9191624f41d8bc9c3e942ee2aa151', class: "leading-icon", "aria-hidden": "true" }, this.leadingIcon && (h("nv-icon", { key: '37b314abc0b385ba86d482312eb7e45b281f2705', name: this.leadingIcon, size: "xs" })), h("slot", { key: 'c61fb778c205c2dc7e87482c4650cb776ae46025', name: "leading-icon" })), h("span", { key: '4908da1bdada3803d029ca0757f9c064ae4d39ff', class: "label" }, this.resolvedLabel), this.selected && (h("span", { key: '3dcfab23e115665d403c1ba15ac6c74cc24e42ed', class: "trailing-icon", "aria-hidden": "true" }, h("nv-icon", { key: '2447fe8fc1b24acf95fa5b35bd167010173df92e', name: "check", size: "xs" })))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "selected": [{
+                "handleTabIndexAffectingChanges": 0
+            }],
+        "disabled": [{
+                "handleTabIndexAffectingChanges": 0
+            }],
+        "label": [{
+                "handleTabIndexAffectingChanges": 0
+            }],
+        "pillAriaRole": [{
+                "handleTabIndexAffectingChanges": 0
+            }]
+    }; }
+};
+NvPill.pendingRadioGroupSyncs = new WeakMap();
+NvPill.radioGroupTabIndexCache = new WeakMap();
+NvPill.style = nvPillCss();
+
+export { NvPill as nv_pill };

package/dist/esm/nv-popover.entry.js

@@ -1,4 +1,4 @@
-import { S as StencilCore, r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-C5xbfYEI.js';
+import { S as StencilCore, r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-Dtg-LGcy.js';
 import { u as useFade } from './fade.animation-DcRL9lcm.js';
 import { u as useGrow } from './grow.animation-D7ep_aVl.js';
 import './style-value-types.es-xlgmw4x8.js';
@@ -1957,7 +1957,7 @@ const NvPopover = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'bf65e878d126fd511b574bf0262dde4f60e89750' }, h("slot", { key: '5482a6bc3d6eb3edfa6653623f6c3024c6d150be', name: "trigger" }), h("div", { key: '6cd445d44ad05def95647d2898dc19092716a8ee', "data-scope": "popover", "data-strategy": this.strategy, hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h("div", { key: 'b23f0f9709f733a44d239a05b99f965d5ba036fb', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h("slot", { key: '423901f5afaf3418edc8870b4de7b113151c685d', name: "content" }))));
+        return (h(Host, { key: '1a604043f59c8aa04237b6d03838125079ac5c49' }, h("slot", { key: 'c22461b3d5050f7b502635221cbe17c03ef425a9', name: "trigger" }), h("div", { key: '58a438db8308be12d854afe3deda462d4ae528fb', "data-scope": "popover", "data-strategy": this.strategy, hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h("div", { key: 'af18bf4b8700484ca989a8d45da8295e8d11ea2e', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h("slot", { key: 'f3308bfc01d5a4f954a1f0b822cf378cd874f9bd', name: "content" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/nv-row.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host } from './index-C5xbfYEI.js';
+import { r as registerInstance, h, d as Host } from './index-Dtg-LGcy.js';
 
 const nvRowCss = () => `nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}`;
 
@@ -9,7 +9,7 @@ const NvRow = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'dd18c6bf2c540a0f9389d32c01ce1bf19417e15a' }, h("slot", { key: '2bae51fa253dd71ff2318af8538a64200b7dfef4' })));
+        return (h(Host, { key: 'f19fb4030becd15fb3cc8f6d3a7e3a04d8a172e4' }, h("slot", { key: 'e1f3ae7b01b0a66874ea6af627a503bed92e7f82' })));
     }
 };
 NvRow.style = nvRowCss();

package/dist/esm/nv-sidebar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-C5xbfYEI.js';
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-Dtg-LGcy.js';
 
 const nvSidebarCss = () => `nv-sidebarnavitem a,nv-sidebarnavitem a:link,nv-sidebarnavitem a:visited,nv-sidebarnavitem a:hover,nv-sidebarnavitem a:active,nv-sidebarnavsubitem a,nv-sidebarnavsubitem a:link,nv-sidebarnavsubitem a:visited,nv-sidebarnavsubitem a:hover,nv-sidebarnavsubitem a:active{color:inherit !important;text-decoration:none !important}nv-sidebar{display:flex;flex-direction:column;position:relative;height:100vh;background-color:var(--components-sidebar-background);border-right:var(--sidebar-divider-size) solid var(--components-sidebar-border);transition:width 0.3s ease;width:var(--sidebar-width)}nv-sidebar[collapsed]{width:var(--sidebar-width-collapsed)}nv-sidebar[collapsed] [data-hide-on-collapsed]{display:none !important}nv-sidebar[collapsed] .nv-sidebar-container{padding:var(--sidebar-padding-y) var(--sidebar-padding-x-collapsed)}nv-sidebar[resizing]{transition:none}nv-sidebar .nv-sidebar-container{display:flex;flex-direction:column;flex:1;overflow:hidden;padding:var(--sidebar-padding-y) var(--sidebar-padding-x);gap:var(--sidebar-gap-y)}nv-sidebar .nv-sidebar-toggle{position:absolute;top:var(--sidebar-collapsible-button-position-top);right:calc(-1 * var(--sidebar-collapsible-button-position-right));display:flex;align-items:center;justify-content:center;padding:var(--sidebar-collapsible-button-padding);background-color:var(--components-sidebar-background);border:1px solid var(--color-content-low-border);border-radius:var(--radius-rounded-full);cursor:pointer;transition:transform 0.2s ease;z-index:10}nv-sidebar .nv-sidebar-toggle:hover{background-color:var(--color-interaction-container-neutral-background-hover)}nv-sidebar .nv-sidebar-toggle:focus,nv-sidebar .nv-sidebar-toggle:focus-within{outline:none}nv-sidebar .nv-sidebar-toggle:focus-visible,nv-sidebar .nv-sidebar-toggle:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-sidebar .nv-sidebar-toggle nv-icon{width:var(--sidebar-collapsible-button-icon-size);height:var(--sidebar-collapsible-button-icon-size);color:var(--color-interaction-container-neutral-icon)}nv-sidebar .nv-sidebar-toggle nv-icon:hover{color:var(--color-interaction-container-neutral-icon-hover)}nv-sidebar .nv-sidebar-resize-handle{position:absolute;top:0;right:calc(-1 * var(--sidebar-divider-size));width:4px;height:100%;cursor:col-resize;background-color:transparent;transition:background-color 0.15s ease;z-index:9;user-select:none;touch-action:none}nv-sidebar .nv-sidebar-resize-handle:hover,nv-sidebar .nv-sidebar-resize-handle:focus-visible{background-color:var(--color-interaction-container-branded-high-background)}nv-sidebar .nv-sidebar-resize-handle:focus,nv-sidebar .nv-sidebar-resize-handle:focus-within{outline:none}nv-sidebar .nv-sidebar-resize-handle:focus-visible,nv-sidebar .nv-sidebar-resize-handle:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}`;
 
@@ -319,9 +319,9 @@ const NvSidebar = class {
         const isCollapsed = this.type === 'collapsible' && !this.open;
         const showResizeHandle = this.resizable && !isCollapsed;
         const [ariaValueMin, ariaValueMax] = this.getBounds();
-        return (h(Host, { key: '6d43cb441e9477d4146d44af59365848dbbee875', role: "navigation", collapsed: isCollapsed ? true : undefined, resizing: this.resizing ? true : undefined, "notification-intention": this.notificationIntention, "notification-emphasis": this.notificationEmphasis, "aria-expanded": this.type === 'collapsible' ? String(this.open) : undefined }, h("div", { key: 'f6c58fbbafdb759499dd5a52e45eebc9ed6e5f4a', class: "nv-sidebar-container" }, h("slot", { key: '9ebf341658bb5631858390e3c76e274de72b5448' })), this.type === 'collapsible' && (h("button", { key: '1fd482c9157d47a5852395eb99a65f044f3db76a', class: "nv-sidebar-toggle", onClick: this.handleToggle, "aria-label": this.open ? 'Collapse sidebar' : 'Expand sidebar' }, h("nv-icon", { key: 'cd0a51cd731fc8c703256c3b781e0f20b14a3e2f', name: this.open
+        return (h(Host, { key: 'f584d8b2007d46a966b1d5ea00ccc20ffdb7a566', role: "navigation", collapsed: isCollapsed ? true : undefined, resizing: this.resizing ? true : undefined, "notification-intention": this.notificationIntention, "notification-emphasis": this.notificationEmphasis, "aria-expanded": this.type === 'collapsible' ? String(this.open) : undefined }, h("div", { key: 'b4264b03e34c809616d492519146d4be4c6e9199', class: "nv-sidebar-container" }, h("slot", { key: 'b272545553a32d154b1d994057957ad6ef5f0413' })), this.type === 'collapsible' && (h("button", { key: '0c3ee094010027fc2036974116087c64dc8cf6c5', class: "nv-sidebar-toggle", onClick: this.handleToggle, "aria-label": this.open ? 'Collapse sidebar' : 'Expand sidebar' }, h("nv-icon", { key: '3bfcf6301a5376ff9a144912af82e1b83ed3b617', name: this.open
                 ? 'layout-sidebar-left-collapse'
-                : 'layout-sidebar-right-collapse', size: "sm" }))), showResizeHandle && (h("div", { key: '75fe0b6d98ad9558b9003c541f255f84a41dbf27', class: "nv-sidebar-resize-handle", role: "separator", "aria-orientation": "vertical", "aria-label": "Resize sidebar", "aria-valuenow": this.getAriaValueNow(), "aria-valuemin": ariaValueMin, "aria-valuemax": ariaValueMax, tabIndex: 0, onPointerDown: this.handleResizeStart, onPointerMove: this.handleResizeMove, onPointerUp: this.handleResizeEnd, onPointerCancel: this.handleResizeCancel, onKeyDown: this.handleResizeKeyDown }))));
+                : 'layout-sidebar-right-collapse', size: "sm" }))), showResizeHandle && (h("div", { key: '12a6e9a907edd25b2b1adf52c831141905f3369b', class: "nv-sidebar-resize-handle", role: "separator", "aria-orientation": "vertical", "aria-label": "Resize sidebar", "aria-valuenow": this.getAriaValueNow(), "aria-valuemin": ariaValueMin, "aria-valuemax": ariaValueMax, tabIndex: 0, onPointerDown: this.handleResizeStart, onPointerMove: this.handleResizeMove, onPointerUp: this.handleResizeEnd, onPointerCancel: this.handleResizeCancel, onKeyDown: this.handleResizeKeyDown }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/nv-sidebarcontent.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host } from './index-C5xbfYEI.js';
+import { r as registerInstance, h, d as Host } from './index-Dtg-LGcy.js';
 
 const nvSidebarcontentCss = () => `nv-sidebarcontent{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}`;
 
@@ -9,7 +9,7 @@ const NvSidebarcontent = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '2460a0659ee45f37e92776ccf05a30a4bd58772f', role: "list" }, h("slot", { key: 'e7f41a9684461e8ee3fbc0388a6e1e80a33894ba' })));
+        return (h(Host, { key: '5e9ea9dabd866c1eeb822fb9ff0f240f9ed7baf6', role: "list" }, h("slot", { key: '9c196e39fccdce97a4abb97c78c4e4989a9d0a2f' })));
     }
 };
 NvSidebarcontent.style = nvSidebarcontentCss();

package/dist/esm/nv-sidebardivider.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host } from './index-C5xbfYEI.js';
+import { r as registerInstance, h, d as Host } from './index-Dtg-LGcy.js';
 
 const nvSidebardividerCss = () => `nv-sidebardivider{display:block;height:var(--sidebar-divider-size);background-color:var(--components-sidebar-divider)}`;
 
@@ -9,7 +9,7 @@ const NvSidebardivider = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return h(Host, { key: '479568a0cd52812e71cfc721ddd7e2af3da0762d', role: "separator", "aria-orientation": "horizontal" });
+        return h(Host, { key: 'c72803cbb9850b35168a96482d9c23019de96424', role: "separator", "aria-orientation": "horizontal" });
     }
 };
 NvSidebardivider.style = nvSidebardividerCss();

package/dist/esm/nv-sidebarfooter.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host } from './index-C5xbfYEI.js';
+import { r as registerInstance, h, d as Host } from './index-Dtg-LGcy.js';
 
 const nvSidebarfooterCss = () => `nv-sidebarfooter{display:block;margin-top:auto}`;
 
@@ -9,7 +9,7 @@ const NvSidebarfooter = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'e678899934cfdb9b0c5433d3a22b23e73728ab46' }, h("slot", { key: '39e4a8351deb008e9672a3e90c2f2c51196a2021' })));
+        return (h(Host, { key: '77a05cf3a036b84ac31632c96c988bdf9264909c' }, h("slot", { key: '9553a50d609f7f03fc5cca08833c9db2949371bf' })));
     }
 };
 NvSidebarfooter.style = nvSidebarfooterCss();

package/dist/esm/nv-sidebargroup.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host } from './index-C5xbfYEI.js';
+import { r as registerInstance, h, d as Host } from './index-Dtg-LGcy.js';
 
 const nvSidebargroupCss = () => `nv-sidebargroup{display:flex;flex-direction:column;gap:var(--sidebar-group-gap-y)}nv-sidebargroup .nv-sidebargroup-label{display:block;font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-medium-emphasis);color:var(--color-content-lower-text);letter-spacing:0;padding:var(--sidebar-title-padding-y) var(--sidebar-title-padding-x)}nv-sidebar[collapsed] nv-sidebargroup .nv-sidebargroup-label{display:none}`;
 
@@ -10,7 +10,7 @@ const NvSidebargroup = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'aa466d5d04f8f349c5f40b2705ce3ca07dcc0733', role: "group", "aria-label": this.label }, this.label && h("div", { key: '4460638eaac697aaba09e634bebc895dfeac43c8', class: "nv-sidebargroup-label" }, this.label), h("slot", { key: '4bfb3047dd95cb445797068c6915860b372a0864' })));
+        return (h(Host, { key: '94ff9b0f5a9b4c99a52f1259e3d7b0c6227b14a3', role: "group", "aria-label": this.label }, this.label && h("div", { key: '9a83d5a98fdd1d73b84b7a217c70ef279e69fa4a', class: "nv-sidebargroup-label" }, this.label), h("slot", { key: '4e987ce6b98fadced75ccc814b9ca9be80db0c8f' })));
     }
 };
 NvSidebargroup.style = nvSidebargroupCss();

package/dist/esm/nv-sidebarheader.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host } from './index-C5xbfYEI.js';
+import { r as registerInstance, h, d as Host } from './index-Dtg-LGcy.js';
 
 const nvSidebarheaderCss = () => `nv-sidebarheader{display:block}`;
 
@@ -9,7 +9,7 @@ const NvSidebarheader = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '058b1681ff0e0a35d96b3f5b27444853211eb067' }, h("slot", { key: '7b2f91201fe6ae8325dcfd07fae8f71cc15ffea1' })));
+        return (h(Host, { key: '4a2c70f79c4702dfd0bbbb5ab193382ad27d5522' }, h("slot", { key: '3c8c9ab5bc2837ed011d630b17c111eb7d091433' })));
     }
 };
 NvSidebarheader.style = nvSidebarheaderCss();

package/dist/esm/nv-sidebarlogo.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host } from './index-C5xbfYEI.js';
+import { r as registerInstance, h, d as Host } from './index-Dtg-LGcy.js';
 
 const nvSidebarlogoCss = () => `nv-sidebarlogo{display:block}nv-sidebarlogo .nv-sidebarlogo-container{display:flex;align-items:center;gap:var(--spacing-3)}nv-sidebarlogo .nv-sidebarlogo-full,nv-sidebarlogo .nv-sidebarlogo-collapsed{height:var(--spacing-8);width:auto;object-fit:contain}nv-sidebarlogo .nv-sidebarlogo-collapsed{display:none}nv-sidebarlogo .nv-sidebarlogo-title{font-size:var(--nv-sidebarlogo-font-size, var(--font-size-md));font-weight:var(--nv-sidebarlogo-font-weight, var(--font-weight-high-emphasis));font-family:var(--nv-sidebarlogo-font-family, inherit);color:var(--color-content-high-text);white-space:nowrap;overflow:hidden;transition:opacity 0.2s ease, max-width 0.3s ease, margin-left 0.3s ease;max-width:200px;opacity:1}nv-sidebar[collapsed] nv-sidebarlogo .nv-sidebarlogo-full{display:none}nv-sidebar[collapsed] nv-sidebarlogo .nv-sidebarlogo-collapsed{display:block}nv-sidebar[collapsed] nv-sidebarlogo .nv-sidebarlogo-title{max-width:0;opacity:0;margin-left:0}nv-sidebar[collapsed] nv-sidebarlogo .nv-sidebarlogo-container{justify-content:center;align-items:center;gap:0;width:100%;min-height:var(--spacing-12);padding:0}`;
 
@@ -19,7 +19,7 @@ const NvSidebarlogo = class {
     render() {
         const logoSrc = this.logo || this.defaultLogo;
         const collapsedLogoSrc = this.collapsedLogo || this.defaultCollapsedLogo;
-        return (h(Host, { key: '1b61ccdfac0bf190f46b9750c0d64dd594982446' }, h("div", { key: '57e98866efe588eb18a6e9ec89a4bc1a43129598', class: "nv-sidebarlogo-container" }, h("img", { key: 'b682703b4343aa2ab1db7f9d312e238acd2af008', src: logoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-full" }), h("img", { key: '0c01b944f5dabbb3120c890651b40724edbdae29', src: collapsedLogoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-collapsed" }), h("slot", { key: '9f6cb193bc61463f827e8bb8a39aaac8c37d3049', name: "label" }), this.label && h("span", { key: '1610d7896bcdce509fd601f3dfb4b6a59fcebac8', class: "nv-sidebarlogo-title" }, this.label))));
+        return (h(Host, { key: 'ff93a7354c92b3fc7a9f35d89331537e0ed93209' }, h("div", { key: '7304b9c975b1499c4719da252d7c98826e81b559', class: "nv-sidebarlogo-container" }, h("img", { key: 'e1955ccfba4573bc834b0db681c1841daedef5c3', src: logoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-full" }), h("img", { key: 'b02a31dbb3a61509bae66043feab0987a5bc7517', src: collapsedLogoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-collapsed" }), h("slot", { key: '9cf5c77752c1078ec4a2d75e186a626094f05d33', name: "label" }), this.label && h("span", { key: '0f738654eeea4dafe7ab171cd2c575245775fc6d', class: "nv-sidebarlogo-title" }, this.label))));
     }
 };
 NvSidebarlogo.style = nvSidebarlogoCss();

package/dist/esm/nv-sidebarnavitem.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host, e as getElement } from './index-C5xbfYEI.js';
+import { r as registerInstance, h, d as Host, e as getElement } from './index-Dtg-LGcy.js';
 
 const nvSidebarnavitemCss = () => `nv-sidebarnavitem{display:flex;flex-direction:column;gap:0}nv-sidebarnavitem .nv-sidebarnavitem-trigger{display:flex;align-items:center;gap:var(--sidebar-item-gap-x);padding:var(--sidebar-item-padding-y) var(--sidebar-item-padding-x);border-radius:var(--sidebar-item-radius);cursor:pointer;transition:all 0.15s ease;font-size:var(--sidebar-item-font-size);font-weight:var(--font-weight-medium-emphasis);color:var(--color-content-low-text);background:var(--components-sidebar-background);text-decoration:none;--nv-component-background:var(--components-sidebar-background);--nv-sidebarnavitem-background:var(--components-sidebar-background)}nv-sidebarnavitem .nv-sidebarnavitem-trigger:hover{background-color:var(--color-interaction-container-neutral-background-hover);color:var(--color-content-medium-text);--nv-component-background:var(--color-interaction-container-neutral-background-hover);--nv-sidebarnavitem-background:var(--color-interaction-container-neutral-background-hover)}nv-sidebarnavitem .nv-sidebarnavitem-trigger:focus,nv-sidebarnavitem .nv-sidebarnavitem-trigger:focus-within{outline:none}nv-sidebarnavitem .nv-sidebarnavitem-trigger:focus-visible,nv-sidebarnavitem .nv-sidebarnavitem-trigger:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-sidebarnavitem[active] .nv-sidebarnavitem-trigger{background-color:var(--color-interaction-container-neutral-background-active);color:var(--color-interaction-container-neutral-text-active);font-weight:var(--font-weight-medium-emphasis);--nv-component-background:var(--color-interaction-container-neutral-background-active);--nv-sidebarnavitem-background:var(--color-interaction-container-neutral-background-active)}nv-sidebarnavitem .nv-sidebarnavitem-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;width:var(--sidebar-item-icon-size);height:var(--sidebar-item-icon-size);position:relative}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-icon{overflow:visible;margin:0;justify-content:center}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-icon nv-notification-bullet{position:absolute;transform:translate(50%, -50%);z-index:1;--sidebar-notification-bullet-size-reduced:calc(     var(--sidebar-item-icon-size) * 0.4   )}nv-sidebarnavitem .nv-sidebarnavitem-content{flex:1;display:flex;align-items:center}nv-sidebarnavitem .nv-sidebarnavitem-content a{color:inherit !important;text-decoration:none !important;font-weight:var(--font-weight-medium-emphasis) !important;flex:1}nv-sidebarnavitem .nv-sidebarnavitem-trailing{display:flex;align-items:center;gap:var(--spacing-2);margin-left:auto}nv-sidebarnavitem .nv-sidebarnavitem-chevron{transition:transform 0.2s ease;color:inherit}nv-sidebarnavitem[open] .nv-sidebarnavitem-chevron{transform:rotate(180deg)}nv-sidebarnavitem .nv-sidebarnavitem-subitems{display:flex;flex-direction:column;gap:0;max-height:0;overflow:hidden;opacity:0;transition:max-height 0.3s ease, opacity 0.2s ease;padding-left:0}nv-sidebarnavitem[open] .nv-sidebarnavitem-subitems{opacity:1;margin-top:var(--spacing-1)}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-trigger{justify-content:center;gap:0;padding:var(--sidebar-item-padding-y-collapsed) var(--sidebar-item-padding-x-collapsed)}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-content{display:none}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-trailing,nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-chevron{display:none}`;
 
@@ -271,7 +271,7 @@ const NvSidebarnavitem = class {
     render() {
         const showNotificationBullet = this.notificationCount !== undefined && this.notificationCount > 0;
         const notificationSize = this.isSidebarCollapsed ? 'reduced' : 'default';
-        return (h(Host, { key: '3fc0030b34570e6a62d5382ed1986d06978e7697', role: "listitem" }, h("div", { key: 'baf4236cf917c60945b1087b822ea62688fce7dd', 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 && (h("div", { key: '43133ba47b9f79e13a1bff41e4bd6164167a324b', class: "nv-sidebarnavitem-icon" }, h("nv-icon", { key: '48a71113d4ee7e51a6888d24addd541adbb48bdd', name: this.icon, size: "md" }), showNotificationBullet && this.isSidebarCollapsed && (h("nv-notification-bullet", { key: '0a89f49fa31f416b794280477c24c9db8133031d', count: this.notificationCount, size: notificationSize, contrastingBorder: true })))), h("div", { key: '298e06f2a1649046e45ae7d50d233a43c592bda4', class: "nv-sidebarnavitem-content" }, h("slot", { key: '8c12b2779f0a89b71ecf15f2a29e750eacadf940' })), h("div", { key: 'f2ba7eec185fe210f294568852474df4c5e9bc64', class: "nv-sidebarnavitem-trailing" }, h("slot", { key: '365e7ad5254d49ad453e0da7a6d8fda260f2f6c5', name: "trailing" }), showNotificationBullet && !this.isSidebarCollapsed && (h("nv-notification-bullet", { key: 'bf2453a2b92425b9fabbcf285d793da2f091aeb8', count: this.notificationCount, size: notificationSize })), this.collapsible && (h("nv-icon", { key: 'a2e411250b6d2e03c1e5cfc0feaf777be5d386e8', name: "chevron-down", size: "sm", class: "nv-sidebarnavitem-chevron" })))), this.collapsible && this.hasSubitems && (h("div", { key: '06ad06c721546fcefb86010c10faf213d6881601', class: "nv-sidebarnavitem-subitems", ref: el => {
+        return (h(Host, { key: 'b91fe5e893da97a5c0689676894e806fb7263a80', role: "listitem" }, h("div", { key: 'a8f8a3e65144a10884aa097edaaff2f49c17cf4a', 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 && (h("div", { key: '8c34b7e8b7fc41503aa1f0e7eea6270b5889e6da', class: "nv-sidebarnavitem-icon" }, h("nv-icon", { key: '73afc94a134d96da07322786025b5ac2334f53b4', name: this.icon, size: "md" }), showNotificationBullet && this.isSidebarCollapsed && (h("nv-notification-bullet", { key: '93e5de4631e68dd5005778c56124a0ecc6338e81', count: this.notificationCount, size: notificationSize, contrastingBorder: true })))), h("div", { key: 'a3e2c46e1802d7ab16c3922ae56476b61bedf3c3', class: "nv-sidebarnavitem-content" }, h("slot", { key: 'f830c358b690bc90302dfa2c1053f39889412c8e' })), h("div", { key: 'dec2b6d2b86b8be336440a69049c206e30116bb3', class: "nv-sidebarnavitem-trailing" }, h("slot", { key: '4553629737f60012755f08f269466302524f9a21', name: "trailing" }), showNotificationBullet && !this.isSidebarCollapsed && (h("nv-notification-bullet", { key: '04e2408dccbee9b365e1e8b8efe77c674851d29e', count: this.notificationCount, size: notificationSize })), this.collapsible && (h("nv-icon", { key: 'b38dff75884b4696c146e8351cb91c5a33eda8c6', name: "chevron-down", size: "sm", class: "nv-sidebarnavitem-chevron" })))), this.collapsible && this.hasSubitems && (h("div", { key: '720f0050710f377a8cbb4258ebf95f8f3127dc36', 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;
@@ -286,7 +286,7 @@ const NvSidebarnavitem = class {
                         });
                     }
                 }
-            } }, h("slot", { key: '21ed17d8ab90541514ae0fa5e441d67f62200b6d', name: "subitems" })))));
+            } }, h("slot", { key: 'fe94b2867f472c3af6b71ce80da4a6bfac71dd39', name: "subitems" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {