@hhgtech/hhg-components 1.29.497-beta-3 → 1.29.497-beta-4

package/build/esm/{index-55343338.js → index-59417cd9.js}

@@ -1,28 +1,28 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9a691ffd.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a224164f.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-09b48b94.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-201bf7b0.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-5ec910a2.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-e7a301e1.js';
 import { Grid, Flex, Box, clsx, createStyles, rem, Stack } from '@mantine/core';
-import { G as GenderOptionControl } from './index-d2fe41fa.js';
-import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-1e5a523f.js';
+import { G as GenderOptionControl } from './index-bbd8001f.js';
+import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-9ea9d102.js';
 import '@mantine/dates';
-import './index-7083909c.js';
-import './index-5426e58c.js';
-import './index-293b08f2.js';
-import './index-e9951450.js';
-import { T as Text } from './index-a7cf2464.js';
-import './index-447d6e38.js';
+import './index-d6be25e5.js';
+import './index-6b19a592.js';
+import './index-39714d5f.js';
+import './index-560b077a.js';
+import { T as Text } from './index-97107e59.js';
+import './index-6e61052f.js';
 import { theme } from './miscTheme.js';
-import './index-06a878ad.js';
-import './index.styles-81c4d6bc.js';
-import { u as useTranslations } from './index-993eaa2f.js';
+import './index-a4cf1132.js';
+import './index.styles-c97ece51.js';
+import { u as useTranslations } from './index-a8c02a3f.js';
 import '@mantine/hooks';
