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

package/dist/cjs/nv-sidebarnavsubitem.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-eLt3bBQs.js');
+var index = require('./index-Bj9nnTVm.js');
 
 const nvSidebarnavsubitemCss = () => `nv-sidebarnavsubitem{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--sidebar-item-padding-y) var(--sidebar-item-padding-x) var(--sidebar-item-padding-y) calc(var(--sidebar-sub-item-padding-left) + var(--sidebar-item-padding-x));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-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-interaction-container-neutral-text-active);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}`;
 
@@ -24,7 +24,7 @@ const NvSidebarnavsubitem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '05f74ef3cf6f93804e4446fe23977d8773deb7e2', role: "listitem", "aria-current": this.active ? 'page' : undefined }, index.h("div", { key: 'f1f2db51fbff9c2f58ba317cb5fcbe1805cd189b', class: "nv-sidebarnavsubitem-indicator" }), index.h("div", { key: 'c476dfbda77ee7bcca1338ef8d8b103806e6e3a7', class: "nv-sidebarnavsubitem-content" }, index.h("slot", { key: 'b80cb20a4f13b691cbd31c344d442f8a23585a26' })), index.h("div", { key: '383dc01158c4752506a6069be9abe2e20b83b9e4', class: "nv-sidebarnavsubitem-trailing" }, index.h("slot", { key: '2c63f696dd64ef8f680f3b85959d756952fd8db4', name: "trailing" }))));
+        return (index.h(index.Host, { key: '868adf5adb19818ca6caab0f866bfd9c2bf1c6f6', role: "listitem", "aria-current": this.active ? 'page' : undefined }, index.h("div", { key: '212d3e04dde99a698081e8ffc3aa39e696883794', class: "nv-sidebarnavsubitem-indicator" }), index.h("div", { key: '2ac964d11cdc914e329a0b6edcc6753d8182e60d', class: "nv-sidebarnavsubitem-content" }, index.h("slot", { key: 'be2a8d0b2e81f6f299ae9574c1358cfba28ed1a9' })), index.h("div", { key: '62e4e65e5c502c379851201cf038c6ca49ec051d', class: "nv-sidebarnavsubitem-trailing" }, index.h("slot", { key: '45cb80e9cbc0ab886ff7124035e781ae7f616f75', name: "trailing" }))));
     }
 };
 NvSidebarnavsubitem.style = nvSidebarnavsubitemCss();

