@foodpilot/foods 2.14.2 → 2.15.0

package/dist/components/Chart/HorizontalGauge/HorizontalGaugeChart.js

@@ -1,6 +1,6 @@
-import{jsx as a,jsxs as e}from"react/jsx-runtime";import{GAUGE_CONSTANTS as o}from"./constants.js";import{useGaugeCalculations as r}from"./hooks/useGaugeCalculations.js";import{GaugeBorders as i}from"./components/GaugeBorders.js";import{GaugeMarkers as t}from"./components/GaugeMarkers.js";import{GaugeLabels as n}from"./components/GaugeLabels.js";import{GaugeBackground as m}from"./components/GaugeBackground.js";import{Box as l}from"@mui/material";import{useContainerWidth as s}from"./hooks/useContainerWidth.js";import{useTheme as u}from"@mui/material/styles";const p=p=>{const c=u(),{minValue:g,maxValue:d,averageValue:h,companyValue:v,labelAverage:V=o.TEXT.DEFAULT_AVERAGE_LABEL,labelCompany:b=o.TEXT.DEFAULT_COMPANY_LABEL,width:k,height:y=o.DEFAULT_HEIGHT,label:A,animated:f=!1,backgroundProps:P,precision:E=0,unit:T="",valueFormatter:F=c.numbers.valueFormatterFn}=p,{containerRef:L,containerWidth:Y}=s(),j=Y||k||o.DEFAULT_WIDTH,{scale:B,averageValueBoundaries:C,companyPosition:G,averagePosition:w,gaugeBackgroundProps:x,markerY:M,companyMarkerY:_,averageMarkerY:D,labelY:U,labelPositions:H}=r({minValue:g,maxValue:d,companyValue:v,averageValue:h,labelCompany:b,labelAverage:V,width:j,height:y});/* @__PURE__ */
-return a(l,{ref:L,width:k||"100%",height:y,position:"relative",children:/* @__PURE__ */e("svg",{width:Y,height:y,children:[
-/* @__PURE__ */a(i,{width:Y,height:y,scale:B,averageValueBoundaries:C,animated:f}),
-/* @__PURE__ */a(m,{...x,backgroundProps:P,animated:f}),
-/* @__PURE__ */a(t,{width:Y,scale:B,companyValue:v,averageValue:h,markersYPosition:M,companyMarkerY:_,averageMarkerY:D,minValue:g,maxValue:d,animated:f,precision:E,unit:T,labelCompany:b,labelAverage:V,valueFormatter:F}),
-/* @__PURE__ */a(n,{minValue:g,maxValue:d,companyValue:v,averageValue:h,companyPosition:G,averagePosition:w,labelCompany:b,labelAverage:V,labelYPositions:U,labelPositions:H,animated:f,precision:E,unit:T,valueFormatter:F})]})})};export{p as HorizontalGaugeChart};
+import{jsx as a,jsxs as e}from"react/jsx-runtime";import{GAUGE_CONSTANTS as i}from"./constants.js";import{useGaugeCalculations as o}from"./hooks/useGaugeCalculations.js";import{GaugeBorders as r}from"./components/GaugeBorders.js";import{GaugeMarkers as l}from"./components/GaugeMarkers.js";import{GaugeLabels as m}from"./components/GaugeLabels.js";import{GaugeBackground as n}from"./components/GaugeBackground.js";import{Box as t}from"@mui/material";import{useContainerWidth as s}from"./hooks/useContainerWidth.js";import{useTheme as u}from"@mui/material/styles";const p=p=>{const c=u(),{minValue:g,maxValue:d,medianValue:b,averageValue:h,companyValue:v,labelAverage:A=i.TEXT.DEFAULT_AVERAGE_LABEL,labelCompany:E=i.TEXT.DEFAULT_COMPANY_LABEL,labelMinimum:V=i.TEXT.DEFAULT_MINIMUM_LABEL,labelMedian:L=i.TEXT.DEFAULT_MEDIAN_LABEL,labelMaximum:M=i.TEXT.DEFAULT_MAXIMUM_LABEL,width:T,height:y=i.DEFAULT_HEIGHT,label:f,animated:k=!1,backgroundProps:F,precision:P=0,unit:_="",ariaLabel:D,valueFormatter:U=c.numbers.valueFormatterFn}=p,{containerRef:Y,containerWidth:j}=s(),x=j||T||i.DEFAULT_WIDTH,{scale:B,companyPosition:w,averagePosition:C,gaugeBackgroundProps:G,markerY:I,companyMarkerY:X,averageMarkerY:H,labelY:N,labelPositions:W}=o({minValue:g,maxValue:d,companyValue:v,averageValue:h,labelCompany:E,labelAverage:A,width:x,height:y});/* @__PURE__ */
+return a(t,{ref:Y,width:T||"100%",height:y,position:"relative",children:/* @__PURE__ */e("svg",{width:j,height:y,style:{overflow:"visible"},role:D?"img":void 0,"aria-label":D,"aria-hidden":!D||void 0,children:[
+/* @__PURE__ */a(r,{width:j,height:y,scale:B,medianValue:b,animated:k}),
+/* @__PURE__ */a(n,{...G,backgroundProps:F,animated:k}),
+/* @__PURE__ */a(l,{width:j,scale:B,companyValue:v,averageValue:h,markersYPosition:I,companyMarkerY:X,averageMarkerY:H,minValue:g,maxValue:d,animated:k,precision:P,unit:_,labelCompany:E,labelAverage:A,valueFormatter:U}),
+/* @__PURE__ */a(m,{minValue:g,maxValue:d,medianValue:b,companyValue:v,averageValue:h,companyPosition:w,averagePosition:C,labelCompany:E,labelAverage:A,labelMinimum:V,labelMedian:L,labelMaximum:M,labelYPositions:N,labelPositions:W,animated:k,precision:P,unit:_,valueFormatter:U})]})})};export{p as HorizontalGaugeChart};

package/dist/components/Chart/HorizontalGauge/components/GaugeBorders.d.ts

@@ -1,2 +1,2 @@
 import { GaugeBordersProps } from '../types';
