@hhgtech/hhg-components 1.28.91 → 1.29.1

package/build/esm/together/components/molecules/shareBox/index.styled.d.ts

@@ -1,2 +1,14 @@
-export declare const StyledItemWrapper: import("styled-components").StyledComponent<"a", any, {}, never>;
-export declare const StyledShare: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledItemWrapper: import("react").ForwardRefExoticComponent<Omit<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement | import("react").Component<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, any, any>>> & {
+    classSelector: string;
+};
+export declare const StyledShare: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/together/components/molecules/socialLinkPreview/index.styled.d.ts

@@ -1,3 +1,7 @@
-export declare const StyledSocialLinkPreview: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const StyledSocialLinkPreview: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     color?: string;
-}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/together/components/molecules/submitReportForm/index.styled.d.ts

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

package/build/esm/together/components/molecules/topicSelectList/index.styled.d.ts

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

package/build/esm/together/components/organisms/cardPost/index.styled.d.ts

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

package/build/esm/together/components/organisms/cardReply/index.styled.d.ts

@@ -1,3 +1,16 @@
 /// <reference types="react" />
-export declare const StyledCardPost: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSourceList: import("styled-components").StyledComponent<({ listUrl: listUrlInit, hideSourceList, categorySlug, editMode, collapseSource, onListChange, isMarryBaby, ...rest }: import("../sourceList").SourceListProps) => import("react").JSX.Element, any, {}, never>;
+export declare const StyledCardPost: 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 StyledSourceList: import("@emotion/styled").StyledComponent<{
+    isMarryBaby?: boolean;
+    categorySlug?: string;
+    listUrl?: string[];
+    editMode?: boolean;
+    collapseSource?: boolean;
+    hideSourceList?: boolean;
+    onListChange?: (v?: string[]) => void;
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/esm/together/components/organisms/popoverMenu/index.styled.d.ts

@@ -1,2 +1,9 @@
-export declare const StyledPopoverMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTree: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledPopoverMenu: 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 StyledTree: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/together/components/organisms/sourceList/index.styled.d.ts

@@ -1,5 +1,21 @@
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAlertTag: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSourceItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledListItems: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <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 StyledAlertTag: 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 StyledSourceItemWrapper: 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 StyledListItems: 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 StyledInputWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/together/components/organisms/sourceList/recommentCategories/index.styled.d.ts

@@ -1,6 +1,25 @@
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledListItems: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledItem: import("styled-components").StyledComponent<"a", any, {}, never>;
-export declare const StyledItemInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledThumb: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <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 StyledHeader: 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 StyledListItems: 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 StyledItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export declare const StyledItemInfo: 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 StyledThumb: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/together/components/organisms/sourceList/sourceItem/index.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledItem: import("styled-components").StyledComponent<"a", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;

package/build/esm/together.js

@@ -1,53 +1,55 @@
-export { f as CardAuthor, C as CardLink, B as CardPost, D as CardPostPopoverMore, b as CardReactions, E as CardReply, F as CardReplyPopover, g as CreateNewPostContent, h as CreatePostDescription, i as CreatePostTitle, r as ImagePreviewPopup, I as InputCommentBar, d as LabelPin, L as LabelSortPin, e as LabelSorting, G as PopoverMenu, P as PopupDanger, k as PopupDoctor, j as PopupExpert, n as PopupFrame, l as PopupHospital, q as PostContent, v as PostImagePreview, s as PostSingleImageViewPopup, y as ProfileDetail, x as ProfileDetailModal, p as ShareBox, S as SharePopup, A as SkipQuestionOfExpertBtn, w as SocialLinkPreview, H as SourceList, o as SubmitReportForm, z as TabNameInProfileDetail, c as TagTopic, T as TogetherAuthConfigContext, a as TogetherAuthConfigContextProvider, t as TogetherTypes, m as TopicSelectList, V as VerifiedTag, u as useTogetherAuthRequiredAction } from './types-44823c35.js';
-export { d as TogetherDataTransforms, U as UserAvatar } from './index-d4cd8b4e.js';
-export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider, c as TogetherConstants } from './utils-c5cdb4b1.js';
+export { f as CardAuthor, C as CardLink, B as CardPost, D as CardPostPopoverMore, b as CardReactions, E as CardReply, F as CardReplyPopover, g as CreateNewPostContent, h as CreatePostDescription, i as CreatePostTitle, r as ImagePreviewPopup, I as InputCommentBar, d as LabelPin, L as LabelSortPin, e as LabelSorting, G as PopoverMenu, P as PopupDanger, k as PopupDoctor, j as PopupExpert, n as PopupFrame, l as PopupHospital, q as PostContent, v as PostImagePreview, s as PostSingleImageViewPopup, y as ProfileDetail, x as ProfileDetailModal, p as ShareBox, S as SharePopup, A as SkipQuestionOfExpertBtn, w as SocialLinkPreview, H as SourceList, o as SubmitReportForm, z as TabNameInProfileDetail, c as TagTopic, T as TogetherAuthConfigContext, a as TogetherAuthConfigContextProvider, t as TogetherTypes, m as TopicSelectList, V as VerifiedTag, u as useTogetherAuthRequiredAction } from './types-46adfe5c.js';
+export { d as TogetherDataTransforms, U as UserAvatar } from './index-36f504a7.js';
+export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider, c as TogetherConstants } from './utils-2eeac181.js';
 import 'react';
-import './index-e3f847ab.js';
-import './tslib.es6-d03cb889.js';
+import './index-b5f84e24.js';
+import './tslib.es6-6c353490.js';
 import '@mantine/core';
-import './translationsContext-80d7ee69.js';
+import './utils-75630fc7.js';
+import './translationsContext-d8f0f15b.js';
 import 'string-format';
 import '@hhgtech/icons/other';
-import './index-d931676e.js';
-import './theme-bc0a16d6.js';
-import 'styled-components';
-import './useTranslations-f40da32c.js';
+import './index-4126e3e8.js';
+import '@emotion/styled';
+import './theme-42cb371b.js';
+import './useTranslations-eceb2845.js';
 import 'innertext';
-import './index-d8548d2e.js';
+import './index-2edb2e27.js';
 import '@mantine/hooks';
-import './index-9f716e64.js';
-import './index-2dbb70cc.js';
+import './index-8cf272e7.js';
+import './index-cb59b5e6.js';
 import 'date-fns/locale';
-import './Subot-77659a36.js';
-import './isProduction-a01e577e.js';
-import 'dayjs';
-import './utils-8d2a0656.js';
+import './Subot-81261e12.js';
+import './isProduction-0dd05199.js';
 import '@mantine/carousel';
+import './useMantineLocale-29b90721.js';
+import 'dayjs';
 import 'classnames';
-import './useUniqueId-c790dc3a.js';
+import './useUniqueId-53a01cbf.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index-90036085.js';
-import './index.styles-8f85a751.js';
-import './constants-bde36016.js';
-import './animation-c0776e40.js';
+import './index-461487da.js';
+import './index.styles-51d80c5c.js';
+import './constants-5458df08.js';
+import '@emotion/react';
+import './animation-ed6b1e75.js';
 import 'react-keyed-flatten-children';
-import './paths-f0d8d975.js';
-import './index-0419dfd9.js';
+import './paths-cce96722.js';
+import './index-257a14b5.js';
 import 'lodash/debounce';
 import 'react-contenteditable';
-import './index-078532eb.js';
-import './index-5d4d91c1.js';
-import './cookieHelper-42ccc8ba.js';
+import './index-383f163a.js';
+import './index-f7d9c75d.js';
+import './cookieHelper-778b8de6.js';
 import 'react-dom';
-import './index-f833b395.js';
-import './number-61725c7a.js';
+import './index-bc070b43.js';
+import './number-fe945cbc.js';
 import 'date-fns';
 import 'dayjs/plugin/relativeTime';
-import './index-621ada25.js';
-import './Close-b16fbe77.js';
-import './routing-1e4b619e.js';
-import './utils-ed6f1dcc.js';
-import './index.styled-1e5e4c0d.js';
-import './index-e7bffddc.js';
+import './index-e548ff7c.js';
+import './Close-d4c81450.js';
+import './routing-7892a6d0.js';
+import './utils-fd352517.js';
+import './index.styled-615cecea.js';
+import './index-bd8f57c2.js';
 import 'slugify';

package/build/esm/{types-44823c35.js → types-46adfe5c.js}

@@ -1,47 +1,49 @@
 import React__default, { createContext, useContext, useState, useRef, useEffect, useMemo, useCallback } from 'react';
-import { T as Text } from './index-e3f847ab.js';
-import './translationsContext-80d7ee69.js';
+import { T as Text } from './index-b5f84e24.js';
+import './translationsContext-d8f0f15b.js';
 import 'string-format';
-import { T as TogetherComponentGlobalContext, B as BEARER_TOKEN_COOKIE, m as getUrlToSignUp, i as callApi, g as getApiPath, P as PATHS, n as DEFAULT_IMG, o as getCurrentBaseUrl, j as getCarePath, C as CARE_PATHS, p as domainLocales, q as getCareHospitalUrl, r as getCareDoctorUrl, s as getDiscoverApiPath, t as DISCOVER_PATHS, A as ADMIN_PATHS, u as callApiWithAdminAuth, d as callApiWithAuth, M as MAX_IMAGE_UPLOADS, v as DEFAULT_AVATAR_IMG, R as REPORT_REASON_MAP, w as getMarryBabyApiPath, x as callApiWithOptionalAuth } from './utils-c5cdb4b1.js';
-import { a as __awaiter, _ as __rest } from './tslib.es6-d03cb889.js';
+import { T as TogetherComponentGlobalContext, B as BEARER_TOKEN_COOKIE, m as getUrlToSignUp, i as callApi, g as getApiPath, P as PATHS, n as DEFAULT_IMG, o as getCurrentBaseUrl, j as getCarePath, C as CARE_PATHS, p as domainLocales, q as getCareHospitalUrl, r as getCareDoctorUrl, t as getDiscoverApiPath, u as DISCOVER_PATHS, A as ADMIN_PATHS, v as callApiWithAdminAuth, d as callApiWithAuth, M as MAX_IMAGE_UPLOADS, w as DEFAULT_AVATAR_IMG, s as setDefaultClass, R as REPORT_REASON_MAP, x as getMarryBabyApiPath, y as callApiWithOptionalAuth } from './utils-2eeac181.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-6c353490.js';
 import { Heart, Reply, Comment, CrossLogo, ShieldCheck, Info, Ask, FullScreen, ArrowDown, ArrowRight, Trash, Endorse } from '@hhgtech/icons/other';
 import { useMantineTheme, Box, createStyles, Flex, rem, Checkbox, Portal, Anchor, Accordion, Popover } from '@mantine/core';
-import { D as Dropdown } from './index-d931676e.js';
-import { u as useTranslations } from './useTranslations-f40da32c.js';
+import { D as Dropdown } from './index-4126e3e8.js';
+import { u as useTranslations } from './useTranslations-eceb2845.js';
 import innertext from 'innertext';
-import { t as theme } from './theme-bc0a16d6.js';
-import { I as ImageWrap, u as useScreenSize, B as Button$1, A as Anchor$1, T as Tabs } from './index-d8548d2e.js';
+import { t as theme } from './theme-42cb371b.js';
+import { I as ImageWrap, u as useScreenSize, B as Button$1, A as Anchor$1, T as Tabs } from './index-2edb2e27.js';
 import '@mantine/dates';
-import { D as DATE_FNS_LOCALE, d as domainLocales$1 } from './index-2dbb70cc.js';
-import { L as LOCALE } from './Subot-77659a36.js';
-import { C as CommonGAssets } from './index-9f716e64.js';
+import { D as DATE_FNS_LOCALE, d as domainLocales$1 } from './index-cb59b5e6.js';
+import { L as LOCALE } from './Subot-81261e12.js';
+import { C as CommonGAssets } from './index-8cf272e7.js';
+import './useMantineLocale-29b90721.js';
 import '@mantine/hooks';
-import { M as MediaQueries, t as toggleNoScroll, c as safeEncodeURI, a as getPopupWrapperDom } from './utils-8d2a0656.js';
-import { A as AuthorBadge, a as BookingBtn, B as BtnChoice, D as Divider } from './index-90036085.js';
-import { U as UserAvatar, c as formatTopic, b as formatPost, P as Popup, e as formatComment, a as formatCommunity, g as formatArticle, h as formatCategory } from './index-d4cd8b4e.js';
-import { I as Input } from './index-0419dfd9.js';
+import { M as MediaQueries, t as toggleNoScroll, c as safeEncodeURI, a as getPopupWrapperDom } from './utils-75630fc7.js';
+import { A as AuthorBadge, a as BookingBtn, B as BtnChoice, D as Divider } from './index-461487da.js';
+import { U as UserAvatar, c as formatTopic, b as formatPost, P as Popup, e as formatComment, a as formatCommunity, g as formatArticle, h as formatCategory } from './index-36f504a7.js';
+import { I as Input } from './index-257a14b5.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { Plus, Close as Close$1, Check } from '@hhgtech/icons/core';
-import { B as Button } from './index-078532eb.js';
-import { H as Heading } from './index-5d4d91c1.js';
-import { d as deleteCookie, g as getCookie } from './cookieHelper-42ccc8ba.js';
+import { B as Button } from './index-383f163a.js';
+import { H as Heading } from './index-f7d9c75d.js';
+import { d as deleteCookie, g as getCookie } from './cookieHelper-778b8de6.js';
 import * as ReactDOM from 'react-dom';
-import styled, { keyframes } from 'styled-components';
-import { I as Icon } from './index-f833b395.js';
-import { a as abbreviateNumber } from './number-61725c7a.js';
+import styled from '@emotion/styled';
+import { I as Icon } from './index-bc070b43.js';
+import { a as abbreviateNumber } from './number-fe945cbc.js';
 import { format } from 'date-fns';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { M as Modal } from './index-621ada25.js';
-import { C as Close } from './Close-b16fbe77.js';
-import { a as useUniqueId } from './useUniqueId-c790dc3a.js';
-import { t as getDefaultClassWrapper } from './index.styles-8f85a751.js';
-import { g as getCurrentBaseUrl$1 } from './routing-1e4b619e.js';
-import './constants-bde36016.js';
-import './utils-ed6f1dcc.js';
-import './index.styled-1e5e4c0d.js';
-import './index-e7bffddc.js';
+import { keyframes } from '@emotion/react';
+import { M as Modal } from './index-e548ff7c.js';
+import { C as Close } from './Close-d4c81450.js';
+import { a as useUniqueId } from './useUniqueId-53a01cbf.js';
+import { g as getCurrentBaseUrl$1 } from './routing-7892a6d0.js';
+import './index.styles-51d80c5c.js';
+import './constants-5458df08.js';
+import './utils-fd352517.js';
+import './index.styled-615cecea.js';
+import './index-bd8f57c2.js';
 
 const TogetherAuthConfigContext = createContext({});
 const TogetherAuthConfigContextProvider = ({ children, defaultParams, }) => {
@@ -4742,11 +4744,11 @@ const InputCommentBar = ({ isReply, className, onClose, replyToName, style, repl
             React__default.createElement("img", { src: IconCloseCircle, className: "icon-close-circle", onClick: () => onRemoveImage(index), loading: "lazy" }))))))));
 };
 
-const StyledItemWrapper = styled.a `
-  * {
-    pointer-events: none;
-  }
-`;
+const StyledItemWrapper = setDefaultClass(styled.a `
+    * {
+      pointer-events: none;
+    }
+  `, 'hhg-share__item-wrapper');
 const StyledShare = styled.div `
   padding: 1rem;
   .share__social {
@@ -4755,7 +4757,7 @@ const StyledShare = styled.div `
     align-items: center;
     justify-content: center;
 
-    & > ${StyledItemWrapper} {
+    & > ${StyledItemWrapper.classSelector} {
       margin: 0 7px;
 
       & > img {
@@ -5690,21 +5692,19 @@ const PostSingleImageViewPopup = ({ initialViewIndex, images, onClose, alt, }) =
                             React__default.createElement("img", { src: ChevronRightIcon, alt: "right arrow", "data-disabled": rightDisabled, loading: "lazy" })))))))));
 };
 
-const _StyledInner = styled.div `
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.4);
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-`;
-const StyledInnerClass = 'hhgcomp-sensitivemask-inner';
-const StyledInner = getDefaultClassWrapper(_StyledInner, StyledInnerClass);
+const StyledInner = setDefaultClass(styled.div `
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.4);
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+  `, 'hhgcomp-sensitivemask-inner');
 const StyledIcon = styled.div ``;
 const StyledWrapper = styled.div `
   position: absolute;
@@ -5740,7 +5740,7 @@ const StyledWrapper = styled.div `
     background: transparent;
     cursor: zoom-in;
 
-    .${StyledInnerClass} {
+    ${StyledInner.classSelector} {
       top: auto;
       right: auto;
       left: 8px;

package/build/esm/{types-0cd6153b.js → types-b07f79cd.js}

@@ -1,23 +1,24 @@
-import { a as __awaiter } from './tslib.es6-d03cb889.js';
+import { a as __awaiter } from './tslib.es6-6c353490.js';
 import React__default, { useState, useCallback, useMemo, useEffect, useRef, useReducer } from 'react';
-import { u as useTranslations } from './useTranslations-f40da32c.js';
+import { Global, css } from '@emotion/react';
+import { u as useTranslations } from './useTranslations-eceb2845.js';
 import debounce from 'lodash/debounce';
-import { I as ID_OPTION_ALL_LOCATION, a as LOCALIZED_SLUGS, f as ID_OPTION_CURRENT_LOCATION, M as MAPPING_CLIENT_WITH_SLUG, g as SLUG_VACIN_ID, C as CLIENT_KEY } from './constants-bde36016.js';
-import { I as Input } from './index-0419dfd9.js';
-import styled, { createGlobalStyle } from 'styled-components';
-import { T as Text } from './index-e3f847ab.js';
-import { t as theme } from './theme-bc0a16d6.js';
+import { I as ID_OPTION_ALL_LOCATION, a as LOCALIZED_SLUGS, f as ID_OPTION_CURRENT_LOCATION, M as MAPPING_CLIENT_WITH_SLUG, g as SLUG_VACIN_ID, C as CLIENT_KEY } from './constants-5458df08.js';
+import styled from '@emotion/styled';
+import { I as Input } from './index-257a14b5.js';
+import { T as Text } from './index-b5f84e24.js';
+import { t as theme } from './theme-42cb371b.js';
 import shuffle from 'lodash/shuffle';
-import { a as useOutsideClick } from './useOutsideClick-d9873825.js';
-import { M as MediaQueries } from './utils-8d2a0656.js';
+import { a as useOutsideClick } from './useOutsideClick-b142b45a.js';
+import { M as MediaQueries } from './utils-75630fc7.js';
 import Skeleton from 'react-loading-skeleton';
-import { P as PATHS } from './paths-f0d8d975.js';
+import { P as PATHS } from './paths-cce96722.js';
 import { Skeleton as Skeleton$1, Input as Input$1, Divider, Tabs, Flex, Button } from '@mantine/core';
-import { U as USER_GEOLOCATION_COORDINATES_COOKIE, d as domainLocales } from './index-2dbb70cc.js';
-import { g as getCookie, s as setCookie, d as deleteCookie } from './cookieHelper-42ccc8ba.js';
-import { C as Container } from './index-3356d63f.js';
+import { U as USER_GEOLOCATION_COORDINATES_COOKIE, d as domainLocales } from './index-cb59b5e6.js';
+import { g as getCookie, s as setCookie, d as deleteCookie } from './cookieHelper-778b8de6.js';
+import { C as Container } from './index-c3c7be25.js';
 import { Search } from '@hhgtech/icons/core';
-import { C as ChevronDown } from './ChevronDown-ef8e0384.js';
+import { C as ChevronDown } from './ChevronDown-b42051a5.js';
 import formatString from 'string-format';
 
 function useGeolocation() {
@@ -102,21 +103,6 @@ const StyledInput = styled(Input) `
       font-size: 16px;
     }
   }
-`;
-const CareSearchGlobalStyles = createGlobalStyle `
-  .care-popup-open {
-    overflow: hidden;
-    position: fixed;
-    &::before {
-      content: '';
-      inset: 0;
-      position: absolute;
-      background-color: white;
-      min-height: 100vh;
-      min-width: 100vw;
-      z-index: 2;
-    }
-  }
 `;
 
 const ClearIcon = ({ className, color }) => (React__default.createElement("svg", { className: className, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
@@ -1751,7 +1737,21 @@ const BookingSearchBar = ({ isMobile, careApiDomain, geoLocationPermission: geoL
     }, [isNavResultPage, locale, selectedLocation]);
     if (isMobile) {
         return (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(CareSearchGlobalStyles, null),
+            React__default.createElement(Global, { styles: css `
+            .care-popup-open {
+              overflow: hidden;
+              position: fixed;
+              &::before {
+                content: '';
+                inset: 0;
+                position: absolute;
+                background-color: white;
+                min-height: 100vh;
+                min-width: 100vw;
+                z-index: 2;
+              }
+            }
+          ` }),
             React__default.createElement(StyledHiddenInputMobile, { ref: hiddenInputRef }),
             React__default.createElement(StyledSearchBarMobileWrapper, { id: "booking-search-bar", ref: wrapperRef, "data-is-modal": isMobile && isMobileModalOpened, style: {
                     '--mobile-care-searchbar-height': isMobileModalOpened && viewportHeight

package/build/esm/types.js

@@ -1 +1 @@
-export { a as BabyGrowthChartDuration, B as BabyGrowthChartType, b as BabyGrowthResultTab, E as ELEMENT_CONTROL_INPUT_TYPE, F as FULL_KEY_ADDRESS, G as Gender, L as LOCALE, f as NodeActionType, d as NodeFinalTypes, e as NodeIntentType, g as NodeMultipleOptions, N as NodePosition, c as NodeType, O as OnboardingStep, S as SubotType } from './Subot-77659a36.js';
+export { a as BabyGrowthChartDuration, B as BabyGrowthChartType, b as BabyGrowthResultTab, E as ELEMENT_CONTROL_INPUT_TYPE, F as FULL_KEY_ADDRESS, G as Gender, L as LOCALE, f as NodeActionType, d as NodeFinalTypes, e as NodeIntentType, g as NodeMultipleOptions, N as NodePosition, c as NodeType, O as OnboardingStep, S as SubotType } from './Subot-81261e12.js';

package/build/esm/{useCategory-7e171b59.js → useCategory-45ea1675.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-d03cb889.js';
+import { a as __awaiter } from './tslib.es6-6c353490.js';
 import { useRef, useEffect, useState, useCallback, useMemo } from 'react';
-import { g as getCookie } from './cookieHelper-42ccc8ba.js';
-import { u as useInitialMount } from './useUniqueId-c790dc3a.js';
-import { L as LOCALE } from './Subot-77659a36.js';
-import { u as useTranslations } from './useTranslations-f40da32c.js';
+import { g as getCookie } from './cookieHelper-778b8de6.js';
+import { u as useInitialMount } from './useUniqueId-53a01cbf.js';
+import { L as LOCALE } from './Subot-81261e12.js';
+import { u as useTranslations } from './useTranslations-eceb2845.js';
 
 function normalizeAndHash(string) {
     const utf8 = new TextEncoder().encode(string.trim().toLowerCase());

package/build/esm/{useHealthToolCache-0bae40e5.js → useHealthToolCache-c9535fac.js}

@@ -1,6 +1,6 @@
-import { a as __awaiter } from './tslib.es6-d03cb889.js';
+import { a as __awaiter } from './tslib.es6-6c353490.js';
 import { useState, useEffect, useCallback } from 'react';
-import { a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-0d956c55.js';
+import { a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-b5e4d048.js';
 
 const useHealthToolsCache = (locale) => {
     const [allTools, setAllTools] = useState([]);

package/build/esm/useMantineLocale-29b90721.js

@@ -0,0 +1,80 @@
+import { O as OTHER_THEME_CONFIG, M as MediaQueries } from './utils-75630fc7.js';
+import { a as __awaiter } from './tslib.es6-6c353490.js';
+import { useState, useEffect } from 'react';
+import dayjs from 'dayjs';
+import { L as LOCALE } from './Subot-81261e12.js';
+
+const headingStyles = [
+    { size: '40px', lineHeight: '52px', letterSpacing: '-1.2px' },
+    { size: '32px', lineHeight: '42px', letterSpacing: '-1px' },
+    { size: '26px', lineHeight: '36px', letterSpacing: '-0.8px' },
+    { size: '22px', lineHeight: '32px', letterSpacing: '-0.6px' },
+    { size: '18px', lineHeight: '28px', letterSpacing: '-0.2px' },
+    { size: '16px', lineHeight: '24px', letterSpacing: 0 },
+];
+const headingStylesMBDown = [
+    { size: '26px', lineHeight: '34px', letterSpacing: '-0.9px' },
+    { size: '24px', lineHeight: '32px', letterSpacing: '-0.8px' },
+    { size: '20px', lineHeight: '26px', letterSpacing: '-0.7px' },
+    { size: '18px', lineHeight: '26px', letterSpacing: '-0.6px' },
+    { size: '16px', lineHeight: '24px', letterSpacing: '-0.2px' },
+    { size: '14px', lineHeight: '22px', letterSpacing: '-0.2px' },
+];
+const getHeadingStyles = (mbDown = false) => Object.fromEntries((mbDown ? headingStylesMBDown : headingStyles).map((style, index) => [
+    `h${index + 1}`,
+    {
+        fontSize: style.size,
+        lineHeight: style.lineHeight,
+        letterSpacing: style.letterSpacing,
+    },
+]));
+const GlobalHeadingStyle = {
+    Title: {
+        styles: {
+            root: Object.assign(Object.assign({ fontWeight: OTHER_THEME_CONFIG.fontWeight.bold }, getHeadingStyles()), { [`&${MediaQueries.mbDown}`]: Object.assign({}, getHeadingStyles(true)) }),
+        },
+    },
+};
+
+// Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
+const MAPPED_LOCALE = {
+    [LOCALE.Vietnam]: 'vi',
+    [LOCALE.Cambodia]: 'km',
+    [LOCALE.India]: 'hi',
+    [LOCALE.Indonesia]: 'id',
+    [LOCALE.Malaysia]: 'ms',
+    [LOCALE.Thailand]: 'th',
+    [LOCALE.Taiwan]: 'zh-tw',
+    [LOCALE.PhilippinesTagalog]: 'tl-ph',
+    [LOCALE.PhilippinesEnglish]: 'en',
+    [LOCALE.Myanmar]: 'my',
+};
+const LOCALE_LOADERS = {
+    [LOCALE.Vietnam]: () => import('dayjs/locale/vi.js'),
+    [LOCALE.Cambodia]: () => import('dayjs/locale/km.js'),
+    [LOCALE.India]: () => import('dayjs/locale/hi.js'),
+    [LOCALE.Indonesia]: () => import('dayjs/locale/id.js'),
+    [LOCALE.Malaysia]: () => import('dayjs/locale/ms.js'),
+    [LOCALE.Thailand]: () => import('dayjs/locale/th.js'),
+    [LOCALE.Taiwan]: () => import('dayjs/locale/zh-tw.js'),
+    [LOCALE.PhilippinesTagalog]: () => import('dayjs/locale/tl-ph.js'),
+    [LOCALE.PhilippinesEnglish]: () => import('dayjs/locale/en.js'),
+    [LOCALE.Myanmar]: () => import('dayjs/locale/my.js'),
+};
+const useMantineLocale = (locale) => {
+    const [isLoaded, setIsLoaded] = useState(false);
+    useEffect(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            setIsLoaded(false);
+            yield ((_a = LOCALE_LOADERS[locale]) === null || _a === void 0 ? void 0 : _a.call(LOCALE_LOADERS));
+            dayjs.locale(MAPPED_LOCALE[locale]);
+            setIsLoaded(true);
+        }))();
+    }, [locale]);
+    return {
+        isLoaded,
+    };
+};
+
+export { GlobalHeadingStyle as G, MAPPED_LOCALE as M, getHeadingStyles as g, useMantineLocale as u };

package/build/esm/{usePlacesAutocomplete-cf392306.js → usePlacesAutocomplete-5e95318f.js}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from './tslib.es6-d03cb889.js';
+import { a as __awaiter } from './tslib.es6-6c353490.js';
 import { useState, useEffect } from 'react';
 
 const formatAutoCompleteAddress = (addresses) => {

package/build/esm/{useTranslations-f40da32c.js → useTranslations-eceb2845.js}

@@ -1,5 +1,5 @@
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-80d7ee69.js';
+import { T as TranslationsContext } from './translationsContext-d8f0f15b.js';
 import formatString from 'string-format';
 
 function useTranslations() {