@foodpilot/foods 0.4.0 → 0.5.0

package/dist/components/Accordion/FormAccordion.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 export type FormAccordionContent = {
     title: ReactNode;
     content: ReactNode;
@@ -10,30 +10,30 @@ export type FormAccordionContent = {
 export type FormAccordionProps = {
     pages: FormAccordionContent[];
 };
-export declare const StyledFormAccordion: import("@emotion/styled").StyledComponent<{
-    children: NonNullable<ReactNode>;
-    classes?: Partial<import("@mui/material").AccordionClasses> | undefined;
-    defaultExpanded?: boolean | undefined;
-    disabled?: boolean | undefined;
-    disableGutters?: boolean | undefined;
-    expanded?: boolean | undefined;
-    onChange?: ((event: import("react").SyntheticEvent<Element, Event>, expanded: boolean) => void) | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    TransitionComponent?: import("react").JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
-        children?: import("react").ReactElement<any, any> | undefined;
-    }> | undefined;
-    TransitionProps?: import("@mui/material/transitions").TransitionProps | undefined;
-} & import("@mui/material").AccordionSlotsAndSlotProps & Omit<import("@mui/material").PaperOwnProps, "classes" | "onChange"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "onChange" | "elevation" | "disabled" | "variant" | "square" | "defaultExpanded" | "disableGutters" | "expanded" | "TransitionComponent" | "TransitionProps" | keyof import("@mui/material").AccordionSlotsAndSlotProps> & {
-    theme?: import("@emotion/react").Theme | undefined;
+export declare const StyledFormAccordion: import('@emotion/styled').StyledComponent<{
+    children: NonNullable<React.ReactNode>;
+    classes?: Partial<import('@mui/material').AccordionClasses>;
+    defaultExpanded?: boolean;
+    disabled?: boolean;
+    disableGutters?: boolean;
+    expanded?: boolean;
+    onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
+    sx?: import('@mui/system').SxProps<import('@mui/material').Theme>;
+    TransitionComponent?: React.JSXElementConstructor<import('@mui/material/transitions').TransitionProps & {
+        children?: React.ReactElement<any, any>;
+    }>;
+    TransitionProps?: import('@mui/material/transitions').TransitionProps;
+} & import('@mui/material').AccordionSlotsAndSlotProps & Omit<import('@mui/material').PaperOwnProps, "classes" | "onChange"> & 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;
+}, keyof import('@mui/material/OverridableComponent').CommonProps | "children" | "sx" | "onChange" | "elevation" | "disabled" | "variant" | "square" | "defaultExpanded" | "disableGutters" | "expanded" | "TransitionComponent" | "TransitionProps" | keyof import('@mui/material').AccordionSlotsAndSlotProps> & {
+    theme?: import('@emotion/react').Theme;
 }, {}, {}>;
-export declare const StyledFormAccordionSummary: import("@emotion/styled").StyledComponent<import("@mui/material").AccordionSummaryOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+export declare const StyledFormAccordionSummary: import('@emotion/styled').StyledComponent<import('@mui/material').AccordionSummaryOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & 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;
 }, "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import('@emotion/react').Theme;
 }, {}, {}>;
