@hhgtech/hhg-components 1.29.497-beta-5 → 1.29.497-beta-6

package/build/esm/{index-67a07b30.js → index-adedfc2c.js}

@@ -1,41 +1,41 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-0f8a705b.js';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-2e6875e6.js';
-import { G as GA_TOKEN_COOKIE } from './index-ca2cf03e.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-922bf4bf.js';
+import { C as CommonGAssets } from './index-6b8160e8.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-8b6b735a.js';
+import { G as GA_TOKEN_COOKIE } from './index-6a6be80e.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-f288a652.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-605c484f.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8a736291.js';
-import { I as ImageWrap } from './index-a1ca0d8f.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-399aab7c.js';
-import { u as useTranslations } from './index-79540ec8.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3e39844f.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-7095dbdc.js';
+import { I as ImageWrap } from './index-5e5a991a.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-98541773.js';
+import { u as useTranslations } from './index-8b691cda.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-d63abc6a.js';
+import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-28c3fdae.js';
 import '@mantine/dates';
-import './index-dc7bc07b.js';
-import { t as themeColors } from './index-c2ec0f6f.js';
-import { T as Text } from './index-cbe507d1.js';
-import { B as Button } from './index-e8357ddd.js';
-import './index-a0655a20.js';
-import './index.styles-5631cef6.js';
+import './index-a55d519d.js';
+import { t as themeColors } from './index-49ae109d.js';
+import { T as Text } from './index-cdf2fafc.js';
+import { B as Button } from './index-1a095350.js';
+import './index-1d8b6a01.js';
+import './index.styles-542e6cdc.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-fea745ad.js';
-import './index-6c7c048e.js';
+import './utils-35472f95.js';
+import './index-3b3ba31f.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-291de04c.js';
-import { H as Heading } from './index-2b8b76eb.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-b10c5d47.js';
-import { I as Icon } from './index-e1c072f5.js';
+import './translationsContext-463a5f0d.js';
+import { H as Heading } from './index-e8afc23a.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-43919b26.js';
+import { I as Icon } from './index-bf2a85c1.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-043fce19.js';
-import { M as Modal } from './index-a0c2672d.js';
+import { i as isVideo } from './index-c21bcf89.js';
+import { M as Modal } from './index-b734daea.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-0daa94ae.js';
+import { L as LOCALE } from './Locale-6c4d912d.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-159b745a.js → index-b2211921.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-605c484f.js';
+import { a as __awaiter } from './tslib.es6-3e39844f.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-a1ca0d8f.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-2e6875e6.js';
+import { I as ImageWrap } from './index-5e5a991a.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-8b6b735a.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-ce8cf96e.js';
-import { y as youtubeVidIdGetter } from './post-9f9fe592.js';
-import { L as Loading } from './index-a12d8eed.js';
+import { D as DEFAULT_IMG } from './constants-fb5c8072.js';
+import { y as youtubeVidIdGetter } from './post-29e76d7d.js';
+import { L as Loading } from './index-2cf97218.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-a0c2672d.js → index-b734daea.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-605c484f.js';
+import { _ as __rest } from './tslib.es6-3e39844f.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-5631cef6.js';
+import { u as useStyles } from './index.styles-542e6cdc.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-14d954d2.js → index-b81e2cf6.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-0daa94ae.js';
-import { C as CommonGAssets } from './index-0f8a705b.js';
+import { L as LOCALE } from './Locale-6c4d912d.js';
+import { C as CommonGAssets } from './index-6b8160e8.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-fea745ad.js';
-import { L as LogoIcon } from './logoIcon-1950b1e9.js';
-import './index-dc7bc07b.js';
-import { I as ImageWrap } from './index-a1ca0d8f.js';
+import { M as MediaQueries } from './utils-35472f95.js';
+import { L as LogoIcon } from './logoIcon-1173d6b3.js';
+import './index-a55d519d.js';
+import { I as ImageWrap } from './index-5e5a991a.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-e1c072f5.js → index-bf2a85c1.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-605c484f.js';
+import { _ as __rest } from './tslib.es6-3e39844f.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-e7b5105a.js';
-import { S as Spinner } from './Spinner-330b61e9.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-23d68f47.js';
+import { S as Spinner } from './Spinner-46dcd9ff.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-aa5087c4.js → index-c48c7b09.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-605c484f.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-3e39844f.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-e7880692.js';
-import { H as Heading } from './index-2b8b76eb.js';
-import { u as useTranslations } from './index-79540ec8.js';
+import { B as Button } from './index-c74e762c.js';
+import { H as Heading } from './index-e8afc23a.js';
+import { u as useTranslations } from './index-8b691cda.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-b08a4cf4.js';
-import { C as CommonGAssets } from './index-0f8a705b.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-ce8cf96e.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-944a915c.js';
+import { C as CommonGAssets } from './index-6b8160e8.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-fb5c8072.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-2e6875e6.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-cecaa746.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-8b6b735a.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-d0fad955.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-fea745ad.js';
+import { M as MediaQueries } from './utils-35472f95.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-041b739c.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-065d4300.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-073fd2d3.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-98ad2cd5.js';
-import { a as ProfileDetail, P as PostContent } from './index-6ef9e290.js';
-import { a as PostImagePreview } from './index-90c6dc9d.js';
-import { S as SocialLinkPreview } from './index-159b745a.js';
-import { D as Divider } from './index-5480a15e.js';
-import './index-ca2cf03e.js';
+import { C as CardLink } from './index-12d900bc.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-3385f01c.js';
+import { a as ProfileDetail, P as PostContent } from './index-558d9e43.js';
+import { a as PostImagePreview } from './index-4522399d.js';
+import { S as SocialLinkPreview } from './index-b2211921.js';
+import { D as Divider } from './index-b06e106b.js';
+import './index-6a6be80e.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-78c15591.js';
-import { T as Text } from './index-cbe507d1.js';
-import { L as Loading } from './index-a12d8eed.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-399aab7c.js';
+import { I as Input } from './index-cb203a01.js';
+import { T as Text } from './index-cdf2fafc.js';
+import { L as Loading } from './index-2cf97218.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-98541773.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-e7880692.js → index-c74e762c.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-605c484f.js';
+import { _ as __rest } from './tslib.es6-3e39844f.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-e8357ddd.js';
+import { B as Button$1 } from './index-1a095350.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-0b252c7b.js → index-c8c2e59d.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-8e55f791.js';
-import { T as Text } from './index-6645eeae.js';
+import { M as MarryBabyText } from './index-effb44a4.js';
+import { T as Text } from './index-3342ed4e.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-b4ea049e.js → index-c93390b8.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-605c484f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3e39844f.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-330b61e9.js';
-import { A as Avatar } from './index-d63abc6a.js';
-import { B as Button } from './index-e8357ddd.js';
-import { T as Text } from './index-cbe507d1.js';
-import { u as useTranslations } from './index-79540ec8.js';
-import { C as CommonGAssets } from './index-0f8a705b.js';
+import { S as Spinner } from './Spinner-46dcd9ff.js';
+import { A as Avatar } from './index-28c3fdae.js';
+import { B as Button } from './index-1a095350.js';
+import { T as Text } from './index-cdf2fafc.js';
+import { u as useTranslations } from './index-8b691cda.js';
+import { C as CommonGAssets } from './index-6b8160e8.js';
 import { theme } from './miscTheme.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 } from './index-ca2cf03e.js';
-import { d as domainLocalesMarryBaby } from './utils-2e6875e6.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-399aab7c.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 } from './index-6a6be80e.js';
+import { d as domainLocalesMarryBaby } from './utils-8b6b735a.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-98541773.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-fea745ad.js';
+import { M as MediaQueries } from './utils-35472f95.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import classNames from 'classnames';
 import { ProfileNavigation } from './profileNavigation.js';

package/build/esm/{index-78c15591.js → index-cb203a01.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-605c484f.js';
+import { _ as __rest } from './tslib.es6-3e39844f.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-fea745ad.js';
+import { M as MediaQueries } from './utils-35472f95.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-cbe507d1.js → index-cdf2fafc.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-605c484f.js';
+import { _ as __rest } from './tslib.es6-3e39844f.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-a0655a20.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-1d8b6a01.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-c60fa7f9.js → index-cea04cc2.js}

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

package/build/esm/{index-e54b3084.js → index-d3323285.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-605c484f.js';
+import { _ as __rest } from './tslib.es6-3e39844f.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-b10c5d47.js';
-import { u as useTranslations } from './index-79540ec8.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-ce8cf96e.js';
-import { I as Input } from './index-d63abc6a.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-43919b26.js';
+import { u as useTranslations } from './index-8b691cda.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-fb5c8072.js';
+import { I as Input } from './index-28c3fdae.js';
 import '@mantine/dates';
-import './index-ca2cf03e.js';
-import './index-dc7bc07b.js';
-import './index-0f8a705b.js';
-import './index-c2ec0f6f.js';
-import './index-cbe507d1.js';
-import './index-e8357ddd.js';
-import './index-a0655a20.js';
-import './index.styles-5631cef6.js';
+import './index-6a6be80e.js';
+import './index-a55d519d.js';
+import './index-6b8160e8.js';
+import './index-49ae109d.js';
+import { T as Text } from './index-cdf2fafc.js';
+import './index-1a095350.js';
+import './index-1d8b6a01.js';
+import './index.styles-542e6cdc.js';
 import '@mantine/hooks';
-import './utils-fea745ad.js';
-import './index-6c7c048e.js';
-import { C as CardWrapperContext } from './context-7108ba50.js';
-import { H as HealthToolFormWrapper } from './index-d69ebf99.js';
-import { I as INPUT_RANGE } from './constants-75abd2ac.js';
+import './utils-35472f95.js';
+import './index-3b3ba31f.js';
+import { C as CardWrapperContext } from './context-a1a0383c.js';
+import { H as HealthToolFormWrapper } from './index-fad76d07.js';
+import { I as INPUT_RANGE } from './constants-c630b1ef.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});
@@ -34,21 +34,21 @@ const DefaultForm = (_a) => {
     const isMarryBaby = theme.other.template === 'mb';
     return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Number, Object.assign({ label: t('pregnancyWeightGain.weekInput'), min: INPUT_RANGE.pregnantWeek.min, max: INPUT_RANGE.pregnantWeek.max, placeholder: `${INPUT_RANGE.pregnantWeek.min} - ${INPUT_RANGE.pregnantWeek.max}` }, form.getInputProps('pregnantWeek')))),
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('pregnancyWeightGain.weekInput')), min: INPUT_RANGE.pregnantWeek.min, max: INPUT_RANGE.pregnantWeek.max, placeholder: `${INPUT_RANGE.pregnantWeek.min} - ${INPUT_RANGE.pregnantWeek.max}` }, form.getInputProps('pregnantWeek')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Number, Object.assign({ label: t('pregnancyWeightGain.weightBeforeInput'), min: INPUT_RANGE.weight.min, max: INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('pregnancyWeightGain.weightBeforeInput')), min: INPUT_RANGE.weight.min, max: INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
                     content: '50',
                 }) }, form.getInputProps('lastWeight')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Number, Object.assign({ label: t('pregnancyWeightGain.heightInput'), min: INPUT_RANGE.height.min, max: INPUT_RANGE.height.max, placeholder: t('tools.inputPlaceholder', {
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('pregnancyWeightGain.heightInput')), min: INPUT_RANGE.height.min, max: INPUT_RANGE.height.max, placeholder: t('tools.inputPlaceholder', {
                     content: '160',
                 }) }, form.getInputProps('height')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Number, Object.assign({ label: t('pregnancyWeightGain.weightInput'), min: INPUT_RANGE.weight.min, max: INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('pregnancyWeightGain.weightInput')), min: INPUT_RANGE.weight.min, max: INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
                     content: '50',
                 }) }, form.getInputProps('weight')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(HealthToolFormWrapper.Switching, Object.assign({ label: t('pregnancyWeightGain.havingTwins') }, form.getInputProps('hasTwin')))),
+            React__default.createElement(HealthToolFormWrapper.Switching, Object.assign({ label: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('pregnancyWeightGain.havingTwins')) }, form.getInputProps('hasTwin')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
             React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "Embedded Pregnancy Weight Gain", dataEventLabel: `https://${domainLocales[isMarryBaby ? 'vi-VN_MB' : locale]}/${linkTool}`, className: clsx('due-date-calculate-button', wrapperClasses.submitBtn) }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };

package/build/esm/{index-2622be7d.js → index-d4c6db0c.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-605c484f.js';
+import { _ as __rest } from './tslib.es6-3e39844f.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-2e6875e6.js';
+import { T as TogetherComponentGlobalContext } from './utils-8b6b735a.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-6ab2c3b8.js → index-da12b5bd.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-cbe507d1.js';
+import { T as Text } from './index-cdf2fafc.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-fea745ad.js';
+import { M as MediaQueries } from './utils-35472f95.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-8f963486.js';
-import { R as Radio$1 } from './index-d63abc6a.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-605c484f.js';
-import { T as Text$1 } from './index-6645eeae.js';
+import { S as ShapedArrowDown } from './index-81be3a0f.js';
+import { R as Radio$1 } from './index-28c3fdae.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3e39844f.js';
+import { T as Text$1 } from './index-3342ed4e.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-2b8b76eb.js';
-import { C as Close } from './Close-f53ce924.js';
-import { u as useTranslations } from './index-79540ec8.js';
+import { H as Heading } from './index-e8afc23a.js';
+import { C as Close } from './Close-7d202504.js';
+import { u as useTranslations } from './index-8b691cda.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-5c74ad6c.js → index-e28035b0.js}

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

package/build/esm/{index-3094881b.js → index-e5a1c1a4.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-605c484f.js';
+import { _ as __rest } from './tslib.es6-3e39844f.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-d63abc6a.js';
+import { R as Radio } from './index-28c3fdae.js';
 import '@mantine/dates';
-import './index-ca2cf03e.js';
-import './index-dc7bc07b.js';
-import { C as CommonGAssets } from './index-0f8a705b.js';
-import './index-c2ec0f6f.js';
-import { T as Text } from './index-cbe507d1.js';
-import './index-e8357ddd.js';
-import './index-a0655a20.js';
-import './index.styles-5631cef6.js';
-import { u as useTranslations } from './index-79540ec8.js';
+import './index-6a6be80e.js';
+import './index-a55d519d.js';
+import { C as CommonGAssets } from './index-6b8160e8.js';
+import './index-49ae109d.js';
+import { T as Text } from './index-cdf2fafc.js';
+import './index-1a095350.js';
+import './index-1d8b6a01.js';
+import './index.styles-542e6cdc.js';
+import { u as useTranslations } from './index-8b691cda.js';
 import '@mantine/hooks';
-import './utils-fea745ad.js';
-import './index-6c7c048e.js';
+import './utils-35472f95.js';
+import './index-3b3ba31f.js';
 
 var useStyles = createStyles((theme, { type, color }) => {
     var _a;

package/build/esm/{index-2b8b76eb.js → index-e8afc23a.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-605c484f.js';
+import { _ as __rest } from './tslib.es6-3e39844f.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-cbe507d1.js';
+import { T as Text } from './index-cdf2fafc.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-8e55f791.js → index-effb44a4.js}

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

package/build/esm/{index-fc0fef12.js → index-f464eb9e.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-605c484f.js';
+import { _ as __rest } from './tslib.es6-3e39844f.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-66ee12e7.js';
-import { L as LOCALE } from './Locale-0daa94ae.js';
+import { L as LastPeriod } from './LastPeriod-2ad3ec60.js';
+import { L as LOCALE } from './Locale-6c4d912d.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-d63abc6a.js';
-import { D as DatePicker } from './index-4b017f41.js';
-import { T as Text } from './index-cbe507d1.js';
-import './index-e8357ddd.js';
-import './index-a0655a20.js';
-import './index.styles-5631cef6.js';
-import { u as useTranslations } from './index-79540ec8.js';
+import { R as Radio, I as Input, S as Select } from './index-28c3fdae.js';
+import { D as DatePicker } from './index-a8836200.js';
+import { T as Text } from './index-cdf2fafc.js';
+import './index-1a095350.js';
+import './index-1d8b6a01.js';
+import './index.styles-542e6cdc.js';
+import { u as useTranslations } from './index-8b691cda.js';
 import '@mantine/hooks';
-import './index-c2ec0f6f.js';
-import './utils-fea745ad.js';
-import './index-6c7c048e.js';
-import { H as HealthToolFormWrapper } from './index-d69ebf99.js';
+import './index-49ae109d.js';
+import './utils-35472f95.js';
+import './index-3b3ba31f.js';
+import { H as HealthToolFormWrapper } from './index-fad76d07.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-7108ba50.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-ca2cf03e.js';
+import { C as CardWrapperContext } from './context-a1a0383c.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-6a6be80e.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {
@@ -248,7 +248,7 @@ const DefaultLayout$4 = () => {
     const { t } = useTranslations();
     const { form } = useContext(ConceptionFormContext);
     return (React__default.createElement(HealthToolFormWrapper.FormRow, null,
-        React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.lastPeriod.lastPeriodLabel') }, form.getInputProps('lastPeriodDate'), { popoverProps: {
+        React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() }))));
 };
@@ -307,7 +307,7 @@ const DefaultLayout$3 = () => {
     const { t } = useTranslations();
     const { form } = useContext(IUIFormContext);
     return (React__default.createElement(HealthToolFormWrapper.FormRow, null,
-        React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.date_of_IUI_procedure') }, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
+        React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.date_of_IUI_procedure')) }, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() }))));
 };
@@ -366,7 +366,7 @@ const DefaultLayout$2 = () => {
     const { form, transferDateOptions } = useContext(IVFFormContext);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.ivf.transferDate') }, form.getInputProps('IVFDate'), { popoverProps: {
+            React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.ivf.transferDate')) }, form.getInputProps('IVFDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
@@ -457,11 +457,11 @@ const DefaultLayout$1 = () => {
     })), []);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.lastPeriod.lastPeriodLabel') }, form.getInputProps('lastPeriodDate'), { popoverProps: {
+            React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Wrapper, { label: t('dueDatePage.lastPeriod.periodLengthLabel') },
+            React__default.createElement(Input.Wrapper, { label: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.lastPeriod.periodLengthLabel')) },
                 React__default.createElement(Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
                         content: t('dueDatePage.daysText', { number: 30 }),
                     }), data: periodLengthDropDownOptions, withinPortal: true }, form.getInputProps('periodLength')))))));
@@ -553,12 +553,12 @@ const DefaultLayout = () => {
     const inputPropsMSD = form.getInputProps('ultrasoundMSD');
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.date_of_ultrasound') }, form.getInputProps('dateOfUltrasound'), { popoverProps: {
+            React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.date_of_ultrasound')) }, form.getInputProps('dateOfUltrasound'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
             React__default.createElement(Flex, { align: "center", gap: 4, mb: 4 },
-                React__default.createElement(Text, { as: "label", size: "s4" }, t('dueDatePage.validation.one_is_required')),
+                React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.validation.one_is_required')),
                 React__default.createElement(Tooltip, { withinPortal: true, withArrow: true, width: 300, multiline: true, label: t('dueDatePage.ultrasound.tooltip') },
                     React__default.createElement(Flex, null,
                         React__default.createElement(Info, { size: 16 })))),
@@ -725,8 +725,8 @@ const DueDateForm = (_a) => {
         React__default.createElement(HealthToolFormWrapper, Object.assign({ component: "div", formLayout: formLayout }, props),
             formLayout === 'default' ? (React__default.createElement(HealthToolFormWrapper.FormRow, null,
                 React__default.createElement(HealthToolFormWrapper.Control, null,
-                    React__default.createElement(Select, { label: t('dueDatePage.calculationMethod'), value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)), icon: selectedMethod === null || selectedMethod === void 0 ? void 0 : selectedMethod.icon })))) : (React__default.createElement(HealthToolFormWrapper.FormRow, null,
-                React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.calculationMethod'), width: 300 },
+                    React__default.createElement(Select, { label: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.calculationMethod')), value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)), icon: selectedMethod === null || selectedMethod === void 0 ? void 0 : selectedMethod.icon })))) : (React__default.createElement(HealthToolFormWrapper.FormRow, null,
+                React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.calculationMethod')), width: 300 },
                     React__default.createElement(Select, { value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)) })))),
             React__default.createElement(FormSwitcher, null))));
 };

package/build/esm/{index-d69ebf99.js → index-fad76d07.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-605c484f.js';
+import { _ as __rest } from './tslib.es6-3e39844f.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-cbe507d1.js';
-import { B as Button } from './index-e8357ddd.js';
-import { u as useTranslations } from './index-79540ec8.js';
+import { T as Text } from './index-cdf2fafc.js';
+import { B as Button } from './index-1a095350.js';
+import { u as useTranslations } from './index-8b691cda.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 
@@ -42,7 +42,7 @@ const ChipGroup = (_a) => {
                 ? 32
                 : 18;
     return (React__default.createElement(Box, null,
-        React__default.createElement(Input.Wrapper, { label: label },
+        React__default.createElement(Input.Wrapper, { label: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, label) },
             React__default.createElement(Chip.Group, Object.assign({}, props),
                 React__default.createElement(Box, { className: classes.group }, data.map((i, idx) => (React__default.createElement(Chip, { className: classes.item, key: idx, value: String(i.value), styles: {
                         iconWrapper: {
@@ -129,7 +129,7 @@ var useStyles$6 = createStyles((theme, { formLayout }) => {
             '.mantine-Input-input::placeholder, .mantine-Input-input[data-invalid]::placeholder': {
                 color: '#8C8C8C',
             },
-            [theme.fn.smallerThan('sm')]: Object.assign({ input: {
+            [theme.fn.smallerThan('sm')]: Object.assign({ 'input, .mantine-DatePickerInput-input': {
                     fontSize: rem(14),
                 } }, (formLayout === 'default' && {
                 gap: 8,