package/dist/cjs/nv-split.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-eLt3bBQs.js');
+var index = require('./index-Bj9nnTVm.js');
 
 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(--components-splitter-line-background);transition:background-color 0.2s ease}nv-split .nv-split-gutter:hover::after{background:var(--components-splitter-line-background-hover)}nv-split .nv-split-gutter::before{content:"";background:var(--components-splitter-handle-background);position:absolute;background-repeat:no-repeat;background-position:center;transition:all 0.2s ease;pointer-events:none}nv-split[direction=horizontal]>.nv-split-gutter{width:var(--splitter-gutter);top:0;bottom:0;transform:translateX(-50%);cursor:col-resize}nv-split[direction=horizontal]>.nv-split-gutter::after{width:var(--splitter-line-width);background-color:var(--components-splitter-line-background);height:100%;left:50%;top:0%;transform:translateX(-50%)}nv-split[direction=horizontal]>.nv-split-gutter:hover::after{background-color:var(--components-splitter-line-background-hover)}nv-split[direction=horizontal]>.nv-split-gutter:active::after{background-color:var(--components-splitter-line-background-active)}nv-split[direction=horizontal]>.nv-split-gutter::before{background-color:var(--components-splitter-handle-background);width:var(--splitter-handle-wide);height:var(--splitter-handle-long);border-radius:var(--splitter-handle-radius);z-index:11;transition:all 0.2s ease}nv-split[direction=horizontal]>.nv-split-gutter:hover::before{background-color:var(--components-splitter-handle-background-hover)}nv-split[direction=horizontal]>.nv-split-gutter:active::before{background-color:var(--components-splitter-handle-background-active)}nv-split[direction=vertical]>.nv-split-gutter{height:var(--splitter-gutter);left:0;right:0;transform:translateY(-50%);cursor:row-resize}nv-split[direction=vertical]>.nv-split-gutter::after{height:var(--splitter-line-width);background-color:var(--components-splitter-line-background);width:100%;top:50%;left:0%;transform:translateY(-50%)}nv-split[direction=vertical]>.nv-split-gutter:hover::after{background-color:var(--components-splitter-line-background-hover)}nv-split[direction=vertical]>.nv-split-gutter:active::after{background-color:var(--components-splitter-line-background-active)}nv-split[direction=vertical]>.nv-split-gutter::before{background-color:var(--components-splitter-handle-background);width:var(--splitter-handle-long);height:var(--splitter-handle-wide);border-radius:var(--splitter-handle-radius);z-index:11;transition:all 0.2s ease}nv-split[direction=vertical]>.nv-split-gutter:hover::before{background-color:var(--components-splitter-handle-background-hover)}nv-split[direction=vertical]>.nv-split-gutter:active::before{background-color:var(--components-splitter-handle-background-active)}nv-split[data-dragging=true]>.nv-split-gutter::after{background:var(--components-splitter-line-background-active)}nv-split>[slot=pane]{box-sizing:border-box;flex:1 1 auto;overflow:hidden;min-width:0;min-height:0;display:flex;flex-direction:column;margin:0 !important}nv-split>[slot=pane]>nv-split{flex:1 1 auto;width:100%;height:100%}`;
 
@@ -323,7 +323,7 @@ const NvSplit = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '8ad8bebda77f9868b9715280c0157f247057026d', "data-dragging": this.isDragging.toString() }, index.h("slot", { key: '8ca002feab0c3cd7755a5f1f53864e4e20585420', name: "pane" }), index.h("slot", { key: 'f7f7352ed8c326ec263f6d617bcd84fea02689ea', name: "gutter" })));
+        return (index.h(index.Host, { key: '91f106634a9f04a3b6aced262ea84e75b294255e', "data-dragging": this.isDragging.toString() }, index.h("slot", { key: '17fb1041dc82b510d8c303208891a2eb455b885a', name: "pane" }), index.h("slot", { key: '4900d19af850f103a191769ef23c0cd5d2531375', name: "gutter" }), index.h("slot", { key: 'bfad8d859270f46094655103f10182c25c2c94fe' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/nv-stack.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-eLt3bBQs.js');
+var index = require('./index-Bj9nnTVm.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const nvStackCss = () => `nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}`;
@@ -20,7 +20,7 @@ const NvStack = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '861c5eed0b6dc7cdd5bf3a2d07af92127e2025bf', class: clsx.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: '4cf3d3fb15fa6c4ed2d7d6bb70334965b0cca457' })));
+        return (index.h(index.Host, { key: 'fb4c34f7f678b980d4caceb71c420dc6de5d0322', class: clsx.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: '2a5b1b24802d9527f5d076a316401f2bb403c979' })));
     }
 };
 NvStack.style = nvStackCss();

package/dist/cjs/nv-statusindicator.cjs.entry.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var index = require('./index-Bj9nnTVm.js');
+var clsx = require('./clsx-BtxeOLZW.js');
+
+const nvStatusindicatorCss = () => `nv-statusindicator{display:inline-flex;align-items:center;gap:var(--status-indicator-gap-x);padding:var(--status-indicator-padding-y) var(--status-indicator-padding-x);height:var(--status-indicator-height);border-radius:var(--status-indicator-radius);border:1px solid;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--status-indicator-label-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--status-indicator-label-line-height);width:fit-content;vertical-align:middle}nv-statusindicator.status-success{color:var(--color-feedback-success-low-text);border-color:var(--color-feedback-success-low-border)}nv-statusindicator.status-success nv-icon{color:var(--color-feedback-success-low-icon)}nv-statusindicator.status-success.emphasis-high{background-color:var(--color-feedback-success-low-background);border-color:var(--color-feedback-success-low-border-subtle)}nv-statusindicator.status-warning{color:var(--color-feedback-warning-low-text);border-color:var(--color-feedback-warning-low-border)}nv-statusindicator.status-warning nv-icon{color:var(--color-feedback-warning-low-icon)}nv-statusindicator.status-warning.emphasis-high{background-color:var(--color-feedback-warning-low-background);border-color:var(--color-feedback-warning-low-border-subtle)}nv-statusindicator.status-error{color:var(--color-feedback-error-low-text);border-color:var(--color-feedback-error-low-border)}nv-statusindicator.status-error nv-icon{color:var(--color-feedback-error-low-icon)}nv-statusindicator.status-error.emphasis-high{background-color:var(--color-feedback-error-low-background);border-color:var(--color-feedback-error-low-border-subtle)}nv-statusindicator.status-information{color:var(--color-feedback-information-low-text);border-color:var(--color-feedback-information-low-border)}nv-statusindicator.status-information nv-icon{color:var(--color-feedback-information-low-icon)}nv-statusindicator.status-information.emphasis-high{background-color:var(--color-feedback-information-low-background);border-color:var(--color-feedback-information-low-border-subtle)}nv-statusindicator.status-neutral{color:var(--color-feedback-neutral-low-text);border-color:var(--color-feedback-neutral-low-border)}nv-statusindicator.status-neutral nv-icon{color:var(--color-feedback-neutral-low-icon)}nv-statusindicator.status-neutral.emphasis-high{background-color:var(--color-feedback-neutral-low-background);border-color:var(--color-feedback-neutral-low-border-subtle)}nv-statusindicator .nv-statusindicator-label{white-space:nowrap}`;
+
+const STATUS_ICONS = {
+    success: 'circle-check',
+    warning: 'alert-triangle',
+    error: 'alert-circle',
+    information: 'info-circle',
+    neutral: 'help',
+};
+const NvStatusindicator = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * The status variant of the indicator.
+         */
+        this.status = 'neutral';
+        /**
+         * The visual emphasis of the indicator.
+         */
+        this.emphasis = 'low';
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        const hasLabel = Boolean(this.label);
+        return (index.h(index.Host, { key: '2f1e9277152efca4f2f3ba95b44934427555854f', class: clsx.clsx(`status-${this.status}`, `emphasis-${this.emphasis}`), ...(!hasLabel ? { 'aria-label': this.status } : {}) }, index.h("nv-icon", { key: '55ba1905d8cde217be9156401c4075522b1e022b', name: STATUS_ICONS[this.status], size: "xs", "aria-hidden": "true" }), hasLabel && index.h("span", { key: 'a55382c27c4a40dbf7c800c1f1127f31f47f2852', class: "nv-statusindicator-label" }, this.label)));
+    }
+};
+NvStatusindicator.style = nvStatusindicatorCss();
+
+exports.nv_statusindicator = NvStatusindicator;

package/dist/cjs/nv-table.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-eLt3bBQs.js');
+var index = require('./index-Bj9nnTVm.js');
 
 /**
  * Table utility functions and constants for nv-table component
@@ -177,7 +177,7 @@ function updateCellWidthFromResize(state, event, minWidth = TABLE_CONSTANTS.MIN_
     setCellWidth(state.resizingCell, newWidth);
 }
 
-const nvTableCss = () => `nv-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;background:var(--color-level-00-background)}nv-table table thead{background:var(--components-datagrid-header-background)}nv-table table tbody tr.nv-datatable-row-clickable{cursor:pointer}nv-table table tbody tr.nv-datatable-row-clickable td{transition:background-color 120ms ease-in-out}nv-table table tbody tr.nv-datatable-row-clickable:focus-visible{outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-table table tbody tr[data-selected]{background:var(--components-datagrid-body-background-active)}nv-table table[data-row-click-enabled=true] tbody tr.nv-datatable-row-clickable:hover td{background:var(--components-datagrid-body-background-hover)}nv-table table[data-row-click-enabled=false]>tbody>tr:hover:not([data-selected]){background-color:transparent !important;cursor:default}nv-table table[data-row-click-enabled=false]>tbody>tr:hover:not([data-selected])>td{background:var(--components-datagrid-body-background-default) !important}nv-table table td{height:var(--spacing-16);padding:var(--datagrid-cell-body-padding-y) var(--datagrid-cell-body-padding-x) var(--spacing-2) var(--datagrid-cell-body-padding-x);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);background:var(--components-datagrid-body-background-default);border-bottom:1px solid var(--components-datagrid-body-border)}nv-table table th{position:relative;text-align:left;padding:var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-right) var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-x);padding-right:calc(var(--datagrid-cell-header-padding-right) + 12px);color:var(--color-content-low-text);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-high-emphasis);line-height:var(--line-height-base);min-width:40px;border-bottom:1px solid var(--components-datagrid-header-border);background:var(--components-datagrid-header-background)}nv-table table th::after{content:"";position:absolute;top:0;right:0;width:12px;height:50%;transform:translateY(50%);cursor:col-resize;background:linear-gradient(90deg, transparent 0%, transparent calc(50% - 1px), var(--components-datagrid-header-border), calc(50% - 1px), var(--components-datagrid-header-border) calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);opacity:0;transition:opacity 0.05s ease-in-out}nv-table table th[data-grow]{width:unset}nv-table table th:hover::after{opacity:1}nv-table table th[data-no-resize]::after{display:none}nv-table [data-sticky-left]{position:sticky;z-index:1;background:var(--color-level-00-background);left:0;top:0}nv-table [data-sticky-right]{position:sticky;z-index:1;background:var(--color-level-00-background);right:0;top:0}nv-table [data-sticky-top] th{position:sticky;z-index:1;background:var(--color-level-00-background);top:0}`;
+const nvTableCss = () => `nv-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;background:var(--color-level-00-background)}nv-table table thead{background:var(--components-datagrid-header-background)}nv-table table tbody tr:hover{background:var(--components-datagrid-body-background-hover)}nv-table table tbody tr[data-selected]{background:var(--components-datagrid-body-background-active)}nv-table table tbody tr[data-selected]:hover{background:var(--components-datagrid-body-background-active)}nv-table table tbody tr.nv-datatable-row-clickable{cursor:pointer}nv-table table tbody tr.nv-datatable-row-clickable td{transition:background-color 120ms ease-in-out}nv-table table tbody tr.nv-datatable-row-clickable:focus-visible{outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-table table tbody tr.nv-datatable-expanded-row>td{padding:0;height:auto;border-bottom:1px solid var(--components-datagrid-expander-border);background:var(--components-datagrid-expander-expander-background)}nv-table table tbody .nv-datatable-expanded-content{position:sticky;left:0;width:0;min-width:100%;padding:var(--datagrid-cell-body-padding-y) var(--datagrid-cell-body-padding-x);box-sizing:border-box}nv-table table[data-row-click-enabled=true] tbody tr.nv-datatable-row-clickable:hover td{background:var(--components-datagrid-body-background-hover)}nv-table table[data-row-click-enabled=false]>tbody>tr:hover:not([data-selected]){cursor:default}nv-table table[data-row-click-enabled=false]>tbody>tr:hover:not([data-selected])>td{background:var(--components-datagrid-body-background-default) !important}nv-table table td{height:var(--spacing-16);padding:var(--datagrid-cell-body-padding-y) var(--datagrid-cell-body-padding-x) var(--spacing-2) var(--datagrid-cell-body-padding-x);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);background:var(--components-datagrid-body-background-default);border-bottom:1px solid var(--components-datagrid-body-border)}nv-table table th{position:relative;text-align:left;padding:var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-right) var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-x);padding-right:calc(var(--datagrid-cell-header-padding-right) + 12px);color:var(--color-content-low-text);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-high-emphasis);line-height:var(--line-height-base);min-width:40px;border-bottom:1px solid var(--components-datagrid-header-border);background:var(--components-datagrid-header-background)}nv-table table th::after{content:"";position:absolute;top:0;right:0;width:12px;height:50%;transform:translateY(50%);cursor:col-resize;background:linear-gradient(90deg, transparent 0%, transparent calc(50% - 1px), var(--components-datagrid-header-border), calc(50% - 1px), var(--components-datagrid-header-border) calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);opacity:0;transition:opacity 0.05s ease-in-out}nv-table table th[data-grow]{width:unset}nv-table table th:hover::after{opacity:1}nv-table table th[data-no-resize]::after{display:none}nv-table [data-sticky-left]{position:sticky;z-index:1;background:var(--color-level-00-background);left:0;top:0}nv-table [data-sticky-right]{position:sticky;z-index:1;background:var(--color-level-00-background);right:0;top:0}nv-table [data-sticky-top] th{position:sticky;z-index:1;background:var(--color-level-00-background);top:0}`;
 
 const NvTable = class {
     constructor(hostRef) {
@@ -233,7 +233,7 @@ const NvTable = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'a6882cbcf9b0b12776f6d4be6d9cbfb42aff6833' }, index.h("slot", { key: 'd4d47a2eb77c50ff30109e217ceecd2677b9d28d' })));
+        return (index.h(index.Host, { key: 'bc442df56ece833f6a3b6a4af24e0e67e430aefd' }, index.h("slot", { key: '9f0deb196b2a1bfca8d30a05a752e446068f3f3c' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/nv-tableheader.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-eLt3bBQs.js');
+var index = require('./index-Bj9nnTVm.js');
 
 const nvTableheaderCss = () => `nv-tableheader{display:inline-flex;width:100%;align-items:center;gap:var(--spacing-2)}nv-tableheader:focus-visible:focus,nv-tableheader:focus-visible:focus-within{outline:none}nv-tableheader:focus-visible:focus-visible,nv-tableheader:focus-visible:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-tableheader:focus-visible{border-radius:var(--radius-rounded-sm)}nv-tableheader nv-iconbutton{transition:transform 120ms ease, opacity 120ms ease}nv-tableheader nv-iconbutton svg{transition:transform 240ms ease}nv-tableheader nv-iconbutton.is-none{opacity:0.5}nv-tableheader nv-iconbutton.is-desc svg{transform:rotate(180deg)}`;
 
@@ -59,7 +59,7 @@ const NvTableheader = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '962f555a02b3035148c5915ae7493c68c0202cc7', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, index.h("slot", { key: '0e69da3d4e2eb8ad01060f51d5043ffc14380415' }), this.sortable && (index.h("span", { key: 'a9b5ff97552d142cc3e1becc14a34ebab1f3092d', class: "sort-icon-wrap", "aria-hidden": "true" }, index.h("nv-iconbutton", { key: '76f832eba2b57f244dbce597668f493a918cf599', disableTabindex: true, name: "arrow-up", size: "xs", emphasis: this.sortDirection === 'none' ? 'lower' : 'low',
+        return (index.h(index.Host, { key: '1edf4d679b60517b8fdc239a1bc9e91fc55990ab', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, index.h("slot", { key: '33d9ae13cbae6d34cf374bc626bc616c57e43322' }), this.sortable && (index.h("span", { key: '61e15b2af831a97051590e31369b42774f13ae53', class: "sort-icon-wrap", "aria-hidden": "true" }, index.h("nv-iconbutton", { key: 'e8cefc8559de91c2e892547b56eb51d5bc103c1c', disableTabindex: true, name: "arrow-up", size: "xs", emphasis: this.sortDirection === 'none' ? 'lower' : 'low',
             // prevent mousedown from selecting text
             onMouseDown: (e) => e.preventDefault(), class: {
                 'is-none': this.sortDirection === 'none',

package/dist/cjs/nv-tag.cjs.entry.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var index = require('./index-Bj9nnTVm.js');
+var clsx = require('./clsx-BtxeOLZW.js');
+
+const nvTagCss = () => `nv-tag{display:inline-flex;align-items:center;gap:var(--tag-gap-x);padding:0 var(--tag-padding-x);border-radius:var(--tag-border-radius);border:1px solid;overflow:hidden;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-xs);height:var(--tag-height);width:fit-content;vertical-align:middle}nv-tag.has-dismiss{padding-right:0}nv-tag.tag-orange{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border-light)}nv-tag.tag-orange nv-icon{color:var(--color-rainbow-2-icon)}nv-tag.tag-orange .nv-tag-content:focus,nv-tag.tag-orange .nv-tag-content:focus-within{outline:none}nv-tag.tag-orange .nv-tag-content:focus-visible,nv-tag.tag-orange .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-crimson{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border-light)}nv-tag.tag-crimson nv-icon{color:var(--color-rainbow-6-icon)}nv-tag.tag-crimson .nv-tag-content:focus,nv-tag.tag-crimson .nv-tag-content:focus-within{outline:none}nv-tag.tag-crimson .nv-tag-content:focus-visible,nv-tag.tag-crimson .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-yellow{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background);border-color:var(--color-rainbow-3-border-light)}nv-tag.tag-yellow nv-icon{color:var(--color-rainbow-3-icon)}nv-tag.tag-yellow .nv-tag-content:focus,nv-tag.tag-yellow .nv-tag-content:focus-within{outline:none}nv-tag.tag-yellow .nv-tag-content:focus-visible,nv-tag.tag-yellow .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-red{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background);border-color:var(--color-rainbow-4-border-light)}nv-tag.tag-red nv-icon{color:var(--color-rainbow-4-icon)}nv-tag.tag-red .nv-tag-content:focus,nv-tag.tag-red .nv-tag-content:focus-within{outline:none}nv-tag.tag-red .nv-tag-content:focus-visible,nv-tag.tag-red .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-blue{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border-light)}nv-tag.tag-blue nv-icon{color:var(--color-rainbow-8-icon)}nv-tag.tag-blue .nv-tag-content:focus,nv-tag.tag-blue .nv-tag-content:focus-within{outline:none}nv-tag.tag-blue .nv-tag-content:focus-visible,nv-tag.tag-blue .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-amber{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border-light)}nv-tag.tag-amber nv-icon{color:var(--color-rainbow-1-icon)}nv-tag.tag-amber .nv-tag-content:focus,nv-tag.tag-amber .nv-tag-content:focus-within{outline:none}nv-tag.tag-amber .nv-tag-content:focus-visible,nv-tag.tag-amber .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-green{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background);border-color:var(--color-rainbow-7-border-light)}nv-tag.tag-green nv-icon{color:var(--color-rainbow-7-icon)}nv-tag.tag-green .nv-tag-content:focus,nv-tag.tag-green .nv-tag-content:focus-within{outline:none}nv-tag.tag-green .nv-tag-content:focus-visible,nv-tag.tag-green .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-turquoise{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border-light)}nv-tag.tag-turquoise nv-icon{color:var(--color-rainbow-5-icon)}nv-tag.tag-turquoise .nv-tag-content:focus,nv-tag.tag-turquoise .nv-tag-content:focus-within{outline:none}nv-tag.tag-turquoise .nv-tag-content:focus-visible,nv-tag.tag-turquoise .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-lime{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border-light)}nv-tag.tag-lime nv-icon{color:var(--color-rainbow-9-icon)}nv-tag.tag-lime .nv-tag-content:focus,nv-tag.tag-lime .nv-tag-content:focus-within{outline:none}nv-tag.tag-lime .nv-tag-content:focus-visible,nv-tag.tag-lime .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-grey{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background);border-color:var(--color-rainbow-10-border-light)}nv-tag.tag-grey nv-icon{color:var(--color-rainbow-10-icon)}nv-tag.tag-grey .nv-tag-content:focus,nv-tag.tag-grey .nv-tag-content:focus-within{outline:none}nv-tag.tag-grey .nv-tag-content:focus-visible,nv-tag.tag-grey .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag .nv-tag-leading{display:contents}nv-tag .nv-tag-label{white-space:nowrap}nv-tag .nv-tag-content{display:inline-flex;align-items:center;gap:var(--tag-gap-x);color:inherit;text-decoration:none;border-radius:var(--tag-border-radius)}nv-tag.is-link .nv-tag-content{cursor:pointer}nv-tag.is-link .nv-tag-content:hover{text-decoration:underline}nv-tag .nv-tag-dismiss{padding:0;margin:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;justify-content:center;width:var(--tag-height);height:var(--tag-height);border-radius:0;appearance:none}nv-tag .nv-tag-dismiss:focus,nv-tag .nv-tag-dismiss:focus-within{outline:none}nv-tag .nv-tag-dismiss:focus-visible{border-radius:0;box-shadow:inset 0 0 0 var(--focus-outline-stroke) var(--color-focus-brand)}nv-tag .nv-tag-dismiss:hover{background-color:var(--color-interaction-container-neutral-background-hover);mix-blend-mode:multiply}nv-tag .nv-tag-dismiss:disabled{opacity:var(--opacity-disabled);pointer-events:none;cursor:default}nv-tag nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}`;
+
+const NvTag = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.dismissed = index.createEvent(this, "dismissed", 3);
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * The color variant of the tag.
+         */
+        this.color = 'grey';
+        /**
+         * Whether the tag can be dismissed.
+         */
+        this.dismissible = false;
+        /**
+         * The browsing context for the link.
+         */
+        this.target = '_self';
+        /**
+         * Whether the dismiss button is disabled.
+         */
+        this.disabled = false;
+        //#endregion EVENTS
+        /****************************************************************************/
+        //#region METHODS
+        /**
+         * Handles the dismiss button click.
+         * @param {MouseEvent} event - The click event.
+         */
+        this.handleDismiss = (event) => {
+            event.stopPropagation();
+            this.dismissed.emit({ label: this.label });
+        };
+    }
+    //#endregion METHODS
+    /****************************************************************************/
+    //#region RENDER
+    /**
+     * Renders the tag content (icon + label).
+     * @returns {unknown} The tag content JSX.
+     */
+    renderContent() {
+        return [
+            index.h("span", { class: "nv-tag-leading", "aria-hidden": "true" }, index.h("slot", { name: "leading-icon" })),
+            index.h("span", { class: "nv-tag-label" }, this.label),
+        ];
+    }
+    /**
+     * Computes the rel attribute for the anchor.
+     * @returns {string | undefined} The computed rel value.
+     */
+    computeRel() {
+        if (this.href == null)
+            return undefined;
+        if (this.rel)
+            return this.rel;
+        if (this.target === '_blank')
+            return 'noopener noreferrer';
+        return undefined;
+    }
+    render() {
+        const isLink = this.href != null;
+        const TagContent = isLink ? 'a' : 'span';
+        const anchorProps = isLink
+            ? { href: this.href, target: this.target, rel: this.computeRel() }
+            : {};
+        return (index.h(index.Host, { key: '91f8ca597d894aaa486f1323e85b5f41a20cd964', class: clsx.clsx(`tag-${this.color}`, {
+                'has-dismiss': this.dismissible,
+                'is-link': isLink,
+            }) }, index.h(TagContent, { key: 'fb92a9c11d119770e9cea1091a9a3efcd988a132', class: "nv-tag-content", ...anchorProps }, this.renderContent()), this.dismissible && (index.h("button", { key: '8d66bfae4867b83bc24ea316237fb64347fd494b', class: "nv-tag-dismiss", type: "button", "aria-label": this.label ? `Remove ${this.label}` : undefined, disabled: this.disabled, onClick: this.handleDismiss }, index.h("nv-icon", { key: 'd271fc3152cfe7bcca19b372f2bf313b339e9c37', name: "x", size: "xs" })))));
+    }
+};
+NvTag.style = nvTagCss();
+
+exports.nv_tag = NvTag;

package/dist/cjs/nv-timetest.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-eLt3bBQs.js');
+var index = require('./index-Bj9nnTVm.js');
 var novaDatetime = require('./nova-datetime-DOtVgYBB.js');
 
 const nvTimetestCss = () => `nv-timetest{display:flex}nv-timetest label{display:flex;flex-direction:column;margin-right:10px;font-weight:bold}nv-timetest input{font-weight:normal;padding:var(--spacing-2);border-radius:var(--spacing-1);border:1px solid #ccc}`;
@@ -64,7 +64,7 @@ const NvTimetest = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '85d3773d49a180e5bc9b5bc0962cc3b709a474b0' }, index.h("label", { key: 'c0d5c262578e6aa1555ded8c542e2eef7e42d491' }, "Start:", index.h("input", { key: '31fe9447be14efd87aab1161dbc01593a30328dc', type: "time", step: "1", value: this.value?.start ?? '', onInput: this.handleStartChange })), index.h("label", { key: '0959b432f53169c425765b94c098ca5ecc8d6ede' }, "End:", index.h("input", { key: 'ccc50a80dfea2ab7eb627d11840dd5626ca25f88', type: "time", step: "1", value: this.value?.end ?? '', onInput: this.handleEndChange })), index.h("slot", { key: 'd4c6a017d41102a245e1f8472d676bc866382c00' })));
+        return (index.h(index.Host, { key: 'c9c68e93ef3e0ab01e06918f707c89a6b7bd650b' }, index.h("label", { key: '418d4bea5711e9db888650aff9e8b89bc0945710' }, "Start:", index.h("input", { key: '15eeee721a64b4c2811814c7d3c7303c84dfb071', type: "time", step: "1", value: this.value?.start ?? '', onInput: this.handleStartChange })), index.h("label", { key: 'e21457f05d522370ed8dccbb228b20207fe0b973' }, "End:", index.h("input", { key: '856e9a1bce12c51c49c1f666e37d4b8d0d878960', type: "time", step: "1", value: this.value?.end ?? '', onInput: this.handleEndChange })), index.h("slot", { key: '983319380ff04eaaca09a0ffcd9f50523f235580' })));
     }
 };
 NvTimetest.style = nvTimetestCss();

package/dist/cjs/nv-toggle.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-eLt3bBQs.js');
+var index = require('./index-Bj9nnTVm.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 var v4 = require('./v4-C1vaJ4yP.js');
 
@@ -63,8 +63,8 @@ const NvToggle = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '39ad1374bbf8cd5393a99dc4c18fa28091dc5e90', class: clsx.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: '3a8be2405404975398f1a0dae05c0855b913245f', class: "input-container" }, index.h("input", { key: 'b589b9faa5801f99e698d0e664e0a35779a1271f', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), index.h("div", { key: 'a3308782b02b1c0eca3d6a1b87509674b9bc5c13', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '854b2ffe7bf61423512154ffe8b3b0351a2950a4', htmlFor: this.inputId, class: clsx.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: '933bf88b7841f3b2ed24c3bb86fb24159eaac900', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '5a04358d1be3b935239bb23e1466cc22ed2f3b48', class: "description" }, index.h("slot", { key: 'f5c1513eff6ee42bc171b0088baec634f8458197', name: "description" }, this.description))))));
+        return (index.h(index.Host, { key: 'b2bf7956fbe102ff780e87bc731c8d558a6890fe', class: clsx.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: '920b35e98be9f6ef90489a84307e6588c192e4c3', class: "input-container" }, index.h("input", { key: 'ae627fc038ca204d9e79d9643ba4e946a16fa76d', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), index.h("div", { key: '9c5c0ebba6f24aa9f0556b2c86d823b43c8dd142', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'c33b7d589cbc142dd5a318e78ebfbd97f17867c1', htmlFor: this.inputId, class: clsx.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: 'b45490d577602efb5782aa0952112a28a063e167', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '5526f29f5f90c89c82c41ceb48e3ccc2d2454e2f', class: "description" }, index.h("slot", { key: '2ed5c8330514c7f6bb180483e8289228e84dcfa0', name: "description" }, this.description))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/nv-togglebutton.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-eLt3bBQs.js');
+var index = require('./index-Bj9nnTVm.js');
 
 const nvTogglebuttonCss = () => `nv-togglebutton{display:inline-flex;justify-content:center;align-items:center}nv-togglebutton:focus-visible,nv-togglebutton:has(:focus-visible){z-index:1}nv-togglebutton[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-togglebutton[size=xs] nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-togglebutton[size=xs]{padding-top:calc(var(--togglegroup-xs-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-xs-button-padding-y) - var(--togglegroup-stroke));border-radius:var(--togglegroup-xs-button-radius);height:calc((var(--togglegroup-xs-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[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-togglebutton[size=sm] nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-togglebutton[size=sm]{padding-top:calc(var(--togglegroup-sm-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-sm-button-padding-y) - var(--togglegroup-stroke));border-radius:calc(var(--togglegroup-sm-button-radius) + 1px);height:calc((var(--togglegroup-sm-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[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-togglebutton[size=md] nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-togglebutton[size=md]{padding-top:calc(var(--togglegroup-md-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-md-button-padding-y) - var(--togglegroup-stroke));border-radius:calc(var(--togglegroup-md-button-radius) + 1px);height:calc((var(--togglegroup-md-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[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-togglebutton[size=lg] nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-togglebutton[size=lg]{padding-top:calc(var(--togglegroup-lg-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-lg-button-padding-y) - var(--togglegroup-stroke));border-radius:calc(var(--togglegroup-lg-button-radius) + 1px);height:calc((var(--togglegroup-lg-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[emphasis=high]{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-togglebutton[emphasis=high]:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-togglebutton[emphasis=high]: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-togglebutton[emphasis=high]:focus,nv-togglebutton[emphasis=high]:focus-within{outline:none}nv-togglebutton[emphasis=high]:focus-visible,nv-togglebutton[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-togglebutton[emphasis=high]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-togglebutton[emphasis=high][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-togglebutton[emphasis=low]{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-togglebutton[emphasis=low]:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-togglebutton[emphasis=low]: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-togglebutton[emphasis=low]:focus,nv-togglebutton[emphasis=low]:focus-within{outline:none}nv-togglebutton[emphasis=low]:focus-visible,nv-togglebutton[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-togglebutton[emphasis=low]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-togglebutton[emphasis=low][active]:not([active=false]),nv-togglebutton[emphasis=low]:active{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}`;
 
@@ -54,7 +54,7 @@ const NvTogglebutton = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '8e700d38ba155b977d4efa0d9e01b41e73fc4413', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, index.h("slot", { key: '92427015839f98b0d9238b8df6af8e08ee511153' })));
+        return (index.h(index.Host, { key: '0e5895e17effeef2164efdb6a0b414bb40fde21e', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, index.h("slot", { key: '9a7c2370e6ad8a7442fd9a7c3d4a172a41037103' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/nv-togglebuttongroup.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-eLt3bBQs.js');
+var index = require('./index-Bj9nnTVm.js');
 
 const nvTogglebuttongroupCss = () => `nv-togglebuttongroup{display:flex;gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);width:fit-content;padding:var(--togglegroup-lg-gap)}nv-togglebuttongroup[emphasis=high]{border:1px solid var(--components-togglegroup-high-border)}nv-togglebuttongroup[emphasis=low]{border:1px solid var(--components-togglegroup-low-border)}nv-togglebuttongroup[size=xs]{padding:calc(var(--togglegroup-xs-padding) - 1px);gap:var(--togglegroup-xs-gap);border-radius:var(--togglegroup-xs-radius);height:var(--togglegroup-xs-height)}nv-togglebuttongroup[size=sm]{padding:calc(var(--togglegroup-sm-padding) - 1px);gap:var(--togglegroup-sm-gap);border-radius:var(--togglegroup-sm-radius);height:var(--togglegroup-sm-height)}nv-togglebuttongroup[size=md]{padding:calc(var(--togglegroup-md-padding) - 1px);gap:var(--togglegroup-md-gap);border-radius:var(--togglegroup-md-radius);height:var(--togglegroup-md-height)}nv-togglebuttongroup[size=lg]{padding:calc(var(--togglegroup-lg-padding) - 1px);gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);height:var(--togglegroup-lg-height)}`;
 
@@ -153,7 +153,7 @@ const NvTogglebuttongroup = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '2026cb95db8b57f2a1cd4ea53608f336843b63fe' }, index.h("slot", { key: '5c06ab59d6c99e789c3a1c3a8a4842a0772ca3a2' })));
+        return (index.h(index.Host, { key: '4428416f62c5e5f0713089cf7601babd5ee43161' }, index.h("slot", { key: '549cab50def8d37f072f83af0eea1bb4b55fe3e2' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/nv-tooltip.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-eLt3bBQs.js');
+var index = require('./index-Bj9nnTVm.js');
 
 const nvTooltipCss = () => `nv-tooltip{display:inline-block;vertical-align:top;position:relative;user-select:none}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip nv-popover{display:block;height:0;min-height:0;overflow:visible}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}`;
 
@@ -49,7 +49,7 @@ const NvTooltip = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '8285fbb412cb45cc7baf2936f0405c0438395c8d' }, index.h("nv-popover", { key: '29d70e9baa826de35d2cdca88f48610d70ec55e4', ref: el => (this.popoverElement = el), triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, groupName: 'tooltip', enterDelay: this.enterDelay, onOpenChanged: e => this.openChanged.emit(e.detail) }, index.h("p", { key: 'a9c907fa96f9c4108a8d84cec53981218c060811', slot: "content" }, this.message), index.h("slot", { key: 'af1b7ac8069071fe2d41e925f1c0090f8b6aaab5', name: "content" })), index.h("slot", { key: 'e5d3c6d16fb7e4a682b66e0016d9e4e30e5647e0', ref: el => (this.defaultSlot = el) })));
+        return (index.h(index.Host, { key: '6eccd65d55ddfaba863959cd49dd9f404a0f0790' }, index.h("nv-popover", { key: '9be6e361b11d259b1b8f7b006c41bb62e69141b9', ref: el => (this.popoverElement = el), triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, groupName: 'tooltip', enterDelay: this.enterDelay, onOpenChanged: e => this.openChanged.emit(e.detail) }, index.h("p", { key: 'a8ac3ddeb4ec1e4fe93bf5344ef35a0712fc60c3', slot: "content" }, this.message), index.h("slot", { key: '67f9e9c245910c5f0e4e0e515872a332f9065055', name: "content" })), index.h("slot", { key: '453d0a071793edcdba9fd100bb0161d70c82a506', ref: el => (this.defaultSlot = el) })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/collection/collection-manifest.json

@@ -1,5 +1,6 @@
 {
   "entries": [
+    "components/nv-tag/nv-tag.js",
     "components/nv-accordion/nv-accordion.js",
     "components/nv-accordion-item/nv-accordion-item.js",
     "components/nv-alert/nv-alert.js",
@@ -59,6 +60,7 @@
     "components/nv-sidebarnavsubitem/nv-sidebarnavsubitem.js",
     "components/nv-split/nv-split.js",
     "components/nv-stack/nv-stack.js",
+    "components/nv-statusindicator/nv-statusindicator.js",
     "components/nv-table/nv-table.js",
     "components/nv-tableheader/nv-tableheader.js",
     "components/nv-timetest/nv-timetest.js",

package/dist/collection/components/nv-accordion/nv-accordion.js

@@ -155,7 +155,7 @@ export class NvAccordion {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '20a8663e2ff17d685423567ee2ff29b96d4ddef2', role: "list", class: "nv-accordion" }, this.data?.length ? (this.data.map((item, i) => (h("nv-accordion-item", { key: item.id ?? i, itemTitle: item.title, disabled: item.disabled, open: (this.openIndexes || []).includes(i), mode: this.mode }, item.subtitle ? (h("div", { slot: "header" }, h("div", { class: "nv-accordion-item__header-content" }, h("span", { class: "nv-accordion-item__title" }, item.title), h("span", { class: "nv-accordion-item__subtitle" }, item.subtitle)))) : null, h("div", { slot: "content" }, item.content), item.footer && h("div", { slot: "footer" }, item.footer))))) : (h("slot", null))));
+        return (h(Host, { key: '60fa93fd799665c25cae9e7d52f80a8dcd4123cf', role: "list", class: "nv-accordion" }, this.data?.length ? (this.data.map((item, i) => (h("nv-accordion-item", { key: item.id ?? i, itemTitle: item.title, disabled: item.disabled, open: (this.openIndexes || []).includes(i), mode: this.mode }, item.subtitle ? (h("div", { slot: "header" }, h("div", { class: "nv-accordion-item__header-content" }, h("span", { class: "nv-accordion-item__title" }, item.title), h("span", { class: "nv-accordion-item__subtitle" }, item.subtitle)))) : null, h("div", { slot: "content" }, item.content), item.footer && h("div", { slot: "footer" }, item.footer))))) : (h("slot", null))));
     }
     static get is() { return "nv-accordion"; }
     static get originalStyleUrls() {

package/dist/collection/components/nv-accordion-item/nv-accordion-item.js

@@ -191,12 +191,12 @@ export class NvAccordionItem {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '2db3307c8665cf2d4b05c963cc8ca3147347876f', class: {
+        return (h(Host, { key: 'd4c17c017d33831281ff47b857dbf89cc4c81fff', class: {
                 'nv-accordion-item': true,
                 'is-open': this.currentOpenState,
                 'is-disabled': this.disabled,
                 'is-animating': this.isAnimating,
-            }, role: "listitem", "aria-expanded": this.currentOpenState ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '993d96a9f61a5d1b8373108da93ff2fb3c99743e', class: "nv-accordion-item__header", onClick: this.handleHeaderClick, "aria-controls": "content" }, h("slot", { key: '8f38e7f8e97f654cbb11e22f8e0d300a15f62d82', name: "header" }, h("div", { key: '586b7a7555d874d014952393f217086d15863105', class: "nv-accordion-item__header-content" }, this.itemTitle && (h("span", { key: 'c94820fb1701aac71316e07282514db4ae91ddec', class: "nv-accordion-item__title" }, this.itemTitle)), this.subtitle && (h("span", { key: '76421e64254eb9b3d3a4f61f10e850c99c2b647c', class: "nv-accordion-item__subtitle" }, this.subtitle)))), h("nv-iconbutton", { key: '5f440c0313ebabcf0f0cab34d9e94212d250268f', emphasis: "low", size: "sm", shape: "square", name: this.chevronIconName, tabindex: this.disabled ? -1 : 0, onClick: this.handleIconClick, onKeyDown: this.handleHeaderKeyDown, "aria-controls": "content", "aria-label": this.currentOpenState ? 'Close the section' : 'Open the section' })), h("div", { key: '6c83b26f4da8112146a5dc76c7b2a28e69241fae', id: "content", class: "nv-accordion-item__content", ref: el => (this.contentRef = el) }, h("div", { key: '0d8fba56bcf5487b45ce1bfac5a8fd68500817cc', class: "nv-accordion-item__content-inner" }, h("slot", { key: '2238e8f467f9253e1a9e7e54d1a66593373cec47', name: "content" })))));
+            }, role: "listitem", "aria-expanded": this.currentOpenState ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '32f3f117cf65d4ac9550dff00928f0099b72405a', class: "nv-accordion-item__header", onClick: this.handleHeaderClick, "aria-controls": "content" }, h("slot", { key: '8533b9dfde96c2da7867175dc73749ed0fd17f5f', name: "header" }, h("div", { key: '9f6ccf7d5044e5e236fcba238f898d4d6f296d3e', class: "nv-accordion-item__header-content" }, this.itemTitle && (h("span", { key: '4458aad736c819b129f066838f22a750e316c8be', class: "nv-accordion-item__title" }, this.itemTitle)), this.subtitle && (h("span", { key: '5bbb2e546c6ada4402401e4a5fcac30a7058b191', class: "nv-accordion-item__subtitle" }, this.subtitle)))), h("nv-iconbutton", { key: '97d5cf23c30fafd8dbac383f9e1e19d7a92e2294', emphasis: "low", size: "sm", shape: "square", name: this.chevronIconName, tabindex: this.disabled ? -1 : 0, onClick: this.handleIconClick, onKeyDown: this.handleHeaderKeyDown, "aria-controls": "content", "aria-label": this.currentOpenState ? 'Close the section' : 'Open the section' })), h("div", { key: '71e54e7f92aff4568b2ea22d4774b7c95a0335ce', id: "content", class: "nv-accordion-item__content", ref: el => (this.contentRef = el) }, h("div", { key: 'fd6ec95ca0efc4d65a723d3b2f40171fa7ee0e01', class: "nv-accordion-item__content-inner" }, h("slot", { key: '46a72758177f8d6a4d62bb880f8744aa85db571f', name: "content" })))));
     }
     static get is() { return "nv-accordion-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/nv-alert/nv-alert.js

@@ -151,7 +151,7 @@ export class NvAlert {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '9a8ab30a8653a1369de135474a7c3772fa48e34b', role: "alert", class: clsx('root', `feedback-${this.feedback}`) }, h("nv-icon", { key: '3f6789afa52b52b583256a9534297f20cdb638d6', name: this.icon ?? this.getDefaultIcon(), class: `icon-${this.feedback}`, size: "md" }), h("div", { key: '6ef7b204125af6c249db995159a76e540285e0e6', class: "content" }, this.heading && h("p", { key: '0a1622512986eb61003df3690d1e1317ef4a4152', class: "heading" }, this.heading), this.message && h("p", { key: '985884d07932a356af1c124edab0524cd4539521', class: "message" }, this.message), h("slot", { key: 'cec75763902869e019b6fbc1b793106534a8bbda' })), this.dismissible && (h("button", { key: '9df0c2b641a00a174f8e8a090e0c7d6e48ca97ea', class: "close", type: "button", onClick: this.handleDismiss }, h("nv-icon", { key: '973eeb6af6df7f07ce6d7e6965b42b89fa283b83', name: "x", size: "sm" })))));
+        return (h(Host, { key: '4dc8704f790d4753a364be3727f14dfe033e8f75', role: "alert", class: clsx('root', `feedback-${this.feedback}`) }, h("nv-icon", { key: 'b7e4a1b213c29001d2aa16d4276777fa3fa77039', name: this.icon ?? this.getDefaultIcon(), class: `icon-${this.feedback}`, size: "md" }), h("div", { key: '4ae0406ed796ee2c8cf8e5ed1e40c96dd1bfa7b5', class: "content" }, this.heading && h("p", { key: '02bff20045603c5e5bd3790140ce52cc66857225', class: "heading" }, this.heading), this.message && h("p", { key: 'e1436fe5bcffc5226747abd612266c2925d0680d', class: "message" }, this.message), h("slot", { key: 'deda05a3494ffd1c86ea4670c7ef793773d8c893' })), this.dismissible && (h("button", { key: '0c92c297f4df2ee1dd3eb781df782c983b5b61d5', class: "close", type: "button", onClick: this.handleDismiss }, h("nv-icon", { key: '2bf2c72e4dedc932549af6e15cf221678640ea26', name: "x", size: "sm" })))));
     }
     static get is() { return "nv-alert"; }
     static get originalStyleUrls() {

package/dist/collection/components/nv-avatar/nv-avatar.js

@@ -54,7 +54,7 @@ export class NvAvatar {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '127d470eb9121f611f9e18f029ab9ef15a4a49df', class: clsx(`avatar-${this.size}`, `avatar-color-${this.color}`), "aria-label": this.alt }, this.src ? (h("img", { src: this.src, alt: this.alt })) : this.initials ? (this.trimInitials(this.initials)) : (h("slot", { name: "icon" }, h("nv-icon", { name: "user" })))));
+        return (h(Host, { key: '04faba5849d8626fd926d353d85e866d812a8398', class: clsx(`avatar-${this.size}`, `avatar-color-${this.color}`), "aria-label": this.alt }, this.src ? (h("img", { src: this.src, alt: this.alt })) : this.initials ? (this.trimInitials(this.initials)) : (h("slot", { name: "icon" }, h("nv-icon", { name: "user" })))));
     }
     static get is() { return "nv-avatar"; }
     static get originalStyleUrls() {

package/dist/collection/components/nv-badge/nv-badge.js

@@ -125,14 +125,14 @@ export class NvBadge {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '178d7a8500d2b51bff75934f020d68df2548bbb9', class: clsx(`badge-${this.color}`, {
+        return (h(Host, { key: 'c623e524b0ea26ad5d1d246ed804c1ca52d643d4', class: clsx(`badge-${this.color}`, {
                 'has-close': this.dismissible,
                 'with-gap': this.dismissible || this.label,
                 'visually-hidden': this._isHidden,
                 'is-icon-only': this.isIconOnly,
-            }) }, h("span", { key: '67dec92be67c5f2a8e75c348fd8e5d30da8a8a46', class: "nv-badge-leading" }, this.leadIcon && h("nv-icon", { key: '19f2acbecb7be8ea62f7656d2e2e79c2f03baebd', name: this.leadIcon, size: "sm" }), h("slot", { key: '9bbb8b139c5c38d635ecf6947a860a5ac08da316', name: "leading-icon" })), h("span", { key: '07ba9cba9bbcff4b9539f1e6af80a0440fca4afb', class: clsx('nv-badge-label', {
+            }) }, h("span", { key: 'b3a7c14129b885a4af63f9ba50813a64c1cb8c44', class: "nv-badge-leading" }, this.leadIcon && h("nv-icon", { key: 'eb0d8f9a76670ff7c97990ebc40a318a28d5d09c', name: this.leadIcon, size: "sm" }), h("slot", { key: '10e5514902a6c81c070d8c76559e6ff546441386', name: "leading-icon" })), h("span", { key: '7821387d8864ef38bc5e2dd0720243c5f5cc20ae', class: clsx('nv-badge-label', {
                 'visually-hidden': this.isIconOnly,
-            }) }, this.label, h("slot", { key: '807224b100e753cb07e4af338bfb90054df7ac97' })), this.dismissible && (h("button", { key: '6e2f9d6f81bbfe8529deed31dbd59274cd1ea51e', onClick: this.handleClose, class: "close", type: "button" }, h("nv-icon", { key: 'e0e3c0c6400893a70db61558b13e7e619fa576cc', name: "x", size: "sm" })))));
+            }) }, this.label, h("slot", { key: '672a3655ce4ab44d1369f53593e36ba0aad3e1cf' })), this.dismissible && (h("button", { key: 'ad50e6882515b9f0aaec411fbdb703aa1eb85da0', onClick: this.handleClose, class: "close", type: "button" }, h("nv-icon", { key: '8f06fa69021d23cd6391f610787e4d62ded02384', name: "x", size: "sm" })))));
     }
     static get is() { return "nv-badge"; }
     static get originalStyleUrls() {

package/dist/collection/components/nv-breadcrumb/nv-breadcrumb.js

@@ -34,7 +34,7 @@ export class NvBreadcrumb {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '032880129d2acf89ed3e57367e357391a1e0848d', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (h("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (h("slot", { ref: el => (this.defaultSlot = el) })), this.tooltip && (h("nv-tooltip", { key: '90cdd03fa067846b3f3fa8ff264899b6ca170485', ref: el => (this.toolTipRef = el), message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (h("nv-popover", { key: 'acda8815ed5e216cf89cdd34323dd8211a8ea020', ref: el => (this.popoverRef = el), triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, h("ul", { key: '424396d17c2452cb6280aaa6446ee6f8ea52ea6e', slot: "content" }, h("slot", { key: '668bc1e090901e62c01079e4b058d3e6b044afd0' })))), h("span", { key: '1c84f3c4cf91cc976722a838188baae0521eb7f4', "data-scope": "separator" }, "/")));
+        return (h(Host, { key: 'cefd123208aa50ad05ac912780393aaf8b76a7eb', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (h("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (h("slot", { ref: el => (this.defaultSlot = el) })), this.tooltip && (h("nv-tooltip", { key: '13665470c79f6c7637c524b74b767b9a5747a77f', ref: el => (this.toolTipRef = el), message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (h("nv-popover", { key: 'c71b3bbf12531d9cb7b3abb920f8bc932ed0beb1', ref: el => (this.popoverRef = el), triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, h("ul", { key: '5c11484aaf9026f7a3e0f5562488f28ce7a97fcd', slot: "content" }, h("slot", { key: '2058072469703e46e3697a83e40e2b4ce9ead834' })))), h("span", { key: '209284d8788b24b0513f38d1aa3a03a23f6f12db', "data-scope": "separator" }, "/")));
     }
     static get is() { return "nv-breadcrumb"; }
     static get originalStyleUrls() {

package/dist/collection/components/nv-breadcrumbs/nv-breadcrumbs.js

@@ -5,7 +5,7 @@ import { Host, h } from "@stencil/core";
 export class NvBreadcrumbs {
     //#region RENDER
     render() {
-        return (h(Host, { key: 'f8221b9ae4d3a5fabedbe497fef43832fc498df4', role: "navigation", "aria-label": "breadcrumbs" }, h("slot", { key: '047683541469ee0490e296813cb7e303127ad200' })));
+        return (h(Host, { key: '3a44180de4ed7bc35fa84edf033fb379116552df', role: "navigation", "aria-label": "breadcrumbs" }, h("slot", { key: '33c211e755042f0eb494cbe55e6d126922ba6f8f' })));
     }
     static get is() { return "nv-breadcrumbs"; }
     static get originalStyleUrls() {

package/dist/collection/components/nv-button/nv-button.js

@@ -137,7 +137,7 @@ export class NvButton {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '785b6127926d695ddaaff1a1f740102abd5132bb', role: "button", tabindex: this.disableTabindex ? -1 : 0, onClick: this.handleButtonClick }, this.loading && (h("nv-loader", { key: 'b361e4ac45cc1612723d6a67f866b8cdce3c4abc', size: this.size === ButtonSize.Large ? 'sm' : 'xs' })), h("slot", { key: 'b23c877bd95ae0a02c89c83e4e3d5f0178d646a5', name: "leading-icon" }), h("slot", { key: '7c95b1f28a64e7bb5ca02abf2190dfda62d1c758' }), h("slot", { key: 'f1cd34ea21393b78bc2f5140364d47b9e70f505c', name: "trailing-icon" })));
+        return (h(Host, { key: '2597730775f043b11be36a52a9dc5d21e7ad4ef0', role: "button", tabindex: this.disableTabindex ? -1 : 0, onClick: this.handleButtonClick }, this.loading && (h("nv-loader", { key: 'e39ab02bc5b8843866f2baa734d56956c5d7be18', size: this.size === ButtonSize.Large ? 'sm' : 'xs' })), h("slot", { key: 'e6cc54748edc793da1654e9a9fe17a5db20c679f', name: "leading-icon" }), h("slot", { key: 'c3bd505559a3646fdce310726b1d14068ce3a020' }), h("slot", { key: '4459bc71ee05c8812e78539757aa427a2da4620a', name: "trailing-icon" })));
     }
     static get is() { return "nv-button"; }
     static get formAssociated() { return true; }

package/dist/collection/components/nv-buttongroup/nv-buttongroup.js

@@ -91,7 +91,7 @@ export class NvButtongroup {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'd0322897a0312e7b55b087e4abfc94fcaf9f7747' }, h("slot", { key: '70afccf10fe728482096d3fce42083e9931e06bd' })));
+        return (h(Host, { key: 'ffaeee344623291c46930379b1efdbbccff98605' }, h("slot", { key: 'e7a4ccb11d90620bcb1209b55c250f605dbc598c' })));
     }
     static get is() { return "nv-buttongroup"; }
     static get originalStyleUrls() {

package/dist/collection/components/nv-calendar/nv-calendar.js

@@ -905,8 +905,8 @@ export class NvCalendar {
      * @slot default - Child content of the component.
      */
     render() {
-        return (h(Host, { key: '4e8b7b83c32a4defd9620558ebe6b2d45c63c509' }, h("div", { key: '65b9f1a93cae9fb77d64d5b34333c7775b99ef65', class: "datepicker-root" }, h("div", { key: '54dde61b295e3ee84e6917634bdcdad36d8aed98', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, h("div", { key: '8423c5ff77f07f03d9665f2575855ba0a2540fbc', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), ((this.hasShortcuts && this.shortcutsPlacement === 'bottom') ||
-            this.hasActions) && (h("div", { key: 'd49a6c9077a4d4795d00a7221ff5ed76980d8a92', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), h("slot", { key: '52ef97f13e630ad31b80ebd53a87f07f18f458d4' })));
+        return (h(Host, { key: '1af51da7bdecfbd87e3e9237758404442215fe0c' }, h("div", { key: '8fc10fedf54c009a312ff1cf849aa920374e450b', class: "datepicker-root" }, h("div", { key: 'a182580b8c53bd419995d63d3b10101a21dabe73', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, h("div", { key: 'cbbbb9ca80dedd7da1c3907b950d0037254452ca', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), ((this.hasShortcuts && this.shortcutsPlacement === 'bottom') ||
+            this.hasActions) && (h("div", { key: '4f35471614e4e60bdc1ae1783383bfd674bb6714', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), h("slot", { key: 'fb5a9416b0c9054f89bcecbd5a6689c1aa890e1b' })));
     }
     static get is() { return "nv-calendar"; }
     static get originalStyleUrls() {

package/dist/collection/components/nv-col/nv-col.js

@@ -23,7 +23,7 @@ export class NvCol {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '8170490b65da46794b207e150175c0627ab57b94', class: clsx(this.getColSize()) }, h("slot", { key: '7c4cdb29efdd597af059f7942a6baf89d7d53b34' })));
+        return (h(Host, { key: '0ba847762f1eda2cd6448ca81056ef461d7c4c46', class: clsx(this.getColSize()) }, h("slot", { key: '486335bceecc68083597e4b4bc29a14f34bc2c4a' })));
     }
     static get is() { return "nv-col"; }
     static get originalStyleUrls() {

package/dist/collection/components/nv-datagrid/nv-datagrid.js

@@ -1013,7 +1013,7 @@ export class NvDatagrid {
         const rows = !this.table || this.table === undefined || this.parsedData.length === 0
             ? []
             : this.table?.getRowModel()?.rows;
-        return (h(Host, { key: 'a3d3d96758c77096d2690c8ff10e8439e7e76e96' }, h("div", { key: '3a2551318093150d824bd0e1f2c07da234522ac0', class: "hidden" }, h("slot", { key: 'dd6e9158456ee68044e8bd19ef9ad76c73fbefb9' })), h("slot", { key: 'de4e21a7926841526bf2e7cfd36ba1d747d0c08d', name: "before" }), this.enableGlobalFilter && this.table && (h("div", { key: '93d37d83811224847c16363f497c7cf65e2fc107', class: `search-container justify-${this.globalFilterPosition}` }, h("nv-fieldtext", { key: '9ed1b8cfedebd2ed37551b3fe428a5cd7ba7214a', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h("div", null, h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h("thead", null, this.parsedColumns.length > 0 && headerGroups
+        return (h(Host, { key: '9b03b317c777c1b562704c2a41174402ed912edc' }, h("div", { key: '2870e17288993bbe4ef97c5466f748358524ddd6', class: "hidden" }, h("slot", { key: 'dae9e3d0101a9172be5f6c861ac3aac9c47dbcd7' })), h("slot", { key: '92595656e2a98ad396026dd190a395a2229c9b54', name: "before" }), this.enableGlobalFilter && this.table && (h("div", { key: '2be1c238f90c9622667fdeb945489cc158920ed3', class: `search-container justify-${this.globalFilterPosition}` }, h("nv-fieldtext", { key: 'ce5470985bc635f30ad079c92959fa3c66112fa2', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h("div", null, h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h("thead", null, this.parsedColumns.length > 0 && headerGroups
             ? headerGroups?.map(headerGroup => (h("tr", { key: headerGroup.id }, headerGroup.headers.map(header => {
                 return this.getHeaderCell(header);
             }))))
@@ -1025,7 +1025,7 @@ export class NvDatagrid {
             })));
         }))), this.table && this.enableRowSelection ? (h("tfoot", null, h("tr", null, h("td", { colSpan: 20 }, this.enableRowSelection && this.table ? (h("div", null, this.rowSelectionState &&
             Object.keys(this.rowSelectionState).length > 0 ? (h("span", null, Object.keys(this.rowSelectionState).length, " of", ' ', this.table.getPreFilteredRowModel()?.rows
-            ?.length || 0, ' ', "Total Rows Selected")) : (h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), h("slot", { key: '46b1e3b6ec5ca09140437e82ca3fc90fdc34e4eb', name: "after" })));
+            ?.length || 0, ' ', "Total Rows Selected")) : (h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), h("slot", { key: 'f16988b9f3aab0c2d6498eff3e631e15e6a7748e', name: "after" })));
     }
     static get is() { return "nv-datagrid"; }
     static get originalStyleUrls() {

package/dist/collection/components/nv-datagridcolumn/nv-datagridcolumn.js

@@ -14,7 +14,7 @@ export class NvDatagridcolumn {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'd93cf7234c22d08319d2e4157945ece0b9e5f7b1' }, h("slot", { key: 'd4530c7f6854773716e7494e0379bc21f446ca53', name: "header" }), h("slot", { key: '60e2933f219f48c0567fd0e01a137a694ae1c1c9', name: "cell" })));
+        return (h(Host, { key: 'ca9506c7e77ca7d1b0a5ceed4c0978e9f33546bf' }, h("slot", { key: '6975e38f5a491a894c9c526e1d064c0451a25605', name: "header" }), h("slot", { key: 'fc67eb8ce80b10167ecf6947f33268e6588aa178', name: "cell" })));
     }
     static get is() { return "nv-datagridcolumn"; }
     static get properties() {