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

package/build/esm/{index-e019f5fb.js → index-a7f9223e.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-4fc39ae5.js';
-import { C as CommonGAssets } from './index-d039195e.js';
+import { L as LOCALE } from './Locale-b7741771.js';
+import { C as CommonGAssets } from './index-293b08f2.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-f94ac687.js';
-import { L as LogoIcon } from './logoIcon-db284dca.js';
-import './index-e442c24f.js';
-import { I as ImageWrap } from './index-bb3e96ac.js';
+import { M as MediaQueries } from './utils-49e46daf.js';
+import { L as LogoIcon } from './logoIcon-3b3580d7.js';
+import './index-5426e58c.js';
+import { I as ImageWrap } from './index-9a281f88.js';
 
 const StyledLogo = styled.div `
   position: relative;
@@ -400,7 +400,7 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
             (type === 'hellobacsi' || type === 'marryBaby') ? (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: CommonGAssets.getAssetPath('logo/vn-independence-desktop.png'), className: "common-logo-seasonal-left desktop-only" }),
             React__default.createElement(ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: CommonGAssets.getAssetPath('logo/vn-independence-mobile.png'), className: "common-logo-seasonal-left mobile-only" }))) : null,
-        React__default.createElement(LogoIcon, { type: type, width: customSize === null || customSize === void 0 ? void 0 : customSize.width, height: customSize === null || customSize === void 0 ? void 0 : customSize.height }),
+        React__default.createElement(LogoIcon, { type: type, width: customSize === null || customSize === void 0 ? void 0 : customSize.width, height: customSize === null || customSize === void 0 ? void 0 : customSize.height, isLight: isLightLogo }),
         isPro ? (React__default.createElement(StyledProLogo, { src: CommonGAssets.getAssetPath('logo/pro-suffix.svg') })) : null,
         badge));
 };

package/build/esm/{index-e9db5383.js → index-b3d8fc72.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-d26bd515.js';
-import { T as Text } from './index-cb5727c3.js';
+import { M as MarryBabyText } from './index-43329fa4.js';
+import { T as Text } from './index-2f3e37f6.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-39dc2e0a.js → index-b8742bcc.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-d039195e.js';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-02ed0a06.js';
-import { G as GA_TOKEN_COOKIE } from './index-25786055.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-f73c94c2.js';
+import { C as CommonGAssets } from './index-293b08f2.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-0208dff1.js';
+import { G as GA_TOKEN_COOKIE } from './index-7083909c.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-9dbc2208.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-811208a0.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8e1ed91e.js';
-import { I as ImageWrap } from './index-bb3e96ac.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-7889f115.js';
-import { u as useTranslations } from './index-d16c86f4.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-9a691ffd.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-9f07974f.js';
+import { I as ImageWrap } from './index-9a281f88.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-dee7ddfe.js';
+import { u as useTranslations } from './index-993eaa2f.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-94cda95e.js';
+import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-1e5a523f.js';
 import '@mantine/dates';
-import './index-e442c24f.js';
-import { t as themeColors } from './index-97f62d2d.js';
-import { T as Text } from './index-3067e2a6.js';
-import { B as Button } from './index-eea761b6.js';
-import './index-559d56cb.js';
-import './index.styles-3a0314b7.js';
+import './index-5426e58c.js';
+import { t as themeColors } from './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 { useViewportSize } from '@mantine/hooks';
-import './utils-f94ac687.js';
-import './index-9916d169.js';
+import './utils-49e46daf.js';
+import './index-8cf41b25.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-3ba22159.js';
-import { H as Heading } from './index-13398579.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-a8425d13.js';
-import { I as Icon } from './index-d132b362.js';
+import './translationsContext-3a596a57.js';
+import { H as Heading } from './index-a698f514.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-09b48b94.js';
+import { I as Icon } from './index-7bc901c5.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-447fb8c9.js';
-import { M as Modal } from './index-4c83df72.js';
+import { i as isVideo } from './index-13253e41.js';
+import { M as Modal } from './index-f6aa0466.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-4fc39ae5.js';
+import { L as LOCALE } from './Locale-b7741771.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-d1e34aa7.js → index-bb32390f.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-811208a0.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-a8425d13.js';
-import { u as useTranslations } from './index-d16c86f4.js';
-import { C as CommonGAssets } from './index-d039195e.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-2eaeca1b.js';
-import { G as GenderOptionControl } from './index-7c0bbc62.js';
-import { I as Input, S as Select } from './index-94cda95e.js';
-import { D as DatePicker } from './index-b43a6520.js';
-import './index-3067e2a6.js';
-import './index-eea761b6.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-09b48b94.js';
+import { u as useTranslations } from './index-993eaa2f.js';
+import { C as CommonGAssets } from './index-293b08f2.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-201bf7b0.js';
+import { G as GenderOptionControl } from './index-d2fe41fa.js';
+import { I as Input, S as Select } from './index-1e5a523f.js';
+import { D as DatePicker } from './index-8c615f94.js';
+import './index-a7cf2464.js';
+import './index-447d6e38.js';
 import '@mantine/core';
-import './index-559d56cb.js';
-import './index.styles-3a0314b7.js';
+import './index-06a878ad.js';
+import './index.styles-81c4d6bc.js';
 import '@mantine/hooks';
-import './index-97f62d2d.js';
-import './utils-f94ac687.js';
-import './index-9916d169.js';
-import './index-25786055.js';
-import { C as CardWrapperContext } from './context-84c9c116.js';
-import { H as HealthToolFormWrapper } from './index-0e48fc2c.js';
+import './index-e9951450.js';
+import './utils-49e46daf.js';
+import './index-8cf41b25.js';
+import './index-7083909c.js';
+import { C as CardWrapperContext } from './context-79aba0ce.js';
+import { H as HealthToolFormWrapper } from './index-dc085c8d.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-cfca9657.js → index-bdaae415.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-1346f942.js';
-import { H as Heading } from './index-13398579.js';
-import { T as Text } from './index-3067e2a6.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-f94ac687.js';
+import { B as Button } from './index-5d597bf6.js';
+import { H as Heading } from './index-a698f514.js';
+import { T as Text } from './index-a7cf2464.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-49e46daf.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-02ed0a06.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-0208dff1.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-811208a0.js';
-import { I as Input } from './index-41aa9ddd.js';
-import { u as useTranslations } from './index-d16c86f4.js';
-import { e as formatComment } from './dataTransform-5ce6872f.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-2eaeca1b.js';
+import { a as __awaiter } from './tslib.es6-9a691ffd.js';
+import { I as Input } from './index-960472d2.js';
+import { u as useTranslations } from './index-993eaa2f.js';
+import { e as formatComment } from './dataTransform-6d9d7542.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-201bf7b0.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-d14aa171.js';
-import { C as CardLink } from './index-6989dc51.js';
-import { L as Loading } from './index-1d93613f.js';
-import { U as UserAvatar } from './index-4ce6fabc.js';
-import { R as RichTextEditor } from './editor-1439e643.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-e336c803.js';
+import { C as CardLink } from './index-18639567.js';
+import { L as Loading } from './index-f2bd6d0a.js';
+import { U as UserAvatar } from './index-e62d839f.js';
+import { R as RichTextEditor } from './editor-c62e4b64.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-acd0a9ec.js';
-import { C as CloseIcon } from './index-88a0ab48.js';
+import { P as Popup } from './index-5449069c.js';
+import { C as CloseIcon } from './index-84ed58fb.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-f41edc13.js → index-bddb8579.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-811208a0.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-9a691ffd.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-9916d169.js';
-import { L as Loading } from './index-687eb652.js';
-import './index-e442c24f.js';
-import { g as formatArticle } from './dataTransform-5ce6872f.js';
+import { T as Tabs } from './index-8cf41b25.js';
+import { L as Loading } from './index-1182c631.js';
+import './index-5426e58c.js';
+import { g as formatArticle } from './dataTransform-6d9d7542.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-02ed0a06.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-0208dff1.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-83cc21e5.js';
-import { L as LOCALE } from './Locale-4fc39ae5.js';
+import { C as CardAuthor } from './index-466220ea.js';
+import { L as LOCALE } from './Locale-b7741771.js';
 import '@hhgtech/icons/other';
-import './index-eea761b6.js';
-import './shared-dbc94490.js';
-import './index-559d56cb.js';
-import './index-3067e2a6.js';
-import './index-d16c86f4.js';
-import './translationsContext-3ba22159.js';
-import './index-1346f942.js';
-import './index-114fe04f.js';
+import './index-447d6e38.js';
+import './shared-4ef3921b.js';
+import './index-06a878ad.js';
+import './index-a7cf2464.js';
+import './index-993eaa2f.js';
+import './translationsContext-3a596a57.js';
+import './index-5d597bf6.js';
+import './index-6c13bc0f.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-2eaeca1b.js';
+import './constants-201bf7b0.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-f94ac687.js';
-import './index-32968531.js';
-import './paths-e192cf3b.js';
-import './constants-5f08ea2c.js';
-import './index-25786055.js';
+import './utils-49e46daf.js';
+import './index-4126faad.js';
+import './paths-428d84db.js';
+import './constants-74edf801.js';
+import './index-7083909c.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-d132b362.js';
+import './index-7bc901c5.js';
 import './miscTheme.js';
-import './WhatsApp-9fd58c1e.js';
-import './Spinner-edecbc8a.js';
-import './index-4ce6fabc.js';
+import './WhatsApp-b723b153.js';
+import './Spinner-9481b570.js';
+import './index-e62d839f.js';
 import '@emotion/styled';
-import './index-bb3e96ac.js';
-import './index-d039195e.js';
-import './index-1d93613f.js';
+import './index-9a281f88.js';
+import './index-293b08f2.js';
+import './index-f2bd6d0a.js';
 import '@emotion/react';
-import './index-13398579.js';
-import './index-4c83df72.js';
-import './index.styles-3a0314b7.js';
+import './index-a698f514.js';
+import './index-f6aa0466.js';
+import './index.styles-81c4d6bc.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-e91180b3.js → index-cc0b59ab.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-559d56cb.js';
-import { _ as __rest } from './tslib.es6-811208a0.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-06a878ad.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-ab6d28ec.js → index-cdb097de.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-811208a0.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-e442c24f.js';
+import './index-5426e58c.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-d039195e.js';
+import { C as CommonGAssets } from './index-293b08f2.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-bb3e96ac.js';
-import { T as Text } from './index-cb5727c3.js';
-import { L as LOCALE } from './Locale-4fc39ae5.js';
-import { e as CentralCarousel } from './index-94cda95e.js';
+import { I as ImageWrap } from './index-9a281f88.js';
+import { T as Text } from './index-2f3e37f6.js';
+import { L as LOCALE } from './Locale-b7741771.js';
+import { e as CentralCarousel } from './index-1e5a523f.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-7c0bbc62.js → index-d2fe41fa.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-811208a0.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.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-94cda95e.js';
+import { R as Radio } from './index-1e5a523f.js';
 import '@mantine/dates';
-import './index-25786055.js';
-import './index-e442c24f.js';
-import { C as CommonGAssets } from './index-d039195e.js';
-import './index-97f62d2d.js';
-import { T as Text } from './index-3067e2a6.js';
-import './index-eea761b6.js';
-import './index-559d56cb.js';
-import './index.styles-3a0314b7.js';
-import { u as useTranslations } from './index-d16c86f4.js';
+import './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 './index-447d6e38.js';
+import './index-06a878ad.js';
+import './index.styles-81c4d6bc.js';
+import { u as useTranslations } from './index-993eaa2f.js';
 import '@mantine/hooks';
-import './utils-f94ac687.js';
-import './index-9916d169.js';
+import './utils-49e46daf.js';
+import './index-8cf41b25.js';
 
 var useStyles = createStyles((theme, { type, color }) => {
     var _a;

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

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-811208a0.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.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-94cda95e.js';
+import './index-1e5a523f.js';
 import '@mantine/dates';
-import './index-25786055.js';
-import './index-e442c24f.js';
-import './index-d039195e.js';
-import './index-97f62d2d.js';
-import { T as Text } from './index-3067e2a6.js';
-import './index-eea761b6.js';
-import { F as FontWeight } from './index-559d56cb.js';
-import './index.styles-3a0314b7.js';
-import { u as useTranslations } from './index-d16c86f4.js';
+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 '@mantine/hooks';
-import { M as MediaQueries } from './utils-f94ac687.js';
-import './index-9916d169.js';
-import { C as CardWrapperContext } from './context-84c9c116.js';
+import { M as MediaQueries } from './utils-49e46daf.js';
+import './index-8cf41b25.js';
+import { C as CardWrapperContext } from './context-79aba0ce.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';
@@ -32,6 +32,9 @@ const useStyles$3 = createStyles((theme, { isRevamp, isPregTool, bannerColor, is
         alignItems: 'center',
         justifyContent: 'space-between',
         padding: rem(16),
+        [theme.fn.smallerThan('sm')]: {
+            gap: rem(12),
+        },
     },
     container: {
         width: '100%',
@@ -47,6 +50,9 @@ const useStyles$3 = createStyles((theme, { isRevamp, isPregTool, bannerColor, is
         alignItems: 'center',
         justifyContent: 'space-between',
         padding: rem(16),
+        [theme.fn.smallerThan('sm')]: {
+            padding: `${rem(12)} ${rem(16)}`,
+        },
         a: {
             textDecoration: 'none',
             color: 'inherit',
@@ -110,6 +116,9 @@ const useStyles$3 = createStyles((theme, { isRevamp, isPregTool, bannerColor, is
         display: 'flex',
         flexDirection: 'column',
         gap: isRevamp ? rem(8) : 0,
+        [theme.fn.smallerThan('sm')]: {
+            gap: 4,
+        },
     },
     avatarWrapper: {
         position: 'relative',
@@ -180,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: isMarryBaby ? 'h4' : 'h3', as: headingAs }, heading),
+            React__default.createElement(Text, { className: cx(classes.heading, 'heading'), size: 'h4', 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 }),
@@ -213,11 +222,14 @@ const Banner = (_a) => {
         }, className: cx(className, classes.root) }, rest)));
 };
 
-var useStyles$1 = createStyles(() => {
+var useStyles$1 = createStyles((theme) => {
     return {
         root: {
             paddingTop: 16,
             borderRadius: 'inherit',
+            [theme.fn.smallerThan('sm')]: {
+                paddingTop: 8,
+            },
         },
     };
 });

package/build/esm/{index-672a4962.js → index-db048e25.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-d132b362.js';
-import { u as useTranslations } from './index-d16c86f4.js';
+import { I as Icon } from './index-7bc901c5.js';
+import { u as useTranslations } from './index-993eaa2f.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-0e48fc2c.js → index-dc085c8d.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-811208a0.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.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-3067e2a6.js';
-import { B as Button } from './index-eea761b6.js';
-import { u as useTranslations } from './index-d16c86f4.js';
+import { T as Text } from './index-a7cf2464.js';
+import { B as Button } from './index-447d6e38.js';
+import { u as useTranslations } from './index-993eaa2f.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 
@@ -129,6 +129,9 @@ var useStyles$6 = createStyles((theme, { formLayout }) => {
             '.mantine-Input-input::placeholder, .mantine-Input-input[data-invalid]::placeholder': {
                 color: '#8C8C8C',
             },
+            [theme.fn.smallerThan('sm')]: Object.assign({}, (formLayout === 'default' && {
+                gap: 8,
+            })),
         },
         control: {
             width: rem(180),

package/build/esm/{index-dc502110.js → index-dcd96fe6.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-bb3e96ac.js';
-import { T as Text } from './index-3067e2a6.js';
-import { _ as __rest } from './tslib.es6-811208a0.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 { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-52809c2d.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-0bde212c.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-25786055.js';
+import { Z as ZINDEX_SSO } from './index-7083909c.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-d6205f13.js → index-e34d4f1e.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-811208a0.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.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-a8425d13.js';
-import { u as useTranslations } from './index-d16c86f4.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-2eaeca1b.js';
-import { I as Input } from './index-94cda95e.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-09b48b94.js';
+import { u as useTranslations } from './index-993eaa2f.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-201bf7b0.js';
+import { I as Input } from './index-1e5a523f.js';
 import '@mantine/dates';
-import './index-25786055.js';
-import './index-e442c24f.js';
-import './index-d039195e.js';
-import './index-97f62d2d.js';
-import './index-3067e2a6.js';
-import './index-eea761b6.js';
-import './index-559d56cb.js';
-import './index.styles-3a0314b7.js';
+import './index-7083909c.js';
+import './index-5426e58c.js';
+import './index-293b08f2.js';
+import './index-e9951450.js';
+import './index-a7cf2464.js';
+import './index-447d6e38.js';
+import './index-06a878ad.js';
+import './index.styles-81c4d6bc.js';
 import '@mantine/hooks';
-import './utils-f94ac687.js';
-import './index-9916d169.js';
-import { C as CardWrapperContext } from './context-84c9c116.js';
-import { H as HealthToolFormWrapper } from './index-0e48fc2c.js';
-import { I as INPUT_RANGE } from './constants-d2593c92.js';
+import './utils-49e46daf.js';
+import './index-8cf41b25.js';
+import { C as CardWrapperContext } from './context-79aba0ce.js';
+import { H as HealthToolFormWrapper } from './index-dc085c8d.js';
+import { I as INPUT_RANGE } from './constants-87d654a7.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-4ce6fabc.js → index-e62d839f.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-811208a0.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-02ed0a06.js';
+import { T as TogetherComponentGlobalContext } from './utils-0208dff1.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-97f62d2d.js → index-e9951450.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-811208a0.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-9a691ffd.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-e442c24f.js';
-import { L as LOCALE } from './Locale-4fc39ae5.js';
+import './index-5426e58c.js';
+import { L as LOCALE } from './Locale-b7741771.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-25786055.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-7083909c.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-d039195e.js';
+import { C as CommonGAssets } from './index-293b08f2.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-f94ac687.js';
-import { C as CustomStylesType, F as FontWeight } from './index-559d56cb.js';
-import { A as ANIMATION_DURATION } from './shared-dbc94490.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-49e46daf.js';
+import { C as CustomStylesType, F as FontWeight } from './index-06a878ad.js';
+import { A as ANIMATION_DURATION } from './shared-4ef3921b.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-1d93613f.js → index-f2bd6d0a.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-1346f942.js';
-import { u as useTranslations } from './index-d16c86f4.js';
+import { B as Button } from './index-5d597bf6.js';
+import { u as useTranslations } from './index-993eaa2f.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-4c83df72.js → index-f6aa0466.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-811208a0.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-3a0314b7.js';
+import { u as useStyles } from './index.styles-81c4d6bc.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);