@hhgtech/hhg-components 1.29.448 → 1.29.449-beta-1

package/build/esm/healthToolsForm.js

@@ -1,59 +1,60 @@
-export { D as DueDateForm } from './index-b5a61389.js';
-export { B as BmiForm } from './index-09024936.js';
-export { B as BabyPoopForm } from './index-033aae54.js';
-export { T as ThrForm } from './index-a18a1879.js';
-export { O as OvulationForm } from './index-d8f13395.js';
-export { B as BabyVaccineForm } from './index-523c76b6.js';
-export { P as PWGForm } from './index-21547f9b.js';
-import './tslib.es6-91093dfb.js';
+export { D as DueDateForm } from './index-3c5a50dd.js';
+export { B as BmiForm } from './index-6233f58e.js';
+export { B as BabyPoopForm } from './index-9b10ee6b.js';
+export { T as ThrForm } from './index-42cd171c.js';
+export { O as OvulationForm } from './index-7c5a09d2.js';
+export { B as BabyVaccineForm } from './index-031d8fd9.js';
+export { P as PWGForm } from './index-59e7d63b.js';
+import './tslib.es6-8570c30c.js';
 import 'react';
 import '@mantine/core';
 import 'date-fns';
-import './LastPeriod-28c890db.js';
-import './Locale-bb880082.js';
+import './LastPeriod-bcc7f66e.js';
+import './Locale-932c7523.js';
 import '@mantine/form';
 import 'dayjs';
-import './index-94204073.js';
+import './index-d7bd249f.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-a35d5bd3.js';
+import './index-f8a949a8.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './text-db324baf.js';
-import './index-9a3adb7b.js';
-import './utils-54809471.js';
+import './index-d0dddda4.js';
+import './index-5e4c4c9c.js';
+import './utils-ff8e88ec.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-c68a533e.js';
-import './index-2870af04.js';
-import './index-5d09fff6.js';
+import './index-15687d4c.js';
+import './index-5d273446.js';
+import './index-d18ed0e7.js';
 import '@mantine/notifications';
-import './index-43c88049.js';
+import './index-39bf919c.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
-import './shared-16fcefec.js';
+import './shared-b9f1d3c2.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-ccd8c09f.js';
+import './useUniqueId-bbc9ce62.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
-import './index-cc305f99.js';
-import './index-7dd06998.js';
+import './index-3d2078ab.js';
+import './index-6d40879d.js';
 import '@mantine/dates';
-import './index.styles-e737cd1b.js';
-import './index-64827257.js';
-import './translationsContext-581baa38.js';
-import './index-92ea8383.js';
-import './index-6c0a8369.js';
+import './index.styles-25051c24.js';
+import './index-e6601f2c.js';
+import './translationsContext-47869a7a.js';
+import './index-0bb898db.js';
+import './index-d0b44796.js';
 import 'react-keyed-flatten-children';
+import './context-98f996bd.js';
 import 'react-hook-form';
-import './useHealthToolCache-b63178ff.js';
+import './useHealthToolCache-49fd8c46.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-5a2e92c9.js';
-import './core-6275b986.js';
-import './constants-78e39ac0.js';
-import './index-bd65bdb6.js';
+import './normalizeLink-a4d2f4ed.js';
+import './core-adb60697.js';
+import './constants-1f90e5f6.js';
+import './index-481eacef.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-024f4863.js';
+import './constants-c86fd286.js';

package/build/esm/hooks.js

@@ -1,19 +1,19 @@
-export { u as useTranslations } from './index-64827257.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-7bb8c325.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-840edecb.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-b63178ff.js';
-export { u as useIsInit } from './useIsInit-e24533db.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-74eb5151.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-ccd8c09f.js';
+export { u as useTranslations } from './index-e6601f2c.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-918780cb.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-31baf2a3.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-49fd8c46.js';
+export { u as useIsInit } from './useIsInit-6ad6f658.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-c52e60b2.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-bbc9ce62.js';
 import 'react';
-import './translationsContext-581baa38.js';
+import './translationsContext-47869a7a.js';
 import 'lodash/debounce';
-import './tslib.es6-91093dfb.js';
+import './tslib.es6-8570c30c.js';
 import './miscCookieHelper.js';
-import './index-5d09fff6.js';
-import './Locale-bb880082.js';
+import './index-d18ed0e7.js';
+import './Locale-932c7523.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-5a2e92c9.js';
+import './normalizeLink-a4d2f4ed.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './core-6275b986.js';
+import './core-adb60697.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-export { T as TranslationsContext } from './translationsContext-581baa38.js';
-export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-dcc4d62b.js';
+export { T as TranslationsContext } from './translationsContext-47869a7a.js';
+export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-43170b3d.js';
 import 'react';
 import './i18n-values/en-PH.js';
 import './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-581baa38.js';
-export { T as TranslationsContext } from './translationsContext-581baa38.js';
+import { T as TranslationsContext } from './translationsContext-47869a7a.js';
+export { T as TranslationsContext } from './translationsContext-47869a7a.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-0ad840cc.js → index-01f29ab0.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-af7af639.js';
+import { C as Container } from './index-89cc39f2.js';
 import dayjs from 'dayjs';
-import './index-43c88049.js';
-import './index-94204073.js';
+import './index-39bf919c.js';
+import './index-d7bd249f.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-5d09fff6.js';
-import './index-a35d5bd3.js';
-import './index-2870af04.js';
-import { T as Text } from './index-c68a533e.js';
-import './index-cc305f99.js';
-import './index.styles-e737cd1b.js';
-import './translationsContext-581baa38.js';
+import './index-d18ed0e7.js';
+import './index-f8a949a8.js';
+import './index-5d273446.js';
+import { T as Text } from './index-15687d4c.js';
+import './index-3d2078ab.js';
+import './index-d0dddda4.js';
+import './index.styles-25051c24.js';
+import './translationsContext-47869a7a.js';
 import '@mantine/hooks';
-import './text-db324baf.js';
-import { M as MediaQueries } from './utils-54809471.js';
-import './index-92ea8383.js';
-import { u as useScreenSize } from './index-9a3adb7b.js';
+import { M as MediaQueries } from './utils-ff8e88ec.js';
+import './index-0bb898db.js';
+import { u as useScreenSize } from './index-5e4c4c9c.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-5179d870.js';
-import { M as MarryBabyText } from './index-20707afb.js';
+import { L as Logo } from './index-924e34d7.js';
+import { M as MarryBabyText } from './index-a751bf63.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-523c76b6.js → index-031d8fd9.js}

@@ -1,20 +1,21 @@
-import { _ as __rest } from './tslib.es6-91093dfb.js';
+import { _ as __rest } from './tslib.es6-8570c30c.js';
 import React__default, { createContext, useContext } from 'react';
-import { useMantineTheme } from '@mantine/core';
+import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-94204073.js';
-import { D as DatePicker } from './index-7dd06998.js';
-import './index-c68a533e.js';
-import './index-cc305f99.js';
-import './index.styles-e737cd1b.js';
-import { u as useTranslations } from './index-64827257.js';
+import './index-d7bd249f.js';
+import { D as DatePicker } from './index-6d40879d.js';
+import './index-15687d4c.js';
+import './index-3d2078ab.js';
+import './index-d0dddda4.js';
+import './index.styles-25051c24.js';
+import { u as useTranslations } from './index-e6601f2c.js';
 import '@mantine/hooks';
-import './index-2870af04.js';
-import './text-db324baf.js';
-import './utils-54809471.js';
-import './index-92ea8383.js';
-import { H as HealthToolFormWrapper } from './index-6c0a8369.js';
-import { G as GenderOptionControl } from './index-bd65bdb6.js';
+import './index-5d273446.js';
+import './utils-ff8e88ec.js';
+import './index-0bb898db.js';
+import { C as CardWrapperContext } from './context-98f996bd.js';
+import { H as HealthToolFormWrapper } from './index-d0b44796.js';
+import { G as GenderOptionControl } from './index-481eacef.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});
@@ -23,18 +24,23 @@ const DefaultLayout = (_a) => {
     var props = __rest(_a, []);
     const { t } = useTranslations();
     const { currentUrl, submitProps, form } = useContext(BabyVaccineFormContext);
+    const { classes: wrapperClasses = {} } = useContext(CardWrapperContext);
     return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default.createElement(GenderOptionControl, Object.assign({ isBaby: true }, form.getInputProps('gender'))),
-        React__default.createElement(DatePicker, Object.assign({ label: t('babyGrowth.input.birthday'), placeholder: 'DD/MM/YYYY', popoverProps: {
-                withinPortal: true,
-            }, maxDate: new Date() }, form.getInputProps('age'))),
-        React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+        React__default.createElement(HealthToolFormWrapper.FormRow, null,
+            React__default.createElement(GenderOptionControl, Object.assign({ isBaby: true }, form.getInputProps('gender')))),
+        React__default.createElement(HealthToolFormWrapper.FormRow, null,
+            React__default.createElement(DatePicker, Object.assign({ label: t('babyGrowth.input.birthday'), placeholder: 'DD/MM/YYYY', popoverProps: {
+                    withinPortal: true,
+                }, maxDate: new Date() }, form.getInputProps('age')))),
+        React__default.createElement(HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+            React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: clsx('due-date-calculate-button', wrapperClasses.submitBtn), dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };
 
 const InlineLayout = (_a) => {
     var props = __rest(_a, []);
     const { t } = useTranslations();
     const { currentUrl, submitProps, form } = useContext(BabyVaccineFormContext);
+    const { classes: wrapperClasses = {} } = useContext(CardWrapperContext);
     return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
             React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectBabyGender'), width: 'none' },
@@ -46,7 +52,8 @@ const InlineLayout = (_a) => {
                         withinPortal: true,
                     }, maxDate: new Date() }, form.getInputProps('age'), { error: null }))),
             form.errors.age && (React__default.createElement(HealthToolFormWrapper.Error, null, form.errors.age))),
-        React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+        React__default.createElement(HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+            React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: clsx('due-date-calculate-button', wrapperClasses.submitBtn), dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };
 
 const MbLayout = (_a) => {

package/build/esm/{index-63d2f250.js → index-06b7253e.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-54809471.js';
+import { t as toggleNoScroll } from './utils-ff8e88ec.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-ead41901.js';
-import { T as Text } from './index-c68a533e.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-6d6baf4d.js';
+import { T as Text } from './index-15687d4c.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-4a66a7c9.js → index-07eda20c.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-7bb8c325.js';
+import { u as useScrollbarSize } from './useScrollbarSize-918780cb.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-54809471.js';
+import { M as MediaQueries } from './utils-ff8e88ec.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-5165f018.js → index-0af20676.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-91093dfb.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-8570c30c.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-140dcef4.js';
-import { u as useTranslations } from './index-64827257.js';
+import { D as Dropdown } from './index-38d108b8.js';
+import { u as useTranslations } from './index-e6601f2c.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-94204073.js';
+import { I as Input$1 } from './index-d7bd249f.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-43c88049.js';
-import './index-5d09fff6.js';
-import './index-a35d5bd3.js';
-import './index-2870af04.js';
-import { T as Text } from './index-c68a533e.js';
-import { B as Button } from './index-cc305f99.js';
-import './index.styles-e737cd1b.js';
+import './index-39bf919c.js';
+import './index-d18ed0e7.js';
+import './index-f8a949a8.js';
+import './index-5d273446.js';
+import { T as Text } from './index-15687d4c.js';
+import { B as Button } from './index-3d2078ab.js';
+import './index-d0dddda4.js';
+import './index.styles-25051c24.js';
 import '@mantine/hooks';
-import './text-db324baf.js';
-import { M as MediaQueries } from './utils-54809471.js';
-import './index-92ea8383.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-9e0b0aa0.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-cd8ba782.js';
+import { M as MediaQueries } from './utils-ff8e88ec.js';
+import './index-0bb898db.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-ab3cba47.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-3c6f8119.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-eec5e584.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-78e39ac0.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-14b3b54f.js';
-import { C as CardAuthor } from './index-e0ef6db8.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-f73afea6.js';
-import { I as Input } from './index-326ff299.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-fa959101.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-1f90e5f6.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-ec40efed.js';
+import { C as CardAuthor } from './index-433f52c6.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-de9c6a96.js';
+import { I as Input } from './index-48639f99.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-bcd359f3.js';
-import { C as CardLink } from './index-d1e7fa3d.js';
-import { B as BtnChoice } from './index-7fedc0ef.js';
-import { L as LOCALE } from './Locale-bb880082.js';
+import { L as Loading } from './index-989914c3.js';
+import { C as CardLink } from './index-772d6fb3.js';
+import { B as BtnChoice } from './index-4be0a9b5.js';
+import { L as LOCALE } from './Locale-932c7523.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-4ad33a18.js';
-import { b as IconArrowLeft } from './index-db4a401f.js';
-import { B as Button$1 } from './index-341ed865.js';
+import { L as Loading$1 } from './index-36cec9eb.js';
+import { b as IconArrowLeft } from './index-8d158d43.js';
+import { B as Button$1 } from './index-b88aba78.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-ccd8c09f.js';
-import { U as UserAvatar } from './index-7b4efb28.js';
-import { P as PopoverMenu } from './index-3fe05a17.js';
+import { a as useUniqueId } from './useUniqueId-bbc9ce62.js';
+import { U as UserAvatar } from './index-dd14e9a1.js';
+import { P as PopoverMenu } from './index-ea4d7712.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-92ea8383.js → index-0bb898db.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-91093dfb.js';
+import { _ as __rest } from './tslib.es6-8570c30c.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-cc305f99.js';
-import { T as Text } from './index-c68a533e.js';
+import { B as Button } from './index-3d2078ab.js';
+import { T as Text } from './index-15687d4c.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-14ddbaca.js → index-0ea1ee9e.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-91093dfb.js';
+import { _ as __rest } from './tslib.es6-8570c30c.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-43c88049.js';
+import { Z as ZINDEX_SSO } from './index-39bf919c.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-9f47f90d.js → index-10f55eb5.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-20707afb.js';
-import { T as Text } from './index-a45be0c7.js';
+import { M as MarryBabyText } from './index-a751bf63.js';
+import { T as Text } from './index-ad055c3e.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-c68a533e.js → index-15687d4c.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-91093dfb.js';
+import { _ as __rest } from './tslib.es6-8570c30c.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-db324baf.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-d0dddda4.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -36,11 +36,12 @@ const Text = forwardRef((_a, ref) => {
     var _b;
     var { size, color, weight, as = 'p', styles, className, dataEventCategory, dataEventAction, dataEventLabel, variant } = _a, rest = __rest(_a, ["size", "color", "weight", "as", "styles", "className", "dataEventCategory", "dataEventAction", "dataEventLabel", "variant"]);
     const theme = useMantineTheme();
+    const variantStyle = useTemplateVariant();
     const { classes, cx } = useStyles({
         size,
         weight: weight === 'caption' ? 'bold' : weight,
         as,
-        customStylesType: theme.other.customStyleType || CustomStylesType.NONE,
+        customStylesType: variantStyle,
     }, {
         name: 'Text',
         styles,

package/build/esm/{index-a4d8dbc0.js → index-17c80719.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-64827257.js';
-import { B as Button } from './index-341ed865.js';
+import { u as useTranslations } from './index-e6601f2c.js';
+import { B as Button } from './index-b88aba78.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-c3f8797c.js → index-19189f5a.js}

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

package/build/esm/{index-69465c7e.js → index-1ac4a2c6.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-91093dfb.js';
+import { _ as __rest } from './tslib.es6-8570c30c.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-c68a533e.js';
-import { u as useTranslations } from './index-64827257.js';
+import { T as Text } from './index-15687d4c.js';
+import { u as useTranslations } from './index-e6601f2c.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-63216e2a.js → index-1d040d1d.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-91093dfb.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-8570c30c.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-341ed865.js';
-import { H as Heading } from './index-602c10bf.js';
-import { u as useTranslations } from './index-64827257.js';
+import { B as Button } from './index-b88aba78.js';
+import { H as Heading } from './index-fd175154.js';
+import { u as useTranslations } from './index-e6601f2c.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-9e0b0aa0.js';
-import { C as CommonGAssets } from './index-a35d5bd3.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-78e39ac0.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-ab3cba47.js';
+import { C as CommonGAssets } from './index-f8a949a8.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-1f90e5f6.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, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-cd8ba782.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-534afcf8.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-3c6f8119.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-8c07f29a.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-54809471.js';
+import { M as MediaQueries } from './utils-ff8e88ec.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-eec5e584.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-fa959101.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-d1e7fa3d.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-e0ef6db8.js';
-import { a as ProfileDetail, P as PostContent } from './index-cae97dff.js';
-import { a as PostImagePreview } from './index-db4a401f.js';
-import { S as SocialLinkPreview } from './index-1f04f5cd.js';
-import { D as Divider } from './index-c29fad1a.js';
-import './index-43c88049.js';
+import { C as CardLink } from './index-772d6fb3.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-433f52c6.js';
+import { a as ProfileDetail, P as PostContent } from './index-bf52a414.js';
+import { a as PostImagePreview } from './index-8d158d43.js';
+import { S as SocialLinkPreview } from './index-27467701.js';
+import { D as Divider } from './index-486fecd7.js';
+import './index-39bf919c.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-326ff299.js';
-import { T as Text } from './index-c68a533e.js';
-import { L as Loading } from './index-4ad33a18.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-5a2e92c9.js';
+import { I as Input } from './index-48639f99.js';
+import { T as Text } from './index-15687d4c.js';
+import { L as Loading } from './index-36cec9eb.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-a4d2f4ed.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-1f04f5cd.js → index-27467701.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-91093dfb.js';
+import { a as __awaiter } from './tslib.es6-8570c30c.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-9a3adb7b.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-cd8ba782.js';
+import { I as ImageWrap } from './index-5e4c4c9c.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-3c6f8119.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-78e39ac0.js';
-import { y as youtubeVidIdGetter } from './post-14b3b54f.js';
-import { L as Loading } from './index-4ad33a18.js';
+import { D as DEFAULT_IMG } from './constants-1f90e5f6.js';
+import { y as youtubeVidIdGetter } from './post-ec40efed.js';
+import { L as Loading } from './index-36cec9eb.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-9676d497.js → index-2ad629e0.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-91093dfb.js';
+import { _ as __rest } from './tslib.es6-8570c30c.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-e737cd1b.js';
+import { u as useStyles } from './index.styles-25051c24.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-4ad33a18.js → index-36cec9eb.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-341ed865.js';
-import { u as useTranslations } from './index-64827257.js';
+import { B as Button } from './index-b88aba78.js';
+import { u as useTranslations } from './index-e6601f2c.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-43c88049.js → index-39bf919c.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-5d09fff6.js';
+import './index-d18ed0e7.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-bb880082.js';
+import { L as LOCALE } from './Locale-932c7523.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;