@hhgtech/hhg-components 1.25.41 → 1.25.42

package/build/components/mantine/spoiler/index.d.ts

@@ -11,5 +11,5 @@ export type SpoilerProps = {
     trackingAttributes?: GATrackingCode;
     customExpandFn?: () => void;
 } & Omit<MantineSpoilerProps, 'showLabel' | 'hideLabel' | 'maxHeight'>;
-declare const Spoiler: ({ children, line, lineHeight, trackingAttributes, maxHeight: _maxHeight, customExpandFn, ...rest }: SpoilerProps) => JSX.Element;
+declare const Spoiler: ({ children, line, lineHeight, trackingAttributes, maxHeight: _maxHeight, customExpandFn, ...rest }: SpoilerProps) => React.JSX.Element;
 export { Spoiler };

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

@@ -3,7 +3,7 @@ import { Tabs as MantineTabs, TabsProps as MantineTabsProps } from '@mantine/cor
 export type TabsProps = {
     children: React.ReactNode;
 } & MantineTabsProps;
-export declare const _Tabs: ({ children, ...rest }: TabsProps) => JSX.Element;
+export declare const _Tabs: ({ children, ...rest }: TabsProps) => React.JSX.Element;
 export interface CompoundedComponent extends React.ForwardRefExoticComponent<TabsProps> {
     List: typeof MantineTabs.List;
     Tab: typeof MantineTabs.Tab;

package/build/components/mantine/text/index.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultProps, Selectors, TextProps as MantineTextProps } from '@mantine/core';
 import { DataTrackingType } from "../../../interfaces/types";
-import { TextSize } from '../theme';
 import useStyles from './index.styles';
+import { TextSize } from '../theme';
 export type TextProps = {
-    size: TextSize;
+    size?: TextSize;
     weight?: 'regular' | 'semiBold' | 'bold';
     as?: any;
 } & Omit<MantineTextProps, 'size' | 'weight' | 'component'> & DefaultProps<Selectors<typeof useStyles>> & DataTrackingType;
-declare const Text: ({ size, color, weight, as, styles, className, dataEventCategory, dataEventAction, dataEventLabel, ...rest }: TextProps) => JSX.Element;
+declare const Text: ({ size, color, weight, as, styles, className, dataEventCategory, dataEventAction, dataEventLabel, ...rest }: TextProps) => React.JSX.Element;
 export { Text };

package/build/components/mantine/textArea/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { TextareaProps as MantineTextareaProps } from '@mantine/core';
 export type TextAreaProps = MantineTextareaProps;
-declare const TextArea: (props: TextAreaProps) => JSX.Element;
+declare const TextArea: (props: TextAreaProps) => React.JSX.Element;
 export { TextArea };

package/build/components/mantine/theme/tabs.d.ts

@@ -4,6 +4,7 @@ export declare const GlobalTabStyle: {
             tabsList: {
                 gap: number;
                 borderBottom: string;
+                flexWrap: any;
             };
             tab: {
                 padding: number;

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Option } from '../dropdown';
+type Page = {
+    label: string | JSX.Element;
+    value: string;
+    active?: boolean;
+    dataEventCategory?: string;
+    dataEventAction?: string;
+    dataEventLabel?: string;
+    separator?: string | JSX.Element;
+};
+export type Props = {
+    size: 'lg' | 'md' | 'sm';
+    pages: Array<Page>;
+    className?: string;
+    LinkComponent?: React.ComponentType<any> | string;
+    onChangePage?: () => void;
+    separator?: string | JSX.Element;
+};
+interface MappedPage extends Page {
+    isDropdown?: boolean;
+    dropdownItems?: Array<Option>;
+}
+export type BreadcrumbItemProps = {
+    page: MappedPage;
+    isLast?: boolean;
+    LinkComponent: React.ComponentType<any> | string;
+    onChangePage?: () => void;
+};
+/**
+ * @deprecated
+ */
+declare const Breadcrumbs: ({ className, pages, size, LinkComponent, onChangePage, separator, }: Props) => React.JSX.Element;
+export { Breadcrumbs };

package/build/components/molecules/articleCard/cardAuthor.d.ts

@@ -13,5 +13,5 @@ type CardAuthorProps = {
     dataEventActionForBookmark?: string;
     dataEventLabelForBookmark?: string;
 };
-export declare const CardAuthor: ({ avatarImg, authorName, authorLink, uploadTime, size, }: CardAuthorProps) => JSX.Element;
+export declare const CardAuthor: ({ avatarImg, authorName, authorLink, uploadTime, size, }: CardAuthorProps) => React.JSX.Element;
 export {};

package/build/components/molecules/articleCard/cardExpert.d.ts

@@ -12,5 +12,5 @@ type ArticleExpertProps = {
     dataEventActionForBookmark?: string;
     dataEventLabelForBookmark?: string;
 };
-export declare const CardExpert: ({ isMobile, avatarImg, name, link, size, specialty, }: ArticleExpertProps) => JSX.Element;
+export declare const CardExpert: ({ isMobile, avatarImg, name, link, size, specialty, }: ArticleExpertProps) => React.JSX.Element;
 export {};

package/build/components/molecules/articleCard/icons/affiliate.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const AffiliateIcon: React.MemoExoticComponent<() => JSX.Element>;
+export declare const AffiliateIcon: React.MemoExoticComponent<() => React.JSX.Element>;

package/build/components/molecules/articleCard/icons/bookmarked.d.ts

@@ -3,4 +3,4 @@ export declare const BookmarkedIcon: React.MemoExoticComponent<({ dataEventCateg
     dataEventCategoryForBookmark?: string;
     dataEventActionForBookmark?: string;
     dataEventLabelForBookmark?: string;
-}) => JSX.Element>;
+}) => React.JSX.Element>;

package/build/components/molecules/articleCard/icons/unbookmarked.d.ts

@@ -3,4 +3,4 @@ export declare const UnbookmarkedIcon: React.MemoExoticComponent<({ dataEventCat
     dataEventCategoryForBookmark?: string;
     dataEventActionForBookmark?: string;
     dataEventLabelForBookmark?: string;
-}) => JSX.Element>;
+}) => React.JSX.Element>;

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

@@ -44,5 +44,5 @@ export type Props = {
     articleLinkTarget?: React.HTMLAttributeAnchorTarget;
     isPremium?: boolean;
 };
-declare const ArticleCard: ({ articleLink, authorLink, authorName, avatarImg, banner, categoryLink, categoryName, className, dataEventActionForBanner, dataEventActionForBookmark, dataEventActionForCategory, dataEventActionForTitle, dataEventCategoryForBanner, dataEventCategoryForBookmark, dataEventCategoryForCategory, dataEventCategoryForTitle, dataEventLabelForBanner, dataEventLabelForBookmark, dataEventLabelForCategory, dataEventLabelForTitle, direction, hasAffiliate, isBookmark, isBookmarkDisplayed, isMobile, onBookmark, onClickCategoryName, section, size, specialty, style, styleBanner, styleLabel, styleTitle, text, title, type, uploadTime, articleLinkTarget, isPremium, }: Props) => JSX.Element;
+declare const ArticleCard: ({ articleLink, authorLink, authorName, avatarImg, banner, categoryLink, categoryName, className, dataEventActionForBanner, dataEventActionForBookmark, dataEventActionForCategory, dataEventActionForTitle, dataEventCategoryForBanner, dataEventCategoryForBookmark, dataEventCategoryForCategory, dataEventCategoryForTitle, dataEventLabelForBanner, dataEventLabelForBookmark, dataEventLabelForCategory, dataEventLabelForTitle, direction, hasAffiliate, isBookmark, isBookmarkDisplayed, isMobile, onBookmark, onClickCategoryName, section, size, specialty, style, styleBanner, styleLabel, styleTitle, text, title, type, uploadTime, articleLinkTarget, isPremium, }: Props) => React.JSX.Element;
 export { ArticleCard };

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { BmiFormProps } from '../embeddedHeathToolCards/helpers';
-declare const BmiForm: ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, disabled, bmiGenerated, bmiUnit, locale, isSide, }: BmiFormProps) => JSX.Element;
+declare const BmiForm: ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, disabled, bmiGenerated, bmiUnit, locale, isSide, }: BmiFormProps) => React.JSX.Element;
 export { BmiForm };

package/build/components/molecules/bmiForm/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 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>;
 export declare const FormControl: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { LOCALE } from "../../../interfaces/types";
 import { BmrInfo } from "../../../together/interfaces/types";
 import { InputError } from '../embeddedHeathToolCards/bmr/bmr';
