@hhgtech/hhg-components 1.29.439 → 1.29.440-beta-1

package/build/esm/healthToolsForm.js

@@ -1,59 +1,59 @@
-export { D as DueDateForm } from './index-d95230d1.js';
-export { B as BmiForm } from './index-2f3b87e2.js';
-export { B as BabyPoopForm } from './index-5eecc540.js';
-export { T as ThrForm } from './index-9f31f88b.js';
-export { O as OvulationForm } from './index-f995ca4b.js';
-export { B as BabyVaccineForm } from './index-b50d38b1.js';
-export { P as PWGForm } from './index-3f02bafc.js';
-import './tslib.es6-323a673f.js';
+export { D as DueDateForm } from './index-55a976fe.js';
+export { B as BmiForm } from './index-905fdf5e.js';
+export { B as BabyPoopForm } from './index-6e0e3538.js';
+export { T as ThrForm } from './index-ec10c74a.js';
+export { O as OvulationForm } from './index-915de1c9.js';
+export { B as BabyVaccineForm } from './index-7e1c20c9.js';
+export { P as PWGForm } from './index-37fa63e9.js';
+import './tslib.es6-4cd65c2d.js';
 import 'react';
 import '@mantine/core';
 import 'date-fns';
-import './LastPeriod-9b6e6cc3.js';
-import './Locale-eb9076be.js';
+import './LastPeriod-fa939aba.js';
+import './Locale-89f034b1.js';
 import '@mantine/form';
 import 'dayjs';
-import './index-48acaae4.js';
+import './index-fd14d9bc.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-3baa811e.js';
+import './index-eed09587.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './text-f9367bbd.js';
-import './index-9f56e6fb.js';
-import './utils-fd01b6b3.js';
+import './text-cafa58ef.js';
+import './index-1850bafd.js';
+import './utils-ca999e81.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-f78d1dcc.js';
-import './index-f651fd16.js';
-import './index-df67cf22.js';
+import './index-69fd9189.js';
+import './index-1b9c9215.js';
+import './index-1a49e526.js';
 import '@mantine/notifications';
-import './index-ad4d7072.js';
+import './index-dbabb5b6.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
-import './shared-f319c202.js';
+import './shared-06d0d65b.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-7a43232e.js';
+import './useUniqueId-b6b7059a.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
-import './index-95971b1b.js';
-import './index-2972d2ff.js';
+import './index-9130048d.js';
+import './index-d431c962.js';
 import '@mantine/dates';
-import './index.styles-068f6093.js';
-import './index-4bec8845.js';
-import './translationsContext-86923b1f.js';
-import './index-4744df1f.js';
-import './index-6e83d40d.js';
+import './index.styles-f4231629.js';
+import './index-328bac99.js';
+import './translationsContext-e6e3e359.js';
+import './index-a66aec53.js';
+import './index-8bef1478.js';
 import 'react-keyed-flatten-children';
 import 'react-hook-form';
-import './useHealthToolCache-1ee57d42.js';
+import './useHealthToolCache-227b92a9.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-2bb2481f.js';
-import './core-28249792.js';
-import './constants-05b0e5ec.js';
-import './index-4bf4e4fb.js';
+import './normalizeLink-9adff872.js';
+import './core-72f7450f.js';
+import './constants-823b6069.js';
+import './index-b5c0772e.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-d36841b5.js';
+import './constants-8654a7df.js';

package/build/esm/hooks.js

@@ -1,19 +1,19 @@
-export { u as useTranslations } from './index-4bec8845.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-e717b117.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-d668ebc6.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-1ee57d42.js';
-export { u as useIsInit } from './useIsInit-a01fbae0.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-50b7f171.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-7a43232e.js';
+export { u as useTranslations } from './index-328bac99.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-7afa6285.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-f6c92ccc.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-227b92a9.js';
+export { u as useIsInit } from './useIsInit-c0efa12f.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-8062dd68.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-b6b7059a.js';
 import 'react';
-import './translationsContext-86923b1f.js';
+import './translationsContext-e6e3e359.js';
 import 'lodash/debounce';
