@zonos/elements 1.0.16

package/dist/types/components.d.ts

@@ -0,0 +1,1603 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { ContactOption, PaymentIntent, Stripe } from "@stripe/stripe-js";
+import { Color, ColorPrefix } from "./types/styles/Color";
+import { BannerIntent } from "./components/common/zonos-banner/zonos-banner";
+import { CountryCode, ElementsUiStyle, ElementsUiTheme, HelloMobileLocation } from "./types/generated/graphql.customer.types";
+import { AppearanceConfig } from "./components/store/zonosStore";
+import { ContactOption as ContactOption1 } from "./components/store/checkout/stripe";
+import { AppearanceConfig as AppearanceConfig1, Color as Color1, ElementsUiStyle as ElementsUiStyle1, ElementsUiTheme as ElementsUiTheme1, HelloMobileLocation as HelloMobileLocation1 } from "./types/index";
+import { LoadZonosParamsConfig } from "./scripts/zonos";
+import { NotificationInit } from "./components/common/zonos-notification/zonos-notification";
+import { AppearanceConfig as AppearanceConfig2 } from "./components.d";
+import { ShippingRichRadioItem } from "./components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio";
+import { SpinnerColor } from "./components/common/zonos-spinner/zonos-spinner";
+import { FontWeight, Size, Type } from "./types/styles/Text";
+import { GridSpacing } from "./types/styles/GridSpacing";
+export { ContactOption, PaymentIntent, Stripe } from "@stripe/stripe-js";
+export { Color, ColorPrefix } from "./types/styles/Color";
+export { BannerIntent } from "./components/common/zonos-banner/zonos-banner";
+export { CountryCode, ElementsUiStyle, ElementsUiTheme, HelloMobileLocation } from "./types/generated/graphql.customer.types";
+export { AppearanceConfig } from "./components/store/zonosStore";
+export { ContactOption as ContactOption1 } from "./components/store/checkout/stripe";
+export { AppearanceConfig as AppearanceConfig1, Color as Color1, ElementsUiStyle as ElementsUiStyle1, ElementsUiTheme as ElementsUiTheme1, HelloMobileLocation as HelloMobileLocation1 } from "./types/index";
+export { LoadZonosParamsConfig } from "./scripts/zonos";
+export { NotificationInit } from "./components/common/zonos-notification/zonos-notification";
+export { AppearanceConfig as AppearanceConfig2 } from "./components.d";
+export { ShippingRichRadioItem } from "./components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio";
+export { SpinnerColor } from "./components/common/zonos-spinner/zonos-spinner";
+export { FontWeight, Size, Type } from "./types/styles/Text";
+export { GridSpacing } from "./types/styles/GridSpacing";
+export namespace Components {
+    interface ZonosAddress {
+        /**
+          * Default address for stripe
+         */
+        "defaultAddress": ContactOption | null;
+        /**
+          * The title text for the address element
+         */
+        "titleText": string;
+        /**
+          * The type of address element to render
+         */
+        "type": 'billing' | 'shipping';
+    }
+    interface ZonosBadge {
+        /**
+          * Whether or not the badge is bold
+          * @default false
+         */
+        "bold": boolean;
+        /**
+          * css class for the component
+         */
+        "class": string;
+        /**
+          * The size of the badge
+          * @default 24
+         */
+        "color": ColorPrefix;
+        /**
+          * The icon element to display
+          * @default null
+         */
+        "icon"?: HTMLZonosIconElement;
+        /**
+          * Position the icon to the right when icon is specified
+          * @default false
+         */
+        "iconRight": boolean;
+        /**
+          * Whether or not the badge is rounded
+          * @default false
+         */
+        "rounded": boolean;
+        /**
+          * The size of the badge
+          * @default 'default'
+         */
+        "size": 'small' | 'default';
+    }
+    interface ZonosBanner {
+        /**
+          * Whether or not the banner is bold
+         */
+        "bannerTitle"?: string;
+        /**
+          * css class for the component
+         */
+        "class": string;
+        /**
+          * Intent of the banner (success, warning, error)
+         */
+        "intent"?: BannerIntent;
+    }
+    interface ZonosButton {
+        /**
+          * The color of the button text and svg **NOTE**: If the button `variant` is set to 'standard', backgroundColor will be disregarded
+         */
+        "backgroundColor"?: Color | (string & { _placeholder?: never });
+        /**
+          * The border style of the button
+          * @default ROUNDED
+         */
+        "borderStyle"?: ElementsUiStyle;
+        /**
+          * css class for the component
+         */
+        "class": string;
+        /**
+          * The color of the button text and svg
+         */
+        "color"?: Color | (string & { _placeholder?: never });
+        /**
+          * The icon element to display
+          * @default null
+         */
+        "icon": HTMLZonosIconElement | null;
+        /**
+          * Whether or not the icon is on the right
+          * @default false
+         */
+        "iconRight"?: boolean;
+        /**
+          * Whether or not the button is disabled
+          * @note Prop should not conflict name with native html attribute if the prop is also affected by another prop. The issue is the component has internal disabled
+          * @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.
+         */
+        "isDisabled": boolean;
+        /**
+          * Whether or not the button is loading
+         */
+        "loading": boolean;
+        /**
+          * Whether or not the button has a background
+          * @default false
+         */
+        "noBackground": boolean;
+        /**
+          * Whether or not the button has a left padding
+         */
+        "noPaddingLeft": boolean;
+        /**
+          * Whether or not the button has a right padding
+         */
+        "noPaddingRight": boolean;
+        /**
+          * The size of the button
+          * @default 'sm'
+         */
+        "size": 'sm' | 'md' | 'lg';
+        /**
+          * The theme of the button
+         */
+        "theme"?: ElementsUiTheme;
+        /**
+          * The variance of the button **NOTE**: If the button `variant` is set to 'standard', backgroundColor will be disregarded
+         */
+        "variant": | 'primary'
+    | 'success'
+    | 'subtle'
+    | 'outline'
+    | 'standard'
+    | 'danger'
+    | 'warning';
+    }
+    interface ZonosCard {
+        /**
+          * The actions to display in the header of the card
+         */
+        "actions"?: HTMLElement;
+        /**
+          * The CSS class to apply to the card element
+         */
+        "class"?: string;
+        /**
+          * The actions to display in the footer of the card
+         */
+        "footerActions"?: HTMLElement;
+        /**
+          * The content to display in the footer of the card
+         */
+        "footerContent"?: HTMLElement;
+        /**
+          * The height of the footer in pixels
+         */
+        "footerHeight"?: number;
+        /**
+          * The label to display in the header of the card
+         */
+        "label"?: HTMLElement;
+        /**
+          * The spacing to apply between elements in the card
+         */
+        "spacing"?: string;
+    }
+    interface ZonosCartItems {
+    }
+    interface ZonosCartSubtotal {
+    }
+    interface ZonosCheckout {
+        /**
+          * Override appearance config
+         */
+        "appearanceSettingsOverride"?: Partial<AppearanceConfig>;
+        /**
+          * The button element that will open the dialog
+         */
+        "buttonAnchorElements": HTMLElement[] | null;
+        /**
+          * Close dialog action
+         */
+        "closeDialogHandler": () => Promise<void>;
+        /**
+          * Default address to use for the checkout (preview mode)
+         */
+        "defaultAddress": ContactOption | null;
+        /**
+          * Force dialog to be open
+         */
+        "forceDialogOpen": boolean;
+        /**
+          * Setup all of the event listeners for the component on first load
+         */
+        "init": () => Promise<void>;
+        /**
+          * Flag to determine if the checkout is on mobile
+         */
+        "mobile": boolean;
+        /**
+          * Preview checkout without needing to click on the button. This would be useful for demo purpose
+         */
+        "preview": boolean;
+        /**
+          * For storybook to set to finish step, this is to trigger in the story for zonos-checkout-finish
+         */
+        "setToFinishStep": (forcePaymentStatus?: PaymentIntent['status']) => Promise<void>;
+    }
+    interface ZonosCheckoutFinish {
+        /**
+          * The border radius style of the dialog
+         */
+        "borderRadius": ElementsUiStyle;
+        /**
+          * Override the notification message and title, bypass checking stripe payment status
+         */
+        "overrideNotification"?: OverrideNotification;
+        /**
+          * Force status to test the UI for storybook
+         */
+        "storybookForceStatus"?: PaymentIntent['status'];
+    }
+    interface ZonosCheckoutPayment {
+        /**
+          * Whether or not the continue button is loading
+         */
+        "continueLoading": boolean;
+        /**
+          * Error occurred during payment
+         */
+        "paymentError": boolean;
+        /**
+          * Submit button main color
+         */
+        "submitBtnColor"?: string;
+        /**
+          * Whether or not the checkout is in mobile mode
+         */
+        "submitBtnType"?: HTMLZonosButtonElement['variant'];
+    }
+    interface ZonosCollapse {
+        /**
+          * Collapsed size when collapsed
+         */
+        "collapseSize": number;
+        /**
+          * Collapsed state of the element
+         */
+        "collapsed": boolean;
+    }
+    interface ZonosComponent {
+        /**
+          * The first name
+         */
+        "first": string;
+        /**
+          * The last name
+         */
+        "last": string;
+        /**
+          * The middle name
+         */
+        "middle": string;
+    }
+    interface ZonosController {
+        /**
+          * The zonos config object
+         */
+        "config": LoadZonosParamsConfig;
+        /**
+          * Method to initialize checkout element
+         */
+        "initCheckoutElement": (stripe: Stripe) => Promise<void>;
+        /**
+          * Override the setting
+          * @param config config that need to override the default setting
+         */
+        "overrideConfig": (config: LoadZonosParamsConfig) => Promise<void>;
+        /**
+          * Override country code for storybook
+         */
+        "overrideCountry": (countryCode: CountryCode) => Promise<void>;
+        /**
+          * Show notification
+         */
+        "showNotification": (notification: NotificationInit) => Promise<void>;
+        /**
+          * The zonos api key
+         */
+        "zonosApiKey": string;
+    }
+    interface ZonosCountryFlag {
+        /**
+          * The class name for the flag
+         */
+        "class"?: string;
+        /**
+          * The country code for the flag
+          * @default localizationStore.selectedCountryCode
+          * @example 'US'
+         */
+        "countryCode": CountryCode | null;
+        /**
+          * The size of the flag
+         */
+        "size"?: number;
+    }
+    interface ZonosCountrySelect {
+        /**
+          * Function to close the country select
+          * @default () => {}
+         */
+        "closeCountrySelect": () => void;
+    }
+    interface ZonosCustomMessage {
+        /**
+          * The custom message icon
+         */
+        "icon": string;
+        /**
+          * The custom message text
+         */
+        "message": string;
+    }
+    interface ZonosCustomerInfo {
+        /**
+          * Whether or not the continue button is loading
+         */
+        "continueLoading": boolean;
+        /**
+          * Default address to use for the checkout (preview mode)
+         */
+        "defaultAddress": ContactOption | null;
+        /**
+          * Submit button main color
+         */
+        "submitBtnColor"?: string;
+        /**
+          * Whether or not the checkout is in mobile mode
+         */
+        "submitBtnType"?: HTMLZonosButtonElement['variant'];
+    }
+    interface ZonosDialog {
+        /**
+          * The border style of the button
+          * @default ROUNDED
+         */
+        "borderStyle"?: ElementsUiStyle;
+        /**
+          * The right area for the action in the footer
+          * @default null
+         */
+        "footerRightAction": HTMLElement | null;
+        /**
+          * The header text for the dialog
+         */
+        "headerText": string;
+        /**
+          * The height of the dialog (max-wdith still 90vh)
+         */
+        "height"?: string;
+        /**
+          * Load loading spinner for the dialog or not
+         */
+        "isLoading": boolean;
+        /**
+          * Flag to determine if the checkout is on mobile
+         */
+        "mobile": boolean;
+        /**
+          * Whether or not to have body padding
+          * @default false
+         */
+        "noBodyPadding": boolean;
+        /**
+          * Whether or not to have body padding
+          * @default false
+         */
+        "noBorder": boolean;
+        /**
+          * Whether or not to close the dialog when clicking outside of it
+          * @default false
+         */
+        "noClickOutside": boolean;
+        /**
+          * Whether or not to show the close button
+          * @default false
+         */
+        "noCloseButton": boolean;
+        /**
+          * Whether or not to show the header
+          * @default false
+         */
+        "noHeader": boolean;
+        /**
+          * Whether or not the dialog is open
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * The width of the dialog
+          * @default 460px
+         */
+        "width": string;
+    }
+    interface ZonosHello {
+        /**
+          * Force left animation instead of detecting which side has more space
+          * @default false
+         */
+        "animateFromLeftOverride"?: boolean;
+        /**
+          * Override the appearance settings
+         */
+        "appearanceSettingsOverride"?: Partial<AppearanceConfig>;
+        /**
+          * This method will convert the currency and return the converted value
+          * @returns number
+         */
+        "convert": (value: number) => Promise<void>;
+        /**
+          * This method will call convert and format, and return the converted and formatted string
+          * @returns string
+         */
+        "convertAndFormat": (value: number) => Promise<void>;
+        /**
+          * This method will trigger the currency conversion and display the converted value
+          * @returns void
+         */
+        "displayCurrency": () => Promise<void>;
+        /**
+          * This method will format the currency and return the formatted string
+          * @returns number
+         */
+        "format": (value: number) => Promise<void>;
+        /**
+          * Force mobile styling instead of media query and use the passed location value
+          * @default false
+         */
+        "mobileLocationOverride"?: HelloMobileLocation;
+    }
+    interface ZonosHelloDialog {
+        /**
+          * Force left animation instead of detecting which side has more space
+          * @default false
+         */
+        "animateFromLeftOverride"?: boolean;
+        /**
+          * Override the appearance settings
+         */
+        "appearanceSettings"?: Partial<AppearanceConfig>;
+        /**
+          * Whether or not the dialog is open
+         */
+        "isOpen": boolean;
+        /**
+          * Force mobile styling instead of media query and use the passed location value
+          * @default false
+         */
+        "mobileLocationOverride"?: HelloMobileLocation;
+        /**
+          * The function to set the open state
+          * @default () => {}
+         */
+        "setIsOpen": (isOpen: boolean) => void;
+    }
+    interface ZonosHelloDialogFooter {
+        /**
+          * Appearance settings
+         */
+        "appearanceSettings"?: Partial<AppearanceConfig>;
+        /**
+          * Whether or not the country select dialog is open
+          * @default false
+         */
+        "setShowCountrySelect": (value: boolean) => void;
+    }
+    interface ZonosIcon {
+        /**
+          * Determines if the icon should be auto height instead of square
+          * @default false
+         */
+        "autoHeight": boolean;
+        /**
+          * Color of the SVG
+          * @default 'gray-1200'
+         */
+        "color": Color;
+        /**
+          * The content of the icon (full svg)
+          * @example import RemoveIcon from './assets/removeIcon.svg'; ... <zonos-icon content={RemoveIcon}></zonos-icon> // or <zonos-icon content="<svg>...</svg>"></zonos-icon>
+         */
+        "content": string;
+        /**
+          * The size of the icon
+          * @default 24
+         */
+        "size": number;
+    }
+    interface ZonosLinkAuthentication {
+        /**
+          * The title text for the authentication element
+         */
+        "titleText": string;
+    }
+    interface ZonosLogo {
+        /**
+          * css class for the component
+         */
+        "class": string;
+        /**
+          * Theme to change the color of the logo
+         */
+        "theme": ElementsUiTheme;
+        /**
+          * The width of the logo
+         */
+        "width": string;
+    }
+    interface ZonosNotification {
+        /**
+          * Custom class to add to the notification
+         */
+        "class": string;
+        /**
+          * Show a notification
+         */
+        "showNotification": (notification: NotificationInit) => Promise<void>;
+    }
+    interface ZonosPayment {
+        /**
+          * The title text for the authentication element
+         */
+        "titleText"?: string;
+    }
+    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
+         */
+        "collapsed": boolean;
+        /**
+          * Whether or not the component is being rendered with mobile styles
+         */
+        "mobile": boolean;
+    }
+    interface ZonosShipping {
+        /**
+          * Whether or not the continue button is loading
+         */
+        "continueLoading": boolean;
+        /**
+          * Submit button main color
+         */
+        "submitBtnColor"?: string;
+        /**
+          * Whether or not the checkout is in mobile mode
+         */
+        "submitBtnType"?: HTMLZonosButtonElement['variant'];
+    }
+    interface ZonosShippingRichRadio {
+        /**
+          * Override border color of the radio item
+         */
+        "borderColor"?: Color | (string & { _placeholder?: never });
+        /**
+          * Override border color of the radio item
+         */
+        "borderStyle"?: ElementsUiStyle;
+        /**
+          * List of items to display
+         */
+        "items": ShippingRichRadioItem[];
+        /**
+          * Theme of the radio item
+         */
+        "theme"?: ElementsUiTheme;
+    }
+    interface ZonosSpinner {
+        /**
+          * Color of the spinner
+         */
+        "color"?: SpinnerColor;
+        /**
+          * The size of the spinner
+          * @default 32
+         */
+        "size": number;
+    }
+    interface ZonosText {
+        /**
+          * css class for the component
+         */
+        "class": string;
+        /**
+          * The icon element to display
+         */
+        "color": Color;
+        /**
+          * The tag to use for the text
+         */
+        "content"?: string;
+        /**
+          * The size of the text
+         */
+        "size"?: Size;
+        /**
+          * Type of the text to display
+         */
+        "type": Type;
+        /**
+          * The weight of the text
+         */
+        "weight"?: FontWeight;
+    }
+    interface ZonosVStack {
+        /**
+          * The CSS class to apply to the stack element
+         */
+        "class": string;
+        /**
+          * The spacing between elements in the stack
+          * @default 24
+         */
+        "spacing": GridSpacing;
+    }
+}
+export interface ZonosCheckoutFinishCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosCheckoutFinishElement;
+}
+export interface ZonosCheckoutPaymentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosCheckoutPaymentElement;
+}
+export interface ZonosControllerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosControllerElement;
+}
+export interface ZonosCustomerInfoCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosCustomerInfoElement;
+}
+export interface ZonosDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosDialogElement;
+}
+export interface ZonosHelloDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosHelloDialogElement;
+}
+export interface ZonosShippingCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosShippingElement;
+}
+export interface ZonosShippingRichRadioCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosShippingRichRadioElement;
+}
+declare global {
+    interface HTMLZonosAddressElement extends Components.ZonosAddress, HTMLStencilElement {
+    }
+    var HTMLZonosAddressElement: {
+        prototype: HTMLZonosAddressElement;
+        new (): HTMLZonosAddressElement;
+    };
+    interface HTMLZonosBadgeElement extends Components.ZonosBadge, HTMLStencilElement {
+    }
+    var HTMLZonosBadgeElement: {
+        prototype: HTMLZonosBadgeElement;
+        new (): HTMLZonosBadgeElement;
+    };
+    interface HTMLZonosBannerElement extends Components.ZonosBanner, HTMLStencilElement {
+    }
+    var HTMLZonosBannerElement: {
+        prototype: HTMLZonosBannerElement;
+        new (): HTMLZonosBannerElement;
+    };
+    interface HTMLZonosButtonElement extends Components.ZonosButton, HTMLStencilElement {
+    }
+    var HTMLZonosButtonElement: {
+        prototype: HTMLZonosButtonElement;
+        new (): HTMLZonosButtonElement;
+    };
+    interface HTMLZonosCardElement extends Components.ZonosCard, HTMLStencilElement {
+    }
+    var HTMLZonosCardElement: {
+        prototype: HTMLZonosCardElement;
+        new (): HTMLZonosCardElement;
+    };
+    interface HTMLZonosCartItemsElement extends Components.ZonosCartItems, HTMLStencilElement {
+    }
+    var HTMLZonosCartItemsElement: {
+        prototype: HTMLZonosCartItemsElement;
+        new (): HTMLZonosCartItemsElement;
+    };
+    interface HTMLZonosCartSubtotalElement extends Components.ZonosCartSubtotal, HTMLStencilElement {
+    }
+    var HTMLZonosCartSubtotalElement: {
+        prototype: HTMLZonosCartSubtotalElement;
+        new (): HTMLZonosCartSubtotalElement;
+    };
+    interface HTMLZonosCheckoutElement extends Components.ZonosCheckout, HTMLStencilElement {
+    }
+    var HTMLZonosCheckoutElement: {
+        prototype: HTMLZonosCheckoutElement;
+        new (): HTMLZonosCheckoutElement;
+    };
+    interface HTMLZonosCheckoutFinishElement extends Components.ZonosCheckoutFinish, HTMLStencilElement {
+    }
+    var HTMLZonosCheckoutFinishElement: {
+        prototype: HTMLZonosCheckoutFinishElement;
+        new (): HTMLZonosCheckoutFinishElement;
+    };
+    interface HTMLZonosCheckoutPaymentElement extends Components.ZonosCheckoutPayment, HTMLStencilElement {
+    }
+    var HTMLZonosCheckoutPaymentElement: {
+        prototype: HTMLZonosCheckoutPaymentElement;
+        new (): HTMLZonosCheckoutPaymentElement;
+    };
+    interface HTMLZonosCollapseElement extends Components.ZonosCollapse, HTMLStencilElement {
+    }
+    var HTMLZonosCollapseElement: {
+        prototype: HTMLZonosCollapseElement;
+        new (): HTMLZonosCollapseElement;
+    };
+    interface HTMLZonosComponentElement extends Components.ZonosComponent, HTMLStencilElement {
+    }
+    var HTMLZonosComponentElement: {
+        prototype: HTMLZonosComponentElement;
+        new (): HTMLZonosComponentElement;
+    };
+    interface HTMLZonosControllerElement extends Components.ZonosController, HTMLStencilElement {
+    }
+    var HTMLZonosControllerElement: {
+        prototype: HTMLZonosControllerElement;
+        new (): HTMLZonosControllerElement;
+    };
+    interface HTMLZonosCountryFlagElement extends Components.ZonosCountryFlag, HTMLStencilElement {
+    }
+    var HTMLZonosCountryFlagElement: {
+        prototype: HTMLZonosCountryFlagElement;
+        new (): HTMLZonosCountryFlagElement;
+    };
+    interface HTMLZonosCountrySelectElement extends Components.ZonosCountrySelect, HTMLStencilElement {
+    }
+    var HTMLZonosCountrySelectElement: {
+        prototype: HTMLZonosCountrySelectElement;
+        new (): HTMLZonosCountrySelectElement;
+    };
+    interface HTMLZonosCustomMessageElement extends Components.ZonosCustomMessage, HTMLStencilElement {
+    }
+    var HTMLZonosCustomMessageElement: {
+        prototype: HTMLZonosCustomMessageElement;
+        new (): HTMLZonosCustomMessageElement;
+    };
+    interface HTMLZonosCustomerInfoElement extends Components.ZonosCustomerInfo, HTMLStencilElement {
+    }
+    var HTMLZonosCustomerInfoElement: {
+        prototype: HTMLZonosCustomerInfoElement;
+        new (): HTMLZonosCustomerInfoElement;
+    };
+    interface HTMLZonosDialogElement extends Components.ZonosDialog, HTMLStencilElement {
+    }
+    var HTMLZonosDialogElement: {
+        prototype: HTMLZonosDialogElement;
+        new (): HTMLZonosDialogElement;
+    };
+    interface HTMLZonosHelloElement extends Components.ZonosHello, HTMLStencilElement {
+    }
+    var HTMLZonosHelloElement: {
+        prototype: HTMLZonosHelloElement;
+        new (): HTMLZonosHelloElement;
+    };
+    interface HTMLZonosHelloDialogElement extends Components.ZonosHelloDialog, HTMLStencilElement {
+    }
+    var HTMLZonosHelloDialogElement: {
+        prototype: HTMLZonosHelloDialogElement;
+        new (): HTMLZonosHelloDialogElement;
+    };
+    interface HTMLZonosHelloDialogFooterElement extends Components.ZonosHelloDialogFooter, HTMLStencilElement {
+    }
+    var HTMLZonosHelloDialogFooterElement: {
+        prototype: HTMLZonosHelloDialogFooterElement;
+        new (): HTMLZonosHelloDialogFooterElement;
+    };
+    interface HTMLZonosIconElement extends Components.ZonosIcon, HTMLStencilElement {
+    }
+    var HTMLZonosIconElement: {
+        prototype: HTMLZonosIconElement;
+        new (): HTMLZonosIconElement;
+    };
+    interface HTMLZonosLinkAuthenticationElement extends Components.ZonosLinkAuthentication, HTMLStencilElement {
+    }
+    var HTMLZonosLinkAuthenticationElement: {
+        prototype: HTMLZonosLinkAuthenticationElement;
+        new (): HTMLZonosLinkAuthenticationElement;
+    };
+    interface HTMLZonosLogoElement extends Components.ZonosLogo, HTMLStencilElement {
+    }
+    var HTMLZonosLogoElement: {
+        prototype: HTMLZonosLogoElement;
+        new (): HTMLZonosLogoElement;
+    };
+    interface HTMLZonosNotificationElement extends Components.ZonosNotification, HTMLStencilElement {
+    }
+    var HTMLZonosNotificationElement: {
+        prototype: HTMLZonosNotificationElement;
+        new (): HTMLZonosNotificationElement;
+    };
+    interface HTMLZonosPaymentElement extends Components.ZonosPayment, HTMLStencilElement {
+    }
+    var HTMLZonosPaymentElement: {
+        prototype: HTMLZonosPaymentElement;
+        new (): HTMLZonosPaymentElement;
+    };
+    interface HTMLZonosReviewElement extends Components.ZonosReview, HTMLStencilElement {
+    }
+    var HTMLZonosReviewElement: {
+        prototype: HTMLZonosReviewElement;
+        new (): HTMLZonosReviewElement;
+    };
+    interface HTMLZonosShippingElement extends Components.ZonosShipping, HTMLStencilElement {
+    }
+    var HTMLZonosShippingElement: {
+        prototype: HTMLZonosShippingElement;
+        new (): HTMLZonosShippingElement;
+    };
+    interface HTMLZonosShippingRichRadioElement extends Components.ZonosShippingRichRadio, HTMLStencilElement {
+    }
+    var HTMLZonosShippingRichRadioElement: {
+        prototype: HTMLZonosShippingRichRadioElement;
+        new (): HTMLZonosShippingRichRadioElement;
+    };
+    interface HTMLZonosSpinnerElement extends Components.ZonosSpinner, HTMLStencilElement {
+    }
+    var HTMLZonosSpinnerElement: {
+        prototype: HTMLZonosSpinnerElement;
+        new (): HTMLZonosSpinnerElement;
+    };
+    interface HTMLZonosTextElement extends Components.ZonosText, HTMLStencilElement {
+    }
+    var HTMLZonosTextElement: {
+        prototype: HTMLZonosTextElement;
+        new (): HTMLZonosTextElement;
+    };
+    interface HTMLZonosVStackElement extends Components.ZonosVStack, HTMLStencilElement {
+    }
+    var HTMLZonosVStackElement: {
+        prototype: HTMLZonosVStackElement;
+        new (): HTMLZonosVStackElement;
+    };
+    interface HTMLElementTagNameMap {
+        "zonos-address": HTMLZonosAddressElement;
+        "zonos-badge": HTMLZonosBadgeElement;
+        "zonos-banner": HTMLZonosBannerElement;
+        "zonos-button": HTMLZonosButtonElement;
+        "zonos-card": HTMLZonosCardElement;
+        "zonos-cart-items": HTMLZonosCartItemsElement;
+        "zonos-cart-subtotal": HTMLZonosCartSubtotalElement;
+        "zonos-checkout": HTMLZonosCheckoutElement;
+        "zonos-checkout-finish": HTMLZonosCheckoutFinishElement;
+        "zonos-checkout-payment": HTMLZonosCheckoutPaymentElement;
+        "zonos-collapse": HTMLZonosCollapseElement;
+        "zonos-component": HTMLZonosComponentElement;
+        "zonos-controller": HTMLZonosControllerElement;
+        "zonos-country-flag": HTMLZonosCountryFlagElement;
+        "zonos-country-select": HTMLZonosCountrySelectElement;
+        "zonos-custom-message": HTMLZonosCustomMessageElement;
+        "zonos-customer-info": HTMLZonosCustomerInfoElement;
+        "zonos-dialog": HTMLZonosDialogElement;
+        "zonos-hello": HTMLZonosHelloElement;
+        "zonos-hello-dialog": HTMLZonosHelloDialogElement;
+        "zonos-hello-dialog-footer": HTMLZonosHelloDialogFooterElement;
+        "zonos-icon": HTMLZonosIconElement;
+        "zonos-link-authentication": HTMLZonosLinkAuthenticationElement;
+        "zonos-logo": HTMLZonosLogoElement;
+        "zonos-notification": HTMLZonosNotificationElement;
+        "zonos-payment": HTMLZonosPaymentElement;
+        "zonos-review": HTMLZonosReviewElement;
+        "zonos-shipping": HTMLZonosShippingElement;
+        "zonos-shipping-rich-radio": HTMLZonosShippingRichRadioElement;
+        "zonos-spinner": HTMLZonosSpinnerElement;
+        "zonos-text": HTMLZonosTextElement;
+        "zonos-v-stack": HTMLZonosVStackElement;
+    }
+}
+declare namespace LocalJSX {
+    interface ZonosAddress {
+        /**
+          * Default address for stripe
+         */
+        "defaultAddress"?: ContactOption | null;
+        /**
+          * The title text for the address element
+         */
+        "titleText": string;
+        /**
+          * The type of address element to render
+         */
+        "type": 'billing' | 'shipping';
+    }
+    interface ZonosBadge {
+        /**
+          * Whether or not the badge is bold
+          * @default false
+         */
+        "bold"?: boolean;
+        /**
+          * css class for the component
+         */
+        "class"?: string;
+        /**
+          * The size of the badge
+          * @default 24
+         */
+        "color"?: ColorPrefix;
+        /**
+          * The icon element to display
+          * @default null
+         */
+        "icon"?: HTMLZonosIconElement;
+        /**
+          * Position the icon to the right when icon is specified
+          * @default false
+         */
+        "iconRight"?: boolean;
+        /**
+          * Whether or not the badge is rounded
+          * @default false
+         */
+        "rounded"?: boolean;
+        /**
+          * The size of the badge
+          * @default 'default'
+         */
+        "size"?: 'small' | 'default';
+    }
+    interface ZonosBanner {
+        /**
+          * Whether or not the banner is bold
+         */
+        "bannerTitle"?: string;
+        /**
+          * css class for the component
+         */
+        "class"?: string;
+        /**
+          * Intent of the banner (success, warning, error)
+         */
+        "intent"?: BannerIntent;
+    }
+    interface ZonosButton {
+        /**
+          * The color of the button text and svg **NOTE**: If the button `variant` is set to 'standard', backgroundColor will be disregarded
+         */
+        "backgroundColor"?: Color | (string & { _placeholder?: never });
+        /**
+          * The border style of the button
+          * @default ROUNDED
+         */
+        "borderStyle"?: ElementsUiStyle;
+        /**
+          * css class for the component
+         */
+        "class"?: string;
+        /**
+          * The color of the button text and svg
+         */
+        "color"?: Color | (string & { _placeholder?: never });
+        /**
+          * The icon element to display
+          * @default null
+         */
+        "icon"?: HTMLZonosIconElement | null;
+        /**
+          * Whether or not the icon is on the right
+          * @default false
+         */
+        "iconRight"?: boolean;
+        /**
+          * Whether or not the button is disabled
+          * @note Prop should not conflict name with native html attribute if the prop is also affected by another prop. The issue is the component has internal disabled
+          * @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.
+         */
+        "isDisabled"?: boolean;
+        /**
+          * Whether or not the button is loading
+         */
+        "loading"?: boolean;
+        /**
+          * Whether or not the button has a background
+          * @default false
+         */
+        "noBackground"?: boolean;
+        /**
+          * Whether or not the button has a left padding
+         */
+        "noPaddingLeft"?: boolean;
+        /**
+          * Whether or not the button has a right padding
+         */
+        "noPaddingRight"?: boolean;
+        /**
+          * The size of the button
+          * @default 'sm'
+         */
+        "size"?: 'sm' | 'md' | 'lg';
+        /**
+          * The theme of the button
+         */
+        "theme"?: ElementsUiTheme;
+        /**
+          * The variance of the button **NOTE**: If the button `variant` is set to 'standard', backgroundColor will be disregarded
+         */
+        "variant"?: | 'primary'
+    | 'success'
+    | 'subtle'
+    | 'outline'
+    | 'standard'
+    | 'danger'
+    | 'warning';
+    }
+    interface ZonosCard {
+        /**
+          * The actions to display in the header of the card
+         */
+        "actions"?: HTMLElement;
+        /**
+          * The CSS class to apply to the card element
+         */
+        "class"?: string;
+        /**
+          * The actions to display in the footer of the card
+         */
+        "footerActions"?: HTMLElement;
+        /**
+          * The content to display in the footer of the card
+         */
+        "footerContent"?: HTMLElement;
+        /**
+          * The height of the footer in pixels
+         */
+        "footerHeight"?: number;
+        /**
+          * The label to display in the header of the card
+         */
+        "label"?: HTMLElement;
+        /**
+          * The spacing to apply between elements in the card
+         */
+        "spacing"?: string;
+    }
+    interface ZonosCartItems {
+    }
+    interface ZonosCartSubtotal {
+    }
+    interface ZonosCheckout {
+        /**
+          * Override appearance config
+         */
+        "appearanceSettingsOverride"?: Partial<AppearanceConfig>;
+        /**
+          * The button element that will open the dialog
+         */
+        "buttonAnchorElements"?: HTMLElement[] | null;
+        /**
+          * Default address to use for the checkout (preview mode)
+         */
+        "defaultAddress"?: ContactOption | null;
+        /**
+          * Force dialog to be open
+         */
+        "forceDialogOpen"?: boolean;
+        /**
+          * Flag to determine if the checkout is on mobile
+         */
+        "mobile"?: boolean;
+        /**
+          * Preview checkout without needing to click on the button. This would be useful for demo purpose
+         */
+        "preview"?: boolean;
+    }
+    interface ZonosCheckoutFinish {
+        /**
+          * The border radius style of the dialog
+         */
+        "borderRadius"?: ElementsUiStyle;
+        /**
+          * Event to emit when the continue button is clicked
+         */
+        "onCloseClick"?: (event: ZonosCheckoutFinishCustomEvent<void>) => void;
+        /**
+          * Override the notification message and title, bypass checking stripe payment status
+         */
+        "overrideNotification"?: OverrideNotification;
+        /**
+          * Force status to test the UI for storybook
+         */
+        "storybookForceStatus"?: PaymentIntent['status'];
+    }
+    interface ZonosCheckoutPayment {
+        /**
+          * Whether or not the continue button is loading
+         */
+        "continueLoading"?: boolean;
+        /**
+          * Event to emit when the continue button is clicked
+         */
+        "onContinueClicked"?: (event: ZonosCheckoutPaymentCustomEvent<void>) => void;
+        /**
+          * Error occurred during payment
+         */
+        "paymentError"?: boolean;
+        /**
+          * Submit button main color
+         */
+        "submitBtnColor"?: string;
+        /**
+          * Whether or not the checkout is in mobile mode
+         */
+        "submitBtnType"?: HTMLZonosButtonElement['variant'];
+    }
+    interface ZonosCollapse {
+        /**
+          * Collapsed size when collapsed
+         */
+        "collapseSize"?: number;
+        /**
+          * Collapsed state of the element
+         */
+        "collapsed"?: boolean;
+    }
+    interface ZonosComponent {
+        /**
+          * The first name
+         */
+        "first"?: string;
+        /**
+          * The last name
+         */
+        "last"?: string;
+        /**
+          * The middle name
+         */
+        "middle"?: string;
+    }
+    interface ZonosController {
+        /**
+          * The zonos config object
+         */
+        "config": LoadZonosParamsConfig;
+        /**
+          * Event emitted when stripe is initialized
+         */
+        "onStripeInitEvent"?: (event: ZonosControllerCustomEvent<{ publishableKey: string }>) => void;
+        /**
+          * The zonos api key
+         */
+        "zonosApiKey": string;
+    }
+    interface ZonosCountryFlag {
+        /**
+          * The class name for the flag
+         */
+        "class"?: string;
+        /**
+          * The country code for the flag
+          * @default localizationStore.selectedCountryCode
+          * @example 'US'
+         */
+        "countryCode"?: CountryCode | null;
+        /**
+          * The size of the flag
+         */
+        "size"?: number;
+    }
+    interface ZonosCountrySelect {
+        /**
+          * Function to close the country select
+          * @default () => {}
+         */
+        "closeCountrySelect"?: () => void;
+    }
+    interface ZonosCustomMessage {
+        /**
+          * The custom message icon
+         */
+        "icon"?: string;
+        /**
+          * The custom message text
+         */
+        "message"?: string;
+    }
+    interface ZonosCustomerInfo {
+        /**
+          * Whether or not the continue button is loading
+         */
+        "continueLoading"?: boolean;
+        /**
+          * Default address to use for the checkout (preview mode)
+         */
+        "defaultAddress"?: ContactOption | null;
+        /**
+          * Event to emit when the continue button is clicked
+         */
+        "onContinueClicked"?: (event: ZonosCustomerInfoCustomEvent<void>) => void;
+        /**
+          * Submit button main color
+         */
+        "submitBtnColor"?: string;
+        /**
+          * Whether or not the checkout is in mobile mode
+         */
+        "submitBtnType"?: HTMLZonosButtonElement['variant'];
+    }
+    interface ZonosDialog {
+        /**
+          * The border style of the button
+          * @default ROUNDED
+         */
+        "borderStyle"?: ElementsUiStyle;
+        /**
+          * The right area for the action in the footer
+          * @default null
+         */
+        "footerRightAction"?: HTMLElement | null;
+        /**
+          * The header text for the dialog
+         */
+        "headerText"?: string;
+        /**
+          * The height of the dialog (max-wdith still 90vh)
+         */
+        "height"?: string;
+        /**
+          * Load loading spinner for the dialog or not
+         */
+        "isLoading"?: boolean;
+        /**
+          * Flag to determine if the checkout is on mobile
+         */
+        "mobile"?: boolean;
+        /**
+          * Whether or not to have body padding
+          * @default false
+         */
+        "noBodyPadding"?: boolean;
+        /**
+          * Whether or not to have body padding
+          * @default false
+         */
+        "noBorder"?: boolean;
+        /**
+          * Whether or not to close the dialog when clicking outside of it
+          * @default false
+         */
+        "noClickOutside"?: boolean;
+        /**
+          * Whether or not to show the close button
+          * @default false
+         */
+        "noCloseButton"?: boolean;
+        /**
+          * Whether or not to show the header
+          * @default false
+         */
+        "noHeader"?: boolean;
+        /**
+          * Close dialog button click
+         */
+        "onCloseDialog"?: (event: ZonosDialogCustomEvent<void>) => void;
+        /**
+          * Whether or not the dialog is open
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * The width of the dialog
+          * @default 460px
+         */
+        "width"?: string;
+    }
+    interface ZonosHello {
+        /**
+          * Force left animation instead of detecting which side has more space
+          * @default false
+         */
+        "animateFromLeftOverride"?: boolean;
+        /**
+          * Override the appearance settings
+         */
+        "appearanceSettingsOverride"?: Partial<AppearanceConfig>;
+        /**
+          * Force mobile styling instead of media query and use the passed location value
+          * @default false
+         */
+        "mobileLocationOverride"?: HelloMobileLocation;
+    }
+    interface ZonosHelloDialog {
+        /**
+          * Force left animation instead of detecting which side has more space
+          * @default false
+         */
+        "animateFromLeftOverride"?: boolean;
+        /**
+          * Override the appearance settings
+         */
+        "appearanceSettings"?: Partial<AppearanceConfig>;
+        /**
+          * Whether or not the dialog is open
+         */
+        "isOpen"?: boolean;
+        /**
+          * Force mobile styling instead of media query and use the passed location value
+          * @default false
+         */
+        "mobileLocationOverride"?: HelloMobileLocation;
+        /**
+          * Close dialog button click
+         */
+        "onCloseDialog"?: (event: ZonosHelloDialogCustomEvent<void>) => void;
+        /**
+          * The function to set the open state
+          * @default () => {}
+         */
+        "setIsOpen"?: (isOpen: boolean) => void;
+    }
+    interface ZonosHelloDialogFooter {
+        /**
+          * Appearance settings
+         */
+        "appearanceSettings"?: Partial<AppearanceConfig>;
+        /**
+          * Whether or not the country select dialog is open
+          * @default false
+         */
+        "setShowCountrySelect"?: (value: boolean) => void;
+    }
+    interface ZonosIcon {
+        /**
+          * Determines if the icon should be auto height instead of square
+          * @default false
+         */
+        "autoHeight"?: boolean;
+        /**
+          * Color of the SVG
+          * @default 'gray-1200'
+         */
+        "color"?: Color;
+        /**
+          * The content of the icon (full svg)
+          * @example import RemoveIcon from './assets/removeIcon.svg'; ... <zonos-icon content={RemoveIcon}></zonos-icon> // or <zonos-icon content="<svg>...</svg>"></zonos-icon>
+         */
+        "content": string;
+        /**
+          * The size of the icon
+          * @default 24
+         */
+        "size"?: number;
+    }
+    interface ZonosLinkAuthentication {
+        /**
+          * The title text for the authentication element
+         */
+        "titleText": string;
+    }
+    interface ZonosLogo {
+        /**
+          * css class for the component
+         */
+        "class"?: string;
+        /**
+          * Theme to change the color of the logo
+         */
+        "theme"?: ElementsUiTheme;
+        /**
+          * The width of the logo
+         */
+        "width"?: string;
+    }
+    interface ZonosNotification {
+        /**
+          * Custom class to add to the notification
+         */
+        "class"?: string;
+    }
+    interface ZonosPayment {
+        /**
+          * The title text for the authentication element
+         */
+        "titleText"?: string;
+    }
+    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
+         */
+        "collapsed"?: boolean;
+        /**
+          * Whether or not the component is being rendered with mobile styles
+         */
+        "mobile"?: boolean;
+    }
+    interface ZonosShipping {
+        /**
+          * Whether or not the continue button is loading
+         */
+        "continueLoading"?: boolean;
+        /**
+          * Event to emit when the continue button is clicked
+         */
+        "onContinueClicked"?: (event: ZonosShippingCustomEvent<void>) => void;
+        /**
+          * Submit button main color
+         */
+        "submitBtnColor"?: string;
+        /**
+          * Whether or not the checkout is in mobile mode
+         */
+        "submitBtnType"?: HTMLZonosButtonElement['variant'];
+    }
+    interface ZonosShippingRichRadio {
+        /**
+          * Override border color of the radio item
+         */
+        "borderColor"?: Color | (string & { _placeholder?: never });
+        /**
+          * Override border color of the radio item
+         */
+        "borderStyle"?: ElementsUiStyle;
+        /**
+          * List of items to display
+         */
+        "items": ShippingRichRadioItem[];
+        /**
+          * Event emitted when an item is selected
+         */
+        "onRadioSelected"?: (event: ZonosShippingRichRadioCustomEvent<ShippingRichRadioItem>) => void;
+        /**
+          * Theme of the radio item
+         */
+        "theme"?: ElementsUiTheme;
+    }
+    interface ZonosSpinner {
+        /**
+          * Color of the spinner
+         */
+        "color"?: SpinnerColor;
+        /**
+          * The size of the spinner
+          * @default 32
+         */
+        "size"?: number;
+    }
+    interface ZonosText {
+        /**
+          * css class for the component
+         */
+        "class"?: string;
+        /**
+          * The icon element to display
+         */
+        "color"?: Color;
+        /**
+          * The tag to use for the text
+         */
+        "content"?: string;
+        /**
+          * The size of the text
+         */
+        "size"?: Size;
+        /**
+          * Type of the text to display
+         */
+        "type"?: Type;
+        /**
+          * The weight of the text
+         */
+        "weight"?: FontWeight;
+    }
+    interface ZonosVStack {
+        /**
+          * The CSS class to apply to the stack element
+         */
+        "class"?: string;
+        /**
+          * The spacing between elements in the stack
+          * @default 24
+         */
+        "spacing"?: GridSpacing;
+    }
+    interface IntrinsicElements {
+        "zonos-address": ZonosAddress;
+        "zonos-badge": ZonosBadge;
+        "zonos-banner": ZonosBanner;
+        "zonos-button": ZonosButton;
+        "zonos-card": ZonosCard;
+        "zonos-cart-items": ZonosCartItems;
+        "zonos-cart-subtotal": ZonosCartSubtotal;
+        "zonos-checkout": ZonosCheckout;
+        "zonos-checkout-finish": ZonosCheckoutFinish;
+        "zonos-checkout-payment": ZonosCheckoutPayment;
+        "zonos-collapse": ZonosCollapse;
+        "zonos-component": ZonosComponent;
+        "zonos-controller": ZonosController;
+        "zonos-country-flag": ZonosCountryFlag;
+        "zonos-country-select": ZonosCountrySelect;
+        "zonos-custom-message": ZonosCustomMessage;
+        "zonos-customer-info": ZonosCustomerInfo;
+        "zonos-dialog": ZonosDialog;
+        "zonos-hello": ZonosHello;
+        "zonos-hello-dialog": ZonosHelloDialog;
+        "zonos-hello-dialog-footer": ZonosHelloDialogFooter;
+        "zonos-icon": ZonosIcon;
+        "zonos-link-authentication": ZonosLinkAuthentication;
+        "zonos-logo": ZonosLogo;
+        "zonos-notification": ZonosNotification;
+        "zonos-payment": ZonosPayment;
+        "zonos-review": ZonosReview;
+        "zonos-shipping": ZonosShipping;
+        "zonos-shipping-rich-radio": ZonosShippingRichRadio;
+        "zonos-spinner": ZonosSpinner;
+        "zonos-text": ZonosText;
+        "zonos-v-stack": ZonosVStack;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "zonos-address": LocalJSX.ZonosAddress & JSXBase.HTMLAttributes<HTMLZonosAddressElement>;
+            "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-subtotal": LocalJSX.ZonosCartSubtotal & JSXBase.HTMLAttributes<HTMLZonosCartSubtotalElement>;
+            "zonos-checkout": LocalJSX.ZonosCheckout & JSXBase.HTMLAttributes<HTMLZonosCheckoutElement>;
+            "zonos-checkout-finish": LocalJSX.ZonosCheckoutFinish & JSXBase.HTMLAttributes<HTMLZonosCheckoutFinishElement>;
+            "zonos-checkout-payment": LocalJSX.ZonosCheckoutPayment & JSXBase.HTMLAttributes<HTMLZonosCheckoutPaymentElement>;
+            "zonos-collapse": LocalJSX.ZonosCollapse & JSXBase.HTMLAttributes<HTMLZonosCollapseElement>;
+            "zonos-component": LocalJSX.ZonosComponent & JSXBase.HTMLAttributes<HTMLZonosComponentElement>;
+            "zonos-controller": LocalJSX.ZonosController & JSXBase.HTMLAttributes<HTMLZonosControllerElement>;
+            "zonos-country-flag": LocalJSX.ZonosCountryFlag & JSXBase.HTMLAttributes<HTMLZonosCountryFlagElement>;
+            "zonos-country-select": LocalJSX.ZonosCountrySelect & JSXBase.HTMLAttributes<HTMLZonosCountrySelectElement>;
+            "zonos-custom-message": LocalJSX.ZonosCustomMessage & JSXBase.HTMLAttributes<HTMLZonosCustomMessageElement>;
+            "zonos-customer-info": LocalJSX.ZonosCustomerInfo & JSXBase.HTMLAttributes<HTMLZonosCustomerInfoElement>;
+            "zonos-dialog": LocalJSX.ZonosDialog & JSXBase.HTMLAttributes<HTMLZonosDialogElement>;
+            "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-link-authentication": LocalJSX.ZonosLinkAuthentication & JSXBase.HTMLAttributes<HTMLZonosLinkAuthenticationElement>;
+            "zonos-logo": LocalJSX.ZonosLogo & JSXBase.HTMLAttributes<HTMLZonosLogoElement>;
+            "zonos-notification": LocalJSX.ZonosNotification & JSXBase.HTMLAttributes<HTMLZonosNotificationElement>;
+            "zonos-payment": LocalJSX.ZonosPayment & JSXBase.HTMLAttributes<HTMLZonosPaymentElement>;
+            "zonos-review": LocalJSX.ZonosReview & JSXBase.HTMLAttributes<HTMLZonosReviewElement>;
+            "zonos-shipping": LocalJSX.ZonosShipping & JSXBase.HTMLAttributes<HTMLZonosShippingElement>;
+            "zonos-shipping-rich-radio": LocalJSX.ZonosShippingRichRadio & JSXBase.HTMLAttributes<HTMLZonosShippingRichRadioElement>;
+            "zonos-spinner": LocalJSX.ZonosSpinner & JSXBase.HTMLAttributes<HTMLZonosSpinnerElement>;
+            "zonos-text": LocalJSX.ZonosText & JSXBase.HTMLAttributes<HTMLZonosTextElement>;
+            "zonos-v-stack": LocalJSX.ZonosVStack & JSXBase.HTMLAttributes<HTMLZonosVStackElement>;
+        }
+    }
+}