@hhgtech/hhg-components 1.23.86 → 1.23.88-beta-1

package/build/{index-7ee0f790.js → index-7cb0f61c.js}

@@ -1 +1 @@
-"use strict";var n=require("react"),e=require("./useScrollbarSize-54ca891c.js"),t=require("react-dom"),a=require("./tslib.es6-edc720a6.js"),i=require("./utils-7a17dcfb.js"),o=require("./defaultClassWrapper-71dbeac2.js"),d=require("styled-components"),r=require("./useTranslations-01d5166e.js"),l=require("./theme-37595e4f.js"),s=require("./index-3d15940b.js"),c=require("./index-f4abac2c.js"),h=require("./index-5e04811a.js"),u=require("./index-488df122.js"),p=require("./BabyGrowth-82de789a.js");function m(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var f,g,x,y,b,v=m(n),w=m(d),_=w.default.div(f||(f=a.__makeTemplateObject(["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n  &[data-site-type='marryBaby'] {\n    border-radius: 16px;\n    .hhg-modal__content {\n      position: relative;\n      z-index: 111;\n      height: 100%;\n\n      padding: 24px;\n    }\n  }\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"],["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n  &[data-site-type='marryBaby'] {\n    border-radius: 16px;\n    .hhg-modal__content {\n      position: relative;\n      z-index: 111;\n      height: 100%;\n\n      padding: 24px;\n    }\n  }\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),j="hhgcomp-modal-modal",k=o.getDefaultClassWrapper(_,j),E=w.default.div(g||(g=a.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\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  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\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  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"])),j,j,j,j,j,j,i.MediaQueries.mbDown,j,i.MediaQueries.mbDown,j,i.MediaQueries.mbDown),B=w.default.div(x||(x=a.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.secondaryDark})),T="hhg-modals",q=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},z=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},C=w.default.div(y||(y=a.__makeTemplateObject(["\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        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        justify-self: left;\n      }\n    }\n  }\n"])),i.MediaQueries.mbUp),G=w.default(u.RadioImageGroup)(b||(b=a.__makeTemplateObject(["\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"])));exports.BabyGrowthGender=function(n){var e=n.value,t=n.onChange,a=n.siteType,i=r.useTranslations().t,o="marryBaby"==a;return v.default.createElement(C,{"data-is-marryBaby":o},o?v.default.createElement(c.MarryBabyHeading,{type:"h4",color:l.theme.mbColors.dark},i("babyVaccineTool.selectGender")):v.default.createElement(h.Text,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},i("babyVaccineTool.selectGender")),v.default.createElement(G,{siteType:a,options:[{value:p.Gender.Boy,label:i("gender.male"),content:o?v.default.createElement(s.Icon.BabyBoyMB,null):v.default.createElement(s.Icon.GenderChooseBoy,null)},{value:p.Gender.Girl,label:i("gender.female"),content:o?v.default.createElement(s.Icon.BabyGirlMB,null):v.default.createElement(s.Icon.GenderChooseGirl,null)}],value:e,onChange:t,className:"gender-selector"}))},exports.Modal=function(a){var i=a.type,o=void 0===i?"lead":i,d=a.closeIcon,r=a.isOpen,l=void 0===r||r,s=a.onClose,c=a.children,h=a.className,u=void 0===h?"":h,p=a.animationType,m=void 0===p?"slideTop":p,f=a.isStaticBackdrop,g=void 0!==f&&f,x=a.siteType;a.style;var y=n.useState(!1),b=y[0],w=y[1],_=n.useRef(null),j=e.useScrollbarSize().width;if(!_.current&&b&&(_.current=document.createElement("div")),n.useEffect((function(){return w(!0),function(){w(!1),q(),z()}}),[]),n.useEffect((function(){if(b){var n=((e=document.getElementById(T))||((e=document.createElement("div")).setAttribute("id",T),document.body.append(e)),e);return n.appendChild(_.current),function(){n.removeChild(_.current)}}var e}),[b]),n.useEffect((function(){l?document.body.classList.add("hhc-modal-show"):q()}),[l]),n.useEffect((function(){l?(document.body.style.overflow="hidden",document.body.style.paddingRight=j+"px",document.body.classList.add("hhc-disabled-scroll")):z()}),[l,j]),!b)return null;var C=["hhg-modal__wrapper",u,m].filter((function(n){return n})).join(" ");return t.createPortal(v.default.createElement(E,{className:C,"data-open":l,"data-type":o},!g&&v.default.createElement(B,{"data-open":l,onClick:s,"data-type":o}),!g&&"video"===o&&!!d&&v.default.createElement("div",{className:"hhg-modal__close",onClick:s},d),v.default.createElement(k,{className:"hhg-modal","data-open":l,"data-site-type":x},v.default.createElement("div",{className:"video"===o?"hhg-modal__video":"hhg-modal__content"},!!d&&"video"!==o&&v.default.createElement("div",{className:"hhg-modal__close",onClick:s},d),c))),_.current)};
+"use strict";var n=require("react"),e=require("./useScrollbarSize-8cfadfc5.js"),t=require("react-dom"),a=require("./tslib.es6-2404fd7f.js"),i=require("./utils-7066a437.js"),o=require("./defaultClassWrapper-6cab0eec.js"),d=require("styled-components"),r=require("./useTranslations-68724ecd.js"),l=require("./theme-4091e089.js"),s=require("./index-4f40d7a0.js"),c=require("./index-a761268a.js"),h=require("./index-9beb5115.js"),u=require("./index-4d87f3bf.js"),p=require("./BabyGrowth-3f36fda9.js");function m(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var f,g,x,y,b,v=m(n),w=m(d),_=w.default.div(f||(f=a.__makeTemplateObject(["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n  &[data-site-type='marryBaby'] {\n    border-radius: 16px;\n    .hhg-modal__content {\n      position: relative;\n      z-index: 111;\n      height: 100%;\n\n      padding: 24px;\n    }\n  }\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"],["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n  &[data-site-type='marryBaby'] {\n    border-radius: 16px;\n    .hhg-modal__content {\n      position: relative;\n      z-index: 111;\n      height: 100%;\n\n      padding: 24px;\n    }\n  }\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),j="hhgcomp-modal-modal",k=o.getDefaultClassWrapper(_,j),E=w.default.div(g||(g=a.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\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  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\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  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"])),j,j,j,j,j,j,i.MediaQueries.mbDown,j,i.MediaQueries.mbDown,j,i.MediaQueries.mbDown),B=w.default.div(x||(x=a.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.secondaryDark})),T="hhg-modals",q=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},z=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},C=w.default.div(y||(y=a.__makeTemplateObject(["\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        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        justify-self: left;\n      }\n    }\n  }\n"])),i.MediaQueries.mbUp),G=w.default(u.RadioImageGroup)(b||(b=a.__makeTemplateObject(["\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"])));exports.BabyGrowthGender=function(n){var e=n.value,t=n.onChange,a=n.siteType,i=r.useTranslations().t,o="marryBaby"==a;return v.default.createElement(C,{"data-is-marryBaby":o},o?v.default.createElement(c.MarryBabyHeading,{type:"h4",color:l.theme.mbColors.dark},i("babyVaccineTool.selectGender")):v.default.createElement(h.Text,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},i("babyVaccineTool.selectGender")),v.default.createElement(G,{siteType:a,options:[{value:p.Gender.Boy,label:i("gender.male"),content:o?v.default.createElement(s.Icon.BabyBoyMB,null):v.default.createElement(s.Icon.GenderChooseBoy,null)},{value:p.Gender.Girl,label:i("gender.female"),content:o?v.default.createElement(s.Icon.BabyGirlMB,null):v.default.createElement(s.Icon.GenderChooseGirl,null)}],value:e,onChange:t,className:"gender-selector"}))},exports.Modal=function(a){var i=a.type,o=void 0===i?"lead":i,d=a.closeIcon,r=a.isOpen,l=void 0===r||r,s=a.onClose,c=a.children,h=a.className,u=void 0===h?"":h,p=a.animationType,m=void 0===p?"slideTop":p,f=a.isStaticBackdrop,g=void 0!==f&&f,x=a.siteType;a.style;var y=n.useState(!1),b=y[0],w=y[1],_=n.useRef(null),j=e.useScrollbarSize().width;if(!_.current&&b&&(_.current=document.createElement("div")),n.useEffect((function(){return w(!0),function(){w(!1),q(),z()}}),[]),n.useEffect((function(){if(b){var n=((e=document.getElementById(T))||((e=document.createElement("div")).setAttribute("id",T),document.body.append(e)),e);return n.appendChild(_.current),function(){n.removeChild(_.current)}}var e}),[b]),n.useEffect((function(){l?document.body.classList.add("hhc-modal-show"):q()}),[l]),n.useEffect((function(){l?(document.body.style.overflow="hidden",document.body.style.paddingRight=j+"px",document.body.classList.add("hhc-disabled-scroll")):z()}),[l,j]),!b)return null;var C=["hhg-modal__wrapper",u,m].filter((function(n){return n})).join(" ");return t.createPortal(v.default.createElement(E,{className:C,"data-open":l,"data-type":o},!g&&v.default.createElement(B,{"data-open":l,onClick:s,"data-type":o}),!g&&"video"===o&&!!d&&v.default.createElement("div",{className:"hhg-modal__close",onClick:s},d),v.default.createElement(k,{className:"hhg-modal","data-open":l,"data-site-type":x},v.default.createElement("div",{className:"video"===o?"hhg-modal__video":"hhg-modal__content"},!!d&&"video"!==o&&v.default.createElement("div",{className:"hhg-modal__close",onClick:s},d),c))),_.current)};

package/build/{index-0e98678d.js → index-849dd488.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-edc720a6.js"),e=require("react"),r=require("./theme-37595e4f.js"),t=require("styled-components"),i=require("./useTranslations-01d5166e.js"),a=require("./index-3d15940b.js"),o=require("./index-ec22a7b0.js"),d=require("./index-f4abac2c.js"),s=require("./index-5e04811a.js"),l=require("./animation-2c2ae66a.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var c,u,f=p(e),b=p(t),x=b.default.div(c||(c=n.__makeTemplateObject(["\n  min-width: 212px;\n  width: ",";\n  background-color: #ffffff;\n  border-radius: 6px;\n  overflow: hidden;\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  ul {\n    list-style: none;\n  }\n"],["\n  min-width: 212px;\n  width: ",";\n  background-color: #ffffff;\n  border-radius: 6px;\n  overflow: hidden;\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  ul {\n    list-style: none;\n  }\n"])),(function(n){return n.width+"px"})),h=b.default.li(u||(u=n.__makeTemplateObject(["\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background-color 200ms ease-in-out;\n  &:hover {\n    background-color: ",";\n  }\n  .icon {\n    width: 16px;\n    height: 16px;\n  }\n"],["\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background-color 200ms ease-in-out;\n  &:hover {\n    background-color: ",";\n  }\n  .icon {\n    width: 16px;\n    height: 16px;\n  }\n"])),r.theme.colors.neutral50),m=function(e){var r=e.children,t=e.width,i=void 0===t?300:t,a=n.__rest(e,["children","width"]);return f.default.createElement(x,n.__assign({},a,{width:i}),f.default.createElement("ul",null,r))};m.Item=function(e){var r=e.icon,t=e.children,i=n.__rest(e,["icon","children"]);return f.default.createElement(h,n.__assign({},i),r&&f.default.createElement("div",{className:"icon"},r),t)};var g,w="300ms",v=b.default.div(g||(g=n.__makeTemplateObject(["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n    border-bottom: none;\n  }\n\n  &[data-is-mb='true'] {\n    background: #ffffff;\n    border: 1px solid #e0e9fb;\n    border-radius: 16px;\n    input {\n      border-radius: 16px;\n    }\n  }\n\n  &[data-isActive='true'] {\n    border: 1px solid #2661ad;\n  }\n\n  &[data-is-mb='false'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\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  &[data-is-mb='true'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 1.3px solid #9495a0;\n    border-radius: 10px;\n    transition: all "," ease-in-out;\n    &.active {\n      border: none;\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        border-radius: 10px;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n    border-bottom: none;\n  }\n\n  &[data-is-mb='true'] {\n    background: #ffffff;\n    border: 1px solid #e0e9fb;\n    border-radius: 16px;\n    input {\n      border-radius: 16px;\n    }\n  }\n\n  &[data-isActive='true'] {\n    border: 1px solid #2661ad;\n  }\n\n  &[data-is-mb='false'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\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  &[data-is-mb='true'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 1.3px solid #9495a0;\n    border-radius: 10px;\n    transition: all "," ease-in-out;\n    &.active {\n      border: none;\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        border-radius: 10px;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"])),r.theme.colors.gray50,r.theme.colors.gray600,w,r.theme.colors.primaryBase,r.theme.colors.primaryBase,l.fadeIn,w,w,l.fadeIn,w);exports.Menu=m,exports.NewBabyProfileRadio=function(n){var e=n.isActive,t=n.onChange,l=n.value,p=void 0===l?"":l,c=n.onInputChange,u=n.siteType,b=i.useTranslations().t,x="marryBaby"===u;return f.default.createElement(v,{onClick:function(){return t("new")},"data-is-mb":x,"data-isActive":x&&e},"marryBaby"===u?f.default.createElement("div",{className:"title"},f.default.createElement(d.MarryBabyText,{type:"bodytext-1",color:r.theme.colors.gray800},b("chooseBaby.new")),f.default.createElement("div",{className:e?"radio active":"radio"},e&&f.default.createElement(a.Icon.CheckActiveMB,{size:26}))):f.default.createElement("div",{className:"title"},f.default.createElement(s.Text,{size:"p2",color:r.theme.colors.gray800},b("chooseBaby.new")),f.default.createElement("div",{className:e?"radio active":"radio"})),f.default.createElement(o.Input,{name:"name",value:p,size:"md",placeholder:b("chooseBaby.placeholder"),type:"text",onChange:c}))};
+"use strict";var n=require("./tslib.es6-2404fd7f.js"),e=require("react"),r=require("./theme-4091e089.js"),t=require("styled-components"),i=require("./useTranslations-68724ecd.js"),o=require("./index-4f40d7a0.js"),a=require("./index-0d3118f1.js"),d=require("./index-a761268a.js"),s=require("./index-9beb5115.js"),l=require("./animation-7c884875.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var c,u,f=p(e),b=p(t),x=b.default.div(c||(c=n.__makeTemplateObject(["\n  min-width: 212px;\n  width: ",";\n  background-color: #ffffff;\n  border-radius: 6px;\n  overflow: hidden;\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  ul {\n    list-style: none;\n  }\n"],["\n  min-width: 212px;\n  width: ",";\n  background-color: #ffffff;\n  border-radius: 6px;\n  overflow: hidden;\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  ul {\n    list-style: none;\n  }\n"])),(function(n){return n.width+"px"})),h=b.default.li(u||(u=n.__makeTemplateObject(["\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background-color 200ms ease-in-out;\n  &:hover {\n    background-color: ",";\n  }\n  .icon {\n    width: 16px;\n    height: 16px;\n  }\n"],["\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background-color 200ms ease-in-out;\n  &:hover {\n    background-color: ",";\n  }\n  .icon {\n    width: 16px;\n    height: 16px;\n  }\n"])),r.theme.colors.neutral50),m=function(e){var r=e.children,t=e.width,i=void 0===t?300:t,o=n.__rest(e,["children","width"]);return f.default.createElement(x,n.__assign({},o,{width:i}),f.default.createElement("ul",null,r))};m.Item=function(e){var r=e.icon,t=e.children,i=n.__rest(e,["icon","children"]);return f.default.createElement(h,n.__assign({},i),r&&f.default.createElement("div",{className:"icon"},r),t)};var g,w="300ms",v=b.default.div(g||(g=n.__makeTemplateObject(["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n    border-bottom: none;\n  }\n\n  &[data-is-mb='true'] {\n    background: #ffffff;\n    border: 1px solid #e0e9fb;\n    border-radius: 16px;\n    input {\n      border-radius: 16px;\n    }\n  }\n\n  &[data-isActive='true'] {\n    border: 1px solid #2661ad;\n  }\n\n  &[data-is-mb='false'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\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  &[data-is-mb='true'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 1.3px solid #9495a0;\n    border-radius: 10px;\n    transition: all "," ease-in-out;\n    &.active {\n      border: none;\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        border-radius: 10px;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n    border-bottom: none;\n  }\n\n  &[data-is-mb='true'] {\n    background: #ffffff;\n    border: 1px solid #e0e9fb;\n    border-radius: 16px;\n    input {\n      border-radius: 16px;\n    }\n  }\n\n  &[data-isActive='true'] {\n    border: 1px solid #2661ad;\n  }\n\n  &[data-is-mb='false'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\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  &[data-is-mb='true'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 1.3px solid #9495a0;\n    border-radius: 10px;\n    transition: all "," ease-in-out;\n    &.active {\n      border: none;\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        border-radius: 10px;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"])),r.theme.colors.gray50,r.theme.colors.gray600,w,r.theme.colors.primaryBase,r.theme.colors.primaryBase,l.fadeIn,w,w,l.fadeIn,w);exports.Menu=m,exports.NewBabyProfileRadio=function(n){var e=n.isActive,t=n.onChange,l=n.value,p=void 0===l?"":l,c=n.onInputChange,u=n.siteType,b=i.useTranslations().t,x="marryBaby"===u;return f.default.createElement(v,{onClick:function(){return t("new")},"data-is-mb":x,"data-isActive":x&&e},"marryBaby"===u?f.default.createElement("div",{className:"title"},f.default.createElement(d.MarryBabyText,{type:"bodytext-1",color:r.theme.colors.gray800},b("chooseBaby.new")),f.default.createElement("div",{className:e?"radio active":"radio"},e&&f.default.createElement(o.Icon.CheckActiveMB,{size:26}))):f.default.createElement("div",{className:"title"},f.default.createElement(s.Text,{size:"p2",color:r.theme.colors.gray800},b("chooseBaby.new")),f.default.createElement("div",{className:e?"radio active":"radio"})),f.default.createElement(a.Input,{name:"name",value:p,size:"md",placeholder:b("chooseBaby.placeholder"),type:"text",onChange:c}))};