@hhgtech/hhg-components 1.29.357 → 1.29.358-beta-2

package/build/esm/healthToolsForm.js

@@ -1,56 +1,56 @@
-export { D as DueDateForm } from './index-dd34d8cb.js';
-export { B as BmiForm } from './index-775392bc.js';
-export { B as BabyPoopForm } from './index-59ed4dc2.js';
-export { T as ThrForm } from './index-79bf2598.js';
-export { O as OvulationForm } from './index-d0e1be0e.js';
-export { B as BabyVaccineForm } from './index-8f6dc3d2.js';
-export { P as PWGForm } from './index-c5a29dfa.js';
-import './tslib.es6-8169dd55.js';
+export { D as DueDateForm } from './index-2e034192.js';
+export { B as BmiForm } from './index-42e84c71.js';
+export { B as BabyPoopForm } from './index-7705e2ab.js';
+export { T as ThrForm } from './index-058436c4.js';
+export { O as OvulationForm } from './index-c22d74c9.js';
+export { B as BabyVaccineForm } from './index-cff3f861.js';
+export { P as PWGForm } from './index-3cda8f59.js';
+import './tslib.es6-3b3bf6ee.js';
 import 'react';
-import './LastPeriod-922e1260.js';
+import './LastPeriod-cf115dcc.js';
 import 'date-fns';
 import '@mantine/core';
 import '@mantine/form';
 import 'dayjs';
-import './index-6a160cbb.js';
+import './index-a043265d.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-e5b8311f.js';
+import './index-3f5277e4.js';
 import './constantsDomainLocales.js';
-import './Locale-bde5443a.js';
+import './Locale-0fe839f4.js';
 import './constantsIsProduction.js';
-import './useScreenSize-4896fcb0.js';
+import './useScreenSize-0a846318.js';
 import '@emotion/styled';
-import './utils-c14d555e.js';
+import './utils-0499e7df.js';
 import '@mantine/carousel';
-import './index-011296a3.js';
-import './other-242c03f2.js';
-import './index-26e51554.js';
+import './index-8cbad76d.js';
+import './other-3c2c2888.js';
+import './index-e8c7d06c.js';
 import './miscTheme.js';
-import './useMantineLocale-1e822894.js';
+import './useMantineLocale-61a713dc.js';
 import '@mantine/notifications';
-import './index-e9782b8f.js';
+import './index-1de1575d.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-38989636.js';
+import './index-5130c494.js';
 import 'classnames';
-import './useUniqueId-2ebf485a.js';
+import './useUniqueId-4f87763e.js';
 import '@hhgtech/icons/core';
-import './index-e31040c7.js';
+import './index-021da3d3.js';
 import '@mantine/dates';
-import './index.styles-1ca6086d.js';
-import './index-5a475089.js';
-import './translationsContext-880b224c.js';
-import './index-8e0ba189.js';
-import './index-bc38f27f.js';
+import './index.styles-7e8e723e.js';
+import './index-ed4991de.js';
+import './translationsContext-eadc2f8c.js';
+import './index-afa718a7.js';
+import './index-f6690d94.js';
 import 'react-keyed-flatten-children';
 import 'react-hook-form';
-import './useHealthToolCache-c041d0e3.js';
+import './useHealthToolCache-95003973.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-3f330ad1.js';
-import './core-9dfc8fb0.js';
-import './constants-a72ffa69.js';
-import './index-111c1f2e.js';
+import './normalizeLink-7c0d8cfc.js';
+import './core-ca75f054.js';
+import './constants-afd70710.js';
+import './index-51d3b1a2.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-564bbc47.js';
+import './constants-7d3c8038.js';

package/build/esm/hooks/useCSSFocusPopupHelper.d.ts

