@nova-design-system/nova-react 3.29.0 → 3.31.0

package/dist/cjs/{nv-sidebarcontent.entry-llnRwVuj.js → nv-sidebarcontent.entry-CtARsnjy.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -14,7 +14,7 @@ const NvSidebarcontent = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '1892ab4b2c7698bb6c0e2baae242650f3a967947', role: "list" }, index.h("slot", { key: 'a971f991f52e65f4bd83dafeee2cbdf7c4b6de51' })));
+        return (index.h(index.Host, { key: '2460a0659ee45f37e92776ccf05a30a4bd58772f', role: "list" }, index.h("slot", { key: 'e7f41a9684461e8ee3fbc0388a6e1e80a33894ba' })));
     }
 };
 NvSidebarcontent.style = nvSidebarcontentCss();

package/dist/cjs/{nv-sidebardivider.entry--rQv8d5T.js → nv-sidebardivider.entry-C15Xk11m.js}

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

package/dist/cjs/{nv-sidebarfooter.entry-C5R0sUI_.js → nv-sidebarfooter.entry-DFMMvv_Q.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -14,7 +14,7 @@ const NvSidebarfooter = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '4ef8bb09df1cca9008062f4dc8f0252472da6a66' }, index.h("slot", { key: 'b30037ecc79272287a5ad134b1b17ce9516d14c7' })));
+        return (index.h(index.Host, { key: 'e678899934cfdb9b0c5433d3a22b23e73728ab46' }, index.h("slot", { key: '39e4a8351deb008e9672a3e90c2f2c51196a2021' })));
     }
 };
 NvSidebarfooter.style = nvSidebarfooterCss();

package/dist/cjs/{nv-sidebargroup.entry-DdrpLbU7.js → nv-sidebargroup.entry-DeWOA-0I.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -15,7 +15,7 @@ const NvSidebargroup = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'e23656515b0882eaeed7a9a3b5c772deab41cd9c', role: "group", "aria-label": this.label }, this.label && index.h("div", { key: '41600406fb5fd8f3845464260ccbcb3845d52b37', class: "nv-sidebargroup-label" }, this.label), index.h("slot", { key: '14303ef78c5da82c9a6d94d09a1e9341ade5bee4' })));
+        return (index.h(index.Host, { key: 'aa466d5d04f8f349c5f40b2705ce3ca07dcc0733', role: "group", "aria-label": this.label }, this.label && index.h("div", { key: '4460638eaac697aaba09e634bebc895dfeac43c8', class: "nv-sidebargroup-label" }, this.label), index.h("slot", { key: '4bfb3047dd95cb445797068c6915860b372a0864' })));
     }
 };
 NvSidebargroup.style = nvSidebargroupCss();

package/dist/cjs/{nv-sidebarheader.entry-HuBPIsyf.js → nv-sidebarheader.entry-HtvbpvnX.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -14,7 +14,7 @@ const NvSidebarheader = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '5e0b6bdc78618f3e434b62b6f6e4d60c220895ce' }, index.h("slot", { key: 'ae0f11bea6f4f9bbe5376d0870453648dc4acc77' })));
+        return (index.h(index.Host, { key: '058b1681ff0e0a35d96b3f5b27444853211eb067' }, index.h("slot", { key: '7b2f91201fe6ae8325dcfd07fae8f71cc15ffea1' })));
     }
 };
 NvSidebarheader.style = nvSidebarheaderCss();

