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

package/build/{index-5b68de26.js → index-0a89e286.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var tslib_es6 = require('./tslib.es6-0f1b4dc1.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dateFns = require('date-fns');
-var LastPeriod = require('./LastPeriod-dee40583.js');
-var Locale = require('./Locale-4f8c0874.js');
+var LastPeriod = require('./LastPeriod-91408169.js');
+var Locale = require('./Locale-4af91aa9.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index$4 = require('./index-0cf05697.js');
-var index$2 = require('./index-3b584311.js');
-var index$5 = require('./index-0781219e.js');
-require('./index-b0cf70f2.js');
-require('./index-358695c8.js');
-require('./index.styles-afd04f10.js');
-var index = require('./index-dde6d0e2.js');
+var index$5 = require('./index-ec264058.js');
+var index$2 = require('./index-44487c02.js');
+var index$3 = require('./index-2cc62357.js');
+require('./index-c5e8482c.js');
+require('./index-3f9f04c6.js');
+require('./index.styles-d1d94485.js');
+var index = require('./index-5cf94afc.js');
 require('@mantine/hooks');
-require('./index-68040d4f.js');
-require('./utils-53bab473.js');
-require('./index-f2faadcf.js');
-var index$1 = require('./index-9edd3345.js');
+require('./index-4fdb454c.js');
+require('./utils-a4624928.js');
+require('./index-a37758dd.js');
+var index$1 = require('./index-142bc1cb.js');
 var other = require('@hhgtech/icons/other');
-var context = require('./context-a40dc8d5.js');
-var index$3 = require('./index-65a18ef8.js');
+var context = require('./context-c6d6b037.js');
+var index$4 = require('./index-d02fc8b1.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -255,7 +255,7 @@ const DefaultLayout$4 = () => {
     const { t } = index.useTranslations();
     const { form } = React.useContext(ConceptionFormContext);
     return (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-        React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: t('dueDatePage.lastPeriod.lastPeriodLabel') }, form.getInputProps('lastPeriodDate'), { popoverProps: {
+        React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() }))));
 };
@@ -294,9 +294,9 @@ const ConceptionForm = ({}) => {
         onSubmit: form$1.onSubmit((values) => {
             const { lastPeriodDate } = values;
             const redirectLink = [
-                `${index$3.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.conception}`,
-                `${index$3.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](lastPeriodDate).format(index$3.API_DATE_FORMAT)}`,
-                `${index$3.QUERY_HEALTH_TOOL.additional}= `,
+                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.conception}`,
+                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](lastPeriodDate).format(index$4.API_DATE_FORMAT)}`,
+                `${index$4.QUERY_HEALTH_TOOL.additional}= `,
             ].join('&');
             onSubmit(getDueDateConception(lastPeriodDate), redirectLink);
         }),
@@ -314,7 +314,7 @@ const DefaultLayout$3 = () => {
     const { t } = index.useTranslations();
     const { form } = React.useContext(IUIFormContext);
     return (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-        React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: t('dueDatePage.date_of_IUI_procedure') }, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
+        React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.date_of_IUI_procedure')) }, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() }))));
 };
@@ -352,9 +352,9 @@ const IUIForm = ({}) => {
         onSubmit: form$1.onSubmit((values) => {
             const { dateOfIUIProcedure } = values;
             const redirectLink = [
-                `${index$3.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.IUI}`,
-                `${index$3.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](dateOfIUIProcedure).format(index$3.API_DATE_FORMAT)}`,
-                `${index$3.QUERY_HEALTH_TOOL.additional}= `,
+                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.IUI}`,
+                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](dateOfIUIProcedure).format(index$4.API_DATE_FORMAT)}`,
+                `${index$4.QUERY_HEALTH_TOOL.additional}= `,
             ].join('&');
             onSubmit(getDueDateIUI(dateOfIUIProcedure), redirectLink);
         }),
@@ -373,12 +373,12 @@ const DefaultLayout$2 = () => {
     const { form, transferDateOptions } = React.useContext(IVFFormContext);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: t('dueDatePage.ivf.transferDate') }, form.getInputProps('IVFDate'), { popoverProps: {
+            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.ivf.transferDate')) }, form.getInputProps('IVFDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$4.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
-                React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$4.Radio, { key: idx, value: i.value, label: i.label }))))))));
+            React__default["default"].createElement(index$5.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
+                React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$5.Radio, { key: idx, value: i.value, label: i.label }))))))));
 };
 
 const InlineLayout$2 = () => {
@@ -392,8 +392,8 @@ const InlineLayout$2 = () => {
                     }, maxDate: new Date() })))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { width: 'none' },
-                React__default["default"].createElement(index$4.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
-                    React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$4.Radio, { key: idx, value: i.value, label: i.label })))))))));
+                React__default["default"].createElement(index$5.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
+                    React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$5.Radio, { key: idx, value: i.value, label: i.label })))))))));
 };
 
 const MbLayout$2 = () => {
@@ -404,8 +404,8 @@ const MbLayout$2 = () => {
             React__default["default"].createElement(index$2.DatePicker, Object.assign({}, form.getInputProps('IVFDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date(), rightSection: null }))),
-        React__default["default"].createElement(index$4.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
-            React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$4.Radio, { key: idx, value: i.value, label: i.label })))))));
+        React__default["default"].createElement(index$5.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
+            React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$5.Radio, { key: idx, value: i.value, label: i.label })))))));
 };
 
 const IVFForm = ({}) => {
@@ -439,9 +439,9 @@ const IVFForm = ({}) => {
             const { IVFDate } = values;
             const dayTransfer = Number(values.dayTransfer);
             const redirectLink = [
-                `${index$3.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.IVF}`,
-                `${index$3.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](IVFDate).format(index$3.API_DATE_FORMAT)}`,
-                `${index$3.QUERY_HEALTH_TOOL.additional}=${dayTransfer}`,
+                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.IVF}`,
+                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](IVFDate).format(index$4.API_DATE_FORMAT)}`,
+                `${index$4.QUERY_HEALTH_TOOL.additional}=${dayTransfer}`,
             ].join('&');
             onSubmit(getDueDateIVF(IVFDate, Number(dayTransfer)), redirectLink);
         }),
@@ -464,12 +464,12 @@ const DefaultLayout$1 = () => {
     })), []);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: t('dueDatePage.lastPeriod.lastPeriodLabel') }, form.getInputProps('lastPeriodDate'), { popoverProps: {
+            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$4.Input.Wrapper, { label: t('dueDatePage.lastPeriod.periodLengthLabel') },
-                React__default["default"].createElement(index$4.Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
+            React__default["default"].createElement(index$5.Input.Wrapper, { label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.periodLengthLabel')) },
+                React__default["default"].createElement(index$5.Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
                         content: t('dueDatePage.daysText', { number: 30 }),
                     }), data: periodLengthDropDownOptions, withinPortal: true }, form.getInputProps('periodLength')))))));
 };
@@ -489,7 +489,7 @@ const InlineLayout$1 = () => {
                     }, maxDate: new Date() })))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.periodLengthLabel'), width: 300 },
-                React__default["default"].createElement(index$4.Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
+                React__default["default"].createElement(index$5.Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
                         content: t('dueDatePage.daysText', { number: 30 }),
                     }), data: periodLengthDropDownOptions }, form.getInputProps('periodLength'), { error: null, withinPortal: true })))),
         form.errors.periodLength && (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
@@ -505,7 +505,7 @@ const MbLayout$1 = () => {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.lastPeriod.periodLengthLabel'), rightSection: t('ovulationPage.dayUnit') },
-            React__default["default"].createElement(index$4.Input.Number, Object.assign({ min: 20, max: 40, placeholder: t('tools.inputPlaceholder', {
+            React__default["default"].createElement(index$5.Input.Number, Object.assign({ min: 20, max: 40, placeholder: t('tools.inputPlaceholder', {
                     content: '30',
                 }) }, form.getInputProps('periodLength')))),
         form.errors.periodLength && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.periodLength))));
@@ -529,9 +529,9 @@ const LastPeriodForm = ({}) => {
         onSubmit: form$1.onSubmit((values) => {
             const { periodLength, lastPeriodDate } = values;
             const redirectLink = [
-                `${index$3.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.lastPeriod}`,
-                `${index$3.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](lastPeriodDate).format(index$3.API_DATE_FORMAT)}`,
-                `${index$3.QUERY_HEALTH_TOOL.additional}=${periodLength}`,
+                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.lastPeriod}`,
+                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](lastPeriodDate).format(index$4.API_DATE_FORMAT)}`,
+                `${index$4.QUERY_HEALTH_TOOL.additional}=${periodLength}`,
             ].join('&');
             onSubmit(getDueDateLastPeriod(lastPeriodDate, periodLength), redirectLink);
         }),
@@ -555,30 +555,30 @@ const Info = (_a) => {
 const DefaultLayout = () => {
     const { t } = index.useTranslations();
     const { form } = React.useContext(UltrasoundFormContext);
-    const rightSection = (React__default["default"].createElement(index$5.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, "mm"));
+    const rightSection = (React__default["default"].createElement(index$3.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, "mm"));
     const inputPropsCRL = form.getInputProps('ultrasoundCRL');
     const inputPropsMSD = form.getInputProps('ultrasoundMSD');
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: t('dueDatePage.date_of_ultrasound') }, form.getInputProps('dateOfUltrasound'), { popoverProps: {
+            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.date_of_ultrasound')) }, form.getInputProps('dateOfUltrasound'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(core.Flex, { align: "center", gap: 4, mb: 4 },
-                React__default["default"].createElement(index$5.Text, { as: "label", size: "s4" }, t('dueDatePage.validation.one_is_required')),
+                React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.validation.one_is_required')),
                 React__default["default"].createElement(core.Tooltip, { withinPortal: true, withArrow: true, width: 300, multiline: true, label: t('dueDatePage.ultrasound.tooltip') },
                     React__default["default"].createElement(core.Flex, null,
                         React__default["default"].createElement(Info, { size: 16 })))),
             React__default["default"].createElement(core.Flex, { gap: 8 },
-                React__default["default"].createElement(index$4.Input, Object.assign({ placeholder: "CRL", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsCRL, { errorProps: { sx: { display: 'none' } } })),
-                React__default["default"].createElement(index$4.Input, Object.assign({ placeholder: "MSD", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsMSD, { errorProps: { sx: { display: 'none' } } }))),
-            (form.errors.ultrasoundCRL || form.errors.ultrasoundMSD) && (React__default["default"].createElement(index$5.Text, { size: "p4", color: miscTheme.theme.colors.red500 }, form.errors.ultrasoundCRL || form.errors.ultrasoundMSD)))));
+                React__default["default"].createElement(index$5.Input, Object.assign({ placeholder: "CRL", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsCRL, { errorProps: { sx: { display: 'none' } } })),
+                React__default["default"].createElement(index$5.Input, Object.assign({ placeholder: "MSD", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsMSD, { errorProps: { sx: { display: 'none' } } }))),
+            (form.errors.ultrasoundCRL || form.errors.ultrasoundMSD) && (React__default["default"].createElement(index$3.Text, { size: "p4", color: miscTheme.theme.colors.red500 }, form.errors.ultrasoundCRL || form.errors.ultrasoundMSD)))));
 };
 
 const InlineLayout = () => {
     const { t } = index.useTranslations();
     const { form } = React.useContext(UltrasoundFormContext);
-    const rightSection = (React__default["default"].createElement(index$5.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, "mm"));
+    const rightSection = (React__default["default"].createElement(index$3.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, "mm"));
     const inputPropsCRL = form.getInputProps('ultrasoundCRL');
     const inputPropsMSD = form.getInputProps('ultrasoundMSD');
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -595,8 +595,8 @@ const InlineLayout = () => {
                             React__default["default"].createElement(Info, { size: 16 })))) },
                 React__default["default"].createElement(core.Box, null,
                     React__default["default"].createElement(core.Flex, { gap: 8 },
-                        React__default["default"].createElement(index$4.Input, Object.assign({ placeholder: "CRL", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsCRL, { errorProps: { sx: { display: 'none' } } })),
-                        React__default["default"].createElement(index$4.Input, Object.assign({ placeholder: "MSD", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsMSD, { errorProps: { sx: { display: 'none' } } }))))),
+                        React__default["default"].createElement(index$5.Input, Object.assign({ placeholder: "CRL", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsCRL, { errorProps: { sx: { display: 'none' } } })),
+                        React__default["default"].createElement(index$5.Input, Object.assign({ placeholder: "MSD", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsMSD, { errorProps: { sx: { display: 'none' } } }))))),
             (form.errors.ultrasoundCRL || form.errors.ultrasoundMSD) && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.ultrasoundCRL || form.errors.ultrasoundMSD)))));
 };
 
@@ -647,9 +647,9 @@ const UltrasoundForm = ({}) => {
             const { dateOfUltrasound, ultrasoundCRL, ultrasoundMSD } = values;
             const additionalInfo = `${ultrasoundCRL}|${ultrasoundMSD}`;
             const redirectLink = [
-                `${index$3.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.ultrasound}`,
-                `${index$3.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](dateOfUltrasound).format(index$3.API_DATE_FORMAT)}`,
-                `${index$3.QUERY_HEALTH_TOOL.additional}=${additionalInfo}`,
+                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.ultrasound}`,
+                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](dateOfUltrasound).format(index$4.API_DATE_FORMAT)}`,
+                `${index$4.QUERY_HEALTH_TOOL.additional}=${additionalInfo}`,
             ].join('&');
             onSubmit(getDueDateUltrasound(dateOfUltrasound, additionalInfo), redirectLink);
         }),
@@ -703,7 +703,7 @@ const SelectMethodItem = React.forwardRef((_a, ref) => {
             },
         }, className: "" }, rest),
         icon,
-        React__default["default"].createElement(index$5.Text, { size: "p4" }, label)));
+        React__default["default"].createElement(index$3.Text, { size: "p4" }, label)));
 });
 const DueDateForm = (_a) => {
     var { locale, formLayout = 'default', submitProps, currentUrl, isMobile, onSubmit } = _a, props = tslib_es6.__rest(_a, ["locale", "formLayout", "submitProps", "currentUrl", "isMobile", "onSubmit"]);
@@ -732,9 +732,9 @@ const DueDateForm = (_a) => {
         React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ component: "div", formLayout: formLayout }, props),
             formLayout === 'default' ? (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
                 React__default["default"].createElement(index$1.HealthToolFormWrapper.Control, null,
-                    React__default["default"].createElement(index$4.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["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-                React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.calculationMethod'), width: 300 },
-                    React__default["default"].createElement(index$4.Select, { value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)) })))),
+                    React__default["default"].createElement(index$5.Select, { label: React__default["default"].createElement(index$3.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["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+                React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.calculationMethod')), width: 300 },
+                    React__default["default"].createElement(index$5.Select, { value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)) })))),
             React__default["default"].createElement(FormSwitcher, null))));
 };
 

