@nova-design-system/nova-webcomponents 3.21.1-beta.0 → 3.22.0

package/hydrate/index.js

@@ -24564,95 +24564,6 @@ class NvNotification {
     }; }
 }
 
-const nvNotificationBulletCss = "nv-notification-bullet{display:inline-flex;align-items:center;position:relative;}nv-notification-bullet .nv-notification-bullet{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sidebar-primary-notification-bullet-size);max-width:var(--sidebar-primary-notification-bullet-size);min-height:var(--sidebar-primary-notification-bullet-size);max-height:var(--sidebar-primary-notification-bullet-size);padding:0 var(--spacing-1);border-radius:var(--radius-rounded-full);font-size:var(--sidebar-primary-notification-bullet-font-size);font-weight:var(--sidebar-primary-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-error-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-neutral .nv-notification-bullet.nv-notification-bullet-high{background-color:var(--color-interaction-container-neutral-background);color:var(--color-interaction-container-neutral-text)}nv-notification-bullet.nv-notification-bullet-neutral .nv-notification-bullet.nv-notification-bullet-low{background-color:var(--color-interaction-container-neutral-background);color:var(--color-interaction-container-neutral-text)}nv-notification-bullet.nv-notification-bullet-with-cross-border::before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(var(--sidebar-primary-notification-bullet-size) * 1.5);height:calc(var(--sidebar-primary-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-sidebar[collapsed] nv-notification-bullet.nv-notification-bullet-with-cross-border::before{width:calc(var(--sidebar-primary-notification-bullet-size-reduced) * 1.5);height:calc(var(--sidebar-primary-notification-bullet-size-reduced) * 1.5)}nv-notification-bullet .nv-notification-bullet.nv-notification-bullet-with-border{}nv-notification-bullet .nv-notification-bullet.nv-notification-bullet-reduced,nv-sidebar[collapsed] nv-notification-bullet .nv-notification-bullet{min-width:var(--sidebar-primary-notification-bullet-size-reduced);max-width:var(--sidebar-primary-notification-bullet-size-reduced);min-height:var(--sidebar-primary-notification-bullet-size-reduced);max-height:var(--sidebar-primary-notification-bullet-size-reduced);padding:0;font-size:0;}nv-notification-bullet .nv-notification-bullet.nv-notification-bullet-reduced.nv-notification-bullet-with-border,nv-sidebar[collapsed] nv-notification-bullet .nv-notification-bullet.nv-notification-bullet-with-border{}";
-var NvNotificationBulletStyle0 = nvNotificationBulletCss;
-
-/**
- * Notification bullet component for displaying notification counts in the sidebar.
- * Automatically adapts its size when the sidebar is collapsed.
- * Inherits intention and emphasis from parent nv-sidebar if not explicitly set.
- */
-class NvNotificationBullet {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Determines the size of the notification bullet.
-         * - default: Normal size with text visible
-         * - reduced: Smaller size, text hidden (just a dot)
-         */
-        this.size = 'default';
-        /**
-         * Allows to add a border to add contrast on background.
-         */
-        this.contrastingBorder = false;
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
-    getIntention() {
-        if (this.intention) {
-            return this.intention;
-        }
-        // Inherit from parent nv-sidebar
-        const sidebar = this.el.closest('nv-sidebar');
-        if (sidebar) {
-            const sidebarIntention = sidebar.getAttribute('notification-intention');
-            if (sidebarIntention === 'neutral' || sidebarIntention === 'brand') {
-                return sidebarIntention;
-            }
-        }
-        return 'brand'; // Default fallback
-    }
-    getEmphasis() {
-        if (this.emphasis) {
-            return this.emphasis;
-        }
-        // Inherit from parent nv-sidebar
-        const sidebar = this.el.closest('nv-sidebar');
-        if (sidebar) {
-            const sidebarEmphasis = sidebar.getAttribute('notification-emphasis');
-            if (sidebarEmphasis === 'high' || sidebarEmphasis === 'low') {
-                return sidebarEmphasis;
-            }
-        }
-        return 'high'; // Default fallback
-    }
-    //#region RENDER
-    render() {
-        var _a;
-        const displayCount = (_a = this.count) !== null && _a !== void 0 ? _a : 0;
-        const displayText = displayCount > 99 ? '99+' : String(displayCount);
-        if (displayCount <= 0) {
-            return null;
-        }
-        const sizeClass = this.size === 'reduced' ? 'nv-notification-bullet-reduced' : '';
-        const intention = this.getIntention();
-        const emphasis = this.getEmphasis();
-        const intentionClass = `nv-notification-bullet-${intention}`;
-        const emphasisClass = `nv-notification-bullet-${emphasis}`;
-        const borderClass = this.contrastingBorder
-            ? 'nv-notification-bullet-with-border'
-            : '';
-        return (hAsync(Host, { class: `${intentionClass} ${borderClass ? 'nv-notification-bullet-with-cross-border' : ''}` }, hAsync("span", { class: `nv-notification-bullet ${emphasisClass} ${sizeClass} ${borderClass}`, "aria-label": `${displayCount} notifications` }, displayText)));
-    }
-    get el() { return getElement(this); }
-    static get style() { return NvNotificationBulletStyle0; }
-    static get cmpMeta() { return {
-        "$flags$": 0,
-        "$tagName$": "nv-notification-bullet",
-        "$members$": {
-            "count": [514],
-            "intention": [513],
-            "emphasis": [513],
-            "size": [513],
-            "contrastingBorder": [516, "contrasting-border"]
-        },
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["count", "count"], ["intention", "intention"], ["emphasis", "emphasis"], ["size", "size"], ["contrastingBorder", "contrasting-border"]]
-    }; }
-}
-
 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}";
 var NvNotificationcontainerStyle0 = nvNotificationcontainerCss;
 
@@ -27148,729 +27059,6 @@ class NvRow {
     }; }
 }
 
-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(--color-level-00-background);border-right:var(--sidebar-primary-separator-size) solid var(--color-content-low-border);transition:width 0.3s ease;width:var(--sidebar-width)}nv-sidebar[collapsed]{width:var(--sidebar-reduced-max-width)}nv-sidebar[collapsed] [data-hide-on-collapsed]{display:none !important}nv-sidebar[collapsed] .nv-sidebar-container{padding:var(--spacing-6) var(--spacing-5)}nv-sidebar .nv-sidebar-container{display:flex;flex-direction:column;flex:1;overflow:hidden;padding:var(--spacing-6);gap:var(--sidebar-gap-y)}nv-sidebar .nv-sidebar-toggle{position:absolute;top:var(--spacing-8);right:calc(var(--spacing-8) / -2);display:flex;align-items:center;justify-content:center;width:var(--spacing-8);height:var(--spacing-8);padding:var(--sidebar-collapsible-button-padding);background-color:var(--color-level-00-background);border:var(--sidebar-primary-separator-size) 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-level-10-background)}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)}";
-var NvSidebarStyle0 = nvSidebarCss;
-
-/**
- * Main sidebar container for navigation. Supports collapsible and persistent modes.
- * @slot default - All sidebar components (logo, header, content, footer).
- */
-class NvSidebar {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.openChanged = createEvent(this, "openChanged", 7);
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * The type of sidebar behavior.
-         * - collapsible: Can be toggled open/closed
-         * - persistent: Always visible
-         */
-        this.type = 'persistent';
-        /**
-         * Whether the sidebar is currently open (only applies to collapsible type).
-         */
-        // eslint-disable-next-line @stencil-community/ban-default-true
-        this.open = true;
-        /**
-         * Determines the type of notification bullets in the sidebar.
-         * - neutral: Uses neutral colors (gray)
-         * - brand: Uses brand colors (orange/teal depending on theme)
-         */
-        this.notificationIntention = 'brand';
-        /**
-         * Determines the emphasis of notification bullets in the sidebar.
-         * - high: More prominent appearance
-         * - low: Less prominent appearance
-         */
-        this.notificationEmphasis = 'high';
-        //#endregion EVENTS
-        /****************************************************************************/
-        //#region METHODS
-        this.handleToggle = () => {
-            if (this.type === 'collapsible') {
-                // Changing open will trigger @Watch which emits the event
-                this.open = !this.open;
-            }
-        };
-        /**
-         * Sets the active state of navigation items based on activePath
-         */
-        this.setActiveNavItems = () => {
-            if (!this.activePath)
-                return;
-            // First, check all subitems to find if any matches exactly
-            const activeSubitemHrefs = new Set();
-            this.el.querySelectorAll('nv-sidebarnavsubitem').forEach(subItem => {
-                const link = subItem.querySelector('a');
-                const href = link === null || link === void 0 ? void 0 : link.getAttribute('href');
-                if (href) {
-                    const isActive = this.activePath === href;
-                    subItem.active = isActive;
-                    if (isActive) {
-                        activeSubitemHrefs.add(href);
-                    }
-                }
-            });
-            // Then, set nav items active only if:
-            // 1. Exact match with activePath AND no subitem matches
-            // 2. OR the navitem has no subitems and activePath starts with its href
-            this.el.querySelectorAll('nv-sidebarnavitem').forEach(navItem => {
-                const link = navItem.querySelector(':scope > a, :scope > .nv-sidebarnavitem-trigger a, .nv-sidebarnavitem-content > a');
-                const href = link === null || link === void 0 ? void 0 : link.getAttribute('href');
-                const hasSubitems = navItem.querySelector('nv-sidebarnavsubitem') !== null;
-                if (href) {
-                    if (hasSubitems) {
-                        // Parent with subitems: only active if exact match (not when subitem is active)
-                        navItem.active = this.activePath === href;
-                    }
-                    else {
-                        // Item without subitems: active on exact match
-                        navItem.active = this.activePath === href;
-                    }
-                }
-            });
-        };
-        this.pendingActiveUpdate = null;
-        /**
-         * Sets up the MutationObserver to watch for changes in child elements.
-         * Only triggers on new nav items being added, not on attribute changes.
-         */
-        this.setupMutationObserver = () => {
-            this.mutationObserver = new MutationObserver(mutations => {
-                // Only react to new nav items being added, ignore other mutations
-                const hasNewNavItems = mutations.some(mutation => {
-                    if (mutation.type !== 'childList')
-                        return false;
-                    return Array.from(mutation.addedNodes).some(node => {
-                        if (node.nodeType !== Node.ELEMENT_NODE)
-                            return false;
-                        const el = node;
-                        return (el.tagName.toLowerCase() === 'nv-sidebarnavitem' ||
-                            el.tagName.toLowerCase() === 'nv-sidebarnavsubitem' ||
-                            el.querySelector('nv-sidebarnavitem, nv-sidebarnavsubitem'));
-                    });
-                });
-                if (hasNewNavItems) {
-                    // Debounce to prevent multiple rapid calls
-                    if (this.pendingActiveUpdate) {
-                        clearTimeout(this.pendingActiveUpdate);
-                    }
-                    this.pendingActiveUpdate = window.setTimeout(() => {
-                        this.setActiveNavItems();
-                        this.pendingActiveUpdate = null;
-                    }, 50);
-                }
-            });
-            this.mutationObserver.observe(this.el, {
-                childList: true,
-                subtree: true,
-            });
-        };
-    }
-    handleCollapsedSideEffects(isCollapsed) {
-        if (!isCollapsed) {
-            return;
-        }
-        this.el.querySelectorAll('nv-sidebarnavitem[open]').forEach(navItem => {
-            navItem.open = false;
-        });
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region WATCHERS
-    onActivePathChanged() {
-        this.setActiveNavItems();
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        this.setActiveNavItems();
-        this.setupMutationObserver();
-        this.handleCollapsedSideEffects(this.type === 'collapsible' && !this.open);
-    }
-    onOpenChanged(newValue, oldValue) {
-        this.handleCollapsedSideEffects(this.type === 'collapsible' && !newValue);
-        // Only emit event when open state actually changes (not on re-render with same value)
-        if (this.type === 'collapsible' && newValue !== oldValue) {
-            this.openChanged.emit(newValue);
-        }
-    }
-    disconnectedCallback() {
-        if (this.mutationObserver) {
-            this.mutationObserver.disconnect();
-        }
-        if (this.pendingActiveUpdate) {
-            clearTimeout(this.pendingActiveUpdate);
-        }
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        const isCollapsed = this.type === 'collapsible' && !this.open;
-        return (hAsync(Host, { key: 'af78cae6f6cd895dbef098e549e63ac8baace243', role: "navigation", collapsed: isCollapsed ? true : undefined, "notification-intention": this.notificationIntention, "notification-emphasis": this.notificationEmphasis, "aria-expanded": this.type === 'collapsible' ? String(this.open) : undefined }, hAsync("div", { key: '28a2ec38d36308d803362d361a243dc5c1b6083e', class: "nv-sidebar-container" }, hAsync("slot", { key: 'c4d85987d256e89508392b6e28fdb74be9140ccb' })), this.type === 'collapsible' && (hAsync("button", { key: 'a34c2b6a0be9b1bd494ac542db3ed096c81e32f9', class: "nv-sidebar-toggle", onClick: this.handleToggle, "aria-label": this.open ? 'Collapse sidebar' : 'Expand sidebar' }, hAsync("nv-icon", { key: '8905351a55b339106a4c7bb5cf61582a98dd31a5', name: this.open
-                ? 'layout-sidebar-left-collapse'
-                : 'layout-sidebar-right-collapse', size: "sm" })))));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "activePath": ["onActivePathChanged"],
-        "open": ["onOpenChanged"]
-    }; }
-    static get style() { return NvSidebarStyle0; }
-    static get cmpMeta() { return {
-        "$flags$": 4,
-        "$tagName$": "nv-sidebar",
-        "$members$": {
-            "type": [513],
-            "open": [1540],
-            "activePath": [513, "active-path"],
-            "notificationIntention": [513, "notification-intention"],
-            "notificationEmphasis": [513, "notification-emphasis"]
-        },
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["type", "type"], ["open", "open"], ["activePath", "active-path"], ["notificationIntention", "notification-intention"], ["notificationEmphasis", "notification-emphasis"]]
-    }; }
-}
-
-const nvSidebarcontentCss = "nv-sidebarcontent{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}";
-var NvSidebarcontentStyle0 = nvSidebarcontentCss;
-
-/**
- * Scrollable main content area of the sidebar containing navigation groups and items.
- * @slot default - Navigation groups, items, and dividers.
- */
-class NvSidebarcontent {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (hAsync(Host, { key: 'd960a2c2abe06db605980bf35d2c7cc74f4e0dba', role: "list" }, hAsync("slot", { key: '7c0b0ad872d1afc279bfd9c9d381097207f055e2' })));
-    }
-    static get style() { return NvSidebarcontentStyle0; }
-    static get cmpMeta() { return {
-        "$flags$": 4,
-        "$tagName$": "nv-sidebarcontent",
-        "$members$": undefined,
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": []
-    }; }
-}
-
-const nvSidebardividerCss = "nv-sidebardivider{display:block;height:var(--sidebar-primary-separator-size);background-color:var(--color-content-low-border);margin:var(--spacing-2) 0}";
-var NvSidebardividerStyle0 = nvSidebardividerCss;
-
-/**
- * A horizontal divider for separating sidebar navigation groups.
- */
-class NvSidebardivider {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return hAsync(Host, { key: 'a4328b357b750232920c8b5e24e91503bba7e235', role: "separator", "aria-orientation": "horizontal" });
-    }
-    static get style() { return NvSidebardividerStyle0; }
-    static get cmpMeta() { return {
-        "$flags$": 0,
-        "$tagName$": "nv-sidebardivider",
-        "$members$": undefined,
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": []
-    }; }
-}
-
-const nvSidebarfooterCss = "nv-sidebarfooter{display:block;margin-top:auto}";
-var NvSidebarfooterStyle0 = nvSidebarfooterCss;
-
-/**
- * Optional footer container for the sidebar. Use this to display custom elements
- * like user settings, logout buttons, or version information at the bottom of the sidebar.
- * @slot default - Custom content to display in the footer.
- */
-class NvSidebarfooter {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (hAsync(Host, { key: '73ce5246f93d982caf0d65f2cde8156dfbe565da' }, hAsync("slot", { key: '92a297a59988ce6e70875eedd50227cdf011d4bf' })));
-    }
-    static get style() { return NvSidebarfooterStyle0; }
-    static get cmpMeta() { return {
-        "$flags$": 4,
-        "$tagName$": "nv-sidebarfooter",
-        "$members$": undefined,
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": []
-    }; }
-}
-
-const nvSidebargroupCss = "nv-sidebargroup{display:flex;flex-direction:column;gap:var(--spacing-1)}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-primary-title-padding-y) var(--sidebar-primary-title-padding-x)}nv-sidebar[collapsed] nv-sidebargroup .nv-sidebargroup-label{display:none}";
-var NvSidebargroupStyle0 = nvSidebargroupCss;
-
-/**
- * Groups navigation items together with an optional label.
- * @slot default - Navigation items (nv-sidebarnavitem) to display in this group.
- */
-class NvSidebargroup {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (hAsync(Host, { key: 'c7b4e34d8237dc93adaa33f12d7cfda36a8ac269', role: "group", "aria-label": this.label }, this.label && hAsync("div", { key: '7cafdf840b12c89604efda7895b764331c8054b7', class: "nv-sidebargroup-label" }, this.label), hAsync("slot", { key: 'b6567a223f7cc05ce2874a632d38d6665c255659' })));
-    }
-    static get style() { return NvSidebargroupStyle0; }
-    static get cmpMeta() { return {
-        "$flags$": 4,
-        "$tagName$": "nv-sidebargroup",
-        "$members$": {
-            "label": [513]
-        },
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["label", "label"]]
-    }; }
-}
-
-const nvSidebarheaderCss = "nv-sidebarheader{display:block}";
-var NvSidebarheaderStyle0 = nvSidebarheaderCss;
-
-/**
- * Optional header container for the sidebar. Use this to display custom elements
- * like search bars, user profiles, or action buttons at the top of the sidebar.
- * @slot default - Custom content to display in the header.
- */
-class NvSidebarheader {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (hAsync(Host, { key: '42d91f8325df19e8208ab045a057657c97bf3ff4' }, hAsync("slot", { key: '42b4e5952fd55b95fe2934297929cef3bd1b226c' })));
-    }
-    static get style() { return NvSidebarheaderStyle0; }
-    static get cmpMeta() { return {
-        "$flags$": 4,
-        "$tagName$": "nv-sidebarheader",
-        "$members$": undefined,
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": []
-    }; }
-}
-
-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}";
-var NvSidebarlogoStyle0 = nvSidebarlogoCss;
-
-/**
- * Displays the logo and title at the top of the sidebar.
- * Automatically switches between full and collapsed logos based on the sidebar state.
- */
-class NvSidebarlogo {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        //#endregion PROPERTIES
-        /****************************************************************************/
-        //#region CONSTANTS
-        // Default Nova logo SVG (expanded - icon only, text comes from label prop)
-        this.defaultLogo = 'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"%3E%3Cstyle%3E.cls-1{fill:%23f0801a;}%3C/style%3E%3Cpath class="cls-1" d="M25.71,2.13l-5.08,11.39c-.39.88-.38,1.92.13,2.73.74,1.17,2.19,1.59,3.42,1.07l14.26-6-3.14-2.27-10.89,4.66c-.15.06-.3-.09-.23-.24l4.34-9.31-2.81-2.03Z"/%3E%3Cpath class="cls-1" d="M4.29,10l9.22,8.4c.71.65,1.7.97,2.63.73,1.34-.34,2.2-1.58,2.09-2.91l-1.22-15.43-3.14,2.27,1.01,11.8c.01.16-.18.26-.3.15l-7.48-7.04-2.81,2.03Z"/%3E%3Cpath class="cls-1" d="M26.95,39.15l-2.59-12.2c-.2-.94-.82-1.78-1.71-2.13-1.29-.51-2.71,0-3.4,1.14l-8.01,13.24h3.87s6.07-10.18,6.07-10.18c.08-.14.3-.1.33.06l1.97,10.08h3.47Z"/%3E%3Cpath class="cls-1" d="M4.85,32.76l10.82-6.19c.83-.48,1.44-1.32,1.5-2.28.09-1.38-.83-2.58-2.13-2.89L0,17.82l1.2,3.68,11.54,2.67c.16.04.19.25.05.33l-9,4.96,1.07,3.3Z"/%3E%3Cpath class="cls-1" d="M40,20.11l-12.4-1.35c-.95-.1-1.94.22-2.56.96-.89,1.07-.84,2.58.03,3.58l10.08,11.74,1.2-3.69-7.77-8.94c-.11-.12,0-.32.16-.3l10.19,1.28,1.07-3.3Z"/%3E%3C/svg%3E';
-        // Default Nova icon (collapsed - same logo but will be displayed smaller)
-        this.defaultCollapsedLogo = 'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"%3E%3Cstyle%3E.cls-1{fill:%23f0801a;}%3C/style%3E%3Cpath class="cls-1" d="M25.71,2.13l-5.08,11.39c-.39.88-.38,1.92.13,2.73.74,1.17,2.19,1.59,3.42,1.07l14.26-6-3.14-2.27-10.89,4.66c-.15.06-.3-.09-.23-.24l4.34-9.31-2.81-2.03Z"/%3E%3Cpath class="cls-1" d="M4.29,10l9.22,8.4c.71.65,1.7.97,2.63.73,1.34-.34,2.2-1.58,2.09-2.91l-1.22-15.43-3.14,2.27,1.01,11.8c.01.16-.18.26-.3.15l-7.48-7.04-2.81,2.03Z"/%3E%3Cpath class="cls-1" d="M26.95,39.15l-2.59-12.2c-.2-.94-.82-1.78-1.71-2.13-1.29-.51-2.71,0-3.4,1.14l-8.01,13.24h3.87s6.07-10.18,6.07-10.18c.08-.14.3-.1.33.06l1.97,10.08h3.47Z"/%3E%3Cpath class="cls-1" d="M4.85,32.76l10.82-6.19c.83-.48,1.44-1.32,1.5-2.28.09-1.38-.83-2.58-2.13-2.89L0,17.82l1.2,3.68,11.54,2.67c.16.04.19.25.05.33l-9,4.96,1.07,3.3Z"/%3E%3Cpath class="cls-1" d="M40,20.11l-12.4-1.35c-.95-.1-1.94.22-2.56.96-.89,1.07-.84,2.58.03,3.58l10.08,11.74,1.2-3.69-7.77-8.94c-.11-.12,0-.32.16-.3l10.19,1.28,1.07-3.3Z"/%3E%3C/svg%3E';
-    }
-    //#endregion CONSTANTS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        const logoSrc = this.logo || this.defaultLogo;
-        const collapsedLogoSrc = this.collapsedLogo || this.defaultCollapsedLogo;
-        return (hAsync(Host, { key: 'ec2aba08293e4def2fe083c311b69cafe005cf5e' }, hAsync("div", { key: '3a24d832a0bb5aa44264fe1fc3091878556649bd', class: "nv-sidebarlogo-container" }, hAsync("img", { key: 'a9a08e7c5dd51902d9ffbda0d9216a4ffb186756', src: logoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-full" }), hAsync("img", { key: 'daef311e11c8d5ee6b823a4896be36ea5bd696cc', src: collapsedLogoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-collapsed" }), this.label && hAsync("span", { key: '9685e4c110e7bb7356f5d49b615105033a32a736', class: "nv-sidebarlogo-title" }, this.label))));
-    }
-    static get style() { return NvSidebarlogoStyle0; }
-    static get cmpMeta() { return {
-        "$flags$": 0,
-        "$tagName$": "nv-sidebarlogo",
-        "$members$": {
-            "label": [513],
-            "logo": [513],
-            "collapsedLogo": [513, "collapsed-logo"]
-        },
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["label", "label"], ["logo", "logo"], ["collapsedLogo", "collapsed-logo"]]
-    }; }
-}
-
-const nvSidebarnavitemCss = "nv-sidebarnavitem{display:flex;flex-direction:column;gap:0}nv-sidebarnavitem .nv-sidebarnavitem-trigger{display:flex;align-items:center;gap:var(--sidebar-primary-item-gap-x);padding:var(--sidebar-primary-item-padding-y) var(--sidebar-primary-item-padding-x);border-radius:var(--sidebar-primary-item-radius);cursor:pointer;transition:all 0.15s ease;font-size:var(--sidebar-primary-item-font-size);font-weight:var(--font-weight-medium-emphasis);color:var(--color-content-low-text);background:var(--color-interaction-container-neutral-background);text-decoration:none;--nv-component-background:var(--color-interaction-container-neutral-background);--nv-sidebarnavitem-background:var(--color-interaction-container-neutral-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-primary-item-icon-size);height:var(--sidebar-primary-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-primary-notification-bullet-size-reduced:calc(\n    var(--sidebar-primary-item-icon-size) * 0.4\n  )}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;width:100%}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}";
-var NvSidebarnavitemStyle0 = nvSidebarnavitemCss;
-
-/**
- * A navigation item in the sidebar. Can be a simple link or a collapsible parent with sub-items.
- * @slot default - The link or content of the item (usually an <a> tag).
- * @slot subitems - Sub-navigation items (nv-sidebarnavsubitem elements). Automatically assigned.
- * @slot trailing - Optional content displayed at the end of the item (e.g., badges, icons, chevron).
- */
-class NvSidebarnavitem {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Whether this item represents the active/current page.
-         * Can be set automatically when a sub-item becomes active.
-         */
-        this.active = false;
-        /**
-         * Whether this item can be collapsed/expanded (has sub-items).
-         */
-        this.collapsible = false;
-        /**
-         * Whether the collapsible item is currently open (showing sub-items).
-         */
-        this.open = false;
-        //#endregion PROPERTIES
-        /****************************************************************************/
-        //#region STATE
-        this.hasSubitems = false;
-        this.isSidebarCollapsed = false;
-        this.wasActiveFromSubitem = false; // Track if active was set by subitem logic
-        //#endregion STATE
-        /****************************************************************************/
-        //#region METHODS
-        this.handleToggle = (event) => {
-            // Ignore clicks that originated from subitems (they bubble up but shouldn't toggle)
-            const target = event.target;
-            if (target.closest('nv-sidebarnavsubitem')) {
-                return; // Let the subitem's link handle navigation normally
-            }
-            // In collapsed sidebar mode, navigate to the main link instead of toggling
-            if (this.isSidebarCollapsed) {
-                // Find the first link that is NOT inside subitems
-                const link = this.el.querySelector('.nv-sidebarnavitem-content a, :scope > a');
-                if (link === null || link === void 0 ? void 0 : link.href) {
-                    // Check if click was directly on the link - if so, let it handle naturally
-                    if (target.closest('a')) {
-                        return;
-                    }
-                    // Trigger navigation by clicking the link programmatically
-                    link.click();
-                }
-                return;
-            }
-            // Only handle toggle for collapsible items when sidebar is expanded
-            if (this.collapsible) {
-                event.preventDefault();
-                event.stopPropagation();
-                this.open = !this.open;
-            }
-            // 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;
-        /** Tracks the last open state that was animated to, to prevent redundant animations */
-        this.lastAnimatedOpenState = null;
-        this.updateSubitemsHeight = (force = false) => {
-            if (!this.subitemsRef)
-                return;
-            // Skip animation if we're already in the target state (prevents animation on active change)
-            // Only animate if:
-            // 1. forced (explicit toggle by user via @Watch)
-            // 2. OR this is the first animation (lastAnimatedOpenState is null)
-            // 3. OR the open state has actually changed since last animation
-            if (!force &&
-                this.lastAnimatedOpenState !== null &&
-                this.lastAnimatedOpenState === this.open) {
-                return;
-            }
-            // Don't re-animate if already animating and not forced
-            if (this.isAnimating && !force) {
-                return;
-            }
-            this.isAnimating = true;
-            this.lastAnimatedOpenState = this.open;
-            if (this.open) {
-                // Calculate real height and animate to it
-                this.subitemsRef.style.transition = 'none';
-                this.subitemsRef.style.maxHeight = '0px';
-                requestAnimationFrame(() => {
-                    if (this.subitemsRef) {
-                        this.subitemsRef.style.transition =
-                            'max-height 0.3s ease, opacity 0.2s ease';
-                        this.subitemsRef.style.maxHeight =
-                            this.subitemsRef.scrollHeight + 'px';
-                        // Reset animation flag after animation completes
-                        setTimeout(() => {
-                            this.isAnimating = false;
-                        }, 300); // Match animation duration
-                    }
-                });
-            }
-            else {
-                // Animate to 0
-                this.subitemsRef.style.transition = 'none';
-                this.subitemsRef.style.maxHeight = this.subitemsRef.scrollHeight + 'px';
-                requestAnimationFrame(() => {
-                    if (this.subitemsRef) {
-                        this.subitemsRef.style.transition =
-                            'max-height 0.3s ease, opacity 0.2s ease';
-                        this.subitemsRef.style.maxHeight = '0px';
-                        // Reset animation flag after animation completes
-                        setTimeout(() => {
-                            this.isAnimating = false;
-                        }, 300); // Match animation duration
-                    }
-                });
-            }
-        };
-        this.checkSidebarCollapsed = () => {
-            var _a;
-            const sidebar = this.el.closest('nv-sidebar');
-            const wasCollapsed = this.isSidebarCollapsed;
-            this.isSidebarCollapsed = (_a = sidebar === null || sidebar === void 0 ? void 0 : sidebar.hasAttribute('collapsed')) !== null && _a !== void 0 ? _a : false;
-            // When sidebar collapse state changes, update active state based on subitems
-            if (wasCollapsed !== this.isSidebarCollapsed) {
-                this.updateActiveFromSubitems();
-            }
-        };
-        /**
-         * Checks if any sub-item is active and updates parent active state.
-         * - When sidebar is collapsed: if a sub-item is active, parent should be active
-         * - When sidebar is expanded: if a sub-item is active AND parent is not open, parent should be active
-         *   (because sub-items are hidden, we need to indicate the parent contains an active child)
-         */
-        this.updateActiveFromSubitems = () => {
-            if (!this.hasSubitems)
-                return;
-            // Find all sub-items
-            const subItems = Array.from(this.el.querySelectorAll('nv-sidebarnavsubitem'));
-            // Check if any sub-item is active
-            const hasActiveSubitem = subItems.some(subItem => subItem.active);
-            if (this.isSidebarCollapsed) {
-                // When sidebar is collapsed AND a sub-item is active, make parent active
-                if (hasActiveSubitem) {
-                    this.active = true;
-                    this.wasActiveFromSubitem = true;
-                }
-                else {
-                    // When collapsed and no sub-item is active, remove active state only if we set it
-                    if (this.wasActiveFromSubitem) {
-                        this.active = false;
-                        this.wasActiveFromSubitem = false;
-                    }
-                }
-            }
-            else {
-                // When sidebar is expanded
-                if (hasActiveSubitem && !this.open) {
-                    // If a sub-item is active AND parent is not open (sub-items hidden),
-                    // make parent active to indicate it contains an active child
-                    this.active = true;
-                    this.wasActiveFromSubitem = true;
-                }
-                else if (hasActiveSubitem && this.open) {
-                    // If a sub-item is active BUT parent is open (sub-items visible),
-                    // remove active state from parent (only sub-item should be active)
-                    if (this.wasActiveFromSubitem) {
-                        this.active = false;
-                        this.wasActiveFromSubitem = false;
-                    }
-                }
-                else {
-                    // No active sub-item, remove active state if we set it
-                    if (this.wasActiveFromSubitem) {
-                        this.active = false;
-                        this.wasActiveFromSubitem = false;
-                    }
-                }
-                // Note: activePath logic in nv-sidebar can also manage parent active state
-                // (when parent href matches activePath exactly)
-            }
-        };
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        // Check if there are sub-items in any slot
-        const subItems = Array.from(this.el.children).filter(child => child.tagName.toLowerCase() === 'nv-sidebarnavsubitem');
-        this.hasSubitems = subItems.length > 0;
-        // Move sub-items to the subitems slot
-        if (this.hasSubitems) {
-            subItems.forEach(item => {
-                item.setAttribute('slot', 'subitems');
-            });
-        }
-        // Check sidebar collapsed state
-        this.checkSidebarCollapsed();
-        // Watch for sidebar state changes
-        const sidebar = this.el.closest('nv-sidebar');
-        if (sidebar) {
-            this.mutationObserver = new MutationObserver(() => {
-                this.checkSidebarCollapsed();
-            });
-            this.mutationObserver.observe(sidebar, {
-                attributes: true,
-                attributeFilter: ['collapsed'],
-            });
-        }
-        // Watch for sub-items active state changes
-        if (this.hasSubitems) {
-            // Observe the subitems container for changes (including new sub-items being added)
-            // Using subtree: true to catch all attribute changes in descendants
-            const subitemsContainer = this.el.querySelector('.nv-sidebarnavitem-subitems');
-            if (subitemsContainer) {
-                this.subitemsMutationObserver = new MutationObserver(() => {
-                    this.updateActiveFromSubitems();
-                });
-                // Observe the container for child list changes and attribute changes in descendants
-                this.subitemsMutationObserver.observe(subitemsContainer, {
-                    childList: true,
-                    subtree: true,
-                    attributes: true,
-                    attributeFilter: ['active'],
-                });
-            }
-            else {
-                // If container doesn't exist yet (not collapsible or not rendered), observe the element itself
-                // This handles cases where sub-items are direct children
-                this.subitemsMutationObserver = new MutationObserver(() => {
-                    this.updateActiveFromSubitems();
-                });
-                this.subitemsMutationObserver.observe(this.el, {
-                    childList: true,
-                    subtree: true,
-                    attributes: true,
-                    attributeFilter: ['active'],
-                });
-            }
-        }
-        // Initial check for active subitems
-        this.updateActiveFromSubitems();
-    }
-    disconnectedCallback() {
-        if (this.mutationObserver) {
-            this.mutationObserver.disconnect();
-        }
-        if (this.subitemsMutationObserver) {
-            this.subitemsMutationObserver.disconnect();
-        }
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region WATCHERS
-    onOpenChanged(newValue, oldValue) {
-        // Only animate if the value actually changed (prevents false triggers from React re-renders)
-        if (newValue === oldValue) {
-            return;
-        }
-        // Force update when open state changes (user clicked toggle)
-        this.updateSubitemsHeight(true);
-        // Update active state based on subitems when open state changes
-        this.updateActiveFromSubitems();
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        const showNotificationBullet = this.notificationCount !== undefined && this.notificationCount > 0;
-        const notificationSize = this.isSidebarCollapsed ? 'reduced' : 'default';
-        return (hAsync(Host, { key: 'c0c9c63cb295441389b5ced9a4b0a0d5a1af99cd', role: "listitem" }, hAsync("div", { key: '6673c3f4c14762bff8512ecc430febddfa74b307', 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 && (hAsync("div", { key: '25f703e9fb7375b8b562be54f080120ae037dd9f', class: "nv-sidebarnavitem-icon" }, hAsync("nv-icon", { key: '1a4e345c90afcec159890db6c6b0e22d53dd673d', name: this.icon, size: "md" }), showNotificationBullet && this.isSidebarCollapsed && (hAsync("nv-notification-bullet", { key: '15b69d1a2325daed7d6583ed10906fe4e91809e5', count: this.notificationCount, size: notificationSize, contrastingBorder: true })))), hAsync("div", { key: 'c717c09f39eab07616de419a35b11a5b7dfce5d1', class: "nv-sidebarnavitem-content" }, hAsync("slot", { key: '9f8687f151fd082a6737e7fbe6036cc3ebff3cc2' })), hAsync("div", { key: 'b2c3d7a4c30ce96273731a05a1d361f5654582de', class: "nv-sidebarnavitem-trailing" }, hAsync("slot", { key: 'acf2dddbbbc7d2e83703c731a244237e0dc81153', name: "trailing" }), showNotificationBullet && !this.isSidebarCollapsed && (hAsync("nv-notification-bullet", { key: 'adca5c7418a3b58afa5ef21ddd3fa9b2d880a56c', count: this.notificationCount, size: notificationSize })), this.collapsible && (hAsync("nv-icon", { key: 'a4a4369d4ba76f567cca439d1b4c7e95ad5ba98c', name: "chevron-down", size: "sm", class: "nv-sidebarnavitem-chevron" })))), this.collapsible && this.hasSubitems && (hAsync("div", { key: '2d4fadb0b547eb369a702bb8210b3312dde505b2', 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;
-                    if (el && !this.hasInitializedHeight) {
-                        // Initialize height only on first mount, not on re-renders
-                        this.hasInitializedHeight = true;
-                        requestAnimationFrame(() => {
-                            // Only animate if item is open, otherwise it will animate when opened
-                            if (this.open) {
-                                this.updateSubitemsHeight();
-                            }
-                        });
-                    }
-                }
-            } }, hAsync("slot", { key: 'f0ffb970aa2d84580205ba110858d3f1c27875a3', name: "subitems" })))));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "open": ["onOpenChanged"]
-    }; }
-    static get style() { return NvSidebarnavitemStyle0; }
-    static get cmpMeta() { return {
-        "$flags$": 4,
-        "$tagName$": "nv-sidebarnavitem",
-        "$members$": {
-            "icon": [513],
-            "active": [1540],
-            "collapsible": [516],
-            "open": [1540],
-            "notificationCount": [514, "notification-count"],
-            "hasSubitems": [32],
-            "isSidebarCollapsed": [32]
-        },
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["icon", "icon"], ["active", "active"], ["collapsible", "collapsible"], ["open", "open"], ["notificationCount", "notification-count"]]
-    }; }
-}
-
-const nvSidebarnavsubitemCss = "nv-sidebarnavsubitem{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--list-dropdown-sub-item-padding-left);cursor:pointer;transition:all 0.15s ease;position:relative;min-height:var(--spacing-10);background-color:var(--color-interaction-container-neutral-background);border-radius:var(--sidebar-primary-item-radius);--nv-component-background:var(--color-interaction-container-neutral-background)}nv-sidebarnavsubitem:hover{background-color:var(--color-interaction-container-neutral-background-hover);--nv-component-background:var(--color-interaction-container-neutral-background-hover)}nv-sidebarnavsubitem:focus,nv-sidebarnavsubitem:focus-within{outline:none}nv-sidebarnavsubitem:focus-visible,nv-sidebarnavsubitem:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-sidebarnavsubitem .nv-sidebarnavsubitem-indicator{display:none}nv-sidebarnavsubitem .nv-sidebarnavsubitem-content{flex:1;display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-content-medium-text);text-decoration:none;font-weight:var(--font-weight-medium-emphasis)}nv-sidebarnavsubitem .nv-sidebarnavsubitem-content a{color:inherit !important;text-decoration:none !important;font-weight:var(--font-weight-medium-emphasis) !important;flex:1}nv-sidebarnavsubitem:hover .nv-sidebarnavsubitem-content{color:var(--color-content-medium-text)}nv-sidebarnavsubitem[active]{background-color:var(--color-interaction-container-neutral-background-active);--nv-component-background:var(--color-interaction-container-neutral-background-active)}nv-sidebarnavsubitem[active] .nv-sidebarnavsubitem-content{color:var(--color-orange-600);font-weight:var(--font-weight-high-emphasis)}nv-sidebarnavsubitem .nv-sidebarnavsubitem-trailing{display:flex;align-items:center}nv-sidebar[collapsed] nv-sidebarnavsubitem .nv-sidebarnavsubitem-content{max-width:0;opacity:0;margin:0;overflow:hidden;transition:opacity 0.2s ease, max-width 0.2s ease}nv-sidebar[collapsed] nv-sidebarnavsubitem .nv-sidebarnavsubitem-indicator{margin-right:0;width:var(--spacing-6);justify-content:center}nv-sidebar[collapsed] nv-sidebarnavsubitem .nv-sidebarnavsubitem-trailing{display:none}";
-var NvSidebarnavsubitemStyle0 = nvSidebarnavsubitemCss;
-
-/**
- * A sub-item in the sidebar navigation, typically used as a child of nv-sidebarnavitem.
- * @slot default - The link or content of the sub-item (usually an <a> tag).
- * @slot trailing - Optional content displayed at the end of the sub-item (e.g., badges, icons).
- */
-class NvSidebarnavsubitem {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Whether this sub-item represents the active/current page.
-         */
-        this.active = false;
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
-    // Note: We no longer use stopPropagation() here because it prevents React Router
-    // (and other SPA routers) from receiving the click event due to event delegation.
-    // Instead, the parent nv-sidebarnavitem checks if clicks originate from subitems.
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (hAsync(Host, { key: '8ae8c5e2038145bd458a35d237495a06fde97294', role: "listitem", "aria-current": this.active ? 'page' : undefined }, hAsync("div", { key: '559a99d72973f7af43091c5c920e77d8cad3944c', class: "nv-sidebarnavsubitem-indicator" }), hAsync("div", { key: '204c7ad681d51310f43b618ef14a12d0ccc93ddc', class: "nv-sidebarnavsubitem-content" }, hAsync("slot", { key: 'f4717aee216fbeac4dbfe0d98b34fe7e83476701' })), hAsync("div", { key: 'b5db84c75ae4e51d8a048000a49697eaf4b20f1d', class: "nv-sidebarnavsubitem-trailing" }, hAsync("slot", { key: 'b6d0afcd6b4ace60b32f531f414b70aba513a274', name: "trailing" }))));
-    }
-    static get style() { return NvSidebarnavsubitemStyle0; }
-    static get cmpMeta() { return {
-        "$flags$": 4,
-        "$tagName$": "nv-sidebarnavsubitem",
-        "$members$": {
-            "active": [516]
-        },
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["active", "active"]]
-    }; }
-}
-
 const nvSplitCss = "nv-split{display:flex;width:100%;height:100%;position:relative}nv-split[direction=horizontal]{flex-direction:row}nv-split[direction=vertical]{flex-direction:column}nv-split .nv-split-gutter{position:absolute;z-index:10;background:transparent;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background-color 0.2s ease}nv-split .nv-split-gutter::after{content:\"\";position:absolute;background:var(--nv-color-neutral-400, #ccc);border-radius:2px;transition:background-color 0.2s ease}nv-split .nv-split-gutter:hover::after{background:var(--nv-color-brand-primary, #0066cc)}nv-split .nv-split-gutter::before{content:\"\";position:absolute;background-repeat:no-repeat;background-position:center;opacity:0.4;transition:opacity 0.2s ease;pointer-events:none}nv-split .nv-split-gutter:hover::before{opacity:0.7}nv-split[direction=horizontal]>.nv-split-gutter{width:var(--nv-split-gutter-size, 24px);top:0;bottom:0;transform:translateX(-50%);cursor:col-resize}nv-split[direction=horizontal]>.nv-split-gutter::after{width:2px;height:60%;left:50%;top:20%;transform:translateX(-50%)}nv-split[direction=horizontal]>.nv-split-gutter::before{width:16px;height:16px}nv-split[direction=vertical]>.nv-split-gutter{height:var(--nv-split-gutter-size, 24px);left:0;right:0;transform:translateY(-50%);cursor:row-resize}nv-split[direction=vertical]>.nv-split-gutter::after{height:2px;width:60%;top:50%;left:20%;transform:translateY(-50%)}nv-split[direction=vertical]>.nv-split-gutter::before{width:16px;height:16px}nv-split[data-dragging=true]>.nv-split-gutter::after{background:var(--nv-color-neutral-500, #9ca3af)}nv-split>[slot=pane]{flex:1 1 auto;overflow:hidden;min-width:0;min-height:0;display:flex;flex-direction:column}nv-split>[slot=pane]>nv-split{flex:1 1 auto;width:100%;height:100%}";
 var NvSplitStyle0 = nvSplitCss;
 
@@ -28196,7 +27384,7 @@ class NvSplit {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'df6a2141e14d1f691af162d1eae2e2763ffad014', "data-dragging": this.isDragging.toString() }, hAsync("slot", { key: 'ce9d941bc73fa6e12161f334d4cd86e9045f6271', name: "pane" }), hAsync("slot", { key: 'a70c14b0989a758ad35dc3c611563f7d03be0d02', name: "gutter" })));
+        return (hAsync(Host, { key: '6b1fd4447295f209a9b0ea95b7d2a07200204504', "data-dragging": this.isDragging.toString() }, hAsync("slot", { key: '67089b66457c4ad64abb80749d64ca67c881a1c0', name: "pane" }), hAsync("slot", { key: '2fe9da5dd2aa2ff5b14bdd9ea99e9f0fa027931d', name: "gutter" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -28246,7 +27434,7 @@ class NvStack {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'fbdaf5b2fb134b050883a512b4aeb96b070017c1', class: 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') }, hAsync("slot", { key: '6c7c231b8ff2575a1b509539d227468629fae6ab' })));
+        return (hAsync(Host, { key: '65adeb492f9eb9b709c809d65b52f4447d1c938d', class: 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') }, hAsync("slot", { key: '09773d6affbc9bf3c18e75162d9c096dd31a48e7' })));
     }
     static get style() { return NvStackStyle0; }
     static get cmpMeta() { return {
@@ -28500,7 +27688,7 @@ class NvTable {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'ec194bed7ec58642be9f6b52a737e2f9375a152e' }, hAsync("slot", { key: '009ce0f20491156ca93141c85683f0be499a9938' })));
+        return (hAsync(Host, { key: '684a51e016d83eeb0ab76f07fe6d26a06bf00457' }, hAsync("slot", { key: '420b9cbcb641692ed95d54ec2e0af1c0b09776c3' })));
     }
     get host() { return getElement(this); }
     static get style() { return NvTableStyle0; }
@@ -28575,7 +27763,7 @@ class NvTableheader {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '6719336a9812b1d1abd161b955b841c1459fb584', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, hAsync("slot", { key: 'd559e3b7c74f6dcf8197e2d082310660a23291d6' }), this.sortable && (hAsync("span", { key: '540c8c8cf3cccac47a3ece7d9be4e97c4e283690', class: "sort-icon-wrap", "aria-hidden": "true" }, hAsync("nv-iconbutton", { key: 'ac713c7af3b5b2e452f02d0d77cb64398b0febd4', disableTabindex: true, name: "arrow-up", size: "xs", emphasis: this.sortDirection === 'none' ? 'lower' : 'low',
+        return (hAsync(Host, { key: '03d7e74c19c0c1ef54f4d6f53eab0964af821f57', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, hAsync("slot", { key: '7408d11ba38b59f05bcdcffcb55d11ae36f93a34' }), this.sortable && (hAsync("span", { key: 'c76ddbf61861d9cd45eb7b0d8c59095947677135', class: "sort-icon-wrap", "aria-hidden": "true" }, hAsync("nv-iconbutton", { key: '6d59b4b14dfe588142ccba2e1dc452754ea5a2f7', 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',
@@ -28660,8 +27848,8 @@ class NvToggle {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '1a217a31999750cb1c8f26af5407ef2d7277600c', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, hAsync("div", { key: '35e39e8df6475ffa41cd8b811948454ba956e814', class: "input-container" }, hAsync("input", { key: '359a584d868d37affcb7b5fe5c24fef71eae209e', 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 })), hAsync("div", { key: '3bc4c7d7ef8bca23391ede4b08eb596bab68289a', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '61be38f883222b69807c0e8b8540f6ad20ed0cf4', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, hAsync("slot", { key: 'e5ad1f81fc6e98794931b5e6dc811d9cc6aa9c73', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'f1f0d41c28be40b24e17d9f6f29224fbb2f9f05e', class: "description" }, hAsync("slot", { key: '5418c3c3195045200e9ad0eb4bc6438eee453fd9', name: "description" }, this.description))))));
+        return (hAsync(Host, { key: 'c4307e84431894271a4fbe3ccd236f8b26d8d499', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, hAsync("div", { key: 'edb8c0ba8d92aa3864ff778a037bfb148601663a', class: "input-container" }, hAsync("input", { key: 'f8be6f1936b390acdfaab0a87acea69d479e7a5a', 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 })), hAsync("div", { key: 'c9dae62cda7d33fcd3dc4e1a2fd8173295a32ed3', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '365ed61ccd3ca72372998b4a3fc58d36de944f3a', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, hAsync("slot", { key: '77ee33f84756787e0f34507da294abb9514b703d', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '5076c7b3cbf9f820592bb339df3251e280a9be9c', class: "description" }, hAsync("slot", { key: '75f461109ac021aa51e6717ab56b1319a2b7f6ca', name: "description" }, this.description))))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -28737,7 +27925,7 @@ class NvTogglebutton {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '35199476bd724fe4a6b4dde51b7822bed5c374ff', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, hAsync("slot", { key: '864cf0f2550b66b0b34c4f779086d4b4847732e6' })));
+        return (hAsync(Host, { key: 'ef2adf60f4a453ba0c5c7bd83d3fc52d5c37f5d8', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, hAsync("slot", { key: '242d30a2d6f3d0cbaba1ee8cfb4abb2e607b66c4' })));
     }
     static get style() { return NvTogglebuttonStyle0; }
     static get cmpMeta() { return {
@@ -28911,7 +28099,7 @@ class NvTogglebuttongroup {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'b7c5cb46244f10a93330dc601d0347e3cb53c276' }, hAsync("slot", { key: '0808ec94f479f52f60b50ac14ce1a4eb989e5778' })));
+        return (hAsync(Host, { key: '8b42c5392c429b249ccc8be4f97fa6eccf4e2383' }, hAsync("slot", { key: '78046dc23352a3fab760cc3c1b53edc47e16d48b' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -28982,7 +28170,7 @@ class NvTooltip {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'ff1ca24735ec78d279cdc2f98cb54c0d6a7b4103' }, hAsync("slot", { key: '3e0676a49b957ecb6eb3e0e6bfc1d8d8f0d2e02a' }), hAsync("nv-popover", { key: '063fb414e47a1a6b722ee8b61f3dd68a61c5b7df', triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, hAsync("p", { key: 'a8714211a3a5c723d187acdcb23484610bd91a36', slot: "content" }, this.message), hAsync("slot", { key: 'edae83eb3c0f5c57b9b7263ccc139463b044f68e', name: "content" }))));
+        return (hAsync(Host, { key: 'f0560549d1168fed22c4e48a2e11be5dda49f005' }, hAsync("slot", { key: '698227e9bea7ea94eff00ff72f124656ed11624d' }), hAsync("nv-popover", { key: 'df4ddd77e40b4998a32e166710a2ff27a1e0c216', triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, hAsync("p", { key: 'b8fc42997671fafc15173bce2fdf7dec667d76e5', slot: "content" }, this.message), hAsync("slot", { key: '5b8a27ff474367ba2e5771deb62137e40f5d911d', name: "content" }))));
     }
     get el() { return getElement(this); }
     static get style() { return NvTooltipStyle0; }
@@ -29040,19 +28228,9 @@ registerComponents([
   NvMenu,
   NvMenuitem,
   NvNotification,
-  NvNotificationBullet,
   NvNotificationContainer,
   NvPopover,
   NvRow,
-  NvSidebar,
-  NvSidebarcontent,
-  NvSidebardivider,
-  NvSidebarfooter,
-  NvSidebargroup,
-  NvSidebarheader,
-  NvSidebarlogo,
-  NvSidebarnavitem,
-  NvSidebarnavsubitem,
   NvSplit,
   NvStack,
   NvTable,