@hhgtech/hhg-components 1.29.496 → 1.29.497-beta-2

package/build/esm/{index-39de6861.js → index-16eed956.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
 import { Warning } from '@hhgtech/icons/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-a72fae58.js';
+import './index-b852374b.js';
 import '@mantine/dates';
-import './index-499af97a.js';
-import './index-29f7e8fa.js';
-import './index-dab46b91.js';
-import './index-515a8bf9.js';
-import { T as Text } from './index-f35a0aab.js';
-import './index-f374f9f1.js';
-import { F as FontWeight } from './index-6f1dee1a.js';
-import './index.styles-9c4af062.js';
-import { u as useTranslations } from './index-d0ebcc01.js';
+import './index-0670b744.js';
+import './index-702ad287.js';
+import './index-7dacc3d6.js';
+import './index-43aa6d9a.js';
+import { T as Text } from './index-9c8c3540.js';
+import './index-186e66c0.js';
+import { F as FontWeight } from './index-f8f31225.js';
+import './index.styles-2626bc68.js';
+import { u as useTranslations } from './index-b3b63406.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-2b4131a5.js';
-import './index-e1d9dcf4.js';
-import { C as CardWrapperContext } from './context-1f417d39.js';
+import { M as MediaQueries } from './utils-614a493a.js';
+import './index-286ddfd1.js';
+import { C as CardWrapperContext } from './context-d654d486.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';

package/build/esm/{index-cda66dcc.js → index-17d7ccb3.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-91c071c1.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-2b4131a5.js';
-import { u as useTranslations } from './index-d0ebcc01.js';
-import { T as TogetherComponentGlobalContext } from './utils-d70f5012.js';
+import { H as Heading } from './index-19a405c9.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-614a493a.js';
+import { u as useTranslations } from './index-b3b63406.js';
+import { T as TogetherComponentGlobalContext } from './utils-810bfd88.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-f35a0aab.js';
+import { T as Text } from './index-9c8c3540.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-f374f9f1.js → index-186e66c0.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, getStylesRef, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-8e94e2d2.js';
-import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-6f1dee1a.js';
+import { A as ANIMATION_DURATION } from './shared-e6187636.js';
+import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-f8f31225.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-91c071c1.js → index-19a405c9.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-f35a0aab.js';
+import { T as Text } from './index-9c8c3540.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-555b17ce.js → index-23b55e71.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-b6091bcc.js';
+import { a as __awaiter } from './tslib.es6-fc31148e.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-a819aa12.js';
-import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-499af97a.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-676160f3.js';
+import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-0670b744.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-ead296e8.js';
+import { L as LOCALE } from './Locale-8642986b.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-e1d9dcf4.js → index-286ddfd1.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-f374f9f1.js';
-import { T as Text } from './index-f35a0aab.js';
+import { B as Button } from './index-186e66c0.js';
+import { T as Text } from './index-9c8c3540.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-8fc02026.js → index-2e1f456d.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-b6091bcc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-fc31148e.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-e1d9dcf4.js';
-import { L as Loading } from './index-8704def0.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-c297d3ed.js';
+import { T as Tabs } from './index-286ddfd1.js';
+import { L as Loading } from './index-702d22b7.js';
+import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-72e8dae0.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-d70f5012.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-810bfd88.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-dab46b91.js';
-import { I as ImageWrap } from './index-ec042aba.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-dfa2ab61.js';
-import { S as SocialType } from './index-29f7e8fa.js';
-import { u as useTranslations } from './index-d0ebcc01.js';
+import { C as CommonGAssets } from './index-7dacc3d6.js';
+import { I as ImageWrap } from './index-3f44fc7b.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-973ecccd.js';
+import { S as SocialType } from './index-702ad287.js';
+import { u as useTranslations } from './index-b3b63406.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-a72fae58.js';
+import { a as Anchor$1 } from './index-b852374b.js';
 import '@mantine/dates';
-import './index-499af97a.js';
-import './index-515a8bf9.js';
-import { T as Text } from './index-f35a0aab.js';
-import { B as Button } from './index-f374f9f1.js';
-import './index-6f1dee1a.js';
-import './index.styles-9c4af062.js';
+import './index-0670b744.js';
+import './index-43aa6d9a.js';
+import { T as Text } from './index-9c8c3540.js';
+import { B as Button } from './index-186e66c0.js';
+import './index-f8f31225.js';
+import './index.styles-2626bc68.js';
 import '@mantine/hooks';
-import './utils-2b4131a5.js';
+import './utils-614a493a.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-dabc5031.js';
-import { B as Button$1 } from './index-ddc8f8b5.js';
-import './translationsContext-97d7f3f5.js';
+import { d as decodeMention, b as decodePostUrl } from './post-1f15c00a.js';
+import { B as Button$1 } from './index-03cb3d3c.js';
+import './translationsContext-b32dd0c2.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-f43a3862.js → index-348885bc.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-f374f9f1.js';
+import { B as Button } from './index-186e66c0.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-7f128d1d.js → index-377155d9.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-71c3eb8b.js';
-import { I as Input } from './index-a72fae58.js';
-import { D as DatePicker } from './index-cbd45576.js';
-import { T as Text } from './index-f35a0aab.js';
-import './index-f374f9f1.js';
-import './index-6f1dee1a.js';
-import './index.styles-9c4af062.js';
-import { u as useTranslations } from './index-d0ebcc01.js';
+import { L as LastPeriod } from './LastPeriod-3156bc0b.js';
+import { I as Input } from './index-b852374b.js';
+import { D as DatePicker } from './index-433666f0.js';
+import { T as Text } from './index-9c8c3540.js';
+import './index-186e66c0.js';
+import './index-f8f31225.js';
+import './index.styles-2626bc68.js';
+import { u as useTranslations } from './index-b3b63406.js';
 import '@mantine/hooks';
-import './index-515a8bf9.js';
-import './utils-2b4131a5.js';
-import './index-e1d9dcf4.js';
-import { C as CardWrapperContext } from './context-1f417d39.js';
-import { H as HealthToolFormWrapper } from './index-b605df78.js';
+import './index-43aa6d9a.js';
+import './utils-614a493a.js';
+import './index-286ddfd1.js';
+import { C as CardWrapperContext } from './context-d654d486.js';
+import { H as HealthToolFormWrapper } from './index-c0690a00.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-22d04008.js → index-38695fe6.js}

@@ -1,34 +1,34 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-d0ebcc01.js';
+import { u as useTranslations } from './index-b3b63406.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-dab46b91.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-a819aa12.js';
+import { C as CommonGAssets } from './index-7dacc3d6.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-676160f3.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-139bf475.js';
-import { b as getTogetherUserPostsApiPath } from './index-780bb0b8.js';
-import { B as Button } from './index-ddc8f8b5.js';
-import { w as workingDays } from './types-e3b20453.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-be192795.js';
+import { b as getTogetherUserPostsApiPath } from './index-1650aa3c.js';
+import { B as Button } from './index-03cb3d3c.js';
+import { w as workingDays } from './types-ab778448.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-2b4131a5.js';
+import { M as MediaQueries } from './utils-614a493a.js';
 import { rem, clsx, Flex, Box } from '@mantine/core';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import classNames from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-499af97a.js';
-import { L as LOCALISED_SLUGS } from './constants-34d3b44c.js';
-import { T as Text } from './index-00758edc.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-26a15add.js';
-import { a as __awaiter } from './tslib.es6-b6091bcc.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-0670b744.js';
+import { L as LOCALISED_SLUGS } from './constants-0f23ba53.js';
+import { T as Text } from './index-79cee448.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-4f285a9c.js';
+import { a as __awaiter } from './tslib.es6-fc31148e.js';
 import { useDisclosure } from '@mantine/hooks';
-import { u as useTextStyles, T as TextField } from './index-2ba9592e.js';
+import { u as useTextStyles, T as TextField } from './index-73469ea3.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-a72fae58.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-6f1dee1a.js';
-import { B as Button$1 } from './index-f374f9f1.js';
-import { M as MAPPED_LOCALE } from './index-515a8bf9.js';
-import { T as Text$1 } from './index-f35a0aab.js';
-import { I as ImageWrap } from './index-ec042aba.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-3145e780.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-b852374b.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-f8f31225.js';
+import { B as Button$1 } from './index-186e66c0.js';
+import { M as MAPPED_LOCALE } from './index-43aa6d9a.js';
+import { T as Text$1 } from './index-9c8c3540.js';
+import { I as ImageWrap } from './index-3f44fc7b.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-88ec3969.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),

package/build/esm/{index-ec042aba.js → index-3f44fc7b.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-2b4131a5.js';
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { B as Breakpoints } from './utils-614a493a.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-cad00bb9.js → index-3f9f181e.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-d70f5012.js';
+import { T as TogetherComponentGlobalContext } from './utils-810bfd88.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-cbd45576.js → index-433666f0.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-499af97a.js';
-import './index-29f7e8fa.js';
-import { C as CommonGAssets } from './index-dab46b91.js';
-import { M as MAPPED_LOCALE } from './index-515a8bf9.js';
-import { L as LOCALE } from './Locale-ead296e8.js';
+import { I as ISO_FORMAT } from './index-0670b744.js';
+import './index-702ad287.js';
+import { C as CommonGAssets } from './index-7dacc3d6.js';
+import { M as MAPPED_LOCALE } from './index-43aa6d9a.js';
+import { L as LOCALE } from './Locale-8642986b.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-515a8bf9.js → index-43aa6d9a.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-b6091bcc.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-29f7e8fa.js';
-import { L as LOCALE } from './Locale-ead296e8.js';
+import './index-702ad287.js';
+import { L as LOCALE } from './Locale-8642986b.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-499af97a.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-0670b744.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-dab46b91.js';
+import { C as CommonGAssets } from './index-7dacc3d6.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-2b4131a5.js';
-import { C as CustomStylesType, F as FontWeight } from './index-6f1dee1a.js';
-import { A as ANIMATION_DURATION } from './shared-8e94e2d2.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-614a493a.js';
+import { C as CustomStylesType, F as FontWeight } from './index-f8f31225.js';
+import { A as ANIMATION_DURATION } from './shared-e6187636.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-6450a2e2.js → index-4af5f09f.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-b6091bcc.js';
+import { a as __awaiter } from './tslib.es6-fc31148e.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-ec042aba.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-d70f5012.js';
+import { I as ImageWrap } from './index-3f44fc7b.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-810bfd88.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-34d3b44c.js';
-import { y as youtubeVidIdGetter } from './post-dabc5031.js';
-import { L as Loading } from './index-4f1b85b2.js';
+import { D as DEFAULT_IMG } from './constants-0f23ba53.js';
+import { y as youtubeVidIdGetter } from './post-1f15c00a.js';
+import { L as Loading } from './index-e858e00f.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-eac427ec.js → index-4e8b02e1.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-d123a4f2.js → index-4ebb8a00.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-a72fae58.js';
+import { F as Flag } from './index-b852374b.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-f35a0aab.js';
-import { C as CommonGAssets } from './index-dab46b91.js';
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
-import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-499af97a.js';
-import { V as VideoType } from './index-29f7e8fa.js';
+import { T as Text } from './index-9c8c3540.js';
+import { C as CommonGAssets } from './index-7dacc3d6.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
+import { a as ZINDEX_HEADER, e as VIDEO_DETAIL_TEMP_STORAGE } from './index-0670b744.js';
+import { V as VideoType } from './index-702ad287.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-addc79c3.js';
-import { u as useTranslations } from './index-d0ebcc01.js';
+import { a as abbreviateNumber } from './number-9fb09e8d.js';
+import { u as useTranslations } from './index-b3b63406.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-d4e72273.js';
-import { S as SocialLinkPreview } from './index-6450a2e2.js';
+import { M as Modal } from './index-f9f5e906.js';
+import { S as SocialLinkPreview } from './index-4af5f09f.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [
@@ -364,7 +364,7 @@ const VideoItem$1 = (_a) => {
                                 CommonGAssets.getAssetPath(`videoThumbDefault/${locale}.jpg`), alt: title, onError: (e) => {
                                 e.currentTarget.src = CommonGAssets.getAssetPath(`videoThumbDefault/${locale}.jpg`);
                             } })),
-                    duration && (React__default.createElement(Box, { className: classes.duration },
+                    typeof duration === 'number' && duration > 0 && (React__default.createElement(Box, { className: classes.duration },
                         React__default.createElement(Text, { size: "n1", className: classes.durationTxt }, duration))),
                     React__default.createElement(Flex, { className: classes.overlay, align: 'center', justify: 'center' }, active ? (React__default.createElement(Text, { size: "s3", weight: "semiBold", color: "#fff" }, t('common.playing'))) : (React__default.createElement(Play, { size: isMobile ? 32 : 46 }))))),
             React__default.createElement(Stack, { sx: { [theme.fn.largerThan('sm')]: { gap: 4 }, gap: 2 } },

package/build/esm/{index-71d897a6.js → index-55cc4353.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-df0e821e.js';
+import { C as Container } from './index-d1b40d4a.js';
 import dayjs from 'dayjs';
-import './index-499af97a.js';
-import './index-a72fae58.js';
+import './index-0670b744.js';
+import './index-b852374b.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-29f7e8fa.js';
-import './index-dab46b91.js';
-import './index-515a8bf9.js';
-import { T as Text } from './index-f35a0aab.js';
-import './index-f374f9f1.js';
-import './index-6f1dee1a.js';
-import './index.styles-9c4af062.js';
-import './translationsContext-97d7f3f5.js';
+import './index-702ad287.js';
+import './index-7dacc3d6.js';
+import './index-43aa6d9a.js';
+import { T as Text } from './index-9c8c3540.js';
+import './index-186e66c0.js';
+import './index-f8f31225.js';
+import './index.styles-2626bc68.js';
+import './translationsContext-b32dd0c2.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-2b4131a5.js';
-import './index-e1d9dcf4.js';
-import { u as useScreenSize } from './index-ec042aba.js';
+import { M as MediaQueries } from './utils-614a493a.js';
+import './index-286ddfd1.js';
+import { u as useScreenSize } from './index-3f44fc7b.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-8bc015a0.js';
-import { M as MarryBabyText } from './index-eac427ec.js';
+import { L as Logo } from './index-095907d9.js';
+import { M as MarryBabyText } from './index-4e8b02e1.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-8772629c.js → index-699ebbf3.js}

@@ -1,23 +1,24 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-a72fae58.js';
+import { R as Radio } from './index-b852374b.js';
 import '@mantine/dates';
-import './index-499af97a.js';
-import './index-29f7e8fa.js';
-import { C as CommonGAssets } from './index-dab46b91.js';
-import './index-515a8bf9.js';
-import { T as Text } from './index-f35a0aab.js';
-import './index-f374f9f1.js';
-import './index-6f1dee1a.js';
-import './index.styles-9c4af062.js';
-import { u as useTranslations } from './index-d0ebcc01.js';
+import './index-0670b744.js';
+import './index-702ad287.js';
+import { C as CommonGAssets } from './index-7dacc3d6.js';
+import './index-43aa6d9a.js';
+import { T as Text } from './index-9c8c3540.js';
+import './index-186e66c0.js';
+import './index-f8f31225.js';
+import './index.styles-2626bc68.js';
+import { u as useTranslations } from './index-b3b63406.js';
 import '@mantine/hooks';
-import './utils-2b4131a5.js';
-import './index-e1d9dcf4.js';
+import './utils-614a493a.js';
+import './index-286ddfd1.js';
 
-var useStyles = createStyles((theme, { type }) => {
+var useStyles = createStyles((theme, { type, color }) => {
+    var _a;
     const isMarryBaby = theme.other.template === 'mb';
     return {
         root: {},
@@ -34,7 +35,7 @@ var useStyles = createStyles((theme, { type }) => {
                 width: '50%',
                 '&[data-checked="true"]': {
                     '.mantine-Radio-label': {
-                        borderColor: theme.fn.primaryColor(),
+                        borderColor: ((_a = theme.colors[color]) === null || _a === void 0 ? void 0 : _a[6]) || theme.fn.primaryColor(),
                     },
                 },
             }
@@ -78,12 +79,12 @@ var useStyles = createStyles((theme, { type }) => {
 });
 
 const GenderOptionControl = (_a) => {
-    var { label, availableValue: availableValueInit, styles, isBaby, genderValue = {
+    var { label, availableValue: availableValueInit, styles, color, isBaby, genderValue = {
         male: 'male',
         female: 'female',
-    }, type = 'button', hideLabel } = _a, radioProps = __rest(_a, ["label", "availableValue", "styles", "isBaby", "genderValue", "type", "hideLabel"]);
+    }, type = 'button', hideLabel } = _a, radioProps = __rest(_a, ["label", "availableValue", "styles", "color", "isBaby", "genderValue", "type", "hideLabel"]);
     const { t } = useTranslations();
-    const { classes, cx, theme } = useStyles({ type }, {
+    const { classes, cx, theme } = useStyles({ type, color }, {
         name: 'GenderOptionControl',
         styles,
     });

package/build/esm/{index-536e3608.js → index-69e4a150.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-a673e20b.js → index-6f91d000.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-2b4131a5.js';
+import { t as toggleNoScroll } from './utils-614a493a.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-de453b96.js';
-import { T as Text } from './index-f35a0aab.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-9572105a.js';
+import { T as Text } from './index-9c8c3540.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-29f7e8fa.js → index-702ad287.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-ead296e8.js';
+import { L as LOCALE } from './Locale-8642986b.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-8704def0.js → index-702d22b7.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-d0ebcc01.js';
-import { B as Button } from './index-ddc8f8b5.js';
+import { u as useTranslations } from './index-b3b63406.js';
+import { B as Button } from './index-03cb3d3c.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-57999016.js → index-70959ab9.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-a72fae58.js';
-import { D as DatePicker } from './index-cbd45576.js';
-import { T as Text } from './index-f35a0aab.js';
-import './index-f374f9f1.js';
-import './index-6f1dee1a.js';
-import './index.styles-9c4af062.js';
-import { u as useTranslations } from './index-d0ebcc01.js';
+import { I as Input } from './index-b852374b.js';
+import { D as DatePicker } from './index-433666f0.js';
+import { T as Text } from './index-9c8c3540.js';
+import './index-186e66c0.js';
+import './index-f8f31225.js';
+import './index.styles-2626bc68.js';
+import { u as useTranslations } from './index-b3b63406.js';
 import '@mantine/hooks';
-import './index-515a8bf9.js';
-import './utils-2b4131a5.js';
-import './index-e1d9dcf4.js';
-import { C as CardWrapperContext } from './context-1f417d39.js';
-import { I as INPUT_RANGE } from './constants-5b909d20.js';
-import { H as HealthToolFormWrapper } from './index-b605df78.js';
-import { G as GenderOptionControl } from './index-8772629c.js';
-import { L as LOCALE } from './Locale-ead296e8.js';
+import './index-43aa6d9a.js';
+import './utils-614a493a.js';
+import './index-286ddfd1.js';
+import { C as CardWrapperContext } from './context-d654d486.js';
+import { I as INPUT_RANGE } from './constants-b6992554.js';
+import { H as HealthToolFormWrapper } from './index-c0690a00.js';
+import { G as GenderOptionControl } from './index-699ebbf3.js';
+import { L as LOCALE } from './Locale-8642986b.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-2ba9592e.js → index-73469ea3.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-6f1dee1a.js';
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-f8f31225.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';