@hhgtech/hhg-components 1.29.412-beta-8 → 1.29.413

package/build/esm/{index-8e8c5a9e.js → index-b702de5f.js}

@@ -1,22 +1,22 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-11102b31.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b72daa1a.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 { Autocomplete, Image, ActionIcon, Select as Select$1, createStyles, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, Popover as Popover$1, rem, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-6f3e4010.js';
-import { u as useScreenSize, I as ImageWrap } from './index-80b0a850.js';
+import { C as CommonGAssets } from './index-3794729d.js';
+import { u as useScreenSize, I as ImageWrap } from './index-21bfbdb2.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-14b4cee5.js';
-import { t as themeColors } from './index-54389cf3.js';
+import { T as Text } from './index-9960902f.js';
+import { t as themeColors } from './index-d7f3892a.js';
 import { theme } from './miscTheme.js';
-import { C as CustomStylesType } from './text-be6e4aed.js';
+import { C as CustomStylesType } from './text-59a87359.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-e97427dd.js';
+import { a as useUniqueId } from './useUniqueId-fc5768de.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-a26b8a5f.js';
+import { B as Button } from './index-6ab41b81.js';
 
 const Select = forwardRef((_a, ref) => {
     var { keepSearch = false } = _a, props = __rest(_a, ["keepSearch"]);
@@ -139,7 +139,7 @@ const StyledCarousel = styled(Carousel) `
   }
 `;
 
-var useStyles$3 = createStyles((_theme, _params) => {
+var useStyles$1 = createStyles((_theme, _params) => {
     return {
         root: {
             color: _params.color ||
@@ -152,7 +152,7 @@ var useStyles$3 = createStyles((_theme, _params) => {
 
 const Anchor = (_a) => {
     var { color, styles, className } = _a, rest = __rest(_a, ["color", "styles", "className"]);
-    const { classes, cx } = useStyles$3({ color }, { name: 'Anchor', styles });
+    const { classes, cx } = useStyles$1({ color }, { name: 'Anchor', styles });
     return React__default.createElement(Text, Object.assign({ as: "a", className: cx(classes.root, className) }, rest));
 };
 
@@ -514,111 +514,91 @@ const CheckboxWithState = (_a) => {
         React__default.createElement("path", { d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16", stroke: "#ADB3BC", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
 };
 
-var useStyles$2 = createStyles((theme, params) => {
-    const { color, customStylesType } = params || {};
-    const isLeadgenStyle = customStylesType === CustomStylesType.LEADGEN;
-    return {
-        input: Object.assign({ '&:hover': {
-                border: `1px solid ${color}`,
-            } }, (isLeadgenStyle && {
-            marginTop: 2,
-            borderRadius: '50%',
-            '&,&:hover': {
-                border: 0,
-            },
-            '& ~ [data-icon]': {
-                opacity: 0,
-            },
-            '& ~ [data-default]': {
-                opacity: 1,
-            },
-            '&:hover': {
-                '& ~ [data-icon]': {
-                    opacity: 0,
-                },
-                '& ~ [data-hover]': {
-                    opacity: 1,
+const CheckboxWrapper = (_a) => {
+    var { color = 'blue', label, size: sizeProp, styles } = _a, props = __rest(_a, ["color", "label", "size", "styles"]);
+    const theme = useMantineTheme();
+    const hexColor = useMemo(() => {
+        var _a, _b;
+        return ((color === null || color === void 0 ? void 0 : color.includes('.'))
+            ? (_a = theme.colors[color.split('.')[0]]) === null || _a === void 0 ? void 0 : _a[color.split('.')[1]]
+            : (_b = theme.colors[color]) === null || _b === void 0 ? void 0 : _b[theme.primaryShade || 6]) ||
+            theme.colors.blue[6];
+    }, [color]);
+    const isLeadgenStyle = theme.other.customStyleType === CustomStylesType.LEADGEN;
+    const size = isLeadgenStyle ? 20 : sizeProp;
+    return (React__default.createElement(Checkbox$1, Object.assign({ color: color, size: size, label: isLeadgenStyle ? (React__default.createElement(Text, { size: "p2", color: theme.colors.gray[8] }, label)) : (label), icon: isLeadgenStyle
+            ? (_a) => {
+                var rest = __rest(_a, []);
+                return (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement(CheckboxWithState, Object.assign({ "data-icon": "true", "data-default": "true", size: size }, rest)),
+                    React__default.createElement(CheckboxWithState, Object.assign({ "data-icon": "true", "data-hover": "true", isActive: true, size: size }, rest)),
+                    React__default.createElement(CheckboxWithState, Object.assign({ "data-icon": "true", "data-checked": "true", isSolid: true, size: size }, rest))));
+            }
+            : undefined, styles: Object.assign({ input: Object.assign({ '&:hover': {
+                    border: `1px solid ${hexColor}`,
+                } }, (isLeadgenStyle && {
+                marginTop: 2,
+                borderRadius: '50%',
+                '&,&:hover': {
+                    border: 0,
                 },
-            },
-            '&:checked': {
                 '& ~ [data-icon]': {
                     opacity: 0,
                 },
-                '& ~ [data-checked]': {
+                '& ~ [data-default]': {
                     opacity: 1,
                 },
                 '&:hover': {
                     '& ~ [data-icon]': {
                         opacity: 0,
                     },
-                    '& ~ [data-checked]': {
+                    '& ~ [data-hover]': {
                         opacity: 1,
                     },
                 },
-            },
-            '&, &:hover, &:checked': {
-                backgroundColor: 'transparent',
-                borderColor: 'transparent',
-                '& ~ svg': {
-                    width: '100%',
-                    transform: 'none',
-                    transition: 'opacity 0.2s ease',
-                },
-            },
-            [theme.fn.smallerThan('sm')]: {
-                '&:hover': {
+                '&:checked': {
                     '& ~ [data-icon]': {
                         opacity: 0,
                     },
-                    '& ~ [data-default]': {
+                    '& ~ [data-checked]': {
                         opacity: 1,
                     },
+                    '&:hover': {
+                        '& ~ [data-icon]': {
+                            opacity: 0,
+                        },
+                        '& ~ [data-checked]': {
+                            opacity: 1,
+                        },
+                    },
                 },
-            },
-        })),
-        label: Object.assign({}, (isLeadgenStyle && {
-            paddingLeft: 8,
-        })),
-        body: Object.assign({}, (isLeadgenStyle && {
-            alignItems: 'flex-start',
-        })),
-        inner: Object.assign({}, (isLeadgenStyle && {
-            paddingTop: 2,
-            height: 24,
-        })),
-    };
-});
-
-const CheckboxWrapper = (_a) => {
-    var { color = 'blue', label, size: sizeProp } = _a, props = __rest(_a, ["color", "label", "size"]);
-    const theme = useMantineTheme();
-    const hexColor = useMemo(() => {
-        var _a, _b;
-        return ((color === null || color === void 0 ? void 0 : color.includes('.'))
-            ? (_a = theme.colors[color.split('.')[0]]) === null || _a === void 0 ? void 0 : _a[color.split('.')[1]]
-            : (_b = theme.colors[color]) === null || _b === void 0 ? void 0 : _b[theme.primaryShade || 6]) ||
-            theme.colors.blue[6];
-    }, [color]);
-    const { classes } = useStyles$2({
-        color: hexColor,
-        customStylesType: theme.other.customStyleType || CustomStylesType.NONE,
-    });
-    const isLeadgenStyle = theme.other.customStyleType === CustomStylesType.LEADGEN;
-    const size = isLeadgenStyle ? 20 : sizeProp;
-    return (React__default.createElement(Checkbox$1, Object.assign({ classNames: {
-            input: classes.input,
-            label: classes.label,
-            body: classes.body,
-            inner: classes.inner,
-        }, color: color, size: size, label: isLeadgenStyle ? (React__default.createElement(Text, { size: "p2", color: theme.colors.gray[8] }, label)) : (label), icon: isLeadgenStyle
-            ? (_a) => {
-                var rest = __rest(_a, []);
-                return (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement(CheckboxWithState, Object.assign({ "data-icon": "true", "data-default": "true", size: size }, rest)),
-                    React__default.createElement(CheckboxWithState, Object.assign({ "data-icon": "true", "data-hover": "true", isActive: true, size: size }, rest)),
-                    React__default.createElement(CheckboxWithState, Object.assign({ "data-icon": "true", "data-checked": "true", isSolid: true, size: size }, rest))));
-            }
-            : undefined }, props)));
+                '&, &:hover, &:checked': {
+                    backgroundColor: 'transparent',
+                    borderColor: 'transparent',
+                    '& ~ svg': {
+                        width: '100%',
+                        transform: 'none',
+                        transition: 'opacity 0.2s ease',
+                    },
+                },
+                [theme.fn.smallerThan('sm')]: {
+                    '&:hover': {
+                        '& ~ [data-icon]': {
+                            opacity: 0,
+                        },
+                        '& ~ [data-default]': {
+                            opacity: 1,
+                        },
+                    },
+                },
+            })), label: Object.assign({}, (isLeadgenStyle && {
+                paddingLeft: 8,
+            })), body: Object.assign({}, (isLeadgenStyle && {
+                alignItems: 'flex-start',
+            })), inner: Object.assign({}, (isLeadgenStyle && {
+                paddingTop: 2,
+                height: 24,
+            })) }, styles) }, props)));
 };
 const Checkbox = CheckboxWrapper;
 Checkbox.Group = Checkbox$1.Group;
@@ -688,112 +668,95 @@ const RadioWithState = (_a) => {
         React__default.createElement("path", { d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16", stroke: "#ADB3BC", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
 };
 
-var useStyles$1 = createStyles((theme, params) => {
-    const { color, customStylesType } = params || {};
-    const isLeadgenStyle = customStylesType === CustomStylesType.LEADGEN;
-    return {
-        radio: Object.assign(Object.assign({ '&:hover, &:checked': {
-                border: `1px solid ${color}`,
-            }, '&:checked + .___ref-icon': {
-                top: '50%',
-                left: '50%',
-                transform: 'scale(1) translate(-50%, -50%)',
-            } }, (isLeadgenStyle && {
-            marginTop: 2,
-            borderRadius: '50%',
-            '&,&:hover': {
-                border: 0,
-            },
-            '& ~ [data-icon]': {
-                opacity: 0,
-            },
-            '& ~ [data-default]': {
-                opacity: 1,
-            },
-            '&:hover': {
-                '& ~ [data-icon]': {
-                    opacity: 0,
-                },
-                '& ~ [data-hover]': {
-                    opacity: 1,
+const RadioWrapper = (_a) => {
+    var { color, label, size: sizeProp, styles } = _a, props = __rest(_a, ["color", "label", "size", "styles"]);
+    const theme = useMantineTheme();
+    const hexColor = useMemo(() => {
+        var _a, _b;
+        return ((color === null || color === void 0 ? void 0 : color.includes('.'))
+            ? (_a = theme.colors[color.split('.')[0]]) === null || _a === void 0 ? void 0 : _a[color.split('.')[1]]
+            : (_b = theme.colors[color]) === null || _b === void 0 ? void 0 : _b[theme.primaryShade || 6]) ||
+            theme.fn.primaryColor();
+    }, [color]);
+    const isLeadgenStyle = theme.other.customStyleType === CustomStylesType.LEADGEN;
+    const size = isLeadgenStyle ? 20 : sizeProp;
+    return (React__default.createElement(Radio$1, Object.assign({ label: isLeadgenStyle ? (React__default.createElement(Text, { size: "p2", color: theme.colors.gray[8] }, label)) : (label), size: size, icon: isLeadgenStyle
+            ? (_a) => {
+                var rest = __rest(_a, []);
+                return (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement(RadioWithState, Object.assign({ "data-icon": "true", "data-default": "true", size: size }, rest)),
+                    React__default.createElement(RadioWithState, Object.assign({ "data-icon": "true", "data-hover": "true", isActive: true, size: size }, rest)),
+                    React__default.createElement(RadioWithState, Object.assign({ "data-icon": "true", "data-checked": "true", isSolid: true, size: size }, rest))));
+            }
+            : undefined, styles: Object.assign({ radio: Object.assign({ '&:hover, &:checked': {
+                    border: `1px solid ${hexColor}`,
+                }, '&:checked + .___ref-icon': {
+                    top: '50%',
+                    left: '50%',
+                    transform: 'scale(1) translate(-50%, -50%)',
+                } }, (isLeadgenStyle && {
+                marginTop: 2,
+                borderRadius: '50%',
+                '&,&:hover': {
+                    border: 0,
                 },
-            },
-            '&:checked': {
                 '& ~ [data-icon]': {
                     opacity: 0,
                 },
-                '& ~ [data-checked]': {
+                '& ~ [data-default]': {
                     opacity: 1,
                 },
                 '&:hover': {
                     '& ~ [data-icon]': {
                         opacity: 0,
                     },
-                    '& ~ [data-checked]': {
+                    '& ~ [data-hover]': {
                         opacity: 1,
                     },
                 },
-            },
-            '&, &:hover, &:checked': {
-                backgroundColor: 'transparent',
-                borderColor: 'transparent',
-                '& ~ svg': {
-                    position: 'absolute',
-                    width: '100%',
-                    transform: 'none',
-                    transition: 'opacity 0.2s ease',
-                    top: 2,
-                    left: 0,
-                },
-            },
-        })), { [theme.fn.smallerThan('sm')]: {
-                '&:hover': {
+                '&:checked': {
                     '& ~ [data-icon]': {
                         opacity: 0,
                     },
-                    '& ~ [data-default]': {
+                    '& ~ [data-checked]': {
                         opacity: 1,
                     },
+                    '&:hover': {
+                        '& ~ [data-icon]': {
+                            opacity: 0,
+                        },
+                        '& ~ [data-checked]': {
+                            opacity: 1,
+                        },
+                    },
                 },
-            } }),
-        icon: {
-            color: `${color}`,
-        },
-        label: Object.assign({}, (isLeadgenStyle && {
-            paddingLeft: 8,
-        })),
-    };
-});
-
-const RadioWrapper = (_a) => {
-    var { color, label, size: sizeProp } = _a, props = __rest(_a, ["color", "label", "size"]);
-    const theme = useMantineTheme();
-    const hexColor = useMemo(() => {
-        var _a, _b;
-        return ((color === null || color === void 0 ? void 0 : color.includes('.'))
-            ? (_a = theme.colors[color.split('.')[0]]) === null || _a === void 0 ? void 0 : _a[color.split('.')[1]]
-            : (_b = theme.colors[color]) === null || _b === void 0 ? void 0 : _b[theme.primaryShade || 6]) ||
-            theme.fn.primaryColor();
-    }, [color]);
-    const isLeadgenStyle = theme.other.customStyleType === CustomStylesType.LEADGEN;
-    const size = isLeadgenStyle ? 20 : sizeProp;
-    const { classes } = useStyles$1({
-        color: hexColor,
-        customStylesType: theme.other.customStyleType || CustomStylesType.NONE,
-    });
-    return (React__default.createElement(Radio$1, Object.assign({ classNames: {
-            radio: classes.radio,
-            icon: classes.icon,
-            label: classes.label,
-        }, label: isLeadgenStyle ? (React__default.createElement(Text, { size: "p2", color: theme.colors.gray[8] }, label)) : (label), size: size, icon: isLeadgenStyle
-            ? (_a) => {
-                var rest = __rest(_a, []);
-                return (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement(RadioWithState, Object.assign({ "data-icon": "true", "data-default": "true", size: size }, rest)),
-                    React__default.createElement(RadioWithState, Object.assign({ "data-icon": "true", "data-hover": "true", isActive: true, size: size }, rest)),
-                    React__default.createElement(RadioWithState, Object.assign({ "data-icon": "true", "data-checked": "true", isSolid: true, size: size }, rest))));
-            }
-            : undefined }, props)));
+                '&, &:hover, &:checked': {
+                    backgroundColor: 'transparent',
+                    borderColor: 'transparent',
+                    '& ~ svg': {
+                        position: 'absolute',
+                        width: '100%',
+                        transform: 'none',
+                        transition: 'opacity 0.2s ease',
+                        top: 2,
+                        left: 0,
+                    },
+                },
+                [theme.fn.smallerThan('sm')]: {
+                    '&:hover': {
+                        '& ~ [data-icon]': {
+                            opacity: 0,
+                        },
+                        '& ~ [data-default]': {
+                            opacity: 1,
+                        },
+                    },
+                },
+            })), icon: {
+                color: hexColor,
+            }, label: Object.assign({}, (isLeadgenStyle && {
+                paddingLeft: 8,
+            })) }, styles) }, props)));
 };
 const Radio = RadioWrapper;
 Radio.Group = Radio$1.Group;

package/build/esm/{index-6dafd443.js → index-b830090f.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-80310216.js';
-import { H as Heading } from './index-a4162648.js';
-import { T as Text } from './index-14b4cee5.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-74bbb259.js';
+import { B as Button } from './index-62662de6.js';
+import { H as Heading } from './index-f934f5f1.js';
+import { T as Text } from './index-9960902f.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-153f2f04.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-a637805a.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-b4ba8268.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-11102b31.js';
-import { I as Input } from './index-10a95428.js';
-import { u as useTranslations } from './index-585d6722.js';
-import { e as formatComment } from './dataTransform-5067fd5c.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-5ef0ba25.js';
+import { a as __awaiter } from './tslib.es6-b72daa1a.js';
+import { I as Input } from './index-efbab58a.js';
+import { u as useTranslations } from './index-ffd8a900.js';
+import { e as formatComment } from './dataTransform-dc6a21e7.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-e30aa64e.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-48cc796c.js';
-import { C as CardLink } from './index-6be392d2.js';
-import { L as Loading } from './index-75d1d017.js';
-import { U as UserAvatar } from './index-4f8229cf.js';
-import { R as RichTextEditor } from './editor-13496dc6.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-8361eda3.js';
+import { C as CardLink } from './index-64ed9d82.js';
+import { L as Loading } from './index-074a166c.js';
+import { U as UserAvatar } from './index-ec51c679.js';
+import { R as RichTextEditor } from './editor-69425869.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-3fc65d8b.js';
-import { C as CloseIcon } from './index-ced83c10.js';
+import { P as Popup } from './index-645d2dff.js';
+import { C as CloseIcon } from './index-86f792fe.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-29772ba4.js → index-bb3d787e.js}

@@ -1,41 +1,41 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-6f3e4010.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-a637805a.js';
-import { G as GA_TOKEN_COOKIE } from './index-3f46807c.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-f9e64cd4.js';
+import { C as CommonGAssets } from './index-3794729d.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-b4ba8268.js';
+import { G as GA_TOKEN_COOKIE } from './index-ff6e9582.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-1a21b12d.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-11102b31.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8cd47c51.js';
-import { I as ImageWrap } from './index-80b0a850.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-3d605556.js';
-import { u as useTranslations } from './index-585d6722.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b72daa1a.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-c778da5f.js';
+import { I as ImageWrap } from './index-21bfbdb2.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-384bc1f9.js';
+import { u as useTranslations } from './index-ffd8a900.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, e as ChipButton, I as Input, b as AspectRatio$1 } from './index-8e8c5a9e.js';
+import { d as Checkbox, e as ChipButton, I as Input, b as AspectRatio$1 } from './index-b702de5f.js';
 import '@mantine/dates';
-import './index-75fce3bb.js';
-import { t as themeColors } from './index-54389cf3.js';
-import { T as Text } from './index-14b4cee5.js';
-import { B as Button } from './index-a26b8a5f.js';
-import './index.styles-166ce722.js';
+import './index-cb3e9043.js';
+import { t as themeColors } from './index-d7f3892a.js';
+import { T as Text } from './index-9960902f.js';
+import { B as Button } from './index-6ab41b81.js';
+import './index.styles-15ba3038.js';
 import { useViewportSize } from '@mantine/hooks';
-import './text-be6e4aed.js';
-import './utils-74bbb259.js';
-import './index-2f6f4c5d.js';
+import './text-59a87359.js';
+import './utils-153f2f04.js';
+import './index-6a698aee.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-5d78293a.js';
-import { H as Heading } from './index-a4162648.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-e17ad3b7.js';
-import { I as Icon } from './index-16f5d17b.js';
+import './translationsContext-686297cf.js';
+import { H as Heading } from './index-f934f5f1.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-4b607fc6.js';
+import { I as Icon } from './index-15308963.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-00992c0c.js';
-import { M as Modal } from './index-d64eb06f.js';
+import { i as isVideo } from './index-236b4486.js';
+import { M as Modal } from './index-725dcbe8.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-11cdb7de.js';
+import { L as LOCALE } from './Locale-c6602a1d.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-9ff0cf43.js → index-bc1dbe41.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-16f5d17b.js';
-import { u as useTranslations } from './index-585d6722.js';
+import { I as Icon } from './index-15308963.js';
+import { u as useTranslations } from './index-ffd8a900.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-2399a013.js → index-c1d5dcb6.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-11102b31.js';
+import { _ as __rest } from './tslib.es6-b72daa1a.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-8e8c5a9e.js';
-import { D as DatePicker } from './index-76afc39f.js';
-import { T as Text } from './index-14b4cee5.js';
-import './index-a26b8a5f.js';
-import './index.styles-166ce722.js';
-import { u as useTranslations } from './index-585d6722.js';
+import { I as Input } from './index-b702de5f.js';
+import { D as DatePicker } from './index-e8332e04.js';
+import { T as Text } from './index-9960902f.js';
+import './index-6ab41b81.js';
+import './index.styles-15ba3038.js';
+import { u as useTranslations } from './index-ffd8a900.js';
 import '@mantine/hooks';
-import './index-54389cf3.js';
-import './text-be6e4aed.js';
-import './utils-74bbb259.js';
-import './index-2f6f4c5d.js';
-import { I as INPUT_RANGE } from './constants-3dee60cc.js';
-import { H as HealthToolFormWrapper } from './index-03081934.js';
-import { G as GenderOptionControl } from './index-8ab7bb86.js';
-import { L as LOCALE } from './Locale-11cdb7de.js';
+import './index-d7f3892a.js';
+import './text-59a87359.js';
+import './utils-153f2f04.js';
+import './index-6a698aee.js';
+import { I as INPUT_RANGE } from './constants-522b9ea7.js';
+import { H as HealthToolFormWrapper } from './index-2286e68a.js';
+import { G as GenderOptionControl } from './index-30ff6c50.js';
+import { L as LOCALE } from './Locale-c6602a1d.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-3b33b40f.js → index-c96990d7.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-80b0a850.js';
+import { I as ImageWrap } from './index-21bfbdb2.js';
 
 const StyledAvatar = styled.div `
   background-color: var(--background-color, transparent);

package/build/esm/{index-75fce3bb.js → index-cb3e9043.js}

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

package/build/esm/{index-979d2c03.js → index-cf82878a.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-11102b31.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b72daa1a.js';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-8a66d20e.js';
-import { a as Avatar } from './index-8e8c5a9e.js';
-import { B as Button } from './index-a26b8a5f.js';
-import { T as Text } from './index-14b4cee5.js';
-import { u as useTranslations } from './index-585d6722.js';
-import { C as CommonGAssets } from './index-6f3e4010.js';
+import { S as Spinner } from './Spinner-f7f06e85.js';
+import { a as Avatar } from './index-b702de5f.js';
+import { B as Button } from './index-6ab41b81.js';
+import { T as Text } from './index-9960902f.js';
+import { u as useTranslations } from './index-ffd8a900.js';
+import { C as CommonGAssets } from './index-3794729d.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-74bbb259.js';
+import { M as MediaQueries } from './utils-153f2f04.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import cn from 'classnames';
-import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES } from './index-3f46807c.js';
-import { i as domainLocalesMarryBaby } from './utils-a637805a.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-3d605556.js';
+import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES } from './index-ff6e9582.js';
+import { i as domainLocalesMarryBaby } from './utils-b4ba8268.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-384bc1f9.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';