-import './utils-49e46daf.js';
-import './index-8cf41b25.js';
-import { H as HealthToolFormWrapper } from './index-dc085c8d.js';
-import { C as CardWrapperContext } from './context-79aba0ce.js';
-import { L as LOCALE } from './Locale-b7741771.js';
+import './utils-ce37b229.js';
+import './index-52bef1cb.js';
+import { H as HealthToolFormWrapper } from './index-2ca79224.js';
+import { C as CardWrapperContext } from './context-295ff7cb.js';
+import { L as LOCALE } from './Locale-f0a10bc2.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 
@@ -74,15 +74,15 @@ const DefaultForm = (props) => {
                     React__default.createElement(Controller, { name: "question1", control: control, rules: (_e = bmiGenerated.question1) === null || _e === void 0 ? void 0 : _e.rule, render: ({ field: { value, onChange, name }, fieldState: { error }, }) => {
                             return (React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.weightLossSupport')), size: "lg", error: isTouched ? React__default.createElement(ErrorLabel, { label: error === null || error === void 0 ? void 0 : error.message }) : '' },
                                 React__default.createElement(Flex, { gap: "lg" },
-                                    React__default.createElement(Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
-                                    React__default.createElement(Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))));
+                                    React__default.createElement(Radio, { size: "sm", value: "1", label: React__default.createElement(Text, { size: "p3" }, t('switchBtn.yes')) }),
+                                    React__default.createElement(Radio, { size: "sm", value: "0", label: React__default.createElement(Text, { size: "p3" }, t('switchBtn.no')) }))));
                         } })),
                 React__default.createElement(Grid.Col, null,
                     React__default.createElement(Controller, { name: "question2", control: control, rules: (_f = bmiGenerated.question2) === null || _f === void 0 ? void 0 : _f.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
                             return (React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.glp1Awareness')), size: "lg", description: locale !== LOCALE.Malaysia && (React__default.createElement(Text, { style: { fontSize: '10px' }, span: true }, t('bmi.question.glp1Awareness.desc'))), error: isTouched ? React__default.createElement(ErrorLabel, { label: error === null || error === void 0 ? void 0 : error.message }) : '' },
                                 React__default.createElement(Flex, { gap: "lg" },
-                                    React__default.createElement(Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
-                                    React__default.createElement(Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))));
+                                    React__default.createElement(Radio, { size: "sm", value: "1", label: React__default.createElement(Text, { size: "p3" }, t('switchBtn.yes')) }),
+                                    React__default.createElement(Radio, { size: "sm", value: "0", label: React__default.createElement(Text, { size: "p3" }, t('switchBtn.no')) }))));
                         } }))),
             React__default.createElement(Box, { className: clsx(formWrapperClasses.newsletterBlock, cardWrapperClasses.newsletterBlock) },
                 React__default.createElement(Grid, { gutter: 8, px: 16, py: 12 },
@@ -92,7 +92,8 @@ const DefaultForm = (props) => {
                                 return (React__default.createElement(Checkbox, Object.assign({ size: "sm", label: React__default.createElement(Text, { size: "p3" }, t('bmi.newsletter.label')), onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value }, field)));
                             } })),
                     React__default.createElement(Grid.Col, null,
-                        React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit", fullWidth: true }, submitProps), t('bmi.submit'))))))) : (React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit')))));
+                        React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit", fullWidth: true }, submitProps), t('bmi.submit'))))))) : (React__default.createElement(Box, { px: 16, sx: { paddingBottom: 8 } },
+            React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit", fullWidth: true }, submitProps), t('bmi.submit'))))));
 };
 
 var useStyles = createStyles((theme) => {

package/build/esm/{index-0068d464.js → index-5b3d801d.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-a7cf2464.js';
+import { T as Text } from './index-97107e59.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-49e46daf.js';
+import { M as MediaQueries } from './utils-ce37b229.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-dcd96fe6.js';
-import { R as Radio$1 } from './index-1e5a523f.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-9a691ffd.js';
-import { T as Text$1 } from './index-2f3e37f6.js';
+import { S as ShapedArrowDown } from './index-75a43c51.js';
+import { R as Radio$1 } from './index-9ea9d102.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a224164f.js';
+import { T as Text$1 } from './index-7d9809df.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-a698f514.js';
-import { C as Close } from './Close-de09c96b.js';
-import { u as useTranslations } from './index-993eaa2f.js';
+import { H as Heading } from './index-b972b1c5.js';
+import { C as Close } from './Close-7e5bc8d5.js';
+import { u as useTranslations } from './index-a8c02a3f.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-5d597bf6.js → index-5b6f4a9a.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-9a691ffd.js';
+import { _ as __rest } from './tslib.es6-a224164f.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-447d6e38.js';
+import { B as Button$1 } from './index-6e61052f.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-0bde212c.js → index-5df95772.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-9a691ffd.js';
+import { _ as __rest } from './tslib.es6-a224164f.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-7083909c.js';
+import { Z as ZINDEX_SSO } from './index-d6be25e5.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-5426e58c.js → index-6b19a592.js}

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

package/build/esm/{index-447d6e38.js → index-6e61052f.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-9a691ffd.js';
+import { _ as __rest } from './tslib.es6-a224164f.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, getStylesRef, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-4ef3921b.js';
-import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-06a878ad.js';
+import { A as ANIMATION_DURATION } from './shared-d066777f.js';
+import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-a4cf1132.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-dcd96fe6.js → index-75a43c51.js}

@@ -2,13 +2,13 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-9a281f88.js';
-import { T as Text } from './index-a7cf2464.js';
-import { _ as __rest } from './tslib.es6-9a691ffd.js';
+import { I as ImageWrap } from './index-330fec11.js';
+import { T as Text } from './index-97107e59.js';
+import { _ as __rest } from './tslib.es6-a224164f.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-0bde212c.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-5df95772.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-7083909c.js';
+import { Z as ZINDEX_SSO } from './index-d6be25e5.js';
 
 /* eslint-disable prettier/prettier */
 const ShapedArrowDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),

package/build/esm/{index-2f3e37f6.js → index-7d9809df.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-9a691ffd.js';
+import { _ as __rest } from './tslib.es6-a224164f.js';
 import React__default from 'react';
-import './index-1e5a523f.js';
+import './index-9ea9d102.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-7083909c.js';
-import './index-5426e58c.js';
-import './index-293b08f2.js';
-import './index-e9951450.js';
-import { T as Text$1 } from './index-a7cf2464.js';
-import './index-447d6e38.js';
-import './index-06a878ad.js';
-import './index.styles-81c4d6bc.js';
-import './translationsContext-3a596a57.js';
+import './index-d6be25e5.js';
+import './index-6b19a592.js';
+import './index-39714d5f.js';
+import './index-560b077a.js';
+import { T as Text$1 } from './index-97107e59.js';
+import './index-6e61052f.js';
+import './index-a4cf1132.js';
+import './index.styles-c97ece51.js';
+import './translationsContext-8d4cfc1e.js';
 import '@mantine/hooks';
-import './utils-49e46daf.js';
-import './index-8cf41b25.js';
+import './utils-ce37b229.js';
+import './index-52bef1cb.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-5449069c.js → index-8368508a.js}

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

package/build/esm/{index-62d56ce9.js → index-83ce03dc.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-9a691ffd.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-a224164f.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-2fc1443a.js';
-import { u as useTranslations } from './index-993eaa2f.js';
+import { D as Dropdown } from './index-a2e2768b.js';
+import { u as useTranslations } from './index-a8c02a3f.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-1e5a523f.js';
+import { I as Input$1 } from './index-9ea9d102.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-7083909c.js';
-import './index-5426e58c.js';
-import './index-293b08f2.js';
-import './index-e9951450.js';
-import { T as Text } from './index-a7cf2464.js';
-import { B as Button } from './index-447d6e38.js';
-import './index-06a878ad.js';
-import './index.styles-81c4d6bc.js';
+import './index-d6be25e5.js';
+import './index-6b19a592.js';
+import './index-39714d5f.js';
+import './index-560b077a.js';
+import { T as Text } from './index-97107e59.js';
+import { B as Button } from './index-6e61052f.js';
+import './index-a4cf1132.js';
+import './index.styles-c97ece51.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-49e46daf.js';
-import './index-8cf41b25.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-bdaae415.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-0208dff1.js';
+import { M as MediaQueries } from './utils-ce37b229.js';
+import './index-52bef1cb.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-f3f57032.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-f56125aa.js';
 import styled from '@emotion/styled';
-import { a as formatPost, f as formatCommunity, c as formatTopic } from './dataTransform-6d9d7542.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-201bf7b0.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-e336c803.js';
-import { C as CardAuthor } from './index-466220ea.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-c62e4b64.js';
-import { I as Input } from './index-960472d2.js';
+import { a as formatPost, f as formatCommunity, c as formatTopic } from './dataTransform-f85f47cf.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-e7a301e1.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-30ad5d92.js';
+import { C as CardAuthor } from './index-19baf21d.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-97c02ff4.js';
+import { I as Input } from './index-51f4734a.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-db048e25.js';
-import { C as CardLink } from './index-18639567.js';
-import { B as BtnChoice } from './index-a3a812cd.js';
-import { L as LOCALE } from './Locale-b7741771.js';
+import { L as Loading } from './index-1916f82b.js';
+import { C as CardLink } from './index-4f3ce102.js';
+import { B as BtnChoice } from './index-f3b5de58.js';
+import { L as LOCALE } from './Locale-f0a10bc2.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-f2bd6d0a.js';
-import { b as IconArrowLeft } from './index-84ed58fb.js';
-import { B as Button$1 } from './index-5d597bf6.js';
+import { L as Loading$1 } from './index-e2a42fdf.js';
+import { b as IconArrowLeft } from './index-2933d4e4.js';
+import { B as Button$1 } from './index-5b6f4a9a.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-eb86ffba.js';
-import { U as UserAvatar } from './index-e62d839f.js';
-import { P as PopoverMenu } from './index-1b017cb8.js';
+import { a as useUniqueId } from './useUniqueId-fb07df3d.js';
+import { U as UserAvatar } from './index-5325c18b.js';
+import { P as PopoverMenu } from './index-e76edda1.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-7c606482.js → index-8d36d9aa.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9a691ffd.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a224164f.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio } from './index-1e5a523f.js';
+import { R as Radio } from './index-9ea9d102.js';
 import { Stack, Group, createStyles, getStylesRef, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-7083909c.js';
-import './index-5426e58c.js';
-import { C as CommonGAssets } from './index-293b08f2.js';
-import './index-e9951450.js';
-import { T as Text } from './index-a7cf2464.js';
-import { B as Button$1 } from './index-447d6e38.js';
-import './index-06a878ad.js';
-import './index.styles-81c4d6bc.js';
-import './translationsContext-3a596a57.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-d6be25e5.js';
+import './index-6b19a592.js';
+import { C as CommonGAssets } from './index-39714d5f.js';
+import './index-560b077a.js';
+import { T as Text } from './index-97107e59.js';
+import { B as Button$1 } from './index-6e61052f.js';
+import './index-a4cf1132.js';
+import './index.styles-c97ece51.js';
+import './translationsContext-8d4cfc1e.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-49e46daf.js';
-import './index-8cf41b25.js';
-import { i as isInternalLink } from './index-8a0f3518.js';
+import { M as MediaQueries } from './utils-ce37b229.js';
+import './index-52bef1cb.js';
+import { i as isInternalLink } from './index-3a3cb6f0.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-3a970693.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-a6efbf3d.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-a7f9223e.js';
+import { L as Logo } from './index-c8d65449.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-1e3d777a.js';
+import { a as useOutsideClick } from './useOutsideClick-38a86a8a.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-5d597bf6.js';
-import { u as useScreenSize, I as ImageWrap } from './index-9a281f88.js';
-import { u as useTranslations } from './index-993eaa2f.js';
+import { B as Button } from './index-5b6f4a9a.js';
+import { u as useScreenSize, I as ImageWrap } from './index-330fec11.js';
+import { u as useTranslations } from './index-a8c02a3f.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-2fc1443a.js';
+import { D as Dropdown } from './index-a2e2768b.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-960472d2.js';
-import { D as Drawer } from './index-1dd79000.js';
+import { I as Input } from './index-51f4734a.js';
+import { D as Drawer } from './index-14b5df39.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-b7741771.js';
+import { L as LOCALE } from './Locale-f0a10bc2.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-61592fc9.js';
-import { L as Loading } from './index-db048e25.js';
+import { A as ArrowRightBlue } from './index-26857aef.js';
+import { L as Loading } from './index-1916f82b.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 

package/build/esm/{index-da37f30c.js → index-94a1f157.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-9a691ffd.js';
+import { _ as __rest } from './tslib.es6-a224164f.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-1e5a523f.js';
+import './index-9ea9d102.js';
 import '@mantine/dates';
-import './index-7083909c.js';
-import './index-5426e58c.js';
-import './index-293b08f2.js';
-import './index-e9951450.js';
-import { T as Text } from './index-a7cf2464.js';
-import './index-447d6e38.js';
-import { F as FontWeight } from './index-06a878ad.js';
-import './index.styles-81c4d6bc.js';
-import { u as useTranslations } from './index-993eaa2f.js';
+import './index-d6be25e5.js';
+import './index-6b19a592.js';
+import './index-39714d5f.js';
+import './index-560b077a.js';
+import { T as Text } from './index-97107e59.js';
+import './index-6e61052f.js';
+import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-a4cf1132.js';
+import './index.styles-c97ece51.js';
+import { u as useTranslations } from './index-a8c02a3f.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-49e46daf.js';
-import './index-8cf41b25.js';
-import { C as CardWrapperContext } from './context-79aba0ce.js';
+import { M as MediaQueries } from './utils-ce37b229.js';
+import './index-52bef1cb.js';
+import { C as CardWrapperContext } from './context-295ff7cb.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';
@@ -189,7 +189,7 @@ const ToolsBannerCard = (_a) => {
             } }))) : null;
     return (React__default.createElement(Box, Object.assign({ className: cx(className, classes.container), style: style, "data-site": siteType }, rest),
         React__default.createElement(Flex, { className: classes.headingWrapper },
-            React__default.createElement(Text, { className: cx(classes.heading, 'heading'), size: 'h4', as: headingAs }, heading),
+            React__default.createElement(Text, { className: cx(classes.heading, 'heading'), size: isMarryBaby ? 'h4' : 'h5', as: headingAs }, heading),
             medicalReviewEle && React__default.createElement(Text, { size: "n1" }, medicalReviewEle),
             disclaimer && (React__default.createElement(Flex, { gap: 4 },
                 React__default.createElement(Warning, { size: 16, color: theme.colors.yellow[8], className: classes.disclaimerIcon }),
@@ -319,13 +319,14 @@ const _HealthToolCardWrapper = (_a) => {
         styles,
         classNames,
     });
-    return (React__default.createElement(CardWrapperContext.Provider, { value: {
-            isPregTool,
-            classes,
-            variant,
-            hasBodyScroll,
-        } },
-        React__default.createElement(Box, Object.assign({ className: cx(className, classes.root) }, rest), children)));
+    return (React__default.createElement(TemplateProvider, { variant: CustomStylesType.LEADGEN },
+        React__default.createElement(CardWrapperContext.Provider, { value: {
+                isPregTool,
+                classes,
+                variant,
+                hasBodyScroll,
+            } },
+            React__default.createElement(Box, Object.assign({ className: cx(className, classes.root) }, rest), children))));
 };
 const HealthToolCardWrapper = _HealthToolCardWrapper;
 HealthToolCardWrapper.Body = Body;

package/build/esm/{index-a7cf2464.js → index-97107e59.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-9a691ffd.js';
+import { _ as __rest } from './tslib.es6-a224164f.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-06a878ad.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-a4cf1132.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-3b778384.js → index-9824fc15.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-9a691ffd.js';
+import { a as __awaiter } from './tslib.es6-a224164f.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-dee7ddfe.js';
-import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-7083909c.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-6082229f.js';
+import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-d6be25e5.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-b7741771.js';
+import { L as LOCALE } from './Locale-f0a10bc2.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-7bc901c5.js → index-9a18e7fd.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-9a691ffd.js';
+import { _ as __rest } from './tslib.es6-a224164f.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-b723b153.js';
-import { S as Spinner } from './Spinner-9481b570.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-2becb2bb.js';
+import { S as Spinner } from './Spinner-6696d4ff.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-0253ba35.js → index-9cb6e04c.js}

@@ -1,34 +1,34 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-993eaa2f.js';
+import { u as useTranslations } from './index-a8c02a3f.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-293b08f2.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-dee7ddfe.js';
+import { C as CommonGAssets } from './index-39714d5f.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-6082229f.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-dcd96fe6.js';
-import { b as getTogetherUserPostsApiPath } from './index-a7f37222.js';
-import { B as Button } from './index-5d597bf6.js';
-import { w as workingDays } from './types-df250530.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-75a43c51.js';
+import { b as getTogetherUserPostsApiPath } from './index-0119f2b2.js';
+import { B as Button } from './index-5b6f4a9a.js';
+import { w as workingDays } from './types-df7d1234.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-49e46daf.js';
+import { M as MediaQueries } from './utils-ce37b229.js';
 import { rem, clsx, Flex, Box } from '@mantine/core';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import classNames from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-7083909c.js';
-import { L as LOCALISED_SLUGS } from './constants-201bf7b0.js';
-import { T as Text } from './index-2f3e37f6.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-8ae2d56e.js';
-import { a as __awaiter } from './tslib.es6-9a691ffd.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-d6be25e5.js';
+import { L as LOCALISED_SLUGS } from './constants-e7a301e1.js';
+import { T as Text } from './index-7d9809df.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-41347770.js';
+import { a as __awaiter } from './tslib.es6-a224164f.js';
 import { useDisclosure } from '@mantine/hooks';
-import { u as useTextStyles, T as TextField } from './index-cc0b59ab.js';
+import { u as useTextStyles, T as TextField } from './index-2960fdc9.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-1e5a523f.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-06a878ad.js';
-import { B as Button$1 } from './index-447d6e38.js';
-import { M as MAPPED_LOCALE } from './index-e9951450.js';
-import { T as Text$1 } from './index-a7cf2464.js';
-import { I as ImageWrap } from './index-9a281f88.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-61592fc9.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-9ea9d102.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-a4cf1132.js';
+import { B as Button$1 } from './index-6e61052f.js';
+import { M as MAPPED_LOCALE } from './index-560b077a.js';
+import { T as Text$1 } from './index-97107e59.js';
+import { I as ImageWrap } from './index-330fec11.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-26857aef.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),

package/build/esm/{index-8d4f08a2.js → index-9dfcadb4.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9a691ffd.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a224164f.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-8cf41b25.js';
-import { L as Loading } from './index-1182c631.js';
-import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-6d9d7542.js';
+import { T as Tabs } from './index-52bef1cb.js';
+import { L as Loading } from './index-10070306.js';
+import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-f85f47cf.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-0208dff1.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-f56125aa.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-293b08f2.js';
-import { I as ImageWrap } from './index-9a281f88.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-466220ea.js';
-import { S as SocialType } from './index-5426e58c.js';
-import { u as useTranslations } from './index-993eaa2f.js';
+import { C as CommonGAssets } from './index-39714d5f.js';
+import { I as ImageWrap } from './index-330fec11.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-19baf21d.js';
+import { S as SocialType } from './index-6b19a592.js';
+import { u as useTranslations } from './index-a8c02a3f.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { a as Anchor$1 } from './index-1e5a523f.js';
+import { a as Anchor$1 } from './index-9ea9d102.js';
 import '@mantine/dates';
-import './index-7083909c.js';
-import './index-e9951450.js';
-import { T as Text } from './index-a7cf2464.js';
-import { B as Button } from './index-447d6e38.js';
-import './index-06a878ad.js';
-import './index.styles-81c4d6bc.js';
+import './index-d6be25e5.js';
+import './index-560b077a.js';
+import { T as Text } from './index-97107e59.js';
+import { B as Button } from './index-6e61052f.js';
+import './index-a4cf1132.js';
+import './index.styles-c97ece51.js';
 import '@mantine/hooks';
-import './utils-49e46daf.js';
+import './utils-ce37b229.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-e336c803.js';
-import { B as Button$1 } from './index-5d597bf6.js';
-import './translationsContext-3a596a57.js';
+import { d as decodeMention, b as decodePostUrl } from './post-30ad5d92.js';
+import { B as Button$1 } from './index-5b6f4a9a.js';
+import './translationsContext-8d4cfc1e.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;