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

package/build/esm/{index-4600cb78.js → index-7b4863ff.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-4c2b392a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b66d75db.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-a4b6228d.js';
-import { L as Loading } from './index-6b5a6af7.js';
-import './index-633b28cc.js';
-import { g as formatArticle } from './dataTransform-c567e3d6.js';
+import { T as Tabs } from './index-a39e6bf0.js';
+import { L as Loading } from './index-2761e4d7.js';
+import './index-be0a2a5d.js';
+import { g as formatArticle } from './dataTransform-55b4fb41.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-ffe8c9cf.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-76c91d9e.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-8b095b02.js';
-import { L as LOCALE } from './Locale-0e687ff5.js';
+import { C as CardAuthor } from './index-98516e89.js';
+import { L as LOCALE } from './Locale-b6f4abea.js';
 import '@hhgtech/icons/other';
-import './index-dbe7d116.js';
-import './shared-93e28ff6.js';
-import './index-3770342b.js';
-import './index-9181155e.js';
-import './index-a6593fc5.js';
-import './translationsContext-ec597c09.js';
-import './index-9bf109b8.js';
-import './index-d589b8b4.js';
+import './index-fac9ecc6.js';
+import './shared-d47dca0e.js';
+import './index-d0043174.js';
+import './index-8eb56567.js';
+import './index-49b79390.js';
+import './translationsContext-7867723c.js';
+import './index-0a23d5b7.js';
+import './index-d8f6854d.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-a9f0b321.js';
+import './constants-a16e91a9.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-9da52e63.js';
-import './index-79ecd1bb.js';
-import './paths-4bcff645.js';
-import './constants-3db9e07a.js';
-import './index-2d6472a6.js';
+import './utils-409a83b1.js';
+import './index-edf07f5a.js';
+import './paths-2248b725.js';
+import './constants-18ee7aac.js';
+import './index-f36317a6.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-a01edf7c.js';
+import './index-721cc126.js';
 import './miscTheme.js';
-import './WhatsApp-19abf17c.js';
-import './Spinner-8fd732b8.js';
-import './index-eda8f4c9.js';
+import './WhatsApp-c84836b8.js';
+import './Spinner-f034e51b.js';
+import './index-f1bf0f5f.js';
 import '@emotion/styled';
-import './index-09da7cf5.js';
-import './index-957ad8bc.js';
-import './index-326acba7.js';
+import './index-c95bb41b.js';
+import './index-96dfb9cd.js';
+import './index-752de85f.js';
 import '@emotion/react';
-import './index-3addb19f.js';
-import './index-19f3e770.js';
-import './index.styles-f9403cd8.js';
+import './index-7fac5711.js';
+import './index-ed4b6e80.js';
+import './index.styles-e50708f1.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-e06a7c13.js → index-7f4a3be0.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default from 'react';
-import './index-03963d37.js';
+import './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 { T as Text$1 } from './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 { T as Text$1 } from './index-8eb56567.js';
+import './index-fac9ecc6.js';
+import './index-d0043174.js';
+import './index.styles-e50708f1.js';
+import './translationsContext-7867723c.js';
 import '@mantine/hooks';
-import './utils-9da52e63.js';
-import './index-a4b6228d.js';
+import './utils-409a83b1.js';
+import './index-a39e6bf0.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-3addb19f.js → index-7fac5711.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-9181155e.js';
+import { T as Text } from './index-8eb56567.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-d48cbe53.js → index-85d4d9e5.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-2d6472a6.js';
-import './index-633b28cc.js';
-import { C as CommonGAssets } from './index-957ad8bc.js';
-import { M as MAPPED_LOCALE } from './index-6187b3e5.js';
-import { L as LOCALE } from './Locale-0e687ff5.js';
+import { I as ISO_FORMAT } from './index-f36317a6.js';
+import './index-be0a2a5d.js';
+import { C as CommonGAssets } from './index-96dfb9cd.js';
+import { M as MAPPED_LOCALE } from './index-a22941c6.js';
+import { L as LOCALE } from './Locale-b6f4abea.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-66f3aa0a.js → index-8842587f.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-a01edf7c.js';
-import { u as useTranslations } from './index-a6593fc5.js';
+import { I as Icon } from './index-721cc126.js';
+import { u as useTranslations } from './index-49b79390.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-02bfbfee.js → index-88d1f4bb.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-03963d37.js';
-import { D as DatePicker } from './index-d48cbe53.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 './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 { C as CardWrapperContext } from './context-06e735a2.js';
-import { H as HealthToolFormWrapper } from './index-35e5fb79.js';
-import { G as GenderOptionControl } from './index-d55d080a.js';
+import './index-a22941c6.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 { G as GenderOptionControl } from './index-669c227e.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});
@@ -29,7 +29,7 @@ const DefaultLayout = (_a) => {
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
             React__default.createElement(GenderOptionControl, Object.assign({ isBaby: true }, form.getInputProps('gender')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(DatePicker, Object.assign({ label: t('babyGrowth.input.birthday'), placeholder: 'DD/MM/YYYY', popoverProps: {
+            React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('babyGrowth.input.birthday')), placeholder: 'DD/MM/YYYY', popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }, form.getInputProps('age')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },

package/build/esm/{index-b09f44ec.js → index-899f4778.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-3addb19f.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-9da52e63.js';
-import { u as useTranslations } from './index-a6593fc5.js';
-import { T as TogetherComponentGlobalContext } from './utils-ffe8c9cf.js';
+import { H as Heading } from './index-7fac5711.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-409a83b1.js';
+import { u as useTranslations } from './index-49b79390.js';
+import { T as TogetherComponentGlobalContext } from './utils-76c91d9e.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-9181155e.js';
+import { T as Text } from './index-8eb56567.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-5a7346c3.js → index-8daede73.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-9181155e.js → index-8eb56567.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-3770342b.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-d0043174.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-55f13336.js → index-962257e1.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-73a9e3bc.js';
+import { u as useScrollbarSize } from './useScrollbarSize-ef7d776a.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-9da52e63.js';
+import { M as MediaQueries } from './utils-409a83b1.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-03963d37.js → index-98006352.js}

@@ -1,24 +1,24 @@
-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, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { createStyles, rem, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, Flex, clsx, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-957ad8bc.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-3770342b.js';
-import { u as useScreenSize, I as ImageWrap } from './index-09da7cf5.js';
+import { C as CommonGAssets } from './index-96dfb9cd.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-d0043174.js';
+import { u as useScreenSize, I as ImageWrap } from './index-c95bb41b.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-9181155e.js';
-import { t as themeColors } from './index-6187b3e5.js';
+import { T as Text } from './index-8eb56567.js';
+import { t as themeColors } from './index-a22941c6.js';
 import { theme } from './miscTheme.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-1f0e04cb.js';
+import { a as useUniqueId } from './useUniqueId-c031d61e.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-dbe7d116.js';
+import { B as Button } from './index-fac9ecc6.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;
@@ -1794,4 +1794,4 @@ const _ChipButton = (_a) => {
 const ChipButton = _ChipButton;
 ChipButton.Group = Chip.Group;
 
-export { Avatar as A, Breadcrumbs as B, CaretDown as C, DEBOUNCED_TIME as D, ErrorIcon as E, Flag as F, Input as I, NumberInput as N, OTP as O, Phone as P, Radio as R, Select as S, Anchor as a, AspectRatio as b, ErrorLabel as c, Checkbox as d, CentralCarousel as e, ChipButton as f, PasswordInput as g, ErrorBoundary as h, StyledSliderWrapper as i, StyledSlider as j, Accordion as k, Carousel as l, emotionCache as m, PhoneInput as n, Popover as o, styles as s, useStyles$2 as u };
+export { Avatar as A, Breadcrumbs as B, CaretDown as C, DEBOUNCED_TIME as D, ErrorIcon as E, Flag as F, Input as I, NumberInput as N, OTP as O, Phone as P, Radio as R, Select as S, Anchor as a, AspectRatio as b, ErrorLabel as c, Checkbox as d, CentralCarousel as e, ChipButton as f, ErrorBoundary as g, PasswordInput as h, StyledSliderWrapper as i, StyledSlider as j, Accordion as k, Carousel as l, emotionCache as m, PhoneInput as n, Popover as o, styles as s, useStyles$2 as u };

package/build/esm/{index-8b095b02.js → index-98516e89.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-a6593fc5.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-9da52e63.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-79ecd1bb.js';
-import { I as Icon } from './index-a01edf7c.js';
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
-import { U as UserAvatar } from './index-eda8f4c9.js';
-import { I as ImageWrap, u as useScreenSize } from './index-09da7cf5.js';
-import './index-2d6472a6.js';
-import { C as CommonGAssets } from './index-957ad8bc.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-ffe8c9cf.js';
-import { B as Button } from './index-9bf109b8.js';
-import { T as Text } from './index-9181155e.js';
+import { u as useTranslations } from './index-49b79390.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-409a83b1.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-edf07f5a.js';
+import { I as Icon } from './index-721cc126.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
+import { U as UserAvatar } from './index-f1bf0f5f.js';
+import { I as ImageWrap, u as useScreenSize } from './index-c95bb41b.js';
+import './index-f36317a6.js';
+import { C as CommonGAssets } from './index-96dfb9cd.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-76c91d9e.js';
+import { B as Button } from './index-0a23d5b7.js';
+import { T as Text } from './index-8eb56567.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-326acba7.js';
-import { H as Heading } from './index-3addb19f.js';
-import { M as Modal } from './index-19f3e770.js';
+import { L as Loading } from './index-752de85f.js';
+import { H as Heading } from './index-7fac5711.js';
+import { M as Modal } from './index-ed4b6e80.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-4600cb78.js').then((module) => {
+                import('./index-7b4863ff.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-4d5ca276.js → index-99397d6e.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default, { createContext, useContext } from 'react';
-import { clsx, useMantineTheme } from '@mantine/core';
+import { createStyles, rem, clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-f4521eff.js';
-import { I as Input } 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 { L as LastPeriod } from './LastPeriod-5c80b823.js';
+import { I as Input } 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 { 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 { C as CardWrapperContext } from './context-13568ea4.js';
+import { H as HealthToolFormWrapper } from './index-fbe616df.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {
@@ -69,11 +69,26 @@ const TryConceive = (_a) => {
 
 const OvulationFormContext = createContext({});
 
+var useStyles = createStyles((theme) => {
+    return {
+        inputRightSection: {
+            fontSize: rem(13),
+            lineHeight: rem(24),
+            color: theme.colors.gray[4],
+            justifyContent: 'flex-end',
+            paddingRight: 8,
+        },
+    };
+});
+
 const DefaultLayout = (_a) => {
     var props = __rest(_a, []);
     const { t } = useTranslations();
     const { currentUrl, submitProps, form, calculatingMethods, isMobile } = useContext(OvulationFormContext);
     const { classes: wrapperClasses = {} } = useContext(CardWrapperContext);
+    const { classes } = useStyles(undefined, 
+    // Second DefaultLayout is responsible for styles api integration
+    { name: 'OvulationTool__DefaultLayout' });
     return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
             React__default.createElement(HealthToolFormWrapper.Control, null,
@@ -81,11 +96,15 @@ const DefaultLayout = (_a) => {
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
             React__default.createElement(DatePicker, Object.assign({ placeholder: "DD/MM/YYYY", popoverProps: {
                     withinPortal: true,
-                }, label: t('dueDatePage.lastPeriod.lastPeriodLabel'), maxDate: new Date() }, form.getInputProps('lastPeriodDate')))),
+                }, label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, ` (${t('dueDatePage.lastPeriod.lastPeriodLabel')})`), maxDate: new Date() }, form.getInputProps('lastPeriodDate')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Number, Object.assign({ label: `${t('ovulationPage.cycleLength')} (${t('ovulationPage.dayUnit')})`, min: 21, max: 45, defaultValue: 1 }, form.getInputProps('cycleLength')))),
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('ovulationPage.cycleLength')), rightSection: t('ovulationPage.dayUnit'), min: 21, max: 45, defaultValue: 1 }, form.getInputProps('cycleLength'), { classNames: {
+                    rightSection: classes.inputRightSection,
+                } }))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Number, Object.assign({ label: `${t('ovulationPage.periodDuration')} (${t('ovulationPage.dayUnit')})`, min: 1, max: 15, defaultValue: 1 }, form.getInputProps('periodLength')))),
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('ovulationPage.periodDuration')), rightSection: t('ovulationPage.dayUnit'), min: 1, max: 15, defaultValue: 1 }, form.getInputProps('periodLength'), { classNames: {
+                    rightSection: classes.inputRightSection,
+                } }))),
         React__default.createElement(HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
             React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: clsx('due-date-calculate-button', wrapperClasses.submitBtn), dataEventCategory: "Health Tool", dataEventAction: "Ovulation", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };

package/build/esm/{index-c807ff34.js → index-9f2bceaf.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-4c2b392a.js';
+import { a as __awaiter } from './tslib.es6-b66d75db.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-3addb19f.js';
-import { T as Text } from './index-9181155e.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-ffe8c9cf.js';
+import { H as Heading } from './index-7fac5711.js';
+import { T as Text } from './index-8eb56567.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 { D as DEFAULT_IMG } from './constants-a16e91a9.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-6187b3e5.js → index-a22941c6.js}

@@ -1,16 +1,16 @@
-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, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-633b28cc.js';
-import { L as LOCALE } from './Locale-0e687ff5.js';
+import './index-be0a2a5d.js';
+import { L as LOCALE } from './Locale-b6f4abea.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-2d6472a6.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-f36317a6.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-957ad8bc.js';
+import { C as CommonGAssets } from './index-96dfb9cd.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-9da52e63.js';
-import { C as CustomStylesType, F as FontWeight } from './index-3770342b.js';
-import { A as ANIMATION_DURATION } from './shared-93e28ff6.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-409a83b1.js';
+import { C as CustomStylesType, F as FontWeight } from './index-d0043174.js';
+import { A as ANIMATION_DURATION } from './shared-d47dca0e.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-a4b6228d.js → index-a39e6bf0.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-dbe7d116.js';
-import { T as Text } from './index-9181155e.js';
+import { B as Button } from './index-fac9ecc6.js';
+import { T as Text } from './index-8eb56567.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-8d7f1f71.js → index-a83c2556.js}

@@ -1,20 +1,20 @@
-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, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-8fd732b8.js';
-import { A as Avatar } from './index-03963d37.js';
-import { B as Button } from './index-dbe7d116.js';
-import { T as Text } from './index-9181155e.js';
-import { u as useTranslations } from './index-a6593fc5.js';
-import { C as CommonGAssets } from './index-957ad8bc.js';
+import { S as Spinner } from './Spinner-f034e51b.js';
+import { A as Avatar } from './index-98006352.js';
+import { B as Button } from './index-fac9ecc6.js';
+import { T as Text } from './index-8eb56567.js';
+import { u as useTranslations } from './index-49b79390.js';
+import { C as CommonGAssets } from './index-96dfb9cd.js';
 import { theme } from './miscTheme.js';
-import { C as CARE_LOCALES, d as CARE_BOOKING_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, V as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE } from './index-2d6472a6.js';
-import { d as domainLocalesMarryBaby } from './utils-ffe8c9cf.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-4e7809ca.js';
+import { C as CARE_LOCALES, d as CARE_BOOKING_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, V as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE } from './index-f36317a6.js';
+import { d as domainLocalesMarryBaby } from './utils-76c91d9e.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-6608fe9d.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-9da52e63.js';
+import { M as MediaQueries } from './utils-409a83b1.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import classNames from 'classnames';
 import { ProfileNavigation } from './profileNavigation.js';

