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

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 require('react');
 require('react-dom');
 
@@ -91,12 +91,23 @@ exports.NvLoader = index.NvLoader;
 exports.NvMenu = index.NvMenu;
 exports.NvMenuitem = index.NvMenuitem;
 exports.NvNotification = index.NvNotification;
+exports.NvNotificationBullet = index.NvNotificationBullet;
 exports.NvNotificationcontainer = index.NvNotificationcontainer;
 exports.NvPopover = index.NvPopover;
 exports.NvRow = index.NvRow;
+exports.NvSidebar = index.NvSidebar;
+exports.NvSidebarcontent = index.NvSidebarcontent;
+exports.NvSidebardivider = index.NvSidebardivider;
+exports.NvSidebarfooter = index.NvSidebarfooter;
+exports.NvSidebargroup = index.NvSidebargroup;
+exports.NvSidebarheader = index.NvSidebarheader;
+exports.NvSidebarlogo = index.NvSidebarlogo;
+exports.NvSidebarnavitem = index.NvSidebarnavitem;
+exports.NvSidebarnavsubitem = index.NvSidebarnavsubitem;
 exports.NvSplit = index.NvSplit;
 exports.NvStack = index.NvStack;
 exports.NvTable = index.NvTable;
+exports.NvTableheader = index.NvTableheader;
 exports.NvToggle = index.NvToggle;
 exports.NvTogglebutton = index.NvTogglebutton;
 exports.NvTogglebuttongroup = index.NvTogglebuttongroup;

