@zonos/elements 1.3.18-alpha.1 → 1.3.18-alpha.3

package/dist/components/zonos-card2.js

@@ -1,57 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { a as zonosStoreFontFamily } from './zonosStore.js';
-import { c as classes } from './classes.js';
-import { d as defineCustomElement$1 } from './zonos-text2.js';
-
-const zonosCardCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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-elements-radius-6);padding:var(--spacing, 24px);text-align:left}: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;
-
-const ZonosCard = /*@__PURE__*/ proxyCustomElement(class ZonosCard extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.actions = undefined;
-        this.footerActions = undefined;
-        this.footerContent = undefined;
-        this.footerHeight = undefined;
-        this.label = undefined;
-        this.spacing = '24px';
-    }
-    render() {
-        return (h(Host, { key: '206169280db67be5e74382c5beccfad87ec9068a', style: {
-                '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '4a1c7eab9b5420295ce3ec30cfd59985be35d912', class: classes(['styled-card']), style: { padding: this.spacing } }, this.label && (h("header", { key: '75454e5d9eacdfdf842a9a220deab467625e497b', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: 'bc9c7d3500cef41237dbe53f27ab398103be55dd', type: "subheader" }, this.label), h("h-stack", { key: '29d68a483bfc61ddfb9deeb63272a8221759513c', spacing: 8 }, this.actions))), h("slot", { key: '0ad416c6cdb0b1fc2c922b8569cf35a4009263cc' }), (this.footerActions || this.footerContent) && (h("footer", { key: '469110ce0f0f81cbee4ef67e79d3be17933bcf2e', class: "card-footer", style: {
-                height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
-                padding: this.spacing,
-            } }, h("div", { key: '9044d9f3c81935119f668deb188f16cb1cb243bb' }, this.footerContent), h("h-stack", { key: '3f258ed6b07b8973b0bf753c7ab6427d67bf210c', spacing: 8 }, this.footerActions))))));
-    }
-    static get style() { return ZonosCardStyle0; }
-}, [1, "zonos-card", {
-        "actions": [16],
-        "footerActions": [16],
-        "footerContent": [16],
-        "footerHeight": [2, "footer-height"],
-        "label": [16],
-        "spacing": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-card", "zonos-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosCard);
-            }
-            break;
-        case "zonos-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ZonosCard as Z, defineCustomElement as d };

package/dist/components/zonos-cart-items.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZonosCartItems extends Components.ZonosCartItems, HTMLElement {}
-export const ZonosCartItems: {
-    prototype: ZonosCartItems;
-    new (): ZonosCartItems;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/zonos-cart-items.js

@@ -1,6 +0,0 @@
-import { Z as ZonosCartItems$1, d as defineCustomElement$1 } from './zonos-cart-items2.js';
-
-const ZonosCartItems = ZonosCartItems$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZonosCartItems, defineCustomElement };

package/dist/components/zonos-cart-items2.js

