@hhgtech/hhg-components 1.29.434 → 1.29.436

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

@@ -5,11 +5,13 @@ import { NumberInput } from "./number";
 import { PasswordInput } from "./password";
 export type InputProps = Omit<MantineTextInputProps, 'onChange' | 'value'> & {
     value?: string;
+    withFloatingLabel?: boolean;
     onChange?(value: string): void;
     onChangeRaw?(e: React.ChangeEvent<HTMLInputElement>): void;
 };
 declare const InputWrapper: React.ForwardRefExoticComponent<Omit<MantineTextInputProps, "onChange" | "value"> & {
     value?: string;
+    withFloatingLabel?: boolean;
     onChange?(value: string): void;
     onChangeRaw?(e: React.ChangeEvent<HTMLInputElement>): void;
 } & React.RefAttributes<HTMLInputElement>>;

package/build/components/mantine/input/index.styles.d.ts

@@ -0,0 +1,8 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        input: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

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

@@ -5,11 +5,15 @@ export type PhoneProps = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputEle
     isError?: boolean;
     placeholder?: string;
     countries?: PhoneInputUtilsType.Country[];
+    selectedCountry?: PhoneInputUtilsType.Country;
     defaultCountry?: PhoneInputUtilsType.Country;
     countryCallingCodeEditable?: boolean;
     defaultValue?: string;
+    label?: string;
     name?: string;
     value?: string;
+    error?: string;
+    withFloatingLabel?: boolean;
     onChange?: (v: string) => void;
     arrowComponent?: () => JSX.Element;
     flagComponent?: (props: PhoneInputUtilsType.FlagProps) => JSX.Element;

package/build/components/mantine/phoneInput/PhoneInput.d.ts

@@ -7,11 +7,15 @@ export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<Omit<React
     isError?: boolean;
     placeholder?: string;
     countries?: import("libphonenumber-js/types.cjs").CountryCode[];
+    selectedCountry?: import("libphonenumber-js/types.cjs").CountryCode;
     defaultCountry?: import("libphonenumber-js/types.cjs").CountryCode;
     countryCallingCodeEditable?: boolean;
     defaultValue?: string;
+    label?: string;
     name?: string;
     value?: string;
+    error?: string;
+    withFloatingLabel?: boolean;
     onChange?: (v: string) => void;
     arrowComponent?: () => JSX.Element;
     flagComponent?: (props: import("react-phone-number-input").FlagProps) => JSX.Element;

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

@@ -7,5 +7,6 @@ export type MantineProviderProps = {
     locale: LOCALE;
     template?: 'hb' | 'mb';
     customStyleType?: CustomStylesType;
+    isNotifications?: boolean;
 } & _MantineProviderProps;
-export declare const MantineProvider: ({ children, locale, template, customStyleType, ...props }: MantineProviderProps) => React.JSX.Element;
+export declare const MantineProvider: ({ children, locale, template, isNotifications, customStyleType, ...props }: MantineProviderProps) => React.JSX.Element;

package/build/components/mantine/select/index.styles.d.ts

@@ -0,0 +1,8 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        input: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

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

@@ -9,7 +9,7 @@ export type TextProps<T = HTMLParagraphElement> = {
     as?: any;
     wordWrap?: 'none' | 'break-word' | 'break-all';
     isUppercase?: boolean;
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'error' | 'green';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'error' | 'success';
 } & Omit<HTMLAttributes<T>, 'size'> & Omit<MantineTextProps, 'size' | 'weight' | 'component'> & DefaultProps<Selectors<typeof useStyles>> & DataTrackingType;
 declare const Text: React.ForwardRefExoticComponent<{
     size?: TextSize;
@@ -17,6 +17,6 @@ declare const Text: React.ForwardRefExoticComponent<{
     as?: any;
     wordWrap?: 'none' | 'break-word' | 'break-all';
     isUppercase?: boolean;
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'error' | 'green';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'error' | 'success';
 } & Omit<React.HTMLAttributes<unknown>, "size"> & Omit<MantineTextProps, "size" | "weight" | "component"> & DefaultProps<"root", Record<string, any>> & DataTrackingType & React.RefAttributes<HTMLParagraphElement>>;
 export { Text };

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

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

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

@@ -0,0 +1,8 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        input: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

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

@@ -35,6 +35,8 @@ export declare const GlobalTextStyle: {
             h4: string[];
             h5: string[];
             h6: string[];
+            title1: string[];
+            title2: string[];
         };
         lineHeight: {
             base: string[];
@@ -62,6 +64,8 @@ export declare const GlobalTextStyle: {
             h4: string[];
             h5: string[];
             h6: string[];
+            title1: string[];
+            title2: string[];
         };
         letterSpacing: {
             lg: number[];
@@ -82,6 +86,8 @@ export declare const GlobalTextStyle: {
             h4: number[];
             h5: number[];
             h6: number[];
+            title1: number[];
+            title2: number[];
         };
         fontWeightBySize: {
             s1: FontWeight;
@@ -193,8 +199,6 @@ export declare const GlobalTextStyle: {
             h4: FontWeight;
             h5: FontWeight;
             h6: FontWeight;
-            title1: FontWeight;
-            title2: FontWeight;
         };
         fontWeight: typeof FontWeight;
     };

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

@@ -3,7 +3,10 @@ type TCardItemProps = {
     title: string;
     logo: string;
     href: string;
-    LinkComponent?: React.ComponentType<any> | string;
+    LinkComponent?: React.ElementType<{
+        href: string;
+        children?: ReactNode;
+    }>;
     defaultImage?: string;
     description?: ReactNode | string;
     contentInfo?: ReactNode;

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

@@ -3,7 +3,10 @@ export declare const StyleCardItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyleImageWrap: import("@emotion/styled").StyledComponent<{
+export declare const StyledImageWrap: import("@emotion/styled").StyledComponent<{
+    alt: string;
+    backupSrc?: string;
+    placeholderSrc?: string;
+} & import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any>;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, {}, {}>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export type CertificateItemProps = {
+    image: string;
+    title: string;
+    description: string;
+    className?: string;
+};
+declare const CertificateItem: ({ image, description, title, className, }: CertificateItemProps) => React.JSX.Element;
+export { CertificateItem };

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTextContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export type DoctorInfoExpertiseProps = {
+    name: string;
+    specialty?: string;
+    experience?: string;
+    profileImage: string;
+};
+declare const DoctorInfoExpertise: (props: DoctorInfoExpertiseProps) => React.JSX.Element;
+export { DoctorInfoExpertise };

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const StyledIntroductionSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTextIntroSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,8 @@
+import React, { SVGProps } from 'react';
+export type DoctorExpertiseItemProps = {
+    doctorInfo: string | string[];
+    Icon: React.ComponentType<SVGProps<SVGSVGElement>>;
+    title: string;
+};
+declare const DoctorExpertiseItem: (props: DoctorExpertiseItemProps) => React.JSX.Element;
+export { DoctorExpertiseItem };

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledClinicIcon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledContentBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export type HPVScreenerProps = {
+    onClick?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const HPVScreener: ({ onClick, className, style }: HPVScreenerProps) => React.JSX.Element;
+export { HPVScreener };

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

@@ -0,0 +1,78 @@
+/// <reference types="react" />
+export declare const StyledBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledShortText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledBadge: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledButton: import("@emotion/styled").StyledComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & {
+    size: "lg" | "md" | "sm" | "xs";
+    children?: import("react").ReactNode;
+    color?: "primary" | "secondary" | "transparent" | "tertiary" | "ghost" | "danger" | "success";
+    theme?: "helloSites" | "marryBaby";
+    isDisabled?: boolean;
+    isBlock?: boolean;
+    title?: string;
+    className?: string;
+    icon?: JSX.Element;
+    iconPosition?: "left" | "right";
+    isLoading?: boolean;
+    loadingText?: string;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    dataEventCategory?: string;
+    dataEventAction?: string;
+    dataEventLabel?: string;
+    dataProductChannel?: string;
+    dataProductSku?: string;
+    dataProductBrand?: string;
+    dataProductName?: string;
+    dataProductPrice?: string;
+    dataProductCategory?: string;
+    dataProductPosition?: string;
+    type?: "button" | "submit" | "reset";
+    component?: import("react").ElementType<any>;
+    href?: string;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledContentBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTextBadgeBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTextBadge: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTextContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledSubTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledTextButtonBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTextButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -75,10 +75,17 @@ export { SideBannerModal, Props as SideBannerModalProps, } from "./sideBannerMod
 export { WidgetChatbotAi } from "./widgetChatbotAi";
 export { VideoItem } from "./videoItem";
 export { VideoPlayerModal } from "./videoPlayerModal";
+export { HPVScreener, HPVScreenerProps } from "./hpvScreener";
+export * from "./summaryInfo";
 export * from "./list";
 export * from "./quickFilter";
+export * from "./quickFilterWrapLine";
 export * from "./cardListItem";
 export * from "./productDetail";
 export * from "./insuranceList";
 export * from "./paymentList";
+export * from "./voucherItem";
+export * from "./certificateItem";
 export * from "./ratingStars";
+export * from "./doctorInfoItem";
+export * from "./doctorInfoExpertise";

package/build/components/molecules/list/ListQuickFilterWrapline.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DataTrackingTypeHTMLElement } from "../../../types";
+import { TFilterOptions } from "./type";
+export type ListQuickFilterWraplineProps = {
+    filterOptions: TFilterOptions[];
+} & DataTrackingTypeHTMLElement;
+export declare function ListQuickFilterWrapline({ filterOptions, ...restProps }: ListQuickFilterWraplineProps): React.JSX.Element;
+export default ListQuickFilterWrapline;

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

@@ -2,6 +2,7 @@ import { Content } from "./Content";
 import { Item } from "./Item";
 import { ListProvider } from "./ListProvider";
 import { ListQuickFilter } from "./ListQuickFilter";
+import ListQuickFilterWrapline from "./ListQuickFilterWrapline";
 import { LoadMore } from "./LoadMore";
 import { Pagination } from "./Pagination";
 import { Search } from "./Search";
@@ -13,6 +14,7 @@ export declare const List: {
     Item: typeof Item;
     LoadMore: typeof LoadMore;
     QuickFilter: typeof ListQuickFilter;
+    QuickFilterWrapLine: typeof ListQuickFilterWrapline;
 };
 export * from "./context";
 export * from "./type";

package/build/components/molecules/list/type.d.ts

@@ -10,7 +10,7 @@ export type TListContext<T = any> = {
     handleChangePage: (page: number) => void;
     handleChangeSearch: (value: string) => void;
     handleLoadMore: () => void;
-    handleChangeFilter: (value: TFilterOptions) => void;
+    handleChangeFilter: (value: TFilterOptions, filterOptions: TFilterOptions[]) => void;
     handleUpdateFilter: (filterObject: Record<string, any>) => void;
 };
 export type TFetcherParams = {
@@ -35,4 +35,5 @@ export type TFilterOptions = {
     label: string;
     value: string;
     filterKey: string;
+    isAll?: boolean;
 };

package/build/components/molecules/list/useList.d.ts

@@ -18,7 +18,7 @@ export declare function useList<T>({ fetcher, pageSize, defaultSearch, defaultFi
     handleChangePage: (page: number) => void;
     handleChangeSearch: (value: string) => void;
     handleLoadMore: () => void;
-    handleChangeFilter: (filterData: TFilterOptions) => void;
+    handleChangeFilter: (filterData: TFilterOptions, filterOptions: TFilterOptions[]) => void;
     handleUpdateFilter: (filterObject: Record<string, any>) => void;
     resetData: () => void;
 };

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DataTrackingTypeHTMLElement } from "../../../types";
+import { TFilterOptions } from "../list/type";
+export type QuickFilterWrapLineProps = {
+    filterOptions?: TFilterOptions[];
+    activeFilter?: Record<string, any>;
+    onChange?: (value: TFilterOptions) => void;
+} & DataTrackingTypeHTMLElement;
+export declare function QuickFilterWrapLine({ filterOptions, activeFilter, onChange, ...restProps }: QuickFilterWrapLineProps): React.JSX.Element;
+export default QuickFilterWrapLine;

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

@@ -0,0 +1,2 @@
+import { TFilterOptions } from "../list";
+export declare const splitArrayByRowSizes: (items: TFilterOptions[], rowSize: number) => TFilterOptions[][];

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const StyledFilterItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledGapColumn: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledGapRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledVaccineFilter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export type InfoItem = {
+    id: string;
+    title: React.ReactNode;
+    description: React.ReactNode;
+    cssItem?: string;
+};
+export type SummaryInfoLayout = 'horizontal' | 'vertical';
+export type VaccinInfoItems = InfoItem[];
+export type SummaryInfoProps = {
+    infoItems: VaccinInfoItems;
+    className?: string;
+    layout?: SummaryInfoLayout;
+};
+declare const SummaryInfo: ({ infoItems, className, layout, }: SummaryInfoProps) => React.JSX.Element;
+export { SummaryInfo };

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export declare const StyledHorizontalContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledVerticalContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledVerticalContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    layout: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDescription: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { DataTrackingTypeHTMLElement } from "../../../types";
+export type VoucherItemProps = {
+    image: string;
+    title: string;
+    description: string;
+    onClick?: () => void;
+    className?: string;
+    dataTracking?: DataTrackingTypeHTMLElement;
+};
+declare const VoucherItem: ({ image, title, description, onClick, className, dataTracking, }: VoucherItemProps) => React.JSX.Element;
+export { VoucherItem };

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

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledFlex: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTitle: import("@emotion/styled").StyledComponent<{
+    size?: import("../../../mantine").TextSize;
+    weight?: "caption" | "regular" | "semiBold" | "bold" | "halfBold";
+    as?: any;
+    wordWrap?: "none" | "break-word" | "break-all";
+    isUppercase?: boolean;
+    variant?: "primary" | "secondary" | "tertiary" | "disabled" | "error" | "success";
+} & Omit<import("react").HTMLAttributes<unknown>, "size"> & Omit<import("@mantine/core").TextProps, "size" | "weight" | "component"> & import("@mantine/core").DefaultProps<"root", Record<string, any>> & import("../../../types").DataTrackingType & import("react").RefAttributes<HTMLParagraphElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledDescription: import("@emotion/styled").StyledComponent<{
+    size?: import("../../../mantine").TextSize;
+    weight?: "caption" | "regular" | "semiBold" | "bold" | "halfBold";
+    as?: any;
+    wordWrap?: "none" | "break-word" | "break-all";
+    isUppercase?: boolean;
+    variant?: "primary" | "secondary" | "tertiary" | "disabled" | "error" | "success";
+} & Omit<import("react").HTMLAttributes<unknown>, "size"> & Omit<import("@mantine/core").TextProps, "size" | "weight" | "component"> & import("@mantine/core").DefaultProps<"root", Record<string, any>> & import("../../../types").DataTrackingType & import("react").RefAttributes<HTMLParagraphElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const Center: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/navigationV2/components/atoms/searchInput/index.styled.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 export declare const StyleInput: import("@emotion/styled").StyledComponent<Omit<import("@mantine/core").TextInputProps, "onChange" | "value"> & {
     value?: string;
+    withFloatingLabel?: boolean;
     onChange?(value: string): void;
     onChangeRaw?(e: import("react").ChangeEvent<HTMLInputElement>): void;
 } & import("react").RefAttributes<HTMLInputElement> & {

package/build/components/organisms/clinicInfo/index.styled.d.ts

@@ -9,6 +9,9 @@ export declare const StyledMap: import("@emotion/styled").StyledComponent<import
 export declare const StyledMobileIcon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
+export declare const StyledEmailIcon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
 export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
@@ -20,3 +23,7 @@ export declare const StyledFlexBox: import("@emotion/styled").StyledComponent<{
 export declare const StyledDistanceTag: import("@emotion/styled").StyledComponent<import("../../atoms/distanceTag").TDistanceTagProps & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
+export declare const StyledContact: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,28 @@
+import React from 'react';
+type StringOrArray = string | string[];
+export type DoctorExpertiseType = {
+    id: string;
+    name: string;
+    specialty: string;
+    experience: string;
+    profileImage: string;
+    clinics?: StringOrArray;
+    educations?: StringOrArray;
+    expertise?: StringOrArray;
+    otherHighlights?: StringOrArray;
+};
+export type DoctorExpertiseProps = {
+    doctorInformation: DoctorExpertiseType;
+    onClickReadMore?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    isShowReadMoreButton?: boolean;
+    defaultProfileImage?: string;
+};
+declare const DoctorExpertise: {
+    (props: DoctorExpertiseProps): React.JSX.Element;
+    Expertise(): React.JSX.Element;
+    OtherHighlights(): React.JSX.Element;
+};
+export { DoctorExpertise };

package/build/components/organisms/doctorExpertise/index.helper.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DoctorExpertiseType } from "./index";
+export declare const DoctorExpertiseContext: React.Context<DoctorExpertiseType>;
+export type DoctorExpertiseProps = {
+    children: React.ReactNode;
+    value: DoctorExpertiseType;
+};
+declare const DoctorExpertiseProvider: ({ children, value }: DoctorExpertiseProps) => React.JSX.Element;
+export { DoctorExpertiseProvider };

package/build/components/organisms/doctorExpertise/index.styled.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export declare const StyledCard: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBodySection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledReadMore: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPositionOfButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledArrowRightBlue: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

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

@@ -8,3 +8,4 @@ export * from "./clinicInfo";
 export * from "./collectPhoneNumber";
 export * from "./hospitalInfo";
 export * from "./insuranceInfo";
+export * from "./doctorExpertise";