@hhgtech/hhg-components 1.29.37 → 1.29.39

package/build/esm/{index-7b90d518.js → index-f06883d8.js}

@@ -1,16 +1,18 @@
-import { _ as __rest } from './tslib.es6-9d7cffa1.js';
+import { _ as __rest } from './tslib.es6-64d6b81e.js';
 import React__default from 'react';
-import { Image } from '@mantine/core';
+import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-9c28c6d3.js';
-import { L as LOCALE } from './index-de5f4b77.js';
-import { C as CommonGAssets } from './index-d232b0dc.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-55d6c3f7.js';
+import { I as ISO_FORMAT } from './index-7c16ac20.js';
+import { L as LOCALE } from './index-56e460c6.js';
+import { C as CommonGAssets } from './index-cbda4cc1.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-c9152268.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {
     var _b;
     var { value, fullWidth = true } = _a, rest = __rest(_a, ["value", "fullWidth"]);
+    const theme = useMantineTheme();
+    const isMarryBaby = theme.other.template === 'mb';
     return (React__default.createElement(DatePickerInput, Object.assign({ locale: MAPPED_LOCALE[process.env.UNIFY_LOCALE || LOCALE.Vietnam], valueFormat: (_b = ISO_FORMAT[process.env.UNIFY_LOCALE || LOCALE.Vietnam]) === null || _b === void 0 ? void 0 : _b.dateFormat, size: "md", clearable: false, popoverProps: fullWidth
             ? {
                 styles: {
@@ -27,7 +29,7 @@ const DatePicker = (_a) => {
                 position: 'relative',
             },
             rightSection: { pointerEvents: 'none', cursor: 'default' },
-        }, rightSection: React__default.createElement(Image, { src: CommonGAssets.getAssetPath(rest.isMB ? 'MB-calendar.svg' : 'OutlineCalendar.svg'), width: 16, height: 16 }), value: value }, rest, { className: `input-control ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}` })));
+        }, rightSection: React__default.createElement(Image, { src: CommonGAssets.getAssetPath(isMarryBaby ? 'MB-calendar.svg' : 'OutlineCalendar.svg'), width: 16, height: 16 }), value: value }, rest, { className: `input-control ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}` })));
 };
 
 export { DatePicker as D };

package/build/esm/{index-8f8e8b42.js → index-f7bf305d.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-9d7cffa1.js';
+import { _ as __rest } from './tslib.es6-64d6b81e.js';
 import React__default from 'react';
-import { t as theme } from './theme-f0b6c550.js';
-import { S as Share, E as Eye, k as Spinner } from './utils-3faf426d.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-25882f30.js';
+import { t as theme } from './theme-970b90f0.js';
+import { S as Share, E as Eye, k as Spinner } from './utils-e93e4c81.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-4464ab6c.js';
 
 const ArrowRightTail = (_a) => {
     var { size = 24, color: colorInit = theme.colors.gray600, useCurrentColor, isActive, activeColor = theme.colors.primaryBase } = _a, rest = __rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);

package/build/esm/index.js

@@ -1,102 +1,102 @@
-export { i as Types } from './index-de5f4b77.js';
-export { i as Constants } from './index-9c28c6d3.js';
-export { C as CaretDown, F as Flag, I as ImageWrap } from './index-acb975fb.js';
+export { i as Types } from './index-56e460c6.js';
+export { i as Constants } from './index-7c16ac20.js';
+export { C as CaretDown, F as Flag, I as ImageWrap } from './index-68fab995.js';
 import * as React from 'react';
-export { C as ChevronDown } from './ChevronDown-ec64ac22.js';
-export { C as Close } from './Close-3b975982.js';
-export { V as Visible } from './Visible-28a1e0b5.js';
-export { U as AdBlock, A as Alert, f as ArticleCard, g as ArticleCardV2, a as Avatar, x as BMICardEmbed, H as BMRCardEmbed, y as BabyGrowthCardEmbed, z as BabyPoopEmbed, B as Badge, b as BorderHeading, L as Breadcrumbs, h as CategoryCard, C as Checkbox, i as CheckboxGroup, s as CookieAcceptConfirm, K as DateRangePicker, D as DoctorInfo, w as DueDateCardEmbed, F as FileDropdown, V as FixedBottomAdBlock, r as FloatButtonGroup, e as GenderOptionControl, G as Grid, I as IconText, Y as MAPPING_CATEGORY_PREMIUM_API_TYPE, X as MAPPING_CATEGORY_PREMIUM_TYPE, M as MobileBottomNavigation, t as MobileBottomNavigationIcon, O as OvulationCardEmbed, J as PWGCardEmbed, P as Pagination, j as ProgressBar, R as Radio, k as RadioGroup, d as RateStars, S as ScrollList, u as SeoHead, N as ShareContainer, Q as ShareDrawer, Z as SideBannerModal, l as SideMenu, m as StatisticCard, W as SurveyOrPremiumBanner, p as SurveyQuestionCard, q as SurveyThankyouCard, E as THRCardEmbed, n as Table, o as Tabs, T as Tag, c as Toggle, v as ToolsBannerCard, _ as UserProfileNavigation, $ as UserProfileNavigationHeader, a0 as UserProfileNavigationStats } from './index-df110edc.js';
-export { B as Button } from './index-30a00409.js';
-export { A as AuthorBadge, a as BookingBtn, B as BtnChoice, D as Divider } from './index-f3129141.js';
-export { H as Heading } from './index-ae90e211.js';
-export { I as Input } from './index-a28d6769.js';
-export { c as CareConstants, L as Label } from './constants-d6930e5e.js';
-export { L as Logo } from './index-9abfd2bf.js';
-export { P as PureInput, S as StepRenderer, a as StepRendererContext, T as TextArea } from './index.styles-1b7c0626.js';
-export { T as Text } from './index-612cce87.js';
-export { C as Container } from './index-0d6f4be3.js';
-export { I as Icon } from './index-8f8e8b42.js';
-export { D as Drawer, M as Modal, R as RadioImageGroup } from './index-084aee3a.js';
-export { C as CustomReferenceDot } from './index-791aacd3.js';
-export { L as LogoIcon } from './utils-c4d6d3b1.js';
-export { D as DatePicker, L as Loading } from './index-ad6fe8ec.js';
-export { D as Dropdown } from './index-bd555bac.js';
-export { P as Popup, d as TogetherDataTransforms, U as UserAvatar } from './index-052975c5.js';
-export { L as LanguageSwitcher, b as NavigationLogoutPopup, c as NavigationProfileButton, N as NavigationV2, P as ProfileNavigation, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-4597632e.js';
-export { P as PillCarousel } from './index-73ef9a35.js';
-export { A as AddressInput } from './index-dcccb898.js';
-export { F as Footer } from './index-1037b8f8.js';
-export { u as useTranslations } from './useTranslations-e09488cf.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-65681faf.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-24375501.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-84f0e6a2.js';
-export { u as useIsInit } from './useIsInit-5091414d.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-92d0bbf4.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-26127495.js';
-export { f as CardAuthor, C as CardLink, B as CardPost, D as CardPostPopoverMore, b as CardReactions, E as CardReply, F as CardReplyPopover, g as CreateNewPostContent, h as CreatePostDescription, i as CreatePostTitle, r as ImagePreviewPopup, I as InputCommentBar, d as LabelPin, L as LabelSortPin, e as LabelSorting, G as PopoverMenu, P as PopupDanger, k as PopupDoctor, j as PopupExpert, n as PopupFrame, l as PopupHospital, q as PostContent, v as PostImagePreview, s as PostSingleImageViewPopup, y as ProfileDetail, x as ProfileDetailModal, p as ShareBox, S as SharePopup, A as SkipQuestionOfExpertBtn, w as SocialLinkPreview, H as SourceList, o as SubmitReportForm, z as TabNameInProfileDetail, c as TagTopic, T as TogetherAuthConfigContext, a as TogetherAuthConfigContextProvider, t as TogetherTypes, m as TopicSelectList, V as VerifiedTag, u as useTogetherAuthRequiredAction } from './types-65ea7a29.js';
-export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider, c as TogetherConstants } from './utils-3faf426d.js';
-export { B as BookingSearchBar, a as BookingSearchBarV2, t as CareTypes, T as TextDivider } from './types-7887d2c5.js';
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-2e0ff46a.js';
-export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-8d9166c4.js';
-export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-22b746f0.js';
-export { a as abbreviateNumber } from './number-f94edd46.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-c564d6de.js';
-export { M as MBTheme, t as theme } from './theme-f0b6c550.js';
-export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-528dc7d6.js';
-export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-7c15a910.js';
-export { g as getSocialList } from './getSocialList-ff360236.js';
-export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-b764f5bd.js';
+export { C as ChevronDown } from './ChevronDown-5de6880b.js';
+export { C as Close } from './Close-9352706a.js';
+export { V as Visible } from './Visible-1ea9e5cd.js';
+export { V as AdBlock, A as Alert, e as ArticleCard, f as ArticleCardV2, a as Avatar, w as BMICardEmbed, J as BMRCardEmbed, y as BabyGrowthCardEmbed, z as BabyPoopEmbed, B as Badge, x as BmiForm, b as BorderHeading, N as Breadcrumbs, g as CategoryCard, C as Checkbox, h as CheckboxGroup, r as CookieAcceptConfirm, L as DateRangePicker, D as DoctorInfo, v as DueDateCardEmbed, F as FileDropdown, W as FixedBottomAdBlock, q as FloatButtonGroup, G as Grid, I as IconText, Z as MAPPING_CATEGORY_PREMIUM_API_TYPE, Y as MAPPING_CATEGORY_PREMIUM_TYPE, M as MobileBottomNavigation, s as MobileBottomNavigationIcon, O as OvulationCardEmbed, K as PWGCardEmbed, P as Pagination, i as ProgressBar, R as Radio, j as RadioGroup, d as RateStars, S as ScrollList, t as SeoHead, Q as ShareContainer, U as ShareDrawer, _ as SideBannerModal, k as SideMenu, l as StatisticCard, X as SurveyOrPremiumBanner, o as SurveyQuestionCard, p as SurveyThankyouCard, E as THRCardEmbed, m as Table, n as Tabs, T as Tag, H as ThrForm, c as Toggle, u as ToolsBannerCard, $ as UserProfileNavigation, a0 as UserProfileNavigationHeader, a1 as UserProfileNavigationStats } from './index-66d10b21.js';
+export { B as Button } from './index-c3d30585.js';
+export { A as AuthorBadge, a as BookingBtn, B as BtnChoice, D as Divider } from './index-d4626ff6.js';
+export { H as Heading } from './index-de4b6341.js';
+export { I as Input } from './index-8625e8d8.js';
+export { c as CareConstants, L as Label } from './constants-ac51ae89.js';
+export { L as Logo } from './index-2761f711.js';
+export { P as PureInput, S as StepRenderer, a as StepRendererContext, T as TextArea } from './index.styles-e1757115.js';
+export { T as Text } from './index-5a0f027e.js';
+export { C as Container } from './index-0ed4c22b.js';
+export { I as Icon } from './index-f7bf305d.js';
+export { D as Drawer, G as GenderOptionControl, M as Modal, R as RadioImageGroup } from './index-eb9b684f.js';
+export { C as CustomReferenceDot } from './index-4599e5b0.js';
+export { L as LogoIcon } from './utils-e621db45.js';
+export { D as DatePicker, L as Loading } from './index-1b1be502.js';
+export { D as Dropdown } from './index-c82b58c7.js';
+export { P as Popup, d as TogetherDataTransforms, U as UserAvatar } from './index-1d8204a9.js';
+export { L as LanguageSwitcher, b as NavigationLogoutPopup, c as NavigationProfileButton, N as NavigationV2, P as ProfileNavigation, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-db047eda.js';
+export { P as PillCarousel } from './index-922e3c54.js';
+export { A as AddressInput } from './index-a3f3a71d.js';
+export { F as Footer } from './index-454b515d.js';
+export { u as useTranslations } from './useTranslations-cdea23ca.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-c5f52065.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-d97a0eaf.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-33752ed2.js';
+export { u as useIsInit } from './useIsInit-4ae94a4f.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-dc7a904e.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-c297b004.js';
+export { f as CardAuthor, C as CardLink, B as CardPost, D as CardPostPopoverMore, b as CardReactions, E as CardReply, F as CardReplyPopover, g as CreateNewPostContent, h as CreatePostDescription, i as CreatePostTitle, r as ImagePreviewPopup, I as InputCommentBar, d as LabelPin, L as LabelSortPin, e as LabelSorting, G as PopoverMenu, P as PopupDanger, k as PopupDoctor, j as PopupExpert, n as PopupFrame, l as PopupHospital, q as PostContent, v as PostImagePreview, s as PostSingleImageViewPopup, y as ProfileDetail, x as ProfileDetailModal, p as ShareBox, S as SharePopup, A as SkipQuestionOfExpertBtn, w as SocialLinkPreview, H as SourceList, o as SubmitReportForm, z as TabNameInProfileDetail, c as TagTopic, T as TogetherAuthConfigContext, a as TogetherAuthConfigContextProvider, t as TogetherTypes, m as TopicSelectList, V as VerifiedTag, u as useTogetherAuthRequiredAction } from './types-d54aac73.js';
+export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider, c as TogetherConstants } from './utils-e93e4c81.js';
+export { B as BookingSearchBar, a as BookingSearchBarV2, t as CareTypes, T as TextDivider } from './types-d1a0466d.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-c85786d3.js';
+export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-a85e3de7.js';
+export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-3d07347b.js';
+export { a as abbreviateNumber } from './number-299bd96f.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-0e8aa97d.js';
+export { M as MBTheme, t as theme } from './theme-970b90f0.js';
+export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-f7a8a1ca.js';
+export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-4d8eeb51.js';
+export { g as getSocialList } from './getSocialList-25eb0ec3.js';
+export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-e5035d56.js';
 import 'date-fns/locale';
-import './isProduction-883d53b1.js';
-import './tslib.es6-9d7cffa1.js';
+import './isProduction-434d302d.js';
+import './tslib.es6-64d6b81e.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-d232b0dc.js';
+import './index-cbda4cc1.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-b80db1c1.js';
-import './useMantineLocale-55d6c3f7.js';
+import './index-84a52876.js';
+import './useMantineLocale-c9152268.js';
 import 'dayjs';
 import 'classnames';
 import '@hhgtech/icons/core';
 import 'innertext';
 import '@mantine/dates';
-import './translationsContext-82b6afe9.js';
+import './translationsContext-494ae681.js';
 import 'string-format';
 import 'lodash/throttle';
 import '@emotion/react';
 import 'html-react-parser';
 import 'date-fns';
-import './types-503d982f.js';
-import './index-b81d2c55.js';
-import './index.styled-23ecaf98.js';
-import './index-fef007d1.js';
+import './types-39d5f930.js';
+import './index-489dd441.js';
+import './index.styled-0bdbe990.js';
+import './index-e86bff41.js';
+import '@mantine/form';
+import './index-f06883d8.js';
 import 'react-hook-form';
-import '@hookform/resolvers/yup';
-import './index-7b90d518.js';
-import './WhatsApp-25882f30.js';
+import './WhatsApp-4464ab6c.js';
 import 'date-fns/locale/en-US';
 import 'date-fns/locale/id';
 import 'date-fns/locale/vi';
 import 'date-fns/locale/zh-TW';
 import 'uuid';
-import '@mantine/form';
-import './index-57bf1cd7.js';
+import './index-3aca5854.js';
 import 'js-cookie';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './normalizeLink-0a2787bd.js';
-import './paths-5c0fa637.js';
+import './normalizeLink-3d1f20d1.js';
+import './paths-56c3587b.js';
 import 'react-keyed-flatten-children';
 import 'react-dom';
+import '@hookform/resolvers/yup';
 import 'react-day-picker/DayPickerInput';
-import './constants-a7e3ca35.js';
-import './index-b42bac7a.js';
+import './constants-661c1d64.js';
+import './index-7305fc5d.js';
 import 'dayjs/plugin/relativeTime';
 import 'lodash/debounce';
-import './core-f736ab2d.js';
-import './utils-d42f36c5.js';
+import './core-f226ac0f.js';
+import './utils-7a0b602b.js';
 import 'react-contenteditable';
 import 'slugify';
 import 'lodash/shuffle';

package/build/esm/{index.styled-23ecaf98.js → index.styled-0bdbe990.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-9d7cffa1.js';
+import { _ as __rest } from './tslib.es6-64d6b81e.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f0b6c550.js';
+import { t as theme } from './theme-970b90f0.js';
 
 const Heading = (_a) => {
     var { type } = _a, elementProps = __rest(_a, ["type"]);

package/build/esm/{index.styles-1b7c0626.js → index.styles-e1757115.js}

@@ -1,12 +1,12 @@
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f0b6c550.js';
-import { M as MediaQueries } from './utils-528dc7d6.js';
-import { _ as __rest } from './tslib.es6-9d7cffa1.js';
+import { t as theme } from './theme-970b90f0.js';
+import { M as MediaQueries } from './utils-f7a8a1ca.js';
+import { _ as __rest } from './tslib.es6-64d6b81e.js';
 import React__default, { useState, createContext, useEffect, Fragment } from 'react';
-import { L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-d6930e5e.js';
-import { s as setDefaultClass } from './utils-3faf426d.js';
+import { L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-ac51ae89.js';
+import { s as setDefaultClass } from './utils-e93e4c81.js';
 import { css } from '@emotion/react';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-8d9166c4.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-a85e3de7.js';
 import { createStyles, rem } from '@mantine/core';
 import flattenChildren from 'react-keyed-flatten-children';
 
@@ -1259,49 +1259,64 @@ const StepRenderer = ({ children, onStepChange }) => {
     })));
 };
 
-var useStyles = createStyles((theme) => {
+var useStyles = createStyles((theme, { type }) => {
+    const isMarryBaby = theme.other.template === 'mb';
     return {
         root: {},
-        wrapper: {
-            gap: rem(8),
-        },
+        wrapper: Object.assign({ gap: rem(8) }, (type === 'radio' && {
+            justifyContent: 'flex-end',
+            gap: rem(24),
+        })),
         groupErr: {
             fontSize: rem(14),
         },
-        itemRoot: {
-            flexGrow: 1,
-            width: '50%',
-            '&[data-checked="true"]': {
-                '.mantine-Radio-label': {
-                    borderColor: theme.fn.primaryColor(),
+        itemRoot: Object.assign({}, (type === 'button'
+            ? {
+                flexGrow: 1,
+                width: '50%',
+                '&[data-checked="true"]': {
+                    '.mantine-Radio-label': {
+                        borderColor: theme.fn.primaryColor(),
+                    },
                 },
-            },
-        },
+            }
+            : type === 'radio'
+                ? { padding: `${rem(10)} 0`, margin: 0 }
+                : {})),
         itemLabelWrapper: {
             padding: 0,
             width: '100%',
         },
-        itemLabel: {
-            position: 'relative',
-            padding: `${rem(6)} ${rem(16)}`,
-            border: `1px solid ${theme.colors.gray[2]}`,
-            borderRadius: rem(4),
-            cursor: 'pointer',
-            '&[data-disabled="true"]': {
-                background: theme.colors.gray[1],
-                color: `${theme.colors.gray[4]} !important`,
+        itemLabel: Object.assign({ whiteSpace: 'nowrap' }, (type === 'button'
+            ? {
+                position: 'relative',
+                padding: `${rem(6)} ${rem(16)}`,
+                border: `1px solid ${isMarryBaby ? '#EAEAEC' : theme.colors.gray[2]}`,
+                borderRadius: rem(isMarryBaby ? 16 : 4),
+                cursor: 'pointer',
+                '&[data-disabled="true"]': {
+                    background: theme.colors.gray[1],
+                    color: `${theme.colors.gray[4]} !important`,
+                    img: {
+                        opacity: 0.5,
+                    },
+                },
                 img: {
-                    opacity: 0.5,
+                    height: rem(26),
                 },
-            },
-            img: {
-                height: rem(26),
-            },
-        },
-        itemInner: {
+            }
+            : type === 'radio'
+                ? { fontSize: rem(14) }
+                : {})),
+        itemInner: Object.assign(Object.assign({}, (type === 'button' && {
             display: 'none',
-        },
+        })), (type === 'radio' && {
+            alignSelf: 'center',
+        })),
+        itemBody: Object.assign({}, (type === 'radio' && {
+            alignItems: 'center',
+        })),
     };
 });
 
-export { StyledDrawerContent as A, StyledRadioImageGroup as B, StyledRadioImageItem as C, PureInput as P, StepRenderer as S, TextArea as T, StepRendererContext as a, StyledAvatar as b, StyledBadge as c, StyledBorderHeading as d, StyledDropdown as e, StyledDropdownName as f, StyledDropdownList as g, StyledDropdownOption as h, StyledIcon as i, StyledGrid as j, StyledPagination as k, StyledPageBlock as l, StyledPaginationBlock as m, StyledTag as n, StyledToggle as o, StyledToggleIcon as p, StyledToggleLabel as q, StyledCheckbox as r, StyledRateStars as s, StyledDivider as t, useStyles as u, useStyles$1 as v, StyledContainer as w, StyledBackdrop as x, StyledDrawer as y, StyledDrawerPanel as z };
+export { StyledRadioImageGroup as A, StyledRadioImageItem as B, useStyles as C, PureInput as P, StepRenderer as S, TextArea as T, StepRendererContext as a, StyledAvatar as b, StyledBadge as c, StyledBorderHeading as d, StyledDropdown as e, StyledDropdownName as f, StyledDropdownList as g, StyledDropdownOption as h, StyledIcon as i, StyledGrid as j, StyledPagination as k, StyledPageBlock as l, StyledPaginationBlock as m, StyledTag as n, StyledToggle as o, StyledToggleIcon as p, StyledToggleLabel as q, StyledCheckbox as r, StyledRateStars as s, StyledDivider as t, useStyles$1 as u, StyledContainer as v, StyledBackdrop as w, StyledDrawer as x, StyledDrawerPanel as y, StyledDrawerContent as z };

package/build/esm/lead/components/close.d.ts

@@ -3,7 +3,7 @@ import { ButtonProps } from "../../mantine";
 export declare const Close: ({ children, ...rest }: {
     children: ReactNode;
 } & {
-    variant?: "white" | "success" | "error" | "primary" | "secondary" | "tertiary" | "light" | "ghost";
+    variant?: "primary" | "secondary" | "tertiary" | "light" | "ghost" | "error" | "white" | "success";
     skipHover?: boolean;
-    theme?: "marryBaby" | "helloSites";
+    theme?: "helloSites" | "marryBaby";
 } & Omit<import("@mantine/core").ButtonProps, "variant"> & React.ButtonHTMLAttributes<HTMLButtonElement> & import("../../types").DataTrackingType) => React.JSX.Element;

package/build/esm/lead.js

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9d7cffa1.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-64d6b81e.js';
 import React__default, { createContext, useMemo, useRef, useState, useEffect, useContext } from 'react';
 import debounce from 'lodash/debounce';
 import { createFormContext } from '@mantine/form';
-import { u as useTranslations } from './useTranslations-e09488cf.js';
-import { T as Text } from './index-b80db1c1.js';
+import { u as useTranslations } from './useTranslations-cdea23ca.js';
+import { T as Text } from './index-84a52876.js';
 import { createStyles, Box, Portal, Transition, Overlay } from '@mantine/core';
-import './index.styles-1b7c0626.js';
-import { S as Select, d as Checkbox, c as Input, R as Radio, P as Phone, N as NumberInput, B as Button$1 } from './index-acb975fb.js';
-import { B as Button } from './index-30a00409.js';
-import { C as CommonGAssets } from './index-d232b0dc.js';
-import './constants-d6930e5e.js';
-import './index-de5f4b77.js';
-import './utils-c4d6d3b1.js';
-import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-528dc7d6.js';
-import { D as DatePicker } from './index-7b90d518.js';
-import { t as theme } from './theme-f0b6c550.js';
-import { T as TranslationsContext } from './translationsContext-82b6afe9.js';
+import './index.styles-e1757115.js';
+import { S as Select, d as Checkbox, c as Input, R as Radio, P as Phone, N as NumberInput, B as Button$1 } from './index-68fab995.js';
+import { B as Button } from './index-c3d30585.js';
+import { C as CommonGAssets } from './index-cbda4cc1.js';
+import './constants-ac51ae89.js';
+import './index-56e460c6.js';
+import './utils-e621db45.js';
+import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-f7a8a1ca.js';
+import { D as DatePicker } from './index-f06883d8.js';
+import { t as theme } from './theme-970b90f0.js';
+import { T as TranslationsContext } from './translationsContext-494ae681.js';
 import 'string-format';
 import '@mantine/hooks';
-import './useMantineLocale-55d6c3f7.js';
-import './index-9c28c6d3.js';
-import './utils-3faf426d.js';
-import './WhatsApp-25882f30.js';
-import './index.styled-23ecaf98.js';
-import './index-791aacd3.js';
-import { M as MAPPED_LOCALE } from './utils-d42f36c5.js';
+import './useMantineLocale-c9152268.js';
+import './index-7c16ac20.js';
+import './utils-e93e4c81.js';
+import './WhatsApp-4464ab6c.js';
+import './index.styled-0bdbe990.js';
+import './index-4599e5b0.js';
+import '@hhgtech/icons/other';
+import { M as MAPPED_LOCALE } from './utils-7a0b602b.js';
 import '@mantine/dates';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-30d9515c.js';
-import { H as Heading$1 } from './index-ae90e211.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-664fd91f.js';
+import { H as Heading$1 } from './index-de4b6341.js';
 import { v1 } from 'uuid';
 import { createPortal } from 'react-dom';
-import { g as getCookie, s as setCookie } from './cookieHelper-22b746f0.js';
+import { g as getCookie, s as setCookie } from './cookieHelper-3d07347b.js';
 import dayjs from 'dayjs';
-import { C as Close } from './Close-3b975982.js';
+import { C as Close } from './Close-9352706a.js';
 import '@emotion/styled';
 import '@emotion/react';
-import './animation-8d9166c4.js';
+import './animation-a85e3de7.js';
 import 'react-keyed-flatten-children';
-import '@hhgtech/icons/other';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-26127495.js';
+import './useUniqueId-c297b004.js';
 import '@hhgtech/icons/core';
-import './isProduction-883d53b1.js';
+import './isProduction-434d302d.js';
 import 'date-fns/locale';
 import 'slugify';
 

package/build/esm/mantine.js

@@ -1,34 +1,34 @@
-import { j as getMantineThemeOverride, k as StyledTextArea } from './index-acb975fb.js';
-export { m as Accordion, A as Anchor, b as AspectRatio, a as Avatar, l as Breadcrumbs, B as Button, n as Carousel, f as CentralCarousel, d as Checkbox, e as ChipButton, c as Input, O as OTP, P as Phone, p as Popover, R as Radio, S as Select, T as Tabs, o as emotionCache, j as getMantineThemeOverride, t as themeColors } from './index-acb975fb.js';
-export { D as DatePicker } from './index-7b90d518.js';
-import { T as Text } from './index-b80db1c1.js';
-export { T as Text } from './index-b80db1c1.js';
-export { I as Indicator } from './index-b42bac7a.js';
+import { j as getMantineThemeOverride, k as StyledTextArea } from './index-68fab995.js';
+export { m as Accordion, A as Anchor, b as AspectRatio, a as Avatar, l as Breadcrumbs, B as Button, n as Carousel, f as CentralCarousel, d as Checkbox, e as ChipButton, c as Input, O as OTP, P as Phone, p as Popover, R as Radio, S as Select, T as Tabs, o as emotionCache, j as getMantineThemeOverride, t as themeColors } from './index-68fab995.js';
+export { D as DatePicker } from './index-f06883d8.js';
+import { T as Text } from './index-84a52876.js';
+export { T as Text } from './index-84a52876.js';
+export { I as Indicator } from './index-7305fc5d.js';
 import React__default, { useMemo } from 'react';
-export { M as Modal } from './index-57bf1cd7.js';
-import { _ as __rest } from './tslib.es6-9d7cffa1.js';
+export { M as Modal } from './index-3aca5854.js';
+import { _ as __rest } from './tslib.es6-64d6b81e.js';
 import { MantineProvider as MantineProvider$1, Badge as Badge$1, Spoiler as Spoiler$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text as Text$1, Button } from '@mantine/core';
-import { t as theme } from './theme-f0b6c550.js';
-import { u as useTranslations } from './useTranslations-e09488cf.js';
-export { S as Slider } from './index-fef007d1.js';
-export { S as Switch } from './index-8360ce3a.js';
-import { u as useMantineLocale } from './useMantineLocale-55d6c3f7.js';
-export { M as MAPPED_LOCALE, g as getHeadingStyles, u as useMantineLocale } from './useMantineLocale-55d6c3f7.js';
-export { O as OTHER_THEME_CONFIG } from './utils-528dc7d6.js';
+import { t as theme } from './theme-970b90f0.js';
+import { u as useTranslations } from './useTranslations-cdea23ca.js';
+export { S as Slider } from './index-e86bff41.js';
+export { S as Switch } from './index-43343cbf.js';
+import { u as useMantineLocale } from './useMantineLocale-c9152268.js';
+export { M as MAPPED_LOCALE, g as getHeadingStyles, u as useMantineLocale } from './useMantineLocale-c9152268.js';
+export { O as OTHER_THEME_CONFIG } from './utils-f7a8a1ca.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-d232b0dc.js';
-import './index-9c28c6d3.js';
+import './index-cbda4cc1.js';
+import './index-7c16ac20.js';
 import 'date-fns/locale';
-import './index-de5f4b77.js';
-import './isProduction-883d53b1.js';
+import './index-56e460c6.js';
+import './isProduction-434d302d.js';
 import '@emotion/styled';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-26127495.js';
+import './useUniqueId-c297b004.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-82b6afe9.js';
+import './translationsContext-494ae681.js';
 import 'string-format';
 import 'dayjs';
 

package/build/esm/misc.js

@@ -1,25 +1,25 @@
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-2e0ff46a.js';
-export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-8d9166c4.js';
-export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-22b746f0.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-c85786d3.js';
+export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-a85e3de7.js';
+export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-3d07347b.js';
 import 'react';
 import '@mantine/core';
-import './index-de5f4b77.js';
-import './index-d232b0dc.js';
-export { M as MBTheme, t as theme } from './theme-f0b6c550.js';
-export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-528dc7d6.js';
-import './useMantineLocale-55d6c3f7.js';
-import './index-9c28c6d3.js';
-export { a as abbreviateNumber } from './number-f94edd46.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-c564d6de.js';
-export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-7c15a910.js';
-export { g as getSocialList } from './getSocialList-ff360236.js';
-export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-b764f5bd.js';
+import './index-56e460c6.js';
+import './index-cbda4cc1.js';
+export { M as MBTheme, t as theme } from './theme-970b90f0.js';
+export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-f7a8a1ca.js';
+import './useMantineLocale-c9152268.js';
+import './index-7c16ac20.js';
+export { a as abbreviateNumber } from './number-299bd96f.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-0e8aa97d.js';
+export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-4d8eeb51.js';
+export { g as getSocialList } from './getSocialList-25eb0ec3.js';
+export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-e5035d56.js';
 import 'dayjs';
 import '@emotion/react';
-import './isProduction-883d53b1.js';
-import './tslib.es6-9d7cffa1.js';
+import './isProduction-434d302d.js';
+import './tslib.es6-64d6b81e.js';
 import 'date-fns/locale';
-import './normalizeLink-0a2787bd.js';
-import './core-f736ab2d.js';
-import './WhatsApp-25882f30.js';
+import './normalizeLink-3d1f20d1.js';
+import './core-f226ac0f.js';
+import './WhatsApp-4464ab6c.js';
 import 'lodash/throttle';