@hhgtech/hhg-components 1.29.510 → 1.29.511-beta-1

package/build/esm/{index-a57762a9.js → index-5b6d8cf2.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-bd2e24cc.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-dbdb8cc9.js → index-61a44275.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-bd2e24cc.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-d27ffcc7.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-4f40589f.js';
-import { u as useTranslations } from './index-311f6fb3.js';
+import { D as Dropdown } from './index-09738887.js';
+import { u as useTranslations } from './index-04ea4626.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-dcc829b9.js';
+import { I as Input$1 } from './index-36936b56.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-c8eb7d9e.js';
-import './index-1510af0e.js';
-import './index-c84df71c.js';
-import './index-5a8befcb.js';
-import { T as Text } from './index-987f5758.js';
-import { B as Button } from './index-b14a70ce.js';
-import './index-ba7fa2a5.js';
-import './index.styles-23755705.js';
+import './index-f13d790d.js';
+import './index-9bff045d.js';
+import './index-d653cde4.js';
+import './index-b545cff7.js';
+import { T as Text } from './index-fc71ff83.js';
+import { B as Button } from './index-570e76f5.js';
+import './index-49cc89e7.js';
+import './index.styles-ee516806.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-dc1e732f.js';
-import './index-0f5102d2.js';
-import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-b8e8004c.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-c45d636f.js';
+import { M as MediaQueries } from './utils-2530473d.js';
+import './index-861d39dc.js';
+import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-c4f4754b.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-1e5d1dec.js';
 import styled from '@emotion/styled';
-import { a as formatPost, f as formatCommunity, c as formatTopic } from './dataTransform-f44b53d4.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-cc0ea51c.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-6f046404.js';
-import { C as CardAuthor } from './index-8d7a0ccb.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-2a22d39f.js';
-import { I as Input } from './index-b6231578.js';
+import { a as formatPost, f as formatCommunity, c as formatTopic } from './dataTransform-41fd2291.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-4648706f.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-135d3f10.js';
+import { C as CardAuthor } from './index-3c7f325d.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-af692e6a.js';
+import { I as Input } from './index-6fed1fe7.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-89c10761.js';
-import { C as CardLink } from './index-45951b65.js';
-import { B as BtnChoice } from './index-0dfee75d.js';
-import { L as LOCALE } from './Locale-f72f8a80.js';
+import { L as Loading } from './index-444f2e15.js';
+import { C as CardLink } from './index-71e45e8b.js';
+import { B as BtnChoice } from './index-2c3dff52.js';
+import { L as LOCALE } from './Locale-eb6648b1.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-96737d2e.js';
-import { b as IconArrowLeft } from './index-2ea25dfb.js';
-import { B as Button$1 } from './index-ba089562.js';
+import { L as Loading$1 } from './index-1e54029f.js';
+import { b as IconArrowLeft } from './index-d78117e7.js';
+import { B as Button$1 } from './index-2c9496fd.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-c1911f19.js';
-import { U as UserAvatar } from './index-076d5768.js';
-import { P as PopoverMenu } from './index-677a6ab4.js';
+import { a as useUniqueId } from './useUniqueId-6e37f0ff.js';
+import { U as UserAvatar } from './index-2d163b8d.js';
+import { P as PopoverMenu } from './index-5438a4f4.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-43a30259.js → index-643ffdfc.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-dc1e732f.js';
+import { M as MediaQueries } from './utils-2530473d.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-b6231578.js → index-6fed1fe7.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-bd2e24cc.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.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-dc1e732f.js';
+import { M as MediaQueries } from './utils-2530473d.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-45951b65.js → index-71e45e8b.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-bd2e24cc.js';
+import { a as __awaiter } from './tslib.es6-d27ffcc7.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-50b7ada8.js';
-import { T as Text } from './index-987f5758.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-c45d636f.js';
+import { H as Heading } from './index-8ac52611.js';
+import { T as Text } from './index-fc71ff83.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-1e5d1dec.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-cc0ea51c.js';
+import { D as DEFAULT_IMG } from './constants-4648706f.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-cdc37527.js → index-74c03d91.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-343f4b8a.js';
-import { T as Text } from './index-987f5758.js';
+import { C as Container } from './index-1c5b0faf.js';
+import { T as Text } from './index-fc71ff83.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-d17ec1bb.js → index-7d3f41d0.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-f72f8a80.js';
-import { C as CommonGAssets } from './index-c84df71c.js';
+import { L as LOCALE } from './Locale-eb6648b1.js';
+import { C as CommonGAssets } from './index-d653cde4.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-dc1e732f.js';
-import { L as LogoIcon } from './logoIcon-3f2653b9.js';
-import './index-1510af0e.js';
-import { I as ImageWrap } from './index-a479246d.js';
+import { M as MediaQueries } from './utils-2530473d.js';
+import { L as LogoIcon } from './logoIcon-afcf01d2.js';
+import './index-9bff045d.js';
+import { I as ImageWrap } from './index-59d30043.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-0f5102d2.js → index-861d39dc.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-bd2e24cc.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.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-b14a70ce.js';
-import { T as Text } from './index-987f5758.js';
+import { B as Button } from './index-570e76f5.js';
+import { T as Text } from './index-fc71ff83.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-ab2bc270.js → index-88e78149.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-343f4b8a.js';
+import { C as Container } from './index-1c5b0faf.js';
 import dayjs from 'dayjs';
-import './index-c8eb7d9e.js';
-import './index-dcc829b9.js';
+import './index-f13d790d.js';
+import './index-36936b56.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-1510af0e.js';
-import './index-c84df71c.js';
-import './index-5a8befcb.js';
-import { T as Text } from './index-987f5758.js';
-import './index-b14a70ce.js';
-import './index-ba7fa2a5.js';
-import './index.styles-23755705.js';
-import './translationsContext-415e94b5.js';
+import './index-9bff045d.js';
+import './index-d653cde4.js';
+import './index-b545cff7.js';
+import { T as Text } from './index-fc71ff83.js';
+import './index-570e76f5.js';
+import './index-49cc89e7.js';
+import './index.styles-ee516806.js';
+import './translationsContext-26eaedb1.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-dc1e732f.js';
-import './index-0f5102d2.js';
-import { u as useScreenSize } from './index-a479246d.js';
+import { M as MediaQueries } from './utils-2530473d.js';
+import './index-861d39dc.js';
+import { u as useScreenSize } from './index-59d30043.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-d17ec1bb.js';
-import { M as MarryBabyText } from './index-4198bdf1.js';
+import { L as Logo } from './index-7d3f41d0.js';
+import { M as MarryBabyText } from './index-99770e4c.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-ed57fc37.js → index-88f6c5a6.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-bd2e24cc.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-5a8befcb.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-ba7fa2a5.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-b545cff7.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-49cc89e7.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);

package/build/esm/{index-50b7ada8.js → index-8ac52611.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-bd2e24cc.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-987f5758.js';
+import { T as Text } from './index-fc71ff83.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-b223c21f.js → index-932c7205.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-bd2e24cc.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.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-a4e35372.js';
-import { u as useTranslations } from './index-311f6fb3.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-cc0ea51c.js';
-import { I as Input } from './index-dcc829b9.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-ee550922.js';
+import { u as useTranslations } from './index-04ea4626.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-4648706f.js';
+import { I as Input } from './index-36936b56.js';
 import '@mantine/dates';
-import './index-c8eb7d9e.js';
-import './index-1510af0e.js';
-import './index-c84df71c.js';
-import './index-5a8befcb.js';
-import { T as Text } from './index-987f5758.js';
-import './index-b14a70ce.js';
-import './index-ba7fa2a5.js';
-import './index.styles-23755705.js';
+import './index-f13d790d.js';
+import './index-9bff045d.js';
+import './index-d653cde4.js';
+import './index-b545cff7.js';
+import { T as Text } from './index-fc71ff83.js';
+import './index-570e76f5.js';
+import './index-49cc89e7.js';
+import './index.styles-ee516806.js';
 import '@mantine/hooks';
-import './utils-dc1e732f.js';
-import './index-0f5102d2.js';
-import { C as CardWrapperContext } from './context-716b8d2a.js';
-import { H as HealthToolFormWrapper } from './index-41675135.js';
-import { I as INPUT_RANGE } from './constants-2a63a834.js';
+import './utils-2530473d.js';
+import './index-861d39dc.js';
+import { C as CardWrapperContext } from './context-92cb7132.js';
+import { H as HealthToolFormWrapper } from './index-fef30b2f.js';
+import { I as INPUT_RANGE } from './constants-da38b46a.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-4198bdf1.js → index-99770e4c.js}

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

package/build/esm/{index-1510af0e.js → index-9bff045d.js}

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

package/build/esm/{index-9ca29d7b.js → index-9d806be9.js}

@@ -1,33 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-bd2e24cc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d27ffcc7.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-1ef5ff5d.js';
-import { A as Avatar } from './index-dcc829b9.js';
-import { B as Button } from './index-b14a70ce.js';
-import { T as Text } from './index-987f5758.js';
-import { u as useTranslations } from './index-311f6fb3.js';
-import { C as CommonGAssets } from './index-c84df71c.js';
+import { S as Spinner } from './Spinner-6ba780d5.js';
+import { A as Avatar } from './index-36936b56.js';
+import { B as Button } from './index-570e76f5.js';
+import { T as Text } from './index-fc71ff83.js';
+import { u as useTranslations } from './index-04ea4626.js';
+import { C as CommonGAssets } from './index-d653cde4.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-dc1e732f.js';
+import { M as MediaQueries } from './utils-2530473d.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import classNames from 'classnames';
-import { C as CARE_LOCALES, d as CARE_BOOKING_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, V as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE } from './index-c8eb7d9e.js';
-import { d as domainLocalesMarryBaby } from './utils-c45d636f.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-76d8814b.js';
+import { C as CARE_LOCALES, d as CARE_BOOKING_LOCALES, c 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-f13d790d.js';
+import { d as domainLocalesMarryBaby } from './utils-1e5d1dec.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-dfc5d039.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';
 
-const BlueWhiteLogin = (props) => (React.createElement("svg", Object.assign({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React.createElement("rect", { y: "0.5", width: "31", height: "31", rx: "15.5", fill: "white" }),
-    React.createElement("path", { d: "M15.4999 14.3797C16.9062 14.3797 18.0462 13.2397 18.0462 11.8334C18.0462 10.4271 16.9062 9.28711 15.4999 9.28711C14.0936 9.28711 12.9536 10.4271 12.9536 11.8334C12.9536 13.2397 14.0936 14.3797 15.4999 14.3797Z", stroke: "#2743AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M19.9092 22.0335C20.7055 21.7825 21.124 20.9029 20.786 20.1399C19.8879 18.1112 17.861 16.6946 15.4999 16.6946C13.1388 16.6946 11.112 18.1112 10.2138 20.1399C9.87585 20.9038 10.2944 21.7825 11.0907 22.0335C12.2249 22.3909 13.7258 22.7131 15.4999 22.7131C17.274 22.7131 18.7749 22.3909 19.9092 22.0335Z", stroke: "#2743AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* eslint-disable prettier/prettier */
+const LoginBlueWhite = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 32 32", fill: "none" }, props),
+    React.createElement("rect", { y: 0.5, width: 31, height: 31, rx: 15.5, fill: "white" }),
+    React.createElement("path", { d: "M15.4999 14.3797C16.9062 14.3797 18.0462 13.2397 18.0462 11.8334C18.0462 10.4271 16.9062 9.28711 15.4999 9.28711C14.0936 9.28711 12.9536 10.4271 12.9536 11.8334C12.9536 13.2397 14.0936 14.3797 15.4999 14.3797Z", stroke: "#2743AD", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M19.9092 22.0335C20.7055 21.7825 21.124 20.9029 20.786 20.1399C19.8879 18.1112 17.861 16.6946 15.4999 16.6946C13.1388 16.6946 11.112 18.1112 10.2138 20.1399C9.87585 20.9038 10.2944 21.7825 11.0907 22.0335C12.2249 22.3909 13.7258 22.7131 15.4999 22.7131C17.274 22.7131 18.7749 22.3909 19.9092 22.0335Z", stroke: "#2743AD", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
 
-const UserPlain = (props) => (React.createElement("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React.createElement("path", { d: "M9.99991 8.3797C11.4062 8.3797 12.5462 7.23969 12.5462 5.83341C12.5462 4.42712 11.4062 3.28711 9.99991 3.28711C8.59363 3.28711 7.45361 4.42712 7.45361 5.83341C7.45361 7.23969 8.59363 8.3797 9.99991 8.3797Z", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M14.4092 16.0335C15.2055 15.7825 15.624 14.9029 15.286 14.1399C14.3879 12.1112 12.361 10.6946 9.99992 10.6946C7.63881 10.6946 5.61196 12.1112 4.71381 14.1399C4.37585 14.9038 4.79436 15.7825 5.59066 16.0335C6.72492 16.3909 8.22584 16.7131 9.99992 16.7131C11.774 16.7131 13.2749 16.3909 14.4092 16.0335Z", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* eslint-disable prettier/prettier */
+const UserPlain = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),
+    React.createElement("path", { d: "M9.99991 8.3797C11.4062 8.3797 12.5462 7.23969 12.5462 5.83341C12.5462 4.42712 11.4062 3.28711 9.99991 3.28711C8.59363 3.28711 7.45361 4.42712 7.45361 5.83341C7.45361 7.23969 8.59363 8.3797 9.99991 8.3797Z", stroke: "white", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M14.4092 16.0335C15.2055 15.7825 15.624 14.9029 15.286 14.1399C14.3879 12.1112 12.361 10.6946 9.99992 10.6946C7.63881 10.6946 5.61196 12.1112 4.71381 14.1399C4.37585 14.9038 4.79436 15.7825 5.59066 16.0335C6.72492 16.3909 8.22584 16.7131 9.99992 16.7131C11.774 16.7131 13.2749 16.3909 14.4092 16.0335Z", stroke: "white", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
 
 const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
     const config = useMemo(() => {
@@ -52,6 +54,7 @@ const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
         const enableProfileMyHealth = true;
         const enableNavVideo = VIDEO_LOCALES.includes(locale);
         const enableNavClinityDownload = HAS_CLINITY_DOWNLOAD_SITE.includes(locale);
+        const enableNavCartCare = LOCALE_HAS_CART_CARE_SITE.includes(locale);
         const baseUrl = getCurrentBaseUrl(locale, siteType === 'marryBaby');
         let fixBaseUrl = baseUrl;
         if (typeof window !== 'undefined') {
@@ -86,6 +89,7 @@ const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
             enableProfileMySaved,
             statics,
             enableNavClinityDownload,
+            enableNavCartCare,
         };
     }, []);
     return config;
@@ -375,7 +379,7 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
     // - Mobile: show button only for helloSites, show text for MarryBaby
     React__default.createElement(React__default.Fragment, null,
         siteType === 'helloSites' &&
-            (isLoginIcon ? (winCashBackTheme ? (React__default.createElement(BlueWhiteLogin, { className: "mobile-only", style: { cursor: 'pointer' } })) : (React__default.createElement("img", { className: "mobile-only", src: CommonGAssets.getAssetPath('login.svg'), style: {
+            (isLoginIcon ? (winCashBackTheme ? (React__default.createElement(LoginBlueWhite, { className: "mobile-only", style: { cursor: 'pointer' } })) : (React__default.createElement("img", { className: "mobile-only", src: CommonGAssets.getAssetPath('login.svg'), style: {
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
@@ -394,4 +398,4 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
         siteType === 'marryBaby' ? (React__default.createElement(Button, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default.createElement(Button, { className: "login-btn", size: "md", leftIcon: winCashBackTheme ? (React__default.createElement(UserPlain, null)) : (React__default.createElement(User, { color: "#595959", isSolid: true, size: 22 })), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
 };
 
-export { BlueWhiteLogin as B, NavigationProfileButton as N, UserPlain as U, NavigationContext as a, NavigationProvider as b, useCSSFocusPopupHelper as u };
+export { LoginBlueWhite as L, NavigationProfileButton as N, UserPlain as U, NavigationContext as a, NavigationProvider as b, useCSSFocusPopupHelper as u };

package/build/esm/{index-d65dbcf0.js → index-a4d88931.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-bd2e24cc.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-6cd420ef.js';
-import { S as Spinner } from './Spinner-1ef5ff5d.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-320132a3.js';
+import { S as Spinner } from './Spinner-6ba780d5.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-113dc996.js → index-ac9cb1db.js}

@@ -1,24 +1,24 @@
-import { _ as __rest } from './tslib.es6-bd2e24cc.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.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-dcc829b9.js';
-import { D as DatePicker } from './index-515a7bb2.js';
-import { T as Text } from './index-987f5758.js';
-import './index-b14a70ce.js';
+import { I as Input } from './index-36936b56.js';
+import { D as DatePicker } from './index-adde2553.js';
+import { T as Text } from './index-fc71ff83.js';
+import './index-570e76f5.js';
 import { theme } from './miscTheme.js';
-import './index-ba7fa2a5.js';
-import './index.styles-23755705.js';
-import { u as useTranslations } from './index-311f6fb3.js';
+import './index-49cc89e7.js';
+import './index.styles-ee516806.js';
+import { u as useTranslations } from './index-04ea4626.js';
 import '@mantine/hooks';
-import './index-5a8befcb.js';
-import './utils-dc1e732f.js';
-import './index-0f5102d2.js';
-import { C as CardWrapperContext } from './context-716b8d2a.js';
-import { I as INPUT_RANGE } from './constants-2a63a834.js';
-import { H as HealthToolFormWrapper } from './index-41675135.js';
-import { G as GenderOptionControl } from './index-da1ec4f5.js';
-import { L as LOCALE } from './Locale-f72f8a80.js';
+import './index-b545cff7.js';
+import './utils-2530473d.js';
+import './index-861d39dc.js';
+import { C as CardWrapperContext } from './context-92cb7132.js';
+import { I as INPUT_RANGE } from './constants-da38b46a.js';
+import { H as HealthToolFormWrapper } from './index-fef30b2f.js';
+import { G as GenderOptionControl } from './index-d6fc8a85.js';
+import { L as LOCALE } from './Locale-eb6648b1.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-2667c0e6.js → index-ad7e7b43.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-bd2e24cc.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.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-60e22e55.js';
-import { I as Input } from './index-dcc829b9.js';
-import { D as DatePicker } from './index-515a7bb2.js';
-import { T as Text } from './index-987f5758.js';
-import './index-b14a70ce.js';
-import './index-ba7fa2a5.js';
-import './index.styles-23755705.js';
-import { u as useTranslations } from './index-311f6fb3.js';
+import { L as LastPeriod } from './LastPeriod-21a6ec57.js';
+import { I as Input } from './index-36936b56.js';
+import { D as DatePicker } from './index-adde2553.js';
+import { T as Text } from './index-fc71ff83.js';
+import './index-570e76f5.js';
+import './index-49cc89e7.js';
+import './index.styles-ee516806.js';
+import { u as useTranslations } from './index-04ea4626.js';
 import '@mantine/hooks';
-import './index-5a8befcb.js';
-import './utils-dc1e732f.js';
-import './index-0f5102d2.js';
-import { C as CardWrapperContext } from './context-716b8d2a.js';
-import { H as HealthToolFormWrapper } from './index-41675135.js';
+import './index-b545cff7.js';
+import './utils-2530473d.js';
+import './index-861d39dc.js';
+import { C as CardWrapperContext } from './context-92cb7132.js';
+import { H as HealthToolFormWrapper } from './index-fef30b2f.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-515a7bb2.js → index-adde2553.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-bd2e24cc.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-c8eb7d9e.js';
-import './index-1510af0e.js';
-import { C as CommonGAssets } from './index-c84df71c.js';
-import { M as MAPPED_LOCALE } from './index-5a8befcb.js';
-import { L as LOCALE } from './Locale-f72f8a80.js';
+import { I as ISO_FORMAT } from './index-f13d790d.js';
+import './index-9bff045d.js';
+import { C as CommonGAssets } from './index-d653cde4.js';
+import { M as MAPPED_LOCALE } from './index-b545cff7.js';
+import { L as LOCALE } from './Locale-eb6648b1.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/index-b0577577.js

@@ -0,0 +1,100 @@
+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-2530473d.js';
+import { theme } from './miscTheme.js';
+import { u as useTranslations } from './index-04ea4626.js';
+import { T as Text } from './index-fc71ff83.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;
+
+  &:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: rgba(255, 255, 255, 0.2);
+    border: 1px solid transparent;
+  }
+
+  .cart-care-button-shopping-cart-care {
+    width: 23px;
+    height: 23px;
+    color: ${theme.colors.white};
+    flex-shrink: 0;
+  }
+
+  .cart-care-button-text {
+    display: block;
+  }
+
+  /* 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;
+
+    .cart-care-button-shopping-cart-care {
+      width: 20px;
+      height: 20px;
+      color: ${theme.colors.blue900};
+      flex-shrink: 0;
+    }
+
+    .cart-care-button-text {
+      display: none;
+    }
+  }
+`;
+const StyledCartCareButtonCount = styled(Box) `
+  position: absolute;
+  top: -8px;
+  right: -8px;
+  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;
+`;
+
+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-button-shopping-cart-care" }),
+            React__default.createElement(Text, { size: "label1", color: theme.colors.white, fw: 700, 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 };