@zonos/elements 1.3.285 → 1.3.287

package/dist/scripts/index.d.ts

@@ -958,173 +958,173 @@ declare const zonosAttribution: {
 };
 type ZonosAttribution = (typeof zonosAttribution)[keyof typeof zonosAttribution];
 type CalculateLandedCostMutation = {
-    cartonizeWorkflow: Array<{
+    partyCreateWorkflow: Array<{
+        type: PartyType | null;
         id: string;
-        items: Array<{
-            item: {
-                id: string;
-            };
-        }> | null;
-        type: PackagingType;
-    } | null> | null;
-    checkoutSessionWorkflow: Array<{
-        landedCostId: string;
-        subtotals: {
-            adjustments: number;
-            duties: number;
-            exchangeRate: {
-                id: string;
-                rate: number;
-                sourceCurrencyCode: CurrencyCode;
-                targetCurrencyCode: CurrencyCode;
-                type: ExchangeRateType;
-            };
-            fees: number;
-            items: number;
-            landedCostTotal: number;
-            presentmentCurrencyCode: CurrencyCode;
-            shipping: number;
-            taxes: number;
-            total: number;
-        };
-    }> | null;
+        organization: string;
+    }>;
     itemCreateWorkflow: Array<{
+        id: string;
         amount: number;
-        attributes: Array<{
-            key: string | null;
-            value: string | null;
-        } | null> | null;
+        name: string | null;
         description: string | null;
-        id: string;
         imageUrl: string | null;
-        name: string | null;
-        productId: string;
         quantity: number;
+        sku: string | null;
+        productId: string;
+        reverseAmountDetail: Array<{
+            inclusivePriceConfigurationId: string | null;
+        }> | null;
         restriction: {
-            action: RestrictedItemAction;
             reason: string;
+            action: RestrictedItemAction;
         } | null;
-        reverseAmountDetail: Array<{
-            inclusivePriceConfigurationId: string | null;
+        attributes: Array<{
+            key: string | null;
+            value: string | null;
+        } | null> | null;
+    }>;
+    cartonizeWorkflow: Array<{
+        id: string;
+        type: PackagingType;
+        items: Array<{
+            item: {
+                id: string;
+            };
         }> | null;
-        sku: string | null;
+    } | null> | null;
+    shipmentRatingCalculateWorkflow: Array<{
+        id: string;
+        displayName: string;
+        currencyCode: CurrencyCode;
+        amount: number;
+        shippingProfile: {
+            serviceLevel: {
+                deliveryType: DeliveryType | null;
+                code: string;
+            };
+            transitTime: {
+                min: number | null;
+                max: number | null;
+                guaranteedDelivery: string | null;
+                type: TransitTypeCode | null;
+            } | null;
+        } | null;
     }>;
     landedCostCalculateWorkflow: Array<{
+        id: string;
+        method: IncotermCode;
+        rootId: string;
+        landedCostGuaranteeCode: LandedCostGuaranteeCode;
         amountSubtotals: {
-            discounts: number | null;
-            items: number;
             landedCostTotal: number;
+            items: number;
             shipping: number;
+            discounts: number | null;
         } | null;
-        appliedAdjustments: Array<{
-            adjustment: {
-                name: string | null;
-                source: AdjustmentSource | null;
-            } | null;
+        shipmentRating: {
+            id: string;
+        };
+        remittance: Array<{
             amount: number;
-            item: {
-                amount: number;
-            } | null;
-            type: LandedCostAdjustmentType | null;
-        }> | null;
+            description: string;
+        }>;
         deMinimis: Array<{
-            formula: string;
+            type: DeMinimisType;
+            threshold: DeMinimisThreshold;
             method: IncotermCode;
             note: string;
-            threshold: DeMinimisThreshold;
-            type: DeMinimisType;
+            formula: string;
         }>;
-        duties: Array<{
+        taxes: Array<{
             amount: number;
             currencyCode: CurrencyCode;
         }>;
-        fees: Array<{
+        duties: Array<{
             amount: number;
             currencyCode: CurrencyCode;
         }>;
-        id: string;
-        landedCostGuaranteeCode: LandedCostGuaranteeCode;
-        method: IncotermCode;
-        remittance: Array<{
-            amount: number;
-            description: string;
-        }>;
-        rootId: string;
-        shipmentRating: {
-            id: string;
-        };
-        taxes: Array<{
+        fees: Array<{
             amount: number;
             currencyCode: CurrencyCode;
         }>;
+        appliedAdjustments: Array<{
+            amount: number;
+            type: LandedCostAdjustmentType | null;
+            adjustment: {
+                source: AdjustmentSource | null;
+                name: string | null;
+            } | null;
+            item: {
+                amount: number;
+            } | null;
+        }> | null;
     } | null> | null;
-    partyCreateWorkflow: Array<{
-        id: string;
-        organization: string;
-        type: PartyType | null;
-    }>;
-    shipmentRatingCalculateWorkflow: Array<{
-        amount: number;
-        currencyCode: CurrencyCode;
-        displayName: string;
-        id: string;
-        shippingProfile: {
-            serviceLevel: {
-                code: string;
-                deliveryType: DeliveryType | null;
+    checkoutSessionWorkflow: Array<{
+        landedCostId: string;
+        subtotals: {
+            items: number;
+            shipping: number;
+            duties: number;
+            taxes: number;
+            adjustments: number;
+            fees: number;
+            landedCostTotal: number;
+            presentmentCurrencyCode: CurrencyCode;
+            total: number;
+            exchangeRate: {
+                id: string;
+                sourceCurrencyCode: CurrencyCode;
+                targetCurrencyCode: CurrencyCode;
+                rate: number;
+                type: ExchangeRateType;
             };
-            transitTime: {
-                guaranteedDelivery: string | null;
-                max: number | null;
-                min: number | null;
-                type: TransitTypeCode | null;
-            } | null;
-        } | null;
-    }>;
+        };
+    }> | null;
 };
 type CheckItemRestrictionsMutation = {
     itemRestrictionApply: {
         id: string;
         items: Array<{
-            action: ItemRestrictionAction | null;
             id: string;
+            action: ItemRestrictionAction | null;
             itemDescription: string | null;
             itemRestrictions: Array<{
                 hsCode: string;
                 id: string;
                 note: string;
-                sources: Array<string | null> | null;
                 type: ItemRestrictionType;
+                sources: Array<string | null> | null;
             } | null> | null;
         } | null>;
     };
 };
 type LandedCostSettingsQuery = {
     landedCostSettings: {
-        defaultNativeCurrency: CurrencyCode | null;
         landedCostGuarantee: LandedCostGuaranteeType | null;
+        defaultNativeCurrency: CurrencyCode | null;
     } | null;
 };
 type CartCheckoutWorkflowQuery = {
     cartCheckoutWorkflow: {
-        appearanceSettings: {
-            colorPrimary: string;
-            colorSecondary: string;
-            createdAt: string;
-            createdBy: string;
-            fontFamily: string;
-            id: string;
-            logoUrl: string;
-            mode: Mode;
-            organization: string;
-            style: ElementsUiStyle;
-            supportedLocales: Array<string> | null;
-            theme: ElementsUiTheme;
-            updatedAt: string;
-            updatedBy: string;
-            zonosAttribution: ZonosAttribution | null;
-        };
+        credentialTokenId: string;
+        organizationId: string;
         cart: {
+            id: string;
+            type: CartType | null;
+            createdAt: string;
+            expiresAt: string | null;
+            organization: {
+                id: string;
+                name: string;
+                references: {
+                    storeId: number | null;
+                } | null;
+            } | null;
+            references: {
+                checkoutSessionId: string | null;
+                landedCostId: string | null;
+            } | null;
             adjustments: Array<{
                 amount: number;
                 currencyCode: CurrencyCode;
@@ -1133,21 +1133,18 @@ type CartCheckoutWorkflowQuery = {
                 sku: string | null;
                 type: CartAdjustmentType;
             }>;
-            createdAt: string;
-            expiresAt: string | null;
-            id: string;
             items: Array<{
+                id: string;
                 amount: number;
-                attributes: Array<{
-                    key: string | null;
-                    value: string | null;
-                } | null> | null;
+                name: string | null;
+                description: string | null;
                 countryOfOrigin: CountryCode | null;
                 currencyCode: CurrencyCode;
-                description: string | null;
-                id: string;
-                imageUrl: string | null;
                 itemType: ItemType | null;
+                imageUrl: string | null;
+                quantity: number;
+                sku: string | null;
+                productId: string;
                 measurements: Array<{
                     type: ItemMeasurementType;
                     unitOfMeasure: ItemUnitOfMeasure;
@@ -1157,43 +1154,103 @@ type CartCheckoutWorkflowQuery = {
                     key: string | null;
                     value: string | null;
                 } | null> | null;
-                name: string | null;
-                productId: string;
-                quantity: number;
-                sku: string | null;
+                attributes: Array<{
+                    key: string | null;
+                    value: string | null;
+                } | null> | null;
             }>;
             metadata: Array<{
                 key: string;
                 value: string;
             }>;
-            organization: {
-                id: string;
-                name: string;
-                references: {
-                    storeId: number | null;
-                } | null;
-            } | null;
-            references: {
-                checkoutSessionId: string | null;
-                landedCostId: string | null;
-            } | null;
-            type: CartType | null;
+        };
+        shippingZones: Array<{
+            countryCodes: Array<CountryCode> | null;
+        } | null> | null;
+        helloSettings: {
+            desktopLocation: HelloDesktopLocation;
+            allowedDomains: Array<string>;
+            anchorElementSelector: string;
+            cartUrlPattern: string | null;
+            currencyBehavior: HelloCurrencyBehavior;
+            currencyElementSelector: string;
+            excludedUrlPatterns: Array<string>;
+            countryOverrideBehavior: HelloCountryOverrideBehavior;
+            widgetSize: number | null;
+            id: string;
+            createdAt: string;
+            createdBy: string;
+            mobileLocation: HelloMobileLocation;
+            mode: Mode;
+            organization: string;
+            updatedAt: string;
+            updatedBy: string;
+            homepageUrlPattern: string | null;
+            productDetailUrlPattern: string | null;
+            productListUrlPattern: string | null;
+            peekMessageDelay: number;
+            peekMessageBehavior: HelloPeekMessageBehavior;
+            restrictionBehavior: HelloRestrictionBehavior;
+            dutyTaxEstimationBehavior: HelloEstimateBehavior;
+            productAddToCartElementSelector: string | null;
+            productDescriptionElementSelector: string | null;
+            productPriceElementSelector: string | null;
+            productTitleElementSelector: string | null;
+            visibilityStatus: HelloVisibilityStatus;
+            countryDisplayRules: {
+                countrySelector: {
+                    behavior: HelloCountryDisplayBehavior;
+                    excludedCountries: Array<CountryCode>;
+                    includedCountries: Array<CountryCode>;
+                };
+                widgetVisibility: {
+                    behavior: HelloCountryDisplayBehavior;
+                    excludedCountries: Array<CountryCode>;
+                    includedCountries: Array<CountryCode>;
+                };
+            };
+        };
+        appearanceSettings: {
+            colorPrimary: string;
+            colorSecondary: string;
+            fontFamily: string;
+            logoUrl: string;
+            style: ElementsUiStyle;
+            supportedLocales: Array<string> | null;
+            theme: ElementsUiTheme;
+            zonosAttribution: ZonosAttribution | null;
+            createdAt: string;
+            createdBy: string;
+            id: string;
+            mode: Mode;
+            organization: string;
+            updatedAt: string;
+            updatedBy: string;
         };
         checkoutSettings: {
+            disabledCountries: Array<CountryCode> | null;
             allowedCharacterSets: AllowedCharacterSets;
-            allowedSettlementCurrencies: AllowedSettlementCurrencies;
-            analyticsProviders: Array<{
-                status: AnalyticsProviderStatus;
-                type: AnalyticsProviderType;
-            }>;
             captureDelay: number;
+            defaultCartExpiration: number;
             companyFieldsStatus: CheckoutCompanyFieldsStatus;
+            domesticElementSelector: string | null;
+            allowedSettlementCurrencies: AllowedSettlementCurrencies;
+            successBehavior: CheckoutSuccessBehavior;
+            customHTML: string;
+            mode: Mode;
+            successRedirectUrl: string;
+            placeOrderButtonSelector: string | null;
             createdAt: string;
+            createdBy: string;
+            updatedAt: string;
+            updatedBy: string;
+            id: string;
+            organization: string;
+            subscriptionStatus: CheckoutSubscriptionStatus;
+            visibilityStatus: CheckoutVisibilityStatus;
             merchantPolicyLinks: {
-                euWithdrawalPolicy: {
-                    maximumReturnShippingEstimate: number | null;
-                    currencyCode: CurrencyCode;
-                    status: NotificationActiveStatus | null;
+                termsAndConditions: {
+                    link: string | null;
                 } | null;
                 privacyPolicy: {
                     link: string | null;
@@ -1207,22 +1264,12 @@ type CartCheckoutWorkflowQuery = {
                 warrantyPolicy: {
                     link: string | null;
                 } | null;
-                termsAndConditions: {
-                    link: string | null;
+                euWithdrawalPolicy: {
+                    maximumReturnShippingEstimate: number | null;
+                    currencyCode: CurrencyCode;
+                    status: NotificationActiveStatus | null;
                 } | null;
             };
-            customHTML: string;
-            defaultCartExpiration: number;
-            disabledCountries: Array<CountryCode> | null;
-            domesticElementSelector: string | null;
-            externalPaymentMethods: Array<{
-                status: ExternalPaymentMethodStatus;
-                type: ExternalPaymentMethodType;
-            }> | null;
-            successRedirectUrl: string;
-            id: string;
-            updatedAt: string;
-            mode: Mode;
             orderNotifications: {
                 abandonedCart: {
                     delay: number;
@@ -1241,16 +1288,18 @@ type CartCheckoutWorkflowQuery = {
                     sendCopiesTo: Array<string>;
                 };
             };
-            organization: string;
-            placeOrderButtonSelector: string | null;
-            subscriptionStatus: CheckoutSubscriptionStatus;
-            successBehavior: CheckoutSuccessBehavior;
-            createdBy: string;
+            externalPaymentMethods: Array<{
+                status: ExternalPaymentMethodStatus;
+                type: ExternalPaymentMethodType;
+            }> | null;
+            analyticsProviders: Array<{
+                status: AnalyticsProviderStatus;
+                type: AnalyticsProviderType;
+            }>;
             externalServiceTokens: Array<{
                 token: string;
                 type: ExternalServiceTokenType;
             }>;
-            updatedBy: string;
             varianceTestRegistrations: Array<{
                 testKey: string;
                 varianceAllocation: Array<{
@@ -1258,110 +1307,80 @@ type CartCheckoutWorkflowQuery = {
                     variantKey: string;
                 }>;
             }> | null;
-            visibilityStatus: CheckoutVisibilityStatus;
         };
-        credentialTokenId: string;
-        helloSettings: {
+        onlineStoreSettings: {
             allowedDomains: Array<string>;
-            anchorElementSelector: string;
-            cartUrlPattern: string | null;
-            countryDisplayRules: {
-                countrySelector: {
-                    behavior: HelloCountryDisplayBehavior;
-                    excludedCountries: Array<CountryCode>;
-                    includedCountries: Array<CountryCode>;
-                };
-                widgetVisibility: {
-                    behavior: HelloCountryDisplayBehavior;
-                    excludedCountries: Array<CountryCode>;
-                    includedCountries: Array<CountryCode>;
-                };
-            };
-            countryOverrideBehavior: HelloCountryOverrideBehavior;
-            createdAt: string;
-            createdBy: string;
-            currencyBehavior: HelloCurrencyBehavior;
-            currencyElementSelector: string;
-            desktopLocation: HelloDesktopLocation;
-            dutyTaxEstimationBehavior: HelloEstimateBehavior;
-            excludedUrlPatterns: Array<string>;
-            updatedBy: string;
-            id: string;
-            mobileLocation: HelloMobileLocation;
-            mode: Mode;
-            organization: string;
-            peekMessageBehavior: HelloPeekMessageBehavior;
-            peekMessageDelay: number;
-            productListUrlPattern: string | null;
-            productDetailUrlPattern: string | null;
-            homepageUrlPattern: string | null;
-            productDescriptionElementSelector: string | null;
-            productPriceElementSelector: string | null;
-            productTitleElementSelector: string | null;
-            restrictionBehavior: HelloRestrictionBehavior;
-            updatedAt: string;
-            productAddToCartElementSelector: string | null;
-            visibilityStatus: HelloVisibilityStatus;
-            widgetSize: number | null;
+            url: string;
         };
         landedCostSettings: {
-            defaultNativeCurrency: CurrencyCode | null;
             landedCostGuarantee: LandedCostGuaranteeType | null;
+            defaultNativeCurrency: CurrencyCode | null;
         };
-        onlineStoreSettings: {
-            allowedDomains: Array<string>;
-            url: string;
-        };
-        organizationId: string;
-        shippingZones: Array<{
-            countryCodes: Array<CountryCode> | null;
-        } | null> | null;
     };
 };
 type CheckoutSessionDetailsFragment = {
-    cartId: string | null;
+    id: string;
     clientSecret: string;
+    customerSessionClientSecret: string | null;
+    cartId: string | null;
     completedAt: string | null;
+    paymentProcessor: CheckoutPaymentProcessorType | null;
+    organizationId: string;
+    order: {
+        id: string;
+    } | null;
+    references: {
+        inclusivePriceConfigurationId: string | null;
+    } | null;
     customerProfile: {
+        name: string | null;
         email: string | null;
+        storeCreditBalance: number | null;
         locations: Array<{
+            name: string | null;
+            email: string | null;
+            phone: string | null;
             administrativeArea: string;
             countryCode: CountryCode;
-            email: string | null;
             line1: string;
             line2: string | null;
-            name: string | null;
-            phone: string | null;
             locality: string;
             postalCode: string;
         }> | null;
-        name: string | null;
-        storeCreditBalance: number | null;
     } | null;
-    customerSessionClientSecret: string | null;
-    id: string;
+    varianceTestResults: Array<{
+        selectedVariantKey: string;
+        testKey: string;
+    }> | null;
+    subtotals: {
+        items: number;
+        shipping: number;
+        duties: number;
+        adjustments: number;
+        taxes: number;
+        fees: number;
+        landedCostTotal: number;
+        presentmentCurrencyCode: CurrencyCode;
+        storeCredit: number;
+        total: number;
+        exchangeRate: {
+            id: string;
+            sourceCurrencyCode: CurrencyCode;
+            targetCurrencyCode: CurrencyCode;
+            rate: number;
+            type: ExchangeRateType;
+        };
+    };
     landedCost: {
-        amountSubtotals: {
-            discounts: number | null;
-            duties: number;
-            fees: number;
-            items: number;
-            landedCostTotal: number;
-            shipping: number;
-            taxes: number;
-        } | null;
-        appliedAdjustments: Array<{
-            adjustment: {
-                name: string | null;
-                source: AdjustmentSource | null;
-            } | null;
-            amount: number;
-            type: LandedCostAdjustmentType | null;
-            item: {
-                amount: number;
-            } | null;
-        }> | null;
+        id: string;
+        method: IncotermCode;
+        rootId: string;
+        landedCostGuaranteeCode: LandedCostGuaranteeCode;
         currencyCode: CurrencyCode;
+        remittance: Array<{
+            amount: number;
+            description: string;
+        }>;
         deMinimis: Array<{
             type: DeMinimisType;
             threshold: DeMinimisThreshold;
@@ -1369,139 +1388,124 @@ type CheckoutSessionDetailsFragment = {
             note: string;
             formula: string;
         }>;
-        duties: Array<{
+        taxes: Array<{
             amount: number;
             currencyCode: CurrencyCode;
         }>;
-        fees: Array<{
+        duties: Array<{
             amount: number;
             currencyCode: CurrencyCode;
         }>;
-        landedCostGuaranteeCode: LandedCostGuaranteeCode;
-        id: string;
-        method: IncotermCode;
-        remittance: Array<{
+        fees: Array<{
             amount: number;
-            description: string;
+            currencyCode: CurrencyCode;
         }>;
-        rootId: string;
-        shipmentRating: {
+        appliedAdjustments: Array<{
             amount: number;
-            currencyCode: CurrencyCode;
-            displayName: string;
+            type: LandedCostAdjustmentType | null;
+            adjustment: {
+                source: AdjustmentSource | null;
+                name: string | null;
+            } | null;
+            item: {
+                amount: number;
+            } | null;
+        }> | null;
+        shipmentRating: {
             id: string;
+            displayName: string;
+            currencyCode: CurrencyCode;
+            amount: number;
             shippingProfile: {
                 serviceLevel: {
-                    code: string;
                     deliveryType: DeliveryType | null;
+                    code: string;
                 };
                 transitTime: {
-                    guaranteedDelivery: string | null;
-                    max: number | null;
                     min: number | null;
+                    max: number | null;
+                    guaranteedDelivery: string | null;
                     type: TransitTypeCode | null;
                 } | null;
             } | null;
         };
-        taxes: Array<{
-            amount: number;
-            currencyCode: CurrencyCode;
-        }>;
+        amountSubtotals: {
+            duties: number;
+            discounts: number | null;
+            fees: number;
+            taxes: number;
+            items: number;
+            shipping: number;
+            landedCostTotal: number;
+        } | null;
     } | null;
     metadata: Array<{
         key: string;
         value: string;
     } | null> | null;
-    organizationId: string;
-    paymentProcessor: CheckoutPaymentProcessorType | null;
-    references: {
-        inclusivePriceConfigurationId: string | null;
-    } | null;
-    subtotals: {
-        adjustments: number;
-        duties: number;
-        exchangeRate: {
-            id: string;
-            rate: number;
-            sourceCurrencyCode: CurrencyCode;
-            targetCurrencyCode: CurrencyCode;
-            type: ExchangeRateType;
-        };
-        fees: number;
-        items: number;
-        landedCostTotal: number;
-        presentmentCurrencyCode: CurrencyCode;
-        shipping: number;
-        storeCredit: number;
-        taxes: number;
-        total: number;
-    };
-    varianceTestResults: Array<{
-        selectedVariantKey: string;
-        testKey: string;
-    }> | null;
 };
 type HelloSettingFragment = {
+    desktopLocation: HelloDesktopLocation;
     allowedDomains: Array<string>;
     anchorElementSelector: string;
     cartUrlPattern: string | null;
-    countryDisplayRules: {
-        countrySelector: {
-            behavior: HelloCountryDisplayBehavior;
-            excludedCountries: Array<CountryCode>;
-            includedCountries: Array<CountryCode>;
-        };
-        widgetVisibility: {
-            behavior: HelloCountryDisplayBehavior;
-            excludedCountries: Array<CountryCode>;
-            includedCountries: Array<CountryCode>;
-        };
-    };
-    countryOverrideBehavior: HelloCountryOverrideBehavior;
-    createdAt: string;
-    createdBy: string;
     currencyBehavior: HelloCurrencyBehavior;
     currencyElementSelector: string;
-    desktopLocation: HelloDesktopLocation;
-    dutyTaxEstimationBehavior: HelloEstimateBehavior;
     excludedUrlPatterns: Array<string>;
-    homepageUrlPattern: string | null;
+    countryOverrideBehavior: HelloCountryOverrideBehavior;
+    widgetSize: number | null;
     id: string;
+    createdAt: string;
+    createdBy: string;
     mobileLocation: HelloMobileLocation;
     mode: Mode;
     organization: string;
-    peekMessageBehavior: HelloPeekMessageBehavior;
-    peekMessageDelay: number;
+    updatedAt: string;
+    updatedBy: string;
+    homepageUrlPattern: string | null;
     productDetailUrlPattern: string | null;
-    productDescriptionElementSelector: string | null;
-    productAddToCartElementSelector: string | null;
     productListUrlPattern: string | null;
+    peekMessageDelay: number;
+    peekMessageBehavior: HelloPeekMessageBehavior;
+    restrictionBehavior: HelloRestrictionBehavior;
+    dutyTaxEstimationBehavior: HelloEstimateBehavior;
+    productAddToCartElementSelector: string | null;
+    productDescriptionElementSelector: string | null;
     productPriceElementSelector: string | null;
     productTitleElementSelector: string | null;
-    restrictionBehavior: HelloRestrictionBehavior;
-    updatedAt: string;
-    updatedBy: string;
     visibilityStatus: HelloVisibilityStatus;
-    widgetSize: number | null;
+    countryDisplayRules: {
+        countrySelector: {
+            behavior: HelloCountryDisplayBehavior;
+            excludedCountries: Array<CountryCode>;
+            includedCountries: Array<CountryCode>;
+        };
+        widgetVisibility: {
+            behavior: HelloCountryDisplayBehavior;
+            excludedCountries: Array<CountryCode>;
+            includedCountries: Array<CountryCode>;
+        };
+    };
 };
 type GetOrderQuery = {
     order: {
         accountOrderNumber: string | null;
+        createdAt: string;
+        updatedAt: string;
+        trackingNumbers: Array<string | null> | null;
+        currencyCode: CurrencyCode;
+        id: string;
+        mode: Mode;
+        status: OrderStatus;
         amountSubtotals: {
-            discounts: number | null;
             duties: number;
             fees: number;
             items: number;
-            shipping: number;
             taxes: number;
+            shipping: number;
             variance: number;
+            discounts: number | null;
         };
-        amountSubtotalsDetails: Array<{
-            amount: number;
-            currencyCode: CurrencyCode;
-            targets: Array<AmountDetailTarget>;
-            type: AmountDetailSourceType | null;
-        }> | null;
         checkoutSession: {
             subtotals: {
                 exchangeRate: {
@@ -1511,28 +1515,31 @@ type GetOrderQuery = {
                 };
             };
         } | null;
-        createdAt: string;
-        currencyCode: CurrencyCode;
-        id: string;
+        amountSubtotalsDetails: Array<{
+            amount: number;
+            currencyCode: CurrencyCode;
+            type: AmountDetailSourceType | null;
+            targets: Array<AmountDetailTarget>;
+        }> | null;
         items: Array<{
+            createdAt: string;
             amount: number;
+            itemType: ItemType | null;
+            description: string | null;
+            hsCode: string | null;
+            countryOfOrigin: CountryCode | null;
+            name: string | null;
+            productId: string;
+            quantity: number;
+            sku: string | null;
             attributes: Array<{
                 key: string | null;
                 value: string | null;
             } | null> | null;
-            countryOfOrigin: CountryCode | null;
-            createdAt: string;
-            description: string | null;
-            hsCode: string | null;
-            itemType: ItemType | null;
             metadata: Array<{
                 key: string | null;
                 value: string | null;
             } | null> | null;
-            name: string | null;
-            productId: string;
-            quantity: number;
-            sku: string | null;
         }> | null;
         landedCosts: Array<{
             amountSubtotals: {
@@ -1543,16 +1550,6 @@ type GetOrderQuery = {
                 shipping: number;
                 taxes: number;
             } | null;
-            appliedAdjustments: Array<{
-                adjustment: {
-                    name: string | null;
-                } | null;
-                amount: number;
-                item: {
-                    amount: number;
-                    name: string | null;
-                } | null;
-            }> | null;
             duties: Array<{
                 exchangeRate: {
                     rate: number;
@@ -1561,25 +1558,42 @@ type GetOrderQuery = {
                 } | null;
             }>;
             shipmentRating: {
+                id: string;
                 amount: number;
+                currencyCode: CurrencyCode;
+                displayName: string;
                 serviceLevelCode: string;
                 details: Array<{
                     amount: number;
                     carrierCode: string;
                     type: ShipmentAmountType;
                 }> | null;
-                displayName: string;
-                id: string;
-                currencyCode: CurrencyCode;
             };
+            appliedAdjustments: Array<{
+                amount: number;
+                adjustment: {
+                    name: string | null;
+                } | null;
+                item: {
+                    name: string | null;
+                    amount: number;
+                } | null;
+            }> | null;
         }> | null;
         metadata: Array<{
             key: string;
             value: string;
         } | null> | null;
-        mode: Mode;
         parties: Array<{
             id: string;
+            type: PartyType | null;
+            person: {
+                companyName: string | null;
+                firstName: string | null;
+                lastName: string | null;
+                email: string | null;
+                phone: string | null;
+            } | null;
             location: {
                 administrativeArea: string | null;
                 administrativeAreaCode: string | null;
@@ -1592,18 +1606,6 @@ type GetOrderQuery = {
                 longitude: number | null;
                 postalCode: string | null;
             } | null;
-            person: {
-                companyName: string | null;
-                email: string | null;
-                firstName: string | null;
-                lastName: string | null;
-                phone: string | null;
-            } | null;
-            type: PartyType | null;
-        }> | null;
-        references: Array<{
-            key: string | null;
-            value: string | null;
         }> | null;
         root: {
             exchangeRates: Array<{
@@ -1613,9 +1615,10 @@ type GetOrderQuery = {
                 type: ExchangeRateType;
             }>;
         } | null;
-        status: OrderStatus;
-        trackingNumbers: Array<string | null> | null;
-        updatedAt: string;
+        references: Array<{
+            key: string | null;
+            value: string | null;
+        }> | null;
     } | null;
 };
 
@@ -2066,14 +2069,17 @@ declare namespace Components {
     interface ZonosAddress {
         /**
           * Default address for stripe
+          * @default []
          */
         "defaultAddress": ContactOption[];
         /**
           * Error message for short address code input
+          * @default ''
          */
         "shortAddressCodeErrorMessage": string;
         /**
           * Error message for tax id input
+          * @default ''
          */
         "taxIdErrorMessage": string;
         /**
@@ -2088,18 +2094,22 @@ declare namespace Components {
     interface ZonosAddressCompletionDialog {
         /**
           * Whether or not the continue button is loading
+          * @default false
          */
         "continueLoading": boolean;
         /**
           * Whether or not the dialog is open
+          * @default false
          */
         "dialogOpen": boolean;
         /**
           * Whether or not the dialog is rendered in mobile mode
+          * @default false
          */
         "isMobile": boolean;
         /**
           * The Zonos-required fields still missing from the selected address
+          * @default []
          */
         "missingFields": MissingShippingField[];
         /**
@@ -2142,6 +2152,7 @@ declare namespace Components {
     interface ZonosAddressSuggestions {
         /**
           * Suggestions to display
+          * @default []
          */
         "suggestions": IframeSuggestionsResponsePayload['suggestions'];
         /**
@@ -2156,6 +2167,7 @@ declare namespace Components {
         "billingAddress": EnteredInfo | null;
         /**
           * Whether or not the continue button is loading
+          * @default false
          */
         "continueLoading": boolean;
         /**
@@ -2164,10 +2176,12 @@ declare namespace Components {
         "dialogLoading": boolean;
         /**
           * Whether or not the dialog is open
+          * @default false
          */
         "dialogOpen": boolean;
         /**
           * Whether or not the dialog is open
+          * @default false
          */
         "isMobile": boolean;
         /**
@@ -2251,6 +2265,7 @@ declare namespace Components {
         "backgroundColor"?: Color | (string & { _placeholder?: never });
         /**
           * Whether or not the button text color is bold
+          * @default false
          */
         "bold": boolean;
         /**
@@ -2278,6 +2293,7 @@ declare namespace Components {
           * @prop ().
           * @prop decorator is to watch the update of the attribute of the component in the dom. And `disabled` prop is not an only factor to determine the component is disabled. isLoading
           * @prop () also affect that. <Host> is also referred to a component itself, if disabled prop is true, the `zonos-button` will have disabled attribute. So let's say when the loading state is true, and the component consume the zonos-button doesn't pass the disabled prop down. It accidentally turns the disabled prop on even thought the disabled state is not changed from the outside.
+          * @default false
          */
         "isDisabled": boolean;
         /**
@@ -2287,6 +2303,7 @@ declare namespace Components {
         "justifyContent": 'center' | 'flex-end' | 'flex-start';
         /**
           * Whether or not the button is loading
+          * @default false
          */
         "loading": boolean;
         /**
@@ -2296,10 +2313,12 @@ declare namespace Components {
         "noBackground": boolean;
         /**
           * Whether or not the button has a left padding
+          * @default false
          */
         "noPaddingLeft": boolean;
         /**
           * Whether or not the button has a right padding
+          * @default false
          */
         "noPaddingRight": boolean;
         /**
@@ -2325,6 +2344,7 @@ declare namespace Components {
     | 'warning';
         /**
           * Whether or not the button has a box shadow
+          * @default false
          */
         "withBoxShadow": boolean;
     }
@@ -2360,6 +2380,7 @@ declare namespace Components {
         "label"?: HTMLElement;
         /**
           * The spacing to apply between elements in the card
+          * @default '24px'
          */
         "spacing"?: string;
     }
@@ -2368,6 +2389,7 @@ declare namespace Components {
     interface ZonosCartRestrictedItems {
         /**
           * This is to hide the section when the parent collapse on mobile
+          * @default false
          */
         "hide": boolean;
     }
@@ -2384,6 +2406,7 @@ declare namespace Components {
     interface ZonosCheckbox {
         /**
           * background color of the checkbox
+          * @default 'blue'
          */
         "backgroundColor": | CheckboxColorPrefix
     | (string & { _placeholder?: never });
@@ -2394,14 +2417,17 @@ declare namespace Components {
         "borderStyle"?: ElementsUiStyle;
         /**
           * Font size of the checkbox text
+          * @default 'base'
          */
         "fontSize": Size;
         /**
           * Whether or not the checkbox is checked
+          * @default false
          */
         "isChecked": boolean;
         /**
           * Whether or not the checkbox is disabled
+          * @default false
          */
         "isDisabled": boolean;
         /**
@@ -2410,6 +2436,7 @@ declare namespace Components {
         "label"?: string;
         /**
           * Size of the checkbox
+          * @default 12
          */
         "size": 12 | 16 | 24;
     }
@@ -2424,15 +2451,18 @@ declare namespace Components {
         "closeDialogHandler": (props?: { confirmed: boolean; }) => Promise<void>;
         /**
           * Default address to use for the checkout (preview mode)
+          * @default []
          */
         "defaultAddress": | StripeStoreContactOption[]
     | StripeStoreContactOption;
         /**
           * Force dialog to be open
+          * @default false
          */
         "forceDialogOpen": boolean;
         /**
           * Hidden mode to hide the checkout modal in preview mode
+          * @default false
          */
         "hiddenMode": boolean;
         /**
@@ -2441,6 +2471,7 @@ declare namespace Components {
         "init": () => Promise<void>;
         /**
           * Flag to determine if the checkout is on mobile
+          * @default false
          */
         "mobile": boolean;
         /**
@@ -2453,6 +2484,7 @@ declare namespace Components {
         "overrideStagingMode"?: boolean;
         /**
           * Preview checkout without needing to click on the button. This would be useful for demo purpose
+          * @default false
          */
         "preview": boolean;
         /**
@@ -2467,6 +2499,7 @@ declare namespace Components {
     interface ZonosCheckoutFinish {
         /**
           * The border radius style of the dialog
+          * @default 'ROUNDED'
          */
         "borderRadius": ElementsUiStyle;
         /**
@@ -2489,16 +2522,19 @@ declare namespace Components {
         "dataTheme"?: ElementsUiTheme;
         /**
           * Override mobile mode
+          * @default false
          */
         "mobile": boolean;
     }
     interface ZonosCheckoutPayment {
         /**
           * Whether or not the continue button is loading
+          * @default false
          */
         "continueLoading": boolean;
         /**
           * Whether or not the checkout is in mobile mode
+          * @default false
          */
         "isMobile": boolean;
         /**
@@ -2517,6 +2553,7 @@ declare namespace Components {
     interface ZonosCheckoutProgressTabs {
         /**
           * Background color of the parent that's wrapped around the tab progress bar
+          * @default null
          */
         "backgroundColor"?: Color | (string & { _placeholder?: never }) | null;
         /**
@@ -2529,26 +2566,31 @@ declare namespace Components {
         "setTabSelected": (tabValue: TabItem["value"]) => Promise<void>;
         /**
           * Color of the tab progress bar and label, override the secondary color of the appearance settings
+          * @default null
          */
         "tabColor"?: string | null;
     }
     interface ZonosCollapse {
         /**
           * Collapsed size when collapsed
+          * @default 0
          */
         "collapseSize": number;
         /**
           * Collapsed state of the element
+          * @default false
          */
         "collapsed": boolean;
     }
     interface ZonosCollect {
         /**
           * Flag to determine if the checkout is on mobile
+          * @default false
          */
         "mobile": boolean;
         /**
           * Whether or not the component is being rendered with tablet styles
+          * @default false
          */
         "tablet": boolean;
     }
@@ -2557,10 +2599,12 @@ declare namespace Components {
     interface ZonosCollectFinish {
         /**
           * The border radius style of the dialog
+          * @default 'ROUNDED'
          */
         "borderRadius": ElementsUiStyle;
         /**
           * The confirmation id for the collect order
+          * @default null
          */
         "confirmationId": string | null;
         /**
@@ -2583,10 +2627,12 @@ declare namespace Components {
         "dataTheme"?: ElementsUiTheme;
         /**
           * Override mobile mode
+          * @default false
          */
         "mobile": boolean;
         /**
           * Override tablet mode
+          * @default false
          */
         "tablet": boolean;
     }
@@ -2597,16 +2643,19 @@ declare namespace Components {
         "collapsed": boolean;
         /**
           * The landed cost id that is used to fetch the shipping address
+          * @default ''
          */
         "landedCostId": string;
         /**
           * Whether or not the component is being rendered with mobile styles
+          * @default true
          */
         "mobile": boolean;
     }
     interface ZonosCollectPayment {
         /**
           * Whether or not the continue button is loading
+          * @default false
          */
         "continueLoading": boolean;
         /**
@@ -2625,14 +2674,17 @@ declare namespace Components {
     interface ZonosCollectReview {
         /**
           * Whether or not to show the collapse icon This is controled from the collapsed state of the zonos-collapse component to show the collapse icon
+          * @default false
          */
         "collapsed": boolean;
         /**
           * Whether or not the component is being rendered with mobile styles
+          * @default false
          */
         "mobile": boolean;
         /**
           * Whether or not the component is being rendered with tablet styles
+          * @default false
          */
         "tablet": boolean;
     }
@@ -2641,14 +2693,17 @@ declare namespace Components {
     interface ZonosComponent {
         /**
           * The first name
+          * @default ''
          */
         "first": string;
         /**
           * The last name
+          * @default ''
          */
         "last": string;
         /**
           * The middle name
+          * @default ''
          */
         "middle": string;
     }
@@ -2692,6 +2747,7 @@ declare namespace Components {
         "dialogWidth": number;
         /**
           * Whether or not the dialog is open
+          * @default false
          */
         "isMobile": boolean;
         /**
@@ -2779,14 +2835,17 @@ declare namespace Components {
     interface ZonosCustomAddress {
         /**
           * Default address for stripe
+          * @default []
          */
         "defaultAddress": ContactOption[];
         /**
           * Error message for short address code input
+          * @default ''
          */
         "shortAddressCodeErrorMessage": string;
         /**
           * Error message for tax id input
+          * @default ''
          */
         "taxIdErrorMessage": string;
         /**
@@ -2801,28 +2860,34 @@ declare namespace Components {
     interface ZonosCustomMessage {
         /**
           * The custom message icon
+          * @default ''
          */
         "icon": string;
         /**
           * The custom message text
+          * @default ''
          */
         "message": string;
     }
     interface ZonosCustomerInfo {
         /**
           * Whether or not the continue button is loading
+          * @default false
          */
         "continueLoading": boolean;
         /**
           * Default address to use for the checkout (preview mode)
+          * @default []
          */
         "defaultAddress": StripeStoreContactOption[];
         /**
           * Whether or not the dialog is open
+          * @default false
          */
         "isMobile": boolean;
         /**
           * Whether to override custom address form to be always visible
+          * @default false
          */
         "shouldUseCustomAddressFormOverride": boolean;
         /**
@@ -2842,6 +2907,7 @@ declare namespace Components {
         "borderStyle"?: ElementsUiStyle;
         /**
           * The header text for the dialog
+          * @default ''
          */
         "headerText": string;
         /**
@@ -2850,6 +2916,7 @@ declare namespace Components {
         "height"?: string;
         /**
           * Load loading spinner for the dialog or not
+          * @default true
          */
         "isLoading": boolean;
         /**
@@ -2866,6 +2933,7 @@ declare namespace Components {
         "minHeight"?: string;
         /**
           * Flag to determine if the checkout is on mobile
+          * @default false
          */
         "mobile": boolean;
         /**
@@ -2911,6 +2979,7 @@ declare namespace Components {
         "emptyStateText": string;
         /**
           * Theme color of the icon
+          * @default 'LIGHT'
          */
         "theme": ElementsUiTheme;
     }
@@ -2982,6 +3051,7 @@ declare namespace Components {
         "appearanceSettings"?: Partial<AppearanceConfig>;
         /**
           * Whether or not the dialog is open
+          * @default false
          */
         "isOpen": boolean;
         /**
@@ -3045,48 +3115,58 @@ declare namespace Components {
         "inputLabel": string;
         /**
           * Placeholder for the input
+          * @default ''
          */
         "inputPlaceholder": string;
         /**
           * Input size
+          * @default 'md'
          */
         "inputSize": 'sm' | 'md' | 'lg' | 'xl';
         /**
           * Value of the input
+          * @default ''
          */
         "inputValue": string;
         /**
           * Disables the input
+          * @default false
          */
         "isDisabled": boolean;
         /**
           * Error state of the input
+          * @default false
          */
         "isError": boolean;
     }
     interface ZonosInvoice {
         /**
           * Flag to determine if the checkout is on mobile
+          * @default false
          */
         "mobile": boolean;
         /**
           * Whether or not the component is being rendered with tablet styles
+          * @default false
          */
         "tablet": boolean;
     }
     interface ZonosInvoiceCartItems {
         /**
           * Whether the component is mobile
+          * @default false
          */
         "isMobile": boolean;
     }
     interface ZonosInvoiceFinish {
         /**
           * The border radius style of the dialog
+          * @default 'ROUNDED'
          */
         "borderRadius": ElementsUiStyle;
         /**
           * The confirmation id for the invoice order
+          * @default null
          */
         "confirmationId": string | null;
         /**
@@ -3109,10 +3189,12 @@ declare namespace Components {
         "dataTheme"?: ElementsUiTheme;
         /**
           * Override mobile mode
+          * @default false
          */
         "mobile": boolean;
         /**
           * Override tablet mode
+          * @default false
          */
         "tablet": boolean;
     }
@@ -3123,16 +3205,19 @@ declare namespace Components {
         "collapsed": boolean;
         /**
           * The landed cost id that is used to fetch the shipping address
+          * @default ''
          */
         "landedCostId": string;
         /**
           * Whether or not the component is being rendered with mobile styles
+          * @default true
          */
         "mobile": boolean;
     }
     interface ZonosInvoicePayment {
         /**
           * Whether or not the continue button is loading
+          * @default false
          */
         "continueLoading": boolean;
         /**
@@ -3151,20 +3236,24 @@ declare namespace Components {
     interface ZonosInvoiceReview {
         /**
           * Whether or not to show the collapse icon This is controled from the collapsed state of the zonos-collapse component to show the collapse icon
+          * @default false
          */
         "collapsed": boolean;
         /**
           * Whether or not the component is being rendered with mobile styles
+          * @default false
          */
         "mobile": boolean;
         /**
           * Whether or not the component is being rendered with tablet styles
+          * @default false
          */
         "tablet": boolean;
     }
     interface ZonosInvoiceSubtotal {
         /**
           * Whether the component is mobile
+          * @default false
          */
         "isMobile": boolean;
     }
@@ -3178,6 +3267,7 @@ declare namespace Components {
     interface ZonosLink {
         /**
           * The href for the link
+          * @default ''
          */
         "href": string;
         /**
@@ -3196,10 +3286,12 @@ declare namespace Components {
     interface ZonosLinkAuthentication {
         /**
           * Default email for stripe
+          * @default null
          */
         "defaultEmail": string | null;
         /**
           * Email error text to dispaly
+          * @default false
          */
         "isEmailError": boolean;
         /**
@@ -3215,6 +3307,7 @@ declare namespace Components {
         "open": boolean;
         /**
           * Spinner size (optional, default 40)
+          * @default 40
          */
         "size": number;
         /**
@@ -3231,10 +3324,12 @@ declare namespace Components {
     interface ZonosLogo {
         /**
           * Theme to change the color of the logo
+          * @default 'LIGHT'
          */
         "theme": ElementsUiTheme;
         /**
           * The width of the logo
+          * @default 'auto'
          */
         "width": string;
     }
@@ -3271,10 +3366,12 @@ declare namespace Components {
     interface ZonosReview {
         /**
           * Whether or not to show the collapse icon This is controled from the collapsed state of the zonos-collapse component to show the collapse icon
+          * @default false
          */
         "collapsed": boolean;
         /**
           * Whether or not the component is being rendered with mobile styles
+          * @default false
          */
         "mobile": boolean;
     }
@@ -3286,12 +3383,14 @@ declare namespace Components {
         "handleOnClose": () => void;
         /**
           * The label for the select dialog
+          * @default ''
          */
         "label": string;
     }
     interface ZonosShipping {
         /**
           * Whether or not the continue button is loading
+          * @default false
          */
         "continueLoading": boolean;
         /**
@@ -3364,6 +3463,7 @@ declare namespace Components {
     interface ZonosStoreCredit {
         /**
           * Whether the component is enabled
+          * @default true
          */
         "enabled": boolean;
     }
@@ -3377,6 +3477,7 @@ declare namespace Components {
         "autoComplete"?: string;
         /**
           * Error message of the input
+          * @default ''
          */
         "error"?: string;
         /**
@@ -3385,18 +3486,22 @@ declare namespace Components {
         "inputLabel": string;
         /**
           * Placeholder for the input
+          * @default ''
          */
         "inputPlaceholder": string;
         /**
           * Value of the stripeInput
+          * @default ''
          */
         "inputValue": string;
         /**
           * Disables the input
+          * @default false
          */
         "isDisabled": boolean;
         /**
           * Error state of the input
+          * @default false
          */
         "isError": boolean;
         /**
@@ -3413,28 +3518,34 @@ declare namespace Components {
         "overrideSecondaryColor"?: string;
         /**
           * Whether the input is required
+          * @default false
          */
         "required"?: boolean;
         /**
           * The value of the input.
+          * @default ''
          */
         "value": string;
     }
     interface ZonosStripePhoneInput {
         /**
           * The autoComplete attribute for the phone input
+          * @default ''
          */
         "autoComplete": string;
         /**
           * The country code of the phone input
+          * @default null
          */
         "countryCode": CountryCode | null;
         /**
           * Available country options for the select dropdown
+          * @default null
          */
         "countryOptions": GenericZonosSettings['countryFields'] | null;
         /**
           * Whether the input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -3465,22 +3576,27 @@ declare namespace Components {
     interface ZonosStripeSelect {
         /**
           * The autoComplete attribute for the select.
+          * @default ''
          */
         "autoComplete": string;
         /**
           * Error message of the select
+          * @default ''
          */
         "error": string;
         /**
           * Whether the select can be cleared
+          * @default false
          */
         "isClearable": boolean;
         /**
           * Disables the select
+          * @default false
          */
         "isDisabled": boolean;
         /**
           * Error state of the select
+          * @default false
          */
         "isError": boolean;
         /**
@@ -3493,6 +3609,7 @@ declare namespace Components {
         "name"?: string;
         /**
           * Options for the select. Must be set using a query selector.
+          * @default []
          */
         "options": SelectOption[];
         /**
@@ -3505,6 +3622,7 @@ declare namespace Components {
         "overrideSecondaryColor"?: string;
         /**
           * Whether the select is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -3513,14 +3631,17 @@ declare namespace Components {
         "selectLabel": string;
         /**
           * Placeholder for the select
+          * @default ''
          */
         "selectPlaceholder": string;
         /**
           * Selected value of the select
+          * @default ''
          */
         "selectedValue": string;
         /**
           * The value of the select.
+          * @default ''
          */
         "value": string;
     }
@@ -3531,10 +3652,12 @@ declare namespace Components {
         "size"?: Size;
         /**
           * The icon element to display
+          * @default 'gray-1000'
          */
         "textColor": Color | (string & { _placeholder?: never });
         /**
           * Type of the text to display
+          * @default 'body'
          */
         "type": Type;
         /**
@@ -3545,6 +3668,7 @@ declare namespace Components {
     interface ZonosToggle {
         /**
           * Options for the toggle
+          * @default []
          */
         "options": ToggleItem<string>[];
         /**
@@ -3555,10 +3679,12 @@ declare namespace Components {
     interface ZonosTooltip {
         /**
           * The title of the tooltip
+          * @default ''
          */
         "label": string;
         /**
           * The subtitle of the tooltip
+          * @default ''
          */
         "subtitle": string;
     }
@@ -4650,9 +4776,12 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K]?: never };
+
     interface ZonosAddress {
         /**
           * Default address for stripe
+          * @default []
          */
         "defaultAddress"?: ContactOption[];
         /**
@@ -4665,10 +4794,12 @@ declare namespace LocalJSX {
         "onTaxIdChanged"?: (event: ZonosAddressCustomEvent<string>) => void;
         /**
           * Error message for short address code input
+          * @default ''
          */
         "shortAddressCodeErrorMessage"?: string;
         /**
           * Error message for tax id input
+          * @default ''
          */
         "taxIdErrorMessage"?: string;
         /**
@@ -4683,18 +4814,22 @@ declare namespace LocalJSX {
     interface ZonosAddressCompletionDialog {
         /**
           * Whether or not the continue button is loading
+          * @default false
          */
         "continueLoading"?: boolean;
         /**
           * Whether or not the dialog is open
+          * @default false
          */
         "dialogOpen"?: boolean;
         /**
           * Whether or not the dialog is rendered in mobile mode
+          * @default false
          */
         "isMobile"?: boolean;
         /**
           * The Zonos-required fields still missing from the selected address
+          * @default []
          */
         "missingFields"?: MissingShippingField[];
         /**
@@ -4753,6 +4888,7 @@ declare namespace LocalJSX {
         "onSuggestionSelected"?: (event: ZonosAddressSuggestionsCustomEvent<EventPayloadMap['placeSelected']>) => void;
         /**
           * Suggestions to display
+          * @default []
          */
         "suggestions"?: IframeSuggestionsResponsePayload['suggestions'];
         /**
@@ -4767,6 +4903,7 @@ declare namespace LocalJSX {
         "billingAddress": EnteredInfo | null;
         /**
           * Whether or not the continue button is loading
+          * @default false
          */
         "continueLoading"?: boolean;
         /**
@@ -4775,10 +4912,12 @@ declare namespace LocalJSX {
         "dialogLoading": boolean;
         /**
           * Whether or not the dialog is open
+          * @default false
          */
         "dialogOpen"?: boolean;
         /**
           * Whether or not the dialog is open
+          * @default false
          */
         "isMobile"?: boolean;
         /**
@@ -4878,6 +5017,7 @@ declare namespace LocalJSX {
         "backgroundColor"?: Color | (string & { _placeholder?: never });
         /**
           * Whether or not the button text color is bold
+          * @default false
          */
         "bold"?: boolean;
         /**
@@ -4905,6 +5045,7 @@ declare namespace LocalJSX {
           * @prop ().
           * @prop decorator is to watch the update of the attribute of the component in the dom. And `disabled` prop is not an only factor to determine the component is disabled. isLoading
           * @prop () also affect that. <Host> is also referred to a component itself, if disabled prop is true, the `zonos-button` will have disabled attribute. So let's say when the loading state is true, and the component consume the zonos-button doesn't pass the disabled prop down. It accidentally turns the disabled prop on even thought the disabled state is not changed from the outside.
+          * @default false
          */
         "isDisabled"?: boolean;
         /**
@@ -4914,6 +5055,7 @@ declare namespace LocalJSX {
         "justifyContent"?: 'center' | 'flex-end' | 'flex-start';
         /**
           * Whether or not the button is loading
+          * @default false
          */
         "loading"?: boolean;
         /**
@@ -4923,10 +5065,12 @@ declare namespace LocalJSX {
         "noBackground"?: boolean;
         /**
           * Whether or not the button has a left padding
+          * @default false
          */
         "noPaddingLeft"?: boolean;
         /**
           * Whether or not the button has a right padding
+          * @default false
          */
         "noPaddingRight"?: boolean;
         /**
@@ -4952,6 +5096,7 @@ declare namespace LocalJSX {
     | 'warning';
         /**
           * Whether or not the button has a box shadow
+          * @default false
          */
         "withBoxShadow"?: boolean;
     }
@@ -4987,6 +5132,7 @@ declare namespace LocalJSX {
         "label"?: HTMLElement;
         /**
           * The spacing to apply between elements in the card
+          * @default '24px'
          */
         "spacing"?: string;
     }
@@ -4995,6 +5141,7 @@ declare namespace LocalJSX {
     interface ZonosCartRestrictedItems {
         /**
           * This is to hide the section when the parent collapse on mobile
+          * @default false
          */
         "hide"?: boolean;
     }
@@ -5011,6 +5158,7 @@ declare namespace LocalJSX {
     interface ZonosCheckbox {
         /**
           * background color of the checkbox
+          * @default 'blue'
          */
         "backgroundColor"?: | CheckboxColorPrefix
     | (string & { _placeholder?: never });
@@ -5021,14 +5169,17 @@ declare namespace LocalJSX {
         "borderStyle"?: ElementsUiStyle;
         /**
           * Font size of the checkbox text
+          * @default 'base'
          */
         "fontSize"?: Size;
         /**
           * Whether or not the checkbox is checked
+          * @default false
          */
         "isChecked"?: boolean;
         /**
           * Whether or not the checkbox is disabled
+          * @default false
          */
         "isDisabled"?: boolean;
         /**
@@ -5041,6 +5192,7 @@ declare namespace LocalJSX {
         "onCheckboxSelected"?: (event: ZonosCheckboxCustomEvent<boolean>) => void;
         /**
           * Size of the checkbox
+          * @default 12
          */
         "size"?: 12 | 16 | 24;
     }
@@ -5051,19 +5203,23 @@ declare namespace LocalJSX {
         "appearanceSettingsOverride"?: Partial<AppearanceConfig>;
         /**
           * Default address to use for the checkout (preview mode)
+          * @default []
          */
         "defaultAddress"?: | StripeStoreContactOption[]
     | StripeStoreContactOption;
         /**
           * Force dialog to be open
+          * @default false
          */
         "forceDialogOpen"?: boolean;
         /**
           * Hidden mode to hide the checkout modal in preview mode
+          * @default false
          */
         "hiddenMode"?: boolean;
         /**
           * Flag to determine if the checkout is on mobile
+          * @default false
          */
         "mobile"?: boolean;
         /**
@@ -5072,12 +5228,14 @@ declare namespace LocalJSX {
         "overrideStagingMode"?: boolean;
         /**
           * Preview checkout without needing to click on the button. This would be useful for demo purpose
+          * @default false
          */
         "preview"?: boolean;
     }
     interface ZonosCheckoutFinish {
         /**
           * The border radius style of the dialog
+          * @default 'ROUNDED'
          */
         "borderRadius"?: ElementsUiStyle;
         /**
@@ -5104,16 +5262,19 @@ declare namespace LocalJSX {
         "dataTheme"?: ElementsUiTheme;
         /**
           * Override mobile mode
+          * @default false
          */
         "mobile"?: boolean;
     }
     interface ZonosCheckoutPayment {
         /**
           * Whether or not the continue button is loading
+          * @default false
          */
         "continueLoading"?: boolean;
         /**
           * Whether or not the checkout is in mobile mode
+          * @default false
          */
         "isMobile"?: boolean;
         /**
@@ -5144,30 +5305,36 @@ declare namespace LocalJSX {
     interface ZonosCheckoutProgressTabs {
         /**
           * Background color of the parent that's wrapped around the tab progress bar
+          * @default null
          */
         "backgroundColor"?: Color | (string & { _placeholder?: never }) | null;
         /**
           * Color of the tab progress bar and label, override the secondary color of the appearance settings
+          * @default null
          */
         "tabColor"?: string | null;
     }
     interface ZonosCollapse {
         /**
           * Collapsed size when collapsed
+          * @default 0
          */
         "collapseSize"?: number;
         /**
           * Collapsed state of the element
+          * @default false
          */
         "collapsed"?: boolean;
     }
     interface ZonosCollect {
         /**
           * Flag to determine if the checkout is on mobile
+          * @default false
          */
         "mobile"?: boolean;
         /**
           * Whether or not the component is being rendered with tablet styles
+          * @default false
          */
         "tablet"?: boolean;
     }
@@ -5176,10 +5343,12 @@ declare namespace LocalJSX {
     interface ZonosCollectFinish {
         /**
           * The border radius style of the dialog
+          * @default 'ROUNDED'
          */
         "borderRadius"?: ElementsUiStyle;
         /**
           * The confirmation id for the collect order
+          * @default null
          */
         "confirmationId"?: string | null;
         /**
@@ -5206,10 +5375,12 @@ declare namespace LocalJSX {
         "dataTheme"?: ElementsUiTheme;
         /**
           * Override mobile mode
+          * @default false
          */
         "mobile"?: boolean;
         /**
           * Override tablet mode
+          * @default false
          */
         "tablet"?: boolean;
     }
@@ -5220,10 +5391,12 @@ declare namespace LocalJSX {
         "collapsed": boolean;
         /**
           * The landed cost id that is used to fetch the shipping address
+          * @default ''
          */
         "landedCostId"?: string;
         /**
           * Whether or not the component is being rendered with mobile styles
+          * @default true
          */
         "mobile"?: boolean;
         /**
@@ -5234,6 +5407,7 @@ declare namespace LocalJSX {
     interface ZonosCollectPayment {
         /**
           * Whether or not the continue button is loading
+          * @default false
          */
         "continueLoading"?: boolean;
         /**
@@ -5268,14 +5442,17 @@ declare namespace LocalJSX {
     interface ZonosCollectReview {
         /**
           * Whether or not to show the collapse icon This is controled from the collapsed state of the zonos-collapse component to show the collapse icon
+          * @default false
          */
         "collapsed"?: boolean;
         /**
           * Whether or not the component is being rendered with mobile styles
+          * @default false
          */
         "mobile"?: boolean;
         /**
           * Whether or not the component is being rendered with tablet styles
+          * @default false
          */
         "tablet"?: boolean;
     }
@@ -5284,14 +5461,17 @@ declare namespace LocalJSX {
     interface ZonosComponent {
         /**
           * The first name
+          * @default ''
          */
         "first"?: string;
         /**
           * The last name
+          * @default ''
          */
         "last"?: string;
         /**
           * The middle name
+          * @default ''
          */
         "middle"?: string;
     }
@@ -5335,6 +5515,7 @@ declare namespace LocalJSX {
         "dialogWidth"?: number;
         /**
           * Whether or not the dialog is open
+          * @default false
          */
         "isMobile"?: boolean;
         /**
@@ -5397,6 +5578,7 @@ declare namespace LocalJSX {
     interface ZonosCustomAddress {
         /**
           * Default address for stripe
+          * @default []
          */
         "defaultAddress"?: ContactOption[];
         /**
@@ -5413,10 +5595,12 @@ declare namespace LocalJSX {
         "onInvalidCharacters"?: (event: ZonosCustomAddressCustomEvent<boolean>) => void;
         /**
           * Error message for short address code input
+          * @default ''
          */
         "shortAddressCodeErrorMessage"?: string;
         /**
           * Error message for tax id input
+          * @default ''
          */
         "taxIdErrorMessage"?: string;
         /**
@@ -5431,24 +5615,29 @@ declare namespace LocalJSX {
     interface ZonosCustomMessage {
         /**
           * The custom message icon
+          * @default ''
          */
         "icon"?: string;
         /**
           * The custom message text
+          * @default ''
          */
         "message"?: string;
     }
     interface ZonosCustomerInfo {
         /**
           * Whether or not the continue button is loading
+          * @default false
          */
         "continueLoading"?: boolean;
         /**
           * Default address to use for the checkout (preview mode)
+          * @default []
          */
         "defaultAddress"?: StripeStoreContactOption[];
         /**
           * Whether or not the dialog is open
+          * @default false
          */
         "isMobile"?: boolean;
         /**
@@ -5469,6 +5658,7 @@ declare namespace LocalJSX {
   }>) => void;
         /**
           * Whether to override custom address form to be always visible
+          * @default false
          */
         "shouldUseCustomAddressFormOverride"?: boolean;
         /**
@@ -5488,6 +5678,7 @@ declare namespace LocalJSX {
         "borderStyle"?: ElementsUiStyle;
         /**
           * The header text for the dialog
+          * @default ''
          */
         "headerText"?: string;
         /**
@@ -5496,6 +5687,7 @@ declare namespace LocalJSX {
         "height"?: string;
         /**
           * Load loading spinner for the dialog or not
+          * @default true
          */
         "isLoading"?: boolean;
         /**
@@ -5512,6 +5704,7 @@ declare namespace LocalJSX {
         "minHeight"?: string;
         /**
           * Flag to determine if the checkout is on mobile
+          * @default false
          */
         "mobile"?: boolean;
         /**
@@ -5561,6 +5754,7 @@ declare namespace LocalJSX {
         "emptyStateText": string;
         /**
           * Theme color of the icon
+          * @default 'LIGHT'
          */
         "theme"?: ElementsUiTheme;
     }
@@ -5603,6 +5797,7 @@ declare namespace LocalJSX {
         "appearanceSettings"?: Partial<AppearanceConfig>;
         /**
           * Whether or not the dialog is open
+          * @default false
          */
         "isOpen"?: boolean;
         /**
@@ -5670,22 +5865,27 @@ declare namespace LocalJSX {
         "inputLabel": string;
         /**
           * Placeholder for the input
+          * @default ''
          */
         "inputPlaceholder"?: string;
         /**
           * Input size
+          * @default 'md'
          */
         "inputSize"?: 'sm' | 'md' | 'lg' | 'xl';
         /**
           * Value of the input
+          * @default ''
          */
         "inputValue"?: string;
         /**
           * Disables the input
+          * @default false
          */
         "isDisabled"?: boolean;
         /**
           * Error state of the input
+          * @default false
          */
         "isError"?: boolean;
         /**
@@ -5696,26 +5896,31 @@ declare namespace LocalJSX {
     interface ZonosInvoice {
         /**
           * Flag to determine if the checkout is on mobile
+          * @default false
          */
         "mobile"?: boolean;
         /**
           * Whether or not the component is being rendered with tablet styles
+          * @default false
          */
         "tablet"?: boolean;
     }
     interface ZonosInvoiceCartItems {
         /**
           * Whether the component is mobile
+          * @default false
          */
         "isMobile"?: boolean;
     }
     interface ZonosInvoiceFinish {
         /**
           * The border radius style of the dialog
+          * @default 'ROUNDED'
          */
         "borderRadius"?: ElementsUiStyle;
         /**
           * The confirmation id for the invoice order
+          * @default null
          */
         "confirmationId"?: string | null;
         /**
@@ -5742,10 +5947,12 @@ declare namespace LocalJSX {
         "dataTheme"?: ElementsUiTheme;
         /**
           * Override mobile mode
+          * @default false
          */
         "mobile"?: boolean;
         /**
           * Override tablet mode
+          * @default false
          */
         "tablet"?: boolean;
     }
@@ -5756,10 +5963,12 @@ declare namespace LocalJSX {
         "collapsed": boolean;
         /**
           * The landed cost id that is used to fetch the shipping address
+          * @default ''
          */
         "landedCostId"?: string;
         /**
           * Whether or not the component is being rendered with mobile styles
+          * @default true
          */
         "mobile"?: boolean;
         /**
@@ -5770,6 +5979,7 @@ declare namespace LocalJSX {
     interface ZonosInvoicePayment {
         /**
           * Whether or not the continue button is loading
+          * @default false
          */
         "continueLoading"?: boolean;
         /**
@@ -5800,20 +6010,24 @@ declare namespace LocalJSX {
     interface ZonosInvoiceReview {
         /**
           * Whether or not to show the collapse icon This is controled from the collapsed state of the zonos-collapse component to show the collapse icon
+          * @default false
          */
         "collapsed"?: boolean;
         /**
           * Whether or not the component is being rendered with mobile styles
+          * @default false
          */
         "mobile"?: boolean;
         /**
           * Whether or not the component is being rendered with tablet styles
+          * @default false
          */
         "tablet"?: boolean;
     }
     interface ZonosInvoiceSubtotal {
         /**
           * Whether the component is mobile
+          * @default false
          */
         "isMobile"?: boolean;
     }
@@ -5827,6 +6041,7 @@ declare namespace LocalJSX {
     interface ZonosLink {
         /**
           * The href for the link
+          * @default ''
          */
         "href"?: string;
         /**
@@ -5845,10 +6060,12 @@ declare namespace LocalJSX {
     interface ZonosLinkAuthentication {
         /**
           * Default email for stripe
+          * @default null
          */
         "defaultEmail"?: string | null;
         /**
           * Email error text to dispaly
+          * @default false
          */
         "isEmailError"?: boolean;
         /**
@@ -5868,6 +6085,7 @@ declare namespace LocalJSX {
         "open"?: boolean;
         /**
           * Spinner size (optional, default 40)
+          * @default 40
          */
         "size"?: number;
         /**
@@ -5884,10 +6102,12 @@ declare namespace LocalJSX {
     interface ZonosLogo {
         /**
           * Theme to change the color of the logo
+          * @default 'LIGHT'
          */
         "theme"?: ElementsUiTheme;
         /**
           * The width of the logo
+          * @default 'auto'
          */
         "width"?: string;
     }
@@ -5928,10 +6148,12 @@ declare namespace LocalJSX {
     interface ZonosReview {
         /**
           * Whether or not to show the collapse icon This is controled from the collapsed state of the zonos-collapse component to show the collapse icon
+          * @default false
          */
         "collapsed"?: boolean;
         /**
           * Whether or not the component is being rendered with mobile styles
+          * @default false
          */
         "mobile"?: boolean;
     }
@@ -5943,12 +6165,14 @@ declare namespace LocalJSX {
         "handleOnClose"?: () => void;
         /**
           * The label for the select dialog
+          * @default ''
          */
         "label"?: string;
     }
     interface ZonosShipping {
         /**
           * Whether or not the continue button is loading
+          * @default false
          */
         "continueLoading"?: boolean;
         /**
@@ -6029,6 +6253,7 @@ declare namespace LocalJSX {
     interface ZonosStoreCredit {
         /**
           * Whether the component is enabled
+          * @default true
          */
         "enabled"?: boolean;
     }
@@ -6042,6 +6267,7 @@ declare namespace LocalJSX {
         "autoComplete"?: string;
         /**
           * Error message of the input
+          * @default ''
          */
         "error"?: string;
         /**
@@ -6050,18 +6276,22 @@ declare namespace LocalJSX {
         "inputLabel": string;
         /**
           * Placeholder for the input
+          * @default ''
          */
         "inputPlaceholder"?: string;
         /**
           * Value of the stripeInput
+          * @default ''
          */
         "inputValue"?: string;
         /**
           * Disables the input
+          * @default false
          */
         "isDisabled"?: boolean;
         /**
           * Error state of the input
+          * @default false
          */
         "isError"?: boolean;
         /**
@@ -6082,28 +6312,34 @@ declare namespace LocalJSX {
         "overrideSecondaryColor"?: string;
         /**
           * Whether the input is required
+          * @default false
          */
         "required"?: boolean;
         /**
           * The value of the input.
+          * @default ''
          */
         "value"?: string;
     }
     interface ZonosStripePhoneInput {
         /**
           * The autoComplete attribute for the phone input
+          * @default ''
          */
         "autoComplete"?: string;
         /**
           * The country code of the phone input
+          * @default null
          */
         "countryCode"?: CountryCode | null;
         /**
           * Available country options for the select dropdown
+          * @default null
          */
         "countryOptions"?: GenericZonosSettings['countryFields'] | null;
         /**
           * Whether the input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -6144,22 +6380,27 @@ declare namespace LocalJSX {
     interface ZonosStripeSelect {
         /**
           * The autoComplete attribute for the select.
+          * @default ''
          */
         "autoComplete"?: string;
         /**
           * Error message of the select
+          * @default ''
          */
         "error"?: string;
         /**
           * Whether the select can be cleared
+          * @default false
          */
         "isClearable"?: boolean;
         /**
           * Disables the select
+          * @default false
          */
         "isDisabled"?: boolean;
         /**
           * Error state of the select
+          * @default false
          */
         "isError"?: boolean;
         /**
@@ -6176,6 +6417,7 @@ declare namespace LocalJSX {
         "onSelectChange"?: (event: ZonosStripeSelectCustomEvent<string>) => void;
         /**
           * Options for the select. Must be set using a query selector.
+          * @default []
          */
         "options"?: SelectOption[];
         /**
@@ -6188,6 +6430,7 @@ declare namespace LocalJSX {
         "overrideSecondaryColor"?: string;
         /**
           * Whether the select is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -6196,14 +6439,17 @@ declare namespace LocalJSX {
         "selectLabel": string;
         /**
           * Placeholder for the select
+          * @default ''
          */
         "selectPlaceholder"?: string;
         /**
           * Selected value of the select
+          * @default ''
          */
         "selectedValue"?: string;
         /**
           * The value of the select.
+          * @default ''
          */
         "value"?: string;
     }
@@ -6214,10 +6460,12 @@ declare namespace LocalJSX {
         "size"?: Size;
         /**
           * The icon element to display
+          * @default 'gray-1000'
          */
         "textColor"?: Color | (string & { _placeholder?: never });
         /**
           * Type of the text to display
+          * @default 'body'
          */
         "type"?: Type;
         /**
@@ -6232,6 +6480,7 @@ declare namespace LocalJSX {
         "onToggleChanged"?: (event: ZonosToggleCustomEvent<string>) => void;
         /**
           * Options for the toggle
+          * @default []
          */
         "options"?: ToggleItem<string>[];
         /**
@@ -6242,10 +6491,12 @@ declare namespace LocalJSX {
     interface ZonosTooltip {
         /**
           * The title of the tooltip
+          * @default ''
          */
         "label"?: string;
         /**
           * The subtitle of the tooltip
+          * @default ''
          */
         "subtitle"?: string;
     }
@@ -6285,180 +6536,582 @@ declare namespace LocalJSX {
          */
         "renderItem": VirtualScrollRenderItem;
     }
+
+    interface ZonosAddressAttributes {
+        "type": 'billing' | 'shipping';
+        "titleText": string;
+        "taxIdErrorMessage": string;
+        "shortAddressCodeErrorMessage": string;
+    }
+    interface ZonosAddressCompletionDialogAttributes {
+        "continueLoading": boolean;
+        "dialogOpen": boolean;
+        "isMobile": boolean;
+        "submitBtnColor": string;
+        "submitBtnType": HTMLZonosButtonElement['variant'];
+    }
+    interface ZonosAddressDisplayAttributes {
+        "addressType": 'shipping' | 'billing';
+    }
+    interface ZonosAddressFormAttributes {
+        "addressType": 'shipping' | 'billing';
+    }
+    interface ZonosAddressSuggestionsAttributes {
+        "type": 'billing' | 'shipping';
+    }
+    interface ZonosAddressUpdateDialogAttributes {
+        "continueLoading": boolean;
+        "dialogLoading": boolean;
+        "dialogOpen": boolean;
+        "submitBtnType": HTMLZonosButtonElement['variant'];
+        "submitBtnColor": string;
+        "isMobile": boolean;
+    }
+    interface ZonosBadgeAttributes {
+        "bold": boolean;
+        "badgeColor": ColorPrefix | 'transparent';
+        "iconRight": boolean;
+        "size": 'small' | 'default';
+        "rounded": boolean;
+        "loading": boolean;
+    }
+    interface ZonosBannerAttributes {
+        "bannerTitle": string;
+        "intent": BannerIntent;
+    }
+    interface ZonosButtonAttributes {
+        "buttonColor": Color | (string & { _placeholder?: never });
+        "backgroundColor": Color | (string & { _placeholder?: never });
+        "borderStyle": ElementsUiStyle;
+        "isDisabled": boolean;
+        "iconRight": boolean;
+        "size": 'sm' | 'md' | 'lg';
+        "variant": | 'primary'
+    | 'success'
+    | 'subtle'
+    | 'outline'
+    | 'standard'
+    | 'danger'
+    | 'warning';
+        "noBackground": boolean;
+        "withBoxShadow": boolean;
+        "noPaddingLeft": boolean;
+        "noPaddingRight": boolean;
+        "loading": boolean;
+        "justifyContent": 'center' | 'flex-end' | 'flex-start';
+        "bold": boolean;
+        "theme": ElementsUiTheme;
+    }
+    interface ZonosCardAttributes {
+        "backgroundColor": Color;
+        "borderRadius": number;
+        "footerHeight": number;
+        "spacing": string;
+    }
+    interface ZonosCartRestrictedItemsAttributes {
+        "hide": boolean;
+    }
+    interface ZonosCartSubtotalAttributes {
+        "submitBtnType": HTMLZonosButtonElement['variant'];
+        "submitBtnColor": string;
+    }
+    interface ZonosCheckboxAttributes {
+        "backgroundColor": | CheckboxColorPrefix
+    | (string & { _placeholder?: never });
+        "label": string;
+        "isChecked": boolean;
+        "isDisabled": boolean;
+        "size": 12 | 16 | 24;
+        "fontSize": Size;
+        "borderStyle": ElementsUiStyle;
+    }
+    interface ZonosCheckoutAttributes {
+        "preview": boolean;
+        "hiddenMode": boolean;
+        "mobile": boolean;
+        "overrideStagingMode": boolean;
+        "forceDialogOpen": boolean;
+    }
+    interface ZonosCheckoutFinishAttributes {
+        "borderRadius": ElementsUiStyle;
+        "storybookForceStatus": PaymentIntent['status'];
+    }
+    interface ZonosCheckoutFooterAttributes {
+        "mobile": boolean;
+        "dataTheme": ElementsUiTheme;
+    }
+    interface ZonosCheckoutPaymentAttributes {
+        "submitBtnType": HTMLZonosButtonElement['variant'];
+        "continueLoading": boolean;
+        "submitBtnColor": string;
+        "isMobile": boolean;
+        "overridePrimaryColor": string;
+    }
+    interface ZonosCheckoutProgressTabsAttributes {
+        "tabColor": string | null;
+        "backgroundColor": Color | (string & { _placeholder?: never }) | null;
+    }
+    interface ZonosCollapseAttributes {
+        "collapsed": boolean;
+        "collapseSize": number;
+    }
+    interface ZonosCollectAttributes {
+        "mobile": boolean;
+        "tablet": boolean;
+    }
+    interface ZonosCollectFinishAttributes {
+        "borderRadius": ElementsUiStyle;
+        "storybookForceStatus": PaymentIntent['status'];
+        "confirmationId": string | null;
+    }
+    interface ZonosCollectFooterAttributes {
+        "mobile": boolean;
+        "tablet": boolean;
+        "dataTheme": ElementsUiTheme;
+    }
+    interface ZonosCollectOrderDetailsAttributes {
+        "mobile": boolean;
+        "collapsed": boolean;
+        "landedCostId": string;
+    }
+    interface ZonosCollectPaymentAttributes {
+        "submitBtnType": HTMLZonosButtonElement['variant'];
+        "continueLoading": boolean;
+        "submitBtnColor": string;
+        "overridePrimaryColor": string;
+    }
+    interface ZonosCollectReviewAttributes {
+        "mobile": boolean;
+        "tablet": boolean;
+        "collapsed": boolean;
+    }
+    interface ZonosComponentAttributes {
+        "first": string;
+        "middle": string;
+        "last": string;
+    }
+    interface ZonosConfirmDialogAttributes {
+        "dialogTitle": string;
+        "dialogIntent": 'info' | 'danger' | 'warn';
+        "dialogSubtitle": string | null;
+        "submitBtnColor": string;
+        "dialogConfirmBtnText": string;
+        "dialogWidth": number;
+        "dialogCancelBtnText": string;
+        "dialogType": 'alert' | 'confirm';
+        "isMobile": boolean;
+        "dialogOpen": boolean;
+        "noClickOutside": boolean;
+    }
+    interface ZonosControllerAttributes {
+        "zonosApiKey": string;
+    }
+    interface ZonosCountryFlagAttributes {
+        "countryCode": CountryCode | null;
+        "size": number;
+    }
+    interface ZonosCustomAddressAttributes {
+        "type": 'billing' | 'shipping';
+        "titleText": string;
+        "taxIdErrorMessage": string;
+        "shortAddressCodeErrorMessage": string;
+    }
+    interface ZonosCustomMessageAttributes {
+        "icon": string;
+        "message": string;
+    }
+    interface ZonosCustomerInfoAttributes {
+        "continueLoading": boolean;
+        "submitBtnType": HTMLZonosButtonElement['variant'];
+        "submitBtnColor": string;
+        "isMobile": boolean;
+        "shouldUseCustomAddressFormOverride": boolean;
+    }
+    interface ZonosDialogAttributes {
+        "open": boolean;
+        "headerText": string;
+        "width": string;
+        "height": string;
+        "minHeight": string;
+        "noHeader": boolean;
+        "loadingTitle": string;
+        "loadingText": string;
+        "noBodyPadding": boolean;
+        "noBorder": boolean;
+        "borderStyle": ElementsUiStyle;
+        "noCloseButton": boolean;
+        "noClickOutside": boolean;
+        "mobile": boolean;
+        "isLoading": boolean;
+    }
+    interface ZonosEmptyStatePaymentAttributes {
+        "emptyStateText": string;
+        "theme": ElementsUiTheme;
+    }
+    interface ZonosHStackAttributes {
+        "spacing": GridSpacing;
+    }
+    interface ZonosHelloAttributes {
+        "mobileLocationOverride": HelloMobileLocation;
+        "desktopLocationOverride": HelloDesktopLocation;
+        "animateFromLeftOverride": boolean;
+    }
+    interface ZonosHelloDialogAttributes {
+        "isOpen": boolean;
+        "mobileLocationOverride": HelloMobileLocation;
+        "animateFromLeftOverride": boolean;
+    }
+    interface ZonosIconAttributes {
+        "autoHeight": boolean;
+        "iconColor": Color | (string & { _placeholder?: never });
+        "content": string;
+        "size": number;
+    }
+    interface ZonosInputAttributes {
+        "inputValue": string;
+        "inputLabel": string;
+        "inputSize": 'sm' | 'md' | 'lg' | 'xl';
+        "isDisabled": boolean;
+        "isError": boolean;
+        "inputPlaceholder": string;
+    }
+    interface ZonosInvoiceAttributes {
+        "mobile": boolean;
+        "tablet": boolean;
+    }
+    interface ZonosInvoiceCartItemsAttributes {
+        "isMobile": boolean;
+    }
+    interface ZonosInvoiceFinishAttributes {
+        "borderRadius": ElementsUiStyle;
+        "storybookForceStatus": PaymentIntent['status'];
+        "confirmationId": string | null;
+    }
+    interface ZonosInvoiceFooterAttributes {
+        "mobile": boolean;
+        "tablet": boolean;
+        "dataTheme": ElementsUiTheme;
+    }
+    interface ZonosInvoiceOrderDetailsAttributes {
+        "mobile": boolean;
+        "collapsed": boolean;
+        "landedCostId": string;
+    }
+    interface ZonosInvoicePaymentAttributes {
+        "submitBtnType": HTMLZonosButtonElement['variant'];
+        "continueLoading": boolean;
+        "submitBtnColor": string;
+        "overridePrimaryColor": string;
+    }
+    interface ZonosInvoiceReviewAttributes {
+        "mobile": boolean;
+        "tablet": boolean;
+        "collapsed": boolean;
+    }
+    interface ZonosInvoiceSubtotalAttributes {
+        "isMobile": boolean;
+    }
+    interface ZonosLinkAttributes {
+        "href": string;
+        "rel": string;
+        "target": string;
+        "linkTitle": string;
+    }
+    interface ZonosLinkAuthenticationAttributes {
+        "titleText": string;
+        "defaultEmail": string | null;
+        "isEmailError": boolean;
+    }
+    interface ZonosLoadingOverlayAttributes {
+        "open": boolean;
+        "spinnerColor": | 'primary'
+    | 'info'
+    | 'success'
+    | 'danger'
+    | 'warning'
+    | 'black'
+    | 'white';
+        "size": number;
+    }
+    interface ZonosLogoAttributes {
+        "theme": ElementsUiTheme;
+        "width": string;
+    }
+    interface ZonosPaymentAttributes {
+        "titleText": string;
+    }
+    interface ZonosRestStateAttributes {
+        "restStateSubtitle": string;
+        "restStateTitle": string;
+        "restStateType": RestStateType;
+    }
+    interface ZonosReviewAttributes {
+        "mobile": boolean;
+        "collapsed": boolean;
+    }
+    interface ZonosSelectDialogHeaderAttributes {
+        "label": string;
+    }
+    interface ZonosShippingAttributes {
+        "continueLoading": boolean;
+        "submitBtnColor": string;
+        "submitBtnType": HTMLZonosButtonElement['variant'];
+        "isMobile": boolean;
+    }
+    interface ZonosShippingRichRadioAttributes {
+        "borderColor": Color | (string & { _placeholder?: never });
+        "borderStyle": ElementsUiStyle;
+        "theme": ElementsUiTheme;
+        "isMobile": boolean;
+    }
+    interface ZonosSkeletonAttributes {
+        "skeletonWidth": string;
+        "skeletonHeight": string;
+    }
+    interface ZonosSpinnerAttributes {
+        "size": number;
+        "spinnerColor": SpinnerColor;
+    }
+    interface ZonosStoreCreditAttributes {
+        "enabled": boolean;
+    }
+    interface ZonosStripeInputAttributes {
+        "name": string;
+        "autoComplete": string;
+        "inputValue": string;
+        "inputLabel": string;
+        "overridePrimaryColor": string;
+        "overrideSecondaryColor": string;
+        "isDisabled": boolean;
+        "isError": boolean;
+        "error": string;
+        "inputPlaceholder": string;
+        "value": string;
+        "required": boolean;
+    }
+    interface ZonosStripePhoneInputAttributes {
+        "autoComplete": string;
+        "disabled": boolean;
+        "error": string;
+        "inputLabel": string;
+        "overridePrimaryColor": string;
+        "overrideSecondaryColor": string;
+        "inputValue": string;
+        "countryCode": CountryCode | null;
+        "minWidth": string;
+    }
+    interface ZonosStripeSelectAttributes {
+        "name": string;
+        "selectedValue": string;
+        "selectLabel": string;
+        "overridePrimaryColor": string;
+        "overrideSecondaryColor": string;
+        "isDisabled": boolean;
+        "isError": boolean;
+        "error": string;
+        "selectPlaceholder": string;
+        "autoComplete": string;
+        "value": string;
+        "required": boolean;
+        "isClearable": boolean;
+        "minWidth": string;
+    }
+    interface ZonosTextAttributes {
+        "textColor": Color | (string & { _placeholder?: never });
+        "size": Size;
+        "type": Type;
+        "weight": FontWeight;
+    }
+    interface ZonosToggleAttributes {
+        "value": string;
+    }
+    interface ZonosTooltipAttributes {
+        "label": string;
+        "subtitle": string;
+    }
+    interface ZonosVStackAttributes {
+        "spacing": GridSpacing;
+    }
+    interface ZonosVirtualScrollAttributes {
+        "itemWidth": number;
+        "fallbackItemHeight": number;
+        "buffer": number;
+    }
+
     interface IntrinsicElements {
-        "zonos-address": ZonosAddress;
-        "zonos-address-completion-dialog": ZonosAddressCompletionDialog;
-        "zonos-address-display": ZonosAddressDisplay;
-        "zonos-address-form": ZonosAddressForm;
-        "zonos-address-suggestions": ZonosAddressSuggestions;
-        "zonos-address-update-dialog": ZonosAddressUpdateDialog;
+        "zonos-address": Omit<ZonosAddress, keyof ZonosAddressAttributes> & { [K in keyof ZonosAddress & keyof ZonosAddressAttributes]?: ZonosAddress[K] } & { [K in keyof ZonosAddress & keyof ZonosAddressAttributes as `attr:${K}`]?: ZonosAddressAttributes[K] } & { [K in keyof ZonosAddress & keyof ZonosAddressAttributes as `prop:${K}`]?: ZonosAddress[K] } & OneOf<"type", ZonosAddress["type"], ZonosAddressAttributes["type"]> & OneOf<"titleText", ZonosAddress["titleText"], ZonosAddressAttributes["titleText"]>;
+        "zonos-address-completion-dialog": Omit<ZonosAddressCompletionDialog, keyof ZonosAddressCompletionDialogAttributes> & { [K in keyof ZonosAddressCompletionDialog & keyof ZonosAddressCompletionDialogAttributes]?: ZonosAddressCompletionDialog[K] } & { [K in keyof ZonosAddressCompletionDialog & keyof ZonosAddressCompletionDialogAttributes as `attr:${K}`]?: ZonosAddressCompletionDialogAttributes[K] } & { [K in keyof ZonosAddressCompletionDialog & keyof ZonosAddressCompletionDialogAttributes as `prop:${K}`]?: ZonosAddressCompletionDialog[K] };
+        "zonos-address-display": Omit<ZonosAddressDisplay, keyof ZonosAddressDisplayAttributes> & { [K in keyof ZonosAddressDisplay & keyof ZonosAddressDisplayAttributes]?: ZonosAddressDisplay[K] } & { [K in keyof ZonosAddressDisplay & keyof ZonosAddressDisplayAttributes as `attr:${K}`]?: ZonosAddressDisplayAttributes[K] } & { [K in keyof ZonosAddressDisplay & keyof ZonosAddressDisplayAttributes as `prop:${K}`]?: ZonosAddressDisplay[K] } & OneOf<"addressType", ZonosAddressDisplay["addressType"], ZonosAddressDisplayAttributes["addressType"]>;
+        "zonos-address-form": Omit<ZonosAddressForm, keyof ZonosAddressFormAttributes> & { [K in keyof ZonosAddressForm & keyof ZonosAddressFormAttributes]?: ZonosAddressForm[K] } & { [K in keyof ZonosAddressForm & keyof ZonosAddressFormAttributes as `attr:${K}`]?: ZonosAddressFormAttributes[K] } & { [K in keyof ZonosAddressForm & keyof ZonosAddressFormAttributes as `prop:${K}`]?: ZonosAddressForm[K] } & OneOf<"addressType", ZonosAddressForm["addressType"], ZonosAddressFormAttributes["addressType"]>;
+        "zonos-address-suggestions": Omit<ZonosAddressSuggestions, keyof ZonosAddressSuggestionsAttributes> & { [K in keyof ZonosAddressSuggestions & keyof ZonosAddressSuggestionsAttributes]?: ZonosAddressSuggestions[K] } & { [K in keyof ZonosAddressSuggestions & keyof ZonosAddressSuggestionsAttributes as `attr:${K}`]?: ZonosAddressSuggestionsAttributes[K] } & { [K in keyof ZonosAddressSuggestions & keyof ZonosAddressSuggestionsAttributes as `prop:${K}`]?: ZonosAddressSuggestions[K] } & OneOf<"type", ZonosAddressSuggestions["type"], ZonosAddressSuggestionsAttributes["type"]>;
+        "zonos-address-update-dialog": Omit<ZonosAddressUpdateDialog, keyof ZonosAddressUpdateDialogAttributes> & { [K in keyof ZonosAddressUpdateDialog & keyof ZonosAddressUpdateDialogAttributes]?: ZonosAddressUpdateDialog[K] } & { [K in keyof ZonosAddressUpdateDialog & keyof ZonosAddressUpdateDialogAttributes as `attr:${K}`]?: ZonosAddressUpdateDialogAttributes[K] } & { [K in keyof ZonosAddressUpdateDialog & keyof ZonosAddressUpdateDialogAttributes as `prop:${K}`]?: ZonosAddressUpdateDialog[K] } & OneOf<"dialogLoading", ZonosAddressUpdateDialog["dialogLoading"], ZonosAddressUpdateDialogAttributes["dialogLoading"]>;
         "zonos-airwallex-payment": ZonosAirwallexPayment;
-        "zonos-badge": ZonosBadge;
-        "zonos-banner": ZonosBanner;
-        "zonos-button": ZonosButton;
-        "zonos-card": ZonosCard;
+        "zonos-badge": Omit<ZonosBadge, keyof ZonosBadgeAttributes> & { [K in keyof ZonosBadge & keyof ZonosBadgeAttributes]?: ZonosBadge[K] } & { [K in keyof ZonosBadge & keyof ZonosBadgeAttributes as `attr:${K}`]?: ZonosBadgeAttributes[K] } & { [K in keyof ZonosBadge & keyof ZonosBadgeAttributes as `prop:${K}`]?: ZonosBadge[K] };
+        "zonos-banner": Omit<ZonosBanner, keyof ZonosBannerAttributes> & { [K in keyof ZonosBanner & keyof ZonosBannerAttributes]?: ZonosBanner[K] } & { [K in keyof ZonosBanner & keyof ZonosBannerAttributes as `attr:${K}`]?: ZonosBannerAttributes[K] } & { [K in keyof ZonosBanner & keyof ZonosBannerAttributes as `prop:${K}`]?: ZonosBanner[K] };
+        "zonos-button": Omit<ZonosButton, keyof ZonosButtonAttributes> & { [K in keyof ZonosButton & keyof ZonosButtonAttributes]?: ZonosButton[K] } & { [K in keyof ZonosButton & keyof ZonosButtonAttributes as `attr:${K}`]?: ZonosButtonAttributes[K] } & { [K in keyof ZonosButton & keyof ZonosButtonAttributes as `prop:${K}`]?: ZonosButton[K] };
+        "zonos-card": Omit<ZonosCard, keyof ZonosCardAttributes> & { [K in keyof ZonosCard & keyof ZonosCardAttributes]?: ZonosCard[K] } & { [K in keyof ZonosCard & keyof ZonosCardAttributes as `attr:${K}`]?: ZonosCardAttributes[K] } & { [K in keyof ZonosCard & keyof ZonosCardAttributes as `prop:${K}`]?: ZonosCard[K] };
         "zonos-cart-items": ZonosCartItems;
-        "zonos-cart-restricted-items": ZonosCartRestrictedItems;
-        "zonos-cart-subtotal": ZonosCartSubtotal;
-        "zonos-checkbox": ZonosCheckbox;
-        "zonos-checkout": ZonosCheckout;
-        "zonos-checkout-finish": ZonosCheckoutFinish;
-        "zonos-checkout-footer": ZonosCheckoutFooter;
-        "zonos-checkout-payment": ZonosCheckoutPayment;
-        "zonos-checkout-progress-tabs": ZonosCheckoutProgressTabs;
-        "zonos-collapse": ZonosCollapse;
-        "zonos-collect": ZonosCollect;
+        "zonos-cart-restricted-items": Omit<ZonosCartRestrictedItems, keyof ZonosCartRestrictedItemsAttributes> & { [K in keyof ZonosCartRestrictedItems & keyof ZonosCartRestrictedItemsAttributes]?: ZonosCartRestrictedItems[K] } & { [K in keyof ZonosCartRestrictedItems & keyof ZonosCartRestrictedItemsAttributes as `attr:${K}`]?: ZonosCartRestrictedItemsAttributes[K] } & { [K in keyof ZonosCartRestrictedItems & keyof ZonosCartRestrictedItemsAttributes as `prop:${K}`]?: ZonosCartRestrictedItems[K] };
+        "zonos-cart-subtotal": Omit<ZonosCartSubtotal, keyof ZonosCartSubtotalAttributes> & { [K in keyof ZonosCartSubtotal & keyof ZonosCartSubtotalAttributes]?: ZonosCartSubtotal[K] } & { [K in keyof ZonosCartSubtotal & keyof ZonosCartSubtotalAttributes as `attr:${K}`]?: ZonosCartSubtotalAttributes[K] } & { [K in keyof ZonosCartSubtotal & keyof ZonosCartSubtotalAttributes as `prop:${K}`]?: ZonosCartSubtotal[K] };
+        "zonos-checkbox": Omit<ZonosCheckbox, keyof ZonosCheckboxAttributes> & { [K in keyof ZonosCheckbox & keyof ZonosCheckboxAttributes]?: ZonosCheckbox[K] } & { [K in keyof ZonosCheckbox & keyof ZonosCheckboxAttributes as `attr:${K}`]?: ZonosCheckboxAttributes[K] } & { [K in keyof ZonosCheckbox & keyof ZonosCheckboxAttributes as `prop:${K}`]?: ZonosCheckbox[K] };
+        "zonos-checkout": Omit<ZonosCheckout, keyof ZonosCheckoutAttributes> & { [K in keyof ZonosCheckout & keyof ZonosCheckoutAttributes]?: ZonosCheckout[K] } & { [K in keyof ZonosCheckout & keyof ZonosCheckoutAttributes as `attr:${K}`]?: ZonosCheckoutAttributes[K] } & { [K in keyof ZonosCheckout & keyof ZonosCheckoutAttributes as `prop:${K}`]?: ZonosCheckout[K] };
+        "zonos-checkout-finish": Omit<ZonosCheckoutFinish, keyof ZonosCheckoutFinishAttributes> & { [K in keyof ZonosCheckoutFinish & keyof ZonosCheckoutFinishAttributes]?: ZonosCheckoutFinish[K] } & { [K in keyof ZonosCheckoutFinish & keyof ZonosCheckoutFinishAttributes as `attr:${K}`]?: ZonosCheckoutFinishAttributes[K] } & { [K in keyof ZonosCheckoutFinish & keyof ZonosCheckoutFinishAttributes as `prop:${K}`]?: ZonosCheckoutFinish[K] };
+        "zonos-checkout-footer": Omit<ZonosCheckoutFooter, keyof ZonosCheckoutFooterAttributes> & { [K in keyof ZonosCheckoutFooter & keyof ZonosCheckoutFooterAttributes]?: ZonosCheckoutFooter[K] } & { [K in keyof ZonosCheckoutFooter & keyof ZonosCheckoutFooterAttributes as `attr:${K}`]?: ZonosCheckoutFooterAttributes[K] } & { [K in keyof ZonosCheckoutFooter & keyof ZonosCheckoutFooterAttributes as `prop:${K}`]?: ZonosCheckoutFooter[K] };
+        "zonos-checkout-payment": Omit<ZonosCheckoutPayment, keyof ZonosCheckoutPaymentAttributes> & { [K in keyof ZonosCheckoutPayment & keyof ZonosCheckoutPaymentAttributes]?: ZonosCheckoutPayment[K] } & { [K in keyof ZonosCheckoutPayment & keyof ZonosCheckoutPaymentAttributes as `attr:${K}`]?: ZonosCheckoutPaymentAttributes[K] } & { [K in keyof ZonosCheckoutPayment & keyof ZonosCheckoutPaymentAttributes as `prop:${K}`]?: ZonosCheckoutPayment[K] };
+        "zonos-checkout-progress-tabs": Omit<ZonosCheckoutProgressTabs, keyof ZonosCheckoutProgressTabsAttributes> & { [K in keyof ZonosCheckoutProgressTabs & keyof ZonosCheckoutProgressTabsAttributes]?: ZonosCheckoutProgressTabs[K] } & { [K in keyof ZonosCheckoutProgressTabs & keyof ZonosCheckoutProgressTabsAttributes as `attr:${K}`]?: ZonosCheckoutProgressTabsAttributes[K] } & { [K in keyof ZonosCheckoutProgressTabs & keyof ZonosCheckoutProgressTabsAttributes as `prop:${K}`]?: ZonosCheckoutProgressTabs[K] };
+        "zonos-collapse": Omit<ZonosCollapse, keyof ZonosCollapseAttributes> & { [K in keyof ZonosCollapse & keyof ZonosCollapseAttributes]?: ZonosCollapse[K] } & { [K in keyof ZonosCollapse & keyof ZonosCollapseAttributes as `attr:${K}`]?: ZonosCollapseAttributes[K] } & { [K in keyof ZonosCollapse & keyof ZonosCollapseAttributes as `prop:${K}`]?: ZonosCollapse[K] };
+        "zonos-collect": Omit<ZonosCollect, keyof ZonosCollectAttributes> & { [K in keyof ZonosCollect & keyof ZonosCollectAttributes]?: ZonosCollect[K] } & { [K in keyof ZonosCollect & keyof ZonosCollectAttributes as `attr:${K}`]?: ZonosCollectAttributes[K] } & { [K in keyof ZonosCollect & keyof ZonosCollectAttributes as `prop:${K}`]?: ZonosCollect[K] };
         "zonos-collect-cart-items": ZonosCollectCartItems;
-        "zonos-collect-finish": ZonosCollectFinish;
-        "zonos-collect-footer": ZonosCollectFooter;
-        "zonos-collect-order-details": ZonosCollectOrderDetails;
-        "zonos-collect-payment": ZonosCollectPayment;
-        "zonos-collect-review": ZonosCollectReview;
+        "zonos-collect-finish": Omit<ZonosCollectFinish, keyof ZonosCollectFinishAttributes> & { [K in keyof ZonosCollectFinish & keyof ZonosCollectFinishAttributes]?: ZonosCollectFinish[K] } & { [K in keyof ZonosCollectFinish & keyof ZonosCollectFinishAttributes as `attr:${K}`]?: ZonosCollectFinishAttributes[K] } & { [K in keyof ZonosCollectFinish & keyof ZonosCollectFinishAttributes as `prop:${K}`]?: ZonosCollectFinish[K] };
+        "zonos-collect-footer": Omit<ZonosCollectFooter, keyof ZonosCollectFooterAttributes> & { [K in keyof ZonosCollectFooter & keyof ZonosCollectFooterAttributes]?: ZonosCollectFooter[K] } & { [K in keyof ZonosCollectFooter & keyof ZonosCollectFooterAttributes as `attr:${K}`]?: ZonosCollectFooterAttributes[K] } & { [K in keyof ZonosCollectFooter & keyof ZonosCollectFooterAttributes as `prop:${K}`]?: ZonosCollectFooter[K] };
+        "zonos-collect-order-details": Omit<ZonosCollectOrderDetails, keyof ZonosCollectOrderDetailsAttributes> & { [K in keyof ZonosCollectOrderDetails & keyof ZonosCollectOrderDetailsAttributes]?: ZonosCollectOrderDetails[K] } & { [K in keyof ZonosCollectOrderDetails & keyof ZonosCollectOrderDetailsAttributes as `attr:${K}`]?: ZonosCollectOrderDetailsAttributes[K] } & { [K in keyof ZonosCollectOrderDetails & keyof ZonosCollectOrderDetailsAttributes as `prop:${K}`]?: ZonosCollectOrderDetails[K] } & OneOf<"collapsed", ZonosCollectOrderDetails["collapsed"], ZonosCollectOrderDetailsAttributes["collapsed"]>;
+        "zonos-collect-payment": Omit<ZonosCollectPayment, keyof ZonosCollectPaymentAttributes> & { [K in keyof ZonosCollectPayment & keyof ZonosCollectPaymentAttributes]?: ZonosCollectPayment[K] } & { [K in keyof ZonosCollectPayment & keyof ZonosCollectPaymentAttributes as `attr:${K}`]?: ZonosCollectPaymentAttributes[K] } & { [K in keyof ZonosCollectPayment & keyof ZonosCollectPaymentAttributes as `prop:${K}`]?: ZonosCollectPayment[K] };
+        "zonos-collect-review": Omit<ZonosCollectReview, keyof ZonosCollectReviewAttributes> & { [K in keyof ZonosCollectReview & keyof ZonosCollectReviewAttributes]?: ZonosCollectReview[K] } & { [K in keyof ZonosCollectReview & keyof ZonosCollectReviewAttributes as `attr:${K}`]?: ZonosCollectReviewAttributes[K] } & { [K in keyof ZonosCollectReview & keyof ZonosCollectReviewAttributes as `prop:${K}`]?: ZonosCollectReview[K] };
         "zonos-collect-subtotal": ZonosCollectSubtotal;
-        "zonos-component": ZonosComponent;
-        "zonos-confirm-dialog": ZonosConfirmDialog;
-        "zonos-controller": ZonosController;
-        "zonos-country-flag": ZonosCountryFlag;
+        "zonos-component": Omit<ZonosComponent, keyof ZonosComponentAttributes> & { [K in keyof ZonosComponent & keyof ZonosComponentAttributes]?: ZonosComponent[K] } & { [K in keyof ZonosComponent & keyof ZonosComponentAttributes as `attr:${K}`]?: ZonosComponentAttributes[K] } & { [K in keyof ZonosComponent & keyof ZonosComponentAttributes as `prop:${K}`]?: ZonosComponent[K] };
+        "zonos-confirm-dialog": Omit<ZonosConfirmDialog, keyof ZonosConfirmDialogAttributes> & { [K in keyof ZonosConfirmDialog & keyof ZonosConfirmDialogAttributes]?: ZonosConfirmDialog[K] } & { [K in keyof ZonosConfirmDialog & keyof ZonosConfirmDialogAttributes as `attr:${K}`]?: ZonosConfirmDialogAttributes[K] } & { [K in keyof ZonosConfirmDialog & keyof ZonosConfirmDialogAttributes as `prop:${K}`]?: ZonosConfirmDialog[K] } & OneOf<"dialogConfirmBtnText", ZonosConfirmDialog["dialogConfirmBtnText"], ZonosConfirmDialogAttributes["dialogConfirmBtnText"]> & OneOf<"dialogOpen", ZonosConfirmDialog["dialogOpen"], ZonosConfirmDialogAttributes["dialogOpen"]>;
+        "zonos-controller": Omit<ZonosController, keyof ZonosControllerAttributes> & { [K in keyof ZonosController & keyof ZonosControllerAttributes]?: ZonosController[K] } & { [K in keyof ZonosController & keyof ZonosControllerAttributes as `attr:${K}`]?: ZonosControllerAttributes[K] } & { [K in keyof ZonosController & keyof ZonosControllerAttributes as `prop:${K}`]?: ZonosController[K] } & OneOf<"zonosApiKey", ZonosController["zonosApiKey"], ZonosControllerAttributes["zonosApiKey"]>;
+        "zonos-country-flag": Omit<ZonosCountryFlag, keyof ZonosCountryFlagAttributes> & { [K in keyof ZonosCountryFlag & keyof ZonosCountryFlagAttributes]?: ZonosCountryFlag[K] } & { [K in keyof ZonosCountryFlag & keyof ZonosCountryFlagAttributes as `attr:${K}`]?: ZonosCountryFlagAttributes[K] } & { [K in keyof ZonosCountryFlag & keyof ZonosCountryFlagAttributes as `prop:${K}`]?: ZonosCountryFlag[K] };
         "zonos-country-select": ZonosCountrySelect;
         "zonos-currency-toggle": ZonosCurrencyToggle;
-        "zonos-custom-address": ZonosCustomAddress;
-        "zonos-custom-message": ZonosCustomMessage;
-        "zonos-customer-info": ZonosCustomerInfo;
-        "zonos-dialog": ZonosDialog;
-        "zonos-empty-state-payment": ZonosEmptyStatePayment;
-        "zonos-h-stack": ZonosHStack;
-        "zonos-hello": ZonosHello;
-        "zonos-hello-dialog": ZonosHelloDialog;
+        "zonos-custom-address": Omit<ZonosCustomAddress, keyof ZonosCustomAddressAttributes> & { [K in keyof ZonosCustomAddress & keyof ZonosCustomAddressAttributes]?: ZonosCustomAddress[K] } & { [K in keyof ZonosCustomAddress & keyof ZonosCustomAddressAttributes as `attr:${K}`]?: ZonosCustomAddressAttributes[K] } & { [K in keyof ZonosCustomAddress & keyof ZonosCustomAddressAttributes as `prop:${K}`]?: ZonosCustomAddress[K] } & OneOf<"type", ZonosCustomAddress["type"], ZonosCustomAddressAttributes["type"]> & OneOf<"titleText", ZonosCustomAddress["titleText"], ZonosCustomAddressAttributes["titleText"]>;
+        "zonos-custom-message": Omit<ZonosCustomMessage, keyof ZonosCustomMessageAttributes> & { [K in keyof ZonosCustomMessage & keyof ZonosCustomMessageAttributes]?: ZonosCustomMessage[K] } & { [K in keyof ZonosCustomMessage & keyof ZonosCustomMessageAttributes as `attr:${K}`]?: ZonosCustomMessageAttributes[K] } & { [K in keyof ZonosCustomMessage & keyof ZonosCustomMessageAttributes as `prop:${K}`]?: ZonosCustomMessage[K] };
+        "zonos-customer-info": Omit<ZonosCustomerInfo, keyof ZonosCustomerInfoAttributes> & { [K in keyof ZonosCustomerInfo & keyof ZonosCustomerInfoAttributes]?: ZonosCustomerInfo[K] } & { [K in keyof ZonosCustomerInfo & keyof ZonosCustomerInfoAttributes as `attr:${K}`]?: ZonosCustomerInfoAttributes[K] } & { [K in keyof ZonosCustomerInfo & keyof ZonosCustomerInfoAttributes as `prop:${K}`]?: ZonosCustomerInfo[K] };
+        "zonos-dialog": Omit<ZonosDialog, keyof ZonosDialogAttributes> & { [K in keyof ZonosDialog & keyof ZonosDialogAttributes]?: ZonosDialog[K] } & { [K in keyof ZonosDialog & keyof ZonosDialogAttributes as `attr:${K}`]?: ZonosDialogAttributes[K] } & { [K in keyof ZonosDialog & keyof ZonosDialogAttributes as `prop:${K}`]?: ZonosDialog[K] };
+        "zonos-empty-state-payment": Omit<ZonosEmptyStatePayment, keyof ZonosEmptyStatePaymentAttributes> & { [K in keyof ZonosEmptyStatePayment & keyof ZonosEmptyStatePaymentAttributes]?: ZonosEmptyStatePayment[K] } & { [K in keyof ZonosEmptyStatePayment & keyof ZonosEmptyStatePaymentAttributes as `attr:${K}`]?: ZonosEmptyStatePaymentAttributes[K] } & { [K in keyof ZonosEmptyStatePayment & keyof ZonosEmptyStatePaymentAttributes as `prop:${K}`]?: ZonosEmptyStatePayment[K] } & OneOf<"emptyStateText", ZonosEmptyStatePayment["emptyStateText"], ZonosEmptyStatePaymentAttributes["emptyStateText"]>;
+        "zonos-h-stack": Omit<ZonosHStack, keyof ZonosHStackAttributes> & { [K in keyof ZonosHStack & keyof ZonosHStackAttributes]?: ZonosHStack[K] } & { [K in keyof ZonosHStack & keyof ZonosHStackAttributes as `attr:${K}`]?: ZonosHStackAttributes[K] } & { [K in keyof ZonosHStack & keyof ZonosHStackAttributes as `prop:${K}`]?: ZonosHStack[K] };
+        "zonos-hello": Omit<ZonosHello, keyof ZonosHelloAttributes> & { [K in keyof ZonosHello & keyof ZonosHelloAttributes]?: ZonosHello[K] } & { [K in keyof ZonosHello & keyof ZonosHelloAttributes as `attr:${K}`]?: ZonosHelloAttributes[K] } & { [K in keyof ZonosHello & keyof ZonosHelloAttributes as `prop:${K}`]?: ZonosHello[K] };
+        "zonos-hello-dialog": Omit<ZonosHelloDialog, keyof ZonosHelloDialogAttributes> & { [K in keyof ZonosHelloDialog & keyof ZonosHelloDialogAttributes]?: ZonosHelloDialog[K] } & { [K in keyof ZonosHelloDialog & keyof ZonosHelloDialogAttributes as `attr:${K}`]?: ZonosHelloDialogAttributes[K] } & { [K in keyof ZonosHelloDialog & keyof ZonosHelloDialogAttributes as `prop:${K}`]?: ZonosHelloDialog[K] };
         "zonos-hello-dialog-footer": ZonosHelloDialogFooter;
-        "zonos-icon": ZonosIcon;
-        "zonos-input": ZonosInput;
-        "zonos-invoice": ZonosInvoice;
-        "zonos-invoice-cart-items": ZonosInvoiceCartItems;
-        "zonos-invoice-finish": ZonosInvoiceFinish;
-        "zonos-invoice-footer": ZonosInvoiceFooter;
-        "zonos-invoice-order-details": ZonosInvoiceOrderDetails;
-        "zonos-invoice-payment": ZonosInvoicePayment;
-        "zonos-invoice-review": ZonosInvoiceReview;
-        "zonos-invoice-subtotal": ZonosInvoiceSubtotal;
+        "zonos-icon": Omit<ZonosIcon, keyof ZonosIconAttributes> & { [K in keyof ZonosIcon & keyof ZonosIconAttributes]?: ZonosIcon[K] } & { [K in keyof ZonosIcon & keyof ZonosIconAttributes as `attr:${K}`]?: ZonosIconAttributes[K] } & { [K in keyof ZonosIcon & keyof ZonosIconAttributes as `prop:${K}`]?: ZonosIcon[K] } & OneOf<"content", ZonosIcon["content"], ZonosIconAttributes["content"]>;
+        "zonos-input": Omit<ZonosInput, keyof ZonosInputAttributes> & { [K in keyof ZonosInput & keyof ZonosInputAttributes]?: ZonosInput[K] } & { [K in keyof ZonosInput & keyof ZonosInputAttributes as `attr:${K}`]?: ZonosInputAttributes[K] } & { [K in keyof ZonosInput & keyof ZonosInputAttributes as `prop:${K}`]?: ZonosInput[K] } & OneOf<"inputLabel", ZonosInput["inputLabel"], ZonosInputAttributes["inputLabel"]>;
+        "zonos-invoice": Omit<ZonosInvoice, keyof ZonosInvoiceAttributes> & { [K in keyof ZonosInvoice & keyof ZonosInvoiceAttributes]?: ZonosInvoice[K] } & { [K in keyof ZonosInvoice & keyof ZonosInvoiceAttributes as `attr:${K}`]?: ZonosInvoiceAttributes[K] } & { [K in keyof ZonosInvoice & keyof ZonosInvoiceAttributes as `prop:${K}`]?: ZonosInvoice[K] };
+        "zonos-invoice-cart-items": Omit<ZonosInvoiceCartItems, keyof ZonosInvoiceCartItemsAttributes> & { [K in keyof ZonosInvoiceCartItems & keyof ZonosInvoiceCartItemsAttributes]?: ZonosInvoiceCartItems[K] } & { [K in keyof ZonosInvoiceCartItems & keyof ZonosInvoiceCartItemsAttributes as `attr:${K}`]?: ZonosInvoiceCartItemsAttributes[K] } & { [K in keyof ZonosInvoiceCartItems & keyof ZonosInvoiceCartItemsAttributes as `prop:${K}`]?: ZonosInvoiceCartItems[K] };
+        "zonos-invoice-finish": Omit<ZonosInvoiceFinish, keyof ZonosInvoiceFinishAttributes> & { [K in keyof ZonosInvoiceFinish & keyof ZonosInvoiceFinishAttributes]?: ZonosInvoiceFinish[K] } & { [K in keyof ZonosInvoiceFinish & keyof ZonosInvoiceFinishAttributes as `attr:${K}`]?: ZonosInvoiceFinishAttributes[K] } & { [K in keyof ZonosInvoiceFinish & keyof ZonosInvoiceFinishAttributes as `prop:${K}`]?: ZonosInvoiceFinish[K] };
+        "zonos-invoice-footer": Omit<ZonosInvoiceFooter, keyof ZonosInvoiceFooterAttributes> & { [K in keyof ZonosInvoiceFooter & keyof ZonosInvoiceFooterAttributes]?: ZonosInvoiceFooter[K] } & { [K in keyof ZonosInvoiceFooter & keyof ZonosInvoiceFooterAttributes as `attr:${K}`]?: ZonosInvoiceFooterAttributes[K] } & { [K in keyof ZonosInvoiceFooter & keyof ZonosInvoiceFooterAttributes as `prop:${K}`]?: ZonosInvoiceFooter[K] };
+        "zonos-invoice-order-details": Omit<ZonosInvoiceOrderDetails, keyof ZonosInvoiceOrderDetailsAttributes> & { [K in keyof ZonosInvoiceOrderDetails & keyof ZonosInvoiceOrderDetailsAttributes]?: ZonosInvoiceOrderDetails[K] } & { [K in keyof ZonosInvoiceOrderDetails & keyof ZonosInvoiceOrderDetailsAttributes as `attr:${K}`]?: ZonosInvoiceOrderDetailsAttributes[K] } & { [K in keyof ZonosInvoiceOrderDetails & keyof ZonosInvoiceOrderDetailsAttributes as `prop:${K}`]?: ZonosInvoiceOrderDetails[K] } & OneOf<"collapsed", ZonosInvoiceOrderDetails["collapsed"], ZonosInvoiceOrderDetailsAttributes["collapsed"]>;
+        "zonos-invoice-payment": Omit<ZonosInvoicePayment, keyof ZonosInvoicePaymentAttributes> & { [K in keyof ZonosInvoicePayment & keyof ZonosInvoicePaymentAttributes]?: ZonosInvoicePayment[K] } & { [K in keyof ZonosInvoicePayment & keyof ZonosInvoicePaymentAttributes as `attr:${K}`]?: ZonosInvoicePaymentAttributes[K] } & { [K in keyof ZonosInvoicePayment & keyof ZonosInvoicePaymentAttributes as `prop:${K}`]?: ZonosInvoicePayment[K] };
+        "zonos-invoice-review": Omit<ZonosInvoiceReview, keyof ZonosInvoiceReviewAttributes> & { [K in keyof ZonosInvoiceReview & keyof ZonosInvoiceReviewAttributes]?: ZonosInvoiceReview[K] } & { [K in keyof ZonosInvoiceReview & keyof ZonosInvoiceReviewAttributes as `attr:${K}`]?: ZonosInvoiceReviewAttributes[K] } & { [K in keyof ZonosInvoiceReview & keyof ZonosInvoiceReviewAttributes as `prop:${K}`]?: ZonosInvoiceReview[K] };
+        "zonos-invoice-subtotal": Omit<ZonosInvoiceSubtotal, keyof ZonosInvoiceSubtotalAttributes> & { [K in keyof ZonosInvoiceSubtotal & keyof ZonosInvoiceSubtotalAttributes]?: ZonosInvoiceSubtotal[K] } & { [K in keyof ZonosInvoiceSubtotal & keyof ZonosInvoiceSubtotalAttributes as `attr:${K}`]?: ZonosInvoiceSubtotalAttributes[K] } & { [K in keyof ZonosInvoiceSubtotal & keyof ZonosInvoiceSubtotalAttributes as `prop:${K}`]?: ZonosInvoiceSubtotal[K] };
         "zonos-language-select": ZonosLanguageSelect;
-        "zonos-link": ZonosLink;
-        "zonos-link-authentication": ZonosLinkAuthentication;
-        "zonos-loading-overlay": ZonosLoadingOverlay;
-        "zonos-logo": ZonosLogo;
+        "zonos-link": Omit<ZonosLink, keyof ZonosLinkAttributes> & { [K in keyof ZonosLink & keyof ZonosLinkAttributes]?: ZonosLink[K] } & { [K in keyof ZonosLink & keyof ZonosLinkAttributes as `attr:${K}`]?: ZonosLinkAttributes[K] } & { [K in keyof ZonosLink & keyof ZonosLinkAttributes as `prop:${K}`]?: ZonosLink[K] };
+        "zonos-link-authentication": Omit<ZonosLinkAuthentication, keyof ZonosLinkAuthenticationAttributes> & { [K in keyof ZonosLinkAuthentication & keyof ZonosLinkAuthenticationAttributes]?: ZonosLinkAuthentication[K] } & { [K in keyof ZonosLinkAuthentication & keyof ZonosLinkAuthenticationAttributes as `attr:${K}`]?: ZonosLinkAuthenticationAttributes[K] } & { [K in keyof ZonosLinkAuthentication & keyof ZonosLinkAuthenticationAttributes as `prop:${K}`]?: ZonosLinkAuthentication[K] } & OneOf<"titleText", ZonosLinkAuthentication["titleText"], ZonosLinkAuthenticationAttributes["titleText"]>;
+        "zonos-loading-overlay": Omit<ZonosLoadingOverlay, keyof ZonosLoadingOverlayAttributes> & { [K in keyof ZonosLoadingOverlay & keyof ZonosLoadingOverlayAttributes]?: ZonosLoadingOverlay[K] } & { [K in keyof ZonosLoadingOverlay & keyof ZonosLoadingOverlayAttributes as `attr:${K}`]?: ZonosLoadingOverlayAttributes[K] } & { [K in keyof ZonosLoadingOverlay & keyof ZonosLoadingOverlayAttributes as `prop:${K}`]?: ZonosLoadingOverlay[K] };
+        "zonos-logo": Omit<ZonosLogo, keyof ZonosLogoAttributes> & { [K in keyof ZonosLogo & keyof ZonosLogoAttributes]?: ZonosLogo[K] } & { [K in keyof ZonosLogo & keyof ZonosLogoAttributes as `attr:${K}`]?: ZonosLogoAttributes[K] } & { [K in keyof ZonosLogo & keyof ZonosLogoAttributes as `prop:${K}`]?: ZonosLogo[K] };
         "zonos-notification": ZonosNotification;
-        "zonos-payment": ZonosPayment;
+        "zonos-payment": Omit<ZonosPayment, keyof ZonosPaymentAttributes> & { [K in keyof ZonosPayment & keyof ZonosPaymentAttributes]?: ZonosPayment[K] } & { [K in keyof ZonosPayment & keyof ZonosPaymentAttributes as `attr:${K}`]?: ZonosPaymentAttributes[K] } & { [K in keyof ZonosPayment & keyof ZonosPaymentAttributes as `prop:${K}`]?: ZonosPayment[K] };
         "zonos-paypal-payment": ZonosPaypalPayment;
         "zonos-policy-consent": ZonosPolicyConsent;
-        "zonos-rest-state": ZonosRestState;
-        "zonos-review": ZonosReview;
-        "zonos-select-dialog-header": ZonosSelectDialogHeader;
-        "zonos-shipping": ZonosShipping;
-        "zonos-shipping-rich-radio": ZonosShippingRichRadio;
-        "zonos-skeleton": ZonosSkeleton;
-        "zonos-spinner": ZonosSpinner;
-        "zonos-store-credit": ZonosStoreCredit;
-        "zonos-stripe-input": ZonosStripeInput;
-        "zonos-stripe-phone-input": ZonosStripePhoneInput;
-        "zonos-stripe-select": ZonosStripeSelect;
-        "zonos-text": ZonosText;
-        "zonos-toggle": ZonosToggle;
-        "zonos-tooltip": ZonosTooltip;
-        "zonos-v-stack": ZonosVStack;
-        "zonos-virtual-scroll": ZonosVirtualScroll;
+        "zonos-rest-state": Omit<ZonosRestState, keyof ZonosRestStateAttributes> & { [K in keyof ZonosRestState & keyof ZonosRestStateAttributes]?: ZonosRestState[K] } & { [K in keyof ZonosRestState & keyof ZonosRestStateAttributes as `attr:${K}`]?: ZonosRestStateAttributes[K] } & { [K in keyof ZonosRestState & keyof ZonosRestStateAttributes as `prop:${K}`]?: ZonosRestState[K] } & OneOf<"restStateSubtitle", ZonosRestState["restStateSubtitle"], ZonosRestStateAttributes["restStateSubtitle"]> & OneOf<"restStateTitle", ZonosRestState["restStateTitle"], ZonosRestStateAttributes["restStateTitle"]> & OneOf<"restStateType", ZonosRestState["restStateType"], ZonosRestStateAttributes["restStateType"]>;
+        "zonos-review": Omit<ZonosReview, keyof ZonosReviewAttributes> & { [K in keyof ZonosReview & keyof ZonosReviewAttributes]?: ZonosReview[K] } & { [K in keyof ZonosReview & keyof ZonosReviewAttributes as `attr:${K}`]?: ZonosReviewAttributes[K] } & { [K in keyof ZonosReview & keyof ZonosReviewAttributes as `prop:${K}`]?: ZonosReview[K] };
+        "zonos-select-dialog-header": Omit<ZonosSelectDialogHeader, keyof ZonosSelectDialogHeaderAttributes> & { [K in keyof ZonosSelectDialogHeader & keyof ZonosSelectDialogHeaderAttributes]?: ZonosSelectDialogHeader[K] } & { [K in keyof ZonosSelectDialogHeader & keyof ZonosSelectDialogHeaderAttributes as `attr:${K}`]?: ZonosSelectDialogHeaderAttributes[K] } & { [K in keyof ZonosSelectDialogHeader & keyof ZonosSelectDialogHeaderAttributes as `prop:${K}`]?: ZonosSelectDialogHeader[K] };
+        "zonos-shipping": Omit<ZonosShipping, keyof ZonosShippingAttributes> & { [K in keyof ZonosShipping & keyof ZonosShippingAttributes]?: ZonosShipping[K] } & { [K in keyof ZonosShipping & keyof ZonosShippingAttributes as `attr:${K}`]?: ZonosShippingAttributes[K] } & { [K in keyof ZonosShipping & keyof ZonosShippingAttributes as `prop:${K}`]?: ZonosShipping[K] } & OneOf<"isMobile", ZonosShipping["isMobile"], ZonosShippingAttributes["isMobile"]>;
+        "zonos-shipping-rich-radio": Omit<ZonosShippingRichRadio, keyof ZonosShippingRichRadioAttributes> & { [K in keyof ZonosShippingRichRadio & keyof ZonosShippingRichRadioAttributes]?: ZonosShippingRichRadio[K] } & { [K in keyof ZonosShippingRichRadio & keyof ZonosShippingRichRadioAttributes as `attr:${K}`]?: ZonosShippingRichRadioAttributes[K] } & { [K in keyof ZonosShippingRichRadio & keyof ZonosShippingRichRadioAttributes as `prop:${K}`]?: ZonosShippingRichRadio[K] } & OneOf<"isMobile", ZonosShippingRichRadio["isMobile"], ZonosShippingRichRadioAttributes["isMobile"]>;
+        "zonos-skeleton": Omit<ZonosSkeleton, keyof ZonosSkeletonAttributes> & { [K in keyof ZonosSkeleton & keyof ZonosSkeletonAttributes]?: ZonosSkeleton[K] } & { [K in keyof ZonosSkeleton & keyof ZonosSkeletonAttributes as `attr:${K}`]?: ZonosSkeletonAttributes[K] } & { [K in keyof ZonosSkeleton & keyof ZonosSkeletonAttributes as `prop:${K}`]?: ZonosSkeleton[K] };
+        "zonos-spinner": Omit<ZonosSpinner, keyof ZonosSpinnerAttributes> & { [K in keyof ZonosSpinner & keyof ZonosSpinnerAttributes]?: ZonosSpinner[K] } & { [K in keyof ZonosSpinner & keyof ZonosSpinnerAttributes as `attr:${K}`]?: ZonosSpinnerAttributes[K] } & { [K in keyof ZonosSpinner & keyof ZonosSpinnerAttributes as `prop:${K}`]?: ZonosSpinner[K] };
+        "zonos-store-credit": Omit<ZonosStoreCredit, keyof ZonosStoreCreditAttributes> & { [K in keyof ZonosStoreCredit & keyof ZonosStoreCreditAttributes]?: ZonosStoreCredit[K] } & { [K in keyof ZonosStoreCredit & keyof ZonosStoreCreditAttributes as `attr:${K}`]?: ZonosStoreCreditAttributes[K] } & { [K in keyof ZonosStoreCredit & keyof ZonosStoreCreditAttributes as `prop:${K}`]?: ZonosStoreCredit[K] };
+        "zonos-stripe-input": Omit<ZonosStripeInput, keyof ZonosStripeInputAttributes> & { [K in keyof ZonosStripeInput & keyof ZonosStripeInputAttributes]?: ZonosStripeInput[K] } & { [K in keyof ZonosStripeInput & keyof ZonosStripeInputAttributes as `attr:${K}`]?: ZonosStripeInputAttributes[K] } & { [K in keyof ZonosStripeInput & keyof ZonosStripeInputAttributes as `prop:${K}`]?: ZonosStripeInput[K] } & OneOf<"inputLabel", ZonosStripeInput["inputLabel"], ZonosStripeInputAttributes["inputLabel"]>;
+        "zonos-stripe-phone-input": Omit<ZonosStripePhoneInput, keyof ZonosStripePhoneInputAttributes> & { [K in keyof ZonosStripePhoneInput & keyof ZonosStripePhoneInputAttributes]?: ZonosStripePhoneInput[K] } & { [K in keyof ZonosStripePhoneInput & keyof ZonosStripePhoneInputAttributes as `attr:${K}`]?: ZonosStripePhoneInputAttributes[K] } & { [K in keyof ZonosStripePhoneInput & keyof ZonosStripePhoneInputAttributes as `prop:${K}`]?: ZonosStripePhoneInput[K] };
+        "zonos-stripe-select": Omit<ZonosStripeSelect, keyof ZonosStripeSelectAttributes> & { [K in keyof ZonosStripeSelect & keyof ZonosStripeSelectAttributes]?: ZonosStripeSelect[K] } & { [K in keyof ZonosStripeSelect & keyof ZonosStripeSelectAttributes as `attr:${K}`]?: ZonosStripeSelectAttributes[K] } & { [K in keyof ZonosStripeSelect & keyof ZonosStripeSelectAttributes as `prop:${K}`]?: ZonosStripeSelect[K] } & OneOf<"selectLabel", ZonosStripeSelect["selectLabel"], ZonosStripeSelectAttributes["selectLabel"]>;
+        "zonos-text": Omit<ZonosText, keyof ZonosTextAttributes> & { [K in keyof ZonosText & keyof ZonosTextAttributes]?: ZonosText[K] } & { [K in keyof ZonosText & keyof ZonosTextAttributes as `attr:${K}`]?: ZonosTextAttributes[K] } & { [K in keyof ZonosText & keyof ZonosTextAttributes as `prop:${K}`]?: ZonosText[K] };
+        "zonos-toggle": Omit<ZonosToggle, keyof ZonosToggleAttributes> & { [K in keyof ZonosToggle & keyof ZonosToggleAttributes]?: ZonosToggle[K] } & { [K in keyof ZonosToggle & keyof ZonosToggleAttributes as `attr:${K}`]?: ZonosToggleAttributes[K] } & { [K in keyof ZonosToggle & keyof ZonosToggleAttributes as `prop:${K}`]?: ZonosToggle[K] } & OneOf<"value", ZonosToggle["value"], ZonosToggleAttributes["value"]>;
+        "zonos-tooltip": Omit<ZonosTooltip, keyof ZonosTooltipAttributes> & { [K in keyof ZonosTooltip & keyof ZonosTooltipAttributes]?: ZonosTooltip[K] } & { [K in keyof ZonosTooltip & keyof ZonosTooltipAttributes as `attr:${K}`]?: ZonosTooltipAttributes[K] } & { [K in keyof ZonosTooltip & keyof ZonosTooltipAttributes as `prop:${K}`]?: ZonosTooltip[K] };
+        "zonos-v-stack": Omit<ZonosVStack, keyof ZonosVStackAttributes> & { [K in keyof ZonosVStack & keyof ZonosVStackAttributes]?: ZonosVStack[K] } & { [K in keyof ZonosVStack & keyof ZonosVStackAttributes as `attr:${K}`]?: ZonosVStackAttributes[K] } & { [K in keyof ZonosVStack & keyof ZonosVStackAttributes as `prop:${K}`]?: ZonosVStack[K] };
+        "zonos-virtual-scroll": Omit<ZonosVirtualScroll, keyof ZonosVirtualScrollAttributes> & { [K in keyof ZonosVirtualScroll & keyof ZonosVirtualScrollAttributes]?: ZonosVirtualScroll[K] } & { [K in keyof ZonosVirtualScroll & keyof ZonosVirtualScrollAttributes as `attr:${K}`]?: ZonosVirtualScrollAttributes[K] } & { [K in keyof ZonosVirtualScroll & keyof ZonosVirtualScrollAttributes as `prop:${K}`]?: ZonosVirtualScroll[K] } & OneOf<"fallbackItemHeight", ZonosVirtualScroll["fallbackItemHeight"], ZonosVirtualScrollAttributes["fallbackItemHeight"]>;
     }
 }
 
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "zonos-address": LocalJSX.ZonosAddress & JSXBase.HTMLAttributes<HTMLZonosAddressElement>;
-            "zonos-address-completion-dialog": LocalJSX.ZonosAddressCompletionDialog & JSXBase.HTMLAttributes<HTMLZonosAddressCompletionDialogElement>;
-            "zonos-address-display": LocalJSX.ZonosAddressDisplay & JSXBase.HTMLAttributes<HTMLZonosAddressDisplayElement>;
-            "zonos-address-form": LocalJSX.ZonosAddressForm & JSXBase.HTMLAttributes<HTMLZonosAddressFormElement>;
-            "zonos-address-suggestions": LocalJSX.ZonosAddressSuggestions & JSXBase.HTMLAttributes<HTMLZonosAddressSuggestionsElement>;
-            "zonos-address-update-dialog": LocalJSX.ZonosAddressUpdateDialog & JSXBase.HTMLAttributes<HTMLZonosAddressUpdateDialogElement>;
-            "zonos-airwallex-payment": LocalJSX.ZonosAirwallexPayment & JSXBase.HTMLAttributes<HTMLZonosAirwallexPaymentElement>;
-            "zonos-badge": LocalJSX.ZonosBadge & JSXBase.HTMLAttributes<HTMLZonosBadgeElement>;
-            "zonos-banner": LocalJSX.ZonosBanner & JSXBase.HTMLAttributes<HTMLZonosBannerElement>;
-            "zonos-button": LocalJSX.ZonosButton & JSXBase.HTMLAttributes<HTMLZonosButtonElement>;
-            "zonos-card": LocalJSX.ZonosCard & JSXBase.HTMLAttributes<HTMLZonosCardElement>;
-            "zonos-cart-items": LocalJSX.ZonosCartItems & JSXBase.HTMLAttributes<HTMLZonosCartItemsElement>;
-            "zonos-cart-restricted-items": LocalJSX.ZonosCartRestrictedItems & JSXBase.HTMLAttributes<HTMLZonosCartRestrictedItemsElement>;
-            "zonos-cart-subtotal": LocalJSX.ZonosCartSubtotal & JSXBase.HTMLAttributes<HTMLZonosCartSubtotalElement>;
-            "zonos-checkbox": LocalJSX.ZonosCheckbox & JSXBase.HTMLAttributes<HTMLZonosCheckboxElement>;
-            "zonos-checkout": LocalJSX.ZonosCheckout & JSXBase.HTMLAttributes<HTMLZonosCheckoutElement>;
-            "zonos-checkout-finish": LocalJSX.ZonosCheckoutFinish & JSXBase.HTMLAttributes<HTMLZonosCheckoutFinishElement>;
-            "zonos-checkout-footer": LocalJSX.ZonosCheckoutFooter & JSXBase.HTMLAttributes<HTMLZonosCheckoutFooterElement>;
-            "zonos-checkout-payment": LocalJSX.ZonosCheckoutPayment & JSXBase.HTMLAttributes<HTMLZonosCheckoutPaymentElement>;
-            "zonos-checkout-progress-tabs": LocalJSX.ZonosCheckoutProgressTabs & JSXBase.HTMLAttributes<HTMLZonosCheckoutProgressTabsElement>;
-            "zonos-collapse": LocalJSX.ZonosCollapse & JSXBase.HTMLAttributes<HTMLZonosCollapseElement>;
-            "zonos-collect": LocalJSX.ZonosCollect & JSXBase.HTMLAttributes<HTMLZonosCollectElement>;
-            "zonos-collect-cart-items": LocalJSX.ZonosCollectCartItems & JSXBase.HTMLAttributes<HTMLZonosCollectCartItemsElement>;
-            "zonos-collect-finish": LocalJSX.ZonosCollectFinish & JSXBase.HTMLAttributes<HTMLZonosCollectFinishElement>;
-            "zonos-collect-footer": LocalJSX.ZonosCollectFooter & JSXBase.HTMLAttributes<HTMLZonosCollectFooterElement>;
-            "zonos-collect-order-details": LocalJSX.ZonosCollectOrderDetails & JSXBase.HTMLAttributes<HTMLZonosCollectOrderDetailsElement>;
-            "zonos-collect-payment": LocalJSX.ZonosCollectPayment & JSXBase.HTMLAttributes<HTMLZonosCollectPaymentElement>;
-            "zonos-collect-review": LocalJSX.ZonosCollectReview & JSXBase.HTMLAttributes<HTMLZonosCollectReviewElement>;
-            "zonos-collect-subtotal": LocalJSX.ZonosCollectSubtotal & JSXBase.HTMLAttributes<HTMLZonosCollectSubtotalElement>;
-            "zonos-component": LocalJSX.ZonosComponent & JSXBase.HTMLAttributes<HTMLZonosComponentElement>;
-            "zonos-confirm-dialog": LocalJSX.ZonosConfirmDialog & JSXBase.HTMLAttributes<HTMLZonosConfirmDialogElement>;
-            "zonos-controller": LocalJSX.ZonosController & JSXBase.HTMLAttributes<HTMLZonosControllerElement>;
-            "zonos-country-flag": LocalJSX.ZonosCountryFlag & JSXBase.HTMLAttributes<HTMLZonosCountryFlagElement>;
-            "zonos-country-select": LocalJSX.ZonosCountrySelect & JSXBase.HTMLAttributes<HTMLZonosCountrySelectElement>;
-            "zonos-currency-toggle": LocalJSX.ZonosCurrencyToggle & JSXBase.HTMLAttributes<HTMLZonosCurrencyToggleElement>;
-            "zonos-custom-address": LocalJSX.ZonosCustomAddress & JSXBase.HTMLAttributes<HTMLZonosCustomAddressElement>;
-            "zonos-custom-message": LocalJSX.ZonosCustomMessage & JSXBase.HTMLAttributes<HTMLZonosCustomMessageElement>;
-            "zonos-customer-info": LocalJSX.ZonosCustomerInfo & JSXBase.HTMLAttributes<HTMLZonosCustomerInfoElement>;
-            "zonos-dialog": LocalJSX.ZonosDialog & JSXBase.HTMLAttributes<HTMLZonosDialogElement>;
-            "zonos-empty-state-payment": LocalJSX.ZonosEmptyStatePayment & JSXBase.HTMLAttributes<HTMLZonosEmptyStatePaymentElement>;
-            "zonos-h-stack": LocalJSX.ZonosHStack & JSXBase.HTMLAttributes<HTMLZonosHStackElement>;
-            "zonos-hello": LocalJSX.ZonosHello & JSXBase.HTMLAttributes<HTMLZonosHelloElement>;
-            "zonos-hello-dialog": LocalJSX.ZonosHelloDialog & JSXBase.HTMLAttributes<HTMLZonosHelloDialogElement>;
-            "zonos-hello-dialog-footer": LocalJSX.ZonosHelloDialogFooter & JSXBase.HTMLAttributes<HTMLZonosHelloDialogFooterElement>;
-            "zonos-icon": LocalJSX.ZonosIcon & JSXBase.HTMLAttributes<HTMLZonosIconElement>;
-            "zonos-input": LocalJSX.ZonosInput & JSXBase.HTMLAttributes<HTMLZonosInputElement>;
-            "zonos-invoice": LocalJSX.ZonosInvoice & JSXBase.HTMLAttributes<HTMLZonosInvoiceElement>;
-            "zonos-invoice-cart-items": LocalJSX.ZonosInvoiceCartItems & JSXBase.HTMLAttributes<HTMLZonosInvoiceCartItemsElement>;
-            "zonos-invoice-finish": LocalJSX.ZonosInvoiceFinish & JSXBase.HTMLAttributes<HTMLZonosInvoiceFinishElement>;
-            "zonos-invoice-footer": LocalJSX.ZonosInvoiceFooter & JSXBase.HTMLAttributes<HTMLZonosInvoiceFooterElement>;
-            "zonos-invoice-order-details": LocalJSX.ZonosInvoiceOrderDetails & JSXBase.HTMLAttributes<HTMLZonosInvoiceOrderDetailsElement>;
-            "zonos-invoice-payment": LocalJSX.ZonosInvoicePayment & JSXBase.HTMLAttributes<HTMLZonosInvoicePaymentElement>;
-            "zonos-invoice-review": LocalJSX.ZonosInvoiceReview & JSXBase.HTMLAttributes<HTMLZonosInvoiceReviewElement>;
-            "zonos-invoice-subtotal": LocalJSX.ZonosInvoiceSubtotal & JSXBase.HTMLAttributes<HTMLZonosInvoiceSubtotalElement>;
-            "zonos-language-select": LocalJSX.ZonosLanguageSelect & JSXBase.HTMLAttributes<HTMLZonosLanguageSelectElement>;
-            "zonos-link": LocalJSX.ZonosLink & JSXBase.HTMLAttributes<HTMLZonosLinkElement>;
-            "zonos-link-authentication": LocalJSX.ZonosLinkAuthentication & JSXBase.HTMLAttributes<HTMLZonosLinkAuthenticationElement>;
-            "zonos-loading-overlay": LocalJSX.ZonosLoadingOverlay & JSXBase.HTMLAttributes<HTMLZonosLoadingOverlayElement>;
-            "zonos-logo": LocalJSX.ZonosLogo & JSXBase.HTMLAttributes<HTMLZonosLogoElement>;
-            "zonos-notification": LocalJSX.ZonosNotification & JSXBase.HTMLAttributes<HTMLZonosNotificationElement>;
-            "zonos-payment": LocalJSX.ZonosPayment & JSXBase.HTMLAttributes<HTMLZonosPaymentElement>;
-            "zonos-paypal-payment": LocalJSX.ZonosPaypalPayment & JSXBase.HTMLAttributes<HTMLZonosPaypalPaymentElement>;
-            "zonos-policy-consent": LocalJSX.ZonosPolicyConsent & JSXBase.HTMLAttributes<HTMLZonosPolicyConsentElement>;
-            "zonos-rest-state": LocalJSX.ZonosRestState & JSXBase.HTMLAttributes<HTMLZonosRestStateElement>;
-            "zonos-review": LocalJSX.ZonosReview & JSXBase.HTMLAttributes<HTMLZonosReviewElement>;
-            "zonos-select-dialog-header": LocalJSX.ZonosSelectDialogHeader & JSXBase.HTMLAttributes<HTMLZonosSelectDialogHeaderElement>;
-            "zonos-shipping": LocalJSX.ZonosShipping & JSXBase.HTMLAttributes<HTMLZonosShippingElement>;
-            "zonos-shipping-rich-radio": LocalJSX.ZonosShippingRichRadio & JSXBase.HTMLAttributes<HTMLZonosShippingRichRadioElement>;
-            "zonos-skeleton": LocalJSX.ZonosSkeleton & JSXBase.HTMLAttributes<HTMLZonosSkeletonElement>;
-            "zonos-spinner": LocalJSX.ZonosSpinner & JSXBase.HTMLAttributes<HTMLZonosSpinnerElement>;
-            "zonos-store-credit": LocalJSX.ZonosStoreCredit & JSXBase.HTMLAttributes<HTMLZonosStoreCreditElement>;
+            "zonos-address": LocalJSX.IntrinsicElements["zonos-address"] & JSXBase.HTMLAttributes<HTMLZonosAddressElement>;
+            "zonos-address-completion-dialog": LocalJSX.IntrinsicElements["zonos-address-completion-dialog"] & JSXBase.HTMLAttributes<HTMLZonosAddressCompletionDialogElement>;
+            "zonos-address-display": LocalJSX.IntrinsicElements["zonos-address-display"] & JSXBase.HTMLAttributes<HTMLZonosAddressDisplayElement>;
+            "zonos-address-form": LocalJSX.IntrinsicElements["zonos-address-form"] & JSXBase.HTMLAttributes<HTMLZonosAddressFormElement>;
+            "zonos-address-suggestions": LocalJSX.IntrinsicElements["zonos-address-suggestions"] & JSXBase.HTMLAttributes<HTMLZonosAddressSuggestionsElement>;
+            "zonos-address-update-dialog": LocalJSX.IntrinsicElements["zonos-address-update-dialog"] & JSXBase.HTMLAttributes<HTMLZonosAddressUpdateDialogElement>;
+            "zonos-airwallex-payment": LocalJSX.IntrinsicElements["zonos-airwallex-payment"] & JSXBase.HTMLAttributes<HTMLZonosAirwallexPaymentElement>;
+            "zonos-badge": LocalJSX.IntrinsicElements["zonos-badge"] & JSXBase.HTMLAttributes<HTMLZonosBadgeElement>;
+            "zonos-banner": LocalJSX.IntrinsicElements["zonos-banner"] & JSXBase.HTMLAttributes<HTMLZonosBannerElement>;
+            "zonos-button": LocalJSX.IntrinsicElements["zonos-button"] & JSXBase.HTMLAttributes<HTMLZonosButtonElement>;
+            "zonos-card": LocalJSX.IntrinsicElements["zonos-card"] & JSXBase.HTMLAttributes<HTMLZonosCardElement>;
+            "zonos-cart-items": LocalJSX.IntrinsicElements["zonos-cart-items"] & JSXBase.HTMLAttributes<HTMLZonosCartItemsElement>;
+            "zonos-cart-restricted-items": LocalJSX.IntrinsicElements["zonos-cart-restricted-items"] & JSXBase.HTMLAttributes<HTMLZonosCartRestrictedItemsElement>;
+            "zonos-cart-subtotal": LocalJSX.IntrinsicElements["zonos-cart-subtotal"] & JSXBase.HTMLAttributes<HTMLZonosCartSubtotalElement>;
+            "zonos-checkbox": LocalJSX.IntrinsicElements["zonos-checkbox"] & JSXBase.HTMLAttributes<HTMLZonosCheckboxElement>;
+            "zonos-checkout": LocalJSX.IntrinsicElements["zonos-checkout"] & JSXBase.HTMLAttributes<HTMLZonosCheckoutElement>;
+            "zonos-checkout-finish": LocalJSX.IntrinsicElements["zonos-checkout-finish"] & JSXBase.HTMLAttributes<HTMLZonosCheckoutFinishElement>;
+            "zonos-checkout-footer": LocalJSX.IntrinsicElements["zonos-checkout-footer"] & JSXBase.HTMLAttributes<HTMLZonosCheckoutFooterElement>;
+            "zonos-checkout-payment": LocalJSX.IntrinsicElements["zonos-checkout-payment"] & JSXBase.HTMLAttributes<HTMLZonosCheckoutPaymentElement>;
+            "zonos-checkout-progress-tabs": LocalJSX.IntrinsicElements["zonos-checkout-progress-tabs"] & JSXBase.HTMLAttributes<HTMLZonosCheckoutProgressTabsElement>;
+            "zonos-collapse": LocalJSX.IntrinsicElements["zonos-collapse"] & JSXBase.HTMLAttributes<HTMLZonosCollapseElement>;
+            "zonos-collect": LocalJSX.IntrinsicElements["zonos-collect"] & JSXBase.HTMLAttributes<HTMLZonosCollectElement>;
+            "zonos-collect-cart-items": LocalJSX.IntrinsicElements["zonos-collect-cart-items"] & JSXBase.HTMLAttributes<HTMLZonosCollectCartItemsElement>;
+            "zonos-collect-finish": LocalJSX.IntrinsicElements["zonos-collect-finish"] & JSXBase.HTMLAttributes<HTMLZonosCollectFinishElement>;
+            "zonos-collect-footer": LocalJSX.IntrinsicElements["zonos-collect-footer"] & JSXBase.HTMLAttributes<HTMLZonosCollectFooterElement>;
+            "zonos-collect-order-details": LocalJSX.IntrinsicElements["zonos-collect-order-details"] & JSXBase.HTMLAttributes<HTMLZonosCollectOrderDetailsElement>;
+            "zonos-collect-payment": LocalJSX.IntrinsicElements["zonos-collect-payment"] & JSXBase.HTMLAttributes<HTMLZonosCollectPaymentElement>;
+            "zonos-collect-review": LocalJSX.IntrinsicElements["zonos-collect-review"] & JSXBase.HTMLAttributes<HTMLZonosCollectReviewElement>;
+            "zonos-collect-subtotal": LocalJSX.IntrinsicElements["zonos-collect-subtotal"] & JSXBase.HTMLAttributes<HTMLZonosCollectSubtotalElement>;
+            "zonos-component": LocalJSX.IntrinsicElements["zonos-component"] & JSXBase.HTMLAttributes<HTMLZonosComponentElement>;
+            "zonos-confirm-dialog": LocalJSX.IntrinsicElements["zonos-confirm-dialog"] & JSXBase.HTMLAttributes<HTMLZonosConfirmDialogElement>;
+            "zonos-controller": LocalJSX.IntrinsicElements["zonos-controller"] & JSXBase.HTMLAttributes<HTMLZonosControllerElement>;
+            "zonos-country-flag": LocalJSX.IntrinsicElements["zonos-country-flag"] & JSXBase.HTMLAttributes<HTMLZonosCountryFlagElement>;
+            "zonos-country-select": LocalJSX.IntrinsicElements["zonos-country-select"] & JSXBase.HTMLAttributes<HTMLZonosCountrySelectElement>;
+            "zonos-currency-toggle": LocalJSX.IntrinsicElements["zonos-currency-toggle"] & JSXBase.HTMLAttributes<HTMLZonosCurrencyToggleElement>;
+            "zonos-custom-address": LocalJSX.IntrinsicElements["zonos-custom-address"] & JSXBase.HTMLAttributes<HTMLZonosCustomAddressElement>;
+            "zonos-custom-message": LocalJSX.IntrinsicElements["zonos-custom-message"] & JSXBase.HTMLAttributes<HTMLZonosCustomMessageElement>;
+            "zonos-customer-info": LocalJSX.IntrinsicElements["zonos-customer-info"] & JSXBase.HTMLAttributes<HTMLZonosCustomerInfoElement>;
+            "zonos-dialog": LocalJSX.IntrinsicElements["zonos-dialog"] & JSXBase.HTMLAttributes<HTMLZonosDialogElement>;
+            "zonos-empty-state-payment": LocalJSX.IntrinsicElements["zonos-empty-state-payment"] & JSXBase.HTMLAttributes<HTMLZonosEmptyStatePaymentElement>;
+            "zonos-h-stack": LocalJSX.IntrinsicElements["zonos-h-stack"] & JSXBase.HTMLAttributes<HTMLZonosHStackElement>;
+            "zonos-hello": LocalJSX.IntrinsicElements["zonos-hello"] & JSXBase.HTMLAttributes<HTMLZonosHelloElement>;
+            "zonos-hello-dialog": LocalJSX.IntrinsicElements["zonos-hello-dialog"] & JSXBase.HTMLAttributes<HTMLZonosHelloDialogElement>;
+            "zonos-hello-dialog-footer": LocalJSX.IntrinsicElements["zonos-hello-dialog-footer"] & JSXBase.HTMLAttributes<HTMLZonosHelloDialogFooterElement>;
+            "zonos-icon": LocalJSX.IntrinsicElements["zonos-icon"] & JSXBase.HTMLAttributes<HTMLZonosIconElement>;
+            "zonos-input": LocalJSX.IntrinsicElements["zonos-input"] & JSXBase.HTMLAttributes<HTMLZonosInputElement>;
+            "zonos-invoice": LocalJSX.IntrinsicElements["zonos-invoice"] & JSXBase.HTMLAttributes<HTMLZonosInvoiceElement>;
+            "zonos-invoice-cart-items": LocalJSX.IntrinsicElements["zonos-invoice-cart-items"] & JSXBase.HTMLAttributes<HTMLZonosInvoiceCartItemsElement>;
+            "zonos-invoice-finish": LocalJSX.IntrinsicElements["zonos-invoice-finish"] & JSXBase.HTMLAttributes<HTMLZonosInvoiceFinishElement>;
+            "zonos-invoice-footer": LocalJSX.IntrinsicElements["zonos-invoice-footer"] & JSXBase.HTMLAttributes<HTMLZonosInvoiceFooterElement>;
+            "zonos-invoice-order-details": LocalJSX.IntrinsicElements["zonos-invoice-order-details"] & JSXBase.HTMLAttributes<HTMLZonosInvoiceOrderDetailsElement>;
+            "zonos-invoice-payment": LocalJSX.IntrinsicElements["zonos-invoice-payment"] & JSXBase.HTMLAttributes<HTMLZonosInvoicePaymentElement>;
+            "zonos-invoice-review": LocalJSX.IntrinsicElements["zonos-invoice-review"] & JSXBase.HTMLAttributes<HTMLZonosInvoiceReviewElement>;
+            "zonos-invoice-subtotal": LocalJSX.IntrinsicElements["zonos-invoice-subtotal"] & JSXBase.HTMLAttributes<HTMLZonosInvoiceSubtotalElement>;
+            "zonos-language-select": LocalJSX.IntrinsicElements["zonos-language-select"] & JSXBase.HTMLAttributes<HTMLZonosLanguageSelectElement>;
+            "zonos-link": LocalJSX.IntrinsicElements["zonos-link"] & JSXBase.HTMLAttributes<HTMLZonosLinkElement>;
+            "zonos-link-authentication": LocalJSX.IntrinsicElements["zonos-link-authentication"] & JSXBase.HTMLAttributes<HTMLZonosLinkAuthenticationElement>;
+            "zonos-loading-overlay": LocalJSX.IntrinsicElements["zonos-loading-overlay"] & JSXBase.HTMLAttributes<HTMLZonosLoadingOverlayElement>;
+            "zonos-logo": LocalJSX.IntrinsicElements["zonos-logo"] & JSXBase.HTMLAttributes<HTMLZonosLogoElement>;
+            "zonos-notification": LocalJSX.IntrinsicElements["zonos-notification"] & JSXBase.HTMLAttributes<HTMLZonosNotificationElement>;
+            "zonos-payment": LocalJSX.IntrinsicElements["zonos-payment"] & JSXBase.HTMLAttributes<HTMLZonosPaymentElement>;
+            "zonos-paypal-payment": LocalJSX.IntrinsicElements["zonos-paypal-payment"] & JSXBase.HTMLAttributes<HTMLZonosPaypalPaymentElement>;
+            "zonos-policy-consent": LocalJSX.IntrinsicElements["zonos-policy-consent"] & JSXBase.HTMLAttributes<HTMLZonosPolicyConsentElement>;
+            "zonos-rest-state": LocalJSX.IntrinsicElements["zonos-rest-state"] & JSXBase.HTMLAttributes<HTMLZonosRestStateElement>;
+            "zonos-review": LocalJSX.IntrinsicElements["zonos-review"] & JSXBase.HTMLAttributes<HTMLZonosReviewElement>;
+            "zonos-select-dialog-header": LocalJSX.IntrinsicElements["zonos-select-dialog-header"] & JSXBase.HTMLAttributes<HTMLZonosSelectDialogHeaderElement>;
+            "zonos-shipping": LocalJSX.IntrinsicElements["zonos-shipping"] & JSXBase.HTMLAttributes<HTMLZonosShippingElement>;
+            "zonos-shipping-rich-radio": LocalJSX.IntrinsicElements["zonos-shipping-rich-radio"] & JSXBase.HTMLAttributes<HTMLZonosShippingRichRadioElement>;
+            "zonos-skeleton": LocalJSX.IntrinsicElements["zonos-skeleton"] & JSXBase.HTMLAttributes<HTMLZonosSkeletonElement>;
+            "zonos-spinner": LocalJSX.IntrinsicElements["zonos-spinner"] & JSXBase.HTMLAttributes<HTMLZonosSpinnerElement>;
+            "zonos-store-credit": LocalJSX.IntrinsicElements["zonos-store-credit"] & JSXBase.HTMLAttributes<HTMLZonosStoreCreditElement>;
             /**
              * This component is input that has similar style to Stripe since we will use it with other Stripe elements when we don't want to use Link authentication element
              */
-            "zonos-stripe-input": LocalJSX.ZonosStripeInput & JSXBase.HTMLAttributes<HTMLZonosStripeInputElement>;
-            "zonos-stripe-phone-input": LocalJSX.ZonosStripePhoneInput & JSXBase.HTMLAttributes<HTMLZonosStripePhoneInputElement>;
-            "zonos-stripe-select": LocalJSX.ZonosStripeSelect & JSXBase.HTMLAttributes<HTMLZonosStripeSelectElement>;
-            "zonos-text": LocalJSX.ZonosText & JSXBase.HTMLAttributes<HTMLZonosTextElement>;
-            "zonos-toggle": LocalJSX.ZonosToggle & JSXBase.HTMLAttributes<HTMLZonosToggleElement>;
-            "zonos-tooltip": LocalJSX.ZonosTooltip & JSXBase.HTMLAttributes<HTMLZonosTooltipElement>;
-            "zonos-v-stack": LocalJSX.ZonosVStack & JSXBase.HTMLAttributes<HTMLZonosVStackElement>;
+            "zonos-stripe-input": LocalJSX.IntrinsicElements["zonos-stripe-input"] & JSXBase.HTMLAttributes<HTMLZonosStripeInputElement>;
+            "zonos-stripe-phone-input": LocalJSX.IntrinsicElements["zonos-stripe-phone-input"] & JSXBase.HTMLAttributes<HTMLZonosStripePhoneInputElement>;
+            "zonos-stripe-select": LocalJSX.IntrinsicElements["zonos-stripe-select"] & JSXBase.HTMLAttributes<HTMLZonosStripeSelectElement>;
+            "zonos-text": LocalJSX.IntrinsicElements["zonos-text"] & JSXBase.HTMLAttributes<HTMLZonosTextElement>;
+            "zonos-toggle": LocalJSX.IntrinsicElements["zonos-toggle"] & JSXBase.HTMLAttributes<HTMLZonosToggleElement>;
+            "zonos-tooltip": LocalJSX.IntrinsicElements["zonos-tooltip"] & JSXBase.HTMLAttributes<HTMLZonosTooltipElement>;
+            "zonos-v-stack": LocalJSX.IntrinsicElements["zonos-v-stack"] & JSXBase.HTMLAttributes<HTMLZonosVStackElement>;
             /**
              * Virtual scroll component for efficiently rendering large lists
              * The idea is from:
              * @ref https://github.com/beenotung/stencil-virtual-scroll/blob/master/src/components/virtual-scroll-list/virtual-scroll-list.scss
              * @ref https://github.dev/ionic-team/ionic-framework/blob/v6.7.5/core/src/components/virtual-scroll/virtual-scroll.tsx
              */
-            "zonos-virtual-scroll": LocalJSX.ZonosVirtualScroll & JSXBase.HTMLAttributes<HTMLZonosVirtualScrollElement>;
+            "zonos-virtual-scroll": LocalJSX.IntrinsicElements["zonos-virtual-scroll"] & JSXBase.HTMLAttributes<HTMLZonosVirtualScrollElement>;
         }
     }
 }