@trafilea/afrodita-components 5.0.0-beta.93 → 5.0.0-beta.95

package/build/index.d.ts

@@ -4,6 +4,7 @@ import React, { FC, ReactNode, ElementType, CSSProperties, AriaAttributes, HTMLA
 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 * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
 import * as _emotion_react from '@emotion/react';
 
@@ -190,6 +191,56 @@ interface CopyProps extends IconProps {
 }
 declare const Copy: ({ height, width, fill, stroke }: CopyProps) => JSX.Element;
 
+declare const CheckboxEmpty: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CheckboxLight: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CheckboxSolid: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const Like: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const LikeSolid: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const NotAllowed: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const RadioEmpty: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const RadioFilled: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const Minus$1: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const SettingsSolid: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const Settings: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const Share: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CircleCheck: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CircleClear: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CircleInfo: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CircleMinus: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CirclePlus: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CircleQuestion: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CircleWarning: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CircleSolidCheck: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CircleSolidClear: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CircleSolidMinus: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CircleSolidPlus: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CircleSolidQuestion: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CircleSolidWarning: ({ height, width, fill }: IconProps) => JSX.Element;
+
 declare const Actions_Check: typeof Check;
 declare const Actions_ClearLight: typeof ClearLight;
 declare const Actions_LightExclamation: typeof LightExclamation;
@@ -204,6 +255,30 @@ declare const Actions_SignOut: typeof SignOut;
 declare const Actions_Add: typeof Add;
 type Actions_CopyProps = CopyProps;
 declare const Actions_Copy: typeof Copy;
+declare const Actions_CheckboxEmpty: typeof CheckboxEmpty;
+declare const Actions_CheckboxLight: typeof CheckboxLight;
+declare const Actions_CheckboxSolid: typeof CheckboxSolid;
+declare const Actions_Like: typeof Like;
+declare const Actions_LikeSolid: typeof LikeSolid;
+declare const Actions_NotAllowed: typeof NotAllowed;
+declare const Actions_RadioEmpty: typeof RadioEmpty;
+declare const Actions_RadioFilled: typeof RadioFilled;
+declare const Actions_SettingsSolid: typeof SettingsSolid;
+declare const Actions_Settings: typeof Settings;
+declare const Actions_Share: typeof Share;
+declare const Actions_CircleCheck: typeof CircleCheck;
+declare const Actions_CircleClear: typeof CircleClear;
+declare const Actions_CircleInfo: typeof CircleInfo;
+declare const Actions_CircleMinus: typeof CircleMinus;
+declare const Actions_CirclePlus: typeof CirclePlus;
+declare const Actions_CircleQuestion: typeof CircleQuestion;
+declare const Actions_CircleWarning: typeof CircleWarning;
+declare const Actions_CircleSolidCheck: typeof CircleSolidCheck;
+declare const Actions_CircleSolidClear: typeof CircleSolidClear;
+declare const Actions_CircleSolidMinus: typeof CircleSolidMinus;
+declare const Actions_CircleSolidPlus: typeof CircleSolidPlus;
+declare const Actions_CircleSolidQuestion: typeof CircleSolidQuestion;
+declare const Actions_CircleSolidWarning: typeof CircleSolidWarning;
 declare namespace Actions {
   export {
     Actions_Check as Check,
@@ -220,6 +295,31 @@ declare namespace Actions {
     Actions_Add as Add,
     Actions_CopyProps as CopyProps,
     Actions_Copy as Copy,
+    Actions_CheckboxEmpty as CheckboxEmpty,
+    Actions_CheckboxLight as CheckboxLight,
+    Actions_CheckboxSolid as CheckboxSolid,
+    Actions_Like as Like,
+    Actions_LikeSolid as LikeSolid,
+    Actions_NotAllowed as NotAllowed,
+    Actions_RadioEmpty as RadioEmpty,
+    Actions_RadioFilled as RadioFilled,
+    Minus$1 as Minus,
+    Actions_SettingsSolid as SettingsSolid,
+    Actions_Settings as Settings,
+    Actions_Share as Share,
+    Actions_CircleCheck as CircleCheck,
+    Actions_CircleClear as CircleClear,
+    Actions_CircleInfo as CircleInfo,
+    Actions_CircleMinus as CircleMinus,
+    Actions_CirclePlus as CirclePlus,
+    Actions_CircleQuestion as CircleQuestion,
+    Actions_CircleWarning as CircleWarning,
+    Actions_CircleSolidCheck as CircleSolidCheck,
+    Actions_CircleSolidClear as CircleSolidClear,
+    Actions_CircleSolidMinus as CircleSolidMinus,
+    Actions_CircleSolidPlus as CircleSolidPlus,
+    Actions_CircleSolidQuestion as CircleSolidQuestion,
+    Actions_CircleSolidWarning as CircleSolidWarning,
   };
 }
 
@@ -228,7 +328,7 @@ declare const FitPredictor$1: ({ height, width, fill }: IconProps) => JSX.Elemen
 interface LoadingProps extends IconProps {
     backgroundColor: string;
 }
-declare const Loading: ({ height, width, fill, backgroundColor }: LoadingProps) => JSX.Element;
+declare const Loading$1: ({ height, width, fill, backgroundColor }: LoadingProps) => JSX.Element;
 
 declare const Shapermint: ({ height, width }: IconProps) => JSX.Element;
 
@@ -259,7 +359,6 @@ declare const Play: ({ height, width, fill, testId }: IconProps) => JSX.Element;
 declare const FitGuarantee: ({ height, width, fill, testId }: IconProps) => JSX.Element;
 
 type Other_LoadingProps = LoadingProps;
-declare const Other_Loading: typeof Loading;
 declare const Other_Shapermint: typeof Shapermint;
 declare const Other_McAfee: typeof McAfee;
 declare const Other_GetDiscount: typeof GetDiscount;
@@ -278,7 +377,7 @@ declare namespace Other {
   export {
     FitPredictor$1 as FitPredictor,
     Other_LoadingProps as LoadingProps,
-    Other_Loading as Loading,
+    Loading$1 as Loading,
     Other_Shapermint as Shapermint,
     Other_McAfee as McAfee,
     Other_GetDiscount as GetDiscount,
@@ -310,6 +409,28 @@ declare const ChevronUpSolid: ({ height, width, fill }: IconProps) => JSX.Elemen
 
 declare const CircleUp: ({ width, height, fill }: IconProps) => JSX.Element;
 
+declare const CircleChevronLeft: ({ width, height, fill }: IconProps) => JSX.Element;
+
+declare const CircleChevronRight: ({ width, height, fill }: IconProps) => JSX.Element;
+
+declare const CircleChevronDown: ({ width, height, fill }: IconProps) => JSX.Element;
+
+declare const CircleChevronUp: ({ width, height, fill }: IconProps) => JSX.Element;
+
+declare const ChevronDownVariant: ({ width, height, fill }: IconProps) => JSX.Element;
+
+declare const ChevronUpVariant: ({ width, height, fill }: IconProps) => JSX.Element;
+
+declare const ChevronLeftVariant: ({ width, height, fill }: IconProps) => JSX.Element;
+
+declare const CircleLineUp: ({ width, height, fill }: IconProps) => JSX.Element;
+
+declare const CircleLineDown: ({ width, height, fill }: IconProps) => JSX.Element;
+
+declare const CircleLineLeft: ({ width, height, fill }: IconProps) => JSX.Element;
+
+declare const CircleLineRight: ({ width, height, fill }: IconProps) => JSX.Element;
+
 declare const Arrows_ChevronDown: typeof ChevronDown;
 declare const Arrows_ChevronLeft: typeof ChevronLeft;
 declare const Arrows_ChevronRight: typeof ChevronRight;
@@ -317,6 +438,17 @@ declare const Arrows_ChevronRightVariant: typeof ChevronRightVariant;
 declare const Arrows_ChevronUp: typeof ChevronUp;
 declare const Arrows_ChevronUpSolid: typeof ChevronUpSolid;
 declare const Arrows_CircleUp: typeof CircleUp;
+declare const Arrows_CircleChevronLeft: typeof CircleChevronLeft;
+declare const Arrows_CircleChevronRight: typeof CircleChevronRight;
+declare const Arrows_CircleChevronDown: typeof CircleChevronDown;
+declare const Arrows_CircleChevronUp: typeof CircleChevronUp;
+declare const Arrows_ChevronDownVariant: typeof ChevronDownVariant;
+declare const Arrows_ChevronUpVariant: typeof ChevronUpVariant;
+declare const Arrows_ChevronLeftVariant: typeof ChevronLeftVariant;
+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 namespace Arrows {
   export {
     Arrows_ChevronDown as ChevronDown,
@@ -326,6 +458,17 @@ declare namespace Arrows {
     Arrows_ChevronUp as ChevronUp,
     Arrows_ChevronUpSolid as ChevronUpSolid,
     Arrows_CircleUp as CircleUp,
+    Arrows_CircleChevronLeft as CircleChevronLeft,
+    Arrows_CircleChevronRight as CircleChevronRight,
+    Arrows_CircleChevronDown as CircleChevronDown,
+    Arrows_CircleChevronUp as CircleChevronUp,
+    Arrows_ChevronDownVariant as ChevronDownVariant,
+    Arrows_ChevronUpVariant as ChevronUpVariant,
+    Arrows_ChevronLeftVariant as ChevronLeftVariant,
+    Arrows_CircleLineUp as CircleLineUp,
+    Arrows_CircleLineDown as CircleLineDown,
+    Arrows_CircleLineLeft as CircleLineLeft,
+    Arrows_CircleLineRight as CircleLineRight,
   };
 }
 
@@ -349,10 +492,18 @@ declare const Stopwatch: ({ height, width, fill, title }: IconProps) => JSX.Elem
 
 declare const Shipping: ({ height, width, fill }: IconProps) => JSX.Element;
 
-declare const LightBulb: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const LightBulb$1: ({ height, width, fill }: IconProps) => JSX.Element;
 
 declare const ErrorCross: ({ height, width, fill }: IconProps) => JSX.Element;
 
+declare const CircleNumber: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const SizeEmpty: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const PlayMini: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const ShippingEmpty: ({ height, width, fill }: IconProps) => JSX.Element;
+
 declare const PDP_Clock: typeof Clock;
 declare const PDP_FlagUSA: typeof FlagUSA;
 declare const PDP_Minus: typeof Minus;
@@ -363,8 +514,11 @@ declare const PDP_StarEmpty: typeof StarEmpty;
 declare const PDP_StarHalf: typeof StarHalf;
 declare const PDP_Stopwatch: typeof Stopwatch;
 declare const PDP_Shipping: typeof Shipping;
-declare const PDP_LightBulb: typeof LightBulb;
 declare const PDP_ErrorCross: typeof ErrorCross;
+declare const PDP_CircleNumber: typeof CircleNumber;
+declare const PDP_SizeEmpty: typeof SizeEmpty;
+declare const PDP_PlayMini: typeof PlayMini;
+declare const PDP_ShippingEmpty: typeof ShippingEmpty;
 declare namespace PDP {
   export {
     PDP_Clock as Clock,
@@ -377,8 +531,12 @@ declare namespace PDP {
     PDP_StarHalf as StarHalf,
     PDP_Stopwatch as Stopwatch,
     PDP_Shipping as Shipping,
-    PDP_LightBulb as LightBulb,
+    LightBulb$1 as LightBulb,
     PDP_ErrorCross as ErrorCross,
+    PDP_CircleNumber as CircleNumber,
+    PDP_SizeEmpty as SizeEmpty,
+    PDP_PlayMini as PlayMini,
+    PDP_ShippingEmpty as ShippingEmpty,
   };
 }
 
@@ -437,6 +595,36 @@ declare const ClubMembership: ({ height, width, fill }: IconProps) => JSX.Elemen
 
 declare const Benefits: ({ height, width, fill }: IconProps) => JSX.Element;
 
+declare const Home: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const HomeSolid: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const ShoppingBagV2: ({ height, width, fill, testId }: IconProps) => JSX.Element;
+
+declare const UserSolid: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const SlideDot$1: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const SlideDotSolid: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const Ellipsis: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const EllipsisHorizontal: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const Filters$1: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const Lock: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const LockSolid: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const Loading: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const MapSolid: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const UserV2: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const ShoppingCartV2: ({ height, width, fill }: IconProps) => JSX.Element;
+
 declare const Navigation_Search: typeof Search;
 declare const Navigation_User: typeof User;
 declare const Navigation_ShoppingBag: typeof ShoppingBag;
@@ -446,6 +634,19 @@ declare const Navigation_Hamburger: typeof Hamburger;
 declare const Navigation_AddressInformation: typeof AddressInformation;
 declare const Navigation_ClubMembership: typeof ClubMembership;
 declare const Navigation_Benefits: typeof Benefits;
+declare const Navigation_Home: typeof Home;
+declare const Navigation_HomeSolid: typeof HomeSolid;
+declare const Navigation_ShoppingBagV2: typeof ShoppingBagV2;
+declare const Navigation_UserSolid: typeof UserSolid;
+declare const Navigation_SlideDotSolid: typeof SlideDotSolid;
+declare const Navigation_Ellipsis: typeof Ellipsis;
+declare const Navigation_EllipsisHorizontal: typeof EllipsisHorizontal;
+declare const Navigation_Lock: typeof Lock;
+declare const Navigation_LockSolid: typeof LockSolid;
+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 namespace Navigation {
   export {
     Navigation_Search as Search,
@@ -457,6 +658,21 @@ declare namespace Navigation {
     Navigation_AddressInformation as AddressInformation,
     Navigation_ClubMembership as ClubMembership,
     Navigation_Benefits as Benefits,
+    Navigation_Home as Home,
+    Navigation_HomeSolid as HomeSolid,
+    Navigation_ShoppingBagV2 as ShoppingBagV2,
+    Navigation_UserSolid as UserSolid,
+    SlideDot$1 as SlideDot,
+    Navigation_SlideDotSolid as SlideDotSolid,
+    Navigation_Ellipsis as Ellipsis,
+    Navigation_EllipsisHorizontal as EllipsisHorizontal,
+    Filters$1 as Filters,
+    Navigation_Lock as Lock,
+    Navigation_LockSolid as LockSolid,
+    Navigation_Loading as Loading,
+    Navigation_MapSolid as MapSolid,
+    Navigation_UserV2 as UserV2,
+    Navigation_ShoppingCartV2 as ShoppingCartV2,
   };
 }
 
@@ -481,10 +697,40 @@ declare const Mail: ({ height, width, }: Pick<IconWrapperProps, 'width' | 'heigh
 
 declare const Community$1: ({ height, width, fill }: IconProps) => JSX.Element;
 
+declare const QuoteLeft: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const QuoteRight: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const QuoteSolidLeft: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const QuoteSolidRight: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const Light: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const LightBulb: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const LightBulbSolid: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CommentDots: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CommentLight: ({ height, width, fill }: IconProps) => JSX.Element;
+
+declare const CommentMoney: ({ height, width, fill }: IconProps) => JSX.Element;
+
 declare const Messaging_QuestionCircle: typeof QuestionCircle;
 declare const Messaging_Messenger: typeof Messenger;
 declare const Messaging_Comment: typeof Comment;
 declare const Messaging_Mail: typeof Mail;
+declare const Messaging_QuoteLeft: typeof QuoteLeft;
+declare const Messaging_QuoteRight: typeof QuoteRight;
+declare const Messaging_QuoteSolidLeft: typeof QuoteSolidLeft;
+declare const Messaging_QuoteSolidRight: typeof QuoteSolidRight;
+declare const Messaging_Light: typeof Light;
+declare const Messaging_LightBulb: typeof LightBulb;
+declare const Messaging_LightBulbSolid: typeof LightBulbSolid;
+declare const Messaging_CommentDots: typeof CommentDots;
+declare const Messaging_CommentLight: typeof CommentLight;
+declare const Messaging_CommentMoney: typeof CommentMoney;
 declare namespace Messaging {
   export {
     Messaging_QuestionCircle as QuestionCircle,
@@ -492,6 +738,16 @@ declare namespace Messaging {
     Messaging_Comment as Comment,
     Messaging_Mail as Mail,
     Community$1 as Community,
+    Messaging_QuoteLeft as QuoteLeft,
+    Messaging_QuoteRight as QuoteRight,
+    Messaging_QuoteSolidLeft as QuoteSolidLeft,
+    Messaging_QuoteSolidRight as QuoteSolidRight,
+    Messaging_Light as Light,
+    Messaging_LightBulb as LightBulb,
+    Messaging_LightBulbSolid as LightBulbSolid,
+    Messaging_CommentDots as CommentDots,
+    Messaging_CommentLight as CommentLight,
+    Messaging_CommentMoney as CommentMoney,
   };
 }
 
@@ -552,10 +808,34 @@ declare namespace SlideDots {
 
 declare const Thinking: ({ height, width }: IconProps$1) => JSX.Element;
 
+declare const SmilingV2: ({ height, width }: IconProps$1) => JSX.Element;
+
+declare const Grinning: ({ height, width }: IconProps$1) => JSX.Element;
+
+declare const GrinningWithSweat: ({ height, width }: IconProps$1) => JSX.Element;
+
+declare const BlowingKiss: ({ height, width }: IconProps$1) => JSX.Element;
+
+declare const Frowning: ({ height, width }: IconProps$1) => JSX.Element;
+
+declare const Relieved: ({ height, width }: IconProps$1) => JSX.Element;
+
 declare const Emoji_Thinking: typeof Thinking;
+declare const Emoji_SmilingV2: typeof SmilingV2;
+declare const Emoji_Grinning: typeof Grinning;
+declare const Emoji_GrinningWithSweat: typeof GrinningWithSweat;
+declare const Emoji_BlowingKiss: typeof BlowingKiss;
+declare const Emoji_Frowning: typeof Frowning;
+declare const Emoji_Relieved: typeof Relieved;
 declare namespace Emoji {
   export {
     Emoji_Thinking as Thinking,
+    Emoji_SmilingV2 as SmilingV2,
+    Emoji_Grinning as Grinning,
+    Emoji_GrinningWithSweat as GrinningWithSweat,
+    Emoji_BlowingKiss as BlowingKiss,
+    Emoji_Frowning as Frowning,
+    Emoji_Relieved as Relieved,
   };
 }
 
@@ -836,6 +1116,7 @@ declare const ThemeProvider: FC<{
     children: ReactNode;
 }>;
 declare const useTheme: () => Theme;
+
 declare const ThemeVariables: FC<{
     theme: Theme;
     Container?: ElementType;
@@ -1340,10 +1621,13 @@ interface TimerProps extends TimeProps {
 }
 declare const Timer: ({ onTimeUp, displayZeroValues, ...rest }: TimerProps) => JSX.Element;
 
-interface BaseInputCommmonProps {
+interface BaseInputCommonProps {
     id?: string;
+    value?: string;
     innerRef?: React.Ref<HTMLInputElement>;
     onBlur?: () => void;
+    onFocus?: () => void;
+    onChange?: (value: string, event: any) => void;
     hideClear?: boolean;
     defaultValue?: string;
     maxLength?: number;
@@ -1360,15 +1644,7 @@ interface BaseInputCommmonProps {
     name?: string;
     autoFocus?: boolean;
 }
-interface BaseInputControlled extends BaseInputCommmonProps {
-    value: string;
-    onChange: (value: string) => void;
-}
-interface BaseInputUncontrolled extends BaseInputCommmonProps {
-    value?: never;
-    onChange?: (value: string) => void;
-}
-declare type BaseInputProps = BaseInputControlled | BaseInputUncontrolled;
+declare type BaseInputProps = BaseInputCommonProps;
 
 declare type BasePlusIconProps = BaseInputProps & {
     Icon: IconType;
@@ -1407,7 +1683,7 @@ declare type CustomProps = BaseInputProps & {
 };
 
 declare const Input: {
-    Simple: ({ value, onChange, defaultValue, label, children, required, onValidation, size, placeholder, inlinePlaceholder, hasError, inputType, hideClear, innerRef, ...rest }: BaseInputProps) => JSX.Element;
+    Simple: ({ value, onChange, label, children, required, onValidation, size, placeholder, inlinePlaceholder, hasError, inputType, hideClear, innerRef, ...rest }: BaseInputCommonProps) => JSX.Element;
     Custom: ({ onClick, text, variant, ...rest }: CustomProps) => JSX.Element;
     SimplePlusButton: ({ onClick, onClickEdit, text, success, editText, successText, ...rest }: BasePlusButtonProps) => JSX.Element;
     SimplePlusIcon: ({ Icon, ...rest }: BasePlusIconProps) => JSX.Element;
@@ -2035,6 +2311,34 @@ interface AccordionOptionsProps {
 }
 declare const AccordionOptions: ({ titleColor, accordions }: AccordionOptionsProps) => JSX.Element;
 
+interface ShortBannerProps {
+    title: string;
+    bannerText: string;
+    backgroundColor: string;
+    alignCenter?: boolean;
+    widthAuto?: boolean;
+    textColor: string;
+}
+declare const ShortBanner: ({ textColor, title, bannerText, backgroundColor, alignCenter, widthAuto, }: ShortBannerProps) => JSX.Element;
+
+interface BeforeAfterCardProps {
+    name: string;
+    age: string;
+    months: string;
+    beforeImage: string;
+    afterImage: string;
+    alignCenter?: boolean;
+}
+declare const BeforeAfterCard: ({ name, age, months, beforeImage, afterImage, alignCenter, }: BeforeAfterCardProps) => JSX.Element;
+
+interface ImageCardWithDescriptionProps {
+    image: string;
+    title?: string;
+    description?: string;
+    titlePosition?: 'center' | 'left';
+}
+declare const ImageCardWithDescription: ({ image, title, description, titlePosition, }: ImageCardWithDescriptionProps) => JSX.Element;
+
 declare global {
     interface Events {
         modal: {
@@ -2074,4 +2378,4 @@ declare const formatPrice: (value: number, { locale, currency }?: {
     currency?: string | undefined;
 }) => string;
 
-export { Accordion, AccordionOptions, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageType, Input, InputValidationType, Modal, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, Pagination, PaginatorBlog, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, WithTestId, decimalFormat, formatPrice, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+export { Accordion, AccordionOptions, AmazonButton, AssetsProvider, BeforeAfterCard, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageType, Input, InputValidationType, Modal, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, Pagination, PaginatorBlog, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, WithTestId, decimalFormat, formatPrice, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };