@zonos/elements 1.3.264 → 1.3.266

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: '425c77b4ab1b9a29ada76644a60c2c6f54fa2e28', class: "zonos--elements", style: {
+        return (h(Host, { key: '2bc73268f4413887abe526ab1ac01471627e9fbc', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: 'd8e13a57521242f597c8b8adf7c6f304b3a9d3ce', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: 'fb812b9d4e6ba72f26b4f31ccf8444500a72f277', 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: '9461341c83a92c810a3cf02f3828610732eecfe2', class: "zonos--tab-progress" }, h("div", { key: '142824930f5a8a6ef4fdafc7b39d9a96aa518cff', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: '0dcaeb8d709f06df00b965c7aa081294a060120e', class: "zonos--tab-progress" }, h("div", { key: '8faef8257c4a0244e1ee5f3ac5752904ecd63d96', 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: '3e88dfbb76bc891e26c8b25729719b3bdc7e4087', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: '4266c0d5399bbcecf4725cfda02ee88fb3b74843', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: '3304ccae3cf01ee2100f10e0e4751bb1ea709d00' }, h("iframe", { key: 'c7af721e790b0b7cea8a5345403d485c8ed0dae4', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: 'be37b54db2a486750777edf71ff1001e4589f80a' }))));
+            } }, h("div", { key: 'ca2fb1d9b821402ff26e171f678083d60b401a22' }, h("iframe", { key: 'ba726164295930bba21d115b732a7bd2edad18e0', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '1454a6f84d2e90be4b79868c99dfefdb21baf9d9' }))));
     }
     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: 'ae8a2dd88cbeeb8865f1ed67eae5d42356359d53', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: '459abd25f9719554dc3b4387a660618056909846', 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: 'c0622ae7cbbe469554716558eb56c452f9693568', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '3c42ad4fb2b793d65f564484126a519e97297743', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '18b46b2281cdf26b4dce3784b91a0ccd45cde7f2', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: 'f8a3c9bdbad91b046b3579eb140aad74e2784f8d', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: 'b41d27616223f89adb523269a3a8b982cd3559c7', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '69e7837a2aaaeea468e4887d14cbb0ea61d5f24a', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: '9455881ea4d3c557b4de814235b0f66519e6fc6b', class: "wrapper" }, h("div", { key: '51f52ec83eb9fdbe1af20fdb0d149ce291597468', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'cdd954985d40e509eab4c15d063e1e7c9ebec839', class: "content" }, h("div", { key: '0ffddb684d1c33d421e2bf077fec01dba934a1e4', class: "title" }, h("zonos-text", { key: '5d778ebc6795ca69caf7df33503b6ec8ea3636c0', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: 'fab99060495ebeb545477e06417816c7fc8f9f3c', class: "subtitle" }, h("zonos-text", { key: 'c4baa52a5b53497db336018f62d5999e298d3ccf', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '5d92f093bd1ee37ee54c4e771e73a1d2b6b7bb39', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '0aa3788620a75732d72fca23c16b6b1a2fb694a0', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'a7195241b38061b363cae7b99828b714c96dbbff', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: '28ed6e2da0c8c56a00c46df985f21cf74c551894', class: "wrapper" }, h("div", { key: 'f20b3f00aeaef6fc306766a52607253554005cf4', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '7bb44bb7a880c599a8cc4615df48257fd0f9c19d', class: "content" }, h("div", { key: '584603b01b26b5d242f14c67a14d7b092d54b668', class: "title" }, h("zonos-text", { key: '028e06e106587778f6da2301ee44727ab1bf487f', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: 'c986563425dc6130fa154ce3c8e15c2aa03fb6cb', class: "subtitle" }, h("zonos-text", { key: '675899ceea2fd2de38ca8f87aa6ca69e4c7d8fc7', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '8a034df1cd91f07e870fd6eccebc2f382edf59fb', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '72e643fff73dabe0d5381e6ffc7f2237ef00f322', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'e247f450feef41b44688b937b38df8e061f386a3', 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

@@ -51,13 +51,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: 'cd9acce39e76670301cd0eddde05d3933e8f4b57', class: "zonos--elements", style: {
+        return (h(Host, { key: '9b455dfc3e78f073178e36a48f4457c9a1fc3545', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '804da9b6cf7156f1dc071417f8e2c4a4495fe76a', class: "zonos--country-select" }, h("zonos-v-stack", { key: 'c1b530398ca6e35195cbdec87a4c3d715bf982c0', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'ccde759c50a589c61b92980b3842c4236003412e', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '2d86eb33f79cf77178485f8ee1a07094c2402c56', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
+            } }, h("div", { key: 'feccd4390ee2e7ddf1c4ebde6f1f8bf6ae2aa846', class: "zonos--country-select" }, h("zonos-v-stack", { key: '67759dd235fa5f22b0d3d4e84523bb4a080e3cb0', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'd24bd17a1c6e6e59fb158d910ae0288d218cd1a1', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: 'a7afb62e4fbe51a1573de882e74be918c5851eb9', 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: '9d3f7a5a6938c0f728ef255ac829794c62dfd9f1', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: 'a0d4a6844e882ac15711b759c452c18407c567d4', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: '3f15965c334c827ded8fde07609d74c26cac0ce5', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            }, type: "text", value: this.inputValue }))), h("div", { key: '6f0cc751bc79fd3f58bf8cddc85a48d80292993e', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '072747f4d4baaeebd842329cacf4db7c4ce7b33a', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'f2b4ae2498161cff71235ff8169353779837c38a', 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: '74877279697e5e29703bea70e89cae5cb164fbeb', class: "zonos--elements", style: {
+        return (h(Host, { key: 'fa000be036f397ff9ff1111cde95eed6267af60a', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, this.message && (h("zonos-card", { key: 'c3ce65422f7cc7e55026147745349efe987a47a0', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: 'bae02d71232fed3850946d6426f871d9ede486b8', class: "zonos--flex-message" }, h("zonos-icon", { key: '7b5878e3ffb4f2b012fd17f2ada54fae08df69ae', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '714897772ab498d4c74f3d29e4186a1bf54397f2', innerHTML: messageWithLinks }))))));
+            } }, this.message && (h("zonos-card", { key: 'f388ef6cd627f47a4f7318f41a561d5e2afc3b8e', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '945d239a2db520ab316c66e333ce33d66a6dfa41', class: "zonos--flex-message" }, h("zonos-icon", { key: 'f828bcad998c78883ebeef62314335f9c0bfb03f', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '12f08f541f354cb6ad327805df0f487d8a5b347c', 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: 'a5e865f6ef72282447404923a8c1b9920ead47b1', class: classes([
+        return (h(Host, { key: '590c4e4902e0dbe713126b9ff156d063e8f8f8ad', 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: 'de67001c33a779ed467502d3f2300844034f9559', class: "zonos--backdrop" }), h("div", { key: 'ebdca7ccb32fcf7b4c60bf3d04b5de38b0668b75', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '668aa0ed4b56d7a8bfb2c93fbf045b60ae91c3e5', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '2f7a7471b2665de6c33f194799a890756949a555', class: "zonos--loading" }, h("zonos-spinner", { key: '30432f6ab8ca578896138bcdc1bac0ed737fadb1', size: 30 }), this.loadingTitle && (h("zonos-text", { key: '17fc6c0e541f62118c6ce9dc5670b7023c99372c', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: '8f278c76b5109c5b048c8c99f559c41240f2f2c0', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '9967ec60be44a768192afc7afd09064001f2881e', class: "zonos--header" }, this.headerText && (h("h3", { key: '12daab9cff11f16b396c8595c76e9e82cea790b2', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '9ba377e1078166e81b3edb7a6f0925602bd271c5', 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: 'a467dd66e0feea9a2e035bf8af6ef4c5d43e88eb', class: classes([
+            } }, h("div", { key: '14a99268f7f0ab8c6c70764c8c1d5757e66b9dbf', class: "zonos--backdrop" }), h("div", { key: '05cddc36b2189cf234f6e83c39a83220c11ec43f', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '3b7160e77e0eedda0d01f46e338cc3923de4153d', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '3257270ad5e27e55a4d5b68700c924c4d69a0aaa', class: "zonos--loading" }, h("zonos-spinner", { key: 'f9a3e2452daa08f8fd0a889a08ad39da3f28b1cc', size: 30 }), this.loadingTitle && (h("zonos-text", { key: 'a342fae51f881c7686e577769850d5105722d722', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: '17e69ab28563fff1a2289dd1598b542d18a9350d', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '2e9f0db72356193bd9789a21adbe35f29b456d9f', class: "zonos--header" }, this.headerText && (h("h3", { key: '8f7e92cbf2ab27442f4b8901ce2f8ec826939bf0', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'da358aa5942534abaf67a065e6ccce4722f91f27', 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: '6abd9c5d6f7e1b8a533bdd878550009191905ff9', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: '7cb10ba057870384afa85d4492a39c2f01766641' })), h("slot", { key: 'e8a90958c50234218123ffbc65fe16980a35a169', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: 'a3bc9604905f1c1ff53a5dc5c022ad6145a98735' })), h("slot", { key: '717b33f0583845613702e989570a41e5a8b54f08', 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: '6d17afddd6bee4215f1ca29e6d1876ead04b1cf4', style: {
+        return (h(Host, { key: '721c4dd7d467879b21078725e6343b7ee8d76675', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("slot", { key: '1588eca69137d187ce946df8004a5192187e963b' })));
+            } }, h("slot", { key: '1e4dc26d7e61893d04bc6255abf2834b4545b335' })));
     }
     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: '3c4fd9d72bc124d6e915661038e6b64bee692a98', class: classes([
+        return (h(Host, { key: '445bab80717654fca6b836082410b1aaba4a3838', class: classes([
                 'zonos--input zonos--elements',
                 this.inputSize,
                 this.isError && 'has-error',
             ]), style: {
                 '--zonos--border-radius': getBorderRadius(),
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '80906b54a0cc8e031b0752c4f7c7b8b3ffdd6b3f', class: classes([
+            } }, h("div", { key: '57d353636fbc0285bc38764504de9b2b0dc3e472', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", { key: '413602bca1b288330631c043610161501c86e59c', class: classes([
+            ]) }, h("input", { key: '9c95331674590a833fb964e1a48898eb201ff5c3', 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: '183e2196be5a6d2acb202af9183b0624baf242df', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: 'd0b17493714e5e4aa60fcc8535c66acfa3129367', 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: '14d44b42030ca6032055288d6b6f75b509910e0a', class: "zonos--elements", style: {
+        return (h(Host, { key: '73a3caa12f7e3086474f200b6ee839b08213d77d', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '3fec082ed1aba86fb31327c5f8312f4eb84f0c71', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: 'd31533f6e04a0966dc6e9b4dcbe6320951162d16', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: '8bc96f64036523ac15ad0414c7b0bed09e9df75d', 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: '1c99467d96401c5887326e54d738c305b9d15278', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '61d06916c6d8c56f6d95beb4d4869f5bd1d4704d', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: 'b5cee89f90a0911b15607e0897803d73a182b367', 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: '87f948b23f9166f04a9ff478c3a10cac68acd749', class: "zonos--elements" }, h("a", { key: '54ef1e907c92be92a395326808977e97b92b4121', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: '9a40d6624eb6e42d54efd40f5e6827713d51197c' }))));
+        return (h(Host, { key: 'cd003919a24549f15dd74070af6298426c291551', class: "zonos--elements" }, h("a", { key: '0825c350db56dcde8d6f79e269ffbf04f4adb65c', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: 'bb9d77ba3dbc358e5359ee3422a638cb712af263' }))));
     }
     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: '3f830d0014a8988893b2cbde578035b1b8727ac5', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: '84371b0bb118aef5c4ec5e1c6903d699d5402c14', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: 'cf53766a1bbdf7433c5f7a1cf46e00bbd63f08b3', size: this.size, spinnerColor: this.spinnerColor }))));
+        return (h(Host, { key: '8216ba7271f4eb12153620d0268fd7b5dea632ad', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: 'ad3ab1b7e51b2de173e1b1a489bce3cdacc798f1', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: 'dc1dd642825268c01c5df120165a7aec85d121e9', 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: '93f6a3dab000ca09fcd5c669406cdd44a06b5f25', class: classes(['zonos--elements zonos--logo']), style: {
+        return (h(Host, { key: 'deeabf3741e7b907703667597b8a7dfe26612d66', class: classes(['zonos--elements zonos--logo']), style: {
                 '--zonos--filter-color': filterColor,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--width': this.width,
-            } }, h("img", { key: 'f2343614678d331ea63210d01e3be9f3c49ce7a6', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
+            } }, h("img", { key: 'fc2d30312252068910760cbd32ae0615c7a988c1', 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: '70b8901469cba98007780b2dc6cceaa61f96d8ac', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: 'c8ad36ee240e6c623cfd950a9cd2eebc89e1d264', class: classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '7903d837e37c843a55aee6211cc2071add4f5a05', class: "zonos--restState-image" }, h("img", { key: 'dee0733ab529b004f53d1d69a29a07d7a44a3eea', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: 'c1f45b4dfc584bd492f36cd678699aec372d0b41', class: "zonos--restState-image" }, h("img", { key: 'dbbcbfcdfb849c8f31c17eba4f99d2fbf1f9f05d', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: '612e7d71d5e6bd2e0c37d7c6595b35ea5ca416dd', class: "content" }, h("zonos-text", { key: 'c28379a4b4546afa6b323986c092c9538aa66b65', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '309e2e9c5086d0c84ccbe6c695d657d9f8e16da0', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: '7fb9586682d221a311598ee8d294c6daede33e96', class: "action" }, h("slot", { key: '87959654a7a3c9c621d633a492627d53ff561fd4' }))));
+            }, src: imageUrl })), h("div", { key: 'a3f92d7c4b7c3d6b27b310024b60659903901300', class: "content" }, h("zonos-text", { key: 'c3f6af9cc17b95f988d848e18e3afbdb711c5ddd', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '656d089910ca5aa79b762d6c36b9b14ef093b706', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'e44d6b8bdf04cc1bc31a3ed427260c08ab05781b', class: "action" }, h("slot", { key: '662fcf9da75d402dbfdd4ec8135c5112c5cc7527' }))));
     }
     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: 'eb0958752881635e0e5edf9b0e66fccd1064b3f8', class: "zonos--elements", style: {
+        return (h(Host, { key: 'fe2c8fdf8526d9737d5e78c97c823a8cb18caa15', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("zonos-v-stack", { key: '1f02a7f61e20a4b36e2d5598f8228482ad3f54f4', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '87b5d8d2486cc45cd8be8841d2995f4c33e9c524', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'e5c9621a69d19e6925fb7115289f74b8ec0eb76d', type: "boldLabel" }, this.label), h("zonos-button", { key: '4d61d8ee3df26c296b48b945ccb1380027def911', 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: '1a20da26116e95278d21f7d413d238ae18d8805d' }))));
+            } }, h("zonos-v-stack", { key: '32c1113029b0b20d98615556c3ac34bafeadf8cf', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '2f41e2f8d0c9593a8d2ea42af914cb9600ecb392', class: "zonos--select-dialog-header" }, h("zonos-text", { key: '8eb0aeee1db700d9fb70423ddc907ea83af0922a', type: "boldLabel" }, this.label), h("zonos-button", { key: '21d8f5a416d8cee77112dba035c9f45e2a539d3e', 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: '5f5b18516cf6c5c98286f037804eb589e270ce3b' }))));
     }
     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: '06888cfea3918480152b8f1af660148882747195', class: classes(['zonos--elements zonos--skeleton']), style: styles({
+        return (h(Host, { key: '22a28005143f47dd80eaec233e7d9937d7e72507', 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: '77300abdafcc0b557b89c15a7755b4278d0acdee', class: classes([
+        return (h(Host, { key: 'f9f06dba4fb5f74088bd501fad3dbe9784e54b87', 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: 'a6d091455bc8a33e8031d37f9b471118994bad47', class: classes([
+            } }, h("div", { key: '9af2062a1f5730eea33d3741961f359a69f5ce83', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", Object.assign({ key: '2001e1c1427c11b203514c0c849f3a1f3c2381dc' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
+            ]) }, h("input", Object.assign({ key: '01d97ec638227200096f60d6f5408246c857662d' }, 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: '8b42af0315ed314fb267bf32dfcfebfee3a69a75', class: "zonos--floated-label" }, h("label", { key: '3de63395251ac591b1c3c527093560702f30575f', htmlFor: this.inputId }, this.inputLabel))), this.error && (h("zonos-text", { key: 'ee7b2b13d5577b965387bb1029f8036fb099890d', textColor: "red-600", type: "caption" }, this.error))));
+            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), h("div", { key: '7344a6d20db2d94f49a1b848f49cb0dc17ad759d', class: "zonos--floated-label" }, h("label", { key: 'bac9810d8897672b7c7ab5e3cb07f1ae03803a8e', htmlFor: this.inputId }, this.inputLabel))), this.error && (h("zonos-text", { key: '7f84007f704fb2f1da0c7581f23c426d87cf1cc0', 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: 'eb23ab75a61aa94b7d4299f39b77d38ec1cbec20', class: classes([
+        return (h(Host, { key: '35155697da59924b76afa4e5e23ef658ceb69bd7', 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: '4690d6346d04820fa677e02483164f1e39c348ad', 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: '66c66da60fded977af4d5ef597a831ac117b3ed1', 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: 'be7fab230afd6e19cb133d13f9d1f946893dd85e', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
+            ]) }, h("select", { key: 'a76b59a558272bda11c091bf977c90a1abd1fdbc', 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: '2da719a561ed71bdaf6563249ceff2556b6a8323', class: "zonos--input-group" }, h("div", { key: 'bb533773af30f0c8c4be47f76ee642fd589a40b6', class: "zonos--select-wrapper" }, h("div", { key: '465e9b7b41ba99852cee2a36822e2a753d401337', class: "zonos--country-select" }, h("div", { key: '5f2ba6cd1937831f3b5cb61f98d501497534b758', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '4f5861174efa761ec9285b5e8721b3b46d5979cb', class: "zonos--country-select-selected" }, h("div", { key: '47c28fd20118f92c9ee18e82ebdafdf212e6740e', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: '28fae4f5074ca62d7592142878e3c8d48229a83e', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: '9d940039033f7d09b9d6e2ac9f005e3b21060b70', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: '5cbbee5f1405d05717873f287b3b6d3bb0f92ede', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: 'd6c493e07ee068a848e10debda7549f4cd4fc28b', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))))), h("div", { key: '2c4ec88e83d61e0305d53285c8bd5107f98eb15f', class: classes([
+        })), h("div", { key: '56cc5d0e6eedc76282df9f43f9384d5ea6eacf86', class: "zonos--input-group" }, h("div", { key: '28e2e4e627e3f7439e2d5b474632585da41d531a', class: "zonos--select-wrapper" }, h("div", { key: 'bb2e59a82ca9cb497efa705361d996debc424f60', class: "zonos--country-select" }, h("div", { key: '14b7d08d477383dc16db4c15bd6132a71206226c', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: 'e8a0cde2b080bf30314069656c132d21e4b3ac89', class: "zonos--country-select-selected" }, h("div", { key: '13c3a5947263770aa8fd15126dc386c6ea51ca79', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: 'f9861e6165265b3095889bd1158ac9791032628c', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'e0c54a4e62f6b5aa2d01c8bfdd8dac3338dbb45a', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: 'e2c309de467ed0e4d7b26ea2a3bca4443e254b82', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '36848392b8467f3118222ae9c22b1b02071a3350', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))))), h("div", { key: '3dba6c65337a2f36b16b7f8d0284c0fccade7846', class: classes([
                 'zonos--input-container',
                 this.inputLabel && 'has-label',
                 hasContent && 'has-content',
-            ]) }, h("input", Object.assign({ key: '434232fdedebf3c4cd6f7e2c70d41a4cd5ad8104' }, 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: '4ff0d61108d5cc56381eec6f94a50485c149f360', class: "zonos--floated-label" }, h("label", { key: '37db631b0d55253787c0f2d8ae455bbf3ebfc8bb', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: '260b115c3efc9ece71cf31eb24a39efc4c21a64c', textColor: "red-600" }, this.error))));
+            ]) }, h("input", Object.assign({ key: '4241efa2b016079e7107050bccd7866cb98a9e49' }, 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: 'dc2f3d2b183f2e6ae24806c00c2e0d5852344287', class: "zonos--floated-label" }, h("label", { key: 'd039a17ad718f85e3566f83b8ceced43cac01b83', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'a15dcd089b02a952d4f29fdb6e9d88390ef2d2c2', 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: '62511439918e73ea4404c4b077c5da143b1459a7', class: classes([
+        return (h(Host, { key: 'c6bf5ed45fd7756985bd97b542933d25a472aa2c', 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: 'cc826990fe112f66682e522e2fbbe808b3017537', 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: '7ff61460b6ac3c5b3e6e35000f3713609a26ebe2', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("select", Object.assign({ key: '2803799a7226bf79d173093a4b1773ef57e122f8' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
+            ]) }, h("select", Object.assign({ key: '9d644b04d7b46621245581c5143d7310e1d5396d' }, 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: 'ab93bc1a38ab1c897fc57c1b6a55941c021f6944', 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: 'b448bc3c2a083334108afad566feff22bf89547a', 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: '4d4995d1770bf99e05c0d1b6dbdddbe828f2b3b0', class: "zonos--floated-label" }, h("label", { key: '2b352cf1413f4a539c6f62d7df285dbea1629b77', htmlFor: this.selectId }, this.selectLabel)), h("div", { key: '707a0df092ed2196fa8e503d79448890a9e36616', class: "zonos--actions-wrapper" }, showClearButton && (h("button", { key: '83a605fd7d3799a1ce6f4300193c63722f3f8b7e', "aria-label": "Clear selection", class: "zonos--clear-button", onClick: this.handleClear, tabIndex: 0, type: "button" }, h("zonos-icon", { key: 'da9e65471ec1b4f89119a71db657f06903a11a3d', class: "zonos--clear-icon", content: RemoveLineIcon, iconColor: "gray-1200" }))), h("zonos-icon", { key: '4b479d3f9fae286e0ebb6290d9954f08982a4e5e', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))), this.error && (h("zonos-text", { key: '6c9e2fa9747064203763c00f39dbb08fb413cf0c', textColor: "red-600" }, this.error))));
+                this.internalValue === option.label, value: option.value }, option.label)))), h("div", { key: '14b3c9dad1202d432ba2a30d03e8335aebaafa89', class: "zonos--floated-label" }, h("label", { key: '4e7870ce3eeaf4ea6fd116e3a486537bebb88c87', htmlFor: this.selectId }, this.selectLabel)), h("div", { key: '4567ca19c1e018d483105c23ca781e0bbd1d2c3a', class: "zonos--actions-wrapper" }, showClearButton && (h("button", { key: 'cdceea7255fdd19177b82c42878a6c4a20690a1a', "aria-label": "Clear selection", class: "zonos--clear-button", onClick: this.handleClear, tabIndex: 0, type: "button" }, h("zonos-icon", { key: '099b2f1a4fb475bfa76b0f4aeee9e66f27d473f3', class: "zonos--clear-icon", content: RemoveLineIcon, iconColor: "gray-1200" }))), h("zonos-icon", { key: '8c7fdaf2de40a14e4fa0f8f3598851edac1c1ae6', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))), this.error && (h("zonos-text", { key: '1cb569a7feeea85874c852a1c69cf88076fd6856', textColor: "red-600" }, this.error))));
     }
     static get is() { return "zonos-stripe-select"; }
     static get encapsulation() { return "shadow"; }
@@ -324,8 +324,9 @@ export class ZonosStripeSelect {
                     "resolved": "SelectOption[]",
                     "references": {
                         "SelectOption": {
-                            "location": "global",
-                            "id": "global::SelectOption"
+                            "location": "local",
+                            "path": "/home/runner/work/fe-3-zonos-elements/fe-3-zonos-elements/src/components/common/zonos-stripe-select/zonos-stripe-select.tsx",
+                            "id": "src/components/common/zonos-stripe-select/zonos-stripe-select.tsx::SelectOption"
                         }
                     }
                 },

package/dist/collection/components/hello/zonos-hello/zonos-hello.css

@@ -152,6 +152,8 @@
   transform: translateX(calc(100% - var(--zonos-elements-hello-bubble-size) / 2));
   right: 0;
   left: auto;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
   border-top-right-radius: calc(var(--zonos-elements-hello-bubble-size) / 2);
   border-bottom-right-radius: calc(var(--zonos-elements-hello-bubble-size) / 2);
 }

package/dist/collection/components/store/checkout/cart.js

@@ -18,6 +18,7 @@ const { onChange: cartStoreOnChange, reset, state: cartStore, } = createStore(()
     checkoutSessionTimeoutShow: false,
     checkoutTimeoutInterval: null,
     currency: 'USD',
+    customMessage: [],
     customQuotingError: null,
     customerAuthenticationToken: null,
     displayBaseCurrency: false,

package/dist/collection/components/utils/getContrastColor.js

@@ -19,15 +19,32 @@ export const getContrastColor = ({ backgroundColor, color, }) => {
         // no need to change the color if it's already contrast enough
         return color;
     }
-    if (isDarkColor(color)) {
-        return '#ffffff';
+    // Try both darker and lighter shifts of the same hue at increasing
+    // amounts; at each step prefer the candidate with higher contrast against
+    // the background and return as soon as one meets the threshold. This keeps
+    // the result close to the original color whenever possible and handles
+    // both light-on-light and dark-on-dark pairings symmetrically.
+    const adjustAmounts = [25, 50, 70];
+    for (const amount of adjustAmounts) {
+        const candidates = [
+            tinycolor(color).darken(amount).toHexString(),
+            tinycolor(color).lighten(amount).toHexString(),
+        ];
+        candidates.sort((a, b) => tinycolor.readability(backgroundColor, b) -
+            tinycolor.readability(backgroundColor, a));
+        for (const candidate of candidates) {
+            if (isContrastColor({
+                backgroundColor1: backgroundColor,
+                backgroundColor2: candidate,
+            })) {
+                return candidate;
+            }
+        }
     }
-    const newDarkerColor = tinycolor(color).darken(25).toHexString();
-    const newLigherColor = tinycolor(color).lighten(25).toHexString();
-    // get readibility of the color
-    const isNewColorContrastEnough = isContrastColor({
-        backgroundColor1: backgroundColor,
-        backgroundColor2: newDarkerColor,
-    });
-    return isNewColorContrastEnough ? newDarkerColor : newLigherColor;
+    // Last resort: pick whichever absolute extreme is more readable against
+    // the background.
+    return tinycolor.readability(backgroundColor, '#000000') >=
+        tinycolor.readability(backgroundColor, '#ffffff')
+        ? '#000000'
+        : '#ffffff';
 };

package/dist/collection/components/utils/hello/currencyConversion/defaultCurrencyConverter.js

@@ -11,7 +11,7 @@ import { performBlurSpecificElement, removeBlurSpecificElement, } from "../../..
 const convertCurrency = (element) => {
     var _a;
     const amount = getInitialElementAmount(element);
-    if (!amount || isNaN(amount)) {
+    if (amount === null || isNaN(amount)) {
         return;
     }
     const currentIntlValue = element.getAttribute('data-zintl');

package/dist/collection/components/utils/parseLinkedText.js

@@ -0,0 +1,65 @@
+// Markdown URL allows a single level of balanced `(...)` (e.g.
+// `https://example.com/foo_(v2)`); anything deeper is rare in real-world URLs
+// and we'd rather not write a recursive grammar. Bare URLs match greedily up
+// to whitespace and rely on `BARE_URL_TRAILING_PUNCT` to peel off sentence
+// punctuation.
+const LINK_REGEX = /\[([^\]]+)\]\((https?:\/\/(?:[^\s()]|\([^\s()]*\))+)\)|(https?:\/\/[^\s]+)/g;
+// Trailing characters that look like sentence punctuation rather than part of
+// a URL. Stripped from bare URL matches so `Visit https://example.com.` keeps
+// the period out of the link. `)` is intentionally excluded — Wikipedia-style
+// URLs (e.g. `https://example.com/foo_(v2)`) embed balanced parens, and we
+// don't want to break those.
+const BARE_URL_TRAILING_PUNCT = /[.,;:!?\]}"']+$/;
+/**
+ * Parse a string into an ordered list of plain-text and link segments.
+ *
+ * Supports Markdown-style links `[text](url)` and bare `https?://` URLs.
+ * Anything else is returned as a plain text segment so callers can render it
+ * as text (never `innerHTML`) — this is what keeps merchant-provided strings
+ * safe from HTML injection in [[customMessage]] banners.
+ *
+ * @example
+ * parseLinkedText('Visit [docs](https://example.com)')
+ * // [
+ * //   { type: 'text', value: 'Visit ' },
+ * //   { type: 'link', href: 'https://example.com', text: 'docs' },
+ * // ]
+ */
+export const parseLinkedText = (input) => {
+    var _a, _b;
+    const segments = [];
+    // Reset the shared regex state in case a previous call left a lastIndex.
+    LINK_REGEX.lastIndex = 0;
+    let lastIndex = 0;
+    let match;
+    while ((match = LINK_REGEX.exec(input)) !== null) {
+        if (match.index > lastIndex) {
+            segments.push({
+                type: 'text',
+                value: input.slice(lastIndex, match.index),
+            });
+        }
+        const [, mdText, mdUrl, plainUrl] = match;
+        // One of the alternations matched: either a markdown link (mdText + mdUrl)
+        // or a bare URL (plainUrl). Use the URL as both href and display text for
+        // bare URLs.
+        if (mdUrl && mdText) {
+            segments.push({ href: mdUrl, text: mdText, type: 'link' });
+        }
+        else if (plainUrl) {
+            const trailing = (_b = (_a = plainUrl.match(BARE_URL_TRAILING_PUNCT)) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '';
+            const url = trailing
+                ? plainUrl.slice(0, plainUrl.length - trailing.length)
+                : plainUrl;
+            segments.push({ href: url, text: url, type: 'link' });
+            if (trailing) {
+                segments.push({ type: 'text', value: trailing });
+            }
+        }
+        lastIndex = LINK_REGEX.lastIndex;
+    }
+    if (lastIndex < input.length) {
+        segments.push({ type: 'text', value: input.slice(lastIndex) });
+    }
+    return segments;
+};

package/dist/esm/{cart-41f41429.js → cart-62c166fc.js}

@@ -1,5 +1,5 @@
 import { c as createStore, z as zonosStore } from './zonosStore-9662b071.js';
-import { s as storageStore, l as localizationStore, e as getOverridenZCountry, t as translate, f as filterValidTests, b as storageStoreSetEnabledVariantTestKeys } from './localization-ee06df70.js';
+import { s as storageStore, l as localizationStore, e as getOverridenZCountry, t as translate, f as filterValidTests, b as storageStoreSetEnabledVariantTestKeys } from './localization-d2631105.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
 import { h as handleFetch, l as logError, f as fallbackApiList, g as getIsTestMode, a as getIsStagingMode, s as sendErrorLog, j as jsonParse } from './handleFetch-a844cac1.js';
 import { i as isDarkColor } from './isDarkColor-0a8453e7.js';
@@ -2037,6 +2037,7 @@ const { onChange: cartStoreOnChange, reset, state: cartStore, } = createStore(()
     checkoutSessionTimeoutShow: false,
     checkoutTimeoutInterval: null,
     currency: 'USD',
+    customMessage: [],
     customQuotingError: null,
     customerAuthenticationToken: null,
     displayBaseCurrency: false,