@hhgtech/hhg-components 1.29.436 → 1.29.437-beta-2

package/build/esm/healthToolsForm.js

@@ -1,59 +1,59 @@
-export { D as DueDateForm } from './index-a7e71fb1.js';
-export { B as BmiForm } from './index-0d9edf04.js';
-export { B as BabyPoopForm } from './index-f4e0c7e3.js';
-export { T as ThrForm } from './index-7ed46df4.js';
-export { O as OvulationForm } from './index-fdac9b9e.js';
-export { B as BabyVaccineForm } from './index-8fbf67af.js';
-export { P as PWGForm } from './index-5f963442.js';
-import './tslib.es6-ebff6537.js';
+export { D as DueDateForm } from './index-60989924.js';
+export { B as BmiForm } from './index-c761c2d6.js';
+export { B as BabyPoopForm } from './index-3cc97207.js';
+export { T as ThrForm } from './index-e6d516a7.js';
+export { O as OvulationForm } from './index-68e1d039.js';
+export { B as BabyVaccineForm } from './index-72b972b7.js';
+export { P as PWGForm } from './index-f9cde832.js';
+import './tslib.es6-af7a282c.js';
 import 'react';
 import '@mantine/core';
 import 'date-fns';
-import './LastPeriod-bc587cfa.js';
-import './Locale-bd1932d4.js';
+import './LastPeriod-f4d92d87.js';
+import './Locale-c5e86e5b.js';
 import '@mantine/form';
 import 'dayjs';
-import './index-21c766d8.js';
+import './index-318a1878.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-82b4f2b6.js';
+import './index-bbafc45e.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './text-7bd13052.js';
-import './index-6e4aa339.js';
-import './utils-d47134bf.js';
+import './text-926c1207.js';
+import './index-e11c67f5.js';
+import './utils-b81640f2.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-e59166dc.js';
-import './index-0f3f5dab.js';
-import './index-af40ae57.js';
+import './index-8d616ffa.js';
+import './index-664210c7.js';
+import './index-cb741f64.js';
 import '@mantine/notifications';
-import './index-d02e9c01.js';
+import './index-facc4954.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
-import './shared-66ffcc74.js';
+import './shared-f5013f25.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-9d4a4d99.js';
+import './useUniqueId-e8e6f0da.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
-import './index-4ff18fd8.js';
-import './index-69bab49a.js';
+import './index-511c42e5.js';
+import './index-4cb37ec0.js';
 import '@mantine/dates';
-import './index.styles-43d79a33.js';
-import './index-ea8c2de9.js';
-import './translationsContext-15f0b183.js';
-import './index-f1fa7f42.js';
-import './index-09798eca.js';
+import './index.styles-3fdcbb0f.js';
+import './index-9d14e1c6.js';
+import './translationsContext-bf770015.js';
+import './index-dfb584cb.js';
+import './index-5ab39e77.js';
 import 'react-keyed-flatten-children';
 import 'react-hook-form';
-import './useHealthToolCache-65432df0.js';
+import './useHealthToolCache-a335d5af.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-8d0ad45e.js';
-import './core-53d010d4.js';
-import './constants-dc6e8945.js';
-import './index-a395e851.js';
+import './normalizeLink-e9de76ea.js';
+import './core-d1826626.js';
+import './constants-9a73232c.js';
+import './index-71695d10.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-f62086be.js';
+import './constants-39e25946.js';

package/build/esm/hooks.js

@@ -1,19 +1,19 @@
-export { u as useTranslations } from './index-ea8c2de9.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-926dd14f.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-4e7654cc.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-65432df0.js';
-export { u as useIsInit } from './useIsInit-f141835b.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-4be73895.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-9d4a4d99.js';
+export { u as useTranslations } from './index-9d14e1c6.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-494b4fab.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-6c23d950.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-a335d5af.js';
+export { u as useIsInit } from './useIsInit-dc5403e5.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-d5373de3.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-e8e6f0da.js';
 import 'react';
