@hhgtech/hhg-components 1.29.55 → 1.29.56

package/build/esm/index-070f4d8a.js

@@ -0,0 +1,70 @@
+import { _ as __rest } from './tslib.es6-3b490352.js';
+import React__default from 'react';
+import { t as theme } from './theme-309afe68.js';
+import { E as Eye, S as Spinner } from './utils-b07ce168.js';
+import { I as Instagram } from './Instagram-65a8b9d1.js';
+import { W as WhatsApp } from './WhatsApp-c97c6626.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"]);
+    const color = useCurrentColor
+        ? 'currentColor'
+        : isActive
+            ? activeColor
+            : colorInit;
+    const props = Object.assign({ width: size, height: size }, rest);
+    return (React__default.createElement("svg", Object.assign({ viewBox: "0 0 18 18", fill: "none" }, props),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.74707 4.22754C9.89332 4.08091 10.0854 4.00635 10.2773 4.00635C10.4692 4.00635 10.661 4.08091 10.8076 4.22754L15.0498 8.46973C15.3431 8.76223 15.3431 9.23702 15.0498 9.53027L10.8076 13.7725C10.5151 14.0657 10.0403 14.0657 9.74707 13.7725L9.68262 13.708C9.38937 13.4155 9.38937 12.9407 9.68262 12.6475L12.5801 9.75H2.77734C2.36334 9.75 2.02734 9.414 2.02734 9C2.02734 8.586 2.36334 8.25 2.77734 8.25H12.5801L9.68262 5.35254C9.38937 5.06004 9.38937 4.58524 9.68262 4.29199L9.74707 4.22754Z", fill: color })));
+};
+
+const Cart = (_a) => {
+    var { size = 24, color: colorInit = theme.colors.gray600, useCurrentColor, isActive, isSolid, activeColor = theme.colors.primaryBase } = _a, rest = __rest(_a, ["size", "color", "useCurrentColor", "isActive", "isSolid", "activeColor"]);
+    const color = useCurrentColor
+        ? 'currentColor'
+        : isActive
+            ? activeColor
+            : colorInit;
+    const props = Object.assign({ width: size, height: size }, rest);
+    return isSolid ? (React__default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React__default.createElement("path", { d: "M7.154 21.558q-.73 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24t1.24-.51q.729 0 1.24.51.51.51.51 1.24 0 .729-.51 1.24-.511.51-1.24.51m9.692 0q-.729 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24.511-.51 1.24-.51.73 0 1.24.51t.51 1.24-.51 1.24-1.24.51M5.296 4.25h13.885q.613 0 .928.522t.03 1.066l-3.204 5.804a1.8 1.8 0 0 1-.651.674 1.7 1.7 0 0 1-.888.242H8.1l-1.158 2.115q-.077.115-.005.25.073.135.217.135h10.692q.32 0 .535.215a.73.73 0 0 1 .215.535.73.73 0 0 1-.215.534.73.73 0 0 1-.535.216H7.154q-1 0-1.503-.863-.503-.862-.036-1.722l1.427-2.565L3.404 3.75H2.25a.73.73 0 0 1-.535-.215A.73.73 0 0 1 1.5 3q0-.32.215-.535a.73.73 0 0 1 .535-.215h1.529a.9.9 0 0 1 .813.517z", fill: color }))) : (React__default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React__default.createElement("path", { d: "M7.154 21.558q-.73 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24t1.24-.51q.729 0 1.24.51.51.51.51 1.24 0 .729-.51 1.24-.511.51-1.24.51m9.692 0q-.729 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24.511-.51 1.24-.51.73 0 1.24.51t.51 1.24-.51 1.24-1.24.51M6.016 5.75l2.534 5.308h6.817a.3.3 0 0 0 .154-.044.4.4 0 0 0 .116-.12l2.682-4.875q.058-.105.01-.187t-.164-.082zm-.72-1.5h13.885q.613 0 .928.522.315.523.03 1.066l-3.204 5.804a1.8 1.8 0 0 1-.651.674 1.7 1.7 0 0 1-.888.242H8.1l-1.158 2.115q-.077.115-.005.25.073.135.217.135h10.692q.32 0 .535.215a.73.73 0 0 1 .215.535.73.73 0 0 1-.215.534.73.73 0 0 1-.535.216H7.154q-1 0-1.503-.863-.503-.862-.036-1.722l1.427-2.565L3.404 3.75H2.25a.73.73 0 0 1-.535-.215A.73.73 0 0 1 1.5 3q0-.32.215-.535a.73.73 0 0 1 .535-.215h1.529a.9.9 0 0 1 .813.517z", fill: color })));
+};
+
+const CartWithAdd = (_a) => {
+    var { size = 24, color: colorInit = theme.colors.gray600, useCurrentColor, isActive, activeColor = theme.colors.primaryBase } = _a, rest = __rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);
+    const color = useCurrentColor
+        ? 'currentColor'
+        : isActive
+            ? activeColor
+            : colorInit;
+    const props = Object.assign({ width: size, height: size }, rest);
+    return (React__default.createElement("svg", Object.assign({ viewBox: "0 0 19 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React__default.createElement("path", { d: "M8.938 4.812H7.25a.54.54 0 0 1-.4-.161.55.55 0 0 1-.162-.401q0-.24.161-.401a.55.55 0 0 1 .401-.162h1.688V2q0-.24.161-.4a.55.55 0 0 1 .401-.163q.24 0 .4.162a.55.55 0 0 1 .162.401v1.688h1.688q.24 0 .4.161a.55.55 0 0 1 .162.401q0 .24-.161.4a.55.55 0 0 1-.401.162h-1.687V6.5q0 .24-.162.4a.55.55 0 0 1-.401.162.54.54 0 0 1-.4-.161.55.55 0 0 1-.162-.401zM5.865 16.668q-.546 0-.93-.383a1.27 1.27 0 0 1-.382-.93q0-.546.383-.929t.93-.383.929.383.383.93q0 .546-.383.93a1.27 1.27 0 0 1-.93.382m7.27 0q-.547 0-.93-.383a1.27 1.27 0 0 1-.383-.93q0-.546.383-.929t.93-.383.93.383.382.93q0 .546-.383.93a1.27 1.27 0 0 1-.93.382M3.053 3.312h-.865a.54.54 0 0 1-.401-.161.55.55 0 0 1-.162-.401q0-.24.162-.4a.55.55 0 0 1 .4-.162h1.158q.192 0 .36.1a.63.63 0 0 1 .25.287l2.946 6.218h5.113q.065 0 .115-.032a.3.3 0 0 0 .087-.09l2.618-4.702a.5.5 0 0 1 .198-.21.56.56 0 0 1 .28-.071q.324 0 .485.275.162.276.006.557L13.2 9.232a1.35 1.35 0 0 1-.489.505q-.303.18-.665.181H6.575l-.868 1.587q-.058.086-.004.187t.162.101h8.02q.239 0 .4.162a.55.55 0 0 1 .162.401q0 .24-.162.4a.55.55 0 0 1-.4.162h-8.02q-.75 0-1.133-.64-.383-.642-.02-1.298l1.07-1.924z", fill: color })));
+};
+
+const Share = (_a) => {
+    var { size = 24, color: colorInit = theme.colors.gray600, useCurrentColor, activeColor = theme.colors.primaryBase, isActive, isMarryBaby, isSolid = true } = _a, rest = __rest(_a, ["size", "color", "useCurrentColor", "activeColor", "isActive", "isMarryBaby", "isSolid"]);
+    const color = useCurrentColor
+        ? 'currentColor'
+        : isActive
+            ? activeColor
+            : colorInit;
+    return isMarryBaby ? (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, rest),
+        React__default.createElement("path", { d: "M18 8L19 8C20.1046 8 21 8.89543 21 10L21 15.155C21 17.3585 19.4253 19.2551 17.2391 19.6848C15.1006 20.1051 8.89937 20.1051 6.76089 19.6848C4.57467 19.2551 3 17.3585 3 15.155L3 10C3 8.89543 3.89543 8 5 8L6 8", stroke: color, strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }),
+        React__default.createElement("path", { d: "M12 13L12 3M12 3L9.5 5.5M12 3L14.5 5.5", stroke: color, strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }))) : isSolid ? (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("path", { d: "M16.8055 21.5C16.057 21.5 15.4215 21.2383 14.899 20.7148C14.3767 20.1912 14.1155 19.5556 14.1155 18.8078C14.1155 18.7078 14.1501 18.4648 14.2193 18.0788L7.10775 13.8923C6.86675 14.1423 6.58042 14.3381 6.24875 14.4798C5.91708 14.6214 5.56175 14.6923 5.18275 14.6923C4.43758 14.6923 3.80417 14.4294 3.2825 13.9038C2.76083 13.3781 2.5 12.7435 2.5 12C2.5 11.2565 2.76083 10.6219 3.2825 10.0962C3.80417 9.57058 4.43758 9.30775 5.18275 9.30775C5.56175 9.30775 5.91708 9.37858 6.24875 9.52025C6.58042 9.66192 6.86675 9.85775 7.10775 10.1077L14.2193 5.93075C14.1796 5.80775 14.1523 5.68725 14.1375 5.56925C14.1228 5.45125 14.1155 5.32558 14.1155 5.19225C14.1155 4.44442 14.3774 3.80875 14.9012 3.28525C15.4253 2.76175 16.0615 2.5 16.81 2.5C17.5585 2.5 18.1939 2.762 18.7163 3.286C19.2388 3.80983 19.5 4.446 19.5 5.1945C19.5 5.943 19.2383 6.5785 18.7148 7.101C18.1912 7.62333 17.5556 7.8845 16.8077 7.8845C16.4269 7.8845 16.0728 7.81208 15.7452 7.66725C15.4176 7.52242 15.1333 7.325 14.8923 7.075L7.78075 11.2615C7.82042 11.3847 7.84767 11.5052 7.8625 11.623C7.87717 11.741 7.8845 11.8667 7.8845 12C7.8845 12.1333 7.87717 12.259 7.8625 12.377C7.84767 12.4948 7.82042 12.6153 7.78075 12.7385L14.8923 16.925C15.1333 16.675 15.4176 16.4776 15.7452 16.3328C16.0728 16.1879 16.4269 16.1155 16.8077 16.1155C17.5556 16.1155 18.1912 16.3774 18.7148 16.9012C19.2383 17.4253 19.5 18.0615 19.5 18.81C19.5 19.5585 19.238 20.1939 18.714 20.7163C18.1902 21.2388 17.554 21.5 16.8055 21.5Z", fill: color }))) : (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("path", { d: "M18.0011 21.75C17.2375 21.75 16.5881 21.4826 16.0529 20.9479C15.5176 20.4132 15.25 19.7639 15.25 19C15.25 18.8751 15.2599 18.7459 15.2798 18.6121C15.2997 18.4784 15.3295 18.3551 15.3692 18.2423L7.97305 13.9115C7.70895 14.1743 7.40831 14.3798 7.07113 14.5279C6.73394 14.6759 6.37689 14.75 5.99997 14.75C5.23609 14.75 4.58679 14.4827 4.05207 13.9482C3.51736 13.4137 3.25 12.7647 3.25 12.0011C3.25 11.2375 3.51736 10.5881 4.05207 10.0529C4.58679 9.51763 5.23609 9.25 5.99997 9.25C6.37689 9.25 6.73394 9.32403 7.07113 9.4721C7.40831 9.62018 7.70895 9.82563 7.97305 10.0885L15.3692 5.75768C15.3295 5.64486 15.2997 5.52157 15.2798 5.38783C15.2599 5.25409 15.25 5.12481 15.25 4.99998C15.25 4.23609 15.5173 3.58679 16.0518 3.05208C16.5863 2.51736 17.2353 2.25 17.9989 2.25C18.7624 2.25 19.4118 2.51725 19.9471 3.05175C20.4823 3.58625 20.75 4.23528 20.75 4.99885C20.75 5.76242 20.4826 6.41182 19.9479 6.94707C19.4132 7.48233 18.7639 7.74995 18 7.74995C17.6231 7.74995 17.266 7.67592 16.9288 7.52785C16.5916 7.37977 16.291 7.17432 16.0269 6.9115L8.63073 11.2423C8.67048 11.3551 8.70028 11.4782 8.72015 11.6115C8.74002 11.7447 8.74995 11.8736 8.74995 11.998C8.74995 12.1224 8.74002 12.2519 8.72015 12.3865C8.70028 12.5211 8.67048 12.6449 8.63073 12.7577L16.0269 17.0885C16.291 16.8256 16.5916 16.6202 16.9288 16.4721C17.266 16.324 17.6231 16.25 18 16.25C18.7639 16.25 19.4132 16.5173 19.9479 17.0518C20.4826 17.5863 20.75 18.2353 20.75 18.9989C20.75 19.7624 20.4827 20.4118 19.9482 20.9471C19.4137 21.4823 18.7647 21.75 18.0011 21.75ZM18 6.24998C18.3474 6.24998 18.6426 6.1285 18.8856 5.88555C19.1285 5.64258 19.25 5.34738 19.25 4.99995C19.25 4.65252 19.1285 4.35732 18.8856 4.11435C18.6426 3.87142 18.3474 3.74995 18 3.74995C17.6525 3.74995 17.3573 3.87143 17.1144 4.11438C16.8714 4.35734 16.75 4.65254 16.75 4.99998C16.75 5.34741 16.8714 5.64261 17.1144 5.88558C17.3573 6.12853 17.6525 6.24998 18 6.24998ZM5.99997 13.25C6.34741 13.25 6.64261 13.1285 6.88558 12.8856C7.12853 12.6426 7.25 12.3474 7.25 12C7.25 11.6525 7.12853 11.3573 6.88558 11.1144C6.64261 10.8714 6.34741 10.75 5.99997 10.75C5.65254 10.75 5.35734 10.8714 5.11438 11.1144C4.87143 11.3573 4.74995 11.6525 4.74995 12C4.74995 12.3474 4.87143 12.6426 5.11438 12.8856C5.35734 13.1285 5.65254 13.25 5.99997 13.25ZM18 20.25C18.3474 20.25 18.6426 20.1285 18.8856 19.8855C19.1285 19.6426 19.25 19.3474 19.25 19C19.25 18.6525 19.1285 18.3573 18.8856 18.1144C18.6426 17.8714 18.3474 17.75 18 17.75C17.6525 17.75 17.3573 17.8714 17.1144 18.1144C16.8714 18.3573 16.75 18.6525 16.75 19C16.75 19.3474 16.8714 19.6426 17.1144 19.8856C17.3573 20.1285 17.6525 20.25 18 20.25Z", fill: color })));
+};
+
+const Icon = {
+    Share,
+    Eye,
+    WhatsApp,
+    ArrowRightTail,
+    Spinner,
+    Cart,
+    CartWithAdd,
+    Instagram,
+};
+
+export { Icon as I };

