@hhgtech/hhg-components 1.29.462 → 1.29.463-beta-1

package/build/esm/{index-cce4b238.js → index-3f07ac3b.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-aaf84424.js';
-import { T as Text } from './index-b853c8f2.js';
+import { M as MarryBabyText } from './index-d9627387.js';
+import { T as Text } from './index-712aa5bb.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-25370122.js → index-4171ff56.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-449eedd9.js';
-import { D as DatePicker } from './index-dc6cfb44.js';
-import './index-40b89622.js';
-import './index-ca40b2fe.js';
-import './index-8ee6da8b.js';
-import './index.styles-51f1e557.js';
-import { u as useTranslations } from './index-042d1072.js';
+import './index-8504d60c.js';
+import { D as DatePicker } from './index-34890688.js';
+import './index-61075b78.js';
+import './index-342161de.js';
+import './index-8f29a612.js';
+import './index.styles-8cdcc130.js';
+import { u as useTranslations } from './index-b158f556.js';
 import '@mantine/hooks';
-import './index-9222d65e.js';
-import './utils-6a4093c3.js';
-import './index-62a9c589.js';
-import { C as CardWrapperContext } from './context-ad93bcff.js';
-import { H as HealthToolFormWrapper } from './index-63dded2b.js';
-import { G as GenderOptionControl } from './index-ada5913a.js';
+import './index-7c6e4d50.js';
+import './utils-a8347871.js';
+import './index-0142c112.js';
+import { C as CardWrapperContext } from './context-d4d564be.js';
+import { H as HealthToolFormWrapper } from './index-34bd048c.js';
+import { G as GenderOptionControl } from './index-0c36bb69.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-6a819f27.js → index-427a7d91.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-76a49a5d.js';
+import './index-b9aeaed7.js';
 import { siteHost, siteOptions, COUNTRY_CURRENCY_SYMBOL } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-1d52a76a.js';
+import { L as LOCALE } from './Locale-ea8fd614.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;
@@ -394,7 +394,7 @@ const HAS_CLINITY_DOWNLOAD_SITE = [
     LOCALE.PhilippinesTagalog,
     LOCALE.Thailand,
     // LOCALE.Myanmar,
-    // LOCALE.Taiwan,
+    LOCALE.Taiwan,
 ];
 const ECOM_LOCALES = ['vi-VN'];
 const DATA_PRIVACY_LOCALES = ['id-ID'];

package/build/esm/{index-c57a5dd7.js → index-45ed8da2.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.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-6a819f27.js';
+import { Z as ZINDEX_SSO } from './index-427a7d91.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-79995258.js → index-4a8345a9.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-042d1072.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-6a4093c3.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-f73fd54b.js';
-import { I as Icon } from './index-529b6d0e.js';
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
-import { U as UserAvatar } from './index-94626db5.js';
-import { I as ImageWrap, u as useScreenSize } from './index-7d036362.js';
-import './index-6a819f27.js';
-import { C as CommonGAssets } from './index-bf1638ac.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-e94440c3.js';
-import { B as Button } from './index-683b1a62.js';
-import { T as Text } from './index-40b89622.js';
+import { u as useTranslations } from './index-b158f556.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-a8347871.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-0e10c583.js';
+import { I as Icon } from './index-269fa11c.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { U as UserAvatar } from './index-1be78dc9.js';
+import { I as ImageWrap, u as useScreenSize } from './index-1859869e.js';
+import './index-427a7d91.js';
+import { C as CommonGAssets } from './index-5eea3a66.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-a621aedf.js';
+import { B as Button } from './index-7dab5319.js';
+import { T as Text } from './index-61075b78.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-401257fb.js';
-import { H as Heading } from './index-4acf73f8.js';
-import { M as Modal } from './index-dad0e800.js';
+import { L as Loading } from './index-9c0b5af1.js';
+import { H as Heading } from './index-339ec9c0.js';
+import { M as Modal } from './index-62a0c409.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-340fbf9e.js').then((module) => {
+                import('./index-76b9b441.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-08d0c4c0.js → index-4b600c39.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-1d52a76a.js';
-import { C as CommonGAssets } from './index-bf1638ac.js';
+import { L as LOCALE } from './Locale-ea8fd614.js';
+import { C as CommonGAssets } from './index-5eea3a66.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-6a4093c3.js';
-import { L as LogoIcon } from './logoIcon-85a68e31.js';
-import './index-76a49a5d.js';
-import { I as ImageWrap } from './index-7d036362.js';
+import { M as MediaQueries } from './utils-a8347871.js';
+import { L as LogoIcon } from './logoIcon-7c4cc495.js';
+import './index-b9aeaed7.js';
+import { I as ImageWrap } from './index-1859869e.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-163fdc54.js → index-51f26c21.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-d0e38264.js';
-import { u as useTranslations } from './index-042d1072.js';
-import { C as CommonGAssets } from './index-bf1638ac.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-b893d62f.js';
-import { G as GenderOptionControl } from './index-ada5913a.js';
-import { I as Input, S as Select } from './index-449eedd9.js';
-import { D as DatePicker } from './index-dc6cfb44.js';
-import './index-40b89622.js';
-import './index-ca40b2fe.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-771803b0.js';
+import { u as useTranslations } from './index-b158f556.js';
+import { C as CommonGAssets } from './index-5eea3a66.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-8c4b5bce.js';
+import { G as GenderOptionControl } from './index-0c36bb69.js';
+import { I as Input, S as Select } from './index-8504d60c.js';
+import { D as DatePicker } from './index-34890688.js';
+import './index-61075b78.js';
+import './index-342161de.js';
 import '@mantine/core';
-import './index-8ee6da8b.js';
-import './index.styles-51f1e557.js';
+import './index-8f29a612.js';
+import './index.styles-8cdcc130.js';
 import '@mantine/hooks';
-import './index-9222d65e.js';
-import './utils-6a4093c3.js';
-import './index-62a9c589.js';
-import './index-6a819f27.js';
-import { C as CardWrapperContext } from './context-ad93bcff.js';
-import { H as HealthToolFormWrapper } from './index-63dded2b.js';
+import './index-7c6e4d50.js';
+import './utils-a8347871.js';
+import './index-0142c112.js';
+import './index-427a7d91.js';
+import { C as CardWrapperContext } from './context-d4d564be.js';
+import { H as HealthToolFormWrapper } from './index-34bd048c.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-40b89622.js → index-61075b78.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-8ee6da8b.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-8f29a612.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-dad0e800.js → index-62a0c409.js}

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

package/build/esm/{index-c56925c1.js → index-63e86c88.js}

@@ -1,51 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c2caacdd.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-449eedd9.js';
+import { R as Radio } from './index-8504d60c.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-6a819f27.js';
-import './index-76a49a5d.js';
-import { C as CommonGAssets } from './index-bf1638ac.js';
-import './index-9222d65e.js';
-import { T as Text } from './index-40b89622.js';
-import { B as Button$1 } from './index-ca40b2fe.js';
-import './index-8ee6da8b.js';
-import './index.styles-51f1e557.js';
-import './translationsContext-d5b1d93c.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-427a7d91.js';
+import './index-b9aeaed7.js';
+import { C as CommonGAssets } from './index-5eea3a66.js';
+import './index-7c6e4d50.js';
+import { T as Text } from './index-61075b78.js';
+import { B as Button$1 } from './index-342161de.js';
+import './index-8f29a612.js';
+import './index.styles-8cdcc130.js';
+import './translationsContext-19cc011c.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-6a4093c3.js';
-import './index-62a9c589.js';
-import { i as isInternalLink } from './index-b38ce8a5.js';
+import { M as MediaQueries } from './utils-a8347871.js';
+import './index-0142c112.js';
+import { i as isInternalLink } from './index-798b0832.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-cb06ea7e.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-2775f556.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-08d0c4c0.js';
+import { L as Logo } from './index-4b600c39.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-a44c98d9.js';
+import { a as useOutsideClick } from './useOutsideClick-3e771d0d.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-683b1a62.js';
-import { u as useScreenSize, I as ImageWrap } from './index-7d036362.js';
-import { u as useTranslations } from './index-042d1072.js';
-import { D as Dropdown } from './index-42b1c463.js';
+import { B as Button } from './index-7dab5319.js';
+import { u as useScreenSize, I as ImageWrap } from './index-1859869e.js';
+import { u as useTranslations } from './index-b158f556.js';
+import { D as Dropdown } from './index-82336eea.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-4d8a045c.js';
-import { D as Drawer } from './index-97214acb.js';
+import { I as Input } from './index-d968af1a.js';
+import { D as Drawer } from './index-eb6a721a.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-1d52a76a.js';
+import { L as LOCALE } from './Locale-ea8fd614.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-6178a162.js';
-import { L as Loading } from './index-28ee7996.js';
+import { A as ArrowRightBlue } from './index-81a6cf00.js';
+import cn from 'classnames';
+import { L as Loading } from './index-96e90df4.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 
@@ -4778,7 +4779,7 @@ const HPVScreener = ({ onClick, className, style, image, }) => {
                     React__default.createElement(ArrowRightBlue, { style: { width: '0.5rem', height: '0.5rem' } }))))));
 };
 
-const StyledHorizontalContainer = styled.div `
+const StyledTwoItemHorizontalContainer = styled.div `
   display: grid;
   grid-template-columns: 1fr 2px 1fr;
   column-gap: ${rem(16)};
@@ -4792,11 +4793,16 @@ const StyledVerticalContainer = styled.div `
     grid-column: 1 / span 2;
   }
 `;
+const StyledHorizontalContainer = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+`;
 const StyledVerticalContent = styled.div `
   display: flex;
   flex-direction: column;
   gap: ${rem(2)};
-  align-items: ${({ layout }) => (layout === 'vertical' ? 'left' : 'center')};
+  align-items: ${({ align }) => align};
 `;
 const StyledTitle$1 = styled.div `
   font-size: ${rem(15)};
@@ -4811,23 +4817,22 @@ const StyledDescription$1 = styled.div `
   font-size: ${rem(13)};
 `;
 
-const SummaryInfo = ({ infoItems, className, layout = 'vertical', }) => {
-    const isHorizontalLayout = layout === 'horizontal';
-    const StyledContainer = isHorizontalLayout
-        ? StyledHorizontalContainer
-        : StyledVerticalContainer;
-    return (React__default.createElement(StyledContainer, { className: className }, infoItems.map((item) => {
-        const lenOfInfoItems = infoItems.length;
-        if (lenOfInfoItems > 2 &&
-            lenOfInfoItems % 2 !== 0 &&
-            item.id === infoItems[lenOfInfoItems - 1].id) {
-            item.cssItem = 'span-2';
+const SummaryInfo = ({ infoItems, className, layout = 'vertical', align = 'start', }) => {
+    const StyledContainer = useMemo(() => {
+        if (layout === 'two-item-horizontal') {
+            return StyledTwoItemHorizontalContainer;
+        }
+        if (layout === 'horizontal') {
+            return StyledHorizontalContainer;
         }
+        return StyledVerticalContainer;
+    }, [layout]);
+    return (React__default.createElement(StyledContainer, { className: className }, infoItems.map((item) => {
         return (React__default.createElement(React__default.Fragment, { key: item.id },
-            React__default.createElement(StyledVerticalContent, { layout: layout, className: item.cssItem },
-                React__default.createElement(StyledTitle$1, null, item.title),
-                React__default.createElement(StyledDescription$1, null, item.description)),
-            isHorizontalLayout && (React__default.createElement(Divider, { className: item.cssItem, sx: {
+            React__default.createElement(StyledVerticalContent, { align: align, className: cn(item.cssItem, 'flex-1') },
+                React__default.createElement(StyledTitle$1, { className: 'summary-title' }, item.title),
+                React__default.createElement(StyledDescription$1, { className: 'summary-description' }, item.description)),
+            layout === 'two-item-horizontal' && (React__default.createElement(Divider, { className: item.cssItem, sx: {
                     borderColor: '#0000001a',
                     height: '75%',
                     alignSelf: 'center',
@@ -5349,10 +5354,29 @@ styled.div `
   }
 `;
 const GeneralInfoContainer = styled.div `
-  background-color: #fff;
-`;
+  ${MediaQueries.mbUp} {
+    display: flex;
+    gap: 1.5rem;
+    border-radius: 0.75rem;
+    padding: 1.5rem;
+    overflow: hidden;
+  }
 
+  #product-image-section {
+    ${MediaQueries.mbUp} {
+      width: 336px;
+    }
+  }
+  background-color: #fff;
+`;
 const ProductImage = styled(ImageWrapV2) `
+  ${MediaQueries.mbUp} {
+    width: 336px;
+    aspect-ratio: 1/1;
+    object-fit: cover;
+    border-radius: 0.5rem;
+  }
+
   width: 100%;
   object-fit: contain;
   object-position: center;
@@ -5360,37 +5384,35 @@ const ProductImage = styled(ImageWrapV2) `
 `;
 const ProductContent = styled.div `
   padding: 1.5rem 1rem;
+  ${MediaQueries.mbUp} {
+    padding: 0;
+    flex: 1;
+    overflow: hidden;
+  }
 
   .description {
     margin-top: 0.5rem;
   }
-`;
-const ProductTitle = styled.h1 `
-  font-size: 1.375rem;
-  font-weight: 600;
-  line-height: 1.75rem;
-  color: #111111;
-`;
-const ProductDescription = styled.p `
-  font-size: 0.8125rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  color: ${theme.colors.gray700};
-`;
-function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, children, }) {
+
+  .product-info {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+`;
+
+function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, imagesSelect, children, isMobile = false, }) {
     return (React__default.createElement(GeneralInfoContainer, { className: className },
-        React__default.createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: "product" }, bannerProps)),
+        React__default.createElement("div", { id: "product-image-section" }, imagesSelect ? (imagesSelect) : (React__default.createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: "product" }, bannerProps)))),
         React__default.createElement(ProductContent, { className: contentClassName },
-            React__default.createElement("div", null,
-                React__default.createElement(ProductTitle, null, generalInfo.name),
-                generalInfo.description && (React__default.createElement(ProductDescription, { className: "description" }, generalInfo.description))),
+            React__default.createElement("div", { className: "product-info" },
+                React__default.createElement(Text, { size: "h3", fw: 600, color: "gray1000" }, generalInfo.name),
+                generalInfo.description && (React__default.createElement(Text, { size: isMobile ? 'p3' : 'p1', color: "gray700" }, generalInfo.description))),
             children)));
 }
 GeneralInfo.Container = GeneralInfoContainer;
 GeneralInfo.Image = ProductImage;
-GeneralInfo.Content = ProductContent;
-GeneralInfo.Title = ProductTitle;
-GeneralInfo.Description = ProductDescription;
+GeneralInfo.Content = ProductContent;
 
 const StyledContainer$2 = styled.div `
   border-radius: 12px;
@@ -5541,7 +5563,8 @@ const RatingStars = ({ value, max = MAX_RATING, onChange, readOnly = false, }) =
             return starComponent(starValue, true);
         }
         if (diff >= HALF_STAR_THRESHOLD) {
-            return React__default.createElement(StarHalf, { key: `star-${index}` });
+            return (React__default.createElement("div", { key: `star-${index}` },
+                React__default.createElement(StarHalf, null)));
         }
         return starComponent(starValue, false);
     })));

package/build/esm/{index-3a335ebc.js → index-6da0277a.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-18b2b416.js';
+import { u as useScrollbarSize } from './useScrollbarSize-bfc9e874.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-6a4093c3.js';
+import { M as MediaQueries } from './utils-a8347871.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-b853c8f2.js → index-712aa5bb.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
 import React__default from 'react';
-import './index-449eedd9.js';
+import './index-8504d60c.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-6a819f27.js';
-import './index-76a49a5d.js';
-import './index-bf1638ac.js';
-import './index-9222d65e.js';
-import { T as Text$1 } from './index-40b89622.js';
-import './index-ca40b2fe.js';
-import './index-8ee6da8b.js';
-import './index.styles-51f1e557.js';
-import './translationsContext-d5b1d93c.js';
+import './index-427a7d91.js';
+import './index-b9aeaed7.js';
+import './index-5eea3a66.js';
+import './index-7c6e4d50.js';
+import { T as Text$1 } from './index-61075b78.js';
+import './index-342161de.js';
+import './index-8f29a612.js';
+import './index.styles-8cdcc130.js';
+import './translationsContext-19cc011c.js';
 import '@mantine/hooks';
-import './utils-6a4093c3.js';
-import './index-62a9c589.js';
+import './utils-a8347871.js';
+import './index-0142c112.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-d4a4997c.js → index-7558e9b0.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-449eedd9.js';
+import './index-8504d60c.js';
 import '@mantine/dates';
-import './index-6a819f27.js';
-import './index-76a49a5d.js';
-import './index-bf1638ac.js';
-import './index-9222d65e.js';
-import { T as Text } from './index-40b89622.js';
-import './index-ca40b2fe.js';
-import { F as FontWeight } from './index-8ee6da8b.js';
-import './index.styles-51f1e557.js';
-import { u as useTranslations } from './index-042d1072.js';
+import './index-427a7d91.js';
+import './index-b9aeaed7.js';
+import './index-5eea3a66.js';
+import './index-7c6e4d50.js';
+import { T as Text } from './index-61075b78.js';
+import './index-342161de.js';
+import { F as FontWeight } from './index-8f29a612.js';
+import './index.styles-8cdcc130.js';
+import { u as useTranslations } from './index-b158f556.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-6a4093c3.js';
-import './index-62a9c589.js';
-import { C as CardWrapperContext } from './context-ad93bcff.js';
+import { M as MediaQueries } from './utils-a8347871.js';
+import './index-0142c112.js';
+import { C as CardWrapperContext } from './context-d4d564be.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';