@hhgtech/hhg-components 1.29.488-beta-1 → 1.29.488-beta-3

package/build/esm/{index-8628e704.js → index-7fa0af59.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-534fb60b.js';
+import { _ as __rest } from './tslib.es6-7bdc7d93.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-5bf0841f.js';
+import './index-b02a0564.js';
 import '@mantine/dates';
-import './index-33eca899.js';
-import './index-768cd3ba.js';
-import './index-f63f72a3.js';
-import './index-35a24b49.js';
-import { T as Text } from './index-d75dfe57.js';
-import './index-47d711f9.js';
-import { F as FontWeight } from './index-e568f35c.js';
-import './index.styles-abe9fcce.js';
-import { u as useTranslations } from './index-26c7d66b.js';
+import './index-6935afda.js';
+import './index-d76adba9.js';
+import './index-68706077.js';
+import './index-48fa877d.js';
+import { T as Text } from './index-31bc1408.js';
+import './index-fe8add0b.js';
+import { F as FontWeight } from './index-04ff3bc1.js';
+import './index.styles-85486ae1.js';
+import { u as useTranslations } from './index-737826d9.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-976b3f49.js';
-import './index-34b321b1.js';
-import { C as CardWrapperContext } from './context-fd3d5e5f.js';
+import { M as MediaQueries } from './utils-99b1c4b5.js';
+import './index-3ed0ce6b.js';
+import { C as CardWrapperContext } from './context-3f04503e.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';
@@ -236,7 +236,7 @@ const Body = (_a) => {
 var useStyles = createStyles((theme, { isPregTool, variant }) => {
     const isMarryBaby = theme.other.template === 'mb';
     return {
-        root: Object.assign(Object.assign({ display: 'flex', flexDirection: 'column', borderRadius: rem(isMarryBaby ? 16 : 8) }, (variant === 'default' && {
+        root: Object.assign(Object.assign(Object.assign({ display: 'flex', flexDirection: 'column', borderRadius: rem(isMarryBaby ? 16 : 8) }, (variant === 'default' && {
             backgroundColor: '#fff',
             border: `1px solid ${isMarryBaby
                 ? theme.colors.mb[2]
@@ -245,15 +245,20 @@ var useStyles = createStyles((theme, { isPregTool, variant }) => {
                     : theme.colors.blue[2]}`,
         })), (variant === 'gray' && {
             backgroundColor: theme.colors.neutral[0],
+        })), (variant === 'violet' && {
+            backgroundColor: theme.colors.violet[0],
         })),
         submitBtn: {},
         bodyWrapper: {},
         scrollAreaWrapper: {},
-        bannerWrapper: Object.assign({}, (variant === 'gray' && {
+        bannerWrapper: Object.assign(Object.assign({}, (variant === 'gray' && {
+            backgroundColor: 'transparent',
+            padding: `${rem(16)} ${rem(16)} 0`,
+        })), (variant === 'violet' && {
             backgroundColor: 'transparent',
             padding: `${rem(16)} ${rem(16)} 0`,
         })),
-        bannerHeading: Object.assign({}, (variant === 'gray' && {
+        bannerHeading: Object.assign({}, ((variant === 'gray' || variant === 'violet') && {
             fontSize: rem(20),
             lineHeight: rem(28),
             fontWeight: FontWeight.semiBold,
@@ -262,7 +267,7 @@ var useStyles = createStyles((theme, { isPregTool, variant }) => {
                 lineHeight: rem(24),
             },
         })),
-        bannerReviewText: Object.assign({}, (variant === 'gray' && {
+        bannerReviewText: Object.assign({}, ((variant === 'gray' || variant === 'violet') && {
             fontSize: rem(14),
             lineHeight: rem(22),
             [theme.fn.smallerThan('sm')]: {
@@ -270,7 +275,7 @@ var useStyles = createStyles((theme, { isPregTool, variant }) => {
                 lineHeight: rem(18),
             },
         })),
-        submitWrapper: Object.assign({ [theme.fn.smallerThan('sm')]: {
+        submitWrapper: Object.assign(Object.assign({ [theme.fn.smallerThan('sm')]: {
                 button: {
                     width: '100%',
                 },
@@ -281,8 +286,17 @@ var useStyles = createStyles((theme, { isPregTool, variant }) => {
             button: {
                 marginTop: 10,
             },
+        })), (variant === 'violet' && {
+            backgroundColor: theme.colors.violet[0],
+            button: {
+                marginTop: 10,
+            },
+        })),
+        newsletterBlock: Object.assign(Object.assign({}, (variant === 'gray' && {
+            backgroundColor: theme.colors.neutral[0],
+        })), (variant === 'violet' && {
+            backgroundColor: theme.colors.violet[0],
         })),
-        newsletterBlock: {},
     };
 });
 

package/build/esm/{index-3a0b26aa.js → index-83cb52b0.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-e568f35c.js';
-import { _ as __rest } from './tslib.es6-534fb60b.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-04ff3bc1.js';
+import { _ as __rest } from './tslib.es6-7bdc7d93.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-87140cbf.js → index-84bcf3e2.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-534fb60b.js';
+import { _ as __rest } from './tslib.es6-7bdc7d93.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-33eca899.js';
-import './index-768cd3ba.js';
-import { C as CommonGAssets } from './index-f63f72a3.js';
-import { M as MAPPED_LOCALE } from './index-35a24b49.js';
-import { L as LOCALE } from './Locale-79fe819f.js';
+import { I as ISO_FORMAT } from './index-6935afda.js';
+import './index-d76adba9.js';
+import { C as CommonGAssets } from './index-68706077.js';
+import { M as MAPPED_LOCALE } from './index-48fa877d.js';
+import { L as LOCALE } from './Locale-3f2acc7c.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-2def82af.js → index-87387ae1.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-5bf0841f.js';
+import { F as Flag } from './index-b02a0564.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-d75dfe57.js';
-import { C as CommonGAssets } from './index-f63f72a3.js';
-import { _ as __rest } from './tslib.es6-534fb60b.js';
-import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-33eca899.js';
-import { V as VideoType } from './index-768cd3ba.js';
+import { T as Text } from './index-31bc1408.js';
+import { C as CommonGAssets } from './index-68706077.js';
+import { _ as __rest } from './tslib.es6-7bdc7d93.js';
+import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-6935afda.js';
+import { V as VideoType } from './index-d76adba9.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-15dc9bc2.js';
-import { u as useTranslations } from './index-26c7d66b.js';
+import { a as abbreviateNumber } from './number-41331506.js';
+import { u as useTranslations } from './index-737826d9.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-f31554d9.js';
-import { S as SocialLinkPreview } from './index-5fedf033.js';
+import { M as Modal } from './index-ca30ad4c.js';
+import { S as SocialLinkPreview } from './index-8eb61b83.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-755e1e88.js → index-8cf4c001.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-534fb60b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-7bdc7d93.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-26c7d66b.js';
+import { u as useTranslations } from './index-737826d9.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-16f78562.js';
-import { L as LOCALIZED_SLUGS } from './constants-42113a68.js';
-import { B as Button } from './index-47d711f9.js';
-import './index-33eca899.js';
-import { c as callApi, g as getCarePath } from './utils-d2b04bb0.js';
+import { P as PATHS } from './paths-30ee7933.js';
+import { L as LOCALIZED_SLUGS } from './constants-8159ce23.js';
+import { B as Button } from './index-fe8add0b.js';
+import './index-6935afda.js';
+import { c as callApi, g as getCarePath } from './utils-98621e43.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-5fedf033.js → index-8eb61b83.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-534fb60b.js';
+import { a as __awaiter } from './tslib.es6-7bdc7d93.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-acedfc74.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-d2b04bb0.js';
+import { I as ImageWrap } from './index-bdcdf21c.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-98621e43.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-47af98fa.js';
-import { y as youtubeVidIdGetter } from './post-be089411.js';
-import { L as Loading } from './index-dd28f6bb.js';
+import { D as DEFAULT_IMG } from './constants-de6a8174.js';
+import { y as youtubeVidIdGetter } from './post-c96de656.js';
+import { L as Loading } from './index-fbec6232.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-5c80544f.js → index-9051f92b.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-534fb60b.js';
+import { _ as __rest } from './tslib.es6-7bdc7d93.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-5bf0841f.js';
-import { D as DatePicker } from './index-87140cbf.js';
-import { T as Text } from './index-d75dfe57.js';
-import './index-47d711f9.js';
-import './index-e568f35c.js';
-import './index.styles-abe9fcce.js';
-import { u as useTranslations } from './index-26c7d66b.js';
+import { I as Input } from './index-b02a0564.js';
+import { D as DatePicker } from './index-84bcf3e2.js';
+import { T as Text } from './index-31bc1408.js';
+import './index-fe8add0b.js';
+import './index-04ff3bc1.js';
+import './index.styles-85486ae1.js';
+import { u as useTranslations } from './index-737826d9.js';
 import '@mantine/hooks';
-import './index-35a24b49.js';
-import './utils-976b3f49.js';
-import './index-34b321b1.js';
-import { C as CardWrapperContext } from './context-fd3d5e5f.js';
-import { I as INPUT_RANGE } from './constants-926e04d1.js';
-import { H as HealthToolFormWrapper } from './index-ebfc37c0.js';
-import { G as GenderOptionControl } from './index-3394489d.js';
-import { L as LOCALE } from './Locale-79fe819f.js';
+import './index-48fa877d.js';
+import './utils-99b1c4b5.js';
+import './index-3ed0ce6b.js';
+import { C as CardWrapperContext } from './context-3f04503e.js';
+import { I as INPUT_RANGE } from './constants-f2e2da11.js';
+import { H as HealthToolFormWrapper } from './index-31bd023c.js';
+import { G as GenderOptionControl } from './index-438de55d.js';
+import { L as LOCALE } from './Locale-3f2acc7c.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-72f6aa28.js → index-954bc6e8.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-534fb60b.js';
+import { _ as __rest } from './tslib.es6-7bdc7d93.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-976b3f49.js';
+import { M as MediaQueries } from './utils-99b1c4b5.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-77774fd9.js → index-97bb3485.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-90912d00.js';
+import { C as Container } from './index-6bf4b952.js';
 import dayjs from 'dayjs';
-import './index-33eca899.js';
-import './index-5bf0841f.js';
+import './index-6935afda.js';
+import './index-b02a0564.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-768cd3ba.js';
-import './index-f63f72a3.js';
-import './index-35a24b49.js';
-import { T as Text } from './index-d75dfe57.js';
-import './index-47d711f9.js';
-import './index-e568f35c.js';
-import './index.styles-abe9fcce.js';
-import './translationsContext-df3bba8b.js';
+import './index-d76adba9.js';
+import './index-68706077.js';
+import './index-48fa877d.js';
+import { T as Text } from './index-31bc1408.js';
+import './index-fe8add0b.js';
+import './index-04ff3bc1.js';
+import './index.styles-85486ae1.js';
+import './translationsContext-3963fdf8.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-976b3f49.js';
-import './index-34b321b1.js';
-import { u as useScreenSize } from './index-acedfc74.js';
+import { M as MediaQueries } from './utils-99b1c4b5.js';
+import './index-3ed0ce6b.js';
+import { u as useScreenSize } from './index-bdcdf21c.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-86ca1e59.js';
-import { M as MarryBabyText } from './index-f8ea949a.js';
+import { L as Logo } from './index-b69daa42.js';
+import { M as MarryBabyText } from './index-ff688799.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-0d4263c5.js → index-995956b2.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-534fb60b.js';
+import { _ as __rest } from './tslib.es6-7bdc7d93.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-768cd3ba.js';
+import './index-d76adba9.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-f63f72a3.js';
+import { C as CommonGAssets } from './index-68706077.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-acedfc74.js';
-import { T as Text } from './index-fe6bbba8.js';
-import { L as LOCALE } from './Locale-79fe819f.js';
-import { e as CentralCarousel } from './index-5bf0841f.js';
+import { I as ImageWrap } from './index-bdcdf21c.js';
+import { T as Text } from './index-5aff2cfa.js';
+import { L as LOCALE } from './Locale-3f2acc7c.js';
+import { e as CentralCarousel } from './index-b02a0564.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-2cc1d845.js → index-a096a107.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-534fb60b.js';
+import { _ as __rest } from './tslib.es6-7bdc7d93.js';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-33eca899.js';
+import { Z as ZINDEX_SSO } from './index-6935afda.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-3077ac2c.js → index-a6200a6b.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-534fb60b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-7bdc7d93.js';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-ad8ca74b.js';
-import { a as Avatar } from './index-5bf0841f.js';
-import { B as Button } from './index-47d711f9.js';
-import { T as Text } from './index-d75dfe57.js';
-import { u as useTranslations } from './index-26c7d66b.js';
-import { C as CommonGAssets } from './index-f63f72a3.js';
+import { S as Spinner } from './Spinner-ca71398c.js';
+import { a as Avatar } from './index-b02a0564.js';
+import { B as Button } from './index-fe8add0b.js';
+import { T as Text } from './index-31bc1408.js';
+import { u as useTranslations } from './index-737826d9.js';
+import { C as CommonGAssets } from './index-68706077.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-976b3f49.js';
+import { M as MediaQueries } from './utils-99b1c4b5.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import classNames from 'classnames';
-import { e as CARE_LOCALES, f as CARE_BOOKING_LOCALES, d as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, c as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE } from './index-33eca899.js';
-import { i as domainLocalesMarryBaby } from './utils-d2b04bb0.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-b00abe15.js';
+import { e as CARE_LOCALES, f as CARE_BOOKING_LOCALES, d as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, c as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE } from './index-6935afda.js';
+import { i as domainLocalesMarryBaby } from './utils-98621e43.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-d3115c25.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-d0325f12.js → index-ac805ea3.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-534fb60b.js';
+import { a as __awaiter } from './tslib.es6-7bdc7d93.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-b00abe15.js';
-import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-33eca899.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-d3115c25.js';
+import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-6935afda.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-79fe819f.js';
+import { L as LOCALE } from './Locale-3f2acc7c.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-d6dac1f9.js → index-adae2718.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-976b3f49.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-99b1c4b5.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-534fb60b.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-72f6aa28.js';
-import { I as Input } from './index-5bf0841f.js';
+import { _ as __rest } from './tslib.es6-7bdc7d93.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-954bc6e8.js';
+import { I as Input } from './index-b02a0564.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-33eca899.js';
-import './index-768cd3ba.js';
-import './index-f63f72a3.js';
-import './index-35a24b49.js';
-import './index-d75dfe57.js';
-import './index-47d711f9.js';
-import './index-e568f35c.js';
-import './index.styles-abe9fcce.js';
-import './translationsContext-df3bba8b.js';
+import './index-6935afda.js';
+import './index-d76adba9.js';
+import './index-68706077.js';
+import './index-48fa877d.js';
+import './index-31bc1408.js';
+import './index-fe8add0b.js';
+import './index-04ff3bc1.js';
+import './index.styles-85486ae1.js';
+import './translationsContext-3963fdf8.js';
 import '@mantine/hooks';
-import './index-34b321b1.js';
+import './index-3ed0ce6b.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),

package/build/esm/{index-5bf0841f.js → index-b02a0564.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-534fb60b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-7bdc7d93.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } 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, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-f63f72a3.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-e568f35c.js';
-import { u as useScreenSize, I as ImageWrap } from './index-acedfc74.js';
+import { C as CommonGAssets } from './index-68706077.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-04ff3bc1.js';
+import { u as useScreenSize, I as ImageWrap } from './index-bdcdf21c.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-d75dfe57.js';
-import { t as themeColors } from './index-35a24b49.js';
+import { T as Text } from './index-31bc1408.js';
+import { t as themeColors } from './index-48fa877d.js';
 import { theme } from './miscTheme.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-deba22c5.js';
+import { a as useUniqueId } from './useUniqueId-c03edd0e.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-47d711f9.js';
+import { B as Button } from './index-fe8add0b.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-11602135.js → index-b4faa1b2.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-fefcf23a.js';
+import { u as useScrollbarSize } from './useScrollbarSize-f2eb5885.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-976b3f49.js';
+import { M as MediaQueries } from './utils-99b1c4b5.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-86ca1e59.js → index-b69daa42.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-79fe819f.js';
-import { C as CommonGAssets } from './index-f63f72a3.js';
+import { L as LOCALE } from './Locale-3f2acc7c.js';
+import { C as CommonGAssets } from './index-68706077.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-976b3f49.js';
-import { L as LogoIcon } from './logoIcon-2ea35058.js';
-import './index-768cd3ba.js';
-import { I as ImageWrap } from './index-acedfc74.js';
+import { M as MediaQueries } from './utils-99b1c4b5.js';
+import { L as LogoIcon } from './logoIcon-0034e67a.js';
+import './index-d76adba9.js';
+import { I as ImageWrap } from './index-bdcdf21c.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-11ce682d.js → index-b74cea86.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-ad8b86d9.js';
-import { u as useTranslations } from './index-26c7d66b.js';
+import { I as Icon } from './index-36ca6c49.js';
+import { u as useTranslations } from './index-737826d9.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-acedfc74.js → index-bdcdf21c.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-976b3f49.js';
-import { _ as __rest } from './tslib.es6-534fb60b.js';
+import { B as Breakpoints } from './utils-99b1c4b5.js';
+import { _ as __rest } from './tslib.es6-7bdc7d93.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-c352838f.js → index-bf17683b.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-534fb60b.js';
+import { _ as __rest } from './tslib.es6-7bdc7d93.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-fb09c42a.js';
-import { I as Input } from './index-5bf0841f.js';
-import { D as DatePicker } from './index-87140cbf.js';
-import { T as Text } from './index-d75dfe57.js';
-import './index-47d711f9.js';
-import './index-e568f35c.js';
-import './index.styles-abe9fcce.js';
-import { u as useTranslations } from './index-26c7d66b.js';
+import { L as LastPeriod } from './LastPeriod-837493eb.js';
+import { I as Input } from './index-b02a0564.js';
+import { D as DatePicker } from './index-84bcf3e2.js';
+import { T as Text } from './index-31bc1408.js';
+import './index-fe8add0b.js';
+import './index-04ff3bc1.js';
+import './index.styles-85486ae1.js';
+import { u as useTranslations } from './index-737826d9.js';
 import '@mantine/hooks';
-import './index-35a24b49.js';
-import './utils-976b3f49.js';
-import './index-34b321b1.js';
-import { C as CardWrapperContext } from './context-fd3d5e5f.js';
-import { H as HealthToolFormWrapper } from './index-ebfc37c0.js';
+import './index-48fa877d.js';
+import './utils-99b1c4b5.js';
+import './index-3ed0ce6b.js';
+import { C as CardWrapperContext } from './context-3f04503e.js';
+import { H as HealthToolFormWrapper } from './index-31bd023c.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-db007760.js → index-c35e70dc.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-534fb60b.js';
+import { _ as __rest } from './tslib.es6-7bdc7d93.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-d75dfe57.js';
-import { u as useTranslations } from './index-26c7d66b.js';
+import { T as Text } from './index-31bc1408.js';
+import { u as useTranslations } from './index-737826d9.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-83e69e33.js → index-c7f4201f.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-56f48598.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-33eca899.js';
-import { N as NodeIntentType } from './index-768cd3ba.js';
+import { c as cookie } from './index-73c003e7.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-6935afda.js';
+import { N as NodeIntentType } from './index-d76adba9.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-f31554d9.js → index-ca30ad4c.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-534fb60b.js';
+import { _ as __rest } from './tslib.es6-7bdc7d93.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-abe9fcce.js';
+import { u as useStyles } from './index.styles-85486ae1.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);
@@ -10,7 +10,7 @@ const Modal = (_a) => {
         styles,
         classNames,
     });
-    return (React__default.createElement(Modal$1, Object.assign({ centered: true, classNames: classes, transitionProps: Object.assign({ transition: 'fade' }, transitionProps) }, rest)));
+    return (React__default.createElement(Modal$1, Object.assign({ centered: true, classNames: classes, transitionProps: Object.assign({ transition: 'fade' }, transitionProps), trapFocus: false }, rest)));
 };
 
 export { Modal as M };

package/build/esm/{index-d4f79870.js → index-cee7a54b.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-fe6bbba8.js';
+import { T as Text } from './index-5aff2cfa.js';
 import classNames from 'classnames';
-import { I as ImageWrap } from './index-acedfc74.js';
-import { T as Text$1 } from './index-d75dfe57.js';
+import { I as ImageWrap } from './index-bdcdf21c.js';
+import { T as Text$1 } from './index-31bc1408.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),