package/build/{index-545a3f61.js → index-0d051d87.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-9274fb88.js');
-var index = require('./index-dde6d0e2.js');
+var index$1 = require('./index-487edbf8.js');
+var index = require('./index-5cf94afc.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d74881d7.js → index-12cce16d.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var tslib_es6 = require('./tslib.es6-0f1b4dc1.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-91b32ad7.js');
-var index = require('./index-dde6d0e2.js');
-var index$5 = require('./index-bca13d95.js');
-var constants = require('./constants-06843b44.js');
-var index$2 = require('./index-7f33513d.js');
-var index$4 = require('./index-0cf05697.js');
-var index$3 = require('./index-3b584311.js');
-require('./index-0781219e.js');
-require('./index-b0cf70f2.js');
+var useHealthToolCache = require('./useHealthToolCache-591e8f38.js');
+var index = require('./index-5cf94afc.js');
+var index$6 = require('./index-4a627166.js');
+var constants = require('./constants-218d9ad4.js');
+var index$2 = require('./index-d3a24647.js');
+var index$5 = require('./index-ec264058.js');
+var index$3 = require('./index-44487c02.js');
+var index$4 = require('./index-2cc62357.js');
+require('./index-c5e8482c.js');
 require('@mantine/core');
-require('./index-358695c8.js');
-require('./index.styles-afd04f10.js');
+require('./index-3f9f04c6.js');
+require('./index.styles-d1d94485.js');
 require('@mantine/hooks');
-require('./index-68040d4f.js');
-require('./utils-53bab473.js');
-require('./index-f2faadcf.js');
-require('./index-65a18ef8.js');
-var context = require('./context-a40dc8d5.js');
-var index$1 = require('./index-9edd3345.js');
+require('./index-4fdb454c.js');
+require('./utils-a4624928.js');
+require('./index-a37758dd.js');
+require('./index-d02fc8b1.js');
+var context = require('./context-c6d6b037.js');
+var index$1 = require('./index-142bc1cb.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -42,9 +42,9 @@ const DefaultForm = (_a) => {
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('age'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                     withinPortal: true,
-                }, label: t('targetHeartRate.ageInput'), maxDate: new Date() }))),
+                }, label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('targetHeartRate.ageInput')), maxDate: new Date() }))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$4.Input.Number, Object.assign({ label: t('targetHeartRate.heartRateInput'), placeholder: t('tools.inputPlaceholder', {
+            React__default["default"].createElement(index$5.Input.Number, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('targetHeartRate.heartRateInput')), placeholder: t('tools.inputPlaceholder', {
                     content: '60',
                 }) }, form.getInputProps('heartRate'), { min: 40, max: 200, styles: () => ({
                     rightSection: {
@@ -52,7 +52,7 @@ const DefaultForm = (_a) => {
                     },
                 }) }))),
         isAdult && (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$4.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["default"].createElement(index$5.Select, Object.assign({ label: React__default["default"].createElement(index$4.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: {
@@ -85,7 +85,7 @@ const InlineForm = (_a) => {
             form.errors.age && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.age))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.heartRateInput') },
-                React__default["default"].createElement(index$4.Input.Number, Object.assign({ placeholder: t('tools.inputPlaceholder', {
+                React__default["default"].createElement(index$5.Input.Number, Object.assign({ placeholder: t('tools.inputPlaceholder', {
                         content: '60',
                     }) }, form.getInputProps('heartRate'), { error: null, min: 40, max: 200, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, "bmp"), styles: () => ({
                         rightSection: {
@@ -95,7 +95,7 @@ const InlineForm = (_a) => {
             form.errors.heartRate && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.heartRate))),
         isAdult && (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.selectActive') },
-                React__default["default"].createElement(index$4.Select, Object.assign({ 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["default"].createElement(index$5.Select, Object.assign({ 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: {
@@ -189,36 +189,36 @@ const ThrForm = (_a) => {
         {
             value: 'low_intensity',
             label: t('targetHeartRate.lowIntensity.title'),
-            image: index$5.CommonGAssets.getAssetPath(`/low.svg`),
-            imageActive: index$5.CommonGAssets.getAssetPath(`/low-active.svg`),
+            image: index$6.CommonGAssets.getAssetPath(`/low.svg`),
+            imageActive: index$6.CommonGAssets.getAssetPath(`/low-active.svg`),
             content: t('targetHeartRate.lowIntensity.note'),
         },
         {
             value: 'moderate_intensity',
             label: t('targetHeartRate.moderateIntensity.title'),
-            image: index$5.CommonGAssets.getAssetPath(`/moderate.svg`),
-            imageActive: index$5.CommonGAssets.getAssetPath(`/moderate-active.svg`),
+            image: index$6.CommonGAssets.getAssetPath(`/moderate.svg`),
+            imageActive: index$6.CommonGAssets.getAssetPath(`/moderate-active.svg`),
             content: t('targetHeartRate.moderateIntensity.note'),
         },
         {
             value: 'aerobic_zone',
             label: t('targetHeartRate.aerobicZone.title'),
-            image: index$5.CommonGAssets.getAssetPath(`/aerobic.svg`),
-            imageActive: index$5.CommonGAssets.getAssetPath(`/aerobic-active.svg`),
+            image: index$6.CommonGAssets.getAssetPath(`/aerobic.svg`),
+            imageActive: index$6.CommonGAssets.getAssetPath(`/aerobic-active.svg`),
             content: t('targetHeartRate.aerobicZone.note'),
         },
         {
             value: 'vigorous_intensity',
             label: t('targetHeartRate.vigorousIntensity.title'),
-            image: index$5.CommonGAssets.getAssetPath(`/vigorous.svg`),
-            imageActive: index$5.CommonGAssets.getAssetPath(`/vigorous-active.svg`),
+            image: index$6.CommonGAssets.getAssetPath(`/vigorous.svg`),
+            imageActive: index$6.CommonGAssets.getAssetPath(`/vigorous-active.svg`),
             content: t('targetHeartRate.vigorousIntensity.note'),
         },
         {
             value: 'maximum_intensity',
             label: t('targetHeartRate.maximumIntensity.title'),
-            image: index$5.CommonGAssets.getAssetPath(`/maximum.svg`),
-            imageActive: index$5.CommonGAssets.getAssetPath(`/maximum-active.svg`),
+            image: index$6.CommonGAssets.getAssetPath(`/maximum.svg`),
+            imageActive: index$6.CommonGAssets.getAssetPath(`/maximum-active.svg`),
             content: t('targetHeartRate.maximumIntensity.note'),
         },
     ];

package/build/{index-9edd3345.js → index-142bc1cb.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var tslib_es6 = require('./tslib.es6-0f1b4dc1.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-0781219e.js');
-var index$1 = require('./index-b0cf70f2.js');
-var index$2 = require('./index-dde6d0e2.js');
+var index = require('./index-2cc62357.js');
+var index$1 = require('./index-c5e8482c.js');
+var index$2 = require('./index-5cf94afc.js');
 var flattenChildren = require('react-keyed-flatten-children');
 var miscTheme = require('./miscTheme.js');
 
@@ -49,7 +49,7 @@ const ChipGroup = (_a) => {
                 ? 32
                 : 18;
     return (React__default["default"].createElement(core.Box, null,
-        React__default["default"].createElement(core.Input.Wrapper, { label: label },
+        React__default["default"].createElement(core.Input.Wrapper, { label: label && (React__default["default"].createElement(index.Text, { size: "p3", weight: "semiBold" }, label)) },
             React__default["default"].createElement(core.Chip.Group, Object.assign({}, props),
                 React__default["default"].createElement(core.Box, { className: classes.group }, data.map((i, idx) => (React__default["default"].createElement(core.Chip, { className: classes.item, key: idx, value: String(i.value), styles: {
                         iconWrapper: {
@@ -136,6 +136,11 @@ var useStyles$6 = core.createStyles((theme, { formLayout }) => {
             '.mantine-Input-input::placeholder, .mantine-Input-input[data-invalid]::placeholder': {
                 color: '#8C8C8C',
             },
+            [theme.fn.smallerThan('sm')]: Object.assign({ 'input, .mantine-DatePickerInput-input': {
+                    fontSize: core.rem(14),
+                } }, (formLayout === 'default' && {
+                gap: 8,
+            })),
         },
         control: {
             width: core.rem(180),

package/build/{index-05a5f217.js → index-18833ad3.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var index = require('./index-1fb5da39.js');
+var index = require('./index-49293b81.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-f8c0ea9c.js → index-1db29e98.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-78ac1877.js');
-var index$1 = require('./index-0781219e.js');
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var index = require('./index-6ddfff0b.js');
+var index$1 = require('./index-2cc62357.js');
+var tslib_es6 = require('./tslib.es6-0f1b4dc1.js');
 var core = require('@mantine/core');
-var index$2 = require('./index-62e2923d.js');
+var index$2 = require('./index-01f1b3c3.js');
 var vaul = require('vaul');
-var index$3 = require('./index-65a18ef8.js');
+var index$3 = require('./index-d02fc8b1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-aa66c0d9.js → index-208d5fa7.js}

@@ -1,53 +1,53 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var tslib_es6 = require('./tslib.es6-0f1b4dc1.js');
 var React = require('react');
-var index$5 = require('./index-0cf05697.js');
+var index$5 = require('./index-ec264058.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-65a18ef8.js');
-require('./index-1132d3eb.js');
-var index$b = require('./index-bca13d95.js');
-require('./index-68040d4f.js');
-var index$3 = require('./index-0781219e.js');
-var index$f = require('./index-b0cf70f2.js');
-require('./index-358695c8.js');
-require('./index.styles-afd04f10.js');
-require('./translationsContext-339473e6.js');
+var index$7 = require('./index-d02fc8b1.js');
+require('./index-2ca7c1c1.js');
+var index$b = require('./index-4a627166.js');
+require('./index-4fdb454c.js');
+var index$3 = require('./index-2cc62357.js');
+var index$f = require('./index-c5e8482c.js');
+require('./index-3f9f04c6.js');
+require('./index.styles-d1d94485.js');
+require('./translationsContext-f8002250.js');
 require('@mantine/hooks');
-var utils = require('./utils-53bab473.js');
-require('./index-f2faadcf.js');
-var index$2 = require('./index-8ecc9e60.js');
+var utils = require('./utils-a4624928.js');
+require('./index-a37758dd.js');
+var index$2 = require('./index-735acb19.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-31908e9d.js');
+var index$4 = require('./index-549eef77.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-619e0299.js');
+var index$6 = require('./index-e41b6433.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var useOutsideClick = require('./useOutsideClick-cb86a68b.js');
+var useOutsideClick = require('./useOutsideClick-166304cb.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$a = require('./index-69c08b9d.js');
-var index$8 = require('./index-78ac1877.js');
-var index$9 = require('./index-dde6d0e2.js');
+var index$a = require('./index-e9c51c2c.js');
+var index$8 = require('./index-6ddfff0b.js');
+var index$9 = require('./index-5cf94afc.js');
 var classNames = require('classnames');
-var index$c = require('./index-3f3c7f70.js');
+var index$c = require('./index-a6851d23.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-1fb5da39.js');
-var index$d = require('./index-435c3734.js');
+var index$e = require('./index-49293b81.js');
+var index$d = require('./index-c97ce6c6.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-4f8c0874.js');
+var Locale = require('./Locale-4af91aa9.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-13c81145.js');
-var index$h = require('./index-545a3f61.js');
+var index$g = require('./index-951b544c.js');
+var index$h = require('./index-0d051d87.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
 
@@ -4902,10 +4902,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] = React.useState([]);
-    const [total, setTotal] = React.useState(0);
-    const [page, setPage] = React.useState(1);
+function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', defaultFilters = {}, debounceSearch = DEFAULT_DEBOUNCE, defaultLoading, defaultItems, defaultTotal, defaultPage, }) {
+    const [items, setItems] = React.useState(defaultItems || []);
+    const [total, setTotal] = React.useState(defaultTotal !== null && defaultTotal !== void 0 ? defaultTotal : 0);
+    const [page, setPage] = React.useState(defaultPage !== null && defaultPage !== void 0 ? defaultPage : 1);
     const [searchSession, setSearchSession] = React.useState('');
     const [search, setSearch] = React.useState(defaultSearch);
     const [loading, setLoading] = React.useState(defaultLoading);
@@ -5027,7 +5027,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,
@@ -5035,6 +5035,9 @@ function ListProvider({ fetcher, children, defaultFilters, defaultSearch, pageSi
         pageSize,
         debounceSearch,
         defaultLoading,
+        defaultItems,
+        defaultTotal,
+        defaultPage,
     });
     const value = React.useMemo(() => (Object.assign({}, listState)), [
         listState.items,