@hhgtech/hhg-components 1.25.41 → 1.25.43

package/build/pwg.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-b2e3732e.js"),a=require("./index-89f33f25.js"),r=require("./index-903287fd.js"),l=require("./useTranslations-ee8c85d8.js"),n=require("./theme-66e2ab49.js"),o=require("recharts"),i=require("./index-8260140e.js"),s=require("./useOutsideClick-82010c15.js"),c=require("styled-components"),d=require("./tslib.es6-3d6186da.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-37e69970.js"),require("./Onboarding-ef89eddc.js"),require("./index.styled-8ee467cb.js"),require("./gAssets.js"),require("./index-89675e20.js"),require("./isProduction-019b0579.js"),require("./index-84d40fa6.js"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks"),require("./translationsContext-c66947a5.js"),require("string-format");var m=u(e),f=u(c);const p=({weightByWeek:e,weightBefore:t,toolTipLabel:a,status:r,activeWeek:l,t:n})=>{const o=n(`bmi.result.${r}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===l?{toolTipLabel:a,translatedStatus:o,status:r}:{})))},g=e=>{const{x:t,y:a,payload:r,activeWeek:l}=e;return l===r.value?m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?n.theme.mbColors.pink:n.theme.colors.primaryBase}),m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},r.value)):m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},r.value))},h=f.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-19088502.js"),a=require("./index-ffea266b.js"),r=require("./index-3c4f6ab4.js"),l=require("./useTranslations-6a7d40fe.js"),n=require("./theme-eb8f3410.js"),o=require("recharts"),i=require("./index-1e228d03.js"),s=require("./useOutsideClick-6ccca87c.js"),c=require("styled-components"),d=require("./tslib.es6-e2fc843d.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-49d57363.js"),require("./Onboarding-15149402.js"),require("./index.styled-c911bac1.js"),require("./gAssets.js"),require("./index-2f7461c1.js"),require("./isProduction-5e1dfd6c.js"),require("./index-26bf16a5.js"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks"),require("./translationsContext-40208f0c.js"),require("string-format");var m=u(e),f=u(c);const p=e=>{const{x:t,y:a,payload:r,activeWeek:l}=e;return l===r.value?m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?n.theme.mbColors.pink:n.theme.colors.primaryBase}),m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},r.value)):m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},r.value))},g=f.default.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;
@@ -32,7 +32,7 @@
     border-radius: 2px;
     background: #ffffff;
   }
-`,y=f.default.div`
+`,h=f.default.div`
   position: relative;
   width: 100%;
   .custom-chart-label {
@@ -45,7 +45,7 @@
     display: flex;
     justify-content: space-between;
   }
-`,x=f.default.div`
+`,y=f.default.div`
   display: flex;
   gap: 40px;
   justify-content: center;
@@ -55,7 +55,7 @@
     align-items: center;
     gap: 4px;
   }
-`,b=[{name:"overweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"underweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"healthy",backgroundColor:n.theme.colors.green50,color:n.theme.colors.green900}],E=t=>{var r,l,o,i,s;const{payload:c,active:d}=t,u=null===(r=null==c?void 0:c[0])||void 0===r?void 0:r.payload;if(!u||!u.toolTipLabel||!d)return null;const{backgroundColor:f,color:p}=e.useMemo((()=>b.find((e=>e.name===u.status))),[null==u?void 0:u.status]);return m.default.createElement(h,null,m.default.createElement("div",null,null===(l=u.toolTipLabel)||void 0===l?void 0:l[0]," ",null===(o=u.toolTipLabel)||void 0===o?void 0:o[1]),m.default.createElement("div",null,(null===(i=u.toolTipLabel)||void 0===i?void 0:i[2])&&m.default.createElement(a.Text,{as:"span",size:"s3",color:n.theme.colors.gray800,type:"semiBold"},null===(s=u.toolTipLabel)||void 0===s?void 0:s[2]),m.default.createElement("div",{className:"risk",style:{backgroundColor:f}},m.default.createElement(a.Text,{size:"n1",color:p},u.translatedStatus))))},k=({weightBefore:r,weightByWeek:c,activeWeek:d,currentWeight:u,toolTipLabel:f=[],status:h,withLine:x=!1,siteType:b})=>{const{t:k}=l.useTranslations(),v="marryBaby"===b,w=e.useMemo((()=>p({weightByWeek:c,weightBefore:r,toolTipLabel:f,status:h,activeWeek:d,t:k})),[c,r,f,h,d]),[T,C]=e.useState(!1),j=e.useRef(null);return s.useOutsideClick(j,(()=>C(!1))),m.default.createElement(y,null,v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark}," ",k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")),Array.isArray(w)&&w.length>0&&m.default.createElement(y,null,m.default.createElement(o.ResponsiveContainer,{height:388,className:"chart"},m.default.createElement(o.AreaChart,{data:w,margin:{top:16,right:0,left:0}},m.default.createElement(o.CartesianGrid,{stroke:n.theme.colors.neutral100}),m.default.createElement(o.Tooltip,{trigger:"click",content:e=>m.default.createElement(E,Object.assign({active:!x&&T&&void 0!==d&&void 0!==u},e))}),m.default.createElement(o.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:e=>m.default.createElement(g,Object.assign({},e,{activeWeek:d,siteType:b})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),m.default.createElement(o.YAxis,{domain:[e=>Math.max(e,r-10||e),e=>Math.max(e,r+20||e)],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:e=>String(Math.round(100*(e+Number.EPSILON))/100),tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:n.theme.colors.gray600}}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:v?n.theme.mbColors.tonePink:n.theme.colors.primary100}),void 0!==d&&void 0!==u&&m.default.createElement(o.ReferenceDot,{onClick:()=>C(!0),x:0===d?1:d,y:u,r:4,shape:m.default.createElement(i.CustomReferenceDot,{ref:j,r:4}),fill:v?n.theme.mbColors.pink:n.theme.colors.primaryBase,stroke:v?n.theme.mbColors.pink:n.theme.colors.primaryBase}))),m.default.createElement("div",{className:"custom-chart-label"},m.default.createElement("i",null),v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},k("pregnancy.week")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("pregnancy.week")))))},v=e=>{var{color:t}=e,a=d.__rest(e,["color"]);return m.default.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),m.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:t||n.theme.colors.primaryBase}))},w=({idealWeight:e,siteType:r})=>{const{t:o}=l.useTranslations(),i="marryBaby"===r;return m.default.createElement(x,null,m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.lightPink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pregnancyTool.weightSuggested")," ",m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.colors.primary100}),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},m.default.createElement(a.Text,{size:"n1",as:"span"},o("pregnancyTool.weightSuggested")," "),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e)))),m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.pink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pwg.placeholder.weight"))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,null),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},o("pwg.placeholder.weight")))))},T=f.default.div`
+`,x=[{name:"overweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"underweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"healthy",backgroundColor:n.theme.colors.green50,color:n.theme.colors.green900}],b=t=>{var r,l,o,i,s;const{payload:c,active:d}=t,u=null===(r=null==c?void 0:c[0])||void 0===r?void 0:r.payload;if(!u||!u.toolTipLabel||!d)return null;const{backgroundColor:f,color:p}=e.useMemo((()=>x.find((e=>e.name===u.status))),[null==u?void 0:u.status]);return m.default.createElement(g,null,m.default.createElement("div",null,null===(l=u.toolTipLabel)||void 0===l?void 0:l[0]," ",null===(o=u.toolTipLabel)||void 0===o?void 0:o[1]),m.default.createElement("div",null,(null===(i=u.toolTipLabel)||void 0===i?void 0:i[2])&&m.default.createElement(a.Text,{as:"span",size:"s3",color:n.theme.colors.gray800,type:"semiBold"},null===(s=u.toolTipLabel)||void 0===s?void 0:s[2]),m.default.createElement("div",{className:"risk",style:{backgroundColor:f}},m.default.createElement(a.Text,{size:"n1",color:p},u.translatedStatus))))},E=({weightByWeek:e,weightBefore:t,toolTipLabel:a,status:r,activeWeek:l,t:n})=>{const o=n(`bmi.result.${r}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===l?{toolTipLabel:a,translatedStatus:o,status:r}:{})))},k=({weightBefore:r,weightByWeek:c,activeWeek:d,currentWeight:u,toolTipLabel:f=[],status:g,withLine:y=!1,siteType:x})=>{const{t:k}=l.useTranslations(),v="marryBaby"===x,w=e.useMemo((()=>E({weightByWeek:c,weightBefore:r,toolTipLabel:f,status:g,activeWeek:d,t:k})),[c,r,f,g,d]),[T,C]=e.useState(!1),j=e.useRef(null);return s.useOutsideClick(j,(()=>C(!1))),m.default.createElement(h,null,v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark}," ",k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")),Array.isArray(w)&&w.length>0&&m.default.createElement(h,null,m.default.createElement(o.ResponsiveContainer,{height:388,className:"chart"},m.default.createElement(o.AreaChart,{data:w,margin:{top:16,right:0,left:0}},m.default.createElement(o.CartesianGrid,{stroke:n.theme.colors.neutral100}),m.default.createElement(o.Tooltip,{trigger:"click",content:e=>m.default.createElement(b,Object.assign({active:!y&&T&&void 0!==d&&void 0!==u},e))}),m.default.createElement(o.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:e=>m.default.createElement(p,Object.assign({},e,{activeWeek:d,siteType:x})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),m.default.createElement(o.YAxis,{domain:[e=>Math.max(e,r-10||e),e=>Math.max(e,r+20||e)],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:e=>String(Math.round(100*(e+Number.EPSILON))/100),tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:n.theme.colors.gray600}}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:v?n.theme.mbColors.tonePink:n.theme.colors.primary100}),void 0!==d&&void 0!==u&&m.default.createElement(o.ReferenceDot,{onClick:()=>C(!0),x:0===d?1:d,y:u,r:4,shape:m.default.createElement(i.CustomReferenceDot,{ref:j,r:4}),fill:v?n.theme.mbColors.pink:n.theme.colors.primaryBase,stroke:v?n.theme.mbColors.pink:n.theme.colors.primaryBase}))),m.default.createElement("div",{className:"custom-chart-label"},m.default.createElement("i",null),v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},k("pregnancy.week")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("pregnancy.week")))))},v=e=>{var{color:t}=e,a=d.__rest(e,["color"]);return m.default.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),m.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:t||n.theme.colors.primaryBase}))},w=({idealWeight:e,siteType:r})=>{const{t:o}=l.useTranslations(),i="marryBaby"===r;return m.default.createElement(y,null,m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.lightPink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pregnancyTool.weightSuggested")," ",m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.colors.primary100}),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},m.default.createElement(a.Text,{size:"n1",as:"span"},o("pregnancyTool.weightSuggested")," "),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e)))),m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.pink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pwg.placeholder.weight"))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,null),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},o("pwg.placeholder.weight")))))},T=f.default.div`
   display: flex;
   flex-direction: column;
   align-items: center;

package/build/{routing-47d2a8ab.js → routing-292cac37.js}

@@ -1 +1 @@
-"use strict";var e=require("./index-89675e20.js"),o=require("./isProduction-019b0579.js");exports.getCareApiDomain=()=>process.env.UNIFY_CARE_API||`https://${o.isProduction?"health-care.":"service-health-care."}hellohealthgroup.com`,exports.getCurrentBaseUrl=(t,r)=>{if("undefined"!=typeof window)return window.location.origin;const s="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,i=!s&&!o.isProduction;return s?"http://localhost:3000":`https://${i?r?"fe.":"discover.":r?"www.":""}${e.domainLocales[r?"vi-VN_MB":t]}`},exports.getCurrentSsoUrl=(t,r)=>process.env.UNIFY_SSO_API||`https://${o.isProduction?"id.":"staging-id."}${e.domainLocales[r?"vi-VN_MB":t]}`,exports.getDiscoverApiDomain=t=>process.env.UNIFY_DISCOVER_API||`https://${o.isProduction?"wp.":"staging."}${e.domainLocales[t]}`,exports.getTogetherApiDomain=()=>process.env.UNIFY_TOGETHER_API||`https://${o.isProduction?"together.":"staging-together."}hellohealthgroup.com`;
+"use strict";var e=require("./index-2f7461c1.js"),o=require("./isProduction-5e1dfd6c.js");exports.getCareApiDomain=()=>process.env.UNIFY_CARE_API||`https://${o.isProduction?"health-care.":"service-health-care."}hellohealthgroup.com`,exports.getCurrentBaseUrl=(t,r)=>{if("undefined"!=typeof window)return window.location.origin;const s="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,i=!s&&!o.isProduction;return s?"http://localhost:3000":`https://${i?r?"fe.":"discover.":r?"www.":""}${e.domainLocales[r?"vi-VN_MB":t]}`},exports.getCurrentSsoUrl=(t,r)=>process.env.UNIFY_SSO_API||`https://${o.isProduction?"id.":"staging-id."}${e.domainLocales[r?"vi-VN_MB":t]}`,exports.getDiscoverApiDomain=t=>process.env.UNIFY_DISCOVER_API||`https://${o.isProduction?"wp.":"staging."}${e.domainLocales[t]}`,exports.getTogetherApiDomain=()=>process.env.UNIFY_TOGETHER_API||`https://${o.isProduction?"together.":"staging-together."}hellohealthgroup.com`;

package/build/screenSizeContext-3c011e3c.js

@@ -0,0 +1,81 @@
+"use strict";var e=require("styled-components"),t=require("react"),r=require("lodash/throttle"),s=require("./utils-68beb64c.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t),o=i(r);const a=e.keyframes`
+from {
+  transform: translate3d(0, 100%, 0);
+  visibility: visible;
+}
+
+to {
+  transform: translate3d(0, 0, 0);
+}
+`,d=e.keyframes`
+from {
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`,l=e.keyframes`
+ from {
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`,f=e.keyframes`
+ from {
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`,m=e.keyframes`
+from {
+  transform: translate3d(0, 0, 0);
+}
+
+to {
+  visibility: hidden;
+  transform: translate3d(0, 100%, 0);
+}
+`,p=e.keyframes`
+from {
+  transform: translate3d(0, 0, 0);
+}
+
+to {
+  visibility: hidden;
+  transform: translate3d(-100%, 0, 0);
+}
+`,u=e.keyframes`
+from {
+  transform: translate3d(0, 0, 0);
+}
+
+to {
+  visibility: hidden;
+  transform: translate3d(100%, 0, 0);
+}
+`,y=e.keyframes`
+ from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(0, -100%, 0);
+  }
+`,c=e.keyframes`
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+`,B=t.createContext({isInit:!0}),b=e=>{const t=(e=>"number"==typeof e?e:"undefined"!=typeof window&&window.innerWidth||0)(e);return{smallMobile:t<s.Breakpoints.BREAK_POINT_SMALL_MOBILE,mobile:t>=s.Breakpoints.BREAK_POINT_SMALL_MOBILE&&t<s.Breakpoints.BREAK_POINT_MOBILE,tablet:t>=s.Breakpoints.BREAK_POINT_MOBILE&&t<s.Breakpoints.BREAK_POINT_TABLET,pc:t>=s.Breakpoints.BREAK_POINT_TABLET&&t<s.Breakpoints.BREAK_POINT_PC,xl:t>=s.Breakpoints.BREAK_POINT_PC}};exports.ScreenSizeContext=B,exports.ScreenSizeContextProvider=({children:e})=>{const[r,s]=t.useState((()=>({isInit:!0})));t.useEffect((()=>{const e=o.default((()=>{s({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const i=t.useMemo((()=>b(r.width)),[r.width]);return n.default.createElement(B.Provider,{value:Object.assign(Object.assign({},r),{sizeGroups:i})},e)},exports.fadeIn=c,exports.getWindowSizeGroups=b,exports.slideInDown=d,exports.slideInLeft=l,exports.slideInRight=f,exports.slideInUp=a,exports.slideOutDown=m,exports.slideOutLeft=p,exports.slideOutRight=u,exports.slideOutUp=y;

package/build/test/testTranslationProvider.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare function TestTranslationProvider({ children }: {
     children: any;
-}): JSX.Element;
+}): React.JSX.Element;

package/build/together/components/atoms/cardLink/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     title?: string;
     url: string;
@@ -8,5 +8,5 @@ export type Props = {
     noRefetch?: boolean;
     style?: CSSProperties;
 };
-declare const CardLink: ({ title, url, image, logo, className, style, noRefetch, }: Props) => JSX.Element;
+declare const CardLink: ({ title, url, image, logo, className, style, noRefetch, }: Props) => React.JSX.Element;
 export { CardLink };

package/build/together/components/atoms/cardReactions/element/index.d.ts

@@ -1,8 +1,8 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
 export type Props = {
     children?: ReactNode;
 } & HTMLAttributes<HTMLDivElement>;
-declare const LikeWrapper: ({ children, className }: Props) => JSX.Element;
-declare const ShareWrapper: ({ children, className }: Props) => JSX.Element;
-declare const CommentWrapper: ({ children, className }: Props) => JSX.Element;
+declare const LikeWrapper: ({ children, className }: Props) => React.JSX.Element;
+declare const ShareWrapper: ({ children, className }: Props) => React.JSX.Element;
+declare const CommentWrapper: ({ children, className }: Props) => React.JSX.Element;
 export { LikeWrapper, ShareWrapper, CommentWrapper };

package/build/together/components/atoms/cardReactions/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 export declare enum CardReactionType {
     post = 1,
     reply = 2
@@ -26,9 +26,9 @@ export type Props = {
     children?: ReactNode;
 };
 declare const CardReactions: {
-    ({ type, loveCount, replyCount, replyPadding, liked, isReplied, onCommentClick, onLikeClick, onCommentCountClick, onShareClick, className, style, hideCommentIcon, showingMostEngaging, isMarryBaby: isMarryBabyInit, hasShare, hasCountLike, trackingCategory, trackingLabel, children, ...rest }: Props): JSX.Element;
-    LikeWrapper: ({ children, className }: import("./element").Props) => JSX.Element;
-    ShareWrapper: ({ children, className }: import("./element").Props) => JSX.Element;
-    CommentWrapper: ({ children, className }: import("./element").Props) => JSX.Element;
+    ({ type, loveCount, replyCount, replyPadding, liked, isReplied, onCommentClick, onLikeClick, onShareClick, className, style, hideCommentIcon, showingMostEngaging, isMarryBaby: isMarryBabyInit, hasShare, hasCountLike, trackingCategory, trackingLabel, children, ...rest }: Props): React.JSX.Element;
+    LikeWrapper: ({ children, className }: import("./element").Props) => React.JSX.Element;
+    ShareWrapper: ({ children, className }: import("./element").Props) => React.JSX.Element;
+    CommentWrapper: ({ children, className }: import("./element").Props) => React.JSX.Element;
 };
 export { CardReactions };

package/build/together/components/atoms/labelSortPin/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 export type Props = {
     label: ReactNode;
     rightLabel?: ReactNode;
@@ -7,5 +7,5 @@ export type Props = {
     className?: string;
     style?: CSSProperties;
 };
-declare const LabelSortPin: ({ label, rightLabel, onClick, color, className, style, }: Props) => JSX.Element;
+declare const LabelSortPin: ({ label, rightLabel, onClick, color, className, style, }: Props) => React.JSX.Element;
 export { LabelSortPin };

package/build/together/components/atoms/labelSortPin/labelPin.d.ts

@@ -1,9 +1,9 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     onClick?: () => void;
     color?: 'gray' | 'white';
     className?: string;
     style?: CSSProperties;
 };
-declare const LabelPin: ({ onClick, color, className, style }: Props) => JSX.Element;
+declare const LabelPin: ({ onClick, color, className, style }: Props) => React.JSX.Element;
 export { LabelPin };

package/build/together/components/atoms/labelSortPin/labelSorting.d.ts

@@ -18,7 +18,7 @@ export type Props = {
     value?: LabelSortingValue;
     choices?: ChoiceItem[];
 };
-export declare const LabelSorting: ({ onChange, className, style, leftLabel, rightLabel, color, value, choices, }: Props) => JSX.Element;
+export declare const LabelSorting: ({ onChange, className, style, leftLabel, rightLabel, color, value, choices, }: Props) => React.JSX.Element;
 export declare const useSortChoices: (choices: ChoiceItem[]) => {
     setSortChoiceValue: React.Dispatch<React.SetStateAction<LabelSortingValue>>;
     selectedSortChoice: ChoiceItem;

package/build/together/components/atoms/loading/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     size?: 'lg' | 'md' | 'sm';
     className?: string;
 };
-declare const Loading: ({ className, size }: Props) => JSX.Element;
+declare const Loading: ({ className, size }: Props) => React.JSX.Element;
 export { Loading };

package/build/together/components/atoms/loading/loadingCard.d.ts

@@ -1,7 +1,7 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     className?: string;
     style?: CSSProperties;
 };
-declare const LoadingCard: ({ className, style }: Props) => JSX.Element;
+declare const LoadingCard: ({ className, style }: Props) => React.JSX.Element;
 export { LoadingCard };

package/build/together/components/atoms/notificationBar/index.d.ts

@@ -5,5 +5,5 @@ export type Props = {
     bgColor?: string;
     highlightColor?: string;
 };
-declare const NotificationBar: ({ icon, bgColor, highlightColor, message, ...rest }: Props) => JSX.Element;
+declare const NotificationBar: ({ icon, bgColor, highlightColor, message, ...rest }: Props) => React.JSX.Element;
 export { NotificationBar };

package/build/together/components/atoms/sensitiveMask/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     image: string;
     isLineDrop?: boolean;
@@ -8,5 +8,5 @@ export type Props = {
     hideTitle?: boolean;
     hideButton?: boolean;
 };
-declare const SensitiveMask: ({ image, showIcon }: Props) => JSX.Element;
+declare const SensitiveMask: ({ image, showIcon }: Props) => React.JSX.Element;
 export { SensitiveMask };

package/build/together/components/atoms/tagTopic/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { DefaultProps, Selectors } from '@mantine/core';
 import { Topic } from '../../../interfaces/types';
 type MyComponentStylesNames = Selectors<typeof useStyles>;
@@ -15,5 +15,5 @@ declare const useStyles: (params: void, options?: import("@mantine/core").UseSty
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;
 };
-declare const TagTopic: ({ topics, onClick, className, style, trackingCategory, locale, classNames, styles, unstyled, ...rest }: TagTopicProps) => JSX.Element;
+declare const TagTopic: ({ topics, onClick, className, style, trackingCategory, locale, classNames, styles, unstyled, ...rest }: TagTopicProps) => React.JSX.Element;
 export { TagTopic };

package/build/together/components/atoms/userAvatar/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, HTMLAttributes } from 'react';
+import React, { CSSProperties, HTMLAttributes } from 'react';
 export type Props = {
     size?: number;
     style?: CSSProperties;
@@ -7,5 +7,5 @@ export type Props = {
     username?: string;
     isMarryBaby?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
-declare const UserAvatar: ({ className, isMarryBaby: isMarryBabyProp, style, avatar, username, size, ...rest }: Props) => JSX.Element;
+declare const UserAvatar: ({ className, isMarryBaby: isMarryBabyProp, style, avatar, username, size, ...rest }: Props) => React.JSX.Element;
 export { UserAvatar };

package/build/together/components/molecules/cardAuthor/index.d.ts

@@ -1,10 +1,10 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
 import { DefaultProps, Selectors } from '@mantine/core';
 import { DataTrackingType, SiteType } from "../../../../interfaces/types";
+import useStyles from './index.styles';
 import { Community, Role } from '../../../interfaces/types';
 import { Props as UserAvatarProps } from '../../atoms/userAvatar';
 import type { ProfileDetailProps } from '../profileDetail';
-import useStyles from './index.styles';
 type MyComponentStylesNames = Selectors<typeof useStyles>;
 export interface Props extends DefaultProps<MyComponentStylesNames, HTMLAttributes<HTMLDivElement>> {
     userId?: number | string;
@@ -51,13 +51,13 @@ export type CardAuthorContextProps = {
     currentUrl: string;
 };
 declare const CardAuthor: {
-    (props: Props): JSX.Element;
+    (props: Props): React.JSX.Element;
     BookingBtn: ({ siteType }: {
         siteType?: SiteType;
-    }) => JSX.Element;
-    MainText: ({ children, className }: import("../../../../components/ui/cardAuthor/element").Props) => JSX.Element;
-    SubText: ({ children, className }: import("../../../../components/ui/cardAuthor/element").Props) => JSX.Element;
-    SubTextRow: ({ children, className }: import("../../../../components/ui/cardAuthor/element").Props) => JSX.Element;
-    SubDivider: ({ className }: import("../../../../components/ui/cardAuthor/element").Props) => JSX.Element;
+    }) => React.JSX.Element;
+    MainText: ({ children, className }: import("../../../../components/ui/cardAuthor/element").Props) => React.JSX.Element;
+    SubText: ({ children, className }: import("../../../../components/ui/cardAuthor/element").Props) => React.JSX.Element;
+    SubTextRow: ({ children, className }: import("../../../../components/ui/cardAuthor/element").Props) => React.JSX.Element;
+    SubDivider: ({ className }: import("../../../../components/ui/cardAuthor/element").Props) => React.JSX.Element;
 };
 export { CardAuthor };

package/build/together/components/molecules/createNewPostContent/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { Community, Post, Topic } from '../../../interfaces/types';
 export type Props = {
     className?: string;
@@ -18,4 +18,4 @@ export type Props = {
     selectAskDoctor?: boolean;
     showAskDoctorOptions?: boolean;
 };
-export declare const CreateNewPostContent: ({ className, style, onPostCreatedEdited, onClose, communities, forceSelectCommunity, forceSelectTopics, articleId, optionalTopic, editPostData, defaultCommunity, defaultTopics, noFetchTopic, hideTopicList, selectAskDoctor, showAskDoctorOptions, }: Props) => JSX.Element;
+export declare const CreateNewPostContent: ({ className, style, onPostCreatedEdited, onClose, communities, forceSelectCommunity, forceSelectTopics, articleId, optionalTopic, editPostData, defaultCommunity, defaultTopics, noFetchTopic, hideTopicList, selectAskDoctor, showAskDoctorOptions, }: Props) => React.JSX.Element;

package/build/together/components/molecules/createPostDescription/editor.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     html?: string;
     onChange?: (s: string) => void;
@@ -16,5 +16,5 @@ export type Props = {
     setEditorRef?: (editor: HTMLElement) => void;
     isReplying?: boolean;
 };
-export declare const RichTextEditor: ({ html, onChange, className, style, onImagePickerClick, bannedWords, onInvalidUrlsChange, onPreviewUrlChange, setEditorRef, isReplying, }: Props) => JSX.Element;
+export declare const RichTextEditor: ({ html, onChange, className, style, onImagePickerClick, bannedWords, onInvalidUrlsChange, onPreviewUrlChange, setEditorRef, isReplying, }: Props) => React.JSX.Element;
 export default RichTextEditor;

package/build/together/components/molecules/createPostDescription/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     className?: string;
     style?: CSSProperties;
@@ -16,4 +16,4 @@ export type Props = {
     onImageFilesChange?: (v: (File | string)[]) => void;
     isReplying?: boolean;
 };
-export declare const CreatePostDescription: ({ className, style, bannedWords, value, onChange, onPreviewUrlChange, onInvalidUrlsChange, onImageFilesChange, imageFiles: imageFilesProp, isReplying, }: Props) => JSX.Element;
+export declare const CreatePostDescription: ({ className, style, bannedWords, value, onChange, onPreviewUrlChange, onInvalidUrlsChange, onImageFilesChange, imageFiles: imageFilesProp, isReplying, }: Props) => React.JSX.Element;

package/build/together/components/molecules/createPostTitle/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     className?: string;
     style?: CSSProperties;
@@ -6,4 +6,4 @@ export type Props = {
     value?: string;
     onChange?: (v: string) => void;
 };
-export declare const CreatePostTitle: ({ className, style, bannedWords, value, onChange, }: Props) => JSX.Element;
+export declare const CreatePostTitle: ({ className, style, bannedWords, value, onChange, }: Props) => React.JSX.Element;

package/build/together/components/molecules/inputCommentBar/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { Comment, Post, UserInfo } from '../../../interfaces/types';
 export type Props = {
     className?: string;
@@ -15,5 +15,5 @@ export type Props = {
     isReply?: boolean;
     isMarryBaby?: boolean;
 };
-declare const InputCommentBar: ({ isReply, className, onClose, replyToName, style, replyingId, replyingUser, onPostSuccess, isMainCmt, post, isMarryBaby: isMarryBabyProp, }: Props) => JSX.Element;
+declare const InputCommentBar: ({ isReply, className, onClose, replyToName, style, replyingId, replyingUser, onPostSuccess, post, isMarryBaby: isMarryBabyProp, }: Props) => React.JSX.Element;
 export { InputCommentBar };

package/build/together/components/molecules/inputCommentBar/mainInputTriggerContext.d.ts

@@ -6,4 +6,4 @@ export type Context = {
 export declare const MainInputTriggerContext: React.Context<Context>;
 export declare const MainInputTriggerContextProvider: ({ children, }: {
     children?: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/together/components/molecules/popupDoctor/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType } from "../../../../interfaces/types";
 import { DoctorInfo } from "../../../interfaces/types";
 export type Props = {
@@ -12,5 +12,5 @@ export type Props = {
     avatarFallback?: string;
     trackingCategory?: string;
 };
-declare const PopupDoctor: ({ isOpen, onClose, enableAnimation, doctorId, locale, isMobile, overwriteProfileProps, avatarFallback, trackingCategory, }: Props) => JSX.Element;
+declare const PopupDoctor: ({ isOpen, onClose, enableAnimation, doctorId, locale, isMobile, overwriteProfileProps, avatarFallback, trackingCategory, }: Props) => React.JSX.Element;
 export { PopupDoctor };

package/build/together/components/molecules/popupExpert/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type Experience = {
     title: string;
     organization: string;
@@ -25,5 +25,5 @@ export type Props = {
     overwriteProfileProps?: ExpertInfo;
     avatarFallback?: string;
 };
-declare const PopupExpert: ({ trackingCategory, locale, isOpen, onClose, enableAnimation, expertId, overwriteProfileProps, avatarFallback, }: Props) => JSX.Element;
+declare const PopupExpert: ({ trackingCategory, locale, isOpen, onClose, enableAnimation, expertId, overwriteProfileProps, avatarFallback, }: Props) => React.JSX.Element;
 export { PopupExpert };

package/build/together/components/molecules/popupFrame/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 export type Props = {
     className?: string;
     style?: CSSProperties;
@@ -9,4 +9,4 @@ export type Props = {
     hasFullscreen?: boolean;
     onClose?: () => void;
 };
-export declare const PopupFrame: ({ className, style, closeIcon, heading, children, isOpen, hasFullscreen, onClose, }: Props) => JSX.Element;
+export declare const PopupFrame: ({ className, style, closeIcon, heading, children, isOpen, hasFullscreen, onClose, }: Props) => React.JSX.Element;

package/build/together/components/molecules/popupFrame/popupShare.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     trackingCategory?: string;
     className?: string;
@@ -8,5 +8,5 @@ export type Props = {
     text?: string;
     onClose?: () => void;
 };
-export declare const SharePopup: ({ trackingCategory, className, style, url, avatar, text, onClose, }: Props) => JSX.Element;
+export declare const SharePopup: ({ trackingCategory, className, style, url, avatar, text, onClose, }: Props) => React.JSX.Element;
 export declare const StyledSharePopup: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/together/components/molecules/popupHospital/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType } from "../../../../interfaces/types";
 export type Specialy = {
     id: string;
@@ -29,5 +29,5 @@ export type Props = {
     avatarFallback?: string;
     trackingCategory?: string;
 };
-declare const PopupHospital: ({ isOpen, onClose, enableAnimation, hospitalId, locale, isMobile, overwriteProfileProps, avatarFallback, trackingCategory, }: Props) => JSX.Element;
+declare const PopupHospital: ({ isOpen, onClose, enableAnimation, hospitalId, locale, isMobile, overwriteProfileProps, avatarFallback, trackingCategory, }: Props) => React.JSX.Element;
 export { PopupHospital };

package/build/together/components/molecules/postContent/index.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, MouseEventHandler } from 'react';
+import React, { HTMLAttributes, MouseEventHandler } from 'react';
 import { DefaultProps, Selectors } from '@mantine/core';
 import { UserInfo } from 'together/interfaces/types';
 import useStyles from './index.styles';
@@ -18,5 +18,5 @@ export interface Props extends DefaultProps<MyComponentStylesNames, HTMLAttribut
     hideShowAllBtn?: boolean;
     onClick?: MouseEventHandler<HTMLDivElement>;
 }
-export declare const PostContent: ({ trackingCategory, url, className, style, replyingTo, mentionedUser, description: rawDescription, disableShortenContent, mentions, maxChars, hideShowAllBtn, styles, ...rest }: Props) => JSX.Element;
+export declare const PostContent: ({ trackingCategory, url, className, style, replyingTo, mentionedUser, description: rawDescription, disableShortenContent, mentions, maxChars, hideShowAllBtn, styles, ...rest }: Props) => React.JSX.Element;
 export {};

package/build/together/components/molecules/postImagePreview/imagePreviewPopup.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     className?: string;
     style?: CSSProperties;
@@ -7,4 +7,4 @@ export type Props = {
     onClose?: () => void;
     onOpenSingleView?: (index: number) => void;
 };
-export declare const ImagePreviewPopup: ({ className, style, authorName, images, onClose, onOpenSingleView, }: Props) => JSX.Element;
+export declare const ImagePreviewPopup: ({ className, style, authorName, images, onClose, onOpenSingleView, }: Props) => React.JSX.Element;

package/build/together/components/molecules/postImagePreview/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     images?: string[];
     authorName?: string;
@@ -7,5 +7,5 @@ export type Props = {
     isSensitive?: boolean;
     isMobile?: boolean;
 };
-declare const PostImagePreview: ({ className, images, style, authorName, isSensitive, }: Props) => JSX.Element;
+declare const PostImagePreview: ({ className, images, style, authorName, isSensitive, }: Props) => React.JSX.Element;
 export { PostImagePreview };

package/build/together/components/molecules/postImagePreview/index.styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const StyledPostImagePreview: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledImagePreviewPopup: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledNotificationBar: import("styled-components").StyledComponent<({ icon, bgColor, highlightColor, message, ...rest }: import("../../atoms/notificationBar").Props) => JSX.Element, any, {}, never>;
+export declare const StyledNotificationBar: import("styled-components").StyledComponent<({ icon, bgColor, highlightColor, message, ...rest }: import("../../atoms/notificationBar").Props) => import("react").JSX.Element, any, {}, never>;

package/build/together/components/molecules/postImagePreview/postSingleImageViewPopup/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     images: string[];
     initialViewIndex: number;
     onClose?: () => void;
 };
-export declare const PostSingleImageViewPopup: ({ initialViewIndex, images, onClose, }: Props) => JSX.Element;
+export declare const PostSingleImageViewPopup: ({ initialViewIndex, images, onClose, }: Props) => React.JSX.Element;

package/build/together/components/molecules/profileDetail/about/articleCard/index.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 import { Article } from "../../../../../interfaces/types";
 export type Props = {
     isReview?: boolean;
 } & Article & HTMLAttributes<HTMLDivElement>;
-declare const ArticleCard: ({ featureImage, postTitle, author, categories, isReview, className, }: any) => JSX.Element;
+declare const ArticleCard: ({ featureImage, postTitle, author, categories, isReview, className, }: any) => React.JSX.Element;
 export { ArticleCard };

package/build/together/components/molecules/profileDetail/about/index.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 import { TabData } from '../types';
 export type Props = {
     info: TabData;
 } & HTMLAttributes<HTMLDivElement>;
-declare const About: ({ className }: Props) => JSX.Element;
+declare const About: ({ className }: Props) => React.JSX.Element;
 export { About };

package/build/together/components/molecules/profileDetail/answering/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     id?: string | number;
     className?: string;
@@ -7,5 +7,5 @@ export type Props = {
     value?: string;
     onChange?: (v: string) => void;
 };
-declare const Answering: ({ id }: Props) => JSX.Element;
+declare const Answering: ({ id }: Props) => React.JSX.Element;
 export { Answering };

package/build/together/components/molecules/profileDetail/answering/postCard/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, HTMLAttributes } from 'react';
+import React, { CSSProperties, HTMLAttributes } from 'react';
 import { Post } from "../../../../../interfaces/types";
 export type Props = {
     post?: Post;
@@ -9,5 +9,5 @@ export type Props = {
     value?: string;
     onChange?: (v: string) => void;
 } & HTMLAttributes<HTMLDivElement>;
-declare const PostCard: ({ post, className }: Props) => JSX.Element;
+declare const PostCard: ({ post, className }: Props) => React.JSX.Element;
 export { PostCard };

package/build/together/components/molecules/profileDetail/care/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Care: () => JSX.Element;
+import React from 'react';
+declare const Care: () => React.JSX.Element;
 export { Care };