@hhgtech/hhg-components 1.29.487 → 1.29.488-beta-2

package/build/esm/{index-2809f342.js → index-f771eb1b.js}

@@ -1,14 +1,14 @@
-import { _ as __rest } from './tslib.es6-d22eea34.js';
+import { _ as __rest } from './tslib.es6-e2893d2a.js';
 import React__default, { forwardRef } from 'react';
-import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-dbf7ee95.js';
-import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-19c19aa7.js';
+import { createStyles, getStylesRef, useMantineTheme, Button as Button$1 } from '@mantine/core';
+import { A as ANIMATION_DURATION } from './shared-0c4d8902.js';
+import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-d8f1e6ed.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;
     const { other } = _theme;
     const { template } = other;
-    const { size, variant, skipHover, withColorHover, isError, isSuccess, color, children, theme: themeProp, customStylesType, } = _params;
+    const { size, variant, skipHover, withColorHover, isError, isSuccess, color, gradient, children, theme: themeProp, customStylesType, } = _params;
     const isMb = template === 'mb' || themeProp === 'marryBaby';
     const finalColor = color || (themeProp && isMb ? 'mb' : _theme.primaryColor);
     const isHexColor = finalColor.startsWith('#');
@@ -23,9 +23,20 @@ var useStyles = createStyles((_theme, _params) => {
         : (_f = (_e = _theme.colors) === null || _e === void 0 ? void 0 : _e[finalColor]) === null || _f === void 0 ? void 0 : _f[_theme.fn.primaryShade() + 1];
     const isLeadgen = customStylesType === CustomStylesType.LEADGEN;
     return {
-        root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ transition: `all ${ANIMATION_DURATION} ease-in-out`, '&:focus': {
+        root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ transition: `all ${ANIMATION_DURATION} ease-in-out` }, (gradient && Object.assign({ border: 0, position: 'relative' }, (variant === 'secondary' && {
+            '&:before': {
+                content: '""',
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                right: 0,
+                bottom: 0,
+                backgroundColor: '#fff',
+                borderRadius: 'inherit',
+            },
+        })))), { '&:focus': {
                 outline: 'none',
-            } }, (isLeadgen && {
+            } }), (isLeadgen && {
             borderRadius: 12,
         })), (!children && {
             paddingLeft: '10px',
@@ -59,19 +70,29 @@ var useStyles = createStyles((_theme, _params) => {
         })()), (() => {
             switch (variant) {
                 case 'primary': {
-                    return Object.assign({ color: _theme.white, backgroundColor: hexColor }, (!skipHover && {
+                    return Object.assign(Object.assign({ color: _theme.white }, (gradient
+                        ? {
+                            backgroundImage: gradient,
+                            backgroundColor: 'initial',
+                        }
+                        : { backgroundColor: hexColor })), (!skipHover && {
                         '&:hover': {
-                            backgroundColor: hoverHexColor,
+                            backgroundColor: gradient ? 'initial' : hoverHexColor,
                         },
                     }));
                 }
                 case 'secondary':
-                    return Object.assign(Object.assign({ color: hexColor, backgroundColor: 'transparent', border: `1px solid ${hexColor}` }, (!skipHover && {
+                    return Object.assign(Object.assign(Object.assign({ color: hexColor, backgroundColor: 'transparent', border: `1px solid ${hexColor}` }, (gradient && {
+                        backgroundImage: gradient,
+                        borderColor: 'transparent',
+                    })), (!skipHover &&
+                        !gradient && {
                         '&:hover': {
                             backgroundColor: hexColor50,
                             border: `1px solid ${hexColor}`,
                         },
-                    })), (withColorHover && {
+                    })), (withColorHover &&
+                        !gradient && {
                         '&:hover': {
                             backgroundColor: hexColor,
                             border: `1px solid ${hexColor}`,
@@ -142,9 +163,19 @@ var useStyles = createStyles((_theme, _params) => {
                     backgroundColor: _theme.colors.green[0],
                 },
             })) : {})),
+        inner: Object.assign({ ref: getStylesRef('inner') }, (gradient && {
+            position: 'relative',
+        })),
         leftIcon: {
             marginRight: 8,
         },
+        rightIcon: {},
+        label: Object.assign({}, (gradient &&
+            variant === 'secondary' && {
+            background: gradient,
+            '-webkit-background-clip': 'text',
+            '-webkit-text-fill-color': 'transparent',
+        })),
     };
 });
 
@@ -168,13 +199,14 @@ function filterObject(obj) {
 const Button = forwardRef((props, ref) => {
     var _a, _b;
     const theme = useMantineTheme();
-    const _c = Object.assign(Object.assign({}, (_b = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.Button) === null || _b === void 0 ? void 0 : _b.defaultProps), filterObject(props)), { variant, size, color, skipHover, withColorHover, className, dataEventCategory, dataEventAction, dataEventLabel, children, theme: themeProp, component, styles, classNames } = _c, rest = __rest(_c, ["variant", "size", "color", "skipHover", "withColorHover", "className", "dataEventCategory", "dataEventAction", "dataEventLabel", "children", "theme", "component", "styles", "classNames"]);
+    const _c = Object.assign(Object.assign({}, (_b = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.Button) === null || _b === void 0 ? void 0 : _b.defaultProps), filterObject(props)), { variant, size, color, gradient, skipHover, withColorHover, className, dataEventCategory, dataEventAction, dataEventLabel, children, theme: themeProp, component, styles, classNames } = _c, rest = __rest(_c, ["variant", "size", "color", "gradient", "skipHover", "withColorHover", "className", "dataEventCategory", "dataEventAction", "dataEventLabel", "children", "theme", "component", "styles", "classNames"]);
     const isError = variant === 'error';
     const variantStyle = useTemplateVariant();
     const { classes, cx } = useStyles({
         variant,
         size,
         color,
+        gradient,
         skipHover,
         withColorHover,
         isError,
@@ -185,7 +217,10 @@ const Button = forwardRef((props, ref) => {
     }, { name: 'ButtonMantine', styles, classNames });
     return (React__default.createElement(Button$1, Object.assign({ component: component, className: cx(className, variant), classNames: {
             root: classes.root,
+            inner: classes.inner,
             leftIcon: classes.leftIcon,
+            rightIcon: classes.rightIcon,
+            label: classes.label,
         }, variant: MAPPED_VARIANT[variant], "data-variant": variant, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, ref: ref, loaderProps: rest.disabled ? { color: 'currentColor' } : undefined }, rest), children));
 });
 

package/build/esm/{index-ae4a9d39.js → index-f8cda8ad.js}

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

package/build/esm/{index-7b49d2af.js → index-fb690f12.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-4892ecbc.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-a4d83ba9.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-5adba011.js';
-import { I as Icon } from './index-78c5cb83.js';
-import { _ as __rest } from './tslib.es6-d22eea34.js';
-import { U as UserAvatar } from './index-03ce768e.js';
-import { I as ImageWrap, u as useScreenSize } from './index-178296cf.js';
-import './index-497c82ed.js';
-import { C as CommonGAssets } from './index-9869c049.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-3a2b9dcf.js';
-import { B as Button } from './index-19ccd15a.js';
-import { T as Text } from './index-78c5b9df.js';
+import { u as useTranslations } from './index-0de436d9.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-ae19ee06.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-cf5b199f.js';
+import { I as Icon } from './index-bbfff309.js';
+import { _ as __rest } from './tslib.es6-e2893d2a.js';
+import { U as UserAvatar } from './index-4e3f60ab.js';
+import { I as ImageWrap, u as useScreenSize } from './index-a549f134.js';
+import './index-687bbf63.js';
+import { C as CommonGAssets } from './index-37e943bb.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-370cc301.js';
+import { B as Button } from './index-1e2d1f60.js';
+import { T as Text } from './index-143c3c9d.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-964fee78.js';
-import { H as Heading } from './index-01f01de5.js';
-import { M as Modal } from './index-f41f433b.js';
+import { L as Loading } from './index-a00ce2df.js';
+import { H as Heading } from './index-01c3bf49.js';
+import { M as Modal } from './index-1d9e888c.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-d71417aa.js').then((module) => {
+                import('./index-ea6ff0a5.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/index.js

@@ -1,145 +1,145 @@
-export { i as Types } from './index-d4b5612b.js';
-export { i as Constants } from './index-497c82ed.js';
-export { i as Lead } from './index-1a7799e2.js';
-export { C as CaretDown, F as Flag } from './index-be45cb68.js';
+export { i as Types } from './index-c9eea254.js';
+export { i as Constants } from './index-687bbf63.js';
+export { i as Lead } from './index-6f628ef1.js';
+export { C as CaretDown, F as Flag } from './index-2bd4d546.js';
 import * as React from 'react';
-export { A as ArticleDetailCard, d as Check, C as ClinicInfo, e as Clock, b as CollectPhoneForm, D as DoctorExpertise, E as EPopupCollectPhoneStep, h as Ellipse, g as HelloZalo, H as HospitalInfo, M as Mobile, i as PhoneInactive, P as PopupCollectPhone, c as ProductInsuranceInfo, U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats, f as formPhoneType } from './index-9a26a05e.js';
-export { C as ChevronDown } from './ChevronDown-405f3a73.js';
-export { C as Close } from './Close-677ab953.js';
-export { F as Facebook, G as Google } from './Google-944a4478.js';
-export { C as Checkbox, I as ImageWrapV2, P as Pagination, a as PureInput, c as Search2, b as SearchInput, S as StyledSearchIcon } from './index-faac07ea.js';
-export { A as Avatar, D as DistanceTag, a as DrawerBottom, I as IconWrapper, S as ShapedArrowDown } from './index-acaae81c.js';
-export { A as AdBlock, t as AnsweredByDoctor, B as Breadcrumbs, p as CardListItem, C as CategoryCard, q as CertificateItem, a as CheckboxGroup, e as CookieAcceptConfirm, D as DatePicker, g as DateRangePicker, d as DoctorInfo, k as FixedBottomAdBlock, F as FloatButtonGroup, G as GeneralInfo, H as HPVScreener, I as IconText, L as List, m as ListContext, M as MAX_RATING, Q as QuickFilter, o as QuickFilterWrapLine, R as RadioGroup, r as RatingStars, s as RatingStarsInput, S as ScrollList, f as SeoHead, h as ShareContainer, j as ShareDrawer, i as SideMenu, v as StarFull, w as StarHalf, b as StatisticCard, l as SummaryInfo, c as Table, T as Tabs, V as VoucherItem, W as WidgetChatbotAi, n as useList, u as useListContext } from './index-d97061c8.js';
-export { A as Alert, B as Badge, a as BorderHeading, C as CardCollapse, D as DragFreeCarousel, f as FILE_UPLOAD_ACCEPTED_RATIOS, g as FILE_UPLOAD_ACCEPTED_TYPES, F as FileDropdown, G as Grid, H as HtmlContent, I as IconHeading, e as ImageUpload, R as Radio, b as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, c as Toggle, U as Upload } from './index-30476e42.js';
-export { V as Visible } from './Visible-ad89750c.js';
-export { B as Button } from './index-19ccd15a.js';
-export { C as Container } from './index-4ded97ac.js';
-export { D as Divider } from './index-c0be32dd.js';
-export { D as Drawer } from './index-011fdd2b.js';
-export { H as Heading } from './index-01f01de5.js';
-export { I as Icon } from './index-78c5cb83.js';
-export { I as Input, L as Label } from './index-8d54205b.js';
-export { L as Logo } from './index-578ee73d.js';
-export { R as RadioImageGroup } from './index-11c430a7.js';
-export { T as Text } from './index-0b5c07de.js';
-export { T as TextArea } from './index-ae4a9d39.js';
-export { A as AuthorBadge, B as BookingBtn } from './index-5adba011.js';
-export { B as BtnChoice } from './index-3e9c1d66.js';
-export { C as CustomReferenceDot } from './index-a7ece19e.js';
-export { I as ImageWrap } from './index-178296cf.js';
-export { L as LogoIcon } from './logoIcon-e53fd2ac.js';
-export { G as GenderOptionControl } from './index-bf2a403c.js';
-export { L as Loading } from './index-a5392043.js';
-export { D as DrawerComponent } from './index-b29b9dca.js';
-export { I as InputDate } from './InputDate-d6c79d85.js';
+export { A as ArticleDetailCard, d as Check, C as ClinicInfo, e as Clock, b as CollectPhoneForm, D as DoctorExpertise, E as EPopupCollectPhoneStep, h as Ellipse, g as HelloZalo, H as HospitalInfo, M as Mobile, i as PhoneInactive, P as PopupCollectPhone, c as ProductInsuranceInfo, U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats, f as formPhoneType } from './index-759eb82d.js';
+export { C as ChevronDown } from './ChevronDown-3e59f324.js';
+export { C as Close } from './Close-49915ac4.js';
+export { F as Facebook, G as Google } from './Google-07ffd6a2.js';
+export { C as Checkbox, I as ImageWrapV2, P as Pagination, a as PureInput, c as Search2, b as SearchInput, S as StyledSearchIcon } from './index-b4812ec0.js';
+export { A as Avatar, D as DistanceTag, a as DrawerBottom, I as IconWrapper, S as ShapedArrowDown } from './index-e018dff9.js';
+export { A as AdBlock, t as AnsweredByDoctor, B as Breadcrumbs, p as CardListItem, C as CategoryCard, q as CertificateItem, a as CheckboxGroup, e as CookieAcceptConfirm, D as DatePicker, g as DateRangePicker, d as DoctorInfo, k as FixedBottomAdBlock, F as FloatButtonGroup, G as GeneralInfo, H as HPVScreener, I as IconText, L as List, m as ListContext, M as MAX_RATING, Q as QuickFilter, o as QuickFilterWrapLine, R as RadioGroup, r as RatingStars, s as RatingStarsInput, S as ScrollList, f as SeoHead, h as ShareContainer, j as ShareDrawer, i as SideMenu, v as StarFull, w as StarHalf, b as StatisticCard, l as SummaryInfo, c as Table, T as Tabs, V as VoucherItem, W as WidgetChatbotAi, n as useList, u as useListContext } from './index-a19589ff.js';
+export { A as Alert, B as Badge, a as BorderHeading, C as CardCollapse, D as DragFreeCarousel, f as FILE_UPLOAD_ACCEPTED_RATIOS, g as FILE_UPLOAD_ACCEPTED_TYPES, F as FileDropdown, G as Grid, H as HtmlContent, I as IconHeading, e as ImageUpload, R as Radio, b as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, c as Toggle, U as Upload } from './index-635c5323.js';
+export { V as Visible } from './Visible-7dc2b4e7.js';
+export { B as Button } from './index-1e2d1f60.js';
+export { C as Container } from './index-93b9cf44.js';
+export { D as Divider } from './index-1575a4c3.js';
+export { D as Drawer } from './index-ca0f1d13.js';
+export { H as Heading } from './index-01c3bf49.js';
+export { I as Icon } from './index-bbfff309.js';
+export { I as Input, L as Label } from './index-15756510.js';
+export { L as Logo } from './index-44adaccb.js';
+export { R as RadioImageGroup } from './index-1036983b.js';
+export { T as Text } from './index-03ca561c.js';
+export { T as TextArea } from './index-f8cda8ad.js';
+export { A as AuthorBadge, B as BookingBtn } from './index-cf5b199f.js';
+export { B as BtnChoice } from './index-69fd5672.js';
+export { C as CustomReferenceDot } from './index-bec6eb85.js';
+export { I as ImageWrap } from './index-a549f134.js';
+export { L as LogoIcon } from './logoIcon-99986881.js';
+export { G as GenderOptionControl } from './index-5780c3d0.js';
+export { L as Loading } from './index-439d2b19.js';
+export { D as DrawerComponent } from './index-416c793e.js';
+export { I as InputDate } from './InputDate-ceb72830.js';
 export { ArticleCard } from './moleculesArticleCard.js';
 export { ArticleCard as ArticleCardV2 } from './moleculesArticleCardV2.js';
-export { D as Dropdown } from './index-ec40c3f1.js';
-export { P as Popup } from './index-76020334.js';
-export { M as Modal } from './index-6cb41dda.js';
+export { D as Dropdown } from './index-8e2d93a3.js';
+export { P as Popup } from './index-8d8a7f77.js';
+export { M as Modal } from './index-95fe994c.js';
 export { ProgressBar } from './progressBar.js';
-export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-d217a101.js';
+export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-77d2a003.js';
 export { MobileBottomNavigation } from './mobileBottomNavigation.js';
-export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-dcbff168.js';
-export { H as HealthToolCardWrapper, T as ToolsBannerCard } from './index-168138b6.js';
-export { a as DUE_DATE_METHOD, D as DueDateForm } from './index-2ac37acd.js';
+export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-7c01d642.js';
+export { H as HealthToolCardWrapper, T as ToolsBannerCard } from './index-6dc18d3e.js';
+export { a as DUE_DATE_METHOD, D as DueDateForm } from './index-b5f6657a.js';
 export { DueDateCardEmbed } from './embeddedHeathToolCards_dueDate_dueDate.js';
 export { BMICardEmbed } from './embeddedHeathToolCards_bmi_bmi.js';
-export { B as BmiForm } from './index-189bb940.js';
+export { B as BmiForm } from './index-c5952b30.js';
 export { BabyGrowthCardEmbed } from './embeddedHeathToolCards_babyGrowth.js';
 export { BabyPoopEmbed } from './embeddedHeathToolCards_babyPoop.js';
-export { B as BabyPoopForm } from './index-db7a77e7.js';
+export { B as BabyPoopForm } from './index-8fa4cc43.js';
 export { THRCardEmbed } from './embeddedHeathToolCards_targetHeartRate.js';
-export { T as ThrForm } from './index-22ce5c05.js';
+export { T as ThrForm } from './index-c40c4a65.js';
 export { BMRCardEmbed } from './embeddedHeathToolCards_bmrBmr.js';
 export { OvulationCardEmbed } from './embeddedHeathToolCards_ovulation_ovulation.js';
-export { O as OvulationForm } from './index-4450eb62.js';
-export { B as BabyVaccineForm } from './index-c4b88e21.js';
+export { O as OvulationForm } from './index-4937e3d4.js';
+export { B as BabyVaccineForm } from './index-e025ab5e.js';
 export { BabyVaccineCardEmbed } from './embeddedHeathToolCards_babyVaccine.js';
 export { PWGCardEmbed } from './embeddedHeathToolCards_pwg_pwg.js';
-export { P as PWGForm } from './index-b58915df.js';
-export { L as LanguageSwitcher, V as VideoItem, a as VideoPlayerModal } from './index-e87437e8.js';
-export { P as PillCarousel } from './index-c5290770.js';
-export { A as AddressInput } from './index-18114b95.js';
-export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-c28daf82.js';
-export { D as DoctorExpertiseItem, a as DoctorInfoExpertise, I as InsuranceList, P as PaymentList } from './index-142f6675.js';
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-9ba89930.js';
-export { F as Footer } from './index-e97395bf.js';
+export { P as PWGForm } from './index-c980639d.js';
+export { L as LanguageSwitcher, V as VideoItem, a as VideoPlayerModal } from './index-d6900a2d.js';
+export { P as PillCarousel } from './index-3b192ac8.js';
+export { A as AddressInput } from './index-7ccf7e34.js';
+export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-1bf1d006.js';
+export { D as DoctorExpertiseItem, a as DoctorInfoExpertise, I as InsuranceList, P as PaymentList } from './index-58f7e083.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-7ccddaaf.js';
+export { F as Footer } from './index-e959dad1.js';
 export { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-export { N as NavigationProfileButton } from './index-b292580e.js';
+export { N as NavigationProfileButton } from './index-ae39be41.js';
 export { ProfileNavigation } from './profileNavigation.js';
-export { u as useTranslations } from './index-4892ecbc.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-37ff7976.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-6a859f7b.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-7f12da82.js';
-export { u as useIsInit } from './useIsInit-3d93f40e.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-471c83de.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-6d468616.js';
+export { u as useTranslations } from './index-0de436d9.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-87749616.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-caacb602.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-3fde1bec.js';
+export { u as useIsInit } from './useIsInit-87ce27a7.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-40d908f9.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-7bd900b6.js';
 export { TogetherAuthConfigContext, TogetherAuthConfigContextProvider, useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-export { d as TogetherDataTransforms } from './dataTransform-8076dba6.js';
-export { t as TogetherTypes } from './types-c343afca.js';
-export { c as TogetherConstants } from './constants-efe9be40.js';
-export { U as UserAvatar } from './index-03ce768e.js';
-export { C as CardLink } from './index-ea28ec00.js';
-export { C as CardReactions, a as LabelPin, L as LabelSortPin, T as TagTopic } from './treePopoverMenu-9545bb97.js';
-export { L as LabelSorting } from './labelSorting-7c185c0c.js';
-export { C as CardAuthor, a as PopupDoctor, P as PopupExpert, b as PopupHospital, c as ProfileDetailModal } from './index-7b49d2af.js';
-export { C as CreateNewPostContent, a as CreateNewPostContentV2, b as CreatePostDescription, c as CreatePostTitle, S as SkipQuestionOfExpertBtn, T as TopicSelectList } from './index-172e2e40.js';
-export { I as InputCommentBar, P as PopupDanger, a as PopupFrame, S as SharePopup, b as SubmitReportForm } from './index-d7d905cb.js';
+export { d as TogetherDataTransforms } from './dataTransform-5c90f920.js';
+export { t as TogetherTypes } from './types-a3e81dcd.js';
+export { c as TogetherConstants } from './constants-f747cd0e.js';
+export { U as UserAvatar } from './index-4e3f60ab.js';
+export { C as CardLink } from './index-c1c89241.js';
+export { C as CardReactions, a as LabelPin, L as LabelSortPin, T as TagTopic } from './treePopoverMenu-1611a86f.js';
+export { L as LabelSorting } from './labelSorting-fa95e6a9.js';
+export { C as CardAuthor, a as PopupDoctor, P as PopupExpert, b as PopupHospital, c as ProfileDetailModal } from './index-fb690f12.js';
+export { C as CreateNewPostContent, a as CreateNewPostContentV2, b as CreatePostDescription, c as CreatePostTitle, S as SkipQuestionOfExpertBtn, T as TopicSelectList } from './index-0ac62d76.js';
+export { I as InputCommentBar, P as PopupDanger, a as PopupFrame, S as SharePopup, b as SubmitReportForm } from './index-739e55d8.js';
 export { ShareBox } from './togetherShareBox.js';
-export { P as PostContent, a as ProfileDetail, T as TabNameInProfileDetail } from './index-dde1645e.js';
-export { I as ImagePreviewPopup, a as PostImagePreview, P as PostSingleImageViewPopup } from './index-5b190161.js';
-export { S as SocialLinkPreview } from './index-8feffb1f.js';
-export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-be4f466d.js';
-export { P as PopoverMenu } from './index-d865b591.js';
-export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider } from './utils-3a2b9dcf.js';
+export { P as PostContent, a as ProfileDetail, T as TabNameInProfileDetail } from './index-db095361.js';
+export { I as ImagePreviewPopup, a as PostImagePreview, P as PostSingleImageViewPopup } from './index-b1f0d7af.js';
+export { S as SocialLinkPreview } from './index-260176e5.js';
+export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-e9dced00.js';
+export { P as PopoverMenu } from './index-a5cc7337.js';
+export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider } from './utils-370cc301.js';
 export { BookingSearchBar } from './careBookingSearchBar.js';
 export { BookingSearchBarV2 } from './careBookingSearchBarV2.js';
-export { T as TextDivider } from './index-891be2b9.js';
-export { c as CareConstants } from './constants-3a8fffbd.js';
-export { t as CareTypes } from './types-1ef8eae4.js';
-export { a as ageGenerate } from './ageGenerate-c4af4d09.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-ceafa1ba.js';
+export { T as TextDivider } from './index-2025daa1.js';
+export { c as CareConstants } from './constants-d08f412c.js';
+export { t as CareTypes } from './types-0f0daf5e.js';
+export { a as ageGenerate } from './ageGenerate-00bde462.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-a1e0f3cd.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
-export { a as abbreviateNumber } from './number-42c21c3f.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-4ba71f22.js';
+export { a as abbreviateNumber } from './number-8c79a234.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-cad19552.js';
 export { MBTheme, theme } from './miscTheme.js';
-export { B as Breakpoints, M as MediaQueries, S as Screens, d as convertDay, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, e as sleep, s as startCase, t as toggleNoScroll } from './utils-a4d83ba9.js';
+export { B as Breakpoints, M as MediaQueries, S as Screens, d as convertDay, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, e as sleep, s as startCase, t as toggleNoScroll } from './utils-ae19ee06.js';
 export { formatHealthTool, getDynamicHealthTool, getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 export { getSocialList } from './miscGetSocialList.js';
-export { c as convertLocalizedStringToNumber, f as formatPhoneNumber, l as localizeNumberFormat } from './localizeNumberFormat-b77a184f.js';
+export { c as convertLocalizedStringToNumber, f as formatPhoneNumber, l as localizeNumberFormat } from './localizeNumberFormat-c7c74c98.js';
 export { ScreenSizeContext, ScreenSizeContextProvider, getWindowSizeGroups } from './miscScreenSizeContext.js';
-export { f as formatPill } from './dataTransform-aa904553.js';
-import './Locale-ba642b43.js';
+export { f as formatPill } from './dataTransform-e4eae7f1.js';
+import './Locale-0e9d8ddf.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
 import '@mantine/core';
-import './index-19c19aa7.js';
-import './tslib.es6-d22eea34.js';
+import './index-d8f1e6ed.js';
+import './tslib.es6-e2893d2a.js';
 import '@mantine/hooks';
 import '@emotion/react';
 import '@emotion/styled';
 import '@hhgtech/icons/other';
-import './index-9869c049.js';
+import './index-37e943bb.js';
 import '@mantine/carousel';
-import './index-78c5b9df.js';
-import './index-52ff640d.js';
+import './index-143c3c9d.js';
+import './index-6a2fda53.js';
 import 'dayjs';
 import '@mantine/notifications';
-import './shared-dbf7ee95.js';
+import './shared-0c4d8902.js';
 import 'classnames';
 import 'uuid';
 import '@hhgtech/icons/core';
-import './index-2809f342.js';
+import './index-f771eb1b.js';
 import '@react-google-maps/api';
 import 'react-phone-number-input';
 import '@mantine/dates';
-import './index.styles-a8e4f235.js';
-import './translationsContext-b889fd35.js';
-import './index-d070b323.js';
+import './index.styles-130d05dd.js';
+import './translationsContext-1702dbea.js';
+import './index-b6abd76a.js';
 import 'vaul';
 import 'date-fns';
 import 'react-day-picker/DayPickerInput';
@@ -155,48 +155,48 @@ import 'lodash/get';
 import 'lodash/debounce';
 import './miscDefaultClassWrapper.js';
 import 'react-keyed-flatten-children';
-import './WhatsApp-6c0fa1d9.js';
-import './Spinner-2054256e.js';
-import './index-163936dd.js';
-import './paths-a1905103.js';
+import './WhatsApp-1f7edef0.js';
+import './Spinner-d804adb4.js';
+import './index-36e4c9f3.js';
+import './paths-92867185.js';
 import 'innertext';
 import 'react-dom';
-import './context-636027ff.js';
-import './LastPeriod-f88c9c5d.js';
+import './context-4c3f5cc2.js';
+import './LastPeriod-87406bc0.js';
 import '@mantine/form';
-import './index-af21dce3.js';
-import './index-6a4cd81f.js';
+import './index-cbd16051.js';
+import './index-49ca9259.js';
 import 'react-hook-form';
 import './embeddedHeathToolCards_helpers.js';
-import './index-47310dce.js';
-import './constants-805ebf2f.js';
-import './index-f41f433b.js';
-import './utils-46f96e66.js';
-import './healthTools-dcb1026c.js';
-import './store-33e4e5ed.js';
+import './index-7558e992.js';
+import './constants-38a1bb43.js';
+import './index-1d9e888c.js';
+import './utils-c4d4f712.js';
+import './healthTools-d5b32771.js';
+import './store-8f0cddd1.js';
 import 'zustand';
-import './index-33c5c545.js';
+import './index-bed7835b.js';
 import './togetherApiPaths.js';
-import './index-8853f81d.js';
+import './index-c1d2714a.js';
 import 'js-cookie';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './constants-85a9b713.js';
-import './index-7d0eafd8.js';
+import './constants-b81b8071.js';
+import './index-bad59dba.js';
 import 'string-format';
 import 'dayjs/plugin/relativeTime';
-import './core-3fafcbe1.js';
-import './index-964fee78.js';
-import './post-704217fc.js';
-import './editor-b05a9f27.js';
+import './core-a83bc70b.js';
+import './index-a00ce2df.js';
+import './post-3a037480.js';
+import './editor-7fa97bad.js';
 import 'react-contenteditable';
-import './index-de17701a.js';
-import './index-dbc4ec18.js';
+import './index-4b2ce508.js';
+import './index-6c47b3cf.js';
 import 'slugify';
-import './utils-b330e91d.js';
+import './utils-f3cf696f.js';
 import 'react-loading-skeleton';
 import 'lodash/shuffle';
-import './index-c7651651.js';
+import './index-96aa9d95.js';
 
 /* eslint-disable prettier/prettier */
 const ChatbotBg = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 1600 1024", fill: "none" }, props),

package/build/esm/{labelSorting-7c185c0c.js → labelSorting-fa95e6a9.js}

@@ -1,8 +1,8 @@
 import React__default, { useContext } from 'react';
-import { T as Text } from './index-78c5b9df.js';
-import './translationsContext-b889fd35.js';
-import { T as TogetherComponentGlobalContext } from './utils-3a2b9dcf.js';
-import { L as LabelSortPin, b as TreePopoverMenu } from './treePopoverMenu-9545bb97.js';
+import { T as Text } from './index-143c3c9d.js';
+import './translationsContext-1702dbea.js';
+import { T as TogetherComponentGlobalContext } from './utils-370cc301.js';
+import { L as LabelSortPin, b as TreePopoverMenu } from './treePopoverMenu-1611a86f.js';
 
 var img$1 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%233E3F58' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m8 14 4 4 4-4M16 10l-4-4-4 4'/%3e%3c/svg%3e";
 var MBSortBy = img$1;

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

@@ -8,4 +8,5 @@ export declare const Close: ({ children, ...rest }: {
     withColorHover?: boolean;
     theme?: "marryBaby" | "helloSites";
     component?: any;
-} & Omit<import("@mantine/core").ButtonProps, "variant"> & React.ButtonHTMLAttributes<HTMLButtonElement> & import("../../types").DataTrackingType) => React.JSX.Element;
+    gradient?: string;
+} & Omit<import("@mantine/core").ButtonProps, "variant" | "gradient"> & React.ButtonHTMLAttributes<HTMLButtonElement> & import("../../types").DataTrackingType) => React.JSX.Element;