@trafilea/afrodita-components 5.0.0-beta.308 → 5.0.0-beta.310

package/build/index.d.ts

@@ -5,6 +5,7 @@ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_styled from '@emotion/styled';
 import { StyledComponent } from '@emotion/styled';
 export { default as styled } from '@emotion/styled';
+import { TextProps as TextProps$1 } from 'src/components/text/Text';
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
 import * as _emotion_react from '@emotion/react';
 import { ComponentSize as ComponentSize$1 } from 'src/types/enums';
@@ -142,6 +143,18 @@ interface imageVideoProps {
 
 declare const SixtyDaysGuarantee: ({ height, width, fill, title }: IconProps) => JSX.Element;
 
+declare const Bra: ({ height, width, fill, testId }: IconProps) => JSX.Element;
+
+declare const Underwear: ({ height, width, fill, testId }: IconProps) => JSX.Element;
+
+declare const PacksAndBundles: ({ height, width, fill, testId }: IconProps) => JSX.Element;
+
+declare const SeamlessSupportBra: ({ height, width, fill, title }: IconProps) => JSX.Element;
+
+declare const WireFreeComfort: ({ height, width, fill, title, }: IconProps) => JSX.Element;
+
+declare const SixtyDaysBold: ({ height, width, fill, title }: IconProps) => JSX.Element;
+
 declare const Frown: ({ height, width, fill, title }: IconProps$1) => JSX.Element;
 
 declare const Smiling: ({ height, width, fill, title }: IconProps$1) => JSX.Element;
@@ -173,6 +186,12 @@ declare const Certified: ({ height, width, fill, testId }: IconProps) => JSX.Ele
 declare const NewSixtyDaysGuarantee: ({ height, width, fill, testId }: IconProps) => JSX.Element;
 
 declare const Custom_SixtyDaysGuarantee: typeof SixtyDaysGuarantee;
+declare const Custom_Bra: typeof Bra;
+declare const Custom_Underwear: typeof Underwear;
+declare const Custom_PacksAndBundles: typeof PacksAndBundles;
+declare const Custom_SeamlessSupportBra: typeof SeamlessSupportBra;
+declare const Custom_WireFreeComfort: typeof WireFreeComfort;
+declare const Custom_SixtyDaysBold: typeof SixtyDaysBold;
 declare const Custom_Frown: typeof Frown;
 declare const Custom_Smiling: typeof Smiling;
 declare const Custom_BulletOne: typeof BulletOne;
@@ -191,6 +210,12 @@ declare const Custom_NewSixtyDaysGuarantee: typeof NewSixtyDaysGuarantee;
 declare namespace Custom {
   export {
     Custom_SixtyDaysGuarantee as SixtyDaysGuarantee,
+    Custom_Bra as Bra,
+    Custom_Underwear as Underwear,
+    Custom_PacksAndBundles as PacksAndBundles,
+    Custom_SeamlessSupportBra as SeamlessSupportBra,
+    Custom_WireFreeComfort as WireFreeComfort,
+    Custom_SixtyDaysBold as SixtyDaysBold,
     Custom_Frown as Frown,
     Custom_Smiling as Smiling,
     Custom_BulletOne as BulletOne,
@@ -412,7 +437,7 @@ declare const HasselFreeReturns: ({ height, width, fill, testId }: IconProps) =>
 
 declare const Play: ({ height, width, fill, testId }: IconProps) => JSX.Element;
 
-declare const FitGuarantee: ({ height, width, fill, testId }: IconProps) => JSX.Element;
+declare const FitGuarantee$1: ({ height, width, fill, testId }: IconProps) => JSX.Element;
 
 declare const QuestionWithCircle: ({ height, width, fill, testId }: IconProps) => JSX.Element;
 
@@ -444,7 +469,6 @@ declare const Other_FreeExchange: typeof FreeExchange;
 declare const Other_ShopNow: typeof ShopNow;
 declare const Other_HasselFreeReturns: typeof HasselFreeReturns;
 declare const Other_Play: typeof Play;
-declare const Other_FitGuarantee: typeof FitGuarantee;
 declare const Other_QuestionWithCircle: typeof QuestionWithCircle;
 declare const Other_ExpressShipping: typeof ExpressShipping;
 declare const Other_ShapermintClubLabel: typeof ShapermintClubLabel;
@@ -471,7 +495,7 @@ declare namespace Other {
     Other_ShopNow as ShopNow,
     Other_HasselFreeReturns as HasselFreeReturns,
     Other_Play as Play,
-    Other_FitGuarantee as FitGuarantee,
+    FitGuarantee$1 as FitGuarantee,
     Other_QuestionWithCircle as QuestionWithCircle,
     Other_ExpressShipping as ExpressShipping,
     Other_ShapermintClubLabel as ShapermintClubLabel,
@@ -519,6 +543,8 @@ declare const CircleLineLeft: ({ width, height, fill }: IconProps) => JSX.Elemen
 
 declare const CircleLineRight: ({ width, height, fill }: IconProps) => JSX.Element;
 
+declare const DoubleArrowUp: ({ width, height, fill }: IconProps) => JSX.Element;
+
 declare const Arrows_ChevronDown: typeof ChevronDown;
 declare const Arrows_ChevronLeft: typeof ChevronLeft;
 declare const Arrows_ChevronRight: typeof ChevronRight;
@@ -537,6 +563,7 @@ declare const Arrows_CircleLineUp: typeof CircleLineUp;
 declare const Arrows_CircleLineDown: typeof CircleLineDown;
 declare const Arrows_CircleLineLeft: typeof CircleLineLeft;
 declare const Arrows_CircleLineRight: typeof CircleLineRight;
+declare const Arrows_DoubleArrowUp: typeof DoubleArrowUp;
 declare namespace Arrows {
   export {
     Arrows_ChevronDown as ChevronDown,
@@ -557,6 +584,7 @@ declare namespace Arrows {
     Arrows_CircleLineDown as CircleLineDown,
     Arrows_CircleLineLeft as CircleLineLeft,
     Arrows_CircleLineRight as CircleLineRight,
+    Arrows_DoubleArrowUp as DoubleArrowUp,
   };
 }
 
@@ -588,6 +616,8 @@ declare const CircleNumber: ({ height, width, fill }: IconProps) => JSX.Element;
 
 declare const SizeEmpty: ({ height, width, fill }: IconProps) => JSX.Element;
 
+declare const SizeEmptyV2: ({ height, width, fill }: IconProps) => JSX.Element;
+
 declare const PlayMini: ({ height, width, fill }: IconProps) => JSX.Element;
 
 declare const ShippingEmpty: ({ height, width, fill }: IconProps) => JSX.Element;
@@ -621,6 +651,7 @@ declare const PDP_Shipping: typeof Shipping;
 declare const PDP_ErrorCross: typeof ErrorCross;
 declare const PDP_CircleNumber: typeof CircleNumber;
 declare const PDP_SizeEmpty: typeof SizeEmpty;
+declare const PDP_SizeEmptyV2: typeof SizeEmptyV2;
 declare const PDP_PlayMini: typeof PlayMini;
 declare const PDP_ShippingEmpty: typeof ShippingEmpty;
 declare const PDP_Drop: typeof Drop;
@@ -647,6 +678,7 @@ declare namespace PDP {
     PDP_ErrorCross as ErrorCross,
     PDP_CircleNumber as CircleNumber,
     PDP_SizeEmpty as SizeEmpty,
+    PDP_SizeEmptyV2 as SizeEmptyV2,
     PDP_PlayMini as PlayMini,
     PDP_ShippingEmpty as ShippingEmpty,
     PDP_Drop as Drop,
@@ -745,6 +777,8 @@ declare const UserV2: ({ height, width, fill }: IconProps) => JSX.Element;
 
 declare const ShoppingCartV2: ({ height, width, fill }: IconProps) => JSX.Element;
 
+declare const ShoppingBagV3: ({ height, width, fill, testId }: IconProps) => JSX.Element;
+
 declare const Navigation_Search: typeof Search;
 declare const Navigation_User: typeof User;
 declare const Navigation_ShoppingBag: typeof ShoppingBag;
@@ -767,6 +801,7 @@ declare const Navigation_Loading: typeof Loading;
 declare const Navigation_MapSolid: typeof MapSolid;
 declare const Navigation_UserV2: typeof UserV2;
 declare const Navigation_ShoppingCartV2: typeof ShoppingCartV2;
+declare const Navigation_ShoppingBagV3: typeof ShoppingBagV3;
 declare namespace Navigation {
   export {
     Navigation_Search as Search,
@@ -793,9 +828,12 @@ declare namespace Navigation {
     Navigation_MapSolid as MapSolid,
     Navigation_UserV2 as UserV2,
     Navigation_ShoppingCartV2 as ShoppingCartV2,
+    Navigation_ShoppingBagV3 as ShoppingBagV3,
   };
 }
 
+declare const AdaChat: ({ height, width, fill }: IconProps) => JSX.Element;
+
 declare const QuestionCircle: ({ height, width, fill }: IconProps) => JSX.Element;
 
 declare const Messenger: ({ height, width, fill }: IconProps) => JSX.Element;
@@ -837,6 +875,7 @@ declare const CommentLight: ({ height, width, fill }: IconProps) => JSX.Element;
 
 declare const CommentMoney: ({ height, width, fill }: IconProps) => JSX.Element;
 
+declare const Messaging_AdaChat: typeof AdaChat;
 declare const Messaging_QuestionCircle: typeof QuestionCircle;
 declare const Messaging_Messenger: typeof Messenger;
 declare const Messaging_Comment: typeof Comment;
@@ -853,6 +892,7 @@ declare const Messaging_CommentLight: typeof CommentLight;
 declare const Messaging_CommentMoney: typeof CommentMoney;
 declare namespace Messaging {
   export {
+    Messaging_AdaChat as AdaChat,
     Messaging_QuestionCircle as QuestionCircle,
     Messaging_Messenger as Messenger,
     Messaging_Comment as Comment,
@@ -1162,8 +1202,9 @@ interface DiscountTagProps {
     textColor?: string;
     size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
     style?: React.CSSProperties;
+    bordersRounded?: boolean;
 }
-declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, }: DiscountTagProps) => JSX.Element;
+declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, }: DiscountTagProps) => JSX.Element;
 
 interface ClubOfferTagProps {
     clubOfferText?: string;
@@ -1190,10 +1231,11 @@ interface PriceLabelProps {
     originalPriceUnderlined?: boolean;
     testId?: string;
     clubStyle?: boolean;
+    bordersRounded?: boolean;
 }
 declare const PriceLabel: ({ finalPrice, originalPrice, discount, color, testId, finalPriceStyled, finalPriceStyle, originalPriceStyled, originalPriceUnderlined, size, clubStyle, }: PriceLabelProps) => JSX.Element;
 
-declare const PriceLabelV2: ({ finalPrice, originalPrice, discount, clubOffer, color, testId, originalPriceStyled, originalPriceUnderlined, size, savingsDisplay, }: PriceLabelProps & {
+declare const PriceLabelV2: ({ finalPrice, originalPrice, discount, clubOffer, color, testId, originalPriceStyled, originalPriceUnderlined, size, bordersRounded, savingsDisplay, }: PriceLabelProps & {
     savingsDisplay?: boolean | undefined;
 }) => JSX.Element;
 
@@ -1227,8 +1269,9 @@ interface ProductGalleryProps {
     ctaText?: string;
     ctaAction?: () => void;
     hideCTA?: boolean;
+    hasOverflowArrows?: boolean;
 }
-declare const ProductGallery: ({ images, selectedValue, topTag, bottomTag, productImageDataTestId, previewListDataTestId, thumbnailPosition, borderRadiusVariant, previewImgBorderColor, ctaText, ctaAction, hideCTA, }: ProductGalleryProps) => JSX.Element;
+declare const ProductGallery: ({ images, selectedValue, topTag, bottomTag, productImageDataTestId, previewListDataTestId, thumbnailPosition, borderRadiusVariant, previewImgBorderColor, ctaText, ctaAction, hideCTA, hasOverflowArrows, }: ProductGalleryProps) => JSX.Element;
 
 interface RatingProps {
     rating: number;
@@ -1246,6 +1289,16 @@ interface FitPredictorProps {
 }
 declare const FitPredictor: ({ onClick }: FitPredictorProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+interface FitGuaranteeProps {
+    backgroundColor?: string;
+    borderColor?: string;
+    title: string;
+    description: string;
+    widthAuto?: boolean;
+    testId?: string;
+}
+declare const FitGuarantee: ({ backgroundColor, borderColor, title, description, widthAuto, testId, }: FitGuaranteeProps) => JSX.Element;
+
 interface ProgressBarProps {
     description?: string;
     fillColor: string;
@@ -1724,8 +1777,13 @@ declare type ThemeComponent = {
             borderColor: string;
             color: string;
             borderRadius: string;
+            borderRadiusV2?: string;
             backgroundColor?: string;
         };
+        optionsWrapper: {
+            borderRadius: string;
+            overflow: string;
+        };
     };
     modal: {
         minWidth: string;
@@ -1913,6 +1971,12 @@ declare type ThemeComponent = {
         orderHeader: {
             color: string;
         };
+        fitGuarantee: {
+            fontWeight: number | string;
+        };
+        offerBanner: {
+            borderRadius: string;
+        };
     };
     orderBar: {
         backgroundColor: string;
@@ -1984,6 +2048,12 @@ declare type ThemeComponent = {
             color: string;
         };
     };
+    hurryUp: {
+        borderRadius?: string;
+    };
+    qtyPicker: {
+        borderRadius: string;
+    };
 };
 declare type ThemeTypography = {
     config: {
@@ -2119,14 +2189,35 @@ interface CategoryTagProps {
 }
 declare const CategoryTag: ({ text, size, className, styledBorder }: CategoryTagProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+interface CategorySquareTagProps {
+    text: string;
+    size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
+    className?: string;
+    styledBorder?: boolean;
+}
+declare const CategorySquareTag: ({ text, size, className, styledBorder, }: CategorySquareTagProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 interface SeasonOfferTagProps {
     text: string;
     backgroundColor?: string;
     size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
     className?: string;
     styledBorder?: boolean;
+    bottomRightBorderRounded?: string;
+    allBordersRounded?: {
+        value: string;
+        size?: ComponentSize;
+    };
 }
-declare const SeasonOfferTag: ({ text, backgroundColor, size, className, styledBorder, }: SeasonOfferTagProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SeasonOfferTag: ({ text, backgroundColor, size, className, styledBorder, bottomRightBorderRounded, allBordersRounded, }: SeasonOfferTagProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+interface SeasonOfferRoundedTagProps {
+    text: string;
+    backgroundColor?: string;
+    size: ComponentSize;
+    className?: string;
+}
+declare const SeasonOfferRoundedTag: ({ text, backgroundColor, size, className, }: SeasonOfferRoundedTagProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface TimeProps {
     hours: number;
@@ -2199,11 +2290,12 @@ declare type CustomProps = BaseInputProps & {
     onClick: () => void;
     text: string;
     variant: ButtonProps['variant'];
+    defaultRounded?: boolean;
 };
 
 declare const Input: {
     Simple: ({ value, onChange, label, children, required, onValidation, size, placeholder, inlinePlaceholder, hasError, inputType, hideClear, innerRef, requiredPlaceholder, ...rest }: BaseInputCommonProps) => JSX.Element;
-    Custom: ({ onClick, text, variant, ...rest }: CustomProps) => JSX.Element;
+    Custom: ({ onClick, text, variant, defaultRounded, ...rest }: CustomProps) => JSX.Element;
     SimplePlusButton: ({ onClick, onClickEdit, text, success, editText, successText, ...rest }: BasePlusButtonProps) => JSX.Element;
     SimplePlusIcon: ({ Icon, ...rest }: BasePlusIconProps) => JSX.Element;
 };
@@ -2434,6 +2526,45 @@ interface ProductItemProps {
     className?: string;
 }
 
+interface ProductItemSmallMobileProps$1 extends ProductItemProps {
+    titleStyle?: Pick<TextProps$1, 'variant' | 'weight' | 'size'>;
+    ImageBorderRadius?: string;
+    hasSpacing?: boolean;
+    textContainerGap?: string;
+    customSizeRating?: ComponentSize.XSmall | ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large | '';
+    size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
+    imageHover?: ImageProps;
+    topTag?: JSX.Element;
+    bottomTag?: JSX.Element;
+    onClick?: () => void;
+    originalPriceStyled?: boolean;
+    priceDisplayType?: 'default' | 'styled';
+    priceAtBottom?: boolean;
+    priceLoading?: boolean;
+    noFollow?: boolean;
+    colorPicker?: {
+        display: boolean;
+        position: string;
+        component: JSX.Element | JSX.Element[] | undefined;
+    };
+    isBNPL?: {
+        displayBNPL: boolean;
+        installments: number;
+        installmentPrice: string;
+        iconFolder?: string;
+        iconName: string;
+        showLogo?: boolean;
+        iconColor: string;
+        fontSize: string;
+    };
+    hasStrength?: {
+        strength: number;
+        description: string;
+    };
+    clubPrice?: string;
+    showClubPriceLabel?: boolean;
+}
+
 interface ProductItemSmallMobileProps extends ProductItemProps {
     size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
     imageHover?: ImageProps;
@@ -2475,6 +2606,7 @@ declare function withProductGrid<P extends ProductItemProps>(ProductItemComponen
 declare const Collection: {
     ProductItemMobile: ({ title, image, imageHover, price, rating, size, alignName, url, className, topTag, bottomTag, onClick, priceDisplayType, priceAtBottom, priceLoading, noFollow, colorPicker, isBNPL, hasStrength, clubPrice, showClubPriceLabel, }: ProductItemSmallMobileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
     withProductGrid: typeof withProductGrid;
+    ProductItemTK: ({ title, titleStyle, hasSpacing, textContainerGap, customSizeRating, image, ImageBorderRadius, imageHover, price, rating, size, alignName, url, className, topTag, bottomTag, onClick, priceDisplayType, originalPriceStyled, priceAtBottom, priceLoading, noFollow, colorPicker, isBNPL, hasStrength, clubPrice, showClubPriceLabel, }: ProductItemSmallMobileProps$1) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 };
 
 interface StarListProps {
@@ -3129,4 +3261,4 @@ declare const getSrcSet: (imgLink: string, ...breakpoints: number[]) => string;
 
 declare const mediaQueries: facepaint.DynamicStyleFunction;
 
-export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, BeforeAfterCard, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, HurryUp, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageType, Input, InputValidationType, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, Rating, Review$1 as Review, Review as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, StrengthBars, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, WithTestId, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, BeforeAfterCard, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HurryUp, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageType, Input, InputValidationType, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, Rating, Review$1 as Review, Review as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, StrengthBars, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, WithTestId, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };