@mindly/ui-components 4.4.0 → 4.5.0

package/dist/esm/lib2/features/CardModal/CardModal.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+type CardModalProps = {
+    isOpen: boolean;
+    presentingElement?: HTMLElement;
+    onDidDismiss?: () => void;
+    backButton?: boolean;
+    renderHeader?: (props: {
+        backButton?: boolean;
+        onClose: () => void;
+    }) => React.ReactNode;
+};
+declare const CardModal: FC<CardModalProps>;
+export default CardModal;

package/dist/esm/lib2/features/CardModal/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CardModal';

package/dist/esm/lib2/features/index.d.ts

@@ -1,2 +1,3 @@
 export * from './CountryOfOriginModal';
 export * from './ChangeLanguageModal';
+export * from './CardModal';

package/dist/esm/lib2/shared/assets/icons/iconClose.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const _default: React.NamedExoticComponent<React.SVGAttributes<SVGElement>>;
+export default _default;

package/dist/esm/lib2/shared/assets/icons/iconLeftArrow.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const _default: React.NamedExoticComponent<React.SVGAttributes<SVGElement>>;
+export default _default;

package/dist/esm/lib2/shared/assets/icons/index.d.ts

@@ -3,3 +3,5 @@ export * from './iconCheckboxUnchecked';
 export * from './iconLanguage';
 export * from './iconStar';
 export * from './iconStarFilled';
+export * from './iconClose';
+export * from './iconLeftArrow';

package/dist/esm/lib2/shared/hooks/index.d.ts

@@ -1 +1,2 @@
 export * from './use-dom-ref';
+export * from './use-event';

package/dist/esm/lib2/shared/hooks/use-event.d.ts

@@ -0,0 +1,9 @@
+type AnyFunction = (...args: any[]) => any;
+/**
+ * Similar to useCallback, with a few subtle differences:
+ * - The returned function is a stable reference, and will always be the same between renders
+ * - No dependency lists required
+ * - Properties or state accessed within the callback will always be "current"
+ */
+export declare function useEvent<TCallback extends AnyFunction>(callback: TCallback): TCallback;
+export default useEvent;

package/dist/esm/lib2/shared/ui/IconButton/IconButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type IconButtonProps = {
+    icon: JSX.Element;
+    className?: string;
+    onClick?: () => void;
+};
+declare const _default: React.NamedExoticComponent<IconButtonProps>;
+export default _default;

package/dist/esm/lib2/shared/ui/IconButton/index.d.ts

@@ -0,0 +1 @@
+export { default as IconButton } from './IconButton';

package/dist/esm/lib2/shared/ui/index.d.ts

@@ -12,3 +12,4 @@ export * from './ListBoxItem';
 export * from './ListBox';
 export * from './Textarea_v2';
 export * from './Rating';
+export * from './IconButton';

package/dist/index.d.ts

@@ -219,7 +219,7 @@ type LetterAvatarProps = {
     fontSize?: number;
     onClick?: () => void;
 };