package/dist/cjs/{nv-accordion-item.entry-BBAGkmLI.js → nv-accordion-item.entry-zvp8yDql.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 var collapse_animation6e0b08df = require('./collapse.animation-6e0b08df-AHWzNGm_.js');
 require('./style-value-types.es-f5d10b79-D0QCM8OB.js');
 require('react');

package/dist/cjs/{nv-accordion.entry-CvvtdLIz.js → nv-accordion.entry-D6gckOF4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 require('react');
 require('react-dom');
 

package/dist/cjs/{nv-alert.entry-w5XeFsrC.js → nv-alert.entry-Df8-nQ-R.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var constants69bafca2 = require('./constants-69bafca2-DpB_ghPF.js');
 var collapse_animation6e0b08df = require('./collapse.animation-6e0b08df-AHWzNGm_.js');

package/dist/cjs/{nv-avatar.entry-BxUZg-8h.js → nv-avatar.entry-ZOnVWP9L.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var constants69bafca2 = require('./constants-69bafca2-DpB_ghPF.js');
 require('react');

package/dist/cjs/{nv-badge_2.entry-DdSIFlJf.js → nv-badge_2.entry-DgiVv_Yf.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var collapse_animation6e0b08df = require('./collapse.animation-6e0b08df-AHWzNGm_.js');
 var fade_animation9b939939 = require('./fade.animation-9b939939-DV--bM4S.js');
@@ -203,7 +203,7 @@ const NvFielddropdownitemcheck = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '124db3918761db1f6e308ac3df5859a97b178085', onClick: this.handleClick }, index.h("nv-fieldcheckbox", { key: '6d76719952e26b0106a3e288731dd6a1d0b1fd1b', checked: this.checked, name: this.label || this.value, label: this.label || this.value, labelPlacement: "after", description: this.description, disabled: this.disabled, tabindex: "-1", onCheckedChanged: this.onFieldcheckboxChanged }, index.h("slot", { key: 'ce4c4617739a9c26c735a53480177402d5ce60ea' }), index.h("slot", { key: 'fed41bcc827d3621f41b9a9b309ad9a2eb6d26ab', name: "main" }), index.h("slot", { key: '69a21ab4968097afde6d4528dca6e8c6e47dc583', name: "label" }), index.h("slot", { key: '3693201bae40bc035bb3b6ca7fee97970953b5b5', name: "description" }))));
+        return (index.h(index.Host, { key: '1687dc92f82edea9c1da273c0bd3c45f788a1d82', onClick: this.handleClick }, index.h("nv-fieldcheckbox", { key: '78c36b53395398068513256f044a10cd44fc8d98', checked: this.checked, name: this.label || this.value, label: this.label || this.value, labelPlacement: "after", description: this.description, disabled: this.disabled, tabindex: "-1", onCheckedChanged: this.onFieldcheckboxChanged }, index.h("slot", { key: 'af95c41a46d57060b62098cc4735a8aef0326223' }), index.h("slot", { key: '0bf00132a35df36f3a4e8dc40610a107c1786eab', name: "main" }), index.h("slot", { key: '3ce40d59700f4e8b764aeac25e39976329422b67', name: "label" }), index.h("slot", { key: 'edf7025cebd62843b55f92014d12905574166dd7', name: "description" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-breadcrumb.entry-CmbqGw3C.js → nv-breadcrumb.entry-IqtE1JL0.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 require('react');
 require('react-dom');

package/dist/cjs/{nv-breadcrumbs.entry-DFHxtPKv.js → nv-breadcrumbs.entry-Be6dz7zI.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 require('react');
 require('react-dom');
 

package/dist/cjs/nv-button.entry-CmswF3Si.js

@@ -0,0 +1,164 @@
+'use strict';
+
+var index = require('./index-CEKdYnmK.js');
+var constants69bafca2 = require('./constants-69bafca2-DpB_ghPF.js');
+require('react');
+require('react-dom');
+
+const nvButtonCss = "nv-button{text-decoration:none;display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:var(--font-weight-medium-emphasis);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;transition:background-color 150ms ease-out;user-select:none;cursor:pointer;height:fit-content;width:fit-content}nv-button[size=xs]{padding:var(--button-xs-padding-y) var(--button-xs-padding-x);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);height:var(--button-xs-height);font-size:var(--button-xs-font-size)}nv-button[size=xs] nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-button[size=sm]{padding:var(--button-sm-padding-y) var(--button-sm-padding-x);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);height:var(--button-sm-height);font-size:var(--button-sm-font-size)}nv-button[size=sm] nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-button[size=md]{padding:var(--button-md-padding-y) var(--button-md-padding-x);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);height:var(--button-md-height);font-size:var(--button-md-font-size)}nv-button[size=md] nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-button[size=lg]{padding:var(--button-lg-padding-y) var(--button-lg-padding-x);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);height:var(--button-lg-height);font-size:var(--button-lg-font-size)}nv-button[size=lg] nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-button[emphasis=high]{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-button[emphasis=high]:hover{background:var(--components-button-high-background-hover);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text-hover)}nv-button[emphasis=high]:active{background:var(--components-button-high-background-active);border:1px solid var(--components-button-high-border-active);color:var(--components-button-high-text-active)}nv-button[emphasis=high]:focus,nv-button[emphasis=high]:focus-within{outline:none}nv-button[emphasis=high]:focus-visible,nv-button[emphasis=high]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=high]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=high][active]:not([active=false]){background:var(--components-button-high-background-active);border:1px solid var(--components-button-high-border-active);color:var(--components-button-high-text-active)}nv-button[emphasis=high][danger]:not([danger=false]){background:var(--components-button-destructive-high-background);border:1px solid transparent;color:var(--components-button-destructive-high-text)}nv-button[emphasis=high][danger]:not([danger=false]):hover{background:var(--components-button-destructive-high-background-hover);border:1px solid transparent;color:var(--components-button-destructive-high-text-hover)}nv-button[emphasis=high][danger]:not([danger=false]):focus,nv-button[emphasis=high][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=high][danger]:not([danger=false]):focus-visible,nv-button[emphasis=high][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=medium]{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-button[emphasis=medium]:hover{background:var(--components-button-medium-background-hover);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text-hover)}nv-button[emphasis=medium]:active{background:var(--components-button-medium-background-active);border:1px solid var(--components-button-medium-border-active);color:var(--components-button-medium-text-active)}nv-button[emphasis=medium]:focus,nv-button[emphasis=medium]:focus-within{outline:none}nv-button[emphasis=medium]:focus-visible,nv-button[emphasis=medium]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=medium]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=medium][active]:not([active=false]){background:var(--components-button-medium-background-active);border:1px solid var(--components-button-medium-border-active);color:var(--components-button-medium-text-active)}nv-button[emphasis=medium][danger]:not([danger=false]){background:var(--components-button-destructive-medium-background);border:1px solid var(--components-button-destructive-medium-border);color:var(--components-button-destructive-medium-text)}nv-button[emphasis=medium][danger]:not([danger=false]):hover{background:var(--components-button-destructive-medium-background-hover);border:1px solid var(--components-button-destructive-medium-border);color:var(--components-button-destructive-medium-text-hover)}nv-button[emphasis=medium][danger]:not([danger=false]):focus,nv-button[emphasis=medium][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=medium][danger]:not([danger=false]):focus-visible,nv-button[emphasis=medium][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=low]{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-button[emphasis=low]:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-button[emphasis=low]:active{background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-button[emphasis=low]:focus,nv-button[emphasis=low]:focus-within{outline:none}nv-button[emphasis=low]:focus-visible,nv-button[emphasis=low]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=low]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=low][active]:not([active=false]){background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-button[emphasis=low][danger]:not([danger=false]){background:var(--components-button-destructive-low-background);border:1px solid var(--components-button-destructive-low-border);color:var(--components-button-destructive-low-text)}nv-button[emphasis=low][danger]:not([danger=false]):hover{background:var(--components-button-destructive-low-background-hover);border:1px solid var(--components-button-destructive-low-border);color:var(--components-button-destructive-low-text-hover)}nv-button[emphasis=low][danger]:not([danger=false]):focus,nv-button[emphasis=low][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=low][danger]:not([danger=false]):focus-visible,nv-button[emphasis=low][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=lower]{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-button[emphasis=lower]:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-button[emphasis=lower]:active{background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}nv-button[emphasis=lower]:focus,nv-button[emphasis=lower]:focus-within{outline:none}nv-button[emphasis=lower]:focus-visible,nv-button[emphasis=lower]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=lower]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=lower][active]:not([active=false]){background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}nv-button[emphasis=lower][danger]:not([danger=false]){background:var(--components-button-destructive-lower-background);border:1px solid var(--components-button-destructive-lower-border);color:var(--components-button-destructive-lower-text)}nv-button[emphasis=lower][danger]:not([danger=false]):hover{background:var(--components-button-destructive-lower-background-hover);border:1px solid var(--components-button-destructive-lower-border);color:var(--components-button-destructive-lower-text-hover)}nv-button[emphasis=lower][danger]:not([danger=false]):focus,nv-button[emphasis=lower][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=lower][danger]:not([danger=false]):focus-visible,nv-button[emphasis=lower][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[fluid]:not([fluid=false]){width:100%}nv-button[loading]:not([loading=false]) [slot=leading-icon]{display:none}";
+const NvButtonStyle0 = nvButtonCss;
+
+const NvButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Determines how large or small the button appears, allowing for
+         * customization of the button's dimensions to fit different design
+         * specifications and user needs.
+         */
+        this.size = 'md';
+        /**
+         * Adjusts the button's emphasis to make it more or less visually prominent
+         * to users. Use this to draw attention to important actions or reduce focus
+         * on less critical ones
+         */
+        this.emphasis = 'high';
+        /**
+         * Use this prop to highlight the button when it represents the current page
+         * or active selection. This helps users understand their navigation context.
+         */
+        this.active = false;
+        /**
+         * Applies styling that visually indicates the button represents a dangerous
+         * action.
+         */
+        this.danger = false;
+        /**
+         * Set this to true to show a spinner on the button, letting users know that
+         * their action is being processed. It helps improve user experience by
+         * indicating ongoing activities.
+         */
+        this.loading = false;
+        /**
+         * Disables the button, preventing user interaction.
+         */
+        this.disabled = false;
+        /**
+         * Allows the button to stretch and fill the entire width of its container.
+         */
+        this.fluid = false;
+        /**
+         * Sets the button type to control its function in forms. Use 'submit' to send
+         * form data, 'reset' to clear the form, or 'button' for a standard button
+         * that doesn't interact with form submission by default.
+         */
+        this.type = 'button';
+        /**
+         * Use this to make the button skip-able when users navigate with the keyboard.
+         * The button remains clickable but won’t be reached via the Tab key.
+         */
+        this.disableTabindex = false;
+        //#endregion PROPERTIES
+        /****************************************************************************/
+        //#region METHODS
+        /**
+         * Handles button click events, managing form actions and disabled states.
+         * Prevents default behavior when button is disabled or loading, and
+         * processes form submissions/resets when appropriate.
+         * @param {Event} event - The click event.
+         */
+        this.handleButtonClick = (event) => {
+            var _a;
+            if (this.loading || this.disabled) {
+                event.preventDefault();
+                return;
+            }
+            if (this.type !== constants69bafca2.ButtonType.Button &&
+                (this.form || ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.form))) {
+                this.processFormAction();
+            }
+            else if (this.form && this.type === constants69bafca2.ButtonType.Button) {
+                console.warn('Button has a form id but is not of type submit or reset so no form action will be processed.', `Button:`, this.el);
+            }
+        };
+        /**
+         * Processes form-related actions by finding the associated form element
+         * and triggering the appropriate action (submit/reset) based on button type.
+         * Falls back to ElementInternals form if no explicit form ID is provided.
+         */
+        this.processFormAction = () => {
+            var _a, _b;
+            const formElement = this.form
+                ? document.getElementById(this.form)
+                : (_a = this.internals) === null || _a === void 0 ? void 0 : _a.form;
+            if (!formElement) {
+                console.warn('No form element found.', `Form ID: ${this.form || 'Not provided'}`, `Internals form:`, (_b = this.internals) === null || _b === void 0 ? void 0 : _b.form);
+                return;
+            }
+            switch (this.type) {
+                case constants69bafca2.ButtonType.Submit:
+                    formElement.requestSubmit();
+                    break;
+                case constants69bafca2.ButtonType.Reset:
+                    formElement.reset();
+                    break;
+            }
+        };
+    }
+    //#endregion METHODS
+    /****************************************************************************/
+    //#region EVENTS
+    handleKeyDown(event) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.el.click();
+        }
+    }
+    //#endregion EVENTS
+    /****************************************************************************/
+    //#region WATCHERS
+    handleLoadingChange(loading) {
+        this.loading = loading;
+        this.disabled = loading;
+    }
+    handleDisabledChange(disabled) {
+        if (this.loading) {
+            this.disabled = this.loading;
+        }
+        else {
+            this.disabled = disabled;
+        }
+    }
+    //#endregion WATCHERS
+    /****************************************************************************/
+    //#region LIFECYCLE
+    componentWillLoad() {
+        if (this.loading) {
+            this.disabled = this.loading;
+        }
+    }
+    //#endregion LIFECYCLE
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '785b6127926d695ddaaff1a1f740102abd5132bb', role: "button", tabindex: this.disableTabindex ? -1 : 0, onClick: this.handleButtonClick }, this.loading && (index.h("nv-loader", { key: 'b361e4ac45cc1612723d6a67f866b8cdce3c4abc', size: this.size === constants69bafca2.ButtonSize.Large ? 'sm' : 'xs' })), index.h("slot", { key: 'b23c877bd95ae0a02c89c83e4e3d5f0178d646a5', name: "leading-icon" }), index.h("slot", { key: '7c95b1f28a64e7bb5ca02abf2190dfda62d1c758' }), index.h("slot", { key: 'f1cd34ea21393b78bc2f5140364d47b9e70f505c', name: "trailing-icon" })));
+    }
+    static get formAssociated() { return true; }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "loading": ["handleLoadingChange"],
+        "disabled": ["handleDisabledChange"]
+    }; }
+};
+NvButton.style = NvButtonStyle0;
+
+exports.nv_button = NvButton;

