@hhgtech/hhg-components 1.29.488 → 1.29.490

package/build/esm/{index-08e4551c.js → index-b2e469a4.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3987292b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-94c2c26b.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-1f7a58b2.js';
+import { R as Radio } from './index-e2da89bc.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-cea13133.js';
-import './index-903668e3.js';
-import { C as CommonGAssets } from './index-c48d3865.js';
-import './index-b678ebfc.js';
-import { T as Text } from './index-6f612ec9.js';
-import { B as Button$1 } from './index-f5c37b6e.js';
-import './index-3988df7a.js';
-import './index.styles-addd7d68.js';
-import './translationsContext-90330e54.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-a9c34188.js';
+import './index-99ee5a05.js';
+import { C as CommonGAssets } from './index-43593626.js';
+import './index-b57b2423.js';
+import { T as Text } from './index-5d34cf46.js';
+import { B as Button$1 } from './index-45b8e84b.js';
+import './index-1cdb2e65.js';
+import './index.styles-4ddad41f.js';
+import './translationsContext-08f61c38.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-fc093818.js';
-import './index-00efecce.js';
-import { i as isInternalLink } from './index-9fbf948c.js';
+import { M as MediaQueries } from './utils-600236fe.js';
+import './index-57102615.js';
+import { i as isInternalLink } from './index-440b6887.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-ebe902da.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-b8577984.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-d31face7.js';
+import { L as Logo } from './index-a669b9ed.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-32478613.js';
+import { a as useOutsideClick } from './useOutsideClick-d7feb441.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-112ec757.js';
-import { u as useScreenSize, I as ImageWrap } from './index-7e60ad06.js';
-import { u as useTranslations } from './index-51d0c46f.js';
+import { B as Button } from './index-eaaab630.js';
+import { u as useScreenSize, I as ImageWrap } from './index-33140421.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-5f63670e.js';
+import { D as Dropdown } from './index-a9a8b343.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-b137406a.js';
-import { D as Drawer } from './index-53b71483.js';
+import { I as Input } from './index-a1930917.js';
+import { D as Drawer } from './index-f4995663.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-6add2536.js';
+import { L as LOCALE } from './Locale-27ec82e5.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-31c8b68e.js';
-import { L as Loading } from './index-b45b9008.js';
+import { A as ArrowRightBlue } from './index-e1d48fcc.js';
+import { L as Loading } from './index-db3c0a8f.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 
@@ -5292,11 +5292,11 @@ const StyledImageWrap = styled(ImageWrapV2) `
   align-self: baseline;
 `;
 
-function CardListItem({ title, href, description, logo, defaultImage, LinkComponent = 'a', children, contentInfo, isMobile = true, className, }) {
+function CardListItem({ title, href, description, logo, defaultImage, LinkComponent = 'a', children, contentInfo, isMobile = true, className, as = 'h3', }) {
     return (React__default.createElement(StyleCardItem, { className: className },
         React__default.createElement("div", { className: "info" },
             React__default.createElement(LinkComponent, { href: href },
-                React__default.createElement(Text, { size: isMobile ? 'title2' : 'title1', color: "#111111", weight: "semiBold" }, title)),
+                React__default.createElement(Text, { size: isMobile ? 'title2' : 'title1', color: "#111111", weight: "semiBold", as: as }, title)),
             typeof description === 'string' ? (React__default.createElement(LinkComponent, { href: href },
                 React__default.createElement(Text, { size: isMobile ? 'p2' : 'title2', color: 'gray700', weight: "regular", lineClamp: 2 }, description))) : (description),
             contentInfo),

package/build/esm/{index-b678ebfc.js → index-b57b2423.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-3987292b.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-903668e3.js';
-import { L as LOCALE } from './Locale-6add2536.js';
+import './index-99ee5a05.js';
+import { L as LOCALE } from './Locale-27ec82e5.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-cea13133.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-a9c34188.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-c48d3865.js';
+import { C as CommonGAssets } from './index-43593626.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-fc093818.js';
-import { C as CustomStylesType, F as FontWeight } from './index-3988df7a.js';
-import { A as ANIMATION_DURATION } from './shared-c57926d1.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-600236fe.js';
+import { C as CustomStylesType, F as FontWeight } from './index-1cdb2e65.js';
+import { A as ANIMATION_DURATION } from './shared-40591886.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-c75650de.js → index-b7a5b5bb.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-2e0084c9.js';
-import { T as Text } from './index-357f1656.js';
+import { M as MarryBabyText } from './index-71df1d9a.js';
+import { T as Text } from './index-d66e9963.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-ebe902da.js → index-b8577984.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-fc093818.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-600236fe.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-3987292b.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-b137406a.js';
-import { I as Input } from './index-1f7a58b2.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-a1930917.js';
+import { I as Input } from './index-e2da89bc.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-cea13133.js';
-import './index-903668e3.js';
-import './index-c48d3865.js';
-import './index-b678ebfc.js';
-import './index-6f612ec9.js';
-import './index-f5c37b6e.js';
-import './index-3988df7a.js';
-import './index.styles-addd7d68.js';
-import './translationsContext-90330e54.js';
+import './index-a9c34188.js';
+import './index-99ee5a05.js';
+import './index-43593626.js';
+import './index-b57b2423.js';
+import './index-5d34cf46.js';
+import './index-45b8e84b.js';
+import './index-1cdb2e65.js';
+import './index.styles-4ddad41f.js';
+import './translationsContext-08f61c38.js';
 import '@mantine/hooks';
-import './index-00efecce.js';
+import './index-57102615.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-d7067744.js → index-b93abe8e.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-3987292b.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-036a3492.js';
-import { S as Spinner } from './Spinner-06f1663c.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-bbd0a922.js';
+import { S as Spinner } from './Spinner-5d032671.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-92c83182.js → index-b977adfb.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-3987292b.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-addd7d68.js';
+import { u as useStyles } from './index.styles-4ddad41f.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);
@@ -10,7 +10,7 @@ const Modal = (_a) => {
         styles,
         classNames,
     });
-    return (React__default.createElement(Modal$1, Object.assign({ centered: true, classNames: classes, transitionProps: Object.assign({ transition: 'fade' }, transitionProps) }, rest)));
+    return (React__default.createElement(Modal$1, Object.assign({ centered: true, classNames: classes, transitionProps: Object.assign({ transition: 'fade' }, transitionProps), trapFocus: false }, rest)));
 };
 
 export { Modal as M };

package/build/esm/{index-4ef2d1e7.js → index-c73ca350.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-51d0c46f.js';
-import { B as Button } from './index-112ec757.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
+import { B as Button } from './index-eaaab630.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-9c02300d.js → index-c930c2e1.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-112ec757.js';
-import { u as useTranslations } from './index-51d0c46f.js';
+import { B as Button } from './index-eaaab630.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-d7cadee8.js → index-cf40b06d.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3987292b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-94c2c26b.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-00efecce.js';
-import { L as Loading } from './index-4ef2d1e7.js';
-import './index-903668e3.js';
-import { g as formatArticle } from './dataTransform-49cd332f.js';
+import { T as Tabs } from './index-57102615.js';
+import { L as Loading } from './index-c73ca350.js';
+import './index-99ee5a05.js';
+import { g as formatArticle } from './dataTransform-6a6117d5.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-b59ee166.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-089960de.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-c8d001a5.js';
-import { L as LOCALE } from './Locale-6add2536.js';
+import { C as CardAuthor } from './index-41adb355.js';
+import { L as LOCALE } from './Locale-27ec82e5.js';
 import '@hhgtech/icons/other';
-import './index-f5c37b6e.js';
-import './shared-c57926d1.js';
-import './index-3988df7a.js';
-import './index-6f612ec9.js';
-import './index-51d0c46f.js';
-import './translationsContext-90330e54.js';
-import './index-112ec757.js';
-import './index-70b888a1.js';
+import './index-45b8e84b.js';
+import './shared-40591886.js';
+import './index-1cdb2e65.js';
+import './index-5d34cf46.js';
+import './index-fcc7fb0c.js';
+import './translationsContext-08f61c38.js';
+import './index-eaaab630.js';
+import './index-36cdb31e.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-c9c4bfda.js';
+import './constants-2f98f01c.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-fc093818.js';
-import './index-bac48f96.js';
-import './paths-e5f470ff.js';
-import './constants-2ce40f4a.js';
-import './index-cea13133.js';
+import './utils-600236fe.js';
+import './index-969c84dd.js';
+import './paths-9c9de710.js';
+import './constants-a9e24c78.js';
+import './index-a9c34188.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-d7067744.js';
+import './index-b93abe8e.js';
 import './miscTheme.js';
-import './WhatsApp-036a3492.js';
-import './Spinner-06f1663c.js';
-import './index-6e3e84f4.js';
+import './WhatsApp-bbd0a922.js';
+import './Spinner-5d032671.js';
+import './index-59476272.js';
 import '@emotion/styled';
-import './index-7e60ad06.js';
-import './index-c48d3865.js';
-import './index-9c02300d.js';
+import './index-33140421.js';
+import './index-43593626.js';
+import './index-c930c2e1.js';
 import '@emotion/react';
-import './index-c21d9f90.js';
-import './index-92c83182.js';
-import './index.styles-addd7d68.js';
+import './index-8c1aecd3.js';
+import './index-b977adfb.js';
+import './index.styles-4ddad41f.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-f643c06c.js → index-d2cd245c.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-dcc0a123.js';
-import { T as Text } from './index-6f612ec9.js';
+import { C as Container } from './index-4b85d0dc.js';
+import { T as Text } from './index-5d34cf46.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-1eaf3c89.js → index-d30c368e.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-3987292b.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-52da084b.js';
-import { u as useTranslations } from './index-51d0c46f.js';
-import { C as CommonGAssets } from './index-c48d3865.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-c9c4bfda.js';
-import { G as GenderOptionControl } from './index-23f0b47c.js';
-import { I as Input, S as Select } from './index-1f7a58b2.js';
-import { D as DatePicker } from './index-cb308621.js';
-import './index-6f612ec9.js';
-import './index-f5c37b6e.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-c6b41f9b.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
+import { C as CommonGAssets } from './index-43593626.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-2f98f01c.js';
+import { G as GenderOptionControl } from './index-efb9800d.js';
+import { I as Input, S as Select } from './index-e2da89bc.js';
+import { D as DatePicker } from './index-da2191c1.js';
+import './index-5d34cf46.js';
+import './index-45b8e84b.js';
 import '@mantine/core';
-import './index-3988df7a.js';
-import './index.styles-addd7d68.js';
+import './index-1cdb2e65.js';
+import './index.styles-4ddad41f.js';
 import '@mantine/hooks';
-import './index-b678ebfc.js';
-import './utils-fc093818.js';
-import './index-00efecce.js';
-import './index-cea13133.js';
-import { C as CardWrapperContext } from './context-dd2312a9.js';
-import { H as HealthToolFormWrapper } from './index-adb833e9.js';
+import './index-b57b2423.js';
+import './utils-600236fe.js';
+import './index-57102615.js';
+import './index-a9c34188.js';
+import { C as CardWrapperContext } from './context-33bb16ec.js';
+import { H as HealthToolFormWrapper } from './index-f80cd612.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-357f1656.js → index-d66e9963.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-3987292b.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default from 'react';
-import './index-1f7a58b2.js';
+import './index-e2da89bc.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-cea13133.js';
-import './index-903668e3.js';
-import './index-c48d3865.js';
-import './index-b678ebfc.js';
-import { T as Text$1 } from './index-6f612ec9.js';
-import './index-f5c37b6e.js';
-import './index-3988df7a.js';
-import './index.styles-addd7d68.js';
-import './translationsContext-90330e54.js';
+import './index-a9c34188.js';
+import './index-99ee5a05.js';
+import './index-43593626.js';
+import './index-b57b2423.js';
+import { T as Text$1 } from './index-5d34cf46.js';
+import './index-45b8e84b.js';
+import './index-1cdb2e65.js';
+import './index.styles-4ddad41f.js';
+import './translationsContext-08f61c38.js';
 import '@mantine/hooks';
-import './utils-fc093818.js';
-import './index-00efecce.js';
+import './utils-600236fe.js';
+import './index-57102615.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-cb308621.js → index-da2191c1.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-3987292b.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-cea13133.js';
-import './index-903668e3.js';
-import { C as CommonGAssets } from './index-c48d3865.js';
-import { M as MAPPED_LOCALE } from './index-b678ebfc.js';
-import { L as LOCALE } from './Locale-6add2536.js';
+import { I as ISO_FORMAT } from './index-a9c34188.js';
+import './index-99ee5a05.js';
+import { C as CommonGAssets } from './index-43593626.js';
+import { M as MAPPED_LOCALE } from './index-b57b2423.js';
+import { L as LOCALE } from './Locale-27ec82e5.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-b45b9008.js → index-db3c0a8f.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-d7067744.js';
-import { u as useTranslations } from './index-51d0c46f.js';
+import { I as Icon } from './index-b93abe8e.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-07e5dbca.js → index-dcdae455.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-3987292b.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, Box, clsx } from '@mantine/core';
-import './index-1f7a58b2.js';
+import './index-e2da89bc.js';
 import '@mantine/dates';
-import './index-cea13133.js';
-import './index-903668e3.js';
-import './index-c48d3865.js';
-import './index-b678ebfc.js';
-import { T as Text } from './index-6f612ec9.js';
-import { B as Button } from './index-f5c37b6e.js';
-import './index-3988df7a.js';
-import './index.styles-addd7d68.js';
-import { u as useTranslations } from './index-51d0c46f.js';
+import './index-a9c34188.js';
+import './index-99ee5a05.js';
+import './index-43593626.js';
+import './index-b57b2423.js';
+import { T as Text } from './index-5d34cf46.js';
+import { B as Button } from './index-45b8e84b.js';
+import './index-1cdb2e65.js';
+import './index.styles-4ddad41f.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
 import '@mantine/hooks';
-import './utils-fc093818.js';
-import './index-00efecce.js';
-import { C as CardWrapperContext } from './context-dd2312a9.js';
-import { H as HealthToolFormWrapper } from './index-adb833e9.js';
+import './utils-600236fe.js';
+import './index-57102615.js';
+import { C as CardWrapperContext } from './context-33bb16ec.js';
+import { H as HealthToolFormWrapper } from './index-f80cd612.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-31c8b68e.js → index-e1d48fcc.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-357f1656.js';
+import { T as Text } from './index-d66e9963.js';
 import classNames from 'classnames';
-import { I as ImageWrap } from './index-7e60ad06.js';
-import { T as Text$1 } from './index-6f612ec9.js';
+import { I as ImageWrap } from './index-33140421.js';
+import { T as Text$1 } from './index-5d34cf46.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-1f7a58b2.js → index-e2da89bc.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3987292b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-94c2c26b.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { createStyles, rem, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, Flex, clsx, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-c48d3865.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-3988df7a.js';
-import { u as useScreenSize, I as ImageWrap } from './index-7e60ad06.js';
+import { C as CommonGAssets } from './index-43593626.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-1cdb2e65.js';
+import { u as useScreenSize, I as ImageWrap } from './index-33140421.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-6f612ec9.js';
-import { t as themeColors } from './index-b678ebfc.js';
+import { T as Text } from './index-5d34cf46.js';
+import { t as themeColors } from './index-b57b2423.js';
 import { theme } from './miscTheme.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-5dc8e4cc.js';
+import { a as useUniqueId } from './useUniqueId-60c44022.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-f5c37b6e.js';
+import { B as Button } from './index-45b8e84b.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-220885fc.js → index-e478f923.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-6f612ec9.js';
+import { T as Text } from './index-5d34cf46.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-fc093818.js';
+import { M as MediaQueries } from './utils-600236fe.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-5123b0e4.js';
-import { R as Radio$1 } from './index-1f7a58b2.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-3987292b.js';
-import { T as Text$1 } from './index-357f1656.js';
+import { S as ShapedArrowDown } from './index-3e2f2ddc.js';
+import { R as Radio$1 } from './index-e2da89bc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-94c2c26b.js';
+import { T as Text$1 } from './index-d66e9963.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-c21d9f90.js';
-import { C as Close } from './Close-e8a99ce8.js';
-import { u as useTranslations } from './index-51d0c46f.js';
+import { H as Heading } from './index-8c1aecd3.js';
+import { C as Close } from './Close-9269ec3f.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
@@ -236,7 +236,7 @@ const StyledCardCollapse = styled.div `
   }
 `;
 
-function CardCollapse({ children, title, icon, defaultOpened = true, haveCollapse = true, id, className, }) {
+function CardCollapse({ children, title, icon, defaultOpened = true, haveCollapse = true, id, className, as = 'h2', }) {
     const [opened, { toggle }] = useDisclosure(defaultOpened);
     const handleClick = () => {
         if (haveCollapse) {
@@ -246,7 +246,7 @@ function CardCollapse({ children, title, icon, defaultOpened = true, haveCollaps
     return (React__default.createElement(StyledCardCollapse, { id: id, className: className },
         React__default.createElement("div", { className: "box-collapse", onClick: handleClick },
             haveCollapse && icon,
-            React__default.createElement("div", { className: "title-collapse" }, title),
+            React__default.createElement(Text, { as: as, className: "title-collapse" }, title),
             haveCollapse && React__default.createElement(StyledArrowDownIcon, { "data-is-collapsed": opened })),
         React__default.createElement(Collapse, { in: haveCollapse ? opened : true, transitionDuration: 200, transitionTimingFunction: "ease" }, children)));
 }

package/build/esm/{index-10249aa9.js → index-e637d80e.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-3987292b.js';
+import { _ as __rest } from './tslib.es6-94c2c26b.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
 import { Warning } from '@hhgtech/icons/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-1f7a58b2.js';
+import './index-e2da89bc.js';
 import '@mantine/dates';
-import './index-cea13133.js';
-import './index-903668e3.js';
-import './index-c48d3865.js';
-import './index-b678ebfc.js';
-import { T as Text } from './index-6f612ec9.js';
-import './index-f5c37b6e.js';
-import { F as FontWeight } from './index-3988df7a.js';
-import './index.styles-addd7d68.js';
-import { u as useTranslations } from './index-51d0c46f.js';
+import './index-a9c34188.js';
+import './index-99ee5a05.js';
+import './index-43593626.js';
+import './index-b57b2423.js';
+import { T as Text } from './index-5d34cf46.js';
+import './index-45b8e84b.js';
+import { F as FontWeight } from './index-1cdb2e65.js';
+import './index.styles-4ddad41f.js';
+import { u as useTranslations } from './index-fcc7fb0c.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-fc093818.js';
-import './index-00efecce.js';
-import { C as CardWrapperContext } from './context-dd2312a9.js';
+import { M as MediaQueries } from './utils-600236fe.js';
+import './index-57102615.js';
+import { C as CardWrapperContext } from './context-33bb16ec.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';