@nova-design-system/nova-react 3.25.0 → 3.26.0

package/dist/cjs/{nv-fielddate.entry-B8r5RFXd.js → nv-fielddate.entry-DKICGwc0.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DUlunl9a.js');
+var index = require('./index-BeFrXZol.js');
 var inputmaskCSo292ul = require('./inputmask-CSo292ul-DlvupPk6.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
@@ -404,15 +404,15 @@ const NvFielddate = class {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (index.h(index.Host, { key: '8898ef05a02d52db7457d17b54a942db3730fc74' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '41f7f75b133b0954b64adb40c777fa34595e1319', htmlFor: this.inputId }, index.h("slot", { key: '4c70dc05926cc39b0898d3e12b756d8ea5c82e9d', name: "label" }, this.label))), index.h("nv-popover", { key: '0cc0878e48231202bc0036fe80d5e9ed334d6782', ref: this.setPopoverRef, id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '18d889f4c8d164ec11efe254dd61978a0215bdb7', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: 'e3c8537c9692a241f3a3d869e21605460803fe13', name: "before-input" }), index.h("div", { key: '03e01a26472ba46e951290f99de396b02ad1acad', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '440c384b64cdac05fc2f37f65a10d9c3968de67a', name: "leading-input" }), index.h("input", { key: '095fb9dc86347cb5a09065701e17ea760ffa3faa', id: this.inputId, ref: this.setInputRef, placeholder: this.placeholder ||
+        return (index.h(index.Host, { key: '3c13437365ba5c194e382050d83a01c2610f901d' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '82bccae1ff2044e8b099789e4403857772f8449c', htmlFor: this.inputId }, index.h("slot", { key: '3a2065e072ba6acb2ca5a162b877d05d30f93815', name: "label" }, this.label))), index.h("nv-popover", { key: 'afd5fc8f78a46562b318f2f2d48306efa2275fac', ref: this.setPopoverRef, id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '748395cd864e8ee8f224460a420379b9f8ea362e', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: '8c1f2baa6a33861d83c9497ee39a6a2a08b27d2e', name: "before-input" }), index.h("div", { key: '91dfd2e870fc59e0949ff1ae2b66e0a3c89ec203', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '7e7a11aacf727512ccbf4c5fd149f9ccbf161c0d', name: "leading-input" }), index.h("input", { key: '47b9d83bb4942604c3e8244995d032743ad84e78', id: this.inputId, ref: this.setInputRef, placeholder: this.placeholder ||
                 this.convertToInputmaskFormat(this.dateFormat), name: this.name, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), autofocus: this.autofocus, onInput: this.handleInput, onFocus: this.handleFocus, "data-scope": "date" }), this.error && (index.h("nv-icon", { key: '33f6f0c755cdecbd26f258d729c406a79301e221', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '52960d4d2266249f43aaa205c140b6b78af86096', name: "circle-check", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: 'f840216a37849b661ca76296b1bb78c0aff4f6a0', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
+            }), autofocus: this.autofocus, onInput: this.handleInput, onFocus: this.handleFocus, "data-scope": "date" }), this.error && (index.h("nv-icon", { key: '0c8badb4887475f3ce278db7dd1bb9d4f4db1948', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '908c9595d2858b5915ea9625b365d98c9076175d', name: "circle-check", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: '2acbfe40a0db4b070491e91fa69b9a21fee5111d', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
             ,
-            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: '87a4c9a1287296001aca41314bc5c9b47d093cad', name: "after-input" })), index.h("div", { key: 'a268e2bca4958172c2cab48aff2267ce6a6090c8', slot: "content" }, index.h("nv-calendar", { key: 'df7288f6bcaf64f44496f1e414f1768fa138603d', onSingleDateChange: this.handleSingleDateChange.bind(this), dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, onValueChanged: this.handleCalendarValueChanged }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '11f0d3702c944c732c4e9cfd4fa7f73311adb32a', class: "description" }, index.h("slot", { key: '964af4f567e755f002d955190f39d39b627519b7', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '017cf538acbb319dce67129673ac80ea6a5e1be5', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: '34c7ab28d7fb6950113ac9536dfc6052fe2969f9' })));
+            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: 'fb9ae11ed575835053e11a28136c545fefa1f185', name: "after-input" })), index.h("div", { key: '4ed455b92288d64e1d243e0d2268251f183523c9', slot: "content" }, index.h("nv-calendar", { key: '1af9d63edd9c95414ddcba5e3988a1bf42fae4bb', onSingleDateChange: this.handleSingleDateChange.bind(this), dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, onValueChanged: this.handleCalendarValueChanged }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '3a124e7dd1d5216ac586893eb2d7ae8383051cdc', class: "description" }, index.h("slot", { key: '13f0b8e29875e369734799370fbd54c27becebfb', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '78dbbd76ada0c99907c9725fc82f2edfea41830c', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: '2c7f702581d6645cb9e6e0e94effa2ea067f049a' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-fielddaterange.entry-C6_Kq93P.js → nv-fielddaterange.entry-DGEK8F9p.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DUlunl9a.js');
+var index = require('./index-BeFrXZol.js');
 var inputmaskCSo292ul = require('./inputmask-CSo292ul-DlvupPk6.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
@@ -65,7 +65,6 @@ const NvFielddaterange = class {
         /**
          * The initial value of the date range (in string format).
          */
-        // eslint-disable-next-line @stencil-community/strict-mutable
         this.value = '';
         /**
          * The current value of the start date in string format.
@@ -562,16 +561,16 @@ const NvFielddaterange = class {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (index.h(index.Host, { key: 'a5b6bfb1024db1794bd68970c4d03bc0d2aa12b2' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'aebf223f1c199a61d70ff07068b1279cd00fd63a', htmlFor: this.startInputId }, index.h("slot", { key: 'b0c75a9509c80b5e983b50ff06f0fd987c0dfb13', name: "label" }, this.label))), index.h("nv-popover", { key: '39d9afe5c5a3d6f1e0a65bc6a25e0123c26bf093', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '83f602a64a7fe08370da5e7c5ca70da6c9b9743d', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: '388802ed31223aa0ca1f4f5e709774df936c79d6', name: "before-input" }), index.h("div", { key: '45f13be37efe3eaa15396a247f83652ab671d26d', class: "input-container" }, index.h("slot", { key: 'eb79a369f672e4c6c22bbf8e1f96f1b6ff221599', name: "leading-input" }), index.h("div", { key: '8a231a529fccb39481aa1be3b75aea92a9ba14d1', class: "range-inputs" }, index.h("input", { key: 'd547f462d2a695eb7e07abcbcc2b1ff05e138ff3', id: this.startInputId, type: "text", placeholder: this.startPlaceholder ||
+        return (index.h(index.Host, { key: 'ff398fcfbbe95e5665b774fe43350acbbc348fe9' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '2b1909b93047611192bb66f574bdda3b206e2385', htmlFor: this.startInputId }, index.h("slot", { key: '8195acf71bec4897fca7c4617eb0de096e88b191', name: "label" }, this.label))), index.h("nv-popover", { key: 'ba36048cf5a34974f4f4deb66fb0d735988e5b53', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '14b6d78ac81001bd174bad38172a8a1a1f347731', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: 'fb016c89c6f8f99ae3c67917fc623bd5ebfd55fc', name: "before-input" }), index.h("div", { key: 'ba782a5e283e468467ccdb9b571046cd2f4852e9', class: "input-container" }, index.h("slot", { key: '2adfa150e03b07b3fc68dcf58e8033b7945161a0', name: "leading-input" }), index.h("div", { key: '0276764deeb85f4211ac741f3eb5fef2f9fbcb43', class: "range-inputs" }, index.h("input", { key: 'b752bb09fefcd173403cb11db40d0aabd25e1388', id: this.startInputId, type: "text", placeholder: this.startPlaceholder ||
                 this.convertToInputmaskFormat(this.dateFormat), name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), index.h("div", { key: '848fa94da2032b0c75973d1e06c4b319f7d6ce1e', class: "range-separator" }), index.h("input", { key: 'e62de0223934c2f75236fb312bcb0520936769f9', id: this.endInputId, type: "text", placeholder: this.endPlaceholder ||
+            }), autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), index.h("div", { key: 'd5be46903d09c3b189dc4e7ee8ddad170c0f6286', class: "range-separator" }), index.h("input", { key: '11b9a3838149854e68ae7c9d96aedbaaba84a90d', id: this.endInputId, type: "text", placeholder: this.endPlaceholder ||
                 this.convertToInputmaskFormat(this.dateFormat), name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus, "data-scope": "date-range" })), this.error && (index.h("nv-icon", { key: '037dd8133c599ddad1791dc19dd6a5a814e5a51d', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '314e2584ce385f7c27ddd1ded9f093d7bc48d96c', name: "circle-check", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: '5462d036a418755e40cb43ccbf06f1b6d3645c8e', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: '18dd4d9e3abc1f1580d88b62c1380822865f2b64', name: "after-input" })), index.h("div", { key: '66d37dc2a4158f9e85cc56d68be484ca01eb196c', slot: "content" }, index.h("nv-calendar", { key: 'e3289b5b2018da82d9c25a9427cfdfceb86af5e7', ref: el => (this.calendarElement = el), onRangeDateChange: this.handleRangeDateChange.bind(this), onValueChanged: this.handleCalendarValueChanged.bind(this), onSingleDateChange: this.handleCancelDateChange.bind(this), dateFormat: this.dateFormat, value: this.value, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, selectionType: "range", "data-prevent-navigation": "true" }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'd7f58a9351e717508fff5e3bdbccad7fbef0c9a9', class: "description" }, index.h("slot", { key: '5acbe11d1bc2f95e05dad845a0b6d4abe8bd3985', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '6c0a8e0dcd93375296be427908e998b61c94bf9c', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: 'fb82d190c29033466f6db6f45596dc16cad28e42' })));
+            }), value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus, "data-scope": "date-range" })), this.error && (index.h("nv-icon", { key: '26b42abdeafd75930a5ca607d24337b6b3c10ac2', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '1af99ccf21b9f8089204e9e97c2453b2bdeffd29', name: "circle-check", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: '38b70d2b9f4ec16ff1707dc2b05ceae806646541', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: '2ab6a03f44f04595763f4a6cbb8bc142578e1b3a', name: "after-input" })), index.h("div", { key: '1fc0213d712a8560dee995c4d26c7d9944af650b', slot: "content" }, index.h("nv-calendar", { key: 'd883272405391bec569516321fd2eae93dac817a', ref: el => (this.calendarElement = el), onRangeDateChange: this.handleRangeDateChange.bind(this), onValueChanged: this.handleCalendarValueChanged.bind(this), onSingleDateChange: this.handleCancelDateChange.bind(this), dateFormat: this.dateFormat, value: this.value, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, selectionType: "range", "data-prevent-navigation": "true" }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'd0f9852ccd37202db9653b338cf850ba44365ddf', class: "description" }, index.h("slot", { key: 'cff092ce15f1f90f246de859fea30d3714fd4520', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'c9dfd25d6784cca037337e7ffe28fc4ac1d33fd5', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: '8123f07bf03ae219917f2e9f8146142bd8781bd4' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-fielddropdown.entry-B2Dr5zHd.js → nv-fielddropdown.entry-BLS7lRzD.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DUlunl9a.js');
-var i18n_utilsIlwlcG9l = require('./i18n.utils-IlwlcG9l-ku0bScip.js');
+var index = require('./index-BeFrXZol.js');
+var i18n_utilsCR9MpYzU = require('./i18n.utils-CR9MpYzU-ku0bScip.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -186,7 +186,7 @@ const NvFielddropdown = class {
             // Use longer debounce for fuzzy mode (Fuse.js needs more time)
             // For fuzzy mode, use FUZZY_DEBOUNCE_DELAY (300ms), otherwise use this.debounceDelay
             const debounce = this.effectiveFilterMode === 'fuzzy'
-                ? i18n_utilsIlwlcG9l.FUZZY_DEBOUNCE_DELAY
+                ? i18n_utilsCR9MpYzU.FUZZY_DEBOUNCE_DELAY
                 : this.debounceDelay;
             this.debounceTimer = window.setTimeout(() => {
                 this.filterItems();
@@ -392,13 +392,13 @@ const NvFielddropdown = class {
             });
         }
         // Build local index for main-thread search
-        this.indexedItems = i18n_utilsIlwlcG9l.buildIndex(this.rawItems);
+        this.indexedItems = i18n_utilsCR9MpYzU.buildIndex(this.rawItems);
         // Determine effective filter mode
-        this.effectiveFilterMode = i18n_utilsIlwlcG9l.getEffectiveFilterMode(this.filterMode);
+        this.effectiveFilterMode = i18n_utilsCR9MpYzU.getEffectiveFilterMode(this.filterMode);
         // Initialize worker if needed
         const itemCount = this.rawItems.length;
-        const threshold = i18n_utilsIlwlcG9l.clampWorkerThreshold(this.workerThreshold);
-        if (i18n_utilsIlwlcG9l.shouldUseWorker(itemCount, this.effectiveFilterMode, threshold)) {
+        const threshold = i18n_utilsCR9MpYzU.clampWorkerThreshold(this.workerThreshold);
+        if (i18n_utilsCR9MpYzU.shouldUseWorker(itemCount, this.effectiveFilterMode, threshold)) {
             await this.initWorker();
         }
         else {
@@ -412,12 +412,12 @@ const NvFielddropdown = class {
      * Note: Fuzzy search now works on main thread with Fuse.js, so no mode change needed.
      */
     async initWorker() {
-        if (!i18n_utilsIlwlcG9l.isWorkerSupported()) {
+        if (!i18n_utilsCR9MpYzU.isWorkerSupported()) {
             // Workers not supported - will use main thread (fuzzy still works with Fuse.js)
             return;
         }
         if (!this.workerClient) {
-            this.workerClient = new i18n_utilsIlwlcG9l.SearchWorkerClient();
+            this.workerClient = new i18n_utilsCR9MpYzU.SearchWorkerClient();
             // No fallback mode change needed - fuzzy works on main thread now
         }
         // Init will silently handle fallback if worker can't be created
@@ -452,7 +452,7 @@ const NvFielddropdown = class {
         // Check if we should start filtering
         if (this.filterText.length < this.startFilterAt) {
             // Show all items up to maxResults
-            const effectiveMaxResults = i18n_utilsIlwlcG9l.clampMaxResults(this.maxResults);
+            const effectiveMaxResults = i18n_utilsCR9MpYzU.clampMaxResults(this.maxResults);
             let visibleCount = 0;
             items.forEach(item => {
                 if (visibleCount < effectiveMaxResults) {
@@ -472,8 +472,8 @@ const NvFielddropdown = class {
         }
         // Determine if we should use worker
         const itemCount = this.rawItems.length;
-        const threshold = i18n_utilsIlwlcG9l.clampWorkerThreshold(this.workerThreshold);
-        const useWorker = i18n_utilsIlwlcG9l.shouldUseWorker(itemCount, this.effectiveFilterMode, threshold);
+        const threshold = i18n_utilsCR9MpYzU.clampWorkerThreshold(this.workerThreshold);
+        const useWorker = i18n_utilsCR9MpYzU.shouldUseWorker(itemCount, this.effectiveFilterMode, threshold);
         let result;
         if (useWorker && this.workerClient?.isReady) {
             // Use worker for search
@@ -484,7 +484,7 @@ const NvFielddropdown = class {
             catch (error) {
                 console.error('Worker search failed, falling back to main thread:', error);
                 // Fall back to main thread search (now supports fuzzy with Fuse.js)
-                result = i18n_utilsIlwlcG9l.search(this.indexedItems, {
+                result = i18n_utilsCR9MpYzU.search(this.indexedItems, {
                     query: this.filterText,
                     filterMode: this.effectiveFilterMode,
                     maxResults: this.maxResults,
@@ -498,7 +498,7 @@ const NvFielddropdown = class {
         }
         else {
             // Use main thread search (now supports fuzzy mode with Fuse.js)
-            result = i18n_utilsIlwlcG9l.search(this.indexedItems, {
+            result = i18n_utilsCR9MpYzU.search(this.indexedItems, {
                 query: this.filterText,
                 filterMode: this.effectiveFilterMode,
                 maxResults: this.maxResults,
@@ -533,7 +533,7 @@ const NvFielddropdown = class {
         const matchingIds = new Set(result.ids);
         let hasVisibleItems = false;
         let visibleCount = 0;
-        const effectiveMaxResults = i18n_utilsIlwlcG9l.clampMaxResults(this.maxResults);
+        const effectiveMaxResults = i18n_utilsCR9MpYzU.clampMaxResults(this.maxResults);
         items.forEach(item => {
             const itemId = item.value || '';
             const itemLabel = item.label || item.textContent?.trim() || '';
@@ -575,13 +575,13 @@ const NvFielddropdown = class {
      */
     addTruncatedMessage(shown, total) {
         // Get the text template: use provided text or auto-detect from locale
-        const textTemplate = this.truncatedResultsText || i18n_utilsIlwlcG9l.getTruncatedResultsText(this.locale);
+        const textTemplate = this.truncatedResultsText || i18n_utilsCR9MpYzU.getTruncatedResultsText(this.locale);
         const truncatedItem = document.createElement('nv-fielddropdownitem');
         truncatedItem.setAttribute('data-truncated', 'true');
         truncatedItem.setAttribute('disabled', 'true');
         truncatedItem.setAttribute('detached', 'true');
         truncatedItem.className = 'truncated-message';
-        truncatedItem.textContent = i18n_utilsIlwlcG9l.formatTruncatedResults(textTemplate, shown, total);
+        truncatedItem.textContent = i18n_utilsCR9MpYzU.formatTruncatedResults(textTemplate, shown, total);
         const ul = this.el.querySelector('div[slot="content"] ul');
         if (ul) {
             ul.appendChild(truncatedItem);
@@ -655,11 +655,11 @@ const NvFielddropdown = class {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (index.h(index.Host, { key: '0915d7a88c89a16adc2d27630b326c4fa426445b', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'c4c614d2f0224a8a0fa10e4a12ddb5c7023a54d8', htmlFor: this.inputId, onClick: this.syncToggleDropdown.bind(this) }, index.h("slot", { key: '14b7f31b260e324a57559cd7fc566f8fcfe29c1e', name: "label" }, this.label))), index.h("nv-popover", { key: 'bffecd6ae3c0e6a5e5def096fd196d9d078cdee5', triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: e => this.openChanged.emit(e.detail) }, index.h("div", { key: 'b2f6dd569d553f61d22b31a96e2020d9a53ecf30', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'c1d3c314d3466fafa94d4b7f2bf124a70586ea98', name: "before-input" }), index.h("div", { key: '6f9a5e8eb390569a85b7d8e811995434fc478a31', class: "input-container" }, index.h("slot", { key: '57c396497f9fb4633b5814ec3e5791fffb4e29fc', name: "leading-input" }), this.filterable || this.disabled || this.readonly ? (index.h("input", { "data-scope": "focusable", id: this.inputId, type: "search", ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
+        return (index.h(index.Host, { key: 'fc83e8834e38142ad102d17495b5978283699576', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '5a1eb965296909556869a025a6e4da609f2cbf90', htmlFor: this.inputId, onClick: this.syncToggleDropdown.bind(this) }, index.h("slot", { key: 'd5d4f3607e07e248c4083c3ea934a3bd1d7a7467', name: "label" }, this.label))), index.h("nv-popover", { key: '17e42a4d729dbc735db49f398ec14e0c296ff8ee', triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: e => this.openChanged.emit(e.detail) }, index.h("div", { key: 'a665ff2d2142acf5335d52e9a304ea2995750e5f', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'bddb24c6404ea0ea7da33485f8d497d0a635f3e2', name: "before-input" }), index.h("div", { key: '7275a9a99c9b4476b405f3966f128ce9ce92801a', class: "input-container" }, index.h("slot", { key: 'ede3c4442f365377eb83524f5d70d2922cd2a38b', name: "leading-input" }), this.filterable || this.disabled || this.readonly ? (index.h("input", { "data-scope": "focusable", id: this.inputId, type: "search", ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleFilterInput })) : (index.h("p", { "data-scope": "focusable", id: this.inputId, ref: el => (this.selectElement = el), class: "non-filterable-text", tabIndex: this.disabled ? -1 : 0 }, this.getSelectedLabel() || this.value || this.placeholder)), this.filterable && this.filterText && (index.h("nv-iconbutton", { key: 'a317de934a5525a0f2fc8da60efb30e6f145e26b', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter.bind(this), "aria-label": "Clear input" })), this.error && (index.h("nv-icon", { key: '66f875b52c5aad0b3d337495e2b84479c539f40c', name: "alert-circle", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: '87d05a637e89e2d31621fdaf4da25a0472679790', "data-scope": "toggle-dropdown", ref: el => (this.toggleElement = el), name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', onClick: this.syncToggleDropdown.bind(this), tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: '709fa474ef044a35a09ea9e03f2c2cb7f8beb499', name: "after-input" })), index.h("div", { key: '1c0599436e013c853b8d52411812d383095b7339', slot: "content", style: this.maxHeight ? { maxHeight: this.maxHeight } : {} }, this.options?.length > 0 && (index.h("ul", { key: '7d29e377eb3c90d20a0e8659a4404da0f603ce33' }, this.options.map(option => (index.h("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))), index.h("slot", { key: '76796c930183e266a8f13dceb70040e9a531bf4b', name: "content" }))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '5ce379ed837ce4045e29835f452615901a49e765', class: "description" }, index.h("slot", { key: '099b08d109920596d58aee26aa3a1f13ed5c8743', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'f8357878d232e6d28714bcc7f3aa508fd33d4c84', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '3f76cd412d3b8cff001295bc68cc726f166788ab', name: "error-description" }, this.errorDescription)))));
+            }), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleFilterInput })) : (index.h("p", { "data-scope": "focusable", id: this.inputId, ref: el => (this.selectElement = el), class: "non-filterable-text", tabIndex: this.disabled ? -1 : 0 }, this.getSelectedLabel() || this.value || this.placeholder)), this.filterable && this.filterText && (index.h("nv-iconbutton", { key: 'd1aa81c5d14601ea85cec133a94f2b071ca98358', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter.bind(this), "aria-label": "Clear input" })), this.error && (index.h("nv-icon", { key: 'd49e30222d63ffdcc4d952d959a98946b943685f', name: "alert-circle", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: '6e157ce63f3f6faa08df5b7b9b7e6fd3ae9d0c31', "data-scope": "toggle-dropdown", ref: el => (this.toggleElement = el), name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', onClick: this.syncToggleDropdown.bind(this), tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: '665519b43abbd562ea1c3e36355b15ffb3e6fea2', name: "after-input" })), index.h("div", { key: 'da97b6498e93d5f6c427bec6963db697c41c2d9a', slot: "content", style: this.maxHeight ? { maxHeight: this.maxHeight } : {} }, this.options?.length > 0 && (index.h("ul", { key: '0db57a711680aad61c32993b5f3afe304ec9066f' }, this.options.map(option => (index.h("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))), index.h("slot", { key: '5c7643c6436c42efa63bab75f416b684b662812b', name: "content" }))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '0ade462a96a16bb0cf6fb9d49d4ead0d98a6234b', class: "description" }, index.h("slot", { key: 'bb2d0c3340bdc0d0b3ac77feab8bc70a73b89a00', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'c04c2329d71e088b262a46441bb3bd9592d304e8', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'b85d769f12c4bf2a2ba5aba69c20566d17801f0a', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/{nv-fielddropdownitem.entry-DapivVnR.js → nv-fielddropdownitem.entry-Bbfi3A8C.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DUlunl9a.js');
+var index = require('./index-BeFrXZol.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -60,7 +60,7 @@ const NvFielddropdownitem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'cc904014a9b842b78989983ea9bef85b77d78ccd', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, index.h("slot", { key: 'bea22ab46cadc0150ee379e2157fad80d11cccdd' }, index.h("div", { key: 'bd873a6664bee68e5e177ef04c14f68f2e0d3cf1', class: "text-wrapper" }, index.h("span", { key: '786a7be6c2aaf0d3cbc570f38ed45f2f23e742be', "data-scope": "text" }, this.label))), this.selected && (index.h("nv-icon", { key: 'a53bfcf17378c42bec4bbd970635dbd6ada1c3a4', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
+        return (index.h(index.Host, { key: '6d50463d72a8e2dde08ba3d7bc6f3ba21021163e', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, index.h("slot", { key: 'b38c59fc95f124c3395ff1ab0b7dfc4ecc27823b' }, index.h("div", { key: 'a5ba5d4b636847e5ce6c1bab6cbbce418b70a1af', class: "text-wrapper" }, index.h("span", { key: 'f01a0aa5ee475a9640c7abefe321f605ea5e7cdf', "data-scope": "text" }, this.label))), this.selected && (index.h("nv-icon", { key: '9cd1b5532a4d2f5c2546e9432262f483bd5c8d69', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-fieldmultiselect.entry-DSpQeiPx.js → nv-fieldmultiselect.entry-Cpy7HzlZ.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DUlunl9a.js');
-var i18n_utilsIlwlcG9l = require('./i18n.utils-IlwlcG9l-ku0bScip.js');
+var index = require('./index-BeFrXZol.js');
+var i18n_utilsCR9MpYzU = require('./i18n.utils-CR9MpYzU-ku0bScip.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -964,7 +964,7 @@ const NvFieldmultiselect = class {
         const ul = this.el.querySelector('ul');
         if (!ul)
             return;
-        this.effectiveFilterMode = i18n_utilsIlwlcG9l.getEffectiveFilterMode(this.filterMode);
+        this.effectiveFilterMode = i18n_utilsCR9MpYzU.getEffectiveFilterMode(this.filterMode);
         // Remove existing empty message and truncation message if any
         ul.querySelector('[data-empty]')?.remove();
         ul.querySelector('[data-truncated]')?.remove();
@@ -975,7 +975,7 @@ const NvFieldmultiselect = class {
             this.filterText.length < this.startFilterAt) {
             // Reset display and apply maxResults limit
             const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck'));
-            const effectiveMaxResults = i18n_utilsIlwlcG9l.clampMaxResults(this.maxResults);
+            const effectiveMaxResults = i18n_utilsCR9MpYzU.clampMaxResults(this.maxResults);
             let visibleCount = 0;
             items.forEach(item => {
                 if (visibleCount < effectiveMaxResults) {
@@ -1008,7 +1008,7 @@ const NvFieldmultiselect = class {
         const matchingIds = new Set(result.ids);
         let hasVisibleItems = false;
         const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck'));
-        const effectiveMaxResults = i18n_utilsIlwlcG9l.clampMaxResults(this.maxResults);
+        const effectiveMaxResults = i18n_utilsCR9MpYzU.clampMaxResults(this.maxResults);
         let visibleCount = 0;
         items.forEach(item => {
             const itemValue = item.getAttribute('value') || '';
@@ -1074,13 +1074,13 @@ const NvFieldmultiselect = class {
             });
         }
         // Build local index for main-thread search
-        this.indexedItems = i18n_utilsIlwlcG9l.buildIndex(this.rawItems);
+        this.indexedItems = i18n_utilsCR9MpYzU.buildIndex(this.rawItems);
         // Determine effective filter mode
-        this.effectiveFilterMode = i18n_utilsIlwlcG9l.getEffectiveFilterMode(this.filterMode);
+        this.effectiveFilterMode = i18n_utilsCR9MpYzU.getEffectiveFilterMode(this.filterMode);
         // Initialize worker if needed
         const itemCount = this.rawItems.length;
-        const threshold = i18n_utilsIlwlcG9l.clampWorkerThreshold(this.workerThreshold);
-        if (i18n_utilsIlwlcG9l.shouldUseWorker(itemCount, this.effectiveFilterMode, threshold)) {
+        const threshold = i18n_utilsCR9MpYzU.clampWorkerThreshold(this.workerThreshold);
+        if (i18n_utilsCR9MpYzU.shouldUseWorker(itemCount, this.effectiveFilterMode, threshold)) {
             await this.initSearchWorker();
         }
         else {
@@ -1093,12 +1093,12 @@ const NvFieldmultiselect = class {
      * Note: Fuzzy search now works on main thread with Fuse.js, so no mode change needed.
      */
     async initSearchWorker() {
-        if (!i18n_utilsIlwlcG9l.isWorkerSupported()) {
+        if (!i18n_utilsCR9MpYzU.isWorkerSupported()) {
             // Workers not supported - will use main thread (fuzzy still works with Fuse.js)
             return;
         }
         if (!this.workerClient) {
-            this.workerClient = new i18n_utilsIlwlcG9l.SearchWorkerClient();
+            this.workerClient = new i18n_utilsCR9MpYzU.SearchWorkerClient();
             // No fallback mode change needed - fuzzy works on main thread now
         }
         // Init will silently handle fallback if worker can't be created
@@ -1124,8 +1124,8 @@ const NvFieldmultiselect = class {
             await this.rebuildSearchIndex();
         }
         const itemCount = this.rawItems.length;
-        const threshold = i18n_utilsIlwlcG9l.clampWorkerThreshold(this.workerThreshold);
-        const useWorker = i18n_utilsIlwlcG9l.shouldUseWorker(itemCount, this.effectiveFilterMode, threshold);
+        const threshold = i18n_utilsCR9MpYzU.clampWorkerThreshold(this.workerThreshold);
+        const useWorker = i18n_utilsCR9MpYzU.shouldUseWorker(itemCount, this.effectiveFilterMode, threshold);
         if (useWorker && this.workerClient?.isReady) {
             this.isSearching = true;
             try {
@@ -1134,7 +1134,7 @@ const NvFieldmultiselect = class {
             catch (error) {
                 console.error('Worker search failed:', error);
                 // Fall back to main thread (fuzzy now works with Fuse.js)
-                return i18n_utilsIlwlcG9l.search(this.indexedItems, {
+                return i18n_utilsCR9MpYzU.search(this.indexedItems, {
                     query: this.filterText,
                     filterMode: this.effectiveFilterMode,
                     maxResults: this.maxResults,
@@ -1147,7 +1147,7 @@ const NvFieldmultiselect = class {
             }
         }
         // Use main thread search (fuzzy now works with Fuse.js)
-        return i18n_utilsIlwlcG9l.search(this.indexedItems, {
+        return i18n_utilsCR9MpYzU.search(this.indexedItems, {
             query: this.filterText,
             filterMode: this.effectiveFilterMode,
             maxResults: this.maxResults,
@@ -1165,11 +1165,11 @@ const NvFieldmultiselect = class {
         // Remove existing truncation message
         ul.querySelector('[data-truncated]')?.remove();
         // Get the text template: use provided text or auto-detect from locale
-        const textTemplate = this.truncatedResultsText || i18n_utilsIlwlcG9l.getTruncatedResultsText(this.locale);
+        const textTemplate = this.truncatedResultsText || i18n_utilsCR9MpYzU.getTruncatedResultsText(this.locale);
         const truncatedItem = document.createElement('li');
         truncatedItem.setAttribute('data-truncated', 'true');
         truncatedItem.className = 'truncated-message no-results-message';
-        truncatedItem.textContent = i18n_utilsIlwlcG9l.formatTruncatedResults(textTemplate, shown, total);
+        truncatedItem.textContent = i18n_utilsCR9MpYzU.formatTruncatedResults(textTemplate, shown, total);
         ul.appendChild(truncatedItem);
     }
     handleClickOutside(event) {

package/dist/cjs/{nv-fieldnumber.entry-BwxR9sRr.js → nv-fieldnumber.entry-SbNb4hKr.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DUlunl9a.js');
+var index = require('./index-BeFrXZol.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -170,11 +170,11 @@ const NvFieldnumber = class {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (index.h(index.Host, { key: '8923d44cca66a2540688650ababfeec76ea1ef37' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '56b80106201b70cb881df6051c6ef12694762cc3', htmlFor: this.inputId }, index.h("slot", { key: '864103e328f18ad16041f434856ee6b3c996aa86', name: "label" }, this.label))), index.h("div", { key: '83f62b35fa18c43b7825d1510e47b47151c007cd', class: "input-wrapper" }, index.h("slot", { key: 'c566e63d0e78c63ee1a3d42e44dfed04eb1bf442', name: "before-input" }), index.h("div", { key: '234a861d3bd801394ed529a96480616357d1be68', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: 'c1128d9b4cbe4b7c2c57117b8b86f8ae553df749', name: "leading-input" }), index.h("input", { key: 'b5d2a4a11e7a86be87bc43b2258352c427478f2e', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: "number", autofocus: this.autofocus, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
+        return (index.h(index.Host, { key: '1e36baa7bada38760fc9363329cb133d92aad28b' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '7c47d4417b1a26dd35e0e566451c3e8386803611', htmlFor: this.inputId }, index.h("slot", { key: '6aeedee63b8d2fbe2d7df6f567cb6d81020efe98', name: "label" }, this.label))), index.h("div", { key: '4507a0ec037b3822a396ad89d86b62d1adcf0011', class: "input-wrapper" }, index.h("slot", { key: '7f469b67aa088cea2967e430d1e257097f84ae84', name: "before-input" }), index.h("div", { key: 'c3c5a0e713e5cd94ab6d9c6414cf33a1bd91daee', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '8c6b3952d186bf4873470fc7fa67768e4d76d561', name: "leading-input" }), index.h("input", { key: 'f413f4c3cd77a0a872b0038bbf8e61ce780c3f78', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: "number", autofocus: this.autofocus, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), max: this.max, min: this.min, step: this.step, value: typeof this.value === 'number' ? this.value : undefined, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), index.h("slot", { key: '37629423645755fdf53ea955ead6950752047ca4', name: "trailing-input" }), this.error && (index.h("nv-icon", { key: 'a23fccf662246ac1f696942f96d632112644b103', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: 'b20933d5b749b3d3bc56ceb9acab8dc4a1a22c7b', name: "circle-check", class: "validation", size: "md" })), index.h("div", { key: '1b1eccecd0c62d1c8675b323e5e69df4321ab0b1', class: "stepper" }, index.h("nv-iconbutton", { key: '4065c40b5f1dcb35d4508741d24ec4e98b410e20', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }), index.h("nv-iconbutton", { key: '185fc575ffb4143b6f212831c0cfdb9467593a14', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }))), index.h("slot", { key: '684f6fd512db5becf5a392d641583f3fde4b7ee1', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '731b758b37cf19b90ed83fc59ef071d758fa308c', class: "description" }, index.h("slot", { key: '6c5b91e259ec4f70353ff52297c5d9e3f5d4e830', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'ac5c52dc7f3ece9cb6c7fa19dfc537fbac307686', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'ce43bfc92428463267fccf376b580ab6794e9200', name: "error-description" }, this.errorDescription)))));
+            }), max: this.max, min: this.min, step: this.step, value: typeof this.value === 'number' ? this.value : undefined, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), index.h("slot", { key: 'af60594f2c536e5527478a66b72ad96bedcdcbd7', name: "trailing-input" }), this.error && (index.h("nv-icon", { key: 'd1ac93ad90cf44304581e4c1516e50a9ccdfa13a', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '13e5220090b3841c6dcc688e89ad99df8df1fc65', name: "circle-check", class: "validation", size: "md" })), index.h("div", { key: '4823aa102f38909d488cde22f3c8e5607a6dad36', class: "stepper" }, index.h("nv-iconbutton", { key: 'beb7246372406a126f5eeb10f36532e6727e29db', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }), index.h("nv-iconbutton", { key: 'f17eef8a17252962ee0f282ece0e402cc71a231d', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }))), index.h("slot", { key: '54e427210db1972f194a7e60a5523038615e2889', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'b74c0ecd5d63a072a47b841294614d9f7cfb1371', class: "description" }, index.h("slot", { key: '3feddef8e3658097a3137dbdbd872e72c527f5f8', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '4b6956f6ae94393d37b94703401dc6ab62657fdf', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '37c04247cf7842d623ee36b1144f9656af651768', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/{nv-fieldpassword.entry-BOSU-Skh.js → nv-fieldpassword.entry-CPsgagjY.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DUlunl9a.js');
+var index = require('./index-BeFrXZol.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -148,11 +148,11 @@ const NvFieldpassword = class {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (index.h(index.Host, { key: 'f9df0663358647d4305ebce0277cde70500e8740' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'ac7f2c7c2351d231f95f1366fd562168172947e9', htmlFor: this.inputId }, index.h("slot", { key: 'bd816b47b2e5f396d075fef7162ced4a37fb218f', name: "label" }, this.label))), index.h("div", { key: '10e75900c29557bdb52d8ea6e44a44cf361fa3eb', class: "input-wrapper" }, index.h("slot", { key: '11f12897969247d96452d0c60f30634a8d3d1b65', name: "before-input" }), index.h("div", { key: '43a4dd389bde61fb42d71f9adf7fc3ae39b78937', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '8831059e08707a3a14b19134189291f391ec1e06', name: "leading-input" }), index.h("input", { key: '06780d7a981405f5fbee6dafde3b044733ac381a', 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: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
+        return (index.h(index.Host, { key: '0022e7c0b9529f4cd6840732a12bdfd7af178c4d' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'ac8eebc87258b3ff220809e1304c69c657d91a6e', htmlFor: this.inputId }, index.h("slot", { key: '0385f62cef83b64170ffbe796163407e7f5a5ab5', name: "label" }, this.label))), index.h("div", { key: 'a4b02b838c72a5f5c263919bb56ec2f601f9b2af', class: "input-wrapper" }, index.h("slot", { key: 'fbcfea7b266fc54c29583ada4f0007984a2c4e05', name: "before-input" }), index.h("div", { key: '83ca16802319a42e59718c1836b9692da0f34fc9', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '996aceac450cf9ab7e0c0a96061b06212ed95ca0', name: "leading-input" }), index.h("input", { key: '2d23175d6a47ee52e2a3dbae88a989e13fe5ea02', 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: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), 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: 'be4cb48eeb99a2a474cf7a6a53055e04d1baabff', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (index.h("nv-iconbutton", { key: '0749a349e7f7253c3574b1c5e8b45c27394cac31', 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: '045d8eae1db96d902e8590fab30673b782b41a24', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'eb0305e565f4056fe0d8213caa5665e38fcbca95', class: "description" }, index.h("slot", { key: 'a6890087afa2b3d1a289e415bb9c21b7c71e9f04', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '4113509789b3bd7bd2f94217b68527f61449b262', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '3ca63688c3db3ef4fe3b0d5d341b0b3536b1f692', name: "error-description" }, this.errorDescription)))));
+            }), 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: '388170ed995039b69b2b3db523b2c7ba33e8fd87', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (index.h("nv-iconbutton", { key: '92567a64f653423e351bb558456233318461a0e0', 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: '929d2faa36c128bd5d163beb8a06f40c008981e9', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'ddd0ed40de645fae289d3e1b60db0067e219fd78', class: "description" }, index.h("slot", { key: '17122748a9a401a50d43d3fd556c20809dfb9bc2', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '1ef139333591257d3a13e9506be0721cee1fd4f1', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '631bf31a710d0ace20cd7d631d6218101ac896b0', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/nv-fieldradio.entry-DLP-rmKU.js

@@ -0,0 +1,105 @@
+'use strict';
+
+var index = require('./index-BeFrXZol.js');
+var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
+var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.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}`;
+
+const NvFieldradio = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.checkedChanged = index.createEvent(this, "checkedChanged", 3);
+        /**
+         * Set the label placement to before the input
+         * @deprecated use labelPlacement instead.
+         */
+        this.labelBefore = false;
+        //#endregion DEPRECATED
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Sets the ID for the radio button’s input element and the for attribute of
+         * the associated label. If no ID is provided, a random one will be
+         * automatically generated to ensure unique identification, facilitating
+         * proper label association and accessibility.
+         */
+        this.inputId = v4BdYh22OP.v4();
+        /**
+         * Highlight the radio button with error styling. It helps users quickly
+         * identify which option needs attention, improving their form-filling
+         * experience by making issues more visible.
+         * @validator error
+         */
+        this.error = false;
+        /**
+         * Controls whether the radio button is selected.
+         */
+        this.checked = false;
+        /**
+         * Disables the radio button, making it un-selectable.
+         */
+        this.disabled = false;
+        /**
+         * 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>
+         * element.
+         */
+        this.autofocus = false;
+    }
+    componentWillRender() {
+        if (this.message) {
+            this.description = this.message;
+        }
+        if (this.labelBefore) {
+            this.labelPlacement = 'before';
+        }
+    }
+    //#endregion EVENTS
+    /****************************************************************************/
+    //#region WATCHERS
+    /**
+     * Watches for changes to the checked state and emits the new value.
+     * @param {boolean} checked - The new value of the checked state.
+     */
+    handleCheckedChange(checked) {
+        this.checkedChanged.emit(checked);
+    }
+    /**
+     * Listens for the change event on the radio button input element and controls
+     * the checked state of the host elements.
+     * @param {Event} event - The change event.
+     */
+    handleChange(event) {
+        const target = event.target;
+        if (target?.type === 'radio') {
+            Array.from(document.getElementsByTagName('nv-fieldradio')).forEach(element => {
+                if (element.name === this.name) {
+                    element.checked = false;
+                }
+            });
+            this.checked = target.checked;
+        }
+    }
+    //#endregion WATCHERS
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '07d9225a6a3af28efa5885b5bb02a3f512708a97', class: clsxChV9xqsO.clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, index.h("input", { key: '2b5afcf255bc442914f9225537987d331000883d', 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: '8fc76a826e8a8ef51a80173b950ab460cf0ff8f3', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '4578fccf241e9470a7f514761b3141d3fad77a88', htmlFor: this.inputId }, index.h("slot", { key: 'f6d9f4961d07525175bd51fa4a4b546d62e74d4e', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '17d029eb709c443e8a68a5d6bdd1265400ae35d2', class: "description" }, index.h("slot", { key: 'e4485b5ed253c6fc45508947387fa43f0492f654', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'cde01e850752c1a2b4a3b2559f2052167409a605', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'f9d9f08be6506a495a5b42bcc9ebd2db49e749d5', name: "error-description" }, this.errorDescription))))));
+    }
+    static get formAssociated() { return true; }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "checked": [{
+                "handleCheckedChange": 0
+            }]
+    }; }
+};
+NvFieldradio.style = nvFieldradioCss();
+
+exports.nv_fieldradio = NvFieldradio;

package/dist/cjs/{nv-fieldselect.entry-CfWjQAd9.js → nv-fieldselect.entry-DOOO03kM.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DUlunl9a.js');
+var index = require('./index-BeFrXZol.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -373,15 +373,15 @@ const NvFieldselect = class {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (index.h(index.Host, { key: '3e1db8da89c5d0b916f683aa69d31c779804fd4d' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'f9563ef31e408807bf5f1f5e2de28ebcc6a85f3e', htmlFor: this.inputId }, index.h("slot", { key: '5af97b78470901fa65daa6e80b129958544a773c', name: "label" }, this.label))), index.h("div", { key: '3b27b4b3a3eb0b52d75b89fb74302a0b25c2668d', class: "select-wrapper" }, index.h("slot", { key: 'f9a55c3d0180d7ebd950433069ab28abf6c1c284', name: "before-input" }), index.h("div", { key: 'd52aa5c1cfc373e8b7f2a89d2c12b57c94f23ba3', class: "select-container", onClick: this.handleSelectContainerClick }, index.h("slot", { key: '6d7d0162b5d31bff3ed62394314ae7fbfe0d48f2', name: "leading-input" }), this.internalReadonly && (index.h("input", { key: 'e424fa104e6fdb914642283da5817cfc9b2a9bde', id: this.inputId + '-readonly', type: "text", value: this.computedDisplayValue, readonly: true, class: "readonly-input", "aria-readonly": "true", "aria-label": this.label, "aria-describedby": this.error
+        return (index.h(index.Host, { key: '14b1a2aa45b0c68539234e57dfcce39422d6d23b' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'a9c3a454574d65358d28f8e72049d82b5667b0cb', htmlFor: this.inputId }, index.h("slot", { key: 'ead692187041569b918d65afd775e1f4050d54e7', name: "label" }, this.label))), index.h("div", { key: '1707389d32a34a16a141990a9ab133c0e39fdd11', class: "select-wrapper" }, index.h("slot", { key: 'd8ac565ec1a564f1e451f8d0f80ad12c4b25a70d', name: "before-input" }), index.h("div", { key: '4c0edadba8462c36ea4f315971842796fb59852f', class: "select-container", onClick: this.handleSelectContainerClick }, index.h("slot", { key: '68442a898f7321d584d7fff62452af2b37ee3467', name: "leading-input" }), this.internalReadonly && (index.h("input", { key: '997d8e04f32826d65f4a1a138b008f69910fa6d2', id: this.inputId + '-readonly', type: "text", value: this.computedDisplayValue, readonly: true, class: "readonly-input", "aria-readonly": "true", "aria-label": this.label, "aria-describedby": this.error
                 ? `${this.inputId}-error`
-                : `${this.inputId}-description` })), index.h("select", { key: '40b5dc4762ff71b411106504c8f5781c4683d9b0', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
+                : `${this.inputId}-description` })), index.h("select", { key: '732a7a11d9547ea4f6b3322781bc34be18b6b77e', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
             }), 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.options && this.options.length > 0 ? (this.options.map(option => (index.h("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (index.h("slot", null))), index.h("div", { key: 'a7643035cae31cf8d51c2d5fef4884d937973145', class: "select-icons" }, this.error && (index.h("nv-icon", { key: 'b14aef3d09000a587ab31c5dd01737c9af6fd484', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '718235edb2b332041fbd52bf7eefb7a3b85fc48e', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (index.h("nv-iconbutton", { key: '1c6f671d617be4ac490a666ac9d4bd1d2e4ca741', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), index.h("slot", { key: 'c10d04364dcbf2919dd09e2281326400e0121329', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '2f971bfa9568529ffcd442c3a28408614c6d156b', class: "description", id: `${this.inputId}-description` }, index.h("slot", { key: 'd1e6be348a300c8d157250a46396d9e574ed7e1f', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'df3c8fa6bd21adbd4fedba999449bab77568b166', class: "error-description", id: `${this.inputId}-error` }, index.h("slot", { key: '7e1c69a2fe2d742699fb8715bc1f3b1f4ef4a9d2', name: "error-description" }, this.errorDescription)))));
+                : `${this.inputId}-description` }, this.options && this.options.length > 0 ? (this.options.map(option => (index.h("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (index.h("slot", null))), index.h("div", { key: 'f4675290f5ee76afb1020f40e70c19e2f33b9292', class: "select-icons" }, this.error && (index.h("nv-icon", { key: '246f1fd624270c5f2cfdfc5fc31ff1e63c0aa99f', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: 'ff06df43b44ceb423c2dd3be999e553a62953d84', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (index.h("nv-iconbutton", { key: 'fee5dd8d3268d6ad00389b2ace10eaffa81fb0c0', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), index.h("slot", { key: 'debcb059b6fc7a3667009af11539a98778812064', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'c64ad4587fe24de32391e730a02d34138e9dd55d', class: "description", id: `${this.inputId}-description` }, index.h("slot", { key: '7bee964467a46ea037d3be6733a04a08979fbebb', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'd759750f8a90a8a41d2b42ac1cc4a297ae14e571', class: "error-description", id: `${this.inputId}-error` }, index.h("slot", { key: 'df17b5135b5f8bbf991895f11cc1bb74c7e665a6', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }