@hhgtech/hhg-components 1.29.565 → 1.29.566-beta-1

package/build/{index-e103c694.js → index-8750b262.js}

@@ -1,56 +1,56 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-62409cd8.js');
+var tslib_es6 = require('./tslib.es6-6e217008.js');
 var React = require('react');
-var SiteWideBanner = require('./SiteWideBanner-47ffed77.js');
-var index = require('./index-f5f2bbb0.js');
-var routing = require('./routing-7ee71244.js');
-var dataTransform = require('./dataTransform-f62a0c03.js');
+var SiteWideBanner = require('./SiteWideBanner-ab1ca69d.js');
+var index = require('./index-e5036c4f.js');
+var routing = require('./routing-5cb9d835.js');
+var dataTransform = require('./dataTransform-ea193ae2.js');
 var core = require('@hhgtech/icons/core');
-var index$2 = require('./index-ad99d698.js');
-require('./translationsContext-1f25cccb.js');
-var index$1 = require('./index-185c1527.js');
+var index$2 = require('./index-e526d5d4.js');
+require('./translationsContext-00c27394.js');
+var index$1 = require('./index-44b7e21e.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-01eacfa1.js');
+var navigationProfileButton = require('./index-21563efb.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$c = require('./index-c1a176ca.js');
+var index$c = require('./index-2260a590.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$7 = require('./index-db2f2a1a.js');
-require('./index-2af39a87.js');
-var index$5 = require('./index-f68a67fd.js');
-var index$4 = require('./index-6097c090.js');
-require('./index-55435883.js');
-require('./index.styles-b6dcd40a.js');
+var index$7 = require('./index-3bcbadd7.js');
+require('./index-1877f1e6.js');
+var index$5 = require('./index-892e2812.js');
+var index$4 = require('./index-373bc2e3.js');
+require('./index-381a7f91.js');
+require('./index.styles-361fe529.js');
 require('@mantine/hooks');
-var utils = require('./utils-f4ea06ad.js');
-require('./index-61bcb6a6.js');
-var constants = require('./constants-33b77329.js');
-var store = require('./store-383b4c80.js');
-var constants$3 = require('./constants-a3cbf704.js');
-var index$6 = require('./index-ac6d3e76.js');
-var index$3 = require('./index-3475a73e.js');
-var useCartCareService = require('./useCartCareService-69ca8137.js');
-var constants$1 = require('./constants-9901b8b9.js');
+var utils = require('./utils-532066e0.js');
+require('./index-608d632c.js');
+var constants = require('./constants-26550751.js');
+var store = require('./store-c8a394ac.js');
+var constants$3 = require('./constants-c5724f2e.js');
+var index$6 = require('./index-9c625da3.js');
+var index$3 = require('./index-20eb6aae.js');
+var useCartCareService = require('./useCartCareService-5c9a6e96.js');
+var constants$1 = require('./constants-9dee846d.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$8 = require('./index-4c0555b3.js');
-var index$9 = require('./index-37eb9b81.js');
-var utils$1 = require('./utils-68616bf1.js');
-var index$a = require('./index-8ecfcc19.js');
-var useResolvedCaptureUrls = require('./useResolvedCaptureUrls-97d078ac.js');
+var index$8 = require('./index-4c713236.js');
+var index$9 = require('./index-dbfc380e.js');
+var utils$1 = require('./utils-53af9b9e.js');
+var index$a = require('./index-e4853f27.js');
+var useResolvedCaptureUrls = require('./useResolvedCaptureUrls-2186855f.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$b = require('./index-fffd3429.js');
+var index$b = require('./index-e0ba9756.js');
 var get = require('lodash/get');
-var constants$2 = require('./constants-042ba443.js');
+var constants$2 = require('./constants-24ef1850.js');
 var isEmpty = require('lodash/isEmpty');
-var index$d = require('./index-879e862a.js');
+var index$d = require('./index-dc0e44a9.js');
 var debounce = require('lodash/debounce');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var core$2 = require('./core-2b069cd0.js');
+var core$2 = require('./core-afab740c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -3140,7 +3140,7 @@ const formatHelloWellnessPinCategoryItem = (item) => {
     return null;
 };
 const formatHelloWellnessSettings = (settings) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
     if (!settings)
         return {};
     return {
@@ -3162,23 +3162,23 @@ const formatHelloWellnessSettings = (settings) => {
             icon: ((_m = settings.hello_wellness_category) === null || _m === void 0 ? void 0 : _m.icon) || '',
             categoryName: ((_o = settings.hello_wellness_category) === null || _o === void 0 ? void 0 : _o.category_name) || '',
         },
-        landingPage: Object.assign(Object.assign(Object.assign({ bannerDesktop: ((_p = settings.landing_page) === null || _p === void 0 ? void 0 : _p.banner_desktop) || '', bannerMobile: ((_q = settings.landing_page) === null || _q === void 0 ? void 0 : _q.banner_mobile) || '', icon: ((_r = settings.landing_page) === null || _r === void 0 ? void 0 : _r.icon) || '', pageName: ((_s = settings.landing_page) === null || _s === void 0 ? void 0 : _s.page_name) || '', pageDescription: ((_t = settings.landing_page) === null || _t === void 0 ? void 0 : _t.page_description) || '', enableSectionBanner: Boolean((_u = settings.landing_page) === null || _u === void 0 ? void 0 : _u.enable_section_banner) }, (((_v = settings.landing_page) === null || _v === void 0 ? void 0 : _v.section_banner) && {
+        landingPage: Object.assign(Object.assign(Object.assign({ icon: ((_p = settings.landing_page) === null || _p === void 0 ? void 0 : _p.icon) || '', pageName: ((_q = settings.landing_page) === null || _q === void 0 ? void 0 : _q.page_name) || '', pageDescription: ((_r = settings.landing_page) === null || _r === void 0 ? void 0 : _r.page_description) || '', enableSectionBanner: Boolean((_s = settings.landing_page) === null || _s === void 0 ? void 0 : _s.enable_section_banner) }, (((_t = settings.landing_page) === null || _t === void 0 ? void 0 : _t.section_banner) && {
             sectionBanner: Object.assign(Object.assign({}, (settings.landing_page.section_banner.cta_banner_type ===
                 'single-image'
                 ? formatCTABannerTypeSingleSession(settings.landing_page.section_banner)
                 : formatCTABannerTypeMultiSession(settings.landing_page.section_banner))), { title: settings.landing_page.section_banner.title || '', description: settings.landing_page.section_banner.description || '', backgroundColor: settings.landing_page.section_banner.background_color || '' }),
         })), { sectionCategory: {
-                headerForCategoriesList: ((_x = (_w = settings.landing_page) === null || _w === void 0 ? void 0 : _w.section_category) === null || _x === void 0 ? void 0 : _x.header_for_categories_list) ||
+                headerForCategoriesList: ((_v = (_u = settings.landing_page) === null || _u === void 0 ? void 0 : _u.section_category) === null || _v === void 0 ? void 0 : _v.header_for_categories_list) ||
                     '',
-                categories: ((_0 = (_z = (_y = settings.landing_page) === null || _y === void 0 ? void 0 : _y.section_category) === null || _z === void 0 ? void 0 : _z.category) === null || _0 === void 0 ? void 0 : _0.map((category) => utils$1.formatCategory(category))) || [],
+                categories: ((_y = (_x = (_w = settings.landing_page) === null || _w === void 0 ? void 0 : _w.section_category) === null || _x === void 0 ? void 0 : _x.category) === null || _y === void 0 ? void 0 : _y.map((category) => utils$1.formatCategory(category))) || [],
             } }), (() => {
             var _a;
             const sectionArticle = formatHelloWellnessSectionArticle((_a = settings.landing_page) === null || _a === void 0 ? void 0 : _a.section_article);
             return sectionArticle ? { sectionArticle } : {};
         })()),
         pinArticleForEachCategory: {
-            sponsorLogo: ((_1 = settings.pin_article_for_each_category) === null || _1 === void 0 ? void 0 : _1.sponsor_logo) || '',
-            listCategories: ((_3 = (_2 = settings.pin_article_for_each_category) === null || _2 === void 0 ? void 0 : _2.list_categories) === null || _3 === void 0 ? void 0 : _3.map(formatHelloWellnessPinCategoryItem).filter(Boolean)) || [],
+            sponsorLogo: ((_z = settings.pin_article_for_each_category) === null || _z === void 0 ? void 0 : _z.sponsor_logo) || '',
+            listCategories: ((_1 = (_0 = settings.pin_article_for_each_category) === null || _0 === void 0 ? void 0 : _0.list_categories) === null || _1 === void 0 ? void 0 : _1.map(formatHelloWellnessPinCategoryItem).filter(Boolean)) || [],
         },
     };
 };
@@ -3446,6 +3446,12 @@ const StyledContainer = styled__default["default"].div `
     --amp-site-wide-closed: 66px;
   }
   pointer-events: none;
+  > section
+    *:not([data-cart-menu] *):not([data-search-animation-wrapper] *):not(
+      [data-search-animation-wrapper]
+    ) {
+    pointer-events: auto;
+  }
 `;
 
 const _NavigationV2 = (props) => {

package/build/{index-f68a67fd.js → index-892e2812.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-62409cd8.js');
+var tslib_es6 = require('./tslib.es6-6e217008.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-55435883.js');
+var index = require('./index-381a7f91.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-9e496267.js → index-8af6a24a.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var useScrollbarSize = require('./useScrollbarSize-031a3b1a.js');
+var useScrollbarSize = require('./useScrollbarSize-7db47f64.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var utils = require('./utils-f4ea06ad.js');
+var utils = require('./utils-532066e0.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-3c151654.js → index-9117cf06.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-9397b189.js');
-var index$1 = require('./index-f68a67fd.js');
+var index = require('./index-69a6ae0b.js');
+var index$1 = require('./index-892e2812.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-dac95c79.js → index-957a2532.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-62409cd8.js');
+var tslib_es6 = require('./tslib.es6-6e217008.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index_styles = require('./index.styles-b6dcd40a.js');
+var index_styles = require('./index.styles-361fe529.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-7e73e4ff.js → index-987d40db.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-62409cd8.js');
+var tslib_es6 = require('./tslib.es6-6e217008.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var routing = require('./routing-7ee71244.js');
-var index$1 = require('./index-f5f2bbb0.js');
+var routing = require('./routing-5cb9d835.js');
+var index$1 = require('./index-e5036c4f.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index = require('./index-185c1527.js');
+var index = require('./index-44b7e21e.js');
 
 const SSO_V2_PATHS = {
     LOGIN_BY_SOCIAL: 'member/social-login',

package/build/{index-ac6d3e76.js → index-9c625da3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-62409cd8.js');
+var tslib_es6 = require('./tslib.es6-6e217008.js');
 var React = require('react');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');

package/build/{index-3c953a99.js → index-a513725b.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-62409cd8.js');
+var tslib_es6 = require('./tslib.es6-6e217008.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-f68a67fd.js');
-var index = require('./index-3475a73e.js');
+var index$1 = require('./index-892e2812.js');
+var index = require('./index-20eb6aae.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-39272c86.js → index-a5dd5d88.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-f4ea06ad.js');
+var utils = require('./utils-532066e0.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-d486cd0e.js → index-ac96b864.js}

@@ -1,28 +1,30 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-62409cd8.js');
+var tslib_es6 = require('./tslib.es6-6e217008.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dateFns = require('date-fns');
-var LastPeriod = require('./LastPeriod-2148901e.js');
-var index = require('./index-185c1527.js');
+var LastPeriod = require('./LastPeriod-88985336.js');
+var index = require('./index-44b7e21e.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index$6 = require('./index-ad99d698.js');
-var index$3 = require('./index-812a1a52.js');
-var index$4 = require('./index-f68a67fd.js');
-require('./index-6097c090.js');
-require('./index-55435883.js');
-require('./index.styles-b6dcd40a.js');
-var index$1 = require('./index-3475a73e.js');
+var index$3 = require('./index-54c96827.js');
+var index$6 = require('./index-e526d5d4.js');
+require('@mantine/dates');
+var index$5 = require('./index-e5036c4f.js');
+require('./index-3bcbadd7.js');
+require('./index-1877f1e6.js');
+var index$4 = require('./index-892e2812.js');
+require('./index-373bc2e3.js');
+require('./index-381a7f91.js');
+require('./index.styles-361fe529.js');
+var index$1 = require('./index-20eb6aae.js');
 require('@mantine/hooks');
-require('./index-2af39a87.js');
-require('./utils-f4ea06ad.js');
-require('./index-61bcb6a6.js');
-var index$2 = require('./index-fe80fe27.js');
+require('./utils-532066e0.js');
+require('./index-608d632c.js');
+var index$2 = require('./index-3bc394c3.js');
 var other = require('@hhgtech/icons/other');
-var context = require('./context-9e7c932b.js');
-var index$5 = require('./index-f5f2bbb0.js');
+var context = require('./context-86900689.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -255,9 +257,7 @@ const DefaultLayout$4 = () => {
     const { t } = index$1.useTranslations();
     const { form } = React.useContext(ConceptionFormContext);
     return (React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
-        React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
-                withinPortal: true,
-            }, maxDate: new Date() }))));
+        React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { maxDate: new Date() }))));
 };
 
 const InlineLayout$4 = () => {
@@ -265,9 +265,7 @@ const InlineLayout$4 = () => {
     const { form } = React.useContext(ConceptionFormContext);
     return (React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
         React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: t('dueDatePage.lastPeriod.lastPeriodLabel') },
-            React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { popoverProps: {
-                    withinPortal: true,
-                }, maxDate: new Date(), error: null }))),
+            React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { maxDate: new Date(), error: null }))),
         form.errors.lastPeriodDate && (React__default["default"].createElement(index$2.HealthToolFormWrapper.Error, null, form.errors.lastPeriodDate))));
 };
 
@@ -275,9 +273,7 @@ const MbLayout$4 = () => {
     const { t } = index$1.useTranslations();
     const { form } = React.useContext(ConceptionFormContext);
     return (React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-        React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { popoverProps: {
-                withinPortal: true,
-            }, rightSection: null, maxDate: new Date() }))));
+        React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { rightSection: null, maxDate: new Date() }))));
 };
 
 const ConceptionForm = ({}) => {
@@ -314,9 +310,7 @@ const DefaultLayout$3 = () => {
     const { t } = index$1.useTranslations();
     const { form } = React.useContext(IUIFormContext);
     return (React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
-        React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.date_of_IUI_procedure')) }, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
-                withinPortal: true,
-            }, maxDate: new Date() }))));
+        React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.date_of_IUI_procedure')) }, form.getInputProps('dateOfIUIProcedure'), { maxDate: new Date() }))));
 };
 
 const InlineLayout$3 = () => {
@@ -324,18 +318,14 @@ const InlineLayout$3 = () => {
     const { form } = React.useContext(IUIFormContext);
     return (React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
         React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: t('dueDatePage.date_of_IUI_procedure') },
-            React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
-                    withinPortal: true,
-                }, maxDate: new Date(), error: null })))));
+            React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({}, form.getInputProps('dateOfIUIProcedure'), { maxDate: new Date(), error: null })))));
 };
 
 const MbLayout$3 = () => {
     const { t } = index$1.useTranslations();
     const { form } = React.useContext(IUIFormContext);
     return (React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.date_of_IUI_procedure'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-        React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
-                withinPortal: true,
-            }, rightSection: null, maxDate: new Date() }))));
+        React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({}, form.getInputProps('dateOfIUIProcedure'), { rightSection: null, maxDate: new Date() }))));
 };
 
 const IUIForm = ({}) => {
@@ -373,9 +363,7 @@ const DefaultLayout$2 = () => {
     const { form, transferDateOptions } = React.useContext(IVFFormContext);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.ivf.transferDate')) }, form.getInputProps('IVFDate'), { popoverProps: {
-                    withinPortal: true,
-                }, maxDate: new Date() }))),
+            React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.ivf.transferDate')) }, form.getInputProps('IVFDate'), { maxDate: new Date() }))),
         React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$6.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
                 React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$6.Radio, { key: idx, value: i.value, label: i.label }))))))));
