@zonos/elements 1.3.5 → 1.3.7-alpha.0

package/dist/types/components.d.ts

@@ -6,34 +6,34 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ContactOption, PaymentIntent, Stripe } from "@stripe/stripe-js";
-import { Color, ColorPrefix } from "./types/styles/Color";
+import { CheckboxColorPrefix, 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 { FontWeight, Size, Type } from "./types/styles/Text";
+import { AppearanceConfig as AppearanceConfig1, Color as Color1, ElementsUiStyle as ElementsUiStyle1, ElementsUiTheme as ElementsUiTheme1, HelloMobileLocation as HelloMobileLocation1 } from "./types/index";
 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/zonosBase";
 import { NotificationInit } from "./components/common/zonos-notification/zonos-notification";
 import { RestrictedItem } from "./types/hello/RestrictedItem";
 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 { CheckboxColorPrefix, 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 { FontWeight, Size, Type } from "./types/styles/Text";
+export { AppearanceConfig as AppearanceConfig1, Color as Color1, ElementsUiStyle as ElementsUiStyle1, ElementsUiTheme as ElementsUiTheme1, HelloMobileLocation as HelloMobileLocation1 } from "./types/index";
 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/zonosBase";
 export { NotificationInit } from "./components/common/zonos-notification/zonos-notification";
 export { RestrictedItem } from "./types/hello/RestrictedItem";
 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 {
@@ -51,20 +51,16 @@ export namespace Components {
         "type": 'billing' | 'shipping';
     }
     interface ZonosBadge {
+        /**
+          * The size of the badge
+          * @default 24
+         */
+        "badgeColor": ColorPrefix;
         /**
           * 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
@@ -91,10 +87,6 @@ export namespace Components {
           * Whether or not the banner is bold
          */
         "bannerTitle"?: string;
-        /**
-          * css class for the component
-         */
-        "class": string;
         /**
           * Intent of the banner (success, warning, error)
          */
@@ -110,14 +102,10 @@ export namespace Components {
           * @default ROUNDED
          */
         "borderStyle"?: ElementsUiStyle;
-        /**
-          * css class for the component
-         */
-        "class": string;
         /**
           * The color of the button text and svg
          */
-        "color"?: Color | (string & { _placeholder?: never });
+        "buttonColor"?: Color | (string & { _placeholder?: never });
         /**
           * The icon element to display
           * @default null
@@ -178,10 +166,6 @@ export namespace Components {
           * 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
          */
@@ -207,6 +191,38 @@ export namespace Components {
     }
     interface ZonosCartSubtotal {
     }
+    interface ZonosCheckbox {
+        /**
+          * background color of the checkbox
+         */
+        "backgroundColor": | CheckboxColorPrefix
+    | (string & { _placeholder?: never });
+        /**
+          * The border style of the button
+          * @default ROUNDED
+         */
+        "borderStyle"?: ElementsUiStyle;
+        /**
+          * Font size of the checkbox text
+         */
+        "fontSize": Size;
+        /**
+          * Whether or not the checkbox is checked
+         */
+        "isChecked": boolean;
+        /**
+          * Whether or not the checkbox is disabled
+         */
+        "isDisabled": boolean;
+        /**
+          * The label of the checkbox
+         */
+        "label"?: string;
+        /**
+          * Size of the checkbox
+         */
+        "size": 12 | 16 | 24;
+    }
     interface ZonosCheckout {
         /**
           * Override appearance config
@@ -255,6 +271,8 @@ export namespace Components {
          */
         "storybookForceStatus"?: PaymentIntent['status'];
     }
+    interface ZonosCheckoutFooter {
+    }
     interface ZonosCheckoutPayment {
         /**
           * Whether or not the continue button is loading
@@ -337,10 +355,6 @@ export namespace Components {
         "zonosApiKey": string;
     }
     interface ZonosCountryFlag {
-        /**
-          * The class name for the flag
-         */
-        "class"?: string;
         /**
           * The country code for the flag
           * @default localizationStore.selectedCountryCode
@@ -357,7 +371,7 @@ export namespace Components {
           * Function to close the country select
           * @default () => {}
          */
-        "closeCountrySelect": () => void;
+        "handleOnClose": () => void;
     }
     interface ZonosCustomMessage {
         /**
@@ -526,6 +540,11 @@ export namespace Components {
           * @default false
          */
         "setShowCountrySelect": (value: boolean) => void;
+        /**
+          * Whether or not the language select dialog is open
+          * @default false
+         */
+        "setShowLanguageSelect": (value: boolean) => void;
     }
     interface ZonosIcon {
         /**
@@ -533,22 +552,29 @@ export namespace Components {
           * @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;
+        /**
+          * Color of the SVG
+          * @default 'gray-1200'
+         */
+        "iconColor": Color;
         /**
           * The size of the icon
           * @default 24
          */
         "size": number;
     }
+    interface ZonosLanguageSelect {
+        /**
+          * Function to close the language select
+          * @default () => {}
+         */
+        "handleOnClose": () => void;
+    }
     interface ZonosLinkAuthentication {
         /**
           * The title text for the authentication element
@@ -556,10 +582,6 @@ export namespace Components {
         "titleText": string;
     }
     interface ZonosLogo {
-        /**
-          * css class for the component
-         */
-        "class": string;
         /**
           * Theme to change the color of the logo
          */
@@ -570,10 +592,6 @@ export namespace Components {
         "width": string;
     }
     interface ZonosNotification {
-        /**
-          * Custom class to add to the notification
-         */
-        "class": string;
         /**
           * Show a notification
          */
@@ -595,6 +613,17 @@ export namespace Components {
          */
         "mobile": boolean;
     }
+    interface ZonosSelectDialogHeader {
+        /**
+          * Callback to do something on close
+          * @default () => {}
+         */
+        "handleOnClose": () => void;
+        /**
+          * The label for the select dialog
+         */
+        "label": string;
+    }
     interface ZonosShipping {
         /**
           * Whether or not the continue button is loading
@@ -628,25 +657,17 @@ export namespace Components {
         "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 of the spinner
          */
-        "color": Color;
+        "spinnerColor"?: SpinnerColor;
+    }
+    interface ZonosText {
         /**
           * The tag to use for the text
          */
@@ -655,6 +676,10 @@ export namespace Components {
           * The size of the text
          */
         "size"?: Size;
+        /**
+          * The icon element to display
+         */
+        "textColor": Color;
         /**
           * Type of the text to display
          */
@@ -664,11 +689,17 @@ export namespace Components {
          */
         "weight"?: FontWeight;
     }
-    interface ZonosVStack {
+    interface ZonosTooltip {
+        /**
+          * The title of the tooltip
+         */
+        "label": string;
         /**
-          * The CSS class to apply to the stack element
+          * The subtitle of the tooltip
          */
-        "class": string;
+        "subtitle": string;
+    }
+    interface ZonosVStack {
         /**
           * The spacing between elements in the stack
           * @default 24
@@ -676,6 +707,10 @@ export namespace Components {
         "spacing": GridSpacing;
     }
 }
+export interface ZonosCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosCheckboxElement;
+}
 export interface ZonosCheckoutFinishCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosCheckoutFinishElement;
@@ -751,6 +786,23 @@ declare global {
         prototype: HTMLZonosCartSubtotalElement;
         new (): HTMLZonosCartSubtotalElement;
     };
+    interface HTMLZonosCheckboxElementEventMap {
+        "checkboxSelected": boolean;
+    }
+    interface HTMLZonosCheckboxElement extends Components.ZonosCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosCheckboxElementEventMap>(type: K, listener: (this: HTMLZonosCheckboxElement, ev: ZonosCheckboxCustomEvent<HTMLZonosCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLZonosCheckboxElementEventMap>(type: K, listener: (this: HTMLZonosCheckboxElement, ev: ZonosCheckboxCustomEvent<HTMLZonosCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLZonosCheckboxElement: {
+        prototype: HTMLZonosCheckboxElement;
+        new (): HTMLZonosCheckboxElement;
+    };
     interface HTMLZonosCheckoutElement extends Components.ZonosCheckout, HTMLStencilElement {
     }
     var HTMLZonosCheckoutElement: {
@@ -774,6 +826,12 @@ declare global {
         prototype: HTMLZonosCheckoutFinishElement;
         new (): HTMLZonosCheckoutFinishElement;
     };
+    interface HTMLZonosCheckoutFooterElement extends Components.ZonosCheckoutFooter, HTMLStencilElement {
+    }
+    var HTMLZonosCheckoutFooterElement: {
+        prototype: HTMLZonosCheckoutFooterElement;
+        new (): HTMLZonosCheckoutFooterElement;
+    };
     interface HTMLZonosCheckoutPaymentElementEventMap {
         "continueClicked": void;
     }
@@ -907,6 +965,12 @@ declare global {
         prototype: HTMLZonosIconElement;
         new (): HTMLZonosIconElement;
     };
+    interface HTMLZonosLanguageSelectElement extends Components.ZonosLanguageSelect, HTMLStencilElement {
+    }
+    var HTMLZonosLanguageSelectElement: {
+        prototype: HTMLZonosLanguageSelectElement;
+        new (): HTMLZonosLanguageSelectElement;
+    };
     interface HTMLZonosLinkAuthenticationElement extends Components.ZonosLinkAuthentication, HTMLStencilElement {
     }
     var HTMLZonosLinkAuthenticationElement: {
@@ -937,6 +1001,12 @@ declare global {
         prototype: HTMLZonosReviewElement;
         new (): HTMLZonosReviewElement;
     };
+    interface HTMLZonosSelectDialogHeaderElement extends Components.ZonosSelectDialogHeader, HTMLStencilElement {
+    }
+    var HTMLZonosSelectDialogHeaderElement: {
+        prototype: HTMLZonosSelectDialogHeaderElement;
+        new (): HTMLZonosSelectDialogHeaderElement;
+    };
     interface HTMLZonosShippingElementEventMap {
         "continueClicked": void;
     }
@@ -983,6 +1053,12 @@ declare global {
         prototype: HTMLZonosTextElement;
         new (): HTMLZonosTextElement;
     };
+    interface HTMLZonosTooltipElement extends Components.ZonosTooltip, HTMLStencilElement {
+    }
+    var HTMLZonosTooltipElement: {
+        prototype: HTMLZonosTooltipElement;
+        new (): HTMLZonosTooltipElement;
+    };
     interface HTMLZonosVStackElement extends Components.ZonosVStack, HTMLStencilElement {
     }
     var HTMLZonosVStackElement: {
@@ -997,8 +1073,10 @@ declare global {
         "zonos-card": HTMLZonosCardElement;
         "zonos-cart-items": HTMLZonosCartItemsElement;
         "zonos-cart-subtotal": HTMLZonosCartSubtotalElement;
+        "zonos-checkbox": HTMLZonosCheckboxElement;
         "zonos-checkout": HTMLZonosCheckoutElement;
         "zonos-checkout-finish": HTMLZonosCheckoutFinishElement;
+        "zonos-checkout-footer": HTMLZonosCheckoutFooterElement;
         "zonos-checkout-payment": HTMLZonosCheckoutPaymentElement;
         "zonos-collapse": HTMLZonosCollapseElement;
         "zonos-component": HTMLZonosComponentElement;
@@ -1012,15 +1090,18 @@ declare global {
         "zonos-hello-dialog": HTMLZonosHelloDialogElement;
         "zonos-hello-dialog-footer": HTMLZonosHelloDialogFooterElement;
         "zonos-icon": HTMLZonosIconElement;
+        "zonos-language-select": HTMLZonosLanguageSelectElement;
         "zonos-link-authentication": HTMLZonosLinkAuthenticationElement;
         "zonos-logo": HTMLZonosLogoElement;
         "zonos-notification": HTMLZonosNotificationElement;
         "zonos-payment": HTMLZonosPaymentElement;
         "zonos-review": HTMLZonosReviewElement;
+        "zonos-select-dialog-header": HTMLZonosSelectDialogHeaderElement;
         "zonos-shipping": HTMLZonosShippingElement;
         "zonos-shipping-rich-radio": HTMLZonosShippingRichRadioElement;
         "zonos-spinner": HTMLZonosSpinnerElement;
         "zonos-text": HTMLZonosTextElement;
+        "zonos-tooltip": HTMLZonosTooltipElement;
         "zonos-v-stack": HTMLZonosVStackElement;
     }
 }
@@ -1040,20 +1121,16 @@ declare namespace LocalJSX {
         "type": 'billing' | 'shipping';
     }
     interface ZonosBadge {
+        /**
+          * The size of the badge
+          * @default 24
+         */
+        "badgeColor"?: ColorPrefix;
         /**
           * 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
@@ -1080,10 +1157,6 @@ declare namespace LocalJSX {
           * Whether or not the banner is bold
          */
         "bannerTitle"?: string;
-        /**
-          * css class for the component
-         */
-        "class"?: string;
         /**
           * Intent of the banner (success, warning, error)
          */
@@ -1099,14 +1172,10 @@ declare namespace LocalJSX {
           * @default ROUNDED
          */
         "borderStyle"?: ElementsUiStyle;
-        /**
-          * css class for the component
-         */
-        "class"?: string;
         /**
           * The color of the button text and svg
          */
-        "color"?: Color | (string & { _placeholder?: never });
+        "buttonColor"?: Color | (string & { _placeholder?: never });
         /**
           * The icon element to display
           * @default null
@@ -1167,10 +1236,6 @@ declare namespace LocalJSX {
           * 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
          */
@@ -1196,6 +1261,42 @@ declare namespace LocalJSX {
     }
     interface ZonosCartSubtotal {
     }
+    interface ZonosCheckbox {
+        /**
+          * background color of the checkbox
+         */
+        "backgroundColor"?: | CheckboxColorPrefix
+    | (string & { _placeholder?: never });
+        /**
+          * The border style of the button
+          * @default ROUNDED
+         */
+        "borderStyle"?: ElementsUiStyle;
+        /**
+          * Font size of the checkbox text
+         */
+        "fontSize"?: Size;
+        /**
+          * Whether or not the checkbox is checked
+         */
+        "isChecked"?: boolean;
+        /**
+          * Whether or not the checkbox is disabled
+         */
+        "isDisabled"?: boolean;
+        /**
+          * The label of the checkbox
+         */
+        "label"?: string;
+        /**
+          * Event to emit when the checkbox is changed
+         */
+        "onCheckboxSelected"?: (event: ZonosCheckboxCustomEvent<boolean>) => void;
+        /**
+          * Size of the checkbox
+         */
+        "size"?: 12 | 16 | 24;
+    }
     interface ZonosCheckout {
         /**
           * Override appearance config
@@ -1236,6 +1337,8 @@ declare namespace LocalJSX {
          */
         "storybookForceStatus"?: PaymentIntent['status'];
     }
+    interface ZonosCheckoutFooter {
+    }
     interface ZonosCheckoutPayment {
         /**
           * Whether or not the continue button is loading
@@ -1297,10 +1400,6 @@ declare namespace LocalJSX {
         "zonosApiKey": string;
     }
     interface ZonosCountryFlag {
-        /**
-          * The class name for the flag
-         */
-        "class"?: string;
         /**
           * The country code for the flag
           * @default localizationStore.selectedCountryCode
@@ -1317,7 +1416,7 @@ declare namespace LocalJSX {
           * Function to close the country select
           * @default () => {}
          */
-        "closeCountrySelect"?: () => void;
+        "handleOnClose"?: () => void;
     }
     interface ZonosCustomMessage {
         /**
@@ -1478,6 +1577,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "setShowCountrySelect"?: (value: boolean) => void;
+        /**
+          * Whether or not the language select dialog is open
+          * @default false
+         */
+        "setShowLanguageSelect"?: (value: boolean) => void;
     }
     interface ZonosIcon {
         /**
@@ -1485,22 +1589,29 @@ declare namespace LocalJSX {
           * @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;
+        /**
+          * Color of the SVG
+          * @default 'gray-1200'
+         */
+        "iconColor"?: Color;
         /**
           * The size of the icon
           * @default 24
          */
         "size"?: number;
     }
+    interface ZonosLanguageSelect {
+        /**
+          * Function to close the language select
+          * @default () => {}
+         */
+        "handleOnClose"?: () => void;
+    }
     interface ZonosLinkAuthentication {
         /**
           * The title text for the authentication element
@@ -1508,10 +1619,6 @@ declare namespace LocalJSX {
         "titleText": string;
     }
     interface ZonosLogo {
-        /**
-          * css class for the component
-         */
-        "class"?: string;
         /**
           * Theme to change the color of the logo
          */
@@ -1522,10 +1629,6 @@ declare namespace LocalJSX {
         "width"?: string;
     }
     interface ZonosNotification {
-        /**
-          * Custom class to add to the notification
-         */
-        "class"?: string;
     }
     interface ZonosPayment {
         /**
@@ -1543,6 +1646,17 @@ declare namespace LocalJSX {
          */
         "mobile"?: boolean;
     }
+    interface ZonosSelectDialogHeader {
+        /**
+          * Callback to do something on close
+          * @default () => {}
+         */
+        "handleOnClose"?: () => void;
+        /**
+          * The label for the select dialog
+         */
+        "label"?: string;
+    }
     interface ZonosShipping {
         /**
           * Whether or not the continue button is loading
@@ -1584,25 +1698,17 @@ declare namespace LocalJSX {
         "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 of the spinner
          */
-        "color"?: Color;
+        "spinnerColor"?: SpinnerColor;
+    }
+    interface ZonosText {
         /**
           * The tag to use for the text
          */
@@ -1611,6 +1717,10 @@ declare namespace LocalJSX {
           * The size of the text
          */
         "size"?: Size;
+        /**
+          * The icon element to display
+         */
+        "textColor"?: Color;
         /**
           * Type of the text to display
          */
@@ -1620,11 +1730,17 @@ declare namespace LocalJSX {
          */
         "weight"?: FontWeight;
     }
-    interface ZonosVStack {
+    interface ZonosTooltip {
+        /**
+          * The title of the tooltip
+         */
+        "label"?: string;
         /**
-          * The CSS class to apply to the stack element
+          * The subtitle of the tooltip
          */
-        "class"?: string;
+        "subtitle"?: string;
+    }
+    interface ZonosVStack {
         /**
           * The spacing between elements in the stack
           * @default 24
@@ -1639,8 +1755,10 @@ declare namespace LocalJSX {
         "zonos-card": ZonosCard;
         "zonos-cart-items": ZonosCartItems;
         "zonos-cart-subtotal": ZonosCartSubtotal;
+        "zonos-checkbox": ZonosCheckbox;
         "zonos-checkout": ZonosCheckout;
         "zonos-checkout-finish": ZonosCheckoutFinish;
+        "zonos-checkout-footer": ZonosCheckoutFooter;
         "zonos-checkout-payment": ZonosCheckoutPayment;
         "zonos-collapse": ZonosCollapse;
         "zonos-component": ZonosComponent;
@@ -1654,15 +1772,18 @@ declare namespace LocalJSX {
         "zonos-hello-dialog": ZonosHelloDialog;
         "zonos-hello-dialog-footer": ZonosHelloDialogFooter;
         "zonos-icon": ZonosIcon;
+        "zonos-language-select": ZonosLanguageSelect;
         "zonos-link-authentication": ZonosLinkAuthentication;
         "zonos-logo": ZonosLogo;
         "zonos-notification": ZonosNotification;
         "zonos-payment": ZonosPayment;
         "zonos-review": ZonosReview;
+        "zonos-select-dialog-header": ZonosSelectDialogHeader;
         "zonos-shipping": ZonosShipping;
         "zonos-shipping-rich-radio": ZonosShippingRichRadio;
         "zonos-spinner": ZonosSpinner;
         "zonos-text": ZonosText;
+        "zonos-tooltip": ZonosTooltip;
         "zonos-v-stack": ZonosVStack;
     }
 }
@@ -1677,8 +1798,10 @@ declare module "@stencil/core" {
             "zonos-card": LocalJSX.ZonosCard & JSXBase.HTMLAttributes<HTMLZonosCardElement>;
             "zonos-cart-items": LocalJSX.ZonosCartItems & JSXBase.HTMLAttributes<HTMLZonosCartItemsElement>;
             "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-collapse": LocalJSX.ZonosCollapse & JSXBase.HTMLAttributes<HTMLZonosCollapseElement>;
             "zonos-component": LocalJSX.ZonosComponent & JSXBase.HTMLAttributes<HTMLZonosComponentElement>;
@@ -1692,15 +1815,18 @@ declare module "@stencil/core" {
             "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-language-select": LocalJSX.ZonosLanguageSelect & JSXBase.HTMLAttributes<HTMLZonosLanguageSelectElement>;
             "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-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-spinner": LocalJSX.ZonosSpinner & JSXBase.HTMLAttributes<HTMLZonosSpinnerElement>;
             "zonos-text": LocalJSX.ZonosText & JSXBase.HTMLAttributes<HTMLZonosTextElement>;
+            "zonos-tooltip": LocalJSX.ZonosTooltip & JSXBase.HTMLAttributes<HTMLZonosTooltipElement>;
             "zonos-v-stack": LocalJSX.ZonosVStack & JSXBase.HTMLAttributes<HTMLZonosVStackElement>;
         }
     }