@@ -1,57 +0,0 @@
-import { proxyCustomElement, HTMLElement, getAssetPath, h, Host } from '@stencil/core/internal/client';
-import { c as cartStore } from './stripe.js';
-import { f as formatCurrency } from './formatCurrency.js';
-import { d as defineCustomElement$1 } from './zonos-text2.js';
-
-const zonosCartItemsCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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 img{min-width:40px}";
-const ZonosCartItemsStyle0 = zonosCartItemsCss;
-
-const ZonosCartItems = /*@__PURE__*/ proxyCustomElement(class ZonosCartItems extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.errorImages = [];
-    }
-    render() {
-        var _a;
-        const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
-        const rate = ((_a = cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.rate) || 1;
-        const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: '2dc2189f79fe59260a9fcd8a61142ab628ff7f57', class: "zonos--cart-items zonos--elements" }, h("table", { key: 'd354007fffb5afa397038f319571e83c3fb3ad65', class: "zonos--cart-table" }, h("tbody", { key: '5f31a21b612495ee583650cbd71614cc10a799cc' }, nonRestrictedItems.map(item => {
-            const itemImg = item.imageUrl;
-            return (h("tr", { class: "zonos--cart-item" }, h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (h("img", { alt: item.name, onError: () => {
-                    this.errorImages = [...this.errorImages, itemImg];
-                }, src: item.imageUrl, style: {
-                    'min-width': '40px',
-                }, width: 40 })) : (h("img", { alt: item.name, src: emptyItemImg, width: 40 }))), h("td", { class: "zonos--column zonos--cart-item-name" }, h("zonos-text", { type: "label" }, item.name)), h("td", { class: "zonos--column zonos--cart-item-price" }, h("zonos-text", { type: "semiBoldLabel" }, formatCurrency({
-                amount: item.amount * item.quantity * rate,
-                currency: cartStore.currency,
-            })))));
-        })))));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    static get style() { return ZonosCartItemsStyle0; }
-}, [1, "zonos-cart-items", {
-        "errorImages": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-cart-items", "zonos-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-cart-items":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosCartItems);
-            }
-            break;
-        case "zonos-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ZonosCartItems as Z, defineCustomElement as d };

package/dist/components/zonos-cart-restricted-items.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZonosCartRestrictedItems extends Components.ZonosCartRestrictedItems, HTMLElement {}
-export const ZonosCartRestrictedItems: {
-    prototype: ZonosCartRestrictedItems;
-    new (): ZonosCartRestrictedItems;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/zonos-cart-restricted-items.js

@@ -1,6 +0,0 @@
-import { Z as ZonosCartRestrictedItems$1, d as defineCustomElement$1 } from './zonos-cart-restricted-items2.js';
-
-const ZonosCartRestrictedItems = ZonosCartRestrictedItems$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZonosCartRestrictedItems, defineCustomElement };

package/dist/components/zonos-cart-restricted-items2.js

@@ -1,135 +0,0 @@
-import { proxyCustomElement, HTMLElement, getAssetPath, h, Host } from '@stencil/core/internal/client';
-import { b as cartStoreHasOneEligibleItem, c as cartStore } from './stripe.js';
-import { a as translate } from './translationStore.js';
-import { c as classes } from './classes.js';
-import { f as formatCurrency } from './formatCurrency.js';
-import { d as defineCustomElement$4 } from './zonos-banner2.js';
-import { d as defineCustomElement$3 } from './zonos-collapse2.js';
-import { d as defineCustomElement$2 } from './zonos-icon2.js';
-import { d as defineCustomElement$1 } from './zonos-text2.js';
-
-const ChevronUpIcon = `<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_dd_2052_3658)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.46967 14.5303C7.76256 14.8232 8.23744 14.8232 8.53033 14.5303L12.5 10.5607L16.4697 14.5303C16.7626 14.8232 17.2374 14.8232 17.5303 14.5303C17.8232 14.2374 17.8232 13.7626 17.5303 13.4697L13.0303 8.96967C12.7374 8.67678 12.2626 8.67678 11.9697 8.96967L7.46967 13.4697C7.17678 13.7626 7.17678 14.2374 7.46967 14.5303Z" fill="currentColor"/>
-</g>
-<defs>
-<filter id="filter0_dd_2052_3658" x="-3.5" y="-2" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="2"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2052_3658"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
-<feBlend mode="normal" in2="effect1_dropShadow_2052_3658" result="effect2_dropShadow_2052_3658"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_2052_3658" result="shape"/>
-</filter>
-</defs>
-</svg>
-`;
-
-const zonosCartRestrictedItemsCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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{overflow:auto;position:relative}:host zonos-banner{margin-bottom:12px}:host .zonos--cart-title-collapse-trigger{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:24px;-ms-flex-align:center;align-items:center;background:var(--zonos-elements-gray-0);width:100%;border:none;cursor:pointer;margin-bottom:16px;position:-webkit-sticky;position:sticky;top:0;z-index:1;-webkit-transition:0.5s all ease;transition:0.5s all ease}:host .zonos--cart-title-collapse-trigger zonos-icon{-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}:host .zonos--cart-title-collapse-trigger.collapsed{margin-bottom:0}:host .zonos--cart-title-collapse-trigger.collapsed zonos-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host .zonos--cart-title-collapse-trigger::before,:host .zonos--cart-title-collapse-trigger::after{content:\"\";display:block;width:80%;height:1px;background-color:var(--zonos-elements-border-color);-ms-flex-negative:1;flex-shrink:1}:host .zonos--cart-title-collapse-trigger .zonos--title-wrapper{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;gap:8px;-ms-flex-align:center;align-items:center}:host .zonos--cart-table{opacity:0.5;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 img{min-width:40px}:host(.collapsed){-ms-flex-negative:0;flex-shrink:0}";
-const ZonosCartRestrictedItemsStyle0 = zonosCartRestrictedItemsCss;
-
-const ZonosCartRestrictedItems = /*@__PURE__*/ proxyCustomElement(class ZonosCartRestrictedItems extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.hide = false;
-        this.errorImages = [];
-        this.internalCollapsed = true;
-        this.firstRender = true;
-    }
-    componentDidLoad() {
-        // Reset if it's first render
-        this.firstRender = true;
-    }
-    render() {
-        var _a;
-        const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
-        const rate = ((_a = cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.rate) || 1;
-        const restrictedItemTotal = cartStore.restrictedItems.length;
-        if (this.hide || restrictedItemTotal === 0) {
-            // show nothing if the parent is collapsed or no restricted items
-            return null;
-        }
-        if (this.firstRender) {
-            // Auto expand if all items are restricted
-            this.internalCollapsed = cartStoreHasOneEligibleItem();
-            this.firstRender = false;
-        }
-        return (h(Host, { class: classes([
-                'zonos--cart-restricted-items',
-                'zonos--elements',
-                this.internalCollapsed && 'collapsed',
-            ]) }, h("button", { class: classes([
-                'zonos--cart-title-collapse-trigger',
-                this.internalCollapsed && 'collapsed',
-            ]), onClick: () => {
-                this.internalCollapsed = !this.internalCollapsed;
-            } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { textColor: "red-600", type: "label" }, `${translate(this.internalCollapsed ? 'Show' : 'Hide')} ${restrictedItemTotal} ${translate('restricted items')}`), h("zonos-icon", { content: ChevronUpIcon, iconColor: "red-600" }))), h("zonos-collapse", { collapsed: this.internalCollapsed }, h("zonos-banner", { bannerTitle: translate('The following items are unable to be shipped to your country and are not included in your cart total.'), intent: "error" }), h("table", { class: "zonos--cart-table" }, h("tbody", null, cartStore.restrictedItems.map((item, index) => {
-            var _a, _b;
-            const itemImg = item.imageUrl;
-            return (h("tr", { class: "zonos--cart-item" }, h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (h("img", { alt: 
-                // Use matched item name if available
-                ((_a = item.matchedItem) === null || _a === void 0 ? void 0 : _a.name) ||
-                    item.name ||
-                    `Restricted item ${index + 1}`, onError: () => {
-                    this.errorImages = [...this.errorImages, itemImg];
-                }, src: itemImg, style: {
-                    'min-width': '40px',
-                }, width: 40 })) : (h("img", { alt: item.name || `Restricted item ${index + 1}`, src: emptyItemImg, width: 40 }))), h("td", { class: "zonos--column zonos--cart-item-name" }, h("zonos-text", { type: "label" }, ((_b = item.matchedItem) === null || _b === void 0 ? void 0 : _b.name) || item.name), h("zonos-text", { type: "caption" }, item.restriction.reason)), h("td", { class: "zonos--column zonos--cart-item-price" }, h("zonos-text", { type: "semiBoldLabel" }, formatCurrency({
-                amount: item.amount * item.quantity * rate,
-                currency: cartStore.currency,
-            })))));
-        }))))));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    static get style() { return ZonosCartRestrictedItemsStyle0; }
-}, [1, "zonos-cart-restricted-items", {
-        "hide": [4],
-        "errorImages": [32],
-        "internalCollapsed": [32],
-        "firstRender": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-cart-restricted-items", "zonos-banner", "zonos-collapse", "zonos-icon", "zonos-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-cart-restricted-items":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosCartRestrictedItems);
-            }
-            break;
-        case "zonos-banner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "zonos-collapse":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "zonos-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "zonos-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ZonosCartRestrictedItems as Z, defineCustomElement as d };

package/dist/components/zonos-cart-subtotal.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZonosCartSubtotal extends Components.ZonosCartSubtotal, HTMLElement {}
-export const ZonosCartSubtotal: {
-    prototype: ZonosCartSubtotal;
-    new (): ZonosCartSubtotal;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/zonos-cart-subtotal.js

@@ -1,6 +0,0 @@
-import { Z as ZonosCartSubtotal$1, d as defineCustomElement$1 } from './zonos-cart-subtotal2.js';
-
-const ZonosCartSubtotal = ZonosCartSubtotal$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZonosCartSubtotal, defineCustomElement };

package/dist/components/zonos-cart-subtotal2.js

@@ -1,91 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host, Fragment } from '@stencil/core/internal/client';
-import { b as cartStoreHasOneEligibleItem, c as cartStore } from './stripe.js';
-import { a as translate } from './translationStore.js';
-import { f as formatCurrency } from './formatCurrency.js';
-import { d as defineCustomElement$4 } from './zonos-badge2.js';
-import { d as defineCustomElement$3 } from './zonos-icon2.js';
-import { d as defineCustomElement$2 } from './zonos-text2.js';
-import { d as defineCustomElement$1 } from './zonos-tooltip2.js';
-
-const InfoIcon = `<svg viewBox="0 0 17 16" fill="none" xmlns="https://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1.96704 8.00065C1.96704 4.31875 4.93024 1.33398 8.58554 1.33398C12.2408 1.33398 15.204 4.31875 15.204 8.00065C15.204 11.6826 12.2408 14.6673 8.58554 14.6673C4.93024 14.6673 1.96704 11.6825 1.96704 8.00065Z" fill="#C5C6CA"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.58543 4.66016C8.95096 4.66016 9.24728 4.95863 9.24728 5.32682V5.33349C9.24728 5.70168 8.95096 6.00016 8.58543 6.00016C8.2199 6.00016 7.92358 5.70168 7.92358 5.33349V5.32682C7.92358 4.95863 8.2199 4.66016 8.58543 4.66016ZM8.58543 7.33349C8.95096 7.33349 9.24728 7.63197 9.24728 8.00016V10.6668C9.24728 11.035 8.95096 11.3335 8.58543 11.3335C8.2199 11.3335 7.92358 11.035 7.92358 10.6668V8.00016C7.92358 7.63197 8.2199 7.33349 8.58543 7.33349Z" fill="#4D505A"/>
-</svg>
-`;
-
-const zonosCartSubtotalCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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:20px 8px;vertical-align:top}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host .zonos--title-with-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}:host .zonos--cart-subtotal-title,:host .zonos--cart-subtotal-price{border-bottom:1px solid var(--zonos-elements-gray-200)}:host .zonos--cart-duty-tax-price{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;gap:5px}:host .zonos--cart-subtotal-price{text-align:right}";
-const ZonosCartSubtotalStyle0 = zonosCartSubtotalCss;
-
-const ZonosCartSubtotal = /*@__PURE__*/ proxyCustomElement(class ZonosCartSubtotal extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        const showDutyTaxesInfo = cartStore.step === 'payment' || cartStore.step === 'shipping';
-        // Show 0 for subtotal and total when all items are restricted
-        const total = cartStoreHasOneEligibleItem() ? cartStore.total : 0;
-        const subtotal = cartStoreHasOneEligibleItem() ? cartStore.subtotal : 0;
-        const renderShippingInfo = () => {
-            if (!cartStore.selectedShippingOption) {
-                return (h(Fragment, null, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Shipping')), h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('No shipping method selected'))));
-            }
-            return (h(Fragment, null, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, cartStore.selectedShippingOption.displayName), cartStore.selectedShippingOptionTransitTime && (h("zonos-text", { class: "zonos--caption", type: "caption" }, cartStore.selectedShippingOptionTransitTime, ' ', translate('business days')))));
-        };
-        return (h(Host, { class: "zonos--cart-subtotal zonos--elements" }, h("table", { class: "zonos--cart-table" }, h("tr", { class: "zonos--row zonos--cart-subtotal" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { type: "semiBoldLabel" }, translate('Cart subtotal'))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("zonos-text", { type: "semiBoldLabel" }, formatCurrency({
-            amount: subtotal,
-            currency: cartStore.currency,
-        })))), h("tr", { class: "zonos--row zonos--cart-shipping" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, renderShippingInfo()), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, cartStore.shipping
-            ? formatCurrency({
-                amount: cartStore.shipping,
-                currency: cartStore.currency,
-            })
-            : '-')), showDutyTaxesInfo && (h("tr", { class: "zonos--row zonos--cart-duties" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("div", { class: "zonos--title-with-icon" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), h("zonos-tooltip", { label: translate('Nothing due at the door') }, h("zonos-icon", { "aria-label": "Learn more about duties, taxes, and fees", content: InfoIcon, size: 16 }))), !!cartStore.isSelectedShippingAboveDeminimis && (h("zonos-text", { textColor: "gray-800", type: "body" }, translate('Order is over the de minimis threshold for both duty and tax')))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxFees
-            ? formatCurrency({
-                amount: cartStore.dutiesTaxFees,
-                currency: cartStore.currency,
-            })
-            : '-', cartStore.isSelectedShippingGuarantee && (h("zonos-badge", null, translate('Guaranteed'))))))), h("tr", { class: "zonos--row zonos--cart-pay-total" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Order total'))), h("td", { class: "zonos--column" }, h("zonos-text", { type: "semiBoldLabel" }, formatCurrency({
-            amount: total,
-            currency: cartStore.currency,
-        })))))));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    static get style() { return ZonosCartSubtotalStyle0; }
-}, [1, "zonos-cart-subtotal"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-cart-subtotal", "zonos-badge", "zonos-icon", "zonos-text", "zonos-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-cart-subtotal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosCartSubtotal);
-            }
-            break;
-        case "zonos-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "zonos-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "zonos-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "zonos-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ZonosCartSubtotal as Z, defineCustomElement as d };

package/dist/components/zonos-checkbox.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZonosCheckbox extends Components.ZonosCheckbox, HTMLElement {}
-export const ZonosCheckbox: {
-    prototype: ZonosCheckbox;
-    new (): ZonosCheckbox;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/zonos-checkbox.js

@@ -1,6 +0,0 @@
-import { Z as ZonosCheckbox$1, d as defineCustomElement$1 } from './zonos-checkbox2.js';
-
-const ZonosCheckbox = ZonosCheckbox$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZonosCheckbox, defineCustomElement };

package/dist/components/zonos-checkbox2.js

@@ -1,96 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { a as zonosStoreFontFamily } from './zonosStore.js';
-import { c as classes } from './classes.js';
-import { g as getBorderRadius } from './getBorderRadius.js';
-import { i as isDarkColor } from './isDarkColor.js';
-import { d as defineCustomElement$1 } from './zonos-text2.js';
-
-const colorPrefixes = [
-    'blue',
-    'cyan',
-    'green',
-    'orange',
-    'purple',
-    'red',
-    'gray',
-    'glass',
-];
-
-const zonosCheckboxCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer}:host label{display:-ms-inline-flexbox;display:inline-flex;position:relative;gap:8px;-ms-flex-align:center;align-items:center}:host label.disabled{cursor:not-allowed;opacity:0.6}:host input[type=checkbox]{opacity:0;position:absolute;left:0;width:0;height:0;top:0;z-index:-99999}:host svg{opacity:0}:host .checkmark-container{height:var(--size);width:var(--size);background-color:transparent;border:1.5px solid var(--zonos-elements-gray-400);position:relative;border-radius:var(--border-radius, var(--zonos-elements-radius-4))}:host .checkmark{opacity:0;position:absolute;top:-1.5px;left:-1.5px;right:-1.5px;bottom:-1.5px;width:calc(100% + 3px);-webkit-transition:0.3s all cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:0.3s all cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transform:scale(0.4);transform:scale(0.4);background-color:var(--background-color);border-radius:var(--border-radius, var(--zonos-elements-radius-4))}:host input[type=checkbox]:checked~.checkmark-container .checkmark{opacity:1;-webkit-transform:scale(1);transform:scale(1)}";
-const ZonosCheckboxStyle0 = zonosCheckboxCss;
-
-const ZonosCheckbox = /*@__PURE__*/ proxyCustomElement(class ZonosCheckbox extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.checkboxSelected = createEvent(this, "checkboxSelected", 7);
-        this.backgroundColor = 'blue';
-        this.label = undefined;
-        this.isChecked = false;
-        this.isDisabled = false;
-        this.size = 12;
-        this.fontSize = 'base';
-        this.borderStyle = undefined;
-    }
-    onClick() {
-        if (this.isDisabled) {
-            return;
-        }
-        this.checkboxSelected.emit(!this.isChecked);
-    }
-    render() {
-        const isBackgroundVariable = colorPrefixes.includes(this.backgroundColor);
-        const backgroundColor = isBackgroundVariable
-            ? `var(--zonos-elements-${this.backgroundColor}-600)`
-            : this.backgroundColor;
-        const checkmarkColor = isBackgroundVariable
-            ? // use lighter color if the color is amino variable
-                `var(--zonos-elements-${this.backgroundColor}-200)`
-            : // if it's not an amino variable, use white if the background is dark, and dark if the background is light
-                !isDarkColor(backgroundColor)
-                    ? 'var(--zonos-elements-gray-800)'
-                    : 'var(--zonos-elements-gray-0)';
-        const borderStyle = getBorderRadius({
-            customRoundRadius: '4px',
-            overrideBorderStyle: this.borderStyle,
-        });
-        return (h(Host, { key: 'be29586ffd5ae5227614622cfb402686ff5e0583', class: classes(['zonos--elements zonos--checkbox']), style: {
-                '--background-color': backgroundColor,
-                '--border-radius': borderStyle,
-                '--font-family': zonosStoreFontFamily(),
-                '--size': `${this.size}px`,
-            } }, h("label", { key: '091c2388668a94962d7b2bde4496856805f675e8', class: classes([this.isDisabled && 'disabled']) }, h("input", { key: 'c0f66d11f63591b03631cb1c970c0db201d435e2', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
-                this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), h("span", { key: 'ab6c4847d006a812829bd8e871520455da91c7b0', class: "checkmark-container" }, h("svg", { key: '617693bef302910db463cdf95b10700b72ea8d44', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '410728b7d5edf27966e660e598f166ce8292015e', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: '1b9a21e7ef15ad34684453bc25cb3744ba183cd0', size: this.fontSize }, this.label)))));
-    }
-    static get style() { return ZonosCheckboxStyle0; }
-}, [1, "zonos-checkbox", {
-        "backgroundColor": [1, "background-color"],
-        "label": [1],
-        "isChecked": [4, "is-checked"],
-        "isDisabled": [4, "is-disabled"],
-        "size": [2],
-        "fontSize": [1, "font-size"],
-        "borderStyle": [1, "border-style"]
-    }, [[1, "click", "onClick"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-checkbox", "zonos-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-checkbox":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosCheckbox);
-            }
-            break;
-        case "zonos-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ZonosCheckbox as Z, defineCustomElement as d };

package/dist/components/zonos-checkout-finish.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZonosCheckoutFinish extends Components.ZonosCheckoutFinish, HTMLElement {}
-export const ZonosCheckoutFinish: {
-    prototype: ZonosCheckoutFinish;
-    new (): ZonosCheckoutFinish;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/zonos-checkout-finish.js

@@ -1,6 +0,0 @@
-import { Z as ZonosCheckoutFinish$1, d as defineCustomElement$1 } from './zonos-checkout-finish2.js';
-
-const ZonosCheckoutFinish = ZonosCheckoutFinish$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZonosCheckoutFinish, defineCustomElement };