@hhgtech/hhg-components 1.29.500-beta-1 → 1.29.500-beta-2

package/build/esm/{index-88d1f4bb.js → index-36777edd.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-b66d75db.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-98006352.js';
-import { D as DatePicker } from './index-85d4d9e5.js';
-import { T as Text } from './index-8eb56567.js';
-import './index-fac9ecc6.js';
-import './index-d0043174.js';
-import './index.styles-e50708f1.js';
-import { u as useTranslations } from './index-49b79390.js';
+import './index-abf57548.js';
+import { D as DatePicker } from './index-efdcae57.js';
+import { T as Text } from './index-f485352b.js';
+import './index-596d9f61.js';
+import './index-5783e827.js';
+import './index.styles-a42bb23d.js';
+import { u as useTranslations } from './index-53857337.js';
 import '@mantine/hooks';
-import './index-a22941c6.js';
-import './utils-409a83b1.js';
-import './index-a39e6bf0.js';
-import { C as CardWrapperContext } from './context-13568ea4.js';
-import { H as HealthToolFormWrapper } from './index-fbe616df.js';
-import { G as GenderOptionControl } from './index-669c227e.js';
+import './index-b5fb218c.js';
+import './utils-3cf2fae9.js';
+import './index-cbd42af5.js';
+import { C as CardWrapperContext } from './context-a191d283.js';
+import { H as HealthToolFormWrapper } from './index-cddf4448.js';
+import { G as GenderOptionControl } from './index-9a787391.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-078d463e.js → index-388da7de.js}

@@ -2,13 +2,13 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-c95bb41b.js';
-import { T as Text } from './index-8eb56567.js';
-import { _ as __rest } from './tslib.es6-b66d75db.js';
+import { I as ImageWrap } from './index-73aae057.js';
+import { T as Text } from './index-f485352b.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-cd5da166.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-52e79d84.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-f36317a6.js';
+import { Z as ZINDEX_SSO } from './index-d7537411.js';
 
 /* eslint-disable prettier/prettier */
 const ShapedArrowDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),

package/build/esm/{index-ed4b6e80.js → index-3d9dd98d.js}

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

package/build/esm/{index-edf07f5a.js → index-3fe3e987.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-b66d75db.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-bea8d7ce.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-49b79390.js';
+import { u as useTranslations } from './index-53857337.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-2248b725.js';
-import { L as LOCALIZED_SLUGS } from './constants-18ee7aac.js';
-import { B as Button } from './index-fac9ecc6.js';
-import './index-f36317a6.js';
-import { c as callApi, g as getCarePath } from './utils-76c91d9e.js';
+import { P as PATHS } from './paths-f122ee31.js';
+import { L as LOCALIZED_SLUGS } from './constants-d5e32817.js';
+import { B as Button } from './index-596d9f61.js';
+import './index-d7537411.js';
+import { c as callApi, g as getCarePath } from './utils-636c6efd.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-1f6b99cb.js → index-421769cb.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-b66d75db.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import React__default from 'react';
 import { Textarea } from '@mantine/core';
-import { u as useStyles } from './index-98006352.js';
-import { u as useTemplateVariant } from './index-d0043174.js';
+import { u as useStyles } from './index-abf57548.js';
+import { u as useTemplateVariant } from './index-5783e827.js';
 
 const TextArea = (_a) => {
     var { styles } = _a, props = __rest(_a, ["styles"]);

package/build/esm/{index-962257e1.js → index-42c999c1.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-ef7d776a.js';
+import { u as useScrollbarSize } from './useScrollbarSize-2f99e016.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-409a83b1.js';
+import { M as MediaQueries } from './utils-3cf2fae9.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-ef6c9b1a.js → index-4c9596c1.js}

@@ -1,27 +1,27 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-b66d75db.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-bea8d7ce.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-a5e4373e.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-a16e91a9.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-e4912c80.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-ee5ae66c.js';
 import { Grid, Flex, Box, clsx, createStyles, rem, Stack } from '@mantine/core';
-import { G as GenderOptionControl } from './index-669c227e.js';
-import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-98006352.js';
+import { G as GenderOptionControl } from './index-9a787391.js';
+import { I as Input, R as Radio, d as ErrorLabel, e as Checkbox } from './index-abf57548.js';
 import '@mantine/dates';
-import './index-f36317a6.js';
-import './index-be0a2a5d.js';
-import './index-96dfb9cd.js';
-import './index-a22941c6.js';
-import { T as Text } from './index-8eb56567.js';
-import './index-fac9ecc6.js';
-import './index-d0043174.js';
-import './index.styles-e50708f1.js';
-import { u as useTranslations } from './index-49b79390.js';
+import './index-d7537411.js';
+import './index-9533e446.js';
+import './index-7da03926.js';
+import './index-b5fb218c.js';
+import { T as Text } from './index-f485352b.js';
+import './index-596d9f61.js';
+import './index-5783e827.js';
+import './index.styles-a42bb23d.js';
+import { u as useTranslations } from './index-53857337.js';
 import '@mantine/hooks';
-import './utils-409a83b1.js';
-import './index-a39e6bf0.js';
-import { H as HealthToolFormWrapper } from './index-fbe616df.js';
-import { C as CardWrapperContext } from './context-13568ea4.js';
-import { L as LOCALE } from './Locale-b6f4abea.js';
+import './utils-3cf2fae9.js';
+import './index-cbd42af5.js';
+import { H as HealthToolFormWrapper } from './index-cddf4448.js';
+import { C as CardWrapperContext } from './context-a191d283.js';
+import { L as LOCALE } from './Locale-685e2f0d.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 

package/build/esm/{index-f1c794c6.js → index-4c96460c.js}

@@ -2,10 +2,10 @@ import * as React from 'react';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-7f4a3be0.js';
+import { T as Text } from './index-6ef62074.js';
 import classNames from 'classnames';
-import { I as ImageWrap } from './index-c95bb41b.js';
-import { T as Text$1 } from './index-8eb56567.js';
+import { I as ImageWrap } from './index-73aae057.js';
+import { T as Text$1 } from './index-f485352b.js';
 
 /* eslint-disable prettier/prettier */
 const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),

package/build/esm/{index-8842587f.js → index-50d1b9a1.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-721cc126.js';
-import { u as useTranslations } from './index-49b79390.js';
+import { I as Icon } from './index-2809567f.js';
+import { u as useTranslations } from './index-53857337.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-cd5da166.js → index-52e79d84.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-b66d75db.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-f36317a6.js';
+import { Z as ZINDEX_SSO } from './index-d7537411.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-49b79390.js → index-53857337.js}

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

package/build/esm/{index-fac9ecc6.js → index-596d9f61.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-b66d75db.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, getStylesRef, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-d47dca0e.js';
-import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-d0043174.js';
+import { A as ANIMATION_DURATION } from './shared-340b76b1.js';
+import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-5783e827.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-bd1df7e6.js → index-5cc78b62.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-b66d75db.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-bea8d7ce.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio } from './index-98006352.js';
+import { R as Radio, a as Carousel } from './index-abf57548.js';
 import { Stack, Group, createStyles, getStylesRef, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-f36317a6.js';
-import './index-be0a2a5d.js';
-import { C as CommonGAssets } from './index-96dfb9cd.js';
-import './index-a22941c6.js';
-import { T as Text } from './index-8eb56567.js';
-import { B as Button$1 } from './index-fac9ecc6.js';
-import './index-d0043174.js';
-import './index.styles-e50708f1.js';
-import './translationsContext-7867723c.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-d7537411.js';
+import './index-9533e446.js';
+import { C as CommonGAssets } from './index-7da03926.js';
+import './index-b5fb218c.js';
+import { T as Text } from './index-f485352b.js';
+import { B as Button$1 } from './index-596d9f61.js';
+import './index-5783e827.js';
+import './index.styles-a42bb23d.js';
+import './translationsContext-8f354b67.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-409a83b1.js';
-import './index-a39e6bf0.js';
-import { i as isInternalLink } from './index-ae86b9be.js';
+import { M as MediaQueries } from './utils-3cf2fae9.js';
+import './index-cbd42af5.js';
+import { i as isInternalLink } from './index-d5bb9b6d.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-e2949056.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-106dfb8b.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-b51b8102.js';
+import { L as Logo } from './index-d902d3f5.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-7f9f2425.js';
+import { a as useOutsideClick } from './useOutsideClick-2fa59ce8.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-0a23d5b7.js';
-import { u as useScreenSize, I as ImageWrap } from './index-c95bb41b.js';
-import { u as useTranslations } from './index-49b79390.js';
+import { B as Button } from './index-e5318724.js';
+import { u as useScreenSize, I as ImageWrap } from './index-73aae057.js';
+import { u as useTranslations } from './index-53857337.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-28bd4b07.js';
+import { D as Dropdown } from './index-5f3af48f.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-70b6f892.js';
-import { D as Drawer } from './index-74676b94.js';
+import { I as Input } from './index-09a8e8cd.js';
+import { D as Drawer } from './index-7cc369a9.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-b6f4abea.js';
+import { L as LOCALE } from './Locale-685e2f0d.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-f1c794c6.js';
-import { L as Loading } from './index-8842587f.js';
+import { A as ArrowRightBlue } from './index-4c96460c.js';
+import { L as Loading } from './index-50d1b9a1.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 
@@ -5402,14 +5402,115 @@ const ProductContent = styled.div `
     flex-direction: column;
     gap: 8px;
   }
+`;
+const ImageCarouselContainer = styled.div `
+  margin-top: 0.75rem;
+  width: 100%;
+
+  ${MediaQueries.mbUp} {
+    margin-top: 12px;
+  }
+`;
+const StyledImageCarousel = styled(Carousel) `
+  .mantine-Carousel-controls {
+    padding-left: 4px;
+    padding-right: 4px;
+  }
+
+  .mantine-Carousel-control {
+    background-color: #fff;
+    border: none;
+    box-shadow: none;
+    padding: 0;
+    align-items: center;
+    justify-content: center;
+    opacity: 1;
+
+    &:hover {
+      background-color: #fff;
+    }
+
+    &:active {
+      background-color: #fff;
+    }
+
+    &[data-inactive] {
+      opacity: 0.5;
+      cursor: default;
+    }
+  }
+
+  .mantine-Carousel-indicators {
+    gap: 0.375rem;
+    bottom: 0.5rem;
+  }
+
+  .mantine-Carousel-indicator {
+    width: 5px;
+    height: 5px;
+    border-radius: 50%;
+    background-color: ${theme.colors.gray200};
+    opacity: 1;
+
+    &[data-active] {
+      background-color: ${theme.colors.black};
+    }
+  }
+`;
+const CarouselImageItemWrapper = styled.div `
+  width: 76px;
+  height: 76px;
+  border-radius: 0.5rem;
+  cursor: pointer;
+
+  border: 1px solid ${theme.colors.gray300};
+  transition: border-color 0.15s ease;
+  overflow: hidden;
+
+  &:hover {
+    border-color: ${theme.colors.primaryBase};
+  }
+`;
+const CarouselImageItemWrapperMobile = styled.div `
+  width: 100%;
+  aspect-ratio: 375/190;
+  border-radius: 0;
+  cursor: pointer;
+  transition: border-color 0.15s ease;
+  overflow: hidden;
+`;
+const CarouselImageItem = styled(ImageWrapV2) `
+  background-color: ${theme.colors.neutral50};
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center;
 `;
 
-function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, imagesSelect, children, isMobile = false, }) {
+function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, imagesSelect, children, isMobile: isMobileProp = false, imageCarousel = [], carouselSlotProps, onCarouselImageClick, }) {
+    const { isMobile: isMobileFromHook } = useScreenSize();
+    // Use isMobile prop first, fallback to breakpoint detection (secondary priority)
+    const isMobile = isMobileProp !== null && isMobileProp !== void 0 ? isMobileProp : isMobileFromHook;
+    const showCarousel = imageCarousel.length > 0;
+    const showCarouselControls = imageCarousel.length > 4 && !isMobile;
+    const showCarouselIndicators = imageCarousel.length > 1 && isMobile;
+    const { imageCarousel: imageCarouselSlotProps, slide: carouselSlideSlotProps, imageItemWrapper: carouselImageItemWrapperSlotProps, imageItem: carouselImageItemSlotProps, } = carouselSlotProps !== null && carouselSlotProps !== void 0 ? carouselSlotProps : {};
     return (React__default.createElement(GeneralInfoContainer, { className: className },
-        React__default.createElement("div", { id: "product-image-section" }, imagesSelect ? (imagesSelect) : (React__default.createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: generalInfo.altText ||
-                (typeof generalInfo.name === 'string'
-                    ? generalInfo.name
-                    : 'product') }, bannerProps)))),
+        React__default.createElement("div", { id: "product-image-section" }, imagesSelect ? (imagesSelect) : (React__default.createElement(React__default.Fragment, null, showCarousel && isMobile ? (React__default.createElement(StyledImageCarousel, Object.assign({ slidesToShow: 1, align: "start", withControls: false, withIndicators: showCarouselIndicators, dragFree: false, slideSize: "100%", slideGap: 0, draggable: showCarouselIndicators }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__default.createElement(Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
+            React__default.createElement(CarouselImageItemWrapperMobile, { onClick: () => onCarouselImageClick === null || onCarouselImageClick === void 0 ? void 0 : onCarouselImageClick(index) },
+                React__default.createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))) : (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: generalInfo.altText ||
+                    (typeof generalInfo.name === 'string'
+                        ? generalInfo.name
+                        : 'product') }, bannerProps)),
+            showCarousel && (React__default.createElement(ImageCarouselContainer, null,
+                React__default.createElement(StyledImageCarousel, Object.assign({ slidesToShow: 4, align: "start", withControls: showCarouselControls, withIndicators: false, dragFree: true, controlSize: 24, slideSize: 76, slideGap: 10 }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__default.createElement(Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
+                    React__default.createElement(CarouselImageItemWrapper, Object.assign({}, carouselImageItemWrapperSlotProps, { onClick: (event) => {
+                            var _a;
+                            (_a = carouselImageItemWrapperSlotProps === null || carouselImageItemWrapperSlotProps === void 0 ? void 0 : carouselImageItemWrapperSlotProps.onClick) === null || _a === void 0 ? void 0 : _a.call(carouselImageItemWrapperSlotProps, event);
+                            onCarouselImageClick === null || onCarouselImageClick === void 0 ? void 0 : onCarouselImageClick(index);
+                        } }),
+                        React__default.createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))))))))),
         React__default.createElement(ProductContent, { className: contentClassName },
             React__default.createElement("div", { className: "product-info" },
                 typeof generalInfo.name === 'string' ? (React__default.createElement(Text, { size: "h3", fw: 600, color: "gray1000", as: "h1" }, generalInfo.name)) : (generalInfo.name), generalInfo === null || generalInfo === void 0 ? void 0 :

package/build/esm/{index-1c52e306.js → index-5d9703c0.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-b66d75db.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-bea8d7ce.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-a39e6bf0.js';
-import { L as Loading } from './index-2761e4d7.js';
-import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-55b4fb41.js';
+import { T as Tabs } from './index-cbd42af5.js';
+import { L as Loading } from './index-a49aefc9.js';
+import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-83431e7e.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-76c91d9e.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-636c6efd.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-96dfb9cd.js';
-import { I as ImageWrap } from './index-c95bb41b.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-98516e89.js';
-import { S as SocialType } from './index-be0a2a5d.js';
-import { u as useTranslations } from './index-49b79390.js';
+import { C as CommonGAssets } from './index-7da03926.js';
+import { I as ImageWrap } from './index-73aae057.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-77700ece.js';
+import { S as SocialType } from './index-9533e446.js';
+import { u as useTranslations } from './index-53857337.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { a as Anchor$1 } from './index-98006352.js';
+import { b as Anchor$1 } from './index-abf57548.js';
 import '@mantine/dates';
-import './index-f36317a6.js';
-import './index-a22941c6.js';
-import { T as Text } from './index-8eb56567.js';
-import { B as Button } from './index-fac9ecc6.js';
-import './index-d0043174.js';
-import './index.styles-e50708f1.js';
+import './index-d7537411.js';
+import './index-b5fb218c.js';
+import { T as Text } from './index-f485352b.js';
+import { B as Button } from './index-596d9f61.js';
+import './index-5783e827.js';
+import './index.styles-a42bb23d.js';
 import '@mantine/hooks';
-import './utils-409a83b1.js';
+import './utils-3cf2fae9.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-a3397757.js';
-import { B as Button$1 } from './index-0a23d5b7.js';
-import './translationsContext-7867723c.js';
+import { d as decodeMention, b as decodePostUrl } from './post-3fd4c9f7.js';
+import { B as Button$1 } from './index-e5318724.js';
+import './translationsContext-8f354b67.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-f726e7ba.js → index-600c4552.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-d8f6854d.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-f36317a6.js';
-import { N as NodeIntentType } from './index-be0a2a5d.js';
+import { c as cookie } from './index-f8544122.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-d7537411.js';
+import { N as NodeIntentType } from './index-9533e446.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-6ede717c.js → index-6728fab5.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-0a23d5b7.js';
-import { H as Heading } from './index-7fac5711.js';
-import { T as Text } from './index-8eb56567.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-409a83b1.js';
+import { B as Button } from './index-e5318724.js';
+import { H as Heading } from './index-f31f4d3c.js';
+import { T as Text } from './index-f485352b.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-3cf2fae9.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-76c91d9e.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-636c6efd.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-b66d75db.js';
-import { I as Input } from './index-70b6f892.js';
-import { u as useTranslations } from './index-49b79390.js';
-import { e as formatComment } from './dataTransform-55b4fb41.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-a16e91a9.js';
+import { a as __awaiter } from './tslib.es6-bea8d7ce.js';
+import { I as Input } from './index-09a8e8cd.js';
+import { u as useTranslations } from './index-53857337.js';
+import { e as formatComment } from './dataTransform-83431e7e.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-ee5ae66c.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-a3397757.js';
-import { C as CardLink } from './index-9f2bceaf.js';
-import { L as Loading } from './index-752de85f.js';
-import { U as UserAvatar } from './index-f1bf0f5f.js';
-import { R as RichTextEditor } from './editor-b80d5d6b.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-3fd4c9f7.js';
+import { C as CardLink } from './index-ce9ed8f0.js';
+import { L as Loading } from './index-b6e37d4c.js';
+import { U as UserAvatar } from './index-e259fa00.js';
+import { R as RichTextEditor } from './editor-4bc69638.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-b41cb0cb.js';
-import { C as CloseIcon } from './index-899f4778.js';
+import { P as Popup } from './index-9dd0cc54.js';
+import { C as CloseIcon } from './index-a060707c.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-7f4a3be0.js → index-6ef62074.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-b66d75db.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import React__default from 'react';
-import './index-98006352.js';
+import './index-abf57548.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-f36317a6.js';
-import './index-be0a2a5d.js';
-import './index-96dfb9cd.js';
-import './index-a22941c6.js';
-import { T as Text$1 } from './index-8eb56567.js';
-import './index-fac9ecc6.js';
-import './index-d0043174.js';
-import './index.styles-e50708f1.js';
-import './translationsContext-7867723c.js';
+import './index-d7537411.js';
+import './index-9533e446.js';
+import './index-7da03926.js';
+import './index-b5fb218c.js';
+import { T as Text$1 } from './index-f485352b.js';
+import './index-596d9f61.js';
+import './index-5783e827.js';
+import './index.styles-a42bb23d.js';
+import './translationsContext-8f354b67.js';
 import '@mantine/hooks';
-import './utils-409a83b1.js';
-import './index-a39e6bf0.js';
+import './utils-3cf2fae9.js';
+import './index-cbd42af5.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-cd36c22d.js → index-6f47fd7b.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-b66d75db.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.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-a22941c6.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-d0043174.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-b5fb218c.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-5783e827.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-c95bb41b.js → index-73aae057.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-409a83b1.js';
-import { _ as __rest } from './tslib.es6-b66d75db.js';
+import { B as Breakpoints } from './utils-3cf2fae9.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-1b784c08.js → index-77064078.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-0a23d5b7.js';
-import { T as TogetherComponentGlobalContext } from './utils-76c91d9e.js';
+import { B as Button } from './index-e5318724.js';
+import { T as TogetherComponentGlobalContext } from './utils-636c6efd.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-e93888a4.js → index-771ae709.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-8daede73.js';
-import { T as Text } from './index-7f4a3be0.js';
+import { M as MarryBabyText } from './index-8ed83640.js';
+import { T as Text } from './index-6ef62074.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;