-import './translationsContext-15f0b183.js';
+import './translationsContext-bf770015.js';
 import 'lodash/debounce';
-import './tslib.es6-ebff6537.js';
+import './tslib.es6-af7a282c.js';
 import './miscCookieHelper.js';
-import './index-af40ae57.js';
-import './Locale-bd1932d4.js';
+import './index-cb741f64.js';
+import './Locale-c5e86e5b.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-8d0ad45e.js';
+import './normalizeLink-e9de76ea.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './core-53d010d4.js';
+import './core-d1826626.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-export { T as TranslationsContext } from './translationsContext-15f0b183.js';
-export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-92e884b9.js';
+export { T as TranslationsContext } from './translationsContext-bf770015.js';
+export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-e95f9d96.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-15f0b183.js';
-export { T as TranslationsContext } from './translationsContext-15f0b183.js';
+import { T as TranslationsContext } from './translationsContext-bf770015.js';
+export { T as TranslationsContext } from './translationsContext-bf770015.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-d551b3d2.js → index-05832dd1.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-ebff6537.js';
+import { _ as __rest } from './tslib.es6-af7a282c.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-e59166dc.js';
-import { u as useTranslations } from './index-ea8c2de9.js';
+import { T as Text } from './index-8d616ffa.js';
+import { u as useTranslations } from './index-9d14e1c6.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-3066ecd9.js → index-0ad8a070.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-bae12515.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-d47134bf.js';
-import { u as useTranslations } from './index-ea8c2de9.js';
-import { T as TogetherComponentGlobalContext } from './utils-bc200f7b.js';
+import { H as Heading } from './index-506d305b.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-b81640f2.js';
+import { u as useTranslations } from './index-9d14e1c6.js';
+import { T as TogetherComponentGlobalContext } from './utils-07df3431.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-e59166dc.js';
+import { T as Text } from './index-8d616ffa.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-ebff6537.js';
+import { _ as __rest } from './tslib.es6-af7a282c.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-42f45c7f.js → index-0b06a823.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-82b4f2b6.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-bc200f7b.js';
-import { G as GA_TOKEN_COOKIE } from './index-d02e9c01.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-a67cf1c6.js';
+import { C as CommonGAssets } from './index-bbafc45e.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-07df3431.js';
+import { G as GA_TOKEN_COOKIE } from './index-facc4954.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-67443f48.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-ebff6537.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-5366a764.js';
-import { I as ImageWrap } from './index-6e4aa339.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-8d0ad45e.js';
-import { u as useTranslations } from './index-ea8c2de9.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-af7a282c.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-93f269aa.js';
+import { I as ImageWrap } from './index-e11c67f5.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-e9de76ea.js';
+import { u as useTranslations } from './index-9d14e1c6.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, e as ChipButton, I as Input, b as AspectRatio$1 } from './index-21c766d8.js';
+import { d as Checkbox, e as ChipButton, I as Input, b as AspectRatio$1 } from './index-318a1878.js';
 import '@mantine/dates';
-import './index-af40ae57.js';
-import { t as themeColors } from './index-0f3f5dab.js';
-import { T as Text } from './index-e59166dc.js';
-import { B as Button } from './index-4ff18fd8.js';
-import './index.styles-43d79a33.js';
+import './index-cb741f64.js';
+import { t as themeColors } from './index-664210c7.js';
+import { T as Text } from './index-8d616ffa.js';
+import { B as Button } from './index-511c42e5.js';
+import './index.styles-3fdcbb0f.js';
 import { useViewportSize } from '@mantine/hooks';
