yt-uikit 0.8.15-loyalty-page-block.5 → 0.8.15-loyalty-page-block.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-uikit",
-  "version": "0.8.15-loyalty-page-block.5",
+  "version": "0.8.15-loyalty-page-block.7",
   "description": "YourToken UI Kit",
   "scripts": {
     "rollup": "tsc && rollup -c",

package/dist/esm/atoms/bundleBuilderProductDetailsAtom.d.ts

@@ -1,4 +0,0 @@
-import { ProductDetails } from "../components/BundleBlock/Bundle";
-export declare const bundleBuilderProductDetailsState: import("jotai").PrimitiveAtom<ProductDetails | undefined> & {
-    init: ProductDetails | undefined;
-};

package/dist/esm/atoms/cartDataAtom.d.ts

@@ -1,3 +0,0 @@
-export declare const cartDataState: import("jotai").PrimitiveAtom<any> & {
-    init: any;
-};

package/dist/esm/atoms/cartLoadingAtom.d.ts

@@ -1,22 +0,0 @@
-export declare const cartLoadingState: import("jotai").PrimitiveAtom<{
-    cartLoading: boolean;
-    showLoader: boolean;
-    showSkeletonLoader?: boolean | undefined;
-    showLoyaltyCtaLoading?: boolean | undefined;
-}> & {
-    init: {
-        cartLoading: boolean;
-        showLoader: boolean;
-        showSkeletonLoader?: boolean | undefined;
-        showLoyaltyCtaLoading?: boolean | undefined;
-    };
-};
-export declare function useCartLoading(): {
-    cartLoading: {
-        cartLoading: boolean;
-        showLoader: boolean;
-        showSkeletonLoader?: boolean | undefined;
-        showLoyaltyCtaLoading?: boolean | undefined;
-    };
-    setLoading: (isLoading: boolean, showLoader: boolean, showSkeletonLoader?: boolean, showLoyaltyCtaLoading?: boolean) => void;
-};

package/dist/esm/atoms/cartTimer.d.ts

@@ -1,2 +0,0 @@
-export declare const timeLeftAtom: import("jotai").WritableAtom<number, [number | typeof import("jotai/utils").RESET | ((prev: number) => number | typeof import("jotai/utils").RESET)], void>;
-export declare const lastUpdateAtom: import("jotai").WritableAtom<number, [number | typeof import("jotai/utils").RESET | ((prev: number) => number | typeof import("jotai/utils").RESET)], void>;

package/dist/esm/atoms/couponSelectionOpenAtom.d.ts

@@ -1,3 +0,0 @@
-export declare const couponSelectionOpenState: import("jotai").PrimitiveAtom<boolean> & {
-    init: boolean;
-};

package/dist/esm/atoms/dateAtom.d.ts

@@ -1 +0,0 @@
-export declare const deliverySlotDateState: import("jotai").WritableAtom<string | null, [string | typeof import("jotai/utils").RESET | ((prev: string | null) => string | typeof import("jotai/utils").RESET | null) | null], void>;

package/dist/esm/atoms/freebieClaimModalAtom.d.ts

@@ -1,7 +0,0 @@
-export declare const freebieClaimModalState: import("jotai").PrimitiveAtom<{
-    isOpen: boolean;
-}> & {
-    init: {
-        isOpen: boolean;
-    };
-};

package/dist/esm/atoms/giftWrap.d.ts

@@ -1,2 +0,0 @@
-export declare const giftWrapAtom: import("jotai").WritableAtom<boolean, [boolean | typeof import("jotai/utils").RESET | ((prev: boolean) => boolean | typeof import("jotai/utils").RESET)], void>;
-export declare const giftWrapIdAtom: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;

package/dist/esm/atoms/gstCompanyNameAtom.d.ts

@@ -1 +0,0 @@
-export declare const gstCompanyNameState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;

package/dist/esm/atoms/gstInputAtom.d.ts

@@ -1 +0,0 @@
-export declare const gstNumberState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;

package/dist/esm/atoms/maxQtyErrorAtom.d.ts

@@ -1,3 +0,0 @@
-export declare const maxQtyErrorState: import("jotai").PrimitiveAtom<string | undefined> & {
-    init: string | undefined;
-};

package/dist/esm/atoms/multiClaimSelectionAtom.d.ts

@@ -1,19 +0,0 @@
-export interface MultiClaimSelection {
-    selectedProducts: string[];
-    maxAllowed: number;
-    tierName: string;
-}
-export declare const multiClaimSelectionState: import("jotai").PrimitiveAtom<MultiClaimSelection> & {
-    init: MultiClaimSelection;
-};
-export declare const isSelectionLimitReachedAtom: import("jotai").Atom<boolean>;
-export declare const selectionCountAtom: import("jotai").Atom<number>;
-export declare const toggleProductSelectionAtom: import("jotai").WritableAtom<null, [productId: string], void> & {
-    init: null;
-};
-export declare const resetSelectionAtom: import("jotai").WritableAtom<null, [], void> & {
-    init: null;
-};
-export declare const initializeSelectionAtom: import("jotai").WritableAtom<null, [maxAllowed: number, tierName: string], void> & {
-    init: null;
-};

package/dist/esm/atoms/noteInputAtom.d.ts

@@ -1,3 +0,0 @@
-export declare const noteInputState: import("jotai").PrimitiveAtom<string> & {
-    init: string;
-};

package/dist/esm/atoms/postalCodeAtom.d.ts

@@ -1 +0,0 @@
-export declare const postalCodeState: import("jotai").WritableAtom<number | undefined, [number | typeof import("jotai/utils").RESET | ((prev: number | undefined) => number | typeof import("jotai/utils").RESET | undefined) | undefined], void>;

package/dist/esm/atoms/shippingAtom.d.ts

@@ -1,8 +0,0 @@
-interface DeliveryOptionState {
-    isPostalCodeValid: boolean;
-    isDateValid: boolean;
-}
-export declare const deliveryOptionChosenState: import("jotai").WritableAtom<DeliveryOptionState, [DeliveryOptionState | typeof import("jotai/utils").RESET | ((prev: DeliveryOptionState) => DeliveryOptionState | typeof import("jotai/utils").RESET)], void>;
-export declare const isDeliveryOptionValidState: import("jotai").Atom<boolean>;
-export declare const deliveryTypeState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
-export {};

package/dist/esm/atoms/showGSTInputAtom.d.ts

@@ -1 +0,0 @@
-export declare const showGSTInputState: import("jotai").WritableAtom<boolean, [boolean | typeof import("jotai/utils").RESET | ((prev: boolean) => boolean | typeof import("jotai/utils").RESET)], void>;

package/dist/esm/atoms/variantSelectionModalAtom.d.ts

@@ -1,23 +0,0 @@
-export declare const variantSelectionModalState: import("jotai").PrimitiveAtom<{
-    open: boolean;
-    variantId: string | undefined;
-    quantity?: number | undefined;
-    handle: string | undefined;
-    freebieSelection?: boolean | undefined;
-    lineItemKey?: string | undefined;
-    productId?: string | undefined;
-    allowedVariantIds?: string[] | undefined;
-    productRec?: boolean | undefined;
-}> & {
-    init: {
-        open: boolean;
-        variantId: string | undefined;
-        quantity?: number | undefined;
-        handle: string | undefined;
-        freebieSelection?: boolean | undefined;
-        lineItemKey?: string | undefined;
-        productId?: string | undefined;
-        allowedVariantIds?: string[] | undefined;
-        productRec?: boolean | undefined;
-    };
-};

package/dist/esm/components/BundleBlock/Bundle.d.ts

@@ -1,395 +0,0 @@
-import React from "react";
-import "./bundle.scss";
-interface ShopifyCurrency {
-    rate: number;
-    active: string;
-}
-declare global {
-    interface Window {
-        Shopify?: {
-            currency?: ShopifyCurrency;
-        };
-    }
-}
-type ProductImage = {
-    url: string;
-    height: number;
-    width: number;
-    altText?: string;
-};
-type ProductFeaturedMedia = {
-    alt: string;
-    preview: {
-        image: {
-            url: string;
-            height?: number;
-            width?: number;
-            altText: string;
-        };
-    };
-};
-type ProductOption = {
-    id: string;
-    name: string;
-    values: string[];
-};
-type CollectionNode = {
-    node: {
-        id: string;
-        title: string;
-        handle: string;
-    };
-};
-export type VariantNode = {
-    node: {
-        id: string;
-        price: string;
-        compareAtPrice: string;
-        title: string;
-        displayName: string;
-        image: ProductImage;
-        availableForSale: boolean;
-        inventoryQuantity: number;
-        inventoryItem?: {
-            tracked?: boolean;
-        };
-        inventoryPolicy?: "deny" | "continue";
-    };
-};
-type SelectedVariantDetails = {
-    id: string;
-    price: string;
-    compareAtPrice: string;
-    title: string;
-    displayName: string;
-    image: ProductImage;
-    availableForSale: boolean;
-    inventoryQuantity: number;
-};
-export type VariantOptions = {
-    shop: string;
-    options: {
-        name: string;
-        type: "text" | "image" | "color";
-        values: {
-            name: string;
-            value: string;
-        }[];
-    }[];
-    createdAt: string;
-    updatedAt: string;
-};
-export type ProductDetails = {
-    id: string;
-    title: string;
-    handle: string;
-    featuredMedia: ProductFeaturedMedia;
-    status: "active" | "archived" | "draft" | "";
-    options: ProductOption[];
-    onlineStoreUrl: string;
-    tracksInventory?: boolean;
-    collections: {
-        edges: CollectionNode[];
-    };
-    variants: {
-        edges: VariantNode[];
-    };
-    shop: string;
-    metafield?: {
-        key: string;
-        namespace: string;
-        ownerType: string;
-        value: string;
-        id: string;
-        jsonValue: string[];
-        type: string;
-    };
-    descriptionHtml: string;
-    media: {
-        edges: {
-            node: {
-                alt: string;
-                preview: {
-                    image: {
-                        altText: string;
-                        width?: number;
-                        height?: number;
-                        url: string;
-                    };
-                };
-                image: {
-                    altText: string;
-                    height: number;
-                    width: number;
-                    url: string;
-                };
-            };
-        }[];
-    };
-    selectedVariant?: SelectedVariantDetails;
-    rating?: {
-        averageRating: number;
-        ratingCount: number;
-    };
-};
-export type ProductData = {
-    productId: string;
-    variantIds: string[];
-    productDetails: ProductDetails;
-};
-type GeneralStyle = {
-    primaryColor: string;
-    primaryContrastColor: string;
-    secondaryColor: string;
-    secondaryContrastColor: string;
-    imageAspectRatio: string;
-    ctaBackgroundColor: string;
-    ctaTextColor: string;
-    ctaBorderColor: string;
-    ctaShadowType: string;
-    ctaPadding: string;
-    ctaWidth: string;
-    ctaBorderRadius: string;
-    ctaHoverBackgroundColor: string;
-    ctaHoverTextColor: string;
-    customizeHoverState: boolean;
-    checkoutPartner: string;
-    redirectToPDP: boolean;
-    restrictCOD: boolean;
-    trackInventory: boolean;
-    showOutOfStockProducts: boolean;
-    outOfStockLabel: string;
-    disabledButtonColor: string;
-    storeCurrency: string;
-    currencySymbol: string;
-    discountPrefix: string;
-    discountSuffix: string;
-    addOrderTags: boolean;
-    addOrderNotes: boolean;
-    variantTitleSuffix: boolean;
-    titleLength: string;
-    showDecimalsInBundlePricing?: boolean;
-};
-type VolumeStyle = {
-    addtoCartMethod: string;
-    titleFontSize: string;
-    subtitleFontSize: string;
-    titleBackgroundColor: string;
-    titleTextColor: string;
-    verticalMargin: string;
-    sectionBackgroundColor: string;
-    cardStyle: string;
-    discountBadgeVisibility: string;
-    allowVariantSelection: string;
-    variantSelectorType: string;
-    ctaTitle: string;
-    bundleRedirection: string;
-};
-type ComboStyle = {
-    productTitleFontSize: string;
-    productDescriptionFontSize: string;
-    descriptionTextColor: string;
-    titleTextColor: string;
-    verticalMargin: string;
-    infoAlignment: string;
-    ctaTitle: string;
-    bundleRedirection: string;
-    embedContentVisibility: boolean;
-    mixAndMatchCardStyle: string;
-    mixAndMatchVariantTypeSelector: string;
-    comboCardStyle: string;
-    comboVariantTypeSelector: string;
-    selectedEmbedContentVisibilityOptions: string[];
-    subProductsSectionVisibility: boolean;
-    subProductsImageVisibility: boolean;
-    subProductsProductTitleVisibility: boolean;
-    subProductsProductPriceVisibility: boolean;
-};
-type ByobStyle = {
-    titleFontSize: string;
-    subtitleFontSize: string;
-    titleBackgroundColor: string;
-    titleTextColor: string;
-    productTitleFontSize: string;
-    sectionBackgroundColor: string;
-    lazyLoadWidget: string;
-    listingsGap: string;
-    footerMargin: string;
-    borderRadius: string;
-    borderColor: string;
-    cardBackgroundColor: string;
-    shadowType: string;
-    addToBundleCTAText: string;
-    checkoutCTAText: string;
-    variantSelectorType: string;
-    primaryVariant: string;
-    productsPriceVisibility: boolean;
-    compareAtPriceVisibility: boolean;
-    selectedProductsVisibility: boolean;
-    bundleRedirection: string;
-    enableConfetti: boolean;
-    selectedItemVisibility: boolean;
-    productTiersVisibility: boolean;
-    tierNavigation: boolean;
-    enableProductCategories: boolean;
-    productCardCategoryVisibility: string;
-    categoryFilterOnPage: string;
-};
-type FixedStyle = {
-    titleFontSize: string;
-    subtitleFontSize: string;
-    titleBackgroundColor: string;
-    titleTextColor: string;
-    verticalMargin: string;
-    sectionBackgroundColor: string;
-    borderRadius: string;
-    borderColor: string;
-    cardBackgroundColor: string;
-    shadowType: string;
-    infoAlignment: string;
-    ctaTitle: string;
-    bundleRedirection: string;
-    cardLayoutStyle: string;
-    variantSelectorType: string;
-    productsPriceVisibility: boolean;
-    compareAtPriceVisibility: boolean;
-};
-export type Customizations = {
-    shop?: string;
-    general: GeneralStyle;
-    byob: ByobStyle;
-    fixedBundle: FixedStyle;
-    volumeBundle: VolumeStyle;
-    comboBundle: ComboStyle;
-    createdAt?: string;
-    updatedAt?: string;
-};
-export type BundlePayload = {
-    showIndividualProductSelector: boolean;
-    title?: string;
-    subtitle?: string;
-    products: ProductData[];
-    percentageOff?: number;
-    dealAmount?: number;
-    amountOff?: number;
-    type: "fixed" | "builder" | "volume" | "mixAndMatch" | "" | "combo" | "collection";
-    minimumQuantity: number;
-    showProductDetailsInTracker: boolean;
-    coverImageUrl?: string;
-    mobileCoverImageUrl?: string;
-    titleSectionTextColor?: string;
-    titleSectionBackgroundColor?: string;
-    dealTextColor?: string;
-    showBorder?: boolean;
-    hideProductDetails?: boolean;
-    cornerRadiusType?: "medium" | "high" | "";
-    primaryBackgroundColorCta?: string;
-    enableProgressBar?: boolean;
-    enableSortAndFilter?: boolean;
-    disableQuantitySelector?: boolean;
-    disableInventoryTracking?: boolean;
-    alignFixedBundleContent?: "left" | "right" | "center" | "";
-    imageAspectType?: "portrait" | "square" | "";
-    backgroundColorFixedBundleDiv?: string;
-    canCustomizeFixedBundle?: boolean;
-    primaryTextColorCta?: string;
-    showVariants?: boolean;
-    discountType?: string;
-    showCta?: boolean;
-    productCardBadgeText?: string;
-    coverImageVerticalMargin?: string;
-    builderTiers?: {
-        type: string;
-        offerTier?: {
-            tier: number;
-            minimumQuantity: number;
-            discountValue: number;
-        }[];
-        productTier?: {
-            tier: number;
-            title: string;
-            minimumQuantity: number;
-            isFixed?: boolean;
-            isFreebieTier?: boolean;
-            products: {
-                productId: string;
-                variantIds: string[];
-            }[];
-        }[];
-    };
-    volumeTiers?: {
-        isDefault: unknown;
-        tier: number;
-        minimumQuantity: number;
-        title: string;
-        subtitle: string;
-        badgeTitle: string;
-        discountValue: number;
-        imageUrl?: string;
-    }[];
-    mixAndMatchTiers?: {
-        tier: number;
-        title: string;
-        products: {
-            productId: string;
-            variantIds: string[];
-        }[];
-    }[];
-    customizations: Customizations;
-    variantOptions?: VariantOptions;
-    storeCurrencyCode?: string;
-    customStoreDetails?: {
-        [key: string]: any;
-    };
-    customProductsQuantity?: number | null;
-    reviewRatingType?: "none" | "ratingOnly" | "ratingAndReviewCount";
-    appName?: string;
-    pageHeader?: {
-        title?: string;
-        description?: string;
-        customizePadding?: string;
-    };
-};
-export type BundleProps = {
-    bundle: BundlePayload;
-    addToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
-        variantId: string;
-        price: number;
-    }[]) => Promise<void>;
-    addCustomBundleToCart?: (e: any) => Promise<void>;
-    selectedItems?: {
-        variantId: string;
-        product: ProductDetails;
-        quantity: number;
-    }[];
-    setSelectedItems?: React.Dispatch<React.SetStateAction<{
-        variantId: string;
-        product: ProductDetails;
-        quantity: number;
-    }[]>>;
-    bundleAddToCartLoading?: boolean;
-    handleRemoveItem?: (variantId: string) => void;
-    selectedItemsQuantity?: number;
-    renderingOnPage?: boolean;
-    bundleSubtotal?: {
-        price: number;
-        compareAtPrice: number;
-    };
-    bundleHeaderBackgroundColor?: string;
-    currentProductId?: string;
-};
-export declare const currencyPrice: (price: number | string | undefined) => string | undefined;
-export declare const getCurrencySymbol: (genSymbol: string, storeCurrencyCode?: string) => string;
-export declare const optimiseImage: (url: string, width?: number) => string;
-export declare const handleAddToBundle: (variantId: string, product: ProductDetails, quantity: number, selectedItems: {
-    variantId: string;
-    product: ProductDetails;
-    quantity: number;
-}[], setSelectedItems: React.Dispatch<React.SetStateAction<{
-    variantId: string;
-    product: ProductDetails;
-    quantity: number;
-    isFree?: boolean | undefined;
-}[]>>, isFreebie?: boolean) => void;
-declare const Bundle: React.FC<BundleProps>;
-export default Bundle;

