@mindly/ui-components 4.0.0 → 4.1.1

package/dist/index.d.ts

@@ -1,9 +1,10 @@
 import React, { ReactNode, CSSProperties, HTMLAttributes, RefAttributes, FC, ReactText, ReactElement, ChangeEvent } from 'react';
 import { JSX as JSX$1 } from '@ionic/core/components';
 import { RatingComponentProps } from 'react-rating';
-import { RefresherEventDetail } from '@ionic/react';
+import { RefresherEventDetail, ScrollDetail, ScrollBaseDetail } from '@ionic/react';
+import { IonContentCustomEvent } from '@ionic/core/dist/types/components';
 
-interface ButtonProps$1 {
+interface ButtonProps$2 {
     buttonType: 'primary' | 'secondary' | 'actionButton' | 'actionButtonDisabled' | 'secondaryWithStroke' | 'secondaryCancel' | 'actionButtonActive' | 'actionButtonGreen';
     isDisabled: boolean;
     children: React.ReactNode;
@@ -13,7 +14,7 @@ interface ButtonProps$1 {
 /**
  * @deprecated
  */
-declare const Button: React.FC<ButtonProps$1>;
+declare const Button: React.FC<ButtonProps$2>;
 
 interface FloatingButtonType {
     bottomHeight: number;
@@ -213,7 +214,7 @@ type LetterAvatarProps = {
     fontSize?: number;
     onClick?: () => void;
 };
-declare const _default$C: React.NamedExoticComponent<LetterAvatarProps>;
+declare const _default$H: React.NamedExoticComponent<LetterAvatarProps>;
 
 type ImageWithFallbackProps = JSX.IntrinsicElements['img'] & {
     onErrorContent: React.ReactElement;
@@ -225,7 +226,7 @@ type PersonDateTimeCardProps = {
     name: string;
     dateTime: Date;
 };
-declare const _default$B: React.NamedExoticComponent<PersonDateTimeCardProps>;
+declare const _default$G: React.NamedExoticComponent<PersonDateTimeCardProps>;
 
 type PsychologistProfileType = {
     id: string;
@@ -327,7 +328,7 @@ type EntryNotFoundProps = {
 };
 declare const EntryNotFound: FC<EntryNotFoundProps>;
 
-type AvatarProps = {
+type AvatarProps$1 = {
     dimensions?: number;
     width?: number;
     height?: number;
@@ -346,7 +347,7 @@ type AvatarProps = {
     withBorder?: boolean;
     onClick?: () => void;
 };
-declare const Avatar: FC<AvatarProps>;
+declare const Avatar: FC<AvatarProps$1>;
 
 type AppHeaderProps = {
     fullwidth?: boolean;
@@ -354,11 +355,11 @@ type AppHeaderProps = {
 };
 declare const AppHeader: FC<AppHeaderProps>;
 
-type ContainerProps = {
+type ContainerProps$1 = {
     style?: CSSProperties;
     className?: string;
 };
-declare const Container: FC<ContainerProps>;
+declare const Container: FC<ContainerProps$1>;
 
 type SegmentType = {
     id: string;
@@ -391,7 +392,7 @@ type SelectImpressionEmojiProps = {
     onChange?: (val: ImpressionEmojiEnum) => void;
 };
 
-declare const _default$A: React.NamedExoticComponent<SelectImpressionEmojiProps>;
+declare const _default$F: React.NamedExoticComponent<SelectImpressionEmojiProps>;
 
 interface FooterForBookingProps {
     eventHandler: (props?: React.SyntheticEvent) => void;
@@ -423,7 +424,7 @@ type MediaPlayerProps<TCameraTrack extends Playable | undefined, TAudioTrack ext
     showControls: boolean;
     isScreenSharing?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
-declare const _default$z: <TCameraTrack extends Playable | undefined, TAudioTrack extends Playable | undefined>({ fullwidth, cameraTrack, audioTrack, isVideoTrackMuted, isAudioTrackMuted, networkQuality, fallbackAvatar, fallbackAvatarDimensions, fallbackName, showControls, isScreenSharing, ...props }: MediaPlayerProps<TCameraTrack, TAudioTrack>) => JSX.Element;
+declare const _default$E: <TCameraTrack extends Playable | undefined, TAudioTrack extends Playable | undefined>({ fullwidth, cameraTrack, audioTrack, isVideoTrackMuted, isAudioTrackMuted, networkQuality, fallbackAvatar, fallbackAvatarDimensions, fallbackName, showControls, isScreenSharing, ...props }: MediaPlayerProps<TCameraTrack, TAudioTrack>) => JSX.Element;
 
 type RoundButtonPropsType = {
     disabled?: boolean;
@@ -449,7 +450,7 @@ type ChatListItemProps = {
     lastMessageType?: 'text' | 'file' | 'image' | 'video' | 'system';
     locale?: string;
 };
-declare const _default$y: React.NamedExoticComponent<ChatListItemProps>;
+declare const _default$D: React.NamedExoticComponent<ChatListItemProps>;
 
 type ChatMessageProps = {
     message: string | File;
@@ -467,11 +468,11 @@ type ChatMessageProps = {
     };
     locale?: string;
 };
-declare const _default$x: React.NamedExoticComponent<ChatMessageProps>;
+declare const _default$C: React.NamedExoticComponent<ChatMessageProps>;
 
 declare const ChatMessageSkeleton: () => JSX.Element;
 
-declare const _default$w: React.MemoExoticComponent<() => JSX.Element>;
+declare const _default$B: React.MemoExoticComponent<() => JSX.Element>;
 
 type EmptyChatList = {
     title?: string;
@@ -481,7 +482,7 @@ type EmptyChatList = {
     onClick?: () => void;
 };
 declare const EmptyChatList: FC<EmptyChatList>;
-declare const _default$v: React.NamedExoticComponent<EmptyChatList>;
+declare const _default$A: React.NamedExoticComponent<EmptyChatList>;
 
 type EmptyChatMessagesProps = {
     title?: string;
@@ -505,7 +506,7 @@ type TextareaProps = {
     onError?: (message: string) => void;
     onFileSelect?: (file: File | null, type: 'file' | 'image' | 'video', fileInfo: FileInfoType) => void;
 };
-declare const _default$u: React.MemoExoticComponent<React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLIonFooterElement>>>;
+declare const _default$z: React.MemoExoticComponent<React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLIonFooterElement>>>;
 
 type LouseConnectProps = {
     onClick?: () => void;
@@ -516,9 +517,9 @@ type UpdatesPopupPropsType = {
     text?: string;
     closeHandler?: () => void;
     buttonHandler?: () => void;
-    buttonType?: Extract<ButtonProps$1, 'buttonType'>;
+    buttonType?: Extract<ButtonProps$2, 'buttonType'>;
     buttonText?: string;
-    disabledButton?: Extract<ButtonProps$1, 'isDisabled'>;
+    disabledButton?: Extract<ButtonProps$2, 'isDisabled'>;
 };
 declare const UpdatesCard: React.FC<UpdatesPopupPropsType>;
 
@@ -568,12 +569,12 @@ type SectionHeadingProps = {
 };
 declare const SectionHeading: React.FC<SectionHeadingProps>;
 
-type SkeletonProps = {
+type SkeletonProps$1 = {
     widthPx?: number;
     heightPx?: number;
     style?: React.CSSProperties;
 } & Omit<JSX$1.IonSkeletonText, 'animated'>;
-declare const Skeleton: React.FC<SkeletonProps>;
+declare const Skeleton: React.FC<SkeletonProps$1>;
 
 type SpecialistEducationCardProps$1 = {
     institutionName?: string;
@@ -584,7 +585,7 @@ type SpecialistEducationCardProps$1 = {
     yearEnd?: number | null;
     showLoader?: boolean;
 };
-declare const _default$t: React.NamedExoticComponent<SpecialistEducationCardProps$1>;
+declare const _default$y: React.NamedExoticComponent<SpecialistEducationCardProps$1>;
 
 type SpecialistProfileViewCardProps$1 = {
     avatarLink?: string | null;
@@ -597,7 +598,7 @@ type SpecialistProfileViewCardProps$1 = {
     videoLinkUrl?: string | null;
     showLoader?: boolean;
 } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-declare const _default$s: React.NamedExoticComponent<SpecialistProfileViewCardProps$1>;
+declare const _default$x: React.NamedExoticComponent<SpecialistProfileViewCardProps$1>;
 
 type SpecialistStatisticsCardProps$1 = {
     activeClients?: number;
@@ -621,19 +622,19 @@ declare const SpecialistWorkDirections: React.FC<SpecialistWorkDirectionsPropsTy
 
 declare const Tag: React.FC;
 
-type AppFooterProps = {
+type AppFooterProps$1 = {
     fullwidth?: boolean;
     style?: CSSProperties;
     className?: string;
 };
-declare const AppFooter: FC<AppFooterProps>;
+declare const AppFooter: FC<AppFooterProps$1>;
 
 type VideoPlayerProps = {
     videoLink: string;
     closeModalHandler?: () => void;
     onErrorContent: React.ReactElement;
 } & JSX$1.IonModal;
-declare const _default$r: React.NamedExoticComponent<VideoPlayerProps>;
+declare const _default$w: React.NamedExoticComponent<VideoPlayerProps>;
 
 type NotSupportModalProps = {
     closeModal?: () => void;
@@ -669,7 +670,7 @@ type VideoCallInfoProps = {
         abbreviatedSeconds: string;
     };
 };
-declare const _default$q: React.NamedExoticComponent<VideoCallInfoProps>;
+declare const _default$v: React.NamedExoticComponent<VideoCallInfoProps>;
 
 declare enum ConsultationCardType {
     FEATURE = "feature",
@@ -704,14 +705,14 @@ type ConsultationCardProps = {
     };
 };
 
-declare const _default$p: React.NamedExoticComponent<ConsultationCardProps>;
+declare const _default$u: React.NamedExoticComponent<ConsultationCardProps>;
 
 type SignUpSessionButtonProps = {
     label: string;
     isLoading?: boolean;
     onClick?: () => void;
 };
-declare const _default$o: React.NamedExoticComponent<SignUpSessionButtonProps>;
+declare const _default$t: React.NamedExoticComponent<SignUpSessionButtonProps>;
 
 type EmptyConsultationsProps = {
     title: string;
@@ -719,7 +720,7 @@ type EmptyConsultationsProps = {
     buttonLabel?: string;
     onClick?: () => void;
 };
-declare const _default$n: React.NamedExoticComponent<EmptyConsultationsProps>;
+declare const _default$s: React.NamedExoticComponent<EmptyConsultationsProps>;
 
 type ConsultationModalProps = {
     isOpen: boolean;
@@ -754,7 +755,7 @@ type ConsultationModalProps = {
         started?: string;
     };
 };
-declare const _default$m: React.NamedExoticComponent<ConsultationModalProps>;
+declare const _default$r: React.NamedExoticComponent<ConsultationModalProps>;
 
 type SpecialistData = {
     id: string;
@@ -771,7 +772,7 @@ type SignUpSessionModalProps = {
     title: string;
     cancelBtnLabel: string;
 };
-declare const _default$l: React.NamedExoticComponent<SignUpSessionModalProps>;
+declare const _default$q: React.NamedExoticComponent<SignUpSessionModalProps>;
 
 type ConsultationSpecialistCardProps = {
     id: string;
@@ -782,7 +783,7 @@ type ConsultationSpecialistCardProps = {
     onSignUp?: (id: string) => void;
     signInBtnLabel: string;
 };
-declare const _default$k: React.NamedExoticComponent<ConsultationSpecialistCardProps>;
+declare const _default$p: React.NamedExoticComponent<ConsultationSpecialistCardProps>;
 
 type UserInfoModalProps = {
     isOpen: boolean;
@@ -847,7 +848,7 @@ type ReScheduleProps = {
         btnLabel: string;
     };
 };
-declare const _default$j: React.NamedExoticComponent<ReScheduleProps>;
+declare const _default$o: React.NamedExoticComponent<ReScheduleProps>;
 
 type ReScheduleSuccessProps = {
     name: string;
@@ -885,7 +886,7 @@ type DaySliderProps = JSX$1.IonSlides & HTMLAttributes<HTMLIonSlidesElement> & R
         tomorrow?: string;
     };
 };
-declare const _default$i: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<DaySliderProps, "ref"> & React.RefAttributes<HTMLIonSlidesElement>>>;
+declare const _default$n: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<DaySliderProps, "ref"> & React.RefAttributes<HTMLIonSlidesElement>>>;
 
 type SpecialistWorkDirectionsPropsType = {
     workDirections?: string[] | [];
@@ -894,7 +895,7 @@ type SpecialistWorkDirectionsPropsType = {
     moreLabel?: string;
     hideLabel?: string;
 };
-declare const _default$h: React.NamedExoticComponent<SpecialistWorkDirectionsPropsType>;
+declare const _default$m: React.NamedExoticComponent<SpecialistWorkDirectionsPropsType>;
 
 type SpecialistProfileViewCardProps = {
     videoLink?: string;
@@ -904,7 +905,7 @@ type SpecialistProfileViewCardProps = {
     isLoading?: boolean;
     videoDurationSeconds?: number;
 };
-declare const _default$g: React.NamedExoticComponent<SpecialistProfileViewCardProps>;
+declare const _default$l: React.NamedExoticComponent<SpecialistProfileViewCardProps>;
 
 type SpecialistAboutProps = {
     text?: string;
@@ -913,7 +914,7 @@ type SpecialistAboutProps = {
     moreLabel?: string;
     hideLabel?: string;
 };
-declare const _default$f: React.NamedExoticComponent<SpecialistAboutProps>;
+declare const _default$k: React.NamedExoticComponent<SpecialistAboutProps>;
 
 type SpecialistEducationCardProps = {
     institutionName?: string;
@@ -924,7 +925,7 @@ type SpecialistEducationCardProps = {
     yearEnd?: number | null;
     showLoader?: boolean;
 };
-declare const _default$e: React.NamedExoticComponent<SpecialistEducationCardProps>;
+declare const _default$j: React.NamedExoticComponent<SpecialistEducationCardProps>;
 
 type SpecialistStatisticsCardProps = {
     trust?: boolean;
@@ -970,7 +971,7 @@ type BookingScheduleTimeProps = {
     onClick?: (index: number, item: string) => void;
     isLoading?: boolean;
 };
-declare const _default$d: React.NamedExoticComponent<BookingScheduleTimeProps>;
+declare const _default$i: React.NamedExoticComponent<BookingScheduleTimeProps>;
 
 type BookingSpecialistInfoProps = {
     name: string;
@@ -979,7 +980,7 @@ type BookingSpecialistInfoProps = {
     avatar?: string;
     isLoading?: boolean;
 };
-declare const _default$c: React.NamedExoticComponent<BookingSpecialistInfoProps>;
+declare const _default$h: React.NamedExoticComponent<BookingSpecialistInfoProps>;
 
 type SpecialistCardProps = {
     fullName?: string;
@@ -1028,7 +1029,7 @@ type SpecialistCardProps = {
 };
 declare const SpecialistCard: React.FC<SpecialistCardProps>;
 
-declare const _default$b: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+declare const _default$g: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     isError?: boolean | undefined;
     errorStyle?: "filled" | "unfilled" | undefined;
     type?: "number" | "text" | "email" | undefined;
@@ -1052,11 +1053,11 @@ declare const PasswordInput: React.ForwardRefExoticComponent<{
     error?: string | null | undefined;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & React.RefAttributes<HTMLInputElement>>;
 
-declare const _default$a: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+declare const _default$f: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     isError?: boolean | undefined;
 } & React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLTextAreaElement>>>;
 
-declare const _default$9: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+declare const _default$e: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     options: {
         id: string | number;
         label: string | number;
@@ -1066,11 +1067,11 @@ declare const _default$9: React.MemoExoticComponent<React.ForwardRefExoticCompon
 } & React.SelectHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>>>;
 
 type PossibleButtonTypes = 'primary' | 'secondary' | 'accent' | 'accent-dark-green' | 'accent-light-grey' | 'transparent' | 'border' | 'border-white' | 'white' | 'outline';
-type ButtonProps = {
+type ButtonProps$1 = {
     buttonType?: PossibleButtonTypes;
     loading?: boolean;
 } & React.ButtonHTMLAttributes<HTMLButtonElement>;
-declare const CustomButton: React.FC<ButtonProps>;
+declare const CustomButton: React.FC<ButtonProps$1>;
 
 declare enum CheckboxTypes {
     WITH_ICON = "with-icon",
@@ -1088,7 +1089,7 @@ type CustomCheckboxProps = {
     isCheckbox?: boolean;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 };
-declare const _default$8: React.MemoExoticComponent<React.ForwardRefExoticComponent<CustomCheckboxProps & React.RefAttributes<HTMLInputElement>>>;
+declare const _default$d: React.MemoExoticComponent<React.ForwardRefExoticComponent<CustomCheckboxProps & React.RefAttributes<HTMLInputElement>>>;
 
 type CheckboxListItem = {
     id: ReactText;
@@ -1116,7 +1117,7 @@ type CheckboxListProps = {
         from: string;
     };
 };
-declare const _default$7: React.NamedExoticComponent<CheckboxListProps>;
+declare const _default$c: React.NamedExoticComponent<CheckboxListProps>;
 
 type BookingHeaderProps = {
     title?: string;
@@ -1130,9 +1131,9 @@ type ProgressBarProps = {
     progress: number;
     loaderTitle?: string;
 };
-declare const _default$6: React.NamedExoticComponent<ProgressBarProps>;
+declare const _default$b: React.NamedExoticComponent<ProgressBarProps>;
 
-declare const _default$5: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+declare const _default$a: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     title: string;
     subTitle?: string | undefined;
     isError?: boolean | undefined;
@@ -1158,12 +1159,12 @@ declare const FlagTypes: {
     en: JSX.Element;
     ru: JSX.Element;
 };
-type FlagProps = {
+type FlagProps$1 = {
     name: keyof typeof FlagTypes;
     dimensions?: number;
     className?: string;
 };
-declare const _default$4: React.NamedExoticComponent<FlagProps>;
+declare const _default$9: React.NamedExoticComponent<FlagProps$1>;
 
 type SpecialistLangsProps = {
     showLoader?: boolean;
@@ -1203,7 +1204,7 @@ type ProfileInformationProps = {
         reviews: string[];
     };
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const _default$3: React.NamedExoticComponent<ProfileInformationProps>;
+declare const _default$8: React.NamedExoticComponent<ProfileInformationProps>;
 
 type SpecialistMatchProps = {
     specialistFirstName?: string;
@@ -1215,7 +1216,7 @@ type SpecialistMatchProps = {
         howWeMatchThis: string;
     };
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const _default$2: React.NamedExoticComponent<SpecialistMatchProps>;
+declare const _default$7: React.NamedExoticComponent<SpecialistMatchProps>;
 
 type SpecialistStatisticProps = {
     learnMoreClick: () => void;
@@ -1235,7 +1236,7 @@ type SpecialistStatisticProps = {
         bookedSession: string;
     };
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const _default$1: React.NamedExoticComponent<SpecialistStatisticProps>;
+declare const _default$6: React.NamedExoticComponent<SpecialistStatisticProps>;
 
 type RatingWithLabelProps = {
     countOfReviews?: number;
@@ -1415,7 +1416,80 @@ type TypographyProps = {
     className?: string;
     children: React.ReactNode;
 };
-declare const _default: React.NamedExoticComponent<TypographyProps>;
+declare const _default$5: React.NamedExoticComponent<TypographyProps>;
+
+type AppFooterProps = {
+    children: React.ReactNode;
+};
+declare const _default$4: React.NamedExoticComponent<AppFooterProps>;
+
+type AvatarRoundVariants = 'circle' | 'drop';
+
+type AvatarProps = {
+    variant?: 'small' | 'medium';
+    round?: AvatarRoundVariants;
+    className?: string;
+    src?: string;
+    alt?: string;
+    showSkeleton?: boolean;
+};
+declare const _default$3: React.NamedExoticComponent<AvatarProps>;
+
+type SkeletonProps = {
+    animated?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const _default$2: React.NamedExoticComponent<SkeletonProps>;
+
+type ButtonProps = {
+    fill?: 'outline' | 'clear';
+    size?: 'default' | 'large' | 'small';
+    color?: undefined;
+    fullWidth?: boolean;
+    className?: string;
+    routerLink?: string;
+    onClick?: (e: React.MouseEvent<HTMLIonButtonElement>) => void;
+    isLoading?: boolean;
+} & JSX$1.IonButton;
+declare const Button_v2: FC<ButtonProps>;
+
+type ContainerProps = {
+    className?: string;
+    scrollEvents?: boolean;
+    onIonScroll?: (e: IonContentCustomEvent<ScrollDetail>) => void | undefined;
+    onIonScrollStart?: (e: IonContentCustomEvent<ScrollBaseDetail>) => void | undefined;
+    children: React.ReactNode;
+    style?: CSSProperties;
+    as?: React.ElementType;
+};
+declare const Container_v2: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLIonContentElement>>;
+
+declare const flagsComponents: {
+    uk: React.LazyExoticComponent<() => JSX.Element>;
+    pl: React.LazyExoticComponent<() => JSX.Element>;
+};
+type AvailableFlags = keyof typeof flagsComponents;
+type FlagProps = {
+    name: AvailableFlags;
+    className?: string;
+};
+declare const _default$1: React.NamedExoticComponent<FlagProps>;
+
+type PictureProps = {
+    width: number;
+    height: number;
+    src: {
+        webp?: string;
+        webp2x?: string;
+        src: string;
+        src2x?: string;
+    };
+    srcType: string;
+    alt?: string;
+    className?: string;
+};
+declare const _default: React.NamedExoticComponent<PictureProps>;
 
 declare enum appThemes {
     client = "client",
@@ -1427,4 +1501,4 @@ type ThemeProviderProps = {
 
 declare const ThemeProvider: FC<ThemeProviderProps>;
 
-export { AppFooter, AppHeader, ArchivedConsultationCard, Avatar, AvatarProps, _default$d as BookingScheduleTime, _default$c as BookingSpecialistInfo, Button, CancelSession, ChangeLangModal, _default$y as ChatListItem, _default$w as ChatListSkeleton, _default$x as ChatMessage, ChatMessageSkeleton, _default$7 as CheckboxList, CheckboxListCategory, CheckboxListItem, CheckboxTypes, ChevronHeader, _default$p as ConsultationCard, ConsultationCardProps, ConsultationCardType, _default$m as ConsultationModal, _default$k as ConsultationSpecialistCard, Container, ContentCard, CustomButton, _default$8 as CustomCheckbox, CustomRadioButton, _default$9 as CustomSelect, _default$a as CustomTextarea, DatePicker, _default$i as DaySlider, DayToRender, _default$e as EducationCard, _default$v as EmptyChatList, EmptyChatMessages, _default$n as EmptyConsultations, EntryNotFound, EntryNotFoundProps, _default$4 as Flag, FlagTypes, FloatingButton, FooterForBooking, FrequentlyAskedQuestions, HorizontalCalendar, HorizontalCalendarProps, ISpecialistReview, ImageInput, ImageWithFallback, ImpressionEmojiEnum, Input, LanguagesList, _default$C as LetterAvatar, _default$5 as LineFileInput, ListButton, ListItemType, ListSelect, ListSelectProps, LouseConnect, _default$z as MediaPlayer, Modal, ModalCalendar, NavigationBar, NoInternetConnection, NotSupportModal, NotesCardText, NotesEditor, PasswordInput, _default$B as PersonDateTimeCard, _default$3 as ProfileInformation, _default$g as ProfileView, _default$6 as ProgressBar, Range, _default$j as ReSchedule, ReScheduleSuccess, Refresher, ReviewCard, ReviewStatistics, ReviewSwiperSection, RoundButton, RowItemType, RowSelect, RowSelectProps, ScrollTabs, SectionHeading, Segment, SegmentColor, SegmentType, _default$A as SelectImpressionEmoji, _default$o as SignUpSessionButton, _default$l as SignUpSessionModal, Skeleton, _default$f as SpecialistAbout, SpecialistCard, _default$t as SpecialistEducationCard, SpecialistLangs, _default$2 as SpecialistMatch, _default$s as SpecialistProfileViewCard, _default$1 as SpecialistStatistic, SpecialistStatisticsCard, SpecialistWorkDirections, Spinner, StarRating, StatisticsScroll, StatusTag, SuccessScreen, SwitchDeviceCard, TabBar, Tag, _default$b as TextInput, _default$u as Textarea, ThemeProvider, ThemeProviderProps, TherapistCard, TherapistInformationComponent, Toast, ToastButton, ToastProps, Toggle, TooltipComponent, _default as Typography, TypographyVariantsEnum, UpdatesCard, UserInfoModal, UsersPsychologistScrollList, _default$q as VideoCallInfo, _default$r as VideoPlayer, _default$h as WorkDirections, YourLocalTimeBlock, appThemes, decOfNum, toast };
+export { AppFooter, _default$4 as AppFooter_v2, AppHeader, ArchivedConsultationCard, AvailableFlags, Avatar, AvatarProps$1 as AvatarProps, _default$3 as Avatar_v2, _default$i as BookingScheduleTime, _default$h as BookingSpecialistInfo, Button, Button_v2, CancelSession, ChangeLangModal, _default$D as ChatListItem, _default$B as ChatListSkeleton, _default$C as ChatMessage, ChatMessageSkeleton, _default$c as CheckboxList, CheckboxListCategory, CheckboxListItem, CheckboxTypes, ChevronHeader, _default$u as ConsultationCard, ConsultationCardProps, ConsultationCardType, _default$r as ConsultationModal, _default$p as ConsultationSpecialistCard, Container, Container_v2, ContentCard, CustomButton, _default$d as CustomCheckbox, CustomRadioButton, _default$e as CustomSelect, _default$f as CustomTextarea, DatePicker, _default$n as DaySlider, DayToRender, _default$j as EducationCard, _default$A as EmptyChatList, EmptyChatMessages, _default$s as EmptyConsultations, EntryNotFound, EntryNotFoundProps, _default$9 as Flag, FlagTypes, _default$1 as Flag_v2, FloatingButton, FooterForBooking, FrequentlyAskedQuestions, HorizontalCalendar, HorizontalCalendarProps, ISpecialistReview, ImageInput, ImageWithFallback, ImpressionEmojiEnum, Input, LanguagesList, _default$H as LetterAvatar, _default$a as LineFileInput, ListButton, ListItemType, ListSelect, ListSelectProps, LouseConnect, _default$E as MediaPlayer, Modal, ModalCalendar, NavigationBar, NoInternetConnection, NotSupportModal, NotesCardText, NotesEditor, PasswordInput, _default$G as PersonDateTimeCard, _default as Picture, _default$8 as ProfileInformation, _default$l as ProfileView, _default$b as ProgressBar, Range, _default$o as ReSchedule, ReScheduleSuccess, Refresher, ReviewCard, ReviewStatistics, ReviewSwiperSection, RoundButton, RowItemType, RowSelect, RowSelectProps, ScrollTabs, SectionHeading, Segment, SegmentColor, SegmentType, _default$F as SelectImpressionEmoji, _default$t as SignUpSessionButton, _default$q as SignUpSessionModal, Skeleton, _default$2 as Skeleton_v2, _default$k as SpecialistAbout, SpecialistCard, _default$y as SpecialistEducationCard, SpecialistLangs, _default$7 as SpecialistMatch, _default$x as SpecialistProfileViewCard, _default$6 as SpecialistStatistic, SpecialistStatisticsCard, SpecialistWorkDirections, Spinner, StarRating, StatisticsScroll, StatusTag, SuccessScreen, SwitchDeviceCard, TabBar, Tag, _default$g as TextInput, _default$z as Textarea, ThemeProvider, ThemeProviderProps, TherapistCard, TherapistInformationComponent, Toast, ToastButton, ToastProps, Toggle, TooltipComponent, _default$5 as Typography, TypographyVariantsEnum, UpdatesCard, UserInfoModal, UsersPsychologistScrollList, _default$v as VideoCallInfo, _default$w as VideoPlayer, _default$m as WorkDirections, YourLocalTimeBlock, appThemes, decOfNum, toast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindly/ui-components",
-  "version": "4.0.0",
+  "version": "4.1.1",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",
@@ -28,12 +28,15 @@
     "react-countdown": "^2.3.2",
     "react-day-picker": "^8.0.5",
     "react-dom": "^17.0.2",
+    "react-intersection-observer": "^9.5.2",
     "react-rating": "^2.0.5",
     "styled-components": "^5.3.1",
     "swiper": "^8.4.7"
   },
   "peerDependencies": {
     "@babel/polyfill": "^7.12.1",
+    "@fontsource/inter": "^5.0.8",
+    "@fontsource/inter-tight": "^5.0.12",
     "@ionic/react": "^6.1.11",
     "@ionic/react-router": "^6.1.11",
     "luxon": "^2.4.0",
@@ -132,6 +135,8 @@
   "description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
   "files": [
     "dist",
+    "src/configs",
+    "src/lib2/shared/css",
     "README.md"
   ],
   "repository": {

package/src/configs/tailwind/colors.ts

@@ -0,0 +1,10 @@
+export default {
+  typography: {
+    typography: {
+      primary: 'rgb(var(--typography-typography-primary) / <alpha-value>)',
+    },
+  },
+  borders: {
+    divider: 'rgb(var(--borders-divider) / 0.1)',
+  },
+};

package/src/configs/tailwind/fonts.ts

@@ -0,0 +1,30 @@
+export const fontSize = {
+  '3.5xl': [
+    '2rem',
+    {
+      lineHeight: '130%',
+    },
+  ],
+  '2.5xl': [
+    '1.75rem',
+    {
+      lineHeight: '130%',
+    },
+  ],
+  sl: [
+    '0.9375rem',
+    {
+      lineHeight: '140%',
+    },
+  ],
+  xm: [
+    '0.8125rem',
+    {
+      lineHeight: '120%',
+    },
+  ],
+};
+export default {
+  sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],
+  title: ['"Inter Tight"', 'ui-sans-serif', 'system-ui', 'sans-serif'],
+};

package/src/configs/tailwind/opacity.ts

@@ -0,0 +1,8 @@
+export default {
+  '65': '.65',
+  '45': '.45',
+  '35': '.35',
+  '15': '.15',
+  '8': '.08',
+  '6': '.06',
+};

package/src/lib2/shared/css/fonts.ts

@@ -0,0 +1,5 @@
+import '@fontsource/inter-tight/600.css';
+import '@fontsource/inter-tight/700.css';
+import '@fontsource/inter/400.css';
+import '@fontsource/inter/500.css';
+import '@fontsource/inter/600.css';