@hhgtech/hhg-components 1.29.488-beta-6 → 1.29.488-beta-7

package/build/esm/{index-dfbd8408.js → index-423d2937.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-1f2d64c4.js';
+import { _ as __rest } from './tslib.es6-e7e4cb32.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-592d5837.js';
-import { u as useTranslations } from './index-394b9f33.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-09cdc383.js';
-import { I as Input } from './index-b0b21aa4.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-d674b587.js';
+import { u as useTranslations } from './index-9e19fe8e.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-c84147cd.js';
+import { I as Input } from './index-6800b375.js';
 import '@mantine/dates';
-import './index-544f17a1.js';
-import './index-5e50d2bc.js';
-import './index-a6fff1be.js';
-import './index-a9882b29.js';
-import './index-052052ec.js';
-import './index-0ea68741.js';
-import './index-4a60f86b.js';
-import './index.styles-3e676740.js';
+import './index-95027e6e.js';
+import './index-64c1d336.js';
+import './index-291794e7.js';
+import './index-f5188faa.js';
+import './index-627f873c.js';
+import './index-747b5ae9.js';
+import './index-77db374d.js';
+import './index.styles-9088bbca.js';
 import '@mantine/hooks';
-import './utils-3288d080.js';
-import './index-0ed078b9.js';
-import { C as CardWrapperContext } from './context-fa46d906.js';
-import { H as HealthToolFormWrapper } from './index-80b87b65.js';
-import { I as INPUT_RANGE } from './constants-05010dda.js';
+import './utils-99da37e0.js';
+import './index-492705f7.js';
+import { C as CardWrapperContext } from './context-d4af5305.js';
+import { H as HealthToolFormWrapper } from './index-6d3dfba7.js';
+import { I as INPUT_RANGE } from './constants-fa084ecb.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-1c75388e.js → index-42771873.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-24dd7803.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-3288d080.js';
-import { u as useTranslations } from './index-394b9f33.js';
-import { T as TogetherComponentGlobalContext } from './utils-80b1e489.js';
+import { H as Heading } from './index-ce6b4287.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-99da37e0.js';
+import { u as useTranslations } from './index-9e19fe8e.js';
+import { T as TogetherComponentGlobalContext } from './utils-6a030655.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-052052ec.js';
+import { T as Text } from './index-627f873c.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-1f2d64c4.js';
+import { _ as __rest } from './tslib.es6-e7e4cb32.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-c080ad09.js → index-456e1189.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-1f2d64c4.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-e7e4cb32.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-a3c1e82b.js';
-import { H as Heading } from './index-24dd7803.js';
-import { u as useTranslations } from './index-394b9f33.js';
+import { B as Button } from './index-6a079d91.js';
+import { H as Heading } from './index-ce6b4287.js';
+import { u as useTranslations } from './index-9e19fe8e.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-1691fb9f.js';
-import { C as CommonGAssets } from './index-a6fff1be.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-09cdc383.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-49fdd0fa.js';
+import { C as CommonGAssets } from './index-291794e7.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-c84147cd.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-80b1e489.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-3381b527.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-6a030655.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-b45d193f.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-3288d080.js';
+import { M as MediaQueries } from './utils-99da37e0.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-7715a55c.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-b1e2869e.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-6da0a321.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-abd14cc5.js';
-import { a as ProfileDetail, P as PostContent } from './index-6b8c39fd.js';
-import { a as PostImagePreview } from './index-1c75388e.js';
-import { S as SocialLinkPreview } from './index-4300801b.js';
-import { D as Divider } from './index-c63dab9f.js';
-import './index-544f17a1.js';
+import { C as CardLink } from './index-574474cd.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-c5383b67.js';
+import { a as ProfileDetail, P as PostContent } from './index-d84eedcd.js';
+import { a as PostImagePreview } from './index-42771873.js';
+import { S as SocialLinkPreview } from './index-ddc96b48.js';
+import { D as Divider } from './index-9cb30d17.js';
+import './index-95027e6e.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-868d0477.js';
-import { T as Text } from './index-052052ec.js';
-import { L as Loading } from './index-7c113085.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-43fed63a.js';
+import { I as Input } from './index-23754403.js';
+import { T as Text } from './index-627f873c.js';
+import { L as Loading } from './index-da1b16eb.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-bc4bcfc8.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-0ed078b9.js → index-492705f7.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-1f2d64c4.js';
+import { _ as __rest } from './tslib.es6-e7e4cb32.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-0ea68741.js';
-import { T as Text } from './index-052052ec.js';
+import { B as Button } from './index-747b5ae9.js';
+import { T as Text } from './index-627f873c.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-1691fb9f.js → index-49fdd0fa.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-a3c1e82b.js';
-import { H as Heading } from './index-24dd7803.js';
-import { T as Text } from './index-052052ec.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-3288d080.js';
+import { B as Button } from './index-6a079d91.js';
+import { H as Heading } from './index-ce6b4287.js';
+import { T as Text } from './index-627f873c.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-99da37e0.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-80b1e489.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-6a030655.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-1f2d64c4.js';
-import { I as Input } from './index-868d0477.js';
-import { u as useTranslations } from './index-394b9f33.js';
-import { e as formatComment } from './dataTransform-7715a55c.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-09cdc383.js';
+import { a as __awaiter } from './tslib.es6-e7e4cb32.js';
+import { I as Input } from './index-23754403.js';
+import { u as useTranslations } from './index-9e19fe8e.js';
+import { e as formatComment } from './dataTransform-b1e2869e.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-c84147cd.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-20f4042b.js';
-import { C as CardLink } from './index-6da0a321.js';
-import { L as Loading } from './index-7c113085.js';
-import { U as UserAvatar } from './index-36440bff.js';
-import { R as RichTextEditor } from './editor-1aec48b1.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-db108385.js';
+import { C as CardLink } from './index-574474cd.js';
+import { L as Loading } from './index-da1b16eb.js';
+import { U as UserAvatar } from './index-96631003.js';
+import { R as RichTextEditor } from './editor-5104d81d.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-58696c86.js';
-import { C as CloseIcon } from './index-1c75388e.js';
+import { P as Popup } from './index-032a620b.js';
+import { C as CloseIcon } from './index-42771873.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-21e05026.js → index-4f0ddf26.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-1f2d64c4.js';
+import { _ as __rest } from './tslib.es6-e7e4cb32.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-b0b21aa4.js';
+import { R as Radio } from './index-6800b375.js';
 import '@mantine/dates';
-import './index-544f17a1.js';
-import './index-5e50d2bc.js';
-import { C as CommonGAssets } from './index-a6fff1be.js';
-import './index-a9882b29.js';
-import { T as Text } from './index-052052ec.js';
-import './index-0ea68741.js';
-import './index-4a60f86b.js';
-import './index.styles-3e676740.js';
-import { u as useTranslations } from './index-394b9f33.js';
+import './index-95027e6e.js';
+import './index-64c1d336.js';
+import { C as CommonGAssets } from './index-291794e7.js';
+import './index-f5188faa.js';
+import { T as Text } from './index-627f873c.js';
+import './index-747b5ae9.js';
+import './index-77db374d.js';
+import './index.styles-9088bbca.js';
+import { u as useTranslations } from './index-9e19fe8e.js';
 import '@mantine/hooks';
-import './utils-3288d080.js';
-import './index-0ed078b9.js';
+import './utils-99da37e0.js';
+import './index-492705f7.js';
 
 var useStyles = createStyles((theme, { type, color }) => {
     var _a;

package/build/esm/{index-df045e6f.js → index-5209527d.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-1f2d64c4.js';
+import { _ as __rest } from './tslib.es6-e7e4cb32.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-ce502e8c.js';
-import { L as LOCALE } from './Locale-2b4a3670.js';
+import { L as LastPeriod } from './LastPeriod-bd97de53.js';
+import { L as LOCALE } from './Locale-e9cce1c3.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-b0b21aa4.js';
-import { D as DatePicker } from './index-d83e62d2.js';
-import { T as Text } from './index-052052ec.js';
-import './index-0ea68741.js';
-import './index-4a60f86b.js';
-import './index.styles-3e676740.js';
-import { u as useTranslations } from './index-394b9f33.js';
+import { R as Radio, I as Input, S as Select } from './index-6800b375.js';
+import { D as DatePicker } from './index-dda8a79f.js';
+import { T as Text } from './index-627f873c.js';
+import './index-747b5ae9.js';
+import './index-77db374d.js';
+import './index.styles-9088bbca.js';
+import { u as useTranslations } from './index-9e19fe8e.js';
 import '@mantine/hooks';
-import './index-a9882b29.js';
-import './utils-3288d080.js';
-import './index-0ed078b9.js';
-import { H as HealthToolFormWrapper } from './index-80b87b65.js';
+import './index-f5188faa.js';
+import './utils-99da37e0.js';
+import './index-492705f7.js';
+import { H as HealthToolFormWrapper } from './index-6d3dfba7.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-fa46d906.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-544f17a1.js';
+import { C as CardWrapperContext } from './context-d4af5305.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-95027e6e.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-843dcdeb.js → index-548836e7.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-1f2d64c4.js';
+import { _ as __rest } from './tslib.es6-e7e4cb32.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-592d5837.js';
-import { u as useTranslations } from './index-394b9f33.js';
-import { C as CommonGAssets } from './index-a6fff1be.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-09cdc383.js';
-import { G as GenderOptionControl } from './index-21e05026.js';
-import { I as Input, S as Select } from './index-b0b21aa4.js';
-import { D as DatePicker } from './index-d83e62d2.js';
-import './index-052052ec.js';
-import './index-0ea68741.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-d674b587.js';
+import { u as useTranslations } from './index-9e19fe8e.js';
+import { C as CommonGAssets } from './index-291794e7.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-c84147cd.js';
+import { G as GenderOptionControl } from './index-4f0ddf26.js';
+import { I as Input, S as Select } from './index-6800b375.js';
+import { D as DatePicker } from './index-dda8a79f.js';
+import './index-627f873c.js';
+import './index-747b5ae9.js';
 import '@mantine/core';
-import './index-4a60f86b.js';
-import './index.styles-3e676740.js';
+import './index-77db374d.js';
+import './index.styles-9088bbca.js';
 import '@mantine/hooks';
-import './index-a9882b29.js';
-import './utils-3288d080.js';
-import './index-0ed078b9.js';
-import './index-544f17a1.js';
-import { C as CardWrapperContext } from './context-fa46d906.js';
-import { H as HealthToolFormWrapper } from './index-80b87b65.js';
+import './index-f5188faa.js';
+import './utils-99da37e0.js';
+import './index-492705f7.js';
+import './index-95027e6e.js';
+import { C as CardWrapperContext } from './context-d4af5305.js';
+import { H as HealthToolFormWrapper } from './index-6d3dfba7.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-b0359c2c.js → index-5573ebe4.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-1f2d64c4.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-e7e4cb32.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-b0b21aa4.js';
+import { I as Input, S as Select } from './index-6800b375.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-544f17a1.js';
-import './index-5e50d2bc.js';
-import './index-a6fff1be.js';
-import './index-a9882b29.js';
-import './index-052052ec.js';
-import './index-0ea68741.js';
-import './index-4a60f86b.js';
-import './index.styles-3e676740.js';
-import { u as useTranslations } from './index-394b9f33.js';
+import { C as CDN_ADDRESS } from './index-95027e6e.js';
+import './index-64c1d336.js';
+import './index-291794e7.js';
+import './index-f5188faa.js';
+import './index-627f873c.js';
+import './index-747b5ae9.js';
+import './index-77db374d.js';
+import './index.styles-9088bbca.js';
+import { u as useTranslations } from './index-9e19fe8e.js';
 import '@mantine/hooks';
-import './utils-3288d080.js';
-import './index-0ed078b9.js';
-import { M as MAPPED_LOCALE } from './utils-8da16899.js';
-import { L as LOCALE } from './Locale-2b4a3670.js';
+import './utils-99da37e0.js';
+import './index-492705f7.js';
+import { M as MAPPED_LOCALE } from './utils-ab53c07c.js';
+import { L as LOCALE } from './Locale-e9cce1c3.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-6da0a321.js → index-574474cd.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-1f2d64c4.js';
+import { a as __awaiter } from './tslib.es6-e7e4cb32.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-24dd7803.js';
-import { T as Text } from './index-052052ec.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-80b1e489.js';
+import { H as Heading } from './index-ce6b4287.js';
+import { T as Text } from './index-627f873c.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-6a030655.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-09cdc383.js';
+import { D as DEFAULT_IMG } from './constants-c84147cd.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-a4aa0958.js → index-59777b42.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-3288d080.js';
+import { t as toggleNoScroll } from './utils-99da37e0.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-d3614707.js';
-import { T as Text } from './index-052052ec.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-9688f1a0.js';
+import { T as Text } from './index-627f873c.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-052052ec.js → index-627f873c.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-1f2d64c4.js';
+import { _ as __rest } from './tslib.es6-e7e4cb32.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-4a60f86b.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-77db374d.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-8dc26603.js → index-63ccc0b8.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-052052ec.js';
+import { T as Text } from './index-627f873c.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-3288d080.js';
+import { M as MediaQueries } from './utils-99da37e0.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-87118759.js';
-import { R as Radio$1 } from './index-b0b21aa4.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-1f2d64c4.js';
-import { T as Text$1 } from './index-6e0ed3f9.js';
+import { S as ShapedArrowDown } from './index-0530603b.js';
+import { R as Radio$1 } from './index-6800b375.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e7e4cb32.js';
+import { T as Text$1 } from './index-6c442ef0.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-24dd7803.js';
-import { C as Close } from './Close-3e2a829c.js';
-import { u as useTranslations } from './index-394b9f33.js';
+import { H as Heading } from './index-ce6b4287.js';
+import { C as Close } from './Close-6de028ad.js';
+import { u as useTranslations } from './index-9e19fe8e.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-5e50d2bc.js → index-64c1d336.js}

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

package/build/esm/{index-91885524.js → index-6531501e.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-9c4284c1.js';
-import { u as useTranslations } from './index-394b9f33.js';
+import { I as Icon } from './index-7e7b532d.js';
+import { u as useTranslations } from './index-9e19fe8e.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-b0b21aa4.js → index-6800b375.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-1f2d64c4.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e7e4cb32.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-a6fff1be.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-4a60f86b.js';
-import { u as useScreenSize, I as ImageWrap } from './index-1e8dc411.js';
+import { C as CommonGAssets } from './index-291794e7.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-77db374d.js';
+import { u as useScreenSize, I as ImageWrap } from './index-d2b1251c.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-052052ec.js';
-import { t as themeColors } from './index-a9882b29.js';
+import { T as Text } from './index-627f873c.js';
+import { t as themeColors } from './index-f5188faa.js';
 import { theme } from './miscTheme.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-26ef42a6.js';
+import { a as useUniqueId } from './useUniqueId-73ffde36.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-0ea68741.js';
+import { B as Button } from './index-747b5ae9.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-a3c1e82b.js → index-6a079d91.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-1f2d64c4.js';
+import { _ as __rest } from './tslib.es6-e7e4cb32.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-0ea68741.js';
+import { B as Button$1 } from './index-747b5ae9.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-14c34043.js → index-6aafc8ce.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-1f2d64c4.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e7e4cb32.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-b0b21aa4.js';
+import { R as Radio } from './index-6800b375.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-544f17a1.js';
-import './index-5e50d2bc.js';
-import { C as CommonGAssets } from './index-a6fff1be.js';
-import './index-a9882b29.js';
-import { T as Text } from './index-052052ec.js';
-import { B as Button$1 } from './index-0ea68741.js';
-import './index-4a60f86b.js';
-import './index.styles-3e676740.js';
-import './translationsContext-c0588c9f.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-95027e6e.js';
+import './index-64c1d336.js';
+import { C as CommonGAssets } from './index-291794e7.js';
+import './index-f5188faa.js';
+import { T as Text } from './index-627f873c.js';
+import { B as Button$1 } from './index-747b5ae9.js';
+import './index-77db374d.js';
+import './index.styles-9088bbca.js';
+import './translationsContext-6ca66b54.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-3288d080.js';
-import './index-0ed078b9.js';
-import { i as isInternalLink } from './index-72d2cb7c.js';
+import { M as MediaQueries } from './utils-99da37e0.js';
+import './index-492705f7.js';
+import { i as isInternalLink } from './index-9cebead0.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-3312b671.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-29019eb0.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-19318caf.js';
+import { L as Logo } from './index-173afff7.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-4266ce16.js';
+import { a as useOutsideClick } from './useOutsideClick-90975ceb.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-a3c1e82b.js';
-import { u as useScreenSize, I as ImageWrap } from './index-1e8dc411.js';
-import { u as useTranslations } from './index-394b9f33.js';
+import { B as Button } from './index-6a079d91.js';
+import { u as useScreenSize, I as ImageWrap } from './index-d2b1251c.js';
+import { u as useTranslations } from './index-9e19fe8e.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-d74dd7a5.js';
+import { D as Dropdown } from './index-e1a25271.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-868d0477.js';
-import { D as Drawer } from './index-a4aa0958.js';
+import { I as Input } from './index-23754403.js';
+import { D as Drawer } from './index-59777b42.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-2b4a3670.js';
+import { L as LOCALE } from './Locale-e9cce1c3.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-13c58e3e.js';
-import { L as Loading } from './index-91885524.js';
+import { A as ArrowRightBlue } from './index-6de950b8.js';
+import { L as Loading } from './index-6531501e.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),