@hhgtech/hhg-components 1.29.82 → 1.29.84

package/build/esm/healthToolsForm.js

@@ -1,40 +1,54 @@
-export { a as BabyPoopForm, b as BabyVaccineForm, B as BmiForm, D as DueDateForm, O as OvulationForm, P as PWGForm, T as ThrForm } from './index-ac2a8f95.js';
-import './tslib.es6-06ba3978.js';
+export { D as DueDateForm } from './index-492f7199.js';
+export { B as BmiForm } from './index-d6cfeea2.js';
+export { B as BabyPoopForm } from './index-114fe334.js';
+export { T as ThrForm } from './index-f4d8dd94.js';
+export { O as OvulationForm } from './index-fd485fb3.js';
+export { B as BabyVaccineForm } from './index-5caf9237.js';
+export { P as PWGForm } from './index-3df7ce17.js';
+import './tslib.es6-9430520e.js';
 import 'react';
+import './LastPeriod-6a476391.js';
 import 'date-fns';
 import '@mantine/core';
 import '@mantine/form';
 import 'dayjs';
-import './index-9b3a8b6d.js';
+import './index-83cc8492.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-9471fca1.js';
-import './index-6210f454.js';
-import 'date-fns/locale';
-import './index-189d7601.js';
-import './isProduction-1937d355.js';
-import './utils-d7bbdb52.js';
+import './index-562833a7.js';
+import './constantsDomainLocales.js';
+import './Locale-50ec684c.js';
+import './constantsIsProduction.js';
+import './utils-94f8d19f.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-5723381f.js';
-import './theme-7dadf4a1.js';
-import './useMantineLocale-453f8013.js';
-import './index-1d3c6ce7.js';
+import './index-88ff7c55.js';
+import './other-af591390.js';
+import './index-99a12287.js';
+import './miscTheme.js';
+import './useMantineLocale-845c1956.js';
+import './index-3dcece1c.js';
+import 'date-fns/locale';
+import './constantsSite.js';
+import './constantsRiskScreener.js';
+import './index-c7b7301d.js';
 import 'classnames';
-import './useUniqueId-5885911d.js';
+import './useUniqueId-8320b4d7.js';
 import '@hhgtech/icons/core';
-import './index-7c384ae6.js';
+import './index-1baef0ed.js';
 import '@mantine/dates';
-import './useTranslations-b970f667.js';
-import './translationsContext-42a1fa63.js';
+import './useTranslations-32ff6c72.js';
+import './translationsContext-7876e8f8.js';
 import 'string-format';
-import './constants-fa475b0f.js';
+import './index-b4dc58c1.js';
 import 'react-keyed-flatten-children';
 import 'react-hook-form';
-import './useHealthToolCache-6ce1724e.js';
-import './getDynamicHealthTool-82855adc.js';
-import './normalizeLink-7a93ebb9.js';
-import './routing-9e330438.js';
-import './core-80bfe8b7.js';
-import './constants-a5827634.js';
-import './index-8eb04f36.js';
+import './useHealthToolCache-73e49d74.js';
+import './miscGetDynamicHealthTool.js';
+import './normalizeLink-3bdaa9c9.js';
+import './routing-0e27d82c.js';
+import './core-e76c2318.js';
+import './constants-1dda168b.js';
+import './index-7d0b67e7.js';
+import './embeddedHeathToolCards_helpers.js';
+import './constants-7154766a.js';

package/build/esm/hooks.js

@@ -1,21 +1,25 @@
-export { u as useTranslations } from './useTranslations-b970f667.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-909ae7ec.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-553bee0b.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-6ce1724e.js';
-export { u as useIsInit } from './useIsInit-f4dec279.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-210c1134.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-5885911d.js';
+export { u as useTranslations } from './useTranslations-32ff6c72.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-7525fa88.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-5f3d6d81.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-73e49d74.js';
+export { u as useIsInit } from './useIsInit-2f5401d6.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-9111d12b.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-8320b4d7.js';
 import 'react';
-import './translationsContext-42a1fa63.js';
+import './translationsContext-7876e8f8.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-06ba3978.js';
-import './cookieHelper-6c3b4790.js';
-import './index-189d7601.js';
-import './getDynamicHealthTool-82855adc.js';
-import './normalizeLink-7a93ebb9.js';
-import './routing-9e330438.js';
-import './index-6210f454.js';
+import './tslib.es6-9430520e.js';
+import './miscCookieHelper.js';
+import './index-99a12287.js';
+import './Locale-50ec684c.js';
+import './miscGetDynamicHealthTool.js';
+import './normalizeLink-3bdaa9c9.js';
+import './routing-0e27d82c.js';
+import './index-3dcece1c.js';
 import 'date-fns/locale';
-import './isProduction-1937d355.js';
-import './core-80bfe8b7.js';
+import './constantsIsProduction.js';
+import './constantsSite.js';
+import './constantsDomainLocales.js';
+import './constantsRiskScreener.js';
+import './core-e76c2318.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-42a1fa63.js';
-export { T as TranslationsContext } from './translationsContext-42a1fa63.js';
+import { T as TranslationsContext } from './translationsContext-7876e8f8.js';
+export { T as TranslationsContext } from './translationsContext-7876e8f8.js';
 import React__default, { useState, useEffect, useMemo } from 'react';
 import defaultTranslations from './i18n-values/en-PH.js';
 import hiTranslations from './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

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

package/build/esm/{index-bcedec73.js → index-08e0e4a7.js}

@@ -1,23 +1,25 @@
 import React__default from 'react';
-import { C as Container } from './index-266a32ff.js';
+import { C as Container } from './index-9d3d97b0.js';
 import dayjs from 'dayjs';
-import { d as domainLocales } from './index-6210f454.js';
-import { u as useScreenSize } from './index-9b3a8b6d.js';
+import './index-3dcece1c.js';
+import { u as useScreenSize } from './index-83cc8492.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-189d7601.js';
-import './index-9471fca1.js';
-import './useMantineLocale-453f8013.js';
-import { T as Text } from './index-5723381f.js';
-import './index-1d3c6ce7.js';
-import { t as theme } from './theme-7dadf4a1.js';
-import './translationsContext-42a1fa63.js';
+import './index-99a12287.js';
+import './index-562833a7.js';
+import './useMantineLocale-845c1956.js';
+import { T as Text } from './index-88ff7c55.js';
+import './index-c7b7301d.js';
+import './translationsContext-7876e8f8.js';
 import 'string-format';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-d7bbdb52.js';
+import { M as MediaQueries } from './utils-94f8d19f.js';
+import './other-af591390.js';
 import styled from '@emotion/styled';
-import { L as Logo } from './index-2dc7803d.js';
-import { M as MarryBabyText } from './index-1c9b481b.js';
+import { theme } from './miscTheme.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { L as Logo } from './index-0d547073.js';
+import { M as MarryBabyText } from './index-455fad93.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-0ca9b175.js → index-0a17b3c4.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-06ba3978.js';
+import { _ as __rest } from './tslib.es6-9430520e.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-7dadf4a1.js';
+import { theme } from './miscTheme.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);

package/build/esm/{index-02d3f05b.js → index-0bac9140.js}

@@ -1,32 +1,36 @@
 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-9471fca1.js';
-import { b as callApiWithAuth, d as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-3b29eb79.js';
-import { R as RISK_SCREENER_NAME, d as domainLocales, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-6210f454.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-06ba3978.js';
-import { I as ImageWrap, e as Checkbox, f as ChipButton, c as Input, t as themeColors, b as AspectRatio$1 } from './index-9b3a8b6d.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-9e330438.js';
-import { u as useTranslations } from './useTranslations-b970f667.js';
+import { C as CommonGAssets } from './index-562833a7.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-71ccce82.js';
+import { G as GA_TOKEN_COOKIE } from './index-3dcece1c.js';
+import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-9430520e.js';
+import { I as ImageWrap, e as Checkbox, f as ChipButton, c as Input, t as themeColors, b as AspectRatio$1 } from './index-83cc8492.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-0e27d82c.js';
+import { u as useTranslations } from './useTranslations-32ff6c72.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import '@mantine/dates';
-import { L as LOCALE } from './index-189d7601.js';
-import './useMantineLocale-453f8013.js';
-import { T as Text } from './index-5723381f.js';
-import { B as Button } from './index-1d3c6ce7.js';
-import './theme-7dadf4a1.js';
+import './index-99a12287.js';
+import './useMantineLocale-845c1956.js';
+import { T as Text } from './index-88ff7c55.js';
+import { B as Button } from './index-c7b7301d.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-d7bbdb52.js';
-import './translationsContext-42a1fa63.js';
+import './utils-94f8d19f.js';
+import './other-af591390.js';
+import { PATHS as PATHS$2 } from './togetherApiPaths.js';
+import './translationsContext-7876e8f8.js';
 import 'string-format';
-import { H as Heading } from './index-046778af.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-6ce1724e.js';
-import { I as Icon } from './index-049e0270.js';
-import { i as isProduction } from './isProduction-1937d355.js';
+import { H as Heading } from './index-6d782bf2.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-73e49d74.js';
+import { I as Icon } from './index-d0b52e26.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-cfedca38.js';
+import { M as Modal } from './index-a98a28a2.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
+import { L as LOCALE } from './Locale-50ec684c.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-2dc7803d.js → index-0d547073.js}

@@ -1,10 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './index-189d7601.js';
-import { C as CommonGAssets } from './index-9471fca1.js';
+import { L as LOCALE } from './Locale-50ec684c.js';
+import { C as CommonGAssets } from './index-562833a7.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-d7bbdb52.js';
-import { L as LogoIcon } from './logoIcon-3a581efb.js';
-import { I as ImageWrap } from './index-9b3a8b6d.js';
+import { M as MediaQueries } from './utils-94f8d19f.js';
+import { L as LogoIcon } from './logoIcon-608cfa3e.js';
+import './index-99a12287.js';
+import { I as ImageWrap } from './index-83cc8492.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-d6a5f5cf.js → index-1090bed4.js}

@@ -1,267 +1,24 @@
-import React__default, { useState, useRef, useEffect, createContext, useContext } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-909ae7ec.js';
-import { createPortal } from 'react-dom';
-import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-d7bbdb52.js';
-import { s as setDefaultClass } from './defaultClassWrapper-00903c00.js';
-import { t as theme } from './theme-7dadf4a1.js';
-import { _ as __rest } from './tslib.es6-06ba3978.js';
+import { _ as __rest } from './tslib.es6-9430520e.js';
+import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { c as Input } from './index-9b3a8b6d.js';
-import { D as DatePicker } from './index-7c384ae6.js';
-import { T as Text } from './index-5723381f.js';
-import './index-1d3c6ce7.js';
-import { u as useTranslations } from './useTranslations-b970f667.js';
+import { c as Input } from './index-83cc8492.js';
+import { D as DatePicker } from './index-1baef0ed.js';
+import { T as Text } from './index-88ff7c55.js';
+import './index-c7b7301d.js';
+import { u as useTranslations } from './useTranslations-32ff6c72.js';
 import '@mantine/hooks';
-import './index-189d7601.js';
-import './index-9471fca1.js';
-import './useMantineLocale-453f8013.js';
-import './index-6210f454.js';
-import { H as HealthToolFormWrapper, I as INPUT_RANGE } from './constants-fa475b0f.js';
-import { G as GenderOptionControl } from './index-8eb04f36.js';
+import './index-99a12287.js';
+import './index-562833a7.js';
+import './utils-94f8d19f.js';
+import './useMantineLocale-845c1956.js';
+import './index-3dcece1c.js';
+import './other-af591390.js';
+import { I as INPUT_RANGE } from './constants-7154766a.js';
+import { H as HealthToolFormWrapper } from './index-b4dc58c1.js';
+import { G as GenderOptionControl } from './index-7d0b67e7.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
-const StyledModal = setDefaultClass(styled.div `
-    position: relative;
-    z-index: 200;
-    background-color: ${theme.colors.white};
-    border-radius: ${theme.borderRadius};
-    box-shadow: 0px 8px 40px 0px #0000001a;
-    &[data-site-type='marryBaby'] {
-      border-radius: 16px;
-      .hhg-modal__content {
-        position: relative;
-        z-index: 111;
-        height: 100%;
-        padding: 24px;
-      }
-    }
-    .hhg-modal__content {
-      position: relative;
-      z-index: 111;
-      height: 100%;
-      padding: 16px;
-    }
-    .hhg-modal__video {
-      position: relative;
-      z-index: 111;
-      height: 100%;
-      background-color: none;
-      box-shadow: none;
-    }
-  `, 'hhgcomp-modal-modal');
-const StyledModalWrapper = styled.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 201;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-  outline: 0;
-  visibility: hidden;
-  opacity: 0;
-  background-color: rgba(0, 0, 0, 0.6);
-  transition: opacity 0.3s ease-in-out;
-
-  .hhg-modal__close {
-    position: absolute;
-    top: 16px;
-    right: 16px;
-    cursor: pointer;
-    img {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-    }
-  }
-  &[data-type='video'] {
-    z-index: 1001;
-  }
-  &[data-open='true'] {
-    opacity: 1;
-    visibility: visible;
-  }
-
-  ${StyledModal.classSelector} {
-    transition: transform 0.3s ease-in-out;
-  }
-  &.slideTop {
-    ${StyledModal.classSelector} {
-      transform: translate(0, -100vh);
-    }
-
-    &[data-open='true'] {
-      ${StyledModal.classSelector} {
-        transform: translate(0);
-      }
-    }
-  }
-
-  &.scaleUp {
-    ${StyledModal.classSelector} {
-      transform: scale(0.9);
-    }
-
-    &[data-open='true'] {
-      ${StyledModal.classSelector} {
-        transform: scale(1);
-      }
-    }
-  }
-
-  &[data-type='tail'] {
-    justify-content: flex-end;
-    ${StyledModal.classSelector} {
-      width: 420px;
-      height: 100%;
-      border-radius: 0;
-      overflow: hidden auto;
-    }
-  }
-  &[data-type='form'] {
-    ${StyledModal.classSelector} {
-      width: 496px;
-      height: 548px;
-      max-height: 100%;
-      overflow-y: auto;
-      ${MediaQueries.mbDown} {
-        width: 340px;
-      }
-    }
-  }
-  &[data-type='video'] {
-    ${StyledModal.classSelector} {
-      height: 100%;
-      max-height: 539px;
-      ${MediaQueries.mbDown} {
-        height: 192px;
-        width: 100%;
-        height: 100%;
-        border-radius: ${theme.borderRadius};
-        max-height: 192px;
-      }
-    }
-  }
-  &[data-type='confirm'] {
-    ${StyledModal.classSelector} {
-      width: 100%;
-      max-width: 407px;
-      ${MediaQueries.mbDown} {
-        width: calc(100% - 32px);
-        max-width: calc(100% - 32px);
-      }
-    }
-  }
-`;
-const StyledModalMask = styled.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  align-items: center;
-
-  &[data-open='false'] {
-    display: none;
-  }
-  &[data-type='video'] {
-    background-color: ${theme.colors.secondaryDark};
-  }
-`;
-
-const MODAL_ROOT_ID = 'hhg-modals';
-const getModalsRoot = () => {
-    let el = document.getElementById(MODAL_ROOT_ID);
-    if (!el) {
-        el = document.createElement('div');
-        el.setAttribute('id', MODAL_ROOT_ID);
-        document.body.append(el);
-    }
-    return el;
-};
-const cleanUpModalShow = () => {
-    const selector = '.hhg-modal[data-open="true"]';
-    const remainingPopupOpened = document.querySelectorAll(selector);
-    // Remove the opening class if there are only 1 popup is shown
-    if (remainingPopupOpened.length < 1) {
-        document.body.classList.remove('hhc-modal-show');
-    }
-};
-const cleanUpDisabledScroll = () => {
-    // Clear the overflow if there are only 1 popup is shown. useEffect runs after so the count number becomes zero
-    const selector = '.hhg-modal[data-open="true"]';
-    const remainingPopupOpened = document.querySelectorAll(selector);
-    if (remainingPopupOpened.length < 1) {
-        document.body.style.overflow = '';
-        document.body.style.paddingRight = '';
-        document.body.classList.remove('hhc-disabled-scroll');
-    }
-};
-/**
- * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
- */
-const Modal = ({ type = 'lead', closeIcon, isOpen = true, onClose, children, className = '', animationType = 'scaleUp', isStaticBackdrop = false, siteType, }) => {
-    const [mounted, setMounted] = useState(false);
-    const elRef = useRef(null);
-    const { width: scrollBarWidth } = useScrollbarSize();
-    if (!elRef.current && mounted) {
-        elRef.current = document.createElement('div');
-    }
-    useEffect(() => {
-        setMounted(true);
-        return () => {
-            setMounted(false);
-            cleanUpModalShow();
-            cleanUpDisabledScroll();
-        };
-    }, []);
-    useEffect(() => {
-        if (mounted) {
-            const modalsRoot = getModalsRoot();
-            modalsRoot.appendChild(elRef.current);
-            return () => {
-                modalsRoot.removeChild(elRef.current);
-            };
-        }
-    }, [mounted]);
-    useEffect(() => {
-        if (isOpen) {
-            document.body.classList.add('hhc-modal-show');
-        }
-        else {
-            cleanUpModalShow();
-        }
-    }, [isOpen]);
-    useEffect(() => {
-        if (isOpen) {
-            document.body.style.overflow = 'hidden';
-            document.body.style.paddingRight = scrollBarWidth + 'px';
-            document.body.classList.add('hhc-disabled-scroll');
-        }
-        else {
-            cleanUpDisabledScroll();
-        }
-    }, [isOpen, scrollBarWidth]);
-    if (!mounted)
-        return null;
-    const classes = ['hhg-modal__wrapper', className, animationType]
-        .filter((s) => s)
-        .join(' ');
-    return createPortal(React__default.createElement(StyledModalWrapper, { className: classes, "data-open": isOpen, "data-type": type },
-        !isStaticBackdrop && (React__default.createElement(StyledModalMask, { "data-open": isOpen, onClick: onClose, "data-type": type })),
-        !isStaticBackdrop && type === 'video' && !!closeIcon && (React__default.createElement("div", { className: "hhg-modal__close", onClick: onClose }, closeIcon)),
-        React__default.createElement(StyledModal, { className: "hhg-modal", "data-open": isOpen, "data-site-type": siteType },
-            React__default.createElement("div", { className: type === 'video' ? 'hhg-modal__video' : 'hhg-modal__content' },
-                !!closeIcon && type !== 'video' && (React__default.createElement("div", { className: "hhg-modal__close", onClick: onClose }, closeIcon)),
-                children))), elRef.current);
-};
-
 const BabyGrowthFormContext = createContext({});
 
 var useStyles$1 = createStyles((theme) => {
@@ -554,4 +311,4 @@ const BabyGrowthForm = (_a) => {
         } }, formLayout === 'default' ? (theme.other.template === 'mb' ? (React__default.createElement(MbLayout, Object.assign({ formLayout: formLayout }, commonProps))) : (React__default.createElement(DefaultForm, Object.assign({}, commonProps)))) : (React__default.createElement(InlineForm, Object.assign({}, commonProps)))));
 };
 
-export { BabyGrowthForm as B, Modal as M };
+export { BabyGrowthForm as B };

package/build/esm/index-114fe334.js

@@ -0,0 +1,60 @@
+import { _ as __rest } from './tslib.es6-9430520e.js';
+import React__default from 'react';
+import { createStyles, rem, Box } from '@mantine/core';
+import './index-83cc8492.js';
+import '@mantine/dates';
+import './index-3dcece1c.js';
+import './index-99a12287.js';
+import './index-562833a7.js';
+import './useMantineLocale-845c1956.js';
+import { T as Text } from './index-88ff7c55.js';
+import { B as Button } from './index-c7b7301d.js';
+import { u as useTranslations } from './useTranslations-32ff6c72.js';
+import '@mantine/hooks';
+import './utils-94f8d19f.js';
+import './other-af591390.js';
+
+var useStyles = createStyles((theme, { hasOnClickFn }) => {
+    return {
+        root: {
+            position: 'relative',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: rem(16),
+        },
+        sponsorBox: {
+            display: 'flex',
+            gap: rem(12),
+            alignItems: 'center',
+            backgroundColor: theme.colors.neutral[0],
+            border: `1px solid ${theme.colors.neutral[1]}`,
+            borderRadius: rem(4),
+            padding: '4px 12px',
+            alignSelf: 'flex-start',
+        },
+        sponsorLogo: {
+            maxHeight: rem(32),
+        },
+        btn: {
+            minWidth: rem(180),
+            [theme.fn.largerThan('sm')]: {
+                alignSelf: 'flex-end',
+            },
+            visibility: hasOnClickFn ? 'visible' : 'hidden',
+        },
+    };
+});
+
+const BabyPoopForm = (_a) => {
+    var { babyPoopPage, onClickFindOut, currentUrl, sponsorLogo, btnProps, styles, classNames } = _a, props = __rest(_a, ["babyPoopPage", "onClickFindOut", "currentUrl", "sponsorLogo", "btnProps", "styles", "classNames"]);
+    const { t } = useTranslations();
+    const { classes } = useStyles({ hasOnClickFn: Boolean(onClickFindOut) }, { name: 'BabyPoopForm', styles, classNames });
+    return (React__default.createElement(Box, Object.assign({ className: classes.root }, props),
+        sponsorLogo && (React__default.createElement(Box, { className: classes.sponsorBox },
+            React__default.createElement(Text, { size: "p4" }, t('common.sponsoredBy')),
+            React__default.createElement("img", { loading: "lazy", src: sponsorLogo, alt: "sponsor", className: classes.sponsorLogo }))),
+        React__default.createElement(Text, { size: "p3", className: "description" }, babyPoopPage.description),
+        React__default.createElement(Button, Object.assign({ className: classes.btn, onClick: onClickFindOut, dataEventCategory: "Health Tool", dataEventAction: "Baby Stool Inquiry", dataEventLabel: currentUrl }, btnProps), t('babyPoop.findOut'))));
+};
+
+export { BabyPoopForm as B };

package/build/esm/{index-e0b0d6a2.js → index-1246c476.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-5723381f.js';
+import { T as Text } from './index-88ff7c55.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-7dadf4a1.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-d7bbdb52.js';
-import { R as Radio$1 } from './index-9b3a8b6d.js';
-import { T as Text$1 } from './index-219e3a35.js';
-import { s as setDefaultClass } from './defaultClassWrapper-00903c00.js';
-import { _ as __rest } from './tslib.es6-06ba3978.js';
+import { theme } from './miscTheme.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-94f8d19f.js';
+import { R as Radio$1 } from './index-83cc8492.js';
+import { T as Text$1 } from './index-c1abf550.js';
+import { setDefaultClass } from './miscDefaultClassWrapper.js';
+import { _ as __rest } from './tslib.es6-9430520e.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-9f99909b.js → index-19fa8adc.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-06ba3978.js';
+import { _ as __rest } from './tslib.es6-9430520e.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-3b29eb79.js';
+import { T as TogetherComponentGlobalContext } from './utils-71ccce82.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-7dadf4a1.js';
+import { theme } from './miscTheme.js';
 
 const StyledUserAvatar = styled.div `
   width: ${(props) => props.size || 40}px;