-import './tslib.es6-323a673f.js';
+import './tslib.es6-4cd65c2d.js';
 import './miscCookieHelper.js';
-import './index-df67cf22.js';
-import './Locale-eb9076be.js';
+import './index-1a49e526.js';
+import './Locale-89f034b1.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-2bb2481f.js';
+import './normalizeLink-9adff872.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './core-28249792.js';
+import './core-72f7450f.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-export { T as TranslationsContext } from './translationsContext-86923b1f.js';
-export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-0cfac504.js';
+export { T as TranslationsContext } from './translationsContext-e6e3e359.js';
+export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-338ad936.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-86923b1f.js';
-export { T as TranslationsContext } from './translationsContext-86923b1f.js';
+import { T as TranslationsContext } from './translationsContext-e6e3e359.js';
+export { T as TranslationsContext } from './translationsContext-e6e3e359.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-83d6a44c.js → index-0e06e9cc.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-3baa811e.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-37060637.js';
-import { G as GA_TOKEN_COOKIE } from './index-ad4d7072.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-f0084f52.js';
+import { C as CommonGAssets } from './index-eed09587.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-0838a126.js';
+import { G as GA_TOKEN_COOKIE } from './index-dbabb5b6.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-99b50b32.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-323a673f.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-5ce8d355.js';
-import { I as ImageWrap } from './index-9f56e6fb.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-2bb2481f.js';
-import { u as useTranslations } from './index-4bec8845.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-4cd65c2d.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-b13e4c59.js';
+import { I as ImageWrap } from './index-1850bafd.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-9adff872.js';
+import { u as useTranslations } from './index-328bac99.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, e as ChipButton, I as Input, b as AspectRatio$1 } from './index-48acaae4.js';
+import { d as Checkbox, e as ChipButton, I as Input, b as AspectRatio$1 } from './index-fd14d9bc.js';
 import '@mantine/dates';
-import './index-df67cf22.js';
-import { t as themeColors } from './index-f651fd16.js';
-import { T as Text } from './index-f78d1dcc.js';
-import { B as Button } from './index-95971b1b.js';
-import './index.styles-068f6093.js';
+import './index-1a49e526.js';
+import { t as themeColors } from './index-1b9c9215.js';
+import { T as Text } from './index-69fd9189.js';
+import { B as Button } from './index-9130048d.js';
+import './index.styles-f4231629.js';
 import { useViewportSize } from '@mantine/hooks';
-import './text-f9367bbd.js';
-import './utils-fd01b6b3.js';
-import './index-4744df1f.js';
+import './text-cafa58ef.js';
+import './utils-ca999e81.js';
+import './index-a66aec53.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-86923b1f.js';
-import { H as Heading } from './index-2213a7ea.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-1ee57d42.js';
-import { I as Icon } from './index-1528e90d.js';
+import './translationsContext-e6e3e359.js';
+import { H as Heading } from './index-c2918030.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-227b92a9.js';
+import { I as Icon } from './index-c3e09bb0.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-451e8c04.js';
-import { M as Modal } from './index-28d19389.js';
+import { i as isVideo } from './index-cbc1b3b8.js';
+import { M as Modal } from './index-7ff5d3b9.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-eb9076be.js';
+import { L as LOCALE } from './Locale-89f034b1.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-4e578bd7.js → index-11c914f5.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-323a673f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-4cd65c2d.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-4744df1f.js';
-import { L as Loading } from './index-43c16d41.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-5642b769.js';
+import { T as Tabs } from './index-a66aec53.js';
+import { L as Loading } from './index-f111e8af.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-ecbc1912.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-37060637.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-0838a126.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-3baa811e.js';
-import { I as ImageWrap } from './index-9f56e6fb.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-6ff8057e.js';
-import { S as SocialType } from './index-df67cf22.js';
-import { u as useTranslations } from './index-4bec8845.js';
+import { C as CommonGAssets } from './index-eed09587.js';
+import { I as ImageWrap } from './index-1850bafd.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-5d866af2.js';
+import { S as SocialType } from './index-1a49e526.js';
+import { u as useTranslations } from './index-328bac99.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-48acaae4.js';
+import { A as Anchor$1 } from './index-fd14d9bc.js';
 import '@mantine/dates';
