@mindly/ui-components 8.2.15 → 8.2.17

package/dist/esm/lib/AgoraMediaPlayer/AgoraMediaPlayer.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 interface Playable {
     play: (...args: any[]) => any;
 }
@@ -15,6 +15,6 @@ export type MediaPlayerProps<TCameraTrack extends Playable | undefined, TAudioTr
     showControls: boolean;
     isScreenSharing?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
-declare const AgoraMediaPlayer: <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 AgoraMediaPlayer: <TCameraTrack extends Playable | undefined, TAudioTrack extends Playable | undefined>({ fullwidth, cameraTrack, audioTrack, isVideoTrackMuted, isAudioTrackMuted, networkQuality, fallbackAvatar, fallbackAvatarDimensions, fallbackName, showControls, isScreenSharing, ...props }: MediaPlayerProps<TCameraTrack, TAudioTrack>) => React.ReactElement;
 declare const _default: typeof AgoraMediaPlayer;
 export default _default;

package/dist/esm/lib/ImageWithFallback/ImageWithFallback.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export type ImageWithFallbackProps = JSX.IntrinsicElements['img'] & {
+export type ImageWithFallbackProps = React.ImgHTMLAttributes<HTMLImageElement> & {
     onErrorContent: React.ReactElement;
 };
 declare const ImageWithFallback: React.FC<ImageWithFallbackProps>;

package/dist/esm/lib2/features/AcceptAgreementFeature/AcceptAgreemnetFeature.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 type AcceptAgreementFeatureProps = {
     isAccepted: boolean;
     setIsAccepted: (isAccepted: boolean) => void;
     handlePressLink: () => void;
     translations: string[];
 };
-export declare function AcceptAgreementFeature({ isAccepted, setIsAccepted, handlePressLink, translations, }: AcceptAgreementFeatureProps): JSX.Element;
+export declare function AcceptAgreementFeature({ isAccepted, setIsAccepted, handlePressLink, translations, }: AcceptAgreementFeatureProps): React.ReactElement;
 export {};

package/dist/esm/lib2/features/AppNotSupporedFeature/AppNotSupportedFeature.d.ts

@@ -1,8 +1,8 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { TranslationType } from '../../shared/types';
 type AppNotSupportedProps = {
     isOpen: boolean;
     showMessenger: () => void;
 } & TranslationType;
-export declare function AppNotSupportedFeature({ isOpen, showMessenger, t, children, }: PropsWithChildren<AppNotSupportedProps>): JSX.Element;
+export declare function AppNotSupportedFeature({ isOpen, showMessenger, t, children, }: PropsWithChildren<AppNotSupportedProps>): React.ReactElement;
 export {};

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

@@ -8,7 +8,7 @@ type FilterFeatureContextType = {
     modalRef: React.RefObject<HTMLIonModalElement | null>;
 } & FilterFeatureProps;
 export declare const useFilterFeatureContext: () => FilterFeatureContextType;
-declare function FilterFeature(props: PropsWithChildren<FilterFeatureProps>): JSX.Element;
+declare function FilterFeature(props: PropsWithChildren<FilterFeatureProps>): React.ReactElement;
 declare namespace FilterFeature {
     var Select: React.FC<import("./FilterSelectFeature").FilterSelectFeatureProps>;
     var Chips: React.FC<import("./FilterChipsFeature").FilterChipsFeatureProps>;

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { WithTranslation } from 'react-i18next';
 type GoogleCalendarModalFeatureProps = {
     isOpen: boolean;
@@ -9,5 +10,5 @@ type GoogleCalendarModalFeatureProps = {
     imageUrl: string;
     t: WithTranslation['t'];
 };
-export declare function GoogleCalendarModalFeature({ status, isOpen, onSync, isLoading, presentingElement, imageUrl, onDidDismiss, t, }: GoogleCalendarModalFeatureProps): JSX.Element;
+export declare function GoogleCalendarModalFeature({ status, isOpen, onSync, isLoading, presentingElement, imageUrl, onDidDismiss, t, }: GoogleCalendarModalFeatureProps): React.ReactElement;
 export {};

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

@@ -1,2 +1,3 @@
+import React from 'react';
 import { OutdatedPersonalDataFeatureProps } from './types';
-export declare function OutdatedPersonalDataFeature({ isOpen, presentingElement, onApply, onDismiss, subtitle, title, applyText, }: OutdatedPersonalDataFeatureProps): JSX.Element;
+export declare function OutdatedPersonalDataFeature({ isOpen, presentingElement, onApply, onDismiss, subtitle, title, applyText, }: OutdatedPersonalDataFeatureProps): React.ReactElement;

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

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { PushNotificationsIsDisabledBannerProps } from './types';
-export declare function PushNotificationsIsDisabledBanner({ onOpenNativeSettings, className, title, description, buttonText, }: PushNotificationsIsDisabledBannerProps): JSX.Element;
+export declare function PushNotificationsIsDisabledBanner({ onOpenNativeSettings, className, title, description, buttonText, }: PushNotificationsIsDisabledBannerProps): React.ReactElement;

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

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { PushNotificationsModalProps } from './types';
-export declare function PushNotificationsModal({ onApplyPermission, isOpen, title, description, image, applyPermissionText, ...props }: PushNotificationsModalProps): JSX.Element;
+export declare function PushNotificationsModal({ onApplyPermission, isOpen, title, description, image, applyPermissionText, ...props }: PushNotificationsModalProps): React.ReactElement;

package/dist/esm/lib2/features/TextWithClampFeature/types.d.ts

@@ -4,6 +4,7 @@ export interface Props extends Omit<TypographyProps, 'children'> {
     className?: string;
     text: string;
     title?: string;
+    titleId?: string;
     titleIcon?: React.ReactNode;
     countLines?: number;
     expandType?: 'inline' | 'modal';

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

@@ -5,5 +5,5 @@ interface IconProps extends React.SVGAttributes<SVGElement> {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare function IconCheckCircle({ color, size, ...props }: IconProps): JSX.Element;
+export declare function IconCheckCircle({ color, size, ...props }: IconProps): React.ReactElement;
 export {};

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

@@ -3,5 +3,5 @@ interface IconProps extends React.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-export declare const IconCheckboxChecked: ({ color, size, ...other }: IconProps) => JSX.Element;
+export declare const IconCheckboxChecked: ({ color, size, ...other }: IconProps) => React.ReactElement;
 export {};

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

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { IconProps } from '../../types';
-export declare function IconMinus({ color, size, ...other }: IconProps): JSX.Element;
+export declare function IconMinus({ color, size, ...other }: IconProps): React.ReactElement;

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
 type IconPlusProps = React.SVGProps<any>;
-export declare function IconPlus({ color, ...props }: IconPlusProps): JSX.Element;
+export declare function IconPlus({ color, ...props }: IconPlusProps): React.ReactElement;
 export {};

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

@@ -2,5 +2,5 @@ import * as React from 'react';
 interface IconProps extends React.SVGAttributes<SVGElement> {
     color?: string;
 }
-export declare const IconRadioButtonChecked: ({ color, ...rest }: IconProps) => JSX.Element;
+export declare const IconRadioButtonChecked: ({ color, ...rest }: IconProps) => React.ReactElement;
 export {};

package/dist/esm/lib2/shared/providers/CircleRatingProvider/CircleRatingProvider.d.ts

@@ -3,7 +3,7 @@ import { WithTranslation } from 'react-i18next';
 import { CircleRatingContextProps, CircleRatingContextData } from '../../types';
 export declare const CircleRatingContext: React.Context<CircleRatingContextData>;
 export declare const CircleRatingProvider: ({ children, data, t, }: {
-    children: JSX.Element;
+    children: React.ReactElement;
     data: CircleRatingContextProps;
     t: WithTranslation["t"];
-}) => JSX.Element | null;
+}) => React.ReactElement | null;

package/dist/esm/lib2/shared/providers/ToastProvider/ToastProvider.d.ts

@@ -2,4 +2,4 @@ import * as React from 'react';
 import { ToastState } from '@react-stately/toast';
 import { MindlyToastProps, ToastProviderProps } from '../../ui/Toast/types';
 export declare const ToastContext: React.Context<ToastState<MindlyToastProps> | undefined>;
-export declare function ToastProvider({ children, ...props }: React.PropsWithChildren<ToastProviderProps>): JSX.Element;
+export declare function ToastProvider({ children, ...props }: React.PropsWithChildren<ToastProviderProps>): React.ReactElement;

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

@@ -1,2 +1,3 @@
+import React from 'react';
 import { CalendarProps } from './types';
-export declare function Calendar({ maxValue, minValue, timeZone, locale, isShowWeekNames, isShowMonthNavigation, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, ...props }: CalendarProps): JSX.Element;
+export declare function Calendar({ maxValue, minValue, timeZone, locale, isShowWeekNames, isShowMonthNavigation, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, ...props }: CalendarProps): React.ReactElement;

package/dist/esm/lib2/shared/ui/Calendar/CalendarGrid.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { CalendarGridProps } from './types';
-export declare function CalendarGrid({ state, selectionState, locale, isShowWeekNames, weekdayStyle, handleSelectionDateChange, selectionMode, onDatePress, offset, renderCustomDateContent, timeZone, ...props }: CalendarGridProps): JSX.Element;
+export declare function CalendarGrid({ state, selectionState, locale, isShowWeekNames, weekdayStyle, handleSelectionDateChange, selectionMode, onDatePress, offset, renderCustomDateContent, timeZone, ...props }: CalendarGridProps): React.ReactElement;
 declare const _default: React.NamedExoticComponent<CalendarGridProps>;
 export default _default;

package/dist/esm/lib2/shared/ui/Calendar/VerticalCalendar.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { CalendarProps } from './types';
 type VerticalCalendarProps = CalendarProps & {
     visibleDuration?: number;
 };
-export declare function VerticalCalendar({ maxValue, timeZone, locale, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, minValue, visibleDuration, ...props }: VerticalCalendarProps): JSX.Element;
+export declare function VerticalCalendar({ maxValue, timeZone, locale, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, minValue, visibleDuration, ...props }: VerticalCalendarProps): React.ReactElement;
 export {};

package/dist/esm/lib2/shared/ui/Calendar/VerticalCalendarMonthSkeleton.d.ts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 type VerticalCalendarMonthSkeletonProps = {
     days: number;
 };
-export declare function VerticalCalendarMonthSkeleton({ days, }: VerticalCalendarMonthSkeletonProps): JSX.Element;
+export declare function VerticalCalendarMonthSkeleton({ days, }: VerticalCalendarMonthSkeletonProps): React.ReactElement;
 export {};

package/dist/esm/lib2/shared/ui/Calendar/VerticalCalendarSkeleton.d.ts

@@ -1 +1,2 @@
-export declare function VerticalCalendarSkeleton(): JSX.Element;
+import * as React from 'react';
+export declare function VerticalCalendarSkeleton(): React.ReactElement;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 type IconButtonProps = {
-    icon: JSX.Element;
+    icon: React.ReactElement;
     className?: string;
     routerLink?: string;
     onClick?: (e: React.MouseEvent<HTMLIonButtonElement>) => void;

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

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { ListBoxProps } from './types';
-export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, onboardingTheme, isOnboardingPreview, isTransparent, isRoundCorners, maxSelectionCount, initialVisibleCount, t, ...props }: ListBoxProps<T>): JSX.Element;
+export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, onboardingTheme, isOnboardingPreview, isTransparent, isRoundCorners, maxSelectionCount, initialVisibleCount, t, ...props }: ListBoxProps<T>): React.ReactElement;

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

@@ -4,4 +4,4 @@ import { ListBoxItemProps, ListOptionsProps } from './types';
 export declare const ListOption: React.ForwardRefExoticComponent<ListOptionsProps & {
     maxSelectionCount?: number;
 } & React.RefAttributes<HTMLIonItemElement>>;
-export declare const ListBoxItem: (props: ItemProps<unknown> & ListBoxItemProps) => JSX.Element;
+export declare const ListBoxItem: (props: ItemProps<unknown> & ListBoxItemProps) => React.ReactElement;

package/dist/esm/lib2/shared/ui/RatingCircle/RatingCircleIcons.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 export declare function CircleRatingIcon({ index, className, }: {
     index: number;
     className: string;
-}): JSX.Element;
+}): React.ReactElement;
 export declare function CircleBreakpointIcon({ index, top, left, className, }: {
     index: number;
     top: number;
     left: number;
     className: string;
-}): JSX.Element;
+}): React.ReactElement;

package/dist/esm/lib2/shared/ui/Tabs/Tab.d.ts

@@ -1,14 +1,15 @@
 import { ItemProps, Node, TabListState } from 'react-stately';
+import React from 'react';
 type TabProps<T> = {
     item: Node<T> & {
         textTransform?: 'uppercase' | 'capitalize' | 'lowercase' | 'none';
     };
     state: TabListState<T>;
 };
-export declare function Tab<T extends Record<string, unknown>>({ item, state, }: TabProps<T>): JSX.Element;
+export declare function Tab<T extends Record<string, unknown>>({ item, state, }: TabProps<T>): React.ReactElement;
 export declare const TabItem: (props: ItemProps<unknown> & {
     onClick?: () => void;
     className?: string;
     textTransform?: 'uppercase' | 'capitalize' | 'lowercase' | 'none';
-}) => JSX.Element;
+}) => React.ReactElement;
 export {};

package/dist/esm/lib2/shared/ui/Tabs/TabPanel.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 import { AriaTabPanelProps } from 'react-aria';
 import type { TabListState } from 'react-stately';
 type TabPanelProps<T> = AriaTabPanelProps & {
     state: TabListState<T>;
 };
-export declare function TabPanel<T extends Record<string, unknown>>({ state, ...props }: TabPanelProps<T>): JSX.Element;
+export declare function TabPanel<T extends Record<string, unknown>>({ state, ...props }: TabPanelProps<T>): React.ReactElement;
 export declare namespace TabPanel {
     var displayName: string;
 }

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

@@ -1,8 +1,9 @@
+import React from 'react';
 import { AriaTabListProps } from 'react-aria';
 type TabsProps<T> = AriaTabListProps<T> & {
     className?: string;
 };
-export declare function Tabs<T extends Record<string, unknown>>(props: TabsProps<T>): JSX.Element;
+export declare function Tabs<T extends Record<string, unknown>>(props: TabsProps<T>): React.ReactElement;
 export declare namespace Tabs {
     var displayName: string;
 }

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import './Toast.css';
 import { ToastProps } from './types';
-export declare function Toast<T>({ state, ...props }: ToastProps<T>): JSX.Element;
+export declare function Toast<T>({ state, ...props }: ToastProps<T>): React.ReactElement;

package/dist/esm/lib2/shared/ui/Toast/ToastRegion.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { ToastRegionProps } from './types';
-export declare function ToastRegion<T>({ state, ...props }: ToastRegionProps<T>): JSX.Element;
+export declare function ToastRegion<T>({ state, ...props }: ToastRegionProps<T>): React.ReactElement;

package/dist/esm/lib2/widgets/UpdateContractWidget/UpdateContractWidget.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type UpdateContractWidgetProps = {
     isAccepted: boolean;
     setIsAccepted: (isAccepted: boolean) => void;
@@ -10,5 +11,5 @@ type UpdateContractWidgetProps = {
     agreementText: string[];
     isLoading?: boolean;
 };
-export declare function UpdateContractWidget({ applyText, onApply, heading, image, avatar, agreementText, handlePressLink, isAccepted, setIsAccepted, isLoading, }: UpdateContractWidgetProps): JSX.Element;
+export declare function UpdateContractWidget({ applyText, onApply, heading, image, avatar, agreementText, handlePressLink, isAccepted, setIsAccepted, isLoading, }: UpdateContractWidgetProps): React.ReactElement;
 export {};

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as React$1 from 'react';
 import React__default, { CSSProperties, FC, HTMLAttributes, SVGAttributes, PropsWithChildren, KeyboardEvent, InputHTMLAttributes, RefObject, EffectCallback, DependencyList, SVGProps, ReactNode, ReactElement, ChangeEvent } from 'react';
 import * as _ionic_core from '@ionic/core';
 import { RangeValue, IonSearchbarCustomEvent, SearchbarChangeEventDetail, TextFieldTypes } from '@ionic/core';
-import { JSX as JSX$1 } from '@ionic/core/components';
+import { JSX } from '@ionic/core/components';
 import { WithTranslation } from 'react-i18next';
 import { SwiperRef, SwiperProps } from 'swiper/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -84,7 +84,7 @@ type LetterAvatarProps = {
 };
 declare const _default$1k: React__default.NamedExoticComponent<LetterAvatarProps>;
 
