@hhgtech/hhg-components 1.29.338 → 1.29.340

package/build/esm/{index-86c0fae2.js → index-1fd8f540.js}

@@ -1,44 +1,44 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ab932a5e.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3bb80a38.js';
 import React__default, { useState, useImperativeHandle, useRef, useEffect, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-8a772bc8.js';
+import { R as Radio } from './index-eb189e33.js';
 import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-87edbb1d.js';
-import './index-7a43081b.js';
-import { C as CommonGAssets } from './index-491be176.js';
-import './useMantineLocale-889fb2af.js';
-import { T as Text } from './index-1d50efb8.js';
-import { B as Button$1 } from './index-6c457282.js';
-import './index.styles-fd5fc54f.js';
-import './translationsContext-0e849bd0.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-2337fa14.js';
+import './index-d43b616f.js';
+import { C as CommonGAssets } from './index-fc6e19ca.js';
+import './useMantineLocale-374d7d18.js';
+import { T as Text } from './index-91ab046b.js';
+import { B as Button$1 } from './index-e0229c87.js';
+import './index.styles-79e59f1a.js';
+import './translationsContext-6aa41d1c.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-061bf274.js';
-import './other-409a2b44.js';
-import './index-39d3aeb9.js';
-import { i as isInternalLink } from './index-1835251a.js';
+import { M as MediaQueries } from './utils-733c431a.js';
+import './other-dc718449.js';
+import './index-34be1eba.js';
+import { i as isInternalLink } from './index-82f8ee8c.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-d6107e3f.js';
-import { L as Logo } from './index-acf3e61a.js';
+import { C as Checkbox, P as PureInput } from './index-bc14da4f.js';
+import { L as Logo } from './index-ee1def10.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { isBefore, startOfMonth, addMonths, format, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
-import { a as useOutsideClick } from './useOutsideClick-18015985.js';
+import { a as useOutsideClick } from './useOutsideClick-da55119f.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-a5e752c6.js';
-import { u as useScreenSize } from './useScreenSize-46100ed1.js';
-import { u as useTranslations } from './index-e9043aa2.js';
-import { D as Dropdown } from './index-daadbc71.js';
+import { B as Button } from './index-1504c2aa.js';
+import { u as useScreenSize } from './useScreenSize-77e1ec29.js';
+import { u as useTranslations } from './index-019adbaf.js';
+import { D as Dropdown } from './index-a48b249a.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-678562b1.js';
-import { D as Drawer } from './index-5781be37.js';
+import { I as Input } from './index-cf3f2487.js';
+import { D as Drawer } from './index-e82581e5.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-a04301dd.js';
+import { L as LOCALE } from './Locale-14481773.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';

package/build/esm/{index-87edbb1d.js → index-2337fa14.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-7a43081b.js';
+import './index-d43b616f.js';
 import { siteHost, siteOptions } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-a04301dd.js';
+import { L as LOCALE } from './Locale-14481773.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-56a25ec2.js → index-2632aa93.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-6c457282.js';
+import { B as Button } from './index-e0229c87.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-f59720b5.js → index-2c1feeb6.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-e9043aa2.js';
-import { B as Button } from './index-a5e752c6.js';
+import { u as useTranslations } from './index-019adbaf.js';
+import { B as Button } from './index-1504c2aa.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-2faf0a35.js → index-2e63b230.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-ab932a5e.js';
+import { _ as __rest } from './tslib.es6-3bb80a38.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-8a772bc8.js';
+import { R as Radio } from './index-eb189e33.js';
 import '@mantine/dates';
-import './index-87edbb1d.js';
-import './index-7a43081b.js';
-import { C as CommonGAssets } from './index-491be176.js';
-import './useMantineLocale-889fb2af.js';
-import { T as Text } from './index-1d50efb8.js';
-import './index-6c457282.js';
-import './index.styles-fd5fc54f.js';
-import { u as useTranslations } from './index-e9043aa2.js';
+import './index-2337fa14.js';
+import './index-d43b616f.js';
+import { C as CommonGAssets } from './index-fc6e19ca.js';
+import './useMantineLocale-374d7d18.js';
+import { T as Text } from './index-91ab046b.js';
+import './index-e0229c87.js';
+import './index.styles-79e59f1a.js';
+import { u as useTranslations } from './index-019adbaf.js';
 import '@mantine/hooks';
-import './utils-061bf274.js';
-import './other-409a2b44.js';
-import './index-39d3aeb9.js';
+import './utils-733c431a.js';
+import './other-dc718449.js';
+import './index-34be1eba.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-3650dce4.js → index-32e6be45.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-d5e4dd35.js';
-import { T as Text } from './index-9997bba8.js';
+import { M as MarryBabyText } from './index-e5a32d34.js';
+import { T as Text } from './index-8908050f.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-39d3aeb9.js → index-34be1eba.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-ab932a5e.js';
+import { _ as __rest } from './tslib.es6-3bb80a38.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-6c457282.js';
-import { T as Text } from './index-1d50efb8.js';
+import { B as Button } from './index-e0229c87.js';
+import { T as Text } from './index-91ab046b.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-70197d3f.js → index-37f903a4.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ab932a5e.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3bb80a38.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { i as isInternalLink, L as LanguageSwitcher } from './index-1835251a.js';
-import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-87edbb1d.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-c78a7386.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-7822d509.js';
+import { i as isInternalLink, L as LanguageSwitcher } from './index-82f8ee8c.js';
+import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-2337fa14.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-816f0420.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-87d9625e.js';
 import { Close, Download } from '@hhgtech/icons/core';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-acf3e61a.js';
-import { u as useTranslations } from './index-e9043aa2.js';
+import { L as Logo } from './index-ee1def10.js';
+import { u as useTranslations } from './index-019adbaf.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-8a772bc8.js';
+import { I as Input } from './index-eb189e33.js';
 import '@mantine/dates';
-import './index-7a43081b.js';
-import { C as CommonGAssets } from './index-491be176.js';
-import './useMantineLocale-889fb2af.js';
-import { T as Text } from './index-1d50efb8.js';
-import { B as Button$1 } from './index-6c457282.js';
-import './index.styles-fd5fc54f.js';
-import './translationsContext-0e849bd0.js';
+import './index-d43b616f.js';
+import { C as CommonGAssets } from './index-fc6e19ca.js';
+import './useMantineLocale-374d7d18.js';
+import { T as Text } from './index-91ab046b.js';
+import { B as Button$1 } from './index-e0229c87.js';
+import './index.styles-79e59f1a.js';
+import './translationsContext-6aa41d1c.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-061bf274.js';
-import './other-409a2b44.js';
-import './index-39d3aeb9.js';
-import { L as LOCALISED_SLUGS } from './constants-f241a79c.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-733c431a.js';
+import './other-dc718449.js';
+import './index-34be1eba.js';
+import { L as LOCALISED_SLUGS } from './constants-ecb29762.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-8668ed7f.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-403e6889.js';
-import { B as Button } from './index-a5e752c6.js';
-import { i as domainLocalesMarryBaby } from './utils-f6a880d4.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-0f1543d7.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-d898de37.js';
+import { B as Button } from './index-1504c2aa.js';
+import { i as domainLocalesMarryBaby } from './utils-16593d15.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-ff226fe7.js';
+import { L as LOCALIZED_SLUGS } from './constants-1446dfa4.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-1f331099.js';
-import { I as Indicator$1 } from './index-8efcbe09.js';
-import { u as useIsInit } from './useIsInit-be7bef3c.js';
+import { H as Heading } from './index-4ce0d02d.js';
+import { I as Indicator$1 } from './index-f52571df.js';
+import { u as useIsInit } from './useIsInit-97b3cab0.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-09617215.js';
+import { U as UserAvatar } from './index-e2e59f48.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import formatString from 'string-format';
-import { C as Container } from './index-1df34a7c.js';
-import { L as LOCALE } from './Locale-a04301dd.js';
+import { C as Container } from './index-0cf8b752.js';
+import { L as LOCALE } from './Locale-14481773.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-43e30311.js';
+import { g as getDataWithCache } from './core-87c7b461.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -2053,7 +2053,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-2fcd3d3b.js').then((data) => {
+                import('./doctor-e47b59fe.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-fb6bc7e7.js → index-4111dadd.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-f358a079.js';
+import { u as useScrollbarSize } from './useScrollbarSize-95bbd724.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-061bf274.js';
+import { M as MediaQueries } from './utils-733c431a.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-3b85366b.js → index-44468b41.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-ab932a5e.js';
+import { _ as __rest } from './tslib.es6-3bb80a38.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-fd5fc54f.js';
+import { u as useStyles } from './index.styles-79e59f1a.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-5445efe1.js → index-4af76041.js}

@@ -1,40 +1,40 @@
 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-491be176.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-f6a880d4.js';
-import { G as GA_TOKEN_COOKIE } from './index-87edbb1d.js';
+import { C as CommonGAssets } from './index-fc6e19ca.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-16593d15.js';
+import { G as GA_TOKEN_COOKIE } from './index-2337fa14.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-ab932a5e.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-403e6889.js';
-import { I as ImageWrap } from './useScreenSize-46100ed1.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-c78a7386.js';
-import { u as useTranslations } from './index-e9043aa2.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3bb80a38.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-d898de37.js';
+import { I as ImageWrap } from './useScreenSize-77e1ec29.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-816f0420.js';
+import { u as useTranslations } from './index-019adbaf.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, e as ChipButton, I as Input, t as themeColors, b as AspectRatio$1 } from './index-8a772bc8.js';
+import { d as Checkbox, e as ChipButton, I as Input, t as themeColors, b as AspectRatio$1 } from './index-eb189e33.js';
 import '@mantine/dates';
-import './index-7a43081b.js';
-import './useMantineLocale-889fb2af.js';
-import { T as Text } from './index-1d50efb8.js';
-import { B as Button } from './index-6c457282.js';
-import './index.styles-fd5fc54f.js';
+import './index-d43b616f.js';
+import './useMantineLocale-374d7d18.js';
+import { T as Text } from './index-91ab046b.js';
+import { B as Button } from './index-e0229c87.js';
+import './index.styles-79e59f1a.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-061bf274.js';
-import './other-409a2b44.js';
-import './index-39d3aeb9.js';
+import './utils-733c431a.js';
+import './other-dc718449.js';
+import './index-34be1eba.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-0e849bd0.js';
-import { H as Heading } from './index-1f331099.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-b12dcbb3.js';
-import { I as Icon } from './index-26da292d.js';
+import './translationsContext-6aa41d1c.js';
+import { H as Heading } from './index-4ce0d02d.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-31742124.js';
+import { I as Icon } from './index-7e4b41a6.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-56567792.js';
-import { M as Modal } from './index-3b85366b.js';
+import { i as isVideo } from './index-5dd54b2b.js';
+import { M as Modal } from './index-44468b41.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-a04301dd.js';
+import { L as LOCALE } from './Locale-14481773.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-1f331099.js → index-4ce0d02d.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-ab932a5e.js';
+import { _ as __rest } from './tslib.es6-3bb80a38.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-1d50efb8.js';
+import { T as Text } from './index-91ab046b.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/index-4e6ef889.js

@@ -0,0 +1,106 @@
+import { _ as __rest } from './tslib.es6-3bb80a38.js';
+import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
+import { clsx } from '@mantine/core';
+import { Drawer } from 'vaul';
+import styled from '@emotion/styled';
+import { Z as ZINDEX_SSO } from './index-2337fa14.js';
+
+const StyledDrawerComponentContent = styled(Drawer.Content) `
+  position: fixed;
+  z-index: ${ZINDEX_SSO + 2};
+  inset: 0;
+  background-color: #fff;
+  outline: none !important;
+
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.4);
+    border-radius: 6px;
+  }
+
+  &[data-vaul-drawer-direction='bottom'] {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+  }
+
+  &[data-vaul-drawer-direction='top'] {
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px;
+  }
+
+  &[data-vaul-drawer-direction='left'] {
+    border-top-right-radius: 8px;
+    border-bottom-right-radius: 8px;
+  }
+
+  &[data-vaul-drawer-direction='right'] {
+    border-top-left-radius: 8px;
+    border-bottom-left-radius: 8px;
+  }
+`;
+const StyledDrawerComponentOverlay = styled(Drawer.Overlay) `
+  position: fixed;
+  inset: 0;
+  z-index: ${ZINDEX_SSO + 2};
+  width: 100%;
+  max-height: 100%;
+
+  &[data-state='open'] {
+    opacity: 0.6 !important;
+  }
+`;
+
+const DrawerComponent = (props) => {
+    const { open: openProps, onOpenChange: onOpenChangeProps, snapPoints, activeSnapPoint, setActiveSnapPoint, children, overlayClassName, className } = props, restProps = __rest(props, ["open", "onOpenChange", "snapPoints", "activeSnapPoint", "setActiveSnapPoint", "children", "overlayClassName", "className"]);
+    const [open, setOpen] = useState(openProps);
+    const [snap, setSnap] = useState(snapPoints ? snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[0] : null);
+    const onOpenChange = useCallback((_open) => {
+        setOpen(_open);
+        onOpenChangeProps === null || onOpenChangeProps === void 0 ? void 0 : onOpenChangeProps(_open);
+    }, [onOpenChangeProps]);
+    const isFullSnapPoint = useMemo(() => {
+        if (snapPoints && snapPoints.length) {
+            return Boolean(snap === snapPoints[snapPoints.length - 1]);
+        }
+        return open;
+    }, [snap, snapPoints]);
+    const mergedProps = useMemo(() => {
+        const _mergedProps = { open, onOpenChange };
+        if (snapPoints && (snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints.length)) {
+            _mergedProps.snapPoints = snapPoints;
+            _mergedProps.activeSnapPoint = snap;
+            _mergedProps.setActiveSnapPoint = (snP) => {
+                setSnap(snP);
+                setActiveSnapPoint === null || setActiveSnapPoint === void 0 ? void 0 : setActiveSnapPoint(snP);
+            };
+        }
+        return _mergedProps;
+    }, [open, onOpenChange, snap, setSnap, setActiveSnapPoint, snapPoints]);
+    useEffect(() => {
+        setOpen(openProps);
+    }, [openProps]);
+    useEffect(() => {
+        setSnap(activeSnapPoint);
+    }, [activeSnapPoint]);
+    return (React__default.createElement(Drawer.Root, Object.assign({}, restProps, mergedProps),
+        React__default.createElement(Drawer.Portal, null,
+            React__default.createElement(StyledDrawerComponentOverlay, { className: clsx(overlayClassName, 'drawer__overlay', {
+                    drawer__overlay_full: isFullSnapPoint,
+                }) }),
+            React__default.createElement(StyledDrawerComponentContent, { className: clsx(className, 'drawer__content', {
+                    drawer__content_full: isFullSnapPoint,
+                }) },
+                React__default.createElement(Drawer.Handle, { className: "drawer__handle" }),
+                React__default.createElement(Drawer.Title, { style: { display: 'none' } }),
+                children))));
+};
+
+export { DrawerComponent as D };

package/build/esm/{index-b17969e1.js → index-555a1475.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ab932a5e.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3bb80a38.js';
 import React__default, { useState, useContext, useMemo, useRef, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-39d3aeb9.js';
-import { L as Loading } from './index-f59720b5.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-7822d509.js';
+import { T as Tabs } from './index-34be1eba.js';
+import { L as Loading } from './index-2c1feeb6.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-87d9625e.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-f6a880d4.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-16593d15.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-491be176.js';
-import { I as ImageWrap } from './useScreenSize-46100ed1.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-64ec31be.js';
-import { S as SocialType } from './index-7a43081b.js';
-import { u as useTranslations } from './index-e9043aa2.js';
+import { C as CommonGAssets } from './index-fc6e19ca.js';
+import { I as ImageWrap } from './useScreenSize-77e1ec29.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-13fce5ac.js';
+import { S as SocialType } from './index-d43b616f.js';
+import { u as useTranslations } from './index-019adbaf.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-8a772bc8.js';
+import { A as Anchor$1 } from './index-eb189e33.js';
 import '@mantine/dates';
-import './index-87edbb1d.js';
-import './useMantineLocale-889fb2af.js';
-import { T as Text } from './index-1d50efb8.js';
-import { B as Button } from './index-6c457282.js';
-import './index.styles-fd5fc54f.js';
+import './index-2337fa14.js';
+import './useMantineLocale-374d7d18.js';
+import { T as Text } from './index-91ab046b.js';
+import { B as Button } from './index-e0229c87.js';
+import './index.styles-79e59f1a.js';
 import '@mantine/hooks';
-import './utils-061bf274.js';
-import './other-409a2b44.js';
+import './utils-733c431a.js';
+import './other-dc718449.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-f1d31186.js';
-import { B as Button$1 } from './index-a5e752c6.js';
-import './translationsContext-0e849bd0.js';
+import { d as decodeMention, b as decodePostUrl } from './post-4c7a5a88.js';
+import { B as Button$1 } from './index-1504c2aa.js';
+import './translationsContext-6aa41d1c.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-07038d76.js → index-58761cf6.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-ab932a5e.js';
+import { _ as __rest } from './tslib.es6-3bb80a38.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-8a772bc8.js';
-import { D as DatePicker } from './index-966e4436.js';
-import { T as Text } from './index-1d50efb8.js';
-import './index-6c457282.js';
-import './index.styles-fd5fc54f.js';
-import { u as useTranslations } from './index-e9043aa2.js';
+import { I as Input } from './index-eb189e33.js';
+import { D as DatePicker } from './index-72ce6bda.js';
+import { T as Text } from './index-91ab046b.js';
+import './index-e0229c87.js';
+import './index.styles-79e59f1a.js';
+import { u as useTranslations } from './index-019adbaf.js';
 import '@mantine/hooks';
-import './useMantineLocale-889fb2af.js';
-import './index-7a43081b.js';
-import './index-491be176.js';
-import './utils-061bf274.js';
-import './index-87edbb1d.js';
-import './other-409a2b44.js';
-import './index-39d3aeb9.js';
-import { I as INPUT_RANGE } from './constants-eeddfe1c.js';
-import { H as HealthToolFormWrapper } from './index-3bd5b04a.js';
-import { G as GenderOptionControl } from './index-2faf0a35.js';
-import { L as LOCALE } from './Locale-a04301dd.js';
+import './useMantineLocale-374d7d18.js';
+import './index-d43b616f.js';
+import './index-fc6e19ca.js';
+import './utils-733c431a.js';
+import './index-2337fa14.js';
+import './other-dc718449.js';
+import './index-34be1eba.js';
+import { I as INPUT_RANGE } from './constants-93e9bca8.js';
+import { H as HealthToolFormWrapper } from './index-03288bcf.js';
+import { G as GenderOptionControl } from './index-2e63b230.js';
+import { L as LOCALE } from './Locale-14481773.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-c089e01f.js → index-5ea23630.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-ab932a5e.js';
+import { _ as __rest } from './tslib.es6-3bb80a38.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-1d50efb8.js';
-import { u as useTranslations } from './index-e9043aa2.js';
+import { T as Text } from './index-91ab046b.js';
+import { u as useTranslations } from './index-019adbaf.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-91d66c14.js → index-5ff73b27.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-1df34a7c.js';
+import { C as Container } from './index-0cf8b752.js';
 import dayjs from 'dayjs';
-import './index-87edbb1d.js';
-import './index-8a772bc8.js';
+import './index-2337fa14.js';
+import './index-eb189e33.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-7a43081b.js';
-import './index-491be176.js';
-import './useMantineLocale-889fb2af.js';
-import { T as Text } from './index-1d50efb8.js';
-import './index-6c457282.js';
-import './index.styles-fd5fc54f.js';
-import './translationsContext-0e849bd0.js';
+import './index-d43b616f.js';
+import './index-fc6e19ca.js';
+import './useMantineLocale-374d7d18.js';
+import { T as Text } from './index-91ab046b.js';
+import './index-e0229c87.js';
+import './index.styles-79e59f1a.js';
+import './translationsContext-6aa41d1c.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-061bf274.js';
-import './other-409a2b44.js';
-import './index-39d3aeb9.js';
-import { u as useScreenSize } from './useScreenSize-46100ed1.js';
+import { M as MediaQueries } from './utils-733c431a.js';
+import './other-dc718449.js';
+import './index-34be1eba.js';
+import { u as useScreenSize } from './useScreenSize-77e1ec29.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-acf3e61a.js';
-import { M as MarryBabyText } from './index-d5e4dd35.js';
+import { L as Logo } from './index-ee1def10.js';
+import { M as MarryBabyText } from './index-e5a32d34.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;