@hhgtech/hhg-components 1.29.48 → 1.29.49

package/build/esm/{index-a821b27d.js → index-6e3ff9b2.js}

@@ -1,64 +1,64 @@
 import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, createContext, useContext, forwardRef } from 'react';
-import { T as Text } from './index-573b00a7.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, T as TextArea, P as PureInput } from './index.styles-4da135ed.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-cdd4a633.js';
-import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, t as themeColors, c as Input$1, B as Button$1, S as Select, d as Checkbox$1, e as ChipButton } from './index-5e3db5d8.js';
-import { T as Text$1 } from './index-b9b0ead0.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-bbbe3c74.js';
+import { T as Text } from './index-6a1adeee.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, T as TextArea, P as PureInput } from './index.styles-99dff7ab.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-0c260c38.js';
+import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, t as themeColors, c as Input$1, B as Button$1, S as Select, d as Checkbox$1, e as ChipButton } from './index-f8dc45d2.js';
+import { T as Text$1 } from './index-c30d19b4.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e1d80c3e.js';
 import { Bookmark, CalendarMB } from '@hhgtech/icons/other';
-import { C as CommonGAssets } from './index-ad7bdb35.js';
-import { H as Heading } from './index-6e0241ea.js';
-import { t as theme } from './theme-b7ac4ad5.js';
+import { C as CommonGAssets } from './index-1031cc2c.js';
+import { H as Heading } from './index-de8c395e.js';
+import { t as theme } from './theme-8a558f65.js';
 import { Card, Group, Box, Flex, createStyles, Stack, getStylesRef, useMantineTheme, rem, Container, 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, A as API_DATE_FORMAT$1, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-2e13e76a.js';
-import { L as LOCALE } from './index-c1137126.js';
-import './useMantineLocale-b7542089.js';
-import './translationsContext-11b9aa28.js';
+import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-958d9d98.js';
+import { L as LOCALE } from './index-9d7390fc.js';
+import './useMantineLocale-2a59e98c.js';
+import './translationsContext-fa5d0f22.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-53b53e72.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-2ef3866c.js';
 import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-68405467.js';
-import { B as Button } from './index-8a27ac9c.js';
-import { I as Input } from './index-4c2ae8ac.js';
+import { L as Logo } from './index-cbb31a68.js';
+import { B as Button } from './index-7d0b1acb.js';
+import { I as Input } from './index-2bfd7ffc.js';
 import { keyframes } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-6eb72ee3.js';
-import { u as useTranslations } from './useTranslations-e016e254.js';
-import { H as HealthToolFormWrapper, a as DueDateCalculatorType$1, G as GenderOptionControl, B as BabyGrowthForm, D as Drawer } from './index-e927b691.js';
+import { i as isProduction } from './isProduction-bdf75cb0.js';
+import { u as useTranslations } from './useTranslations-e2a95770.js';
+import { H as HealthToolFormWrapper, a as DueDateCalculatorType$1, G as GenderOptionControl, B as BabyGrowthForm, D as Drawer } from './index-6e93aeda.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { D as DatePicker } from './index-7244f6e1.js';
+import { D as DatePicker } from './index-71b7d5b0.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
-import { f as formatUserProfileUrl } from './index-24d158cb.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-cbdc5834.js';
-import { s as setDefaultClass, H as HEALTH_TOOL_TYPE$1, b as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, d as getPremiumApiPath, e as getWebsiteUrlApi, f as getSsoApiPath } from './utils-d72ff49d.js';
+import { f as formatUserProfileUrl } from './index-c3bb6ed6.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-c14f26ad.js';
+import { s as setDefaultClass, H as HEALTH_TOOL_TYPE$1, b as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, d as getPremiumApiPath, e as getWebsiteUrlApi, f as getSsoApiPath } from './utils-675781e6.js';
 import { Controller, useForm as useForm$1 } from 'react-hook-form';
-import './constants-8f7302e3.js';
-import './utils-89b07d78.js';
-import './WhatsApp-a531e623.js';
-import './index.styled-0dbd75b2.js';
-import './index-298dcb61.js';
-import { a as useOutsideClick } from './useOutsideClick-b986c328.js';
+import './constants-171a340f.js';
+import './utils-29c00196.js';
+import './WhatsApp-23e610f7.js';
+import './index.styled-eb4a771e.js';
+import './index-6fa323e6.js';
+import { a as useOutsideClick } from './useOutsideClick-b627fad5.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 { D as Dropdown } from './index-659e9dea.js';
-import { g as getSocialList } from './getSocialList-fbeab864.js';
+import { D as Dropdown } from './index-c5649ce6.js';
+import { g as getSocialList } from './getSocialList-34507745.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-7478929a.js';
-import { I as Icon } from './index-5c5caf73.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-bbe1f1bc.js';
+import { I as Icon } from './index-aec01122.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-3f8ae821.js';
+import { M as Modal } from './index-4a84252b.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-bb28467f.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-71552ddc.js';
+import { g as getCookie } from './cookieHelper-9b885ada.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-e96c75df.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 
@@ -3628,7 +3628,7 @@ const InlineForm$2 = (props) => {
                     React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.heightInput') },
                         React__default.createElement(Input$1.Number, { placeholder: t('tools.inputPlaceholder', {
                                 content: '170',
-                            }), name: name, value: value, onChange: onChange, min: 0, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default.createElement(React__default.Fragment, null) : '', rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) })),
+                            }), name: name, value: value, onChange: onChange, min: 0, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default.createElement(React__default.Fragment, null) : '', rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('bmi.heightInput.desc')) })),
                     isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolFormWrapper.Error, null, error.message))));
             } }),
         React__default.createElement(Controller, { name: "weight", control: control, rules: (_d = bmiGenerated.weight) === null || _d === void 0 ? void 0 : _d.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
@@ -3636,7 +3636,7 @@ const InlineForm$2 = (props) => {
                     React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.weightInput') },
                         React__default.createElement(Input$1.Number, { placeholder: t('tools.inputPlaceholder', {
                                 content: '60',
-                            }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default.createElement(React__default.Fragment, null) : '', precision: 1, min: 0, rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) })),
+                            }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default.createElement(React__default.Fragment, null) : '', precision: 1, min: 0, rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('bmi.weightInput.desc')) })),
                     isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolFormWrapper.Error, null, error.message))));
             } }),
         React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
@@ -4314,19 +4314,19 @@ const InlineForm = (_a) => {
     const isMarryBaby = theme.other.template === 'mb';
     return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
         React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.weekInput') },
-            React__default.createElement(Input$1.Number, Object.assign({ min: INPUT_RANGE.pregnantWeek.min, max: INPUT_RANGE.pregnantWeek.max, placeholder: `${INPUT_RANGE.pregnantWeek.min} - ${INPUT_RANGE.pregnantWeek.max}`, rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) }, form.getInputProps('pregnantWeek')))),
+            React__default.createElement(Input$1.Number, Object.assign({ min: INPUT_RANGE.pregnantWeek.min, max: INPUT_RANGE.pregnantWeek.max, placeholder: `${INPUT_RANGE.pregnantWeek.min} - ${INPUT_RANGE.pregnantWeek.max}`, rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('pwgForm.week')) }, form.getInputProps('pregnantWeek')))),
         React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.weightBeforeInput') },
             React__default.createElement(Input$1.Number, Object.assign({}, form.getInputProps('lastWeight'), { min: INPUT_RANGE.weight.min, max: INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
                     content: '50',
-                }), rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, "kg") }))),
+                }), rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('bmi.weightInput.desc')) }))),
         React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.heightInput') },
             React__default.createElement(Input$1.Number, Object.assign({}, form.getInputProps('height'), { min: INPUT_RANGE.height.min, max: INPUT_RANGE.height.max, placeholder: t('tools.inputPlaceholder', {
                     content: '160',
-                }), rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, "cm") }))),
+                }), rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('bmi.heightInput.desc')) }))),
         React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.weightInput') },
             React__default.createElement(Input$1.Number, Object.assign({}, form.getInputProps('weight'), { min: INPUT_RANGE.weight.min, max: INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
                     content: '50',
-                }), rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, "kg") }))),
+                }), rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('bmi.weightInput.desc')) }))),
         React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.havingTwins'), width: 'none' },
             React__default.createElement(HealthToolFormWrapper.Switching, Object.assign({}, form.getInputProps('hasTwin')))),
         React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "Embedded Pregnancy Weight Gain", dataEventLabel: `https://${domainLocales[isMarryBaby ? 'vi-VN_MB' : locale]}/${linkTool}`, className: "due-date-calculate-button" }, submitProps), t('dueDatePage.lastPeriod.calculate'))));

package/build/esm/{index-e927b691.js → index-6e93aeda.js}

@@ -1,33 +1,33 @@
 import React__default, { useRef, useEffect, useState, useMemo, createContext, useContext } from 'react';
 import { Portal, Box, Flex, rem, createStyles, Input, Chip, useMantineTheme, Switch } from '@mantine/core';
-import { t as toggleNoScroll, M as MediaQueries } from './utils-cdd4a633.js';
-import { w as StyledBackdrop, x as StyledDrawer, y as StyledDrawerPanel, z as StyledDrawerContent, A as StyledRadioImageGroup, B as StyledRadioImageItem, C as useStyles$a, P as PureInput } from './index.styles-4da135ed.js';
-import { T as Text } from './index-573b00a7.js';
-import { t as theme } from './theme-b7ac4ad5.js';
-import { M as MarryBabyText } from './index-e0934937.js';
-import { T as Text$1 } from './index-b9b0ead0.js';
-import { u as useScrollbarSize } from './useScrollbarSize-82419a9e.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-0c260c38.js';
+import { w as StyledBackdrop, x as StyledDrawer, y as StyledDrawerPanel, z as StyledDrawerContent, A as StyledRadioImageGroup, B as StyledRadioImageItem, C as useStyles$a, P as PureInput } from './index.styles-99dff7ab.js';
+import { T as Text } from './index-6a1adeee.js';
+import { t as theme } from './theme-8a558f65.js';
+import { M as MarryBabyText } from './index-7f2f2cd4.js';
+import { T as Text$1 } from './index-c30d19b4.js';
+import { u as useScrollbarSize } from './useScrollbarSize-53c22b6c.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './utils-d72ff49d.js';
-import { _ as __rest } from './tslib.es6-bbbe3c74.js';
+import { s as setDefaultClass } from './utils-675781e6.js';
+import { _ as __rest } from './tslib.es6-e1d80c3e.js';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { G as Gender } from './index-c1137126.js';
+import { G as Gender } from './index-9d7390fc.js';
 import { Controller, useForm } from 'react-hook-form';
 import { BabyBoyMB, BabyGirlMB, CalendarMB } from '@hhgtech/icons/other';
-import { R as Radio, B as Button, c as Input$2 } from './index-5e3db5d8.js';
-import { C as CommonGAssets } from './index-ad7bdb35.js';
-import { I as Input$1 } from './index-4c2ae8ac.js';
-import './utils-89b07d78.js';
-import { D as DatePicker } from './index-7244f6e1.js';
-import { u as useTranslations } from './useTranslations-e016e254.js';
+import { R as Radio, B as Button, c as Input$2 } from './index-f8dc45d2.js';
+import { C as CommonGAssets } from './index-1031cc2c.js';
+import { I as Input$1 } from './index-2bfd7ffc.js';
+import './utils-29c00196.js';
+import { D as DatePicker } from './index-71b7d5b0.js';
+import { u as useTranslations } from './useTranslations-e2a95770.js';
 import '@mantine/hooks';
-import './useMantineLocale-b7542089.js';
-import './index-2e13e76a.js';
-import './WhatsApp-a531e623.js';
-import './index.styled-0dbd75b2.js';
-import './index-298dcb61.js';
-import { L as Label } from './constants-8f7302e3.js';
+import './useMantineLocale-2a59e98c.js';
+import './index-958d9d98.js';
+import './WhatsApp-23e610f7.js';
+import './index.styled-eb4a771e.js';
+import './index-6fa323e6.js';
+import { L as Label } from './constants-171a340f.js';
 import '@mantine/dates';
 import 'date-fns';
 import flattenChildren from 'react-keyed-flatten-children';

package/build/esm/{index-7244f6e1.js → index-71b7d5b0.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-bbbe3c74.js';
+import { _ as __rest } from './tslib.es6-e1d80c3e.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-2e13e76a.js';
-import { L as LOCALE } from './index-c1137126.js';
-import { C as CommonGAssets } from './index-ad7bdb35.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-b7542089.js';
+import { I as ISO_FORMAT } from './index-958d9d98.js';
+import { L as LOCALE } from './index-9d7390fc.js';
+import { C as CommonGAssets } from './index-1031cc2c.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-2a59e98c.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-8a27ac9c.js → index-7d0b1acb.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-bbbe3c74.js';
+import { _ as __rest } from './tslib.es6-e1d80c3e.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-5e3db5d8.js';
+import { B as Button$1 } from './index-f8dc45d2.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-e0934937.js → index-7f2f2cd4.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-bbbe3c74.js';
+import { _ as __rest } from './tslib.es6-e1d80c3e.js';
 import React__default from 'react';
-import { S as StyledHeading, a as StyledText } from './index.styled-0dbd75b2.js';
+import { S as StyledHeading, a as StyledText } from './index.styled-eb4a771e.js';
 
 const MarryBabyHeading = (_a) => {
     var { type, color, style } = _a, props = __rest(_a, ["type", "color", "style"]);

package/build/esm/{index-98118cf6.js → index-89d0670a.js}

@@ -1,10 +1,10 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from './index-5c5caf73.js';
-import { u as useTranslations } from './useTranslations-e016e254.js';
+import { I as Icon } from './index-aec01122.js';
+import { u as useTranslations } from './useTranslations-e2a95770.js';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-b7ac4ad5.js';
+import { t as theme } from './theme-8a558f65.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-2e13e76a.js → index-958d9d98.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './index-c1137126.js';
-import { i as isProduction } from './isProduction-6eb72ee3.js';
+import { L as LOCALE } from './index-9d7390fc.js';
+import { i as isProduction } from './isProduction-bdf75cb0.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-5c5caf73.js → index-aec01122.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-bbbe3c74.js';
+import { _ as __rest } from './tslib.es6-e1d80c3e.js';
 import React__default from 'react';
-import { t as theme } from './theme-b7ac4ad5.js';
-import { S as Share, E as Eye, j as Spinner } from './utils-d72ff49d.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-a531e623.js';
+import { t as theme } from './theme-8a558f65.js';
+import { S as Share, E as Eye, j as Spinner } from './utils-675781e6.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-23e610f7.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-c4bb4ef4.js → index-b2b15f08.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-bbbe3c74.js';
+import { _ as __rest } from './tslib.es6-e1d80c3e.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './index-c1137126.js';
+import { L as LOCALE } from './index-9d7390fc.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-ad7bdb35.js';
-import { t as theme } from './theme-b7ac4ad5.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-5e3db5d8.js';
-import { T as Text } from './index-b9b0ead0.js';
+import { C as CommonGAssets } from './index-1031cc2c.js';
+import { t as theme } from './theme-8a558f65.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-f8dc45d2.js';
+import { T as Text } from './index-c30d19b4.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-b9b0ead0.js → index-c30d19b4.js}

@@ -1,18 +1,18 @@
-import { _ as __rest } from './tslib.es6-bbbe3c74.js';
+import { _ as __rest } from './tslib.es6-e1d80c3e.js';
 import React__default from 'react';
-import './index-5e3db5d8.js';
+import './index-f8dc45d2.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-2e13e76a.js';
-import './index-c1137126.js';
-import './index-ad7bdb35.js';
-import './useMantineLocale-b7542089.js';
-import { T as Text$1 } from './index-573b00a7.js';
-import './theme-b7ac4ad5.js';
-import './translationsContext-11b9aa28.js';
+import './index-958d9d98.js';
+import './index-9d7390fc.js';
+import './index-1031cc2c.js';
+import './useMantineLocale-2a59e98c.js';
+import { T as Text$1 } from './index-6a1adeee.js';
+import './theme-8a558f65.js';
+import './translationsContext-fa5d0f22.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-cdd4a633.js';
+import './utils-0c260c38.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-24d158cb.js → index-c3bb6ed6.js}

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-cdd4a633.js';
-import { t as theme } from './theme-b7ac4ad5.js';
-import { _ as __rest } from './tslib.es6-bbbe3c74.js';
-import { T as TogetherComponentGlobalContext } from './utils-d72ff49d.js';
+import { M as MediaQueries } from './utils-0c260c38.js';
+import { t as theme } from './theme-8a558f65.js';
+import { _ as __rest } from './tslib.es6-e1d80c3e.js';
+import { T as TogetherComponentGlobalContext } from './utils-675781e6.js';
 
 const StyledPopup = styled.div `
   position: fixed;

package/build/esm/{index-659e9dea.js → index-c5649ce6.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-b7ac4ad5.js';
+import { t as theme } from './theme-8a558f65.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;

package/build/esm/{index-68405467.js → index-cbb31a68.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './index-c1137126.js';
-import { C as CommonGAssets } from './index-ad7bdb35.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-89b07d78.js';
-import { I as ImageWrap } from './index-5e3db5d8.js';
+import { L as LOCALE } from './index-9d7390fc.js';
+import { C as CommonGAssets } from './index-1031cc2c.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-29c00196.js';
+import { I as ImageWrap } from './index-f8dc45d2.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-6e0241ea.js → index-de8c395e.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-bbbe3c74.js';
+import { _ as __rest } from './tslib.es6-e1d80c3e.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-573b00a7.js';
+import { T as Text } from './index-6a1adeee.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-bedb4c31.js → index-e0326d77.js}

@@ -1,18 +1,18 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-bbbe3c74.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-e1d80c3e.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-5e3db5d8.js';
+import { c as Input, S as Select } from './index-f8dc45d2.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-2e13e76a.js';
-import { L as LOCALE } from './index-c1137126.js';
-import './index-ad7bdb35.js';
-import './useMantineLocale-b7542089.js';
-import './index-573b00a7.js';
-import './theme-b7ac4ad5.js';
-import { u as useTranslations } from './useTranslations-e016e254.js';
+import { c as CDN_ADDRESS } from './index-958d9d98.js';
+import { L as LOCALE } from './index-9d7390fc.js';
+import './index-1031cc2c.js';
+import './useMantineLocale-2a59e98c.js';
+import './index-6a1adeee.js';
+import './theme-8a558f65.js';
+import { u as useTranslations } from './useTranslations-e2a95770.js';
 import '@mantine/hooks';
-import './utils-cdd4a633.js';
-import { M as MAPPED_LOCALE } from './utils-50b9f0c4.js';
+import './utils-0c260c38.js';
+import { M as MAPPED_LOCALE } from './utils-ec0db67f.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-f71d7dc8.js → index-f26c57be.js}

@@ -1,22 +1,22 @@
 import React__default from 'react';
-import { C as Container } from './index-51807fc9.js';
+import { C as Container } from './index-5c8d2253.js';
 import dayjs from 'dayjs';
-import { d as domainLocales } from './index-2e13e76a.js';
-import { u as useScreenSize } from './index-5e3db5d8.js';
+import { d as domainLocales } from './index-958d9d98.js';
+import { u as useScreenSize } from './index-f8dc45d2.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-c1137126.js';
-import './index-ad7bdb35.js';
-import './useMantineLocale-b7542089.js';
-import { T as Text } from './index-573b00a7.js';
-import { t as theme } from './theme-b7ac4ad5.js';
-import './translationsContext-11b9aa28.js';
+import './index-9d7390fc.js';
+import './index-1031cc2c.js';
+import './useMantineLocale-2a59e98c.js';
+import { T as Text } from './index-6a1adeee.js';
+import { t as theme } from './theme-8a558f65.js';
+import './translationsContext-fa5d0f22.js';
 import 'string-format';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-cdd4a633.js';
+import { M as MediaQueries } from './utils-0c260c38.js';
 import styled from '@emotion/styled';
-import { L as Logo } from './index-68405467.js';
-import { M as MarryBabyText } from './index-e0934937.js';
+import { L as Logo } from './index-cbb31a68.js';
+import { M as MarryBabyText } from './index-7f2f2cd4.js';
 
 const StyledFooter = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-5e3db5d8.js → index-f8dc45d2.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-bbbe3c74.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e1d80c3e.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-ad7bdb35.js';
-import { B as Breakpoints } from './utils-cdd4a633.js';
+import { C as CommonGAssets } from './index-1031cc2c.js';
+import { B as Breakpoints } from './utils-0c260c38.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-573b00a7.js';
-import { L as LOCALE } from './index-c1137126.js';
-import { t as theme } from './theme-b7ac4ad5.js';
-import { G as GlobalHeadingStyle } from './useMantineLocale-b7542089.js';
-import { I as ISO_FORMAT, s as siteOptions } from './index-2e13e76a.js';
+import { T as Text } from './index-6a1adeee.js';
+import { L as LOCALE } from './index-9d7390fc.js';
+import { t as theme } from './theme-8a558f65.js';
+import { G as GlobalHeadingStyle } from './useMantineLocale-2a59e98c.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-958d9d98.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-ceb3fa40.js';
+import { a as useUniqueId } from './useUniqueId-3f8165a6.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const GlobalButtonStyle = {