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

package/build/esm/{index-a1d0bd40.js → index-737cabd1.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-f1a4f11c.js';
+import { _ as __rest } from './tslib.es6-11102b31.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-2074c7ba.js';
-import { D as DatePicker } from './index-909d40b6.js';
-import './index-f62e510f.js';
-import './index-d18e0057.js';
-import './index.styles-8d4538bf.js';
-import { u as useTranslations } from './index-68bde142.js';
+import './index-8e8c5a9e.js';
+import { D as DatePicker } from './index-76afc39f.js';
+import './index-14b4cee5.js';
+import './index-a26b8a5f.js';
+import './index.styles-166ce722.js';
+import { u as useTranslations } from './index-585d6722.js';
 import '@mantine/hooks';
-import './index-f960af36.js';
-import './text-ce5af37f.js';
-import './utils-a5bf6ea7.js';
-import './index-b54611c2.js';
-import { H as HealthToolFormWrapper } from './index-5a2a78e7.js';
-import { G as GenderOptionControl } from './index-cd5aa550.js';
+import './index-54389cf3.js';
+import './text-be6e4aed.js';
+import './utils-74bbb259.js';
+import './index-2f6f4c5d.js';
+import { H as HealthToolFormWrapper } from './index-03081934.js';
+import { G as GenderOptionControl } from './index-8ab7bb86.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-3db9295b.js → index-75d1d017.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-a56d9a6c.js';
-import { u as useTranslations } from './index-68bde142.js';
+import { B as Button } from './index-80310216.js';
+import { u as useTranslations } from './index-585d6722.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

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

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

package/build/esm/{index-909d40b6.js → index-76afc39f.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-f1a4f11c.js';
+import { _ as __rest } from './tslib.es6-11102b31.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-f06150b8.js';
-import './index-39647ae1.js';
-import { C as CommonGAssets } from './index-e487f901.js';
-import { M as MAPPED_LOCALE } from './index-f960af36.js';
-import { L as LOCALE } from './Locale-4cdc7357.js';
+import { I as ISO_FORMAT } from './index-3f46807c.js';
+import './index-75fce3bb.js';
+import { C as CommonGAssets } from './index-6f3e4010.js';
+import { M as MAPPED_LOCALE } from './index-54389cf3.js';
+import { L as LOCALE } from './Locale-11cdb7de.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-95ebbaf1.js → index-7f20bb1a.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-f1a4f11c.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-11102b31.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-2074c7ba.js';
+import { I as Input, S as Select } from './index-8e8c5a9e.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-f06150b8.js';
-import './index-39647ae1.js';
-import './index-e487f901.js';
-import './index-f960af36.js';
-import './index-f62e510f.js';
-import './index-d18e0057.js';
-import './index.styles-8d4538bf.js';
-import { u as useTranslations } from './index-68bde142.js';
+import { C as CDN_ADDRESS } from './index-3f46807c.js';
+import './index-75fce3bb.js';
+import './index-6f3e4010.js';
+import './index-54389cf3.js';
+import './index-14b4cee5.js';
+import './index-a26b8a5f.js';
+import './index.styles-166ce722.js';
+import { u as useTranslations } from './index-585d6722.js';
 import '@mantine/hooks';
-import './text-ce5af37f.js';
-import './utils-a5bf6ea7.js';
-import './index-b54611c2.js';
-import { M as MAPPED_LOCALE } from './utils-f0e801fd.js';
-import { L as LOCALE } from './Locale-4cdc7357.js';
+import './text-be6e4aed.js';
+import './utils-74bbb259.js';
+import './index-2f6f4c5d.js';
+import { M as MAPPED_LOCALE } from './utils-95958c71.js';
+import { L as LOCALE } from './Locale-11cdb7de.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-a56d9a6c.js → index-80310216.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-f1a4f11c.js';
+import { _ as __rest } from './tslib.es6-11102b31.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-d18e0057.js';
+import { B as Button$1 } from './index-a26b8a5f.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-10723441.js → index-80b0a850.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-a5bf6ea7.js';
-import { _ as __rest } from './tslib.es6-f1a4f11c.js';
+import { B as Breakpoints } from './utils-74bbb259.js';
+import { _ as __rest } from './tslib.es6-11102b31.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-cd5aa550.js → index-8ab7bb86.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-f1a4f11c.js';
+import { _ as __rest } from './tslib.es6-11102b31.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-2074c7ba.js';
+import { R as Radio } from './index-8e8c5a9e.js';
 import '@mantine/dates';
-import './index-f06150b8.js';
-import './index-39647ae1.js';
-import { C as CommonGAssets } from './index-e487f901.js';
-import './index-f960af36.js';
-import { T as Text } from './index-f62e510f.js';
-import './index-d18e0057.js';
-import './index.styles-8d4538bf.js';
-import { u as useTranslations } from './index-68bde142.js';
+import './index-3f46807c.js';
+import './index-75fce3bb.js';
+import { C as CommonGAssets } from './index-6f3e4010.js';
+import './index-54389cf3.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 '@mantine/hooks';
-import './text-ce5af37f.js';
-import './utils-a5bf6ea7.js';
-import './index-b54611c2.js';
+import './text-be6e4aed.js';
+import './utils-74bbb259.js';
+import './index-2f6f4c5d.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-997a2cbe.js → index-8c3bb157.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-073632d3.js';
-import { T as Text } from './index-27e0870c.js';
+import { M as MarryBabyText } from './index-59cc220d.js';
+import { T as Text } from './index-2642ce8e.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

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

@@ -1,22 +1,22 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-f1a4f11c.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-11102b31.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-e487f901.js';
-import { u as useScreenSize, I as ImageWrap } from './index-10723441.js';
+import { C as CommonGAssets } from './index-6f3e4010.js';
+import { u as useScreenSize, I as ImageWrap } from './index-80b0a850.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-f62e510f.js';
-import { t as themeColors } from './index-f960af36.js';
+import { T as Text } from './index-14b4cee5.js';
+import { t as themeColors } from './index-54389cf3.js';
 import { theme } from './miscTheme.js';
-import { C as CustomStylesType } from './text-ce5af37f.js';
+import { C as CustomStylesType } from './text-be6e4aed.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-8ec13a08.js';
+import { a as useUniqueId } from './useUniqueId-e97427dd.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-d18e0057.js';
+import { B as Button } from './index-a26b8a5f.js';
 
 const Select = forwardRef((_a, ref) => {
     var { keepSearch = false } = _a, props = __rest(_a, ["keepSearch"]);
@@ -139,7 +139,7 @@ const StyledCarousel = styled(Carousel) `
   }
 `;
 
-var useStyles$2 = createStyles((_theme, _params) => {
+var useStyles$3 = createStyles((_theme, _params) => {
     return {
         root: {
             color: _params.color ||
@@ -152,7 +152,7 @@ var useStyles$2 = createStyles((_theme, _params) => {
 
 const Anchor = (_a) => {
     var { color, styles, className } = _a, rest = __rest(_a, ["color", "styles", "className"]);
-    const { classes, cx } = useStyles$2({ color }, { name: 'Anchor', styles });
+    const { classes, cx } = useStyles$3({ color }, { name: 'Anchor', styles });
     return React__default.createElement(Text, Object.assign({ as: "a", className: cx(classes.root, className) }, rest));
 };
 
@@ -514,7 +514,7 @@ 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$1 = createStyles((theme, params) => {
+var useStyles$2 = createStyles((theme, params) => {
     const { color, customStylesType } = params || {};
     const isLeadgenStyle = customStylesType === CustomStylesType.LEADGEN;
     return {
@@ -565,16 +565,27 @@ var useStyles$1 = createStyles((theme, params) => {
                     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: {
+        body: Object.assign({}, (isLeadgenStyle && {
             alignItems: 'flex-start',
-        },
-        inner: {
+        })),
+        inner: Object.assign({}, (isLeadgenStyle && {
             paddingTop: 2,
-        },
+            height: 24,
+        })),
     };
 });
 
@@ -588,12 +599,12 @@ const CheckboxWrapper = (_a) => {
             : (_b = theme.colors[color]) === null || _b === void 0 ? void 0 : _b[theme.primaryShade || 6]) ||
             theme.colors.blue[6];
     }, [color]);
-    const { classes } = useStyles$1({
+    const { classes } = useStyles$2({
         color: hexColor,
         customStylesType: theme.other.customStyleType || CustomStylesType.NONE,
     });
     const isLeadgenStyle = theme.other.customStyleType === CustomStylesType.LEADGEN;
-    const size = sizeProp || (isLeadgenStyle ? 20 : undefined);
+    const size = isLeadgenStyle ? 20 : sizeProp;
     return (React__default.createElement(Checkbox$1, Object.assign({ classNames: {
             input: classes.input,
             label: classes.label,
@@ -667,8 +678,95 @@ const StyledSliderWrapper = styled.div `
   }
 `;
 
+const RadioWithState = (_a) => {
+    var { size = 24, isSolid, isActive } = _a, rest = __rest(_a, ["size", "isSolid", "isActive"]);
+    return isSolid ? (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("path", { d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+        React__default.createElement("circle", { cx: "10", cy: "10", r: "4", fill: "#2D87F3" }))) : isActive ? (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("path", { d: "M10 1a9 9 0 1 1 0 18 9 9 0 0 1 0-18", stroke: "#BCDEFF", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+        React__default.createElement("path", { d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))) : (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        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,
+                },
+            },
+            '&:checked': {
+                '& ~ [data-icon]': {
+                    opacity: 0,
+                },
+                '& ~ [data-checked]': {
+                    opacity: 1,
+                },
+                '&:hover': {
+                    '& ~ [data-icon]': {
+                        opacity: 0,
+                    },
+                    '& ~ [data-checked]': {
+                        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': {
+                    '& ~ [data-icon]': {
+                        opacity: 0,
+                    },
+                    '& ~ [data-default]': {
+                        opacity: 1,
+                    },
+                },
+            } }),
+        icon: {
+            color: `${color}`,
+        },
+        label: Object.assign({}, (isLeadgenStyle && {
+            paddingLeft: 8,
+        })),
+    };
+});
+
 const RadioWrapper = (_a) => {
-    var { styles, color } = _a, props = __rest(_a, ["styles", "color"]);
+    var { color, label, size: sizeProp } = _a, props = __rest(_a, ["color", "label", "size"]);
     const theme = useMantineTheme();
     const hexColor = useMemo(() => {
         var _a, _b;
@@ -677,18 +775,25 @@ const RadioWrapper = (_a) => {
             : (_b = theme.colors[color]) === null || _b === void 0 ? void 0 : _b[theme.primaryShade || 6]) ||
             theme.fn.primaryColor();
     }, [color]);
-    return (React__default.createElement(Radio$1, Object.assign({ styles: Object.assign({ radio: {
-                '&:hover, &:checked': {
-                    border: `1px solid ${hexColor}`,
-                },
-                '&:checked + .___ref-icon': {
-                    top: '50%',
-                    left: '50%',
-                    transform: 'scale(1) translate(-50%, -50%)',
-                },
-            }, icon: {
-                color: `${hexColor}`,
-            } }, styles), color: color }, props)));
+    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)));
 };
 const Radio = RadioWrapper;
 Radio.Group = Radio$1.Group;

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

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-f1a4f11c.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-11102b31.js';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-d9251e24.js';
-import { a as Avatar } from './index-2074c7ba.js';
-import { B as Button } from './index-d18e0057.js';
-import { T as Text } from './index-f62e510f.js';
-import { u as useTranslations } from './index-68bde142.js';
-import { C as CommonGAssets } from './index-e487f901.js';
+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 { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-a5bf6ea7.js';
+import { M as MediaQueries } from './utils-74bbb259.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-f06150b8.js';
-import { i as domainLocalesMarryBaby } from './utils-543c1a33.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-c2d01fc2.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-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 { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-8665f43a.js → index-985e9ebc.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-f1a4f11c.js';
+import { _ as __rest } from './tslib.es6-11102b31.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-7a43793a.js';
-import { u as useTranslations } from './index-68bde142.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-37c7e76a.js';
-import { I as Input } from './index-2074c7ba.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-e17ad3b7.js';
+import { u as useTranslations } from './index-585d6722.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-5ef0ba25.js';
+import { I as Input } from './index-8e8c5a9e.js';
 import '@mantine/dates';
-import './index-f06150b8.js';
-import './index-39647ae1.js';
-import './index-e487f901.js';
-import './index-f960af36.js';
-import './index-f62e510f.js';
-import './index-d18e0057.js';
-import './index.styles-8d4538bf.js';
+import './index-3f46807c.js';
+import './index-75fce3bb.js';
+import './index-6f3e4010.js';
+import './index-54389cf3.js';
+import './index-14b4cee5.js';
+import './index-a26b8a5f.js';
+import './index.styles-166ce722.js';
 import '@mantine/hooks';
-import './text-ce5af37f.js';
-import './utils-a5bf6ea7.js';
-import './index-b54611c2.js';
-import { H as HealthToolFormWrapper } from './index-5a2a78e7.js';
-import { I as INPUT_RANGE } from './constants-48c7dc72.js';
+import './text-be6e4aed.js';
+import './utils-74bbb259.js';
+import './index-2f6f4c5d.js';
+import { H as HealthToolFormWrapper } from './index-03081934.js';
+import { I as INPUT_RANGE } from './constants-3dee60cc.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

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

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

package/build/esm/{index-d18e0057.js → index-a26b8a5f.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-f1a4f11c.js';
+import { _ as __rest } from './tslib.es6-11102b31.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-64da0157.js';
-import { C as CustomStylesType, F as FontWeight } from './text-ce5af37f.js';
+import { A as ANIMATION_DURATION } from './shared-ebc4437a.js';
+import { C as CustomStylesType, F as FontWeight } from './text-be6e4aed.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-ce8c2d5c.js → index-a4162648.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-f1a4f11c.js';
+import { _ as __rest } from './tslib.es6-11102b31.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-f62e510f.js';
+import { T as Text } from './index-14b4cee5.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-fbbcde92.js → index-a5c319fa.js}

@@ -1,12 +1,12 @@
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { u as useTranslations } from './index-68bde142.js';
+import { u as useTranslations } from './index-585d6722.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-e487f901.js';
-import { e as normalizeLinkSlash, n as normalizeLink } from './normalizeLink-c2d01fc2.js';
+import { C as CommonGAssets } from './index-6f3e4010.js';
+import { e as normalizeLinkSlash, n as normalizeLink } from './normalizeLink-3d605556.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar } from './index-07055a32.js';
-import { b as getTogetherUserPostsApiPath } from './index-bc46a6e1.js';
-import { B as Button } from './index-a56d9a6c.js';
+import { A as Avatar } from './index-3b33b40f.js';
+import { b as getTogetherUserPostsApiPath } from './index-623307f1.js';
+import { B as Button } from './index-80310216.js';
 
 const INTERNAL_CARD_URLS = {
     myBooking: 'booking',