@hhgtech/hhg-components 1.21.0-beta-8 → 1.21.0-beta-10

package/build/esm/components/atoms/marryBabyText/index.js

@@ -0,0 +1 @@
+import{__rest as t,__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import o from"react";import{StyledText as r}from"./index.styled.js";var l=function(l){var s=l.type,m=l.color,i=l.style,p=t(l,["type","color","style"]);return o.createElement(r,e({"data-type":s,style:e(e({},i),m&&{"--text-color":m})},p))};export{l as MarryBabyText};

package/build/esm/components/atoms/marryBabyText/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n,__rest as t}from"../../../node_modules/tslib/tslib.es6.js";import e from"react";import i from"styled-components";i((function(n){var i=n.type,p=t(n,["type"]);return e.createElement(i,p)}))(p||(p=n(["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"],["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"])),(function(n){return n.theme.mbColors.dark}));var p,o,a=i.p(o||(o=n(["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"],["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"])),(function(n){return n.theme.mbColors.dark}));export{a as StyledText};

package/build/esm/components/atoms/menu/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as t}from"../../../node_modules/tslib/tslib.es6.js";import r from"react";import{StyledMenu as i}from"./index.styled.js";import{MenuItem as m}from"./item.js";var o=function(m){var o=m.children,l=m.width,d=void 0===l?300:l,n=e(m,["children","width"]);return r.createElement(i,t({},n,{width:d}),r.createElement("ul",null,o))};o.Item=m;export{o as Menu};

package/build/esm/components/atoms/menu/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{theme as o}from"../../../misc/theme.js";import r from"styled-components";var i,p,t=r.div(i||(i=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"],["\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"})),e=r.li(p||(p=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"],["\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"])),o.colors.neutral50);export{t as StyledMenu,e as StyledMenuItem};

package/build/esm/components/atoms/menu/item.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as r}from"../../../node_modules/tslib/tslib.es6.js";import t from"react";import{StyledMenuItem as i}from"./index.styled.js";var o=function(o){var n=o.icon,c=o.children,m=e(o,["icon","children"]);return t.createElement(i,r({},m),n&&t.createElement("div",{className:"icon"},n),c)};export{o as MenuItem};

package/build/esm/components/atoms/pagination/index.js

@@ -0,0 +1 @@
+import{__spreadArray as e}from"../../../node_modules/tslib/tslib.es6.js";import t,{useState as n,useMemo as r,useEffect as a,Fragment as l}from"react";import{formatUrlWithPageParam as o}from"../../../misc/utils.js";import{StyledPagination as i,StyledPageBlock as c,StyledPaginationBlock as s}from"./index.styled.js";var m=function(r){var i=r.pagesAmount,c=r.activePage,m=r.handlePageChange,g=r.handleClick,h=r.href,u=r.queryPageName,d=void 0===u?"page":u,p=e([],Array(i),!0).map((function(e,t){return t+1})),f=n(c<=4?p.slice(0,5):c>=p.length-3?p.slice(p.length-5,p.length):p.slice(c-2,c+1)),k=f[0],E=f[1];return a((function(){c<=4?E(p.slice(0,5)):c>=p.length-3?E(p.slice(p.length-5,p.length)):E(p.slice(c-2,c+1))}),[c]),t.createElement(l,null,c>4&&t.createElement(l,null,t.createElement(s,{onClick:function(){return m(1)}},h?t.createElement("a",{href:h,onClick:g},1):1),t.createElement(s,null,"...")),k.map((function(e){return t.createElement(s,{key:"".concat("pagination","+").concat(e),"data-page-active":e===c||void 0,onClick:function(){return m(e)}},h?t.createElement("a",{href:o(h,e,d),onClick:g},e):e)})),c<p.length-3&&t.createElement(l,null,t.createElement(s,null,"..."),t.createElement(s,{onClick:function(){return m(p.length)}},h?t.createElement("a",{href:o(h,p.length,d),onClick:g},p.length):p.length)))},g=function(l){var g=l.className,h=l.pagesAmount,u=l.currentPage,d=l.onChange,p=l.onClick,f=l.style,k=l.href,E=l.queryPageName,v=void 0===E?"page":E,w=e([],Array(h),!0).map((function(e,t){return t+1})),C=n(u),L=C[0],x=C[1],y=r((function(){return k&&k.endsWith("&page=")?k.replace("&page=",""):k}),[k]),P=h-1,j=function(e){e<=h&&e>0&&(x(e),d(e))},N=function(e){p&&p(e)};return a((function(){x(u)}),[u]),t.createElement(i,{className:g,style:f},t.createElement(c,{className:"prev-page",onClick:function(){return j(L-1)},"data-last-page":1===L||void 0},y?t.createElement("a",{href:o(y,L,v),onClick:N},t.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):t.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),w.length>8?t.createElement(m,{pagesAmount:h,activePage:L,handlePageChange:j,handleClick:N,href:y,queryPageName:v}):w.map((function(e){return t.createElement(s,{key:"".concat("pagination","+").concat(e),"data-page-active":e===L||void 0,onClick:function(){return j(e)}},y?t.createElement("a",{href:o(y,e,v),onClick:N},e):e)})),t.createElement(c,{className:"next-page",onClick:function(){return j(L+1)},"data-last-page":L===P+1||void 0},y?t.createElement("a",{href:o(y,L,v),onClick:N},t.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):t.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{g as Pagination};

package/build/esm/components/atoms/pagination/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var t,o,r,i=e.div(t||(t=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  user-select: none;\n  li {\n    transition: all 0.3s ease;\n  }\n  [data-page-active] {\n    background: ",";\n    color: ",";\n\n    > a {\n      color: ",";\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  user-select: none;\n  li {\n    transition: all 0.3s ease;\n  }\n  [data-page-active] {\n    background: ",";\n    color: ",";\n\n    > a {\n      color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),s=e.div(o||(o=n(["\n  display: flex;\n  width: 32px;\n  height: 32px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid ",";\n  margin: 0 2px;\n  border-radius: 4px;\n  color: ",";\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: ",";\n\n  &[data-last-page] {\n    border: none;\n    background-color: ",";\n    cursor: not-allowed;\n    pointer-events: none;\n\n    svg {\n      path {\n        stroke: ",";\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 32px;\n  height: 32px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid ",";\n  margin: 0 2px;\n  border-radius: 4px;\n  color: ",";\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: ",";\n\n  &[data-last-page] {\n    border: none;\n    background-color: ",";\n    cursor: not-allowed;\n    pointer-events: none;\n\n    svg {\n      path {\n        stroke: ",";\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray300})),a=e.li(r||(r=n(["\n  display: flex;\n  width: 32px;\n  height: 32px;\n  align-items: center;\n  justify-content: center;\n  margin: 0 2px;\n  border-radius: 4px;\n  color: ",";\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: ",";\n\n  > a {\n    color: ",";\n    text-decoration: unset;\n    display: block;\n    width: 100%;\n    height: 100%;\n    line-height: 32px;\n    text-align: center;\n  }\n"],["\n  display: flex;\n  width: 32px;\n  height: 32px;\n  align-items: center;\n  justify-content: center;\n  margin: 0 2px;\n  border-radius: 4px;\n  color: ",";\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: ",";\n\n  > a {\n    color: ",";\n    text-decoration: unset;\n    display: block;\n    width: 100%;\n    height: 100%;\n    line-height: 32px;\n    text-align: center;\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800}));export{s as StyledPageBlock,i as StyledPagination,a as StyledPaginationBlock};

package/build/esm/components/atoms/progress/index.js

@@ -0,0 +1 @@
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import r from"react";import{StyledProgress as t}from"./index.styled.js";var o=function(o){var s=o.percent,m=o.style;return r.createElement(t,{style:e({"--progress":s},m)})};export{o as Progress};

package/build/esm/components/atoms/progress/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var t,e=o.div(t||(t=n(["\n  height: 4px;\n  position: relative;\n\n  &:before {\n    content: '';\n    border-radius: 2px;\n    background-color: ",";\n    opacity: 0.15;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &:after {\n    content: '';\n    border-radius: 2px;\n    background-color: ",";\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: calc(var(--progress) * 1%);\n  }\n"],["\n  height: 4px;\n  position: relative;\n\n  &:before {\n    content: '';\n    border-radius: 2px;\n    background-color: ",";\n    opacity: 0.15;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &:after {\n    content: '';\n    border-radius: 2px;\n    background-color: ",";\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: calc(var(--progress) * 1%);\n  }\n"])),(function(n){return n.theme.colors.yellow400}),(function(n){return n.theme.colors.yellow400}));export{e as StyledProgress};

package/build/esm/components/atoms/pureInput/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as a}from"../../../node_modules/tslib/tslib.es6.js";import t,{useState as o}from"react";import{Label as n}from"../label/index.js";import{StyledInput as l,StyledDisplayIcon as s,StyledActionIcon as i,StyledErrorLabel as r}from"./index.styled.js";var c=t.forwardRef((function(c,u){var d=c.name,m=c.errorMessage,p=c.autoComplete,y=void 0===p?"off":p,v=c.defaultValue,b=c.actionIcon,f=c.displayIcon,h=c.isDeleteAction,C=c.onActionClick,g=c.label,N=c.placeholder,I=c.className,K=c.onChange,E=c.onKeyPress,F=c.isDisabled,x=c.CustomInput,z=c.size,A=c.style,D=c.autoFocus,P=void 0===D||D,j=c.type,k=void 0===j?"text":j,H=c.isNumerousKeyboard,M=void 0!==H&&H,L=c.onFocus,O=c.enterKeyHint,V=c.nativeOnChange,w=e(c,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]),R=o(v),_=R[0],q=R[1];return t.createElement(l,{"data-size":z,className:I,"data-has-action-icon":!!b||void 0,"data-has-display-icon":!!f||void 0,"data-has-error":m&&m.length>0||void 0,style:A},g&&t.createElement(n,{size:"label2",htmlFor:d,className:"inputLabel"},g),t.createElement("div",{style:{position:"relative"}},x||t.createElement("input",a({id:d,name:d,placeholder:N,onChange:null!=V?V:function(e){return a=e.target.value,q(a),void K(a);var a},onKeyPress:E,type:k,"aria-label":k,disabled:F,value:_,autoComplete:y,ref:u,autoFocus:P,inputMode:M||"number"===k?"numeric":k,pattern:M?"[0-9]*":".*",onFocus:L,enterKeyHint:O},w)),f&&t.createElement(s,{className:"displayIcon"},f),b&&t.createElement(i,{className:"actionIcon",onClick:function(){var e;h&&(q(""),null===(e=u.current)||void 0===e||e.focus()),C&&C()}},b)),m&&m.length>0&&t.createElement(r,{className:"errorLabel"},m))}));c.displayName="PureInput";export{c as PureInput};

package/build/esm/components/atoms/pureInput/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../misc/utils.js";import i from"styled-components";var o=i.div(e||(e=n(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),t.mbDown,t.mbUp,(function(n){return n.theme.sizes.fwRegular}),t.mbDown,t.mbUp,(function(n){return n.theme.sizes.fwRegular}),t.mbDown,t.mbUp);i.label(r||(r=n(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold}));var e,r,a,p,s,l=i.label(a||(a=n(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.sizes.fwRegular})),d=i.div(p||(p=n(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),u=i.div(s||(s=n(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"])));export{d as StyledActionIcon,u as StyledDisplayIcon,l as StyledErrorLabel,o as StyledInput};

package/build/esm/components/atoms/radio/index.js

@@ -0,0 +1 @@
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import a from"react";import{StyledRadio as t}from"./index.styled.js";var n=function(n){var o=n.type,c=n.size,l=void 0===c?"small":c,d=n.label,r=n.name,i=n.checked,s=n.value,m=n.className,v=n.isDisabled,b=void 0!==v&&v,p=n.onChange,u=n.dataEventCategory,y=n.dataEventAction,E=n.dataEventLabel,f=!!y&&!!u&&!!E?{"data-event-category":u,"data-event-action":y,"data-event-label":E}:{};return a.createElement(t,{"data-disabled":b,className:m,"data-type":o,"data-size":l},a.createElement("input",e({type:"radio",checked:i,name:r,id:"".concat(r,"-").concat(s),value:s,onChange:function(){return p(s)}},f)),a.createElement("label",e({htmlFor:"".concat(r,"-").concat(s)},f),d))};export{n as Radio};

package/build/esm/components/atoms/radio/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var r,e=o.div(r||(r=n(["\n  &[data-type='circle'] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    input {\n      position: relative;\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      margin-right: 8px;\n      border-radius: 100%;\n      cursor: inherit;\n      transition: background 0.4s, 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      &:checked {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-color: ",";\n        &:after {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          width: 14px;\n          height: 14px;\n          //left: 3px;\n          //position: absolute;\n          //top: 4px;\n          background-color: ",";\n          border-radius: 50%;\n          content: '';\n          transform: translate(-50%, -50%);\n        }\n      }\n    }\n\n    label {\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: ",";\n    }\n\n    &[data-disabled='true'] {\n      color: ",";\n      cursor: not-allowed;\n      input {\n        border-color: ",";\n\n        &:hover {\n          border-color: ",";\n          box-shadow: none;\n        }\n      }\n    }\n  }\n\n  &[data-type='rectangle'] {\n    input {\n      display: none;\n\n      &:checked ~ label {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n        font-weight: ",";\n      }\n    }\n\n    label {\n      display: inline-block;\n      width: auto;\n      box-sizing: border-box;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      border-radius: 6px;\n      color: ",";\n      cursor: pointer;\n      font-weight: ",";\n      text-align: center;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n      }\n    }\n\n    &[data-disabled='true'] {\n      input {\n        cursor: not-allowed;\n      }\n\n      label {\n        color: ",";\n        cursor: not-allowed;\n\n        &:hover {\n          border-color: ",";\n        }\n      }\n    }\n\n    &[data-size='small'] {\n      label {\n        height: 32px;\n        padding: 6px 12px;\n        font-size: 13px;\n      }\n    }\n\n    &[data-size='large'] {\n      label {\n        height: 48px;\n        padding: 13px 16px;\n        font-size: 14px;\n      }\n    }\n  }\n"],["\n  &[data-type='circle'] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    input {\n      position: relative;\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      margin-right: 8px;\n      border-radius: 100%;\n      cursor: inherit;\n      transition: background 0.4s, 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      &:checked {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-color: ",";\n        &:after {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          width: 14px;\n          height: 14px;\n          //left: 3px;\n          //position: absolute;\n          //top: 4px;\n          background-color: ",";\n          border-radius: 50%;\n          content: '';\n          transform: translate(-50%, -50%);\n        }\n      }\n    }\n\n    label {\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: ",";\n    }\n\n    &[data-disabled='true'] {\n      color: ",";\n      cursor: not-allowed;\n      input {\n        border-color: ",";\n\n        &:hover {\n          border-color: ",";\n          box-shadow: none;\n        }\n      }\n    }\n  }\n\n  &[data-type='rectangle'] {\n    input {\n      display: none;\n\n      &:checked ~ label {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n        font-weight: ",";\n      }\n    }\n\n    label {\n      display: inline-block;\n      width: auto;\n      box-sizing: border-box;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      border-radius: 6px;\n      color: ",";\n      cursor: pointer;\n      font-weight: ",";\n      text-align: center;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n      }\n    }\n\n    &[data-disabled='true'] {\n      input {\n        cursor: not-allowed;\n      }\n\n      label {\n        color: ",";\n        cursor: not-allowed;\n\n        &:hover {\n          border-color: ",";\n        }\n      }\n    }\n\n    &[data-size='small'] {\n      label {\n        height: 32px;\n        padding: 6px 12px;\n        font-size: 13px;\n      }\n    }\n\n    &[data-size='large'] {\n      label {\n        height: 48px;\n        padding: 13px 16px;\n        font-size: 14px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}));export{e as StyledRadio};

package/build/esm/components/atoms/radioImageGroup/index.js

@@ -0,0 +1 @@
+import e,{useState as a}from"react";import{Text as t}from"../text/index.js";import{StyledRadioImageGroup as l,StyledRadioImageItem as n}from"./index.styled.js";var o=function(o){var r=o.value,i=o.options,c=o.className,d=o.direction,m=void 0===d?"horizontal":d,s=o.onChange,u=o.isDisabled,v=a(r),p=v[0],b=v[1];return e.createElement(l,{className:c,"data-direction":m},i.map((function(a,l){return e.createElement(n,{"data-selected":(r||p)===a.value,"data-disabled":u,key:l,onClick:function(){var e;e=a.value,u||(b(e),s&&s(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(t,{type:"bold",color:(r||p)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))})))};export{o as RadioImageGroup};

package/build/esm/components/atoms/radioImageGroup/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var t,i,d=e.div(t||(t=n(["\n  display: flex;\n  width: 100%;\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n  }\n\n  &[data-direction='horizontal'] {\n    flex-wrap: wrap;\n  }\n"],["\n  display: flex;\n  width: 100%;\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n  }\n\n  &[data-direction='horizontal'] {\n    flex-wrap: wrap;\n  }\n"]))),r=e.div(i||(i=n(["\n  display: flex;\n\n  padding: 8px;\n\n  border-radius: 6px;\n  cursor: pointer;\n\n  & > div {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n  }\n\n  &[data-selected='true'] {\n    border: 1px solid #2d87f3;\n    background: white;\n  }\n  &[data-selected='false'] {\n    border: 1px solid #f2f2f2;\n    box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n  }\n  &[data-disabled='true'] {\n    cursor: auto;\n  }\n\n  .radio-group-item-heading {\n    margin-top: 8px;\n    //height: 48px;\n    text-align: center;\n  }\n\n  .gender-image {\n    width: 70px;\n    height: 70px;\n    &[data-is-mobile='true'] {\n      width: 40px;\n      height: 40px;\n    }\n  }\n"],["\n  display: flex;\n\n  padding: 8px;\n\n  border-radius: 6px;\n  cursor: pointer;\n\n  & > div {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n  }\n\n  &[data-selected='true'] {\n    border: 1px solid #2d87f3;\n    background: white;\n  }\n  &[data-selected='false'] {\n    border: 1px solid #f2f2f2;\n    box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n  }\n  &[data-disabled='true'] {\n    cursor: auto;\n  }\n\n  .radio-group-item-heading {\n    margin-top: 8px;\n    //height: 48px;\n    text-align: center;\n  }\n\n  .gender-image {\n    width: 70px;\n    height: 70px;\n    &[data-is-mobile='true'] {\n      width: 40px;\n      height: 40px;\n    }\n  }\n"])));export{d as StyledRadioImageGroup,r as StyledRadioImageItem};

package/build/esm/components/atoms/rateStars/index.js

@@ -0,0 +1 @@
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t,{useState as o}from"react";import r from"../../../assets/svg/StarEmptyIcon.js";import n from"../../../assets/svg/StarFullIcon.js";import s from"../../../assets/svg/StarHalfIcon.js";import{StyledRateStars as a}from"./index.styled.js";var l=function(l){var i=l.gap,u=void 0===i?2:i,m=l.size,c=void 0===m?24:m,v=l.star,f=l.totalStars,d=void 0===f?5:f,p=l.onSelect,y=l.hideEmptyStars,M=l.style,g=l.className,k=Math.floor(v),E=v-k>=.5?1:0,S=o(null),j=S[0],b=S[1],h=j||k,C=j?0:E;return t.createElement(a,{"data-selectable":!!p,style:e({"--gap":u,"--star-size":c},M),className:g},Array.from({length:y?k+E:d}).map((function(e,o){var a=function(){return!!p&&b(o+1)},l=function(){return!!p&&b(null)};return o+1<=h?t.createElement(n,{key:o,onClick:function(){return null==p?void 0:p(o+1)},onMouseOver:a,onMouseLeave:l}):o+1===h+C?t.createElement(s,{key:o,onClick:function(){return null==p?void 0:p(o+1)},onMouseOver:a,onMouseLeave:l}):t.createElement(r,{key:o,onClick:function(){return null==p?void 0:p(o+1)},onMouseOver:a,onMouseLeave:l})})))};export{l as RateStars};

package/build/esm/components/atoms/rateStars/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import a from"styled-components";var e,s=a.div(e||(e=n(["\n  display: inline-flex;\n\n  gap: calc(var(--gap) * 1px);\n  > svg {\n    width: calc(var(--star-size) * 1px);\n    height: calc(var(--star-size) * 1px);\n  }\n\n  &[data-selectable='true'] {\n    > svg {\n      cursor: pointer;\n    }\n  }\n"],["\n  display: inline-flex;\n\n  gap: calc(var(--gap) * 1px);\n  > svg {\n    width: calc(var(--star-size) * 1px);\n    height: calc(var(--star-size) * 1px);\n  }\n\n  &[data-selectable='true'] {\n    > svg {\n      cursor: pointer;\n    }\n  }\n"])));export{s as StyledRateStars};

package/build/esm/components/atoms/shadow/index.js

@@ -0,0 +1 @@
+import e from"react";import{StyledShadow as r}from"./index.styled.js";var t=function(t){var a=t.size,s=t.children,i=t.style,l=t.className;return e.createElement(r,{style:i,className:l,"data-shadow-size":a},s)};export{t as Shadow};

package/build/esm/components/atoms/shadow/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as p}from"../../../node_modules/tslib/tslib.es6.js";import a from"styled-components";var x,d=a.div(x||(x=p(["\n  &[data-shadow-size='small'] {\n    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n      drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n  &[data-shadow-size='normal'] {\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  }\n  &[data-shadow-size='medium'] {\n    filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06))\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  }\n  &[data-shadow-size='large'] {\n    filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n  &[data-shadow-size='soft'] {\n    filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  &[data-shadow-size='small'] {\n    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n      drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n  &[data-shadow-size='normal'] {\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  }\n  &[data-shadow-size='medium'] {\n    filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06))\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  }\n  &[data-shadow-size='large'] {\n    filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n  &[data-shadow-size='soft'] {\n    filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n"])));export{d as StyledShadow};

package/build/esm/components/atoms/slider/index.js

@@ -0,0 +1 @@
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import n,{useState as t,useEffect as r}from"react";import{Range as a,getTrackBackground as o,useThumbOverlap as l}from"react-range";import{Text as m}from"../text/index.js";import{StyledSlider as s,StyledThumb as i,StyledTrackContainer as c,StyledTrack as u,StyledLabel as d,StyledDot as f}from"./index.styled.js";function p(e){var t=e.rangeRef,r=e.values,a=e.index,o=l(t,r,a,1," - ",(function(e){return e})),m=o[0],s=o[1];return n.createElement(n.Fragment,null,n.createElement(d,{"data-label":a,style:s},m),n.createElement(f,{"data-label":a}))}var E=function(l){var d=l.step,f=l.min,E=l.max,v=l.value,g=l.onChange,x=l.className,b=l.heading,h=l.isMobile,D=void 0!==h&&h,y=["#DBDFE5","#2D87F3","#DBDFE5"],F=n.useRef(),M=t(v),T=M[0],j=M[1];r((function(){j(v)}),[v[0],v[1]]);return n.createElement(s,{className:x},n.createElement(a,{ref:F,values:T[0]>=f&&T[1]<=E?T:[f,E],onChange:j,onFinalChange:g,renderThumb:function(t){var r=t.props,a=t.index;return n.createElement(i,e({},r),n.createElement(p,{rangeRef:F.current,values:T,index:a,isMobile:D}))},renderTrack:function(t){var r=t.props,a=t.children,l={background:o({values:T,colors:y,min:f,max:E})};return n.createElement(n.Fragment,null,b&&n.createElement(m,{size:"md",type:"bold"},b),n.createElement(c,{onMouseDown:r.onMouseDown,onTouchStart:r.onTouchStart,style:e({},r.style)},n.createElement(u,{ref:r.ref,style:l},a)))},step:d,min:f,max:E}))};export{E as Slider};

package/build/esm/components/atoms/slider/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var o,t,i,r,s,p,a=e.div(o||(o=n(["\n  margin: 0 12px;\n\n  & div[role='slider'] {\n    -webkit-text-size-adjust: none;\n    -webkit-user-select: none;\n    &:focus {\n      outline: none;\n    }\n  }\n"],["\n  margin: 0 12px;\n\n  & div[role='slider'] {\n    -webkit-text-size-adjust: none;\n    -webkit-user-select: none;\n    &:focus {\n      outline: none;\n    }\n  }\n"]))),d=e.div(t||(t=n(["\n  display: flex;\n  width: 24px;\n  height: 24px;\n  align-items: center;\n  justify-content: center;\n  background-color: ",";\n  border-radius: 50%;\n  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07), 0px 4px 7px rgba(0, 0, 0, 0.15);\n"],["\n  display: flex;\n  width: 24px;\n  height: 24px;\n  align-items: center;\n  justify-content: center;\n  background-color: ",";\n  border-radius: 50%;\n  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07), 0px 4px 7px rgba(0, 0, 0, 0.15);\n"])),(function(n){return n.theme.colors.white})),l=e.div(i||(i=n(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 16px;\n  height: 16px;\n  background: ",";\n  border-radius: 50%;\n  transform: translateY(-50%) translateX(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 16px;\n  height: 16px;\n  background: ",";\n  border-radius: 50%;\n  transform: translateY(-50%) translateX(-50%);\n"])),(function(n){return n.theme.colors.primaryBase})),x=e.div(r||(r=n(["\n  display: flex;\n  width: 100%;\n  height: 36px;\n  margin-top: 32px;\n"],["\n  display: flex;\n  width: 100%;\n  height: 36px;\n  margin-top: 32px;\n"]))),u=e.div(s||(s=n(["\n  width: 100%;\n  height: 5px;\n  align-self: center;\n  border-radius: 4px;\n"],["\n  width: 100%;\n  height: 5px;\n  align-self: center;\n  border-radius: 4px;\n"]))),c=e.div(p||(p=n(["\n  position: absolute;\n  top: -28px;\n  display: block;\n  padding: 4px;\n  background-color: ",";\n  border-radius: 4px;\n  color: ",";\n  font-size: 14px;\n  font-weight: bold;\n  outline: none;\n  white-space: nowrap;\n\n  &:focus {\n    outline: none;\n  }\n"],["\n  position: absolute;\n  top: -28px;\n  display: block;\n  padding: 4px;\n  background-color: ",";\n  border-radius: 4px;\n  color: ",";\n  font-size: 14px;\n  font-weight: bold;\n  outline: none;\n  white-space: nowrap;\n\n  &:focus {\n    outline: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white}));export{l as StyledDot,c as StyledLabel,a as StyledSlider,d as StyledThumb,u as StyledTrack,x as StyledTrackContainer};

package/build/esm/components/atoms/tag/index.js

@@ -0,0 +1 @@
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import i from"react";import{Text as t}from"../text/index.js";import{StyledTag as a}from"./index.styled.js";var s=function(s){var d=s.type,o=s.children,r=s.style,l=s.isInline,n=s.isSquared,m=void 0!==n&&n,c=s.className,g=s.isLight,p=s.hasMorePadding,v=s.isLink,h=s.isSelected,u=s.textProps,x=void 0===u?{size:"sm"}:u,y=x.color?{"--text-props-color":x.color}:{};return i.createElement(a,{"data-is-squared":m||void 0,"data-tag-type":d,"data-is-light":g||void 0,"data-has-more-padding":p||void 0,"data-is-inline":l||void 0,style:e(e({},r),y),className:c,"data-is-selected":h||void 0,"data-is-link":v||void 0,tagType:d,isInline:l,tagHasMorePadding:p,tagIsLight:g,tagIsSquared:m,tagIsALink:v},i.createElement(t,e({},x),o))};export{s as Tag};

package/build/esm/components/atoms/tag/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{theme as o}from"../../../misc/theme.js";import r from"styled-components";var t,e=r.div(t||(t=n(["\n  --padding-horizontal: 8px;\n  --pading-vertical: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--pading-vertical) var(--padding-horizontal);\n  border-radius: 24px;\n\n  ","\n\n  ","\n\n  ","\n\n  p {\n    ","\n  }\n\n  ","\n\n  ","\n\n  "," \n\n  &[data-is-selected],\n  &:active {\n    background: ",";\n  }\n"],["\n  --padding-horizontal: 8px;\n  --pading-vertical: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--pading-vertical) var(--padding-horizontal);\n  border-radius: 24px;\n\n  ","\n\n  ","\n\n  ","\n\n  p {\n    ","\n  }\n\n  ","\n\n  ","\n\n  "," \n\n  &[data-is-selected],\n  &:active {\n    background: ",";\n  }\n"])),(function(n){return"sponsored"===n.tagType&&"\n    --offset-size: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    position: relative;\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);\n    border-radius: 0 4px 18px 0;\n    height: 24px;\n    width: 90px;\n    border-left: var(--offset-size) solid ".concat(o.colors.accentLight,";\n    padding: 0;\n    margin-left: calc(var(--offset-size) * -1);\n\n    p {\n      font-weight: ").concat(o.sizes.fwBold,";\n      color: var(\n        --text-props-color,\n        ").concat(o.colors.secondaryDark,"\n      );\n      font-size: 11px;\n      margin-left: calc(var(--offset-size) * -1);\n    }\n\n    &::after {\n      width: calc(var(--offset-size) * 2);\n      height: var(--offset-size);\n      background: ").concat(o.colors.accentMain,";\n      position: absolute;\n      left: calc(var(--offset-size) * -1);\n      bottom: calc(var(--offset-size) * -1);\n      clip-path: polygon(0 1%, 100% 0%, 100% 100%);\n      content: '';\n    }\n  ")}),(function(n){return n.isInline&&"\n      display: inline-block;\n  "}),(function(n){return n.tagHasMorePadding&&"\n    &[data-has-more-padding] {\n      padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal);\n    }\n  "}),(function(n){return n.tagIsLight?"\n      color: var(--text-props-color, #000);\n      ":"\n      color: var(--text-props-color, ".concat((function(n){return n.theme.colors.white}),");\n        ")}),(function(n){return function(n,r){switch(n){case"yellow":var t=r?o.colors.yellow50:o.colors.yellow600;return"\n        background: ".concat(t,";\n        p {\n          color: var(\n            --text-props-color,\n            ").concat(o.colors.gray800,"\n          );\n        }\n      ");case"standard":return"\n      background: ".concat(o.colors.white,";\n      border: 1px solid ").concat(o.colors.gray200,";\n  \n      p {\n        color: var(\n          --text-props-color,\n          ").concat(o.colors.gray800,"\n        );\n      }\n  \n      &:hover {\n        background: ").concat(o.colors.gray100,";\n      }\n      ");case"red":return t=r?o.colors.red50:o.colors.red500,"\n         background: ".concat(t,";\n        ");case"green":return t=r?o.colors.green50:o.colors.green500,"\n         background: ".concat(t,";\n      ");case"blue":return t=r?o.colors.blue50:o.colors.primaryBase,"\n         background: ".concat(t,";\n      ");case"teal":return t=r?o.colors.teal100:o.colors.teal600,"\n         background: ".concat(t,";\n      ");case"pink":return t=r?o.colors.pink200:o.colors.pink800,"\n         background: ".concat(t,";\n      ");case"violet":return t=r?o.colors.violet100:o.colors.violet500,"\n          background: ".concat(t,";\n      ");case"grey":return t=r?o.colors.gray100:o.colors.gray600,"\n          background: ".concat(t,";\n      ")}}(n.tagType,n.tagIsLight)}),(function(n){return n.tagIsSquared&&"sponsored"!==n.tagType&&"\n    border-radius: 4px;\n  "}),(function(n){return n.tagIsALink&&"\n    cursor: pointer;\n  "}),(function(n){return n.theme.colors.blue50}));export{e as StyledTag};

package/build/esm/components/atoms/text/index.js

@@ -0,0 +1 @@
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t from"react";import{StyledText as a}from"./index.styled.js";var r=function(r){var s=r.size,o=void 0===s?"base":s,d=r.type,n=void 0===d?"regular":d,l=r.title,i=r.className,p=r.style,c=r.children,m=r.color,v=r.dataEventCategory,y=r.dataEventAction,u=r.dataEventLabel,x=r.as,b=r.wordWrap,g=r.isUppercase,f=r.dangerouslySetInnerHTML,E={"--custom-color":m};return t.createElement(a,{title:l,"data-size":o,"data-type":n,style:e(e({},p),E),className:i,"data-event-category":v,"data-event-action":y,"data-event-label":u,"data-word-wrap":b,"data-is-uppercase":g,as:x,textSize:o,textType:n,textWordWrap:b,textIsUpperCase:g,dangerouslySetInnerHTML:f},c)};export{r as Text};

package/build/esm/components/atoms/text/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{theme as e}from"../../../misc/theme.js";import{MediaQueries as t}from"../../../misc/utils.js";import i from"styled-components";var p,r=i.p(p||(p=n(["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  font-weight: ",";\n  ","\n\n  /* Make caption uppercase */\n  ","\n\n  ","\n\n  ","\n\n  ","\n"],["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  font-weight: ",";\n  ","\n\n  /* Make caption uppercase */\n  ","\n\n  ","\n\n  ","\n\n  ","\n"])),(function(n){return n.theme.defaultColor||n.theme.colors.gray800}),(function(n){return function(n){switch(n){case"bold":case"caption":return e.sizes.fwBold;case"semiBold":return e.sizes.fwSemiBold;default:return e.sizes.fwRegular}}(n.textType)}),(function(n){return function(n){switch(n){case"lg":case"md":return"\n        font-size: 16px;\n        line-height: 28px;\n        ".concat(t.tdUp," {\n            font-size: 18px;\n            line-height: 32px;\n            letter-spacing: -0.2px;\n        }\n      ");case"base":return"\n        font-size: 16px;\n        line-height: 24px;\n        ".concat(t.tdUp," {\n          font-size: 16px;\n          line-height: 24px;\n        }\n      ");case"sm":return"\n      font-size: 14px;\n        line-height: 22px;\n        letter-spacing: -0.2px;\n        ".concat(t.tdUp," {\n          font-size: 16px;\n          line-height: 24px;\n        }\n      ");case"p4":case"xs":case"c2":return"\n        font-size: 12px;\n        line-height: 18px;\n        ".concat(t.tdUp," {\n          font-size: 14px;\n          line-height: 24px;\n        }\n      ");case"s1":return"\n      font-size: 18px;\n      line-height: 28px;\n      letter-spacing: -0.6px;\n      ".concat(t.tdUp," {\n        font-size: 22px;\n        line-height: 32px;\n        letter-spacing: -0.6px;\n        }\n      ");case"s2":return"\n        font-size: 16px;\n        line-height: 24px;\n        letter-spacing: -0.2px;\n        ".concat(t.tdUp," {\n          font-size: 18px;\n          line-height: 28px;\n          letter-spacing: -0.2px;\n        }\n      ");case"s3":return"\n        font-size: 14px;\n        line-height: 22px;\n        ".concat(t.tdUp," {\n          font-size: 16px;\n          line-height: 24px;\n        }\n      ");case"s4":return"\n        font-size: 12px;\n        line-height: 18px;\n        ".concat(t.tdUp," {\n          font-size: 14px;\n          line-height: 22px;\n        }\n      ");case"s5":return"\n        font-size: 10px;\n        line-height: 16px;\n        ".concat(t.tdUp," {\n          font-size: 12px;\n          line-height: 18px;\n        }\n      ");case"p1":return"\n        font-size: 18px;\n        line-height: 28px;\n        ".concat(t.tdUp," {\n          font-size: 18px;\n          line-height: 28px;\n          letter-spacing: -0.2px;\n        }\n      ");case"p2":return"\n        font-size: 16px;\n        line-height: 24px;\n        ".concat(t.tdUp," {\n          font-size: 16px;\n          line-height: 26px;\n        }\n      ");case"p3":return"\n        font-size: 14px;\n        line-height: 18px;\n        ".concat(t.tdUp," {\n          font-size: 14px;\n          line-height: 24px;\n        }\n      ");case"c1":return"\n        font-size: 14px;\n        line-height: 24px;\n        ".concat(t.tdUp," {\n          font-size: 16px;\n          line-height: 26px;\n        }\n      ");case"n1":return"\n        font-size: 12px;\n        line-height: 18px;\n        ".concat(t.tdUp," {\n          font-size: 12px;\n          line-height: 18px;\n        }\n      ");case"label1":return"\n        font-size: 14px;\n        line-height: 22px;\n        ".concat(t.tdUp," {\n\n        }\n      ");case"label2":return"\n        font-size: 12px;\n        line-height: 18px;\n        ".concat(t.tdUp," {\n\n        }\n      ")}}(n.textSize)}),(function(n){return"caption"===n.textType&&"\n    text-transform: uppercase;\n  "}),(function(n){return"break-all"===n.textWordWrap&&"\n    word-break: break-all;\n  "}),(function(n){return"break-word"===n.textWordWrap&&"\n    word-break: break-word;\n  "}),(function(n){return n.textIsUpperCase&&"\n    text-transform: uppercase;\n  "}));export{r as StyledText};

package/build/esm/components/atoms/textArea/index.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as e}from"../../../node_modules/tslib/tslib.es6.js";import n from"react";import r from"styled-components";import{Label as o}from"../label/index.js";var t,a=r.div(t||(t=e(["\n  textarea {\n    width: 100%;\n    height: var(--textarea-height, 116px);\n    padding: 1rem;\n    border: 1px solid ",";\n    border-radius: 6px;\n    color: ",";\n    font-size: 14px;\n    resize: none;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px #91caff;\n    }\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n"],["\n  textarea {\n    width: 100%;\n    height: var(--textarea-height, 116px);\n    padding: 1rem;\n    border: 1px solid ",";\n    border-radius: 6px;\n    color: ",";\n    font-size: 14px;\n    resize: none;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px #91caff;\n    }\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.gray500}),(function(e){return e.theme.colors.neutral50})),l=n.forwardRef((function(e,r){var t,l=e.height,d=e.placeholder,i=e.labelText,s=e.labelColor,c=e.id,p=e.name,x=e.onChange,h=e.value,u=e.className,m=e.onKeyPress,f=e.disabled,b=void 0!==f&&f;return n.createElement(a,{className:u,style:(t={},t["--textarea-height"]=l||"116px",t)},i&&n.createElement(o,{size:"label2",style:{color:s||"#595959"},htmlFor:c},i),n.createElement("textarea",{name:p,ref:r,placeholder:d,id:c,onChange:function(e){return x&&x(e.target.value)},onKeyPress:function(e){return m&&m(e)},value:h,disabled:b}))}));export{l as TextArea};

package/build/esm/components/atoms/textDivider/index.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"react";import{Container as r}from"../container/index.js";import{Text as t}from"../text/index.js";import a from"styled-components";var i,o=a.div(i||(i=n(["\n  background-color: var(--neutral50);\n  padding: 12px 0;\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n\n  > * {\n    display: grid;\n    grid-template-columns: 32px 1fr;\n    align-content: center;\n\n    p {\n      font-weight: 600;\n    }\n  }\n\n  .icon-wrapper {\n    display: flex;\n    align-items: center;\n  }\n"],["\n  background-color: var(--neutral50);\n  padding: 12px 0;\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n\n  > * {\n    display: grid;\n    grid-template-columns: 32px 1fr;\n    align-content: center;\n\n    p {\n      font-weight: 600;\n    }\n  }\n\n  .icon-wrapper {\n    display: flex;\n    align-items: center;\n  }\n"]))),l=function(n){var a=n.children,i=n.icon,l=n.className,p=n.style;return e.createElement(o,{style:p,className:l},e.createElement(r,null,e.createElement("div",{className:"icon-wrapper"},i),e.createElement(t,{size:"c1",color:"var(--neutral800)"},a)))};export{l as TextDivider};

package/build/esm/components/atoms/toggle/index.js

@@ -0,0 +1 @@
+import e from"react";import{StyledToggle as t,StyledToggleIcon as l,StyledToggleLabel as a}from"./index.styled.js";var n=function(n){var r=n.className,c=n.id,m=n.onChange,o=n.checked,s=n.style,i=n.label;return e.createElement(t,{className:r,style:s},e.createElement("input",{type:"checkbox",id:c,onChange:m,checked:o}),e.createElement("label",{htmlFor:c},e.createElement(l,null),i&&e.createElement(a,null,i)))};export{n as Toggle};

package/build/esm/components/atoms/toggle/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var e,i,r,o=t.span(e||(e=n(["\n  position: relative;\n  display: block;\n  width: 40px;\n  height: ",";\n  background: #c3cbd4;\n  border-radius: 100px;\n  cursor: pointer;\n\n  &:after {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 20px;\n    height: 20px;\n    background: #fff;\n    border-radius: 90px;\n    content: '';\n    transition: 0.3s;\n  }\n"],["\n  position: relative;\n  display: block;\n  width: 40px;\n  height: ",";\n  background: #c3cbd4;\n  border-radius: 100px;\n  cursor: pointer;\n\n  &:after {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 20px;\n    height: 20px;\n    background: #fff;\n    border-radius: 90px;\n    content: '';\n    transition: 0.3s;\n  }\n"])),"24px"),p=t.span(i||(i=n(["\n  padding-left: 15px;\n"],["\n  padding-left: 15px;\n"]))),a=t.div(r||(r=n(["\n  height: ",";\n\n  input[type='checkbox'] {\n    width: 0;\n    height: 0;\n    visibility: hidden;\n  }\n\n  label {\n    cursor: pointer;\n    display: inline-flex;\n    color: ",";\n  }\n\n  input:checked + label "," {\n    background: ",";\n  }\n\n  input:checked + label ",":after {\n    left: calc(100% - 2px);\n    transform: translateX(-100%);\n  }\n"],["\n  height: ",";\n\n  input[type='checkbox'] {\n    width: 0;\n    height: 0;\n    visibility: hidden;\n  }\n\n  label {\n    cursor: pointer;\n    display: inline-flex;\n    color: ",";\n  }\n\n  input:checked + label "," {\n    background: ",";\n  }\n\n  input:checked + label ",":after {\n    left: calc(100% - 2px);\n    transform: translateX(-100%);\n  }\n"])),"24px",(function(n){return n.theme.colors.gray600}),o,(function(n){return n.theme.colors.primaryBase}),o);export{a as StyledToggle,o as StyledToggleIcon,p as StyledToggleLabel};

package/build/esm/components/atoms/underlinedLink/index.js

@@ -0,0 +1 @@
+import e from"react";import{StyledUnderlinedLink as a}from"./index.styled.js";var s=function(s){var t=s.size,i=s.isDisabled,r=s.className,l=s.link,d=s.style;return e.createElement(a,{className:r,"data-size":t,style:d,"data-disabled":i||void 0},l)};export{s as UnderlinedLink};

package/build/esm/components/atoms/underlinedLink/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var t,o=e.div(t||(t=n(["\n  a {\n    color: ",";\n    cursor: pointer;\n    text-decoration: underline;\n\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    &:visited {\n      color: ",";\n    }\n  }\n\n  &[data-disabled] {\n    & > a {\n      color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  @include layout-sp {\n    &[data-size='lg'] {\n      & > a {\n        font-size: 16px;\n        font-weight: ",";\n        line-height: 24px;\n      }\n    }\n    &[data-size='md'] {\n      & > a {\n        font-size: 14px;\n        font-weight: ",";\n        line-height: 22px;\n      }\n    }\n    &[data-size='sm'] {\n      & > a {\n        font-size: 13px;\n        font-weight: ",";\n        line-height: 20px;\n      }\n    }\n    &[data-size='xm'] {\n      & > a {\n        font-size: 11px;\n        font-weight: ",";\n        line-height: 20px;\n      }\n    }\n  }\n"],["\n  a {\n    color: ",";\n    cursor: pointer;\n    text-decoration: underline;\n\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    &:visited {\n      color: ",";\n    }\n  }\n\n  &[data-disabled] {\n    & > a {\n      color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  @include layout-sp {\n    &[data-size='lg'] {\n      & > a {\n        font-size: 16px;\n        font-weight: ",";\n        line-height: 24px;\n      }\n    }\n    &[data-size='md'] {\n      & > a {\n        font-size: 14px;\n        font-weight: ",";\n        line-height: 22px;\n      }\n    }\n    &[data-size='sm'] {\n      & > a {\n        font-size: 13px;\n        font-weight: ",";\n        line-height: 20px;\n      }\n    }\n    &[data-size='xm'] {\n      & > a {\n        font-size: 11px;\n        font-weight: ",";\n        line-height: 20px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryVisited}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular}));export{o as StyledUnderlinedLink};

package/build/esm/components/atoms/uploader/index.js

@@ -0,0 +1 @@
+import e from"react";import{Button as t}from"../button/index.js";import{StyledUploader as l,StyledElementContainer as n,StyledIconWrapper as a,StyledDefaultButtonContent as r}from"./index.styled.js";var i=function(i){var o=i.type,c=i.withIcon,m=i.onFileSelected,s=i.inputId,d=i.withElement,p=i.fileAcceptType,u=i.multiple,f=i.value,E=i.className,v=function(){var e;null===(e=document.querySelector("#uploader-input-"+s))||void 0===e||e.click()};return e.createElement(l,{className:E},"badge"===o?e.createElement(n,{onClick:v,"data-is-attached-to-element":!!d},d,e.createElement(a,{"data-is-attached-to-element":!!d},c)):d?e.createElement("div",{onClick:v},d):e.createElement(t,{size:"md",color:"secondary",className:"default-button",icon:c,onClick:v},e.createElement(r,null,e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),e.createElement("input",{id:"uploader-input-"+s,accept:p,multiple:u,type:"file",style:{display:"none"},onChange:function(e){m(e.target.files)},value:f}))};export{i as Uploader};

package/build/esm/components/atoms/uploader/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import r from"styled-components";var e,o,i,t,c=r.div(e||(e=n(["\n  .default-button[data-color='secondary'] {\n    border: solid 2px ",";\n    color: ",";\n\n    &:hover {\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      & > svg {\n        fill: ",";\n      }\n    }\n  }\n"],["\n  .default-button[data-color='secondary'] {\n    border: solid 2px ",";\n    color: ",";\n\n    &:hover {\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      & > svg {\n        fill: ",";\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),a=r.div(o||(o=n(["\n  ","\n"],["\n  ","\n"])),(function(n){return n["data-is-attached-to-element"]&&"display: inline-block;\n    position: relative;"})),l=r.div(i||(i=n(["\n  --icon-wrapper-size: 32px;\n  display: flex;\n  width: var(--icon-wrapper-size);\n  height: var(--icon-wrapper-size);\n  align-items: center;\n  justify-content: center;\n  background-color: ",";\n  border-radius: 50%;\n\n  ","\n\n  & > svg {\n    width: calc(var(--icon-wrapper-size) / 2);\n    height: calc(var(--icon-wrapper-size) / 2);\n  }\n"],["\n  --icon-wrapper-size: 32px;\n  display: flex;\n  width: var(--icon-wrapper-size);\n  height: var(--icon-wrapper-size);\n  align-items: center;\n  justify-content: center;\n  background-color: ",";\n  border-radius: 50%;\n\n  ","\n\n  & > svg {\n    width: calc(var(--icon-wrapper-size) / 2);\n    height: calc(var(--icon-wrapper-size) / 2);\n  }\n"])),(function(n){return n.theme.colors.gray100}),(function(n){return n["data-is-attached-to-element"]&&"\n    position: absolute;\n    bottom: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n    right: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n  "})),s=r.div(t||(t=n(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"])));export{s as StyledDefaultButtonContent,a as StyledElementContainer,l as StyledIconWrapper,c as StyledUploader};

package/build/esm/components/babyGrowth.js

@@ -0,0 +1 @@
+export{BabyGrowthGender}from"./atoms/babyGrowthGender/index.js";export{BabyGrowthLegend}from"./atoms/babyGrowthLegend/index.js";export{BabyGrowthSwitch,BabyGrowthSwitchChart}from"./atoms/babyGrowthSwitch/index.js";export{BabyGrowthTooltip}from"./atoms/babyGrowthTooltip/index.js";export{BabyGrowthProfileRadio}from"./atoms/babyGrowthProfileRadio/index.js";export{BabyGrowthRecord}from"./atoms/babyGrowthRecord/index.js";export{ChildCard}from"./molecules/childCard/index.js";export{BabyGrowthChooseProfileDrawer}from"./molecules/babyGrowthChooseProfileDrawer/index.js";export{BabyGrowthChart,LABELS_PERCENTILE,LABELS_Z_SCORE}from"./atoms/babyGrowthChart/index.js";export{BabyGrowthChartPercentile,BabyGrowthChartZScore,divideChartData,generateGrowthChart,generateXAxisTicks,getAxisYDomain,refineDataWithLine,transformDataToChart}from"./atoms/babyGrowthChart/chartConfig.js";

package/build/esm/components/index.js

@@ -0,0 +1 @@
+export{Alert}from"./atoms/alert/index.js";export{Avatar}from"./atoms/avatar/index.js";export{Badge}from"./atoms/badge/index.js";export{BorderHeading}from"./atoms/borderHeading/index.js";export{Button}from"./atoms/button/index.js";export{Divider}from"./atoms/divider/index.js";export{FileDropdown}from"./atoms/fileDropdown/index.js";export{Flag}from"./atoms/flag/index.js";export{Grid}from"./atoms/grid/index.js";export{Heading}from"./atoms/heading/index.js";export{Input}from"./atoms/input/index.js";export{Label}from"./atoms/label/index.js";export{Logo}from"./atoms/logo/index.js";export{Pagination}from"./atoms/pagination/index.js";export{PureInput}from"./atoms/pureInput/index.js";export{Radio}from"./atoms/radio/index.js";export{Shadow}from"./atoms/shadow/index.js";export{Slider}from"./atoms/slider/index.js";export{Tag}from"./atoms/tag/index.js";export{Text}from"./atoms/text/index.js";export{Toggle}from"./atoms/toggle/index.js";export{UnderlinedLink}from"./atoms/underlinedLink/index.js";export{Uploader}from"./atoms/uploader/index.js";export{TextArea}from"./atoms/textArea/index.js";export{Container}from"./atoms/container/index.js";export{Checkbox}from"./atoms/checkbox/index.js";export{TextDivider}from"./atoms/textDivider/index.js";export{RateStars}from"./atoms/rateStars/index.js";export{Icon}from"./atoms/icons/index.js";export{Progress}from"./atoms/progress/index.js";export{Drawer}from"./atoms/drawer/index.js";export{Menu}from"./atoms/menu/index.js";export{RadioImageGroup}from"./atoms/radioImageGroup/index.js";export{ArticleCard}from"./molecules/articleCard/index.js";export{Breadcrumbs}from"./molecules/breadcrumbs/index.js";export{CategoryCard}from"./molecules/categoryCard/index.js";export{CheckboxGroup}from"./molecules/checkboxGroup/index.js";export{DatePicker}from"./molecules/datePicker/index.js";export{Dropdown}from"./molecules/dropdown/index.js";export{IconText}from"./molecules/iconText/index.js";export{Popup}from"./molecules/popup/index.js";export{Modal}from"./molecules/modal/index.js";export{ProgressBar}from"./molecules/progressBar/index.js";export{RadioGroup}from"./molecules/radioGroup/index.js";import*as o from"./molecules/sidemenu/index.js";export{o as SideMenu};export{ScrollList}from"./molecules/scrollList/index.js";export{Carousel}from"./molecules/carousel/index.js";export{StatisticCard}from"./molecules/statisticCard/index.js";import*as e from"./molecules/table/index.js";export{e as Table};export{Tabs}from"./molecules/tabs/index.js";export{DoctorInfo}from"./molecules/doctorInfo/index.js";export{SurveyQuestionCard}from"./molecules/surveyQuestionCard/surveyQuestionCard.js";export{SurveyThankyouCard}from"./molecules/surveyQuestionCard/surveyThankyouCard.js";export{FloatButtonGroup}from"./molecules/floatButtonGroup/index.js";export{CookieAcceptConfirm}from"./molecules/cookieAcceptConfirm/index.js";export{MobileBottomNavigation}from"./molecules/mobileBottomNavigation/index.js";export{MobileBottomNavigationIcon}from"./molecules/mobileBottomNavigation/MobileBottomNavigationIcon.js";export{SeoHead}from"./molecules/seoHead/index.js";export{LanguageSwitcher}from"./molecules/languageSwitcher/index.js";export{AmpNextPage}from"./molecules/ampNextPage/index.js";export{DateRangePicker}from"./molecules/dateRangePicker/index.js";export{ShareContainer}from"./molecules/shareContainer/index.js";export{ShareDrawer}from"./molecules/shareDrawer/index.js";export{NavigationLayout}from"./organisms/navigationLayout/languageWrapper.js";export{NavigationV2,getNavMenuContent,getNavMenuContentWithCache}from"./organisms/navigationV2/index.js";export{Layout}from"./organisms/navigationLayout/layout.js";export{SiteWide}from"./organisms/navigationLayout/siteWide/index.js";export{NavigationBar}from"./organisms/navigationLayout/navigationBar/index.js";export{defaultTranslation}from"./organisms/navigationLayout/languages/default.js";export{UserProfileNavigation}from"./organisms/userProfileNavigation/index.js";export{StickySponsoredBy}from"./organisms/navigationLayout/sponsoredBy/index.js";export{Footer}from"./organisms/footer/index.js";export{NavigationLogoutPopup}from"./organisms/navigationLogoutPopup/index.js";export{ProfilePopup}from"./organisms/navigationProfileButton/profilePopup.js";export{NavigationProfileButton}from"./organisms/navigationProfileButton/index.js";export{NavHeader as UserProfileNavigationHeader}from"./organisms/userProfileNavigation/navHeader/index.js";export{UserStats as UserProfileNavigationStats}from"./organisms/userProfileNavigation/userStats/index.js";

package/build/esm/components/molecules/ampNextPage/index.js

@@ -0,0 +1 @@
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t from"react";var r=function(r){var l=r.ampNextArticles,n=(null==l?void 0:l.filter(Boolean))||[];if(!(null==n?void 0:n.length))return null;return t.createElement("amp-next-page",null,t.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(n.map((function(e){return{image:e.image||"",title:e.title?JSON.stringify(e.title):"",url:e.link||""}})))}}),t.createElement("div",e({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))};export{r as AmpNextPage};

package/build/esm/components/molecules/articleCard/index.js

@@ -0,0 +1 @@
+import e from"react";import{theme as a}from"../../../misc/theme.js";import{Heading as t}from"../../atoms/heading/index.js";import{Text as r}from"../../atoms/text/index.js";import{StyledCard as o,StyledAnchor as l,StyledAuthor as n,StyledExpertName as i}from"./index.styled.js";var m=function(a){var t=a.avatarImg,o=a.authorName,l=a.authorLink,i=a.uploadTime,m=a.size;return e.createElement(n,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":m},t),e.createElement("div",{className:"poster","data-is-disabled-url":!l},e.createElement(r,{size:"lg"===m?"p3":"p4"},e.createElement("a",{href:l},e.createElement("span",{className:"name"},o),"•"," "),e.createElement("span",null,i)))))},c=function(o){var l=o.isMobile,m=o.avatarImg,c=o.name,s=o.link,d=o.size,v=void 0===d?"lg":d,E=o.specialty;return o.handleClick,o.isBookmarked,o.dataEventCategoryForBookmark,o.dataEventActionForBookmark,o.dataEventLabelForBookmark,e.createElement(n,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":v},m),e.createElement("div",{className:"expert","data-is-disabled-url":!s},l?e.createElement("a",{href:s},"lg"===v?e.createElement(e.Fragment,null,e.createElement(t,{tag:"h6",className:"expert__name",color:a.colors.gray600},c),e.createElement(r,{color:a.colors.gray500,size:"p3",className:"specialty"},E)):e.createElement(e.Fragment,null,e.createElement(t,{tag:"h6",className:"expert__name",color:a.colors.gray600},c))):e.createElement("a",{href:s},"lg"===v?e.createElement(e.Fragment,null,e.createElement(t,{tag:"h6",className:"expert__name",color:a.colors.gray600},c),e.createElement(r,{color:a.colors.gray500,size:"p3",className:"specialty"},E)):e.createElement(e.Fragment,null,e.createElement(i,{color:a.colors.gray600,className:"expert__name"},c),e.createElement(r,{color:a.colors.gray500,size:"p4",className:"specialty"},E))))))},s=function(a){var n=a.articleLink,i=a.authorLink,s=a.authorName,d=a.avatarImg,v=a.banner,E=a.categoryLink,g=a.categoryName,h=a.className,k=a.dataEventActionForBanner,p=a.dataEventActionForBookmark,y=a.dataEventActionForCategory,C=a.dataEventActionForTitle,u=a.dataEventCategoryForBanner,N=a.dataEventCategoryForBookmark,f=a.dataEventCategoryForCategory,B=a.dataEventCategoryForTitle,F=a.dataEventLabelForBanner,b=a.dataEventLabelForBookmark,x=a.dataEventLabelForCategory,w=a.dataEventLabelForTitle,L=a.direction,z=void 0===L?"horizontal":L,A=a.hasAffiliate,M=a.isBookmark,T=void 0!==M&&M,_=a.isBookmarkDisplayed,D=void 0===_||_,H=a.isMobile,V=void 0===H||H,j=a.onBookmark,I=a.onClickCategoryName,Z=a.section,P=void 0===Z?"normal":Z,W=a.size,q=void 0===W?"md":W,G=a.specialty,J=a.style,K=a.styleBanner,O=a.styleLabel,Q=a.styleTitle,R=a.text,S=a.title,U=a.type,X=void 0===U?"author":U,Y=a.uploadTime,$=a.articleLinkTarget,ee=function(e){e.stopPropagation(),j&&j()},ae="lg"===q&&"expert"===X?"h4":"lg"===q&&"home"===P?V?"h4":"h3":"lg"===q?"h4":"h5",te="lg"===q?"p3":"p4",re=V||"home"!==P||"lg"!==q||"author"!==X?"c2":"c1";return e.createElement(o,{className:h,"data-size":q,style:J,"data-direction":z,"data-is-expert":"expert"===X||void 0},e.createElement("div",{className:"banner",style:K},e.createElement(l,{"data-event-category":u,"data-event-action":k,"data-event-label":F,href:n||"#",target:$},v),A&&e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.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"})))),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(r,{style:O,className:"label",size:re,type:"caption"},e.createElement(l,{"data-event-category":f,"data-event-action":y,"data-event-label":x,href:E||"#",onClick:I},g),D&&e.createElement("a",{className:"bookmark",onClick:ee},T?e.createElement("svg",{"data-event-category":N,"data-event-action":p,"data-event-label":b,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.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"})):e.createElement("svg",{"data-event-category":N,"data-event-action":p,"data-event-label":b,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.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"})))),e.createElement(t,{tag:ae,style:Q,className:"title",as:"lg"===q?"h2":"h3"},e.createElement(l,{"data-event-category":B,"data-event-action":C,"data-event-label":w,href:n||"#",target:$},S)),R&&e.createElement("a",{href:n||"#",target:$},e.createElement(r,{size:te,className:"text"},R))),e.createElement("div",{className:"footer"},"author"===X?e.createElement(m,{size:q,avatarImg:d,authorName:s,authorLink:i,uploadTime:Y,handleClick:ee,isBookmarked:T,dataEventCategoryForBookmark:N,dataEventActionForBookmark:p,dataEventLabelForBookmark:b}):e.createElement(c,{size:q,isMobile:V,avatarImg:d,specialty:G,name:s,link:i,handleClick:ee,isBookmarked:T,dataEventCategoryForBookmark:N,dataEventActionForBookmark:p,dataEventLabelForBookmark:b}))))};export{s as ArticleCard};

package/build/esm/components/molecules/articleCard/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../misc/utils.js";import i from"styled-components";var e,a,o,r,p=i.h6(e||(e=n(["\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})),x=i.a(a||(a=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"],["\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"]))),d=i.article(o||(o=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"],["\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}),t.mbDown,t.mbDown,t.mbDown,t.tdUp,t.mbDown),h=i.div(r||(r=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"],["\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}),t.mbDown,t.tdUp,t.mbUp,t.mbDown,t.mbUp,t.mbDown);export{x as StyledAnchor,h as StyledAuthor,d as StyledCard,p as StyledExpertName};

package/build/esm/components/molecules/babyGrowthChooseProfileDrawer/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as t}from"../../../node_modules/tslib/tslib.es6.js";import o,{useState as i}from"react";import{useTranslations as s}from"../../../hooks/useTranslations.js";import{Text as r}from"../../atoms/text/index.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import{Button as a}from"../../atoms/button/index.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import"react-dom";import"../../atoms/backdrop/index.styled.js";import"../../atoms/drawer/index.styled.js";import"../../atoms/menu/index.js";import"../../atoms/radioImageGroup/index.styled.js";import{BabyGrowthProfileRadio as n}from"../../atoms/babyGrowthProfileRadio/index.js";import{StyledBabyGrowthChooseProfileDrawer as m,StyledModal as l}from"./index.styled.js";var d=function(d){var p,c,C=d.babyProfiles,j=d.onClose,y=d.onCreate,x=d.onAddMeasurement,u=d.onSwitchProfile,f=d.open,w=d.isMobile,b=d.isMyProfile,h=void 0!==b&&b,g=e(d,["babyProfiles","onClose","onCreate","onAddMeasurement","onSwitchProfile","open","isMobile","isMyProfile"]),v=i(null===(p=C[0])||void 0===p?void 0:p.id),E=v[0],k=v[1],M=s().t;return w?o.createElement(m,t({title:"Baby profiles",onClose:j,open:f,placement:"bottom"},g),(function(e){var t,i=e.internalClose;return o.createElement("div",{className:"add-profile-container"},o.createElement("div",{className:"profile-container"},null===(t=C||[])||void 0===t?void 0:t.map((function(e){return o.createElement(n,{key:e.id,profile:e,isActive:E===e.id,onChange:k})}))),o.createElement("div",{className:"button-group"},o.createElement(a,{onClick:function(){i(),null==y||y()},size:"lg",color:"secondary",icon:o.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.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"}))},M("babyGrowth.drawer.createBaby")),o.createElement(a,{size:"lg",color:"primary",onClick:function(){i(),h?null==u||u(E):null==x||x(E)}},M(h?"babyGrowth.drawer.switchProfile":"babyGrowth.drawer.addMeasurement"))))})):o.createElement(l,{type:"confirm",isOpen:f,onClose:j},o.createElement("div",{className:"header"},o.createElement("div",{className:"title"},o.createElement(r,{size:"s2",type:"semiBold"},"Baby profiles"),o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:j},o.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"})))),o.createElement("div",{className:"profile-container"},null===(c=C||[])||void 0===c?void 0:c.map((function(e){return o.createElement(n,{key:e.id,profile:e,isActive:E===e.id,onChange:k})}))),o.createElement("div",{className:"button-group"},o.createElement(a,{onClick:function(){null==y||y(),j()},size:"lg",color:"secondary",icon:o.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.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"}))},M("babyGrowth.drawer.createBaby")),o.createElement(a,{size:"lg",color:"primary",onClick:function(){h?null==u||u(E):null==x||x(E),j()}},M(h?"babyGrowth.drawer.switchProfile":"babyGrowth.drawer.addMeasurement"))))};export{d as BabyGrowthChooseProfileDrawer};

package/build/esm/components/molecules/babyGrowthChooseProfileDrawer/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as t}from"../../../node_modules/tslib/tslib.es6.js";import{theme as o}from"../../../misc/theme.js";import"react";import"../../atoms/text/index.styled.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import"../../atoms/button/index.styled.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import{Drawer as n}from"../../atoms/drawer/index.js";import"../../atoms/menu/index.js";import"../../atoms/radioImageGroup/index.styled.js";import i from"styled-components";import{Modal as s}from"../modal/index.js";var e,m,r=i(n)(e||(e=t(["\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"]))),a=i(s)(m||(m=t(["\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  }\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  }\n\n  .button-group {\n    display: flex;\n    justify-content: flex-end;\n    gap: 16px;\n    margin-block: 16px;\n  }\n"])),o.colors.neutral100,o.colors.neutral100);export{r as StyledBabyGrowthChooseProfileDrawer,a as StyledModal};

package/build/esm/components/molecules/breadcrumbs/index.js

@@ -0,0 +1 @@
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t,{useMemo as a,Fragment as n}from"react";import{useId as o}from"react-id-generator";import{Dropdown as r}from"../dropdown/index.js";import{StyledBreadcrumb as l,StyledSeparator as i,StyledTextLink as s}from"./index.styled.js";var d=function(e){var a=e.LinkComponent,n=e.page,o=e.isLast,l=e.onChangePage,i=n.label,d=n.value,m=n.isDropdown,c=n.dropdownItems,p=n.dataEventCategory,g=n.dataEventAction,u=n.dataEventLabel;return m?t.createElement(r,{options:c,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):t.createElement(s,{title:"string"!=typeof i?d:i,"data-last":o},a&&t.createElement(a,{"data-event-category":p,"data-event-action":g,"data-event-label":u,href:d||"#"},i))},m=function(r){var s=r.className,m=r.pages,c=r.size,p=r.LinkComponent,g=void 0===p?"a":p,u=r.onChangePage,f=r.separator,h=a((function(){return m.map((function(t,a){return m.length>4?a>1&&a<m.length-2?null:1===a?e(e({},t),{isDropdown:1===a,dropdownItems:m.slice(1,m.length-2)}):t:t})).filter(Boolean)}),[m]),v=o(h.length);return t.createElement(l,{"data-size":c,className:s},h.map((function(e,a){var o=a+1===h.length;return t.createElement(n,{key:v[a]},t.createElement(d,{LinkComponent:g,page:e,isLast:o,onChangePage:u}),!o&&(f||t.createElement(i,{"data-size":c})))})))};export{m as Breadcrumbs};

package/build/esm/components/molecules/breadcrumbs/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var t,i,o,r=e.div(t||(t=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})),a=e.div(i||(i=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"]))),s=e.div(o||(o=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}));export{r as StyledBreadcrumb,a as StyledSeparator,s as StyledTextLink};

package/build/esm/components/molecules/carousel/index.js

@@ -0,0 +1 @@
+import{__spreadArray as e}from"../../../node_modules/tslib/tslib.es6.js";import t,{useState as a}from"react";import{useKeenSlider as n}from"keen-slider/react";import{StyledCarousel as r,StyledDot as i,StyledArrow as l}from"./index.styled.js";var s=function(e){var a=e.isDisabled,n=e.isLeft,r=e.onClick,i=e.className,s=e.scheme,o=void 0===s?"hellosites":s;return t.createElement(l,{onClick:r,"data-is-disabled":a,"data-is-left":n,className:i},t.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n?t.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"===o?"#595959":"#E55C8A"}):t.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"===o?"#595959":"#E55C8A"})))},o=function(l){for(var o=l.row,c=l.column,d=l.children,m=l.scheme,v=void 0===m?"hellosites":m,u=l.classNameLeftArrow,h=void 0===u?"":u,f=l.classNameRightArrow,p=void 0===f?"":f,g=l.mode,C=void 0===g?"snap":g,E=l.isDotsShown,w=void 0===E||E,k=l.isArrowShown,L=void 0!==k&&k,N=l.dataEventCategory,b=l.dataEventAction,y=l.dataEventLabel,A=l.onChangePage,x=t.useState(0),D=x[0],P=x[1],S=a(!1),_=S[0],j=S[1],M=n({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){P(e.track.details.rel),A&&A(e.track.details.rel)},created:function(){j(!0)},drag:!0,mode:C,slides:{spacing:12}}),Z=M[0],B=M[1],F=[],I=o*c,R=0;R<d.length;R+=I){var T=d.slice(R,R+I);F.push(T)}return t.createElement(r,{row:o,column:c},t.createElement("div",{className:"navigation-wrapper"},t.createElement("div",{ref:Z,className:"keen-slider slides-wrapper"},F.map((function(e,a){return t.createElement("div",{key:a,className:"keen-slider__slide page-items"},e.map((function(e,a){return t.createElement("div",{key:a},e)})))}))),_&&B.current&&L&&t.createElement(t.Fragment,null,t.createElement(s,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=B.current)||void 0===t?void 0:t.prev())},isDisabled:0===D,scheme:v,className:"left-arrow ".concat(h),"data-event-category":N,"data-event-action":b,"data-event-label":y}),t.createElement(s,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=B.current)||void 0===t?void 0:t.next())},isDisabled:D===B.current.track.details.slides.length-1,scheme:v,className:"right-arrow ".concat(p),"data-event-category":N,"data-event-action":b,"data-event-label":y}))),_&&B.current&&w&&t.createElement("div",{className:"dots"},e([],Array(B.current.track.details.slides.length),!0).map((function(e,a){return t.createElement(i,{key:a,onClick:function(){var e;null===(e=B.current)||void 0===e||e.moveToIdx(a)},"data-is-active":D===a,"data-is-hellosites":"hellosites"===v})}))))};export{o as Carousel};

package/build/esm/components/molecules/carousel/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var t,r,a,o=e.button(t||(t=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})),i=e.button(r||(r=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})),s=e.div(a||(a=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}));export{o as StyledArrow,s as StyledCarousel,i as StyledDot};

package/build/esm/components/molecules/categoryCard/index.js

@@ -0,0 +1 @@
+import e from"react";import{Text as t}from"../../atoms/text/index.js";import{StyledCategoryCard as a}from"./index.styled.js";var n=function(n){var r=n.imgBanner,l=n.label,m=n.className,o=n.style,c=n.href,s=void 0===c?"":c,i=n.dataEventCategory,d=n.dataEventAction,v=n.dataEventLabel;return e.createElement(a,{"data-event-category":i,"data-event-action":d,"data-event-label":v,className:m,style:o,href:s,onClick:function(e){""===s&&e.preventDefault()}},e.createElement("div",{className:"banner"},r),e.createElement("div",{className:"content"},e.createElement(t,{className:"category_name",size:"sm",type:"bold"},l)))};export{n as CategoryCard};

package/build/esm/components/molecules/categoryCard/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var o,r=e.a(o||(o=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"],["\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}));export{r as StyledCategoryCard};

package/build/esm/components/molecules/checkboxGroup/index.js

@@ -0,0 +1 @@
+import e from"react";import{Checkbox as a}from"../../atoms/checkbox/index.js";import{StyledCheckboxGroup as n}from"./index.styled.js";var t=function(t){var i=t.name,l=t.values,c=void 0===l?[]:l,s=t.onChanges,o=t.options,r=void 0===o?[]:o,d=t.className,m=t.type,u=void 0===m?"vertical":m,v=t.isDisabled,p=t.isRectangle,f=function(e,a){var n=c.slice();if(a)n.push(e);else{var t=n.findIndex((function(a){return a===e}));n.splice(t,1)}s&&s(n)};return e.createElement(n,{className:d,"data-type":u,"data-is-rectangle":p||void 0},r.map((function(n,t){return e.createElement(a,{label:n.label,name:i,key:"".concat(t,"-").concat(n.value),checked:c.includes(n.value),value:n.value,isDisabled:v||n.disabled,onChange:!v&&f,isRectangle:p})})))};export{t as CheckboxGroup};

package/build/esm/components/molecules/checkboxGroup/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import i from"styled-components";var t,a=i.div(t||(t=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"],["\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"])));export{a as StyledCheckboxGroup};

package/build/esm/components/molecules/childCard/index.js

@@ -0,0 +1 @@
+import e,{useState as t,useCallback as o}from"react";import{useTranslations as i}from"../../../hooks/useTranslations.js";import{theme as r}from"../../../misc/theme.js";import{Text as s}from"../../atoms/text/index.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import"../../atoms/button/index.styled.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import{Heading as n}from"../../atoms/heading/index.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.js";import{startCase as a}from"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import{Icon as m}from"../../atoms/icons/index.js";import"../../atoms/progress/index.styled.js";import"react-dom";import"../../atoms/backdrop/index.styled.js";import"../../atoms/drawer/index.styled.js";import"../../atoms/menu/index.js";import"../../atoms/radioImageGroup/index.styled.js";import{Gender as d}from"../../../interfaces/types/BabyGrowth.js";import"../../../interfaces/types/Locale.js";import"date-fns";import"../../../misc/animation.js";import"../../../misc/lazyLoad.js";import"styled-components";import"../../../interfaces/constants.js";import{StyledChildCard as l,StyledOption as c}from"./index.styled.js";import p from"./menu.js";var y=function(y){var j=y.name,x=y.gender,u=y.age,f=y.isLoggedIn,g=void 0!==f&&f,h=y.showMenu,E=void 0!==h&&h,v=y.onEdit,b=y.onSwitch,w=y.onAdd,k=y.onRemove,C=y.className,G=i().t,N=t(!1),z=N[0],B=N[1],L=o((function(){if(u)if(u.year<1){if(0===u.month)switch(u.week){case 0:case 1:return G("childCard.age.oneWeek");default:return G("childCard.age.week",{weeks:u.week})}if(u.month>0)return G("childCard.age.months",{month:u.month})}else{if(0===u.month)return G("childCard.age.yearNoMonth",{year:u.year});if(u.month>0)return G("childCard.age.yearMonth",{year:u.year,month:u.month})}}),[u]);return e.createElement(l,{className:C},e.createElement("div",{"data-testid":"gender"},x===d.Boy?e.createElement(m.Boy,{"data-testid":"boy",id:"boy"}):e.createElement(m.Girl,{"data-testid":"girl",id:"girl"})),e.createElement("div",{className:"information"},e.createElement(n,{tag:"h5",fontWeight:"bold",color:r.colors.gray800},a(j)||G("childCard.noName")),e.createElement("div",{className:"detail"},e.createElement("div",null,x===d.Boy?e.createElement(m.GenderBoy,null):e.createElement(m.GenderGirl,null),e.createElement(s,{size:"p3",color:r.colors.gray800,style:{textTransform:"capitalize"}},x)),e.createElement("div",null,e.createElement(m.Calendar,{size:16}),u&&e.createElement(s,{size:"p3",color:r.colors.gray800},L())))),E&&g&&e.createElement(c,null,e.createElement(m.Kebab,{onClick:function(){return B((function(e){return!e}))}}),z&&e.createElement(p,{name:j,onClose:function(){return B(!1)},onEdit:function(){B(!1),v()},onSwitch:function(){B(!1),b()},onAdd:function(){B(!1),w()},onRemove:function(){B(!1),k()}})))};export{y as ChildCard};

package/build/esm/components/molecules/childCard/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as t}from"../../../node_modules/tslib/tslib.es6.js";import{theme as o}from"../../../misc/theme.js";import"react";import"../../atoms/text/index.styled.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import"../../atoms/button/index.styled.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import"react-dom";import"../../atoms/backdrop/index.styled.js";import"../../atoms/drawer/index.styled.js";import{Menu as s}from"../../atoms/menu/index.js";import"../../atoms/radioImageGroup/index.styled.js";import i from"styled-components";var n,e,r,m=i.div(n||(n=t(["\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"])),o.colors.white,o.colors.gray100),a=i.div(e||(e=t(["\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"]))),p=i(s)(r||(r=t(["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"],["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"])));export{m as StyledChildCard,p as StyledChildCardMenu,a as StyledOption};

package/build/esm/components/molecules/childCard/menu.js

@@ -0,0 +1 @@
+import t,{useRef as e}from"react";import{useTranslations as o}from"../../../hooks/useTranslations.js";import{theme as s}from"../../../misc/theme.js";import{Text as i}from"../../atoms/text/index.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import"../../atoms/button/index.styled.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import"react-dom";import"../../atoms/backdrop/index.styled.js";import"../../atoms/drawer/index.styled.js";import{Menu as m}from"../../atoms/menu/index.js";import"../../atoms/radioImageGroup/index.styled.js";import{useOutsideClick as r}from"../../../hooks/useOutsideClick.js";import{StyledChildCardMenu as a}from"./index.styled.js";var n=function(n){var C=n.name,d=n.onClose,l=n.onEdit,p=n.onSwitch,c=n.onAdd,j=n.onRemove,x=o().t,h=e();return r(h,d),t.createElement("div",{ref:h},t.createElement(a,{width:250},t.createElement(m.Item,{onClick:l,icon:t.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.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"}))},t.createElement(i,{size:"p2",color:s.colors.gray800},x("childCard.menu.edit",{name:C}))),t.createElement(m.Item,{onClick:p,icon:t.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.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"}))},t.createElement(i,{size:"p2",color:s.colors.gray800},x("childCard.menu.switch"))),t.createElement(m.Item,{onClick:c,icon:t.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.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"}),t.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"}))},t.createElement(i,{size:"p2",color:s.colors.gray800},x("childCard.menu.add"))),t.createElement(m.Item,{onClick:j,icon:t.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.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"}))},t.createElement(i,{size:"p2",color:s.colors.red600},x("childCard.menu.remove",{name:C})))))};export{n as default};

package/build/esm/components/molecules/cookieAcceptConfirm/index.js

@@ -0,0 +1 @@
+import e from"react";import{StyledAcceptCardContainer as t,StyledTitleSection as a,StyledDescription as n,StyledButtonGroup as o,StyledAcceptButton as i,StyledPoliciesButton as l}from"./index.styled.js";var c=function(c){var r=c.className,d=c.policiesUrl,s=c.onAcceptClick,u=c.translations,v=void 0===u?{acceptButton:"Accept",policiesButton:"Our Policies"}:u,m=c.title,p=void 0===m?"":m,E=c.description,f=void 0===E?"":E,h=c.theme,b=void 0===h?"helloSites":h,g=c.isOpen,y=void 0===g||g,A=c.useDefaultPosition,B=void 0===A||A,k=c.trackingAttributes;return e.createElement(t,{className:r,"data-theme":b,"data-is-open":y,"data-default-position":B},e.createElement(a,{"data-has-content":!!p},p),e.createElement(n,{dangerouslySetInnerHTML:{__html:f}}),e.createElement(o,null,e.createElement(i,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:s,"data-event-category":null==k?void 0:k.dataEventCategory,"data-event-action":null==k?void 0:k.dataEventAction,"data-event-label":null==k?void 0:k.dataEventLabel},v.acceptButton),e.createElement(l,{href:d},v.policiesButton)))};export{c as CookieAcceptConfirm};

package/build/esm/components/molecules/cookieAcceptConfirm/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as e}from"../../../misc/utils.js";import t from"styled-components";var o,i,r,a,d,p,l=t.div(o||(o=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"],["\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"])),e.mbDown,(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.pink}),e.mbDown),s=t.p(i||(i=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"],["\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=t.p(r||(r=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"],["\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=t.div(a||(a=n(["\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"]))),g=t.div(d||(d=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"],["\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})),c=t.a(p||(p=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"],["\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}));export{g as StyledAcceptButton,l as StyledAcceptCardContainer,x as StyledButtonGroup,h as StyledDescription,c as StyledPoliciesButton,s as StyledTitleSection};

package/build/esm/components/molecules/datePicker/helpers.js

@@ -0,0 +1 @@
+var e={"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":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]};export{e as MONTHS_TRANSLATION};

package/build/esm/components/molecules/datePicker/index.js

@@ -0,0 +1 @@
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t,{useRef as n,useState as a,useEffect as r}from"react";import{format as o}from"date-fns";import i from"react-day-picker/DayPickerInput";import{MONTHS_TRANSLATION as c}from"./helpers.js";import{StyledPickerContainer as l,StyledCaptionWrapper as u}from"./index.styled.js";var s=function(s){var m=s.alignRight,d=void 0===m||m,p=s.placeholder,f=s.displayDateFormat,y=s.onChange,h=s.customInput,v=s.pickedDate,D=s.className,k=s.isStatic,g=s.disabledDays,E=s.modifiers,C=s.UnHideOnClickOutside,w=s.initialMonth,P=s.locale,O=void 0===P?"en-PH":P,b=n(!1),F=o,M=a(w||new Date),N=M[0],L=M[1],Y=n(null),j=n(null),H=c[O],W=function(e){C||Y.current&&Y.current.contains(e.target)||j.current&&j.current.hideDayPicker()},x=(new Date).getFullYear(),I=new Date(x-150,0),R=new Date(x+1,0),S=function(e){for(var n=e.date,a=e.onChange,r=e.monthLabels,o=[],i=R.getFullYear();i>=I.getFullYear();i-=1)o.push(i);var c=function(e){var t=e.target.form,n=t.year,r=t.month;a(new Date(n.value,r.value))};return t.createElement("div",{className:"DayPicker-Caption"},t.createElement(u,null,t.createElement("select",{name:"month",onChange:c,value:n.getMonth()},r.map((function(e,n){return t.createElement("option",{key:e,value:n},e)}))),t.createElement("select",{name:"year",onChange:c,value:n.getFullYear()},o.map((function(e){return t.createElement("option",{key:e,value:e},e)})))))};return r((function(){return document.addEventListener("mousedown",W,!1),function(){document.removeEventListener("mousedown",W,!1)}}),[]),t.createElement(l,{className:D,"data-align-right":d,ref:Y,"data-is-static":k||void 0},t.createElement(i,{ref:j,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:h&&t.forwardRef((function(n,a){return t.createElement(h,e({},n))})),onDayPickerHide:function(){b.current=!1},onDayPickerShow:function(){b.current=!0},dayPickerProps:{month:N,className:"picker",selectedDays:v,canChangeMonth:!0,enableOutsideDaysClick:!k,firstDayOfWeek:1,captionElement:function(e){var n=e.date,a=e.localeUtils,r=null==a?void 0:a.getMonths();return t.createElement(S,{date:n,monthLabels:H||r,onChange:L})},disabledDays:g||void 0,modifiers:E},format:f||"yyyy-MM-dd",formatDate:function(e,t){return F(e,t)},hideOnDayClick:!k,placeholder:p||"",onDayChange:function(e){var t;t=e,j.current&&!k&&j.current.hideDayPicker(),y&&y(t)},showOverlay:k}))};export{s as DatePicker};