@trafilea/afrodita-components 6.37.4 → 6.38.0

package/build/index.d.ts

@@ -54,7 +54,8 @@ declare enum ComponentSize {
     Large = "large",
     Medium = "medium",
     Small = "small",
-    XSmall = "xsmall"
+    XSmall = "xsmall",
+    XXSmall = "xxsmall"
 }
 declare enum ComponentPosition {
     Top = 0,
@@ -1656,6 +1657,10 @@ declare type ThemeComponent = {
     rating: {
         fontWeight: number;
         size: {
+            xxsmall: {
+                fontSize: string;
+                lineHeight: string;
+            };
             xsmall: {
                 fontSize: string;
                 lineHeight: string;
@@ -1677,6 +1682,11 @@ declare type ThemeComponent = {
     stars: {
         element: {
             color: string;
+            xxsmall: {
+                width: string;
+                height: string;
+                marginRight: string;
+            };
             xsmall: {
                 width: string;
                 height: string;
@@ -3553,6 +3563,7 @@ declare type TextProps<T = Element> = AriaAttributes & HTMLAttributes<T> & {
     className?: string;
     testId?: string;
     asSpan?: boolean;
+    inline?: boolean;
     color?: string;
 } & (TextHeroProps | TextDisplayProps | TextHeadingProps | TextBodyProps | TextLinkProps | TextButtonProps | TextPricingProps | TextLabelProps | TextTagProps);
 
@@ -4152,4 +4163,24 @@ declare type Partner = 'RevelBeauty' | 'TheSpaDr' | 'TheBodCon';
 declare type PartnerContent = 'RevelBeauty-1' | 'RevelBeauty-2' | 'TheSpaDr-1' | 'TheSpaDr-2' | 'TheBodCon';
 declare const CancellationFlowAccordionContentPerPartner: Record<Partner, JSX.Element[]>;
 
-export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipFrequency, AutoshipFrequencyDropdown, AutoshipOfferCard, AutoshipOfferCardCta, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitsList, BenefitsListProps, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerOption, ColorPickerWithTooltip, CommonProps, ComponentPosition, ComponentSize, ContentType, CouponCard, index_d as CrossSell, DeliveryDetails, DeviceType, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HurryUp, HurryUpProps, ISubscriptionFrequencyDropdown, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, JoinClubCard, Icon$1 as LibIcon, IconProps$1 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, PriceType, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProductGalleryMobileV5, ProgressBar, QuantityPicker, RadioConfig, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, RadiosConfig, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SelectorOnChangeProps, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeChartTableV3, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, SubscriptionPlanSelector, SubscriptionPlanSelectorProps, SubscriptionPlanSelectorRadios, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Toast, ToggleComponent, Tooltip, TooltipContent, TooltipHeader, TooltipType, Totals, TrackingProgress, TrackingProgressV2, Video, VideoProps, WithBenefits, WithChildren, WithTestId, buildImageUrl, componentSizeMapper, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+declare const isDangerouslySetInnerHTML: (content: any) => content is {
+    __html: string;
+};
+
+declare type BenefitProps = {
+    icon?: Pick<IconProps$1, 'name' | 'fill' | 'width' | 'height'>;
+    text: string | ReactNode;
+};
+declare type SizeOptionProps = {
+    key: string;
+    label: string;
+    value: string;
+    disabled: boolean;
+};
+
+declare const title: JSX.Element;
+declare const benefits: (size: 'xsmall' | 'small' | 'regular') => BenefitProps[];
+declare const benefitsRawHtml: BenefitProps[];
+declare const sizeOptions: SizeOptionProps[];
+
+export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipFrequency, AutoshipFrequencyDropdown, AutoshipOfferCard, AutoshipOfferCardCta, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitsList, BenefitsListProps, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerOption, ColorPickerWithTooltip, CommonProps, ComponentPosition, ComponentSize, ContentType, CouponCard, index_d as CrossSell, DeliveryDetails, DeviceType, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HurryUp, HurryUpProps, ISubscriptionFrequencyDropdown, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, JoinClubCard, Icon$1 as LibIcon, IconProps$1 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, PriceType, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProductGalleryMobileV5, ProgressBar, QuantityPicker, RadioConfig, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, RadiosConfig, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SelectorOnChangeProps, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeChartTableV3, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, SubscriptionPlanSelector, SubscriptionPlanSelectorProps, SubscriptionPlanSelectorRadios, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Toast, ToggleComponent, Tooltip, TooltipContent, TooltipHeader, TooltipType, Totals, TrackingProgress, TrackingProgressV2, Video, VideoProps, WithBenefits, WithChildren, WithTestId, benefits, benefitsRawHtml, buildImageUrl, componentSizeMapper, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isDangerouslySetInnerHTML, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sizeOptions, sliceString, title, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };

package/build/index.esm.js

@@ -3138,6 +3138,7 @@ var ComponentSize;
     ComponentSize["Medium"] = "medium";
     ComponentSize["Small"] = "small";
     ComponentSize["XSmall"] = "xsmall";
+    ComponentSize["XXSmall"] = "xxsmall";
 })(ComponentSize || (ComponentSize = {}));
 var ComponentPosition;
 (function (ComponentPosition) {
@@ -4801,7 +4802,7 @@ var Text$7 = function (_a) {
     var variant = _a.variant, children = _a.children, testId = _a.testId, asSpan = _a.asSpan, allProps = __rest(_a, ["variant", "children", "testId", "asSpan"]);
     var theme = useTheme();
     var Tag = asSpan ? 'span' : TAGS[variant] || 'p';
-    var _c = __assign$1(__assign$1({}, ((_b = DEFAULTS === null || DEFAULTS === void 0 ? void 0 : DEFAULTS[variant]) !== null && _b !== void 0 ? _b : {})), allProps), size = _c.size, weight = _c.weight, color = _c.color, props = __rest(_c, ["size", "weight", "color"]);
+    var _c = __assign$1(__assign$1({}, ((_b = DEFAULTS === null || DEFAULTS === void 0 ? void 0 : DEFAULTS[variant]) !== null && _b !== void 0 ? _b : {})), allProps), size = _c.size, weight = _c.weight, color = _c.color, inline = _c.inline, props = __rest(_c, ["size", "weight", "color", "inline"]);
     var commonCSS = useMemo(function () {
         var _a, _b;
         // These are the common style inside a `variant`.
@@ -4818,17 +4819,21 @@ var Text$7 = function (_a) {
         var variantName = [variant, size].filter(Boolean).join('-');
         // These are styles specific to `variation-size`.
         var variantSizeStyle = (_b = theme.typography.variants[variantName]) !== null && _b !== void 0 ? _b : {};
-        var style = __assign$1(__assign$1(__assign$1({ margin: 0, color: color || theme.colors.text.color }, variantstyle), variantSizeStyle), { fontFamily: theme.fonts.config[0].family });
-        if (weight) {
-            style.fontWeight = theme.typography.config.weight[weight];
-        }
-        if (props.disabled) {
-            style.opacity = 0.5;
-            style.cursor = 'not-allowed';
-            style.color = theme.colors.text.disabled;
-        }
+        var style = __assign$1(__assign$1(__assign$1(__assign$1(__assign$1(__assign$1(__assign$1({ margin: 0, color: props.disabled ? theme.colors.text.disabled : color !== null && color !== void 0 ? color : theme.colors.text.color }, variantstyle), variantSizeStyle), { fontFamily: theme.fonts.config[0].family }), (weight ? { fontWeight: theme.typography.config.weight[weight] } : {})), (props.disabled ? { opacity: 0.5 } : {})), (props.disabled ? { cursor: 'not-allowed' } : {})), (inline ? { display: 'inline-block' } : {}));
         return style;
-    }, [theme, variant, weight, size, color, props.disabled]);
+    }, [
+        theme.typography.variants,
+        theme.typography.config.weight,
+        theme.fonts.config,
+        theme.colors.text.disabled,
+        theme.colors.text.color,
+        variant,
+        size,
+        props.disabled,
+        color,
+        weight,
+        inline,
+    ]);
     // This is to make TS happy, because `href` doesn't exists on other `variants`
     var propsHref = props.href;
     var href = useMemo(function () {
@@ -5293,6 +5298,89 @@ var CancellationFlowAccordionContentPerPartner = {
     TheBodCon: [cancellationFlowContentPerKey['TheBodCon']],
 };
 
+var isDangerouslySetInnerHTML = function (content) {
+    return content && typeof content === 'object' && '__html' in content;
+};
+
+var title = (jsxs$1("div", { children: [jsx$1(Text$7, __assign$1({ variant: "body", size: "small", color: "#D4605B", weight: "demi", inline: true }, { children: "Save 50% OFF" }), void 0), ' ', jsxs$1(Text$7, __assign$1({ variant: "body", size: "small", weight: "demi", inline: true }, { children: ["on this best-seller Panty!", ' '] }), void 0), ' ', jsxs$1(Text$7, __assign$1({ variant: "body", size: "small", weight: "regular", inline: true }, { children: ["Pay only", ' '] }), void 0), ' ', jsxs$1(Text$7, __assign$1({ variant: "body", size: "small", weight: "demi", inline: true }, { children: ["$8,99 each", ' '] }), void 0), ' ', jsx$1(Text$7, __assign$1({ variant: "body", size: "small", weight: "regular", inline: true }, { children: "with autoship:" }), void 0)] }, void 0));
+var commonIconProps = {
+    fill: 'var(--shapermint-semantic-urgent-salered-140-c-64844, #C64844);',
+    width: '24px',
+    height: '24px',
+};
+var benefits = function (size) { return [
+    {
+        icon: __assign$1({ name: 'custom/gift_thin' }, commonIconProps),
+        text: (jsxs$1(Text$7, __assign$1({ variant: "body", size: size, weight: "regular", inline: true }, { children: [jsx$1(Text$7, __assign$1({ variant: "body", size: size, weight: "demi", inline: true, asSpan: true }, { children: "Free mystery gift" }), void 0), ' ', "in this order"] }), "first-benefit")),
+    },
+    {
+        icon: __assign$1({ name: 'custom/savings' }, commonIconProps),
+        text: (jsxs$1(Text$7, __assign$1({ variant: "body", size: size, weight: "regular", inline: true }, { children: ["Lock-in this", ' ', jsx$1(Text$7, __assign$1({ variant: "body", size: size, weight: "demi", inline: true, asSpan: true }, { children: "Guaranteed lowest price" }), void 0)] }), "second-benefit")),
+    },
+    {
+        icon: __assign$1({ name: 'custom/returns' }, commonIconProps),
+        text: (jsx$1(Text$7, __assign$1({ variant: "body", size: size, weight: "regular", inline: true }, { children: "Receive it every 3 months. Cancel anytime" }), "third-benefit")),
+    },
+]; };
+var benefitsRawHtml = [
+    {
+        icon: __assign$1({ name: 'custom/gift_thin' }, commonIconProps),
+        text: '<span style="font-weight: 600;">Free mystery gift</span> in this order',
+    },
+    {
+        icon: __assign$1({ name: 'custom/savings' }, commonIconProps),
+        text: 'Lock-in this <span style="font-weight: 600;">Guaranteed lowest price</span>',
+    },
+    {
+        icon: __assign$1({ name: 'custom/returns' }, commonIconProps),
+        text: 'Receive it every 3 months. Cancel anytime',
+    },
+];
+var sizeOptions = [
+    {
+        key: 'S',
+        label: 'S',
+        value: 'S',
+        disabled: false,
+    },
+    {
+        key: 'M',
+        label: 'M',
+        value: 'M',
+        disabled: false,
+    },
+    {
+        key: 'L',
+        label: 'L',
+        value: 'L',
+        disabled: false,
+    },
+    {
+        key: 'XL',
+        label: 'XL',
+        value: 'XL',
+        disabled: false,
+    },
+    {
+        key: '2XL',
+        label: '2XL',
+        value: '2XL',
+        disabled: false,
+    },
+    {
+        key: '3XL',
+        label: '3XL',
+        value: '3XL',
+        disabled: false,
+    },
+    {
+        key: '4XL',
+        label: '4XL',
+        value: '4XL',
+        disabled: false,
+    },
+];
+
 var ErrorText = newStyled.h3(templateObject_1$1$ || (templateObject_1$1$ = __makeTemplateObject(["\n  color: ", " !important;\n  font-size: 0.75rem;\n  font-weight: 600;\n  margin: 0;\n  font-height: 1rem;\n  margin-left: 0.313rem;\n"], ["\n  color: ", " !important;\n  font-size: 0.75rem;\n  font-weight: 600;\n  margin: 0;\n  font-height: 1rem;\n  margin-left: 0.313rem;\n"])), function (props) { return props.color; });
 var ErrorContainer = newStyled.div(templateObject_2$1s || (templateObject_2$1s = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 12px;\n"], ["\n  display: flex;\n  align-items: center;\n  margin-top: 12px;\n"])));
 var Error$1 = function (_a) {
@@ -6192,6 +6280,7 @@ var BeforeAfterVariant;
     BeforeAfterVariant["ResultFeedback"] = "ResultFeedback";
 })(BeforeAfterVariant || (BeforeAfterVariant = {}));
 var componentSizeMapper = (_a$2 = {},
+    _a$2[ComponentSize.XXSmall] = ComponentSize.Small,
     _a$2[ComponentSize.XSmall] = ComponentSize.Small,
     _a$2[ComponentSize.Small] = ComponentSize.Small,
     _a$2[ComponentSize.Medium] = ComponentSize.Medium,
@@ -6593,6 +6682,13 @@ var LabelStyles = {
             fontWeight: theme.component.rating.fontWeight,
         });
     },
+    xxsmall: function (theme) {
+        return css({
+            fontSize: theme.component.rating.size.xxsmall.fontSize,
+            lineHeight: theme.component.rating.size.xxsmall.lineHeight,
+            marginLeft: '0.1rem',
+        });
+    },
     xsmall: function (theme) {
         return css({
             fontSize: theme.component.rating.size.xsmall.fontSize,
@@ -6740,7 +6836,7 @@ var ImageContainer$6 = newStyled.div(function (_a) {
 var ImageHoverContainer$3 = newStyled.img(templateObject_1$1z || (templateObject_1$1z = __makeTemplateObject(["\n  opacity: 0;\n  position: absolute;\n  transition: all 0.4s ease-in-out;\n"], ["\n  opacity: 0;\n  position: absolute;\n  transition: all 0.4s ease-in-out;\n"])));
 var Container$12 = newStyled.a(templateObject_2$1c || (templateObject_2$1c = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  text-decoration: none;\n\n  &:hover .hover__image {\n    opacity: 1;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  text-decoration: none;\n\n  &:hover .hover__image {\n    opacity: 1;\n  }\n"])));
 var ProdCardContainer$4 = newStyled.div(templateObject_3$Y || (templateObject_3$Y = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: min-content;\n  text-decoration: none;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: min-content;\n  text-decoration: none;\n"])));
-var Title$7 = newStyled.p(templateObject_4$M || (templateObject_4$M = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: 1.375rem;\n  min-height: 2.75rem;\n  text-align: center;\n  color: ", ";\n  margin: 0.25rem 0;\n  text-align: ", ";\n\n  ", "\n\n  ", "\n\n  @media (max-width: ", "px) {\n    font-size: ", ";\n  }\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: 1.375rem;\n  min-height: 2.75rem;\n  text-align: center;\n  color: ", ";\n  margin: 0.25rem 0;\n  text-align: ", ";\n\n  ", "\n\n  ", "\n\n  @media (max-width: ", "px) {\n    font-size: ", ";\n  }\n"])), function (_a) {
+var Title$7 = newStyled.h2(templateObject_4$M || (templateObject_4$M = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: 1.375rem;\n  min-height: 2.75rem;\n  text-align: center;\n  color: ", ";\n  margin: 0.25rem 0;\n  text-align: ", ";\n\n  ", "\n\n  ", "\n\n  @media (max-width: ", "px) {\n    font-size: ", ";\n  }\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: 1.375rem;\n  min-height: 2.75rem;\n  text-align: center;\n  color: ", ";\n  margin: 0.25rem 0;\n  text-align: ", ";\n\n  ", "\n\n  ", "\n\n  @media (max-width: ", "px) {\n    font-size: ", ";\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return STYLES_BY_THEME[theme.name].title.fontSize;
 }, function (_a) {
@@ -7172,6 +7268,7 @@ var sizeMapper = (_a = {},
     _a[ComponentSize.Medium] = 'medium',
     _a[ComponentSize.Large] = 'large',
     _a[ComponentSize.XSmall] = 'small',
+    _a[ComponentSize.XXSmall] = 'small',
     _a);
 var StyledBaseButton = newStyled(BaseButton)(templateObject_1$1s || (templateObject_1$1s = __makeTemplateObject(["\n  width: ", ";\n  font-size: ", ";\n  padding: ", ";\n  font-weight: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n  svg {\n    color: inherit;\n  }\n"], ["\n  width: ", ";\n  font-size: ", ";\n  padding: ", ";\n  font-weight: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n  svg {\n    color: inherit;\n  }\n"])), function (_a) {
     var wide = _a.wide;
@@ -21562,6 +21659,7 @@ var Container$1 = newStyled.div(templateObject_1$1 || (templateObject_1$1 = __ma
     return (size ? size : '100%');
 });
 var borderSize = {
+    xxsmall: '0.5px',
     xsmall: '1px',
     small: '1.5px',
     medium: '2px',
@@ -21738,5 +21836,5 @@ var SubscriptionPlanSelector = function (_a) {
                         }, useV2Style: true, checked: !radiosStatuses.oneTime.disabled && radiosStatuses.oneTime.checked, disabled: radiosStatuses.oneTime.disabled }, void 0), jsx$1(StyledPrice, { testId: "single-purchase", finalPrice: "$".concat(decimalFormat(Number(discountedPrice))), disabled: radiosStatuses.oneTime.disabled, highlighted: !radiosStatuses.oneTime.disabled && radiosStatuses.oneTime.highlighted, size: ComponentSize.Large, originalPrice: "$".concat(decimalFormat(Number(listPrice))) }, void 0)] }), void 0)] }), void 0));
 };
 
-export { AbsorbencyLevel, Accordion$1 as Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipFrequencyDropdown, AutoshipOfferCard, AutoshipOfferCardCta, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitsList, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, BuyNowPayLater, CacheProvider, CancellationFlowAccordionContentPerPartner, Card$3 as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerWithTooltip, ComponentPosition, ComponentSize, CouponCard, index$1 as CrossSell, DeliveryDetails, DiscountTag$3 as DiscountTag, Drawer, DropdownDialog, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, Global, HurryUp, Icon, IconButton, IconsWithTitle, Image$3 as Image, ImageCardWithDescription, Input$3 as Input, InputValidationType, JoinClubCard, Icon$1 as LibIcon, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, PaymentMethod, PaypalButton, Portal, PriceLabel$1 as PriceLabel, PriceLabelV2$1 as PriceLabelV2, PriceLabelV3, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProductGalleryMobileV5, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeChartTableV3, SizeDropdown, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, StrengthBars, SubscriptionPlanSelector, Tab, Tabs, Text$7 as Text, TextButton, TextWithImage, ThemeProvider, ThemeVariables, Timer, Toast, ToggleComponent, Tooltip, Totals, TrackingProgress, TrackingProgressV2, Video$1 as Video, buildImageUrl, componentSizeMapper, createCache, css, decimalFormat, formatPrice, getSrcSet, isEmail, isEmpty, isNumber$1 as isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, newStyled as styled, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+export { AbsorbencyLevel, Accordion$1 as Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipFrequencyDropdown, AutoshipOfferCard, AutoshipOfferCardCta, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitsList, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, BuyNowPayLater, CacheProvider, CancellationFlowAccordionContentPerPartner, Card$3 as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerWithTooltip, ComponentPosition, ComponentSize, CouponCard, index$1 as CrossSell, DeliveryDetails, DiscountTag$3 as DiscountTag, Drawer, DropdownDialog, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, Global, HurryUp, Icon, IconButton, IconsWithTitle, Image$3 as Image, ImageCardWithDescription, Input$3 as Input, InputValidationType, JoinClubCard, Icon$1 as LibIcon, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, PaymentMethod, PaypalButton, Portal, PriceLabel$1 as PriceLabel, PriceLabelV2$1 as PriceLabelV2, PriceLabelV3, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProductGalleryMobileV5, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeChartTableV3, SizeDropdown, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, StrengthBars, SubscriptionPlanSelector, Tab, Tabs, Text$7 as Text, TextButton, TextWithImage, ThemeProvider, ThemeVariables, Timer, Toast, ToggleComponent, Tooltip, Totals, TrackingProgress, TrackingProgressV2, Video$1 as Video, benefits, benefitsRawHtml, buildImageUrl, componentSizeMapper, createCache, css, decimalFormat, formatPrice, getSrcSet, isDangerouslySetInnerHTML, isEmail, isEmpty, isNumber$1 as isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sizeOptions, sliceString, newStyled as styled, title, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
 //# sourceMappingURL=index.esm.js.map