@hhgtech/hhg-components 1.29.429-beta-2 → 1.29.429-beta-4

package/build/esm/{GeneralInfo-2f0343c0.js → index-237b1622.js}

@@ -1,50 +1,50 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3f59f514.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c8871306.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio } from './index-aaeff5df.js';
-import { Stack, Group, createStyles, getStylesRef, Box, Badge, clsx, rem, Button as Button$2, AspectRatio } from '@mantine/core';
+import { R as Radio } from './index-34f364fc.js';
+import { Stack, Group, createStyles, getStylesRef, Box, Badge, Divider, clsx, rem, Button as Button$2, AspectRatio, Grid, Image } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-fa5a8cb0.js';
-import './index-f7ece78f.js';
-import { C as CommonGAssets } from './index-7b3c2e4a.js';
-import './index-8b2b6227.js';
-import { T as Text } from './index-2ece5e60.js';
-import { B as Button$1 } from './index-6a3b8fe1.js';
-import './index.styles-e8c64ec4.js';
-import './translationsContext-5a4b038b.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-88551982.js';
+import './index-9eef940f.js';
+import { C as CommonGAssets } from './index-0b8a503f.js';
+import './index-5062801c.js';
+import { T as Text } from './index-3eab7822.js';
+import { B as Button$1 } from './index-419eec8f.js';
+import './index.styles-0e94312f.js';
+import './translationsContext-5f486090.js';
 import '@mantine/hooks';
-import './text-71546390.js';
-import { M as MediaQueries } from './utils-3d38d074.js';
-import './index-1f08df39.js';
-import { i as isInternalLink } from './index-f900b815.js';
+import './text-097c7b62.js';
+import { M as MediaQueries } from './utils-0a3f8c3e.js';
+import './index-89feb303.js';
+import { i as isInternalLink } from './index-db3042a0.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput } from './index-cf074045.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput } from './index-399a31c8.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-ebb96900.js';
+import { L as Logo } from './index-47aa32fa.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-f9f4a375.js';
+import { a as useOutsideClick } from './useOutsideClick-6ed4a43e.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-05cbb540.js';
-import { u as useScreenSize, I as ImageWrap } from './index-144373bb.js';
-import { u as useTranslations } from './index-16fb3837.js';
-import { D as Dropdown } from './index-7a0bf117.js';
+import { B as Button } from './index-5a7b2a7d.js';
+import { u as useScreenSize, I as ImageWrap } from './index-9c19cae2.js';
+import { u as useTranslations } from './index-7d717b65.js';
+import { D as Dropdown } from './index-1a69d0fc.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-fded19a6.js';
-import { D as Drawer } from './index-198a016c.js';
+import { I as Input } from './index-8fe52372.js';
+import { D as Drawer } from './index-f2fb99a8.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-797d59a0.js';
+import { L as LOCALE } from './Locale-344e6fff.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { L as Loading } from './index-48e7c1c9.js';
+import { L as Loading } from './index-bb0f34b6.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 
@@ -2025,7 +2025,7 @@ const StyledTitleSection = styled.p `
     }
   }
 `;
-const StyledDescription$1 = styled.p `
+const StyledDescription$3 = styled.p `
   margin-top: 2px;
   color: ${theme.colors.white};
   font-size: 12px;
@@ -2068,7 +2068,7 @@ const CookieAcceptConfirm = ({ className, policiesUrl, onAcceptClick, translatio
 }, title = '', description = '', theme = 'helloSites', isOpen = true, useDefaultPosition = true, trackingAttributes, }) => {
     return (React__default.createElement(StyledAcceptCardContainer, { className: className, "data-theme": theme, "data-is-open": isOpen, "data-default-position": useDefaultPosition },
         React__default.createElement(StyledTitleSection, { "data-has-content": !!title }, title),
-        React__default.createElement(StyledDescription$1, { dangerouslySetInnerHTML: {
+        React__default.createElement(StyledDescription$3, { dangerouslySetInnerHTML: {
                 __html: description,
             } }),
         React__default.createElement(StyledButtonGroup, null,
@@ -4693,7 +4693,9 @@ styled.span `
   font-weight: 600;
 `;
 const StyledBadge = styled(Badge) `
-  background-color: #f7f9fc !important;
+  & {
+    background-color: #f7f9fc;
+  }
   line-height: 1rem;
   color: #111111;
   align-self: flex-start;
@@ -4708,8 +4710,11 @@ const StyledButton = styled(Button) `
   &.mantine-Button-root {
     border-radius: 12px;
   }
-  border: 1px solid ${theme.colors.blue100} !important;
-  background-color: ${theme.colors.blue50} !important;
+  & {
+    border: 1px solid ${theme.colors.blue100};
+    background-color: ${theme.colors.blue50};
+  }
+
   color: ${theme.colors.primaryBase};
   width: 100%;
   padding: 10px 16px;
@@ -4723,7 +4728,7 @@ const StyledTextBadgeBox = styled.div `
   text-transform: uppercase;
   display: flex;
   align-items: center;
-  gap: 1px;
+  gap: 4px;
 `;
 const StyledTextBadge = styled.div `
   color: #111111;
@@ -4733,7 +4738,7 @@ const StyledTextContent = styled.div `
   font-size: 0.9375rem;
   line-height: 1.5rem;
 `;
-const StyledTitle$1 = styled.span `
+const StyledTitle$3 = styled.span `
   font-weight: 600;
 `;
 const StyledSubTitle = styled.span `
@@ -4748,7 +4753,7 @@ const StyledTextButtonBox = styled.div `
 const StyledTextButton = styled.div `
   font-weight: 600;
   font-size: 0.9375rem;
-  color: #2d87f3;
+  color: ${theme.colors.primaryBase};
 `;
 
 //12M: Add props later
@@ -4760,12 +4765,12 @@ const HPVScreener = ({ onClick, className }) => {
                 React__default.createElement(StyledContent, null,
                     React__default.createElement(StyledBadge, null,
                         React__default.createElement(StyledTextBadgeBox, null,
-                            React__default.createElement(StarUpgrade, null),
+                            React__default.createElement(StarUpgrade, { style: { width: '1rem', height: '1rem' } }),
                             React__default.createElement(StyledTextBadge, null,
                                 "1.2M ",
                                 t('detail.screened')))),
                     React__default.createElement(StyledTextContent, null,
-                        React__default.createElement(StyledTitle$1, null, t('detail.hpvScreenerTitle')),
+                        React__default.createElement(StyledTitle$3, null, t('detail.hpvScreenerTitle')),
                         ' ',
                         React__default.createElement(StyledSubTitle, null, t('detail.hpvScreenerSubtitle')))),
                 React__default.createElement("div", { style: { alignSelf: 'flex-start' } },
@@ -4798,23 +4803,18 @@ const StyledVerticalContainer = styled.div `
   position: relative;
   display: flex;
   flex-direction: column;
-  gap: 2px;
+  gap: 12px;
   justify-content: center;
   align-items: ${({ itemCount }) => (itemCount > 3 ? 'left' : 'center')};
 `;
-const StyledTitle = styled.div `
+const StyledTitle$2 = styled.div `
   font-size: 15px;
   font-weight: 600;
 `;
-const StyledDescription = styled.div `
+const StyledDescription$2 = styled.div `
   font-size: 13px;
   font-weight: 400;
   color: ${theme.colors.gray700};
-`;
-const StyledDivider = styled.div `
-  width: 2px;
-  height: 2.125rem;
-  background-color: #0000001a;
 `;
 
 const SummaryInfo = ({ infoItems, className }) => {
@@ -4823,9 +4823,15 @@ const SummaryInfo = ({ infoItems, className }) => {
         const conditionToShowDivider = index < infoItemsLength - 1 && infoItemsLength <= 3;
         return (React__default.createElement(React__default.Fragment, { key: item.id },
             React__default.createElement(StyledVerticalContainer, { itemCount: infoItems.length },
-                React__default.createElement(StyledTitle, null, item.title),
-                React__default.createElement(StyledDescription, null, item.description)),
-            conditionToShowDivider && React__default.createElement(StyledDivider, null)));
+                React__default.createElement(StyledTitle$2, null, item.title),
+                React__default.createElement(StyledDescription$2, null, item.description)),
+            conditionToShowDivider && (React__default.createElement(Divider, { sx: {
+                    '&': {
+                        borderColor: '#0000001a',
+                        height: '85%',
+                    },
+                    alignSelf: 'center',
+                }, orientation: "vertical" }))));
     })));
 };
 
@@ -5211,4 +5217,97 @@ GeneralInfo.Content = ProductContent;
 GeneralInfo.Title = ProductTitle;
 GeneralInfo.Description = ProductDescription;
 
-export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DatePicker as D, FloatButtonGroup as F, GeneralInfo as G, HPVScreener as H, IconText as I, List as L, QuickFilter as Q, RadioGroup as R, ScrollList as S, Tabs as T, WidgetChatbotAi as W, CheckboxGroup as a, StatisticCard as b, index as c, DoctorInfo as d, CookieAcceptConfirm as e, SeoHead as f, DateRangePicker as g, ShareContainer as h, index$1 as i, ShareDrawer as j, FixedBottomAdBlock as k, SummaryInfo as l, ListContext as m, CardListItem as n, useListContext as u };
+const StyledContainer$1 = styled.div `
+  border-radius: 12px;
+  padding: 0.875rem 0.75rem;
+  background-color: ${theme.colors.neutral50};
+  cursor: pointer;
+`;
+const StyledFlex = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 100%;
+`;
+const StyledTitle$1 = styled.div `
+  width: 100%;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+`;
+const StyledDescription$1 = styled.div `
+  font-size: 0.6875rem;
+  font-weight: 500;
+  color: ${theme.colors.gray700};
+`;
+const Center = styled.div `
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+`;
+
+const VoucherItem = ({ image, title, description, onClick, className, }) => {
+    return (React__default.createElement(StyledContainer$1, { className: className, onClick: onClick },
+        React__default.createElement(Grid, { gutter: "8px" },
+            React__default.createElement(Grid.Col, { span: "content" },
+                React__default.createElement(Center, null,
+                    React__default.createElement(ImageWrap, { src: image, alt: 'platform', style: {
+                            width: '2.5rem',
+                            height: '2.5rem',
+                            borderRadius: '8px',
+                        } }))),
+            React__default.createElement(Grid.Col, { span: "auto" },
+                React__default.createElement(StyledFlex, null,
+                    React__default.createElement(StyledTitle$1, null, title),
+                    React__default.createElement(StyledDescription$1, null, description))))));
+};
+
+const StyledContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: centr;
+  align-items: center;
+  border-radius: 12px;
+  background-color: ${theme.colors.neutral50};
+  padding: 16px 8px;
+  gap: 8px;
+`;
+const StyledTitle = styled.div `
+  font-size: 13px;
+  font-weight: 600;
+  text-align: center;
+`;
+const StyledDescription = styled.div `
+  font-size: 13px;
+  font-weight: 400;
+  color: ${theme.colors.gray700};
+  text-align: center;
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+`;
+const StyledTextContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`;
+
+const CertificateItem = ({ image, description, title, className, }) => {
+    return (React__default.createElement(StyledContainer, { className: className },
+        React__default.createElement(Image, { src: image, style: {
+                width: '7.5rem',
+                height: '7.5rem',
+            } }),
+        React__default.createElement(StyledTextContainer, null,
+            React__default.createElement(StyledTitle, null, title),
+            React__default.createElement(StyledDescription, null, description))));
+};
+
+export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DatePicker as D, FloatButtonGroup as F, GeneralInfo as G, HPVScreener as H, IconText as I, List as L, QuickFilter as Q, RadioGroup as R, ScrollList as S, Tabs as T, VoucherItem as V, WidgetChatbotAi as W, CheckboxGroup as a, StatisticCard as b, index as c, DoctorInfo as d, CookieAcceptConfirm as e, SeoHead as f, DateRangePicker as g, ShareContainer as h, index$1 as i, ShareDrawer as j, FixedBottomAdBlock as k, SummaryInfo as l, ListContext as m, CardListItem as n, CertificateItem as o, useListContext as u };

package/build/esm/{index-4e4f7031.js → index-2649f01c.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-3f59f514.js';
+import { _ as __rest } from './tslib.es6-c8871306.js';
 import React__default from 'react';
-import './index-aaeff5df.js';
+import './index-34f364fc.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-fa5a8cb0.js';
-import './index-f7ece78f.js';
-import './index-7b3c2e4a.js';
-import './index-8b2b6227.js';
-import { T as Text$1 } from './index-2ece5e60.js';
-import './index-6a3b8fe1.js';
-import './index.styles-e8c64ec4.js';
-import './translationsContext-5a4b038b.js';
+import './index-88551982.js';
+import './index-9eef940f.js';
+import './index-0b8a503f.js';
+import './index-5062801c.js';
+import { T as Text$1 } from './index-3eab7822.js';
+import './index-419eec8f.js';
+import './index.styles-0e94312f.js';
+import './translationsContext-5f486090.js';
 import '@mantine/hooks';
-import './text-71546390.js';
-import './utils-3d38d074.js';
-import './index-1f08df39.js';
+import './text-097c7b62.js';
+import './utils-0a3f8c3e.js';
+import './index-89feb303.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-4aabb131.js → index-28b91cb2.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-3f59f514.js';
+import { _ as __rest } from './tslib.es6-c8871306.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-fa5a8cb0.js';
-import './index-f7ece78f.js';
-import { C as CommonGAssets } from './index-7b3c2e4a.js';
-import { M as MAPPED_LOCALE } from './index-8b2b6227.js';
-import { L as LOCALE } from './Locale-797d59a0.js';
+import { I as ISO_FORMAT } from './index-88551982.js';
+import './index-9eef940f.js';
+import { C as CommonGAssets } from './index-0b8a503f.js';
+import { M as MAPPED_LOCALE } from './index-5062801c.js';
+import { L as LOCALE } from './Locale-344e6fff.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-b59f3039.js → index-2972f58f.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-3f59f514.js';
+import { a as __awaiter } from './tslib.es6-c8871306.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-309f547c.js';
-import { T as Text } from './index-2ece5e60.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-da9cabcd.js';
+import { H as Heading } from './index-d4eb4867.js';
+import { T as Text } from './index-3eab7822.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-9efee20a.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-b2772dfd.js';
+import { D as DEFAULT_IMG } from './constants-a6e59dc1.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-f4830ecb.js → index-2cdadf97.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-16fb3837.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-3d38d074.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-7577a8b1.js';
-import { I as Icon } from './index-a8f759e0.js';
-import { _ as __rest } from './tslib.es6-3f59f514.js';
-import { U as UserAvatar } from './index-fe43ab11.js';
-import { I as ImageWrap, u as useScreenSize } from './index-144373bb.js';
-import './index-fa5a8cb0.js';
-import { C as CommonGAssets } from './index-7b3c2e4a.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-da9cabcd.js';
-import { B as Button } from './index-05cbb540.js';
-import { T as Text } from './index-2ece5e60.js';
+import { u as useTranslations } from './index-7d717b65.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-0a3f8c3e.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-9ace99d8.js';
+import { I as Icon } from './index-a165ad16.js';
+import { _ as __rest } from './tslib.es6-c8871306.js';
+import { U as UserAvatar } from './index-974ac74e.js';
+import { I as ImageWrap, u as useScreenSize } from './index-9c19cae2.js';
+import './index-88551982.js';
+import { C as CommonGAssets } from './index-0b8a503f.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-9efee20a.js';
+import { B as Button } from './index-5a7b2a7d.js';
+import { T as Text } from './index-3eab7822.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-28c156bf.js';
-import { H as Heading } from './index-309f547c.js';
-import { M as Modal } from './index-0412e46d.js';
+import { L as Loading } from './index-443e0401.js';
+import { H as Heading } from './index-d4eb4867.js';
+import { M as Modal } from './index-9dd09381.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-badc2ce3.js').then((module) => {
+                import('./index-59d6b676.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-fc321a60.js → index-2cfcd0de.js}

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-4e4f7031.js';
-import { I as ImageWrap } from './index-144373bb.js';
+import { T as Text } from './index-2649f01c.js';
+import { I as ImageWrap } from './index-9c19cae2.js';
 
 const StyledInsuranceList = styled.ul `
   display: grid;

package/build/esm/{index-16b9972f.js → index-3099a9d3.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-309f547c.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-3d38d074.js';
-import { u as useTranslations } from './index-16fb3837.js';
-import { T as TogetherComponentGlobalContext } from './utils-da9cabcd.js';
+import { H as Heading } from './index-d4eb4867.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-0a3f8c3e.js';
+import { u as useTranslations } from './index-7d717b65.js';
+import { T as TogetherComponentGlobalContext } from './utils-9efee20a.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-2ece5e60.js';
+import { T as Text } from './index-3eab7822.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-3f59f514.js';
+import { _ as __rest } from './tslib.es6-c8871306.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-9ede9a9b.js → index-31b0a1aa.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-3d38d074.js';
+import { M as MediaQueries } from './utils-0a3f8c3e.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-aaeff5df.js → index-34f364fc.js}

@@ -1,22 +1,22 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3f59f514.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c8871306.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { Autocomplete, Image, ActionIcon, Select as Select$1, createStyles, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, Popover as Popover$1, rem, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-7b3c2e4a.js';
-import { u as useScreenSize, I as ImageWrap } from './index-144373bb.js';
+import { C as CommonGAssets } from './index-0b8a503f.js';
+import { u as useScreenSize, I as ImageWrap } from './index-9c19cae2.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-2ece5e60.js';
-import { t as themeColors } from './index-8b2b6227.js';
+import { T as Text } from './index-3eab7822.js';
+import { t as themeColors } from './index-5062801c.js';
 import { theme } from './miscTheme.js';
-import { C as CustomStylesType } from './text-71546390.js';
+import { C as CustomStylesType } from './text-097c7b62.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-e4563340.js';
+import { a as useUniqueId } from './useUniqueId-49a92f87.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-6a3b8fe1.js';
+import { B as Button } from './index-419eec8f.js';
 
 const Select = forwardRef((_a, ref) => {
     var { keepSearch = false } = _a, props = __rest(_a, ["keepSearch"]);

package/build/esm/{index-cf074045.js → index-399a31c8.js}

@@ -1,24 +1,24 @@
 import * as React from 'react';
 import React__default, { useState, useMemo, useEffect, Fragment } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-3d38d074.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-0a3f8c3e.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-3f59f514.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-fded19a6.js';
-import { I as Input } from './index-aaeff5df.js';
+import { _ as __rest } from './tslib.es6-c8871306.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-8fe52372.js';
+import { I as Input } from './index-34f364fc.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-fa5a8cb0.js';
-import './index-f7ece78f.js';
-import './index-7b3c2e4a.js';
-import './index-8b2b6227.js';
-import './index-2ece5e60.js';
-import './index-6a3b8fe1.js';
-import './index.styles-e8c64ec4.js';
-import './translationsContext-5a4b038b.js';
+import './index-88551982.js';
+import './index-9eef940f.js';
+import './index-0b8a503f.js';
+import './index-5062801c.js';
+import './index-3eab7822.js';
+import './index-419eec8f.js';
+import './index.styles-0e94312f.js';
+import './translationsContext-5f486090.js';
 import '@mantine/hooks';
-import './text-71546390.js';
-import './index-1f08df39.js';
+import './text-097c7b62.js';
+import './index-89feb303.js';
 
 /* eslint-disable prettier/prettier */
 const Search2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 25", fill: "none" }, props),

package/build/esm/{index-2ece5e60.js → index-3eab7822.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-3f59f514.js';
+import { _ as __rest } from './tslib.es6-c8871306.js';
 import React__default from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-71546390.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-097c7b62.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-6a3b8fe1.js → index-419eec8f.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-3f59f514.js';
+import { _ as __rest } from './tslib.es6-c8871306.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-76a970fb.js';
-import { C as CustomStylesType, F as FontWeight } from './text-71546390.js';
+import { A as ANIMATION_DURATION } from './shared-3f26f47c.js';
+import { C as CustomStylesType, F as FontWeight } from './text-097c7b62.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-28c156bf.js → index-443e0401.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-05cbb540.js';
-import { u as useTranslations } from './index-16fb3837.js';
+import { B as Button } from './index-5a7b2a7d.js';
+import { u as useTranslations } from './index-7d717b65.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-416a8af9.js → index-45b17f65.js}

@@ -1,24 +1,24 @@
-import { _ as __rest } from './tslib.es6-3f59f514.js';
+import { _ as __rest } from './tslib.es6-c8871306.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-a83b1d71.js';
-import { u as useTranslations } from './index-16fb3837.js';
-import { C as CommonGAssets } from './index-7b3c2e4a.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-b2772dfd.js';
-import { G as GenderOptionControl } from './index-c5ab366a.js';
-import { I as Input, S as Select } from './index-aaeff5df.js';
-import { D as DatePicker } from './index-4aabb131.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-bc1200d8.js';
+import { u as useTranslations } from './index-7d717b65.js';
+import { C as CommonGAssets } from './index-0b8a503f.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-a6e59dc1.js';
+import { G as GenderOptionControl } from './index-5f9bf992.js';
+import { I as Input, S as Select } from './index-34f364fc.js';
+import { D as DatePicker } from './index-28b91cb2.js';
 import '@mantine/core';
-import './index-2ece5e60.js';
-import './index-6a3b8fe1.js';
-import './index.styles-e8c64ec4.js';
+import './index-3eab7822.js';
+import './index-419eec8f.js';
+import './index.styles-0e94312f.js';
 import '@mantine/hooks';
-import './index-8b2b6227.js';
-import './text-71546390.js';
-import './utils-3d38d074.js';
-import './index-1f08df39.js';
-import './index-fa5a8cb0.js';
-import { H as HealthToolFormWrapper } from './index-bd58cc25.js';
+import './index-5062801c.js';
+import './text-097c7b62.js';
+import './utils-0a3f8c3e.js';
+import './index-89feb303.js';
+import './index-88551982.js';
+import { H as HealthToolFormWrapper } from './index-47084e7e.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-bd58cc25.js → index-47084e7e.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-3f59f514.js';
+import { _ as __rest } from './tslib.es6-c8871306.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-2ece5e60.js';
-import { B as Button } from './index-6a3b8fe1.js';
-import { u as useTranslations } from './index-16fb3837.js';
+import { T as Text } from './index-3eab7822.js';
+import { B as Button } from './index-419eec8f.js';
+import { u as useTranslations } from './index-7d717b65.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';