@hhgtech/hhg-components 1.29.10 → 1.29.11

package/build/esm/{getDynamicHealthTool-ac9a4ede.js → getDynamicHealthTool-82caf07e.js}

@@ -1,7 +1,7 @@
-import { a as __awaiter } from './tslib.es6-b386827f.js';
-import { n as normalizeLinkSlash } from './normalizeLink-35f046f7.js';
-import { c as getDiscoverApiDomain } from './routing-fa4df5ed.js';
-import { g as getDataWithCache } from './core-47bc5877.js';
+import { a as __awaiter } from './tslib.es6-5d7b9e50.js';
+import { n as normalizeLinkSlash } from './normalizeLink-39a35e4e.js';
+import { c as getDiscoverApiDomain } from './routing-1cfad389.js';
+import { g as getDataWithCache } from './core-5060877c.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/{getSocialList-dac36ade.js → getSocialList-77d94676.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { L as LOCALE } from './Subot-fe0f37a7.js';
-import { C as CommonGAssets } from './index-dffe2a0e.js';
+import { L as LOCALE } from './Subot-3e1c26ae.js';
+import { C as CommonGAssets } from './index-65cfeed0.js';
 
 const getSocialList = (shareUrl) => [
     {

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-b0e645f7.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-b13fdd15.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-40813903.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-6b196ff6.js';
-export { u as useIsInit } from './useIsInit-5b04be12.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-c4752c33.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-1495a109.js';
+export { u as useTranslations } from './useTranslations-b2e35936.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-e2c91c44.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-4a8b19a8.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-a1d2ea6f.js';
+export { u as useIsInit } from './useIsInit-e17cac5b.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-cb5f360c.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-22da7fec.js';
 import 'react';
-import './translationsContext-10962889.js';
+import './translationsContext-fa937fe5.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-b386827f.js';
-import './cookieHelper-f5c48224.js';
-import './Subot-fe0f37a7.js';
-import './getDynamicHealthTool-ac9a4ede.js';
-import './normalizeLink-35f046f7.js';
-import './routing-fa4df5ed.js';
-import './index-5755597c.js';
+import './tslib.es6-5d7b9e50.js';
+import './cookieHelper-c2ddd57f.js';
+import './Subot-3e1c26ae.js';
+import './getDynamicHealthTool-82caf07e.js';
+import './normalizeLink-39a35e4e.js';
+import './routing-1cfad389.js';
+import './index-76987a06.js';
 import 'date-fns/locale';
-import './isProduction-b948eb3f.js';
-import './core-47bc5877.js';
+import './isProduction-61d9c527.js';
+import './core-5060877c.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-10962889.js';
-export { T as TranslationsContext } from './translationsContext-10962889.js';
+import { T as TranslationsContext } from './translationsContext-fa937fe5.js';
+export { T as TranslationsContext } from './translationsContext-fa937fe5.js';
 import React__default, { useState, useEffect, useMemo } from 'react';
 import defaultTranslations from './i18n-values/en-PH.js';
 import hiTranslations from './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-10962889.js';
-export { T as TranslationsContext } from './translationsContext-10962889.js';
+import { T as TranslationsContext } from './translationsContext-fa937fe5.js';
+export { T as TranslationsContext } from './translationsContext-fa937fe5.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-24c884ca.js → index-0388c25f.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-b386827f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-5d7b9e50.js';
 import * as React from 'react';
 import React__default, { useState, forwardRef, useEffect, Component, useCallback, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown, ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { em, createStyles, useMantineTheme, Button as Button$1, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, rem, Tabs as Tabs$1, ScrollArea, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-dffe2a0e.js';
-import { B as Breakpoints } from './utils-577218f8.js';
+import { C as CommonGAssets } from './index-65cfeed0.js';
+import { B as Breakpoints } from './utils-c012e874.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-42c96a0d.js';
-import { L as LOCALE } from './Subot-fe0f37a7.js';
-import { t as theme } from './theme-045f7a4c.js';
-import { G as GlobalHeadingStyle } from './useMantineLocale-af6fc69e.js';
-import { I as ISO_FORMAT, s as siteOptions } from './index-5755597c.js';
+import { T as Text } from './index-dd4cb91f.js';
+import { L as LOCALE } from './Subot-3e1c26ae.js';
+import { t as theme } from './theme-05ffbc01.js';
+import { G as GlobalHeadingStyle } from './useMantineLocale-04af0072.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-76987a06.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-1495a109.js';
+import { a as useUniqueId } from './useUniqueId-22da7fec.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const GlobalButtonStyle = {
@@ -1071,28 +1071,28 @@ var useStyles$2 = createStyles((theme) => {
     return {
         root: {},
         inner: {},
-        content: {
-            padding: 0,
-        },
+        content: {},
         header: {
             borderBottom: `1px solid ${theme.colors.neutral[1]}`,
             marginRight: 0,
             marginBottom: 0,
-            padding: '1rem',
+            padding: '12px',
         },
         overlay: {},
         title: {
-            width: '100%',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            marginRight: 0,
+            fontSize: 16,
+            fontWeight: 700,
+            lineHeight: 1.5,
         },
         body: {},
         close: {
             cursor: 'pointer',
-            width: '24px',
-            height: '24px',
+            width: 'unset',
+            height: 'unset',
+            svg: {
+                width: '24px !important',
+                height: '24px !important',
+            },
         },
     };
 });

package/build/esm/{index-0b8dd18b.js → index-125e88bf.js}

@@ -1,68 +1,68 @@
 import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, createContext, useContext, forwardRef } from 'react';
-import { T as Text } from './index-42c96a0d.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, P as PureInput } from './index.styles-3c2a0994.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-577218f8.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-24c884ca.js';
-import { T as Text$1 } from './index-20e1f62b.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-b386827f.js';
+import { T as Text } from './index-dd4cb91f.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, P as PureInput } from './index.styles-7158932d.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-c012e874.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-0388c25f.js';
+import { T as Text$1 } from './index-42b40c84.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-5d7b9e50.js';
 import { Bookmark, CalendarMB, Calendar } from '@hhgtech/icons/other';
-import { C as CommonGAssets } from './index-dffe2a0e.js';
-import { H as Heading } from './index-1bc9e98c.js';
-import { t as theme } from './theme-045f7a4c.js';
+import { C as CommonGAssets } from './index-65cfeed0.js';
+import { H as Heading } from './index-c17d0ee4.js';
+import { t as theme } from './theme-05ffbc01.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-5755597c.js';
-import { G as Gender, L as LOCALE } from './Subot-fe0f37a7.js';
-import './useMantineLocale-af6fc69e.js';
-import './translationsContext-10962889.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-76987a06.js';
+import { G as Gender, L as LOCALE } from './Subot-3e1c26ae.js';
+import './useMantineLocale-04af0072.js';
+import './translationsContext-fa937fe5.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-6288eb05.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-ae3ecd37.js';
 import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-70cc9ebd.js';
-import { B as Button } from './index-f685adbb.js';
-import { I as Input } from './index-b3b2700b.js';
+import { L as Logo } from './index-3fd5a05d.js';
+import { B as Button } from './index-ac7a4ed9.js';
+import { I as Input } from './index-c7133b65.js';
 import { keyframes, css } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-b948eb3f.js';
-import { u as useTranslations } from './useTranslations-b0e645f7.js';
+import { i as isProduction } from './isProduction-61d9c527.js';
+import { u as useTranslations } from './useTranslations-b2e35936.js';
 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-49152b7b.js';
-import { s as setDefaultClass, 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-9117c62e.js';
-import { D as DatePicker } from './index-9c3707bf.js';
-import { M as MarryBabyText } from './index-f162b0cf.js';
-import { S as Slider } from './index-c0c37e9c.js';
-import { D as Dropdown } from './index-2ea06dfd.js';
-import { C as Container } from './index-f243053f.js';
+import { D as DATE_FORMAT } from './types-8d747cfc.js';
+import { s as setDefaultClass, 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-de86597d.js';
+import { D as DatePicker } from './index-b71259d7.js';
+import { M as MarryBabyText } from './index-5113eb65.js';
+import { S as Slider } from './index-f0d949bf.js';
+import { D as Dropdown } from './index-9c4f5dc5.js';
+import { C as Container } from './index-a0d1517b.js';
 import { useForm, Controller } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-6b196ff6.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-a1d2ea6f.js';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { B as BabyGrowthGender, D as Drawer } from './index-d36649d2.js';
-import { L as Label } from './constants-d85c8175.js';
-import { f as formatUserProfileUrl } from './index-fcd8c82e.js';
-import './utils-2c1ee471.js';
-import './index.styled-12b83f13.js';
-import './index-c1353ae9.js';
-import { a as useOutsideClick } from './useOutsideClick-c4752c33.js';
+import { B as BabyGrowthGender, D as Drawer } from './index-7f507650.js';
+import { L as Label } from './constants-8451531a.js';
+import { f as formatUserProfileUrl } from './index-d3eb8e13.js';
+import './utils-54df891f.js';
+import './index.styled-37feca28.js';
+import './index-9afd6918.js';
+import { a as useOutsideClick } from './useOutsideClick-cb5f360c.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-dac36ade.js';
+import { g as getSocialList } from './getSocialList-77d94676.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-fa4df5ed.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-1cfad389.js';
 import { useForm as useForm$1, isNotEmpty } from '@mantine/form';
-import { I as Icon } from './index-d3bc362a.js';
+import { I as Icon } from './index-f46e2b65.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-150ef423.js';
+import { M as Modal } from './index-b7686dd2.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-f5c48224.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-35f046f7.js';
+import { g as getCookie } from './cookieHelper-c2ddd57f.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-39a35e4e.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 

package/build/esm/{index-8e22a104.js → index-2009826b.js}

@@ -1,13 +1,13 @@
 import React__default, { useState, useEffect, useMemo, useCallback } from 'react';
-import { t as StyledDivider, v as useStyles, w as StyledContainer } from './index.styles-3c2a0994.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-b386827f.js';
-import { u as useTranslations } from './useTranslations-b0e645f7.js';
-import { B as Button } from './index-24c884ca.js';
-import { P as PATHS } from './paths-6fec74d4.js';
-import { a as LOCALIZED_SLUGS } from './constants-d85c8175.js';
-import { d as domainLocales } from './index-5755597c.js';
-import { i as callApi, j as getCarePath } from './utils-9117c62e.js';
-import { i as isProduction } from './isProduction-b948eb3f.js';
+import { t as StyledDivider, v as useStyles, w as StyledContainer } from './index.styles-7158932d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-5d7b9e50.js';
+import { u as useTranslations } from './useTranslations-b2e35936.js';
+import { B as Button } from './index-0388c25f.js';
+import { P as PATHS } from './paths-d309153f.js';
+import { a as LOCALIZED_SLUGS } from './constants-8451531a.js';
+import { d as domainLocales } from './index-76987a06.js';
+import { i as callApi, j as getCarePath } from './utils-de86597d.js';
+import { i as isProduction } from './isProduction-61d9c527.js';
 
 /**
  * @deprecated Consider to use mantine

package/build/esm/{index-94492ab4.js → index-30b45001.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-b386827f.js';
+import { _ as __rest } from './tslib.es6-5d7b9e50.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-fe0f37a7.js';
+import { L as LOCALE } from './Subot-3e1c26ae.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-dffe2a0e.js';
-import { t as theme } from './theme-045f7a4c.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-24c884ca.js';
-import { T as Text } from './index-20e1f62b.js';
+import { C as CommonGAssets } from './index-65cfeed0.js';
+import { t as theme } from './theme-05ffbc01.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-0388c25f.js';
+import { T as Text } from './index-42b40c84.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-24bf1abc.js → index-3699531f.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-b386827f.js';
+import { _ as __rest } from './tslib.es6-5d7b9e50.js';
 import React__default from 'react';
 import { Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-5755597c.js';
-import { L as LOCALE } from './Subot-fe0f37a7.js';
-import { C as CommonGAssets } from './index-dffe2a0e.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-af6fc69e.js';
+import { I as ISO_FORMAT } from './index-76987a06.js';
+import { L as LOCALE } from './Subot-3e1c26ae.js';
+import { C as CommonGAssets } from './index-65cfeed0.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-04af0072.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-70cc9ebd.js → index-3fd5a05d.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-fe0f37a7.js';
-import { C as CommonGAssets } from './index-dffe2a0e.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-2c1ee471.js';
-import { I as ImageWrap } from './index-24c884ca.js';
+import { L as LOCALE } from './Subot-3e1c26ae.js';
+import { C as CommonGAssets } from './index-65cfeed0.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-54df891f.js';
+import { I as ImageWrap } from './index-0388c25f.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-20e1f62b.js → index-42b40c84.js}

@@ -1,18 +1,18 @@
-import { _ as __rest } from './tslib.es6-b386827f.js';
+import { _ as __rest } from './tslib.es6-5d7b9e50.js';
 import React__default from 'react';
-import './index-24c884ca.js';
+import './index-0388c25f.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-5755597c.js';
-import './Subot-fe0f37a7.js';
-import './index-dffe2a0e.js';
-import './useMantineLocale-af6fc69e.js';
-import { T as Text$1 } from './index-42c96a0d.js';
-import './theme-045f7a4c.js';
-import './translationsContext-10962889.js';
+import './index-76987a06.js';
+import './Subot-3e1c26ae.js';
+import './index-65cfeed0.js';
+import './useMantineLocale-04af0072.js';
+import { T as Text$1 } from './index-dd4cb91f.js';
+import './theme-05ffbc01.js';
+import './translationsContext-fa937fe5.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-577218f8.js';
+import './utils-c012e874.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-f162b0cf.js → index-5113eb65.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-b386827f.js';
+import { _ as __rest } from './tslib.es6-5d7b9e50.js';
 import React__default from 'react';
-import { S as StyledHeading, a as StyledText } from './index.styled-12b83f13.js';
+import { S as StyledHeading, a as StyledText } from './index.styled-37feca28.js';
 
 const MarryBabyHeading = (_a) => {
     var { type, color, style } = _a, props = __rest(_a, ["type", "color", "style"]);

package/build/esm/{index-706efd84.js → index-5a1fe9d4.js}

@@ -1,18 +1,18 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-b386827f.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-5d7b9e50.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-24c884ca.js';
+import { c as Input, S as Select } from './index-0388c25f.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-5755597c.js';
-import { L as LOCALE } from './Subot-fe0f37a7.js';
-import './index-dffe2a0e.js';
-import './useMantineLocale-af6fc69e.js';
-import './index-42c96a0d.js';
-import './theme-045f7a4c.js';
-import { u as useTranslations } from './useTranslations-b0e645f7.js';
+import { c as CDN_ADDRESS } from './index-76987a06.js';
+import { L as LOCALE } from './Subot-3e1c26ae.js';
+import './index-65cfeed0.js';
+import './useMantineLocale-04af0072.js';
+import './index-dd4cb91f.js';
+import './theme-05ffbc01.js';
+import { u as useTranslations } from './useTranslations-b2e35936.js';
 import '@mantine/hooks';
-import './utils-577218f8.js';
-import { M as MAPPED_LOCALE } from './utils-c629d1e2.js';
+import './utils-c012e874.js';
+import { M as MAPPED_LOCALE } from './utils-4eb59275.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-dffe2a0e.js → index-65cfeed0.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-5755597c.js';
-import { i as isProduction } from './isProduction-b948eb3f.js';
+import { d as domainLocales } from './index-76987a06.js';
+import { i as isProduction } from './isProduction-61d9c527.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-5755597c.js → index-76987a06.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './Subot-fe0f37a7.js';
-import { i as isProduction } from './isProduction-b948eb3f.js';
+import { L as LOCALE } from './Subot-3e1c26ae.js';
+import { i as isProduction } from './isProduction-61d9c527.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-6fad8f20.js → index-7afca998.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-b386827f.js';
+import { _ as __rest } from './tslib.es6-5d7b9e50.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-045f7a4c.js';
+import { t as theme } from './theme-05ffbc01.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);

package/build/esm/{index-d36649d2.js → index-7f507650.js}

@@ -1,18 +1,18 @@
 import React__default, { useRef, useEffect, useState } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll, M as MediaQueries } from './utils-577218f8.js';
-import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem } from './index.styles-3c2a0994.js';
-import { T as Text } from './index-42c96a0d.js';
-import { u as useScrollbarSize } from './useScrollbarSize-b13fdd15.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-c012e874.js';
+import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem } from './index.styles-7158932d.js';
+import { T as Text } from './index-dd4cb91f.js';
+import { u as useScrollbarSize } from './useScrollbarSize-e2c91c44.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './utils-9117c62e.js';
-import { t as theme } from './theme-045f7a4c.js';
+import { s as setDefaultClass } from './utils-de86597d.js';
+import { t as theme } from './theme-05ffbc01.js';
 import { BabyBoyMB, GenderChooseBoy, BabyGirlMB, GenderChooseGirl } from '@hhgtech/icons/other';
-import { u as useTranslations } from './useTranslations-b0e645f7.js';
-import { G as Gender } from './Subot-fe0f37a7.js';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-f162b0cf.js';
-import { T as Text$1 } from './index-20e1f62b.js';
+import { u as useTranslations } from './useTranslations-b2e35936.js';
+import { G as Gender } from './Subot-3e1c26ae.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-5113eb65.js';
+import { T as Text$1 } from './index-42b40c84.js';
 
 const Backdrop = ({ open = false, onClickOutside, }) => {
     return (React__default.createElement(StyledBackdrop, { "data-open": open, onClick: onClickOutside }));
@@ -82,7 +82,7 @@ const StyledModal = setDefaultClass(styled.div `
     z-index: 200;
     background-color: ${theme.colors.white};
     border-radius: ${theme.borderRadius};
-    box-shadow: 0px 4px 8px ${theme.colors.gray200};
+    box-shadow: 0px 8px 40px 0px #0000001a;
     &[data-site-type='marryBaby'] {
       border-radius: 16px;
       .hhg-modal__content {
@@ -121,7 +121,9 @@ const StyledModalWrapper = styled.div `
   overflow-y: auto;
   outline: 0;
   visibility: hidden;
-  background-color: rgba(38, 38, 38, 0.3);
+  opacity: 0;
+  background-color: rgba(0, 0, 0, 0.6);
+  transition: opacity 0.3s ease-in-out;
 
   .hhg-modal__close {
     position: absolute;
@@ -138,13 +140,16 @@ const StyledModalWrapper = styled.div `
     z-index: 1001;
   }
   &[data-open='true'] {
+    opacity: 1;
     visibility: visible;
   }
 
+  ${StyledModal.classSelector} {
+    transition: transform 0.3s ease-in-out;
+  }
   &.slideTop {
     ${StyledModal.classSelector} {
       transform: translate(0, -100vh);
-      transition: all 0.5s ease;
     }
 
     &[data-open='true'] {
@@ -161,7 +166,6 @@ const StyledModalWrapper = styled.div `
 
     &[data-open='true'] {
       ${StyledModal.classSelector} {
-        transition: all 0.3s ease-out;
         transform: scale(1);
       }
     }
@@ -258,7 +262,7 @@ const cleanUpDisabledScroll = () => {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-const Modal = ({ type = 'lead', closeIcon, isOpen = true, onClose, children, className = '', animationType = 'slideTop', isStaticBackdrop = false, siteType, }) => {
+const Modal = ({ type = 'lead', closeIcon, isOpen = true, onClose, children, className = '', animationType = 'scaleUp', isStaticBackdrop = false, siteType, }) => {
     const [mounted, setMounted] = useState(false);
     const elRef = useRef(null);
     const { width: scrollBarWidth } = useScrollbarSize();

package/build/esm/{index-2ea06dfd.js → index-9c4f5dc5.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-045f7a4c.js';
+import { t as theme } from './theme-05ffbc01.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;

package/build/esm/{index-f685adbb.js → index-ac7a4ed9.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-b386827f.js';
+import { _ as __rest } from './tslib.es6-5d7b9e50.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-24c884ca.js';
+import { B as Button$1 } from './index-0388c25f.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'