@hhgtech/hhg-components 1.29.497-beta-7 → 1.29.497-beta-9

package/build/esm/{index-783ff75e.js → index-9eb6a482.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-1d9b6ec1.js';
+import { _ as __rest } from './tslib.es6-0d463f46.js';
 import React__default from 'react';
-import './index-5b2746fc.js';
+import './index-67bcdaf8.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-b6cabf4b.js';
-import './index-8a252de3.js';
-import './index-7ce961d8.js';
-import './index-e32c6547.js';
-import { T as Text$1 } from './index-72c764dd.js';
-import './index-755acd20.js';
-import './index-4d0f7f17.js';
-import './index.styles-e54de34d.js';
-import './translationsContext-5e2fa959.js';
+import './index-72b4852d.js';
+import './index-934eff88.js';
+import './index-4425742a.js';
+import './index-a9b556b3.js';
+import { T as Text$1 } from './index-089e7949.js';
+import './index-6f9df63a.js';
+import './index-59dafea5.js';
+import './index.styles-05495d08.js';
+import './translationsContext-10c70ff2.js';
 import '@mantine/hooks';
-import './utils-ed42867b.js';
-import './index-d69cbb65.js';
+import './utils-41f7732d.js';
+import './index-849dd0d0.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-53556126.js → index-a1895969.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-1d9b6ec1.js';
+import { _ as __rest } from './tslib.es6-0d463f46.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-8a252de3.js';
+import './index-934eff88.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-7ce961d8.js';
+import { C as CommonGAssets } from './index-4425742a.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-263cf5d0.js';
-import { T as Text } from './index-783ff75e.js';
-import { L as LOCALE } from './Locale-8d8dfda0.js';
-import { e as CentralCarousel } from './index-5b2746fc.js';
+import { I as ImageWrap } from './index-0be3b46c.js';
+import { T as Text } from './index-9eb6a482.js';
+import { L as LOCALE } from './Locale-16599de7.js';
+import { e as CentralCarousel } from './index-67bcdaf8.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-6586643c.js → index-a694c2c5.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-1d9b6ec1.js';
+import { a as __awaiter } from './tslib.es6-0d463f46.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-263cf5d0.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-530fae23.js';
+import { I as ImageWrap } from './index-0be3b46c.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-8bdb2c91.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-5e6ef561.js';
-import { y as youtubeVidIdGetter } from './post-a1c6b481.js';
-import { L as Loading } from './index-949543ff.js';
+import { D as DEFAULT_IMG } from './constants-2ee6eb48.js';
+import { y as youtubeVidIdGetter } from './post-1c853490.js';
+import { L as Loading } from './index-215ca493.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-c70465b3.js → index-a6c52598.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-755acd20.js';
+import { B as Button } from './index-6f9df63a.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-e32c6547.js → index-a9b556b3.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-1d9b6ec1.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-0d463f46.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-8a252de3.js';
-import { L as LOCALE } from './Locale-8d8dfda0.js';
+import './index-934eff88.js';
+import { L as LOCALE } from './Locale-16599de7.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-b6cabf4b.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-72b4852d.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-7ce961d8.js';
+import { C as CommonGAssets } from './index-4425742a.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-ed42867b.js';
-import { C as CustomStylesType, F as FontWeight } from './index-4d0f7f17.js';
-import { A as ANIMATION_DURATION } from './shared-309ed39d.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-41f7732d.js';
+import { C as CustomStylesType, F as FontWeight } from './index-59dafea5.js';
+import { A as ANIMATION_DURATION } from './shared-ad5f2cfc.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-cdeadade.js → index-aca82414.js}

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

package/build/esm/{index-27739fd9.js → index-af7d058e.js}

@@ -1,28 +1,27 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-1d9b6ec1.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-0d463f46.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-46a6cd84.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-5e6ef561.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-4b40ec8a.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-2ee6eb48.js';
 import { Grid, Flex, Box, clsx, createStyles, rem, Stack } from '@mantine/core';
-import { G as GenderOptionControl } from './index-6829477b.js';
-import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-5b2746fc.js';
+import { G as GenderOptionControl } from './index-731f5197.js';
+import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-67bcdaf8.js';
 import '@mantine/dates';
-import './index-b6cabf4b.js';
-import './index-8a252de3.js';
-import './index-7ce961d8.js';
-import './index-e32c6547.js';
-import { T as Text } from './index-72c764dd.js';
-import './index-755acd20.js';
-import { theme } from './miscTheme.js';
-import './index-4d0f7f17.js';
-import './index.styles-e54de34d.js';
-import { u as useTranslations } from './index-ebdc034f.js';
+import './index-72b4852d.js';
+import './index-934eff88.js';
+import './index-4425742a.js';
+import './index-a9b556b3.js';
+import { T as Text } from './index-089e7949.js';
+import './index-6f9df63a.js';
+import './index-59dafea5.js';
+import './index.styles-05495d08.js';
+import { u as useTranslations } from './index-e6363712.js';
 import '@mantine/hooks';
-import './utils-ed42867b.js';
-import './index-d69cbb65.js';
-import { H as HealthToolFormWrapper } from './index-61e5dd84.js';
-import { C as CardWrapperContext } from './context-a1e63b80.js';
-import { L as LOCALE } from './Locale-8d8dfda0.js';
+import './utils-41f7732d.js';
+import './index-849dd0d0.js';
+import { H as HealthToolFormWrapper } from './index-62c388f1.js';
+import { C as CardWrapperContext } from './context-bf87a39f.js';
+import { L as LOCALE } from './Locale-16599de7.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 
@@ -46,55 +45,52 @@ const DefaultForm = (props) => {
                     } })),
             React__default.createElement(Grid.Col, { span: 12 },
                 React__default.createElement(Controller, { name: "age", control: control, rules: (_b = bmiGenerated.age) === null || _b === void 0 ? void 0 : _b.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                        return (React__default.createElement(Input.Number, { label: React__default.createElement(Text, { size: "p3", weight: "semiBold" },
-                                t('bmi.ageInput'),
-                                ' ',
-                                React__default.createElement(Text, { size: "p3", weight: "semiBold", color: theme.colors.gray300, as: "span" }, t('bmi.ageInput.desc'))), placeholder: t('tools.inputPlaceholder', {
+                        return (React__default.createElement(Input.Number, { label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('bmi.ageInput')), placeholder: t('tools.inputPlaceholder', {
                                 content: '25',
-                            }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', min: 0 }));
+                            }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', min: 0, rightSection: t('bmi.ageInput.desc'), classNames: {
+                                rightSection: formWrapperClasses.inputRightSection,
+                            } }));
                     } })),
             React__default.createElement(Grid.Col, { span: 12 },
                 React__default.createElement(Grid, { gutter: 8 },
                     React__default.createElement(Grid.Col, { span: 6 },
                         React__default.createElement(Controller, { name: "height", control: control, rules: (_c = bmiGenerated.height) === null || _c === void 0 ? void 0 : _c.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                                return (React__default.createElement(Input.Number, { label: React__default.createElement(Text, { size: "p3", weight: "semiBold" },
-                                        t('bmi.heightInput'),
-                                        ' ',
-                                        React__default.createElement(Text, { size: "p3", weight: "semiBold", color: theme.colors.gray300, as: "span" }, t('bmi.heightInput.desc'))), placeholder: t('tools.inputPlaceholder', {
+                                return (React__default.createElement(Input.Number, { label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('bmi.heightInput')), rightSection: t('bmi.heightInput.desc'), placeholder: t('tools.inputPlaceholder', {
                                         content: locale === LOCALE.Myanmar ? 6 : 170,
-                                    }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', min: 0 }));
+                                    }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', min: 0, classNames: {
+                                        rightSection: formWrapperClasses.inputRightSection,
+                                    } }));
                             } })),
                     React__default.createElement(Grid.Col, { span: 6 },
                         React__default.createElement(Controller, { name: "weight", control: control, rules: (_d = bmiGenerated.weight) === null || _d === void 0 ? void 0 : _d.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                                return (React__default.createElement(Input.Number, { label: React__default.createElement(Text, { size: "p3", weight: "semiBold" },
-                                        t('bmi.weightInput'),
-                                        ' ',
-                                        React__default.createElement(Text, { size: "p3", weight: "semiBold", color: theme.colors.gray300, as: "span" }, t('bmi.weightInput.desc'))), placeholder: t('tools.inputPlaceholder', {
+                                return (React__default.createElement(Input.Number, { label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('bmi.weightInput')), rightSection: t('bmi.weightInput.desc'), placeholder: t('tools.inputPlaceholder', {
                                         content: locale === LOCALE.Myanmar ? 130 : 60,
-                                    }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', precision: 1, min: 0 }));
+                                    }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', precision: 1, min: 0, classNames: {
+                                        rightSection: formWrapperClasses.inputRightSection,
+                                    } }));
                             } }))))),
         withAdditionalQuestion ? (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(Grid, { gutter: 4, px: 16 },
                 React__default.createElement(Grid.Col, null,
                     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: "p3", 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 }) : '' },
+                            return (React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "p2", 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: React__default.createElement(Text, { size: "p3" }, t('switchBtn.yes')), styles: radioStyle }),
-                                    React__default.createElement(Radio, { size: "sm", value: "0", label: React__default.createElement(Text, { size: "p3" }, t('switchBtn.no')), styles: radioStyle }))));
+                                    React__default.createElement(Radio, { size: "sm", value: "1", label: React__default.createElement(Text, { size: "p2" }, t('switchBtn.yes')), styles: radioStyle }),
+                                    React__default.createElement(Radio, { size: "sm", value: "0", label: React__default.createElement(Text, { size: "p2" }, t('switchBtn.no')), styles: radioStyle }))));
                         } })),
                 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: "p3", 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 }) : '' },
+                            return (React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "p2", 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: React__default.createElement(Text, { size: "p3" }, t('switchBtn.yes')), styles: radioStyle }),
-                                    React__default.createElement(Radio, { size: "sm", value: "0", label: React__default.createElement(Text, { size: "p3" }, t('switchBtn.no')), styles: radioStyle }))));
+                                    React__default.createElement(Radio, { size: "sm", value: "1", label: React__default.createElement(Text, { size: "p2" }, t('switchBtn.yes')), styles: radioStyle }),
+                                    React__default.createElement(Radio, { size: "sm", value: "0", label: React__default.createElement(Text, { size: "p2" }, t('switchBtn.no')), styles: radioStyle }))));
                         } }))),
             React__default.createElement(Box, { className: clsx(formWrapperClasses.newsletterBlock, cardWrapperClasses.newsletterBlock) },
                 React__default.createElement(Grid, { gutter: 8, px: 16, py: 12 },
                     React__default.createElement(Grid.Col, null,
                         React__default.createElement(Controller, { name: "newsletter", control: control, rules: (_g = bmiGenerated.newsletter) === null || _g === void 0 ? void 0 : _g.rule, render: (_a) => {
                                 var _b = _a.field, { value, onChange, name } = _b, field = __rest(_b, ["value", "onChange", "name"]);
-                                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)));
+                                return (React__default.createElement(Checkbox, Object.assign({ size: "sm", label: React__default.createElement(Text, { size: "p2" }, 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(Box, { px: 16, sx: { paddingBottom: 8 } },
@@ -111,6 +107,13 @@ var useStyles = createStyles((theme) => {
                 marginTop: 0,
             },
         },
+        inputRightSection: {
+            fontSize: rem(13),
+            lineHeight: rem(24),
+            color: theme.colors.gray[4],
+            justifyContent: 'flex-end',
+            paddingRight: 8,
+        },
     };
 });
 

package/build/esm/{index-84bec8d5.js → index-b7e03f5b.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-1d9b6ec1.js';
+import { _ as __rest } from './tslib.es6-0d463f46.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, Box, clsx } from '@mantine/core';
-import './index-5b2746fc.js';
+import './index-67bcdaf8.js';
 import '@mantine/dates';
-import './index-b6cabf4b.js';
-import './index-8a252de3.js';
-import './index-7ce961d8.js';
-import './index-e32c6547.js';
-import { T as Text } from './index-72c764dd.js';
-import { B as Button } from './index-755acd20.js';
-import './index-4d0f7f17.js';
-import './index.styles-e54de34d.js';
-import { u as useTranslations } from './index-ebdc034f.js';
+import './index-72b4852d.js';
+import './index-934eff88.js';
+import './index-4425742a.js';
+import './index-a9b556b3.js';
+import { T as Text } from './index-089e7949.js';
+import { B as Button } from './index-6f9df63a.js';
+import './index-59dafea5.js';
+import './index.styles-05495d08.js';
+import { u as useTranslations } from './index-e6363712.js';
 import '@mantine/hooks';
-import './utils-ed42867b.js';
-import './index-d69cbb65.js';
-import { C as CardWrapperContext } from './context-a1e63b80.js';
-import { H as HealthToolFormWrapper } from './index-61e5dd84.js';
+import './utils-41f7732d.js';
+import './index-849dd0d0.js';
+import { C as CardWrapperContext } from './context-bf87a39f.js';
+import { H as HealthToolFormWrapper } from './index-62c388f1.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-dacc19b1.js → index-b8021904.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-1d9b6ec1.js';
+import { _ as __rest } from './tslib.es6-0d463f46.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-755acd20.js';
+import { B as Button$1 } from './index-6f9df63a.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-f2c70ce9.js → index-bb35258a.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-1d9b6ec1.js';
+import { _ as __rest } from './tslib.es6-0d463f46.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-46a6cd84.js';
-import { u as useTranslations } from './index-ebdc034f.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-5e6ef561.js';
-import { I as Input } from './index-5b2746fc.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-4b40ec8a.js';
+import { u as useTranslations } from './index-e6363712.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-2ee6eb48.js';
+import { I as Input } from './index-67bcdaf8.js';
 import '@mantine/dates';
-import './index-b6cabf4b.js';
-import './index-8a252de3.js';
-import './index-7ce961d8.js';
-import './index-e32c6547.js';
-import { T as Text } from './index-72c764dd.js';
-import './index-755acd20.js';
-import './index-4d0f7f17.js';
-import './index.styles-e54de34d.js';
+import './index-72b4852d.js';
+import './index-934eff88.js';
+import './index-4425742a.js';
+import './index-a9b556b3.js';
+import { T as Text } from './index-089e7949.js';
+import './index-6f9df63a.js';
+import './index-59dafea5.js';
+import './index.styles-05495d08.js';
 import '@mantine/hooks';
-import './utils-ed42867b.js';
-import './index-d69cbb65.js';
-import { C as CardWrapperContext } from './context-a1e63b80.js';
-import { H as HealthToolFormWrapper } from './index-61e5dd84.js';
-import { I as INPUT_RANGE } from './constants-ce342423.js';
+import './utils-41f7732d.js';
+import './index-849dd0d0.js';
+import { C as CardWrapperContext } from './context-bf87a39f.js';
+import { H as HealthToolFormWrapper } from './index-62c388f1.js';
+import { I as INPUT_RANGE } from './constants-0d787766.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: 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(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p2", 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: 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', {
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p2", 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: 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', {
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p2", 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: 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', {
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p2", 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: React__default.createElement(Text, { size: "p3", weight: "semiBold" }, t('pregnancyWeightGain.havingTwins')) }, form.getInputProps('hasTwin')))),
+            React__default.createElement(HealthToolFormWrapper.Switching, Object.assign({ label: React__default.createElement(Text, { size: "p2", 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-703dca56.js → index-ca391a25.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-1d9b6ec1.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-0d463f46.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-5b2746fc.js';
+import { R as Radio } from './index-67bcdaf8.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-b6cabf4b.js';
-import './index-8a252de3.js';
-import { C as CommonGAssets } from './index-7ce961d8.js';
-import './index-e32c6547.js';
-import { T as Text } from './index-72c764dd.js';
-import { B as Button$1 } from './index-755acd20.js';
-import './index-4d0f7f17.js';
-import './index.styles-e54de34d.js';
-import './translationsContext-5e2fa959.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-72b4852d.js';
+import './index-934eff88.js';
+import { C as CommonGAssets } from './index-4425742a.js';
+import './index-a9b556b3.js';
+import { T as Text } from './index-089e7949.js';
+import { B as Button$1 } from './index-6f9df63a.js';
+import './index-59dafea5.js';
+import './index.styles-05495d08.js';
+import './translationsContext-10c70ff2.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-ed42867b.js';
-import './index-d69cbb65.js';
-import { i as isInternalLink } from './index-91a40628.js';
+import { M as MediaQueries } from './utils-41f7732d.js';
+import './index-849dd0d0.js';
+import { i as isInternalLink } from './index-2e51e2fc.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-1a14cd8d.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-00c47aa5.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-61988483.js';
+import { L as Logo } from './index-6635102f.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-9fa4b31e.js';
+import { a as useOutsideClick } from './useOutsideClick-b1583f3c.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-dacc19b1.js';
-import { u as useScreenSize, I as ImageWrap } from './index-263cf5d0.js';
-import { u as useTranslations } from './index-ebdc034f.js';
+import { B as Button } from './index-b8021904.js';
+import { u as useScreenSize, I as ImageWrap } from './index-0be3b46c.js';
+import { u as useTranslations } from './index-e6363712.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-26315029.js';
+import { D as Dropdown } from './index-0cd5f55a.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-3b19dc55.js';
-import { D as Drawer } from './index-0122cc3a.js';
+import { I as Input } from './index-6b670175.js';
+import { D as Drawer } from './index-ed33daaa.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-8d8dfda0.js';
+import { L as LOCALE } from './Locale-16599de7.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-9080d7f0.js';
-import { L as Loading } from './index-ea139927.js';
+import { A as ArrowRightBlue } from './index-48170553.js';
+import { L as Loading } from './index-81f9e739.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 

package/build/esm/{index-e98e020c.js → index-d2a5d09c.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-1d9b6ec1.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-0d463f46.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-dacc19b1.js';
-import { H as Heading } from './index-d166de6f.js';
-import { u as useTranslations } from './index-ebdc034f.js';
+import { B as Button } from './index-b8021904.js';
+import { H as Heading } from './index-ed168edb.js';
+import { u as useTranslations } from './index-e6363712.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-19c3809a.js';
-import { C as CommonGAssets } from './index-7ce961d8.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-5e6ef561.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-2b588be1.js';
+import { C as CommonGAssets } from './index-4425742a.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-2ee6eb48.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-530fae23.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-2d0bc108.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-8bdb2c91.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-83f022c0.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-ed42867b.js';
+import { M as MediaQueries } from './utils-41f7732d.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-b523ce39.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-88758948.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-efbbd63d.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-145a3e25.js';
-import { a as ProfileDetail, P as PostContent } from './index-ac00e991.js';
-import { a as PostImagePreview } from './index-8866dbac.js';
-import { S as SocialLinkPreview } from './index-6586643c.js';
-import { D as Divider } from './index-3f161b11.js';
-import './index-b6cabf4b.js';
+import { C as CardLink } from './index-3fea6082.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-07256fac.js';
+import { a as ProfileDetail, P as PostContent } from './index-06f56cff.js';
+import { a as PostImagePreview } from './index-5775d49f.js';
+import { S as SocialLinkPreview } from './index-a694c2c5.js';
+import { D as Divider } from './index-c118d530.js';
+import './index-72b4852d.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-3b19dc55.js';
-import { T as Text } from './index-72c764dd.js';
-import { L as Loading } from './index-949543ff.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-142e5272.js';
+import { I as Input } from './index-6b670175.js';
+import { T as Text } from './index-089e7949.js';
+import { L as Loading } from './index-215ca493.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-114b386e.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-521353a8.js → index-d6847abc.js}

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

package/build/esm/{index-8287ece7.js → index-d72aafe4.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-1d9b6ec1.js';
+import { _ as __rest } from './tslib.es6-0d463f46.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-b6cabf4b.js';
-import './index-8a252de3.js';
-import { C as CommonGAssets } from './index-7ce961d8.js';
-import { M as MAPPED_LOCALE } from './index-e32c6547.js';
-import { L as LOCALE } from './Locale-8d8dfda0.js';
+import { I as ISO_FORMAT } from './index-72b4852d.js';
+import './index-934eff88.js';
+import { C as CommonGAssets } from './index-4425742a.js';
+import { M as MAPPED_LOCALE } from './index-a9b556b3.js';
+import { L as LOCALE } from './Locale-16599de7.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-963ba1e8.js → index-d8016911.js}

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

package/build/esm/{index-fecd573c.js → index-def1aa54.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-1d9b6ec1.js';
+import { _ as __rest } from './tslib.es6-0d463f46.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-e32c6547.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-4d0f7f17.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-a9b556b3.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-59dafea5.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-098462f1.js → index-e52922ea.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-2b404f0b.js';
+import { u as useScrollbarSize } from './useScrollbarSize-aac4a1de.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-ed42867b.js';
+import { M as MediaQueries } from './utils-41f7732d.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';