@hhgtech/hhg-components 1.29.444 → 1.29.445-beta-2

package/build/esm/{index-de507c32.js → index-12a47b6e.js}

@@ -1,33 +1,33 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-03041862.js';
+import { u as useTranslations } from './index-98d6490a.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-ab979333.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-8f7d57f7.js';
+import { C as CommonGAssets } from './index-bbf91a58.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-b7d92c38.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-91f7028c.js';
-import { b as getTogetherUserPostsApiPath } from './index-96963e8d.js';
-import { B as Button } from './index-14d3a4ea.js';
-import { w as workingDays } from './types-4f9877fb.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-f2844aed.js';
+import { b as getTogetherUserPostsApiPath } from './index-1a441042.js';
+import { B as Button } from './index-a841ec65.js';
+import { w as workingDays } from './types-ccc35af2.js';
 import styled from '@emotion/styled';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import cn from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-ef16777f.js';
-import { L as LOCALISED_SLUGS } from './constants-7201d2c7.js';
-import { T as Text } from './index-3eb570a0.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-00e83224.js';
-import { a as __awaiter } from './tslib.es6-33355263.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-0c170de7.js';
+import { L as LOCALISED_SLUGS } from './constants-536462da.js';
+import { T as Text } from './index-40abf500.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-ef1a3eb6.js';
+import { a as __awaiter } from './tslib.es6-4d666371.js';
 import { useDisclosure } from '@mantine/hooks';
-import { clsx, Flex, Box } from '@mantine/core';
-import { u as useTextStyles, T as TextField } from './index-29a25100.js';
+import { clsx, Flex, Box, rem } from '@mantine/core';
+import { u as useTextStyles, T as TextField } from './index-15800e0f.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-046cd582.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-3c923527.js';
-import { B as Button$1 } from './index-d4533da2.js';
-import { M as MAPPED_LOCALE } from './index-7121ed0d.js';
-import { T as Text$1 } from './index-d7a82799.js';
-import { I as ImageWrap } from './index-caf3bc98.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-9b87d755.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-16a20470.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-92291883.js';
+import { B as Button$1 } from './index-e1d6d3dc.js';
+import { M as MAPPED_LOCALE } from './index-30044e4f.js';
+import { T as Text$1 } from './index-a10d39f4.js';
+import { I as ImageWrap } from './index-7b9c8199.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-eade8961.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),
@@ -1330,4 +1330,59 @@ DoctorExpertise.OtherHighlights = () => {
     return (React__default.createElement(DoctorExpertiseItem, { doctorInfo: otherHighlights, Icon: Highlight, title: t('common.otherHighlights') }));
 };
 
