@hhgtech/hhg-components 1.29.375 → 1.29.377

package/build/esm/{index-4f0a6c84.js → index-17432f3b.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-6b8750ce.js';
+import { _ as __rest } from './tslib.es6-3553393a.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-c3500f4e.js';
-import { u as useTranslations } from './index-ad8d1314.js';
+import { T as Text } from './index-6754064e.js';
+import { u as useTranslations } from './index-00dfdf59.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-316933cd.js → index-1d1031da.js}

@@ -1,26 +1,26 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-6b8750ce.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3553393a.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-87091430.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-936d56a3.js';
-import { G as GenderOptionControl } from './index-eeb5bd9e.js';
-import { I as Input } from './index-07b81bb7.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-996d9bc8.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-9e0bb5c3.js';
+import { G as GenderOptionControl } from './index-86811ad2.js';
+import { I as Input } from './index-63d1ea07.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-5e6dc6db.js';
-import './index-cd5faa30.js';
-import './index-a318c025.js';
-import './useMantineLocale-27cbe6c8.js';
-import { T as Text } from './index-c3500f4e.js';
-import './index-0a217701.js';
+import './index-a713a63b.js';
+import './index-c86d93d0.js';
+import './index-a8108d58.js';
+import './useMantineLocale-1f178fcb.js';
+import { T as Text } from './index-6754064e.js';
+import './index-85d64b46.js';
 import { theme } from './miscTheme.js';
-import './index.styles-4a412578.js';
-import { u as useTranslations } from './index-ad8d1314.js';
+import './index.styles-bed6a18a.js';
+import { u as useTranslations } from './index-00dfdf59.js';
 import '@mantine/hooks';
-import './utils-ee78bcad.js';
-import './other-756a8244.js';
-import './index-388b5a52.js';
-import { H as HealthToolFormWrapper } from './index-13feaf1a.js';
+import './utils-1d5f6ea5.js';
+import './other-360c7293.js';
+import './index-04c37d6e.js';
+import { H as HealthToolFormWrapper } from './index-a69056c1.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 

package/build/esm/{index-db312639.js → index-1d64a200.js}

@@ -1,15 +1,15 @@
-import { a as __awaiter } from './tslib.es6-6b8750ce.js';
+import { a as __awaiter } from './tslib.es6-3553393a.js';
 import React__default, { useRef, useState, useMemo } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-db469081.js';
-import { a as Avatar } from './index-07b81bb7.js';
-import { B as Button } from './index-0a217701.js';
-import { T as Text } from './index-c3500f4e.js';
-import { u as useTranslations } from './index-ad8d1314.js';
-import { C as CommonGAssets } from './index-a318c025.js';
+import { S as Spinner } from './Spinner-035b14ae.js';
+import { a as Avatar } from './index-63d1ea07.js';
+import { B as Button } from './index-85d64b46.js';
+import { T as Text } from './index-6754064e.js';
+import { u as useTranslations } from './index-00dfdf59.js';
+import { C as CommonGAssets } from './index-a8108d58.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-ee78bcad.js';
+import { M as MediaQueries } from './utils-1d5f6ea5.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-6e1ef507.js → index-23e9345f.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-6b8750ce.js';
+import { _ as __rest } from './tslib.es6-3553393a.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Box, Flex, rem, createStyles } from '@mantine/core';
 import { RedCross } from '@hhgtech/icons/other';
-import { t as themeColors } from './index-07b81bb7.js';
+import { t as themeColors } from './index-63d1ea07.js';
 import '@mantine/dates';
-import './index-5e6dc6db.js';
-import './index-cd5faa30.js';
-import './index-a318c025.js';
-import './useMantineLocale-27cbe6c8.js';
-import { T as Text } from './index-c3500f4e.js';
-import './index-0a217701.js';
-import './index.styles-4a412578.js';
-import { u as useTranslations } from './index-ad8d1314.js';
+import './index-a713a63b.js';
+import './index-c86d93d0.js';
+import './index-a8108d58.js';
+import './useMantineLocale-1f178fcb.js';
+import { T as Text } from './index-6754064e.js';
+import './index-85d64b46.js';
+import './index.styles-bed6a18a.js';
+import { u as useTranslations } from './index-00dfdf59.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-ee78bcad.js';
-import './other-756a8244.js';
-import './index-388b5a52.js';
+import { M as MediaQueries } from './utils-1d5f6ea5.js';
+import './other-360c7293.js';
+import './index-04c37d6e.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-1fd83190.js → index-25c5f79b.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-6b8750ce.js';
+import { _ as __rest } from './tslib.es6-3553393a.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-c3500f4e.js';
+import { T as Text } from './index-6754064e.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-90bb49a7.js → index-301b524a.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-6b8750ce.js';
+import { _ as __rest } from './tslib.es6-3553393a.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-07b81bb7.js';
-import { D as DatePicker } from './index-7e78248e.js';
-import { T as Text } from './index-c3500f4e.js';
-import './index-0a217701.js';
-import './index.styles-4a412578.js';
-import { u as useTranslations } from './index-ad8d1314.js';
+import { I as Input } from './index-63d1ea07.js';
+import { D as DatePicker } from './index-c2a5d4b2.js';
+import { T as Text } from './index-6754064e.js';
+import './index-85d64b46.js';
+import './index.styles-bed6a18a.js';
+import { u as useTranslations } from './index-00dfdf59.js';
 import '@mantine/hooks';
-import './useMantineLocale-27cbe6c8.js';
-import './index-cd5faa30.js';
-import './index-a318c025.js';
-import './utils-ee78bcad.js';
-import './index-5e6dc6db.js';
-import './other-756a8244.js';
-import './index-388b5a52.js';
-import { I as INPUT_RANGE } from './constants-8550ea4b.js';
-import { H as HealthToolFormWrapper } from './index-13feaf1a.js';
-import { G as GenderOptionControl } from './index-eeb5bd9e.js';
-import { L as LOCALE } from './Locale-cd9c33a3.js';
+import './useMantineLocale-1f178fcb.js';
+import './index-c86d93d0.js';
+import './index-a8108d58.js';
+import './utils-1d5f6ea5.js';
+import './index-a713a63b.js';
+import './other-360c7293.js';
+import './index-04c37d6e.js';
+import { I as INPUT_RANGE } from './constants-767fed3a.js';
+import { H as HealthToolFormWrapper } from './index-a69056c1.js';
+import { G as GenderOptionControl } from './index-86811ad2.js';
+import { L as LOCALE } from './Locale-9b228905.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-3e1277d2.js → index-3d8c8d51.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-ad8d1314.js';
-import { B as Button } from './index-0e19d192.js';
+import { u as useTranslations } from './index-00dfdf59.js';
+import { B as Button } from './index-4d1d9d41.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-8b74f8e4.js → index-3de84061.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-6b8750ce.js';
+import { _ as __rest } from './tslib.es6-3553393a.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-99b5a528.js → index-43030b34.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-cb171154.js';
-import { e as BEARER_TOKEN_COOKIE } from './index-5e6dc6db.js';
-import { N as NodeIntentType } from './index-cd5faa30.js';
+import { c as cookie } from './index-5814293f.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-a713a63b.js';
+import { N as NodeIntentType } from './index-c86d93d0.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-2a6cde75.js → index-46373073.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-0adaf38c.js';
+import { u as useScrollbarSize } from './useScrollbarSize-39a46ec8.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-ee78bcad.js';
+import { M as MediaQueries } from './utils-1d5f6ea5.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-0e19d192.js → index-4d1d9d41.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-6b8750ce.js';
+import { _ as __rest } from './tslib.es6-3553393a.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-0a217701.js';
+import { B as Button$1 } from './index-85d64b46.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-8c47541d.js → index-4f35b273.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-6b8750ce.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3553393a.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { V as VideoType } from './index-cd5faa30.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-760ba1e0.js';
-import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-5e6dc6db.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-69a06b00.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-7a22b3a7.js';
+import { V as VideoType } from './index-c86d93d0.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-fff81c6f.js';
+import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-a713a63b.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-ea59a5b8.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-40b2c529.js';
 import { Close, Download } from '@hhgtech/icons/core';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-ef81684d.js';
-import { u as useTranslations } from './index-ad8d1314.js';
+import { L as Logo } from './index-14b85d29.js';
+import { u as useTranslations } from './index-00dfdf59.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-07b81bb7.js';
+import { I as Input } from './index-63d1ea07.js';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-a318c025.js';
-import './useMantineLocale-27cbe6c8.js';
-import { T as Text } from './index-c3500f4e.js';
-import { B as Button$1 } from './index-0a217701.js';
-import './index.styles-4a412578.js';
-import './translationsContext-1df74fcc.js';
+import { C as CommonGAssets } from './index-a8108d58.js';
+import './useMantineLocale-1f178fcb.js';
+import { T as Text } from './index-6754064e.js';
+import { B as Button$1 } from './index-85d64b46.js';
+import './index.styles-bed6a18a.js';
+import './translationsContext-eb53ed38.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-ee78bcad.js';
-import './other-756a8244.js';
-import './index-388b5a52.js';
-import { L as LOCALISED_SLUGS } from './constants-18894c10.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-1d5f6ea5.js';
+import './other-360c7293.js';
+import './index-04c37d6e.js';
+import { L as LOCALISED_SLUGS } from './constants-29513bc9.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-db312639.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-1c63d8b0.js';
-import { B as Button } from './index-0e19d192.js';
-import { i as domainLocalesMarryBaby } from './utils-ec0a690b.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-1d64a200.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-d5cf62bc.js';
+import { B as Button } from './index-4d1d9d41.js';
+import { i as domainLocalesMarryBaby } from './utils-c2da021e.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-56418598.js';
+import { L as LOCALIZED_SLUGS } from './constants-d81483c6.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-1fd83190.js';
-import { I as Indicator$1 } from './index-8b74f8e4.js';
-import { u as useIsInit } from './useIsInit-9df1e8e2.js';
+import { H as Heading } from './index-25c5f79b.js';
+import { I as Indicator$1 } from './index-3de84061.js';
+import { u as useIsInit } from './useIsInit-0f8ab5a1.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-6ac72472.js';
+import { U as UserAvatar } from './index-d7cfef1d.js';
 import formatString from 'string-format';
-import { C as Container } from './index-0db4da34.js';
+import { C as Container } from './index-db15a84f.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-cd9c33a3.js';
-import { g as getDataWithCache } from './core-9f8d6b2f.js';
+import { L as LOCALE } from './Locale-9b228905.js';
+import { g as getDataWithCache } from './core-6f436475.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -2127,7 +2127,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-933f26b5.js').then((data) => {
+                import('./doctor-09b56bbb.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-3c763567.js → index-62ffcaa3.js}

@@ -1,45 +1,45 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-6b8750ce.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3553393a.js';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-07b81bb7.js';
+import { R as Radio } from './index-63d1ea07.js';
 import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-5e6dc6db.js';
-import './index-cd5faa30.js';
-import { C as CommonGAssets } from './index-a318c025.js';
-import './useMantineLocale-27cbe6c8.js';
-import { T as Text } from './index-c3500f4e.js';
-import { B as Button$1 } from './index-0a217701.js';
-import './index.styles-4a412578.js';
-import './translationsContext-1df74fcc.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-a713a63b.js';
+import './index-c86d93d0.js';
+import { C as CommonGAssets } from './index-a8108d58.js';
+import './useMantineLocale-1f178fcb.js';
+import { T as Text } from './index-6754064e.js';
+import { B as Button$1 } from './index-85d64b46.js';
+import './index.styles-bed6a18a.js';
+import './translationsContext-eb53ed38.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-ee78bcad.js';
-import './other-756a8244.js';
-import './index-388b5a52.js';
-import { i as isInternalLink } from './index-760ba1e0.js';
+import { M as MediaQueries } from './utils-1d5f6ea5.js';
+import './other-360c7293.js';
+import './index-04c37d6e.js';
+import { i as isInternalLink } from './index-fff81c6f.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-d534eff3.js';
+import { C as Checkbox, P as PureInput } from './index-b59e484a.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-ef81684d.js';
+import { L as Logo } from './index-14b85d29.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-1023869e.js';
+import { a as useOutsideClick } from './useOutsideClick-c22354e3.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-0e19d192.js';
-import { u as useScreenSize } from './useScreenSize-9f683ab9.js';
-import { u as useTranslations } from './index-ad8d1314.js';
-import { D as Dropdown } from './index-610d69af.js';
+import { B as Button } from './index-4d1d9d41.js';
+import { u as useScreenSize } from './useScreenSize-a98e5f16.js';
+import { u as useTranslations } from './index-00dfdf59.js';
+import { D as Dropdown } from './index-09902356.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-26f91073.js';
-import { D as Drawer } from './index-128f0837.js';
+import { I as Input } from './index-de475e44.js';
+import { D as Drawer } from './index-99d8c895.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-cd9c33a3.js';
+import { L as LOCALE } from './Locale-9b228905.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';

package/build/esm/{index-07b81bb7.js → index-63d1ea07.js}

@@ -1,23 +1,23 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-6b8750ce.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3553393a.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 { em, Autocomplete, Image, ActionIcon, Select as Select$1, createStyles, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, Popover as Popover$1, rem, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-a318c025.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-9f683ab9.js';
+import { C as CommonGAssets } from './index-a8108d58.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-a98e5f16.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-c3500f4e.js';
-import './index-cd5faa30.js';
+import { T as Text } from './index-6754064e.js';
+import './index-c86d93d0.js';
 import { theme } from './miscTheme.js';
-import { B as Breakpoints } from './utils-ee78bcad.js';
-import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-27cbe6c8.js';
-import { I as ISO_FORMAT } from './index-5e6dc6db.js';
-import { A as ANIMATION_DURATION, B as Button } from './index-0a217701.js';
-import { L as LOCALE } from './Locale-cd9c33a3.js';
+import { B as Breakpoints } from './utils-1d5f6ea5.js';
+import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-1f178fcb.js';
+import { I as ISO_FORMAT } from './index-a713a63b.js';
+import { A as ANIMATION_DURATION, B as Button } from './index-85d64b46.js';
+import { L as LOCALE } from './Locale-9b228905.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-0d0b484a.js';
+import { a as useUniqueId } from './useUniqueId-60bad95e.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
@@ -1359,9 +1359,32 @@ const CaretDown = (props) => (React.createElement("svg", Object.assign({ width:
     React.createElement("path", { d: "M4.81428 7.53044L7.64065 10.3568C7.83849 10.5546 8.15877 10.5546 8.3561 10.3568L11.1825 7.53044C11.5012 7.21168 11.2756 6.66675 10.8247 6.66675H5.172C4.72118 6.66675 4.49552 7.21168 4.81428 7.53044Z" })));
 
 const PhoneForwardRef = (props, ref) => {
-    const { isError, defaultCountry, countries = countriesDefault, countryCallingCodeEditable = false, defaultValue, value: valueProps, onChange: onChangeProps, className } = props, inputProps = __rest(props, ["isError", "defaultCountry", "countries", "countryCallingCodeEditable", "defaultValue", "value", "onChange", "className"]);
+    const { isError, defaultCountry, countries = countriesDefault, countryCallingCodeEditable = false, defaultValue, value: valueProps, onChange: onChangeProps, flagComponent: flagComponentProps, arrowComponent: arrowComponentProps, className } = props, inputProps = __rest(props, ["isError", "defaultCountry", "countries", "countryCallingCodeEditable", "defaultValue", "value", "onChange", "flagComponent", "arrowComponent", "className"]);
     const [value, setValue] = useState(defaultValue || valueProps);
     const [PhoneInputUtils, setPhoneInputUtils] = useState(null);
+    const flagComponent = useCallback((props) => {
+        if (!PhoneInputUtils) {
+            return;
+        }
+        if (flagComponentProps) {
+            return flagComponentProps(props);
+        }
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { country, countryName, flagUrl } = props, restProps = __rest(props, ["country", "countryName", "flagUrl"]);
+        const callingCode = country
+            ? `+${PhoneInputUtils.getCountryCallingCode(country)}`
+            : '';
+        return (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Flag, Object.assign({ country: country, title: countryName }, restProps)),
+            React__default.createElement("span", { className: cn(styles.callingCode, 'PhoneInputCountryIconCallingCode') }, callingCode)));
+    }, [flagComponentProps, PhoneInputUtils]);
+    const arrowComponent = useCallback(() => {
+        if (arrowComponentProps) {
+            return arrowComponentProps();
+        }
+        return (React__default.createElement("div", { className: cn(styles.arrowSelect, 'PhoneInputArrowContainer') },
+            React__default.createElement(CaretDown, null)));
+    }, [arrowComponentProps]);
     const onChange = (val) => {
         setValue(val);
         onChangeProps === null || onChangeProps === void 0 ? void 0 : onChangeProps(val);
@@ -1381,21 +1404,7 @@ const PhoneForwardRef = (props, ref) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     , Object.assign({ 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ref: ref, defaultValue: defaultValue, value: value, onChange: onChange, countries: countries, defaultCountry: defaultCountry, countryCallingCodeEditable: countryCallingCodeEditable, displayInitialValueAsLocalNumber: true, className: cn(styles.phoneInput, { isError, [styles.error]: isError }, className), flagUrl: undefined, flagComponent: (props) => {
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const { country, countryName, flagUrl } = props, restProps = __rest(props, ["country", "countryName", "flagUrl"]);
-            const callingCode = country
-                ? `+${PhoneInputUtils.getCountryCallingCode(country)}`
-                : '';
-            return (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(Flag, Object.assign({ country: country, title: countryName }, restProps)),
-                React__default.createElement("span", { className: cn(styles.callingCode, 'PhoneInputCountryIconCallingCode') }, callingCode)));
-        }, countrySelectProps: {
-            arrowComponent: () => {
-                return (React__default.createElement("div", { className: cn(styles.arrowSelect, 'PhoneInputArrowContainer') },
-                    React__default.createElement(CaretDown, null)));
-            },
-        } }, inputProps)));
+        ref: ref, defaultValue: defaultValue, value: value, onChange: onChange, countries: countries, defaultCountry: defaultCountry, countryCallingCodeEditable: countryCallingCodeEditable, displayInitialValueAsLocalNumber: true, className: cn(styles.phoneInput, { isError, [styles.error]: isError }, className), flagUrl: undefined, flagComponent: flagComponent, countrySelectProps: { arrowComponent } }, inputProps)));
 };
 const Phone = forwardRef(PhoneForwardRef);
 

package/build/esm/{index-c3500f4e.js → index-6754064e.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-6b8750ce.js';
+import { _ as __rest } from './tslib.es6-3553393a.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-756a8244.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-360c7293.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-98cfd37b.js → index-69ca2ddf.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-6b8750ce.js';
+import { _ as __rest } from './tslib.es6-3553393a.js';
 import React__default from 'react';
-import './index-07b81bb7.js';
+import './index-63d1ea07.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-5e6dc6db.js';
-import './index-cd5faa30.js';
-import './index-a318c025.js';
-import './useMantineLocale-27cbe6c8.js';
-import { T as Text$1 } from './index-c3500f4e.js';
-import './index-0a217701.js';
-import './index.styles-4a412578.js';
-import './translationsContext-1df74fcc.js';
+import './index-a713a63b.js';
+import './index-c86d93d0.js';
+import './index-a8108d58.js';
+import './useMantineLocale-1f178fcb.js';
+import { T as Text$1 } from './index-6754064e.js';
+import './index-85d64b46.js';
+import './index.styles-bed6a18a.js';
+import './translationsContext-eb53ed38.js';
 import '@mantine/hooks';
-import './utils-ee78bcad.js';
-import './other-756a8244.js';
-import './index-388b5a52.js';
+import './utils-1d5f6ea5.js';
+import './other-360c7293.js';
+import './index-04c37d6e.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-996fae38.js → index-6c45571d.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-6b8750ce.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-3553393a.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-610d69af.js';
-import { u as useTranslations } from './index-ad8d1314.js';
+import { D as Dropdown } from './index-09902356.js';
+import { u as useTranslations } from './index-00dfdf59.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-07b81bb7.js';
+import { I as Input$1 } from './index-63d1ea07.js';
 import { useMantineTheme, Switch, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-5e6dc6db.js';
-import './index-cd5faa30.js';
-import './index-a318c025.js';
-import './useMantineLocale-27cbe6c8.js';
-import { T as Text } from './index-c3500f4e.js';
-import { B as Button } from './index-0a217701.js';
-import './index.styles-4a412578.js';
+import './index-a713a63b.js';
+import './index-c86d93d0.js';
+import './index-a8108d58.js';
+import './useMantineLocale-1f178fcb.js';
+import { T as Text } from './index-6754064e.js';
+import { B as Button } from './index-85d64b46.js';
+import './index.styles-bed6a18a.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-ee78bcad.js';
-import './other-756a8244.js';
-import './index-388b5a52.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-126572b4.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-ec0a690b.js';
+import { M as MediaQueries } from './utils-1d5f6ea5.js';
+import './other-360c7293.js';
+import './index-04c37d6e.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-8238f38f.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-c2da021e.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-7a22b3a7.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-936d56a3.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-6fd50030.js';
-import { C as CardAuthor } from './index-34ffb6c1.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-df66b793.js';
-import { I as Input } from './index-26f91073.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-40b2c529.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-9e0bb5c3.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-d3154313.js';
+import { C as CardAuthor } from './index-e8543a42.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-eba9df1b.js';
+import { I as Input } from './index-de475e44.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-d1038670.js';
-import { C as CardLink } from './index-f9f05826.js';
-import { B as BtnChoice } from './index-1a274479.js';
-import { L as LOCALE } from './Locale-cd9c33a3.js';
+import { L as Loading } from './index-0785124c.js';
+import { C as CardLink } from './index-d6421ceb.js';
+import { B as BtnChoice } from './index-de3878f4.js';
+import { L as LOCALE } from './Locale-9b228905.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-cc1d1a1a.js';
-import { b as IconArrowLeft } from './index-7dbb26d3.js';
-import { B as Button$1 } from './index-0e19d192.js';
+import { L as Loading$1 } from './index-0a55fcfd.js';
+import { b as IconArrowLeft } from './index-9527e643.js';
+import { B as Button$1 } from './index-4d1d9d41.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-0d0b484a.js';
-import { U as UserAvatar } from './index-6ac72472.js';
-import { P as PopoverMenu } from './index-681d28d8.js';
+import { a as useUniqueId } from './useUniqueId-60bad95e.js';
+import { U as UserAvatar } from './index-d7cfef1d.js';
+import { P as PopoverMenu } from './index-888f8e9b.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `