@hhgtech/hhg-components 1.25.45 → 1.26.1

package/build/babyGrowth.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-83ff3e29.js"),t=require("react"),r=require("./Onboarding-a9752a1e.js"),a=require("./theme-9f4ef46a.js"),l=require("./index-f7bfded7.js"),o=require("styled-components"),n=require("./index-c7be2d69.js"),i=require("./index-5d53b0d7.js"),s=require("./index-7d36a8ef.js"),d=require("./screenSizeContext-7fb4a1fc.js"),c=require("dayjs"),u=require("./useTranslations-67ff5fd7.js");require("lodash/debounce"),require("./isProduction-92a16cc8.js"),require("./index-bb2251e5.js");var C=require("./localizeNumberFormat-1d4c79c3.js"),h=require("./index-8dfa98a1.js"),m=require("./utils-d83c1891.js"),f=require("./index.styled-b140e328.js");require("./gAssets.js"),require("@mantine/core"),require("./index-a5449716.js"),require("./index-7c67b504.js");var y=require("./index-80036992.js");require("./index-563ae4f7.js"),require("./index-1644ad70.js"),require("@mantine/hooks");var p=require("./useOutsideClick-9494c75a.js"),b=require("./tslib.es6-4592208b.js"),g=require("./index-b00ed3b1.js"),w=require("recharts"),x=require("lodash/chunk");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./useUniqueId-cc919dcd.js"),require("./index.styled-1727d883.js"),require("lodash/throttle"),require("./translationsContext-a6d61cf7.js"),require("string-format"),require("@mantine/dates"),require("@mantine/carousel"),require("./index-71c533ab.js"),require("./useScrollbarSize-a4b77979.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-6d03f207.js"),t=require("react"),r=require("./Onboarding-5cc2a17c.js"),a=require("./theme-54f4dde4.js"),l=require("./index-2b99cb56.js"),o=require("@emotion/styled"),n=require("./index-186ea291.js"),i=require("./index-c4aed41e.js"),s=require("./index-47e524cf.js"),d=require("./screenSizeContext-7024419e.js"),c=require("dayjs"),u=require("./useTranslations-dcd5faaf.js");require("lodash/debounce"),require("./isProduction-0fdd7dfe.js"),require("./index-cfb03666.js");var C=require("./localizeNumberFormat-669c1994.js"),h=require("./index-beb9b379.js"),m=require("./utils-d555597e.js"),f=require("./index.styled-4821c538.js");require("./gAssets.js"),require("@mantine/core"),require("./index-90f3fe11.js"),require("./index-7870dbf2.js");var y=require("./index-7b41fe1c.js");require("./index-87604a48.js"),require("@emotion/react"),require("./index-d8e712d6.js"),require("@mantine/hooks");var p=require("./useOutsideClick-8d51030b.js"),b=require("./tslib.es6-d2b93cc7.js"),g=require("./index-19bc87f2.js"),w=require("recharts"),x=require("lodash/chunk");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./useUniqueId-bf27367e.js"),require("./index.styled-b683af18.js"),require("lodash/throttle"),require("./translationsContext-06f43813.js"),require("string-format"),require("@mantine/dates"),require("@mantine/carousel"),require("./index-a5c04582.js"),require("./useScrollbarSize-a5835e05.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;
@@ -272,7 +272,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-7c63d748.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.percentile.monthly-e419807d.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.percentile.yearly-c8c5b4a4.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.percentile.weekly-f63d2676.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.percentile.monthly-b9a3c3f2.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.percentile.yearly-a8f01915.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.percentile.weekly-e0ac72aa.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.percentile.monthly-fd09613b.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.percentile.yearly-48d4a960.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.percentile.weekly-10e04207.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.percentile.monthly-7a282aba.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.percentile.yearly-c4046843.js")}))}},[r.Gender.Girl]:{[r.BabyGrowthChartType.Weight]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.percentile.weekly-bbfe747c.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.percentile.monthly-d8c7ca39.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.percentile.yearly-e8cf12f5.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.percentile.weekly-e8633792.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.percentile.monthly-999072a7.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.percentile.yearly-772dfd42.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.percentile.weekly-c85177d2.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.percentile.monthly-87c64350.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.percentile.yearly-818f3db0.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.percentile.weekly-25ca97f1.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.percentile.monthly-5abf0c52.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.percentile.yearly-40014298.js")}))}}},$={[r.Gender.Boy]:{[r.BabyGrowthChartType.Weight]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.zscore.weekly-49ed1268.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.zscore.monthly-a65cfe7d.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.zscore.yearly-529ab7a9.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.zscore.weekly-abc37373.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.zscore.monthly-2a27f4f4.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.zscore.yearly-28f09a84.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.zscore.weekly-8736363c.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.zscore.monthly-be348b6f.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.zscore.yearly-04fd06a7.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.zscore.weekly-4abfc857.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.zscore.monthly-f1e330d5.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.zscore.yearly-305e1648.js")}))}},[r.Gender.Girl]:{[r.BabyGrowthChartType.Weight]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.zscore.weekly-af37518c.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.zscore.monthly-fcd8eef8.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.zscore.yearly-cbea054d.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.zscore.weekly-8ed92387.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.zscore.monthly-3aa8c643.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.zscore.yearly-c7e8d790.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.zscore.weekly-1e65a0ae.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.zscore.monthly-84b2fca9.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.zscore.yearly-946f07ec.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.zscore.weekly-dd142cd1.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.zscore.monthly-48bee52f.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.zscore.yearly-05198a56.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-94356178.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.percentile.monthly-d4743ffb.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.percentile.yearly-929dea5b.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.percentile.weekly-919f0291.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.percentile.monthly-79277c17.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.percentile.yearly-636e7eba.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.percentile.weekly-c3472d46.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.percentile.monthly-d4e262ae.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.percentile.yearly-a5b8b3d4.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.percentile.weekly-549c1d33.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.percentile.monthly-746896e1.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.percentile.yearly-d50e8a21.js")}))}},[r.Gender.Girl]:{[r.BabyGrowthChartType.Weight]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.percentile.weekly-cfce9dd3.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.percentile.monthly-780275fd.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.percentile.yearly-0246a7d0.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.percentile.weekly-bd91475c.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.percentile.monthly-89ad6e1d.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.percentile.yearly-ceeb123a.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.percentile.weekly-d7a21c52.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.percentile.monthly-60fe6d37.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.percentile.yearly-0cb40c20.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.percentile.weekly-32642a7e.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.percentile.monthly-96a83d9b.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.percentile.yearly-5ec13e0d.js")}))}}},$={[r.Gender.Boy]:{[r.BabyGrowthChartType.Weight]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.zscore.weekly-2952a5e8.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.zscore.monthly-9a933ddc.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_BOYS.zscore.yearly-24e14384.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.zscore.weekly-ff1bc0e5.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.zscore.monthly-696ef787.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_BOYS.zscore.yearly-e66a6289.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.zscore.weekly-0dfa5861.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.zscore.monthly-a1294242.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_BOYS.zscore.yearly-159842e3.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.zscore.weekly-19b01c4b.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.zscore.monthly-754b03bc.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_BOYS.zscore.yearly-cad5ae00.js")}))}},[r.Gender.Girl]:{[r.BabyGrowthChartType.Weight]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.zscore.weekly-7f012807.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.zscore.monthly-140a87f3.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./WEIGHT_GIRLS.zscore.yearly-862904f4.js")}))},[r.BabyGrowthChartType.Height]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.zscore.weekly-2ce2be45.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.zscore.monthly-541ab88d.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEIGHT_GIRLS.zscore.yearly-73cb3fab.js")}))},[r.BabyGrowthChartType.Head]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.zscore.weekly-0c1bacc1.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.zscore.monthly-bd617e3a.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./HEAD CIRCUM_GIRLS.zscore.yearly-53157746.js")}))},[r.BabyGrowthChartType.BMI]:{[r.BabyGrowthChartDuration.Weekly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.zscore.weekly-bd13140b.js")})),[r.BabyGrowthChartDuration.Monthly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.zscore.monthly-2f2da50f.js")})),[r.BabyGrowthChartDuration.Yearly]:()=>Promise.resolve().then((function(){return require("./BMI_GIRLS.zscore.yearly-8d180e01.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-7964667c.js");require("./tslib.es6-4592208b.js"),require("./isProduction-92a16cc8.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-55389834.js");require("./tslib.es6-d2b93cc7.js"),require("./isProduction-0fdd7dfe.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,28 @@
 /// <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 }: {
+import { ThemeProps } from 'misc/theme';
+export declare const StyledLocationResultsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, 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-8a958d33.js"),r=require("./constants-8e23acc5.js");require("./tslib.es6-4592208b.js"),require("react"),require("./index-bb2251e5.js"),require("./Onboarding-a9752a1e.js"),require("./isProduction-92a16cc8.js"),require("./cookieHelper-1befca91.js"),require("./useTranslations-67ff5fd7.js"),require("./translationsContext-a6d61cf7.js"),require("string-format"),require("lodash/debounce"),require("./index-71c533ab.js"),require("@mantine/core"),require("./index-a5449716.js"),require("./utils-d83c1891.js"),require("styled-components"),require("./index-f7bfded7.js"),require("./theme-9f4ef46a.js"),require("react-loading-skeleton"),require("lodash/shuffle"),require("./useOutsideClick-9494c75a.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-ccf3d3fe.js"),r=require("./constants-df00bbe8.js");require("./tslib.es6-d2b93cc7.js"),require("react"),require("@emotion/react"),require("./index-cfb03666.js"),require("./Onboarding-5cc2a17c.js"),require("./isProduction-0fdd7dfe.js"),require("./cookieHelper-ec53b348.js"),require("./useTranslations-dcd5faaf.js"),require("./translationsContext-06f43813.js"),require("string-format"),require("lodash/debounce"),require("@emotion/styled"),require("./index-a5c04582.js"),require("@mantine/core"),require("./index-90f3fe11.js"),require("./theme-54f4dde4.js"),require("./utils-d555597e.js"),require("./index-2b99cb56.js"),require("react-loading-skeleton"),require("lodash/shuffle"),require("./useOutsideClick-8d51030b.js"),require("dayjs"),require("./screenSizeContext-7024419e.js"),require("lodash/throttle"),require("./gAssets.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,5 @@
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
 import { NotificationType, NotificationSize, NotificationColor } from './';
 type StyledProps = {
     notificationType: NotificationType;
@@ -5,5 +7,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 & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

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

@@ -1 +1,6 @@
-export declare const StyledBorderHeading: import("styled-components").StyledComponent<"h4", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledBorderHeading: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, 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,6 @@
-export declare const StyledCheckbox: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledCheckbox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, 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,4 @@
-/// <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>;
+import { ThemeProps } from "../../../misc";
+export declare const StyledDropDown: import("@emotion/styled").StyledComponent<import("../../molecules/dropdown").Props & {
+    theme?: import("@emotion/react").Theme;
+} & ThemeProps, {}, {}>;

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,22 @@
-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" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledDropdown: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, 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>;
+} & ThemeProps, 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>;
+} & ThemeProps, 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>;
+} & ThemeProps, 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;

package/build/components/atoms/icons/Plus.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 import { IconProps } from '.';
-export declare const StyledSVG: import("styled-components").StyledComponent<"svg", any, {}, never>;
+export declare const StyledSVG: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+}, React.SVGProps<SVGSVGElement>, {}>;
 declare const Plus: React.FC<IconProps>;
 export default Plus;