@foodpilot/foods 2.18.3 → 2.18.4

package/dist/components/Chart/ScatterPlot/ScatterPlot.d.ts

@@ -45,6 +45,7 @@ export type ScatterPlotProps = {
     showLegend?: boolean;
     textOptions?: {
         for: string;
+        closeTooltip?: string;
     };
     legend?: ChartLegend;
     onLegendHover?: (index: number | null) => void;

package/dist/components/Chart/ScatterPlot/ScatterPlotCore.d.ts

@@ -17,6 +17,7 @@ export type ScatterPlotCoreProps = {
     yUnit?: string;
     textOptions?: {
         for: string;
+        closeTooltip?: string;
     };
     onLegendHover?: (index: number | null) => void;
     showSeriesInTooltip?: boolean;

package/dist/components/Chart/ScatterPlot/ScatterPlotTooltip.d.ts

@@ -18,6 +18,7 @@ type ScatterPlotTooltipProps = {
     yUnit?: string;
     textOptions?: {
         for: string;
+        closeTooltip?: string;
     };
     showSeriesInTooltip?: boolean;
     tooltipOptions?: {

package/dist/components/Chart/ScatterPlot/ScatterPlotTooltip.js

@@ -1,13 +1,13 @@
-import{jsxs as t,jsx as n}from"react/jsx-runtime";import{useTheme as i,Stack as e,Typography as o,Box as r,Link as a,Button as s}from"@mui/material";import{calculateTooltipPosition as c,getTooltipContainerStyles as l}from"../shared/tooltipPositioning.js";import{forwardRef as p}from"react";import{FoodsIcon as d}from"../../Icons/FoodsIcon.js";import{FoodsTooltip as g}from"../../Tooltip/FoodsTooltip.js";const h={x:0,y:-5},u=p((p,u)=>{const m=i(),{point:x,coordinate:b,valueFormatterFn:f=m.numbers.valueFormatterFn,precision:y,unit:v,xUnit:w,yUnit:C,textOptions:I,showSeriesInTooltip:k=!0,tooltipOptions:j,onTooltipEnter:z,onTooltipLeave:F,handleDismissTooltip:H}=p,T=x.seriesName,E=C??v,P=w??v,L=I?.for??"for",M=()=>/* @__PURE__ */n(r,{role:"button",onClick:()=>H?.(),sx:{cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",padding:m.spacing(.25),height:m.spacing(2.75),width:m.spacing(2.75),position:"absolute",top:m.spacing(-1),right:m.spacing(-1.5),borderRadius:"50%","&:hover":{color:m.palette.common.white,backgroundColor:"text.secondary",boxShadow:"0px 0px 4px rgba(0, 0, 0, 0.1)"}},children:/* @__PURE__ */n(r,{sx:{display:"flex",transform:"rotate(45deg)"},children:/* @__PURE__ */n(d,{icon:"plus",size:2})})}),O=/* @__PURE__ */t(e,{direction:"column",spacing:m.spacing(.5),pb:m.spacing(.25),onClick:t=>t.stopPropagation(),onMouseLeave:()=>F?.(),sx:{pointerEvents:"auto",position:"relative"},children:[
-/* @__PURE__ */t(e,{direction:"row",alignItems:"center",justifyContent:"space-between",spacing:m.spacing(1),useFlexGap:!0,pr:m.spacing(2),children:[
-/* @__PURE__ */n(o,{variant:"h4",lineHeight:m.spacing(2),children:x.label}),
+import{jsxs as t,jsx as n}from"react/jsx-runtime";import{useTheme as i,Stack as o,Typography as e,Box as r,Link as a,Button as s}from"@mui/material";import{calculateTooltipPosition as l,getTooltipContainerStyles as c}from"../shared/tooltipPositioning.js";import{forwardRef as p}from"react";import{FoodsIcon as d}from"../../Icons/FoodsIcon.js";import{FoodsTooltip as g}from"../../Tooltip/FoodsTooltip.js";const h={x:0,y:-5},u=p((p,u)=>{const m=i(),{point:b,coordinate:x,valueFormatterFn:f=m.numbers.valueFormatterFn,precision:y,unit:v,xUnit:C,yUnit:w,textOptions:I,showSeriesInTooltip:k=!0,tooltipOptions:j,onTooltipEnter:z,onTooltipLeave:F,handleDismissTooltip:H}=p,T=b.seriesName,E=w??v,P=C??v,$=I?.for??"for",L=I?.closeTooltip??"Close tooltip",M=()=>/* @__PURE__ */n(r,{component:"button",type:"button","aria-label":L,onClick:()=>H?.(),sx:{backgroundColor:"transparent",border:0,color:"inherit",cursor:"pointer",display:"flex",font:"inherit",alignItems:"center",justifyContent:"center",padding:m.spacing(.25),height:m.spacing(2.75),width:m.spacing(2.75),position:"absolute",top:m.spacing(-1),right:m.spacing(-1.5),borderRadius:"50%","&:hover":{color:m.palette.common.white,backgroundColor:"text.secondary",boxShadow:"0px 0px 4px rgba(0, 0, 0, 0.1)"},"&:focus-visible":{outline:`${m.spacing(.25)} solid ${m.palette.text.primary}`,outlineOffset:m.spacing(.25)}},children:/* @__PURE__ */n(r,{sx:{display:"flex",transform:"rotate(45deg)"},children:/* @__PURE__ */n(d,{icon:"plus",size:2})})}),O=/* @__PURE__ */t(o,{direction:"column",spacing:m.spacing(.5),pb:m.spacing(.25),onClick:t=>t.stopPropagation(),onMouseLeave:()=>F?.(),sx:{pointerEvents:"auto",position:"relative"},children:[
+/* @__PURE__ */t(o,{direction:"row",alignItems:"center",justifyContent:"space-between",spacing:m.spacing(1),useFlexGap:!0,pr:m.spacing(2),children:[
+/* @__PURE__ */n(e,{variant:"h4",lineHeight:m.spacing(2),children:b.label}),
 /* @__PURE__ */n(M,{})]}),
-/* @__PURE__ */t(e,{pt:m.spacing(1),direction:"row",spacing:m.spacing(.5),alignItems:"center",flexWrap:"wrap",children:[
-/* @__PURE__ */n(o,{variant:"number-small",lineHeight:m.spacing(2),color:"text.primary",children:f(x.y,y)}),
-/* @__PURE__ */n(o,{variant:"body2",lineHeight:m.spacing(2),color:"text.secondary",children:E?` ${E}`:""}),
-/* @__PURE__ */n(o,{variant:"body2",lineHeight:m.spacing(2),color:"text.primary",children:L}),
-/* @__PURE__ */n(o,{variant:"number-small",lineHeight:m.spacing(2),color:"text.primary",children:f(x.x,y)}),
-/* @__PURE__ */n(o,{variant:"body2",lineHeight:m.spacing(2),color:"text.secondary",children:P?` ${P}`:""})]}),x.additionalContent&&/* @__PURE__ */n(r,{sx:{pt:m.spacing(2)},children:x.additionalContent}),T&&k&&/* @__PURE__ */n(e,{direction:"row",alignItems:"flex-end",justifyContent:"flex-end",spacing:m.spacing(1),pt:m.spacing(2),children:/* @__PURE__ */t(e,{direction:"row",alignItems:"center",spacing:m.spacing(1),children:[
-/* @__PURE__ */n(r,{sx:{width:m.spacing(1.5),height:m.spacing(1.5),borderRadius:"50%",backgroundColor:x.seriesColor}}),
-/* @__PURE__ */n(o,{variant:"body2",lineHeight:m.spacing(2),color:"text.secondary",fontWeight:500,children:T})]})}),j?.button?j.button.href?/* @__PURE__ */n(a,{href:j.button.href,target:"_blank",rel:"noopener noreferrer",children:/* @__PURE__ */n(s,{sx:{color:m.palette.text.primary,mt:m.spacing(2)},variant:j?.button?.variant,size:j?.button?.size,startIcon:j?.button?.startIcon,onClick:t=>{t.stopPropagation(),j?.button?.onClick?.()},children:j.button.text})}):/* @__PURE__ */n(s,{sx:{mt:m.spacing(2)},variant:j?.button?.variant,size:j?.button?.size,startIcon:j?.button?.startIcon,onClick:t=>{t.stopPropagation(),j?.button?.onClick?.()},children:j?.button?.text}):null]}),R=c({coordinate:{x:b.xValue,y:b.yValue},placement:"top",offset:h});/* @__PURE__ */
-return n(r,{ref:u,style:{position:"absolute",...R,zIndex:m.zIndex.tooltip,pointerEvents:"auto"},onMouseEnter:z,onMouseLeave:F,children:/* @__PURE__ */n(g,{width:"inherit",title:O,placement:"top",arrow:!0,open:!0,sx:{...l()},children:/* @__PURE__ */n("div",{style:{width:1,height:1,visibility:"hidden",pointerEvents:"none"}})})})});export{u as ScatterPlotTooltip};
+/* @__PURE__ */t(o,{pt:m.spacing(1),direction:"row",spacing:m.spacing(.5),alignItems:"center",flexWrap:"wrap",children:[
+/* @__PURE__ */n(e,{variant:"number-small",lineHeight:m.spacing(2),color:"text.primary",children:f(b.y,y)}),
+/* @__PURE__ */n(e,{variant:"body2",lineHeight:m.spacing(2),color:"text.secondary",children:E?` ${E}`:""}),
+/* @__PURE__ */n(e,{variant:"body2",lineHeight:m.spacing(2),color:"text.primary",children:$}),
+/* @__PURE__ */n(e,{variant:"number-small",lineHeight:m.spacing(2),color:"text.primary",children:f(b.x,y)}),
+/* @__PURE__ */n(e,{variant:"body2",lineHeight:m.spacing(2),color:"text.secondary",children:P?` ${P}`:""})]}),b.additionalContent&&/* @__PURE__ */n(r,{sx:{pt:m.spacing(2)},children:b.additionalContent}),T&&k&&/* @__PURE__ */n(o,{direction:"row",alignItems:"flex-end",justifyContent:"flex-end",spacing:m.spacing(1),pt:m.spacing(2),children:/* @__PURE__ */t(o,{direction:"row",alignItems:"center",spacing:m.spacing(1),children:[
+/* @__PURE__ */n(r,{sx:{width:m.spacing(1.5),height:m.spacing(1.5),borderRadius:"50%",backgroundColor:b.seriesColor}}),
+/* @__PURE__ */n(e,{variant:"body2",lineHeight:m.spacing(2),color:"text.secondary",fontWeight:500,children:T})]})}),j?.button?j.button.href?/* @__PURE__ */n(a,{href:j.button.href,target:"_blank",rel:"noopener noreferrer",children:/* @__PURE__ */n(s,{sx:{color:m.palette.text.primary,mt:m.spacing(2)},variant:j?.button?.variant,size:j?.button?.size,startIcon:j?.button?.startIcon,onClick:t=>{t.stopPropagation(),j?.button?.onClick?.()},children:j.button.text})}):/* @__PURE__ */n(s,{sx:{mt:m.spacing(2)},variant:j?.button?.variant,size:j?.button?.size,startIcon:j?.button?.startIcon,onClick:t=>{t.stopPropagation(),j?.button?.onClick?.()},children:j?.button?.text}):null]}),R=l({coordinate:{x:x.xValue,y:x.yValue},placement:"top",offset:h});/* @__PURE__ */
+return n(r,{ref:u,style:{position:"absolute",...R,zIndex:m.zIndex.tooltip,pointerEvents:"auto"},onMouseEnter:z,onMouseLeave:F,children:/* @__PURE__ */n(g,{width:"inherit",title:O,placement:"top",arrow:!0,open:!0,sx:{...c()},children:/* @__PURE__ */n("div",{style:{width:1,height:1,visibility:"hidden",pointerEvents:"none"}})})})});export{u as ScatterPlotTooltip};

package/dist/components/Chart/ScoreDistribution/ScoreDistributionRow.js

@@ -1,11 +1,11 @@
-import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useTheme as e,Stack as a,Box as o,Typography as r}from"@mui/material";import{useState as n}from"react";import{FoodsIcon as s}from"../../Icons/FoodsIcon.js";import{getScoreDistributionScale as c}from"./scoreDistributionScale.js";import{FoodsIconButton as d}from"../../Button/FoodsIconButton.js";const l=(i,t)=>({lifecycle:t.custom.scoreDetail.lifecycleBreakdownWidth,subscores:t.custom.scoreDetail.subscoreBreakdownWidth,impacts:t.custom.scoreDetail.impactBreakdownWidth}[i]),m=({depth:u=0,getCollapseLabel:h,getExpandLabel:p,item:g,isLast:b,mode:x,scale:v})=>{const f=e(),[z,w]=n(!1),W=g.value??0,k=W<0,y=`${g.label} ${g.formattedValue}${"%"===g.unit?"":" "}${g.unit}`,I=g.children.length>0,B=v.range>0?Math.min(100,Math.abs(W)/v.range*100):0,S=k||0===W&&v.range>0&&!v.hasPositiveValue,C=((i,t)=>{switch(i){case"dataviz-1":return t.custom.dataviz.colors[1];case"dataviz-2":return t.custom.dataviz.colors[2];case"dataviz-3":return t.custom.dataviz.colors[3];case"dataviz-4":return t.custom.dataviz.colors[4];case"dataviz-5":return t.custom.dataviz.colors[5];case"dataviz-6":return t.custom.dataviz.colors[6];case"dataviz-7":return t.custom.dataviz.colors[7];case"dataviz-9":return t.custom.dataviz.extra[9];case"dataviz-13":return t.custom.dataviz.extra[13];case"green":return{main:t.custom.green[600],variant:{100:t.custom.status.green.surface}};default:return null}})(g.iconTone,f);/* @__PURE__ */
-return i(a,{gap:z?f.spacing(0===u?2:1):0,sx:{paddingBottom:0!==u||b?0:f.spacing(2),position:"relative"},children:[
-/* @__PURE__ */i(a,{direction:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},flexWrap:"wrap",gap:f.spacing(2),children:[
-/* @__PURE__ */i(a,{direction:"row",alignItems:"center",gap:f.spacing(1.5),minWidth:0,sx:{boxSizing:"border-box",flexBasis:{xs:"auto",md:f.custom.scoreDetail.summaryWidth},flexGrow:{xs:0,md:1},paddingInlineStart:u>0?f.spacing(4):0,width:{xs:"100%",md:"auto"}},children:[I?/* @__PURE__ */t(d,{size:"xs",icon:z?"arrowDownShort":"arrowRightShort",buttonProps:{"aria-expanded":z,"aria-label":z?h(g):p(g),onClick:()=>w(i=>!i)}}):"lifecycle"===x&&g.icon?/* @__PURE__ */t(o,{"aria-hidden":!0,sx:{flexShrink:0,height:f.spacing(3),width:f.spacing(3)}}):null,g.icon&&/* @__PURE__ */t(o,{sx:{alignItems:"center",backgroundColor:C?.variant[100],borderRadius:f.spacing(.5),color:C?.main,display:"flex",flexShrink:0,height:f.spacing(3),justifyContent:"center",width:f.spacing(3)},children:/* @__PURE__ */t(s,{icon:g.icon,size:1})}),
-/* @__PURE__ */t(r,{variant:"body-semibold",noWrap:0===u||"lifecycle"!==x,children:g.label})]}),
-/* @__PURE__ */i(a,{direction:"row",alignItems:"center",gap:g.information?f.spacing(2):0,flexShrink:0,minWidth:0,sx:{maxWidth:"100%"},children:[
-/* @__PURE__ */i(a,{direction:"row",alignItems:"center",gap:f.spacing(2),flexShrink:1,minWidth:0,sx:{maxWidth:"100%",width:l(x,f)},children:[
-/* @__PURE__ */t(o,{role:"progressbar","aria-label":y,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":B,sx:{backgroundColor:"inherit",borderRadius:0,flexShrink:1,height:f.spacing(2),maxWidth:"100%",position:"relative",width:f.custom.scoreDetail.barWidth},children:/* @__PURE__ */t(o,{"aria-hidden":!0,sx:{backgroundColor:k?f.custom.green[600]:f.palette.primary[600],borderBottomLeftRadius:k?f.spacing(.5):0,borderBottomRightRadius:k?0:f.spacing(.5),borderTopLeftRadius:k?f.spacing(.5):0,borderTopRightRadius:k?0:f.spacing(.5),height:"100%",insetInlineEnd:S?100-v.zeroPosition+"%":void 0,insetInlineStart:S?void 0:`${v.zeroPosition}%`,maxWidth:"100%",minWidth:f.custom.barChart.zeroValueWidth,position:"absolute",width:0===W?f.custom.barChart.zeroValueWidth:`${B}%`}})}),
-/* @__PURE__ */i(a,{direction:"row",alignItems:"baseline",gap:f.spacing(.5),sx:{color:k?f.custom.green[700]:f.custom.grey[2800],minWidth:"max-content"},children:[
-/* @__PURE__ */t(r,{variant:"body-semibold",children:g.formattedValue}),
-/* @__PURE__ */t(r,{variant:"body-regular",children:g.unit})]})]}),g.information&&/* @__PURE__ */t(d,{size:"xs",icon:"information",buttonProps:{"aria-label":g.information.label},tooltip:{text:g.information.tooltip,props:{describeChild:!0}}})]})]}),z&&/* @__PURE__ */t(a,{gap:f.spacing(1),children:g.children.map((i,e)=>/* @__PURE__ */t(m,{depth:u+1,getCollapseLabel:h,getExpandLabel:p,item:i,isLast:e===g.children.length-1,mode:x,scale:c(g.children)},i.id))}),0===u&&!b&&/* @__PURE__ */t(o,{"aria-hidden":!0,sx:{borderBottomColor:f.custom.strokes.containerDivider.color,borderBottomStyle:f.custom.strokes.containerDivider.style,borderBottomWidth:f.custom.strokes.containerDivider.width,bottom:0,insetInline:0,pointerEvents:"none",position:"absolute"}})]})};export{m as ScoreDistributionRow};
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useTheme as e,Stack as a,Box as o,Typography as r}from"@mui/material";import{useState as n}from"react";import{FoodsIcon as s}from"../../Icons/FoodsIcon.js";import{getScoreDistributionScale as c}from"./scoreDistributionScale.js";import{FoodsIconButton as d}from"../../Button/FoodsIconButton.js";const l=({depth:m=0,getCollapseLabel:u,getExpandLabel:h,item:p,isLast:g,mode:b,scale:x})=>{const v=e(),[f,z]=n(!1),w=p.value??0,W=w<0,k=`${p.label} ${p.formattedValue}${"%"===p.unit?"":" "}${p.unit}`,y=p.children.length>0,I=x.range>0?Math.min(100,Math.abs(w)/x.range*100):0,S=W||0===w&&x.range>0&&!x.hasPositiveValue,B=((i,t)=>{switch(i){case"dataviz-1":return t.custom.dataviz.colors[1];case"dataviz-2":return t.custom.dataviz.colors[2];case"dataviz-3":return t.custom.dataviz.colors[3];case"dataviz-4":return t.custom.dataviz.colors[4];case"dataviz-5":return t.custom.dataviz.colors[5];case"dataviz-6":return t.custom.dataviz.colors[6];case"dataviz-7":return t.custom.dataviz.colors[7];case"dataviz-9":return t.custom.dataviz.extra[9];case"dataviz-13":return t.custom.dataviz.extra[13];case"green":return{main:t.custom.green[600],variant:{100:t.custom.status.green.surface}};default:return null}})(p.iconTone,v),C=((i,t)=>({lifecycle:t.custom.scoreDetail.lifecycleBreakdownWidth,subscores:t.custom.scoreDetail.subscoreBreakdownWidth,impacts:t.custom.scoreDetail.impactBreakdownWidth}[i]))(b,v),D=`calc(${C} - ${v.custom.scoreDetail.barWidth} - ${v.spacing(2)})`;/* @__PURE__ */
+return i(a,{gap:f?v.spacing(0===m?2:1):0,sx:{paddingBottom:0!==m||g?0:v.spacing(2),position:"relative"},children:[
+/* @__PURE__ */i(a,{direction:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},flexWrap:"wrap",gap:v.spacing(2),children:[
+/* @__PURE__ */i(a,{direction:"row",alignItems:"center",gap:v.spacing(1.5),minWidth:0,sx:{boxSizing:"border-box",flexBasis:{xs:"auto",md:v.custom.scoreDetail.summaryWidth},flexGrow:{xs:0,md:1},paddingInlineStart:m>0?v.spacing(4):0,width:{xs:"100%",md:"auto"}},children:[y?/* @__PURE__ */t(d,{size:"xs",icon:f?"arrowDownShort":"arrowRightShort",buttonProps:{"aria-expanded":f,"aria-label":f?u(p):h(p),onClick:()=>z(i=>!i)}}):"lifecycle"===b&&p.icon?/* @__PURE__ */t(o,{"aria-hidden":!0,sx:{flexShrink:0,height:v.spacing(3),width:v.spacing(3)}}):null,p.icon&&/* @__PURE__ */t(o,{sx:{alignItems:"center",backgroundColor:B?.variant[100],borderRadius:v.spacing(.5),color:B?.main,display:"flex",flexShrink:0,height:v.spacing(3),justifyContent:"center",width:v.spacing(3)},children:/* @__PURE__ */t(s,{icon:p.icon,size:1})}),
+/* @__PURE__ */t(r,{variant:"body-semibold",noWrap:0===m||"lifecycle"!==b,children:p.label})]}),
+/* @__PURE__ */i(a,{direction:"row",alignItems:"center",gap:p.information?v.spacing(2):0,flexShrink:0,minWidth:0,sx:{maxWidth:"100%"},children:[
+/* @__PURE__ */i(a,{direction:"row",alignItems:"center",gap:v.spacing(2),flexShrink:1,minWidth:0,sx:{maxWidth:"100%",width:C},children:[
+/* @__PURE__ */t(o,{role:"progressbar","aria-label":k,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":I,sx:{backgroundColor:"inherit",borderRadius:0,flexShrink:1,height:v.spacing(2),maxWidth:"100%",position:"relative",width:v.custom.scoreDetail.barWidth},children:/* @__PURE__ */t(o,{"aria-hidden":!0,sx:{backgroundColor:W?v.custom.green[600]:v.palette.primary[600],borderBottomLeftRadius:W?v.spacing(.5):0,borderBottomRightRadius:W?0:v.spacing(.5),borderTopLeftRadius:W?v.spacing(.5):0,borderTopRightRadius:W?0:v.spacing(.5),height:"100%",insetInlineEnd:S?100-x.zeroPosition+"%":void 0,insetInlineStart:S?void 0:`${x.zeroPosition}%`,maxWidth:"100%",minWidth:v.custom.barChart.zeroValueWidth,position:"absolute",width:0===w?v.custom.barChart.zeroValueWidth:`${I}%`}})}),
+/* @__PURE__ */i(a,{"data-testid":`score-distribution-value-${p.id}`,direction:"row",alignItems:"baseline",gap:v.spacing(.5),justifyContent:"flex-end",sx:{color:W?v.custom.green[700]:v.custom.grey[2800],flexShrink:0,minWidth:"max-content",width:D},children:[
+/* @__PURE__ */t(r,{variant:"body-semibold",children:p.formattedValue}),
+/* @__PURE__ */t(r,{variant:"body-regular",children:p.unit})]})]}),p.information&&/* @__PURE__ */t(d,{size:"xs",icon:"information",buttonProps:{"aria-label":p.information.label},tooltip:{text:p.information.tooltip,props:{describeChild:!0}}})]})]}),f&&/* @__PURE__ */t(a,{gap:v.spacing(1),children:p.children.map((i,e)=>/* @__PURE__ */t(l,{depth:m+1,getCollapseLabel:u,getExpandLabel:h,item:i,isLast:e===p.children.length-1,mode:b,scale:c(p.children)},i.id))}),0===m&&!g&&/* @__PURE__ */t(o,{"aria-hidden":!0,sx:{borderBottomColor:v.custom.strokes.containerDivider.color,borderBottomStyle:v.custom.strokes.containerDivider.style,borderBottomWidth:v.custom.strokes.containerDivider.width,bottom:0,insetInline:0,pointerEvents:"none",position:"absolute"}})]})};export{l as ScoreDistributionRow};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foodpilot/foods",
   "private": false,
-  "version": "2.18.3",
+  "version": "2.18.4",
   "type": "module",
   "main": "./dist/main.js",
   "module": "./dist/main.js",