@hhgtech/hhg-components 1.23.81 → 1.23.82-beta-2

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{fadeIn as o}from"../../../misc/animation.js";import{theme as i}from"../../../misc/theme.js";import r from"styled-components";var e,t="300ms",d=r.div(e||(e=n(["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n    border-bottom: none;\n  }\n\n  &[data-is-mb='true'] {\n    background: #ffffff;\n    border: 1px solid #e0e9fb;\n    border-radius: 16px;\n    input {\n      border-radius: 16px;\n    }\n  }\n\n  &[data-isActive='true'] {\n    border: 1px solid #2661ad;\n  }\n\n  &[data-is-mb='false'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n\n  &[data-is-mb='true'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 1.3px solid #9495a0;\n    border-radius: 10px;\n    transition: all "," ease-in-out;\n    &.active {\n      border: none;\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        border-radius: 10px;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n    border-bottom: none;\n  }\n\n  &[data-is-mb='true'] {\n    background: #ffffff;\n    border: 1px solid #e0e9fb;\n    border-radius: 16px;\n    input {\n      border-radius: 16px;\n    }\n  }\n\n  &[data-isActive='true'] {\n    border: 1px solid #2661ad;\n  }\n\n  &[data-is-mb='false'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n\n  &[data-is-mb='true'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 1.3px solid #9495a0;\n    border-radius: 10px;\n    transition: all "," ease-in-out;\n    &.active {\n      border: none;\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        border-radius: 10px;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"])),i.colors.gray50,i.colors.gray600,t,i.colors.primaryBase,i.colors.primaryBase,o,t,t,o,t);export{d as StyledNewBabyProfileRadio};

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

@@ -0,0 +1 @@
+import{__spreadArray as e}from'./../../../externals/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'./../../../externals/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/pill/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as o}from'./../../../externals/tslib/tslib.es6.js';import t,{useMemo as n}from"react";import{CommonGAssets as l}from"../../../misc/gAssets/index.js";import{theme as i}from"../../../misc/theme.js";import{Text as r}from"../text/index.js";import{StyledPillContainer as s,StyledIconContainer as c}from"./index.styled.js";import{LOCALE as a}from"../../../interfaces/types/Locale.js";var m=[a.Myanmar,a.Taiwan],p=function(a){var p=a.icon,d=a.name,f=a.className,u=a.locale,y=void 0===u?"en-PH":u,g=a.onSelect,x=e(a,["icon","name","className","locale","onSelect"]),j=n((function(){return null==f?void 0:f.includes("selected-week-pill")}),[f]);return t.createElement(s,o({onClick:g,className:f?"week-pill".concat(" non-pointer-event-child ",f):"week-pill non-pointer-event-child"},x),t.createElement(c,{size:64,iconSize:40,backgroundColor:i.colors.white},t.createElement("img",{src:p||l.getAssetPath("week_default.png"),alt:""})),j?t.createElement(r,o({type:"semiBold",size:"n1",color:i.colors.gray800},m.includes(y)&&{style:{fontSize:"10px"}}),d):t.createElement(r,o({size:"n1",color:i.colors.gray600},m.includes(y)&&{style:{fontSize:"10px"}}),d))};export{p as Pill};

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{theme as e}from"../../../misc/theme.js";import r from"styled-components";var i,o,t=r.div(i||(i=n(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.backgroundColor||e.colors.white}),(function(n){return n.borderRadius||"50%"}),(function(n){return n.iconSize}),(function(n){return n.iconSize})),c=r.div(o||(o=n(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.pink100}));export{t as StyledIconContainer,c as StyledPillContainer};

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

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/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'./../../../externals/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'./../../../externals/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=c.type,j=void 0===P?"text":P,k=c.isNumerousKeyboard,H=void 0!==k&&k,M=c.onFocus,L=c.enterKeyHint,O=c.nativeOnChange,V=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"]),w=o(v),R=w[0],_=w[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!=O?O:function(e){return a=e.target.value,_(a),void K(a);var a},onKeyPress:E,type:j,"aria-label":j,disabled:F,value:R,autoComplete:y,ref:u,autoFocus:D,inputMode:H||"number"===j?"numeric":j,pattern:H?"[0-9]*":".*",onFocus:M,enterKeyHint:L},V)),f&&t.createElement(s,{className:"displayIcon"},f),b&&t.createElement(i,{className:"actionIcon",onClick:function(){var e;h&&(_(""),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'./../../../externals/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    &: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    &: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'./../../../externals/tslib/tslib.es6.js';import a from"react";import{StyledRadio as t}from"./index.styled.js";var n=function(n){var l=n.type,d=n.size,i=void 0===d?"small":d,r=n.label,o=n.name,s=n.checked,c=n.value,m=n.className,v=n.isDisabled,p=void 0!==v&&v,b=n.onChange,u=n.dataEventCategory,y=n.dataEventAction,f=n.dataEventLabel,E=!!y&&!!u&&!!f?{"data-event-category":u,"data-event-action":y,"data-event-label":f}:{};return a.createElement(t,{"data-disabled":p,className:m,"data-type":l,"data-size":i},a.createElement("label",e({style:{display:"flex",alignItems:"center"}},E),a.createElement("input",e({type:"radio",checked:s,name:o,value:c,onChange:function(){return b(c)}},E)),r))};export{n as Radio};

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/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      &: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      &: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{theme as t}from"../../../misc/theme.js";import{MarryBabyText as r}from"../marryBabyText/index.js";import{Text as l}from"../text/index.js";import{StyledRadioImageGroup as o,StyledRadioImageItem as i}from"./index.styled.js";var m=function(m){var n=m.value,s=m.options,c=m.className,d=m.direction,b=void 0===d?"horizontal":d,u=m.onChange,p=m.isDisabled,v=m.siteType,y=a(n),f=y[0],x=y[1],E="marryBaby"===v;return e.createElement(o,{className:c,"data-direction":b},s.map((function(a,o){return e.createElement(i,{"data-selected":(n||f)===a.value,"data-is-mb":E,"data-disabled":p,key:o,onClick:function(){var e;e=a.value,p||(x(e),u&&u(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,E?e.createElement(r,{type:"subtitle-2",color:(n||f)===a.value?t.mbColors.dark:t.mbColors.midGray},a.label):e.createElement(l,{type:"bold",color:(n||f)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label))))})))};export{m as RadioImageGroup};

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import e from"styled-components";var t,d,a=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"]))),i=e.div(d||(d=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-is-mb='false'] {\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  }\n\n  &[data-is-mb='true'] {\n    border-radius: 16px;\n    background: white;\n    padding: 16px auto;\n\n    &[data-selected='true'] {\n      border: 1px solid ",";\n      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);\n    }\n    &[data-selected='false'] {\n      border: none;\n    }\n  }\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-is-mb='false'] {\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  }\n\n  &[data-is-mb='true'] {\n    border-radius: 16px;\n    background: white;\n    padding: 16px auto;\n\n    &[data-selected='true'] {\n      border: 1px solid ",";\n      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);\n    }\n    &[data-selected='false'] {\n      border: none;\n    }\n  }\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"])),(function(n){return n.theme.mbColors.mint}));export{a as StyledRadioImageGroup,i as StyledRadioImageItem};

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

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t from"react";var r=function(r){return t.createElement("svg",e({},r,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),t.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"}))};export{r as default};

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

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t from"react";var r=function(r){return t.createElement("svg",e({},r,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),t.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"}))};export{r as default};

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

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t,{useState as a}from"react";var r=function(r){var l=a((function(){return"star-half-mask-".concat(Math.random())}))[0];return t.createElement("svg",e({},r,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),t.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),t.createElement("mask",{id:l,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},t.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),t.createElement("g",{mask:"url(#".concat(l,")")},t.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))};export{r as default};

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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/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'./../../../externals/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)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)) 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)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) 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)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) 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)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) 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)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) 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)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)) 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)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) 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)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) 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)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) 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)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) 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'./../../../externals/tslib/tslib.es6.js';import t,{useState as r,useEffect as n}from"react";import{Button as a}from"../button/index.js";import{MarryBabyText as o}from"../marryBabyText/index.js";import{Text as l}from"../text/index.js";import{StyledSlider as s,StyledThumb as i,StyledTrackContainer as m,StyledLabelMB as c,StyledTrack as u,StyledLabel as d,StyledDot as h}from"./index.styled.js";import{theme as p}from"../../../misc/theme.js";function f(e){var r=e.useThumbOverlap,n=e.rangeRef,a=e.values,o=e.index,l=e.siteType,s=r(n,a,o,1," - ",(function(e){return e})),i=s[0],m=s[1];return t.createElement(t.Fragment,null,"marryBaby"!==l&&t.createElement(d,{"data-label":o,style:m},i),t.createElement(h,{"data-theme":l,"data-label":o}))}var g=function(d){var h=d.step,g=d.min,y=d.max,b=d.value,v=d.onChange,E=d.className,k=d.heading,x=d.isMobile,w=void 0!==x&&x,T=d.siteType,B=d.Range,F=["#2D87F3","#DBDFE5"],j=["#2661AD","#F3F3F3"],M=t.useRef(null),C=r(b),D=C[0],N=C[1],R=function(e){N(e.map((function(e){return e<g?g:e>y?y:e})))};if(n((function(){R(b)}),[b[0],b[1]]),!B)return null;return t.createElement(s,{className:E,"data-site":T},t.createElement(B.Range,{ref:M,values:D,onChange:R,onFinalChange:v,renderThumb:function(r){var n=r.props,a=r.index;return t.createElement(i,e({},n),t.createElement(f,{siteType:T,rangeRef:M.current,values:D,index:a,isMobile:w,useThumbOverlap:B.useThumbOverlap}))},renderTrack:function(r){var n=r.props,s=r.children,i={background:B.getTrackBackground({values:D,colors:"marryBaby"===T?j:F,min:g,max:y})};return t.createElement(t.Fragment,null,k&&t.createElement(t.Fragment,null,"marryBaby"===T?t.createElement(o,{type:"bodytext-3",color:p.mbColors.midGray},k):t.createElement(l,{size:"md",type:"bold"},k)),t.createElement(m,{"data-theme":T,style:e({},n.style)},"marryBaby"!==T?t.createElement(a,{color:"ghost",size:"sm",onClick:function(){return R([D[0]-1])},className:"slider-track-button"},t.createElement("svg",{width:"10",height:w?"3":"4",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"slider-track-icon minus",viewBox:"0 0 12 3"},t.createElement("path",{d:"M1 1.004h8",stroke:"#595959",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))):t.createElement(c,null,D),t.createElement(u,{onMouseDown:n.onMouseDown,onTouchStart:n.onTouchStart,ref:n.ref,style:i},s),"marryBaby"!==T&&t.createElement(a,{color:"ghost",size:"sm",onClick:function(){return R([D[0]+1])},className:"slider-track-button"},t.createElement("svg",{width:"16",height:w?"16":"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"slider-track-icon plus",viewBox:"0 0 16 16"},t.createElement("path",{d:"M8 4v8M4 8h8",stroke:"#595959",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})))))},step:h,min:g,max:y}))},y=function(a){var o=r(),l=o[0],s=o[1];return n((function(){import("react-range").then((function(e){s(e)}))}),[]),l?t.createElement(g,e({Range:l},a)):null};export{y as Slider};

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{getDefaultClassWrapper as e}from"../../../misc/defaultClassWrapper.js";import t from"styled-components";var r,i,o,a,p,d,s,l=t.div(r||(r=n(["\n  display: flex;\n  width: 100%;\n  height: 36px;\n  margin-top: 32px;\n  &[data-theme='marryBaby'] {\n    margin-top: 0;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  height: 36px;\n  margin-top: 32px;\n  &[data-theme='marryBaby'] {\n    margin-top: 0;\n  }\n"]))),c="hhgcomp-slider-trackcontainer",g=e(l,c),x=t.div(i||(i=n(["\n  margin: 0 12px;\n  &[data-site='marryBaby'] {\n    background: #ffffff;\n    border-radius: 16px;\n    padding: 16px;\n  }\n  ."," {\n    .slider-track-icon {\n      path {\n        stroke: ",";\n      }\n    }\n\n    .slider-track-button {\n      padding-right: 0.5rem;\n      padding-left: 0.5rem;\n      .plus {\n        margin-left: 1rem;\n      }\n      .minus {\n        margin-right: 1rem;\n        margin-bottom: 3px;\n      }\n    }\n  }\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  &[data-site='marryBaby'] {\n    background: #ffffff;\n    border-radius: 16px;\n    padding: 16px;\n  }\n  ."," {\n    .slider-track-icon {\n      path {\n        stroke: ",";\n      }\n    }\n\n    .slider-track-button {\n      padding-right: 0.5rem;\n      padding-left: 0.5rem;\n      .plus {\n        margin-left: 1rem;\n      }\n      .minus {\n        margin-right: 1rem;\n        margin-bottom: 3px;\n      }\n    }\n  }\n\n  & div[role='slider'] {\n    -webkit-text-size-adjust: none;\n    -webkit-user-select: none;\n    &:focus {\n      outline: none;\n    }\n  }\n"])),c,(function(n){return n.theme.colors.primaryBase})),u=t.div(o||(o=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})),h=t.div(a||(a=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  &[data-theme='marryBaby'] {\n    background: #2661ad;\n    width: 20px;\n    height: 20px;\n  }\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  &[data-theme='marryBaby'] {\n    background: #2661ad;\n    width: 20px;\n    height: 20px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase})),m=t.div(p||(p=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"]))),f=t.div(d||(d=n(["\n  position: absolute;\n  top: -28px;\n  display: block;\n  padding: 4px;\n  /* background-color: ","; */\n  border-radius: 4px;\n  color: black;\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: black;\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})),b=t.div(s||(s=n(["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  padding-right: 12px;\n\n  color: #202135;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  &:focus {\n    outline: none;\n  }\n"],["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  padding-right: 12px;\n\n  color: #202135;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  &:focus {\n    outline: none;\n  }\n"])));export{h as StyledDot,f as StyledLabel,b as StyledLabelMB,x as StyledSlider,u as StyledThumb,m as StyledTrack,g as StyledTrackContainer,c as StyledTrackContainerClass,l as _StyledTrackContainer};

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

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/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'./../../../externals/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{__rest as a,__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t from"react";import o from"./style.module.scss.js";var r=function(r){var s=r.size,d=void 0===s?"base":s,c=r.type,l=void 0===c?"regular":c,i=r.className,n=r.style,p=r.children,v=r.color,m=r.dataEventCategory,y=r.dataEventAction,u=r.dataEventLabel,E=r.as,b=void 0===E?"p":E,f=r.wordWrap,g=r.isUppercase,w=a(r,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]),z=b;return t.createElement(z,e({"data-size":d,"data-type":l,style:e(e({},n),v?{"--custom-color":v}:void 0),className:"".concat(o.text," ").concat(i||""),"data-event-category":m,"data-event-action":y,"data-event-label":u,"data-word-wrap":f,"data-is-uppercase":g},w),p)};export{r as Text};

package/build/esm/components/atoms/text/style.module.scss.js

@@ -0,0 +1 @@
+var t={text:"wIj6fkD"};export{t as default};

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as e}from'./../../../externals/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'./../../../externals/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'./../../../externals/tslib/tslib.es6.js';import{getDefaultClassWrapper as t}from"../../../misc/defaultClassWrapper.js";import i from"styled-components";var e,r,o,p="24px",a=i.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"])),p),l="hhgcomp-toggle-icon",s=t(a,l),d=i.span(r||(r=n(["\n  padding-left: 15px;\n"],["\n  padding-left: 15px;\n"]))),c=i.div(o||(o=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    &:after {\n      left: calc(100% - 2px);\n      transform: translateX(-100%);\n    }\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    &:after {\n      left: calc(100% - 2px);\n      transform: translateX(-100%);\n    }\n  }\n"])),p,(function(n){return n.theme.colors.gray600}),l,(function(n){return n.theme.colors.primaryBase}));export{c as StyledToggle,s as StyledToggleIcon,l as StyledToggleIconClass,d as StyledToggleLabel,a as _StyledToggleIcon};

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'./../../../externals/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'./../../../externals/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"./organisms/babyGrowthChart/index.js";export{BabyGrowthChartPercentile,BabyGrowthChartZScore,divideChartData,generateGrowthChart,generateXAxisTicks,getAxisYDomain,paintAxis,refineDataWithDot,refineDataWithLine,transformDataToChart}from"./organisms/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{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{AuthorBadge}from"./atoms/authorBadge/index.js";export{NewBabyProfileRadio}from"./atoms/newBabyProfileRadio/index.js";export{CustomReferenceDot}from"./atoms/customReferenceDot/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 e from"./molecules/sidemenu/index.js";export{e 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 o from"./molecules/table/index.js";export{o 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{ToolsBannerCard}from"./molecules/toolBannerCard/index.js";export{DueDateCardEmbed}from"./molecules/embeddedHeathToolCards/due-date/dueDate.js";export{BMICardEmbed}from"./molecules/embeddedHeathToolCards/bmi/bmi.js";export{BabyGrowthCardEmbed}from"./molecules/embeddedHeathToolCards/baby-growth/index.js";export{BabyPoopEmbed}from"./molecules/embeddedHeathToolCards/baby-poop/index.js";export{THRCardEmbed}from"./molecules/embeddedHeathToolCards/target-heart-rate/index.js";export{BMRCardEmbed}from"./molecules/embeddedHeathToolCards/bmr/bmr.js";export{OvulationCardEmbed}from"./molecules/embeddedHeathToolCards/ovulation/ovulation.js";export{PWGCardEmbed}from"./molecules/embeddedHeathToolCards/pwg/pwg.js";export{LanguageSwitcher}from"./molecules/languageSwitcher/index.js";export{DateRangePicker}from"./molecules/dateRangePicker/index.js";export{ShareContainer}from"./molecules/shareContainer/index.js";export{ShareDrawer}from"./molecules/shareDrawer/index.js";export{PillCarousel}from"./molecules/pillCarousel/index.js";export{VaccineCard}from"./molecules/babyVaccineCard/index.js";export{RecordsByAgeGroup}from"./molecules/babyVaccineRecordsByAgeGroup/index.js";export{TimelineBanner}from"./molecules/babyVaccineTimelineBanner/index.js";export{VaccineDetailPopup}from"./molecules/babyVaccineDetailPopup/index.js";export{Immunization}from"./molecules/babyVaccineImmunization/index.js";export{NavigationV2,getNavMenuContent,getNavMenuContentWithCache}from"./organisms/navigationV2/index.js";export{UserProfileNavigation}from"./organisms/userProfileNavigation/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/mantine/CentralCarousel/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as n}from'./../../../externals/tslib/tslib.es6.js';import r,{createContext as l,useContext as t,useRef as i,useState as o,useEffect as c}from"react";import{Carousel as d}from"@mantine/carousel";import{useResizeObserver as u}from"@mantine/hooks";import{StyledSlide as a}from"./index.styled.js";var s=l({}),p=function(e,n){return e>=n?e-n:e},f=function(l){var t=l.children,a=l.blurFromCenter,f=l.blurFromIndex,m=l.blurLength,v=void 0===m?3:m,h=l.maxBlurOpacity,x=void 0===h?.5:h,g=l.onSlideChange,S=l.selectSlideWhenClick,b=e(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),y=u(),k=y[0],C=y[1],w=i(null),E=o(0),F=E[0],I=E[1],L=function(){var e,n,r,l=null===(e=null==w?void 0:w.current)||void 0===e?void 0:e.selectedScrollSnap();I(l);var t=(null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.slideNodes())||[],i=t.length,o=(null===(r=null==w?void 0:w.current)||void 0===r?void 0:r.slidesInView()).length,c=Math.floor(o/2),d=a?f+v-1:c,u=l+d,s=u===i?0:u>i?u-i:u,m=l-d,h=m<0?i+m:m>0?l-d:0,g=Array(2*d+1).fill("").map((function(e,n){return p(h+n,i)}));t.map((function(e,n){if(n===l?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==g.indexOf(n))for(var r=x/v,t=0;t<v;t++){if(n===p(h+t,i)||n===(c=i,(o=s-t)<0?c+o:o)){e.style.opacity=String((t+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var o,c}))},W={getEmblaApi:function(e){w.current=e},onSlideChange:function(e){L(),null==g||g(e)}};return c((function(){(null==w?void 0:w.current)&&L()}),[C]),r.createElement(s.Provider,{value:{slider:null==w?void 0:w.current,centerSlide:F,selectSlideWhenClick:S}},r.createElement(d,n({ref:k,slideSize:"auto",containScroll:"trimSnaps"},W,b,{loop:!0}),"function"==typeof t?t(F):t))};f.Slide=function(l){var d=l.children,u=l.onClick,p=e(l,["children","onClick"]),f=t(s),m=f.slider,v=f.selectSlideWhenClick,h=i(),x=i(""),g=o(0),S=g[0],b=g[1];c((function(){x.current=String(Math.round(1e4*Math.random()))}),[]),c((function(){var e=(null==m?void 0:m.slideNodes())||[];b(e.findIndex((function(e){return e.dataset.key===x.current})))}),[m]);var y={ref:h,"data-key":x.current,"data-index":S,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return r.createElement(a,n({},y,p),r.createElement("div",{onClick:function(){v&&(null==m||m.scrollTo(S)),null==u||u(S)}},d))};export{f as CentralCarousel};

package/build/esm/components/mantine/CentralCarousel/index.styled.js

@@ -0,0 +1 @@
+import{Carousel as r}from"@mantine/carousel";var e=r.Slide;export{e as StyledSlide};

package/build/esm/components/mantine/accordion/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as r}from'./../../../externals/tslib/tslib.es6.js';import o from"react";import{Accordion as t}from"@mantine/core";import{StyledAccordion as n}from"./index.styled.js";var i=function(t){var i=t.children,l=e(t,["children"]);return o.createElement(n,r({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},l),i)},l=i;l.Control=t.Control,l.Item=t.Item,l.Panel=t.Panel;export{l as Accordion,i as _Accordion};

package/build/esm/components/mantine/accordion/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Accordion as o}from"@mantine/core";import{CommonGAssets as e}from"../../../misc/gAssets/index.js";import r from"styled-components";var t,i=r(o)(t||(t=n(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(n){return n.closeChevron||e.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||e.getAssetPath("minus-icon.svg")}));export{i as StyledAccordion};

package/build/esm/components/mantine/avatar/index.js

@@ -0,0 +1 @@
+import{__rest as i,__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t from"react";import{Indicator as r,Avatar as o}from"@mantine/core";import{CommonGAssets as n}from"../../../misc/gAssets/index.js";var a=n.getAssetPath("avatar.jpg"),s=function(n){var s=n.withIndicator,l=void 0!==s&&s,d=n.indicatorConfig,m=void 0===d?null:d,c=n.size,g=void 0===c?56:c,f=n.children,p=n.styles,u=i(n,["withIndicator","indicatorConfig","size","children","styles"]),v=function(){return t.createElement(o,e({size:g,radius:"xl"},u,{imageProps:e({loading:"lazy"},u.imageProps)}),f||t.createElement("img",{loading:"lazy",src:a,width:g}))};return l?t.createElement(r,e({inline:!0,position:"bottom-end",offset:9},m,{styles:e({indicator:{backgroundColor:t.isValidElement(m.label)&&"transparent",zIndex:1}},p)}),v()):v()};export{s as Avatar};

package/build/esm/components/mantine/badge/index.js

@@ -0,0 +1 @@
+import{__rest as r,__assign as o}from'./../../../externals/tslib/tslib.es6.js';import e from"react";import{Badge as t}from"@mantine/core";import{theme as s}from"../../../misc/theme.js";var m=function(m){var a=m.color,i=void 0===a?s.colors.primaryBase:a,l=m.styles,n=r(m,["color","styles"]);return e.createElement(t,o({variant:"filled",color:i,styles:o({root:{borderRadius:"2px",background:i,textTransform:"unset"}},l)},n))};export{m as Badge};

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

@@ -0,0 +1 @@
+import{__rest as r,__assign as e}from'./../../../externals/tslib/tslib.es6.js';import o from"react";import{Carousel as l}from"@mantine/carousel";import i from"../../atoms/errorBoundary.js";var t=function(t){var n=t.slidesToShow,s=void 0===n?1:n,a=t.children,m=r(t,["slidesToShow","children"]);return(Array.isArray(a)?a.length:1)?o.createElement(i,null,o.createElement(l,e({slideSize:String(Math.floor(1/s*100))+"%",containScroll:"trimSnaps"},m),a)):null};t.Slide=l.Slide;export{t as Carousel};

package/build/esm/components/mantine/checkbox/index.js

@@ -0,0 +1 @@
+import{__assign as r}from'./../../../externals/tslib/tslib.es6.js';import o from"react";import{Checkbox as e}from"@mantine/core";var t=function(t){return o.createElement(e,r({},t))};t.Group=e.Group;export{t as Checkbox};

package/build/esm/components/mantine/datepicker/index.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t from"react";import{Image as r}from"@mantine/core";import{CommonGAssets as i}from"../../../misc/gAssets/index.js";import{StyledDatePicker as o}from"./index.styled.js";import{DateRangePicker as s}from"./range.js";export{DateRangePicker}from"./range.js";var n=function(s){return t.createElement(o,e({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:t.createElement(r,{src:i.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},s))};n.Range=s;export{n as DatePicker};

package/build/esm/components/mantine/datepicker/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{DatePicker as e,DateRangePicker as t}from"@mantine/dates";import i,{css as o}from"styled-components";var r,a,l,s,d=i(e)(a||(a=n(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(e){return e.fullWidth&&o(r||(r=n(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),m=i(t)(s||(s=n(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(e){return e.fullWidth&&o(l||(l=n(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))}));export{d as StyledDatePicker,m as StyledDateRangePicker};

package/build/esm/components/mantine/datepicker/range.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t from"react";import{Image as r}from"@mantine/core";import{CommonGAssets as i}from"../../../misc/gAssets/index.js";import{StyledDateRangePicker as s}from"./index.styled.js";var o=function(o){return t.createElement(s,e({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:t.createElement(r,{src:i.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},o))};export{o as DateRangePicker};

package/build/esm/components/mantine/helpers.js

@@ -0,0 +1 @@
+import{createEmotionCache as e}from"@mantine/core";var r=300,n=e({key:"mantine",prepend:!1});export{r as DEBOUNCED_TIME,n as emotionCache};

package/build/esm/components/mantine/index.js

@@ -0,0 +1 @@
+export{Select}from"./select/index.js";export{DatePicker}from"./datepicker/index.js";export{Indicator}from"./indicator/index.js";export{TextArea}from"./textArea/index.js";export{Modal}from"./modal/index.js";export{Badge}from"./badge/index.js";export{Spoiler}from"./spoiler/index.js";export{Accordion}from"./accordion/index.js";export{Avatar}from"./avatar/index.js";export{Input}from"./input/index.js";export{LoadingOverlay}from"./loadingOverlay/index.js";export{Carousel}from"./carousel/index.js";export{CentralCarousel}from"./CentralCarousel/index.js";export{Checkbox}from"./checkbox/index.js";export{Slider}from"./slider/index.js";export{Radio}from"./radio/index.js";export{Switch}from"./switch/index.js";export{MantineProvider}from"./provider/index.js";export{emotionCache}from"./helpers.js";export{getMantineThemeOverride}from"./theme.js";export{MAPPED_LOCALE,useMantineLocale}from"./useMantineLocale.js";export{OTP}from"./otp/index.js";export{Phone}from"./phone/index.js";export{Result}from"./result/index.js";

package/build/esm/components/mantine/indicator/index.js

@@ -0,0 +1 @@
+import{__rest as o,__assign as t}from'./../../../externals/tslib/tslib.es6.js';import e from"react";import{Indicator as r}from"@mantine/core";import{theme as i}from"../../../misc/theme.js";var n=function(n){var s=n.styles,m=o(n,["styles"]);return e.createElement(r,t({inline:!0,position:"top-end",offset:4,styles:t({indicator:{backgroundColor:i.colors.red700},processing:{animationDirection:"alternate"}},s)},m))};export{n as Indicator};

package/build/esm/components/mantine/input/file.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import r from"react";import{FileInput as t}from"@mantine/core";var o=function(o){return r.createElement(t,e({size:"md"},o))};export{o as FileInput};

package/build/esm/components/mantine/input/index.js

@@ -0,0 +1 @@
+import{__rest as r,__assign as o}from'./../../../externals/tslib/tslib.es6.js';import e,{forwardRef as n,useState as t,useEffect as a}from"react";import{TextInput as m,Input as s}from"@mantine/core";import{useDebouncedValue as p}from"@mantine/hooks";import{DEBOUNCED_TIME as i}from"../helpers.js";import{FileInput as u}from"./file.js";export{FileInput}from"./file.js";import{NumberInput as l}from"./number.js";export{NumberInput}from"./number.js";import{PasswordInput as f}from"./password.js";export{PasswordInput}from"./password.js";var c=n((function(n,s){var u=n.value,l=n.onChange,f=n.onChangeRaw,c=r(n,["value","onChange","onChangeRaw"]),d=t(u||""),j=d[0],h=d[1],v=p(j,i)[0];return a((function(){null==l||l(v)}),[v]),a((function(){h(u)}),[u]),e.createElement(m,o({ref:s,size:"md",onChange:function(r){null==f||f(r),h(r.currentTarget.value)},value:j},c,{className:"input-control ".concat((null==c?void 0:c.className)||"")}))}));c.File=u,c.Password=f,c.Number=l,c.Wrapper=s.Wrapper;export{c as Input};

package/build/esm/components/mantine/input/number.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as o}from'./../../../externals/tslib/tslib.es6.js';import r,{useState as n,useEffect as t}from"react";import{NumberInput as m}from"@mantine/core";import{useDebouncedValue as a}from"@mantine/hooks";import{DEBOUNCED_TIME as i}from"../helpers.js";var l=function(l){var u=l.value,s=l.onChange,f=e(l,["value","onChange"]),p=n(u),c=p[0],h=p[1],v=a(c,i)[0];return t((function(){null==s||s(v)}),[v]),t((function(){h(u)}),[u]),r.createElement(m,o({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:h,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?e:e||""},removeTrailingZeros:!0,value:c},f))};export{l as NumberInput};

package/build/esm/components/mantine/input/password.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as i}from'./../../../externals/tslib/tslib.es6.js';import t,{forwardRef as s}from"react";import{PasswordInput as r}from"@mantine/core";import{CommonGAssets as o}from"../../../misc/gAssets/index.js";var n=o.getAssetPath("EyeVisible.svg"),l=o.getAssetPath("EyeHidden.svg"),m=s((function(s,o){var m=s.size,a=void 0===m?"md":m,c=s.visibilityToggleIcon,g=e(s,["size","visibilityToggleIcon"]),d=c||function(e){var i=e.reveal,s=e.size;return i?t.createElement("img",{src:n,width:s}):t.createElement("img",{src:l,width:s})};return t.createElement(r,i({ref:o,size:a,visibilityToggleIcon:d},g,{className:"input-control ".concat((null==g?void 0:g.className)||"")}))}));export{m as PasswordInput};

package/build/esm/components/mantine/loadingOverlay/index.js

@@ -0,0 +1 @@
+import{__assign as r}from'./../../../externals/tslib/tslib.es6.js';import o from"react";import{LoadingOverlay as e}from"@mantine/core";import{theme as m}from"../../../misc/theme.js";var t=function(t){return o.createElement(e,r({loaderProps:{color:m.colors.primaryBase}},t))};export{t as LoadingOverlay};

package/build/esm/components/mantine/modal/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as t}from'./../../../externals/tslib/tslib.es6.js';import l from"react";import{CommonGAssets as n}from"../../../misc/gAssets/index.js";import{StyledModal as o}from"./index.styled.js";var r=function(r){var s=r.title,i=e(r,["title"]);return l.createElement(l.Fragment,null,l.createElement(o,t({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},i,{withCloseButton:!1,title:i.withCloseButton&&l.createElement(l.Fragment,null,s,l.createElement("img",{className:"mantine-Modal-close",src:n.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=i.onClose)||void 0===e?void 0:e.call(i)}}))})))};export{r as Modal};

package/build/esm/components/mantine/modal/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Modal as t}from"@mantine/core";import e from"styled-components";import{theme as i}from"../../../misc/theme.js";var o,a=e(t)(o||(o=n(["\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n"])),i.colors.neutral100);export{a as StyledModal};

package/build/esm/components/mantine/otp/index.helpers.js

@@ -0,0 +1 @@
+function n(n,r){void 0===r&&(r=6);var i=new Array(r).fill("");if(n){var t=n.toString().split("");i.map((function(n,r){t[r]&&(i[r]=t[r]||"")}))}return i}function r(n){return n.join("")}export{r as transferOtpToValue,n as transferValueToOtp};

package/build/esm/components/mantine/otp/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as n}from'./../../../externals/tslib/tslib.es6.js';import t,{forwardRef as r,useRef as u,useState as o,useCallback as a,useImperativeHandle as c,useEffect as l}from"react";import{Flex as i}from"@mantine/core";import f from'./../../../externals/classnames/index.js';import{transferValueToOtp as s,transferOtpToValue as p}from"./index.helpers.js";import m from"./styles.module.scss.js";var v=r((function(r,u){var o=r.maxLength,a=void 0===o?1:o,c=r.placeholder,l=r.className,i=e(r,["maxLength","placeholder","className"]);return t.createElement("input",n({maxLength:a,className:f(m.otpInput,"otpInput",l),placeholder:c,type:"number"},i,{ref:u}))})),d=r((function(e,n){var r=e.valueLength,d=void 0===r?6:r,y=e.type,k=void 0===y?"number":y,g=e.value,h=e.defaultValue,b=e.onChange,x=e.onBlur,C=u(new Array(d).fill(null)),D=o(h||g),j=D[0],w=D[1],L=o(-1),I=L[0],N=L[1],S=o((function(){return s(j,d)})),A=S[0],B=S[1],E=a((function(){if(-1!==I){var e=C.current[I];if(e){e.value="";var n=A;n[I]="",B(n),w((function(){return p(n)})),null==b||b(p(n))}}}),[I,b,A]),R=a((function(){if(0!==I){var e=C.current[I];e&&e.blur();var n=C.current[I-1];n&&n.focus()}}),[I]),_=a((function(){if(I!==d-1){var e=C.current[I];e&&e.blur();var n=C.current[I+1];n&&n.focus()}}),[I,d]),F=a((function(e){var n=e.target,t=n.value.toString().slice(0,1),r=C.current.findIndex((function(e){return e===n}));if(-1!==r){var u=A;u[r]=t,B(u),w((function(){return p(u)})),null==b||b(p(u))}_()}),[_,b,A]),G=a((function(e){var n=e.target,t=C.current.findIndex((function(e){return e===n}));"number"===k?n.select():n.setSelectionRange(0,n.value.length,"backward"),-1!==t&&N(t)}),[]),K=a((function(e){var n=e.clipboardData.getData("text/plain"),t=s(n,d),r=p(t);B(t),w(r),null==b||b(r)}),[b,k,d]),P=a((function(e){8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),E(),R()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),E()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),R()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),_()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[E,_,R]);return c(n,(function(){return C.current[0]}),[]),l((function(){B((function(){return s(g,d)})),w(g)}),[d,g]),t.createElement(i,{justify:"center",columnGap:8,className:f(m.otpContainer,"otpContainer")},A.map((function(e,n){return t.createElement(v,{ref:function(e){C.current[n]=e},key:""+n,value:e,type:k,onChange:F,onFocus:G,onKeyDown:P,onPaste:K,onBlur:x})})))}));export{d as OTP};

package/build/esm/components/mantine/otp/styles.module.scss.js

@@ -0,0 +1 @@
+var a={otpContainer:"_2iQs0sk",otpInput:"Ia6IojY",error:"yJs9MaD"};export{a as default};

package/build/esm/components/mantine/phone/index.helpers.js

@@ -0,0 +1 @@
+import"react";import o from"../../../icons/Cambodia.js";import i from"../../../icons/India.js";import r from"../../../icons/Indonesia.js";import s from"../../../icons/Malaysia.js";import n from"../../../icons/Myanmar.js";import m from"../../../icons/Phillipines.js";import t from"../../../icons/Taiwan.js";import a from"../../../icons/Thailand.js";import c from"../../../icons/Vietnam.js";import{siteOptions as e}from"../../../interfaces/constants/site.js";var p=Object.values(e).reduce((function(o,i){var r=i.phoneCountry;return o.includes(r)||o.push(r),o}),[]),f={PH:m,KH:o,ID:i,IN:r,MM:n,MY:s,TH:a,TW:t,VN:c};export{p as countriesDefault,f as flagsIcon};

package/build/esm/components/mantine/phone/index.js

@@ -0,0 +1 @@
+import{__rest as e,__awaiter as n,__generator as r,__assign as t}from'./../../../externals/tslib/tslib.es6.js';import o,{forwardRef as l,useState as a,useEffect as u}from"react";import i from'./../../../externals/classnames/index.js';import c from"../../../icons/CaretDown.js";import{countriesDefault as s,flagsIcon as m}from"./index.helpers.js";import d from"./styles.module.scss.js";var f=l((function(l,f){var C,p=l.isError,g=l.defaultCountry,v=l.countries,y=void 0===v?s:v,E=l.countryCallingCodeEditable,h=void 0!==E&&E,b=l.defaultValue,N=l.value,j=l.onChange,w=l.className,I=e(l,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),x=a(b||N),P=x[0],U=x[1],F=a(null),S=F[0],V=F[1];return u((function(){U(N)}),[N]),u((function(){n(void 0,void 0,void 0,(function(){var e;return r(this,(function(n){switch(n.label){case 0:return[4,import("react-phone-number-input")];case 1:return e=n.sent(),V(e),[2]}}))}))}),[]),S?o.createElement(S.default,t({ref:f,value:P,onChange:function(e){U(e),null==j||j(e)},countries:y,defaultCountry:g,countryCallingCodeEditable:h,className:i(d.phoneInput,(C={isError:p},C[d.error]=p,C),w),flagUrl:void 0,flagComponent:function(n){var r=n.country,l=n.countryName;n.flagUrl;var a=e(n,["country","countryName","flagUrl"]),u=m[r],c=r?"(+".concat(S.getCountryCallingCode(r),")"):"";return u?o.createElement(o.Fragment,null,o.createElement(u,t({title:l},a)),o.createElement("span",{className:i(d.callingCode,"PhoneInputCountryIconCallingCode")},c)):o.createElement(o.Fragment,null)},countrySelectProps:{arrowComponent:function(){return o.createElement("div",{className:i(d.arrowSelect,"PhoneInputArrowContainer")},o.createElement(c,null))}}},I)):null}));export{f as Phone};

package/build/esm/components/mantine/phone/styles.module.scss.js

@@ -0,0 +1 @@
+var r={phoneInput:"i-9Ibox",error:"YDWHh9b"};export{r as default};

package/build/esm/components/mantine/provider/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as r}from'./../../../externals/tslib/tslib.es6.js';import o from"react";import{MantineProvider as t}from"@mantine/core";import{getMantineThemeOverride as m}from"../theme.js";import{useMantineLocale as i}from"../useMantineLocale.js";var n=function(n){var a=n.children,l=n.locale,c=e(n,["children","locale"]);return i(l),o.createElement(t,r({theme:m(l)},c),a)};export{n as MantineProvider};

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

@@ -0,0 +1 @@
+import{__assign as r}from'./../../../externals/tslib/tslib.es6.js';import o from"react";import{Radio as e}from"@mantine/core";import{StyledRadio as t}from"./index.styled.js";var m=function(e){return o.createElement(t,r({size:"sm"},e))};m.Group=e.Group;export{m as Radio};

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as o}from'./../../../externals/tslib/tslib.es6.js';import{Radio as n}from"@mantine/core";import{theme as r}from"../../../misc/theme.js";import i from"styled-components";var m,t=i(n)(m||(m=o(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(o){return o.color||r.colors.primaryBase}));export{t as StyledRadio};

package/build/esm/components/mantine/result/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as t}from'./../../../externals/tslib/tslib.es6.js';import s from"react";import{clsx as r,Title as i,Text as a,Button as n}from"@mantine/core";import o from"./styles.module.scss.js";function l(l){var c=l.icon,m=l.title,u=l.description,d=l.button,p=l.buttonProps,v=l.style,N=l.className,E=p||{},b=E.size,f=void 0===b?"lg":b,z=E.variant,y=void 0===z?"outline":z,j=e(E,["size","variant"]),C=c;return s.createElement("div",{className:r("result",o.container,N),style:v},C&&s.createElement("div",{className:r("resultIconContainer",o.iconContainer)},s.createElement(C,{className:r("resultIcon",o.icon)})),s.createElement(i,{order:3,size:"h3",className:r("resultTitle",o.title)},m),s.createElement(a,{className:r("resultDescription",o.description)},u),d&&s.createElement(n,t({},j,{size:f,variant:y,className:r("resultButton",o.button,j.className)}),d))}export{l as Result};

package/build/esm/components/mantine/result/styles.module.scss.js

@@ -0,0 +1 @@
+var t={container:"MON6sfi",iconContainer:"pS-tJD7",icon:"s3tJ9-5",title:"fNsZr1b",description:"uuxV74v",button:"YohjTDU"};export{t as default};

package/build/esm/components/mantine/select/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as t}from'./../../../externals/tslib/tslib.es6.js';import r from"react";import{Autocomplete as o,Image as n,Select as i}from"@mantine/core";import{CommonGAssets as s}from"../../../misc/gAssets/index.js";var m=function(m){var c=m.keepSearch,a=void 0!==c&&c,d=e(m,["keepSearch"]);return a?r.createElement(o,t({rightSection:r.createElement(n,{src:s.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},d)):r.createElement(i,t({rightSection:r.createElement(n,{src:s.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},d))};export{m as Select};

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

@@ -0,0 +1 @@
+import{__rest as t,__assign as e}from'./../../../externals/tslib/tslib.es6.js';import o,{useState as n,useEffect as r}from"react";import{useDebouncedValue as i}from"@mantine/hooks";import{Button as l}from"../../atoms/button/index.js";import{theme as s}from"../../../misc/theme.js";import{DEBOUNCED_TIME as m}from"../helpers.js";import{StyledSliderWrapper as a,StyledSlider as c}from"./index.styled.js";var u=function(u){var h=u.color,p=void 0===h?s.colors.primaryBase:h,d=u.withControl,f=u.onChange,w=u.value,g=u.min,v=u.max,k=u.isStatic,x=t(u,["color","withControl","onChange","value","min","max","isStatic"]),E=n(w||g||0),b=E[0],j=E[1],C=i(b,m)[0];return r((function(){null==f||f(C)}),[C]),o.createElement(a,null,d&&o.createElement(l,{type:"button",size:"sm",color:"ghost",onClick:function(){j((function(t){return g&&t===g?t:t-1}))}},o.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:p,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(c,e({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:p,value:b,onChange:k?function(){return null}:j,min:g,max:v},x)),d&&o.createElement(l,{type:"button",size:"sm",color:"ghost",onClick:function(){j((function(t){return v&&t===v?t:t+1}))}},o.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:p,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{u as Slider};

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Slider as r}from"@mantine/core";import{getDefaultClassWrapper as o}from"../../../misc/defaultClassWrapper.js";import e from"styled-components";var t,l,i=e(r)(t||(t=n(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.color||n.theme.colors.primaryBase})),a="hhgcomp-mantine-slider-slider",s=o(i,a),m=e.div(l||(l=n(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),a);export{s as StyledSlider,a as StyledSliderClass,m as StyledSliderWrapper,i as _StyledSlider};

package/build/esm/components/mantine/spoiler/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as t}from'./../../../externals/tslib/tslib.es6.js';import r,{useMemo as o}from"react";import{Spoiler as i}from"@mantine/core";import{Text as a}from"../../atoms/text/index.js";import{useTranslations as n}from"../../../hooks/useTranslations.js";import{theme as l}from"../../../misc/theme.js";var s=function(s){var m=s.children,c=s.line,p=s.lineHeight,d=s.trackingAttributes,h=s.maxHeight,g=s.customExpandFn,u=e(s,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),v=n().t,H=o((function(){return h||(c&&p?c*p:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);m||console.error("[HHG-Comp]:[Spoiler] Please provide children");var f=o((function(){return d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{}}),[d]);return r.createElement(i,t({showLabel:r.createElement(a,t({size:"p3",color:l.colors.primaryBase},f,{onClick:g}),v("articlePage.readMore")),hideLabel:r.createElement(a,t({size:"p3",color:l.colors.primaryBase},f),v("articlePage.showLess"))},u,{maxHeight:H}),m)};export{s as Spoiler};

package/build/esm/components/mantine/switch/index.js

@@ -0,0 +1 @@
+import{Switch as r}from"@mantine/core";var o=r;export{o as Switch};

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

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import o from"react";import{StyledTextArea as r}from"./index.styled.js";var t=function(t){return o.createElement(r,e({minRows:2,maxRows:4},t))};export{t as TextArea};

package/build/esm/components/mantine/textArea/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Textarea as r}from"@mantine/core";import o from"styled-components";import{theme as e}from"../../../misc/theme.js";var i,p=o(r)(i||(i=n(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),e.colors.gray200);export{p as StyledTextArea};

package/build/esm/components/mantine/theme.js

@@ -0,0 +1 @@
+import{__assign as o}from'./../../externals/tslib/tslib.es6.js';import{ISO_FORMAT as e}from"../../interfaces/constants/index.js";import{theme as r}from"../../misc/theme.js";import{MAPPED_LOCALE as t}from"./useMantineLocale.js";import{LOCALE as a}from"../../interfaces/types/Locale.js";var s={"&:hover":{borderColor:"".concat(r.colors.blue200),boxShadow:"0 0 2px 2px ".concat(r.colors.blue200)}},n=function(n){return{datesLocale:t[n],dateFormat:e[n].dateFormat,fontFamily:n===a.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.375rem"},error:{marginTop:"0.375rem"}}},NumberInput:{defaultProps:{decimalSeparator:e[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(r.colors.blue200),boxShadow:"0 0 2px 2px ".concat(r.colors.blue200)}},invalid:{color:"#000"}}},Checkbox:{styles:{input:s}},Radio:{styles:{radio:o(o({backgroundColor:"#ffffff"},s),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};export{n as getMantineThemeOverride};

package/build/esm/components/mantine/useMantineLocale.js

@@ -0,0 +1 @@
+import{useEffect as i}from"react";import a from"dayjs";import{LOCALE as n}from"../../interfaces/types/Locale.js";var o,t,r=((o={})[n.Vietnam]="vi",o[n.Cambodia]="km",o[n.India]="hi",o[n.Indonesia]="id",o[n.Malaysia]="ms",o[n.Thailand]="th",o[n.Taiwan]="zh-tw",o[n.PhilippinesTagalog]="tl-ph",o[n.PhilippinesEnglish]="en",o[n.Myanmar]="my",o),l=((t={})[n.Vietnam]=function(){return import("dayjs/locale/vi.js")},t[n.Cambodia]=function(){return import("dayjs/locale/km.js")},t[n.India]=function(){return import("dayjs/locale/hi.js")},t[n.Indonesia]=function(){return import("dayjs/locale/id.js")},t[n.Malaysia]=function(){return import("dayjs/locale/ms.js")},t[n.Thailand]=function(){return import("dayjs/locale/th.js")},t[n.Taiwan]=function(){return import("dayjs/locale/zh-tw.js")},t[n.PhilippinesTagalog]=function(){return import("dayjs/locale/tl-ph.js")},t[n.PhilippinesEnglish]=function(){return import("dayjs/locale/en.js")},t[n.Myanmar]=function(){return import("dayjs/locale/my.js")},t),e=function(n){i((function(){var i;null===(i=l[n])||void 0===i||i.call(l),a.locale(r[n])}),[n])};export{r as MAPPED_LOCALE,e as useMantineLocale};

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

@@ -0,0 +1 @@
+import e from"react";import{Text as a}from"../../atoms/text/index.js";import t from"./style.module.scss.js";var r=function(r){var m=r.avatarImg,s=r.authorName,l=r.authorLink,n=r.uploadTime,c=r.size;return e.createElement("div",{className:t.author},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":c},m),e.createElement("div",{className:"poster","data-is-disabled-url":!l},e.createElement(a,{size:"lg"===c?"p3":"p4"},e.createElement("a",{href:l},e.createElement("span",{className:"name"},s),"•"," "),e.createElement("span",null,n)))))};export{r as CardAuthor};

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

@@ -0,0 +1 @@
+import e from"react";import{Heading as a}from"../../atoms/heading/index.js";import{Text as t}from"../../atoms/text/index.js";import{theme as r}from"../../../misc/theme.js";import l from"./style.module.scss.js";var m=function(m){var c=m.isMobile,s=m.avatarImg,o=m.name,n=m.link,i=m.size,p=void 0===i?"lg":i,g=m.specialty;return e.createElement("div",{className:l.author},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":p},s),e.createElement("div",{className:"expert","data-is-disabled-url":!n},c?e.createElement("a",{href:n},"lg"===p?e.createElement(e.Fragment,null,e.createElement(a,{tag:"h6",className:"expert__name",color:r.colors.gray600},o),e.createElement(t,{color:r.colors.gray500,size:"p3",className:"specialty"},g)):e.createElement(e.Fragment,null,e.createElement(a,{tag:"h6",className:"expert__name",color:r.colors.gray600},o))):e.createElement("a",{href:n},"lg"===p?e.createElement(e.Fragment,null,e.createElement(a,{tag:"h6",className:"expert__name",color:r.colors.gray600},o),e.createElement(t,{color:r.colors.gray500,size:"p3",className:"specialty"},g)):e.createElement(e.Fragment,null,e.createElement("h6",{color:r.colors.gray600,className:"".concat(l.expertName," expert__name")},o),e.createElement(t,{color:r.colors.gray500,size:"p4",className:"specialty"},g))))))};export{m as CardExpert};

package/build/esm/components/molecules/articleCard/icons/affiliate.js

@@ -0,0 +1 @@
+import e,{memo as t}from"react";var C=t((function(){return 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"})))}));export{C as AffiliateIcon};

package/build/esm/components/molecules/articleCard/icons/bookmarked.js

@@ -0,0 +1 @@
+import t,{memo as e}from"react";var a=e((function(e){var a=e.dataEventCategoryForBookmark,o=e.dataEventActionForBookmark,r=e.dataEventLabelForBookmark;return t.createElement("svg",{"data-event-category":a,"data-event-action":o,"data-event-label":r,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.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"}))}));export{a as BookmarkedIcon};

package/build/esm/components/molecules/articleCard/icons/unbookmarked.js

@@ -0,0 +1 @@
+import t,{memo as e}from"react";var a=e((function(e){var a=e.dataEventCategoryForBookmark,o=e.dataEventActionForBookmark,r=e.dataEventLabelForBookmark;return t.createElement("svg",{"data-event-category":a,"data-event-action":o,"data-event-label":r,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.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"}))}));export{a as UnbookmarkedIcon};

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

@@ -0,0 +1 @@
+import e from"react";import{CommonGAssets as a}from"../../../misc/gAssets/index.js";import{Heading as t}from"../../atoms/heading/index.js";import{Text as o}from"../../atoms/text/index.js";import{CardAuthor as r}from"./cardAuthor.js";import{CardExpert as n}from"./cardExpert.js";import{AffiliateIcon as i}from"./icons/affiliate.js";import{BookmarkedIcon as m}from"./icons/bookmarked.js";import{UnbookmarkedIcon as l}from"./icons/unbookmarked.js";import c from"./style.module.scss.js";var s=function(s){var d=s.articleLink,k=s.authorLink,v=s.authorName,E=s.avatarImg,g=s.banner,y=s.categoryLink,h=s.categoryName,p=s.className,B=s.dataEventActionForBanner,F=s.dataEventActionForBookmark,f=s.dataEventActionForCategory,b=s.dataEventActionForTitle,u=s.dataEventCategoryForBanner,N=s.dataEventCategoryForBookmark,C=s.dataEventCategoryForCategory,L=s.dataEventCategoryForTitle,A=s.dataEventLabelForBanner,x=s.dataEventLabelForBookmark,j=s.dataEventLabelForCategory,z=s.dataEventLabelForTitle,T=s.direction,I=void 0===T?"horizontal":T,P=s.hasAffiliate,M=s.isBookmark,w=void 0!==M&&M,D=s.isBookmarkDisplayed,q=void 0===D||D,G=s.isMobile,H=void 0===G||G,J=s.onBookmark,K=s.onClickCategoryName,O=s.section,Q=void 0===O?"normal":O,R=s.size,S=void 0===R?"md":R,U=s.specialty,V=s.style,W=s.styleBanner,X=s.styleLabel,Y=s.styleTitle,Z=s.text,$=s.title,_=s.type,ee=void 0===_?"author":_,ae=s.uploadTime,te=s.articleLinkTarget,oe=s.isPremium,re=function(e){e.stopPropagation(),null==J||J()},ne="lg"===S&&"expert"===ee?"h4":"lg"===S&&"home"===Q?H?"h4":"h3":"lg"===S?"h4":"h5",ie="lg"===S?"p3":"p4",me=H||"home"!==Q||"lg"!==S||"author"!==ee?"c2":"c1";return e.createElement("article",{className:"".concat(c.card," ").concat(p||""),"data-size":S,style:V,"data-direction":I,"data-is-expert":"expert"===ee||void 0},e.createElement("div",{className:"banner",style:W},e.createElement("a",{className:c.anchor,"data-event-category":u,"data-event-action":B,"data-event-label":A,href:d||"#",target:te},g),oe&&e.createElement("img",{loading:"lazy",className:"premium",src:a.getAssetPath("premium-crown.svg")}),P&&e.createElement(i,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(o,{style:X,className:"label",size:me,type:"caption"},e.createElement("a",{className:c.anchor,"data-event-category":C,"data-event-action":f,"data-event-label":j,href:y||"#",onClick:K},h),q&&e.createElement("a",{className:"bookmark",onClick:re},w?e.createElement(m,{dataEventCategoryForBookmark:N,dataEventActionForBookmark:F,dataEventLabelForBookmark:x}):e.createElement(l,{dataEventCategoryForBookmark:N,dataEventActionForBookmark:F,dataEventLabelForBookmark:x}))),e.createElement(t,{tag:ne,style:Y,className:"title",as:"lg"===S?"h2":"h3"},e.createElement("a",{className:c.anchor,"data-event-category":L,"data-event-action":b,"data-event-label":z,href:d||"#",target:te},$)),Z&&e.createElement("a",{href:d||"#",target:te},e.createElement(o,{size:ie,className:"text"},Z))),e.createElement("div",{className:"footer"},"author"===ee?e.createElement(r,{size:S,avatarImg:E,authorName:v,authorLink:k,uploadTime:ae,handleClick:re,isBookmarked:w,dataEventCategoryForBookmark:N,dataEventActionForBookmark:F,dataEventLabelForBookmark:x}):e.createElement(n,{size:S,isMobile:H,avatarImg:E,specialty:U,name:v,link:k,handleClick:re,isBookmarked:w,dataEventCategoryForBookmark:N,dataEventActionForBookmark:F,dataEventLabelForBookmark:x}))))};export{s as ArticleCard};

package/build/esm/components/molecules/articleCard/style.module.scss.js

@@ -0,0 +1 @@
+var a={expertName:"PiqKaXk",anchor:"HgbW6-m",card:"_6lkfLYy",author:"j7c-onH"};export{a as default};