@hhgtech/hhg-components 1.29.565-beta-2 → 1.29.565

package/build/esm/{index-0cc3509a.js → index-40e42eed.js}

@@ -1,23 +1,23 @@
-import { a as __rest } from './tslib.es6-f6bfb9bf.js';
+import { a as __rest } from './tslib.es6-8ec24ff1.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-4a77bb1c.js';
+import './index-5b03f045.js';
 import '@mantine/dates';
-import './index-46c7ea72.js';
-import './index-3c5baf14.js';
-import './index-f4cccf10.js';
-import './index-a7c159c2.js';
-import { T as Text } from './index-a1cee81d.js';
-import './index-2893d38a.js';
-import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-48170ed0.js';
-import './index.styles-7b3e3e63.js';
-import { u as useTranslations } from './index-8c4842db.js';
+import './index-a43c5e07.js';
+import './index-4fb882a5.js';
+import './index-a63e9dda.js';
+import './index-4446c376.js';
+import { T as Text } from './index-778adb1e.js';
+import './index-fb5e2812.js';
+import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-68110318.js';
+import './index.styles-83fa1b1f.js';
+import { u as useTranslations } from './index-689f8290.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-94feeda9.js';
-import './index-8e8b6166.js';
-import { C as CardWrapperContext } from './context-7cd89f8f.js';
+import { M as MediaQueries } from './utils-e1dd1c18.js';
+import './index-0a2a56d8.js';
+import { C as CardWrapperContext } from './context-a71ecb0d.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';

package/build/esm/{index-a7c159c2.js → index-4446c376.js}

@@ -1,15 +1,15 @@
-import { _ as __awaiter, a as __rest } from './tslib.es6-f6bfb9bf.js';
+import { _ as __awaiter, a as __rest } from './tslib.es6-8ec24ff1.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import { L as LOCALE } from './index-3c5baf14.js';
+import { L as LOCALE } from './index-4fb882a5.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { c as ZINDEX_SSO, I as ISO_FORMAT } from './index-46c7ea72.js';
+import { c as ZINDEX_SSO, I as ISO_FORMAT } from './index-a43c5e07.js';
 import { em, rem } from '@mantine/core';
-import { C as CommonGAssets } from './index-f4cccf10.js';
+import { C as CommonGAssets } from './index-a63e9dda.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-94feeda9.js';
-import { C as CustomStylesType, F as FontWeight } from './index-48170ed0.js';
-import { A as ANIMATION_DURATION } from './shared-777ef9ea.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-e1dd1c18.js';
+import { C as CustomStylesType, F as FontWeight } from './index-68110318.js';
+import { A as ANIMATION_DURATION } from './shared-e1f77fcb.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-d42291ad.js → index-4c4ea4e4.js}

@@ -1,55 +1,55 @@
-import { _ as __awaiter, a as __rest } from './tslib.es6-f6bfb9bf.js';
+import { _ as __awaiter, a as __rest } from './tslib.es6-8ec24ff1.js';
 import * as React from 'react';
 import React__default, { useContext, useState, useRef, useCallback, useMemo, useEffect } from 'react';
-import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-838f3a2b.js';
-import { b as basePath, L as LOCALE_SPECS, S as STATIC_PAGES, Z as ZINDEX_HEADER, V as VIDEO_LOCALES, a as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-46c7ea72.js';
-import { w as withLocalePathPrefix, r as resolveDiscoverNavLink, a as normalizeLink, n as normalizeLinkSlash, b as getCurrentBaseUrl, e as getDiscoverApiDomain, d as getTogetherApiDomain, h as getCareApiDomain } from './routing-933b5c77.js';
-import { f as formatArticle, a as formatCommunity, b as formatPost } from './dataTransform-bce0718a.js';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-3726d24c.js';
+import { b as basePath, L as LOCALE_SPECS, S as STATIC_PAGES, Z as ZINDEX_HEADER, V as VIDEO_LOCALES, a as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-a43c5e07.js';
+import { w as withLocalePathPrefix, r as resolveDiscoverNavLink, a as normalizeLink, n as normalizeLinkSlash, b as getCurrentBaseUrl, e as getDiscoverApiDomain, d as getTogetherApiDomain, h as getCareApiDomain } from './routing-a87b5a72.js';
+import { f as formatArticle, a as formatCommunity, b as formatPost } from './dataTransform-5444d1ca.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import { I as Input, D as DEBOUNCED_TIME } from './index-4a77bb1c.js';
-import './translationsContext-fe861d36.js';
-import { L as LOCALE, V as VideoType } from './index-3c5baf14.js';
+import { I as Input, D as DEBOUNCED_TIME } from './index-5b03f045.js';
+import './translationsContext-e80e1a7f.js';
+import { L as LOCALE, V as VideoType } from './index-4fb882a5.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-dbf5f549.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-614bf8d6.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx, Flex } from '@mantine/core';
-import { L as Logo$1 } from './index-5deaf7aa.js';
+import { L as Logo$1 } from './index-1679dff9.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-f4cccf10.js';
-import './index-a7c159c2.js';
-import { T as Text } from './index-a1cee81d.js';
-import { B as Button } from './index-2893d38a.js';
-import './index-48170ed0.js';
-import './index.styles-7b3e3e63.js';
+import { C as CommonGAssets } from './index-a63e9dda.js';
+import './index-4446c376.js';
+import { T as Text } from './index-778adb1e.js';
+import { B as Button } from './index-fb5e2812.js';
+import './index-68110318.js';
+import './index.styles-83fa1b1f.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-94feeda9.js';
-import './index-8e8b6166.js';
-import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-375dbcc2.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-4699c7de.js';
-import { L as LOCALISED_SLUGS$1 } from './constants-a6501a9c.js';
-import { I as Indicator$1 } from './index-fe77573c.js';
-import { u as useTranslations } from './index-8c4842db.js';
-import { u as useIsInit, a as useCartCareService } from './useCartCareService-c147d1cf.js';
-import { L as LOCALIZED_SLUGS } from './constants-408ec876.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-e1dd1c18.js';
+import './index-0a2a56d8.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-2832fddc.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-095fbe36.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-2d90e3fc.js';
+import { I as Indicator$1 } from './index-a047ccad.js';
+import { u as useTranslations } from './index-689f8290.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-f6ac70eb.js';
+import { L as LOCALIZED_SLUGS } from './constants-703c9ea4.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-f9740ffe.js';
-import { H as Heading } from './index-13b54750.js';
-import { g as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, a as hsbToRgb, f as formatCategory, b as formatSpotlightsList, c as checkAvailableSpotlight, d as formatHealthTool, e as formatVideoItem, i as formatSpecialties, j as formatHospital } from './utils-529cb81d.js';
-import { C as Container } from './index-cbe19282.js';
-import { b as useResolvedCaptureUrls } from './useResolvedCaptureUrls-1e9e3027.js';
+import { B as Button$1 } from './index-279ba381.js';
+import { H as Heading } from './index-02fde41c.js';
+import { g as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, a as hsbToRgb, f as formatCategory, b as formatSpotlightsList, c as checkAvailableSpotlight, d as formatHealthTool, e as formatVideoItem, i as formatSpecialties, j as formatHospital } from './utils-84f6e327.js';
+import { C as Container } from './index-e77f5bc8.js';
+import { b as useResolvedCaptureUrls } from './useResolvedCaptureUrls-7a8e9c91.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-0f21bdae.js';
+import { U as UserAvatar } from './index-5606afb9.js';
 import get from 'lodash/get';
-import { Z as Z_INDEX, D as DEFAULT_HEADER_HEIGHT_MOBILE, a as DEFAULT_HEADER_HEIGHT_DESKTOP } from './constants-9768291d.js';
+import { Z as Z_INDEX, D as DEFAULT_HEADER_HEIGHT_MOBILE, a as DEFAULT_HEADER_HEIGHT_DESKTOP } from './constants-11a171d9.js';
 import isEmpty from 'lodash/isEmpty';
-import { C as CartCareButton } from './index-56380973.js';
+import { C as CartCareButton } from './index-768f6dc8.js';
 import debounce from 'lodash/debounce';
 import { domainLocales } from './constantsDomainLocales.js';
-import { g as getDataWithCache } from './core-2aa6ca8a.js';
+import { g as getDataWithCache } from './core-2286d231.js';
 
 const HamburgerWhite = (props) => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
@@ -3110,7 +3110,7 @@ const formatHelloWellnessPinCategoryItem = (item) => {
     return null;
 };
 const formatHelloWellnessSettings = (settings) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
     if (!settings)
         return {};
     return {
@@ -3132,23 +3132,23 @@ const formatHelloWellnessSettings = (settings) => {
             icon: ((_m = settings.hello_wellness_category) === null || _m === void 0 ? void 0 : _m.icon) || '',
             categoryName: ((_o = settings.hello_wellness_category) === null || _o === void 0 ? void 0 : _o.category_name) || '',
         },
-        landingPage: Object.assign(Object.assign(Object.assign({ icon: ((_p = settings.landing_page) === null || _p === void 0 ? void 0 : _p.icon) || '', pageName: ((_q = settings.landing_page) === null || _q === void 0 ? void 0 : _q.page_name) || '', pageDescription: ((_r = settings.landing_page) === null || _r === void 0 ? void 0 : _r.page_description) || '', enableSectionBanner: Boolean((_s = settings.landing_page) === null || _s === void 0 ? void 0 : _s.enable_section_banner) }, (((_t = settings.landing_page) === null || _t === void 0 ? void 0 : _t.section_banner) && {
+        landingPage: Object.assign(Object.assign(Object.assign({ bannerDesktop: ((_p = settings.landing_page) === null || _p === void 0 ? void 0 : _p.banner_desktop) || '', bannerMobile: ((_q = settings.landing_page) === null || _q === void 0 ? void 0 : _q.banner_mobile) || '', icon: ((_r = settings.landing_page) === null || _r === void 0 ? void 0 : _r.icon) || '', pageName: ((_s = settings.landing_page) === null || _s === void 0 ? void 0 : _s.page_name) || '', pageDescription: ((_t = settings.landing_page) === null || _t === void 0 ? void 0 : _t.page_description) || '', enableSectionBanner: Boolean((_u = settings.landing_page) === null || _u === void 0 ? void 0 : _u.enable_section_banner) }, (((_v = settings.landing_page) === null || _v === void 0 ? void 0 : _v.section_banner) && {
             sectionBanner: Object.assign(Object.assign({}, (settings.landing_page.section_banner.cta_banner_type ===
                 'single-image'
                 ? formatCTABannerTypeSingleSession(settings.landing_page.section_banner)
                 : formatCTABannerTypeMultiSession(settings.landing_page.section_banner))), { title: settings.landing_page.section_banner.title || '', description: settings.landing_page.section_banner.description || '', backgroundColor: settings.landing_page.section_banner.background_color || '' }),
         })), { sectionCategory: {
-                headerForCategoriesList: ((_v = (_u = settings.landing_page) === null || _u === void 0 ? void 0 : _u.section_category) === null || _v === void 0 ? void 0 : _v.header_for_categories_list) ||
+                headerForCategoriesList: ((_x = (_w = settings.landing_page) === null || _w === void 0 ? void 0 : _w.section_category) === null || _x === void 0 ? void 0 : _x.header_for_categories_list) ||
                     '',
-                categories: ((_y = (_x = (_w = settings.landing_page) === null || _w === void 0 ? void 0 : _w.section_category) === null || _x === void 0 ? void 0 : _x.category) === null || _y === void 0 ? void 0 : _y.map((category) => formatCategory(category))) || [],
+                categories: ((_0 = (_z = (_y = settings.landing_page) === null || _y === void 0 ? void 0 : _y.section_category) === null || _z === void 0 ? void 0 : _z.category) === null || _0 === void 0 ? void 0 : _0.map((category) => formatCategory(category))) || [],
             } }), (() => {
             var _a;
             const sectionArticle = formatHelloWellnessSectionArticle((_a = settings.landing_page) === null || _a === void 0 ? void 0 : _a.section_article);
             return sectionArticle ? { sectionArticle } : {};
         })()),
         pinArticleForEachCategory: {
-            sponsorLogo: ((_z = settings.pin_article_for_each_category) === null || _z === void 0 ? void 0 : _z.sponsor_logo) || '',
-            listCategories: ((_1 = (_0 = settings.pin_article_for_each_category) === null || _0 === void 0 ? void 0 : _0.list_categories) === null || _1 === void 0 ? void 0 : _1.map(formatHelloWellnessPinCategoryItem).filter(Boolean)) || [],
+            sponsorLogo: ((_1 = settings.pin_article_for_each_category) === null || _1 === void 0 ? void 0 : _1.sponsor_logo) || '',
+            listCategories: ((_3 = (_2 = settings.pin_article_for_each_category) === null || _2 === void 0 ? void 0 : _2.list_categories) === null || _3 === void 0 ? void 0 : _3.map(formatHelloWellnessPinCategoryItem).filter(Boolean)) || [],
         },
     };
 };
@@ -3416,12 +3416,6 @@ const StyledContainer = styled.div `
     --amp-site-wide-closed: 66px;
   }
   pointer-events: none;
-  > section
-    *:not([data-cart-menu] *):not([data-search-animation-wrapper] *):not(
-      [data-search-animation-wrapper]
-    ) {
-    pointer-events: auto;
-  }
 `;
 
 const _NavigationV2 = (props) => {

package/build/esm/{index-ea03c69a.js → index-4dd9eba4.js}

@@ -2,10 +2,10 @@ import * as React from 'react';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-b16bb0e1.js';
+import { T as Text } from './index-eea4081d.js';
 import classNames from 'classnames';
-import { I as ImageWrap } from './index-25ac8e4b.js';
-import { T as Text$1 } from './index-a1cee81d.js';
+import { I as ImageWrap } from './index-b75cb909.js';
+import { T as Text$1 } from './index-778adb1e.js';
 
 /* eslint-disable prettier/prettier */
 const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),

package/build/esm/{index-0f21bdae.js → index-5606afb9.js}

@@ -1,6 +1,6 @@
-import { a as __rest } from './tslib.es6-f6bfb9bf.js';
+import { a as __rest } from './tslib.es6-8ec24ff1.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-dcd6cab1.js';
+import { T as TogetherComponentGlobalContext } from './utils-9c8af8c7.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-4a77bb1c.js → index-5b03f045.js}

@@ -1,20 +1,20 @@
-import { a as __rest, _ as __awaiter } from './tslib.es6-f6bfb9bf.js';
+import { a as __rest, _ as __awaiter } from './tslib.es6-8ec24ff1.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown, CaretDown as CaretDown$1 } from '@hhgtech/icons/other';
 import { createStyles, rem, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, Flex, clsx, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Stack, Group, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-f4cccf10.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-48170ed0.js';
-import { u as useScreenSize, I as ImageWrap } from './index-25ac8e4b.js';
+import { C as CommonGAssets } from './index-a63e9dda.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-68110318.js';
+import { u as useScreenSize, I as ImageWrap } from './index-b75cb909.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-a1cee81d.js';
-import { t as themeColors } from './index-a7c159c2.js';
+import { T as Text } from './index-778adb1e.js';
+import { t as themeColors } from './index-4446c376.js';
 import { theme } from './miscTheme.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-70d252a5.js';
+import { a as useUniqueId } from './useUniqueId-ea9d8ce4.js';
 import { siteOptions } from './constantsSite.js';
 import { Search, Check, Plus } from '@hhgtech/icons/core';
 import debounce from 'lodash/debounce';
@@ -22,11 +22,11 @@ import throttle from 'lodash/throttle';
 import { getCountryCallingCode } from 'react-phone-number-input';
 import Flags from 'react-phone-number-input/flags';
 import { Drawer } from 'vaul';
-import { A as ANIMATION_DURATION } from './shared-777ef9ea.js';
+import { A as ANIMATION_DURATION } from './shared-e1f77fcb.js';
 import { css } from '@emotion/react';
-import { u as useTranslations } from './index-8c4842db.js';
-import { c as ZINDEX_SSO } from './index-46c7ea72.js';
-import { B as Button } from './index-2893d38a.js';
+import { u as useTranslations } from './index-689f8290.js';
+import { c as ZINDEX_SSO } from './index-a43c5e07.js';
+import { B as Button } from './index-fb5e2812.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;
@@ -3021,6 +3021,7 @@ function CountrySelectWithIcon(_a) {
         onChange(value === 'ZZ' ? undefined : value);
     }, [onChange]);
     const countryDivRef = React__default.useRef(null);
+    const searchInputRef = React__default.useRef(null);
     const [filteredOptions, setFilteredOptions] = useState(() => options.filter((o) => o.value));
     const debounceSearch = useMemo(() => debounce((search, options) => {
         if (!search)
@@ -3064,8 +3065,14 @@ function CountrySelectWithIcon(_a) {
                 passive: true,
             });
             positionCountrySelect();
+            // Delay so drawer/modal can mount before focusing the search input
+            const focusTimer = window.setTimeout(() => {
+                var _a;
+                (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 200);
             return () => {
                 window.removeEventListener('resize', throttled);
+                window.clearTimeout(focusTimer);
             };
         }
     }, [open]);
@@ -3077,7 +3084,9 @@ function CountrySelectWithIcon(_a) {
     const SelectCountryContent = (React__default.createElement(Stack, { spacing: 24 },
         React__default.createElement(Stack, { spacing: 8 },
             React__default.createElement(Text, { size: "s4" }, t('ssov2.first.country.code')),
-            React__default.createElement(Input, { size: "lg", placeholder: t('ssov2.first.search.country.placeholder'), icon: React__default.createElement(Search, null), value: search, onChange: (value) => setSearch(value) })),
+            React__default.createElement(Input, { ref: searchInputRef, size: "lg", placeholder: t('ssov2.first.search.country.placeholder'), icon: React__default.createElement(Search, null), value: search, onChange: (value) => setSearch(value), onClick: (e) => {
+                    e.stopPropagation();
+                } })),
         !!(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) && (React__default.createElement(Stack, { spacing: 0 },
             React__default.createElement(Text, { size: "s4" }, t('ssov2.first.search.country.selected')),
             React__default.createElement(SelectCountryItem, { option: selectedOption, onSelect: (option) => {

package/build/esm/{index-c6e8e4e7.js → index-5c71dafe.js}

@@ -1,26 +1,26 @@
-import { a as __rest } from './tslib.es6-f6bfb9bf.js';
+import { a as __rest } from './tslib.es6-8ec24ff1.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-5020a411.js';
-import { L as LOCALE } from './index-3c5baf14.js';
+import { L as LastPeriod } from './LastPeriod-17983800.js';
+import { L as LOCALE } from './index-4fb882a5.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-4a77bb1c.js';
-import { D as DatePicker } from './index-e672eaf4.js';
-import { T as Text } from './index-a1cee81d.js';
-import './index-2893d38a.js';
-import './index-48170ed0.js';
-import './index.styles-7b3e3e63.js';
-import { u as useTranslations } from './index-8c4842db.js';
+import { R as Radio, I as Input, S as Select } from './index-5b03f045.js';
+import { D as DatePicker } from './index-cc26530a.js';
+import { T as Text } from './index-778adb1e.js';
+import './index-fb5e2812.js';
+import './index-68110318.js';
+import './index.styles-83fa1b1f.js';
+import { u as useTranslations } from './index-689f8290.js';
 import '@mantine/hooks';
-import './index-a7c159c2.js';
-import './utils-94feeda9.js';
-import './index-8e8b6166.js';
-import { H as HealthToolFormWrapper } from './index-d9fc76b7.js';
+import './index-4446c376.js';
+import './utils-e1dd1c18.js';
+import './index-0a2a56d8.js';
+import { H as HealthToolFormWrapper } from './index-2db7bd81.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-7cd89f8f.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-46c7ea72.js';
+import { C as CardWrapperContext } from './context-a71ecb0d.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-a43c5e07.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-dbf5f549.js → index-614bf8d6.js}

@@ -1,21 +1,21 @@
-import { a as __rest, _ as __awaiter } from './tslib.es6-f6bfb9bf.js';
+import { a as __rest, _ as __awaiter } from './tslib.es6-8ec24ff1.js';
 import * as React from 'react';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-7debec9e.js';
-import { A as Avatar } from './index-4a77bb1c.js';
-import { B as Button } from './index-2893d38a.js';
-import { T as Text } from './index-a1cee81d.js';
-import { u as useTranslations } from './index-8c4842db.js';
-import { C as CommonGAssets } from './index-f4cccf10.js';
+import { S as Spinner } from './Spinner-5d699f7c.js';
+import { A as Avatar } from './index-5b03f045.js';
+import { B as Button } from './index-fb5e2812.js';
+import { T as Text } from './index-778adb1e.js';
+import { u as useTranslations } from './index-689f8290.js';
+import { C as CommonGAssets } from './index-a63e9dda.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-94feeda9.js';
+import { M as MediaQueries } from './utils-e1dd1c18.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import classNames from 'classnames';
-import { C as CARE_LOCALES, d as CARE_BOOKING_LOCALES, a as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, V as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE, e as LOCALE_HAS_CART_CARE_SITE } from './index-46c7ea72.js';
-import { d as domainLocalesMarryBaby } from './utils-dcd6cab1.js';
-import { b as getCurrentBaseUrl, c as getCurrentSsoUrl, w as withLocalePathPrefix, d as getTogetherApiDomain, e as getDiscoverApiDomain } from './routing-933b5c77.js';
+import { C as CARE_LOCALES, d as CARE_BOOKING_LOCALES, a as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, V as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE, e as LOCALE_HAS_CART_CARE_SITE } from './index-a43c5e07.js';
+import { d as domainLocalesMarryBaby } from './utils-9c8af8c7.js';
+import { b as getCurrentBaseUrl, c as getCurrentSsoUrl, w as withLocalePathPrefix, d as getTogetherApiDomain, e as getDiscoverApiDomain } from './routing-a87b5a72.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-3f2041fc.js → index-61ba7a07.js}

@@ -1,24 +1,24 @@
-import { a as __rest } from './tslib.es6-f6bfb9bf.js';
+import { a as __rest } from './tslib.es6-8ec24ff1.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-4a77bb1c.js';
-import { D as DatePicker } from './index-e672eaf4.js';
-import { T as Text } from './index-a1cee81d.js';
-import './index-2893d38a.js';
+import { I as Input } from './index-5b03f045.js';
+import { D as DatePicker } from './index-cc26530a.js';
+import { T as Text } from './index-778adb1e.js';
+import './index-fb5e2812.js';
 import { theme } from './miscTheme.js';
-import './index-48170ed0.js';
-import './index.styles-7b3e3e63.js';
-import { u as useTranslations } from './index-8c4842db.js';
+import './index-68110318.js';
+import './index.styles-83fa1b1f.js';
+import { u as useTranslations } from './index-689f8290.js';
 import '@mantine/hooks';
-import './index-a7c159c2.js';
-import './utils-94feeda9.js';
-import './index-8e8b6166.js';
-import { C as CardWrapperContext } from './context-7cd89f8f.js';
-import { I as INPUT_RANGE } from './constants-0bfe9616.js';
-import { H as HealthToolFormWrapper } from './index-d9fc76b7.js';
-import { G as GenderOptionControl } from './index-3108d6d1.js';
-import { L as LOCALE } from './index-3c5baf14.js';
+import './index-4446c376.js';
+import './utils-e1dd1c18.js';
+import './index-0a2a56d8.js';
+import { C as CardWrapperContext } from './context-a71ecb0d.js';
+import { I as INPUT_RANGE } from './constants-54dc9c16.js';
+import { H as HealthToolFormWrapper } from './index-2db7bd81.js';
+import { G as GenderOptionControl } from './index-21936404.js';
+import { L as LOCALE } from './index-4fb882a5.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-e1746682.js → index-67ccbf1b.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-f9740ffe.js';
-import { u as useTranslations } from './index-8c4842db.js';
+import { B as Button } from './index-279ba381.js';
+import { u as useTranslations } from './index-689f8290.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-8c4842db.js → index-689f8290.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-fe861d36.js';
+import { T as TranslationsContext } from './translationsContext-e80e1a7f.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {

package/build/esm/{index-34f9398f.js → index-6951751f.js}

@@ -1,26 +1,26 @@
-import { a as __rest } from './tslib.es6-f6bfb9bf.js';
+import { a as __rest } from './tslib.es6-8ec24ff1.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-fb5de15e.js';
-import { u as useTranslations } from './index-8c4842db.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-a6501a9c.js';
-import { I as Input } from './index-4a77bb1c.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-b2d67311.js';
+import { u as useTranslations } from './index-689f8290.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-2d90e3fc.js';
+import { I as Input } from './index-5b03f045.js';
 import '@mantine/dates';
-import './index-46c7ea72.js';
-import './index-3c5baf14.js';
-import './index-f4cccf10.js';
-import './index-a7c159c2.js';
-import { T as Text } from './index-a1cee81d.js';
-import './index-2893d38a.js';
-import './index-48170ed0.js';
-import './index.styles-7b3e3e63.js';
+import './index-a43c5e07.js';
+import './index-4fb882a5.js';
+import './index-a63e9dda.js';
+import './index-4446c376.js';
+import { T as Text } from './index-778adb1e.js';
+import './index-fb5e2812.js';
+import './index-68110318.js';
+import './index.styles-83fa1b1f.js';
 import '@mantine/hooks';
-import './utils-94feeda9.js';
-import './index-8e8b6166.js';
-import { C as CardWrapperContext } from './context-7cd89f8f.js';
-import { H as HealthToolFormWrapper } from './index-d9fc76b7.js';
-import { I as INPUT_RANGE } from './constants-0bfe9616.js';
+import './utils-e1dd1c18.js';
+import './index-0a2a56d8.js';
+import { C as CardWrapperContext } from './context-a71ecb0d.js';
+import { H as HealthToolFormWrapper } from './index-2db7bd81.js';
+import { I as INPUT_RANGE } from './constants-54dc9c16.js';
 import { getDomainByLocale } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-1a3c7693.js → index-69cf6ccd.js}

@@ -1,12 +1,12 @@
-import { a as __rest, _ as __awaiter } from './tslib.es6-f6bfb9bf.js';
+import { a as __rest, _ as __awaiter } from './tslib.es6-8ec24ff1.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-8c4842db.js';
+import { u as useTranslations } from './index-689f8290.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-58daa3cf.js';
-import { L as LOCALIZED_SLUGS } from './constants-408ec876.js';
-import { B as Button } from './index-2893d38a.js';
-import './index-46c7ea72.js';
-import { c as callApi, b as getCarePath } from './utils-dcd6cab1.js';
+import { P as PATHS } from './paths-b3251b7d.js';
+import { L as LOCALIZED_SLUGS } from './constants-703c9ea4.js';
+import { B as Button } from './index-fb5e2812.js';
+import './index-a43c5e07.js';
+import { c as callApi, b as getCarePath } from './utils-9c8af8c7.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-fa07369c.js → index-6f4e1909.js}

@@ -1,7 +1,7 @@
-import { a as __rest } from './tslib.es6-f6bfb9bf.js';
+import { a as __rest } from './tslib.es6-8ec24ff1.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-7b3e3e63.js';
+import { u as useStyles } from './index.styles-83fa1b1f.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-a6e571fc.js → index-73386200.js}

@@ -1,9 +1,9 @@
-import { a as __rest } from './tslib.es6-f6bfb9bf.js';
+import { a as __rest } from './tslib.es6-8ec24ff1.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-94feeda9.js';
+import { M as MediaQueries } from './utils-e1dd1c18.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-94316b2e.js → index-7477b7a4.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-13b54750.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-94feeda9.js';
-import { u as useTranslations } from './index-8c4842db.js';
-import { T as TogetherComponentGlobalContext } from './utils-dcd6cab1.js';
+import { H as Heading } from './index-02fde41c.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-e1dd1c18.js';
+import { u as useTranslations } from './index-689f8290.js';
+import { T as TogetherComponentGlobalContext } from './utils-9c8af8c7.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-a1cee81d.js';
+import { T as Text } from './index-778adb1e.js';
 import styled from '@emotion/styled';
-import { a as __rest } from './tslib.es6-f6bfb9bf.js';
+import { a as __rest } from './tslib.es6-8ec24ff1.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-56380973.js → index-768f6dc8.js}

@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import styled from '@emotion/styled';
 import { Box } from '@mantine/core';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-94feeda9.js';
-import { u as useTranslations } from './index-8c4842db.js';
-import { T as Text } from './index-a1cee81d.js';
+import { M as MediaQueries } from './utils-e1dd1c18.js';
+import { u as useTranslations } from './index-689f8290.js';
+import { T as Text } from './index-778adb1e.js';
 
 /* eslint-disable prettier/prettier */
 const ShoppingCartCare = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),

package/build/esm/{index-a1cee81d.js → index-778adb1e.js}

@@ -1,7 +1,7 @@
-import { a as __rest } from './tslib.es6-f6bfb9bf.js';
+import { a as __rest } from './tslib.es6-8ec24ff1.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-48170ed0.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-68110318.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-61195fc1.js → index-7ae18d58.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-f9740ffe.js';
-import { T as TogetherComponentGlobalContext } from './utils-dcd6cab1.js';
+import { B as Button } from './index-279ba381.js';
+import { T as TogetherComponentGlobalContext } from './utils-9c8af8c7.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';