@hhgtech/hhg-components 1.29.450-beta-2 → 1.29.450-beta-3

package/build/esm/{index-0ab1aeb9.js → index-93748d8f.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-ca64e265.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-7135cbd1.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-fef2883b.js';
-import { u as useTranslations } from './index-1184c9d4.js';
+import { D as Dropdown } from './index-117f282b.js';
+import { u as useTranslations } from './index-77b4b510.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-e20d91bd.js';
+import { I as Input$1 } from './index-bd850572.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-8c5ae17d.js';
-import './index-ea149e42.js';
-import './index-28b62464.js';
-import './index-f64c6e39.js';
-import { T as Text } from './index-68a819a2.js';
-import { B as Button } from './index-fcd5837c.js';
-import './index-8f8bea46.js';
-import './index.styles-cb591c86.js';
+import './index-7f16c8df.js';
+import './index-8eb0ebd7.js';
+import './index-39db2637.js';
+import './index-83345bd3.js';
+import { T as Text } from './index-3abe9d25.js';
+import { B as Button } from './index-8c8721dc.js';
+import './index-93dd88d6.js';
+import './index.styles-37c906c0.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-23deda17.js';
-import './index-ac89e9ed.js';
-import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-0e871481.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-f0bd643a.js';
+import { M as MediaQueries } from './utils-02f5f612.js';
+import './index-a70749aa.js';
+import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-fa1e5cf4.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-1a1e60a8.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-0a549328.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-49096577.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-94f0fa82.js';
-import { C as CardAuthor } from './index-afee4c58.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-ba37a259.js';
-import { I as Input } from './index-cdacd6d3.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-7840ccb8.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-b8113c64.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-ac3a7b1e.js';
+import { C as CardAuthor } from './index-e9745685.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-64c907ae.js';
+import { I as Input } from './index-25cb9dea.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-e36c859b.js';
-import { C as CardLink } from './index-642860a8.js';
-import { B as BtnChoice } from './index-be921863.js';
-import { L as LOCALE } from './Locale-a6078fd4.js';
+import { L as Loading } from './index-0ab63f34.js';
+import { C as CardLink } from './index-f508bf31.js';
+import { B as BtnChoice } from './index-70c55ba0.js';
+import { L as LOCALE } from './Locale-5b8be709.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-7964b9a7.js';
-import { b as IconArrowLeft } from './index-2974e082.js';
-import { B as Button$1 } from './index-a293c77f.js';
+import { L as Loading$1 } from './index-0bdca4fd.js';
+import { b as IconArrowLeft } from './index-fd858aff.js';
+import { B as Button$1 } from './index-01874bdb.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-e14cf3f5.js';
-import { U as UserAvatar } from './index-ccc82125.js';
-import { P as PopoverMenu } from './index-c9dd0574.js';
+import { a as useUniqueId } from './useUniqueId-f56ceeb2.js';
+import { U as UserAvatar } from './index-2c2c6604.js';
+import { P as PopoverMenu } from './index-71f11d80.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-5a7ea5a9.js → index-94b2b754.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-ca64e265.js';
+import { a as __awaiter } from './tslib.es6-7135cbd1.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-11bf3a00.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-f0bd643a.js';
+import { I as ImageWrap } from './index-181f69ea.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-1a1e60a8.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-49096577.js';
-import { y as youtubeVidIdGetter } from './post-94f0fa82.js';
-import { L as Loading } from './index-7964b9a7.js';
+import { D as DEFAULT_IMG } from './constants-b8113c64.js';
+import { y as youtubeVidIdGetter } from './post-ac3a7b1e.js';
+import { L as Loading } from './index-0bdca4fd.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-f0ce9002.js → index-95d03735.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-276a33de.js';
+import { C as Container } from './index-840c8ffd.js';
 import dayjs from 'dayjs';
-import './index-8c5ae17d.js';
-import './index-e20d91bd.js';
+import './index-7f16c8df.js';
+import './index-bd850572.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-ea149e42.js';
-import './index-28b62464.js';
-import './index-f64c6e39.js';
-import { T as Text } from './index-68a819a2.js';
-import './index-fcd5837c.js';
-import './index-8f8bea46.js';
-import './index.styles-cb591c86.js';
-import './translationsContext-60b63e2f.js';
+import './index-8eb0ebd7.js';
+import './index-39db2637.js';
+import './index-83345bd3.js';
+import { T as Text } from './index-3abe9d25.js';
+import './index-8c8721dc.js';
+import './index-93dd88d6.js';
+import './index.styles-37c906c0.js';
+import './translationsContext-c928fb08.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-23deda17.js';
-import './index-ac89e9ed.js';
-import { u as useScreenSize } from './index-11bf3a00.js';
+import { M as MediaQueries } from './utils-02f5f612.js';
+import './index-a70749aa.js';
+import { u as useScreenSize } from './index-181f69ea.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-6486f53d.js';
-import { M as MarryBabyText } from './index-61473954.js';
+import { L as Logo } from './index-652a90e1.js';
+import { M as MarryBabyText } from './index-c5118165.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-4538ddb2.js → index-9a62b1b2.js}

@@ -1,33 +1,33 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-1184c9d4.js';
+import { u as useTranslations } from './index-77b4b510.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-28b62464.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-0c0f6e9e.js';
+import { C as CommonGAssets } from './index-39db2637.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-484c66f9.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-9fe27bfa.js';
-import { b as getTogetherUserPostsApiPath } from './index-ac424891.js';
-import { B as Button } from './index-a293c77f.js';
-import { w as workingDays } from './types-6161cdd5.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-5d6acb37.js';
+import { b as getTogetherUserPostsApiPath } from './index-c30b424f.js';
+import { B as Button } from './index-01874bdb.js';
+import { w as workingDays } from './types-6603421d.js';
 import styled from '@emotion/styled';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import cn from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-8c5ae17d.js';
-import { L as LOCALISED_SLUGS } from './constants-49096577.js';
-import { T as Text } from './index-d57d8265.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-73c36719.js';
-import { a as __awaiter } from './tslib.es6-ca64e265.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-7f16c8df.js';
+import { L as LOCALISED_SLUGS } from './constants-b8113c64.js';
+import { T as Text } from './index-a24b69b7.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-e7256091.js';
+import { a as __awaiter } from './tslib.es6-7135cbd1.js';
 import { useDisclosure } from '@mantine/hooks';
 import { clsx, Flex, Box, rem } from '@mantine/core';
-import { u as useTextStyles, T as TextField } from './index-8bf662cd.js';
+import { u as useTextStyles, T as TextField } from './index-7e7ead9f.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-e20d91bd.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-8f8bea46.js';
-import { B as Button$1 } from './index-fcd5837c.js';
-import { M as MAPPED_LOCALE } from './index-f64c6e39.js';
-import { T as Text$1 } from './index-68a819a2.js';
-import { I as ImageWrap } from './index-11bf3a00.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-718f8079.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-bd850572.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-93dd88d6.js';
+import { B as Button$1 } from './index-8c8721dc.js';
+import { M as MAPPED_LOCALE } from './index-83345bd3.js';
+import { T as Text$1 } from './index-3abe9d25.js';
+import { I as ImageWrap } from './index-181f69ea.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-0ea78c17.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),

package/build/esm/{index-f37e07bc.js → index-9d03030a.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-ca64e265.js';
+import { _ as __rest } from './tslib.es6-7135cbd1.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-e20d91bd.js';
-import { D as DatePicker } from './index-8e8ae67b.js';
-import { T as Text } from './index-68a819a2.js';
-import './index-fcd5837c.js';
-import './index-8f8bea46.js';
-import './index.styles-cb591c86.js';
-import { u as useTranslations } from './index-1184c9d4.js';
+import { I as Input } from './index-bd850572.js';
+import { D as DatePicker } from './index-6ea8ac9d.js';
+import { T as Text } from './index-3abe9d25.js';
+import './index-8c8721dc.js';
+import './index-93dd88d6.js';
+import './index.styles-37c906c0.js';
+import { u as useTranslations } from './index-77b4b510.js';
 import '@mantine/hooks';
-import './index-f64c6e39.js';
-import './utils-23deda17.js';
-import './index-ac89e9ed.js';
-import { C as CardWrapperContext } from './context-9666df99.js';
-import { I as INPUT_RANGE } from './constants-f843bfdc.js';
-import { H as HealthToolFormWrapper } from './index-409faa8a.js';
-import { G as GenderOptionControl } from './index-4f35790c.js';
-import { L as LOCALE } from './Locale-a6078fd4.js';
+import './index-83345bd3.js';
+import './utils-02f5f612.js';
+import './index-a70749aa.js';
+import { C as CardWrapperContext } from './context-2651da03.js';
+import { I as INPUT_RANGE } from './constants-c8250f89.js';
+import { H as HealthToolFormWrapper } from './index-0e03e930.js';
+import { G as GenderOptionControl } from './index-0cf5e6ec.js';
+import { L as LOCALE } from './Locale-5b8be709.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-d57d8265.js → index-a24b69b7.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-ca64e265.js';
+import { _ as __rest } from './tslib.es6-7135cbd1.js';
 import React__default from 'react';
-import './index-e20d91bd.js';
+import './index-bd850572.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-8c5ae17d.js';
-import './index-ea149e42.js';
-import './index-28b62464.js';
-import './index-f64c6e39.js';
-import { T as Text$1 } from './index-68a819a2.js';
-import './index-fcd5837c.js';
-import './index-8f8bea46.js';
-import './index.styles-cb591c86.js';
-import './translationsContext-60b63e2f.js';
+import './index-7f16c8df.js';
+import './index-8eb0ebd7.js';
+import './index-39db2637.js';
+import './index-83345bd3.js';
+import { T as Text$1 } from './index-3abe9d25.js';
+import './index-8c8721dc.js';
+import './index-93dd88d6.js';
+import './index.styles-37c906c0.js';
+import './translationsContext-c928fb08.js';
 import '@mantine/hooks';
-import './utils-23deda17.js';
-import './index-ac89e9ed.js';
+import './utils-02f5f612.js';
+import './index-a70749aa.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-ac89e9ed.js → index-a70749aa.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-ca64e265.js';
+import { _ as __rest } from './tslib.es6-7135cbd1.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-fcd5837c.js';
-import { T as Text } from './index-68a819a2.js';
+import { B as Button } from './index-8c8721dc.js';
+import { T as Text } from './index-3abe9d25.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-0d644695.js → index-ab128ad2.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-ca64e265.js';
+import { _ as __rest } from './tslib.es6-7135cbd1.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-e20d91bd.js';
+import './index-bd850572.js';
 import '@mantine/dates';
-import './index-8c5ae17d.js';
-import './index-ea149e42.js';
-import './index-28b62464.js';
-import './index-f64c6e39.js';
-import { T as Text } from './index-68a819a2.js';
-import './index-fcd5837c.js';
-import { F as FontWeight } from './index-8f8bea46.js';
-import './index.styles-cb591c86.js';
-import { u as useTranslations } from './index-1184c9d4.js';
+import './index-7f16c8df.js';
+import './index-8eb0ebd7.js';
+import './index-39db2637.js';
+import './index-83345bd3.js';
+import { T as Text } from './index-3abe9d25.js';
+import './index-8c8721dc.js';
+import { F as FontWeight } from './index-93dd88d6.js';
+import './index.styles-37c906c0.js';
+import { u as useTranslations } from './index-77b4b510.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-23deda17.js';
-import './index-ac89e9ed.js';
-import { C as CardWrapperContext } from './context-9666df99.js';
+import { M as MediaQueries } from './utils-02f5f612.js';
+import './index-a70749aa.js';
+import { C as CardWrapperContext } from './context-2651da03.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';

package/build/esm/{index-f770c090.js → index-ae4fcad8.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-e20d91bd.js';
+import { F as Flag } from './index-bd850572.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-68a819a2.js';
-import { C as CommonGAssets } from './index-28b62464.js';
-import { _ as __rest } from './tslib.es6-ca64e265.js';
-import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-8c5ae17d.js';
-import { V as VideoType } from './index-ea149e42.js';
+import { T as Text } from './index-3abe9d25.js';
+import { C as CommonGAssets } from './index-39db2637.js';
+import { _ as __rest } from './tslib.es6-7135cbd1.js';
+import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-7f16c8df.js';
+import { V as VideoType } from './index-8eb0ebd7.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-db0e17fe.js';
-import { u as useTranslations } from './index-1184c9d4.js';
+import { a as abbreviateNumber } from './number-18ba8415.js';
+import { u as useTranslations } from './index-77b4b510.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-957d1230.js';
-import { S as SocialLinkPreview } from './index-5a7ea5a9.js';
+import { M as Modal } from './index-1d8a55b0.js';
+import { S as SocialLinkPreview } from './index-94b2b754.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-e20d91bd.js → index-bd850572.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ca64e265.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-7135cbd1.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-28b62464.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-8f8bea46.js';
-import { u as useScreenSize, I as ImageWrap } from './index-11bf3a00.js';
+import { C as CommonGAssets } from './index-39db2637.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-93dd88d6.js';
+import { u as useScreenSize, I as ImageWrap } from './index-181f69ea.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-68a819a2.js';
-import { t as themeColors } from './index-f64c6e39.js';
+import { T as Text } from './index-3abe9d25.js';
+import { t as themeColors } from './index-83345bd3.js';
 import { theme } from './miscTheme.js';
 import cn from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-e14cf3f5.js';
+import { a as useUniqueId } from './useUniqueId-f56ceeb2.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-fcd5837c.js';
+import { B as Button } from './index-8c8721dc.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-08b4829f.js → index-be8ea950.js}

@@ -1,51 +1,51 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ca64e265.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-7135cbd1.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-e20d91bd.js';
+import { R as Radio } from './index-bd850572.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-8c5ae17d.js';
-import './index-ea149e42.js';
-import { C as CommonGAssets } from './index-28b62464.js';
-import './index-f64c6e39.js';
-import { T as Text } from './index-68a819a2.js';
-import { B as Button$1 } from './index-fcd5837c.js';
-import './index-8f8bea46.js';
-import './index.styles-cb591c86.js';
-import './translationsContext-60b63e2f.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-7f16c8df.js';
+import './index-8eb0ebd7.js';
+import { C as CommonGAssets } from './index-39db2637.js';
+import './index-83345bd3.js';
+import { T as Text } from './index-3abe9d25.js';
+import { B as Button$1 } from './index-8c8721dc.js';
+import './index-93dd88d6.js';
+import './index.styles-37c906c0.js';
+import './translationsContext-c928fb08.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-23deda17.js';
-import './index-ac89e9ed.js';
-import { i as isInternalLink } from './index-f770c090.js';
+import { M as MediaQueries } from './utils-02f5f612.js';
+import './index-a70749aa.js';
+import { i as isInternalLink } from './index-ae4fcad8.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 } from './index-ba09e18d.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput } from './index-ee1e88e3.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-6486f53d.js';
+import { L as Logo } from './index-652a90e1.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-9a9b473f.js';
+import { a as useOutsideClick } from './useOutsideClick-82fd1a32.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-a293c77f.js';
-import { u as useScreenSize, I as ImageWrap } from './index-11bf3a00.js';
-import { u as useTranslations } from './index-1184c9d4.js';
-import { D as Dropdown } from './index-fef2883b.js';
+import { B as Button } from './index-01874bdb.js';
+import { u as useScreenSize, I as ImageWrap } from './index-181f69ea.js';
+import { u as useTranslations } from './index-77b4b510.js';
+import { D as Dropdown } from './index-117f282b.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-cdacd6d3.js';
-import { D as Drawer } from './index-aee648ee.js';
+import { I as Input } from './index-25cb9dea.js';
+import { D as Drawer } from './index-4227c9a5.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-a6078fd4.js';
+import { L as LOCALE } from './Locale-5b8be709.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-718f8079.js';
-import { L as Loading } from './index-e36c859b.js';
+import { A as ArrowRightBlue } from './index-0ea78c17.js';
+import { L as Loading } from './index-0ab63f34.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 
@@ -5263,27 +5263,6 @@ const StyleCardItem = styled.div `
 
   /* grid-rows-1 grid-cols-2 order-2 w-[84px] */
 
-  .title {
-    font-size: 0.9375rem;
-    line-height: 1.5rem;
-    font-weight: 600;
-    letter-spacing: -0.2px;
-    color: #1e1e1e;
-  }
-
-  .description {
-    font-size: 0.8125rem;
-    line-height: 1.25rem;
-    color: ${theme.colors.gray600};
-    letter-spacing: -0.3px;
-
-    overflow: hidden;
-    text-overflow: ellipsis;
-    -webkit-line-clamp: 2;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-  }
-
   .info {
     gap: 4px;
     display: flex;
@@ -5301,17 +5280,15 @@ const StyledImageWrap = styled(ImageWrap) `
   align-self: baseline;
 `;
 
-function CardListItem({ title, href, description, logo, defaultImage, LinkComponent = 'a', children, contentInfo, className, }) {
+function CardListItem({ title, href, description, logo, defaultImage, LinkComponent = 'a', children, contentInfo, isMobile = true, className, }) {
     return (React__default.createElement(StyleCardItem, { className: className },
         React__default.createElement("div", { className: "info" },
-            React__default.createElement(LinkComponent, { href: href },
-                React__default.createElement(Text, { size: "title2", color: "#111111", weight: "semiBold" }, title)),
-            typeof description === 'string' ? (React__default.createElement(LinkComponent, { href: href },
-                React__default.createElement("p", { className: "description" }, description))) : (description),
+            React__default.createElement(LinkComponent, { href: href }, isMobile ? (React__default.createElement(Text, { size: "title2", color: "#111111", weight: "semiBold" }, title)) : (React__default.createElement(Text, { size: "title1", color: "#111111", weight: "semiBold" }, title))),
+            typeof description === 'string' ? (React__default.createElement(LinkComponent, { href: href }, isMobile ? (React__default.createElement(Text, { size: "p2", color: "gray700", weight: "regular", lineClamp: 2 }, description)) : (React__default.createElement(Text, { size: "title2", color: "gray600", weight: "regular", lineClamp: 2 }, description)))) : (description),
             contentInfo),
         React__default.createElement(LinkComponent, { href: href },
             React__default.createElement(AspectRatio, { ratio: 1, bg: "#EFF4FF", className: "logo" },
-                React__default.createElement(StyledImageWrap, { src: logo || defaultImage, width: 84, height: 84, alt: title, backupSrc: defaultImage }))),
+                React__default.createElement(StyledImageWrap, { src: logo || defaultImage, width: isMobile ? 84 : 148, height: isMobile ? 84 : 148, alt: title, backupSrc: defaultImage }))),
         children));
 }
 

package/build/esm/{index-ac424891.js → index-c30b424f.js}

@@ -1,47 +1,47 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ca64e265.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-7135cbd1.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-f770c090.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, c as VIDEO_LOCALES, T as TOGETHER_LOCALES, d as CARE_LOCALES } from './index-8c5ae17d.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-0c0f6e9e.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-0a549328.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-ae4fcad8.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, c as VIDEO_LOCALES, T as TOGETHER_LOCALES, d as CARE_LOCALES } from './index-7f16c8df.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-484c66f9.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-7840ccb8.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-60b63e2f.js';
+import './translationsContext-c928fb08.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-e20d91bd.js';
+import { I as Input } from './index-bd850572.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-68b264cf.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-05d183b7.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-6486f53d.js';
+import { L as Logo$1 } from './index-652a90e1.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-ea149e42.js';
-import { C as CommonGAssets } from './index-28b62464.js';
-import './index-f64c6e39.js';
-import { T as Text } from './index-68a819a2.js';
-import { B as Button } from './index-fcd5837c.js';
-import './index-8f8bea46.js';
-import './index.styles-cb591c86.js';
+import { V as VideoType } from './index-8eb0ebd7.js';
+import { C as CommonGAssets } from './index-39db2637.js';
+import './index-83345bd3.js';
+import { T as Text } from './index-3abe9d25.js';
+import { B as Button } from './index-8c8721dc.js';
+import './index-93dd88d6.js';
+import './index.styles-37c906c0.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-23deda17.js';
-import './index-ac89e9ed.js';
-import { L as LOCALISED_SLUGS } from './constants-98f6369a.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-4a8175ba.js';
-import { L as LOCALIZED_SLUGS } from './constants-2ff4ee3f.js';
-import { u as useTranslations } from './index-1184c9d4.js';
-import { H as Heading } from './index-5b1591ba.js';
-import { I as Indicator$1 } from './index-40a5aaa4.js';
-import { u as useIsInit } from './useIsInit-7d6ccb33.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-02f5f612.js';
+import './index-a70749aa.js';
+import { L as LOCALISED_SLUGS } from './constants-ed526f61.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-d8fa685a.js';
+import { L as LOCALIZED_SLUGS } from './constants-c90d1585.js';
+import { u as useTranslations } from './index-77b4b510.js';
+import { H as Heading } from './index-44f3aace.js';
+import { I as Indicator$1 } from './index-889d2aa8.js';
+import { u as useIsInit } from './useIsInit-79fc43a9.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-a293c77f.js';
+import { B as Button$1 } from './index-01874bdb.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-ccc82125.js';
-import { C as Container } from './index-276a33de.js';
+import { U as UserAvatar } from './index-2c2c6604.js';
+import { C as Container } from './index-840c8ffd.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-2c1e492c.js';
+import { g as getDataWithCache } from './core-e1c72cb9.js';
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {

package/build/esm/{index-61473954.js → index-c5118165.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-ca64e265.js';
+import { _ as __rest } from './tslib.es6-7135cbd1.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';