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

package/build/{index-d3ff96d5.js → index-c396a5f4.js}

@@ -1,36 +1,36 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-acd80713.js');
+var tslib_es6 = require('./tslib.es6-ac9de441.js');
 var React = require('react');
-var index$7 = require('./index-6e1934a1.js');
-var index$3 = require('./index-08939d41.js');
-var index = require('./index-2f23d479.js');
+var index$7 = require('./index-3596f712.js');
+var index$3 = require('./index-8ba337ef.js');
+var index = require('./index-2f06f74e.js');
 var innertext = require('innertext');
-var index$1 = require('./index-2b578109.js');
-var index$2 = require('./index-d7818ca5.js');
-var constants = require('./constants-ffa1b205.js');
+var index$1 = require('./index-1622098f.js');
+var index$2 = require('./index-c0a90ee6.js');
+var constants = require('./constants-fd9ac7c6.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var togetherComponentGlobalContext = require('./utils-623e143c.js');
-var treePopoverMenu = require('./treePopoverMenu-4e52e5d8.js');
+var togetherComponentGlobalContext = require('./utils-7753c561.js');
+var treePopoverMenu = require('./treePopoverMenu-34146277.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-7bc80898.js');
+var utils = require('./utils-e5b6fd8d.js');
 var miscTheme = require('./miscTheme.js');
-var dataTransform = require('./dataTransform-7bc232fa.js');
+var dataTransform = require('./dataTransform-e0ca5bdb.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$9 = require('./index-413bc08c.js');
-var togetherMoleculesCardAuthor = require('./index-ba9ca44c.js');
-var togetherMoleculesProfileDetail = require('./index-df2c3b53.js');
-var togetherMoleculesPostImagePreview = require('./index-e033f570.js');
-var index$a = require('./index-ccdca7bf.js');
-var index$8 = require('./index-d672d3a2.js');
-require('./index-2d74352f.js');
+var index$9 = require('./index-4b2a36dd.js');
+var togetherMoleculesCardAuthor = require('./index-a38955ed.js');
+var togetherMoleculesProfileDetail = require('./index-4ef789f7.js');
+var togetherMoleculesPostImagePreview = require('./index-5f770ff7.js');
+var index$a = require('./index-1b2f6b68.js');
+var index$8 = require('./index-3358aea3.js');
+require('./index-c6272c6f.js');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$6 = require('./index-b1020b33.js');
-var index$4 = require('./index-caaf6cac.js');
-var index$5 = require('./index-d1263a2e.js');
-var normalizeLink = require('./normalizeLink-86036e79.js');
+var index$6 = require('./index-0f99ad3b.js');
+var index$4 = require('./index-2f80f215.js');
+var index$5 = require('./index-008c6773.js');
+var normalizeLink = require('./normalizeLink-d01a7054.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-b115e4ec.js → index-c4abad1b.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var useScrollbarSize = require('./useScrollbarSize-559ff17c.js');
+var useScrollbarSize = require('./useScrollbarSize-270433bb.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var utils = require('./utils-7bc80898.js');
+var utils = require('./utils-e5b6fd8d.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-7fed156e.js → index-c4e13bde.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-acd80713.js');
+var tslib_es6 = require('./tslib.es6-ac9de441.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$2 = require('./index-7481f662.js');
+var index$2 = require('./index-6c3d81bf.js');
 require('@mantine/dates');
-require('./index-2d74352f.js');
-require('./index-fd836996.js');
-var index$1 = require('./index-d7818ca5.js');
-require('./index-18acca73.js');
-var index$3 = require('./index-caaf6cac.js');
-require('./index-ce0a7efa.js');
-require('./index.styles-61ce234f.js');
-var index = require('./index-2f23d479.js');
+require('./index-c6272c6f.js');
+require('./index-672d3f96.js');
+var index$1 = require('./index-c0a90ee6.js');
+require('./index-99b7ebde.js');
+var index$3 = require('./index-2f80f215.js');
+require('./index-eff68a82.js');
+require('./index-e9a11463.js');
+require('./index.styles-459c49a4.js');
+var index = require('./index-2f06f74e.js');
 require('@mantine/hooks');
-require('./text-92a095cb.js');
-require('./utils-7bc80898.js');
-require('./index-511d3d6a.js');
+require('./utils-e5b6fd8d.js');
+require('./index-4b7ca682.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-39206395.js → index-c59e3c84.js}

@@ -3,10 +3,10 @@
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-f8f65dcd.js');
+var index = require('./index-b4bf31de.js');
 var cn = require('classnames');
-var index$1 = require('./index-f8305dc1.js');
-var index$2 = require('./index-caaf6cac.js');
+var index$1 = require('./index-a8b83558.js');
+var index$2 = require('./index-2f80f215.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-2d74352f.js → index-c6272c6f.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-fd836996.js');
+require('./index-672d3f96.js');
 var constantsSite = require('./constantsSite.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var Locale = require('./Locale-21703205.js');
+var Locale = require('./Locale-5e92eeb8.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;
@@ -388,7 +388,7 @@ const CARE_LOCALES = [
     //  'zh-TW'
 ];
 const CARE_BOOKING_LOCALES = ['vi-VN', 'id-ID'];
-const VIDEO_LOCALES = ['vi-VN'];
+const VIDEO_LOCALES = [Locale.LOCALE.Vietnam, Locale.LOCALE.Taiwan];
 const FAVICONS = {
     'vi-VN': [
         {

package/build/{index-8b68f0a5.js → index-c683aa32.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-acd80713.js');
+var tslib_es6 = require('./tslib.es6-ac9de441.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index = require('./index-2d74352f.js');
-require('./index-fd836996.js');
-var index$2 = require('./index-d7818ca5.js');
-var index$1 = require('./index-18acca73.js');
-var Locale = require('./Locale-21703205.js');
+var index = require('./index-c6272c6f.js');
+require('./index-672d3f96.js');
+var index$2 = require('./index-c0a90ee6.js');
+var index$1 = require('./index-99b7ebde.js');
+var Locale = require('./Locale-5e92eeb8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-51a99dac.js → index-c9eef45f.js}

@@ -1,34 +1,34 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-2f23d479.js');
+var index = require('./index-2f06f74e.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$2 = require('./index-d7818ca5.js');
-var normalizeLink = require('./normalizeLink-86036e79.js');
+var index$2 = require('./index-c0a90ee6.js');
+var normalizeLink = require('./normalizeLink-d01a7054.js');
 var miscTheme = require('./miscTheme.js');
-var index$1 = require('./index-557bf598.js');
-var index$3 = require('./index-683bbe3d.js');
-var index$4 = require('./index-6e1934a1.js');
-var types = require('./types-627b716a.js');
+var index$1 = require('./index-7328d027.js');
+var index$3 = require('./index-a1c1bccb.js');
+var index$4 = require('./index-3596f712.js');
+var types = require('./types-e09e564d.js');
 var styled = require('@emotion/styled');
 var api = require('@react-google-maps/api');
 var cn = require('classnames');
-var index$5 = require('./index-2d74352f.js');
-var constants = require('./constants-ffa1b205.js');
-var index$6 = require('./index-f8f65dcd.js');
-var localizeNumberFormat = require('./localizeNumberFormat-1a60edc3.js');
-var tslib_es6 = require('./tslib.es6-acd80713.js');
+var index$5 = require('./index-c6272c6f.js');
+var constants = require('./constants-fd9ac7c6.js');
+var index$6 = require('./index-b4bf31de.js');
+var localizeNumberFormat = require('./localizeNumberFormat-d1d62f22.js');
+var tslib_es6 = require('./tslib.es6-ac9de441.js');
 var hooks = require('@mantine/hooks');
 var core = require('@mantine/core');
-var index$9 = require('./index-07e631b9.js');
+var index$9 = require('./index-7d367633.js');
 var PhoneInputBase = require('react-phone-number-input');
-var index$8 = require('./index-7481f662.js');
-var text = require('./text-92a095cb.js');
-var index$7 = require('./index-ce0a7efa.js');
-var index$b = require('./index-18acca73.js');
-var index$a = require('./index-caaf6cac.js');
-var index$c = require('./index-f8305dc1.js');
-var index$d = require('./index-39206395.js');
+var index$8 = require('./index-6c3d81bf.js');
+var index$b = require('./index-e9a11463.js');
+var index$7 = require('./index-eff68a82.js');
+var index$c = require('./index-99b7ebde.js');
+var index$a = require('./index-2f80f215.js');
+var index$d = require('./index-a8b83558.js');
+var index$e = require('./index-c59e3c84.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -1000,9 +1000,9 @@ function CollectPhoneForm({ onSubmit, title, formType = formPhoneType.ZALO, isLo
                         React__namespace["default"].createElement(index$8.ErrorIcon, { size: 12 }),
                         React__namespace["default"].createElement(index$a.Text, { size: "c1", variant: "error" }, errorMessage))) },
                     React__namespace["default"].createElement(core.Box, { className: "mantine-Input-wrapper", sx: (theme) => ({
-                            '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN].p2), { fontWeight: text.FontWeight.halfBold }),
+                            '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, index$b.GlobalTextStyleNew(theme)[index$b.CustomStylesType.LEADGEN].p2), { fontWeight: index$b.FontWeight.halfBold }),
                         }) },
-                        React__namespace["default"].createElement(StyledPhone, { inputId: "collection_phone_input", onChange: handleChange, className: `mantine-Input-input ${classes.p2}`, name: "phoneNumber", spellCheck: false, placeholder: " ", defaultCountry: (locale ? index$b.MAPPED_LOCALE[locale] || 'VN' : 'VN'), type: "text", value: phone, "data-control": "tel", countries: [DEFAULT_COUNTRY_CODE], arrowComponent: () => React__namespace["default"].createElement(React__namespace["default"].Fragment, null) }))))))),
+                        React__namespace["default"].createElement(StyledPhone, { inputId: "collection_phone_input", onChange: handleChange, className: `mantine-Input-input ${classes.p2}`, name: "phoneNumber", spellCheck: false, placeholder: " ", defaultCountry: (locale ? index$c.MAPPED_LOCALE[locale] || 'VN' : 'VN'), type: "text", value: phone, "data-control": "tel", countries: [DEFAULT_COUNTRY_CODE], arrowComponent: () => React__namespace["default"].createElement(React__namespace["default"].Fragment, null) }))))))),
         React__namespace["default"].createElement("div", { className: "action actionBox" },
             React__namespace["default"].createElement(StyledButton, { variant: "primary", onClick: handleSubmit, fullWidth: true, size: "lg", loading: isLoading },
                 React__namespace["default"].createElement("div", null, t('collectPhoneNumber.action')),
@@ -1106,7 +1106,7 @@ const StyledHospitalInfo = styled__default["default"].div `
     flex: 1 1 0%;
   }
 `;
-const StyledImageWrap = styled__default["default"](index$c.ImageWrap) `
+const StyledImageWrap = styled__default["default"](index$d.ImageWrap) `
   /* object-contain object-center aspect-square  */
   width: 44px;
   height: 44px;
@@ -1209,7 +1209,7 @@ const StyledInsuranceContainer = styled__default["default"].div `
     padding: 1rem 0;
   }
 `;
-const StyledInsuranceList = styled__default["default"](index$d.InsuranceList) `
+const StyledInsuranceList = styled__default["default"](index$e.InsuranceList) `
   gap: 8px;
   margin-top: 1rem;
   & .insuranceItem > .insuranceLogo {
@@ -1233,7 +1233,7 @@ function ProductInsuranceInfo({ hospitalInfo, isMobile = false, }) {
             React__namespace["default"].createElement(StyledInsuranceList, { insurances: hospitalInfo.insurances, isName: false })),
         isSupportPayment && (React__namespace["default"].createElement("div", null,
             React__namespace["default"].createElement("h3", { className: "txt-body-2" }, t('common.paymentMethods')),
-            React__namespace["default"].createElement(index$d.PaymentList, { payments: hospitalInfo.accepted_payments, isMobile: isMobile })))));
+            React__namespace["default"].createElement(index$e.PaymentList, { payments: hospitalInfo.accepted_payments, isMobile: isMobile })))));
 }
 
 /* eslint-disable prettier/prettier */
@@ -1317,7 +1317,7 @@ const StyledPositionOfButton = styled__default["default"].div `
   display: flex;
   justify-content: flex-end;
 `;
-const StyledArrowRightBlue = styled__default["default"](index$d.ArrowRightBlue) `
+const StyledArrowRightBlue = styled__default["default"](index$e.ArrowRightBlue) `
   width: 0.65rem;
   height: 0.65rem;
   & > path {
@@ -1335,11 +1335,11 @@ const DoctorExpertise = (props) => {
         isShowReadMoreButton;
     return (React__namespace["default"].createElement(DoctorExpertiseProvider, { value: doctorInformation },
         React__namespace["default"].createElement(StyledCard, { className: className, style: style },
-            React__namespace["default"].createElement(index$d.DoctorInfoExpertise, { name: doctorInformation.name, specialty: doctorInformation.specialty, experience: doctorInformation.experience, profileImage: doctorInformation.profileImage || defaultProfileImage }),
+            React__namespace["default"].createElement(index$e.DoctorInfoExpertise, { name: doctorInformation.name, specialty: doctorInformation.specialty, experience: doctorInformation.experience, profileImage: doctorInformation.profileImage || defaultProfileImage }),
             isShowBodySection && (React__namespace["default"].createElement(StyledBodySection, { className: "body-section" },
                 React__namespace["default"].createElement("div", { className: "flex-item-doctor-info" },
-                    ((_c = doctorInformation === null || doctorInformation === void 0 ? void 0 : doctorInformation.clinics) === null || _c === void 0 ? void 0 : _c.length) > 0 && (React__namespace["default"].createElement(index$d.DoctorExpertiseItem, { doctorInfo: doctorInformation.clinics, Icon: index$d.Clinic, title: t('common.clinicHospital') })),
-                    ((_d = doctorInformation === null || doctorInformation === void 0 ? void 0 : doctorInformation.educations) === null || _d === void 0 ? void 0 : _d.length) > 0 && (React__namespace["default"].createElement(index$d.DoctorExpertiseItem, { doctorInfo: doctorInformation.educations, Icon: Education, title: t('common.education') })),
+                    ((_c = doctorInformation === null || doctorInformation === void 0 ? void 0 : doctorInformation.clinics) === null || _c === void 0 ? void 0 : _c.length) > 0 && (React__namespace["default"].createElement(index$e.DoctorExpertiseItem, { doctorInfo: doctorInformation.clinics, Icon: index$e.Clinic, title: t('common.clinicHospital') })),
+                    ((_d = doctorInformation === null || doctorInformation === void 0 ? void 0 : doctorInformation.educations) === null || _d === void 0 ? void 0 : _d.length) > 0 && (React__namespace["default"].createElement(index$e.DoctorExpertiseItem, { doctorInfo: doctorInformation.educations, Icon: Education, title: t('common.education') })),
                     children),
                 isShowReadMoreButton && (React__namespace["default"].createElement(StyledPositionOfButton, null,
                     React__namespace["default"].createElement(StyledReadMore, { onClick: onClickReadMore },
@@ -1351,14 +1351,14 @@ DoctorExpertise.Expertise = () => {
     const { t } = index.useTranslations();
     if (!expertise)
         return null;
-    return (React__namespace["default"].createElement(index$d.DoctorExpertiseItem, { doctorInfo: expertise, Icon: Credential, title: t('common.expertiseCredentials') }));
+    return (React__namespace["default"].createElement(index$e.DoctorExpertiseItem, { doctorInfo: expertise, Icon: Credential, title: t('common.expertiseCredentials') }));
 };
 DoctorExpertise.OtherHighlights = () => {
     const { otherHighlights } = React.useContext(DoctorExpertiseContext);
     const { t } = index.useTranslations();
     if (!otherHighlights)
         return null;
-    return (React__namespace["default"].createElement(index$d.DoctorExpertiseItem, { doctorInfo: otherHighlights, Icon: Highlight, title: t('common.otherHighlights') }));
+    return (React__namespace["default"].createElement(index$e.DoctorExpertiseItem, { doctorInfo: otherHighlights, Icon: Highlight, title: t('common.otherHighlights') }));
 };
 
 const ArticleCardStyled = styled__default["default"].div `
@@ -1391,7 +1391,7 @@ const ArticleDetailCard = (props) => {
     const { doctorName, doctorAvatar, defaultDoctorAvatar } = doctor || {};
     const { t } = index.useTranslations();
     return (React__namespace["default"].createElement(ArticleCardStyled, { className: className, style: style, onClick: handleClick },
-        React__namespace["default"].createElement(index$c.ImageWrap, { alt: 'article-image', src: image || defaultImage, style: {
+        React__namespace["default"].createElement(index$d.ImageWrap, { alt: 'article-image', src: image || defaultImage, style: {
                 width: '100%',
                 height: core.rem(143.5),
                 objectFit: 'cover',
@@ -1402,7 +1402,7 @@ const ArticleDetailCard = (props) => {
                 React__namespace["default"].createElement(index$a.Text, { color: articleTypeColor || miscTheme.theme.colors.green600, size: "c1", weight: "halfBold" }, articleType),
                 React__namespace["default"].createElement(index$a.Text, { size: "p2", weight: "semiBold", color: miscTheme.theme.colors.gray800, lineClamp: 2 }, articleTitle)),
             React__namespace["default"].createElement(ArticleDoctorStyled, null,
-                React__namespace["default"].createElement(index$c.ImageWrap, { alt: 'doctor-avatar', src: doctorAvatar || defaultDoctorAvatar, style: {
+                React__namespace["default"].createElement(index$d.ImageWrap, { alt: 'doctor-avatar', src: doctorAvatar || defaultDoctorAvatar, style: {
                         width: core.rem(20),
                         height: core.rem(20),
                         borderRadius: '50%',

package/build/{index-a598ae10.js → index-cd36f651.js}

@@ -1,21 +1,21 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-caaf6cac.js');
+var index = require('./index-2f80f215.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-7bc80898.js');
+var utils = require('./utils-e5b6fd8d.js');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index$1 = require('./index-557bf598.js');
-var index$2 = require('./index-7481f662.js');
-var tslib_es6 = require('./tslib.es6-acd80713.js');
-var index$3 = require('./index-f8f65dcd.js');
+var index$1 = require('./index-7328d027.js');
+var index$2 = require('./index-6c3d81bf.js');
+var tslib_es6 = require('./tslib.es6-ac9de441.js');
+var index$3 = require('./index-b4bf31de.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var flattenChildren = require('react-keyed-flatten-children');
-var index$4 = require('./index-08939d41.js');
-var Close = require('./Close-f856c59c.js');
-var index$5 = require('./index-2f23d479.js');
+var index$4 = require('./index-8ba337ef.js');
+var Close = require('./Close-d846a87b.js');
+var index$5 = require('./index-2f06f74e.js');
 var carousel = require('@mantine/carousel');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-b6e47e2b.js → index-cd5f0f23.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var index = require('./index-5cce06e2.js');
-var index$1 = require('./index-caaf6cac.js');
+var index = require('./index-ebe757a9.js');
+var index$1 = require('./index-2f80f215.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-2934225d.js → index-d8cf7121.js}

@@ -2,24 +2,24 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-7bc80898.js');
+var utils = require('./utils-e5b6fd8d.js');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-acd80713.js');
-var index = require('./index-b1020b33.js');
-var index$1 = require('./index-7481f662.js');
+var tslib_es6 = require('./tslib.es6-ac9de441.js');
+var index = require('./index-0f99ad3b.js');
+var index$1 = require('./index-6c3d81bf.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-2d74352f.js');
-require('./index-fd836996.js');
-require('./index-d7818ca5.js');
-require('./index-18acca73.js');
-require('./index-caaf6cac.js');
-require('./index-ce0a7efa.js');
-require('./index.styles-61ce234f.js');
-require('./translationsContext-614f1792.js');
+require('./index-c6272c6f.js');
+require('./index-672d3f96.js');
+require('./index-c0a90ee6.js');
+require('./index-99b7ebde.js');
+require('./index-2f80f215.js');
+require('./index-eff68a82.js');
+require('./index-e9a11463.js');
+require('./index.styles-459c49a4.js');
+require('./translationsContext-c2fa1be4.js');
 require('@mantine/hooks');
-require('./text-92a095cb.js');
-require('./index-511d3d6a.js');
+require('./index-4b7ca682.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1aecbc1a.js → index-e0715732.js}

@@ -1,50 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-acd80713.js');
+var tslib_es6 = require('./tslib.es6-ac9de441.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
-var index$8 = require('./index-c0f2e2d5.js');
-var index = require('./index-2f23d479.js');
+var index$8 = require('./index-05b5c616.js');
+var index = require('./index-2f06f74e.js');
 var innertext = require('innertext');
 var miscTheme = require('./miscTheme.js');
-var index$5 = require('./index-7481f662.js');
+var index$5 = require('./index-6c3d81bf.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-2d74352f.js');
-require('./index-fd836996.js');
-require('./index-d7818ca5.js');
-require('./index-18acca73.js');
-var index$2 = require('./index-caaf6cac.js');
-var index$1 = require('./index-ce0a7efa.js');
-require('./index.styles-61ce234f.js');
+require('./index-c6272c6f.js');
+require('./index-672d3f96.js');
+require('./index-c0a90ee6.js');
+require('./index-99b7ebde.js');
+var index$2 = require('./index-2f80f215.js');
+var index$1 = require('./index-eff68a82.js');
+require('./index-e9a11463.js');
+require('./index.styles-459c49a4.js');
 require('@mantine/hooks');
-require('./text-92a095cb.js');
-var utils = require('./utils-7bc80898.js');
-require('./index-511d3d6a.js');
-var index$3 = require('./index-2b578109.js');
-var togetherComponentGlobalContext = require('./utils-623e143c.js');
+var utils = require('./utils-e5b6fd8d.js');
+require('./index-4b7ca682.js');
+var index$3 = require('./index-1622098f.js');
+var togetherComponentGlobalContext = require('./utils-7753c561.js');
 var styled = require('@emotion/styled');
-var dataTransform = require('./dataTransform-7bc232fa.js');
-var constants = require('./constants-ffa1b205.js');
-var post = require('./post-7d7fd183.js');
-var togetherMoleculesCardAuthor = require('./index-ba9ca44c.js');
-var togetherRichTextEditor = require('./editor-8723b9e8.js');
-var index$4 = require('./index-b1020b33.js');
+var dataTransform = require('./dataTransform-e0ca5bdb.js');
+var constants = require('./constants-fd9ac7c6.js');
+var post = require('./post-d3343261.js');
+var togetherMoleculesCardAuthor = require('./index-a38955ed.js');
+var togetherRichTextEditor = require('./editor-83db91b5.js');
+var index$4 = require('./index-0f99ad3b.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$6 = require('./index-1c8547ba.js');
-var index$7 = require('./index-413bc08c.js');
-var index$9 = require('./index-601f980c.js');
-var Locale = require('./Locale-21703205.js');
+var index$6 = require('./index-8a993640.js');
+var index$7 = require('./index-4b2a36dd.js');
+var index$9 = require('./index-e40b625c.js');
+var Locale = require('./Locale-5e92eeb8.js');
 var ReactDOM = require('react-dom');
-var index$a = require('./index-d1263a2e.js');
-var togetherMoleculesPostImagePreview = require('./index-e033f570.js');
-var index$d = require('./index-6e1934a1.js');
+var index$a = require('./index-008c6773.js');
+var togetherMoleculesPostImagePreview = require('./index-5f770ff7.js');
+var index$d = require('./index-3596f712.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var useUniqueId = require('./useUniqueId-df3c6150.js');
-var index$b = require('./index-21dfe2bd.js');
-var index$c = require('./index-dd871125.js');
+var useUniqueId = require('./useUniqueId-3841cbd1.js');
+var index$b = require('./index-b499c6b7.js');
+var index$c = require('./index-95c93496.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-c19368b2.js → index-e1b81d0b.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-7481f662.js');
+var index$2 = require('./index-6c3d81bf.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-caaf6cac.js');
-var index$1 = require('./index-d7818ca5.js');
-var tslib_es6 = require('./tslib.es6-acd80713.js');
-var index$6 = require('./index-2d74352f.js');
-var index$5 = require('./index-fd836996.js');
+var index = require('./index-2f80f215.js');
+var index$1 = require('./index-c0a90ee6.js');
+var tslib_es6 = require('./tslib.es6-ac9de441.js');
+var index$6 = require('./index-c6272c6f.js');
+var index$5 = require('./index-672d3f96.js');
 var core = require('@mantine/core');
-var number = require('./number-baec6f49.js');
-var index$3 = require('./index-2f23d479.js');
+var number = require('./number-f29aba47.js');
+var index$3 = require('./index-2f06f74e.js');
 var hooks = require('@mantine/hooks');
-var index$4 = require('./index-0c3c27d7.js');
-var index$7 = require('./index-ccdca7bf.js');
+var index$4 = require('./index-61fd98ae.js');
+var index$7 = require('./index-1b2f6b68.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-601f980c.js → index-e40b625c.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-ce0a7efa.js');
+var index = require('./index-eff68a82.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-b638dbe7.js → index-e7359e74.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-21703205.js');
-var index$1 = require('./index-d7818ca5.js');
+var Locale = require('./Locale-5e92eeb8.js');
+var index$1 = require('./index-c0a90ee6.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-7bc80898.js');
-var logoIcon = require('./logoIcon-d5a594e3.js');
-require('./index-fd836996.js');
-var index = require('./index-f8305dc1.js');
+var utils = require('./utils-e5b6fd8d.js');
+var logoIcon = require('./logoIcon-1c5778bf.js');
+require('./index-672d3f96.js');
+var index = require('./index-a8b83558.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{text-92a095cb.js → index-e9a11463.js}

@@ -1,6 +1,11 @@
 'use strict';
 
 var core = require('@mantine/core');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
 
 exports.CustomStylesType = void 0;
 (function (CustomStylesType) {
@@ -142,6 +147,8 @@ const GlobalTextStyle = {
             h6: [core.rem(16), core.rem(14)],
             title1: [core.rem(17), core.rem(17)],
             title2: [core.rem(15), core.rem(15)],
+            overline: [core.rem(11), core.rem(11)],
+            subText: [core.rem(10), core.rem(10)],
         },
         lineHeight: {
             base: [core.rem(24), core.rem(24)],
@@ -171,6 +178,8 @@ const GlobalTextStyle = {
             h6: [core.rem(24), core.rem(22)],
             title1: [core.rem(24), core.rem(24)],
             title2: [core.rem(24), core.rem(24)],
+            overline: [core.rem(12), core.rem(12)],
+            subText: [core.rem(12), core.rem(12)],
         },
         letterSpacing: {
             lg: [-0.2, 0],
@@ -196,6 +205,8 @@ const GlobalTextStyle = {
             n1: [-0.2, -0.2],
             title1: [-0.4, -0.4],
             title2: [-0.3, -0.3],
+            overline: [-0.2, -0.2],
+            subText: [-0.2, -0.2],
         },
         fontWeightBySize: {
             s1: exports.FontWeight.semiBold,
@@ -257,5 +268,13 @@ const GlobalTextStyleNew = (theme) => ({
     },
 });
 
+const TemplateContext = React.createContext(exports.CustomStylesType.NONE);
+const TemplateProvider = ({ variant = exports.CustomStylesType.NONE, children, }) => {
+    return (React__default["default"].createElement(TemplateContext.Provider, { value: variant }, children));
+};
+const useTemplateVariant = () => React.useContext(TemplateContext);
+
 exports.GlobalTextStyle = GlobalTextStyle;
 exports.GlobalTextStyleNew = GlobalTextStyleNew;
+exports.TemplateProvider = TemplateProvider;
+exports.useTemplateVariant = useTemplateVariant;