@zonos/elements 1.3.219 → 1.3.220

package/dist/collection/components/common/zonos-card/zonos-card.js

@@ -23,16 +23,16 @@ export class ZonosCard {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (h(Host, { key: '78d54ed310efdfe81e04b74ec950035399db94bd', style: {
+        return (h(Host, { key: '9423d1472ed313f50c5f4ecc61251025ac6083ed', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'd32389820440988adb75b0fcd5b4e3da766d00d7', class: classes(['styled-card']), style: {
+            } }, h("div", { key: '7d2506d2fa9297dce93676bd09dd854a84f27db3', class: classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (h("header", { key: '4f68ebe6493cb839ad863ab663a12480cbdcbb52', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '85aece20f1a0028be6e1839ea87caff7a2f07973', type: "subheader" }, this.label), h("h-stack", { key: '54342a00a12daddda98948d7905de77e3754625a', spacing: 8 }, this.actions))), h("slot", { key: '8fc09c873f0c9437d334c0b374aa778fa7b54ab9' }), (this.footerActions || this.footerContent) && (h("footer", { key: '70a2d11a92149e38c5ad3f3c393c2f13d4b4d356', class: "card-footer", style: {
+            } }, this.label && (h("header", { key: '81e381540ecbd5c398e5cabf6626d701569e16e5', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '7929725b31dec41dbab855daa3bd7ae97fb00eb3', type: "subheader" }, this.label), h("h-stack", { key: 'c69fe767e575b3aaf824eb355d7bb35e395ba77a', spacing: 8 }, this.actions))), h("slot", { key: 'ada30bc1760b957a817e0982e46f3def97974297' }), (this.footerActions || this.footerContent) && (h("footer", { key: '854c3d583cb293f5c064af87e839641a5201c900', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, h("div", { key: 'a6cb5f0d7700072ad00437d17772611219bd871e' }, this.footerContent), h("h-stack", { key: '88b62d9969204756c26b27da1575059894e491a9', spacing: 8 }, this.footerActions))))));
+            } }, h("div", { key: '0a799500938f8d04a8551134b21fe18a05f93de0' }, this.footerContent), h("h-stack", { key: '927b51384452ab01b28da02c9a83256ab7dc6991', spacing: 8 }, this.footerActions))))));
     }
     static get is() { return "zonos-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-checkbox/zonos-checkbox.js

@@ -51,14 +51,14 @@ export class ZonosCheckbox {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'ed6ed1ac5c6074f98774ada05250e1d983780a70', class: classes(['zonos--elements zonos--checkbox']), style: {
+        return (h(Host, { key: 'bef392ce775e35da3f0640dcbb8271437995daa7', class: classes(['zonos--elements zonos--checkbox']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--size': `${this.size}px`,
-            } }, h("label", { key: 'f46fe447e995ca0df8f82046d2a37f31b62df3e2', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: '8708ce90dc7451b5961dff73bf4b5dbedb3c7644', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+            } }, h("label", { key: '059e2eabc4825738a6607cd307694b252ba55905', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: 'a35c086ae478d5ac932608859e6b3250738c870f', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), h("span", { key: '22b016bfadb12f57d9bd955b2d0e0179d927c8d3', class: "checkmark-container" }, h("svg", { key: '9a973d0b7179afee009660bc9d92b7b76799b716', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '147c9637eb74a77b65e53d56a9a3ab9551f7dd5e', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: '766b3ecb99db3d3b04669141515feed892103211', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), h("span", { key: '2482799b470a2ef5050709b6de36469ec8321b04', class: "checkmark-container" }, h("svg", { key: '1034db2d054e98fe06688b602346097b3e7c7d9d', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b926b486910470ea3180a904e8ec5ca2cf8e452f', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: '5a31f075fb462c7419597f0d15b5e4a2f4e40148', size: this.fontSize }, this.label)))));
     }
     static get is() { return "zonos-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.js

@@ -77,17 +77,17 @@ export class ZonosCheckoutProgressTabs {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (h(Host, { key: 'bf2f6ea302aafa40c5b1a763b89bffc47389b7ac', class: "zonos--elements", style: {
+        return (h(Host, { key: '1db73e8a63f5eef955430c64e6f86d941619b9f6', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: '043adfc8805b027604880284a99148c9ea06e67b', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: 'a580a08d71465c78699d40f7d65a423366262d6e', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
             return (h("button", { "aria-label": `Tab ${tab.label}`, class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, translate(tab.label))));
-        })), h("div", { key: '991d64c7d79e4e4207e395ec8a3b9b2096e51c6a', class: "zonos--tab-progress" }, h("div", { key: '22471019b9e920af6d35976dd71b0954cc785b62', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: 'f3285aaaeefbb16c79b656576dc49c73483fedd8', class: "zonos--tab-progress" }, h("div", { key: '74ee5173069a4269c35724a9121d9c343bd13950', class: "zonos--progress-bar-fill" }))));
     }
     static get is() { return "zonos-checkout-progress-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-collapse/zonos-collapse.js

@@ -48,10 +48,10 @@ export class ZonosCollapse {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (h(Host, { key: '617e4c1a39bae3c5765ba05c6c7d3585c1822aea', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: 'c63b825021f8aaf17727e37072c3701e4a55b992', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: 'a4ef3763a3b2d802faacd4cc12dc84cfe9ad55a5' }, h("iframe", { key: 'f44ea760cb5c088241a737bd9b82ae0eac22f426', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: 'c01b886c941c6c50753d50cec244701c9854e589' }))));
+            } }, h("div", { key: 'bc51b1a1318b0934c752ae74dfeae8d5f43f1a63' }, h("iframe", { key: '0bb69f8aaa5c095bc90f2210fab3770491867754', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '64fdc09e82d28f57fd081578ebd2a3523760c7c7' }))));
     }
     static get is() { return "zonos-collapse"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-confirm-dialog/zonos-confirm-dialog.js

@@ -108,13 +108,13 @@ export class ZonosConfirmDialog {
         const borderStyle = getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
-        return (h(Host, { key: 'db5aa58306b17fe38ca876d5602779fe5611d7e2', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: 'c9eabf497f7e23ae201e6310e5ecb9f0d7068294', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
                 '--zonos--border-radius': borderStyle,
                 '--zonos--dialog-width': `${this.dialogWidth}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '58b0efe6933c8e333ccfd885adc275dbc5a094de', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: 'ced1b81db49b1a50d772a037b7cd071be61e27eb', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '9fc184e5f575e8a7480ab4905f343330ad9b8822', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: 'a9a525bfe764bf93e8725d9a00c069455de72ed6', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '072ab68e501618b640ffce6c6e8e96096966e09d', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '3ab415f1cbc2bc36af01d67b279e732480de8685', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: '965bd556625eedbb0dafc10db8f444cfe4c3ba01', class: "wrapper" }, h("div", { key: '1709fff88c6d3cd08b5144c33db1a5399104291b', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '6daa8cb3f9fcd60d97484c6b4a49a520c8803ded', class: "content" }, h("div", { key: '6dbe0c7487614aaacd471c883258a75a07b3cfde', class: "title" }, h("zonos-text", { key: 'ca32852be94af7c099f15c629663ad560fcc88ea', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '41956c52c59eefe0ca4fb31d37a7aa4de0f032cc', class: "subtitle" }, h("zonos-text", { key: 'ddae90c765fb5b5999b1d5c8e0642ba12a54d369', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: 'e390a8bb1b3e5ec38ae86a71ab8ad1394c89af72', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '85b0a4a9d5906f7efabde7b0642f575ad35b37cf', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '5b832e2490acb87a99ec31ae4c1a534f765a3b92', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: 'a1d99558318371c0e5ee95a9578a6de31a6fc27a', class: "wrapper" }, h("div", { key: '3fd7fbc90c430a3e1496e5b0347947c1929aa6ed', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '5584080e0f0a5a756b0cc2ac761e0e18c864afcd', class: "content" }, h("div", { key: '4a2070c137636193d05ded090fea26f05aada887', class: "title" }, h("zonos-text", { key: 'ab4c773f4af1271f5615a28f6a6193460330f16b', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '05a445dc37e754c99ea6727ae2bf861d42d5c2c4', class: "subtitle" }, h("zonos-text", { key: 'a7563f9fd3b405653487542e1b7a1f6aeab01893', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '812e9e43fdb6d10ed62da8138e344b0243ca5c34', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '07d7dc9d1a4bca9cb1ee420a4fed82e9fc513bd9', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'b607a5244dc39869b6d40cd361d9dee4686858a7', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get is() { return "zonos-confirm-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-country-select/zonos-country-select.js

@@ -48,13 +48,13 @@ export class ZonosCountrySelect {
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
         const isEmpty = !filteredCountries.length;
-        return (h(Host, { key: '26efaff6ae3360dc9a362aede455688a2000d411', class: "zonos--elements", style: {
+        return (h(Host, { key: '87e346925730bb4ce7a5a0da35bbffe9fa209e79', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '5935d836049a5bbd539b8a547ac18bd99719b40d', class: "zonos--country-select" }, h("zonos-v-stack", { key: '8fb631ab82e83f1e52c7b1724a3125832e63858d', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'c7a492780bcdba265a57e2b71d7a4e58b6e4075b', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '31048a054eedaae432a1960b9a8563314c4c2a04', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
+            } }, h("div", { key: '557543582175b50bcd5e9e0e9362ecc85f0b0ec0', class: "zonos--country-select" }, h("zonos-v-stack", { key: '3e03b4624abfc1b2239560a62dd33659c30c7d26', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: '9664de32cbfb119eb0b3658b71f31039f4d0e064', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: 'c5f28d334194471298bacc218f36dd7d56f57c1e', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
                 if (el) {
                     this.inputRef = el;
                 }
-            }, type: "text", value: this.inputValue }))), h("div", { key: 'fef8c16dddf9b9d89e5a6367bf17aeb80286d371', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '53fe2d70dee8724d5c653a852fa124d8687b481c', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: '826ee8d9a6efba02e02de28e9bce79ad5ef00df5', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            }, type: "text", value: this.inputValue }))), h("div", { key: '9f623511c7a1576961e527071c10672f3b800359', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '3c37b29f38ce48ea953df2faf0ab9e349a8e538c', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'ebab93c3379e93fcbde6cd634174f981c06bff42', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
                 const country = filteredCountries[index];
                 if (!country) {
                     return null;

package/dist/collection/components/common/zonos-custom-message/zonos-custom-message.js

@@ -14,9 +14,9 @@ export class ZonosCustomMessage {
     }
     render() {
         const messageWithLinks = formatStringWithLinks(this.message);
-        return (h(Host, { key: '952cc3c91fdc1be6653b1e7f9263e3a47903eb27', class: "zonos--elements", style: {
+        return (h(Host, { key: '77dcb275cd99e2c1618a58e35d7b6aba07cff289', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, this.message && (h("zonos-card", { key: '16e893a807ff3443006a91ce9c20816a944e2372', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '58a4fc0eb021c4858b3abd319a73490d38849d99', class: "zonos--flex-message" }, h("zonos-icon", { key: 'c3658bf90139835d37091e4004a0e99c85018401', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '2a746fd3975699615d82ffcda4b4c446f7d0f32a', innerHTML: messageWithLinks }))))));
+            } }, this.message && (h("zonos-card", { key: '61f205819558dd9eb5c9181b8510da6b5304f3e5', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: 'adc9891709eade8a8f8baf7cc3a840a0340dc834', class: "zonos--flex-message" }, h("zonos-icon", { key: 'f94f9d8e2717c36a12a5bd4bd3b1eb98b4c1d6a8', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: 'e1defbb16081a5873f98f6f251e6acf57ea5ec25', innerHTML: messageWithLinks }))))));
     }
     static get is() { return "zonos-custom-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-dialog/zonos-dialog.js

@@ -86,7 +86,7 @@ export class ZonosDialog {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'ba80fedf4f3e98c4de3d81a36104de00366cbb1a', class: classes([
+        return (h(Host, { key: '6e673f681a3111d8e33c8cf4e8ab0c8f27c75d48', class: classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -98,10 +98,10 @@ export class ZonosDialog {
                 '--zonos--height': this.height || 'initial',
                 '--zonos--min-height': this.minHeight || '500px',
                 '--zonos--width': this.width,
-            } }, h("div", { key: '7e61114b6ceb1b39a4f0bb1a0719851d4035bfd3', class: "zonos--backdrop" }), h("div", { key: '459a309060ff4ef98cc0eb2a80363394218f07b7', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '3c4299b298ed8eb163ac5a70153347741032726f', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '0cfd40a79ed8916a47eaaa914ef1ccdd623e8efc', class: "zonos--loading" }, h("zonos-spinner", { key: 'ca3aeb6aa6586a01763b6170814e30a325428508', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: '61824114fbb326d323ea2dda14ed28209567d4d6', class: "zonos--header" }, this.headerText && (h("h3", { key: '9c4916f1787d0157f130aeb0ca29e2e871d1dfc6', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'e80895fa1d8ea6d945cebb97392c5fb4b6df7c7b', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, title: "Close dialog", variant: "subtle" })))), h("div", { key: '5cfd70cd4c22b44494c4e62ed6c7af0f3a81f955', class: classes([
+            } }, h("div", { key: 'f245de30fb680fd673bd8531f3982b73ed506308', class: "zonos--backdrop" }), h("div", { key: 'ee75ecd48e28f38be08b5db9078c0b3b28b9bd9f', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: 'ce7d2273f358001b5899ba7a6ea8d5bd91ab55cb', class: "zonos--dialog" }, this.isLoading && (h("div", { key: 'e2cd0f877ed4f8b78b549a4aaedf1e67a234b0f7', class: "zonos--loading" }, h("zonos-spinner", { key: 'e0507e5fea599494979287fc4f13a7da08be758b', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: '8d6cac393a445febf36cc6fb1811c00223518481', class: "zonos--header" }, this.headerText && (h("h3", { key: 'cb634d14db0a14144a370d66e3d5aa9147914038', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'd11ff8473046b201bad444c9b81a0566dd400829', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, title: "Close dialog", variant: "subtle" })))), h("div", { key: '356588fe85cce5298e4c2e862c31dab3018602a5', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: 'c5e818b28959cd89c466cc355cba40e56b49be7f' })), h("slot", { key: '4ded95d727eea855fa7af8a1c34fb0de9dfb7fca', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: 'd525f4fab2449a219d42ccb45b4497076b5973c9' })), h("slot", { key: 'febb4e4ab0cb950b3a346052d60fa70ec8346be4', name: "dialog-footer" })))));
     }
     static get is() { return "zonos-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-h-stack/zonos-h-stack.js

@@ -10,10 +10,10 @@ export class HStack {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: 'e78dcb23a7c91df7f7a2533dc65412f27dd6e969', style: {
+        return (h(Host, { key: '92689fdc45c9e980d61f9b96c378ca52ed37a608', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("slot", { key: 'cd668b443c01aea20c589fd4ef30636fb4178d3b' })));
+            } }, h("slot", { key: 'b94e0bcd372d0194ba2a86b570914fe33af427cd' })));
     }
     static get is() { return "zonos-h-stack"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-input/zonos-input.js

@@ -31,17 +31,17 @@ export class ZonosInput {
         this.inputChange.emit(newValue);
     }
     render() {
-        return (h(Host, { key: 'a239adc57fc0cd31bff05447fe10d0ad1e825007', class: classes([
+        return (h(Host, { key: '52acbcb39e71fb56029f7aa44b62b2189aa27fd7', class: classes([
                 'zonos--input zonos--elements',
                 this.inputSize,
                 this.isError && 'has-error',
             ]), style: {
                 '--zonos--border-radius': getBorderRadius(),
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'd2f1086b2139b9c7af5ae2882e0dfb0db65028dc', class: classes([
+            } }, h("div", { key: '9f4566c8f668d633ec5283319d67b8de93703524', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", { key: '8e48977b401aed6b36079f732adbc6493bb05804', class: classes([
+            ]) }, h("input", { key: '72de2d08535a007c0e77a037f9d236f0dc45f56e', class: classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.inputValue && 'has-content',
@@ -49,7 +49,7 @@ export class ZonosInput {
             ]), disabled: this.isDisabled, onInput: e => {
                 const input = e.target;
                 this.inputChange.emit(input.value);
-            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: '23ece9b49c1d718340a6f0bb59b93ad2dfe34828', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: 'e4d54ac95efa67ce8c7e56b3a2625e99c417f04d', class: "zonos--floated-label", "data-label": this.inputLabel }))));
     }
     static get is() { return "zonos-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-language-select/zonos-language-select.js

@@ -20,9 +20,9 @@ export class ZonosLanguageSelect {
     }
     render() {
         const { selectedLocale } = localizationStore;
-        return (h(Host, { key: '74b0315ab257fff13cf23057f485c0dcfb7edd1b', class: "zonos--elements", style: {
+        return (h(Host, { key: '232674c6f35113c6ad3f1094e6e6d4128b4d4c02', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'cc220539afcb6b883eec939edfb6933bf9fb08a0', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '297b34a17100fb10b2fd95b44bc5c9cadad960ab', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: '2b85c2aeba8ddcb5a7725089daaf9b0cea025d76', class: "zonos--language-select-content" }, languages.map(language => (h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
+            } }, h("div", { key: '014d1364e165e4ee4e9cf304791fc10fdfb6d87c', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '65b454467b033cd061ab08693e857eed75c76511', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: '6ea8fca0b44ada24b9b2b84e22584ba1a7459dc4', class: "zonos--language-select-content" }, languages.map(language => (h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
     }
     static get is() { return "zonos-language-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-link/zonos-link.js

@@ -7,7 +7,7 @@ export class ZonosLink {
         this.href = '';
     }
     render() {
-        return (h(Host, { key: 'd39155a476f2043e12e6869abdec2bde6872951a', class: "zonos--elements" }, h("a", { key: '8fe2d59047850181984a00747ddc341ef88cb302', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: '4eef2f735b77fce6f254e44ca0d4aded68863468' }))));
+        return (h(Host, { key: '7c6ecf4d61e7dfb56491e58814478c906423473b', class: "zonos--elements" }, h("a", { key: '05bc59fb4940fa48d37a10cfe9df3c495d60785f', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: '07b51a0a95cd5a7b392bb5efef96c8e4dd4bb9b3' }))));
     }
     static get is() { return "zonos-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-loading-overlay/zonos-loading-overlay.js

@@ -13,7 +13,7 @@ export class ZonosLoadingOverlay {
         this.size = 40;
     }
     render() {
-        return (h(Host, { key: 'da6d878d0f96774f287dafd3538c09fdf45eb314', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: '607ee229bf8494fab6ec453d5f664e7a1084bb5c', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: 'f3021c39258f61d5767889ea9f83f1097d7f5688', size: this.size, spinnerColor: this.spinnerColor }))));
+        return (h(Host, { key: '1eb7313add29219032d8301abaf55ace726a3309', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: 'df9960e78817a9a98006fed7e87c5441f220f496', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: '32795fe2c626add5d2f53032ea9b5b8d528bef38', size: this.size, spinnerColor: this.spinnerColor }))));
     }
     static get is() { return "zonos-loading-overlay"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-logo/zonos-logo.js

@@ -16,11 +16,11 @@ export class ZonosLogo {
         const filterColor = this.theme === 'DARK'
             ? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
             : 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
-        return (h(Host, { key: '0b8e78167613096d36d1f500e21284194246974e', class: classes(['zonos--elements zonos--logo']), style: {
+        return (h(Host, { key: '0f0fe90d3ef58b5a7b934361567e92b03630b46a', class: classes(['zonos--elements zonos--logo']), style: {
                 '--zonos--filter-color': filterColor,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--width': this.width,
-            } }, h("img", { key: 'd657a31c178c580a90e268ebc4b06fb4d0e15eae', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
+            } }, h("img", { key: 'ec026a1a596d985aa50c18f8ebffc8683e62cc05', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
     }
     static get is() { return "zonos-logo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-rest-state/zonos-rest-state.js

@@ -14,11 +14,11 @@ export class ZonosRestState {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (h(Host, { key: '1259c56e28646e85893b129c22402e9d7cfe18f8', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: '4dd1bf92f89b6433673643621d4d2e91c32dc9c0', class: classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '3cba2e86f4952f5d2a171017ad1f6eaa62aacc6a', class: "zonos--restState-image" }, h("img", { key: '8f656c89ef030c1eddec8cd95d6a15df889c6ed2', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: '1635b6b084c26f973405a863c898087f7805af4a', class: "zonos--restState-image" }, h("img", { key: '305262852c1bc4df2fae58e9d18fe9ef48108155', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: '963cf06ac769d8b3bfeb7b36824cb1b6821b5498', class: "content" }, h("zonos-text", { key: 'dacc2d0c125d41e5a72c57a5b611789bb005fc46', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '32db4bc138b4cc6c5fab3fd6aa14b51c31ffaf80', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: '28f933f06737ac076d2da9dcc1530f01ddb93575', class: "action" }, h("slot", { key: 'd974a157a01c4e2305255fc4032868e86af162b5' }))));
+            }, src: imageUrl })), h("div", { key: 'b25da09d4d56ab01b5bcb1d219337a94208e8272', class: "content" }, h("zonos-text", { key: '1d0bfb2cd2473df240fb6f54eb1329a7aa34009f', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '7dd2da6e10a7e07649534673f7a5b630e1e98a91', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: '1ccb01b392f0bca4687a3a1b0fe7a55e6fac69a2', class: "action" }, h("slot", { key: 'f8200baab65872d4c4c28e53c791f6fc406199e5' }))));
     }
     static get is() { return "zonos-rest-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.js

@@ -15,9 +15,9 @@ export class ZonosSelectDialogHeader {
         this.label = '';
     }
     render() {
-        return (h(Host, { key: '999f6edfe39142a7539164d2c046aa44945ff23f', class: "zonos--elements", style: {
+        return (h(Host, { key: 'cc65559ef7867bbd8e7990556b50434faa0a905c', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("zonos-v-stack", { key: '1213364336cd7f809f4f2539835f86b2b6b30273', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: 'af342994ec6e54a08ccee92443977c06e5e6bd65', class: "zonos--select-dialog-header" }, h("zonos-text", { key: '81c1a17bb93b0e4ba7a9874d34f6ce2fdcf3321e', type: "boldLabel" }, this.label), h("zonos-button", { key: 'e321c6d3a6020d4c3ccdac84bbf1025e5ef490c1', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: 'f3583feb7eba033767769e1b06c24961d2e4f56a' }))));
+            } }, h("zonos-v-stack", { key: '77c280b12744520b4a172193f88798aa53d33eb7', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: 'eaba9d1e50f71f23e330e989521d2156a617b22d', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'ddddc6b5bca87cf44cbc7428d402f44c67422cb6', type: "boldLabel" }, this.label), h("zonos-button", { key: '313e3955ba8bafc9a1b36b4c1c8f99e975fb8dd3', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: '9af2821c22f3e37d52b6f03bf544fcaca1c0ed7b' }))));
     }
     static get is() { return "zonos-select-dialog-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-skeleton/zonos-skeleton.js

@@ -15,7 +15,7 @@ export class ZonosSkeleton {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (h(Host, { key: 'e6a000d9ef38aa8ee1c08743830d0b2b0230b4f1', class: classes(['zonos--elements zonos--skeleton']), style: styles({
+        return (h(Host, { key: '4ffa2b8c03f0c8d3bd08521d950903cba9685109', class: classes(['zonos--elements zonos--skeleton']), style: styles({
                 '--zonos--skeleton-height': this.skeletonHeight,
                 '--zonos--skeleton-width': this.skeletonWidth,
             }) }));

package/dist/collection/components/common/zonos-stripe-input/zonos-stripe-input.js

@@ -69,7 +69,7 @@ export class ZonosStripeInput {
             ? zonosStore.appearance.theme === 'DARK'
             : primaryColor && isDarkColor(primaryColor);
         const fontSize = zonosStore.appearance.fontSizeInputValue || 16;
-        return (h(Host, { key: '351f86f2aa5ab9ee9fcb2b1919443a8b3d57a4c2', class: classes([
+        return (h(Host, { key: '0bed90e63595e6036b9342e15c999bb7e7971240', class: classes([
                 'zonos--input zonos--elements',
                 isDark && 'dark',
                 (this.isError || !!this.error) && 'has-error',
@@ -78,10 +78,10 @@ export class ZonosStripeInput {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--font-size': `${fontSize}px`,
                 '--zonos--primary-color': secondaryColor,
-            } }, h("div", { key: 'fb0b3e3d5feb11a458a6d4f3509ff812600b5935', class: classes([
+            } }, h("div", { key: '00e5c3a220aaeee221c5cc104d2463f5468067cf', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", Object.assign({ key: '499164e3c30a1a72032dd815899c380f328cc431' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
+            ]) }, h("input", Object.assign({ key: '25459f6bc07647962676edd724630cd7726bb680' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.internalValue && 'has-content',
@@ -91,7 +91,7 @@ export class ZonosStripeInput {
                 this.inputChange.emit(input.value);
                 this.el.inputValue = input.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), h("div", { key: '27b56860180c0758d51b6f73e0336bdecf4d85e6', class: "zonos--floated-label" }, h("label", { key: '8119e9b68b052f9eaea762da61007a6eb4c29bd4', htmlFor: this.inputId }, this.inputLabel))), this.error && (h("zonos-text", { key: 'c141d6887bdfc3ac6fa580fcc47de25a9b99853b', textColor: "red-600", type: "caption" }, this.error))));
+            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), h("div", { key: '145634dac24ef37cd206847537bea2f641f3b5a0', class: "zonos--floated-label" }, h("label", { key: '70eabcab7a30e851086a2b79107968f9a999c67e', htmlFor: this.inputId }, this.inputLabel))), this.error && (h("zonos-text", { key: '55ab6d14b5e6c98c665f41a1c4c1dd70523ee91f', textColor: "red-600", type: "caption" }, this.error))));
     }
     static get is() { return "zonos-stripe-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/common/zonos-stripe-phone-input/zonos-stripe-phone-input.js

@@ -201,24 +201,24 @@ export class ZonosStripePhoneInput {
                 .filter(Boolean)
                 .sort((a, b) => a.displayName.localeCompare(b.displayName))
             : [];
-        return (h(Host, { key: 'f357f000b98bfd0e23731df7d253ffc47f404c30', class: classes([
+        return (h(Host, { key: 'ed5b02d0f617b0611ecba382cf8447570c3cee76', class: classes([
                 'zonos--phone-input zonos--elements',
                 isDark && 'dark',
-            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: 'cd201f36c0dddac8669ec8272f0fe7ee49b5b0a2', class: classes([
+            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '8644eb1a24b4a2cdf491a8176f70e2fa35389fa6', class: classes([
                 'zonos--label-wrapper',
                 this.disabled && 'disabled',
                 this.isFocused && 'focused',
                 hasContent && 'has-content',
                 this.error && 'has-error',
                 this.inputLabel && 'has-label',
-            ]) }, h("select", { key: '4ce5b03c7d4ac4736af7b11f1823d48c53556558', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
+            ]) }, h("select", { key: '747109b80d3d02778ded01392d853a050f675114', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
             var _a;
             return (h("option", { key: option.countryCode, selected: option.countryCode === ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.countryCode), value: option.countryCode }, option.displayName, " (+", option.phoneCode, ")"));
-        })), h("div", { key: 'efca78810bebc70a51f49c6f1720168717253b74', class: "zonos--input-group" }, h("div", { key: 'c785838e12d00237cb9a0fff97e1c2b0e2faf692', class: "zonos--select-wrapper" }, h("div", { key: '30d97ae277344d381a2fdf3fedf1f006ce66f801', class: "zonos--country-select" }, h("div", { key: '44d4488d45067e11acb2d8279cdb12eeffddd5c0', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: 'bbeadca415fb4aab84b8fddf92e143df70700444', class: "zonos--country-select-selected" }, h("div", { key: '2aed839d75ebde1c9423e9075ed84e005e8697c3', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: 'c1117e4b9d58cb1010b95c0aeb8b7fe102b13a2c', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: '63609f20f44a7d8171ece2afc9995c21b1eda697', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: 'e0c46b926f5cda986793d8e60f49625219a21354', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '3e2ceaf3df3e6767ad25551ae090dcc9288000c2', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))))), h("div", { key: '10751ee273ad5d6531afc7fb700718605e32cbcd', class: classes([
+        })), h("div", { key: '399beecaead5791d81ffd1db679f5b235c056769', class: "zonos--input-group" }, h("div", { key: '599a287f610935762e3229577bf35cfaee8ffe7f', class: "zonos--select-wrapper" }, h("div", { key: 'a1402a12ffa599e4dd42523696121d0a1cec60b6', class: "zonos--country-select" }, h("div", { key: 'a798cf4e8f4f5cfef5554404c578076f507d0dd2', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '6a0313b6cd969a095002b18830fcbbd104e42570', class: "zonos--country-select-selected" }, h("div", { key: 'b6d2403854632f40dfd23d15b1eb8ef5625e1059', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: '60397bbbbc9c6083064de1427cedeb148f36a35d', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'effc1b9bc5fa1cd832e686b6e87ccac87e41ffb8', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: '8e5aa3603dc4a869ce7335c2903a15903d5e61d4', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '8b9ea89b5234a345d556d06649add11401baa184', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))))), h("div", { key: '21514d3e3f66095b79eb53e47fff6a98fbf12fba', class: classes([
                 'zonos--input-container',
                 this.inputLabel && 'has-label',
                 hasContent && 'has-content',
-            ]) }, h("input", Object.assign({ key: '506609e5191068451bc47968a232846df4c17724' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: '35f9894f905c8617564d3fc11f78cd3fbfef7a3c', class: "zonos--floated-label" }, h("label", { key: '9c768de7833455c630803f1ef1b4d7babc4f3cae', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'dd78d93a0ca2ae1384059cb08b839a1573a03e29', textColor: "red-600" }, this.error))));
+            ]) }, h("input", Object.assign({ key: '50421e7a8343203ee623a4e61f957abd115d0495' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: '5025154c17fc9145b1b2bf2036ec7796287094ea', class: "zonos--floated-label" }, h("label", { key: '9af81cc3320de319ea84637bbb923c4b81a506d1', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: '523df8b2d650663ac43516d8ae9954ffd208c5e8', textColor: "red-600" }, this.error))));
     }
     static get is() { return "zonos-stripe-phone-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/common/zonos-stripe-select/zonos-stripe-select.js

@@ -105,14 +105,14 @@ export class ZonosStripeSelect {
         const fontSize = zonosStore.appearance.fontSizeInputValue || 16;
         const hasContent = this.internalValue || this.selectPlaceholder;
         const showClearButton = this.isClearable && this.internalValue && !this.isDisabled;
-        return (h(Host, { key: 'bbc6df8df4a9cce0ad94cc48a99cba74ac116873', class: classes([
+        return (h(Host, { key: 'e781d691f1f1f72ceed06c488af7f427ed4f82d0', class: classes([
                 'zonos--select zonos--elements',
                 isDark && 'dark',
                 this.isError && 'has-error',
-            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '757ff4b0b9be9206d03a917a07cc2af6f43152f5', class: classes([
+            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '4df83fa9bcb12e94e2d4bba3d6f31a4f56006097', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("select", Object.assign({ key: '1a6cc4dcb3bc97879fb6a78c8323c9d32c0bac6d' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
+            ]) }, h("select", Object.assign({ key: '31daa88fdaeb8a35055b97ade6aa10bbd234568a' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
                 'zonos--floated-select',
                 !!this.selectLabel && 'has-label',
                 hasContent && 'has-content',
@@ -122,9 +122,9 @@ export class ZonosStripeSelect {
                 this.selectChange.emit(select.value);
                 this.selectedValue = select.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, required: this.required }), h("option", { key: '1f19c659824019af0a922c8f2ccde33364e0d566', disabled: true, selected: !this.internalValue, value: "" }, this.selectPlaceholder || translate('Select')), this.internalOptions.map(option => (h("option", { key: option.value, selected: this.internalValue === option.value ||
+            }, required: this.required }), h("option", { key: '4c5c09493d0e9d38bc56860682c092017dc927ff', disabled: true, selected: !this.internalValue, value: "" }, this.selectPlaceholder || translate('Select')), this.internalOptions.map(option => (h("option", { key: option.value, selected: this.internalValue === option.value ||
                 // Sometimes google returns the label not the code for some countries
-                this.internalValue === option.label, value: option.value }, option.label)))), h("div", { key: '88d5729ef8d458d4a925eecb691fafaeaca51dff', class: "zonos--floated-label" }, h("label", { key: '9c8a9f0777649765a725a275c24385742017ea9d', htmlFor: this.selectId }, this.selectLabel)), h("div", { key: 'cfbf4de8d163b8151a3715847c0de73cb44a3104', class: "zonos--actions-wrapper" }, showClearButton && (h("button", { key: 'b39e96fc0667d2526efbe3af89473801c0c33b89', "aria-label": "Clear selection", class: "zonos--clear-button", onClick: this.handleClear, tabIndex: 0, type: "button" }, h("zonos-icon", { key: '6f8e626dbcbb17ac103ed9bd9998b3cc6e063d8d', class: "zonos--clear-icon", content: RemoveLineIcon, iconColor: "gray-1200" }))), h("zonos-icon", { key: '13f3cb171d1e4cc0678204a7fdeabcb801b9ef70', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))), this.error && (h("zonos-text", { key: '45c44644373adf202f88629171fdf9d32e6c2871', textColor: "red-600" }, this.error))));
+                this.internalValue === option.label, value: option.value }, option.label)))), h("div", { key: 'abe6ea181a207b8b85232226078c92ab1a8b6618', class: "zonos--floated-label" }, h("label", { key: 'c079f2f21289e5ba06906fd7e29b3c8216c6ae01', htmlFor: this.selectId }, this.selectLabel)), h("div", { key: '3cad61609828a9b38a4a38625629481c9fb5411e', class: "zonos--actions-wrapper" }, showClearButton && (h("button", { key: 'f24323bdbd652cff52bec827f3a93a2e343e35c4', "aria-label": "Clear selection", class: "zonos--clear-button", onClick: this.handleClear, tabIndex: 0, type: "button" }, h("zonos-icon", { key: 'e8fe204b510477855de4dfee29d1200f30c50933', class: "zonos--clear-icon", content: RemoveLineIcon, iconColor: "gray-1200" }))), h("zonos-icon", { key: 'f071765d705d67b741f9381bbe96e2e8beb0968d', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))), this.error && (h("zonos-text", { key: '7425ced4032df77a7f1219f9c03caedcd1a55841', textColor: "red-600" }, this.error))));
     }
     static get is() { return "zonos-stripe-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-toggle/zonos-toggle.js

@@ -9,9 +9,9 @@ export class ZonosToggle {
         this.options = [];
     }
     render() {
-        return (h(Host, { key: '1490dbdc9cc90d4d51ccc9e665fb5ee00455bf0e', class: classes(['zonos--elements zonos--toggle']), style: {
+        return (h(Host, { key: '1b844d11272181b9c81c2bfb03a13a1ad412cb9f', class: classes(['zonos--elements zonos--toggle']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'af24e513fc988893be3dba1a08044d69c9493522', class: "wrapper" }, this.options.map(option => {
+            } }, h("div", { key: 'f5991e19ea02a82ae1f6e7529bb3bb77e66b7165', class: "wrapper" }, this.options.map(option => {
             const selected = option.value === this.value;
             return (h("button", { class: classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
                     this.toggleChanged.emit(option.value);

package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.js

@@ -13,10 +13,10 @@ export class ZonosTooltip {
         this.showTooltip = false;
     }
     render() {
-        return (h(Host, { key: '10a391b40266e3f80d94f0870754fc1a5aaa1822', class: "zonos--elements" }, h("div", { key: '31236e53e67d2199204894d02590bfa5e54eaf8e', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '37a6de3ef4e6fdd64ecb3f3bdcc21f0dd091e4da' }), h("div", { key: 'ecd0222cd1a712790b8864d265919278493e8252', class: classes([
+        return (h(Host, { key: 'd96671c8c9b426cbde335b3d8024a56f4e188281', class: "zonos--elements" }, h("div", { key: 'de75e111a65033501e9907992df0d9ae8cbf5df5', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '3d8297ef44c97112e29a62a31b3acf47789726a9' }), h("div", { key: 'ee777f084991e28255a2957cf3585110f14c65d5', class: classes([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, h("zonos-text", { key: 'afb6494edf8cbe4e3257a27cdc815b91995704e7', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: '8d7c0ce999a9ee7fe49dd506497343734c99f76e', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, h("zonos-text", { key: 'fb22b220feb39c31111d45a393024e7df4d3e314', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: '6019665e4e0b8eb4390a70b5d90cdcc4f16c6ba3', size: "xs", textColor: "gray-0" }, this.subtitle)))));
     }
     static get is() { return "zonos-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js

@@ -11,9 +11,9 @@ export class VStack {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: 'dc01f22fed27bc4804c12c0a0236bddf2ad95c51', style: {
+        return (h(Host, { key: 'd65f235ba8ffaefff1ec5e5bbd8bba1313e97a83', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '460e86adabb0c867eab109806968fa1a72c2e58f', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: '5ea93490a795258d57d15f45cda39da6b244314a' }))));
+            } }, h("div", { key: '31806036975f9640fdccafcc11053596dd17f4ef', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: 'a3c5a3f592f86cfd9ebb810c72e2e22011ec4758' }))));
     }
     static get is() { return "zonos-v-stack"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-virtual-scroll/zonos-virtual-scroll.js

@@ -106,10 +106,10 @@ export class ZonosVirtualScroll {
     render() {
         const { width: containerWidth } = this.containerDimensions;
         const visibleItems = this.getVisibleItems();
-        return (h(Host, { key: '6e464de75f6a11c2f27c2c82de83c65c646e5410', class: classes(['zonos--virtual-scroll']) }, h("div", { key: 'fcc5248ef103f4465a5e07c57b171afe4eba34b1', class: classes(['scroller']), style: {
+        return (h(Host, { key: '931ec0dfcbb239d4e3f6f127acfffd22b4b9316f', class: classes(['zonos--virtual-scroll']) }, h("div", { key: '65b5823473b15304317e7a3ec51efd807b3215fa', class: classes(['scroller']), style: {
                 height: `${this.totalHeight}px`,
                 width: `${containerWidth}px`,
-            } }), h("div", { key: 'd9b0a63008592bc3337bfa713edac71b8d12d82e', class: classes(['item-container']), style: {
+            } }), h("div", { key: 'ac8fae50951a3a03ff76ebcef744d739c03bbad8', class: classes(['item-container']), style: {
                 height: `${this.totalHeight}px`,
             } }, visibleItems.map(({ element }) => element))));
     }

package/dist/collection/components/component-template/zonos-component/zonos-component.js

@@ -19,7 +19,7 @@ export class ZonosComponent {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: '757e42d63a24b18216b900937089c2566dd44a93' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: 'ce1a6a656f02ba26460066561b08f449e9e042bc' }, "Hello, World! I'm ", this.getText());
     }
     static get is() { return "zonos-component"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.js

@@ -27,9 +27,9 @@ export class ZonosHelloDialogFooter {
         const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
         // Only use gray-0 (white) when the background color is dark (apply inverted color if the element is using dark theme variable)
         const mainColor = primaryColor && isDarkColor(primaryColor) ? 'white' : 'black';
-        return (h(Host, { key: '21a5da873ec477a41368ba151889ad04e9997028', class: "zonos--elements" }, h("div", { key: '15a7d7745bee574246493d7f9a4703c7ca730bdb', class: "zonos--hello-dialog-footer", style: {
+        return (h(Host, { key: 'ff7ca3834fbd8febed2ad016add7832c84b3d067', class: "zonos--elements" }, h("div", { key: 'f3c28cb5afe06a98789e61ed233317402eb7deca', class: "zonos--hello-dialog-footer", style: {
                 '--zonos--primary-color': primaryColor,
-            } }, h("a", { key: 'fd16129719c2c2a06dad220f0101c9d39ac31e7a', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '7ecf7916f58b2c388f416b51ed2817a63ab3c818', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), h("div", { key: 'be2e62811ce920460f761664a994dc51c316b004', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'b2baf4e43efcc7b6debc55b2143b4458c6e8c4f9', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: '35b952303ace56938ffb1e7e6c488e5f9d0cb535', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
+            } }, h("a", { key: 'e229fcdcc64734e9ed762f5324c7c35ae88a8e17', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '7eb45e7359e7c5d411801d29f06d7c700633c7f3', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), h("div", { key: '9dba0c118f8d7cac5c9aaae36d8270f2a8cb8360', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'd40f08f0e1437290ed4fbbd6ad4dd6e61878804c', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: '6312ac59bc58142aee85702b3f4538949255cbb9', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
     }
     static get is() { return "zonos-hello-dialog-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js

@@ -308,18 +308,18 @@ export class ZonosHelloDialog {
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: 'cb93edb34ae6e427ca22018f78bd9f83bed8fb6c', class: "zonos--elements" }, h("div", { key: '36f0560ccc1b49c412077203eca49c8d8fbde0c1', class: classes([
+        return (h(Host, { key: '178654e9b701bb68a4d47495897445cf87806c37', class: "zonos--elements" }, h("div", { key: 'eb0f3ced0226513df3911e0664aff10d523fdac7', class: classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
                 !!this.mobileLocationOverride &&
                     'zonos--hello-dialog-mobile-override',
                 this.isOpen && 'zonos--hello-dialog-open',
-            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'f5561b5699dc9ab8871e5c55002907f31551f06d' }, h("div", { key: '4f9d3e67db0d77c9cf945a02b3e7e5f7f4e8a2ef', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '47cc0055cd7077e5d8482446785e75addd50cc55', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: '757fe60f5af6721f9b0e23e8182c5283c5e891b0', spacing: 24 }, h("zonos-country-flag", { key: '26dbfbceb8e3d16cc07debcb92d8759c8beb47da', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'fc41d363ac000d991a55cb5643d3db5bf65e86a7', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: 'ed02015e70e28bab9584f0cffae0401189537379', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '7c12a8d379e4c8bf2235b06d1d020bdad7f63a6c', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '120bd4591063877c10663559e2186875adeed017', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'f185f2d707a3b9628896a7e15f2a0ad20da112ec' }, h("div", { key: '80c53ad6728b221bedbfaec2ec77fee96029e12b', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '31b71832bee5e4515dbf060746f022d9c91502af', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: '5f11c3b0355ba0c85cf134522b6e21fd28dfe16c', spacing: 24 }, h("zonos-country-flag", { key: '6d6dcad7e3700f67c4261995d867aacb42715404', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '7a325a9b94e58dc5f8dba5baba9a00f835466ee2', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '24e2407475b740b50ca07fe9278363fdefc27d01', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '6b38dee6ec6fcf39e02c5225155e2af69c367a39', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '567d126d05f236fa0aab764d78b1692ebfe82f8b', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
-        }), h("zonos-card", { key: '2d47773d1db35acf323f1a92808535c909e245ca', spacing: "12px" }, h("zonos-v-stack", { key: '9bd445564c4d13d03772a5289a758fc19c9853a5', spacing: 12 }, hasInclusivePrices ? (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage))) : (h(Fragment, null, dutyDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis icon", content: ImportIcon }), h("zonos-text", { "aria-label": "Duty de minimis message" }, dutyDeMinimisMessage))), taxDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis icon", content: MoneyIcon }), h("zonos-text", { "aria-label": "Tax de minimis message" }, taxDeMinimisMessage))))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
-            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '6ea82d255084e05957e6d82e6305b945388998ad', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '1b007ad4dadcb7b6f25e96a14e00dc8dcf4b9d5a' }, h("zonos-country-select", { key: 'f442a030a5abbb707fdddbc51a1126cd1fb3ef99', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: 'aba190f3fafb298bc063f2ba05dfe74af7cc97ae' }, h("zonos-language-select", { key: '105c6c35f630d2c7b551518665f433a90d13c488', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { key: 'e96943bc58d47531f748217858939ddf2a586441', spacing: "12px" }, h("zonos-v-stack", { key: '3e1850a86542ad66c224e4b81f1c5442e7716f6d', spacing: 12 }, hasInclusivePrices ? (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage))) : (h(Fragment, null, dutyDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis icon", content: ImportIcon }), h("zonos-text", { "aria-label": "Duty de minimis message" }, dutyDeMinimisMessage))), taxDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis icon", content: MoneyIcon }), h("zonos-text", { "aria-label": "Tax de minimis message" }, taxDeMinimisMessage))))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
+            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '33e41b69e4a5b00623f3e412609e7162cb560c38', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'fa17c20b3d893ed9f2249bbceca5237fa48bc64e' }, h("zonos-country-select", { key: '15a5924f176c4a805405684c3eda90f47979cf0b', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: 'ab1d061a3c9c68b43c4203fa14af2ffcf7d33e82' }, h("zonos-language-select", { key: '97f4c760e65d7af39160a1ff978d8a7b0864a763', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/main/zonos-controller.js

@@ -310,7 +310,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'bfc37564859305654a77081919eaaed52387ab40', class: "zonos--elements" });
+        return h(Host, { key: 'ca4c02bf0aa73d19ea58cdf6a76c8424276b69cd', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }