@zonos/elements 1.3.285 → 1.3.287

package/dist/esm/zonos-checkout.entry.js

@@ -1,23 +1,24 @@
-import { r as registerInstance, h, F as Fragment, a as Host } from './index-cfd394c8.js';
-import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreSaveDomesticShippingSession, b as stripeStore, i as initStripeElements, c as stripeStoreRetrievePayment, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, p as policyConsentStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStoreInitCheckoutSession, k as stripeStoreGetPaymentIntent, l as stripeStoreHandleInventoryCheck, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as getCheckoutSessionBody, o as cartStoreUpdateToErrorState, q as stripeStoreCleanupDomesticShippingSession, r as cartStoreSetCheckoutSession, u as stripeStorePrefetchLandedCost, v as cartStoreNextStep, w as isPolicyConsentRequired, x as stripeStoreUpdateCheckoutSessionBaseCurrency, y as storeCreditStoreApplyCredit, z as storeCreditStoreCoversFullAmount, A as validateCheckoutSession, B as storeCreditStoreCreateOrder, C as stripeStoreConfirmPayment, D as stripeStoreHandleInventoryRefund, E as policyConsentStore, F as stripeStoreReset, G as cartStoreOnChange, H as stripeStoreOnChange, I as storeCreditStoreGetEffectiveAmount } from './cart-2e407f7b.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitAnalytics, a as paypalStore, b as paypalInitScript } from './paypal-6dca6567.js';
-import { f as filterValidTests, a as fetchCheckoutId, b as fetchBigCommerceCheckout, i as isBigCommerceCustomerLoggedIn, l as localizationStore, c as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, d as storageStoreSetEnabledVariantTestKeys, t as translate, e as localizationStoreOnChange, h as currencyFormat } from './localization-36a4dc22.js';
-import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-eca1e364.js';
-import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-a117f75d.js';
-import { h as handleFetch, g as getIsTestMode, j as jsonParse, l as logError, b as getAdditionalLogMetadata, s as sendErrorLog, a as getIsStagingMode, i as isCheckoutMobile } from './handleFetch-a844cac1.js';
-import { u as updateCheckoutSessionAttributes } from './updateCheckoutSessionAttributes-23b222de.js';
-import { l as log, g as getElapsedTime, b as allLogs } from './VarianceTest-572cecf5.js';
-import { _ as _getIsValidCartId, c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector, d as domesticRedirectedBtnSelector, g as getAbandonedCartRenewTokenValue } from './CheckoutConfig-724d7bae.js';
-import { c as classes } from './classes-0d95c529.js';
-import { c as createCustomEvent } from './createCustomEvent-58159025.js';
-import { g as getBorderRadius } from './getBorderRadius-1f7be586.js';
-import { i as isDarkColor } from './isDarkColor-939d8e9c.js';
-import { s as styles } from './styles-6fc2fad9.js';
-import { R as RemoveIcon } from './RemoveIcon-9dc5dd1a.js';
-import './TaxId-63a14057.js';
-import './isContrastColor-9fa0d013.js';
-import './submitGtag-71c450b6.js';
-import './debounce-84ade9c2.js';
+import { r as registerInstance, h, F as Fragment, a as Host } from './index-_lt63o7c.js';
+import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreSaveDomesticShippingSession, b as stripeStore, i as initStripeElements, c as stripeStoreRetrievePayment, g as getCheckoutSession, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, p as policyConsentStoreReset, h as cartStoreResetTabItems, j as cartStoreClearCheckoutInterval, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, m as cartStoreIsOrderModificationPaymentOnlySession, n as stripeStoreHandleInventoryCheck, o as cartStoreStartCheckoutInterval, t as trackConversionEvent, q as getCheckoutSessionBody, r as cartStoreUpdateToErrorState, u as stripeStoreCleanupDomesticShippingSession, v as cartStoreSetCheckoutSession, w as stripeStorePrefetchLandedCost, x as cartStoreNextStep, y as isPolicyConsentRequired, z as stripeStoreUpdateCheckoutSessionBaseCurrency, A as storeCreditStoreApplyCredit, B as storeCreditStoreCoversFullAmount, C as validateCheckoutSession, D as storeCreditStoreCreateOrder, E as stripeStoreConfirmPayment, F as stripeStoreHandleInventoryRefund, G as policyConsentStore, H as stripeStoreReset, I as cartStoreOnChange, J as stripeStoreOnChange, K as storeCreditStoreGetEffectiveAmount } from './cart-ekBk_gxV.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitAnalytics, a as paypalStore, b as paypalInitScript } from './paypal-CW1D2XqZ.js';
+import { f as filterValidTests, a as fetchCheckoutId, b as fetchBigCommerceCheckout, i as isBigCommerceCustomerLoggedIn, l as localizationStore, c as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, d as storageStoreSetEnabledVariantTestKeys, t as translate, e as localizationStoreOnChange, h as currencyFormat } from './localization-AOqYXGdP.js';
+import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-DrIOAz4M.js';
+import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-BycjkdlE.js';
+import { h as handleFetch, g as getIsTestMode, j as jsonParse, l as logError, b as getAdditionalLogMetadata, s as sendErrorLog, a as getIsStagingMode, i as isCheckoutMobile } from './handleFetch-D5GYDF-O.js';
+import { u as updateCheckoutSessionAttributes } from './updateCheckoutSessionAttributes-eRSqdC74.js';
+import { l as log, g as getElapsedTime, b as allLogs } from './VarianceTest-BJmZPrZl.js';
+import { _ as _getIsValidCartId, c as checkoutHiddenBtnSelector, d as domesticRedirectedBtnSelector, a as checkoutHiddenInternationalBtnSelector, g as getAbandonedCartRenewTokenValue } from './CheckoutConfig-D5SpFsQJ.js';
+import { c as classes } from './classes-BJHSB96f.js';
+import { c as createCustomEvent } from './createCustomEvent-XQfWgQLB.js';
+import { g as getBorderRadius } from './getBorderRadius-HwG64EKM.js';
+import { i as isDarkColor } from './isDarkColor-YdrG78th.js';
+import { s as styles } from './styles-BTIeCf3T.js';
+import { R as RemoveIcon } from './RemoveIcon-C2QMVeWW.js';
+import './TaxId-Cye-evFK.js';
+import './isContrastColor-CWLU13s9.js';
+import './submitGtag-CCGQS060.js';
+import './debounce-DWPsxJsW.js';
+import './debounce-D4ko2kvZ.js';
 
 /**
  * Check if store discount is enabled
@@ -1356,13 +1357,12 @@ const setupCartData = async (cartId) => {
     };
 };
 
-const MessageIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="https://www.w3.org/2000/svg">
+var MessageIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="https://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 4.5C2.25 3.25736 3.25736 2.25 4.5 2.25H13.5C14.7426 2.25 15.75 3.25736 15.75 4.5V10.5C15.75 11.7426 14.7426 12.75 13.5 12.75H8.25C8.01393 12.75 7.79164 12.8611 7.65 13.05L6.3 14.85C5.87508 15.4166 5.2082 15.75 4.5 15.75C3.25736 15.75 2.25 14.7426 2.25 13.5V4.5ZM4.5 3.75C4.08579 3.75 3.75 4.08579 3.75 4.5V13.5C3.75 13.9142 4.08579 14.25 4.5 14.25C4.73607 14.25 4.95836 14.1389 5.1 13.95L6.45 12.15C6.87492 11.5834 7.5418 11.25 8.25 11.25H13.5C13.9142 11.25 14.25 10.9142 14.25 10.5V4.5C14.25 4.08579 13.9142 3.75 13.5 3.75H4.5ZM5.25 6C5.25 5.58579 5.58579 5.25 6 5.25H12C12.4142 5.25 12.75 5.58579 12.75 6C12.75 6.41421 12.4142 6.75 12 6.75H6C5.58579 6.75 5.25 6.41421 5.25 6ZM5.25 9C5.25 8.58579 5.58579 8.25 6 8.25H8.25C8.66421 8.25 9 8.58579 9 9C9 9.41421 8.66421 9.75 8.25 9.75H6C5.58579 9.75 5.25 9.41421 5.25 9Z" fill="#4D505A"/>
 </svg>
 `;
 
-const zonosCheckoutCss = ".sc-zonos-checkout-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-checkout-h *.sc-zonos-checkout{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-checkout-h img.sc-zonos-checkout{max-width:100%}.sc-zonos-checkout-h dl.sc-zonos-checkout,.sc-zonos-checkout-h dd.sc-zonos-checkout,.sc-zonos-checkout-h h1.sc-zonos-checkout,.sc-zonos-checkout-h h2.sc-zonos-checkout,.sc-zonos-checkout-h h3.sc-zonos-checkout,.sc-zonos-checkout-h h4.sc-zonos-checkout,.sc-zonos-checkout-h h5.sc-zonos-checkout,.sc-zonos-checkout-h h6.sc-zonos-checkout,.sc-zonos-checkout-h hr.sc-zonos-checkout,.sc-zonos-checkout-h figure.sc-zonos-checkout,.sc-zonos-checkout-h p.sc-zonos-checkout,.sc-zonos-checkout-h pre.sc-zonos-checkout{margin:0}.sc-zonos-checkout-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-h{z-index:2147483647;position:fixed}.sc-zonos-checkout-h *.sc-zonos-checkout{-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar{width:10px}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex:1;flex:1;padding:32px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{background-color:var(--zonos--primary-color, var(--zonos-elements-gray-0));border-right:1px solid var(--zonos-elements-gray-200)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{background-color:var(--zonos-elements-gray-0)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:100%;max-height:100%;height:100%;overflow:auto;-ms-flex-direction:column;flex-direction:column;background-color:var(--zonos-elements-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;padding-bottom:50px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--logo.sc-zonos-checkout{margin-bottom:0}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout zonos-checkout-finish.sc-zonos-checkout{-ms-flex:1;flex:1}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{padding:0 8px 8px}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--payment-error-banner.sc-zonos-checkout{margin-top:24px}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout{position:relative}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout .zonos--right-actions.sc-zonos-checkout{position:absolute;right:24px;top:24px;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--wrapper.sc-zonos-checkout{overflow:auto;max-height:100%;position:relative}.sc-zonos-checkout-h .flex--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout>*.sc-zonos-checkout{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout img.sc-zonos-checkout{max-height:72px}.sc-zonos-checkout-h .zonos--checkout-default-message.sc-zonos-checkout{margin-left:76px;margin-bottom:8px}.zonos--close-button.sc-zonos-checkout{-ms-flex-item-align:start;align-self:flex-start}.preview.sc-zonos-checkout-h{min-width:500px;margin:auto;position:relative}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{border:var(--zonos-elements-border)}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{padding:32px}.hidden-mode.sc-zonos-checkout-h{height:0;opacity:0;pointer-events:none;position:absolute;visibility:hidden;width:0;z-index:-1}.mobile.sc-zonos-checkout-h{min-width:auto}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding-bottom:0}}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));background-color:var(--zonos-elements-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--review.sc-zonos-checkout{margin-bottom:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--cart-items.sc-zonos-checkout{margin-top:8px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout zonos-checkout-footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{max-height:100%}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:auto}.mobile.sc-zonos-checkout-h .zonos--cart-subtotal.sc-zonos-checkout{margin:0}.iframed.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{-ms-scroll-chaining:chained;overscroll-behavior:auto}.zonos--processing-payment.sc-zonos-checkout-h{z-index:2147483646}";
-const ZonosCheckoutStyle0 = zonosCheckoutCss;
+const zonosCheckoutCss = () => `.sc-zonos-checkout-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-checkout-h *.sc-zonos-checkout{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-checkout-h img.sc-zonos-checkout{max-width:100%}.sc-zonos-checkout-h dl.sc-zonos-checkout,.sc-zonos-checkout-h dd.sc-zonos-checkout,.sc-zonos-checkout-h h1.sc-zonos-checkout,.sc-zonos-checkout-h h2.sc-zonos-checkout,.sc-zonos-checkout-h h3.sc-zonos-checkout,.sc-zonos-checkout-h h4.sc-zonos-checkout,.sc-zonos-checkout-h h5.sc-zonos-checkout,.sc-zonos-checkout-h h6.sc-zonos-checkout,.sc-zonos-checkout-h hr.sc-zonos-checkout,.sc-zonos-checkout-h figure.sc-zonos-checkout,.sc-zonos-checkout-h p.sc-zonos-checkout,.sc-zonos-checkout-h pre.sc-zonos-checkout{margin:0}.sc-zonos-checkout-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-h{z-index:2147483647;position:fixed}.sc-zonos-checkout-h *.sc-zonos-checkout{-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar{width:10px}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex:1;flex:1;padding:32px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{background-color:var(--zonos--primary-color, var(--zonos-elements-gray-0));border-right:1px solid var(--zonos-elements-gray-200)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{background-color:var(--zonos-elements-gray-0)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:100%;max-height:100%;height:100%;overflow:auto;-ms-flex-direction:column;flex-direction:column;background-color:var(--zonos-elements-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;padding-bottom:50px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--logo.sc-zonos-checkout{margin-bottom:0}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout zonos-checkout-finish.sc-zonos-checkout{-ms-flex:1;flex:1}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{padding:0 8px 8px}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--payment-error-banner.sc-zonos-checkout{margin-top:24px}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout{position:relative}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout .zonos--right-actions.sc-zonos-checkout{position:absolute;right:24px;top:24px;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--wrapper.sc-zonos-checkout{overflow:auto;max-height:100%;position:relative}.sc-zonos-checkout-h .flex--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout>*.sc-zonos-checkout{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout img.sc-zonos-checkout{max-height:72px}.sc-zonos-checkout-h .zonos--checkout-default-message.sc-zonos-checkout{margin-left:76px;margin-bottom:8px}.zonos--close-button.sc-zonos-checkout{-ms-flex-item-align:start;align-self:flex-start}.preview.sc-zonos-checkout-h{min-width:500px;margin:auto;position:relative}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{border:var(--zonos-elements-border)}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{padding:32px}.hidden-mode.sc-zonos-checkout-h{height:0;opacity:0;pointer-events:none;position:absolute;visibility:hidden;width:0;z-index:-1}.mobile.sc-zonos-checkout-h{min-width:auto}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding-bottom:0}}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));background-color:var(--zonos-elements-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--review.sc-zonos-checkout{margin-bottom:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--cart-items.sc-zonos-checkout{margin-top:8px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout zonos-checkout-footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{max-height:100%}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:auto}.mobile.sc-zonos-checkout-h .zonos--cart-subtotal.sc-zonos-checkout{margin:0}.iframed.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{-ms-scroll-chaining:chained;overscroll-behavior:auto}.zonos--processing-payment.sc-zonos-checkout-h{z-index:2147483646}`;
 
 // 90 minutes
 const CHECKOUT_SESSION_TIMEOUT = 90 * 60 * 1000;
@@ -1540,6 +1540,48 @@ const ZonosCheckout = class {
             log('Payment intent is not succeeded, proceed to order');
             return { shouldAllowOrder: true };
         };
+        /**
+         * Recover an order-modification payment-only session that was already
+         * completed (or already paid but not yet completed) by the time this cart
+         * link is opened/reopened — e.g. the shopper paid, closed the tab before
+         * the async order-creation webhook finished, then reopened the same
+         * payment link. Without this, re-rendering the payment form would let them
+         * attempt to pay again against an already-resolved session. Mirrors
+         * zonos-collect's recoverCompletedCollectSession for its own no-shipping
+         * flow, minus the Airwallex branch (this checkout only supports Stripe).
+         *
+         * @returns `true` when it routed to the finish step, `false` when the
+         * caller should proceed with a normal init.
+         */
+        this.recoverCompletedOrderModificationSession = async (checkoutSessionId) => {
+            // getCheckoutSession() reads storageStore.checkoutSessionId internally.
+            storageStore.checkoutSessionId = checkoutSessionId;
+            const { errors, json } = await getCheckoutSession();
+            if (errors.length || !json) {
+                return false;
+            }
+            const { checkoutSession } = json;
+            // Session already finalized → straight to finish. An order-mod
+            // payment-only session always has `order` set *before* payment too (see
+            // isOrderModificationPaymentOnlySession) - checking `order` alone would
+            // treat every first-ever open as already paid, so both must be true.
+            if (checkoutSession.completedAt && checkoutSession.order) {
+                void this.setToFinishStep('succeeded');
+                return true;
+            }
+            // Not completed and no order yet — verify the live payment intent status.
+            if (checkoutSession.clientSecret) {
+                const { status } = await stripeStoreRetrievePayment({
+                    clientSecret: checkoutSession.clientSecret,
+                });
+                if (status === 'processing' || status === 'succeeded') {
+                    stripeStore.clientSecret = checkoutSession.clientSecret;
+                    void this.setToFinishStep(status);
+                    return true;
+                }
+            }
+            return false;
+        };
         this.initializeTestKeys = () => {
             // cleanup expired test keys
             storageStore.enabledVariantTestKeys = filterExpiredTests(storageStore.enabledVariantTestKeys || []);
@@ -1887,6 +1929,7 @@ const ZonosCheckout = class {
         (_b = (_a = zonosStore.checkoutSettings).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     async buildCartAndInit() {
+        var _a;
         // if createCartId is provided, use it to build cart. Merchant will provide create a cart from their server side and give the cart id to us.
         if (typeof zonosStore.checkoutSettings.createCartId === 'function') {
             log('"createCartId" is provided, start building cart');
@@ -1926,6 +1969,37 @@ const ZonosCheckout = class {
         // if tempCartUUID is provided, use it instead of buildCartDetail
         else if (window.Zonos.cartData) {
             log('tempCartUUID is provided, start building cart');
+            // A cart created against an already-existing checkout session (e.g. an
+            // order-modification payment request) must reuse that session instead
+            // of creating a fresh one — otherwise the reused cart's order/landedCost
+            // context (and, downstream, the payment-only step skip below) is lost.
+            // Mirrors the same reference lookup zonos-collect/zonos-invoice already
+            // do for their own cart types.
+            const cartCheckoutSessionId = (_a = window.Zonos.cartData.references) === null || _a === void 0 ? void 0 : _a.checkoutSessionId;
+            if (cartCheckoutSessionId) {
+                log('Setting checkout session id from cart reference', 'info', cartCheckoutSessionId);
+                // The shopper may be reopening this same payment link after already
+                // paying — e.g. they closed the tab before the async order-creation
+                // webhook finished. Check the session/payment-intent status before
+                // rendering the payment form again.
+                const recovered = await this.recoverCompletedOrderModificationSession(cartCheckoutSessionId);
+                if (recovered) {
+                    // Recovery routes straight to the finish step, bypassing the
+                    // cartStoreUpdateItems call below that would normally clear this -
+                    // without it, the finish screen would spin forever (dialogLoading
+                    // stays true while isFetchingSession is true).
+                    stripeStore.isFetchingSession = false;
+                    return true;
+                }
+                storageStore.checkoutSessionId = cartCheckoutSessionId;
+            }
+            else {
+                // Same as zonos-collect/zonos-invoice: without this, a checkout
+                // session id left over from a previous cart in this tab would leak
+                // into this unrelated one.
+                log('Clear checkout session id from storage so we start from a fresh session for this cart');
+                storageStore.checkoutSessionId = null;
+            }
             const { adjustments, cartItems } = buildCartItemsByTempCart(window.Zonos.cartData);
             await cartStoreUpdateItems({ adjustments, cartItems });
         }
@@ -1969,6 +2043,17 @@ const ZonosCheckout = class {
             successBehavior === 'REDIRECT_TO_SUCCESS_PAGE' ||
                 (successBehavior === 'CLOSE_MODAL' && !!successRedirectUrl) ||
                 !!cartStore.externalConfirmationPageURL;
+        // A session tied to an order that hasn't completed yet is an
+        // order-modification/adjustment collection: the shopper is only paying a
+        // delta against an already-approved landed cost, so the address/shipping
+        // steps (which would re-quote against the synthetic delta line item
+        // instead of the real shipment) are skipped in favor of jumping straight
+        // to payment, same as the Collect flow does for its own cart type. Lives
+        // here (rather than at each buildCartAndInit call site) so every caller
+        // gets it, including the forceDialogOpen/preview init path.
+        if (cartStoreIsOrderModificationPaymentOnlySession()) {
+            cartStore.step = 'payment';
+        }
         return true;
     }
     reloadCheckoutSession() {
@@ -2832,7 +2917,13 @@ const ZonosCheckout = class {
                 return;
             }
             try {
-                await stripeStoreConfirmPayment();
+                // Order-modification payment-only sessions skip the shipping step,
+                // so cartStore.selectedLandedCost is never populated — bypass the
+                // landed-cost guard the same way zonos-collect does for its own
+                // no-shipping-step flow.
+                await stripeStoreConfirmPayment({
+                    noLandedCostCheck: cartStoreIsOrderModificationPaymentOnlySession(),
+                });
                 cartStoreNextStep();
                 // clear the checkout session timeout timer when purchase is complete
                 cartStoreClearCheckoutInterval();
@@ -3099,6 +3190,13 @@ const ZonosCheckout = class {
             cartStore.step !== 'error' &&
             !stripeStore.stripeElements) ||
             stripeStore.isFetchingSession;
+        // An order-modification/adjustment session (order attached, not yet
+        // completed) skips straight to payment — see buildCartAndInit. The
+        // customer-info/shipping steps never ran, so the progress tabs (which
+        // track completion via cartStore.tabItems, only ever flipped by those
+        // steps' own continue handlers) would otherwise show a stale, frozen
+        // bar instead of reflecting that this is a single-step flow.
+        const isPaymentOnlySession = cartStoreIsOrderModificationPaymentOnlySession();
         const { colorPrimary, colorSecondary, logoUrl, style } = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride || null);
         const hasFooter = zonosStore.appearance.zonosAttribution === 'ENABLED';
         const rightSideTheme = zonosStore.appearance.theme;
@@ -3129,9 +3227,9 @@ const ZonosCheckout = class {
             const zonosDebug = urlParams.get('zonosDebug');
             const zonosE2ETest = urlParams.get('zonosE2ETest');
             const zonosStagingMode = this.overrideStagingMode || getIsStagingMode();
-            return (h("zonos-v-stack", null, h("div", { class: "zonos--logo-wrapper" }, renderLogo(), isTestMode && (h("zonos-badge", { badgeColor: "orange", size: "small" }, translate('Test mode'))), zonosStagingMode && (h("zonos-badge", { badgeColor: "red", size: "small" }, translate('Staging mode'))), zonosDebug === '1' && (h("zonos-badge", { badgeColor: "cyan", size: "small" }, "debug")), zonosQaUrl && (h("zonos-badge", { badgeColor: "purple", size: "small" }, zonosQaUrl)), zonosE2ETest && (h("zonos-badge", { badgeColor: "gray", size: "small" }, "E2E Test"))), h("zonos-checkout-progress-tabs", { backgroundColor: 
+            return (h("zonos-v-stack", null, h("div", { class: "zonos--logo-wrapper" }, renderLogo(), isTestMode && (h("zonos-badge", { badgeColor: "orange", size: "small" }, translate('Test mode'))), zonosStagingMode && (h("zonos-badge", { badgeColor: "red", size: "small" }, translate('Staging mode'))), zonosDebug === '1' && (h("zonos-badge", { badgeColor: "cyan", size: "small" }, "debug")), zonosQaUrl && (h("zonos-badge", { badgeColor: "purple", size: "small" }, zonosQaUrl)), zonosE2ETest && (h("zonos-badge", { badgeColor: "gray", size: "small" }, "E2E Test"))), !isPaymentOnlySession && (h("zonos-checkout-progress-tabs", { backgroundColor: 
                 // only use different contrast color when the secondary color is too off with the background in mobile
-                this.isMobile ? '--zonos-elements-gray-0' : null }), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))));
+                this.isMobile ? '--zonos-elements-gray-0' : null })), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))));
         };
         const renderContent = () => {
             if (cartStore.checkoutSessionTimeoutShow) {
@@ -3232,16 +3330,34 @@ const ZonosCheckout = class {
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {
-        "appearanceSettingsOverride": ["appearanceSettingsOverrideChanged", "handleAppearanceSettingsOverrideChange"],
-        "overrideStagingMode": ["overrideStagingModeChanged"],
-        "mobile": ["handleMobileChange"],
-        "defaultAddress": ["handleAddressChange"],
-        "customerProfile": ["handleCustomerProfileChange"],
-        "clientSecret": ["handleClientSecretChange"],
-        "stripeCustomerSessionClientSecret": ["handleClientSecretChange"],
-        "open": ["handleOpenChange"]
+        "appearanceSettingsOverride": [{
+                "appearanceSettingsOverrideChanged": 0
+            }, {
+                "handleAppearanceSettingsOverrideChange": 0
+            }],
+        "overrideStagingMode": [{
+                "overrideStagingModeChanged": 0
+            }],
+        "mobile": [{
+                "handleMobileChange": 0
+            }],
+        "defaultAddress": [{
+                "handleAddressChange": 0
+            }],
+        "customerProfile": [{
+                "handleCustomerProfileChange": 0
+            }],
+        "clientSecret": [{
+                "handleClientSecretChange": 0
+            }],
+        "stripeCustomerSessionClientSecret": [{
+                "handleClientSecretChange": 0
+            }],
+        "open": [{
+                "handleOpenChange": 0
+            }]
     }; }
 };
-ZonosCheckout.style = ZonosCheckoutStyle0;
+ZonosCheckout.style = zonosCheckoutCss();
 
 export { ZonosCheckout as zonos_checkout };

package/dist/esm/zonos-collapse.entry.js

@@ -1,9 +1,8 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-cfd394c8.js';
-import { f as zonosStoreFontFamily } from './zonosStore-eca1e364.js';
-import './VarianceTest-572cecf5.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-_lt63o7c.js';
+import { a as zonosStoreFontFamily } from './zonosStore-DrIOAz4M.js';
+import './VarianceTest-BJmZPrZl.js';
 
-const zonosCollapseCss = ":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{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden}:host div{position:relative}:host iframe{width:0;height:100%;position:absolute;top:0;border:0}";
-const ZonosCollapseStyle0 = zonosCollapseCss;
+const zonosCollapseCss = () => `: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{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden}:host div{position:relative}:host iframe{width:0;height:100%;position:absolute;top:0;border:0}`;
 
 const ZonosCollapse = class {
     constructor(hostRef) {
@@ -60,6 +59,6 @@ const ZonosCollapse = class {
     }
     get el() { return getElement(this); }
 };
-ZonosCollapse.style = ZonosCollapseStyle0;
+ZonosCollapse.style = zonosCollapseCss();
 
 export { ZonosCollapse as zonos_collapse };

package/dist/esm/zonos-collect-cart-items_3.entry.js

@@ -1,18 +1,17 @@
-import { r as registerInstance, e as getAssetPath, h, a as Host } from './index-cfd394c8.js';
-import { d as cartStore } from './cart-2e407f7b.js';
-import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-87d195f6.js';
-import { f as zonosStoreFontFamily } from './zonosStore-eca1e364.js';
-import { c as classes } from './classes-0d95c529.js';
-import { s as styles } from './styles-6fc2fad9.js';
-import './localization-36a4dc22.js';
-import './handleFetch-a844cac1.js';
-import './VarianceTest-572cecf5.js';
-import './isDarkColor-939d8e9c.js';
-import './getBorderRadius-1f7be586.js';
-import './TaxId-63a14057.js';
+import { r as registerInstance, e as getAssetPath, h, a as Host } from './index-_lt63o7c.js';
+import { d as cartStore } from './cart-ekBk_gxV.js';
+import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-ByGDytaN.js';
+import { a as zonosStoreFontFamily } from './zonosStore-DrIOAz4M.js';
+import { c as classes } from './classes-BJHSB96f.js';
+import { s as styles } from './styles-BTIeCf3T.js';
+import './localization-AOqYXGdP.js';
+import './handleFetch-D5GYDF-O.js';
+import './VarianceTest-BJmZPrZl.js';
+import './isDarkColor-YdrG78th.js';
+import './getBorderRadius-HwG64EKM.js';
+import './TaxId-Cye-evFK.js';
 
-const zonosCollectCartItemsCss = ":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;padding-left:0;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:first-child{width:48px}:host .zonos--cart-table td{vertical-align:middle}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px;-webkit-box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);border-radius:10px}";
-const ZonosCollectCartItemsStyle0 = zonosCollectCartItemsCss;
+const zonosCollectCartItemsCss = () => `: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;padding-left:0;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:first-child{width:48px}:host .zonos--cart-table td{vertical-align:middle}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px;-webkit-box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);border-radius:10px}`;
 
 const ZonosCollectCartItems = class {
     constructor(hostRef) {
@@ -34,10 +33,9 @@ const ZonosCollectCartItems = class {
     }
     static get assetsDirs() { return ["assets"]; }
 };
-ZonosCollectCartItems.style = ZonosCollectCartItemsStyle0;
+ZonosCollectCartItems.style = zonosCollectCartItemsCss();
 
-const zonosHStackCss = ":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{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:var(--spacing, 24px)}";
-const ZonosHStackStyle0 = zonosHStackCss;
+const zonosHStackCss = () => `: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{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:var(--spacing, 24px)}`;
 
 const HStack = class {
     constructor(hostRef) {
@@ -55,10 +53,9 @@ const HStack = class {
             } }, h("slot", { key: '64b114c99ecd5d6b953e5ce77f7d2a820f32cd36' })));
     }
 };
-HStack.style = ZonosHStackStyle0;
+HStack.style = zonosHStackCss();
 
-const zonosSkeletonCss = ":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{display:inline-block;background:var(--zonos-elements-gray-200);border-radius:var(--zonos-elements-radius-12);width:var(--zonos--skeleton-width);height:var(--zonos--skeleton-height);min-height:var(--zonos--skeleton-height);max-width:100%}";
-const ZonosSkeletonStyle0 = zonosSkeletonCss;
+const zonosSkeletonCss = () => `: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{display:inline-block;background:var(--zonos-elements-gray-200);border-radius:var(--zonos-elements-radius-12);width:var(--zonos--skeleton-width);height:var(--zonos--skeleton-height);min-height:var(--zonos--skeleton-height);max-width:100%}`;
 
 const ZonosSkeleton = class {
     constructor(hostRef) {
@@ -81,6 +78,6 @@ const ZonosSkeleton = class {
             }) }));
     }
 };
-ZonosSkeleton.style = ZonosSkeletonStyle0;
+ZonosSkeleton.style = zonosSkeletonCss();
 
 export { ZonosCollectCartItems as zonos_collect_cart_items, HStack as zonos_h_stack, ZonosSkeleton as zonos_skeleton };