@@ -13,5 +13,5 @@ export type Props = {
     onClick?: (genderInfo: string) => void;
     isSide?: boolean;
 };
-declare const BmrInputForm: ({ info, className, style, onChange, errorMessage, locale, onClick, isSide, }: Props) => JSX.Element;
+declare const BmrInputForm: ({ info, className, style, onChange, errorMessage, locale, onClick, isSide, }: Props) => React.JSX.Element;
 export { BmrInputForm };

package/build/components/molecules/bmrForm/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 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>;
 export declare const FormControl: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,31 +1,11 @@
 import React from 'react';
-import { Option } from '../../molecules/dropdown';
-type Page = {
-    label: string | JSX.Element;
-    value: string;
-    active?: boolean;
-    dataEventCategory?: string;
-    dataEventAction?: string;
-    dataEventLabel?: string;
-    separator?: string | JSX.Element;
+import { BreadcrumbItem } from './item';
+export type BreadcrumbsProps = {
+    children: React.ReactNode;
+    showHomeIcon?: boolean;
 };
-export type Props = {
-    size: 'lg' | 'md' | 'sm';
-    pages: Array<Page>;
-    className?: string;
-    LinkComponent?: React.ComponentType<any> | string;
-    onChangePage?: () => void;
-    separator?: string | JSX.Element;
-};
-interface MappedPage extends Page {
-    isDropdown?: boolean;
-    dropdownItems?: Array<Option>;
+export interface CompoundedComponent extends React.ForwardRefExoticComponent<BreadcrumbsProps> {
+    Item: typeof BreadcrumbItem;
 }
-export type BreadcrumbItemProps = {
-    page: MappedPage;
-    isLast?: boolean;
-    LinkComponent: React.ComponentType<any> | string;
-    onChangePage?: () => void;
-};
-declare const Breadcrumbs: ({ className, pages, size, LinkComponent, onChangePage, separator, }: Props) => JSX.Element;
+declare const Breadcrumbs: CompoundedComponent;
 export { Breadcrumbs };

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

@@ -0,0 +1 @@
+export declare const StyledBreadcrumbs: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/molecules/breadcrumbs/item.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { AnchorProps } from "../../mantine";
+type BreadcrumbItemProps = {
+    children: React.ReactNode;
+} & Partial<AnchorProps>;
+export declare const BreadcrumbItem: ({ children, ...rest }: BreadcrumbItemProps) => React.JSX.Element;
+export {};

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export type Props = {
     row: number;
     column: number;
@@ -17,4 +17,4 @@ export type Props = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-export declare const Carousel: ({ row, column, children, scheme, classNameLeftArrow, classNameRightArrow, mode, isDotsShown, isArrowShown, dataEventCategory, dataEventAction, dataEventLabel, onChangePage, }: Props) => JSX.Element;
+export declare const Carousel: ({ row, column, children, scheme, classNameLeftArrow, classNameRightArrow, mode, isDotsShown, isArrowShown, dataEventCategory, dataEventAction, dataEventLabel, onChangePage, }: Props) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import { CSSProperties } from 'styled-components';
 export type Props = {
     imgBanner: ReactElement;
@@ -10,4 +10,4 @@ export type Props = {
     dataEventAction?: string;
     dataEventLabel?: string;
 };
-export declare const CategoryCard: ({ imgBanner, label, className, style, href, dataEventCategory, dataEventAction, dataEventLabel, }: Props) => JSX.Element;
+export declare const CategoryCard: ({ imgBanner, label, className, style, href, dataEventCategory, dataEventAction, dataEventLabel, }: Props) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     type: 'vertical' | 'horizontal';
     options: Array<{
@@ -13,5 +13,5 @@ export type Props = {
     isDisabled?: boolean;
     isRectangle?: boolean;
 };
-declare const CheckboxGroup: ({ name, values, onChanges, options, className, type, isDisabled, isRectangle, }: Props) => JSX.Element;
+declare const CheckboxGroup: ({ name, values, onChanges, options, className, type, isDisabled, isRectangle, }: Props) => React.JSX.Element;
 export { CheckboxGroup };

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type CookieAcceptConfirmProps = {
     isOpen?: boolean;
     theme?: 'helloSites' | 'marryBaby';
@@ -18,4 +18,4 @@ export type CookieAcceptConfirmProps = {
         dataEventLabel: string;
     };
 };
-export declare const CookieAcceptConfirm: ({ className, policiesUrl, onAcceptClick, translations, title, description, theme, isOpen, useDefaultPosition, trackingAttributes, }: CookieAcceptConfirmProps) => JSX.Element;
+export declare const CookieAcceptConfirm: ({ className, policiesUrl, onAcceptClick, translations, title, description, theme, isOpen, useDefaultPosition, trackingAttributes, }: CookieAcceptConfirmProps) => React.JSX.Element;

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

@@ -25,5 +25,5 @@ export type DatePickerCustomInputProps = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const DatePicker: ({ alignRight, placeholder, displayDateFormat, onChange, customInput: CustomInput, pickedDate, className, isStatic, disabledDays, modifiers, UnHideOnClickOutside, initialMonth, locale, }: Props) => JSX.Element;
+declare const DatePicker: ({ alignRight, placeholder, displayDateFormat, onChange, customInput: CustomInput, pickedDate, className, isStatic, disabledDays, modifiers, UnHideOnClickOutside, initialMonth, locale, }: Props) => React.JSX.Element;
 export { DatePicker };

package/build/components/molecules/dateRangePicker/calendar/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DateRangeInterval } from '../types';
 export type Props = {
     value?: DateRangeInterval | null;
@@ -8,4 +8,4 @@ export type Props = {
     close?: () => void;
     autoClose?: boolean;
 };
-export declare function DateRangePickerCalendar(props: Props): JSX.Element;
+export declare function DateRangePickerCalendar(props: Props): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Props as PureInputProps } from "../../atoms/pureInput";
 import { DateRangeInterval } from './types';
 export type DateRangePickerProps = {
@@ -14,4 +14,4 @@ export type DateRangePickerProps = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-export declare function DateRangePicker({ inputSize, name, value, minDate, maxDate, onChange, className, autoClose, }: DateRangePickerProps): JSX.Element;
+export declare function DateRangePicker({ inputSize, name, value, minDate, maxDate, onChange, className, autoClose, }: DateRangePickerProps): React.JSX.Element;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     image: JSX.Element;
     name: string;
     description: string;
     isDescriptionHidden?: boolean;
 };
-declare const DoctorInfo: ({ name, description, image, isDescriptionHidden, }: Props) => JSX.Element;
+declare const DoctorInfo: ({ name, description, image, isDescriptionHidden, }: Props) => React.JSX.Element;
 export { DoctorInfo };

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CSSProperties } from 'styled-components';
 export type Option = {
     label: string | JSX.Element;
@@ -26,5 +26,5 @@ export type Props = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const Dropdown: ({ className, value, options, onChange, id, placeholderIcon, placeholder, style, size, groupedWithLabel, disabled, dropdownLabelTrackingAttributes, isNativeSelect, }: Props) => JSX.Element;
+declare const Dropdown: ({ className, value, options, onChange, id, placeholderIcon, placeholder, style, size, groupedWithLabel, disabled, dropdownLabelTrackingAttributes, isNativeSelect, }: Props) => React.JSX.Element;
 export { Dropdown };

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 export type Option = {
     label: string | JSX.Element;
     value: string | Date | number;
@@ -23,5 +23,5 @@ export type Props = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus'>
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const DropdownSearch: ({ className, style, id, placeholder, placeholderIcon, onChange, value, options, dropdownLabelTrackingAttributes, disabled, onSearchChange, useSearchFilter, onFocus, hasIcons, keepSearch, ...rest }: Props) => JSX.Element;
+declare const DropdownSearch: ({ className, style, id, placeholder, placeholderIcon, onChange, value, options, dropdownLabelTrackingAttributes, disabled, onSearchChange, useSearchFilter, onFocus, hasIcons, keepSearch, ...rest }: Props) => React.JSX.Element;
 export { DropdownSearch };

package/build/components/molecules/dueDateCalculator/dueDateFormConception.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../interfaces/types";
 import { DueDateInfoType } from '../embeddedHeathToolCards/due-date/dueDate';
 type Props = {
@@ -8,5 +8,5 @@ type Props = {
     siteType?: SiteType;
     pageUrl?: string;
 };
-declare const DueDateFormConception: ({ locale, onClick, siteType, pageUrl, }: Props) => JSX.Element;
+declare const DueDateFormConception: ({ locale, onClick, siteType, pageUrl, }: Props) => React.JSX.Element;
 export { DueDateFormConception };

package/build/components/molecules/dueDateCalculator/dueDateFormIVF.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../interfaces/types";
 import { DueDateInfoType } from '../embeddedHeathToolCards/due-date/dueDate';
 type Props = {
@@ -8,5 +8,5 @@ type Props = {
     siteType?: SiteType;
     pageUrl?: string;
 };
-declare const DueDateFormIVF: ({ locale, onClick, siteType, pageUrl }: Props) => JSX.Element;
+declare const DueDateFormIVF: ({ locale, onClick, siteType, pageUrl }: Props) => React.JSX.Element;
 export { DueDateFormIVF };

package/build/components/molecules/dueDateCalculator/dueDateFormLastPeriod.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../interfaces/types";
 import { DueDateInfoType } from '../embeddedHeathToolCards/due-date/dueDate';
 type Props = {
@@ -8,5 +8,5 @@ type Props = {
     siteType?: SiteType;
     pageUrl?: string;
 };
-declare const DueDateFormLastPeriod: ({ locale, onClick, siteType, pageUrl, }: Props) => JSX.Element;
+declare const DueDateFormLastPeriod: ({ locale, onClick, siteType, pageUrl, }: Props) => React.JSX.Element;
 export { DueDateFormLastPeriod };

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../interfaces/types";
 import { DueDateInfoType } from '../embeddedHeathToolCards/due-date/dueDate';
 export type Props = {
@@ -8,5 +8,5 @@ export type Props = {
     isSide?: boolean;
     siteType?: SiteType;
 };
-declare const DueDateCalculator: ({ onSubmitDueDate, locale, isSide, siteType, }: Props) => JSX.Element;
+declare const DueDateCalculator: ({ onSubmitDueDate, locale, isSide, siteType, }: Props) => React.JSX.Element;
 export { DueDateCalculator };

package/build/components/molecules/embeddedHeathToolCards/baby-growth/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { BabyGrowthContent, BabyGrowthFormField, BabyVaccinationDetail, SiteType } from 'interfaces/types';
 import { SubmitErrorHandler } from 'react-hook-form';
 export type BabyGrowthCardEmbedProps = {
@@ -11,4 +11,4 @@ export type BabyGrowthCardEmbedProps = {
     babyGrowthContent: BabyGrowthContent | null;
     siteType?: SiteType;
 };
-export declare const BabyGrowthCardEmbed: ({ isMobile, className, onSubmit, onError, schema, babyGrowthContent, siteType, }: BabyGrowthCardEmbedProps) => JSX.Element;
+export declare const BabyGrowthCardEmbed: ({ isMobile, className, onSubmit, onError, schema, babyGrowthContent, siteType, }: BabyGrowthCardEmbedProps) => React.JSX.Element;

package/build/components/molecules/embeddedHeathToolCards/baby-growth/index.styled.d.ts

@@ -6,5 +6,5 @@ export declare const StyleForm: import("styled-components").StyledComponent<({ o
     onError: import("react-hook-form").SubmitErrorHandler<import("../../../../interfaces/types").BabyGrowthFormField>;
     schema?: any;
     siteType?: import("../../../../interfaces/types").SiteType;
-}) => JSX.Element, any, {}, never>;
-export declare const StyledToolsBannerCard: import("styled-components").StyledComponent<({ className, heading, isMobile, bannerUrl, bannerUrlLarge, bannerColor, medicalReview, icon, isSide, style, siteType, isEmbeded, }: import("../../toolBannerCard").Props) => JSX.Element, any, {}, never>;
+}) => import("react").JSX.Element, any, {}, never>;
+export declare const StyledToolsBannerCard: import("styled-components").StyledComponent<({ className, heading, isMobile, bannerUrl, bannerUrlLarge, bannerColor, medicalReview, icon, isSide, style, siteType, isEmbeded, }: import("../../toolBannerCard").Props) => import("react").JSX.Element, any, {}, never>;

package/build/components/molecules/embeddedHeathToolCards/baby-poop/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LOCALE } from "../../../../interfaces/types/Locale";
 import { BabyPoopPage } from "../../../../together/interfaces/types";
 type BabyPoopHeaderProps = {
@@ -9,5 +9,5 @@ type BabyPoopHeaderProps = {
     isMobile?: boolean;
     isSide?: boolean;
 };
-declare const BabyPoopEmbed: ({ babyPoopPage, onClickFindOut, locale, isMobile, currentUrl, isSide, }: BabyPoopHeaderProps) => JSX.Element;
+declare const BabyPoopEmbed: ({ babyPoopPage, onClickFindOut, locale, isMobile, currentUrl, isSide, }: BabyPoopHeaderProps) => React.JSX.Element;
 export { BabyPoopEmbed };

package/build/components/molecules/embeddedHeathToolCards/bmi/bmi.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LOCALE } from "../../../../interfaces/types";
 import { ToolContent } from "../../../../together/interfaces/types";
 import { BmiFormValue, Rule, BMIUnit } from '../helpers';
@@ -15,5 +15,5 @@ type Props = {
     bmiUnit?: BMIUnit;
     bmiLink?: string;
 };
-declare const BMICardEmbed: ({ isMobile, onSubmit, bmiContent, isSide, bmiGenerated, bmiUnit, bmiLink, locale, }: Props) => JSX.Element;
+declare const BMICardEmbed: ({ isMobile, onSubmit, bmiContent, isSide, bmiGenerated, bmiUnit, bmiLink, locale, }: Props) => React.JSX.Element;
 export { BMICardEmbed };

package/build/components/molecules/embeddedHeathToolCards/bmr/bmr.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LOCALE } from "../../../../interfaces/types/Locale";
 import { BmrInfo, ToolContent } from "../../../../together/interfaces/types";
 export type InputError = {
@@ -16,5 +16,5 @@ type Props = {
     onFormChange?: (o: BmrInfo) => void;
     onSubmit: (genderInfo: string) => void;
 };
-export declare const BMRCardEmbed: ({ isSide, locale, bmrContent, isMobile, info, inputErrorMessage, onFormChange, onSubmit, }: Props) => JSX.Element;
+export declare const BMRCardEmbed: ({ isSide, locale, bmrContent, isMobile, info, inputErrorMessage, onFormChange, onSubmit, }: Props) => React.JSX.Element;
 export {};

package/build/components/molecules/embeddedHeathToolCards/due-date/dueDate.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../../interfaces/types";
 type OtherInfo = {
     first_day?: string | null;
@@ -54,5 +54,5 @@ export type DueDateInfoType = {
     dueDate: Date;
     otherInfo: OtherInfo;
 };
-declare const DueDateCardEmbed: ({ isMobile, locale, onSubmitDueDate, dueDatePageInfo, expertUrl, isSide, siteType, }: DueDateCardEmbedProps) => JSX.Element;
+declare const DueDateCardEmbed: ({ isMobile, locale, onSubmitDueDate, dueDatePageInfo, expertUrl, isSide, siteType, }: DueDateCardEmbedProps) => React.JSX.Element;
 export { DueDateCardEmbed };

package/build/components/molecules/embeddedHeathToolCards/ovulation/ovulation.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../../interfaces/types";
 import { OvulationInfoApi, ReviewedUserApi } from "../../../../together/interfaces/types";
 import { OvulationCalculatorType } from '../../ovulationCalculator';
@@ -27,5 +27,5 @@ export type OvulationInfoType = {
     cycle: number;
     periodLength: number;
 };
-export declare const OvulationCardEmbed: ({ onSubmitOvulation, locale, ovulationPageInfo, ovulationContent, expertUrl, isSide, siteType, isMobile, }: Props) => JSX.Element;
+export declare const OvulationCardEmbed: ({ onSubmitOvulation, locale, ovulationPageInfo, ovulationContent, expertUrl, isSide, siteType, isMobile, }: Props) => React.JSX.Element;
 export {};

package/build/components/molecules/embeddedHeathToolCards/pwg/pwg.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../../interfaces/types";
 import { PwgInfo, PregWeightInfo } from "../../../../together/interfaces/types";
 export type InputError = {
@@ -17,4 +17,4 @@ export type PWGCardEmbedProps = {
     isSide?: boolean;
     siteType?: SiteType;
 };
-export declare const PWGCardEmbed: ({ locale, onClick, inputErrorMessage, pwgContent, onFormChange, info, isMobile, isSide, siteType, }: PWGCardEmbedProps) => JSX.Element;
+export declare const PWGCardEmbed: ({ locale, onClick, inputErrorMessage, pwgContent, onFormChange, info, isMobile, isSide, siteType, }: PWGCardEmbedProps) => React.JSX.Element;

package/build/components/molecules/embeddedHeathToolCards/target-heart-rate/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LOCALE } from "../../../../interfaces/types/Locale";
 import { targetHeartRateInfo, ThrInfo } from "../../../../together/interfaces/types";
 export type Props = {
@@ -15,4 +15,4 @@ export type InputError = {
     age: string;
     intensity: string;
 };
-export declare const THRCardEmbed: ({ isSide, locale, thrContent, isMobile, info, inputErrorMessage, onFormChange, onSubmit, }: Props) => JSX.Element;
+export declare const THRCardEmbed: ({ isSide, locale, thrContent, isMobile, info, inputErrorMessage, onFormChange, onSubmit, }: Props) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CSSProperties } from 'styled-components';
 type Item = {
     value?: string | number;
@@ -20,5 +20,5 @@ export type FloatButtonGroupType = {
     animationType?: 'zoom' | 'slide' | 'scale';
     zIndex?: number;
 };
-export declare const FloatButtonGroup: ({ items, className, style, backgroundPanelStyle, isOpen: isOpenProp, onOpen, onClose, disableBackdropClick, siteType, animationType, zIndex, }: FloatButtonGroupType) => JSX.Element;
+export declare const FloatButtonGroup: ({ items, className, style, backgroundPanelStyle, isOpen: isOpenProp, onOpen, onClose, disableBackdropClick, siteType, animationType, zIndex, }: FloatButtonGroupType) => React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export type Props = {
     size: 'lg' | 'md' | 'sm';
     iconPosition: 'left' | 'right';
@@ -6,5 +6,5 @@ export type Props = {
     icon: JSX.Element;
     className?: string;
 };
-declare const IconText: ({ size, iconPosition, className, children, icon: Icon, }: Props) => JSX.Element;
+declare const IconText: ({ size, iconPosition, className, children, icon: Icon, }: Props) => React.JSX.Element;
 export { IconText };

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

@@ -1,5 +1,4 @@
 export { ArticleCard } from './articleCard';
-export { Breadcrumbs } from './breadcrumbs';
 export { CategoryCard } from './categoryCard';
 export { CheckboxGroup } from './checkboxGroup';
 export { DatePicker } from './datePicker';
@@ -45,6 +44,8 @@ export type { Props as LanguageSwitcherProps } from './languageSwitcher';
 export { DateRangePicker } from './dateRangePicker';
 export type { DateRangePickerProps } from './dateRangePicker';
 export type { DateRangeInterval } from './dateRangePicker/types';
+export { Breadcrumbs } from './breadcrumbs';
+export type { BreadcrumbsProps } from './breadcrumbs';
 export { ShareContainer } from './shareContainer';
 export type { ShareContainerProps } from './shareContainer';
 export { ShareDrawer } from './shareDrawer';

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType } from "../../../interfaces/types";
 import { Option } from './tooltipSelection';
 export type Props = {
     languageOptions?: Option[];
     locale: LocaleType;
 };
-export declare const LanguageSwitcher: ({ languageOptions, locale }: Props) => JSX.Element;
+export declare const LanguageSwitcher: ({ languageOptions, locale }: Props) => React.JSX.Element;
 export declare const LanguageLabel: ({ locale, label, href, }: {
     locale: LocaleType;
     label: string;
     href?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/components/molecules/languageSwitcher/tooltipSelection/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CSSProperties } from 'styled-components';
 export type Option = {
     value: string;
@@ -15,5 +15,5 @@ export type Props = {
     style?: CSSProperties;
     showIndicator?: boolean;
 };
-declare const TooltipSelection: ({ options, label, labelRenderer, selected, onChange, showSelected, style, showIndicator, }: Props) => JSX.Element;
+declare const TooltipSelection: ({ options, label, labelRenderer, selected, onChange, showSelected, style, showIndicator, }: Props) => React.JSX.Element;
 export { TooltipSelection };