@foodpilot/foods 0.2.0 → 0.3.1

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

@@ -0,0 +1,39 @@
+import { ReactNode } from "react";
+export type FormAccordionContent = {
+    title: ReactNode;
+    content: ReactNode;
+    indicator?: {
+        value: number;
+        unit: string;
+    };
+};
+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 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;
+}, "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const StyledFormAccordionDetails: import("@emotion/styled").StyledComponent<import("@mui/material").AccordionDetailsProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const FormAccordion: (props: FormAccordionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -12,16 +12,18 @@ export declare const StyledAccordion: import("@emotion/styled").StyledComponent<
         children?: React.ReactElement<any, any> | undefined;
     }> | undefined;
     TransitionProps?: import("@mui/material/transitions").TransitionProps | undefined;
-} & Omit<import("@mui/material").PaperOwnProps, "classes" | "onChange"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+} & 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" | "disabled" | "sx" | "variant" | "onChange" | "elevation" | "square" | "defaultExpanded" | "disableGutters" | "expanded" | "TransitionComponent" | "TransitionProps"> & {
+}, 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;
 }, {}, {}>;
 export type AccordionContent = {
     title: JSX.Element;
     content: JSX.Element;
+    onOpenAction?: () => void;
 };
 export type AccordionProductProps = {
     pages: AccordionContent[];
+    defaultIndex?: number;
 };
 export declare const AccordionProduct: (props: AccordionProductProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { BoxProps } from "@mui/material";
+import { FoodsIconProps } from "../Icons/FoodsIcon";
+export type FoodsBadgeProps = {
+    size: number;
+    icon: FoodsIconProps["icon"];
+    boxProps?: BoxProps;
+};
+export declare const FoodsBadge: (props: FoodsBadgeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from "./Badge";
+export * from "./FoodsBadge";

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

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+export type AdditionalContentBoxProps = {
+    title: string;
+    type?: "brand" | "default";
+    orientation?: "vertical" | "horizontal";
+    icon: ReactNode;
+    children?: ReactNode;
+    cta?: ReactNode;
+};
+export declare const AdditionalContentBox: (props: AdditionalContentBoxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,5 @@
 export type CategoryBoxProps = {
     text: string;
+    action?: () => void;
 };
 export declare const CategoryBox: (props: CategoryBoxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+export type ContextualContentBoxProps = {
+    title?: string;
+    size?: "big" | "small";
+    children?: ReactNode;
+    cta?: ReactNode;
+};
+export declare const ContextualContentBox: (props: ContextualContentBoxProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,8 @@
+import { BoxProps } from "@mui/material";
+import { ReactNode } from "react";
+export type SectionBoxProps = BoxProps & {
+    size?: "big" | "small";
+    header: ReactNode;
+    footer?: ReactNode;
+};
+export declare const SectionBox: (props: SectionBoxProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+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,7 +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";

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export type FoodsIconButton = {
+    icon: JSX.Element;
+};
+export declare const FoodsIconButton: (props: FoodsIconButton) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { ToggleButtonProps } from "@mui/material";
+type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "key" | "value" | "onClick" | "selected">;
+type ToggleChoice = {
+    id: number;
+    name: string;
+};
+export type FoodsToggleButtonProps = ToggleButtonsPropsWithoutEnforcedKeys & {
+    selectedChoice: ToggleChoice | null;
+    choices: ToggleChoice[];
+    onSelection: (selectedChoiceId: number) => void;
+    ToggleButtonProps?: ToggleButtonsPropsWithoutEnforcedKeys;
+};
+export declare const FoodsToggleButton: (props: FoodsToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,9 +1,13 @@
 /// <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;
-}, "color" | "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "size" | "value" | "onChange" | "onClick" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export type TertiaryToggleButtonProps = {
+}, "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>, {}, {}>;
+type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "value" | "onClick" | "selected">;
+export type TertiaryToggleButtonProps = ToggleButtonsPropsWithoutEnforcedKeys & {
     choices: string[];
     onClick?: (index: number) => void;
+    currentIndexSelected?: number;
 };
 export declare const TertiaryToggleButton: (props: TertiaryToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+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>, {}, {}>;
+type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "value" | "onClick" | "selected">;
+export type TertiaryToggleButtonPropsNodeTitle = ToggleButtonsPropsWithoutEnforcedKeys & {
+    choices: ReactNode[];
+    onClick?: (index: number) => void;
+    currentIndexSelected?: number;
+};
+export declare const TertiaryToggleButtonNodeTitle: (props: TertiaryToggleButtonPropsNodeTitle) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import { ChartProps } from "react-chartjs-2";
+import { Property } from "csstype";
+export type DoughnutChartProps = Omit<ChartProps<"doughnut">, "data" | "type"> & {
+    values?: number[];
+    labels?: string[];
+    colors?: Property.Color[];
+    legend?: boolean;
+    children?: ReactNode;
+};
+export declare const DoughnutChart: (props: DoughnutChartProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+export type ScatterPlotProps = {
+    values: Array<Point>;
+    x: ReactNode;
+    y: ReactNode;
+    color: string;
+    onPointSelection: (selectedPoint: SelectedPoint | null) => void;
+};
+type Coordinate = {
+    x: number;
+    y: number;
+};
+export type Point = {
+    label: string;
+    id?: number;
+} & Coordinate;
+export type SelectedPoint = {
+    point: Point;
+    absoluteCoordinate: Coordinate;
+};
+export declare const ScatterPlot: (props: ScatterPlotProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export * from "./DoughnutChart";
+export * from "./ScatterPlot";

package/dist/components/Checkbox/BaseCheckbox.d.ts

@@ -0,0 +1,21 @@
+import { CheckboxProps, FormGroupProps, FormControlLabelProps } from "@mui/material";
+export type CheckboxId = string | number;
+export type CheckboxName = string | number;
+export type CheckboxProperties<T> = Record<CheckboxId, CheckboxPropertyValue<T>>;
+export type CheckboxPropertyValue<T> = {
+    name: CheckboxName;
+    state: boolean;
+    disabled?: boolean;
+    rawData: T;
+};
+export type BaseCheckboxOverrides = {
+    FormGroupProps?: FormGroupProps;
+    FormControlLabelProps?: Omit<FormControlLabelProps, "control" | "label">;
+    CheckboxProps?: Omit<CheckboxProps, "onChange">;
+};
+type BaseCheckboxProps<T> = BaseCheckboxOverrides & {
+    values: CheckboxProperties<T>;
+    onChange: (newCheckbox: CheckboxProperties<T>) => void;
+};
+export declare const BaseCheckbox: <T>(props: BaseCheckboxProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Checkbox/FoodsCheckbox.d.ts

@@ -0,0 +1,9 @@
+import { BaseCheckboxOverrides } from "./BaseCheckbox";
+export type FoodsCheckboxProps<T> = BaseCheckboxOverrides & {
+    selectedItems: T[] | undefined;
+    values: T[];
+    onChange: (selectedValues: T[]) => void;
+    getId?: (item: T) => string | number;
+    getName?: (item: T) => string | number;
+};
+export declare const FoodsCheckbox: <T>(props: FoodsCheckboxProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Checkbox/PrimaryCheckbox.d.ts

@@ -1,8 +1,8 @@
 import { CheckboxProps } from "@mui/material";
-export type CheckboxProperties = Record<string, boolean>;
+import { CheckboxProperties } from "./types";
 type PrimaryCheckboxProps = Omit<CheckboxProps, "onChange"> & {
     values: CheckboxProperties;
-    onChange: (label: string, isChecked: boolean) => void;
+    onChange: (newCheckbox: CheckboxProperties) => void;
 };
 export declare const PrimaryCheckbox: (props: PrimaryCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Checkbox/helperFunctions.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxProperties, MandatoryFields } from "./types";
+export declare const checkboxToAny: <T extends MandatoryFields, U extends T>(startingValues: T[], checkboxProperties: CheckboxProperties, defaultValue: (fields: MandatoryFields) => U) => T[];
+export declare const anyToCheckbox: <T extends MandatoryFields, U extends MandatoryFields>(allValues: T[], selectedValues: U[]) => CheckboxProperties;

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

@@ -1 +1,4 @@
 export * from "./PrimaryCheckbox";
+export * from "./helperFunctions";
+export * from "./types";
+export * from "./FoodsCheckbox";

package/dist/components/Checkbox/types.d.ts

@@ -0,0 +1,9 @@
+export type CheckboxProperties = Record<string, CheckboxPropertyValue>;
+export type CheckboxPropertyValue = {
+    name: string;
+    state: boolean;
+};
+export type MandatoryFields = {
+    id: number;
+    name: string;
+};

package/dist/components/CustomTypography/CustomTypography.d.ts

@@ -0,0 +1,6 @@
+import { TypographyProps } from "@mui/material";
+export type CustomTypographyProps = {
+    value: string[];
+    maxLength: number;
+} & TypographyProps;
+export declare const CustomTypography: (props: CustomTypographyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CustomTypography/TypographyList.d.ts

@@ -0,0 +1,7 @@
+import { TypographyProps } from "@mui/material";
+export type TypographyListProps = {
+    value: string[];
+    maxLength: number;
+    separator?: string;
+} & TypographyProps;
+export declare const TypographyList: (props: TypographyListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from "./CustomTypography";
+export * from "./TypographyList";

package/dist/components/Dialog/PrimaryDialog.d.ts

@@ -1,16 +1,25 @@
-import { Dispatch, SetStateAction } from "react";
+import { Dispatch, ReactNode, SetStateAction } from "react";
+import { DialogProps } from "@mui/material/Dialog";
 type Settings = {
-    title: JSX.Element;
-    content: JSX.Element;
-    error?: JSX.Element;
+    title: ReactNode;
+    content: ReactNode;
+    error?: ReactNode;
 };
-type PrimaryDialogProps = {
-    isOpen: boolean;
+type ConfirmAction = {
+    title: ReactNode;
+    content: ReactNode;
+    cancelText?: string;
+    validateText?: string;
+};
+type PrimaryDialogProps = DialogProps & {
     setOpen: Dispatch<SetStateAction<boolean>>;
     options: Settings;
     onValidate?: () => void;
     onCancel?: () => void;
     canValidate?: boolean;
+    confirmAction?: ConfirmAction;
+    cancelText: string;
+    validateText: string;
 };
 export declare const PrimaryDialog: (props: PrimaryDialogProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Field/NumberField.d.ts

@@ -3,7 +3,7 @@ export type NumberFieldProps = RoundInputProps & {
     title: string;
     unit: string;
     placeholder: string;
-    value?: number;
+    value?: number | string;
     description?: string;
 };
 export declare const NumberField: (props: NumberFieldProps) => JSX.Element;

package/dist/components/Form/FoodsFormBase/ConfirmDialog.d.ts

@@ -0,0 +1,8 @@
+import { ConfirmOptionsType } from "./FoodsFormBase";
+type ConfirmDialogProps = {
+    open: boolean;
+    onClose: () => void;
+    confirmOptions: ConfirmOptionsType;
+};
+export declare const ConfirmDialog: (props: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Form/FoodsFormBase/FoodsFormBase.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from "react";
+export type FoodsPage = {
+    title?: string;
+    subtitle?: ReactNode;
+    icon?: JSX.Element;
+    content: ReactNode;
+};
+export type DisplayTextOptions = {
+    title: string;
+    subtitle?: ReactNode;
+    nextPage: string;
+    previousPage: string;
+    finalPage?: string;
+    syncingMessage?: string;
+    savingDefaultMessage?: string;
+    warningText?: string;
+};
+export type ConfirmOptionsType = {
+    titleText: string;
+    infoText?: string;
+    confirmText: string;
+    cancelText: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+};
+export type ConfirmOptions = ({
+    confirmExit: false;
+}) | {
+    confirmExit: true;
+    confirmOptions: ConfirmOptionsType;
+};
+export type FoodsFormBaseProps = ConfirmOptions & {
+    textOptions: DisplayTextOptions;
+    pages: FoodsPage[];
+    startingPage?: number;
+    onClose?: () => void;
+    onValidate?: () => void;
+    onPageChange?: (newPageIndex: number, previousPageIndex: number) => void;
+    showSync?: boolean;
+    isLoading?: boolean;
+};
+export declare const FoodsFormBase: (props: FoodsFormBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Form/FoodsFormBase/FormBaseContext.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+import { FoodsPage } from "./FoodsFormBase";
+import { PageLocks } from "./usePageLock";
+import { FoodsFormBaseProps } from "./FoodsFormBase";
+type FormBasePropsBlackList = Omit<FoodsFormBaseProps, "startingPage">;
+type ExtraFormOptions = {
+    isSaving: boolean;
+    setSaving: (isSaving: boolean) => void;
+    selectedPage: FoodsPage;
+    selectedPageIndex: number;
+    setPage: (value: number) => void;
+    maxPage: number;
+    formSaved: boolean;
+    setFormSaved: (isSaved: boolean) => void;
+    openConfirmDialog: () => void;
+};
+type FormBaseContextInitialValues = (PageLocks & FormBasePropsBlackList & ExtraFormOptions);
+type FormBaseContextProviderProps = FoodsFormBaseProps & {
+    children: ReactNode;
+    openConfirmDialog: () => void;
+};
+export declare const FormBaseContextProvider: (props: FormBaseContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useFormBaseContext: () => FormBaseContextInitialValues;
+export {};

package/dist/components/Form/FoodsFormBase/FormTopBar/ActionButtons.d.ts

@@ -0,0 +1 @@
+export declare const ActionButtons: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Form/FoodsFormBase/FormTopBar/BarTitle.d.ts

@@ -0,0 +1 @@
+export declare const BarTitle: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Form/FoodsFormBase/FormTopBar/FormTopBar.d.ts

@@ -0,0 +1 @@
+export declare const FormTopBar: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Form/FoodsFormBase/FormTopBar/IconThread.d.ts

@@ -0,0 +1 @@
+export declare const IconThread: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Form/FoodsFormBase/FormTopBar/SavingCloudStatus.d.ts

@@ -0,0 +1 @@
+export declare const SavingCloudStatus: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Form/FoodsFormBase/FormTopBar/index.d.ts

@@ -0,0 +1 @@
+export { FormTopBar } from "./FormTopBar";

package/dist/components/Form/FoodsFormBase/MainPageLayout.d.ts

@@ -0,0 +1 @@
+export declare const MainPageLayout: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Form/FoodsFormBase/index.d.ts

@@ -0,0 +1,3 @@
+export { FoodsFormBase } from "./FoodsFormBase";
+export type * from "./FoodsFormBase";
+export { useFormBaseContext, FormBaseContextProvider } from "./FormBaseContext";

package/dist/components/Form/FoodsFormBase/usePageLock.d.ts

@@ -0,0 +1,17 @@
+export type PageLock = {
+    isLocked: false;
+} | {
+    isLocked: true;
+    message?: string;
+};
+export type PageLocks = {
+    forwardLock: PageLock;
+    lockForward: (message?: string) => void;
+    unlockForward: () => void;
+    previousLock: PageLock;
+    lockPrevious: (message?: string) => void;
+    unlockPrevious: () => void;
+    lockAll: (message?: string) => void;
+    unlockAll: () => void;
+};
+export declare const usePageLock: () => PageLocks;

package/dist/components/Form/FormBase.d.ts

@@ -1,21 +1,30 @@
-/// <reference types="react" />
+import { ReactNode } from "react";
+import { SavingStateProps } from "./FormTopBar";
 export type Page = {
-    title: string;
-    subTitle?: string;
+    title?: string;
+    subTitle?: ReactNode;
     info?: JSX.Element;
-    bigIcon: JSX.Element;
-    smallIcon: {
-        selected: JSX.Element;
-        unselected: JSX.Element;
-    };
-    content: JSX.Element | JSX.Element[];
+    bigIcon?: JSX.Element;
+    icon?: ReactNode;
+    content: ReactNode;
     usesBaseLayout?: boolean;
 };
 export type FormBaseProps = {
     title: string;
-    icon: JSX.Element;
+    subtitle?: string;
     pages: Page[];
-    onPageChange?: (page: number) => void;
-    onSaveDraft?: () => void;
+    pageIndexToDisplay?: number;
+    onPageForward: () => void;
+    onPageBack: () => void;
+    nextPageText: string | undefined;
+    previousPageText: string;
+    validateSteps?: boolean[];
+    validateStepsTexts?: (string | null)[];
+    warningText?: string;
+    savingState?: SavingStateProps;
+    navigable?: boolean;
+    onNavigate?: (index: number) => void;
+    closeable?: boolean;
+    onClose?: () => void;
 };
-export declare const FormBase: (props: FormBaseProps) => JSX.Element;
+export declare const FormBase: (props: FormBaseProps) => ReactNode;

package/dist/components/Form/FormBox.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BoxProps } from "@mui/material";
+interface FormBoxProps extends BoxProps {
+    sx?: React.CSSProperties;
+}
+export declare const FormBox: ({ sx, ...props }: FormBoxProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Form/FormPropertyBox.d.ts

@@ -0,0 +1,14 @@
+import { BoxProps } from "@mui/material";
+import { ReactNode } from "react";
+type PropertyIndicator = {
+    value: number;
+    unit: string;
+};
+type FormPropertyBoxProps = BoxProps & {
+    title: string;
+    hint?: string;
+    indicator?: PropertyIndicator;
+    children: ReactNode;
+};
+export declare const FormPropertyBox: (props: FormPropertyBoxProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Form/FormTopBar.d.ts

@@ -1,12 +1,27 @@
-/// <reference types="react" />
-import { Icon } from "../Navigation/IconThread";
+import { ReactNode } from "react";
 type FormTopBarProps = {
     title: string;
-    icon: JSX.Element;
-    pageIcons: Icon[];
+    subtitle?: ReactNode;
+    icons?: ReactNode[];
+    steps?: number;
     currentPage: number;
-    setPage: (value: number) => void;
-    onSaveDraft?: () => void;
+    onPageForward: () => void;
+    onPageBack: () => void;
+    nextPageText: string | undefined;
+    previousPageText: string;
+    validateSteps?: boolean[];
+    validateStepsTexts?: (string | null)[];
+    warningText?: string;
+    savingState?: SavingStateProps | undefined;
+    navigable?: boolean | undefined;
+    onNavigate?: (index: number) => void | undefined;
+    closeable: boolean | undefined;
+    onClose: (() => void) | undefined;
 };
 export declare const FormTopBar: (props: FormTopBarProps) => import("react/jsx-runtime").JSX.Element;
+export type SavingStateProps = {
+    saving: boolean;
+    savingMessage: string;
+    savedMessage: string;
+};
 export {};

package/dist/components/Form/FormUnit.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from "@mui/material";
+type FormUnitProps = BoxProps & {
+    value: number;
+    unit: string;
+};
+export declare const FormUnit: (props: FormUnitProps) => import("react/jsx-runtime").JSX.Element;
+export {};