-type ImageWithFallbackProps = JSX.IntrinsicElements['img'] & {
+type ImageWithFallbackProps = React__default.ImgHTMLAttributes<HTMLImageElement> & {
     onErrorContent: React__default.ReactElement;
 };
 declare const ImageWithFallback: React__default.FC<ImageWithFallbackProps>;
@@ -177,7 +177,7 @@ type MediaPlayerProps<TCameraTrack extends Playable | undefined, TAudioTrack ext
     showControls: boolean;
     isScreenSharing?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
-declare const AgoraMediaPlayer: <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 AgoraMediaPlayer: <TCameraTrack extends Playable | undefined, TAudioTrack extends Playable | undefined>({ fullwidth, cameraTrack, audioTrack, isVideoTrackMuted, isAudioTrackMuted, networkQuality, fallbackAvatar, fallbackAvatarDimensions, fallbackName, showControls, isScreenSharing, ...props }: MediaPlayerProps<TCameraTrack, TAudioTrack>) => React__default.ReactElement;
 declare const _default$1j: typeof AgoraMediaPlayer;
 
 type RoundButtonPropsType = {
@@ -252,7 +252,7 @@ type SkeletonProps$1 = {
     widthPx?: number;
     heightPx?: number;
     style?: React__default.CSSProperties;
-} & Omit<JSX$1.IonSkeletonText, 'animated'>;
+} & Omit<JSX.IonSkeletonText, 'animated'>;
 /**
  * @deprecated
  */
@@ -271,7 +271,7 @@ type VideoPlayerProps = {
     videoLink: string;
     closeModalHandler?: () => void;
     onErrorContent: React__default.ReactElement;
-} & JSX$1.IonModal;
+} & JSX.IonModal;
 declare const _default$1i: React__default.NamedExoticComponent<VideoPlayerProps>;
 
 type NotSupportModalProps = {
@@ -286,7 +286,7 @@ type NotSupportModalProps = {
         downloadChromeText: string;
         attention: string;
     };
-} & JSX$1.IonModal;
+} & JSX.IonModal;
 declare const NotSupportModal: React__default.FC<NotSupportModalProps>;
 
 declare enum TypographyVariantsEnum {
@@ -1372,7 +1372,7 @@ type ButtonProps$1 = {
     style?: CSSVarStyles;
     id?: string;
     variant?: 'default' | 'blue' | 'custom';
-} & JSX$1.IonButton;
+} & JSX.IonButton;
 
 declare const Button_v2: FC<PropsWithChildren<ButtonProps$1>>;
 
@@ -1468,7 +1468,7 @@ type ListBoxProps<T> = AriaListBoxProps<T> & {
     t?: WithTranslation['t'];
 };
 
-declare function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, onboardingTheme, isOnboardingPreview, isTransparent, isRoundCorners, maxSelectionCount, initialVisibleCount, t, ...props }: ListBoxProps<T>): JSX.Element;
+declare function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, onboardingTheme, isOnboardingPreview, isTransparent, isRoundCorners, maxSelectionCount, initialVisibleCount, t, ...props }: ListBoxProps<T>): React$1.ReactElement;
 
 type ListOptionsProps = {
     item: Node<unknown>;
@@ -1505,7 +1505,7 @@ type ListBoxItemProps = {
 declare const ListOption: React$1.ForwardRefExoticComponent<ListOptionsProps & {
     maxSelectionCount?: number;
 } & React$1.RefAttributes<HTMLIonItemElement>>;
-declare const ListBoxItem: (props: ItemProps$1<unknown> & ListBoxItemProps) => JSX.Element;
+declare const ListBoxItem: (props: ItemProps$1<unknown> & ListBoxItemProps) => React$1.ReactElement;
 
 type BaseTypeProps = {
     onDatePress?: (date: string, evt: React$1.MouseEvent<HTMLButtonElement>) => void;
@@ -1527,21 +1527,21 @@ type CalendarProps = Omit<AriaCalendarProps<DateValue>, 'minValue' | 'defaultVal
     onSelectionChange: (dates: string[]) => void;
 };
 
-declare function Calendar({ maxValue, minValue, timeZone, locale, isShowWeekNames, isShowMonthNavigation, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, ...props }: CalendarProps): JSX.Element;
+declare function Calendar({ maxValue, minValue, timeZone, locale, isShowWeekNames, isShowMonthNavigation, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, ...props }: CalendarProps): React__default.ReactElement;
 
 type VerticalCalendarProps = CalendarProps & {
     visibleDuration?: number;
 };
-declare function VerticalCalendar({ maxValue, timeZone, locale, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, minValue, visibleDuration, ...props }: VerticalCalendarProps): JSX.Element;
+declare function VerticalCalendar({ maxValue, timeZone, locale, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, minValue, visibleDuration, ...props }: VerticalCalendarProps): React__default.ReactElement;
 
 type VerticalCalendarMonthSkeletonProps = {
     days: number;
 };
-declare function VerticalCalendarMonthSkeleton({ days, }: VerticalCalendarMonthSkeletonProps): JSX.Element;
+declare function VerticalCalendarMonthSkeleton({ days, }: VerticalCalendarMonthSkeletonProps): React$1.ReactElement;
 
-declare function VerticalCalendarSkeleton(): JSX.Element;
+declare function VerticalCalendarSkeleton(): React$1.ReactElement;
 
-interface TextareaV2Props extends Omit<JSX$1.IonTextarea, 'color' | 'enterkeyhint' | 'inputmode' | 'mode'> {
+interface TextareaV2Props extends Omit<JSX.IonTextarea, 'color' | 'enterkeyhint' | 'inputmode' | 'mode'> {
     borderTop?: boolean;
     showCounter?: boolean;
     className?: string;
@@ -1570,7 +1570,7 @@ declare const RatingCircleWrapper: FC<CircleRatingComponentProps & {
 }>;
 
 type IconButtonProps = {
-    icon: JSX.Element;
+    icon: React__default.ReactElement;
     className?: string;
     routerLink?: string;
     onClick?: (e: React__default.MouseEvent<HTMLIonButtonElement>) => void;
@@ -1588,7 +1588,7 @@ interface ToastRegionProps<T> extends AriaToastRegionProps {
     state: ToastState<T>;
 }
 
-declare function ToastRegion<T>({ state, ...props }: ToastRegionProps<T>): JSX.Element;
+declare function ToastRegion<T>({ state, ...props }: ToastRegionProps<T>): React$1.ReactElement;
 
 interface ScreenInputProps extends InputHTMLAttributes<HTMLInputElement> {
     variant?: 'default' | 'large';
@@ -1767,7 +1767,7 @@ declare function CollapsableText({ t, text, size, fontWeight, }: CollapsableText
 type TabsProps<T> = AriaTabListProps<T> & {
     className?: string;
 };
-declare function Tabs$1<T extends Record<string, unknown>>(props: TabsProps<T>): JSX.Element;
+declare function Tabs$1<T extends Record<string, unknown>>(props: TabsProps<T>): React__default.ReactElement;
 declare namespace Tabs$1 {
     var displayName: string;
 }
@@ -1776,7 +1776,7 @@ declare const TabItem: (props: ItemProps$1<unknown> & {
     onClick?: () => void;
     className?: string;
     textTransform?: 'uppercase' | 'capitalize' | 'lowercase' | 'none';
-}) => JSX.Element;
+}) => React__default.ReactElement;
 
 type SimpleTabsProps = {
     tabs: {
@@ -1936,14 +1936,14 @@ type ThemeProviderProps = {
 declare const ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>;
 
 declare const ToastContext: React$1.Context<ToastState<MindlyToastProps> | undefined>;
-declare function ToastProvider({ children, ...props }: React$1.PropsWithChildren<ToastProviderProps>): JSX.Element;
+declare function ToastProvider({ children, ...props }: React$1.PropsWithChildren<ToastProviderProps>): React$1.ReactElement;
 
 declare const CircleRatingContext: React__default.Context<CircleRatingContextData>;
 declare const CircleRatingProvider: ({ children, data, t, }: {
-    children: JSX.Element;
+    children: React__default.ReactElement;
     data: CircleRatingContextProps;
     t: WithTranslation["t"];
-}) => JSX.Element | null;
+}) => React__default.ReactElement | null;
 
 type VideoContextValue = {
     currentSrc: string | undefined;
@@ -2123,7 +2123,7 @@ interface IconProps$B extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare const IconCheckboxChecked: ({ color, size, ...other }: IconProps$B) => JSX.Element;
+declare const IconCheckboxChecked: ({ color, size, ...other }: IconProps$B) => React$1.ReactElement;
 
 interface IconProps$A extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
@@ -2165,10 +2165,10 @@ interface IconProps$v extends React$1.SVGAttributes<SVGElement> {
 }
 declare function IconPause({ color, size, ...other }: IconProps$v): react_jsx_runtime.JSX.Element;
 
-declare function IconMinus({ color, size, ...other }: IconProps$H): JSX.Element;
+declare function IconMinus({ color, size, ...other }: IconProps$H): React$1.ReactElement;
 
 type IconPlusProps = React$1.SVGProps<any>;
-declare function IconPlus({ color, ...props }: IconPlusProps): JSX.Element;
+declare function IconPlus({ color, ...props }: IconPlusProps): React$1.ReactElement;
 
 interface IconProps$u extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
@@ -2344,7 +2344,7 @@ declare const IconArrowDown: ({ width, height, color, ...other }: SVGProps<SVGSV
 interface IconProps$e extends React$1.SVGAttributes<SVGElement> {
     color?: string;
 }
-declare const IconRadioButtonChecked: ({ color, ...rest }: IconProps$e) => JSX.Element;
+declare const IconRadioButtonChecked: ({ color, ...rest }: IconProps$e) => React$1.ReactElement;
 
 interface IconProps$d extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
@@ -2408,7 +2408,7 @@ interface IconProps$8 extends React$1.SVGAttributes<SVGElement> {
     className?: string;
     style?: React$1.CSSProperties;
 }
-declare function IconCheckCircle({ color, size, ...props }: IconProps$8): JSX.Element;
+declare function IconCheckCircle({ color, size, ...props }: IconProps$8): React$1.ReactElement;
 
 interface IconProps$7 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
@@ -2619,7 +2619,7 @@ type CountryOfOriginModalProps = {
     searchValue: string;
     searchPlaceholder?: string;
     onItemClick: (clickedItem: string) => void;
-} & JSX$1.IonModal;
+} & JSX.IonModal;
 
 declare const CountryOfOriginModal: React__default.FC<CountryOfOriginModalProps & WithTranslation>;
 
@@ -2627,7 +2627,7 @@ type LanguagesType = {
     name: string;
     code: string;
 };
-type ChangeLanguageModalProps = JSX$1.IonModal & {
+type ChangeLanguageModalProps = JSX.IonModal & {
     onModalClose: () => void;
     title: string;
     selected: string;
@@ -2698,7 +2698,7 @@ type PushNotificationsModalProps = {
     }) => React$1.ReactNode;
 };
 
-declare function PushNotificationsModal({ onApplyPermission, isOpen, title, description, image, applyPermissionText, ...props }: PushNotificationsModalProps): JSX.Element;
+declare function PushNotificationsModal({ onApplyPermission, isOpen, title, description, image, applyPermissionText, ...props }: PushNotificationsModalProps): React$1.ReactElement;
 
 type PushNotificationsIsDisabledBannerProps = {
     onOpenNativeSettings: () => void;
@@ -2708,7 +2708,7 @@ type PushNotificationsIsDisabledBannerProps = {
     buttonText: string;
 };
 
-declare function PushNotificationsIsDisabledBanner({ onOpenNativeSettings, className, title, description, buttonText, }: PushNotificationsIsDisabledBannerProps): JSX.Element;
+declare function PushNotificationsIsDisabledBanner({ onOpenNativeSettings, className, title, description, buttonText, }: PushNotificationsIsDisabledBannerProps): React$1.ReactElement;
 
 type SpecialistShortInfoItemFeatureProps = React__default.PropsWithChildren<{
     t?: WithTranslation['t'];
@@ -2840,7 +2840,7 @@ type GoogleCalendarModalFeatureProps = {
     imageUrl: string;
     t: WithTranslation['t'];
 };
-declare function GoogleCalendarModalFeature({ status, isOpen, onSync, isLoading, presentingElement, imageUrl, onDidDismiss, t, }: GoogleCalendarModalFeatureProps): JSX.Element;
+declare function GoogleCalendarModalFeature({ status, isOpen, onSync, isLoading, presentingElement, imageUrl, onDidDismiss, t, }: GoogleCalendarModalFeatureProps): React$1.ReactElement;
 
 type ReviewCardFeatureVariantType = 'default' | 'outlined' | 'full' | 'store' | 'starFirst';
 declare const _default$O: React__default.NamedExoticComponent<{
@@ -2867,7 +2867,7 @@ type AppNotSupportedProps = {
     isOpen: boolean;
     showMessenger: () => void;
 } & TranslationType;
-declare function AppNotSupportedFeature({ isOpen, showMessenger, t, children, }: PropsWithChildren<AppNotSupportedProps>): JSX.Element;
+declare function AppNotSupportedFeature({ isOpen, showMessenger, t, children, }: PropsWithChildren<AppNotSupportedProps>): React__default.ReactElement;
 
 type ScreenInputUpdateFeatureProps = React__default.PropsWithChildren<{
     title: string;
@@ -2922,7 +2922,7 @@ type OutdatedPersonalDataFeatureProps = {
     onDismiss: () => void;
 };
 
-declare function OutdatedPersonalDataFeature({ isOpen, presentingElement, onApply, onDismiss, subtitle, title, applyText, }: OutdatedPersonalDataFeatureProps): JSX.Element;
+declare function OutdatedPersonalDataFeature({ isOpen, presentingElement, onApply, onDismiss, subtitle, title, applyText, }: OutdatedPersonalDataFeatureProps): React__default.ReactElement;
 
 type ScreenInputFormFeatureProps = {
     type?: 'text' | 'email' | 'number';
@@ -2988,7 +2988,7 @@ type AcceptAgreementFeatureProps = {
     handlePressLink: () => void;
     translations: string[];
 };
-declare function AcceptAgreementFeature({ isAccepted, setIsAccepted, handlePressLink, translations, }: AcceptAgreementFeatureProps): JSX.Element;
+declare function AcceptAgreementFeature({ isAccepted, setIsAccepted, handlePressLink, translations, }: AcceptAgreementFeatureProps): React__default.ReactElement;
 
 type SelectWithSearchFormFeatureProps = {
     title?: string;
@@ -3148,6 +3148,7 @@ interface Props$2 extends Omit<TypographyProps, 'children'> {
     className?: string;
     text: string;
     title?: string;
+    titleId?: string;
     titleIcon?: React.ReactNode;
     countLines?: number;
     expandType?: 'inline' | 'modal';
@@ -3943,7 +3944,7 @@ type UpdateContractWidgetProps = {
     agreementText: string[];
     isLoading?: boolean;
 };
-declare function UpdateContractWidget({ applyText, onApply, heading, image, avatar, agreementText, handlePressLink, isAccepted, setIsAccepted, isLoading, }: UpdateContractWidgetProps): JSX.Element;
+declare function UpdateContractWidget({ applyText, onApply, heading, image, avatar, agreementText, handlePressLink, isAccepted, setIsAccepted, isLoading, }: UpdateContractWidgetProps): React__default.ReactElement;
 
 type SpecialistDetailWidgetProps = {
     locale: SupportedLocales;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindly/ui-components",
-  "version": "8.2.15",
+  "version": "8.2.17",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",
@@ -188,8 +188,9 @@
   },
   "homepage": "https://github.com/iHUB-Projects/UI-components#readme",
   "resolutions": {
-    "@types/react": "17.0.87",
-    "@types/react-dom": "17.0.26"
+    "@types/react": "19.2.3",
+    "@types/react-dom": "19.2.3",
+    "react-rating/@types/react": "19.2.3"
   },
   "lint-staged": {
     "src/**/*.{ts,tsx}": [