@foodpilot/foods 0.3.119 → 0.3.120

package/dist/components/Cards/TrajectoryCards/Blocks/horizontal/index.d.ts

@@ -0,0 +1,2 @@
+import { TargetoryCardsProps } from '../types';
+export declare const Horizontal: ({ steps, textOptions }: TargetoryCardsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Cards/TrajectoryCards/Blocks/types.d.ts

@@ -0,0 +1,22 @@
+import { FlexibleString } from '../../../../innerComponents/FlexibleTypography';
+import { StepProps, TrajectoryStepsText } from '../TrajectoryCards';
+export interface TargetoryCardsProps {
+    steps: {
+        start: StepProps;
+        last: StepProps;
+        target?: StepProps;
+        goal?: StepProps;
+    };
+    textOptions: TrajectoryStepsText;
+}
+export interface ComparisonProps {
+    currentValue: number | null;
+    targetValue: number | null;
+    orientation?: "horizontal" | "vertical";
+}
+export interface TargetComparisonProps {
+    currentValue: number | null;
+    targetValue: number | null;
+    label?: FlexibleString;
+    orientation?: "horizontal" | "vertical";
+}

package/dist/components/Cards/TrajectoryCards/Blocks/vertical/index.d.ts

@@ -0,0 +1,2 @@
+import { TargetoryCardsProps } from '../types';
+export declare const Vertical: ({ steps, textOptions }: TargetoryCardsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,22 +1,22 @@
-import { Improvement } from '../../ComparisonBlock/ComparisonBlock.tsx';
-import { StepType } from './Step';
+import { StepType } from './components/Step.tsx';
 import { FlexibleString } from '../../../innerComponents/FlexibleTypography.tsx';
 export type StepProps = Omit<StepType, "label">;
 export type TrajectoryPosition = "horizontal" | "vertical";
 export type TrajectorySteps = {
     start: StepProps;
-    current: StepProps | null;
+    last: StepProps;
     target: StepProps;
+    goal: StepProps;
 };
 export type TrajectoryStepsText = {
     startingStep: FlexibleString;
-    currentStep: FlexibleString;
+    lastStep: FlexibleString;
     targetStep: FlexibleString;
+    goalStep: FlexibleString;
 };
 export type TrajectoryCardsProps = {
     steps: TrajectorySteps;
     position: TrajectoryPosition;
-    improvement: Improvement;
     textOptions?: TrajectoryStepsText;
 };
-export declare const TrajectoryCards: (props: TrajectoryCardsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TrajectoryCards: (props: TrajectoryCardsProps) => import("react/jsx-runtime").JSX.Element | undefined;

package/dist/components/Cards/TrajectoryCards/components/Comparisons.d.ts

@@ -0,0 +1,4 @@
+import { ComparisonProps, TargetComparisonProps } from '../Blocks/types';
+export declare const StartCurrentComparison: ({ currentValue, targetValue, orientation }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LastTargetComparison: ({ currentValue, targetValue, orientation }: TargetComparisonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CurrentToGoalComparison: ({ currentValue, targetValue, label }: TargetComparisonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Cards/TrajectoryCards/{Step.d.ts → components/Step.d.ts}

@@ -1,7 +1,7 @@
 import { SxProps } from '@mui/material';
-import { FlexibleString } from '../../../innerComponents/FlexibleTypography';
+import { FlexibleString } from '../../../../innerComponents/FlexibleTypography';
 export type StepType = {
-    year: FlexibleString;
+    year?: FlexibleString;
     label: FlexibleString;
     value: number | null;
     unit: string;
@@ -12,6 +12,8 @@ type StepsProps = {
     isLast: boolean;
     isHorizontal?: boolean;
     extra?: SxProps;
+    orientation?: 'horizontal' | 'vertical';
+    children?: React.ReactNode;
 };
 export declare const Step: (props: StepsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Cards/TrajectoryCards/components/TargetToGoalComparison.d.ts

@@ -0,0 +1,7 @@
+import { FlexibleString } from '../../../../innerComponents/FlexibleTypography';
+export declare const TargetToGoalComparaison: (props: {
+    children: React.ReactNode;
+    currentValue: number | null;
+    targetValue: number | null;
+    label?: FlexibleString;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Cards/TrajectoryCards/{Blocks → components}/TrajectoryComparison.d.ts

@@ -1,7 +1,5 @@
-import { Improvement } from '../../../ComparisonBlock/ComparisonBlock.tsx';
-import { StepType } from '../Step';
+import { StepType } from './Step.tsx';
 type TrajectoryComparisonProps = {
-    improvement: Improvement;
     value: StepType["value"];
     comparedTo: StepType["value"];
 };

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

@@ -0,0 +1,39 @@
+import { StepType } from '../components/Step';
+import { FlexibleString } from '../../../../innerComponents/FlexibleTypography';
+interface StepsProps {
+    step: StepType;
+    isLast: boolean;
+    isHorizontal?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    extra?: Record<string, unknown>;
+    children?: React.ReactNode;
+}
+export declare const Container: import('@emotion/styled').StyledComponent<import('@mui/material').GridOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "position" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "direction" | "columns" | "container" | "children" | "spacing" | "sx" | "wrap" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StartToCurrentArrow: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    orientation?: "horizontal" | "vertical";
+}, {}, {}>;
+export declare const CurrentToTargetArrow: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    orientation?: "horizontal" | "vertical";
+}, {}, {}>;
+export declare const LabelComparison: (props: {
+    children: React.ReactNode;
+    currentValue: number | null;
+    targetValue: number | null;
+    label?: FlexibleString;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const LeftColumn: import('@emotion/styled').StyledComponent<import('@mui/material').GridOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "position" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "direction" | "columns" | "container" | "children" | "spacing" | "sx" | "wrap" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const RightColumn: import('@emotion/styled').StyledComponent<import('@mui/material').GridOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "position" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "direction" | "columns" | "container" | "children" | "spacing" | "sx" | "wrap" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledStartStep: (props: StepsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StyledLastStep: (props: StepsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StyledTargetStep: (props: StepsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -15,7 +15,6 @@ type ComparisonBlockProps = {
         unit?: string;
         label?: string;
     };
-    improvement: Improvement;
     disableText?: boolean;
     comparisonText?: string;
     layout?: Layout;

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

@@ -1,5 +1,4 @@
 import { IconMapping } from '../Icons/index.ts';
-import { Improvement } from './ComparisonBlock.tsx';
 export type ColorSet = {
     primaryColor: string;
     secondaryColor: string;
@@ -8,5 +7,5 @@ type IconAndColor = {
     icon: keyof IconMapping;
     color: ColorSet;
 };
-export declare const useColorAndArrowIcon: (currentValue: number, previousValue: number, improvement: Improvement) => IconAndColor;
+export declare const useColorAndArrowIcon: (currentValue: number, previousValue: number) => IconAndColor;
 export {};