@hhgtech/hhg-components 1.29.435 → 1.29.437-beta-1

package/build/esm/{index-78637af8.js → index-2b10cca4.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-9316837d.js';
-import { H as Heading } from './index-971eb8ab.js';
-import { T as Text } from './index-9e8c02dd.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-ef5b252f.js';
+import { B as Button } from './index-7f5f9f72.js';
+import { H as Heading } from './index-ab4e7945.js';
+import { T as Text } from './index-54aa091e.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-ad7ff1c3.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-282597b9.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-7b3eb085.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-cad4c87b.js';
-import { I as Input } from './index-5ccb32d4.js';
-import { u as useTranslations } from './index-c118b3d8.js';
-import { e as formatComment } from './dataTransform-b34a4eb5.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-a40532fa.js';
+import { a as __awaiter } from './tslib.es6-586cbac3.js';
+import { I as Input } from './index-003d82b3.js';
+import { u as useTranslations } from './index-068d104a.js';
+import { e as formatComment } from './dataTransform-52fdc3ad.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-a97bcdcb.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-946ccd83.js';
-import { C as CardLink } from './index-660c931a.js';
-import { L as Loading } from './index-fe927d80.js';
-import { U as UserAvatar } from './index-bc5a3fc2.js';
-import { R as RichTextEditor } from './editor-8da7b653.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-86100056.js';
+import { C as CardLink } from './index-2a86cc58.js';
+import { L as Loading } from './index-23c20070.js';
+import { U as UserAvatar } from './index-ab4b7f3a.js';
+import { R as RichTextEditor } from './editor-29a70ca1.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-f8c2b8fe.js';
-import { C as CloseIcon } from './index-d4d1258a.js';
+import { P as Popup } from './index-0453dfa3.js';
+import { C as CloseIcon } from './index-34e0f3c4.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-d97d8f55.js → index-2b777d68.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-cad4c87b.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-586cbac3.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-535dba58.js';
-import { u as useTranslations } from './index-c118b3d8.js';
+import { D as Dropdown } from './index-7c69e21b.js';
+import { u as useTranslations } from './index-068d104a.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-eb59ab36.js';
+import { I as Input$1 } from './index-b50e3a7a.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-5c71ffdd.js';
-import './index-6c2f46d4.js';
-import './index-7e11e0d5.js';
-import './index-c9d25309.js';
-import { T as Text } from './index-9e8c02dd.js';
-import { B as Button } from './index-c50bc401.js';
-import './index.styles-8250af6c.js';
+import './index-b3b7ebdd.js';
+import './index-745c9fbb.js';
+import './index-94139856.js';
+import './index-ee928136.js';
+import { T as Text } from './index-54aa091e.js';
+import { B as Button } from './index-349fd042.js';
+import './index.styles-b4de0465.js';
 import '@mantine/hooks';
-import './text-a80dbecb.js';
-import { M as MediaQueries } from './utils-ef5b252f.js';
-import './index-f32ab4f6.js';
-import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-78637af8.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-282597b9.js';
+import './text-c54a0730.js';
+import { M as MediaQueries } from './utils-ad7ff1c3.js';
+import './index-55c0ae92.js';
+import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-2b10cca4.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-7b3eb085.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-b34a4eb5.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-a40532fa.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-946ccd83.js';
-import { C as CardAuthor } from './index-e91f34af.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-8da7b653.js';
-import { I as Input } from './index-5ccb32d4.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-52fdc3ad.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-a97bcdcb.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-86100056.js';
+import { C as CardAuthor } from './index-b9822164.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-29a70ca1.js';
+import { I as Input } from './index-003d82b3.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-0bd8c367.js';
-import { C as CardLink } from './index-660c931a.js';
-import { B as BtnChoice } from './index-bfc36d93.js';
-import { L as LOCALE } from './Locale-04ca1b16.js';
+import { L as Loading } from './index-f0ce9ad9.js';
+import { C as CardLink } from './index-2a86cc58.js';
+import { B as BtnChoice } from './index-e5967735.js';
+import { L as LOCALE } from './Locale-8a241066.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-fe927d80.js';
-import { b as IconArrowLeft } from './index-d4d1258a.js';
-import { B as Button$1 } from './index-9316837d.js';
+import { L as Loading$1 } from './index-23c20070.js';
+import { b as IconArrowLeft } from './index-34e0f3c4.js';
+import { B as Button$1 } from './index-7f5f9f72.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-5d947d77.js';
-import { U as UserAvatar } from './index-bc5a3fc2.js';
-import { P as PopoverMenu } from './index-877884e8.js';
+import { a as useUniqueId } from './useUniqueId-01cf1e59.js';
+import { U as UserAvatar } from './index-ab4b7f3a.js';
+import { P as PopoverMenu } from './index-3256e07b.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-905c007e.js → index-2de4f02b.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-cad4c87b.js';
+import { _ as __rest } from './tslib.es6-586cbac3.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-eb59ab36.js';
-import { D as DatePicker } from './index-6f0cf5fe.js';
-import './index-9e8c02dd.js';
-import './index-c50bc401.js';
-import './index.styles-8250af6c.js';
-import { u as useTranslations } from './index-c118b3d8.js';
+import './index-b50e3a7a.js';
+import { D as DatePicker } from './index-319615cd.js';
+import './index-54aa091e.js';
+import './index-349fd042.js';
+import './index.styles-b4de0465.js';
+import { u as useTranslations } from './index-068d104a.js';
 import '@mantine/hooks';
-import './index-c9d25309.js';
-import './text-a80dbecb.js';
-import './utils-ef5b252f.js';
-import './index-f32ab4f6.js';
-import { H as HealthToolFormWrapper } from './index-910a2e45.js';
-import { G as GenderOptionControl } from './index-dadf649f.js';
+import './index-ee928136.js';
+import './text-c54a0730.js';
+import './utils-ad7ff1c3.js';
+import './index-55c0ae92.js';
+import { H as HealthToolFormWrapper } from './index-1dc3083b.js';
+import { G as GenderOptionControl } from './index-a029abda.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-8b41ee67.js → index-2ec8c56b.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-04ca1b16.js';
-import { C as CommonGAssets } from './index-7e11e0d5.js';
+import { L as LOCALE } from './Locale-8a241066.js';
+import { C as CommonGAssets } from './index-94139856.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-ef5b252f.js';
-import { L as LogoIcon } from './logoIcon-4b7699f9.js';
-import './index-6c2f46d4.js';
-import { I as ImageWrap } from './index-7f77a9f8.js';
+import { M as MediaQueries } from './utils-ad7ff1c3.js';
+import { L as LogoIcon } from './logoIcon-5b12815d.js';
+import './index-745c9fbb.js';
+import { I as ImageWrap } from './index-b3c250fd.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-522fa528.js → index-3152bdbb.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-cad4c87b.js';
+import { _ as __rest } from './tslib.es6-586cbac3.js';
 import React__default from 'react';
-import './index-eb59ab36.js';
+import './index-b50e3a7a.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-5c71ffdd.js';
-import './index-6c2f46d4.js';
-import './index-7e11e0d5.js';
-import './index-c9d25309.js';
-import { T as Text$1 } from './index-9e8c02dd.js';
-import './index-c50bc401.js';
-import './index.styles-8250af6c.js';
-import './translationsContext-698920d1.js';
+import './index-b3b7ebdd.js';
+import './index-745c9fbb.js';
+import './index-94139856.js';
+import './index-ee928136.js';
+import { T as Text$1 } from './index-54aa091e.js';
+import './index-349fd042.js';
+import './index.styles-b4de0465.js';
+import './translationsContext-778472e7.js';
 import '@mantine/hooks';
-import './text-a80dbecb.js';
-import './utils-ef5b252f.js';
-import './index-f32ab4f6.js';
+import './text-c54a0730.js';
+import './utils-ad7ff1c3.js';
+import './index-55c0ae92.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-6f0cf5fe.js → index-319615cd.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-cad4c87b.js';
+import { _ as __rest } from './tslib.es6-586cbac3.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-5c71ffdd.js';
-import './index-6c2f46d4.js';
-import { C as CommonGAssets } from './index-7e11e0d5.js';
-import { M as MAPPED_LOCALE } from './index-c9d25309.js';
-import { L as LOCALE } from './Locale-04ca1b16.js';
+import { I as ISO_FORMAT } from './index-b3b7ebdd.js';
+import './index-745c9fbb.js';
+import { C as CommonGAssets } from './index-94139856.js';
+import { M as MAPPED_LOCALE } from './index-ee928136.js';
+import { L as LOCALE } from './Locale-8a241066.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-877884e8.js → index-3256e07b.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-9316837d.js';
-import { T as TogetherComponentGlobalContext } from './utils-282597b9.js';
+import { B as Button } from './index-7f5f9f72.js';
+import { T as TogetherComponentGlobalContext } from './utils-7b3eb085.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-c50bc401.js → index-349fd042.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-cad4c87b.js';
+import { _ as __rest } from './tslib.es6-586cbac3.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-0d9eb362.js';
-import { C as CustomStylesType, F as FontWeight } from './text-a80dbecb.js';
+import { A as ANIMATION_DURATION } from './shared-c798efc3.js';
+import { C as CustomStylesType, F as FontWeight } from './text-c54a0730.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-d4d1258a.js → index-34e0f3c4.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-971eb8ab.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-ef5b252f.js';
-import { u as useTranslations } from './index-c118b3d8.js';
-import { T as TogetherComponentGlobalContext } from './utils-282597b9.js';
+import { H as Heading } from './index-ab4e7945.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-ad7ff1c3.js';
+import { u as useTranslations } from './index-068d104a.js';
+import { T as TogetherComponentGlobalContext } from './utils-7b3eb085.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-9e8c02dd.js';
+import { T as Text } from './index-54aa091e.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-cad4c87b.js';
+import { _ as __rest } from './tslib.es6-586cbac3.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-80dca832.js → index-39bf82c7.js}

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-cad4c87b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-586cbac3.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { V as VideoType } from './index-6c2f46d4.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-0624e3a3.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-5c71ffdd.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-7d484272.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-b34a4eb5.js';
+import { V as VideoType } from './index-745c9fbb.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-450a5260.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-b3b7ebdd.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-a48c9faa.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-52fdc3ad.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-698920d1.js';
+import './translationsContext-778472e7.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-eb59ab36.js';
+import { I as Input } from './index-b50e3a7a.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-c21d919c.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-ee7c962d.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-8b41ee67.js';
+import { L as Logo$1 } from './index-2ec8c56b.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-7e11e0d5.js';
-import './index-c9d25309.js';
-import { T as Text } from './index-9e8c02dd.js';
-import { B as Button } from './index-c50bc401.js';
-import './index.styles-8250af6c.js';
+import { C as CommonGAssets } from './index-94139856.js';
+import './index-ee928136.js';
+import { T as Text } from './index-54aa091e.js';
+import { B as Button } from './index-349fd042.js';
+import './index.styles-b4de0465.js';
 import '@mantine/hooks';
-import './text-a80dbecb.js';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-ef5b252f.js';
-import './index-f32ab4f6.js';
-import { L as LOCALISED_SLUGS } from './constants-5b3aef51.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-ec0da21e.js';
-import { L as LOCALIZED_SLUGS } from './constants-c08c8dfd.js';
-import { u as useTranslations } from './index-c118b3d8.js';
-import { H as Heading } from './index-971eb8ab.js';
-import { I as Indicator$1 } from './index-9aef1899.js';
-import { u as useIsInit } from './useIsInit-4d341334.js';
+import './text-c54a0730.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-ad7ff1c3.js';
+import './index-55c0ae92.js';
+import { L as LOCALISED_SLUGS } from './constants-1116230f.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-c080865f.js';
+import { L as LOCALIZED_SLUGS } from './constants-179e57fc.js';
+import { u as useTranslations } from './index-068d104a.js';
+import { H as Heading } from './index-ab4e7945.js';
+import { I as Indicator$1 } from './index-6c4b7d7c.js';
+import { u as useIsInit } from './useIsInit-087ca82d.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-9316837d.js';
+import { B as Button$1 } from './index-7f5f9f72.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-bc5a3fc2.js';
+import { U as UserAvatar } from './index-ab4b7f3a.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-15b9848b.js';
+import { C as Container } from './index-9e395833.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-04ca1b16.js';
-import { g as getDataWithCache } from './core-b5022560.js';
+import { L as LOCALE } from './Locale-8a241066.js';
+import { g as getDataWithCache } from './core-cffb6c88.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-1c4642d7.js → index-424d4bf5.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-abb549a6.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-5c71ffdd.js';
-import { N as NodeIntentType } from './index-6c2f46d4.js';
+import { c as cookie } from './index-a87f3a0b.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-b3b7ebdd.js';
+import { N as NodeIntentType } from './index-745c9fbb.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-d2239834.js → index-42cbf38d.js}

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

package/build/esm/{index-0977e7a2.js → index-43489576.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-c118b3d8.js';
-import { B as Button } from './index-9316837d.js';
+import { u as useTranslations } from './index-068d104a.js';
+import { B as Button } from './index-7f5f9f72.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-0624e3a3.js → index-450a5260.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-eb59ab36.js';
+import { F as Flag } from './index-b50e3a7a.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-9e8c02dd.js';
-import { C as CommonGAssets } from './index-7e11e0d5.js';
-import { _ as __rest } from './tslib.es6-cad4c87b.js';
-import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-5c71ffdd.js';
-import { V as VideoType } from './index-6c2f46d4.js';
+import { T as Text } from './index-54aa091e.js';
+import { C as CommonGAssets } from './index-94139856.js';
+import { _ as __rest } from './tslib.es6-586cbac3.js';
+import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-b3b7ebdd.js';
+import { V as VideoType } from './index-745c9fbb.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-315063b9.js';
-import { u as useTranslations } from './index-c118b3d8.js';
+import { a as abbreviateNumber } from './number-ad65c09e.js';
+import { u as useTranslations } from './index-068d104a.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-2ab6597f.js';
-import { S as SocialLinkPreview } from './index-0291c973.js';
+import { M as Modal } from './index-22aa9c53.js';
+import { S as SocialLinkPreview } from './index-5588e8ff.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-825d30b4.js → index-546e741a.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-cad4c87b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-586cbac3.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-f32ab4f6.js';
-import { L as Loading } from './index-0977e7a2.js';
-import './index-6c2f46d4.js';
-import { g as formatArticle } from './dataTransform-b34a4eb5.js';
+import { T as Tabs } from './index-55c0ae92.js';
+import { L as Loading } from './index-43489576.js';
+import './index-745c9fbb.js';
+import { g as formatArticle } from './dataTransform-52fdc3ad.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-282597b9.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-7b3eb085.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-e91f34af.js';
-import { L as LOCALE } from './Locale-04ca1b16.js';
+import { C as CardAuthor } from './index-b9822164.js';
+import { L as LOCALE } from './Locale-8a241066.js';
 import '@hhgtech/icons/other';
-import './index-c50bc401.js';
-import './shared-0d9eb362.js';
-import './text-a80dbecb.js';
-import './index-9e8c02dd.js';
-import './index-c118b3d8.js';
-import './translationsContext-698920d1.js';
-import './index-9316837d.js';
-import './index-abb549a6.js';
+import './index-349fd042.js';
+import './shared-c798efc3.js';
+import './text-c54a0730.js';
+import './index-54aa091e.js';
+import './index-068d104a.js';
+import './translationsContext-778472e7.js';
+import './index-7f5f9f72.js';
+import './index-a87f3a0b.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-a40532fa.js';
+import './constants-a97bcdcb.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-ef5b252f.js';
-import './index-83deb264.js';
-import './paths-2f050a4d.js';
-import './constants-c08c8dfd.js';
-import './index-5c71ffdd.js';
+import './utils-ad7ff1c3.js';
+import './index-b7347c69.js';
+import './paths-d2e2d5b0.js';
+import './constants-179e57fc.js';
+import './index-b3b7ebdd.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-5675385e.js';
+import './index-0e23feea.js';
 import './miscTheme.js';
-import './WhatsApp-9cad2c64.js';
-import './Spinner-6f8ff0b0.js';
-import './index-bc5a3fc2.js';
+import './WhatsApp-26348186.js';
+import './Spinner-94937b12.js';
+import './index-ab4b7f3a.js';
 import '@emotion/styled';
-import './index-7f77a9f8.js';
-import './index-7e11e0d5.js';
-import './index-fe927d80.js';
+import './index-b3c250fd.js';
+import './index-94139856.js';
+import './index-23c20070.js';
 import '@emotion/react';
-import './index-971eb8ab.js';
-import './index-2ab6597f.js';
-import './index.styles-8250af6c.js';
+import './index-ab4e7945.js';
+import './index-22aa9c53.js';
+import './index.styles-b4de0465.js';
 
 const ProfileDetailContext = createContext({});