package/dist/cjs/{nv-buttongroup.entry-wn9zFd_M.js → nv-buttongroup.entry-Cfe6rFSs.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 require('react');
 require('react-dom');
 

package/dist/cjs/{nv-calendar.entry-Dldsa6dz.js → nv-calendar.entry-q83sS_dN.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 var constants69bafca2 = require('./constants-69bafca2-DpB_ghPF.js');
 var _commonjsHelpers1789f0cf = require('./_commonjsHelpers-1789f0cf-BJu3ubxk.js');
 require('react');

package/dist/cjs/{nv-col.entry-DnG79KM1.js → nv-col.entry-Cu-Qi1bi.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 require('react');
 require('react-dom');

package/dist/cjs/{nv-datagrid.entry-C2ML-e47.js → nv-datagrid.entry-Cx7SvD5S.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 var constants69bafca2 = require('./constants-69bafca2-DpB_ghPF.js');
 require('react');
 require('react-dom');
@@ -4489,7 +4489,7 @@ const NvDatagrid = class {
         const rows = !this.table || this.table === undefined || this.parsedData.length === 0
             ? []
             : (_c = (_b = this.table) === null || _b === void 0 ? void 0 : _b.getRowModel()) === null || _c === void 0 ? void 0 : _c.rows;
-        return (index.h(index.Host, { key: '12113da221c66835cbd3c9c6f84d386b01a6cd3d' }, index.h("div", { key: '81e429e22f928758c413e295d431b9b5e989304f', class: "hidden" }, index.h("slot", { key: '12a21e3793f14ae1b47df812bf6d4c4d0d6c02f3' })), index.h("slot", { key: '372beaeea9fec7014a372961c6fabfae485c4cdc', name: "before" }), this.enableGlobalFilter && this.table && (index.h("div", { key: 'ca2589c327c23d4e4155d716f7d92c463ff36ab9', class: `search-container justify-${this.globalFilterPosition}` }, index.h("nv-fieldtext", { key: '749336787db4601d30d9b96d3f0db7f1cffe545f', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (index.h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (index.h("div", null, index.h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (index.h("thead", null, this.parsedColumns.length > 0 && headerGroups
+        return (index.h(index.Host, { key: 'e451dbf6c1042fc5a3796499946db45b4797dc93' }, index.h("div", { key: '670240e9033cdfaa50f5ce81a09ded008e17be12', class: "hidden" }, index.h("slot", { key: '814388d223b82c65f9ee7d1d32ad5ad3faf43f38' })), index.h("slot", { key: '5d8b91ec6e98f86fe1b9b67aef971d228ab54533', name: "before" }), this.enableGlobalFilter && this.table && (index.h("div", { key: 'c9c308ac2e7306414a659b020d8ac169e7705a07', class: `search-container justify-${this.globalFilterPosition}` }, index.h("nv-fieldtext", { key: 'd0447d814471e881aaa186bddcbc245b4defab4d', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (index.h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (index.h("div", null, index.h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (index.h("thead", null, this.parsedColumns.length > 0 && headerGroups
             ? headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map(headerGroup => (index.h("tr", { key: headerGroup.id }, headerGroup.headers.map(header => {
                 return this.getHeaderCell(header);
             }))))
@@ -4500,7 +4500,7 @@ const NvDatagrid = class {
                 return (index.h("td", { key: cell.id, "data-row-id": rowId }, this.flexRender(cell.column.columnDef.cell, cell.getContext())));
             })));
         }))), this.table && this.enableRowSelection ? (index.h("tfoot", null, index.h("tr", null, index.h("td", { colSpan: 20 }, this.enableRowSelection && this.table ? (index.h("div", null, this.rowSelectionState &&
-            Object.keys(this.rowSelectionState).length > 0 ? (index.h("span", null, Object.keys(this.rowSelectionState).length, " of", ' ', ((_e = (_d = this.table.getPreFilteredRowModel()) === null || _d === void 0 ? void 0 : _d.rows) === null || _e === void 0 ? void 0 : _e.length) || 0, ' ', "Total Rows Selected")) : (index.h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), index.h("slot", { key: 'd7dbad31543cb111f4137fd1a0430f9a2803bfdd', name: "after" })));
+            Object.keys(this.rowSelectionState).length > 0 ? (index.h("span", null, Object.keys(this.rowSelectionState).length, " of", ' ', ((_e = (_d = this.table.getPreFilteredRowModel()) === null || _d === void 0 ? void 0 : _d.rows) === null || _e === void 0 ? void 0 : _e.length) || 0, ' ', "Total Rows Selected")) : (index.h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), index.h("slot", { key: '630915f2ec10f811feae59def0c0b3f4769b11b6', name: "after" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-datagridcolumn.entry-DcMPUtQS.js → nv-datagridcolumn.entry-B_uXKFLg.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 require('react');
 require('react-dom');
 

package/dist/cjs/{nv-dialog.entry-C0Vx7dQc.js → nv-dialog.entry-J6Xwi6z1.js}

@@ -1,7 +1,10 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
-var events_utilsFe1d907f = require('./events.utils-fe1d907f-01N__3wY.js');
+var index = require('./index-CEKdYnmK.js');
+var grow_animation24ad5cf8 = require('./grow.animation-24ad5cf8-LUp_ITEx.js');
+var fade_animation9b939939 = require('./fade.animation-9b939939-DV--bM4S.js');
+require('./style-value-types.es-f5d10b79-D0QCM8OB.js');
+var timeline_animation79215cd4 = require('./timeline.animation-79215cd4-KteJaZPb.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var constants69bafca2 = require('./constants-69bafca2-DpB_ghPF.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
@@ -542,7 +545,7 @@ var tabbable = function tabbable(container, options) {
   return sortByOrder(candidates);
 };
 
-const nvDialogCss = "dialog{border-radius:var(--radius-rounded-2xl);background:var(--color-level-00-background);min-width:min(90vw, 400px);width:fit-content;max-width:clamp(90vw, min(90vw, 960px), 960px);margin:auto;max-height:90vh;overflow:hidden;box-shadow:0px var(--shadow-y-axis-2xl) var(--shadow-blur-2xl) var(--shadow-spread-2xl) var(--shadow-color-opacity-3) var(--shadow-color-opacity-3)}dialog.full{width:90vw}dialog::backdrop{opacity:var(--components-overlay-opacity);background:var(--components-overlay-background)}dialog .content{display:flex;flex-direction:column;align-items:flex-start;height:fit-content;max-height:90vh;overflow:hidden}dialog .content nv-button.close-button{position:absolute;top:var(--dialog-dismissible-position-top);right:var(--dialog-dismissible-position-right);display:flex;padding:var(--button-sm-icon-button-padding);justify-content:flex-end;align-items:flex-start;gap:10px}dialog .content .content-body{overflow:auto;box-sizing:border-box;padding:var(--dialog-body-padding-y) var(--dialog-body-padding-x);scrollbar-gutter:stable both-edges;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);color:var(--color-content-medium-text)}dialog .content .content-body::-webkit-scrollbar{width:6px;height:6px}dialog .content .content-body::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}dialog .content .content-body::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}";
+const nvDialogCss = "nv-dialog dialog{width:100vw;height:100svh;margin:0;max-height:unset;max-width:unset;padding:0;background:color-mix(in srgb, var(--components-overlay-background) 70%, transparent);backdrop-filter:blur(4px)}nv-dialog dialog.full .content{min-width:90vw;width:90vw;max-width:90vw}nv-dialog .backdrop{display:flex;min-height:100%;padding:var(--spacing-3);box-shadow:0px var(--shadow-y-axis-2xl) var(--shadow-blur-2xl) var(--shadow-spread-2xl) var(--shadow-color-opacity-3) var(--shadow-color-opacity-3)}nv-dialog .backdrop .content{border-radius:var(--radius-rounded-2xl);background:var(--color-level-00-background);min-width:min(90vw, 400px);width:fit-content;max-width:clamp(90vw, min(90vw, 960px), 960px);margin:auto;display:flex;flex-direction:column;align-items:flex-start;height:fit-content;position:relative}nv-dialog .backdrop .content nv-button.close-button{position:absolute;top:var(--dialog-dismissible-position-top);right:var(--dialog-dismissible-position-right);display:flex;padding:var(--button-sm-icon-button-padding);justify-content:flex-end;align-items:flex-start;gap:10px}nv-dialog .backdrop .content .content-body{box-sizing:border-box;padding:var(--dialog-body-padding-y) var(--dialog-body-padding-x);scrollbar-gutter:stable both-edges;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);color:var(--color-content-medium-text);width:100%}nv-dialog .backdrop .content .content-body::-webkit-scrollbar{width:6px;height:6px}nv-dialog .backdrop .content .content-body::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-dialog .backdrop .content .content-body::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}";
 const NvDialogStyle0 = nvDialogCss;
 
 const NvDialog = class {
@@ -609,13 +612,30 @@ const NvDialog = class {
                 this.close();
             }
         };
-        this.handleClickOutside = (event) => {
-            if (event.target === this.dialogElement) {
+        /**
+         * Handles the click event to close the dialog when clickOutside is true.
+         * @param {MouseEvent} event - The click event.
+         */
+        this.handleDialogClick = (event) => {
+            if (!this.clickOutside || this.undismissable)
+                return;
+            if (this.checkForOpenPopovers())
+                return;
+            if (event.target === this.backdropElement) {
                 this.close();
                 event.preventDefault();
                 event.stopPropagation();
             }
         };
+        this.checkForOpenPopovers = () => {
+            let hasOpenPopover = false;
+            this.el.querySelectorAll('nv-popover').forEach(popover => {
+                if (popover.hasAttribute('open')) {
+                    hasOpenPopover = true;
+                }
+            });
+            return hasOpenPopover;
+        };
     }
     //#endregion PROPERTIES
     /****************************************************************************/
@@ -629,7 +649,18 @@ const NvDialog = class {
         /** It is recommended to use the .show() or .showModal() method to render
          * dialogs, rather than the open attribute. If a <dialog> is opened using
          * the open attribute, it is non-modal. */
+        const { setFadeOut } = fade_animation9b939939.useFade(this.dialogElement);
+        setFadeOut();
         this.dialogElement.showModal();
+        const { setGrowIn, growIn } = grow_animation24ad5cf8.useGrow(this.contentElement, {
+            duration: 100,
+            amount: 0.9,
+        });
+        const { fadeIn } = fade_animation9b939939.useFade(this.dialogElement, {
+            duration: 100,
+        });
+        setGrowIn();
+        await timeline_animation79215cd4.parallel(fadeIn, growIn).start();
     }
     /**
      * Call this method to hide the dialog, making it disappear from view.
@@ -637,6 +668,14 @@ const NvDialog = class {
     async close() {
         this.open = false;
         this.allowScroll();
+        const { growOut } = grow_animation24ad5cf8.useGrow(this.contentElement, {
+            duration: 150,
+            amount: 0.85,
+        });
+        const { fadeOut } = fade_animation9b939939.useFade(this.dialogElement, {
+            duration: 150,
+        });
+        await timeline_animation79215cd4.parallel(growOut, fadeOut).start();
         this.dialogElement.close();
     }
     /**
@@ -666,7 +705,7 @@ const NvDialog = class {
      */
     attachEventListeners() {
         if (this.triggerElement && !this.eventsAttached && !this.controlled) {
-            events_utilsFe1d907f.addEventListeners(this.triggerClickEvents, this.triggerElement, this);
+            grow_animation24ad5cf8.addEventListeners(this.triggerClickEvents, this.triggerElement, this);
             this.eventsAttached = true;
         }
     }
@@ -719,23 +758,17 @@ const NvDialog = class {
     handleKeyDown(event) {
         if (event.key !== 'Escape')
             return;
-        if (this.undismissable) {
+        if (!this.open)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        const hasOpenPopover = this.checkForOpenPopovers();
+        if (!this.undismissable && !hasOpenPopover) {
             event.preventDefault();
             event.stopPropagation();
-        }
-        else {
             this.close();
         }
     }
-    /**
-     * Handles the click event to close the dialog when clickOutside is true.
-     * @param {MouseEvent} event - The click event.
-     */
-    handleDocumentClick(event) {
-        if (!this.clickOutside || this.undismissable)
-            return;
-        this.handleClickOutside(event);
-    }
     //#endregion LISTENERS
     /****************************************************************************/
     //#region LIFECYCLE
@@ -773,10 +806,11 @@ const NvDialog = class {
         this.attachEventListeners();
         // Additional form check in case form was added after initial load
         this.checkForForm();
+        // this.setupContentBodyListeners();
     }
     disconnectedCallback() {
         if (this.triggerElement && !this.eventsAttached && !this.controlled) {
-            events_utilsFe1d907f.removeEventListeners(this.triggerClickEvents, this.triggerElement, this);
+            grow_animation24ad5cf8.removeEventListeners(this.triggerClickEvents, this.triggerElement, this);
             this.eventsAttached = false;
         }
         this.allowScroll();
@@ -786,7 +820,7 @@ const NvDialog = class {
     //#region RENDER
     render() {
         const hasForm = this.form || this.el.querySelector('form');
-        return (index.h(index.Host, { key: 'b32680019247cf7e39b5861a77dce61e08eadd7b' }, index.h("slot", { key: '104978b5cccd97997955a6c0db21f9549643f40a', name: "trigger" }), index.h("dialog", { key: '951a58755ac49f6c2b2f427599d5bc2540c65e2e', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx297c1ffe.clsx({ full: this.full }) }, index.h("div", { key: '96b727e70efe35991086ead905f925af28808cb8', class: "content" }, !this.undismissable && (index.h("nv-button", { key: '36f2214d2ed81d7b85c3c523f490e75ca2bffc68', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDialogClose, "aria-label": "Close dialog" }, index.h("nv-icon", { key: '7a50fc4e330e7ab67bba0fa429c5cd92630014bc', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-dialogheader", { id: "dialog-header" })), index.h("div", { key: 'cf4269a73467794d0158a4e56f34e2a81edd6643', class: "content-body", id: "dialog-content" }, index.h("slot", { key: 'f91e72aafdd2f5de65ae78262f274b83bd37560d' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? constants69bafca2.ButtonType.Submit : constants69bafca2.ButtonType.Button, onDialogCanceled: this.handleDialogClose, undismissable: this.undismissable }))))));
+        return (index.h(index.Host, { key: '91b36e5daac0251997c7a6794166794f1e89087f' }, index.h("slot", { key: 'abeef317af74093c9b09fa6f2d300c23bbde54a6', name: "trigger" }), index.h("dialog", { key: '1eb417dc921bca7837aa05aad9c252fba7d9d920', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, onClick: this.handleDialogClick, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx297c1ffe.clsx({ full: this.full }) }, index.h("div", { key: '8ec55c461a747ebb4556fbf791ee1d66d3bcc51a', class: "backdrop", ref: el => (this.backdropElement = el) }, index.h("div", { key: '373beedad09464f3473935e0464b3f51133e0372', class: "content", ref: el => (this.contentElement = el) }, !this.undismissable && (index.h("nv-button", { key: '5e94d056687837b017991f54df6cf350159addcc', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDialogClose, "aria-label": "Close dialog" }, index.h("nv-icon", { key: '98db7848b9796589b9e7670c62a26417228a15d6', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-dialogheader", { id: "dialog-header" })), index.h("div", { key: '611eb7914b65d5a27513f91eb458a578dbc63734', class: "content-body", id: "dialog-content" }, index.h("slot", { key: 'caf21876e6a33e997eccdc577fb43d6e63fcfc90' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? constants69bafca2.ButtonType.Submit : constants69bafca2.ButtonType.Button, onDialogCanceled: this.handleDialogClose, undismissable: this.undismissable })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-dialogfooter_2.entry-BGq8Jiib.js → nv-dialogfooter_2.entry-DOlhqDTh.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 var constants69bafca2 = require('./constants-69bafca2-DpB_ghPF.js');
 require('react');
 require('react-dom');
@@ -93,7 +93,7 @@ const NvDialogfooter = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '0868c3af73f89219eee7c006b4ddca47c6da29b0' }, !this.hasSlot ? (index.h(index.Fragment, null, !this.undismissable && (index.h("nv-button", { onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), index.h("nv-button", { onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (index.h("nv-icon", { slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (index.h("nv-icon", { slot: "trailing-icon", name: this.trailingIcon, size: "sm" }))))) : (index.h("slot", null))));
+        return (index.h(index.Host, { key: '908abbe8e2e9aa215641dd056c70dc16f36c3ac3' }, !this.hasSlot ? (index.h(index.Fragment, null, !this.undismissable && (index.h("nv-button", { onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), index.h("nv-button", { onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (index.h("nv-icon", { slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (index.h("nv-icon", { slot: "trailing-icon", name: this.trailingIcon, size: "sm" }))))) : (index.h("slot", null))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
@@ -128,7 +128,7 @@ const NvDialogheader = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'f91a9aea8aa7116266f52bb356ef2ec493df6354' }, !this.hasSlot ? (index.h(index.Fragment, null, index.h("div", { class: "heading" }, this.heading), index.h("div", { class: "subheading" }, this.subheading))) : (index.h("slot", null))));
+        return (index.h(index.Host, { key: 'e3390a18cd40f00dd70f71b436d3603fdcb2b337' }, !this.hasSlot ? (index.h(index.Fragment, null, index.h("div", { class: "heading" }, this.heading), index.h("div", { class: "subheading" }, this.subheading))) : (index.h("slot", null))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-fieldcheckbox.entry-CAPwYnSU.js → nv-fieldcheckbox.entry-C23dGGX7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BObVnP12.js');
+var index = require('./index-CEKdYnmK.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
@@ -119,13 +119,13 @@ const NvFieldcheckbox = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '62195333f84808381f19ca4017916380d20d493f', class: clsx297c1ffe.clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, index.h("div", { key: '65f02aee06eacecf83c5297d87130bbe9f85b19c', class: "input-container" }, index.h("input", { key: 'c3e8fcb41c835f0eba254f9e77de749b7dc6349e', type: "checkbox", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly && !this.required, required: this.required, indeterminate: this.indeterminate, ref: el => {
+        return (index.h(index.Host, { key: '4db161f34d188b5370f28a39ec9637d269719b04', class: clsx297c1ffe.clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, index.h("div", { key: '7608f50840faf35c4da8dbfcc8240becece6f609', class: "input-container" }, index.h("input", { key: '733ad01f2cadd1e17d6bfc40022ef9ab1db93f0a', type: "checkbox", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly && !this.required, required: this.required, indeterminate: this.indeterminate, ref: el => {
                 if (el) {
                     el.indeterminate = this.indeterminate;
                 }
-            } }), index.h("span", { key: '439a8c467373d734293012514cdb22c419b534ae', class: "icon" }, this.checked && !this.indeterminate && (index.h("slot", { key: '335a92ed1431fe96af3c7c6fac2f4245c0d4caaa', name: "checked-icon" }, index.h("svg", { key: '67d97efca27a97c7db77d9f8c182a21fbd21d13c', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, index.h("path", { key: '9cb6730b00813e8d4fe6fa14549de6f2a41ea068', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (index.h("slot", { key: 'e47b17269156f72ddaf7af1ecc818ae5b6b8c0d3', name: "indeterminate-icon" }, index.h("svg", { key: '4748acc27a70e74f9228cdb6e41eae4b1ae82559', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, index.h("path", { key: '40748b36b277c1ed6ea8fc8f82f4cd687b2f6e3a', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("slot", { key: '0fa9e559cefb8169c20b171fcbb6c1786fd6b3ae' }), index.h("div", { key: '44eef633025d1a7606979d4d8374c2a04081f45c', class: "text-container" }, index.h("slot", { key: 'b43251a02b15431f5399c3bced485b89741e069e', name: "main" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '7781451a357961ce1606b18c590baa344df4ff95', htmlFor: this.inputId, class: clsx297c1ffe.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: 'b420ad1dbdc05a5c57d0b45e62176866ec0527ca', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '67715bef879e0778b58648b83135edefdbdba53d', class: "description" }, index.h("slot", { key: 'b1d4d21e83130e19e94efa915abd6661c027bbce', name: "description" }, this.description)))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '157df3faf2cadb4014ba8475c99cf68d86da9f63', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '42aa95b2332618120d846fa481a1b30b7edeccca', name: "error-description" }, this.errorDescription))))));
+            } }), index.h("span", { key: '81da5960abee0aa2c74f10612d05388e427b3a1a', class: "icon" }, this.checked && !this.indeterminate && (index.h("slot", { key: 'e257ebad9a1c23bc77961645dabe6e0fc8c51440', name: "checked-icon" }, index.h("svg", { key: 'd4005dfd634169aa14140c7eba1e0ac63e28342d', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, index.h("path", { key: '1817c25edf09f09d4317d9e41b52484883c7a943', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (index.h("slot", { key: '043148db3518e99f2850ffa4b3622f7ae3c654a7', name: "indeterminate-icon" }, index.h("svg", { key: 'b8a67cfa8d0f880657b62b89ddae7a238b22bc26', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, index.h("path", { key: 'd63f610ff5cca552d295de18dffeda84cbd370ac', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("slot", { key: 'e4befe30753cd2f76da4af10e648704068f7ce55' }), index.h("div", { key: '281b4046dbeb8b8dcb05fc154b65ed822fa45960', class: "text-container" }, index.h("slot", { key: '8e40b1e52c55fa45b38bec26e6b20da90c8553ed', name: "main" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'ad2e4a47d1d5a218835b410579e7e93febd08d15', htmlFor: this.inputId, class: clsx297c1ffe.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: '815d03f2c69465e430178c29a885ad770e2c561f', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '22159e2cb8c4897507da91ebee09502922093ead', class: "description" }, index.h("slot", { key: '61b277015ecb4e0e3b813e45dbb6cd7ebe89506b', name: "description" }, this.description)))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '924d333e443c943b5fe37f31e3191d231b9d87e1', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '2469d3f6cf2121b489b637138642417d27556740', name: "error-description" }, this.errorDescription))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }