@nova-design-system/nova-react 3.21.0 → 3.21.1-beta.0

package/dist/cjs/{index-yxDlFA78.js → index-CEKdYnmK.js}

@@ -3732,7 +3732,7 @@ const NvIcon$2 = /*@__PURE__*/ proxyCustomElement(class NvIcon extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '6d0cc341a34f4e8b6564a8685a4a48b15cd65ede', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, h$1("svg", { key: 'f38d1bf6fc71af859517b8938b4edfbab3a869b4', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, h$1("use", { key: '6575d274a1278ea8a22d7b09616470b6f2b1a982', href: `#nvicon_${this.name}` }))));
+        return (h$1(Host$1, { key: '8cb4ada2454c7e9676cd088397eb4416ccab2d82', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, h$1("svg", { key: '4934c79fa096935be509ff6a641361dac44a4a9f', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, h$1("use", { key: 'fd1463bd985a473937d6d3035edf83a8d5baf92d', href: `#nvicon_${this.name}` }))));
     }
     static get style() { return NvIconStyle0; }
 }, [0, "nv-icon", {
@@ -3745,7 +3745,7 @@ const NvIcon$2 = /*@__PURE__*/ proxyCustomElement(class NvIcon extends H {
         "name": [513],
         "size": [1537]
     }]);
-function defineCustomElement$11() {
+function defineCustomElement$1c() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -3758,7 +3758,7 @@ function defineCustomElement$11() {
             break;
     } });
 }
-defineCustomElement$11();
+defineCustomElement$1c();
 
 const nvLoaderCss = "@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}nv-loader{display:inline-block;position:relative;aspect-ratio:1/1;border-radius:9999px;color:inherit}nv-loader.size-xs{width:var(--loader-size-xs);height:var(--loader-size-xs)}nv-loader.size-xs::before,nv-loader.size-xs::after{content:\" \";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xs::before{content:\" \";border:calc(var(--loader-size-xs) / 10) solid;opacity:0.3}nv-loader.size-xs::after{content:\" \";border-top:calc(var(--loader-size-xs) / 10) solid transparent;border-left:calc(var(--loader-size-xs) / 10) solid transparent;border-right:calc(var(--loader-size-xs) / 10) solid transparent;border-bottom:calc(var(--loader-size-xs) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-sm{width:var(--loader-size-sm);height:var(--loader-size-sm)}nv-loader.size-sm::before,nv-loader.size-sm::after{content:\" \";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-sm::before{content:\" \";border:calc(var(--loader-size-sm) / 10) solid;opacity:0.3}nv-loader.size-sm::after{content:\" \";border-top:calc(var(--loader-size-sm) / 10) solid transparent;border-left:calc(var(--loader-size-sm) / 10) solid transparent;border-right:calc(var(--loader-size-sm) / 10) solid transparent;border-bottom:calc(var(--loader-size-sm) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-md{width:var(--loader-size-md);height:var(--loader-size-md)}nv-loader.size-md::before,nv-loader.size-md::after{content:\" \";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-md::before{content:\" \";border:calc(var(--loader-size-md) / 10) solid;opacity:0.3}nv-loader.size-md::after{content:\" \";border-top:calc(var(--loader-size-md) / 10) solid transparent;border-left:calc(var(--loader-size-md) / 10) solid transparent;border-right:calc(var(--loader-size-md) / 10) solid transparent;border-bottom:calc(var(--loader-size-md) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-lg{width:var(--loader-size-lg);height:var(--loader-size-lg)}nv-loader.size-lg::before,nv-loader.size-lg::after{content:\" \";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-lg::before{content:\" \";border:calc(var(--loader-size-lg) / 10) solid;opacity:0.3}nv-loader.size-lg::after{content:\" \";border-top:calc(var(--loader-size-lg) / 10) solid transparent;border-left:calc(var(--loader-size-lg) / 10) solid transparent;border-right:calc(var(--loader-size-lg) / 10) solid transparent;border-bottom:calc(var(--loader-size-lg) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-xl{width:var(--loader-size-xl);height:var(--loader-size-xl)}nv-loader.size-xl::before,nv-loader.size-xl::after{content:\" \";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xl::before{content:\" \";border:calc(var(--loader-size-xl) / 10) solid;opacity:0.3}nv-loader.size-xl::after{content:\" \";border-top:calc(var(--loader-size-xl) / 10) solid transparent;border-left:calc(var(--loader-size-xl) / 10) solid transparent;border-right:calc(var(--loader-size-xl) / 10) solid transparent;border-bottom:calc(var(--loader-size-xl) / 10) solid;animation:rotation 1s linear infinite}nv-loader.color-brand::before{border-color:var(--components-loader-brand-background);opacity:1}nv-loader.color-brand::after{border-bottom-color:var(--components-loader-brand-foreground)}nv-loader.color-white::before{border-color:var(--components-loader-white-background);opacity:1}nv-loader.color-white::after{border-bottom-color:var(--components-loader-white-foreground)}";
 const NvLoaderStyle0 = nvLoaderCss;
@@ -3781,14 +3781,14 @@ const NvLoader$2 = /*@__PURE__*/ proxyCustomElement(class NvLoader extends H {
     //#region RENDER
     /* <slot> empty to force rendering change */
     render() {
-        return (h$1(Host$1, { key: 'b90db971210fb08781098cefaf8832bd5692a09e', class: clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
+        return (h$1(Host$1, { key: '049afa243c1ce99643408d86afa99e69c5468b8b', class: clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
     }
     static get style() { return NvLoaderStyle0; }
 }, [0, "nv-loader", {
         "size": [513],
         "color": [513]
     }]);
-function defineCustomElement$10() {
+function defineCustomElement$1b() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -3801,7 +3801,7 @@ function defineCustomElement$10() {
             break;
     } });
 }
-defineCustomElement$10();
+defineCustomElement$1b();
 
 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:var(--button-xs-icon-button-padding);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:var(--button-sm-icon-button-padding);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:var(--button-md-icon-button-padding);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:var(--button-lg-icon-button-padding);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)}";
 const NvIconbuttonStyle0 = nvIconbuttonCss;
@@ -3922,7 +3922,7 @@ const NvIconbutton$2 = /*@__PURE__*/ proxyCustomElement(class NvIconbutton exten
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'f3d9a8c4f5f3b549595b1a4b8eecddae89b23909', 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$1("nv-loader", { key: '9f25f8a2c72279f1ad4c92ed6e17341e4b43f26e', size: this.size }), !this.loading && h$1("nv-icon", { key: 'aa0d10482d4dded8f6680afe066c3c8d781160ef', name: this.name, size: this.size }), h$1("slot", { key: 'dc2a1ca7305ae4b14924d7acb79286596e5b358f' })));
+        return (h$1(Host$1, { key: '81d7f0bfd1e64ecbb640c2f02b7e73cd7b2d3aa4', 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$1("nv-loader", { key: 'cec3ee02a7fb0882557c8742c8f9d785835e79d0', size: this.size }), !this.loading && h$1("nv-icon", { key: '4892b3b78b291b159403a63ced6a150dd7def1c0', name: this.name, size: this.size }), h$1("slot", { key: 'b1204bf2dd026c1232b5e8209fd29f21a8aa704f' })));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -3945,7 +3945,7 @@ const NvIconbutton$2 = /*@__PURE__*/ proxyCustomElement(class NvIconbutton exten
         "loading": ["handleLoadingChange"],
         "disabled": ["handleDisabledChange"]
     }]);
-function defineCustomElement$$() {
+function defineCustomElement$1a() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -3958,17 +3958,17 @@ function defineCustomElement$$() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
     } });
 }
-defineCustomElement$$();
+defineCustomElement$1a();
 
 const nvAccordionItemCss = "nv-accordion-item{display:block;border-bottom:var(--spacing-px) solid var(--color-content-low-border)}nv-accordion-item:last-child{border-bottom:none}nv-accordion-item .nv-accordion-item__header{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4)}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__chevron{margin-left:var(--spacing-2);flex-shrink:0}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__header-content{display:flex;flex-direction:column;gap:var(--spacing-0-5);flex:1;min-width:0}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__title{color:var(--color-content-high-text);font-size:var(--font-size-lg);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__subtitle{color:var(--color-content-low-text);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nv-accordion-item .nv-accordion-item__content{background:var(--color-level-10-background)}nv-accordion-item .nv-accordion-item__content .nv-accordion-item__content-inner{padding:var(--spacing-4);color:var(--color-content-low-text);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-base);}nv-accordion-item.is-disabled{opacity:var(--opacity-disabled);pointer-events:none}nv-accordion-item.is-open .nv-accordion-item__header{border-bottom:var(--spacing-px) solid var(--color-content-low-border)}nv-accordion-item:last-child .nv-accordion-item__content{border-radius:0 0 calc(var(--radius-rounded-lg) - var(--spacing-px)) calc(var(--radius-rounded-lg) - var(--spacing-px))}";
 const NvAccordionItemStyle0 = nvAccordionItemCss;
@@ -4187,7 +4187,7 @@ const NvAccordionItem$2 = /*@__PURE__*/ proxyCustomElement(class NvAccordionItem
     }, undefined, {
         "open": ["onOpenChanged"]
     }]);
-function defineCustomElement$_() {
+function defineCustomElement$19() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -4200,25 +4200,25 @@ function defineCustomElement$_() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$$();
+                defineCustomElement$1a();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
     } });
 }
-defineCustomElement$_();
+defineCustomElement$19();
 
 const NvAccordionItem$1 = NvAccordionItem$2;
-const defineCustomElement$Z = defineCustomElement$_;
+const defineCustomElement$18 = defineCustomElement$19;
 
 const nvAccordionCss = "nv-accordion{display:block;border:var(--spacing-px) solid var(--color-content-low-border);border-radius:var(--radius-rounded-lg)}nv-accordion .nv-accordion__footer{padding:var(--spacing-3);background:var(--color-level-05-background);border-radius:0 0 var(--radius-rounded-lg) var(--radius-rounded-lg);margin-top:calc(var(--spacing-px) * -1);border-top:var(--spacing-px) solid var(--color-content-low-border)}nv-accordion .nv-accordion__footer:empty{display:none}";
 const NvAccordionStyle0 = nvAccordionCss;
@@ -4402,7 +4402,7 @@ const NvAccordion$1 = /*@__PURE__*/ proxyCustomElement(class NvAccordion extends
         "openIndexes": ["onOpenIndexesChange"],
         "mode": ["onModeChange"]
     }]);
-function defineCustomElement$1$u() {
+function defineCustomElement$1$D() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -4415,30 +4415,30 @@ function defineCustomElement$1$u() {
             break;
         case "nv-accordion-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$_();
+                defineCustomElement$19();
             }
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$$();
+                defineCustomElement$1a();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
     } });
 }
-defineCustomElement$1$u();
+defineCustomElement$1$D();
 
 const NvAccordion$2 = NvAccordion$1;
-const defineCustomElement$Y = defineCustomElement$1$u;
+const defineCustomElement$17 = defineCustomElement$1$D;
 
 var prevTime = 0;
 var onNextFrame = typeof window !== 'undefined' && window.requestAnimationFrame !== undefined ? function (callback) {
@@ -5371,7 +5371,7 @@ const NvAlert$1 = /*@__PURE__*/ proxyCustomElement(class NvAlert extends H {
     }, undefined, {
         "hidden": ["handleHiddenChange"]
     }]);
-function defineCustomElement$1$t() {
+function defineCustomElement$1$C() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -5384,15 +5384,15 @@ function defineCustomElement$1$t() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
     } });
 }
-defineCustomElement$1$t();
+defineCustomElement$1$C();
 
 const NvAlert$2 = NvAlert$1;
-const defineCustomElement$X = defineCustomElement$1$t;
+const defineCustomElement$16 = defineCustomElement$1$C;
 
 const nvAvatarCss = "nv-avatar{align-items:center !important;background-color:var(--components-avatar-background-1);border-radius:var(--radius-rounded-full) !important;display:flex !important;flex-shrink:0 !important;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-style:normal;font-weight:var(--font-weight-medium-emphasis);justify-content:center !important;leading-trim:both;line-height:1 !important;text-align:center;text-edge:cap;text-transform:uppercase}nv-avatar.avatar-color-1{background-color:var(--components-avatar-background-1);color:var(--components-avatar-content-1)}nv-avatar.avatar-color-2{background-color:var(--components-avatar-background-2);color:var(--components-avatar-content-2)}nv-avatar.avatar-color-3{background-color:var(--components-avatar-background-3);color:var(--components-avatar-content-3)}nv-avatar.avatar-color-4{background-color:var(--components-avatar-background-4);color:var(--components-avatar-content-4)}nv-avatar.avatar-color-5{background-color:var(--components-avatar-background-5);color:var(--components-avatar-content-5)}nv-avatar.avatar-color-6{background-color:var(--components-avatar-background-6);color:var(--components-avatar-content-6)}nv-avatar.avatar-color-7{background-color:var(--components-avatar-background-7);color:var(--components-avatar-content-7)}nv-avatar.avatar-color-8{background-color:var(--components-avatar-background-8);color:var(--components-avatar-content-8)}nv-avatar.avatar-color-9{background-color:var(--components-avatar-background-9);color:var(--components-avatar-content-9)}nv-avatar.avatar-color-10{background-color:var(--components-avatar-background-10);color:var(--components-avatar-content-10)}nv-avatar img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:50%}nv-avatar.avatar-xs{width:var(--avatar-xs-size);height:var(--avatar-xs-size);font-size:var(--avatar-xs-font-size);line-height:var(--avatar-xs-font-size)}nv-avatar.avatar-xs nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-avatar.avatar-sm{width:var(--avatar-sm-size);height:var(--avatar-sm-size);font-size:var(--avatar-sm-font-size);line-height:var(--avatar-sm-font-size)}nv-avatar.avatar-sm nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-avatar.avatar-md{width:var(--avatar-md-size);height:var(--avatar-md-size);font-size:var(--avatar-md-font-size);line-height:var(--avatar-md-font-size)}nv-avatar.avatar-md nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-avatar.avatar-lg{width:var(--avatar-lg-size);height:var(--avatar-lg-size);font-size:var(--avatar-lg-font-size);line-height:var(--avatar-lg-font-size)}nv-avatar.avatar-lg nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-avatar.avatar-xl{width:var(--avatar-xl-size);height:var(--avatar-xl-size);font-size:var(--avatar-xl-font-size);line-height:var(--avatar-xl-font-size)}nv-avatar.avatar-xl nv-icon>svg{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}";
 const NvAvatarStyle0 = nvAvatarCss;
@@ -5466,7 +5466,7 @@ const NvAvatar$1 = /*@__PURE__*/ proxyCustomElement(class NvAvatar extends H {
         "size": [1537],
         "color": [513]
     }]);
-function defineCustomElement$1$s() {
+function defineCustomElement$1$B() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -5479,15 +5479,15 @@ function defineCustomElement$1$s() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
     } });
 }
-defineCustomElement$1$s();
+defineCustomElement$1$B();
 
 const NvAvatar$2 = NvAvatar$1;
-const defineCustomElement$W = defineCustomElement$1$s;
+const defineCustomElement$15 = defineCustomElement$1$B;
 
 const nvBadgeCss = "nv-badge{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.with-gap{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.with-gap.is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-badge:not(.with-gap){padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge:not(.with-gap).is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.badge-1{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-1 .close:focus,nv-badge.badge-1 .close:focus-within{outline:none}nv-badge.badge-1 .close:focus-visible,nv-badge.badge-1 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-1 nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-2{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-2 .close:focus,nv-badge.badge-2 .close:focus-within{outline:none}nv-badge.badge-2 .close:focus-visible,nv-badge.badge-2 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-2 nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-3{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background);border-color:var(--color-rainbow-3-border)}nv-badge.badge-3 .close:focus,nv-badge.badge-3 .close:focus-within{outline:none}nv-badge.badge-3 .close:focus-visible,nv-badge.badge-3 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-3 nv-icon{color:var(--color-rainbow-3-icon)}nv-badge.badge-4{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background);border-color:var(--color-rainbow-4-border)}nv-badge.badge-4 .close:focus,nv-badge.badge-4 .close:focus-within{outline:none}nv-badge.badge-4 .close:focus-visible,nv-badge.badge-4 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-4 nv-icon{color:var(--color-rainbow-4-icon)}nv-badge.badge-5{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-5 .close:focus,nv-badge.badge-5 .close:focus-within{outline:none}nv-badge.badge-5 .close:focus-visible,nv-badge.badge-5 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-5 nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-6{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-6 .close:focus,nv-badge.badge-6 .close:focus-within{outline:none}nv-badge.badge-6 .close:focus-visible,nv-badge.badge-6 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-6 nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-7{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background);border-color:var(--color-rainbow-7-border)}nv-badge.badge-7 .close:focus,nv-badge.badge-7 .close:focus-within{outline:none}nv-badge.badge-7 .close:focus-visible,nv-badge.badge-7 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-7 nv-icon{color:var(--color-rainbow-7-icon)}nv-badge.badge-8{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-8 .close:focus,nv-badge.badge-8 .close:focus-within{outline:none}nv-badge.badge-8 .close:focus-visible,nv-badge.badge-8 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-8 nv-icon{color:var(--color-rainbow-8-icon)}nv-badge.badge-9{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-9 .close:focus,nv-badge.badge-9 .close:focus-within{outline:none}nv-badge.badge-9 .close:focus-visible,nv-badge.badge-9 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-9 nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-10{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background);border-color:var(--color-rainbow-10-border)}nv-badge.badge-10 .close:focus,nv-badge.badge-10 .close:focus-within{outline:none}nv-badge.badge-10 .close:focus-visible,nv-badge.badge-10 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-10 nv-icon{color:var(--color-rainbow-10-icon)}nv-badge.badge-error{color:var(--color-feedback-error-low-text);background-color:var(--color-feedback-error-low-background);border-color:var(--color-feedback-error-low-border)}nv-badge.badge-error .close:focus,nv-badge.badge-error .close:focus-within{outline:none}nv-badge.badge-error .close:focus-visible,nv-badge.badge-error .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-error-low-content, var(--color-feedback-error-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-error nv-icon{color:var(--color-feedback-error-low-icon)}nv-badge.badge-information{color:var(--color-feedback-information-low-text);background-color:var(--color-feedback-information-low-background);border-color:var(--color-feedback-information-low-border)}nv-badge.badge-information .close:focus,nv-badge.badge-information .close:focus-within{outline:none}nv-badge.badge-information .close:focus-visible,nv-badge.badge-information .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-information-low-content, var(--color-feedback-information-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-information nv-icon{color:var(--color-feedback-information-low-icon)}nv-badge.badge-neutral{color:var(--color-feedback-neutral-low-text);background-color:var(--color-feedback-neutral-low-background);border-color:var(--color-feedback-neutral-low-border)}nv-badge.badge-neutral .close:focus,nv-badge.badge-neutral .close:focus-within{outline:none}nv-badge.badge-neutral .close:focus-visible,nv-badge.badge-neutral .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-neutral-low-content, var(--color-feedback-neutral-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-neutral nv-icon{color:var(--color-feedback-neutral-low-icon)}nv-badge.badge-success{color:var(--color-feedback-success-low-text);background-color:var(--color-feedback-success-low-background);border-color:var(--color-feedback-success-low-border)}nv-badge.badge-success .close:focus,nv-badge.badge-success .close:focus-within{outline:none}nv-badge.badge-success .close:focus-visible,nv-badge.badge-success .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-success-low-content, var(--color-feedback-success-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-success nv-icon{color:var(--color-feedback-success-low-icon)}nv-badge.badge-warning{color:var(--color-feedback-warning-low-text);background-color:var(--color-feedback-warning-low-background);border-color:var(--color-feedback-warning-low-border)}nv-badge.badge-warning .close:focus,nv-badge.badge-warning .close:focus-within{outline:none}nv-badge.badge-warning .close:focus-visible,nv-badge.badge-warning .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-warning-low-content, var(--color-feedback-warning-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-warning nv-icon{color:var(--color-feedback-warning-low-icon)}nv-badge.badge-amber{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-amber .close:focus,nv-badge.badge-amber .close:focus-within{outline:none}nv-badge.badge-amber .close:focus-visible,nv-badge.badge-amber .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-amber-content, var(--color-rainbow-1-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-amber nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-orange{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-orange .close:focus,nv-badge.badge-orange .close:focus-within{outline:none}nv-badge.badge-orange .close:focus-visible,nv-badge.badge-orange .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-orange-content, var(--color-rainbow-2-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-orange nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-turquoise{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-turquoise .close:focus,nv-badge.badge-turquoise .close:focus-within{outline:none}nv-badge.badge-turquoise .close:focus-visible,nv-badge.badge-turquoise .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-turquoise-content, var(--color-rainbow-5-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-turquoise nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-crimson{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-crimson .close:focus,nv-badge.badge-crimson .close:focus-within{outline:none}nv-badge.badge-crimson .close:focus-visible,nv-badge.badge-crimson .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-crimson-content, var(--color-rainbow-6-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-crimson nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-lime{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-lime .close:focus,nv-badge.badge-lime .close:focus-within{outline:none}nv-badge.badge-lime .close:focus-visible,nv-badge.badge-lime .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-lime-content, var(--color-rainbow-9-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-lime nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-petrol{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-petrol .close:focus,nv-badge.badge-petrol .close:focus-within{outline:none}nv-badge.badge-petrol .close:focus-visible,nv-badge.badge-petrol .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-petrol-content, var(--color-rainbow-8-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-petrol nv-icon{color:var(--color-rainbow-8-icon)}nv-badge span{font-size:var(--font-size-xs);line-height:var(--line-height-xs) !important;text-align:center}nv-badge nv-icon>svg.icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-sm{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-md{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-lg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-xl{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge .close{padding:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-rounded-full)}";
 const NvBadgeStyle0 = nvBadgeCss;
@@ -5647,7 +5647,7 @@ const NvBadge$2 = /*@__PURE__*/ proxyCustomElement(class NvBadge extends H {
         "icon": ["handleIconChange"],
         "hidden": ["handleHiddenChange"]
     }]);
-function defineCustomElement$V() {
+function defineCustomElement$14() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -5660,15 +5660,34 @@ function defineCustomElement$V() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
     } });
 }
-defineCustomElement$V();
+defineCustomElement$14();
 
 const NvBadge$1 = NvBadge$2;
-const defineCustomElement$U = defineCustomElement$V;
+const defineCustomElement$13 = defineCustomElement$14;
+
+/**
+ * Adds a set of event listeners to the given target.
+ * @param {EventsAndListeners} events - The events and listeners to add.
+ * @param {Element | Window | Document} target  - The target element or window to add the event listeners to.
+ * @param {T} context - The class context to bind the event listeners to.
+ */
+function addEventListeners(events, target, context) {
+    events.forEach(([event, listener]) => target.addEventListener(event, listener.bind(context)));
+}
+/**
+ * Removes a set of event listeners from the given target.
+ * @param {EventsAndListeners} events - The events and listeners to remove.
+ * @param {Element | Window | Document} target  - The target element or window to remove the event listeners from.
+ * @param {T} context - The class context to bind the event listeners to.
+ */
+function removeEventListeners(events, target, context) {
+    events.forEach(([event, listener]) => target.removeEventListener(event, listener.bind(context)));
+}
 
 const useGrow = (node, { duration = 200, amount = 0.8, hasFade = true } = {}) => {
     const nodeStyler = index(node);
@@ -5754,25 +5773,6 @@ const useGrow = (node, { duration = 200, amount = 0.8, hasFade = true } = {}) =>
     };
 };
 
-/**
- * Adds a set of event listeners to the given target.
- * @param {EventsAndListeners} events - The events and listeners to add.
- * @param {Element | Window | Document} target  - The target element or window to add the event listeners to.
- * @param {T} context - The class context to bind the event listeners to.
- */
-function addEventListeners(events, target, context) {
-    events.forEach(([event, listener]) => target.addEventListener(event, listener.bind(context)));
-}
-/**
- * Removes a set of event listeners from the given target.
- * @param {EventsAndListeners} events - The events and listeners to remove.
- * @param {Element | Window | Document} target  - The target element or window to remove the event listeners from.
- * @param {T} context - The class context to bind the event listeners to.
- */
-function removeEventListeners(events, target, context) {
-    events.forEach(([event, listener]) => target.removeEventListener(event, listener.bind(context)));
-}
-
 const min$2 = Math.min;
 const max$2 = Math.max;
 const round = Math.round;
@@ -7657,7 +7657,7 @@ const NvPopover$2 = /*@__PURE__*/ proxyCustomElement(class NvPopover extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '12a7b1a584b3430808f55294772240a1dc77800e' }, h$1("slot", { key: '3d9b86bdccf5ed03bbc477c8e0eaad6c9f886cc9', name: "trigger" }), h$1("div", { key: 'df5924d7e88fda20b769a7ab0329428fc04e3920', "data-scope": "popover", "data-strategy": this.strategy, hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h$1("div", { key: '559702ed280c31331703e98d4c57a189491481c4', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h$1("slot", { key: 'f5872f0bb2865f053b56e9aa128414f777dd9454', name: "content" }))));
+        return (h$1(Host$1, { key: 'c54fc90b90bbe48b0410c750bf4ba97e51eb24e5' }, h$1("slot", { key: 'd957fba61d4e91d8afd85f14b602290c88e5128a', name: "trigger" }), h$1("div", { key: '548c798fc047d41c06d8a84cc9a4f65a4cbf75b5', "data-scope": "popover", "data-strategy": this.strategy, hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h$1("div", { key: 'd3c6e110e2c3f45ba0ed5c69b99f0a60413cbb39', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h$1("slot", { key: '20c2d8e3ff0ed3d3b9957513e19586e4aa4a39ca', name: "content" }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -7685,7 +7685,7 @@ const NvPopover$2 = /*@__PURE__*/ proxyCustomElement(class NvPopover extends H {
         "open": ["handleOpenChange"],
         "strategy": ["handleStrategyChange"]
     }]);
-function defineCustomElement$T() {
+function defineCustomElement$12() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -7698,7 +7698,7 @@ function defineCustomElement$T() {
             break;
     } });
 }
-defineCustomElement$T();
+defineCustomElement$12();
 
 const nvTooltipCss = "nv-tooltip{display:inline-block;position:relative;user-select:none}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip nv-popover>[data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip nv-popover>[data-scope=popover] [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}";
 const NvTooltipStyle0 = nvTooltipCss;
@@ -7743,7 +7743,7 @@ const NvTooltip$2 = /*@__PURE__*/ proxyCustomElement(class NvTooltip extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '2ec10db6ad78e1637696e383069caf3fc8919587' }, h$1("slot", { key: '0df02ac8d76de82ae25ec3d9c73ef18cd6eee4d8' }), h$1("nv-popover", { key: '1ed0766ed0c3d43952be2be0dbafd94f07ec44b3', triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, h$1("p", { key: 'bd44fba212d86969688bdf3e00a711f152500952', slot: "content" }, this.message), h$1("slot", { key: '31f2c47d800e4bd057c7475de931e11542eb5208', name: "content" }))));
+        return (h$1(Host$1, { key: 'ff1ca24735ec78d279cdc2f98cb54c0d6a7b4103' }, h$1("slot", { key: '3e0676a49b957ecb6eb3e0e6bfc1d8d8f0d2e02a' }), h$1("nv-popover", { key: '063fb414e47a1a6b722ee8b61f3dd68a61c5b7df', triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, h$1("p", { key: 'a8714211a3a5c723d187acdcb23484610bd91a36', slot: "content" }, this.message), h$1("slot", { key: 'edae83eb3c0f5c57b9b7263ccc139463b044f68e', name: "content" }))));
     }
     get el() { return this; }
     static get style() { return NvTooltipStyle0; }
@@ -7754,7 +7754,7 @@ const NvTooltip$2 = /*@__PURE__*/ proxyCustomElement(class NvTooltip extends H {
         "enterDelay": [514, "enter-delay"],
         "strategy": [513]
     }]);
-function defineCustomElement$S() {
+function defineCustomElement$11() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -7767,12 +7767,12 @@ function defineCustomElement$S() {
             break;
         case "nv-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$T();
+                defineCustomElement$12();
             }
             break;
     } });
 }
-defineCustomElement$S();
+defineCustomElement$11();
 
 const nvBreadcrumbCss = "nv-breadcrumb{display:flex;align-items:center;color:var(--components-breadcrumb-text);font-size:var(--font-size-sm);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-sm)}nv-breadcrumb.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-breadcrumb ul{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-1)}nv-breadcrumb ul a,nv-breadcrumb ul button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb ul a:focus,nv-breadcrumb ul a:focus-within,nv-breadcrumb ul button:focus,nv-breadcrumb ul button:focus-within{outline:none}nv-breadcrumb ul a:focus-visible,nv-breadcrumb ul a:has(:focus-visible),nv-breadcrumb ul button:focus-visible,nv-breadcrumb ul button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb ul a:hover,nv-breadcrumb ul button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb>a,nv-breadcrumb>button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb>a:focus,nv-breadcrumb>a:focus-within,nv-breadcrumb>button:focus,nv-breadcrumb>button:focus-within{outline:none}nv-breadcrumb>a:focus-visible,nv-breadcrumb>a:has(:focus-visible),nv-breadcrumb>button:focus-visible,nv-breadcrumb>button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb>a:hover,nv-breadcrumb>button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb span[data-scope=separator]{display:inline-flex;padding-left:var(--breadcrumb-padding-y)}";
 const NvBreadcrumbStyle0 = nvBreadcrumbCss;
@@ -7816,7 +7816,7 @@ const NvBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class NvBreadcrumb exten
         "tooltip": [513],
         "current": [516]
     }]);
-function defineCustomElement$1$r() {
+function defineCustomElement$1$A() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -7829,20 +7829,20 @@ function defineCustomElement$1$r() {
             break;
         case "nv-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$T();
+                defineCustomElement$12();
             }
             break;
         case "nv-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$11();
             }
             break;
     } });
 }
-defineCustomElement$1$r();
+defineCustomElement$1$A();
 
 const NvBreadcrumb$2 = NvBreadcrumb$1;
-const defineCustomElement$R = defineCustomElement$1$r;
+const defineCustomElement$10 = defineCustomElement$1$A;
 
 const nvBreadcrumbsCss = "nv-breadcrumbs{display:block}nv-breadcrumbs>ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--breadcrumb-padding-y)}nv-breadcrumbs nv-breadcrumb:last-child [data-scope=separator],nv-breadcrumbs nv-breadcrumb:last-child [slot=separator]{display:none}";
 const NvBreadcrumbsStyle0 = nvBreadcrumbsCss;
@@ -7858,7 +7858,7 @@ const NvBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class NvBreadcrumbs ext
     }
     static get style() { return NvBreadcrumbsStyle0; }
 }, [4, "nv-breadcrumbs"]);
-function defineCustomElement$1$q() {
+function defineCustomElement$1$z() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -7871,10 +7871,10 @@ function defineCustomElement$1$q() {
             break;
     } });
 }
-defineCustomElement$1$q();
+defineCustomElement$1$z();
 
 const NvBreadcrumbs$2 = NvBreadcrumbs$1;
-const defineCustomElement$Q = defineCustomElement$1$q;
+const defineCustomElement$$ = defineCustomElement$1$z;
 
 const nvButtonCss = "nv-button{text-decoration:none;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;user-select:none;cursor:pointer;height:fit-content;width:fit-content}nv-button[size=xs]{padding:var(--button-xs-padding-y) var(--button-xs-padding-x);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);height:var(--button-xs-height);font-size:var(--button-xs-font-size)}nv-button[size=xs] nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-button[size=sm]{padding:var(--button-sm-padding-y) var(--button-sm-padding-x);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);height:var(--button-sm-height);font-size:var(--button-sm-font-size)}nv-button[size=sm] nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-button[size=md]{padding:var(--button-md-padding-y) var(--button-md-padding-x);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);height:var(--button-md-height);font-size:var(--button-md-font-size)}nv-button[size=md] nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-button[size=lg]{padding:var(--button-lg-padding-y) var(--button-lg-padding-x);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);height:var(--button-lg-height);font-size:var(--button-lg-font-size)}nv-button[size=lg] nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-button[emphasis=high]{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-button[emphasis=high]:hover{background:var(--components-button-high-background-hover);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text-hover)}nv-button[emphasis=high]:active{background:var(--components-button-high-background-active);border:1px solid var(--components-button-high-border-active);color:var(--components-button-high-text-active)}nv-button[emphasis=high]:focus,nv-button[emphasis=high]:focus-within{outline:none}nv-button[emphasis=high]:focus-visible,nv-button[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-button[emphasis=high]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=high][active]:not([active=false]){background:var(--components-button-high-background-active);border:1px solid var(--components-button-high-border-active);color:var(--components-button-high-text-active)}nv-button[emphasis=high][danger]:not([danger=false]){background:var(--components-button-destructive-high-background);border:1px solid transparent;color:var(--components-button-destructive-high-text)}nv-button[emphasis=high][danger]:not([danger=false]):hover{background:var(--components-button-destructive-high-background-hover);border:1px solid transparent;color:var(--components-button-destructive-high-text-hover)}nv-button[emphasis=high][danger]:not([danger=false]):focus,nv-button[emphasis=high][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=high][danger]:not([danger=false]):focus-visible,nv-button[emphasis=high][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=medium]{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-button[emphasis=medium]:hover{background:var(--components-button-medium-background-hover);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text-hover)}nv-button[emphasis=medium]:active{background:var(--components-button-medium-background-active);border:1px solid var(--components-button-medium-border-active);color:var(--components-button-medium-text-active)}nv-button[emphasis=medium]:focus,nv-button[emphasis=medium]:focus-within{outline:none}nv-button[emphasis=medium]:focus-visible,nv-button[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-button[emphasis=medium]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=medium][active]:not([active=false]){background:var(--components-button-medium-background-active);border:1px solid var(--components-button-medium-border-active);color:var(--components-button-medium-text-active)}nv-button[emphasis=medium][danger]:not([danger=false]){background:var(--components-button-destructive-medium-background);border:1px solid var(--components-button-destructive-medium-border);color:var(--components-button-destructive-medium-text)}nv-button[emphasis=medium][danger]:not([danger=false]):hover{background:var(--components-button-destructive-medium-background-hover);border:1px solid var(--components-button-destructive-medium-border);color:var(--components-button-destructive-medium-text-hover)}nv-button[emphasis=medium][danger]:not([danger=false]):focus,nv-button[emphasis=medium][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=medium][danger]:not([danger=false]):focus-visible,nv-button[emphasis=medium][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=low]{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-button[emphasis=low]:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-button[emphasis=low]:active{background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-button[emphasis=low]:focus,nv-button[emphasis=low]:focus-within{outline:none}nv-button[emphasis=low]:focus-visible,nv-button[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-button[emphasis=low]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=low][active]:not([active=false]){background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-button[emphasis=low][danger]:not([danger=false]){background:var(--components-button-destructive-low-background);border:1px solid var(--components-button-destructive-low-border);color:var(--components-button-destructive-low-text)}nv-button[emphasis=low][danger]:not([danger=false]):hover{background:var(--components-button-destructive-low-background-hover);border:1px solid var(--components-button-destructive-low-border);color:var(--components-button-destructive-low-text-hover)}nv-button[emphasis=low][danger]:not([danger=false]):focus,nv-button[emphasis=low][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=low][danger]:not([danger=false]):focus-visible,nv-button[emphasis=low][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=lower]{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-button[emphasis=lower]:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-button[emphasis=lower]:active{background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}nv-button[emphasis=lower]:focus,nv-button[emphasis=lower]:focus-within{outline:none}nv-button[emphasis=lower]:focus-visible,nv-button[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-button[emphasis=lower]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=lower][active]:not([active=false]){background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}nv-button[emphasis=lower][danger]:not([danger=false]){background:var(--components-button-destructive-lower-background);border:1px solid var(--components-button-destructive-lower-border);color:var(--components-button-destructive-lower-text)}nv-button[emphasis=lower][danger]:not([danger=false]):hover{background:var(--components-button-destructive-lower-background-hover);border:1px solid var(--components-button-destructive-lower-border);color:var(--components-button-destructive-lower-text-hover)}nv-button[emphasis=lower][danger]:not([danger=false]):focus,nv-button[emphasis=lower][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=lower][danger]:not([danger=false]):focus-visible,nv-button[emphasis=lower][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[fluid]:not([fluid=false]){width:100%}nv-button[loading]:not([loading=false]) [slot=leading-icon]{display:none}";
 const NvButtonStyle0 = nvButtonCss;
@@ -8040,7 +8040,7 @@ const NvButton$2 = /*@__PURE__*/ proxyCustomElement(class NvButton extends H {
         "loading": ["handleLoadingChange"],
         "disabled": ["handleDisabledChange"]
     }]);
-function defineCustomElement$P() {
+function defineCustomElement$_() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -8053,15 +8053,15 @@ function defineCustomElement$P() {
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
     } });
 }
-defineCustomElement$P();
+defineCustomElement$_();
 
 const NvButton$1 = NvButton$2;
-const defineCustomElement$O = defineCustomElement$P;
+const defineCustomElement$Z = defineCustomElement$_;
 
 /**
  * Utility functions for nv-buttongroup.
@@ -8261,7 +8261,7 @@ const NvButtongroup$1 = /*@__PURE__*/ proxyCustomElement(class NvButtongroup ext
         "size": ["onSizeChange"],
         "fluid": ["onFluidChange"]
     }]);
-function defineCustomElement$1$p() {
+function defineCustomElement$1$y() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -8274,10 +8274,10 @@ function defineCustomElement$1$p() {
             break;
     } });
 }
-defineCustomElement$1$p();
+defineCustomElement$1$y();
 
 const NvButtongroup$2 = NvButtongroup$1;
-const defineCustomElement$N = defineCustomElement$1$p;
+const defineCustomElement$Y = defineCustomElement$1$y;
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -9717,7 +9717,7 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
         "singleValue": ["onSingleValueChange"],
         "value": ["onValueChange"]
     }]);
-function defineCustomElement$M() {
+function defineCustomElement$X() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -9730,10 +9730,10 @@ function defineCustomElement$M() {
             break;
     } });
 }
-defineCustomElement$M();
+defineCustomElement$X();
 
 const NvCalendar$1 = NvCalendar$2;
-const defineCustomElement$L = defineCustomElement$M;
+const defineCustomElement$W = defineCustomElement$X;
 
 const nvColCss = "nv-col{display:block;flex:1 1 0%;padding-left:calc(var(--spacing-4) / 2);padding-right:calc(var(--spacing-4) / 2)}nv-col[class*=w-]{flex:none}nv-col.w-1\\/12{width:calc(100% * 1 / 12)}nv-col.w-2\\/12{width:calc(100% * 2 / 12)}nv-col.w-3\\/12{width:calc(100% * 3 / 12)}nv-col.w-4\\/12{width:calc(100% * 4 / 12)}nv-col.w-5\\/12{width:calc(100% * 5 / 12)}nv-col.w-6\\/12{width:calc(100% * 6 / 12)}nv-col.w-7\\/12{width:calc(100% * 7 / 12)}nv-col.w-8\\/12{width:calc(100% * 8 / 12)}nv-col.w-9\\/12{width:calc(100% * 9 / 12)}nv-col.w-10\\/12{width:calc(100% * 10 / 12)}nv-col.w-11\\/12{width:calc(100% * 11 / 12)}nv-col.w-12\\/12{width:calc(100% * 12 / 12)}";
 const NvColStyle0 = nvColCss;
@@ -9767,7 +9767,7 @@ const NvCol$1 = /*@__PURE__*/ proxyCustomElement(class NvCol extends H {
 }, [4, "nv-col", {
         "size": [514]
     }]);
-function defineCustomElement$1$o() {
+function defineCustomElement$1$x() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -9780,10 +9780,10 @@ function defineCustomElement$1$o() {
             break;
     } });
 }
-defineCustomElement$1$o();
+defineCustomElement$1$x();
 
 const NvCol$2 = NvCol$1;
-const defineCustomElement$K = defineCustomElement$1$o;
+const defineCustomElement$V = defineCustomElement$1$x;
 
 /**
  * Convert array of 16 byte values to UUID string format of the form:
@@ -9946,9 +9946,9 @@ const NvFieldtext$2 = /*@__PURE__*/ proxyCustomElement(class NvFieldtext extends
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '59c03a594971eab5cb8ae4bf7b5342899bba4336' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'a36f03b76cee03be0fe2608fd40a88455818a83b', htmlFor: this.inputId }, h$1("slot", { key: '284a3f6f9efaed1ee7a40675fd377bdbe3d08d9e', name: "label" }, this.label))), h$1("div", { key: '963b853f5de42058d1cdced00c7bdc38f4583000', class: "input-wrapper" }, h$1("slot", { key: 'dce7ea85a9ae76c923ea3dc732d93614b94ba391', name: "before-input" }), h$1("div", { key: 'eac7b8e1d85f9623287f839cdc7ef3133c9c75d8', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: 'db3ab29c4a0767ffc8f8c1368085052769bdc4cc', name: "leading-input" }), h$1("input", { key: 'd4759f1dd7bab6da0a4486cf326cb55c61fcb750', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), h$1("slot", { key: 'e8950b2b41ce5e350e39084c3d6936a1a11960e4', name: "trailing-input" }), this.error && (h$1("nv-icon", { key: '83eb974690dfd69858877ba434e4dd30802208c8', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '2b8e37bd41e2b98ae17a249379528dd6e1773e6e', name: "circle-check", class: "validation", size: "md" }))), h$1("slot", { key: '72e5ae030d15c61409095f4067436ee890d21a1e', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '54a353743334cf7d96597a543d0e2a7c52833a31', class: "description" }, h$1("slot", { key: '70dd9595b638f0dc56db6ecb24a93fcca629a2d3', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '47a26240ae8875cedb50b95d0ad41dab762af6d3', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '0c84a7c46128a5c0960b5e2ecfda94f76ef9d7d7', name: "error-description" }, this.errorDescription)))));
+        return (h$1(Host$1, { key: '0446a4e7617f7a0dd1d617411f13f7ed9ab457e7' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '3fa66b23875eac14db7a52deb0fb8134cda4747b', htmlFor: this.inputId }, h$1("slot", { key: 'd2d145a273fe7790f6551a4f42564c438c659cbf', name: "label" }, this.label))), h$1("div", { key: 'b6ca6d9125460402ac1cfc0ed5f57b6db3214edf', class: "input-wrapper" }, h$1("slot", { key: '33331c013dd5d981136518045a8a460c3ab96070', name: "before-input" }), h$1("div", { key: '405dc274db9b87fd82f50ecf8653414deb7b1206', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '4b85c02e7c7f7f655c76cac3997d7b4377c9d4b4', name: "leading-input" }), h$1("input", { key: 'f6e083e97ab21e487bb28190a008469ffa282048', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), h$1("slot", { key: '019627575fed51776eeb964dafe85c9a0e2e8efe', name: "trailing-input" }), this.error && (h$1("nv-icon", { key: '0a2952a550e1a3cdc54a97968d8746914ce492d8', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '874f24d0c3522b8d6a2f65069b68d04dba8fae61', name: "circle-check", class: "validation", size: "md" }))), h$1("slot", { key: '38f43d5e912df5adaf8587b8efb9d44cccadec50', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'c681d56939dc0068fc12842699e74f87d9446fe7', class: "description" }, h$1("slot", { key: '6b2f715fb44a46efbc3cfb98709173804472499e', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'f5354afc7bfacec7f7ff58e331e9011bb43da399', hidden: !this.error, class: "error-description" }, h$1("slot", { key: 'e127f81bf4a9205c94a461fd1555c07783b489a3', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -9978,7 +9978,7 @@ const NvFieldtext$2 = /*@__PURE__*/ proxyCustomElement(class NvFieldtext extends
         "autofocus": [516],
         "fluid": [516]
     }]);
-function defineCustomElement$J() {
+function defineCustomElement$U() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -9991,12 +9991,12 @@ function defineCustomElement$J() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
     } });
 }
-defineCustomElement$J();
+defineCustomElement$U();
 
 /**
    * table-core
@@ -14545,7 +14545,7 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
         "rowSelectionState": ["handleRowSelectionState"],
         "state": ["handleStateChange"]
     }]);
-function defineCustomElement$1$n() {
+function defineCustomElement$1$w() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -14558,20 +14558,20 @@ function defineCustomElement$1$n() {
             break;
         case "nv-fieldtext":
             if (!customElements.get(tagName)) {
-                defineCustomElement$J();
+                defineCustomElement$U();
             }
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
     } });
 }
-defineCustomElement$1$n();
+defineCustomElement$1$w();
 
 const NvDatagrid$2 = NvDatagrid$1;
-const defineCustomElement$I = defineCustomElement$1$n;
+const defineCustomElement$T = defineCustomElement$1$w;
 
 const NvDatagridcolumn$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagridcolumn extends H {
     constructor() {
@@ -14594,7 +14594,7 @@ const NvDatagridcolumn$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagridcolu
         "repeatTemplate": [516, "repeat-template"],
         "group": [513]
     }]);
-function defineCustomElement$1$m() {
+function defineCustomElement$1$v() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -14607,10 +14607,10 @@ function defineCustomElement$1$m() {
             break;
     } });
 }
-defineCustomElement$1$m();
+defineCustomElement$1$v();
 
 const NvDatagridcolumn$2 = NvDatagridcolumn$1;
-const defineCustomElement$H = defineCustomElement$1$m;
+const defineCustomElement$S = defineCustomElement$1$v;
 
 const nvDialogfooterCss = "nv-dialogfooter{display:flex;padding:var(--dialog-footer-padding-top) var(--dialog-footer-padding-x) var(--dialog-footer-padding-bottom) var(--dialog-footer-padding-x);justify-content:flex-end;align-items:flex-end;gap:var(--dialog-footer-gap-y);align-self:stretch}";
 const NvDialogfooterStyle0 = nvDialogfooterCss;
@@ -14695,7 +14695,7 @@ const NvDialogfooter$2 = /*@__PURE__*/ proxyCustomElement(class NvDialogfooter e
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '0868c3af73f89219eee7c006b4ddca47c6da29b0' }, !this.hasSlot ? (h$1(Fragment$1, null, !this.undismissable && (h$1("nv-button", { onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), h$1("nv-button", { onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (h$1("nv-icon", { slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (h$1("nv-icon", { slot: "trailing-icon", name: this.trailingIcon, size: "sm" }))))) : (h$1("slot", null))));
+        return (h$1(Host$1, { key: '908abbe8e2e9aa215641dd056c70dc16f36c3ac3' }, !this.hasSlot ? (h$1(Fragment$1, null, !this.undismissable && (h$1("nv-button", { onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), h$1("nv-button", { onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (h$1("nv-icon", { slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (h$1("nv-icon", { slot: "trailing-icon", name: this.trailingIcon, size: "sm" }))))) : (h$1("slot", null))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -14711,7 +14711,7 @@ const NvDialogfooter$2 = /*@__PURE__*/ proxyCustomElement(class NvDialogfooter e
         "primaryButtonType": [1537, "primary-button-type"],
         "form": [513]
     }]);
-function defineCustomElement$G() {
+function defineCustomElement$R() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -14724,22 +14724,22 @@ function defineCustomElement$G() {
             break;
         case "nv-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$P();
+                defineCustomElement$_();
             }
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
     } });
 }
-defineCustomElement$G();
+defineCustomElement$R();
 
 const nvDialogheaderCss = "nv-dialogheader{padding:var(--dialog-header-padding-top) var(--dialog-header-padding-x) var(--dialog-header-padding-bottom) var(--dialog-header-padding-x);justify-content:space-between;align-items:flex-start;align-self:stretch}nv-dialogheader .heading{color:var(--color-content-high-text);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-lg);font-style:normal;font-weight:var(--font-weight-medium-emphasis);padding-right:var(--spacing-7);line-height:var(--leading-px-6);letter-spacing:var(--letter-spacing-heading-xs)}nv-dialogheader .subheading{color:var(--color-content-low-text);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-sm);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-sm);}";
 const NvDialogheaderStyle0 = nvDialogheaderCss;
@@ -14770,7 +14770,7 @@ const NvDialogheader$2 = /*@__PURE__*/ proxyCustomElement(class NvDialogheader e
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'f91a9aea8aa7116266f52bb356ef2ec493df6354' }, !this.hasSlot ? (h$1(Fragment$1, null, h$1("div", { class: "heading" }, this.heading), h$1("div", { class: "subheading" }, this.subheading))) : (h$1("slot", null))));
+        return (h$1(Host$1, { key: 'e3390a18cd40f00dd70f71b436d3603fdcb2b337' }, !this.hasSlot ? (h$1(Fragment$1, null, h$1("div", { class: "heading" }, this.heading), h$1("div", { class: "subheading" }, this.subheading))) : (h$1("slot", null))));
     }
     get el() { return this; }
     static get style() { return NvDialogheaderStyle0; }
@@ -14778,7 +14778,7 @@ const NvDialogheader$2 = /*@__PURE__*/ proxyCustomElement(class NvDialogheader e
         "heading": [513],
         "subheading": [513]
     }]);
-function defineCustomElement$F() {
+function defineCustomElement$Q() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -14791,7 +14791,7 @@ function defineCustomElement$F() {
             break;
     } });
 }
-defineCustomElement$F();
+defineCustomElement$Q();
 
 /*!
 * tabbable 6.2.0
@@ -15327,7 +15327,7 @@ var tabbable = function tabbable(container, options) {
   return sortByOrder(candidates);
 };
 
-const nvDialogCss = "dialog{border-radius:var(--radius-rounded-2xl);background:var(--color-level-00-background);min-width:min(90vw, 400px);width:fit-content;max-width:clamp(90vw, min(90vw, 960px), 960px);margin:auto;max-height:90vh;overflow:hidden;box-shadow:0px var(--shadow-y-axis-2xl) var(--shadow-blur-2xl) var(--shadow-spread-2xl) var(--shadow-color-opacity-3) var(--shadow-color-opacity-3)}dialog.full{width:90vw}dialog::backdrop{opacity:var(--components-overlay-opacity);background:var(--components-overlay-background)}dialog .content{display:flex;flex-direction:column;align-items:flex-start;height:fit-content;max-height:90vh;overflow:hidden}dialog .content nv-button.close-button{position:absolute;top:var(--dialog-dismissible-position-top);right:var(--dialog-dismissible-position-right);display:flex;padding:var(--button-sm-icon-button-padding);justify-content:flex-end;align-items:flex-start;gap:10px}dialog .content .content-body{overflow:auto;box-sizing:border-box;padding:var(--dialog-body-padding-y) var(--dialog-body-padding-x);scrollbar-gutter:stable both-edges;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);color:var(--color-content-medium-text);width:100%}dialog .content .content-body::-webkit-scrollbar{width:6px;height:6px}dialog .content .content-body::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}dialog .content .content-body::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}";
+const nvDialogCss = "nv-dialog dialog{width:100vw;height:100svh;margin:0;max-height:unset;max-width:unset;padding:0;background:color-mix(in srgb, var(--components-overlay-background) 70%, transparent);backdrop-filter:blur(4px)}nv-dialog dialog.full .content{min-width:90vw;width:90vw;max-width:90vw}nv-dialog .backdrop{display:flex;min-height:100%;padding:var(--spacing-3);box-shadow:0px var(--shadow-y-axis-2xl) var(--shadow-blur-2xl) var(--shadow-spread-2xl) var(--shadow-color-opacity-3) var(--shadow-color-opacity-3)}nv-dialog .backdrop .content{border-radius:var(--radius-rounded-2xl);background:var(--color-level-00-background);min-width:min(90vw, 400px);width:fit-content;max-width:clamp(90vw, min(90vw, 960px), 960px);margin:auto;display:flex;flex-direction:column;align-items:flex-start;height:fit-content;position:relative}nv-dialog .backdrop .content nv-button.close-button{position:absolute;top:var(--dialog-dismissible-position-top);right:var(--dialog-dismissible-position-right);display:flex;padding:var(--button-sm-icon-button-padding);justify-content:flex-end;align-items:flex-start;gap:10px}nv-dialog .backdrop .content .content-body{box-sizing:border-box;padding:var(--dialog-body-padding-y) var(--dialog-body-padding-x);scrollbar-gutter:stable both-edges;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);color:var(--color-content-medium-text);width:100%}nv-dialog .backdrop .content .content-body::-webkit-scrollbar{width:6px;height:6px}nv-dialog .backdrop .content .content-body::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-dialog .backdrop .content .content-body::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}";
 const NvDialogStyle0 = nvDialogCss;
 
 const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
@@ -15395,13 +15395,30 @@ const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
                 this.close();
             }
         };
-        this.handleClickOutside = (event) => {
-            if (event.target === this.dialogElement) {
+        /**
+         * Handles the click event to close the dialog when clickOutside is true.
+         * @param {MouseEvent} event - The click event.
+         */
+        this.handleDialogClick = (event) => {
+            if (!this.clickOutside || this.undismissable)
+                return;
+            if (this.checkForOpenPopovers())
+                return;
+            if (event.target === this.backdropElement) {
                 this.close();
                 event.preventDefault();
                 event.stopPropagation();
             }
         };
+        this.checkForOpenPopovers = () => {
+            let hasOpenPopover = false;
+            this.el.querySelectorAll('nv-popover').forEach(popover => {
+                if (popover.hasAttribute('open')) {
+                    hasOpenPopover = true;
+                }
+            });
+            return hasOpenPopover;
+        };
     }
     //#endregion PROPERTIES
     /****************************************************************************/
@@ -15415,7 +15432,18 @@ const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
         /** It is recommended to use the .show() or .showModal() method to render
          * dialogs, rather than the open attribute. If a <dialog> is opened using
          * the open attribute, it is non-modal. */
+        const { setFadeOut } = useFade(this.dialogElement);
+        setFadeOut();
         this.dialogElement.showModal();
+        const { setGrowIn, growIn } = useGrow(this.contentElement, {
+            duration: 100,
+            amount: 0.9,
+        });
+        const { fadeIn } = useFade(this.dialogElement, {
+            duration: 100,
+        });
+        setGrowIn();
+        await parallel(fadeIn, growIn).start();
     }
     /**
      * Call this method to hide the dialog, making it disappear from view.
@@ -15423,6 +15451,14 @@ const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
     async close() {
         this.open = false;
         this.allowScroll();
+        const { growOut } = useGrow(this.contentElement, {
+            duration: 150,
+            amount: 0.85,
+        });
+        const { fadeOut } = useFade(this.dialogElement, {
+            duration: 150,
+        });
+        await parallel(growOut, fadeOut).start();
         this.dialogElement.close();
     }
     /**
@@ -15505,23 +15541,17 @@ const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
     handleKeyDown(event) {
         if (event.key !== 'Escape')
             return;
-        if (this.undismissable) {
+        if (!this.open)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        const hasOpenPopover = this.checkForOpenPopovers();
+        if (!this.undismissable && !hasOpenPopover) {
             event.preventDefault();
             event.stopPropagation();
-        }
-        else {
             this.close();
         }
     }
-    /**
-     * Handles the click event to close the dialog when clickOutside is true.
-     * @param {MouseEvent} event - The click event.
-     */
-    handleDocumentClick(event) {
-        if (!this.clickOutside || this.undismissable)
-            return;
-        this.handleClickOutside(event);
-    }
     //#endregion LISTENERS
     /****************************************************************************/
     //#region LIFECYCLE
@@ -15559,6 +15589,7 @@ const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
         this.attachEventListeners();
         // Additional form check in case form was added after initial load
         this.checkForForm();
+        // this.setupContentBodyListeners();
     }
     disconnectedCallback() {
         if (this.triggerElement && !this.eventsAttached && !this.controlled) {
@@ -15572,7 +15603,7 @@ const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
     //#region RENDER
     render() {
         const hasForm = this.form || this.el.querySelector('form');
-        return (h$1(Host$1, { key: 'b32680019247cf7e39b5861a77dce61e08eadd7b' }, h$1("slot", { key: '104978b5cccd97997955a6c0db21f9549643f40a', name: "trigger" }), h$1("dialog", { key: '951a58755ac49f6c2b2f427599d5bc2540c65e2e', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx({ full: this.full }) }, h$1("div", { key: '96b727e70efe35991086ead905f925af28808cb8', class: "content" }, !this.undismissable && (h$1("nv-button", { key: '36f2214d2ed81d7b85c3c523f490e75ca2bffc68', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDialogClose, "aria-label": "Close dialog" }, h$1("nv-icon", { key: '7a50fc4e330e7ab67bba0fa429c5cd92630014bc', name: "x", size: "sm" }))), this.headerElement ? (h$1("slot", { name: "header" })) : (h$1("nv-dialogheader", { id: "dialog-header" })), h$1("div", { key: 'cf4269a73467794d0158a4e56f34e2a81edd6643', class: "content-body", id: "dialog-content" }, h$1("slot", { key: 'f91e72aafdd2f5de65ae78262f274b83bd37560d' })), this.footerElement ? (h$1("slot", { name: "footer" })) : (h$1("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onDialogCanceled: this.handleDialogClose, undismissable: this.undismissable }))))));
+        return (h$1(Host$1, { key: '91b36e5daac0251997c7a6794166794f1e89087f' }, h$1("slot", { key: 'abeef317af74093c9b09fa6f2d300c23bbde54a6', name: "trigger" }), h$1("dialog", { key: '1eb417dc921bca7837aa05aad9c252fba7d9d920', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, onClick: this.handleDialogClick, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx({ full: this.full }) }, h$1("div", { key: '8ec55c461a747ebb4556fbf791ee1d66d3bcc51a', class: "backdrop", ref: el => (this.backdropElement = el) }, h$1("div", { key: '373beedad09464f3473935e0464b3f51133e0372', class: "content", ref: el => (this.contentElement = el) }, !this.undismissable && (h$1("nv-button", { key: '5e94d056687837b017991f54df6cf350159addcc', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDialogClose, "aria-label": "Close dialog" }, h$1("nv-icon", { key: '98db7848b9796589b9e7670c62a26417228a15d6', name: "x", size: "sm" }))), this.headerElement ? (h$1("slot", { name: "header" })) : (h$1("nv-dialogheader", { id: "dialog-header" })), h$1("div", { key: '611eb7914b65d5a27513f91eb458a578dbc63734', class: "content-body", id: "dialog-content" }, h$1("slot", { key: 'caf21876e6a33e997eccdc577fb43d6e63fcfc90' })), this.footerElement ? (h$1("slot", { name: "footer" })) : (h$1("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onDialogCanceled: this.handleDialogClose, undismissable: this.undismissable })))))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -15591,10 +15622,10 @@ const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
         "autofocus": [516],
         "show": [64],
         "close": [64]
-    }, [[4, "keydown", "handleKeyDown"], [4, "click", "handleDocumentClick"]], {
+    }, [[4, "keydown", "handleKeyDown"]], {
         "open": ["handleDialogOpenChange"]
     }]);
-function defineCustomElement$1$l() {
+function defineCustomElement$1$u() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -15607,41 +15638,41 @@ function defineCustomElement$1$l() {
             break;
         case "nv-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$P();
+                defineCustomElement$_();
             }
             break;
         case "nv-dialogfooter":
             if (!customElements.get(tagName)) {
-                defineCustomElement$G();
+                defineCustomElement$R();
             }
             break;
         case "nv-dialogheader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$F();
+                defineCustomElement$Q();
             }
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
     } });
 }
-defineCustomElement$1$l();
+defineCustomElement$1$u();
 
 const NvDialog$2 = NvDialog$1;
-const defineCustomElement$E = defineCustomElement$1$l;
+const defineCustomElement$P = defineCustomElement$1$u;
 
 const NvDialogfooter$1 = NvDialogfooter$2;
-const defineCustomElement$D = defineCustomElement$G;
+const defineCustomElement$O = defineCustomElement$R;
 
 const NvDialogheader$1 = NvDialogheader$2;
-const defineCustomElement$C = defineCustomElement$F;
+const defineCustomElement$N = defineCustomElement$Q;
 
 const nvFieldcheckboxCss = "nv-fieldcheckbox{--nv-fieldcheckbox-border-default:var(\n    --components-form-field-border-default\n  );--nv-fieldcheckbox-border-hover:var(--components-form-field-border-hover);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-default);--nv-fieldcheckbox-background-default:var(\n    --components-form-field-background-default\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-checked\n  );--nv-fieldcheckbox-background-disabled:var(\n    --components-form-field-background-disabled\n  );--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-brand);--nv-fieldcheckbox-color-checked:var(\n    --components-form-shape-foreground-default\n  );--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-fieldcheckbox:not([disabled],[readonly]) input,nv-fieldcheckbox:not([disabled],[readonly]) label{cursor:pointer}nv-fieldcheckbox.error>.input-container{--nv-fieldcheckbox-border-default:var(--components-form-field-border-error);--nv-fieldcheckbox-border-hover:var(--nv-fieldcheckbox-border-default);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-error);--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-destructive);--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled-error\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-error\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-destructive)}nv-fieldcheckbox.label-placement-before{flex-direction:row-reverse}nv-fieldcheckbox[disabled]:not([disabled=false]){opacity:0.5}nv-fieldcheckbox>.input-container{position:relative;color:var(--nv-fieldcheckbox-color-checked)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-fieldcheckbox-color-disabled)}nv-fieldcheckbox>.input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-fieldcheckbox-border-default);background:var(--nv-fieldcheckbox-background-default)}nv-fieldcheckbox>.input-container input[type=checkbox]:hover{border-color:var(--nv-fieldcheckbox-border-hover)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus{border-color:var(--nv-fieldcheckbox-border-focus)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus,nv-fieldcheckbox>.input-container input[type=checkbox]:focus-within{outline:none}nv-fieldcheckbox>.input-container input[type=checkbox]:focus-visible,nv-fieldcheckbox>.input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldcheckbox-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldcheckbox>.input-container input[type=checkbox]:checked,nv-fieldcheckbox>.input-container input[type=checkbox]:indeterminate{background:var(--nv-fieldcheckbox-background-checked);border-color:var(--nv-fieldcheckbox-background-checked)}nv-fieldcheckbox>.input-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-fieldcheckbox-background-disabled);border-color:var(--nv-fieldcheckbox-border-default)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-fieldcheckbox>.input-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}nv-fieldcheckbox>.text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}nv-fieldcheckbox>.text-container label{align-self:stretch;text-align:left;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldcheckbox>.text-container label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-fieldcheckbox>.text-container .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldcheckbox>.text-container .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
 const NvFieldcheckboxStyle0 = nvFieldcheckboxCss;
@@ -15757,13 +15788,13 @@ const NvFieldcheckbox$2 = /*@__PURE__*/ proxyCustomElement(class NvFieldcheckbox
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '62195333f84808381f19ca4017916380d20d493f', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h$1("div", { key: '65f02aee06eacecf83c5297d87130bbe9f85b19c', class: "input-container" }, h$1("input", { key: 'c3e8fcb41c835f0eba254f9e77de749b7dc6349e', type: "checkbox", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly && !this.required, required: this.required, indeterminate: this.indeterminate, ref: el => {
+        return (h$1(Host$1, { key: '4db161f34d188b5370f28a39ec9637d269719b04', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h$1("div", { key: '7608f50840faf35c4da8dbfcc8240becece6f609', class: "input-container" }, h$1("input", { key: '733ad01f2cadd1e17d6bfc40022ef9ab1db93f0a', type: "checkbox", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly && !this.required, required: this.required, indeterminate: this.indeterminate, ref: el => {
                 if (el) {
                     el.indeterminate = this.indeterminate;
                 }
-            } }), h$1("span", { key: '439a8c467373d734293012514cdb22c419b534ae', class: "icon" }, this.checked && !this.indeterminate && (h$1("slot", { key: '335a92ed1431fe96af3c7c6fac2f4245c0d4caaa', name: "checked-icon" }, h$1("svg", { key: '67d97efca27a97c7db77d9f8c182a21fbd21d13c', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, h$1("path", { key: '9cb6730b00813e8d4fe6fa14549de6f2a41ea068', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (h$1("slot", { key: 'e47b17269156f72ddaf7af1ecc818ae5b6b8c0d3', name: "indeterminate-icon" }, h$1("svg", { key: '4748acc27a70e74f9228cdb6e41eae4b1ae82559', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, h$1("path", { key: '40748b36b277c1ed6ea8fc8f82f4cd687b2f6e3a', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h$1("slot", { key: '0fa9e559cefb8169c20b171fcbb6c1786fd6b3ae' }), h$1("div", { key: '44eef633025d1a7606979d4d8374c2a04081f45c', class: "text-container" }, h$1("slot", { key: 'b43251a02b15431f5399c3bced485b89741e069e', name: "main" }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '7781451a357961ce1606b18c590baa344df4ff95', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h$1("slot", { key: 'b420ad1dbdc05a5c57d0b45e62176866ec0527ca', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '67715bef879e0778b58648b83135edefdbdba53d', class: "description" }, h$1("slot", { key: 'b1d4d21e83130e19e94efa915abd6661c027bbce', name: "description" }, this.description)))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '157df3faf2cadb4014ba8475c99cf68d86da9f63', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '42aa95b2332618120d846fa481a1b30b7edeccca', name: "error-description" }, this.errorDescription))))));
+            } }), h$1("span", { key: '81da5960abee0aa2c74f10612d05388e427b3a1a', class: "icon" }, this.checked && !this.indeterminate && (h$1("slot", { key: 'e257ebad9a1c23bc77961645dabe6e0fc8c51440', name: "checked-icon" }, h$1("svg", { key: 'd4005dfd634169aa14140c7eba1e0ac63e28342d', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, h$1("path", { key: '1817c25edf09f09d4317d9e41b52484883c7a943', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (h$1("slot", { key: '043148db3518e99f2850ffa4b3622f7ae3c654a7', name: "indeterminate-icon" }, h$1("svg", { key: 'b8a67cfa8d0f880657b62b89ddae7a238b22bc26', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, h$1("path", { key: 'd63f610ff5cca552d295de18dffeda84cbd370ac', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h$1("slot", { key: 'e4befe30753cd2f76da4af10e648704068f7ce55' }), h$1("div", { key: '281b4046dbeb8b8dcb05fc154b65ed822fa45960', class: "text-container" }, h$1("slot", { key: '8e40b1e52c55fa45b38bec26e6b20da90c8553ed', name: "main" }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'ad2e4a47d1d5a218835b410579e7e93febd08d15', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h$1("slot", { key: '815d03f2c69465e430178c29a885ad770e2c561f', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '22159e2cb8c4897507da91ebee09502922093ead', class: "description" }, h$1("slot", { key: '61b277015ecb4e0e3b813e45dbb6cd7ebe89506b', name: "description" }, this.description)))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '924d333e443c943b5fe37f31e3191d231b9d87e1', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '2469d3f6cf2121b489b637138642417d27556740', name: "error-description" }, this.errorDescription))))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -15793,7 +15824,7 @@ const NvFieldcheckbox$2 = /*@__PURE__*/ proxyCustomElement(class NvFieldcheckbox
     }, [[0, "change", "handleChange"]], {
         "checked": ["onCheckedChanged"]
     }]);
-function defineCustomElement$B() {
+function defineCustomElement$M() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -15806,10 +15837,10 @@ function defineCustomElement$B() {
             break;
     } });
 }
-defineCustomElement$B();
+defineCustomElement$M();
 
 const NvFieldcheckbox$1 = NvFieldcheckbox$2;
-const defineCustomElement$A = defineCustomElement$B;
+const defineCustomElement$L = defineCustomElement$M;
 
 var inputmask = {exports: {}};
 
@@ -19655,17 +19686,17 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
          * @param {MouseEvent} event - The click event.
          */
         this.handleClickOutside = (event) => {
-            if (this.open && this.el && !this.el.contains(event.target)) {
+            var _a;
+            if (!(event.target instanceof Node))
+                return;
+            if (!((_a = this.el) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
                 this.open = false;
-            }
         };
         /**
          * Focuses the input when the input container is clicked.
          * @param {MouseEvent} event - The click event.
          */
         this.handleInputContainerClick = (event) => {
-            // Stop propagation to prevent closing parent dialogs
-            event.stopPropagation();
             if (this.readonly || this.disabled) {
                 event.preventDefault();
                 return;
@@ -19728,12 +19759,10 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
          * Toggles the opening/closing of the popover.
          * @param {MouseEvent} event - The click event.
          */
-        this.toggleCalendar = (event) => {
+        this.toggleCalendar = () => {
             if (this.readonly || this.disabled) {
                 return;
             }
-            // Stop propagation to prevent closing parent dialogs
-            event.stopPropagation();
             this.open = !this.open;
         };
     }
@@ -19810,9 +19839,6 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
     //#endregion METHODS
     /****************************************************************************/
     //#region LIFECYCLE
-    connectedCallback() {
-        document.addEventListener('click', this.handleClickOutside);
-    }
     componentWillLoad() {
         if (this.value) {
             this.singleValue = this.value;
@@ -19839,7 +19865,6 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
         }
     }
     disconnectedCallback() {
-        document.removeEventListener('click', this.handleClickOutside);
         if (this.inputElement &&
             this.inputElement.inputmask) {
             this.inputElement.inputmask.remove();
@@ -19894,6 +19919,9 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
     handleClosePopover() {
         this.open = false;
     }
+    handleDocumentClick(event) {
+        this.handleClickOutside(event);
+    }
     handleKeyDown(event) {
         if (event.key === 'Escape') {
             this.open = false;
@@ -19917,13 +19945,13 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '0ec615c05a7f830586f21a6e26a62cbbec4902b0' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '1b1814a4ab2ccef80d2ee641d2624397f6b953d1', htmlFor: this.inputId }, h$1("slot", { key: '853d2f3ef6561dd05ccd438c717a866a62f4791a', name: "label" }, this.label))), h$1("nv-popover", { key: '3259f86dbb8051a9ca10fe3a63b5716dc24b356e', ref: this.setPopoverRef, id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", strategy: "fixed", open: this.open }, h$1("div", { key: 'd6f40610224724396ce6a1b5857f6baa6b308172', slot: "trigger", class: "input-wrapper" }, h$1("slot", { key: '9736e07f75aff0c74d23198648f6266854c4f523', name: "before-input" }), h$1("div", { key: 'c7019e5f0c7a88458f3dc1759b4d7d1d5f098dc9', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '1c8fcc1f3cb6dfe5016f09780b5c4085eb53bf9b', name: "leading-input" }), h$1("input", { key: 'b1482ebabf4753dacb434774df3247c0ea9b885b', id: this.inputId, ref: this.setInputRef, placeholder: this.placeholder ||
-                this.convertToInputmaskFormat(this.dateFormat), name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, onInput: this.handleInput, onFocus: this.handleFocus, "data-scope": "date" }), this.error && (h$1("nv-icon", { key: '7a9448bd1aef0dcf95183651b07621cebdeec467', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: 'c7329b1feaca5f1bcdaae5e8398a6357bb228333', name: "circle-check", class: "validation", size: "md" })), h$1("nv-iconbutton", { key: 'd26593800bc0f65438906c576adbefabc841081a', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
+        return (h$1(Host$1, { key: 'c8b62c90ddfde96e12cb63aafba29d5b507286c6' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '761e06fd5d55b23946a87b86403105be049bbb4b', htmlFor: this.inputId }, h$1("slot", { key: '73676bbc15ddc90172e0d1a6da0c84bb21e433a1', name: "label" }, this.label))), h$1("nv-popover", { key: 'dddd5f5619c6696b1a7b9991c94fba01e3710199', ref: this.setPopoverRef, id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: '28bcfe3c9a50b81b1c2565b1dbab0479cf0927c0', slot: "trigger", class: "input-wrapper" }, h$1("slot", { key: '9ff4bfecd08b05c3425baa16f56da95584a33977', name: "before-input" }), h$1("div", { key: '8cfb31352d12b45d4450fabeb84328bfb9644ee4', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: 'ac99e0f250644eef55a24979f92890b04c03179e', name: "leading-input" }), h$1("input", { key: 'dd490963055df6295d6a04eda58d44857d827255', id: this.inputId, ref: this.setInputRef, placeholder: this.placeholder ||
+                this.convertToInputmaskFormat(this.dateFormat), name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, onInput: this.handleInput, onFocus: this.handleFocus, "data-scope": "date" }), this.error && (h$1("nv-icon", { key: '16b6825561152e5157aca753082c7229d15e2c46', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '4780677cf8da9866d2fa4d40557b564b8920b065', name: "circle-check", class: "validation", size: "md" })), h$1("nv-iconbutton", { key: 'c6bd82b770b28f35b6716abc8cba5a28aa13dd56', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
             ,
-            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h$1("slot", { key: '7308a0126263ca8f0182bfbbc5305d0392fe6187', name: "after-input" })), h$1("div", { key: '25f181caaa5fa66d0245de5d050f41f603bae804', slot: "content" }, h$1("nv-calendar", { key: '0ade256f483d9c7d3c7a3af47790646510a59c2e', dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, onValueChanged: this.handleCalendarValueChanged }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'a6b011fb140ed508a9681e9dd0635261db705c7c', class: "description" }, h$1("slot", { key: 'dfffc39d6fd525a359ff72f1ccf263f1f2a57274', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'd421e5bf8f9839ce636007864fddfb24bac43631', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h$1("slot", { name: "error-description" })) : (this.errorDescription))), h$1("slot", { key: 'b8e8b003f1fca9a499ab276bf8717f018d33fbb5' })));
+            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h$1("slot", { key: '85ed704fa118dc5087af5ce8e791e91a3c210093', name: "after-input" })), h$1("div", { key: 'ad9eaa9cedb72c56d8d5b201904259798a790aa4', slot: "content" }, h$1("nv-calendar", { key: '79abc83113d0a14bdfcb19e693b6f5d94adaa071', dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, onValueChanged: this.handleCalendarValueChanged }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '8d3620b3ddb001c5ed1ba0557310a7bf4af4c5e0', class: "description" }, h$1("slot", { key: 'b80b706332d733476feec054737f35a4f008a078', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '976a1e236e6391ef7e8aeac0b56c1fd815bb9640', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h$1("slot", { name: "error-description" })) : (this.errorDescription))), h$1("slot", { key: 'eb645c44cde2c175892ed31326d71897e3a5062c' })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -19960,11 +19988,11 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
         "singleValue": [32],
         "open": [32],
         "clear": [64]
-    }, [[0, "singleDateChange", "handleSingleDateChange"], [0, "closePopover", "handleClosePopover"], [0, "keydown", "handleKeyDown"]], {
+    }, [[0, "singleDateChange", "handleSingleDateChange"], [0, "closePopover", "handleClosePopover"], [4, "click", "handleDocumentClick"], [0, "keydown", "handleKeyDown"]], {
         "value": ["handleValueChange"],
         "open": ["handleOpenChange"]
     }]);
-function defineCustomElement$1$k() {
+function defineCustomElement$1$t() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -19977,35 +20005,35 @@ function defineCustomElement$1$k() {
             break;
         case "nv-calendar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$M();
+                defineCustomElement$X();
             }
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$$();
+                defineCustomElement$1a();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
         case "nv-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$T();
+                defineCustomElement$12();
             }
             break;
     } });
 }
-defineCustomElement$1$k();
+defineCustomElement$1$t();
 
 const NvFielddate$2 = NvFielddate$1;
-const defineCustomElement$z = defineCustomElement$1$k;
+const defineCustomElement$K = defineCustomElement$1$t;
 
 const nvFielddaterangeCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddaterange{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddaterange[fluid]:not([fluid=false]){max-width:unset}nv-fielddaterange[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddaterange[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddaterange[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddaterange[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddaterange label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddaterange nv-popover{width:100%;display:block}nv-fielddaterange nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto;z-index:2}nv-fielddaterange nv-popover [slot=content]{display:block;width:100%}nv-fielddaterange .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddaterange .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddaterange .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddaterange .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddaterange .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{box-shadow:none;border-color:var(--nv-field-border-default)}nv-fielddaterange .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;width:100%}nv-fielddaterange .input-wrapper .input-container input:focus{outline:none}nv-fielddaterange .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddaterange .input-wrapper .input-container input:focus-within,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover,nv-fielddaterange .input-wrapper .input-container input:focus,nv-fielddaterange .input-wrapper .input-container input:focus:hover{outline:var(--focus-outline-stroke) solid var(--nv-field-border-focus);outline-offset:0px}nv-fielddaterange .input-wrapper .input-container input:focus-within~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus:hover~.range-separator{background-color:transparent}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddaterange .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddaterange .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddaterange .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddaterange .range-inputs{display:flex;align-items:center;gap:0;width:100%}nv-fielddaterange .range-inputs:focus-within{z-index:1}nv-fielddaterange .range-inputs input{flex:1;border:none;outline:none;padding:0;font-size:var(--form-field-font-size);color:var(--components-form-field-content-text);background:transparent;min-width:0}nv-fielddaterange .range-inputs input::placeholder{color:var(--components-form-field-content-placeholder)}nv-fielddaterange .range-inputs input:disabled{cursor:not-allowed;color:var(--components-form-field-content-text);background-color:var(--components-form-field-background-disabled)}nv-fielddaterange .range-inputs .range-separator{width:1px;height:1.5rem;background-color:var(--color-content-medium-border)}";
 const NvFielddaterangeStyle0 = nvFielddaterangeCss;
@@ -20228,12 +20256,10 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
          * Toggles the opening/closing of the popover.
          * @param {MouseEvent} event - The click event.
          */
-        this.toggleCalendar = (event) => {
+        this.toggleCalendar = () => {
             if (this.readonly || this.disabled) {
                 return;
             }
-            // Stop propagation to prevent closing parent dialogs
-            event.stopPropagation();
             this.open = !this.open;
         };
     }
@@ -20523,12 +20549,12 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '091fcbf743d63bce095fe2f0dfe2c3b62eb27691' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '6566223deb5070b16724fdffa5223f3142abe8a8', htmlFor: this.startInputId }, h$1("slot", { key: 'e26f1c52a4c9326506752679a8cca1952a7a16cc', name: "label" }, this.label))), h$1("nv-popover", { key: 'f88e0162e05a5267fe79edfce881302959324d0c', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", strategy: "fixed", open: this.open }, h$1("div", { key: '9891bd8f655bb197937a4cb749ae6aab04dd7d03', slot: "trigger", class: "input-wrapper" }, h$1("slot", { key: '501373a4a2cd17a8ff0e51f8bb6bd7812686d96f', name: "before-input" }), h$1("div", { key: '67586c4999a0f5eb7261486162be293ad3a7af88', class: "input-container" }, h$1("slot", { key: '6f47145fe7a8de22311e5bbf7dbda3f9ad3a7516', name: "leading-input" }), h$1("div", { key: 'e3d5a24a8874709ef4ee2075934824664817e23c', class: "range-inputs" }, h$1("input", { key: '15d3ff16f47fe17b72a697e9155cc448253fd9e2', id: this.startInputId, type: "text", placeholder: this.startPlaceholder ||
-                this.convertToInputmaskFormat(this.dateFormat), name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), h$1("div", { key: 'f5401156bcf4f3815bab6151446f0d610c15fdd4', class: "range-separator" }), h$1("input", { key: '0c00bf69390ff60d14cdbaea4bb50ef0b2bad4f6', id: this.endInputId, type: "text", placeholder: this.endPlaceholder ||
-                this.convertToInputmaskFormat(this.dateFormat), name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus, "data-scope": "date-range" })), this.error && (h$1("nv-icon", { key: '12edaf5750b1859bcf2760a5879e2c95587d56fd', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: 'f5022132ee6771922e84d942764516c9e1beb539', name: "circle-check", class: "validation", size: "md" })), h$1("nv-iconbutton", { key: '8938c06c316d7fdae873d7ee0f967d56c70824a1', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h$1("slot", { key: '9915b8477bc690f3137b5a9aa6d1b05e7836a951', name: "after-input" })), h$1("div", { key: '6068c57cf56b056ff5420923864a94472dbac32a', slot: "content" }, h$1("nv-calendar", { key: '8dd945abd1a9f16f38474fa091dfb8d4919887a0', ref: el => (this.calendarElement = el), dateFormat: this.dateFormat, value: this.value, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, selectionType: "range", "data-prevent-navigation": "true" }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '7ef39c67687d0bd02e3f7df90a3d219961074602', class: "description" }, h$1("slot", { key: '8d7a226adcf892da6851406d45c18dfcb2a7f9c7', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '23ed909597234f6dde3ace8de00b891e9b6ac862', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h$1("slot", { name: "error-description" })) : (this.errorDescription))), h$1("slot", { key: '34d6bf60a2dab0d3f167ae775e3a43997ae2fa42' })));
+        return (h$1(Host$1, { key: '9f0ce8b2e6579ea6225dfbac7cb75cf78ea0c5f5' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '9adfefaeda1116c4b3dfa297529aa77a48b66cfe', htmlFor: this.startInputId }, h$1("slot", { key: '819fcfcf8ee7b649e3271d9c8ae24a4b70a60c81', name: "label" }, this.label))), h$1("nv-popover", { key: 'f689f4796b739ca1651cb812c428663e5935fa64', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: 'c5f3174c497a74205a4ab5e289ededbc2ab6ca3f', slot: "trigger", class: "input-wrapper" }, h$1("slot", { key: '08e0703992304fe911a2ff4eef74023c8832629b', name: "before-input" }), h$1("div", { key: '9bc9c65f34a2de1c9f8054ccc038258982033e1b', class: "input-container" }, h$1("slot", { key: '47dbf93940e9c452d20b67b81fb7abd9b807af0d', name: "leading-input" }), h$1("div", { key: 'ea4587f7c5013cbd8d7e093aa85532438c18b5ab', class: "range-inputs" }, h$1("input", { key: '544297b36fb3646178c663d6aaa22c2cd3e0616b', id: this.startInputId, type: "text", placeholder: this.startPlaceholder ||
+                this.convertToInputmaskFormat(this.dateFormat), name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), h$1("div", { key: '15862aa6acde78f9da8433ded18b5a9ca8508ff5', class: "range-separator" }), h$1("input", { key: 'f481feb34af3f5581f2d97bafaa126f306aae12b', id: this.endInputId, type: "text", placeholder: this.endPlaceholder ||
+                this.convertToInputmaskFormat(this.dateFormat), name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus, "data-scope": "date-range" })), this.error && (h$1("nv-icon", { key: '9a4a155d4e6ab389406ad14cc29e8fa25e578ce9', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '19969e5286a666fceb583de8901191595329f380', name: "circle-check", class: "validation", size: "md" })), h$1("nv-iconbutton", { key: '76a17a3d44ce189128467997434e34e82d607363', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h$1("slot", { key: '53c374d1628c396015f7006ad63c294932d5e78e', name: "after-input" })), h$1("div", { key: 'f5d53344987a39a54ac933cc94c802212b98c651', slot: "content" }, h$1("nv-calendar", { key: '4992731905d118e806a9a22df0413bdfb350f61e', ref: el => (this.calendarElement = el), dateFormat: this.dateFormat, value: this.value, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, selectionType: "range", "data-prevent-navigation": "true" }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '396e2f1e53b4e7cd6233993c10aac1b1001d6a3c', class: "description" }, h$1("slot", { key: 'fccf3a987ed03560d8eb8a3657ca3ce9f291493c', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'e76e336e460ed64a05fd1748859f159ce3b74120', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h$1("slot", { name: "error-description" })) : (this.errorDescription))), h$1("slot", { key: 'be76d31f0eeaf50e589f0ab317e04bd3be3d9ba4' })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -20573,7 +20599,7 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
         "value": ["handleValueChange"],
         "open": ["onOpenChanged"]
     }]);
-function defineCustomElement$1$j() {
+function defineCustomElement$1$s() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -20586,37 +20612,37 @@ function defineCustomElement$1$j() {
             break;
         case "nv-calendar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$M();
+                defineCustomElement$X();
             }
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$$();
+                defineCustomElement$1a();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
         case "nv-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$T();
+                defineCustomElement$12();
             }
             break;
     } });
 }
-defineCustomElement$1$j();
+defineCustomElement$1$s();
 
 const NvFielddaterange$2 = NvFielddaterange$1;
-const defineCustomElement$y = defineCustomElement$1$j;
+const defineCustomElement$J = defineCustomElement$1$s;
 
-const nvFielddropdownitemCss = "nv-fielddropdownitem{display:flex;gap:var(--spacing-2);flex-wrap:wrap;align-items:center;width:100%;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);font-weight:var(--menu-contextual-item-font-weight);font-size:var(--list-dropdown-font-size);line-height:var(--list-dropdown-line-height);color:var(--components-list-dropdown-item-label-default);border-radius:var(--list-dropdown-item-radius);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fielddropdownitem:hover,nv-fielddropdownitem:focus,nv-fielddropdownitem:focus-within{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-fielddropdownitem[disabled]:not([disabled=false]){cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-fielddropdownitem .text-wrapper{display:flex;flex-grow:1;align-items:center;justify-content:space-between}nv-fielddropdownitem [data-scope=text]{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nv-fielddropdownitem nv-icon[data-scope=selected]{color:var(--components-list-dropdown-item-label-default);align-self:center;margin-left:auto}";
+const nvFielddropdownitemCss = "nv-fielddropdownitem{display:flex;gap:var(--spacing-2);flex-wrap:wrap;align-items:center;width:100%;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);font-weight:var(--menu-contextual-item-font-weight);font-size:var(--list-dropdown-font-size);line-height:var(--list-dropdown-line-height);color:var(--components-list-dropdown-item-label-default);border-radius:var(--list-dropdown-item-radius);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fielddropdownitem:hover,nv-fielddropdownitem:focus,nv-fielddropdownitem:focus-within{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-fielddropdownitem[disabled]:not([disabled=false]){cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-fielddropdownitem .text-wrapper{display:flex;flex-grow:1;align-items:center;justify-content:space-between}nv-fielddropdownitem [data-scope=text]{flex-grow:1;word-break:break-word;overflow-wrap:break-word;padding-right:var(--spacing-5)}nv-fielddropdownitem nv-icon[data-scope=selected]{color:var(--components-list-dropdown-item-label-default);align-self:center;margin-left:auto;position:absolute;right:var(--list-dropdown-item-padding-y)}";
 const NvFielddropdownitemStyle0 = nvFielddropdownitemCss;
 
 const NvFielddropdownitem$2 = /*@__PURE__*/ proxyCustomElement(class NvFielddropdownitem extends H {
@@ -20676,7 +20702,7 @@ const NvFielddropdownitem$2 = /*@__PURE__*/ proxyCustomElement(class NvFielddrop
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'e099d616e8cf3aac2ec1fad7f3c0aee8a0456dbf', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, h$1("slot", { key: '17a6b60db0685997663de23436f673f29627b661' }), !this.composed && (h$1("div", { key: '92ce5251e1b99c281ca9c26d6927b08056a9957f', class: "text-wrapper" }, h$1("span", { key: '7821e235f3e342d71f0d6d6e7d6176d3100c9305', "data-scope": "text" }, this.label))), this.selected && (h$1("nv-icon", { key: '3da4ac75ebd8a662b054c5ad06c4939969fcd5f8', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
+        return (h$1(Host$1, { key: 'd5a70771cd557f33b37766fbbe14cd0a401a3d35', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, h$1("slot", { key: 'e824671ec27c1c1e20260ca4d194ee254d6aa390' }), !this.composed && (h$1("div", { key: '60f189d2c990d80fd1e16238c38fc7f065e915e6', class: "text-wrapper" }, h$1("span", { key: '28a2df55dc7b188ce7c6e0e716bef731597c6f28', "data-scope": "text" }, this.label))), this.selected && (h$1("nv-icon", { key: '6d0257c1e7ea842f9880b68f2c6e0a0da38f0b4e', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
     }
     get el() { return this; }
     static get style() { return NvFielddropdownitemStyle0; }
@@ -20687,7 +20713,7 @@ const NvFielddropdownitem$2 = /*@__PURE__*/ proxyCustomElement(class NvFielddrop
         "label": [513],
         "detached": [516]
     }, [[0, "keydown", "handleKeyDown"]]]);
-function defineCustomElement$x() {
+function defineCustomElement$I() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -20700,14 +20726,14 @@ function defineCustomElement$x() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
     } });
 }
-defineCustomElement$x();
+defineCustomElement$I();
 
-const nvFielddropdownCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddropdown{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddropdown[fluid]:not([fluid=false]){max-width:unset}nv-fielddropdown[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddropdown[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddropdown[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddropdown[hidden]:not([hidden=false]) label{display:none}nv-fielddropdown label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{width:100%;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fielddropdown nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fielddropdown nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fielddropdown nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within,nv-fielddropdown .input-container:focus-within:hover,nv-fielddropdown .input-container:focus,nv-fielddropdown .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddropdown .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container input[type=search]::-webkit-search-decoration,nv-fielddropdown .input-container input[type=search]::-webkit-search-cancel-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddropdown .input-container input[type=password]::-ms-clear,nv-fielddropdown .input-container input[type=password]::-ms-reveal,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-clear,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddropdown .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddropdown .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddropdown .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddropdown .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
+const nvFielddropdownCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddropdown{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddropdown[fluid]:not([fluid=false]){max-width:unset}nv-fielddropdown[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddropdown[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddropdown[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddropdown[hidden]:not([hidden=false]) label{display:none}nv-fielddropdown label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fielddropdown nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fielddropdown nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fielddropdown nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within,nv-fielddropdown .input-container:focus-within:hover,nv-fielddropdown .input-container:focus,nv-fielddropdown .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddropdown .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container input[type=search]::-webkit-search-decoration,nv-fielddropdown .input-container input[type=search]::-webkit-search-cancel-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddropdown .input-container input[type=password]::-ms-clear,nv-fielddropdown .input-container input[type=password]::-ms-reveal,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-clear,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddropdown .input-container p.non-filterable-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .input-container p.non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddropdown .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddropdown .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddropdown .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
 const NvFielddropdownStyle0 = nvFielddropdownCss;
 
 const NvFielddropdown$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddropdown extends H {
@@ -20971,7 +20997,9 @@ const NvFielddropdown$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddropdown
         this.open = !this.open;
     }
     setFilterInputToSelectedValue() {
-        if (!this.filterable)
+        if (!this.filterable && !this.disabled && !this.readonly)
+            return;
+        if (!this.inputElement)
             return;
         if (!this.value)
             return (this.inputElement.value = '');
@@ -21064,14 +21092,21 @@ const NvFielddropdown$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddropdown
     disconnectedCallback() {
         clearTimeout(this.debounceTimer);
     }
+    componentDidRender() {
+        // Make sure to show the value when the field is disabled or readonly
+        // as we switch to an input instead of a p in that case
+        if (!this.filterable && (this.disabled || this.readonly)) {
+            this.inputElement.value = this.getSelectedLabel();
+        }
+    }
     //#endregion LIFECYCLE
     /****************************************************************************/
     //#region RENDER
     render() {
         var _a;
-        return (h$1(Host$1, { key: '428dd85337710d430ac04cf8cbc9021a93307bfe', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'a527c33d31152a90f8641e27fbaf91cf73eb06b6', htmlFor: this.inputId, onClick: this.syncToggleDropdown.bind(this) }, h$1("slot", { key: 'e4cf96c38db69080228666e4b924367a0c3a9d72', name: "label" }, this.label))), h$1("nv-popover", { key: '41723f7ec67e4e5680381e217eba45a1d73b47fc', triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: 'd4af00d5171b09923c36df9fd44853e1399e584f', class: "input-wrapper", slot: "trigger" }, h$1("slot", { key: 'bb6e53746c70fcc8172acd9a7ef8cbf72ae70698', name: "before-input" }), h$1("div", { key: 'ef3dc9ac5d0d895384653a17f8e61f616a7cbba9', class: "input-container" }, h$1("slot", { key: '7621b8cb7222330e73a426282877df2e0040714c', name: "leading-input" }), this.filterable || this.disabled || this.readonly ? (h$1("input", { "data-scope": "focusable", id: this.inputId, type: "search", ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleFilterInput })) : (h$1("p", { "data-scope": "focusable", id: this.inputId, ref: el => (this.selectElement = el), class: "non-filterable-text", tabIndex: this.disabled ? -1 : 0 }, this.getSelectedLabel() || this.value || this.placeholder)), this.filterable && this.filterText && (h$1("nv-iconbutton", { key: '3de283e59d0c7811b39e30d98fdd7e400a1b3d49', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter.bind(this), "aria-label": "Clear input" })), this.error && (h$1("nv-icon", { key: '6f826edb19430ce535dc8742dfbd77b05d673f4d', name: "alert-circle", class: "validation", size: "md" })), h$1("nv-iconbutton", { key: '611f8df410c38faeb9fec9a43ac1f7013ce9b32b', "data-scope": "toggle-dropdown", ref: el => (this.toggleElement = el), name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', onClick: this.syncToggleDropdown.bind(this), tabIndex: this.disabled ? -1 : 0 })), h$1("slot", { key: '18d16b6c1d3c1ab910f8a45a339ae750e2277542', name: "after-input" })), h$1("div", { key: '53624675adac2c6c9345b64e634cbbad4f009a82', slot: "content", style: this.maxHeight ? { maxHeight: this.maxHeight } : {} }, ((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h$1("ul", { key: '3dfd5e914176bab898fd7872eb4ea0206d12b80a' }, this.options.map(option => (h$1("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))), h$1("slot", { key: 'e1c9151e125d0fe6f129b879b0adf1ae91b94bc4', name: "content" }))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '13247930760480ec767ce75c61385036126cd2f3', class: "description" }, h$1("slot", { key: '09c3f2fa0a1be5bcbe69b757a68a8327fef29ec1', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '9b43e41b6b38242b21c750d2d442c78e0930b9bc', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '44f7756522adbc54b8d85a211dace24a37073fc6', name: "error-description" }, this.errorDescription)))));
+        return (h$1(Host$1, { key: '349904a9bf07fb37c44f0b73c95ae736efb6a3b2', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'c5f8bb31012cac1c671fdca7b77325b28b7f0fad', htmlFor: this.inputId, onClick: this.syncToggleDropdown.bind(this) }, h$1("slot", { key: 'cec5527d93c3742abbe5cb26d452a0ce061998dc', name: "label" }, this.label))), h$1("nv-popover", { key: '6b5c8d8fc0fe2615ac2703e78faa91a4c8e0f792', triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: 'f07d22a294703544be6687e11b880d01a29c1629', class: "input-wrapper", slot: "trigger" }, h$1("slot", { key: '4067e496595f3647c6ab30a858011f38da9fe039', name: "before-input" }), h$1("div", { key: 'e13bf4e23b508a3ce621a677509c2052ce6ee146', class: "input-container" }, h$1("slot", { key: '8f26a1ab3d0c7405e4bc16acfcd6ab7f27336816', name: "leading-input" }), this.filterable || this.disabled || this.readonly ? (h$1("input", { "data-scope": "focusable", id: this.inputId, type: "search", ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleFilterInput })) : (h$1("p", { "data-scope": "focusable", id: this.inputId, ref: el => (this.selectElement = el), class: "non-filterable-text", tabIndex: this.disabled ? -1 : 0 }, this.getSelectedLabel() || this.value || this.placeholder)), this.filterable && this.filterText && (h$1("nv-iconbutton", { key: '715fe5388001e7d005ee4c57f6ea699b2b507dbb', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter.bind(this), "aria-label": "Clear input" })), this.error && (h$1("nv-icon", { key: '18d825c0bfd9b6bf528dbf34f7e7a2f90678fa87', name: "alert-circle", class: "validation", size: "md" })), h$1("nv-iconbutton", { key: 'aee8efcaeb022ca3ef73bbd3085755817e6fae12', "data-scope": "toggle-dropdown", ref: el => (this.toggleElement = el), name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', onClick: this.syncToggleDropdown.bind(this), tabIndex: this.disabled ? -1 : 0 })), h$1("slot", { key: '403e224fadcb71ad15574a100b9892f3b8bfa209', name: "after-input" })), h$1("div", { key: 'b154f9f5bb6b8bc73c2c0fdfeae096586ca43275', slot: "content", style: this.maxHeight ? { maxHeight: this.maxHeight } : {} }, ((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h$1("ul", { key: 'ae92bb94df44b545ce83644fe3cb4b312f7d3147' }, this.options.map(option => (h$1("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))), h$1("slot", { key: '8f8a76ba2cfd23cbff34a579222a2e1f8a635142', name: "content" }))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'c3b288a86fd98c0cf61bf671524f2a5c0d8ccd47', class: "description" }, h$1("slot", { key: '212e58e32660ef43042c418c09b828ed388f4017', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '0baf91460aac3f2ba5b2d41721fc44c5eeb2f6aa', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '134681ffcf2a86b86bac60ff0ebabbba4e89b380', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -21113,7 +21148,7 @@ const NvFielddropdown$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddropdown
         "value": ["handleValueChange"],
         "options": ["handleOptionsChange"]
     }]);
-function defineCustomElement$1$i() {
+function defineCustomElement$1$r() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -21126,38 +21161,38 @@ function defineCustomElement$1$i() {
             break;
         case "nv-fielddropdownitem":
             if (!customElements.get(tagName)) {
-                defineCustomElement$x();
+                defineCustomElement$I();
             }
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$$();
+                defineCustomElement$1a();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
         case "nv-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$T();
+                defineCustomElement$12();
             }
             break;
     } });
 }
-defineCustomElement$1$i();
+defineCustomElement$1$r();
 
 const NvFielddropdown$2 = NvFielddropdown$1;
-const defineCustomElement$w = defineCustomElement$1$i;
+const defineCustomElement$H = defineCustomElement$1$r;
 
 const NvFielddropdownitem$1 = NvFielddropdownitem$2;
-const defineCustomElement$v = defineCustomElement$x;
+const defineCustomElement$G = defineCustomElement$I;
 
 const nvFielddropdownitemcheckCss = "nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck:hover{background-color:var(--components-list-dropdown-item-background-hover)}";
 const NvFielddropdownitemcheckStyle0 = nvFielddropdownitemcheckCss;
@@ -21212,7 +21247,7 @@ const NvFielddropdownitemcheck$2 = /*@__PURE__*/ proxyCustomElement(class NvFiel
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '124db3918761db1f6e308ac3df5859a97b178085', onClick: this.handleClick }, h$1("nv-fieldcheckbox", { key: '6d76719952e26b0106a3e288731dd6a1d0b1fd1b', checked: this.checked, name: this.label || this.value, label: this.label || this.value, labelPlacement: "after", description: this.description, disabled: this.disabled, tabindex: "-1", onCheckedChanged: this.onFieldcheckboxChanged }, h$1("slot", { key: 'ce4c4617739a9c26c735a53480177402d5ce60ea' }), h$1("slot", { key: 'fed41bcc827d3621f41b9a9b309ad9a2eb6d26ab', name: "main" }), h$1("slot", { key: '69a21ab4968097afde6d4528dca6e8c6e47dc583', name: "label" }), h$1("slot", { key: '3693201bae40bc035bb3b6ca7fee97970953b5b5', name: "description" }))));
+        return (h$1(Host$1, { key: '1687dc92f82edea9c1da273c0bd3c45f788a1d82', onClick: this.handleClick }, h$1("nv-fieldcheckbox", { key: '78c36b53395398068513256f044a10cd44fc8d98', checked: this.checked, name: this.label || this.value, label: this.label || this.value, labelPlacement: "after", description: this.description, disabled: this.disabled, tabindex: "-1", onCheckedChanged: this.onFieldcheckboxChanged }, h$1("slot", { key: 'af95c41a46d57060b62098cc4735a8aef0326223' }), h$1("slot", { key: '0bf00132a35df36f3a4e8dc40610a107c1786eab', name: "main" }), h$1("slot", { key: '3ce40d59700f4e8b764aeac25e39976329422b67', name: "label" }), h$1("slot", { key: 'edf7025cebd62843b55f92014d12905574166dd7', name: "description" }))));
     }
     get el() { return this; }
     static get style() { return NvFielddropdownitemcheckStyle0; }
@@ -21224,7 +21259,7 @@ const NvFielddropdownitemcheck$2 = /*@__PURE__*/ proxyCustomElement(class NvFiel
         "group": [513],
         "disabled": [516]
     }]);
-function defineCustomElement$u() {
+function defineCustomElement$F() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -21237,17 +21272,17 @@ function defineCustomElement$u() {
             break;
         case "nv-fieldcheckbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$B();
+                defineCustomElement$M();
             }
             break;
     } });
 }
-defineCustomElement$u();
+defineCustomElement$F();
 
 const NvFielddropdownitemcheck$1 = NvFielddropdownitemcheck$2;
-const defineCustomElement$t = defineCustomElement$u;
+const defineCustomElement$E = defineCustomElement$F;
 
-const nvFieldmultiselectCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldmultiselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldmultiselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldmultiselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldmultiselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldmultiselect[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldmultiselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect nv-popover [data-scope=popover]{width:100%;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fieldmultiselect nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fieldmultiselect nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fieldmultiselect nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldmultiselect .input-wrapper-multiselect{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldmultiselect .input-container-multiselect{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative;width:100%;min-height:40px}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect:focus-within,nv-fieldmultiselect .input-container-multiselect:focus-within:hover,nv-fieldmultiselect .input-container-multiselect:focus,nv-fieldmultiselect .input-container-multiselect:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldmultiselect .input-container-multiselect:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldmultiselect .input-container-multiselect:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldmultiselect .input-container-multiselect>nv-badge{margin-left:var(--form-field-padding-x)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;width:100%;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect input:focus,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text:focus{outline:none}nv-fieldmultiselect .input-container-multiselect input::placeholder,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-reveal,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton{border:0px;border-radius:0px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldmultiselect .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fieldmultiselect .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fieldmultiselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}.no-results-message{cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--components-list-dropdown-separator);margin:var(--list-dropdown-item-padding-y) 0;border:0}.select-all-container{position:sticky;top:0;background-color:var(--components-list-dropdown-background);border-bottom:1px solid var(--components-list-dropdown-separator);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);z-index:10;margin-bottom:0}.select-all-container .select-all-header{display:flex;align-items:center;gap:var(--form-field-gap)}.select-all-container .select-all-header nv-fieldcheckbox{flex:1;margin:0}.select-all-container .select-all-header nv-iconbutton,.select-all-container .select-all-header nv-button{flex-shrink:0;margin-left:auto}.select-all-container .select-all-header nv-button{justify-content:center}";
+const nvFieldmultiselectCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldmultiselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldmultiselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldmultiselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldmultiselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldmultiselect[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldmultiselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fieldmultiselect nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fieldmultiselect nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fieldmultiselect nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldmultiselect .input-wrapper-multiselect{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldmultiselect .input-container-multiselect{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative;width:100%;min-height:40px}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect:focus-within,nv-fieldmultiselect .input-container-multiselect:focus-within:hover,nv-fieldmultiselect .input-container-multiselect:focus,nv-fieldmultiselect .input-container-multiselect:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldmultiselect .input-container-multiselect:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldmultiselect .input-container-multiselect:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldmultiselect .input-container-multiselect>nv-badge{margin-left:var(--form-field-padding-x)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;width:100%;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect input:focus,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text:focus{outline:none}nv-fieldmultiselect .input-container-multiselect input::placeholder,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-reveal,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton{border:0px;border-radius:0px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldmultiselect .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fieldmultiselect .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fieldmultiselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}.no-results-message{cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--components-list-dropdown-separator);margin:var(--list-dropdown-item-padding-y) 0;border:0}.select-all-container{position:sticky;top:0;background-color:var(--components-list-dropdown-background);border-bottom:1px solid var(--components-list-dropdown-separator);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);z-index:10;margin-bottom:0}.select-all-container .select-all-header{display:flex;align-items:center;gap:var(--form-field-gap)}.select-all-container .select-all-header nv-fieldcheckbox{flex:1;margin:0}.select-all-container .select-all-header nv-iconbutton,.select-all-container .select-all-header nv-button{flex-shrink:0;margin-left:auto}.select-all-container .select-all-header nv-button{justify-content:center}";
 const NvFieldmultiselectStyle0 = nvFieldmultiselectCss;
 
 const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmultiselect extends H {
@@ -22648,7 +22683,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
         "value": ["watchValueHandler"],
         "open": ["handleOpenChange"]
     }]);
-function defineCustomElement$1$h() {
+function defineCustomElement$1$q() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -22661,45 +22696,45 @@ function defineCustomElement$1$h() {
             break;
         case "nv-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$V();
+                defineCustomElement$14();
             }
             break;
         case "nv-fieldcheckbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$B();
+                defineCustomElement$M();
             }
             break;
         case "nv-fielddropdownitemcheck":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$F();
             }
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$$();
+                defineCustomElement$1a();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
         case "nv-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$T();
+                defineCustomElement$12();
             }
             break;
     } });
 }
-defineCustomElement$1$h();
+defineCustomElement$1$q();
 
 const NvFieldmultiselect$2 = NvFieldmultiselect$1;
-const defineCustomElement$s = defineCustomElement$1$h;
+const defineCustomElement$D = defineCustomElement$1$q;
 
 const nvFieldnumberCss = "/* TODO: integrate this logic in the proper structure */\nnv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range {\n  background: var(--components-slider-track-filled-hover);\n}\nnv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb {\n  border-color: var(--components-slider-track-filled-hover);\n}\nnv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range {\n  background: var(--components-slider-track-filled-focus);\n}\nnv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb {\n  border-color: var(--components-slider-track-filled-focus);\n}\nnv-fieldslider[error] .slider-container .track-container .track .track-range {\n  background: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container .track .thumb {\n  border-color: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container .track .thumb:hover {\n  border-color: var(--components-slider-track-filled-error);\n  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n  outline-offset: calc(var(--focus-outline-offset) * 1);\n  background-color: var(--components-slider-handler-background-error);\n}\nnv-fieldslider[error] .slider-container .track-container .track .thumb:focus {\n  border-color: var(--components-slider-track-filled-error);\n  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n  outline-offset: calc(var(--focus-outline-offset) * 1);\n  background-color: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range {\n  background: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb {\n  border-color: var(--components-slider-track-filled-error);\n}\n\nnv-fieldnumber {\n  --nv-field-border-default: var(--components-form-field-border-default);\n  --nv-field-border-hover: var(--components-form-field-border-hover);\n  --nv-field-border-focus: var(--components-form-field-border-focus);\n  --nv-field-border-disabled: var(--components-form-field-border-default);\n  --nv-field-border-readonly: var(--components-form-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-brand);\n  --nv-field-background: var(--components-form-field-background-default);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--form-gap-y);\n  box-sizing: border-box;\n  max-width: 480px;\n}\nnv-fieldnumber[fluid]:not([fluid=false]) {\n  max-width: unset;\n}\nnv-fieldnumber[readonly]:not([readonly=false]) {\n  --nv-field-border-default: var(--components-form-field-border-readonly);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--components-form-field-border-focus);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-background: var(--components-form-field-background-readonly);\n}\nnv-fieldnumber[error]:not([error=false]) {\n  --nv-field-border-default: var(--components-form-field-border-error);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--nv-field-border-default);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field);\n}\nnv-fieldnumber[success]:not([success=false]) {\n  --nv-field-border-default: var(--components-form-field-border-success);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--nv-field-border-default);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-success);\n}\nnv-fieldnumber[required]:not([required=false]) label::after {\n  content: \"*\";\n  color: var(--components-form-text-required);\n  font-weight: var(--font-weight-high-emphasis);\n}\nnv-fieldnumber label {\n  display: flex;\n  align-items: center;\n  gap: var(--form-label-gap);\n  align-self: stretch;\n  color: var(--components-form-text-label-default);\n  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n  font-size: var(--form-label-font-size);\n  font-style: normal;\n  font-weight: var(--font-weight-medium-emphasis);\n  line-height: var(--form-label-line-height);\n}\nnv-fieldnumber .input-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--form-gap-x);\n  align-items: stretch;\n  align-self: stretch;\n}\nnv-fieldnumber .input-wrapper .input-container {\n  display: flex;\n  flex-grow: 1;\n  justify-content: center;\n  align-items: center;\n  align-self: stretch;\n  border-radius: var(--form-field-radius);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--nv-field-border-default);\n  opacity: var(--components-form-opacity-default, 1);\n  background: var(--nv-field-background);\n  transition: all 150ms ease-out;\n  container-type: inline-size;\n  container-name: field-number-input-container;\n  overflow: hidden;\n  position: relative;\n}\nnv-fieldnumber .input-wrapper .input-container:hover {\n  border-color: var(--nv-field-border-hover);\n}\nnv-fieldnumber .input-wrapper .input-container:focus-within, nv-fieldnumber .input-wrapper .input-container:focus-within:hover, nv-fieldnumber .input-wrapper .input-container:focus, nv-fieldnumber .input-wrapper .input-container:focus:hover {\n  border-color: var(--nv-field-border-focus);\n  box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n}\nnv-fieldnumber .input-wrapper .input-container:has(input:read-only) {\n  opacity: 0.5;\n  background-color: var(--components-form-field-background-readonly);\n  border-color: var(--nv-field-border-readonly);\n}\nnv-fieldnumber .input-wrapper .input-container:has(input:disabled) {\n  opacity: 0.5;\n  background-color: var(--components-form-field-background-disabled);\n  border-color: var(--nv-field-border-disabled);\n}\nnv-fieldnumber .input-wrapper .input-container input {\n  display: flex;\n  align-items: center;\n  flex: 1 0 0;\n  overflow: hidden;\n  background-color: transparent;\n  color: var(--components-form-field-content-text);\n  padding: var(--form-field-padding-y) var(--form-field-padding-x);\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: var(--font-weight-medium-emphasis);\n  line-height: var(--form-field-line-height);\n  width: 100%;\n  /* Hide Edge built-in password reveal and clear icons */\n  width: 100%;\n  appearance: textfield;\n}\nnv-fieldnumber .input-wrapper .input-container input:focus {\n  outline: none;\n}\nnv-fieldnumber .input-wrapper .input-container input::placeholder {\n  overflow: hidden;\n  color: var(--components-form-field-content-placeholder);\n  text-overflow: ellipsis;\n  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: var(--font-weight-low-emphasis);\n  line-height: var(--form-field-line-height);\n}\nnv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-clear, nv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-reveal {\n  display: none;\n  width: 0;\n  height: 0;\n}\nnv-fieldnumber .input-wrapper .input-container input::-webkit-inner-spin-button, nv-fieldnumber .input-wrapper .input-container input::-webkit-outer-spin-button {\n  appearance: none;\n  margin: 0;\n}\nnv-fieldnumber .input-wrapper .input-container nv-icon.validation {\n  color: var(--nv-field-border-default);\n  margin-right: var(--form-field-gap);\n}\nnv-fieldnumber .input-wrapper .input-container > nv-iconbutton {\n  border: 0px;\n  border-radius: 0px;\n}\nnv-fieldnumber .input-wrapper .input-container > nv-iconbutton:focus-visible {\n  border-radius: var(--button-md-border-radius);\n  outline-offset: -3px;\n}\nnv-fieldnumber .input-wrapper .input-container > nv-iconbutton:last-of-type {\n  border-top-right-radius: var(--form-field-radius);\n  border-bottom-right-radius: var(--form-field-radius);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper {\n  display: flex;\n  border-left: var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper > nv-iconbutton {\n  border: 0px;\n  border-radius: 0px;\n  border-radius: 0px;\n}\nnv-fieldnumber .input-wrapper .input-container .stepper > nv-iconbutton:focus-visible {\n  border-radius: var(--button-md-border-radius);\n  outline-offset: -3px;\n}\nnv-fieldnumber .input-wrapper .input-container .stepper > nv-iconbutton:last-of-type {\n  border-top-right-radius: var(--form-field-radius);\n  border-bottom-right-radius: var(--form-field-radius);\n}\n@container field-number-input-container (width < 150px) {\n  nv-fieldnumber .input-wrapper .input-container .stepper-spacer {\n    display: none;\n  }\n  nv-fieldnumber .input-wrapper .input-container .stepper {\n    display: none;\n  }\n}\nnv-fieldnumber .description {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  gap: var(--spacing-1);\n  color: var(--components-form-text-description-default);\n  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  line-height: var(--form-description-line-height);\n}\nnv-fieldnumber .error-description {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  gap: var(--spacing-1);\n  color: var(--components-form-text-description-default);\n  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  line-height: var(--form-description-line-height);\n  color: var(--components-form-text-description-error);\n}";
 const NvFieldnumberStyle0 = nvFieldnumberCss;
@@ -22830,9 +22865,9 @@ const NvFieldnumber$2 = /*@__PURE__*/ proxyCustomElement(class NvFieldnumber ext
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '9b3239f09e6aace03f79f07399723fdbf557f070' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '322478abbaf477a33debcd828387402299ce6762', htmlFor: this.inputId }, h$1("slot", { key: '75b791ca0fb7eec55faaf966a32733e37b87fb90', name: "label" }, this.label))), h$1("div", { key: '5ce6c27db2b6b0ba8618ed2eac1f61abf8177793', class: "input-wrapper" }, h$1("slot", { key: '3a4a86e358d575fc312d27ee5ffba68474904bd4', name: "before-input" }), h$1("div", { key: '8e07c3c37ea4869aa309fba913663e1d225e21fd', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '91e7c82e46d3268493669e6dd121f643be86a6be', name: "leading-input" }), h$1("input", { key: '3dcbd9d10e4425ebb29b16b1157845ea4ee7bdef', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: "number", autofocus: this.autofocus, required: this.required, max: this.max, min: this.min, step: this.step, value: typeof this.value === 'number' ? this.value : undefined, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), h$1("slot", { key: '7d0d4a77d121433f4feb8aa2139be8e94f8e57a5', name: "trailing-input" }), this.error && (h$1("nv-icon", { key: '2a3969e56de0fc3911901c9540e300caf2b6d681', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '8964d7ffaa2cc2a70caf781a37e66383234c6895', name: "circle-check", class: "validation", size: "md" })), h$1("div", { key: '1ca2fd7095afbc12a1a54c8b09551f28fe5a3579', class: "stepper" }, h$1("nv-iconbutton", { key: '1c3f9200c5409bc05fab9061dff3847a92298d45', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }), h$1("nv-iconbutton", { key: 'eb65687b3c31d2ac8bdb534f5ca300a1ada9cd64', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }))), h$1("slot", { key: '01006c0c2487bce4f908104d263acb0231cdb701', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '9db93a8aa6bb002a3286763909118e9c7a1661c0', class: "description" }, h$1("slot", { key: '13b0f797bace74e641cdd658bb798bccbfec70dc', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '4ca240bc22fb83a283637e60384e59d687d67e9e', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '145b68572a38e91559431ff51ec38a64027d4978', name: "error-description" }, this.errorDescription)))));
+        return (h$1(Host$1, { key: '3afce74f50fe43ac056458d04951d17ddddfeabb' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '57b43fe9c0385d1f2f649a559fc1cf5e99441c75', htmlFor: this.inputId }, h$1("slot", { key: 'dbc3019bc04f370571cca5ef33d67ed22e3c4a6e', name: "label" }, this.label))), h$1("div", { key: 'facbb2b93e2057ec061c7a9c612fb09ee5c7687d', class: "input-wrapper" }, h$1("slot", { key: '0fb079215345c8aa91c5718aaf977f9716c19712', name: "before-input" }), h$1("div", { key: '348402a3a6b4e65d2a2fbf1baa35740fbbb243b6', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '942c7a43a36da7fd4f89826c4e721077987287f6', name: "leading-input" }), h$1("input", { key: 'b8edf56607b26003781bae1eacbc40561917073d', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: "number", autofocus: this.autofocus, required: this.required, max: this.max, min: this.min, step: this.step, value: typeof this.value === 'number' ? this.value : undefined, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), h$1("slot", { key: 'bc53377f72c4e1c9363c0e6c32c9d9c0ff18cee2', name: "trailing-input" }), this.error && (h$1("nv-icon", { key: '74b9e40d6687c8af506a3fcd365889fb98476050', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '9ce0589197135d2baae625e2e34f589077e8a1ea', name: "circle-check", class: "validation", size: "md" })), h$1("div", { key: '4c04cb39da4f61a66f94044494cf1f02f8175e11', class: "stepper" }, h$1("nv-iconbutton", { key: 'bd5e034e94e16ea10bd56e23498e648e67ba72eb', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }), h$1("nv-iconbutton", { key: 'b398efb51f9e6e297a6368424b3ceddf5f2a93a5', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }))), h$1("slot", { key: 'fbd610d0e620b253b92cd74791a3bbc02aec2e21', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '46740b8b00f374f16559aa7a3310142c7ae5e74c', class: "description" }, h$1("slot", { key: 'ed9c74990d0fbf42f46bf8bb9172ef8b84112ecc', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'cc9c5076c31cffc91f23db0e14eb4fde1072ecd2', hidden: !this.error, class: "error-description" }, h$1("slot", { key: 'aa4953c2c12cb7c7605086d72d435507d11b93c7', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -22863,7 +22898,7 @@ const NvFieldnumber$2 = /*@__PURE__*/ proxyCustomElement(class NvFieldnumber ext
     }, undefined, {
         "value": ["watchValueHandler"]
     }]);
-function defineCustomElement$r() {
+function defineCustomElement$C() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -22876,25 +22911,25 @@ function defineCustomElement$r() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$$();
+                defineCustomElement$1a();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
     } });
 }
-defineCustomElement$r();
+defineCustomElement$C();
 
 const NvFieldnumber$1 = NvFieldnumber$2;
-const defineCustomElement$q = defineCustomElement$r;
+const defineCustomElement$B = defineCustomElement$C;
 
 const nvFieldpasswordCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
 const NvFieldpasswordStyle0 = nvFieldpasswordCss;
@@ -22999,9 +23034,9 @@ const NvFieldpassword$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldpassword
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '3fd88ed71cb3c34fbd4a35cb861617687add3c76' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'b08c3c1d7ca6f196c547fdb42c2289f4fbacd461', htmlFor: this.inputId }, h$1("slot", { key: '2469c277ea25d8c9ea521cc05da068cf63465637', name: "label" }, this.label))), h$1("div", { key: '606a09205e3caa2490c3db48411eebc5bddbb786', class: "input-wrapper" }, h$1("slot", { key: '843cf4814cf84c9d6ca5fec7a13c30820dd0075a', name: "before-input" }), h$1("div", { key: '4b06bdf556442e8ccb4f28a450bcb5f432740b8a', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: 'c07a3575a5b831e5f803558607fbf677e5b2ffac', name: "leading-input" }), h$1("input", { key: 'c9536d50ff4ed09cffd13ba06d4599492f77feac', id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, type: this.showPasswordState ? 'text' : 'password', inputMode: this.mode, value: this.value, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), (this.success || this.error) && (h$1("nv-icon", { key: 'df7f3b45b0dec7dabfdea7496ff6576413101cf5', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (h$1("nv-iconbutton", { key: 'ef3bc855fe5f70ed537d9b564b7f8b990998da48', name: this.showPasswordState ? 'eye' : 'eye-off', size: "md", emphasis: "lower", onClick: this.togglePasswordVisibility, "aria-label": this.showPasswordState ? 'Hide password' : 'Show password', "aria-pressed": this.showPasswordState.toString() }))), h$1("slot", { key: 'd7e892c362bcab7724c0250a8e097bdd3a7f28a2', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '5933be1bda9a32ceabcae5144e6a6a131203f9d6', class: "description" }, h$1("slot", { key: '31671c862c3e5988ef4939d21a75f721b47eacf6', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'a38ff2519ae8da933b5884c0e576d91b8825dec7', hidden: !this.error, class: "error-description" }, h$1("slot", { key: 'ec242e6f6cf28b7e34bfcec658874067019ba540', name: "error-description" }, this.errorDescription)))));
+        return (h$1(Host$1, { key: '6fa2fc189b9bda9a8b47258c6d9cb99660337ca6' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'a64902154abd0cc8b6530652f3b4559a8f27213b', htmlFor: this.inputId }, h$1("slot", { key: 'cd0f5ce29714942ece0f8182975611d8bd9510bf', name: "label" }, this.label))), h$1("div", { key: '5dbc7fbf9dac95299a396ad4edca17473f314e60', class: "input-wrapper" }, h$1("slot", { key: '329e418fab60ee3095cac5d8a57fe99c5d1080a7', name: "before-input" }), h$1("div", { key: 'f719794bd432e5d0d69e6bc21e6c8e142d1d41c9', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: 'abc7a9f5cddd7dcec3b6a56edecde0ba618bfa4b', name: "leading-input" }), h$1("input", { key: '4e6b9f05c7d71c2f496d8550c6442a65947fe546', id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, type: this.showPasswordState ? 'text' : 'password', inputMode: this.mode, value: this.value, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), (this.success || this.error) && (h$1("nv-icon", { key: '1d54f3a52cf2824661538abd0e9ed7bf6b56acb8', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (h$1("nv-iconbutton", { key: '6e0e6f11feb4a2b6d3e6690cfb10b3ac61b3e362', name: this.showPasswordState ? 'eye' : 'eye-off', size: "md", emphasis: "lower", onClick: this.togglePasswordVisibility, "aria-label": this.showPasswordState ? 'Hide password' : 'Show password', "aria-pressed": this.showPasswordState.toString() }))), h$1("slot", { key: '8791f51ca77c07eb0086c4dcee11a3988700c894', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '090713c53a32fb09222bdf8777df7e734e2d2487', class: "description" }, h$1("slot", { key: '28e4b9d15e49654d521c294988ff4b6b2ffd89af', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '25faf9d05d3d1625cf16c488dc14838af551d849', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '6d7d76d881a2a1238d96c4c09a4a9f86d3128c74', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -23035,7 +23070,7 @@ const NvFieldpassword$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldpassword
     }, undefined, {
         "showPassword": ["handleShowPasswordChange"]
     }]);
-function defineCustomElement$1$g() {
+function defineCustomElement$1$p() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -23048,25 +23083,25 @@ function defineCustomElement$1$g() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$$();
+                defineCustomElement$1a();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
     } });
 }
-defineCustomElement$1$g();
+defineCustomElement$1$p();
 
 const NvFieldpassword$2 = NvFieldpassword$1;
-const defineCustomElement$p = defineCustomElement$1$g;
+const defineCustomElement$A = defineCustomElement$1$p;
 
 const nvFieldradioCss = "nv-fieldradio{--nv-fieldradio-border-default:var(--components-form-field-border-default);--nv-fieldradio-border-hover:var(--components-form-field-border-hover);--nv-fieldradio-border-focus:var(--components-form-field-border-default);--nv-fieldradio-background-default:var(--components-form-field-background-default);--nv-fieldradio-background-checked:var(--components-form-field-background-checked);--nv-fieldradio-background-disabled:var(--components-form-field-background-disabled);--nv-fieldradio-focus-box-shadow:var(--color-focus-brand);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-shape-foreground-disabled);--nv-fieldradio-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x)}nv-fieldradio:not([disabled]) input,nv-fieldradio:not([disabled]) label,nv-fieldradio[disabled=false] input,nv-fieldradio[disabled=false] label{cursor:pointer}nv-fieldradio.error{--nv-fieldradio-border-default:var(--components-form-field-border-error);--nv-fieldradio-border-hover:var(--nv-fieldradio-border-default);--nv-fieldradio-border-focus:var(--components-form-field-border-error);--nv-fieldradio-background-checked:var(--components-form-field-background-error);--nv-fieldradio-focus-box-shadow:var(--color-focus-destructive);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-field-border-error);--nv-fieldradio-outline-color:var(--color-focus-destructive)}nv-fieldradio.label-placement-before{flex-direction:row-reverse}nv-fieldradio[disabled]{opacity:0.5}nv-fieldradio label{align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldradio input[type=radio]{appearance:none;position:relative;display:flex;width:var(--form-radio-size);height:var(--form-radio-size);padding:var(--form-radio-inner-circle-padding);flex-direction:column;align-items:flex-start;border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-default)}nv-fieldradio input[type=radio]:hover{border-color:var(--nv-fieldradio-border-hover)}nv-fieldradio input[type=radio]:focus{border-color:var(--nv-fieldradio-border-focus)}nv-fieldradio input[type=radio]:focus,nv-fieldradio input[type=radio]:focus-within{outline:none}nv-fieldradio input[type=radio]:focus-visible,nv-fieldradio input[type=radio]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldradio-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldradio input[type=radio]:checked{background:var(--nv-fieldradio-background-checked);border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked:hover,nv-fieldradio input[type=radio]:checked:focus{border-color:var(--nv-fieldradio-background-checked);background:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:\"\";position:absolute;top:50%;right:50%;transform:translate(50%, -50%);left:0;width:var(--form-radio-inner-circle-size);height:var(--form-radio-inner-circle-size);flex-shrink:0;border-radius:var(--radius-rounded-full);background:var(--nv-fieldradio-dot-color-checked)}nv-fieldradio input[type=radio]:disabled{border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio input[type=radio]:disabled:checked::before{background:var(--nv-fieldradio-dot-color-disabled)}nv-fieldradio input[type=radio]:disabled:hover{border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldradio .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldradio .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}";
 const NvFieldradioStyle0 = nvFieldradioCss;
@@ -23151,9 +23186,9 @@ const NvFieldradio$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldradio exten
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '18cad87f89d7532fab554e1ad74fcc615ddd8026', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h$1("input", { key: '347c33c2ff2b6377d009c108739e4016f97da16b', type: "radio", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: this.checked, disabled: this.disabled }), h$1("div", { key: '067cebdaf42e94c0b447a91b852a44fa7d5f58cf', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '9c90d0c9e27125576e8194113412795243492c9d', htmlFor: this.inputId }, h$1("slot", { key: 'c5da5d8f8715635ec0adfd46ee704b7c0d940bdd', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'f5e00078f008ab49bbac08c3d3614cae05b783a7', class: "description" }, h$1("slot", { key: 'b70921bbe8acda5c9b7c8e7d81e2d696bc2e4613', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'a6ccddfb948ba5db46f355bb3afd73873fcfe8e6', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '896448579ceee1ba50672e58e8a70e21d5d9fc64', name: "error-description" }, this.errorDescription))))));
+        return (h$1(Host$1, { key: '87387e9a81489927ca78ffc05e2ebeb13dc900c1', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h$1("input", { key: '4aece4c1213ef2af2af42baf24c29a5285685e95', type: "radio", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: this.checked, disabled: this.disabled }), h$1("div", { key: '289eb1becce793d9da96c3792b53fe82cc2ec4b3', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '5315f69fb91a06437f67cc7a1b664a091f87f114', htmlFor: this.inputId }, h$1("slot", { key: '23364a4093a0b4f5a5ab76cad224049464a41aa2', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'd17ff8b61c9a085f36ccd7f4846ff4da6e8e506f', class: "description" }, h$1("slot", { key: '1915dd4d305fbcff26c38fa3b0fbc56ceec23db4', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '2b7c1817fb7a0d26ec7aaece07f8da6851b8d0cc', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '8d9fafceba1a6dafa30ed695c01e26dc956ff51b', name: "error-description" }, this.errorDescription))))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -23178,7 +23213,7 @@ const NvFieldradio$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldradio exten
     }, [[0, "change", "handleChange"]], {
         "checked": ["handleCheckedChange"]
     }]);
-function defineCustomElement$1$f() {
+function defineCustomElement$1$o() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -23191,10 +23226,10 @@ function defineCustomElement$1$f() {
             break;
     } });
 }
-defineCustomElement$1$f();
+defineCustomElement$1$o();
 
 const NvFieldradio$2 = NvFieldradio$1;
-const defineCustomElement$o = defineCustomElement$1$f;
+const defineCustomElement$z = defineCustomElement$1$o;
 
 const nvFieldselectCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[display-value]:not([display-value=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldselect[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldselect[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>.select-icons{top:var(--form-field-padding-y);right:var(--form-field-padding-x)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>select{height:100%;box-sizing:border-box;background-color:var(--color-level-05-background);border-radius:var(--form-field-radius)}nv-fieldselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldselect .select-wrapper{display:flex;flex-wrap:wrap;align-items:stretch;align-self:stretch}nv-fieldselect .select-wrapper .select-container{position:relative;display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldselect .select-wrapper .select-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldselect .select-wrapper .select-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldselect .select-wrapper .select-container:has(select:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldselect .select-wrapper .select-container>.select-icons{position:absolute;right:0;top:0;pointer-events:none}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton{border:0px;border-radius:0px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldselect .select-wrapper .select-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;}nv-fieldselect .select-wrapper .select-container input:focus{outline:none}nv-fieldselect .select-wrapper .select-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-clear,nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldselect .select-wrapper .select-container input:read-only{opacity:0.5;background-color:var(--components-form-field-background-readonly, rgba(0, 0, 0, 0.1));border-color:var(--nv-field-border-readonly)}nv-fieldselect .select-wrapper .select-container select{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);height:var(--form-field-line-height);padding:var(--form-field-padding-y) var(--form-field-padding-x);box-sizing:content-box;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}nv-fieldselect .select-wrapper .select-container select:focus{outline:none}nv-fieldselect .select-wrapper .select-container select::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container select option{font-size:var(--form-field-font-size, 16px);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height, 24px);background-color:var(--color-level-05-background);color:var(--components-form-field-content-text)}nv-fieldselect .select-wrapper .select-container select.hidden{display:none}nv-fieldselect .select-wrapper .select-container nv-icon.readonly-icon{color:var(--nv-field-border-default)}nv-fieldselect .select-wrapper .select-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
 const NvFieldselectStyle0 = nvFieldselectCss;
@@ -23528,13 +23563,13 @@ const NvFieldselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldselect ext
      * @returns {HTMLStencilElement} The HTML element to render.
      */
     render() {
-        return (h$1(Host$1, { key: 'a1a4eb304e38fb1b058b66af5d3c86edcb05610f' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '8aa279dba4e264b17ebd3b33dcff4480ce6c5d57', htmlFor: this.inputId }, h$1("slot", { key: 'a7cd14d0efc0f22739ee5496d64aad0930000a6e', name: "label" }, this.label))), h$1("div", { key: '3929ad8d896250574d437d94ab35c72e55884e04', class: "select-wrapper" }, h$1("slot", { key: 'c92b18f7639b33ebfcf2f3a4b1c24ab4b5a54fa5', name: "before-input" }), h$1("div", { key: '8554dc402e570dd48ca5031f5e6e4d48f84e9a7d', class: "select-container", onClick: this.handleSelectContainerClick }, h$1("slot", { key: 'b76cd121460e53f5f0a1e4e7ca0e96f5e733f6f3', name: "leading-input" }), this.internalReadonly && (h$1("input", { key: 'f0600651b33c5768bab22f27109de445bdb70fff', id: this.inputId + '-readonly', type: "text", value: this.computedDisplayValue, readonly: true, class: "readonly-input", "aria-readonly": "true", "aria-label": this.label, "aria-describedby": this.error
+        return (h$1(Host$1, { key: '040baa5db03e243169e5ee148cc30d29c4e89984' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'a27e960afe3d71920ba9deacacd74617dfb32941', htmlFor: this.inputId }, h$1("slot", { key: 'd8cd4638a03d8d1efe10c869ae7682f1f983bd72', name: "label" }, this.label))), h$1("div", { key: 'e28b6548efb4b7e8e0837165e0d427574dc31948', class: "select-wrapper" }, h$1("slot", { key: 'caafe9ac5b61ebf8a956363e643c5af43104de3e', name: "before-input" }), h$1("div", { key: '89cd9c355f6620a0d081c04e7785621712de54fe', class: "select-container", onClick: this.handleSelectContainerClick }, h$1("slot", { key: 'e59c29a8b301f804d8a93437bd540b3100d27dba', name: "leading-input" }), this.internalReadonly && (h$1("input", { key: '57aa8ee14544dd181cf438a8e2e8d355fc6946b7', id: this.inputId + '-readonly', type: "text", value: this.computedDisplayValue, readonly: true, class: "readonly-input", "aria-readonly": "true", "aria-label": this.label, "aria-describedby": this.error
                 ? `${this.inputId}-error`
-                : `${this.inputId}-description` })), h$1("select", { key: 'e1f9211919f9eef80c50c21536ee98e6dba71cb6', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: this.required, multiple: this.multiple, onChange: this.handleSelectChange, class: this.internalReadonly ? 'hidden' : '', "aria-label": this.label, "aria-describedby": this.error
+                : `${this.inputId}-description` })), h$1("select", { key: '55bf13d94976c1ceff668d76e463629555ffea55', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: this.required, multiple: this.multiple, onChange: this.handleSelectChange, class: this.internalReadonly ? 'hidden' : '', "aria-label": this.label, "aria-describedby": this.error
                 ? `${this.inputId}-error`
-                : `${this.inputId}-description` }, this.options && this.options.length > 0 ? (this.options.map(option => (h$1("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (h$1("slot", null))), h$1("div", { key: '4e17199de9ac55f30ab27f37ad0f69526a96a53b', class: "select-icons" }, this.error && (h$1("nv-icon", { key: '6e02a15e6a72cd54910b44dcc3445bc0a875d301', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '2c936e0fe3070fdb1540e50196850531c1a186f3', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (h$1("nv-iconbutton", { key: '55ff8a3ad2908c9380041b684274ebb275197605', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), h$1("slot", { key: 'd32c4fa7b22a705dcb89224de06c1f5f0a965f34', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '1a8ba7867fa31618ae6d9149ce03ee63b0c958a1', class: "description", id: `${this.inputId}-description` }, h$1("slot", { key: '527ee48037f1d76e6478b90de86b5e4f0b819677', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '5279561b8a6a20101447a05b4f99d4aea4e6994b', class: "error-description", id: `${this.inputId}-error` }, h$1("slot", { key: '101f92f3d2bba8c4c9502542fada0a1363ab5ad1', name: "error-description" }, this.errorDescription)))));
+                : `${this.inputId}-description` }, this.options && this.options.length > 0 ? (this.options.map(option => (h$1("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (h$1("slot", null))), h$1("div", { key: 'd810fd3665c88c377b065c40da8ff462294af21f', class: "select-icons" }, this.error && (h$1("nv-icon", { key: '94b6cedfdae5afb932e74e08080365935514e36c', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: 'a5184b762837e228aaf3aaf033381a9d757beed5', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (h$1("nv-iconbutton", { key: '3e08d45401ac8c50a2c4c52f88cd1324e49be636', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), h$1("slot", { key: 'b5b10982bb38fe509929b99ebd0a92d8b6687db1', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '3b673b645dcc175d70928390c721536d3271ab3c', class: "description", id: `${this.inputId}-description` }, h$1("slot", { key: '296795070aa2679e53ebb0bc0ec056d5eebfaaac', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '73b434da2fa2537468a78e8ae15591688f30c49d', class: "error-description", id: `${this.inputId}-error` }, h$1("slot", { key: '992015d9a5646bb9baad79f74af46b34bd8f0388', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -23572,7 +23607,7 @@ const NvFieldselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldselect ext
         "readonly": ["handleReadonlyChange"],
         "options": ["handleOptionsChange"]
     }]);
-function defineCustomElement$1$e() {
+function defineCustomElement$1$n() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -23585,25 +23620,25 @@ function defineCustomElement$1$e() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$$();
+                defineCustomElement$1a();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
     } });
 }
-defineCustomElement$1$e();
+defineCustomElement$1$n();
 
 const NvFieldselect$2 = NvFieldselect$1;
-const defineCustomElement$n = defineCustomElement$1$e;
+const defineCustomElement$y = defineCustomElement$1$n;
 
 /**
  * Utility functions for nv-fieldslider.
@@ -24306,11 +24341,11 @@ const NvFieldslider$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldslider ext
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'e4d4719682957f858468c3df97c82d5be29e87b8' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'a6d84550e4b91a4f23252e31ebbd3680b5a81aad', htmlFor: this.startInputId }, h$1("slot", { key: '44ce936f4b50ae5be5c3b8769b990fda82ff9b27', name: "label" }, this.label))), h$1("div", { key: '578a9673356506f87d906ff34254f93c0f724ebb', class: "slider-container" }, this.range ? (h$1(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 0, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : null, h$1("div", { key: '1dd30a5e703309993e8d61dc44bf1ad0adbc11e0', class: "track-container" }, h$1("div", { key: '870f688ec85678ac490cfc1542cc8d1802a43ec7', class: "track", onPointerDown: this.onTrackInteraction }, this.range ? (h$1(RangeThumb, { rangeValue: this.rangeValueInternal, rawRangePosition: this.rawRangePosition, activeDragThumb: this.activeDragThumb, isDragging: this.isDragging, snap: this.snap, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue })) : (h$1(SingleThumb, { value: this.valueInternal, min: this.min, max: this.max, step: this.step, rawPosition: this.rawPosition, isDragging: this.isDragging, snap: this.snap, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue }))), h$1(TickMarks, { key: '75fb4d22e84ea569928e475e35d0031130f6c6ed', ticks: this.internalTicks, min: this.min, max: this.max })), this.range ? (h$1(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 1, inputId: this.endInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : (h$1(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name }))), (this.success ||
+        return (h$1(Host$1, { key: 'f5e3bce25553db52f6b10c1797466bc5e8582c84' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'd488aa0a66140d7777d2806d90870a5030593ad8', htmlFor: this.startInputId }, h$1("slot", { key: 'e5b9be1525b3298c6edcf373ebb9cc1241c1c68e', name: "label" }, this.label))), h$1("div", { key: 'a05ccf8292ef57359f1104d6369afe10f88be90e', class: "slider-container" }, this.range ? (h$1(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 0, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : null, h$1("div", { key: 'a3367fdb2b2a031860f5c2f84829c2a7d9f18aa2', class: "track-container" }, h$1("div", { key: 'bd71d1c60a9fd684eba6c97cf1e6dde0db714a62', class: "track", onPointerDown: this.onTrackInteraction }, this.range ? (h$1(RangeThumb, { rangeValue: this.rangeValueInternal, rawRangePosition: this.rawRangePosition, activeDragThumb: this.activeDragThumb, isDragging: this.isDragging, snap: this.snap, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue })) : (h$1(SingleThumb, { value: this.valueInternal, min: this.min, max: this.max, step: this.step, rawPosition: this.rawPosition, isDragging: this.isDragging, snap: this.snap, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue }))), h$1(TickMarks, { key: '1db13a620a719f39e2401598b21fa462d6ca863e', ticks: this.internalTicks, min: this.min, max: this.max })), this.range ? (h$1(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 1, inputId: this.endInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : (h$1(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name }))), (this.success ||
             this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'b88410b4d04254b66c146b39dc4215f92c42b9b8', class: "description" }, this.success && (h$1("nv-icon", { key: '4b3886cd627e8243d899399c60b85c47ce823170', name: "circle-check", class: "validation", size: "md" })), h$1("slot", { key: 'b262880c747c3f6d1e51b1d4214761d7aecc9f9c', name: "description" }, this.description))), (this.error ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'e4ee7359a7d539dbf42c8885b09c602f9cffb15c', class: "description" }, this.success && (h$1("nv-icon", { key: 'a46e32115803718d9a7f0f5f3c34002552e56991', name: "circle-check", class: "validation", size: "md" })), h$1("slot", { key: '18a3e1373d15db2e538ae235c288c2ed4e355688', name: "description" }, this.description))), (this.error ||
             this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'ad5d61a003680c4ff53217bf594dcb4e5fa1b053', class: "error-description", hidden: !this.error }, this.error && (h$1("nv-icon", { key: '3898c1781b38497b3bd797587980ed9fd32c8afc', name: "alert-circle", class: "validation", size: "md" })), h$1("slot", { key: '7fa0cf391cdb113eba7dbcd76a66044fc4d60281', name: "error-description" }, this.errorDescription)))));
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'ad4ed6dfd5f96e95ec0b2bba0f639e36d1c35007', class: "error-description", hidden: !this.error }, this.error && (h$1("nv-icon", { key: '78ec5b1668637a7eea2e5fcd4f6f9cf5bba3a919', name: "alert-circle", class: "validation", size: "md" })), h$1("slot", { key: '46b604afc64460c0b0db1751974c568595e40ae0', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -24370,7 +24405,7 @@ const NvFieldslider$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldslider ext
         "snapTicks": ["onConfigChange"],
         "range": ["onRangeChange"]
     }]);
-function defineCustomElement$1$d() {
+function defineCustomElement$1$m() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -24383,33 +24418,33 @@ function defineCustomElement$1$d() {
             break;
         case "nv-fieldnumber":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$C();
             }
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$$();
+                defineCustomElement$1a();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
     } });
 }
-defineCustomElement$1$d();
+defineCustomElement$1$m();
 
 const NvFieldslider$2 = NvFieldslider$1;
-const defineCustomElement$m = defineCustomElement$1$d;
+const defineCustomElement$x = defineCustomElement$1$m;
 
 const NvFieldtext$1 = NvFieldtext$2;
-const defineCustomElement$l = defineCustomElement$J;
+const defineCustomElement$w = defineCustomElement$U;
 
 const nvFieldtextareaCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtextarea{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtextarea[fluid]:not([fluid=false]){max-width:unset}nv-fieldtextarea[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtextarea[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtextarea[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtextarea[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtextarea label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtextarea .textarea-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtextarea .textarea-wrapper .textarea-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtextarea .textarea-wrapper .textarea-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtextarea .textarea-wrapper .textarea-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar{width:6px;height:6px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea:focus{outline:none}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldtextarea .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtextarea .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
 const NvFieldtextareaStyle0 = nvFieldtextareaCss;
@@ -24588,9 +24623,9 @@ const NvFieldtextarea$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtextarea
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '3011ab5796ff80bef57fa31f8c0c3862ea8b2ec9' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '5ce143e110d23ae0812d8e3282c7cfd7013dbf8c', htmlFor: this.inputId }, h$1("slot", { key: 'd2aec99e424f7acef8b6831ce88a094e7b97d5a2', name: "label" }, this.label))), h$1("div", { key: 'd7ca0f0a7002649b62c90a0f414ce951a45fb36f', class: "textarea-wrapper" }, h$1("div", { key: '7052a545876c11736cc851099aeca3d827e23e94', class: "textarea-container", onClick: this.handleTextareaContainerClick }, h$1("textarea", { key: 'efd08cdc7604f7394beb6040c4a4e85fffdd01a5', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '03c0ac2d2a63ac5836ec45b64fa368d7e6462e41', class: "description" }, h$1("slot", { key: 'afe544101550988895f12598adbc13e25d5f221f', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '45f08a76bf8abfc53a231d4e8977bbe6ed80b64d', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '4f37c2099badf5ccf9b58bb5ce71292c3b2baae5', name: "error-description" }, this.errorDescription)))));
+        return (h$1(Host$1, { key: '8177d18132823809bc6118b8d5267c7a18c21f36' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'a66ea3d0dd7a87cb8a825b83da36ea20251d6eae', htmlFor: this.inputId }, h$1("slot", { key: 'c91403c3686ddd0f8046992c6c4e0ceffc67a552', name: "label" }, this.label))), h$1("div", { key: 'a2a5b24933de9838e00cec2d0b80dba5b93d800a', class: "textarea-wrapper" }, h$1("div", { key: '2f1f3ed08ddaa58198fd0bd609507c8986418686', class: "textarea-container", onClick: this.handleTextareaContainerClick }, h$1("textarea", { key: 'b3579ad8239912b8fbd220aa5a30918624693267', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '3a6380c9e5a7192ed498ebcf05327bde82f3289e', class: "description" }, h$1("slot", { key: '760e6757150c4e536d21aa570a88498c09d2a62b', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'e6983c5ceeabb94a718b5e5b66e8625f0906f0d3', hidden: !this.error, class: "error-description" }, h$1("slot", { key: 'd81e0f8cef3c420412a7e01907dede0787162adc', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -24627,7 +24662,7 @@ const NvFieldtextarea$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtextarea
         "autosize": ["autosizeChanged"],
         "value": ["handleValueChange"]
     }]);
-function defineCustomElement$1$c() {
+function defineCustomElement$1$l() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -24640,10 +24675,10 @@ function defineCustomElement$1$c() {
             break;
     } });
 }
-defineCustomElement$1$c();
+defineCustomElement$1$l();
 
 const NvFieldtextarea$2 = NvFieldtextarea$1;
-const defineCustomElement$k = defineCustomElement$1$c;
+const defineCustomElement$v = defineCustomElement$1$l;
 
 /**
  * Format configurations for all supported time formats
@@ -25700,9 +25735,9 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
             }, key: `${option}-${index}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
     }
     render() {
-        return (h$1(Host$1, { key: 'f66fe2a29f23a0bc967821a0c9bca4347b622286', onclick: (e) => this.handleHostClick(e), "aria-expanded": this.open ? 'true' : 'false' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'f01ce1b034b1b547cbdde5814db9357ee1913e04', htmlFor: this.inputId }, h$1("slot", { key: 'd81dcb20883b93280db6e76e0299f679f1f9ed84', name: "label" }, this.label))), h$1("nv-popover", { key: '8c9e83002edcfba89ca4ca282fc82db714ed2f43', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: '3a5b26e4be67f277ead2a9fe2f04e5d12a4bd596', class: "input-wrapper", slot: "trigger" }, h$1("slot", { key: '2ea5f8269c6f0892c53a002a298ca3ceed8f8a00', name: "before-input" }), h$1("div", { key: 'ab97bbbf183118d7b510f82c800b4a3fa1fefda3', class: "input-container" }, h$1("slot", { key: 'a80d2f68b24d4226c18bf0df18ebf13ac6e0873e', name: "leading-input" }), this.renderTimeInputFields(), h$1("nv-iconbutton", { key: '1f7aacf1ab073c0c6ef10b50e948a7ecbca4dd75', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', onClick: () => this.HandleDropdownIconClick() }), this.error && (h$1("nv-icon", { key: '8f414a3b3daae6f0625b3c62b920621bf8698db3', name: "alert-circle", class: "validation", size: "sm" })), this.success && (h$1("nv-icon", { key: '13b5671664466b6bb50f2561b5cffb96517a1068', name: "circle-check", class: "validation", size: "sm" }))), h$1("slot", { key: 'b5d6085a9864ef84d4113062a0b1cb8a807ab241', name: "after-input" })), h$1("div", { key: '2950c5fac3a0f219e5db2e3a7e9f605d86e50aa2', class: "time-dropdown", slot: "content" }, h$1("div", { key: 'c5b7ff3818a05e1f6d7ca76657f57b85bb595345', class: "time-columns" }, this.renderTimeDropdownColumns()))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'c8cb90fad74721a9b5eb0ab50980f3fd7c587e62', class: "description" }, h$1("slot", { key: '641d1a6a9dbf580267664831d5b371a601afb039', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '5721b81d7a16b626bfa7c3af20897f33b7c37080', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '84cef1043666ab6dd86f70d4ba0054d7f33ca589', name: "error-description" }, this.errorDescription)))));
+        return (h$1(Host$1, { key: '9b33f779d721d68375ddfbf1956982f14967272a', onclick: (e) => this.handleHostClick(e), "aria-expanded": this.open ? 'true' : 'false' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '871876c71fe0df7bff76e702c229275b3090adbe', htmlFor: this.inputId }, h$1("slot", { key: '100c3f1c159a7b1d5b023204e7dc8697c6f1f43b', name: "label" }, this.label))), h$1("nv-popover", { key: '39d56cba57193b2dfed275384d6cf40e8560227d', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: 'aec6f7f818028bb2584a2d72e1d8af9558420b73', class: "input-wrapper", slot: "trigger" }, h$1("slot", { key: 'ed39cf1ceac3e904250aea8f5b4cd97e792943f1', name: "before-input" }), h$1("div", { key: '89ec8af6fdfa4b2dc4b804de90cc78f06d54c875', class: "input-container" }, h$1("slot", { key: '27f5ea3a67272030552d99d105fa5db124db7a8c', name: "leading-input" }), this.renderTimeInputFields(), h$1("nv-iconbutton", { key: '008060a5a3c08dfb0cb1e71bdce8ce70aa76314d', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', onClick: () => this.HandleDropdownIconClick() }), this.error && (h$1("nv-icon", { key: 'd1aae5841eadcf5fc9c12c3a7ee9872971e57ad8', name: "alert-circle", class: "validation", size: "sm" })), this.success && (h$1("nv-icon", { key: 'bdf4717f3160d81722562296d5fda18df41295c2', name: "circle-check", class: "validation", size: "sm" }))), h$1("slot", { key: 'ff65ecb08c4aa48bd0374123d999a7a2d438ba34', name: "after-input" })), h$1("div", { key: 'c05b0b3e8f0014d6eb5ba95c89e809c920de76b5', class: "time-dropdown", slot: "content" }, h$1("div", { key: '1f33346f4a3a8c241370965a1c419b8d5f7761c0', class: "time-columns" }, this.renderTimeDropdownColumns()))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '94e101508871bffefcf644683e929d69b5038db3', class: "description" }, h$1("slot", { key: '037c67df4a303a9b59d4f342e9702e38e5ca07f2', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'bb19bd9d03da1de56978b66f50db6550ce4b8df5', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '05a8a1c12b6a292d646a43fe1c66a2d8771960da', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -25738,7 +25773,7 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
         "open": ["handleOpenChange"],
         "format": ["handleFormatChange"]
     }]);
-function defineCustomElement$1$b() {
+function defineCustomElement$1$k() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -25751,39 +25786,39 @@ function defineCustomElement$1$b() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$$();
+                defineCustomElement$1a();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
         case "nv-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$T();
+                defineCustomElement$12();
             }
             break;
     } });
 }
-defineCustomElement$1$b();
+defineCustomElement$1$k();
 
 const NvFieldtime$2 = NvFieldtime$1;
-const defineCustomElement$j = defineCustomElement$1$b;
+const defineCustomElement$u = defineCustomElement$1$k;
 
 const NvIcon$1 = NvIcon$2;
-const defineCustomElement$i = defineCustomElement$11;
+const defineCustomElement$t = defineCustomElement$1c;
 
 const NvIconbutton$1 = NvIconbutton$2;
-const defineCustomElement$h = defineCustomElement$$;
+const defineCustomElement$s = defineCustomElement$1a;
 
 const NvLoader$1 = NvLoader$2;
-const defineCustomElement$g = defineCustomElement$10;
+const defineCustomElement$r = defineCustomElement$1b;
 
 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)}";
 const NvMenuitemStyle0 = nvMenuitemCss;
@@ -25832,7 +25867,7 @@ const NvMenuitem$2 = /*@__PURE__*/ proxyCustomElement(class NvMenuitem extends H
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '188fd7b927ca35aa8089cec6fd49a61c08c6c7ba', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && h$1("nv-icon", { key: '503d8d641d04ac0d9f9748bd409cae6ed5f0b21c', name: this.icon }), h$1("slot", { key: 'df6fdf0eccc984b9a7efd35b105fc8079f0098c9' }), this.label && h$1("span", { key: '4ff8e176c6f98701048e6db62908e7bdce65af07', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && h$1("kbd", { key: '09c3ab408942fbb94c9d5124f49e108a0831e58a' }, this.shortcut), this.hasSubmenu && h$1("nv-icon", { key: '0710cfad417cada843e7624f966111edc5ba99cc', name: "chevron-right" })));
+        return (h$1(Host$1, { key: '327165c89f4e5decf8dc4b7b28e18562e528056d', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && h$1("nv-icon", { key: '4247d922bca3797dc3f2917218749a8d3c038df1', name: this.icon }), h$1("slot", { key: '1f81464ccf47a5bd918873ef70d3d3385e870638' }), this.label && h$1("span", { key: '113358a0cacfa53710ec0049a8e1c5e981de5b15', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && h$1("kbd", { key: 'ee7c773b89bf1f55876cf297600247883cd54937' }, this.shortcut), this.hasSubmenu && h$1("nv-icon", { key: '70cbe2df51d9fbffe3b474b54e87aa06801acef7', name: "chevron-right" })));
     }
     get el() { return this; }
     static get style() { return NvMenuitemStyle0; }
@@ -25844,7 +25879,7 @@ const NvMenuitem$2 = /*@__PURE__*/ proxyCustomElement(class NvMenuitem extends H
         "hasSubmenu": [516, "has-submenu"],
         "name": [513]
     }, [[2, "click", "handleClick"], [0, "keydown", "handleKeyDown"]]]);
-function defineCustomElement$f() {
+function defineCustomElement$q() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -25857,12 +25892,12 @@ function defineCustomElement$f() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
     } });
 }
-defineCustomElement$f();
+defineCustomElement$q();
 
 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)}";
 const NvMenuStyle0 = nvMenuCss;
@@ -26068,7 +26103,7 @@ const NvMenu$1 = /*@__PURE__*/ proxyCustomElement(class NvMenu extends H {
         });
     }
     render() {
-        return (h$1(Host$1, { key: '3f8c9a52825bac7923f2af8f17a163f367d37b65' }, h$1("slot", { key: '1b49cf3d060a78e71e8e8ff20d62ca4f25f3e3c0', name: "trigger" }), h$1("nv-popover", { key: '33429ba744ffc8ab7888b0f516837838791ced7c', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open }, this.items ? (h$1("ul", { slot: "content" }, this.renderMenuItems())) : (h$1("slot", { name: "content" })))));
+        return (h$1(Host$1, { key: '56a2d1b66805128c7bd26d2f6def4eda4fc3780d' }, h$1("slot", { key: '6bcbd93eebd0b97b95cf52de75ec06750797b042', name: "trigger" }), h$1("nv-popover", { key: 'b2c68d05416e9912dffa6f0804b090a0e80abd71', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open }, this.items ? (h$1("ul", { slot: "content" }, this.renderMenuItems())) : (h$1("slot", { name: "content" })))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -26086,7 +26121,7 @@ const NvMenu$1 = /*@__PURE__*/ proxyCustomElement(class NvMenu extends H {
     }, [[0, "menuitemSelected", "handleMenuItemSelect"], [0, "keydown", "handleKeydown"], [0, "openChanged", "handleOpenChanged"]], {
         "open": ["handleOpenChange"]
     }]);
-function defineCustomElement$1$a() {
+function defineCustomElement$1$j() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -26099,33 +26134,127 @@ function defineCustomElement$1$a() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-menu":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1$a();
+                defineCustomElement$1$j();
             }
             break;
         case "nv-menuitem":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$q();
             }
             break;
         case "nv-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$T();
+                defineCustomElement$12();
             }
             break;
     } });
 }
-defineCustomElement$1$a();
+defineCustomElement$1$j();
 
 const NvMenu$2 = NvMenu$1;
-const defineCustomElement$e = defineCustomElement$1$a;
+const defineCustomElement$p = defineCustomElement$1$j;
 
 const NvMenuitem$1 = NvMenuitem$2;
-const defineCustomElement$d = defineCustomElement$f;
+const defineCustomElement$o = defineCustomElement$q;
+
+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{}";
+const NvNotificationBulletStyle0 = nvNotificationBulletCss;
+
+const NvNotificationBullet$2 = /*@__PURE__*/ proxyCustomElement(class NvNotificationBullet extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        /**
+         * 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 (h$1(Host$1, { class: `${intentionClass} ${borderClass ? 'nv-notification-bullet-with-cross-border' : ''}` }, h$1("span", { class: `nv-notification-bullet ${emphasisClass} ${sizeClass} ${borderClass}`, "aria-label": `${displayCount} notifications` }, displayText)));
+    }
+    get el() { return this; }
+    static get style() { return NvNotificationBulletStyle0; }
+}, [0, "nv-notification-bullet", {
+        "count": [514],
+        "intention": [513],
+        "emphasis": [513],
+        "size": [513],
+        "contrastingBorder": [516, "contrasting-border"]
+    }]);
+function defineCustomElement$n() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nv-notification-bullet"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nv-notification-bullet":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NvNotificationBullet$2);
+            }
+            break;
+    } });
+}
+defineCustomElement$n();
+
+const NvNotificationBullet$1 = NvNotificationBullet$2;
+const defineCustomElement$m = defineCustomElement$n;
 
 const useSlide = (node, { duration } = { duration: 200 }) => {
     const nodeStyler = index(node);
@@ -26371,7 +26500,7 @@ const NvNotification$1 = /*@__PURE__*/ proxyCustomElement(class NvNotification e
     //#region RENDER
     render() {
         var _a, _b, _c;
-        return (h$1(Host$1, { key: '46775401cabedd4ddc4b25d92c63411e9acb82dc', role: this.getAriaRole(), "aria-live": this.getAriaLive(), "aria-atomic": true, "aria-labelledby": (_a = this.getHeadingId()) !== null && _a !== void 0 ? _a : null, "aria-describedby": (_b = this.getMessageId()) !== null && _b !== void 0 ? _b : null, tabindex: "-1" }, h$1("div", { key: 'e9b66d76b129916e980a150c87fa57bb26323c43', "data-scope": "container", ref: el => (this.container = el) }, this.dismissible && (h$1("button", { key: 'd5a3b8eea45bf183228c4c8297e031252569e029', "data-scope": "dismiss", type: "button", onClick: this.dismiss.bind(this) }, h$1("nv-icon", { key: 'd5a8c1fe676259e40a2af7d3dab5d3b301b0583f', name: "x", size: "sm" }))), h$1("nv-icon", { key: '55b19299a45267b98cb8bea6f3a26c34da03a652', name: (_c = this.icon) !== null && _c !== void 0 ? _c : this.getDefaultIcon(), size: "md", "data-scope": "icon" }), h$1("div", { key: '4ec36ebdc8d45b0b381cae85f0b3768f9cbc5b73', "data-scope": "content" }, (this.heading || this.headingSlot) && (h$1("p", { key: 'b9dff96f37cddf2c1cd7c5fa78a20ae55e275db9', id: this.getHeadingId(), "data-scope": "heading" }, h$1("slot", { key: 'efd279084065fd729ab2b2a629b95405f5dedbc1', name: "heading" }, this.heading))), (this.message || this.messageSlot) && (h$1("p", { key: '0cdd307c0bf278475d817d385e2af1e946170864', id: this.getMessageId(), "data-scope": "message" }, h$1("slot", { key: 'f1b5ccc34f45cb7a65bc24868134ca21d9cf3df3', name: "content" }, this.message))), this.actionsSlot && (h$1("div", { key: '9cced40d8f68f6b755c7a3b90e7c1899bcb95c56', "data-scope": "actions" }, h$1("slot", { key: 'e30bd73510f7e39e41db8bf395e99301ad53ec45', name: "actions" })))))));
+        return (h$1(Host$1, { key: '10e49ace93a23660383f9bbfb45460e610320db3', role: this.getAriaRole(), "aria-live": this.getAriaLive(), "aria-atomic": true, "aria-labelledby": (_a = this.getHeadingId()) !== null && _a !== void 0 ? _a : null, "aria-describedby": (_b = this.getMessageId()) !== null && _b !== void 0 ? _b : null, tabindex: "-1" }, h$1("div", { key: '1cce0d5c025e404ad641eed3c0ff07045db12de6', "data-scope": "container", ref: el => (this.container = el) }, this.dismissible && (h$1("button", { key: '64a9e8f95f51908ed82f5c832d5a9738420b574b', "data-scope": "dismiss", type: "button", onClick: this.dismiss.bind(this) }, h$1("nv-icon", { key: 'f4f5a742b862a52ebf7e2edc320e4521ad575a29', name: "x", size: "sm" }))), h$1("nv-icon", { key: 'a85552d6f9d81f67643f4a8c428464ed7af2ff90', name: (_c = this.icon) !== null && _c !== void 0 ? _c : this.getDefaultIcon(), size: "md", "data-scope": "icon" }), h$1("div", { key: 'bb7fd2fd626191f53b59507c3d5003369aaa2d70', "data-scope": "content" }, (this.heading || this.headingSlot) && (h$1("p", { key: 'ce333015dc488c8371d2dc90b97461888a28174e', id: this.getHeadingId(), "data-scope": "heading" }, h$1("slot", { key: '32c9d8c3c5a85a60e3993a5963ed019f5900e6c3', name: "heading" }, this.heading))), (this.message || this.messageSlot) && (h$1("p", { key: '08d57bf3058e3efcaf6d95de5754c34405ddddfb', id: this.getMessageId(), "data-scope": "message" }, h$1("slot", { key: 'f930fb38f00addf2911fc5401d906ee7c52b0920', name: "content" }, this.message))), this.actionsSlot && (h$1("div", { key: '983c60ec7fdf1ed85d2ef9d1a5c327d0aaf78013', "data-scope": "actions" }, h$1("slot", { key: '521bd4d20db65dc6025a9fb285599dbd7643bed0', name: "actions" })))))));
     }
     get el() { return this; }
     static get style() { return NvNotificationStyle0; }
@@ -26388,7 +26517,7 @@ const NvNotification$1 = /*@__PURE__*/ proxyCustomElement(class NvNotification e
         "dismiss": [64],
         "show": [64]
     }]);
-function defineCustomElement$1$9() {
+function defineCustomElement$1$i() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -26401,15 +26530,15 @@ function defineCustomElement$1$9() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
     } });
 }
-defineCustomElement$1$9();
+defineCustomElement$1$i();
 
 const NvNotification$2 = NvNotification$1;
-const defineCustomElement$c = defineCustomElement$1$9;
+const defineCustomElement$l = defineCustomElement$1$i;
 
 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}";
 const NvNotificationcontainerStyle0 = nvNotificationcontainerCss;
@@ -26441,13 +26570,13 @@ const NvNotificationContainer = /*@__PURE__*/ proxyCustomElement(class NvNotific
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'ee0a569e38a3f6402b027317b3bbd0f9773b30ea', class: `position-${this.position}` }, h$1("slot", { key: 'f8829878c8b5b4de5f3e82bbe77a0ae5d9eee809' })));
+        return (h$1(Host$1, { key: 'bf0b7cd02e0d214516f352eb7016d6060d6959c5', class: `position-${this.position}` }, h$1("slot", { key: 'f042e3f11b4d2af4b47aadeba04a332c57889616' })));
     }
     static get style() { return NvNotificationcontainerStyle0; }
 }, [4, "nv-notificationcontainer", {
         "position": [513]
     }]);
-function defineCustomElement$1$8() {
+function defineCustomElement$1$h() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -26460,13 +26589,13 @@ function defineCustomElement$1$8() {
             break;
     } });
 }
-defineCustomElement$1$8();
+defineCustomElement$1$h();
 
 const NvNotificationcontainer$1 = NvNotificationContainer;
-const defineCustomElement$b = defineCustomElement$1$8;
+const defineCustomElement$k = defineCustomElement$1$h;
 
 const NvPopover$1 = NvPopover$2;
-const defineCustomElement$a = defineCustomElement$T;
+const defineCustomElement$j = defineCustomElement$12;
 
 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)}";
 const NvRowStyle0 = nvRowCss;
@@ -26479,11 +26608,11 @@ const NvRow$1 = /*@__PURE__*/ proxyCustomElement(class NvRow extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '7349317dfee793dd34ceab919bae6155811f25f4' }, h$1("slot", { key: '0b31cf4d03d1057ec6f02b65b0ace85ee390cbc4' })));
+        return (h$1(Host$1, { key: '8415bdad0106bd3d836996c617a749294e0c19e2' }, h$1("slot", { key: '77c069ced0dc25c4169945877c388f30d27fdc4f' })));
     }
     static get style() { return NvRowStyle0; }
 }, [4, "nv-row"]);
-function defineCustomElement$1$7() {
+function defineCustomElement$1$g() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -26496,9 +26625,802 @@ function defineCustomElement$1$7() {
             break;
     } });
 }
-defineCustomElement$1$7();
+defineCustomElement$1$g();
+
+const NvRow$2 = NvRow$1;
+const defineCustomElement$i = defineCustomElement$1$g;
+
+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)}";
+const NvSidebarStyle0 = nvSidebarCss;
+
+const NvSidebar$1 = /*@__PURE__*/ proxyCustomElement(class NvSidebar extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.openChanged = createEvent$1(this, "openChanged");
+        /****************************************************************************/
+        //#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 (h$1(Host$1, { 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 }, h$1("div", { key: '28a2ec38d36308d803362d361a243dc5c1b6083e', class: "nv-sidebar-container" }, h$1("slot", { key: 'c4d85987d256e89508392b6e28fdb74be9140ccb' })), this.type === 'collapsible' && (h$1("button", { key: 'a34c2b6a0be9b1bd494ac542db3ed096c81e32f9', class: "nv-sidebar-toggle", onClick: this.handleToggle, "aria-label": this.open ? 'Collapse sidebar' : 'Expand sidebar' }, h$1("nv-icon", { key: '8905351a55b339106a4c7bb5cf61582a98dd31a5', name: this.open
+                ? 'layout-sidebar-left-collapse'
+                : 'layout-sidebar-right-collapse', size: "sm" })))));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "activePath": ["onActivePathChanged"],
+        "open": ["onOpenChanged"]
+    }; }
+    static get style() { return NvSidebarStyle0; }
+}, [4, "nv-sidebar", {
+        "type": [513],
+        "open": [1540],
+        "activePath": [513, "active-path"],
+        "notificationIntention": [513, "notification-intention"],
+        "notificationEmphasis": [513, "notification-emphasis"]
+    }, undefined, {
+        "activePath": ["onActivePathChanged"],
+        "open": ["onOpenChanged"]
+    }]);
+function defineCustomElement$1$f() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nv-sidebar", "nv-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nv-sidebar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NvSidebar$1);
+            }
+            break;
+        case "nv-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1c();
+            }
+            break;
+    } });
+}
+defineCustomElement$1$f();
+
+const NvSidebar$2 = NvSidebar$1;
+const defineCustomElement$h = defineCustomElement$1$f;
+
+const nvSidebarcontentCss = "nv-sidebarcontent{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}";
+const NvSidebarcontentStyle0 = nvSidebarcontentCss;
+
+const NvSidebarcontent$1 = /*@__PURE__*/ proxyCustomElement(class NvSidebarcontent extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (h$1(Host$1, { key: 'd960a2c2abe06db605980bf35d2c7cc74f4e0dba', role: "list" }, h$1("slot", { key: '7c0b0ad872d1afc279bfd9c9d381097207f055e2' })));
+    }
+    static get style() { return NvSidebarcontentStyle0; }
+}, [4, "nv-sidebarcontent"]);
+function defineCustomElement$1$e() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nv-sidebarcontent"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nv-sidebarcontent":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NvSidebarcontent$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1$e();
+
+const NvSidebarcontent$2 = NvSidebarcontent$1;
+const defineCustomElement$g = defineCustomElement$1$e;
+
+const nvSidebardividerCss = "nv-sidebardivider{display:block;height:var(--sidebar-primary-separator-size);background-color:var(--color-content-low-border);margin:var(--spacing-2) 0}";
+const NvSidebardividerStyle0 = nvSidebardividerCss;
+
+const NvSidebardivider$1 = /*@__PURE__*/ proxyCustomElement(class NvSidebardivider extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return h$1(Host$1, { key: 'a4328b357b750232920c8b5e24e91503bba7e235', role: "separator", "aria-orientation": "horizontal" });
+    }
+    static get style() { return NvSidebardividerStyle0; }
+}, [0, "nv-sidebardivider"]);
+function defineCustomElement$1$d() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nv-sidebardivider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nv-sidebardivider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NvSidebardivider$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1$d();
+
+const NvSidebardivider$2 = NvSidebardivider$1;
+const defineCustomElement$f = defineCustomElement$1$d;
+
+const nvSidebarfooterCss = "nv-sidebarfooter{display:block;margin-top:auto}";
+const NvSidebarfooterStyle0 = nvSidebarfooterCss;
+
+const NvSidebarfooter$1 = /*@__PURE__*/ proxyCustomElement(class NvSidebarfooter extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (h$1(Host$1, { key: '73ce5246f93d982caf0d65f2cde8156dfbe565da' }, h$1("slot", { key: '92a297a59988ce6e70875eedd50227cdf011d4bf' })));
+    }
+    static get style() { return NvSidebarfooterStyle0; }
+}, [4, "nv-sidebarfooter"]);
+function defineCustomElement$1$c() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nv-sidebarfooter"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nv-sidebarfooter":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NvSidebarfooter$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1$c();
+
+const NvSidebarfooter$2 = NvSidebarfooter$1;
+const defineCustomElement$e = defineCustomElement$1$c;
+
+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}";
+const NvSidebargroupStyle0 = nvSidebargroupCss;
+
+const NvSidebargroup$1 = /*@__PURE__*/ proxyCustomElement(class NvSidebargroup extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (h$1(Host$1, { key: 'c7b4e34d8237dc93adaa33f12d7cfda36a8ac269', role: "group", "aria-label": this.label }, this.label && h$1("div", { key: '7cafdf840b12c89604efda7895b764331c8054b7', class: "nv-sidebargroup-label" }, this.label), h$1("slot", { key: 'b6567a223f7cc05ce2874a632d38d6665c255659' })));
+    }
+    static get style() { return NvSidebargroupStyle0; }
+}, [4, "nv-sidebargroup", {
+        "label": [513]
+    }]);
+function defineCustomElement$1$b() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nv-sidebargroup"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nv-sidebargroup":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NvSidebargroup$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1$b();
+
+const NvSidebargroup$2 = NvSidebargroup$1;
+const defineCustomElement$d = defineCustomElement$1$b;
+
+const nvSidebarheaderCss = "nv-sidebarheader{display:block}";
+const NvSidebarheaderStyle0 = nvSidebarheaderCss;
+
+const NvSidebarheader$1 = /*@__PURE__*/ proxyCustomElement(class NvSidebarheader extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (h$1(Host$1, { key: '42d91f8325df19e8208ab045a057657c97bf3ff4' }, h$1("slot", { key: '42b4e5952fd55b95fe2934297929cef3bd1b226c' })));
+    }
+    static get style() { return NvSidebarheaderStyle0; }
+}, [4, "nv-sidebarheader"]);
+function defineCustomElement$1$a() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nv-sidebarheader"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nv-sidebarheader":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NvSidebarheader$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1$a();
+
+const NvSidebarheader$2 = NvSidebarheader$1;
+const defineCustomElement$c = defineCustomElement$1$a;
+
+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}";
+const NvSidebarlogoStyle0 = nvSidebarlogoCss;
+
+const NvSidebarlogo$1 = /*@__PURE__*/ proxyCustomElement(class NvSidebarlogo extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        //#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 (h$1(Host$1, { key: 'ec2aba08293e4def2fe083c311b69cafe005cf5e' }, h$1("div", { key: '3a24d832a0bb5aa44264fe1fc3091878556649bd', class: "nv-sidebarlogo-container" }, h$1("img", { key: 'a9a08e7c5dd51902d9ffbda0d9216a4ffb186756', src: logoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-full" }), h$1("img", { key: 'daef311e11c8d5ee6b823a4896be36ea5bd696cc', src: collapsedLogoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-collapsed" }), this.label && h$1("span", { key: '9685e4c110e7bb7356f5d49b615105033a32a736', class: "nv-sidebarlogo-title" }, this.label))));
+    }
+    static get style() { return NvSidebarlogoStyle0; }
+}, [0, "nv-sidebarlogo", {
+        "label": [513],
+        "logo": [513],
+        "collapsedLogo": [513, "collapsed-logo"]
+    }]);
+function defineCustomElement$1$9() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nv-sidebarlogo"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nv-sidebarlogo":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NvSidebarlogo$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1$9();
+
+const NvSidebarlogo$2 = NvSidebarlogo$1;
+const defineCustomElement$b = defineCustomElement$1$9;
+
+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}";
+const NvSidebarnavitemStyle0 = nvSidebarnavitemCss;
+
+const NvSidebarnavitem$1 = /*@__PURE__*/ proxyCustomElement(class NvSidebarnavitem extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        /**
+         * 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 (h$1(Host$1, { key: 'c0c9c63cb295441389b5ced9a4b0a0d5a1af99cd', role: "listitem" }, h$1("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 && (h$1("div", { key: '25f703e9fb7375b8b562be54f080120ae037dd9f', class: "nv-sidebarnavitem-icon" }, h$1("nv-icon", { key: '1a4e345c90afcec159890db6c6b0e22d53dd673d', name: this.icon, size: "md" }), showNotificationBullet && this.isSidebarCollapsed && (h$1("nv-notification-bullet", { key: '15b69d1a2325daed7d6583ed10906fe4e91809e5', count: this.notificationCount, size: notificationSize, contrastingBorder: true })))), h$1("div", { key: 'c717c09f39eab07616de419a35b11a5b7dfce5d1', class: "nv-sidebarnavitem-content" }, h$1("slot", { key: '9f8687f151fd082a6737e7fbe6036cc3ebff3cc2' })), h$1("div", { key: 'b2c3d7a4c30ce96273731a05a1d361f5654582de', class: "nv-sidebarnavitem-trailing" }, h$1("slot", { key: 'acf2dddbbbc7d2e83703c731a244237e0dc81153', name: "trailing" }), showNotificationBullet && !this.isSidebarCollapsed && (h$1("nv-notification-bullet", { key: 'adca5c7418a3b58afa5ef21ddd3fa9b2d880a56c', count: this.notificationCount, size: notificationSize })), this.collapsible && (h$1("nv-icon", { key: 'a4a4369d4ba76f567cca439d1b4c7e95ad5ba98c', name: "chevron-down", size: "sm", class: "nv-sidebarnavitem-chevron" })))), this.collapsible && this.hasSubitems && (h$1("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();
+                            }
+                        });
+                    }
+                }
+            } }, h$1("slot", { key: 'f0ffb970aa2d84580205ba110858d3f1c27875a3', name: "subitems" })))));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "open": ["onOpenChanged"]
+    }; }
+    static get style() { return NvSidebarnavitemStyle0; }
+}, [4, "nv-sidebarnavitem", {
+        "icon": [513],
+        "active": [1540],
+        "collapsible": [516],
+        "open": [1540],
+        "notificationCount": [514, "notification-count"],
+        "hasSubitems": [32],
+        "isSidebarCollapsed": [32]
+    }, undefined, {
+        "open": ["onOpenChanged"]
+    }]);
+function defineCustomElement$1$8() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nv-sidebarnavitem", "nv-icon", "nv-notification-bullet"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nv-sidebarnavitem":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NvSidebarnavitem$1);
+            }
+            break;
+        case "nv-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1c();
+            }
+            break;
+        case "nv-notification-bullet":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+    } });
+}
+defineCustomElement$1$8();
 
-const NvRow$2 = NvRow$1;
+const NvSidebarnavitem$2 = NvSidebarnavitem$1;
+const defineCustomElement$a = defineCustomElement$1$8;
+
+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}";
+const NvSidebarnavsubitemStyle0 = nvSidebarnavsubitemCss;
+
+const NvSidebarnavsubitem$1 = /*@__PURE__*/ proxyCustomElement(class NvSidebarnavsubitem extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        /****************************************************************************/
+        //#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 (h$1(Host$1, { key: '8ae8c5e2038145bd458a35d237495a06fde97294', role: "listitem", "aria-current": this.active ? 'page' : undefined }, h$1("div", { key: '559a99d72973f7af43091c5c920e77d8cad3944c', class: "nv-sidebarnavsubitem-indicator" }), h$1("div", { key: '204c7ad681d51310f43b618ef14a12d0ccc93ddc', class: "nv-sidebarnavsubitem-content" }, h$1("slot", { key: 'f4717aee216fbeac4dbfe0d98b34fe7e83476701' })), h$1("div", { key: 'b5db84c75ae4e51d8a048000a49697eaf4b20f1d', class: "nv-sidebarnavsubitem-trailing" }, h$1("slot", { key: 'b6d0afcd6b4ace60b32f531f414b70aba513a274', name: "trailing" }))));
+    }
+    static get style() { return NvSidebarnavsubitemStyle0; }
+}, [4, "nv-sidebarnavsubitem", {
+        "active": [516]
+    }]);
+function defineCustomElement$1$7() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nv-sidebarnavsubitem"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nv-sidebarnavsubitem":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NvSidebarnavsubitem$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1$7();
+
+const NvSidebarnavsubitem$2 = NvSidebarnavsubitem$1;
 const defineCustomElement$9 = defineCustomElement$1$7;
 
 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%}";
@@ -26822,7 +27744,7 @@ const NvSplit$1 = /*@__PURE__*/ proxyCustomElement(class NvSplit extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'd0bcb4330d157fa239289fa7176c502bfe01d0b8', "data-dragging": this.isDragging.toString() }, h$1("slot", { key: '490799f805f0833e5a33b480e205c8deb65f215b', name: "pane" }), h$1("slot", { key: '69d05ed6f6bbeac1f123ac100c753cf78ced3f08', name: "gutter" })));
+        return (h$1(Host$1, { key: 'df6a2141e14d1f691af162d1eae2e2763ffad014', "data-dragging": this.isDragging.toString() }, h$1("slot", { key: 'ce9d941bc73fa6e12161f334d4cd86e9045f6271', name: "pane" }), h$1("slot", { key: 'a70c14b0989a758ad35dc3c611563f7d03be0d02', name: "gutter" })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -26881,7 +27803,7 @@ const NvStack$1 = /*@__PURE__*/ proxyCustomElement(class NvStack extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '8f771805224c769b5a87f5c550ddbcb8f888d002', 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') }, h$1("slot", { key: '6fcd46cfd74415d2f07c762b065e3aa0f0194764' })));
+        return (h$1(Host$1, { 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') }, h$1("slot", { key: '6c7c231b8ff2575a1b509539d227468629fae6ab' })));
     }
     static get style() { return NvStackStyle0; }
 }, [4, "nv-stack", {
@@ -27142,7 +28064,7 @@ const NvTable$1 = /*@__PURE__*/ proxyCustomElement(class NvTable extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'b63510e2da93a1b98eb3813ba7ac9bed97b81c1f' }, h$1("slot", { key: '14fb76c397db4da5dfba94bce599d1e4d8992a6b' })));
+        return (h$1(Host$1, { key: 'ec194bed7ec58642be9f6b52a737e2f9375a152e' }, h$1("slot", { key: '009ce0f20491156ca93141c85683f0be499a9938' })));
     }
     get host() { return this; }
     static get style() { return NvTableStyle0; }
@@ -27224,7 +28146,7 @@ const NvTableheader$1 = /*@__PURE__*/ proxyCustomElement(class NvTableheader ext
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'ff2fc290253d468d2d139afdc708b012258b3f31', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, h$1("slot", { key: '3c70c590cc33ca2d722dbc3313c9e10583bfa631' }), this.sortable && (h$1("span", { key: '219a872d53157545302495cec6844d55b5026e00', class: "sort-icon-wrap", "aria-hidden": "true" }, h$1("nv-iconbutton", { key: 'd39698493a8504bb7e2af6fa52ac4c548b91bf40', disableTabindex: true, name: "arrow-up", size: "xs", emphasis: this.sortDirection === 'none' ? 'lower' : 'low',
+        return (h$1(Host$1, { key: '6719336a9812b1d1abd161b955b841c1459fb584', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, h$1("slot", { key: 'd559e3b7c74f6dcf8197e2d082310660a23291d6' }), this.sortable && (h$1("span", { key: '540c8c8cf3cccac47a3ece7d9be4e97c4e283690', class: "sort-icon-wrap", "aria-hidden": "true" }, h$1("nv-iconbutton", { key: 'ac713c7af3b5b2e452f02d0d77cb64398b0febd4', 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',
@@ -27249,17 +28171,17 @@ function defineCustomElement$1$3() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$1c();
             }
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$$();
+                defineCustomElement$1a();
             }
             break;
         case "nv-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$1b();
             }
             break;
     } });
@@ -27330,8 +28252,8 @@ const NvToggle$1 = /*@__PURE__*/ proxyCustomElement(class NvToggle extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '8e5b801ed4263b02b9b00628e94de448986eca98', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h$1("div", { key: 'b25ed406fae37d41f1c1fbe4234ded3f94db14b0', class: "input-container" }, h$1("input", { key: '5a98b81705597f2a115517b6031289ee9be54bda', 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 })), h$1("div", { key: '89366dfe5c0106d7e28a858745941f0358220ce7', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '3f0192378adbd8d5d5f5f5684d1e929462d7832b', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h$1("slot", { key: 'ee95958740e62af025bc4a456fe1b9f12b9aac71', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'eee5a91ccbe1eed1d2ce41c0ce08cf8b49440501', class: "description" }, h$1("slot", { key: 'a925c57db61229d032412e315ff1f738a479b090', name: "description" }, this.description))))));
+        return (h$1(Host$1, { key: '1a217a31999750cb1c8f26af5407ef2d7277600c', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h$1("div", { key: '35e39e8df6475ffa41cd8b811948454ba956e814', class: "input-container" }, h$1("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 })), h$1("div", { key: '3bc4c7d7ef8bca23391ede4b08eb596bab68289a', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '61be38f883222b69807c0e8b8540f6ad20ed0cf4', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h$1("slot", { key: 'e5ad1f81fc6e98794931b5e6dc811d9cc6aa9c73', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'f1f0d41c28be40b24e17d9f6f29224fbb2f9f05e', class: "description" }, h$1("slot", { key: '5418c3c3195045200e9ad0eb4bc6438eee453fd9', name: "description" }, this.description))))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -27416,7 +28338,7 @@ const NvTogglebutton$1 = /*@__PURE__*/ proxyCustomElement(class NvTogglebutton e
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'a36d2ac3ed287145dae1812e8488313e7509b979', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, h$1("slot", { key: '463f95e6e68148d94047e8b71c99c449dccffbd6' })));
+        return (h$1(Host$1, { key: '35199476bd724fe4a6b4dde51b7822bed5c374ff', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, h$1("slot", { key: '864cf0f2550b66b0b34c4f779086d4b4847732e6' })));
     }
     static get style() { return NvTogglebuttonStyle0; }
 }, [4, "nv-togglebutton", {
@@ -27597,7 +28519,7 @@ const NvTogglebuttongroup$1 = /*@__PURE__*/ proxyCustomElement(class NvTogglebut
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '02b7814ffceeaa875edcbce4ebdd6465b24abf62' }, h$1("slot", { key: '89c9387a50ec0c1c660e490b66742be96e6f6b3e' })));
+        return (h$1(Host$1, { key: 'b7c5cb46244f10a93330dc601d0347e3cb53c276' }, h$1("slot", { key: '0808ec94f479f52f60b50ac14ce1a4eb989e5778' })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -27636,7 +28558,7 @@ const NvTogglebuttongroup$2 = NvTogglebuttongroup$1;
 const defineCustomElement$2 = defineCustomElement$1;
 
 const NvTooltip$1 = NvTooltip$2;
-const defineCustomElement = defineCustomElement$S;
+const defineCustomElement = defineCustomElement$11;
 
 /**
  * @license
@@ -27655,14 +28577,14 @@ const NvAccordion = r({
     elementClass: NvAccordion$2,
     react: React,
     events: { onOpenIndexesChanged: 'openIndexesChanged' },
-    defineCustomElement: defineCustomElement$Y
+    defineCustomElement: defineCustomElement$17
 });
 const NvAccordionItem = r({
     tagName: 'nv-accordion-item',
     elementClass: NvAccordionItem$1,
     react: React,
     events: { onItemToggle: 'itemToggle' },
-    defineCustomElement: defineCustomElement$Z
+    defineCustomElement: defineCustomElement$18
 });
 const NvAlert = r({
     tagName: 'nv-alert',
@@ -27673,14 +28595,14 @@ const NvAlert = r({
         onHiddenChangedComplete: 'hiddenChangedComplete',
         onCloseClicked: 'closeClicked'
     },
-    defineCustomElement: defineCustomElement$X
+    defineCustomElement: defineCustomElement$16
 });
 const NvAvatar = r({
     tagName: 'nv-avatar',
     elementClass: NvAvatar$2,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$W
+    defineCustomElement: defineCustomElement$15
 });
 const NvBadge = r({
     tagName: 'nv-badge',
@@ -27691,35 +28613,35 @@ const NvBadge = r({
         onHiddenChanged: 'hiddenChanged',
         onHiddenChangedComplete: 'hiddenChangedComplete'
     },
-    defineCustomElement: defineCustomElement$U
+    defineCustomElement: defineCustomElement$13
 });
 const NvBreadcrumb = r({
     tagName: 'nv-breadcrumb',
     elementClass: NvBreadcrumb$2,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$R
+    defineCustomElement: defineCustomElement$10
 });
 const NvBreadcrumbs = r({
     tagName: 'nv-breadcrumbs',
     elementClass: NvBreadcrumbs$2,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$Q
+    defineCustomElement: defineCustomElement$$
 });
 const NvButton = r({
     tagName: 'nv-button',
     elementClass: NvButton$1,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$O
+    defineCustomElement: defineCustomElement$Z
 });
 const NvButtongroup = r({
     tagName: 'nv-buttongroup',
     elementClass: NvButtongroup$2,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$N
+    defineCustomElement: defineCustomElement$Y
 });
 const NvCalendar = r({
     tagName: 'nv-calendar',
@@ -27730,14 +28652,14 @@ const NvCalendar = r({
         onRangeDateChange: 'rangeDateChange',
         onValueChanged: 'valueChanged'
     },
-    defineCustomElement: defineCustomElement$L
+    defineCustomElement: defineCustomElement$W
 });
 const NvCol = r({
     tagName: 'nv-col',
     elementClass: NvCol$2,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$K
+    defineCustomElement: defineCustomElement$V
 });
 const NvDatagrid = r({
     tagName: 'nv-datagrid',
@@ -27748,21 +28670,21 @@ const NvDatagrid = r({
         onSelectedRows: 'selectedRows',
         onStateChanged: 'stateChanged'
     },
-    defineCustomElement: defineCustomElement$I
+    defineCustomElement: defineCustomElement$T
 });
 const NvDatagridcolumn = r({
     tagName: 'nv-datagridcolumn',
     elementClass: NvDatagridcolumn$2,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$H
+    defineCustomElement: defineCustomElement$S
 });
 const NvDialog = r({
     tagName: 'nv-dialog',
     elementClass: NvDialog$2,
     react: React,
     events: { onOpenChanged: 'openChanged' },
-    defineCustomElement: defineCustomElement$E
+    defineCustomElement: defineCustomElement$P
 });
 const NvDialogfooter = r({
     tagName: 'nv-dialogfooter',
@@ -27772,28 +28694,28 @@ const NvDialogfooter = r({
         onDialogCanceled: 'dialogCanceled',
         onDialogPrimaryClicked: 'dialogPrimaryClicked'
     },
-    defineCustomElement: defineCustomElement$D
+    defineCustomElement: defineCustomElement$O
 });
 const NvDialogheader = r({
     tagName: 'nv-dialogheader',
     elementClass: NvDialogheader$1,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$C
+    defineCustomElement: defineCustomElement$N
 });
 const NvFieldcheckbox = r({
     tagName: 'nv-fieldcheckbox',
     elementClass: NvFieldcheckbox$1,
     react: React,
     events: { onCheckedChanged: 'checkedChanged' },
-    defineCustomElement: defineCustomElement$A
+    defineCustomElement: defineCustomElement$L
 });
 const NvFielddate = r({
     tagName: 'nv-fielddate',
     elementClass: NvFielddate$2,
     react: React,
     events: { onValueChanged: 'valueChanged' },
-    defineCustomElement: defineCustomElement$z
+    defineCustomElement: defineCustomElement$K
 });
 const NvFielddaterange = r({
     tagName: 'nv-fielddaterange',
@@ -27803,7 +28725,7 @@ const NvFielddaterange = r({
         onDateRangeChange: 'dateRangeChange',
         onValueChanged: 'valueChanged'
     },
-    defineCustomElement: defineCustomElement$y
+    defineCustomElement: defineCustomElement$J
 });
 const NvFielddropdown = r({
     tagName: 'nv-fielddropdown',
@@ -27815,21 +28737,21 @@ const NvFielddropdown = r({
         onOpenChanged: 'openChanged',
         onDropdownItemSelected: 'dropdownItemSelected'
     },
-    defineCustomElement: defineCustomElement$w
+    defineCustomElement: defineCustomElement$H
 });
 const NvFielddropdownitem = r({
     tagName: 'nv-fielddropdownitem',
     elementClass: NvFielddropdownitem$1,
     react: React,
     events: { onDropdownItemSelected: 'dropdownItemSelected' },
-    defineCustomElement: defineCustomElement$v
+    defineCustomElement: defineCustomElement$G
 });
 const NvFielddropdownitemcheck = r({
     tagName: 'nv-fielddropdownitemcheck',
     elementClass: NvFielddropdownitemcheck$1,
     react: React,
     events: { onItemChecked: 'itemChecked' },
-    defineCustomElement: defineCustomElement$t
+    defineCustomElement: defineCustomElement$E
 });
 const NvFieldmultiselect = r({
     tagName: 'nv-fieldmultiselect',
@@ -27839,125 +28761,195 @@ const NvFieldmultiselect = r({
         onValueChanged: 'valueChanged',
         onFilterTextChanged: 'filterTextChanged'
     },
-    defineCustomElement: defineCustomElement$s
+    defineCustomElement: defineCustomElement$D
 });
 const NvFieldnumber = r({
     tagName: 'nv-fieldnumber',
     elementClass: NvFieldnumber$1,
     react: React,
     events: { onValueChanged: 'valueChanged' },
-    defineCustomElement: defineCustomElement$q
+    defineCustomElement: defineCustomElement$B
 });
 const NvFieldpassword = r({
     tagName: 'nv-fieldpassword',
     elementClass: NvFieldpassword$2,
     react: React,
     events: { onValueChanged: 'valueChanged' },
-    defineCustomElement: defineCustomElement$p
+    defineCustomElement: defineCustomElement$A
 });
 const NvFieldradio = r({
     tagName: 'nv-fieldradio',
     elementClass: NvFieldradio$2,
     react: React,
     events: { onCheckedChanged: 'checkedChanged' },
-    defineCustomElement: defineCustomElement$o
+    defineCustomElement: defineCustomElement$z
 });
 const NvFieldselect = r({
     tagName: 'nv-fieldselect',
     elementClass: NvFieldselect$2,
     react: React,
     events: { onValueChanged: 'valueChanged' },
-    defineCustomElement: defineCustomElement$n
+    defineCustomElement: defineCustomElement$y
 });
 const NvFieldslider = r({
     tagName: 'nv-fieldslider',
     elementClass: NvFieldslider$2,
     react: React,
     events: { onValueChanged: 'valueChanged' },
-    defineCustomElement: defineCustomElement$m
+    defineCustomElement: defineCustomElement$x
 });
 const NvFieldtext = r({
     tagName: 'nv-fieldtext',
     elementClass: NvFieldtext$1,
     react: React,
     events: { onValueChanged: 'valueChanged' },
-    defineCustomElement: defineCustomElement$l
+    defineCustomElement: defineCustomElement$w
 });
 const NvFieldtextarea = r({
     tagName: 'nv-fieldtextarea',
     elementClass: NvFieldtextarea$2,
     react: React,
     events: { onValueChanged: 'valueChanged' },
-    defineCustomElement: defineCustomElement$k
+    defineCustomElement: defineCustomElement$v
 });
 const NvFieldtime = r({
     tagName: 'nv-fieldtime',
     elementClass: NvFieldtime$2,
     react: React,
     events: { onValueChanged: 'valueChanged' },
-    defineCustomElement: defineCustomElement$j
+    defineCustomElement: defineCustomElement$u
 });
 const NvIcon = r({
     tagName: 'nv-icon',
     elementClass: NvIcon$1,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$i
+    defineCustomElement: defineCustomElement$t
 });
 const NvIconbutton = r({
     tagName: 'nv-iconbutton',
     elementClass: NvIconbutton$1,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$h
+    defineCustomElement: defineCustomElement$s
 });
 const NvLoader = r({
     tagName: 'nv-loader',
     elementClass: NvLoader$1,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$g
+    defineCustomElement: defineCustomElement$r
 });
 const NvMenu = r({
     tagName: 'nv-menu',
     elementClass: NvMenu$2,
     react: React,
     events: { onMenuitemSelected: 'menuitemSelected' },
-    defineCustomElement: defineCustomElement$e
+    defineCustomElement: defineCustomElement$p
 });
 const NvMenuitem = r({
     tagName: 'nv-menuitem',
     elementClass: NvMenuitem$1,
     react: React,
     events: { onMenuitemSelected: 'menuitemSelected' },
-    defineCustomElement: defineCustomElement$d
+    defineCustomElement: defineCustomElement$o
 });
 const NvNotification = r({
     tagName: 'nv-notification',
     elementClass: NvNotification$2,
     react: React,
     events: { onHiddenChanged: 'hiddenChanged' },
-    defineCustomElement: defineCustomElement$c
+    defineCustomElement: defineCustomElement$l
+});
+const NvNotificationBullet = r({
+    tagName: 'nv-notification-bullet',
+    elementClass: NvNotificationBullet$1,
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$m
 });
 const NvNotificationcontainer = r({
     tagName: 'nv-notificationcontainer',
     elementClass: NvNotificationcontainer$1,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$b
+    defineCustomElement: defineCustomElement$k
 });
 const NvPopover = r({
     tagName: 'nv-popover',
     elementClass: NvPopover$1,
     react: React,
     events: { onOpenChanged: 'openChanged' },
-    defineCustomElement: defineCustomElement$a
+    defineCustomElement: defineCustomElement$j
 });
 const NvRow = r({
     tagName: 'nv-row',
     elementClass: NvRow$2,
     react: React,
     events: {},
+    defineCustomElement: defineCustomElement$i
+});
+const NvSidebar = r({
+    tagName: 'nv-sidebar',
+    elementClass: NvSidebar$2,
+    react: React,
+    events: { onOpenChanged: 'openChanged' },
+    defineCustomElement: defineCustomElement$h
+});
+const NvSidebarcontent = r({
+    tagName: 'nv-sidebarcontent',
+    elementClass: NvSidebarcontent$2,
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$g
+});
+const NvSidebardivider = r({
+    tagName: 'nv-sidebardivider',
+    elementClass: NvSidebardivider$2,
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$f
+});
+const NvSidebarfooter = r({
+    tagName: 'nv-sidebarfooter',
+    elementClass: NvSidebarfooter$2,
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$e
+});
+const NvSidebargroup = r({
+    tagName: 'nv-sidebargroup',
+    elementClass: NvSidebargroup$2,
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$d
+});
+const NvSidebarheader = r({
+    tagName: 'nv-sidebarheader',
+    elementClass: NvSidebarheader$2,
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$c
+});
+const NvSidebarlogo = r({
+    tagName: 'nv-sidebarlogo',
+    elementClass: NvSidebarlogo$2,
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$b
+});
+const NvSidebarnavitem = r({
+    tagName: 'nv-sidebarnavitem',
+    elementClass: NvSidebarnavitem$2,
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$a
+});
+const NvSidebarnavsubitem = r({
+    tagName: 'nv-sidebarnavsubitem',
+    elementClass: NvSidebarnavsubitem$2,
+    react: React,
+    events: {},
     defineCustomElement: defineCustomElement$9
 });
 const NvSplit = r({
@@ -28371,183 +29363,223 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                 case 'nv-accordion':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-accordion.entry-CPB1HBT1.js'); }).then(processMod, consoleError);
+                      './nv-accordion.entry-D6gckOF4.js'); }).then(processMod, consoleError);
                 case 'nv-alert':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-alert.entry-jPxt1obA.js'); }).then(processMod, consoleError);
+                      './nv-alert.entry-Df8-nQ-R.js'); }).then(processMod, consoleError);
                 case 'nv-avatar':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-avatar.entry-zmnREEN-.js'); }).then(processMod, consoleError);
+                      './nv-avatar.entry-ZOnVWP9L.js'); }).then(processMod, consoleError);
                 case 'nv-breadcrumb':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-breadcrumb.entry-DHAe5FxQ.js'); }).then(processMod, consoleError);
+                      './nv-breadcrumb.entry-IqtE1JL0.js'); }).then(processMod, consoleError);
                 case 'nv-breadcrumbs':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-breadcrumbs.entry-C7XepUqF.js'); }).then(processMod, consoleError);
+                      './nv-breadcrumbs.entry-Be6dz7zI.js'); }).then(processMod, consoleError);
                 case 'nv-buttongroup':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-buttongroup.entry-Dlim9p8N.js'); }).then(processMod, consoleError);
+                      './nv-buttongroup.entry-Cfe6rFSs.js'); }).then(processMod, consoleError);
                 case 'nv-col':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-col.entry-CnbFx7h1.js'); }).then(processMod, consoleError);
+                      './nv-col.entry-Cu-Qi1bi.js'); }).then(processMod, consoleError);
                 case 'nv-datagrid':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-datagrid.entry-CjUfR4ha.js'); }).then(processMod, consoleError);
+                      './nv-datagrid.entry-Cx7SvD5S.js'); }).then(processMod, consoleError);
                 case 'nv-datagridcolumn':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-datagridcolumn.entry-BiuYIp4q.js'); }).then(processMod, consoleError);
+                      './nv-datagridcolumn.entry-B_uXKFLg.js'); }).then(processMod, consoleError);
                 case 'nv-dialog':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-dialog.entry-fDywe5i2.js'); }).then(processMod, consoleError);
+                      './nv-dialog.entry-J6Xwi6z1.js'); }).then(processMod, consoleError);
                 case 'nv-fielddate':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddate.entry-GLGb7tzu.js'); }).then(processMod, consoleError);
+                      './nv-fielddate.entry-xWi3GpLl.js'); }).then(processMod, consoleError);
                 case 'nv-fielddaterange':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddaterange.entry-C8gXNY2P.js'); }).then(processMod, consoleError);
+                      './nv-fielddaterange.entry-BwFtpw9X.js'); }).then(processMod, consoleError);
                 case 'nv-fielddropdown':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddropdown.entry-BX1V8Uef.js'); }).then(processMod, consoleError);
+                      './nv-fielddropdown.entry-mnl7mSaK.js'); }).then(processMod, consoleError);
                 case 'nv-fieldmultiselect':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldmultiselect.entry-BuV-qWbu.js'); }).then(processMod, consoleError);
+                      './nv-fieldmultiselect.entry-BtLTG7nM.js'); }).then(processMod, consoleError);
                 case 'nv-fieldpassword':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldpassword.entry-BnGWErFQ.js'); }).then(processMod, consoleError);
+                      './nv-fieldpassword.entry-BLg8tCN0.js'); }).then(processMod, consoleError);
                 case 'nv-fieldradio':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldradio.entry-EliQYldW.js'); }).then(processMod, consoleError);
+                      './nv-fieldradio.entry-2hb1Ur40.js'); }).then(processMod, consoleError);
                 case 'nv-fieldselect':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldselect.entry-BfPVPmaZ.js'); }).then(processMod, consoleError);
+                      './nv-fieldselect.entry-D-eYQpAv.js'); }).then(processMod, consoleError);
                 case 'nv-fieldslider':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldslider.entry-DBPpL94x.js'); }).then(processMod, consoleError);
+                      './nv-fieldslider.entry-BGle1RZR.js'); }).then(processMod, consoleError);
                 case 'nv-fieldtextarea':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldtextarea.entry-HaELAnJb.js'); }).then(processMod, consoleError);
+                      './nv-fieldtextarea.entry-Z32-s901.js'); }).then(processMod, consoleError);
                 case 'nv-fieldtime':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldtime.entry-CWQM7fza.js'); }).then(processMod, consoleError);
+                      './nv-fieldtime.entry-CDFGdfFL.js'); }).then(processMod, consoleError);
                 case 'nv-notification':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-notification.entry-BPyEusqt.js'); }).then(processMod, consoleError);
+                      './nv-notification.entry-BxvJMKxH.js'); }).then(processMod, consoleError);
                 case 'nv-notificationcontainer':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-notificationcontainer.entry-MRIJURIS.js'); }).then(processMod, consoleError);
+                      './nv-notificationcontainer.entry-CxGCIb96.js'); }).then(processMod, consoleError);
                 case 'nv-row':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-row.entry-T0OlcSij.js'); }).then(processMod, consoleError);
+                      './nv-row.entry-PBLq_BzJ.js'); }).then(processMod, consoleError);
+                case 'nv-sidebar':
+                    return Promise.resolve().then(function () { return require(
+                      /* webpackMode: "lazy" */
+                      './nv-sidebar.entry-CjLbvLqw.js'); }).then(processMod, consoleError);
+                case 'nv-sidebarcontent':
+                    return Promise.resolve().then(function () { return require(
+                      /* webpackMode: "lazy" */
+                      './nv-sidebarcontent.entry-Cv76IH4W.js'); }).then(processMod, consoleError);
+                case 'nv-sidebardivider':
+                    return Promise.resolve().then(function () { return require(
+                      /* webpackMode: "lazy" */
+                      './nv-sidebardivider.entry-DYPJ_k73.js'); }).then(processMod, consoleError);
+                case 'nv-sidebarfooter':
+                    return Promise.resolve().then(function () { return require(
+                      /* webpackMode: "lazy" */
+                      './nv-sidebarfooter.entry-mGcMBRmv.js'); }).then(processMod, consoleError);
+                case 'nv-sidebargroup':
+                    return Promise.resolve().then(function () { return require(
+                      /* webpackMode: "lazy" */
+                      './nv-sidebargroup.entry-DtwFliHZ.js'); }).then(processMod, consoleError);
+                case 'nv-sidebarheader':
+                    return Promise.resolve().then(function () { return require(
+                      /* webpackMode: "lazy" */
+                      './nv-sidebarheader.entry-BdOYIXCA.js'); }).then(processMod, consoleError);
+                case 'nv-sidebarlogo':
+                    return Promise.resolve().then(function () { return require(
+                      /* webpackMode: "lazy" */
+                      './nv-sidebarlogo.entry-Da0kGsfw.js'); }).then(processMod, consoleError);
+                case 'nv-sidebarnavitem':
+                    return Promise.resolve().then(function () { return require(
+                      /* webpackMode: "lazy" */
+                      './nv-sidebarnavitem.entry-D5xLfpwn.js'); }).then(processMod, consoleError);
+                case 'nv-sidebarnavsubitem':
+                    return Promise.resolve().then(function () { return require(
+                      /* webpackMode: "lazy" */
+                      './nv-sidebarnavsubitem.entry-CkeJfHH4.js'); }).then(processMod, consoleError);
                 case 'nv-split':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-split.entry-DlI7I6Tb.js'); }).then(processMod, consoleError);
+                      './nv-split.entry-y66NBf88.js'); }).then(processMod, consoleError);
                 case 'nv-stack':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-stack.entry-991A3rOk.js'); }).then(processMod, consoleError);
+                      './nv-stack.entry-CXjpkpbW.js'); }).then(processMod, consoleError);
                 case 'nv-table':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-table.entry-ClSU3-cR.js'); }).then(processMod, consoleError);
+                      './nv-table.entry-quaVnLru.js'); }).then(processMod, consoleError);
                 case 'nv-tableheader':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-tableheader.entry-DzvbPDBN.js'); }).then(processMod, consoleError);
+                      './nv-tableheader.entry-DTBE2XQO.js'); }).then(processMod, consoleError);
                 case 'nv-toggle':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-toggle.entry-Dq5hAoVB.js'); }).then(processMod, consoleError);
+                      './nv-toggle.entry-CxUwF0pb.js'); }).then(processMod, consoleError);
                 case 'nv-togglebutton':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-togglebutton.entry-DI8HQ5Ou.js'); }).then(processMod, consoleError);
+                      './nv-togglebutton.entry-w-WEAmE6.js'); }).then(processMod, consoleError);
                 case 'nv-togglebuttongroup':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-togglebuttongroup.entry-DzGOSBF7.js'); }).then(processMod, consoleError);
+                      './nv-togglebuttongroup.entry-UbrE8y7a.js'); }).then(processMod, consoleError);
                 case 'nv-accordion-item':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-accordion-item.entry-5DF2ffDE.js'); }).then(processMod, consoleError);
+                      './nv-accordion-item.entry-zvp8yDql.js'); }).then(processMod, consoleError);
                 case 'nv-badge_2':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-badge_2.entry-DtkQx_M9.js'); }).then(processMod, consoleError);
+                      './nv-badge_2.entry-DgiVv_Yf.js'); }).then(processMod, consoleError);
                 case 'nv-dialogfooter_2':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-dialogfooter_2.entry-CckfZ_QW.js'); }).then(processMod, consoleError);
+                      './nv-dialogfooter_2.entry-DOlhqDTh.js'); }).then(processMod, consoleError);
                 case 'nv-fielddropdownitem':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddropdownitem.entry-BMVFbA1v.js'); }).then(processMod, consoleError);
+                      './nv-fielddropdownitem.entry-DjyFlVXw.js'); }).then(processMod, consoleError);
                 case 'nv-fieldnumber':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldnumber.entry-qM1ct5SM.js'); }).then(processMod, consoleError);
+                      './nv-fieldnumber.entry-C00Hg70B.js'); }).then(processMod, consoleError);
                 case 'nv-fieldtext':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldtext.entry-BnabKYgq.js'); }).then(processMod, consoleError);
+                      './nv-fieldtext.entry-Djg8cqOa.js'); }).then(processMod, consoleError);
                 case 'nv-menu':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-menu.entry-wMwI_sZ3.js'); }).then(processMod, consoleError);
+                      './nv-menu.entry-iob0Kve8.js'); }).then(processMod, consoleError);
                 case 'nv-menuitem':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-menuitem.entry-C53TrB0_.js'); }).then(processMod, consoleError);
+                      './nv-menuitem.entry-C989Ui60.js'); }).then(processMod, consoleError);
+                case 'nv-notification-bullet':
+                    return Promise.resolve().then(function () { return require(
+                      /* webpackMode: "lazy" */
+                      './nv-notification-bullet.entry-J8OkAZtU.js'); }).then(processMod, consoleError);
                 case 'nv-tooltip':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-tooltip.entry-CF0-gdZL.js'); }).then(processMod, consoleError);
+                      './nv-tooltip.entry-Dq2bkV33.js'); }).then(processMod, consoleError);
                 case 'nv-button':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-button.entry-Dg1knj3Y.js'); }).then(processMod, consoleError);
+                      './nv-button.entry-CmswF3Si.js'); }).then(processMod, consoleError);
                 case 'nv-calendar':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-calendar.entry-rL5_GdQg.js'); }).then(processMod, consoleError);
+                      './nv-calendar.entry-q83sS_dN.js'); }).then(processMod, consoleError);
                 case 'nv-fieldcheckbox':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldcheckbox.entry-WmfLxGad.js'); }).then(processMod, consoleError);
+                      './nv-fieldcheckbox.entry-C23dGGX7.js'); }).then(processMod, consoleError);
                 case 'nv-popover':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-popover.entry-fj50OLMu.js'); }).then(processMod, consoleError);
+                      './nv-popover.entry-1KsO_KQm.js'); }).then(processMod, consoleError);
                 case 'nv-iconbutton_2':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-iconbutton_2.entry-CP1o9IVZ.js'); }).then(processMod, consoleError);
+                      './nv-iconbutton_2.entry-DdgEkFLK.js'); }).then(processMod, consoleError);
                 case 'nv-icon':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-icon.entry-B5cWNyvf.js'); }).then(processMod, consoleError);
