@zonos/elements 1.3.262 → 1.3.264

package/dist/cjs/zonos-address_4.cjs.entry.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const throttle = require('./throttle-dac93461.js');
-const cart = require('./cart-d08c87e2.js');
-const localization = require('./localization-a7fac4b4.js');
-const zonosStore = require('./zonosStore-1c517e55.js');
+const throttle = require('./throttle-8aebac7d.js');
+const cart = require('./cart-d4486651.js');
+const localization = require('./localization-06cc0379.js');
+const zonosStore = require('./zonosStore-0662b95f.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-b8abf6de.js');
 const classes = require('./classes-b7918f56.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const TaxId = require('./TaxId-12acedde.js');
-const getBorderRadius = require('./getBorderRadius-db55a464.js');
-require('./debounce-3e17b4e9.js');
-require('./isDarkColor-bfe6d1eb.js');
+const getBorderRadius = require('./getBorderRadius-a91911e7.js');
+require('./debounce-606d1801.js');
+require('./isDarkColor-e317bb06.js');
 require('./ShortAddressCode-bec338b0.js');
 
 const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h .zonos--company-name-input.sc-zonos-address,.sc-zonos-address-h .zonos--tax-id-input.sc-zonos-address,.sc-zonos-address-h .zonos--short-address-code-input.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}";