-import './text-7bd13052.js';
-import './utils-d47134bf.js';
-import './index-f1fa7f42.js';
+import './text-926c1207.js';
+import './utils-b81640f2.js';
+import './index-dfb584cb.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-15f0b183.js';
-import { H as Heading } from './index-bae12515.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-65432df0.js';
-import { I as Icon } from './index-5b9a7a03.js';
+import './translationsContext-bf770015.js';
+import { H as Heading } from './index-506d305b.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-a335d5af.js';
+import { I as Icon } from './index-d6dce3f0.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-fadf9d6f.js';
-import { M as Modal } from './index-139c48dc.js';
+import { i as isVideo } from './index-a6de7a4e.js';
+import { M as Modal } from './index-274041b4.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-bd1932d4.js';
+import { L as LOCALE } from './Locale-c5e86e5b.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-2b41fa9e.js → index-11936e97.js}

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ebff6537.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-af7a282c.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { V as VideoType } from './index-af40ae57.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-118c353a.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-d02e9c01.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-8d0ad45e.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-81038bad.js';
+import { V as VideoType } from './index-cb741f64.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-5352621e.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-facc4954.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-e9de76ea.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-bfedbe3a.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-15f0b183.js';
+import './translationsContext-bf770015.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-21c766d8.js';
+import { I as Input } from './index-318a1878.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-d1849b82.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-4dce40c4.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-ff6cc432.js';
+import { L as Logo$1 } from './index-a686fefd.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-82b4f2b6.js';
-import './index-0f3f5dab.js';
-import { T as Text } from './index-e59166dc.js';
-import { B as Button } from './index-4ff18fd8.js';
-import './index.styles-43d79a33.js';
+import { C as CommonGAssets } from './index-bbafc45e.js';
+import './index-664210c7.js';
+import { T as Text } from './index-8d616ffa.js';
+import { B as Button } from './index-511c42e5.js';
+import './index.styles-3fdcbb0f.js';
 import '@mantine/hooks';
-import './text-7bd13052.js';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-d47134bf.js';
-import './index-f1fa7f42.js';
-import { L as LOCALISED_SLUGS } from './constants-85eb8e43.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-5366a764.js';
-import { L as LOCALIZED_SLUGS } from './constants-ea2378da.js';
-import { u as useTranslations } from './index-ea8c2de9.js';
-import { H as Heading } from './index-bae12515.js';
-import { I as Indicator$1 } from './index-0fbbbd2e.js';
-import { u as useIsInit } from './useIsInit-f141835b.js';
+import './text-926c1207.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-b81640f2.js';
+import './index-dfb584cb.js';
+import { L as LOCALISED_SLUGS } from './constants-3dbc3fe5.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-93f269aa.js';
+import { L as LOCALIZED_SLUGS } from './constants-dda703eb.js';
+import { u as useTranslations } from './index-9d14e1c6.js';
+import { H as Heading } from './index-506d305b.js';
+import { I as Indicator$1 } from './index-54f9a2c6.js';
+import { u as useIsInit } from './useIsInit-dc5403e5.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-89239154.js';
+import { B as Button$1 } from './index-da73aaf5.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-bb17e65a.js';
+import { U as UserAvatar } from './index-2801dec7.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-efb19164.js';
+import { C as Container } from './index-7c89a3db.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-bd1932d4.js';
-import { g as getDataWithCache } from './core-53d010d4.js';
+import { L as LOCALE } from './Locale-c5e86e5b.js';
+import { g as getDataWithCache } from './core-d1826626.js';
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {
@@ -823,10 +823,16 @@ const StyledContainerItems$4 = styled.div `
 `;
 
 const StyledItem$4 = styled.a `
+  position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   text-decoration: none;
+
+  &[data-has-button='true'] {
+    cursor: default;
+    pointer-events: none;
+  }
   * {
     pointer-events: none;
   }
@@ -853,6 +859,50 @@ const StyledImageCard$2 = styled.div `
     padding-top: 100px;
   }
 `;
+const StyledButton = styled.button `
+  ${MediaQueries.tdDown} {
+    position: relative;
+    bottom: 0;
+    left: 16px;
+    right: 0;
+    padding: 4px 8px;
+    width: 90px;
+    height: 24px;
+    min-height: 24px;
+    max-height: 24px;
+    font-size: 11px;
+    line-height: 16px;
+    border-radius: 8px;
+  }
+
+  position: absolute;
+  bottom: 8px;
+  left: 8px;
+  right: 8px;
+  height: 40px;
+  min-height: 40px;
+  max-height: 40px;
+  padding: 8px 16px;
+  pointer-events: auto;
+
+  background: ${(props) => props.bgColor};
+  border-radius: 12px;
+  border: none;
+  transition: all 0.2s ease-in-out;
+
+  color: ${(props) => props.textColor};
+  font-family: 'Inter';
+  font-weight: 500;
+  font-size: 15px;
+  text-align: center;
+  cursor: pointer;
+
+  &:hover {
+    opacity: 0.9;
+    color: ${(props) => props.bgColor};
+    background: ${(props) => props.textColor};
+  }
+`;
 const StyledTitle$3 = styled.p `
   font-size: 16px;
   font-weight: 400;
@@ -868,10 +918,22 @@ const StyledTitle$3 = styled.p `
 const Item$3 = ({ item, index = 0 }) => {
     if (!item)
         return null;
-    return (React__default.createElement(StyledItem$4, { key: item.id, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": `Spotlight Click ${index + 1}`, "data-event-label": item.link },
+    const linkProps = {
+        href: item.link,
+        'data-event-category': 'Hamburger Navigation',
+        'data-event-action': `Spotlight Click ${index + 1}`,
+        'data-event-label': item.link,
+    };
+    return (React__default.createElement(StyledItem$4, Object.assign({ key: item.id, as: item.buttonDisplay ? 'div' : 'a', "data-has-button": item.buttonDisplay ? 'true' : 'false' }, linkProps),
         React__default.createElement(StyledImageCard$2, null,
             React__default.createElement("img", { loading: "lazy", alt: item.title, src: item.banner || '/images/notFound-min-small.jpg' })),
-        React__default.createElement(StyledTitle$3, null, item.title)));
+        React__default.createElement("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: 8,
+            } },
+            React__default.createElement(StyledTitle$3, null, item.title),
+            !!item.buttonDisplay && (React__default.createElement(StyledButton, Object.assign({ as: item.buttonDisplay ? 'a' : 'button', bgColor: item.buttonDisplay.button_background_color, textColor: item.buttonDisplay.button_text_color }, linkProps), item.buttonDisplay.button_label)))));
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
@@ -882,6 +944,7 @@ const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
             link: statics.HOME_PAGE_URL + spotlight.permalink,
             title: spotlight.name,
             banner: spotlight.image,
+            buttonDisplay: spotlight.buttonDisplay,
         } }))))) : (React__default.createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.category.noDatas.cta'), icon: CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
@@ -1908,6 +1971,7 @@ const formatSpotlightsList = (spotlight) => {
         imageThumbnail: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image_thumbnail) || null,
         startDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.start_date,
         endDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.end_date,
+        buttonDisplay: spotlight.button_display || undefined,
     };
 };
 const checkAvailableSpotlight = (spotlight) => {

package/build/esm/{index-8182a3ba.js → index-1833a093.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-24cd82ca.js';
+import { L as Label } from './index-e8846cf6.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `

package/build/esm/{index-b02d7d2b.js → index-1c9184e9.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-d47134bf.js';
+import { t as toggleNoScroll } from './utils-b81640f2.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-1ff993ba.js';
-import { T as Text } from './index-e59166dc.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-050bd7bb.js';
+import { T as Text } from './index-8d616ffa.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-139c48dc.js → index-274041b4.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-ebff6537.js';
+import { _ as __rest } from './tslib.es6-af7a282c.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-43d79a33.js';
+import { u as useStyles } from './index.styles-3fdcbb0f.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-bb17e65a.js → index-2801dec7.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-ebff6537.js';
+import { _ as __rest } from './tslib.es6-af7a282c.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-bc200f7b.js';
+import { T as TogetherComponentGlobalContext } from './utils-07df3431.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-dccb1f13.js → index-289c1ca6.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-ea8c2de9.js';
-import { B as Button } from './index-89239154.js';
+import { u as useTranslations } from './index-9d14e1c6.js';
+import { B as Button } from './index-da73aaf5.js';
 
 var styles = {"loading":"PD6nRZX"};