@hhgtech/hhg-components 1.29.2 → 1.29.4

package/build/esm/footer.js

@@ -1,32 +1,32 @@
-export { F as Footer } from './index-74fa27b7.js';
+export { F as Footer } from './index-8facc0b8.js';
 import 'react';
-import './index-f8fffe39.js';
-import './tslib.es6-8d5f8087.js';
-import './index-07bc639f.js';
+import './index-492ac453.js';
+import './tslib.es6-d71a5b0c.js';
+import './index-40a63906.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-d1bbe081.js';
-import './index-1e7fd513.js';
+import './index-060fe529.js';
+import './index-6f3e64db.js';
 import 'date-fns/locale';
-import './Subot-b34af36f.js';
-import './isProduction-97f67da8.js';
-import './utils-4e444e4a.js';
+import './Subot-cf1a1196.js';
+import './isProduction-f4a68fac.js';
+import './utils-e8b60426.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-dcb29d9a.js';
-import './theme-d794ab6e.js';
-import './useMantineLocale-6a418eb4.js';
+import './index-6f477080.js';
+import './theme-41a1a09c.js';
+import './useMantineLocale-e9d55d2e.js';
 import 'dayjs';
 import 'classnames';
-import './useUniqueId-e9d7643b.js';
+import './useUniqueId-5594eb93.js';
 import '@hhgtech/icons/core';
-import './index-6f67af75.js';
+import './index-d5f4754d.js';
 import '@mantine/dates';
-import './useTranslations-cbb99b0c.js';
-import './translationsContext-7a825350.js';
+import './useTranslations-9b86ca5b.js';
+import './translationsContext-05a81b37.js';
 import 'string-format';
-import './index-21631fd7.js';
-import './utils-ed05429e.js';
-import './index-4658a06f.js';
-import './index.styled-6067f193.js';
+import './index-eef06762.js';
+import './utils-94a6caec.js';
+import './index-d3466a07.js';
+import './index.styled-0df5371a.js';

package/build/esm/gAssets.js

@@ -1,5 +1,5 @@
-export { C as CommonGAssets, G as GAssets } from './index-d1bbe081.js';
-import './index-1e7fd513.js';
+export { C as CommonGAssets, G as GAssets } from './index-060fe529.js';
+import './index-6f3e64db.js';
 import 'date-fns/locale';
-import './Subot-b34af36f.js';
-import './isProduction-97f67da8.js';
+import './Subot-cf1a1196.js';
+import './isProduction-f4a68fac.js';

package/build/esm/{getDynamicHealthTool-c138ac4c.js → getDynamicHealthTool-882b369a.js}

