@hhgtech/hhg-components 1.29.7 → 1.29.9

package/build/esm/footer.js

@@ -1,32 +1,30 @@
-export { F as Footer } from './index-ff5fcd00.js';
+export { F as Footer } from './index-0e3bfedb.js';
 import 'react';
-import './index-6f46d684.js';
-import './tslib.es6-a3330e56.js';
-import './index-68b2460f.js';
+import './index-35f93f75.js';
+import 'dayjs';
+import './index-7c3ea1b2.js';
+import 'date-fns/locale';
+import './Subot-07dd4adb.js';
+import './isProduction-d8ec1834.js';
+import './index-d6c7f630.js';
+import './tslib.es6-95aa6c45.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-3e80ca13.js';
-import './index-86df9abd.js';
-import 'date-fns/locale';
-import './Subot-6483edfe.js';
-import './isProduction-a91898ad.js';
-import './utils-72cdcea4.js';
+import './index-13f99aac.js';
+import './utils-0dc18a07.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-38e769ab.js';
-import './theme-ceb73049.js';
-import './useMantineLocale-f334285f.js';
-import 'dayjs';
+import './index-13bfcd23.js';
+import './theme-5e398375.js';
+import './useMantineLocale-aaada120.js';
 import 'classnames';
-import './useUniqueId-8874cf8a.js';
+import './useUniqueId-66e94cfe.js';
 import '@hhgtech/icons/core';
-import './index-30fcac90.js';
 import '@mantine/dates';
-import './useTranslations-d322de0a.js';
-import './translationsContext-9504b40c.js';
+import './translationsContext-fabe2d6c.js';
 import 'string-format';
-import './index-eb43f663.js';
-import './utils-4ef4e134.js';
-import './index-652a7a54.js';
-import './index.styled-b7d5fbf2.js';
+import './index-78884588.js';
+import './utils-bb18bf09.js';
+import './index-978caa02.js';
+import './index.styled-756e781e.js';

package/build/esm/gAssets.js

@@ -1,5 +1,5 @@
-export { C as CommonGAssets, G as GAssets } from './index-3e80ca13.js';
-import './index-86df9abd.js';
+export { C as CommonGAssets, G as GAssets } from './index-13f99aac.js';
+import './index-7c3ea1b2.js';
 import 'date-fns/locale';
-import './Subot-6483edfe.js';
-import './isProduction-a91898ad.js';
+import './Subot-07dd4adb.js';
+import './isProduction-d8ec1834.js';

package/build/esm/{getDynamicHealthTool-34cd9f7f.js → getDynamicHealthTool-f48eaa17.js}

@@ -1,7 +1,7 @@
-import { a as __awaiter } from './tslib.es6-a3330e56.js';
-import { n as normalizeLinkSlash } from './normalizeLink-88e89c48.js';
-import { c as getDiscoverApiDomain } from './routing-accbb863.js';
-import { g as getDataWithCache } from './core-d6e811be.js';
+import { a as __awaiter } from './tslib.es6-95aa6c45.js';
+import { n as normalizeLinkSlash } from './normalizeLink-efd5a6d4.js';
+import { c as getDiscoverApiDomain } from './routing-36c6c314.js';
+import { g as getDataWithCache } from './core-d4852494.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/{getSocialList-96fef766.js → getSocialList-853a0dc4.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { L as LOCALE } from './Subot-6483edfe.js';
-import { C as CommonGAssets } from './index-3e80ca13.js';
+import { L as LOCALE } from './Subot-07dd4adb.js';
+import { C as CommonGAssets } from './index-13f99aac.js';
 
 const getSocialList = (shareUrl) => [
     {

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-d322de0a.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-c02ff1d4.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-22560734.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-a71f6ee6.js';
-export { u as useIsInit } from './useIsInit-ddcba842.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-19e514e2.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-8874cf8a.js';
+export { u as useTranslations } from './useTranslations-26baeaed.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-6395d56e.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-0c047c27.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-be6fa83a.js';
+export { u as useIsInit } from './useIsInit-7d05e6ef.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-afd0589f.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-66e94cfe.js';
 import 'react';
-import './translationsContext-9504b40c.js';
+import './translationsContext-fabe2d6c.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-a3330e56.js';
-import './cookieHelper-7994d137.js';
-import './Subot-6483edfe.js';
-import './getDynamicHealthTool-34cd9f7f.js';
-import './normalizeLink-88e89c48.js';
-import './routing-accbb863.js';
-import './index-86df9abd.js';
+import './tslib.es6-95aa6c45.js';
+import './cookieHelper-7c2ee446.js';
+import './Subot-07dd4adb.js';
+import './getDynamicHealthTool-f48eaa17.js';
+import './normalizeLink-efd5a6d4.js';
+import './routing-36c6c314.js';
+import './index-7c3ea1b2.js';
 import 'date-fns/locale';
-import './isProduction-a91898ad.js';
-import './core-d6e811be.js';
+import './isProduction-d8ec1834.js';
+import './core-d4852494.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-9504b40c.js';
-export { T as TranslationsContext } from './translationsContext-9504b40c.js';
+import { T as TranslationsContext } from './translationsContext-fabe2d6c.js';
+export { T as TranslationsContext } from './translationsContext-fabe2d6c.js';
 import React__default, { useState, useEffect, useMemo } from 'react';
 import defaultTranslations from './i18n-values/en-PH.js';
 import hiTranslations from './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

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

package/build/esm/{index-12667b0c.js → index-03e393ec.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-a3330e56.js';
+import { _ as __rest } from './tslib.es6-95aa6c45.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-ceb73049.js';
+import { t as theme } from './theme-5e398375.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);

package/build/esm/index-0e3bfedb.js

@@ -0,0 +1,326 @@
+import React__default from 'react';
+import { C as Container } from './index-35f93f75.js';
+import dayjs from 'dayjs';
+import { d as domainLocales } from './index-7c3ea1b2.js';
+import { u as useScreenSize } from './index-d6c7f630.js';
+import { Flex, Stack, Box } from '@mantine/core';
+import '@mantine/dates';
+import './Subot-07dd4adb.js';
+import './index-13f99aac.js';
+import './useMantineLocale-aaada120.js';
+import { T as Text } from './index-13bfcd23.js';
+import { t as theme } from './theme-5e398375.js';
+import './translationsContext-fabe2d6c.js';
+import 'string-format';
+import '@mantine/hooks';
+import { M as MediaQueries } from './utils-0dc18a07.js';
+import styled from '@emotion/styled';
+import { L as Logo } from './index-78884588.js';
+import { M as MarryBabyText } from './index-978caa02.js';
+
+const StyledFooter = styled.footer `
+  background-color: #1b3250;
+
+  .inner {
+    padding: 64px 24px 98px 24px;
+    margin: 0 auto;
+  }
+  .newsletter {
+    padding: 24px 0;
+  }
+  .footer-logo {
+    max-width: 132px;
+    max-height: 32px;
+    &[data-is-sehat='true'] {
+      max-width: 250px;
+    }
+    img {
+      object-fit: contain;
+    }
+  }
+
+  .social {
+    margin-top: 24px;
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    flex-wrap: wrap;
+    > .icons {
+      display: flex;
+      gap: 16px;
+    }
+  }
+
+  hr {
+    height: 1px;
+    border: none;
+    margin: 16px 0 16px 0;
+    background: ${theme.colors.neutral500};
+    opacity: 0.1;
+    outline: none;
+  }
+  .footer-menu-column {
+    min-width: 168px;
+  }
+  .footer-menu-title {
+    margin-bottom: 16px;
+  }
+  .footer-menu-link {
+    display: block;
+  }
+  .footer-menu-link-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .copyright {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    padding-top: 8px;
+    .copyright-content {
+      color: ${theme.colors.neutral500};
+      font-size: 12px;
+    }
+
+    .copyright-image-wrapper {
+      flex-shrink: 0;
+      flex-wrap: wrap;
+      display: flex;
+      gap: 16px;
+      justify-content: flex-end;
+      .copyright-image {
+        align-self: flex-start;
+
+        img {
+          height: 32px;
+        }
+      }
+    }
+  }
+  .otherSites {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    padding: 19px 0;
+    border-top: 1px solid ${theme.colors.neutral100}1a;
+    border-bottom: 1px solid ${theme.colors.neutral100}1a;
+    .flags {
+      display: flex;
+      gap: 12px;
+    }
+  }
+
+  .signupButton {
+    display: none;
+    border: none;
+    margin-top: 16px;
+    outline: none;
+    text-transform: uppercase;
+  }
+  ${MediaQueries.mbDown} {
+    .inner {
+      padding: 64px 0;
+    }
+    .social {
+      flex-direction: column;
+      gap: 10px;
+      align-items: start;
+    }
+    hr {
+      margin-top: 0px;
+    }
+    .copyright {
+      align-items: center;
+      text-align: center;
+    }
+    .copyright-image-wrapper {
+      justify-content: center;
+      max-width: unset;
+    }
+    .otherSites {
+      flex-direction: column;
+      padding: 24px 0;
+      .linkTitle {
+        text-align: center;
+      }
+      .flags {
+        justify-content: center;
+      }
+    }
+    .footer-menu-title {
+      margin-bottom: 12px;
+    }
+    .footer-menu {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      > .footer-menu-column {
+        padding: 24px 0;
+      }
+      > .footer-menu-column:first-child {
+        grid-column-start: 1;
+        grid-column-end: 3;
+        border-top: 1px solid ${theme.colors.neutral100}1a;
+        border-bottom: 1px solid ${theme.colors.neutral100}1a;
+        > .footer-menu-link-wrapper {
+          display: grid;
+          grid-template-columns: repeat(2, 1fr);
+        }
+      }
+    }
+    .otherSites {
+      margin-bottom: 24px;
+    }
+  }
+  ${MediaQueries.mbUp} {
+    .newsletter > p {
+      max-width: 360px;
+    }
+    .hrMobile {
+      display: none;
+    }
+    .copyright {
+      gap: 24px;
+      flex-direction: row-reverse;
+      align-items: center;
+      justify-content: space-between;
+    }
+    .otherSites {
+      margin-bottom: 40px;
+    }
+    .columns {
+      display: flex;
+      flex-direction: row;
+      width: 100%;
+      gap: 16px;
+      margin-bottom: 40px;
+      > div:nth-child(1) {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+      }
+      > div:nth-child(2) {
+        display: flex;
+        flex-direction: row;
+        gap: 24px;
+      }
+    }
+  }
+`;
+const StyledFlag = styled.img `
+  width: 32px;
+  height: 32px;
+
+  ${MediaQueries.mbDown} {
+    width: 24px;
+    height: 24px;
+  }
+
+  .country-flag {
+    width: 100%;
+    height: 100%;
+  }
+`;
+
+const Flag = ({ url, dataEventCategory, dataEventAction, dataEventLabel, }) => {
+    return (React__default.createElement(StyledFlag, { loading: "lazy", className: "country-flag", src: url, alt: "Country Flag", "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-content-label": dataEventLabel }));
+};
+const FooterMenuColumn = ({ title, items, locale, index, }) => {
+    const { isMobile } = useScreenSize();
+    return (React__default.createElement("div", { className: "footer-menu-column" },
+        title ? (React__default.createElement(Text, { size: isMobile ? 's4' : 's3', className: "footer-menu-title", weight: isMobile ? 'regular' : 'semiBold', color: "neutral.6" }, title)) : null,
+        React__default.createElement("div", { className: "footer-menu-link-wrapper" }, items === null || items === void 0 ? void 0 : items.map((informationLink, idx) => (React__default.createElement(Text, { size: isMobile ? 'p3' : 'p4', as: "a", "data-event-category": "Footer", "data-event-action": informationLink.title, "data-event-label": `https://${domainLocales[locale]}${informationLink.url}`, className: "footer-menu-link", 
+            // @ts-ignore
+            href: informationLink.url, key: idx, color: "#fff", weight: isMobile && index === 0 ? 'semiBold' : 'regular' }, informationLink.title))))));
+};
+const DiscoverFooter = ({ className, footerInfo, locale }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    const { isMobile } = useScreenSize();
+    const footerMenu = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.menu;
+    const verifiedIcons = ((_b = (_a = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _a === void 0 ? void 0 : _a.verified) === null || _b === void 0 ? void 0 : _b.filter(Boolean)) || [];
+    return (React__default.createElement(StyledFooter, { className: className },
+        React__default.createElement(Container, null,
+            React__default.createElement("div", { className: "inner" },
+                React__default.createElement("a", { href: "/" },
+                    React__default.createElement("img", { loading: "lazy", className: "footer-logo", src: (_c = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _c === void 0 ? void 0 : _c.logo, alt: "Logo", "data-is-sehat": locale === 'id-ID' })),
+                React__default.createElement("div", { className: "columns" },
+                    React__default.createElement("div", { className: "newsletter" },
+                        React__default.createElement(Text, { size: isMobile ? 's3' : 's4', weight: "semiBold", color: "neutral.0" }, (_d = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _d === void 0 ? void 0 : _d.content),
+                        React__default.createElement("div", { className: "social" },
+                            React__default.createElement(Text, { size: "p4", color: "neutral.6" }, (_e = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.social) === null || _e === void 0 ? void 0 : _e.title),
+                            React__default.createElement("div", { className: "icons" }, (_g = (_f = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.social) === null || _f === void 0 ? void 0 : _f.socials) === null || _g === void 0 ? void 0 : _g.map((social, idx) => (React__default.createElement("a", { key: idx, "data-event-category": "Footer", "data-event-action": `Follow us - ${social.name}`, "data-content-label": social.url, href: social.url },
+                                React__default.createElement("img", { loading: "lazy", "data-event-category": "Footer", "data-event-action": `Follow us - ${social.name}`, "data-content-label": social.url, src: social.icon, alt: "Logo Social", className: "social-icon", width: "24", height: "24" }))))))),
+                    React__default.createElement("div", { className: "footer-menu" }, footerMenu && (React__default.createElement(React__default.Fragment, null, footerMenu === null || footerMenu === void 0 ? void 0 : footerMenu.map((menu, idx) => (React__default.createElement(FooterMenuColumn, { title: menu.menu_title, items: menu.items, locale: locale, key: idx, index: idx }))))))),
+                React__default.createElement("div", { className: "otherSites" },
+                    React__default.createElement(Text, { size: "p4", className: "linkTitle", color: "neutral.6", weight: "regular" }, (_h = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.branch) === null || _h === void 0 ? void 0 : _h.title),
+                    React__default.createElement("div", { className: "flags" }, (_k = (_j = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.branch) === null || _j === void 0 ? void 0 : _j.branch) === null || _k === void 0 ? void 0 : _k.map((flagLink, idx) => (React__default.createElement("a", { href: flagLink.url, key: idx, "data-event-category": "Footer", "data-event-action": flagLink.name, "data-event-label": flagLink.url },
+                        React__default.createElement(Flag, { url: flagLink.flag, dataEventCategory: "Footer", dataEventAction: flagLink.name, dataEventLabel: flagLink.url })))))),
+                React__default.createElement("div", { className: "copyright" },
+                    React__default.createElement("div", { className: "copyright-image-wrapper" }, verifiedIcons.length
+                        ? verifiedIcons.map((verify, index) => (React__default.createElement("a", { href: verify.url, key: index, className: "copyright-image" },
+                            React__default.createElement("img", { loading: "lazy", src: verify.image, alt: "DMCA Icon" }))))
+                        : null),
+                    React__default.createElement(Text, { size: 'n1', className: "copyright-content", as: "div", color: "neutral.6", weight: "regular" },
+                        React__default.createElement("div", { dangerouslySetInnerHTML: {
+                                __html: (_l = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _l === void 0 ? void 0 : _l.copyright.replace(/{currentYear}/gi, dayjs().get('year').toString()),
+                            } })))))));
+};
+
+var styles = {"footerContainer":"B6-KmWK","menuContainer":"GS-7mbG","wrapMenuItem":"qc5bEb3","wrapItems":"CQGVeuT","wrapCopyRight":"_8eUT8Jr","wrapInfo":"_6JMoel-","socialLink":"pFG7UH3"};
+
+const MarryBabyFooter = ({ logoType = 'marryBaby', footerMenu, background, }) => {
+    var _a;
+    if (!footerMenu)
+        return null;
+    const { general, menu, socials } = footerMenu;
+    return (React__default.createElement("footer", { className: styles.footerContainer , style: {
+            backgroundColor: background ? background : 'none',
+        } },
+        React__default.createElement(Container, null,
+            React__default.createElement("div", { className: styles.menuContainer }, menu === null || menu === void 0 ? void 0 : menu.map(({ menu_title, items }, idx) => (React__default.createElement("div", { className: styles.wrapMenuItem, key: `mbf${idx}` },
+                React__default.createElement(MarryBabyText, { className: "title", type: "subtitle-1", color: theme.mbColors.pink }, menu_title), items === null || items === void 0 ? void 0 :
+                items.map(({ title, url }, id) => (React__default.createElement("a", { "data-event-category": "Footer", "data-event-action": "Click", "data-event-label": `${url}`, className: "link", href: url, key: `footer-links-${id}` },
+                    React__default.createElement("div", { className: styles.wrapItems, key: `mbitem${id}` },
+                        React__default.createElement(MarryBabyText, { type: "bodytext-2", color: theme.mbColors.gray }, title)))))))))),
+        React__default.createElement(Container, null,
+            React__default.createElement("div", { className: styles.wrapInfo },
+                React__default.createElement(Flex, { gap: '24px', sx: (theme) => ({
+                        [theme.fn.largerThan('sm')]: {
+                            '.info-item': {
+                                flexGrow: 1,
+                                width: '50%',
+                            },
+                        },
+                        [theme.fn.smallerThan('sm')]: {
+                            flexDirection: 'column',
+                        },
+                    }) },
+                    React__default.createElement(Stack, { spacing: '24px', className: "info-item" },
+                        React__default.createElement(Logo, { className: "logo", type: logoType }),
+                        React__default.createElement(Text, { size: "p4", as: "div" },
+                            React__default.createElement("div", { dangerouslySetInnerHTML: {
+                                    __html: general === null || general === void 0 ? void 0 : general.content,
+                                } })),
+                        React__default.createElement("div", { className: styles.socialLink }, socials === null || socials === void 0 ? void 0 : socials.map(({ icon, name, url }, id) => (React__default.createElement("a", { key: `social${id}`, target: "_blank", rel: "noreferrer", "data-event-category": "Footer", "data-event-action": `Follow us - ${name}`, "data-content-label": name, href: url },
+                            React__default.createElement("img", { className: "social-logo", loading: "lazy", src: icon, alt: name })))))),
+                    React__default.createElement(Box, { className: "info-item", sx: { paddingTop: '7px' } },
+                        React__default.createElement(Text, { size: "p4", as: "div" },
+                            React__default.createElement("div", { dangerouslySetInnerHTML: {
+                                    __html: general === null || general === void 0 ? void 0 : general.information,
+                                } })))))),
+        React__default.createElement("div", { className: styles.wrapCopyRight },
+            React__default.createElement(Container, null,
+                React__default.createElement("div", { className: "content" },
+                    React__default.createElement(Text, { size: "p5", color: "#fff", as: "div" },
+                        React__default.createElement("div", { dangerouslySetInnerHTML: {
+                                __html: general === null || general === void 0 ? void 0 : general.copyright.replace(/{currentYear}/gi, dayjs().get('year').toString()),
+                            } })),
+                    React__default.createElement("div", { className: "verify" }, (_a = general === null || general === void 0 ? void 0 : general.verified) === null || _a === void 0 ? void 0 : _a.map(({ image, url }, idx) => (React__default.createElement("img", { loading: "lazy", key: `imgMbFt${idx}`, src: image, alt: url })))))))));
+};
+
+const Footer = ({ locale, footerInfo, siteType, background }) => {
+    return siteType === 'helloSites' ? (React__default.createElement(DiscoverFooter, { locale: locale, footerInfo: (footerInfo || {}) })) : (React__default.createElement(MarryBabyFooter, { footerMenu: footerInfo, background: background }));
+};
+
+export { Footer as F };

package/build/esm/{index-38e769ab.js → index-13bfcd23.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-a3330e56.js';
+import { _ as __rest } from './tslib.es6-95aa6c45.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-72cdcea4.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-0dc18a07.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -16,8 +16,8 @@ var useStyles = createStyles((theme, _params) => {
         root: Object.assign(Object.assign({}, ((_params === null || _params === void 0 ? void 0 : _params.size) && {
             fontWeight: (_params === null || _params === void 0 ? void 0 : _params.as) === 'label'
                 ? FontWeight.semiBold
-                : TextConfig.fontWeightBySize[_params === null || _params === void 0 ? void 0 : _params.size] ||
-                    TextConfig.fontWeight[_params.weight],
+                : TextConfig.fontWeight[_params.weight] ||
+                    TextConfig.fontWeightBySize[_params === null || _params === void 0 ? void 0 : _params.size],
             fontSize: `${getFontSize}`,
             lineHeight: `${getLineHeight}`,
             letterSpacing: getLetterSpacing,

package/build/esm/{index-3e80ca13.js → index-13f99aac.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-86df9abd.js';
-import { i as isProduction } from './isProduction-a91898ad.js';
+import { d as domainLocales } from './index-7c3ea1b2.js';
+import { i as isProduction } from './isProduction-d8ec1834.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-226d784c.js → index-23366a7b.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-a3330e56.js';
+import { _ as __rest } from './tslib.es6-95aa6c45.js';
 import React__default, { useState, useEffect } from 'react';
 import { useDebouncedValue } from '@mantine/hooks';
-import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-68b2460f.js';
+import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-d6c7f630.js';
 
 const Slider = (_a) => {
     var { color, withControl, onChange, value, min, max, isStatic, containerClassName, containerStyle } = _a, props = __rest(_a, ["color", "withControl", "onChange", "value", "min", "max", "isStatic", "containerClassName", "containerStyle"]);

package/build/esm/{index-19efb5ac.js → index-2e099e77.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-a3330e56.js';
+import { _ as __rest } from './tslib.es6-95aa6c45.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-5b26a9ad.js';
+import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-5caa61b6.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-939770eb.js → index-391627ab.js}

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-72cdcea4.js';
-import { t as theme } from './theme-ceb73049.js';
-import { _ as __rest } from './tslib.es6-a3330e56.js';
-import { T as TogetherComponentGlobalContext } from './utils-a4c61ed2.js';
+import { M as MediaQueries } from './utils-0dc18a07.js';
+import { t as theme } from './theme-5e398375.js';
+import { _ as __rest } from './tslib.es6-95aa6c45.js';
+import { T as TogetherComponentGlobalContext } from './utils-117628d9.js';
 
 const StyledPopup = styled.div `
   position: fixed;

package/build/esm/{index-6acc2f56.js → index-3d135340.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-a3330e56.js';
+import { _ as __rest } from './tslib.es6-95aa6c45.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-38e769ab.js';
+import { T as Text } from './index-13bfcd23.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-01107d11.js → index-50b9a43b.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-a3330e56.js';
+import { _ as __rest } from './tslib.es6-95aa6c45.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-6483edfe.js';
+import { L as LOCALE } from './Subot-07dd4adb.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-3e80ca13.js';
-import { t as theme } from './theme-ceb73049.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-68b2460f.js';
-import { T as Text } from './index-8ff4a188.js';
+import { C as CommonGAssets } from './index-13f99aac.js';
+import { t as theme } from './theme-5e398375.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-d6c7f630.js';
+import { T as Text } from './index-8c0d7038.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-c0daa419.js → index-5ce77702.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-a3330e56.js';
+import { _ as __rest } from './tslib.es6-95aa6c45.js';
 import React__default from 'react';
 import { Modal as Modal$1, CloseButton } from '@mantine/core';
-import { C as CommonGAssets } from './index-3e80ca13.js';
-import { i as useStyles } from './index-68b2460f.js';
-import { T as Text } from './index-38e769ab.js';
+import { C as CommonGAssets } from './index-13f99aac.js';
+import { i as useStyles } from './index-d6c7f630.js';
+import { T as Text } from './index-13bfcd23.js';
 
 const Modal = (_a) => {
     var { title, styles } = _a, rest = __rest(_a, ["title", "styles"]);

package/build/esm/{index-a90aef2f.js → index-65addbae.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-a3330e56.js';
+import { _ as __rest } from './tslib.es6-95aa6c45.js';
 import React__default from 'react';
-import { t as theme } from './theme-ceb73049.js';
-import { S as Share, E as Eye, W as WhatsApp, k as Spinner } from './utils-a4c61ed2.js';
+import { t as theme } from './theme-5e398375.js';
+import { S as Share, E as Eye, W as WhatsApp, k as Spinner } from './utils-117628d9.js';
 
 const ArrowRightTail = (_a) => {
     var { size = 24, color: colorInit = theme.colors.gray600, useCurrentColor, isActive, activeColor = theme.colors.primaryBase } = _a, rest = __rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);

package/build/esm/{index-eb43f663.js → index-78884588.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-6483edfe.js';
-import { C as CommonGAssets } from './index-3e80ca13.js';
-import { i as isChristmas, a as LunarNewYearLocale, b as isLunarNewYear, c as isNewYear, d as isRamadan, e as isVNHungKing, f as isVN3004, g as isLabourDay, S as StyledLogo, L as LogoIcon, h as StyledProLogo } from './utils-4ef4e134.js';
-import { I as ImageWrap } from './index-68b2460f.js';
+import { L as LOCALE } from './Subot-07dd4adb.js';
+import { C as CommonGAssets } from './index-13f99aac.js';
+import { i as isChristmas, a as LunarNewYearLocale, b as isLunarNewYear, c as isNewYear, d as isRamadan, e as isVNHungKing, f as isVN3004, g as isLabourDay, S as StyledLogo, L as LogoIcon, h as StyledProLogo } from './utils-bb18bf09.js';
+import { I as ImageWrap } from './index-d6c7f630.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-86df9abd.js → index-7c3ea1b2.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './Subot-6483edfe.js';
-import { i as isProduction } from './isProduction-a91898ad.js';
+import { L as LOCALE } from './Subot-07dd4adb.js';
+import { i as isProduction } from './isProduction-d8ec1834.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',