@hhgtech/hhg-components 1.28.75 → 1.28.76

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-94a42ed2.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-f73eb62a.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-c675a80a.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-4ed39886.js';
-export { u as useIsInit } from './useIsInit-cc9a8636.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-fd86e008.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-1d77fc8c.js';
+export { u as useTranslations } from './useTranslations-2d2be655.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-58d8b033.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-a97de5ec.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-8d0aada8.js';
+export { u as useIsInit } from './useIsInit-cf924625.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-8e9480f1.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-0ab0a9cd.js';
 import 'react';
-import './translationsContext-772e70fc.js';
+import './translationsContext-20c04184.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-c32d7bfc.js';
-import './cookieHelper-8cb816ad.js';
-import './Subot-a382a4ed.js';
-import './getDynamicHealthTool-c50c3218.js';
-import './normalizeLink-f5221e4b.js';
-import './routing-3829f928.js';
-import './index-28e017f1.js';
+import './tslib.es6-13ab9acd.js';
+import './cookieHelper-5609d406.js';
+import './Subot-5496068c.js';
+import './getDynamicHealthTool-85f0b957.js';
+import './normalizeLink-5c5df2b9.js';
+import './routing-50ba15fb.js';
+import './index-d0220e62.js';
 import 'date-fns/locale';
-import './isProduction-efb48525.js';
-import './core-a14c3b27.js';
+import './isProduction-cc46428a.js';
+import './core-8d599346.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-772e70fc.js';
-export { T as TranslationsContext } from './translationsContext-772e70fc.js';
+import { T as TranslationsContext } from './translationsContext-20c04184.js';
+export { T as TranslationsContext } from './translationsContext-20c04184.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-772e70fc.js';
-export { T as TranslationsContext } from './translationsContext-772e70fc.js';
+import { T as TranslationsContext } from './translationsContext-20c04184.js';
+export { T as TranslationsContext } from './translationsContext-20c04184.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-3e0e73fa.js → index-05299534.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-c32d7bfc.js';
+import { _ as __rest } from './tslib.es6-13ab9acd.js';
 import React__default from 'react';
