@foodpilot/foods 2.17.9 → 2.18.0

package/dist/components/Cards/ScoreOverviewCard/ScoreOverviewCard.d.ts

@@ -0,0 +1,55 @@
+import { ButtonBaseProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { IconMapping } from '../../Icons';
+import { FoodsIconButtonProps } from '../../Button';
+export type ScoreOverviewCardLevel = {
+    label: string;
+    colors: {
+        background: string;
+        foreground: string;
+    };
+};
+export type ScoreOverviewCardVariationAction = {
+    ariaLabel: string;
+    controls: string;
+    onOpen: NonNullable<NonNullable<FoodsIconButtonProps["buttonProps"]>["onClick"]>;
+    open: boolean;
+};
+type ScoreOverviewCardBaseProps = {
+    disabled?: boolean;
+    icon: keyof IconMapping;
+    level: ScoreOverviewCardLevel;
+    onSelect: NonNullable<ButtonBaseProps["onClick"]>;
+    selected: boolean;
+    selectionLabel: string;
+    title: string;
+    unit: string;
+    valueAdornment?: ReactNode;
+    variationAction?: ScoreOverviewCardVariationAction;
+    variationLabel: string;
+};
+type LoadedScoreOverviewCardProps = ScoreOverviewCardBaseProps & {
+    emptyLabel?: never;
+    isLoading?: false;
+    value: string;
+};
+type EmptyScoreOverviewCardProps = ScoreOverviewCardBaseProps & {
+    emptyLabel: string;
+    isLoading?: false;
+    value: null;
+};
+type LoadingScoreOverviewCardProps = ScoreOverviewCardBaseProps & {
+    emptyLabel?: never;
+    isLoading: true;
+    value?: never;
+};
+export type ScoreOverviewCardProps = LoadedScoreOverviewCardProps | EmptyScoreOverviewCardProps | LoadingScoreOverviewCardProps;
+/**
+ * Controlled score selector card for Product score overviews.
+ *
+ * Figma provenance: selected `14219:66823`; inactive `14219:66824`,
+ * `14219:66825`, and `14219:66826`. Consumers own score data, variation
+ * menus, level semantics, formatting, and selection state.
+ */
+export declare const ScoreOverviewCard: (props: ScoreOverviewCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Cards/ScoreOverviewCard/ScoreOverviewCard.js

@@ -0,0 +1,14 @@
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useTheme as o,Stack as r,ButtonBase as t,Box as n,Typography as a,CircularProgress as s}from"@mui/material";import{FoodsIcon as c}from"../../Icons/FoodsIcon.js";import{FoodsTags as d}from"../../Tags/FoodsTags.js";import{FoodsIconButton as l}from"../../Button/FoodsIconButton.js";const p=p=>{const u=o(),g=u.custom.grey[100],m=p.selected?g:u.custom.grey[2800],h=p.selected?g:u.custom.grey[2500],b=p.selected?u.palette.primary[50]:u.custom.grey[2e3],v=u.custom.strokes.containerDivider;/* @__PURE__ */
+return e(r,{sx:{backgroundColor:p.selected?u.palette.primary[800]:u.custom.grey[100],borderBottomLeftRadius:u.spacing(1.5),borderBottomRightRadius:u.spacing(1.5),borderTopLeftRadius:u.spacing(1.5),borderTopRightRadius:u.spacing(1.5),boxShadow:p.selected?u.custom.shadows.hard:u.custom.shadows.grey,boxSizing:"border-box",flexShrink:0,height:p.selected?u.custom.scoreOverviewCard.heights.selected:u.custom.scoreOverviewCard.heights.inactive,isolation:"isolate",overflow:"hidden",position:"relative",width:u.custom.scoreOverviewCard.width},children:[
+/* @__PURE__ */i(t,{"aria-label":p.selectionLabel,"aria-pressed":p.selected,disabled:p.disabled,onClick:p.onSelect,sx:{backgroundColor:"transparent",borderRadius:"inherit",inset:0,position:"absolute",zIndex:2,"&.Mui-focusVisible":{outline:"auto"}}}),
+/* @__PURE__ */e(r,{sx:{boxSizing:"border-box",gap:u.spacing(3),height:"100%",padding:u.spacing(3),pointerEvents:"none",position:"relative",width:"100%",zIndex:"auto"},children:[
+/* @__PURE__ */e(r,{sx:{gap:u.spacing(1),minWidth:0},children:[
+/* @__PURE__ */e(r,{direction:"row",alignItems:"flex-start",justifyContent:"space-between",children:[
+/* @__PURE__ */i(n,{"aria-hidden":!0,sx:{alignItems:"center",backgroundColor:u.palette.primary[50],borderRadius:u.spacing(1.5),color:u.palette.primary[600],display:"flex",height:u.custom.scoreOverviewCard.icon.containerSize,justifyContent:"center",padding:u.spacing(.5),width:u.custom.scoreOverviewCard.icon.containerSize},children:/* @__PURE__ */i(c,{icon:p.icon,size:u.custom.scoreOverviewCard.icon.glyphSize})}),
+/* @__PURE__ */i(d,{size:"display",label:p.level.label,endIcon:"information",colors:p.level.colors,sx:{"& .MuiButton-endIcon":{padding:0},borderWidth:0,paddingInlineEnd:u.spacing(.5),pointerEvents:"auto",position:"relative",zIndex:3}})]}),
+/* @__PURE__ */e(r,{sx:{minWidth:0},children:[
+/* @__PURE__ */i(a,{component:"h3",noWrap:!0,title:p.title,variant:"big-semibold",sx:{color:m},children:p.title}),
+/* @__PURE__ */e(r,{direction:"row",alignItems:"center",sx:{gap:u.spacing(.5),minWidth:0},children:[
+/* @__PURE__ */i(a,{noWrap:!0,title:p.variationLabel,variant:"body-regular",sx:{color:h,minWidth:0},children:p.variationLabel}),p.variationAction&&/* @__PURE__ */i(l,{size:"xs",icon:"arrowDownShort",buttonProps:{"aria-controls":p.variationAction.open?p.variationAction.controls:void 0,"aria-expanded":p.variationAction.open,"aria-haspopup":"menu","aria-label":p.variationAction.ariaLabel,disabled:p.disabled,onClick:p.variationAction.onOpen,sx:{color:h,pointerEvents:"auto",position:"relative",zIndex:3}}})]})]})]}),
+/* @__PURE__ */e(r,{direction:"row",alignItems:"baseline",sx:{gap:u.spacing(1),minWidth:0},children:[p.isLoading?/* @__PURE__ */i(s,{color:"inherit",size:u.spacing(3)}):null===p.value?/* @__PURE__ */i(n,{role:"img","aria-label":p.emptyLabel,sx:{alignItems:"center",backgroundColor:u.custom.grey[400],borderRadius:u.spacing(.5),color:u.custom.grey[1400],display:"flex",flexShrink:0,height:u.custom.scoreValue.emptyIndicator.size,justifyContent:"center",width:u.custom.scoreValue.emptyIndicator.size},children:/* @__PURE__ */i(c,{icon:"empty",size:u.custom.scoreValue.emptyIndicator.iconSize})}):/* @__PURE__ */i(a,{variant:"number-big",sx:{color:m},children:p.value}),
+/* @__PURE__ */i(a,{variant:"big-regular",noWrap:!0,sx:{color:b},children:p.unit}),p.valueAdornment]})]}),!1===p.selected&&/* @__PURE__ */i(n,{"aria-hidden":!0,sx:{borderColor:v.color,borderRadius:"inherit",borderStyle:v.style,borderWidth:v.width,boxSizing:"border-box",inset:0,pointerEvents:"none",position:"absolute",zIndex:4}})]})};export{p as ScoreOverviewCard};

package/dist/components/Cards/ScoreOverviewCard/index.d.ts

@@ -0,0 +1,2 @@
+export { ScoreOverviewCard } from './ScoreOverviewCard';
+export type { ScoreOverviewCardLevel, ScoreOverviewCardProps, ScoreOverviewCardVariationAction, } from './ScoreOverviewCard';

package/dist/components/Cards/index.d.ts

@@ -6,3 +6,4 @@ export * from './SeeMoreCard/SeeMoreCard';
 export * from './SelectionCard/SelectionCard';
 export * from './SelectionCard/SelectionCardGroup';
 export * from './DoughnutCard';
+export * from './ScoreOverviewCard';

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

@@ -39,6 +39,10 @@ export type ScatterPlotProps = {
     unit?: string;
     xUnit?: string;
     yUnit?: string;
+    /** Controls the component-owned surface. Embedded plots keep the same axes and engine. */
+    surface?: "default" | "embedded";
+    /** Keeps the existing legend by default; consumers may hide it when the surrounding design already names the data. */
+    showLegend?: boolean;
     textOptions?: {
         for: string;
     };

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

@@ -1,15 +1,15 @@
-import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import{useState as i,useMemo as a}from"react";import{useTheme as r,Stack as o,Box as l,Typography as s}from"@mui/material";import{ScatterPlotCore as c}from"./ScatterPlotCore.js";const d=d=>{const{values:p,xMin:h,xMax:x,yMin:g,yMax:m,xLabel:u,yLabel:y,width:f="100%",height:v="800px",valueFormatterFn:b,precision:w,language:M,unit:C,xUnit:j,yUnit:k,textOptions:S,onLegendHover:O,tooltipOptions:z}=d,E=r(),[F,I]=i(/* @__PURE__ */new Set),L=a(()=>p.length<=1?p:p.map((e,t)=>({...e,data:F.has(t)?[]:e.data})).filter(e=>e.data.length>0),[p,F]);/* @__PURE__ */
+import{jsxs as e,Fragment as t,jsx as i}from"react/jsx-runtime";import{useState as n,useMemo as r}from"react";import{useTheme as a,Stack as o,Box as s,Typography as l}from"@mui/material";import{ScatterPlotCore as c}from"./ScatterPlotCore.js";const d=d=>{const{values:p,xMin:h,xMax:g,yMin:x,yMax:m,xLabel:u,yLabel:y,width:f="100%",height:v="800px",valueFormatterFn:b,precision:w,language:k,unit:M,xUnit:C,yUnit:j,surface:S="default",showLegend:L=!0,textOptions:O,onLegendHover:$,tooltipOptions:z}=d,D=a(),E="embedded"===S,[F,I]=n(/* @__PURE__ */new Set),U=r(()=>p.length<=1?p:p.map((e,t)=>({...e,data:F.has(t)?[]:e.data})).filter(e=>e.data.length>0),[p,F]);/* @__PURE__ */
 return e(t,{children:[
-/* @__PURE__ */n(o,{direction:"column",position:"relative",width:f,minHeight:E.spacing(50),height:v,justifyContent:"stretch",sx:{"& *":{outline:"none"}},children:/* @__PURE__ */e(l,{sx:{border:`1px solid ${E.palette.divider}`,backgroundColor:E.palette.background.paper,borderRadius:E.spacing(1),width:"100%",height:v,padding:E.spacing(3),display:"flex",flexDirection:"column"},children:[
-/* @__PURE__ */n(l,{sx:{mb:E.spacing(2),pointerEvents:"none"},children:/* @__PURE__ */e(l,{sx:{display:"flex",alignItems:"center",gap:".5rem"},children:[
-/* @__PURE__ */n(s,{variant:"h4",children:y}),
-/* @__PURE__ */n(s,{variant:"body",children:"-"}),
-/* @__PURE__ */n(s,{variant:"body",children:k})]})}),
-/* @__PURE__ */n(l,{sx:{position:"relative",width:"100%",flex:1},children:/* @__PURE__ */n(c,{values:L,xMin:h,xMax:x,yMin:g,yMax:m,valueFormatterFn:b,precision:w,language:M,unit:C,xUnit:j,yUnit:k,textOptions:S,onLegendHover:O,tooltipOptions:z,showSeriesInTooltip:p.length>1})}),
-/* @__PURE__ */n(l,{sx:{mt:E.spacing(2),display:"flex",justifyContent:"flex-end",pointerEvents:"none"},children:/* @__PURE__ */e(l,{sx:{display:"flex",alignItems:"center",gap:".5rem"},children:[
-/* @__PURE__ */n(s,{variant:"h4",children:u}),
-/* @__PURE__ */n(s,{variant:"body",children:"-"}),
-/* @__PURE__ */n(s,{variant:"body",children:j})]})})]})}),p&&p.length>0&&/* @__PURE__ */n(l,{sx:{mt:E.spacing(4),pb:E.spacing(4)},children:/* @__PURE__ */n(l,{sx:{display:"flex",justifyContent:"flex-start",flexWrap:"wrap",gap:`${E.spacing(2)} ${E.spacing(6)}`},children:p.map((t,i)=>{const a=(i+1)%Object.keys(E.custom.dataviz.colorsWithExtra).length+1,r=t.color||E.custom.dataviz.colorsWithExtra[a].main;/* @__PURE__ */
-return e(l,{sx:{display:"flex",alignItems:"center",gap:E.spacing(1),cursor:p.length>1?"pointer":"default",opacity:F.has(i)?.4:1},onClick:()=>{p.length>1&&(e=>{p.length<=1||I(t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.size<p.length-1&&n.add(e),n})})(i),O?.(i)},children:[
-/* @__PURE__ */n(l,{sx:{width:E.spacing(1.5),height:E.spacing(1.5),borderRadius:"50%",backgroundColor:r,flexShrink:0}}),
-/* @__PURE__ */n(s,{variant:"body2",fontWeight:500,sx:{fontSize:"14px",color:E.palette.text.primary},children:t.name})]},t.name)})})})]})};export{d as ScatterPlot};
+/* @__PURE__ */i(o,{direction:"column",position:"relative",width:f,minHeight:E?0:D.spacing(50),height:v,justifyContent:"stretch",sx:{"& *":{outline:"none"}},children:/* @__PURE__ */e(s,{sx:{border:`${D.custom.strokes.containerDivider.width} ${D.custom.strokes.containerDivider.style} ${E?D.custom.strokes.containerDivider.color:D.palette.divider}`,backgroundColor:E?D.custom.grey[200]:D.palette.background.paper,borderRadius:E?D.spacing(1.5):D.spacing(1),width:"100%",height:v,padding:D.spacing(3),display:"flex",flexDirection:"column"},children:[
+/* @__PURE__ */i(s,{sx:{mb:D.spacing(2),pointerEvents:"none"},children:/* @__PURE__ */e(s,{sx:{display:"flex",alignItems:"center",gap:".5rem"},children:[
+/* @__PURE__ */i(l,{variant:"h4",children:y}),
+/* @__PURE__ */i(l,{variant:"body",children:"-"}),
+/* @__PURE__ */i(l,{variant:"body",children:j})]})}),
+/* @__PURE__ */i(s,{sx:{position:"relative",width:"100%",flex:1},children:/* @__PURE__ */i(c,{values:U,xMin:h,xMax:g,yMin:x,yMax:m,valueFormatterFn:b,precision:w,language:k,unit:M,xUnit:C,yUnit:j,textOptions:O,onLegendHover:$,tooltipOptions:z,showSeriesInTooltip:p.length>1})}),
+/* @__PURE__ */i(s,{sx:{mt:D.spacing(2),display:"flex",justifyContent:"flex-end",pointerEvents:"none"},children:/* @__PURE__ */e(s,{sx:{display:"flex",alignItems:"center",gap:".5rem"},children:[
+/* @__PURE__ */i(l,{variant:"h4",children:u}),
+/* @__PURE__ */i(l,{variant:"body",children:"-"}),
+/* @__PURE__ */i(l,{variant:"body",children:C})]})})]})}),L&&p&&p.length>0&&/* @__PURE__ */i(s,{sx:{mt:D.spacing(4),pb:D.spacing(4)},children:/* @__PURE__ */i(s,{sx:{display:"flex",justifyContent:"flex-start",flexWrap:"wrap",gap:`${D.spacing(2)} ${D.spacing(6)}`},children:p.map((t,n)=>{const r=(n+1)%Object.keys(D.custom.dataviz.colorsWithExtra).length+1,a=t.color||D.custom.dataviz.colorsWithExtra[r].main;/* @__PURE__ */
+return e(s,{sx:{display:"flex",alignItems:"center",gap:D.spacing(1),cursor:p.length>1?"pointer":"default",opacity:F.has(n)?.4:1},onClick:()=>{p.length>1&&(e=>{p.length<=1||I(t=>{const i=new Set(t);return i.has(e)?i.delete(e):i.size<p.length-1&&i.add(e),i})})(n),$?.(n)},children:[
+/* @__PURE__ */i(s,{sx:{width:D.spacing(1.5),height:D.spacing(1.5),borderRadius:"50%",backgroundColor:a,flexShrink:0}}),
+/* @__PURE__ */i(l,{variant:"body2",fontWeight:500,sx:{fontSize:"14px",color:D.palette.text.primary},children:t.name})]},t.name)})})})]})};export{d as ScatterPlot};

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

