@hhgtech/hhg-components 1.29.455-beta-1 → 1.29.456-beta-1

package/build/esm/{index-9ea0f6f6.js → index-16f15f7c.js}

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-dd39cc48.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-64ead4cc.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-f4cc5c33.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, c as VIDEO_LOCALES, d as LOCALE_HAS_COMMUNITY_SITE, e as CARE_LOCALES } from './index-cf61f32a.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-b1acad00.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-d5a661ef.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-6a2d8ffc.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, c as VIDEO_LOCALES, d as LOCALE_HAS_COMMUNITY_SITE, e as CARE_LOCALES } from './index-05f23b88.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-86373122.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-1592a50d.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-ed3f5b2d.js';
+import './translationsContext-5d65463e.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-e3c2f042.js';
+import { I as Input } from './index-7f3d3fcb.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-0ac075b6.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-b87a60cb.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-0a7048a9.js';
+import { L as Logo$1 } from './index-4d58a1ff.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-88f52efc.js';
-import { C as CommonGAssets } from './index-98e0eaa7.js';
-import './index-46e873bf.js';
-import { T as Text } from './index-aa055a80.js';
-import { B as Button } from './index-f73b44cd.js';
-import './index-f1b2611a.js';
-import './index.styles-aff6ac8d.js';
+import { V as VideoType } from './index-0ed800e2.js';
+import { C as CommonGAssets } from './index-3ae79521.js';
+import './index-67b61f27.js';
+import { T as Text } from './index-33c3a4e4.js';
+import { B as Button } from './index-9b2972ae.js';
+import './index-949240e2.js';
+import './index.styles-8ba994f6.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-5bd838b5.js';
-import './index-0aecb315.js';
-import { L as LOCALISED_SLUGS } from './constants-74e8855d.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-11afeaa9.js';
-import { L as LOCALIZED_SLUGS } from './constants-2b639b5c.js';
-import { u as useTranslations } from './index-b53cab7b.js';
-import { H as Heading } from './index-1cf32873.js';
-import { I as Indicator$1 } from './index-e1103c3b.js';
-import { u as useIsInit } from './useIsInit-63f1e01b.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-c5f29231.js';
+import './index-17893bf0.js';
+import { L as LOCALISED_SLUGS } from './constants-419031bc.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-84d68415.js';
+import { L as LOCALIZED_SLUGS } from './constants-287a8066.js';
+import { u as useTranslations } from './index-f858794a.js';
+import { H as Heading } from './index-f4fd2baf.js';
+import { I as Indicator$1 } from './index-120d8865.js';
+import { u as useIsInit } from './useIsInit-fb40b790.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-7d790b58.js';
+import { B as Button$1 } from './index-d5ae8595.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-0e3bd9c9.js';
-import { C as Container } from './index-0ca18624.js';
-import { L as LOCALE } from './Locale-32906a0b.js';
+import { U as UserAvatar } from './index-89809863.js';
+import { C as Container } from './index-4156ca30.js';
+import { L as LOCALE } from './Locale-a0eb1b40.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-5d402e61.js';
+import { g as getDataWithCache } from './core-1187cc48.js';
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {

package/build/esm/{index-0aecb315.js → index-17893bf0.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-dd39cc48.js';
+import { _ as __rest } from './tslib.es6-64ead4cc.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-f73b44cd.js';
-import { T as Text } from './index-aa055a80.js';
+import { B as Button } from './index-9b2972ae.js';
+import { T as Text } from './index-33c3a4e4.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-0317ba90.js → index-1914bacf.js}

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

package/build/esm/{index-b652da18.js → index-1d1bb3a7.js}

@@ -1,28 +1,28 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-dd39cc48.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-64ead4cc.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-4428cbb8.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-09df78bc.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-efe4e715.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-cb17d8c3.js';
 import { Flex, rem, Stack, clsx, createStyles, Box } from '@mantine/core';
-import { G as GenderOptionControl } from './index-3b0fd61c.js';
-import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-e3c2f042.js';
+import { G as GenderOptionControl } from './index-89b6e3c0.js';
+import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-7f3d3fcb.js';
 import '@mantine/dates';
-import './index-cf61f32a.js';
-import './index-88f52efc.js';
-import './index-98e0eaa7.js';
-import './index-46e873bf.js';
-import { T as Text } from './index-aa055a80.js';
-import './index-f73b44cd.js';
+import './index-05f23b88.js';
+import './index-0ed800e2.js';
+import './index-3ae79521.js';
+import './index-67b61f27.js';
+import { T as Text } from './index-33c3a4e4.js';
+import './index-9b2972ae.js';
 import { theme } from './miscTheme.js';
-import './index-f1b2611a.js';
-import './index.styles-aff6ac8d.js';
-import { u as useTranslations } from './index-b53cab7b.js';
+import './index-949240e2.js';
+import './index.styles-8ba994f6.js';
+import { u as useTranslations } from './index-f858794a.js';
 import '@mantine/hooks';
-import './utils-5bd838b5.js';
-import './index-0aecb315.js';
-import { H as HealthToolFormWrapper } from './index-43dfbf67.js';
-import { C as CardWrapperContext } from './context-a2cbc531.js';
-import { L as LOCALE } from './Locale-32906a0b.js';
+import './utils-c5f29231.js';
+import './index-17893bf0.js';
+import { H as HealthToolFormWrapper } from './index-f5920748.js';
+import { C as CardWrapperContext } from './context-8c71757c.js';
+import { L as LOCALE } from './Locale-a0eb1b40.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 

package/build/esm/{index-e168ac74.js → index-24edacc1.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-dd39cc48.js';
+import { _ as __rest } from './tslib.es6-64ead4cc.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-aa055a80.js';
-import { u as useTranslations } from './index-b53cab7b.js';
+import { T as Text } from './index-33c3a4e4.js';
+import { u as useTranslations } from './index-f858794a.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-8ec0fc63.js → index-25b4c7b3.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-dd39cc48.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-64ead4cc.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-e3c2f042.js';
+import { I as Input, S as Select } from './index-7f3d3fcb.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-cf61f32a.js';
-import './index-88f52efc.js';
-import './index-98e0eaa7.js';
-import './index-46e873bf.js';
-import './index-aa055a80.js';
-import './index-f73b44cd.js';
-import './index-f1b2611a.js';
-import './index.styles-aff6ac8d.js';
-import { u as useTranslations } from './index-b53cab7b.js';
+import { C as CDN_ADDRESS } from './index-05f23b88.js';
+import './index-0ed800e2.js';
+import './index-3ae79521.js';
+import './index-67b61f27.js';
+import './index-33c3a4e4.js';
+import './index-9b2972ae.js';
+import './index-949240e2.js';
+import './index.styles-8ba994f6.js';
+import { u as useTranslations } from './index-f858794a.js';
 import '@mantine/hooks';
-import './utils-5bd838b5.js';
-import './index-0aecb315.js';
-import { M as MAPPED_LOCALE } from './utils-dbfcea86.js';
-import { L as LOCALE } from './Locale-32906a0b.js';
+import './utils-c5f29231.js';
+import './index-17893bf0.js';
+import { M as MAPPED_LOCALE } from './utils-7daf6e73.js';
+import { L as LOCALE } from './Locale-a0eb1b40.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-aa055a80.js → index-33c3a4e4.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-dd39cc48.js';
+import { _ as __rest } from './tslib.es6-64ead4cc.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-f1b2611a.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-949240e2.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-71edfc06.js → index-39c61bd2.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-7d790b58.js';
-import { H as Heading } from './index-1cf32873.js';
-import { T as Text } from './index-aa055a80.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-5bd838b5.js';
+import { B as Button } from './index-d5ae8595.js';
+import { H as Heading } from './index-f4fd2baf.js';
+import { T as Text } from './index-33c3a4e4.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-c5f29231.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-81f27891.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-b10f585e.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-dd39cc48.js';
-import { I as Input } from './index-82c7a531.js';
-import { u as useTranslations } from './index-b53cab7b.js';
-import { e as formatComment } from './dataTransform-d5a661ef.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-09df78bc.js';
+import { a as __awaiter } from './tslib.es6-64ead4cc.js';
+import { I as Input } from './index-b2be2b47.js';
+import { u as useTranslations } from './index-f858794a.js';
+import { e as formatComment } from './dataTransform-1592a50d.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-cb17d8c3.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-89613f39.js';
-import { C as CardLink } from './index-1565c37f.js';
-import { L as Loading } from './index-49bc6159.js';
-import { U as UserAvatar } from './index-0e3bd9c9.js';
-import { R as RichTextEditor } from './editor-5dcb0523.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-0dd10edf.js';
+import { C as CardLink } from './index-a1723a48.js';
+import { L as Loading } from './index-a07ffd4c.js';
+import { U as UserAvatar } from './index-89809863.js';
+import { R as RichTextEditor } from './editor-38603881.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-16b35afe.js';
-import { C as CloseIcon } from './index-15222c69.js';
+import { P as Popup } from './index-8e17d68f.js';
+import { C as CloseIcon } from './index-12e6f586.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-a5443e6e.js → index-4302c64d.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-5bd838b5.js';
+import { t as toggleNoScroll } from './utils-c5f29231.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-33d301b3.js';
-import { T as Text } from './index-aa055a80.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-1ec0bc42.js';
+import { T as Text } from './index-33c3a4e4.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-61c6514a.js → index-43d058a1.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-aa055a80.js';
+import { T as Text } from './index-33c3a4e4.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-5bd838b5.js';
+import { M as MediaQueries } from './utils-c5f29231.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-f5d3bdb1.js';
-import { R as Radio$1 } from './index-e3c2f042.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-dd39cc48.js';
-import { T as Text$1 } from './index-57cb6df5.js';
+import { S as ShapedArrowDown } from './index-9e72a3fb.js';
+import { R as Radio$1 } from './index-7f3d3fcb.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-64ead4cc.js';
+import { T as Text$1 } from './index-c0ae4cbd.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-1cf32873.js';
-import { C as Close } from './Close-389849eb.js';
-import { u as useTranslations } from './index-b53cab7b.js';
+import { H as Heading } from './index-f4fd2baf.js';
+import { C as Close } from './Close-42b38efc.js';
+import { u as useTranslations } from './index-f858794a.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-0a7048a9.js → index-4d58a1ff.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-32906a0b.js';
-import { C as CommonGAssets } from './index-98e0eaa7.js';
+import { L as LOCALE } from './Locale-a0eb1b40.js';
+import { C as CommonGAssets } from './index-3ae79521.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-5bd838b5.js';
-import { L as LogoIcon } from './logoIcon-564c8cbd.js';
-import './index-88f52efc.js';
-import { I as ImageWrap } from './index-fddd7fc9.js';
+import { M as MediaQueries } from './utils-c5f29231.js';
+import { L as LogoIcon } from './logoIcon-3d95645d.js';
+import './index-0ed800e2.js';
+import { I as ImageWrap } from './index-c3d22fbe.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-4af19ad3.js → index-4e79d22e.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-dd39cc48.js';
+import { _ as __rest } from './tslib.es6-64ead4cc.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-e3c2f042.js';
+import './index-7f3d3fcb.js';
 import '@mantine/dates';
-import './index-cf61f32a.js';
-import './index-88f52efc.js';
-import './index-98e0eaa7.js';
-import './index-46e873bf.js';
-import { T as Text } from './index-aa055a80.js';
-import './index-f73b44cd.js';
-import { F as FontWeight } from './index-f1b2611a.js';
-import './index.styles-aff6ac8d.js';
-import { u as useTranslations } from './index-b53cab7b.js';
+import './index-05f23b88.js';
+import './index-0ed800e2.js';
+import './index-3ae79521.js';
+import './index-67b61f27.js';
+import { T as Text } from './index-33c3a4e4.js';
+import './index-9b2972ae.js';
+import { F as FontWeight } from './index-949240e2.js';
+import './index.styles-8ba994f6.js';
+import { u as useTranslations } from './index-f858794a.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-5bd838b5.js';
-import './index-0aecb315.js';
-import { C as CardWrapperContext } from './context-a2cbc531.js';
+import { M as MediaQueries } from './utils-c5f29231.js';
+import './index-17893bf0.js';
+import { C as CardWrapperContext } from './context-8c71757c.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';

package/build/esm/{index-51f19ab7.js → index-5e5931ce.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-dd39cc48.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-64ead4cc.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-b53cab7b.js';
+import { u as useTranslations } from './index-f858794a.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-915fd0b2.js';
-import { L as LOCALIZED_SLUGS } from './constants-2b639b5c.js';
-import { B as Button } from './index-f73b44cd.js';
-import './index-cf61f32a.js';
-import { c as callApi, g as getCarePath } from './utils-81f27891.js';
+import { P as PATHS } from './paths-64602789.js';
+import { L as LOCALIZED_SLUGS } from './constants-287a8066.js';
+import { B as Button } from './index-9b2972ae.js';
+import './index-05f23b88.js';
+import { c as callApi, g as getCarePath } from './utils-b10f585e.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-7ba9abc1.js → index-625c89c1.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-dd39cc48.js';
+import { _ as __rest } from './tslib.es6-64ead4cc.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-e3c2f042.js';
-import { D as DatePicker } from './index-c44f8cc6.js';
-import { T as Text } from './index-aa055a80.js';
-import './index-f73b44cd.js';
-import './index-f1b2611a.js';
-import './index.styles-aff6ac8d.js';
-import { u as useTranslations } from './index-b53cab7b.js';
+import { I as Input } from './index-7f3d3fcb.js';
+import { D as DatePicker } from './index-16c5e6c8.js';
+import { T as Text } from './index-33c3a4e4.js';
+import './index-9b2972ae.js';
+import './index-949240e2.js';
+import './index.styles-8ba994f6.js';
+import { u as useTranslations } from './index-f858794a.js';
 import '@mantine/hooks';
-import './index-46e873bf.js';
-import './utils-5bd838b5.js';
-import './index-0aecb315.js';
-import { C as CardWrapperContext } from './context-a2cbc531.js';
-import { I as INPUT_RANGE } from './constants-62b2fd70.js';
-import { H as HealthToolFormWrapper } from './index-43dfbf67.js';
-import { G as GenderOptionControl } from './index-3b0fd61c.js';
-import { L as LOCALE } from './Locale-32906a0b.js';
+import './index-67b61f27.js';
+import './utils-c5f29231.js';
+import './index-17893bf0.js';
+import { C as CardWrapperContext } from './context-8c71757c.js';
+import { I as INPUT_RANGE } from './constants-f509417c.js';
+import { H as HealthToolFormWrapper } from './index-f5920748.js';
+import { G as GenderOptionControl } from './index-89b6e3c0.js';
+import { L as LOCALE } from './Locale-a0eb1b40.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-c1d7b45d.js → index-63aa896c.js}

@@ -1,24 +1,24 @@
 import * as React from 'react';
 import React__default, { useState, useMemo, useEffect, Fragment } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-5bd838b5.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-c5f29231.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-dd39cc48.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-82c7a531.js';
-import { I as Input } from './index-e3c2f042.js';
+import { _ as __rest } from './tslib.es6-64ead4cc.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-b2be2b47.js';
+import { I as Input } from './index-7f3d3fcb.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-cf61f32a.js';
-import './index-88f52efc.js';
-import './index-98e0eaa7.js';
-import './index-46e873bf.js';
-import './index-aa055a80.js';
-import './index-f73b44cd.js';
-import './index-f1b2611a.js';
-import './index.styles-aff6ac8d.js';
-import './translationsContext-ed3f5b2d.js';
+import './index-05f23b88.js';
+import './index-0ed800e2.js';
+import './index-3ae79521.js';
+import './index-67b61f27.js';
+import './index-33c3a4e4.js';
+import './index-9b2972ae.js';
+import './index-949240e2.js';
+import './index.styles-8ba994f6.js';
+import './translationsContext-5d65463e.js';
 import '@mantine/hooks';
-import './index-0aecb315.js';
+import './index-17893bf0.js';
 
 /* eslint-disable prettier/prettier */
 const Search2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 25", fill: "none" }, props),
@@ -413,6 +413,65 @@ const PureInput = React__default.forwardRef((_a, ref) => {
 });
 PureInput.displayName = 'PureInput';
 
+const DEFAULT_DEVICE_SIZES = [
+    320, 420, 640, 750, 828, 1080, 1200, 1440, 1920, 2048,
+];
+const defaultLoader = ({ src, width, quality }) => {
+    try {
+        const url = new URL(src, typeof window !== 'undefined'
+            ? window.location.origin
+            : 'http://localhost');
+        url.searchParams.set('w', String(width));
+        url.searchParams.set('q', String(quality !== null && quality !== void 0 ? quality : 75));
+        return url.toString();
+    }
+    catch (error) {
+        return src;
+    }
+};
+function getWidths(opts) {
+    if (opts.sizes)
+        return DEFAULT_DEVICE_SIZES;
+    if (opts.width) {
+        const w = Math.max(1, Math.round(opts.width));
+        console.log('x', Array.from(new Set([w, Math.min(w * 1, 2048)])).sort((a, b) => a - b));
+        return Array.from(new Set([w, Math.min(w * 2, 2048)])).sort((a, b) => a - b);
+    }
+    return DEFAULT_DEVICE_SIZES;
+}
+
+const ImageWrapV2 = (_a) => {
+    var { alt, backupSrc, src, placeholderSrc, style, ref, unoptimized = false, quality, sizes, width } = _a, props = __rest(_a, ["alt", "backupSrc", "src", "placeholderSrc", "style", "ref", "unoptimized", "quality", "sizes", "width"]);
+    const [hasError, setHasError] = useState(false);
+    const widths = useMemo(() => (unoptimized ? [] : getWidths({ sizes, width })), [sizes, width, unoptimized]);
+    const srcSet = useMemo(() => {
+        if (unoptimized)
+            return undefined;
+        return widths
+            .map((w) => `${defaultLoader({ src, width: w, quality })} ${w}w`)
+            .join(', ');
+    }, [unoptimized, widths, src, quality]);
+    const computedSrc = useMemo(() => {
+        if (unoptimized)
+            return src;
+        // pick the largest width in the set for the base `src`
+        const w = widths.length ? widths[widths.length - 1] : width !== null && width !== void 0 ? width : 1920;
+        return defaultLoader({ src, width: w, quality });
+    }, [unoptimized, widths, src, quality, width]);
+    return (React__default.createElement(StyledImage, Object.assign({ loading: "lazy", alt: alt, srcSet: srcSet, onError: () => !hasError && setHasError(true), src: hasError ? backupSrc || computedSrc : computedSrc || backupSrc, style: Object.assign(Object.assign({}, (placeholderSrc
+            ? {
+                backgroundImage: `url(${placeholderSrc})`,
+            }
+            : {})), style), "data-has-placeholder": !!placeholderSrc, ref: ref }, props)));
+};
+const StyledImage = styled.img `
+  &[data-has-placeholder='true'] {
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+`;
+
 const StyledInput = styled(Input) `
   box-shadow: 0px 0px 1px 0px #0000000a, 0px 2px 8px 0px #0000000a,
     0px 10px 16px 0px #0000000a;
@@ -438,4 +497,4 @@ const SearchInput = (props) => {
     return (React__default.createElement(StyledInput, Object.assign({ disabled: loading || disabled, size: "lg", value: value, onChangeRaw: handleChange, type: "text", placeholder: placeholder, className: className, icon: icon, style: style }, restProps, { "data-event-label": value })));
 };
 
-export { Checkbox as C, Pagination as P, StyledSearchIcon as S, PureInput as a, SearchInput as b, Search2 as c };
+export { Checkbox as C, ImageWrapV2 as I, Pagination as P, StyledSearchIcon as S, PureInput as a, SearchInput as b, Search2 as c };

package/build/esm/{index-0a1819e5.js → index-64e78399.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-dd39cc48.js';
+import { _ as __rest } from './tslib.es6-64ead4cc.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-4428cbb8.js';
-import { u as useTranslations } from './index-b53cab7b.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-09df78bc.js';
-import { I as Input } from './index-e3c2f042.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-efe4e715.js';
+import { u as useTranslations } from './index-f858794a.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-cb17d8c3.js';
+import { I as Input } from './index-7f3d3fcb.js';
 import '@mantine/dates';
-import './index-cf61f32a.js';
-import './index-88f52efc.js';
-import './index-98e0eaa7.js';
-import './index-46e873bf.js';
-import './index-aa055a80.js';
-import './index-f73b44cd.js';
-import './index-f1b2611a.js';
-import './index.styles-aff6ac8d.js';
+import './index-05f23b88.js';
+import './index-0ed800e2.js';
+import './index-3ae79521.js';
+import './index-67b61f27.js';
+import './index-33c3a4e4.js';
+import './index-9b2972ae.js';
+import './index-949240e2.js';
+import './index.styles-8ba994f6.js';
 import '@mantine/hooks';
-import './utils-5bd838b5.js';
-import './index-0aecb315.js';
-import { C as CardWrapperContext } from './context-a2cbc531.js';
-import { H as HealthToolFormWrapper } from './index-43dfbf67.js';
-import { I as INPUT_RANGE } from './constants-62b2fd70.js';
+import './utils-c5f29231.js';
+import './index-17893bf0.js';
+import { C as CardWrapperContext } from './context-8c71757c.js';
+import { H as HealthToolFormWrapper } from './index-f5920748.js';
+import { I as INPUT_RANGE } from './constants-f509417c.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-46e873bf.js → index-67b61f27.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-dd39cc48.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-64ead4cc.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-88f52efc.js';
-import { L as LOCALE } from './Locale-32906a0b.js';
+import './index-0ed800e2.js';
+import { L as LOCALE } from './Locale-a0eb1b40.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-cf61f32a.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-05f23b88.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-98e0eaa7.js';
+import { C as CommonGAssets } from './index-3ae79521.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-5bd838b5.js';
-import { C as CustomStylesType, F as FontWeight } from './index-f1b2611a.js';
-import { A as ANIMATION_DURATION } from './shared-518444cb.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-c5f29231.js';
+import { C as CustomStylesType, F as FontWeight } from './index-949240e2.js';
+import { A as ANIMATION_DURATION } from './shared-ef2b864f.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {