@hhgtech/hhg-components 1.28.41 → 1.28.43

package/build/esm/{index.styled-886c957e.js → index.styled-9ba7adb1.js}

@@ -1,4 +1,4 @@
-import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import i,{useMemo as o,useEffect as a,memo as n,useContext as r}from"react";import p,{css as l}from"styled-components";import{t as d}from"./theme-57e98706.js";import{C as s,c as g,T as c,E as x,d as m}from"./index-27df5763.js";import"./isProduction-f464a698.js";import"./Subot-36ac5f94.js";import"./gAssets.js";import{createStyles as h,rem as b}from"@mantine/core";import{L as f,a8 as u}from"./index.styles-874ee5cd.js";import{_ as y}from"./tslib.es6-98b62e2b.js";import{g as w,a as v,b as $,c as k}from"./routing-be087f5b.js";import D from"dayjs/plugin/relativeTime";import{U as z}from"./index-8b7c8eb1.js";const B=p.a`
+import e from"dayjs";import{M as t}from"./screenSizeContext-e682ed0e.js";import i,{useMemo as o,useEffect as a,memo as n,useContext as r}from"react";import p,{css as d}from"styled-components";import{t as l}from"./theme-02c77f4e.js";import{C as s,c as g,T as c,E as x,d as m}from"./index-07cfe51c.js";import"./isProduction-7160e35b.js";import"./Subot-e2d168f6.js";import"./gAssets.js";import{createStyles as h,rem as f}from"@mantine/core";import{Q as b,ac as u}from"./index.styles-1daf0862.js";import{_ as y}from"./tslib.es6-dea2bd5b.js";import{g as w,a as v,b as $,c as k}from"./routing-f971bd88.js";import D from"dayjs/plugin/relativeTime";import{U as z}from"./index-79c5e9e2.js";const B=p.a`
   display: inline-flex;
   position: relative;
   flex-direction: row;
@@ -6,11 +6,11 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   padding: 7px 11px;
   gap: 2px;
 
-  background: ${d.colors.white};
-  border: 1px solid ${d.colors.neutral100};
+  background: ${l.colors.white};
+  border: 1px solid ${l.colors.neutral100};
   border-radius: 20px;
 
-  color: ${d.colors.gray600};
+  color: ${l.colors.gray600};
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
@@ -57,7 +57,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   justify-content: space-between;
 
   padding: 0 16px;
-  border-radius: ${d.borderRadius};
+  border-radius: ${l.borderRadius};
   cursor: pointer;
 
   .check-icon {
@@ -65,7 +65,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
     height: 16px;
   }
   &[data-selected='false'] {
-    background-color: ${d.colors.gray100};
+    background-color: ${l.colors.gray100};
   }
 `,T=p.div`
   position: fixed;
@@ -75,9 +75,9 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   width: 100%;
   height: 100%;
   cursor: default;
-`;var _=h((()=>({root:{textDecoration:"none"},indicatorRoot:{marginRight:b(10)},iconText:{color:"#fff"}})));const P=p.div`
+`;var _=h((()=>({root:{textDecoration:"none"},indicatorRoot:{marginRight:f(10)},iconText:{color:"#fff"}})));const P=p.div`
   ${e=>`\n    ${0!==e.lowerBound?`@media (max-width: ${e.lowerBound-1}px) { display: none; }`:""}\n    ${0!==e.upperBound?`@media (min-width: ${e.upperBound}px) { display: none; }`:""}\n  `}
-`,R="hhgcomp-navprofilebutton-popup",S=f(p.div`
+`,R="hhgcomp-navprofilebutton-popup",S=b(p.div`
   position: absolute;
   right: 0;
   transition: all 0.5s ease-in-out;
@@ -116,7 +116,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
     left: 0;
     width: 100%;
   }
-`,R),O="hhgcomp-navprofilebutton-popupwrapper";f(p.div`
+`,R),O="hhgcomp-navprofilebutton-popupwrapper";b(p.div`
   position: fixed;
   z-index: 150;
   top: var(--header-bottom, 56px);
@@ -165,7 +165,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
     display: flex;
     align-items: center;
     justify-content: center;
-    background-color: ${d.colors.secondaryBase};
+    background-color: ${l.colors.secondaryBase};
     border-radius: 50%;
     color: white;
     font-size: 20px;
@@ -229,7 +229,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   border-radius: 16px;
   background-color: white;
   hr {
-    border-color: ${d.colors.neutral100};
+    border-color: ${l.colors.neutral100};
     border-bottom-width: 0px;
     border-style: solid;
   }
@@ -237,14 +237,14 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
     background-color: white;
     border-radius: 8px;
   }
-`,L=p.div`
+`,G=p.div`
   display: block;
   border: 1px solid transparent;
   transition: all 300ms linear;
   cursor: pointer;
   position: relative;
 
-  ${e=>e.hasSubmenu&&l`
+  ${e=>e.hasSubmenu&&d`
       cursor: pointer;
     `}
 
@@ -261,17 +261,17 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
       margin-top: 0;
     }
     .nav-menu-item:last-child {
-      border-bottom-color: ${d.colors.neutral100};
+      border-bottom-color: ${l.colors.neutral100};
     }
   }
   .nav-menu-item {
-    background-color: ${d.colors.neutral50};
+    background-color: ${l.colors.neutral50};
   }
 
   .nav-menu-item {
     padding-left: 38px;
   }
-`,G=p.div`
+`,L=p.div`
   display: flex;
   align-items: center;
   height: 48px;
@@ -280,16 +280,16 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   border-radius: 8px;
 
   &:hover {
-    background-color: ${d.colors.neutral150};
+    background-color: ${l.colors.neutral150};
   }
   &[data-active='true'] {
-    background-color: ${d.colors.blue50};
+    background-color: ${l.colors.blue50};
   }
 `,I=p.div`
   margin-left: auto;
 
   svg {
-    fill: ${d.colors.gray600};
+    fill: ${l.colors.gray600};
     transition: transform 300ms;
   }
 
@@ -323,7 +323,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
 
   h2 {
     margin-top: 32px;
-    color: ${d.colors.gray800};
+    color: ${l.colors.gray800};
     font-style: normal;
     font-weight: bold;
     ${t.mbDown} {
@@ -339,7 +339,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
 
   p {
     margin-top: 8px;
-    color: ${d.colors.gray600};
+    color: ${l.colors.gray600};
     font-style: normal;
     font-weight: normal;
     ${t.mbDown} {
@@ -369,7 +369,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   }
 
   ${e=>"marryBaby"===e.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""}
-`,V=i.createContext({}),q=e=>{var{children:t}=e,n=y(e,["children"]);const[r,p]=i.useState((()=>n.currentUrl||`https://${"marryBaby"===n.siteType?u[n.locale||"en-PH"]:m[n.locale||"en-PH"]}${"together"===n.projectType?"/community":"ecom"===n.projectType?"/ecom":"care"===n.projectType?"/care":""}/`));a((()=>{const e=()=>{p(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const l=(({locale:e,projectType:t,isMobile:i,siteType:a,enableBookingBtn:n})=>o((()=>{const o=!(!i&&"profile"===t),r="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===a,p="marryBaby"!==a&&"marryBaby"!==t&&s.includes(e),l=n&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&g.includes(e),d="marryBaby"===t||c.includes(e),m="marryBaby"!==a&&x.includes(e),h="marryBaby"!==a&&x.includes(e);let b=w(e,"marryBaby"===a);"undefined"!=typeof window&&(b.includes("//id.")&&(b=b.replace("id.","")),b.includes("//staging-id.")&&(b=b.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:o,enableSearchBar:r,enableNavCare:p,enableNavCareBooking:l,enableNavTogether:d,enableNavEcom:m,enableProfileEcom:h,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:b,CARE_URL_FE:`${b}/care`,TOGETHER_URL_FE:`${b}/community`,SSO_URL:v(e,"marryBaby"===a),TOGETHER_API:$(),DISCOVER_API:k(e)}}}),[e,t,i]))({locale:n.locale,projectType:n.projectType,isMobile:n.isMobile,siteType:n.siteType,enableBookingBtn:n.enableBookingBtn});return i.createElement(V.Provider,{value:Object.assign(Object.assign({},n),{configs:Object.assign(Object.assign({},l),n.configs),currentUrl:n.currentUrl||r})},t)},J=p.div`
+`,Q=i.createContext({}),V=e=>{var{children:t}=e,n=y(e,["children"]);const[r,p]=i.useState((()=>n.currentUrl||`https://${"marryBaby"===n.siteType?u[n.locale||"en-PH"]:m[n.locale||"en-PH"]}${"together"===n.projectType?"/community":"ecom"===n.projectType?"/ecom":"care"===n.projectType?"/care":""}/`));a((()=>{const e=()=>{p(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const d=(({locale:e,projectType:t,isMobile:i,siteType:a,enableBookingBtn:n})=>o((()=>{const o=!(!i&&"profile"===t),r="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===a,p="marryBaby"!==a&&"marryBaby"!==t&&s.includes(e),d=n&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&g.includes(e),l="marryBaby"===t||c.includes(e),m="marryBaby"!==a&&x.includes(e),h="marryBaby"!==a&&x.includes(e);let f=w(e,"marryBaby"===a);"undefined"!=typeof window&&(f.includes("//id.")&&(f=f.replace("id.","")),f.includes("//staging-id.")&&(f=f.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:o,enableSearchBar:r,enableNavCare:p,enableNavCareBooking:d,enableNavTogether:l,enableNavEcom:m,enableProfileEcom:h,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:f,CARE_URL_FE:`${f}/care`,TOGETHER_URL_FE:`${f}/community`,SSO_URL:v(e,"marryBaby"===a),TOGETHER_API:$(),DISCOVER_API:k(e)}}}),[e,t,i]))({locale:n.locale,projectType:n.projectType,isMobile:n.isMobile,siteType:n.siteType,enableBookingBtn:n.enableBookingBtn});return i.createElement(Q.Provider,{value:Object.assign(Object.assign({},n),{configs:Object.assign(Object.assign({},d),n.configs),currentUrl:n.currentUrl||r})},t)},q=p.div`
   position: fixed;
   z-index: 201;
   top: calc(100% + 1px);
@@ -385,7 +385,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   .hhgcomp-navigation-popupwrapper-menuwrapper {
     position: unset;
   }
-`,K=p.div`
+`,J=p.div`
   padding: 16px;
   padding-bottom: 12px;
   .fake-search-input {
@@ -398,12 +398,12 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   }
   &[data-theme='marryBaby'] {
     input {
-      background: ${d.mbColors.lightGray};
+      background: ${l.mbColors.lightGray};
       border-radius: 16px;
       border: none;
     }
   }
-`,Q=p.div`
+`,K=p.div`
   display: block;
   overflow-y: auto;
   flex: 1;
@@ -427,7 +427,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   display: flex;
   align-items: center;
   text-decoration: none;
-  color: ${d.colors.gray800};
+  color: ${l.colors.gray800};
   * {
     pointer-events: none;
   }
@@ -440,16 +440,16 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   &[data-theme='marryBaby']:hover,
   &[data-theme='marryBaby'][data-active='true'] {
     p {
-      color: ${d.mbColors.pink};
+      color: ${l.mbColors.pink};
     }
     .icon {
-      background-color: ${d.mbColors.lightPink};
+      background-color: ${l.mbColors.lightPink};
     }
   }
   &[data-theme='helloSites']:hover,
   &[data-theme='helloSites'][data-active='true'] {
     p {
-      color: ${d.colors.primaryActive};
+      color: ${l.colors.primaryActive};
     }
   }
   a {
@@ -464,7 +464,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
       width: 100%;
       height: 40px;
       border-radius: 50%;
-      background-color: ${d.mbColors.lightGray};
+      background-color: ${l.mbColors.lightGray};
       img {
         border-radius: 50%;
       }
@@ -485,9 +485,9 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
 `,oe=p.div`
   display: flex;
   align-items: center;
-  color: ${d.colors.primaryBase};
-  font-size: ${d.sizes.fsParagraph4};
-  font-weight: ${d.sizes.fwBold};
+  color: ${l.colors.primaryBase};
+  font-size: ${l.sizes.fsParagraph4};
+  font-weight: ${l.sizes.fwBold};
   line-height: 24px;
   font-size: 14px;
   font-weight: 600;
@@ -495,19 +495,19 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
     pointer-events: none;
   }
   &[data-theme='marryBaby'] {
-    color: ${d.mbColors.pink};
+    color: ${l.mbColors.pink};
   }
 `,ae=p.div`
   display: flex;
   align-items: center;
   margin-left: 10px;
 `,ne=p.a`
-  border: 1px solid ${d.colors.primaryBase};
+  border: 1px solid ${l.colors.primaryBase};
   &[data-theme='marryBaby'] {
-    border: 1px solid ${d.mbColors.pink};
+    border: 1px solid ${l.mbColors.pink};
 
     svg path {
-      stroke: ${d.mbColors.pink};
+      stroke: ${l.mbColors.pink};
     }
   }
   position: relative;
@@ -560,16 +560,16 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   ${t.mbDown} {
     width: 80px;
   }
-`,le=p.div`
+`,de=p.div`
   background-color: #ffffff;
   border-radius: 4px;
   width: 100%;
   height: 100%;
-`,de=p.div`
+`,le=p.div`
   display: flex;
   margin-top: 1rem;
   align-items: center;
-  color: ${d.colors.primaryBase};
+  color: ${l.colors.primaryBase};
   font-weight: 400;
   font-size: 14px;
   text-decoration: none;
@@ -580,7 +580,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   font-size: 16px;
   font-weight: 600;
   line-height: 1.6;
-  color: ${d.colors.gray800};
+  color: ${l.colors.gray800};
   ${t.tdDown} {
     padding: 0;
   }
@@ -588,7 +588,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   font-size: 14px;
   line-height: 1.6;
   font-weight: 400;
-  color: ${d.colors.gray600};
+  color: ${l.colors.gray600};
   height: 40px;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -600,7 +600,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
     height: unset;
     padding: 0;
   }
-`,ce="hhgcomp-navigation-menucareitem-contentwrapper",xe=f(p.div`
+`,ce="hhgcomp-navigation-menucareitem-contentwrapper",xe=b(p.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -612,7 +612,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
 `,ce),me=p.a`
   text-decoration: none;
   border-radius: 4px;
-  background: ${d.colors.white};
+  background: ${l.colors.white};
   position: relative;
   overflow: hidden;
   padding: 16px;
@@ -660,7 +660,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
     }
   }
   ${t.tdOnly} {
-    border: 1px solid ${d.colors.neutral100};
+    border: 1px solid ${l.colors.neutral100};
   }
   .bg-svg {
     width: 100%;
@@ -703,13 +703,13 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
     grid-gap: 10px;
     grid-template-columns: 1fr 3fr;
   }
-`,be=p.div`
+`,fe=p.div`
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
-  color: ${d.colors.gray600};
+  color: ${l.colors.gray600};
   margin-bottom: 15px;
-`,fe=p.div`
+`,be=p.div`
   font-weight: 600;
   font-size: 16px;
   line-height: 26px;
@@ -743,7 +743,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
       left: 0;
       width: 100%;
       height: 4px;
-      background-color: ${d.colors.neutral100};
+      background-color: ${l.colors.neutral100};
       content: '';
     }
   }
@@ -757,9 +757,9 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   text-decoration: none;
   font-weight: 400;
   font-size: 14px;
-  color: ${d.colors.primaryBase};
+  color: ${l.colors.primaryBase};
   &[data-theme='marryBaby'] {
-    color: ${d.mbColors.pink};
+    color: ${l.mbColors.pink};
   }
   img {
     padding-left: 5px;
@@ -810,7 +810,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   font-weight: 400;
   padding: 4px 15px;
   line-height: 1.4;
-  color: ${d.colors.gray800};
+  color: ${l.colors.gray800};
   flex: 1;
   ${t.tdUp} {
     display: none;
@@ -837,7 +837,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
 `,Ue=p.div`
   font-size: 12px;
   font-weight: 600;
-  color: ${d.colors.gray800};
+  color: ${l.colors.gray800};
   text-decoration: none;
   &[data-theme='marryBaby'] {
     font-weight: 400;
@@ -847,7 +847,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   text-decoration: none;
   font-size: 12px;
   font-weight: 400;
-  color: ${d.colors.primaryBase};
+  color: ${l.colors.primaryBase};
   &[data-theme='marryBaby'] {
     font-weight: 400;
     letter-spacing: -0.2px;
@@ -855,11 +855,11 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
 `,_e=p.div`
   font-size: 12px;
   font-weight: 400;
-  color: ${d.colors.gray600};
+  color: ${l.colors.gray600};
 `,Pe=p.div`
   font-size: 12px;
   font-weight: 400;
-  color: ${d.colors.gray600};
+  color: ${l.colors.gray600};
 `,Re=p.a`
   display: flex;
   gap: 10px;
@@ -870,7 +870,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
     display: block;
     width: 100%;
     height: 1px;
-    border-top: 1px dashed ${d.colors.neutral100};
+    border-top: 1px dashed ${l.colors.neutral100};
     position: absolute;
     bottom: -24px;
     ${t.tdOnly} {
@@ -901,7 +901,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   margin-top: 8px;
   font-size: 16px;
   font-weight: 600;
-  color: ${d.colors.gray800};
+  color: ${l.colors.gray800};
   &[data-theme='marryBaby'] {
     margin-top: 12px;
     font-weight: 400;
@@ -918,7 +918,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   display: flex;
   gap: 4px;
   flex-direction: column;
-`;e.extend(D);const Ae=({post:t,index:o=0})=>{var a,n,p,l,d,s,g;const{siteType:c,configs:{statics:x}}=r(V);if(!t)return null;const m=[x.TOGETHER_URL_FE,null===(a=t.community)||void 0===a?void 0:a.slug].join("/"),h=[m,t.slug].join("/"),b=t.createdAt,f=b?isNaN(new Date(b).getTime())?null:new Date(b):null,u=f?e(f).toNow(!0):b;return i.createElement(Re,{href:h,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${o+1}`,"data-event-label":h},i.createElement(je,null,i.createElement(Se,null,i.createElement(z,{avatar:null===(n=t.author)||void 0===n?void 0:n.avatar,username:(null===(p=t.author)||void 0===p?void 0:p.name)||(null===(l=t.author)||void 0===l?void 0:l.username)}),i.createElement(Me,null,i.createElement(Ue,{"data-theme":c},null===(d=t.author)||void 0===d?void 0:d.name),i.createElement(Ne,null,i.createElement(Te,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${o+1}`,"data-event-label":m,onClick:e=>{e.preventDefault(),location.href=m},"data-theme":c},null===(s=t.community)||void 0===s?void 0:s.name),i.createElement(Pe,null,"•"),i.createElement(_e,{"data-theme":c},u)))),i.createElement(Oe,null,t.title)),!!(null===(g=t.photos)||void 0===g?void 0:g.length)&&i.createElement(Ee,{loading:"lazy",src:t.photos[0]}))},He=p.div`
+`;e.extend(D);const Ae=({post:t,index:o=0})=>{var a,n,p,d,l,s,g;const{siteType:c,configs:{statics:x}}=r(Q);if(!t)return null;const m=[x.TOGETHER_URL_FE,null===(a=t.community)||void 0===a?void 0:a.slug].join("/"),h=[m,t.slug].join("/"),f=t.createdAt,b=f?isNaN(new Date(f).getTime())?null:new Date(f):null,u=b?e(b).toNow(!0):f;return i.createElement(Re,{href:h,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${o+1}`,"data-event-label":h},i.createElement(je,null,i.createElement(Se,null,i.createElement(z,{avatar:null===(n=t.author)||void 0===n?void 0:n.avatar,username:(null===(p=t.author)||void 0===p?void 0:p.name)||(null===(d=t.author)||void 0===d?void 0:d.username)}),i.createElement(Me,null,i.createElement(Ue,{"data-theme":c},null===(l=t.author)||void 0===l?void 0:l.name),i.createElement(Ne,null,i.createElement(Te,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${o+1}`,"data-event-label":m,onClick:e=>{e.preventDefault(),location.href=m},"data-theme":c},null===(s=t.community)||void 0===s?void 0:s.name),i.createElement(Pe,null,"•"),i.createElement(_e,{"data-theme":c},u)))),i.createElement(Oe,null,t.title)),!!(null===(g=t.photos)||void 0===g?void 0:g.length)&&i.createElement(Ee,{loading:"lazy",src:t.photos[0]}))},He=p.div`
   display: grid;
 
   grid-template-columns: repeat(3, 1fr);
@@ -927,11 +927,11 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   ${t.tdDown} {
     grid-template-columns: repeat(1, 1fr);
   }
-`,Le=p.a`
+`,Ge=p.a`
   text-decoration: none;
   display: flex;
   align-items: center;
-`,Ge=p.div`
+`,Le=p.div`
   display: grid;
 
   grid-template-columns: repeat(3, 1fr);
@@ -943,7 +943,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
 `,Ie=p.a`
   text-decoration: none;
   border-radius: 4px;
-  background: ${d.colors.primary50};
+  background: ${l.colors.primary50};
   position: relative;
   overflow: hidden;
   display: flex;
@@ -997,7 +997,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
 `,Fe=p.div`
   display: flex;
   align-items: center;
-  color: ${d.colors.primaryBase};
+  color: ${l.colors.primaryBase};
   font-weight: 400;
   font-size: 14px;
   text-decoration: none;
@@ -1005,12 +1005,12 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   font-size: 16px;
   font-weight: 600;
   line-height: 1.4;
-  color: ${d.colors.gray800};
-`,Ve=p.p`
+  color: ${l.colors.gray800};
+`,Qe=p.p`
   font-size: 14px;
   line-height: 1.4;
   font-weight: 400;
-  color: ${d.colors.gray600};
+  color: ${l.colors.gray600};
   height: 40px;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -1021,7 +1021,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   ${t.tdDown} {
     display: none;
   }
-`,qe=p.div`
+`,Ve=p.div`
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -1033,7 +1033,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
     gap: 4px;
     flex: 1;
   }
-`,Je=p.a`
+`,qe=p.a`
   text-decoration: none;
   border-radius: 12px;
 
@@ -1059,21 +1059,21 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   }
 
   &[data-color='pink'] {
-    background: ${d.mbColors.tonePink};
+    background: ${l.mbColors.tonePink};
     .bg-svg {
-      fill: ${d.mbColors.peach};
+      fill: ${l.mbColors.peach};
     }
   }
   &[data-color='orange'] {
-    background: ${d.mbColors.toneYellow};
+    background: ${l.mbColors.toneYellow};
     .bg-svg {
-      fill: ${d.mbColors.orange};
+      fill: ${l.mbColors.orange};
     }
   }
   &[data-color='green'] {
-    background: ${d.mbColors.toneGreen};
+    background: ${l.mbColors.toneGreen};
     .bg-svg {
-      fill: ${d.mbColors.mint};
+      fill: ${l.mbColors.mint};
     }
   }
 
@@ -1113,7 +1113,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
       display: none;
     }
   }
-`,Ke=p.div`
+`,Je=p.div`
   width: 48px;
   height: 48px;
   background: white;
@@ -1141,7 +1141,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
     left: 32px;
     top: 28px;
   }
-`,Qe=p.div`
+`,Ke=p.div`
   display: flex;
   align-items: center;
   background: white;
@@ -1153,7 +1153,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   height: 20px;
 
   svg path {
-    fill: ${d.mbColors.gray};
+    fill: ${l.mbColors.gray};
   }
 
   ${t.tdDown} {
@@ -1162,7 +1162,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
     font-weight: 400;
     font-size: 12px;
     line-height: 18px;
-    color: ${d.mbColors.pink};
+    color: ${l.mbColors.pink};
     padding-left: 16px;
   }
 `,We=p.p`
@@ -1170,13 +1170,13 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.2px;
-  color: ${d.colors.gray800};
+  color: ${l.colors.gray800};
 `,Xe=p.p`
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   letter-spacing: -0.2px;
-  color: ${d.colors.gray600};
+  color: ${l.colors.gray600};
   height: 54px;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -1236,18 +1236,18 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   width: 100%;
   align-items: center;
 
-  background-color: ${d.colors.white};
+  background-color: ${l.colors.white};
 
   transition: height 0.3s, transform 0.3s;
 
   &[data-site-type='helloSites'] {
-    border-bottom: 1px solid ${d.colors.neutral100};
+    border-bottom: 1px solid ${l.colors.neutral100};
   }
   &[data-sponsored='true'] {
     border-bottom: none;
   }
   &[data-marry-baby-tone='pink'] {
-    background-color: ${d.mbColors.lightPink};
+    background-color: ${l.mbColors.lightPink};
   }
 
   ${t.mbUp} {
@@ -1294,7 +1294,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
 
   .marry-baby {
     input {
-      background: ${d.mbColors.lightGray};
+      background: ${l.mbColors.lightGray};
       border-radius: 16px;
       border: none;
     }
@@ -1381,7 +1381,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
       padding-bottom: 10px;
     }
   }
-`;const lt=p.div`
+`;const dt=p.div`
   margin-left: 16px;
   display: flex;
   gap: 12px;
@@ -1395,7 +1395,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
     margin-left: 0;
     gap: 10px;
   }
-`,dt=p.div`
+`,lt=p.div`
   display: flex;
   align-items: center;
   height: 100%;
@@ -1427,4 +1427,4 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-c38ade0a.js";import
   > section * {
     pointer-events: auto;
   }
-`;export{qe as $,me as A,pe as B,le as C,xe as D,se as E,ge as F,de as G,he as H,ye as I,ue as J,fe as K,be as L,we as M,V as N,ve as O,$e as P,re as Q,De as R,C as S,ze as T,Be as U,ke as V,Ce as W,Ae as X,Le as Y,He as Z,Ie as _,j as a,Ze as a0,Ve as a1,Fe as a2,Ye as a3,Je as a4,et as a5,Ke as a6,it as a7,tt as a8,We as a9,Xe as aa,Qe as ab,Ge as ac,J as ad,K as ae,Q as af,ot as ag,at as ah,nt as ai,rt as aj,pt as ak,lt as al,dt as am,q as an,st as ao,E as b,U as c,T as d,B as e,P as f,H as g,L as h,G as i,I as j,Y as k,S as l,F as m,Z as n,M as o,A as p,N as q,W as r,X as s,te as t,_ as u,ee as v,ie as w,ne as x,oe as y,ae as z};
+`;export{Ve as $,me as A,pe as B,de as C,xe as D,se as E,ge as F,le as G,he as H,ye as I,ue as J,be as K,fe as L,we as M,Q as N,ve as O,$e as P,re as Q,De as R,C as S,ze as T,Be as U,ke as V,Ce as W,Ae as X,Ge as Y,He as Z,Ie as _,j as a,Ze as a0,Qe as a1,Fe as a2,Ye as a3,qe as a4,et as a5,Je as a6,it as a7,tt as a8,We as a9,Xe as aa,Ke as ab,Le as ac,q as ad,J as ae,K as af,ot as ag,at as ah,nt as ai,rt as aj,pt as ak,dt as al,lt as am,V as an,st as ao,E as b,U as c,T as d,B as e,P as f,H as g,G as h,L as i,I as j,Y as k,S as l,F as m,Z as n,M as o,A as p,N as q,W as r,X as s,te as t,_ as u,ee as v,ie as w,ne as x,oe as y,ae as z};