@hhgtech/hhg-components 1.29.513 → 1.29.515-beta-1

package/build/esm/{index-4647eed1.js → index-71996cfb.js}

@@ -1,41 +1,41 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-bcc2ea80.js';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-977ec8c6.js';
-import { G as GA_TOKEN_COOKIE } from './index-e49c7ccd.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-cb547dc7.js';
+import { C as CommonGAssets } from './index-c05a8783.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-4024cb48.js';
+import { G as GA_TOKEN_COOKIE } from './index-d450d434.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-c4eacfbe.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-aff618f8.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-028e6484.js';
-import { I as ImageWrap } from './index-d64ef178.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-f3a5c656.js';
-import { u as useTranslations } from './index-745f3309.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ddbf91a2.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-bdf38f06.js';
+import { I as ImageWrap } from './index-2ace5bc2.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-415e7329.js';
+import { u as useTranslations } from './index-3e056fd5.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, g as ChipButton, I as Input, c as AspectRatio$1 } from './index-468e7084.js';
+import { d as Checkbox, g as ChipButton, I as Input, c as AspectRatio$1 } from './index-a9ee9469.js';
 import '@mantine/dates';
-import './index-30fb7945.js';
-import { t as themeColors } from './index-792be2dd.js';
-import { T as Text } from './index-809e3db8.js';
-import { B as Button } from './index-c9fb7924.js';
-import './index-8fe43e93.js';
-import './index.styles-e223f9fc.js';
+import './index-5a9c48c8.js';
+import { t as themeColors } from './index-da73c66c.js';
+import { T as Text } from './index-d7112617.js';
+import { B as Button } from './index-c3766a61.js';
+import './index-feedc71e.js';
+import './index.styles-ee2105d3.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-577eecc6.js';
-import './index-6c39410f.js';
+import './utils-414217a0.js';
+import './index-5419b806.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-ee8b92c3.js';
-import { H as Heading } from './index-93bfd4c2.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-60e5d487.js';
-import { I as Icon } from './index-a41fe7f7.js';
+import './translationsContext-6bbd1f0b.js';
+import { H as Heading } from './index-64fdd254.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-db025391.js';
+import { I as Icon } from './index-37c34ff6.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-eb102875.js';
-import { M as Modal } from './index-a3d58e6e.js';
+import { i as isVideo } from './index-ae1131a2.js';
+import { M as Modal } from './index-aa642de4.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-8be1d49a.js';
+import { L as LOCALE } from './Locale-cedb3ca0.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-c09bbd36.js → index-751660b3.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-1ed96629.js';
-import { T as Text } from './index-809e3db8.js';
+import { C as Container } from './index-c3a3d23d.js';
+import { T as Text } from './index-d7112617.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-bb76ecd4.js → index-775244e8.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-aff618f8.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ddbf91a2.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-745f3309.js';
+import { u as useTranslations } from './index-3e056fd5.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-eb4650d5.js';
-import { L as LOCALIZED_SLUGS } from './constants-4ce0f38a.js';
-import { B as Button } from './index-c9fb7924.js';
-import './index-e49c7ccd.js';
-import { c as callApi, g as getCarePath } from './utils-977ec8c6.js';
+import { P as PATHS } from './paths-dd10e088.js';
+import { L as LOCALIZED_SLUGS } from './constants-2ba9ff6e.js';
+import { B as Button } from './index-c3766a61.js';
+import './index-d450d434.js';
+import { c as callApi, g as getCarePath } from './utils-4024cb48.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-e71286f8.js → index-7cef55da.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-aff618f8.js';
+import { _ as __rest } from './tslib.es6-ddbf91a2.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-30fb7945.js';
+import './index-5a9c48c8.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-bcc2ea80.js';
+import { C as CommonGAssets } from './index-c05a8783.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-d64ef178.js';
-import { T as Text } from './index-9007afc3.js';
-import { L as LOCALE } from './Locale-8be1d49a.js';
-import { f as CentralCarousel } from './index-468e7084.js';
+import { I as ImageWrap } from './index-2ace5bc2.js';
+import { T as Text } from './index-9f2df0ea.js';
+import { L as LOCALE } from './Locale-cedb3ca0.js';
+import { f as CentralCarousel } from './index-a9ee9469.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-a11f62b7.js → index-7f0421a1.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-aff618f8.js';
+import { _ as __rest } from './tslib.es6-ddbf91a2.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-60e5d487.js';
-import { u as useTranslations } from './index-745f3309.js';
-import { C as CommonGAssets } from './index-bcc2ea80.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-b5b4f954.js';
-import { G as GenderOptionControl } from './index-0779ec52.js';
-import { I as Input, S as Select } from './index-468e7084.js';
-import { D as DatePicker } from './index-4e737701.js';
-import { T as Text } from './index-809e3db8.js';
-import './index-c9fb7924.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-db025391.js';
+import { u as useTranslations } from './index-3e056fd5.js';
+import { C as CommonGAssets } from './index-c05a8783.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-8fd0133f.js';
+import { G as GenderOptionControl } from './index-c2ec9419.js';
+import { I as Input, S as Select } from './index-a9ee9469.js';
+import { D as DatePicker } from './index-24852072.js';
+import { T as Text } from './index-d7112617.js';
+import './index-c3766a61.js';
 import '@mantine/core';
-import './index-8fe43e93.js';
-import './index.styles-e223f9fc.js';
+import './index-feedc71e.js';
+import './index.styles-ee2105d3.js';
 import '@mantine/hooks';
-import './index-792be2dd.js';
-import './utils-577eecc6.js';
-import './index-6c39410f.js';
-import './index-e49c7ccd.js';
-import { C as CardWrapperContext } from './context-6d594a28.js';
-import { H as HealthToolFormWrapper } from './index-280d5cc5.js';
+import './index-da73c66c.js';
+import './utils-414217a0.js';
+import './index-5419b806.js';
+import './index-d450d434.js';
+import { C as CardWrapperContext } from './context-a6f1b0c3.js';
+import { H as HealthToolFormWrapper } from './index-c8b5da2b.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-cec0052a.js → index-86372bc5.js}

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

package/build/esm/{index-d831a354.js → index-8b052ec6.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-aff618f8.js';
+import { _ as __rest } from './tslib.es6-ddbf91a2.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-809e3db8.js';
-import { u as useTranslations } from './index-745f3309.js';
+import { T as Text } from './index-d7112617.js';
+import { u as useTranslations } from './index-3e056fd5.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-7fcbb26f.js → index-8c30dec4.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-aff618f8.js';
+import { _ as __rest } from './tslib.es6-ddbf91a2.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-b9abc17c.js';
-import { I as Input } from './index-468e7084.js';
-import { D as DatePicker } from './index-4e737701.js';
-import { T as Text } from './index-809e3db8.js';
-import './index-c9fb7924.js';
-import './index-8fe43e93.js';
-import './index.styles-e223f9fc.js';
-import { u as useTranslations } from './index-745f3309.js';
+import { L as LastPeriod } from './LastPeriod-f05c4e1f.js';
+import { I as Input } from './index-a9ee9469.js';
+import { D as DatePicker } from './index-24852072.js';
+import { T as Text } from './index-d7112617.js';
+import './index-c3766a61.js';
+import './index-feedc71e.js';
+import './index.styles-ee2105d3.js';
+import { u as useTranslations } from './index-3e056fd5.js';
 import '@mantine/hooks';
-import './index-792be2dd.js';
-import './utils-577eecc6.js';
-import './index-6c39410f.js';
-import { C as CardWrapperContext } from './context-6d594a28.js';
-import { H as HealthToolFormWrapper } from './index-280d5cc5.js';
+import './index-da73c66c.js';
+import './utils-414217a0.js';
+import './index-5419b806.js';
+import { C as CardWrapperContext } from './context-a6f1b0c3.js';
+import { H as HealthToolFormWrapper } from './index-c8b5da2b.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-168e9841.js → index-8e09e771.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-8be1d49a.js';
-import { C as CommonGAssets } from './index-bcc2ea80.js';
+import { L as LOCALE } from './Locale-cedb3ca0.js';
+import { C as CommonGAssets } from './index-c05a8783.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-577eecc6.js';
-import { L as LogoIcon } from './logoIcon-e07de630.js';
-import './index-30fb7945.js';
-import { I as ImageWrap } from './index-d64ef178.js';
+import { M as MediaQueries } from './utils-414217a0.js';
+import { L as LogoIcon } from './logoIcon-aba046ea.js';
+import './index-5a9c48c8.js';
+import { I as ImageWrap } from './index-2ace5bc2.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-1e80ab14.js → index-934fe7b1.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-2951b804.js';
-import { H as Heading } from './index-93bfd4c2.js';
-import { T as Text } from './index-809e3db8.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-577eecc6.js';
+import { B as Button } from './index-a89f6f7e.js';
+import { H as Heading } from './index-64fdd254.js';
+import { T as Text } from './index-d7112617.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-414217a0.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-977ec8c6.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-4024cb48.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-aff618f8.js';
-import { I as Input } from './index-8ac8ad26.js';
-import { u as useTranslations } from './index-745f3309.js';
-import { e as formatComment } from './dataTransform-2411efc4.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-b5b4f954.js';
+import { a as __awaiter } from './tslib.es6-ddbf91a2.js';
+import { I as Input } from './index-f17fbbcc.js';
+import { u as useTranslations } from './index-3e056fd5.js';
+import { e as formatComment } from './dataTransform-6fe4d348.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-8fd0133f.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-3b03312b.js';
-import { C as CardLink } from './index-23a7eb4c.js';
-import { L as Loading } from './index-3c770aab.js';
-import { U as UserAvatar } from './index-308c10c2.js';
-import { R as RichTextEditor } from './editor-219deb17.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-df0151ee.js';
+import { C as CardLink } from './index-eb037bf0.js';
+import { L as Loading } from './index-70af1863.js';
+import { U as UserAvatar } from './index-ee197c14.js';
+import { R as RichTextEditor } from './editor-d4549ee8.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-8fb23c6c.js';
-import { C as CloseIcon } from './index-ea1508d7.js';
+import { P as Popup } from './index-59c95064.js';
+import { C as CloseIcon } from './index-5f707f79.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/index-95d33682.js

@@ -0,0 +1,103 @@
+import * as React from 'react';
+import React__default from 'react';
+import classNames from 'classnames';
+import styled from '@emotion/styled';
+import { Box } from '@mantine/core';
+import { M as MediaQueries } from './utils-414217a0.js';
+import { theme } from './miscTheme.js';
+import { u as useTranslations } from './index-3e056fd5.js';
+import { T as Text } from './index-d7112617.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),
+    React.createElement("path", { d: "M1.94434 1.94434L3.44545 2.31989C3.88211 2.42878 4.20989 2.791 4.27545 3.23656L5.55656 11.9454", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M16.9444 14.7218H4.99997C4.23331 14.7218 3.61108 14.0996 3.61108 13.3329C3.61108 12.5662 4.23331 11.944 4.99997 11.944H14.4766C14.9544 11.944 15.38 11.6385 15.5311 11.184L17.0122 6.73957C17.2522 6.01957 16.7166 5.27734 15.9578 5.27734H4.57553", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M4.16648 18.8891C4.93354 18.8891 5.55537 18.2673 5.55537 17.5002C5.55537 16.7332 4.93354 16.1113 4.16648 16.1113C3.39941 16.1113 2.77759 16.7332 2.77759 17.5002C2.77759 18.2673 3.39941 18.8891 4.16648 18.8891Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M15.8332 18.8891C16.6003 18.8891 17.2221 18.2673 17.2221 17.5002C17.2221 16.7332 16.6003 16.1113 15.8332 16.1113C15.0662 16.1113 14.4443 16.7332 14.4443 17.5002C14.4443 18.2673 15.0662 18.8891 15.8332 18.8891Z", fill: "currentColor" })));
+
+const StyledCartCareBox = styled(Box) `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  border: 1px solid #ffffff33;
+  position: relative;
+  flex-shrink: 0;
+  cursor: pointer;
+
+  /* Desktop: Square layout */
+  border-radius: 28px;
+  max-height: 40px;
+  padding: 9px 1rem;
+  background-color: inherit;
+  white-space: nowrap;
+
+  .cart-care-icon {
+    width: 20px;
+    height: 20px;
+    color: ${theme.colors.white};
+    flex-shrink: 0;
+  }
+
+  .cart-care-button-text {
+    display: block;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 22px;
+  }
+
+  /* Mobile: Circle layout */
+  ${MediaQueries.mbDown} {
+    border-radius: 100%;
+    aspect-ratio: 1/1;
+    width: 32px;
+    height: 32px;
+    padding: auto;
+    background-color: ${theme.colors.white};
+    max-height: none;
+    padding: 0;
+
+    .cart-care-icon {
+      width: 20px;
+      height: 20px;
+      color: ${theme.colors.blue900};
+      flex-shrink: 0;
+    }
+
+    .cart-care-button-text {
+      display: none;
+    }
+  }
+`;
+const StyledCartCareButtonCount = styled(Box) `
+  min-width: 20px;
+  min-height: 20px;
+  aspect-ratio: 1/1;
+  border-radius: 100%;
+  background-color: ${theme.colors.red500};
+  color: ${theme.colors.white};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  ${MediaQueries.mbDown} {
+    top: -8px;
+    right: -8px;
+  }
+`;
+
+const CartCareButton = (props) => {
+    const { count = 0, href, classes, boxProps, anchorProps, tracking } = props;
+    const { t } = useTranslations();
+    return (React__default.createElement("a", Object.assign({ className: classNames('cart-care-button'), href: href, "data-testid": "cart-care-button", "data-event-category": "Hamburger Navigation", "data-event-action": "Cart Click", "data-event-label": href }, tracking, anchorProps),
+        React__default.createElement(StyledCartCareBox, Object.assign({ className: classNames('cart-care-button-box', classes === null || classes === void 0 ? void 0 : classes.box) }, boxProps),
+            React__default.createElement(ShoppingCartCare, { className: "cart-care-icon" }),
+            React__default.createElement(Text, { size: "label1", color: theme.colors.white, fw: 500, className: "cart-care-button-text" }, t('navigation.button.cartCareService')),
+            count > 0 && (React__default.createElement(StyledCartCareButtonCount, { className: classNames('cart-care-button-count-box', classes === null || classes === void 0 ? void 0 : classes.count) },
+                React__default.createElement(Text, { size: count > 99 ? 'label2' : 'c1', color: theme.colors.white, fw: 600, className: "cart-care-button-count-text" }, count > 99 ? '99+' : count))))));
+};
+
+export { CartCareButton as C, ShoppingCartCare as S };

package/build/esm/{index-9007afc3.js → index-9f2df0ea.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-aff618f8.js';
+import { _ as __rest } from './tslib.es6-ddbf91a2.js';
 import React__default from 'react';
-import './index-468e7084.js';
+import './index-a9ee9469.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-e49c7ccd.js';
-import './index-30fb7945.js';
-import './index-bcc2ea80.js';
-import './index-792be2dd.js';
-import { T as Text$1 } from './index-809e3db8.js';
-import './index-c9fb7924.js';
-import './index-8fe43e93.js';
-import './index.styles-e223f9fc.js';
-import './translationsContext-ee8b92c3.js';
+import './index-d450d434.js';
+import './index-5a9c48c8.js';
+import './index-c05a8783.js';
+import './index-da73c66c.js';
+import { T as Text$1 } from './index-d7112617.js';
+import './index-c3766a61.js';
+import './index-feedc71e.js';
+import './index.styles-ee2105d3.js';
+import './translationsContext-6bbd1f0b.js';
 import '@mantine/hooks';
-import './utils-577eecc6.js';
-import './index-6c39410f.js';
+import './utils-414217a0.js';
+import './index-5419b806.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-1ab3b710.js → index-9f80f0fb.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-aff618f8.js';
+import { _ as __rest } from './tslib.es6-ddbf91a2.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-468e7084.js';
+import './index-a9ee9469.js';
 import '@mantine/dates';
-import './index-e49c7ccd.js';
-import './index-30fb7945.js';
-import './index-bcc2ea80.js';
-import './index-792be2dd.js';
-import { T as Text } from './index-809e3db8.js';
-import './index-c9fb7924.js';
-import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-8fe43e93.js';
-import './index.styles-e223f9fc.js';
-import { u as useTranslations } from './index-745f3309.js';
+import './index-d450d434.js';
+import './index-5a9c48c8.js';
+import './index-c05a8783.js';
+import './index-da73c66c.js';
+import { T as Text } from './index-d7112617.js';
+import './index-c3766a61.js';
+import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-feedc71e.js';
+import './index.styles-ee2105d3.js';
+import { u as useTranslations } from './index-3e056fd5.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-577eecc6.js';
-import './index-6c39410f.js';
-import { C as CardWrapperContext } from './context-6d594a28.js';
+import { M as MediaQueries } from './utils-414217a0.js';
+import './index-5419b806.js';
+import { C as CardWrapperContext } from './context-a6f1b0c3.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';

package/build/esm/{index-8dd24d9f.js → index-a3bc8e4c.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-1ed96629.js';
+import { C as Container } from './index-c3a3d23d.js';
 import dayjs from 'dayjs';
-import './index-e49c7ccd.js';
-import './index-468e7084.js';
+import './index-d450d434.js';
+import './index-a9ee9469.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-30fb7945.js';
-import './index-bcc2ea80.js';
-import './index-792be2dd.js';
-import { T as Text } from './index-809e3db8.js';
-import './index-c9fb7924.js';
-import './index-8fe43e93.js';
-import './index.styles-e223f9fc.js';
-import './translationsContext-ee8b92c3.js';
+import './index-5a9c48c8.js';
+import './index-c05a8783.js';
+import './index-da73c66c.js';
+import { T as Text } from './index-d7112617.js';
+import './index-c3766a61.js';
+import './index-feedc71e.js';
+import './index.styles-ee2105d3.js';
+import './translationsContext-6bbd1f0b.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-577eecc6.js';
-import './index-6c39410f.js';
-import { u as useScreenSize } from './index-d64ef178.js';
+import { M as MediaQueries } from './utils-414217a0.js';
+import './index-5419b806.js';
+import { u as useScreenSize } from './index-2ace5bc2.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-168e9841.js';
-import { M as MarryBabyText } from './index-bdce1d56.js';
+import { L as Logo } from './index-8e09e771.js';
+import { M as MarryBabyText } from './index-14d27b36.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-63ba67a8.js → index-a5bce2ab.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-aff618f8.js';
+import { _ as __rest } from './tslib.es6-ddbf91a2.js';
 import React__default from 'react';
 import { Textarea } from '@mantine/core';
-import { u as useStyles } from './index-468e7084.js';
-import { u as useTemplateVariant } from './index-8fe43e93.js';
+import { u as useStyles } from './index-a9ee9469.js';
+import { u as useTemplateVariant } from './index-feedc71e.js';
 
 const TextArea = (_a) => {
     var { styles } = _a, props = __rest(_a, ["styles"]);

package/build/esm/{index-2951b804.js → index-a89f6f7e.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-aff618f8.js';
+import { _ as __rest } from './tslib.es6-ddbf91a2.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-c9fb7924.js';
+import { B as Button$1 } from './index-c3766a61.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-468e7084.js → index-a9ee9469.js}

@@ -1,25 +1,25 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-aff618f8.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ddbf91a2.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-bcc2ea80.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-8fe43e93.js';
-import { u as useScreenSize, I as ImageWrap } from './index-d64ef178.js';
+import { C as CommonGAssets } from './index-c05a8783.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-feedc71e.js';
+import { u as useScreenSize, I as ImageWrap } from './index-2ace5bc2.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-809e3db8.js';
-import { t as themeColors } from './index-792be2dd.js';
+import { T as Text } from './index-d7112617.js';
+import { t as themeColors } from './index-da73c66c.js';
 import { theme } from './miscTheme.js';
-import { A as ANIMATION_DURATION } from './shared-e343dcee.js';
+import { A as ANIMATION_DURATION } from './shared-ff474b58.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-8dd98c88.js';
+import { a as useUniqueId } from './useUniqueId-07edf76a.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-c9fb7924.js';
+import { B as Button } from './index-c3766a61.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-a3d58e6e.js → index-aa642de4.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-aff618f8.js';
+import { _ as __rest } from './tslib.es6-ddbf91a2.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-e223f9fc.js';
+import { u as useStyles } from './index.styles-ee2105d3.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);