@hhgtech/hhg-components 1.29.479 → 1.29.480-beta-1

package/build/esm/{index-d53b5d64.js → index-4917810c.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-71c95f0d.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-4ab96c95.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-28c66fc1.js';
+import { u as useScreenSize, I as ImageWrap } from './index-b3877ccd.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-f4894e84.js';
+import { t as themeColors } from './index-d930067d.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-82cda08a.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-c6e6304d.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-20432f4d.js → index-53d23197.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-71c95f0d.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-8b9ac9c8.js';
+import { L as Loading } from './index-ef0f0c3d.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-27a2998c.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-c3fa1c36.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-4ab96c95.js';
+import { I as ImageWrap } from './index-b3877ccd.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-1f2b4eae.js';
+import { S as SocialType } from './index-972dc587.js';
+import { u as useTranslations } from './index-9bacf266.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-4917810c.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-cb27e7bc.js';
+import './index-d930067d.js';
+import { T as Text } from './index-f4894e84.js';
+import { B as Button } from './index-c6e6304d.js';
+import './index-28c66fc1.js';
+import './index.styles-dd14e23b.js';
 import '@mantine/hooks';
-import './utils-68c1eb3a.js';
+import './utils-468ff2e1.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-3ab28edc.js';
+import { B as Button$1 } from './index-722556b5.js';
+import './translationsContext-f1586547.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-53c0c15c.js → index-561d81a0.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
+import { _ as __rest } from './tslib.es6-71c95f0d.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, Box, clsx } from '@mantine/core';
-import './index-d53b5d64.js';
+import './index-4917810c.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-cb27e7bc.js';
+import './index-972dc587.js';
+import './index-4ab96c95.js';
+import './index-d930067d.js';
+import { T as Text } from './index-f4894e84.js';
+import { B as Button } from './index-c6e6304d.js';
+import './index-28c66fc1.js';
+import './index.styles-dd14e23b.js';
+import { u as useTranslations } from './index-9bacf266.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-468ff2e1.js';
+import './index-8b9ac9c8.js';
+import { C as CardWrapperContext } from './context-2f409304.js';
+import { H as HealthToolFormWrapper } from './index-42c8616e.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-45f2a2ff.js → index-56222c40.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-e6b0683d.js';
+import { a as __awaiter } from './tslib.es6-71c95f0d.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-9d64f5f1.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-b0048afb.js';
+import { I as ImageWrap } from './index-b3877ccd.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-c3fa1c36.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-4f19ceae.js';
-import { y as youtubeVidIdGetter } from './post-ab57e2b0.js';
-import { L as Loading } from './index-1c2cdacf.js';
+import { D as DEFAULT_IMG } from './constants-da6dfd4d.js';
+import { y as youtubeVidIdGetter } from './post-3ab28edc.js';
+import { L as Loading } from './index-49010cee.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-2b1fb52f.js → index-584bb04d.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
+import { _ as __rest } from './tslib.es6-71c95f0d.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-d8f453a0.js';
+import { T as Text } from './index-f4894e84.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-fff4f6bc.js → index-5a3c605d.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-423b816a.js';
-import { T as Text } from './index-d8f453a0.js';
+import { C as Container } from './index-7cd1ff1c.js';
+import { T as Text } from './index-f4894e84.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-a5fd40a5.js → index-5b44cc22.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
+import { _ as __rest } from './tslib.es6-71c95f0d.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-d53b5d64.js';
-import { D as DatePicker } from './index-ad488b88.js';
-import './index-d8f453a0.js';
-import './index-149a4bcb.js';
-import './index-7d49f9d1.js';
-import './index.styles-c89285e1.js';
-import { u as useTranslations } from './index-dcfca694.js';
+import './index-4917810c.js';
+import { D as DatePicker } from './index-f827c03e.js';
+import './index-f4894e84.js';
+import './index-c6e6304d.js';
+import './index-28c66fc1.js';
+import './index.styles-dd14e23b.js';
+import { u as useTranslations } from './index-9bacf266.js';
 import '@mantine/hooks';
-import './index-0bfcb7a7.js';
-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 { G as GenderOptionControl } from './index-8917cd74.js';
+import './index-d930067d.js';
+import './utils-468ff2e1.js';
+import './index-8b9ac9c8.js';
+import { C as CardWrapperContext } from './context-2f409304.js';
+import { H as HealthToolFormWrapper } from './index-42c8616e.js';
+import { G as GenderOptionControl } from './index-43283d7d.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-951beea9.js → index-5c562bc7.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
+import { _ as __rest } from './tslib.es6-71c95f0d.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-d8f453a0.js';
-import { u as useTranslations } from './index-dcfca694.js';
+import { T as Text } from './index-f4894e84.js';
+import { u as useTranslations } from './index-9bacf266.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-721b2e05.js → index-5fdf0fc7.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
+import { _ as __rest } from './tslib.es6-71c95f0d.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-0bfcb7a7.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-7d49f9d1.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-d930067d.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-28c66fc1.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);

package/build/esm/{index-a9dca53e.js → index-61dd2567.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-2b1fb52f.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-68c1eb3a.js';
-import { u as useTranslations } from './index-dcfca694.js';
-import { T as TogetherComponentGlobalContext } from './utils-b0048afb.js';
+import { H as Heading } from './index-584bb04d.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-468ff2e1.js';
+import { u as useTranslations } from './index-9bacf266.js';
+import { T as TogetherComponentGlobalContext } from './utils-c3fa1c36.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-d8f453a0.js';
+import { T as Text } from './index-f4894e84.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
+import { _ as __rest } from './tslib.es6-71c95f0d.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-3ac6d865.js → index-65c6cf70.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-68c1eb3a.js';
+import { M as MediaQueries } from './utils-468ff2e1.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-c9cb43ad.js → index-664006ba.js}

@@ -1,28 +1,28 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-e6b0683d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-71c95f0d.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-e7a8f1c0.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-4f19ceae.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-7a07e506.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-da6dfd4d.js';
 import { Flex, rem, Stack, clsx, createStyles, Box } from '@mantine/core';
-import { G as GenderOptionControl } from './index-8917cd74.js';
-import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-d53b5d64.js';
+import { G as GenderOptionControl } from './index-43283d7d.js';
+import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-4917810c.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 './index-cb27e7bc.js';
+import './index-972dc587.js';
+import './index-4ab96c95.js';
+import './index-d930067d.js';
+import { T as Text } from './index-f4894e84.js';
+import './index-c6e6304d.js';
 import { theme } from './miscTheme.js';
-import './index-7d49f9d1.js';
-import './index.styles-c89285e1.js';
-import { u as useTranslations } from './index-dcfca694.js';
+import './index-28c66fc1.js';
+import './index.styles-dd14e23b.js';
+import { u as useTranslations } from './index-9bacf266.js';
 import '@mantine/hooks';
-import './utils-68c1eb3a.js';
-import './index-fef013de.js';
-import { H as HealthToolFormWrapper } from './index-64b297f0.js';
-import { C as CardWrapperContext } from './context-e94fed67.js';
-import { L as LOCALE } from './Locale-7ac6b152.js';
+import './utils-468ff2e1.js';
+import './index-8b9ac9c8.js';
+import { H as HealthToolFormWrapper } from './index-42c8616e.js';
+import { C as CardWrapperContext } from './context-2f409304.js';
+import { L as LOCALE } from './Locale-b3c0ef4e.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 

package/build/esm/{index-5d2245db.js → index-6a57a6dd.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-b5773a59.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-54ebeb31.js';
-import { N as NodeIntentType } from './index-964f9e56.js';
+import { c as cookie } from './index-c0f625f9.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-cb27e7bc.js';
+import { N as NodeIntentType } from './index-972dc587.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-52b97545.js → index-6debe34a.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
+import { _ as __rest } from './tslib.es6-71c95f0d.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-54ebeb31.js';
+import { Z as ZINDEX_SSO } from './index-cb27e7bc.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-73d5e63f.js → index-722556b5.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
+import { _ as __rest } from './tslib.es6-71c95f0d.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-149a4bcb.js';
+import { B as Button$1 } from './index-c6e6304d.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-0e912e3d.js → index-75f15a53.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-d53b5d64.js';
+import { F as Flag } from './index-4917810c.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-d8f453a0.js';
-import { C as CommonGAssets } from './index-e1c3e0e1.js';
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
-import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-54ebeb31.js';
-import { V as VideoType } from './index-964f9e56.js';
+import { T as Text } from './index-f4894e84.js';
+import { C as CommonGAssets } from './index-4ab96c95.js';
+import { _ as __rest } from './tslib.es6-71c95f0d.js';
+import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-cb27e7bc.js';
+import { V as VideoType } from './index-972dc587.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-f69b056a.js';
-import { u as useTranslations } from './index-dcfca694.js';
+import { a as abbreviateNumber } from './number-25072852.js';
+import { u as useTranslations } from './index-9bacf266.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-edc0ac81.js';
-import { S as SocialLinkPreview } from './index-45f2a2ff.js';
+import { M as Modal } from './index-768151fa.js';
+import { S as SocialLinkPreview } from './index-56222c40.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-edc0ac81.js → index-768151fa.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-e6b0683d.js';
+import { _ as __rest } from './tslib.es6-71c95f0d.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-c89285e1.js';
+import { u as useStyles } from './index.styles-dd14e23b.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-cbee7a4c.js → index-7f7053a8.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-71c95f0d.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-b52757bc.js';
+import { u as useTranslations } from './index-9bacf266.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-4917810c.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-cb27e7bc.js';
+import './index-972dc587.js';
+import './index-4ab96c95.js';
+import './index-d930067d.js';
+import { T as Text } from './index-f4894e84.js';
+import { B as Button } from './index-c6e6304d.js';
+import './index-28c66fc1.js';
+import './index.styles-dd14e23b.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-468ff2e1.js';
+import './index-8b9ac9c8.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-2c6e4730.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-c3fa1c36.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-27a2998c.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-da6dfd4d.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-3ab28edc.js';
+import { C as CardAuthor } from './index-1f2b4eae.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-f7e2180e.js';
+import { I as Input } from './index-46e01ad8.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-d5e5f756.js';
+import { C as CardLink } from './index-1afa495f.js';
+import { B as BtnChoice } from './index-a3859f7d.js';
+import { L as LOCALE } from './Locale-b3c0ef4e.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-49010cee.js';
+import { b as IconArrowLeft } from './index-61dd2567.js';
+import { B as Button$1 } from './index-722556b5.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-82cda08a.js';
+import { U as UserAvatar } from './index-8b589c6c.js';
+import { P as PopoverMenu } from './index-efc6e879.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-f6e7941f.js → index-8119be96.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-e6b0683d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-71c95f0d.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-dcfca694.js';
+import { u as useTranslations } from './index-9bacf266.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-94499eed.js';
-import { L as LOCALIZED_SLUGS } from './constants-394cd914.js';
-import { B as Button } from './index-149a4bcb.js';
-import './index-54ebeb31.js';
-import { c as callApi, g as getCarePath } from './utils-b0048afb.js';
+import { P as PATHS } from './paths-d7ff4026.js';
+import { L as LOCALIZED_SLUGS } from './constants-7ef9402f.js';
+import { B as Button } from './index-c6e6304d.js';
+import './index-cb27e7bc.js';
+import { c as callApi, g as getCarePath } from './utils-c3fa1c36.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-f05c70f1.js → index-86cc3cc7.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-213f4801.js';
+import { T as Text } from './index-08b748d9.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-edc629c4.js → index-8b589c6c.js}

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