@hhgtech/hhg-components 1.29.390 → 1.29.391-beta-1

package/build/esm/{index-c0f8ab9f.js → index-8f84a6f6.js}

@@ -1,23 +1,23 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-46e536af.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-55f37078.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 { em, 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-56e06558.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-bbadb531.js';
+import { C as CommonGAssets } from './index-e1a83ac0.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-8eb7ba40.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-18bb3666.js';
-import './index-42a9a413.js';
+import { T as Text } from './index-d2a24c73.js';
+import './index-ef5c054b.js';
 import { theme } from './miscTheme.js';
-import { B as Breakpoints } from './utils-f56b7d1d.js';
-import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-7e281538.js';
-import { I as ISO_FORMAT } from './index-1589a246.js';
-import { A as ANIMATION_DURATION, B as Button } from './index-5e4b12cd.js';
-import { L as LOCALE } from './Locale-23885f4a.js';
+import { B as Breakpoints } from './utils-8c2967ef.js';
+import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-eacf8df4.js';
+import { I as ISO_FORMAT } from './index-c7b1969c.js';
+import { A as ANIMATION_DURATION, B as Button } from './index-0153755b.js';
+import { L as LOCALE } from './Locale-a0fff64d.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-9a035a17.js';
+import { a as useUniqueId } from './useUniqueId-1e76aae7.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 

package/build/esm/{index-ac368d76.js → index-92e73a3f.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-46e536af.js';
+import { _ as __rest } from './tslib.es6-55f37078.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-f56b7d1d.js';
+import { M as MediaQueries } from './utils-8c2967ef.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-8e8f89a9.js → index-97034b73.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-5ef0414a.js';
-import { T as TogetherComponentGlobalContext } from './utils-897f0429.js';
+import { B as Button } from './index-27d63ef3.js';
+import { T as TogetherComponentGlobalContext } from './utils-4f4426fc.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-08a7a0e2.js → index-9b486643.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-f56b7d1d.js';
+import { t as toggleNoScroll } from './utils-8c2967ef.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-0a4b5a84.js';
-import { T as Text } from './index-18bb3666.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-271ba18d.js';
+import { T as Text } from './index-d2a24c73.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-bfb24eb2.js → index-a47f74ac.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-46e536af.js';
+import { _ as __rest } from './tslib.es6-55f37078.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-c671bd2f.js';
-import { u as useTranslations } from './index-327a1b42.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-12ed7ea5.js';
-import { I as Input } from './index-c0f8ab9f.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-a2eaddb7.js';
+import { u as useTranslations } from './index-2ad1bfda.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-eb3251b6.js';
+import { I as Input } from './index-8f84a6f6.js';
 import '@mantine/dates';
-import './index-1589a246.js';
-import './index-42a9a413.js';
-import './index-56e06558.js';
-import './useMantineLocale-7e281538.js';
-import './index-18bb3666.js';
-import './index-5e4b12cd.js';
-import './index.styles-16c3eb13.js';
+import './index-c7b1969c.js';
+import './index-ef5c054b.js';
+import './index-e1a83ac0.js';
+import './useMantineLocale-eacf8df4.js';
+import './index-d2a24c73.js';
+import './index-0153755b.js';
+import './index.styles-18b5462f.js';
 import '@mantine/hooks';
-import './utils-f56b7d1d.js';
-import './other-adc3ba20.js';
-import './index-9859e479.js';
-import { H as HealthToolFormWrapper } from './index-56a7d9cb.js';
-import { I as INPUT_RANGE } from './constants-682fc7b2.js';
+import './utils-8c2967ef.js';
+import './other-f7aa7637.js';
+import './index-543aac7d.js';
+import { H as HealthToolFormWrapper } from './index-f5dc69c6.js';
+import { I as INPUT_RANGE } from './constants-77c90a85.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-a94e3a0f.js → index-abe4b7c6.js}

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

package/build/esm/{index-99fab95c.js → index-b0bfd62f.js}

@@ -1,12 +1,12 @@
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { u as useTranslations } from './index-327a1b42.js';
+import { u as useTranslations } from './index-2ad1bfda.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-56e06558.js';
-import { e as normalizeLinkSlash, n as normalizeLink } from './normalizeLink-89405e28.js';
+import { C as CommonGAssets } from './index-e1a83ac0.js';
+import { e as normalizeLinkSlash, n as normalizeLink } from './normalizeLink-c73afa8a.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar } from './index-d0e729a3.js';
-import { b as getTogetherUserPostsApiPath } from './index-1a2c4be1.js';
-import { B as Button } from './index-5ef0414a.js';
+import { A as Avatar } from './index-33686669.js';
+import { b as getTogetherUserPostsApiPath } from './index-bff2c172.js';
+import { B as Button } from './index-27d63ef3.js';
 
 const INTERNAL_CARD_URLS = {
     myBooking: 'booking',

package/build/esm/{index-ee32da60.js → index-b1c8f98f.js}

@@ -1,45 +1,45 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-46e536af.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-55f37078.js';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-c0f8ab9f.js';
+import { R as Radio } from './index-8f84a6f6.js';
 import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-1589a246.js';
-import './index-42a9a413.js';
-import { C as CommonGAssets } from './index-56e06558.js';
-import './useMantineLocale-7e281538.js';
-import { T as Text } from './index-18bb3666.js';
-import { B as Button$1 } from './index-5e4b12cd.js';
-import './index.styles-16c3eb13.js';
-import './translationsContext-ec6d780f.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-c7b1969c.js';
+import './index-ef5c054b.js';
+import { C as CommonGAssets } from './index-e1a83ac0.js';
+import './useMantineLocale-eacf8df4.js';
+import { T as Text } from './index-d2a24c73.js';
+import { B as Button$1 } from './index-0153755b.js';
+import './index.styles-18b5462f.js';
+import './translationsContext-b2fc9e13.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-f56b7d1d.js';
-import './other-adc3ba20.js';
-import './index-9859e479.js';
-import { i as isInternalLink } from './index-890b0517.js';
+import { M as MediaQueries } from './utils-8c2967ef.js';
+import './other-f7aa7637.js';
+import './index-543aac7d.js';
+import { i as isInternalLink } from './index-c4227598.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-d194d870.js';
+import { C as Checkbox, P as PureInput } from './index-b6b726e3.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-9b8930ac.js';
+import { L as Logo } from './index-f6403665.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-7cf2fc85.js';
+import { a as useOutsideClick } from './useOutsideClick-10b6cd8a.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-5ef0414a.js';
-import { u as useScreenSize } from './useScreenSize-bbadb531.js';
-import { u as useTranslations } from './index-327a1b42.js';
-import { D as Dropdown } from './index-20a6806f.js';
+import { B as Button } from './index-27d63ef3.js';
+import { u as useScreenSize } from './useScreenSize-8eb7ba40.js';
+import { u as useTranslations } from './index-2ad1bfda.js';
+import { D as Dropdown } from './index-afcc1ffa.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-ac368d76.js';
-import { D as Drawer } from './index-08a7a0e2.js';
+import { I as Input } from './index-92e73a3f.js';
+import { D as Drawer } from './index-9b486643.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-23885f4a.js';
+import { L as LOCALE } from './Locale-a0fff64d.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';

package/build/esm/{index-d194d870.js → index-b6b726e3.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-46e536af.js';
+import { _ as __rest } from './tslib.es6-55f37078.js';
 import React__default, { useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-f56b7d1d.js';
+import { M as MediaQueries } from './utils-8c2967ef.js';
 import { theme } from './miscTheme.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-ac368d76.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-92e73a3f.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-1a2c4be1.js → index-bff2c172.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-46e536af.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-55f37078.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { V as VideoType } from './index-42a9a413.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-890b0517.js';
-import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-1589a246.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-89405e28.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-561372e2.js';
+import { V as VideoType } from './index-ef5c054b.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-c4227598.js';
+import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-c7b1969c.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-c73afa8a.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-9daf76a8.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo$1 } from './index-9b8930ac.js';
+import { L as Logo$1 } from './index-f6403665.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-c0f8ab9f.js';
+import { I as Input } from './index-8f84a6f6.js';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-56e06558.js';
-import './useMantineLocale-7e281538.js';
-import { T as Text } from './index-18bb3666.js';
-import { B as Button$1 } from './index-5e4b12cd.js';
-import './index.styles-16c3eb13.js';
-import './translationsContext-ec6d780f.js';
+import { C as CommonGAssets } from './index-e1a83ac0.js';
+import './useMantineLocale-eacf8df4.js';
+import { T as Text } from './index-d2a24c73.js';
+import { B as Button$1 } from './index-0153755b.js';
+import './index.styles-18b5462f.js';
+import './translationsContext-b2fc9e13.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-f56b7d1d.js';
-import './other-adc3ba20.js';
-import './index-9859e479.js';
-import { L as LOCALISED_SLUGS } from './constants-6c0a733a.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-8c2967ef.js';
+import './other-f7aa7637.js';
+import './index-543aac7d.js';
+import { L as LOCALISED_SLUGS } from './constants-f43a5d98.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-6321613f.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-d9de245f.js';
-import { i as domainLocalesMarryBaby } from './utils-897f0429.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-88bd4d91.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-c3071bb4.js';
+import { i as domainLocalesMarryBaby } from './utils-4f4426fc.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-da51d542.js';
-import { u as useTranslations } from './index-327a1b42.js';
+import { L as LOCALIZED_SLUGS } from './constants-e21220db.js';
+import { u as useTranslations } from './index-2ad1bfda.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-067bd557.js';
+import { H as Heading } from './index-4bdf501c.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import { I as Indicator$1 } from './index-587e4f83.js';
-import { u as useIsInit } from './useIsInit-26669a89.js';
+import { I as Indicator$1 } from './index-4bde5978.js';
+import { u as useIsInit } from './useIsInit-bd9c6e83.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button } from './index-5ef0414a.js';
+import { B as Button } from './index-27d63ef3.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-f8257654.js';
+import { U as UserAvatar } from './index-021a1a46.js';
 import formatString from 'string-format';
-import { C as Container } from './index-d072f885.js';
+import { C as Container } from './index-66dd2e68.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-23885f4a.js';
-import { g as getDataWithCache } from './core-1b3f5d3a.js';
+import { L as LOCALE } from './Locale-a0fff64d.js';
+import { g as getDataWithCache } from './core-a0625a07.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;

package/build/esm/{index-daac924a.js → index-c005402e.js}

@@ -1,13 +1,16 @@
-import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-18bb3666.js';
+import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext, useCallback } from 'react';
+import { T as Text } from './index-d2a24c73.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-f56b7d1d.js';
-import { R as Radio$1 } from './index-c0f8ab9f.js';
-import { T as Text$1 } from './index-3a739e3d.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-8c2967ef.js';
+import { R as Radio$1 } from './index-8f84a6f6.js';
+import { T as Text$1 } from './index-517e7f9f.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-46e536af.js';
+import { _ as __rest } from './tslib.es6-55f37078.js';
 import flattenChildren from 'react-keyed-flatten-children';
+import { clsx } from '@mantine/core';
+import { Drawer } from 'vaul';
+import { Z as ZINDEX_SSO } from './index-c7b1969c.js';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 
@@ -844,4 +847,114 @@ const StepRenderer = ({ children, onStepChange }) => {
     })));
 };
 
-export { Alert as A, Badge as B, FileDropdown as F, Grid as G, Pagination as P, Radio as R, StepRenderer as S, Tag as T, BorderHeading as a, Toggle as b, RateStars as c, StepRendererContext as d };
+const StyledDrawerComponentContent = styled(Drawer.Content) `
+  position: fixed;
+  z-index: ${ZINDEX_SSO - 9e6 + 1};
+  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 - 9e6};
+  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, fadeFromIndex = ZINDEX_SSO - 9e6 } = props, restProps = __rest(props, ["open", "onOpenChange", "snapPoints", "activeSnapPoint", "setActiveSnapPoint", "children", "overlayClassName", "className", "fadeFromIndex"]);
+    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,
+            fadeFromIndex,
+        };
+        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,
+        fadeFromIndex,
+    ]);
+    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 { Alert as A, Badge as B, DrawerComponent as D, FileDropdown as F, Grid as G, Pagination as P, Radio as R, StepRenderer as S, Tag as T, BorderHeading as a, Toggle as b, RateStars as c, StepRendererContext as d };

package/build/esm/{index-e2e3a82d.js → index-c15b8939.js}

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

package/build/esm/{index-890b0517.js → index-c4227598.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-c0f8ab9f.js';
+import { F as Flag } from './index-8f84a6f6.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-18bb3666.js';
-import { C as CommonGAssets } from './index-56e06558.js';
-import { _ as __rest } from './tslib.es6-46e536af.js';
-import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-1589a246.js';
-import { V as VideoType } from './index-42a9a413.js';
+import { T as Text } from './index-d2a24c73.js';
+import { C as CommonGAssets } from './index-e1a83ac0.js';
+import { _ as __rest } from './tslib.es6-55f37078.js';
+import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-c7b1969c.js';
+import { V as VideoType } from './index-ef5c054b.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-cacfbcb3.js';
-import { u as useTranslations } from './index-327a1b42.js';
+import { a as abbreviateNumber } from './number-5d645cf3.js';
+import { u as useTranslations } from './index-2ad1bfda.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-b5824661.js';
-import { S as SocialLinkPreview } from './index-ce977bd1.js';
+import { M as Modal } from './index-26267343.js';
+import { S as SocialLinkPreview } from './index-676b280e.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-1589a246.js → index-c7b1969c.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-42a9a413.js';
+import './index-ef5c054b.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-23885f4a.js';
+import { L as LOCALE } from './Locale-a0fff64d.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-a2b8b3b4.js → index-d0cdf100.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-067bd557.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-f56b7d1d.js';
-import { u as useTranslations } from './index-327a1b42.js';
-import { T as TogetherComponentGlobalContext } from './utils-897f0429.js';
+import { H as Heading } from './index-4bdf501c.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-8c2967ef.js';
+import { u as useTranslations } from './index-2ad1bfda.js';
+import { T as TogetherComponentGlobalContext } from './utils-4f4426fc.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-18bb3666.js';
+import { T as Text } from './index-d2a24c73.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-46e536af.js';
+import { _ as __rest } from './tslib.es6-55f37078.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-18bb3666.js → index-d2a24c73.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-46e536af.js';
+import { _ as __rest } from './tslib.es6-55f37078.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-adc3ba20.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-f7aa7637.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-f11aef91.js → index-d9efdddd.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-46e536af.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-55f37078.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-9859e479.js';
-import { L as Loading } from './index-673d8eb8.js';
-import './index-42a9a413.js';
-import { g as formatArticle } from './dataTransform-561372e2.js';
+import { T as Tabs } from './index-543aac7d.js';
+import { L as Loading } from './index-f5e9814e.js';
+import './index-ef5c054b.js';
+import { g as formatArticle } from './dataTransform-9daf76a8.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-897f0429.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-4f4426fc.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-bb66bcd7.js';
-import { L as LOCALE } from './Locale-23885f4a.js';
+import { C as CardAuthor } from './index-fb0e281c.js';
+import { L as LOCALE } from './Locale-a0fff64d.js';
 import '@hhgtech/icons/other';
-import './index-5e4b12cd.js';
-import './index-18bb3666.js';
-import './other-adc3ba20.js';
-import './index-327a1b42.js';
-import './translationsContext-ec6d780f.js';
-import './index-5ef0414a.js';
-import './index-0196e384.js';
+import './index-0153755b.js';
+import './index-d2a24c73.js';
+import './other-f7aa7637.js';
+import './index-2ad1bfda.js';
+import './translationsContext-b2fc9e13.js';
+import './index-27d63ef3.js';
+import './index-d9ed5680.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-12ed7ea5.js';
+import './constants-eb3251b6.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-f56b7d1d.js';
-import './index-656355bf.js';
-import './paths-f8dd89ef.js';
-import './constants-da51d542.js';
-import './index-1589a246.js';
+import './utils-8c2967ef.js';
+import './index-35214c94.js';
+import './paths-89223027.js';
+import './constants-e21220db.js';
+import './index-c7b1969c.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-23de7ecf.js';
+import './index-f7eff33c.js';
 import './miscTheme.js';
-import './WhatsApp-7931dbcc.js';
-import './Spinner-73dc2c38.js';
-import './index-f8257654.js';
+import './WhatsApp-86b683d7.js';
+import './Spinner-391606ad.js';
+import './index-021a1a46.js';
 import '@emotion/styled';
-import './useScreenSize-bbadb531.js';
-import './index-56e06558.js';
-import './index-1e211c82.js';
+import './useScreenSize-8eb7ba40.js';
+import './index-e1a83ac0.js';
+import './index-eb1a68ab.js';
 import '@emotion/react';
-import './index-067bd557.js';
-import './index-b5824661.js';
-import './index.styles-16c3eb13.js';
+import './index-4bdf501c.js';
+import './index-26267343.js';
+import './index.styles-18b5462f.js';
 
 const ProfileDetailContext = createContext({});