package/build/esm/{index-8e32c562.js → index-097db58e.js}

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-e8172329.js';
-import { t as theme } from './theme-76f8a956.js';
-import { _ as __rest } from './tslib.es6-06a7e40c.js';
-import { T as TogetherComponentGlobalContext } from './utils-2064243c.js';
+import { M as MediaQueries } from './utils-16c6c685.js';
+import { t as theme } from './theme-309afe68.js';
+import { _ as __rest } from './tslib.es6-3b490352.js';
+import { T as TogetherComponentGlobalContext } from './utils-b07ce168.js';
 
 const StyledPopup = styled.div `
   position: fixed;

package/build/esm/{index-dfb64f7b.js → index-11fd4999.js}

@@ -1,18 +1,18 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-06a7e40c.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-3b490352.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { c as Input, S as Select } from './index-b52ebb2a.js';
+import { c as Input, S as Select } from './index-df0e48c5.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-4be2fc3f.js';
-import { L as LOCALE } from './index-afc112bb.js';
-import './index-f8973240.js';
-import './useMantineLocale-a1436d01.js';
-import './index-4107eaf8.js';
-import './theme-76f8a956.js';
-import { u as useTranslations } from './useTranslations-e5144e6e.js';
+import { c as CDN_ADDRESS } from './index-a7e0d85a.js';
+import { L as LOCALE } from './index-b2424c6f.js';
+import './index-6740a274.js';
+import './useMantineLocale-462d812a.js';
+import './index-795e1a8b.js';
+import './theme-309afe68.js';
+import { u as useTranslations } from './useTranslations-db55c5e4.js';
 import '@mantine/hooks';
-import './utils-e8172329.js';
-import { M as MAPPED_LOCALE } from './utils-6dbf1ed8.js';
+import './utils-16c6c685.js';
+import { M as MAPPED_LOCALE } from './utils-532c3593.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-ebeae557.js → index-152ef70e.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-06a7e40c.js';
+import { _ as __rest } from './tslib.es6-3b490352.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-73b09e19.js';
+import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-a33ec2cf.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-171ee08f.js → index-1564ae59.js}

@@ -1,46 +1,46 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-06a7e40c.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3b490352.js';
 import React__default, { useState, useMemo, useRef, Fragment, useEffect, useContext, useCallback } from 'react';
-import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-b52ebb2a.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-df0e48c5.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-76f8a956.js';
-import { T as Text } from './index-4107eaf8.js';
-import { C as CommonGAssets } from './index-f8973240.js';
-import { C as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-4be2fc3f.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-e3b660f1.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-ea224b33.js';
-import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-8e32c562.js';
-import { L as Logo } from './index-dd37fc9a.js';
-import { u as useTranslations } from './useTranslations-e5144e6e.js';
+import { t as theme } from './theme-309afe68.js';
+import { T as Text } from './index-795e1a8b.js';
+import { C as CommonGAssets } from './index-6740a274.js';
+import { C as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-a7e0d85a.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-d418e94f.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-db15a03b.js';
+import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-097db58e.js';
+import { L as Logo } from './index-2d3a521c.js';
+import { u as useTranslations } from './useTranslations-db55c5e4.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './index-afc112bb.js';
-import './useMantineLocale-a1436d01.js';
-import './translationsContext-194f1022.js';
+import { L as LOCALE } from './index-b2424c6f.js';
+import './useMantineLocale-462d812a.js';
+import './translationsContext-3a69ebe0.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-e8172329.js';
-import { L as LOCALISED_SLUGS } from './constants-dbda67d3.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-16c6c685.js';
+import { L as LOCALISED_SLUGS } from './constants-439644ed.js';
 import { User } from '@hhgtech/icons/core';
-import { s as setDefaultClass, k as domainLocalesMarryBaby } from './utils-2064243c.js';
-import { C as ChevronDown } from './ChevronDown-023a7e69.js';
+import { s as setDefaultClass, j as domainLocalesMarryBaby } from './utils-b07ce168.js';
+import { C as ChevronDown } from './ChevronDown-f25a7149.js';
 import { css } from '@emotion/react';
-import { B as Button } from './index-4f8fc24c.js';
-import { a as LOCALIZED_SLUGS } from './constants-73b09e19.js';
-import { H as Heading } from './index-79fa6d3f.js';
-import { I as Indicator$1 } from './index-1cecc02a.js';
-import { u as useIsInit } from './useIsInit-a688d245.js';
-import './index.styles-83ae8371.js';
-import './utils-3deb85b6.js';
-import './WhatsApp-4dbf3905.js';
-import './index.styled-711fb4be.js';
-import './index-a2a47a49.js';
+import { B as Button } from './index-25e2b9be.js';
+import { a as LOCALIZED_SLUGS } from './constants-a33ec2cf.js';
+import { H as Heading } from './index-aad700b6.js';
+import { I as Indicator$1 } from './index-29440a01.js';
+import { u as useIsInit } from './useIsInit-24eef195.js';
+import './index.styles-c6a94f7b.js';
+import './utils-deb2a0b9.js';
+import './WhatsApp-c97c6626.js';
+import './index.styled-31f9bc16.js';
+import './index-ca21951d.js';
 import '@hhgtech/icons/other';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-90a48f3e.js';
+import { C as Container } from './index-36b1829e.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-b0f9bdb4.js';
+import { g as getDataWithCache } from './core-c5c0134c.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -2934,13 +2934,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-7bdd0218.js').then((data) => {
+                import('./doctor-4c94a9bd.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-354aadc8.js').then((data) => {
+                import('./cart-e6a7574a.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-dd595d31.js → index-1cbc182d.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-06a7e40c.js';
+import { _ as __rest } from './tslib.es6-3b490352.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-4be2fc3f.js';
-import { L as LOCALE } from './index-afc112bb.js';
-import { C as CommonGAssets } from './index-f8973240.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-a1436d01.js';
+import { I as ISO_FORMAT } from './index-a7e0d85a.js';
+import { L as LOCALE } from './index-b2424c6f.js';
+import { C as CommonGAssets } from './index-6740a274.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-462d812a.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-4f8fc24c.js → index-25e2b9be.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-06a7e40c.js';
+import { _ as __rest } from './tslib.es6-3b490352.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-b52ebb2a.js';
+import { B as Button$1 } from './index-df0e48c5.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-1cecc02a.js → index-29440a01.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-06a7e40c.js';
+import { _ as __rest } from './tslib.es6-3b490352.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-76f8a956.js';
+import { t as theme } from './theme-309afe68.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);

package/build/esm/{index-dd37fc9a.js → index-2d3a521c.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './index-afc112bb.js';
-import { C as CommonGAssets } from './index-f8973240.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-3deb85b6.js';
-import { I as ImageWrap } from './index-b52ebb2a.js';
+import { L as LOCALE } from './index-b2424c6f.js';
+import { C as CommonGAssets } from './index-6740a274.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-deb2a0b9.js';
+import { I as ImageWrap } from './index-df0e48c5.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-7a70b705.js → index-3177a670.js}

@@ -1,30 +1,30 @@
 import React__default, { useRef, useEffect, useState, useMemo, createContext, useContext } from 'react';
 import { Portal, Box, Flex, rem, createStyles, Input, Chip, useMantineTheme, Switch } from '@mantine/core';
-import { t as toggleNoScroll, M as MediaQueries } from './utils-e8172329.js';
-import { w as StyledBackdrop, x as StyledDrawer, y as StyledDrawerPanel, z as StyledDrawerContent, A as StyledRadioImageGroup, B as StyledRadioImageItem, C as useStyles$b } from './index.styles-83ae8371.js';
-import { T as Text } from './index-4107eaf8.js';
-import { t as theme } from './theme-76f8a956.js';
-import { M as MarryBabyText } from './index-90686a8f.js';
-import { T as Text$1 } from './index-7d4b5d27.js';
-import { u as useScrollbarSize } from './useScrollbarSize-5c108221.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-16c6c685.js';
+import { w as StyledBackdrop, x as StyledDrawer, y as StyledDrawerPanel, z as StyledDrawerContent, A as StyledRadioImageGroup, B as StyledRadioImageItem, C as useStyles$b } from './index.styles-c6a94f7b.js';
+import { T as Text } from './index-795e1a8b.js';
+import { t as theme } from './theme-309afe68.js';
+import { M as MarryBabyText } from './index-f6b94804.js';
+import { T as Text$1 } from './index-55b1ad96.js';
+import { u as useScrollbarSize } from './useScrollbarSize-76505a29.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './utils-2064243c.js';
-import { _ as __rest } from './tslib.es6-06a7e40c.js';
+import { s as setDefaultClass } from './utils-b07ce168.js';
+import { _ as __rest } from './tslib.es6-3b490352.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { R as Radio, B as Button, c as Input$1 } from './index-b52ebb2a.js';
-import { C as CommonGAssets } from './index-f8973240.js';
-import './constants-73b09e19.js';
-import './index-afc112bb.js';
-import './utils-3deb85b6.js';
-import { D as DatePicker } from './index-dd595d31.js';
-import { u as useTranslations } from './useTranslations-e5144e6e.js';
+import { R as Radio, B as Button, c as Input$1 } from './index-df0e48c5.js';
+import { C as CommonGAssets } from './index-6740a274.js';
+import './constants-a33ec2cf.js';
+import './index-b2424c6f.js';
+import './utils-deb2a0b9.js';
+import { D as DatePicker } from './index-1cbc182d.js';
+import { u as useTranslations } from './useTranslations-db55c5e4.js';
 import '@mantine/hooks';
-import './useMantineLocale-a1436d01.js';
-import './index-4be2fc3f.js';
-import './WhatsApp-4dbf3905.js';
-import './index.styled-711fb4be.js';
-import './index-a2a47a49.js';
+import './useMantineLocale-462d812a.js';
+import './index-a7e0d85a.js';
+import './WhatsApp-c97c6626.js';
+import './index.styled-31f9bc16.js';
+import './index-ca21951d.js';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import '@mantine/dates';
 import flattenChildren from 'react-keyed-flatten-children';

package/build/esm/{index-7d4b5d27.js → index-55b1ad96.js}

@@ -1,18 +1,18 @@
-import { _ as __rest } from './tslib.es6-06a7e40c.js';
+import { _ as __rest } from './tslib.es6-3b490352.js';
 import React__default from 'react';
-import './index-b52ebb2a.js';
+import './index-df0e48c5.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-4be2fc3f.js';
-import './index-afc112bb.js';
-import './index-f8973240.js';
-import './useMantineLocale-a1436d01.js';
-import { T as Text$1 } from './index-4107eaf8.js';
-import './theme-76f8a956.js';
-import './translationsContext-194f1022.js';
+import './index-a7e0d85a.js';
+import './index-b2424c6f.js';
+import './index-6740a274.js';
+import './useMantineLocale-462d812a.js';
+import { T as Text$1 } from './index-795e1a8b.js';
+import './theme-309afe68.js';
+import './translationsContext-3a69ebe0.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-e8172329.js';
+import './utils-16c6c685.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-7c452b7c.js → index-604c41eb.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-06a7e40c.js';
+import { _ as __rest } from './tslib.es6-3b490352.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './index-afc112bb.js';
+import { L as LOCALE } from './index-b2424c6f.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-f8973240.js';
-import { t as theme } from './theme-76f8a956.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-b52ebb2a.js';
-import { T as Text } from './index-7d4b5d27.js';
+import { C as CommonGAssets } from './index-6740a274.js';
+import { t as theme } from './theme-309afe68.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-df0e48c5.js';
+import { T as Text } from './index-55b1ad96.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-f8973240.js → index-6740a274.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-4be2fc3f.js';
-import { i as isProduction } from './isProduction-6aee87b6.js';
+import { d as domainLocales } from './index-a7e0d85a.js';
+import { i as isProduction } from './isProduction-20fab039.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-9dbaa915.js → index-76329035.js}

@@ -1,10 +1,10 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from './index-a25ff46b.js';
-import { u as useTranslations } from './useTranslations-e5144e6e.js';
+import { I as Icon } from './index-070f4d8a.js';
+import { u as useTranslations } from './useTranslations-db55c5e4.js';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-76f8a956.js';
+import { t as theme } from './theme-309afe68.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-4107eaf8.js → index-795e1a8b.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-06a7e40c.js';
+import { _ as __rest } from './tslib.es6-3b490352.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-e8172329.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-16c6c685.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-4be2fc3f.js → index-a7e0d85a.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './index-afc112bb.js';
-import { i as isProduction } from './isProduction-6aee87b6.js';
+import { L as LOCALE } from './index-b2424c6f.js';
+import { i as isProduction } from './isProduction-20fab039.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-79fa6d3f.js → index-aad700b6.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-06a7e40c.js';
+import { _ as __rest } from './tslib.es6-3b490352.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-4107eaf8.js';
+import { T as Text } from './index-795e1a8b.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-9dd21be8.js → index-afba59e4.js}

@@ -1,13 +1,13 @@
 import React__default, { useState, useEffect, useMemo, useCallback } from 'react';
-import { t as StyledDivider, u as useStyles, v as StyledContainer } from './index.styles-83ae8371.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-06a7e40c.js';
-import { u as useTranslations } from './useTranslations-e5144e6e.js';
-import { B as Button } from './index-b52ebb2a.js';
-import { P as PATHS } from './paths-42cab3c6.js';
-import { a as LOCALIZED_SLUGS } from './constants-73b09e19.js';
-import { d as domainLocales } from './index-4be2fc3f.js';
-import { h as callApi, i as getCarePath } from './utils-2064243c.js';
-import { i as isProduction } from './isProduction-6aee87b6.js';
+import { t as StyledDivider, u as useStyles, v as StyledContainer } from './index.styles-c6a94f7b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3b490352.js';
+import { u as useTranslations } from './useTranslations-db55c5e4.js';
+import { B as Button } from './index-df0e48c5.js';
+import { P as PATHS } from './paths-739c4223.js';
+import { a as LOCALIZED_SLUGS } from './constants-a33ec2cf.js';
+import { d as domainLocales } from './index-a7e0d85a.js';
+import { h as callApi, i as getCarePath } from './utils-b07ce168.js';
+import { i as isProduction } from './isProduction-20fab039.js';
 
 /**
  * @deprecated Consider to use mantine

package/build/esm/{index-afc112bb.js → index-b2424c6f.js}

@@ -222,6 +222,8 @@ var SocialType;
     SocialType["LinkedIn"] = "linkedin";
     SocialType["Youtube"] = "youtube";
     SocialType["Tiktok"] = "tiktok";
+    SocialType["Telegram"] = "telegram";
+    SocialType["Viber"] = "viber";
 })(SocialType || (SocialType = {}));
 
 var index = /*#__PURE__*/Object.freeze({

package/build/esm/{index-eacc33ec.js → index-b509c476.js}

@@ -1,22 +1,22 @@
 import React__default from 'react';
-import { C as Container } from './index-90a48f3e.js';
+import { C as Container } from './index-36b1829e.js';
 import dayjs from 'dayjs';
-import { d as domainLocales } from './index-4be2fc3f.js';
-import { u as useScreenSize } from './index-b52ebb2a.js';
+import { d as domainLocales } from './index-a7e0d85a.js';
+import { u as useScreenSize } from './index-df0e48c5.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-afc112bb.js';
-import './index-f8973240.js';
-import './useMantineLocale-a1436d01.js';
-import { T as Text } from './index-4107eaf8.js';
-import { t as theme } from './theme-76f8a956.js';
-import './translationsContext-194f1022.js';
+import './index-b2424c6f.js';
+import './index-6740a274.js';
+import './useMantineLocale-462d812a.js';
+import { T as Text } from './index-795e1a8b.js';
+import { t as theme } from './theme-309afe68.js';
+import './translationsContext-3a69ebe0.js';
 import 'string-format';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-e8172329.js';
+import { M as MediaQueries } from './utils-16c6c685.js';
 import styled from '@emotion/styled';
-import { L as Logo } from './index-dd37fc9a.js';
-import { M as MarryBabyText } from './index-90686a8f.js';
+import { L as Logo } from './index-2d3a521c.js';
+import { M as MarryBabyText } from './index-f6b94804.js';
 
 const StyledFooter = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-5d5ca258.js → index-d8bea601.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-76f8a956.js';
+import { t as theme } from './theme-309afe68.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;

package/build/esm/{index-b52ebb2a.js → index-df0e48c5.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-06a7e40c.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3b490352.js';
 import * as React from 'react';
 import React__default, { useState, forwardRef, useEffect, Component, useCallback, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown, ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { em, createStyles, useMantineTheme, Button as Button$1, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, rem, Tabs as Tabs$1, ScrollArea, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-f8973240.js';
-import { B as Breakpoints } from './utils-e8172329.js';
+import { C as CommonGAssets } from './index-6740a274.js';
+import { B as Breakpoints } from './utils-16c6c685.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-4107eaf8.js';
-import { L as LOCALE } from './index-afc112bb.js';
-import { t as theme } from './theme-76f8a956.js';
-import { G as GlobalHeadingStyle } from './useMantineLocale-a1436d01.js';
-import { I as ISO_FORMAT, s as siteOptions } from './index-4be2fc3f.js';
+import { T as Text } from './index-795e1a8b.js';
+import { L as LOCALE } from './index-b2424c6f.js';
+import { t as theme } from './theme-309afe68.js';
+import { G as GlobalHeadingStyle } from './useMantineLocale-462d812a.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-a7e0d85a.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-71d3cf30.js';
+import { a as useUniqueId } from './useUniqueId-ead602bd.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const GlobalButtonStyle = {