@hhgtech/hhg-components 1.29.374 → 1.29.375-beta-2

package/build/esm/{index-7f3a0d51.js → index-6e645ce9.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-eb6746ec.js';
+import { _ as __rest } from './tslib.es6-34c3d3bf.js';
 import React__default from 'react';
 import { createStyles, rem, Box } from '@mantine/core';
-import './index-e93b1f65.js';
+import './index-d37dade0.js';
 import '@mantine/dates';
-import './index-35c4c26f.js';
-import './index-395867d1.js';
-import './index-bd1a993e.js';
-import './useMantineLocale-ee478730.js';
-import { T as Text } from './index-5024511e.js';
-import { B as Button } from './index-6ab5e856.js';
-import './index.styles-c9d6db26.js';
-import { u as useTranslations } from './index-e401fea0.js';
+import './index-2b0b5ecd.js';
+import './index-6a09ecad.js';
+import './index-ee0d43e6.js';
+import './useMantineLocale-95434bd7.js';
+import { T as Text } from './index-8f74d63d.js';
+import { B as Button } from './index-cd4c901f.js';
+import './index.styles-9a39d828.js';
+import { u as useTranslations } from './index-97c7b8a6.js';
 import '@mantine/hooks';
-import './utils-770949fe.js';
-import './other-7cac897b.js';
-import './index-7f0089a7.js';
+import './utils-f97b6496.js';
+import './other-ad977443.js';
+import './index-fef08243.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-d25199d4.js → index-6ff57267.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-6ab5e856.js';
+import { B as Button } from './index-cd4c901f.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-fd64f3e1.js → index-7447d781.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-eb6746ec.js';
+import { _ as __rest } from './tslib.es6-34c3d3bf.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-e93b1f65.js';
-import { D as DatePicker } from './index-8885ef87.js';
-import { T as Text } from './index-5024511e.js';
-import './index-6ab5e856.js';
-import './index.styles-c9d6db26.js';
-import { u as useTranslations } from './index-e401fea0.js';
+import { I as Input } from './index-d37dade0.js';
+import { D as DatePicker } from './index-da65e1c5.js';
+import { T as Text } from './index-8f74d63d.js';
+import './index-cd4c901f.js';
+import './index.styles-9a39d828.js';
+import { u as useTranslations } from './index-97c7b8a6.js';
 import '@mantine/hooks';
-import './useMantineLocale-ee478730.js';
-import './index-395867d1.js';
-import './index-bd1a993e.js';
-import './utils-770949fe.js';
-import './index-35c4c26f.js';
-import './other-7cac897b.js';
-import './index-7f0089a7.js';
-import { I as INPUT_RANGE } from './constants-67817a3e.js';
-import { H as HealthToolFormWrapper } from './index-cd820271.js';
-import { G as GenderOptionControl } from './index-33c4c7ba.js';
-import { L as LOCALE } from './Locale-3430abbb.js';
+import './useMantineLocale-95434bd7.js';
+import './index-6a09ecad.js';
+import './index-ee0d43e6.js';
+import './utils-f97b6496.js';
+import './index-2b0b5ecd.js';
+import './other-ad977443.js';
+import './index-fef08243.js';
+import { I as INPUT_RANGE } from './constants-97ced596.js';
+import { H as HealthToolFormWrapper } from './index-86f3b263.js';
+import { G as GenderOptionControl } from './index-5301bfe9.js';
+import { L as LOCALE } from './Locale-6cbef683.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-8b71f3d7.js → index-77918ec2.js}

@@ -1,28 +1,28 @@
-import { _ as __rest } from './tslib.es6-eb6746ec.js';
+import { _ as __rest } from './tslib.es6-34c3d3bf.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, Group, Box, Flex, Tooltip } from '@mantine/core';
-import { L as LastPeriod } from './LastPeriod-f7751d88.js';
+import { L as LastPeriod } from './LastPeriod-ea3fdfc4.js';
 import { format } from 'date-fns';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-e93b1f65.js';
-import { D as DatePicker } from './index-8885ef87.js';
-import { T as Text } from './index-5024511e.js';
-import './index-6ab5e856.js';
-import './index.styles-c9d6db26.js';
-import { u as useTranslations } from './index-e401fea0.js';
+import { R as Radio, I as Input, S as Select } from './index-d37dade0.js';
+import { D as DatePicker } from './index-da65e1c5.js';
+import { T as Text } from './index-8f74d63d.js';
+import './index-cd4c901f.js';
+import './index.styles-9a39d828.js';
+import { u as useTranslations } from './index-97c7b8a6.js';
 import '@mantine/hooks';
-import './useMantineLocale-ee478730.js';
-import './index-395867d1.js';
-import './index-bd1a993e.js';
-import './utils-770949fe.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-35c4c26f.js';
-import './other-7cac897b.js';
-import './index-7f0089a7.js';
-import { H as HealthToolFormWrapper } from './index-cd820271.js';
+import './useMantineLocale-95434bd7.js';
+import './index-6a09ecad.js';
+import './index-ee0d43e6.js';
+import './utils-f97b6496.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-2b0b5ecd.js';
+import './other-ad977443.js';
+import './index-fef08243.js';
+import { H as HealthToolFormWrapper } from './index-86f3b263.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 import { theme } from './miscTheme.js';
-import { L as LOCALE } from './Locale-3430abbb.js';
+import { L as LOCALE } from './Locale-6cbef683.js';
 
 const ConceptionDate = (_a) => {
     var { isMarryBaby, size = 24 } = _a, rest = __rest(_a, ["isMarryBaby", "size"]);

package/build/esm/{index-9688c45f.js → index-808718f9.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-eb6746ec.js';
+import { _ as __rest } from './tslib.es6-34c3d3bf.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-395867d1.js';
+import './index-6a09ecad.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-bd1a993e.js';
+import { C as CommonGAssets } from './index-ee0d43e6.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-241e66fa.js';
-import { T as Text } from './index-f5a27fa1.js';
-import { L as LOCALE } from './Locale-3430abbb.js';
-import { c as CentralCarousel } from './index-e93b1f65.js';
+import { I as ImageWrap } from './useScreenSize-bf03486c.js';
+import { T as Text } from './index-53b14dfd.js';
+import { L as LOCALE } from './Locale-6cbef683.js';
+import { c as CentralCarousel } from './index-d37dade0.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-06d394fc.js → index-868eb4ba.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-0fcc7e05.js';
-import { e as BEARER_TOKEN_COOKIE } from './index-35c4c26f.js';
-import { N as NodeIntentType } from './index-395867d1.js';
+import { c as cookie } from './index-0869dad7.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-2b0b5ecd.js';
+import { N as NodeIntentType } from './index-6a09ecad.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-cd820271.js → index-86f3b263.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-eb6746ec.js';
+import { _ as __rest } from './tslib.es6-34c3d3bf.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-5024511e.js';
-import { B as Button } from './index-6ab5e856.js';
-import { u as useTranslations } from './index-e401fea0.js';
+import { T as Text } from './index-8f74d63d.js';
+import { B as Button } from './index-cd4c901f.js';
+import { u as useTranslations } from './index-97c7b8a6.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-0ab75d88.js → index-8b58d4d5.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-5024511e.js';
+import { T as Text } from './index-8f74d63d.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-770949fe.js';
-import { R as Radio$1 } from './index-e93b1f65.js';
-import { T as Text$1 } from './index-f5a27fa1.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-f97b6496.js';
+import { R as Radio$1 } from './index-d37dade0.js';
+import { T as Text$1 } from './index-53b14dfd.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-eb6746ec.js';
+import { _ as __rest } from './tslib.es6-34c3d3bf.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-5024511e.js → index-8f74d63d.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-eb6746ec.js';
+import { _ as __rest } from './tslib.es6-34c3d3bf.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-7cac897b.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-ad977443.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-e401fea0.js → index-97c7b8a6.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-23b5bf84.js';
+import { T as TranslationsContext } from './translationsContext-13869044.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {

package/build/esm/{index-22f111d6.js → index-9cacc9f3.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-770949fe.js';
+import { t as toggleNoScroll } from './utils-f97b6496.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-f0de7fec.js';
-import { T as Text } from './index-5024511e.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-c70af288.js';
+import { T as Text } from './index-8f74d63d.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-3784dc8c.js → index-a34077dd.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-f4607daa.js';
-import { H as Heading } from './index-5ff6b134.js';
-import { T as Text } from './index-5024511e.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-770949fe.js';
+import { B as Button } from './index-3f972b22.js';
+import { H as Heading } from './index-1201d09e.js';
+import { T as Text } from './index-8f74d63d.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-f97b6496.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-5c250b28.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-7e9b37e9.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-eb6746ec.js';
-import { I as Input } from './index-4bd46b7f.js';
-import { u as useTranslations } from './index-e401fea0.js';
-import { e as formatComment } from './dataTransform-a7848bdc.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-7a94d96a.js';
+import { a as __awaiter } from './tslib.es6-34c3d3bf.js';
+import { I as Input } from './index-b92616e0.js';
+import { u as useTranslations } from './index-97c7b8a6.js';
+import { e as formatComment } from './dataTransform-3e675b26.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-e9127712.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-062dce48.js';
-import { C as CardLink } from './index-7287f2a0.js';
-import { L as Loading } from './index-7911d60e.js';
-import { U as UserAvatar } from './index-cb2ab6ff.js';
-import { R as RichTextEditor } from './editor-377b7f2b.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-39c1933a.js';
+import { C as CardLink } from './index-ad4f1aa3.js';
+import { L as Loading } from './index-ffb2f217.js';
+import { U as UserAvatar } from './index-f80db4ef.js';
+import { R as RichTextEditor } from './editor-c56c017c.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-109382ee.js';
-import { C as CloseIcon } from './index-f9d0d6be.js';
+import { P as Popup } from './index-621525f8.js';
+import { C as CloseIcon } from './index-f44b1ab3.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-7287f2a0.js → index-ad4f1aa3.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-eb6746ec.js';
+import { a as __awaiter } from './tslib.es6-34c3d3bf.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-5ff6b134.js';
-import { T as Text } from './index-5024511e.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-5c250b28.js';
+import { H as Heading } from './index-1201d09e.js';
+import { T as Text } from './index-8f74d63d.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-7e9b37e9.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-7a94d96a.js';
+import { D as DEFAULT_IMG } from './constants-e9127712.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-17e36457.js → index-ae8ebfbb.js}

@@ -1,15 +1,15 @@
-import { a as __awaiter } from './tslib.es6-eb6746ec.js';
+import { a as __awaiter } from './tslib.es6-34c3d3bf.js';
 import React__default, { useRef, useState, useMemo } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-926cb3b3.js';
-import { a as Avatar } from './index-e93b1f65.js';
-import { B as Button } from './index-6ab5e856.js';
-import { T as Text } from './index-5024511e.js';
-import { u as useTranslations } from './index-e401fea0.js';
-import { C as CommonGAssets } from './index-bd1a993e.js';
+import { S as Spinner } from './Spinner-2b2ee80a.js';
+import { a as Avatar } from './index-d37dade0.js';
+import { B as Button } from './index-cd4c901f.js';
+import { T as Text } from './index-8f74d63d.js';
+import { u as useTranslations } from './index-97c7b8a6.js';
+import { C as CommonGAssets } from './index-ee0d43e6.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-770949fe.js';
+import { M as MediaQueries } from './utils-f97b6496.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-44df64aa.js → index-b4398a57.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-eb6746ec.js';
+import { _ as __rest } from './tslib.es6-34c3d3bf.js';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-35c4c26f.js';
+import { Z as ZINDEX_SSO } from './index-2b0b5ecd.js';
 
 const StyledDrawerComponentContent = styled(Drawer.Content) `
   position: fixed;

package/build/esm/{index-5d7077d8.js → index-b7689a43.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-f410871a.js';
-import { T as Text } from './index-f5a27fa1.js';
+import { M as MarryBabyText } from './index-4d729cc4.js';
+import { T as Text } from './index-53b14dfd.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-4bd46b7f.js → index-b92616e0.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-eb6746ec.js';
+import { _ as __rest } from './tslib.es6-34c3d3bf.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-770949fe.js';
+import { M as MediaQueries } from './utils-f97b6496.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-6ab5e856.js → index-cd4c901f.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-eb6746ec.js';
+import { _ as __rest } from './tslib.es6-34c3d3bf.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
 

package/build/esm/{index-32060de3.js → index-d15062af.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-20fe498c.js';
+import { C as Container } from './index-4fc08219.js';
 import dayjs from 'dayjs';
-import './index-35c4c26f.js';
-import './index-e93b1f65.js';
+import './index-2b0b5ecd.js';
+import './index-d37dade0.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-395867d1.js';
-import './index-bd1a993e.js';
-import './useMantineLocale-ee478730.js';
-import { T as Text } from './index-5024511e.js';
-import './index-6ab5e856.js';
-import './index.styles-c9d6db26.js';
-import './translationsContext-23b5bf84.js';
+import './index-6a09ecad.js';
+import './index-ee0d43e6.js';
+import './useMantineLocale-95434bd7.js';
+import { T as Text } from './index-8f74d63d.js';
+import './index-cd4c901f.js';
+import './index.styles-9a39d828.js';
+import './translationsContext-13869044.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-770949fe.js';
-import './other-7cac897b.js';
-import './index-7f0089a7.js';
-import { u as useScreenSize } from './useScreenSize-241e66fa.js';
+import { M as MediaQueries } from './utils-f97b6496.js';
+import './other-ad977443.js';
+import './index-fef08243.js';
+import { u as useScreenSize } from './useScreenSize-bf03486c.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-2f124f3f.js';
-import { M as MarryBabyText } from './index-f410871a.js';
+import { L as Logo } from './index-e3b526bc.js';
+import { M as MarryBabyText } from './index-4d729cc4.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-4c29da01.js → index-d189b9de.js}

@@ -1,12 +1,12 @@
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { u as useTranslations } from './index-e401fea0.js';
+import { u as useTranslations } from './index-97c7b8a6.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-bd1a993e.js';
-import { e as normalizeLinkSlash, n as normalizeLink } from './normalizeLink-6e07e5c4.js';
+import { C as CommonGAssets } from './index-ee0d43e6.js';
+import { e as normalizeLinkSlash, n as normalizeLink } from './normalizeLink-c0dec424.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar } from './index-9a682965.js';
-import { b as getTogetherUserPostsApiPath } from './index-4cc74b63.js';
-import { B as Button } from './index-f4607daa.js';
+import { A as Avatar } from './index-6701be33.js';
+import { b as getTogetherUserPostsApiPath } from './index-d79430b6.js';
+import { B as Button } from './index-3f972b22.js';
 
 const INTERNAL_CARD_URLS = {
     myBooking: 'booking',

package/build/esm/{index-e93b1f65.js → index-d37dade0.js}

@@ -1,23 +1,23 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-eb6746ec.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-34c3d3bf.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-bd1a993e.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-241e66fa.js';
+import { C as CommonGAssets } from './index-ee0d43e6.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-bf03486c.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-5024511e.js';
-import './index-395867d1.js';
+import { T as Text } from './index-8f74d63d.js';
+import './index-6a09ecad.js';
 import { theme } from './miscTheme.js';
-import { B as Breakpoints } from './utils-770949fe.js';
-import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-ee478730.js';
-import { I as ISO_FORMAT } from './index-35c4c26f.js';
-import { A as ANIMATION_DURATION, B as Button } from './index-6ab5e856.js';
-import { L as LOCALE } from './Locale-3430abbb.js';
+import { B as Breakpoints } from './utils-f97b6496.js';
+import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-95434bd7.js';
+import { I as ISO_FORMAT } from './index-2b0b5ecd.js';
+import { A as ANIMATION_DURATION, B as Button } from './index-cd4c901f.js';
+import { L as LOCALE } from './Locale-6cbef683.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-15198ead.js';
+import { a as useUniqueId } from './useUniqueId-bf8b1319.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-adf83539.js → index-d5f8e31e.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-eb6746ec.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-34c3d3bf.js';
 import React__default, { useState, useContext, useMemo, useRef, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-7f0089a7.js';
-import { L as Loading } from './index-edae0b9e.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-a7848bdc.js';
+import { T as Tabs } from './index-fef08243.js';
+import { L as Loading } from './index-3d39bdad.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-3e675b26.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-5c250b28.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-7e9b37e9.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-bd1a993e.js';
-import { I as ImageWrap } from './useScreenSize-241e66fa.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-528169fe.js';
-import { S as SocialType } from './index-395867d1.js';
-import { u as useTranslations } from './index-e401fea0.js';
+import { C as CommonGAssets } from './index-ee0d43e6.js';
+import { I as ImageWrap } from './useScreenSize-bf03486c.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-3f48de19.js';
+import { S as SocialType } from './index-6a09ecad.js';
+import { u as useTranslations } from './index-97c7b8a6.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-e93b1f65.js';
+import { A as Anchor$1 } from './index-d37dade0.js';
 import '@mantine/dates';
-import './index-35c4c26f.js';
-import './useMantineLocale-ee478730.js';
-import { T as Text } from './index-5024511e.js';
-import { B as Button } from './index-6ab5e856.js';
-import './index.styles-c9d6db26.js';
+import './index-2b0b5ecd.js';
+import './useMantineLocale-95434bd7.js';
+import { T as Text } from './index-8f74d63d.js';
+import { B as Button } from './index-cd4c901f.js';
+import './index.styles-9a39d828.js';
 import '@mantine/hooks';
-import './utils-770949fe.js';
-import './other-7cac897b.js';
+import './utils-f97b6496.js';
+import './other-ad977443.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-062dce48.js';
-import { B as Button$1 } from './index-f4607daa.js';
-import './translationsContext-23b5bf84.js';
+import { d as decodeMention, b as decodePostUrl } from './post-39c1933a.js';
+import { B as Button$1 } from './index-3f972b22.js';
+import './translationsContext-13869044.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;