package/build/esm/{index-c06c86b3.js → index-ae86b9be.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-03963d37.js';
+import { F as Flag } from './index-98006352.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-9181155e.js';
-import { C as CommonGAssets } from './index-957ad8bc.js';
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
-import { a as ZINDEX_HEADER, e as VIDEO_DETAIL_TEMP_STORAGE } from './index-2d6472a6.js';
-import { V as VideoType } from './index-633b28cc.js';
+import { T as Text } from './index-8eb56567.js';
+import { C as CommonGAssets } from './index-96dfb9cd.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
+import { a as ZINDEX_HEADER, e as VIDEO_DETAIL_TEMP_STORAGE } from './index-f36317a6.js';
+import { V as VideoType } from './index-be0a2a5d.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-6f22ec5a.js';
-import { u as useTranslations } from './index-a6593fc5.js';
+import { a as abbreviateNumber } from './number-236572a2.js';
+import { u as useTranslations } from './index-49b79390.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-19f3e770.js';
-import { S as SocialLinkPreview } from './index-e319e84e.js';
+import { M as Modal } from './index-ed4b6e80.js';
+import { S as SocialLinkPreview } from './index-cd99bd1b.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-ce4a3f25.js → index-b41cb0cb.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-9da52e63.js';
+import { M as MediaQueries } from './utils-409a83b1.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-81fbf719.js → index-b51b8102.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-0e687ff5.js';
-import { C as CommonGAssets } from './index-957ad8bc.js';
+import { L as LOCALE } from './Locale-b6f4abea.js';
+import { C as CommonGAssets } from './index-96dfb9cd.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-9da52e63.js';
-import { L as LogoIcon } from './logoIcon-9fccc5f7.js';
-import './index-633b28cc.js';
-import { I as ImageWrap } from './index-09da7cf5.js';
+import { M as MediaQueries } from './utils-409a83b1.js';
+import { L as LogoIcon } from './logoIcon-7478315f.js';
+import './index-be0a2a5d.js';
+import { I as ImageWrap } from './index-c95bb41b.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-a66798d9.js → index-bb525ff2.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-4c2b392a.js';
+import { _ as __rest } from './tslib.es6-b66d75db.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';