@zonos/elements 1.4.2 → 1.5.1

package/dist/esm/{paypal-DNfvnuUU.js → paypal-BfW5aLJw.js}

@@ -1,10 +1,10 @@
-import { z as zonosStore, c as createStore } from './zonosStore-msUlqmSD.js';
-import { x as cartStoreNextStep, j as cartStoreClearCheckoutInterval, t as trackConversionEvent, y as isPolicyConsentRequired, G as policyConsentStore, C as validateCheckoutSession, b as stripeStore, d as cartStore, n as stripeStoreHandleInventoryCheck, A as storeCreditStoreApplyCredit, T as stripeStoreRecordPolicyConsent, B as storeCreditStoreCoversFullAmount, D as storeCreditStoreCreateOrder, K as storeCreditStoreGetEffectiveAmount } from './cart-BoQp8Ema.js';
-import { s as storageStore, t as translate } from './localization-BIh-4pc_.js';
+import { z as zonosStore, c as createStore } from './zonosStore-BXP9FvIt.js';
+import { x as cartStoreNextStep, j as cartStoreClearCheckoutInterval, t as trackConversionEvent, y as isPolicyConsentRequired, G as policyConsentStore, C as validateCheckoutSession, b as stripeStore, d as cartStore, n as stripeStoreHandleInventoryCheck, A as storeCreditStoreApplyCredit, T as stripeStoreRecordPolicyConsent, B as storeCreditStoreCoversFullAmount, D as storeCreditStoreCreateOrder, K as storeCreditStoreGetEffectiveAmount } from './cart-DmJkjiDE.js';
+import { s as storageStore, t as translate } from './localization-DHM91diu.js';
 import { h as handleFetch, g as getIsTestMode, l as logError, j as jsonParse } from './handleFetch-D5GYDF-O.js';
 import { i as isContrastColor } from './isContrastColor-CWLU13s9.js';
 import { l as log } from './VarianceTest-BJmZPrZl.js';
-import { i as isAnalyticsRelayInIframe, a as enqueueRelayEvent, s as submitGtag } from './submitGtag-df9AQ2zL.js';
+import { i as isAnalyticsRelayInIframe, a as enqueueRelayEvent, s as submitGtag } from './submitGtag-BEFrutel.js';
 
 /*!
  * paypal-js v8.4.2 (2025-09-04T17:21:30.135Z)

package/dist/esm/{placeTestOrder-CQaMKFOg.js → placeTestOrder-CyWUFhxD.js}

@@ -1,5 +1,5 @@
-import { d as cartStore } from './cart-BoQp8Ema.js';
-import { s as storageStore } from './localization-BIh-4pc_.js';
+import { d as cartStore } from './cart-DmJkjiDE.js';
+import { s as storageStore } from './localization-DHM91diu.js';
 import { l as logError, h as handleFetch } from './handleFetch-D5GYDF-O.js';
 
 const placeTestOrder = async () => {

package/dist/esm/{renderCheckoutCurrency-C2Tw73uR.js → renderCheckoutCurrency-B31ZNkUv.js}

@@ -1,5 +1,5 @@
-import { d as cartStore } from './cart-BoQp8Ema.js';
-import { B as applyInclusiveEffectiveRate, j as currencyFormat } from './localization-BIh-4pc_.js';
+import { d as cartStore } from './cart-DmJkjiDE.js';
+import { B as applyInclusiveEffectiveRate, j as currencyFormat } from './localization-DHM91diu.js';
 
 const getDisplayCurrency = () => {
     var _a, _b;

package/dist/esm/shouldRenderShortAddressCodeInput-Bc8k2vN0.js

@@ -0,0 +1,19 @@
+import { c as countryRequireShortAddressCode } from './ShortAddressCode-nJ6oI8-n.js';
+
+const isInShortAddressCodeCountry = (countryCode) => {
+    return countryRequireShortAddressCode.includes(countryCode);
+};
+/**
+ * Checks if the short address code input should be rendered based on the country code.
+ */
+const shouldRenderShortAddressCodeInput = ({ countryCode, }) => {
+    // If country require short address code, show the input
+    const isCountryRequireShortAddressCode = isInShortAddressCodeCountry(countryCode);
+    if (isCountryRequireShortAddressCode) {
+        return true;
+    }
+    // If country doesn't require short address code, no need to show the input
+    return false;
+};
+
+export { shouldRenderShortAddressCodeInput as s };

package/dist/esm/{shouldShowLanguageSelect-CCD7gpSY.js → shouldShowLanguageSelect-DwSfSHar.js}

@@ -1,4 +1,4 @@
-import { A as getSupportedLanguages } from './localization-BIh-4pc_.js';
+import { A as getSupportedLanguages } from './localization-DHM91diu.js';
 
 /**
  * Whether to offer the language selector. Hidden when the merchant has narrowed

package/dist/esm/{submitGtag-df9AQ2zL.js → submitGtag-BEFrutel.js}

@@ -1,4 +1,4 @@
-import { z as zonosStore } from './zonosStore-msUlqmSD.js';
+import { z as zonosStore } from './zonosStore-BXP9FvIt.js';
 import { g as getIsTestMode } from './handleFetch-D5GYDF-O.js';
 import { l as log } from './VarianceTest-BJmZPrZl.js';
 

package/dist/esm/taxIdFields-ByEYfsO5.js

@@ -0,0 +1,139 @@
+import { r as requireIsObject, f as getDefaultExportFromCjs } from './zonosStore-BXP9FvIt.js';
+import { r as requireDebounce } from './debounce-DHj2iHA1.js';
+import { h } from './index-_lt63o7c.js';
+import { V as resolveTaxIdSelection, b as stripeStore } from './cart-DmJkjiDE.js';
+import { t as translate } from './localization-DHM91diu.js';
+import { t as taxIdLabelForCheckout, d as isCheckoutTaxIdTypeValue } from './taxIdRules-xYlx7ZXW.js';
+
+var throttle_1;
+var hasRequiredThrottle;
+
+function requireThrottle () {
+	if (hasRequiredThrottle) return throttle_1;
+	hasRequiredThrottle = 1;
+	var debounce = requireDebounce(),
+	    isObject = requireIsObject();
+
+	/** Error message constants. */
+	var FUNC_ERROR_TEXT = 'Expected a function';
+
+	/**
+	 * Creates a throttled function that only invokes `func` at most once per
+	 * every `wait` milliseconds. The throttled function comes with a `cancel`
+	 * method to cancel delayed `func` invocations and a `flush` method to
+	 * immediately invoke them. Provide `options` to indicate whether `func`
+	 * should be invoked on the leading and/or trailing edge of the `wait`
+	 * timeout. The `func` is invoked with the last arguments provided to the
+	 * throttled function. Subsequent calls to the throttled function return the
+	 * result of the last `func` invocation.
+	 *
+	 * **Note:** If `leading` and `trailing` options are `true`, `func` is
+	 * invoked on the trailing edge of the timeout only if the throttled function
+	 * is invoked more than once during the `wait` timeout.
+	 *
+	 * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+	 * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+	 *
+	 * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+	 * for details over the differences between `_.throttle` and `_.debounce`.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 0.1.0
+	 * @category Function
+	 * @param {Function} func The function to throttle.
+	 * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
+	 * @param {Object} [options={}] The options object.
+	 * @param {boolean} [options.leading=true]
+	 *  Specify invoking on the leading edge of the timeout.
+	 * @param {boolean} [options.trailing=true]
+	 *  Specify invoking on the trailing edge of the timeout.
+	 * @returns {Function} Returns the new throttled function.
+	 * @example
+	 *
+	 * // Avoid excessively updating the position while scrolling.
+	 * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
+	 *
+	 * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
+	 * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
+	 * jQuery(element).on('click', throttled);
+	 *
+	 * // Cancel the trailing throttled invocation.
+	 * jQuery(window).on('popstate', throttled.cancel);
+	 */
+	function throttle(func, wait, options) {
+	  var leading = true,
+	      trailing = true;
+
+	  if (typeof func != 'function') {
+	    throw new TypeError(FUNC_ERROR_TEXT);
+	  }
+	  if (isObject(options)) {
+	    leading = 'leading' in options ? !!options.leading : leading;
+	    trailing = 'trailing' in options ? !!options.trailing : trailing;
+	  }
+	  return debounce(func, wait, {
+	    'leading': leading,
+	    'maxWait': wait,
+	    'trailing': trailing
+	  });
+	}
+
+	throttle_1 = throttle;
+	return throttle_1;
+}
+
+var throttleExports = requireThrottle();
+var throttle = /*@__PURE__*/getDefaultExportFromCjs(throttleExports);
+
+const getTaxIdFieldState = ({ companyName, countryCode, errorField, errorMessage, shouldRequirePeruTaxId, taxIdType, }) => {
+    var _a, _b;
+    const { rendered, selectedType, send, typeOptions } = resolveTaxIdSelection({
+        companyName,
+        countryCode,
+        shouldRequirePeruTaxId,
+        taxIdType,
+    });
+    if (!rendered) {
+        return null;
+    }
+    const singleTypeLabel = typeOptions
+        ? null
+        : taxIdLabelForCheckout(countryCode);
+    return {
+        inputLabel: (_a = selectedType === null || selectedType === void 0 ? void 0 : selectedType.label) !== null && _a !== void 0 ? _a : singleTypeLabel === null || singleTypeLabel === void 0 ? void 0 : singleTypeLabel.friendlyName,
+        inputPlaceholder: (_b = selectedType === null || selectedType === void 0 ? void 0 : selectedType.placeholder) !== null && _b !== void 0 ? _b : singleTypeLabel === null || singleTypeLabel === void 0 ? void 0 : singleTypeLabel.placeholder,
+        selectedValue: (selectedType === null || selectedType === void 0 ? void 0 : selectedType.value) || '',
+        showValueInput: send,
+        typeError: errorField === 'type' ? errorMessage : '',
+        typeOptions,
+        valueError: errorField === 'value' ? errorMessage : '',
+    };
+};
+
+const renderTaxIdFields = ({ companyName, countryCode, errorField, errorMessage, onTaxIdChange, shouldRequirePeruTaxId, taxId, taxIdType, }) => {
+    const state = getTaxIdFieldState({
+        companyName,
+        countryCode,
+        errorField,
+        errorMessage,
+        shouldRequirePeruTaxId,
+        taxIdType,
+    });
+    if (!state) {
+        return null;
+    }
+    return (h("div", { class: "zonos--tax-id-input" }, state.typeOptions && (h("zonos-stripe-select", { error: state.typeError, isError: !!state.typeError, onSelectChange: (event) => {
+            if (isCheckoutTaxIdTypeValue(event.detail)) {
+                stripeStore.taxIdType = event.detail;
+            }
+        }, options: state.typeOptions.map(option => ({
+            label: translate(option.label),
+            value: option.value,
+        })), selectLabel: translate('Tax id type'), selectedValue: state.selectedValue, value: state.selectedValue })), state.showValueInput && (h("zonos-stripe-input", { error: state.valueError, inputLabel: state.inputLabel ? translate(state.inputLabel) : '', inputPlaceholder: state.inputPlaceholder || '', inputValue: taxId, isError: !!state.valueError, onInputChange: (event) => {
+            stripeStore.taxId = event.detail;
+            onTaxIdChange === null || onTaxIdChange === void 0 ? void 0 : onTaxIdChange(event.detail);
+        } }))));
+};
+
+export { renderTaxIdFields as r, throttle as t };

package/dist/esm/taxIdRules-xYlx7ZXW.js

@@ -0,0 +1,47 @@
+import { t as taxIdTypeOptions, p as peruTaxIdDigitLength, a as checkoutTaxIdTypeValues, i as isCountryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-DMIgN_sT.js';
+
+const stripTaxIdSeparators = (taxId) => taxId.replace(/[\s-]/g, '');
+const rfcRegex = /^[A-ZÑ]{3,4}[0-9]{6}[A-Z0-9]{3}$/;
+const curpRegex = /^[A-Z]{4}[0-9]{6}[HMX][A-Z]{5}[A-Z0-9][0-9]$/;
+const isMexicoTaxIdType = (taxIdType) => taxIdTypeOptions.MX.some(option => option.value === taxIdType);
+const isPeruTaxIdType = (taxIdType) => taxIdTypeOptions.PE.some(option => option.value === taxIdType);
+const isCheckoutTaxIdTypeValue = (taxIdType) => checkoutTaxIdTypeValues.some(value => value === taxIdType);
+/** 8 digits are a DNI, 9 a carné, 11 an RUC. Anything else is not a Peru tax id. */
+const peruTaxIdTypeFromValue = (taxId) => {
+    const digits = stripTaxIdSeparators(taxId);
+    if (!/^\d+$/.test(digits)) {
+        return null;
+    }
+    if (digits.length === peruTaxIdDigitLength.DNI) {
+        return 'DNI';
+    }
+    if (digits.length === peruTaxIdDigitLength.CE) {
+        return 'CE';
+    }
+    if (digits.length === peruTaxIdDigitLength.RUC) {
+        return 'RUC';
+    }
+    return null;
+};
+const isPeruTaxIdActive = ({ countryCode, shouldRequirePeruTaxId, }) => shouldRequirePeruTaxId && countryCode === 'PE';
+/**
+ * Peru stays off `countryRequireTaxId`. The API flag decides which stores see it.
+ * Mexico and Peru pick the kind from a dropdown instead of a regex.
+ */
+const taxIdTypeOptionsForCheckout = ({ countryCode, shouldRequirePeruTaxId, }) => {
+    if (isPeruTaxIdActive({ countryCode, shouldRequirePeruTaxId })) {
+        return taxIdTypeOptions.PE;
+    }
+    if (countryCode === 'MX') {
+        return taxIdTypeOptions.MX;
+    }
+    return null;
+};
+const taxIdLabelForCheckout = (countryCode) => {
+    if (isCountryRequireTaxId(countryCode)) {
+        return shipToTaxIdLabels[countryCode];
+    }
+    return null;
+};
+
+export { isPeruTaxIdType as a, isPeruTaxIdActive as b, curpRegex as c, isCheckoutTaxIdTypeValue as d, taxIdTypeOptionsForCheckout as e, isMexicoTaxIdType as i, peruTaxIdTypeFromValue as p, rfcRegex as r, stripTaxIdSeparators as s, taxIdLabelForCheckout as t };

package/dist/esm/{updateCheckoutSessionAttributes-4Jq6V4pO.js → updateCheckoutSessionAttributes-B0bQH0uw.js}

@@ -1,4 +1,4 @@
-import { d as debounce } from './debounce-CrmpwbEE.js';
+import { d as debounce } from './debounce-DWqMT4lo.js';
 import { h as handleFetch, l as logError } from './handleFetch-D5GYDF-O.js';
 
 const attributesToUpdate = {};

package/dist/esm/zonos-address-completion-dialog_7.entry.js

@@ -1,20 +1,21 @@
 import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-_lt63o7c.js';
-import { t as translate, s as storageStore, z as storageStoreOnChange, l as localizationStore } from './localization-BIh-4pc_.js';
-import { z as zonosStore, a as zonosStoreFontFamily } from './zonosStore-msUlqmSD.js';
-import { M as MIN_POSTAL_CODE_LENGTH } from './getMissingRequiredShippingFields-Ks6_tpjn.js';
+import { t as translate, s as storageStore, z as storageStoreOnChange, l as localizationStore } from './localization-DHM91diu.js';
+import { z as zonosStore, e as getShouldRequirePeruTaxId, a as zonosStoreFontFamily } from './zonosStore-BXP9FvIt.js';
+import { M as MIN_POSTAL_CODE_LENGTH } from './getMissingRequiredShippingFields-DljgpDZe.js';
 import { c as classes } from './classes-BJHSB96f.js';
-import { U as extractName, b as stripeStore, w as stripeStorePrefetchLandedCost, t as trackConversionEvent } from './cart-BoQp8Ema.js';
+import { U as extractName, b as stripeStore, w as stripeStorePrefetchLandedCost, t as trackConversionEvent } from './cart-DmJkjiDE.js';
 import { R as RemoveIcon$1 } from './RemoveIcon-C2QMVeWW.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-C04AWRC2.js';
-import { g as getBorderRadius } from './getBorderRadius-DYfkeXdx.js';
-import { t as throttle } from './throttle-Cvlvb-dm.js';
+import { g as getBorderRadius } from './getBorderRadius-BiGd45jw.js';
+import { t as throttle, r as renderTaxIdFields } from './taxIdFields-ByEYfsO5.js';
 import { i as isCheckoutMobile } from './handleFetch-D5GYDF-O.js';
-import { a as shouldRenderTaxIdInput, s as shouldRenderShortAddressCodeInput } from './shouldRenderTaxIdInput-CKyZ6Zni.js';
+import { s as shouldRenderShortAddressCodeInput } from './shouldRenderShortAddressCodeInput-Bc8k2vN0.js';
 import { l as log } from './VarianceTest-BJmZPrZl.js';
-import { c as countryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-Cye-evFK.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-DJIdCwJ5.js';
 import { i as isDarkColor } from './isDarkColor-YdrG78th.js';
-import './debounce-BR3PaG8X.js';
+import './taxIdRules-xYlx7ZXW.js';
+import './TaxId-DMIgN_sT.js';
+import './debounce-DHj2iHA1.js';
 import './ShortAddressCode-nJ6oI8-n.js';
 
 const zonosAddressCompletionDialogCss = () => `: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--body{padding:0 24px;position:relative}:host .zonos--dialog-header{margin-bottom:24px;position:-webkit-sticky;position:sticky;padding-top:24px;top:0;z-index:11;background:var(--zonos-elements-gray-0)}:host .zonos--dialog-title{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:12px}:host .zonos--group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:5px;gap:20px;-ms-scroll-chaining:chained;overscroll-behavior:auto}:host .zonos--selected-address{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}:host .zonos--completion-fields{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}:host .zonos--completion-name-row{display:-ms-flexbox;display:flex;gap:8px}:host .zonos--completion-name-row zonos-input{-ms-flex:1;flex:1}:host .zonos--group-btn{position:-webkit-sticky;position:sticky;padding:24px 0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:end;background:var(--zonos-elements-gray-0);z-index:11}:host .zonos--group-btn .zonos--button-wrapper{display:-ms-flexbox;display:flex;gap:8px}:host(.mobile) .zonos--completion-name-row{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--button-wrapper{-ms-flex-direction:column;flex-direction:column;width:100%}:host(.mobile) .zonos--button-wrapper zonos-button{width:100%}:host(.mobile) .zonos--button-wrapper .zonos--cancel-btn{-ms-flex-order:2;order:2}:host(.mobile) .zonos--button-wrapper .zonos--submit-btn{-ms-flex-order:1;order:1}`;
@@ -532,7 +533,7 @@ const mergeAddress = ({ addresses, delimiter = ' ', }) => {
     return Array.from(addressSet).join(delimiter);
 };
 
-const zonosCustomAddressCss = () => `.sc-zonos-custom-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-custom-address-h *.sc-zonos-custom-address{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-custom-address-h img.sc-zonos-custom-address{max-width:100%}.sc-zonos-custom-address-h dl.sc-zonos-custom-address,.sc-zonos-custom-address-h dd.sc-zonos-custom-address,.sc-zonos-custom-address-h h1.sc-zonos-custom-address,.sc-zonos-custom-address-h h2.sc-zonos-custom-address,.sc-zonos-custom-address-h h3.sc-zonos-custom-address,.sc-zonos-custom-address-h h4.sc-zonos-custom-address,.sc-zonos-custom-address-h h5.sc-zonos-custom-address,.sc-zonos-custom-address-h h6.sc-zonos-custom-address,.sc-zonos-custom-address-h hr.sc-zonos-custom-address,.sc-zonos-custom-address-h figure.sc-zonos-custom-address,.sc-zonos-custom-address-h p.sc-zonos-custom-address,.sc-zonos-custom-address-h pre.sc-zonos-custom-address{margin:0}.sc-zonos-custom-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-custom-address-h .zonos--title.sc-zonos-custom-address{margin-bottom:16px}.sc-zonos-custom-address-h .zonos--company-name-input.sc-zonos-custom-address,.sc-zonos-custom-address-h .zonos--tax-id-input.sc-zonos-custom-address{margin-bottom:8px}.sc-zonos-custom-address-h zonos-banner.sc-zonos-custom-address{margin-top:8px}.sc-zonos-custom-address-h .zonos--custom-address-form.sc-zonos-custom-address,.sc-zonos-custom-address-h .zonos--custom-address-form-additional-fields.sc-zonos-custom-address{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}.sc-zonos-custom-address-h .zonos--custom-address-form-state-zip-wrapper.sc-zonos-custom-address{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.sc-zonos-custom-address-h .zonos--custom-address-form-state-zip-wrapper.sc-zonos-custom-address>*.sc-zonos-custom-address{-ms-flex:1 1 200px;flex:1 1 200px}.sc-zonos-custom-address-h .zonos--custom-address-form-additional-fields.sc-zonos-custom-address{opacity:0;height:0;overflow:hidden;-webkit-transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out}.sc-zonos-custom-address-h .zonos--custom-address-form-additional-fields.zonos--show.sc-zonos-custom-address{opacity:1;height:auto}`;
+const zonosCustomAddressCss = () => `.sc-zonos-custom-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-custom-address-h *.sc-zonos-custom-address{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-custom-address-h img.sc-zonos-custom-address{max-width:100%}.sc-zonos-custom-address-h dl.sc-zonos-custom-address,.sc-zonos-custom-address-h dd.sc-zonos-custom-address,.sc-zonos-custom-address-h h1.sc-zonos-custom-address,.sc-zonos-custom-address-h h2.sc-zonos-custom-address,.sc-zonos-custom-address-h h3.sc-zonos-custom-address,.sc-zonos-custom-address-h h4.sc-zonos-custom-address,.sc-zonos-custom-address-h h5.sc-zonos-custom-address,.sc-zonos-custom-address-h h6.sc-zonos-custom-address,.sc-zonos-custom-address-h hr.sc-zonos-custom-address,.sc-zonos-custom-address-h figure.sc-zonos-custom-address,.sc-zonos-custom-address-h p.sc-zonos-custom-address,.sc-zonos-custom-address-h pre.sc-zonos-custom-address{margin:0}.sc-zonos-custom-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-custom-address-h .zonos--title.sc-zonos-custom-address{margin-bottom:16px}.sc-zonos-custom-address-h .zonos--company-name-input.sc-zonos-custom-address,.sc-zonos-custom-address-h .zonos--tax-id-input.sc-zonos-custom-address{margin-bottom:8px}.sc-zonos-custom-address-h .zonos--tax-id-input.sc-zonos-custom-address{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}.sc-zonos-custom-address-h zonos-banner.sc-zonos-custom-address{margin-top:8px}.sc-zonos-custom-address-h .zonos--custom-address-form.sc-zonos-custom-address,.sc-zonos-custom-address-h .zonos--custom-address-form-additional-fields.sc-zonos-custom-address{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}.sc-zonos-custom-address-h .zonos--custom-address-form-state-zip-wrapper.sc-zonos-custom-address{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.sc-zonos-custom-address-h .zonos--custom-address-form-state-zip-wrapper.sc-zonos-custom-address>*.sc-zonos-custom-address{-ms-flex:1 1 200px;flex:1 1 200px}.sc-zonos-custom-address-h .zonos--custom-address-form-additional-fields.sc-zonos-custom-address{opacity:0;height:0;overflow:hidden;-webkit-transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out}.sc-zonos-custom-address-h .zonos--custom-address-form-additional-fields.zonos--show.sc-zonos-custom-address{opacity:1;height:auto}`;
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -556,6 +557,10 @@ const ZonosAddress = class {
          * Default address for stripe
          */
         this.defaultAddress = [];
+        /**
+         * Which tax id control the error belongs on. Empty when there is no error.
+         */
+        this.taxIdErrorField = '';
         /**
          * Error message for tax id input
          */
@@ -882,9 +887,6 @@ const ZonosAddress = class {
         const hasErrors = line1 || postalCode || state || city || firstName || lastName || phone;
         return !hasErrors;
     }
-    isInTaxIdCountry(countryCode) {
-        return countryRequireTaxId.includes(countryCode);
-    }
     /**
      * Render tax id input based on ship to country code
      */
@@ -899,22 +901,15 @@ const ZonosAddress = class {
         if (!countryCode) {
             return null;
         }
-        // This just to type guard the countryCode, if it's able to get to this point it should already be in country that has tax id input
-        if (!this.isInTaxIdCountry(countryCode)) {
-            return null;
-        }
-        const taxIdInputRendered = shouldRenderTaxIdInput({
+        return renderTaxIdFields({
             companyName: stripeStore.companyName,
             countryCode,
+            errorField: this.taxIdErrorField,
+            errorMessage: this.taxIdErrorMessage,
+            shouldRequirePeruTaxId: getShouldRequirePeruTaxId(),
+            taxId: stripeStore.taxId || '',
+            taxIdType: stripeStore.taxIdType,
         });
-        // Don't render tax id input if the country doesn't require tax id
-        if (!taxIdInputRendered) {
-            return null;
-        }
-        const taxIdInputInfo = shipToTaxIdLabels[countryCode];
-        return (h("div", { class: "zonos--tax-id-input" }, h("zonos-stripe-input", { error: this.taxIdErrorMessage, inputLabel: translate(taxIdInputInfo.friendlyName), inputPlaceholder: taxIdInputInfo.placeholder, inputValue: stripeStore.taxId || '', isError: !!this.taxIdErrorMessage, onInputChange: (event) => {
-                stripeStore.taxId = event.detail;
-            } })));
     }
     /**
      * Render short address code input based on ship to country code
@@ -1451,10 +1446,10 @@ const ZonosAddress = class {
             this.country = localizationStore.selectedCountryCode;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '9d178094ee341623633d1e3822bd79f254a27e51', class: classes([
+        return (h(Host, { key: 'd3bb2635d41dd74ba52ff37034f348fc0a763366', class: classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, h("zonos-text", { key: 'c36b4ce9b63cce95664894fd8929ffe15807a22a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: '661eab7074f99b6dca52d5f7f546cfbd29322fbf', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
+            ]) }, h("zonos-text", { key: '7d3f67988eac13616f3470f46f05060e194c2df7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: '1bd63bd015542ec3302f087bcbf3d9549f342c25', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/zonos-address-display_2.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, a as Host, d as createEvent } from './index-_lt63o7c.js';
-import { t as translate, l as localizationStore } from './localization-BIh-4pc_.js';
+import { t as translate, l as localizationStore } from './localization-DHM91diu.js';
 import { i as isTextContainsNonLatinChars } from './containsNonLatinChars-C04AWRC2.js';
-import { a as zonosStoreFontFamily } from './zonosStore-msUlqmSD.js';
+import { a as zonosStoreFontFamily } from './zonosStore-BXP9FvIt.js';
 import { c as classes } from './classes-BJHSB96f.js';
-import { g as getBorderRadius } from './getBorderRadius-DYfkeXdx.js';
+import { g as getBorderRadius } from './getBorderRadius-BiGd45jw.js';
 import './handleFetch-D5GYDF-O.js';
 import './VarianceTest-BJmZPrZl.js';
 

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

@@ -1,15 +1,16 @@
 import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-_lt63o7c.js';
-import { t as throttle } from './throttle-Cvlvb-dm.js';
-import { U as extractName, w as stripeStorePrefetchLandedCost, b as stripeStore, t as trackConversionEvent, J as stripeStoreOnChange, d as cartStore } from './cart-BoQp8Ema.js';
-import { s as storageStore, l as localizationStore, C as getFallbackDefaultCountryCode, t as translate, z as storageStoreOnChange } from './localization-BIh-4pc_.js';
-import { z as zonosStore, g as getZonosStoreTheme, a as zonosStoreFontFamily } from './zonosStore-msUlqmSD.js';
+import { t as throttle, r as renderTaxIdFields } from './taxIdFields-ByEYfsO5.js';
+import { U as extractName, w as stripeStorePrefetchLandedCost, b as stripeStore, t as trackConversionEvent, J as stripeStoreOnChange, d as cartStore } from './cart-DmJkjiDE.js';
+import { s as storageStore, l as localizationStore, C as getFallbackDefaultCountryCode, t as translate, z as storageStoreOnChange } from './localization-DHM91diu.js';
+import { e as getShouldRequirePeruTaxId, z as zonosStore, g as getZonosStoreTheme, a as zonosStoreFontFamily } from './zonosStore-BXP9FvIt.js';
 import { l as logError, i as isCheckoutMobile, s as sendErrorLog } from './handleFetch-D5GYDF-O.js';
-import { a as shouldRenderTaxIdInput, s as shouldRenderShortAddressCodeInput } from './shouldRenderTaxIdInput-CKyZ6Zni.js';
+import { s as shouldRenderShortAddressCodeInput } from './shouldRenderShortAddressCodeInput-Bc8k2vN0.js';
 import { c as classes } from './classes-BJHSB96f.js';
 import { l as log } from './VarianceTest-BJmZPrZl.js';
-import { c as countryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-Cye-evFK.js';
-import { g as getBorderRadius } from './getBorderRadius-DYfkeXdx.js';
-import './debounce-BR3PaG8X.js';
+import { g as getBorderRadius } from './getBorderRadius-BiGd45jw.js';
+import './debounce-DHj2iHA1.js';
+import './taxIdRules-xYlx7ZXW.js';
+import './TaxId-DMIgN_sT.js';
 import './isDarkColor-YdrG78th.js';
 import './ShortAddressCode-nJ6oI8-n.js';
 
@@ -70,7 +71,7 @@ const buildAddressContacts = ({ currentEvent, defaultAddress, }) => {
     return [currentContact, ...defaultAddress];
 };
 
-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}`;
+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--tax-id-input.sc-zonos-address{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}`;
 
 const ZonosAddress = class {
     constructor(hostRef) {
@@ -86,6 +87,10 @@ const ZonosAddress = class {
          * Default address for stripe
          */
         this.defaultAddress = [];
+        /**
+         * Which tax id control the error belongs on. Empty when there is no error.
+         */
+        this.taxIdErrorField = '';
         /**
          * Error message for tax id input
          */
@@ -294,9 +299,6 @@ const ZonosAddress = class {
         }
         void this.watchInitStripe();
     }
-    isInTaxIdCountry(countryCode) {
-        return countryRequireTaxId.includes(countryCode);
-    }
     /**
      * Render tax id input based on ship to country code
      */
@@ -311,23 +313,18 @@ const ZonosAddress = class {
         if (!countryCode) {
             return null;
         }
-        // This just to type guard the countryCode, if it's able to get to this point it should already be in country that has tax id input
-        if (!this.isInTaxIdCountry(countryCode)) {
-            return null;
-        }
-        const taxIdInputRendered = shouldRenderTaxIdInput({
+        return renderTaxIdFields({
             companyName: stripeStore.companyName,
             countryCode,
+            errorField: this.taxIdErrorField,
+            errorMessage: this.taxIdErrorMessage,
+            onTaxIdChange: value => {
+                this.taxIdChanged.emit(value);
+            },
+            shouldRequirePeruTaxId: getShouldRequirePeruTaxId(),
+            taxId: stripeStore.taxId || '',
+            taxIdType: stripeStore.taxIdType,
         });
-        // Don't render tax id input if the country doesn't require tax id
-        if (!taxIdInputRendered) {
-            return null;
-        }
-        const taxIdInputInfo = shipToTaxIdLabels[countryCode];
-        return (h("div", { class: "zonos--tax-id-input" }, h("zonos-stripe-input", { inputLabel: translate(taxIdInputInfo.friendlyName), inputPlaceholder: taxIdInputInfo.placeholder, inputValue: stripeStore.taxId || '', isError: !!this.taxIdErrorMessage, onInputChange: (event) => {
-                stripeStore.taxId = event.detail;
-                this.taxIdChanged.emit(event.detail);
-            } }), this.taxIdErrorMessage && (h("zonos-text", { textColor: "red-600", type: "caption" }, this.taxIdErrorMessage))));
     }
     /**
      * Render short address code input based on ship to country code
@@ -414,11 +411,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 (h(Host, { key: '302dafde973c4bf2d847640d8f0e064d88f350f8', class: classes([
+        return (h(Host, { key: 'bbf12ad9213fbbbaf6c14ecb0cb7acb0679f3d6e', class: classes([
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (h("zonos-text", { key: '706204604ad32eed710e38adbe8133b3384044eb', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: '0edc4c5d6c3ff965be6edbf680acaed892c71a16', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), h("div", { key: '6aa6e4e86a76f1081c5af1f2b5f3282dfd91f3c5', class: "zonos--address-component" })));
+            ]) }, this.titleText && (h("zonos-text", { key: 'a81550755a359e1a9c46acc99eef7749959187ee', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: 'bdba9c19992622bcf0354366080b1932c0e28bb2', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), h("div", { key: 'b376efea8ef5d57f525be9b6eed3f98c67b2834e', class: "zonos--address-component" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/zonos-airwallex-payment.entry.js

@@ -1,13 +1,14 @@
 import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-_lt63o7c.js';
-import { b as airwallexStore, c as collectStore, f as airwallexStoreInitSdk, l as createElement, m as airwallexStoreGetLocale, n as airwallexStoreOnChange } from './collect-Eo4gtyql.js';
-import { d as cartStore } from './cart-BoQp8Ema.js';
-import { h as localizationStoreOnChange, t as translate, l as localizationStore } from './localization-BIh-4pc_.js';
-import { z as zonosStore } from './zonosStore-msUlqmSD.js';
+import { b as airwallexStore, c as collectStore, f as airwallexStoreInitSdk, l as createElement, m as airwallexStoreGetLocale, n as airwallexStoreOnChange } from './collect-BV5GTPmh.js';
+import { d as cartStore } from './cart-DmJkjiDE.js';
+import { h as localizationStoreOnChange, t as translate, l as localizationStore } from './localization-DHM91diu.js';
+import { z as zonosStore } from './zonosStore-BXP9FvIt.js';
 import { l as log } from './VarianceTest-BJmZPrZl.js';
 import { l as logError } from './handleFetch-D5GYDF-O.js';
+import './taxIdRules-xYlx7ZXW.js';
+import './TaxId-DMIgN_sT.js';
 import './isDarkColor-YdrG78th.js';
-import './getBorderRadius-DYfkeXdx.js';
-import './TaxId-Cye-evFK.js';
+import './getBorderRadius-BiGd45jw.js';
 
 const zonosAirwallexPaymentCss = () => `.sc-zonos-airwallex-payment-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-airwallex-payment-h *.sc-zonos-airwallex-payment{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-airwallex-payment-h img.sc-zonos-airwallex-payment{max-width:100%}.sc-zonos-airwallex-payment-h dl.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h dd.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h1.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h2.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h3.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h4.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h5.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h6.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h hr.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h figure.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h p.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h pre.sc-zonos-airwallex-payment{margin:0}.sc-zonos-airwallex-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-airwallex-payment-h{display:block}.sc-zonos-airwallex-payment-h .zonos--payment-error-banner.sc-zonos-airwallex-payment{margin-bottom:16px}.sc-zonos-airwallex-payment-h .zonos--airwallex-payment-component.sc-zonos-airwallex-payment{margin-bottom:4px;min-height:40px}`;
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as Host } from './index-_lt63o7c.js';
-import { a as zonosStoreFontFamily } from './zonosStore-msUlqmSD.js';
+import { a as zonosStoreFontFamily } from './zonosStore-BXP9FvIt.js';
 import { c as classes } from './classes-BJHSB96f.js';
 import './VarianceTest-BJmZPrZl.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as Host } from './index-_lt63o7c.js';
-import { a as zonosStoreFontFamily } from './zonosStore-msUlqmSD.js';
+import { a as zonosStoreFontFamily } from './zonosStore-BXP9FvIt.js';
 import { c as classes } from './classes-BJHSB96f.js';
 import './VarianceTest-BJmZPrZl.js';
 

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, a as Host, g as getElement } from './index-_lt63o7c.js';
-import { z as zonosStore, a as zonosStoreFontFamily } from './zonosStore-msUlqmSD.js';
+import { z as zonosStore, a as zonosStoreFontFamily } from './zonosStore-BXP9FvIt.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-DJIdCwJ5.js';
 import { c as classes } from './classes-BJHSB96f.js';
-import { g as getBorderRadius } from './getBorderRadius-DYfkeXdx.js';
+import { g as getBorderRadius } from './getBorderRadius-BiGd45jw.js';
 import { i as isColorVariable } from './isColorVariable-DXXUq2Lv.js';
 import { i as isDarkColor } from './isDarkColor-YdrG78th.js';
 import { s as styles } from './styles-BTIeCf3T.js';

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

@@ -1,16 +1,17 @@
 import { r as registerInstance, h, a as Host, g as getElement, d as createEvent } from './index-_lt63o7c.js';
-import { a as zonosStoreFontFamily } from './zonosStore-msUlqmSD.js';
+import { a as zonosStoreFontFamily } from './zonosStore-BXP9FvIt.js';
 import { c as classes } from './classes-BJHSB96f.js';
-import { g as getBorderRadius } from './getBorderRadius-DYfkeXdx.js';
-import { b as stripeStore, t as trackConversionEvent } from './cart-BoQp8Ema.js';
-import { s as storageStore } from './localization-BIh-4pc_.js';
+import { g as getBorderRadius } from './getBorderRadius-BiGd45jw.js';
+import { b as stripeStore, t as trackConversionEvent } from './cart-DmJkjiDE.js';
+import { s as storageStore } from './localization-DHM91diu.js';
 import { l as logError } from './handleFetch-D5GYDF-O.js';
-import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-DNfvnuUU.js';
+import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-BfW5aLJw.js';
 import { l as log } from './VarianceTest-BJmZPrZl.js';
+import './taxIdRules-xYlx7ZXW.js';
+import './TaxId-DMIgN_sT.js';
 import './isDarkColor-YdrG78th.js';
-import './TaxId-Cye-evFK.js';
 import './isContrastColor-CWLU13s9.js';
-import './submitGtag-df9AQ2zL.js';
+import './submitGtag-BEFrutel.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)}`;