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

package/build/babyGrowth.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-fe395b6a.js"),t=require("react"),r=require("./Onboarding-58ad00eb.js"),a=require("./theme-0dfa18d3.js"),l=require("./index-a68b357b.js"),o=require("styled-components"),n=require("./index-02703eb3.js"),i=require("./index-1027c9db.js"),s=require("./index-f0b5a2e9.js"),d=require("./screenSizeContext-3871959e.js"),c=require("dayjs"),u=require("./useTranslations-2522e02f.js");require("lodash/debounce"),require("./isProduction-47032811.js"),require("./index-e39e1328.js");var C=require("./localizeNumberFormat-a54bdc32.js"),h=require("./index-04ef1e33.js"),m=require("./utils-05f7fda9.js"),f=require("./index.styled-81b3744a.js");require("./gAssets.js"),require("@mantine/core"),require("./index-8c5fc7a1.js"),require("./index-015a02ec.js");var y=require("./index-26e03973.js");require("./index-8cd6ee80.js"),require("./index-aaa97035.js"),require("@mantine/hooks");var p=require("./useOutsideClick-2a78a81a.js"),b=require("./tslib.es6-08c42772.js"),g=require("./index-a1c04c08.js"),w=require("recharts"),x=require("lodash/chunk");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./useUniqueId-4132773f.js"),require("./index.styled-0654a893.js"),require("lodash/throttle"),require("./translationsContext-a6a567c2.js"),require("string-format"),require("@mantine/dates"),require("@mantine/carousel"),require("./index-3498a47f.js"),require("./useScrollbarSize-680d0ea0.js"),require("react-dom");var v=E(t),B=E(o),L=E(c),G=E(x);const M=B.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-a01143fe.js"),t=require("react"),r=require("./Onboarding-e0bc49b6.js"),a=require("./theme-a77c4057.js"),l=require("./index-18005712.js"),o=require("@emotion/styled"),n=require("./index-2f9e1df7.js"),i=require("./index-3ed5176a.js"),s=require("./index-aecd4287.js"),d=require("./screenSizeContext-f0ebed7f.js"),c=require("dayjs"),u=require("./useTranslations-11d21172.js");require("lodash/debounce"),require("./isProduction-caf23831.js"),require("./index-bdda9ac5.js");var C=require("./localizeNumberFormat-bc743d5f.js"),h=require("./index-af641795.js"),m=require("./utils-be54ffe5.js"),f=require("./index.styled-2741756f.js");require("./gAssets.js"),require("@mantine/core"),require("./index-f78caa67.js"),require("./index-aa485ce2.js");var y=require("./index-24088255.js");require("./index-78d09170.js"),require("@emotion/react"),require("./index-76151732.js"),require("@mantine/hooks");var p=require("./useOutsideClick-d81e2ff3.js"),b=require("./tslib.es6-340fd43c.js"),g=require("./index-6207a63d.js"),w=require("recharts"),x=require("lodash/chunk");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./useUniqueId-e2bb002a.js"),require("./index.styled-24aab5e3.js"),require("lodash/throttle"),require("./translationsContext-77b34459.js"),require("string-format"),require("@mantine/dates"),require("@mantine/carousel"),require("./index-d002cf7c.js"),require("./useScrollbarSize-0848f444.js"),require("react-dom");var v=E(t),B=E(o),L=E(c),G=E(x);const M=B.default.div`
   display: flex;
   justify-content: center;
   gap: 16px;
@@ -21,8 +21,7 @@
     font-weight: 600;
     font-size: 11px;
     &:nth-child(2n + 1) {
-      border-radius: ${e=>e.theme.borderRadius} 0px
-        0px6px;
+      border-radius: ${e=>e.theme.other.borderRadius} 0px 0px6px;
       border-right: none;
     }
     &:nth-child(2n) {
@@ -59,7 +58,7 @@
   }
 `,D=[{name:["3rd","-3SD","97th","3SD"],color:a.theme.colors.red600},{name:["15rd","-2SD","85th","2SD"],color:a.theme.colors.yellow600},{name:["50th","0Median"],color:a.theme.colors.green600}],S={"3rd":"-3SD","15th":"-2SD","50th":"Median","85th":"2SD","97th":"3SD"},j=e=>{var o;const{payload:n,locale:i,active:s}=e,d=null===(o=null==n?void 0:n[0])||void 0===o?void 0:o.payload;if(!(d&&d.history&&d.name&&d.risk&&d.toolTipLabel&&s))return null;const c=t.useMemo((()=>{var e;return null===(e=D.find((e=>e.name.includes(d.risk||""))))||void 0===e?void 0:e.color}),[d.risk]),u=t.useMemo((()=>i===r.LOCALE.Indonesia?d.risk?S[d.risk]:"":d.risk),[i,d.risk]);return v.default.createElement(T,null,v.default.createElement("div",{className:"risk",style:{backgroundColor:c}},v.default.createElement(l.Text,{size:"s3",color:a.theme.colors.white,type:"semiBold"},u)),v.default.createElement("div",{className:"tooltip"},(d.toolTipLabel||[]).map(((e,t)=>v.default.createElement(l.Text,{key:t,size:"n1",color:a.theme.colors.gray600},e)))))},q="300ms",R=B.default.div`
   background: ${a.theme.colors.gray50};
-  border-radius: ${e=>e.theme.borderRadius};
+  border-radius: ${e=>e.theme.other.borderRadius};
   padding: 16px 20px;
   display: flex;
   justify-content: space-between;
@@ -170,7 +169,7 @@
   gap: 16px;
   background: ${a.theme.colors.white};
   border: 1px solid ${a.theme.colors.gray100};
-  border-radius: ${e=>e.theme.borderRadius};
+  border-radius: ${e=>e.theme.other.borderRadius};
 
   &[data-theme='marryBaby'] {
     border: 1px solid #f3f3f3;
@@ -272,7 +271,7 @@
     gap: 16px;
     margin-block: 16px;
   }
-`,F={[r.Gender.Boy]:{[r.BabyGrowthChartType.Weight]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.percentile.weekly-e285a14b.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.percentile.monthly-a589fba1.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.percentile.yearly-28abf604.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.percentile.weekly-62b1b529.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.percentile.monthly-7cd1be5e.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.percentile.yearly-260e90cc.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.percentile.weekly-bcf0cbfe.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.percentile.monthly-92cb6872.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.percentile.yearly-9435a068.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.percentile.weekly-41c8c9ae.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.percentile.monthly-7cb9f753.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.percentile.yearly-1ecbbce1.js")}))}},[r.Gender.Girl]:{[r.BabyGrowthChartType.Weight]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.percentile.weekly-3c198de1.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.percentile.monthly-48bbc291.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.percentile.yearly-6b611efa.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.percentile.weekly-54d586e0.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.percentile.monthly-0a569d7c.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.percentile.yearly-bb0205c1.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.percentile.weekly-79716470.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.percentile.monthly-64d6851c.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.percentile.yearly-3660ac3c.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.percentile.weekly-eb6a0604.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.percentile.monthly-3bfc69d9.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.percentile.yearly-c75708c4.js")}))}}},$={[r.Gender.Boy]:{[r.BabyGrowthChartType.Weight]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.zscore.weekly-53cf64c9.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.zscore.monthly-584bc78f.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.zscore.yearly-756cc8d6.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.zscore.weekly-f6b53273.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.zscore.monthly-27b54ac8.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.zscore.yearly-f03057a3.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.zscore.weekly-8110c113.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.zscore.monthly-8ed3082a.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.zscore.yearly-46de3f08.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.zscore.weekly-8e63d86f.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.zscore.monthly-56a271bb.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.zscore.yearly-5b5f737a.js")}))}},[r.Gender.Girl]:{[r.BabyGrowthChartType.Weight]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.zscore.weekly-699784c8.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.zscore.monthly-21c2fe41.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.zscore.yearly-2a8368ee.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.zscore.weekly-bf6aeb50.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.zscore.monthly-65504081.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.zscore.yearly-204dd7a5.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.zscore.weekly-463164d8.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.zscore.monthly-5d1f0736.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.zscore.yearly-7cc8aa84.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.zscore.weekly-626ba416.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.zscore.monthly-1afc2414.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.zscore.yearly-d6ad235e.js")}))}}},U=(e,t,a,l)=>l===r.LOCALE.Indonesia?$[e][t][a]():F[e][t][a](),K=(e,t)=>{const[r,a]=G.default(t,Math.ceil(t.length/2)),l=r.map((e=>e.name)),o=a.map((e=>e.name));return l.includes(e)?{data:r,status:"first-half"}:o.includes(e)?{data:a,status:"second-half"}:{data:t,status:"full"}},X=(e,t)=>[...e,...t.map((e=>({name:e.name,history:e.history,risk:e.risk,toolTipLabel:e.toolTipLabel})))].sort(((e,t)=>e.name-t.name)),J=(e,t,r,a,l)=>[...e,{name:a,history:l,risk:t,toolTipLabel:r}].sort(((e,t)=>e.name-t.name)),Q=(e,t=0)=>{const r=[];for(const a in e){e[a].forEach(((e,l)=>{r[l]?r[l][a]=e:r[l]={name:l+t,[a]:e}}))}return r},ee=(e,t=0)=>Array.from({length:e-t+1},((e,r)=>r+t)),te=B.default.div`
+`,F={[r.Gender.Boy]:{[r.BabyGrowthChartType.Weight]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.percentile.weekly-e924c535.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.percentile.monthly-d63afafb.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.percentile.yearly-3a609de3.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.percentile.weekly-2b62cbfb.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.percentile.monthly-719cfe0f.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.percentile.yearly-b98576c9.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.percentile.weekly-4915d20b.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.percentile.monthly-cf3c1317.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.percentile.yearly-5953fbd3.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.percentile.weekly-acef6653.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.percentile.monthly-ad3d0ae7.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.percentile.yearly-8c64c0c3.js")}))}},[r.Gender.Girl]:{[r.BabyGrowthChartType.Weight]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.percentile.weekly-a1eee50a.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.percentile.monthly-8cd415a7.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.percentile.yearly-ebe46be2.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.percentile.weekly-5cbe7e02.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.percentile.monthly-dac1d9a6.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.percentile.yearly-68ccecad.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.percentile.weekly-9904dca5.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.percentile.monthly-8df9c99a.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.percentile.yearly-fec72f46.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.percentile.weekly-848047ee.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.percentile.monthly-f8cc96db.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.percentile.yearly-564da965.js")}))}}},$={[r.Gender.Boy]:{[r.BabyGrowthChartType.Weight]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.zscore.weekly-920ea6ef.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.zscore.monthly-2bfb2d82.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.zscore.yearly-bda55c99.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.zscore.weekly-35bd8b2c.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.zscore.monthly-6d4e4b71.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.zscore.yearly-578f252a.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.zscore.weekly-5c54cbe2.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.zscore.monthly-2dad7fb4.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.zscore.yearly-cba2e265.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.zscore.weekly-17cbed22.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.zscore.monthly-ec78a3b3.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.zscore.yearly-59206f2e.js")}))}},[r.Gender.Girl]:{[r.BabyGrowthChartType.Weight]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.zscore.weekly-9403945c.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.zscore.monthly-150deae9.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.zscore.yearly-199a1599.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.zscore.weekly-33cb076c.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.zscore.monthly-35c47378.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.zscore.yearly-85d838d6.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.zscore.weekly-210a9721.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.zscore.monthly-e68e0a7f.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.zscore.yearly-b29ee605.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.zscore.weekly-862a6bba.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.zscore.monthly-76ce0ef4.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.zscore.yearly-0fbdefc4.js")}))}}},U=(e,t,a,l)=>l===r.LOCALE.Indonesia?$[e][t][a]():F[e][t][a](),K=(e,t)=>{const[r,a]=G.default(t,Math.ceil(t.length/2)),l=r.map((e=>e.name)),o=a.map((e=>e.name));return l.includes(e)?{data:r,status:"first-half"}:o.includes(e)?{data:a,status:"second-half"}:{data:t,status:"full"}},X=(e,t)=>[...e,...t.map((e=>({name:e.name,history:e.history,risk:e.risk,toolTipLabel:e.toolTipLabel})))].sort(((e,t)=>e.name-t.name)),J=(e,t,r,a,l)=>[...e,{name:a,history:l,risk:t,toolTipLabel:r}].sort(((e,t)=>e.name-t.name)),Q=(e,t=0)=>{const r=[];for(const a in e){e[a].forEach(((e,l)=>{r[l]?r[l][a]=e:r[l]={name:l+t,[a]:e}}))}return r},ee=(e,t=0)=>Array.from({length:e-t+1},((e,r)=>r+t)),te=B.default.div`
   position: relative;
   .custom-chart-label {
     display: flex;

package/build/cache.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./core-86d1d4b7.js");require("./tslib.es6-08c42772.js"),require("./isProduction-47032811.js"),exports.getCachedItem=e.getCachedItem,exports.getDataWithCache=e.getDataWithCache,exports.setCachedItem=e.setCachedItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./core-9e7fa00d.js");require("./tslib.es6-340fd43c.js"),require("./isProduction-caf23831.js"),exports.getCachedItem=e.getCachedItem,exports.getDataWithCache=e.getDataWithCache,exports.setCachedItem=e.setCachedItem;

package/build/care/components/organisms/bookingSearchBar/index.styled.d.ts

@@ -1,7 +1,40 @@
 /// <reference types="react" />
-export declare const StyledSearchBarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSearchBarMobileWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSearchBarMobileModalHeader: import("styled-components").StyledComponent<"section", any, {}, never>;
-export declare const StyledHiddenInputMobile: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const StyledInput: import("styled-components").StyledComponent<({ name, value, errorMessage, isNumerousKeyboard, showErrorMessage, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, className, onChange, isDisabled, CustomInput, size, style, autoComplete, type, inputClassName, trackingAttributes, enterKeyHint, ...rest }: import("components/atoms/input").Props) => import("react").JSX.Element, any, {}, never>;
-export declare const CareSearchGlobalStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export declare const StyledSearchBarWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSearchBarMobileWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSearchBarMobileModalHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledHiddenInputMobile: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const StyledInput: import("@emotion/styled").StyledComponent<{
+    value: string;
+    name: string;
+    size: "lg" | "md" | "sm";
+    readOnly?: boolean;
+    isNumerousKeyboard?: boolean;
+    autoComplete?: "on" | "off";
+    errorMessage?: string;
+    showErrorMessage?: boolean;
+    actionIcon?: JSX.Element;
+    onActionClick?: () => void;
+    displayIcon?: JSX.Element;
+    label?: string | JSX.Element;
+    onChange?: (v: string) => void;
+    isDisabled?: boolean;
+    CustomInput?: JSX.Element;
+    type?: "number" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+    inputClassName?: string;
+    trackingAttributes?: import("./types").GATrackingCode;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send";
+} & Omit<import("react").HTMLAttributes<HTMLInputElement>, "onChange" | "name" | "value"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/care/components/organisms/bookingSearchBar/locationResults/index.styled.d.ts

@@ -1,14 +1,27 @@
 /// <reference types="react" />
-export declare const StyledLocationResultsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLocationResultsList: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const StyledPinIcon: import("styled-components").StyledComponent<({ className, color }: {
+export declare const StyledLocationResultsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledLocationResultsList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const StyledPinIcon: import("@emotion/styled").StyledComponent<{
     className?: string;
     color?: string;
-}) => import("react").JSX.Element, any, {}, never>;
-export declare const StyledLocationItem: import("styled-components").StyledComponent<"li", any, {
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledLocationItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     isSelected?: boolean;
-}, never>;
-export declare const StyledLiSkeleton: import("styled-components").StyledComponent<({ count, className }: {
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const StyledLiSkeleton: import("@emotion/styled").StyledComponent<{
     count: number;
     className?: string;
-}) => import("react").JSX.Element, any, {}, never>;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/care/components/organisms/bookingSearchBar/mobileFakeInput/index.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import { FocusedType, GATrackingCode } from '../types';
-export declare const StyledFakeInputSearchMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFakeInputSearchMobile: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 type Props = {
     focused: FocusedType;
     onClick?: () => void;

package/build/care/components/organisms/bookingSearchBar/mobileTopbar/index.styled.d.ts

@@ -1,6 +1,30 @@
 /// <reference types="react" />
-export declare const StyledTopBar: import("styled-components").StyledComponent<"header", any, {}, never>;
-export declare const StyledTopBarHeaderRight: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTopBarIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTopbarHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTopbarHeadingText: import("styled-components").StyledComponent<(<T>({ size, type, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, ...rest }: import("components/atoms/text").Props<T>) => import("react").JSX.Element), any, {}, never>;
+export declare const StyledTopBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledTopBarHeaderRight: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTopBarIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTopbarHeading: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTopbarHeadingText: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<unknown> & {
+    size: import("components/atoms/text").TextSize;
+    color?: string;
+    type?: import("components/atoms/text").TextType;
+    dataEventCategory?: string;
+    dataEventAction?: string;
+    dataEventLabel?: string;
+    as?: keyof JSX.IntrinsicElements;
+    wordWrap?: "none" | "break-word" | "break-all";
+    isUppercase?: boolean;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/care/components/organisms/bookingSearchBar/resultSection/index.styled.d.ts

@@ -1,11 +1,41 @@
 /// <reference types="react" />
-export declare const StyledTypeHeader: import("styled-components").StyledComponent<"header", any, {}, never>;
-export declare const StyledInfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTypeName: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const StyledSeeMoreButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const StyledResultsContainer: import("styled-components").StyledComponent<"section", any, {}, never>;
-export declare const StyledItemsWrapper: import("styled-components").StyledComponent<"ul", any, {
+export declare const StyledTypeHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledInfoWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTypeName: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const StyledSeeMoreButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const StyledResultsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledItemsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     isShown?: boolean;
     isMore?: boolean;
-}, never>;
-export declare const StyledSeeMore: import("styled-components").StyledComponent<(<T>({ size, type, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, ...rest }: import("components/atoms/text").Props<T>) => import("react").JSX.Element), any, {}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const StyledSeeMore: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<unknown> & {
+    size: import("components/atoms/text").TextSize;
+    color?: string;
+    type?: import("components/atoms/text").TextType;
+    dataEventCategory?: string;
+    dataEventAction?: string;
+    dataEventLabel?: string;
+    as?: keyof JSX.IntrinsicElements;
+    wordWrap?: "none" | "break-word" | "break-all";
+    isUppercase?: boolean;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/care/components/organisms/bookingSearchBar/resultSectionItem/index.styled.d.ts

@@ -1,10 +1,37 @@
 /// <reference types="react" />
 import { SearchBarSectionApi } from 'care/interfaces/types';
-export declare const StyledResult: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const StyledRoundedIconWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledResult: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const StyledRoundedIconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     type: SearchBarSectionApi['type'];
-}, never>;
-export declare const StyledText: import("styled-components").StyledComponent<(<T>({ size, type, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, ...rest }: import("components/atoms/text").Props<T>) => import("react").JSX.Element), any, {}, never>;
-export declare const StyledPictureWrapper: import("styled-components").StyledComponent<"figure", any, {}, never>;
-export declare const StyledLocationPin: import("styled-components").StyledComponent<"svg", any, {}, never>;
-export declare const StyledImageSkeletonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledText: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<unknown> & {
+    size: import("components/atoms/text").TextSize;
+    color?: string;
+    type?: import("components/atoms/text").TextType;
+    dataEventCategory?: string;
+    dataEventAction?: string;
+    dataEventLabel?: string;
+    as?: keyof JSX.IntrinsicElements;
+    wordWrap?: "none" | "break-word" | "break-all";
+    isUppercase?: boolean;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledPictureWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledLocationPin: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").SVGProps<SVGSVGElement>, {}>;
+export declare const StyledImageSkeletonWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/care/components/organisms/bookingSearchBar/searchInputs/index.styled.d.ts

@@ -1,9 +1,31 @@
 /// <reference types="react" />
-export declare const StyledSearchBarInputsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledInputLocationWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledInputSearchWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledClearIcon: import("styled-components").StyledComponent<({ className, color }: {
+export declare const StyledSearchBarInputsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInputWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInputLocationWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledInputSearchWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledClearIcon: import("@emotion/styled").StyledComponent<{
     className?: string;
     color?: string;
-}) => import("react").JSX.Element, any, {}, never>;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/care.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-d8bce503.js"),r=require("./constants-5fae608d.js");require("./tslib.es6-08c42772.js"),require("react"),require("./index-e39e1328.js"),require("./Onboarding-58ad00eb.js"),require("./isProduction-47032811.js"),require("./cookieHelper-6bf570a6.js"),require("./useTranslations-2522e02f.js"),require("./translationsContext-a6a567c2.js"),require("string-format"),require("lodash/debounce"),require("./index-3498a47f.js"),require("@mantine/core"),require("./index-8c5fc7a1.js"),require("./utils-05f7fda9.js"),require("styled-components"),require("./index-a68b357b.js"),require("./theme-0dfa18d3.js"),require("react-loading-skeleton"),require("lodash/shuffle"),require("./useOutsideClick-2a78a81a.js"),exports.BookingSearchBar=e.BookingSearchBar,exports.CareTypes=e.types,exports.CareConstants=r.constants;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-c584b21c.js"),r=require("./constants-8bb095c0.js");require("./tslib.es6-340fd43c.js"),require("react"),require("@emotion/react"),require("./index-bdda9ac5.js"),require("./Onboarding-e0bc49b6.js"),require("./isProduction-caf23831.js"),require("./cookieHelper-ad5f2efe.js"),require("./useTranslations-11d21172.js"),require("./translationsContext-77b34459.js"),require("string-format"),require("lodash/debounce"),require("@emotion/styled"),require("./index-d002cf7c.js"),require("@mantine/core"),require("./index-f78caa67.js"),require("./theme-a77c4057.js"),require("./utils-be54ffe5.js"),require("./index-18005712.js"),require("react-loading-skeleton"),require("lodash/shuffle"),require("./useOutsideClick-d81e2ff3.js"),exports.BookingSearchBar=e.BookingSearchBar,exports.CareTypes=e.types,exports.CareConstants=r.constants;

package/build/components/atoms/alert/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CSSProperties } from 'styled-components';
+import { CSSProperties } from 'react';
 export type Props = {
     type: 'success' | 'danger' | 'warning' | 'info';
     contentIcon: JSX.Element;

package/build/components/atoms/avatar/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CSSProperties } from 'styled-components';
+import { CSSProperties } from 'react';
 export type AvatarSize = 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl';
 export type Props = {
     size?: AvatarSize;

package/build/components/atoms/avatar/index.styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type StyledAvatarProps = {
     size?: number;
     backgroundColor?: string;
@@ -5,4 +6,7 @@ export type StyledAvatarProps = {
     width?: number;
     height?: number;
 };
-export declare const StyledAvatar: import("styled-components").StyledComponent<"div", any, StyledAvatarProps, never>;
+export declare const StyledAvatar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & StyledAvatarProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/backdrop/index.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledBackdrop: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledBackdrop: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/badge/index.styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NotificationType, NotificationSize, NotificationColor } from './';
 type StyledProps = {
     notificationType: NotificationType;
@@ -5,5 +6,8 @@ type StyledProps = {
     notificationColor?: NotificationColor;
     hasIcon: boolean;
 };
-export declare const StyledBadge: import("styled-components").StyledComponent<"div", any, StyledProps, never>;
+export declare const StyledBadge: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & StyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/build/components/atoms/borderHeading/index.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledBorderHeading: import("styled-components").StyledComponent<"h4", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledBorderHeading: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;

package/build/components/atoms/btnChoice/index.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/checkbox/index.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledCheckbox: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledCheckbox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/displayWrapper/index.styled.d.ts

@@ -1,4 +1,8 @@
-export declare const StyledDisplayWrapper: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const StyledDisplayWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     lowerBound: number;
     upperBound: number;
-}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/divider/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CSSProperties } from 'styled-components';
+import { CSSProperties } from 'react';
 export type BorderTypes = 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
 export type Props = {
     type: BorderTypes;

package/build/components/atoms/divider/index.styled.d.ts

@@ -1,4 +1,8 @@
+/// <reference types="react" />
 import { BorderTypes } from './';
-export declare const StyledDivider: import("styled-components").StyledComponent<"hr", any, {
+export declare const StyledDivider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     dividerType: BorderTypes;
-}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;

package/build/components/atoms/drawer/helpers.d.ts

@@ -1,2 +1,2 @@
 import { Placement } from '.';
-export declare const generateStyleBasedOnPlacement: (placement: Placement, open: boolean) => import("styled-components").FlattenSimpleInterpolation;
+export declare const generateStyleBasedOnPlacement: (placement: Placement, open: boolean) => import("@emotion/utils").SerializedStyles;

package/build/components/atoms/drawer/index.styled.d.ts

@@ -1,10 +1,20 @@
+/// <reference types="react" />
 import { Placement } from '.';
-export declare const StyledDrawer: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledDrawer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     open: boolean;
-}, never>;
-export declare const StyledDrawerPanel: import("styled-components").StyledComponent<"div", any, {
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDrawerPanel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     placement: Placement;
     open: boolean;
     hasTitle: boolean;
-}, never>;
-export declare const StyledDrawerContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDrawerContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/dropdownMB/index.styled.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const StyledDropDown: import("styled-components").StyledComponent<({ className, value, options, onChange, id, placeholderIcon, placeholder, style, size, groupedWithLabel, disabled, dropdownLabelTrackingAttributes, isNativeSelect, }: import("../../molecules/dropdown").Props) => import("react").JSX.Element, any, {}, never>;
+export declare const StyledDropDown: import("@emotion/styled").StyledComponent<import("../../molecules/dropdown").Props & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/atoms/fileDropdown/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CSSProperties } from 'styled-components';
+import { CSSProperties } from 'react';
 type Option = {
     label: string;
     value: string;

package/build/components/atoms/fileDropdown/index.styled.d.ts

@@ -1,5 +1,21 @@
-export declare const StyledDropdown: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDropdownName: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDropdownList: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const StyledDropdownOption: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledDropdown: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDropdownName: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDropdownList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const StyledDropdownOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const StyledIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/grid/index.styled.d.ts

@@ -1 +1,8 @@
-export declare const StyledGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+import { Props as GridProps } from './index';
+export declare const StyledGrid: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    theme: Partial<GridProps>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/heading/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { CSSProperties } from 'styled-components';
+import { CSSProperties } from 'react';
 export type Props = {
     tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     children: ReactNode;