@mindly/ui-components 5.87.1 → 5.88.0

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

@@ -3,3 +3,4 @@ export * from './use-event';
 export * from './useAutoFocus';
 export * from './useToastContext';
 export * from './useCircleRating';
+export * from './useElementWidth';

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function useElementWidth<T extends HTMLElement>(): [
+    number | undefined,
+    React.RefObject<T>
+];

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

@@ -11,6 +11,8 @@ type PictureProps = {
     srcType: string;
     alt?: string;
     className?: string;
+    responsive?: boolean;
+    containerWidth?: number;
 };
 declare const _default: React.NamedExoticComponent<PictureProps>;
 export default _default;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import * as React from 'react';
+/// <reference types="react" />
+import * as React$1 from 'react';
 import React__default, { ReactNode, CSSProperties, HTMLAttributes, RefAttributes, FC, ReactText, ReactElement, ChangeEvent, SVGAttributes, KeyboardEvent, InputHTMLAttributes, SVGProps, PropsWithChildren } from 'react';
 import { JSX as JSX$1 } from '@ionic/core/components';
 import * as react_i18next from 'react-i18next';
@@ -1539,26 +1540,28 @@ type PictureProps = {
     srcType: string;
     alt?: string;
     className?: string;
+    responsive?: boolean;
+    containerWidth?: number;
 };
 declare const _default$y: React__default.NamedExoticComponent<PictureProps>;
 
 type BadgeType = 'default' | 'accent';
 type BadgeVariants = 'attention' | 'neutral' | 'success' | 'warning' | 'brand' | 'info';
-type BadgeProps = React.ComponentPropsWithoutRef<'span'> & {
+type BadgeProps = React$1.ComponentPropsWithoutRef<'span'> & {
     variant: BadgeVariants;
     size?: 'S' | 'M';
     type?: BadgeType;
 };
 
-declare const _default$x: React.NamedExoticComponent<BadgeProps>;
+declare const _default$x: React$1.NamedExoticComponent<BadgeProps>;
 
 type ItemCardVariants = 'neutral' | 'transparent' | 'transparent20';
-type ItemCardProps = React.ComponentPropsWithoutRef<'div'> & {
+type ItemCardProps = React$1.ComponentPropsWithoutRef<'div'> & {
     variant: ItemCardVariants;
     size?: 'M' | 'M4' | 'M45';
 };
 
-declare const _default$w: React.NamedExoticComponent<ItemCardProps>;
+declare const _default$w: React$1.NamedExoticComponent<ItemCardProps>;
 
 type AppHeaderProps = {
     fullwidth?: boolean;
@@ -1917,7 +1920,7 @@ declare function ListBox<T extends Record<string, unknown>>({ selectedIconProps,
 type ListOptionsProps = {
     item: Node<unknown>;
     state: ListState<unknown>;
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     divider?: boolean;
     value?: string;
     selectedIconProps?: IconProps$B;
@@ -1926,26 +1929,26 @@ type ListOptionsProps = {
     enableSelection?: boolean;
 };
 type ListBoxItemProps = {
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     type?: `${ListBoxSelectionType}`;
     selectedIconProps?: IconProps$B;
     divider?: boolean;
     value?: string;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     className?: string;
     customContent?: boolean;
     onClick?: HTMLIonItemElement['onclick'];
 };
 
-declare const ListOption: React.ForwardRefExoticComponent<ListOptionsProps & React.RefAttributes<HTMLIonItemElement>>;
+declare const ListOption: React$1.ForwardRefExoticComponent<ListOptionsProps & React$1.RefAttributes<HTMLIonItemElement>>;
 declare const ListBoxItem: (props: ItemProps$1<unknown> & ListBoxItemProps) => JSX.Element;
 
 type BaseTypeProps = {
-    onDatePress?: (date: string, evt: React.MouseEvent<HTMLButtonElement>) => void;
+    onDatePress?: (date: string, evt: React$1.MouseEvent<HTMLButtonElement>) => void;
     locale: string;
     timeZone?: string;
     selectionMode?: SelectionMode;
-    renderCustomDateContent?: (date: string, formattedDate: string, isSelected: boolean, isToday: boolean) => React.ReactNode;
+    renderCustomDateContent?: (date: string, formattedDate: string, isSelected: boolean, isToday: boolean) => React$1.ReactNode;
 };
 type CalendarProps = Omit<AriaCalendarProps<DateValue>, 'minValue' | 'defaultValue' | 'maxValue'> & BaseTypeProps & {
     minValue?: string;
@@ -2018,7 +2021,7 @@ interface ToastRegionProps<T> extends AriaToastRegionProps {
     state: ToastState<T>;
 }
 
-declare function ToastRegion<T extends React.ReactNode>({ state, ...props }: ToastRegionProps<T>): JSX.Element;
+declare function ToastRegion<T extends React$1.ReactNode>({ state, ...props }: ToastRegionProps<T>): JSX.Element;
 
 interface ScreenInputProps extends InputHTMLAttributes<HTMLInputElement> {
     variant?: 'default' | 'large';
@@ -2037,12 +2040,12 @@ type SpinnerProps = {
 };
 declare const Spinner_v2: FC<SpinnerProps>;
 
-declare const ModalSheet: React.ForwardRefExoticComponent<_ionic_core_dist_types_components.JSX.IonModal & {
-    children?: React.ReactNode;
+declare const ModalSheet: React$1.ForwardRefExoticComponent<_ionic_core_dist_types_components.JSX.IonModal & {
+    children?: React$1.ReactNode;
 } & {
     heightInPx?: number | undefined;
     className?: string | undefined;
-} & React.RefAttributes<HTMLIonModalElement>>;
+} & React$1.RefAttributes<HTMLIonModalElement>>;
 
 type ProgressBar_v2Props = {
     variant?: 'default' | 'danger' | 'success' | 'dark' | 'light';
@@ -2059,14 +2062,14 @@ type LoadingProps = {
 };
 declare const _default$r: React__default.NamedExoticComponent<LoadingProps>;
 
-type ListItemsProps = React.HTMLAttributes<HTMLIonListElement> & {
+type ListItemsProps = React$1.HTMLAttributes<HTMLIonListElement> & {
     withBorders?: boolean;
 };
-declare const _default$q: React.NamedExoticComponent<ListItemsProps>;
+declare const _default$q: React$1.NamedExoticComponent<ListItemsProps>;
 
-type ItemProps = React.HTMLAttributes<HTMLIonItemElement> & {
-    leftContent?: React.ReactNode;
-    rightContent?: React.ReactNode;
+type ItemProps = React$1.HTMLAttributes<HTMLIonItemElement> & {
+    leftContent?: React$1.ReactNode;
+    rightContent?: React$1.ReactNode;
     innerItemClassName?: string;
     withBorders?: boolean;
     isDisabled?: boolean;
@@ -2074,7 +2077,7 @@ type ItemProps = React.HTMLAttributes<HTMLIonItemElement> & {
     isError?: boolean;
     status?: 'error' | 'attention';
 };
-declare const _default$p: React.NamedExoticComponent<ItemProps>;
+declare const _default$p: React$1.NamedExoticComponent<ItemProps>;
 
 type VideoProps = {
     src: string;
@@ -2114,7 +2117,7 @@ type FieldSearchType = {
     t?: WithTranslation['t'];
 };
 
-declare const InputSearch: React.FC<FieldSearchType>;
+declare const InputSearch: React$1.FC<FieldSearchType>;
 
 type LabelArrowRedirectProps = {
     transparent?: boolean;
@@ -2191,8 +2194,8 @@ type ThemeProviderProps = {
 
 declare const ThemeProvider: FC<ThemeProviderProps>;
 
-declare const ToastContext: React.Context<ToastState<MindlyToastProps> | undefined>;
-declare function ToastProvider({ children, ...props }: React.PropsWithChildren<ToastProviderProps>): JSX.Element;
+declare const ToastContext: React$1.Context<ToastState<MindlyToastProps> | undefined>;
+declare function ToastProvider({ children, ...props }: React$1.PropsWithChildren<ToastProviderProps>): JSX.Element;
 
 declare const CircleRatingContext: React__default.Context<CircleRatingContextData>;
 declare const CircleRatingProvider: ({ children, data, t, }: {
@@ -2201,7 +2204,7 @@ declare const CircleRatingProvider: ({ children, data, t, }: {
     t: TFunction<react_i18next.FallbackNs<Ns>, KPrefix>;
 }) => JSX.Element | null;
 
-declare function useDomRef<T extends HTMLElement = HTMLElement>(ref: React.RefObject<T | null> | React.ForwardedRef<T | null>): React.RefObject<T>;
+declare function useDomRef<T extends HTMLElement = HTMLElement>(ref: React$1.RefObject<T | null> | React$1.ForwardedRef<T | null>): React$1.RefObject<T>;
 
 type AnyFunction = (...args: any[]) => any;
 /**
@@ -2213,7 +2216,7 @@ type AnyFunction = (...args: any[]) => any;
 declare function useEvent<TCallback extends AnyFunction>(callback: TCallback): TCallback;
 
 type InputRefType = HTMLIonInputElement | HTMLIonTextareaElement;
-declare function useAutoFocus<T extends InputRefType>(): React.RefObject<T>;
+declare function useAutoFocus<T extends InputRefType>(): React$1.RefObject<T>;
 
 declare function useToastContext(): ToastState<MindlyToastProps>;
 
@@ -2244,83 +2247,88 @@ declare function useRatingCircleBreakPoints({ ranges, maxValue, isReverse, }: {
 }): number[];
 declare function useRatingContext(): CircleRatingContextData;
 
-interface IconProps$A extends React.SVGAttributes<SVGElement> {
+declare function useElementWidth<T extends HTMLElement>(): [
+    number | undefined,
+    React.RefObject<T>
+];
+
+interface IconProps$A extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconArrowLeft({ color, size, ...other }: IconProps$A): JSX.Element;
 
-interface IconProps$z extends React.SVGAttributes<SVGElement> {
+interface IconProps$z extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconArrowRight({ color, size, ...other }: IconProps$z): JSX.Element;
 
-interface IconProps$y extends React.SVGAttributes<SVGElement> {
+interface IconProps$y extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconBeachAccess({ color, size, ...other }: IconProps$y): JSX.Element;
 
-interface IconProps$x extends React.SVGAttributes<SVGElement> {
+interface IconProps$x extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconCalendar({ color, size, ...other }: IconProps$x): JSX.Element;
 
-interface IconProps$w extends React.SVGAttributes<SVGElement> {
+interface IconProps$w extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconCalendarMonth({ color, size, ...other }: IconProps$w): JSX.Element;
 
-interface IconProps$v extends React.SVGAttributes<SVGElement> {
+interface IconProps$v extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconChatOutline({ color, size, ...other }: IconProps$v): JSX.Element;
 
-interface IconProps$u extends React.SVGAttributes<SVGElement> {
+interface IconProps$u extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconCheckboxChecked({ color, size, ...other }: IconProps$u): JSX.Element;
 
-interface IconProps$t extends React.SVGAttributes<SVGElement> {
+interface IconProps$t extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconCheckboxUnchecked({ color, size, ...other }: IconProps$t): JSX.Element;
 
-declare const IconClose: FC<React.SVGAttributes<SVGElement>>;
+declare const IconClose: FC<React$1.SVGAttributes<SVGElement>>;
 
-interface IconProps$s extends React.SVGAttributes<SVGElement> {
+interface IconProps$s extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconEditCalendar({ color, size, ...props }: IconProps$s): JSX.Element;
 
-interface IconProps$r extends React.SVGAttributes<SVGElement> {
+interface IconProps$r extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconInvisible({ color, size, ...other }: IconProps$r): JSX.Element;
 
-interface IconProps$q extends React.SVGAttributes<SVGElement> {
+interface IconProps$q extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconLanguage({ color, size, ...other }: IconProps$q): JSX.Element;
 
-declare const IconLeftArrow: FC<React.SVGAttributes<SVGElement>>;
+declare const IconLeftArrow: FC<React$1.SVGAttributes<SVGElement>>;
 
-interface IconProps$p extends React.SVGAttributes<SVGElement> {
+interface IconProps$p extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconLogout({ color, size, ...other }: IconProps$p): JSX.Element;
 
-interface IconProps$o extends React.SVGAttributes<SVGElement> {
+interface IconProps$o extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
@@ -2328,132 +2336,132 @@ declare function IconPause({ color, size, ...other }: IconProps$o): JSX.Element;
 
 declare function IconMinus({ color, size, ...other }: IconProps$B): JSX.Element;
 
-type IconPlusProps = React.SVGProps<any>;
+type IconPlusProps = React$1.SVGProps<any>;
 declare function IconPlus({ color, ...props }: IconPlusProps): JSX.Element;
 
-interface IconProps$n extends React.SVGAttributes<SVGElement> {
+interface IconProps$n extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconProfileChecked({ color, size, ...other }: IconProps$n): JSX.Element;
 
-interface IconProps$m extends React.SVGAttributes<SVGElement> {
+interface IconProps$m extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconProfileCircle({ color, size, ...other }: IconProps$m): JSX.Element;
 
-interface IconProps$l extends React.SVGAttributes<SVGElement> {
+interface IconProps$l extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconProfileSetting({ color, size, ...other }: IconProps$l): JSX.Element;
 
-interface IconProps$k extends React.SVGAttributes<SVGElement> {
+interface IconProps$k extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconProfileUnderReview({ color, size, ...other }: IconProps$k): JSX.Element;
 
-interface IconProps$j extends React.SVGAttributes<SVGElement> {
+interface IconProps$j extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconResume({ color, size, ...other }: IconProps$j): JSX.Element;
 
-interface IconProps$i extends React.SVGAttributes<SVGElement> {
+interface IconProps$i extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconSettings({ color, size, ...other }: IconProps$i): JSX.Element;
 
-declare const IconStar: FC<React.SVGAttributes<SVGElement>>;
+declare const IconStar: FC<React$1.SVGAttributes<SVGElement>>;
 
-declare const IconStarFilled: FC<React.SVGAttributes<SVGElement>>;
+declare const IconStarFilled: FC<React$1.SVGAttributes<SVGElement>>;
 
-declare const IconSuccess: FC<React.SVGAttributes<SVGElement>>;
+declare const IconSuccess: FC<React$1.SVGAttributes<SVGElement>>;
 
-interface IconProps$h extends React.SVGAttributes<SVGElement> {
+interface IconProps$h extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconTime({ color, size, ...other }: IconProps$h): JSX.Element;
 
-interface IconProps$g extends React.SVGAttributes<SVGElement> {
+interface IconProps$g extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconVerifiedUser({ color, size, ...other }: IconProps$g): JSX.Element;
 
-interface IconProps$f extends React.SVGAttributes<SVGElement> {
+interface IconProps$f extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconVisible({ color, size, ...other }: IconProps$f): JSX.Element;
 
-declare const IconApple: FC<React.SVGAttributes<SVGElement>>;
+declare const IconApple: FC<React$1.SVGAttributes<SVGElement>>;
 
-declare const IconGoogle: FC<React.SVGAttributes<SVGElement>>;
+declare const IconGoogle: FC<React$1.SVGAttributes<SVGElement>>;
 
-declare const IconLetter: FC<React.SVGAttributes<SVGElement>>;
+declare const IconLetter: FC<React$1.SVGAttributes<SVGElement>>;
 
-declare const IconSpinner: FC<React.SVGAttributes<SVGElement>>;
+declare const IconSpinner: FC<React$1.SVGAttributes<SVGElement>>;
 
-declare const IconEye: FC<React.SVGAttributes<SVGElement>>;
+declare const IconEye: FC<React$1.SVGAttributes<SVGElement>>;
 
-declare const IconEyeOff: FC<React.SVGAttributes<SVGElement>>;
+declare const IconEyeOff: FC<React$1.SVGAttributes<SVGElement>>;
 
-interface IconProps$e extends React.SVGAttributes<SVGElement> {
+interface IconProps$e extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconWarning({ color, size, ...other }: IconProps$e): JSX.Element;
 
-declare const IconGift: React.FC<React.SVGAttributes<SVGElement>>;
+declare const IconGift: React$1.FC<React$1.SVGAttributes<SVGElement>>;
 
-declare const IconCreditCard: React.FC<React.SVGAttributes<SVGElement>>;
+declare const IconCreditCard: React$1.FC<React$1.SVGAttributes<SVGElement>>;
 
-declare const IconQuestion: React.FC<React.SVGAttributes<SVGElement>>;
+declare const IconQuestion: React$1.FC<React$1.SVGAttributes<SVGElement>>;
 
-declare const IconPaper: React.FC<React.SVGAttributes<SVGElement>>;
+declare const IconPaper: React$1.FC<React$1.SVGAttributes<SVGElement>>;
 
 declare const IconChat3d: (props: SVGProps<SVGSVGElement>) => JSX.Element;
 
 declare const IconNotificationMuted: (props: SVGProps<SVGSVGElement>) => JSX.Element;
 
-declare const IconCheckSmall: React.FC<React.SVGAttributes<SVGElement>>;
+declare const IconCheckSmall: React$1.FC<React$1.SVGAttributes<SVGElement>>;
 
-interface IconProps$d extends React.SVGAttributes<SVGElement> {
+interface IconProps$d extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
     className?: string;
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 declare function IconCheck({ color, size, ...other }: IconProps$d): JSX.Element;
 
-interface IconProps$c extends React.SVGAttributes<SVGElement> {
+interface IconProps$c extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
     className?: string;
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 declare const IconCapFilled: FC<IconProps$c>;
 
-interface IconProps$b extends React.SVGAttributes<SVGElement> {
+interface IconProps$b extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
     className?: string;
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 declare function IconCancelRounded({ color, size, ...other }: IconProps$b): JSX.Element;
 
-interface IconProps$a extends React.SVGAttributes<SVGElement> {
+interface IconProps$a extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconMute({ color, size, ...other }: IconProps$a): JSX.Element;
 
-interface IconProps$9 extends React.SVGAttributes<SVGElement> {
+interface IconProps$9 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
@@ -2461,7 +2469,7 @@ declare function IconUnmute({ color, size, ...other }: IconProps$9): JSX.Element
 
 declare const IconBookmark: ({ width, height, color, ...other }: SVGProps<SVGSVGElement>) => JSX.Element;
 
-interface IconProps$8 extends React.SVGAttributes<SVGElement> {
+interface IconProps$8 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
@@ -2487,13 +2495,13 @@ declare const IconArrowDown: ({ width, height, color, ...other }: SVGProps<SVGSV
 
 declare const IconRadioButtonChecked: (props: SVGProps<SVGSVGElement>) => JSX.Element;
 
-interface IconProps$7 extends React.SVGAttributes<SVGElement> {
+interface IconProps$7 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconShare({ size, ...props }: IconProps$7): JSX.Element;
 
-interface IconProps$6 extends React.SVGAttributes<SVGElement> {
+interface IconProps$6 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
@@ -2521,7 +2529,7 @@ declare const IconEdit: FC<IconProps$B>;
 
 declare const IconCopy: FC<IconProps$B>;
 
-interface IconProps$5 extends React.SVGAttributes<SVGElement> {
+interface IconProps$5 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
@@ -2531,27 +2539,27 @@ declare const IconManageAccounts: FC<IconProps$B>;
 
 declare const IconSend: FC<IconProps$B>;
 
-interface IconProps$4 extends React.SVGAttributes<SVGElement> {
+interface IconProps$4 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconGallery({ color, size, ...other }: IconProps$4): JSX.Element;
 
-interface IconProps$3 extends React.SVGAttributes<SVGElement> {
+interface IconProps$3 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
 declare function IconText({ color, size, ...other }: IconProps$3): JSX.Element;
 
-interface IconProps$2 extends React.SVGAttributes<SVGElement> {
+interface IconProps$2 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
     className?: string;
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 declare function IconCheckCircle({ color, size, ...props }: IconProps$2): JSX.Element;
 
-interface IconProps$1 extends React.SVGAttributes<SVGElement> {
+interface IconProps$1 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
@@ -2561,7 +2569,7 @@ declare const IconArrowTopRight: FC<IconProps$B>;
 
 declare const IconMoreVertical: FC<IconProps$B>;
 
-interface IconProps extends React.SVGAttributes<SVGElement> {
+interface IconProps extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
@@ -2660,7 +2668,7 @@ type SlotsGridItemProps = {
 
 declare const _default$n: React__default.NamedExoticComponent<SlotsGridProps>;
 
-declare const _default$m: React.NamedExoticComponent<SlotsGridItemProps>;
+declare const _default$m: React$1.NamedExoticComponent<SlotsGridItemProps>;
 
 type PushNotificationsModalProps = {
     onApplyPermission: () => void;
@@ -2676,7 +2684,7 @@ type PushNotificationsModalProps = {
     renderHeader?: (props: {
         backButton?: boolean;
         onClose: () => void;
-    }) => React.ReactNode;
+    }) => React$1.ReactNode;
 };
 
 declare function PushNotificationsModal({ onApplyPermission, isOpen, title, description, image, applyPermissionText, ...props }: PushNotificationsModalProps): JSX.Element;
@@ -3078,4 +3086,4 @@ type UpdateContractWidgetProps = {
 };
 declare function UpdateContractWidget({ applyText, onApply, heading, image, avatar, agreementText, handlePressLink, isAccepted, setIsAccepted, isLoading, }: UpdateContractWidgetProps): JSX.Element;
 
-export { AcceptAgreementFeature, Action, AppFooter, _default$C as AppFooter_v2, AppHeader, AppHeader_v2, AppNotSupportedFeature, ArchivedConsultationCard, Avatar, AvatarProps$1 as AvatarProps, _default$B as Avatar_v2, BREAKPOINT_ICON_SIZE, _default$x as Badge, _default$Q as BookingScheduleTime, _default$P as BookingSpecialistInfo, BreakPointPositionProps, BreakPointPositionResult, Button, Button_v2, COUNTRIES_MAPPER, Calendar, _default$h as CalendarPickerFeature, CancelSession, CardModal, ChangeLangModal, ChangeLanguageModal, _default$19 as ChatListItem, _default$17 as ChatListSkeleton, _default$18 as ChatMessage, ChatMessageSkeleton, CheckBoxItem, CheckBoxListFeature, CheckBoxSectionListFeature, _default$K as CheckboxList, CheckboxListCategory, CheckboxListItem, CheckboxTypes, ChevronHeader, CircleRatingComponentProps, CircleRatingContent, CircleRatingContext, CircleRatingContextData, CircleRatingContextProps, CircleRatingDataProps, CircleRatingDataResult, CircleRatingLegendProps, CircleRatingProvider, CircleRatingRange, CircleRatingSize, CollapsableText, ConditionRulesType, _default$10 as ConsultationCard, ConsultationCardProps, ConsultationCardType, _default$Z as ConsultationModal, _default$l as ConsultationPricingFeature, _default$X as ConsultationSpecialistCard, ConsultationsListSkeleton, Container, Container_v2, ContentCard, ContentRendererProps, ContentTree as ContractTreeFeature, CountdownTimerFeature, CountryOfOriginModal, CurrencyLocaleMapper, CurrencySignByLocale, CustomButton, _default$L as CustomCheckbox, CustomRadioButton, _default$M as CustomSelect, _default$N as CustomTextarea, DatePicker, _default$V as DaySlider, DayToRender, DrumListPicker, DynamicCommissionValue, _default$R as EducationCard, _default$16 as EmptyChatList, EmptyChatMessages, _default$_ as EmptyConsultations, EntryNotFound, EntryNotFoundProps, ErrorCardFeature, _default$H as Flag, FlagTypes, _default$z as Flag_v2, FloatingButton, FooterForBooking, FrequentlyAskedQuestions, GoogleCalendarModalFeature, HeaderWithRedirect, HorizontalCalendar, HorizontalCalendarProps, ISpecialistReview, IconAddModerator, IconApple, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowTopRight, IconAttachMoney, IconBeachAccess, IconBookmark, IconBookmarkOutlined, _default$t as IconButton, IconCalendar, IconCalendarFilled, IconCalendarMonth, IconCancel, IconCancelRounded, IconCapFilled, IconChat3d, IconChatFilled, IconChatOutline, IconCheck, IconCheckCircle, IconCheckSmall, IconCheckboxChecked, IconCheckboxUnchecked, IconClient, IconClientFilled, IconClose, IconCopy, IconCreditCard, IconDelete, IconDocument, IconEcgHeart, IconEdit, IconEditCalendar, IconEventBusy, IconEye, IconEyeOff, IconGallery, IconGift, IconGoogle, IconHome, IconIdCard, IconInvisible, IconInvoice, IconLanguage, IconLeftArrow, IconLetter, IconLink, IconLock, IconLogout, IconManageAccounts, IconMinus, IconMoreVertical, IconMute, IconNotificationMuted, IconPaid, IconPaper, IconPause, IconPersonAlert, IconPlus, IconProfile, IconProfileChecked, IconProfileCircle, IconProfileSetting, IconProfileUnderReview, IconPromocode, IconProps$B as IconProps, IconQueryStats, IconQuestion, IconRadioButtonChecked, IconReceiptLong, IconResume, IconSchema, IconSearch, IconSend, IconSettings, IconShare, IconSpinner, IconStar, IconStarFilled, IconStylus, IconSuccess, IconText, IconTime, IconTimeAdd, IconUnmute, IconUserNotFound, IconVerifiedUser, IconVisible, IconWarning, ImageInput, ImageWithFallback, ImpressionEmojiEnum, Input, InputSearch, _default$p as Item, _default$w as ItemCard, LabelArrowRedirect, LanguagesList, _default$1d as LetterAvatar, _default$I as LineFileInput, ListBox, ListBoxItem, ListBoxItemProps, ListBoxProps, ListBoxSelectionType, ListButton, ListItemType, _default$q as ListItems, ListOption, ListOptionsProps, ListSelect, ListSelectProps, ListSimple, _default$r as Loading, LouseConnect, _default$a as MarkdownContainerFeature, _default$1a as MediaPlayer, Modal, ModalCalendar, ModalSheet, NavigationBar, NoInternetConnection, NotSupportModal, NotesCardText, NotesEditor, OnBoardingBaseScreenType, OnBoardingFlowType, _default$8 as OnBoardingInfoScreenPreviewFeature, OnBoardingInfoScreenType, _default$5 as OnBoardingLoaderScreenPreviewFeature, OnBoardingLoaderScreenType, OnBoardingMultiSelectScreenType, _default$7 as OnBoardingMultiSelectionScreenPreviewFeature, _default$4 as OnBoardingProgressFeature, _default$3 as OnBoardingReviewsScreenPreviewFeature, OnBoardingReviewsScreenType, OnBoardingScreenBgType, OnBoardingScreenButtonType, OnBoardingScreenDescriptionType, OnBoardingScreenOptionType, OnBoardingScreenOptions, OnBoardingScreenStyleOptions, OnBoardingScreensType, OnBoardingSingleSelectScreenType, _default$6 as OnBoardingSingleSelectionScreenPreviewFeature, _default$9 as OnBoardingStartScreenPreviewFeature, OnBoardingStartScreenType, OutdatedPersonalDataFeature, PasswordInput, PaymentBadgeType, _default$g as PaymentCalendarFeature, PaymentCalendarFeatureProps, _default$i as PaymentSessionsList, _default$1c as PersonDateTimeCard, _default$y as Picture, _default$G as ProfileInformation, _default$T as ProfileView, _default$J as ProgressBar, ProgressBarDashed, _default$s as ProgressBar_v2, ProgressRangeProps, PushNotificationsIsDisabledBanner, PushNotificationsModal, Range, _default$u as Rating, RatingCircleWrapper, _default$W as ReSchedule, ReScheduleSuccess, Refresher, ResponseFileType, ReviewCard, _default$f as ReviewCardFeature, ReviewStatistics, ReviewSwiperSection, ReviewsCardFeatureSkeleton, RoundButton, RowItemType, RowSelect, RowSelectProps, Rule, SIZES, _default$d as ScreenDrumPickerFormFeature, ScreenInput, _default$e as ScreenInputFormFeature, ScreenInputUpdateFeature, ScrollTabs, SectionHeading, Segment, SegmentColor, SegmentType, _default$1b as SelectImpressionEmoji, SelectItemType, _default$b as SelectWithSearchFormFeature, ShareModalFeature, ShortCurrencySignByLocale, _default$$ as SignUpSessionButton, _default$Y as SignUpSessionModal, SizeValues, Skeleton, _default$A as Skeleton_v2, _default$n as SlotsGrid, _default$m as SlotsGridItem, _default$S as SpecialistAbout, SpecialistCard$1 as SpecialistCard, SpecialistCardListWidget, _default$2 as SpecialistCardWidget, SpecialistConsultation, SpecialistConsultationPayment, _default$14 as SpecialistEducationCard, SpecialistInfoColumnFeature as SpecialistInfoColumn, SpecialistLangs, _default$F as SpecialistMatch, SpecialistPaymentCardProps, _default$k as SpecialistPaymentCommonCardFeature, SpecialistPaymentCommonCardSkeleton, SpecialistPaymentConsultationDetailsType, _default$j as SpecialistPaymentConsultationsFeature, SpecialistPaymentConsultationsProps, SpecialistPaymentCurrencyProps, _default as SpecialistPaymentResumeWidget, SpecialistPaymentResumeWidgetType, SpecialistPaymentTabs, _default$1 as SpecialistPaymentWidget, SpecialistPaymentWidgetType, _default$13 as SpecialistProfileViewCard, SpecialistShortInfoItemFeature as SpecialistShortInfoItem, _default$E as SpecialistStatistic, SpecialistStatisticsCard, SpecialistWorkDirections, Spinner, Spinner_v2, StarRating, StatisticsScroll, StatusTag, SuccessScreen, SupportedCurrency, SupportedLangs, SwitchDeviceCard, TabBar, TabItem, Tabs$1 as Tabs, Tag, _default$c as TextAreaFormFeature, _default$O as TextInput, _default$15 as Textarea, _default$v as Textarea_v2, ThemeProvider, ThemeProviderProps, TherapistCard, TherapistInformationComponent, Toast, ToastButton, ToastContext, ToastProps, ToastProvider, ToastRegion, Toggle, TooltipComponent, TranslationMock, TranslationType, TreeNode, _default$D as Typography, TypographyVariantsEnum, UpdateContractWidget, UpdatesCard, UserInfoModal, UsersPsychologistScrollList, VerticalCalendar, VerticalCalendarMonthSkeleton, VerticalCalendarSkeleton, _default$o as Video, _default$11 as VideoCallInfo, _default$12 as VideoPlayer, _default$U as WorkDirections, YourLocalTimeBlock, appThemes, decOfNum, getCountryKeyByName, getProgressForBreakPoint, getSignAgreementsTabs, mergeRefs, newShade, priceNormalize, replaceMarkdownWithReactElements, toast, useAutoFocus, useBreakPointsPosition, useCircleRatingRenderData, useDomRef, useEvent, useRangeIndex, useRatingCircleBreakPoints, useRatingCircleContentValue, useRatingCircleLegend, useRatingContext, useToastContext };
+export { AcceptAgreementFeature, Action, AppFooter, _default$C as AppFooter_v2, AppHeader, AppHeader_v2, AppNotSupportedFeature, ArchivedConsultationCard, Avatar, AvatarProps$1 as AvatarProps, _default$B as Avatar_v2, BREAKPOINT_ICON_SIZE, _default$x as Badge, _default$Q as BookingScheduleTime, _default$P as BookingSpecialistInfo, BreakPointPositionProps, BreakPointPositionResult, Button, Button_v2, COUNTRIES_MAPPER, Calendar, _default$h as CalendarPickerFeature, CancelSession, CardModal, ChangeLangModal, ChangeLanguageModal, _default$19 as ChatListItem, _default$17 as ChatListSkeleton, _default$18 as ChatMessage, ChatMessageSkeleton, CheckBoxItem, CheckBoxListFeature, CheckBoxSectionListFeature, _default$K as CheckboxList, CheckboxListCategory, CheckboxListItem, CheckboxTypes, ChevronHeader, CircleRatingComponentProps, CircleRatingContent, CircleRatingContext, CircleRatingContextData, CircleRatingContextProps, CircleRatingDataProps, CircleRatingDataResult, CircleRatingLegendProps, CircleRatingProvider, CircleRatingRange, CircleRatingSize, CollapsableText, ConditionRulesType, _default$10 as ConsultationCard, ConsultationCardProps, ConsultationCardType, _default$Z as ConsultationModal, _default$l as ConsultationPricingFeature, _default$X as ConsultationSpecialistCard, ConsultationsListSkeleton, Container, Container_v2, ContentCard, ContentRendererProps, ContentTree as ContractTreeFeature, CountdownTimerFeature, CountryOfOriginModal, CurrencyLocaleMapper, CurrencySignByLocale, CustomButton, _default$L as CustomCheckbox, CustomRadioButton, _default$M as CustomSelect, _default$N as CustomTextarea, DatePicker, _default$V as DaySlider, DayToRender, DrumListPicker, DynamicCommissionValue, _default$R as EducationCard, _default$16 as EmptyChatList, EmptyChatMessages, _default$_ as EmptyConsultations, EntryNotFound, EntryNotFoundProps, ErrorCardFeature, _default$H as Flag, FlagTypes, _default$z as Flag_v2, FloatingButton, FooterForBooking, FrequentlyAskedQuestions, GoogleCalendarModalFeature, HeaderWithRedirect, HorizontalCalendar, HorizontalCalendarProps, ISpecialistReview, IconAddModerator, IconApple, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowTopRight, IconAttachMoney, IconBeachAccess, IconBookmark, IconBookmarkOutlined, _default$t as IconButton, IconCalendar, IconCalendarFilled, IconCalendarMonth, IconCancel, IconCancelRounded, IconCapFilled, IconChat3d, IconChatFilled, IconChatOutline, IconCheck, IconCheckCircle, IconCheckSmall, IconCheckboxChecked, IconCheckboxUnchecked, IconClient, IconClientFilled, IconClose, IconCopy, IconCreditCard, IconDelete, IconDocument, IconEcgHeart, IconEdit, IconEditCalendar, IconEventBusy, IconEye, IconEyeOff, IconGallery, IconGift, IconGoogle, IconHome, IconIdCard, IconInvisible, IconInvoice, IconLanguage, IconLeftArrow, IconLetter, IconLink, IconLock, IconLogout, IconManageAccounts, IconMinus, IconMoreVertical, IconMute, IconNotificationMuted, IconPaid, IconPaper, IconPause, IconPersonAlert, IconPlus, IconProfile, IconProfileChecked, IconProfileCircle, IconProfileSetting, IconProfileUnderReview, IconPromocode, IconProps$B as IconProps, IconQueryStats, IconQuestion, IconRadioButtonChecked, IconReceiptLong, IconResume, IconSchema, IconSearch, IconSend, IconSettings, IconShare, IconSpinner, IconStar, IconStarFilled, IconStylus, IconSuccess, IconText, IconTime, IconTimeAdd, IconUnmute, IconUserNotFound, IconVerifiedUser, IconVisible, IconWarning, ImageInput, ImageWithFallback, ImpressionEmojiEnum, Input, InputSearch, _default$p as Item, _default$w as ItemCard, LabelArrowRedirect, LanguagesList, _default$1d as LetterAvatar, _default$I as LineFileInput, ListBox, ListBoxItem, ListBoxItemProps, ListBoxProps, ListBoxSelectionType, ListButton, ListItemType, _default$q as ListItems, ListOption, ListOptionsProps, ListSelect, ListSelectProps, ListSimple, _default$r as Loading, LouseConnect, _default$a as MarkdownContainerFeature, _default$1a as MediaPlayer, Modal, ModalCalendar, ModalSheet, NavigationBar, NoInternetConnection, NotSupportModal, NotesCardText, NotesEditor, OnBoardingBaseScreenType, OnBoardingFlowType, _default$8 as OnBoardingInfoScreenPreviewFeature, OnBoardingInfoScreenType, _default$5 as OnBoardingLoaderScreenPreviewFeature, OnBoardingLoaderScreenType, OnBoardingMultiSelectScreenType, _default$7 as OnBoardingMultiSelectionScreenPreviewFeature, _default$4 as OnBoardingProgressFeature, _default$3 as OnBoardingReviewsScreenPreviewFeature, OnBoardingReviewsScreenType, OnBoardingScreenBgType, OnBoardingScreenButtonType, OnBoardingScreenDescriptionType, OnBoardingScreenOptionType, OnBoardingScreenOptions, OnBoardingScreenStyleOptions, OnBoardingScreensType, OnBoardingSingleSelectScreenType, _default$6 as OnBoardingSingleSelectionScreenPreviewFeature, _default$9 as OnBoardingStartScreenPreviewFeature, OnBoardingStartScreenType, OutdatedPersonalDataFeature, PasswordInput, PaymentBadgeType, _default$g as PaymentCalendarFeature, PaymentCalendarFeatureProps, _default$i as PaymentSessionsList, _default$1c as PersonDateTimeCard, _default$y as Picture, _default$G as ProfileInformation, _default$T as ProfileView, _default$J as ProgressBar, ProgressBarDashed, _default$s as ProgressBar_v2, ProgressRangeProps, PushNotificationsIsDisabledBanner, PushNotificationsModal, Range, _default$u as Rating, RatingCircleWrapper, _default$W as ReSchedule, ReScheduleSuccess, Refresher, ResponseFileType, ReviewCard, _default$f as ReviewCardFeature, ReviewStatistics, ReviewSwiperSection, ReviewsCardFeatureSkeleton, RoundButton, RowItemType, RowSelect, RowSelectProps, Rule, SIZES, _default$d as ScreenDrumPickerFormFeature, ScreenInput, _default$e as ScreenInputFormFeature, ScreenInputUpdateFeature, ScrollTabs, SectionHeading, Segment, SegmentColor, SegmentType, _default$1b as SelectImpressionEmoji, SelectItemType, _default$b as SelectWithSearchFormFeature, ShareModalFeature, ShortCurrencySignByLocale, _default$$ as SignUpSessionButton, _default$Y as SignUpSessionModal, SizeValues, Skeleton, _default$A as Skeleton_v2, _default$n as SlotsGrid, _default$m as SlotsGridItem, _default$S as SpecialistAbout, SpecialistCard$1 as SpecialistCard, SpecialistCardListWidget, _default$2 as SpecialistCardWidget, SpecialistConsultation, SpecialistConsultationPayment, _default$14 as SpecialistEducationCard, SpecialistInfoColumnFeature as SpecialistInfoColumn, SpecialistLangs, _default$F as SpecialistMatch, SpecialistPaymentCardProps, _default$k as SpecialistPaymentCommonCardFeature, SpecialistPaymentCommonCardSkeleton, SpecialistPaymentConsultationDetailsType, _default$j as SpecialistPaymentConsultationsFeature, SpecialistPaymentConsultationsProps, SpecialistPaymentCurrencyProps, _default as SpecialistPaymentResumeWidget, SpecialistPaymentResumeWidgetType, SpecialistPaymentTabs, _default$1 as SpecialistPaymentWidget, SpecialistPaymentWidgetType, _default$13 as SpecialistProfileViewCard, SpecialistShortInfoItemFeature as SpecialistShortInfoItem, _default$E as SpecialistStatistic, SpecialistStatisticsCard, SpecialistWorkDirections, Spinner, Spinner_v2, StarRating, StatisticsScroll, StatusTag, SuccessScreen, SupportedCurrency, SupportedLangs, SwitchDeviceCard, TabBar, TabItem, Tabs$1 as Tabs, Tag, _default$c as TextAreaFormFeature, _default$O as TextInput, _default$15 as Textarea, _default$v as Textarea_v2, ThemeProvider, ThemeProviderProps, TherapistCard, TherapistInformationComponent, Toast, ToastButton, ToastContext, ToastProps, ToastProvider, ToastRegion, Toggle, TooltipComponent, TranslationMock, TranslationType, TreeNode, _default$D as Typography, TypographyVariantsEnum, UpdateContractWidget, UpdatesCard, UserInfoModal, UsersPsychologistScrollList, VerticalCalendar, VerticalCalendarMonthSkeleton, VerticalCalendarSkeleton, _default$o as Video, _default$11 as VideoCallInfo, _default$12 as VideoPlayer, _default$U as WorkDirections, YourLocalTimeBlock, appThemes, decOfNum, getCountryKeyByName, getProgressForBreakPoint, getSignAgreementsTabs, mergeRefs, newShade, priceNormalize, replaceMarkdownWithReactElements, toast, useAutoFocus, useBreakPointsPosition, useCircleRatingRenderData, useDomRef, useElementWidth, useEvent, useRangeIndex, useRatingCircleBreakPoints, useRatingCircleContentValue, useRatingCircleLegend, useRatingContext, useToastContext };

package/package.json

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