@hhgtech/hhg-components 1.28.44 → 1.28.46

package/build/esm/index.styled-6f2497bf.js

@@ -1,1430 +0,0 @@
-import e from"dayjs";import{M as t}from"./screenSizeContext-96560239.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-0bf733e5.js";import{C as s,c as g,T as c,E as x,d as m}from"./index-49f5f7fe.js";import"./isProduction-d1491481.js";import"./Subot-dac02b43.js";import"./index-c011f60e.js";import{createStyles as h,rem as f}from"@mantine/core";import{Q as b,ac as u}from"./index.styles-968498ec.js";import{_ as y}from"./tslib.es6-ed0fd94c.js";import{g as w,a as v,b as $,c as k}from"./routing-eb0f44e6.js";import D from"dayjs/plugin/relativeTime";import{U as z}from"./index-cf5e3a41.js";const B=p.a`
-  display: inline-flex;
-  position: relative;
-  flex-direction: row;
-  align-items: center;
-  padding: 7px 11px;
-  gap: 2px;
-
-  background: ${l.colors.white};
-  border: 1px solid ${l.colors.neutral100};
-  border-radius: 20px;
-
-  color: ${l.colors.gray600};
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 18px;
-  text-decoration: none;
-
-  cursor: pointer;
-`,C=p.div`
-  position: relative;
-  display: inline-block;
-`,j=p.div`
-  position: relative;
-`,E=p.div`
-  position: absolute;
-  z-index: 21;
-  top: 100%;
-  right: 0;
-  width: 327px;
-  padding: 8px;
-  background: white;
-  border-radius: 4px;
-  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));
-
-  &[data-is-open='false'] {
-    display: none;
-  }
-  &[data-show-indicator='true'] {
-    &:before {
-      position: absolute;
-      right: 11px;
-      bottom: 100%;
-      width: 0;
-      height: 0;
-      border: 0.5rem solid transparent;
-      border-top: none;
-      border-bottom-color: #fff;
-      content: '';
-      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
-    }
-  }
-`,U=p.div`
-  display: flex;
-  height: 40px;
-  align-items: center;
-  justify-content: space-between;
-
-  padding: 0 16px;
-  border-radius: ${l.borderRadius};
-  cursor: pointer;
-
-  .check-icon {
-    width: 16px;
-    height: 16px;
-  }
-  &[data-selected='false'] {
-    background-color: ${l.colors.gray100};
-  }
-`,T=p.div`
-  position: fixed;
-  z-index: 20;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  cursor: default;
-`;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=b(p.div`
-  position: absolute;
-  right: 0;
-  transition: all 0.5s ease-in-out;
-  overflow-y: auto;
-  padding-bottom: 70px;
-
-  &[data-open='true'] {
-    z-index: 200;
-    top: 120%;
-    opacity: 1;
-    visibility: visible;
-  }
-
-  &[data-open='false'] {
-    display: none;
-  }
-
-  .popup-content {
-    z-index: 111;
-    height: 100%;
-    border: 1px solid #0000001a;
-    ${t.mbDown} {
-      > div {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-      }
-    }
-  }
-
-  /* min-height: 415px; */
-  ${t.mbUp} {
-    width: 320px;
-  }
-  ${t.mbDown} {
-    position: fixed;
-    left: 0;
-    width: 100%;
-  }
-`,R),O="hhgcomp-navprofilebutton-popupwrapper";b(p.div`
-  position: fixed;
-  z-index: 150;
-  top: var(--header-bottom, 56px);
-  left: 0;
-  width: 100%;
-  height: 100%;
-  align-items: center;
-
-  ${t.mbUp} {
-    background-color: transparent;
-    &[data-type='welcome'] {
-      background: rgba(38, 38, 38, 0.3);
-    }
-    &[data-type='due-date'] {
-      background: rgba(38, 38, 38, 0.3);
-    }
-  }
-
-  ${t.mbDown} {
-    background: rgba(38, 38, 38, 0.3);
-  }
-
-  &[data-type='welcome'] {
-    top: 0;
-  }
-
-  &[data-open='false'] {
-    display: none;
-  }
-`,O);const N=p.div`
-  width: 40px;
-  height: 40px;
-  cursor: pointer;
-
-  img {
-    border-radius: 50%;
-  }
-
-  .avatar {
-    width: 40px;
-    height: 40px;
-    object-fit: cover;
-  }
-
-  .avatar-default {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: ${l.colors.secondaryBase};
-    border-radius: 50%;
-    color: white;
-    font-size: 20px;
-    font-weight: bold;
-  }
-`,M=p.div`
-  display: inline-flex;
-  position: relative;
-  width: 40px;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-decoration: none;
-  flex-shrink: 0;
-  cursor: pointer;
-
-  .user-close-icon {
-    display: none;
-  }
-  &:focus-within {
-    .user-close-icon {
-      display: block;
-    }
-    .user-avatar {
-      display: none;
-    }
-    .${R} {
-      z-index: 200;
-      top: 120%;
-      opacity: 1;
-      visibility: visible;
-      display: initial;
-      ${t.mbDown} {
-        top: 100%;
-      }
-    }
-    .${O} {
-      display: initial;
-    }
-  }
-`,A=p.a`
-  display: inline-flex;
-  .login-btn[data-color='tertiary'][data-size='md'] {
-    padding-left: 12px;
-    padding-right: 12px;
-  }
-  .mobile-only {
-    ${t.mbUp} {
-      display: none;
-    }
-  }
-  .login-btn {
-    display: none;
-    ${t.mbUp} {
-      display: block;
-    }
-  }
-`,H=p.div`
-  padding: 16px;
-  border-radius: 16px;
-  background-color: white;
-  hr {
-    border-color: ${l.colors.neutral100};
-    border-bottom-width: 0px;
-    border-style: solid;
-  }
-  .profile-nav-item-group {
-    background-color: white;
-    border-radius: 8px;
-  }
-`,G=p.div`
-  display: block;
-  border: 1px solid transparent;
-  transition: all 300ms linear;
-  cursor: pointer;
-  position: relative;
-
-  ${e=>e.hasSubmenu&&d`
-      cursor: pointer;
-    `}
-
-  &[data-is-open='true'] {
-    & + div {
-      margin-top: 8px;
-    }
-  }
-
-  border-left-width: 0;
-  border-right-width: 0;
-  &[data-is-open='true'] {
-    & + div {
-      margin-top: 0;
-    }
-    .nav-menu-item:last-child {
-      border-bottom-color: ${l.colors.neutral100};
-    }
-  }
-  .nav-menu-item {
-    background-color: ${l.colors.neutral50};
-  }
-
-  .nav-menu-item {
-    padding-left: 38px;
-  }
-`,L=p.div`
-  display: flex;
-  align-items: center;
-  height: 48px;
-  border: 1px solid transparent;
-  transition: all 300ms;
-  border-radius: 8px;
-
-  &:hover {
-    background-color: ${l.colors.neutral150};
-  }
-  &[data-active='true'] {
-    background-color: ${l.colors.blue50};
-  }
-`,I=p.div`
-  margin-left: auto;
-
-  svg {
-    fill: ${l.colors.gray600};
-    transition: transform 300ms;
-  }
-
-  &[data-is-open='true'] svg {
-    transform: rotate(180deg);
-  }
-`,Y=p.div`
-  overflow: hidden;
-  max-height: 0;
-  transition: max-height 0.3s ease-out;
-
-  [data-is-open='true'] & {
-    max-height: 500px;
-    transition-timing-function: ease-in;
-  }
-`,F=p.div`
-  background-color: white;
-  text-align: center;
-  .cancle-img {
-    margin-top: 24px;
-    ${t.mbDown} {
-      width: 80px;
-      height: 80px;
-    }
-
-    ${t.mbUp} {
-      width: 100px;
-      height: 100px;
-    }
-  }
-
-  h2 {
-    margin-top: 32px;
-    color: ${l.colors.gray800};
-    font-style: normal;
-    font-weight: bold;
-    ${t.mbDown} {
-      font-size: 24px;
-      line-height: 32px;
-    }
-
-    ${t.mbUp} {
-      font-size: 32px;
-      line-height: 42px;
-    }
-  }
-
-  p {
-    margin-top: 8px;
-    color: ${l.colors.gray600};
-    font-style: normal;
-    font-weight: normal;
-    ${t.mbDown} {
-      font-size: 16px;
-      line-height: 24px;
-    }
-
-    ${t.mbUp} {
-      font-size: 16px;
-      line-height: 24px;
-    }
-  }
-`,Z=p.div`
-  display: flex;
-
-  ${t.mbDown} {
-    margin-top: 24px;
-  }
-
-  ${t.mbUp} {
-    margin-top: 32px;
-  }
-  justify-content: space-around;
-  button {
-    flex: 1;
-    margin: 4px;
-  }
-
-  ${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      ":""}
-`,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);
-  width: 100%;
-  height: calc(100vh - var(--header-bottom));
-  overflow-x: hidden;
-  overflow-y: auto;
-  background: white;
-  display: flex;
-  flex-direction: column;
-  padding-bottom: 0;
-  left: 0;
-  .hhgcomp-navigation-popupwrapper-menuwrapper {
-    position: unset;
-  }
-`,J=p.div`
-  padding: 16px;
-  padding-bottom: 12px;
-  .fake-search-input {
-    pointer-events: none;
-    input {
-      line-height: 20px;
-      padding-top: 10px;
-      padding-bottom: 10px;
-    }
-  }
-  &[data-theme='marryBaby'] {
-    input {
-      background: ${l.mbColors.lightGray};
-      border-radius: 16px;
-      border: none;
-    }
-  }
-`,K=p.div`
-  display: block;
-  overflow-y: auto;
-  flex: 1;
-  padding-bottom: 16px;
-  &::-webkit-scrollbar {
-    width: 0;
-    display: none;
-  }
-`,W=n((()=>i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"})))),X=p.div`
-  padding-right: 1rem;
-  margin-top: 10px;
-  background: #ffffff;
-  padding: 5px 15px;
-  ${t.mbUp} {
-    border-right: 1px solid #e4e8ec;
-  }
-`,ee=p.a`
-  padding: 10px 0;
-  position: relative;
-
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  color: ${l.colors.gray800};
-  * {
-    pointer-events: none;
-  }
-  p {
-    font-size: 16px;
-    font-weight: 400;
-    padding: 0 0.4rem;
-  }
-
-  &[data-theme='marryBaby']:hover,
-  &[data-theme='marryBaby'][data-active='true'] {
-    p {
-      color: ${l.mbColors.pink};
-    }
-    .icon {
-      background-color: ${l.mbColors.lightPink};
-    }
-  }
-  &[data-theme='helloSites']:hover,
-  &[data-theme='helloSites'][data-active='true'] {
-    p {
-      color: ${l.colors.primaryActive};
-    }
-  }
-  a {
-  }
-
-  &[data-theme='marryBaby'] {
-    .icon {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      max-width: 40px;
-      width: 100%;
-      height: 40px;
-      border-radius: 50%;
-      background-color: ${l.mbColors.lightGray};
-      img {
-        border-radius: 50%;
-      }
-    }
-  }
-`,te=p.div`
-  margin: 15px 0;
-  ${t.mbDown} {
-    display: none;
-  }
-`,ie=p.div`
-  display: flex;
-  position: absolute;
-  right: 0;
-  ${t.mbUp} {
-    display: none;
-  }
-`,oe=p.div`
-  display: flex;
-  align-items: center;
-  color: ${l.colors.primaryBase};
-  font-size: ${l.sizes.fsParagraph4};
-  font-weight: ${l.sizes.fwBold};
-  line-height: 24px;
-  font-size: 14px;
-  font-weight: 600;
-  &[data-event-category] * {
-    pointer-events: none;
-  }
-  &[data-theme='marryBaby'] {
-    color: ${l.mbColors.pink};
-  }
-`,ae=p.div`
-  display: flex;
-  align-items: center;
-  margin-left: 10px;
-`,ne=p.a`
-  border: 1px solid ${l.colors.primaryBase};
-  &[data-theme='marryBaby'] {
-    border: 1px solid ${l.mbColors.pink};
-
-    svg path {
-      stroke: ${l.mbColors.pink};
-    }
-  }
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 6px;
-  border-radius: 5px;
-  margin-top: 20px;
-  ${t.mbDown} {
-    display: none;
-  }
-`,re=p.div`
-  display: grid;
-
-  grid-template-columns: repeat(3, 1fr);
-  gap: 24px;
-  margin-bottom: 3.5rem;
-  ${t.tdDown} {
-    grid-template-columns: repeat(1, 1fr);
-  }
-`,pe=p.div`
-  height: 152px;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 3;
-  overflow: hidden;
-  border-radius: 4px;
-  padding: 16px;
-  width: 100%;
-
-  .img-container {
-    width: 100%;
-    height: 100%;
-  }
-  img {
-    width: 100%;
-    height: 100%;
-    display: block;
-    object-fit: contain;
-  }
-  ${t.tdDown} {
-    margin-bottom: 0;
-    padding: 0;
-    height: 100%;
-    position: unset;
-    width: 150px;
-  }
-  ${t.mbDown} {
-    width: 80px;
-  }
-`,de=p.div`
-  background-color: #ffffff;
-  border-radius: 4px;
-  width: 100%;
-  height: 100%;
-`,le=p.div`
-  display: flex;
-  margin-top: 1rem;
-  align-items: center;
-  color: ${l.colors.primaryBase};
-  font-weight: 400;
-  font-size: 14px;
-  text-decoration: none;
-  ${t.tdDown} {
-    display: none;
-  }
-`,se=p.p`
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 1.6;
-  color: ${l.colors.gray800};
-  ${t.tdDown} {
-    padding: 0;
-  }
-`,ge=p.p`
-  font-size: 14px;
-  line-height: 1.6;
-  font-weight: 400;
-  color: ${l.colors.gray600};
-  height: 40px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  margin-bottom: auto;
-  ${t.tdDown} {
-    height: unset;
-    padding: 0;
-  }
-`,ce="hhgcomp-navigation-menucareitem-contentwrapper",xe=b(p.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  flex: 1;
-  z-index: 1;
-  ${t.tdDown} {
-    gap: 4px;
-  }
-`,ce),me=p.a`
-  text-decoration: none;
-  border-radius: 4px;
-  background: ${l.colors.white};
-  position: relative;
-  overflow: hidden;
-  padding: 16px;
-  display: flex;
-  padding-top: 166px;
-  * {
-    pointer-events: none;
-  }
-  ${t.tdUp} {
-    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),
-      0px 0px 1px rgba(0, 0, 0, 0.04);
-    gap: 30px;
-    flex-direction: column;
-    a {
-      display: flex;
-      width: 100%;
-    }
-  }
-  ${t.tdDown} {
-    padding-top: 16px;
-    a {
-      display: none;
-    }
-    grid-template-columns: 2fr 1fr;
-    gap: 10px;
-    display: grid;
-    max-height: 110px;
-    display: flex;
-    flex-direction: row-reverse;
-    > .${ce} {
-      flex: 1;
-    }
-    img {
-      width: 150px;
-    }
-  }
-  ${t.mbDown} {
-    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),
-      0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
-    display: flex;
-    flex-direction: row-reverse;
-    img {
-      width: 80px;
-      height: 80px;
-    }
-  }
-  ${t.tdOnly} {
-    border: 1px solid ${l.colors.neutral100};
-  }
-  .bg-svg {
-    width: 100%;
-    max-width: 245px;
-    height: 100%;
-    top: 0;
-    right: -40px;
-    position: absolute;
-    display: inline-block;
-  }
-`,he=p.div`
-  padding: 16px;
-  border-radius: 8px;
-  position: relative;
-  z-index: 1;
-  overflow: hidden;
-  a {
-    text-decoration: none;
-  }
-
-  .bg-svg {
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: -1;
-  }
-  ${t.mbDown} {
-    display: block;
-    .bg-svg {
-      right: -24px;
-      left: unset;
-      top: 0;
-      transform: rotateY(180deg);
-    }
-  }
-
-  ${t.mbUp} {
-    display: grid;
-    grid-gap: 10px;
-    grid-template-columns: 1fr 3fr;
-  }
-`,fe=p.div`
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 24px;
-  color: ${l.colors.gray600};
-  margin-bottom: 15px;
-`,be=p.div`
-  font-weight: 600;
-  font-size: 16px;
-  line-height: 26px;
-  color: #000000;
-  margin-bottom: 4px;
-`,ue=p.div`
-  background: #fff;
-  padding: 5px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50px;
-`,ye=p.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  ${t.mbDown} {
-    justify-content: end;
-    min-height: 100px;
-  }
-`,we=p.div`
-  margin-top: 10px;
-  background: #ffffff;
-  padding: 5px 15px;
-  position: relative;
-  ${t.mbDown} {
-    &:after {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 4px;
-      background-color: ${l.colors.neutral100};
-      content: '';
-    }
-  }
-`,ve=p.div`
-  margin: 15px 0;
-  display: flex;
-`,$e=p.a`
-  padding-left: 10px;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  font-weight: 400;
-  font-size: 14px;
-  color: ${l.colors.primaryBase};
-  &[data-theme='marryBaby'] {
-    color: ${l.mbColors.pink};
-  }
-  img {
-    padding-left: 5px;
-  }
-  ${t.mbDown} {
-    margin-left: auto;
-  }
-`,ke=p.div`
-  display: grid;
-
-  grid-template-columns: repeat(4, 1fr);
-  gap: 24px;
-  ${t.tdDown} {
-    gap: 12px;
-    grid-template-columns: 1fr;
-  }
-`,De=p.a`
-  width: 100%;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  * {
-    pointer-events: none;
-  }
-`,ze=p.div`
-  border-radius: 5px;
-  display: block;
-  overflow: hidden;
-  padding-top: 140%;
-  width: 100%;
-  position: relative;
-  height: 0;
-  img {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    display: block;
-    object-fit: cover;
-    top: 0;
-    left: 0;
-  }
-  ${t.tdDown} {
-    width: 72px;
-    padding-top: 100px;
-  }
-`,Be=p.p`
-  font-size: 16px;
-  font-weight: 400;
-  padding: 4px 15px;
-  line-height: 1.4;
-  color: ${l.colors.gray800};
-  flex: 1;
-  ${t.tdUp} {
-    display: none;
-  }
-`,Ce=p.div`
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  grid-gap: 48px;
-  ${t.tdDown} {
-    grid-template-columns: 1fr;
-    grid-gap: 32px;
-  }
-  ${t.mbDown} {
-    grid-gap: 24px;
-  }
-`,je=p.div`
-  padding: 5px;
-  flex: 1;
-`,Ee=p.img`
-  width: 88px;
-  height: 88px;
-  border-radius: 4px;
-  object-fit: cover;
-`,Ue=p.div`
-  font-size: 12px;
-  font-weight: 600;
-  color: ${l.colors.gray800};
-  text-decoration: none;
-  &[data-theme='marryBaby'] {
-    font-weight: 400;
-    letter-spacing: -0.2px;
-  }
-`,Te=p.div`
-  text-decoration: none;
-  font-size: 12px;
-  font-weight: 400;
-  color: ${l.colors.primaryBase};
-  &[data-theme='marryBaby'] {
-    font-weight: 400;
-    letter-spacing: -0.2px;
-  }
-`,_e=p.div`
-  font-size: 12px;
-  font-weight: 400;
-  color: ${l.colors.gray600};
-`,Pe=p.div`
-  font-size: 12px;
-  font-weight: 400;
-  color: ${l.colors.gray600};
-`,Re=p.a`
-  display: flex;
-  gap: 10px;
-  text-decoration: none;
-  position: relative;
-  &::after {
-    content: '';
-    display: block;
-    width: 100%;
-    height: 1px;
-    border-top: 1px dashed ${l.colors.neutral100};
-    position: absolute;
-    bottom: -24px;
-    ${t.tdOnly} {
-      bottom: -16px;
-    }
-    ${t.mbDown} {
-      bottom: -12px;
-    }
-  }
-  &:last-child {
-    &::after {
-      display: none;
-    }
-  }
-  ${t.tdUp} {
-    &:nth-last-child(2) {
-      &::after {
-        display: none;
-      }
-    }
-  }
-`,Se=p.div`
-  display: flex;
-  gap: 10px;
-  vertical-align: middle;
-  align-items: center;
-`,Oe=p.div`
-  margin-top: 8px;
-  font-size: 16px;
-  font-weight: 600;
-  color: ${l.colors.gray800};
-  &[data-theme='marryBaby'] {
-    margin-top: 12px;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 24px;
-    letter-spacing: -0.2px;
-  }
-`,Ne=p.div`
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  column-gap: 5px;
-`,Me=p.div`
-  display: flex;
-  gap: 4px;
-  flex-direction: column;
-`;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);
-  gap: 24px;
-  margin-bottom: 3.5rem;
-  ${t.tdDown} {
-    grid-template-columns: repeat(1, 1fr);
-  }
-`,Ge=p.a`
-  text-decoration: none;
-  display: flex;
-  align-items: center;
-`,Le=p.div`
-  display: grid;
-
-  grid-template-columns: repeat(3, 1fr);
-  gap: 24px;
-  ${t.tdDown} {
-    grid-template-columns: 1fr;
-    gap: 12px;
-  }
-`,Ie=p.a`
-  text-decoration: none;
-  border-radius: 4px;
-  background: ${l.colors.primary50};
-  position: relative;
-  overflow: hidden;
-  display: flex;
-  * {
-    pointer-events: none;
-  }
-  .bg-svg {
-    width: 245px;
-    top: 0;
-    right: 0;
-    height: 100%;
-    position: absolute;
-    ${t.tdDown} {
-      top: calc(51% - 68px);
-      right: -8px;
-    }
-  }
-  padding: 180px 24px 16px;
-  a {
-    display: flex;
-    width: 100%;
-  }
-  ${t.tdDown} {
-    padding-top: 16px;
-    display: flex;
-    align-items: center;
-  }
-`,Ye=p.div`
-  width: 64px;
-  height: 64px;
-  background: white;
-  position: absolute;
-  right: 25px;
-  top: 35px;
-  z-index: 3;
-  border-radius: 50%;
-  img {
-    position: absolute;
-    width: 64px;
-    height: 64px;
-    top: 50%;
-    left: 50%;
-    display: block;
-    transform: translate(-50%, -50%);
-  }
-  ${t.tdDown} {
-    position: relative;
-    top: unset;
-    right: unset;
-  }
-`,Fe=p.div`
-  display: flex;
-  align-items: center;
-  color: ${l.colors.primaryBase};
-  font-weight: 400;
-  font-size: 14px;
-  text-decoration: none;
-`,Ze=p.p`
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 1.4;
-  color: ${l.colors.gray800};
-`,Qe=p.p`
-  font-size: 14px;
-  line-height: 1.4;
-  font-weight: 400;
-  color: ${l.colors.gray600};
-  height: 40px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  margin-bottom: auto;
-  ${t.tdDown} {
-    display: none;
-  }
-`,Ve=p.div`
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  z-index: 1;
-  ${t.tdUp} {
-    gap: 8px;
-  }
-  ${t.tdDown} {
-    gap: 4px;
-    flex: 1;
-  }
-`,qe=p.a`
-  text-decoration: none;
-  border-radius: 12px;
-
-  position: relative;
-  overflow: hidden;
-  display: flex;
-  * {
-    pointer-events: none;
-  }
-  .bg-svg {
-    top: 0;
-    left: 0;
-    position: absolute;
-  }
-
-  .dot-svg {
-    width: 40px;
-    height: 30px;
-    top: 36px;
-    left: 16px;
-    position: absolute;
-    stroke-width: 0;
-  }
-
-  &[data-color='pink'] {
-    background: ${l.mbColors.tonePink};
-    .bg-svg {
-      fill: ${l.mbColors.peach};
-    }
-  }
-  &[data-color='orange'] {
-    background: ${l.mbColors.toneYellow};
-    .bg-svg {
-      fill: ${l.mbColors.orange};
-    }
-  }
-  &[data-color='green'] {
-    background: ${l.mbColors.toneGreen};
-    .bg-svg {
-      fill: ${l.mbColors.mint};
-    }
-  }
-
-  padding: 180px 24px 16px;
-  a {
-    display: flex;
-    width: 100%;
-  }
-  ${t.tdDown} {
-    padding-top: 16px;
-    display: flex;
-    align-items: flex-start;
-    justify-content: flex-start;
-  }
-  ${t.mbDown} {
-    padding-top: 0;
-    padding-left: 80px;
-    height: 96px;
-    align-items: flex-start;
-    justify-content: center;
-    flex-direction: column;
-    .dot-svg {
-      top: 22px;
-      left: 16px;
-    }
-  }
-  ${t.tdUp} {
-    min-height: 296px;
-  }
-  .mobile-only {
-    ${t.tdUp} {
-      display: none;
-    }
-  }
-  .desktop-only {
-    ${t.tdDown} {
-      display: none;
-    }
-  }
-`,Je=p.div`
-  width: 48px;
-  height: 48px;
-  background: white;
-  position: absolute;
-  right: 25px;
-  top: 35px;
-  z-index: 3;
-  border-radius: 50%;
-  img {
-    position: absolute;
-    width: 36px;
-    height: 36px;
-    top: 50%;
-    left: 50%;
-    display: block;
-    transform: translate(-50%, -50%);
-  }
-  ${t.tdDown} {
-    position: relative;
-    top: unset;
-    right: unset;
-  }
-  ${t.mbDown} {
-    position: absolute;
-    left: 32px;
-    top: 28px;
-  }
-`,Ke=p.div`
-  display: flex;
-  align-items: center;
-  background: white;
-  font-weight: 400;
-  font-size: 14px;
-  text-decoration: none;
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-
-  svg path {
-    fill: ${l.mbColors.gray};
-  }
-
-  ${t.tdDown} {
-    background: none;
-    width: 100%;
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 18px;
-    color: ${l.mbColors.pink};
-    padding-left: 16px;
-  }
-`,We=p.p`
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 24px;
-  letter-spacing: -0.2px;
-  color: ${l.colors.gray800};
-`,Xe=p.p`
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 18px;
-  letter-spacing: -0.2px;
-  color: ${l.colors.gray600};
-  height: 54px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  margin-bottom: auto;
-  ${t.tdDown} {
-    display: none;
-  }
-`,et=p.div`
-  display: flex;
-  flex: 1;
-  z-index: 1;
-  align-items: flex-end;
-  justify-content: flex-end;
-  ${t.tdUp} {
-    gap: 8px;
-    flex-direction: row;
-  }
-
-  ${t.tdDown} {
-    align-items: flex-start;
-    justify-content: flex-start;
-    gap: 4px;
-  }
-`,tt=p.div`
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  z-index: 1;
-  ${t.tdUp} {
-    gap: 8px;
-  }
-  ${t.tdDown} {
-    gap: 4px;
-    flex: 1;
-    padding-left: 16px;
-  }
-`,it=p.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1;
-  z-index: 1;
-  ${t.tdUp} {
-    gap: 8px;
-    justify-content: flex-end;
-    align-items: flex-end;
-  }
-  ${t.tdDown} {
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-  }
-`,ot={COMMUNITIES:"community?website_url={websiteUrl}",MENU_TOPIC:"topic?community_id={communityId}&website_url={websiteUrl}",GET_USER_POSTS:"profile/posts?website_url={websiteUrl}"},at=p.div`
-  z-index: 201;
-  width: 100%;
-  align-items: center;
-
-  background-color: ${l.colors.white};
-
-  transition: height 0.3s, transform 0.3s;
-
-  &[data-site-type='helloSites'] {
-    border-bottom: 1px solid ${l.colors.neutral100};
-  }
-  &[data-sponsored='true'] {
-    border-bottom: none;
-  }
-  &[data-marry-baby-tone='pink'] {
-    background-color: ${l.mbColors.lightPink};
-  }
-
-  ${t.mbUp} {
-    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {
-      transform: translateY(-64px);
-    }
-  }
-  ${t.mbDown} {
-    &[data-site-type='marryBaby'] {
-      border-bottom: none;
-    }
-
-    &[data-fixed-bar='true'] {
-      position: fixed;
-      transform: translateY(0);
-    }
-
-    &[data-fixed-bar='false'] {
-      position: absolute;
-    }
-
-    &[data-collapsed='true'] {
-      transform: translateY(-100%);
-      transition: transform 0.5s;
-    }
-    &[data-collapsed='false'] {
-      transform: translateY(0);
-      transition: transform 0.5s;
-    }
-
-    .top-bar-header {
-      line-height: normal;
-    }
-
-    &[data-header-type='home'] {
-      z-index: ${99};
-    }
-
-    &[data-is-displayed='false'] {
-      //display: none;
-      visibility: hidden;
-    }
-  }
-
-  .marry-baby {
-    input {
-      background: ${l.mbColors.lightGray};
-      border-radius: 16px;
-      border: none;
-    }
-    max-width: 172px;
-  }
-  &[data-site-type='marryBaby'] {
-    .close-btn {
-      top: 16px;
-      right: 16px;
-    }
-  }
-`,nt=p.div`
-  display: flex;
-  height: 100%;
-  align-items: center;
-
-  justify-content: space-between;
-  padding: 0 2rem;
-  height: 56px;
-  ${t.pcDown} {
-    padding: 0 1rem;
-  }
-
-  ${t.mbDown} {
-    position: relative;
-    height: 56px;
-    background: white;
-    gap: 2px;
-  }
-
-  &[data-site-type='marryBaby'] {
-    width: 100%;
-    margin: 0 auto;
-    padding: 0 16px;
-    ${t.tdUp} {
-      max-width: 1064px;
-    }
-  }
-`,rt=p.div`
-  display: flex;
-  align-items: center;
-  height: 100%;
-  gap: 24px;
-  ${t.pcDown} {
-    flex-shrink: 0;
-    gap: 16px;
-  }
-  ${t.pcDown} {
-    gap: 12px;
-  }
-  &[data-site-type='marryBaby'] {
-    gap: 26px;
-  }
-`,pt=p.div`
-  display: flex;
-  align-items: center;
-  height: 100%;
-  flex-shrink: 0;
-  /* gap: 16px; */
-  ${t.tdDown} {
-    flex-shrink: 0.6;
-  }
-  .hhgcomp-navigation-itemnav-headeritem {
-    gap: 2px;
-    ${t.pcUp} {
-      padding: 0 10px;
-    }
-    ${t.pcDown} {
-      padding: 0 6px;
-    }
-    ${t.mbDown} {
-      display: none;
-    }
-    a {
-      text-decoration: none;
-    }
-  }
-`;p.div`
-  .fake-search-input {
-    pointer-events: none;
-    input {
-      line-height: 20px;
-      padding-top: 10px;
-      padding-bottom: 10px;
-    }
-  }
-`;const dt=p.div`
-  margin-left: 16px;
-  display: flex;
-  gap: 12px;
-  align-items: center;
-  flex-shrink: 0;
-  ${t.pcDown} {
-    margin-left: 8px;
-    gap: 8px;
-  }
-  ${t.mbDown} {
-    margin-left: 0;
-    gap: 10px;
-  }
-`,lt=p.div`
-  display: flex;
-  align-items: center;
-  height: 100%;
-  &[data-site-type='marryBaby'] {
-    gap: 26px;
-  }
-`,st=p.div`
-  --header-z-index: 305;
-  top: 0;
-  z-index: var(--header-z-index);
-
-  ${t.mbDown} {
-    width: 100vw;
-    max-width: 100%;
-  }
-  --amp-site-wide-closed: 2px;
-
-  -webkit-transform: translateZ(0);
-  position: sticky;
-
-  &.nav-open {
-    margin-top: 64px;
-  }
-
-  &:not(.nav-open) {
-    --amp-site-wide-closed: 66px;
-  }
-  pointer-events: none;
-  > section * {
-    pointer-events: auto;
-  }
-`;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};