@@ -1,7 +1,6 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useMemo as i,useState as e,useRef as n,useCallback as r,useEffect as a}from"react";import{useTheme as s,Box as l}from"@mui/material";import{ResponsiveContainer as m,ScatterChart as c,CartesianGrid as d,XAxis as p,YAxis as h}from"recharts";import{useScatterPlotInteraction as u}from"./useScatterPlotInteraction.js";import{ScatterPlotHoverOverlay as v}from"./ScatterPlotHoverOverlay.js";import{ScatterPlotTooltip as x}from"./ScatterPlotTooltip.js";import{ScatterPlotPoints as f}from"./ScatterPlotPoints.js";import{processScatterPlotData as y,createGroupedData as g,ANIMATION_DURATION as M,CHART_MARGIN_BOTTOM as P,CHART_MARGIN_LEFT as D,CHART_MARGIN_RIGHT as k,CHART_MARGIN_TOP as F}from"./utils.js";import L from"i18next";const T=T=>{const E=s(),{values:S,xMin:b,xMax:w,yMin:z,yMax:I,valueFormatterFn:j=E.numbers.valueFormatterFn,precision:O,language:W,unit:U,xUnit:A,yUnit:C,textOptions:H,showSeriesInTooltip:K=!0,tooltipOptions:$}=T,{hoveredIndex:R,hover:X,pinnedIndex:Y,pinnedHover:q,isPinned:B,handlePointEnter:G,handlePointClick:J,handlePointLeave:N,handleTooltipEnter:Q,handleTooltipLeave:V,handleDismissTooltip:Z}=u(),{allPoints:_,shouldShowLabels:tt}=i(()=>y(S,E.custom.dataviz.colorsWithExtra),[S,E.custom.dataviz.colorsWithExtra]),ot=i(()=>g(S,E.custom.dataviz.colorsWithExtra,_),[S,E.custom.dataviz.colorsWithExtra,_]),{xDomain:it,yDomain:et}=i(()=>{const t=S.flatMap(t=>t.data);if(0===t.length)return{xDomain:void 0!==b&&void 0!==w?[b,w]:[0,100],yDomain:void 0!==z&&void 0!==I?[z,I]:[0,100]};const o=t.map(t=>t.x),i=t.map(t=>t.y),e=Math.min(...o),n=Math.max(...o),r=Math.min(...i),a=Math.max(...i);return{xDomain:void 0!==b&&void 0!==w?[b,w]:[Math.max(0,e),n],yDomain:void 0!==z&&void 0!==I?[z,I]:[Math.max(0,r),a]}},[S,b,w,z,I]),[nt,rt]=e(!0),at=n(null),st=n(null),[lt,mt]=e(0),ct=W??L.language,dt="number"==typeof O?Math.min(100,Math.max(0,O)):void 0,pt=r(t=>j(t,dt),[j,dt]);return a(()=>{const t=setTimeout(()=>{rt(!1)},M);return()=>clearTimeout(t)},[]),a(()=>{const t=at.current;if(!t)return;const o=()=>mt(t.clientWidth);o();const i=new ResizeObserver(o);return i.observe(t),()=>i.disconnect()},[]),/* @__PURE__ */t(l,{onClick:t=>{const o=t.target;if(o.classList.contains("recharts-dot"))return;const i=st.current;i&&i.contains(o)||Z()},onMouseLeave:()=>Z(),ref:at,sx:{position:"relative",width:"100%",height:"100%"},children:[
-/* @__PURE__ */o(m,{width:"100%",height:"100%",children:/* @__PURE__ */t(c,{margin:{top:F,right:k,left:D,bottom:P},children:[
-/* @__PURE__ */o(d,{strokeDasharray:"4 4",stroke:E.palette.divider}),
-/* @__PURE__ */o(p,{type:"number",dataKey:"x",domain:it,tickLine:!1,axisLine:{stroke:E.palette.divider},tick:{fontFamily:"Montserrat",fontSize:14,style:{transform:`translateY(${E.spacing(2)})`}},tickFormatter:pt,allowDecimals:!0}),
-/* @__PURE__ */o(h,{type:"number",dataKey:"y",domain:et,tickLine:!1,axisLine:{stroke:E.palette.divider},tick:{fontFamily:"Montserrat",fontSize:14,style:{transform:`translateX(-${E.spacing(2)})`,pointerEvents:"none"}},tickFormatter:pt,allowDecimals:!0,style:{pointerEvents:"none"}}),
-/* @__PURE__ */o(v,{hover:X,valueFormatterFn:j,precision:dt,language:ct,xDomain:it,yDomain:et}),
-/* @__PURE__ */o(f,{groupedData:ot,allPoints:_,hoveredIndex:R,pinnedIndex:Y,isTooltipActive:!!(B&&null!==Y&&q&&_[Y]),isAnimationActive:nt,shouldShowLabels:tt,containerWidth:lt,onPointEnter:G,onPointLeave:N,onPointClick:(t,o,i,e)=>{e.stopPropagation(),J(t,o,i)}})]})}),!!(B&&null!==Y&&q&&_[Y])&&/* @__PURE__ */o(x,{ref:st,point:_[Y],coordinate:q,series:S,valueFormatterFn:j,precision:O,unit:U,xUnit:A,yUnit:C,textOptions:H,showSeriesInTooltip:K,handleDismissTooltip:Z,tooltipOptions:$,onTooltipEnter:Q,onTooltipLeave:V})]})};export{T as ScatterPlotCore};
+import{jsxs as t,jsx as i}from"react/jsx-runtime";import{useMemo as o,useState as e,useRef as n,useCallback as a,useEffect as r}from"react";import{useTheme as s,Box as l}from"@mui/material";import{ResponsiveContainer as m,ScatterChart as c,CartesianGrid as h,XAxis as d,YAxis as p}from"recharts";import{useScatterPlotInteraction as u}from"./useScatterPlotInteraction.js";import{ScatterPlotHoverOverlay as v}from"./ScatterPlotHoverOverlay.js";import{ScatterPlotTooltip as x}from"./ScatterPlotTooltip.js";import{ScatterPlotPoints as f}from"./ScatterPlotPoints.js";import{processScatterPlotData as g,createGroupedData as y,ANIMATION_DURATION as w,CHART_MARGIN_BOTTOM as M,CHART_MARGIN_LEFT as D,CHART_MARGIN_RIGHT as P,CHART_MARGIN_TOP as k}from"./utils.js";import F from"i18next";const L=L=>{const T=s(),{values:E,xMin:S,xMax:b,yMin:z,yMax:I,valueFormatterFn:j=T.numbers.valueFormatterFn,precision:O,language:W,unit:C,xUnit:R,yUnit:U,textOptions:A,showSeriesInTooltip:H=!0,tooltipOptions:K}=L,{hoveredIndex:$,hover:B,pinnedIndex:X,pinnedHover:Y,isPinned:q,handlePointEnter:G,handlePointClick:J,handlePointLeave:N,handleTooltipEnter:Q,handleTooltipLeave:V,handleDismissTooltip:Z}=u(),{allPoints:_,shouldShowLabels:tt}=o(()=>g(E,T.custom.dataviz.colorsWithExtra),[E,T.custom.dataviz.colorsWithExtra]),it=o(()=>y(E,T.custom.dataviz.colorsWithExtra,_),[E,T.custom.dataviz.colorsWithExtra,_]),{xDomain:ot,yDomain:et}=o(()=>{const t=E.flatMap(t=>t.data);if(0===t.length)return{xDomain:void 0!==S&&void 0!==b?[S,b]:[0,100],yDomain:void 0!==z&&void 0!==I?[z,I]:[0,100]};const i=t.map(t=>t.x),o=t.map(t=>t.y),e=Math.min(...i),n=Math.max(...i),a=Math.min(...o),r=Math.max(...o);return{xDomain:void 0!==S&&void 0!==b?[S,b]:[Math.max(0,e),n],yDomain:void 0!==z&&void 0!==I?[z,I]:[Math.max(0,a),r]}},[E,S,b,z,I]),[nt,at]=e(!0),rt=n(null),st=n(null),[lt,mt]=e({height:0,width:0}),ct=W??F.language,ht="number"==typeof O?Math.min(100,Math.max(0,O)):void 0,dt=a(t=>j(t,ht),[j,ht]);return r(()=>{const t=setTimeout(()=>{at(!1)},w);return()=>clearTimeout(t)},[]),r(()=>{const t=rt.current;if(!t)return;const i=(t,i)=>{mt(o=>o.width===t&&o.height===i?o:{width:t,height:i})},o=t.getBoundingClientRect();i(o.width,o.height);const e=new ResizeObserver(([t])=>{t&&i(t.contentRect.width,t.contentRect.height)});return e.observe(t),()=>e.disconnect()},[]),/* @__PURE__ */t(l,{onClick:t=>{const i=t.target;if(i.classList.contains("recharts-dot"))return;const o=st.current;o&&o.contains(i)||Z()},onMouseLeave:()=>Z(),ref:rt,sx:{position:"relative",width:"100%",height:"100%"},children:[lt.width>0&&lt.height>0&&/* @__PURE__ */i(m,{width:"100%",height:"100%",initialDimension:lt,children:/* @__PURE__ */t(c,{margin:{top:k,right:P,left:D,bottom:M},children:[
+/* @__PURE__ */i(h,{strokeDasharray:"4 4",stroke:T.palette.divider}),
+/* @__PURE__ */i(d,{type:"number",dataKey:"x",domain:ot,tickLine:!1,axisLine:{stroke:T.palette.divider},tick:{fontFamily:"Montserrat",fontSize:14,style:{transform:`translateY(${T.spacing(2)})`}},tickFormatter:dt,allowDecimals:!0}),
+/* @__PURE__ */i(p,{type:"number",dataKey:"y",domain:et,tickLine:!1,axisLine:{stroke:T.palette.divider},tick:{fontFamily:"Montserrat",fontSize:14,style:{transform:`translateX(-${T.spacing(2)})`,pointerEvents:"none"}},tickFormatter:dt,allowDecimals:!0,style:{pointerEvents:"none"}}),
+/* @__PURE__ */i(v,{hover:B,valueFormatterFn:j,precision:ht,language:ct,xDomain:ot,yDomain:et}),
+/* @__PURE__ */i(f,{groupedData:it,allPoints:_,hoveredIndex:$,pinnedIndex:X,isTooltipActive:!!(q&&null!==X&&Y&&_[X]),isAnimationActive:nt,shouldShowLabels:tt,containerWidth:lt.width,onPointEnter:G,onPointLeave:N,onPointClick:(t,i,o,e)=>{e.stopPropagation(),J(t,i,o)}})]})}),!!(q&&null!==X&&Y&&_[X])&&/* @__PURE__ */i(x,{ref:st,point:_[X],coordinate:Y,series:E,valueFormatterFn:j,precision:O,unit:C,xUnit:R,yUnit:U,textOptions:A,showSeriesInTooltip:H,handleDismissTooltip:Z,tooltipOptions:K,onTooltipEnter:Q,onTooltipLeave:V})]})};export{L as ScatterPlotCore};

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

