@hhgtech/hhg-components 1.28.41 → 1.28.43

package/build/i18nV2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./translationsContext-8f763486.js"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(t);exports.TranslationsContext=e.TranslationsContext,exports.TranslationsProvider=({locale:r="en-PH",values:a,children:o})=>{const l=t.useMemo((()=>a?{locale:r,values:a}:null),[r,a]);return n.default.createElement(e.TranslationsContext.Provider,{value:l},o)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./translationsContext-ff61a492.js"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(t);exports.TranslationsContext=e.TranslationsContext,exports.TranslationsProvider=({locale:r="en-PH",values:a,children:o})=>{const l=t.useMemo((()=>a?{locale:r,values:a}:null),[r,a]);return n.default.createElement(e.TranslationsContext.Provider,{value:l},o)};

package/build/{index-be8bd1aa.js → index-05474ea8.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-a447d75e.js"),t=require("react"),l=require("@mantine/core"),a=require("@mantine/hooks"),r=require("./theme-c252ab3b.js"),n=require("./gAssets.js"),i=require("dayjs"),o=require("./Subot-6070090a.js"),s=require("./screenSizeContext-1a577828.js"),c=require("styled-components"),d=require("@mantine/carousel"),u=require("./index-b9a7f78c.js"),f=require("./index-5d9cc019.js");require("./isProduction-f6daa4d4.js");var h=require("classnames"),m=require("./useTranslations-7f12251c.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var E=p(t),C=g(t),b=p(i),v=p(c),L=p(h);const y=l=>{var{alt:a,backupSrc:r,src:n,placeholderSrc:i,style:o,ref:s}=l,c=e.__rest(l,["alt","backupSrc","src","placeholderSrc","style","ref"]);const[d,u]=t.useState(!1);return E.default.createElement(w,Object.assign({loading:"lazy",alt:a,onError:()=>!d&&u(!0),src:d?r||n:n||r,style:Object.assign(Object.assign({},i?{backgroundImage:`url(${i})`}:{}),o),"data-has-placeholder":!!i,ref:s},c))},w=v.default.img`
+"use strict";var e=require("./tslib.es6-bc58e7e5.js"),t=require("react"),l=require("@mantine/core"),a=require("@mantine/hooks"),r=require("./theme-79d3f26f.js"),n=require("./gAssets.js"),i=require("dayjs"),o=require("./Subot-a5b86b08.js"),s=require("./screenSizeContext-7e9237ac.js"),c=require("styled-components"),d=require("@mantine/carousel"),u=require("./index-132b26af.js"),f=require("./index-4836150c.js");require("./isProduction-5d1cbb0a.js");var h=require("classnames"),m=require("./useTranslations-cab885cb.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var E=p(t),C=g(t),b=p(i),v=p(c),L=p(h);const y=l=>{var{alt:a,backupSrc:r,src:n,placeholderSrc:i,style:o,ref:s}=l,c=e.__rest(l,["alt","backupSrc","src","placeholderSrc","style","ref"]);const[d,u]=t.useState(!1);return E.default.createElement(w,Object.assign({loading:"lazy",alt:a,onError:()=>!d&&u(!0),src:d?r||n:n||r,style:Object.assign(Object.assign({},i?{backgroundImage:`url(${i})`}:{}),o),"data-has-placeholder":!!i,ref:s},c))},w=v.default.img`
   &[data-has-placeholder='true'] {
     background-position: center;
     background-repeat: no-repeat;

package/build/{index-aeb0ae12.js → index-08dc9287.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("./useScrollbarSize-af06cacb.js"),d=require("react-dom"),a=require("./index-19ab75f5.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(e);const c="hhg-modals",r=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},n=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))};exports.Modal=({type:l="lead",closeIcon:s,isOpen:u=!0,onClose:i,children:m,className:h="",animationType:p="slideTop",isStaticBackdrop:f=!1,siteType:y})=>{const[b,g]=e.useState(!1),v=e.useRef(null),{width:E}=t.useScrollbarSize();if(!v.current&&b&&(v.current=document.createElement("div")),e.useEffect((()=>(g(!0),()=>{g(!1),r(),n()})),[]),e.useEffect((()=>{if(b){const e=(()=>{let e=document.getElementById(c);return e||(e=document.createElement("div"),e.setAttribute("id",c),document.body.append(e)),e})();return e.appendChild(v.current),()=>{e.removeChild(v.current)}}}),[b]),e.useEffect((()=>{u?document.body.classList.add("hhc-modal-show"):r()}),[u]),e.useEffect((()=>{u?(document.body.style.overflow="hidden",document.body.style.paddingRight=E+"px",document.body.classList.add("hhc-disabled-scroll")):n()}),[u,E]),!b)return null;const S=["hhg-modal__wrapper",h,p].filter((e=>e)).join(" ");return d.createPortal(o.default.createElement(a.StyledModalWrapper,{className:S,"data-open":u,"data-type":l},!f&&o.default.createElement(a.StyledModalMask,{"data-open":u,onClick:i,"data-type":l}),!f&&"video"===l&&!!s&&o.default.createElement("div",{className:"hhg-modal__close",onClick:i},s),o.default.createElement(a.StyledModal,{className:"hhg-modal","data-open":u,"data-site-type":y},o.default.createElement("div",{className:"video"===l?"hhg-modal__video":"hhg-modal__content"},!!s&&"video"!==l&&o.default.createElement("div",{className:"hhg-modal__close",onClick:i},s),m))),v.current)};
+"use strict";var e=require("react"),t=require("./useScrollbarSize-7efd8901.js"),d=require("react-dom"),a=require("./index-5974dfa0.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(e);const c="hhg-modals",r=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},n=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))};exports.Modal=({type:l="lead",closeIcon:s,isOpen:u=!0,onClose:i,children:m,className:h="",animationType:p="slideTop",isStaticBackdrop:f=!1,siteType:y})=>{const[g,v]=e.useState(!1),b=e.useRef(null),{width:E}=t.useScrollbarSize();if(!b.current&&g&&(b.current=document.createElement("div")),e.useEffect((()=>(v(!0),()=>{v(!1),r(),n()})),[]),e.useEffect((()=>{if(g){const e=(()=>{let e=document.getElementById(c);return e||(e=document.createElement("div"),e.setAttribute("id",c),document.body.append(e)),e})();return e.appendChild(b.current),()=>{e.removeChild(b.current)}}}),[g]),e.useEffect((()=>{u?document.body.classList.add("hhc-modal-show"):r()}),[u]),e.useEffect((()=>{u?(document.body.style.overflow="hidden",document.body.style.paddingRight=E+"px",document.body.classList.add("hhc-disabled-scroll")):n()}),[u,E]),!g)return null;const S=["hhg-modal__wrapper",h,p].filter((e=>e)).join(" ");return d.createPortal(o.default.createElement(a.StyledModalWrapper,{className:S,"data-open":u,"data-type":l},!f&&o.default.createElement(a.StyledModalMask,{"data-open":u,onClick:i,"data-type":l}),!f&&"video"===l&&!!s&&o.default.createElement("div",{className:"hhg-modal__close",onClick:i},s),o.default.createElement(a.StyledModal,{className:"hhg-modal","data-open":u,"data-site-type":y},o.default.createElement("div",{className:"video"===l?"hhg-modal__video":"hhg-modal__content"},!!s&&"video"!==l&&o.default.createElement("div",{className:"hhg-modal__close",onClick:i},s),m))),b.current)};

package/build/index-0a3025ff.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),a=require("./Subot-a5b86b08.js"),t=require("./gAssets.js"),s=require("./utils-2fcd1a59.js"),l=require("./index-05474ea8.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e);exports.Logo=({type:o,className:r,style:g,isLightLogo:m,customSize:i,badge:u,locale:d,dateForSeasonal:c,isPro:f})=>{const[h,N]=e.useState({isChristmas:!1,isLunarNewYear:!1,isNewYear:!1,isRamadan:!1,isVNHungKing:!1,isVN3004:!1,isLabourDay:!1});return e.useEffect((()=>{if(!c||isNaN(new Date(c).getTime()))return;const e=new Date(c),t=s.isChristmas(e),l=s.LunarNewYearLocale.includes(d)&&s.isLunarNewYear(e),o=!l&&s.isNewYear(e),n=s.isRamadan(e),r=d===a.LOCALE.Vietnam&&s.isVNHungKing(e),g=d===a.LOCALE.Vietnam&&s.isVN3004(e),m=d===a.LOCALE.Vietnam&&s.isLabourDay(e);N({isChristmas:t,isLunarNewYear:l,isNewYear:o,isRamadan:n,isVNHungKing:r,isVN3004:g,isLabourDay:m})}),[d,new Date(c).getDate()]),n.default.createElement(s.StyledLogo,{className:r,style:g,"data-logo-is-light":m||void 0,"data-has-badge":!!u,"data-seasonal":h.isRamadan?"ramadan":h.isChristmas?"christmas":h.isLunarNewYear?"lunar-new-year":h.isNewYear?"new-year":h.isVNHungKing?"hung-king":h.isVN3004?"30-04":h.isLabourDay?"labour-day":void 0,"data-type":o},h.isChristmas?n.default.createElement(n.default.Fragment,null,n.default.createElement(l.ImageWrap,{alt:"left xmas logo",src:t.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),n.default.createElement(l.ImageWrap,{alt:"right xmas logo",src:t.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):h.isNewYear?n.default.createElement(n.default.Fragment,null,n.default.createElement(l.ImageWrap,{alt:"left new year logo",src:t.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),n.default.createElement(l.ImageWrap,{alt:"right new year logo",src:t.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):h.isLunarNewYear?n.default.createElement(n.default.Fragment,null,n.default.createElement(l.ImageWrap,{alt:"left lunar new year logo",loading:"lazy",src:t.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),n.default.createElement(l.ImageWrap,{alt:"right lunar new year logo",loading:"lazy",src:t.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):h.isRamadan&&"hellosehat"===o?n.default.createElement(n.default.Fragment,null,n.default.createElement(l.ImageWrap,{alt:"left ramadan logo",loading:"lazy",src:t.CommonGAssets.getAssetPath("logo/ramadan-sehat-left.png"),className:"common-logo-seasonal-left"}),n.default.createElement(l.ImageWrap,{alt:"right ramadan logo",loading:"lazy",src:t.CommonGAssets.getAssetPath("logo/ramadan-sehat-right.png"),className:"common-logo-seasonal-right"})):h.isRamadan&&"hellodoktor"===o?n.default.createElement(n.default.Fragment,null,n.default.createElement(l.ImageWrap,{alt:"left ramadan logo",loading:"lazy",src:t.CommonGAssets.getAssetPath("logo/ramadan-doktor-left.png"),className:"common-logo-seasonal-left"}),n.default.createElement(l.ImageWrap,{alt:"right ramadan logo",loading:"lazy",src:t.CommonGAssets.getAssetPath("logo/ramadan-doktor-right.png"),className:"common-logo-seasonal-right"})):!h.isVNHungKing||"hellobacsi"!==o&&"marryBaby"!==o?null:n.default.createElement(n.default.Fragment,null,n.default.createElement(l.ImageWrap,{alt:"Hung King logo",loading:"lazy",src:t.CommonGAssets.getAssetPath("logo/hung-king-bg.png"),className:"common-logo-seasonal-left"})),n.default.createElement(s.LogoIcon,{type:o,width:null==i?void 0:i.width,height:null==i?void 0:i.height}),f?n.default.createElement(s.StyledProLogo,{src:t.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,u)};

package/build/{index-95cd2806.js → index-12d029f5.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),t=require("./index-b9a7f78c.js"),a=require("./useTranslations-7f12251c.js");require("lodash/debounce"),require("./isProduction-f6daa4d4.js"),require("./index-5d9cc019.js"),require("./useCategory-eea8836a.js");var r=require("@mantine/core"),i=require("dayjs"),o=require("./screenSizeContext-1a577828.js"),n=require("styled-components"),l=require("./theme-c252ab3b.js"),d=require("./Subot-6070090a.js"),s=require("./gAssets.js"),p=require("./index-bb56ac1b.js"),c=require("./index-dd2f12d8.js"),m=require("./index.styles-d3b67125.js"),u=require("./index-a25f5546.js"),g=require("./tslib.es6-a447d75e.js"),h=require("./index-be8bd1aa.js");require("@mantine/dates"),require("./translationsContext-8f763486.js"),require("string-format"),require("@mantine/hooks");var f=require("@hookform/resolvers/yup"),x=require("react-hook-form"),b=require("./index-19ab75f5.js"),y=require("./constants-d67df371.js"),v=require("./index.styled-44a88d2d.js"),w=require("date-fns");require("@linaria/react"),require("./utils-00a7b97a.js");var k=require("./index-e2e01405.js"),E=require("./index-f7640569.js");require("./index-f2286b64.js");var C=require("./types-51f2e864.js"),D=require("react-day-picker/DayPickerInput");function $(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var S=$(e),B=$(i),z=$(n),M=$(D),T="tliWyii";const P=e.memo((()=>S.default.createElement("div",{className:"shoppable"},S.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},S.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),S.default.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),I=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>S.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},S.default.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),N=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>S.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},S.default.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"}))));var A=r.createStyles(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const j=z.default.a`
+"use strict";var e=require("react"),t=require("./index-132b26af.js"),a=require("./useTranslations-cab885cb.js");require("lodash/debounce"),require("./isProduction-5d1cbb0a.js"),require("./index-4836150c.js"),require("./useCategory-1c956018.js");var r=require("@mantine/core"),i=require("dayjs"),o=require("./screenSizeContext-7e9237ac.js"),n=require("styled-components"),l=require("./theme-79d3f26f.js"),d=require("./Subot-a5b86b08.js"),s=require("./gAssets.js"),p=require("./index-0a3025ff.js"),c=require("./index-fb1b5177.js"),m=require("./index.styles-6cd2c3c7.js"),u=require("./index-2f52dff0.js"),g=require("./tslib.es6-bc58e7e5.js"),h=require("./index-05474ea8.js");require("@mantine/dates"),require("./translationsContext-ff61a492.js"),require("string-format"),require("@mantine/hooks");var f=require("@hookform/resolvers/yup"),x=require("react-hook-form"),b=require("./index-5974dfa0.js"),y=require("./constants-9ff7fa1b.js"),v=require("./index.styled-d477af69.js"),w=require("date-fns");require("./utils-2fcd1a59.js");var k=require("./index-84d90e92.js"),E=require("./index-bde6d592.js");require("./index-07ea09ec.js");var C=require("./types-f4a7d6cb.js"),D=require("react-day-picker/DayPickerInput");function $(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var S=$(e),B=$(i),z=$(n),M=$(D),T="tliWyii";const P=e.memo((()=>S.default.createElement("div",{className:"shoppable"},S.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},S.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),S.default.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),I=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>S.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},S.default.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),N=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>S.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},S.default.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"}))));var A=r.createStyles(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const j=z.default.a`
   display: flex;
   height: 125px;
 
@@ -1728,7 +1728,7 @@
   a {
     text-decoration: none;
   }
-`;const Ve=e=>{var{badgeAmount:a,disabled:r=!1,hasBadge:i=!1,icon:o,isActive:n=!1,isSpecial:d=!1,label:s}=e,p=g.__rest(e,["badgeAmount","disabled","hasBadge","icon","isActive","isSpecial","label"]);return S.default.createElement(He,Object.assign({"data-is-special":d,"data-is-active":n,"data-is-disabled":r},p),S.default.createElement("div",{className:"mobile-navigation-icon","data-no-label":!Boolean(s)},i&&S.default.createElement(We,{"data-no-label":!Boolean(s)},S.default.createElement(t.Text,{size:"s5",weight:"semiBold",color:d?l.theme.colors.primaryBase:l.theme.colors.white},a)),o),s&&S.default.createElement("span",{className:"mobile-navigation-label"},s))},Ye=e=>{var{children:t,on:a="",isCollapsed:r=!1,template:i="homepage"}=e,o=g.__rest(e,["children","on","isCollapsed","template"]);return S.default.createElement(qe,Object.assign({on:a,"data-is-collapsed":r,"data-template":i},o),t)};Ye.Icon=Ve;const Ze=z.default.div`
+`;const Ve=e=>{var{badgeAmount:a,disabled:r=!1,hasBadge:i=!1,icon:o,isActive:n=!1,isSpecial:d=!1,label:s}=e,p=g.__rest(e,["badgeAmount","disabled","hasBadge","icon","isActive","isSpecial","label"]);return S.default.createElement(He,Object.assign({"data-is-special":d,"data-is-active":n,"data-is-disabled":r},p),S.default.createElement("div",{className:"mobile-navigation-icon","data-no-label":!Boolean(s)},i&&S.default.createElement(We,{"data-no-label":!Boolean(s)},S.default.createElement(t.Text,{size:"s5",weight:"semiBold",color:d?l.theme.colors.primaryBase:l.theme.colors.white},a)),o),s&&S.default.createElement("span",{className:"mobile-navigation-label"},s))},Ye=e=>{var{children:t,isCollapsed:a=!1,template:r="homepage"}=e,i=g.__rest(e,["children","isCollapsed","template"]);return S.default.createElement(qe,Object.assign({"data-is-collapsed":a,"data-template":r},i),t)};Ye.Icon=Ve;const Ze=z.default.div`
   position: relative;
   width: 100%;
   height: 100%;