-declare const _default$K: React__default.NamedExoticComponent<LetterAvatarProps>;
+declare const _default$L: React__default.NamedExoticComponent<LetterAvatarProps>;
 
 type ImageWithFallbackProps = JSX.IntrinsicElements['img'] & {
     onErrorContent: React__default.ReactElement;
@@ -231,7 +231,7 @@ type PersonDateTimeCardProps = {
     name: string;
     dateTime: Date;
 };
-declare const _default$J: React__default.NamedExoticComponent<PersonDateTimeCardProps>;
+declare const _default$K: React__default.NamedExoticComponent<PersonDateTimeCardProps>;
 
 type PsychologistProfileType = {
     id: string;
@@ -397,7 +397,7 @@ type SelectImpressionEmojiProps = {
     onChange?: (val: ImpressionEmojiEnum) => void;
 };
 
-declare const _default$I: React__default.NamedExoticComponent<SelectImpressionEmojiProps>;
+declare const _default$J: React__default.NamedExoticComponent<SelectImpressionEmojiProps>;
 
 interface FooterForBookingProps {
     eventHandler: (props?: React__default.SyntheticEvent) => void;
@@ -429,7 +429,7 @@ type MediaPlayerProps<TCameraTrack extends Playable | undefined, TAudioTrack ext
     showControls: boolean;
     isScreenSharing?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
-declare const _default$H: <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$I: <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;
@@ -455,7 +455,7 @@ type ChatListItemProps = {
     lastMessageType?: 'text' | 'file' | 'image' | 'video' | 'system';
     locale?: string;
 };
-declare const _default$G: React__default.NamedExoticComponent<ChatListItemProps>;
+declare const _default$H: React__default.NamedExoticComponent<ChatListItemProps>;
 
 type ChatMessageProps = {
     message: string | File;
@@ -473,11 +473,11 @@ type ChatMessageProps = {
     };
     locale?: string;
 };
-declare const _default$F: React__default.NamedExoticComponent<ChatMessageProps>;
+declare const _default$G: React__default.NamedExoticComponent<ChatMessageProps>;
 
 declare const ChatMessageSkeleton: () => JSX.Element;
 
-declare const _default$E: React__default.MemoExoticComponent<() => JSX.Element>;
+declare const _default$F: React__default.MemoExoticComponent<() => JSX.Element>;
 
 type EmptyChatList = {
     title?: string;
@@ -487,7 +487,7 @@ type EmptyChatList = {
     onClick?: () => void;
 };
 declare const EmptyChatList: FC<EmptyChatList>;
-declare const _default$D: React__default.NamedExoticComponent<EmptyChatList>;
+declare const _default$E: React__default.NamedExoticComponent<EmptyChatList>;
 
 type EmptyChatMessagesProps = {
     title?: string;
@@ -511,7 +511,7 @@ type TextareaProps = {
     onError?: (message: string) => void;
     onFileSelect?: (file: File | null, type: 'file' | 'image' | 'video', fileInfo: FileInfoType) => void;
 };
-declare const _default$C: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLIonFooterElement>>>;
+declare const _default$D: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLIonFooterElement>>>;
 
 type LouseConnectProps = {
     onClick?: () => void;
@@ -590,7 +590,7 @@ type SpecialistEducationCardProps$1 = {
     yearEnd?: number | null;
     showLoader?: boolean;
 };
-declare const _default$B: React__default.NamedExoticComponent<SpecialistEducationCardProps$1>;
+declare const _default$C: React__default.NamedExoticComponent<SpecialistEducationCardProps$1>;
 
 type SpecialistProfileViewCardProps$1 = {
     avatarLink?: string | null;
@@ -603,7 +603,7 @@ type SpecialistProfileViewCardProps$1 = {
     videoLinkUrl?: string | null;
     showLoader?: boolean;
 } & React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-declare const _default$A: React__default.NamedExoticComponent<SpecialistProfileViewCardProps$1>;
+declare const _default$B: React__default.NamedExoticComponent<SpecialistProfileViewCardProps$1>;
 
 type SpecialistStatisticsCardProps$1 = {
     activeClients?: number;
@@ -639,7 +639,7 @@ type VideoPlayerProps = {
     closeModalHandler?: () => void;
     onErrorContent: React__default.ReactElement;
 } & JSX$1.IonModal;
-declare const _default$z: React__default.NamedExoticComponent<VideoPlayerProps>;
+declare const _default$A: React__default.NamedExoticComponent<VideoPlayerProps>;
 
 type NotSupportModalProps = {
     closeModal?: () => void;
@@ -675,7 +675,7 @@ type VideoCallInfoProps = {
         abbreviatedSeconds: string;
     };
 };
-declare const _default$y: React__default.NamedExoticComponent<VideoCallInfoProps>;
+declare const _default$z: React__default.NamedExoticComponent<VideoCallInfoProps>;
 
 declare enum ConsultationCardType {
     FEATURE = "feature",
@@ -710,14 +710,14 @@ type ConsultationCardProps = {
     };
 };
 
-declare const _default$x: React__default.NamedExoticComponent<ConsultationCardProps>;
+declare const _default$y: React__default.NamedExoticComponent<ConsultationCardProps>;
 
 type SignUpSessionButtonProps = {
     label: string;
     isLoading?: boolean;
     onClick?: () => void;
 };
-declare const _default$w: React__default.NamedExoticComponent<SignUpSessionButtonProps>;
+declare const _default$x: React__default.NamedExoticComponent<SignUpSessionButtonProps>;
 
 type EmptyConsultationsProps = {
     title: string;
@@ -725,7 +725,7 @@ type EmptyConsultationsProps = {
     buttonLabel?: string;
     onClick?: () => void;
 };
-declare const _default$v: React__default.NamedExoticComponent<EmptyConsultationsProps>;
+declare const _default$w: React__default.NamedExoticComponent<EmptyConsultationsProps>;
 
 type ConsultationModalProps = {
     isOpen: boolean;
@@ -760,7 +760,7 @@ type ConsultationModalProps = {
         started?: string;
     };
 };
-declare const _default$u: React__default.NamedExoticComponent<ConsultationModalProps>;
+declare const _default$v: React__default.NamedExoticComponent<ConsultationModalProps>;
 
 type SpecialistData = {
     id: string;
@@ -777,7 +777,7 @@ type SignUpSessionModalProps = {
     title: string;
     cancelBtnLabel: string;
 };
-declare const _default$t: React__default.NamedExoticComponent<SignUpSessionModalProps>;
+declare const _default$u: React__default.NamedExoticComponent<SignUpSessionModalProps>;
 
 type ConsultationSpecialistCardProps = {
     id: string;
@@ -788,7 +788,7 @@ type ConsultationSpecialistCardProps = {
     onSignUp?: (id: string) => void;
     signInBtnLabel: string;
 };
-declare const _default$s: React__default.NamedExoticComponent<ConsultationSpecialistCardProps>;
+declare const _default$t: React__default.NamedExoticComponent<ConsultationSpecialistCardProps>;
 
 type UserInfoModalProps = {
     isOpen: boolean;
@@ -853,7 +853,7 @@ type ReScheduleProps = {
         btnLabel: string;
     };
 };
-declare const _default$r: React__default.NamedExoticComponent<ReScheduleProps>;
+declare const _default$s: React__default.NamedExoticComponent<ReScheduleProps>;
 
 type ReScheduleSuccessProps = {
     name: string;
@@ -891,7 +891,7 @@ type DaySliderProps = JSX$1.IonSlides & HTMLAttributes<HTMLIonSlidesElement> & R
         tomorrow?: string;
     };
 };
-declare const _default$q: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Omit<DaySliderProps, "ref"> & React__default.RefAttributes<HTMLIonSlidesElement>>>;
+declare const _default$r: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Omit<DaySliderProps, "ref"> & React__default.RefAttributes<HTMLIonSlidesElement>>>;
 
 type SpecialistWorkDirectionsPropsType = {
     workDirections?: string[] | [];
@@ -900,7 +900,7 @@ type SpecialistWorkDirectionsPropsType = {
     moreLabel?: string;
     hideLabel?: string;
 };
-declare const _default$p: React__default.NamedExoticComponent<SpecialistWorkDirectionsPropsType>;
+declare const _default$q: React__default.NamedExoticComponent<SpecialistWorkDirectionsPropsType>;
 
 type SpecialistProfileViewCardProps = {
     videoLink?: string;
@@ -910,7 +910,7 @@ type SpecialistProfileViewCardProps = {
     isLoading?: boolean;
     videoDurationSeconds?: number;
 };
-declare const _default$o: React__default.NamedExoticComponent<SpecialistProfileViewCardProps>;
+declare const _default$p: React__default.NamedExoticComponent<SpecialistProfileViewCardProps>;
 
 type SpecialistAboutProps = {
     text?: string;
@@ -919,7 +919,7 @@ type SpecialistAboutProps = {
     moreLabel?: string;
     hideLabel?: string;
 };
-declare const _default$n: React__default.NamedExoticComponent<SpecialistAboutProps>;
+declare const _default$o: React__default.NamedExoticComponent<SpecialistAboutProps>;
 
 type SpecialistEducationCardProps = {
     institutionName?: string;
@@ -930,7 +930,7 @@ type SpecialistEducationCardProps = {
     yearEnd?: number | null;
     showLoader?: boolean;
 };
-declare const _default$m: React__default.NamedExoticComponent<SpecialistEducationCardProps>;
+declare const _default$n: React__default.NamedExoticComponent<SpecialistEducationCardProps>;
 
 type SpecialistStatisticsCardProps = {
     trust?: boolean;
@@ -976,7 +976,7 @@ type BookingScheduleTimeProps = {
     onClick?: (index: number, item: string) => void;
     isLoading?: boolean;
 };
-declare const _default$l: React__default.NamedExoticComponent<BookingScheduleTimeProps>;
+declare const _default$m: React__default.NamedExoticComponent<BookingScheduleTimeProps>;
 
 type BookingSpecialistInfoProps = {
     name: string;
@@ -985,7 +985,7 @@ type BookingSpecialistInfoProps = {
     avatar?: string;
     isLoading?: boolean;
 };
-declare const _default$k: React__default.NamedExoticComponent<BookingSpecialistInfoProps>;
+declare const _default$l: React__default.NamedExoticComponent<BookingSpecialistInfoProps>;
 
 type SpecialistCardProps = {
     fullName?: string;
@@ -1034,7 +1034,7 @@ type SpecialistCardProps = {
 };
 declare const SpecialistCard: React__default.FC<SpecialistCardProps>;
 
-declare const _default$j: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
+declare const _default$k: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
     isError?: boolean | undefined;
     errorStyle?: "filled" | "unfilled" | undefined;
     type?: "number" | "text" | "email" | undefined;
@@ -1058,11 +1058,11 @@ declare const PasswordInput: React__default.ForwardRefExoticComponent<{
     error?: string | null | undefined;
 } & Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type"> & React__default.RefAttributes<HTMLInputElement>>;
 
-declare const _default$i: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
+declare const _default$j: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
     isError?: boolean | undefined;
 } & React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & React__default.RefAttributes<HTMLTextAreaElement>>>;
 
-declare const _default$h: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
+declare const _default$i: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
     options: {
         id: string | number;
         label: string | number;
@@ -1094,7 +1094,7 @@ type CustomCheckboxProps = {
     isCheckbox?: boolean;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 };
-declare const _default$g: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<CustomCheckboxProps & React__default.RefAttributes<HTMLInputElement>>>;
+declare const _default$h: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<CustomCheckboxProps & React__default.RefAttributes<HTMLInputElement>>>;
 
 type CheckboxListItem = {
     id: ReactText;
@@ -1122,7 +1122,7 @@ type CheckboxListProps = {
         from: string;
     };
 };
-declare const _default$f: React__default.NamedExoticComponent<CheckboxListProps>;
+declare const _default$g: React__default.NamedExoticComponent<CheckboxListProps>;
 
 type BookingHeaderProps = {
     title?: string;
@@ -1136,9 +1136,9 @@ type ProgressBarProps = {
     progress: number;
     loaderTitle?: string;
 };
-declare const _default$e: React__default.NamedExoticComponent<ProgressBarProps>;
+declare const _default$f: React__default.NamedExoticComponent<ProgressBarProps>;
 
-declare const _default$d: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
+declare const _default$e: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
     title: string;
     subTitle?: string | undefined;
     isError?: boolean | undefined;
@@ -1169,7 +1169,7 @@ type FlagProps$1 = {
     dimensions?: number;
     className?: string;
 };
-declare const _default$c: React__default.NamedExoticComponent<FlagProps$1>;
+declare const _default$d: React__default.NamedExoticComponent<FlagProps$1>;
 
 type SpecialistLangsProps = {
     showLoader?: boolean;
@@ -1209,7 +1209,7 @@ type ProfileInformationProps = {
         reviews: string[];
     };
 } & React__default.HTMLAttributes<HTMLDivElement>;
-declare const _default$b: React__default.NamedExoticComponent<ProfileInformationProps>;
+declare const _default$c: React__default.NamedExoticComponent<ProfileInformationProps>;
 
 type SpecialistMatchProps = {
     specialistFirstName?: string;
@@ -1221,7 +1221,7 @@ type SpecialistMatchProps = {
         howWeMatchThis: string;
     };
 } & React__default.HTMLAttributes<HTMLDivElement>;
-declare const _default$a: React__default.NamedExoticComponent<SpecialistMatchProps>;
+declare const _default$b: React__default.NamedExoticComponent<SpecialistMatchProps>;
 
 type SpecialistStatisticProps = {
     learnMoreClick: () => void;
@@ -1241,7 +1241,7 @@ type SpecialistStatisticProps = {
         bookedSession: string;
     };
 } & React__default.HTMLAttributes<HTMLDivElement>;
-declare const _default$9: React__default.NamedExoticComponent<SpecialistStatisticProps>;
+declare const _default$a: React__default.NamedExoticComponent<SpecialistStatisticProps>;
 
 type RatingWithLabelProps = {
     countOfReviews?: number;
@@ -1421,12 +1421,12 @@ type TypographyProps = {
     className?: string;
     children: React__default.ReactNode;
 };
-declare const _default$8: React__default.NamedExoticComponent<TypographyProps>;
+declare const _default$9: React__default.NamedExoticComponent<TypographyProps>;
 
 type AppFooterProps = {
     children: React__default.ReactNode;
 };
-declare const _default$7: React__default.NamedExoticComponent<AppFooterProps>;
+declare const _default$8: React__default.NamedExoticComponent<AppFooterProps>;
 
 type AvatarRoundVariants = 'circle' | 'drop';
 
@@ -1438,14 +1438,14 @@ type AvatarProps = {
     alt?: string;
     showSkeleton?: boolean;
 };
-declare const _default$6: React__default.NamedExoticComponent<AvatarProps>;
+declare const _default$7: React__default.NamedExoticComponent<AvatarProps>;
 
 type SkeletonProps = {
     animated?: boolean;
     className?: string;
     style?: React__default.CSSProperties;
 };
-declare const _default$5: React__default.NamedExoticComponent<SkeletonProps>;
+declare const _default$6: React__default.NamedExoticComponent<SkeletonProps>;
 
 type ButtonProps = {
     fill?: 'outline' | 'clear';
@@ -1474,7 +1474,7 @@ type FlagProps = {
     name: string;
     className?: string;
 };
-declare const _default$4: React__default.NamedExoticComponent<FlagProps>;
+declare const _default$5: React__default.NamedExoticComponent<FlagProps>;
 
 type PictureProps = {
     width: number;
@@ -1489,7 +1489,7 @@ type PictureProps = {
     alt?: string;
     className?: string;
 };
-declare const _default$3: React__default.NamedExoticComponent<PictureProps>;
+declare const _default$4: React__default.NamedExoticComponent<PictureProps>;
 
 type BadgeType = 'default' | 'accent';
 type BadgeVariants = 'attention' | 'neutral' | 'success' | 'warning' | 'brand' | 'info';
@@ -1499,7 +1499,7 @@ type BadgeProps = React.ComponentPropsWithoutRef<'span'> & {
     type?: BadgeType;
 };
 
-declare const _default$2: React.NamedExoticComponent<BadgeProps>;
+declare const _default$3: React.NamedExoticComponent<BadgeProps>;
 
 type AppHeaderProps = {
     fullwidth?: boolean;
@@ -1535,7 +1535,7 @@ interface TextareaV2Props extends Omit<JSX$1.IonTextarea, 'color' | 'enterkeyhin
     className?: string;
 }
 
-declare const _default$1: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<TextareaV2Props & React__default.RefAttributes<HTMLIonTextareaElement>>>;
+declare const _default$2: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<TextareaV2Props & React__default.RefAttributes<HTMLIonTextareaElement>>>;
 
 type RatingProps = {
     initialRating?: number;
@@ -1544,7 +1544,14 @@ type RatingProps = {
     onHover?: (value: number) => void;
 };
 
-declare const _default: React__default.NamedExoticComponent<RatingProps>;
+declare const _default$1: React__default.NamedExoticComponent<RatingProps>;
+
+type IconButtonProps = {
+    icon: JSX.Element;
+    className?: string;
+    onClick?: () => void;
+};
+declare const _default: React__default.NamedExoticComponent<IconButtonProps>;
 
 declare enum appThemes {
     client = "client",
@@ -1558,6 +1565,15 @@ declare const ThemeProvider: FC<ThemeProviderProps>;
 
 declare function useDomRef<T extends HTMLElement = HTMLElement>(ref: React.RefObject<T | null> | React.ForwardedRef<T | null>): React.RefObject<T>;
 
+type AnyFunction = (...args: any[]) => any;
+/**
+ * Similar to useCallback, with a few subtle differences:
+ * - The returned function is a stable reference, and will always be the same between renders
+ * - No dependency lists required
+ * - Properties or state accessed within the callback will always be "current"
+ */
+declare function useEvent<TCallback extends AnyFunction>(callback: TCallback): TCallback;
+
 interface IconProps$2 extends React.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
@@ -1601,4 +1617,4 @@ type ChangeLanguageModalProps = JSX$1.IonModal & {
 
 declare function ChangeLanguageModal({ title, onModalClose, onSelect, selected, languages, ...props }: ChangeLanguageModalProps): JSX.Element;
 
-export { AppFooter, _default$7 as AppFooter_v2, AppHeader, AppHeader_v2, ArchivedConsultationCard, Avatar, AvatarProps$1 as AvatarProps, _default$6 as Avatar_v2, _default$2 as Badge, _default$l as BookingScheduleTime, _default$k as BookingSpecialistInfo, Button, Button_v2, CancelSession, ChangeLangModal, ChangeLanguageModal, _default$G as ChatListItem, _default$E as ChatListSkeleton, _default$F as ChatMessage, ChatMessageSkeleton, _default$f as CheckboxList, CheckboxListCategory, CheckboxListItem, CheckboxTypes, ChevronHeader, _default$x as ConsultationCard, ConsultationCardProps, ConsultationCardType, _default$u as ConsultationModal, _default$s as ConsultationSpecialistCard, Container, Container_v2, ContentCard, CountryOfOriginModal, CustomButton, _default$g as CustomCheckbox, CustomRadioButton, _default$h as CustomSelect, _default$i as CustomTextarea, DatePicker, _default$q as DaySlider, DayToRender, _default$m as EducationCard, _default$D as EmptyChatList, EmptyChatMessages, _default$v as EmptyConsultations, EntryNotFound, EntryNotFoundProps, _default$c as Flag, FlagTypes, _default$4 as Flag_v2, FloatingButton, FooterForBooking, FrequentlyAskedQuestions, HorizontalCalendar, HorizontalCalendarProps, ISpecialistReview, IconCheckboxChecked, IconCheckboxUnchecked, IconLanguage, ImageInput, ImageWithFallback, ImpressionEmojiEnum, Input, LanguagesList, _default$K as LetterAvatar, _default$d as LineFileInput, ListBox, ListBoxItem, ListButton, ListItemType, ListOption, ListSelect, ListSelectProps, LouseConnect, _default$H as MediaPlayer, Modal, ModalCalendar, NavigationBar, NoInternetConnection, NotSupportModal, NotesCardText, NotesEditor, PasswordInput, _default$J as PersonDateTimeCard, _default$3 as Picture, _default$b as ProfileInformation, _default$o as ProfileView, _default$e as ProgressBar, Range, _default as Rating, _default$r as ReSchedule, ReScheduleSuccess, Refresher, ReviewCard, ReviewStatistics, ReviewSwiperSection, RoundButton, RowItemType, RowSelect, RowSelectProps, ScrollTabs, SectionHeading, Segment, SegmentColor, SegmentType, _default$I as SelectImpressionEmoji, _default$w as SignUpSessionButton, _default$t as SignUpSessionModal, Skeleton, _default$5 as Skeleton_v2, _default$n as SpecialistAbout, SpecialistCard, _default$B as SpecialistEducationCard, SpecialistLangs, _default$a as SpecialistMatch, _default$A as SpecialistProfileViewCard, _default$9 as SpecialistStatistic, SpecialistStatisticsCard, SpecialistWorkDirections, Spinner, StarRating, StatisticsScroll, StatusTag, SuccessScreen, SwitchDeviceCard, TabBar, Tag, _default$j as TextInput, _default$C as Textarea, _default$1 as Textarea_v2, ThemeProvider, ThemeProviderProps, TherapistCard, TherapistInformationComponent, Toast, ToastButton, ToastProps, Toggle, TooltipComponent, _default$8 as Typography, TypographyVariantsEnum, UpdatesCard, UserInfoModal, UsersPsychologistScrollList, _default$y as VideoCallInfo, _default$z as VideoPlayer, _default$p as WorkDirections, YourLocalTimeBlock, appThemes, decOfNum, toast, useDomRef };
+export { AppFooter, _default$8 as AppFooter_v2, AppHeader, AppHeader_v2, ArchivedConsultationCard, Avatar, AvatarProps$1 as AvatarProps, _default$7 as Avatar_v2, _default$3 as Badge, _default$m as BookingScheduleTime, _default$l as BookingSpecialistInfo, Button, Button_v2, CancelSession, ChangeLangModal, ChangeLanguageModal, _default$H as ChatListItem, _default$F as ChatListSkeleton, _default$G as ChatMessage, ChatMessageSkeleton, _default$g as CheckboxList, CheckboxListCategory, CheckboxListItem, CheckboxTypes, ChevronHeader, _default$y as ConsultationCard, ConsultationCardProps, ConsultationCardType, _default$v as ConsultationModal, _default$t as ConsultationSpecialistCard, Container, Container_v2, ContentCard, CountryOfOriginModal, CustomButton, _default$h as CustomCheckbox, CustomRadioButton, _default$i as CustomSelect, _default$j as CustomTextarea, DatePicker, _default$r as DaySlider, DayToRender, _default$n as EducationCard, _default$E as EmptyChatList, EmptyChatMessages, _default$w as EmptyConsultations, EntryNotFound, EntryNotFoundProps, _default$d as Flag, FlagTypes, _default$5 as Flag_v2, FloatingButton, FooterForBooking, FrequentlyAskedQuestions, HorizontalCalendar, HorizontalCalendarProps, ISpecialistReview, _default as IconButton, IconCheckboxChecked, IconCheckboxUnchecked, IconLanguage, ImageInput, ImageWithFallback, ImpressionEmojiEnum, Input, LanguagesList, _default$L as LetterAvatar, _default$e as LineFileInput, ListBox, ListBoxItem, ListButton, ListItemType, ListOption, ListSelect, ListSelectProps, LouseConnect, _default$I as MediaPlayer, Modal, ModalCalendar, NavigationBar, NoInternetConnection, NotSupportModal, NotesCardText, NotesEditor, PasswordInput, _default$K as PersonDateTimeCard, _default$4 as Picture, _default$c as ProfileInformation, _default$p as ProfileView, _default$f as ProgressBar, Range, _default$1 as Rating, _default$s as ReSchedule, ReScheduleSuccess, Refresher, ReviewCard, ReviewStatistics, ReviewSwiperSection, RoundButton, RowItemType, RowSelect, RowSelectProps, ScrollTabs, SectionHeading, Segment, SegmentColor, SegmentType, _default$J as SelectImpressionEmoji, _default$x as SignUpSessionButton, _default$u as SignUpSessionModal, Skeleton, _default$6 as Skeleton_v2, _default$o as SpecialistAbout, SpecialistCard, _default$C as SpecialistEducationCard, SpecialistLangs, _default$b as SpecialistMatch, _default$B as SpecialistProfileViewCard, _default$a as SpecialistStatistic, SpecialistStatisticsCard, SpecialistWorkDirections, Spinner, StarRating, StatisticsScroll, StatusTag, SuccessScreen, SwitchDeviceCard, TabBar, Tag, _default$k as TextInput, _default$D as Textarea, _default$2 as Textarea_v2, ThemeProvider, ThemeProviderProps, TherapistCard, TherapistInformationComponent, Toast, ToastButton, ToastProps, Toggle, TooltipComponent, _default$9 as Typography, TypographyVariantsEnum, UpdatesCard, UserInfoModal, UsersPsychologistScrollList, _default$z as VideoCallInfo, _default$A as VideoPlayer, _default$q as WorkDirections, YourLocalTimeBlock, appThemes, decOfNum, toast, useDomRef, useEvent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindly/ui-components",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",

package/src/configs/tailwind/colors.ts

@@ -8,6 +8,9 @@ export default {
             'rgba(var(--color-background-anti-flash-white) / <alpha-value>)',
         },
       },
+      gray: {
+        black: 'rgba(var(--color-gray-black) / <alpha-value>)',
+      },
     },
   },
   typography: {
@@ -49,4 +52,7 @@ export default {
       selected: 'rgb(var(--controls-element-selected) / <alpha-value>)',
     },
   },
+  buttons: {
+    'btn-primary': 'rgb(var(--buttons-btn-primary) / <alpha-value>)',
+  },
 };

package/src/lib2/shared/css/tailwind.css

@@ -9,6 +9,8 @@
         --color-background-white: 255 255 255;
         --color-background-anti-flash-white: 245 247 250;
 
+        --color-gray-black: 33 33 33;
+
         /* badge variables start */
         /*  badges attentions */
         --badges-attention-main: 255 153 0;
@@ -36,6 +38,8 @@
 
         --controls-element-unselected: 33 33 33;
         --controls-element-selected: 33 33 33;
+
+        --buttons-btn-primary: 33 33 33;
     }
 
     :root[data-app-theme="specialist"] {