package/dist/esm/components/BundleBlock/BundleBuilder/BundleBuilder.d.ts

@@ -1,40 +0,0 @@
-import "../bundle.scss";
-import React from "react";
-import { BundlePayload, ProductDetails } from "../Bundle";
-export declare function QuantitySelectorForBundle({ quantity, setQuantity, remainingQuantity, handleAddToBundle, variantId, product, handleRemoveItem, hideAddToBundle, selectedVariantInventoryQty, }: {
-    quantity: number;
-    setQuantity: React.Dispatch<React.SetStateAction<number>>;
-    remainingQuantity: number;
-    handleAddToBundle?: (variantId: string, product: ProductDetails, quantity: number) => void;
-    variantId?: string;
-    product?: ProductDetails;
-    handleRemoveItem?: (variantId: string, quantity: number) => void;
-    hideAddToBundle?: boolean;
-    selectedVariantInventoryQty: number | typeof Infinity;
-}): React.JSX.Element;
-type BundleBuilderProps = {
-    bundle: BundlePayload;
-    selectedItems: {
-        variantId: string;
-        product: ProductDetails;
-        quantity: number;
-        isFree?: boolean;
-    }[];
-    setSelectedItems: React.Dispatch<React.SetStateAction<{
-        variantId: string;
-        product: ProductDetails;
-        quantity: number;
-        isFree?: boolean;
-    }[]>>;
-    handleAddToCart: (e: any) => Promise<void>;
-    bundleAddToCartLoading: boolean;
-    renderingOnPage: boolean;
-    selectedItemsQuantity: number;
-    handleRemoveItem: (variantId: string) => void;
-    bundleSubtotal: {
-        price: number;
-        compareAtPrice: number;
-    };
-};
-declare const BundleBuilder: React.FC<BundleBuilderProps>;
-export default BundleBuilder;

package/dist/esm/components/BundleBlock/BundleBuilder/ResponsiveBgImage.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-interface ResponsiveBackgroundImageProps {
-    coverImageUrl?: string;
-    mobileCoverImageUrl?: string;
-    alt?: string;
-    styles?: React.CSSProperties;
-}
-export declare const ResponsiveBackgroundImage: React.FC<ResponsiveBackgroundImageProps>;
-export default ResponsiveBackgroundImage;

package/dist/esm/components/BundleBlock/BundleBuilder/VariantOptionsModal.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { ProductDetails, VariantOptions } from "../Bundle";
-interface SingleProductVariantOptionsModalProps {
-    product: ProductDetails;
-    isOpen: boolean;
-    onClose: () => void;
-    variantOptions?: VariantOptions;
-    cta: {
-        textColor: string;
-        backgroundColor: string;
-    };
-    onConfirm: (variantId: string) => void;
-}
-declare const SingleProductVariantOptionsModal: React.FC<SingleProductVariantOptionsModalProps>;
-export default SingleProductVariantOptionsModal;

package/dist/esm/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts

@@ -1,37 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const Quantity: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const AddToBundleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const QuantitySelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ProductContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    borderRadius: string;
-    borderColor: string;
-    shadowType: string;
-    backgroundColor: string;
-}>> & string;
-export declare const ImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
-    aspectRatio: string;
-    borderRadius: string;
-}>> & string;
-export declare const VariantSelector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
-    isCoralHaze: boolean;
-}>> & string;
-export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMobile: boolean;
-    showBorder: boolean;
-}>> & string;
-export declare const PriceContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    showBorder: boolean;
-}>> & string;
-export declare const AddToBundleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    borderRadius: string;
-}>> & string;
-export declare const AddedButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, {
-    borderRadius: string;
-}>> & string;
-export declare const AddedButtonText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const RemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;