@nova-design-system/nova-react 3.0.0-beta.44 → 3.0.0-beta.46

package/dist/cjs/{nv-fieldmultiselect.entry-BGzYCJuF.js → nv-fieldmultiselect.entry-DDKtC-sR.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CEWbQ5nh.js');
+var index = require('./index-BgDhK4Po.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 
@@ -79,10 +79,6 @@ const NvFieldmultiselect = class {
          * The text entered by the user for filtering multiselect items.
          */
         this.filterText = '';
-        /**
-         * Determines whether the multiselect is filterable.
-         */
-        this.isFilterable = this.filterable;
         /**
          * Delay in milliseconds before the search is triggered when typing in the filter input.
          * @default 300
@@ -101,7 +97,7 @@ const NvFieldmultiselect = class {
          * element.
          */
         this.autofocus = false;
-        /**x
+        /**
          * Handle badge close for options mode.
          */
         this.handleBadgeCloseOptions = () => {
@@ -141,7 +137,6 @@ const NvFieldmultiselect = class {
             if (this.isHandlingEscape) {
                 return;
             }
-            this.open = false;
             this.filterText = '';
             // Only reorder based on the mode
             if (this.modeState === 'options') {
@@ -163,7 +158,6 @@ const NvFieldmultiselect = class {
                 if (!this.el.contains(document.activeElement)) {
                     // Close the popover without affecting the divider
                     this.open = false;
-                    this.popoverElement.hide();
                     // Reset filter if needed
                     if (this.filterable) {
                         this.filterText = '';
@@ -183,7 +177,6 @@ const NvFieldmultiselect = class {
             const target = event.target;
             if (target.tagName === 'P' || target.tagName === 'SPAN') {
                 this.open = true;
-                this.popoverElement.show();
                 const inputContainer = this.el.querySelector('.input-container');
                 if (inputContainer) {
                     inputContainer.classList.add('focus-within');
@@ -205,7 +198,6 @@ const NvFieldmultiselect = class {
             const target = event.target;
             if (target.tagName === 'P' || target.tagName === 'SPAN') {
                 this.open = true;
-                this.popoverElement.show();
                 const inputContainer = this.el.querySelector('.input-container');
                 if (inputContainer) {
                     inputContainer.classList.add('focus-within');
@@ -287,7 +279,6 @@ const NvFieldmultiselect = class {
                 if (!this.el.contains(document.activeElement)) {
                     // Close the popover without affecting the divider
                     this.open = false;
-                    this.popoverElement.hide();
                     // Reset filter if needed
                     if (this.filterable) {
                         this.filterText = '';
@@ -303,16 +294,7 @@ const NvFieldmultiselect = class {
             if (this.disabled || this.readonly) {
                 return;
             }
-            if (this.open) {
-                this.handlePopoverClose();
-            }
-            else {
-                this.open = true;
-                this.popoverElement.show();
-                if (!this.filterable) {
-                    this.focusFirstItem();
-                }
-            }
+            this.open = !this.open;
         };
         /**
          * Toggle the multiselect popover for slots mode.
@@ -321,16 +303,7 @@ const NvFieldmultiselect = class {
             if (this.disabled || this.readonly) {
                 return;
             }
-            if (this.open) {
-                this.handlePopoverClose();
-            }
-            else {
-                this.open = true;
-                this.popoverElement.show();
-                if (!this.filterable) {
-                    this.focusFirstItem();
-                }
-            }
+            this.open = !this.open;
         };
         //#endregion METHODS
         /****************************************************************************/
@@ -340,14 +313,14 @@ const NvFieldmultiselect = class {
          * @returns {any} The JSX for options mode
          */
         this.renderOptionsMode = () => {
-            return (index.h(index.Host, null, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { htmlFor: this.inputId }, index.h("slot", { name: "label" }, this.label))), index.h("nv-popover", { ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { class: "input-wrapper-multiselect", slot: "trigger" }, index.h("slot", { name: "before-input" }), index.h("div", { class: "input-container-multiselect" }, index.h("slot", { name: "leading-input" }), index.h("nv-badge", { slot: "leading-input", "prevent-auto-close": true, color: "10", dismissible: this.selectedValues.length > 0, hidden: this.selectedValues.length <= 0, label: `${this.selectedValues.length} ${this.badgeLabel}`, "aria-label": `Clear all ${this.selectedValues.length} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseOptions }), this.isFilterable || this.disabled || this.readonly ? (index.h("input", { type: "text", id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.value, required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputOptions, onFocus: this.handleInputFocusOptions, onBlur: this.handleInputBlurOptions, onKeyDown: this.handleKeyDown })) : (index.h("p", { id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClickOptions, tabIndex: 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocusOptions, role: "combobox", "aria-expanded": this.open }, index.h("span", null, this.value || this.placeholder))), this.error && (index.h("nv-icon", { name: "alert-circle", class: "validation", size: "md" })), index.h("nv-iconbutton", { "data-scope": "toggle-dropdown", name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', "aria-pressed": this.open.toString(), onClick: this.togglePopoverOptions })), index.h("slot", { name: "after-input" })), index.h("div", { slot: "content", role: "listbox", "aria-multiselectable": "true", style: { 'max-height': this.maxHeight, 'overflow-y': 'auto' } }, index.h("ul", { role: "content" }, this.parsedOptions.map(option => (index.h("nv-fielddropdownitemcheck", { label: option.label, description: option.description, value: option.value, checked: this.selectedValues.includes(option.value), disabled: option.disabled }))), index.h("hr", { class: "multiselect-divider", style: { display: 'none' } })))), this.renderDescriptions()));
+            return (index.h(index.Host, null, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { htmlFor: this.inputId }, index.h("slot", { name: "label" }, this.label))), index.h("nv-popover", { ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { class: "input-wrapper-multiselect", slot: "trigger" }, index.h("slot", { name: "before-input" }), index.h("div", { class: "input-container-multiselect" }, index.h("slot", { name: "leading-input" }), this.selectedValues.length > 0 && (index.h("nv-badge", { slot: "leading-input", "prevent-auto-close": true, color: "10", dismissible: this.selectedValues.length > 0, label: `${this.selectedValues.length} ${this.badgeLabel}`, "aria-label": `Clear all ${this.selectedValues.length} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseOptions })), this.filterable || this.disabled || this.readonly ? (index.h("input", { type: "text", id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.value, required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputOptions, onFocus: this.handleInputFocusOptions, onBlur: this.handleInputBlurOptions, onKeyDown: this.handleKeyDown })) : (index.h("p", { id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClickOptions, tabIndex: 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocusOptions, role: "combobox", "aria-expanded": this.open }, index.h("span", null, this.value || this.placeholder))), this.error && (index.h("nv-icon", { name: "alert-circle", class: "validation", size: "md" })), index.h("nv-iconbutton", { "data-scope": "toggle-dropdown", name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', "aria-pressed": this.open.toString(), onClick: this.togglePopoverOptions })), index.h("slot", { name: "after-input" })), index.h("div", { slot: "content", role: "listbox", "aria-multiselectable": "true", style: { 'max-height': this.maxHeight, 'overflow-y': 'auto' } }, index.h("ul", { role: "content" }, this.parsedOptions.map(option => (index.h("nv-fielddropdownitemcheck", { label: option.label, description: option.description, value: option.value, checked: this.selectedValues.includes(option.value), disabled: option.disabled }))), index.h("hr", { class: "multiselect-divider", style: { display: 'none' } })))), this.renderDescriptions()));
         };
         /**
          * Renders the component in slots mode
          * @returns {any} The JSX for slots mode
          */
         this.renderSlotsMode = () => {
-            return (index.h(index.Host, null, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { htmlFor: this.inputId }, index.h("slot", { name: "label" }, this.label))), index.h("nv-popover", { ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { class: "input-wrapper-multiselect", slot: "trigger" }, index.h("slot", { name: "before-input" }), index.h("div", { class: "input-container-multiselect", onClick: this.handleInputContainerClickSlots }, index.h("slot", { name: "leading-input" }), index.h("nv-badge", { slot: "leading-input", "prevent-auto-close": true, color: "10", dismissible: this.selectedValues.length > 0, hidden: this.selectedValues.length <= 0, label: `${this.selectedValues.length} ${this.badgeLabel}`, "aria-label": `Clear all ${this.selectedValues.length} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseSlots }), this.isFilterable || this.disabled || this.readonly ? (index.h("input", { id: this.inputId, ref: e => (this.inputElement = e), autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.value, required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputSlots, onFocus: this.handleInputFocusSlots, onBlur: this.handleInputBlurSlots, onKeyDown: this.handleKeyDown })) : (index.h("p", { id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClickSlots, tabIndex: 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocusSlots, role: "combobox", "aria-expanded": this.open }, index.h("span", null, this.value || this.placeholder))), this.error && (index.h("nv-icon", { name: "alert-circle", class: "validation", size: "md" })), index.h("nv-iconbutton", { "data-scope": "toggle-dropdown", name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', "aria-pressed": this.open.toString(), onClick: this.togglePopoverSlots })), index.h("slot", { name: "after-input" })), index.h("div", { slot: "content", role: "listbox", "aria-multiselectable": "true", style: { 'max-height': this.maxHeight, 'overflow-y': 'auto' } }, index.h("slot", { name: "content" }))), this.renderDescriptions()));
+            return (index.h(index.Host, null, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { htmlFor: this.inputId }, index.h("slot", { name: "label" }, this.label))), index.h("nv-popover", { ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { class: "input-wrapper-multiselect", slot: "trigger" }, index.h("slot", { name: "before-input" }), index.h("div", { class: "input-container-multiselect", onClick: this.handleInputContainerClickSlots }, index.h("slot", { name: "leading-input" }), this.selectedValues.length > 0 && (index.h("nv-badge", { slot: "leading-input", "prevent-auto-close": true, color: "10", dismissible: this.selectedValues.length > 0, label: `${this.selectedValues.length} ${this.badgeLabel}`, "aria-label": `Clear all ${this.selectedValues.length} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseSlots })), this.filterable || this.disabled || this.readonly ? (index.h("input", { id: this.inputId, ref: e => (this.inputElement = e), autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.value, required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputSlots, onFocus: this.handleInputFocusSlots, onBlur: this.handleInputBlurSlots, onKeyDown: this.handleKeyDown })) : (index.h("p", { id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClickSlots, tabIndex: 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocusSlots, role: "combobox", "aria-expanded": this.open }, index.h("span", null, this.value || this.placeholder))), this.error && (index.h("nv-icon", { name: "alert-circle", class: "validation", size: "md" })), index.h("nv-iconbutton", { "data-scope": "toggle-dropdown", name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', "aria-pressed": this.open.toString(), onClick: this.togglePopoverSlots })), index.h("slot", { name: "after-input" })), index.h("div", { slot: "content", role: "listbox", "aria-multiselectable": "true", style: { 'max-height': this.maxHeight, 'overflow-y': 'auto' } }, index.h("slot", { name: "content" }))), this.renderDescriptions()));
         };
     }
     //#endregion PROPERTIES
@@ -368,14 +341,6 @@ const NvFieldmultiselect = class {
         if (this.modeState === 'options') {
             this.handleOptionsChange(this.options);
         }
-        // Add the listener for the hide event
-        requestAnimationFrame(() => {
-            if (this.popoverElement) {
-                this.popoverElement.addEventListener('hide', () => {
-                    this.handlePopoverClose();
-                });
-            }
-        });
         // Specific initialization for slots mode
         if (this.modeState === 'slots') {
             Promise.resolve().then(() => {
@@ -419,12 +384,6 @@ const NvFieldmultiselect = class {
      */
     disconnectedCallback() {
         document.removeEventListener('click', this.handleClickOutside.bind(this));
-        // Remove the listener for the hide event
-        if (this.popoverElement) {
-            this.popoverElement.removeEventListener('hide', () => {
-                this.handlePopoverClose();
-            });
-        }
     }
     /**
      * Emitted when the input loses focus.
@@ -434,15 +393,13 @@ const NvFieldmultiselect = class {
         // Update the open state of popover
         this.open = event.detail;
         if (this.open) {
+            // Filter items only if there is filter text
             if (this.filterText) {
                 this.filterItems();
             }
         }
-        else if (this.modeState === 'options') {
-            this.reorderOptionsContent();
-        }
         else {
-            this.reorderSlotContent();
+            this.handlePopoverClose();
         }
     }
     /**
@@ -520,14 +477,6 @@ const NvFieldmultiselect = class {
         // Handle value change and update the corresponding multiselect item if it exists
         this.setInitialSelection();
     }
-    /**
-     * Emitted when the filterable property changes.
-     * @param {boolean} newValue - The new value of the filterable property.
-     */
-    watchFilterableHandler(newValue) {
-        this.isFilterable = newValue;
-        this.filterable = newValue;
-    }
     // Add a listener for the slot content
     handleSlotChange(event) {
         // Check: we only want to reorder if it's the "content" slot
@@ -866,8 +815,7 @@ const NvFieldmultiselect = class {
             (this.inputElement && this.inputElement.contains(event.target))) {
             return;
         }
-        // Use handlePopoverClose for all cases
-        this.handlePopoverClose();
+        this.open = false;
     }
     /**
      * Handle keyboard events & arrow key navigation.
@@ -879,7 +827,6 @@ const NvFieldmultiselect = class {
         if (!this.open) {
             if (event.key === 'ArrowDown') {
                 this.open = true;
-                this.popoverElement.show();
                 // Focus on the first item if the list is not filterable
                 if (!this.filterable) {
                     requestAnimationFrame(() => {
@@ -942,7 +889,6 @@ const NvFieldmultiselect = class {
                 setTimeout(() => {
                     this.isHandlingEscape = false;
                     this.open = false;
-                    this.popoverElement.hide();
                 }, 150);
                 if (this.inputElement) {
                     this.inputElement.blur();
@@ -1051,8 +997,7 @@ const NvFieldmultiselect = class {
     get el() { return index.getElement(this); }
     static get watchers() { return {
         "options": ["handleOptionsChange"],
-        "value": ["watchValueHandler"],
-        "filterable": ["watchFilterableHandler"]
+        "value": ["watchValueHandler"]
     }; }
 };
 NvFieldmultiselect.style = NvFieldmultiselectStyle0;

package/dist/cjs/{nv-fieldnumber.entry-C8zJkL24.js → nv-fieldnumber.entry-FzcOQMWp.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CEWbQ5nh.js');
+var index = require('./index-BgDhK4Po.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 

package/dist/cjs/{nv-fieldpassword.entry-7lS0Msfg.js → nv-fieldpassword.entry-ZgJKgEWo.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CDe7nrrW.js');
+var index = require('./index-BgDhK4Po.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 
@@ -68,10 +68,6 @@ const NvFieldpassword = class {
          * Show/hide the password programmatically.
          */
         this.showPassword = false;
-        /**
-         * Defines whether the password is visible or not.
-         */
-        this.showPasswordState = this.showPassword;
         /**
          * Applies focus to the input field as soon as the component is mounted. This
          * is equivalent to setting the native autofocus attribute on an <input>
@@ -98,11 +94,17 @@ const NvFieldpassword = class {
     }
     //#endregion METHODS
     /****************************************************************************/
+    //#region LIFECYCLE
+    componentWillLoad() {
+        this.showPasswordState = this.showPassword;
+    }
+    //#endregion LIFECYCLE
+    /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'd3cac7eec8e7a907dfce492104c8527025b2a2dd' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'e7c15eb694878bd5c8deeb99f0eb355126221e86', htmlFor: this.inputId }, index.h("slot", { key: '5fe60e879c4f932791ce0eb118f83141cdd61624', name: "label" }, this.label))), index.h("div", { key: '6af9e58ac31b36a46caa4ea93afd81faa5628ba3', class: "input-wrapper" }, index.h("slot", { key: '6c5ade77fe6a50b3155540a6255f02cb73ef0228', name: "before-input" }), index.h("div", { key: '179af5fde37ce4915e93408bb9658814606bdc16', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '00f53715bf90f3b95a2388e5d39dc984a7e466b2', name: "leading-input" }), index.h("input", { key: '5a8eb7e23369c78f1deb1ecabefcc91551a19c10', id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, type: this.showPasswordState ? 'text' : 'password', inputMode: this.mode, value: this.value, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), (this.success || this.error) && (index.h("nv-icon", { key: '7998690cdc77e68ef2bec06aebb414f864204576', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (index.h("nv-iconbutton", { key: '667e7bcbb19b4853995b15ee59f5dc4881fee368', name: this.showPasswordState ? 'eye' : 'eye-off', size: "md", emphasis: "lower", onClick: this.togglePasswordVisibility, "aria-label": this.showPasswordState ? 'Hide password' : 'Show password', "aria-pressed": this.showPasswordState.toString() }))), index.h("slot", { key: '5049d70e2aece7815b5af7299352f351395a9c88', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '9e5a539347d751f30796784cc9e2b76a9e05ba35', class: "description" }, index.h("slot", { key: '38e039c7d7a61d4c017525109c4b0dafe3a05f45', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'b878d426aa96429a249c2658419bbe8de3d5eb46', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '687e2d5bf96e54df2cba8b4eb01a60267bf0b79b', name: "error-description" }, this.errorDescription)))));
+        return (index.h(index.Host, { key: '79c87deb52017b4500b695a513dc4100e7359d97' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'bd4785278a21ea61de41ed694e429228286f853b', htmlFor: this.inputId }, index.h("slot", { key: '7c3cd8188e35aa00c0377ffdefb1d5e9c380ac59', name: "label" }, this.label))), index.h("div", { key: '61f0e04b056ba1b08e9e3ede89d5975b4549705f', class: "input-wrapper" }, index.h("slot", { key: '96070a1d584277de90962700a9e6764f0bd36a38', name: "before-input" }), index.h("div", { key: 'ea04afadccfb828f5d081b1f30ef3d4619659b80', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: 'cfd54cbdf3d9d03c31cdd781491097cc6db405bd', name: "leading-input" }), index.h("input", { key: '04bf191014aef621d314973d531533ffa50d8b2f', id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, type: this.showPasswordState ? 'text' : 'password', inputMode: this.mode, value: this.value, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), (this.success || this.error) && (index.h("nv-icon", { key: 'b2e57a5f496bda92dbb877850e67ffb921a288df', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (index.h("nv-iconbutton", { key: '2664cbcbfd7aa04a5292a6821fa79a1cb12e1578', name: this.showPasswordState ? 'eye' : 'eye-off', size: "md", emphasis: "lower", onClick: this.togglePasswordVisibility, "aria-label": this.showPasswordState ? 'Hide password' : 'Show password', "aria-pressed": this.showPasswordState.toString() }))), index.h("slot", { key: '959a8d098548c85db4b1a8f9c0d2d8a8cdc5e386', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'c7b85cb8d2f1f42d133e9937bccb8d3edd9d1cf8', class: "description" }, index.h("slot", { key: 'fd41c7389e871ad4d57df283f9872c6964176bb3', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '014db98dbf132a493b8842ffcc45ced808e9f52c', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '3909a8e0ac73dae4731e23806875f26bfb2185ff', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/{nv-fieldradio.entry-BgpmbG9E.js → nv-fieldradio.entry-B6vwI0oH.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CEWbQ5nh.js');
+var index = require('./index-BgDhK4Po.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');

package/dist/cjs/{nv-fieldselect.entry-CFDqeR-D.js → nv-fieldselect.entry-Dpb1RR2D.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CEWbQ5nh.js');
+var index = require('./index-BgDhK4Po.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 
@@ -347,7 +347,7 @@ const NvFieldselect = class {
                 ? `${this.inputId}-error`
                 : `${this.inputId}-description` })), index.h("select", { key: '9a8b48a7a41522b09b65a5c76b7e861b5d6eef49', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: this.required, multiple: this.multiple, onChange: this.handleSelectChange, class: this.internalReadonly ? 'hidden' : '', "aria-label": this.label, "aria-describedby": this.error
                 ? `${this.inputId}-error`
-                : `${this.inputId}-description` }, this.parsedOptions.length > 0 ? (this.parsedOptions.map(option => (index.h("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (index.h("slot", null))), index.h("div", { key: '7ecac0a159ca2b4925b8a940c80f8aef94a2ca1d', class: "select-icons" }, this.error && (index.h("nv-icon", { key: 'fd3d75a5c621a49f45550d9596f4910ef01a56b2', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '45b3e11a48f5f700ac9c21ba276ee9c93640d0d9', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (index.h("nv-iconbutton", { key: '07171fbe1fc88f4c7af0513ed718376ce1a1aeb3', name: "chevron-down", size: "md", emphasis: "lower", tabIndex: -1 })))), index.h("slot", { key: '096bf49c55359062fc790d31660b331a5988ad22', name: "after-input" })), (this.description ||
+                : `${this.inputId}-description` }, this.parsedOptions.length > 0 ? (this.parsedOptions.map(option => (index.h("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (index.h("slot", null))), index.h("div", { key: '7ecac0a159ca2b4925b8a940c80f8aef94a2ca1d', class: "select-icons" }, this.error && (index.h("nv-icon", { key: 'fd3d75a5c621a49f45550d9596f4910ef01a56b2', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '45b3e11a48f5f700ac9c21ba276ee9c93640d0d9', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (index.h("nv-iconbutton", { key: '07171fbe1fc88f4c7af0513ed718376ce1a1aeb3', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), index.h("slot", { key: '096bf49c55359062fc790d31660b331a5988ad22', name: "after-input" })), (this.description ||
             this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '7b292eeb3a1ca29b7cb1b631926b591183ab50fc', class: "description", id: `${this.inputId}-description` }, index.h("slot", { key: 'a2fdc1929f7aa2571cd11d01e2c1ed165afb856c', name: "description" }, this.description))), (this.errorDescription ||
             this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '3d189e87ff7cee9a43ccad85c6e84fcdb3343f1f', class: "error-description", id: `${this.inputId}-error` }, index.h("slot", { key: '515059b75c8e2c1e600a28124135cbd7af87ccbf', name: "error-description" }, this.errorDescription)))));
     }

package/dist/cjs/{nv-fieldtext.entry-DDqDSJp3.js → nv-fieldtext.entry-WhMFksEn.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CtI3SivD.js');
+var index = require('./index-BgDhK4Po.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 

package/dist/cjs/{nv-fieldtextarea.entry-DqzeITCG.js → nv-fieldtextarea.entry-Cpqi_pE7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-wDACGzKb.js');
+var index = require('./index-BgDhK4Po.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');

package/dist/cjs/{nv-fieldtime.entry-CPyLyQfR.js → nv-fieldtime.entry-BApGHC9K.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CEWbQ5nh.js');
+var index = require('./index-BgDhK4Po.js');
 var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');

package/dist/cjs/{nv-icon.entry-B0Y3rgBQ.js → nv-icon.entry-DTbgrNDQ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-wDACGzKb.js');
+var index = require('./index-BgDhK4Po.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
 require('react');

package/dist/cjs/{nv-iconbutton_2.entry-B02iDUid.js → nv-iconbutton_2.entry-D5Wjr6mr.js}

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

package/dist/cjs/{nv-menu.entry-BfmYkdYY.js → nv-menu.entry-4P44Bom1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-B_VOAJzk.js');
+var index = require('./index-BgDhK4Po.js');
 require('react');
 
 const nvMenuCss = "nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-menu{display:inline-block;position:relative}nv-menu:has([fluid]:not([fluid=false])){display:block}nv-menu nv-popover{display:unset}nv-menu nv-popover [data-scope=popover]{background-color:transparent !important;padding:0 !important}nv-menu [slot=content]{padding:var(--menu-contextual-padding-y) var(--menu-contextual-padding-x);border-radius:var(--menu-contextual-radius);gap:var(--menu-contextual-gap-y);background-color:var(--components-menu-contextual-background);border-color:var(--components-menu-contextual-border);display:flex;flex-direction:column}nv-menu nv-menu[open]:not([open=false])>nv-menuitem{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menu hr{display:block;margin:var(--menu-contextual-divider-padding-top) var(--menu-contextual-divider-padding-x) var(--menu-contextual-divider-padding-bottom) var(--menu-contextual-divider-padding-x)}";
@@ -29,8 +29,8 @@ const NvMenu = class {
          */
         this.disableCloseOnSelect = false;
         /**
-         * Decides where the menu shows up next to the button it’s linked to (above,
-         * below, to the sides). If there isn’t enough room, it will adjust its
+         * Decides where the menu shows up next to the button it's linked to (above,
+         * below, to the sides). If there isn't enough room, it will adjust its
          * position on the axis to fit on the screen, so users can always see it.
          */
         this.placement = 'bottom-end';
@@ -215,7 +215,7 @@ const NvMenu = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '1fb6ff6905cf3c0ed2f900e1ad733b5bde66e4ba' }, index.h("slot", { key: '442dddad7f81672de063c90ab86f7271c412c6a2', name: "trigger" }), index.h("nv-popover", { key: '02e1c322caf45ac2efba7313f66ddb6743c7691d', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open }, this.parsedItems.length > 0 ? (index.h("ul", { slot: "content" }, this.renderMenuItems(this.parsedItems))) : (index.h("slot", { name: "content" })))));
+        return (index.h(index.Host, { key: '8334eee36cadee43d5d78d227841b43da86a46c6' }, index.h("slot", { key: 'a4f260a9161dc239eabfc9c43178b1394721f37d', name: "trigger" }), index.h("nv-popover", { key: '6f163bc5c02afba3af1e9bb43cf3b6bfec1e9374', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open }, this.parsedItems.length > 0 ? (index.h("ul", { slot: "content" }, this.renderMenuItems(this.parsedItems))) : (index.h("slot", { name: "content" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-menuitem.entry-Cedg0TCQ.js → nv-menuitem.entry-pYkLIeY9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CEWbQ5nh.js');
+var index = require('./index-BgDhK4Po.js');
 require('react');
 
 const nvMenuitemCss = "nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}";

package/dist/cjs/{nv-popover.entry-C57rfYUn.js → nv-popover.entry-DJzEjs-d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIcUUomJ.js');
+var index = require('./index-BgDhK4Po.js');
 var fade_animation2a077983 = require('./fade.animation-2a077983-aKN0EDTo.js');
 var events_utilsFe1d907f = require('./events.utils-fe1d907f-01N__3wY.js');
 require('react');
@@ -1715,9 +1715,11 @@ const NvPopover = class {
                 return;
             if ((_a = this.triggerElement) === null || _a === void 0 ? void 0 : _a.contains(event.target))
                 return;
-            this.hide();
+            this.open = false;
         };
-        this.clickEvents = [['click', this.toggle]];
+        this.clickEvents = [
+            ['click', () => (this.open = !this.open)],
+        ];
         this.outsideClickEvents = [
             ['click', this.handleClickOutside],
             ['touchstart', this.handleClickOutside],
@@ -1727,28 +1729,28 @@ const NvPopover = class {
                 'focus',
                 () => {
                     clearTimeout(this.hideTimeout);
-                    this.showTimeout = setTimeout(() => this.show(), this.enterDelay);
+                    this.showTimeout = setTimeout(() => (this.open = true), this.enterDelay);
                 },
             ],
             [
                 'blur',
                 () => {
                     clearTimeout(this.showTimeout);
-                    this.hideTimeout = setTimeout(() => this.hide(), 50);
+                    this.hideTimeout = setTimeout(() => (this.open = false), 50);
                 },
             ],
             [
                 'mouseenter',
                 () => {
                     clearTimeout(this.hideTimeout);
-                    this.showTimeout = setTimeout(() => this.show(), this.enterDelay);
+                    this.showTimeout = setTimeout(() => (this.open = true), this.enterDelay);
                 },
             ],
             [
                 'mouseleave',
                 () => {
                     clearTimeout(this.showTimeout);
-                    this.hideTimeout = setTimeout(() => this.hide(), 100);
+                    this.hideTimeout = setTimeout(() => (this.open = false), 100);
                 },
             ],
         ];
@@ -1757,7 +1759,7 @@ const NvPopover = class {
                 'keydown',
                 (e) => {
                     if (e.key === 'Escape') {
-                        this.hide();
+                        this.open = false;
                     }
                 },
             ],
@@ -1867,7 +1869,7 @@ const NvPopover = class {
             return;
         // This popover should close when another one is opened.
         if (event.target !== this.el && event.detail === true)
-            this.hide();
+            this.open = false;
     }
     async handleOpenChange(open) {
         // Prevent multiple animations from running at the same time.
@@ -1948,7 +1950,7 @@ const NvPopover = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '73e9ac67507abfcc989fb884e88a53811ad5b706' }, index.h("slot", { key: '287dfb789409b1d4dc1d6f169818bc94bbe5006b', name: "trigger" }), index.h("div", { key: 'b791453a05d2ce5d6a4957a70af251472066fbc5', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: 'ac5fc75d2c4ca23251c3f8e8c295ec8ea14baac2', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '95101eb81f5bd03539a7ac01faa233926825c81d', name: "content" }))));
+        return (index.h(index.Host, { key: 'efab8d78e1163d23e197ca04786b9f99f248ce05' }, index.h("slot", { key: 'b8197a385e5d9cda08d6b3e0232c052fb7238d01', name: "trigger" }), index.h("div", { key: '480c3cc8352bc833216cd64c8bfcf75ba9c79130', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: '8b1b10a15427ef05bc267460161e4a53be4cc3d1', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '8c9a8708a36fae6cac5e533b5c1a3128d7375195', name: "content" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-row.entry-Ca7LiDAy.js → nv-row.entry-AQGhBTGs.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CDe7nrrW.js');
+var index = require('./index-BgDhK4Po.js');
 require('react');
 
 const nvRowCss = "nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";

package/dist/cjs/{nv-stack.entry-BNyPxECg.js → nv-stack.entry-Bb6k4Yob.js}

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

package/dist/cjs/{nv-table.entry-DzOGLNUx.js → nv-table.entry-C4DY5CRF.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-wDACGzKb.js');
+var index = require('./index-BgDhK4Po.js');
 var dom_utilsAc71e0ef = require('./dom.utils-ac71e0ef-CmIwRr6O.js');
 require('react');
 

package/dist/cjs/{nv-tablecolumn.entry-BDCw_45v.js → nv-tablecolumn.entry-jJAoHJnt.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C8UfzrMI.js');
+var index = require('./index-BgDhK4Po.js');
 require('react');
 
 const NvTablecolumn = class {

package/dist/cjs/{nv-toggle.entry-BIclNIeq.js → nv-toggle.entry-P76L0fsx.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CDe7nrrW.js');
+var index = require('./index-BgDhK4Po.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 
-const nvToggleCss = "nv-toggle{display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-toggle:not([disabled],[readonly]) input,nv-toggle:not([disabled],[readonly]) label{cursor:pointer}nv-toggle.label-placement-before{flex-direction:row-reverse}nv-toggle[disabled]{opacity:0.5}nv-toggle label{align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-toggle .input-container{position:relative;color:var(--components-form-shape-foreground-default)}nv-toggle .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--components-form-shape-foreground-disabled)}nv-toggle .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-toggle-width);height:var(--form-toggle-height);flex-direction:column;align-items:flex-start;border-radius:var(--form-toggle-radius);border-width:var(--form-toggle-border-width);border-style:solid;border-color:var(--components-form-field-border-default);background:var(--components-form-field-background-default)}nv-toggle .input-container input[type=checkbox]::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-switch-dot);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:25%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:hover{border-color:var(--components-form-field-border-hover)}nv-toggle .input-container input[type=checkbox]:focus{border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:focus,nv-toggle .input-container input[type=checkbox]:focus-within{outline:none}nv-toggle .input-container input[type=checkbox]:focus-visible,nv-toggle .input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-toggle .input-container input[type=checkbox]:checked{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-background-checked)}nv-toggle .input-container input[type=checkbox]:checked::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-default);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:75%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:checked:focus{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-border-focus)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-form-field-background-disabled);border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-form-shape-foreground-disabled)}nv-toggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:450;line-height:var(--form-description-line-height)}nv-toggle .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}";
+const nvToggleCss = "nv-toggle{display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-toggle:not([disabled],[readonly]) input,nv-toggle:not([disabled],[readonly]) label{cursor:pointer}nv-toggle.label-placement-before{flex-direction:row-reverse}nv-toggle[disabled]{opacity:0.5}nv-toggle label{align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-toggle label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-toggle .input-container{position:relative;color:var(--components-form-shape-foreground-default)}nv-toggle .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--components-form-shape-foreground-disabled)}nv-toggle .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-toggle-width);height:var(--form-toggle-height);flex-direction:column;align-items:flex-start;border-radius:var(--form-toggle-radius);border-width:var(--form-toggle-border-width);border-style:solid;border-color:var(--components-form-field-border-default);background:var(--components-form-field-background-default)}nv-toggle .input-container input[type=checkbox]::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-switch-dot);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:25%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:hover{border-color:var(--components-form-field-border-hover)}nv-toggle .input-container input[type=checkbox]:focus{border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:focus,nv-toggle .input-container input[type=checkbox]:focus-within{outline:none}nv-toggle .input-container input[type=checkbox]:focus-visible,nv-toggle .input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-toggle .input-container input[type=checkbox]:checked{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-background-checked)}nv-toggle .input-container input[type=checkbox]:checked::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-default);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:75%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:checked:focus{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-border-focus)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-form-field-background-disabled);border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-form-shape-foreground-disabled)}nv-toggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:450;line-height:var(--form-description-line-height)}nv-toggle .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}";
 const NvToggleStyle0 = nvToggleCss;
 
 const NvToggle = class {

package/dist/cjs/{nv-tooltip.entry--TVfBopp.js → nv-tooltip.entry-DC7XngcD.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CDe7nrrW.js');
+var index = require('./index-BgDhK4Po.js');
 require('react');
 
 const nvTooltipCss = "nv-tooltip{display:inline-block;position:relative}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip [data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip [data-scope=popover] [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}";

package/dist/generated/components.js

@@ -133,7 +133,7 @@ export const NvDialog = createComponent({
     tagName: 'nv-dialog',
     elementClass: NvDialogElement,
     react: React,
-    events: { onClose: 'close' },
+    events: { onOpenChanged: 'openChanged' },
     defineCustomElement: defineNvDialog
 });
 export const NvDialogfooter = createComponent({

package/dist/types/generated/components.d.ts

@@ -76,7 +76,7 @@ export declare const NvDatagrid: StencilReactComponent<NvDatagridElement, NvData
 type NvDatagridcolumnEvents = NonNullable<unknown>;
 export declare const NvDatagridcolumn: StencilReactComponent<NvDatagridcolumnElement, NvDatagridcolumnEvents>;
 type NvDialogEvents = {
-    onClose: EventName<CustomEvent<void>>;
+    onOpenChanged: EventName<CustomEvent<boolean>>;
 };
 export declare const NvDialog: StencilReactComponent<NvDialogElement, NvDialogEvents>;
 type NvDialogfooterEvents = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-react",
-  "version": "3.0.0-beta.44",
+  "version": "3.0.0-beta.46",
   "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
   "author": "Elia Group",
   "homepage": "https://nova.eliagroup.io",