@@ -387,9 +375,7 @@ const InlineLayout$2 = () => {
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: t('dueDatePage.ivf.transferDate') },
-                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('IVFDate'), { popoverProps: {
-                        withinPortal: true,
-                    }, maxDate: new Date() })))),
+                React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({}, form.getInputProps('IVFDate'), { maxDate: new Date() })))),
         React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { width: 'none' },
                 React__default["default"].createElement(index$6.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
@@ -401,9 +387,7 @@ const MbLayout$2 = () => {
     const { form, transferDateOptions } = React.useContext(IVFFormContext);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.ivf.transferDate'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-            React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('IVFDate'), { popoverProps: {
-                    withinPortal: true,
-                }, maxDate: new Date(), rightSection: null }))),
+            React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({}, form.getInputProps('IVFDate'), { maxDate: new Date(), rightSection: null }))),
         React__default["default"].createElement(index$6.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
             React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$6.Radio, { key: idx, value: i.value, label: i.label })))))));
 };
@@ -464,9 +448,7 @@ const DefaultLayout$1 = () => {
     })), []);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
-                    withinPortal: true,
-                }, maxDate: new Date() }))),
+            React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { maxDate: new Date() }))),
         React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$6.Input.Wrapper, { label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.periodLengthLabel')) },
                 React__default["default"].createElement(index$6.Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
@@ -484,9 +466,7 @@ const InlineLayout$1 = () => {
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel'), width: 300 },
-                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { popoverProps: {
-                        withinPortal: true,
-                    }, maxDate: new Date() })))),
+                React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { maxDate: new Date() })))),
         React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.periodLengthLabel'), width: 300 },
                 React__default["default"].createElement(index$6.Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
@@ -501,9 +481,7 @@ const MbLayout$1 = () => {
     const { form } = React.useContext(LastPeriodFormContext);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-            React__default["default"].createElement(index$3.DatePicker, Object.assign({ rightSection: null }, form.getInputProps('lastPeriodDate'), { popoverProps: {
-                    withinPortal: true,
-                }, maxDate: new Date() }))),
+            React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({ rightSection: null }, form.getInputProps('lastPeriodDate'), { maxDate: new Date() }))),
         React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.lastPeriod.periodLengthLabel'), rightSection: t('ovulationPage.dayUnit') },
             React__default["default"].createElement(index$6.Input.Number, Object.assign({ min: 20, max: 40, placeholder: t('tools.inputPlaceholder', {
                     content: '30',
@@ -560,9 +538,7 @@ const DefaultLayout = () => {
     const inputPropsMSD = form.getInputProps('ultrasoundMSD');
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.date_of_ultrasound')) }, form.getInputProps('dateOfUltrasound'), { popoverProps: {
-                    withinPortal: true,
-                }, maxDate: new Date() }))),
+            React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.date_of_ultrasound')) }, form.getInputProps('dateOfUltrasound'), { maxDate: new Date() }))),
         React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(core.Flex, { align: "center", gap: 4, mb: 4 },
                 React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.validation.one_is_required')),
@@ -584,9 +560,7 @@ const InlineLayout = () => {
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: t('dueDatePage.date_of_ultrasound') },
-                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('dateOfUltrasound'), { popoverProps: {
-                        withinPortal: true,
-                    }, maxDate: new Date(), error: null })))),
+                React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({}, form.getInputProps('dateOfUltrasound'), { maxDate: new Date(), error: null })))),
         React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: React__default["default"].createElement(core.Flex, { align: "center", gap: 4 },
                     React__default["default"].createElement("span", null, t('dueDatePage.validation.one_is_required')),
@@ -604,9 +578,7 @@ const MbLayout = () => {
     const { t } = index$1.useTranslations();
     const { form } = React.useContext(UltrasoundFormContext);
     return (React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.date_of_ultrasound'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-        React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('dateOfUltrasound'), { popoverProps: {
-                withinPortal: true,
-            }, rightSection: null, maxDate: new Date() }))));
+        React__default["default"].createElement(index$3.HealthToolDatePicker, Object.assign({}, form.getInputProps('dateOfUltrasound'), { rightSection: null, maxDate: new Date() }))));
 };
 
 const UltrasoundForm = ({}) => {

package/build/{index-3c43b8dd.js → index-ae872dad.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-62409cd8.js');
+var tslib_es6 = require('./tslib.es6-6e217008.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$2 = require('./index-9397b189.js');
-var index = require('./index-185c1527.js');
-var togetherComponentGlobalContext = require('./utils-105d51d8.js');
+var index$2 = require('./index-69a6ae0b.js');
+var index = require('./index-44b7e21e.js');
+var togetherComponentGlobalContext = require('./utils-19e20390.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-a3cbf704.js');
-var post = require('./post-41b76508.js');
-var index$1 = require('./index-e7363425.js');
+var constants = require('./constants-c5724f2e.js');
+var post = require('./post-16f34a74.js');
+var index$1 = require('./index-c3941f56.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-e7363425.js → index-c3941f56.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-4c0555b3.js');
-var index = require('./index-3475a73e.js');
+var index$1 = require('./index-4c713236.js');
+var index = require('./index-20eb6aae.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-e1fb665a.js → index-ca46879f.js}

@@ -1,49 +1,49 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-62409cd8.js');
+var tslib_es6 = require('./tslib.es6-6e217008.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
-var index$9 = require('./index-88861ce2.js');
-var index = require('./index-3475a73e.js');
+var index$9 = require('./index-efaa94cb.js');
+var index = require('./index-20eb6aae.js');
 var innertext = require('innertext');
 var miscTheme = require('./miscTheme.js');
-var index$5 = require('./index-ad99d698.js');
+var index$5 = require('./index-e526d5d4.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-f5f2bbb0.js');
-var index$8 = require('./index-185c1527.js');
-require('./index-db2f2a1a.js');
-require('./index-2af39a87.js');
-var index$2 = require('./index-f68a67fd.js');
-var index$1 = require('./index-6097c090.js');
-require('./index-55435883.js');
-require('./index.styles-b6dcd40a.js');
+require('./index-e5036c4f.js');
+var index$8 = require('./index-44b7e21e.js');
+require('./index-3bcbadd7.js');
+require('./index-1877f1e6.js');
+var index$2 = require('./index-892e2812.js');
+var index$1 = require('./index-373bc2e3.js');
+require('./index-381a7f91.js');
+require('./index.styles-361fe529.js');
 require('@mantine/hooks');
-var utils = require('./utils-f4ea06ad.js');
-require('./index-61bcb6a6.js');
-var index$3 = require('./index-8d55fe6e.js');
-var togetherComponentGlobalContext = require('./utils-105d51d8.js');
+var utils = require('./utils-532066e0.js');
+require('./index-608d632c.js');
+var index$3 = require('./index-28e33608.js');
+var togetherComponentGlobalContext = require('./utils-19e20390.js');
 var styled = require('@emotion/styled');
-var dataTransform = require('./dataTransform-f62a0c03.js');
-var constants = require('./constants-a3cbf704.js');
-var post = require('./post-41b76508.js');
-var togetherMoleculesCardAuthor = require('./index-83eaa62c.js');
-var togetherRichTextEditor = require('./editor-6d9ae77a.js');
-var index$4 = require('./index-a72c627a.js');
+var dataTransform = require('./dataTransform-ea193ae2.js');
+var constants = require('./constants-c5724f2e.js');
+var post = require('./post-16f34a74.js');
+var togetherMoleculesCardAuthor = require('./index-21aa1939.js');
+var togetherRichTextEditor = require('./editor-3fe4dd75.js');
+var index$4 = require('./index-1de2708e.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$6 = require('./index-81d6892b.js');
-var index$7 = require('./index-67e97ad3.js');
-var index$a = require('./index-07238632.js');
+var index$6 = require('./index-cb6830f0.js');
+var index$7 = require('./index-219591fb.js');
+var index$a = require('./index-cc0d6a95.js');
 var ReactDOM = require('react-dom');
-var index$b = require('./index-e7363425.js');
-var togetherMoleculesPostImagePreview = require('./index-e70c38d9.js');
-var index$e = require('./index-4c0555b3.js');
+var index$b = require('./index-c3941f56.js');
+var togetherMoleculesPostImagePreview = require('./index-5ce5103e.js');
+var index$e = require('./index-4c713236.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var useUniqueId = require('./useUniqueId-3ea2d752.js');
-var index$c = require('./index-fffd3429.js');
-var index$d = require('./index-f015e2b9.js');
+var useUniqueId = require('./useUniqueId-f73f31d2.js');
+var index$c = require('./index-e0ba9756.js');
+var index$d = require('./index-52755f82.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-93817d9d.js → index-ca48354f.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-f4ea06ad.js');
+var utils = require('./utils-532066e0.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var animation = require('./animation-5c846499.js');
-var index = require('./index-f68a67fd.js');
+var animation = require('./animation-e9c829f5.js');
+var index = require('./index-892e2812.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-81d6892b.js → index-cb6830f0.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-1d60db0b.js');
-var index = require('./index-3475a73e.js');
+var index$1 = require('./index-29cadc9d.js');
+var index = require('./index-20eb6aae.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }