@mindly/ui-components 7.5.1 → 8.0.0-alpha.31

package/dist/index.d.ts

@@ -1,10 +1,14 @@
 /// <reference types="react" />
 import * as React$1 from 'react';
-import React__default, { CSSProperties, FC, HTMLAttributes, SVGAttributes, KeyboardEvent, InputHTMLAttributes, KeyboardEventHandler, RefObject, EffectCallback, DependencyList, SVGProps, PropsWithChildren, ReactNode, RefAttributes, ReactText, ReactElement, ChangeEvent } 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 { WithTranslation } from 'react-i18next';
+import { SwiperRef, SwiperProps } from 'swiper/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { RatingComponentProps } from 'react-rating';
+import * as _ionic_react from '@ionic/react';
 import { ScrollDetail, ScrollBaseDetail, RefresherEventDetail } from '@ionic/react';
 import * as _ionic_core_dist_types_components from '@ionic/core/dist/types/components';
 import { IonContentCustomEvent, IonSearchbarCustomEvent as IonSearchbarCustomEvent$1 } from '@ionic/core/dist/types/components';
@@ -13,11 +17,9 @@ export { Selection } from 'react-stately';
 import { AriaListBoxProps, AriaCalendarProps, DateValue, AriaTabListProps } from 'react-aria';
 import { ToastStateProps, ToastState } from '@react-stately/toast';
 import { AriaToastRegionProps } from '@react-aria/toast';
-import { IonSearchbarCustomEvent, SearchbarChangeEventDetail, TextFieldTypes, IonInputCustomEvent, InputChangeEventDetail } from '@ionic/core';
 import { User, SignInResult, SignInWithEmailAndPasswordOptions, LinkWithEmailAndPasswordOptions, CreateUserWithEmailAndPasswordOptions, SendPasswordResetEmailOptions } from '@capacitor-firebase/authentication';
 import { MarkdownToJSX } from 'markdown-to-jsx';
 import { Settings } from 'react-slick';
-import { SwiperRef, SwiperProps } from 'swiper/react';
 
 interface ButtonProps$2 {
     buttonType: 'primary' | 'secondary' | 'actionButton' | 'actionButtonDisabled' | 'secondaryWithStroke' | 'secondaryCancel' | 'actionButtonActive' | 'actionButtonGreen';
@@ -89,10 +91,6 @@ type ImageWithFallbackProps = JSX.IntrinsicElements['img'] & {
 };
 declare const ImageWithFallback: React__default.FC<ImageWithFallbackProps>;
 
-type RangeValue = {
-    lower: number;
-    upper: number;
-};
 type RangeProps = {
     title: string;
     rangeTitleValues?: string;
@@ -130,20 +128,20 @@ type AvatarProps$1 = {
 };
 declare const Avatar: FC<AvatarProps$1>;
 
-type AppHeaderProps$1 = {
+type AppHeaderProps$1 = React__default.PropsWithChildren<{
     fullwidth?: boolean;
     className?: string;
     toolbarClassName?: string;
-};
+}>;
 /**
  * @deprecated
  */
 declare const AppHeader: FC<AppHeaderProps$1>;
 
-type ContainerProps$1 = {
+type ContainerProps$1 = React__default.PropsWithChildren<{
     style?: CSSProperties;
     className?: string;
-};
+}>;
 declare const Container: FC<ContainerProps$1>;
 
 type SegmentType = {
@@ -261,13 +259,13 @@ type SkeletonProps$1 = {
  */
 declare const Skeleton: React__default.FC<SkeletonProps$1>;
 
-declare const Tag: React__default.FC;
+declare const Tag: React__default.FC<React__default.PropsWithChildren>;
 
-type AppFooterProps$1 = {
+type AppFooterProps$1 = React__default.PropsWithChildren<{
     fullwidth?: boolean;
     style?: CSSProperties;
     className?: string;
-};
+}>;
 declare const AppFooter: FC<AppFooterProps$1>;
 
 type VideoPlayerProps = {
@@ -341,7 +339,7 @@ type TypographyProps = {
     id?: string;
 };
 
-declare const _default$1h: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<TypographyProps & React__default.RefAttributes<HTMLDivElement>>>;
+declare const _default$1h: React__default.NamedExoticComponent<TypographyProps & React__default.RefAttributes<HTMLDivElement>>;
 
 type AlertCardVariants = 'transparent' | 'yellow' | 'blue';
 type AlertCardProps = React$1.ComponentPropsWithoutRef<'div'> & {
@@ -1362,7 +1360,7 @@ type ButtonProps$1 = {
     variant?: 'default' | 'blue' | 'custom';
 } & JSX$1.IonButton;
 
-declare const Button_v2: FC<ButtonProps$1>;
+declare const Button_v2: FC<PropsWithChildren<ButtonProps$1>>;
 
 type ContainerProps = {
     className?: string;
@@ -1420,13 +1418,13 @@ type ItemCardProps = React$1.ComponentPropsWithoutRef<'div'> & {
 
 declare const _default$19: React$1.NamedExoticComponent<ItemCardProps>;
 
-type AppHeaderProps = {
+type AppHeaderProps = React__default.PropsWithChildren<{
     fullwidth?: boolean;
     className?: string;
     style?: CSSProperties;
     toolbarClassName?: string;
     toolbarStyle?: CSSProperties;
-};
+}>;
 declare const AppHeader_v2: FC<AppHeaderProps>;
 
 declare enum ListBoxSelectionType {
@@ -1538,7 +1536,7 @@ interface TextareaV2Props extends Omit<JSX$1.IonTextarea, 'color' | 'enterkeyhin
     onKeyPress?: (e: KeyboardEvent<HTMLIonTextareaElement>) => void;
 }
 
-declare const _default$18: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<TextareaV2Props & React__default.RefAttributes<HTMLIonTextareaElement>>>;
+declare const _default$18: React__default.NamedExoticComponent<TextareaV2Props & React__default.RefAttributes<HTMLIonTextareaElement>>;
 
 type RatingProps = {
     initialRating?: number;
@@ -1576,7 +1574,7 @@ interface ToastRegionProps<T> extends AriaToastRegionProps {
     state: ToastState<T>;
 }
 
-declare function ToastRegion<T extends React$1.ReactNode>({ state, ...props }: ToastRegionProps<T>): JSX.Element;
+declare function ToastRegion<T>({ state, ...props }: ToastRegionProps<T>): JSX.Element;
 
 interface ScreenInputProps extends InputHTMLAttributes<HTMLInputElement> {
     variant?: 'default' | 'large';
@@ -1664,9 +1662,7 @@ type VideoMethods = {
     play(): void;
 };
 type VideoRef = HTMLVideoElement | VideoMethods;
-declare const _default$11: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<VideoProps & {
-    children?: React__default.ReactNode;
-} & React__default.RefAttributes<VideoRef>>>;
+declare const _default$11: React__default.NamedExoticComponent<VideoProps & React__default.RefAttributes<VideoRef>>;
 
 type UlLiProps = {
     list: string[];
@@ -1846,34 +1842,28 @@ type NewSpecialistProps = {
 
 declare const NewSpecialist: React__default.FC<NewSpecialistProps>;
 
-type SolidInputProps = {
-    placeholder: string;
-    value?: string;
-    name?: string;
-    type?: TextFieldTypes;
-    itemClassName?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    errorText?: string;
-    isInvalid?: boolean;
-    showTogglePassword?: boolean;
-    /** Whether to show a button at the end of the input field */
-    showButton?: boolean;
-    /** Callback function called when the button is clicked */
-    onButtonClick?: () => void;
-    onChange?: (event: IonInputCustomEvent<InputChangeEventDetail>) => void;
-    onKeyDown?: KeyboardEventHandler;
-    readonly?: boolean;
-    onClick?: () => void;
-};
-
-declare const SolidInput: React__default.ForwardRefExoticComponent<SolidInputProps & React__default.RefAttributes<HTMLIonInputElement>>;
-
-type CounterProps = {
+declare const SolidInput: React__default.ForwardRefExoticComponent<Partial<_ionic_core.Components.IonInput> & {
+    name?: string | undefined;
+    type?: TextFieldTypes | undefined;
+    itemClassName?: string | undefined;
+    inputClassName?: string | undefined;
+    labelClassName?: string | undefined;
+    errorText?: string | undefined;
+    isInvalid?: boolean | undefined;
+    showTogglePassword?: boolean | undefined;
+    showButton?: boolean | undefined;
+    onButtonClick?: (() => void) | undefined;
+    onChange?: ((event: _ionic_core.IonInputCustomEvent<_ionic_react.InputChangeEventDetail>) => void) | undefined;
+    onKeyDown?: React__default.KeyboardEventHandler<Element> | undefined;
+    readonly?: boolean | undefined;
+    onClick?: (() => void) | undefined;
+} & React__default.RefAttributes<HTMLIonInputElement>>;
+
+type CounterProps = PropsWithChildren<{
     className?: string;
     variant?: 'default';
     size?: 'xs';
-};
+}>;
 
 declare const Counter: React__default.FC<CounterProps>;
 
@@ -1922,7 +1912,7 @@ type ThemeProviderProps = {
     appTheme: appThemes;
 };
 
-declare const ThemeProvider: FC<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;
@@ -1957,10 +1947,9 @@ type SpecialistScheduleContextValue = {
     setSchedule: (schedule: Schedule | undefined) => void;
     setIsLoading: (isLoading: boolean) => void;
 };
-type Props$5 = {
-    children?: React__default.ReactNode;
+type Props$5 = React__default.PropsWithChildren<{
     initialSchedule?: Schedule;
-};
+}>;
 declare const useSpecialistScheduleContext: () => SpecialistScheduleContextValue;
 declare const withSpecialistScheduleContext: <T extends React__default.ComponentType<any>>(Component: T) => {
     (props: React__default.ComponentProps<T>): react_jsx_runtime.JSX.Element;
@@ -1991,16 +1980,16 @@ type AuthContextType = {
 };
 
 declare const AuthContext: React__default.Context<AuthContextType | null>;
-type AuthProviderProps = {
+type AuthProviderProps = React__default.PropsWithChildren<{
     /**
      * REMOVE WHEN WE MOVE AUTH TO NATIVE CAPACITOR PLUGIN
      */
     webAuthListener?: (callback: (user: User | null) => void) => () => void;
     errorLoggerFunction: (message: string) => void;
-};
+}>;
 declare const AuthProvider: FC<AuthProviderProps>;
 
-declare function useDomRef<T extends HTMLElement = HTMLElement>(ref: React$1.RefObject<T | null> | React$1.ForwardedRef<T | null>): React$1.RefObject<T>;
+declare function useDomRef<T extends HTMLElement = HTMLElement>(ref: React$1.RefObject<T | null> | React$1.ForwardedRef<T | null>): React$1.RefObject<T | null>;
 
 type AnyFunction = (...args: any[]) => any;
 /**
@@ -2012,7 +2001,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$1.RefObject<T>;
+declare function useAutoFocus<T extends InputRefType>(): React$1.RefObject<T | null>;
 
 declare function useToastContext(): ToastState<MindlyToastProps>;
 
@@ -2049,7 +2038,7 @@ declare function useRatingContext(): CircleRatingContextData;
 
 declare function useElementWidth<T extends HTMLElement>(): [
     number | undefined,
-    RefObject<T>
+    RefObject<T | null>
 ];
 
 declare const useDeepCompareEffect: <T extends unknown[]>(callback: () => void, dependencies: T) => void;
@@ -2062,7 +2051,7 @@ declare function useIsKeyBoardShown(): boolean;
 
 declare const useDelayMount: (delay: number) => boolean;
 
-declare const useStopPropagationEvent: (ref: React.RefObject<HTMLElement>, event: string, deps?: DependencyList) => void;
+declare const useStopPropagationEvent: (ref: React.RefObject<HTMLElement | null>, event: string, deps?: DependencyList) => void;
 
 interface IconProps$G extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
@@ -2677,7 +2666,7 @@ type PushNotificationsIsDisabledBannerProps = {
 
 declare function PushNotificationsIsDisabledBanner({ onOpenNativeSettings, className, title, description, buttonText, }: PushNotificationsIsDisabledBannerProps): JSX.Element;
 
-type SpecialistShortInfoItemFeatureProps = {
+type SpecialistShortInfoItemFeatureProps = React__default.PropsWithChildren<{
     t?: WithTranslation['t'];
     match?: number;
     matchVariant?: 'badge' | 'avatar';
@@ -2690,14 +2679,13 @@ type SpecialistShortInfoItemFeatureProps = {
     reviews?: number;
     rating?: number;
     isSpecialistUnAvailable?: boolean;
-    isAuth?: boolean;
     variantFullName?: TypographyVariantsEnum;
     isFavourite?: boolean;
     video_link?: string;
     onClickReview?(): void;
     onToggleFavourite?(): void;
     onVideoPlay?(): void;
-};
+}>;
 declare const SpecialistShortInfoItemFeature: FC<SpecialistShortInfoItemFeatureProps>;
 
 type SpecialistInfoColumnFeatureProps = {
@@ -2811,14 +2799,14 @@ type GoogleCalendarModalFeatureProps = {
 declare function GoogleCalendarModalFeature({ status, isOpen, onSync, isLoading, presentingElement, imageUrl, onDidDismiss, t, }: GoogleCalendarModalFeatureProps): JSX.Element;
 
 type ReviewCardFeatureVariantType = 'default' | 'outlined' | 'full' | 'store' | 'starFirst';
-declare const _default$O: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
+declare const _default$O: React__default.NamedExoticComponent<{
     id?: string | undefined;
     avatarSrc?: string | undefined;
     name: string;
     date: number;
     rating: number;
     review: string;
-    size?: "small" | "default" | "large" | undefined;
+    size?: "default" | "large" | "small" | undefined;
     variant?: ReviewCardFeatureVariantType | undefined;
     reviewTextClamp?: number | undefined;
     onExpandReview?(): void;
@@ -2827,7 +2815,7 @@ declare const _default$O: React__default.MemoExoticComponent<React__default.Forw
     locale?: SupportedLocales | undefined;
     isEditable?: boolean | undefined;
     onEditReview?: ((review: Pick<SpecialistReview$1, "id" | "review_rating" | "text_of_review">) => void) | undefined;
-} & TranslationType & React__default.RefAttributes<HTMLDivElement>>>;
+} & TranslationType & React__default.RefAttributes<HTMLDivElement>>;
 
 declare const ReviewsCardFeatureSkeleton: React__default.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
 
@@ -2837,8 +2825,7 @@ type AppNotSupportedProps = {
 } & TranslationType;
 declare function AppNotSupportedFeature({ isOpen, showMessenger, t, children, }: PropsWithChildren<AppNotSupportedProps>): JSX.Element;
 
-type ScreenInputUpdateFeatureProps = {
-    children?: any;
+type ScreenInputUpdateFeatureProps = React__default.PropsWithChildren<{
     title: string;
     warnLabel?: string;
     btnLabel: string;
@@ -2851,7 +2838,7 @@ type ScreenInputUpdateFeatureProps = {
     isLoading: boolean;
     isDisabled: boolean;
     isKeyboardShown: boolean;
-};
+}>;
 /**
  * @deprecated Use `ScreenInputFormFeature`
  * */
@@ -2879,7 +2866,7 @@ interface ContentTreeProps {
     data: TreeNode[];
     className?: string;
 }
-declare const ContentTree: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<ContentTreeProps & React__default.RefAttributes<HTMLDivElement>>>;
+declare const ContentTree: React__default.NamedExoticComponent<ContentTreeProps & React__default.RefAttributes<HTMLDivElement>>;
 
 type OutdatedPersonalDataFeatureProps = {
     isOpen: boolean;
@@ -3277,7 +3264,7 @@ type AppHeaderPageProps = {
     onClose?(): void;
 };
 
-declare const AppHeaderPage: React__default.FC<AppHeaderPageProps>;
+declare const AppHeaderPage: React__default.FC<PropsWithChildren<AppHeaderPageProps>>;
 
 type TabsToolbarItem = {
     label: string;
@@ -3289,14 +3276,11 @@ type TabsToolbarItem = {
 };
 type TabsToolbarProps = {
     className?: string;
-    classNameIonTabs?: string;
     user?: UserType | Specialist;
     slot?: 'bottom' | 'top';
     items: TabsToolbarItem[];
     selectedTab: string;
-    onTabWillChange?(e: CustomEvent<{
-        tab: string;
-    }>): void;
+    onTabChange?(tab: string): void;
 };
 
 declare const TabsToolbarFeature: React__default.FC<TabsToolbarProps>;
@@ -3315,10 +3299,10 @@ type SessionPreviewFeatureProps = {
 
 declare const SessionPreviewFeature: React__default.FC<SessionPreviewFeatureProps>;
 
-type EmptyChatModalFeatureProps = {
+type EmptyChatModalFeatureProps = React__default.PropsWithChildren<{
     buttonTitle?: string;
     onButtonClick?: () => void;
-} & CardModalProps;
+}> & CardModalProps;
 declare const EmptyChatModalFeature: FC<EmptyChatModalFeatureProps>;
 
 type FirstChatMessageModalFeatureProps = {
@@ -3345,11 +3329,11 @@ type MenuItem = {
     disabled?: boolean;
     onClick?: () => void;
 };
-type MenuFeatureProps = {
+type MenuFeatureProps = React.PropsWithChildren<{
     items: MenuItem[];
     className?: string;
     isLoading?: boolean;
-};
+}>;
 
 declare const MenuFeature: React__default.FC<MenuFeatureProps>;
 
@@ -3888,7 +3872,6 @@ type SpecialistDetailWidgetProps = {
     specialist: Specialist;
     reviews?: SpecialistReview$1[];
     country: string;
-    isAuth?: boolean;
     isSpecialistUnAvailable?: boolean;
     onLoadMoreReviews?(): void;
     currentUser?: UserType;
@@ -4002,7 +3985,6 @@ type SpecialistDetailWithTabsWidgetProps = {
     specialist: Specialist;
     reviews?: SpecialistReview$1[];
     country: string;
-    isAuth?: boolean;
     isSpecialistUnAvailable?: boolean;
     onLoadMoreReviews?(): void;
     currentUser?: UserType;
@@ -4291,16 +4273,15 @@ type TooltipComponentProps = {
 };
 declare const TooltipComponent: FC<TooltipComponentProps>;
 
-type DaySliderProps = JSX$1.IonSlides & HTMLAttributes<HTMLIonSlidesElement> & RefAttributes<HTMLIonSlidesElement> & {
-    slides: number[] | string[];
-    onDayClick?: (i: number, item: number | string) => void;
+declare const _default$h: React__default.NamedExoticComponent<SwiperProps & React__default.HTMLAttributes<HTMLDivElement> & {
+    slides: string[] | number[];
+    onDayClick?: ((i: number, item: string | number) => void) | undefined;
     locale: SupportedLocales;
     translations?: {
-        today?: string;
-        tomorrow?: string;
-    };
-};
-declare const _default$h: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Omit<DaySliderProps, "ref"> & React__default.RefAttributes<HTMLIonSlidesElement>>>;
+        today?: string | undefined;
+        tomorrow?: string | undefined;
+    } | undefined;
+} & React__default.RefAttributes<SwiperRef>>;
 
 type SpecialistWorkDirectionsPropsType = {
     workDirections?: string[] | [];
@@ -4445,11 +4426,11 @@ type SpecialistCardProps = {
 };
 declare const SpecialistCard: React__default.FC<SpecialistCardProps>;
 
-declare const _default$a: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
+declare const _default$a: React__default.NamedExoticComponent<{
     isError?: boolean | undefined;
     errorStyle?: "filled" | "unfilled" | undefined;
     type?: "number" | "text" | "email" | undefined;
-} & React__default.InputHTMLAttributes<HTMLInputElement> & React__default.RefAttributes<HTMLInputElement>>>;
+} & React__default.InputHTMLAttributes<HTMLInputElement> & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const ImageInput: React__default.ForwardRefExoticComponent<{
     dimension?: number | undefined;
@@ -4469,24 +4450,25 @@ declare const PasswordInput: React__default.ForwardRefExoticComponent<{
     error?: string | null | undefined;
 } & Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type"> & React__default.RefAttributes<HTMLInputElement>>;
 
-declare const _default$9: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
+declare const _default$9: React__default.NamedExoticComponent<{
     isError?: boolean | undefined;
-} & React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & React__default.RefAttributes<HTMLTextAreaElement>>>;
+} & React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & React__default.RefAttributes<HTMLTextAreaElement>>;
 
-declare const _default$8: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
+declare const _default$8: React__default.NamedExoticComponent<{
     options: {
         id: string | number;
         label: string | number;
     }[];
     isError?: boolean | undefined;
-    selectedBy?: "label" | "id" | undefined;
-} & React__default.SelectHTMLAttributes<HTMLSelectElement> & React__default.RefAttributes<HTMLSelectElement>>>;
+    selectedBy?: "id" | "label" | undefined;
+    placeholder?: string | undefined;
+} & React__default.SelectHTMLAttributes<HTMLSelectElement> & React__default.RefAttributes<HTMLSelectElement>>;
 
 type PossibleButtonTypes = 'primary' | 'secondary' | 'accent' | 'accent-dark-green' | 'accent-light-grey' | 'transparent' | 'border' | 'border-white' | 'white' | 'outline';
-type ButtonProps = {
+type ButtonProps = React__default.PropsWithChildren<{
     buttonType?: PossibleButtonTypes;
     loading?: boolean;
-} & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
+}> & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
 /**
  * @deprecated
  */
@@ -4499,7 +4481,7 @@ declare enum CheckboxTypes {
 }
 type CustomCheckboxProps = {
     type: CheckboxTypes;
-    value?: ReactText;
+    value?: string;
     label?: string;
     icon?: ReactElement;
     name?: string;
@@ -4508,10 +4490,10 @@ type CustomCheckboxProps = {
     isCheckbox?: boolean;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 };
-declare const _default$7: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<CustomCheckboxProps & React__default.RefAttributes<HTMLInputElement>>>;
+declare const _default$7: React__default.NamedExoticComponent<CustomCheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
 
 type CheckboxListItem = {
-    id: ReactText;
+    id: string;
     label?: string;
     name?: string;
     icon?: ReactElement;
@@ -4524,8 +4506,8 @@ type CheckboxListCategory = {
 type CheckboxListProps = {
     type: CheckboxTypes;
     items: CheckboxListCategory[];
-    selected?: ReactText[];
-    onChange?: (selected: ReactText[]) => void;
+    selected?: string[];
+    onChange?: (selected: string[]) => void;
     name: string;
     moreLabel?: string;
     title?: string;
@@ -4553,7 +4535,7 @@ type ProgressBarProps = {
 };
 declare const _default$5: React__default.NamedExoticComponent<ProgressBarProps>;
 
-declare const _default$4: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
+declare const _default$4: React__default.NamedExoticComponent<{
     title: string;
     subTitle?: string | undefined;
     isError?: boolean | undefined;
@@ -4561,7 +4543,7 @@ declare const _default$4: React__default.MemoExoticComponent<React__default.Forw
     onCloseClick?: (() => void) | undefined;
     buttonLabel?: string | undefined;
     renderMediaAfterLoad?: boolean | undefined;
-} & Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type"> & React__default.RefAttributes<HTMLInputElement>>>;
+} & Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type"> & React__default.RefAttributes<HTMLInputElement>>;
 
 type SuccessScreenProps = {
     title: string;
@@ -4735,26 +4717,26 @@ type CustomRadioButtonProps = {
 declare const CustomRadioButton: React__default.ForwardRefExoticComponent<CustomRadioButtonProps & React__default.RefAttributes<HTMLInputElement>>;
 
 type ListItemType = {
-    id: ReactText;
+    id: string;
     label: string;
 };
 type ListSelectProps = {
     title: string;
     listItems: ListItemType[];
-    selected?: ReactText;
+    selected?: string;
     onChange: (item: ListItemType) => void;
 };
 
 declare const ListSelect: FC<ListSelectProps>;
 
 type RowItemType = {
-    id: ReactText;
+    id: string;
     label: string;
 };
 type RowSelectProps = {
     title: string;
     rowItems: RowItemType[];
-    selected?: ReactText;
+    selected?: string;
     onChange: (value: RowItemType) => void;
 };