yt-uikit 0.8.18-freebie-milestone.0 → 0.8.18

package/dist/esm/types/components/Cart/ProductRecList.d.ts

@@ -1,23 +1,23 @@
-import React from "react";
-type ProductRecListProps = {
-    products: any[];
-    addCartItem: (product: any, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
-    productRecsCtaButtonText?: string;
-    ctaButtonBackgroundColor?: string;
-    ctaButtonTextColor?: string;
-    productRecsTitleText?: string;
-    themeColor?: string;
-    primaryTextColor?: string;
-    secondaryTextColor?: string;
-    showVariantSelectionDropdownInProductRecs?: boolean;
-    variant?: "scroll" | "carousel" | "vertical";
-    cardLayout?: "horizontal" | "vertical";
-    cartComponentsCornerType?: "rounded" | "sharp";
-    cartComponentsCornerRadius?: number;
-    backgroundSubdued?: string;
-    backgroundColor?: string;
-    tertiaryColor?: string;
-    tertiaryTextColor?: string;
-};
-declare const ProductRecList: React.FC<ProductRecListProps>;
-export default ProductRecList;
+import React from "react";
+type ProductRecListProps = {
+    products: any[];
+    addCartItem: (product: any, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
+    productRecsCtaButtonText?: string;
+    ctaButtonBackgroundColor?: string;
+    ctaButtonTextColor?: string;
+    productRecsTitleText?: string;
+    themeColor?: string;
+    primaryTextColor?: string;
+    secondaryTextColor?: string;
+    showVariantSelectionDropdownInProductRecs?: boolean;
+    variant?: "scroll" | "carousel" | "vertical";
+    cardLayout?: "horizontal" | "vertical";
+    cartComponentsCornerType?: "rounded" | "sharp";
+    cartComponentsCornerRadius?: number;
+    backgroundSubdued?: string;
+    backgroundColor?: string;
+    tertiaryColor?: string;
+    tertiaryTextColor?: string;
+};
+declare const ProductRecList: React.FC<ProductRecListProps>;
+export default ProductRecList;

package/dist/esm/types/components/Cart/ProgressBar.d.ts

@@ -1,13 +1,13 @@
-import React from "react";
-import "./progressBar.scss";
-import { RewardCouponWithIcon } from "../CouponFrame/CouponFrame";
-import { Checkpoint } from "./Cart";
-type ProgressBarProps = {
-    progressBarFulfillmentThreshold?: number;
-    progressBarItemsThreshold?: number;
-    themeColor?: string;
-    handleCheckpointCrossed?: (checkpoint: Checkpoint, cartAmount: number) => Promise<any>;
-    rewardCoupon: RewardCouponWithIcon;
-};
-declare const ProgressBar: React.FC<ProgressBarProps>;
-export default ProgressBar;
+import React from "react";
+import "./progressBar.scss";
+import { RewardCouponWithIcon } from "../CouponFrame/CouponFrame";
+import { Checkpoint } from "./Cart";
+type ProgressBarProps = {
+    progressBarFulfillmentThreshold?: number;
+    progressBarItemsThreshold?: number;
+    themeColor?: string;
+    handleCheckpointCrossed?: (checkpoint: Checkpoint, cartAmount: number) => Promise<any>;
+    rewardCoupon: RewardCouponWithIcon;
+};
+declare const ProgressBar: React.FC<ProgressBarProps>;
+export default ProgressBar;

package/dist/esm/types/components/Cart/ProgressBarCartLoader.d.ts

@@ -1,7 +1,7 @@
-import { FC } from "react";
-interface ProgressBarCartLoaderProps {
-    $themeColor?: string;
-    show?: boolean;
-}
-declare const ProgressBarCartLoader: FC<ProgressBarCartLoaderProps>;
-export default ProgressBarCartLoader;
+import { FC } from "react";
+interface ProgressBarCartLoaderProps {
+    $themeColor?: string;
+    show?: boolean;
+}
+declare const ProgressBarCartLoader: FC<ProgressBarCartLoaderProps>;
+export default ProgressBarCartLoader;

package/dist/esm/types/components/Cart/QuantitySelector.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
-import "./shared.scss";
-export declare const QuantitySelector: ({ value, handleItemQuantityDecrement, handleItemQuantityIncrement, isDev, themeColor, cartComponentsCornerType, cartComponentsCornerRadius, backgroundSubdued, }: {
-    value: number;
-    handleItemQuantityIncrement: () => Promise<void>;
-    handleItemQuantityDecrement: () => Promise<void>;
-    isDev?: boolean | undefined;
-    themeColor?: string | undefined;
-    cartComponentsCornerType?: "rounded" | "sharp" | undefined;
-    cartComponentsCornerRadius?: number | undefined;
-    backgroundSubdued?: string | undefined;
-}) => React.JSX.Element;
+import React from "react";
+import "./shared.scss";
+export declare const QuantitySelector: ({ value, handleItemQuantityDecrement, handleItemQuantityIncrement, isDev, themeColor, cartComponentsCornerType, cartComponentsCornerRadius, backgroundSubdued, }: {
+    value: number;
+    handleItemQuantityIncrement: () => Promise<void>;
+    handleItemQuantityDecrement: () => Promise<void>;
+    isDev?: boolean | undefined;
+    themeColor?: string | undefined;
+    cartComponentsCornerType?: "rounded" | "sharp" | undefined;
+    cartComponentsCornerRadius?: number | undefined;
+    backgroundSubdued?: string | undefined;
+}) => React.JSX.Element;

package/dist/esm/types/components/Cart/RegionSpecificDelivery.d.ts

@@ -1,17 +1,17 @@
-import React from "react";
-import "./StandardDelivery.scss";
-interface RegionSpecificDeliveryProps {
-    title?: string;
-    backgroundColor?: string;
-    tag?: string;
-    postalCodeList?: number[];
-    themeColor?: string;
-    themeTextColor?: string;
-    enableSlotPicker?: boolean;
-    deliveryHeaderTitle?: string;
-    deliveryAvailableText?: string;
-    deliveryNotAvailableText?: string;
-    disabledDates?: Date[] | Date;
-}
-declare const RegionSpecificDelivery: React.FC<RegionSpecificDeliveryProps>;
-export default RegionSpecificDelivery;
+import React from "react";
+import "./StandardDelivery.scss";
+interface RegionSpecificDeliveryProps {
+    title?: string;
+    backgroundColor?: string;
+    tag?: string;
+    postalCodeList?: number[];
+    themeColor?: string;
+    themeTextColor?: string;
+    enableSlotPicker?: boolean;
+    deliveryHeaderTitle?: string;
+    deliveryAvailableText?: string;
+    deliveryNotAvailableText?: string;
+    disabledDates?: Date[] | Date;
+}
+declare const RegionSpecificDelivery: React.FC<RegionSpecificDeliveryProps>;
+export default RegionSpecificDelivery;

package/dist/esm/types/components/Cart/RewardPointsPreview.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-type RewardPointsPreviewProps = {
-    loyaltyIcon: string;
-    backgroundSubdued?: string;
-    primaryTextColor?: string;
-    pointsRewardRate: number;
-    rewardMultiplier?: number | null;
-};
-declare const RewardPointsPreview: React.FC<RewardPointsPreviewProps>;
-export default RewardPointsPreview;
+import React from "react";
+type RewardPointsPreviewProps = {
+    loyaltyIcon: string;
+    backgroundSubdued?: string;
+    primaryTextColor?: string;
+    pointsRewardRate: number;
+    rewardMultiplier?: number | null;
+};
+declare const RewardPointsPreview: React.FC<RewardPointsPreviewProps>;
+export default RewardPointsPreview;

package/dist/esm/types/components/Cart/StandardDelivery.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-import "./StandardDelivery.scss";
-type StandardDeliveryProps = {
-    postalCodeList?: number[];
-    themeColor?: string;
-    themeTextColor?: string;
-    enableSlotPicker?: boolean;
-    disabledDates?: Date[] | Date;
-};
-declare const StandardDelivery: ({ postalCodeList, themeColor, themeTextColor, enableSlotPicker, disabledDates, }: StandardDeliveryProps) => React.JSX.Element;
-export default StandardDelivery;
+import React from "react";
+import "./StandardDelivery.scss";
+type StandardDeliveryProps = {
+    postalCodeList?: number[];
+    themeColor?: string;
+    themeTextColor?: string;
+    enableSlotPicker?: boolean;
+    disabledDates?: Date[] | Date;
+};
+declare const StandardDelivery: ({ postalCodeList, themeColor, themeTextColor, enableSlotPicker, disabledDates, }: StandardDeliveryProps) => React.JSX.Element;
+export default StandardDelivery;

package/dist/esm/types/components/Cart/StickyCart.d.ts

@@ -1,52 +1,52 @@
-import React from "react";
-import { BundlePayload } from "../BundleBlock/Bundle";
-export type stickyCartCustomizationDataProps = {
-    showPrice: boolean;
-    productImage?: {
-        id: string;
-        path: string;
-    };
-    buyNowCtaTitle: string;
-    desktopBarType: "stretch" | "hover";
-    showProductName: boolean;
-    showBuyNowButton: boolean;
-    showProductImage: boolean;
-    addToCartCtaTitle: string;
-    showAddToCartButton: boolean;
-    showVariantSelector: boolean;
-    productInfoVisibility: boolean;
-    excludeProducts?: string[];
-    showBarOnDesktop?: boolean;
-    ctaButtonFontSize?: number;
-    startsAppearingAtHeight?: number;
-    fullyAppearsAtHeight?: number;
-    topRibbonText?: string;
-};
-export declare const defaultStickyCartCustomizationData: stickyCartCustomizationDataProps;
-export type StickyAddToCartProps = {
-    showStickyCart: boolean;
-    product: any;
-    addCartItem?: (product: any, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean) => Promise<any>;
-    onSetLoading?: (setLoadingFn: (isLoading: boolean, showLoader: boolean, showSkeletonLoader?: boolean, showLoyaltyCtaLoading?: boolean) => void) => void;
-    themeColor?: string;
-    themeTextColor?: string;
-    cartData: any;
-    isCartOpen: boolean;
-    setIsCartOpen: (isCartOpen: boolean) => void;
-    ctaButtonBackgroundColor?: string;
-    ctaButtonTextColor?: string;
-    addToStickyCart?: (variantId: string, quantity: number) => Promise<void>;
-    cartComponentsCornerType?: "rounded" | "sharp";
-    cartComponentsCornerRadius?: number;
-    stickyCartCustomizationData?: stickyCartCustomizationDataProps;
-    checkoutFunction?: (variantId: string, quantity: number) => Promise<void>;
-    backgroundColor?: string;
-    primaryTextColor?: string;
-    comboBundleData?: BundlePayload;
-    comboBundleAddToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
-        variantId: string;
-        price: number;
-    }[]) => Promise<void>;
-};
-declare const StickyAddToCart: ({ showStickyCart, product, addCartItem, onSetLoading, themeColor, cartData, isCartOpen, setIsCartOpen, ctaButtonBackgroundColor, ctaButtonTextColor, addToStickyCart, cartComponentsCornerType, cartComponentsCornerRadius, themeTextColor, stickyCartCustomizationData, checkoutFunction, backgroundColor, primaryTextColor, comboBundleData, comboBundleAddToCartFunction, }: StickyAddToCartProps) => React.JSX.Element | null;
-export default StickyAddToCart;
+import React from "react";
+import { BundlePayload } from "../BundleBlock/Bundle";
+export type stickyCartCustomizationDataProps = {
+    showPrice: boolean;
+    productImage?: {
+        id: string;
+        path: string;
+    };
+    buyNowCtaTitle: string;
+    desktopBarType: "stretch" | "hover";
+    showProductName: boolean;
+    showBuyNowButton: boolean;
+    showProductImage: boolean;
+    addToCartCtaTitle: string;
+    showAddToCartButton: boolean;
+    showVariantSelector: boolean;
+    productInfoVisibility: boolean;
+    excludeProducts?: string[];
+    showBarOnDesktop?: boolean;
+    ctaButtonFontSize?: number;
+    startsAppearingAtHeight?: number;
+    fullyAppearsAtHeight?: number;
+    topRibbonText?: string;
+};
+export declare const defaultStickyCartCustomizationData: stickyCartCustomizationDataProps;
+export type StickyAddToCartProps = {
+    showStickyCart: boolean;
+    product: any;
+    addCartItem?: (product: any, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean) => Promise<any>;
+    onSetLoading?: (setLoadingFn: (isLoading: boolean, showLoader: boolean, showSkeletonLoader?: boolean, showLoyaltyCtaLoading?: boolean) => void) => void;
+    themeColor?: string;
+    themeTextColor?: string;
+    cartData: any;
+    isCartOpen: boolean;
+    setIsCartOpen: (isCartOpen: boolean) => void;
+    ctaButtonBackgroundColor?: string;
+    ctaButtonTextColor?: string;
+    addToStickyCart?: (variantId: string, quantity: number) => Promise<void>;
+    cartComponentsCornerType?: "rounded" | "sharp";
+    cartComponentsCornerRadius?: number;
+    stickyCartCustomizationData?: stickyCartCustomizationDataProps;
+    checkoutFunction?: (variantId: string, quantity: number) => Promise<void>;
+    backgroundColor?: string;
+    primaryTextColor?: string;
+    comboBundleData?: BundlePayload;
+    comboBundleAddToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
+        variantId: string;
+        price: number;
+    }[]) => Promise<void>;
+};
+declare const StickyAddToCart: ({ showStickyCart, product, addCartItem, onSetLoading, themeColor, cartData, isCartOpen, setIsCartOpen, ctaButtonBackgroundColor, ctaButtonTextColor, addToStickyCart, cartComponentsCornerType, cartComponentsCornerRadius, themeTextColor, stickyCartCustomizationData, checkoutFunction, backgroundColor, primaryTextColor, comboBundleData, comboBundleAddToCartFunction, }: StickyAddToCartProps) => React.JSX.Element | null;
+export default StickyAddToCart;

package/dist/esm/types/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts

@@ -1,18 +1,18 @@
-import React from "react";
-type DesktopVariantPopupProps = {
-    isDev?: boolean;
-    removeCartItem: (variantId: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
-    addCartItem?: (variantId: string, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
-    getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
-    themeColor?: string;
-    cartComponentsCornerType?: "rounded" | "sharp";
-    cartComponentsCornerRadius?: number;
-    backgroundColor?: string;
-    removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
-    freebieClaimAddToCart?: (variantId: string, originalAllowedVariantIds?: string[]) => Promise<void>;
-    productClaimCtaButtonText?: string;
-    backgroundSubdued?: string;
-    primaryTextColor?: string;
-};
-declare const DesktopVariantPopup: React.ForwardRefExoticComponent<DesktopVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
-export default DesktopVariantPopup;
+import React from "react";
+type DesktopVariantPopupProps = {
+    isDev?: boolean;
+    removeCartItem: (variantId: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
+    addCartItem?: (variantId: string, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
+    getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
+    themeColor?: string;
+    cartComponentsCornerType?: "rounded" | "sharp";
+    cartComponentsCornerRadius?: number;
+    backgroundColor?: string;
+    removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
+    freebieClaimAddToCart?: (variantId: string, originalAllowedVariantIds?: string[]) => Promise<void>;
+    productClaimCtaButtonText?: string;
+    backgroundSubdued?: string;
+    primaryTextColor?: string;
+};
+declare const DesktopVariantPopup: React.ForwardRefExoticComponent<DesktopVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
+export default DesktopVariantPopup;

package/dist/esm/types/components/Cart/VariantSelectionPopup/DesktopVariantPopup.styled.d.ts

@@ -1,60 +1,60 @@
-/// <reference types="react" />
-export declare const PopoverContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PopupHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $backgroundColor?: string | undefined;
-    $themeColor?: string | undefined;
-}>> & string;
-export declare const VariantSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
-    $themeColor?: string | undefined;
-    $cornerRadius?: number | undefined;
-}>> & string;
-export declare const VariantLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
-export declare const LoaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const HeaderSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ImageContainer: 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").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
-export declare const ProductInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
-    $themeColor?: string | undefined;
-    $primaryTextColor?: string | undefined;
-}>> & string;
-export declare const PriceContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Price: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $primaryTextColor?: string | undefined;
-}>> & string;
-export declare const ComparePrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ViewDetailsLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
-export declare const OptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ActionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $themeColor: string;
-}>> & string;
-export declare const OptionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const OptionContainerDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const OptionLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const VariantOptions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const VariantOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $isSelected?: boolean | undefined;
-    $isDisabled?: boolean | undefined;
-    $themeColor?: string | undefined;
-    $numberOfCheckpoints?: number | undefined;
-    $isFirstCheckpoint?: boolean | undefined;
-    backgroundColor?: string | undefined;
-}>> & string;
-export declare const OptionLabelDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SelectedOptionBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const OptionLabelSelected: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const VariantOptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PriceAndQuantityContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ColorVariantButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $isSelected?: boolean | undefined;
-    $themeColor?: string | undefined;
-    $colorValue?: string | undefined;
-}>> & string;
-export declare const ImageVariantButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $isSelected?: boolean | undefined;
-    $themeColor?: string | undefined;
-    $imageUrl?: string | undefined;
-}>> & string;
+/// <reference types="react" />
+export declare const PopoverContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PopupHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $backgroundColor?: string | undefined;
+    $themeColor?: string | undefined;
+}>> & string;
+export declare const VariantSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
+    $themeColor?: string | undefined;
+    $cornerRadius?: number | undefined;
+}>> & string;
+export declare const VariantLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const LoaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ImageContainer: 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").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const ProductInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
+    $themeColor?: string | undefined;
+    $primaryTextColor?: string | undefined;
+}>> & string;
+export declare const PriceContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Price: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $primaryTextColor?: string | undefined;
+}>> & string;
+export declare const ComparePrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ViewDetailsLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
+export declare const OptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ActionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $themeColor: string;
+}>> & string;
+export declare const OptionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OptionContainerDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OptionLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VariantOptions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VariantOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isSelected?: boolean | undefined;
+    $isDisabled?: boolean | undefined;
+    $themeColor?: string | undefined;
+    $numberOfCheckpoints?: number | undefined;
+    $isFirstCheckpoint?: boolean | undefined;
+    backgroundColor?: string | undefined;
+}>> & string;
+export declare const OptionLabelDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SelectedOptionBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const OptionLabelSelected: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VariantOptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PriceAndQuantityContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ColorVariantButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isSelected?: boolean | undefined;
+    $themeColor?: string | undefined;
+    $colorValue?: string | undefined;
+}>> & string;
+export declare const ImageVariantButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isSelected?: boolean | undefined;
+    $themeColor?: string | undefined;
+    $imageUrl?: string | undefined;
+}>> & string;

package/dist/esm/types/components/Cart/VariantSelectionPopup/MobileVariantPopover.d.ts

@@ -1,18 +1,18 @@
-import React from "react";
-type MobileVariantPopupProps = {
-    isDev?: boolean;
-    removeCartItem: (variantId: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
-    addCartItem?: (variantId: string, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
-    getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
-    themeColor?: string;
-    cartComponentsCornerType?: "rounded" | "sharp";
-    cartComponentsCornerRadius?: number;
-    backgroundColor: string;
-    removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
-    freebieClaimAddToCart?: (variantId: string, originalAllowedVariantIds?: string[]) => Promise<void>;
-    productClaimCtaButtonText?: string;
-    backgroundSubdued?: string;
-    primaryTextColor?: string;
-};
-declare const MobileVariantPopup: React.ForwardRefExoticComponent<MobileVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
-export default MobileVariantPopup;
+import React from "react";
+type MobileVariantPopupProps = {
+    isDev?: boolean;
+    removeCartItem: (variantId: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
+    addCartItem?: (variantId: string, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
+    getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
+    themeColor?: string;
+    cartComponentsCornerType?: "rounded" | "sharp";
+    cartComponentsCornerRadius?: number;
+    backgroundColor: string;
+    removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
+    freebieClaimAddToCart?: (variantId: string, originalAllowedVariantIds?: string[]) => Promise<void>;
+    productClaimCtaButtonText?: string;
+    backgroundSubdued?: string;
+    primaryTextColor?: string;
+};
+declare const MobileVariantPopup: React.ForwardRefExoticComponent<MobileVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
+export default MobileVariantPopup;

package/dist/esm/types/components/Cart/index.d.ts

@@ -1 +1 @@
-export { default } from "./Cart";
+export { default } from "./Cart";

package/dist/esm/types/components/CouponFrame/CouponFrame.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-import { RewardCoupon } from "../Cart/Cart";
-export interface RewardCouponWithIcon extends RewardCoupon {
-    icon?: React.ReactElement | null;
-}
-export type CouponFrameProps = {
-    couponActive: boolean;
-    rewardCoupon: RewardCouponWithIcon;
-    currency: string;
-    handleApply: (templateId?: number) => Promise<any>;
-    pointsCoupon?: boolean;
-    pointsToBeUsed?: number;
-};
-declare const CouponFrame: React.FC<CouponFrameProps>;
-export default CouponFrame;
+import React from "react";
+import { RewardCoupon } from "../Cart/Cart";
+export interface RewardCouponWithIcon extends RewardCoupon {
+    icon?: React.ReactElement | null;
+}
+export type CouponFrameProps = {
+    couponActive: boolean;
+    rewardCoupon: RewardCouponWithIcon;
+    currency: string;
+    handleApply: (templateId?: number) => Promise<any>;
+    pointsCoupon?: boolean;
+    pointsToBeUsed?: number;
+};
+declare const CouponFrame: React.FC<CouponFrameProps>;
+export default CouponFrame;

package/dist/esm/types/components/CouponFrame/index.d.ts

@@ -1 +1 @@
-export { default } from "./CouponFrame";
+export { default } from "./CouponFrame";