@@ -1,6 +1,7 @@
 import { MouseEvent } from 'react';
 export declare const useCSSFocusPopupHelper: <T = HTMLDivElement, ButtonType = HTMLDivElement>(configs?: {
     allowBgScroll?: boolean;
+    enableNavTarotGame?: boolean;
 }) => {
     containerRef: import("react").MutableRefObject<T & HTMLElement>;
     onContainerFocus: () => void;

package/build/esm/hooks.js

@@ -1,19 +1,19 @@
-export { u as useTranslations } from './index-5a475089.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-436ceffe.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-593ccf17.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-c041d0e3.js';
-export { u as useIsInit } from './useIsInit-60d81859.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-125497b0.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-2ebf485a.js';
+export { u as useTranslations } from './index-ed4991de.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-163a0ea0.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-96e95b37.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-95003973.js';
+export { u as useIsInit } from './useIsInit-7eb2ae3f.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-431c9564.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-4f87763e.js';
 import 'react';
-import './translationsContext-880b224c.js';
+import './translationsContext-eadc2f8c.js';
 import 'lodash/debounce';
-import './tslib.es6-8169dd55.js';
+import './tslib.es6-3b3bf6ee.js';
 import './miscCookieHelper.js';
-import './index-26e51554.js';
-import './Locale-bde5443a.js';
+import './index-e8c7d06c.js';
+import './Locale-0fe839f4.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-3f330ad1.js';
+import './normalizeLink-7c0d8cfc.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './core-9dfc8fb0.js';
+import './core-ca75f054.js';

package/build/esm/i18n.js

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

package/build/esm/{index-9efdec29.js → index-00abc3a4.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-a2ec8f27.js';
+import { L as Label } from './index-609bbec5.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `

package/build/esm/{index-e31040c7.js → index-021da3d3.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-8169dd55.js';
+import { _ as __rest } from './tslib.es6-3b3bf6ee.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-e9782b8f.js';
-import './index-26e51554.js';
-import { C as CommonGAssets } from './index-e5b8311f.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-1e822894.js';
-import { L as LOCALE } from './Locale-bde5443a.js';
+import { I as ISO_FORMAT } from './index-1de1575d.js';
+import './index-e8c7d06c.js';
+import { C as CommonGAssets } from './index-3f5277e4.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-61a713dc.js';
+import { L as LOCALE } from './Locale-0fe839f4.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-910072e4.js → index-024e389e.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-8169dd55.js';
+import { a as __awaiter } from './tslib.es6-3b3bf6ee.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-ef2993d5.js';
-import { T as Text } from './index-011296a3.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-d313f147.js';
+import { H as Heading } from './index-17b7c39c.js';
+import { T as Text } from './index-8cbad76d.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-6cb78a7c.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-a72ffa69.js';
+import { D as DEFAULT_IMG } from './constants-afd70710.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-76478031.js → index-038a0780.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8169dd55.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3b3bf6ee.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-8e0ba189.js';
-import { L as Loading } from './index-1efc42fb.js';
-import './index-26e51554.js';
-import { g as formatArticle } from './dataTransform-7571b111.js';
+import { T as Tabs } from './index-afa718a7.js';
+import { L as Loading } from './index-4056f935.js';
+import './index-e8c7d06c.js';
+import { g as formatArticle } from './dataTransform-6521f3a6.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-d313f147.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-6cb78a7c.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-6f05ceda.js';
-import { L as LOCALE } from './Locale-bde5443a.js';
+import { C as CardAuthor } from './index-d4f73c3a.js';
+import { L as LOCALE } from './Locale-0fe839f4.js';
 import '@hhgtech/icons/other';
-import './index-38989636.js';
-import './index-011296a3.js';
-import './other-242c03f2.js';
-import './index-5a475089.js';
-import './translationsContext-880b224c.js';
-import './index-3c63b119.js';
-import './index-b75ca833.js';
+import './index-5130c494.js';
+import './index-8cbad76d.js';
+import './other-3c2c2888.js';
+import './index-ed4991de.js';
+import './translationsContext-eadc2f8c.js';
+import './index-4b210adb.js';
+import './index-d71d1838.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-a72ffa69.js';
+import './constants-afd70710.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-c14d555e.js';
-import './index-0dd8b1d8.js';
-import './paths-d9b27887.js';
-import './constants-9ca7b127.js';
-import './index-e9782b8f.js';
+import './utils-0499e7df.js';
+import './index-09a55759.js';
+import './paths-a3da84bc.js';
+import './constants-9675deb2.js';
+import './index-1de1575d.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-44637e1f.js';
+import './index-b9cd45c9.js';
 import './miscTheme.js';
-import './WhatsApp-d4c039cd.js';
-import './Spinner-cc0067b2.js';
-import './index-5ff6135c.js';
+import './WhatsApp-c44d0b90.js';
+import './Spinner-61bc8924.js';
+import './index-2bfe1955.js';
 import '@emotion/styled';
-import './useScreenSize-4896fcb0.js';
-import './index-e5b8311f.js';
-import './index-1aa75c76.js';
+import './useScreenSize-0a846318.js';
+import './index-3f5277e4.js';
+import './index-6c666af1.js';
 import '@emotion/react';
-import './index-ef2993d5.js';
-import './index-4e7df25e.js';
-import './index.styles-1ca6086d.js';
+import './index-17b7c39c.js';
+import './index-5ddb94e4.js';
+import './index.styles-7e8e723e.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-79bf2598.js → index-058436c4.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-8169dd55.js';
+import { _ as __rest } from './tslib.es6-3b3bf6ee.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-c041d0e3.js';
-import { u as useTranslations } from './index-5a475089.js';
-import { C as CommonGAssets } from './index-e5b8311f.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-a72ffa69.js';
-import { G as GenderOptionControl } from './index-111c1f2e.js';
-import { I as Input, S as Select } from './index-6a160cbb.js';
-import { D as DatePicker } from './index-e31040c7.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-95003973.js';
+import { u as useTranslations } from './index-ed4991de.js';
+import { C as CommonGAssets } from './index-3f5277e4.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-afd70710.js';
+import { G as GenderOptionControl } from './index-51d3b1a2.js';
+import { I as Input, S as Select } from './index-a043265d.js';
+import { D as DatePicker } from './index-021da3d3.js';
 import '@mantine/core';
-import './index-011296a3.js';
-import './index-38989636.js';
-import './index.styles-1ca6086d.js';
+import './index-8cbad76d.js';
+import './index-5130c494.js';
+import './index.styles-7e8e723e.js';
 import '@mantine/hooks';
-import './useMantineLocale-1e822894.js';
-import './index-26e51554.js';
-import './utils-c14d555e.js';
-import './index-e9782b8f.js';
-import './other-242c03f2.js';
-import './index-8e0ba189.js';
-import { H as HealthToolFormWrapper } from './index-bc38f27f.js';
+import './useMantineLocale-61a713dc.js';
+import './index-e8c7d06c.js';
+import './utils-0499e7df.js';
+import './index-1de1575d.js';
+import './other-3c2c2888.js';
+import './index-afa718a7.js';
+import { H as HealthToolFormWrapper } from './index-f6690d94.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-ab2ca390.js → index-06be24ca.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-4896fcb0.js';
+import { I as ImageWrap } from './useScreenSize-0a846318.js';
 
 const StyledAvatar = styled.div `
   background-color: var(--background-color, transparent);

package/build/esm/{index-1a999405.js → index-0837bc58.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-ef2993d5.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-c14d555e.js';
-import { u as useTranslations } from './index-5a475089.js';
-import { T as TogetherComponentGlobalContext } from './utils-d313f147.js';
+import { H as Heading } from './index-17b7c39c.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-0499e7df.js';
+import { u as useTranslations } from './index-ed4991de.js';
+import { T as TogetherComponentGlobalContext } from './utils-6cb78a7c.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-011296a3.js';
+import { T as Text } from './index-8cbad76d.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-8169dd55.js';
+import { _ as __rest } from './tslib.es6-3b3bf6ee.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-8c1ebe0e.js → index-08c781ad.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-8169dd55.js';
+import { _ as __rest } from './tslib.es6-3b3bf6ee.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-6a160cbb.js';
+import { t as themeColors } from './index-a043265d.js';
 import '@mantine/dates';
-import './index-e9782b8f.js';
-import './index-26e51554.js';
-import './index-e5b8311f.js';
-import './useMantineLocale-1e822894.js';
-import { T as Text } from './index-011296a3.js';
-import './index-38989636.js';
-import './index.styles-1ca6086d.js';
-import { u as useTranslations } from './index-5a475089.js';
+import './index-1de1575d.js';
+import './index-e8c7d06c.js';
+import './index-3f5277e4.js';
+import './useMantineLocale-61a713dc.js';
+import { T as Text } from './index-8cbad76d.js';
+import './index-5130c494.js';
+import './index.styles-7e8e723e.js';
+import { u as useTranslations } from './index-ed4991de.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-c14d555e.js';
-import './other-242c03f2.js';
-import './index-8e0ba189.js';
+import { M as MediaQueries } from './utils-0499e7df.js';
+import './other-3c2c2888.js';
+import './index-afa718a7.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-0dd8b1d8.js → index-09a55759.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8169dd55.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3b3bf6ee.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-5a475089.js';
+import { u as useTranslations } from './index-ed4991de.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-d9b27887.js';
-import { L as LOCALIZED_SLUGS } from './constants-9ca7b127.js';
-import { B as Button } from './index-38989636.js';
-import './index-e9782b8f.js';
-import { c as callApi, g as getCarePath } from './utils-d313f147.js';
+import { P as PATHS } from './paths-a3da84bc.js';
+import { L as LOCALIZED_SLUGS } from './constants-9675deb2.js';
+import { B as Button } from './index-5130c494.js';
+import './index-1de1575d.js';
+import { c as callApi, g as getCarePath } from './utils-6cb78a7c.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-ef2993d5.js → index-17b7c39c.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8169dd55.js';
+import { _ as __rest } from './tslib.es6-3b3bf6ee.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-011296a3.js';
+import { T as Text } from './index-8cbad76d.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-762e1591.js → index-1ae052ae.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-44637e1f.js';
-import { u as useTranslations } from './index-5a475089.js';
+import { I as Icon } from './index-b9cd45c9.js';
+import { u as useTranslations } from './index-ed4991de.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-d3e6edeb.js → index-1cb1ea20.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-c14d555e.js';
+import { M as MediaQueries } from './utils-0499e7df.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-e9782b8f.js → index-1de1575d.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-26e51554.js';
+import './index-e8c7d06c.js';
 import { siteHost, siteOptions } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-bde5443a.js';
+import { L as LOCALE } from './Locale-0fe839f4.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-5ff6135c.js → index-2bfe1955.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-8169dd55.js';
+import { _ as __rest } from './tslib.es6-3b3bf6ee.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-d313f147.js';
+import { T as TogetherComponentGlobalContext } from './utils-6cb78a7c.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-dd34d8cb.js → index-2e034192.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-8169dd55.js';
+import { _ as __rest } from './tslib.es6-3b3bf6ee.js';
 import React__default, { createContext, useContext, useState } from 'react';
-import { L as LastPeriod } from './LastPeriod-922e1260.js';
+import { L as LastPeriod } from './LastPeriod-cf115dcc.js';
 import { format } from 'date-fns';
 import { useMantineTheme, Group } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input } from './index-6a160cbb.js';
-import { D as DatePicker } from './index-e31040c7.js';
-import './index-011296a3.js';
-import './index-38989636.js';
-import './index.styles-1ca6086d.js';
-import { u as useTranslations } from './index-5a475089.js';
+import { R as Radio, I as Input } from './index-a043265d.js';
+import { D as DatePicker } from './index-021da3d3.js';
+import './index-8cbad76d.js';
+import './index-5130c494.js';
+import './index.styles-7e8e723e.js';
+import { u as useTranslations } from './index-ed4991de.js';
 import '@mantine/hooks';
-import './useMantineLocale-1e822894.js';
-import './index-26e51554.js';
-import './index-e5b8311f.js';
-import './utils-c14d555e.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-e9782b8f.js';
-import './other-242c03f2.js';
-import './index-8e0ba189.js';
-import { H as HealthToolFormWrapper } from './index-bc38f27f.js';
+import './useMantineLocale-61a713dc.js';
+import './index-e8c7d06c.js';
+import './index-3f5277e4.js';
+import './utils-0499e7df.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-1de1575d.js';
+import './other-3c2c2888.js';
+import './index-afa718a7.js';
+import { H as HealthToolFormWrapper } from './index-f6690d94.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-911632c9.js → index-317fdb9e.js}

@@ -1,23 +1,23 @@
-import { a as __awaiter } from './tslib.es6-8169dd55.js';
+import { a as __awaiter } from './tslib.es6-3b3bf6ee.js';
 import React__default, { useRef, useState, useMemo } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-cc0067b2.js';
-import { a as Avatar } from './index-6a160cbb.js';
-import { B as Button } from './index-38989636.js';
-import { T as Text } from './index-011296a3.js';
-import { u as useTranslations } from './index-5a475089.js';
-import './index-26e51554.js';
-import { C as CommonGAssets } from './index-e5b8311f.js';
+import { S as Spinner } from './Spinner-61bc8924.js';
+import { a as Avatar } from './index-a043265d.js';
+import { B as Button } from './index-5130c494.js';
+import { T as Text } from './index-8cbad76d.js';
+import { u as useTranslations } from './index-ed4991de.js';
+import './index-e8c7d06c.js';
+import { C as CommonGAssets } from './index-3f5277e4.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-c14d555e.js';
+import { M as MediaQueries } from './utils-0499e7df.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-import { L as LOCALE } from './Locale-bde5443a.js';
+import { L as LOCALE } from './Locale-0fe839f4.js';
 
 const useCSSFocusPopupHelper = (configs) => {
-    const { allowBgScroll } = configs || {};
+    const { allowBgScroll, enableNavTarotGame = false } = configs || {};
     const ref = useRef();
     return {
         containerRef: ref,
@@ -31,9 +31,16 @@ const useCSSFocusPopupHelper = (configs) => {
         },
         onButtonMouseDown: (e) => {
             // this close popup when click, run after REact init
+            const elmSiteHeader = document.querySelector('#site-header');
+            if (enableNavTarotGame && elmSiteHeader) {
+                elmSiteHeader.style.backgroundColor = '#fff';
+            }
             if (ref.current &&
                 (document.activeElement === ref.current ||
                     ref.current.contains(document.activeElement))) {
+                if (enableNavTarotGame && elmSiteHeader) {
+                    elmSiteHeader.style.backgroundColor = 'transparent';
+                }
                 ref.current.blur();
                 document.activeElement.blur();
                 e.preventDefault();

package/build/esm/{index-c5a29dfa.js → index-3cda8f59.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-8169dd55.js';
+import { _ as __rest } from './tslib.es6-3b3bf6ee.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-c041d0e3.js';
-import { u as useTranslations } from './index-5a475089.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-a72ffa69.js';
-import { I as Input } from './index-6a160cbb.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-95003973.js';
+import { u as useTranslations } from './index-ed4991de.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-afd70710.js';
+import { I as Input } from './index-a043265d.js';
 import '@mantine/dates';
-import './index-e9782b8f.js';
-import './index-26e51554.js';
-import './index-e5b8311f.js';
-import './useMantineLocale-1e822894.js';
-import './index-011296a3.js';
-import './index-38989636.js';
-import './index.styles-1ca6086d.js';
+import './index-1de1575d.js';
+import './index-e8c7d06c.js';
+import './index-3f5277e4.js';
+import './useMantineLocale-61a713dc.js';
+import './index-8cbad76d.js';
+import './index-5130c494.js';
+import './index.styles-7e8e723e.js';
 import '@mantine/hooks';
-import './utils-c14d555e.js';
-import './other-242c03f2.js';
-import './index-8e0ba189.js';
-import { H as HealthToolFormWrapper } from './index-bc38f27f.js';
-import { I as INPUT_RANGE } from './constants-564bbc47.js';
+import './utils-0499e7df.js';
+import './other-3c2c2888.js';
+import './index-afa718a7.js';
+import { H as HealthToolFormWrapper } from './index-f6690d94.js';
+import { I as INPUT_RANGE } from './constants-7d3c8038.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-1efc42fb.js → index-4056f935.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-5a475089.js';
-import { B as Button } from './index-3c63b119.js';
+import { u as useTranslations } from './index-ed4991de.js';
+import { B as Button } from './index-4b210adb.js';
 
 var styles = {"loading":"PD6nRZX"};