@hhgtech/hhg-components 1.28.91 → 1.29.0

package/build/esm/{index-50656d19.js → index-17aa45f6.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-d03cb889.js';
+import { _ as __rest } from './tslib.es6-90c980db.js';
 import React__default, { useState, useEffect } from 'react';
 import { useDebouncedValue } from '@mantine/hooks';
-import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-d8548d2e.js';
+import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-116820df.js';
 
 const Slider = (_a) => {
     var { color, withControl, onChange, value, min, max, isStatic, containerClassName, containerStyle } = _a, props = __rest(_a, ["color", "withControl", "onChange", "value", "min", "max", "isStatic", "containerClassName", "containerStyle"]);

package/build/esm/{index-01fe65ac.js → index-1e48c47d.js}

@@ -1,42 +1,44 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-d03cb889.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-90c980db.js';
 import React__default, { useState, useMemo, useRef, Fragment, useEffect, useContext, useCallback } from 'react';
-import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-d8548d2e.js';
-import styled, { css } from 'styled-components';
-import { t as theme } from './theme-bc0a16d6.js';
-import { T as Text } from './index-e3f847ab.js';
-import { C as CommonGAssets } from './index-9f716e64.js';
-import { C as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-2dbb70cc.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-d9c76838.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-1e4b619e.js';
-import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-d4cd8b4e.js';
-import { L as Logo } from './index-f2c9c44e.js';
-import { u as useTranslations } from './useTranslations-f40da32c.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-116820df.js';
+import styled from '@emotion/styled';
+import { t as theme } from './theme-872b838b.js';
+import { T as Text } from './index-a89978b5.js';
+import { C as CommonGAssets } from './index-3a7874fb.js';
+import { C as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-a225de9a.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-c496e1e9.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-d1d80889.js';
+import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-dd316ec1.js';
+import { L as Logo } from './index-b0cd3e90.js';
+import { u as useTranslations } from './useTranslations-cdc34b46.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './Subot-77659a36.js';
-import './translationsContext-80d7ee69.js';
+import { L as LOCALE } from './Subot-87ce123a.js';
+import './useMantineLocale-9509c75a.js';
+import './translationsContext-d1e035fa.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-8d2a0656.js';
-import { L as LOCALISED_SLUGS } from './constants-3d0da5c8.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-68130dfd.js';
+import { L as LOCALISED_SLUGS } from './constants-1c17ead2.js';
 import { User } from '@hhgtech/icons/core';
-import { t as getDefaultClassWrapper } from './index.styles-8f85a751.js';
-import { C as ChevronDown } from './ChevronDown-ef8e0384.js';
-import { B as Button } from './index-078532eb.js';
-import { l as domainLocalesMarryBaby } from './utils-c5cdb4b1.js';
-import { a as LOCALIZED_SLUGS } from './constants-bde36016.js';
-import { H as Heading } from './index-5d4d91c1.js';
-import { I as Indicator$1 } from './index-ae8cf7cb.js';
-import { u as useIsInit } from './useIsInit-c96375f4.js';
-import './utils-ed6f1dcc.js';
-import './index.styled-1e5e4c0d.js';
-import './index-e7bffddc.js';
+import { t as getDefaultClassWrapper } from './index.styles-204059de.js';
+import { C as ChevronDown } from './ChevronDown-bd8a97b7.js';
+import { css } from '@emotion/react';
+import { B as Button } from './index-e37981ac.js';
+import { l as domainLocalesMarryBaby } from './utils-7d7b23a5.js';
+import { a as LOCALIZED_SLUGS } from './constants-096bcb71.js';
+import { H as Heading } from './index-33eb9684.js';
+import { I as Indicator$1 } from './index-b4c715f8.js';
+import { u as useIsInit } from './useIsInit-2ecc6856.js';
+import './utils-b8a41665.js';
+import './index.styled-ad6c920c.js';
+import './index-c223bbae.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-3356d63f.js';
+import { C as Container } from './index-717ab2a6.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-46053d28.js';
+import { g as getDataWithCache } from './core-9994102a.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -209,8 +211,12 @@ const CartBadge = (_a) => {
 
 const StyledDisplayWrapper = styled.div `
   ${(props) => `
-    ${props.lowerBound !== 0 ? `@media (max-width: ${props.lowerBound - 1}px) { display: none; }` : ''}
-    ${props.upperBound !== 0 ? `@media (min-width: ${props.upperBound}px) { display: none; }` : ''}
+    ${props.lowerBound !== 0
+    ? `@media (max-width: ${props.lowerBound - 1}px) { display: none; }`
+    : ''}
+    ${props.upperBound !== 0
+    ? `@media (min-width: ${props.upperBound}px) { display: none; }`
+    : ''}
   `}
 `;
 
@@ -2863,13 +2869,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-10320985.js').then((data) => {
+                import('./doctor-7e99c8c9.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-1ccc42ed.js').then((data) => {
+                import('./cart-7f3fb9ea.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-cf628b96.js → index-2c07b3b9.js}

@@ -1,66 +1,68 @@
 import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, forwardRef, createContext, useContext } from 'react';
-import { T as Text } from './index-e3f847ab.js';
-import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, g as StyledDropdownList, h as StyledDropdownOption, i as StyledIcon$1, j as StyledGrid, k as StyledPagination, l as StyledPageBlock, m as StyledPaginationBlock, n as StyledTag, o as StyledToggle, p as StyledToggleIcon, q as StyledToggleLabel, r as StyledCheckbox, s as StyledRateStars, u as useStyles$4, T as TextArea, t as getDefaultClassWrapper, P as PureInput } from './index.styles-8f85a751.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-8d2a0656.js';
-import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, B as Button$1, c as Input$1, d as Checkbox$1, e as ChipButton, t as themeColors } from './index-d8548d2e.js';
-import { T as Text$1 } from './index-b06204d8.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-d03cb889.js';
-import { C as CommonGAssets } from './index-9f716e64.js';
-import { H as Heading } from './index-5d4d91c1.js';
-import { t as theme } from './theme-bc0a16d6.js';
+import { T as Text } from './index-a89978b5.js';
+import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, g as StyledDropdownList, h as StyledDropdownOption, i as StyledIcon$1, j as StyledGrid, k as StyledPagination, l as StyledPageBlock, m as StyledPaginationBlock, n as StyledTag, o as StyledToggle, p as StyledToggleIcon, q as StyledToggleLabel, r as StyledCheckbox, s as StyledRateStars, u as useStyles$4, T as TextArea, t as getDefaultClassWrapper, P as PureInput } from './index.styles-204059de.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-68130dfd.js';
+import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, B as Button$1, c as Input$1, d as Checkbox$1, e as ChipButton, t as themeColors } from './index-116820df.js';
+import { T as Text$1 } from './index-f1b945f4.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-90c980db.js';
+import { C as CommonGAssets } from './index-3a7874fb.js';
+import { H as Heading } from './index-33eb9684.js';
+import { t as theme } from './theme-872b838b.js';
 import { Box, Radio as Radio$2, Flex, rem, Card, Group, createStyles, Stack, getStylesRef, useMantineTheme, Container as Container$1, AspectRatio as AspectRatio$1, ScrollArea, Chip, Badge as Badge$1, MultiSelect, Stepper } from '@mantine/core';
 import innertext from 'innertext';
 import '@mantine/dates';
-import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-2dbb70cc.js';
-import { G as Gender, L as LOCALE } from './Subot-77659a36.js';
-import './translationsContext-80d7ee69.js';
+import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-a225de9a.js';
+import { G as Gender, L as LOCALE } from './Subot-87ce123a.js';
+import './useMantineLocale-9509c75a.js';
+import './translationsContext-d1e035fa.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-01fe65ac.js';
-import styled, { keyframes, css } from 'styled-components';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-1e48c47d.js';
+import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-f2c9c44e.js';
-import { B as Button } from './index-078532eb.js';
-import { I as Input } from './index-0419dfd9.js';
+import { L as Logo } from './index-b0cd3e90.js';
+import { B as Button } from './index-e37981ac.js';
+import { I as Input } from './index-74d06ec3.js';
+import { keyframes, css } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-a01e577e.js';
-import { u as useTranslations } from './useTranslations-f40da32c.js';
+import { i as isProduction } from './isProduction-6a111449.js';
+import { u as useTranslations } from './useTranslations-cdc34b46.js';
 import { CalendarMB, Calendar } from '@hhgtech/icons/other';
 import { format, addDays, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import dayjs from 'dayjs';
-import { D as DATE_FORMAT } from './types-1eb3b0e7.js';
-import { Z as Z_INDEX, b as DUE_DATE_FORMAT, H as HEALTH_TOOL_TYPE$1, d as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-c5cdb4b1.js';
-import { D as DatePicker } from './index-92e6ffd0.js';
-import { M as MarryBabyText } from './index-08431eb8.js';
-import { S as Slider } from './index-50656d19.js';
-import { D as Dropdown } from './index-d931676e.js';
-import { C as Container } from './index-3356d63f.js';
+import { D as DATE_FORMAT } from './types-da9f6430.js';
+import { Z as Z_INDEX, b as DUE_DATE_FORMAT, H as HEALTH_TOOL_TYPE$1, d as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-7d7b23a5.js';
+import { D as DatePicker } from './index-40a72a24.js';
+import { M as MarryBabyText } from './index-0149d451.js';
+import { S as Slider } from './index-17aa45f6.js';
+import { D as Dropdown } from './index-de61ce25.js';
+import { C as Container } from './index-717ab2a6.js';
 import { useForm, Controller } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-0bae40e5.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-d16ce8e0.js';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { B as BabyGrowthGender, D as Drawer } from './index-6a83527e.js';
-import { L as Label } from './constants-bde36016.js';
-import { f as formatUserProfileUrl } from './index-d4cd8b4e.js';
-import './utils-ed6f1dcc.js';
-import './index.styled-1e5e4c0d.js';
-import './index-e7bffddc.js';
-import { a as useOutsideClick } from './useOutsideClick-d9873825.js';
+import { B as BabyGrowthGender, D as Drawer } from './index-92ddaf61.js';
+import { L as Label } from './constants-096bcb71.js';
+import { f as formatUserProfileUrl } from './index-dd316ec1.js';
+import './utils-b8a41665.js';
+import './index.styled-ad6c920c.js';
+import './index-c223bbae.js';
+import { a as useOutsideClick } from './useOutsideClick-eab4ca76.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { g as getSocialList } from './getSocialList-b061b92d.js';
+import { g as getSocialList } from './getSocialList-e2b932d8.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-1e4b619e.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-d1d80889.js';
 import { useForm as useForm$1, isNotEmpty } from '@mantine/form';
-import { I as Icon } from './index-f833b395.js';
+import { I as Icon } from './index-e1771c6e.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-621ada25.js';
+import { M as Modal } from './index-e7022716.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-42ccc8ba.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-d9c76838.js';
+import { g as getCookie } from './cookieHelper-b2f3fe3b.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-c496e1e9.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 

package/build/esm/{index-5d4d91c1.js → index-33eb9684.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-d03cb889.js';
+import { _ as __rest } from './tslib.es6-90c980db.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-e3f847ab.js';
+import { T as Text } from './index-a89978b5.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-9f716e64.js → index-3a7874fb.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-2dbb70cc.js';
-import { i as isProduction } from './isProduction-a01e577e.js';
+import { d as domainLocales } from './index-a225de9a.js';
+import { i as isProduction } from './isProduction-6a111449.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-92e6ffd0.js → index-40a72a24.js}

@@ -1,10 +1,10 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from './index-f833b395.js';
-import { u as useTranslations } from './useTranslations-f40da32c.js';
+import { I as Icon } from './index-e1771c6e.js';
+import { u as useTranslations } from './useTranslations-cdc34b46.js';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import styled from 'styled-components';
-import { t as theme } from './theme-bc0a16d6.js';
+import styled from '@emotion/styled';
+import { t as theme } from './theme-872b838b.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-19e210ee.js → index-41f1f2e9.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-d03cb889.js';
+import { _ as __rest } from './tslib.es6-90c980db.js';
 import React__default from 'react';
 import { Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-2dbb70cc.js';
-import { L as LOCALE } from './Subot-77659a36.js';
-import { C as CommonGAssets } from './index-9f716e64.js';
-import { M as MAPPED_LOCALE } from './index-d8548d2e.js';
+import { I as ISO_FORMAT } from './index-a225de9a.js';
+import { L as LOCALE } from './Subot-87ce123a.js';
+import { C as CommonGAssets } from './index-3a7874fb.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-9509c75a.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-2b596f75.js → index-5d1d6ad9.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-d03cb889.js';
+import { _ as __rest } from './tslib.es6-90c980db.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-77659a36.js';
-import { C as CommonGAssets } from './index-9f716e64.js';
-import { t as theme } from './theme-bc0a16d6.js';
-import styled from 'styled-components';
-import { I as ImageWrap, f as CentralCarousel } from './index-d8548d2e.js';
-import { T as Text } from './index-b06204d8.js';
+import { L as LOCALE } from './Subot-87ce123a.js';
+import styled from '@emotion/styled';
+import { C as CommonGAssets } from './index-3a7874fb.js';
+import { t as theme } from './theme-872b838b.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-116820df.js';
+import { T as Text } from './index-f1b945f4.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;
@@ -27,11 +27,11 @@ const StyledIconContainer = styled.div `
 const StyledPillContainer = styled.div `
   display: inline-block;
   height: 108px;
-  background-color: ${(props) => props.theme.colors.white};
+  background-color: ${theme.colors.white};
   border-radius: 60px;
   cursor: pointer;
   &.selected-week-pill {
-    background-color: ${(props) => props.theme.colors.pink100};
+    background-color: ${theme.colors.pink100};
   }
 
   & > div:first-child {

package/build/esm/{index-43394051.js → index-74a534c1.js}

@@ -1,17 +1,18 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-d03cb889.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-90c980db.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { c as Input, S as Select } from './index-d8548d2e.js';
+import { c as Input, S as Select } from './index-116820df.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-2dbb70cc.js';
-import { L as LOCALE } from './Subot-77659a36.js';
-import './index-9f716e64.js';
-import './index-e3f847ab.js';
-import './theme-bc0a16d6.js';
-import { u as useTranslations } from './useTranslations-f40da32c.js';
+import { c as CDN_ADDRESS } from './index-a225de9a.js';
+import { L as LOCALE } from './Subot-87ce123a.js';
+import './index-3a7874fb.js';
+import './useMantineLocale-9509c75a.js';
+import './index-a89978b5.js';
+import './theme-872b838b.js';
+import { u as useTranslations } from './useTranslations-cdc34b46.js';
 import '@mantine/hooks';
-import './utils-8d2a0656.js';
-import { M as MAPPED_LOCALE } from './utils-6a1e6566.js';
+import './utils-68130dfd.js';
+import { M as MAPPED_LOCALE } from './utils-2d30dcc6.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-0419dfd9.js → index-74d06ec3.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-d03cb889.js';
+import { _ as __rest } from './tslib.es6-90c980db.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-bde36016.js';
+import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-096bcb71.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-6a83527e.js → index-92ddaf61.js}

@@ -1,17 +1,17 @@
 import React__default, { useRef, useEffect, useState } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll, M as MediaQueries } from './utils-8d2a0656.js';
-import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem, t as getDefaultClassWrapper } from './index.styles-8f85a751.js';
-import { T as Text } from './index-e3f847ab.js';
-import { u as useScrollbarSize } from './useScrollbarSize-0f356554.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-68130dfd.js';
+import { y as StyledBackdrop, z as StyledDrawer, A as StyledDrawerPanel, B as StyledDrawerContent, C as StyledRadioImageGroup, D as StyledRadioImageItem, t as getDefaultClassWrapper } from './index.styles-204059de.js';
+import { T as Text } from './index-a89978b5.js';
+import { u as useScrollbarSize } from './useScrollbarSize-97b27e17.js';
 import { createPortal } from 'react-dom';
-import styled from 'styled-components';
-import { t as theme } from './theme-bc0a16d6.js';
+import styled from '@emotion/styled';
+import { t as theme } from './theme-872b838b.js';
 import { BabyBoyMB, GenderChooseBoy, BabyGirlMB, GenderChooseGirl } from '@hhgtech/icons/other';
-import { u as useTranslations } from './useTranslations-f40da32c.js';
-import { G as Gender } from './Subot-77659a36.js';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-08431eb8.js';
-import { T as Text$1 } from './index-b06204d8.js';
+import { u as useTranslations } from './useTranslations-cdc34b46.js';
+import { G as Gender } from './Subot-87ce123a.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-0149d451.js';
+import { T as Text$1 } from './index-f1b945f4.js';
 
 const Backdrop = ({ open = false, onClickOutside, }) => {
     return (React__default.createElement(StyledBackdrop, { "data-open": open, onClick: onClickOutside }));

package/build/esm/{index-2dbb70cc.js → index-a225de9a.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './Subot-77659a36.js';
-import { i as isProduction } from './isProduction-a01e577e.js';
+import { L as LOCALE } from './Subot-87ce123a.js';
+import { i as isProduction } from './isProduction-6a111449.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-e3f847ab.js → index-a89978b5.js}

@@ -1,105 +1,7 @@
-import { _ as __rest } from './tslib.es6-d03cb889.js';
+import { _ as __rest } from './tslib.es6-90c980db.js';
 import React__default from 'react';
-import { rem, createStyles, Text as Text$1 } from '@mantine/core';
-
-var FontWeight;
-(function (FontWeight) {
-    FontWeight[FontWeight["regular"] = 400] = "regular";
-    FontWeight[FontWeight["semiBold"] = 600] = "semiBold";
-    FontWeight[FontWeight["bold"] = 700] = "bold";
-})(FontWeight || (FontWeight = {}));
-const GlobalTextStyle = {
-    fontSize: {
-        base: [rem(16), rem(16)],
-        lg: [rem(18), rem(16)],
-        md: [rem(18), rem(16)],
-        sm: [rem(16), rem(14)],
-        xs: [rem(14), rem(12)],
-        s1: [rem(22), rem(18)],
-        s2: [rem(18), rem(16)],
-        s3: [rem(16), rem(14)],
-        s4: [rem(14), rem(12)],
-        s5: [rem(12), rem(12)],
-        p1: [rem(18), rem(16)],
-        p2: [rem(16), rem(16)],
-        p3: [rem(16), rem(14)],
-        p4: [rem(14), rem(12)],
-        p5: [rem(12), rem(12)],
-        c1: [rem(16), rem(14)],
-        c2: [rem(14), rem(12)],
-        n1: [rem(12), rem(12)],
-        label1: [rem(14), rem(14)],
-        label2: [rem(12), rem(12)],
-        h1: [rem(40), rem(26)],
-        h2: [rem(32), rem(24)],
-        h3: [rem(26), rem(20)],
-        h4: [rem(22), rem(18)],
-        h5: [rem(18), rem(16)],
-        h6: [rem(16), rem(14)],
-    },
-    lineHeight: {
-        base: [rem(24), rem(24)],
-        lg: [rem(32), rem(28)],
-        md: [rem(32), rem(28)],
-        sm: [rem(24), rem(22)],
-        xs: [rem(24), rem(18)],
-        s1: [rem(32), rem(26)],
-        s2: [rem(28), rem(24)],
-        s3: [rem(24), rem(24)],
-        s4: [rem(22), rem(18)],
-        s5: [rem(18), rem(18)],
-        p1: [rem(28), rem(28)],
-        p2: [rem(24), rem(24)],
-        p3: [rem(24), rem(22)],
-        p4: [rem(22), rem(18)],
-        c1: [rem(24), rem(22)],
-        c2: [rem(22), rem(18)],
-        n1: [rem(18), rem(18)],
-        label1: [rem(22), rem(22)],
-        label2: [rem(18), rem(18)],
-        h1: [rem(52), rem(34)],
-        h2: [rem(42), rem(32)],
-        h3: [rem(36), rem(26)],
-        h4: [rem(32), rem(26)],
-        h5: [rem(28), rem(24)],
-        h6: [rem(24), rem(22)],
-    },
-    letterSpacing: {
-        lg: [-0.2, 0],
-        md: [-0.2, 0],
-        sm: [0, -0.2],
-        s1: [-0.6, -0.6],
-        s2: [-0.4, -0.2],
-        s3: [0, -0.2],
-        s4: [0, -0.2],
-        p1: [-0.2, -0.2],
-        p2: [0, -0.2],
-        p3: [0, -0.2],
-        p4: [-0.2, 0],
-        label1: [0, -0.2],
-        h1: [-1.2, -0.9],
-        h2: [-1, -0.8],
-        h3: [-0.8, -0.7],
-        h4: [-0.6, -0.6],
-        h5: [-0.2, -0.2],
-        h6: [0, -0.2],
-    },
-    fontWeightBySize: {
-        s1: FontWeight.semiBold,
-        s2: FontWeight.semiBold,
-        s3: FontWeight.semiBold,
-        s4: FontWeight.semiBold,
-        h1: FontWeight.bold,
-        h2: FontWeight.bold,
-        h3: FontWeight.bold,
-        h4: FontWeight.bold,
-        h5: FontWeight.bold,
-        h6: FontWeight.bold,
-    },
-    fontWeight: FontWeight,
-};
-
-const OTHER_THEME_CONFIG = Object.assign({}, GlobalTextStyle);
+import { createStyles, Text as Text$1 } from '@mantine/core';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-68130dfd.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -146,4 +48,4 @@ const Text = (_a) => {
         } }, rest)));
 };
 
-export { OTHER_THEME_CONFIG as O, Text as T };
+export { Text as T };

package/build/esm/{index-f2c9c44e.js → index-b0cd3e90.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-77659a36.js';
-import { C as CommonGAssets } from './index-9f716e64.js';
-import { i as isChristmas, a as LunarNewYearLocale, b as isLunarNewYear, c as isNewYear, d as isRamadan, e as isVNHungKing, f as isVN3004, g as isLabourDay, S as StyledLogo, L as LogoIcon, h as StyledProLogo } from './utils-ed6f1dcc.js';
-import { I as ImageWrap } from './index-d8548d2e.js';
+import { L as LOCALE } from './Subot-87ce123a.js';
+import { C as CommonGAssets } from './index-3a7874fb.js';
+import { i as isChristmas, a as LunarNewYearLocale, b as isLunarNewYear, c as isNewYear, d as isRamadan, e as isVNHungKing, f as isVN3004, g as isLabourDay, S as StyledLogo, L as LogoIcon, h as StyledProLogo } from './utils-b8a41665.js';
+import { I as ImageWrap } from './index-116820df.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-ae8cf7cb.js → index-b4c715f8.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-d03cb889.js';
+import { _ as __rest } from './tslib.es6-90c980db.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-bc0a16d6.js';
+import { t as theme } from './theme-872b838b.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);

package/build/esm/{index-f6a859a9.js → index-ba1fe0a8.js}

@@ -1,21 +1,22 @@
 import React__default from 'react';
-import { B as Button } from './index-078532eb.js';
-import { C as Container } from './index-3356d63f.js';
+import { B as Button } from './index-e37981ac.js';
+import { C as Container } from './index-717ab2a6.js';
 import dayjs from 'dayjs';
-import { d as domainLocales } from './index-2dbb70cc.js';
-import { t as theme } from './theme-bc0a16d6.js';
-import './index-d8548d2e.js';
+import { d as domainLocales } from './index-a225de9a.js';
+import { t as theme } from './theme-872b838b.js';
+import './index-116820df.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './Subot-77659a36.js';
-import './index-9f716e64.js';
-import { T as Text } from './index-e3f847ab.js';
-import { u as useTranslations } from './useTranslations-f40da32c.js';
+import './Subot-87ce123a.js';
+import './index-3a7874fb.js';
+import './useMantineLocale-9509c75a.js';
+import { T as Text } from './index-a89978b5.js';
+import { u as useTranslations } from './useTranslations-cdc34b46.js';
 import '@mantine/hooks';
-import './utils-8d2a0656.js';
-import { L as Logo } from './index-f2c9c44e.js';
-import { M as MarryBabyText } from './index-08431eb8.js';
-import './translationsContext-80d7ee69.js';
+import './utils-68130dfd.js';
+import { L as Logo } from './index-b0cd3e90.js';
+import { M as MarryBabyText } from './index-0149d451.js';
+import './translationsContext-d1e035fa.js';
 import 'string-format';
 
 var styles$1 = {"footer":"Lj0qoTD","flag":"OO-qFWT"};

package/build/esm/{index-d4cd8b4e.js → index-dd316ec1.js}

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
-import { M as MediaQueries } from './utils-8d2a0656.js';
-import styled from 'styled-components';
-import { t as theme } from './theme-bc0a16d6.js';
-import { _ as __rest } from './tslib.es6-d03cb889.js';
-import { T as TogetherComponentGlobalContext } from './utils-c5cdb4b1.js';
+import styled from '@emotion/styled';
+import { M as MediaQueries } from './utils-68130dfd.js';
+import { t as theme } from './theme-872b838b.js';
+import { _ as __rest } from './tslib.es6-90c980db.js';
+import { T as TogetherComponentGlobalContext } from './utils-7d7b23a5.js';
 
 const StyledPopup = styled.div `
   position: fixed;

package/build/esm/{index-d931676e.js → index-de61ce25.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { t as theme } from './theme-bc0a16d6.js';
-import styled from 'styled-components';
+import styled from '@emotion/styled';
+import { t as theme } from './theme-872b838b.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;
@@ -157,9 +157,9 @@ const Dropdown = ({ className, value, options, onChange = () => undefined, id, p
         const finalValue = typeof (value === null || value === void 0 ? void 0 : value.value) === 'object' && value.value instanceof Date
             ? value.value.toString()
             : value === null || value === void 0 ? void 0 : value.value;
-        return (
-        // @ts-ignore
-        React__default.createElement(StyledDropdown, { color: _theme.fn.primaryColor(), shadowColor: _theme.colors[_theme.primaryColor][2], as: "select", "data-is-native": "true", value: finalValue || undefined, disabled: disabled, onChange: (e) => {
+        return (React__default.createElement(StyledDropdown, { color: _theme.fn.primaryColor(), shadowColor: _theme.colors[_theme.primaryColor][2], as: "select", "data-is-native": "true", 
+            // @ts-ignore
+            value: finalValue || undefined, disabled: disabled, onChange: (e) => {
                 if (typeof e.target.value === 'string') {
                     const option = options.find((o) => o.value === e.target.value);
                     if (option) {