@hhgtech/hhg-components 1.29.521 → 1.29.523-beta-1

package/build/esm/{index-04690731.js → index-54736030.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-4d86d0e7.js';
+import { _ as __rest } from './tslib.es6-71094066.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-a4fbae0b.js';
+import { T as Text } from './index-83b02b8f.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-aea1a57b.js → index-587eefa7.js}

@@ -2,13 +2,13 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-d093633f.js';
-import { T as Text } from './index-a4fbae0b.js';
-import { _ as __rest } from './tslib.es6-4d86d0e7.js';
+import { I as ImageWrap } from './index-0bd5fda7.js';
+import { T as Text } from './index-83b02b8f.js';
+import { _ as __rest } from './tslib.es6-71094066.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-d78703b9.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-163c8d11.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-1b1dfe6d.js';
+import { Z as ZINDEX_SSO } from './index-96163410.js';
 
 /* eslint-disable prettier/prettier */
 const Pin3 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 12", fill: "none" }, props),
@@ -270,6 +270,11 @@ function DrawerBottom(_a) {
             root: {
                 maxHeight: '400px',
             },
+            body: {
+                background: isLinear
+                    ? 'linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 20%)'
+                    : undefined,
+            },
         } }), children));
 }
 

package/build/esm/{index-c2133151.js → index-59bbee5f.js}

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

package/build/esm/{index-8ee69c88.js → index-5adcdebd.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-40776deb.js';
-import { T as Text } from './index-a4fbae0b.js';
+import { C as Container } from './index-7786b353.js';
+import { T as Text } from './index-83b02b8f.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-ac07f853.js → index-5b30c610.js}

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

package/build/esm/{index-40ebbfa8.js → index-5cac955b.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-4d86d0e7.js';
+import { _ as __rest } from './tslib.es6-71094066.js';
 import React__default from 'react';
-import './index-55f5e1ad.js';
+import './index-69a2df43.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-1b1dfe6d.js';
-import './index-075aea53.js';
-import './index-f05a642d.js';
-import './index-317ce468.js';
-import { T as Text$1 } from './index-a4fbae0b.js';
-import './index-1fd9b1a2.js';
-import './index-da56e05f.js';
-import './index.styles-f69f093d.js';
-import './translationsContext-feee9b2c.js';
+import './index-96163410.js';
+import './index-d86951d1.js';
+import './index-fa62b67b.js';
+import './index-b6bafb7e.js';
+import { T as Text$1 } from './index-83b02b8f.js';
+import './index-686ced51.js';
+import './index-6a7e9930.js';
+import './index.styles-346d42ad.js';
+import './translationsContext-5cfb9227.js';
 import '@mantine/hooks';
-import './utils-d14a4831.js';
-import './index-86a781a9.js';
+import './utils-34fafd19.js';
+import './index-f5ab1240.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-00e043c8.js → index-60d8eb40.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-628e7de1.js';
-import { u as useTranslations } from './index-04d422be.js';
+import { I as Icon } from './index-ef574403.js';
+import { u as useTranslations } from './index-a1ae2db3.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-625ae923.js → index-6509932b.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-4d86d0e7.js';
+import { _ as __rest } from './tslib.es6-71094066.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, Box, clsx } from '@mantine/core';
-import './index-55f5e1ad.js';
+import './index-69a2df43.js';
 import '@mantine/dates';
-import './index-1b1dfe6d.js';
-import './index-075aea53.js';
-import './index-f05a642d.js';
-import './index-317ce468.js';
-import { T as Text } from './index-a4fbae0b.js';
-import { B as Button } from './index-1fd9b1a2.js';
-import './index-da56e05f.js';
-import './index.styles-f69f093d.js';
-import { u as useTranslations } from './index-04d422be.js';
+import './index-96163410.js';
+import './index-d86951d1.js';
+import './index-fa62b67b.js';
+import './index-b6bafb7e.js';
+import { T as Text } from './index-83b02b8f.js';
+import { B as Button } from './index-686ced51.js';
+import './index-6a7e9930.js';
+import './index.styles-346d42ad.js';
+import { u as useTranslations } from './index-a1ae2db3.js';
 import '@mantine/hooks';
-import './utils-d14a4831.js';
-import './index-86a781a9.js';
-import { C as CardWrapperContext } from './context-5c7ec5a1.js';
-import { H as HealthToolFormWrapper } from './index-a1bf18c6.js';
+import './utils-34fafd19.js';
+import './index-f5ab1240.js';
+import { C as CardWrapperContext } from './context-3b2f48fb.js';
+import { H as HealthToolFormWrapper } from './index-1801e516.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-274390c7.js → index-65f1a5e8.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-4d86d0e7.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-71094066.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-d55b2554.js';
-import { H as Heading } from './index-04690731.js';
-import { u as useTranslations } from './index-04d422be.js';
+import { B as Button } from './index-a7408f08.js';
+import { H as Heading } from './index-54736030.js';
+import { u as useTranslations } from './index-a1ae2db3.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-5c052886.js';
-import { C as CommonGAssets } from './index-f05a642d.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-ed00cb10.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-e49adc68.js';
+import { C as CommonGAssets } from './index-fa62b67b.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-7dd5dcb2.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-ed85abb5.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-65f7c1fd.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-eb519f0d.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-30927919.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-d14a4831.js';
+import { M as MediaQueries } from './utils-34fafd19.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-364b6f3b.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-4b81fbaf.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-0ef49b17.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-8b77134c.js';
-import { a as ProfileDetail, P as PostContent } from './index-c1f612f4.js';
-import { a as PostImagePreview } from './index-7f614635.js';
-import { S as SocialLinkPreview } from './index-6e1099fa.js';
-import { D as Divider } from './index-6de26f1b.js';
-import './index-1b1dfe6d.js';
+import { C as CardLink } from './index-2f7a54b1.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-ae7ddc34.js';
+import { a as ProfileDetail, P as PostContent } from './index-0e818f68.js';
+import { a as PostImagePreview } from './index-1eae78cf.js';
+import { S as SocialLinkPreview } from './index-b170cc85.js';
+import { D as Divider } from './index-8e8c8595.js';
+import './index-96163410.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-7d1ab7f0.js';
-import { T as Text } from './index-a4fbae0b.js';
-import { L as Loading } from './index-f4b23869.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-c0ed1917.js';
+import { I as Input } from './index-d2124856.js';
+import { T as Text } from './index-83b02b8f.js';
+import { L as Loading } from './index-e1e24e89.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-dc6b2894.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-1fd9b1a2.js → index-686ced51.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-4d86d0e7.js';
+import { _ as __rest } from './tslib.es6-71094066.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, getStylesRef, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-05d69b32.js';
-import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-da56e05f.js';
+import { A as ANIMATION_DURATION } from './shared-a9b9ef91.js';
+import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-6a7e9930.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-09fd3dc5.js → index-68751ba0.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-4d86d0e7.js';
+import { _ as __rest } from './tslib.es6-71094066.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-f69f093d.js';
+import { u as useStyles } from './index.styles-346d42ad.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-55f5e1ad.js → index-69a2df43.js}

@@ -1,25 +1,25 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-4d86d0e7.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-71094066.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-f05a642d.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-da56e05f.js';
-import { u as useScreenSize, I as ImageWrap } from './index-d093633f.js';
+import { C as CommonGAssets } from './index-fa62b67b.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-6a7e9930.js';
+import { u as useScreenSize, I as ImageWrap } from './index-0bd5fda7.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-a4fbae0b.js';
-import { t as themeColors } from './index-317ce468.js';
+import { T as Text } from './index-83b02b8f.js';
+import { t as themeColors } from './index-b6bafb7e.js';
 import { theme } from './miscTheme.js';
-import { A as ANIMATION_DURATION } from './shared-05d69b32.js';
+import { A as ANIMATION_DURATION } from './shared-a9b9ef91.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-895de08a.js';
+import { a as useUniqueId } from './useUniqueId-d7906646.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-1fd9b1a2.js';
+import { B as Button } from './index-686ced51.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;
@@ -835,11 +835,11 @@ FloatingLabelControl.Control = FloatingLabelControlControl;
 FloatingLabelControl.Icon = FloatingLabelControlIcon;
 
 const InputWrapper = forwardRef((_a, ref) => {
-    var { label, value: _value, onChange: _onChange, onChangeRaw, maxLength, withFloatingLabel, styles, error, size = 'md' } = _a, props = __rest(_a, ["label", "value", "onChange", "onChangeRaw", "maxLength", "withFloatingLabel", "styles", "error", "size"]);
+    var { label, value: _value, onChange: _onChange, onChangeRaw, maxLength, withFloatingLabel, styles, error, size = 'md', debouncedTime = DEBOUNCED_TIME } = _a, props = __rest(_a, ["label", "value", "onChange", "onChangeRaw", "maxLength", "withFloatingLabel", "styles", "error", "size", "debouncedTime"]);
     const variantStyle = useTemplateVariant();
     const { classes } = useStyles$1({ variantStyle, size }, { name: 'MantineInput', styles });
     const [value, setValue] = useState(_value || '');
-    const [debounced] = useDebouncedValue(value, DEBOUNCED_TIME);
+    const [debounced] = useDebouncedValue(value, debouncedTime);
     useEffect(() => {
         _onChange === null || _onChange === void 0 ? void 0 : _onChange(debounced);
     }, [debounced]);

package/build/esm/{index-f15f0af3.js → index-6a866413.js}

@@ -2,10 +2,10 @@ import * as React from 'react';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-40ebbfa8.js';
+import { T as Text } from './index-5cac955b.js';
 import classNames from 'classnames';
-import { I as ImageWrap } from './index-d093633f.js';
-import { T as Text$1 } from './index-a4fbae0b.js';
+import { I as ImageWrap } from './index-0bd5fda7.js';
+import { T as Text$1 } from './index-83b02b8f.js';
 
 /* eslint-disable prettier/prettier */
 const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),
@@ -13,12 +13,12 @@ const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ wi
 
 /* eslint-disable prettier/prettier */
 const Clinic = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),
-    React.createElement("path", { d: "M4.89646 16.9996H2.96549C2.43225 16.9996 2 16.5674 2 16.0341V12.6549C2 12.1217 2.43225 11.6895 2.96549 11.6895H4.89646", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M15.0342 11.6895H16.9652C17.4984 11.6895 17.9306 12.1217 17.9306 12.6549V16.0341C17.9306 16.5674 17.4984 16.9996 16.9652 16.9996H15.0342", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M5.86197 3H14.0686C14.6015 3 15.0341 3.43263 15.0341 3.96549V16.9995H4.89648V3.96549C4.89648 3.43263 5.32912 3 5.86197 3Z", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M11.172 13.6206H8.7583V16.9998H11.172V13.6206Z", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M9.96533 9.99996V5.65527", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M12.1377 7.82764H7.79297", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
+    React.createElement("path", { d: "M4.89646 16.9996H2.96549C2.43225 16.9996 2 16.5674 2 16.0341V12.6549C2 12.1217 2.43225 11.6895 2.96549 11.6895H4.89646", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M15.0342 11.6895H16.9652C17.4984 11.6895 17.9306 12.1217 17.9306 12.6549V16.0341C17.9306 16.5674 17.4984 16.9996 16.9652 16.9996H15.0342", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M5.86197 3H14.0686C14.6015 3 15.0341 3.43263 15.0341 3.96549V16.9995H4.89648V3.96549C4.89648 3.43263 5.32912 3 5.86197 3Z", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M11.172 13.6206H8.7583V16.9998H11.172V13.6206Z", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M9.96533 9.99996V5.65527", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M12.1377 7.82764H7.79297", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
 
 const StyledInsuranceList = styled.ul `
   display: grid;

package/build/esm/{index-814b6620.js → index-7d25c755.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-4d86d0e7.js';
+import { _ as __rest } from './tslib.es6-71094066.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-55f5e1ad.js';
+import { R as Radio } from './index-69a2df43.js';
 import '@mantine/dates';
-import './index-1b1dfe6d.js';
-import './index-075aea53.js';
-import { C as CommonGAssets } from './index-f05a642d.js';
-import './index-317ce468.js';
-import { T as Text } from './index-a4fbae0b.js';
-import './index-1fd9b1a2.js';
-import './index-da56e05f.js';
-import './index.styles-f69f093d.js';
-import { u as useTranslations } from './index-04d422be.js';
+import './index-96163410.js';
+import './index-d86951d1.js';
+import { C as CommonGAssets } from './index-fa62b67b.js';
+import './index-b6bafb7e.js';
+import { T as Text } from './index-83b02b8f.js';
+import './index-686ced51.js';
+import './index-6a7e9930.js';
+import './index.styles-346d42ad.js';
+import { u as useTranslations } from './index-a1ae2db3.js';
 import '@mantine/hooks';
-import './utils-d14a4831.js';
-import './index-86a781a9.js';
+import './utils-34fafd19.js';
+import './index-f5ab1240.js';
 
 const sizeMap = {
     lg: {
@@ -102,7 +102,7 @@ const GenderOptionControl = (_a) => {
     var { label, availableValue: availableValueInit, styles, isBaby, genderValue = {
         male: 'male',
         female: 'female',
-    }, type = 'button', hideLabel, labelTextProps, gap, size = 'md', LabelWrapper } = _a, radioProps = __rest(_a, ["label", "availableValue", "styles", "isBaby", "genderValue", "type", "hideLabel", "labelTextProps", "gap", "size", "LabelWrapper"]);
+    }, type = 'button', hideLabel, labelTextProps, labelText, gap, size = 'md', LabelWrapper } = _a, radioProps = __rest(_a, ["label", "availableValue", "styles", "isBaby", "genderValue", "type", "hideLabel", "labelTextProps", "labelText", "gap", "size", "LabelWrapper"]);
     const { t } = useTranslations();
     const { classes, cx, theme } = useStyles({ type, gap, size }, {
         name: 'GenderOptionControl',
@@ -130,7 +130,7 @@ const GenderOptionControl = (_a) => {
         setAvailableValue(availableValueInit);
     }, [availableValueInit]);
     return (React__default.createElement(Box, { ref: ref, className: classes.root },
-        React__default.createElement(Radio.Group, Object.assign({ className: "radio-group", label: !hideLabel ? (React__default.createElement(LabelComponent, Object.assign({}, labelProps), label ||
+        React__default.createElement(Radio.Group, Object.assign({ className: "radio-group", label: !hideLabel ? (React__default.createElement(LabelComponent, Object.assign({ id: "gender-option-control-label" }, labelProps), label ||
                 (isBaby
                     ? t('tools.selectBabyGender')
                     : t('tools.selectGender')))) : undefined, size: "lg" }, radioProps, { classNames: {
@@ -150,7 +150,7 @@ const GenderOptionControl = (_a) => {
             }), { label: React__default.createElement(Flex, { gap: rem(8), align: 'center', justify: 'center', sx: { zIndex: 0 } },
                     type === 'button' &&
                         (typeof i.icon === 'string' ? (React__default.createElement("img", { src: i.icon, className: "gender-image", alt: "female", loading: "lazy" })) : (i.icon)),
-                    React__default.createElement(Text, { size: "p3" }, i.label)) }))))))));
+                    React__default.createElement(Text, Object.assign({ size: "p3" }, labelText), i.label)) }))))))));
 };
 
 export { GenderOptionControl as G };

package/build/esm/{index-564da9ff.js → index-7f382d6e.js}

@@ -1,24 +1,24 @@
-import { _ as __rest } from './tslib.es6-4d86d0e7.js';
+import { _ as __rest } from './tslib.es6-71094066.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-55f5e1ad.js';
-import { D as DatePicker } from './index-98a3a524.js';
-import { T as Text } from './index-a4fbae0b.js';
-import './index-1fd9b1a2.js';
+import { I as Input } from './index-69a2df43.js';
+import { D as DatePicker } from './index-e299bac7.js';
+import { T as Text } from './index-83b02b8f.js';
+import './index-686ced51.js';
 import { theme } from './miscTheme.js';
-import './index-da56e05f.js';
-import './index.styles-f69f093d.js';
-import { u as useTranslations } from './index-04d422be.js';
+import './index-6a7e9930.js';
+import './index.styles-346d42ad.js';
+import { u as useTranslations } from './index-a1ae2db3.js';
 import '@mantine/hooks';
-import './index-317ce468.js';
-import './utils-d14a4831.js';
-import './index-86a781a9.js';
-import { C as CardWrapperContext } from './context-5c7ec5a1.js';
-import { I as INPUT_RANGE } from './constants-48e3f120.js';
-import { H as HealthToolFormWrapper } from './index-a1bf18c6.js';
-import { G as GenderOptionControl } from './index-814b6620.js';
-import { L as LOCALE } from './Locale-c91569c7.js';
+import './index-b6bafb7e.js';
+import './utils-34fafd19.js';
+import './index-f5ab1240.js';
+import { C as CardWrapperContext } from './context-3b2f48fb.js';
+import { I as INPUT_RANGE } from './constants-588e4d45.js';
+import { H as HealthToolFormWrapper } from './index-1801e516.js';
+import { G as GenderOptionControl } from './index-7d25c755.js';
+import { L as LOCALE } from './Locale-14e535e0.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-a4fbae0b.js → index-83b02b8f.js}

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