@hhgtech/hhg-components 1.29.463-beta-1 → 1.29.463-beta-3

package/build/esm/{index-8504d60c.js → index-5679b780.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-c2caacdd.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-1c3e8e9e.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-5eea3a66.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-8f29a612.js';
-import { u as useScreenSize, I as ImageWrap } from './index-1859869e.js';
+import { C as CommonGAssets } from './index-ab128c35.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-bcea5212.js';
+import { u as useScreenSize, I as ImageWrap } from './index-8a6ca7ba.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-61075b78.js';
-import { t as themeColors } from './index-7c6e4d50.js';
+import { T as Text } from './index-4aab82b1.js';
+import { t as themeColors } from './index-67899d16.js';
 import { theme } from './miscTheme.js';
-import cn from 'classnames';
+import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-912f6ee9.js';
+import { a as useUniqueId } from './useUniqueId-e2032a53.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-342161de.js';
+import { B as Button } from './index-8344a071.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;
@@ -1220,7 +1220,7 @@ const DELETE = 46;
 const SPACEBAR = 32;
 const OTPInputFunction = (props, ref) => {
     const { maxLength = 1, placeholder, className } = props, restProps = __rest(props, ["maxLength", "placeholder", "className"]);
-    return (React__default.createElement("input", Object.assign({ maxLength: maxLength, className: cn(styles$2.otpInput, 'otpInput', className), placeholder: placeholder, type: "number" }, restProps, { ref: ref })));
+    return (React__default.createElement("input", Object.assign({ maxLength: maxLength, className: classNames(styles$2.otpInput, 'otpInput', className), placeholder: placeholder, type: "number" }, restProps, { ref: ref })));
 };
 const OTPInput = forwardRef(OTPInputFunction);
 const OTPFowardRef = (props, ref) => {
@@ -1335,7 +1335,7 @@ const OTPFowardRef = (props, ref) => {
         setOtp(() => transferValueToOtp(valueProps, valueLength));
         setValue(valueProps);
     }, [valueLength, valueProps]);
-    return (React__default.createElement(Flex, { justify: "center", columnGap: 8, className: cn(styles$2.otpContainer, 'otpContainer') }, otp.map((val, index) => {
+    return (React__default.createElement(Flex, { justify: "center", columnGap: 8, className: classNames(styles$2.otpContainer, 'otpContainer') }, otp.map((val, index) => {
         return (React__default.createElement(OTPInput, Object.assign({}, otpShareProps, { ref: (iRef) => {
                 inputRef.current[index] = iRef;
             }, key: '' + index, value: val, type: type, onChange: inputOnChange, onFocus: inputOnFocus, onKeyDown: inputOnKeyDown, onPaste: inputOnPaste, onBlur: onBlur, placeholder: placeholder })));
@@ -1666,13 +1666,13 @@ const PhoneForwardRef = (props, ref) => {
             : '';
         return (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(Flag, Object.assign({ country: country, title: countryName }, restProps)),
-            React__default.createElement(Text, { size: "p2", variant: "primary", className: cn(styles.callingCode, 'PhoneInputCountryIconCallingCode') }, callingCode)));
+            React__default.createElement(Text, { size: "p2", variant: "primary", className: classNames(styles.callingCode, 'PhoneInputCountryIconCallingCode') }, callingCode)));
     }, [flagComponentProps, PhoneInputUtils]);
     const arrowComponent = useCallback(() => {
         if (arrowComponentProps) {
             return arrowComponentProps();
         }
-        return (React__default.createElement("div", { className: cn(styles.arrowSelect, 'PhoneInputArrowContainer') },
+        return (React__default.createElement("div", { className: classNames(styles.arrowSelect, 'PhoneInputArrowContainer') },
             React__default.createElement(CaretDown, null)));
     }, [arrowComponentProps]);
     const onChange = (val) => {
@@ -1695,7 +1695,7 @@ const PhoneForwardRef = (props, ref) => {
         label,
         value,
         onChange,
-        countries, defaultCountry: defaultCountry || selectedCountry, countryCallingCodeEditable, displayInitialValueAsLocalNumber: true, className: cn(styles.phoneInput, {
+        countries, defaultCountry: defaultCountry || selectedCountry, countryCallingCodeEditable, displayInitialValueAsLocalNumber: true, className: classNames(styles.phoneInput, {
             isError,
             [styles.error]: isError,
             [styles.selectedCountry]: selectedCountry,

package/build/esm/{index-a37eea21.js → index-570a81e7.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-1c3e8e9e.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-8504d60c.js';
-import { D as DatePicker } from './index-34890688.js';
-import { T as Text } from './index-61075b78.js';
-import './index-342161de.js';
-import './index-8f29a612.js';
-import './index.styles-8cdcc130.js';
-import { u as useTranslations } from './index-b158f556.js';
+import { I as Input } from './index-5679b780.js';
+import { D as DatePicker } from './index-e79533a3.js';
+import { T as Text } from './index-4aab82b1.js';
+import './index-8344a071.js';
+import './index-bcea5212.js';
+import './index.styles-646cbb6b.js';
+import { u as useTranslations } from './index-06bcdd41.js';
 import '@mantine/hooks';
-import './index-7c6e4d50.js';
-import './utils-a8347871.js';
-import './index-0142c112.js';
-import { C as CardWrapperContext } from './context-d4d564be.js';
-import { I as INPUT_RANGE } from './constants-a7e8cdc7.js';
-import { H as HealthToolFormWrapper } from './index-34bd048c.js';
-import { G as GenderOptionControl } from './index-0c36bb69.js';
-import { L as LOCALE } from './Locale-ea8fd614.js';
+import './index-67899d16.js';
+import './utils-91df2fbf.js';
+import './index-15a1c97e.js';
+import { C as CardWrapperContext } from './context-0a398c20.js';
+import { I as INPUT_RANGE } from './constants-092d2f74.js';
+import { H as HealthToolFormWrapper } from './index-9e34b2b3.js';
+import { G as GenderOptionControl } from './index-9e73f4eb.js';
+import { L as LOCALE } from './Locale-70370ba8.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-51f26c21.js → index-61cb60d1.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-1c3e8e9e.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-771803b0.js';
-import { u as useTranslations } from './index-b158f556.js';
-import { C as CommonGAssets } from './index-5eea3a66.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-8c4b5bce.js';
-import { G as GenderOptionControl } from './index-0c36bb69.js';
-import { I as Input, S as Select } from './index-8504d60c.js';
-import { D as DatePicker } from './index-34890688.js';
-import './index-61075b78.js';
-import './index-342161de.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-db8af267.js';
+import { u as useTranslations } from './index-06bcdd41.js';
+import { C as CommonGAssets } from './index-ab128c35.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-105a6542.js';
+import { G as GenderOptionControl } from './index-9e73f4eb.js';
+import { I as Input, S as Select } from './index-5679b780.js';
+import { D as DatePicker } from './index-e79533a3.js';
+import './index-4aab82b1.js';
+import './index-8344a071.js';
 import '@mantine/core';
-import './index-8f29a612.js';
-import './index.styles-8cdcc130.js';
+import './index-bcea5212.js';
+import './index.styles-646cbb6b.js';
 import '@mantine/hooks';
-import './index-7c6e4d50.js';
-import './utils-a8347871.js';
-import './index-0142c112.js';
-import './index-427a7d91.js';
-import { C as CardWrapperContext } from './context-d4d564be.js';
-import { H as HealthToolFormWrapper } from './index-34bd048c.js';
+import './index-67899d16.js';
+import './utils-91df2fbf.js';
+import './index-15a1c97e.js';
+import './index-9ade458a.js';
+import { C as CardWrapperContext } from './context-0a398c20.js';
+import { H as HealthToolFormWrapper } from './index-9e34b2b3.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-35c23f79.js → index-64602a66.js}

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

package/build/esm/{index-15cf8c92.js → index-66d65a2b.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-1c3e8e9e.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-61075b78.js';
-import { u as useTranslations } from './index-b158f556.js';
+import { T as Text } from './index-4aab82b1.js';
+import { u as useTranslations } from './index-06bcdd41.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-7c6e4d50.js → index-67899d16.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-c2caacdd.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-1c3e8e9e.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-b9aeaed7.js';
-import { L as LOCALE } from './Locale-ea8fd614.js';
+import './index-ab410adb.js';
+import { L as LOCALE } from './Locale-70370ba8.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-427a7d91.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-9ade458a.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-5eea3a66.js';
+import { C as CommonGAssets } from './index-ab128c35.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-a8347871.js';
-import { C as CustomStylesType, F as FontWeight } from './index-8f29a612.js';
-import { A as ANIMATION_DURATION } from './shared-b781ae6f.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-91df2fbf.js';
+import { C as CustomStylesType, F as FontWeight } from './index-bcea5212.js';
+import { A as ANIMATION_DURATION } from './shared-fd8867dc.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-63e86c88.js → index-6ad09158.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-c2caacdd.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-1c3e8e9e.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio } from './index-8504d60c.js';
+import { R as Radio } from './index-5679b780.js';
 import { Stack, Group, createStyles, getStylesRef, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-427a7d91.js';
-import './index-b9aeaed7.js';
-import { C as CommonGAssets } from './index-5eea3a66.js';
-import './index-7c6e4d50.js';
-import { T as Text } from './index-61075b78.js';
-import { B as Button$1 } from './index-342161de.js';
-import './index-8f29a612.js';
-import './index.styles-8cdcc130.js';
-import './translationsContext-19cc011c.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-9ade458a.js';
+import './index-ab410adb.js';
+import { C as CommonGAssets } from './index-ab128c35.js';
+import './index-67899d16.js';
+import { T as Text } from './index-4aab82b1.js';
+import { B as Button$1 } from './index-8344a071.js';
+import './index-bcea5212.js';
+import './index.styles-646cbb6b.js';
+import './translationsContext-5392026b.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-a8347871.js';
-import './index-0142c112.js';
-import { i as isInternalLink } from './index-798b0832.js';
+import { M as MediaQueries } from './utils-91df2fbf.js';
+import './index-15a1c97e.js';
+import { i as isInternalLink } from './index-d22cfbd9.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-2775f556.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-a7d5f4f5.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-4b600c39.js';
+import { L as Logo } from './index-97da9a1d.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-3e771d0d.js';
+import { a as useOutsideClick } from './useOutsideClick-a11050b5.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-7dab5319.js';
-import { u as useScreenSize, I as ImageWrap } from './index-1859869e.js';
-import { u as useTranslations } from './index-b158f556.js';
-import { D as Dropdown } from './index-82336eea.js';
+import { B as Button } from './index-49d8e18e.js';
+import { u as useScreenSize, I as ImageWrap } from './index-8a6ca7ba.js';
+import { u as useTranslations } from './index-06bcdd41.js';
+import classNames from 'classnames';
+import { D as Dropdown } from './index-85446a3f.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-d968af1a.js';
-import { D as Drawer } from './index-eb6a721a.js';
+import { I as Input } from './index-45a2a473.js';
+import { D as Drawer } from './index-e908193b.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-ea8fd614.js';
+import { L as LOCALE } from './Locale-70370ba8.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-81a6cf00.js';
-import cn from 'classnames';
-import { L as Loading } from './index-96e90df4.js';
+import { A as ArrowRightBlue } from './index-1d7b9347.js';
+import { L as Loading } from './index-ea7b5838.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 
@@ -2600,12 +2600,12 @@ function DateRangePicker({ inputSize = 'md', name = 'date-range-picker', value,
 
 var styles = {"breadcrumb":"WUqzfRb","separator":"MnVGtSY","textLink":"NclbhXQ"};
 
-const BreadcrumbItem = ({ LinkComponent, page, isLast, onChangePage, }) => {
+const BreadcrumbItem = ({ LinkComponent, page, isLast, onChangePage, className, }) => {
     const { label, value, isDropdown, dropdownItems, dataEventCategory, dataEventAction, dataEventLabel, } = page;
     if (isDropdown) {
         return (React__default.createElement(Dropdown, { options: dropdownItems, placeholder: "...", id: "", placeholderIcon: null, onChange: onChangePage, className: "collapsed-breadcrumb" }));
     }
-    return (React__default.createElement("div", { className: styles.textLink, title: typeof label !== 'string' ? value : label, "data-last": isLast }, LinkComponent && (React__default.createElement(LinkComponent, { "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, href: value || '#' }, label))));
+    return (React__default.createElement("div", { className: classNames(styles.textLink, className), title: typeof label !== 'string' ? value : label, "data-last": isLast }, LinkComponent && (React__default.createElement(LinkComponent, { "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, href: value || '#' }, label))));
 };
 /**
  * @deprecated
@@ -2624,12 +2624,12 @@ const Breadcrumbs = ({ className, pages, size, LinkComponent = 'a', onChangePage
         return item;
     })
         .filter(Boolean), [pages]);
-    return (React__default.createElement("div", { "data-size": size, className: `${styles.breadcrumb} ${className || ''}` }, mappedList.map((page, index) => {
+    return (React__default.createElement("div", { "data-size": size, className: classNames(`${styles.breadcrumb} ${className || ''}`, 'breadcrumbs') }, mappedList.map((page, index) => {
         const isLast = index + 1 === mappedList.length;
         return (React__default.createElement(Fragment, { key: index },
             React__default.createElement(BreadcrumbItem, { LinkComponent: LinkComponent, page: page, isLast: isLast, onChangePage: onChangePage }),
             !isLast &&
-                (page.separator || separator || (React__default.createElement("div", { className: styles.separator, "data-size": size })))));
+                (page.separator || separator || (React__default.createElement("div", { className: classNames(styles.separator, 'breadcrumbs-separator'), "data-size": size })))));
     })));
 };
 
@@ -4829,7 +4829,7 @@ const SummaryInfo = ({ infoItems, className, layout = 'vertical', align = 'start
     }, [layout]);
     return (React__default.createElement(StyledContainer, { className: className }, infoItems.map((item) => {
         return (React__default.createElement(React__default.Fragment, { key: item.id },
-            React__default.createElement(StyledVerticalContent, { align: align, className: cn(item.cssItem, 'flex-1') },
+            React__default.createElement(StyledVerticalContent, { align: align, className: classNames(item.cssItem, 'flex-1') },
                 React__default.createElement(StyledTitle$1, { className: 'summary-title' }, item.title),
                 React__default.createElement(StyledDescription$1, { className: 'summary-description' }, item.description)),
             layout === 'two-item-horizontal' && (React__default.createElement(Divider, { className: item.cssItem, sx: {

package/build/esm/{index-45ed8da2.js → index-6b1bccd9.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-1c3e8e9e.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-427a7d91.js';
+import { Z as ZINDEX_SSO } from './index-9ade458a.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-f599dbc4.js → index-7054712a.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-1c3e8e9e.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-5091734c.js';
-import { L as LOCALE } from './Locale-ea8fd614.js';
+import { L as LastPeriod } from './LastPeriod-101c5f8d.js';
+import { L as LOCALE } from './Locale-70370ba8.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-8504d60c.js';
-import { D as DatePicker } from './index-34890688.js';
-import { T as Text } from './index-61075b78.js';
-import './index-342161de.js';
-import './index-8f29a612.js';
-import './index.styles-8cdcc130.js';
-import { u as useTranslations } from './index-b158f556.js';
+import { R as Radio, I as Input, S as Select } from './index-5679b780.js';
+import { D as DatePicker } from './index-e79533a3.js';
+import { T as Text } from './index-4aab82b1.js';
+import './index-8344a071.js';
+import './index-bcea5212.js';
+import './index.styles-646cbb6b.js';
+import { u as useTranslations } from './index-06bcdd41.js';
 import '@mantine/hooks';
-import './index-7c6e4d50.js';
-import './utils-a8347871.js';
-import './index-0142c112.js';
-import { H as HealthToolFormWrapper } from './index-34bd048c.js';
+import './index-67899d16.js';
+import './utils-91df2fbf.js';
+import './index-15a1c97e.js';
+import { H as HealthToolFormWrapper } from './index-9e34b2b3.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-d4d564be.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-427a7d91.js';
+import { C as CardWrapperContext } from './context-0a398c20.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-9ade458a.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-216c5629.js → index-76a06f73.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-828ef890.js';
-import { T as Text } from './index-61075b78.js';
+import { C as Container } from './index-76d5dcdc.js';
+import { T as Text } from './index-4aab82b1.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-f8f58690.js → index-7823f910.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-c2caacdd.js';
+import { a as __awaiter } from './tslib.es6-1c3e8e9e.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-f1eb60d4.js';
-import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-427a7d91.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-fc709e75.js';
+import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-9ade458a.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-ea8fd614.js';
+import { L as LOCALE } from './Locale-70370ba8.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-1be78dc9.js → index-7bac7832.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-1c3e8e9e.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-a621aedf.js';
+import { T as TogetherComponentGlobalContext } from './utils-ed69d91a.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-62a0c409.js → index-82ffb441.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-1c3e8e9e.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-8cdcc130.js';
+import { u as useStyles } from './index.styles-646cbb6b.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-342161de.js → index-8344a071.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-1c3e8e9e.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-b781ae6f.js';
-import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-8f29a612.js';
+import { A as ANIMATION_DURATION } from './shared-fd8867dc.js';
+import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-bcea5212.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-9c0b5af1.js → index-88a3c8ae.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-7dab5319.js';
-import { u as useTranslations } from './index-b158f556.js';
+import { B as Button } from './index-49d8e18e.js';
+import { u as useTranslations } from './index-06bcdd41.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-1859869e.js → index-8a6ca7ba.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-a8347871.js';
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { B as Breakpoints } from './utils-91df2fbf.js';
+import { _ as __rest } from './tslib.es6-1c3e8e9e.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-6da0277a.js → index-90ef45db.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-bfc9e874.js';
+import { u as useScrollbarSize } from './useScrollbarSize-7f08e4e0.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-a8347871.js';
+import { M as MediaQueries } from './utils-91df2fbf.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-d94d23e5.js → index-9231f09a.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-8f29a612.js';
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-bcea5212.js';
+import { _ as __rest } from './tslib.es6-1c3e8e9e.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-b35ee5ef.js → index-94842e52.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-c2caacdd.js';
+import { a as __awaiter } from './tslib.es6-1c3e8e9e.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-1859869e.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-a621aedf.js';
+import { I as ImageWrap } from './index-8a6ca7ba.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-ed69d91a.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-8c4b5bce.js';
-import { y as youtubeVidIdGetter } from './post-8b1e2aef.js';
-import { L as Loading } from './index-9c0b5af1.js';
+import { D as DEFAULT_IMG } from './constants-105a6542.js';
+import { y as youtubeVidIdGetter } from './post-5475106d.js';
+import { L as Loading } from './index-88a3c8ae.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-ad53d6d5.js → index-94ca0306.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-1859869e.js';
-import { T as Text } from './index-61075b78.js';
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { I as ImageWrap } from './index-8a6ca7ba.js';
+import { T as Text } from './index-4aab82b1.js';
+import { _ as __rest } from './tslib.es6-1c3e8e9e.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-45ed8da2.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-6b1bccd9.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-427a7d91.js';
+import { Z as ZINDEX_SSO } from './index-9ade458a.js';
 
 /* eslint-disable prettier/prettier */
 const ShapedArrowDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),

package/build/esm/{index-4b600c39.js → index-97da9a1d.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-ea8fd614.js';
-import { C as CommonGAssets } from './index-5eea3a66.js';
+import { L as LOCALE } from './Locale-70370ba8.js';
+import { C as CommonGAssets } from './index-ab128c35.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-a8347871.js';
-import { L as LogoIcon } from './logoIcon-7c4cc495.js';
-import './index-b9aeaed7.js';
-import { I as ImageWrap } from './index-1859869e.js';
+import { M as MediaQueries } from './utils-91df2fbf.js';
+import { L as LogoIcon } from './logoIcon-d48e0619.js';
+import './index-ab410adb.js';
+import { I as ImageWrap } from './index-8a6ca7ba.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-0c042fb2.js → index-9918278a.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-1c3e8e9e.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-5091734c.js';
-import { I as Input } from './index-8504d60c.js';
-import { D as DatePicker } from './index-34890688.js';
-import { T as Text } from './index-61075b78.js';
-import './index-342161de.js';
-import './index-8f29a612.js';
-import './index.styles-8cdcc130.js';
-import { u as useTranslations } from './index-b158f556.js';
+import { L as LastPeriod } from './LastPeriod-101c5f8d.js';
+import { I as Input } from './index-5679b780.js';
+import { D as DatePicker } from './index-e79533a3.js';
+import { T as Text } from './index-4aab82b1.js';
+import './index-8344a071.js';
+import './index-bcea5212.js';
+import './index.styles-646cbb6b.js';
+import { u as useTranslations } from './index-06bcdd41.js';
 import '@mantine/hooks';
-import './index-7c6e4d50.js';
-import './utils-a8347871.js';
-import './index-0142c112.js';
-import { C as CardWrapperContext } from './context-d4d564be.js';
-import { H as HealthToolFormWrapper } from './index-34bd048c.js';
+import './index-67899d16.js';
+import './utils-91df2fbf.js';
+import './index-15a1c97e.js';
+import { C as CardWrapperContext } from './context-0a398c20.js';
+import { H as HealthToolFormWrapper } from './index-9e34b2b3.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-427a7d91.js → index-9ade458a.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-b9aeaed7.js';
+import './index-ab410adb.js';
 import { siteHost, siteOptions, COUNTRY_CURRENCY_SYMBOL } 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-ea8fd614.js';
+import { L as LOCALE } from './Locale-70370ba8.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;