+                      './nv-icon.entry-BDq7DKRt.js'); }).then(processMod, consoleError);
           }
       }
   return import(
@@ -30765,7 +31797,7 @@ const globalScripts = () => {};
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"nv-fieldmultiselect\",[[68,\"nv-fieldmultiselect\",{\"label\":[513],\"inputId\":[513,\"input-id\"],\"name\":[513],\"description\":[513],\"placeholder\":[513],\"autocomplete\":[513],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"maxHeight\":[513,\"max-height\"],\"open\":[1540],\"fluid\":[516],\"options\":[1040],\"value\":[1040],\"filterable\":[516],\"emptyResult\":[513,\"empty-result\"],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"badgeLabel\":[513,\"badge-label\"],\"filterText\":[1537,\"filter-text\"],\"enableSelectAll\":[516,\"enable-select-all\"],\"selectAllLabel\":[513,\"select-all-label\"],\"deselectAllLabel\":[513,\"deselect-all-label\"],\"sortedOptions\":[32],\"isHandlingEscape\":[32],\"hasFilterResults\":[32],\"isSelectAllSectionVisible\":[32],\"getFilterText\":[64],\"resetFilter\":[64],\"getSelectedValues\":[64],\"selectAll\":[64],\"deselectAll\":[64],\"toggleSelectAll\":[64]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"itemChecked\",\"handleItemChecked\"],[0,\"slotchange\",\"handleSlotChange\"],[0,\"keydown\",\"handleKeyDown\"]],{\"options\":[\"handleOptionsChange\"],\"value\":[\"watchValueHandler\"],\"open\":[\"handleOpenChange\"]}]]],[\"nv-dialog\",[[4,\"nv-dialog\",{\"triggerElement\":[1040],\"headerElement\":[1040],\"footerElement\":[1040],\"open\":[1540],\"undismissable\":[516],\"clickOutside\":[516,\"click-outside\"],\"controlled\":[516],\"full\":[516],\"autofocus\":[516],\"show\":[64],\"close\":[64]},[[4,\"keydown\",\"handleKeyDown\"],[4,\"click\",\"handleDocumentClick\"]],{\"open\":[\"handleDialogOpenChange\"]}]]],[\"nv-fielddate\",[[4,\"nv-fielddate\",{\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"autofocus\":[516],\"value\":[1537],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[514,\"number-of-calendars\"],\"min\":[513],\"max\":[513],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[16],\"fluid\":[516],\"singleValue\":[32],\"open\":[32],\"clear\":[64]},[[0,\"singleDateChange\",\"handleSingleDateChange\"],[0,\"closePopover\",\"handleClosePopover\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenChange\"]}]]],[\"nv-fielddaterange\",[[4,\"nv-fielddaterange\",{\"startInputId\":[513,\"start-input-id\"],\"endInputId\":[513,\"end-input-id\"],\"label\":[513],\"description\":[513],\"startPlaceholder\":[513,\"start-placeholder\"],\"endPlaceholder\":[513,\"end-placeholder\"],\"startName\":[513,\"start-name\"],\"endName\":[513,\"end-name\"],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"autofocus\":[516],\"value\":[1537],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[514,\"number-of-calendars\"],\"min\":[513],\"max\":[513],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[16],\"fluid\":[516],\"startValue\":[32],\"endValue\":[32],\"open\":[32],\"clear\":[64]},[[0,\"rangeDateChange\",\"handleRangeDateChange\"],[0,\"valueChanged\",\"handleCalendarValueChanged\"],[0,\"closePopover\",\"handleClosePopover\"],[0,\"applyDateRange\",\"handleApplyDateRange\"],[0,\"singleDateChange\",\"handleDateReset\"],[0,\"rangeDateChange\",\"handleDateReset\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"onOpenChanged\"]}]]],[\"nv-fielddropdown\",[[68,\"nv-fielddropdown\",{\"inputId\":[513,\"input-id\"],\"name\":[513],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"autocomplete\":[513],\"value\":[1537],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"maxHeight\":[513,\"max-height\"],\"emptyResult\":[513,\"empty-result\"],\"filterable\":[516],\"openOnSelect\":[516,\"open-on-select\"],\"controlledFilter\":[516,\"controlled-filter\"],\"options\":[16],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"fluid\":[516],\"filterText\":[32],\"selectedValues\":[32],\"open\":[32],\"clearFilter\":[64],\"toggleDropdown\":[64]},[[0,\"dropdownItemSelected\",\"handleDropdownItemSelected\"],[3,\"focus\",\"handleFocus\"],[3,\"focusout\",\"handleFocusOut\"],[0,\"keydown\",\"handleKeyDown\"],[4,\"click\",\"handleDocumentClick\"]],{\"open\":[\"handleOpenChange\"],\"value\":[\"handleValueChange\"],\"options\":[\"handleOptionsChange\"]}]]],[\"nv-accordion\",[[4,\"nv-accordion\",{\"data\":[16],\"mode\":[513],\"openIndexes\":[1040],\"updatingFromInternal\":[32],\"open\":[64],\"close\":[64]},[[0,\"itemToggle\",\"onItemToggle\"]],{\"openIndexes\":[\"onOpenIndexesChange\"],\"mode\":[\"onModeChange\"]}]]],[\"nv-fieldslider\",[[68,\"nv-fieldslider\",{\"startInputId\":[513,\"start-input-id\"],\"endInputId\":[513,\"end-input-id\"],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"description\":[513],\"hasField\":[516,\"has-field\"],\"range\":[516],\"disabled\":[516],\"readonly\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"value\":[1040],\"step\":[514],\"snap\":[516],\"snapTicks\":[516,\"snap-ticks\"],\"name\":[513],\"endName\":[513,\"end-name\"],\"min\":[514],\"max\":[514],\"showTicks\":[516,\"show-ticks\"],\"ticks\":[16],\"fluid\":[516],\"labelBeforeValue\":[513,\"label-before-value\"],\"labelAfterValue\":[513,\"label-after-value\"],\"isDragging\":[32],\"activeDragThumb\":[32],\"internalTicks\":[32],\"rawPosition\":[32],\"rawRangePosition\":[32],\"valueInternal\":[32],\"rangeValueInternal\":[32]},null,{\"value\":[\"onValueChange\"],\"min\":[\"onConfigChange\"],\"max\":[\"onConfigChange\"],\"step\":[\"onConfigChange\"],\"ticks\":[\"onConfigChange\"],\"showTicks\":[\"onConfigChange\"],\"snap\":[\"onConfigChange\"],\"snapTicks\":[\"onConfigChange\"],\"range\":[\"onRangeChange\"]}]]],[\"nv-fieldtime\",[[68,\"nv-fieldtime\",{\"value\":[1537],\"label\":[513],\"inputId\":[513,\"input-id\"],\"readonly\":[516],\"disabled\":[516],\"required\":[516],\"name\":[513],\"success\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"format\":[513],\"description\":[513],\"open\":[1540],\"step\":[514],\"max\":[513],\"min\":[513],\"autofocus\":[516],\"hours\":[32],\"minutes\":[32],\"seconds\":[32]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenChange\"],\"format\":[\"handleFormatChange\"]}]]],[\"nv-fieldpassword\",[[68,\"nv-fieldpassword\",{\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"pattern\":[513],\"mode\":[513],\"autocomplete\":[513],\"hidePasswordIcon\":[516,\"hide-password-icon\"],\"showPassword\":[516,\"show-password\"],\"autofocus\":[516],\"fluid\":[516],\"showPasswordState\":[32]},null,{\"showPassword\":[\"handleShowPasswordChange\"]}]]],[\"nv-fieldselect\",[[68,\"nv-fieldselect\",{\"message\":[513],\"validation\":[513],\"options\":[16],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"multiple\":[516],\"value\":[1537],\"displayValue\":[516,\"display-value\"],\"autofocus\":[516],\"fluid\":[516],\"computedDisplayValue\":[32],\"internalReadonly\":[32]},null,{\"value\":[\"updateDisplayValueWatcher\"],\"displayValue\":[\"handleDisplayValueChange\"],\"readonly\":[\"handleReadonlyChange\"],\"options\":[\"handleOptionsChange\"]}]]],[\"nv-tableheader\",[[4,\"nv-tableheader\",{\"sortable\":[516],\"sortDirection\":[1537,\"sort-direction\"]}]]],[\"nv-breadcrumb\",[[4,\"nv-breadcrumb\",{\"type\":[513],\"tooltip\":[513],\"current\":[516]}]]],[\"nv-datagrid\",[[4,\"nv-datagrid\",{\"data\":[16],\"columns\":[16],\"fallbackValue\":[513,\"fallback-value\"],\"noDataMessage\":[513,\"no-data-message\"],\"noColumnsNoDataMessage\":[513,\"no-columns-no-data-message\"],\"autoGenerateColumns\":[516,\"auto-generate-columns\"],\"enableGlobalFilter\":[516,\"enable-global-filter\"],\"globalFilterPosition\":[513,\"global-filter-position\"],\"enablePagination\":[516,\"enable-pagination\"],\"pageSize\":[514,\"page-size\"],\"pageSizes\":[16],\"enableSorting\":[516,\"enable-sorting\"],\"enableRowSelection\":[516,\"enable-row-selection\"],\"state\":[16],\"table\":[32],\"parsedColumns\":[32],\"parsedData\":[32],\"globalFilterSearchTerm\":[32],\"columnData\":[32],\"paginationState\":[32],\"sortingState\":[32],\"rowSelectionState\":[32]},null,{\"columns\":[\"parseColumns\"],\"data\":[\"parseData\"],\"parsedColumns\":[\"handleParsedChange\"],\"parsedData\":[\"handleParsedChange\"],\"globalFilterSearchTerm\":[\"handleGlobalFilterSearchTerm\",\"handleInternalStateChange\"],\"paginationState\":[\"handlePaginationState\",\"handleInternalStateChange\"],\"sortingState\":[\"handleSortingState\",\"handleInternalStateChange\"],\"pageSize\":[\"handlePageSize\"],\"rowSelectionState\":[\"handleRowSelectionState\"],\"state\":[\"handleStateChange\"]}]]],[\"nv-alert\",[[4,\"nv-alert\",{\"color\":[513],\"feedback\":[1537],\"message\":[513],\"heading\":[513],\"icon\":[513],\"dismissible\":[516],\"preventAutoClose\":[516,\"prevent-auto-close\"],\"hidden\":[1540],\"hasNoAnimations\":[516,\"has-no-animations\"]},null,{\"hidden\":[\"handleHiddenChange\"]}]]],[\"nv-avatar\",[[4,\"nv-avatar\",{\"xsmall\":[516],\"small\":[516],\"medium\":[516],\"large\":[516],\"xlarge\":[516],\"text\":[513],\"url\":[513],\"alt\":[513],\"src\":[1537],\"initials\":[1537],\"size\":[1537],\"color\":[513]}]]],[\"nv-notification\",[[4,\"nv-notification\",{\"uid\":[513],\"feedback\":[513],\"emphasis\":[513],\"heading\":[513],\"message\":[513],\"icon\":[513],\"dismissible\":[516],\"hidden\":[1540],\"initiallyHidden\":[516,\"initially-hidden\"],\"dismiss\":[64],\"show\":[64]}]]],[\"nv-breadcrumbs\",[[4,\"nv-breadcrumbs\"]]],[\"nv-buttongroup\",[[4,\"nv-buttongroup\",{\"size\":[513],\"emphasis\":[513],\"fluid\":[516],\"orientation\":[513]},null,{\"emphasis\":[\"onEmphasisChange\"],\"size\":[\"onSizeChange\"],\"fluid\":[\"onFluidChange\"]}]]],[\"nv-col\",[[4,\"nv-col\",{\"size\":[514]}]]],[\"nv-datagridcolumn\",[[4,\"nv-datagridcolumn\",{\"header\":[513],\"accessor\":[513],\"repeatTemplate\":[516,\"repeat-template\"],\"group\":[513]}]]],[\"nv-fieldradio\",[[68,\"nv-fieldradio\",{\"message\":[513],\"labelBefore\":[516,\"label-before\"],\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[1537,\"label-placement\"],\"description\":[1537],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"checked\":[1540],\"disabled\":[516],\"autofocus\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"handleCheckedChange\"]}]]],[\"nv-fieldtextarea\",[[68,\"nv-fieldtextarea\",{\"message\":[513],\"validation\":[513],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"rows\":[514],\"resize\":[513],\"autosize\":[516],\"autofocus\":[516],\"fluid\":[516]},null,{\"rows\":[\"rowsChanged\"],\"autosize\":[\"autosizeChanged\"],\"value\":[\"handleValueChange\"]}]]],[\"nv-notificationcontainer\",[[4,\"nv-notificationcontainer\",{\"position\":[513]}]]],[\"nv-row\",[[4,\"nv-row\"]]],[\"nv-split\",[[4,\"nv-split\",{\"direction\":[513],\"sizes\":[1040],\"minSizes\":[16],\"gutterSize\":[514,\"gutter-size\"],\"isDragging\":[32],\"setSizes\":[64],\"getSizes\":[64],\"collapse\":[64],\"destroy\":[64]},null,{\"sizes\":[\"onSizesChanged\"],\"direction\":[\"onDirectionChanged\"]}]]],[\"nv-stack\",[[4,\"nv-stack\",{\"gutter\":[514],\"fill\":[516],\"flex\":[516],\"full\":[516],\"vertical\":[516]}]]],[\"nv-table\",[[4,\"nv-table\",null,[[1,\"pointerdown\",\"onPointerDown\"],[9,\"pointermove\",\"onPointerMove\"],[9,\"pointerup\",\"onPointerUp\"],[9,\"pointercancel\",\"onPointerUp\"]]]]],[\"nv-toggle\",[[68,\"nv-toggle\",{\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[513,\"label-placement\"],\"hideLabel\":[516,\"hide-label\"],\"description\":[513],\"checked\":[1540],\"disabled\":[516],\"readonly\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"onCheckedChanged\"]}]]],[\"nv-togglebutton\",[[4,\"nv-togglebutton\",{\"size\":[513],\"value\":[513],\"disabled\":[516],\"active\":[516],\"emphasis\":[513]}]]],[\"nv-togglebuttongroup\",[[4,\"nv-togglebuttongroup\",{\"value\":[1040],\"exclusive\":[516],\"enforceValue\":[516,\"enforce-value\"],\"emphasis\":[513],\"size\":[513]},[[0,\"toggled\",\"onToggled\"]],{\"value\":[\"onValueChanged\"],\"emphasis\":[\"onEmphasisChanged\"],\"size\":[\"onSizeChanged\"]}]]],[\"nv-icon\",[[0,\"nv-icon\",{\"xsmall\":[516],\"small\":[516],\"medium\":[516],\"large\":[516],\"xlarge\":[516],\"color\":[513],\"name\":[513],\"size\":[1537]}]]],[\"nv-menu\",[[4,\"nv-menu\",{\"open\":[1540],\"nested\":[516],\"disableCloseOnSelect\":[516,\"disable-close-on-select\"],\"placement\":[513],\"items\":[16],\"show\":[64],\"close\":[64]},[[0,\"menuitemSelected\",\"handleMenuItemSelect\"],[0,\"keydown\",\"handleKeydown\"],[0,\"openChanged\",\"handleOpenChanged\"]],{\"open\":[\"handleOpenChange\"]}]]],[\"nv-iconbutton_2\",[[68,\"nv-iconbutton\",{\"size\":[513],\"emphasis\":[513],\"loading\":[1540],\"disabled\":[1540],\"active\":[516],\"name\":[513],\"type\":[513],\"shape\":[513],\"disableTabindex\":[516,\"disable-tabindex\"]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"touchstart\",\"handleTouchStart\"]],{\"loading\":[\"handleLoadingChange\"],\"disabled\":[\"handleDisabledChange\"]}],[0,\"nv-loader\",{\"size\":[513],\"color\":[513]}]]],[\"nv-accordion-item\",[[4,\"nv-accordion-item\",{\"itemTitle\":[513,\"item-title\"],\"subtitle\":[513],\"open\":[1540],\"disabled\":[516],\"maxContentHeight\":[514,\"max-content-height\"],\"mode\":[513],\"currentOpenState\":[32],\"isInitialized\":[32],\"isAnimating\":[32],\"toggle\":[64]},null,{\"open\":[\"onOpenChanged\"]}]]],[\"nv-fieldnumber\",[[68,\"nv-fieldnumber\",{\"message\":[513],\"validation\":[513],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"max\":[514],\"min\":[514],\"step\":[514],\"value\":[1538],\"autofocus\":[516],\"fluid\":[516]},null,{\"value\":[\"watchValueHandler\"]}]]],[\"nv-fielddropdownitem\",[[4,\"nv-fielddropdownitem\",{\"disabled\":[516],\"selected\":[516],\"value\":[1537],\"label\":[513],\"detached\":[516]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"nv-fieldtext\",[[68,\"nv-fieldtext\",{\"message\":[513],\"validation\":[513],\"textInputType\":[513,\"text-input-type\"],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"type\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"pattern\":[513],\"autocomplete\":[513],\"multiple\":[516],\"autofocus\":[516],\"fluid\":[516]}]]],[\"nv-menuitem\",[[4,\"nv-menuitem\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"shortcut\":[513],\"hasSubmenu\":[516,\"has-submenu\"],\"name\":[513]},[[2,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"nv-tooltip\",[[4,\"nv-tooltip\",{\"triggerElement\":[1040],\"message\":[513],\"placement\":[513],\"enterDelay\":[514,\"enter-delay\"],\"strategy\":[513]}]]],[\"nv-button\",[[68,\"nv-button\",{\"size\":[513],\"emphasis\":[513],\"active\":[516],\"danger\":[516],\"loading\":[1540],\"disabled\":[1540],\"fluid\":[516],\"type\":[513],\"form\":[513],\"disableTabindex\":[516,\"disable-tabindex\"]},[[0,\"keydown\",\"handleKeyDown\"]],{\"loading\":[\"handleLoadingChange\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"nv-dialogfooter_2\",[[68,\"nv-dialogfooter\",{\"disabled\":[516],\"undismissable\":[516],\"leadingIcon\":[513,\"leading-icon\"],\"trailingIcon\":[513,\"trailing-icon\"],\"danger\":[516],\"cancelLabel\":[513,\"cancel-label\"],\"primaryLabel\":[513,\"primary-label\"],\"primaryButtonType\":[1537,\"primary-button-type\"],\"form\":[513]}],[4,\"nv-dialogheader\",{\"heading\":[513],\"subheading\":[513]}]]],[\"nv-fieldcheckbox\",[[68,\"nv-fieldcheckbox\",{\"message\":[513],\"validation\":[513],\"labelBefore\":[516,\"label-before\"],\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[1537,\"label-placement\"],\"hideLabel\":[516,\"hide-label\"],\"description\":[1537],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"checked\":[1540],\"indeterminate\":[1540],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"autofocus\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"onCheckedChanged\"]}]]],[\"nv-badge_2\",[[4,\"nv-badge\",{\"dismissal\":[516],\"icon\":[513],\"iconLocation\":[513,\"icon-location\"],\"color\":[513],\"label\":[513],\"leadIcon\":[1537,\"lead-icon\"],\"dismissible\":[1540],\"hidden\":[1540],\"preventAutoClose\":[516,\"prevent-auto-close\"],\"isIconOnly\":[516,\"is-icon-only\"],\"_isHidden\":[32]},null,{\"dismissal\":[\"handleDismissalChange\"],\"icon\":[\"handleIconChange\"],\"hidden\":[\"handleHiddenChange\"]}],[4,\"nv-fielddropdownitemcheck\",{\"checked\":[1540],\"value\":[513],\"label\":[513],\"description\":[513],\"group\":[513],\"disabled\":[516]}]]],[\"nv-calendar\",[[4,\"nv-calendar\",{\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[1538,\"number-of-calendars\"],\"value\":[1537],\"singleValue\":[1537,\"single-value\"],\"rangeValue\":[1040],\"min\":[513],\"max\":[513],\"disabledDates\":[16],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"selectionType\":[513,\"selection-type\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"cancelLabel\":[513,\"cancel-label\"],\"primaryLabel\":[513,\"primary-label\"],\"currentDate\":[32],\"selectedDate\":[32],\"startDate\":[32],\"endDate\":[32],\"hoverDate\":[32],\"months\":[32],\"clear\":[64]},null,{\"numberOfCalendars\":[\"validateNumberOfCalendars\"],\"rangeValue\":[\"onRangeValueChange\"],\"disabledDates\":[\"handleDisabledDatesChange\"],\"singleValue\":[\"onSingleValueChange\"],\"value\":[\"onValueChange\"]}]]],[\"nv-popover\",[[4,\"nv-popover\",{\"triggerElement\":[1040],\"open\":[1540],\"triggerMode\":[513,\"trigger-mode\"],\"placement\":[513],\"strategy\":[513],\"groupName\":[513,\"group-name\"],\"offset\":[514],\"hasArrow\":[516,\"has-arrow\"],\"disableFlip\":[516,\"disable-flip\"],\"shiftPadding\":[514,\"shift-padding\"],\"enterDelay\":[514,\"enter-delay\"],\"nested\":[516],\"show\":[64],\"hide\":[64],\"toggle\":[64]},[[4,\"openChanged\",\"handleOpenChanged\"]],{\"open\":[\"handleOpenChange\"],\"strategy\":[\"handleStrategyChange\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"nv-fieldmultiselect\",[[68,\"nv-fieldmultiselect\",{\"label\":[513],\"inputId\":[513,\"input-id\"],\"name\":[513],\"description\":[513],\"placeholder\":[513],\"autocomplete\":[513],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"maxHeight\":[513,\"max-height\"],\"open\":[1540],\"fluid\":[516],\"options\":[1040],\"value\":[1040],\"filterable\":[516],\"emptyResult\":[513,\"empty-result\"],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"badgeLabel\":[513,\"badge-label\"],\"filterText\":[1537,\"filter-text\"],\"enableSelectAll\":[516,\"enable-select-all\"],\"selectAllLabel\":[513,\"select-all-label\"],\"deselectAllLabel\":[513,\"deselect-all-label\"],\"sortedOptions\":[32],\"isHandlingEscape\":[32],\"hasFilterResults\":[32],\"isSelectAllSectionVisible\":[32],\"getFilterText\":[64],\"resetFilter\":[64],\"getSelectedValues\":[64],\"selectAll\":[64],\"deselectAll\":[64],\"toggleSelectAll\":[64]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"itemChecked\",\"handleItemChecked\"],[0,\"slotchange\",\"handleSlotChange\"],[0,\"keydown\",\"handleKeyDown\"]],{\"options\":[\"handleOptionsChange\"],\"value\":[\"watchValueHandler\"],\"open\":[\"handleOpenChange\"]}]]],[\"nv-dialog\",[[4,\"nv-dialog\",{\"triggerElement\":[1040],\"headerElement\":[1040],\"footerElement\":[1040],\"open\":[1540],\"undismissable\":[516],\"clickOutside\":[516,\"click-outside\"],\"controlled\":[516],\"full\":[516],\"autofocus\":[516],\"show\":[64],\"close\":[64]},[[4,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"handleDialogOpenChange\"]}]]],[\"nv-fielddate\",[[4,\"nv-fielddate\",{\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"autofocus\":[516],\"value\":[1537],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[514,\"number-of-calendars\"],\"min\":[513],\"max\":[513],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[16],\"fluid\":[516],\"singleValue\":[32],\"open\":[32],\"clear\":[64]},[[0,\"singleDateChange\",\"handleSingleDateChange\"],[0,\"closePopover\",\"handleClosePopover\"],[4,\"click\",\"handleDocumentClick\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenChange\"]}]]],[\"nv-fielddaterange\",[[4,\"nv-fielddaterange\",{\"startInputId\":[513,\"start-input-id\"],\"endInputId\":[513,\"end-input-id\"],\"label\":[513],\"description\":[513],\"startPlaceholder\":[513,\"start-placeholder\"],\"endPlaceholder\":[513,\"end-placeholder\"],\"startName\":[513,\"start-name\"],\"endName\":[513,\"end-name\"],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"autofocus\":[516],\"value\":[1537],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[514,\"number-of-calendars\"],\"min\":[513],\"max\":[513],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[16],\"fluid\":[516],\"startValue\":[32],\"endValue\":[32],\"open\":[32],\"clear\":[64]},[[0,\"rangeDateChange\",\"handleRangeDateChange\"],[0,\"valueChanged\",\"handleCalendarValueChanged\"],[0,\"closePopover\",\"handleClosePopover\"],[0,\"applyDateRange\",\"handleApplyDateRange\"],[0,\"singleDateChange\",\"handleDateReset\"],[0,\"rangeDateChange\",\"handleDateReset\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"onOpenChanged\"]}]]],[\"nv-fielddropdown\",[[68,\"nv-fielddropdown\",{\"inputId\":[513,\"input-id\"],\"name\":[513],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"autocomplete\":[513],\"value\":[1537],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"maxHeight\":[513,\"max-height\"],\"emptyResult\":[513,\"empty-result\"],\"filterable\":[516],\"openOnSelect\":[516,\"open-on-select\"],\"controlledFilter\":[516,\"controlled-filter\"],\"options\":[16],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"fluid\":[516],\"filterText\":[32],\"selectedValues\":[32],\"open\":[32],\"clearFilter\":[64],\"toggleDropdown\":[64]},[[0,\"dropdownItemSelected\",\"handleDropdownItemSelected\"],[3,\"focus\",\"handleFocus\"],[3,\"focusout\",\"handleFocusOut\"],[0,\"keydown\",\"handleKeyDown\"],[4,\"click\",\"handleDocumentClick\"]],{\"open\":[\"handleOpenChange\"],\"value\":[\"handleValueChange\"],\"options\":[\"handleOptionsChange\"]}]]],[\"nv-accordion\",[[4,\"nv-accordion\",{\"data\":[16],\"mode\":[513],\"openIndexes\":[1040],\"updatingFromInternal\":[32],\"open\":[64],\"close\":[64]},[[0,\"itemToggle\",\"onItemToggle\"]],{\"openIndexes\":[\"onOpenIndexesChange\"],\"mode\":[\"onModeChange\"]}]]],[\"nv-fieldslider\",[[68,\"nv-fieldslider\",{\"startInputId\":[513,\"start-input-id\"],\"endInputId\":[513,\"end-input-id\"],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"description\":[513],\"hasField\":[516,\"has-field\"],\"range\":[516],\"disabled\":[516],\"readonly\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"value\":[1040],\"step\":[514],\"snap\":[516],\"snapTicks\":[516,\"snap-ticks\"],\"name\":[513],\"endName\":[513,\"end-name\"],\"min\":[514],\"max\":[514],\"showTicks\":[516,\"show-ticks\"],\"ticks\":[16],\"fluid\":[516],\"labelBeforeValue\":[513,\"label-before-value\"],\"labelAfterValue\":[513,\"label-after-value\"],\"isDragging\":[32],\"activeDragThumb\":[32],\"internalTicks\":[32],\"rawPosition\":[32],\"rawRangePosition\":[32],\"valueInternal\":[32],\"rangeValueInternal\":[32]},null,{\"value\":[\"onValueChange\"],\"min\":[\"onConfigChange\"],\"max\":[\"onConfigChange\"],\"step\":[\"onConfigChange\"],\"ticks\":[\"onConfigChange\"],\"showTicks\":[\"onConfigChange\"],\"snap\":[\"onConfigChange\"],\"snapTicks\":[\"onConfigChange\"],\"range\":[\"onRangeChange\"]}]]],[\"nv-fieldtime\",[[68,\"nv-fieldtime\",{\"value\":[1537],\"label\":[513],\"inputId\":[513,\"input-id\"],\"readonly\":[516],\"disabled\":[516],\"required\":[516],\"name\":[513],\"success\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"format\":[513],\"description\":[513],\"open\":[1540],\"step\":[514],\"max\":[513],\"min\":[513],\"autofocus\":[516],\"hours\":[32],\"minutes\":[32],\"seconds\":[32]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenChange\"],\"format\":[\"handleFormatChange\"]}]]],[\"nv-fieldpassword\",[[68,\"nv-fieldpassword\",{\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"pattern\":[513],\"mode\":[513],\"autocomplete\":[513],\"hidePasswordIcon\":[516,\"hide-password-icon\"],\"showPassword\":[516,\"show-password\"],\"autofocus\":[516],\"fluid\":[516],\"showPasswordState\":[32]},null,{\"showPassword\":[\"handleShowPasswordChange\"]}]]],[\"nv-fieldselect\",[[68,\"nv-fieldselect\",{\"message\":[513],\"validation\":[513],\"options\":[16],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"multiple\":[516],\"value\":[1537],\"displayValue\":[516,\"display-value\"],\"autofocus\":[516],\"fluid\":[516],\"computedDisplayValue\":[32],\"internalReadonly\":[32]},null,{\"value\":[\"updateDisplayValueWatcher\"],\"displayValue\":[\"handleDisplayValueChange\"],\"readonly\":[\"handleReadonlyChange\"],\"options\":[\"handleOptionsChange\"]}]]],[\"nv-tableheader\",[[4,\"nv-tableheader\",{\"sortable\":[516],\"sortDirection\":[1537,\"sort-direction\"]}]]],[\"nv-breadcrumb\",[[4,\"nv-breadcrumb\",{\"type\":[513],\"tooltip\":[513],\"current\":[516]}]]],[\"nv-datagrid\",[[4,\"nv-datagrid\",{\"data\":[16],\"columns\":[16],\"fallbackValue\":[513,\"fallback-value\"],\"noDataMessage\":[513,\"no-data-message\"],\"noColumnsNoDataMessage\":[513,\"no-columns-no-data-message\"],\"autoGenerateColumns\":[516,\"auto-generate-columns\"],\"enableGlobalFilter\":[516,\"enable-global-filter\"],\"globalFilterPosition\":[513,\"global-filter-position\"],\"enablePagination\":[516,\"enable-pagination\"],\"pageSize\":[514,\"page-size\"],\"pageSizes\":[16],\"enableSorting\":[516,\"enable-sorting\"],\"enableRowSelection\":[516,\"enable-row-selection\"],\"state\":[16],\"table\":[32],\"parsedColumns\":[32],\"parsedData\":[32],\"globalFilterSearchTerm\":[32],\"columnData\":[32],\"paginationState\":[32],\"sortingState\":[32],\"rowSelectionState\":[32]},null,{\"columns\":[\"parseColumns\"],\"data\":[\"parseData\"],\"parsedColumns\":[\"handleParsedChange\"],\"parsedData\":[\"handleParsedChange\"],\"globalFilterSearchTerm\":[\"handleGlobalFilterSearchTerm\",\"handleInternalStateChange\"],\"paginationState\":[\"handlePaginationState\",\"handleInternalStateChange\"],\"sortingState\":[\"handleSortingState\",\"handleInternalStateChange\"],\"pageSize\":[\"handlePageSize\"],\"rowSelectionState\":[\"handleRowSelectionState\"],\"state\":[\"handleStateChange\"]}]]],[\"nv-sidebarnavitem\",[[4,\"nv-sidebarnavitem\",{\"icon\":[513],\"active\":[1540],\"collapsible\":[516],\"open\":[1540],\"notificationCount\":[514,\"notification-count\"],\"hasSubitems\":[32],\"isSidebarCollapsed\":[32]},null,{\"open\":[\"onOpenChanged\"]}]]],[\"nv-alert\",[[4,\"nv-alert\",{\"color\":[513],\"feedback\":[1537],\"message\":[513],\"heading\":[513],\"icon\":[513],\"dismissible\":[516],\"preventAutoClose\":[516,\"prevent-auto-close\"],\"hidden\":[1540],\"hasNoAnimations\":[516,\"has-no-animations\"]},null,{\"hidden\":[\"handleHiddenChange\"]}]]],[\"nv-avatar\",[[4,\"nv-avatar\",{\"xsmall\":[516],\"small\":[516],\"medium\":[516],\"large\":[516],\"xlarge\":[516],\"text\":[513],\"url\":[513],\"alt\":[513],\"src\":[1537],\"initials\":[1537],\"size\":[1537],\"color\":[513]}]]],[\"nv-notification\",[[4,\"nv-notification\",{\"uid\":[513],\"feedback\":[513],\"emphasis\":[513],\"heading\":[513],\"message\":[513],\"icon\":[513],\"dismissible\":[516],\"hidden\":[1540],\"initiallyHidden\":[516,\"initially-hidden\"],\"dismiss\":[64],\"show\":[64]}]]],[\"nv-sidebar\",[[4,\"nv-sidebar\",{\"type\":[513],\"open\":[1540],\"activePath\":[513,\"active-path\"],\"notificationIntention\":[513,\"notification-intention\"],\"notificationEmphasis\":[513,\"notification-emphasis\"]},null,{\"activePath\":[\"onActivePathChanged\"],\"open\":[\"onOpenChanged\"]}]]],[\"nv-breadcrumbs\",[[4,\"nv-breadcrumbs\"]]],[\"nv-buttongroup\",[[4,\"nv-buttongroup\",{\"size\":[513],\"emphasis\":[513],\"fluid\":[516],\"orientation\":[513]},null,{\"emphasis\":[\"onEmphasisChange\"],\"size\":[\"onSizeChange\"],\"fluid\":[\"onFluidChange\"]}]]],[\"nv-col\",[[4,\"nv-col\",{\"size\":[514]}]]],[\"nv-datagridcolumn\",[[4,\"nv-datagridcolumn\",{\"header\":[513],\"accessor\":[513],\"repeatTemplate\":[516,\"repeat-template\"],\"group\":[513]}]]],[\"nv-fieldradio\",[[68,\"nv-fieldradio\",{\"message\":[513],\"labelBefore\":[516,\"label-before\"],\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[1537,\"label-placement\"],\"description\":[1537],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"checked\":[1540],\"disabled\":[516],\"autofocus\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"handleCheckedChange\"]}]]],[\"nv-fieldtextarea\",[[68,\"nv-fieldtextarea\",{\"message\":[513],\"validation\":[513],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"rows\":[514],\"resize\":[513],\"autosize\":[516],\"autofocus\":[516],\"fluid\":[516]},null,{\"rows\":[\"rowsChanged\"],\"autosize\":[\"autosizeChanged\"],\"value\":[\"handleValueChange\"]}]]],[\"nv-notificationcontainer\",[[4,\"nv-notificationcontainer\",{\"position\":[513]}]]],[\"nv-row\",[[4,\"nv-row\"]]],[\"nv-sidebarcontent\",[[4,\"nv-sidebarcontent\"]]],[\"nv-sidebardivider\",[[0,\"nv-sidebardivider\"]]],[\"nv-sidebarfooter\",[[4,\"nv-sidebarfooter\"]]],[\"nv-sidebargroup\",[[4,\"nv-sidebargroup\",{\"label\":[513]}]]],[\"nv-sidebarheader\",[[4,\"nv-sidebarheader\"]]],[\"nv-sidebarlogo\",[[0,\"nv-sidebarlogo\",{\"label\":[513],\"logo\":[513],\"collapsedLogo\":[513,\"collapsed-logo\"]}]]],[\"nv-sidebarnavsubitem\",[[4,\"nv-sidebarnavsubitem\",{\"active\":[516]}]]],[\"nv-split\",[[4,\"nv-split\",{\"direction\":[513],\"sizes\":[1040],\"minSizes\":[16],\"gutterSize\":[514,\"gutter-size\"],\"isDragging\":[32],\"setSizes\":[64],\"getSizes\":[64],\"collapse\":[64],\"destroy\":[64]},null,{\"sizes\":[\"onSizesChanged\"],\"direction\":[\"onDirectionChanged\"]}]]],[\"nv-stack\",[[4,\"nv-stack\",{\"gutter\":[514],\"fill\":[516],\"flex\":[516],\"full\":[516],\"vertical\":[516]}]]],[\"nv-table\",[[4,\"nv-table\",null,[[1,\"pointerdown\",\"onPointerDown\"],[9,\"pointermove\",\"onPointerMove\"],[9,\"pointerup\",\"onPointerUp\"],[9,\"pointercancel\",\"onPointerUp\"]]]]],[\"nv-toggle\",[[68,\"nv-toggle\",{\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[513,\"label-placement\"],\"hideLabel\":[516,\"hide-label\"],\"description\":[513],\"checked\":[1540],\"disabled\":[516],\"readonly\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"onCheckedChanged\"]}]]],[\"nv-togglebutton\",[[4,\"nv-togglebutton\",{\"size\":[513],\"value\":[513],\"disabled\":[516],\"active\":[516],\"emphasis\":[513]}]]],[\"nv-togglebuttongroup\",[[4,\"nv-togglebuttongroup\",{\"value\":[1040],\"exclusive\":[516],\"enforceValue\":[516,\"enforce-value\"],\"emphasis\":[513],\"size\":[513]},[[0,\"toggled\",\"onToggled\"]],{\"value\":[\"onValueChanged\"],\"emphasis\":[\"onEmphasisChanged\"],\"size\":[\"onSizeChanged\"]}]]],[\"nv-popover\",[[4,\"nv-popover\",{\"triggerElement\":[1040],\"open\":[1540],\"triggerMode\":[513,\"trigger-mode\"],\"placement\":[513],\"strategy\":[513],\"groupName\":[513,\"group-name\"],\"offset\":[514],\"hasArrow\":[516,\"has-arrow\"],\"disableFlip\":[516,\"disable-flip\"],\"shiftPadding\":[514,\"shift-padding\"],\"enterDelay\":[514,\"enter-delay\"],\"nested\":[516],\"show\":[64],\"hide\":[64],\"toggle\":[64]},[[4,\"openChanged\",\"handleOpenChanged\"]],{\"open\":[\"handleOpenChange\"],\"strategy\":[\"handleStrategyChange\"]}]]],[\"nv-icon\",[[0,\"nv-icon\",{\"xsmall\":[516],\"small\":[516],\"medium\":[516],\"large\":[516],\"xlarge\":[516],\"color\":[513],\"name\":[513],\"size\":[1537]}]]],[\"nv-menu\",[[4,\"nv-menu\",{\"open\":[1540],\"nested\":[516],\"disableCloseOnSelect\":[516,\"disable-close-on-select\"],\"placement\":[513],\"items\":[16],\"show\":[64],\"close\":[64]},[[0,\"menuitemSelected\",\"handleMenuItemSelect\"],[0,\"keydown\",\"handleKeydown\"],[0,\"openChanged\",\"handleOpenChanged\"]],{\"open\":[\"handleOpenChange\"]}]]],[\"nv-accordion-item\",[[4,\"nv-accordion-item\",{\"itemTitle\":[513,\"item-title\"],\"subtitle\":[513],\"open\":[1540],\"disabled\":[516],\"maxContentHeight\":[514,\"max-content-height\"],\"mode\":[513],\"currentOpenState\":[32],\"isInitialized\":[32],\"isAnimating\":[32],\"toggle\":[64]},null,{\"open\":[\"onOpenChanged\"]}]]],[\"nv-fieldnumber\",[[68,\"nv-fieldnumber\",{\"message\":[513],\"validation\":[513],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"max\":[514],\"min\":[514],\"step\":[514],\"value\":[1538],\"autofocus\":[516],\"fluid\":[516]},null,{\"value\":[\"watchValueHandler\"]}]]],[\"nv-fielddropdownitem\",[[4,\"nv-fielddropdownitem\",{\"disabled\":[516],\"selected\":[516],\"value\":[1537],\"label\":[513],\"detached\":[516]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"nv-fieldtext\",[[68,\"nv-fieldtext\",{\"message\":[513],\"validation\":[513],\"textInputType\":[513,\"text-input-type\"],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"type\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"pattern\":[513],\"autocomplete\":[513],\"multiple\":[516],\"autofocus\":[516],\"fluid\":[516]}]]],[\"nv-menuitem\",[[4,\"nv-menuitem\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"shortcut\":[513],\"hasSubmenu\":[516,\"has-submenu\"],\"name\":[513]},[[2,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"nv-tooltip\",[[4,\"nv-tooltip\",{\"triggerElement\":[1040],\"message\":[513],\"placement\":[513],\"enterDelay\":[514,\"enter-delay\"],\"strategy\":[513]}]]],[\"nv-notification-bullet\",[[0,\"nv-notification-bullet\",{\"count\":[514],\"intention\":[513],\"emphasis\":[513],\"size\":[513],\"contrastingBorder\":[516,\"contrasting-border\"]}]]],[\"nv-dialogfooter_2\",[[68,\"nv-dialogfooter\",{\"disabled\":[516],\"undismissable\":[516],\"leadingIcon\":[513,\"leading-icon\"],\"trailingIcon\":[513,\"trailing-icon\"],\"danger\":[516],\"cancelLabel\":[513,\"cancel-label\"],\"primaryLabel\":[513,\"primary-label\"],\"primaryButtonType\":[1537,\"primary-button-type\"],\"form\":[513]}],[4,\"nv-dialogheader\",{\"heading\":[513],\"subheading\":[513]}]]],[\"nv-fieldcheckbox\",[[68,\"nv-fieldcheckbox\",{\"message\":[513],\"validation\":[513],\"labelBefore\":[516,\"label-before\"],\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[1537,\"label-placement\"],\"hideLabel\":[516,\"hide-label\"],\"description\":[1537],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"checked\":[1540],\"indeterminate\":[1540],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"autofocus\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"onCheckedChanged\"]}]]],[\"nv-badge_2\",[[4,\"nv-badge\",{\"dismissal\":[516],\"icon\":[513],\"iconLocation\":[513,\"icon-location\"],\"color\":[513],\"label\":[513],\"leadIcon\":[1537,\"lead-icon\"],\"dismissible\":[1540],\"hidden\":[1540],\"preventAutoClose\":[516,\"prevent-auto-close\"],\"isIconOnly\":[516,\"is-icon-only\"],\"_isHidden\":[32]},null,{\"dismissal\":[\"handleDismissalChange\"],\"icon\":[\"handleIconChange\"],\"hidden\":[\"handleHiddenChange\"]}],[4,\"nv-fielddropdownitemcheck\",{\"checked\":[1540],\"value\":[513],\"label\":[513],\"description\":[513],\"group\":[513],\"disabled\":[516]}]]],[\"nv-button\",[[68,\"nv-button\",{\"size\":[513],\"emphasis\":[513],\"active\":[516],\"danger\":[516],\"loading\":[1540],\"disabled\":[1540],\"fluid\":[516],\"type\":[513],\"form\":[513],\"disableTabindex\":[516,\"disable-tabindex\"]},[[0,\"keydown\",\"handleKeyDown\"]],{\"loading\":[\"handleLoadingChange\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"nv-calendar\",[[4,\"nv-calendar\",{\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[1538,\"number-of-calendars\"],\"value\":[1537],\"singleValue\":[1537,\"single-value\"],\"rangeValue\":[1040],\"min\":[513],\"max\":[513],\"disabledDates\":[16],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"selectionType\":[513,\"selection-type\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"cancelLabel\":[513,\"cancel-label\"],\"primaryLabel\":[513,\"primary-label\"],\"currentDate\":[32],\"selectedDate\":[32],\"startDate\":[32],\"endDate\":[32],\"hoverDate\":[32],\"months\":[32],\"clear\":[64]},null,{\"numberOfCalendars\":[\"validateNumberOfCalendars\"],\"rangeValue\":[\"onRangeValueChange\"],\"disabledDates\":[\"handleDisabledDatesChange\"],\"singleValue\":[\"onSingleValueChange\"],\"value\":[\"onValueChange\"]}]]],[\"nv-iconbutton_2\",[[68,\"nv-iconbutton\",{\"size\":[513],\"emphasis\":[513],\"loading\":[1540],\"disabled\":[1540],\"active\":[516],\"name\":[513],\"type\":[513],\"shape\":[513],\"disableTabindex\":[516,\"disable-tabindex\"]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"touchstart\",\"handleTouchStart\"]],{\"loading\":[\"handleLoadingChange\"],\"disabled\":[\"handleDisabledChange\"]}],[0,\"nv-loader\",{\"size\":[513],\"color\":[513]}]]]]"), options);
 };
 
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a);}})();
@@ -34283,9 +35315,19 @@ exports.NvLoader = NvLoader;
 exports.NvMenu = NvMenu;
 exports.NvMenuitem = NvMenuitem;
 exports.NvNotification = NvNotification;
+exports.NvNotificationBullet = NvNotificationBullet;
 exports.NvNotificationcontainer = NvNotificationcontainer;
 exports.NvPopover = NvPopover;
 exports.NvRow = NvRow;
+exports.NvSidebar = NvSidebar;
+exports.NvSidebarcontent = NvSidebarcontent;
+exports.NvSidebardivider = NvSidebardivider;
+exports.NvSidebarfooter = NvSidebarfooter;
+exports.NvSidebargroup = NvSidebargroup;
+exports.NvSidebarheader = NvSidebarheader;
+exports.NvSidebarlogo = NvSidebarlogo;
+exports.NvSidebarnavitem = NvSidebarnavitem;
+exports.NvSidebarnavsubitem = NvSidebarnavsubitem;
 exports.NvSplit = NvSplit;
 exports.NvStack = NvStack;
 exports.NvTable = NvTable;