@@ -0,0 +1,10 @@
+import { ScoreDistributionProps } from './ScoreDistribution.types';
+/**
+ * Controlled score breakdown for lifecycle, sub-score, and impact views.
+ *
+ * Figma provenance: Product score details lifecycle `13140:99648`,
+ * sub-scores `13140:100217`, impacts closed `13140:100596`, and impacts
+ * open `13154:68496`. Consumers own data adaptation, localization, loading,
+ * and navigation; Foods owns the complete visual and interaction contract.
+ */
+export declare const ScoreDistribution: ({ displayByLabel, emptyLabel, getCollapseLabel, getExpandLabel, items, modes, onModeChange, selectedMode, summary, }: ScoreDistributionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useTheme as r,Stack as o,Typography as a,Button as t,Box as s}from"@mui/material";import{ScoreDistributionRow as n}from"./ScoreDistributionRow.js";import{ScoreDistributionSummary as d}from"./ScoreDistributionSummary.js";import{getScoreDistributionScale as l}from"./scoreDistributionScale.js";const c=({displayByLabel:c,emptyLabel:m,getCollapseLabel:p,getExpandLabel:g,items:b,modes:u,onModeChange:h,selectedMode:x,summary:y})=>{const f=r(),w=l(b);/* @__PURE__ */
+return e(o,{"data-testid":"score-distribution",gap:f.spacing(3),children:[
+/* @__PURE__ */e(o,{direction:"row",alignItems:"center",flexWrap:"wrap",gap:f.spacing(2),children:[
+/* @__PURE__ */i(a,{variant:"body-semibold",children:c}),
+/* @__PURE__ */i(o,{direction:"row",flexWrap:"wrap",gap:f.spacing(2),children:u.map(e=>/* @__PURE__ */i(t,{variant:x===e.id?"black-filled":"white-filled","aria-pressed":x===e.id,onClick:()=>h(e.id),children:e.label},e.id))})]}),
+/* @__PURE__ */e(s,{sx:{alignItems:"flex-start",display:"flex",flexWrap:"wrap",gap:f.spacing(3)},children:[
+/* @__PURE__ */i(d,{summary:y}),
+/* @__PURE__ */e(o,{"data-testid":"score-distribution-breakdown",gap:f.spacing(2),sx:{backgroundColor:f.custom.grey[100],borderRadius:f.spacing(1.5),boxShadow:f.custom.shadows.grey,isolation:"isolate",flex:`1 1 ${f.custom.scoreDetail.summaryWidth}`,minWidth:0,padding:f.spacing(2),position:"relative"},children:[b.length>0?b.map((e,r)=>/* @__PURE__ */i(n,{getCollapseLabel:p,getExpandLabel:g,item:e,isLast:r===b.length-1,mode:x,scale:w},`${x}:${e.id}`)):/* @__PURE__ */i(a,{variant:"body-regular",color:f.custom.grey[2500],children:m}),
+/* @__PURE__ */i(s,{"aria-hidden":!0,sx:{borderColor:f.custom.strokes.containerDivider.color,borderRadius:f.spacing(1.5),borderStyle:f.custom.strokes.containerDivider.style,borderWidth:f.custom.strokes.containerDivider.width,boxSizing:"border-box",inset:0,pointerEvents:"none",position:"absolute"}})]})]})]})};export{c as ScoreDistribution};

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

@@ -0,0 +1,36 @@
+import { IconMapping } from '../../Icons';
+import { NumberWithUnitValue } from '../../Number/NumberWithUnit';
+export type ScoreDistributionMode = "lifecycle" | "subscores" | "impacts";
+export type ScoreDistributionIconTone = "dataviz-1" | "dataviz-2" | "dataviz-3" | "dataviz-4" | "dataviz-5" | "dataviz-6" | "dataviz-7" | "dataviz-9" | "dataviz-13" | "green";
+export type ScoreDistributionItem = {
+    children: readonly ScoreDistributionItem[];
+    formattedValue: string;
+    id: string;
+    label: string;
+    unit: string;
+    value: number | null;
+    icon?: keyof IconMapping;
+    iconTone?: ScoreDistributionIconTone;
+    showInformation?: boolean;
+};
+export type ScoreDistributionModeOption = {
+    id: ScoreDistributionMode;
+    label: string;
+};
+export type ScoreDistributionSummary = {
+    emptyLabel: string;
+    unit: string;
+    value: NumberWithUnitValue;
+    specificityLabel?: string;
+};
+export type ScoreDistributionProps = {
+    displayByLabel: string;
+    emptyLabel: string;
+    getCollapseLabel: (item: ScoreDistributionItem) => string;
+    getExpandLabel: (item: ScoreDistributionItem) => string;
+    items: readonly ScoreDistributionItem[];
+    modes: readonly ScoreDistributionModeOption[];
+    onModeChange: (mode: ScoreDistributionMode) => void;
+    selectedMode: ScoreDistributionMode;
+    summary: ScoreDistributionSummary;
+};

package/dist/components/Chart/ScoreDistribution/ScoreDistributionRow.d.ts

