@hhgtech/hhg-components 1.29.495 → 1.29.497-beta-1

package/build/esm/{index-f87aee50.js → index-39dc2e0a.js}

@@ -1,41 +1,41 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-24662aef.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-fa3d862f.js';
-import { G as GA_TOKEN_COOKIE } from './index-9d70a47a.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-bc76d507.js';
+import { C as CommonGAssets } from './index-d039195e.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-02ed0a06.js';
+import { G as GA_TOKEN_COOKIE } from './index-25786055.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-f73c94c2.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-68ce2c3a.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-cb824bd6.js';
-import { I as ImageWrap } from './index-73089a5f.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-6e8f729e.js';
-import { u as useTranslations } from './index-6ec4c3e0.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-811208a0.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8e1ed91e.js';
+import { I as ImageWrap } from './index-bb3e96ac.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-7889f115.js';
+import { u as useTranslations } from './index-d16c86f4.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-29c83941.js';
+import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-94cda95e.js';
 import '@mantine/dates';
-import './index-b45e073c.js';
-import { t as themeColors } from './index-f44e0e10.js';
-import { T as Text } from './index-a57cae4a.js';
-import { B as Button } from './index-ece2a6b8.js';
-import './index-a28948f3.js';
-import './index.styles-d67df486.js';
+import './index-e442c24f.js';
+import { t as themeColors } from './index-97f62d2d.js';
+import { T as Text } from './index-3067e2a6.js';
+import { B as Button } from './index-eea761b6.js';
+import './index-559d56cb.js';
+import './index.styles-3a0314b7.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-a8f0d334.js';
-import './index-d7c7e47c.js';
+import './utils-f94ac687.js';
+import './index-9916d169.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-9abbb731.js';
-import { H as Heading } from './index-b4668404.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-bb8f3c1b.js';
-import { I as Icon } from './index-d453521f.js';
+import './translationsContext-3ba22159.js';
+import { H as Heading } from './index-13398579.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-a8425d13.js';
+import { I as Icon } from './index-d132b362.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-43923b1c.js';
-import { M as Modal } from './index-82fec19f.js';
+import { i as isVideo } from './index-447fb8c9.js';
+import { M as Modal } from './index-4c83df72.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-ed1356ed.js';
+import { L as LOCALE } from './Locale-4fc39ae5.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-71a2875a.js → index-3be39c36.js}

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

package/build/esm/{index-55dbf5cb.js → index-3d13da83.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-68ce2c3a.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-811208a0.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-449722db.js';
-import { u as useTranslations } from './index-6ec4c3e0.js';
+import { D as Dropdown } from './index-6574218e.js';
+import { u as useTranslations } from './index-d16c86f4.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-29c83941.js';
+import { I as Input$1 } from './index-94cda95e.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-9d70a47a.js';
-import './index-b45e073c.js';
-import './index-24662aef.js';
-import './index-f44e0e10.js';
-import { T as Text } from './index-a57cae4a.js';
-import { B as Button } from './index-ece2a6b8.js';
-import './index-a28948f3.js';
-import './index.styles-d67df486.js';
+import './index-25786055.js';
+import './index-e442c24f.js';
+import './index-d039195e.js';
+import './index-97f62d2d.js';
+import { T as Text } from './index-3067e2a6.js';
+import { B as Button } from './index-eea761b6.js';
+import './index-559d56cb.js';
+import './index.styles-3a0314b7.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-a8f0d334.js';
-import './index-d7c7e47c.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-a04d8261.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-fa3d862f.js';
+import { M as MediaQueries } from './utils-f94ac687.js';
+import './index-9916d169.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-cfca9657.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-02ed0a06.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-7ec03c3e.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-58b3473f.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-7011ac8a.js';
-import { C as CardAuthor } from './index-15de769f.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-5b913dce.js';
-import { I as Input } from './index-b89dc544.js';
+import { a as formatPost, f as formatCommunity, c as formatTopic } from './dataTransform-5ce6872f.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-2eaeca1b.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-d14aa171.js';
+import { C as CardAuthor } from './index-83cc21e5.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-1439e643.js';
+import { I as Input } from './index-41aa9ddd.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-753b63f3.js';
-import { C as CardLink } from './index-89f5338a.js';
-import { B as BtnChoice } from './index-71a2875a.js';
-import { L as LOCALE } from './Locale-ed1356ed.js';
+import { L as Loading } from './index-672a4962.js';
+import { C as CardLink } from './index-6989dc51.js';
+import { B as BtnChoice } from './index-3be39c36.js';
+import { L as LOCALE } from './Locale-4fc39ae5.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-55054c88.js';
-import { b as IconArrowLeft } from './index-0a1b1f5c.js';
-import { B as Button$1 } from './index-2b7fce4f.js';
+import { L as Loading$1 } from './index-1d93613f.js';
+import { b as IconArrowLeft } from './index-88a0ab48.js';
+import { B as Button$1 } from './index-1346f942.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-f94f61a8.js';
-import { U as UserAvatar } from './index-5fe1cb60.js';
-import { P as PopoverMenu } from './index-bb7650f7.js';
+import { a as useUniqueId } from './useUniqueId-5971c8df.js';
+import { U as UserAvatar } from './index-4ce6fabc.js';
+import { P as PopoverMenu } from './index-bbde8174.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-b89dc544.js → index-41aa9ddd.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-68ce2c3a.js';
+import { _ as __rest } from './tslib.es6-811208a0.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-a8f0d334.js';
+import { M as MediaQueries } from './utils-f94ac687.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-d15d2a34.js → index-4ab9fdb1.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-68ce2c3a.js';
+import { _ as __rest } from './tslib.es6-811208a0.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, Box, clsx } from '@mantine/core';
-import './index-29c83941.js';
+import './index-94cda95e.js';
 import '@mantine/dates';
-import './index-9d70a47a.js';
-import './index-b45e073c.js';
-import './index-24662aef.js';
-import './index-f44e0e10.js';
-import { T as Text } from './index-a57cae4a.js';
-import { B as Button } from './index-ece2a6b8.js';
-import './index-a28948f3.js';
-import './index.styles-d67df486.js';
-import { u as useTranslations } from './index-6ec4c3e0.js';
+import './index-25786055.js';
+import './index-e442c24f.js';
+import './index-d039195e.js';
+import './index-97f62d2d.js';
+import { T as Text } from './index-3067e2a6.js';
+import { B as Button } from './index-eea761b6.js';
+import './index-559d56cb.js';
+import './index.styles-3a0314b7.js';
+import { u as useTranslations } from './index-d16c86f4.js';
 import '@mantine/hooks';
-import './utils-a8f0d334.js';
-import './index-d7c7e47c.js';
-import { C as CardWrapperContext } from './context-b33d2258.js';
-import { H as HealthToolFormWrapper } from './index-f4f677d3.js';
+import './utils-f94ac687.js';
+import './index-9916d169.js';
+import { C as CardWrapperContext } from './context-84c9c116.js';
+import { H as HealthToolFormWrapper } from './index-0e48fc2c.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-0518d7bb.js → index-4c215b70.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-78325c92.js';
-import { T as Text } from './index-a57cae4a.js';
+import { C as Container } from './index-76c4102d.js';
+import { T as Text } from './index-3067e2a6.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-82fec19f.js → index-4c83df72.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-68ce2c3a.js';
+import { _ as __rest } from './tslib.es6-811208a0.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-d67df486.js';
+import { u as useStyles } from './index.styles-3a0314b7.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-5fe1cb60.js → index-4ce6fabc.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-68ce2c3a.js';
+import { _ as __rest } from './tslib.es6-811208a0.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-fa3d862f.js';
+import { T as TogetherComponentGlobalContext } from './utils-02ed0a06.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-5f43a69c.js → index-51d2d909.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-78325c92.js';
+import { C as Container } from './index-76c4102d.js';
 import dayjs from 'dayjs';
-import './index-9d70a47a.js';
-import './index-29c83941.js';
+import './index-25786055.js';
+import './index-94cda95e.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-b45e073c.js';
-import './index-24662aef.js';
-import './index-f44e0e10.js';
-import { T as Text } from './index-a57cae4a.js';
-import './index-ece2a6b8.js';
-import './index-a28948f3.js';
-import './index.styles-d67df486.js';
-import './translationsContext-9abbb731.js';
+import './index-e442c24f.js';
+import './index-d039195e.js';
+import './index-97f62d2d.js';
+import { T as Text } from './index-3067e2a6.js';
+import './index-eea761b6.js';
+import './index-559d56cb.js';
+import './index.styles-3a0314b7.js';
+import './translationsContext-3ba22159.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-a8f0d334.js';
-import './index-d7c7e47c.js';
-import { u as useScreenSize } from './index-73089a5f.js';
+import { M as MediaQueries } from './utils-f94ac687.js';
+import './index-9916d169.js';
+import { u as useScreenSize } from './index-bb3e96ac.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-4f7f48d6.js';
-import { M as MarryBabyText } from './index-babccd99.js';
+import { L as Logo } from './index-e019f5fb.js';
+import { M as MarryBabyText } from './index-d26bd515.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-6cc56356.js → index-52809c2d.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-68ce2c3a.js';
+import { _ as __rest } from './tslib.es6-811208a0.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-9d70a47a.js';
+import { Z as ZINDEX_SSO } from './index-25786055.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-764ca3de.js → index-605221de.js}

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

package/build/esm/{index-f8a3e7f8.js → index-6297b340.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-68ce2c3a.js';
+import { a as __awaiter } from './tslib.es6-811208a0.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-73089a5f.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-fa3d862f.js';
+import { I as ImageWrap } from './index-bb3e96ac.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-02ed0a06.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-58b3473f.js';
-import { y as youtubeVidIdGetter } from './post-7011ac8a.js';
-import { L as Loading } from './index-55054c88.js';
+import { D as DEFAULT_IMG } from './constants-2eaeca1b.js';
+import { y as youtubeVidIdGetter } from './post-d14aa171.js';
+import { L as Loading } from './index-1d93613f.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-a6fcbfe8.js → index-6498713c.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-23c6e52d.js';
+import { u as useScrollbarSize } from './useScrollbarSize-8e8630e1.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-a8f0d334.js';
+import { M as MediaQueries } from './utils-f94ac687.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-753b63f3.js → index-672a4962.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-d453521f.js';
-import { u as useTranslations } from './index-6ec4c3e0.js';
+import { I as Icon } from './index-d132b362.js';
+import { u as useTranslations } from './index-d16c86f4.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-1712b646.js → index-687eb652.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-6ec4c3e0.js';
-import { B as Button } from './index-2b7fce4f.js';
+import { u as useTranslations } from './index-d16c86f4.js';
+import { B as Button } from './index-1346f942.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-89f5338a.js → index-6989dc51.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-68ce2c3a.js';
+import { a as __awaiter } from './tslib.es6-811208a0.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-b4668404.js';
-import { T as Text } from './index-a57cae4a.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-fa3d862f.js';
+import { H as Heading } from './index-13398579.js';
+import { T as Text } from './index-3067e2a6.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-02ed0a06.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-58b3473f.js';
+import { D as DEFAULT_IMG } from './constants-2eaeca1b.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-c4fc1e8c.js → index-699981c0.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-68ce2c3a.js';
+import { _ as __rest } from './tslib.es6-811208a0.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-a57cae4a.js';
-import { u as useTranslations } from './index-6ec4c3e0.js';
+import { T as Text } from './index-3067e2a6.js';
+import { u as useTranslations } from './index-d16c86f4.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-434f6d60.js → index-7c0bbc62.js}

@@ -1,23 +1,24 @@
-import { _ as __rest } from './tslib.es6-68ce2c3a.js';
+import { _ as __rest } from './tslib.es6-811208a0.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-29c83941.js';
+import { R as Radio } from './index-94cda95e.js';
 import '@mantine/dates';
-import './index-9d70a47a.js';
-import './index-b45e073c.js';
-import { C as CommonGAssets } from './index-24662aef.js';
-import './index-f44e0e10.js';
-import { T as Text } from './index-a57cae4a.js';
-import './index-ece2a6b8.js';
-import './index-a28948f3.js';
-import './index.styles-d67df486.js';
-import { u as useTranslations } from './index-6ec4c3e0.js';
+import './index-25786055.js';
+import './index-e442c24f.js';
+import { C as CommonGAssets } from './index-d039195e.js';
+import './index-97f62d2d.js';
+import { T as Text } from './index-3067e2a6.js';
+import './index-eea761b6.js';
+import './index-559d56cb.js';
+import './index.styles-3a0314b7.js';
+import { u as useTranslations } from './index-d16c86f4.js';
 import '@mantine/hooks';
-import './utils-a8f0d334.js';
-import './index-d7c7e47c.js';
+import './utils-f94ac687.js';
+import './index-9916d169.js';
 
-var useStyles = createStyles((theme, { type }) => {
+var useStyles = createStyles((theme, { type, color }) => {
+    var _a;
     const isMarryBaby = theme.other.template === 'mb';
     return {
         root: {},
@@ -34,7 +35,7 @@ var useStyles = createStyles((theme, { type }) => {
                 width: '50%',
                 '&[data-checked="true"]': {
                     '.mantine-Radio-label': {
-                        borderColor: theme.fn.primaryColor(),
+                        borderColor: ((_a = theme.colors[color]) === null || _a === void 0 ? void 0 : _a[6]) || theme.fn.primaryColor(),
                     },
                 },
             }
@@ -78,12 +79,12 @@ var useStyles = createStyles((theme, { type }) => {
 });
 
 const GenderOptionControl = (_a) => {
-    var { label, availableValue: availableValueInit, styles, isBaby, genderValue = {
+    var { label, availableValue: availableValueInit, styles, color, isBaby, genderValue = {
         male: 'male',
         female: 'female',
-    }, type = 'button', hideLabel } = _a, radioProps = __rest(_a, ["label", "availableValue", "styles", "isBaby", "genderValue", "type", "hideLabel"]);
+    }, type = 'button', hideLabel } = _a, radioProps = __rest(_a, ["label", "availableValue", "styles", "color", "isBaby", "genderValue", "type", "hideLabel"]);
     const { t } = useTranslations();
-    const { classes, cx, theme } = useStyles({ type }, {
+    const { classes, cx, theme } = useStyles({ type, color }, {
         name: 'GenderOptionControl',
         styles,
     });

package/build/esm/{index-15de769f.js → index-83cc21e5.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-6ec4c3e0.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-a8f0d334.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-1a29808c.js';
-import { I as Icon } from './index-d453521f.js';
-import { _ as __rest } from './tslib.es6-68ce2c3a.js';
-import { U as UserAvatar } from './index-5fe1cb60.js';
-import { I as ImageWrap, u as useScreenSize } from './index-73089a5f.js';
-import './index-9d70a47a.js';
-import { C as CommonGAssets } from './index-24662aef.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-fa3d862f.js';
-import { B as Button } from './index-2b7fce4f.js';
-import { T as Text } from './index-a57cae4a.js';
+import { u as useTranslations } from './index-d16c86f4.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-f94ac687.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-32968531.js';
+import { I as Icon } from './index-d132b362.js';
+import { _ as __rest } from './tslib.es6-811208a0.js';
+import { U as UserAvatar } from './index-4ce6fabc.js';
+import { I as ImageWrap, u as useScreenSize } from './index-bb3e96ac.js';
+import './index-25786055.js';
+import { C as CommonGAssets } from './index-d039195e.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-02ed0a06.js';
+import { B as Button } from './index-1346f942.js';
+import { T as Text } from './index-3067e2a6.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-55054c88.js';
-import { H as Heading } from './index-b4668404.js';
-import { M as Modal } from './index-82fec19f.js';
+import { L as Loading } from './index-1d93613f.js';
+import { H as Heading } from './index-13398579.js';
+import { M as Modal } from './index-4c83df72.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-aa0e229d.js').then((module) => {
+                import('./index-f41edc13.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-0a1b1f5c.js → index-88a0ab48.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-b4668404.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-a8f0d334.js';
-import { u as useTranslations } from './index-6ec4c3e0.js';
-import { T as TogetherComponentGlobalContext } from './utils-fa3d862f.js';
+import { H as Heading } from './index-13398579.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-f94ac687.js';
+import { u as useTranslations } from './index-d16c86f4.js';
+import { T as TogetherComponentGlobalContext } from './utils-02ed0a06.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-a57cae4a.js';
+import { T as Text } from './index-3067e2a6.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-68ce2c3a.js';
+import { _ as __rest } from './tslib.es6-811208a0.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-38b38a84.js → index-91e3ecc4.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-a57cae4a.js';
+import { T as Text } from './index-3067e2a6.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-a8f0d334.js';
+import { M as MediaQueries } from './utils-f94ac687.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-9b318d61.js';
-import { R as Radio$1 } from './index-29c83941.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-68ce2c3a.js';
-import { T as Text$1 } from './index-1b7964a1.js';
+import { S as ShapedArrowDown } from './index-dc502110.js';
+import { R as Radio$1 } from './index-94cda95e.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-811208a0.js';
+import { T as Text$1 } from './index-cb5727c3.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-b4668404.js';
-import { C as Close } from './Close-7ebf032c.js';
-import { u as useTranslations } from './index-6ec4c3e0.js';
+import { H as Heading } from './index-13398579.js';
+import { C as Close } from './Close-2a2231b2.js';
+import { u as useTranslations } from './index-d16c86f4.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-29c83941.js → index-94cda95e.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-68ce2c3a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-811208a0.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-24662aef.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-a28948f3.js';
-import { u as useScreenSize, I as ImageWrap } from './index-73089a5f.js';
+import { C as CommonGAssets } from './index-d039195e.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-559d56cb.js';
+import { u as useScreenSize, I as ImageWrap } from './index-bb3e96ac.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-a57cae4a.js';
-import { t as themeColors } from './index-f44e0e10.js';
+import { T as Text } from './index-3067e2a6.js';
+import { t as themeColors } from './index-97f62d2d.js';
 import { theme } from './miscTheme.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-f94f61a8.js';
+import { a as useUniqueId } from './useUniqueId-5971c8df.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-ece2a6b8.js';
+import { B as Button } from './index-eea761b6.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;
@@ -1794,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, styles as s, useStyles$2 as u };
+export { Avatar 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, Anchor 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 };