-export declare const StyledFormAccordionDetails: import("@emotion/styled").StyledComponent<import("@mui/material").AccordionDetailsProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+export declare const StyledFormAccordionDetails: import('@emotion/styled').StyledComponent<import('@mui/material').AccordionDetailsProps & {
+    theme?: import('@emotion/react').Theme;
 }, {}, {}>;
 export declare const FormAccordion: (props: FormAccordionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Accordion/GenericAccordion.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface IGenericAccordionProps {
     children: JSX.Element | JSX.Element[];
     headerIcon: JSX.Element;

package/dist/components/Accordion/ProductAccordion.d.ts

@@ -1,21 +1,21 @@
-import React from "react";
-export declare const StyledAccordion: import("@emotion/styled").StyledComponent<{
+import { default as React } from 'react';
+export declare const StyledAccordion: import('@emotion/styled').StyledComponent<{
     children: NonNullable<React.ReactNode>;
-    classes?: Partial<import("@mui/material/Accordion").AccordionClasses> | undefined;
-    defaultExpanded?: boolean | undefined;
-    disabled?: boolean | undefined;
-    disableGutters?: boolean | undefined;
-    expanded?: boolean | undefined;
-    onChange?: ((event: React.SyntheticEvent<Element, Event>, expanded: boolean) => void) | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
-    TransitionComponent?: React.JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
-        children?: React.ReactElement<any, any> | undefined;
-    }> | undefined;
-    TransitionProps?: import("@mui/material/transitions").TransitionProps | undefined;
-} & import("@mui/material/Accordion").AccordionSlotsAndSlotProps & Omit<import("@mui/material").PaperOwnProps, "classes" | "onChange"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "onChange" | "elevation" | "disabled" | "variant" | "square" | "defaultExpanded" | "disableGutters" | "expanded" | "TransitionComponent" | "TransitionProps" | keyof import("@mui/material/Accordion").AccordionSlotsAndSlotProps> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    classes?: Partial<import('@mui/material').AccordionClasses>;
+    defaultExpanded?: boolean;
+    disabled?: boolean;
+    disableGutters?: boolean;
+    expanded?: boolean;
+    onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
+    sx?: import('@mui/system').SxProps<import('@mui/material').Theme>;
+    TransitionComponent?: React.JSXElementConstructor<import('@mui/material/transitions').TransitionProps & {
+        children?: React.ReactElement<any, any>;
+    }>;
+    TransitionProps?: import('@mui/material/transitions').TransitionProps;
+} & import('@mui/material').AccordionSlotsAndSlotProps & Omit<import('@mui/material').PaperOwnProps, "classes" | "onChange"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/material/OverridableComponent').CommonProps | "children" | "sx" | "onChange" | "elevation" | "disabled" | "variant" | "square" | "defaultExpanded" | "disableGutters" | "expanded" | "TransitionComponent" | "TransitionProps" | keyof import('@mui/material').AccordionSlotsAndSlotProps> & {
+    theme?: import('@emotion/react').Theme;
 }, {}, {}>;
 export type AccordionContent = {
     title: JSX.Element;

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

@@ -1,3 +1,3 @@
-export * from "./FormAccordion";
-export * from "./ProductAccordion";
-export * from "./GenericAccordion";
+export * from './FormAccordion';
+export * from './ProductAccordion';
+export * from './GenericAccordion';

package/dist/components/Badge/Badge.d.ts

@@ -1,7 +1,12 @@
-import { BoxProps } from "@mui/material";
-import { ReactNode } from "react";
+import { BoxProps } from '@mui/material';
+import { ReactNode } from 'react';
 export type BadgeProps = Omit<BoxProps, "content"> & {
     size?: "small" | "medium" | "big";
     children: ReactNode;
+    tooltip?: string;
+};
+export type BagdeTooltipProps = {
+    tooltip?: string;
+    children: JSX.Element;
 };
 export declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Badge/ComingSoonBadge.d.ts

@@ -0,0 +1,5 @@
+type ComingSoonBadgeProps = {
+    soonAvailableText: string;
+};
+export declare const ComingSoonBadge: (props: ComingSoonBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Badge/FoodsBadge.d.ts

@@ -1,5 +1,5 @@
-import { BoxProps } from "@mui/material";
-import { FoodsIconProps } from "../Icons/FoodsIcon";
+import { BoxProps } from '@mui/material';
+import { FoodsIconProps } from '../Icons/FoodsIcon';
 export type FoodsBadgeProps = {
     size: number;
     icon: FoodsIconProps["icon"];

package/dist/components/Badge/ScoreContainer.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
+type ScoreContainerProps = {
+    children: ReactNode;
+    boxProps?: BoxProps;
+};
+export declare const ScoreContainer: (props: ScoreContainerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,2 +1,4 @@
-export * from "./Badge";
-export * from "./FoodsBadge";
+export * from './Badge';
+export * from './FoodsBadge';
+export * from './ComingSoonBadge';
+export * from './ScoreContainer.tsx';

package/dist/components/Box/AdditionalContentBox.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 export type AdditionalContentBoxProps = {
     title: string;
     type?: "brand" | "default";

package/dist/components/Box/ContextualContentBox.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 export type ContextualContentBoxProps = {
     title?: string;
     size?: "big" | "small";

package/dist/components/Box/DottedBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type DottedBoxProps = {
     children: JSX.Element | JSX.Element[];
 };

package/dist/components/Box/HelperBox.d.ts

@@ -1,2 +1,2 @@
-import { BoxProps } from "@mui/material";
+import { BoxProps } from '@mui/material';
 export declare const HelperBox: (props: BoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Box/InfoBox.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
 export type InfoBoxProps = {
-    children?: JSX.Element[];
+    header: JSX.Element;
+    info?: JSX.Element;
+    children: JSX.Element;
 };
-export declare const InfoBox: (props: InfoBoxProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const InfoBox: (_props: InfoBoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Box/LineGroupBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type LineGroupBoxProps = Omit<InnerLineGroupBoxProps, "children">;
 type InnerLineGroupBoxProps = {
     isFirst?: boolean;

package/dist/components/Box/QuoteBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type QuoteBoxProps = {
     data: JSX.Element;
 };

package/dist/components/Box/SectionBox.d.ts

@@ -1,5 +1,5 @@
-import { BoxProps } from "@mui/material";
-import { ReactNode } from "react";
+import { BoxProps } from '@mui/material';
+import { ReactNode } from 'react';
 export type SectionBoxProps = BoxProps & {
     size?: "big" | "small";
     header: ReactNode;

package/dist/components/Box/SolidGreyBox.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { BoxProps } from "@mui/material/Box/Box";
+import { BoxProps } from '@mui/material/Box/Box';
 export type SolidGreyBoxProps = {
     children: JSX.Element | JSX.Element[];
 } & BoxProps;

package/dist/components/Box/WarningBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type WarningBoxProps = {
     children: JSX.Element | JSX.Element[];
 };

package/dist/components/Box/WhiteBox.d.ts

@@ -1,2 +1,2 @@
-import { BoxProps } from "@mui/material";
+import { BoxProps } from '@mui/material';
 export declare const WhiteBox: (props: BoxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,12 @@
-export * from "./AdditionalContentBox";
-export * from "./CategoryBox";
-export * from "./ContextualContentBox";
-export * from "./DottedBox";
-export * from "./HelperBox";
-export * from "./InfoBox";
-export * from "./LineGroupBox";
-export * from "./QuoteBox";
-export * from "./SectionBox";
-export * from "./SolidGreyBox";
-export * from "./WarningBox";
-export * from "./WhiteBox";
+export * from './AdditionalContentBox';
+export * from './CategoryBox';
+export * from './ContextualContentBox';
+export * from './DottedBox';
+export * from './HelperBox';
+export * from './InfoBox';
+export * from './LineGroupBox';
+export * from './QuoteBox';
+export * from './SectionBox';
+export * from './SolidGreyBox';
+export * from './WarningBox';
+export * from './WhiteBox';

package/dist/components/Button/FoodsIconButton.d.ts

@@ -1,5 +1,15 @@
-/// <reference types="react" />
-export type FoodsIconButton = {
-    icon: JSX.Element;
+import { ButtonProps, TooltipProps } from '@mui/material';
+import { IconMapping } from '../Icons';
+type IconButtonSize = "xs" | "s" | "m";
+export type FoodsIconButtonProps = {
+    size: IconButtonSize;
+    withBackground?: boolean;
+    icon: keyof IconMapping;
+    buttonProps: Omit<ButtonProps, "variant"> | undefined;
+    tooltip?: {
+        text?: string;
+        props?: Omit<TooltipProps, "children" | "title">;
+    };
 };
-export declare const FoodsIconButton: (props: FoodsIconButton) => import("react/jsx-runtime").JSX.Element;
+export declare const FoodsIconButton: (props: FoodsIconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Button/FoodsToggleButton.d.ts

@@ -1,14 +1,21 @@
-import { ToggleButtonProps } from "@mui/material";
-type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "key" | "value" | "onClick" | "selected">;
-type ToggleChoice = {
-    id: number;
-    name: string;
+import { ToggleButtonProps } from '@mui/material';
+import { IconMapping } from '../Icons';
+type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "key" | "value" | "onClick" | "selected" | "unselectable">;
+export type FoodsToggleButtonType = {
+    id: number | string;
+    label?: string;
+    endIcon?: keyof IconMapping;
+    startIcon?: keyof IconMapping;
+    onClick?: () => void;
+    disabled?: boolean;
 };
 export type FoodsToggleButtonProps = ToggleButtonsPropsWithoutEnforcedKeys & {
-    selectedChoice: ToggleChoice | null;
-    choices: ToggleChoice[];
-    onSelection: (selectedChoiceId: number) => void;
+    buttons: FoodsToggleButtonType[];
+    initialSelected?: FoodsToggleButtonType;
     ToggleButtonProps?: ToggleButtonsPropsWithoutEnforcedKeys;
+    buttonGroup?: boolean;
+    unselectable?: boolean;
+    className?: string;
 };
-export declare const FoodsToggleButton: (props: FoodsToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FoodsToggleButton: import('react').ForwardRefExoticComponent<Omit<FoodsToggleButtonProps, "ref"> & import('react').RefAttributes<unknown>>;
 export {};

package/dist/components/Button/IconTooltips/FoodsIconButtonTooltip.d.ts

@@ -0,0 +1,2 @@
+import { TooltipProps } from '@mui/material/Tooltip/Tooltip';
+export declare const FoodsIconButtonTooltip: import('@emotion/styled').StyledComponent<TooltipProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/components/Button/TertiaryToggleButton.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { ToggleButtonProps } from "@mui/material";
-export declare const CustomToggleButton: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "size" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "disabled" | "value" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+import { ToggleButtonProps } from '@mui/material';
+export declare const CustomToggleButton: import('@emotion/styled').StyledComponent<import('@mui/material').ToggleButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
+}, "value" | "size" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "disabled" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "value" | "onClick" | "selected">;
 export type TertiaryToggleButtonProps = ToggleButtonsPropsWithoutEnforcedKeys & {
     choices: string[];

package/dist/components/Button/TertiaryToggleButtonNodeTitle.d.ts

@@ -1,8 +1,8 @@
-import { ToggleButtonProps } from "@mui/material";
-import { ReactNode } from "react";
-export declare const CustomToggleButtonNodeTitle: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "size" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "disabled" | "value" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+import { ToggleButtonProps } from '@mui/material';
+import { ReactNode } from 'react';
+export declare const CustomToggleButtonNodeTitle: import('@emotion/styled').StyledComponent<import('@mui/material').ToggleButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
+}, "value" | "size" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "disabled" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "value" | "onClick" | "selected">;
 export type TertiaryToggleButtonPropsNodeTitle = ToggleButtonsPropsWithoutEnforcedKeys & {
     choices: ReactNode[];

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

@@ -1,3 +1,4 @@
-export * from "./TertiaryToggleButton";
-export * from "./TertiaryToggleButtonNodeTitle";
-export * from "./FoodsToggleButton";
+export * from './TertiaryToggleButton';
+export * from './TertiaryToggleButtonNodeTitle';
+export * from './FoodsToggleButton';
+export * from './FoodsIconButton';

package/dist/components/CMS/ArticleBlock/Article.d.ts

@@ -0,0 +1,11 @@
+export type ArticleProps = {
+    title: string;
+    description: string;
+    imageSrc: string;
+    onClick?: () => void;
+    content?: string;
+    isMain?: boolean;
+    readMoreText?: string;
+    isFirst?: boolean;
+};
+export declare const Article: (props: ArticleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CMS/ArticleBlock/ArticleContent.d.ts

@@ -0,0 +1,12 @@
+interface ArticleContentProps {
+    isOpen: boolean;
+    onClose: () => void;
+    article: {
+        title: string;
+        description: string;
+        imageSrc: string;
+        content: string;
+    };
+}
+export declare const ArticleContent: ({ isOpen, onClose, article }: ArticleContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CMS/ArticleBlock/ArticlesBox.d.ts

@@ -0,0 +1,8 @@
+import { SxProps } from '@mui/system';
+import { ArticleProps } from './Article.tsx';
+type ArticlesBoxProps = {
+    articles: ArticleProps[];
+    sxProps?: SxProps;
+};
+export declare const ArticlesBox: (props: ArticlesBoxProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CMS/ArticleBlock/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ArticlesBox';
+export * from './Article';

package/dist/components/CMS/HeroBlock/HeroBlock.d.ts

@@ -0,0 +1,12 @@
+import { SxProps } from '@mui/system';
+import { FlexibleString } from '../../../innerComponents/FlexibleTypography';
+import { FlexibleButtonType } from '../../../innerComponents/FlexibleButton';
+export type HeroBlockProps = {
+    title: FlexibleString;
+    subtitle?: FlexibleString;
+    description?: JSX.Element;
+    callToAction?: FlexibleButtonType;
+    imageUrl?: string;
+    sxProps?: SxProps;
+};
+export declare const HeroBlock: (props: HeroBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CMS/HeroBlock/index.d.ts

@@ -0,0 +1 @@
+export * from './HeroBlock';

package/dist/components/CMS/IndicatorBlock/IndicatorBlock.d.ts

@@ -0,0 +1,11 @@
+type IndicatorBlockProps = {
+    title: string;
+    children: JSX.Element | JSX.Element[];
+    objectives: {
+        objective: string;
+        component: JSX.Element;
+    }[];
+    tooltipMessage?: string;
+};
+export declare const IndicatorBlock: (props: IndicatorBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CMS/IndicatorBlock/LightIndicatorBlock.d.ts

@@ -0,0 +1,6 @@
+export type LightIndicatorBlockProps = {
+    title: string;
+    subtitle?: string;
+    description: string;
+};
+export declare const LightIndicatorBlock: (props: LightIndicatorBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CMS/IndicatorBlock/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IndicatorBlock';
+export * from './LightIndicatorBlock';

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

@@ -0,0 +1,3 @@
+export * from './HeroBlock';
+export * from './ArticleBlock';
+export * from './IndicatorBlock';

package/dist/components/Cards/ScoreCard/Header/ScoreCardHeader.d.ts

@@ -0,0 +1,17 @@
+import { Orientation } from '@mui/material';
+import { Variant } from './ValueSwitcher/ValueSwitcher';
+import { OptionsPopoverOption } from '../../../Popover';
+export type HeaderOptions = {
+    id: number;
+    label: string;
+    group: string;
+    onClick?: OptionsPopoverOption["onClick"];
+};
+export type ScoreCardHeaderProps = {
+    selectedItemId?: number | null;
+    options: HeaderOptions[];
+    information?: string;
+    variant?: Variant;
+    orientation?: Orientation;
+};
+export declare const ScoreCardHeader: (props: ScoreCardHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Cards/ScoreCard/Header/ValueSwitcher/ValuePopover.d.ts

@@ -0,0 +1,10 @@
+import { SxProps } from '@mui/material';
+type Anchor = HTMLElement | null;
+type ValuePopoverProps = {
+    anchor: Anchor;
+    setAnchor: (elementToAttachTo: Anchor) => void;
+    children: JSX.Element | undefined;
+    paperOverrides: SxProps | undefined;
+};
+export declare const ValuePopover: (props: ValuePopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Cards/ScoreCard/Header/ValueSwitcher/ValueSwitcher.d.ts

@@ -0,0 +1,16 @@
+import { OptionsPopoverSection } from '../../../../Popover';
+import { HeaderOptions } from '../ScoreCardHeader';
+export type Orientation = "horizontal" | "vertical";
+export type Variant = "primary" | "secondary";
+export type OptionsPopoverType = {
+    content: OptionsPopoverSection[];
+    onChange: (optionId: number) => void;
+};
+export type ValueSwitcherProps = {
+    selectedItem: HeaderOptions | null;
+    setSelectedItem: (newItemId: number) => void;
+    optionsProps: OptionsPopoverType;
+    variant?: Variant;
+    orientation?: Orientation;
+};
+export declare const ValueSwitcher: (props: ValueSwitcherProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { ScoreCardHeaderProps } from './Header/ScoreCardHeader';
+export type ScoreCardProps = {
+    header: ScoreCardHeaderProps;
+    moreDetailAction?: () => void;
+    soonAvailableText?: string;
+    disableFooter?: boolean;
+    children?: JSX.Element;
+};
+export declare const ScoreCard: (props: ScoreCardProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+type SeeMoreCardProps = {
+    children: ReactNode;
+    seeMoreText: string;
+    seeLessText: string;
+    hidden?: ReactNode;
+    defaultVisible?: boolean;
+};
+export declare const SeeMoreCard: (props: SeeMoreCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,40 @@
+import { FlexibleString } from '../../../../innerComponents/FlexibleTypography';
+import { Improvement } from '../../../ComparisonBlock/ComparisonBlock';
+import { StepType } from '../components/Step';
+export type TrajectoryPosition = "horizontal" | "vertical";
+export type TrajectorySteps = {
+    start: StepType;
+    endWithoutAction?: StepType;
+    endWithAction: StepType;
+};
+export type OrientedTrajectoryCardsProps = {
+    completionPercentage: number | null;
+    steps: TrajectorySteps;
+    unit?: string;
+    textOptions: TrajectoryStepsText;
+    improvement: Improvement;
+    valueFormatterFn?: (value: number) => string | number;
+};
+export interface ComparisonProps {
+    currentValue: number | null;
+    targetValue: number | null;
+    orientation?: TrajectoryPosition;
+    improvement: Improvement;
+}
+export interface TargetComparisonProps {
+    currentValue: number | null;
+    targetValue: number | null;
+    label?: FlexibleString;
+    noObjectiveLabel?: string;
+    orientation?: TrajectoryPosition;
+    improvement: Improvement;
+    outsideContainer?: boolean;
+    completionPercent: number | null;
+}
+export type TrajectoryStepsText = {
+    startingStep: FlexibleString;
+    targetWithoutPlanStep: FlexibleString;
+    targetWithPlanStep: FlexibleString;
+    goalStep: FlexibleString;
+    noGoalLabel?: string;
+};

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

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

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

@@ -0,0 +1,13 @@
+import { OrientedTrajectoryCardsProps, TrajectoryPosition } from './Blocks/types.ts';
+export type TrajectoryCardSteps = {
+    start: number | null;
+    endWithoutAction?: number | null;
+    endWithAction: number | null;
+};
+export type TrajectoryCardsProps = Omit<OrientedTrajectoryCardsProps, "completionPercentage" | "steps"> & {
+    steps: TrajectoryCardSteps;
+    position: TrajectoryPosition;
+    goal?: number | null;
+    valueFormatterFn?: (value: number) => string | number;
+};
+export declare const TrajectoryCards: (props: TrajectoryCardsProps) => import("react/jsx-runtime").JSX.Element | undefined;