@hhgtech/hhg-components 1.29.500-beta-4 → 1.29.500-beta-6

package/build/esm/{index-f3fbf357.js → index-4ce64cae.js}

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

package/build/esm/{index-bab4cb98.js → index-4cedad1c.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-7bca3b0f.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-09ce3724.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-26a440ad.js';
-import { H as Heading } from './index-28ecf524.js';
-import { u as useTranslations } from './index-4323b4a4.js';
+import { B as Button } from './index-5a9dc6be.js';
+import { H as Heading } from './index-94e6d219.js';
+import { u as useTranslations } from './index-3b6184b0.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-d5bac01a.js';
-import { C as CommonGAssets } from './index-61e78b1a.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-1bd6f32e.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-da4540c8.js';
+import { C as CommonGAssets } from './index-b2dba4aa.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-69e60f4a.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, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-e6a88580.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-b402718a.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-82bffb8b.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-1b0db194.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-1a7cb8db.js';
+import { M as MediaQueries } from './utils-89c47058.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-6dd52cc3.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-2e71c86b.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-cfc94ba2.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-fe18ad29.js';
-import { a as ProfileDetail, P as PostContent } from './index-c329e899.js';
-import { a as PostImagePreview } from './index-6aabd64d.js';
-import { S as SocialLinkPreview } from './index-b041db6b.js';
-import { D as Divider } from './index-a121166e.js';
-import './index-94aa403c.js';
+import { C as CardLink } from './index-1e6c948e.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-7ebcc0a0.js';
+import { a as ProfileDetail, P as PostContent } from './index-a4f81349.js';
+import { a as PostImagePreview } from './index-6055fdeb.js';
+import { S as SocialLinkPreview } from './index-5fa95433.js';
+import { D as Divider } from './index-7c319a09.js';
+import './index-f211932f.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-b5f98eec.js';
-import { T as Text } from './index-717e6963.js';
-import { L as Loading } from './index-3b8eb31c.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-afe2da77.js';
+import { I as Input } from './index-8e9695a3.js';
+import { T as Text } from './index-8f6d06d7.js';
+import { L as Loading } from './index-a347b35b.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-0d7abd3b.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-4f845f39.js → index-4e352f7d.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-1c059480.js';
+import { C as Container } from './index-6df1a3b7.js';
 import dayjs from 'dayjs';
-import './index-94aa403c.js';
-import './index-93bffdf2.js';
+import './index-f211932f.js';
+import './index-56a5cc0e.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-34d565a2.js';
-import './index-61e78b1a.js';
-import './index-16413c5a.js';
-import { T as Text } from './index-717e6963.js';
-import './index-84fd862a.js';
-import './index-1338733a.js';
-import './index.styles-6efb573e.js';
-import './translationsContext-82f42174.js';
+import './index-34d95635.js';
+import './index-b2dba4aa.js';
+import './index-a1ba8504.js';
+import { T as Text } from './index-8f6d06d7.js';
+import './index-d3230340.js';
+import './index-2a7e396f.js';
+import './index.styles-ed81fd2b.js';
+import './translationsContext-5a8d13d4.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-1a7cb8db.js';
-import './index-ebec975c.js';
-import { u as useScreenSize } from './index-9aa46d65.js';
+import { M as MediaQueries } from './utils-89c47058.js';
+import './index-74995e82.js';
+import { u as useScreenSize } from './index-733bd53b.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-9138f188.js';
-import { M as MarryBabyText } from './index-e1aea64c.js';
+import { L as Logo } from './index-a3532b8c.js';
+import { M as MarryBabyText } from './index-90db02a9.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-6070b22e.js → index-4f2a52c0.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-7bca3b0f.js';
+import { _ as __rest } from './tslib.es6-09ce3724.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-16413c5a.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-1338733a.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-a1ba8504.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-2a7e396f.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);

package/build/esm/{index-54236f58.js → index-50ac0265.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-1a7cb8db.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-89c47058.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-7bca3b0f.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-b5f98eec.js';
-import { I as Input } from './index-93bffdf2.js';
+import { _ as __rest } from './tslib.es6-09ce3724.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-8e9695a3.js';
+import { I as Input } from './index-56a5cc0e.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-94aa403c.js';
-import './index-34d565a2.js';
-import './index-61e78b1a.js';
-import './index-16413c5a.js';
-import './index-717e6963.js';
-import './index-84fd862a.js';
-import './index-1338733a.js';
-import './index.styles-6efb573e.js';
-import './translationsContext-82f42174.js';
+import './index-f211932f.js';
+import './index-34d95635.js';
+import './index-b2dba4aa.js';
+import './index-a1ba8504.js';
+import './index-8f6d06d7.js';
+import './index-d3230340.js';
+import './index-2a7e396f.js';
+import './index.styles-ed81fd2b.js';
+import './translationsContext-5a8d13d4.js';
 import '@mantine/hooks';
-import './index-ebec975c.js';
+import './index-74995e82.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-93bffdf2.js → index-56a5cc0e.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-7bca3b0f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-09ce3724.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-61e78b1a.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-1338733a.js';
-import { u as useScreenSize, I as ImageWrap } from './index-9aa46d65.js';
+import { C as CommonGAssets } from './index-b2dba4aa.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-2a7e396f.js';
+import { u as useScreenSize, I as ImageWrap } from './index-733bd53b.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-717e6963.js';
-import { t as themeColors } from './index-16413c5a.js';
+import { T as Text } from './index-8f6d06d7.js';
+import { t as themeColors } from './index-a1ba8504.js';
 import { theme } from './miscTheme.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-35a2008c.js';
+import { a as useUniqueId } from './useUniqueId-973c1a2d.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-84fd862a.js';
+import { B as Button } from './index-d3230340.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-613ceab5.js → index-57769aa1.js}

@@ -1,24 +1,24 @@
-import { _ as __rest } from './tslib.es6-7bca3b0f.js';
+import { _ as __rest } from './tslib.es6-09ce3724.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-93bffdf2.js';
-import { D as DatePicker } from './index-19f5b66a.js';
-import { T as Text } from './index-717e6963.js';
-import './index-84fd862a.js';
+import { I as Input } from './index-56a5cc0e.js';
+import { D as DatePicker } from './index-715da954.js';
+import { T as Text } from './index-8f6d06d7.js';
+import './index-d3230340.js';
 import { theme } from './miscTheme.js';
-import './index-1338733a.js';
-import './index.styles-6efb573e.js';
-import { u as useTranslations } from './index-4323b4a4.js';
+import './index-2a7e396f.js';
+import './index.styles-ed81fd2b.js';
+import { u as useTranslations } from './index-3b6184b0.js';
 import '@mantine/hooks';
-import './index-16413c5a.js';
-import './utils-1a7cb8db.js';
-import './index-ebec975c.js';
-import { C as CardWrapperContext } from './context-127b4c32.js';
-import { I as INPUT_RANGE } from './constants-9d917dc3.js';
-import { H as HealthToolFormWrapper } from './index-fe4cbb7a.js';
-import { G as GenderOptionControl } from './index-518e4a88.js';
-import { L as LOCALE } from './Locale-176fccdd.js';
+import './index-a1ba8504.js';
+import './utils-89c47058.js';
+import './index-74995e82.js';
+import { C as CardWrapperContext } from './context-b92cb6f8.js';
+import { I as INPUT_RANGE } from './constants-912fedb5.js';
+import { H as HealthToolFormWrapper } from './index-085979ab.js';
+import { G as GenderOptionControl } from './index-7880393a.js';
+import { L as LOCALE } from './Locale-34872c3b.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-26a440ad.js → index-5a9dc6be.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-7bca3b0f.js';
+import { _ as __rest } from './tslib.es6-09ce3724.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-84fd862a.js';
+import { B as Button$1 } from './index-d3230340.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-b041db6b.js → index-5fa95433.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-7bca3b0f.js';
+import { a as __awaiter } from './tslib.es6-09ce3724.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-9aa46d65.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-e6a88580.js';
+import { I as ImageWrap } from './index-733bd53b.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-82bffb8b.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-1bd6f32e.js';
-import { y as youtubeVidIdGetter } from './post-2dcb59b7.js';
-import { L as Loading } from './index-3b8eb31c.js';
+import { D as DEFAULT_IMG } from './constants-69e60f4a.js';
+import { y as youtubeVidIdGetter } from './post-5ea747f8.js';
+import { L as Loading } from './index-a347b35b.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-6aabd64d.js → index-6055fdeb.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-28ecf524.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-1a7cb8db.js';
-import { u as useTranslations } from './index-4323b4a4.js';
-import { T as TogetherComponentGlobalContext } from './utils-e6a88580.js';
+import { H as Heading } from './index-94e6d219.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-89c47058.js';
+import { u as useTranslations } from './index-3b6184b0.js';
+import { T as TogetherComponentGlobalContext } from './utils-82bffb8b.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-717e6963.js';
+import { T as Text } from './index-8f6d06d7.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-7bca3b0f.js';
+import { _ as __rest } from './tslib.es6-09ce3724.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-753ee86d.js → index-6ba5dc06.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-7bca3b0f.js';
+import { _ as __rest } from './tslib.es6-09ce3724.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-717e6963.js';
-import { u as useTranslations } from './index-4323b4a4.js';
+import { T as Text } from './index-8f6d06d7.js';
+import { u as useTranslations } from './index-3b6184b0.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-1d6295e4.js → index-6e1e495d.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-1338733a.js';
-import { _ as __rest } from './tslib.es6-7bca3b0f.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-2a7e396f.js';
+import { _ as __rest } from './tslib.es6-09ce3724.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-19f5b66a.js → index-715da954.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-7bca3b0f.js';
+import { _ as __rest } from './tslib.es6-09ce3724.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-94aa403c.js';
-import './index-34d565a2.js';
-import { C as CommonGAssets } from './index-61e78b1a.js';
-import { M as MAPPED_LOCALE } from './index-16413c5a.js';
-import { L as LOCALE } from './Locale-176fccdd.js';
+import { I as ISO_FORMAT } from './index-f211932f.js';
+import './index-34d95635.js';
+import { C as CommonGAssets } from './index-b2dba4aa.js';
+import { M as MAPPED_LOCALE } from './index-a1ba8504.js';
+import { L as LOCALE } from './Locale-34872c3b.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-9aa46d65.js → index-733bd53b.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-1a7cb8db.js';
-import { _ as __rest } from './tslib.es6-7bca3b0f.js';
+import { B as Breakpoints } from './utils-89c47058.js';
+import { _ as __rest } from './tslib.es6-09ce3724.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-c0cfb3b6.js → index-73a88378.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-7bca3b0f.js';
+import { _ as __rest } from './tslib.es6-09ce3724.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-ab128b08.js';
-import { S as Spinner } from './Spinner-006a9540.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-72b0d6ef.js';
+import { S as Spinner } from './Spinner-0f81e684.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-ebec975c.js → index-74995e82.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-7bca3b0f.js';
+import { _ as __rest } from './tslib.es6-09ce3724.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-84fd862a.js';
-import { T as Text } from './index-717e6963.js';
+import { B as Button } from './index-d3230340.js';
+import { T as Text } from './index-8f6d06d7.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-518e4a88.js → index-7880393a.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-7bca3b0f.js';
+import { _ as __rest } from './tslib.es6-09ce3724.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-93bffdf2.js';
+import { R as Radio } from './index-56a5cc0e.js';
 import '@mantine/dates';
-import './index-94aa403c.js';
-import './index-34d565a2.js';
-import { C as CommonGAssets } from './index-61e78b1a.js';
-import './index-16413c5a.js';
-import { T as Text } from './index-717e6963.js';
-import './index-84fd862a.js';
-import './index-1338733a.js';
-import './index.styles-6efb573e.js';
-import { u as useTranslations } from './index-4323b4a4.js';
+import './index-f211932f.js';
+import './index-34d95635.js';
+import { C as CommonGAssets } from './index-b2dba4aa.js';
+import './index-a1ba8504.js';
+import { T as Text } from './index-8f6d06d7.js';
+import './index-d3230340.js';
+import './index-2a7e396f.js';
+import './index.styles-ed81fd2b.js';
+import { u as useTranslations } from './index-3b6184b0.js';
 import '@mantine/hooks';
-import './utils-1a7cb8db.js';
-import './index-ebec975c.js';
+import './utils-89c47058.js';
+import './index-74995e82.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-9f6a2b2f.js → index-798fdd31.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-7bca3b0f.js';
+import { _ as __rest } from './tslib.es6-09ce3724.js';
 import React__default from 'react';
-import './index-93bffdf2.js';
+import './index-56a5cc0e.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-94aa403c.js';
-import './index-34d565a2.js';
-import './index-61e78b1a.js';
-import './index-16413c5a.js';
-import { T as Text$1 } from './index-717e6963.js';
-import './index-84fd862a.js';
-import './index-1338733a.js';
-import './index.styles-6efb573e.js';
-import './translationsContext-82f42174.js';
+import './index-f211932f.js';
+import './index-34d95635.js';
+import './index-b2dba4aa.js';
+import './index-a1ba8504.js';
+import { T as Text$1 } from './index-8f6d06d7.js';
+import './index-d3230340.js';
+import './index-2a7e396f.js';
+import './index.styles-ed81fd2b.js';
+import './translationsContext-5a8d13d4.js';
 import '@mantine/hooks';
-import './utils-1a7cb8db.js';
-import './index-ebec975c.js';
+import './utils-89c47058.js';
+import './index-74995e82.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-4eb0c445.js → index-7b3618b6.js}

@@ -1,55 +1,55 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-7bca3b0f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-09ce3724.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, a as Carousel } from './index-93bffdf2.js';
+import { R as Radio, a as Carousel } from './index-56a5cc0e.js';
 import { Stack, Group, createStyles, getStylesRef, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Modal, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS, Z as ZINDEX_SSO } from './index-94aa403c.js';
-import './index-34d565a2.js';
-import { C as CommonGAssets } from './index-61e78b1a.js';
-import './index-16413c5a.js';
-import { T as Text } from './index-717e6963.js';
-import { B as Button$1 } from './index-84fd862a.js';
-import './index-1338733a.js';
-import './index.styles-6efb573e.js';
-import './translationsContext-82f42174.js';
+import { L as LOCALE_SPECS, F as FAVICONS, Z as ZINDEX_SSO } from './index-f211932f.js';
+import './index-34d95635.js';
+import { C as CommonGAssets } from './index-b2dba4aa.js';
+import './index-a1ba8504.js';
+import { T as Text } from './index-8f6d06d7.js';
+import { B as Button$1 } from './index-d3230340.js';
+import './index-2a7e396f.js';
+import './index.styles-ed81fd2b.js';
+import './translationsContext-5a8d13d4.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-1a7cb8db.js';
-import './index-ebec975c.js';
-import { i as isInternalLink } from './index-02e125f0.js';
+import { M as MediaQueries } from './utils-89c47058.js';
+import './index-74995e82.js';
+import { i as isInternalLink } from './index-cf48a80e.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-54236f58.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-50ac0265.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-9138f188.js';
+import { L as Logo } from './index-a3532b8c.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-7e889853.js';
+import { a as useOutsideClick } from './useOutsideClick-3a338b06.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-26a440ad.js';
-import { u as useScreenSize, I as ImageWrap } from './index-9aa46d65.js';
-import { u as useTranslations } from './index-4323b4a4.js';
+import { B as Button } from './index-5a9dc6be.js';
+import { u as useScreenSize, I as ImageWrap } from './index-733bd53b.js';
+import { u as useTranslations } from './index-3b6184b0.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-91b4b58b.js';
+import { D as Dropdown } from './index-1a154505.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-b5f98eec.js';
-import { D as Drawer } from './index-238ac487.js';
+import { I as Input } from './index-8e9695a3.js';
+import { D as Drawer } from './index-2f400f8b.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-176fccdd.js';
+import { L as LOCALE } from './Locale-34872c3b.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-629e5b35.js';
-import { L as Loading } from './index-09fdd75e.js';
+import { A as ArrowRightBlue } from './index-cbbb8a92.js';
+import { L as Loading } from './index-4a2f3f56.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
-import { C as Close } from './Close-709508aa.js';
+import { C as Close } from './Close-54d42155.js';
 import { useAnimationOffsetEffect } from '@mantine/carousel';
 
 const StarFull = (_a) => {
@@ -5306,7 +5306,7 @@ function CardListItem({ title, href, description, logo, defaultImage, LinkCompon
                 React__default.createElement(Text, { size: isMobile ? 'p2' : 'title2', color: 'gray700', weight: "regular", lineClamp: 2, as: as }, description))) : (description),
             contentInfo),
         React__default.createElement(LinkComponent, { href: href },
-            React__default.createElement(AspectRatio, { ratio: 1, bg: "#EFF4FF", className: "logo" },
+            React__default.createElement(AspectRatio, { ratio: 1, className: "logo" },
                 React__default.createElement(StyledImageWrap, { src: logo || defaultImage, width: isMobile ? 84 : 148, height: isMobile ? 84 : 148, alt: altText || title, backupSrc: defaultImage }))),
         children));
 }
@@ -5497,12 +5497,12 @@ function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bann
     const { isMobile: isMobileFromHook } = useScreenSize();
     // Use isMobile prop first, fallback to breakpoint detection (secondary priority)
     const isMobile = isMobileProp !== null && isMobileProp !== void 0 ? isMobileProp : isMobileFromHook;
-    const showCarousel = imageCarousel.length > 0;
+    const showCarousel = imageCarousel.length > 1;
     const showCarouselControls = imageCarousel.length > 4 && !isMobile;
     const showCarouselIndicators = imageCarousel.length > 1 && isMobile;
     const { imageCarousel: imageCarouselSlotProps, slide: carouselSlideSlotProps, imageItemWrapper: carouselImageItemWrapperSlotProps, imageItem: carouselImageItemSlotProps, } = carouselSlotProps !== null && carouselSlotProps !== void 0 ? carouselSlotProps : {};
     return (React__default.createElement(GeneralInfoContainer, { className: className },
-        React__default.createElement("div", { id: "product-image-section" }, imagesSelect ? (imagesSelect) : (React__default.createElement(React__default.Fragment, null, showCarousel && isMobile ? (React__default.createElement(StyledImageCarousel, Object.assign({ slidesToShow: 1, align: "start", withControls: false, withIndicators: showCarouselIndicators, dragFree: false, slideSize: "100%", slideGap: 0, draggable: showCarouselIndicators }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__default.createElement(Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
+        React__default.createElement("div", { id: "product-image-section" }, imagesSelect ? (imagesSelect) : (React__default.createElement(React__default.Fragment, null, isMobile ? (React__default.createElement(StyledImageCarousel, Object.assign({ slidesToShow: 1, align: "start", withControls: false, withIndicators: showCarouselIndicators, dragFree: false, slideSize: "100%", slideGap: 0, draggable: showCarouselIndicators }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__default.createElement(Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
             React__default.createElement(CarouselImageItemWrapperMobile, { onClick: () => onCarouselImageClick === null || onCarouselImageClick === void 0 ? void 0 : onCarouselImageClick(index) },
                 React__default.createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))) : (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: generalInfo.altText ||
@@ -5588,7 +5588,6 @@ const ThumbnailsGrid = styled.div `
   }
 `;
 const ThumbnailButton = styled.button `
-  border: 2px solid ${theme.colors.gray200};
   border-radius: 0.5rem;
   padding: 0;
   background-color: transparent;
@@ -5597,7 +5596,7 @@ const ThumbnailButton = styled.button `
   flex-shrink: 0;
   overflow: hidden;
   cursor: pointer;
-  transition: border-color 0.15s ease;
+
   scroll-snap-align: start;
 
   ${MediaQueries.mbUp} {
@@ -5605,16 +5604,13 @@ const ThumbnailButton = styled.button `
   }
 
   &[data-active='true'] {
-    border-color: ${theme.colors.primaryBase};
+    outline: 2px solid ${theme.colors.primaryBase};
+    outline-offset: -2px;
   }
 
   &:hover {
-    border-color: ${theme.colors.primaryBase};
-  }
-
-  &:focus-visible {
     outline: 2px solid ${theme.colors.primaryBase};
-    outline-offset: 2px;
+    outline-offset: -2px;
   }
 `;
 const LargeImageWrapper = styled.div `
@@ -5676,6 +5672,7 @@ const StyledModal = styled(Modal) `
       display: grid;
       grid-template-rows: 48px calc(100% - 48px);
       grid-template-columns: 100%;
+      height: 100dvh;
     }
 
     ${MediaQueries.mbUp} {
@@ -5893,7 +5890,7 @@ function ModalGallery({ generalInfo, imageCarousel = [], backupSrc, isMobile = f
         onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
     };
     const modalTitle = isMobile ? title : undefined;
-    return (React__default.createElement(StyledModal, Object.assign({ opened: isOpen, onClose: handleClose, zIndex: ZINDEX_SSO, withCloseButton: isMobile, centered: true, size: "auto", fullScreen: isMobile, title: modalTitle }, modalProps, { transitionProps: Object.assign({ duration: TRANSITION_DURATION }, modalProps.transitionProps) }),
+    return (React__default.createElement(StyledModal, Object.assign({ opened: isOpen, onClose: handleClose, zIndex: ZINDEX_SSO, withCloseButton: isMobile, centered: true, size: "auto", fullScreen: isMobile, title: modalTitle, autoFocus: false }, modalProps, { transitionProps: Object.assign({ duration: TRANSITION_DURATION }, modalProps.transitionProps) }),
         !isMobile && (React__default.createElement(Close, { onClick: handleClose, className: "closeModal", width: 24, height: 24, fill: "#212121" })),
         React__default.createElement(ModalGalleryProvider, { generalInfo: generalInfo, imageCarousel: imageCarousel, backupSrc: backupSrc, initialSlide: initialSlide, isMobile: isMobile },
             React__default.createElement(ModalGalleryContent, null))));