@hhgtech/hhg-components 1.26.1 → 1.26.3-beta-1

package/build/esm/{index-14899cba.js → index-cd54b72a.js}

@@ -1,28 +1,28 @@
-import o from"@emotion/styled";import{t as i}from"./theme-b3528b2a.js";import{M as t}from"./utils-c64cd3c4.js";import e from"react";const a=o.div`
+import e from"@emotion/styled";import{t as o}from"./theme-b980cf81.js";import{M as t}from"./utils-e3db87a3.js";import i from"react";const a=e.div`
   position: relative;
   width: 100%;
 
   &[data-has-error] {
     input {
-      border-color: ${i.colors.red700};
+      border-color: ${o.colors.red700};
     }
   }
 
   input {
     width: 100%;
     padding: 12px 16px;
-    border: solid 1px ${i.colors.gray200};
-    border-radius: ${i.borderRadius};
+    border: solid 1px ${o.colors.gray200};
+    border-radius: ${e=>e.theme.other.borderRadius};
 
     &:active,
     &:focus,
     &.focused {
-      border-color: ${o=>o.color};
-      box-shadow: 0px 0px 2px 2px ${o=>o.shadowColor};
+      border-color: ${e=>e.color};
+      box-shadow: 0px 0px 2px 2px ${e=>e.shadowColor};
     }
 
     &:disabled {
-      background-color: ${i.colors.gray100};
+      background-color: ${o.colors.gray100};
       cursor: not-allowed;
     }
   }
@@ -47,7 +47,7 @@ import o from"@emotion/styled";import{t as i}from"./theme-b3528b2a.js";import{M
   &[data-size='lg'] {
     input {
       font-size: 16px;
-      font-weight: ${i.sizes.fwRegular};
+      font-weight: ${e=>e.theme.other.sizes.fwRegular};
       ${t.mbDown} {
         font-size: 22px;
         line-height: 1.2;
@@ -61,7 +61,7 @@ import o from"@emotion/styled";import{t as i}from"./theme-b3528b2a.js";import{M
   }
   &[data-size='md'] {
     input {
-      font-weight: ${i.sizes.fwRegular};
+      font-weight: ${e=>e.theme.other.sizes.fwRegular};
       line-height: 22px;
       ${t.mbDown} {
         font-size: 14px;
@@ -76,7 +76,7 @@ import o from"@emotion/styled";import{t as i}from"./theme-b3528b2a.js";import{M
   }
   &[data-size='sm'] {
     input {
-      font-weight: ${i.sizes.fwRegular};
+      font-weight: ${e=>e.theme.other.sizes.fwRegular};
       line-height: 20px;
       ${t.mbDown} {
         font-size: 13px;
@@ -89,25 +89,25 @@ import o from"@emotion/styled";import{t as i}from"./theme-b3528b2a.js";import{M
       }
     }
   }
-`;o.label`
+`;e.label`
   display: inline-block;
   margin-bottom: 4px;
-  color: ${i.colors.gray600};
-  font-weight: ${i.sizes.fwBold};
-`;const s=o.label`
-  color: ${i.colors.red700};
-  font-weight: ${i.sizes.fwRegular};
-`,r=o.div`
+  color: ${o.colors.gray600};
+  font-weight: ${e=>e.theme.other.sizes.fwBold};
+`;const s=e.label`
+  color: ${o.colors.red700};
+  font-weight: ${e=>e.theme.other.sizes.fwRegular};
+`,r=e.div`
   position: absolute;
   top: 50%;
   right: 16px;
   cursor: pointer;
   transform: translateY(-50%);
-`,n=o.div`
+`,n=e.div`
   position: absolute;
   top: 50%;
   left: 16px;
   display: inline-flex;
   cursor: default;
   transform: translateY(-50%);
-`;var l="DjBFAbd";const p=({children:o,className:i,style:t,htmlFor:a,size:s})=>e.createElement("label",{"data-size":s,className:`${l} ${i||""}`,style:t,htmlFor:a},o);export{p as L,a as S,n as a,r as b,s as c};
+`;var l="DjBFAbd";const p=({children:e,className:o,style:t,htmlFor:a,size:s})=>i.createElement("label",{"data-size":s,className:`${l} ${o||""}`,style:t,htmlFor:a},e);export{p as L,a as S,n as a,r as b,s as c};

package/build/esm/index-d25aa5cb.js

@@ -0,0 +1 @@
+import e,{useState as t,useEffect as a}from"react";import{z as s,A as r}from"./index.styled-49ab3911.js";import{_ as o}from"./tslib.es6-6d4ee5aa.js";import{u as n}from"./useTranslations-b34a9124.js";import"@mantine/core";import"./gAssets.js";import{f as i}from"./index-9fa8c47c.js";import"dayjs";import"./screenSizeContext-e8baa898.js";import"@emotion/react";import"./theme-b980cf81.js";import"./index-7e7fbe76.js";import"./utils-e3db87a3.js";import"./isProduction-4810c43b.js";import"./Onboarding-e50f8d93.js";import{B as l}from"./index-f3ce73c1.js";import"./translationsContext-62d92141.js";import"string-format";import"./index-46c98c71.js";import"@mantine/hooks";import{b4 as m}from"./index.styled-28e52e67.js";const d=({type:t="solid",className:a,style:r})=>e.createElement(s,{style:r,className:a,"data-diver-type":t,dividerType:t}),c={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},p=t=>{var{siteType:a,role:s,title:i,styles:l,className:m}=t,d=o(t,["siteType","role","title","styles","className"]);const{t:p}=n(),y=s?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(s):"",{classes:b,cx:v}=r(void 0,{name:"AuthorBadge",styles:l});return y&&c[y]?e.createElement("div",Object.assign({className:v(b.root,m),"data-label-type":y,"data-is-marrybaby":"marryBaby"===a},d),i||p(c[y])):null};var y="Dudns9-";const b=({value:s,choices:r,onChange:o})=>{const[n,i]=t(s);return a((()=>{i(s)}),[s]),e.createElement("div",{className:y},r.map(((t,a)=>e.createElement(l,{size:"sm",variant:t.value===n?"primary":"tertiary",key:a,onClick:()=>{i(t.value),null==o||o(t.value)}},t.label||""))))},v=({style:s,initialTab:r,tabContent:o,onChange:n,className:l,dataEventCategory:d,dataEventAction:c,dataEventLabel:p,id:y,styles:b})=>{const{classes:v,cx:u,theme:E}=m(void 0,{name:"Tabs",styles:b}),[f,x]=t(r||0);return a((()=>{x(r)}),[r]),e.createElement("ul",{style:s,className:u(v.root,l),role:"tablist",id:y},o.map(((t,a)=>e.createElement("li",{className:`${v.item} ${f===a?"active":""}`,"aria-selected":f===a,role:"tab",onClick:()=>{x(a),n&&n(a)},onKeyDown:e=>{"Enter"===e.key&&(x(a),n&&n(a))},key:a,"data-event-category":t.dataEventCategory||d,"data-event-action":t.dataEventAction||c,"data-event-label":t.dataEventLabel||p,tabIndex:0,"data-testid":t.dataTestid},e.createElement("div",{className:v.itemInner},t.icon&&e.createElement("div",{className:v.icon},t.icon),e.createElement(i,{className:v.label,size:t.textSize||"sm",weight:t.textType||"bold",color:f===a?E.fn.primaryColor():t.textColor||E.colors.gray[4],dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name))))))};export{p as A,b as B,d as D,v as T};

package/build/esm/{index-9a5ceed1.js → index-d5e46cad.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-23b16f13.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as a}from"@mantine/hooks";import{B as s}from"./index-51c34386.js";import{D as r,S as i,i as l}from"./index-fa88e322.js";const m=m=>{var{color:c,withControl:h,onChange:g,value:w,min:d,max:p,isStatic:u,containerClassName:k,containerStyle:v}=m,x=e(m,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[f,C]=o(w||d||0),[E]=a(f,r);return n((()=>{null==g||g(E)}),[E]),n((()=>{C(w)}),[w]),t.createElement(i,{className:k,style:v},h&&t.createElement(s,{type:"button",size:"sm",color:"ghost",onClick:()=>{C((e=>d&&e===d?e:e-1))}},t.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},t.createElement("path",{d:"M1 1.004h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),t.createElement(l,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:c,value:f,onChange:u?()=>null:C,min:d,max:p},x,{className:"hhg-mantine-slider "+(x.className||"")})),h&&t.createElement(s,{type:"button",size:"sm",color:"ghost",onClick:()=>{C((e=>p&&e===p?e:e+1))}},t.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},t.createElement("path",{d:"M8 4v8M4 8h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{m as S};
+import{_ as e}from"./tslib.es6-6d4ee5aa.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as a}from"@mantine/hooks";import{B as s}from"./index-e46cec66.js";import{D as r,S as i,i as l}from"./index-9fa8c47c.js";const m=m=>{var{color:c,withControl:h,onChange:d,value:g,min:w,max:p,isStatic:u,containerClassName:k,containerStyle:v}=m,x=e(m,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[C,f]=o(g||w||0),[E]=a(C,r);return n((()=>{null==d||d(E)}),[E]),n((()=>{f(g)}),[g]),t.createElement(i,{className:k,style:v},h&&t.createElement(s,{type:"button",size:"sm",color:"ghost",onClick:()=>{f((e=>w&&e===w?e:e-1))}},t.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},t.createElement("path",{d:"M1 1.004h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),t.createElement(l,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:c,value:C,onChange:u?()=>null:f,min:w,max:p},x,{className:"hhg-mantine-slider "+(x.className||"")})),h&&t.createElement(s,{type:"button",size:"sm",color:"ghost",onClick:()=>{f((e=>p&&e===p?e:e+1))}},t.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},t.createElement("path",{d:"M8 4v8M4 8h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{m as S};

package/build/esm/{index-51c34386.js → index-e46cec66.js}

@@ -1 +1 @@
-import{_ as a}from"./tslib.es6-23b16f13.js";import t from"react";var e="P03rcnV",o="LsvykAk",d="S2kaD9B",c="fAwTdkg",i="ITgol3T",r="cD-HMFz",n="oAG2-aJ",s="Y9fGCaj";const l=l=>{var{size:C,color:m="primary",theme:u="helloSites",isDisabled:h,isBlock:p,title:g,className:P,onClick:k,icon:v,iconPosition:E="left",children:b,isLoading:y=!1,loadingText:N,dataEventCategory:w,dataEventAction:f,dataEventLabel:L,dataProductChannel:B,dataProductSku:x,dataProductBrand:A,dataProductName:T,dataProductPrice:z,dataProductCategory:D,dataProductPosition:S,type:j}=l,F=a(l,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);const M={"data-event-category":w,"data-event-action":f,"data-event-label":L,"data-product-channel":B,"data-product-sku":x,"data-product-brand":A,"data-product-name":T,"data-product-price":z,"data-product-category":D,"data-product-position":S},G=t.createElement("span",{className:o},t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("circle",{className:s,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),t.createElement("svg",{className:e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t.createElement("mask",{id:"path-1-inside-1",fill:"white"},t.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),t.createElement("path",{className:n,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),W=(v||y)&&t.createElement("span",{className:r},y?G:v," ");return t.createElement("button",Object.assign({},M,{className:`${i} ${P||""}`,"data-size":C,"data-color":m,"data-block":p,"data-has-icon":!!v||void 0,"data-theme":u,disabled:h,onClick:a=>{!y&&!h&&k&&k(a)},title:g,"data-is-loading":y,type:j},F),t.createElement("span",{className:c},"left"===E&&W,b&&t.createElement("span",{className:d},y&&N||b),"right"===E&&W))};export{l as B};
+import{_ as a}from"./tslib.es6-6d4ee5aa.js";import t from"react";var e="P03rcnV",d="LsvykAk",o="S2kaD9B",c="fAwTdkg",i="ITgol3T",r="cD-HMFz",n="oAG2-aJ",s="Y9fGCaj";const l=l=>{var{size:C,color:m="primary",theme:u="helloSites",isDisabled:h,isBlock:p,title:g,className:P,onClick:k,icon:v,iconPosition:E="left",children:y,isLoading:N=!1,loadingText:b,dataEventCategory:w,dataEventAction:f,dataEventLabel:L,dataProductChannel:B,dataProductSku:x,dataProductBrand:A,dataProductName:T,dataProductPrice:z,dataProductCategory:D,dataProductPosition:S,type:j}=l,F=a(l,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);const M={"data-event-category":w,"data-event-action":f,"data-event-label":L,"data-product-channel":B,"data-product-sku":x,"data-product-brand":A,"data-product-name":T,"data-product-price":z,"data-product-category":D,"data-product-position":S},G=t.createElement("span",{className:d},t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("circle",{className:s,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),t.createElement("svg",{className:e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t.createElement("mask",{id:"path-1-inside-1",fill:"white"},t.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),t.createElement("path",{className:n,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),W=(v||N)&&t.createElement("span",{className:r},N?G:v," ");return t.createElement("button",Object.assign({},M,{className:`${i} ${P||""}`,"data-size":C,"data-color":m,"data-block":p,"data-has-icon":!!v||void 0,"data-theme":u,disabled:h,onClick:a=>{!N&&!h&&k&&k(a)},title:g,"data-is-loading":N,type:j},F),t.createElement("span",{className:c},"left"===E&&W,y&&t.createElement("span",{className:o},N&&b||y),"right"===E&&W))};export{l as B};

package/build/esm/{index-a78d9888.js → index-e9210384.js}

@@ -1,8 +1,8 @@
-import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as i}from"@mantine/core";import{t as l,M as n}from"./utils-c64cd3c4.js";import{ae as r,af as s,ag as d,ah as c,ai as m,aj as p,C as h}from"./index.styled-e63583aa.js";import{T as u}from"./index-89514194.js";import g from"@emotion/styled";import{u as b}from"./useTranslations-8dc2d7f1.js";import{G as x}from"./Onboarding-5d4e7e9a.js";import{I as y}from"./index-23461c13.js";import{M as f,a as C}from"./index-d29a2bc2.js";import{t as v}from"./theme-b3528b2a.js";const w=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),E=({children:o,title:n,onClose:r,open:m=!1,placement:p="left",destroyOnClose:h=!1,className:g})=>{const b=t();a((()=>(l(m),()=>l(!1))),[m]);const x=()=>{b.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&h?null:e.createElement(i,null,e.createElement(s,{className:g,open:m},e.createElement(w,{open:m,onClickOutside:x}),e.createElement(d,{open:m,placement:p,ref:b,hasTitle:Boolean(n)},e.createElement("div",{className:"title"},n&&e.createElement(u,{size:"s2",type:"semiBold"},n),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:x},e.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),e.createElement(c,{onClick:e=>e.stopPropagation()},o&&(e.isValidElement(o)?o:"function"==typeof o?o({internalClose:x}):null)))))},$=({value:t,options:a,className:i,direction:l="horizontal",onChange:n,isDisabled:r,siteType:s})=>{const[d,c]=o(t),h="marryBaby"===s;return e.createElement(m,{className:i,"data-direction":l},a.map(((a,o)=>e.createElement(p,{"data-selected":(t||d)===a.value,"data-is-mb":h,"data-disabled":r,key:o,onClick:()=>{var e;e=a.value,r||(c(e),n&&n(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,h?e.createElement(f,{type:"subtitle-2",color:(t||d)===a.value?v.mbColors.dark:v.mbColors.midGray},a.label):e.createElement(u,{type:"bold",color:(t||d)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},k="hhgcomp-modal-modal",B=h(g.div`
+import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as i}from"@mantine/core";import{t as l,M as n}from"./utils-e3db87a3.js";import{ae as r,af as s,ag as d,ah as m,ai as c,aj as p,C as h}from"./index.styled-49ab3911.js";import{T as b}from"./index-19ad623c.js";import u from"@emotion/styled";import{u as g}from"./useTranslations-b34a9124.js";import{G as x}from"./Onboarding-e50f8d93.js";import{I as y}from"./index-b6e39606.js";import{M as f,a as C}from"./index-5dc75abe.js";import{t as v}from"./theme-b980cf81.js";const w=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),E=({children:o,title:n,onClose:r,open:c=!1,placement:p="left",destroyOnClose:h=!1,className:u})=>{const g=t();a((()=>(l(c),()=>l(!1))),[c]);const x=()=>{g.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!c&&h?null:e.createElement(i,null,e.createElement(s,{className:u,open:c},e.createElement(w,{open:c,onClickOutside:x}),e.createElement(d,{open:c,placement:p,ref:g,hasTitle:Boolean(n)},e.createElement("div",{className:"title"},n&&e.createElement(b,{size:"s2",type:"semiBold"},n),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:x},e.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),e.createElement(m,{onClick:e=>e.stopPropagation()},o&&(e.isValidElement(o)?o:"function"==typeof o?o({internalClose:x}):null)))))},$=({value:t,options:a,className:i,direction:l="horizontal",onChange:n,isDisabled:r,siteType:s})=>{const[d,m]=o(t),h="marryBaby"===s;return e.createElement(c,{className:i,"data-direction":l},a.map(((a,o)=>e.createElement(p,{"data-selected":(t||d)===a.value,"data-is-mb":h,"data-disabled":r,key:o,onClick:()=>{var e;e=a.value,r||(m(e),n&&n(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,h?e.createElement(f,{type:"subtitle-2",color:(t||d)===a.value?v.mbColors.dark:v.mbColors.midGray},a.label):e.createElement(b,{type:"bold",color:(t||d)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},k="hhgcomp-modal-modal",B=h(u.div`
   position: relative;
   z-index: 200;
   background-color: ${e=>e.theme.colors.white};
-  border-radius: ${e=>e.theme.borderRadius};
+  border-radius: ${e=>e.theme.other.borderRadius};
   box-shadow: 0px 4px 8px ${e=>e.theme.colors.gray200};
   &[data-site-type='marryBaby'] {
     border-radius: 16px;
@@ -27,7 +27,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
     background-color: none;
     box-shadow: none;
   }
-`,k),j=g.div`
+`,k),j=u.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -115,7 +115,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
         height: 192px;
         width: 100%;
         height: 100%;
-        border-radius: ${e=>e.theme.borderRadius};
+        border-radius: ${e=>e.theme.other.borderRadius};
         max-height: 192px;
       }
     }
@@ -130,7 +130,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
       }
     }
   }
-`,z=g.div`
+`,z=u.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -144,7 +144,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
   &[data-type='video'] {
     background-color: ${e=>e.theme.colors.secondaryDark};
   }
-`,T=g.div`
+`,T=u.div`
   & > :not(:last-child) {
     margin-bottom: 8px;
   }
@@ -162,7 +162,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
       }
     }
   }
-`,G=g($)`
+`,G=u($)`
   & > div > div {
     display: flex;
     flex-direction: row;
@@ -174,4 +174,4 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
   .radio-group-item-heading {
     margin-top: 0;
   }
-`,L=({value:t,onChange:a,siteType:o})=>{const{t:i}=b(),l="marryBaby"==o;return e.createElement(T,{"data-is-marryBaby":l},l?e.createElement(C,{type:"h4",color:v.mbColors.dark},i("babyVaccineTool.selectGender")):e.createElement(u,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},i("babyVaccineTool.selectGender")),e.createElement(G,{siteType:o,options:[{value:x.Boy,label:i("gender.male"),content:l?e.createElement(y.BabyBoyMB,null):e.createElement(y.GenderChooseBoy,null)},{value:x.Girl,label:i("gender.female"),content:l?e.createElement(y.BabyGirlMB,null):e.createElement(y.GenderChooseGirl,null)}],value:t,onChange:a,className:"gender-selector"}))};export{L as B,E as D,$ as R,j as S,z as a,B as b};
+`,L=({value:t,onChange:a,siteType:o})=>{const{t:i}=g(),l="marryBaby"==o;return e.createElement(T,{"data-is-marryBaby":l},l?e.createElement(C,{type:"h4",color:v.mbColors.dark},i("babyVaccineTool.selectGender")):e.createElement(b,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},i("babyVaccineTool.selectGender")),e.createElement(G,{siteType:o,options:[{value:x.Boy,label:i("gender.male"),content:l?e.createElement(y.BabyBoyMB,null):e.createElement(y.GenderChooseBoy,null)},{value:x.Girl,label:i("gender.female"),content:l?e.createElement(y.BabyGirlMB,null):e.createElement(y.GenderChooseGirl,null)}],value:t,onChange:a,className:"gender-selector"}))};export{L as B,E as D,$ as R,j as S,z as a,B as b};

package/build/esm/index-f3ce73c1.js

@@ -0,0 +1 @@
+import{_ as a}from"./tslib.es6-6d4ee5aa.js";import t from"react";import{Button as e}from"@mantine/core";import{u as r}from"./index-9fa8c47c.js";const o={primary:"filled",secondary:"outline",tertiary:"default",light:"light",ghost:"subtle",error:"outline"},s=s=>{var{variant:i,size:n,color:c,skipHover:l,className:v,dataEventCategory:m,dataEventAction:d,dataEventLabel:p}=s,u=a(s,["variant","size","color","skipHover","className","dataEventCategory","dataEventAction","dataEventLabel"]);const E="error"===i,{classes:f,cx:g}=r({variant:i,size:n,color:c,skipHover:l,isError:E});return t.createElement(e,Object.assign({className:g(f.rootCustom,v),variant:o[i],"data-event-category":m,"data-event-action":d,"data-event-label":p},u))};export{s as B};

package/build/esm/{index-566d4e11.js → index-f7b582e1.js}

@@ -1 +1 @@
-import e,{useMemo as a}from"react";import{CommonGAssets as s}from"./gAssets.js";import{i as t,L as l,a as o,b as n,S as r,c as g,d as i}from"./index-cf3b2063.js";const m=({type:m,className:c,style:h,isLightLogo:d,customSize:u,badge:w,locale:N,dateForSeasonal:y,isPro:f})=>{const p=a((()=>{if(!y||isNaN(new Date(y).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(y),a=t(e),s=l.includes(N)&&o(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&n(e)}}),[N,new Date(y).getDate()]);return e.createElement(r,{className:c,style:h,"data-logo-is-light":d||void 0,"data-has-badge":!!w,"data-christmas":p.isChristmas,"data-new-year":p.isNewYear,"data-lunar-new-year":p.isLunarNewYear},p.isChristmas?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):p.isNewYear?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):p.isLunarNewYear?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,e.createElement(g,{type:m,width:null==u?void 0:u.width,height:null==u?void 0:u.height}),f?e.createElement(i,{src:s.getAssetPath("logo/pro-suffix.svg")}):null,w)};export{m as L};
+import e,{useMemo as a}from"react";import{CommonGAssets as s}from"./gAssets.js";import{i as t,L as l,a as o,b as n,S as r,c as g,d as i}from"./index-47161cce.js";const m=({type:m,className:c,style:h,isLightLogo:d,customSize:u,badge:w,locale:N,dateForSeasonal:y,isPro:p})=>{const f=a((()=>{if(!y||isNaN(new Date(y).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(y),a=t(e),s=l.includes(N)&&o(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&n(e)}}),[N,new Date(y).getDate()]);return e.createElement(r,{className:c,style:h,"data-logo-is-light":d||void 0,"data-has-badge":!!w,"data-christmas":f.isChristmas,"data-new-year":f.isNewYear,"data-lunar-new-year":f.isLunarNewYear},f.isChristmas?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):f.isNewYear?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):f.isLunarNewYear?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,e.createElement(g,{type:m,width:null==u?void 0:u.width,height:null==u?void 0:u.height}),p?e.createElement(i,{src:s.getAssetPath("logo/pro-suffix.svg")}):null,w)};export{m as L};