-import { S as StyledHeading, a as StyledText } from './index.styled-3f882c10.js';
+import { S as StyledHeading, a as StyledText } from './index.styled-85a80492.js';
 
 const MarryBabyHeading = (_a) => {
     var { type, color, style } = _a, props = __rest(_a, ["type", "color", "style"]);

package/build/esm/{index-47c86ab8.js → index-0ec3cd3b.js}

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
-import { M as MediaQueries } from './utils-6cf213d8.js';
+import { M as MediaQueries } from './utils-36ac6a6a.js';
 import styled from 'styled-components';
-import { t as theme } from './theme-638eda65.js';
-import { _ as __rest } from './tslib.es6-c32d7bfc.js';
-import { T as TogetherComponentGlobalContext } from './utils-1b834127.js';
+import { t as theme } from './theme-4f4dd3eb.js';
+import { _ as __rest } from './tslib.es6-13ab9acd.js';
+import { T as TogetherComponentGlobalContext } from './utils-be408ac5.js';
 
 const StyledPopup = styled.div `
   position: fixed;

package/build/esm/{index-c0ce4f87.js → index-22651266.js}

@@ -1,66 +1,66 @@
 import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, forwardRef, createContext, useContext } from 'react';
-import { T as Text } from './index-2d55324b.js';
-import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, h as StyledDropdownList, i as StyledDropdownOption, j as StyledIcon$1, k as StyledGrid, l as StyledPagination, m as StyledPageBlock, n as StyledPaginationBlock, o as StyledTag, p as StyledToggle, q as StyledToggleIcon, r as StyledToggleLabel, s as StyledCheckbox, t as StyledRateStars, u as useStyles$4, T as TextArea, g as getDefaultClassWrapper, P as PureInput } from './index.styles-f5c72ff4.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-6cf213d8.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-3ed87f00.js';
-import { T as Text$1 } from './index-1fb85046.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-c32d7bfc.js';
-import { C as CommonGAssets } from './index-b0a52598.js';
-import { H as Heading } from './index-a815d746.js';
-import { t as theme } from './theme-638eda65.js';
+import { T as Text } from './index-2ed80dfd.js';
+import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, h as StyledDropdownList, i as StyledDropdownOption, j as StyledIcon$1, k as StyledGrid, l as StyledPagination, m as StyledPageBlock, n as StyledPaginationBlock, o as StyledTag, p as StyledToggle, q as StyledToggleIcon, r as StyledToggleLabel, s as StyledCheckbox, t as StyledRateStars, u as useStyles$4, T as TextArea, g as getDefaultClassWrapper, P as PureInput } from './index.styles-f2d6a8ac.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-36ac6a6a.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-4a75f029.js';
+import { T as Text$1 } from './index-3392762d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-13ab9acd.js';
+import { C as CommonGAssets } from './index-90308a41.js';
+import { H as Heading } from './index-8a28cf87.js';
+import { t as theme } from './theme-4f4dd3eb.js';
 import { Box, Radio as Radio$2, Flex, rem, Card, Group, createStyles, Stack, getStylesRef, useMantineTheme, Container as Container$1, UnstyledButton, 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-28e017f1.js';
-import { G as Gender, L as LOCALE } from './Subot-a382a4ed.js';
-import './translationsContext-772e70fc.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-d0220e62.js';
+import { G as Gender, L as LOCALE } from './Subot-5496068c.js';
+import './translationsContext-20c04184.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-258222c3.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-4c20b9ea.js';
 import styled, { keyframes, css } from 'styled-components';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-144befbd.js';
-import { B as Button } from './index-9d4250e3.js';
-import { I as Input } from './index-ce2114c9.js';
+import { L as Logo } from './index-31837de7.js';
+import { B as Button } from './index-2462c4f7.js';
+import { I as Input } from './index-7bd70281.js';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-efb48525.js';
-import { u as useTranslations } from './useTranslations-94a42ed2.js';
+import { i as isProduction } from './isProduction-cc46428a.js';
+import { u as useTranslations } from './useTranslations-2d2be655.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-bf27cb0e.js';
-import { Z as Z_INDEX, s as DUE_DATE_FORMAT, H as HEALTH_TOOL_TYPE$1, o as callApiWithAuth, d as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, t as getPremiumApiPath, u as getWebsiteUrlApi, v as getSsoApiPath } from './utils-1b834127.js';
-import { D as DatePicker } from './index-0b2d89ad.js';
-import { M as MarryBabyText } from './index-3e0e73fa.js';
-import { S as Slider } from './index-f3bdb494.js';
-import { D as Dropdown } from './index-bd27fcd4.js';
-import { C as Container } from './index-c4e922ea.js';
+import { D as DATE_FORMAT } from './types-eaa7f314.js';
+import { Z as Z_INDEX, s as DUE_DATE_FORMAT, H as HEALTH_TOOL_TYPE$1, o as callApiWithAuth, d as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, t as getPremiumApiPath, u as getWebsiteUrlApi, v as getSsoApiPath } from './utils-be408ac5.js';
+import { D as DatePicker } from './index-7112e2b5.js';
+import { M as MarryBabyText } from './index-05299534.js';
+import { S as Slider } from './index-b0c65155.js';
+import { D as Dropdown } from './index-877ec916.js';
+import { C as Container } from './index-060c8cb4.js';
 import { useForm, Controller } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-4ed39886.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-8d0aada8.js';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { B as BabyGrowthGender, D as Drawer } from './index-eed9d862.js';
-import { L as Label } from './constants-180cbfc1.js';
-import { h as formatUserProfileUrl } from './index-47c86ab8.js';
-import './utils-45156462.js';
-import './index.styled-3f882c10.js';
-import './index-7972652f.js';
-import { a as useOutsideClick } from './useOutsideClick-fd86e008.js';
+import { B as BabyGrowthGender, D as Drawer } from './index-5a037bd0.js';
+import { L as Label } from './constants-510ac1de.js';
+import { h as formatUserProfileUrl } from './index-0ec3cd3b.js';
+import './utils-a9e90e22.js';
+import './index.styled-85a80492.js';
+import './index-708c6ac9.js';
+import { a as useOutsideClick } from './useOutsideClick-8e9480f1.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-73c5235a.js';
+import { g as getSocialList } from './getSocialList-d57085d6.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-3829f928.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-50ba15fb.js';
 import { useForm as useForm$1, isNotEmpty } from '@mantine/form';
-import { I as Icon } from './index-1adc6c35.js';
+import { I as Icon } from './index-7484b908.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-c22c8177.js';
+import { M as Modal } from './index-8d81182f.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-8cb816ad.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-f5221e4b.js';
+import { g as getCookie } from './cookieHelper-5609d406.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-5c5df2b9.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 

package/build/esm/{index-9d4250e3.js → index-2462c4f7.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-c32d7bfc.js';
+import { _ as __rest } from './tslib.es6-13ab9acd.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-3ed87f00.js';
+import { B as Button$1 } from './index-4a75f029.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-2d55324b.js → index-2ed80dfd.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-c32d7bfc.js';
+import { _ as __rest } from './tslib.es6-13ab9acd.js';
 import React__default from 'react';
 import { rem, createStyles, Text as Text$1 } from '@mantine/core';
 

package/build/esm/{index-144befbd.js → index-31837de7.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-a382a4ed.js';
-import { C as CommonGAssets } from './index-b0a52598.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-45156462.js';
-import { I as ImageWrap } from './index-3ed87f00.js';
+import { L as LOCALE } from './Subot-5496068c.js';
+import { C as CommonGAssets } from './index-90308a41.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-a9e90e22.js';
+import { I as ImageWrap } from './index-4a75f029.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-1fb85046.js → index-3392762d.js}

@@ -1,17 +1,17 @@
-import { _ as __rest } from './tslib.es6-c32d7bfc.js';
+import { _ as __rest } from './tslib.es6-13ab9acd.js';
 import React__default from 'react';
-import './index-3ed87f00.js';
+import './index-4a75f029.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-28e017f1.js';
-import './Subot-a382a4ed.js';
-import './index-b0a52598.js';
-import { T as Text$1 } from './index-2d55324b.js';
-import './theme-638eda65.js';
-import './translationsContext-772e70fc.js';
+import './index-d0220e62.js';
+import './Subot-5496068c.js';
+import './index-90308a41.js';
+import { T as Text$1 } from './index-2ed80dfd.js';
+import './theme-4f4dd3eb.js';
+import './translationsContext-20c04184.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-6cf213d8.js';
+import './utils-36ac6a6a.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-3ed87f00.js → index-4a75f029.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-c32d7bfc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-13ab9acd.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 { createStyles, useMantineTheme, Button as Button$1, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, em, 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-b0a52598.js';
+import { C as CommonGAssets } from './index-90308a41.js';
 import dayjs from 'dayjs';
-import { L as LOCALE } from './Subot-a382a4ed.js';
-import { B as Breakpoints, M as MediaQueries } from './utils-6cf213d8.js';
+import { L as LOCALE } from './Subot-5496068c.js';
+import { B as Breakpoints, M as MediaQueries } from './utils-36ac6a6a.js';
 import styled from 'styled-components';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text, O as OTHER_THEME_CONFIG } from './index-2d55324b.js';
-import { t as theme } from './theme-638eda65.js';
-import { I as ISO_FORMAT, s as siteOptions } from './index-28e017f1.js';
+import { T as Text, O as OTHER_THEME_CONFIG } from './index-2ed80dfd.js';
+import { t as theme } from './theme-4f4dd3eb.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-d0220e62.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-1d77fc8c.js';
+import { a as useUniqueId } from './useUniqueId-0ab0a9cd.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const ImageWrap = (_a) => {

package/build/esm/{index-258222c3.js → index-4c20b9ea.js}

@@ -1,43 +1,43 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-c32d7bfc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-13ab9acd.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-3ed87f00.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-4a75f029.js';
 import styled, { css } from 'styled-components';
-import { t as theme } from './theme-638eda65.js';
-import { T as Text } from './index-2d55324b.js';
-import { C as CommonGAssets } from './index-b0a52598.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-28e017f1.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-f5221e4b.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-3829f928.js';
-import { P as Popup, U as UserAvatar, c as formatCommunity, a as formatPost } from './index-47c86ab8.js';
-import { L as Logo } from './index-144befbd.js';
-import { u as useTranslations } from './useTranslations-94a42ed2.js';
+import { t as theme } from './theme-4f4dd3eb.js';
+import { T as Text } from './index-2ed80dfd.js';
+import { C as CommonGAssets } from './index-90308a41.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-d0220e62.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-5c5df2b9.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-50ba15fb.js';
+import { P as Popup, U as UserAvatar, c as formatCommunity, a as formatPost } from './index-0ec3cd3b.js';
+import { L as Logo } from './index-31837de7.js';
+import { u as useTranslations } from './useTranslations-2d2be655.js';
 import throttle from 'lodash/throttle';
 import { createStyles, rem, Box, Indicator, Portal } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './Subot-a382a4ed.js';
-import './translationsContext-772e70fc.js';
+import { L as LOCALE } from './Subot-5496068c.js';
+import './translationsContext-20c04184.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-6cf213d8.js';
-import { L as LOCALISED_SLUGS } from './constants-bf0bebef.js';
-import { I as Icon } from './index-1adc6c35.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-36ac6a6a.js';
+import { L as LOCALISED_SLUGS } from './constants-433cca63.js';
+import { I as Icon } from './index-7484b908.js';
 import { User } from '@hhgtech/icons/core';
-import { g as getDefaultClassWrapper } from './index.styles-f5c72ff4.js';
-import { C as ChevronDown } from './ChevronDown-141a92e3.js';
-import { B as Button } from './index-9d4250e3.js';
-import { x as domainLocalesMarryBaby } from './utils-1b834127.js';
-import { a as LOCALIZED_SLUGS } from './constants-180cbfc1.js';
-import { H as Heading } from './index-a815d746.js';
-import { I as Indicator$1 } from './index-5c39e5cd.js';
-import { u as useIsInit } from './useIsInit-cc9a8636.js';
-import './utils-45156462.js';
-import './index.styled-3f882c10.js';
-import './index-7972652f.js';
+import { g as getDefaultClassWrapper } from './index.styles-f2d6a8ac.js';
+import { C as ChevronDown } from './ChevronDown-7872b4f3.js';
+import { B as Button } from './index-2462c4f7.js';
+import { x as domainLocalesMarryBaby } from './utils-be408ac5.js';
+import { a as LOCALIZED_SLUGS } from './constants-510ac1de.js';
+import { H as Heading } from './index-8a28cf87.js';
+import { I as Indicator$1 } from './index-d0c826b8.js';
+import { u as useIsInit } from './useIsInit-cf924625.js';
+import './utils-a9e90e22.js';
+import './index.styled-85a80492.js';
+import './index-708c6ac9.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-c4e922ea.js';
+import { C as Container } from './index-060c8cb4.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-a14c3b27.js';
+import { g as getDataWithCache } from './core-8d599346.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-87c193d2.js → index-518b22e0.js}

@@ -1,17 +1,17 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-c32d7bfc.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-13ab9acd.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-3ed87f00.js';
+import { c as Input, S as Select } from './index-4a75f029.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-28e017f1.js';
-import { L as LOCALE } from './Subot-a382a4ed.js';
-import './index-b0a52598.js';
-import './index-2d55324b.js';
-import './theme-638eda65.js';
-import { u as useTranslations } from './useTranslations-94a42ed2.js';
+import { c as CDN_ADDRESS } from './index-d0220e62.js';
+import { L as LOCALE } from './Subot-5496068c.js';
+import './index-90308a41.js';
+import './index-2ed80dfd.js';
+import './theme-4f4dd3eb.js';
+import { u as useTranslations } from './useTranslations-2d2be655.js';
 import '@mantine/hooks';
-import './utils-6cf213d8.js';
-import { M as MAPPED_LOCALE } from './utils-be2a8103.js';
+import './utils-36ac6a6a.js';
+import { M as MAPPED_LOCALE } from './utils-f54aabaa.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-eed9d862.js → index-5a037bd0.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-6cf213d8.js';
-import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem, g as getDefaultClassWrapper } from './index.styles-f5c72ff4.js';
-import { T as Text } from './index-2d55324b.js';
-import { u as useScrollbarSize } from './useScrollbarSize-f73eb62a.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-36ac6a6a.js';
+import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem, g as getDefaultClassWrapper } from './index.styles-f2d6a8ac.js';
+import { T as Text } from './index-2ed80dfd.js';
+import { u as useScrollbarSize } from './useScrollbarSize-58d8b033.js';
 import { createPortal } from 'react-dom';
 import styled from 'styled-components';
-import { t as theme } from './theme-638eda65.js';
+import { t as theme } from './theme-4f4dd3eb.js';
 import { BabyBoyMB, GenderChooseBoy, BabyGirlMB, GenderChooseGirl } from '@hhgtech/icons/other';
-import { u as useTranslations } from './useTranslations-94a42ed2.js';
-import { G as Gender } from './Subot-a382a4ed.js';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-3e0e73fa.js';
-import { T as Text$1 } from './index-1fb85046.js';
+import { u as useTranslations } from './useTranslations-2d2be655.js';
+import { G as Gender } from './Subot-5496068c.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-05299534.js';
+import { T as Text$1 } from './index-3392762d.js';
 
 const Backdrop = ({ open = false, onClickOutside, }) => {
     return (React__default.createElement(StyledBackdrop, { "data-open": open, onClick: onClickOutside }));

package/build/esm/{index-0b2d89ad.js → index-7112e2b5.js}

@@ -1,10 +1,10 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from './index-1adc6c35.js';
-import { u as useTranslations } from './useTranslations-94a42ed2.js';
+import { I as Icon } from './index-7484b908.js';
+import { u as useTranslations } from './useTranslations-2d2be655.js';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from 'styled-components';
-import { t as theme } from './theme-638eda65.js';
+import { t as theme } from './theme-4f4dd3eb.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-7be6bc33.js → index-729c396e.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-c32d7bfc.js';
+import { _ as __rest } from './tslib.es6-13ab9acd.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-a382a4ed.js';
-import { C as CommonGAssets } from './index-b0a52598.js';
-import { t as theme } from './theme-638eda65.js';
+import { L as LOCALE } from './Subot-5496068c.js';
+import { C as CommonGAssets } from './index-90308a41.js';
+import { t as theme } from './theme-4f4dd3eb.js';
 import styled from 'styled-components';
-import { I as ImageWrap, f as CentralCarousel } from './index-3ed87f00.js';
-import { T as Text } from './index-1fb85046.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-4a75f029.js';
+import { T as Text } from './index-3392762d.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-1adc6c35.js → index-7484b908.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-c32d7bfc.js';
+import { _ as __rest } from './tslib.es6-13ab9acd.js';
 import React__default from 'react';
-import { t as theme } from './theme-638eda65.js';
-import { S as Share, E as Eye, W as WhatsApp, w as Spinner } from './utils-1b834127.js';
+import { t as theme } from './theme-4f4dd3eb.js';
+import { S as Share, E as Eye, W as WhatsApp, w as Spinner } from './utils-be408ac5.js';
 
 const ArrowRightTail = (_a) => {
     var { size = 24, color: colorInit = theme.colors.gray600, useCurrentColor, isActive, activeColor = theme.colors.primaryBase } = _a, rest = __rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);

package/build/esm/{index-30c1c1d0.js → index-778ff31a.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-c32d7bfc.js';
+import { _ as __rest } from './tslib.es6-13ab9acd.js';
 import React__default from 'react';
 import { Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-28e017f1.js';
-import { L as LOCALE } from './Subot-a382a4ed.js';
-import { C as CommonGAssets } from './index-b0a52598.js';
-import { M as MAPPED_LOCALE } from './index-3ed87f00.js';
+import { I as ISO_FORMAT } from './index-d0220e62.js';
+import { L as LOCALE } from './Subot-5496068c.js';
+import { C as CommonGAssets } from './index-90308a41.js';
+import { M as MAPPED_LOCALE } from './index-4a75f029.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-35ac275c.js → index-783b5a5a.js}

@@ -1,13 +1,13 @@
 import React__default, { useState, useEffect, useMemo, useCallback } from 'react';
-import { v as StyledDivider, w as useStyles } from './index.styles-f5c72ff4.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-c32d7bfc.js';
-import { u as useTranslations } from './useTranslations-94a42ed2.js';
-import { B as Button } from './index-3ed87f00.js';
-import { P as PATHS } from './paths-d302f162.js';
-import { a as LOCALIZED_SLUGS } from './constants-180cbfc1.js';
-import { d as domainLocales } from './index-28e017f1.js';
-import { b as callApi, h as getCarePath } from './utils-1b834127.js';
-import { i as isProduction } from './isProduction-efb48525.js';
+import { v as StyledDivider, w as useStyles } from './index.styles-f2d6a8ac.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-13ab9acd.js';
+import { u as useTranslations } from './useTranslations-2d2be655.js';
+import { B as Button } from './index-4a75f029.js';
+import { P as PATHS } from './paths-2ea234c7.js';
+import { a as LOCALIZED_SLUGS } from './constants-510ac1de.js';
+import { d as domainLocales } from './index-d0220e62.js';
+import { b as callApi, h as getCarePath } from './utils-be408ac5.js';
+import { i as isProduction } from './isProduction-cc46428a.js';
 
 /**
  * @deprecated Consider to use mantine

package/build/esm/{index-ce2114c9.js → index-7bd70281.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-c32d7bfc.js';
+import { _ as __rest } from './tslib.es6-13ab9acd.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-180cbfc1.js';
+import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-510ac1de.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-bd27fcd4.js → index-877ec916.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { t as theme } from './theme-638eda65.js';
+import { t as theme } from './theme-4f4dd3eb.js';
 import styled from 'styled-components';
 
 const StyledDropdown = styled.div `

package/build/esm/{index-a815d746.js → index-8a28cf87.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-c32d7bfc.js';
+import { _ as __rest } from './tslib.es6-13ab9acd.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-2d55324b.js';
+import { T as Text } from './index-2ed80dfd.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-c22c8177.js → index-8d81182f.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-c32d7bfc.js';
+import { _ as __rest } from './tslib.es6-13ab9acd.js';
 import React__default from 'react';
 import { Modal as Modal$1, CloseButton } from '@mantine/core';
-import { C as CommonGAssets } from './index-b0a52598.js';
-import { i as useStyles } from './index-3ed87f00.js';
-import { T as Text } from './index-2d55324b.js';
+import { C as CommonGAssets } from './index-90308a41.js';
+import { i as useStyles } from './index-4a75f029.js';
+import { T as Text } from './index-2ed80dfd.js';
 
 const Modal = (_a) => {
     var { title, styles } = _a, rest = __rest(_a, ["title", "styles"]);

package/build/esm/{index-b0a52598.js → index-90308a41.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-28e017f1.js';
-import { i as isProduction } from './isProduction-efb48525.js';
+import { d as domainLocales } from './index-d0220e62.js';
+import { i as isProduction } from './isProduction-cc46428a.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-f3bdb494.js → index-b0c65155.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-c32d7bfc.js';
+import { _ as __rest } from './tslib.es6-13ab9acd.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-3ed87f00.js';
+import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-4a75f029.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"]);
@@ -20,7 +20,7 @@ const Slider = (_a) => {
         setCurrentValue(value);
     }, [value]);
     return (React__default.createElement(StyledSliderWrapper, { className: containerClassName, style: containerStyle },
-        withControl && (React__default.createElement(Button, { type: "button", size: "sm", color: "ghost", onClick: decrease },
+        withControl && (React__default.createElement(Button, { type: "button", size: "sm", variant: "ghost", onClick: decrease },
             React__default.createElement("svg", { width: "10", height: "10", fill: "none", viewBox: "0 0 12 3" },
                 React__default.createElement("path", { d: "M1 1.004h8", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })))),
         React__default.createElement(StyledSlider, Object.assign({ thumbSize: 21, labelAlwaysOn: true, radius: "xl", color: color, value: currentValue, onChange: !isStatic ? setCurrentValue : () => null, min: min, max: max }, props, { className: 'hhg-mantine-slider ' + (props.className || '') })),

package/build/esm/{index-28e017f1.js → index-d0220e62.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './Subot-a382a4ed.js';
-import { i as isProduction } from './isProduction-efb48525.js';
+import { L as LOCALE } from './Subot-5496068c.js';
+import { i as isProduction } from './isProduction-cc46428a.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-5c39e5cd.js → index-d0c826b8.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-c32d7bfc.js';
+import { _ as __rest } from './tslib.es6-13ab9acd.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-638eda65.js';
+import { t as theme } from './theme-4f4dd3eb.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);