@hhgtech/hhg-components 1.29.121 → 1.29.122

package/build/esm/{index-fd2d627a.js → index-64dd1acf.js}

@@ -1,38 +1,39 @@
 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-1e01eada.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-381273a5.js';
-import { G as GA_TOKEN_COOKIE } from './index-936593e3.js';
+import { C as CommonGAssets } from './index-55a9b23f.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-bf7614e2.js';
+import { G as GA_TOKEN_COOKIE } from './index-c16ca1de.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-981f1873.js';
-import { I as ImageWrap } from './index-9e7d91aa.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-9378180d.js';
-import { u as useTranslations } from './useTranslations-506b1e8a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-fa284bfb.js';
+import { I as ImageWrap } from './index-50701172.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-ab7b3cda.js';
+import { u as useTranslations } from './useTranslations-f3ab0708.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, e as ChipButton, I as Input, t as themeColors, b as AspectRatio$1 } from './index-a59c1d71.js';
+import { d as Checkbox, e as ChipButton, I as Input, t as themeColors, b as AspectRatio$1 } from './index-b15c11e5.js';
 import '@mantine/dates';
-import './index-74f336fe.js';
-import './useMantineLocale-138605d2.js';
-import { T as Text } from './index-c4b8da86.js';
-import { B as Button } from './index-ddc44db4.js';
-import './index.styles-bc640fc4.js';
+import './index-d8f17648.js';
+import './useMantineLocale-f8a5939a.js';
+import { T as Text } from './index-eeb1779c.js';
+import { B as Button } from './index-2105b9ee.js';
+import './index.styles-03fe8a0c.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-c83ff547.js';
-import './other-b2acec5b.js';
+import './utils-5b89da42.js';
+import './other-69e961f6.js';
+import './index-040a8a85.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-1565084a.js';
+import './translationsContext-4f2e67b4.js';
 import 'string-format';
-import { H as Heading } from './index-52b9c6fc.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-1e9045f0.js';
-import { I as Icon } from './index-dcddc945.js';
+import { H as Heading } from './index-20531316.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-7631629d.js';
+import { I as Icon } from './index-02f65bd5.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-7a00429d.js';
+import { M as Modal } from './index-3811068d.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-cca5ad64.js';
+import { L as LOCALE } from './Locale-32ebc7ad.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-7c4dcbc7.js → index-6b0c9241.js}

@@ -1,24 +1,25 @@
-import { _ as __rest } from './tslib.es6-981f1873.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.js';
 import React__default, { createContext, useContext, useState } from 'react';
-import { L as LastPeriod } from './LastPeriod-503386b1.js';
+import { L as LastPeriod } from './LastPeriod-6291d253.js';
 import { format } from 'date-fns';
 import { useMantineTheme, Group } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input } from './index-a59c1d71.js';
-import { D as DatePicker } from './index-892c426f.js';
-import './index-c4b8da86.js';
-import './index-ddc44db4.js';
-import './index.styles-bc640fc4.js';
-import { u as useTranslations } from './useTranslations-506b1e8a.js';
+import { R as Radio, I as Input } from './index-b15c11e5.js';
+import { D as DatePicker } from './index-016de0e0.js';
+import './index-eeb1779c.js';
+import './index-2105b9ee.js';
+import './index.styles-03fe8a0c.js';
+import { u as useTranslations } from './useTranslations-f3ab0708.js';
 import '@mantine/hooks';
-import './useMantineLocale-138605d2.js';
-import './index-74f336fe.js';
-import './index-1e01eada.js';
-import './utils-c83ff547.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-936593e3.js';
-import './other-b2acec5b.js';
-import { H as HealthToolFormWrapper } from './index-3b635660.js';
+import './useMantineLocale-f8a5939a.js';
+import './index-d8f17648.js';
+import './index-55a9b23f.js';
+import './utils-5b89da42.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-c16ca1de.js';
+import './other-69e961f6.js';
+import './index-040a8a85.js';
+import { H as HealthToolFormWrapper } from './index-00b0d677.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-9d3275c8.js → index-7cc1849a.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-981f1873.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-ddc44db4.js';
+import { B as Button$1 } from './index-2105b9ee.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-f943a01b.js → index-7e8d19fd.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-936cf41b.js';
-import { T as Text } from './index-a40af980.js';
+import { M as MarryBabyText } from './index-0a54ca5c.js';
+import { T as Text } from './index-43f383a1.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-43a97ca5.js → index-8315ac36.js}

@@ -1,20 +1,21 @@
-import { _ as __rest } from './tslib.es6-981f1873.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.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-a59c1d71.js';
+import { R as Radio } from './index-b15c11e5.js';
 import '@mantine/dates';
-import './index-936593e3.js';
-import './index-74f336fe.js';
-import { C as CommonGAssets } from './index-1e01eada.js';
-import './useMantineLocale-138605d2.js';
-import { T as Text } from './index-c4b8da86.js';
-import './index-ddc44db4.js';
-import './index.styles-bc640fc4.js';
-import { u as useTranslations } from './useTranslations-506b1e8a.js';
+import './index-c16ca1de.js';
+import './index-d8f17648.js';
+import { C as CommonGAssets } from './index-55a9b23f.js';
+import './useMantineLocale-f8a5939a.js';
+import { T as Text } from './index-eeb1779c.js';
+import './index-2105b9ee.js';
+import './index.styles-03fe8a0c.js';
+import { u as useTranslations } from './useTranslations-f3ab0708.js';
 import '@mantine/hooks';
-import './utils-c83ff547.js';
-import './other-b2acec5b.js';
+import './utils-5b89da42.js';
+import './other-69e961f6.js';
+import './index-040a8a85.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-2ee180bb.js → index-8d8447c7.js}

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

package/build/esm/{index-8f488a54.js → index-902c45ad.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-c4b8da86.js';
+import { T as Text } from './index-eeb1779c.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-c83ff547.js';
-import { R as Radio$1 } from './index-a59c1d71.js';
-import { T as Text$1 } from './index-a40af980.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-5b89da42.js';
+import { R as Radio$1 } from './index-b15c11e5.js';
+import { T as Text$1 } from './index-43f383a1.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-981f1873.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-8c60eda3.js → index-9e3a6a70.js}

@@ -1,32 +1,32 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-981f1873.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-fa284bfb.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-9d3275c8.js';
-import { H as Heading } from './index-52b9c6fc.js';
-import { u as useTranslations } from './useTranslations-506b1e8a.js';
+import { B as Button } from './index-7cc1849a.js';
+import { H as Heading } from './index-20531316.js';
+import { u as useTranslations } from './useTranslations-f3ab0708.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-c9313df7.js';
-import { C as CommonGAssets } from './index-1e01eada.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-7b9df1b6.js';
+import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-af9c915f.js';
+import { C as CommonGAssets } from './index-55a9b23f.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-c3c6f30d.js';
 import { PATHS, DISCOVER_PATHS, CARE_PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, b as callApiWithAuth, d as getApiPath, c as callApi, p as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, q as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-381273a5.js';
+import { T as TogetherComponentGlobalContext, b as callApiWithAuth, d as getApiPath, c as callApi, p as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, q as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-bf7614e2.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-4eeba42a.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-1587c110.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-c83ff547.js';
+import { M as MediaQueries } from './utils-5b89da42.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-ff10a651.js';
-import { C as CardLink } from './index-65fcc1dc.js';
-import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-7eefbb1a.js';
-import { a as ProfileDetail, P as PostContent } from './index-b179dd46.js';
-import { a as PostImagePreview } from './index-5b65ba71.js';
-import { D as Divider } from './index-2d1c4496.js';
-import './index-936593e3.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-8849de6a.js';
+import { C as CardLink } from './index-29f8c2b7.js';
+import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-1e0e6b5b.js';
+import { a as ProfileDetail, P as PostContent } from './index-cf8a929d.js';
+import { a as PostImagePreview } from './index-b196dec4.js';
+import { D as Divider } from './index-b45d46b3.js';
+import './index-c16ca1de.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-43d9fcba.js';
-import { T as Text } from './index-c4b8da86.js';
-import { g as getCurrentBaseUrl } from './routing-9378180d.js';
+import { I as Input } from './index-d61e4eec.js';
+import { T as Text } from './index-eeb1779c.js';
+import { g as getCurrentBaseUrl } from './routing-ab7b3cda.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$8 = "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-114fe317.js → index-a3380ab8.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-c8707a8a.js';
+import { u as useScrollbarSize } from './useScrollbarSize-d5f6e750.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-c83ff547.js';
+import { M as MediaQueries } from './utils-5b89da42.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-7922ac9f.js → index-a68633c1.js}

@@ -1,19 +1,20 @@
-import { _ as __rest } from './tslib.es6-981f1873.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-a59c1d71.js';
+import { t as themeColors } from './index-b15c11e5.js';
 import '@mantine/dates';
-import './index-936593e3.js';
-import './index-74f336fe.js';
-import './index-1e01eada.js';
-import './useMantineLocale-138605d2.js';
-import { T as Text } from './index-c4b8da86.js';
-import './index-ddc44db4.js';
-import './index.styles-bc640fc4.js';
-import { u as useTranslations } from './useTranslations-506b1e8a.js';
+import './index-c16ca1de.js';
+import './index-d8f17648.js';
+import './index-55a9b23f.js';
+import './useMantineLocale-f8a5939a.js';
+import { T as Text } from './index-eeb1779c.js';
+import './index-2105b9ee.js';
+import './index.styles-03fe8a0c.js';
+import { u as useTranslations } from './useTranslations-f3ab0708.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-c83ff547.js';
-import './other-b2acec5b.js';
+import { M as MediaQueries } from './utils-5b89da42.js';
+import './other-69e961f6.js';
+import './index-040a8a85.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-a4d16a3f.js → index-ab421433.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-9e7d91aa.js';
+import { I as ImageWrap } from './index-50701172.js';
 
 const StyledAvatar = styled.div `
   background-color: var(--background-color, transparent);

package/build/esm/{index-71849106.js → index-abe7d44e.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-a59c1d71.js';
+import { F as Flag } from './index-b15c11e5.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-c4b8da86.js';
-import { C as CommonGAssets } from './index-1e01eada.js';
+import { T as Text } from './index-eeb1779c.js';
+import { C as CommonGAssets } from './index-55a9b23f.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-c9313df7.js → index-af9c915f.js}

@@ -1,29 +1,29 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-9d3275c8.js';
-import { H as Heading } from './index-52b9c6fc.js';
-import { T as Text } from './index-c4b8da86.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-c83ff547.js';
+import { B as Button } from './index-7cc1849a.js';
+import { H as Heading } from './index-20531316.js';
+import { T as Text } from './index-eeb1779c.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-5b89da42.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-381273a5.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-bf7614e2.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-981f1873.js';
-import { I as Input } from './index-43d9fcba.js';
-import { u as useTranslations } from './useTranslations-506b1e8a.js';
-import { e as formatComment } from './dataTransform-ff10a651.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-7b9df1b6.js';
+import { a as __awaiter } from './tslib.es6-fa284bfb.js';
+import { I as Input } from './index-d61e4eec.js';
+import { u as useTranslations } from './useTranslations-f3ab0708.js';
+import { e as formatComment } from './dataTransform-8849de6a.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-c3c6f30d.js';
 import { PATHS } from './togetherApiPaths.js';
-import { r as removeBannedWordWrapper, g as getMentionIdsFromString, e as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-17a24e02.js';
-import { C as CardLink } from './index-65fcc1dc.js';
-import { L as Loading } from './index-7eefbb1a.js';
-import { U as UserAvatar } from './index-6db45d83.js';
-import { R as RichTextEditor } from './editor-6909e7d0.js';
+import { r as removeBannedWordWrapper, g as getMentionIdsFromString, e as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-5cd465b3.js';
+import { C as CardLink } from './index-29f8c2b7.js';
+import { L as Loading } from './index-1e0e6b5b.js';
+import { U as UserAvatar } from './index-d35e9cce.js';
+import { R as RichTextEditor } from './editor-adea6dd8.js';
 import { Portal, useMantineTheme } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-624352ef.js';
-import { C as CloseIcon } from './index-5b65ba71.js';
+import { P as Popup } from './index-dc3cc13e.js';
+import { C as CloseIcon } from './index-b196dec4.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './index-9e7d91aa.js';
+import { I as ImageWrap } from './index-50701172.js';
 
 const getDefaultFailNoti = (t) => ({
     message: t('notification.failure'),

package/build/esm/{index-a59c1d71.js → index-b15c11e5.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-981f1873.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-fa284bfb.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
-import { ArrowDown, ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
-import { em, Autocomplete, Image, ActionIcon, Select as Select$1, createStyles, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, rem, Tabs as Tabs$1, ScrollArea, Popover as Popover$1, Chip } from '@mantine/core';
+import { ArrowDown } from '@hhgtech/icons/other';
+import { em, Autocomplete, Image, ActionIcon, Select as Select$1, createStyles, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, Popover as Popover$1, rem, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-1e01eada.js';
-import { u as useScreenSize } from './index.styles-bc640fc4.js';
+import { C as CommonGAssets } from './index-55a9b23f.js';
+import { u as useScreenSize } from './index.styles-03fe8a0c.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-c4b8da86.js';
-import './index-74f336fe.js';
+import { T as Text } from './index-eeb1779c.js';
+import './index-d8f17648.js';
 import { theme } from './miscTheme.js';
-import { B as Breakpoints } from './utils-c83ff547.js';
-import { G as GlobalHeadingStyle } from './useMantineLocale-138605d2.js';
-import { I as ISO_FORMAT } from './index-936593e3.js';
-import { A as ANIMATION_DURATION, B as Button } from './index-ddc44db4.js';
-import { L as LOCALE } from './Locale-cca5ad64.js';
-import { I as ImageWrap } from './index-9e7d91aa.js';
+import { B as Breakpoints } from './utils-5b89da42.js';
+import { G as GlobalHeadingStyle } from './useMantineLocale-f8a5939a.js';
+import { I as ISO_FORMAT } from './index-c16ca1de.js';
+import { A as ANIMATION_DURATION, B as Button } from './index-2105b9ee.js';
+import { L as LOCALE } from './Locale-32ebc7ad.js';
+import { I as ImageWrap } from './index-50701172.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-e7fd5f17.js';
+import { a as useUniqueId } from './useUniqueId-746684aa.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
@@ -737,7 +737,7 @@ const StyledCarousel = styled(Carousel) `
   }
 `;
 
-var useStyles$2 = createStyles((_theme, _params) => {
+var useStyles$1 = createStyles((_theme, _params) => {
     return {
         root: {
             color: _params.color ||
@@ -750,7 +750,7 @@ var useStyles$2 = createStyles((_theme, _params) => {
 
 const Anchor = (_a) => {
     var { color, styles, className } = _a, rest = __rest(_a, ["color", "styles", "className"]);
-    const { classes, cx } = useStyles$2({ color }, { name: 'Anchor', styles });
+    const { classes, cx } = useStyles$1({ color }, { name: 'Anchor', styles });
     return React__default.createElement(Text, Object.assign({ as: "a", className: cx(classes.root, className) }, rest));
 };
 
@@ -1395,140 +1395,6 @@ const PhoneForwardRef = (props, ref) => {
 };
 const Phone = forwardRef(PhoneForwardRef);
 
-var useStyles$1 = createStyles((theme, params) => {
-    const { variant } = params;
-    const gradientOverlay = {
-        content: 'none',
-        top: 0,
-        bottom: 0,
-        zIndex: 1,
-        width: rem(56),
-    };
-    return Object.assign({}, (variant === 'inline' && {
-        root: {},
-        tabsList: {
-            gap: rem(24),
-            borderBottom: 'none',
-            flexWrap: 'nowrap',
-        },
-        tab: {
-            padding: `${rem(8)} 0`,
-            color: theme.colors.gray[4],
-            borderColor: 'transparent',
-            borderBottomWidth: rem(2),
-            marginBottom: rem(-1),
-            transition: 'border 0.2s ease',
-            ['&:hover']: {
-                backgroundColor: 'initial',
-                borderColor: 'transparent',
-            },
-            [`&[data-active='true']`]: {
-                color: theme.fn.primaryColor(),
-                borderColor: theme.fn.primaryColor(),
-            },
-        },
-        tabRightSection: {},
-        tabLabel: {},
-        tabIcon: {},
-        panel: {},
-        scrollArea: {
-            position: 'relative',
-            '&.prev-bg': {
-                '&:before': Object.assign(Object.assign({}, gradientOverlay), { content: '""', position: 'absolute', left: 0, background: 'linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)' }),
-            },
-            '&.next-bg': {
-                '&:after': Object.assign(Object.assign({}, gradientOverlay), { content: '""', position: 'absolute', right: 0, background: 'linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)' }),
-            },
-        },
-        list: {
-            borderBottom: `1px solid ${theme.colors.neutral[1]}`,
-        },
-        btn: {
-            position: 'absolute',
-            top: '50%',
-            zIndex: 2,
-            transform: 'translate(0, -50%)',
-            width: rem(28),
-            height: rem(28),
-            padding: 0,
-            background: 'white',
-            borderRadius: '50%',
-            cursor: 'pointer',
-            filter: 'drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))',
-            '.mantine-Button-icon': {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-            },
-            '&.disabled': {
-                opacity: 0,
-                zIndex: 0,
-            },
-        },
-        prevBtn: {
-            left: 0,
-        },
-        nextBtn: {
-            right: 0,
-        },
-    }));
-});
-
-const _Tabs = (_a) => {
-    var _b;
-    var { variant = 'inline', value, styles, children, dataList = [], tabProps, listProps, panelProps, TabComponentDisplay, startPadding = 40, defaultValue } = _a, rest = __rest(_a, ["variant", "value", "styles", "children", "dataList", "tabProps", "listProps", "panelProps", "TabComponentDisplay", "startPadding", "defaultValue"]);
-    const { cx, classes } = useStyles$1({ variant }, { name: 'Tabs', styles });
-    const listRef = useRef(null);
-    const tabRef = useRef([]);
-    const [activeTab, setActiveTab] = useState(defaultValue || ((_b = dataList === null || dataList === void 0 ? void 0 : dataList[0]) === null || _b === void 0 ? void 0 : _b.value));
-    const [currentSlide, setCurrentSlide] = useState(0);
-    const [disableNext, setDisableNext] = useState(false);
-    const [disablePrevious, setDisablePrevious] = useState(true);
-    const [scrollPosition, onScrollPositionChange] = useState({ x: 0, y: 0 });
-    const viewport = useRef(null);
-    const props = Object.assign({ defaultValue, classNames: classes }, (!children
-        ? {
-            value: activeTab,
-            onTabChange: (v) => setActiveTab(v),
-        }
-        : {
-            value,
-        }));
-    useEffect(() => {
-        setActiveTab(value);
-    }, [value]);
-    useEffect(() => {
-        var _a, _b, _c;
-        (_a = viewport.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
-            left: ((_c = (_b = tabRef === null || tabRef === void 0 ? void 0 : tabRef.current) === null || _b === void 0 ? void 0 : _b[currentSlide]) === null || _c === void 0 ? void 0 : _c.offsetLeft) - startPadding,
-            behavior: 'smooth',
-        });
-    }, [currentSlide]);
-    useEffect(() => {
-        setCurrentSlide(dataList.findIndex((i) => i.value == activeTab));
-    }, [activeTab]);
-    useEffect(() => {
-        var _a, _b;
-        setDisablePrevious(scrollPosition.x === 0);
-        setDisableNext(((_a = viewport === null || viewport === void 0 ? void 0 : viewport.current) === null || _a === void 0 ? void 0 : _a.clientWidth) + scrollPosition.x ===
-            ((_b = viewport === null || viewport === void 0 ? void 0 : viewport.current) === null || _b === void 0 ? void 0 : _b.scrollWidth));
-    }, [scrollPosition]);
-    const TabTextComponent = ({ text, dataEventCategory, dataEventAction, dataEventLabel, }) => TabComponentDisplay ? (React__default.createElement(TabComponentDisplay, null, text)) : (React__default.createElement(Text, { size: "s3", color: "inherit", weight: "semiBold", "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel }, text));
-    return (React__default.createElement(Tabs$1, Object.assign({}, props, rest), children || (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(ScrollArea, { className: cx(classes.scrollArea, `${!disablePrevious ? 'prev-bg' : ''} ${!disableNext ? 'next-bg' : ''}`), scrollbarSize: 0, viewportRef: viewport, onScrollPositionChange: onScrollPositionChange },
-            React__default.createElement(Tabs$1.List, Object.assign({ className: classes.list, ref: listRef }, listProps), dataList.map((i, idx) => (React__default.createElement(Tabs$1.Tab, Object.assign({ ref: (e) => (tabRef.current[idx] = e), className: classes.tab, key: String(i.value), value: String(i.value) }, tabProps),
-                React__default.createElement(TabTextComponent, Object.assign({}, i)))))),
-            React__default.createElement(Button, { className: cx(classes.btn, classes.prevBtn, disablePrevious ? 'disabled' : ''), unstyled: true, onClick: () => setCurrentSlide(currentSlide - 1 > -1 ? currentSlide - 1 : 0), leftIcon: React__default.createElement(ArrowLeft, { size: 16 }) }),
-            React__default.createElement(Button, { className: cx(classes.btn, classes.nextBtn, disableNext ? 'disabled' : ''), unstyled: true, onClick: () => setCurrentSlide(currentSlide + 1 < dataList.length - 1
-                    ? currentSlide + 1
-                    : dataList.length - 1), leftIcon: React__default.createElement(ArrowRight, { size: 16 }) })),
-        dataList.map((i) => (React__default.createElement(Tabs$1.Panel, Object.assign({ value: String(i.value), key: String(i.value) }, panelProps), i.content)))))));
-};
-const Tabs = _Tabs;
-Tabs.List = Tabs$1.List;
-Tabs.Tab = Tabs$1.Tab;
-Tabs.Panel = Tabs$1.Panel;
-
 const PopoverContext = createContext({});
 const _Popover = (_a) => {
     var { children, closeOnClickOutside = true } = _a, rest = __rest(_a, ["children", "closeOnClickOutside"]);
@@ -1600,4 +1466,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, Flag as F, Input as I, NumberInput as N, OTP as O, Phone as P, Radio as R, Select as S, Tabs as T, Avatar as a, AspectRatio as b, CentralCarousel as c, Checkbox as d, ChipButton as e, Accordion as f, PasswordInput as g, getMantineThemeOverride as h, StyledTextArea as i, StyledSliderWrapper as j, StyledSlider as k, Carousel as l, emotionCache as m, Popover as n, themeColors as t };
+export { Anchor as A, Breadcrumbs as B, CaretDown as C, DEBOUNCED_TIME as D, 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, CentralCarousel as c, Checkbox as d, ChipButton as e, Accordion as f, PasswordInput as g, getMantineThemeOverride as h, StyledTextArea as i, StyledSliderWrapper as j, StyledSlider as k, Carousel as l, emotionCache as m, Popover as n, themeColors as t };

package/build/esm/{index-5b65ba71.js → index-b196dec4.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-52b9c6fc.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-c83ff547.js';
-import { u as useTranslations } from './useTranslations-506b1e8a.js';
-import { T as TogetherComponentGlobalContext } from './utils-381273a5.js';
+import { H as Heading } from './index-20531316.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-5b89da42.js';
+import { u as useTranslations } from './useTranslations-f3ab0708.js';
+import { T as TogetherComponentGlobalContext } from './utils-bf7614e2.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-c4b8da86.js';
+import { T as Text } from './index-eeb1779c.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-981f1873.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-93ccc121.js → index-b68123fe.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-8e7f6718.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-936593e3.js';
-import { N as NodeIntentType } from './index-74f336fe.js';
+import { c as cookie } from './index-97abbb8e.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-c16ca1de.js';
+import { N as NodeIntentType } from './index-d8f17648.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-c51c4aeb.js → index-bae7a32d.js}

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

package/build/esm/{index-936593e3.js → index-c16ca1de.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-74f336fe.js';
+import './index-d8f17648.js';
 import { siteHost, siteOptions } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-cca5ad64.js';
+import { L as LOCALE } from './Locale-32ebc7ad.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;