@nova-design-system/nova-react 3.12.0 → 3.13.0

package/dist/cjs/{nv-fieldtime.entry-mnsDon9M.js → nv-fieldtime.entry-CpoXpAPx.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-jBgPO7HC.js');
-var constantsA857c476 = require('./constants-a857c476-Cj2b-su0.js');
+var index = require('./index-Jgn7NELT.js');
+var constantsD0f19e7b = require('./constants-d0f19e7b-s0SCO_vi.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 
@@ -29,7 +29,7 @@ const NvFieldtime = class {
         // Input elements for hours, minutes, and seconds
         this.inputElements = {};
         this.inputZeroAdded = {};
-        this.typeFocused = constantsA857c476.TimeType.Hours;
+        this.typeFocused = constantsD0f19e7b.TimeType.Hours;
         /****************************************************************************/
         //#region STATES
         this.hours = '00';
@@ -142,20 +142,20 @@ const NvFieldtime = class {
         else if (event.key === 'Enter' && currentIndex >= 0) {
             event.preventDefault();
             items[currentIndex].click();
-            if (this.typeFocused === constantsA857c476.TimeType.Hours) {
-                (_a = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
-                (_b = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
+            if (this.typeFocused === constantsD0f19e7b.TimeType.Hours) {
+                (_a = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
+                (_b = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
             }
-            else if (this.typeFocused === constantsA857c476.TimeType.Minutes ||
-                this.typeFocused === constantsA857c476.TimeType.Seconds) {
-                (_c = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
-                (_d = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
+            else if (this.typeFocused === constantsD0f19e7b.TimeType.Minutes ||
+                this.typeFocused === constantsD0f19e7b.TimeType.Seconds) {
+                (_c = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
+                (_d = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
             }
         }
         else if (event.key === 'Escape') {
             event.preventDefault();
-            if (this.inputElements[constantsA857c476.TimeType.Hours]) {
-                this.inputElements[constantsA857c476.TimeType.Hours].blur();
+            if (this.inputElements[constantsD0f19e7b.TimeType.Hours]) {
+                this.inputElements[constantsD0f19e7b.TimeType.Hours].blur();
             }
         }
     }
@@ -173,13 +173,13 @@ const NvFieldtime = class {
         const inputValue = inputElement.value.replace(/[^0-9]/g, ''); // Only keep numeric input
         // Update the time value based on the type
         switch (type) {
-            case constantsA857c476.TimeType.Hours:
+            case constantsD0f19e7b.TimeType.Hours:
                 this.handleHoursChange(inputValue, type);
                 break;
-            case constantsA857c476.TimeType.Minutes:
+            case constantsD0f19e7b.TimeType.Minutes:
                 this.handleMinutesChange(inputValue, type);
                 break;
-            case constantsA857c476.TimeType.Seconds:
+            case constantsD0f19e7b.TimeType.Seconds:
                 this.handleSecondsChange(inputValue, type);
                 break;
         }
@@ -335,12 +335,12 @@ const NvFieldtime = class {
         if (this.hours.length === 2 &&
             !this.inputZeroAdded[type] &&
             !reputedToZero) {
-            (_a = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
-            (_b = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
+            (_a = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
+            (_b = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
         }
         else if (reputedToZero) {
-            (_c = this.inputElements[constantsA857c476.TimeType.Hours]) === null || _c === void 0 ? void 0 : _c.focus();
-            (_d = this.inputElements[constantsA857c476.TimeType.Hours]) === null || _d === void 0 ? void 0 : _d.select();
+            (_c = this.inputElements[constantsD0f19e7b.TimeType.Hours]) === null || _c === void 0 ? void 0 : _c.focus();
+            (_d = this.inputElements[constantsD0f19e7b.TimeType.Hours]) === null || _d === void 0 ? void 0 : _d.select();
         }
     }
     handleMinutesChange(inputValue, type) {
@@ -493,12 +493,12 @@ const NvFieldtime = class {
         if (this.minutes.length === 2 &&
             !this.inputZeroAdded[type] &&
             !reputedToZero) {
-            (_c = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
-            (_d = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
+            (_c = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
+            (_d = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
         }
         else if (reputedToZero) {
-            (_e = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _e === void 0 ? void 0 : _e.focus();
-            (_f = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _f === void 0 ? void 0 : _f.select();
+            (_e = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _e === void 0 ? void 0 : _e.focus();
+            (_f = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _f === void 0 ? void 0 : _f.select();
         }
     }
     handleSecondsChange(inputValue, type) {
@@ -626,8 +626,8 @@ const NvFieldtime = class {
             }
         }
         if (reputedToZero) {
-            (_c = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
-            (_d = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
+            (_c = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
+            (_d = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
         }
     }
     // Parse a continuous time string (e.g., "123456") into hours, minutes, and seconds
@@ -681,26 +681,26 @@ const NvFieldtime = class {
         if (this.disabled || this.readonly) {
             return; // Do not toggle if disabled or read-only
         }
-        if (this.open && this.inputElements[constantsA857c476.TimeType.Hours]) {
+        if (this.open && this.inputElements[constantsD0f19e7b.TimeType.Hours]) {
             this.open = false; // Close the popover if it is open
         }
-        else if (this.open && this.inputElements[constantsA857c476.TimeType.Minutes]) {
+        else if (this.open && this.inputElements[constantsD0f19e7b.TimeType.Minutes]) {
             this.open = false; // Close the popover if it is open
         }
-        else if (this.open && this.inputElements[constantsA857c476.TimeType.Seconds]) {
+        else if (this.open && this.inputElements[constantsD0f19e7b.TimeType.Seconds]) {
             this.open = false; // Close the popover if it is open
         }
-        else if (!this.open && this.inputElements[constantsA857c476.TimeType.Hours]) {
-            (_a = this.inputElements[constantsA857c476.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus(); // Focus will open the popover
-            (_b = this.inputElements[constantsA857c476.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
+        else if (!this.open && this.inputElements[constantsD0f19e7b.TimeType.Hours]) {
+            (_a = this.inputElements[constantsD0f19e7b.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus(); // Focus will open the popover
+            (_b = this.inputElements[constantsD0f19e7b.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
         }
-        else if (!this.open && this.inputElements[constantsA857c476.TimeType.Minutes]) {
-            (_c = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _c === void 0 ? void 0 : _c.focus(); // Focus will open the popover
-            (_d = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _d === void 0 ? void 0 : _d.select();
+        else if (!this.open && this.inputElements[constantsD0f19e7b.TimeType.Minutes]) {
+            (_c = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _c === void 0 ? void 0 : _c.focus(); // Focus will open the popover
+            (_d = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _d === void 0 ? void 0 : _d.select();
         }
-        else if (!this.open && this.inputElements[constantsA857c476.TimeType.Seconds]) {
-            (_e = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _e === void 0 ? void 0 : _e.focus(); // Focus will open the popover
-            (_f = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _f === void 0 ? void 0 : _f.select();
+        else if (!this.open && this.inputElements[constantsD0f19e7b.TimeType.Seconds]) {
+            (_e = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _e === void 0 ? void 0 : _e.focus(); // Focus will open the popover
+            (_f = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _f === void 0 ? void 0 : _f.select();
         }
         else {
             console.warn('nv-fieldtime -> No input elements found to focus or to blur');
@@ -722,13 +722,13 @@ const NvFieldtime = class {
     }
     handleTimeOptionClick(event, type) {
         const option = parseInt(event.target.textContent || '0', 10);
-        if (type === constantsA857c476.TimeType.Hours) {
+        if (type === constantsD0f19e7b.TimeType.Hours) {
             this.hours = option.toString().padStart(2, '0');
         }
-        else if (type === constantsA857c476.TimeType.Minutes) {
+        else if (type === constantsD0f19e7b.TimeType.Minutes) {
             this.minutes = option.toString().padStart(2, '0');
         }
-        else if (type === constantsA857c476.TimeType.Seconds) {
+        else if (type === constantsD0f19e7b.TimeType.Seconds) {
             this.seconds = option.toString().padStart(2, '0');
         }
         const reconstructTime = this.reconstructTime();
@@ -779,11 +779,11 @@ const NvFieldtime = class {
         }
         // Generate the time options based on the type
         switch (type) {
-            case constantsA857c476.TimeType.Hours:
+            case constantsD0f19e7b.TimeType.Hours:
                 return this.generateHourOptions(stepInSeconds);
-            case constantsA857c476.TimeType.Minutes:
+            case constantsD0f19e7b.TimeType.Minutes:
                 return this.generateMinuteOptions(stepInSeconds);
-            case constantsA857c476.TimeType.Seconds:
+            case constantsD0f19e7b.TimeType.Seconds:
                 return this.generateSecondOptions(stepInSeconds);
             default:
                 return [];
@@ -885,8 +885,8 @@ const NvFieldtime = class {
         }
         if (!this.open) {
             if (this.inputElements) {
-                (_a = this.inputElements[constantsA857c476.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus();
-                (_b = this.inputElements[constantsA857c476.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
+                (_a = this.inputElements[constantsD0f19e7b.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus();
+                (_b = this.inputElements[constantsD0f19e7b.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
             }
             event.preventDefault();
         }
@@ -976,30 +976,30 @@ const NvFieldtime = class {
     RenderTimeOptionsColumn(type) {
         return (index.h("div", { class: `time-column time-column-${type}`, onScroll: e => this.handleScroll(e, type) }, this.generateInfiniteTimeOptions(type).map((option, index$1) => (index.h("div", { class: {
                 'time-option': true,
-                'selected': (type === constantsA857c476.TimeType.Hours && option === this.hours) ||
-                    (type === constantsA857c476.TimeType.Minutes && option === this.minutes) ||
-                    (type === constantsA857c476.TimeType.Seconds && option === this.seconds),
+                'selected': (type === constantsD0f19e7b.TimeType.Hours && option === this.hours) ||
+                    (type === constantsD0f19e7b.TimeType.Minutes && option === this.minutes) ||
+                    (type === constantsD0f19e7b.TimeType.Seconds && option === this.seconds),
             }, key: `${option}-${index$1}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
     }
     render() {
         return (index.h(index.Host, { key: 'a960e7daf8d9a323a55b0f248dd24f8e94321161', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '23c78f159cb32ef76d0d8b5a1171246c9c69fdb7', htmlFor: this.inputId }, index.h("slot", { key: '70b2361b44414dba4ca91b487a7b04872cc0d75d', name: "label" }, this.label))), index.h("nv-popover", { key: '80de55aa7eb0c165ed6871cb0ac6a5aec9046769', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: 'fcd670c6dd32e6687540ddbdaefc2808898a459f', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'cea8867cee99035e97bc9ad40a7f20cf1091f415', name: "before-input" }), index.h("div", { key: 'b68a1a7477baaa3fbf39182a36fe4a693e29a688', class: "input-container" }, index.h("slot", { key: '3bb50bb3ad0207ded63bddfff6b5c5afda7ddfd4', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
-            index.h("input", { key: '236b3a8067f50c443a117e6b3e8e4b882a84eb01', ref: el => (this.inputElements[constantsA857c476.TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, constantsA857c476.TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(constantsA857c476.TimeType.Hours), name: this.name
-                    ? `${constantsA857c476.TimeType.Hours}-${this.name}`
-                    : constantsA857c476.TimeType.Hours, id: this.inputId, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
+            index.h("input", { key: '236b3a8067f50c443a117e6b3e8e4b882a84eb01', ref: el => (this.inputElements[constantsD0f19e7b.TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, constantsD0f19e7b.TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(constantsD0f19e7b.TimeType.Hours), name: this.name
+                    ? `${constantsD0f19e7b.TimeType.Hours}-${this.name}`
+                    : constantsD0f19e7b.TimeType.Hours, id: this.inputId, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
         ], this.format.includes('mm') && [
             index.h("span", { key: '2440acab80a0d91ebe758f5a329ac5d805a18f9a' }, ":"),
-            index.h("input", { key: '72bc71a8bce65be766c899738745d85da7ef3530', ref: el => (this.inputElements[constantsA857c476.TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, constantsA857c476.TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(constantsA857c476.TimeType.Minutes), name: this.name
-                    ? `${constantsA857c476.TimeType.Minutes}-${this.name}`
-                    : constantsA857c476.TimeType.Minutes, id: `${this.inputId}-minutes`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
+            index.h("input", { key: '72bc71a8bce65be766c899738745d85da7ef3530', ref: el => (this.inputElements[constantsD0f19e7b.TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, constantsD0f19e7b.TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(constantsD0f19e7b.TimeType.Minutes), name: this.name
+                    ? `${constantsD0f19e7b.TimeType.Minutes}-${this.name}`
+                    : constantsD0f19e7b.TimeType.Minutes, id: `${this.inputId}-minutes`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
         ], this.format.includes('ss') && [
             index.h("span", { key: '0afdff59b999c346b455ed7408332d087ae48b12' }, ":"),
-            index.h("input", { key: '0ecf4b18af18b6184e0ccdd00ddea561ee403195', ref: el => (this.inputElements[constantsA857c476.TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, constantsA857c476.TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(constantsA857c476.TimeType.Seconds), name: this.name
-                    ? `${constantsA857c476.TimeType.Seconds}-${this.name}`
-                    : constantsA857c476.TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
+            index.h("input", { key: '0ecf4b18af18b6184e0ccdd00ddea561ee403195', ref: el => (this.inputElements[constantsD0f19e7b.TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, constantsD0f19e7b.TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(constantsD0f19e7b.TimeType.Seconds), name: this.name
+                    ? `${constantsD0f19e7b.TimeType.Seconds}-${this.name}`
+                    : constantsD0f19e7b.TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
         ], index.h("nv-iconbutton", { key: '2d3d19d683d85110df8aab9d7c70fb377b189381', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', "aria-pressed": this.open.toString(), onClick: () => this.HandleDropdownIconClick() }), this.error && (index.h("nv-icon", { key: '8b49cb73821fea8926ede8406019fa68baa8500e', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: '372b8e95455c269a988257f2504fc24c680d7f4b', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: '9e23fd13862e6218cd7213729b3e165ae74fe2eb', name: "after-input" })), index.h("div", { key: 'c5b99d58c96a055ea8aeade81fb5d75490421716', class: "time-dropdown", slot: "content" }, index.h("div", { key: '2bcee9fa41574db70850445bba4d4041c9471a46', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
-            this.RenderTimeOptionsColumn(constantsA857c476.TimeType.Hours), this.format.includes('mm') &&
-            this.RenderTimeOptionsColumn(constantsA857c476.TimeType.Minutes), this.format.includes('ss') &&
-            this.RenderTimeOptionsColumn(constantsA857c476.TimeType.Seconds)))), (this.description ||
+            this.RenderTimeOptionsColumn(constantsD0f19e7b.TimeType.Hours), this.format.includes('mm') &&
+            this.RenderTimeOptionsColumn(constantsD0f19e7b.TimeType.Minutes), this.format.includes('ss') &&
+            this.RenderTimeOptionsColumn(constantsD0f19e7b.TimeType.Seconds)))), (this.description ||
             this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '822534262bb1769294be95c1a240a2753d556e1c', class: "description" }, index.h("slot", { key: '62489b82bee33610b55dfa4c2f9997b5d68b6bfe', name: "description" }, this.description))), (this.errorDescription ||
             this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '9cedb395a09c4243c7c714574ad8d41b6a836fbb', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '7b8802739ad74756f2843dd8807afe6abda92831', name: "error-description" }, this.errorDescription)))));
     }

package/dist/cjs/{nv-icon.entry-CrgnozDL.js → nv-icon.entry-DbOeEd4f.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-jBgPO7HC.js');
+var index = require('./index-Jgn7NELT.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
-var constantsA857c476 = require('./constants-a857c476-Cj2b-su0.js');
+var constantsD0f19e7b = require('./constants-d0f19e7b-s0SCO_vi.js');
 require('react');
 
 /**
@@ -49,19 +49,19 @@ const NvIcon = class {
     }
     componentWillRender() {
         if (this.xsmall) {
-            this.size = constantsA857c476.SemanticSizes.ExtraSmall;
+            this.size = constantsD0f19e7b.SemanticSizes.ExtraSmall;
         }
         if (this.small) {
-            this.size = constantsA857c476.SemanticSizes.Small;
+            this.size = constantsD0f19e7b.SemanticSizes.Small;
         }
         if (this.medium) {
-            this.size = constantsA857c476.SemanticSizes.Medium;
+            this.size = constantsD0f19e7b.SemanticSizes.Medium;
         }
         if (this.large) {
-            this.size = constantsA857c476.SemanticSizes.Large;
+            this.size = constantsD0f19e7b.SemanticSizes.Large;
         }
         if (this.xlarge) {
-            this.size = constantsA857c476.SemanticSizes.ExtraLarge;
+            this.size = constantsD0f19e7b.SemanticSizes.ExtraLarge;
         }
     }
     componentWillLoad() {

package/dist/cjs/{nv-iconbutton_2.entry-M5EY3-1s.js → nv-iconbutton_2.entry-DR_wR73O.js}

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

package/dist/cjs/{nv-menu.entry-D7bORqXp.js → nv-menu.entry-DB_G8hS_.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-jBgPO7HC.js');
+var index = require('./index-Jgn7NELT.js');
 require('react');
 
 const nvMenuCss = "nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-menu{display:inline-block;position:relative}nv-menu:has([fluid]:not([fluid=false])){display:block}nv-menu nv-popover{display:unset}nv-menu nv-popover [data-scope=popover]{background-color:transparent !important;padding:0 !important}nv-menu [slot=content]{padding:var(--menu-contextual-padding-y) var(--menu-contextual-padding-x);border-radius:var(--menu-contextual-radius);gap:var(--menu-contextual-gap-y);background-color:var(--components-menu-contextual-background);border-color:var(--components-menu-contextual-border);display:flex;flex-direction:column}nv-menu nv-menu[open]:not([open=false])>nv-menuitem{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menu hr{display:block;margin:var(--menu-contextual-divider-padding-top) var(--menu-contextual-divider-padding-x) var(--menu-contextual-divider-padding-bottom) var(--menu-contextual-divider-padding-x)}";

package/dist/cjs/{nv-menuitem.entry-CaN6qNoB.js → nv-menuitem.entry-PBCNIzPI.js}

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

package/dist/cjs/nv-notification.entry-CyumbQS_.js

@@ -0,0 +1,178 @@
+'use strict';
+
+var index = require('./index-Jgn7NELT.js');
+var constantsD0f19e7b = require('./constants-d0f19e7b-s0SCO_vi.js');
+var collapse_animationAcda1bf5 = require('./collapse.animation-acda1bf5-BuORVmQv.js');
+var fade_animationEb454088 = require('./fade.animation-eb454088-Bma0SpTf.js');
+var styleValueTypes_esF5d10b79 = require('./style-value-types.es-f5d10b79-D0QCM8OB.js');
+var timeline_animation79215cd4 = require('./timeline.animation-79215cd4-KteJaZPb.js');
+var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
+require('react');
+
+const useSlide = (node, { duration } = { duration: 200 }) => {
+    const nodeStyler = fade_animationEb454088.index(node);
+    /**
+     * Will animate the translateX to 100%, sliding the element to the right.
+     */
+    function slideOut() {
+        return new Promise(resolve => {
+            styleValueTypes_esF5d10b79.animate({
+                from: { x: 0 },
+                to: { x: 100 },
+                ease: styleValueTypes_esF5d10b79.easeOut,
+                duration,
+                onUpdate(latest) {
+                    nodeStyler.set({ transform: `translateX(${latest.x}%)` });
+                },
+                onComplete() {
+                    resolve();
+                },
+            });
+        });
+    }
+    /**
+     * Applies the slideOut styles without animating, useful when initial state
+     * is slid out.
+     */
+    function setSlideOut() {
+        node.style.transform = 'translateX(100%)';
+    }
+    /**
+     * Applies the slideIn styles without animating, useful when initial state
+     * is slid in.
+     */
+    function setSlideIn() {
+        node.style.transform = '';
+    }
+    /**
+     * Will animate the translateX from 100% to 0%, sliding the element in from the right.
+     */
+    function slideIn() {
+        return new Promise(resolve => {
+            styleValueTypes_esF5d10b79.animate({
+                from: { x: 100 },
+                to: { x: 0 },
+                duration,
+                onUpdate(latest) {
+                    nodeStyler.set({ transform: `translateX(${latest.x}%)` });
+                },
+                onComplete() {
+                    resolve();
+                    node.style.removeProperty('transform');
+                },
+            });
+        });
+    }
+    return {
+        slideIn,
+        slideOut,
+        setSlideOut,
+        setSlideIn,
+    };
+};
+
+const nvNotificationCss = "nv-notification{display:block}nv-notification [data-scope=container]{display:flex;position:relative;max-width:512px;width:100%;padding:var(--notification-padding);align-items:flex-start;gap:var(--notification-gap-x);border-radius:var(--notification-radius);border-style:solid;box-shadow:0 var(--shadow-y-axis-lg-1, 4px) var(--shadow-blur-lg-1, 6px) var(--shadow-spread-lg-1, -2px) var(--shadow-color-opacity-1, rgba(14, 14, 14, 0.06)), 0 var(--shadow-y-axis-lg-2, 10px) var(--shadow-blur-lg-2, 15px) var(--shadow-spread-lg-2, -3px) var(--shadow-color-opacity-2, rgba(14, 14, 14, 0.1))}nv-notification [data-scope=container]>nv-icon{flex-shrink:0}nv-notification [data-scope=container] [data-scope=dismiss]{padding:var(--button-sm-icon-button-padding, 8px);justify-content:center;align-items:center;gap:var(--button-sm-gap, 6px);display:flex;position:absolute;right:8px;top:8px;border-radius:var(--button-sm-border-radius, 4px);background:var(--components-button-lower-background, rgba(255, 255, 255, 0));color:var(--components-button-lower-icon)}nv-notification [data-scope=container] [data-scope=content]{display:flex;padding-right:var(--notification-padding-right);flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);flex:1 0 0}nv-notification [data-scope=container] [data-scope=content] [data-scope=heading]{display:flex;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;color:var(--components-notification-content-title);font-size:var(--notification-title-font-size);font-style:normal;font-weight:500;line-height:20px;}nv-notification [data-scope=container] [data-scope=content] [data-scope=message]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);align-self:stretch;color:var(--components-notification-content-description);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-sm, 14px);font-style:normal;font-weight:400;line-height:var(--line-height-sm, 20px)}nv-notification [data-scope=container] [data-scope=content] [data-scope=actions]{display:flex;padding:var(--spacing-2, 8px) 0;padding-bottom:0px;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;margin-left:calc(-1 * var(--button-sm-padding-x))}nv-notification[feedback=information] [data-scope=container]{background-color:var(--components-notification-information-background);border-color:var(--components-notification-information-border)}nv-notification[feedback=information] [data-scope=container]>nv-icon{color:var(--components-notification-information-icon)}nv-notification[feedback=information]>[data-scope=close]:focus,nv-notification[feedback=information]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=information]>[data-scope=close]:focus-visible,nv-notification[feedback=information]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=warning] [data-scope=container]{background-color:var(--components-notification-warning-background);border-color:var(--components-notification-warning-border)}nv-notification[feedback=warning] [data-scope=container]>nv-icon{color:var(--components-notification-warning-icon)}nv-notification[feedback=warning]>[data-scope=close]:focus,nv-notification[feedback=warning]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=warning]>[data-scope=close]:focus-visible,nv-notification[feedback=warning]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=error] [data-scope=container]{background-color:var(--components-notification-error-background);border-color:var(--components-notification-error-border)}nv-notification[feedback=error] [data-scope=container]>nv-icon{color:var(--components-notification-error-icon)}nv-notification[feedback=error]>[data-scope=close]:focus,nv-notification[feedback=error]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=error]>[data-scope=close]:focus-visible,nv-notification[feedback=error]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=success] [data-scope=container]{background-color:var(--components-notification-success-background);border-color:var(--components-notification-success-border)}nv-notification[feedback=success] [data-scope=container]>nv-icon{color:var(--components-notification-success-icon)}nv-notification[feedback=success]>[data-scope=close]:focus,nv-notification[feedback=success]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=success]>[data-scope=close]:focus-visible,nv-notification[feedback=success]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=neutral] [data-scope=container]{background-color:var(--components-notification-neutral-background);border-color:var(--components-notification-neutral-border)}nv-notification[feedback=neutral] [data-scope=container]>nv-icon{color:var(--components-notification-neutral-icon)}nv-notification[feedback=neutral]>[data-scope=close]:focus,nv-notification[feedback=neutral]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=neutral]>[data-scope=close]:focus-visible,nv-notification[feedback=neutral]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[emphasis=high] [data-scope=container]{border-width:1px;border-left-width:var(--notification-border-width-high-emphasis);padding-left:calc(var(--notification-padding) - var(--notification-border-width-high-emphasis) + 1px)}nv-notification[emphasis=medium] [data-scope=container]{border-width:var(--notification-border-width-low-emphasis);border-color:var(--color-content-low-border, #E3E3E3)}";
+const NvNotificationStyle0 = nvNotificationCss;
+
+const NvNotification = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.hiddenChanged = index.createEvent(this, "hiddenChanged");
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Set a unique ID for the notification. Used for aria attributes and managing
+         * multiple notifications.
+         */
+        this.uid = v4A79185f4.v4();
+        /**
+         * Specifies the notification type which determines the color and default icon.
+         */
+        this.feedback = 'information';
+        /**
+         * Adjusts the emphasis to make the notification more or less visually
+         * prominent to users. Use this to draw attention to important actions or
+         * reduce focus on less critical ones
+         */
+        this.emphasis = 'medium';
+        /**
+         * Allows the notification to be dismissed via a close button (x). The
+         * notification is not dismissible unless explicitly enabled.
+         */
+        this.dismissible = false;
+        /**
+         * Controls the visibility of the notification.
+         */
+        this.hidden = false; // eslint-disable-line @stencil-community/reserved-member-names
+        //#endregion EVENTS
+        /****************************************************************************/
+        //#region INTERNAL
+        this.iconByFeedback = {
+            [constantsD0f19e7b.FeedbackColors.Warning]: 'alert-circle',
+            [constantsD0f19e7b.FeedbackColors.Information]: 'info-circle',
+            [constantsD0f19e7b.FeedbackColors.Success]: 'circle-check',
+            [constantsD0f19e7b.FeedbackColors.Error]: 'alert-triangle',
+            [constantsD0f19e7b.FeedbackColors.Neutral]: 'help',
+        };
+        this.roleByFeedback = {
+            [constantsD0f19e7b.FeedbackColors.Error]: 'alert',
+            [constantsD0f19e7b.FeedbackColors.Warning]: 'alert',
+            [constantsD0f19e7b.FeedbackColors.Information]: 'status',
+            [constantsD0f19e7b.FeedbackColors.Success]: 'status',
+            [constantsD0f19e7b.FeedbackColors.Neutral]: 'status',
+        };
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region METHODS
+    async dismiss() {
+        await this.dismissAnimation();
+    }
+    getDefaultIcon() {
+        var _a;
+        return (_a = this.iconByFeedback[this.feedback]) !== null && _a !== void 0 ? _a : 'info-circle';
+    }
+    getAriaRole() {
+        var _a;
+        return (_a = this.roleByFeedback[this.feedback]) !== null && _a !== void 0 ? _a : 'status';
+    }
+    getAriaLive() {
+        return this.getAriaRole() === 'alert' ? 'assertive' : 'polite';
+    }
+    getHeadingId() {
+        return this.heading ? `nv-notification-${this.uid}-heading` : null;
+    }
+    getMessageId() {
+        return this.message ? `nv-notification-${this.uid}-message` : null;
+    }
+    async dismissAnimation() {
+        const { fadeOut } = fade_animationEb454088.useFade(this.container, { duration: 300 });
+        const { slideOut } = useSlide(this.container, { duration: 800 });
+        const { collapse } = collapse_animationAcda1bf5.useCollapse(this.el, {
+            duration: 800,
+            overflow: 'visible',
+        });
+        await timeline_animation79215cd4.parallel(fadeOut, slideOut, collapse).start();
+        this.hidden = true;
+        this.hiddenChanged.emit(true);
+    }
+    //#endregion INTERNAL
+    /****************************************************************************/
+    //#region LIFECYCLE
+    componentWillLoad() {
+        this.headingSlot = this.el.querySelector('[slot="heading"]');
+        this.messageSlot = this.el.querySelector('[slot="content"]');
+        this.actionsSlot = this.el.querySelector('[slot="actions"]');
+    }
+    //#endregion LIFECYCLE
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        var _a, _b, _c;
+        return (index.h(index.Host, { key: '9146cea4ed72801aadf2fb4b7e44895038c98437', role: this.getAriaRole(), "aria-live": this.getAriaLive(), "aria-atomic": true, "aria-labelledby": (_a = this.getHeadingId()) !== null && _a !== void 0 ? _a : null, "aria-describedby": (_b = this.getMessageId()) !== null && _b !== void 0 ? _b : null, tabindex: "-1" }, index.h("div", { key: 'beed9ae5f6fac1b0c6d103dd75a41e0aede84041', "data-scope": "container", ref: el => (this.container = el) }, this.dismissible && (index.h("button", { key: '8e17f33867c2563de719dc1b0f0e2d4ae39ad1a6', "data-scope": "dismiss", type: "button", onClick: this.dismiss.bind(this) }, index.h("nv-icon", { key: 'cb8850135bb2383e33a16671569547611b55e434', name: "x", size: "sm" }))), index.h("nv-icon", { key: 'f5f58e1c3a94d854841271eb12af047322b2f0b4', name: (_c = this.icon) !== null && _c !== void 0 ? _c : this.getDefaultIcon(), size: "md" }), index.h("div", { key: '9c6f6bb0315cd25260d483472a24832031ce45da', "data-scope": "content" }, (this.heading || this.headingSlot) && (index.h("p", { key: '1013d6b6790f75682a1db0e43293b61e614f1c07', id: this.getHeadingId(), "data-scope": "heading" }, index.h("slot", { key: '844a7bccf6f365d4e59dfdec9b3c9096cbeda798', name: "heading" }, this.heading))), (this.message || this.messageSlot) && (index.h("p", { key: '6688e9dc927f6164ce60f27b84fdbeb257296504', id: this.getMessageId(), "data-scope": "message" }, index.h("slot", { key: 'f0c0790faa40411970575240a081f0f0bf0e9aff', name: "content" }, this.message))), this.actionsSlot && (index.h("div", { key: '0ba946edf5b3a8410da3b375e589613a2674fd15', "data-scope": "actions" }, index.h("slot", { key: '0360ab92db66957f0290569c39307ced2be5922d', name: "actions" })))))));
+    }
+    get el() { return index.getElement(this); }
+};
+NvNotification.style = NvNotificationStyle0;
+
+exports.nv_notification = NvNotification;

package/dist/cjs/{nv-popover.entry-DGeXSyhZ.js → nv-popover.entry-ttESQMgj.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var index = require('./index-jBgPO7HC.js');
-var stylefire_es74da334a = require('./stylefire.es-74da334a-y0piPjlz.js');
-var fade_animation71e8e34c = require('./fade.animation-71e8e34c-BAw_TYsB.js');
+var index = require('./index-Jgn7NELT.js');
+var fade_animationEb454088 = require('./fade.animation-eb454088-Bma0SpTf.js');
+var styleValueTypes_esF5d10b79 = require('./style-value-types.es-f5d10b79-D0QCM8OB.js');
 var events_utilsFe1d907f = require('./events.utils-fe1d907f-01N__3wY.js');
 require('react');
 
 const useGrow = (node, { duration = 200, amount = 0.8, hasFade = true } = {}) => {
-    const nodeStyler = stylefire_es74da334a.index(node);
+    const nodeStyler = fade_animationEb454088.index(node);
     /**
      * Will animate the scale and optionally the opacity to make the element grow and fade in,
      * and removes the scale and opacity style attributes once complete.
      */
     function growIn() {
         return new Promise(resolve => {
-            stylefire_es74da334a.animate({
+            styleValueTypes_esF5d10b79.animate({
                 from: { opacity: hasFade ? 0 : 1, scale: amount },
                 to: { opacity: 1, scale: 1 },
                 duration,
@@ -63,7 +63,7 @@ const useGrow = (node, { duration = 200, amount = 0.8, hasFade = true } = {}) =>
      */
     function growOut() {
         return new Promise(resolve => {
-            stylefire_es74da334a.animate({
+            styleValueTypes_esF5d10b79.animate({
                 from: { opacity: 1, scale: 1 },
                 to: { opacity: hasFade ? 0 : 1, scale: amount },
                 duration,
@@ -1902,7 +1902,7 @@ const NvPopover = class {
             duration: isOtherMemberOpen ? 0 : 100,
             amount: 0.85,
         });
-        const { fadeOut } = fade_animation71e8e34c.useFade(this.popoverElement, {
+        const { fadeOut } = fade_animationEb454088.useFade(this.popoverElement, {
             duration: isOtherMemberOpen ? 0 : 100,
         });
         if (open === true) {
@@ -1939,7 +1939,7 @@ const NvPopover = class {
             setGrowOut();
         }
         else {
-            const { setFadeIn } = fade_animation71e8e34c.useFade(this.popoverElement);
+            const { setFadeIn } = fade_animationEb454088.useFade(this.popoverElement);
             setFadeIn();
             this.popoverElement.removeAttribute('hidden');
         }
@@ -1967,7 +1967,7 @@ const NvPopover = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '290f9c76a0a4db0648061ce3778bec21b5926ae4' }, index.h("slot", { key: 'ca90cba5de160880308dfc12b1f82f0047c57b75', name: "trigger" }), index.h("div", { key: 'f9b5e11a4a6fd63fe1a640acd936cf883fc91563', "data-scope": "popover", "data-strategy": this.strategy, hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: '39f7287b5614326cc5eb29be9b94c70f1574671b', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '45ac045f3669f3ebe3e8200bff75b26284e609a6', name: "content" }))));
+        return (index.h(index.Host, { key: 'dc7ef1862f1a1da4b32e02bee827f81545df73d1' }, index.h("slot", { key: '7535c2ba2b1f600c237602c68a04c85fd9d6d98b', name: "trigger" }), index.h("div", { key: '8e7907e2fda20d35b00642eca0507aa20e56f7cb', "data-scope": "popover", "data-strategy": this.strategy, hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: '4e081e84e9597b69351253d1c1b89c115cdcfd9a', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '5bcd80588e9746db974cee69c5963b698665d105', name: "content" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-row.entry-B17DsCjM.js → nv-row.entry-DPEGaFeS.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-jBgPO7HC.js');
+var index = require('./index-Jgn7NELT.js');
 require('react');
 
 const nvRowCss = "nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";
@@ -13,7 +13,7 @@ const NvRow = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '91a990d393ce32b86f66729fc69068a4a5754fe4' }, index.h("slot", { key: '867eaa3d6b5760f3a8763a59d36c592d56325e9e' })));
+        return (index.h(index.Host, { key: '8415bdad0106bd3d836996c617a749294e0c19e2' }, index.h("slot", { key: '77c069ced0dc25c4169945877c388f30d27fdc4f' })));
     }
 };
 NvRow.style = NvRowStyle0;

package/dist/cjs/{nv-stack.entry-Dv3YU4nJ.js → nv-stack.entry-CTPwlz23.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-jBgPO7HC.js');
+var index = require('./index-Jgn7NELT.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 require('react');
 
@@ -22,7 +22,7 @@ const NvStack = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '6a314d1f6679d4cbbd01fc08ce54fc0f7709e3e0', class: clsx297c1ffe.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: 'd3c5d0fd8f44b23a3cfae00aa39de8722babca2a' })));
+        return (index.h(index.Host, { key: '66123f22ad4a6ebefe8663c795274eb900d2c178', class: clsx297c1ffe.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: '7b3d395c3490664f0e2f337a04f69cc717ed6c0e' })));
     }
 };
 NvStack.style = NvStackStyle0;