-export declare const GaugeBorders: ({ width, height, averageValueBoundaries, scale, animated }: GaugeBordersProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GaugeBorders: ({ width, height, medianValue, scale, animated }: GaugeBordersProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/HorizontalGauge/components/GaugeBorders.js

@@ -1,6 +1,6 @@
-import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useRef as D,useEffect as e}from"react";import{GAUGE_CONSTANTS as G}from"../constants.js";const s=({width:s,height:o,averageValueBoundaries:a,scale:i,animated:A=!1})=>{const E=D(null);return e(()=>{if(E.current&&A){const t=E.current;t.style.opacity="0",setTimeout(()=>{t.style.transition="all 0.5s linear",t.style.opacity="1"},300)}},[A]),/* @__PURE__ */t("g",{ref:E,style:{opacity:A?"0":"1"},children:[
-/* @__PURE__ */r("line",{x1:G.GAUGE_PADDING,y1:1,x2:s-G.GAUGE_PADDING,y2:1,stroke:G.COLORS.BORDER,strokeWidth:"1",strokeDasharray:"5 5"}),
-/* @__PURE__ */r("line",{x1:G.GAUGE_PADDING,y1:o-G.LEGEND_PADDING_X,x2:s-G.GAUGE_PADDING,y2:o-G.LEGEND_PADDING_X,stroke:G.COLORS.BORDER,strokeWidth:"1",strokeDasharray:"5 5"}),
-/* @__PURE__ */r("line",{x1:G.GAUGE_PADDING,y1:0,x2:G.GAUGE_PADDING,y2:o-G.LEGEND_PADDING_X,stroke:G.COLORS.BORDER,strokeWidth:"1",strokeDasharray:"5 5"}),
-/* @__PURE__ */r("line",{x1:s-G.GAUGE_PADDING,y1:0,x2:s-G.GAUGE_PADDING,y2:o-G.LEGEND_PADDING_X,stroke:G.COLORS.BORDER,strokeWidth:"1",strokeDasharray:"5 5"}),
-/* @__PURE__ */r("line",{x1:i(a)+G.GAUGE_PADDING,y1:0,x2:i(a)+G.GAUGE_PADDING,y2:o-G.LEGEND_PADDING_X,stroke:G.COLORS.BORDER,strokeWidth:"1",strokeDasharray:"5 5"})]})};export{s as GaugeBorders};
+import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useRef as e,useEffect as D}from"react";import{GAUGE_CONSTANTS as E}from"../constants.js";const G=({width:G,height:s,medianValue:a,scale:o,animated:i=!1})=>{const A=e(null);return D(()=>{if(A.current&&i){const t=A.current;t.style.opacity="0",setTimeout(()=>{t.style.transition="all 0.5s linear",t.style.opacity="1"},300)}},[i]),/* @__PURE__ */t("g",{ref:A,style:{opacity:i?"0":"1"},children:[
+/* @__PURE__ */r("line",{x1:E.GAUGE_PADDING,y1:1,x2:G-E.GAUGE_PADDING,y2:1,stroke:E.COLORS.BORDER,strokeWidth:"1",strokeDasharray:E.BORDER_DASH_PATTERN}),
+/* @__PURE__ */r("line",{x1:E.GAUGE_PADDING,y1:s-E.LEGEND_HEIGHT,x2:G-E.GAUGE_PADDING,y2:s-E.LEGEND_HEIGHT,stroke:E.COLORS.BORDER,strokeWidth:"1",strokeDasharray:E.BORDER_DASH_PATTERN}),
+/* @__PURE__ */r("line",{x1:E.GAUGE_PADDING,y1:0,x2:E.GAUGE_PADDING,y2:s-E.LEGEND_HEIGHT,stroke:E.COLORS.BORDER,strokeWidth:"1",strokeDasharray:E.BORDER_DASH_PATTERN}),
+/* @__PURE__ */r("line",{x1:G-E.GAUGE_PADDING,y1:0,x2:G-E.GAUGE_PADDING,y2:s-E.LEGEND_HEIGHT,stroke:E.COLORS.BORDER,strokeWidth:"1",strokeDasharray:E.BORDER_DASH_PATTERN}),
+/* @__PURE__ */r("line",{"data-testid":"horizontal-gauge-median-guide",x1:o(a)+E.GAUGE_PADDING,y1:0,x2:o(a)+E.GAUGE_PADDING,y2:s-E.LEGEND_HEIGHT,stroke:E.COLORS.BORDER,strokeWidth:"1",strokeDasharray:E.BORDER_DASH_PATTERN})]})};export{G as GaugeBorders};

package/dist/components/Chart/HorizontalGauge/components/GaugeLabels.d.ts

@@ -1,2 +1,2 @@
 import { GaugeLabelsProps } from '../types';
-export declare const GaugeLabels: ({ minValue, maxValue, companyValue, averageValue, companyPosition, averagePosition, labelCompany, labelAverage, labelYPositions, labelPositions, animated, precision, unit, valueFormatter, }: GaugeLabelsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GaugeLabels: ({ minValue, maxValue, medianValue, companyValue, averageValue, companyPosition, averagePosition, labelCompany, labelAverage, labelMinimum, labelMedian, labelMaximum, labelYPositions, labelPositions, animated, precision, unit, valueFormatter, }: GaugeLabelsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/HorizontalGauge/components/GaugeLabels.js

@@ -1,4 +1,9 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useRef as i,useEffect as n}from"react";import{FoodsTooltip as l}from"../../../Tooltip/FoodsTooltip.js";import{GaugeTooltip as o}from"./GaugeTooltip.js";import{formatValue as r}from"../utils/formatters.js";import{useTheme as a}from"@mui/material";const s=({minValue:s,maxValue:m,companyValue:d,averageValue:c,companyPosition:f,averagePosition:u,labelCompany:h,labelAverage:p,labelYPositions:x,labelPositions:y,animated:g,precision:v=0,unit:$="",valueFormatter:b})=>{const A=a(),z=i(null),B={transition:g?"transform 0.3s linear":"none"},S=A.custom.grey[2800],W=s!==m,j=t=>t>=s&&t<=m;return n(()=>{if(z.current&&g){const t=z.current;t.style.opacity="0",setTimeout(()=>{t.style.transition="all 0.5s linear",t.style.opacity="1"},300)}},[g]),/* @__PURE__ */t("g",{ref:z,children:[
-/* @__PURE__ */t("g",{children:[W&&/* @__PURE__ */e("text",{transform:`translate(${y.min}, ${x.values})`,fill:S,fontSize:"12",fontWeight:"bold",textAnchor:"start",dominantBaseline:"middle",style:B,cursor:"pointer",children:b?b(s):r(s,v)}),
-/* @__PURE__ */e("text",{transform:`translate(${y.middle}, ${x.values})`,fill:S,fontSize:"12",fontWeight:"bold",textAnchor:"middle",dominantBaseline:"middle",style:B,children:b?b((m+s)/2):r((m+s)/2,v)}),W&&/* @__PURE__ */e("text",{transform:`translate(${y.max}, ${x.values})`,fill:S,fontSize:"12",fontWeight:"bold",textAnchor:"end",dominantBaseline:"middle",style:B,children:b?b(m):r(m,v)})]}),
-/* @__PURE__ */t("g",{cursor:"default",children:[j(d)&&/* @__PURE__ */e(l,{width:"unset",title:/* @__PURE__ */e(o,{label:h,value:d,unit:$,precision:v,valueFormatter:b}),children:/* @__PURE__ */e("text",{transform:`translate(${f.x}, ${x.company})`,fill:S,textAnchor:f.anchor,dominantBaseline:"middle",fontWeight:"700",fontSize:"12",style:B,children:h})}),j(c)&&/* @__PURE__ */e(l,{width:"unset",title:/* @__PURE__ */e(o,{label:p,value:c,unit:$,precision:v,valueFormatter:b}),children:/* @__PURE__ */e("text",{transform:`translate(${u.x}, ${x.average})`,fill:S,fontSize:"12",fontWeight:"500",textAnchor:u.anchor,dominantBaseline:"middle",style:B,children:p})})]})]})};export{s as GaugeLabels};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as i,useEffect as n}from"react";import{FoodsTooltip as l}from"../../../Tooltip/FoodsTooltip.js";import{GaugeTooltip as a}from"./GaugeTooltip.js";import{formatValue as o}from"../utils/formatters.js";import{useTheme as r}from"@mui/material";const m=({minValue:m,maxValue:s,medianValue:d,companyValue:c,averageValue:h,companyPosition:u,averagePosition:f,labelCompany:x,labelAverage:p,labelMinimum:y,labelMedian:g,labelMaximum:b,labelYPositions:v,labelPositions:W,animated:A,precision:z=0,unit:B="",valueFormatter:S})=>{const V=r(),j=i(null),F={transition:A?"transform 0.3s linear":"none"},P=V.custom.grey[2800],T=e=>e>=m&&e<=s;return n(()=>{if(j.current&&A){const e=j.current;e.style.opacity="0",setTimeout(()=>{e.style.transition="all 0.5s linear",e.style.opacity="1"},300)}},[A]),/* @__PURE__ */e("g",{ref:j,children:[
+/* @__PURE__ */e("g",{children:[
+/* @__PURE__ */e("text",{x:W.min.x,y:v.values,fill:P,fontSize:"12",fontWeight:"bold",textAnchor:W.min.anchor,dominantBaseline:"middle",style:F,children:[S?S(m):o(m,z),
+/* @__PURE__ */e("tspan",{x:W.min.x,y:v.legend,fontWeight:"400","aria-hidden":"true",children:["(",y,")"]})]}),
+/* @__PURE__ */e("text",{x:W.median.x,y:v.values,fill:P,fontSize:"12",fontWeight:"bold",textAnchor:W.median.anchor,dominantBaseline:"middle",style:F,children:[S?S(d):o(d,z),
+/* @__PURE__ */e("tspan",{x:W.median.x,y:v.legend,fontWeight:"400","aria-hidden":"true",children:["(",g,")"]})]}),
+/* @__PURE__ */e("text",{x:W.max.x,y:v.values,fill:P,fontSize:"12",fontWeight:"bold",textAnchor:W.max.anchor,dominantBaseline:"middle",style:F,children:[S?S(s):o(s,z),
+/* @__PURE__ */e("tspan",{x:W.max.x,y:v.legend,fontWeight:"400","aria-hidden":"true",children:["(",b,")"]})]})]}),
+/* @__PURE__ */e("g",{cursor:"default",children:[T(c)&&/* @__PURE__ */t(l,{width:"unset",title:/* @__PURE__ */t(a,{label:x,value:c,unit:B,precision:z,valueFormatter:S}),children:/* @__PURE__ */t("text",{transform:`translate(${u.x}, ${v.company})`,fill:P,textAnchor:u.anchor,dominantBaseline:"middle",fontWeight:"700",fontSize:"12",style:F,children:x})}),T(h)&&/* @__PURE__ */t(l,{width:"unset",title:/* @__PURE__ */t(a,{label:p,value:h,unit:B,precision:z,valueFormatter:S}),children:/* @__PURE__ */t("text",{transform:`translate(${f.x}, ${v.average})`,fill:P,fontSize:"12",fontWeight:"500",textAnchor:f.anchor,dominantBaseline:"middle",style:F,children:p})})]})]})};export{m as GaugeLabels};

package/dist/components/Chart/HorizontalGauge/components/GaugeMarkers.js

@@ -1,8 +1,8 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useRef as r,useEffect as o}from"react";import{GAUGE_CONSTANTS as i}from"../constants.js";import{FoodsTooltip as a}from"../../../Tooltip/FoodsTooltip.js";import{GaugeTooltip as l}from"./GaugeTooltip.js";import{useTheme as n}from"@mui/material";const s=({scale:s,companyValue:m,averageValue:c,markersYPosition:u,companyMarkerY:A,averageMarkerY:p,animated:y=!1,minValue:E,maxValue:G,precision:d=2,unit:R="",labelCompany:f="",labelAverage:h="",valueFormatter:k})=>{const D=n(),_=r(null),g={transition:y?"transform 0.3s linear":"none"},I=D.custom.grey[2800],T=t=>t>=E&&t<=G;return o(()=>{if(_.current&&y){const t=_.current;t.style.opacity="0",setTimeout(()=>{t.style.transition="all 0.5s linear",t.style.opacity="1"},300)}},[y]),/* @__PURE__ */t("g",{ref:_,children:[[E,G].map((r,o)=>{const a=`edge-${o}`,l=i.GAUGE_PADDING+s(r);/* @__PURE__ */
-return t("g",{transform:`translate(${l}, 0)`,style:g,children:[
-/* @__PURE__ */e("circle",{cy:u,r:i.MARKER.EDGE_RADIUS,fill:I}),
-/* @__PURE__ */e("line",{y1:u-i.GAUGE_HEIGHT/2,y2:u+i.GAUGE_HEIGHT/2,stroke:I,strokeWidth:"2"})]},a)}),T(m)&&/* @__PURE__ */e(a,{width:"unset",title:/* @__PURE__ */e(l,{label:f,value:m,unit:R,precision:d,valueFormatter:k}),children:/* @__PURE__ */t("g",{transform:`translate(${i.GAUGE_PADDING+s(m)}, 0)`,style:g,children:[
-/* @__PURE__ */e("line",{y1:A.start,y2:A.end,stroke:I,strokeWidth:"1"}),
-/* @__PURE__ */e("circle",{cy:u,r:i.MARKER.COMPANY_RADIUS,stroke:I,strokeWidth:i.MARKER.COMPANY_STROKE_WIDTH,fill:D.palette.common.white})]})}),T(c)&&/* @__PURE__ */e(a,{width:"unset",title:/* @__PURE__ */e(l,{label:h,value:c,unit:R,precision:d,valueFormatter:k}),children:/* @__PURE__ */t("g",{transform:`translate(${i.GAUGE_PADDING+s(c)}, 0)`,style:g,children:[
-/* @__PURE__ */e("line",{y1:p.start,y2:p.end,stroke:I,strokeWidth:"1"}),
-/* @__PURE__ */e("circle",{cy:u,r:i.MARKER.AVERAGE_RADIUS,fill:D.palette.common.white,stroke:I,strokeWidth:i.MARKER.AVERAGE_STROKE_WIDTH})]})})]})};export{s as GaugeMarkers};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useEffect as a}from"react";import{GAUGE_CONSTANTS as o}from"../constants.js";import{FoodsTooltip as i}from"../../../Tooltip/FoodsTooltip.js";import{GaugeTooltip as l}from"./GaugeTooltip.js";import{useTheme as n}from"@mui/material";const s=({scale:s,companyValue:m,averageValue:c,markersYPosition:u,companyMarkerY:A,averageMarkerY:p,animated:y=!1,minValue:d,maxValue:E,precision:G=2,unit:R="",labelCompany:h="",labelAverage:f="",valueFormatter:k})=>{const g=n(),D=r(null),_={transition:y?"transform 0.3s linear":"none"},I=g.custom.grey[2800],T=e=>e>=d&&e<=E;return a(()=>{if(D.current&&y){const e=D.current;e.style.opacity="0",setTimeout(()=>{e.style.transition="all 0.5s linear",e.style.opacity="1"},300)}},[y]),/* @__PURE__ */e("g",{ref:D,children:[[d,E].map((r,a)=>{const i=`edge-${a}`,l=o.GAUGE_PADDING+s(r);/* @__PURE__ */
+return e("g",{transform:`translate(${l}, 0)`,style:_,children:[
+/* @__PURE__ */t("circle",{cy:u,r:o.MARKER.EDGE_RADIUS,fill:I}),
+/* @__PURE__ */t("line",{y1:u-o.GAUGE_HEIGHT/2,y2:u+o.GAUGE_HEIGHT/2,stroke:I,strokeWidth:"2"})]},i)}),T(m)&&/* @__PURE__ */t(i,{width:"unset",title:/* @__PURE__ */t(l,{label:h,value:m,unit:R,precision:G,valueFormatter:k}),children:/* @__PURE__ */e("g",{transform:`translate(${o.GAUGE_PADDING+s(m)}, 0)`,style:_,children:[
+/* @__PURE__ */t("line",{y1:A.start,y2:A.end,stroke:I,strokeWidth:"1"}),
+/* @__PURE__ */t("circle",{cy:u,r:o.MARKER.COMPANY_RADIUS,stroke:I,strokeWidth:o.MARKER.COMPANY_STROKE_WIDTH,fill:g.palette.common.white})]})}),T(c)&&/* @__PURE__ */t(i,{width:"unset",title:/* @__PURE__ */t(l,{label:f,value:c,unit:R,precision:G,valueFormatter:k}),children:/* @__PURE__ */e("g",{"data-testid":"horizontal-gauge-average-marker",transform:`translate(${o.GAUGE_PADDING+s(c)}, 0)`,style:_,children:[
+/* @__PURE__ */t("line",{y1:p.start,y2:p.end,stroke:I,strokeWidth:"1"}),
+/* @__PURE__ */t("circle",{cy:u,r:o.MARKER.AVERAGE_RADIUS,fill:g.palette.common.white,stroke:I,strokeWidth:o.MARKER.AVERAGE_STROKE_WIDTH})]})})]})};export{s as GaugeMarkers};

package/dist/components/Chart/HorizontalGauge/constants.d.ts

@@ -1,9 +1,9 @@
 export declare const GAUGE_CONSTANTS: {
     readonly DEFAULT_WIDTH: 500;
-    readonly DEFAULT_HEIGHT: 200;
+    readonly DEFAULT_HEIGHT: 220;
     readonly GAUGE_HEIGHT: 28;
     readonly GAUGE_PADDING: 8;
-    readonly LEGEND_PADDING_X: 28;
+    readonly LEGEND_HEIGHT: 48;
     readonly FONT_SIZE: {
         readonly DEFAULT: 12;
         readonly LABEL: 14;
@@ -16,7 +16,7 @@ export declare const GAUGE_CONSTANTS: {
         readonly EDGE_RADIUS: 3;
     };
     readonly COLORS: {
-        readonly BORDER: "#E7E6E4";
+        readonly BORDER: "#E0DEDD";
         readonly TEXT: "#393A36";
         readonly MARKER: "#393A36";
         readonly GRADIENT: {
@@ -24,9 +24,13 @@ export declare const GAUGE_CONSTANTS: {
             readonly END: "#EB9411";
         };
     };
+    readonly BORDER_DASH_PATTERN: "4 4";
     readonly TEXT: {
         readonly DEFAULT_COMPANY_LABEL: "";
         readonly DEFAULT_AVERAGE_LABEL: "";
+        readonly DEFAULT_MINIMUM_LABEL: "Min";
+        readonly DEFAULT_MEDIAN_LABEL: "Median";
+        readonly DEFAULT_MAXIMUM_LABEL: "Max";
     };
     readonly LAYOUT: {
         readonly COMPANY_MARKER_OFFSET: 18;
@@ -37,6 +41,7 @@ export declare const GAUGE_CONSTANTS: {
         readonly COMPANY_LABEL_OFFSET: 8;
         readonly AVERAGE_LABEL_OFFSET: 12;
         readonly TITLE_OFFSET: 35;
-        readonly VALUES_LABEL_OFFSET: 8;
+        readonly VALUES_LABEL_OFFSET: 28;
+        readonly LEGEND_LABEL_OFFSET: 8;
     };
 };

package/dist/components/Chart/HorizontalGauge/constants.js

@@ -1 +1 @@
-const E={DEFAULT_WIDTH:500,DEFAULT_HEIGHT:200,GAUGE_HEIGHT:28,GAUGE_PADDING:8,LEGEND_PADDING_X:28,FONT_SIZE:{DEFAULT:12},MARKER:{COMPANY_RADIUS:5,COMPANY_STROKE_WIDTH:3,AVERAGE_RADIUS:3,AVERAGE_STROKE_WIDTH:2,EDGE_RADIUS:3},COLORS:{BORDER:"#E7E6E4",GRADIENT:{START:"#F0DF46",END:"#EB9411"}},TEXT:{DEFAULT_COMPANY_LABEL:"",DEFAULT_AVERAGE_LABEL:""},LAYOUT:{COMPANY_MARKER_OFFSET:18,AVERAGE_MARKER_TOP_OFFSET:12,AVERAGE_MARKER_BOTTOM_OFFSET:4,COMPANY_LABEL_VERTICAL_RATIO:.25,AVERAGE_LABEL_VERTICAL_RATIO:.75,COMPANY_LABEL_OFFSET:8,AVERAGE_LABEL_OFFSET:12,TITLE_OFFSET:35,VALUES_LABEL_OFFSET:8}};export{E as GAUGE_CONSTANTS};
+const E={DEFAULT_WIDTH:500,DEFAULT_HEIGHT:220,GAUGE_HEIGHT:28,GAUGE_PADDING:8,LEGEND_HEIGHT:48,FONT_SIZE:{DEFAULT:12},MARKER:{COMPANY_RADIUS:5,COMPANY_STROKE_WIDTH:3,AVERAGE_RADIUS:3,AVERAGE_STROKE_WIDTH:2,EDGE_RADIUS:3},COLORS:{BORDER:"#E0DEDD",GRADIENT:{START:"#F0DF46",END:"#EB9411"}},BORDER_DASH_PATTERN:"4 4",TEXT:{DEFAULT_COMPANY_LABEL:"",DEFAULT_AVERAGE_LABEL:"",DEFAULT_MINIMUM_LABEL:"Min",DEFAULT_MEDIAN_LABEL:"Median",DEFAULT_MAXIMUM_LABEL:"Max"},LAYOUT:{COMPANY_MARKER_OFFSET:18,AVERAGE_MARKER_TOP_OFFSET:12,AVERAGE_MARKER_BOTTOM_OFFSET:4,COMPANY_LABEL_VERTICAL_RATIO:.25,AVERAGE_LABEL_VERTICAL_RATIO:.75,COMPANY_LABEL_OFFSET:8,AVERAGE_LABEL_OFFSET:12,TITLE_OFFSET:35,VALUES_LABEL_OFFSET:28,LEGEND_LABEL_OFFSET:8}};export{E as GAUGE_CONSTANTS};

package/dist/components/Chart/HorizontalGauge/hooks/useGaugeCalculations.js

@@ -1 +1 @@
-import{GAUGE_CONSTANTS as A}from"../constants.js";import{getLabelPosition as E,calculateAverageBoundary as a,createScale as e}from"../utils/utils.js";const G=({minValue:G,maxValue:_,companyValue:T,averageValue:O,labelCompany:r,labelAverage:t,width:L,height:o})=>{const U=e(G,_,L),i=a(G,_),n=E(T,r,U,L),l=E(O,t,U,L),s=o/2,Y=s-A.GAUGE_HEIGHT,m=Y+A.GAUGE_HEIGHT/2,F={start:s-A.LAYOUT.COMPANY_MARKER_OFFSET,end:Y-A.LAYOUT.COMPANY_MARKER_OFFSET},I={start:s-A.LAYOUT.AVERAGE_MARKER_TOP_OFFSET,end:s+A.GAUGE_HEIGHT-A.LAYOUT.AVERAGE_MARKER_BOTTOM_OFFSET},R={company:o*A.LAYOUT.COMPANY_LABEL_VERTICAL_RATIO-A.LAYOUT.COMPANY_LABEL_OFFSET,average:o*A.LAYOUT.AVERAGE_LABEL_VERTICAL_RATIO-A.LAYOUT.AVERAGE_LABEL_OFFSET,title:Y-A.LAYOUT.TITLE_OFFSET,values:o-A.LAYOUT.VALUES_LABEL_OFFSET},P={min:A.GAUGE_PADDING,max:L-A.GAUGE_PADDING,middle:A.GAUGE_PADDING+(L-2*A.GAUGE_PADDING)/2};return{scale:U,averageValueBoundaries:i,companyPosition:n,averagePosition:l,gaugeBackgroundProps:{x:A.GAUGE_PADDING,y:m-A.GAUGE_HEIGHT/2,width:L-2*A.GAUGE_PADDING,height:A.GAUGE_HEIGHT,animated:!1},markerY:m,companyMarkerY:F,averageMarkerY:I,labelY:R,labelPositions:P}};export{G as useGaugeCalculations};
+import{GAUGE_CONSTANTS as A}from"../constants.js";import{getLabelPosition as E,createScale as a}from"../utils/utils.js";const e=({minValue:e,maxValue:T,companyValue:_,averageValue:G,labelCompany:O,labelAverage:L,width:r,height:n})=>{const o=a(e,T,r),t=E(_,O,o,r),i=E(G,L,o,r),l=n/2,U=l-A.GAUGE_HEIGHT,m=U+A.GAUGE_HEIGHT/2,Y={start:l-A.LAYOUT.COMPANY_MARKER_OFFSET,end:U-A.LAYOUT.COMPANY_MARKER_OFFSET},F={start:l-A.LAYOUT.AVERAGE_MARKER_TOP_OFFSET,end:l+A.GAUGE_HEIGHT-A.LAYOUT.AVERAGE_MARKER_BOTTOM_OFFSET},s={company:n*A.LAYOUT.COMPANY_LABEL_VERTICAL_RATIO-A.LAYOUT.COMPANY_LABEL_OFFSET,average:n*A.LAYOUT.AVERAGE_LABEL_VERTICAL_RATIO-A.LAYOUT.AVERAGE_LABEL_OFFSET,title:U-A.LAYOUT.TITLE_OFFSET,values:n-A.LAYOUT.VALUES_LABEL_OFFSET,legend:n-A.LAYOUT.LEGEND_LABEL_OFFSET},R={min:{x:A.GAUGE_PADDING,anchor:"middle"},median:{x:r/2,anchor:"middle"},max:{x:r-A.GAUGE_PADDING,anchor:"middle"}};return{scale:o,companyPosition:t,averagePosition:i,gaugeBackgroundProps:{x:A.GAUGE_PADDING,y:m-A.GAUGE_HEIGHT/2,width:r-2*A.GAUGE_PADDING,height:A.GAUGE_HEIGHT,animated:!1},markerY:m,companyMarkerY:Y,averageMarkerY:F,labelY:s,labelPositions:R}};export{e as useGaugeCalculations};

package/dist/components/Chart/HorizontalGauge/types.d.ts

@@ -1,8 +1,12 @@
 export type HorizontalGaugeChartProps = {
     minValue: number;
     maxValue: number;
+    medianValue: number;
     companyValue: number;
     averageValue: number;
+    labelMinimum?: string;
+    labelMedian?: string;
+    labelMaximum?: string;
     labelAverage?: string;
     labelCompany?: string;
     width?: number;
@@ -12,6 +16,7 @@ export type HorizontalGaugeChartProps = {
     backgroundProps?: BackgroundProps;
     precision?: number;
     unit?: string;
+    ariaLabel?: string;
     valueFormatter?: (value: number, precision?: number) => string;
 };
 export type TextAnchor = "start" | "middle" | "end";
@@ -47,11 +52,12 @@ export type LabelYPositions = {
     average: number;
     title: number;
     values: number;
+    legend: number;
 };
 export type LabelXPositions = {
-    min: number;
-    max: number;
-    middle: number;
+    min: LabelPosition;
+    median: LabelPosition;
+    max: LabelPosition;
 };
 export type GaugeCalculationProps = {
     minValue: number;
@@ -66,7 +72,6 @@ export type GaugeCalculationProps = {
 };
 export type GaugeCalculations = {
     scale: (value: number) => number;
-    averageValueBoundaries: number;
     companyPosition: LabelPosition;
     averagePosition: LabelPosition;
     gaugeBackgroundProps: GaugeBackgroundProps;
@@ -79,7 +84,7 @@ export type GaugeCalculations = {
 export type GaugeBordersProps = {
     width: number;
     height: number;
-    averageValueBoundaries: number;
+    medianValue: number;
     scale: (value: number) => number;
     animated: boolean;
 };
@@ -103,12 +108,16 @@ export type GaugeMarkersProps = {
 export type GaugeLabelsProps = {
     minValue: number;
     maxValue: number;
+    medianValue: number;
     companyValue: number;
     averageValue: number;
     companyPosition: LabelPosition;
     averagePosition: LabelPosition;
     labelCompany: string;
     labelAverage: string;
+    labelMinimum: string;
+    labelMedian: string;
+    labelMaximum: string;
     labelYPositions: LabelYPositions;
     labelPositions: LabelXPositions;
     animated: boolean;

package/dist/components/Chart/HorizontalGauge/utils/utils.d.ts

@@ -2,5 +2,4 @@ import { LabelPosition } from '../types';
 export declare const createScale: (minValue: number, maxValue: number, width: number) => (value: number) => number;
 export declare const approximateTextWidth: (text: string, fontSize?: 12) => number;
 export declare const getLabelPosition: (value: number, text: string, scale: (value: number) => number, width: number, fontSize?: 12) => LabelPosition;
-export declare const calculateAverageBoundary: (minValue: number, maxValue: number) => number;
 export declare const getMarkerPositions: (width: number) => number[];

package/dist/components/Chart/HorizontalGauge/utils/utils.js

@@ -1 +1 @@
-import{GAUGE_CONSTANTS as G}from"../constants.js";const A=(A,D,E)=>A===D?()=>(E-2*G.GAUGE_PADDING)/2:n=>(n-A)/(D-A)*(E-2*G.GAUGE_PADDING),D=(A,D=G.FONT_SIZE.DEFAULT)=>A.length*(.6*D),E=(A,E,n,t,o=G.FONT_SIZE.DEFAULT)=>{const r=G.GAUGE_PADDING+n(A),I=D(E,o)/2;return r-I<G.GAUGE_PADDING?{x:G.GAUGE_PADDING,anchor:"start"}:r+I>t-G.GAUGE_PADDING?{x:t-G.GAUGE_PADDING,anchor:"end"}:{x:r,anchor:"middle"}},n=(G,A)=>(G+A)/2;export{D as approximateTextWidth,n as calculateAverageBoundary,A as createScale,E as getLabelPosition};
+import{GAUGE_CONSTANTS as G}from"../constants.js";const A=(A,D,E)=>A===D?()=>(E-2*G.GAUGE_PADDING)/2:n=>(n-A)/(D-A)*(E-2*G.GAUGE_PADDING),D=(A,D=G.FONT_SIZE.DEFAULT)=>A.length*(.6*D),E=(A,E,n,t,o=G.FONT_SIZE.DEFAULT)=>{const r=G.GAUGE_PADDING+n(A),I=D(E,o)/2;return r-I<G.GAUGE_PADDING?{x:G.GAUGE_PADDING,anchor:"start"}:r+I>t-G.GAUGE_PADDING?{x:t-G.GAUGE_PADDING,anchor:"end"}:{x:r,anchor:"middle"}};export{D as approximateTextWidth,A as createScale,E as getLabelPosition};

package/dist/components/Chart/TrajectoryChart/TrajectoryLegend/LegendBlockComponent.js

@@ -3,7 +3,7 @@ return e(a,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",pa
 /* @__PURE__ */e(n,{direction:"row",alignItems:"flex-start",justifyContent:"flex-start",spacing:h.spacing(2),minHeight:h.spacing(4),sx:{width:"100%"},children:[
 /* @__PURE__ */e(n,{direction:"row",alignItems:"flex-start",spacing:1.5,children:[p.isLine?/* @__PURE__ */i(a,{sx:{width:h.spacing(2),transform:`translateY(${h.spacing(1)})`,height:h.spacing(.25),backgroundColor:p.color}}):/* @__PURE__ */i(a,{sx:{minWidth:h.spacing(2),transform:`translateY(${h.spacing(.25)})`,height:h.spacing(2),backgroundColor:p.color,borderRadius:h.spacing(.5)}}),
 /* @__PURE__ */i(r,{variant:"body2",sx:{fontWeight:h.typography.fontWeightBold},children:p.label})]}),
-/* @__PURE__ */i(n,{children:p.complete&&/* @__PURE__ */i(s,{startIcon:"circleCheck",variant:"tags-green",label:m.complete||"",disabled:!0})})]}),p.dataPoints&&p.dataPoints.length>0&&/* @__PURE__ */i(n,{spacing:2,sx:{mt:p.dataPoints[0].startValue&&p.dataPoints[0].endValue?h.spacing(1):0},children:p.dataPoints.map((t,a)=>/* @__PURE__ */e(n,{direction:"row",alignItems:"center",spacing:.5,children:[!!t.startValue&&!!t.endValue&&/* @__PURE__ */i(c,{currentValue:t.endValue,comparedTo:{value:t.startValue,label:t.label},improvement:g,layout:{direction:"horizontal",size:"M"},disableText:!0}),
+/* @__PURE__ */i(n,{children:p.complete&&/* @__PURE__ */i(s,{startIcon:"circleCheck",variant:"tags-green",label:m.complete||"",disabled:!0})})]}),p.dataPoints&&p.dataPoints.length>0&&/* @__PURE__ */i(n,{spacing:2,sx:{mt:p.dataPoints[0].startValue&&p.dataPoints[0].endValue?h.spacing(1):0},children:p.dataPoints.map((t,a)=>/* @__PURE__ */e(n,{direction:"row",alignItems:"center",spacing:.5,children:[!!t.startValue&&!!t.endValue&&/* @__PURE__ */i(c,{currentValue:t.endValue,comparedTo:{value:t.startValue,label:t.label},improvement:g,layout:{direction:"horizontal",size:"M"},mode:"difference",disableText:!0}),
 /* @__PURE__ */i(n,{direction:"column",alignItems:"flex-start",spacing:1,children:t.label&&/* @__PURE__ */i(r,{variant:"small",children:t.label})})]},`${p.key}-${a}`))}),
 /* @__PURE__ */i(a,{children:p.dataPoints&&p.dataPoints.map((t,a)=>t.link&&/* @__PURE__ */i(o,{href:t.link.url,target:"_blank",rel:"noopener noreferrer",sx:{display:"flex",alignItems:"center",textDecoration:"none",gap:h.spacing(1),cursor:"pointer"},children:/* @__PURE__ */e(n,{direction:"row",alignItems:"center",spacing:h.spacing(1),color:h.palette.primary.main,mt:h.spacing(2),sx:{"&:hover":{opacity:.8}},children:[
 /* @__PURE__ */i(l,{icon:t.link.icon,size:1}),

package/dist/components/ComparisonBlock/ComparisonBlock.d.ts

@@ -1,4 +1,5 @@
 export type Improvement = "increase" | "decrease";
+export type ComparisonMode = "performance" | "difference";
 type Horizontal2RowsLayout = {
     direction: "horizontal-2-rows";
     size: "M";
@@ -25,6 +26,7 @@ type ComparisonBlockProps = {
     comparisonText?: string;
     layout?: Layout;
     locale?: string;
+    mode?: ComparisonMode;
 };
 export declare const ComparisonBlock: (props: ComparisonBlockProps) => import("react/jsx-runtime").JSX.Element | undefined;
 export {};

package/dist/components/ComparisonBlock/ComparisonBlock.js

@@ -1,4 +1,4 @@
-import{jsxs as o,jsx as r}from"react/jsx-runtime";import e from"@mui/material/Box";import{HorizontalMediumBlock as i}from"./Blocks/HorizontalMediumBlock.js";import{useColorAndArrowIcon as t}from"./useColorAndArrow.js";import{VerticalLargeBlock as a}from"./Blocks/VerticalLargeBlock.js";import{VerticalMediumBlock as l}from"./Blocks/VerticalMediumBlock.js";import{HorizontalLargeBlock as c}from"./Blocks/HorizontalLargeBlock.js";import{HorizontalSmallBlock as n}from"./Blocks/HorizontalSmallBlock.js";import{Horizontal2RowsBlock as m}from"./Blocks/Horizontal2RowsBlock.js";const s=s=>{const{currentValue:p,comparedTo:u,comparisonText:d="par rapport à",improvement:f,layout:k={direction:"vertical",size:"L"},disableText:x=!1,locale:z}=s,B=Number(u.value),b=t({currentValue:p,previousValue:B,improvement:f,layout:k}),y=B>0?Math.abs(100-p/B*100):null,g=null!==y?new Intl.NumberFormat(z,{style:"percent",notation:"compact",minimumFractionDigits:0,maximumFractionDigits:0}).format(y/100):"",w=new Intl.NumberFormat(z).format(B),h={comparisonText:d,percentageDifference:g,comparedTo:{...u,value:w},iconName:b.icon,colors:b.color,disableText:x};if("vertical"===k.direction)/* @__PURE__ */
-return o(e,{sx:{borderRadius:"12px",background:b.color.secondaryColor,width:"fit-content",padding:"M"===s.layout?.size?"8px":"16px"},className:"comparison-block-wrapper",children:["L"===s.layout?.size&&/* @__PURE__ */r(a,{...h}),"M"===s.layout?.size&&/* @__PURE__ */r(l,{...h})]});if("horizontal"===k.direction){if("L"===s.layout?.size)/* @__PURE__ */
-return r(e,{sx:{borderRadius:"12px",background:b.color.secondaryColor,width:"fit-content",padding:"24px 16px"},className:"comparison-block-wrapper",children:/* @__PURE__ */r(c,{...h})});if("M"===s.layout?.size)/* @__PURE__ */
-return r(i,{...h})}return"horizontal-2-rows"===k.direction&&"M"===k.size?/* @__PURE__ */r(e,{children:/* @__PURE__ */r(m,{...h})}):"S"===s.layout?.size?/* @__PURE__ */r(n,{...h}):void 0};export{s as ComparisonBlock};
+import{jsxs as o,jsx as r}from"react/jsx-runtime";import e from"@mui/material/Box";import{HorizontalMediumBlock as i}from"./Blocks/HorizontalMediumBlock.js";import{useColorAndArrowIcon as t}from"./useColorAndArrow.js";import{VerticalLargeBlock as a}from"./Blocks/VerticalLargeBlock.js";import{VerticalMediumBlock as l}from"./Blocks/VerticalMediumBlock.js";import{HorizontalLargeBlock as c}from"./Blocks/HorizontalLargeBlock.js";import{HorizontalSmallBlock as n}from"./Blocks/HorizontalSmallBlock.js";import{Horizontal2RowsBlock as m}from"./Blocks/Horizontal2RowsBlock.js";const s=s=>{const{currentValue:p,comparedTo:u,comparisonText:d="par rapport à",improvement:f,layout:k={direction:"vertical",size:"L"},disableText:x=!1,locale:z,mode:B="performance"}=s,b=Number(u.value),y=t({currentValue:p,previousValue:b,improvement:f,layout:k,mode:B}),g=b>0?Math.abs(100-p/b*100):null,w=null!==g?new Intl.NumberFormat(z,{style:"percent",notation:"compact",minimumFractionDigits:0,maximumFractionDigits:0}).format(g/100):"",h=new Intl.NumberFormat(z).format(b),j={comparisonText:d,percentageDifference:w,comparedTo:{...u,value:h},iconName:y.icon,colors:y.color,disableText:x};if("vertical"===k.direction)/* @__PURE__ */
+return o(e,{sx:{borderRadius:"12px",background:y.color.secondaryColor,width:"fit-content",padding:"M"===s.layout?.size?"8px":"16px"},className:"comparison-block-wrapper",children:["L"===s.layout?.size&&/* @__PURE__ */r(a,{...j}),"M"===s.layout?.size&&/* @__PURE__ */r(l,{...j})]});if("horizontal"===k.direction){if("L"===s.layout?.size)/* @__PURE__ */
+return r(e,{sx:{borderRadius:"12px",background:y.color.secondaryColor,width:"fit-content",padding:"24px 16px"},className:"comparison-block-wrapper",children:/* @__PURE__ */r(c,{...j})});if("M"===s.layout?.size)/* @__PURE__ */
+return r(i,{...j})}return"horizontal-2-rows"===k.direction&&"M"===k.size?/* @__PURE__ */r(e,{children:/* @__PURE__ */r(m,{...j})}):"S"===s.layout?.size?/* @__PURE__ */r(n,{...j}):void 0};export{s as ComparisonBlock};

package/dist/components/ComparisonBlock/useColorAndArrow.d.ts

@@ -1,5 +1,5 @@
 import { IconMapping } from '../Icons/index.ts';
-import { Improvement, Layout } from './ComparisonBlock.tsx';
+import { ComparisonMode, Improvement, Layout } from './ComparisonBlock.tsx';
 export type ColorSet = {
     primaryColor: string;
     secondaryColor: string;
@@ -13,6 +13,12 @@ type Options = {
     previousValue: number;
     improvement: Improvement;
     layout: Layout;
+    mode?: ComparisonMode;
 };
+type Indicator = {
+    icon: keyof IconMapping;
+    tone: "good" | "bad" | "neutral";
+};
+export declare const getComparisonIndicator: (options: Options) => Indicator;
 export declare const useColorAndArrowIcon: (options: Options) => IconAndColor;
 export {};

package/dist/components/ComparisonBlock/useColorAndArrow.js

@@ -1 +1 @@
-import{useTheme as o}from"@mui/material";const r=r=>{const{currentValue:e,previousValue:c,improvement:t,layout:i}=r,n=o(),s={primaryColor:n.custom.green[500],secondaryColor:n.custom.green[100]},u={primaryColor:n.custom.red[500],secondaryColor:n.custom.red[100]};if(e===c)return{color:{primaryColor:n.custom.grey[2800],secondaryColor:n.custom.grey[300]},icon:"equal"};const a="M"===i.size&&"horizontal"===i.direction,l=e>c,m=l?a?"plus":"arrowUpRight":a?"minus":"arrowDownRight";return"increase"===t?{color:l?s:u,icon:m}:{color:l?u:s,icon:m}};export{r as useColorAndArrowIcon};
+import{useTheme as o}from"@mui/material";const r=o=>{const{currentValue:r,previousValue:e,improvement:n,layout:t,mode:i="performance"}=o;if(r===e)return{icon:"equal",tone:"neutral"};const a=r>e;if("difference"===i)return{icon:a?"plus":"minus",tone:"neutral"};const c="M"===t.size&&"horizontal"===t.direction;return{icon:a?c?"plus":"arrowUpRight":c?"minus":"arrowDownRight",tone:("increase"===n?a:!a)?"good":"bad"}},e=e=>{const n=o(),t={primaryColor:n.custom.green[500],secondaryColor:n.custom.green[100]},i={primaryColor:n.custom.red[500],secondaryColor:n.custom.red[100]},a={primaryColor:n.palette.primary[700],secondaryColor:n.palette.primary[100]},c={primaryColor:n.custom.grey[2800],secondaryColor:n.custom.grey[300]},m=r(e);return{color:"good"===m.tone?t:"bad"===m.tone?i:"difference"===e.mode?a:c,icon:m.icon}};export{r as getComparisonIndicator,e as useColorAndArrowIcon};

package/dist/components/ComparisonBlock/useColorAndArrow.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foodpilot/foods",
   "private": false,
-  "version": "2.14.2",
+  "version": "2.15.0",
   "type": "module",
   "main": "./dist/main.js",
   "module": "./dist/main.js",
@@ -192,6 +192,7 @@
     "preview": "vite preview",
     "storybook": "storybook dev --no-open",
     "local-storybook": "storybook dev -p 6007",
+    "test": "vitest run",
     "build-storybook": "storybook build",
     "lint:fix": "npm run lint --fix",
     "prepare": "husky install",
@@ -205,7 +206,6 @@
     "publish:minor": "gh workflow run release.yml --ref main --field version_type=minor",
     "publish:major": "gh workflow run release.yml --ref main --field version_type=major",
     "size": "size-limit",
-    "test": "vitest run",
     "test:watch": "vitest"
   },
   "peerDependencies": {