@nova-design-system/nova-react 3.31.2-beta.4 → 3.33.0

package/dist/cjs/{nv-drawer.entry-DD-VjFP9.js → nv-drawer.entry-BY8NzVhz.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
-var index_esmD3eWMME9 = require('./index.esm-D3eWMME9-CG1TVKfu.js');
-var events_utilsB6GgGra_ = require('./events.utils-B6GgGra--01N__3wY.js');
+var index = require('./index-BNK3HFv_.js');
+var index_esmDBTxpXCn = require('./index.esm-DBTxpXCn-D5HbQDBa.js');
+var events_utilsBysSxG1C = require('./events.utils-BysSxG1C-CckC1aXX.js');
 var fade_animationDcRL9lcm = require('./fade.animation-DcRL9lcm-DAZeHoKN.js');
 require('./style-value-types.es-xlgmw4x8-B1vLqX9m.js');
 var slide_animationCmH5d1of = require('./slide.animation-CmH5d1of-BZuw607U.js');
@@ -10,7 +10,7 @@ var timeline_animationCgHCo_Ho = require('./timeline.animation-CgHCo_Ho-KteJaZPb
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 var accessibility_utilsC4Cy9iy8 = require('./accessibility.utils-C4Cy9iy8-CeSsswXF.js');
-var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+var v4CK3_k8jD = require('./v4-CK3_k8jD-_2BfiRUa.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -192,7 +192,7 @@ const NvDrawer = class {
      * Sets the autofocus on the first focusable element in the drawer.
      */
     setAutofocus() {
-        const focusableElements = index_esmD3eWMME9.tabbable(this.dialogElement, {
+        const focusableElements = index_esmDBTxpXCn.tabbable(this.dialogElement, {
             displayCheck: 'none',
         });
         if (focusableElements.length > 0) {
@@ -215,7 +215,7 @@ const NvDrawer = class {
      */
     attachEventListeners() {
         if (this.triggerElement && !this.eventsAttached && !this.controlled) {
-            events_utilsB6GgGra_.addEventListeners(this.triggerClickEvents, this.triggerElement, this);
+            events_utilsBysSxG1C.addEventListeners(this.triggerClickEvents, this.triggerElement, this);
             this.eventsAttached = true;
         }
     }
@@ -241,7 +241,7 @@ const NvDrawer = class {
     }
     ensureFormId(formElement) {
         if (!formElement.id) {
-            formElement.id = `drawer-form-${v4BdYh22OP.v4()}`;
+            formElement.id = `drawer-form-${v4CK3_k8jD.v4()}`;
         }
         return formElement.id;
     }
@@ -420,8 +420,8 @@ const NvDrawer = class {
         // this.setupContentBodyListeners();
     }
     disconnectedCallback() {
-        if (this.triggerElement && !this.eventsAttached && !this.controlled) {
-            events_utilsB6GgGra_.removeEventListeners(this.triggerClickEvents, this.triggerElement, this);
+        if (this.triggerElement && this.eventsAttached && !this.controlled) {
+            events_utilsBysSxG1C.removeEventListeners(this.triggerClickEvents, this.triggerElement);
             this.eventsAttached = false;
         }
         this.allowScroll();
@@ -432,7 +432,7 @@ const NvDrawer = class {
     render() {
         const hasForm = this.form || this.el.querySelector('form');
         const state = this.open ? 'open' : 'closed';
-        return (index.h(index.Host, { key: 'b43e7ca33d5e06abfddf51d5d7db885de724c859' }, index.h("slot", { key: 'e17ad4cb2802b82a2bfba3703b4892b898cd5f9d', name: "trigger" }), index.h("dialog", { key: '3eb33f30773054c6abb5a344ac35d0ceef53610a', ref: el => (this.dialogElement = el), onClose: this.handleDrawerClose, onClick: this.handleDrawerClick, role: "dialog", "aria-modal": "true", "aria-labelledby": "drawer-header", "aria-describedby": "drawer-content", class: clsxChV9xqsO.clsx({ [`side-${this.side}`]: true }), "data-state": state }, index.h("div", { key: '1fa61356e5b5aa1436a9cd806c06d66d726268b2', class: "backdrop", ref: el => (this.backdropElement = el) }, index.h("div", { key: '67c34d13f9ee8aa364af2184a9ba340f16300c31', class: clsxChV9xqsO.clsx('content', `size-${this.size}`), ref: el => (this.contentElement = el), "data-state": state, "data-side": this.side, style: this.width ? { width: this.width } : {} }, !this.undismissable && (index.h("nv-button", { key: '59e980e0eea85de547223cca784393bb7ebb8dac', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDrawerClose, "aria-label": "Close drawer" }, index.h("nv-icon", { key: '95ed3753e4dfeb3a41a1b6076cd74cf844105a67', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-drawerheader", { id: "drawer-header" })), index.h("div", { key: '1929db6d8bf39fdce10c269aa13cbca07710b167', class: "content-body", id: "drawer-content" }, index.h("slot", { key: '97c826f8a1e2e9cd1147d2c7a6969581aed70a00' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-drawerfooter", { form: this.form, primaryButtonType: hasForm ? constantsGOKBmbgZ.ButtonType.Submit : constantsGOKBmbgZ.ButtonType.Button, onDrawerCanceled: this.handleDrawerClose, undismissable: this.undismissable })))))));
+        return (index.h(index.Host, { key: 'cb7aea38a630886f177e8bf2a7975bbe94715306' }, index.h("slot", { key: '893e531fbdd14d0a730e816fa3366e8fc8bd3182', name: "trigger" }), index.h("dialog", { key: 'f8b883b7a645ddfa3f2e1e5a076703254121dde4', ref: el => (this.dialogElement = el), onClose: this.handleDrawerClose, onClick: this.handleDrawerClick, role: "dialog", "aria-modal": "true", "aria-labelledby": "drawer-header", "aria-describedby": "drawer-content", class: clsxChV9xqsO.clsx({ [`side-${this.side}`]: true }), "data-state": state }, index.h("div", { key: '25def4d3f8849db90d7ba0c041ea833a36f5bd9f', class: "backdrop", ref: el => (this.backdropElement = el) }, index.h("div", { key: 'c6214a6686167885a1e1ada2d3fbb121d92afd4d', class: clsxChV9xqsO.clsx('content', `size-${this.size}`), ref: el => (this.contentElement = el), "data-state": state, "data-side": this.side, style: this.width ? { width: this.width } : {} }, !this.undismissable && (index.h("nv-button", { key: '3452665b313b546a85f7f7f3215a42097032e9bd', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDrawerClose, "aria-label": "Close drawer" }, index.h("nv-icon", { key: 'c1112811d3d6c5762a19e6cea4dfaaa522ef6155', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-drawerheader", { id: "drawer-header" })), index.h("div", { key: '3aeb9923ce1045ab84a2fcd7e6be1b283bbdef12', class: "content-body", id: "drawer-content" }, index.h("slot", { key: 'f616fb61d824b5f5b875fcbe5c9c2bb4f9b4732b' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-drawerfooter", { form: this.form, primaryButtonType: hasForm ? constantsGOKBmbgZ.ButtonType.Submit : constantsGOKBmbgZ.ButtonType.Button, onDrawerCanceled: this.handleDrawerClose, undismissable: this.undismissable })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-drawerfooter_2.entry-CkODBIr6.js → nv-drawerfooter_2.entry-Dybwzc8O.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
+var index = require('./index-BNK3HFv_.js');
 var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 require('@stencil/react-output-target/runtime');
 require('react');

package/dist/cjs/{nv-fieldcheckbox.entry-DWAA4UE3.js → nv-fieldcheckbox.entry-6mBP4IIQ.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
+var index = require('./index-BNK3HFv_.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
-var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+var v4CK3_k8jD = require('./v4-CK3_k8jD-_2BfiRUa.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -27,7 +27,7 @@ const NvFieldcheckbox = class {
          * automatically generated to ensure unique identification, facilitating
          * proper label association and accessibility.
          */
-        this.inputId = v4BdYh22OP.v4();
+        this.inputId = v4CK3_k8jD.v4();
         /**
          * Hides the label visually while still keeping it available for screen
          * readers.

package/dist/cjs/{nv-fielddate.entry-BVZhCq5F.js → nv-fielddate.entry-DYM-t6pu.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
+var index = require('./index-BNK3HFv_.js');
 var inputmaskCSo292ul = require('./inputmask-CSo292ul-DlvupPk6.js');
-var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+var v4CK3_k8jD = require('./v4-CK3_k8jD-_2BfiRUa.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -14,14 +14,14 @@ const NvFielddate = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.valueChanged = index.createEvent(this, "valueChanged", 3);
-        this.popoverId = v4BdYh22OP.v4();
+        this.popoverId = v4CK3_k8jD.v4();
         /****************************************************************************/
         //#region PROPERTIES
         /**
          * Sets the ID for the input element and the for attribute of the associated
          * label. If no ID is provided, a random one will be automatically generated.
          */
-        this.inputId = v4BdYh22OP.v4();
+        this.inputId = v4CK3_k8jD.v4();
         /**
          * Disables the input field.
          */

package/dist/cjs/{nv-fielddaterange.entry-CWAnYRgI.js → nv-fielddaterange.entry-DPtDC_VM.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
+var index = require('./index-BNK3HFv_.js');
 var inputmaskCSo292ul = require('./inputmask-CSo292ul-DlvupPk6.js');
-var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+var v4CK3_k8jD = require('./v4-CK3_k8jD-_2BfiRUa.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -15,19 +15,19 @@ const NvFielddaterange = class {
         index.registerInstance(this, hostRef);
         this.dateRangeChange = index.createEvent(this, "dateRangeChange", 3);
         this.valueChanged = index.createEvent(this, "valueChanged", 3);
-        this.popoverId = v4BdYh22OP.v4();
+        this.popoverId = v4CK3_k8jD.v4();
         /****************************************************************************/
         //#region PROPERTIES
         /**
          * Sets the ID for the start input element and the for attribute of the associated
          * label. If no ID is provided, a random one will be automatically generated.
          */
-        this.startInputId = v4BdYh22OP.v4();
+        this.startInputId = v4CK3_k8jD.v4();
         /**
          * Sets the ID for the end input element and the for attribute of the associated
          * label. If no ID is provided, a random one will be automatically generated.
          */
-        this.endInputId = v4BdYh22OP.v4();
+        this.endInputId = v4CK3_k8jD.v4();
         /**
          * Disables both input fields.
          */

package/dist/cjs/{nv-fielddropdown.entry-CLauf21x.js → nv-fielddropdown.entry-XSAGwuQN.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
+var index = require('./index-BNK3HFv_.js');
 var i18n_utilsCR9MpYzU = require('./i18n.utils-CR9MpYzU-ku0bScip.js');
-var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+var v4CK3_k8jD = require('./v4-CK3_k8jD-_2BfiRUa.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -33,7 +33,7 @@ const NvFielddropdown = class {
          * to ensure unique identification, facilitating proper label association and
          * accessibility.
          */
-        this.inputId = v4BdYh22OP.v4();
+        this.inputId = v4CK3_k8jD.v4();
         /**
          * The autocomplete prop helps users fill out the input field faster by
          * suggesting entries they've used before, like their email or address.

package/dist/cjs/{nv-fielddropdownitem.entry-DCTeh9KO.js → nv-fielddropdownitem.entry-BVD2bujB.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
+var index = require('./index-BNK3HFv_.js');
 var accessibility_utilsC4Cy9iy8 = require('./accessibility.utils-C4Cy9iy8-CeSsswXF.js');
 require('@stencil/react-output-target/runtime');
 require('react');

package/dist/cjs/{nv-fieldmultiselect.entry-BNwKkdeR.js → nv-fieldmultiselect.entry-Dp1Rpptg.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
+var index = require('./index-BNK3HFv_.js');
 var i18n_utilsCR9MpYzU = require('./i18n.utils-CR9MpYzU-ku0bScip.js');
 var accessibility_utilsC4Cy9iy8 = require('./accessibility.utils-C4Cy9iy8-CeSsswXF.js');
-var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+var v4CK3_k8jD = require('./v4-CK3_k8jD-_2BfiRUa.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -32,7 +32,7 @@ const NvFieldmultiselect = class {
          * to ensure unique identification, facilitating proper label association and
          * accessibility.
          */
-        this.inputId = v4BdYh22OP.v4();
+        this.inputId = v4CK3_k8jD.v4();
         /**
          * The autocomplete prop helps users fill out the input field faster by
          * suggesting entries they've used before, like their email or address.

package/dist/cjs/{nv-fieldnumber.entry-D86SjYXx.js → nv-fieldnumber.entry-4viVcJgw.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
-var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+var index = require('./index-BNK3HFv_.js');
+var v4CK3_k8jD = require('./v4-CK3_k8jD-_2BfiRUa.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -21,7 +21,7 @@ const NvFieldnumber = class {
          * to ensure unique identification, facilitating proper label association and
          * accessibility.
          */
-        this.inputId = v4BdYh22OP.v4();
+        this.inputId = v4CK3_k8jD.v4();
         /**
          * The disabled prop lets you turn off the input field so that users can’t
          * type in it. When disabled, the field is grayed out and won’t respond to#

package/dist/cjs/{nv-fieldpassword.entry-Dt0lUkJt.js → nv-fieldpassword.entry-C4RiF7P0.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
-var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+var index = require('./index-BNK3HFv_.js');
+var v4CK3_k8jD = require('./v4-CK3_k8jD-_2BfiRUa.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -20,7 +20,7 @@ const NvFieldpassword = class {
          * to ensure unique identification, facilitating proper label association and
          * accessibility.
          */
-        this.inputId = v4BdYh22OP.v4();
+        this.inputId = v4CK3_k8jD.v4();
         /**
          * The disabled prop lets you turn off the input field so that users can’t
          * type in it. When disabled, the field is grayed out and won’t respond to#

package/dist/cjs/{nv-fieldradio.entry-DNvjs4oH.js → nv-fieldradio.entry-DkLds_A_.js}

@@ -1,14 +1,19 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
+var index = require('./index-BNK3HFv_.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
-var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+var v4CK3_k8jD = require('./v4-CK3_k8jD-_2BfiRUa.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
 
 const nvFieldradioCss = () => `@charset "UTF-8";nv-fieldradio{--nv-fieldradio-border-default:var(--components-form-field-border-default);--nv-fieldradio-border-hover:var(--components-form-field-border-hover);--nv-fieldradio-border-focus:var(--components-form-field-border-default);--nv-fieldradio-background-default:var(--components-form-field-background-default);--nv-fieldradio-background-checked:var(--components-form-field-background-checked);--nv-fieldradio-background-disabled:var(--components-form-field-background-disabled);--nv-fieldradio-focus-box-shadow:var(--color-focus-brand);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-shape-foreground-disabled);--nv-fieldradio-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x)}nv-fieldradio:not([disabled]) input,nv-fieldradio:not([disabled]) label,nv-fieldradio[disabled=false] input,nv-fieldradio[disabled=false] label{cursor:pointer}nv-fieldradio.error{--nv-fieldradio-border-default:var(--components-form-field-border-error);--nv-fieldradio-border-hover:var(--nv-fieldradio-border-default);--nv-fieldradio-border-focus:var(--components-form-field-border-error);--nv-fieldradio-background-checked:var(--components-form-field-background-error);--nv-fieldradio-focus-box-shadow:var(--color-focus-destructive);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-field-border-error);--nv-fieldradio-outline-color:var(--color-focus-destructive)}nv-fieldradio.label-placement-before{flex-direction:row-reverse}nv-fieldradio[disabled]{opacity:0.5}nv-fieldradio label{align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldradio input[type=radio]{appearance:none;position:relative;display:flex;width:var(--form-radio-size);height:var(--form-radio-size);padding:var(--form-radio-inner-circle-padding);flex-direction:column;align-items:flex-start;border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-default)}nv-fieldradio input[type=radio]:hover{border-color:var(--nv-fieldradio-border-hover)}nv-fieldradio input[type=radio]:focus{border-color:var(--nv-fieldradio-border-focus)}nv-fieldradio input[type=radio]:focus,nv-fieldradio input[type=radio]:focus-within{outline:none}nv-fieldradio input[type=radio]:focus-visible,nv-fieldradio input[type=radio]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldradio-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldradio input[type=radio]:checked{background:var(--nv-fieldradio-background-checked);border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked:hover,nv-fieldradio input[type=radio]:checked:focus{border-color:var(--nv-fieldradio-background-checked);background:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:"";position:absolute;top:50%;right:50%;transform:translate(50%, -50%);left:0;width:var(--form-radio-inner-circle-size);height:var(--form-radio-inner-circle-size);flex-shrink:0;border-radius:var(--radius-rounded-full);background:var(--nv-fieldradio-dot-color-checked)}nv-fieldradio input[type=radio]:disabled{border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio input[type=radio]:disabled:checked::before{background:var(--nv-fieldradio-dot-color-disabled)}nv-fieldradio input[type=radio]:disabled:hover{border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}@media print{nv-fieldradio input[type=radio]:checked{background:transparent;border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:"●";position:absolute;top:calc(50% - 2px);left:calc(50% - 4.5px);transform:translate(-50%, -50%);width:auto;height:auto;background:none;color:var(--nv-fieldradio-background-checked);font-size:calc(var(--form-radio-inner-circle-size) * 3);line-height:1}}nv-fieldradio .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldradio .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldradio .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}`;
 
+// Tracks nv-fieldradio elements being silently reset by the radio-group
+// mutual-exclusion logic in handleChange. Stencil's @Watch fires synchronously
+// inside the prop setter, so adding/deleting around element.checked = false
+// guarantees the guard is in place when handleCheckedChange runs.
+const groupResettingElements = new WeakSet();
 const NvFieldradio = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -27,7 +32,7 @@ const NvFieldradio = class {
          * automatically generated to ensure unique identification, facilitating
          * proper label association and accessibility.
          */
-        this.inputId = v4BdYh22OP.v4();
+        this.inputId = v4CK3_k8jD.v4();
         /**
          * Highlight the radio button with error styling. It helps users quickly
          * identify which option needs attention, improving their form-filling
@@ -63,10 +68,14 @@ const NvFieldradio = class {
     //#region WATCHERS
     /**
      * Watches for changes to the checked state and emits the new value.
+     * Does not emit while the radio is being silently deselected by the group
+     * mutual-exclusion logic — only the newly selected radio emits.
      * @param {boolean} checked - The new value of the checked state.
      */
     handleCheckedChange(checked) {
-        this.checkedChanged.emit(checked);
+        if (!groupResettingElements.has(this.el)) {
+            this.checkedChanged.emit(checked);
+        }
     }
     /**
      * Listens for the change event on the radio button input element and controls
@@ -78,7 +87,13 @@ const NvFieldradio = class {
         if (target?.type === 'radio') {
             Array.from(document.getElementsByTagName('nv-fieldradio')).forEach(element => {
                 if (element.name === this.name) {
-                    element.checked = false;
+                    groupResettingElements.add(element);
+                    try {
+                        element.checked = false;
+                    }
+                    finally {
+                        groupResettingElements.delete(element);
+                    }
                 }
             });
             this.checked = target.checked;
@@ -88,9 +103,9 @@ const NvFieldradio = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '53e418bfab22c9019f8efae9e474e6e729532a73', class: clsxChV9xqsO.clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, index.h("input", { key: '85ab7c010dfa893e9e92bebd39b845a604ca0069', type: "radio", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: this.checked, disabled: this.disabled }), index.h("div", { key: '851587d22af2d0739e5531f361cbefe3e282b914', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '475cad34dea78bd00bf822ccafbfb18ddba4264a', htmlFor: this.inputId }, index.h("slot", { key: 'd6c84f56f1913d97e71ce79fd112362f4880acd0', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '8e1f4d0e9cbd00630cadde99923f2952d4dd492c', class: "description" }, index.h("slot", { key: 'dea3d8661dc83a237a8d290e02b365ea47491b51', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'f67d73864db0c32013605343ac22f451b37047e9', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'ebd467b48c874db8b3649ec940d950f0d2218417', name: "error-description" }, this.errorDescription))))));
+        return (index.h(index.Host, { key: '71284693af48768a022f15fa58839e20226784a4', class: clsxChV9xqsO.clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, index.h("input", { key: 'bacbbf69898047a1633bb31f9fc747f19071ff1c', type: "radio", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: this.checked, disabled: this.disabled }), index.h("div", { key: 'bf0f69da94d51972ad572ed9bd89679a07a7906c', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '75bf4940868bf2399c21f7a9b318111211c43c32', htmlFor: this.inputId }, index.h("slot", { key: '308b8bfdfd2f63c520254215f92b2a505e3099b9', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'f728e68d34714670f5feaa4eb2a48114ba821e37', class: "description" }, index.h("slot", { key: '3afb170caedf839df227a28ca2d5590e5ce941ad', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '7bd6f468689252b84f342771b30bf62d44e1512d', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'd60e070ec898621a3a56494b086ebea171b21c8a', name: "error-description" }, this.errorDescription))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/{nv-fieldselect.entry-OZEU8DSk.js → nv-fieldselect.entry-DdlYU0vr.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
-var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+var index = require('./index-BNK3HFv_.js');
+var v4CK3_k8jD = require('./v4-CK3_k8jD-_2BfiRUa.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -27,7 +27,7 @@ const NvFieldselect = class {
          * to ensure unique identification, facilitating proper label association and
          * accessibility.
          */
-        this.inputId = v4BdYh22OP.v4();
+        this.inputId = v4CK3_k8jD.v4();
         /**
          * The disabled prop lets you turn off the select field so that users can’t
          * choose something. When disabled, the field is grayed out and won’t respond to

package/dist/cjs/{nv-fieldslider.entry-1IiUmkIh.js → nv-fieldslider.entry-BAdGT9Ow.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
+var index = require('./index-BNK3HFv_.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
-var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+var v4CK3_k8jD = require('./v4-CK3_k8jD-_2BfiRUa.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -245,12 +245,12 @@ const NvFieldslider = class {
          * Sets the ID for the start input element and the for attribute of the associated
          * label. If no ID is provided, a random one will be automatically generated.
          */
-        this.startInputId = v4BdYh22OP.v4();
+        this.startInputId = v4CK3_k8jD.v4();
         /**
          * Sets the ID for the end input element and the for attribute of the associated
          * label. If no ID is provided, a random one will be automatically generated.
          */
-        this.endInputId = v4BdYh22OP.v4();
+        this.endInputId = v4CK3_k8jD.v4();
         /**
          * Keeps the interface clean by removing visible labels, but still announces
          * the label to screen readers so users relying on assistive tech aren't left

package/dist/cjs/{nv-fieldtext.entry-AuynZcaD.js → nv-fieldtext.entry-CbCqsR3r.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
-var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+var index = require('./index-BNK3HFv_.js');
+var v4CK3_k8jD = require('./v4-CK3_k8jD-_2BfiRUa.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -21,7 +21,7 @@ const NvFieldtext = class {
          * to ensure unique identification, facilitating proper label association and
          * accessibility.
          */
-        this.inputId = v4BdYh22OP.v4();
+        this.inputId = v4CK3_k8jD.v4();
         /**
          * The type prop lets you specify what kind of information the input field
          * should accept. Choose 'text' for general words or sentences, 'tel' for

package/dist/cjs/{nv-fieldtextarea.entry-CgJKQdfG.js → nv-fieldtextarea.entry-D4oXfYGF.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
+var index = require('./index-BNK3HFv_.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
-var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+var v4CK3_k8jD = require('./v4-CK3_k8jD-_2BfiRUa.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -22,7 +22,7 @@ const NvFieldtextarea = class {
          * to ensure unique identification, facilitating proper label association and
          * accessibility.
          */
-        this.inputId = v4BdYh22OP.v4();
+        this.inputId = v4CK3_k8jD.v4();
         /**
          * The disabled prop lets you turn off the textarea field so that users can’t
          * type in it. When disabled, the field is grayed out and won’t respond to#

package/dist/cjs/{nv-fieldtime.entry-uB03riIZ.js → nv-fieldtime.entry-YxN-tPoZ.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DN55EpKb.js');
+var index = require('./index-BNK3HFv_.js');
 var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
-var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+var v4CK3_k8jD = require('./v4-CK3_k8jD-_2BfiRUa.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -263,7 +263,7 @@ const NvFieldtime = class {
          * to ensure unique identification, facilitating proper label association and
          * accessibility.
          */
-        this.inputId = v4BdYh22OP.v4();
+        this.inputId = v4CK3_k8jD.v4();
         /**
          * Display the input field's content without allowing users to change it.
          * Users can still click on it, select, and copy the text, but they won't be