@@ -1,7 +1,7 @@
-import { a as __awaiter } from './tslib.es6-8d5f8087.js';
-import { n as normalizeLinkSlash } from './normalizeLink-a1ccf218.js';
-import { c as getDiscoverApiDomain } from './routing-dd472e43.js';
-import { g as getDataWithCache } from './core-98e6b942.js';
+import { a as __awaiter } from './tslib.es6-d71a5b0c.js';
+import { n as normalizeLinkSlash } from './normalizeLink-736b3a00.js';
+import { c as getDiscoverApiDomain } from './routing-57aa6557.js';
+import { g as getDataWithCache } from './core-db3b92b2.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/{getSocialList-f3246abf.js → getSocialList-597cdedd.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { L as LOCALE } from './Subot-b34af36f.js';
-import { C as CommonGAssets } from './index-d1bbe081.js';
+import { L as LOCALE } from './Subot-cf1a1196.js';
+import { C as CommonGAssets } from './index-060fe529.js';
 
 const getSocialList = (shareUrl) => [
     {

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-cbb99b0c.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-f6042b11.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-a1b6d685.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-9f75b6a8.js';
-export { u as useIsInit } from './useIsInit-c6fe4a84.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-a727aeb9.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-e9d7643b.js';
+export { u as useTranslations } from './useTranslations-9b86ca5b.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-c53644e7.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-9ecde7b9.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-de780d9a.js';
+export { u as useIsInit } from './useIsInit-5bc10b8a.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-7a491cb0.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-5594eb93.js';
 import 'react';
-import './translationsContext-7a825350.js';
+import './translationsContext-05a81b37.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-8d5f8087.js';
-import './cookieHelper-43e0a449.js';
-import './Subot-b34af36f.js';
-import './getDynamicHealthTool-c138ac4c.js';
-import './normalizeLink-a1ccf218.js';
-import './routing-dd472e43.js';
-import './index-1e7fd513.js';
+import './tslib.es6-d71a5b0c.js';
+import './cookieHelper-658806f1.js';
+import './Subot-cf1a1196.js';
+import './getDynamicHealthTool-882b369a.js';
+import './normalizeLink-736b3a00.js';
+import './routing-57aa6557.js';
+import './index-6f3e64db.js';
 import 'date-fns/locale';
-import './isProduction-97f67da8.js';
-import './core-98e6b942.js';
+import './isProduction-f4a68fac.js';
+import './core-db3b92b2.js';

package/build/esm/i18n.js

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

package/build/esm/{index-d1bbe081.js → index-060fe529.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-1e7fd513.js';
-import { i as isProduction } from './isProduction-97f67da8.js';
+import { d as domainLocales } from './index-6f3e64db.js';
+import { i as isProduction } from './isProduction-f4a68fac.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-41de4a02.js → index-28e2252d.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-8d5f8087.js';
+import { _ as __rest } from './tslib.es6-d71a5b0c.js';
 import React__default from 'react';
 import { Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-1e7fd513.js';
-import { L as LOCALE } from './Subot-b34af36f.js';
-import { C as CommonGAssets } from './index-d1bbe081.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-6a418eb4.js';
+import { I as ISO_FORMAT } from './index-6f3e64db.js';
+import { L as LOCALE } from './Subot-cf1a1196.js';
+import { C as CommonGAssets } from './index-060fe529.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-e9d55d2e.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-253a5b06.js → index-2ad1753a.js}

@@ -1,44 +1,44 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8d5f8087.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d71a5b0c.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-07bc639f.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-40a63906.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-d794ab6e.js';
-import { T as Text } from './index-dcb29d9a.js';
-import { C as CommonGAssets } from './index-d1bbe081.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-1e7fd513.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-a1ccf218.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-dd472e43.js';
-import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-c5e97076.js';
-import { L as Logo } from './index-21631fd7.js';
-import { u as useTranslations } from './useTranslations-cbb99b0c.js';
+import { t as theme } from './theme-41a1a09c.js';
+import { T as Text } from './index-6f477080.js';
+import { C as CommonGAssets } from './index-060fe529.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-6f3e64db.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-736b3a00.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-57aa6557.js';
+import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-b8e3ba47.js';
+import { L as Logo } from './index-eef06762.js';
+import { u as useTranslations } from './useTranslations-9b86ca5b.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './Subot-b34af36f.js';
-import './useMantineLocale-6a418eb4.js';
-import './translationsContext-7a825350.js';
+import { L as LOCALE } from './Subot-cf1a1196.js';
+import './useMantineLocale-e9d55d2e.js';
+import './translationsContext-05a81b37.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-4e444e4a.js';
-import { L as LOCALISED_SLUGS } from './constants-6882ebb4.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-e8b60426.js';
+import { L as LOCALISED_SLUGS } from './constants-e3427e7b.js';
 import { User } from '@hhgtech/icons/core';
-import { s as setDefaultClass, l as domainLocalesMarryBaby } from './utils-b1a3e205.js';
-import { C as ChevronDown } from './ChevronDown-9bb2fa50.js';
+import { s as setDefaultClass, l as domainLocalesMarryBaby } from './utils-0b273826.js';
+import { C as ChevronDown } from './ChevronDown-e55e02d6.js';
 import { css } from '@emotion/react';
-import { B as Button } from './index-f8fffe39.js';
-import { a as LOCALIZED_SLUGS } from './constants-10b0e3f5.js';
-import { H as Heading } from './index-0eafdce7.js';
-import { I as Indicator$1 } from './index-717c7de0.js';
-import { u as useIsInit } from './useIsInit-c6fe4a84.js';
-import './index.styles-c091bc3c.js';
-import './utils-ed05429e.js';
-import './index.styled-6067f193.js';
-import './index-1a030ec2.js';
+import { B as Button } from './index-492ac453.js';
+import { a as LOCALIZED_SLUGS } from './constants-544a0a46.js';
+import { H as Heading } from './index-7580bc10.js';
+import { I as Indicator$1 } from './index-b0f4e1fc.js';
+import { u as useIsInit } from './useIsInit-5bc10b8a.js';
+import './index.styles-5df0fb91.js';
+import './utils-94a6caec.js';
+import './index.styled-0df5371a.js';
+import './index-3321a66f.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-6f67af75.js';
+import { C as Container } from './index-d5f4754d.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-98e6b942.js';
+import { g as getDataWithCache } from './core-db3b92b2.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -2863,13 +2863,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-bb826982.js').then((data) => {
+                import('./doctor-dd3a6e3c.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-a7464e28.js').then((data) => {
+                import('./cart-ebcc546e.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-2992f727.js → index-2e290cb8.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-4e444e4a.js';
-import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem } from './index.styles-c091bc3c.js';
-import { T as Text } from './index-dcb29d9a.js';
-import { u as useScrollbarSize } from './useScrollbarSize-f6042b11.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-e8b60426.js';
+import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem } from './index.styles-5df0fb91.js';
+import { T as Text } from './index-6f477080.js';
+import { u as useScrollbarSize } from './useScrollbarSize-c53644e7.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './utils-b1a3e205.js';
-import { t as theme } from './theme-d794ab6e.js';
+import { s as setDefaultClass } from './utils-0b273826.js';
+import { t as theme } from './theme-41a1a09c.js';
 import { BabyBoyMB, GenderChooseBoy, BabyGirlMB, GenderChooseGirl } from '@hhgtech/icons/other';
-import { u as useTranslations } from './useTranslations-cbb99b0c.js';
-import { G as Gender } from './Subot-b34af36f.js';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-4658a06f.js';
-import { T as Text$1 } from './index-91db87ee.js';
+import { u as useTranslations } from './useTranslations-9b86ca5b.js';
+import { G as Gender } from './Subot-cf1a1196.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-d3466a07.js';
+import { T as Text$1 } from './index-84389c47.js';
 
 const Backdrop = ({ open = false, onClickOutside, }) => {
     return (React__default.createElement(StyledBackdrop, { "data-open": open, onClick: onClickOutside }));

package/build/esm/{index-67cdaaae.js → index-38e1a700.js}

@@ -1,18 +1,18 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-8d5f8087.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-d71a5b0c.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-07bc639f.js';
+import { c as Input, S as Select } from './index-40a63906.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-1e7fd513.js';
-import { L as LOCALE } from './Subot-b34af36f.js';
-import './index-d1bbe081.js';
-import './useMantineLocale-6a418eb4.js';
-import './index-dcb29d9a.js';
-import './theme-d794ab6e.js';
-import { u as useTranslations } from './useTranslations-cbb99b0c.js';
+import { c as CDN_ADDRESS } from './index-6f3e64db.js';
+import { L as LOCALE } from './Subot-cf1a1196.js';
+import './index-060fe529.js';
+import './useMantineLocale-e9d55d2e.js';
+import './index-6f477080.js';
+import './theme-41a1a09c.js';
+import { u as useTranslations } from './useTranslations-9b86ca5b.js';
 import '@mantine/hooks';
-import './utils-4e444e4a.js';
-import { M as MAPPED_LOCALE } from './utils-a719e939.js';
+import './utils-e8b60426.js';
+import { M as MAPPED_LOCALE } from './utils-55ebcfd4.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-07bc639f.js → index-40a63906.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8d5f8087.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d71a5b0c.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-d1bbe081.js';
-import { B as Breakpoints } from './utils-4e444e4a.js';
+import { C as CommonGAssets } from './index-060fe529.js';
+import { B as Breakpoints } from './utils-e8b60426.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-dcb29d9a.js';
-import { L as LOCALE } from './Subot-b34af36f.js';
-import { t as theme } from './theme-d794ab6e.js';
-import { G as GlobalHeadingStyle } from './useMantineLocale-6a418eb4.js';
-import { I as ISO_FORMAT, s as siteOptions } from './index-1e7fd513.js';
+import { T as Text } from './index-6f477080.js';
+import { L as LOCALE } from './Subot-cf1a1196.js';
+import { t as theme } from './theme-41a1a09c.js';
+import { G as GlobalHeadingStyle } from './useMantineLocale-e9d55d2e.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-6f3e64db.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-e9d7643b.js';
+import { a as useUniqueId } from './useUniqueId-5594eb93.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const GlobalButtonStyle = {

package/build/esm/{index-f4a06518.js → index-4798a41e.js}

@@ -1,68 +1,68 @@
-import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, forwardRef, createContext, useContext } from 'react';
-import { T as Text } from './index-dcb29d9a.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-c091bc3c.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-4e444e4a.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-07bc639f.js';
-import { T as Text$1 } from './index-91db87ee.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-8d5f8087.js';
-import { C as CommonGAssets } from './index-d1bbe081.js';
-import { H as Heading } from './index-0eafdce7.js';
-import { t as theme } from './theme-d794ab6e.js';
+import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, createContext, useContext, forwardRef } from 'react';
+import { T as Text } from './index-6f477080.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-5df0fb91.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-e8b60426.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-40a63906.js';
+import { T as Text$1 } from './index-84389c47.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d71a5b0c.js';
+import { C as CommonGAssets } from './index-060fe529.js';
+import { H as Heading } from './index-7580bc10.js';
+import { t as theme } from './theme-41a1a09c.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-1e7fd513.js';
-import { G as Gender, L as LOCALE } from './Subot-b34af36f.js';
-import './useMantineLocale-6a418eb4.js';
-import './translationsContext-7a825350.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-6f3e64db.js';
+import { G as Gender, L as LOCALE } from './Subot-cf1a1196.js';
+import './useMantineLocale-e9d55d2e.js';
+import './translationsContext-05a81b37.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-253a5b06.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-2ad1753a.js';
 import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-21631fd7.js';
-import { B as Button } from './index-f8fffe39.js';
-import { I as Input } from './index-87cc9772.js';
+import { L as Logo } from './index-eef06762.js';
+import { B as Button } from './index-492ac453.js';
+import { I as Input } from './index-5aa0c969.js';
 import { keyframes, css } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-97f67da8.js';
-import { u as useTranslations } from './useTranslations-cbb99b0c.js';
+import { i as isProduction } from './isProduction-f4a68fac.js';
+import { u as useTranslations } from './useTranslations-9b86ca5b.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-3eec01ad.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-b1a3e205.js';
-import { D as DatePicker } from './index-2c347358.js';
-import { M as MarryBabyText } from './index-4658a06f.js';
-import { S as Slider } from './index-61b5a3e5.js';
-import { D as Dropdown } from './index-26db5545.js';
-import { C as Container } from './index-6f67af75.js';
+import { D as DATE_FORMAT } from './types-f1253d19.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-0b273826.js';
+import { D as DatePicker } from './index-dcc56123.js';
+import { M as MarryBabyText } from './index-d3466a07.js';
+import { S as Slider } from './index-621e19d8.js';
+import { D as Dropdown } from './index-65c232ea.js';
+import { C as Container } from './index-d5f4754d.js';
 import { useForm, Controller } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-9f75b6a8.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-de780d9a.js';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { B as BabyGrowthGender, D as Drawer } from './index-2992f727.js';
-import { L as Label } from './constants-10b0e3f5.js';
-import { f as formatUserProfileUrl } from './index-c5e97076.js';
-import './utils-ed05429e.js';
-import './index.styled-6067f193.js';
-import './index-1a030ec2.js';
-import { a as useOutsideClick } from './useOutsideClick-a727aeb9.js';
+import { B as BabyGrowthGender, D as Drawer } from './index-2e290cb8.js';
+import { L as Label } from './constants-544a0a46.js';
+import { f as formatUserProfileUrl } from './index-b8e3ba47.js';
+import './utils-94a6caec.js';
+import './index.styled-0df5371a.js';
+import './index-3321a66f.js';
+import { a as useOutsideClick } from './useOutsideClick-7a491cb0.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-f3246abf.js';
+import { g as getSocialList } from './getSocialList-597cdedd.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-dd472e43.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-57aa6557.js';
 import { useForm as useForm$1, isNotEmpty } from '@mantine/form';
-import { I as Icon } from './index-843edcdd.js';
+import { I as Icon } from './index-f97a677e.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-503935f4.js';
+import { M as Modal } from './index-ffc61a01.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-43e0a449.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-a1ccf218.js';
+import { g as getCookie } from './cookieHelper-658806f1.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-736b3a00.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 
@@ -4046,6 +4046,8 @@ const DueDateCardEmbed = ({ isMobile, locale, onSubmitDueDate, dueDatePageInfo,
             React__default.createElement(DueDateCalculator, { siteType: siteType, locale: locale, onSubmitDueDate: onSubmitDueDate, isSide: isSide }))));
 };
 
+const BmiEmbedContext = createContext({});
+
 const StyledButton$2 = styled(Button$1) `
   margin: 0 auto 24px;
   ${MediaQueries.mbUp} {
@@ -4272,10 +4274,23 @@ const BmiForm = ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmi
                 React__default.createElement(StyledButton$2, { size: "lg", fullWidth: true, className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, t('bmi.submit'))))));
 };
 
-const BMICardEmbed = ({ isMobile, onSubmit, bmiContent, isSide, bmiGenerated, bmiUnit, bmiLink, locale, }) => {
+const Form = () => {
+    const { onSubmit, bmiGenerated, locale, bmiUnit, isSide } = useContext(BmiEmbedContext);
+    return (React__default.createElement(BmiForm, { onSubmit: onSubmit, bmiGenerated: bmiGenerated, locale: locale, bmiUnit: bmiUnit, isSide: isSide }));
+};
+
+const _BMICardEmbed = ({ isMobile, onSubmit, bmiContent, isSide, bmiGenerated, bmiUnit, bmiLink, locale, children, }) => {
     var _a, _b, _c;
     const { t } = useTranslations();
-    return (React__default.createElement(StyledContainer$3, { "data-is-side": isSide },
+    return (React__default.createElement(BmiEmbedContext.Provider, { value: {
+            isMobile,
+            onSubmit,
+            isSide,
+            bmiGenerated,
+            bmiUnit,
+            bmiLink,
+            locale,
+        } }, children || (React__default.createElement(StyledContainer$3, { "data-is-side": isSide },
         React__default.createElement(ToolsBannerCard, { isSide: isSide, icon: React__default.createElement("img", { alt: "health-tool-icon", src: (bmiContent === null || bmiContent === void 0 ? void 0 : bmiContent.featured_image) ||
                     CommonGAssets.getAssetPath('health-tools/bmi.svg'), loading: "lazy" }), heading: t('bmi.heading'), medicalReview: {
                 link: (_a = bmiContent === null || bmiContent === void 0 ? void 0 : bmiContent.reviewBy) === null || _a === void 0 ? void 0 : _a.link,
@@ -4283,8 +4298,10 @@ const BMICardEmbed = ({ isMobile, onSubmit, bmiContent, isSide, bmiGenerated, bm
                 date: (_c = bmiContent === null || bmiContent === void 0 ? void 0 : bmiContent.reviewBy) === null || _c === void 0 ? void 0 : _c.date,
             }, isMobile: isMobile }),
         React__default.createElement(Container, null,
-            React__default.createElement(StyledContent, { as: "div", "data-is-side": isSide }, bmiLink && (React__default.createElement(BmiForm, { onSubmit: onSubmit, bmiGenerated: bmiGenerated, locale: locale, bmiUnit: bmiUnit, isSide: isSide }))))));
-};
+            React__default.createElement(StyledContent, { as: "div", "data-is-side": isSide }, bmiLink && React__default.createElement(Form, null)))))));
+};
+const BMICardEmbed = _BMICardEmbed;
+BMICardEmbed.Form = Form;
 
 const StyledBabyGrowthWrapper$1 = styled.div `
   padding-block: 40px;

package/build/esm/{index-f8fffe39.js → index-492ac453.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-8d5f8087.js';
+import { _ as __rest } from './tslib.es6-d71a5b0c.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-07bc639f.js';
+import { B as Button$1 } from './index-40a63906.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-87cc9772.js → index-5aa0c969.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8d5f8087.js';
+import { _ as __rest } from './tslib.es6-d71a5b0c.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-10b0e3f5.js';
+import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-544a0a46.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-61b5a3e5.js → index-621e19d8.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8d5f8087.js';
+import { _ as __rest } from './tslib.es6-d71a5b0c.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-07bc639f.js';
+import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-40a63906.js';
 
 const Slider = (_a) => {
     var { color, withControl, onChange, value, min, max, isStatic, containerClassName, containerStyle } = _a, props = __rest(_a, ["color", "withControl", "onChange", "value", "min", "max", "isStatic", "containerClassName", "containerStyle"]);

package/build/esm/{index-26db5545.js → index-65c232ea.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-d794ab6e.js';
+import { t as theme } from './theme-41a1a09c.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;

package/build/esm/{index-06904979.js → index-6e7b35fe.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-c091bc3c.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-8d5f8087.js';
-import { u as useTranslations } from './useTranslations-cbb99b0c.js';
-import { B as Button } from './index-07bc639f.js';
-import { P as PATHS } from './paths-f50bc544.js';
-import { a as LOCALIZED_SLUGS } from './constants-10b0e3f5.js';
-import { d as domainLocales } from './index-1e7fd513.js';
-import { i as callApi, j as getCarePath } from './utils-b1a3e205.js';
-import { i as isProduction } from './isProduction-97f67da8.js';
+import { t as StyledDivider, v as useStyles, w as StyledContainer } from './index.styles-5df0fb91.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d71a5b0c.js';
+import { u as useTranslations } from './useTranslations-9b86ca5b.js';
+import { B as Button } from './index-40a63906.js';
+import { P as PATHS } from './paths-a3050609.js';
+import { a as LOCALIZED_SLUGS } from './constants-544a0a46.js';
+import { d as domainLocales } from './index-6f3e64db.js';
+import { i as callApi, j as getCarePath } from './utils-0b273826.js';
+import { i as isProduction } from './isProduction-f4a68fac.js';
 
 /**
  * @deprecated Consider to use mantine

package/build/esm/{index-1e7fd513.js → index-6f3e64db.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './Subot-b34af36f.js';
-import { i as isProduction } from './isProduction-97f67da8.js';
+import { L as LOCALE } from './Subot-cf1a1196.js';
+import { i as isProduction } from './isProduction-f4a68fac.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-dcb29d9a.js → index-6f477080.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8d5f8087.js';
+import { _ as __rest } from './tslib.es6-d71a5b0c.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-4e444e4a.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-e8b60426.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;