@hhgtech/hhg-components 1.21.0-beta-13 → 1.21.0-beta-15

package/build/esm/components/articleCard.js

@@ -1 +0,0 @@
-import n from"react";import{t as e}from"../theme-a50a1aa5.js";import{Heading as t}from"./heading.js";import{Text as a}from"./text.js";import{_ as i}from"../tslib.es6-95636cf4.js";import{M as r}from"../utils-432904d8.js";import o from"styled-components";var l,p,d,m,s=o.h6(l||(l=i(["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  line-height: 22px;\n"],["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  line-height: 22px;\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold})),h=o.a(p||(p=i(["\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  * {\n    pointer-events: none;\n  }\n"]))),x=o.article(d||(d=i(["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 16px 16px 16px 0;\n  background-color: ",";\n  cursor: pointer;\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n\n  .content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n\n    .inner-content {\n      display: flex;\n      flex-direction: column;\n      p {\n        display: flex;\n        align-items: center;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      .bookmark {\n        width: 18px;\n        height: 18px;\n      }\n      //.title,\n      .title a {\n        display: -webkit-box;\n        overflow: hidden;\n        margin-top: 2px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n\n      .text {\n        display: -webkit-box;\n        overflow: hidden;\n        max-width: 100%;\n        margin-top: 4px;\n        //margin-bottom: 26px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n    }\n  }\n\n  .footer {\n    display: flex;\n\n    .author {\n      width: calc(100% - 20px);\n    }\n\n    .bookmark {\n      display: flex;\n      width: 12px;\n      height: 16px;\n      margin-left: 8px;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .banner {\n    position: relative;\n    min-width: 100px;\n    max-width: 100px;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    border-radius: 6px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 6px;\n      object-fit: cover;\n      object-position: center;\n      pointer-events: none;\n    }\n  }\n  .shoppable {\n    position: absolute;\n    bottom: 4px;\n    left: 6px;\n  }\n\n  &[data-size='sm'][data-direction='horizontal'] {\n    padding: 20px 0;\n\n    .label {\n      margin-bottom: 0;\n    }\n    .banner {\n      width: 100px;\n      height: 100px;\n      margin: 0 16px 0 0;\n\n      "," {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n    }\n\n    .text {\n      display: none;\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    .footer {\n      margin-top: auto;\n    }\n  }\n\n  &[data-size='md'][data-direction='horizontal'] {\n    padding: 16px 0;\n\n    .banner {\n      min-width: 200px;\n      max-width: 200px;\n      height: 150px;\n      margin: 0 24px 0 0;\n    }\n\n    "," {\n      .text {\n        display: none;\n      }\n\n      .banner {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n\n      .specialty {\n        display: none;\n      }\n    }\n  }\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n    padding: 0 0 0 0;\n\n    .label {\n      margin-top: 16px;\n      display: flex;\n    }\n\n    &[data-size='sm'] {\n      .banner {\n        height: 150px;\n      }\n\n      .text {\n        display: none;\n      }\n\n      .title {\n        margin-top: 0;\n        margin-bottom: 12px;\n      }\n    }\n\n    &[data-size='lg'] {\n      .banner {\n        max-height: 312px;\n\n        "," {\n          max-height: 192px;\n        }\n      }\n\n      .text {\n        display: -webkit-box;\n        margin-top: 8px;\n        margin-bottom: 16px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 3;\n        word-break: break-word;\n      }\n    }\n\n    .banner {\n      min-width: 100%;\n      height: 468px;\n      margin: 0;\n    }\n  }\n\n  &[data-is-expert] {\n    .inner-content label.text {\n      display: none;\n    }\n\n    .specialty > [data-tag='h6'] {\n      font-size: 13px;\n      font-weight: 400;\n      line-height: 19px;\n    }\n\n    &[data-size='md'] .footer .author .avatar {\n      margin-right: 8px;\n    }\n\n    "," {\n      &[data-size='md'] .footer .author .avatar {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n    }\n\n    .title {\n      margin-bottom: 16px;\n      "," {\n        margin-bottom: 8px;\n      }\n    }\n\n    &[data-direction='horizontal'] {\n      .footer {\n        margin-top: auto;\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 16px 16px 16px 0;\n  background-color: ",";\n  cursor: pointer;\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n\n  .content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n\n    .inner-content {\n      display: flex;\n      flex-direction: column;\n      p {\n        display: flex;\n        align-items: center;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      .bookmark {\n        width: 18px;\n        height: 18px;\n      }\n      //.title,\n      .title a {\n        display: -webkit-box;\n        overflow: hidden;\n        margin-top: 2px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n\n      .text {\n        display: -webkit-box;\n        overflow: hidden;\n        max-width: 100%;\n        margin-top: 4px;\n        //margin-bottom: 26px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n    }\n  }\n\n  .footer {\n    display: flex;\n\n    .author {\n      width: calc(100% - 20px);\n    }\n\n    .bookmark {\n      display: flex;\n      width: 12px;\n      height: 16px;\n      margin-left: 8px;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .banner {\n    position: relative;\n    min-width: 100px;\n    max-width: 100px;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    border-radius: 6px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 6px;\n      object-fit: cover;\n      object-position: center;\n      pointer-events: none;\n    }\n  }\n  .shoppable {\n    position: absolute;\n    bottom: 4px;\n    left: 6px;\n  }\n\n  &[data-size='sm'][data-direction='horizontal'] {\n    padding: 20px 0;\n\n    .label {\n      margin-bottom: 0;\n    }\n    .banner {\n      width: 100px;\n      height: 100px;\n      margin: 0 16px 0 0;\n\n      "," {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n    }\n\n    .text {\n      display: none;\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    .footer {\n      margin-top: auto;\n    }\n  }\n\n  &[data-size='md'][data-direction='horizontal'] {\n    padding: 16px 0;\n\n    .banner {\n      min-width: 200px;\n      max-width: 200px;\n      height: 150px;\n      margin: 0 24px 0 0;\n    }\n\n    "," {\n      .text {\n        display: none;\n      }\n\n      .banner {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n\n      .specialty {\n        display: none;\n      }\n    }\n  }\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n    padding: 0 0 0 0;\n\n    .label {\n      margin-top: 16px;\n      display: flex;\n    }\n\n    &[data-size='sm'] {\n      .banner {\n        height: 150px;\n      }\n\n      .text {\n        display: none;\n      }\n\n      .title {\n        margin-top: 0;\n        margin-bottom: 12px;\n      }\n    }\n\n    &[data-size='lg'] {\n      .banner {\n        max-height: 312px;\n\n        "," {\n          max-height: 192px;\n        }\n      }\n\n      .text {\n        display: -webkit-box;\n        margin-top: 8px;\n        margin-bottom: 16px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 3;\n        word-break: break-word;\n      }\n    }\n\n    .banner {\n      min-width: 100%;\n      height: 468px;\n      margin: 0;\n    }\n  }\n\n  &[data-is-expert] {\n    .inner-content label.text {\n      display: none;\n    }\n\n    .specialty > [data-tag='h6'] {\n      font-size: 13px;\n      font-weight: 400;\n      line-height: 19px;\n    }\n\n    &[data-size='md'] .footer .author .avatar {\n      margin-right: 8px;\n    }\n\n    "," {\n      &[data-size='md'] .footer .author .avatar {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n    }\n\n    .title {\n      margin-bottom: 16px;\n      "," {\n        margin-bottom: 8px;\n      }\n    }\n\n    &[data-direction='horizontal'] {\n      .footer {\n        margin-top: auto;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),r.mbDown,r.mbDown,r.mbDown,r.tdUp,r.mbDown),c=o.div(m||(m=i(["\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 8px;\n\n  .author {\n    display: flex;\n    align-items: center;\n\n    .avatar,\n    .expert-avatar {\n      flex-shrink: 0;\n\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n\n    .name {\n      font-weight: 600;\n    }\n\n    .poster {\n      display: flex;\n      align-items: center;\n      white-space: pre-wrap;\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n\n      p {\n        display: -webkit-box;\n        overflow: hidden;\n        //font-size: 11px;\n        -webkit-box-orient: vertical;\n        font-weight: 400;\n        -webkit-line-clamp: 3;\n\n        a {\n          color: ",";\n          text-decoration: none;\n        }\n\n        span:not(.name) {\n          color: ",";\n        }\n      }\n    }\n\n    .expert {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n\n      a {\n        text-decoration: none;\n      }\n\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n    }\n\n    .avatar {\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n\n      "," {\n        margin-right: 4px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 32px;\n          height: 32px;\n          margin-right: 12px;\n        }\n      }\n    }\n\n    .expert-avatar {\n      "," {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n\n      "," {\n        width: 32px;\n        height: 32px;\n        margin-right: 8px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 64px;\n          height: 64px;\n          margin-right: 16px;\n        }\n\n        "," {\n          width: 40px;\n          height: 40px;\n          margin-right: 16px;\n        }\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 8px;\n\n  .author {\n    display: flex;\n    align-items: center;\n\n    .avatar,\n    .expert-avatar {\n      flex-shrink: 0;\n\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n\n    .name {\n      font-weight: 600;\n    }\n\n    .poster {\n      display: flex;\n      align-items: center;\n      white-space: pre-wrap;\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n\n      p {\n        display: -webkit-box;\n        overflow: hidden;\n        //font-size: 11px;\n        -webkit-box-orient: vertical;\n        font-weight: 400;\n        -webkit-line-clamp: 3;\n\n        a {\n          color: ",";\n          text-decoration: none;\n        }\n\n        span:not(.name) {\n          color: ",";\n        }\n      }\n    }\n\n    .expert {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n\n      a {\n        text-decoration: none;\n      }\n\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n    }\n\n    .avatar {\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n\n      "," {\n        margin-right: 4px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 32px;\n          height: 32px;\n          margin-right: 12px;\n        }\n      }\n    }\n\n    .expert-avatar {\n      "," {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n\n      "," {\n        width: 32px;\n        height: 32px;\n        margin-right: 8px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 64px;\n          height: 64px;\n          margin-right: 16px;\n        }\n\n        "," {\n          width: 40px;\n          height: 40px;\n          margin-right: 16px;\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray400}),r.mbDown,r.tdUp,r.mbUp,r.mbDown,r.mbUp,r.mbDown),g=function(e){var t=e.avatarImg,i=e.authorName,r=e.authorLink,o=e.uploadTime,l=e.size;return n.createElement(c,null,n.createElement("div",{className:"author"},n.createElement("div",{className:"avatar","data-size":l},t),n.createElement("div",{className:"poster","data-is-disabled-url":!r},n.createElement(a,{size:"lg"===l?"p3":"p4"},n.createElement("a",{href:r},n.createElement("span",{className:"name"},i),"•"," "),n.createElement("span",null,o)))))},b=function(i){var r=i.isMobile,o=i.avatarImg,l=i.name,p=i.link,d=i.size,m=void 0===d?"lg":d,h=i.specialty;return i.handleClick,i.isBookmarked,i.dataEventCategoryForBookmark,i.dataEventActionForBookmark,i.dataEventLabelForBookmark,n.createElement(c,null,n.createElement("div",{className:"author"},n.createElement("div",{className:"expert-avatar","data-size":m},o),n.createElement("div",{className:"expert","data-is-disabled-url":!p},r?n.createElement("a",{href:p},"lg"===m?n.createElement(n.Fragment,null,n.createElement(t,{tag:"h6",className:"expert__name",color:e.colors.gray600},l),n.createElement(a,{color:e.colors.gray500,size:"p3",className:"specialty"},h)):n.createElement(n.Fragment,null,n.createElement(t,{tag:"h6",className:"expert__name",color:e.colors.gray600},l))):n.createElement("a",{href:p},"lg"===m?n.createElement(n.Fragment,null,n.createElement(t,{tag:"h6",className:"expert__name",color:e.colors.gray600},l),n.createElement(a,{color:e.colors.gray500,size:"p3",className:"specialty"},h)):n.createElement(n.Fragment,null,n.createElement(s,{color:e.colors.gray600,className:"expert__name"},l),n.createElement(a,{color:e.colors.gray500,size:"p4",className:"specialty"},h))))))},w=function(e){var i=e.articleLink,r=e.authorLink,o=e.authorName,l=e.avatarImg,p=e.banner,d=e.categoryLink,m=e.categoryName,s=e.className,c=e.dataEventActionForBanner,w=e.dataEventActionForBookmark,v=e.dataEventActionForCategory,f=e.dataEventActionForTitle,k=e.dataEventCategoryForBanner,y=e.dataEventCategoryForBookmark,u=e.dataEventCategoryForCategory,E=e.dataEventCategoryForTitle,z=e.dataEventLabelForBanner,C=e.dataEventLabelForBookmark,N=e.dataEventLabelForCategory,B=e.dataEventLabelForTitle,F=e.direction,L=void 0===F?"horizontal":F,j=e.hasAffiliate,D=e.isBookmark,M=void 0!==D&&D,_=e.isBookmarkDisplayed,A=void 0===_||_,T=e.isMobile,H=void 0===T||T,V=e.onBookmark,I=e.onClickCategoryName,Z=e.section,U=void 0===Z?"normal":Z,P=e.size,W=void 0===P?"md":P,q=e.specialty,G=e.style,J=e.styleBanner,K=e.styleLabel,O=e.styleTitle,Q=e.text,R=e.title,S=e.type,X=void 0===S?"author":S,Y=e.uploadTime,$=e.articleLinkTarget,nn=function(n){n.stopPropagation(),V&&V()},en="lg"===W&&"expert"===X?"h4":"lg"===W&&"home"===U?H?"h4":"h3":"lg"===W?"h4":"h5",tn="lg"===W?"p3":"p4",an=H||"home"!==U||"lg"!==W||"author"!==X?"c2":"c1";return n.createElement(x,{className:s,"data-size":W,style:G,"data-direction":L,"data-is-expert":"expert"===X||void 0},n.createElement("div",{className:"banner",style:J},n.createElement(h,{"data-event-category":k,"data-event-action":c,"data-event-label":z,href:i||"#",target:$},p),j&&n.createElement("div",{className:"shoppable"},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),n.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"})))),n.createElement("div",{className:"content"},n.createElement("div",{className:"inner-content"},n.createElement(a,{style:K,className:"label",size:an,type:"caption"},n.createElement(h,{"data-event-category":u,"data-event-action":v,"data-event-label":N,href:d||"#",onClick:I},m),A&&n.createElement("a",{className:"bookmark",onClick:nn},M?n.createElement("svg",{"data-event-category":y,"data-event-action":w,"data-event-label":C,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):n.createElement("svg",{"data-event-category":y,"data-event-action":w,"data-event-label":C,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),n.createElement(t,{tag:en,style:O,className:"title",as:"lg"===W?"h2":"h3"},n.createElement(h,{"data-event-category":E,"data-event-action":f,"data-event-label":B,href:i||"#",target:$},R)),Q&&n.createElement("a",{href:i||"#",target:$},n.createElement(a,{size:tn,className:"text"},Q))),n.createElement("div",{className:"footer"},"author"===X?n.createElement(g,{size:W,avatarImg:l,authorName:o,authorLink:r,uploadTime:Y,handleClick:nn,isBookmarked:M,dataEventCategoryForBookmark:y,dataEventActionForBookmark:w,dataEventLabelForBookmark:C}):n.createElement(b,{size:W,isMobile:H,avatarImg:l,specialty:q,name:o,link:r,handleClick:nn,isBookmarked:M,dataEventCategoryForBookmark:y,dataEventActionForBookmark:w,dataEventLabelForBookmark:C}))))};export{w as ArticleCard};

package/build/esm/components/avatar.js

@@ -1 +0,0 @@
-import n,{useState as t,useEffect as e}from"react";import{_ as r}from"../tslib.es6-95636cf4.js";import i,{css as a}from"styled-components";var d,o,h=i.div(o||(o=r(["\n  background-color: ",";\n  color: white;\n  cursor: pointer;\n  img {\n    --width: ","px;\n    --height: ","px;\n    width: var(--width);\n    height: var(--height);\n    ","\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: ","px;\n      --height: ","px;\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  ","\n"],["\n  background-color: ",";\n  color: white;\n  cursor: pointer;\n  img {\n    --width: ","px;\n    --height: ","px;\n    width: var(--width);\n    height: var(--height);\n    ","\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: ","px;\n      --height: ","px;\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  ","\n"])),(function(n){return n.backgroundColor||"transparent"}),(function(n){return n.width||"40"}),(function(n){return n.height||"40"}),(function(n){return n.width&&n.height?"    \n      max-width: var(--width);\n      max-height: var(--height);\n    ":""}),(function(n){return n.width||"72"}),(function(n){return n.height||"72"}),(function(n){return n.size&&a(d||(d=r(["\n      display: flex;\n      overflow: hidden;\n      overflow: hidden;\n      width: ","px;\n      height: ","px;\n      align-items: center;\n      justify-content: center;\n      background-size: cover;\n      font-size: ","px;\n      font-weight: bold;\n      &[data-avatar-type='square'] {\n        border-radius: 6px;\n      }\n      &[data-avatar-type='rounded'] {\n        border-radius: 50%;\n        img {\n          --width: 100%;\n          --height: 100%;\n        }\n      }\n      img {\n        object-fit: cover;\n      }\n    "],["\n      display: flex;\n      overflow: hidden;\n      overflow: hidden;\n      width: ","px;\n      height: ","px;\n      align-items: center;\n      justify-content: center;\n      background-size: cover;\n      font-size: ","px;\n      font-weight: bold;\n      &[data-avatar-type='square'] {\n        border-radius: 6px;\n      }\n      &[data-avatar-type='rounded'] {\n        border-radius: 50%;\n        img {\n          --width: 100%;\n          --height: 100%;\n        }\n      }\n      img {\n        object-fit: cover;\n      }\n    "])),n.size,n.size,n.size/2)})),s={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},u=function(r){var i=r.type,a=void 0===i?"square":i,d=r.size,o=r.avatarImg,u=r.avatarUrl,c=r.firstLetter,g=r.backgroundColor,p=r.onClick,l=r.style,v=r.className,f=r.isAmp,m=void 0!==f&&f,x=r.width,w=r.height,b=d?s[d]:void 0,y=t(!1),z=y[0],k=y[1];e((function(){if(u){var n=document.createElement("img");n.setAttribute("src",u),n.addEventListener("error",(function(){k(!0)}))}}),[u,k]);var j=(!u&&!o||z)&&c;return n.createElement(h,{style:l,"data-avatar-type":a,onClick:p,className:v,size:m?void 0:b,backgroundColor:g,avatarUrl:u,"data-is-amp":m,width:x,height:w},o,u&&!z&&n.createElement("img",{src:u}),j&&c)};export{u as Avatar};

package/build/esm/components/babyGrowthChart.js

@@ -1 +0,0 @@
-import"../tslib.es6-95636cf4.js";import"react";import"../useOutsideClick-6004483a.js";import"../useTranslations-d9bcdd4c.js";import"./babyGrowthTooltip.js";import"./text.js";export{B as BabyGrowthChart,L as LABELS_PERCENTILE,a as LABELS_Z_SCORE}from"../index-46cbc22e.js";import"../theme-a50a1aa5.js";import"../Locale-2d9f66c1.js";import"../BabyGrowth-a6bb24d9.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"styled-components";import"../utils-432904d8.js";import"lodash";import"lodash/debounce";import"react-dom";import"lodash/get";import"lodash/isArray";import"lodash/isNaN";import"lodash/isNumber";import"lodash/isString";import"lodash/every";import"lodash/find";import"lodash/isFunction";import"lodash/throttle";import"lodash/sortBy";import"lodash/range";import"lodash/isNil";import"lodash/isBoolean";import"lodash/isObject";import"lodash/uniqBy";import"../index-a1a27346.js";import"lodash/upperFirst";import"lodash/isEqual";import"lodash/max";import"lodash/min";import"lodash/flatMap";import"lodash/mapValues";import"lodash/some";import"lodash/last";

package/build/esm/components/babyGrowthChooseProfileDrawer.js

@@ -1 +0,0 @@
-import{_ as n,b as e,a as o}from"../tslib.es6-95636cf4.js";import t,{useState as i}from"react";import{u as l}from"../useTranslations-d9bcdd4c.js";import{BabyGrowthProfileRadio as r}from"./babyGrowthProfileRadio.js";import{Button as a}from"./button.js";import{NewBabyProfileRadio as s}from"./newBabyProfileRadio.js";import{Text as p}from"./text.js";import{t as c}from"../theme-a50a1aa5.js";import{Drawer as m}from"./drawer.js";import d from"styled-components";import{Modal as u}from"./modal.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"./icons.js";import"../FullScreen-a24fd8fa.js";import"../animation-c611f996.js";import"../utils-432904d8.js";import"./input.js";import"./label.js";import"react-dom";import"./backdrop.js";import"../useScrollbarSize-99db33e1.js";import"lodash/debounce";var f,b,x=d(m)(f||(f=n(["\n  .add-profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n  .button-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    button {\n      width: 100%;\n    }\n  }\n"],["\n  .add-profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n  .button-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    button {\n      width: 100%;\n    }\n  }\n"]))),C=d(u)(b||(b=n(["\n  .hhg-modal {\n    min-width: 570px;\n  }\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 16px;\n    border-bottom: 1px solid ",";\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  .profile-container {\n    padding-block: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    border-bottom: 1px solid ",";\n    max-height: 300px;\n    overflow-y: auto;\n  }\n\n  .button-group {\n    display: flex;\n    justify-content: flex-end;\n    gap: 16px;\n    margin-block: 16px;\n  }\n"],["\n  .hhg-modal {\n    min-width: 570px;\n  }\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 16px;\n    border-bottom: 1px solid ",";\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  .profile-container {\n    padding-block: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    border-bottom: 1px solid ",";\n    max-height: 300px;\n    overflow-y: auto;\n  }\n\n  .button-group {\n    display: flex;\n    justify-content: flex-end;\n    gap: 16px;\n    margin-block: 16px;\n  }\n"])),c.colors.neutral100,c.colors.neutral100),g=function(n){var c,m,d=n.babyProfiles,u=n.currentProfileId,f=n.onClose,b=n.onCreate,g=n.onAddMeasurement,y=n.onSwitchProfile,h=n.open,w=n.isMobile,v=n.isMyProfile,j=void 0!==v&&v,E=n.buttonGroup,B=n.newBabyValue,k=n.onNewBabyValueChange,P=e(n,["babyProfiles","currentProfileId","onClose","onCreate","onAddMeasurement","onSwitchProfile","open","isMobile","isMyProfile","buttonGroup","newBabyValue","onNewBabyValueChange"]),N=function(n){return j?t.createElement(t.Fragment,null,t.createElement(a,{onClick:function(){null==b||b(),f()},size:"lg",color:"secondary",icon:t.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M13.5 9.75H9.75V13.5C9.75 13.9125 9.4125 14.25 9 14.25C8.5875 14.25 8.25 13.9125 8.25 13.5V9.75H4.5C4.0875 9.75 3.75 9.4125 3.75 9C3.75 8.5875 4.0875 8.25 4.5 8.25H8.25V4.5C8.25 4.0875 8.5875 3.75 9 3.75C9.4125 3.75 9.75 4.0875 9.75 4.5V8.25H13.5C13.9125 8.25 14.25 8.5875 14.25 9C14.25 9.4125 13.9125 9.75 13.5 9.75Z",fill:"#2D87F3"}))},A("babyGrowth.drawer.createBaby")),t.createElement(a,{size:"lg",color:"primary",onClick:function(){null==n||n(),j?null==y||y(L):null==g||g(L),f()}},A(j?"babyGrowth.drawer.switchProfile":"babyGrowth.drawer.addMeasurement"))):t.createElement(a,{size:"lg",color:"primary",onClick:function(){null==g||g(L),null==n||n(),f()}},A("chooseBaby.button"))},M=i(u||(null===(c=d[0])||void 0===c?void 0:c.id)),L=M[0],V=M[1],A=l().t;return w?t.createElement(x,o({title:"Baby profiles",onClose:f,open:h,placement:"bottom"},P),(function(n){var e,o=n.internalClose;return t.createElement("div",{className:"add-profile-container"},t.createElement("div",{className:"profile-container"},null===(e=d||[])||void 0===e?void 0:e.map((function(n){return t.createElement(r,{key:n.id,profile:n,isActive:L===n.id,onChange:V})})),!j&&t.createElement(s,{value:B,onInputChange:k,isActive:"new"===L,onChange:V})),t.createElement("div",{className:"button-group"},E||N(o)))})):t.createElement(C,{type:"confirm",isOpen:h,onClose:f},t.createElement("div",{className:"header"},t.createElement("div",{className:"title"},t.createElement(p,{size:"s2",type:"semiBold"},A("chooseBaby.title")),t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:f},t.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"})))),t.createElement("div",{className:"profile-container"},null===(m=d||[])||void 0===m?void 0:m.map((function(n){return t.createElement(r,{key:n.id,profile:n,isActive:L===n.id,onChange:V})})),!j&&t.createElement(s,{value:B,onInputChange:k,isActive:"new"===L,onChange:V})),t.createElement("div",{className:"button-group"},E||N()))};export{g as BabyGrowthChooseProfileDrawer};

package/build/esm/components/babyGrowthGender.js

@@ -1 +0,0 @@
-import n from"react";import{u as e}from"../useTranslations-d9bcdd4c.js";import{Icon as t}from"./icons.js";import{Text as o}from"./text.js";import{_ as r}from"../tslib.es6-95636cf4.js";import{M as i}from"../utils-432904d8.js";import a from"styled-components";import{RadioImageGroup as l}from"./radioImageGroup.js";import{G as m}from"../BabyGrowth-a6bb24d9.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"../theme-a50a1aa5.js";import"../FullScreen-a24fd8fa.js";var s,d,c=a.div(s||(s=r(["\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  .gender-selector {\n    & > :not(:last-child) {\n      margin-right: 16px;\n    }\n\n    & > div {\n      width: calc(50% - 8px);\n\n      "," {\n        max-width: 186px;\n        justify-self: left;\n      }\n    }\n  }\n"],["\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  .gender-selector {\n    & > :not(:last-child) {\n      margin-right: 16px;\n    }\n\n    & > div {\n      width: calc(50% - 8px);\n\n      "," {\n        max-width: 186px;\n        justify-self: left;\n      }\n    }\n  }\n"])),i.mbUp),p=a(l)(d||(d=r(["\n  & > div > div {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-content: center;\n    gap: 8px;\n    padding-block: 5px;\n  }\n  .radio-group-item-heading {\n    margin-top: 0;\n  }\n"],["\n  & > div > div {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-content: center;\n    gap: 8px;\n    padding-block: 5px;\n  }\n  .radio-group-item-heading {\n    margin-top: 0;\n  }\n"]))),f=function(r){var i=r.value,a=r.onChange,l=e().t;return n.createElement(c,null,n.createElement(o,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},l("babyVaccineTool.selectGender")),n.createElement(p,{options:[{value:m.Girl,label:l("gender.female"),content:n.createElement(t.GenderChooseGirl,null)},{value:m.Boy,label:l("gender.male"),content:n.createElement(t.GenderChooseBoy,null)}],value:i,onChange:a,className:"gender-selector"}))};export{f as BabyGrowthGender};

package/build/esm/components/babyGrowthLegend.js

@@ -1 +0,0 @@
-import e from"react";import{t as n}from"../theme-a50a1aa5.js";import{Text as t}from"./text.js";import{_ as r}from"../tslib.es6-95636cf4.js";import o from"styled-components";import{L as a}from"../Locale-2d9f66c1.js";import"../utils-432904d8.js";var s,i,l=o.div(s||(s=r(["\n  display: flex;\n  justify-content: center;\n  gap: 16px;\n"],["\n  display: flex;\n  justify-content: center;\n  gap: 16px;\n"]))),c=o.div(i||(i=r(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  .dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  .dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n  }\n"]))),p=function(r){var o=r.legends,s=r.locale;return e.createElement(l,null,o.map((function(r,o){return e.createElement(c,{key:o},e.createElement("span",{className:"dot",style:{backgroundColor:r.color}}),e.createElement(t,{size:"n1",color:n.colors.gray800},s===a.Indonesia?r["z-score"]:r.text))})))};export{p as BabyGrowthLegend};

package/build/esm/components/babyGrowthProfileRadio.js

@@ -1 +0,0 @@
-import n from"react";import{t as e}from"../theme-a50a1aa5.js";import{Icon as r}from"./icons.js";import{Text as o}from"./text.js";import{_ as i}from"../tslib.es6-95636cf4.js";import{h as t}from"../animation-c611f996.js";import a from"styled-components";import"../FullScreen-a24fd8fa.js";import"../utils-432904d8.js";var s,d=a.div(s||(s=i(["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  .baby {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  .baby {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"])),e.colors.gray50,e.colors.gray600,"300ms",e.colors.primaryBase,e.colors.primaryBase,t,"300ms"),c=function(i){var t=i.profile,a=i.onChange,s=i.isActive;return n.createElement(d,{onClick:function(){return a(t.id)}},n.createElement("div",{className:"baby"},"male"===t.gender?n.createElement(r.Boy,{size:24}):n.createElement(r.Girl,{size:24}),n.createElement(o,{size:"p2",color:e.colors.gray800},t.name)),n.createElement("div",{className:s?"radio active":"radio"}))};export{c as BabyGrowthProfileRadio};

package/build/esm/components/babyGrowthRecord.js

@@ -1 +0,0 @@
-import e from"react";import{format as t}from"date-fns";import{t as r}from"../theme-a50a1aa5.js";import{renderChildAge as n}from"./childCard.js";import{Text as i}from"./text.js";import{_ as l}from"../tslib.es6-95636cf4.js";import a from"styled-components";import{a as o,l as m}from"../localizeNumberFormat-77c129ef.js";import{L as s}from"../Locale-2d9f66c1.js";import{u as C}from"../useTranslations-d9bcdd4c.js";import"./heading.js";import"../utils-432904d8.js";import"./icons.js";import"../FullScreen-a24fd8fa.js";import"./menu.js";import"../useOutsideClick-6004483a.js";import"../BabyGrowth-a6bb24d9.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var c,p=a.div(c||(c=l(["\n  cursor: pointer;\n  position: relative;\n  padding: 20px 2px;\n  border-bottom: 1px solid ",";\n  .time {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n  .edit-button {\n    margin-left: auto;\n    justify-self: end;\n  }\n  .record {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: 1fr;\n    grid-column-gap: 30px;\n    grid-row-gap: 0px;\n  }\n  .record-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n"],["\n  cursor: pointer;\n  position: relative;\n  padding: 20px 2px;\n  border-bottom: 1px solid ",";\n  .time {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n  .edit-button {\n    margin-left: auto;\n    justify-self: end;\n  }\n  .record {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: 1fr;\n    grid-column-gap: 30px;\n    grid-row-gap: 0px;\n  }\n  .record-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n"])),r.colors.gray100),d=function(e,t){return e&&"NaN"!==e?e+" "+(t||""):"--"},g=function(l){var a=l.measurementDate,c=void 0===a?new Date:a,g=l.weight,f=l.height,h=l.head,L=l.onEdit,w=l.birthday,E=l.dateFormat,x=void 0===E?"dd/MM/yyyy":E,u=l.locale;void 0===u&&s.PhilippinesEnglish;var v=C().t;return e.createElement(p,{onClick:L},e.createElement("div",{className:"time"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.64421 0.666016C5.27621 0.666016 4.97754 0.964682 4.97754 1.33268V1.99935H4.31087C3.57754 1.99935 2.97754 2.59935 2.97754 3.33268V12.666C2.97754 13.3993 3.57754 13.9993 4.31087 13.9993H13.6442C14.3775 13.9993 14.9775 13.3993 14.9775 12.666V3.33268C14.9775 2.59935 14.3775 1.99935 13.6442 1.99935H12.9775V1.33268C12.9775 0.964682 12.6789 0.666016 12.3109 0.666016C11.9429 0.666016 11.6442 0.964682 11.6442 1.33268V1.99935H6.31087V1.33268C6.31087 0.964682 6.01221 0.666016 5.64421 0.666016ZM4.31087 5.33268H13.6442V11.9993C13.6442 12.3673 13.3455 12.666 12.9775 12.666H4.97754C4.60954 12.666 4.31087 12.3673 4.31087 11.9993V5.33268Z",fill:"#8C8C8C"})),e.createElement(i,{size:"p3",color:r.colors.gray600},"".concat(t(c,x)," (").concat(n(o(w,c),v),")")),e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"edit-button"},e.createElement("path",{d:"M12.7721 1.33398C12.2911 1.33398 11.8102 1.51773 11.443 1.88607L10.6643 2.66732L13.3224 5.33398L14.1011 4.55273C14.8348 3.81673 14.8348 2.62273 14.1011 1.88607C13.734 1.51773 13.253 1.33398 12.7721 1.33398ZM9.66748 3.66732L2.02539 11.334V14.0007H4.68351L12.3256 6.33398L9.66748 3.66732Z",fill:"#8C8C8C"}))),e.createElement("div",{className:"record"},e.createElement("div",{className:"record-item"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M8.44401 9.86602C8.44401 9.57146 8.68279 9.33268 8.97734 9.33268C9.2719 9.33268 9.51068 9.57146 9.51068 9.86602V11.466C9.51068 11.7606 9.2719 11.9993 8.97734 11.9993C8.68279 11.9993 8.44401 11.7606 8.44401 11.466V9.86602Z",fill:"#8C8C8C"}),e.createElement("path",{d:"M8.17595 3.05319C7.96767 3.26147 7.96767 3.59916 8.17595 3.80744L8.83592 4.46741C9.0442 4.67569 9.38189 4.67569 9.59017 4.46741C9.79844 4.25913 9.79844 3.92144 9.59017 3.71316L8.9302 3.05319C8.72192 2.84491 8.38423 2.84492 8.17595 3.05319Z",fill:"#8C8C8C"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.2941 3.66435C12.1261 1.98071 10.7053 0.666016 8.97738 0.666016C7.2495 0.666016 5.82868 1.9807 5.66067 3.66434L3.67054 3.86336C2.92499 3.93791 2.38724 4.61197 2.48017 5.35545L3.498 13.4981C3.5814 14.1653 4.1486 14.666 4.82104 14.666H13.1336C13.806 14.666 14.3732 14.1653 14.4567 13.4981L15.4745 5.35545C15.5674 4.61197 15.0297 3.93791 14.2841 3.86336L12.2941 3.66435ZM12.1607 4.991C11.7386 6.34768 10.473 7.33268 8.97738 7.33268C7.48176 7.33268 6.2162 6.34767 5.79403 4.99099L3.80321 5.19007L4.82104 13.3327L13.1336 13.3327L14.1514 5.19007L12.1607 4.991ZM10.9774 3.99935C10.9774 5.10392 10.0819 5.99935 8.97738 5.99935C7.87281 5.99935 6.97738 5.10392 6.97738 3.99935C6.97738 2.89478 7.87281 1.99935 8.97738 1.99935C10.0819 1.99935 10.9774 2.89478 10.9774 3.99935Z",fill:"#8C8C8C"})),e.createElement(i,{size:"s3",color:r.colors.gray800,type:"semiBold"},d(m(g),"kg"))),e.createElement("div",{className:"record-item"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_855_82991)"},e.createElement("path",{d:"M12.6055 13.9993L12.6055 1.99935C12.6055 1.26602 12.0055 0.666016 11.2721 0.666016L5.9388 0.666015C5.20547 0.666015 4.60547 1.26602 4.60547 1.99935L4.60547 13.9993C4.60547 14.7327 5.20547 15.3327 5.9388 15.3327L11.2721 15.3327C12.0055 15.3327 12.6055 14.7327 12.6055 13.9993ZM5.9388 13.9993L5.9388 1.99935L11.2721 1.99935L11.2721 3.33268L8.60547 3.33268L8.60547 4.66602L11.2721 4.66602L11.2721 5.99935L8.60547 5.99935L8.60547 7.33268L11.2721 7.33268L11.2721 8.66602L8.60547 8.66601L8.60547 9.99935L11.2721 9.99935L11.2721 11.3327L8.60547 11.3327L8.60547 12.666L11.2721 12.666L11.2721 13.9993L5.9388 13.9993Z",fill:"#8C8C8C"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_855_82991"},e.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(16.6055) rotate(90)"})))),e.createElement(i,{size:"s3",color:r.colors.gray800,type:"semiBold"},d(m(f),"cm"))),e.createElement("div",{className:"record-item"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_855_82994)"},e.createElement("path",{d:"M9.90072 7.83268C10.361 7.83268 10.734 7.45959 10.734 6.99935C10.734 6.53911 10.361 6.16602 9.90072 6.16602C9.44048 6.16602 9.06738 6.53911 9.06738 6.99935C9.06738 7.45959 9.44048 7.83268 9.90072 7.83268Z",fill:"#8C8C8C"}),e.createElement("path",{d:"M6.56771 7.83268C7.02795 7.83268 7.40104 7.45959 7.40104 6.99935C7.40104 6.53911 7.02795 6.16602 6.56771 6.16602C6.10747 6.16602 5.73438 6.53911 5.73438 6.99935C5.73438 7.45959 6.10747 7.83268 6.56771 7.83268Z",fill:"#8C8C8C"}),e.createElement("path",{d:"M15.528 7.56C15.3614 6.55333 14.6214 5.73333 13.6547 5.44667C13.3014 4.7 12.8014 4.04667 12.1947 3.50667C11.1414 2.56667 9.7547 2 8.2347 2C6.7147 2 5.32803 2.56667 4.2747 3.50667C3.66137 4.04667 3.16137 4.70667 2.8147 5.44667C1.84803 5.73333 1.10803 6.54667 0.941367 7.56C0.9147 7.7 0.901367 7.84667 0.901367 8C0.901367 8.15333 0.9147 8.3 0.941367 8.44C1.10803 9.44667 1.84803 10.2667 2.8147 10.5533C3.16137 11.2933 3.66137 11.9467 4.26137 12.48C5.3147 13.4267 6.70803 14 8.2347 14C9.76137 14 11.1547 13.4267 12.2147 12.48C12.8147 11.9467 13.3147 11.2867 13.6614 10.5533C14.6214 10.2667 15.3614 9.45333 15.528 8.44C15.5547 8.3 15.568 8.15333 15.568 8C15.568 7.84667 15.5547 7.7 15.528 7.56ZM12.9014 9.33333C12.8347 9.33333 12.7747 9.32 12.708 9.31333C12.5747 9.76 12.3814 10.1733 12.1347 10.5533C11.3014 11.8267 9.86803 12.6667 8.2347 12.6667C6.60137 12.6667 5.16803 11.8267 4.3347 10.5533C4.08803 10.1733 3.8947 9.76 3.76137 9.31333C3.6947 9.32 3.6347 9.33333 3.56803 9.33333C2.8347 9.33333 2.2347 8.73333 2.2347 8C2.2347 7.26667 2.8347 6.66667 3.56803 6.66667C3.6347 6.66667 3.6947 6.68 3.76137 6.68667C3.8947 6.24 4.08803 5.82667 4.3347 5.44667C5.16803 4.17333 6.60137 3.33333 8.2347 3.33333C9.86803 3.33333 11.3014 4.17333 12.1347 5.44667C12.3814 5.82667 12.5747 6.24 12.708 6.68667C12.7747 6.68 12.8347 6.66667 12.9014 6.66667C13.6347 6.66667 14.2347 7.26667 14.2347 8C14.2347 8.73333 13.6347 9.33333 12.9014 9.33333ZM8.2347 11.3333C9.5747 11.3333 10.728 10.5133 11.2347 9.33333H5.2347C5.74137 10.5133 6.8947 11.3333 8.2347 11.3333Z",fill:"#8C8C8C"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_855_82994"},e.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.234375)"})))),e.createElement(i,{size:"s3",color:r.colors.gray800,type:"semiBold"},d(m(h),"cm")))))};export{g as BabyGrowthRecord};

package/build/esm/components/babyGrowthSwitch.js

@@ -1 +0,0 @@
-import n from"react";import{Button as e}from"./button.js";import{_ as r}from"../tslib.es6-95636cf4.js";import{t}from"../theme-a50a1aa5.js";import o from"styled-components";var i,s,p=o.div(i||(i=r(["\n  display: flex;\n  justify-content: center;\n  .switch {\n    border: 1px solid ",";\n    padding: 6px 12px;\n    font-weight: 600;\n    font-size: 11px;\n    &:nth-child(2n + 1) {\n      border-radius: 6px 0px 0px 6px;\n      border-right: none;\n    }\n    &:nth-child(2n) {\n      border-radius: 0px 6px 6px 0px;\n      border-left: none;\n    }\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  .switch {\n    border: 1px solid ",";\n    padding: 6px 12px;\n    font-weight: 600;\n    font-size: 11px;\n    &:nth-child(2n + 1) {\n      border-radius: 6px 0px 0px 6px;\n      border-right: none;\n    }\n    &:nth-child(2n) {\n      border-radius: 0px 6px 6px 0px;\n      border-left: none;\n    }\n  }\n"])),t.colors.neutral200);!function(n){n[n.WHO=0]="WHO",n[n.CDC=1]="CDC"}(s||(s={}));var a=function(r){var t=r.switchType,o=r.onTypeChange;return n.createElement(p,null,n.createElement(e,{className:"switch",size:"sm",color:t===s.WHO?"primary":"ghost",onClick:function(){return o(s.WHO)}},"WHO"),n.createElement(e,{className:"switch",size:"sm",isDisabled:!0,color:t===s.CDC?"primary":"ghost",onClick:function(){return o(s.CDC)}},"CDC"))};export{a as BabyGrowthSwitch,s as BabyGrowthSwitchChart,a as default};

package/build/esm/components/babyGrowthTooltip.js

@@ -1 +0,0 @@
-import n,{useMemo as r}from"react";import{t as e}from"../theme-a50a1aa5.js";import{Text as o}from"./text.js";import{_ as t}from"../tslib.es6-95636cf4.js";import i from"styled-components";import{L as a}from"../Locale-2d9f66c1.js";import"../utils-432904d8.js";var l,p=i.div(l||(l=t(["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  }\n  .tooltip {\n    text-align: left;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  }\n  .tooltip {\n    text-align: left;\n  }\n"])),e.colors.yellow600),s=[{name:["3rd","-3SD","97th","3SD"],color:e.colors.red600},{name:["15rd","-2SD","85th","2SD"],color:e.colors.yellow600},{name:["50th","0Median"],color:e.colors.green600}],d={"3rd":"-3SD","15th":"-2SD","50th":"Median","85th":"2SD","97th":"3SD"},c=function(t){var i=t.riskLevel,l=t.tooltips,c=t.locale,x=r((function(){var n;return null===(n=s.find((function(n){return n.name.includes(i||"")})))||void 0===n?void 0:n.color}),[i]),m=r((function(){return c===a.Indonesia?i?d[i]:"":i}),[c,i]);return n.createElement(p,null,n.createElement("div",{className:"risk",style:{backgroundColor:x}},n.createElement(o,{size:"s3",color:e.colors.white,type:"semiBold"},m)),n.createElement("div",{className:"tooltip"},l.map((function(r,t){return n.createElement(o,{key:t,size:"n1",color:e.colors.gray600},r)}))))};export{c as BabyGrowthTooltip};

package/build/esm/components/backdrop.js

@@ -1 +0,0 @@
-import n from"react";import{_ as e}from"../tslib.es6-95636cf4.js";import i from"styled-components";var t,o=i.div(t||(t=e(["\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  background-color: rgba(38, 38, 38, 0.3);\n  z-index: 1;\n  visibility: ",";\n  pointer-events: ",";\n"],["\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  background-color: rgba(38, 38, 38, 0.3);\n  z-index: 1;\n  visibility: ",";\n  pointer-events: ",";\n"])),(function(n){return n.open?"visible":"hidden"}),(function(n){return n.open?"auto":"none"})),r=function(e){var i=e.open,t=void 0!==i&&i,r=e.onClickOutside;return n.createElement(o,{open:t,onClick:r})};export{r as Backdrop};

package/build/esm/components/badge.js

@@ -1 +0,0 @@
-import n from"react";import{_ as t}from"../tslib.es6-95636cf4.js";import{t as i}from"../theme-a50a1aa5.js";import o from"styled-components";var e,a=o.div(e||(e=t(["\n  position: relative;\n\n  > div {\n    width: max-content;\n    position: relative;\n  }\n\n  span {\n    font-weight: ",";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    ","\n  }\n\n  ","\n"],["\n  position: relative;\n\n  > div {\n    width: max-content;\n    position: relative;\n  }\n\n  span {\n    font-weight: ",";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    ","\n  }\n\n  ","\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return function(n,t,o,e){var a="";if("numeric"===n)switch(t){case"medium":a="\n          height: 16px;\n          font-size: 11px;\n          padding: 1px 6px;\n        ";case"large":a="\n          height: 24px;\n          font-size: 13px;\n          padding: 1px 10px;\n        "}var c,r="";o&&(r="\n      position: absolute;\n      top: 0;\n      left: 75%;\n    "),o&&(c="\n      left: 70%;\n\n      ".concat("large"===t?"\n        top: -7px;\n      ":"medium"===t?"\n       top: -2px;\n       width: 16px;\n       height: 16px;\n      ":"","\n    "));var s="";switch(e){case"primary":s="\n      background: ".concat(i.colors.blue50,";\n      color: ").concat(i.colors.blue600,";  \n    ");break;case"error":s="\n        background: ".concat(i.colors.error,";\n        color: white;\n      ")}switch(n){case"dot":return"\n        ".concat(r,"\n        width: 8px;\n        height: 8px;\n        font-size: 0px;\n        border-radius: 50%;\n        ").concat(s,"\n      ");case"numeric":return"\n        ".concat(r,"\n        width: max-content;\n        border-radius: 32px;\n        ").concat(a,"\n        ").concat(c,"\n        ").concat(s,"\n      ")}}(n.notificationType,n.notificationSize,n.hasIcon,n.notificationColor)}),(function(n){return n.hasIcon&&"\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  "})),c=function(t){var i=t.amount,o=t.type,e=t.size,c=void 0===e?"medium":e,r=t.color,s=void 0===r?"primary":r,p=t.icon,l=t.className;return n.createElement(a,{"data-notification-type":o,"data-notification-size":c,"data-notification-color":s,"data-has-icon":!!p||void 0,notificationType:o,notificationSize:c,notificationColor:s,hasIcon:!!p,className:l},n.createElement("div",null,i&&n.createElement("span",null,i)," ",p&&n.createElement("div",null,p)))};export{c as Badge};

package/build/esm/components/borderHeading.js

@@ -1 +0,0 @@
-import{_ as n,a as t}from"../tslib.es6-95636cf4.js";import e from"react";import{M as a}from"../utils-432904d8.js";import i from"styled-components";var o,p=i.h4(o||(o=n(["\n  position: relative;\n  line-height: 18px;\n\n  &:after {\n    position: absolute;\n    top: 1px;\n    left: 0;\n    width: 4px;\n    height: 18px;\n    background-color: ",";\n    content: '';\n  }\n\n  &[data-size='lg'] {\n    font-size: 18px;\n    padding-left: 12px;\n  }\n\n  &[data-size='sm'] {\n    font-size: 14px;\n    padding-left: 8px;\n\n    &::after {\n      width: 2px;\n      height: 15px;\n    }\n  }\n\n  &[data-type='bold'] {\n    font-weight: ",";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ",";\n  }\n\n  &[data-uppercase] {\n    text-transform: uppercase;\n  }\n\n  "," {\n    &[data-size='lg'] {\n      font-size: 16px;\n    }\n  }\n"],["\n  position: relative;\n  line-height: 18px;\n\n  &:after {\n    position: absolute;\n    top: 1px;\n    left: 0;\n    width: 4px;\n    height: 18px;\n    background-color: ",";\n    content: '';\n  }\n\n  &[data-size='lg'] {\n    font-size: 18px;\n    padding-left: 12px;\n  }\n\n  &[data-size='sm'] {\n    font-size: 14px;\n    padding-left: 8px;\n\n    &::after {\n      width: 2px;\n      height: 15px;\n    }\n  }\n\n  &[data-type='bold'] {\n    font-weight: ",";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ",";\n  }\n\n  &[data-uppercase] {\n    text-transform: uppercase;\n  }\n\n  "," {\n    &[data-size='lg'] {\n      font-size: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwSemiBold}),a.mbDown),s=function(n){var a=n.style,i=n.children,o=n.className,s=n.size,r=void 0===s?"lg":s,d=n.type,l=void 0===d?"bold":d,f=n.upperCase,h=n.as,c=void 0===h?"h4":h,x=n.color;return e.createElement(p,{style:t({color:x},a),className:o,"data-size":r,"data-type":l,"data-uppercase":f,as:c},i)};export{s as BorderHeading};

package/build/esm/components/breadcrumbs.js

@@ -1 +0,0 @@
-import{_ as n,a as e}from"../tslib.es6-95636cf4.js";import t,{useMemo as o,Fragment as r}from"react";import{useId as a}from"react-id-generator";import{Dropdown as i}from"./dropdown.js";import l from"styled-components";var s,d,p,g=l.div(s||(s=n(["\n  position: relative;\n  display: flex;\n\n  & > .collapsed-breadcrumb {\n    border: none;\n    & > div {\n      padding: 0;\n    }\n    & > ul {\n      min-width: max-content;\n    }\n  }\n\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: ",";\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n  }\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n    font-weight: ",";\n  }\n"],["\n  position: relative;\n  display: flex;\n\n  & > .collapsed-breadcrumb {\n    border: none;\n    & > div {\n      padding: 0;\n    }\n    & > ul {\n      min-width: max-content;\n    }\n  }\n\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: ",";\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n  }\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n    font-weight: ",";\n  }\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular})),c=l.div(d||(d=n(["\n  margin-right: 8px;\n  margin-left: 8px;\n  width: 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n  &[data-size='lg'] {\n    width: 6px;\n    margin-right: 8px;\n    margin-left: 8px;\n  }\n  &[data-size='md'] {\n    width: 5px;\n    margin-right: 7px;\n    margin-left: 7px;\n  }\n  &[data-size='sm'] {\n    width: 4px;\n    margin-right: 6px;\n    margin-left: 6px;\n  }\n"],["\n  margin-right: 8px;\n  margin-left: 8px;\n  width: 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n  &[data-size='lg'] {\n    width: 6px;\n    margin-right: 8px;\n    margin-left: 8px;\n  }\n  &[data-size='md'] {\n    width: 5px;\n    margin-right: 7px;\n    margin-left: 7px;\n  }\n  &[data-size='sm'] {\n    width: 4px;\n    margin-right: 6px;\n    margin-left: 6px;\n  }\n"]))),m=l.div(p||(p=n(["\n  max-width: 12em;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  > a {\n    color: ",";\n    cursor: pointer;\n    text-decoration: none;\n  }\n\n  &[data-last='true'] {\n    > a {\n      color: ",";\n    }\n  }\n\n  > a {\n    &:hover,\n    &:focus {\n      color: ",";\n      outline: none;\n      .arrowLeft,\n      .arrowRight {\n        stroke: ",";\n      }\n    }\n\n    &:active {\n      color: ",";\n    }\n  }\n\n  &[data-disabled] {\n    > a {\n      cursor: not-allowed;\n      color: ",";\n    }\n  }\n"],["\n  max-width: 12em;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  > a {\n    color: ",";\n    cursor: pointer;\n    text-decoration: none;\n  }\n\n  &[data-last='true'] {\n    > a {\n      color: ",";\n    }\n  }\n\n  > a {\n    &:hover,\n    &:focus {\n      color: ",";\n      outline: none;\n      .arrowLeft,\n      .arrowRight {\n        stroke: ",";\n      }\n    }\n\n    &:active {\n      color: ",";\n    }\n  }\n\n  &[data-disabled] {\n    > a {\n      cursor: not-allowed;\n      color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.gray300})),h=function(n){var e=n.LinkComponent,o=n.page,r=n.isLast,a=n.onChangePage,l=o.label,s=o.value,d=o.isDropdown,p=o.dropdownItems,g=o.dataEventCategory,c=o.dataEventAction,h=o.dataEventLabel;return d?t.createElement(i,{options:p,placeholder:"...",id:"",placeholderIcon:null,onChange:a,className:"collapsed-breadcrumb"}):t.createElement(m,{title:"string"!=typeof l?s:l,"data-last":r},e&&t.createElement(e,{"data-event-category":g,"data-event-action":c,"data-event-label":h,href:s||"#"},l))},u=function(n){var i=n.className,l=n.pages,s=n.size,d=n.LinkComponent,p=void 0===d?"a":d,m=n.onChangePage,u=n.separator,f=o((function(){return l.map((function(n,t){return l.length>4?t>1&&t<l.length-2?null:1===t?e(e({},n),{isDropdown:1===t,dropdownItems:l.slice(1,l.length-2)}):n:n})).filter(Boolean)}),[l]),w=a(f.length);return t.createElement(g,{"data-size":s,className:i},f.map((function(n,e){var o=e+1===f.length;return t.createElement(r,{key:w[e]},t.createElement(h,{LinkComponent:p,page:n,isLast:o,onChangePage:m}),!o&&(u||t.createElement(c,{"data-size":s})))})))};export{u as Breadcrumbs};

package/build/esm/components/button.js

@@ -1 +0,0 @@
-import{_ as n,b as o,a as e}from"../tslib.es6-95636cf4.js";import t from"react";import r,{css as i,keyframes as a}from"styled-components";var d,l,c,p,s,h,g,x,b,u,m,f,k,w,v,y,z,C,B,S,E,P,T,A,L,I,j,F,N,D,H,M,V,W,Z,_,q,G,J,K,O,Q,R=r.button(K||(K=n(["\n  width: auto;\n  border-radius: 6px;\n  ","\n\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n    ","\n\n  ","\n\n  &[data-theme='marryBaby']:disabled,\n  &:disabled {\n    border-color: ",";\n    background-color: ",";\n    color: ",";\n    cursor: not-allowed;\n  }\n\n  ","\n\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n  }\n"],["\n  width: auto;\n  border-radius: 6px;\n  ","\n\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n    ","\n\n  ","\n\n  &[data-theme='marryBaby']:disabled,\n  &:disabled {\n    border-color: ",";\n    background-color: ",";\n    color: ",";\n    cursor: not-allowed;\n  }\n\n  ","\n\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n  }\n"])),(function(o){return"marryBaby"===o.buttonTheme&&i(d||(d=n(["\n      border-radius: 16px;\n    "],["\n      border-radius: 16px;\n    "])))}),(function(n){return n.theme.sizes.fwBold}),(function(o){return o.buttonHasIcon&&i(l||(l=n(["\n      & > span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      svg {\n        width: 16px;\n        height: 16px;\n        margin-right: 8px;\n        vertical-align: middle;\n      }\n\n      & .button-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n      }\n    "],["\n      & > span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      svg {\n        width: 16px;\n        height: 16px;\n        margin-right: 8px;\n        vertical-align: middle;\n      }\n\n      & .button-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n      }\n    "])))}),(function(o){return"primary"===o.buttonColor&&i(b||(b=n(["\n      background-color: ",";\n      border: 1px solid ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover:not(:disabled) {\n        background-color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n\n        ","\n      }\n    "],["\n      background-color: ",";\n      border: 1px solid ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover:not(:disabled) {\n        background-color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n\n        ","\n      }\n    "])),o.theme.colors.primaryBase,o.theme.colors.primaryBase,o.theme.colors.white,"marryBaby"===o.buttonTheme&&i(c||(c=n(["\n        border: solid 2px ",";\n        background-color: ",";\n      "],["\n        border: solid 2px ",";\n        background-color: ",";\n      "])),o.theme.mbColors.pink,o.theme.mbColors.pink),"lg"===o.buttonSize&&i(p||(p=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&i(s||(s=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "]))),"sm"===o.buttonSize&&i(h||(h=n(["\n        padding: 5px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        font-weight: ",";\n      "],["\n        padding: 5px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        font-weight: ",";\n      "])),o.theme.sizes.fwSemiBold),o.theme.colors.primaryHover,"marryBaby"===o.buttonTheme&&i(g||(g=n(["\n          border: solid 2px ",";\n          background-color: ",";\n          color: ",";\n        "],["\n          border: solid 2px ",";\n          background-color: ",";\n          color: ",";\n        "])),o.theme.mbColors.pink,o.theme.colors.white,o.theme.mbColors.pink),o.theme.colors.primaryActive,"marryBaby"===o.buttonTheme&&i(x||(x=n(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),o.theme.mbColors.pink))}),(function(o){return"secondary"===o.buttonColor&&i(y||(y=n(["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n    "],["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n    "])),o.theme.colors.primaryBase,o.theme.colors.white,o.theme.colors.primaryBase,"marryBaby"===o.buttonTheme&&i(u||(u=n(["\n        border-color: ",";\n        background-color: transparent;\n        color: ",";\n      "],["\n        border-color: ",";\n        background-color: transparent;\n        color: ",";\n      "])),o.theme.mbColors.pink,o.theme.mbColors.pink),"lg"===o.buttonSize&&i(m||(m=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&i(f||(f=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "]))),"sm"===o.buttonSize&&i(k||(k=n(["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "],["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "])),o.theme.sizes.fwSemiBold),o.theme.colors.primaryHover,o.theme.colors.primaryHover,o.theme.colors.white,"marryBaby"===o.buttonTheme&&i(w||(w=n(["\n          border-color: ",";\n          background-color: ",";\n        "],["\n          border-color: ",";\n          background-color: ",";\n        "])),o.theme.mbColors.pink,o.theme.mbColors.pink),o.theme.colors.primaryActive,o.theme.colors.primaryActive,o.theme.colors.white,"marryBaby"===o.buttonTheme&&i(v||(v=n(["\n          border-color: ",";\n          background-color: ",";\n        "],["\n          border-color: ",";\n          background-color: ",";\n        "])),o.theme.mbColors.pink,o.theme.mbColors.pink))}),(function(o){return"tertiary"===o.buttonColor&&i(P||(P=n(["\n      border: solid 2px ",";\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n      &:hover {\n        ","\n      }\n\n      ","\n    "],["\n      border: solid 2px ",";\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n      &:hover {\n        ","\n      }\n\n      ","\n    "])),o.theme.colors.gray300,o.theme.colors.gray800,"lg"===o.buttonSize&&i(z||(z=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&i(C||(C=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n        font-weight: ",";\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n        font-weight: ",";\n      "])),o.theme.sizes.fwSemiBold),"sm"===o.buttonSize&&i(B||(B=n(["\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n        border-width: 1px;\n        font-weight: ",";\n      "],["\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n        border-width: 1px;\n        font-weight: ",";\n      "])),o.theme.sizes.fwSemiBold),"marryBaby"===o.buttonTheme&&i(S||(S=n(["\n          color: ",";\n          background-color: ",";\n        "],["\n          color: ",";\n          background-color: ",";\n        "])),o.theme.colors.white,o.theme.mbColors.pink),"marryBaby"===o.buttonTheme&&i(E||(E=n(["\n        color: ",";\n        border-color: ",";\n      "],["\n        color: ",";\n        border-color: ",";\n      "])),o.theme.mbColors.pink,o.theme.mbColors.pink))}),(function(o){return"ghost"===o.buttonColor&&i(I||(I=n(["\n      border: 0;\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n   ","\n\n    &:disabled {\n        border-color: 0;\n        background-color: transparent;\n        color: ",";\n        cursor: not-allowed;\n      }\n    "],["\n      border: 0;\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n   ","\n\n    &:disabled {\n        border-color: 0;\n        background-color: transparent;\n        color: ",";\n        cursor: not-allowed;\n      }\n    "])),o.theme.colors.primaryBase,"lg"===o.buttonSize&&i(T||(T=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&i(A||(A=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "]))),"sm"===o.buttonSize&&i(L||(L=n(["\n        padding: 5px 12px;\n        font-size: 12px;\n        line-height: 18px;\n        font-weight: ",";\n      "],["\n        padding: 5px 12px;\n        font-size: 12px;\n        line-height: 18px;\n        font-weight: ",";\n      "])),o.theme.sizes.fwSemiBold),o.theme.colors.gray300)}),(function(o){return"transparent"===o.buttonColor&&i(D||(D=n(["\n      border: none;\n      background-color: transparent;\n      ","\n\n      ","\n\n    ","\n    "],["\n      border: none;\n      background-color: transparent;\n      ","\n\n      ","\n\n    ","\n    "])),"lg"===o.buttonSize&&i(j||(j=n(["\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&i(F||(F=n(["\n        font-size: 14px;\n        line-height: 24px;\n      "],["\n        font-size: 14px;\n        line-height: 24px;\n      "]))),"sm"===o.buttonSize&&i(N||(N=n(["\n        font-size: 13px;\n        line-height: 20px;\n      "],["\n        font-size: 13px;\n        line-height: 20px;\n      "]))))}),(function(o){return"danger"===o.buttonColor&&i(W||(W=n(["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n      ","\n\n      &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n      }\n    "],["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n      ","\n\n      &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n      }\n    "])),o.theme.colors.red600,o.theme.colors.red600,o.theme.colors.white,"lg"===o.buttonSize&&i(H||(H=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&i(M||(M=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "]))),"sm"===o.buttonSize&&i(V||(V=n(["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "],["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "])),o.theme.sizes.fwSemiBold),o.theme.colors.red200,o.theme.colors.red200,o.theme.colors.white)}),(function(o){return o.buttonIsLoading&&i(G||(G=n(["\n      span {\n        padding-left: 32px;\n      }\n      svg {\n        position: absolute;\n      }\n\n      ","\n\n      ","\n\n    ","\n    "],["\n      span {\n        padding-left: 32px;\n      }\n      svg {\n        position: absolute;\n      }\n\n      ","\n\n      ","\n\n    ","\n    "])),"lg"===o.buttonSize&&i(Z||(Z=n(["\n        svg {\n          width: 26px;\n          height: 26px;\n        }\n      "],["\n        svg {\n          width: 26px;\n          height: 26px;\n        }\n      "]))),"md"===o.buttonSize&&i(_||(_=n(["\n        svg {\n          width: 24px;\n          height: 24px;\n        }\n      "],["\n        svg {\n          width: 24px;\n          height: 24px;\n        }\n      "]))),"sm"===o.buttonSize&&i(q||(q=n(["\n        svg {\n          width: 22px;\n          height: 22px;\n        }\n      "],["\n        svg {\n          width: 22px;\n          height: 22px;\n        }\n      "]))))}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.white}),(function(o){return o.buttonIsBlock&&i(J||(J=n(["\n      width: 100%;\n      padding: 12px auto;\n    "],["\n      width: 100%;\n      padding: 12px auto;\n    "])))})),U=a(O||(O=n(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),X=r.svg(Q||(Q=n(["\n  animation: "," 1.2s linear infinite;\n"],["\n  animation: "," 1.2s linear infinite;\n"])),U),Y=function(n){var r=n.size,i=n.color,a=void 0===i?"primary":i,d=n.theme,l=void 0===d?"helloSites":d,c=n.isDisabled,p=n.isBlock,s=n.title,h=n.className,g=n.onClick,x=n.icon,b=n.children,u=n.isLoading,m=n.loadingText,f=n.dataEventCategory,k=n.dataEventAction,w=n.dataEventLabel,v=n.dataProductChannel,y=n.dataProductSku,z=n.dataProductBrand,C=n.dataProductName,B=n.dataProductPrice,S=n.dataProductCategory,E=n.dataProductPosition,P=n.isAmp,T=n.on,A=n.dataVarsTracking,L=n.type,I=o(n,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","isAmp","on","dataVarsTracking","type"]),j=P?{"data-vars-event-category":f,"data-vars-event-action":k,"data-vars-event-label":w,"data-vars-product-channel":v,"data-vars-product-sku":y,"data-vars-product-brand":z,"data-vars-product-name":C,"data-vars-product-price":B,"data-vars-product-category":S,"data-vars-product-position":E,"data-vars-tracking":A,on:T}:{"data-event-category":f,"data-event-action":k,"data-event-label":w,"data-product-channel":v,"data-product-sku":y,"data-product-brand":z,"data-product-name":C,"data-product-price":B,"data-product-category":S,"data-product-position":E};return t.createElement(R,e({},j,{className:h,"data-size":r,"data-color":a,"data-block":p,"data-has-icon":!!x||void 0,"data-theme":l,disabled:c,onClick:function(n){!u&&!c&&g&&g(n)},title:s,"data-is-loading":u||void 0,buttonHasIcon:!!x,buttonTheme:l,buttonSize:r,buttonColor:a,buttonIsLoading:u,buttonIsBlock:p,type:L},I),u?t.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:24}},("secondary"===a||"transparent"===a||"tertiary"===a||"ghost"===a||"danger"===a)&&t.createElement(t.Fragment,null,t.createElement("svg",{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},t.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"#DBDFE5",strokeWidth:"4"})),t.createElement(X,{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},t.createElement("mask",{id:"a",fill:"#fff"},t.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z"})),t.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z",stroke:"#2D87F3",strokeWidth:"8",mask:"url(#a)"}))),"primary"===a&&t.createElement(t.Fragment,null,t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),t.createElement(X,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t.createElement("mask",{id:"path-1-inside-1",fill:"white"},t.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),t.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),t.createElement("span",null,m)):t.createElement("span",null,!u&&t.createElement("span",{className:"button-icon"},x)," ",b))};export{Y as Button};

package/build/esm/components/carousel.js

@@ -1 +0,0 @@
-import{_ as n,c as t}from"../tslib.es6-95636cf4.js";import e,{useState as i}from"react";import r from"styled-components";var a=e;function o(n){return Array.prototype.slice.call(n)}function s(n,t){var e=Math.floor(n);return e===t||e+1===t?n:t}function u(){return Date.now()}function c(n,t,e){if(t="data-keen-slider-"+t,null===e)return n.removeAttribute(t);n.setAttribute(t,e||"")}function l(n,t){return t=t||document,"function"==typeof n&&(n=n(t)),Array.isArray(n)?n:"string"==typeof n?o(t.querySelectorAll(n)):n instanceof HTMLElement?[n]:n instanceof NodeList?o(n):[]}function d(n){n.raw&&(n=n.raw),n.cancelable&&!n.defaultPrevented&&n.preventDefault()}function f(n){n.raw&&(n=n.raw),n.stopPropagation&&n.stopPropagation()}function p(){var n=[];return{add:function(t,e,i,r){t.addListener?t.addListener(i):t.addEventListener(e,i,r),n.push([t,e,i,r])},input:function(n,t,e,i){this.add(n,t,function(n){return function(t){t.nativeEvent&&(t=t.nativeEvent);var e=t.changedTouches||[],i=t.targetTouches||[],r=t.detail&&t.detail.x?t.detail:null;return n({id:r?r.identifier?r.identifier:"i":i[0]?i[0]?i[0].identifier:"e":"d",idChanged:r?r.identifier?r.identifier:"i":e[0]?e[0]?e[0].identifier:"e":"d",raw:t,x:r&&r.x?r.x:i[0]?i[0].screenX:r?r.x:t.pageX,y:r&&r.y?r.y:i[0]?i[0].screenY:r?r.y:t.pageY})}}(e),i)},purge:function(){n.forEach((function(n){n[0].removeListener?n[0].removeListener(n[2]):n[0].removeEventListener(n[1],n[2],n[3])})),n=[]}}}function v(n,t,e){return Math.min(Math.max(n,t),e)}function m(n){return(n>0?1:0)-(n<0?1:0)||+n}function h(n){var t=n.getBoundingClientRect();return{height:s(t.height,n.offsetHeight),width:s(t.width,n.offsetWidth)}}function g(n,t,e,i){var r=n&&n[t];return null==r?e:i&&"function"==typeof r?r():r}function b(n){return Math.round(1e6*n)/1e6}function x(n,t){if(n===t)return!0;var e=typeof n;if(e!==typeof t)return!1;if("object"!==e||null===n||null===t)return"function"===e&&n.toString()===t.toString();if(n.length!==t.length||Object.getOwnPropertyNames(n).length!==Object.getOwnPropertyNames(t).length)return!1;for(var i in n)if(!x(n[i],t[i]))return!1;return!0}var w=function(){return w=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var r in t=arguments[e])Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n},w.apply(this,arguments)};function k(n,t,e){if(e||2===arguments.length)for(var i,r=0,a=t.length;r<a;r++)!i&&r in t||(i||(i=Array.prototype.slice.call(t,0,r)),i[r]=t[r]);return n.concat(i||Array.prototype.slice.call(t))}function y(n){var t,e,i,r,a,o,s,c,l,d,f,p,h,x,w=1/0,y=[],C=null,E=0;function M(n){O(E+n)}function T(n){var t=L(E+n).abs;return z(t)?t:null}function L(n){var t=Math.floor(Math.abs(b(n/e))),i=b((n%e+e)%e);i===e&&(i=0);var r=m(n),a=s.indexOf(k([],s,!0).reduce((function(n,t){return Math.abs(t-i)<Math.abs(n-i)?t:n}))),u=a;return r<0&&t++,a===o&&(u=0,t+=r>0?1:-1),{abs:u+t*o*r,origin:a,rel:u}}function A(n,t,e){var i;if(t||!N())return D(n,e);if(!z(n))return null;var r=L(null!=e?e:E),a=r.abs,s=n-r.rel,u=a+s;i=D(u);var c=D(u-o*m(s));return(null!==c&&Math.abs(c)<Math.abs(i)||null===i)&&(i=c),b(i)}function D(n,t){if(null==t&&(t=b(E)),!z(n)||null===n)return null;n=Math.round(n);var i=L(t),r=i.abs,a=i.rel,u=i.origin,c=S(n),l=(t%e+e)%e,d=s[u],f=Math.floor((n-(r-a))/o)*e;return b(d-l-d+s[c]+f+(u===o?e:0))}function z(n){return I(n)===n}function I(n){return v(n,l,d)}function N(){return r.loop}function S(n){return(n%o+o)%o}function O(t){var e;e=t-E,y.push({distance:e,timestamp:u()}),y.length>6&&(y=y.slice(-6)),E=b(t);var i=_().abs;if(i!==C){var r=null!==C;C=i,r&&n.emit("slideChanged")}}function _(s){var u=s?null:function(){if(o){var n=N(),t=n?(E%e+e)%e:E,s=(n?E%e:E)-a[0][2],u=0-(s<0&&n?e-Math.abs(s):s),c=0,v=L(E),g=v.abs,b=v.rel,w=a[b][2],k=a.map((function(t,i){var a=u+c;(a<0-t[0]||a>1)&&(a+=(Math.abs(a)>e-1&&n?e:0)*m(-a));var s=i-b,l=m(s),d=s+g;n&&(-1===l&&a>w&&(d+=o),1===l&&a<w&&(d-=o),null!==f&&d<f&&(a+=e),null!==p&&d>p&&(a-=e));var v=a+t[0]+t[1],h=Math.max(a>=0&&v<=1?1:v<0||a>1?0:a<0?Math.min(1,(t[0]+a)/t[0]):(1-a)/t[0],0);return c+=t[0]+t[1],{abs:d,distance:r.rtl?-1*a+1-t[0]:a,portion:h,size:t[0]}}));return g=I(g),b=S(g),{abs:I(g),length:i,max:x,maxIdx:d,min:h,minIdx:l,position:E,progress:n?t/e:E/i,rel:b,slides:k,slidesLength:e}}}();return t.details=u,n.emit("detailsChanged"),u}return t={absToRel:S,add:M,details:null,distToIdx:T,idxToDist:A,init:function(t){if(function(){if(r=n.options,a=(r.trackConfig||[]).map((function(n){return[g(n,"size",1),g(n,"spacing",0),g(n,"origin",0)]})),o=a.length){e=b(a.reduce((function(n,t){return n+t[0]+t[1]}),0));var t,u=o-1;i=b(e+a[0][2]-a[u][0]-a[u][2]-a[u][1]),s=a.reduce((function(n,e){if(!n)return[0];var i=a[n.length-1],r=n[n.length-1]+(i[0]+i[2])+i[1];return r-=e[2],n[n.length-1]>r&&(r=n[n.length-1]),r=b(r),n.push(r),(!t||t<r)&&(c=n.length-1),t=r,n}),null),0===i&&(c=0),s.push(b(e))}}(),!o)return _(!0);var u;!function(){var t=n.options.range,e=n.options.loop;f=l=e?g(e,"min",-1/0):0,p=d=e?g(e,"max",w):c;var i=g(t,"min",null),r=g(t,"max",null);i&&(l=i),r&&(d=r),h=l===-1/0?l:n.track.idxToDist(l||0,!0,0),x=d===w?d:A(d,!0,0),null===r&&(p=d),g(t,"align",!1)&&d!==w&&0===a[S(d)][2]&&(x-=1-a[S(d)][0],d=T(x-E)),h=b(h),x=b(x)}(),u=t,Number(u)===u?M(D(I(t))):_()},to:O,velocity:function(){var n=u(),t=y.reduce((function(t,e){var i=e.distance,r=e.timestamp;return n-r>200||(m(i)!==m(t.distance)&&t.distance&&(t={distance:0,lastTimestamp:0,time:0}),t.time&&(t.distance+=i),t.lastTimestamp&&(t.time+=r-t.lastTimestamp),t.lastTimestamp=r),t}),{distance:0,lastTimestamp:0,time:0});return t.distance/t.time||0}}}function C(n){var t,e,i,r,a,o,s;function u(n){return 2*n}function c(n){return v(n,o,s)}function l(n){return 1-Math.pow(1-n,3)}function d(){h();var t="free-snap"===n.options.mode,e=n.track,o=e.velocity();i=m(o);var s=n.track.details,d=[];if(o||!t){var p=f(o),v=p.dist,g=p.dur;if(g=u(g),v*=i,t){var b=e.idxToDist(e.distToIdx(v),!0);b&&(v=b)}d.push({distance:v,duration:g,easing:l});var x=s.position,w=x+v;if(w<r||w>a){var k=w<r?r-x:a-x,y=0,C=o;if(m(k)===i){var E=Math.min(Math.abs(k)/Math.abs(v),1),M=function(n){return 1-Math.pow(1-n,1/3)}(E)*g;d[0].earlyExit=M,C=o*(1-E)}else d[0].earlyExit=0,y+=k;var T=f(C,100),L=T.dist*i;n.options.rubberband&&(d.push({distance:L,duration:u(T.dur),easing:l}),d.push({distance:-L+y,duration:500,easing:l}))}n.animator.start(d)}else n.moveToIdx(c(s.abs),!0,{duration:500,easing:function(n){return 1+--n*n*n*n*n}})}function f(n,t){void 0===t&&(t=1e3);var e=147e-9+(n=Math.abs(n))/t;return{dist:Math.pow(n,2)/e,dur:n/e}}function p(){var t=n.track.details;t&&(r=t.min,a=t.max,o=t.minIdx,s=t.maxIdx)}function h(){n.animator.stop()}n.on("updated",p),n.on("optionsChanged",p),n.on("created",p),n.on("dragStarted",(function(){h(),t=e=n.track.details.abs})),n.on("dragEnded",(function(){var i=n.options.mode;"snap"===i&&function(){var i=n.track,o=n.track.details,s=o.position,u=m(i.velocity());(s>a||s<r)&&(u=0);var l=t+u;0===o.slides[i.absToRel(l)].portion&&(l-=u),t!==e&&(l=e),m(i.idxToDist(l,!0))!==u&&(l+=u),l=c(l);var d=i.idxToDist(l,!0);n.animator.start([{distance:d,duration:500,easing:function(n){return 1+--n*n*n*n*n}}])}(),"free"!==i&&"free-snap"!==i||d()})),n.on("dragged",(function(){e=n.track.details.abs}))}function E(n){var t,e,i,r,a,o,s,u,c,h,g,b,x,w,k,y,C,E,M=p();function T(t){if(o&&u===t.id){var l=z(t);if(c){if(!D(t))return A(t);h=l,c=!1,n.emit("dragChecked")}if(y)return h=l;d(t);var p=function(t){if(C===-1/0&&E===1/0)return t;var i=n.track.details,o=i.length,s=i.position,u=v(t,C-s,E-s);if(0===o)return 0;if(!n.options.rubberband)return u;if(s<=E&&s>=C)return t;if(s<C&&e>0||s>E&&e<0)return t;var c=(s<C?s-C:s-E)/o,l=r*o,d=Math.abs(c*l),f=Math.max(0,1-d/a*2);return f*f*t}(s(h-l)/r*i);e=m(p);var x=n.track.details.position;(x>C&&x<E||x===C&&e>0||x===E&&e<0)&&f(t),g+=p,!b&&Math.abs(g*r)>5&&(b=!0),n.track.add(p),h=l,n.emit("dragged")}}function L(t){!o&&n.track.details&&n.track.details.length&&(g=0,o=!0,b=!1,c=!0,u=t.id,D(t),h=z(t),n.emit("dragStarted"))}function A(t){o&&u===t.idChanged&&(o=!1,n.emit("dragEnded"))}function D(n){var t=I(),e=t?n.y:n.x,i=t?n.x:n.y,r=void 0!==x&&void 0!==w&&Math.abs(w-i)<=Math.abs(x-e);return x=e,w=i,r}function z(n){return I()?n.y:n.x}function I(){return n.options.vertical}function N(){r=n.size,a=I()?window.innerHeight:window.innerWidth;var t=n.track.details;t&&(C=t.min,E=t.max)}function S(n){b&&(f(n),d(n))}function O(){if(M.purge(),n.options.drag&&!n.options.disabled){var e;e=n.options.dragSpeed||1,s="function"==typeof e?e:function(n){return n*e},i=n.options.rtl?-1:1,N(),t=n.container,function(){var n="data-keen-slider-clickable";l("[".concat(n,"]:not([").concat(n,"=false])"),t).map((function(n){M.add(n,"mousedown",f),M.add(n,"touchstart",f)}))}(),M.add(t,"dragstart",(function(n){d(n)})),M.add(t,"click",S,{capture:!0}),M.input(t,"ksDragStart",L),M.input(t,"ksDrag",T),M.input(t,"ksDragEnd",A),M.input(t,"mousedown",L),M.input(t,"mousemove",T),M.input(t,"mouseleave",A),M.input(t,"mouseup",A),M.input(t,"touchstart",L,{passive:!0}),M.input(t,"touchmove",T,{passive:!1}),M.input(t,"touchend",A),M.input(t,"touchcancel",A),M.add(window,"wheel",(function(n){o&&d(n)}));var r="data-keen-slider-scrollable";l("[".concat(r,"]:not([").concat(r,"=false])"),n.container).map((function(n){return function(n){var t;M.input(n,"touchstart",(function(n){t=z(n),y=!0,k=!0}),{passive:!0}),M.input(n,"touchmove",(function(e){var i=I(),r=i?n.scrollHeight-n.clientHeight:n.scrollWidth-n.clientWidth,a=t-z(e),o=i?n.scrollTop:n.scrollLeft,s=i&&"scroll"===n.style.overflowY||!i&&"scroll"===n.style.overflowX;if(t=z(e),(a<0&&o>0||a>0&&o<r)&&k&&s)return y=!0;k=!1,d(e),y=!1})),M.input(n,"touchend",(function(){y=!1}))}(n)}))}}n.on("updated",N),n.on("optionsChanged",O),n.on("created",O),n.on("destroyed",M.purge)}function M(n){var t,e,i=null;function r(t,e,i){n.animator.active?o(t,e,i):requestAnimationFrame((function(){return o(t,e,i)}))}function a(){r(!1,!1,e)}function o(e,r,a){var o=0,s=n.size,l=n.track.details;if(l&&t){var d=l.slides;t.forEach((function(n,t){if(e)!i&&r&&u(n,null,a),c(n,null,a);else{if(!d[t])return;var l=d[t].size*s;!i&&r&&u(n,l,a),c(n,d[t].distance*s-o,a),o+=l}}))}}function s(t){return"performance"===n.options.renderMode?Math.round(t):t}function u(n,t,e){var i=e?"height":"width";null!==t&&(t=s(t)+"px"),n.style["min-"+i]=t,n.style["max-"+i]=t}function c(n,t,e){if(null!==t){t=s(t);var i=e?t:0;t="translate3d(".concat(e?0:t,"px, ").concat(i,"px, 0)")}n.style.transform=t,n.style["-webkit-transform"]=t}function l(){t&&(o(!0,!0,e),t=null),n.on("detailsChanged",a,!0)}function d(){r(!1,!0,e)}function f(){l(),e=n.options.vertical,n.options.disabled||"custom"===n.options.renderMode||(i="auto"===g(n.options.slides,"perView",null),n.on("detailsChanged",a),(t=n.slides).length&&d())}n.on("created",f),n.on("optionsChanged",f),n.on("beforeOptionsChanged",(function(){l()})),n.on("updated",d),n.on("destroyed",l)}function T(n,t){return function(e){var i,r,a,o,s,u=p();function d(n){var t;c(e.container,"reverse","rtl"!==(t=e.container,window.getComputedStyle(t,null).getPropertyValue("direction"))||n?null:""),c(e.container,"v",e.options.vertical&&!n?"":null),c(e.container,"disabled",e.options.disabled&&!n?"":null)}function f(){v()&&y()}function v(){var n=null;if(o.forEach((function(t){t.matches&&(n=t.__media)})),n===i)return!1;i||e.emit("beforeOptionsChanged"),i=n;var t=n?a.breakpoints[n]:a;return e.options=w(w({},a),t),d(),L(),A(),E(),!0}function m(n){var t=h(n);return(e.options.vertical?t.height:t.width)/e.size||1}function b(){return e.options.trackConfig.length}function x(n){for(var s in i=!1,a=w(w({},t),n),u.purge(),r=e.size,o=[],a.breakpoints||[]){var c=window.matchMedia(s);c.__media=s,o.push(c),u.add(c,"change",f)}u.add(window,"orientationchange",T),u.add(window,"resize",M),v()}function k(n){e.animator.stop();var t=e.track.details;e.track.init(null!=n?n:t?t.abs:0)}function y(n){k(n),e.emit("optionsChanged")}function C(n,t){if(n)return x(n),void y(t);L(),A();var i=b();E(),b()!==i?y(t):k(t),e.emit("updated")}function E(){var n=e.options.slides;if("function"==typeof n)return e.options.trackConfig=n(e.size,e.slides);for(var t=e.slides,i=t.length,r="number"==typeof n?n:g(n,"number",i,!0),a=[],o=g(n,"perView",1,!0),s=g(n,"spacing",0,!0)/e.size||0,u="auto"===o?s:s/o,c=g(n,"origin","auto"),l=0,d=0;d<r;d++){var f="auto"===o?m(t[d]):1/o-s+u,p="center"===c?.5-f/2:"auto"===c?0:c;a.push({origin:p,size:f,spacing:s}),l+=f}if(l+=s*(r-1),"auto"===c&&!e.options.loop&&1!==o){var v=0;a.map((function(n){var t=l-v;return v+=n.size+s,t>=1||(n.origin=1-t-(l>1?0:1-l)),n}))}e.options.trackConfig=a}function M(){L();var n=e.size;e.options.disabled||n===r||(r=n,C())}function T(){M(),setTimeout(M,500),setTimeout(M,2e3)}function L(){var n=h(e.container);e.size=(e.options.vertical?n.height:n.width)||1}function A(){e.slides=l(e.options.selector,e.container)}e.container=(s=l(n,document)).length?s[0]:null,e.destroy=function(){u.purge(),e.emit("destroyed"),d(!0)},e.prev=function(){e.moveToIdx(e.track.details.abs-1,!0)},e.next=function(){e.moveToIdx(e.track.details.abs+1,!0)},e.update=C,x(e.options)}}var L,A,D,z=function(n,t,e){try{return function(n,t){var e,i={};return e={emit:function(n){i[n]&&i[n].forEach((function(n){n(e)}));var t=e.options&&e.options[n];t&&t(e)},moveToIdx:function(n,t,i){var r=e.track.idxToDist(n,t);if(r){var a=e.options.defaultAnimation;e.animator.start([{distance:r,duration:g(i||a,"duration",500),easing:g(i||a,"easing",(function(n){return 1+--n*n*n*n*n}))}])}},on:function(n,t,e){void 0===e&&(e=!1),i[n]||(i[n]=[]);var r=i[n].indexOf(t);r>-1?e&&delete i[n][r]:e||i[n].push(t)},options:n},function(){if(e.track=y(e),e.animator=function(n){var t,e,i,r,a,o;function s(t){o||(o=t),u(!0);var a=t-o;a>i&&(a=i);var d=r[e];if(d[3]<a)return e++,s(t);var f=d[2],p=d[4],v=d[0],m=d[1]*(0,d[5])(0===p?1:(a-f)/p);if(m&&n.track.to(v+m),a<i)return l();o=null,u(!1),c(null),n.emit("animationEnded")}function u(n){t.active=n}function c(n){t.targetIdx=n}function l(){var n;n=s,a=window.requestAnimationFrame(n)}function d(){var t;t=a,window.cancelAnimationFrame(t),u(!1),c(null),o&&n.emit("animationStopped"),o=null}return t={active:!1,start:function(t){if(d(),n.track.details){var a=0,o=n.track.details.position;e=0,i=0,r=t.map((function(n){var t,e=o,r=null!==(t=n.earlyExit)&&void 0!==t?t:n.duration,s=n.easing,u=n.distance*s(r/n.duration)||0;o+=u;var c=i;return i+=r,a+=u,[e,n.distance,c,i,n.duration,s]})),c(n.track.distToIdx(a)),l(),n.emit("animationStarted")}},stop:d,targetIdx:null}}(e),t)for(var n=0,i=t;n<i.length;n++)(0,i[n])(e);e.track.init(e.options.initial||0),e.emit("created")}(),e}(t,k([T(n,{drag:!0,mode:"snap",renderMode:"precision",rubberband:!0,selector:".keen-slider__slide"}),M,E,C],e||[],!0))}catch(n){console.error(n)}},I=function(n,t){var e=a.useRef(null),i=a.useRef(!1),r=a.useRef(n),o=a.useCallback((function(a){a?(r.current=n,e.current=new z(a,n,t),i.current=!1):(e.current&&e.current.destroy&&e.current.destroy(),e.current=null)}),[]);return a.useEffect((function(){x(r.current,n)||(r.current=n,e.current&&e.current.update(r.current))}),[n]),[o,e]},N=r.button(L||(L=n(["\n  background: #ffffff;\n  border: 1px solid ",";\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  border-radius: 24px;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &[data-is-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n\n  &[data-is-left='true'] {\n    left: -16px;\n  }\n  &[data-is-left='false'] {\n    right: -16px;\n    left: auto;\n  }\n"],["\n  background: #ffffff;\n  border: 1px solid ",";\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  border-radius: 24px;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &[data-is-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n\n  &[data-is-left='true'] {\n    left: -16px;\n  }\n  &[data-is-left='false'] {\n    right: -16px;\n    left: auto;\n  }\n"])),(function(n){return n.theme.colors.neutral200})),S=r.button(A||(A=n(["\n  background: ",";\n  border-radius: 50%;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n\n  &[data-is-active='true'] {\n    background: ",";\n\n    &[data-is-hellosites='false'] {\n      background: ",";\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 50%;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n\n  &[data-is-active='true'] {\n    background: ",";\n\n    &[data-is-hellosites='false'] {\n      background: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink})),O=r.div(D||(D=n(["\n  ","\n\n  .navigation-wrapper {\n    position: relative;\n\n    .page-items {\n      display: grid;\n      grid-template-columns: repeat(\n        ",",\n        1fr\n      );\n      grid-template-rows: repeat(",", 1fr);\n      gap: 12px;\n    }\n  }\n\n  .dots {\n    margin-top: 24px;\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n"],["\n  ","\n\n  .navigation-wrapper {\n    position: relative;\n\n    .page-items {\n      display: grid;\n      grid-template-columns: repeat(\n        ",",\n        1fr\n      );\n      grid-template-rows: repeat(",", 1fr);\n      gap: 12px;\n    }\n  }\n\n  .dots {\n    margin-top: 24px;\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n"])),"\n   .keen-slider:not([data-keen-slider-disabled]) {\n    align-content: flex-start;\n    display: flex;\n    overflow: hidden;\n    position: relative;\n    user-select: none;\n    -webkit-touch-callout: none;\n    -khtml-user-select: none;\n    -ms-touch-action: pan-y;\n    touch-action: pan-y;\n    -webkit-tap-highlight-color: transparent;\n    width: 100%;\n\n    .keen-slider__slide {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      min-height: 100%;\n    }\n\n    &[data-keen-slider-reverse] {\n      flex-direction: row-reverse;\n    }\n\n    &[data-keen-slider-v] {\n      flex-wrap: wrap;\n    }\n  }\n\n  [data-keen-slider-moves] * {\n    pointer-events: none;\n  }\n}\n",(function(n){return n.column}),(function(n){return n.row})),_=function(n){var t=n.isDisabled,i=n.isLeft,r=n.onClick,a=n.className,o=n.scheme,s=void 0===o?"hellosites":o;return e.createElement(N,{onClick:r,"data-is-disabled":t,"data-is-left":i,className:a},e.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i?e.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===s?"#595959":"#E55C8A"}):e.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===s?"#595959":"#E55C8A"})))},j=function(n){for(var r=n.row,a=n.column,o=n.children,s=n.scheme,u=void 0===s?"hellosites":s,c=n.classNameLeftArrow,l=void 0===c?"":c,d=n.classNameRightArrow,f=void 0===d?"":d,p=n.mode,v=void 0===p?"snap":p,m=n.isDotsShown,h=void 0===m||m,g=n.isArrowShown,b=void 0!==g&&g,x=n.dataEventCategory,w=n.dataEventAction,k=n.dataEventLabel,y=n.onChangePage,C=e.useState(0),E=C[0],M=C[1],T=i(!1),L=T[0],A=T[1],D=I({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(n){M(n.track.details.rel),y&&y(n.track.details.rel)},created:function(){A(!0)},drag:!0,mode:v,slides:{spacing:12}}),z=D[0],N=D[1],j=[],P=r*a,R=0;R<o.length;R+=P){var Y=o.slice(R,R+P);j.push(Y)}return e.createElement(O,{row:r,column:a},e.createElement("div",{className:"navigation-wrapper"},e.createElement("div",{ref:z,className:"keen-slider slides-wrapper"},j.map((function(n,t){return e.createElement("div",{key:t,className:"keen-slider__slide page-items"},n.map((function(n,t){return e.createElement("div",{key:t},n)})))}))),L&&N.current&&b&&e.createElement(e.Fragment,null,e.createElement(_,{isLeft:!0,onClick:function(n){var t;return n.stopPropagation()||(null===(t=N.current)||void 0===t?void 0:t.prev())},isDisabled:0===E,scheme:u,className:"left-arrow ".concat(l),"data-event-category":x,"data-event-action":w,"data-event-label":k}),e.createElement(_,{isLeft:!1,onClick:function(n){var t;return n.stopPropagation()||(null===(t=N.current)||void 0===t?void 0:t.next())},isDisabled:E===N.current.track.details.slides.length-1,scheme:u,className:"right-arrow ".concat(f),"data-event-category":x,"data-event-action":w,"data-event-label":k}))),L&&N.current&&h&&e.createElement("div",{className:"dots"},t([],Array(N.current.track.details.slides.length),!0).map((function(n,t){return e.createElement(S,{key:t,onClick:function(){var n;null===(n=N.current)||void 0===n||n.moveToIdx(t)},"data-is-active":E===t,"data-is-hellosites":"hellosites"===u})}))))};export{j as Carousel};

package/build/esm/components/categoryCard.js

@@ -1 +0,0 @@
-import n from"react";import{Text as e}from"./text.js";import{_ as t}from"../tslib.es6-95636cf4.js";import r from"styled-components";import"../theme-a50a1aa5.js";import"../utils-432904d8.js";var o,a=r.a(o||(o=t(["\n  display: flex;\n  height: 125px;\n\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  padding: 8px;\n\n  border: 1px solid ",";\n  background-color: white;\n  border-radius: 6px;\n  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n  cursor: pointer;\n  text-decoration: none;\n\n  & > .banner {\n    width: 100%;\n    height: 63px;\n    text-align: center;\n  }\n\n  & > .content {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: center;\n    word-break: break-word;\n  }\n\n  * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  height: 125px;\n\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  padding: 8px;\n\n  border: 1px solid ",";\n  background-color: white;\n  border-radius: 6px;\n  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n  cursor: pointer;\n  text-decoration: none;\n\n  & > .banner {\n    width: 100%;\n    height: 63px;\n    text-align: center;\n  }\n\n  & > .content {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: center;\n    word-break: break-word;\n  }\n\n  * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100})),i=function(t){var r=t.imgBanner,o=t.label,i=t.className,l=t.style,d=t.href,c=void 0===d?"":d,s=t.dataEventCategory,b=t.dataEventAction,p=t.dataEventLabel;return n.createElement(a,{"data-event-category":s,"data-event-action":b,"data-event-label":p,className:i,style:l,href:c,onClick:function(n){""===c&&n.preventDefault()}},n.createElement("div",{className:"banner"},r),n.createElement("div",{className:"content"},n.createElement(e,{className:"category_name",size:"sm",type:"bold"},o)))};export{i as CategoryCard};

package/build/esm/components/checkbox.js

@@ -1 +0,0 @@
-import n from"react";import{_ as e}from"../tslib.es6-95636cf4.js";import{M as r}from"../utils-432904d8.js";import o from"styled-components";var t,i=o.div(t||(t=e(["\n  display: flex;\n  cursor: pointer;\n\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  cursor: pointer;\n\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),a=function(e){var r=e.label,o=e.name,t=e.checked,a=e.className,c=e.isDisabled,l=e.onChange,s=e.value,d=e.isRectangle;return n.createElement(i,{className:a,"data-disabled":c||void 0,"data-is-rectangle":d||void 0,"data-label-text":r},n.createElement("input",{type:"checkbox",checked:t,name:o,onChange:function(){return l(s,!t)},disabled:c,value:s,id:"".concat(o,"-").concat(s),"data-label-text":r}),!d&&n.createElement("label",{htmlFor:"".concat(o,"-").concat(s)},r))};export{a as Checkbox};

package/build/esm/components/checkboxGroup.js

@@ -1 +0,0 @@
-import n from"react";import{Checkbox as e}from"./checkbox.js";import{_ as a}from"../tslib.es6-95636cf4.js";import i from"styled-components";import"../utils-432904d8.js";var t,r=i.div(t||(t=a(["\n  display: flex;\n\n  &[data-type='vertical'] {\n    flex-direction: column;\n\n    div {\n      margin-bottom: 20px;\n    }\n  }\n\n  &[data-type='horizontal'] {\n    flex-wrap: wrap;\n\n    div {\n      margin-right: 25px;\n    }\n\n    &[data-is-rectangle] {\n      div {\n        margin-right: 14px;\n      }\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-type='vertical'] {\n    flex-direction: column;\n\n    div {\n      margin-bottom: 20px;\n    }\n  }\n\n  &[data-type='horizontal'] {\n    flex-wrap: wrap;\n\n    div {\n      margin-right: 25px;\n    }\n\n    &[data-is-rectangle] {\n      div {\n        margin-right: 14px;\n      }\n    }\n  }\n"]))),l=function(a){var i=a.name,t=a.values,l=void 0===t?[]:t,o=a.onChanges,c=a.options,d=void 0===c?[]:c,s=a.className,p=a.type,m=void 0===p?"vertical":p,v=a.isDisabled,f=a.isRectangle,g=function(n,e){var a=l.slice();if(e)a.push(n);else{var i=a.findIndex((function(e){return e===n}));a.splice(i,1)}o&&o(a)};return n.createElement(r,{className:s,"data-type":m,"data-is-rectangle":f||void 0},d.map((function(a,t){return n.createElement(e,{label:a.label,name:i,key:"".concat(t,"-").concat(a.value),checked:l.includes(a.value),value:a.value,isDisabled:v||a.disabled,onChange:!v&&g,isRectangle:f})})))};export{l as CheckboxGroup};

package/build/esm/components/childCard.js

@@ -1 +0,0 @@
-import e,{useRef as n,useState as t}from"react";import{u as o}from"../useTranslations-d9bcdd4c.js";import{t as r}from"../theme-a50a1aa5.js";import{Heading as i}from"./heading.js";import{Icon as a}from"./icons.js";import{Text as l}from"./text.js";import{_ as C}from"../tslib.es6-95636cf4.js";import{Menu as s}from"./menu.js";import c from"styled-components";import{u as m}from"../useOutsideClick-6004483a.js";import{s as d}from"../utils-432904d8.js";import{G as p}from"../BabyGrowth-a6bb24d9.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"../FullScreen-a24fd8fa.js";var f,h,u,g=c.div(f||(f=C(["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"],["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"])),r.colors.white,r.colors.gray100),x=c.div(h||(h=C(["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"]))),E=c(s)(u||(u=C(["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"],["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"]))),w=function(t){var i=t.name,a=t.onClose,C=t.onEdit,c=t.onSwitch,d=t.onAdd,p=t.onRemove,f=o().t,h=n();return m(h,a),e.createElement("div",{ref:h},e.createElement(E,{width:250},e.createElement(s.Item,{onClick:C,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.7812 1.83301C12.2987 1.83301 11.8162 2.01676 11.4479 2.38509L10.6667 3.16634L13.3333 5.83301L14.1146 5.05176C14.8506 4.31576 14.8506 3.12176 14.1146 2.38509C13.7463 2.01676 13.2638 1.83301 12.7812 1.83301ZM9.66667 4.16634L2 11.833V14.4997H4.66667L12.3333 6.83301L9.66667 4.16634Z",fill:"#595959"}))},e.createElement(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.edit",{name:i}))),e.createElement(s.Item,{onClick:c,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M8 2.5C4.9478 2.5 2.4204 4.79359 2.05078 7.7513C2.03763 7.83928 2.04222 7.929 2.06428 8.01518C2.08634 8.10136 2.12542 8.18226 2.17922 8.2531C2.23303 8.32394 2.30046 8.3833 2.37756 8.42768C2.45465 8.47206 2.53985 8.50057 2.62813 8.51152C2.71642 8.52247 2.806 8.51564 2.8916 8.49143C2.9772 8.46723 3.05709 8.42614 3.12657 8.37059C3.19605 8.31503 3.2537 8.24613 3.29615 8.16795C3.33859 8.08978 3.36496 8.00389 3.3737 7.91536C3.66141 5.61307 5.61354 3.83333 8 3.83333C9.34288 3.83333 10.5434 4.39987 11.3919 5.30339L10.0977 6.59766C9.96766 6.72766 9.96766 6.93901 10.0977 7.06901C10.1623 7.13434 10.248 7.16667 10.3333 7.16667H13.3333C13.5101 7.16667 13.6797 7.09643 13.8047 6.9714C13.9298 6.84638 14 6.67681 14 6.5V3.5C14 3.41467 13.967 3.32966 13.9023 3.26432C13.7723 3.13432 13.561 3.13432 13.431 3.26432L12.3359 4.35938C11.2437 3.21415 9.7037 2.5 8 2.5ZM13.2943 8.49089C13.1292 8.48959 12.9695 8.54959 12.8461 8.65928C12.7227 8.76896 12.6444 8.92053 12.6263 9.08464C12.3386 11.3869 10.3865 13.1667 8 13.1667C6.65713 13.1667 5.45884 12.5994 4.60938 11.6953L5.90234 10.4023C6.03234 10.2723 6.03234 10.061 5.90234 9.93099C5.83768 9.86566 5.752 9.83333 5.66667 9.83333H2.66667C2.48986 9.83333 2.32029 9.90357 2.19526 10.0286C2.07024 10.1536 2 10.3232 2 10.5V13.5C2 13.5853 2.03299 13.6703 2.09766 13.7357C2.22766 13.8657 2.43901 13.8657 2.56901 13.7357L3.66536 12.6393C4.75711 13.7836 6.29696 14.5 8 14.5C11.0522 14.5 13.5796 12.2064 13.9492 9.2487C13.9622 9.1548 13.955 9.05922 13.928 8.96833C13.9011 8.87745 13.8552 8.79334 13.7932 8.72163C13.7312 8.64991 13.6546 8.59224 13.5686 8.55245C13.4826 8.51266 13.3891 8.49167 13.2943 8.49089Z",fill:"#595959"}))},e.createElement(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.switch"))),e.createElement(s.Item,{onClick:d,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9564 8.56545C15.7745 7.46727 14.9673 6.57273 13.9127 6.26C13.5273 5.44545 12.9818 4.73273 12.32 4.14364C11.1709 3.11818 9.65818 2.5 8 2.5C6.34182 2.5 4.82909 3.11818 3.68 4.14364C3.01091 4.73273 2.46545 5.45273 2.08727 6.26C1.03273 6.57273 0.225455 7.46 0.0436364 8.56545C0.0145455 8.71818 0 8.87818 0 9.04545C0 9.21273 0.0145455 9.37273 0.0436364 9.52545C0.225455 10.6236 1.03273 11.5182 2.08727 11.8309C2.46545 12.6382 3.01091 13.3509 3.66545 13.9327C4.81455 14.9655 6.33455 15.5909 8 15.5909C9.66545 15.5909 11.1855 14.9655 12.3418 13.9327C12.9964 13.3509 13.5418 12.6309 13.92 11.8309C14.9673 11.5182 15.7745 10.6309 15.9564 9.52545C15.9855 9.37273 16 9.21273 16 9.04545C16 8.87818 15.9855 8.71818 15.9564 8.56545ZM6.18182 7.04545C5.67974 7.04545 5.27273 7.45247 5.27273 7.95455C5.27273 8.45662 5.67974 8.86364 6.18182 8.86364C6.6839 8.86364 7.09091 8.45662 7.09091 7.95455C7.09091 7.45247 6.6839 7.04545 6.18182 7.04545ZM9.81818 7.04545C9.3161 7.04545 8.90909 7.45247 8.90909 7.95455C8.90909 8.45662 9.3161 8.86364 9.81818 8.86364C10.3203 8.86364 10.7273 8.45662 10.7273 7.95455C10.7273 7.45247 10.3203 7.04545 9.81818 7.04545ZM5.01821 10.5H10.9818C11.1128 10.5 11.2073 10.6455 11.1491 10.7691C10.5455 11.9109 9.36002 12.6818 8.00002 12.6818C6.64002 12.6818 5.45457 11.9109 4.85093 10.7691C4.78548 10.6455 4.88002 10.5 5.01821 10.5ZM12.9538 10.4875C12.9991 10.4938 13.0435 10.5 13.0909 10.5C13.8909 10.5 14.5455 9.84545 14.5455 9.04545C14.5455 8.24545 13.8909 7.59091 13.0909 7.59091C13.0435 7.59091 12.9991 7.5971 12.9538 7.60343C12.9297 7.60679 12.9053 7.6102 12.88 7.61273C12.7345 7.12545 12.5236 6.67455 12.2545 6.26C11.3455 4.87091 9.78182 3.95455 8 3.95455C6.21818 3.95455 4.65455 4.87091 3.74545 6.26C3.47636 6.67455 3.26545 7.12545 3.12 7.61273C3.09473 7.6102 3.07033 7.60679 3.0462 7.60343C3.0009 7.5971 2.95654 7.59091 2.90909 7.59091C2.10909 7.59091 1.45455 8.24545 1.45455 9.04545C1.45455 9.84545 2.10909 10.5 2.90909 10.5C2.95654 10.5 3.0009 10.4938 3.0462 10.4875C3.07033 10.4841 3.09473 10.4807 3.12 10.4782C3.26545 10.9655 3.47636 11.4164 3.74545 11.8309C4.65455 13.22 6.21818 14.1364 8 14.1364C9.78182 14.1364 11.3455 13.22 12.2545 11.8309C12.5236 11.4164 12.7345 10.9655 12.88 10.4782C12.9053 10.4807 12.9297 10.4841 12.9538 10.4875Z",fill:"#595959"}),e.createElement("path",{d:"M2.5 2V1C2.5 0.725 2.275 0.5 2 0.5C1.725 0.5 1.5 0.725 1.5 1V2H0.5C0.225 2 0 2.225 0 2.5C0 2.775 0.225 3 0.5 3H1.5V4C1.5 4.275 1.725 4.5 2 4.5C2.275 4.5 2.5 4.275 2.5 4V3H3.5C3.775 3 4 2.775 4 2.5C4 2.225 3.775 2 3.5 2H2.5Z",fill:"#595959"}))},e.createElement(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.add"))),e.createElement(s.Item,{onClick:p,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M6.66699 1.83301L6.00033 2.49967H3.33366C2.93366 2.49967 2.66699 2.76634 2.66699 3.16634C2.66699 3.56634 2.93366 3.83301 3.33366 3.83301H4.66699H11.3337H12.667C13.067 3.83301 13.3337 3.56634 13.3337 3.16634C13.3337 2.76634 13.067 2.49967 12.667 2.49967H10.0003L9.33366 1.83301H6.66699ZM3.33366 5.16634V13.833C3.33366 14.5663 3.93366 15.1663 4.66699 15.1663H11.3337C12.067 15.1663 12.667 14.5663 12.667 13.833V5.16634H3.33366ZM6.00033 6.49967C6.40033 6.49967 6.66699 6.76634 6.66699 7.16634V13.1663C6.66699 13.5663 6.40033 13.833 6.00033 13.833C5.60033 13.833 5.33366 13.5663 5.33366 13.1663V7.16634C5.33366 6.76634 5.60033 6.49967 6.00033 6.49967ZM10.0003 6.49967C10.4003 6.49967 10.667 6.76634 10.667 7.16634V13.1663C10.667 13.5663 10.4003 13.833 10.0003 13.833C9.60033 13.833 9.33366 13.5663 9.33366 13.1663V7.16634C9.33366 6.76634 9.60033 6.49967 10.0003 6.49967Z",fill:"#F44D2C"}))},e.createElement(l,{size:"p2",color:r.colors.red600},f("childCard.menu.remove",{name:i})))))},v=function(e,n){if(e)if(e.year<1){if(0===e.month)switch(e.week){case 0:case 1:return n("childCard.age.oneWeek");default:return n("childCard.age.week",{weeks:e.week})}if(e.month>0)return n("childCard.age.months",{month:e.month})}else{if(0===e.month)return n("childCard.age.yearNoMonth",{year:e.year});if(e.month>0)return n("childCard.age.yearMonth",{year:e.year,month:e.month})}},y=function(n){var C=n.name,s=n.gender,c=n.age,m=n.isLoggedIn,f=void 0!==m&&m,h=n.showMenu,u=void 0!==h&&h,E=n.onEdit,y=n.onSwitch,b=n.onAdd,H=n.onRemove,M=n.className,j=o().t,Z=t(!1),k=Z[0],L=Z[1];return e.createElement(g,{className:M},e.createElement("div",{"data-testid":"gender"},s===p.Boy?e.createElement(a.Boy,{"data-testid":"boy",id:"boy"}):e.createElement(a.Girl,{"data-testid":"girl",id:"girl"})),e.createElement("div",{className:"information"},e.createElement(i,{tag:"h5",fontWeight:"bold",color:r.colors.gray800},d(C)||j("childCard.noName")),e.createElement("div",{className:"detail"},e.createElement("div",null,s===p.Boy?e.createElement(a.GenderBoy,null):e.createElement(a.GenderGirl,null),e.createElement(l,{size:"p3",color:r.colors.gray800,style:{textTransform:"capitalize"}},s)),e.createElement("div",null,e.createElement(a.Calendar,{size:16}),c&&e.createElement(l,{size:"p3",color:r.colors.gray800},v(c,j))))),u&&f&&e.createElement(x,null,e.createElement(a.Kebab,{onClick:function(){return L((function(e){return!e}))}}),k&&e.createElement(w,{name:C,onClose:function(){return L(!1)},onEdit:function(){L(!1),E()},onSwitch:function(){L(!1),y()},onAdd:function(){L(!1),b()},onRemove:function(){L(!1),H()}})))};export{y as ChildCard,v as renderChildAge};

package/build/esm/components/container.js

@@ -1 +0,0 @@
-import n from"react";import{_ as t}from"../tslib.es6-95636cf4.js";import{M as a}from"../utils-432904d8.js";import r from"styled-components";var m,e=r.div(m||(m=t(["\n  width: 100%;\n  margin: 0 auto;\n  "," {\n    padding: 0 16px;\n  }\n  "," {\n    max-width: 1170px;\n    &[data-type='marryBaby'] {\n      max-width: 1064px;\n    }\n  }\n"],["\n  width: 100%;\n  margin: 0 auto;\n  "," {\n    padding: 0 16px;\n  }\n  "," {\n    max-width: 1170px;\n    &[data-type='marryBaby'] {\n      max-width: 1064px;\n    }\n  }\n"])),a.mbDown,a.tdUp),i=function(t){var a=t.children,r=t.className,m=t.style,i=t.type;return n.createElement(e,{className:r,style:m,"data-type":i},a)};export{i as Container};

package/build/esm/components/cookieAcceptConfirm.js

@@ -1 +0,0 @@
-import n from"react";import{_ as e}from"../tslib.es6-95636cf4.js";import{M as t}from"../utils-432904d8.js";import o from"styled-components";var i,r,a,l,d,p,s=o.div(i||(i=e(["\n  padding: 16px;\n  width: 375px;\n  word-wrap: break-word;\n  word-break: break-word;\n  "," {\n    width: 100%;\n  }\n  &[data-theme='helloSites'] {\n    background: ",";\n    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n  }\n  &[data-theme='marryBaby'] {\n    border: none;\n    background: ",";\n    border-radius: 12px 12px 0 0;\n  }\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-default-position='true'] {\n    position: fixed;\n    z-index: 1000;\n    bottom: 0;\n    right: 0;\n    "," {\n      left: 0;\n      right: unset;\n    }\n  }\n"],["\n  padding: 16px;\n  width: 375px;\n  word-wrap: break-word;\n  word-break: break-word;\n  "," {\n    width: 100%;\n  }\n  &[data-theme='helloSites'] {\n    background: ",";\n    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n  }\n  &[data-theme='marryBaby'] {\n    border: none;\n    background: ",";\n    border-radius: 12px 12px 0 0;\n  }\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-default-position='true'] {\n    position: fixed;\n    z-index: 1000;\n    bottom: 0;\n    right: 0;\n    "," {\n      left: 0;\n      right: unset;\n    }\n  }\n"])),t.mbDown,(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.pink}),t.mbDown),c=o.p(r||(r=e(["\n  position: relative;\n  padding-left: 24px;\n  color: ",";\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n  &[data-has-content='true'] {\n    ::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      width: 16px;\n      height: 16px;\n      margin: auto 0;\n      content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n    }\n  }\n"],["\n  position: relative;\n  padding-left: 24px;\n  color: ",";\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n  &[data-has-content='true'] {\n    ::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      width: 16px;\n      height: 16px;\n      margin: auto 0;\n      content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n    }\n  }\n"])),(function(n){return n.theme.colors.white})),h=o.p(a||(a=e(["\n  margin-top: 2px;\n  color: ",";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n  a {\n    color: ",";\n    text-decoration: none;\n    text-decoration-line: underline;\n  }\n"],["\n  margin-top: 2px;\n  color: ",";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n  a {\n    color: ",";\n    text-decoration: none;\n    text-decoration-line: underline;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),x=o.div(l||(l=e(["\n  display: flex;\n  align-items: center;\n  margin-top: 8px;\n  gap: 16px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 8px;\n  gap: 16px;\n"]))),u=o.div(d||(d=e(["\n  padding: 7px 28px;\n  background: ",";\n  border-radius: 6px;\n  color: ",";\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n"],["\n  padding: 7px 28px;\n  background: ",";\n  border-radius: 6px;\n  color: ",";\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.secondaryBase})),g=o.a(p||(p=e(["\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 22px;\n  text-decoration: none;\n  text-decoration-line: underline;\n"],["\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 22px;\n  text-decoration: none;\n  text-decoration-line: underline;\n"])),(function(n){return n.theme.colors.white})),m=function(e){var t=e.className,o=e.policiesUrl,i=e.onAcceptClick,r=e.translations,a=void 0===r?{acceptButton:"Accept",policiesButton:"Our Policies"}:r,l=e.title,d=void 0===l?"":l,p=e.description,m=void 0===p?"":p,f=e.theme,w=void 0===f?"helloSites":f,b=e.isOpen,v=void 0===b||b,C=e.useDefaultPosition,k=void 0===C||C,y=e.trackingAttributes;return n.createElement(s,{className:t,"data-theme":w,"data-is-open":v,"data-default-position":k},n.createElement(c,{"data-has-content":!!d},d),n.createElement(h,{dangerouslySetInnerHTML:{__html:m}}),n.createElement(x,null,n.createElement(u,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:i,"data-event-category":null==y?void 0:y.dataEventCategory,"data-event-action":null==y?void 0:y.dataEventAction,"data-event-label":null==y?void 0:y.dataEventLabel},a.acceptButton),n.createElement(g,{href:o},a.policiesButton)))};export{m as CookieAcceptConfirm};

package/build/esm/components/datePicker.js

@@ -1 +0,0 @@
-import{_ as n,a as e}from"../tslib.es6-95636cf4.js";import r,{useRef as t,useState as a,useEffect as i}from"react";import{format as o}from"date-fns";import c from"react-day-picker/DayPickerInput";import d from"styled-components";var l,p,s={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},y=d.div(l||(l=n(["\n  .pickerContainer {\n    position: relative;\n    padding-top: 0;\n    & > div > svg {\n      position: absolute;\n      top: 36px;\n      right: 16px;\n      cursor: pointer;\n    }\n\n    & > :not(:first-child) {\n      position: absolute;\n      z-index: 1;\n      width: 100%;\n    }\n  }\n\n  &[data-is-static] .pickerOverlayWrapper {\n    position: static;\n    max-width: 250px;\n    aspect-ratio: 1 / 1;\n\n    > .pickerOverlay {\n      padding: 1rem;\n    }\n  }\n\n  .pickerOverlayWrapper {\n    min-width: 320px;\n  }\n\n  &[data-align-right='true'] {\n    .pickerOverlayWrapper {\n      right: 0;\n    }\n  }\n\n  .pickerOverlay {\n    margin-top: 6px;\n    background: white;\n    border-radius: 6px;\n    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n  }\n\n  .picker {\n    width: 100%;\n  }\n\n  .react-datepicker-popper {\n    .react-datepicker {\n      display: flex;\n      width: 340px;\n      height: 305px;\n      align-items: center;\n      justify-content: center;\n      border: none;\n      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n        (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n    }\n\n    .svg {\n      cursor: pointer;\n      stroke: ",";\n    }\n    .react-datepicker__day {\n      width: 40px;\n    }\n\n    .react-datepicker__header {\n      border-bottom: 0;\n      background-color: white;\n    }\n\n    .react-datepicker__day--outside-month {\n      color: #e9e9e9;\n    }\n\n    .react-datepicker__day {\n      font-weight: ",";\n    }\n\n    .react-datepicker__day--selected,\n    .react-datepicker__day--today,\n    .react-datepicker__day--selected:hover,\n    .react-datepicker__day--keyboard-selected {\n      width: 32px;\n      height: 30px;\n      margin: 4px;\n      margin-bottom: -2px;\n      background: ",";\n      border-radius: 50%;\n    }\n\n    .react-datepicker__day-name {\n      width: 40px;\n    }\n\n    .react-datepicker__triangle {\n      display: none;\n    }\n\n    .react-datepicker__header.react-datepicker__header--custom {\n      svg {\n        stroke: #262626;\n      }\n      select {\n        background: ",";\n        text-align: center;\n        &:not(:last-child) {\n          padding: 8px 10px;\n          margin-right: 15px;\n          border-radius: 6px;\n        }\n      }\n    }\n  }\n\n  /* DayPicker styles */\n\n  .DayPicker {\n    display: inline-block;\n    font-size: 1rem;\n  }\n\n  .DayPicker-wrapper {\n    position: relative;\n\n    flex-direction: row;\n    padding-bottom: 1em;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-Months {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .DayPicker-Month {\n    display: table;\n    margin: 0 16px;\n    margin-top: 16px;\n    border-collapse: collapse;\n    border-spacing: 0;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-NavBar {\n    position: absolute;\n    top: 16px;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 0;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 20px;\n  }\n\n  .DayPicker-NavButton {\n    width: 24px;\n    height: 24px;\n    margin-bottom: -47px;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 16px 16px;\n    color: #8b9898;\n    cursor: pointer;\n  }\n\n  .DayPicker-NavButton:hover {\n    opacity: 0.8;\n  }\n\n  .DayPicker-NavButton--prev {\n    //left: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--next {\n    //right: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--interactionDisabled {\n    display: none;\n  }\n\n  .DayPicker-Caption {\n    display: table-caption;\n    width: 100%;\n    height: 46px;\n    padding: 0 32px;\n  }\n\n  .DayPicker-Caption select {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 24px;\n    text-align: left;\n  }\n\n  .DayPicker-Weekdays {\n    display: table-header-group;\n    margin-top: 1em;\n  }\n\n  .DayPicker-WeekdaysRow {\n    display: table-row;\n  }\n\n  .DayPicker-Weekday {\n    display: table-cell;\n    padding: 0.5em;\n    color: #8b9898;\n    font-size: 0.875em;\n    text-align: center;\n  }\n\n  .DayPicker-Weekday abbr[title] {\n    border-bottom: none;\n    text-decoration: none;\n  }\n\n  .DayPicker-Body {\n    display: table-row-group;\n  }\n\n  .DayPicker-Week {\n    display: table-row;\n  }\n\n  .DayPicker-Day {\n    display: table-cell;\n\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    cursor: pointer;\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  .DayPicker-WeekNumber {\n    display: table-cell;\n    min-width: 1em;\n    padding: 0.5em;\n    border-right: 1px solid #eaecec;\n    color: #8b9898;\n    cursor: pointer;\n    font-size: 0.75em;\n    text-align: right;\n    vertical-align: middle;\n  }\n\n  .DayPicker--interactionDisabled .DayPicker-Day {\n    cursor: default;\n  }\n\n  .DayPicker-Footer {\n    padding-top: 0.5em;\n  }\n\n  .DayPicker-TodayButton {\n    border: none;\n    background-color: transparent;\n    background-image: none;\n    box-shadow: none;\n    color: #4a90e2;\n    cursor: pointer;\n    font-size: 0.875em;\n  }\n\n  /* Default modifiers */\n\n  .DayPicker-Day--today {\n    color: #d0021b;\n    font-weight: 700;\n  }\n\n  .DayPicker-Day--outside {\n    color: #8b9898;\n    cursor: default;\n  }\n\n  .DayPicker-Day--disabled {\n    color: #dce0e0;\n    cursor: default;\n    /* background-color: #eff1f1; */\n  }\n\n  /* Example modifiers */\n\n  .DayPicker-Day--sunday {\n    background-color: #f7f8f8;\n  }\n\n  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n    color: #dce0e0;\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n    position: relative;\n\n    background-color: ",";\n    color: #f0f8ff;\n    font-weight: ",";\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n    background-color: #51a0fa;\n  }\n\n  .DayPicker:not(.DayPicker--interactionDisabled)\n    .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n    background-color: #f0f8ff;\n  }\n\n  /* DayPickerInput */\n\n  .DayPickerInput {\n    display: inline-block;\n  }\n\n  .DayPickerInput-OverlayWrapper {\n    position: relative;\n  }\n\n  .DayPickerInput-Overlay {\n    position: absolute;\n    z-index: 1;\n    left: 0;\n\n    background: white;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n  }\n"],["\n  .pickerContainer {\n    position: relative;\n    padding-top: 0;\n    & > div > svg {\n      position: absolute;\n      top: 36px;\n      right: 16px;\n      cursor: pointer;\n    }\n\n    & > :not(:first-child) {\n      position: absolute;\n      z-index: 1;\n      width: 100%;\n    }\n  }\n\n  &[data-is-static] .pickerOverlayWrapper {\n    position: static;\n    max-width: 250px;\n    aspect-ratio: 1 / 1;\n\n    > .pickerOverlay {\n      padding: 1rem;\n    }\n  }\n\n  .pickerOverlayWrapper {\n    min-width: 320px;\n  }\n\n  &[data-align-right='true'] {\n    .pickerOverlayWrapper {\n      right: 0;\n    }\n  }\n\n  .pickerOverlay {\n    margin-top: 6px;\n    background: white;\n    border-radius: 6px;\n    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n  }\n\n  .picker {\n    width: 100%;\n  }\n\n  .react-datepicker-popper {\n    .react-datepicker {\n      display: flex;\n      width: 340px;\n      height: 305px;\n      align-items: center;\n      justify-content: center;\n      border: none;\n      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n        (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n    }\n\n    .svg {\n      cursor: pointer;\n      stroke: ",";\n    }\n    .react-datepicker__day {\n      width: 40px;\n    }\n\n    .react-datepicker__header {\n      border-bottom: 0;\n      background-color: white;\n    }\n\n    .react-datepicker__day--outside-month {\n      color: #e9e9e9;\n    }\n\n    .react-datepicker__day {\n      font-weight: ",";\n    }\n\n    .react-datepicker__day--selected,\n    .react-datepicker__day--today,\n    .react-datepicker__day--selected:hover,\n    .react-datepicker__day--keyboard-selected {\n      width: 32px;\n      height: 30px;\n      margin: 4px;\n      margin-bottom: -2px;\n      background: ",";\n      border-radius: 50%;\n    }\n\n    .react-datepicker__day-name {\n      width: 40px;\n    }\n\n    .react-datepicker__triangle {\n      display: none;\n    }\n\n    .react-datepicker__header.react-datepicker__header--custom {\n      svg {\n        stroke: #262626;\n      }\n      select {\n        background: ",";\n        text-align: center;\n        &:not(:last-child) {\n          padding: 8px 10px;\n          margin-right: 15px;\n          border-radius: 6px;\n        }\n      }\n    }\n  }\n\n  /* DayPicker styles */\n\n  .DayPicker {\n    display: inline-block;\n    font-size: 1rem;\n  }\n\n  .DayPicker-wrapper {\n    position: relative;\n\n    flex-direction: row;\n    padding-bottom: 1em;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-Months {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .DayPicker-Month {\n    display: table;\n    margin: 0 16px;\n    margin-top: 16px;\n    border-collapse: collapse;\n    border-spacing: 0;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-NavBar {\n    position: absolute;\n    top: 16px;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 0;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 20px;\n  }\n\n  .DayPicker-NavButton {\n    width: 24px;\n    height: 24px;\n    margin-bottom: -47px;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 16px 16px;\n    color: #8b9898;\n    cursor: pointer;\n  }\n\n  .DayPicker-NavButton:hover {\n    opacity: 0.8;\n  }\n\n  .DayPicker-NavButton--prev {\n    //left: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--next {\n    //right: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--interactionDisabled {\n    display: none;\n  }\n\n  .DayPicker-Caption {\n    display: table-caption;\n    width: 100%;\n    height: 46px;\n    padding: 0 32px;\n  }\n\n  .DayPicker-Caption select {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 24px;\n    text-align: left;\n  }\n\n  .DayPicker-Weekdays {\n    display: table-header-group;\n    margin-top: 1em;\n  }\n\n  .DayPicker-WeekdaysRow {\n    display: table-row;\n  }\n\n  .DayPicker-Weekday {\n    display: table-cell;\n    padding: 0.5em;\n    color: #8b9898;\n    font-size: 0.875em;\n    text-align: center;\n  }\n\n  .DayPicker-Weekday abbr[title] {\n    border-bottom: none;\n    text-decoration: none;\n  }\n\n  .DayPicker-Body {\n    display: table-row-group;\n  }\n\n  .DayPicker-Week {\n    display: table-row;\n  }\n\n  .DayPicker-Day {\n    display: table-cell;\n\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    cursor: pointer;\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  .DayPicker-WeekNumber {\n    display: table-cell;\n    min-width: 1em;\n    padding: 0.5em;\n    border-right: 1px solid #eaecec;\n    color: #8b9898;\n    cursor: pointer;\n    font-size: 0.75em;\n    text-align: right;\n    vertical-align: middle;\n  }\n\n  .DayPicker--interactionDisabled .DayPicker-Day {\n    cursor: default;\n  }\n\n  .DayPicker-Footer {\n    padding-top: 0.5em;\n  }\n\n  .DayPicker-TodayButton {\n    border: none;\n    background-color: transparent;\n    background-image: none;\n    box-shadow: none;\n    color: #4a90e2;\n    cursor: pointer;\n    font-size: 0.875em;\n  }\n\n  /* Default modifiers */\n\n  .DayPicker-Day--today {\n    color: #d0021b;\n    font-weight: 700;\n  }\n\n  .DayPicker-Day--outside {\n    color: #8b9898;\n    cursor: default;\n  }\n\n  .DayPicker-Day--disabled {\n    color: #dce0e0;\n    cursor: default;\n    /* background-color: #eff1f1; */\n  }\n\n  /* Example modifiers */\n\n  .DayPicker-Day--sunday {\n    background-color: #f7f8f8;\n  }\n\n  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n    color: #dce0e0;\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n    position: relative;\n\n    background-color: ",";\n    color: #f0f8ff;\n    font-weight: ",";\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n    background-color: #51a0fa;\n  }\n\n  .DayPicker:not(.DayPicker--interactionDisabled)\n    .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n    background-color: #f0f8ff;\n  }\n\n  /* DayPickerInput */\n\n  .DayPickerInput {\n    display: inline-block;\n  }\n\n  .DayPickerInput-OverlayWrapper {\n    position: relative;\n  }\n\n  .DayPickerInput-Overlay {\n    position: absolute;\n    z-index: 1;\n    left: 0;\n\n    background: white;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold})),u=d.form(p||(p=n(["\n  display: flex;\n  width: 100%;\n\n  height: 46px;\n  align-items: center;\n  justify-content: space-between;\n  & > :first-child {\n    margin-right: 10px;\n  }\n\n  & * {\n    height: 46px;\n    padding: 10px 10px;\n    background: ",";\n    border-radius: 6px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n\n  height: 46px;\n  align-items: center;\n  justify-content: space-between;\n  & > :first-child {\n    margin-right: 10px;\n  }\n\n  & * {\n    height: 46px;\n    padding: 10px 10px;\n    background: ",";\n    border-radius: 6px;\n  }\n"])),(function(n){return n.theme.colors.neutral100})),k=function(n){var d=n.alignRight,l=void 0===d||d,p=n.placeholder,k=n.displayDateFormat,g=n.onChange,h=n.customInput,b=n.pickedDate,m=n.className,D=n.isStatic,x=n.disabledDays,f=n.modifiers,w=n.UnHideOnClickOutside,v=n.initialMonth,P=n.locale,_=void 0===P?"en-PH":P,C=t(!1),E=o,O=a(v||new Date),B=O[0],N=O[1],W=t(null),z=t(null),M=s[_],T=function(n){w||W.current&&W.current.contains(n.target)||z.current&&z.current.hideDayPicker()},j=(new Date).getFullYear(),I=new Date(j-150,0),L=new Date(j+1,0),F=function(n){for(var e=n.date,t=n.onChange,a=n.monthLabels,i=[],o=L.getFullYear();o>=I.getFullYear();o-=1)i.push(o);var c=function(n){var e=n.target.form,r=e.year,a=e.month;t(new Date(r.value,a.value))};return r.createElement("div",{className:"DayPicker-Caption"},r.createElement(u,null,r.createElement("select",{name:"month",onChange:c,value:e.getMonth()},a.map((function(n,e){return r.createElement("option",{key:n,value:e},n)}))),r.createElement("select",{name:"year",onChange:c,value:e.getFullYear()},i.map((function(n){return r.createElement("option",{key:n,value:n},n)})))))};return i((function(){return document.addEventListener("mousedown",T,!1),function(){document.removeEventListener("mousedown",T,!1)}}),[]),r.createElement(y,{className:m,"data-align-right":l,ref:W,"data-is-static":D||void 0},r.createElement(c,{ref:z,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:h&&r.forwardRef((function(n,t){return r.createElement(h,e({},n))})),onDayPickerHide:function(){C.current=!1},onDayPickerShow:function(){C.current=!0},dayPickerProps:{month:B,className:"picker",selectedDays:b,canChangeMonth:!0,enableOutsideDaysClick:!D,firstDayOfWeek:1,captionElement:function(n){var e=n.date,t=n.localeUtils,a=null==t?void 0:t.getMonths();return r.createElement(F,{date:e,monthLabels:M||a,onChange:N})},disabledDays:x||void 0,modifiers:f},format:k||"yyyy-MM-dd",formatDate:function(n,e){return E(n,e)},hideOnDayClick:!D,placeholder:p||"",onDayChange:function(n){var e;e=n,z.current&&!D&&z.current.hideDayPicker(),g&&g(e)},showOverlay:D}))};export{k as DatePicker};

package/build/esm/components/dateRangePicker.js

@@ -1 +0,0 @@
-import n,{useState as e,useMemo as t,useEffect as o,useRef as r}from"react";import{isBefore as a,startOfMonth as i,addMonths as l,format as s,subMonths as d,getDaysInMonth as c,isToday as u,isSameDay as p,isWithinInterval as m,isAfter as f,isPast as g}from"date-fns";import{PureInput as h}from"./pureInput.js";import{u as x}from"../useOutsideClick-6004483a.js";import{a as v,_ as b}from"../tslib.es6-95636cf4.js";import w from"date-fns/locale/en-US";import y from"date-fns/locale/id";import k from"date-fns/locale/vi";import E from"date-fns/locale/zh-TW";import{Button as j}from"./button.js";import{u as C}from"../useScreenSize-fc434740.js";import{u as D}from"../useTranslations-d9bcdd4c.js";import M from"styled-components";import{M as z}from"../utils-432904d8.js";import"./label.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var H=M.div(F||(F=b(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),V=M.div(L||(L=b(["\n  padding: 0 10px;\n"],["\n  padding: 0 10px;\n"]))),B=M.div(P||(P=b(["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"],["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"])),z.mbDown),N=M.div(S||(S=b(["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"],["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"]))),T=M(N)(I||(I=b(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));M.div(U||(U=b(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var F,L,P,S,I,U,R,W,Z,_,O,Y,q,A=M.div(R||(R=b(["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"],["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"])),(function(n){return n.theme.colors.gray800})),G=M.div(W||(W=b(["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"],["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.neutral100})),J=M.div(Z||(Z=b(["\n  margin: 0 auto;\n"],["\n  margin: 0 auto;\n"]))),K=M.div(_||(_=b(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Q=M(N)(O||(O=b([""],[""]))),X=M.div(Y||(Y=b(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"])),z.mbUp,(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray100})),$=M.div(q||(q=b(["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"])),z.mbDown,z.mbUp,(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase})),nn={"en-PH":w,"vi-VN":k,"zh-TW":E,"id-ID":y};function en(o){var r=o.value,a=void 0===r?{from:null,to:null}:r,s=e(null),c=s[0],u=s[1],p=C().isMobile,m=e((function(){return a})),f=m[0],g=m[1],h=e((function(){var n;return i(null!==(n=a.from)&&void 0!==n?n:new Date)})),x=h[0],b=h[1],w=t((function(){return l(x,1)}),[x]);var y=v(v({},o),{goToNextMonth:function(){b((function(n){return l(n,1)}))},goToPreviousMonth:function(){b((function(n){return d(n,1)}))},range:f,setRange:g,hoverDay:c,setHoverDay:u});return n.createElement(n.Fragment,null,n.createElement(tn,v({},y,{date:x})),!p&&n.createElement(G,null),!p&&n.createElement(tn,v({},y,{date:w})))}function tn(e){var r=e.date,i=e.range,l=e.setRange,d=e.onChange,h=e.goToPreviousMonth,x=e.goToNextMonth,b=e.minDate,w=e.maxDate,y=e.close,k=void 0===y?function(){}:y,E=e.autoClose,C=void 0!==E&&E,M=e.hoverDay,z=e.setHoverDay,N=D().locale,F=t((function(){var n;return null!==(n=nn[N])&&void 0!==n?n:nn["en-PH"]}),[N]),L=t((function(){return s(r,"MMMM",{locale:F})}),[r,F]),P=t((function(){return F?[1,2,3,4,5,6,0].map((function(n){return F.localize.day(n,{width:"narrow"})})):[]}),[F]);function S(e,t){if(null===e)return n.createElement(X,{key:"idx-".concat(t),"data-empty":"true"});var o=e.getDate(),r=u(e),s=!!i.from&&p(i.from,e),d=!!i.to&&p(i.to,e),c=s||d,h=!1;null!==M&&i.from&&a(i.from,M)&&!i.to?h=m(e,{start:i.from,end:M}):i.from&&i.to&&(h=m(e,{start:i.from,end:i.to}));var x=!1;return b&&w?x=!m(e,{start:b,end:w}):b?x=a(e,b):w&&(x=f(e,w)),n.createElement(X,{key:o,"data-is-today":r,"data-is-past":!r&&g(e),"data-is-selected":c,"data-is-disabled":x,"data-in-range":h,"data-is-from":s,"data-is-to":d,onMouseEnter:function(){z(e)},onMouseLeave:function(){return z(null)},onClick:function(){x||l((function(n){return C&&i.from&&!i.to&&k(),function(n,e){return e.from||e.to?e.from&&e.to?{from:n,to:null}:e.from?a(n,e.from)?v(v({},e),{from:n}):v(v({},e),{to:n}):e:v(v({},e),{from:n})}(e,n)}))}},n.createElement($,{onClick:function(){}},n.createElement("p",null,o)))}return o((function(){i.from&&i.to&&d(i)}),[i]),n.createElement(H,{className:"calendar-wrapper"},n.createElement(B,null,n.createElement(j,{onClick:h,size:"md",color:"ghost",icon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.66875 11.814L1.46875 6.657L5.66875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})}),n.createElement("div",{className:"calendar-month"},L,n.createElement("strong",null,s(r,"yyyy"))),n.createElement(j,{onClick:x,size:"md",color:"ghost",icon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.46875 11.814L5.66875 6.657L1.46875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})})),n.createElement(V,null,n.createElement("div",null,n.createElement(T,null,P.map((function(e,t){return n.createElement(A,{key:"".concat(e,"-").concat(t)},e)})))),n.createElement("div",null,function(){for(var e=r.getFullYear(),t=r.getMonth(),o=c(r),a=[],l=1;l<=o;l++)a.push(new Date(e,t,l));var s=a[0]?a[0].getDay():0;if(1!==s){var d=0===s?6:s-1;for(l=0;l<d;l++)a.unshift(null)}return n.createElement(K,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(i.from&&i.to)},n.createElement(J,null,n.createElement(Q,null,a.map(S))))}())))}var on,rn,an=M.div(on||(on=b(["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"],["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"])),z.mbDown),ln=M.div(rn||(rn=b(["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"])),(function(n){return n.theme.colors.gray200}),z.mbDown);function sn(o){var a=o.inputSize,i=void 0===a?"md":a,l=o.name,d=void 0===l?"date-range-picker":l,c=o.value,u=o.minDate,m=o.maxDate,f=o.onChange,g=o.className,v=o.autoClose,b=void 0!==v&&v;c||(c={from:null,to:null});var w=e(!1),y=w[0],k=w[1];function E(){k(!1)}var j=r(null);function C(n){f&&f(n)}function D(n){return s(n,"dd/MM/yyyy")}x(j,(function(){E()}));var M=t((function(){return c.from&&c.to?p(c.from,c.to)?D(c.from):"".concat(D(c.from)," - ").concat(D(c.to)):""}),[c.from,c.to]);return n.createElement(an,{className:[g,y&&"focused"].filter(Boolean).join(" "),ref:j},n.createElement("label",{htmlFor:d},n.createElement(h,{size:i,value:M,name:d,actionIcon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9168 1.99984H13.5835C14.3168 1.99984 14.9168 2.59984 14.9168 3.33317V13.9998C14.9168 14.7332 14.3168 15.3332 13.5835 15.3332H2.91683C2.1835 15.3332 1.5835 14.7332 1.5835 13.9998V3.33317C1.5835 2.59984 2.1835 1.99984 2.91683 1.99984H3.5835V1.33317C3.5835 0.966504 3.8835 0.666504 4.25016 0.666504C4.61683 0.666504 4.91683 0.966504 4.91683 1.33317V1.99984H11.5835V1.33317C11.5835 0.966504 11.8835 0.666504 12.2502 0.666504C12.6168 0.666504 12.9168 0.966504 12.9168 1.33317V1.99984ZM3.5835 13.9998H12.9168C13.2835 13.9998 13.5835 13.6998 13.5835 13.3332V5.33317H2.91683V13.3332C2.91683 13.6998 3.21683 13.9998 3.5835 13.9998Z' fill='%23595959'/%3e%3c/svg%3e"}),autoFocus:!1,onFocus:function(){return k(!0)}})),y?n.createElement(ln,{onMouseDown:function(n){n.stopPropagation()}},n.createElement(en,{value:c,onChange:C,minDate:u,maxDate:m,close:E,autoClose:b})):null)}export{sn as DateRangePicker};

package/build/esm/components/displayWrapper.js

@@ -1 +0,0 @@
-import"react";export{D as DisplayWrapper}from"../index-52fcdd30.js";import"../useScreenSize-fc434740.js";import"../utils-432904d8.js";import"../tslib.es6-95636cf4.js";import"styled-components";

package/build/esm/components/divider.js

@@ -1 +0,0 @@
-import r from"react";import{_ as e}from"../tslib.es6-95636cf4.js";import t from"styled-components";var o,n=t.hr(o||(o=e(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(r){return r.theme.colors.neutral200}),(function(r){return r.dividerType})),d=function(e){var t=e.type,o=void 0===t?"solid":t,d=e.className,i=e.style;return r.createElement(n,{style:i,className:d,"data-diver-type":o,dividerType:o})};export{d as Divider};

package/build/esm/components/doctorInfo.js

@@ -1 +0,0 @@
-import{_ as n}from"../tslib.es6-95636cf4.js";import e from"react";import{Text as i}from"./text.js";import t from"styled-components";import"../theme-a50a1aa5.js";import"../utils-432904d8.js";var r,p=t.figure(r||(r=n(["\n  display: flex;\n\n  > img,\n  svg,\n  picture {\n    width: 40px;\n    height: 40px;\n    margin-right: 1rem;\n    border-radius: 6px;\n    object-fit: cover;\n  }\n\n  > figcaption {\n    p + p {\n      margin-top: 2px;\n    }\n  }\n"],["\n  display: flex;\n\n  > img,\n  svg,\n  picture {\n    width: 40px;\n    height: 40px;\n    margin-right: 1rem;\n    border-radius: 6px;\n    object-fit: cover;\n  }\n\n  > figcaption {\n    p + p {\n      margin-top: 2px;\n    }\n  }\n"]))),o=function(n){var t=n.name,r=n.description,o=n.image,m=n.isDescriptionHidden;return e.createElement(p,null,o,!m&&e.createElement("figcaption",null,e.createElement(i,{size:"p4",type:"bold"},t),e.createElement(i,{size:"p4"},r)))};export{o as DoctorInfo};

package/build/esm/components/drawer.js

@@ -1 +0,0 @@
-import n,{useRef as e,useEffect as t}from"react";import{t as i,a as o}from"../utils-432904d8.js";import{createPortal as a}from"react-dom";import{Backdrop as r}from"./backdrop.js";import{Text as s}from"./text.js";import{_ as d}from"../tslib.es6-95636cf4.js";import{t as l}from"../theme-a50a1aa5.js";import p,{css as u}from"styled-components";import{s as m,e as f,b as x,f as c,c as h,g as w,a as C,d as b}from"../animation-c611f996.js";var g,v,y,O,E,L,j,k,z,N,B,T,F,I,M=p.div(B||(B=d(["\n  position: fixed;\n  inset: 0;\n  z-index: ",";\n  pointer-events: ",";\n"],["\n  position: fixed;\n  inset: 0;\n  z-index: ",";\n  pointer-events: ",";\n"])),l.zIndexes.drawer,(function(n){return n.open?"auto":"none"})),P=p.div(F||(F=d(["\n  position: fixed;\n  z-index: 300;\n  background: #ffffff;\n  visibility: ",";\n  max-height: calc(100vh - 100px);\n  display: flex;\n  flex-direction: column;\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    ","\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  ","\n"],["\n  position: fixed;\n  z-index: 300;\n  background: #ffffff;\n  visibility: ",";\n  max-height: calc(100vh - 100px);\n  display: flex;\n  flex-direction: column;\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    ","\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  ","\n"])),(function(n){return n.open?"visible":"hidden"}),(function(n){return n.hasTitle?u(T||(T=d(["\n            border-bottom: 1px solid ",";\n          "],["\n            border-bottom: 1px solid ",";\n          "])),l.colors.neutral100):null}),(function(n){return function(n,e){switch(n){case"top":return u(v||(v=d(["\n        top: 0;\n        width: 100%;\n        border-radius: 0px 0px 6px 6px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        top: 0;\n        width: 100%;\n        border-radius: 0px 0px 6px 6px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?u(g||(g=d(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),C,"600ms"):null,b,"600ms");case"right":return u(O||(O=d(["\n        right: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 6px 0px 0px 6px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        right: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 6px 0px 0px 6px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?u(y||(y=d(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),h,"600ms"):null,w,"600ms");case"bottom":return u(L||(L=d(["\n        bottom: 0;\n        width: 100%;\n        border-radius: 6px 6px 0px 0px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        bottom: 0;\n        width: 100%;\n        border-radius: 6px 6px 0px 0px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?u(E||(E=d(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),m,"600ms"):null,f,"600ms");case"left":return u(k||(k=d(["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?u(j||(j=d(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),x,"600ms"):null,c,"600ms");default:return u(N||(N=d(["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?u(z||(z=d(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),m,"600ms"):null,f,"600ms")}}(n.placement,n.open)})),V=p.div(I||(I=d(["\n  min-height: 200px;\n  padding: 16px;\n  overflow-y: auto;\n"],["\n  min-height: 200px;\n  padding: 16px;\n  overflow-y: auto;\n"]))),Z=function(d){var l=d.children,p=d.title,u=d.onClose,m=d.open,f=void 0!==m&&m,x=d.placement,c=void 0===x?"left":x,h=d.destroyOnClose,w=void 0!==h&&h,C=d.className,b=e();t((function(){return i(f),function(){return i(!1)}}),[f]);var g=function(){b.current.classList.add("slideOut"),setTimeout((function(){u()}),800)};return!f&&w?null:a(n.createElement(n.Fragment,null,n.createElement(M,{className:C,open:f},n.createElement(r,{open:f,onClickOutside:g}),n.createElement(P,{open:f,placement:c,ref:b,hasTitle:Boolean(p)},n.createElement("div",{className:"title"},p&&n.createElement(s,{size:"s2",type:"semiBold"},p),n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:g},n.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),n.createElement(V,{onClick:function(n){return n.stopPropagation()}},l&&(n.isValidElement(l)?l:"function"==typeof l?l({internalClose:g}):null))))),o())};export{Z as Drawer};

package/build/esm/components/dropdown.js

@@ -1 +0,0 @@
-import{_ as n,a as e}from"../tslib.es6-95636cf4.js";import o from"react";import t from"styled-components";var i,a,r,d,p,l,s=t.div(i||(i=n(["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n  }\n"],["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),x=t.div(a||(a=n(["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),g=t.ul(r||(r=n(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),u=t.li(d||(d=n(["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),c=t.div(p||(p=n(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),b=t.div(l||(l=n(["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"]))),h=function(n){var t=n.className,i=n.value,a=n.options,r=n.onChange,d=void 0===r?function(){}:r,p=n.id,l=n.placeholderIcon,h=n.placeholder,v=n.style,m=n.size,w=void 0===m?"lg":m,f=n.groupedWithLabel,k=n.disabled,E=n.dropdownLabelTrackingAttributes,y=void 0===E?{}:E,z=n.isNativeSelect,C=void 0!==z&&z,L=o.useState(!1),B=L[0],j=L[1],A=function(){return!k&&j(!B)};return C?o.createElement(s,{as:"select","data-is-native":"true",value:(null==i?void 0:i.value)||void 0,disabled:k,onChange:function(n){if("string"==typeof n.target.value){var e=a.find((function(e){return e.value===n.target.value}));e&&d(e)}}},h&&o.createElement("option",{value:h,disabled:!0,selected:!0},h),a.map((function(n){return o.createElement("option",{key:"".concat(p,"-").concat(n.value),value:n.value,disabled:!!n.disabled&&n.disabled},n.label)}))):o.createElement(s,{className:t,"data-dropdown-open":B||void 0,"data-size":w,id:p,"data-has-icons":!!l,style:v,onBlur:function(){return j(!1)},tabIndex:0,"data-disabled":k},!!f&&o.createElement(b,null,f),o.createElement(x,e({onClick:A,className:f&&"with-label"},y),l," ",o.createElement("span",null,i&&i.value?i.label:h)),B&&o.createElement(g,{onClick:A,"data-has-icons":!!l},a.map((function(n){return o.createElement(u,{key:"".concat(p,"-").concat(n.value),"data-selected":i&&i.value===n.value||void 0,onClick:function(){return!n.disabled&&!k&&(null==d?void 0:d(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&o.createElement(c,null,n.icon),n.label)}))))};export{h as Dropdown};