@@ -358,11 +358,11 @@ const ZonosAddress = class {
             this.isAddressFilled = true;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '300434f0623d886693dc101b47cb5cd5f9503d3e', class: classes.classes([
+        return (index.h(index.Host, { key: 'ebba5be32c456e8b71d397db63e666e5d5df1543', class: classes.classes([
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (index.h("zonos-text", { key: 'eb7592c563d728af019db397f4d5e7e9f448f4d7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("slot", { key: 'c9556ead2ad1bf1b462637ae44834dc4f25afa8a', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), index.h("div", { key: 'cecaa1a9b4a176607125106f55b6e4d6cab31705', class: "zonos--address-component" })));
+            ]) }, this.titleText && (index.h("zonos-text", { key: '25f15ea17b50ed055eb98b072850296312785b06', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("slot", { key: '631bc324d1bb96fb9e796b38a6da42ef6ca601a3', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), index.h("div", { key: '25f88c72f8fc9b788b042f2df2f1b8085132f683', class: "zonos--address-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -494,13 +494,13 @@ const ZonosConfirmDialog = class {
         const borderStyle = getBorderRadius.getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = zonosStore.getZonosStoreTheme(zonosStore.zonosStore.appearance.theme);
-        return (index.h(index.Host, { key: '3f86259272e4aee2cb846ee15cad8e616917b020', class: classes.classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (index.h(index.Host, { key: 'ae8a2dd88cbeeb8865f1ed67eae5d42356359d53', class: classes.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': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'e4f146413bfb70c1d7c3629da6830482060f975a', class: "zonos--backdrop", tabIndex: -1 }), index.h("div", { key: '272c6ef86a66a5e61c7fc1753b4b60ce7bc25aee', class: classes.classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, index.h("div", { key: 'e533b39f91579923dcd725edf8b602cba80b8857', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, index.h("div", { key: 'c0622ae7cbbe469554716558eb56c452f9693568', class: "zonos--backdrop", tabIndex: -1 }), index.h("div", { key: '3c42ad4fb2b793d65f564484126a519e97297743', class: classes.classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, index.h("div", { key: '18b46b2281cdf26b4dce3784b91a0ccd45cde7f2', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, index.h("div", { key: '16c171b80dbee7c033ea35731afa6537222c7458', class: "wrapper" }, index.h("div", { key: '7f3bd95d72a06ecadf22df0a332292050d9907f9', class: "icon-wrapper" }, this.renderIcon()), index.h("div", { key: 'e234a037041b1fc7b558c841ddc03da940213bd7', class: "content" }, index.h("div", { key: '37492c329f9bd02e199828b57a16de616800d0fc', class: "title" }, index.h("zonos-text", { key: 'd935e67d0004c8f5c925082f222cff4e95568b6a', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (index.h("div", { key: '58acbdb5ace31ece6d900f21637dab17aa797ad8', class: "subtitle" }, index.h("zonos-text", { key: '981f15fc921e9d2ff2749fea94f21859cbf51fe3', textColor: "gray-800" }, this.dialogSubtitle)))), index.h("div", { key: '07e17ccc316ee180a72705f1d76a9c6f2927bfd7', class: "footer" }, this.dialogType === 'confirm' && (index.h("zonos-button", { key: '6b1b270b13c1a274e93d33ef4c1ca6798499c5c2', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || localization.translate('Cancel'))), index.h("zonos-button", { key: 'befd3b801cb8cf5b41c3c74e8947f2977aa77ce1', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, index.h("div", { key: '9455881ea4d3c557b4de814235b0f66519e6fc6b', class: "wrapper" }, index.h("div", { key: '51f52ec83eb9fdbe1af20fdb0d149ce291597468', class: "icon-wrapper" }, this.renderIcon()), index.h("div", { key: 'cdd954985d40e509eab4c15d063e1e7c9ebec839', class: "content" }, index.h("div", { key: '0ffddb684d1c33d421e2bf077fec01dba934a1e4', class: "title" }, index.h("zonos-text", { key: '5d778ebc6795ca69caf7df33503b6ec8ea3636c0', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (index.h("div", { key: 'fab99060495ebeb545477e06417816c7fc8f9f3c', class: "subtitle" }, index.h("zonos-text", { key: 'c4baa52a5b53497db336018f62d5999e298d3ccf', textColor: "gray-800" }, this.dialogSubtitle)))), index.h("div", { key: '5d92f093bd1ee37ee54c4e771e73a1d2b6b7bb39', class: "footer" }, this.dialogType === 'confirm' && (index.h("zonos-button", { key: '0aa3788620a75732d72fca23c16b6b1a2fb694a0', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || localization.translate('Cancel'))), index.h("zonos-button", { key: 'a7195241b38061b363cae7b99828b714c96dbbff', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }
@@ -734,7 +734,7 @@ const ZonosLoadingOverlay = class {
         this.size = 40;
     }
     render() {
-        return (index.h(index.Host, { key: '2307e7f2b5db43fa4625097a96fd9182b5a1c729', class: classes.classes(['zonos--elements', this.open && 'zonos--open']) }, index.h("div", { key: '9c7aa8101410becb1341bc2d602638fbccff2dbf', class: "zonos--loading-overlay" }, index.h("zonos-spinner", { key: 'ebf5db2566052ee898d8d09aaeceb664a8e264e2', size: this.size, spinnerColor: this.spinnerColor }))));
+        return (index.h(index.Host, { key: '3f830d0014a8988893b2cbde578035b1b8727ac5', class: classes.classes(['zonos--elements', this.open && 'zonos--open']) }, index.h("div", { key: '84371b0bb118aef5c4ec5e1c6903d699d5402c14', class: "zonos--loading-overlay" }, index.h("zonos-spinner", { key: 'cf53766a1bbdf7433c5f7a1cf46e00bbd63f08b3', size: this.size, spinnerColor: this.spinnerColor }))));
     }
 };
 ZonosLoadingOverlay.style = ZonosLoadingOverlayStyle0;

package/dist/cjs/zonos-badge.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-1c517e55.js');
+const zonosStore = require('./zonosStore-0662b95f.js');
 const classes = require('./classes-b7918f56.js');
 require('./VarianceTest-bec00ea8.js');
 
@@ -50,16 +50,16 @@ const ZonosBadge = class {
         this.loading = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'dabf6b5d9c4585f9fe62b69655c3043c5d51eb6e', class: classes.classes(['zonos--elements zonos--badge']), style: {
+        return (index.h(index.Host, { key: '76d8a0655e3d4009085f34ea0cbc56c180076081', class: classes.classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '4603e1dbcb6760ae1a18d008cbffc9acc8b1b444', class: classes.classes([
+            } }, index.h("div", { key: 'c512b84c92030ad81f1a6180304fd79c2a3c3708', class: classes.classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, index.h("zonos-text", { key: '5d70287727ff5681be1d2f4f0faf32ba39899b4b', textColor: `${this.badgeColor}-800` }, index.h("slot", { key: 'e3ea93273daccab2b37f8240b29041e485d8bcef' })), this.dismissHandler && (index.h("zonos-icon", { key: '5c09bc191f5ae6f9fe18da4ed15c9f60bab58b03', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
+            ]) }, this.icon, index.h("zonos-text", { key: '680812e8220ca3ad0a18a90c5bb614b5fea13c38', textColor: `${this.badgeColor}-800` }, index.h("slot", { key: 'e939a288add6c2936746ed4b40721d13c38e793c' })), this.dismissHandler && (index.h("zonos-icon", { key: 'fddf84b6af4dda95c6937273d6168fc17290d747', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
     }
 };
 ZonosBadge.style = ZonosBadgeStyle0;

package/dist/cjs/zonos-banner.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-1c517e55.js');
+const zonosStore = require('./zonosStore-0662b95f.js');
 const classes = require('./classes-b7918f56.js');
 require('./VarianceTest-bec00ea8.js');
 

package/dist/cjs/zonos-button_3.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-1c517e55.js');
+const zonosStore = require('./zonosStore-0662b95f.js');
 const helpers = require('./helpers-5bdbb68c.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-db55a464.js');
+const getBorderRadius = require('./getBorderRadius-a91911e7.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
-const isDarkColor = require('./isDarkColor-bfe6d1eb.js');
+const isDarkColor = require('./isDarkColor-e317bb06.js');
 const styles = require('./styles-d1e64fb9.js');
 require('./VarianceTest-bec00ea8.js');
 
@@ -211,13 +211,13 @@ const ZonosButton = class {
         const borderStyle = getBorderRadius.getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (index.h(index.Host, { key: 'b816d7ac8f86b6256d017de9a7049c008cbfd973', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles.styles({
+        return (index.h(index.Host, { key: '0e8c9eaa41b5769793e8b598e675f74e76061a7d', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles.styles({
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--color': color,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 '--zonos--font-weight': this.bold ? 'bold' : 'normal',
-            }) }, index.h("button", Object.assign({ key: 'ddc1bba069df9e03db22fdfb77fe1118e84d0744' }, this.inheritedAttributes, { class: classes.classes([
+            }) }, index.h("button", Object.assign({ key: '5de21db7f0fb00f327ffb9d9da450269e8493b43' }, this.inheritedAttributes, { class: classes.classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -232,7 +232,7 @@ const ZonosButton = class {
                 backgroundColor && variant === 'standard' && 'override-background',
             ]), disabled: disabled, style: {
                 justifyContent: this.justifyContent,
-            } }), this.loading && (index.h("div", { key: '98c12cd886ada57ae8f571f6a5e1914024198dd5', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: '22dee22121fabe21d7c6f02b8b48e83b8c1894a7', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: '27cbe56b4c77dd5678a2e6685fc05694ab36cab1', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), this.loading && (index.h("div", { key: 'ff288d4a7ab7fc79e7e66328e413034e653ddc13', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: '14f473f5f16407c020ae6163e5ccba00b6b8ea76', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: '3fdd8e722cf4cb730f3227fe0562011af106da28', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get delegatesFocus() { return true; }
     get ele() { return index.getElement(this); }

package/dist/cjs/zonos-card_5.cjs.entry.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-1c517e55.js');
+const zonosStore = require('./zonosStore-0662b95f.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-db55a464.js');
-const cart = require('./cart-d08c87e2.js');
-const localization = require('./localization-a7fac4b4.js');
+const getBorderRadius = require('./getBorderRadius-a91911e7.js');
+const cart = require('./cart-d4486651.js');
+const localization = require('./localization-06cc0379.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
-const paypal = require('./paypal-e278f405.js');
+const paypal = require('./paypal-52c4a4d4.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-require('./isDarkColor-bfe6d1eb.js');
-require('./isContrastColor-6a17f408.js');
-require('./submitGtag-4241212b.js');
+require('./isDarkColor-e317bb06.js');
+require('./isContrastColor-a02c4889.js');
+require('./submitGtag-07a3b09e.js');
 
 const zonosCardCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .styled-card{border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--zonos--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";
 const ZonosCardStyle0 = zonosCardCss;
@@ -39,16 +39,16 @@ const ZonosCard = class {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (index.h(index.Host, { key: '000ef115565050082a6e73e1709e014c66b410b7', style: {
+        return (index.h(index.Host, { key: '04b66449d19c5862587b5ef4b2f7cb32524b03bd', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'c9391737f61c4e555643ead25e927376d4e949ba', class: classes.classes(['styled-card']), style: {
+            } }, index.h("div", { key: '218a1def4d384b3bf589e87ca657168de2cea3e5', class: classes.classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (index.h("header", { key: '9a23e108d3a53adf878bc50cb4c3927ebd8db4a6', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: 'ea6a44ecec753ff4ff588d2f47843cc242f55f98', type: "subheader" }, this.label), index.h("h-stack", { key: '7da7b584607867884466b311b1c9055c281e3326', spacing: 8 }, this.actions))), index.h("slot", { key: 'd3c458ee2288071bd72bbadc760fa9a0c6333219' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: 'b668c38a177fd5b0d7fe7988d18afe6f40e8082c', class: "card-footer", style: {
+            } }, this.label && (index.h("header", { key: 'bc5f2eaa90786860e20e40987df70e0cc9c527bb', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: '90be1e3b9cd28f5a7aacf79c65c56e14a37bc019', type: "subheader" }, this.label), index.h("h-stack", { key: 'c25845c181e02eadca3cacb2d73c7173ba0a1a50', spacing: 8 }, this.actions))), index.h("slot", { key: '1e875f0fc6d86ae7cc5bdcdc0fc509bdcc1e1862' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: '8fdca089c61d02ca14946dc3aaa8cb62c2feae99', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, index.h("div", { key: '61b13afeac104d27d76f73c0f869104ce5295197' }, this.footerContent), index.h("h-stack", { key: '3cbdc1beb4e3b2129d9e71cb6c4ed94565a20ba9', spacing: 8 }, this.footerActions))))));
+            } }, index.h("div", { key: '801f46a84cbb1185185ee35f51bf211f09d5aaee' }, this.footerContent), index.h("h-stack", { key: 'c995fab1c343973cf5da3079b99baa8b11af2903', spacing: 8 }, this.footerActions))))));
     }
 };
 ZonosCard.style = ZonosCardStyle0;
@@ -261,7 +261,7 @@ const ZonosPayment = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: 'd6aba7a614610a64012ef6636e19b345623141ec', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: 'edf8c9ee8d7a9ebf87922a49d9b7420efd80b226', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '3d0d7638a309fdf4dc1ab39bb463a0c35add911d', class: "zonos--payment-component" }), index.h("div", { key: 'a79f98f63bad2a7c5023eeb5bb28ae39997ada27', class: "zonos--payment-paypal-container" })));
+        return (index.h(index.Host, { key: '6bc25553430c9e23c77a0607ad28dc4c9efa66e6', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: 'e4ba3f581697a799e50fe066e7cc922a206af8e5', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '0247eecadf083f09b67c5f668da845431234750d', class: "zonos--payment-component" }), index.h("div", { key: '7f63abd0a2c1cbc62f931e44fc44c69b57a4f8ed', class: "zonos--payment-paypal-container" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -325,7 +325,7 @@ const ZonosPaypalPayment = class {
         this.storeUnsubscribeList.forEach(unsubscribe => unsubscribe());
     }
     render() {
-        return (index.h(index.Host, { key: '5745cd59ad8b81a41f8015438afd036621695bbb', class: "zonos--paypal-payment zonos--elements" }, index.h("div", { key: 'be5154e55384e2ecd42e2ec6b2be7712fb6ef31b', class: "zonos--payment-paypal-container" })));
+        return (index.h(index.Host, { key: 'c01e031b29e0089389be2a16e888bd0b7c24dcd8', class: "zonos--paypal-payment zonos--elements" }, index.h("div", { key: 'f03c880bde17291f083cfe1f0db6a918f92d720b', class: "zonos--payment-paypal-container" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/zonos-cart-items_12.cjs.entry.js

@@ -3,30 +3,30 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-d08c87e2.js');
-const localization = require('./localization-a7fac4b4.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-a374741a.js');
+const cart = require('./cart-d4486651.js');
+const localization = require('./localization-06cc0379.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-2ebeff09.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-31da84b7.js');
 const classes = require('./classes-b7918f56.js');
-const zonosStore = require('./zonosStore-1c517e55.js');
-const hasInclusivePrice = require('./hasInclusivePrice-c781c336.js');
-const paypal = require('./paypal-e278f405.js');
+const zonosStore = require('./zonosStore-0662b95f.js');
+const hasInclusivePrice = require('./hasInclusivePrice-40358cb1.js');
+const paypal = require('./paypal-52c4a4d4.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-db55a464.js');
+const getBorderRadius = require('./getBorderRadius-a91911e7.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const placeTestOrder = require('./placeTestOrder-aefd31e8.js');
-const isDarkColor = require('./isDarkColor-bfe6d1eb.js');
-const getContrastColor = require('./getContrastColor-8ed1cb48.js');
+const placeTestOrder = require('./placeTestOrder-7c88197a.js');
+const isDarkColor = require('./isDarkColor-e317bb06.js');
+const getContrastColor = require('./getContrastColor-68058615.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
-const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-a3776bb0.js');
+const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-a9a97194.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-b8abf6de.js');
 const TaxId = require('./TaxId-12acedde.js');
-require('./isContrastColor-6a17f408.js');
-require('./submitGtag-4241212b.js');
-require('./debounce-3e17b4e9.js');
+require('./isContrastColor-a02c4889.js');
+require('./submitGtag-07a3b09e.js');
+require('./debounce-606d1801.js');
 require('./ShortAddressCode-bec338b0.js');
 
 const zonosCartItemsCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host .zonos--cart-table td{vertical-align:top}:host .zonos--cart-item-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}:host .zonos--cart-item-name .zonos--cart-item-quantity>*{display:inline-block}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px}";
@@ -913,6 +913,8 @@ const ZonosCheckoutFinish = class {
 };
 ZonosCheckoutFinish.style = ZonosCheckoutFinishStyle0;
 
+const ChevronDownIcon$1 = `<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M6.293 9.293a1 1 0 0 1 1.414 0L12 13.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-4.93 4.93a1.1 1.1 0 0 1-1.555 0l-4.93-4.93a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
+
 const Globe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" color="var(--zonos-elements-gray-1000)" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM11.4709 5.80634C11.7686 5.53723 11.9541 5.5 12 5.5C12.0459 5.5 12.2314 5.53723 12.5291 5.80634C12.8115 6.06164 13.1289 6.46913 13.4271 7.03651C13.9505 8.03191 14.3838 9.46098 14.48 11.25H9.51996C9.61624 9.46098 10.0495 8.03191 10.5729 7.03651C10.8711 6.46913 11.1885 6.06164 11.4709 5.80634ZM8.01802 11.25C8.11591 9.23031 8.60319 7.55958 9.24516 6.33849C9.29983 6.23451 9.35585 6.13335 9.41312 6.03514C7.32916 6.94017 5.81218 8.90533 5.5428 11.25H8.01802ZM5.5428 12.75H8.01802C8.11591 14.7697 8.60319 16.4404 9.24516 17.6615C9.29983 17.7655 9.35585 17.8666 9.41312 17.9649C7.32916 17.0598 5.81218 15.0947 5.5428 12.75ZM9.51996 12.75H14.48C14.3838 14.539 13.9505 15.9681 13.4271 16.9635C13.1289 17.5309 12.8115 17.9384 12.5291 18.1937C12.2314 18.4628 12.0459 18.5 12 18.5C11.9541 18.5 11.7686 18.4628 11.4709 18.1937C11.1885 17.9384 10.8711 17.5309 10.5729 16.9635C10.0495 15.9681 9.61624 14.539 9.51996 12.75ZM15.982 12.75C15.8841 14.7697 15.3968 16.4404 14.7548 17.6615C14.7002 17.7655 14.6441 17.8666 14.5869 17.9649C16.6708 17.0598 18.1878 15.0947 18.4572 12.75H15.982ZM18.4572 11.25C18.1878 8.90533 16.6708 6.94017 14.5869 6.03514C14.6441 6.13335 14.7002 6.23451 14.7548 6.33849C15.3968 7.55958 15.8841 9.23031 15.982 11.25H18.4572Z" fill="currentColor"/>
 </svg>
@@ -930,7 +932,7 @@ const ZonosIconDark = `<svg width="408" height="112" viewBox="0 0 408 112" fill=
 </svg>
 `;
 
-const zonosCheckoutFooterCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{position:absolute;bottom:-50px;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}:host .zonos--checkout-footer{width:calc(90vw - 22px);gap:16px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:12px;padding-left:0;-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:24px}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo a{line-height:0}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a{text-decoration:none}:host .zonos--checkout-footer zonos-button button.outline{outline:1px solid var(--zonos-elements-gray-800)}:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;position:relative}@media (max-width: 400px){:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{gap:4px}}:host .zonos--checkout-footer .zonos--checkout-footer-dialog{position:absolute;bottom:36px;left:var(--language-dialog-left);background:var(--zonos-elements-surface-color);-webkit-box-shadow:var(--zonos-elements-v3-shadow-xl);box-shadow:var(--zonos-elements-v3-shadow-xl);border-radius:var(--zonos-elements-radius-12);width:360px;max-width:100vw;max-height:500px;z-index:2147483011;overflow:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;opacity:0;-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;-ms-scroll-chaining:none;overscroll-behavior:contain}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar{width:10px}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog.zonos--checkout-footer-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host(.mobile){-ms-flex-direction:column;flex-direction:column;gap:32px;background:var(--zonos-elements-gray-0);position:relative;padding-top:24px;bottom:0}:host(.mobile) .zonos--checkout-footer{-ms-flex-direction:column;flex-direction:column;gap:4px}:host(.mobile) .zonos--checkout-locale-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-icon-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-dialog{position:fixed;left:0;right:0;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:100vw}";
+const zonosCheckoutFooterCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{position:absolute;bottom:-50px;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}:host .zonos--checkout-footer{width:calc(90vw - 22px);gap:16px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:12px;padding-left:0;-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:24px}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo a{line-height:0}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a{text-decoration:none}:host .zonos--checkout-footer zonos-button button.outline{outline:1px solid var(--zonos-elements-gray-800)}:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;position:relative}@media (max-width: 400px){:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{gap:4px}}:host .zonos--checkout-footer .zonos--checkout-locale-wrapper .zonos--checkout-locale-label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px}:host .zonos--checkout-footer .zonos--checkout-footer-dialog{position:absolute;bottom:36px;left:var(--language-dialog-left);background:var(--zonos-elements-surface-color);-webkit-box-shadow:var(--zonos-elements-v3-shadow-xl);box-shadow:var(--zonos-elements-v3-shadow-xl);border-radius:var(--zonos-elements-radius-12);width:360px;max-width:100vw;max-height:500px;z-index:2147483011;overflow:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;opacity:0;-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;-ms-scroll-chaining:none;overscroll-behavior:contain}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar{width:10px}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog.zonos--checkout-footer-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host(.mobile){-ms-flex-direction:column;flex-direction:column;gap:32px;background:var(--zonos-elements-gray-0);position:relative;padding-top:24px;bottom:0}:host(.mobile) .zonos--checkout-footer{-ms-flex-direction:column;flex-direction:column;gap:4px}:host(.mobile) .zonos--checkout-locale-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-icon-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-dialog{position:fixed;left:0;right:0;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:100vw}";
 const ZonosCheckoutFooterStyle0 = zonosCheckoutFooterCss;
 
 const ZonosCheckoutFooter = class {
@@ -962,10 +964,10 @@ const ZonosCheckoutFooter = class {
         const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = this.dataTheme === 'LIGHT' && !this.mobile ? 'gray-0' : 'gray-1000';
-        return (index.h(index.Host, { key: '2200a14517d5d1dd81b68ecfb60ab6a691ebe581', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: 'bc77f1ea299fa151ba9d4628653d6a3800856e85', class: "zonos--checkout-footer" }, index.h("div", { key: 'e2e9f901e3546a48ba88aca9c0f422785d32f78d', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: '60df35f860aa3c59bfa6f470adab3c882301c529', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), index.h("div", { key: '3d4acf669d35fcbf4364fb56f7a18bb3a8f61e1b', class: classes.classes([
+        return (index.h(index.Host, { key: '608a64c8e871bc0544cb80b719c9e11d441e2909', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: '37e6da358ce729c118128d9fae97efed127d83b9', class: "zonos--checkout-footer" }, index.h("div", { key: 'd42eb447dd73073debd6c0d48b766ce31f995b32', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: '3a61cc1647aa2e74d0e1fd5534ae9ff66446ba7a', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: '28bfc7ed3b75c9724e951177914f2d874fff27fe', class: "zonos--checkout-locale-label" }, languageLabel, index.h("zonos-icon", { key: 'b082108bcc0b5dded10136056fa1426bb6adda8e', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: 'ddccc795078e5eb55b25cbe5d5a6bf502579cded', class: classes.classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: '5b32a3d11a725c7af0c358acf9a15c6ec17201ac', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: 'f678c6d76ad122ccbd3e18e6fa9deacd9ec76b93', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: '08cc72da5cbc00bd927828ae1df960a80604519c', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'df8d1727117c28c694c8450d5268895f67b23dff', textColor: colorDesktop }, "Privacy policy")), index.h("div", { key: 'c75b73f3bd573aa2bdd60b7fd05e6b06c8ee8d62', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: 'b57bf8ed2b6498f9cd64d7ab066625376642abda', textColor: colorDesktop }, "Powered by"), index.h("a", { key: 'cd12e10b1e4acd43fea371aad6d74ee8a89f1fbe', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '06465fba84c0c05e330779f522fdcabed817d5de', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
+            ]) }, index.h("zonos-language-select", { key: 'c38f3ebb835b15cbfbe624507c0addb8622f65e6', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: 'b4862df1b1f4a27071ad4291891b968d016c7024', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: 'ac15fc57811b44fbe9d6c032f02660bb41bd40f9', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'dc954edc4349a90c41b54348516c6922fe6c5e56', textColor: colorDesktop }, "Privacy policy")), index.h("div", { key: 'f8d5136948a871718cbd73f982b229c8ea46bbf8', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: '2e3542d9d2ddd78ba855858b93ccdeca47269962', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '240abfbd5b86c5d0068cb20305ab3bb39abf22b5', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '7d5fe50373919e4bc22da89b00915e607eb1b9df', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1273,17 +1275,17 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (index.h(index.Host, { key: 'f7ea289329f5f1e5fd1a5fdbd790b581de1666d3', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '425c77b4ab1b9a29ada76644a60c2c6f54fa2e28', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, index.h("div", { key: 'c071c27dee5b5ddf7b59cddd6de668b1bd72df2a', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
+            } }, index.h("div", { key: 'd8e13a57521242f597c8b8adf7c6f304b3a9d3ce', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
             const isSelected = tab.value === selectedStep;
             return (index.h("button", { "aria-label": `Tab ${tab.label}`, class: classes.classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, index.h("div", { class: "zonos--tab-index" }, index.h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index$1 + 1), index.h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), index.h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, localization.translate(tab.label))));
-        })), index.h("div", { key: '9c332b9053d57a05d8db19d179696a8261a1ac94', class: "zonos--tab-progress" }, index.h("div", { key: '3b303b4dd931e4a1d030ecc62cbbabd232354636', class: "zonos--progress-bar-fill" }))));
+        })), index.h("div", { key: '9461341c83a92c810a3cf02f3828610732eecfe2', class: "zonos--tab-progress" }, index.h("div", { key: '142824930f5a8a6ef4fdafc7b39d9a96aa518cff', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return index.getElement(this); }
@@ -1996,11 +1998,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (index.h(index.Host, { key: 'c39228c5a45be0c27fc805859ba896f346f4c7bb', class: classes.classes(['zonos--elements zonos--restState']), style: {
+        return (index.h(index.Host, { key: '70b8901469cba98007780b2dc6cceaa61f96d8ac', class: classes.classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '466d38527c50fac57c85b29b6d501139a55c652c', class: "zonos--restState-image" }, index.h("img", { key: '233348dc1fe72c37ac3485dc4ae577b02d44d0cc', alt: this.restStateType, onError: () => {
+            } }, index.h("div", { key: '7903d837e37c843a55aee6211cc2071add4f5a05', class: "zonos--restState-image" }, index.h("img", { key: 'dee0733ab529b004f53d1d69a29a07d7a44a3eea', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), index.h("div", { key: '0ead09005b4a4e59fcbe5b673ef206d09c6f344f', class: "content" }, index.h("zonos-text", { key: '2f6d50f5562ab86918755b2d20aeab1ba170e0d1', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '9304b2421ac05dea5e8567666dc3fd5c279bf6dd', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: '00323cff6ad4b67a5af980dcbfce5cb0c59150c4', class: "action" }, index.h("slot", { key: '256fc2f99f345d0302d6fa4467b22558723dae7b' }))));
+            }, src: imageUrl })), index.h("div", { key: '612e7d71d5e6bd2e0c37d7c6595b35ea5ca416dd', class: "content" }, index.h("zonos-text", { key: 'c28379a4b4546afa6b323986c092c9538aa66b65', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '309e2e9c5086d0c84ccbe6c695d657d9f8e16da0', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: '7fb9586682d221a311598ee8d294c6daede33e96', class: "action" }, index.h("slot", { key: '87959654a7a3c9c621d633a492627d53ff561fd4' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

package/dist/cjs/zonos-checkbox_2.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-1c517e55.js');
+const zonosStore = require('./zonosStore-0662b95f.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-db55a464.js');
-const isDarkColor = require('./isDarkColor-bfe6d1eb.js');
+const getBorderRadius = require('./getBorderRadius-a91911e7.js');
+const isDarkColor = require('./isDarkColor-e317bb06.js');
 require('./VarianceTest-bec00ea8.js');
 
 const colorPrefixes = [
@@ -72,14 +72,14 @@ const ZonosCheckbox = class {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (index.h(index.Host, { key: 'a3db8981598a3703228e7c54bfd8350da718f744', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
+        return (index.h(index.Host, { key: 'b72500a3ead1362eebf6cd90fc60fddbade0bccf', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 '--zonos--size': `${this.size}px`,
-            } }, index.h("label", { key: '6abc998d8a2338fd188e561ce38af6f351e87d93', class: classes.classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, index.h("input", { key: 'a2b3bc99d562f0ddc3337093597d962a28fe7006', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+            } }, index.h("label", { key: '3a5104fa8f2b3874108f27732df0aee9d4bebbd6', class: classes.classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, index.h("input", { key: 'aea12725ffa80d01c7fe1753d637f6e94e1d0fad', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), index.h("span", { key: '4ff30adc1de3f679a62ac4bdc23c89c7fbd70862', class: "checkmark-container" }, index.h("svg", { key: 'c235768b91c19a2edf0d5ed1d416e6b58be4f9eb', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '67e8a36292f8f4fe226709acdd08579d2092b836', "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 && (index.h("zonos-text", { key: '9fdd82641973e8870e55117992ca26f1e585c801', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), index.h("span", { key: '807f1b1b8acf88793abe74d329c8ffd81a450d9b', class: "checkmark-container" }, index.h("svg", { key: '18bec57b0554f70704f5c53e57a5929a48165f44', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'd98ba6681c05d63e242518b332b7d3292e19d39e', "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 && (index.h("zonos-text", { key: 'f540e55464dd67bf513cf6a77b078c7492945b50', size: this.fontSize }, this.label)))));
     }
 };
 ZonosCheckbox.style = ZonosCheckboxStyle0;
@@ -97,9 +97,9 @@ const ZonosToggle = class {
         this.options = [];
     }
     render() {
-        return (index.h(index.Host, { key: '220dcc3ef8685ea09db761d7a42a00a7309caa70', class: classes.classes(['zonos--elements zonos--toggle']), style: {
+        return (index.h(index.Host, { key: 'a69d1282e442b2cc5b24df68ee41c452b02fb022', class: classes.classes(['zonos--elements zonos--toggle']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'fa54f818b15ff33d88dc08a1df370ca9be17ff71', class: "wrapper" }, this.options.map(option => {
+            } }, index.h("div", { key: 'a0fff3107e8d9a98d3ff323379c6e39bee294eca', class: "wrapper" }, this.options.map(option => {
             const selected = option.value === this.value;
             return (index.h("button", { class: classes.classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
                     this.toggleChanged.emit(option.value);