-import './index-ad4d7072.js';
-import './index-f651fd16.js';
-import { T as Text } from './index-f78d1dcc.js';
-import { B as Button } from './index-95971b1b.js';
-import './index.styles-068f6093.js';
+import './index-dbabb5b6.js';
+import './index-1b9c9215.js';
+import { T as Text } from './index-69fd9189.js';
+import { B as Button } from './index-9130048d.js';
+import './index.styles-f4231629.js';
 import '@mantine/hooks';
-import './text-f9367bbd.js';
-import './utils-fd01b6b3.js';
+import './text-cafa58ef.js';
+import './utils-ca999e81.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-957f81e1.js';
-import { B as Button$1 } from './index-01c9e173.js';
-import './translationsContext-86923b1f.js';
+import { d as decodeMention, b as decodePostUrl } from './post-75929e99.js';
+import { B as Button$1 } from './index-262f7424.js';
+import './translationsContext-e6e3e359.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-071ed24d.js → index-1632be4a.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-1528e90d.js';
-import { u as useTranslations } from './index-4bec8845.js';
+import { I as Icon } from './index-c3e09bb0.js';
+import { u as useTranslations } from './index-328bac99.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-9f56e6fb.js → index-1850bafd.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-fd01b6b3.js';
-import { _ as __rest } from './tslib.es6-323a673f.js';
+import { B as Breakpoints } from './utils-ca999e81.js';
+import { _ as __rest } from './tslib.es6-4cd65c2d.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-df67cf22.js → index-1a49e526.js}

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

package/build/esm/{index-f651fd16.js → index-1b9c9215.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-323a673f.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-4cd65c2d.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-df67cf22.js';
-import { L as LOCALE } from './Locale-eb9076be.js';
+import './index-1a49e526.js';
+import { L as LOCALE } from './Locale-89f034b1.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-ad4d7072.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-dbabb5b6.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-3baa811e.js';
+import { C as CommonGAssets } from './index-eed09587.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-fd01b6b3.js';
-import { C as CustomStylesType, F as FontWeight } from './text-f9367bbd.js';
-import { A as ANIMATION_DURATION } from './shared-f319c202.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-ca999e81.js';
+import { C as CustomStylesType, F as FontWeight } from './text-cafa58ef.js';
+import { A as ANIMATION_DURATION } from './shared-06d0d65b.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-25fab129.js → index-20fd352a.js}

@@ -2,12 +2,12 @@ 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-9f56e6fb.js';
-import { _ as __rest } from './tslib.es6-323a673f.js';
+import { I as ImageWrap } from './index-1850bafd.js';
+import { _ as __rest } from './tslib.es6-4cd65c2d.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-45ed4423.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-9ca9e497.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-ad4d7072.js';
+import { Z as ZINDEX_SSO } from './index-dbabb5b6.js';
 
 /* eslint-disable prettier/prettier */
 const Pin2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 12", fill: "none" }, props),

package/build/esm/{index-25689520.js → index-235ca4e9.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-d39f01a3.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-ad4d7072.js';
-import { N as NodeIntentType } from './index-df67cf22.js';
+import { c as cookie } from './index-c6882b5d.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-dbabb5b6.js';
+import { N as NodeIntentType } from './index-1a49e526.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-dc8e470e.js → index-23adb0f5.js}

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-323a673f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-4cd65c2d.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { V as VideoType } from './index-df67cf22.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-ac10c6d6.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-ad4d7072.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-2bb2481f.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-5642b769.js';
+import { V as VideoType } from './index-1a49e526.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-ccb8f077.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-dbabb5b6.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-9adff872.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-ecbc1912.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-86923b1f.js';
+import './translationsContext-e6e3e359.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-48acaae4.js';
+import { I as Input } from './index-fd14d9bc.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-83772d11.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-45b6e747.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-669e1c1b.js';
+import { L as Logo$1 } from './index-3e6b7dc6.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-3baa811e.js';
-import './index-f651fd16.js';
-import { T as Text } from './index-f78d1dcc.js';
-import { B as Button } from './index-95971b1b.js';
-import './index.styles-068f6093.js';
+import { C as CommonGAssets } from './index-eed09587.js';
+import './index-1b9c9215.js';
+import { T as Text } from './index-69fd9189.js';
+import { B as Button } from './index-9130048d.js';
+import './index.styles-f4231629.js';
 import '@mantine/hooks';
-import './text-f9367bbd.js';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-fd01b6b3.js';
-import './index-4744df1f.js';
-import { L as LOCALISED_SLUGS } from './constants-08cdd59e.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-5ce8d355.js';
-import { L as LOCALIZED_SLUGS } from './constants-7d4f72ea.js';
-import { u as useTranslations } from './index-4bec8845.js';
-import { H as Heading } from './index-2213a7ea.js';
-import { I as Indicator$1 } from './index-b028ef8f.js';
-import { u as useIsInit } from './useIsInit-a01fbae0.js';
+import './text-cafa58ef.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-ca999e81.js';
+import './index-a66aec53.js';
+import { L as LOCALISED_SLUGS } from './constants-3b12811b.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-b13e4c59.js';
+import { L as LOCALIZED_SLUGS } from './constants-314133da.js';
+import { u as useTranslations } from './index-328bac99.js';
+import { H as Heading } from './index-c2918030.js';
+import { I as Indicator$1 } from './index-36c7feeb.js';
+import { u as useIsInit } from './useIsInit-c0efa12f.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-01c9e173.js';
+import { B as Button$1 } from './index-262f7424.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-22ef1cb3.js';
+import { U as UserAvatar } from './index-4f4fb1a9.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-733c3478.js';
+import { C as Container } from './index-0122275b.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-eb9076be.js';
-import { g as getDataWithCache } from './core-28249792.js';
+import { L as LOCALE } from './Locale-89f034b1.js';
+import { g as getDataWithCache } from './core-72f7450f.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 === null || spotlight === void 0 ? void 0 : spotlight.button_display) || null,
     };
 };
 const checkAvailableSpotlight = (spotlight) => {

package/build/esm/{index-3459e61b.js → index-24b343fe.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-323a673f.js';
+import { _ as __rest } from './tslib.es6-4cd65c2d.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-f651fd16.js';
-import { C as CustomStylesType } from './text-f9367bbd.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-1b9c9215.js';
+import { C as CustomStylesType } from './text-cafa58ef.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);

package/build/esm/{index-01c9e173.js → index-262f7424.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-323a673f.js';
+import { _ as __rest } from './tslib.es6-4cd65c2d.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-95971b1b.js';
+import { B as Button$1 } from './index-9130048d.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-1a1a1976.js → index-28c1a92f.js}

@@ -1,24 +1,24 @@
 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-fd01b6b3.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-ca999e81.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-323a673f.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-a591996d.js';
-import { I as Input } from './index-48acaae4.js';
+import { _ as __rest } from './tslib.es6-4cd65c2d.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-c5147f28.js';
+import { I as Input } from './index-fd14d9bc.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-ad4d7072.js';
-import './index-df67cf22.js';
-import './index-3baa811e.js';
-import './index-f651fd16.js';
-import './index-f78d1dcc.js';
-import './index-95971b1b.js';
-import './index.styles-068f6093.js';
-import './translationsContext-86923b1f.js';
+import './index-dbabb5b6.js';
+import './index-1a49e526.js';
+import './index-eed09587.js';
+import './index-1b9c9215.js';
+import './index-69fd9189.js';
+import './index-9130048d.js';
+import './index.styles-f4231629.js';
+import './translationsContext-e6e3e359.js';
 import '@mantine/hooks';
-import './text-f9367bbd.js';
-import './index-4744df1f.js';
+import './text-cafa58ef.js';
+import './index-a66aec53.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),

package/build/esm/{index-4bec8845.js → index-328bac99.js}

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