@hhgtech/hhg-components 1.29.464 → 1.29.465-beta-1

package/build/esm/healthToolsCardWrapper.js

@@ -1,39 +1,39 @@
-import './tslib.es6-b20785e2.js';
+import './tslib.es6-eb672842.js';
 import 'react';
 import '@mantine/core';
-export { H as HealthToolCardWrapper } from './index-5c0fb6a4.js';
-import './context-27bd133f.js';
+export { H as HealthToolCardWrapper } from './index-ca876cb3.js';
+import './context-8a6301d3.js';
 import '@hhgtech/icons/other';
-import './index-411d4604.js';
+import './index-38897e9d.js';
 import '@mantine/hooks';
-import './index-f267f78c.js';
+import './index-b29ead5f.js';
 import './constantsDomainLocales.js';
-import './Locale-84cd991c.js';
+import './Locale-be151480.js';
 import './constantsIsProduction.js';
-import './index-dff7006e.js';
-import './index-0dd3fe83.js';
-import './utils-c3c24885.js';
+import './index-d7adaf6b.js';
+import './index-a15da11a.js';
+import './utils-ba7f918b.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-d4bca712.js';
-import './index-b23ad2fc.js';
+import './index-922016ca.js';
+import './index-a6264391.js';
 import 'dayjs';
-import './index-3233c86c.js';
+import './index-b6fa7bd3.js';
 import '@mantine/notifications';
-import './index-9f3e8c6c.js';
+import './index-4fa0d037.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
-import './shared-a6a0a182.js';
+import './shared-2c12036b.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-d46c4b6a.js';
+import './useUniqueId-adb01a18.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
-import './index-b8c61d0d.js';
+import './index-7fc8dbe6.js';
 import '@mantine/dates';
-import './index.styles-b6a802c9.js';
-import './index-182edcdf.js';
-import './translationsContext-9069bf61.js';
-import './index-b12c29c0.js';
+import './index.styles-47bf88c8.js';
+import './index-8cd8f486.js';
+import './translationsContext-19e27f99.js';
+import './index-6d743e19.js';

package/build/esm/healthToolsForm.js

@@ -1,60 +1,60 @@
-export { D as DueDateForm } from './index-0e2afe7f.js';
-export { B as BmiForm } from './index-1dcee43f.js';
-export { B as BabyPoopForm } from './index-ee6bb51a.js';
-export { T as ThrForm } from './index-16727baf.js';
-export { O as OvulationForm } from './index-d42e507d.js';
-export { B as BabyVaccineForm } from './index-3eb51cb9.js';
-export { P as PWGForm } from './index-7d6508c0.js';
-import './tslib.es6-b20785e2.js';
+export { D as DueDateForm } from './index-7f7aed66.js';
+export { B as BmiForm } from './index-4f178fa1.js';
+export { B as BabyPoopForm } from './index-77fa8465.js';
+export { T as ThrForm } from './index-7fb5e583.js';
+export { O as OvulationForm } from './index-02e19b0f.js';
+export { B as BabyVaccineForm } from './index-75ac5b88.js';
+export { P as PWGForm } from './index-f4605358.js';
+import './tslib.es6-eb672842.js';
 import 'react';
 import '@mantine/core';
 import 'date-fns';
-import './LastPeriod-68f38ae1.js';
-import './Locale-84cd991c.js';
+import './LastPeriod-734398d8.js';
+import './Locale-be151480.js';
 import '@mantine/form';
 import 'dayjs';
-import './index-411d4604.js';
+import './index-38897e9d.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-f267f78c.js';
+import './index-b29ead5f.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './index-dff7006e.js';
-import './index-0dd3fe83.js';
-import './utils-c3c24885.js';
+import './index-d7adaf6b.js';
+import './index-a15da11a.js';
+import './utils-ba7f918b.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-d4bca712.js';
-import './index-b23ad2fc.js';
-import './index-3233c86c.js';
+import './index-922016ca.js';
+import './index-a6264391.js';
+import './index-b6fa7bd3.js';
 import '@mantine/notifications';
-import './index-9f3e8c6c.js';
+import './index-4fa0d037.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
-import './shared-a6a0a182.js';
+import './shared-2c12036b.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-d46c4b6a.js';
+import './useUniqueId-adb01a18.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
-import './index-b8c61d0d.js';
-import './index-e0d344e1.js';
+import './index-7fc8dbe6.js';
+import './index-b107f4b1.js';
 import '@mantine/dates';
-import './index.styles-b6a802c9.js';
-import './index-182edcdf.js';
-import './translationsContext-9069bf61.js';
-import './index-b12c29c0.js';
-import './index-0ec3d8e1.js';
+import './index.styles-47bf88c8.js';
+import './index-8cd8f486.js';
+import './translationsContext-19e27f99.js';
+import './index-6d743e19.js';
+import './index-2423cb9d.js';
 import 'react-keyed-flatten-children';
-import './context-27bd133f.js';
+import './context-8a6301d3.js';
 import 'react-hook-form';
-import './useHealthToolCache-906ac4c5.js';
+import './useHealthToolCache-3b08aad3.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-5fb0a472.js';
-import './core-af57c4f5.js';
-import './constants-fa565303.js';
-import './index-97f60a91.js';
+import './normalizeLink-b02abfb7.js';
+import './core-b7474d90.js';
+import './constants-22e10d18.js';
+import './index-ef7e8051.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-b213c3c6.js';
+import './constants-4c60c949.js';

package/build/esm/hooks.js

@@ -1,19 +1,19 @@
-export { u as useTranslations } from './index-182edcdf.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-5eb4d28f.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-806fb937.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-906ac4c5.js';
-export { u as useIsInit } from './useIsInit-4045e2db.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-cfae1512.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-d46c4b6a.js';
+export { u as useTranslations } from './index-8cd8f486.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-427d6d8f.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-77cfa933.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-3b08aad3.js';
+export { u as useIsInit } from './useIsInit-a97ea502.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-9892af7a.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-adb01a18.js';
 import 'react';
-import './translationsContext-9069bf61.js';
+import './translationsContext-19e27f99.js';
 import 'lodash/debounce';
-import './tslib.es6-b20785e2.js';
+import './tslib.es6-eb672842.js';
 import './miscCookieHelper.js';
-import './index-3233c86c.js';
-import './Locale-84cd991c.js';
+import './index-b6fa7bd3.js';
+import './Locale-be151480.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-5fb0a472.js';
+import './normalizeLink-b02abfb7.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './core-af57c4f5.js';
+import './core-b7474d90.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-export { T as TranslationsContext } from './translationsContext-9069bf61.js';
-export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-d500e7d3.js';
+export { T as TranslationsContext } from './translationsContext-19e27f99.js';
+export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-5ee80a36.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-9069bf61.js';
-export { T as TranslationsContext } from './translationsContext-9069bf61.js';
+import { T as TranslationsContext } from './translationsContext-19e27f99.js';
+export { T as TranslationsContext } from './translationsContext-19e27f99.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-0672b732.js → index-01f8c7c7.js}

@@ -1,33 +1,34 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-182edcdf.js';
+import { u as useTranslations } from './index-8cd8f486.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-f267f78c.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-5fb0a472.js';
+import { C as CommonGAssets } from './index-b29ead5f.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-b02abfb7.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-fc3d84f3.js';
-import { b as getTogetherUserPostsApiPath } from './index-c02a9c3a.js';
-import { B as Button } from './index-f49e65ce.js';
-import { w as workingDays } from './types-30b40ef0.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-f11f6b1f.js';
+import { b as getTogetherUserPostsApiPath } from './index-c9850967.js';
+import { B as Button } from './index-72f8d755.js';
+import { w as workingDays } from './types-ade2095f.js';
 import styled from '@emotion/styled';
+import { M as MediaQueries } from './utils-ba7f918b.js';
+import { rem, clsx, Flex, Box } from '@mantine/core';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import classNames from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-9f3e8c6c.js';
-import { L as LOCALISED_SLUGS } from './constants-fa565303.js';
-import { T as Text } from './index-8eb57bec.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-3f300863.js';
-import { a as __awaiter } from './tslib.es6-b20785e2.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-4fa0d037.js';
+import { L as LOCALISED_SLUGS } from './constants-22e10d18.js';
+import { T as Text } from './index-18bca22d.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-6d127ee9.js';
+import { a as __awaiter } from './tslib.es6-eb672842.js';
 import { useDisclosure } from '@mantine/hooks';
