@hhgtech/hhg-components 1.22.41-beta-1 → 1.22.42

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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-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,o,i,a,s,p,d=t.div(r||(r=n(["\n  display: flex;\n  width: 100%;\n  height: 36px;\n  margin-top: 32px;\n"],["\n  display: flex;\n  width: 100%;\n  height: 36px;\n  margin-top: 32px;\n"]))),l="hhgcomp-slider-trackcontainer",c=e(d,l),u=t.div(o||(o=n(["\n  margin: 0 12px;\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\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"])),l,(function(n){return n.theme.colors.primaryBase})),x=t.div(i||(i=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})),g=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"],["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 16px;\n  height: 16px;\n  background: ",";\n  border-radius: 50%;\n  transform: translateY(-50%) translateX(-50%);\n"])),(function(n){return n.theme.colors.primaryBase})),h=t.div(s||(s=n(["\n  width: 100%;\n  height: 5px;\n  align-self: center;\n  border-radius: 4px;\n"],["\n  width: 100%;\n  height: 5px;\n  align-self: center;\n  border-radius: 4px;\n"]))),m=t.div(p||(p=n(["\n  position: absolute;\n  top: -28px;\n  display: block;\n  padding: 4px;\n  /* background-color: ","; */\n  border-radius: 4px;\n  color: 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}));export{g as StyledDot,m as StyledLabel,u as StyledSlider,x as StyledThumb,h as StyledTrack,c as StyledTrackContainer,l as StyledTrackContainerClass,d as _StyledTrackContainer};

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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

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

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

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

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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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/index.js

@@ -1 +0,0 @@
-export{Alert}from"./atoms/alert/index.js";export{Avatar}from"./atoms/avatar/index.js";export{Badge}from"./atoms/badge/index.js";export{BorderHeading}from"./atoms/borderHeading/index.js";export{Button}from"./atoms/button/index.js";export{Divider}from"./atoms/divider/index.js";export{FileDropdown}from"./atoms/fileDropdown/index.js";export{Flag}from"./atoms/flag/index.js";export{Grid}from"./atoms/grid/index.js";export{Heading}from"./atoms/heading/index.js";export{Input}from"./atoms/input/index.js";export{Label}from"./atoms/label/index.js";export{Logo}from"./atoms/logo/index.js";export{Pagination}from"./atoms/pagination/index.js";export{PureInput}from"./atoms/pureInput/index.js";export{Radio}from"./atoms/radio/index.js";export{Shadow}from"./atoms/shadow/index.js";export{Slider}from"./atoms/slider/index.js";export{Tag}from"./atoms/tag/index.js";export{Text}from"./atoms/text/index.js";export{Toggle}from"./atoms/toggle/index.js";export{UnderlinedLink}from"./atoms/underlinedLink/index.js";export{Uploader}from"./atoms/uploader/index.js";export{TextArea}from"./atoms/textArea/index.js";export{Container}from"./atoms/container/index.js";export{Checkbox}from"./atoms/checkbox/index.js";export{TextDivider}from"./atoms/textDivider/index.js";export{RateStars}from"./atoms/rateStars/index.js";export{Icon}from"./atoms/icons/index.js";export{Progress}from"./atoms/progress/index.js";export{Drawer}from"./atoms/drawer/index.js";export{Menu}from"./atoms/menu/index.js";export{RadioImageGroup}from"./atoms/radioImageGroup/index.js";export{AuthorBadge}from"./atoms/authorBadge/index.js";export{NewBabyProfileRadio}from"./atoms/newBabyProfileRadio/index.js";export{CustomReferenceDot}from"./atoms/customReferenceDot/index.js";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{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{AmpNextPage}from"./molecules/ampNextPage/index.js";export{DateRangePicker}from"./molecules/dateRangePicker/index.js";export{ShareContainer}from"./molecules/shareContainer/index.js";export{ShareDrawer}from"./molecules/shareDrawer/index.js";export{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{ChildCard}from"./molecules/childCard/index.js";export{BabyGrowthChooseProfileDrawer}from"./molecules/babyGrowthChooseProfileDrawer/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{PregnancyWeightGainChart}from"./organisms/pregnancyWeightGainChart/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";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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-import{__makeTemplateObject as o}from'./../../../externals/tslib/tslib.es6.js';import{Carousel as e}from"@mantine/carousel";import m from"styled-components";var r,t=m(e.Slide)(r||(r=o([""],[""])));export{t as StyledSlide};

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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-import{__rest as t,__assign as i}from'./../../../externals/tslib/tslib.es6.js';import e 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,d=void 0!==s&&s,l=n.indicatorConfig,c=void 0===l?null:l,m=n.size,f=void 0===m?56:m,p=n.children,u=t(n,["withIndicator","indicatorConfig","size","children"]),g=function(){return e.createElement(o,i({size:f,radius:"xl"},u),p||e.createElement("img",{src:a,width:f}))};return d?e.createElement(r,i({inline:!0,position:"bottom-end",offset:9},c,{styles:{indicator:{backgroundColor:e.isValidElement(c.label)&&"transparent"}}}),g()):g()};export{s as Avatar};

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

@@ -1 +0,0 @@
-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 m}from"../../../misc/theme.js";var s=function(s){var a=s.color,i=void 0===a?m.colors.primaryBase:a,l=r(s,["color"]);return e.createElement(t,o({variant:"filled",color:i,styles:{root:{borderRadius:"2px",background:i,textTransform:"unset"}}},l))};export{s as Badge};

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

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

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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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 m}from"./range.js";export{DateRangePicker}from"./range.js";var s=function(m){return t.createElement(o,e({size:"md",clearable:!1,fullWidth:!0,rightSection:t.createElement(r,{src:i.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},m))};s.Range=m;export{s as DatePicker};

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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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 m=function(m){return t.createElement(s,e({size:"md",clearable:!1,fullWidth:!0,rightSection:t.createElement(r,{src:i.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},m))};export{m as DateRangePicker};

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

@@ -1 +0,0 @@
-import{createEmotionCache as a}from"@mantine/core";import{LOCALE as r}from"../../interfaces/types/Locale.js";var Y,t=300,e=a({key:"mantine",prepend:!1}),o=((Y={})[r.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},Y[r.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},Y[r.India]={dateFormat:"DD/MM/YYYY",separator:"."},Y[r.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},Y[r.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},Y[r.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},Y[r.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},Y[r.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},Y[r.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},Y[r.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},Y);export{t as DEBOUNCED_TIME,o as ISO_FORMAT,e as emotionCache};

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

@@ -1 +0,0 @@
-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";

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

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

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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-import{__rest as r,__assign as o}from'./../../../externals/tslib/tslib.es6.js';import e,{useState as t,useEffect as n}from"react";import{TextInput as m}from"@mantine/core";import{useDebouncedValue as s}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 a}from"./number.js";export{NumberInput}from"./number.js";import{PasswordInput as p}from"./password.js";export{PasswordInput}from"./password.js";var f=function(u){var a=u.value,p=u.onChange,f=r(u,["value","onChange"]),l=t(a||""),c=l[0],j=l[1],d=s(c,i)[0];return n((function(){null==p||p(d)}),[d]),n((function(){j(a)}),[a]),e.createElement(m,o({size:"md",onChange:function(r){return j(r.currentTarget.value)},value:c},f))};f.File=u,f.Password=p,f.Number=a;export{f as Input};

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

@@ -1 +0,0 @@
-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||0),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||""},removeTrailingZeros:!0,value:c},f))};export{l as NumberInput};

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

@@ -1 +0,0 @@
-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=s.styles,v=e(s,["size","visibilityToggleIcon","styles"]),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,styles:i({rightSection:{pointerEvents:"initial"}},g)},v))}));export{m as PasswordInput};

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

@@ -1 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Modal as i}from"@mantine/core";import t from"styled-components";import{theme as e}from"../../../misc/theme.js";var o,a=t(i)(o||(o=n(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\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  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\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  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),e.colors.neutral100);export{a as StyledModal};

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

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

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

@@ -1 +0,0 @@
-import{__rest as e,__assign as n}from'./../../../externals/tslib/tslib.es6.js';import t,{forwardRef as r,useRef as o,useState as u,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,o){var u=r.maxLength,a=void 0===u?1:u,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},i,{ref:o}))})),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=o(new Array(d).fill(null)),D=u(h||g),j=D[0],w=D[1],L=u(-1),I=L[0],N=L[1],S=u((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,k)})),null==b||b(p(n,k))}}}),[I,b,A,k]),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 o=A;o[r]=t,B(o),w((function(){return p(o,k)})),null==b||b(p(o,k))}_()}),[_,b,A,k]),G=a((function(e){var n=e.target,t=C.current.findIndex((function(e){return e===n}));"number"!==k?n.setSelectionRange(0,n.value.length,"backward"):n.select(),-1!==t&&N(t)}),[]),K=a((function(e){var n=e.clipboardData.getData("text/plain"),t=s(n,d),r=p(t,k);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

@@ -1 +0,0 @@
-var o={otpContainer:"styles-module_otpContainer__2iQs0",otpInput:"styles-module_otpInput__Ia6Io",error:"styles-module_error__yJs9M"};export{o as default};

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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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/select/index.js

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-import{__makeTemplateObject as t}from'./../../../externals/tslib/tslib.es6.js';import{Switch as n}from"@mantine/core";import o from"styled-components";var i,m=o(n)(i||(i=t(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"])));export{m as Switch};

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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-import{__assign as o}from'./../../externals/tslib/tslib.es6.js';import{theme as e}from"../../misc/theme.js";import{ISO_FORMAT as t}from"./helpers.js";import{MAPPED_LOCALE as r}from"./useMantineLocale.js";import{LOCALE as a}from"../../interfaces/types/Locale.js";var s={"&:hover":{borderColor:"".concat(e.colors.blue200),boxShadow:"0 0 2px 2px ".concat(e.colors.blue200)}},n=function(n){return{datesLocale:r[n],dateFormat:t[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.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:t[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(e.colors.blue200),boxShadow:"0 0 2px 2px ".concat(e.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},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

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

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

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

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

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

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

@@ -1 +0,0 @@
-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{StyledAuthor as l,StyledExpertName as m}from"./index.styled.js";var c=function(c){var s=c.isMobile,o=c.avatarImg,n=c.name,i=c.link,g=c.size,p=void 0===g?"lg":g,E=c.specialty;return e.createElement(l,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":p},o),e.createElement("div",{className:"expert","data-is-disabled-url":!i},s?e.createElement("a",{href:i},"lg"===p?e.createElement(e.Fragment,null,e.createElement(a,{tag:"h6",className:"expert__name",color:r.colors.gray600},n),e.createElement(t,{color:r.colors.gray500,size:"p3",className:"specialty"},E)):e.createElement(e.Fragment,null,e.createElement(a,{tag:"h6",className:"expert__name",color:r.colors.gray600},n))):e.createElement("a",{href:i},"lg"===p?e.createElement(e.Fragment,null,e.createElement(a,{tag:"h6",className:"expert__name",color:r.colors.gray600},n),e.createElement(t,{color:r.colors.gray500,size:"p3",className:"specialty"},E)):e.createElement(e.Fragment,null,e.createElement(m,{color:r.colors.gray600,className:"expert__name"},n),e.createElement(t,{color:r.colors.gray500,size:"p4",className:"specialty"},E))))))};export{c as CardExpert};

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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{MediaQueries as t}from"../../../misc/utils.js";import i from"styled-components";var e,a,o,r,p=i.h6(e||(e=n(["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  line-height: 22px;\n"],["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  line-height: 22px;\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold})),x=i.a(a||(a=n(["\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  * {\n    pointer-events: none;\n  }\n"]))),d=i.article(o||(o=n(["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 16px 16px 16px 0;\n  background-color: ",";\n  cursor: pointer;\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n\n  .content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n\n    .inner-content {\n      display: flex;\n      flex-direction: column;\n      p {\n        display: flex;\n        align-items: center;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      .bookmark {\n        width: 18px;\n        height: 18px;\n      }\n      //.title,\n      .title a {\n        display: -webkit-box;\n        overflow: hidden;\n        margin-top: 2px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n\n      .text {\n        display: -webkit-box;\n        overflow: hidden;\n        max-width: 100%;\n        margin-top: 4px;\n        //margin-bottom: 26px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n    }\n  }\n\n  .footer {\n    display: flex;\n\n    .author {\n      width: calc(100% - 20px);\n    }\n\n    .bookmark {\n      display: flex;\n      width: 12px;\n      height: 16px;\n      margin-left: 8px;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .banner {\n    position: relative;\n    min-width: 100px;\n    max-width: 100px;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    border-radius: 6px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 6px;\n      object-fit: cover;\n      object-position: center;\n      pointer-events: none;\n    }\n    .premium {\n      position: absolute;\n      width: 28px;\n      height: 28px;\n      top: 6px;\n      left: 6px;\n    }\n  }\n  .shoppable {\n    position: absolute;\n    bottom: 4px;\n    left: 6px;\n  }\n\n  &[data-size='sm'][data-direction='horizontal'] {\n    padding: 20px 0;\n\n    .label {\n      margin-bottom: 0;\n    }\n    .banner {\n      width: 100px;\n      height: 100px;\n      margin: 0 16px 0 0;\n\n      "," {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n    }\n\n    .text {\n      display: none;\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    .footer {\n      margin-top: auto;\n    }\n  }\n\n  &[data-size='md'][data-direction='horizontal'] {\n    padding: 16px 0;\n\n    .banner {\n      min-width: 200px;\n      max-width: 200px;\n      height: 150px;\n      margin: 0 24px 0 0;\n    }\n\n    "," {\n      .text {\n        display: none;\n      }\n\n      .banner {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n\n      .specialty {\n        display: none;\n      }\n    }\n  }\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n    padding: 0 0 0 0;\n\n    .label {\n      margin-top: 16px;\n      display: flex;\n    }\n\n    &[data-size='sm'] {\n      .banner {\n        height: 150px;\n      }\n\n      .text {\n        display: none;\n      }\n\n      .title {\n        margin-top: 0;\n        margin-bottom: 12px;\n      }\n    }\n\n    &[data-size='lg'] {\n      .banner {\n        max-height: 312px;\n\n        "," {\n          max-height: 192px;\n        }\n      }\n\n      .text {\n        display: -webkit-box;\n        margin-top: 8px;\n        margin-bottom: 16px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 3;\n        word-break: break-word;\n      }\n    }\n\n    .banner {\n      min-width: 100%;\n      height: 468px;\n      margin: 0;\n    }\n  }\n\n  &[data-is-expert] {\n    .inner-content label.text {\n      display: none;\n    }\n\n    .specialty > [data-tag='h6'] {\n      font-size: 13px;\n      font-weight: 400;\n      line-height: 19px;\n    }\n\n    &[data-size='md'] .footer .author .avatar {\n      margin-right: 8px;\n    }\n\n    "," {\n      &[data-size='md'] .footer .author .avatar {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n    }\n\n    .title {\n      margin-bottom: 16px;\n      "," {\n        margin-bottom: 8px;\n      }\n    }\n\n    &[data-direction='horizontal'] {\n      .footer {\n        margin-top: auto;\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 16px 16px 16px 0;\n  background-color: ",";\n  cursor: pointer;\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n\n  .content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n\n    .inner-content {\n      display: flex;\n      flex-direction: column;\n      p {\n        display: flex;\n        align-items: center;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      .bookmark {\n        width: 18px;\n        height: 18px;\n      }\n      //.title,\n      .title a {\n        display: -webkit-box;\n        overflow: hidden;\n        margin-top: 2px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n\n      .text {\n        display: -webkit-box;\n        overflow: hidden;\n        max-width: 100%;\n        margin-top: 4px;\n        //margin-bottom: 26px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n    }\n  }\n\n  .footer {\n    display: flex;\n\n    .author {\n      width: calc(100% - 20px);\n    }\n\n    .bookmark {\n      display: flex;\n      width: 12px;\n      height: 16px;\n      margin-left: 8px;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .banner {\n    position: relative;\n    min-width: 100px;\n    max-width: 100px;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    border-radius: 6px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 6px;\n      object-fit: cover;\n      object-position: center;\n      pointer-events: none;\n    }\n    .premium {\n      position: absolute;\n      width: 28px;\n      height: 28px;\n      top: 6px;\n      left: 6px;\n    }\n  }\n  .shoppable {\n    position: absolute;\n    bottom: 4px;\n    left: 6px;\n  }\n\n  &[data-size='sm'][data-direction='horizontal'] {\n    padding: 20px 0;\n\n    .label {\n      margin-bottom: 0;\n    }\n    .banner {\n      width: 100px;\n      height: 100px;\n      margin: 0 16px 0 0;\n\n      "," {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n    }\n\n    .text {\n      display: none;\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    .footer {\n      margin-top: auto;\n    }\n  }\n\n  &[data-size='md'][data-direction='horizontal'] {\n    padding: 16px 0;\n\n    .banner {\n      min-width: 200px;\n      max-width: 200px;\n      height: 150px;\n      margin: 0 24px 0 0;\n    }\n\n    "," {\n      .text {\n        display: none;\n      }\n\n      .banner {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n\n      .specialty {\n        display: none;\n      }\n    }\n  }\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n    padding: 0 0 0 0;\n\n    .label {\n      margin-top: 16px;\n      display: flex;\n    }\n\n    &[data-size='sm'] {\n      .banner {\n        height: 150px;\n      }\n\n      .text {\n        display: none;\n      }\n\n      .title {\n        margin-top: 0;\n        margin-bottom: 12px;\n      }\n    }\n\n    &[data-size='lg'] {\n      .banner {\n        max-height: 312px;\n\n        "," {\n          max-height: 192px;\n        }\n      }\n\n      .text {\n        display: -webkit-box;\n        margin-top: 8px;\n        margin-bottom: 16px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 3;\n        word-break: break-word;\n      }\n    }\n\n    .banner {\n      min-width: 100%;\n      height: 468px;\n      margin: 0;\n    }\n  }\n\n  &[data-is-expert] {\n    .inner-content label.text {\n      display: none;\n    }\n\n    .specialty > [data-tag='h6'] {\n      font-size: 13px;\n      font-weight: 400;\n      line-height: 19px;\n    }\n\n    &[data-size='md'] .footer .author .avatar {\n      margin-right: 8px;\n    }\n\n    "," {\n      &[data-size='md'] .footer .author .avatar {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n    }\n\n    .title {\n      margin-bottom: 16px;\n      "," {\n        margin-bottom: 8px;\n      }\n    }\n\n    &[data-direction='horizontal'] {\n      .footer {\n        margin-top: auto;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),t.mbDown,t.mbDown,t.mbDown,t.tdUp,t.mbDown),h=i.div(r||(r=n(["\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 8px;\n\n  .author {\n    display: flex;\n    align-items: center;\n\n    .avatar,\n    .expert-avatar {\n      flex-shrink: 0;\n\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n\n    .name {\n      font-weight: 600;\n    }\n\n    .poster {\n      display: flex;\n      align-items: center;\n      white-space: pre-wrap;\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n\n      p {\n        display: -webkit-box;\n        overflow: hidden;\n        //font-size: 11px;\n        -webkit-box-orient: vertical;\n        font-weight: 400;\n        -webkit-line-clamp: 3;\n\n        a {\n          color: ",";\n          text-decoration: none;\n        }\n\n        span:not(.name) {\n          color: ",";\n        }\n      }\n    }\n\n    .expert {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n\n      a {\n        text-decoration: none;\n      }\n\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n    }\n\n    .avatar {\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n\n      "," {\n        margin-right: 4px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 32px;\n          height: 32px;\n          margin-right: 12px;\n        }\n      }\n    }\n\n    .expert-avatar {\n      "," {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n\n      "," {\n        width: 32px;\n        height: 32px;\n        margin-right: 8px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 64px;\n          height: 64px;\n          margin-right: 16px;\n        }\n\n        "," {\n          width: 40px;\n          height: 40px;\n          margin-right: 16px;\n        }\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 8px;\n\n  .author {\n    display: flex;\n    align-items: center;\n\n    .avatar,\n    .expert-avatar {\n      flex-shrink: 0;\n\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n\n    .name {\n      font-weight: 600;\n    }\n\n    .poster {\n      display: flex;\n      align-items: center;\n      white-space: pre-wrap;\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n\n      p {\n        display: -webkit-box;\n        overflow: hidden;\n        //font-size: 11px;\n        -webkit-box-orient: vertical;\n        font-weight: 400;\n        -webkit-line-clamp: 3;\n\n        a {\n          color: ",";\n          text-decoration: none;\n        }\n\n        span:not(.name) {\n          color: ",";\n        }\n      }\n    }\n\n    .expert {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n\n      a {\n        text-decoration: none;\n      }\n\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n    }\n\n    .avatar {\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n\n      "," {\n        margin-right: 4px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 32px;\n          height: 32px;\n          margin-right: 12px;\n        }\n      }\n    }\n\n    .expert-avatar {\n      "," {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n\n      "," {\n        width: 32px;\n        height: 32px;\n        margin-right: 8px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 64px;\n          height: 64px;\n          margin-right: 16px;\n        }\n\n        "," {\n          width: 40px;\n          height: 40px;\n          margin-right: 16px;\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray400}),t.mbDown,t.tdUp,t.mbUp,t.mbDown,t.mbUp,t.mbDown);export{x as StyledAnchor,h as StyledAuthor,d as StyledCard,p as StyledExpertName};