package/dist/cjs/{nv-sidebarlogo.entry-TZNPoqnA.js → nv-sidebarlogo.entry-Zxbpttzr.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -24,7 +24,7 @@ const NvSidebarlogo = class {
     render() {
         const logoSrc = this.logo || this.defaultLogo;
         const collapsedLogoSrc = this.collapsedLogo || this.defaultCollapsedLogo;
-        return (index.h(index.Host, { key: '4a4ce90770480c97bbe8d940cf30f75b838de6c4' }, index.h("div", { key: '0ff88ef0a319410b0162f79738c13b3eb304fccb', class: "nv-sidebarlogo-container" }, index.h("img", { key: '6e94515fac21420295752374392e24de5079f013', src: logoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-full" }), index.h("img", { key: '88f326b233a44c0e4bbc1efbeabfa619f27366a2', src: collapsedLogoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-collapsed" }), index.h("slot", { key: 'bb09f8c0b8df53e8e3a47cc70235ca1599420ec1', name: "label" }), this.label && index.h("span", { key: 'b711afc9977d86decc2f475b457e8a8d6ed507f0', class: "nv-sidebarlogo-title" }, this.label))));
+        return (index.h(index.Host, { key: '1b61ccdfac0bf190f46b9750c0d64dd594982446' }, index.h("div", { key: '57e98866efe588eb18a6e9ec89a4bc1a43129598', class: "nv-sidebarlogo-container" }, index.h("img", { key: 'b682703b4343aa2ab1db7f9d312e238acd2af008', src: logoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-full" }), index.h("img", { key: '0c01b944f5dabbb3120c890651b40724edbdae29', src: collapsedLogoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-collapsed" }), index.h("slot", { key: '9f6cb193bc61463f827e8bb8a39aaac8c37d3049', name: "label" }), this.label && index.h("span", { key: '1610d7896bcdce509fd601f3dfb4b6a59fcebac8', class: "nv-sidebarlogo-title" }, this.label))));
     }
 };
 NvSidebarlogo.style = nvSidebarlogoCss();

package/dist/cjs/{nv-sidebarnavitem.entry-BWc3mF5I.js → nv-sidebarnavitem.entry-u4rbC1el.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -276,7 +276,7 @@ const NvSidebarnavitem = class {
     render() {
         const showNotificationBullet = this.notificationCount !== undefined && this.notificationCount > 0;
         const notificationSize = this.isSidebarCollapsed ? 'reduced' : 'default';
-        return (index.h(index.Host, { key: '1b2cf1eb2d9c5042aeb24324194feb1b55650ca9', role: "listitem" }, index.h("div", { key: 'c3dafa7bd8d23dacb986a049b909c799b96aa2a9', class: "nv-sidebarnavitem-trigger", onClick: this.handleToggle, "aria-expanded": this.collapsible ? String(this.open) : undefined, "aria-current": this.active && !this.collapsible ? 'page' : undefined }, this.icon && (index.h("div", { key: '7f5bcd6d41518923d6a83ddca423660eb2a41e6f', class: "nv-sidebarnavitem-icon" }, index.h("nv-icon", { key: 'bd910ba67edcd13bacea4cd6c229a20c6cb20911', name: this.icon, size: "md" }), showNotificationBullet && this.isSidebarCollapsed && (index.h("nv-notification-bullet", { key: 'cd52de830137aa70411c49d619e0ede95bcaf67f', count: this.notificationCount, size: notificationSize, contrastingBorder: true })))), index.h("div", { key: '103b75a710cf47e26143d4821826c95d9b17408c', class: "nv-sidebarnavitem-content" }, index.h("slot", { key: 'bae51d0b18e157637987b686d9ee021031256290' })), index.h("div", { key: 'a8eb101fb69af8a4ac279d6a3ad5652e22e22e33', class: "nv-sidebarnavitem-trailing" }, index.h("slot", { key: '1d797ec2458e3e4abab727cfdb0939f6be082164', name: "trailing" }), showNotificationBullet && !this.isSidebarCollapsed && (index.h("nv-notification-bullet", { key: '2d4e477da92c41c7b74e30829bb283b7bb130759', count: this.notificationCount, size: notificationSize })), this.collapsible && (index.h("nv-icon", { key: '5012ca8ad3b830a2fd57c0382d446a2891d7949a', name: "chevron-down", size: "sm", class: "nv-sidebarnavitem-chevron" })))), this.collapsible && this.hasSubitems && (index.h("div", { key: 'f7fd2c3cda2ae781ce10a9bc92cbd74154a18ba1', class: "nv-sidebarnavitem-subitems", ref: el => {
+        return (index.h(index.Host, { key: '3fc0030b34570e6a62d5382ed1986d06978e7697', role: "listitem" }, index.h("div", { key: 'baf4236cf917c60945b1087b822ea62688fce7dd', class: "nv-sidebarnavitem-trigger", onClick: this.handleToggle, "aria-expanded": this.collapsible ? String(this.open) : undefined, "aria-current": this.active && !this.collapsible ? 'page' : undefined }, this.icon && (index.h("div", { key: '43133ba47b9f79e13a1bff41e4bd6164167a324b', class: "nv-sidebarnavitem-icon" }, index.h("nv-icon", { key: '48a71113d4ee7e51a6888d24addd541adbb48bdd', name: this.icon, size: "md" }), showNotificationBullet && this.isSidebarCollapsed && (index.h("nv-notification-bullet", { key: '0a89f49fa31f416b794280477c24c9db8133031d', count: this.notificationCount, size: notificationSize, contrastingBorder: true })))), index.h("div", { key: '298e06f2a1649046e45ae7d50d233a43c592bda4', class: "nv-sidebarnavitem-content" }, index.h("slot", { key: '8c12b2779f0a89b71ecf15f2a29e750eacadf940' })), index.h("div", { key: 'f2ba7eec185fe210f294568852474df4c5e9bc64', class: "nv-sidebarnavitem-trailing" }, index.h("slot", { key: '365e7ad5254d49ad453e0da7a6d8fda260f2f6c5', name: "trailing" }), showNotificationBullet && !this.isSidebarCollapsed && (index.h("nv-notification-bullet", { key: 'bf2453a2b92425b9fabbcf285d793da2f091aeb8', count: this.notificationCount, size: notificationSize })), this.collapsible && (index.h("nv-icon", { key: 'a2e411250b6d2e03c1e5cfc0feaf777be5d386e8', name: "chevron-down", size: "sm", class: "nv-sidebarnavitem-chevron" })))), this.collapsible && this.hasSubitems && (index.h("div", { key: '06ad06c721546fcefb86010c10faf213d6881601', 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;
@@ -291,7 +291,7 @@ const NvSidebarnavitem = class {
                         });
                     }
                 }
-            } }, index.h("slot", { key: 'c3d3fb65b3af3550c10c14937dea1a981e3eb010', name: "subitems" })))));
+            } }, index.h("slot", { key: '21ed17d8ab90541514ae0fa5e441d67f62200b6d', name: "subitems" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-sidebarnavsubitem.entry-DekANwO8.js → nv-sidebarnavsubitem.entry-UouMn7hU.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -27,7 +27,7 @@ const NvSidebarnavsubitem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '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: '4abfe038592a030c9f48e5f62d8fda0552b9eaa0', role: "listitem", "aria-current": this.active ? 'page' : undefined }, index.h("div", { key: 'c6b5d4ad34ecfa7949c05e83acb5e594654f1e51', class: "nv-sidebarnavsubitem-indicator" }), index.h("div", { key: 'fc0478a26b8963ab9e647e8731c428525b45609e', class: "nv-sidebarnavsubitem-content" }, index.h("slot", { key: '399e3b85453dd7f69e654080deb27abf833b31f6' })), index.h("div", { key: '98c5b35c9a275f371f5f0541de6720227a72e08c', class: "nv-sidebarnavsubitem-trailing" }, index.h("slot", { key: '8d986d98f276372534beb7eb334cc09f90293042', name: "trailing" }))));
     }
 };
 NvSidebarnavsubitem.style = nvSidebarnavsubitemCss();

package/dist/cjs/{nv-split.entry-BOwOB8FW.js → nv-split.entry-CUMbQNQB.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -326,7 +326,7 @@ const NvSplit = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '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: 'f50ca6495a138622ac8ab8713329cef7318982a3', "data-dragging": this.isDragging.toString() }, index.h("slot", { key: 'fbc1a3606da521c05efdc2a5ef0cfbc295379b7a', name: "pane" }), index.h("slot", { key: '1b3a0df435d2ff8e6457bcead1e9116da84b3140', name: "gutter" }), index.h("slot", { key: 'b8bbb41801d7a9dd13fd50ddd780a64c2f6e4e7a' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-stack.entry-CaTiSLGN.js → nv-stack.entry-D_F42KTD.js}

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

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

@@ -0,0 +1,42 @@
+'use strict';
+
+var index = require('./index-BRxlcrvE.js');
+var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
+require('@stencil/react-output-target/runtime');
+require('react');
+require('react-dom');
+
+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: '47deb7af39321cdc397266b6618efc1e45d06302', class: clsxChV9xqsO.clsx(`status-${this.status}`, `emphasis-${this.emphasis}`), ...(!hasLabel ? { 'aria-label': this.status } : {}) }, index.h("nv-icon", { key: '9e2e8e9903c4ea4257d54c9fc286d0b94368066c', name: STATUS_ICONS[this.status], size: "xs", "aria-hidden": "true" }), hasLabel && index.h("span", { key: '0feef750f27a913158857fdd661a5847d7291816', class: "nv-statusindicator-label" }, this.label)));
+    }
+};
+NvStatusindicator.style = nvStatusindicatorCss();
+
+exports.nv_statusindicator = NvStatusindicator;

package/dist/cjs/{nv-table.entry-LFZaS0Dy.js → nv-table.entry-CKVH76OE.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -180,7 +180,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) {
@@ -236,7 +236,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: 'b5e48658bf7af1793298acc73edbc1473f535397' }, index.h("slot", { key: 'd3893f308eb48d8fc0854c121f3edd2b23405a3e' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/{nv-tableheader.entry-CK50S8xW.js → nv-tableheader.entry-btKwE14F.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -62,7 +62,7 @@ const NvTableheader = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '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: '729de448df598764070ba87ec85efc66ab2b9195', 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: '50b91ac2025ef216b120757a5d6848950f4fc76f' }), this.sortable && (index.h("span", { key: '61e8b7a4473b0f6f248f6966477c7358370fc228', class: "sort-icon-wrap", "aria-hidden": "true" }, index.h("nv-iconbutton", { key: '423b47f88ba4fc52a65bbd1fca3148aa21b4ca54', 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.entry-BxYC7Lgo.js

@@ -0,0 +1,85 @@
+'use strict';
+
+var index = require('./index-BRxlcrvE.js');
+var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
+require('@stencil/react-output-target/runtime');
+require('react');
+require('react-dom');
+
+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: clsxChV9xqsO.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.entry-A9elKwkf.js → nv-timetest.entry-CxXMIDZ_.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 var novaDatetimeCyL2J6O4 = require('./nova-datetime-CyL2J6O4-0Y9g3rfI.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -67,7 +67,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: '33ed55531736ead1e5cc19f6c2f1289a692f77d9' }, index.h("label", { key: 'f644f6dbd881d24f2ef0bc2aab7ce2ff69ad0837' }, "Start:", index.h("input", { key: '55d142d1ff69f6ebb0f7bed442a9f5b11f923b52', type: "time", step: "1", value: this.value?.start ?? '', onInput: this.handleStartChange })), index.h("label", { key: '25abb5ef4a9a400a103f525538d2e57198c59d55' }, "End:", index.h("input", { key: '76fddac178659ac044d18023764f4d650134b69d', type: "time", step: "1", value: this.value?.end ?? '', onInput: this.handleEndChange })), index.h("slot", { key: '21a93e0448417f2178e05c5f59b5d8f91df1c669' })));
     }
 };
 NvTimetest.style = nvTimetestCss();

package/dist/cjs/{nv-toggle.entry-BGu-6rEs.js → nv-toggle.entry-C4uo7RRt.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
@@ -66,8 +66,8 @@ const NvToggle = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '39ad1374bbf8cd5393a99dc4c18fa28091dc5e90', class: clsxChV9xqsO.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: clsxChV9xqsO.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: '88599bb11dc4506a3e2416d78eeb672116cee759', class: clsxChV9xqsO.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: '07815a153cea26141cfc998c8337bc0933a82f29', class: "input-container" }, index.h("input", { key: '3329cbdeb237fb5eb26b590365ac75417d14b4af', 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: 'a88596dae72ba49bd6bfa1cd7c8b8a127edf550f', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'a9b5d6caec359f7b42a40fd8f8ca9133a5b9e425', htmlFor: this.inputId, class: clsxChV9xqsO.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: '5b823d72a6e114e695384b67597768398c50a86d', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '13c23e6d70be4a2e6654a95d402b985d7b44116d', class: "description" }, index.h("slot", { key: '5a281af80d115ca0e8df5ffc01366fc113f33dc0', name: "description" }, this.description))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/{nv-togglebutton.entry-BzAcBOgN.js → nv-togglebutton.entry-DJ-s5lgO.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -57,7 +57,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: 'a8bc68a6b0d42e47d7875b40f355cf477f1106b2', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, index.h("slot", { key: '164faf0b2258f93055e53201e69a7d893dd239c2' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-togglebuttongroup.entry-CIWp7IXc.js → nv-togglebuttongroup.entry-DJOCL_Qx.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -156,7 +156,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: 'fb35370c2726543b4bd4198d7aa877b37231ee2f' }, index.h("slot", { key: 'ec1b09473ea963aea37139b96b298c90aa9443ee' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-tooltip.entry-CoGkSHpv.js → nv-tooltip.entry-DndZWT1U.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DgKzi_Pd.js');
+var index = require('./index-BRxlcrvE.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -52,7 +52,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: '8e1e44685881292043f98a33a5840131df0741e0' }, index.h("nv-popover", { key: 'f372df83fe03c6a6ca73c8ab739e8a808e4d3cba', 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: '7aecd95a851eb34fef77895b64fecd17696ab024', slot: "content" }, this.message), index.h("slot", { key: '1e3118779da63542fa09460d4ee075f0df6b57b3', name: "content" })), index.h("slot", { key: '21ed6408e0126c0fb33e7abed7aa023885f02998', ref: el => (this.defaultSlot = el) })));
     }
     get el() { return index.getElement(this); }
 };