@hhgtech/hhg-components 1.29.488 → 1.29.489

package/build/esm/{index-cc0eccd0.js → index-74e1b551.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-3987292b.js';
+import { _ as __rest } from './tslib.es6-850564cb.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-78ee3a03.js';
-import { L as LOCALE } from './Locale-6add2536.js';
+import { L as LastPeriod } from './LastPeriod-f6025d39.js';
+import { L as LOCALE } from './Locale-b2013de4.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-1f7a58b2.js';
-import { D as DatePicker } from './index-cb308621.js';
-import { T as Text } from './index-6f612ec9.js';
-import './index-f5c37b6e.js';
-import './index-3988df7a.js';
-import './index.styles-addd7d68.js';
-import { u as useTranslations } from './index-51d0c46f.js';
+import { R as Radio, I as Input, S as Select } from './index-4fac9351.js';
+import { D as DatePicker } from './index-68e54dfc.js';
+import { T as Text } from './index-8524e45a.js';
+import './index-8f8c7974.js';
+import './index-1d21ada3.js';
+import './index.styles-4f5cbf4a.js';
+import { u as useTranslations } from './index-540292e6.js';
 import '@mantine/hooks';
-import './index-b678ebfc.js';
-import './utils-fc093818.js';
-import './index-00efecce.js';
-import { H as HealthToolFormWrapper } from './index-adb833e9.js';
+import './index-aba149d2.js';
+import './utils-09b2c314.js';
+import './index-dffe8a68.js';
+import { H as HealthToolFormWrapper } from './index-bead7afc.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-dd2312a9.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-cea13133.js';
+import { C as CardWrapperContext } from './context-f5092e4d.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-3121b76a.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-c4bfafdb.js → index-7508146a.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-3987292b.js';
+import { a as __awaiter } from './tslib.es6-850564cb.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-7eea6930.js';
-import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-cea13133.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-50b5494d.js';
+import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-3121b76a.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-6add2536.js';
+import { L as LOCALE } from './Locale-b2013de4.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-08e4551c.js → index-75412b9b.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3987292b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-850564cb.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio } from './index-1f7a58b2.js';
+import { R as Radio } from './index-4fac9351.js';
 import { Stack, Group, createStyles, getStylesRef, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-cea13133.js';
-import './index-903668e3.js';
-import { C as CommonGAssets } from './index-c48d3865.js';
-import './index-b678ebfc.js';
-import { T as Text } from './index-6f612ec9.js';
-import { B as Button$1 } from './index-f5c37b6e.js';
-import './index-3988df7a.js';
-import './index.styles-addd7d68.js';
-import './translationsContext-90330e54.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-3121b76a.js';
+import './index-d5dd38ed.js';
+import { C as CommonGAssets } from './index-8db0b932.js';
+import './index-aba149d2.js';
+import { T as Text } from './index-8524e45a.js';
+import { B as Button$1 } from './index-8f8c7974.js';
+import './index-1d21ada3.js';
+import './index.styles-4f5cbf4a.js';
+import './translationsContext-b103bad6.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-fc093818.js';
-import './index-00efecce.js';
-import { i as isInternalLink } from './index-9fbf948c.js';
+import { M as MediaQueries } from './utils-09b2c314.js';
+import './index-dffe8a68.js';
+import { i as isInternalLink } from './index-dabb173d.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-ebe902da.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-1fcf52fa.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-d31face7.js';
+import { L as Logo } from './index-12bc5123.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-32478613.js';
+import { a as useOutsideClick } from './useOutsideClick-29b64f92.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-112ec757.js';
-import { u as useScreenSize, I as ImageWrap } from './index-7e60ad06.js';
-import { u as useTranslations } from './index-51d0c46f.js';
+import { B as Button } from './index-cb3ceb1e.js';
+import { u as useScreenSize, I as ImageWrap } from './index-0056c578.js';
+import { u as useTranslations } from './index-540292e6.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-5f63670e.js';
+import { D as Dropdown } from './index-3ea45c4d.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-b137406a.js';
-import { D as Drawer } from './index-53b71483.js';
+import { I as Input } from './index-a0336be1.js';
+import { D as Drawer } from './index-54b6a72c.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-6add2536.js';
+import { L as LOCALE } from './Locale-b2013de4.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-31c8b68e.js';
-import { L as Loading } from './index-b45b9008.js';
+import { A as ArrowRightBlue } from './index-0f955794.js';
+import { L as Loading } from './index-aef2e609.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 

package/build/esm/{index-59aa7b46.js → index-778bc827.js}

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

package/build/esm/{index-15e28fea.js → index-7b66ed85.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-c21d9f90.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-fc093818.js';
-import { u as useTranslations } from './index-51d0c46f.js';
-import { T as TogetherComponentGlobalContext } from './utils-b59ee166.js';
+import { H as Heading } from './index-a2c49331.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-09b2c314.js';
+import { u as useTranslations } from './index-540292e6.js';
+import { T as TogetherComponentGlobalContext } from './utils-bf977823.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-6f612ec9.js';
+import { T as Text } from './index-8524e45a.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-3987292b.js';
+import { _ as __rest } from './tslib.es6-850564cb.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-9746b10c.js → index-847b8672.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-112ec757.js';
-import { H as Heading } from './index-c21d9f90.js';
-import { T as Text } from './index-6f612ec9.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-fc093818.js';
+import { B as Button } from './index-cb3ceb1e.js';
+import { H as Heading } from './index-a2c49331.js';
+import { T as Text } from './index-8524e45a.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-09b2c314.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-b59ee166.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-bf977823.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-3987292b.js';
-import { I as Input } from './index-b137406a.js';
-import { u as useTranslations } from './index-51d0c46f.js';
-import { e as formatComment } from './dataTransform-49cd332f.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-c9c4bfda.js';
+import { a as __awaiter } from './tslib.es6-850564cb.js';
+import { I as Input } from './index-a0336be1.js';
+import { u as useTranslations } from './index-540292e6.js';
+import { e as formatComment } from './dataTransform-7954fc49.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-61be07da.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-7ec83fda.js';
-import { C as CardLink } from './index-3a5266fd.js';
-import { L as Loading } from './index-9c02300d.js';
-import { U as UserAvatar } from './index-6e3e84f4.js';
-import { R as RichTextEditor } from './editor-767ff4e4.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-0e0fb375.js';
+import { C as CardLink } from './index-5bb140a0.js';
+import { L as Loading } from './index-1270b718.js';
+import { U as UserAvatar } from './index-58cb12d7.js';
+import { R as RichTextEditor } from './editor-40578bc7.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-59aa7b46.js';
-import { C as CloseIcon } from './index-15e28fea.js';
+import { P as Popup } from './index-778bc827.js';
+import { C as CloseIcon } from './index-7b66ed85.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-6f612ec9.js → index-8524e45a.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-3987292b.js';
+import { _ as __rest } from './tslib.es6-850564cb.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-3988df7a.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-1d21ada3.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-95b6aff3.js → index-8b7bf731.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-dcc0a123.js';
+import { C as Container } from './index-27c373d5.js';
 import dayjs from 'dayjs';
-import './index-cea13133.js';
-import './index-1f7a58b2.js';
+import './index-3121b76a.js';
+import './index-4fac9351.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-903668e3.js';
-import './index-c48d3865.js';
-import './index-b678ebfc.js';
-import { T as Text } from './index-6f612ec9.js';
-import './index-f5c37b6e.js';
-import './index-3988df7a.js';
-import './index.styles-addd7d68.js';
-import './translationsContext-90330e54.js';
+import './index-d5dd38ed.js';
+import './index-8db0b932.js';
+import './index-aba149d2.js';
+import { T as Text } from './index-8524e45a.js';
+import './index-8f8c7974.js';
+import './index-1d21ada3.js';
+import './index.styles-4f5cbf4a.js';
+import './translationsContext-b103bad6.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-fc093818.js';
-import './index-00efecce.js';
-import { u as useScreenSize } from './index-7e60ad06.js';
+import { M as MediaQueries } from './utils-09b2c314.js';
+import './index-dffe8a68.js';
+import { u as useScreenSize } from './index-0056c578.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-d31face7.js';
-import { M as MarryBabyText } from './index-2e0084c9.js';
+import { L as Logo } from './index-12bc5123.js';
+import { M as MarryBabyText } from './index-f65cdc5e.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-f5c37b6e.js → index-8f8c7974.js}

@@ -1,14 +1,14 @@
-import { _ as __rest } from './tslib.es6-3987292b.js';
+import { _ as __rest } from './tslib.es6-850564cb.js';
 import React__default, { forwardRef } from 'react';
-import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-c57926d1.js';
-import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-3988df7a.js';
+import { createStyles, getStylesRef, useMantineTheme, Button as Button$1 } from '@mantine/core';
+import { A as ANIMATION_DURATION } from './shared-9bee154d.js';
+import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-1d21ada3.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;
     const { other } = _theme;
     const { template } = other;
-    const { size, variant, skipHover, withColorHover, isError, isSuccess, color, children, theme: themeProp, customStylesType, } = _params;
+    const { size, variant, skipHover, withColorHover, isError, isSuccess, color, gradient, children, theme: themeProp, customStylesType, } = _params;
     const isMb = template === 'mb' || themeProp === 'marryBaby';
     const finalColor = color || (themeProp && isMb ? 'mb' : _theme.primaryColor);
     const isHexColor = finalColor.startsWith('#');
@@ -23,9 +23,20 @@ var useStyles = createStyles((_theme, _params) => {
         : (_f = (_e = _theme.colors) === null || _e === void 0 ? void 0 : _e[finalColor]) === null || _f === void 0 ? void 0 : _f[_theme.fn.primaryShade() + 1];
     const isLeadgen = customStylesType === CustomStylesType.LEADGEN;
     return {
-        root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ transition: `all ${ANIMATION_DURATION} ease-in-out`, '&:focus': {
+        root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ transition: `all ${ANIMATION_DURATION} ease-in-out` }, (gradient && Object.assign({ border: 0, position: 'relative' }, (variant === 'secondary' && {
+            '&:before': {
+                content: '""',
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                right: 0,
+                bottom: 0,
+                backgroundColor: '#fff',
+                borderRadius: 'inherit',
+            },
+        })))), { '&:focus': {
                 outline: 'none',
-            } }, (isLeadgen && {
+            } }), (isLeadgen && {
             borderRadius: 12,
         })), (!children && {
             paddingLeft: '10px',
@@ -59,19 +70,29 @@ var useStyles = createStyles((_theme, _params) => {
         })()), (() => {
             switch (variant) {
                 case 'primary': {
-                    return Object.assign({ color: _theme.white, backgroundColor: hexColor }, (!skipHover && {
+                    return Object.assign(Object.assign({ color: _theme.white }, (gradient
+                        ? {
+                            backgroundImage: gradient,
+                            backgroundColor: 'initial',
+                        }
+                        : { backgroundColor: hexColor })), (!skipHover && {
                         '&:hover': {
-                            backgroundColor: hoverHexColor,
+                            backgroundColor: gradient ? 'initial' : hoverHexColor,
                         },
                     }));
                 }
                 case 'secondary':
-                    return Object.assign(Object.assign({ color: hexColor, backgroundColor: 'transparent', border: `1px solid ${hexColor}` }, (!skipHover && {
+                    return Object.assign(Object.assign(Object.assign({ color: hexColor, backgroundColor: 'transparent', border: `1px solid ${hexColor}` }, (gradient && {
+                        backgroundImage: gradient,
+                        borderColor: 'transparent',
+                    })), (!skipHover &&
+                        !gradient && {
                         '&:hover': {
                             backgroundColor: hexColor50,
                             border: `1px solid ${hexColor}`,
                         },
-                    })), (withColorHover && {
+                    })), (withColorHover &&
+                        !gradient && {
                         '&:hover': {
                             backgroundColor: hexColor,
                             border: `1px solid ${hexColor}`,
@@ -142,9 +163,19 @@ var useStyles = createStyles((_theme, _params) => {
                     backgroundColor: _theme.colors.green[0],
                 },
             })) : {})),
+        inner: Object.assign({ ref: getStylesRef('inner') }, (gradient && {
+            position: 'relative',
+        })),
         leftIcon: {
             marginRight: 8,
         },
+        rightIcon: {},
+        label: Object.assign({}, (gradient &&
+            variant === 'secondary' && {
+            background: gradient,
+            '-webkit-background-clip': 'text',
+            '-webkit-text-fill-color': 'transparent',
+        })),
     };
 });
 
@@ -168,13 +199,14 @@ function filterObject(obj) {
 const Button = forwardRef((props, ref) => {
     var _a, _b;
     const theme = useMantineTheme();
-    const _c = Object.assign(Object.assign({}, (_b = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.Button) === null || _b === void 0 ? void 0 : _b.defaultProps), filterObject(props)), { variant, size, color, skipHover, withColorHover, className, dataEventCategory, dataEventAction, dataEventLabel, children, theme: themeProp, component, styles, classNames } = _c, rest = __rest(_c, ["variant", "size", "color", "skipHover", "withColorHover", "className", "dataEventCategory", "dataEventAction", "dataEventLabel", "children", "theme", "component", "styles", "classNames"]);
+    const _c = Object.assign(Object.assign({}, (_b = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.Button) === null || _b === void 0 ? void 0 : _b.defaultProps), filterObject(props)), { variant, size, color, gradient, skipHover, withColorHover, className, dataEventCategory, dataEventAction, dataEventLabel, children, theme: themeProp, component, styles, classNames } = _c, rest = __rest(_c, ["variant", "size", "color", "gradient", "skipHover", "withColorHover", "className", "dataEventCategory", "dataEventAction", "dataEventLabel", "children", "theme", "component", "styles", "classNames"]);
     const isError = variant === 'error';
     const variantStyle = useTemplateVariant();
     const { classes, cx } = useStyles({
         variant,
         size,
         color,
+        gradient,
         skipHover,
         withColorHover,
         isError,
@@ -185,7 +217,10 @@ const Button = forwardRef((props, ref) => {
     }, { name: 'ButtonMantine', styles, classNames });
     return (React__default.createElement(Button$1, Object.assign({ component: component, className: cx(className, variant), classNames: {
             root: classes.root,
+            inner: classes.inner,
             leftIcon: classes.leftIcon,
+            rightIcon: classes.rightIcon,
+            label: classes.label,
         }, variant: MAPPED_VARIANT[variant], "data-variant": variant, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, ref: ref, loaderProps: rest.disabled ? { color: 'currentColor' } : undefined }, rest), children));
 });
 

package/build/esm/{index-357f1656.js → index-9043274c.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-3987292b.js';
+import { _ as __rest } from './tslib.es6-850564cb.js';
 import React__default from 'react';
-import './index-1f7a58b2.js';
+import './index-4fac9351.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-cea13133.js';
-import './index-903668e3.js';
-import './index-c48d3865.js';
-import './index-b678ebfc.js';
-import { T as Text$1 } from './index-6f612ec9.js';
-import './index-f5c37b6e.js';
-import './index-3988df7a.js';
-import './index.styles-addd7d68.js';
-import './translationsContext-90330e54.js';
+import './index-3121b76a.js';
+import './index-d5dd38ed.js';
+import './index-8db0b932.js';
+import './index-aba149d2.js';
+import { T as Text$1 } from './index-8524e45a.js';
+import './index-8f8c7974.js';
+import './index-1d21ada3.js';
+import './index.styles-4f5cbf4a.js';
+import './translationsContext-b103bad6.js';
 import '@mantine/hooks';
-import './utils-fc093818.js';
-import './index-00efecce.js';
+import './utils-09b2c314.js';
+import './index-dffe8a68.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-f643c06c.js → index-9131bf13.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-dcc0a123.js';
-import { T as Text } from './index-6f612ec9.js';
+import { C as Container } from './index-27c373d5.js';
+import { T as Text } from './index-8524e45a.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-43d6e198.js → index-93314113.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-3987292b.js';
+import { _ as __rest } from './tslib.es6-850564cb.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-78ee3a03.js';
-import { I as Input } from './index-1f7a58b2.js';
-import { D as DatePicker } from './index-cb308621.js';
-import { T as Text } from './index-6f612ec9.js';
-import './index-f5c37b6e.js';
-import './index-3988df7a.js';
-import './index.styles-addd7d68.js';
-import { u as useTranslations } from './index-51d0c46f.js';
+import { L as LastPeriod } from './LastPeriod-f6025d39.js';
+import { I as Input } from './index-4fac9351.js';
+import { D as DatePicker } from './index-68e54dfc.js';
+import { T as Text } from './index-8524e45a.js';
+import './index-8f8c7974.js';
+import './index-1d21ada3.js';
+import './index.styles-4f5cbf4a.js';
+import { u as useTranslations } from './index-540292e6.js';
 import '@mantine/hooks';
-import './index-b678ebfc.js';
-import './utils-fc093818.js';
-import './index-00efecce.js';
-import { C as CardWrapperContext } from './context-dd2312a9.js';
-import { H as HealthToolFormWrapper } from './index-adb833e9.js';
+import './index-aba149d2.js';
+import './utils-09b2c314.js';
+import './index-dffe8a68.js';
+import { C as CardWrapperContext } from './context-f5092e4d.js';
+import { H as HealthToolFormWrapper } from './index-bead7afc.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-220885fc.js → index-9438deeb.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-6f612ec9.js';
+import { T as Text } from './index-8524e45a.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-fc093818.js';
+import { M as MediaQueries } from './utils-09b2c314.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-5123b0e4.js';
-import { R as Radio$1 } from './index-1f7a58b2.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-3987292b.js';
-import { T as Text$1 } from './index-357f1656.js';
+import { S as ShapedArrowDown } from './index-3d95de81.js';
+import { R as Radio$1 } from './index-4fac9351.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-850564cb.js';
+import { T as Text$1 } from './index-9043274c.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-c21d9f90.js';
-import { C as Close } from './Close-e8a99ce8.js';
-import { u as useTranslations } from './index-51d0c46f.js';
+import { H as Heading } from './index-a2c49331.js';
+import { C as Close } from './Close-4f337299.js';
+import { u as useTranslations } from './index-540292e6.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-7319463a.js → index-9d53a66c.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3987292b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-850564cb.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-00efecce.js';
-import { L as Loading } from './index-4ef2d1e7.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-49cd332f.js';
+import { T as Tabs } from './index-dffe8a68.js';
+import { L as Loading } from './index-cd250c7a.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-7954fc49.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-b59ee166.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-bf977823.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-c48d3865.js';
-import { I as ImageWrap } from './index-7e60ad06.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-c8d001a5.js';
-import { S as SocialType } from './index-903668e3.js';
-import { u as useTranslations } from './index-51d0c46f.js';
+import { C as CommonGAssets } from './index-8db0b932.js';
+import { I as ImageWrap } from './index-0056c578.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-18ec8dc2.js';
+import { S as SocialType } from './index-d5dd38ed.js';
+import { u as useTranslations } from './index-540292e6.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-1f7a58b2.js';
+import { A as Anchor$1 } from './index-4fac9351.js';
 import '@mantine/dates';
-import './index-cea13133.js';
-import './index-b678ebfc.js';
-import { T as Text } from './index-6f612ec9.js';
-import { B as Button } from './index-f5c37b6e.js';
-import './index-3988df7a.js';
-import './index.styles-addd7d68.js';
+import './index-3121b76a.js';
+import './index-aba149d2.js';
+import { T as Text } from './index-8524e45a.js';
+import { B as Button } from './index-8f8c7974.js';
+import './index-1d21ada3.js';
+import './index.styles-4f5cbf4a.js';
 import '@mantine/hooks';
-import './utils-fc093818.js';
+import './utils-09b2c314.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-7ec83fda.js';
-import { B as Button$1 } from './index-112ec757.js';
-import './translationsContext-90330e54.js';
+import { d as decodeMention, b as decodePostUrl } from './post-0e0fb375.js';
+import { B as Button$1 } from './index-cb3ceb1e.js';
+import './translationsContext-b103bad6.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-b137406a.js → index-a0336be1.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-3987292b.js';
+import { _ as __rest } from './tslib.es6-850564cb.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-fc093818.js';
+import { M as MediaQueries } from './utils-09b2c314.js';
 
 const StyledInput = styled.div `
   position: relative;