@@ -0,0 +1,13 @@
+import { ScoreDistributionItem, ScoreDistributionMode } from './ScoreDistribution.types';
+import { ScoreDistributionScale } from './scoreDistributionScale';
+type ScoreDistributionRowProps = {
+    getCollapseLabel: (item: ScoreDistributionItem) => string;
+    getExpandLabel: (item: ScoreDistributionItem) => string;
+    item: ScoreDistributionItem;
+    isLast: boolean;
+    mode: ScoreDistributionMode;
+    scale: ScoreDistributionScale;
+    depth?: number;
+};
+export declare const ScoreDistributionRow: ({ depth, getCollapseLabel, getExpandLabel, item, isLast, mode, scale, }: ScoreDistributionRowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useTheme as t,Stack as a,Box as r,Typography as o}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,e)=>({lifecycle:e.custom.scoreDetail.lifecycleBreakdownWidth,subscores:e.custom.scoreDetail.subscoreBreakdownWidth,impacts:e.custom.scoreDetail.impactBreakdownWidth}[i]),m=({depth:h=0,getCollapseLabel:u,getExpandLabel:g,item:p,isLast:x,mode:b,scale:v})=>{const f=t(),[z,w]=n(!1),W=p.value??0,k=W<0,y=`${p.label} ${p.formattedValue}${"%"===p.unit?"":" "}${p.unit}`,I=p.children.length>0,S=v.range>0?Math.min(100,Math.abs(W)/v.range*100):0,B=k||0===W&&v.range>0&&!v.hasPositiveValue,C=((i,e)=>{switch(i){case"dataviz-1":return e.custom.dataviz.colors[1];case"dataviz-2":return e.custom.dataviz.colors[2];case"dataviz-3":return e.custom.dataviz.colors[3];case"dataviz-4":return e.custom.dataviz.colors[4];case"dataviz-5":return e.custom.dataviz.colors[5];case"dataviz-6":return e.custom.dataviz.colors[6];case"dataviz-7":return e.custom.dataviz.colors[7];case"dataviz-9":return e.custom.dataviz.extra[9];case"dataviz-13":return e.custom.dataviz.extra[13];case"green":return{main:e.custom.green[600],variant:{100:e.custom.status.green.surface}};default:return null}})(p.iconTone,f);/* @__PURE__ */
+return i(a,{gap:z?f.spacing(0===h?2:1):0,sx:{paddingBottom:0!==h||x?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:h>0?f.spacing(4):0,width:{xs:"100%",md:"auto"}},children:[I?/* @__PURE__ */e(d,{size:"xs",icon:z?"arrowDownShort":"arrowRightShort",buttonProps:{"aria-expanded":z,"aria-label":z?u(p):g(p),onClick:()=>w(i=>!i)}}):"lifecycle"===b&&p.icon?/* @__PURE__ */e(r,{"aria-hidden":!0,sx:{flexShrink:0,height:f.spacing(3),width:f.spacing(3)}}):null,p.icon&&/* @__PURE__ */e(r,{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__ */e(s,{icon:p.icon,size:1})}),
+/* @__PURE__ */e(o,{variant:"body-semibold",noWrap:0===h||"lifecycle"!==b,children:p.label})]}),
+/* @__PURE__ */i(a,{direction:"row",alignItems:"center",gap:p.showInformation?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(b,f)},children:[
+/* @__PURE__ */e(r,{role:"progressbar","aria-label":y,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":S,sx:{backgroundColor:"inherit",borderRadius:0,flexShrink:1,height:f.spacing(2),maxWidth:"100%",position:"relative",width:f.custom.scoreDetail.barWidth},children:/* @__PURE__ */e(r,{"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:B?100-v.zeroPosition+"%":void 0,insetInlineStart:B?void 0:`${v.zeroPosition}%`,maxWidth:"100%",minWidth:f.custom.barChart.zeroValueWidth,position:"absolute",width:0===W?f.custom.barChart.zeroValueWidth:`${S}%`}})}),
+/* @__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__ */e(o,{variant:"body-semibold",children:p.formattedValue}),
+/* @__PURE__ */e(o,{variant:"body-regular",children:p.unit})]})]}),p.showInformation&&/* @__PURE__ */e(r,{"aria-hidden":!0,sx:{alignItems:"center",display:"flex",flexShrink:0,height:f.spacing(3),justifyContent:"center",width:f.spacing(3)},children:/* @__PURE__ */e(s,{icon:"information",size:1})})]})]}),z&&/* @__PURE__ */e(a,{gap:f.spacing(1),children:p.children.map((i,t)=>/* @__PURE__ */e(m,{depth:h+1,getCollapseLabel:u,getExpandLabel:g,item:i,isLast:t===p.children.length-1,mode:b,scale:c(p.children)},i.id))}),0===h&&!x&&/* @__PURE__ */e(r,{"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};

package/dist/components/Chart/ScoreDistribution/ScoreDistributionSummary.d.ts

@@ -0,0 +1,6 @@
+import { ScoreDistributionSummary as ScoreDistributionSummaryValue } from './ScoreDistribution.types';
+type ScoreDistributionSummaryProps = {
+    summary: ScoreDistributionSummaryValue;
+};
+export declare const ScoreDistributionSummary: ({ summary }: ScoreDistributionSummaryProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useTheme as t,Stack as o}from"@mui/material";import{NumberWithUnit as e}from"../../Number/NumberWithUnit.js";import{FoodsTags as a}from"../../Tags/FoodsTags.js";const s=({summary:s})=>{const n=t();/* @__PURE__ */
+return i(o,{"data-testid":"score-distribution-summary",gap:n.spacing(1),sx:{alignSelf:"start",backgroundColor:n.custom.grey[300],borderRadius:n.spacing(1.5),boxSizing:"border-box",maxWidth:"100%",padding:n.spacing(2),width:{xs:"100%",lg:n.custom.scoreDetail.summaryWidth}},children:[
+/* @__PURE__ */r(e,{value:s.value,unit:s.unit,size:"big",unitVariant:"big-regular",hideUnitOnNull:!0,emptyLabel:s.emptyLabel}),s.specificityLabel&&/* @__PURE__ */r(a,{size:"display",label:s.specificityLabel,endIcon:"information",colors:{background:n.custom.grey[100],foreground:n.custom.grey[2800]},sx:{alignSelf:"flex-start",borderColor:n.custom.strokes.containerDivider.color,borderStyle:n.custom.strokes.containerDivider.style,borderWidth:n.custom.strokes.containerDivider.width,maxWidth:"100%",paddingInlineStart:n.spacing(.5),"& .MuiStack-root > .MuiTypography-root":{...n.typography["small-semibold"],whiteSpace:"nowrap"}}})]})};export{s as ScoreDistributionSummary};

package/dist/components/Chart/ScoreDistribution/index.d.ts

@@ -0,0 +1,2 @@
+export { ScoreDistribution } from './ScoreDistribution';
+export type { ScoreDistributionIconTone, ScoreDistributionItem, ScoreDistributionMode, ScoreDistributionModeOption, ScoreDistributionProps, ScoreDistributionSummary, } from './ScoreDistribution.types';

package/dist/components/Chart/ScoreDistribution/scoreDistributionScale.d.ts

@@ -0,0 +1,7 @@
+import { ScoreDistributionItem } from './ScoreDistribution.types';
+export type ScoreDistributionScale = {
+    hasPositiveValue: boolean;
+    range: number;
+    zeroPosition: number;
+};
+export declare const getScoreDistributionScale: (items: readonly ScoreDistributionItem[]) => ScoreDistributionScale;

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

@@ -0,0 +1 @@
+const a=a=>{const t=a.map(({value:a})=>a??0),e=Math.min(0,...t),o=Math.max(0,...t),n=o-e;return{hasPositiveValue:o>0,range:n,zeroPosition:n>0?Math.abs(e)/n*100:0}};export{a as getScoreDistributionScale};

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

@@ -1,9 +1,9 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useTheme as t,Box as a,Stack as n,Typography as r,Link as o}from"@mui/material";import{FoodsIcon as l}from"../../../Icons/FoodsIcon.js";import{FoodsTags as s}from"../../../Tags/FoodsTags.js";import{ComparisonBlock as c}from"../../../ComparisonBlock/ComparisonBlock.js";const d=d=>{const{block:p,improvement:g,textOptions:m}=d,h=t();/* @__PURE__ */
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useTheme as t,Box as a,Stack as n,Typography as r,Link as o}from"@mui/material";import{FoodsIcon as l}from"../../../Icons/FoodsIcon.js";import{ComparisonBlock as s}from"../../../ComparisonBlock/ComparisonBlock.js";import{FoodsTags as c}from"../../../Tags/FoodsTags.js";const d=d=>{const{block:p,improvement:g,textOptions:m}=d,h=t();/* @__PURE__ */
 return e(a,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",padding:h.spacing(2,3),border:`1px solid ${h.palette.divider}`,backgroundColor:h.palette.background.paper,borderRadius:h.spacing(1),height:"100%",position:"relative"},children:[
 /* @__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"},mode:"difference",disableText:!0}),
+/* @__PURE__ */i(n,{children:p.complete&&/* @__PURE__ */i(c,{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(s,{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/Chart/index.d.ts

@@ -7,3 +7,4 @@ export * from './TrajectoryChart/TrajectoryChart';
 export * from './HistogramComparisonChart';
 export * from './PolymorphicChart';
 export * from './BreakdownTable/BreakdownTable';
+export * from './ScoreDistribution';

package/dist/components/ToggleSwitch/ToggleSwitch.js

@@ -1,3 +1,3 @@
 import{jsx as t}from"react/jsx-runtime";import{FormControlLabel as e}from"@mui/material";import{useTheme as o,styled as i}from"@mui/material/styles";import c from"@mui/material/Switch";import{FoodsIcon as a}from"../Icons/FoodsIcon.js";const r=i(c,{shouldForwardProp:t=>"toggleSize"!==t&&"withStateIcons"!==t})(({theme:t,toggleSize:e="default",withStateIcons:o=!1})=>{const i=e??"default",c=t.custom.toggleSwitch.sizes[i];return{width:c.width,height:c.height,padding:0,display:"flex","& .MuiSwitch-switchBase":{padding:c.thumbInset,"&.Mui-checked":{transform:`translateX(${c.thumbTravel})`,color:t.custom.grey[100],"& + .MuiSwitch-track":{opacity:1,backgroundColor:o?t.palette.primary[600]:t.palette.primary.main}}},"& .MuiSwitch-thumb":{alignItems:o?"center":void 0,background:o?t.custom.toggleSwitch.status.handleBackground:void 0,boxShadow:o?t.custom.shadows.hard:"none",color:o?t.custom.toggleSwitch.status.uncheckedIconColor:void 0,display:o?"flex":void 0,height:c.thumbSize,justifyContent:o?"center":void 0,borderRadius:t.custom.toggleSwitch.handleBorderRadius,width:c.thumbSize,transition:t.transitions.create(["width"],{duration:t.transitions.duration.shorter})},"& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb":{color:o?t.palette.primary[600]:void 0},"& .MuiSwitch-track":{borderRadius:o?t.custom.toggleSwitch.status.trackBorderRadius:c.trackBorderRadius,opacity:1,backgroundColor:o?t.custom.toggleSwitch.status.uncheckedColor:t.custom.toggleSwitch.legacyTrackBackground,boxSizing:"border-box"}}}),s=({checked:e})=>{const i=o();/* @__PURE__ */
-return t("span",{"aria-hidden":!0,className:"MuiSwitch-thumb","data-state":e?"checked":"unchecked",children:/* @__PURE__ */t(a,{icon:e?"check":"close",size:i.custom.toggleSwitch.status.iconSize})})},d=i=>{const c=o(),{FormControlLabelProps:a,label:d,checked:h,toggleSize:n="default",withStateIcons:u=!1,...l}=i,m=u?"medium":n;/* @__PURE__ */
-return t(e,{sx:u?{gap:c.spacing(1),margin:c.spacing(0)}:void 0,...a,control:/* @__PURE__ */t(r,{...l,checked:h,icon:u?/* @__PURE__ */t(s,{checked:!1}):l.icon,checkedIcon:u?/* @__PURE__ */t(s,{checked:!0}):l.checkedIcon,sx:u?l.sx:l.sx??{m:c.spacing(1)},toggleSize:m,withStateIcons:u}),label:d})};export{d as ToggleSwitch};
+return t("span",{"aria-hidden":!0,className:"MuiSwitch-thumb","data-state":e?"checked":"unchecked",children:/* @__PURE__ */t(a,{icon:e?"check":"close",size:i.custom.toggleSwitch.status.iconSize})})},d=i=>{const c=o(),{FormControlLabelProps:a,label:d,checked:h,checkedIcon:n,icon:u,toggleSize:l="default",withStateIcons:m=!1,...g}=i,w=m?"medium":l,S=m?{checkedIcon:/* @__PURE__ */t(s,{checked:!0}),icon:/* @__PURE__ */t(s,{checked:!1})}:{...void 0===n?{}:{checkedIcon:n},...void 0===u?{}:{icon:u}};/* @__PURE__ */
+return t(e,{sx:m?{gap:c.spacing(1),margin:c.spacing(0)}:void 0,...a,control:/* @__PURE__ */t(r,{...g,...S,checked:h,sx:m?g.sx:g.sx??{m:c.spacing(1)},toggleSize:w,withStateIcons:m}),label:d})};export{d as ToggleSwitch};

package/dist/main.js

@@ -1 +1 @@
-import{getThemeLogo as o,isTheme as t,themeLogos as r,themeOptions as m,themes as s}from"./themes/index.js";import{Button as n,Typography as e}from"@mui/material";import{AccordionProduct as p}from"./components/Accordion/ProductAccordion.js";import{AdditionalContentBox as i}from"./components/Box/AdditionalContentBox.js";import{AnchoredPopover as c,HeadlessPopover as a,ThemedPopover as f}from"./components/Popover/AnchoredPopover.js";import{Article as j}from"./components/CMS/ArticleBlock/Article.js";import{ArticlesBox as l}from"./components/CMS/ArticleBlock/ArticlesBox.js";import{Badge as d}from"./components/Badge/Badge.js";import{Banner as B}from"./components/Banner/Banner.js";import{BigPopoverLayout as C}from"./components/Popover/BigPopoverLayout.js";import{BlockItemContainer as u}from"./components/Layout/BlockList/Blocks/Container/BlockItemContainer.js";import{BlockItemInner as h}from"./components/Layout/BlockList/Blocks/Container/BlockItemInner.js";import{BlockListContainer as g}from"./components/Layout/BlockList/BlockListContainer.js";import{BottomSheetDialog as F}from"./components/Dialog/BottomSheetDialog.js";import{BoxStyled as T,SecondaryTabs as k}from"./components/Tabs/SecondaryTabs.js";import{BreadcrumbItem as x}from"./components/Navigation/Breadcrumbs/BreadcrumbItem.js";import{Breadcrumbs as S}from"./components/Navigation/Breadcrumbs/Breadcrumbs.js";import{BreakdownTable as P}from"./components/Chart/BreakdownTable/BreakdownTable.js";import{ButtonTabs as I}from"./components/Tabs/ButtonTabs.js";import{CardImage as y}from"./components/CardImage.js";import{CategoryBox as v}from"./components/Box/CategoryBox.js";import{CheckboxBlock as L}from"./components/Layout/BlockList/Blocks/InnerInputBlocks/CheckboxBlock.js";import{CollectiveTheme as b,CollectiveThemeOptions as N}from"./themes/themes/CollectiveTheme.js";import{ComingSoonBadge as A}from"./components/Badge/ComingSoonBadge.js";import{ComparisonArrow as H}from"./components/ComparisonBlock/ComparisonArrow.js";import{ComparisonBlock as R}from"./components/ComparisonBlock/ComparisonBlock.js";import{ComparisonLabel as D}from"./components/Chart/HistogramComparisonChart/ComparisonLabel.js";import{ConfirmDialog as G}from"./components/Form/FoodsFormBase/ConfirmDialog.js";import{ContextualContentBox as w}from"./components/Box/ContextualContentBox.js";import{CoordinatePopover as U}from"./components/Popover/CoordinatePopover.js";import{CountTabs as M}from"./components/Tabs/CountTabs/CountTabs.js";import{CustomRender as W}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/CustomRender.js";import{CustomToggleButton as E,TertiaryToggleButton as V}from"./components/Button/TertiaryToggleButton.js";import{CustomToggleButtonNodeTitle as z,TertiaryToggleButtonNodeTitle as O}from"./components/Button/TertiaryToggleButtonNodeTitle.js";import{CustomTypography as Q}from"./components/CustomTypography/CustomTypography.js";import{CustomizedAxisTick as q}from"./components/Chart/HistogramComparisonChart/CustomizedAxisTick.js";import{DefaultUserAction as J}from"./components/Navigation/FoodsNavBar/Plugin/DefaultUserAction.js";import{DottedBox as K}from"./components/Box/DottedBox.js";import{DoughnutCard as X}from"./components/Cards/DoughnutCard/DoughnutCard.js";import{DoughnutChart as Y}from"./components/Chart/DoughnutChart/DoughnutChart.js";import{DrawerAction as Z}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/DrawerAction.js";import{EcoScoreCell as $}from"./components/Grid/Cell/EcoScoreCell.js";import{EditHeader as _}from"./components/Layout/BlockList/Headers/EditHeader.js";import{EllipsisItem as oo}from"./components/Pagination/PageItems/EllipsisItem.js";import{EmptyForm as to}from"./components/Layout/BlockList/Blocks/InnerInfoBlocks/EmptyForm.js";import{EvolutionChart as ro}from"./components/Chart/EvolutionChart/EvolutionChart.js";import{FixedMultiValueFilter as mo}from"./components/Filter/FixedMultiValueFilter.js";import{FoodPilotTheme as so,FoodpilotThemeOptions as no}from"./themes/themes/FoodPilotTheme.js";import{FoodsBadge as eo}from"./components/Badge/FoodsBadge.js";import{FoodsCheckbox as po}from"./components/Checkbox/FoodsCheckbox.js";import{FoodsDeleteButton as io}from"./components/Button/FoodsDeleteButton.js";import{FoodsFormBase as co}from"./components/Form/FoodsFormBase/FoodsFormBase.js";import{FoodsIcon as ao}from"./components/Icons/FoodsIcon.js";import{FoodsIconButton as fo}from"./components/Button/FoodsIconButton.js";import{FoodsIllustrations as jo}from"./components/Icons/FoodsIllustrations.js";import{FoodsNavbar as lo}from"./components/Navigation/FoodsNavBar/FoodsNavbar.js";import{FoodsPagination as Bo}from"./components/Pagination/FoodsPagination.js";import{FoodsPaginationItem as Co}from"./components/Pagination/FoodsPaginationItem.js";import{FoodsRadioList as uo}from"./components/Radio/FoodsRadioList.js";import{FoodsSearch as ho}from"./components/Search/FoodsSearch.js";import{FoodsSelect as go,FoodsSelectServerPagination as Fo}from"./components/Select/FoodsSelect/FoodsSelect.js";import{FoodsTabs as To,SpecialTabs as ko}from"./components/Tabs/FoodsTabs/FoodsTabs.js";import{FoodsTags as xo}from"./components/Tags/FoodsTags.js";import{FoodsTextInput as So}from"./components/Form/FoodsFormFields/FoodsTextInput.js";import{FoodsThemeOptionsProvider as Po,FoodsThemeProvider as Io}from"./themes/FoodsThemeProvider.js";import{FoodsToggleButton as yo}from"./components/Button/FoodsToggleButton.js";import{FoodsTooltip as vo}from"./components/Tooltip/FoodsTooltip.js";import{FoodsTreeview as Lo}from"./components/Treeview/Treeview.js";import{FoodsUserTags as bo}from"./components/Tags/FoodsUserTags.js";import{FormAccordion as No}from"./components/Accordion/FormAccordion.js";import{FormBase as Ao}from"./components/Form/FormBase.js";import{FormBaseContextProvider as Ho,useFormBaseContext as Ro}from"./components/Form/FoodsFormBase/FormBaseContext.js";import{FormBox as Do}from"./components/Form/FormBox.js";import{FormPropertyBox as Go}from"./components/Form/FormPropertyBox.js";import{FormTopBar as wo}from"./components/Form/FoodsFormBase/FormTopBar/FormTopBar.js";import{FormUnit as Uo}from"./components/Form/FormUnit.js";import{GenericAccordion as Mo}from"./components/Accordion/GenericAccordion.js";import{GreyTextCell as Wo}from"./components/Grid/Cell/GreyCell.js";import{HeaderNav as Eo,NavBarLink as Vo,Navbar as zo,SubMenu as Oo,UserNav as Qo}from"./components/Navigation/Navbar.js";import{HelperBox as qo}from"./components/Box/HelperBox.js";import{HeroBlock as Jo}from"./components/CMS/HeroBlock/HeroBlock.js";import{HistogramComparisonChart as Ko}from"./components/Chart/HistogramComparisonChart/HistogramComparisonChart.js";import{HorizontalGaugeChart as Xo}from"./components/Chart/HorizontalGauge/HorizontalGaugeChart.js";import{IconThread as Yo}from"./components/Navigation/IconThread.js";import{IndicatorBlock as Zo}from"./components/CMS/IndicatorBlock/IndicatorBlock.js";import{InfoBox as $o}from"./components/Box/InfoBox.js";import{InfoHeaderWithIllustration as _o}from"./components/Layout/InfoHeaderWithIllustration.js";import{InitHeader as ot}from"./components/Layout/BlockList/Headers/InitHeader.js";import{LeftComparisonPart as tt}from"./components/Layout/BlockList/Blocks/Common/LeftComparisonPart.js";import{LightIndicatorBlock as rt}from"./components/CMS/IndicatorBlock/LightIndicatorBlock.js";import{LineGroupBox as mt}from"./components/Box/LineGroupBox.js";import{LinearProgress as st}from"./components/LinearProgress.js";import{LinkAction as nt}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/LinkAction.js";import{ListHeader as et}from"./components/Layout/BlockList/Headers/ListHeader.js";import{MRTGrid as pt}from"./components/Grid/MRTGrid.js";import{MultiValueFilter as it}from"./components/Filter/MultiValueFilter.js";import{NumberField as ct}from"./components/Field/NumberField.js";import{NumberWithUnit as at}from"./components/Number/NumberWithUnit.js";import{OptionsPopover as ft}from"./components/Popover/OptionsPopover.js";import{PageItem as jt}from"./components/Pagination/PageItems/PageItem.js";import{PageUpAndDownItem as lt}from"./components/Pagination/PageItems/PageUpAndDownItem.js";import{FoodsPills as dt}from"./components/Input/Pills/Pills.js";import{PointsCell as Bt}from"./components/Grid/Cell/PointsCell.js";import{PolymorphicChart as Ct}from"./components/Chart/PolymorphicChart/PolymorphicChart.js";import{PolymorphicChartRenderer as ut}from"./components/Chart/PolymorphicChart/PolymorphicChartRenderer.js";import{PrimaryCheckbox as ht}from"./components/Checkbox/PrimaryCheckbox.js";import{PrimaryDialog as gt}from"./components/Dialog/PrimaryDialog.js";import{Progress as Ft}from"./components/Progress/Progress.js";import{ProgressCard as Tt}from"./components/ProgressCard/ProgressCard.js";import{QuoteBox as kt}from"./components/Box/QuoteBox.js";import{RadioBlock as xt}from"./components/Layout/BlockList/Blocks/InnerInputBlocks/RadioBlock.js";import{RadioBoolean as St}from"./components/Radio/RadioBoolean.js";import{RadioList as Pt}from"./components/Radio/RadioList.js";import{RichTextEditor as It}from"./components/RichTextEditor/RichTextEditor.js";import{RoundInput as yt}from"./components/Input/RoundInput.js";import{RoundNumberInput as vt}from"./components/Input/RoundNumberInput.js";import{ScatterPlot as Lt}from"./components/Chart/ScatterPlot/ScatterPlot.js";import{Score as bt}from"./components/Number/Score.js";import{ScoreCard as Nt}from"./components/Cards/ScoreCard/ScoreCard.js";import{ScoreCardHeader as At}from"./components/Cards/ScoreCard/Header/ScoreCardHeader.js";import{ScoreContainer as Ht}from"./components/Badge/ScoreContainer.js";import{ScoreSelect as Rt}from"./components/Select/ScoreSelect/ScoreSelect.js";import{ScoreValue as Dt}from"./components/Number/ScoreValue.js";import{SearchBox as Gt}from"./components/Input/SearchBox.js";import{SectionBox as wt}from"./components/Box/SectionBox.js";import{SectionTabs as Ut}from"./components/Tabs/SectionTabs/SectionTabs.js";import{SeeMoreCard as Mt}from"./components/Cards/SeeMoreCard/SeeMoreCard.js";import{SelectBlock as Wt}from"./components/Layout/BlockList/Blocks/InnerInputBlocks/SelectBlock.js";import{SelectionCard as Et}from"./components/Cards/SelectionCard/SelectionCard.js";import{SelectionCardGroup as Vt}from"./components/Cards/SelectionCard/SelectionCardGroup.js";import{Separator as zt}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/Separator.js";import{SolidGreyBox as Ot}from"./components/Box/SolidGreyBox.js";import{SpecialTab as Qt}from"./components/Tabs/FoodsTabs/FoodsTabTemplate.js";import{SuggestionBlock as qt}from"./components/Layout/BlockList/Blocks/InnerInfoBlocks/SuggestionBlock.js";import{TextArrowList as Jt}from"./components/Text/TextArrowList.js";import{TextField as Kt}from"./components/Field/TextField.js";import{TextTitle as Xt}from"./components/Text/TextTitle.js";import{TextTitleGreyIcon as Yt}from"./components/Text/TextTitleGreyIcon.js";import{Textarea as Zt}from"./components/Textarea/Textarea.js";import{ToggleSwitch as $t}from"./components/ToggleSwitch/ToggleSwitch.js";import{TopLinkAction as _t}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/TopLinkAction.js";import{TrajectoryCards as or}from"./components/Cards/TrajectoryCards/TrajectoryCards.js";import{TrajectoryChart as tr}from"./components/Chart/TrajectoryChart/TrajectoryChart.js";import{TypographyList as rr}from"./components/CustomTypography/TypographyList.js";import{UnitConverterPopover as mr}from"./components/Form/UnitConverterPopover.js";import{ValueDisplay as sr}from"./components/Layout/BlockList/Blocks/Common/ValueDisplay.js";import{ValueLabel as nr}from"./components/Chart/HistogramComparisonChart/ValueLabel.js";import{ValueSwitcher as er}from"./components/Cards/ScoreCard/Header/ValueSwitcher/ValueSwitcher.js";import{WarningBox as pr}from"./components/Box/WarningBox.js";import{WaterfallChart as ir}from"./components/Chart/WaterfallChart/WaterfallChart.js";import{WhiteBox as cr}from"./components/Box/WhiteBox.js";import{WhiteGrid as ar}from"./components/Box/WhiteGrid.js";import{WhitePopover as fr}from"./components/Popover/WhitePopover.js";import{WhitePopoverOnIcon as jr}from"./components/Popover/WhitePopoverOnIcon.js";import{WinePilotTheme as lr,WinepilotThemeOptions as dr}from"./themes/themes/WinePilotTheme.js";import{allColors as Br,allMainColors as Cr,blueTheme as ur,coralTheme as hr,dataVisualizationColors as gr,extraColors as Fr,greenTheme as Tr,greyTheme as kr,orangeTheme as xr,redTheme as Sr,shadows as Pr,yellowTheme as Ir}from"./themes/common/colors.js";import{allTypographyVariants as yr,deprecatedVariants as vr,typographyConfig as Lr}from"./themes/common/MUIComponents/typography.js";import{anyToCheckbox as br,checkboxToAny as Nr}from"./components/Checkbox/helperFunctions.js";import{barChart as Ar,breadcrumb as Hr,custom as Rr,deleteButton as Dr,doughnutCard as Gr,formField as wr,ingredientCard as Ur,mediaUpload as Mr,numberWithUnit as Wr,numbers as Er,scoreCard as Vr,scoreDetail as zr,scoreValue as Or,status as Qr,strokes as qr,tabs as Jr,tags as Kr,toggleSwitch as Xr,tooltip as Yr}from"./themes/common/custom.js";import{components as Zr}from"./themes/common/components.js";import{computeSize as $r,iconMapping as _r}from"./components/Icons/iconConfig.js";import{illustationsMapping as om}from"./components/Icons/illustrationsConfig.js";import{spacing as tm}from"./themes/common/spacing.js";import{useResponsiveBreakpoints as rm}from"./themes/responsive/useResponsiveBreakpoints.js";import{useResponsivePadding as mm}from"./themes/responsive/useResponsivePadding.js";export{p as AccordionProduct,i as AdditionalContentBox,c as AnchoredPopover,j as Article,l as ArticlesBox,d as Badge,B as Banner,C as BigPopoverLayout,u as BlockItemContainer,h as BlockItemInner,g as BlockListContainer,F as BottomSheetDialog,T as BoxStyled,x as BreadcrumbItem,S as Breadcrumbs,P as BreakdownTable,n as Button,I as ButtonTabs,y as CardImage,v as CategoryBox,L as CheckboxBlock,b as CollectiveTheme,N as CollectiveThemeOptions,A as ComingSoonBadge,H as ComparisonArrow,R as ComparisonBlock,D as ComparisonLabel,G as ConfirmDialog,w as ContextualContentBox,U as CoordinatePopover,M as CountTabs,W as CustomRender,E as CustomToggleButton,z as CustomToggleButtonNodeTitle,Q as CustomTypography,q as CustomizedAxisTick,J as DefaultUserAction,K as DottedBox,X as DoughnutCard,Y as DoughnutChart,Z as DrawerAction,$ as EcoScoreCell,_ as EditHeader,oo as EllipsisItem,to as EmptyForm,ro as EvolutionChart,mo as FixedMultiValueFilter,so as FoodPilotTheme,no as FoodpilotThemeOptions,eo as FoodsBadge,po as FoodsCheckbox,io as FoodsDeleteButton,co as FoodsFormBase,ao as FoodsIcon,fo as FoodsIconButton,jo as FoodsIllustrations,lo as FoodsNavbar,Bo as FoodsPagination,Co as FoodsPaginationItem,uo as FoodsRadioList,ho as FoodsSearch,go as FoodsSelect,Fo as FoodsSelectServerPagination,To as FoodsTabs,xo as FoodsTags,So as FoodsTextInput,Po as FoodsThemeOptionsProvider,Io as FoodsThemeProvider,yo as FoodsToggleButton,vo as FoodsTooltip,Lo as FoodsTreeview,bo as FoodsUserTags,No as FormAccordion,Ao as FormBase,Ho as FormBaseContextProvider,Do as FormBox,Go as FormPropertyBox,wo as FormTopBar,Uo as FormUnit,Mo as GenericAccordion,Wo as GreyTextCell,Eo as HeaderNav,a as HeadlessPopover,qo as HelperBox,Jo as HeroBlock,Ko as HistogramComparisonChart,Xo as HorizontalGaugeChart,Yo as IconThread,Zo as IndicatorBlock,$o as InfoBox,_o as InfoHeaderWithIllustration,ot as InitHeader,tt as LeftComparisonPart,rt as LightIndicatorBlock,mt as LineGroupBox,st as LinearProgress,nt as LinkAction,et as ListHeader,pt as MRTGrid,it as MultiValueFilter,Vo as NavBarLink,zo as Navbar,ct as NumberField,at as NumberWithUnit,ft as OptionsPopover,jt as PageItem,lt as PageUpAndDownItem,dt as Pills,Bt as PointsCell,Ct as PolymorphicChart,ut as PolymorphicChartRenderer,ht as PrimaryCheckbox,gt as PrimaryDialog,Ft as Progress,Tt as ProgressCard,kt as QuoteBox,xt as RadioBlock,St as RadioBoolean,Pt as RadioList,It as RichTextEditor,yt as RoundInput,vt as RoundNumberInput,Lt as ScatterPlot,bt as Score,Nt as ScoreCard,At as ScoreCardHeader,Ht as ScoreContainer,Rt as ScoreSelect,Dt as ScoreValue,Gt as SearchBox,k as SecondaryTabs,wt as SectionBox,Ut as SectionTabs,Mt as SeeMoreCard,Wt as SelectBlock,Et as SelectionCard,Vt as SelectionCardGroup,zt as Separator,Ot as SolidGreyBox,Qt as SpecialTab,ko as SpecialTabs,Oo as SubMenu,qt as SuggestionBlock,V as TertiaryToggleButton,O as TertiaryToggleButtonNodeTitle,Jt as TextArrowList,Kt as TextField,Xt as TextTitle,Yt as TextTitleGreyIcon,Zt as Textarea,f as ThemedPopover,$t as ToggleSwitch,_t as TopLinkAction,or as TrajectoryCards,tr as TrajectoryChart,e as Typography,rr as TypographyList,mr as UnitConverterPopover,Qo as UserNav,sr as ValueDisplay,nr as ValueLabel,er as ValueSwitcher,pr as WarningBox,ir as WaterfallChart,cr as WhiteBox,ar as WhiteGrid,fr as WhitePopover,jr as WhitePopoverOnIcon,lr as WinePilotTheme,dr as WinepilotThemeOptions,Br as allColors,Cr as allMainColors,yr as allTypographyVariants,br as anyToCheckbox,Ar as barChart,ur as blueTheme,Hr as breadcrumb,Nr as checkboxToAny,Zr as components,$r as computeSize,hr as coralTheme,Rr as custom,gr as dataVisualizationColors,Dr as deleteButton,vr as deprecatedVariants,Gr as doughnutCard,Fr as extraColors,wr as formField,o as getThemeLogo,Tr as greenTheme,kr as greyTheme,_r as iconMapping,om as illustationsMapping,Ur as ingredientCard,t as isTheme,Mr as mediaUpload,Wr as numberWithUnit,Er as numbers,xr as orangeTheme,Sr as redTheme,Vr as scoreCard,zr as scoreDetail,Or as scoreValue,Pr as shadows,tm as spacing,Qr as status,qr as strokes,Jr as tabs,Kr as tags,r as themeLogos,m as themeOptions,s as themes,Xr as toggleSwitch,Yr as tooltip,Lr as typographyConfig,Ro as useFormBaseContext,rm as useResponsiveBreakpoints,mm as useResponsivePadding,Ir as yellowTheme};
+import{getThemeLogo as o,isTheme as r,themeLogos as t,themeOptions as m,themes as s}from"./themes/index.js";import{Button as n,Typography as e}from"@mui/material";import{AccordionProduct as i}from"./components/Accordion/ProductAccordion.js";import{AdditionalContentBox as p}from"./components/Box/AdditionalContentBox.js";import{AnchoredPopover as c,HeadlessPopover as a,ThemedPopover as f}from"./components/Popover/AnchoredPopover.js";import{Article as j}from"./components/CMS/ArticleBlock/Article.js";import{ArticlesBox as l}from"./components/CMS/ArticleBlock/ArticlesBox.js";import{Badge as d}from"./components/Badge/Badge.js";import{Banner as B}from"./components/Banner/Banner.js";import{BigPopoverLayout as C}from"./components/Popover/BigPopoverLayout.js";import{BlockItemContainer as u}from"./components/Layout/BlockList/Blocks/Container/BlockItemContainer.js";import{BlockItemInner as h}from"./components/Layout/BlockList/Blocks/Container/BlockItemInner.js";import{BlockListContainer as g}from"./components/Layout/BlockList/BlockListContainer.js";import{BottomSheetDialog as F}from"./components/Dialog/BottomSheetDialog.js";import{BoxStyled as T,SecondaryTabs as k}from"./components/Tabs/SecondaryTabs.js";import{BreadcrumbItem as S}from"./components/Navigation/Breadcrumbs/BreadcrumbItem.js";import{Breadcrumbs as x}from"./components/Navigation/Breadcrumbs/Breadcrumbs.js";import{BreakdownTable as P}from"./components/Chart/BreakdownTable/BreakdownTable.js";import{ButtonTabs as v}from"./components/Tabs/ButtonTabs.js";import{CardImage as I}from"./components/CardImage.js";import{CategoryBox as y}from"./components/Box/CategoryBox.js";import{CheckboxBlock as L}from"./components/Layout/BlockList/Blocks/InnerInputBlocks/CheckboxBlock.js";import{CollectiveTheme as b,CollectiveThemeOptions as N}from"./themes/themes/CollectiveTheme.js";import{ComingSoonBadge as A}from"./components/Badge/ComingSoonBadge.js";import{ComparisonArrow as H}from"./components/ComparisonBlock/ComparisonArrow.js";import{ComparisonBlock as D}from"./components/ComparisonBlock/ComparisonBlock.js";import{ComparisonLabel as R}from"./components/Chart/HistogramComparisonChart/ComparisonLabel.js";import{ConfirmDialog as w}from"./components/Form/FoodsFormBase/ConfirmDialog.js";import{ContextualContentBox as G}from"./components/Box/ContextualContentBox.js";import{CoordinatePopover as U}from"./components/Popover/CoordinatePopover.js";import{CountTabs as M}from"./components/Tabs/CountTabs/CountTabs.js";import{CustomRender as W}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/CustomRender.js";import{CustomToggleButton as E,TertiaryToggleButton as V}from"./components/Button/TertiaryToggleButton.js";import{CustomToggleButtonNodeTitle as O,TertiaryToggleButtonNodeTitle as z}from"./components/Button/TertiaryToggleButtonNodeTitle.js";import{CustomTypography as Q}from"./components/CustomTypography/CustomTypography.js";import{CustomizedAxisTick as q}from"./components/Chart/HistogramComparisonChart/CustomizedAxisTick.js";import{DefaultUserAction as J}from"./components/Navigation/FoodsNavBar/Plugin/DefaultUserAction.js";import{DottedBox as K}from"./components/Box/DottedBox.js";import{DoughnutCard as X}from"./components/Cards/DoughnutCard/DoughnutCard.js";import{DoughnutChart as Y}from"./components/Chart/DoughnutChart/DoughnutChart.js";import{DrawerAction as Z}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/DrawerAction.js";import{EcoScoreCell as $}from"./components/Grid/Cell/EcoScoreCell.js";import{EditHeader as _}from"./components/Layout/BlockList/Headers/EditHeader.js";import{EllipsisItem as oo}from"./components/Pagination/PageItems/EllipsisItem.js";import{EmptyForm as ro}from"./components/Layout/BlockList/Blocks/InnerInfoBlocks/EmptyForm.js";import{EvolutionChart as to}from"./components/Chart/EvolutionChart/EvolutionChart.js";import{FixedMultiValueFilter as mo}from"./components/Filter/FixedMultiValueFilter.js";import{FoodPilotTheme as so,FoodpilotThemeOptions as no}from"./themes/themes/FoodPilotTheme.js";import{FoodsBadge as eo}from"./components/Badge/FoodsBadge.js";import{FoodsCheckbox as io}from"./components/Checkbox/FoodsCheckbox.js";import{FoodsDeleteButton as po}from"./components/Button/FoodsDeleteButton.js";import{FoodsFormBase as co}from"./components/Form/FoodsFormBase/FoodsFormBase.js";import{FoodsIcon as ao}from"./components/Icons/FoodsIcon.js";import{FoodsIconButton as fo}from"./components/Button/FoodsIconButton.js";import{FoodsIllustrations as jo}from"./components/Icons/FoodsIllustrations.js";import{FoodsNavbar as lo}from"./components/Navigation/FoodsNavBar/FoodsNavbar.js";import{FoodsPagination as Bo}from"./components/Pagination/FoodsPagination.js";import{FoodsPaginationItem as Co}from"./components/Pagination/FoodsPaginationItem.js";import{FoodsRadioList as uo}from"./components/Radio/FoodsRadioList.js";import{FoodsSearch as ho}from"./components/Search/FoodsSearch.js";import{FoodsSelect as go,FoodsSelectServerPagination as Fo}from"./components/Select/FoodsSelect/FoodsSelect.js";import{FoodsTabs as To,SpecialTabs as ko}from"./components/Tabs/FoodsTabs/FoodsTabs.js";import{FoodsTags as So}from"./components/Tags/FoodsTags.js";import{FoodsTextInput as xo}from"./components/Form/FoodsFormFields/FoodsTextInput.js";import{FoodsThemeOptionsProvider as Po,FoodsThemeProvider as vo}from"./themes/FoodsThemeProvider.js";import{FoodsToggleButton as Io}from"./components/Button/FoodsToggleButton.js";import{FoodsTooltip as yo}from"./components/Tooltip/FoodsTooltip.js";import{FoodsTreeview as Lo}from"./components/Treeview/Treeview.js";import{FoodsUserTags as bo}from"./components/Tags/FoodsUserTags.js";import{FormAccordion as No}from"./components/Accordion/FormAccordion.js";import{FormBase as Ao}from"./components/Form/FormBase.js";import{FormBaseContextProvider as Ho,useFormBaseContext as Do}from"./components/Form/FoodsFormBase/FormBaseContext.js";import{FormBox as Ro}from"./components/Form/FormBox.js";import{FormPropertyBox as wo}from"./components/Form/FormPropertyBox.js";import{FormTopBar as Go}from"./components/Form/FoodsFormBase/FormTopBar/FormTopBar.js";import{FormUnit as Uo}from"./components/Form/FormUnit.js";import{GenericAccordion as Mo}from"./components/Accordion/GenericAccordion.js";import{GreyTextCell as Wo}from"./components/Grid/Cell/GreyCell.js";import{HeaderNav as Eo,NavBarLink as Vo,Navbar as Oo,SubMenu as zo,UserNav as Qo}from"./components/Navigation/Navbar.js";import{HelperBox as qo}from"./components/Box/HelperBox.js";import{HeroBlock as Jo}from"./components/CMS/HeroBlock/HeroBlock.js";import{HistogramComparisonChart as Ko}from"./components/Chart/HistogramComparisonChart/HistogramComparisonChart.js";import{HorizontalGaugeChart as Xo}from"./components/Chart/HorizontalGauge/HorizontalGaugeChart.js";import{IconThread as Yo}from"./components/Navigation/IconThread.js";import{IndicatorBlock as Zo}from"./components/CMS/IndicatorBlock/IndicatorBlock.js";import{InfoBox as $o}from"./components/Box/InfoBox.js";import{InfoHeaderWithIllustration as _o}from"./components/Layout/InfoHeaderWithIllustration.js";import{InitHeader as or}from"./components/Layout/BlockList/Headers/InitHeader.js";import{LeftComparisonPart as rr}from"./components/Layout/BlockList/Blocks/Common/LeftComparisonPart.js";import{LightIndicatorBlock as tr}from"./components/CMS/IndicatorBlock/LightIndicatorBlock.js";import{LineGroupBox as mr}from"./components/Box/LineGroupBox.js";import{LinearProgress as sr}from"./components/LinearProgress.js";import{LinkAction as nr}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/LinkAction.js";import{ListHeader as er}from"./components/Layout/BlockList/Headers/ListHeader.js";import{MRTGrid as ir}from"./components/Grid/MRTGrid.js";import{MultiValueFilter as pr}from"./components/Filter/MultiValueFilter.js";import{NumberField as cr}from"./components/Field/NumberField.js";import{NumberWithUnit as ar}from"./components/Number/NumberWithUnit.js";import{OptionsPopover as fr}from"./components/Popover/OptionsPopover.js";import{PageItem as jr}from"./components/Pagination/PageItems/PageItem.js";import{PageUpAndDownItem as lr}from"./components/Pagination/PageItems/PageUpAndDownItem.js";import{FoodsPills as dr}from"./components/Input/Pills/Pills.js";import{PointsCell as Br}from"./components/Grid/Cell/PointsCell.js";import{PolymorphicChart as Cr}from"./components/Chart/PolymorphicChart/PolymorphicChart.js";import{PolymorphicChartRenderer as ur}from"./components/Chart/PolymorphicChart/PolymorphicChartRenderer.js";import{PrimaryCheckbox as hr}from"./components/Checkbox/PrimaryCheckbox.js";import{PrimaryDialog as gr}from"./components/Dialog/PrimaryDialog.js";import{Progress as Fr}from"./components/Progress/Progress.js";import{ProgressCard as Tr}from"./components/ProgressCard/ProgressCard.js";import{QuoteBox as kr}from"./components/Box/QuoteBox.js";import{RadioBlock as Sr}from"./components/Layout/BlockList/Blocks/InnerInputBlocks/RadioBlock.js";import{RadioBoolean as xr}from"./components/Radio/RadioBoolean.js";import{RadioList as Pr}from"./components/Radio/RadioList.js";import{RichTextEditor as vr}from"./components/RichTextEditor/RichTextEditor.js";import{RoundInput as Ir}from"./components/Input/RoundInput.js";import{RoundNumberInput as yr}from"./components/Input/RoundNumberInput.js";import{ScatterPlot as Lr}from"./components/Chart/ScatterPlot/ScatterPlot.js";import{Score as br}from"./components/Number/Score.js";import{ScoreCard as Nr}from"./components/Cards/ScoreCard/ScoreCard.js";import{ScoreCardHeader as Ar}from"./components/Cards/ScoreCard/Header/ScoreCardHeader.js";import{ScoreContainer as Hr}from"./components/Badge/ScoreContainer.js";import{ScoreDistribution as Dr}from"./components/Chart/ScoreDistribution/ScoreDistribution.js";import{ScoreOverviewCard as Rr}from"./components/Cards/ScoreOverviewCard/ScoreOverviewCard.js";import{ScoreSelect as wr}from"./components/Select/ScoreSelect/ScoreSelect.js";import{ScoreValue as Gr}from"./components/Number/ScoreValue.js";import{SearchBox as Ur}from"./components/Input/SearchBox.js";import{SectionBox as Mr}from"./components/Box/SectionBox.js";import{SectionTabs as Wr}from"./components/Tabs/SectionTabs/SectionTabs.js";import{SeeMoreCard as Er}from"./components/Cards/SeeMoreCard/SeeMoreCard.js";import{SelectBlock as Vr}from"./components/Layout/BlockList/Blocks/InnerInputBlocks/SelectBlock.js";import{SelectionCard as Or}from"./components/Cards/SelectionCard/SelectionCard.js";import{SelectionCardGroup as zr}from"./components/Cards/SelectionCard/SelectionCardGroup.js";import{Separator as Qr}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/Separator.js";import{SolidGreyBox as qr}from"./components/Box/SolidGreyBox.js";import{SpecialTab as Jr}from"./components/Tabs/FoodsTabs/FoodsTabTemplate.js";import{SuggestionBlock as Kr}from"./components/Layout/BlockList/Blocks/InnerInfoBlocks/SuggestionBlock.js";import{TextArrowList as Xr}from"./components/Text/TextArrowList.js";import{TextField as Yr}from"./components/Field/TextField.js";import{TextTitle as Zr}from"./components/Text/TextTitle.js";import{TextTitleGreyIcon as $r}from"./components/Text/TextTitleGreyIcon.js";import{Textarea as _r}from"./components/Textarea/Textarea.js";import{ToggleSwitch as ot}from"./components/ToggleSwitch/ToggleSwitch.js";import{TopLinkAction as rt}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/TopLinkAction.js";import{TrajectoryCards as tt}from"./components/Cards/TrajectoryCards/TrajectoryCards.js";import{TrajectoryChart as mt}from"./components/Chart/TrajectoryChart/TrajectoryChart.js";import{TypographyList as st}from"./components/CustomTypography/TypographyList.js";import{UnitConverterPopover as nt}from"./components/Form/UnitConverterPopover.js";import{ValueDisplay as et}from"./components/Layout/BlockList/Blocks/Common/ValueDisplay.js";import{ValueLabel as it}from"./components/Chart/HistogramComparisonChart/ValueLabel.js";import{ValueSwitcher as pt}from"./components/Cards/ScoreCard/Header/ValueSwitcher/ValueSwitcher.js";import{WarningBox as ct}from"./components/Box/WarningBox.js";import{WaterfallChart as at}from"./components/Chart/WaterfallChart/WaterfallChart.js";import{WhiteBox as ft}from"./components/Box/WhiteBox.js";import{WhiteGrid as jt}from"./components/Box/WhiteGrid.js";import{WhitePopover as lt}from"./components/Popover/WhitePopover.js";import{WhitePopoverOnIcon as dt}from"./components/Popover/WhitePopoverOnIcon.js";import{WinePilotTheme as Bt,WinepilotThemeOptions as Ct}from"./themes/themes/WinePilotTheme.js";import{allColors as ut,allMainColors as ht,blueTheme as gt,coralTheme as Ft,dataVisualizationColors as Tt,extraColors as kt,greenTheme as St,greyTheme as xt,orangeTheme as Pt,redTheme as vt,shadows as It,yellowTheme as yt}from"./themes/common/colors.js";import{allTypographyVariants as Lt,deprecatedVariants as bt,typographyConfig as Nt}from"./themes/common/MUIComponents/typography.js";import{anyToCheckbox as At,checkboxToAny as Ht}from"./components/Checkbox/helperFunctions.js";import{barChart as Dt,breadcrumb as Rt,custom as wt,deleteButton as Gt,doughnutCard as Ut,formField as Mt,ingredientCard as Wt,mediaUpload as Et,numberWithUnit as Vt,numbers as Ot,scoreCard as zt,scoreDetail as Qt,scoreOverviewCard as qt,scoreValue as Jt,status as Kt,strokes as Xt,tabs as Yt,tags as Zt,toggleSwitch as $t,tooltip as _t}from"./themes/common/custom.js";import{components as om}from"./themes/common/components.js";import{computeSize as rm,iconMapping as tm}from"./components/Icons/iconConfig.js";import{illustationsMapping as mm}from"./components/Icons/illustrationsConfig.js";import{spacing as sm}from"./themes/common/spacing.js";import{useResponsiveBreakpoints as nm}from"./themes/responsive/useResponsiveBreakpoints.js";import{useResponsivePadding as em}from"./themes/responsive/useResponsivePadding.js";export{i as AccordionProduct,p as AdditionalContentBox,c as AnchoredPopover,j as Article,l as ArticlesBox,d as Badge,B as Banner,C as BigPopoverLayout,u as BlockItemContainer,h as BlockItemInner,g as BlockListContainer,F as BottomSheetDialog,T as BoxStyled,S as BreadcrumbItem,x as Breadcrumbs,P as BreakdownTable,n as Button,v as ButtonTabs,I as CardImage,y as CategoryBox,L as CheckboxBlock,b as CollectiveTheme,N as CollectiveThemeOptions,A as ComingSoonBadge,H as ComparisonArrow,D as ComparisonBlock,R as ComparisonLabel,w as ConfirmDialog,G as ContextualContentBox,U as CoordinatePopover,M as CountTabs,W as CustomRender,E as CustomToggleButton,O as CustomToggleButtonNodeTitle,Q as CustomTypography,q as CustomizedAxisTick,J as DefaultUserAction,K as DottedBox,X as DoughnutCard,Y as DoughnutChart,Z as DrawerAction,$ as EcoScoreCell,_ as EditHeader,oo as EllipsisItem,ro as EmptyForm,to as EvolutionChart,mo as FixedMultiValueFilter,so as FoodPilotTheme,no as FoodpilotThemeOptions,eo as FoodsBadge,io as FoodsCheckbox,po as FoodsDeleteButton,co as FoodsFormBase,ao as FoodsIcon,fo as FoodsIconButton,jo as FoodsIllustrations,lo as FoodsNavbar,Bo as FoodsPagination,Co as FoodsPaginationItem,uo as FoodsRadioList,ho as FoodsSearch,go as FoodsSelect,Fo as FoodsSelectServerPagination,To as FoodsTabs,So as FoodsTags,xo as FoodsTextInput,Po as FoodsThemeOptionsProvider,vo as FoodsThemeProvider,Io as FoodsToggleButton,yo as FoodsTooltip,Lo as FoodsTreeview,bo as FoodsUserTags,No as FormAccordion,Ao as FormBase,Ho as FormBaseContextProvider,Ro as FormBox,wo as FormPropertyBox,Go as FormTopBar,Uo as FormUnit,Mo as GenericAccordion,Wo as GreyTextCell,Eo as HeaderNav,a as HeadlessPopover,qo as HelperBox,Jo as HeroBlock,Ko as HistogramComparisonChart,Xo as HorizontalGaugeChart,Yo as IconThread,Zo as IndicatorBlock,$o as InfoBox,_o as InfoHeaderWithIllustration,or as InitHeader,rr as LeftComparisonPart,tr as LightIndicatorBlock,mr as LineGroupBox,sr as LinearProgress,nr as LinkAction,er as ListHeader,ir as MRTGrid,pr as MultiValueFilter,Vo as NavBarLink,Oo as Navbar,cr as NumberField,ar as NumberWithUnit,fr as OptionsPopover,jr as PageItem,lr as PageUpAndDownItem,dr as Pills,Br as PointsCell,Cr as PolymorphicChart,ur as PolymorphicChartRenderer,hr as PrimaryCheckbox,gr as PrimaryDialog,Fr as Progress,Tr as ProgressCard,kr as QuoteBox,Sr as RadioBlock,xr as RadioBoolean,Pr as RadioList,vr as RichTextEditor,Ir as RoundInput,yr as RoundNumberInput,Lr as ScatterPlot,br as Score,Nr as ScoreCard,Ar as ScoreCardHeader,Hr as ScoreContainer,Dr as ScoreDistribution,Rr as ScoreOverviewCard,wr as ScoreSelect,Gr as ScoreValue,Ur as SearchBox,k as SecondaryTabs,Mr as SectionBox,Wr as SectionTabs,Er as SeeMoreCard,Vr as SelectBlock,Or as SelectionCard,zr as SelectionCardGroup,Qr as Separator,qr as SolidGreyBox,Jr as SpecialTab,ko as SpecialTabs,zo as SubMenu,Kr as SuggestionBlock,V as TertiaryToggleButton,z as TertiaryToggleButtonNodeTitle,Xr as TextArrowList,Yr as TextField,Zr as TextTitle,$r as TextTitleGreyIcon,_r as Textarea,f as ThemedPopover,ot as ToggleSwitch,rt as TopLinkAction,tt as TrajectoryCards,mt as TrajectoryChart,e as Typography,st as TypographyList,nt as UnitConverterPopover,Qo as UserNav,et as ValueDisplay,it as ValueLabel,pt as ValueSwitcher,ct as WarningBox,at as WaterfallChart,ft as WhiteBox,jt as WhiteGrid,lt as WhitePopover,dt as WhitePopoverOnIcon,Bt as WinePilotTheme,Ct as WinepilotThemeOptions,ut as allColors,ht as allMainColors,Lt as allTypographyVariants,At as anyToCheckbox,Dt as barChart,gt as blueTheme,Rt as breadcrumb,Ht as checkboxToAny,om as components,rm as computeSize,Ft as coralTheme,wt as custom,Tt as dataVisualizationColors,Gt as deleteButton,bt as deprecatedVariants,Ut as doughnutCard,kt as extraColors,Mt as formField,o as getThemeLogo,St as greenTheme,xt as greyTheme,tm as iconMapping,mm as illustationsMapping,Wt as ingredientCard,r as isTheme,Et as mediaUpload,Vt as numberWithUnit,Ot as numbers,Pt as orangeTheme,vt as redTheme,zt as scoreCard,Qt as scoreDetail,qt as scoreOverviewCard,Jt as scoreValue,It as shadows,sm as spacing,Kt as status,Xt as strokes,Yt as tabs,Zt as tags,t as themeLogos,m as themeOptions,s as themes,$t as toggleSwitch,_t as tooltip,Nt as typographyConfig,Do as useFormBaseContext,nm as useResponsiveBreakpoints,em as useResponsivePadding,yt as yellowTheme};

package/dist/themes/common/custom.d.ts

@@ -44,6 +44,35 @@ export declare const scoreCard: {
         readonly transition: "opacity 120ms ease-out";
     };
 };
+/**
+ * Shared Product score-overview card geometry.
+ * Figma provenance: selected score card `14219:66823` and inactive score
+ * cards `14219:66824`, `14219:66825`, and `14219:66826`.
+ */
+export declare const scoreOverviewCard: {
+    readonly width: "300px";
+    readonly heights: {
+        readonly inactive: "215px";
+        readonly selected: "231px";
+    };
+    readonly icon: {
+        readonly containerSize: "48px";
+        readonly glyphSize: {
+            readonly width: 40;
+            readonly height: 40;
+        };
+    };
+    readonly carouselControl: {
+        readonly inlineEndOffset: "-5px";
+    };
+    /**
+     * Embedded score-overview chart geometry.
+     * Figma provenance: Product score overview graph `14219:66850`.
+     */
+    readonly details: {
+        readonly chartHeight: "481px";
+    };
+};
 /**
  * Shared Ingredient card surface stroke.
  * Figma provenance: Product filled Ingredient card `13154:221702`.
@@ -406,6 +435,7 @@ type CustomThemeKeys = {
         strokes: typeof strokes;
         status: typeof status;
         scoreCard: typeof scoreCard;
+        scoreOverviewCard: typeof scoreOverviewCard;
         ingredientCard: typeof ingredientCard;
         scoreValue: typeof scoreValue;
         numberWithUnit: typeof numberWithUnit;

package/dist/themes/common/custom.js

@@ -1 +1 @@
-import e from"i18next";import{greyTheme as i,shadows as r,redTheme as o,allMainColors as t,allColors as a,extraColors as d,dataVisualizationColors as n,coralTheme as p,blueTheme as h,yellowTheme as x,orangeTheme as c,greenTheme as l}from"./colors.js";const s={containerDivider:{color:i[600],style:"solid",width:"1px"}},g={width:"300px"},u={green:{surface:"#F2FFF9"}},m={surface:"#025155",emptyGuidanceForeground:"#EDF9FA",loading:{opacity:.7,transition:"opacity 120ms ease-out"}},b={stroke:{...s.containerDivider,color:"#E5E3E0"}},w={emptyIndicator:{size:"44px",iconSize:{width:26,height:26}},inline:{width:"70px"}},y={emptyIndicator:{micro:{size:"20px",iconSize:{width:11,height:11}},small:{size:"24px",iconSize:{width:13,height:13}},inter:{size:"30px",iconSize:{width:20,height:20}},big:{size:"38px",iconSize:{width:28,height:28}}},unitOffset:{compact:"-1px",regular:"-2px"}},k={compact:{width:"100px",optionWidth:"130px"}},z={zeroValueWidth:"1px"},v={borderRadius:"8px",loadingIndicatorSize:28,errorMaxWidth:"260px",default:{size:120,stroke:s.containerDivider,emptyCopy:{typographyVariant:"body-regular",lineHeight:1.3}},compact:{size:110,contentInset:"6px",stroke:{...s.containerDivider,style:"dashed"},boxShadow:r.grey,emptyCopy:{width:"76px",typographyVariant:"small-regular"}},thumbnail:{size:70,contentInset:"4px",stroke:s.containerDivider,boxShadow:r.grey}},S={display:{height:"26px"}},f={primary:{height:"60px"},secondary:{height:"60px"}},B={summaryWidth:"250px",barWidth:"250px",lifecycleBreakdownWidth:"364px",subscoreBreakdownWidth:"346px",impactBreakdownWidth:"318px",impactZeroBreakdownWidth:"292px",impactBenefitBreakdownWidth:"551px"},$={handleBorderRadius:"50%",legacyTrackBackground:"rgba(0,0,0,.25)",sizes:{default:{width:"52px",height:"28px",thumbSize:"20px",thumbInset:"4px",thumbTravel:"24px",trackBorderRadius:"16px"},medium:{width:"44px",height:"24px",thumbSize:"16px",thumbInset:"4px",thumbTravel:"20px",trackBorderRadius:"14px"},small:{width:"36px",height:"20px",thumbSize:"12px",thumbInset:"4px",thumbTravel:"16px",trackBorderRadius:"10px"}},status:{uncheckedColor:i[1400],uncheckedIconColor:i[2e3],handleBackground:`linear-gradient(180deg, ${i[100]} 0%, ${i[300]} 100%)`,iconSize:{width:14,height:14},trackBorderRadius:"20px"}},D={size:"40px",iconSize:{width:20,height:20},borderRadius:"44px",default:{background:`linear-gradient(180deg, ${i[100]} 0%, ${i[300]} 154.5%)`,borderColor:o[500],color:o[500]},hovered:{background:o[400],borderColor:o[500],color:i[100]},pressed:{background:o[600],borderColor:o[600],color:i[100]}},W=`inset 0 0 0 ${s.containerDivider.width} ${s.containerDivider.color}`,C={gap:"4px",separatorIconSize:{width:16,height:16},pageLink:{height:"26px",paddingBlock:"2px",paddingInline:"8px",borderRadius:"8px",maxWidth:"226px",stroke:{default:W,hover:`inset 0 0 0 ${s.containerDivider.width} ${i[2800]}`},collapsed:{width:"24px",height:"16px",paddingInline:"4px",borderRadius:"4px"}},overflowMenu:{offset:"4px",padding:"16px",gap:"8px",borderRadius:"12px",boxShadow:`${W}, ${r.popover}`}},R=`${s.containerDivider.width} ${s.containerDivider.style} ${i[500]}`,I=`${s.containerDivider.width} ${s.containerDivider.style} ${s.containerDivider.color}`,F={contentAlignment:"center",default:{maxCharacters:100,width:"202px",maxWidth:"unset",padding:"12px 16px 12px 16px",borderRadius:"0.5rem",border:R,backgroundColor:i[100],boxShadow:`0px 4px 20px 0px ${i[500]}`,color:i[2800],margin:"8px",typographyVariant:"body-medium",arrow:{color:i[100],border:R}},simple:{width:"300px",maxWidth:"300px",contentMinHeight:"53px",paddingBlock:"2px",paddingInline:"8px",borderRadius:"8px",border:I,backgroundColor:i[100],boxShadow:r.popover,color:i[2500],margin:"8px",typographyVariant:"body-medium",arrow:{width:"16px",height:"8px",color:i[100],border:I}}},E={grey:i,red:o,green:l,orange:c,yellow:x,blue:h,coral:p,shadows:r,dataviz:{colors:n,extra:d,colorsWithExtra:a,onlyMainFromAll:t},doughnutCard:g,strokes:s,status:u,scoreCard:m,ingredientCard:b,scoreValue:w,numberWithUnit:y,formField:k,barChart:z,mediaUpload:v,tags:S,tabs:f,scoreDetail:B,toggleSwitch:$,deleteButton:D,breadcrumb:C,tooltip:F,searchBox:{borderRadius:"24px",border:e=>"1px solid "+e.custom.grey[500],background:"white",boxShadow:e=>"0px 2px 8px 0px "+e.custom.grey[500]},rowMenuElement:{marginLeft:"12px",paddingRight:"8px",fontSize:"12px",fontWeight:"600",lineHeight:"20px"}},V={valueFormatterFn:(i,r=void 0)=>{const o=Number(i);return Number.isNaN(o)?"":r?o.toLocaleString(e.language,{maximumFractionDigits:r}):o.toLocaleString(e.language)}};export{z as barChart,C as breadcrumb,E as custom,D as deleteButton,g as doughnutCard,k as formField,b as ingredientCard,v as mediaUpload,y as numberWithUnit,V as numbers,m as scoreCard,B as scoreDetail,w as scoreValue,u as status,s as strokes,f as tabs,S as tags,$ as toggleSwitch,F as tooltip};
+import e from"i18next";import{greyTheme as i,shadows as r,redTheme as t,allMainColors as o,allColors as a,extraColors as d,dataVisualizationColors as n,coralTheme as p,blueTheme as h,yellowTheme as x,orangeTheme as c,greenTheme as l}from"./colors.js";const s={containerDivider:{color:i[600],style:"solid",width:"1px"}},g={width:"300px"},u={green:{surface:"#F2FFF9"}},m={surface:"#025155",emptyGuidanceForeground:"#EDF9FA",loading:{opacity:.7,transition:"opacity 120ms ease-out"}},b={width:"300px",heights:{inactive:"215px",selected:"231px"},icon:{containerSize:"48px",glyphSize:{width:40,height:40}},carouselControl:{inlineEndOffset:"-5px"},details:{chartHeight:"481px"}},w={stroke:{...s.containerDivider,color:"#E5E3E0"}},y={emptyIndicator:{size:"44px",iconSize:{width:26,height:26}},inline:{width:"70px"}},k={emptyIndicator:{micro:{size:"20px",iconSize:{width:11,height:11}},small:{size:"24px",iconSize:{width:13,height:13}},inter:{size:"30px",iconSize:{width:20,height:20}},big:{size:"38px",iconSize:{width:28,height:28}}},unitOffset:{compact:"-1px",regular:"-2px"}},v={compact:{width:"100px",optionWidth:"130px"}},z={zeroValueWidth:"1px"},S={borderRadius:"8px",loadingIndicatorSize:28,errorMaxWidth:"260px",default:{size:120,stroke:s.containerDivider,emptyCopy:{typographyVariant:"body-regular",lineHeight:1.3}},compact:{size:110,contentInset:"6px",stroke:{...s.containerDivider,style:"dashed"},boxShadow:r.grey,emptyCopy:{width:"76px",typographyVariant:"small-regular"}},thumbnail:{size:70,contentInset:"4px",stroke:s.containerDivider,boxShadow:r.grey}},f={display:{height:"26px"}},B={primary:{height:"60px"},secondary:{height:"60px"}},$={summaryWidth:"250px",barWidth:"250px",lifecycleBreakdownWidth:"364px",subscoreBreakdownWidth:"346px",impactBreakdownWidth:"318px",impactZeroBreakdownWidth:"292px",impactBenefitBreakdownWidth:"551px"},C={handleBorderRadius:"50%",legacyTrackBackground:"rgba(0,0,0,.25)",sizes:{default:{width:"52px",height:"28px",thumbSize:"20px",thumbInset:"4px",thumbTravel:"24px",trackBorderRadius:"16px"},medium:{width:"44px",height:"24px",thumbSize:"16px",thumbInset:"4px",thumbTravel:"20px",trackBorderRadius:"14px"},small:{width:"36px",height:"20px",thumbSize:"12px",thumbInset:"4px",thumbTravel:"16px",trackBorderRadius:"10px"}},status:{uncheckedColor:i[1400],uncheckedIconColor:i[2e3],handleBackground:`linear-gradient(180deg, ${i[100]} 0%, ${i[300]} 100%)`,iconSize:{width:14,height:14},trackBorderRadius:"20px"}},D={size:"40px",iconSize:{width:20,height:20},borderRadius:"44px",default:{background:`linear-gradient(180deg, ${i[100]} 0%, ${i[300]} 154.5%)`,borderColor:t[500],color:t[500]},hovered:{background:t[400],borderColor:t[500],color:i[100]},pressed:{background:t[600],borderColor:t[600],color:i[100]}},W=`inset 0 0 0 ${s.containerDivider.width} ${s.containerDivider.color}`,R={gap:"4px",separatorIconSize:{width:16,height:16},pageLink:{height:"26px",paddingBlock:"2px",paddingInline:"8px",borderRadius:"8px",maxWidth:"226px",stroke:{default:W,hover:`inset 0 0 0 ${s.containerDivider.width} ${i[2800]}`},collapsed:{width:"24px",height:"16px",paddingInline:"4px",borderRadius:"4px"}},overflowMenu:{offset:"4px",padding:"16px",gap:"8px",borderRadius:"12px",boxShadow:`${W}, ${r.popover}`}},I=`${s.containerDivider.width} ${s.containerDivider.style} ${i[500]}`,F=`${s.containerDivider.width} ${s.containerDivider.style} ${s.containerDivider.color}`,E={contentAlignment:"center",default:{maxCharacters:100,width:"202px",maxWidth:"unset",padding:"12px 16px 12px 16px",borderRadius:"0.5rem",border:I,backgroundColor:i[100],boxShadow:`0px 4px 20px 0px ${i[500]}`,color:i[2800],margin:"8px",typographyVariant:"body-medium",arrow:{color:i[100],border:I}},simple:{width:"300px",maxWidth:"300px",contentMinHeight:"53px",paddingBlock:"2px",paddingInline:"8px",borderRadius:"8px",border:F,backgroundColor:i[100],boxShadow:r.popover,color:i[2500],margin:"8px",typographyVariant:"body-medium",arrow:{width:"16px",height:"8px",color:i[100],border:F}}},V={grey:i,red:t,green:l,orange:c,yellow:x,blue:h,coral:p,shadows:r,dataviz:{colors:n,extra:d,colorsWithExtra:a,onlyMainFromAll:o},doughnutCard:g,strokes:s,status:u,scoreCard:m,scoreOverviewCard:b,ingredientCard:w,scoreValue:y,numberWithUnit:k,formField:v,barChart:z,mediaUpload:S,tags:f,tabs:B,scoreDetail:$,toggleSwitch:C,deleteButton:D,breadcrumb:R,tooltip:E,searchBox:{borderRadius:"24px",border:e=>"1px solid "+e.custom.grey[500],background:"white",boxShadow:e=>"0px 2px 8px 0px "+e.custom.grey[500]},rowMenuElement:{marginLeft:"12px",paddingRight:"8px",fontSize:"12px",fontWeight:"600",lineHeight:"20px"}},M={valueFormatterFn:(i,r=void 0)=>{const t=Number(i);return Number.isNaN(t)?"":r?t.toLocaleString(e.language,{maximumFractionDigits:r}):t.toLocaleString(e.language)}};export{z as barChart,R as breadcrumb,V as custom,D as deleteButton,g as doughnutCard,v as formField,w as ingredientCard,S as mediaUpload,k as numberWithUnit,M as numbers,m as scoreCard,$ as scoreDetail,b as scoreOverviewCard,y as scoreValue,u as status,s as strokes,B as tabs,f as tags,C as toggleSwitch,E as tooltip};

package/package.json

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