@hhgtech/hhg-components 1.29.479 → 1.29.480

package/build/esm/{index-edc629c4.js → index-80f83f2b.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
+import { _ as __rest } from './tslib.es6-7355b732.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-b0048afb.js';
+import { T as TogetherComponentGlobalContext } from './utils-327034d3.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-cb22faf0.js → index-83fcc07f.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-dcfca694.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-68c1eb3a.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-f6e7941f.js';
-import { I as Icon } from './index-5266aa5a.js';
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
-import { U as UserAvatar } from './index-edc629c4.js';
-import { I as ImageWrap, u as useScreenSize } from './index-9d64f5f1.js';
-import './index-54ebeb31.js';
-import { C as CommonGAssets } from './index-e1c3e0e1.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-b0048afb.js';
-import { B as Button } from './index-73d5e63f.js';
-import { T as Text } from './index-d8f453a0.js';
+import { u as useTranslations } from './index-01977476.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-2cf0d99b.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-5955ea8f.js';
+import { I as Icon } from './index-6e3994c4.js';
+import { _ as __rest } from './tslib.es6-7355b732.js';
+import { U as UserAvatar } from './index-80f83f2b.js';
+import { I as ImageWrap, u as useScreenSize } from './index-3b127bcb.js';
+import './index-2ff4c7dc.js';
+import { C as CommonGAssets } from './index-01ef2d81.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-327034d3.js';
+import { B as Button } from './index-d10f3693.js';
+import { T as Text } from './index-f38aca87.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-1c2cdacf.js';
-import { H as Heading } from './index-2b1fb52f.js';
-import { M as Modal } from './index-edc0ac81.js';
+import { L as Loading } from './index-960e69f4.js';
+import { H as Heading } from './index-ce869cbd.js';
+import { M as Modal } from './index-e52557b4.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-c40d00ff.js').then((module) => {
+                import('./index-b3535b32.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-cbee7a4c.js → index-855008bb.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-e6b0683d.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-7355b732.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-e5b066b3.js';
-import { u as useTranslations } from './index-dcfca694.js';
+import { D as Dropdown } from './index-9f033810.js';
+import { u as useTranslations } from './index-01977476.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-d53b5d64.js';
+import { I as Input$1 } from './index-9c27c173.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-54ebeb31.js';
-import './index-964f9e56.js';
-import './index-e1c3e0e1.js';
-import './index-0bfcb7a7.js';
-import { T as Text } from './index-d8f453a0.js';
-import { B as Button } from './index-149a4bcb.js';
-import './index-7d49f9d1.js';
-import './index.styles-c89285e1.js';
+import './index-2ff4c7dc.js';
+import './index-505b85da.js';
+import './index-01ef2d81.js';
+import './index-ed2c52fa.js';
+import { T as Text } from './index-f38aca87.js';
+import { B as Button } from './index-d09629fa.js';
+import './index-1da86aeb.js';
+import './index.styles-4bb9bfe4.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-68c1eb3a.js';
-import './index-fef013de.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-b91a508d.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-b0048afb.js';
+import { M as MediaQueries } from './utils-2cf0d99b.js';
+import './index-c4470578.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-a188714a.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-327034d3.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-3515d696.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-4f19ceae.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-ab57e2b0.js';
-import { C as CardAuthor } from './index-cb22faf0.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-523fc10a.js';
-import { I as Input } from './index-60e3d1e4.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-1dd53f32.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-a5b04f97.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-2d20786e.js';
+import { C as CardAuthor } from './index-83fcc07f.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-96ef1b99.js';
+import { I as Input } from './index-9e7d2b43.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-54fe9407.js';
-import { C as CardLink } from './index-996abb43.js';
-import { B as BtnChoice } from './index-6f8dbe22.js';
-import { L as LOCALE } from './Locale-7ac6b152.js';
+import { L as Loading } from './index-25d0e579.js';
+import { C as CardLink } from './index-462e639d.js';
+import { B as BtnChoice } from './index-46665936.js';
+import { L as LOCALE } from './Locale-71a37261.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-1c2cdacf.js';
-import { b as IconArrowLeft } from './index-a9dca53e.js';
-import { B as Button$1 } from './index-73d5e63f.js';
+import { L as Loading$1 } from './index-960e69f4.js';
+import { b as IconArrowLeft } from './index-52fff2aa.js';
+import { B as Button$1 } from './index-d10f3693.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-168a619f.js';
-import { U as UserAvatar } from './index-edc629c4.js';
-import { P as PopoverMenu } from './index-e8949828.js';
+import { a as useUniqueId } from './useUniqueId-f8007ec9.js';
+import { U as UserAvatar } from './index-80f83f2b.js';
+import { P as PopoverMenu } from './index-885d7597.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-e8949828.js → index-885d7597.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-73d5e63f.js';
-import { T as TogetherComponentGlobalContext } from './utils-b0048afb.js';
+import { B as Button } from './index-d10f3693.js';
+import { T as TogetherComponentGlobalContext } from './utils-327034d3.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-f05c70f1.js → index-8cddb75d.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-511acc18.js';
-import { T as Text } from './index-f02fdc64.js';
+import { M as MarryBabyText } from './index-43632456.js';
+import { T as Text } from './index-746b2ace.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-20432f4d.js → index-91c9b4a2.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-e6b0683d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-7355b732.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-fef013de.js';
-import { L as Loading } from './index-ce445296.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-3515d696.js';
+import { T as Tabs } from './index-c4470578.js';
+import { L as Loading } from './index-7518aab0.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-1dd53f32.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-b0048afb.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-327034d3.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-e1c3e0e1.js';
-import { I as ImageWrap } from './index-9d64f5f1.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-cb22faf0.js';
-import { S as SocialType } from './index-964f9e56.js';
-import { u as useTranslations } from './index-dcfca694.js';
+import { C as CommonGAssets } from './index-01ef2d81.js';
+import { I as ImageWrap } from './index-3b127bcb.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-83fcc07f.js';
+import { S as SocialType } from './index-505b85da.js';
+import { u as useTranslations } from './index-01977476.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-d53b5d64.js';
+import { A as Anchor$1 } from './index-9c27c173.js';
 import '@mantine/dates';
-import './index-54ebeb31.js';
-import './index-0bfcb7a7.js';
-import { T as Text } from './index-d8f453a0.js';
-import { B as Button } from './index-149a4bcb.js';
-import './index-7d49f9d1.js';
-import './index.styles-c89285e1.js';
+import './index-2ff4c7dc.js';
+import './index-ed2c52fa.js';
+import { T as Text } from './index-f38aca87.js';
+import { B as Button } from './index-d09629fa.js';
+import './index-1da86aeb.js';
+import './index.styles-4bb9bfe4.js';
 import '@mantine/hooks';
-import './utils-68c1eb3a.js';
+import './utils-2cf0d99b.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-ab57e2b0.js';
-import { B as Button$1 } from './index-73d5e63f.js';
-import './translationsContext-76d53c58.js';
+import { d as decodeMention, b as decodePostUrl } from './post-2d20786e.js';
+import { B as Button$1 } from './index-d10f3693.js';
+import './translationsContext-15ea5753.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-1c2cdacf.js → index-960e69f4.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-73d5e63f.js';
-import { u as useTranslations } from './index-dcfca694.js';
+import { B as Button } from './index-d10f3693.js';
+import { u as useTranslations } from './index-01977476.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-a9699ec7.js → index-98f4c80f.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-60e3d1e4.js';
+import { L as Label } from './index-9e7d2b43.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `

package/build/esm/{index-d53b5d64.js → index-9c27c173.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-e6b0683d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-7355b732.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-e1c3e0e1.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-7d49f9d1.js';
-import { u as useScreenSize, I as ImageWrap } from './index-9d64f5f1.js';
+import { C as CommonGAssets } from './index-01ef2d81.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-1da86aeb.js';
+import { u as useScreenSize, I as ImageWrap } from './index-3b127bcb.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-d8f453a0.js';
-import { t as themeColors } from './index-0bfcb7a7.js';
+import { T as Text } from './index-f38aca87.js';
+import { t as themeColors } from './index-ed2c52fa.js';
 import { theme } from './miscTheme.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-168a619f.js';
+import { a as useUniqueId } from './useUniqueId-f8007ec9.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-149a4bcb.js';
+import { B as Button } from './index-d09629fa.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;
@@ -1211,7 +1211,7 @@ function transferOtpToValue(otp) {
     return otp.join('');
 }
 
-var styles$1 = {"otpContainer":"_2iQs0sk","otpInput":"Ia6IojY","error":"yJs9MaD"};
+var styles$2 = {"otpContainer":"_2iQs0sk","otpInput":"Ia6IojY","error":"yJs9MaD"};
 
 const BACKSPACE = 8;
 const LEFT_ARROW = 37;
@@ -1220,7 +1220,7 @@ const DELETE = 46;
 const SPACEBAR = 32;
 const OTPInputFunction = (props, ref) => {
     const { maxLength = 1, placeholder, className } = props, restProps = __rest(props, ["maxLength", "placeholder", "className"]);
-    return (React__default.createElement("input", Object.assign({ maxLength: maxLength, className: classNames(styles$1.otpInput, 'otpInput', className), placeholder: placeholder, type: "number" }, restProps, { ref: ref })));
+    return (React__default.createElement("input", Object.assign({ maxLength: maxLength, className: classNames(styles$2.otpInput, 'otpInput', className), placeholder: placeholder, type: "number" }, restProps, { ref: ref })));
 };
 const OTPInput = forwardRef(OTPInputFunction);
 const OTPFowardRef = (props, ref) => {
@@ -1335,7 +1335,7 @@ const OTPFowardRef = (props, ref) => {
         setOtp(() => transferValueToOtp(valueProps, valueLength));
         setValue(valueProps);
     }, [valueLength, valueProps]);
-    return (React__default.createElement(Flex, { justify: "center", columnGap: 8, className: classNames(styles$1.otpContainer, 'otpContainer') }, otp.map((val, index) => {
+    return (React__default.createElement(Flex, { justify: "center", columnGap: 8, className: classNames(styles$2.otpContainer, 'otpContainer') }, otp.map((val, index) => {
         return (React__default.createElement(OTPInput, Object.assign({}, otpShareProps, { ref: (iRef) => {
                 inputRef.current[index] = iRef;
             }, key: '' + index, value: val, type: type, onChange: inputOnChange, onFocus: inputOnFocus, onKeyDown: inputOnKeyDown, onPaste: inputOnPaste, onBlur: onBlur, placeholder: placeholder })));
@@ -1542,7 +1542,7 @@ const VietnamSquareIcon = (props) => (React__default.createElement("svg", Object
         React__default.createElement("path", { d: "M2.01386e-10 2C0 0.895431 0.895431 -7.50368e-10 2 -1.67599e-09L22 -1.84359e-08C23.1046 -1.93615e-08 24 0.895431 24 2L24 14C24 15.1046 23.1046 16 22 16L2 16C0.89543 16 1.52092e-09 15.1046 1.4097e-09 14L2.01386e-10 2Z", fill: "#DA251D" }),
         React__default.createElement("path", { d: "M13.7823 8.92854L16.6663 6.8332L13.1016 6.8332L11.9997 3.44287L10.8978 6.8332L7.33301 6.8332L10.217 8.92854L9.11567 12.3195L11.9997 10.2235L14.8837 12.3195L13.7823 8.92854Z", fill: "#FFEB3B" }))));
 
-var styles = {"flag":"pfaLGRK"};
+var styles$1 = {"flag":"pfaLGRK"};
 
 const Flag = ({ country, language, rounded, height, width, isTesting, className, }) => {
     let flag;
@@ -1629,7 +1629,7 @@ const Flag = ({ country, language, rounded, height, width, isTesting, className,
                 break;
         }
     }
-    return (React__default.createElement("div", { className: `${styles.flag} ${className || ''}`, style: {
+    return (React__default.createElement("div", { className: `${styles$1.flag} ${className || ''}`, style: {
             '--width': width || 20,
             '--height': height || 20,
         } }, rounded ? flagRounded : flag));
@@ -1646,6 +1646,8 @@ const countriesDefault = Object.values(siteOptions).reduce((countries, { phoneCo
     return countries;
 }, []);
 
+var styles = {"phoneInput":"i-9Ibox","error":"YDWHh9b","selectedCountry":"_87SIJ95"};
+
 const PhoneForwardRef = (props, ref) => {
     const { isError, defaultCountry, selectedCountry, countries = countriesDefault, countryCallingCodeEditable = false, defaultValue, value: valueProps, onChange: onChangeProps, flagComponent: flagComponentProps, arrowComponent: arrowComponentProps, withFloatingLabel, className, inputId, label, error } = props, inputProps = __rest(props, ["isError", "defaultCountry", "selectedCountry", "countries", "countryCallingCodeEditable", "defaultValue", "value", "onChange", "flagComponent", "arrowComponent", "withFloatingLabel", "className", "inputId", "label", "error"]);
     const [value, setValue] = useState(defaultValue || valueProps);
@@ -1664,13 +1666,13 @@ const PhoneForwardRef = (props, ref) => {
             : '';
         return (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(Flag, Object.assign({ country: country, title: countryName }, restProps)),
-            React__default.createElement(Text, { size: "p2", variant: "primary", className: classNames(undefined, 'PhoneInputCountryIconCallingCode') }, callingCode)));
+            React__default.createElement(Text, { size: "p2", variant: "primary", className: classNames(styles.callingCode, 'PhoneInputCountryIconCallingCode') }, callingCode)));
     }, [flagComponentProps, PhoneInputUtils]);
     const arrowComponent = useCallback(() => {
         if (arrowComponentProps) {
             return arrowComponentProps();
         }
-        return (React__default.createElement("div", { className: classNames(undefined, 'PhoneInputArrowContainer') },
+        return (React__default.createElement("div", { className: classNames(styles.arrowSelect, 'PhoneInputArrowContainer') },
             React__default.createElement(CaretDown, null)));
     }, [arrowComponentProps]);
     const onChange = (val) => {
@@ -1693,10 +1695,10 @@ const PhoneForwardRef = (props, ref) => {
         label,
         value,
         onChange,
-        countries, defaultCountry: defaultCountry || selectedCountry, countryCallingCodeEditable, displayInitialValueAsLocalNumber: true, className: classNames(undefined, {
+        countries, defaultCountry: defaultCountry || selectedCountry, countryCallingCodeEditable, displayInitialValueAsLocalNumber: true, className: classNames(styles.phoneInput, {
             isError,
-            [undefined]: isError,
-            [undefined]: selectedCountry,
+            [styles.error]: isError,
+            [styles.selectedCountry]: selectedCountry,
         }, className), flagUrl: undefined, flagComponent, countrySelectProps: { arrowComponent }, id: inputId }, inputProps);
     if (withFloatingLabel) {
         return (React__default.createElement(FloatingLabelControl, { shrink: !!value },
@@ -1792,4 +1794,4 @@ const _ChipButton = (_a) => {
 const ChipButton = _ChipButton;
 ChipButton.Group = Chip.Group;
 
-export { Anchor as A, Breadcrumbs as B, CaretDown as C, DEBOUNCED_TIME as D, ErrorIcon as E, Flag as F, Input as I, NumberInput as N, OTP as O, Phone as P, Radio as R, Select as S, Avatar as a, AspectRatio as b, ErrorLabel as c, Checkbox as d, CentralCarousel as e, ChipButton as f, PasswordInput as g, ErrorBoundary as h, StyledSliderWrapper as i, StyledSlider as j, Accordion as k, Carousel as l, emotionCache as m, PhoneInput as n, Popover as o, useStyles$2 as u };
+export { Anchor as A, Breadcrumbs as B, CaretDown as C, DEBOUNCED_TIME as D, ErrorIcon as E, Flag as F, Input as I, NumberInput as N, OTP as O, Phone as P, Radio as R, Select as S, Avatar as a, AspectRatio as b, ErrorLabel as c, Checkbox as d, CentralCarousel as e, ChipButton as f, PasswordInput as g, ErrorBoundary as h, StyledSliderWrapper as i, StyledSlider as j, Accordion as k, Carousel as l, emotionCache as m, PhoneInput as n, Popover as o, styles as s, useStyles$2 as u };

package/build/esm/{index-60e3d1e4.js → index-9e7d2b43.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
+import { _ as __rest } from './tslib.es6-7355b732.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-68c1eb3a.js';
+import { M as MediaQueries } from './utils-2cf0d99b.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-53c0c15c.js → index-9eedca28.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
+import { _ as __rest } from './tslib.es6-7355b732.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, Box, clsx } from '@mantine/core';
-import './index-d53b5d64.js';
+import './index-9c27c173.js';
 import '@mantine/dates';
-import './index-54ebeb31.js';
-import './index-964f9e56.js';
-import './index-e1c3e0e1.js';
-import './index-0bfcb7a7.js';
-import { T as Text } from './index-d8f453a0.js';
-import { B as Button } from './index-149a4bcb.js';
-import './index-7d49f9d1.js';
-import './index.styles-c89285e1.js';
-import { u as useTranslations } from './index-dcfca694.js';
+import './index-2ff4c7dc.js';
+import './index-505b85da.js';
+import './index-01ef2d81.js';
+import './index-ed2c52fa.js';
+import { T as Text } from './index-f38aca87.js';
+import { B as Button } from './index-d09629fa.js';
+import './index-1da86aeb.js';
+import './index.styles-4bb9bfe4.js';
+import { u as useTranslations } from './index-01977476.js';
 import '@mantine/hooks';
-import './utils-68c1eb3a.js';
-import './index-fef013de.js';
-import { C as CardWrapperContext } from './context-e94fed67.js';
-import { H as HealthToolFormWrapper } from './index-64b297f0.js';
+import './utils-2cf0d99b.js';
+import './index-c4470578.js';
+import { C as CardWrapperContext } from './context-08069e35.js';
+import { H as HealthToolFormWrapper } from './index-c62994ce.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-b91a508d.js → index-a188714a.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-73d5e63f.js';
-import { H as Heading } from './index-2b1fb52f.js';
-import { T as Text } from './index-d8f453a0.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-68c1eb3a.js';
+import { B as Button } from './index-d10f3693.js';
+import { H as Heading } from './index-ce869cbd.js';
+import { T as Text } from './index-f38aca87.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-2cf0d99b.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-b0048afb.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-327034d3.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-e6b0683d.js';
-import { I as Input } from './index-60e3d1e4.js';
-import { u as useTranslations } from './index-dcfca694.js';
-import { e as formatComment } from './dataTransform-3515d696.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-4f19ceae.js';
+import { a as __awaiter } from './tslib.es6-7355b732.js';
+import { I as Input } from './index-9e7d2b43.js';
+import { u as useTranslations } from './index-01977476.js';
+import { e as formatComment } from './dataTransform-1dd53f32.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-a5b04f97.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-ab57e2b0.js';
-import { C as CardLink } from './index-996abb43.js';
-import { L as Loading } from './index-1c2cdacf.js';
-import { U as UserAvatar } from './index-edc629c4.js';
-import { R as RichTextEditor } from './editor-523fc10a.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-2d20786e.js';
+import { C as CardLink } from './index-462e639d.js';
+import { L as Loading } from './index-960e69f4.js';
+import { U as UserAvatar } from './index-80f83f2b.js';
+import { R as RichTextEditor } from './editor-96ef1b99.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-3ac6d865.js';
-import { C as CloseIcon } from './index-a9dca53e.js';
+import { P as Popup } from './index-1912a9fa.js';
+import { C as CloseIcon } from './index-52fff2aa.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-31c51745.js → index-a4881f2c.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
+import { _ as __rest } from './tslib.es6-7355b732.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-d53b5d64.js';
+import './index-9c27c173.js';
 import '@mantine/dates';
-import './index-54ebeb31.js';
-import './index-964f9e56.js';
-import './index-e1c3e0e1.js';
-import './index-0bfcb7a7.js';
-import { T as Text } from './index-d8f453a0.js';
-import './index-149a4bcb.js';
-import { F as FontWeight } from './index-7d49f9d1.js';
-import './index.styles-c89285e1.js';
-import { u as useTranslations } from './index-dcfca694.js';
+import './index-2ff4c7dc.js';
+import './index-505b85da.js';
+import './index-01ef2d81.js';
+import './index-ed2c52fa.js';
+import { T as Text } from './index-f38aca87.js';
+import './index-d09629fa.js';
+import { F as FontWeight } from './index-1da86aeb.js';
+import './index.styles-4bb9bfe4.js';
+import { u as useTranslations } from './index-01977476.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-68c1eb3a.js';
-import './index-fef013de.js';
-import { C as CardWrapperContext } from './context-e94fed67.js';
+import { M as MediaQueries } from './utils-2cf0d99b.js';
+import './index-c4470578.js';
+import { C as CardWrapperContext } from './context-08069e35.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';

package/build/esm/{index-ad488b88.js → index-abc5467c.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
+import { _ as __rest } from './tslib.es6-7355b732.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-54ebeb31.js';
-import './index-964f9e56.js';
-import { C as CommonGAssets } from './index-e1c3e0e1.js';
-import { M as MAPPED_LOCALE } from './index-0bfcb7a7.js';
-import { L as LOCALE } from './Locale-7ac6b152.js';
+import { I as ISO_FORMAT } from './index-2ff4c7dc.js';
+import './index-505b85da.js';
+import { C as CommonGAssets } from './index-01ef2d81.js';
+import { M as MAPPED_LOCALE } from './index-ed2c52fa.js';
+import { L as LOCALE } from './Locale-71a37261.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-c40d00ff.js → index-b3535b32.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-e6b0683d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-7355b732.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-fef013de.js';
-import { L as Loading } from './index-ce445296.js';
-import './index-964f9e56.js';
-import { g as formatArticle } from './dataTransform-3515d696.js';
+import { T as Tabs } from './index-c4470578.js';
+import { L as Loading } from './index-7518aab0.js';
+import './index-505b85da.js';
+import { g as formatArticle } from './dataTransform-1dd53f32.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-b0048afb.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-327034d3.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-cb22faf0.js';
-import { L as LOCALE } from './Locale-7ac6b152.js';
+import { C as CardAuthor } from './index-83fcc07f.js';
+import { L as LOCALE } from './Locale-71a37261.js';
 import '@hhgtech/icons/other';
-import './index-149a4bcb.js';
-import './shared-b9242dd5.js';
-import './index-7d49f9d1.js';
-import './index-d8f453a0.js';
-import './index-dcfca694.js';
-import './translationsContext-76d53c58.js';
-import './index-73d5e63f.js';
-import './index-b5773a59.js';
+import './index-d09629fa.js';
+import './shared-8a9d8fab.js';
+import './index-1da86aeb.js';
+import './index-f38aca87.js';
+import './index-01977476.js';
+import './translationsContext-15ea5753.js';
+import './index-d10f3693.js';
+import './index-2437b025.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-4f19ceae.js';
+import './constants-a5b04f97.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-68c1eb3a.js';
-import './index-f6e7941f.js';
-import './paths-94499eed.js';
-import './constants-394cd914.js';
-import './index-54ebeb31.js';
+import './utils-2cf0d99b.js';
+import './index-5955ea8f.js';
+import './paths-4f3051ca.js';
+import './constants-da65833b.js';
+import './index-2ff4c7dc.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-5266aa5a.js';
+import './index-6e3994c4.js';
 import './miscTheme.js';
-import './WhatsApp-4e9864fc.js';
-import './Spinner-ea28eb4e.js';
-import './index-edc629c4.js';
+import './WhatsApp-03e37f8e.js';
+import './Spinner-c67ea1b5.js';
+import './index-80f83f2b.js';
 import '@emotion/styled';
-import './index-9d64f5f1.js';
-import './index-e1c3e0e1.js';
-import './index-1c2cdacf.js';
+import './index-3b127bcb.js';
+import './index-01ef2d81.js';
+import './index-960e69f4.js';
 import '@emotion/react';
-import './index-2b1fb52f.js';
-import './index-edc0ac81.js';
-import './index.styles-c89285e1.js';
+import './index-ce869cbd.js';
+import './index-e52557b4.js';
+import './index.styles-4bb9bfe4.js';
 
 const ProfileDetailContext = createContext({});