@hhgtech/hhg-components 1.29.341-beta-1 → 1.29.341

package/build/esm/{index-e69c3b32.js → index-b99adac7.js}

@@ -1,23 +1,23 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-d6634fe6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d983aca1.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-2efa5c25.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-430352d3.js';
+import { C as CommonGAssets } from './index-09f90c0d.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-86ff79b6.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-7bf03303.js';
-import './index-8d4ba262.js';
+import { T as Text } from './index-1feb112f.js';
+import './index-5beca92b.js';
 import { theme } from './miscTheme.js';
-import { B as Breakpoints } from './utils-caced094.js';
-import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-94a0b8bd.js';
-import { I as ISO_FORMAT } from './index-abfac3da.js';
-import { A as ANIMATION_DURATION, B as Button } from './index-a407c8a1.js';
-import { L as LOCALE } from './Locale-f2acbe20.js';
+import { B as Breakpoints } from './utils-cb146a70.js';
+import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-ee453257.js';
+import { I as ISO_FORMAT } from './index-f96c758b.js';
+import { A as ANIMATION_DURATION, B as Button } from './index-63dc7b02.js';
+import { L as LOCALE } from './Locale-b85a2806.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-296671f9.js';
+import { a as useUniqueId } from './useUniqueId-3deb18e4.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
@@ -1355,8 +1355,8 @@ const countriesDefault = Object.values(siteOptions).reduce((countries, { phoneCo
 var styles = {"phoneInput":"i-9Ibox","error":"YDWHh9b"};
 
 /* eslint-disable prettier/prettier */
-const CaretDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 8 5", fill: "currentColor" }, props),
-    React.createElement("path", { d: "M4 5L0.535898 0.5L7.4641 0.5L4 5Z" })));
+const CaretDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" }, props),
+    React.createElement("path", { d: "M4.81428 7.53044L7.64065 10.3568C7.83849 10.5546 8.15877 10.5546 8.3561 10.3568L11.1825 7.53044C11.5012 7.21168 11.2756 6.66675 10.8247 6.66675H5.172C4.72118 6.66675 4.49552 7.21168 4.81428 7.53044Z" })));
 
 const PhoneForwardRef = (props, ref) => {
     const { isError, defaultCountry, countries = countriesDefault, countryCallingCodeEditable = false, defaultValue, value: valueProps, onChange: onChangeProps, className } = props, inputProps = __rest(props, ["isError", "defaultCountry", "countries", "countryCallingCodeEditable", "defaultValue", "value", "onChange", "className"]);
@@ -1385,7 +1385,7 @@ const PhoneForwardRef = (props, ref) => {
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
             const { country, countryName, flagUrl } = props, restProps = __rest(props, ["country", "countryName", "flagUrl"]);
             const callingCode = country
-                ? `(+${PhoneInputUtils.getCountryCallingCode(country)})`
+                ? `+${PhoneInputUtils.getCountryCallingCode(country)}`
                 : '';
             return (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(Flag, Object.assign({ country: country, title: countryName }, restProps)),

package/build/esm/{index-aa963a3f.js → index-c41b3f18.js}

@@ -36,16 +36,16 @@ const MONTHS_TRANSLATION = {
     'ms-MY': [
         'Januari',
         'Februari',
-        'Maret',
+        'Mac',
         'April',
         'Mei',
-        'Juni',
-        'Juli',
-        'Agustus',
+        'Jun',
+        'Julai',
+        'Ogos',
         'September',
         'Oktober',
         'November',
-        'Desember',
+        'Disember',
     ],
     'km-KH': [
         'មករា',

package/build/esm/{index-ad29b90b.js → index-c623ccda.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-1b29aa3f.js';
-import { T as TogetherComponentGlobalContext } from './utils-67be06c2.js';
+import { B as Button } from './index-00d608ea.js';
+import { T as TogetherComponentGlobalContext } from './utils-284b3857.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-b3f37d06.js → index-c899cec9.js}

@@ -1,26 +1,26 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-d6634fe6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d983aca1.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-f527b48f.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-76a688b3.js';
-import { G as GenderOptionControl } from './index-3cecd31a.js';
-import { I as Input } from './index-e69c3b32.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-60c491b2.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-d8dcf848.js';
+import { G as GenderOptionControl } from './index-09f05e0a.js';
+import { I as Input } from './index-b99adac7.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-abfac3da.js';
-import './index-8d4ba262.js';
-import './index-2efa5c25.js';
-import './useMantineLocale-94a0b8bd.js';
-import { T as Text } from './index-7bf03303.js';
-import './index-a407c8a1.js';
+import './index-f96c758b.js';
+import './index-5beca92b.js';
+import './index-09f90c0d.js';
+import './useMantineLocale-ee453257.js';
+import { T as Text } from './index-1feb112f.js';
+import './index-63dc7b02.js';
 import { theme } from './miscTheme.js';
-import './index.styles-b69d7b05.js';
-import { u as useTranslations } from './index-0dca8a9c.js';
+import './index.styles-9aeabac4.js';
+import { u as useTranslations } from './index-fbce107a.js';
 import '@mantine/hooks';
-import './utils-caced094.js';
-import './other-7217ed28.js';
-import './index-6efda9ca.js';
-import { H as HealthToolFormWrapper } from './index-b9a07518.js';
+import './utils-cb146a70.js';
+import './other-afc01340.js';
+import './index-eaae9c13.js';
+import { H as HealthToolFormWrapper } from './index-eed1ec06.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 

package/build/esm/{index-e0c0f934.js → index-cb195323.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-2efa5c25.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-67be06c2.js';
-import { G as GA_TOKEN_COOKIE } from './index-abfac3da.js';
+import { C as CommonGAssets } from './index-09f90c0d.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-284b3857.js';
+import { G as GA_TOKEN_COOKIE } from './index-f96c758b.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-d6634fe6.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-53e8f82d.js';
-import { I as ImageWrap } from './useScreenSize-430352d3.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-b2c301bb.js';
-import { u as useTranslations } from './index-0dca8a9c.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d983aca1.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-9f9b8c7e.js';
+import { I as ImageWrap } from './useScreenSize-86ff79b6.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-24199d48.js';
+import { u as useTranslations } from './index-fbce107a.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-e69c3b32.js';
+import { d as Checkbox, e as ChipButton, I as Input, t as themeColors, b as AspectRatio$1 } from './index-b99adac7.js';
 import '@mantine/dates';
-import './index-8d4ba262.js';
-import './useMantineLocale-94a0b8bd.js';
-import { T as Text } from './index-7bf03303.js';
-import { B as Button } from './index-a407c8a1.js';
-import './index.styles-b69d7b05.js';
+import './index-5beca92b.js';
+import './useMantineLocale-ee453257.js';
+import { T as Text } from './index-1feb112f.js';
+import { B as Button } from './index-63dc7b02.js';
+import './index.styles-9aeabac4.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-caced094.js';
-import './other-7217ed28.js';
-import './index-6efda9ca.js';
+import './utils-cb146a70.js';
+import './other-afc01340.js';
+import './index-eaae9c13.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-8653213c.js';
-import { H as Heading } from './index-adf60b38.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-f527b48f.js';
-import { I as Icon } from './index-f9de0793.js';
+import './translationsContext-b8b3f1f2.js';
+import { H as Heading } from './index-b389ccb0.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-60c491b2.js';
+import { I as Icon } from './index-d003a87c.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-35e98df8.js';
-import { M as Modal } from './index-97a1a574.js';
+import { i as isVideo } from './index-c4029515.js';
+import { M as Modal } from './index-e66bb8ed.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-f2acbe20.js';
+import { L as LOCALE } from './Locale-b85a2806.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-2eda59dc.js → index-cc8a3734.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-6e45d33f.js';
-import { T as Text } from './index-d10ca825.js';
+import { M as MarryBabyText } from './index-b0c6ee75.js';
+import { T as Text } from './index-eefea318.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-e84a5757.js → index-ce8445a3.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-d6634fe6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d983aca1.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-0dca8a9c.js';
+import { u as useTranslations } from './index-fbce107a.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-15ed3ee1.js';
-import { L as LOCALIZED_SLUGS } from './constants-066568cc.js';
-import { B as Button } from './index-a407c8a1.js';
-import './index-abfac3da.js';
-import { c as callApi, g as getCarePath } from './utils-67be06c2.js';
+import { P as PATHS } from './paths-a00da1f4.js';
+import { L as LOCALIZED_SLUGS } from './constants-61c2e12b.js';
+import { B as Button } from './index-63dc7b02.js';
+import './index-f96c758b.js';
+import { c as callApi, g as getCarePath } from './utils-284b3857.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-f9de0793.js → index-d003a87c.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-d6634fe6.js';
+import { _ as __rest } from './tslib.es6-d983aca1.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-93f66619.js';
-import { S as Spinner } from './Spinner-49091360.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-29064eaa.js';
+import { S as Spinner } from './Spinner-4073c7bb.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-8a596453.js → index-d9e6c67c.js}

@@ -1,44 +1,44 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-d6634fe6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d983aca1.js';
 import React__default, { useState, useImperativeHandle, useRef, useEffect, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-e69c3b32.js';
+import { R as Radio } from './index-b99adac7.js';
 import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-abfac3da.js';
-import './index-8d4ba262.js';
-import { C as CommonGAssets } from './index-2efa5c25.js';
-import './useMantineLocale-94a0b8bd.js';
-import { T as Text } from './index-7bf03303.js';
-import { B as Button$1 } from './index-a407c8a1.js';
-import './index.styles-b69d7b05.js';
-import './translationsContext-8653213c.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-f96c758b.js';
+import './index-5beca92b.js';
+import { C as CommonGAssets } from './index-09f90c0d.js';
+import './useMantineLocale-ee453257.js';
+import { T as Text } from './index-1feb112f.js';
+import { B as Button$1 } from './index-63dc7b02.js';
+import './index.styles-9aeabac4.js';
+import './translationsContext-b8b3f1f2.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-caced094.js';
-import './other-7217ed28.js';
-import './index-6efda9ca.js';
-import { i as isInternalLink } from './index-f51fcce2.js';
+import { M as MediaQueries } from './utils-cb146a70.js';
+import './other-afc01340.js';
+import './index-eaae9c13.js';
+import { i as isInternalLink } from './index-e1a764f6.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-acf0c257.js';
-import { L as Logo } from './index-2fac047a.js';
+import { C as Checkbox, P as PureInput } from './index-3942f1ab.js';
+import { L as Logo } from './index-251c3b25.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-9aa6c6fa.js';
+import { a as useOutsideClick } from './useOutsideClick-4b7793c6.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-1b29aa3f.js';
-import { u as useScreenSize } from './useScreenSize-430352d3.js';
-import { u as useTranslations } from './index-0dca8a9c.js';
-import { D as Dropdown } from './index-4cda9886.js';
+import { B as Button } from './index-00d608ea.js';
+import { u as useScreenSize } from './useScreenSize-86ff79b6.js';
+import { u as useTranslations } from './index-fbce107a.js';
+import { D as Dropdown } from './index-43c80986.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-1ca0ac46.js';
-import { D as Drawer } from './index-7ad5454d.js';
+import { I as Input } from './index-05f4b04d.js';
+import { D as Drawer } from './index-3fda2934.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-f2acbe20.js';
+import { L as LOCALE } from './Locale-b85a2806.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';

package/build/esm/{index-f51fcce2.js → index-e1a764f6.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-e69c3b32.js';
+import { F as Flag } from './index-b99adac7.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-7bf03303.js';
-import { C as CommonGAssets } from './index-2efa5c25.js';
+import { T as Text } from './index-1feb112f.js';
+import { C as CommonGAssets } from './index-09f90c0d.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-97a1a574.js → index-e66bb8ed.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-d6634fe6.js';
+import { _ as __rest } from './tslib.es6-d983aca1.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-b69d7b05.js';
+import { u as useStyles } from './index.styles-9aeabac4.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-4e106eed.js → index-e76c58f4.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-caced094.js';
+import { M as MediaQueries } from './utils-cb146a70.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-6efda9ca.js → index-eaae9c13.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-d6634fe6.js';
+import { _ as __rest } from './tslib.es6-d983aca1.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-a407c8a1.js';
-import { T as Text } from './index-7bf03303.js';
+import { B as Button } from './index-63dc7b02.js';
+import { T as Text } from './index-1feb112f.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-b9a07518.js → index-eed1ec06.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-d6634fe6.js';
+import { _ as __rest } from './tslib.es6-d983aca1.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-7bf03303.js';
-import { B as Button } from './index-a407c8a1.js';
-import { u as useTranslations } from './index-0dca8a9c.js';
+import { T as Text } from './index-1feb112f.js';
+import { B as Button } from './index-63dc7b02.js';
+import { u as useTranslations } from './index-fbce107a.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-d10ca825.js → index-eefea318.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-d6634fe6.js';
+import { _ as __rest } from './tslib.es6-d983aca1.js';
 import React__default from 'react';
-import './index-e69c3b32.js';
+import './index-b99adac7.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-abfac3da.js';
-import './index-8d4ba262.js';
-import './index-2efa5c25.js';
-import './useMantineLocale-94a0b8bd.js';
-import { T as Text$1 } from './index-7bf03303.js';
-import './index-a407c8a1.js';
-import './index.styles-b69d7b05.js';
-import './translationsContext-8653213c.js';
+import './index-f96c758b.js';
+import './index-5beca92b.js';
+import './index-09f90c0d.js';
+import './useMantineLocale-ee453257.js';
+import { T as Text$1 } from './index-1feb112f.js';
+import './index-63dc7b02.js';
+import './index.styles-9aeabac4.js';
+import './translationsContext-b8b3f1f2.js';
 import '@mantine/hooks';
-import './utils-caced094.js';
-import './other-7217ed28.js';
-import './index-6efda9ca.js';
+import './utils-cb146a70.js';
+import './other-afc01340.js';
+import './index-eaae9c13.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/index-f3d75f48.js

@@ -0,0 +1,106 @@
+import { _ as __rest } from './tslib.es6-d983aca1.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-f96c758b.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-abfac3da.js → index-f96c758b.js}

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

package/build/esm/{index-0dca8a9c.js → index-fbce107a.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-8653213c.js';
+import { T as TranslationsContext } from './translationsContext-b8b3f1f2.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {