@hhgtech/hhg-components 1.25.41 → 1.25.42

package/build/components/molecules/mobileBottomNavigation/MobileBottomNavigationIcon.d.ts

@@ -9,5 +9,5 @@ export type MobileBottomNavigationIconProps = {
     label?: string;
     on?: string;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const MobileBottomNavigationIcon: ({ badgeAmount, disabled, hasBadge, icon, isActive, isSpecial, label, ...props }: MobileBottomNavigationIconProps) => JSX.Element;
+declare const MobileBottomNavigationIcon: ({ badgeAmount, disabled, hasBadge, icon, isActive, isSpecial, label, ...props }: MobileBottomNavigationIconProps) => React.JSX.Element;
 export { MobileBottomNavigationIcon };

package/build/components/molecules/modal/index.d.ts

@@ -15,5 +15,5 @@ export type Props = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const Modal: ({ type, closeIcon, isOpen, onClose, children, className, animationType, isStaticBackdrop, siteType, style, }: Props) => React.ReactPortal;
+declare const Modal: ({ type, closeIcon, isOpen, onClose, children, className, animationType, isStaticBackdrop, siteType, }: Props) => React.ReactPortal;
 export { Modal };

package/build/components/molecules/ovulationCalculator/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../interfaces/types";
 import { OvulationInfoType } from '../embeddedHeathToolCards/ovulation/ovulation';
 export declare enum OvulationCalculatorType {
@@ -12,5 +12,5 @@ export type Props = {
     isSide?: boolean;
     siteType?: SiteType;
 };
-declare const OvulationCalculator: ({ locale, onSubmitOvulation, isSide, siteType, }: Props) => JSX.Element;
+declare const OvulationCalculator: ({ locale, onSubmitOvulation, isSide, siteType, }: Props) => React.JSX.Element;
 export { OvulationCalculator };

package/build/components/molecules/ovulationCalculator/ovulationForm.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../interfaces/types";
 type Props = {
     locale?: LocaleType;
@@ -11,5 +11,5 @@ type Props = {
     siteType?: SiteType;
     pageUrl?: string;
 };
-declare const OvulationForm: ({ locale, onSubmit, isSide, siteType }: Props) => JSX.Element;
+declare const OvulationForm: ({ locale, onSubmit, isSide, siteType }: Props) => React.JSX.Element;
 export { OvulationForm };

package/build/components/molecules/pillCarousel/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CarouselProps as MantineCarouselProps } from '@mantine/carousel';
 import { PillProps } from "../../atoms/pill";
 import { LocaleType } from "../../../interfaces/types";
@@ -15,5 +15,5 @@ export type PillCarouselProps = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const PillCarousel: ({ data, isMobile, onSlideChange, pillProps, locale, blurFromIndex, blurLength, ...rest }: PillCarouselProps) => JSX.Element;
+declare const PillCarousel: ({ data, isMobile, onSlideChange, pillProps, locale, blurFromIndex, blurLength, ...rest }: PillCarouselProps) => React.JSX.Element;
 export { PillCarousel };

package/build/components/molecules/pillCarousel/index.styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledPill: import("styled-components").StyledComponent<({ icon, name, className, locale, dataEventCategory, dataEventAction, dataEventLabel, onSelect, ...rest }: import("../../atoms/pill").PillProps) => JSX.Element, any, {}, never>;
+export declare const StyledPill: import("styled-components").StyledComponent<({ icon, name, className, locale, dataEventCategory, dataEventAction, dataEventLabel, onSelect, ...rest }: import("../../atoms/pill").PillProps) => import("react").JSX.Element, any, {}, never>;
 export declare const StyledSlide: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
 export declare const StyledCarousel: import("styled-components").StyledComponent<import("../../mantine/CentralCarousel").CompoundedComponent, any, {}, never>;

package/build/components/molecules/popup/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     type: 'lead' | 'form' | 'confirm' | 'profile';
     closeIcon?: JSX.Element;
@@ -8,5 +8,5 @@ export type Props = {
     className?: string;
     enableAnimation?: boolean;
 };
-declare const Popup: ({ type, closeIcon, isOpen, onClose, children, className, enableAnimation, }: Props) => JSX.Element;
+declare const Popup: ({ type, closeIcon, isOpen, onClose, children, className, enableAnimation, }: Props) => React.JSX.Element;
 export { Popup };

package/build/components/molecules/progressBar/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     type: 'breadcrumb' | 'step-track' | 'detail-track';
     numberOfStep: number;
@@ -13,5 +13,5 @@ export type Props = {
     className?: string;
     isMobile?: boolean;
 };
-declare const ProgressBar: ({ type, numberOfStep, activeStep, labelPrefix, detailSteps, className, onChange, }: Props) => JSX.Element;
+declare const ProgressBar: ({ type, numberOfStep, activeStep, labelPrefix, detailSteps, className, onChange, }: Props) => React.JSX.Element;
 export { ProgressBar };

package/build/components/molecules/radioImageGroupForTool/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     options: Array<{
         value: string;
@@ -13,5 +13,5 @@ export type Props = {
     direction?: 'vertical' | 'horizontal';
     onChange?: (v: string) => void;
 };
-declare const RadioImageGroupForTool: ({ value, options, className, direction, onChange, isDisabled, }: Props) => JSX.Element;
+declare const RadioImageGroupForTool: ({ value, options, className, direction, onChange, isDisabled, }: Props) => React.JSX.Element;
 export { RadioImageGroupForTool };

package/build/components/molecules/scrollList/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 type Distance = {
     amount: number;
     unit: 'percentage' | 'pixel';
@@ -34,5 +34,5 @@ export type Props = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-export declare const ScrollList: ({ row, column, isDotsShown, isImageGalleryShown, mode, type, distanceOverlappedLeft, children, className, isProgressShown, statusChildren, isArrowShown, classNameLeftArrow, classNameRightArrow, dataEventCategory, dataEventAction, dataEventLabel, onChangePage, page, customPageWidth, scheme, arrowType, }: Props) => JSX.Element;
+export declare const ScrollList: ({ row, column, isDotsShown, isImageGalleryShown, mode, type, distanceOverlappedLeft, children, className, isProgressShown, statusChildren, isArrowShown, classNameLeftArrow, classNameRightArrow, dataEventCategory, dataEventAction, dataEventLabel, onChangePage, page, customPageWidth, scheme, arrowType, }: Props) => React.JSX.Element;
 export {};

package/build/components/molecules/seoHead/index.d.ts

@@ -45,5 +45,5 @@ export type Props = {
     userId?: string | number;
     forcedCanonicalUrl?: string;
 };
-declare const SeoHead: ({ SEOData, locale, routerPathname: pathname, routerQuery: query, nextHead: Head, siteType, seoCustom, userId, forcedCanonicalUrl, }: Props) => JSX.Element;
+declare const SeoHead: ({ SEOData, locale, routerPathname: pathname, routerQuery: query, nextHead: Head, siteType, seoCustom, userId, forcedCanonicalUrl, }: Props) => React.JSX.Element;
 export { SeoHead };

package/build/components/molecules/sidemenu/menuLink.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { TextSize, TextType } from 'components/atoms/text';
 type Props = {
     icon: JSX.Element;
@@ -12,5 +12,5 @@ type Props = {
     textColorActive?: string;
     textColor?: string;
 };
-declare const MenuLink: ({ icon, isActive, children, isCollapsed, activeIcon, onLinkClick, textSize, textType, textColorActive, textColor, }: Props) => JSX.Element;
+declare const MenuLink: ({ icon, isActive, children, isCollapsed, activeIcon, onLinkClick, textSize, textType, textColorActive, textColor, }: Props) => React.JSX.Element;
 export { MenuLink };

package/build/components/molecules/sidemenu/sideHeader.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     isCollapsed: boolean;
     defaultLogo?: 'hellobacsi' | 'hellosehat' | 'hellohealth' | 'hellotogether' | 'hellocare' | 'logomark';
     onBackClick?: () => void;
     customIcon?: JSX.Element;
 };
-declare const SideHeader: ({ isCollapsed, defaultLogo, onBackClick, customIcon, }: Props) => JSX.Element;
+declare const SideHeader: ({ isCollapsed, defaultLogo, onBackClick, customIcon, }: Props) => React.JSX.Element;
 export { SideHeader };

package/build/components/molecules/sidemenu/sideMenu.d.ts

@@ -1,9 +1,9 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 export type Props = {
     isCollapsed: boolean;
     className?: string;
     style?: CSSProperties;
     children?: ReactNode;
 };
-declare const SideMenu: ({ isCollapsed, className, style, children }: Props) => JSX.Element;
+declare const SideMenu: ({ isCollapsed, className, style, children }: Props) => React.JSX.Element;
 export { SideMenu };

package/build/components/molecules/sidemenu/test.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Test: () => JSX.Element;
+import React from 'react';
+declare const Test: () => React.JSX.Element;
 export { Test };

package/build/components/molecules/sidemenu/userInfo.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     isCollapsed: boolean;
     userName: string;
     role: string;
     avatar: JSX.Element;
 };
-declare const UserInfo: ({ isCollapsed, userName, role, avatar }: Props) => JSX.Element;
+declare const UserInfo: ({ isCollapsed, userName, role, avatar }: Props) => React.JSX.Element;
 export { UserInfo };

package/build/components/molecules/starsRatingBox/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 type StarRate = {
     star?: number;
     label: string;
@@ -19,5 +19,5 @@ export type Props = {
     style?: CSSProperties;
     className?: string;
 };
-declare const StarsRatingBox: ({ rates, useDefaultEmptyRates, style, className, }: Props) => JSX.Element;
+declare const StarsRatingBox: ({ rates, useDefaultEmptyRates, style, className, }: Props) => React.JSX.Element;
 export { StarsRatingBox };

package/build/components/molecules/statisticCard/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     type: 'big' | 'small';
     description: string;
@@ -8,5 +8,5 @@ export type Props = {
     cardColor?: string;
     className?: string;
 };
-declare const StatisticCard: ({ type, description, value, withIcon, isInACard, cardColor, className, }: Props) => JSX.Element;
+declare const StatisticCard: ({ type, description, value, withIcon, isInACard, cardColor, className, }: Props) => React.JSX.Element;
 export { StatisticCard };

package/build/components/molecules/surveyQuestionCard/surveyQuestionCard.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 import { SurveyOption, SurveyTextOption, SurveyQuestion } from './surveyQuestionContent';
 export type SurveyAnswer = SurveyOption[] | SurveyTextOption[];
 export type Props = {
@@ -24,5 +24,5 @@ export declare enum NodeMultipleOptions {
     EXACT_NUMBER = 1,
     RANGE = 2
 }
-declare const SurveyQuestionCard: ({ className, headerText, style, question, termAndPolicyText, prevText, nextText, isContactForm, isDisableNext, isDisablePrev, onPrevClick, onNextClick, isSubmitButton, isButtonCenter, progress, descriptionText, }: Props) => JSX.Element;
+declare const SurveyQuestionCard: ({ className, headerText, style, question, termAndPolicyText, prevText, nextText, isContactForm, isDisableNext, isDisablePrev, onPrevClick, onNextClick, isSubmitButton, isButtonCenter, progress, descriptionText, }: Props) => React.JSX.Element;
 export { SurveyQuestionCard };

package/build/components/molecules/surveyQuestionCard/surveyQuestionContent.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 import { Props as InputType } from 'components/atoms/input';
 export type SurveyOption = {
     label: string;
@@ -35,4 +35,4 @@ export type Props = {
     className?: string;
     style?: CSSProperties;
 };
-export declare const SurveyQuestionContent: ({ question, description, onOptionsChange, onTextOptionsChange, style, className, }: Props) => JSX.Element;
+export declare const SurveyQuestionContent: ({ question, description, onOptionsChange, onTextOptionsChange, style, className, }: Props) => React.JSX.Element;

package/build/components/molecules/surveyQuestionCard/surveyRadio.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     size?: 'small' | 'large';
     label: string;
@@ -12,5 +12,5 @@ export type Props = {
     inputType?: 'radio' | 'checkbox';
     onChange: (v: string) => void;
 };
-declare const SurveyRadio: ({ size, label, name, checked, value, className, isDisabled, onChange, hasImage, inputType, image, }: Props) => JSX.Element;
+declare const SurveyRadio: ({ size, label, name, checked, value, className, isDisabled, onChange, hasImage, inputType, image, }: Props) => React.JSX.Element;
 export { SurveyRadio };

package/build/components/molecules/surveyQuestionCard/surveyThankyouCard.d.ts

@@ -1,8 +1,8 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 export type Props = {
     thankyou?: ReactNode;
     thankyouSubtitle?: ReactNode;
     className?: string;
     style?: CSSProperties;
 };
-export declare const SurveyThankyouCard: ({ thankyou, thankyouSubtitle, className, style, }: Props) => JSX.Element;
+export declare const SurveyThankyouCard: ({ thankyou, thankyouSubtitle, className, style, }: Props) => React.JSX.Element;

package/build/components/molecules/table/table.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 type Props = {
     children: ReactNode;
     horizontalPadding?: string;
@@ -6,5 +6,5 @@ type Props = {
     className?: string;
     style?: CSSProperties;
 };
-declare const Table: ({ children, className, style, horizontalPadding, verticalPadding, }: Props) => JSX.Element;
+declare const Table: ({ children, className, style, horizontalPadding, verticalPadding, }: Props) => React.JSX.Element;
 export { Table };

package/build/components/molecules/table/tableBody.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 type Props = {
     children: ReactNode;
     isHoverable?: boolean;
@@ -6,5 +6,5 @@ type Props = {
     style?: CSSProperties;
     className?: string;
 };
-declare const Body: ({ children, className, style, isHoverable, isStriped, }: Props) => JSX.Element;
+declare const Body: ({ children, className, style, isHoverable, isStriped, }: Props) => React.JSX.Element;
 export { Body };

package/build/components/molecules/table/tableCell.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 type Props = {
     children: ReactNode;
     textAlign?: 'left' | 'center' | 'right';
@@ -6,5 +6,5 @@ type Props = {
     isTableHead?: boolean;
     style?: CSSProperties;
 };
-declare const Cell: ({ children, className, style, textAlign, isTableHead, }: Props) => JSX.Element;
+declare const Cell: ({ children, className, style, textAlign, isTableHead, }: Props) => React.JSX.Element;
 export { Cell };

package/build/components/molecules/table/tableHead.d.ts

@@ -1,9 +1,9 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 type Props = {
     children: ReactNode;
     className?: string;
     isSticky?: boolean;
     style?: CSSProperties;
 };
-declare const Head: ({ isSticky, children, className, style }: Props) => JSX.Element;
+declare const Head: ({ isSticky, children, className, style }: Props) => React.JSX.Element;
 export { Head };

package/build/components/molecules/table/tableRow.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 type Props = {
     children: ReactNode;
     isActive?: boolean;
@@ -7,5 +7,5 @@ type Props = {
     onRowClicked?: (id: number | string) => void;
     rowId?: number | string;
 };
-declare const Row: ({ children, className, style, isActive, onRowClicked, rowId, }: Props) => JSX.Element;
+declare const Row: ({ children, className, style, isActive, onRowClicked, rowId, }: Props) => React.JSX.Element;
 export { Row };

package/build/components/molecules/tabs/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultProps, Selectors } from '@mantine/core';
 import { TextSize } from 'components/atoms/text';
 import { TextProps } from "../../mantine";
 import { CSSProperties } from 'styled-components';
-import { DataTrackingType } from '../../../interfaces/types';
 import useStyles from './index.styles';
+import { DataTrackingType } from '../../../interfaces/types';
 type TabContent = {
     name: string;
     icon?: JSX.Element;
@@ -23,5 +23,5 @@ export interface Props extends DefaultProps<Selectors<typeof useStyles>> {
 /**
  * @deprecated Consider to use mantine
  */
-declare const Tabs: ({ style, initialTab, tabContent, onChange, className, dataEventCategory, dataEventAction, dataEventLabel, id, styles, }: Props & DataTrackingType) => JSX.Element;
+declare const Tabs: ({ style, initialTab, tabContent, onChange, className, dataEventCategory, dataEventAction, dataEventLabel, id, styles, }: Props & DataTrackingType) => React.JSX.Element;
 export { Tabs };

package/build/components/molecules/thrForm/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { LOCALE } from "../../../interfaces/types/Locale";
 import { targetHeartRateInfo } from "../../../together/interfaces/types";
 import { InputError } from '../embeddedHeathToolCards/target-heart-rate';
@@ -11,5 +11,5 @@ export type Props = {
     locale?: LOCALE;
     isSide?: boolean;
 };
-declare const ThrForm: ({ info, className, style, onChange, errorMessage, locale, }: Props) => JSX.Element;
+declare const ThrForm: ({ info, className, style, onChange, errorMessage, locale, }: Props) => React.JSX.Element;
 export { ThrForm };

package/build/components/molecules/thrForm/index.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledButton: import("styled-components").StyledComponent<({ size, color, theme, isDisabled, isBlock, title, className, onClick, icon, iconPosition, children, isLoading, loadingText, dataEventCategory, dataEventAction, dataEventLabel, dataProductChannel, dataProductSku, dataProductBrand, dataProductName, dataProductPrice, dataProductCategory, dataProductPosition, type, ...rest }: import("../../atoms/button").Props) => JSX.Element, any, {}, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<({ size, color, theme, isDisabled, isBlock, title, className, onClick, icon, iconPosition, children, isLoading, loadingText, dataEventCategory, dataEventAction, dataEventLabel, dataProductChannel, dataProductSku, dataProductBrand, dataProductName, dataProductPrice, dataProductCategory, dataProductPosition, type, ...rest }: import("../../atoms/button").Props) => import("react").JSX.Element, any, {}, never>;
 export declare const StyledTHRGender: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type" | "onChange" | "size" | "ref" | "autoComplete" | "enterKeyHint"> & import("../../atoms/pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
 export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/molecules/toolBannerCard/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { SiteType } from "../../../interfaces/types";
 export type Props = {
     heading: string;
@@ -14,5 +14,5 @@ export type Props = {
     siteType?: SiteType;
     isEmbeded?: boolean;
 };
-declare const ToolsBannerCard: ({ className, heading, isMobile, bannerUrl, bannerUrlLarge, bannerColor, medicalReview, icon, isSide, style, siteType, isEmbeded, }: Props) => JSX.Element;
+declare const ToolsBannerCard: ({ className, heading, isMobile, bannerUrl, bannerUrlLarge, bannerColor, medicalReview, icon, isSide, style, siteType, isEmbeded, }: Props) => React.JSX.Element;
 export { ToolsBannerCard };

package/build/components/molecules/weightGainForm/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SiteType } from "../../../interfaces/types";
 import { PregWeightInfo } from "../../../together/interfaces/types";
 import { InputError } from '../embeddedHeathToolCards/pwg/pwg';
@@ -9,5 +9,5 @@ export type Props = {
     isMobile?: boolean;
     siteType?: SiteType;
 };
-declare const PWGInputForm: ({ siteType, info, onChange, errorMessage, }: Props) => JSX.Element;
+declare const PWGInputForm: ({ siteType, info, onChange, errorMessage, }: Props) => React.JSX.Element;
 export { PWGInputForm };

package/build/components/onboarding/dynamicForm/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PhoneProps } from "../../mantine/phone";
 export type DynamicFormProps = {
     defaultCountry?: PhoneProps['defaultCountry'];
@@ -15,4 +15,4 @@ export declare const MAPPED_LOCALE: {
     "th-TH": string;
     "my-MM": string;
 };
-export declare const DynamicForm: <T = any>({ inputOrder, }: DynamicFormProps) => JSX.Element;
+export declare const DynamicForm: <T = any>({ inputOrder, }: DynamicFormProps) => React.JSX.Element;

package/build/components/onboarding/onboardingForm/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PhoneProps } from "../../mantine/phone";
 export type OnboardingFormProps = {
     onClose(): void;
@@ -21,4 +21,4 @@ export declare const MAPPED_LOCALE: {
     "th-TH": string;
     "my-MM": string;
 };
-export declare const OnboardingForm: ({ onClose, onSubmit: _onSubmit, canSkip, customFormTexts, }: OnboardingFormProps) => JSX.Element;
+export declare const OnboardingForm: ({ onClose, onSubmit: _onSubmit, canSkip, customFormTexts, }: OnboardingFormProps) => React.JSX.Element;

package/build/components/onboarding/onboardingForm/index.styled.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const StyledOnboardingForm: import("styled-components").StyledComponent<({ heading, description, children, className, imgSrc, ...rest }: import("../../ui/onboarding").OnboardingProps) => JSX.Element, any, {}, never>;
+export declare const StyledOnboardingForm: import("styled-components").StyledComponent<({ heading, description, children, className, imgSrc, ...rest }: import("../../ui/onboarding").OnboardingProps) => import("react").JSX.Element, any, {}, never>;

package/build/components/onboarding/onboardingModal/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { OnboardingProps } from "../../ui/onboarding";
 import { Banner, OnboardingStep, PersonalInfo } from "../../../interfaces/types";
 import { OnboardingFormProps } from '../onboardingForm';
@@ -28,5 +28,5 @@ export type OnboardingModalProps = {
     step?: OnboardingStep;
     style?: CSSProperties;
 };
-declare const OnboardingModal: ({ banner, canSkip, createPassError, createPassLoading, customFormTexts, emailLoading, flow, initialData, onClose, onCreatePassByEmail: _onCreatePassByEmail, onOtpSubmit: _onOtpSubmit, onPersonalInfoSubmit: _onPersonalInfoSubmit, onPhoneSubmit: _onPhoneSubmit, onResendCode, otpError, otpLoading, personalInfoError, resultScreenProps, siteType, step: _step, ...rest }: OnboardingModalProps) => JSX.Element;
+declare const OnboardingModal: ({ banner, canSkip, createPassError, createPassLoading, customFormTexts, emailLoading, flow, initialData, onClose, onCreatePassByEmail: _onCreatePassByEmail, onOtpSubmit: _onOtpSubmit, onPersonalInfoSubmit: _onPersonalInfoSubmit, onPhoneSubmit: _onPhoneSubmit, onResendCode, otpError, otpLoading, personalInfoError, resultScreenProps, siteType, step: _step, ...rest }: OnboardingModalProps) => React.JSX.Element;
 export { OnboardingModal };

package/build/components/onboarding/otpForm/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type OtpFormProps = {
     onSubmit(otp: string | number): void;
     phone?: string;
@@ -11,4 +11,4 @@ export type OtpFormProps = {
     onBack?(): void;
     outOfEdit?: boolean;
 };
-export declare const OtpForm: ({ onSubmit: _onSubmit, phone, email, onResendCode, otpError, onClose, loading, onBack, canSkip: canSkipInit, outOfEdit, }: OtpFormProps) => JSX.Element;
+export declare const OtpForm: ({ onSubmit: _onSubmit, phone, email, onResendCode, otpError, onClose, loading, onBack, canSkip: canSkipInit, outOfEdit, }: OtpFormProps) => React.JSX.Element;

package/build/components/onboarding/otpForm/index.styled.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const StyledOtpForm: import("styled-components").StyledComponent<({ heading, description, children, className, imgSrc, ...rest }: import("../../ui/onboarding").OnboardingProps) => JSX.Element, any, {}, never>;
+export declare const StyledOtpForm: import("styled-components").StyledComponent<({ heading, description, children, className, imgSrc, ...rest }: import("../../ui/onboarding").OnboardingProps) => import("react").JSX.Element, any, {}, never>;

package/build/components/onboarding/personalInfoForm/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PersonalInfo } from "../../../interfaces/types";
 export type PersonalInfoFormProps = {
     onClose(): void;
@@ -13,4 +13,4 @@ export type PersonalInfoFormProps = {
     errorMessage?: string;
     initialData?: PersonalInfo;
 };
-export declare const PersonalInfoForm: ({ onClose, onSubmit, canSkip, loading, errorMessage, initialData, }: PersonalInfoFormProps) => JSX.Element;
+export declare const PersonalInfoForm: ({ onClose, onSubmit, canSkip, loading, errorMessage, initialData, }: PersonalInfoFormProps) => React.JSX.Element;

package/build/components/onboarding/updatePassword/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PhoneProps } from "../../mantine";
 export type UpdatePasswordFormProps = {
     onClose(): void;
@@ -8,4 +8,4 @@ export type UpdatePasswordFormProps = {
     errorMessage?: string;
     loading?: boolean;
 };
-export declare const UpdatePassword: ({ onClose, onSubmit, canSkip, errorMessage, loading, }: UpdatePasswordFormProps) => JSX.Element;
+export declare const UpdatePassword: ({ onClose, onSubmit, canSkip, errorMessage, loading, }: UpdatePasswordFormProps) => React.JSX.Element;

package/build/components/organisms/footer/discoverFooter/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { LocaleType, FooterInfo } from 'interfaces/types';
 export type Props = {
     className?: string;
@@ -7,5 +7,5 @@ export type Props = {
     footerInfo?: FooterInfo;
     locale: LocaleType;
 };
-declare const DiscoverFooter: ({ className, type, footerInfo, isMobile, locale, }: Props) => JSX.Element;
+declare const DiscoverFooter: ({ className, type, footerInfo, isMobile, locale, }: Props) => React.JSX.Element;
 export { DiscoverFooter };

package/build/components/organisms/footer/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FooterInfo, FooterInfoMarryBaby, LocaleType } from 'interfaces/types';
 export type Props = {
     type: 'main' | 'mini';
@@ -17,5 +17,5 @@ export type Flag = {
     link: string;
 };
 export type CountryInitial = 'VN' | 'ID' | 'TH' | 'KH' | 'MY' | 'MM' | 'PH' | 'IN' | 'TW';
-declare const Footer: ({ type, isMobile, locale, footerInfo, siteType, background, }: Props) => JSX.Element;
+declare const Footer: ({ type, isMobile, locale, footerInfo, siteType, background, }: Props) => React.JSX.Element;
 export { Footer };

package/build/components/organisms/footer/maryBabyFooter/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TypeProps as LogoType } from 'components/atoms/logo';
 import { FooterInfoMarryBaby } from 'interfaces/types';
 export type Props = {
@@ -7,5 +7,5 @@ export type Props = {
     footerMenu?: FooterInfoMarryBaby;
     background?: string;
 };
-declare const MarryBabyFooter: ({ logoType, footerMenu, background, }: Props) => JSX.Element;
+declare const MarryBabyFooter: ({ logoType, footerMenu, background, }: Props) => React.JSX.Element;
 export { MarryBabyFooter };

package/build/components/organisms/heroBannerHealthTool/healthToolBanner/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { OvulationInfo, ReviewedUserApi } from "../../../../together/interfaces/types";
 export type Props = {
     backgroundDesktopSrc?: string;
@@ -19,5 +19,5 @@ type OvulationContent = {
     reviewed_by?: ReviewedUserApi;
     reviewed_date: string;
 };
-declare const HealthToolHeroBanner: ({ backgroundDesktopSrc, backgroundMobileSrc, title, className, isSide, ovulationContent, }: Props) => JSX.Element;
+declare const HealthToolHeroBanner: ({ backgroundDesktopSrc, backgroundMobileSrc, title, className, isSide, ovulationContent, }: Props) => React.JSX.Element;
 export { HealthToolHeroBanner };

package/build/components/organisms/heroBannerHealthTool/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ReactNode } from 'react';
 export type Props = {
     src: string;
@@ -7,5 +8,5 @@ export type Props = {
     reviewedSection?: ReactNode;
     isSide?: boolean;
 };
-declare const HeroBanner: ({ src, title, backgroundSrc, className, reviewedSection, isSide, }: Props) => JSX.Element;
+declare const HeroBanner: ({ src, title, backgroundSrc, className, reviewedSection, isSide, }: Props) => React.JSX.Element;
 export { HeroBanner };

package/build/components/organisms/navigationLogoutPopup/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     openLogoutPopup: boolean;
     onCloseHandler: () => void;
     onLogoutHandler: () => void;
     siteType: 'helloSites' | 'marryBaby';
 };
-declare const NavigationLogoutPopup: ({ openLogoutPopup, onCloseHandler, onLogoutHandler, siteType, }: Props) => JSX.Element;
+declare const NavigationLogoutPopup: ({ openLogoutPopup, onCloseHandler, onLogoutHandler, siteType, }: Props) => React.JSX.Element;
 export { NavigationLogoutPopup };

package/build/components/organisms/navigationProfileButton/index.d.ts

@@ -20,4 +20,4 @@ export type Props = {
     isLoading?: boolean;
     locale: LOCALE;
 };
-export declare const NavigationProfileButton: ({ userInfo, siteType, onLoginClick, SSO_URL, currentUrl, isMinifyLogin, enableCare, enableTogether, enableEcom, isUserProfileNavigatorMenuHidden, UP_BASEPATH, isMyHealthEnabled, togetherApiDomain, onLogout, style, userProfileRouterPush, isLoading, locale, }: Props) => JSX.Element;
+export declare const NavigationProfileButton: ({ userInfo, siteType, onLoginClick, SSO_URL, currentUrl, isMinifyLogin, enableCare, enableTogether, enableEcom, isUserProfileNavigatorMenuHidden, UP_BASEPATH, isMyHealthEnabled, togetherApiDomain, onLogout, style, userProfileRouterPush, isLoading, locale, }: Props) => React.JSX.Element;

package/build/components/organisms/navigationProfileButton/popupWrapper.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export type Props = {
     type: 'lead' | 'form' | 'confirm' | 'profile' | 'welcome' | 'due-date';
     closeIcon?: JSX.Element;
@@ -10,5 +10,5 @@ export type Props = {
     id?: string;
     className?: string;
 };
-declare const Popup: ({ type, closeIcon, isOpen, onClose, children, enableAnimation, targetAvatar, id, className, }: Props) => JSX.Element;
+declare const Popup: ({ type, closeIcon, isOpen, onClose, children, enableAnimation, targetAvatar, id, className, }: Props) => React.JSX.Element;
 export { Popup };