@hhgtech/hhg-components 1.28.45 → 1.28.47

package/build/index.styled-75539e3d.js

@@ -1,1430 +0,0 @@
-"use strict";var e=require("dayjs"),t=require("./screenSizeContext-83eeed99.js"),i=require("react"),o=require("styled-components"),a=require("./theme-785c6f0c.js"),r=require("./index-d14172a4.js");require("./isProduction-87f95c7d.js"),require("./Subot-695ffc58.js"),require("./index-f85e80c5.js");var n=require("@mantine/core"),d=require("./index.styles-d3c65e64.js"),l=require("./tslib.es6-ef1f81bf.js"),p=require("./routing-9c9a4f25.js"),s=require("dayjs/plugin/relativeTime"),x=require("./index-718b4bad.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=u(e),c=u(i),m=u(o),f=u(s);const h=m.default.a`
-  display: inline-flex;
-  position: relative;
-  flex-direction: row;
-  align-items: center;
-  padding: 7px 11px;
-  gap: 2px;
-
-  background: ${a.theme.colors.white};
-  border: 1px solid ${a.theme.colors.neutral100};
-  border-radius: 20px;
-
-  color: ${a.theme.colors.gray600};
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 18px;
-  text-decoration: none;
-
-  cursor: pointer;
-`,b=m.default.div`
-  position: relative;
-  display: inline-block;
-`,y=m.default.div`
-  position: relative;
-`,v=m.default.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));
-    }
-  }
-`,w=m.default.div`
-  display: flex;
-  height: 40px;
-  align-items: center;
-  justify-content: space-between;
-
-  padding: 0 16px;
-  border-radius: ${a.theme.borderRadius};
-  cursor: pointer;
-
-  .check-icon {
-    width: 16px;
-    height: 16px;
-  }
-  &[data-selected='false'] {
-    background-color: ${a.theme.colors.gray100};
-  }
-`,$=m.default.div`
-  position: fixed;
-  z-index: 20;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  cursor: default;
-`;var M=n.createStyles((()=>({root:{textDecoration:"none"},indicatorRoot:{marginRight:n.rem(10)},iconText:{color:"#fff"}})));const S=m.default.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  `}
-`,k=m.default.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.MediaQueries.mbDown} {
-      > div {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-      }
-    }
-  }
-
-  /* min-height: 415px; */
-  ${t.MediaQueries.mbUp} {
-    width: 320px;
-  }
-  ${t.MediaQueries.mbDown} {
-    position: fixed;
-    left: 0;
-    width: 100%;
-  }
-`,C="hhgcomp-navprofilebutton-popup",Q=d.getDefaultClassWrapper(k,C),D=m.default.div`
-  position: fixed;
-  z-index: 150;
-  top: var(--header-bottom, 56px);
-  left: 0;
-  width: 100%;
-  height: 100%;
-  align-items: center;
-
-  ${t.MediaQueries.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.MediaQueries.mbDown} {
-    background: rgba(38, 38, 38, 0.3);
-  }
-
-  &[data-type='welcome'] {
-    top: 0;
-  }
-
-  &[data-open='false'] {
-    display: none;
-  }
-`,B="hhgcomp-navprofilebutton-popupwrapper";d.getDefaultClassWrapper(D,B);const z=m.default.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: ${a.theme.colors.secondaryBase};
-    border-radius: 50%;
-    color: white;
-    font-size: 20px;
-    font-weight: bold;
-  }
-`,E=m.default.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;
-    }
-    .${C} {
-      z-index: 200;
-      top: 120%;
-      opacity: 1;
-      visibility: visible;
-      display: initial;
-      ${t.MediaQueries.mbDown} {
-        top: 100%;
-      }
-    }
-    .${B} {
-      display: initial;
-    }
-  }
-`,j=m.default.a`
-  display: inline-flex;
-  .login-btn[data-color='tertiary'][data-size='md'] {
-    padding-left: 12px;
-    padding-right: 12px;
-  }
-  .mobile-only {
-    ${t.MediaQueries.mbUp} {
-      display: none;
-    }
-  }
-  .login-btn {
-    display: none;
-    ${t.MediaQueries.mbUp} {
-      display: block;
-    }
-  }
-`,T=m.default.div`
-  padding: 16px;
-  border-radius: 16px;
-  background-color: white;
-  hr {
-    border-color: ${a.theme.colors.neutral100};
-    border-bottom-width: 0px;
-    border-style: solid;
-  }
-  .profile-nav-item-group {
-    background-color: white;
-    border-radius: 8px;
-  }
-`,U=m.default.div`
-  display: block;
-  border: 1px solid transparent;
-  transition: all 300ms linear;
-  cursor: pointer;
-  position: relative;
-
-  ${e=>e.hasSubmenu&&o.css`
-      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: ${a.theme.colors.neutral100};
-    }
-  }
-  .nav-menu-item {
-    background-color: ${a.theme.colors.neutral50};
-  }
-
-  .nav-menu-item {
-    padding-left: 38px;
-  }
-`,I=m.default.div`
-  display: flex;
-  align-items: center;
-  height: 48px;
-  border: 1px solid transparent;
-  transition: all 300ms;
-  border-radius: 8px;
-
-  &:hover {
-    background-color: ${a.theme.colors.neutral150};
-  }
-  &[data-active='true'] {
-    background-color: ${a.theme.colors.blue50};
-  }
-`,L=m.default.div`
-  margin-left: auto;
-
-  svg {
-    fill: ${a.theme.colors.gray600};
-    transition: transform 300ms;
-  }
-
-  &[data-is-open='true'] svg {
-    transform: rotate(180deg);
-  }
-`,O=m.default.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;
-  }
-`,_=m.default.div`
-  background-color: white;
-  text-align: center;
-  .cancle-img {
-    margin-top: 24px;
-    ${t.MediaQueries.mbDown} {
-      width: 80px;
-      height: 80px;
-    }
-
-    ${t.MediaQueries.mbUp} {
-      width: 100px;
-      height: 100px;
-    }
-  }
-
-  h2 {
-    margin-top: 32px;
-    color: ${a.theme.colors.gray800};
-    font-style: normal;
-    font-weight: bold;
-    ${t.MediaQueries.mbDown} {
-      font-size: 24px;
-      line-height: 32px;
-    }
-
-    ${t.MediaQueries.mbUp} {
-      font-size: 32px;
-      line-height: 42px;
-    }
-  }
-
-  p {
-    margin-top: 8px;
-    color: ${a.theme.colors.gray600};
-    font-style: normal;
-    font-weight: normal;
-    ${t.MediaQueries.mbDown} {
-      font-size: 16px;
-      line-height: 24px;
-    }
-
-    ${t.MediaQueries.mbUp} {
-      font-size: 16px;
-      line-height: 24px;
-    }
-  }
-`,N=m.default.div`
-  display: flex;
-
-  ${t.MediaQueries.mbDown} {
-    margin-top: 24px;
-  }
-
-  ${t.MediaQueries.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      ":""}
-`,P=c.default.createContext({}),A=m.default.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;
-  }
-`,R=m.default.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: ${a.theme.mbColors.lightGray};
-      border-radius: 16px;
-      border: none;
-    }
-  }
-`,G=m.default.div`
-  display: block;
-  overflow-y: auto;
-  flex: 1;
-  padding-bottom: 16px;
-  &::-webkit-scrollbar {
-    width: 0;
-    display: none;
-  }
-`,H=i.memo((()=>c.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},c.default.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"})))),q=m.default.div`
-  padding-right: 1rem;
-  margin-top: 10px;
-  background: #ffffff;
-  padding: 5px 15px;
-  ${t.MediaQueries.mbUp} {
-    border-right: 1px solid #e4e8ec;
-  }
-`,W=m.default.a`
-  padding: 10px 0;
-  position: relative;
-
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  color: ${a.theme.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: ${a.theme.mbColors.pink};
-    }
-    .icon {
-      background-color: ${a.theme.mbColors.lightPink};
-    }
-  }
-  &[data-theme='helloSites']:hover,
-  &[data-theme='helloSites'][data-active='true'] {
-    p {
-      color: ${a.theme.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: ${a.theme.mbColors.lightGray};
-      img {
-        border-radius: 50%;
-      }
-    }
-  }
-`,V=m.default.div`
-  margin: 15px 0;
-  ${t.MediaQueries.mbDown} {
-    display: none;
-  }
-`,Y=m.default.div`
-  display: flex;
-  position: absolute;
-  right: 0;
-  ${t.MediaQueries.mbUp} {
-    display: none;
-  }
-`,F=m.default.div`
-  display: flex;
-  align-items: center;
-  color: ${a.theme.colors.primaryBase};
-  font-size: ${a.theme.sizes.fsParagraph4};
-  font-weight: ${a.theme.sizes.fwBold};
-  line-height: 24px;
-  font-size: 14px;
-  font-weight: 600;
-  &[data-event-category] * {
-    pointer-events: none;
-  }
-  &[data-theme='marryBaby'] {
-    color: ${a.theme.mbColors.pink};
-  }
-`,Z=m.default.div`
-  display: flex;
-  align-items: center;
-  margin-left: 10px;
-`,K=m.default.a`
-  border: 1px solid ${a.theme.colors.primaryBase};
-  &[data-theme='marryBaby'] {
-    border: 1px solid ${a.theme.mbColors.pink};
-
-    svg path {
-      stroke: ${a.theme.mbColors.pink};
-    }
-  }
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 6px;
-  border-radius: 5px;
-  margin-top: 20px;
-  ${t.MediaQueries.mbDown} {
-    display: none;
-  }
-`,J=m.default.div`
-  display: grid;
-
-  grid-template-columns: repeat(3, 1fr);
-  gap: 24px;
-  margin-bottom: 3.5rem;
-  ${t.MediaQueries.tdDown} {
-    grid-template-columns: repeat(1, 1fr);
-  }
-`,X=m.default.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.MediaQueries.tdDown} {
-    margin-bottom: 0;
-    padding: 0;
-    height: 100%;
-    position: unset;
-    width: 150px;
-  }
-  ${t.MediaQueries.mbDown} {
-    width: 80px;
-  }
-`,ee=m.default.div`
-  background-color: #ffffff;
-  border-radius: 4px;
-  width: 100%;
-  height: 100%;
-`,te=m.default.div`
-  display: flex;
-  margin-top: 1rem;
-  align-items: center;
-  color: ${a.theme.colors.primaryBase};
-  font-weight: 400;
-  font-size: 14px;
-  text-decoration: none;
-  ${t.MediaQueries.tdDown} {
-    display: none;
-  }
-`,ie=m.default.p`
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 1.6;
-  color: ${a.theme.colors.gray800};
-  ${t.MediaQueries.tdDown} {
-    padding: 0;
-  }
-`,oe=m.default.p`
-  font-size: 14px;
-  line-height: 1.6;
-  font-weight: 400;
-  color: ${a.theme.colors.gray600};
-  height: 40px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  margin-bottom: auto;
-  ${t.MediaQueries.tdDown} {
-    height: unset;
-    padding: 0;
-  }
-`,ae=m.default.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  flex: 1;
-  z-index: 1;
-  ${t.MediaQueries.tdDown} {
-    gap: 4px;
-  }
-`,re="hhgcomp-navigation-menucareitem-contentwrapper",ne=d.getDefaultClassWrapper(ae,re),de=m.default.a`
-  text-decoration: none;
-  border-radius: 4px;
-  background: ${a.theme.colors.white};
-  position: relative;
-  overflow: hidden;
-  padding: 16px;
-  display: flex;
-  padding-top: 166px;
-  * {
-    pointer-events: none;
-  }
-  ${t.MediaQueries.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.MediaQueries.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;
-    > .${re} {
-      flex: 1;
-    }
-    img {
-      width: 150px;
-    }
-  }
-  ${t.MediaQueries.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.MediaQueries.tdOnly} {
-    border: 1px solid ${a.theme.colors.neutral100};
-  }
-  .bg-svg {
-    width: 100%;
-    max-width: 245px;
-    height: 100%;
-    top: 0;
-    right: -40px;
-    position: absolute;
-    display: inline-block;
-  }
-`,le=m.default.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.MediaQueries.mbDown} {
-    display: block;
-    .bg-svg {
-      right: -24px;
-      left: unset;
-      top: 0;
-      transform: rotateY(180deg);
-    }
-  }
-
-  ${t.MediaQueries.mbUp} {
-    display: grid;
-    grid-gap: 10px;
-    grid-template-columns: 1fr 3fr;
-  }
-`,pe=m.default.div`
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 24px;
-  color: ${a.theme.colors.gray600};
-  margin-bottom: 15px;
-`,se=m.default.div`
-  font-weight: 600;
-  font-size: 16px;
-  line-height: 26px;
-  color: #000000;
-  margin-bottom: 4px;
-`,xe=m.default.div`
-  background: #fff;
-  padding: 5px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50px;
-`,ue=m.default.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  ${t.MediaQueries.mbDown} {
-    justify-content: end;
-    min-height: 100px;
-  }
-`,ge=m.default.div`
-  margin-top: 10px;
-  background: #ffffff;
-  padding: 5px 15px;
-  position: relative;
-  ${t.MediaQueries.mbDown} {
-    &:after {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 4px;
-      background-color: ${a.theme.colors.neutral100};
-      content: '';
-    }
-  }
-`,ce=m.default.div`
-  margin: 15px 0;
-  display: flex;
-`,me=m.default.a`
-  padding-left: 10px;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  font-weight: 400;
-  font-size: 14px;
-  color: ${a.theme.colors.primaryBase};
-  &[data-theme='marryBaby'] {
-    color: ${a.theme.mbColors.pink};
-  }
-  img {
-    padding-left: 5px;
-  }
-  ${t.MediaQueries.mbDown} {
-    margin-left: auto;
-  }
-`,fe=m.default.div`
-  display: grid;
-
-  grid-template-columns: repeat(4, 1fr);
-  gap: 24px;
-  ${t.MediaQueries.tdDown} {
-    gap: 12px;
-    grid-template-columns: 1fr;
-  }
-`,he=m.default.a`
-  width: 100%;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  * {
-    pointer-events: none;
-  }
-`,be=m.default.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.MediaQueries.tdDown} {
-    width: 72px;
-    padding-top: 100px;
-  }
-`,ye=m.default.p`
-  font-size: 16px;
-  font-weight: 400;
-  padding: 4px 15px;
-  line-height: 1.4;
-  color: ${a.theme.colors.gray800};
-  flex: 1;
-  ${t.MediaQueries.tdUp} {
-    display: none;
-  }
-`,ve=m.default.div`
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  grid-gap: 48px;
-  ${t.MediaQueries.tdDown} {
-    grid-template-columns: 1fr;
-    grid-gap: 32px;
-  }
-  ${t.MediaQueries.mbDown} {
-    grid-gap: 24px;
-  }
-`,we=m.default.div`
-  padding: 5px;
-  flex: 1;
-`,$e=m.default.img`
-  width: 88px;
-  height: 88px;
-  border-radius: 4px;
-  object-fit: cover;
-`,Me=m.default.div`
-  font-size: 12px;
-  font-weight: 600;
-  color: ${a.theme.colors.gray800};
-  text-decoration: none;
-  &[data-theme='marryBaby'] {
-    font-weight: 400;
-    letter-spacing: -0.2px;
-  }
-`,Se=m.default.div`
-  text-decoration: none;
-  font-size: 12px;
-  font-weight: 400;
-  color: ${a.theme.colors.primaryBase};
-  &[data-theme='marryBaby'] {
-    font-weight: 400;
-    letter-spacing: -0.2px;
-  }
-`,ke=m.default.div`
-  font-size: 12px;
-  font-weight: 400;
-  color: ${a.theme.colors.gray600};
-`,Ce=m.default.div`
-  font-size: 12px;
-  font-weight: 400;
-  color: ${a.theme.colors.gray600};
-`,Qe=m.default.a`
-  display: flex;
-  gap: 10px;
-  text-decoration: none;
-  position: relative;
-  &::after {
-    content: '';
-    display: block;
-    width: 100%;
-    height: 1px;
-    border-top: 1px dashed ${a.theme.colors.neutral100};
-    position: absolute;
-    bottom: -24px;
-    ${t.MediaQueries.tdOnly} {
-      bottom: -16px;
-    }
-    ${t.MediaQueries.mbDown} {
-      bottom: -12px;
-    }
-  }
-  &:last-child {
-    &::after {
-      display: none;
-    }
-  }
-  ${t.MediaQueries.tdUp} {
-    &:nth-last-child(2) {
-      &::after {
-        display: none;
-      }
-    }
-  }
-`,De=m.default.div`
-  display: flex;
-  gap: 10px;
-  vertical-align: middle;
-  align-items: center;
-`,Be=m.default.div`
-  margin-top: 8px;
-  font-size: 16px;
-  font-weight: 600;
-  color: ${a.theme.colors.gray800};
-  &[data-theme='marryBaby'] {
-    margin-top: 12px;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 24px;
-    letter-spacing: -0.2px;
-  }
-`,ze=m.default.div`
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  column-gap: 5px;
-`,Ee=m.default.div`
-  display: flex;
-  gap: 4px;
-  flex-direction: column;
-`;g.default.extend(f.default);const je=m.default.div`
-  display: grid;
-
-  grid-template-columns: repeat(3, 1fr);
-  gap: 24px;
-  margin-bottom: 3.5rem;
-  ${t.MediaQueries.tdDown} {
-    grid-template-columns: repeat(1, 1fr);
-  }
-`,Te=m.default.a`
-  text-decoration: none;
-  display: flex;
-  align-items: center;
-`,Ue=m.default.div`
-  display: grid;
-
-  grid-template-columns: repeat(3, 1fr);
-  gap: 24px;
-  ${t.MediaQueries.tdDown} {
-    grid-template-columns: 1fr;
-    gap: 12px;
-  }
-`,Ie=m.default.a`
-  text-decoration: none;
-  border-radius: 4px;
-  background: ${a.theme.colors.primary50};
-  position: relative;
-  overflow: hidden;
-  display: flex;
-  * {
-    pointer-events: none;
-  }
-  .bg-svg {
-    width: 245px;
-    top: 0;
-    right: 0;
-    height: 100%;
-    position: absolute;
-    ${t.MediaQueries.tdDown} {
-      top: calc(51% - 68px);
-      right: -8px;
-    }
-  }
-  padding: 180px 24px 16px;
-  a {
-    display: flex;
-    width: 100%;
-  }
-  ${t.MediaQueries.tdDown} {
-    padding-top: 16px;
-    display: flex;
-    align-items: center;
-  }
-`,Le=m.default.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.MediaQueries.tdDown} {
-    position: relative;
-    top: unset;
-    right: unset;
-  }
-`,Oe=m.default.div`
-  display: flex;
-  align-items: center;
-  color: ${a.theme.colors.primaryBase};
-  font-weight: 400;
-  font-size: 14px;
-  text-decoration: none;
-`,_e=m.default.p`
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 1.4;
-  color: ${a.theme.colors.gray800};
-`,Ne=m.default.p`
-  font-size: 14px;
-  line-height: 1.4;
-  font-weight: 400;
-  color: ${a.theme.colors.gray600};
-  height: 40px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  margin-bottom: auto;
-  ${t.MediaQueries.tdDown} {
-    display: none;
-  }
-`,Pe=m.default.div`
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  z-index: 1;
-  ${t.MediaQueries.tdUp} {
-    gap: 8px;
-  }
-  ${t.MediaQueries.tdDown} {
-    gap: 4px;
-    flex: 1;
-  }
-`,Ae=m.default.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: ${a.theme.mbColors.tonePink};
-    .bg-svg {
-      fill: ${a.theme.mbColors.peach};
-    }
-  }
-  &[data-color='orange'] {
-    background: ${a.theme.mbColors.toneYellow};
-    .bg-svg {
-      fill: ${a.theme.mbColors.orange};
-    }
-  }
-  &[data-color='green'] {
-    background: ${a.theme.mbColors.toneGreen};
-    .bg-svg {
-      fill: ${a.theme.mbColors.mint};
-    }
-  }
-
-  padding: 180px 24px 16px;
-  a {
-    display: flex;
-    width: 100%;
-  }
-  ${t.MediaQueries.tdDown} {
-    padding-top: 16px;
-    display: flex;
-    align-items: flex-start;
-    justify-content: flex-start;
-  }
-  ${t.MediaQueries.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.MediaQueries.tdUp} {
-    min-height: 296px;
-  }
-  .mobile-only {
-    ${t.MediaQueries.tdUp} {
-      display: none;
-    }
-  }
-  .desktop-only {
-    ${t.MediaQueries.tdDown} {
-      display: none;
-    }
-  }
-`,Re=m.default.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.MediaQueries.tdDown} {
-    position: relative;
-    top: unset;
-    right: unset;
-  }
-  ${t.MediaQueries.mbDown} {
-    position: absolute;
-    left: 32px;
-    top: 28px;
-  }
-`,Ge=m.default.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: ${a.theme.mbColors.gray};
-  }
-
-  ${t.MediaQueries.tdDown} {
-    background: none;
-    width: 100%;
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 18px;
-    color: ${a.theme.mbColors.pink};
-    padding-left: 16px;
-  }
-`,He=m.default.p`
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 24px;
-  letter-spacing: -0.2px;
-  color: ${a.theme.colors.gray800};
-`,qe=m.default.p`
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 18px;
-  letter-spacing: -0.2px;
-  color: ${a.theme.colors.gray600};
-  height: 54px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  margin-bottom: auto;
-  ${t.MediaQueries.tdDown} {
-    display: none;
-  }
-`,We=m.default.div`
-  display: flex;
-  flex: 1;
-  z-index: 1;
-  align-items: flex-end;
-  justify-content: flex-end;
-  ${t.MediaQueries.tdUp} {
-    gap: 8px;
-    flex-direction: row;
-  }
-
-  ${t.MediaQueries.tdDown} {
-    align-items: flex-start;
-    justify-content: flex-start;
-    gap: 4px;
-  }
-`,Ve=m.default.div`
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  z-index: 1;
-  ${t.MediaQueries.tdUp} {
-    gap: 8px;
-  }
-  ${t.MediaQueries.tdDown} {
-    gap: 4px;
-    flex: 1;
-    padding-left: 16px;
-  }
-`,Ye=m.default.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1;
-  z-index: 1;
-  ${t.MediaQueries.tdUp} {
-    gap: 8px;
-    justify-content: flex-end;
-    align-items: flex-end;
-  }
-  ${t.MediaQueries.tdDown} {
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-  }
-`,Fe=m.default.div`
-  z-index: 201;
-  width: 100%;
-  align-items: center;
-
-  background-color: ${a.theme.colors.white};
-
-  transition: height 0.3s, transform 0.3s;
-
-  &[data-site-type='helloSites'] {
-    border-bottom: 1px solid ${a.theme.colors.neutral100};
-  }
-  &[data-sponsored='true'] {
-    border-bottom: none;
-  }
-  &[data-marry-baby-tone='pink'] {
-    background-color: ${a.theme.mbColors.lightPink};
-  }
-
-  ${t.MediaQueries.mbUp} {
-    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {
-      transform: translateY(-64px);
-    }
-  }
-  ${t.MediaQueries.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: ${a.theme.mbColors.lightGray};
-      border-radius: 16px;
-      border: none;
-    }
-    max-width: 172px;
-  }
-  &[data-site-type='marryBaby'] {
-    .close-btn {
-      top: 16px;
-      right: 16px;
-    }
-  }
-`,Ze=m.default.div`
-  display: flex;
-  height: 100%;
-  align-items: center;
-
-  justify-content: space-between;
-  padding: 0 2rem;
-  height: 56px;
-  ${t.MediaQueries.pcDown} {
-    padding: 0 1rem;
-  }
-
-  ${t.MediaQueries.mbDown} {
-    position: relative;
-    height: 56px;
-    background: white;
-    gap: 2px;
-  }
-
-  &[data-site-type='marryBaby'] {
-    width: 100%;
-    margin: 0 auto;
-    padding: 0 16px;
-    ${t.MediaQueries.tdUp} {
-      max-width: 1064px;
-    }
-  }
-`,Ke=m.default.div`
-  display: flex;
-  align-items: center;
-  height: 100%;
-  gap: 24px;
-  ${t.MediaQueries.pcDown} {
-    flex-shrink: 0;
-    gap: 16px;
-  }
-  ${t.MediaQueries.pcDown} {
-    gap: 12px;
-  }
-  &[data-site-type='marryBaby'] {
-    gap: 26px;
-  }
-`,Je=m.default.div`
-  display: flex;
-  align-items: center;
-  height: 100%;
-  flex-shrink: 0;
-  /* gap: 16px; */
-  ${t.MediaQueries.tdDown} {
-    flex-shrink: 0.6;
-  }
-  .hhgcomp-navigation-itemnav-headeritem {
-    gap: 2px;
-    ${t.MediaQueries.pcUp} {
-      padding: 0 10px;
-    }
-    ${t.MediaQueries.pcDown} {
-      padding: 0 6px;
-    }
-    ${t.MediaQueries.mbDown} {
-      display: none;
-    }
-    a {
-      text-decoration: none;
-    }
-  }
-`;m.default.div`
-  .fake-search-input {
-    pointer-events: none;
-    input {
-      line-height: 20px;
-      padding-top: 10px;
-      padding-bottom: 10px;
-    }
-  }
-`;const Xe=m.default.div`
-  margin-left: 16px;
-  display: flex;
-  gap: 12px;
-  align-items: center;
-  flex-shrink: 0;
-  ${t.MediaQueries.pcDown} {
-    margin-left: 8px;
-    gap: 8px;
-  }
-  ${t.MediaQueries.mbDown} {
-    margin-left: 0;
-    gap: 10px;
-  }
-`,et=m.default.div`
-  display: flex;
-  align-items: center;
-  height: 100%;
-  &[data-site-type='marryBaby'] {
-    gap: 26px;
-  }
-`,tt=m.default.div`
-  --header-z-index: 305;
-  top: 0;
-  z-index: var(--header-z-index);
-
-  ${t.MediaQueries.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;
-  }
-`;exports.Item=({post:e,index:t=0})=>{var o,a,r,n,d,l,p;const{siteType:s,configs:{statics:u}}=i.useContext(P);if(!e)return null;const m=[u.TOGETHER_URL_FE,null===(o=e.community)||void 0===o?void 0:o.slug].join("/"),f=[m,e.slug].join("/"),h=e.createdAt,b=h?isNaN(new Date(h).getTime())?null:new Date(h):null,y=b?g.default(b).toNow(!0):h;return c.default.createElement(Qe,{href:f,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":f},c.default.createElement(we,null,c.default.createElement(De,null,c.default.createElement(x.UserAvatar,{avatar:null===(a=e.author)||void 0===a?void 0:a.avatar,username:(null===(r=e.author)||void 0===r?void 0:r.name)||(null===(n=e.author)||void 0===n?void 0:n.username)}),c.default.createElement(Ee,null,c.default.createElement(Me,{"data-theme":s},null===(d=e.author)||void 0===d?void 0:d.name),c.default.createElement(ze,null,c.default.createElement(Se,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${t+1}`,"data-event-label":m,onClick:e=>{e.preventDefault(),location.href=m},"data-theme":s},null===(l=e.community)||void 0===l?void 0:l.name),c.default.createElement(Ce,null,"•"),c.default.createElement(ke,{"data-theme":s},y)))),c.default.createElement(Be,null,e.title)),!!(null===(p=e.photos)||void 0===p?void 0:p.length)&&c.default.createElement($e,{loading:"lazy",src:e.photos[0]}))},exports.NavigationContext=P,exports.NavigationProvider=e=>{var{children:t}=e,o=l.__rest(e,["children"]);const[a,n]=c.default.useState((()=>o.currentUrl||`https://${"marryBaby"===o.siteType?d.domainLocalesMarryBaby[o.locale||"en-PH"]:r.domainLocales[o.locale||"en-PH"]}${"together"===o.projectType?"/community":"ecom"===o.projectType?"/ecom":"care"===o.projectType?"/care":""}/`));i.useEffect((()=>{const e=()=>{n(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const s=(({locale:e,projectType:t,isMobile:o,siteType:a,enableBookingBtn:n})=>i.useMemo((()=>{const i=!(!o&&"profile"===t),d="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===a,l="marryBaby"!==a&&"marryBaby"!==t&&r.CARE_LOCALES.includes(e),s=n&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&r.CARE_BOOKING_LOCALES.includes(e),x="marryBaby"===t||r.TOGETHER_LOCALES.includes(e),u="marryBaby"!==a&&r.ECOM_LOCALES.includes(e),g="marryBaby"!==a&&r.ECOM_LOCALES.includes(e);let c=p.getCurrentBaseUrl(e,"marryBaby"===a);"undefined"!=typeof window&&(c.includes("//id.")&&(c=c.replace("id.","")),c.includes("//staging-id.")&&(c=c.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:i,enableSearchBar:d,enableNavCare:l,enableNavCareBooking:s,enableNavTogether:x,enableNavEcom:u,enableProfileEcom:g,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:c,CARE_URL_FE:`${c}/care`,TOGETHER_URL_FE:`${c}/community`,SSO_URL:p.getCurrentSsoUrl(e,"marryBaby"===a),TOGETHER_API:p.getTogetherApiDomain(),DISCOVER_API:p.getDiscoverApiDomain(e)}}}),[e,t,o]))({locale:o.locale,projectType:o.projectType,isMobile:o.isMobile,siteType:o.siteType,enableBookingBtn:o.enableBookingBtn});return c.default.createElement(P.Provider,{value:Object.assign(Object.assign({},o),{configs:Object.assign(Object.assign({},s),o.configs),currentUrl:o.currentUrl||a})},t)},exports.SearchIcon=H,exports.StyleSelectionPopup=v,exports.StyledAvatar=z,exports.StyledBtnView=te,exports.StyledBtnView$1=Oe,exports.StyledBtnView$2=Ge,exports.StyledButtonGroup=N,exports.StyledContainer=tt,exports.StyledContainerItems=J,exports.StyledContainerItems$1=fe,exports.StyledContainerItems$2=ve,exports.StyledContainerItems$3=je,exports.StyledContainerItems$4=Ue,exports.StyledContainerNoPosts=le,exports.StyledContent=Ve,exports.StyledContentLeft=xe,exports.StyledContentWrapper=ne,exports.StyledContentWrapper$1=Pe,exports.StyledContentWrapper$2=We,exports.StyledDes=oe,exports.StyledDes$1=Ne,exports.StyledDes$2=qe,exports.StyledDescription=pe,exports.StyledDisplayWrapper=S,exports.StyledHeader=Ze,exports.StyledHeaderWrapper=Fe,exports.StyledHeading=V,exports.StyledHeading$1=ce,exports.StyledIconNav=Y,exports.StyledImageCard=X,exports.StyledImageCard$1=be,exports.StyledImageCard$2=Le,exports.StyledImageCard$3=Re,exports.StyledImageCardInner=ee,exports.StyledImageWrapper=E,exports.StyledImageWrapper$1=Z,exports.StyledItem=W,exports.StyledItem$1=de,exports.StyledItem$2=he,exports.StyledItem$3=Te,exports.StyledItem$4=Ie,exports.StyledItem$5=Ae,exports.StyledItemAll=F,exports.StyledItemGridLeft=q,exports.StyledItemGridRight=ge,exports.StyledLanguageChangeLink=h,exports.StyledLeft=ue,exports.StyledLeftGroup=Ke,exports.StyledLoggedOutAnchor=j,exports.StyledMasterMenuContainer=A,exports.StyledNavFooterSubMenu=O,exports.StyledNavMenu=T,exports.StyledNavMenuItem=U,exports.StyledNavMenuItemContent=I,exports.StyledNavMenuItemDropdown=L,exports.StyledOption=w,exports.StyledPopup=Q,exports.StyledPopup$1=_,exports.StyledPopupBackground=$,exports.StyledProfileNavGroup=Xe,exports.StyledRightGroup=Je,exports.StyledSelectionContainer=b,exports.StyledSelectionLabel=y,exports.StyledServiceListMenuSearchInputWrapper=R,exports.StyledTitle=ie,exports.StyledTitle$1=se,exports.StyledTitle$2=ye,exports.StyledTitle$3=_e,exports.StyledTitle$4=He,exports.StyledViewMore=K,exports.StyledViewMore$1=me,exports.StyledWrapMenuItems=et,exports.StyledWrapName=Ye,exports.StyledWrapper=G,exports.TOGETHER_PATHS={COMMUNITIES:"community?website_url={websiteUrl}",MENU_TOPIC:"topic?community_id={communityId}&website_url={websiteUrl}",GET_USER_POSTS:"profile/posts?website_url={websiteUrl}"},exports.useStyles=M;