@hhgtech/hhg-components 1.29.498 → 1.29.500-beta-1

package/build/esm/{index-7f14f8b0.js → index-bd1df7e6.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-4c2b392a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b66d75db.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-03963d37.js';
+import { R as Radio } from './index-98006352.js';
 import { Stack, Group, createStyles, getStylesRef, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-2d6472a6.js';
-import './index-633b28cc.js';
-import { C as CommonGAssets } from './index-957ad8bc.js';
-import './index-6187b3e5.js';
-import { T as Text } from './index-9181155e.js';
-import { B as Button$1 } from './index-dbe7d116.js';
-import './index-3770342b.js';
-import './index.styles-f9403cd8.js';
-import './translationsContext-ec597c09.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-f36317a6.js';
+import './index-be0a2a5d.js';
+import { C as CommonGAssets } from './index-96dfb9cd.js';
+import './index-a22941c6.js';
+import { T as Text } from './index-8eb56567.js';
+import { B as Button$1 } from './index-fac9ecc6.js';
+import './index-d0043174.js';
+import './index.styles-e50708f1.js';
+import './translationsContext-7867723c.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-9da52e63.js';
-import './index-a4b6228d.js';
-import { i as isInternalLink } from './index-c06c86b3.js';
+import { M as MediaQueries } from './utils-409a83b1.js';
+import './index-a39e6bf0.js';
+import { i as isInternalLink } from './index-ae86b9be.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-200b8bc8.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-e2949056.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-81fbf719.js';
+import { L as Logo } from './index-b51b8102.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-7f385522.js';
+import { a as useOutsideClick } from './useOutsideClick-7f9f2425.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-9bf109b8.js';
-import { u as useScreenSize, I as ImageWrap } from './index-09da7cf5.js';
-import { u as useTranslations } from './index-a6593fc5.js';
+import { B as Button } from './index-0a23d5b7.js';
+import { u as useScreenSize, I as ImageWrap } from './index-c95bb41b.js';
+import { u as useTranslations } from './index-49b79390.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-ffe09d08.js';
+import { D as Dropdown } from './index-28bd4b07.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-8051135e.js';
-import { D as Drawer } from './index-a9cae9f8.js';
+import { I as Input } from './index-70b6f892.js';
+import { D as Drawer } from './index-74676b94.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-0e687ff5.js';
+import { L as LOCALE } from './Locale-b6f4abea.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-f1e54630.js';
-import { L as Loading } from './index-66f3aa0a.js';
+import { A as ArrowRightBlue } from './index-f1c794c6.js';
+import { L as Loading } from './index-8842587f.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 
@@ -4867,10 +4867,10 @@ function Item({ render, }) {
 
 const DEFAULT_PAGE_SIZE = 10;
 const DEFAULT_DEBOUNCE = 300;
-function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', defaultFilters = {}, debounceSearch = DEFAULT_DEBOUNCE, defaultLoading, }) {
-    const [items, setItems] = useState([]);
-    const [total, setTotal] = useState(0);
-    const [page, setPage] = useState(1);
+function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', defaultFilters = {}, debounceSearch = DEFAULT_DEBOUNCE, defaultLoading, defaultItems, defaultTotal, defaultPage, }) {
+    const [items, setItems] = useState(defaultItems || []);
+    const [total, setTotal] = useState(defaultTotal !== null && defaultTotal !== void 0 ? defaultTotal : 0);
+    const [page, setPage] = useState(defaultPage !== null && defaultPage !== void 0 ? defaultPage : 1);
     const [searchSession, setSearchSession] = useState('');
     const [search, setSearch] = useState(defaultSearch);
     const [loading, setLoading] = useState(defaultLoading);
@@ -4992,7 +4992,7 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
     };
 }
 
-function ListProvider({ fetcher, children, defaultFilters, defaultSearch, pageSize, debounceSearch, defaultLoading, }) {
+function ListProvider({ fetcher, children, defaultFilters, defaultSearch, pageSize, debounceSearch, defaultLoading, defaultItems, defaultTotal, defaultPage, }) {
     const listState = useList({
         fetcher,
         defaultFilters,
@@ -5000,6 +5000,9 @@ function ListProvider({ fetcher, children, defaultFilters, defaultSearch, pageSi
         pageSize,
         debounceSearch,
         defaultLoading,
+        defaultItems,
+        defaultTotal,
+        defaultPage,
     });
     const value = useMemo(() => (Object.assign({}, listState)), [
         listState.items,

package/build/esm/{index-633b28cc.js → index-be0a2a5d.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-0e687ff5.js';
+import { L as LOCALE } from './Locale-b6f4abea.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-09da7cf5.js → index-c95bb41b.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-9da52e63.js';
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { B as Breakpoints } from './utils-409a83b1.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-2e5bfdaa.js → index-cad2d5af.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-f4521eff.js';
-import { L as LOCALE } from './Locale-0e687ff5.js';
+import { L as LastPeriod } from './LastPeriod-5c80b823.js';
+import { L as LOCALE } from './Locale-b6f4abea.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-03963d37.js';
-import { D as DatePicker } from './index-d48cbe53.js';
-import { T as Text } from './index-9181155e.js';
-import './index-dbe7d116.js';
-import './index-3770342b.js';
-import './index.styles-f9403cd8.js';
-import { u as useTranslations } from './index-a6593fc5.js';
+import { R as Radio, I as Input, S as Select } from './index-98006352.js';
+import { D as DatePicker } from './index-85d4d9e5.js';
+import { T as Text } from './index-8eb56567.js';
+import './index-fac9ecc6.js';
+import './index-d0043174.js';
+import './index.styles-e50708f1.js';
+import { u as useTranslations } from './index-49b79390.js';
 import '@mantine/hooks';
-import './index-6187b3e5.js';
-import './utils-9da52e63.js';
-import './index-a4b6228d.js';
-import { H as HealthToolFormWrapper } from './index-35e5fb79.js';
+import './index-a22941c6.js';
+import './utils-409a83b1.js';
+import './index-a39e6bf0.js';
+import { H as HealthToolFormWrapper } from './index-fbe616df.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-06e735a2.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-2d6472a6.js';
+import { C as CardWrapperContext } from './context-13568ea4.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-f36317a6.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {
@@ -248,7 +248,7 @@ const DefaultLayout$4 = () => {
     const { t } = useTranslations();
     const { form } = useContext(ConceptionFormContext);
     return (React__default.createElement(HealthToolFormWrapper.FormRow, null,
-        React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.lastPeriod.lastPeriodLabel') }, form.getInputProps('lastPeriodDate'), { popoverProps: {
+        React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() }))));
 };
@@ -307,7 +307,7 @@ const DefaultLayout$3 = () => {
     const { t } = useTranslations();
     const { form } = useContext(IUIFormContext);
     return (React__default.createElement(HealthToolFormWrapper.FormRow, null,
-        React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.date_of_IUI_procedure') }, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
+        React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.date_of_IUI_procedure')) }, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() }))));
 };
@@ -366,7 +366,7 @@ const DefaultLayout$2 = () => {
     const { form, transferDateOptions } = useContext(IVFFormContext);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.ivf.transferDate') }, form.getInputProps('IVFDate'), { popoverProps: {
+            React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.ivf.transferDate')) }, form.getInputProps('IVFDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
@@ -457,11 +457,11 @@ const DefaultLayout$1 = () => {
     })), []);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.lastPeriod.lastPeriodLabel') }, form.getInputProps('lastPeriodDate'), { popoverProps: {
+            React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Wrapper, { label: t('dueDatePage.lastPeriod.periodLengthLabel') },
+            React__default.createElement(Input.Wrapper, { label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.periodLengthLabel')) },
                 React__default.createElement(Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
                         content: t('dueDatePage.daysText', { number: 30 }),
                     }), data: periodLengthDropDownOptions, withinPortal: true }, form.getInputProps('periodLength')))))));
@@ -553,12 +553,12 @@ const DefaultLayout = () => {
     const inputPropsMSD = form.getInputProps('ultrasoundMSD');
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.date_of_ultrasound') }, form.getInputProps('dateOfUltrasound'), { popoverProps: {
+            React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.date_of_ultrasound')) }, form.getInputProps('dateOfUltrasound'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
             React__default.createElement(Flex, { align: "center", gap: 4, mb: 4 },
-                React__default.createElement(Text, { as: "label", size: "s4" }, t('dueDatePage.validation.one_is_required')),
+                React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.validation.one_is_required')),
                 React__default.createElement(Tooltip, { withinPortal: true, withArrow: true, width: 300, multiline: true, label: t('dueDatePage.ultrasound.tooltip') },
                     React__default.createElement(Flex, null,
                         React__default.createElement(Info, { size: 16 })))),
@@ -725,8 +725,8 @@ const DueDateForm = (_a) => {
         React__default.createElement(HealthToolFormWrapper, Object.assign({ component: "div", formLayout: formLayout }, props),
             formLayout === 'default' ? (React__default.createElement(HealthToolFormWrapper.FormRow, null,
                 React__default.createElement(HealthToolFormWrapper.Control, null,
-                    React__default.createElement(Select, { label: t('dueDatePage.calculationMethod'), value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)), icon: selectedMethod === null || selectedMethod === void 0 ? void 0 : selectedMethod.icon })))) : (React__default.createElement(HealthToolFormWrapper.FormRow, null,
-                React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.calculationMethod'), width: 300 },
+                    React__default.createElement(Select, { label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.calculationMethod')), value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)), icon: selectedMethod === null || selectedMethod === void 0 ? void 0 : selectedMethod.icon })))) : (React__default.createElement(HealthToolFormWrapper.FormRow, null,
+                React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.calculationMethod')), width: 300 },
                     React__default.createElement(Select, { value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)) })))),
             React__default.createElement(FormSwitcher, null))));
 };

package/build/esm/{index-1c5aa60c.js → index-cd2229cc.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-80317b15.js';
-import { u as useTranslations } from './index-a6593fc5.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-a9f0b321.js';
-import { I as Input } from './index-03963d37.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-a5e4373e.js';
+import { u as useTranslations } from './index-49b79390.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-a16e91a9.js';
+import { I as Input } from './index-98006352.js';
 import '@mantine/dates';
-import './index-2d6472a6.js';
-import './index-633b28cc.js';
-import './index-957ad8bc.js';
-import './index-6187b3e5.js';
-import './index-9181155e.js';
-import './index-dbe7d116.js';
-import './index-3770342b.js';
-import './index.styles-f9403cd8.js';
+import './index-f36317a6.js';
+import './index-be0a2a5d.js';
+import './index-96dfb9cd.js';
+import './index-a22941c6.js';
+import { T as Text } from './index-8eb56567.js';
+import './index-fac9ecc6.js';
+import './index-d0043174.js';
+import './index.styles-e50708f1.js';
 import '@mantine/hooks';
-import './utils-9da52e63.js';
-import './index-a4b6228d.js';
-import { C as CardWrapperContext } from './context-06e735a2.js';
-import { H as HealthToolFormWrapper } from './index-35e5fb79.js';
-import { I as INPUT_RANGE } from './constants-534406dc.js';
+import './utils-409a83b1.js';
+import './index-a39e6bf0.js';
+import { C as CardWrapperContext } from './context-13568ea4.js';
+import { H as HealthToolFormWrapper } from './index-fbe616df.js';
+import { I as INPUT_RANGE } from './constants-c76cd5b7.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});
@@ -34,21 +34,21 @@ const DefaultForm = (_a) => {
     const isMarryBaby = theme.other.template === 'mb';
     return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Number, Object.assign({ label: t('pregnancyWeightGain.weekInput'), min: INPUT_RANGE.pregnantWeek.min, max: INPUT_RANGE.pregnantWeek.max, placeholder: `${INPUT_RANGE.pregnantWeek.min} - ${INPUT_RANGE.pregnantWeek.max}` }, form.getInputProps('pregnantWeek')))),
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('pregnancyWeightGain.weekInput')), min: INPUT_RANGE.pregnantWeek.min, max: INPUT_RANGE.pregnantWeek.max, placeholder: `${INPUT_RANGE.pregnantWeek.min} - ${INPUT_RANGE.pregnantWeek.max}` }, form.getInputProps('pregnantWeek')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Number, Object.assign({ label: t('pregnancyWeightGain.weightBeforeInput'), min: INPUT_RANGE.weight.min, max: INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('pregnancyWeightGain.weightBeforeInput')), min: INPUT_RANGE.weight.min, max: INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
                     content: '50',
                 }) }, form.getInputProps('lastWeight')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Number, Object.assign({ label: t('pregnancyWeightGain.heightInput'), min: INPUT_RANGE.height.min, max: INPUT_RANGE.height.max, placeholder: t('tools.inputPlaceholder', {
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('pregnancyWeightGain.heightInput')), min: INPUT_RANGE.height.min, max: INPUT_RANGE.height.max, placeholder: t('tools.inputPlaceholder', {
                     content: '160',
                 }) }, form.getInputProps('height')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Number, Object.assign({ label: t('pregnancyWeightGain.weightInput'), min: INPUT_RANGE.weight.min, max: INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('pregnancyWeightGain.weightInput')), min: INPUT_RANGE.weight.min, max: INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
                     content: '50',
                 }) }, form.getInputProps('weight')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(HealthToolFormWrapper.Switching, Object.assign({ label: t('pregnancyWeightGain.havingTwins') }, form.getInputProps('hasTwin')))),
+            React__default.createElement(HealthToolFormWrapper.Switching, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('pregnancyWeightGain.havingTwins')) }, form.getInputProps('hasTwin')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
             React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "Embedded Pregnancy Weight Gain", dataEventLabel: `https://${domainLocales[isMarryBaby ? 'vi-VN_MB' : locale]}/${linkTool}`, className: clsx('due-date-calculate-button', wrapperClasses.submitBtn) }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };

package/build/esm/{index-6aebc82b.js → index-cd36c22d.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-6187b3e5.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-3770342b.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-a22941c6.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-d0043174.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);

package/build/esm/{index-ed2129fb.js → index-cd5da166.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-2d6472a6.js';
+import { Z as ZINDEX_SSO } from './index-f36317a6.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-e319e84e.js → index-cd99bd1b.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-4c2b392a.js';
+import { a as __awaiter } from './tslib.es6-b66d75db.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-09da7cf5.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-ffe8c9cf.js';
+import { I as ImageWrap } from './index-c95bb41b.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-76c91d9e.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-a9f0b321.js';
-import { y as youtubeVidIdGetter } from './post-b7fe45c2.js';
-import { L as Loading } from './index-326acba7.js';
+import { D as DEFAULT_IMG } from './constants-a16e91a9.js';
+import { y as youtubeVidIdGetter } from './post-a3397757.js';
+import { L as Loading } from './index-752de85f.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-805e2e4e.js → index-d4fd7333.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-4c2b392a.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-03963d37.js';
+import { I as Input, S as Select } from './index-98006352.js';
 import '@mantine/dates';
-import { f as CDN_ADDRESS } from './index-2d6472a6.js';
-import './index-633b28cc.js';
-import './index-957ad8bc.js';
-import './index-6187b3e5.js';
-import './index-9181155e.js';
-import './index-dbe7d116.js';
-import './index-3770342b.js';
-import './index.styles-f9403cd8.js';
-import { u as useTranslations } from './index-a6593fc5.js';
+import { f as CDN_ADDRESS } from './index-f36317a6.js';
+import './index-be0a2a5d.js';
+import './index-96dfb9cd.js';
+import './index-a22941c6.js';
+import './index-8eb56567.js';
+import './index-fac9ecc6.js';
+import './index-d0043174.js';
+import './index.styles-e50708f1.js';
+import { u as useTranslations } from './index-49b79390.js';
 import '@mantine/hooks';
-import './utils-9da52e63.js';
-import './index-a4b6228d.js';
-import { M as MAPPED_LOCALE } from './utils-2cfeb177.js';
-import { L as LOCALE } from './Locale-0e687ff5.js';
+import './utils-409a83b1.js';
+import './index-a39e6bf0.js';
+import { M as MAPPED_LOCALE } from './utils-f7732f7c.js';
+import { L as LOCALE } from './Locale-b6f4abea.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-94a11f6e.js → index-d96403ed.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-80317b15.js';
-import { u as useTranslations } from './index-a6593fc5.js';
-import { C as CommonGAssets } from './index-957ad8bc.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-a9f0b321.js';
-import { G as GenderOptionControl } from './index-d55d080a.js';
-import { I as Input, S as Select } from './index-03963d37.js';
-import { D as DatePicker } from './index-d48cbe53.js';
-import './index-9181155e.js';
-import './index-dbe7d116.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-a5e4373e.js';
+import { u as useTranslations } from './index-49b79390.js';
+import { C as CommonGAssets } from './index-96dfb9cd.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-a16e91a9.js';
+import { G as GenderOptionControl } from './index-669c227e.js';
+import { I as Input, S as Select } from './index-98006352.js';
+import { D as DatePicker } from './index-85d4d9e5.js';
+import { T as Text } from './index-8eb56567.js';
+import './index-fac9ecc6.js';
 import '@mantine/core';
-import './index-3770342b.js';
-import './index.styles-f9403cd8.js';
+import './index-d0043174.js';
+import './index.styles-e50708f1.js';
 import '@mantine/hooks';
-import './index-6187b3e5.js';
-import './utils-9da52e63.js';
-import './index-a4b6228d.js';
-import './index-2d6472a6.js';
-import { C as CardWrapperContext } from './context-06e735a2.js';
-import { H as HealthToolFormWrapper } from './index-35e5fb79.js';
+import './index-a22941c6.js';
+import './utils-409a83b1.js';
+import './index-a39e6bf0.js';
+import './index-f36317a6.js';
+import { C as CardWrapperContext } from './context-13568ea4.js';
+import { H as HealthToolFormWrapper } from './index-fbe616df.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});
@@ -36,9 +36,9 @@ const DefaultForm = (_a) => {
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
             React__default.createElement(DatePicker, Object.assign({}, form.getInputProps('age'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                     withinPortal: true,
-                }, label: t('targetHeartRate.ageInput'), maxDate: new Date() }))),
+                }, label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('targetHeartRate.ageInput')), maxDate: new Date() }))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Number, Object.assign({ label: t('targetHeartRate.heartRateInput'), placeholder: t('tools.inputPlaceholder', {
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('targetHeartRate.heartRateInput')), placeholder: t('tools.inputPlaceholder', {
                     content: '60',
                 }) }, form.getInputProps('heartRate'), { min: 40, max: 200, styles: () => ({
                     rightSection: {
@@ -46,7 +46,7 @@ const DefaultForm = (_a) => {
                     },
                 }) }))),
         isAdult && (React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Select, Object.assign({ label: t('targetHeartRate.selectActive'), defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
+            React__default.createElement(Select, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('targetHeartRate.selectActive')), defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
                     value: option.value,
                     label: option.label,
                 })), styles: {

package/build/esm/{index-27351d40.js → index-de4814a9.js}

@@ -1,41 +1,41 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-957ad8bc.js';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-ffe8c9cf.js';
-import { G as GA_TOKEN_COOKIE } from './index-2d6472a6.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-029b1e3b.js';
+import { C as CommonGAssets } from './index-96dfb9cd.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-76c91d9e.js';
+import { G as GA_TOKEN_COOKIE } from './index-f36317a6.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-0fe95d6d.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-4c2b392a.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-aa9aa06b.js';
-import { I as ImageWrap } from './index-09da7cf5.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-4e7809ca.js';
-import { u as useTranslations } from './index-a6593fc5.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b66d75db.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-0838adad.js';
+import { I as ImageWrap } from './index-c95bb41b.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-6608fe9d.js';
+import { u as useTranslations } from './index-49b79390.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-03963d37.js';
+import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-98006352.js';
 import '@mantine/dates';
-import './index-633b28cc.js';
-import { t as themeColors } from './index-6187b3e5.js';
-import { T as Text } from './index-9181155e.js';
-import { B as Button } from './index-dbe7d116.js';
-import './index-3770342b.js';
-import './index.styles-f9403cd8.js';
+import './index-be0a2a5d.js';
+import { t as themeColors } from './index-a22941c6.js';
+import { T as Text } from './index-8eb56567.js';
+import { B as Button } from './index-fac9ecc6.js';
+import './index-d0043174.js';
+import './index.styles-e50708f1.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-9da52e63.js';
-import './index-a4b6228d.js';
+import './utils-409a83b1.js';
+import './index-a39e6bf0.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-ec597c09.js';
-import { H as Heading } from './index-3addb19f.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-80317b15.js';
-import { I as Icon } from './index-a01edf7c.js';
+import './translationsContext-7867723c.js';
+import { H as Heading } from './index-7fac5711.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-a5e4373e.js';
+import { I as Icon } from './index-721cc126.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-87f59fcb.js';
-import { M as Modal } from './index-19f3e770.js';
+import { i as isVideo } from './index-cc9bfd33.js';
+import { M as Modal } from './index-ed4b6e80.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-0e687ff5.js';
+import { L as LOCALE } from './Locale-b6f4abea.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-200b8bc8.js → index-e2949056.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-9da52e63.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-409a83b1.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-8051135e.js';
-import { I as Input } from './index-03963d37.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-70b6f892.js';
+import { I as Input } from './index-98006352.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-2d6472a6.js';
-import './index-633b28cc.js';
-import './index-957ad8bc.js';
-import './index-6187b3e5.js';
-import './index-9181155e.js';
-import './index-dbe7d116.js';
-import './index-3770342b.js';
-import './index.styles-f9403cd8.js';
-import './translationsContext-ec597c09.js';
+import './index-f36317a6.js';
+import './index-be0a2a5d.js';
+import './index-96dfb9cd.js';
+import './index-a22941c6.js';
+import './index-8eb56567.js';
+import './index-fac9ecc6.js';
+import './index-d0043174.js';
+import './index.styles-e50708f1.js';
+import './translationsContext-7867723c.js';
 import '@mantine/hooks';
-import './index-a4b6228d.js';
+import './index-a39e6bf0.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),
@@ -434,7 +434,6 @@ function getWidths(opts) {
         return DEFAULT_DEVICE_SIZES;
     if (opts.width) {
         const w = Math.max(1, Math.round(opts.width));
-        console.log('x', Array.from(new Set([w, Math.min(w * 1, 2048)])).sort((a, b) => a - b));
         return Array.from(new Set([w, Math.min(w * 2, 2048)])).sort((a, b) => a - b);
     }
     return DEFAULT_DEVICE_SIZES;
@@ -462,7 +461,7 @@ const ImageWrapV2 = (_a) => {
             ? {
                 backgroundImage: `url(${placeholderSrc})`,
             }
-            : {})), style), "data-has-placeholder": !!placeholderSrc, ref: ref }, props)));
+            : {})), style), "data-has-placeholder": !!placeholderSrc, sizes: sizes, ref: ref }, props)));
 };
 const StyledImage = styled.img `
   &[data-has-placeholder='true'] {