-import { clsx, Flex, Box, rem } from '@mantine/core';
-import { u as useTextStyles, T as TextField } from './index-63cd28a8.js';
+import { u as useTextStyles, T as TextField } from './index-d6e9deeb.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-411d4604.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-dff7006e.js';
-import { B as Button$1 } from './index-b8c61d0d.js';
-import { M as MAPPED_LOCALE } from './index-b23ad2fc.js';
-import { T as Text$1 } from './index-d4bca712.js';
-import { I as ImageWrap } from './index-0dd3fe83.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-353b40ca.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-38897e9d.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-d7adaf6b.js';
+import { B as Button$1 } from './index-7fc8dbe6.js';
+import { M as MAPPED_LOCALE } from './index-a6264391.js';
+import { T as Text$1 } from './index-922016ca.js';
+import { I as ImageWrap } from './index-a15da11a.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-c3d4a23f.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),
@@ -445,18 +446,42 @@ const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'hel
 };
 
 const StyledOpeningHour = styled.div `
-  color: #111111;
+  ${MediaQueries.mbUp} {
+    margin: 0;
+  }
+
+  color: ${theme.colors.gray1000};
   margin-bottom: 1rem;
   .txt-body-1 {
     font-size: 0.8125rem;
     line-height: 1.25rem;
+    ${MediaQueries.mbUp} {
+      font-size: 0.9375rem;
+      line-height: 1.5rem;
+      color: ${theme.colors.gray700};
+    }
   }
   .txt-body-2 {
     font-size: 0.9375rem;
     line-height: 1.5rem;
+    padding: 0.75rem 0 0;
+    font-weight: 500;
+    ${MediaQueries.mbUp} {
+      padding: 0;
+      font-weight: 600;
+    }
+  }
+
+  .txt-hours {
+    font-weight: 500;
+    color: ${theme.colors.gray1000};
   }
 `;
 const StyledFormatDataBox = styled.div `
+  ${MediaQueries.mbUp} {
+    padding: 8px 0;
+    gap: 4px;
+  }
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -504,13 +529,10 @@ function OpeningHours({ workingTimes }) {
         });
     }, [workingTimes]);
     return (React__default.createElement(StyledOpeningHour, null,
-        React__default.createElement("div", { className: "txt-body-2", style: {
-                padding: '0.75rem 0',
-                fontWeight: 500,
-            } }, t('detail.openHours')),
-        React__default.createElement("div", null, formatData.map((item, index) => (React__default.createElement(StyledFormatDataBox, { className: "txt-body-1", key: index },
+        React__default.createElement("div", { className: "txt-body-2" }, t('detail.openHours')),
+        React__default.createElement("div", { className: "opening-hours-container" }, formatData.map((item, index) => (React__default.createElement(StyledFormatDataBox, { className: "txt-body-1", key: index },
             React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.day),
-            React__default.createElement("div", { style: { fontWeight: 500 } }, item === null || item === void 0 ? void 0 : item.value)))))));
+            React__default.createElement("div", { className: "txt-hours" }, item === null || item === void 0 ? void 0 : item.value)))))));
 }
 
 const getHospitalUrl = (locale, hospital) => {
@@ -699,18 +721,32 @@ const Email = (props) => (React.createElement("svg", Object.assign({ width: "1em
 
 // import { ThemeProps } from '@hhgtech/hhg-components'
 const StyledClinicInfo = styled.div `
+  ${MediaQueries.mbUp} {
+    display: flex;
+    gap: ${rem(24)};
+    padding: 0 ${rem(24)} ${rem(24)};
+  }
+
   color: #111111;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-bottom: 1rem;
+  padding: 0 ${rem(16)} ${rem(16)};
 
   .name {
+    ${MediaQueries.mbUp} {
+      font-weight: 600;
+    }
+
     font-size: 0.9375rem;
     line-height: 1.5rem;
     font-weight: 500;
   }
 
   address {
+    ${MediaQueries.mbUp} {
+      font-size: 0.9375rem;
+      line-height: 1.5rem;
+      font-style: normal;
+    }
+
     font-size: 0.8125rem;
     line-height: 1.25rem;
     font-weight: 400;
@@ -739,6 +775,10 @@ const StyledMap = styled(Map) `
     --mapCardHeight: --cardHeight;
   }
   iframe {
+    ${MediaQueries.mbUp} {
+      width: ${rem(180)};
+      height: ${rem(180)};
+    }
     border-radius: 12px;
     overflow: hidden;
   }
@@ -752,6 +792,22 @@ const StyledEmailIcon = styled(Email) `
   height: 1rem;
 `;
 const StyledContainer = styled.div `
+  ${MediaQueries.mbUp} {
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+  }
+
+  .clinic-content {
+    display: flex;
+    flex-direction: column;
+    ${MediaQueries.mbUp} {
+      gap: 8px;
+    }
+    gap: 12px;
+  }
+
   padding-top: 1rem;
   padding-bottom: 1rem;
   padding-left: 4.5px;
@@ -773,6 +829,13 @@ const StyledDistanceTag$1 = styled(DistanceTag) `
 const StyledContact = styled.div `
   display: flex;
   gap: 4px;
+  flex-direction: column;
+  ${MediaQueries.mbUp} {
+    flex-direction: row;
+  }
+  .contact-item {
+    width: fit-content;
+  }
 `;
 
 function ClinicInfo(props) {
@@ -788,21 +851,22 @@ function ClinicInfo(props) {
     return (React__default.createElement(StyledClinicInfo, null,
         React__default.createElement(StyledMap, { dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel, googleMapKey: googleMapKey, hasNoCard: true, hospital: hospital, locale: locale, isLoggedIn: isLoggedIn, isFullWidth: true, height: 220, className: "panel-map", onPhoneHospital: onPhoneHospital }),
         React__default.createElement(StyledContainer, null,
-            React__default.createElement("div", { className: "name" }, hospitalInfo.name),
-            React__default.createElement(StyledFlexBox, null,
-                React__default.createElement("address", null, hospitalInfo.address),
-                distance && (React__default.createElement("div", { style: {
-                        flexShrink: 0,
-                    } },
-                    React__default.createElement(StyledDistanceTag$1, { value: `${distance} km` })))),
-            React__default.createElement(StyledContact, null,
-                hospitalInfo.phone && (React__default.createElement("div", { className: "contact-item" },
-                    React__default.createElement(StyledMobileIcon, null),
-                    React__default.createElement("a", { href: `tel:${hospitalInfo.phone}` }, formatPhoneNumber(hospitalInfo.phone)))),
-                hospitalInfo.email && (React__default.createElement("div", { className: "contact-item" },
-                    React__default.createElement(StyledEmailIcon, null),
-                    React__default.createElement("a", { href: `mailto:${hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.email}` }, hospitalInfo.email))))),
-        hospitalInfo.working_times && (React__default.createElement(OpeningHours, { workingTimes: hospitalInfo.working_times }))));
+            React__default.createElement("div", { className: "clinic-content" },
+                React__default.createElement("div", { className: "name" }, hospitalInfo.name),
+                React__default.createElement(StyledFlexBox, null,
+                    React__default.createElement("address", null, hospitalInfo.address),
+                    distance && (React__default.createElement("div", { style: {
+                            flexShrink: 0,
+                        } },
+                        React__default.createElement(StyledDistanceTag$1, { value: `${distance} km` })))),
+                React__default.createElement(StyledContact, null,
+                    hospitalInfo.phone && (React__default.createElement("div", { className: "contact-item" },
+                        React__default.createElement(StyledMobileIcon, null),
+                        React__default.createElement("a", { href: `tel:${hospitalInfo.phone}` }, formatPhoneNumber(hospitalInfo.phone)))),
+                    hospitalInfo.email && (React__default.createElement("div", { className: "contact-item" },
+                        React__default.createElement(StyledEmailIcon, null),
+                        React__default.createElement("a", { href: `mailto:${hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.email}` }, hospitalInfo.email))))),
+            hospitalInfo.working_times && (React__default.createElement(OpeningHours, { workingTimes: hospitalInfo.working_times })))));
 }
 
 const StyledCollectPhoneForm = styled.div `

package/build/esm/{index-d42e507d.js → index-02e19b0f.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-b20785e2.js';
+import { _ as __rest } from './tslib.es6-eb672842.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-68f38ae1.js';
-import { I as Input } from './index-411d4604.js';
-import { D as DatePicker } from './index-e0d344e1.js';
-import { T as Text } from './index-d4bca712.js';
-import './index-b8c61d0d.js';
-import './index-dff7006e.js';
-import './index.styles-b6a802c9.js';
-import { u as useTranslations } from './index-182edcdf.js';
+import { L as LastPeriod } from './LastPeriod-734398d8.js';
+import { I as Input } from './index-38897e9d.js';
+import { D as DatePicker } from './index-b107f4b1.js';
+import { T as Text } from './index-922016ca.js';
+import './index-7fc8dbe6.js';
+import './index-d7adaf6b.js';
+import './index.styles-47bf88c8.js';
+import { u as useTranslations } from './index-8cd8f486.js';
 import '@mantine/hooks';
-import './index-b23ad2fc.js';
-import './utils-c3c24885.js';
-import './index-b12c29c0.js';
-import { C as CardWrapperContext } from './context-27bd133f.js';
-import { H as HealthToolFormWrapper } from './index-0ec3d8e1.js';
+import './index-a6264391.js';
+import './utils-ba7f918b.js';
+import './index-6d743e19.js';
+import { C as CardWrapperContext } from './context-8a6301d3.js';
+import { H as HealthToolFormWrapper } from './index-2423cb9d.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-57edbe84.js → index-0790b9d0.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-f49e65ce.js';
-import { u as useTranslations } from './index-182edcdf.js';
+import { B as Button } from './index-72f8d755.js';
+import { u as useTranslations } from './index-8cd8f486.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-7a5518c5.js → index-0c1c95cf.js}

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

package/build/esm/{index-8eb57bec.js → index-18bca22d.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-b20785e2.js';
+import { _ as __rest } from './tslib.es6-eb672842.js';
 import React__default from 'react';
-import './index-411d4604.js';
+import './index-38897e9d.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-9f3e8c6c.js';
-import './index-3233c86c.js';
-import './index-f267f78c.js';
-import './index-b23ad2fc.js';
-import { T as Text$1 } from './index-d4bca712.js';
-import './index-b8c61d0d.js';
-import './index-dff7006e.js';
-import './index.styles-b6a802c9.js';
-import './translationsContext-9069bf61.js';
+import './index-4fa0d037.js';
+import './index-b6fa7bd3.js';
+import './index-b29ead5f.js';
+import './index-a6264391.js';
+import { T as Text$1 } from './index-922016ca.js';
+import './index-7fc8dbe6.js';
+import './index-d7adaf6b.js';
+import './index.styles-47bf88c8.js';
+import './translationsContext-19e27f99.js';
 import '@mantine/hooks';
-import './utils-c3c24885.js';
-import './index-b12c29c0.js';
+import './utils-ba7f918b.js';
+import './index-6d743e19.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-0139e8e8.js → index-22fb56f3.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-b20785e2.js';
+import { _ as __rest } from './tslib.es6-eb672842.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-b23ad2fc.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-dff7006e.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-a6264391.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-d7adaf6b.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);

package/build/esm/{index-0f5e6f51.js → index-23a6c507.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-b20785e2.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-eb672842.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio } from './index-411d4604.js';
+import { R as Radio } from './index-38897e9d.js';
 import { Stack, Group, createStyles, getStylesRef, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-9f3e8c6c.js';
-import './index-3233c86c.js';
-import { C as CommonGAssets } from './index-f267f78c.js';
-import './index-b23ad2fc.js';
-import { T as Text } from './index-d4bca712.js';
-import { B as Button$1 } from './index-b8c61d0d.js';
-import './index-dff7006e.js';
-import './index.styles-b6a802c9.js';
-import './translationsContext-9069bf61.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-4fa0d037.js';
+import './index-b6fa7bd3.js';
+import { C as CommonGAssets } from './index-b29ead5f.js';
+import './index-a6264391.js';
+import { T as Text } from './index-922016ca.js';
+import { B as Button$1 } from './index-7fc8dbe6.js';
+import './index-d7adaf6b.js';
+import './index.styles-47bf88c8.js';
+import './translationsContext-19e27f99.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-c3c24885.js';
-import './index-b12c29c0.js';
-import { i as isInternalLink } from './index-cd948bab.js';
+import { M as MediaQueries } from './utils-ba7f918b.js';
+import './index-6d743e19.js';
+import { i as isInternalLink } from './index-902a6257.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-2e6ea1d5.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-e039a6cb.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-cd1b2b16.js';
+import { L as Logo } from './index-bbc2f99a.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-cfae1512.js';
+import { a as useOutsideClick } from './useOutsideClick-9892af7a.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-f49e65ce.js';
-import { u as useScreenSize, I as ImageWrap } from './index-0dd3fe83.js';
-import { u as useTranslations } from './index-182edcdf.js';
+import { B as Button } from './index-72f8d755.js';
+import { u as useScreenSize, I as ImageWrap } from './index-a15da11a.js';
+import { u as useTranslations } from './index-8cd8f486.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-6b0e95d8.js';
+import { D as Dropdown } from './index-2ff4c163.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-e57aa3f2.js';
-import { D as Drawer } from './index-eae729af.js';
+import { I as Input } from './index-7422fa1f.js';
+import { D as Drawer } from './index-5aa884fc.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-84cd991c.js';
+import { L as LOCALE } from './Locale-be151480.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-353b40ca.js';
-import { L as Loading } from './index-6521e769.js';
+import { A as ArrowRightBlue } from './index-c3d4a23f.js';
+import { L as Loading } from './index-6e497722.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';