@hhgtech/hhg-components 1.29.518 → 1.29.519-beta-1

package/build/esm/healthToolsForm.js

@@ -1,60 +1,60 @@
-export { D as DueDateForm } from './index-fda55913.js';
-export { B as BmiForm } from './index-d3e29adb.js';
-export { B as BabyPoopForm } from './index-0f9df105.js';
-export { T as ThrForm } from './index-b42e9794.js';
-export { O as OvulationForm } from './index-b47b5337.js';
-export { B as BabyVaccineForm } from './index-f3b1c13a.js';
-export { P as PWGForm } from './index-8a949f50.js';
-import './tslib.es6-76d7ee9c.js';
+export { D as DueDateForm } from './index-4659f193.js';
+export { B as BmiForm } from './index-eed974a9.js';
+export { B as BabyPoopForm } from './index-5ce42381.js';
+export { T as ThrForm } from './index-c00bee36.js';
+export { O as OvulationForm } from './index-1f2f4f4c.js';
+export { B as BabyVaccineForm } from './index-9193295e.js';
+export { P as PWGForm } from './index-2271991a.js';
+import './tslib.es6-9734cffb.js';
 import 'react';
 import '@mantine/core';
 import 'date-fns';
-import './LastPeriod-685bfbe1.js';
-import './Locale-3de651b3.js';
+import './LastPeriod-b156ef21.js';
+import './Locale-af31a93b.js';
 import '@mantine/form';
 import 'dayjs';
-import './index-aab2dee1.js';
+import './index-c4fcbcc3.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-6e5d1f44.js';
+import './index-e6bdd370.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './index-fde333a7.js';
-import './index-4bde31f1.js';
-import './utils-624f5f4e.js';
+import './index-5cc09442.js';
+import './index-22f8d4b8.js';
+import './utils-ab47a97c.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-d7087c15.js';
-import './index-7c284556.js';
-import './index-db70bba4.js';
+import './index-527be121.js';
+import './index-3d796c4a.js';
+import './index-2e4ffacb.js';
 import '@mantine/notifications';
-import './index-299bb3b9.js';
+import './index-48541894.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
-import './shared-eec02893.js';
+import './shared-2356ae74.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-c43828a5.js';
+import './useUniqueId-591799a9.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
-import './index-bdf73e5a.js';
-import './index-eb7edfad.js';
+import './index-63609cf8.js';
+import './index-47543c22.js';
 import '@mantine/dates';
-import './index.styles-742cba53.js';
-import './index-c4c4e71e.js';
-import './translationsContext-347fcbe7.js';
-import './index-93f178db.js';
-import './index-14119a5a.js';
+import './index.styles-08262911.js';
+import './index-190ab8c0.js';
+import './translationsContext-b8012e31.js';
+import './index-0e54ceb0.js';
+import './index-5bc40936.js';
 import 'react-keyed-flatten-children';
-import './context-a02fcdc5.js';
+import './context-4e4d76d3.js';
 import 'react-hook-form';
-import './useHealthToolCache-16aec38f.js';
+import './useHealthToolCache-e6db3461.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-19992f51.js';
-import './core-1adc978e.js';
-import './constants-8556ff65.js';
-import './index-04d4bc52.js';
+import './normalizeLink-17a679e7.js';
+import './core-21f31581.js';
+import './constants-d8cb860c.js';
+import './index-1eeb3505.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-ee59022b.js';
+import './constants-4987e589.js';

package/build/esm/hooks.js

@@ -1,25 +1,25 @@
-export { u as useTranslations } from './index-c4c4e71e.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-ab388cdc.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-7d89c3db.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-16aec38f.js';
-export { a as useCartCareService, u as useIsInit } from './useCartCareService-1b9d9f94.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-c1949021.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-c43828a5.js';
+export { u as useTranslations } from './index-190ab8c0.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-75e1d8a9.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-d583b42d.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-e6db3461.js';
+export { a as useCartCareService, u as useIsInit } from './useCartCareService-6750b678.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-f37cbd2d.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-591799a9.js';
 import 'react';
-import './translationsContext-347fcbe7.js';
+import './translationsContext-b8012e31.js';
 import 'lodash/debounce';
-import './tslib.es6-76d7ee9c.js';
+import './tslib.es6-9734cffb.js';
 import './miscCookieHelper.js';
-import './index-db70bba4.js';
-import './Locale-3de651b3.js';
+import './index-2e4ffacb.js';
+import './Locale-af31a93b.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-19992f51.js';
+import './normalizeLink-17a679e7.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './core-1adc978e.js';
+import './core-21f31581.js';
 import 'zustand';
 import 'zustand/middleware';
-import './index-299bb3b9.js';
+import './index-48541894.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-export { T as TranslationsContext } from './translationsContext-347fcbe7.js';
-export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-5a74c39f.js';
+export { T as TranslationsContext } from './translationsContext-b8012e31.js';
+export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-a89d8d4c.js';
 import 'react';
 import './i18n-values/en-PH.js';
 import './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-347fcbe7.js';
-export { T as TranslationsContext } from './translationsContext-347fcbe7.js';
+import { T as TranslationsContext } from './translationsContext-b8012e31.js';
+export { T as TranslationsContext } from './translationsContext-b8012e31.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/icons/LoginBlueWhite.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-declare const BlueWhiteLogin: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-export default BlueWhiteLogin;
+declare const LoginBlueWhite: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default LoginBlueWhite;

package/build/esm/icons/StarFull.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-declare const StarFull: ({ color, stroke, ...props }: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const StarFull: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default StarFull;

package/build/esm/{index-e928a051.js → index-0a88bde3.js}

@@ -1,41 +1,41 @@
 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-6e5d1f44.js';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-0f7048b2.js';
-import { G as GA_TOKEN_COOKIE } from './index-299bb3b9.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-1ea73a96.js';
+import { C as CommonGAssets } from './index-e6bdd370.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-bc6baaf0.js';
+import { G as GA_TOKEN_COOKIE } from './index-48541894.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-c6bad4f2.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-76d7ee9c.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-87a96d84.js';
-import { I as ImageWrap } from './index-4bde31f1.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-19992f51.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-9734cffb.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-ab63bc43.js';
+import { I as ImageWrap } from './index-22f8d4b8.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-17a679e7.js';
+import { u as useTranslations } from './index-190ab8c0.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, g as ChipButton, I as Input, c as AspectRatio$1 } from './index-aab2dee1.js';
+import { d as Checkbox, g as ChipButton, I as Input, c as AspectRatio$1 } from './index-c4fcbcc3.js';
 import '@mantine/dates';
-import './index-db70bba4.js';
-import { t as themeColors } from './index-7c284556.js';
-import { T as Text } from './index-d7087c15.js';
-import { B as Button } from './index-bdf73e5a.js';
-import './index-fde333a7.js';
-import './index.styles-742cba53.js';
+import './index-2e4ffacb.js';
+import { t as themeColors } from './index-3d796c4a.js';
+import { T as Text } from './index-527be121.js';
+import { B as Button } from './index-63609cf8.js';
+import './index-5cc09442.js';
+import './index.styles-08262911.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-624f5f4e.js';
-import './index-93f178db.js';
+import './utils-ab47a97c.js';
+import './index-0e54ceb0.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-347fcbe7.js';
-import { H as Heading } from './index-14ec091a.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-16aec38f.js';
-import { I as Icon } from './index-bb20dc74.js';
+import './translationsContext-b8012e31.js';
+import { H as Heading } from './index-cb8d5366.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-e6db3461.js';
+import { I as Icon } from './index-ec0cd093.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-c3ee8d3f.js';
-import { M as Modal } from './index-5fc0b191.js';
+import { i as isVideo } from './index-17ea4d45.js';
+import { M as Modal } from './index-2ff1a12d.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-3de651b3.js';
+import { L as LOCALE } from './Locale-af31a93b.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-d8f8f106.js → index-0bce0050.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-43c16f3b.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
+import { B as Button } from './index-1645359f.js';
+import { u as useTranslations } from './index-190ab8c0.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-93f178db.js → index-0e54ceb0.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-9734cffb.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-bdf73e5a.js';
-import { T as Text } from './index-d7087c15.js';
+import { B as Button } from './index-63609cf8.js';
+import { T as Text } from './index-527be121.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-43c16f3b.js → index-1645359f.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-9734cffb.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-bdf73e5a.js';
+import { B as Button$1 } from './index-63609cf8.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-c4c4e71e.js → index-190ab8c0.js}

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

package/build/esm/{index-2b4f4ac3.js → index-1a717535.js}

@@ -1,24 +1,25 @@
 import * as React from 'react';
 import React__default, { useState, useMemo, useEffect, Fragment } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-624f5f4e.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-ab47a97c.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-a990a57a.js';
-import { I as Input } from './index-aab2dee1.js';
+import { _ as __rest } from './tslib.es6-9734cffb.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-9550a923.js';
+import { I as Input } from './index-c4fcbcc3.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-299bb3b9.js';
-import './index-db70bba4.js';
-import './index-6e5d1f44.js';
-import './index-7c284556.js';
-import './index-d7087c15.js';
-import './index-bdf73e5a.js';
-import './index-fde333a7.js';
-import './index.styles-742cba53.js';
-import './translationsContext-347fcbe7.js';
+import './index-48541894.js';
+import './index-2e4ffacb.js';
+import './index-e6bdd370.js';
+import './index-3d796c4a.js';
+import './index-527be121.js';
+import './index-63609cf8.js';
+import './index-5cc09442.js';
+import './index.styles-08262911.js';
+import './translationsContext-b8012e31.js';
 import '@mantine/hooks';
-import './index-93f178db.js';
+import './index-0e54ceb0.js';
+import { C as Close } from './Close-0f56c2b7.js';
 
 /* eslint-disable prettier/prettier */
 const Search2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 25", fill: "none" }, props),
@@ -482,6 +483,35 @@ const StyledInput = styled(Input) `
     font-size: 0.8125rem;
     line-height: 1.25rem;
   }
+
+  .close-icon-wrapper {
+    display: none;
+    background-color: ${theme.colors.gray400};
+    border-radius: 100%;
+    cursor: pointer;
+    width: 20px;
+    height: 20px;
+    padding: 2px;
+
+    svg {
+      pointer-events: none;
+    }
+
+    &[data-is-disabled='true'] {
+      opacity: 0.2;
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+  }
+
+  input.mantine-Input-input:focus
+    ~ .mantine-Input-rightSection
+    .close-icon-wrapper,
+  input.mantine-Input-input:not(:placeholder-shown)
+    ~ .mantine-Input-rightSection
+    .close-icon-wrapper {
+    display: flex;
+  }
 `;
 const StyledSearchIcon = styled(Search2) `
   color: ${theme.colors.primaryBase};
@@ -489,11 +519,15 @@ const StyledSearchIcon = styled(Search2) `
   height: 20px;
 `;
 const SearchInput = (props) => {
-    const { loading, disabled, placeholder, value, onChange, icon = React__default.createElement(StyledSearchIcon, null), className, style } = props, restProps = __rest(props, ["loading", "disabled", "placeholder", "value", "onChange", "icon", "className", "style"]);
+    const { loading, disabled, placeholder, value, onChange, icon = React__default.createElement(StyledSearchIcon, null), className, style, enableClear } = props, restProps = __rest(props, ["loading", "disabled", "placeholder", "value", "onChange", "icon", "className", "style", "enableClear"]);
     const handleChange = (e) => {
         onChange(e.currentTarget.value);
     };
-    return (React__default.createElement(StyledInput, Object.assign({ disabled: loading || disabled, size: "lg", value: value, onChangeRaw: handleChange, type: "text", placeholder: placeholder, className: className, icon: icon, style: style }, restProps, { "data-event-label": value })));
+    const handleClear = () => {
+        onChange('');
+    };
+    return (React__default.createElement(StyledInput, Object.assign({ disabled: loading || disabled, size: "lg", value: value, onChangeRaw: handleChange, type: "text", placeholder: placeholder, className: className, icon: icon, style: style, rightSection: enableClear ? (React__default.createElement("div", { className: "close-icon-wrapper", onClick: handleClear, "data-is-disabled": !value },
+            React__default.createElement(Close, { fill: "white", width: "100%", height: "100%" }))) : undefined }, restProps, { "data-event-label": value })));
 };
 
 export { Checkbox as C, ImageWrapV2 as I, Pagination as P, StyledSearchIcon as S, PureInput as a, SearchInput as b, Search2 as c };

package/build/esm/{index-04d4bc52.js → index-1eeb3505.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-9734cffb.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-aab2dee1.js';
+import { R as Radio } from './index-c4fcbcc3.js';
 import '@mantine/dates';
-import './index-299bb3b9.js';
-import './index-db70bba4.js';
-import { C as CommonGAssets } from './index-6e5d1f44.js';
-import './index-7c284556.js';
-import { T as Text } from './index-d7087c15.js';
-import './index-bdf73e5a.js';
-import './index-fde333a7.js';
-import './index.styles-742cba53.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
+import './index-48541894.js';
+import './index-2e4ffacb.js';
+import { C as CommonGAssets } from './index-e6bdd370.js';
+import './index-3d796c4a.js';
+import { T as Text } from './index-527be121.js';
+import './index-63609cf8.js';
+import './index-5cc09442.js';
+import './index.styles-08262911.js';
+import { u as useTranslations } from './index-190ab8c0.js';
 import '@mantine/hooks';
-import './utils-624f5f4e.js';
-import './index-93f178db.js';
+import './utils-ab47a97c.js';
+import './index-0e54ceb0.js';
 
 const sizeMap = {
     lg: {

package/build/esm/{index-b47b5337.js → index-1f2f4f4c.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-9734cffb.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-685bfbe1.js';
-import { I as Input } from './index-aab2dee1.js';
-import { D as DatePicker } from './index-eb7edfad.js';
-import { T as Text } from './index-d7087c15.js';
-import './index-bdf73e5a.js';
-import './index-fde333a7.js';
-import './index.styles-742cba53.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
+import { L as LastPeriod } from './LastPeriod-b156ef21.js';
+import { I as Input } from './index-c4fcbcc3.js';
+import { D as DatePicker } from './index-47543c22.js';
+import { T as Text } from './index-527be121.js';
+import './index-63609cf8.js';
+import './index-5cc09442.js';
+import './index.styles-08262911.js';
+import { u as useTranslations } from './index-190ab8c0.js';
 import '@mantine/hooks';
-import './index-7c284556.js';
-import './utils-624f5f4e.js';
-import './index-93f178db.js';
-import { C as CardWrapperContext } from './context-a02fcdc5.js';
-import { H as HealthToolFormWrapper } from './index-14119a5a.js';
+import './index-3d796c4a.js';
+import './utils-ab47a97c.js';
+import './index-0e54ceb0.js';
+import { C as CardWrapperContext } from './context-4e4d76d3.js';
+import { H as HealthToolFormWrapper } from './index-5bc40936.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-8a949f50.js → index-2271991a.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-9734cffb.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-16aec38f.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-8556ff65.js';
-import { I as Input } from './index-aab2dee1.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-e6db3461.js';
+import { u as useTranslations } from './index-190ab8c0.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-d8cb860c.js';
+import { I as Input } from './index-c4fcbcc3.js';
 import '@mantine/dates';
-import './index-299bb3b9.js';
-import './index-db70bba4.js';
-import './index-6e5d1f44.js';
-import './index-7c284556.js';
-import { T as Text } from './index-d7087c15.js';
-import './index-bdf73e5a.js';
-import './index-fde333a7.js';
-import './index.styles-742cba53.js';
+import './index-48541894.js';
+import './index-2e4ffacb.js';
+import './index-e6bdd370.js';
+import './index-3d796c4a.js';
+import { T as Text } from './index-527be121.js';
+import './index-63609cf8.js';
+import './index-5cc09442.js';
+import './index.styles-08262911.js';
 import '@mantine/hooks';
-import './utils-624f5f4e.js';
-import './index-93f178db.js';
-import { C as CardWrapperContext } from './context-a02fcdc5.js';
-import { H as HealthToolFormWrapper } from './index-14119a5a.js';
-import { I as INPUT_RANGE } from './constants-ee59022b.js';
+import './utils-ab47a97c.js';
+import './index-0e54ceb0.js';
+import { C as CardWrapperContext } from './context-4e4d76d3.js';
+import { H as HealthToolFormWrapper } from './index-5bc40936.js';
+import { I as INPUT_RANGE } from './constants-4987e589.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-4bde31f1.js → index-22f8d4b8.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-624f5f4e.js';
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { B as Breakpoints } from './utils-ab47a97c.js';
+import { _ as __rest } from './tslib.es6-9734cffb.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-8e695b34.js → index-2813fa0b.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-4bde31f1.js';
-import { T as Text } from './index-d7087c15.js';
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { I as ImageWrap } from './index-22f8d4b8.js';
+import { T as Text } from './index-527be121.js';
+import { _ as __rest } from './tslib.es6-9734cffb.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-d0df241a.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-c396f477.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-299bb3b9.js';
+import { Z as ZINDEX_SSO } from './index-48541894.js';
 
 /* eslint-disable prettier/prettier */
 const Pin3 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 12", fill: "none" }, props),

package/build/esm/{index-0a4324a5.js → index-2b265cc3.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-9734cffb.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-aab2dee1.js';
+import { I as Input, S as Select } from './index-c4fcbcc3.js';
 import '@mantine/dates';
-import { g as CDN_ADDRESS } from './index-299bb3b9.js';
-import './index-db70bba4.js';
-import './index-6e5d1f44.js';
-import './index-7c284556.js';
-import './index-d7087c15.js';
-import './index-bdf73e5a.js';
-import './index-fde333a7.js';
-import './index.styles-742cba53.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
+import { g as CDN_ADDRESS } from './index-48541894.js';
+import './index-2e4ffacb.js';
+import './index-e6bdd370.js';
+import './index-3d796c4a.js';
+import './index-527be121.js';
+import './index-63609cf8.js';
+import './index-5cc09442.js';
+import './index.styles-08262911.js';
+import { u as useTranslations } from './index-190ab8c0.js';
 import '@mantine/hooks';
-import './utils-624f5f4e.js';
-import './index-93f178db.js';
-import { M as MAPPED_LOCALE } from './utils-4e79ea92.js';
-import { L as LOCALE } from './Locale-3de651b3.js';
+import './utils-ab47a97c.js';
+import './index-0e54ceb0.js';
+import { M as MAPPED_LOCALE } from './utils-e123e8b5.js';
+import { L as LOCALE } from './Locale-af31a93b.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-db70bba4.js → index-2e4ffacb.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-3de651b3.js';
+import { L as LOCALE } from './Locale-af31a93b.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-5fc0b191.js → index-2ff1a12d.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-9734cffb.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-742cba53.js';
+import { u as useStyles } from './index.styles-08262911.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-70720039.js → index-32469a43.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-ab388cdc.js';
+import { u as useScrollbarSize } from './useScrollbarSize-75e1d8a9.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-624f5f4e.js';
+import { M as MediaQueries } from './utils-ab47a97c.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-3e706f00.js → index-3a8e7ae3.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-76d7ee9c.js';
+import { a as __awaiter } from './tslib.es6-9734cffb.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-4bde31f1.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-0f7048b2.js';
+import { I as ImageWrap } from './index-22f8d4b8.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-bc6baaf0.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-8556ff65.js';
-import { y as youtubeVidIdGetter } from './post-12de87fd.js';
-import { L as Loading } from './index-d8f8f106.js';
+import { D as DEFAULT_IMG } from './constants-d8cb860c.js';
+import { y as youtubeVidIdGetter } from './post-f5db4bf5.js';
+import { L as Loading } from './index-0bce0050.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {