@hhgtech/hhg-components 1.29.502 → 1.29.504-beta-1

package/build/esm/{index-a859b70a.js → index-bd700e82.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-30239d68.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-84a4e01b.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-952d2e64.js';
-import { u as useTranslations } from './index-af067d95.js';
+import { D as Dropdown } from './index-82974bcd.js';
+import { u as useTranslations } from './index-7f6e3580.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-c7f0c8c5.js';
+import { I as Input$1 } from './index-dd138032.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-c80af3fd.js';
-import './index-a8dd988b.js';
-import './index-455d6c13.js';
-import './index-775acaac.js';
-import { T as Text } from './index-ee0e07c2.js';
-import { B as Button } from './index-80a2f314.js';
-import './index-8895cfb2.js';
-import './index.styles-8c49d75c.js';
+import './index-60311461.js';
+import './index-1f276643.js';
+import './index-09aa88fc.js';
+import './index-4ead6f5b.js';
+import { T as Text } from './index-58654ce9.js';
+import { B as Button } from './index-1fb7dccd.js';
+import './index-17fca51b.js';
+import './index.styles-68a2685d.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-d6658365.js';
-import './index-2f0baed4.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-5f7b7621.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-335aa685.js';
+import { M as MediaQueries } from './utils-bca4ed20.js';
+import './index-ae1638d4.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-2ffbe2f7.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-0e5f5152.js';
 import styled from '@emotion/styled';
-import { a as formatPost, f as formatCommunity, c as formatTopic } from './dataTransform-99c99d38.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-a34084bc.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-f4aed128.js';
-import { C as CardAuthor } from './index-430bb49b.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-e527ee39.js';
-import { I as Input } from './index-a558813b.js';
+import { a as formatPost, f as formatCommunity, c as formatTopic } from './dataTransform-399cf1af.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-2e3db2ea.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-163421f5.js';
+import { C as CardAuthor } from './index-cccebb35.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-c267a781.js';
+import { I as Input } from './index-dba65123.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-55ec231e.js';
-import { C as CardLink } from './index-13f14f3d.js';
-import { B as BtnChoice } from './index-1abb3484.js';
-import { L as LOCALE } from './Locale-4f54dec0.js';
+import { L as Loading } from './index-3eb8908f.js';
+import { C as CardLink } from './index-61a513d4.js';
+import { B as BtnChoice } from './index-2ec6ec5f.js';
+import { L as LOCALE } from './Locale-5cc6b290.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-df4d2a16.js';
-import { b as IconArrowLeft } from './index-c208b0b2.js';
-import { B as Button$1 } from './index-91604e15.js';
+import { L as Loading$1 } from './index-49b77d1e.js';
+import { b as IconArrowLeft } from './index-70ce89c0.js';
+import { B as Button$1 } from './index-98ee5066.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-55d7a609.js';
-import { U as UserAvatar } from './index-eb766205.js';
-import { P as PopoverMenu } from './index-9a7dcfb0.js';
+import { a as useUniqueId } from './useUniqueId-2d9e87a0.js';
+import { U as UserAvatar } from './index-920060a2.js';
+import { P as PopoverMenu } from './index-efee329b.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-4765007e.js → index-c1a6bf3a.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-30239d68.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-84a4e01b.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-91604e15.js';
-import { H as Heading } from './index-3c950bc2.js';
-import { u as useTranslations } from './index-af067d95.js';
+import { B as Button } from './index-98ee5066.js';
+import { H as Heading } from './index-43399539.js';
+import { u as useTranslations } from './index-7f6e3580.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-5f7b7621.js';
-import { C as CommonGAssets } from './index-455d6c13.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-a34084bc.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-2ffbe2f7.js';
+import { C as CommonGAssets } from './index-09aa88fc.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-2e3db2ea.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-335aa685.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-5d6df0e6.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-0e5f5152.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-08e71cdf.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-d6658365.js';
+import { M as MediaQueries } from './utils-bca4ed20.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-99c99d38.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-399cf1af.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-13f14f3d.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-430bb49b.js';
-import { a as ProfileDetail, P as PostContent } from './index-a07bde3b.js';
-import { a as PostImagePreview } from './index-c208b0b2.js';
-import { S as SocialLinkPreview } from './index-824949a2.js';
-import { D as Divider } from './index-30eea3f6.js';
-import './index-c80af3fd.js';
+import { C as CardLink } from './index-61a513d4.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-cccebb35.js';
+import { a as ProfileDetail, P as PostContent } from './index-c5482a53.js';
+import { a as PostImagePreview } from './index-70ce89c0.js';
+import { S as SocialLinkPreview } from './index-c95d65b1.js';
+import { D as Divider } from './index-445698e3.js';
+import './index-60311461.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-a558813b.js';
-import { T as Text } from './index-ee0e07c2.js';
-import { L as Loading } from './index-df4d2a16.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-2892a93f.js';
+import { I as Input } from './index-dba65123.js';
+import { T as Text } from './index-58654ce9.js';
+import { L as Loading } from './index-49b77d1e.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-5dc5abcc.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-a07bde3b.js → index-c5482a53.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-30239d68.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-84a4e01b.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-2f0baed4.js';
-import { L as Loading } from './index-133ccc96.js';
-import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-99c99d38.js';
+import { T as Tabs } from './index-ae1638d4.js';
+import { L as Loading } from './index-42ac6cea.js';
+import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-399cf1af.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-335aa685.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-0e5f5152.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-455d6c13.js';
-import { I as ImageWrap } from './index-a8430432.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-430bb49b.js';
-import { S as SocialType } from './index-a8dd988b.js';
-import { u as useTranslations } from './index-af067d95.js';
+import { C as CommonGAssets } from './index-09aa88fc.js';
+import { I as ImageWrap } from './index-553f234d.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-cccebb35.js';
+import { S as SocialType } from './index-1f276643.js';
+import { u as useTranslations } from './index-7f6e3580.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { b as Anchor$1 } from './index-c7f0c8c5.js';
+import { b as Anchor$1 } from './index-dd138032.js';
 import '@mantine/dates';
-import './index-c80af3fd.js';
-import './index-775acaac.js';
-import { T as Text } from './index-ee0e07c2.js';
-import { B as Button } from './index-80a2f314.js';
-import './index-8895cfb2.js';
-import './index.styles-8c49d75c.js';
+import './index-60311461.js';
+import './index-4ead6f5b.js';
+import { T as Text } from './index-58654ce9.js';
+import { B as Button } from './index-1fb7dccd.js';
+import './index-17fca51b.js';
+import './index.styles-68a2685d.js';
 import '@mantine/hooks';
-import './utils-d6658365.js';
+import './utils-bca4ed20.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-f4aed128.js';
-import { B as Button$1 } from './index-91604e15.js';
-import './translationsContext-26059208.js';
+import { d as decodeMention, b as decodePostUrl } from './post-163421f5.js';
+import { B as Button$1 } from './index-98ee5066.js';
+import './translationsContext-8a37b301.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-824949a2.js → index-c95d65b1.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-30239d68.js';
+import { a as __awaiter } from './tslib.es6-84a4e01b.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-a8430432.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-335aa685.js';
+import { I as ImageWrap } from './index-553f234d.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-0e5f5152.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-a34084bc.js';
-import { y as youtubeVidIdGetter } from './post-f4aed128.js';
-import { L as Loading } from './index-df4d2a16.js';
+import { D as DEFAULT_IMG } from './constants-2e3db2ea.js';
+import { y as youtubeVidIdGetter } from './post-163421f5.js';
+import { L as Loading } from './index-49b77d1e.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-00bcff45.js → index-cb1e784d.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-b3614ac9.js';
-import { T as Text } from './index-ee0e07c2.js';
+import { C as Container } from './index-5d970156.js';
+import { T as Text } from './index-58654ce9.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-e963bc4a.js → index-cc3cdd78.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-30239d68.js';
+import { _ as __rest } from './tslib.es6-84a4e01b.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-8c49d75c.js';
+import { u as useStyles } from './index.styles-68a2685d.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-430bb49b.js → index-cccebb35.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-af067d95.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-d6658365.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-d8e83a5f.js';
-import { I as Icon } from './index-ac825adf.js';
-import { _ as __rest } from './tslib.es6-30239d68.js';
-import { U as UserAvatar } from './index-eb766205.js';
-import { I as ImageWrap, u as useScreenSize } from './index-a8430432.js';
-import './index-c80af3fd.js';
-import { C as CommonGAssets } from './index-455d6c13.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-335aa685.js';
-import { B as Button } from './index-91604e15.js';
-import { T as Text } from './index-ee0e07c2.js';
+import { u as useTranslations } from './index-7f6e3580.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-bca4ed20.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-ef4f6917.js';
+import { I as Icon } from './index-d73eec1e.js';
+import { _ as __rest } from './tslib.es6-84a4e01b.js';
+import { U as UserAvatar } from './index-920060a2.js';
+import { I as ImageWrap, u as useScreenSize } from './index-553f234d.js';
+import './index-60311461.js';
+import { C as CommonGAssets } from './index-09aa88fc.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-0e5f5152.js';
+import { B as Button } from './index-98ee5066.js';
+import { T as Text } from './index-58654ce9.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-df4d2a16.js';
-import { H as Heading } from './index-3c950bc2.js';
-import { M as Modal } from './index-e963bc4a.js';
+import { L as Loading } from './index-49b77d1e.js';
+import { H as Heading } from './index-43399539.js';
+import { M as Modal } from './index-cc3cdd78.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-1b41dc8d.js').then((module) => {
+                import('./index-e12d2440.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-ef3c6c25.js → index-cff7f77a.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-30239d68.js';
+import { _ as __rest } from './tslib.es6-84a4e01b.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-1f316988.js → index-d1bf4027.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-30239d68.js';
+import { _ as __rest } from './tslib.es6-84a4e01b.js';
 import React__default from 'react';
 import { Textarea } from '@mantine/core';
-import { u as useStyles } from './index-c7f0c8c5.js';
-import { u as useTemplateVariant } from './index-8895cfb2.js';
+import { u as useStyles } from './index-dd138032.js';
+import { u as useTemplateVariant } from './index-17fca51b.js';
 
 const TextArea = (_a) => {
     var { styles } = _a, props = __rest(_a, ["styles"]);

package/build/esm/{index-ac825adf.js → index-d73eec1e.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-30239d68.js';
+import { _ as __rest } from './tslib.es6-84a4e01b.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-484971fb.js';
-import { S as Spinner } from './Spinner-df12c273.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-6c1cc0b5.js';
+import { S as Spinner } from './Spinner-065060b0.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-81d15fe9.js → index-d8cf8186.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-30239d68.js';
+import { _ as __rest } from './tslib.es6-84a4e01b.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-ee0e07c2.js';
-import { u as useTranslations } from './index-af067d95.js';
+import { T as Text } from './index-58654ce9.js';
+import { u as useTranslations } from './index-7f6e3580.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-a558813b.js → index-dba65123.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-30239d68.js';
+import { _ as __rest } from './tslib.es6-84a4e01b.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-d6658365.js';
+import { M as MediaQueries } from './utils-bca4ed20.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-c7f0c8c5.js → index-dd138032.js}

@@ -1,24 +1,25 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-30239d68.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-84a4e01b.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-455d6c13.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-8895cfb2.js';
-import { u as useScreenSize, I as ImageWrap } from './index-a8430432.js';
+import { C as CommonGAssets } from './index-09aa88fc.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-17fca51b.js';
+import { u as useScreenSize, I as ImageWrap } from './index-553f234d.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-ee0e07c2.js';
-import { t as themeColors } from './index-775acaac.js';
+import { T as Text } from './index-58654ce9.js';
+import { t as themeColors } from './index-4ead6f5b.js';
 import { theme } from './miscTheme.js';
+import { A as ANIMATION_DURATION } from './shared-d6383413.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-55d7a609.js';
+import { a as useUniqueId } from './useUniqueId-2d9e87a0.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-80a2f314.js';
+import { B as Button } from './index-1fb7dccd.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;
@@ -322,16 +323,96 @@ const FileInput = (props) => {
     return React__default.createElement(FileInput$1, Object.assign({ size: "md" }, props));
 };
 
-var useStyles$1 = createStyles((theme, { variantStyle }) => {
-    const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;
-    const commonStyle = {
-        fontSize: rem(15),
-        lineHeight: rem(24),
+const sizeMap = {
+    lg: {
+        height: 48,
+        fontSize: rem(16),
+        lineHeight: '24px',
+    },
+    md: {
+        height: 40,
+        fontSize: rem(14),
+        lineHeight: '22px',
+    },
+    sm: {
+        height: 32,
+        fontSize: rem(14),
+        lineHeight: '22px',
+    },
+    xs: {
+        height: 32,
+        fontSize: rem(13),
+        lineHeight: rem(20),
         letterSpacing: '-0.3px',
-        color: theme.colors.gray[4],
-    };
+    },
+};
+var useStyles$1 = createStyles((theme, { variantStyle, size, }) => {
+    const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;
+    const base = sizeMap[size] || {};
+    const leadgenPatch = isLeadgenStyle
+        ? size === 'sm'
+            ? { height: 36, fontSize: rem(13), letterSpacing: '-0.3px' }
+            : { fontSize: rem(15), letterSpacing: '-0.3px' }
+        : {};
+    // const commonStyle = {
+    //   fontSize: rem(15),
+    //   lineHeight: rem(24),
+    //   letterSpacing: '-0.3px',
+    //   color: theme.colors.gray[4],
+    // }
     return {
-        input: Object.assign({}, (isLeadgenStyle && Object.assign(Object.assign({}, commonStyle), { color: '#111111', paddingLeft: 16, paddingRight: 16, '&::placeholder': Object.assign(Object.assign({}, commonStyle), { color: theme.colors.gray[4] }) }))),
+        input: {
+            border: `1px solid ${theme.colors.gray[2]}`,
+            transition: `all ${ANIMATION_DURATION} ease-in-out`,
+            ['&:not(.mantine-Textarea-input)']: Object.assign(Object.assign({ minHeight: 'unset' }, base), leadgenPatch),
+            '&:hover': {
+                border: `1px solid ${theme.fn.primaryColor()}`,
+                // boxShadow: `0 0 2px 2px ${theme.colors.primary200}`,
+            },
+            '&:focus': {
+                boxShadow: `0px 0px 0px 2px ${theme.colors[theme.primaryColor][2]}`,
+            },
+            '&[data-invalid="true"]': {
+                border: `1px solid ${theme.colors.red600}`,
+                color: '#000',
+            },
+            // ...(isLeadgenStyle && {
+            //   ...commonStyle,
+            //   color: '#111111',
+            //   paddingLeft: 16,
+            //   paddingRight: 16,
+            //   '&::placeholder': {
+            //     ...commonStyle,
+            //     color: theme.colors.gray[4],
+            //   },
+            // }),
+        },
+        rightSection: Object.assign({ color: theme.colors.gray[4] }, (() => {
+            switch (size) {
+                case 'lg':
+                    return Object.assign({ fontSize: rem(16) }, (isLeadgenStyle && {
+                        fontSize: rem(15),
+                    }));
+                case 'md':
+                    return Object.assign({ fontSize: rem(14) }, (isLeadgenStyle && {
+                        fontSize: rem(15),
+                        letterSpacing: '-0.3px',
+                    }));
+                case 'sm':
+                    return Object.assign({ height: 32, fontSize: rem(14), lineHeight: '22px' }, (isLeadgenStyle && {
+                        height: 36,
+                        fontSize: rem(13),
+                        letterSpacing: '-0.3px',
+                    }));
+                case 'xs':
+                    return {
+                        height: 32,
+                        lineHeight: rem(20),
+                        fontSize: rem(13),
+                        letterSpacing: '-0.3px',
+                    };
+            }
+        })()),
     };
 });
 
@@ -342,20 +423,25 @@ const emotionCache = createEmotionCache({
 });
 
 const NumberInput = (_a) => {
-    var { value: _value, onChange: _onChange } = _a, props = __rest(_a, ["value", "onChange"]);
+    var { value: _value, onChange: _onChange, size = 'md', styles, classNames } = _a, props = __rest(_a, ["value", "onChange", "size", "styles", "classNames"]);
     const [value, setValue] = useState(_value);
     const [debounced] = useDebouncedValue(value, DEBOUNCED_TIME);
+    const variantStyle = useTemplateVariant();
+    const { classes } = useStyles$1({ variantStyle, size }, { name: 'MantineInput', styles, classNames });
     useEffect(() => {
         _onChange === null || _onChange === void 0 ? void 0 : _onChange(debounced);
     }, [debounced]);
     useEffect(() => {
         setValue(_value);
     }, [_value]);
-    return (React__default.createElement(NumberInput$1, Object.assign({ size: "md", stepHoldDelay: 500, stepHoldInterval: (t) => Math.max(1000 / Math.pow(t, 2), 25), onChange: setValue, hideControls: true, min: 0, formatter: (value) => {
+    return (React__default.createElement(NumberInput$1, Object.assign({ stepHoldDelay: 500, stepHoldInterval: (t) => Math.max(1000 / Math.pow(t, 2), 25), onChange: setValue, hideControls: true, min: 0, formatter: (value) => {
             if (Number(value) === 0)
                 return value;
             return value || '';
-        }, removeTrailingZeros: true, value: value }, props)));
+        }, removeTrailingZeros: true, value: value }, props, { size: size, classNames: {
+            input: classes.input,
+            rightSection: classes.rightSection,
+        } })));
 };
 
 const EyeVisible = CommonGAssets.getAssetPath('EyeVisible.svg');
@@ -749,9 +835,9 @@ FloatingLabelControl.Control = FloatingLabelControlControl;
 FloatingLabelControl.Icon = FloatingLabelControlIcon;
 
 const InputWrapper = forwardRef((_a, ref) => {
-    var { label, value: _value, onChange: _onChange, onChangeRaw, maxLength, withFloatingLabel, styles, error } = _a, props = __rest(_a, ["label", "value", "onChange", "onChangeRaw", "maxLength", "withFloatingLabel", "styles", "error"]);
+    var { label, value: _value, onChange: _onChange, onChangeRaw, maxLength, withFloatingLabel, styles, error, size = 'md' } = _a, props = __rest(_a, ["label", "value", "onChange", "onChangeRaw", "maxLength", "withFloatingLabel", "styles", "error", "size"]);
     const variantStyle = useTemplateVariant();
-    const { classes } = useStyles$1({ variantStyle }, { name: 'MantineInput', styles });
+    const { classes } = useStyles$1({ variantStyle, size }, { name: 'MantineInput', styles });
     const [value, setValue] = useState(_value || '');
     const [debounced] = useDebouncedValue(value, DEBOUNCED_TIME);
     useEffect(() => {
@@ -762,7 +848,9 @@ const InputWrapper = forwardRef((_a, ref) => {
     }, [_value]);
     const commonProps = Object.assign(Object.assign({ classNames: {
             input: classes.input,
-        }, ref, size: 'md', onChange: (event) => {
+            rightSection: classes.rightSection,
+        }, ref,
+        size, onChange: (event) => {
             if (typeof maxLength === 'number' &&
                 event.currentTarget.value.length > maxLength) {
                 return;
@@ -774,15 +862,11 @@ const InputWrapper = forwardRef((_a, ref) => {
         error }, props), { maxLength, className: `input-control ${(props === null || props === void 0 ? void 0 : props.className) || ''}` });
     if (withFloatingLabel) {
         return (React__default.createElement(FloatingLabelControl, { shrink: !!value },
-            React__default.createElement(FloatingLabelControl.Control, null, ({ shrink }) => (React__default.createElement(TextInput, Object.assign({}, commonProps, { classNames: {
-                    input: classes.input,
-                }, error: error && React__default.createElement(ErrorLabel, { label: String(error) }), inputWrapperOrder: ['label', 'input', 'description', 'error'], label: React__default.createElement(Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), styles: (theme) => ({
+            React__default.createElement(FloatingLabelControl.Control, null, ({ shrink }) => (React__default.createElement(TextInput, Object.assign({}, commonProps, { error: error && React__default.createElement(ErrorLabel, { label: String(error) }), inputWrapperOrder: ['label', 'input', 'description', 'error'], label: React__default.createElement(Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), styles: (theme) => ({
                     input: Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: FontWeight.halfBold }),
                 }) }))))));
     }
-    return (React__default.createElement(TextInput, Object.assign({}, commonProps, { classNames: {
-            input: classes.input,
-        } })));
+    return React__default.createElement(TextInput, Object.assign({}, commonProps));
 });
 const Input = InputWrapper;
 Input.File = FileInput;
@@ -1477,6 +1561,32 @@ const MyanmarSquareIcon = (props) => (React__default.createElement("svg", Object
 const PhilippinesRoundIcon = (props) => (React__default.createElement(ImageWrap, Object.assign({ alt: "round philippines flag", src: CommonGAssets.getAssetPath('flags/philippineRound.png'), style: Object.assign({ borderRadius: '50%' }, props.style) }, props)));
 const PhilippinesSquareIcon = (props) => (React__default.createElement(ImageWrap, Object.assign({ alt: "square philippines flag", src: CommonGAssets.getAssetPath('flags/philippineSquare.png') }, props)));
 
+const SingaporeRoundIcon = (props) => (React__default.createElement("svg", Object.assign({ viewBox: "0 0 20 20", fill: "none", style: Object.assign({ borderRadius: '50%' }, props.style) }, props),
+    React__default.createElement("g", null,
+        React__default.createElement("mask", { maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20" },
+            React__default.createElement("circle", { cx: "10", cy: "10", r: "10", fill: "white" })),
+        React__default.createElement("rect", { width: "20", height: "10", y: "0", fill: "#EF3340" }),
+        React__default.createElement("rect", { width: "20", height: "10", y: "10", fill: "#FFFFFF" }),
+        React__default.createElement("circle", { cx: "6", cy: "5", r: "3", fill: "white" }),
+        React__default.createElement("circle", { cx: "6.8", cy: "5", r: "2.4", fill: "#EF3340" }),
+        React__default.createElement("g", { fill: "white", transform: "translate(6 5)" },
+            React__default.createElement("polygon", { points: "0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26", transform: "translate(1.8 -2)" }),
+            React__default.createElement("polygon", { points: "0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26", transform: "translate(3 -1)" }),
+            React__default.createElement("polygon", { points: "0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26", transform: "translate(3 0.5)" }),
+            React__default.createElement("polygon", { points: "0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26", transform: "translate(1.8 1.5)" }),
+            React__default.createElement("polygon", { points: "0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26", transform: "translate(0.6 0.5)" })))));
+const SingaporeSquareIcon = (props) => (React__default.createElement("svg", Object.assign({ viewBox: "0 0 24 16", fill: "none" }, props),
+    React__default.createElement("rect", { width: "24", height: "16", rx: "2", fill: "white" }),
+    React__default.createElement("rect", { width: "24", height: "8", rx: "2", fill: "#EF3340" }),
+    React__default.createElement("circle", { cx: "6", cy: "4", r: "3", fill: "white" }),
+    React__default.createElement("circle", { cx: "6.8", cy: "4", r: "2.4", fill: "#EF3340" }),
+    React__default.createElement("g", { fill: "white", transform: "translate(6 4)" },
+        React__default.createElement("polygon", { points: "0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3", transform: "translate(1.8 -2)" }),
+        React__default.createElement("polygon", { points: "0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3", transform: "translate(3 -1)" }),
+        React__default.createElement("polygon", { points: "0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3", transform: "translate(3 0.5)" }),
+        React__default.createElement("polygon", { points: "0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3", transform: "translate(1.8 1.5)" }),
+        React__default.createElement("polygon", { points: "0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3", transform: "translate(0.6 0.5)" }))));
+
 const TaiwanRoundIcon = (props) => (React__default.createElement("svg", Object.assign({ viewBox: "0 0 20 20", fill: "none", style: Object.assign({ borderRadius: '50%' }, props.style) }, props),
     React__default.createElement("g", null,
         React__default.createElement("mask", { style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20" },
@@ -1627,6 +1737,10 @@ const Flag = ({ country, language, rounded, height, width, isTesting, className,
                 flag = React__default.createElement(TaiwanSquareIcon, null);
                 flagRounded = React__default.createElement(TaiwanRoundIcon, null);
                 break;
+            case 'SG':
+                flag = React__default.createElement(SingaporeSquareIcon, null);
+                flagRounded = React__default.createElement(SingaporeRoundIcon, null);
+                break;
         }
     }
     return (React__default.createElement("div", { className: `${styles$1.flag} ${className || ''}`, style: {
@@ -1794,4 +1908,4 @@ const _ChipButton = (_a) => {
 const ChipButton = _ChipButton;
 ChipButton.Group = Chip.Group;
 
-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, Carousel as a, Anchor as b, AspectRatio as c, ErrorLabel as d, Checkbox as e, CentralCarousel as f, ChipButton as g, PasswordInput as h, ErrorBoundary as i, StyledSliderWrapper as j, StyledSlider as k, Accordion 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, Carousel as a, Anchor as b, AspectRatio as c, Checkbox as d, ErrorLabel as e, CentralCarousel as f, ChipButton as g, ErrorBoundary as h, PasswordInput as i, StyledSliderWrapper as j, StyledSlider as k, Accordion as l, emotionCache as m, PhoneInput as n, Popover as o, styles as s, useStyles$2 as u };