-export { ClinicInfo as C, DoctorExpertise as D, EPopupCollectPhoneStep as E, HospitalInfo as H, Mobile as M, NavHeader as N, PopupCollectPhone as P, UserProfileNavigation as U, UserStats as a, CollectPhoneForm as b, ProductInsuranceInfo as c, Check as d, Clock as e, formPhoneType as f, HelloZalo as g, Ellipse as h, PhoneInactive as i };
+const ArticleCardStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${rem(12)};
+`;
+const ArticleCardContentStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${rem(8)};
+`;
+const ArticleCardContentTitleStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${rem(4)};
+`;
+const ArticleDoctorStyled = styled.div `
+  display: flex;
+  gap: ${rem(4)};
+  align-items: center;
+`;
+const TextSpanStyled = styled.span `
+  color: ${theme.colors.gray600};
+`;
+
+const ArticleDetailCard = (props) => {
+    const { article, doctor, className, style, handleClick } = props;
+    const { articleType, articleTitle, articleTypeColor, image, defaultImage } = article || {};
+    const { doctorName, doctorAvatar, defaultDoctorAvatar } = doctor || {};
+    const { t } = useTranslations();
+    return (React__default.createElement(ArticleCardStyled, { className: className, style: style, onClick: handleClick },
+        React__default.createElement(ImageWrap, { alt: 'article-image', src: image || defaultImage, style: {
+                width: '100%',
+                height: rem(143.5),
+                objectFit: 'cover',
+                borderRadius: rem(8),
+            } }),
+        React__default.createElement(ArticleCardContentStyled, null,
+            React__default.createElement(ArticleCardContentTitleStyled, null,
+                React__default.createElement(Text$1, { color: articleTypeColor || theme.colors.green700, size: "c1", weight: "halfBold" }, articleType),
+                React__default.createElement(Text$1, { size: "p2", weight: "semiBold", color: theme.colors.gray800, lineClamp: 2 }, articleTitle)),
+            React__default.createElement(ArticleDoctorStyled, null,
+                React__default.createElement(ImageWrap, { alt: 'doctor-avatar', src: doctorAvatar || defaultDoctorAvatar, style: {
+                        width: rem(20),
+                        height: rem(20),
+                        borderRadius: '50%',
+                    } }),
+                React__default.createElement("div", null,
+                    React__default.createElement(Text$1, { size: "c1", weight: "regular", color: theme.colors.gray800, lineClamp: 1 },
+                        React__default.createElement(TextSpanStyled, null,
+                            t('common.articleCard.reviewedDoctor'),
+                            ":"),
+                        ' ',
+                        doctorName))))));
+};
+
+export { ArticleDetailCard as A, ClinicInfo as C, DoctorExpertise as D, EPopupCollectPhoneStep as E, HospitalInfo as H, Mobile as M, NavHeader as N, PopupCollectPhone as P, UserProfileNavigation as U, UserStats as a, CollectPhoneForm as b, ProductInsuranceInfo as c, Check as d, Clock as e, formPhoneType as f, HelloZalo as g, Ellipse as h, PhoneInactive as i };

package/build/esm/{index-29a25100.js → index-15800e0f.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './text-3c923527.js';
-import { _ as __rest } from './tslib.es6-33355263.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './text-92291883.js';
+import { _ as __rest } from './tslib.es6-4d666371.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-046cd582.js → index-16a20470.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-33355263.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-4d666371.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-ab979333.js';
-import { C as CustomStylesType, G as GlobalTextStyleNew, F as FontWeight } from './text-3c923527.js';
-import { u as useScreenSize, I as ImageWrap } from './index-caf3bc98.js';
+import { C as CommonGAssets } from './index-bbf91a58.js';
+import { C as CustomStylesType, G as GlobalTextStyleNew, F as FontWeight } from './text-92291883.js';
+import { u as useScreenSize, I as ImageWrap } from './index-7b9c8199.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-d7a82799.js';
-import { t as themeColors } from './index-7121ed0d.js';
+import { T as Text } from './index-a10d39f4.js';
+import { t as themeColors } from './index-30044e4f.js';
 import { theme } from './miscTheme.js';
 import cn from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-52180b88.js';
+import { a as useUniqueId } from './useUniqueId-38de97f8.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-d4533da2.js';
+import { B as Button } from './index-e1d6d3dc.js';
 
 var useStyles$4 = createStyles((theme) => {
     const isLeadgenStyle = theme.other.customStyleType === CustomStylesType.LEADGEN;

package/build/esm/{index-96963e8d.js → index-1a441042.js}

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-33355263.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-4d666371.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { V as VideoType } from './index-53690909.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-9cb8f498.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, T as TOGETHER_LOCALES, c as CARE_LOCALES } from './index-ef16777f.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-8f7d57f7.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-047fda21.js';
+import { V as VideoType } from './index-3392f424.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-0225dc85.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-0c170de7.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-b7d92c38.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-479e7936.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-a808d805.js';
+import './translationsContext-b2d3d234.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-046cd582.js';
+import { I as Input } from './index-16a20470.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-a5e34957.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-05eef8bf.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-153d2416.js';
+import { L as Logo$1 } from './index-c0aea4de.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-ab979333.js';
-import './index-7121ed0d.js';
-import { T as Text } from './index-d7a82799.js';
-import { B as Button } from './index-d4533da2.js';
-import './index.styles-bcc3acee.js';
+import { C as CommonGAssets } from './index-bbf91a58.js';
+import './index-30044e4f.js';
+import { T as Text } from './index-a10d39f4.js';
+import { B as Button } from './index-e1d6d3dc.js';
+import './index.styles-11bc9e49.js';
 import '@mantine/hooks';
-import './text-3c923527.js';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-4c1788d7.js';
-import './index-859852d8.js';
-import { L as LOCALISED_SLUGS } from './constants-685de209.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-e1b32b06.js';
-import { L as LOCALIZED_SLUGS } from './constants-fd6cdaf6.js';
-import { u as useTranslations } from './index-03041862.js';
-import { H as Heading } from './index-940c3c63.js';
-import { I as Indicator$1 } from './index-f1f33a62.js';
-import { u as useIsInit } from './useIsInit-a5039c8d.js';
+import './text-92291883.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-d6e6de6d.js';
+import './index-3582f3b1.js';
+import { L as LOCALISED_SLUGS } from './constants-1a5d052f.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-554c4cf3.js';
+import { L as LOCALIZED_SLUGS } from './constants-8ca851eb.js';
+import { u as useTranslations } from './index-98d6490a.js';
+import { H as Heading } from './index-516ccd76.js';
+import { I as Indicator$1 } from './index-e82ba180.js';
+import { u as useIsInit } from './useIsInit-291a4168.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-14d3a4ea.js';
+import { B as Button$1 } from './index-a841ec65.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-295695e4.js';
+import { U as UserAvatar } from './index-67864419.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-e43bc2e0.js';
+import { C as Container } from './index-61bbc04d.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-8a77a73b.js';
-import { g as getDataWithCache } from './core-1529b693.js';
+import { L as LOCALE } from './Locale-270afee3.js';
+import { g as getDataWithCache } from './core-0669ddd3.js';
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {
@@ -823,10 +823,16 @@ const StyledContainerItems$4 = styled.div `
 `;
 
 const StyledItem$4 = styled.a `
+  position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   text-decoration: none;
+
+  &[data-has-button='true'] {
+    cursor: default;
+    pointer-events: none;
+  }
   * {
     pointer-events: none;
   }
@@ -853,6 +859,50 @@ const StyledImageCard$2 = styled.div `
     padding-top: 100px;
   }
 `;
+const StyledButton = styled.button `
+  ${MediaQueries.tdDown} {
+    position: relative;
+    bottom: 0;
+    left: 16px;
+    right: 0;
+    padding: 4px 8px;
+    width: 90px;
+    height: 24px;
+    min-height: 24px;
+    max-height: 24px;
+    font-size: 11px;
+    line-height: 16px;
+    border-radius: 8px;
+  }
+
+  position: absolute;
+  bottom: 8px;
+  left: 8px;
+  right: 8px;
+  height: 40px;
+  min-height: 40px;
+  max-height: 40px;
+  padding: 8px 16px;
+  pointer-events: auto;
+
+  background: ${(props) => props.bgColor};
+  border-radius: 12px;
+  border: none;
+  transition: all 0.2s ease-in-out;
+
+  color: ${(props) => props.textColor};
+  font-family: 'Inter';
+  font-weight: 500;
+  font-size: 15px;
+  text-align: center;
+  cursor: pointer;
+
+  &:hover {
+    opacity: 0.9;
+    color: ${(props) => props.bgColor};
+    background: ${(props) => props.textColor};
+  }
+`;
 const StyledTitle$3 = styled.p `
   font-size: 16px;
   font-weight: 400;
@@ -868,10 +918,22 @@ const StyledTitle$3 = styled.p `
 const Item$3 = ({ item, index = 0 }) => {
     if (!item)
         return null;
-    return (React__default.createElement(StyledItem$4, { key: item.id, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": `Spotlight Click ${index + 1}`, "data-event-label": item.link },
+    const linkProps = {
+        href: item.link,
+        'data-event-category': 'Hamburger Navigation',
+        'data-event-action': `Spotlight Click ${index + 1}`,
+        'data-event-label': item.link,
+    };
+    return (React__default.createElement(StyledItem$4, Object.assign({ key: item.id, as: item.buttonDisplay ? 'div' : 'a', "data-has-button": item.buttonDisplay ? 'true' : 'false' }, linkProps),
         React__default.createElement(StyledImageCard$2, null,
             React__default.createElement("img", { loading: "lazy", alt: item.title, src: item.banner || '/images/notFound-min-small.jpg' })),
-        React__default.createElement(StyledTitle$3, null, item.title)));
+        React__default.createElement("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: 8,
+            } },
+            React__default.createElement(StyledTitle$3, null, item.title),
+            !!item.buttonDisplay && (React__default.createElement(StyledButton, Object.assign({ as: item.buttonDisplay ? 'a' : 'button', bgColor: item.buttonDisplay.button_background_color, textColor: item.buttonDisplay.button_text_color }, linkProps), item.buttonDisplay.button_label)))));
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
@@ -882,6 +944,7 @@ const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
             link: statics.HOME_PAGE_URL + spotlight.permalink,
             title: spotlight.name,
             banner: spotlight.image,
+            buttonDisplay: spotlight.buttonDisplay,
         } }))))) : (React__default.createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.category.noDatas.cta'), icon: CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
@@ -1908,6 +1971,7 @@ const formatSpotlightsList = (spotlight) => {
         imageThumbnail: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image_thumbnail) || null,
         startDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.start_date,
         endDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.end_date,
+        buttonDisplay: spotlight.button_display || null,
     };
 };
 const checkAvailableSpotlight = (spotlight) => {
@@ -2483,7 +2547,7 @@ const useNavServices = () => {
 };
 
 const StyledContainer = styled.div `
-  --header-z-index: ${ZINDEX_HEADER};
+  --header-z-index: 305;
   top: 0;
   z-index: var(--header-z-index);
 

package/build/esm/{index-ef16e89f.js → index-268fad9d.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-33355263.js';
+import { a as __awaiter } from './tslib.es6-4d666371.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-caf3bc98.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-a1f3fcef.js';
+import { I as ImageWrap } from './index-7b9c8199.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-8453aa37.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-7201d2c7.js';
-import { y as youtubeVidIdGetter } from './post-c3a81fa9.js';
-import { L as Loading } from './index-29cc1ade.js';
+import { D as DEFAULT_IMG } from './constants-536462da.js';
+import { y as youtubeVidIdGetter } from './post-6706fbcc.js';
+import { L as Loading } from './index-e97b4582.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-7121ed0d.js → index-30044e4f.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-33355263.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-4d666371.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-53690909.js';
-import { L as LOCALE } from './Locale-8a77a73b.js';
+import './index-3392f424.js';
+import { L as LOCALE } from './Locale-270afee3.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-ef16777f.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-0c170de7.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-ab979333.js';
+import { C as CommonGAssets } from './index-bbf91a58.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-4c1788d7.js';
-import { C as CustomStylesType, F as FontWeight } from './text-3c923527.js';
-import { A as ANIMATION_DURATION } from './shared-a116d37d.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-d6e6de6d.js';
+import { C as CustomStylesType, F as FontWeight } from './text-92291883.js';
+import { A as ANIMATION_DURATION } from './shared-603bfb92.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-53690909.js → index-3392f424.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-8a77a73b.js';
+import { L as LOCALE } from './Locale-270afee3.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-859852d8.js → index-3582f3b1.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-33355263.js';
+import { _ as __rest } from './tslib.es6-4d666371.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-d4533da2.js';
-import { T as Text } from './index-d7a82799.js';
+import { B as Button } from './index-e1d6d3dc.js';
+import { T as Text } from './index-a10d39f4.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-7053d4c3.js → index-365a36d3.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-33355263.js';
+import { _ as __rest } from './tslib.es6-4d666371.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-d6ab8b2d.js';
-import { S as Spinner } from './Spinner-d4a8f39c.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-e4bcfba0.js';
+import { S as Spinner } from './Spinner-79db760e.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-fd52f069.js → index-3c230ed3.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-33355263.js';
+import { _ as __rest } from './tslib.es6-4d666371.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-ef16777f.js';
+import { Z as ZINDEX_SSO } from './index-0c170de7.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-25ad917f.js → index-3eff7b6c.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-fc58098e.js';
+import { u as useScrollbarSize } from './useScrollbarSize-8c8f95fc.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-4c1788d7.js';
+import { M as MediaQueries } from './utils-d6e6de6d.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-3eb570a0.js → index-40abf500.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-33355263.js';
+import { _ as __rest } from './tslib.es6-4d666371.js';
 import React__default from 'react';
-import './index-046cd582.js';
+import './index-16a20470.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-ef16777f.js';
-import './index-53690909.js';
-import './index-ab979333.js';
-import './index-7121ed0d.js';
-import { T as Text$1 } from './index-d7a82799.js';
-import './index-d4533da2.js';
-import './index.styles-bcc3acee.js';
-import './translationsContext-a808d805.js';
+import './index-0c170de7.js';
+import './index-3392f424.js';
+import './index-bbf91a58.js';
+import './index-30044e4f.js';
+import { T as Text$1 } from './index-a10d39f4.js';
+import './index-e1d6d3dc.js';
+import './index.styles-11bc9e49.js';
+import './translationsContext-b2d3d234.js';
 import '@mantine/hooks';
-import './text-3c923527.js';
-import './utils-4c1788d7.js';
-import './index-859852d8.js';
+import './text-92291883.js';
+import './utils-d6e6de6d.js';
+import './index-3582f3b1.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-26e800f6.js → index-43561a14.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-33355263.js';
+import { _ as __rest } from './tslib.es6-4d666371.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-046cd582.js';
+import { R as Radio } from './index-16a20470.js';
 import '@mantine/dates';
-import './index-ef16777f.js';
-import './index-53690909.js';
-import { C as CommonGAssets } from './index-ab979333.js';
-import './index-7121ed0d.js';
-import { T as Text } from './index-d7a82799.js';
-import './index-d4533da2.js';
-import './index.styles-bcc3acee.js';
-import { u as useTranslations } from './index-03041862.js';
+import './index-0c170de7.js';
+import './index-3392f424.js';
+import { C as CommonGAssets } from './index-bbf91a58.js';
+import './index-30044e4f.js';
+import { T as Text } from './index-a10d39f4.js';
+import './index-e1d6d3dc.js';
+import './index.styles-11bc9e49.js';
+import { u as useTranslations } from './index-98d6490a.js';
 import '@mantine/hooks';
-import './text-3c923527.js';
-import './utils-4c1788d7.js';
-import './index-859852d8.js';
+import './text-92291883.js';
+import './utils-d6e6de6d.js';
+import './index-3582f3b1.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-7003e24b.js → index-4458f21b.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-7053d4c3.js';
-import { u as useTranslations } from './index-03041862.js';
+import { I as Icon } from './index-365a36d3.js';
+import { u as useTranslations } from './index-98d6490a.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-a70f1f24.js → index-47b13a36.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-940c3c63.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-4c1788d7.js';
-import { u as useTranslations } from './index-03041862.js';
-import { T as TogetherComponentGlobalContext } from './utils-a1f3fcef.js';
+import { H as Heading } from './index-516ccd76.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-d6e6de6d.js';
+import { u as useTranslations } from './index-98d6490a.js';
+import { T as TogetherComponentGlobalContext } from './utils-8453aa37.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-d7a82799.js';
+import { T as Text } from './index-a10d39f4.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-33355263.js';
+import { _ as __rest } from './tslib.es6-4d666371.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-2282f416.js → index-4c15bd85.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-33355263.js';
+import { a as __awaiter } from './tslib.es6-4d666371.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-8f7d57f7.js';
-import { L as LOCALE_SPECS, g as BEARER_REFRESH_TOKEN_COOKIE } from './index-ef16777f.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-b7d92c38.js';
+import { L as LOCALE_SPECS, f as BEARER_REFRESH_TOKEN_COOKIE } from './index-0c170de7.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-8a77a73b.js';
+import { L as LOCALE } from './Locale-270afee3.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-7f3e5372.js → index-4ceeb6d2.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-33355263.js';
+import { _ as __rest } from './tslib.es6-4d666371.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-046cd582.js';
-import { D as DatePicker } from './index-f0ba0f09.js';
-import { T as Text } from './index-d7a82799.js';
-import './index-d4533da2.js';
-import './index.styles-bcc3acee.js';
-import { u as useTranslations } from './index-03041862.js';
+import { I as Input } from './index-16a20470.js';
+import { D as DatePicker } from './index-ee763c63.js';
+import { T as Text } from './index-a10d39f4.js';
+import './index-e1d6d3dc.js';
+import './index.styles-11bc9e49.js';
+import { u as useTranslations } from './index-98d6490a.js';
 import '@mantine/hooks';
-import './index-7121ed0d.js';
-import './text-3c923527.js';
-import './utils-4c1788d7.js';
-import './index-859852d8.js';
-import { I as INPUT_RANGE } from './constants-24c19c49.js';
-import { H as HealthToolFormWrapper } from './index-a5241035.js';
-import { G as GenderOptionControl } from './index-26e800f6.js';
-import { L as LOCALE } from './Locale-8a77a73b.js';
+import './index-30044e4f.js';
+import './text-92291883.js';
+import './utils-d6e6de6d.js';
+import './index-3582f3b1.js';
+import { I as INPUT_RANGE } from './constants-b16e97af.js';
+import { H as HealthToolFormWrapper } from './index-719aa6ca.js';
+import { G as GenderOptionControl } from './index-43561a14.js';
+import { L as LOCALE } from './Locale-270afee3.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});