@foodpilot/foods 0.3.72 → 0.3.74

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

@@ -9,5 +9,6 @@ export type HeaderOptions = {
 export type ScoreCardHeaderProps = {
     selectedItemId: number | null;
     options: HeaderOptions[];
+    information?: string;
 };
 export declare const ScoreCardHeader: (props: ScoreCardHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/EvolutionChart/Legend.d.ts

@@ -0,0 +1,15 @@
+import { Chart as ChartJS } from 'chart.js';
+import { DoughnutChartLegendProps } from '../DoughnutChart/DoughnutChartLegend';
+import { IconMapping } from '../../Icons';
+
+type LegendProps = {
+    labels: string[];
+    icons?: (keyof IconMapping)[];
+    chart: ChartJS<"bar" | "line">;
+    handleOnMouseOver: (chart: ChartJS<"bar" | "line">, datasetIndex: number | undefined) => void;
+    legendPosition?: "bottom" | "right";
+    legend?: DoughnutChartLegendProps["legend"];
+    labelIndex?: number;
+};
+export declare const Legend: (props: LegendProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Chart/EvolutionChart/Popover.d.ts

@@ -0,0 +1,16 @@
+import { Chart as ChartJS } from 'chart.js';
+import { IconMapping } from '../../Icons';
+
+type PopoverProps = {
+    datasetIndex: number | undefined;
+    dataIndex: number;
+    chart?: ChartJS<"bar" | "line">;
+    evolution?: number;
+    reverse: boolean;
+    positiveArrowIcon: keyof IconMapping;
+    positiveColor: string;
+    negativeArrowIcon: keyof IconMapping;
+    negativeColor: string;
+};
+export declare const Popover: (props: PopoverProps) => import('react').ReactPortal | null;
+export {};

package/dist/components/Chart/EvolutionChart/lineRepositionPlugin.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'chart.js';
+
+export declare const lineReposition: Plugin<"line">;

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

@@ -0,0 +1,9 @@
+import { Chart as ChartJS } from 'chart.js';
+
+type BarLineChart = ChartJS<"bar" | "line">;
+export declare const hideAllLineDatasets: (chart: BarLineChart) => void;
+export declare const showEvolution: (chart: BarLineChart, datasetIndex: number | null, offset?: boolean) => void;
+export declare const resetBarColor: (chart: BarLineChart) => void;
+export declare const opacifyBarColor: (chart: BarLineChart, datasetIndex: number, hexOpacity?: string) => void;
+export declare const COLORS: string[];
+export {};

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

@@ -0,0 +1,26 @@
+import { ChartDataset, ChartType } from 'chart.js';
+import { IconMapping } from '../Icons';
+import { DoughnutChartLegendProps } from './DoughnutChart/DoughnutChartLegend';
+
+export type MixedChartDataset = ChartDataset<"line" | "bar">;
+export type Dataset = {
+    label: string;
+    data: number[];
+};
+export type EvolutionChartProps = {
+    values: Dataset[];
+    labels: string[];
+    icons?: (keyof IconMapping)[];
+    positiveArrowIcon?: keyof IconMapping;
+    positiveColor?: string;
+    negativeArrowIcon?: keyof IconMapping;
+    negativeColor?: string;
+    reverse?: boolean;
+    legend?: DoughnutChartLegendProps["legend"];
+};
+export declare const EvolutionChart: (props: EvolutionChartProps) => import("react/jsx-runtime").JSX.Element;
+declare module "chart.js" {
+    interface ChartDatasetProperties<TType extends ChartType, TData> {
+        kind?: "bottom" | "top";
+    }
+}

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

@@ -1,2 +1,3 @@
 export * from './DoughnutChart/DoughnutChart';
 export * from './ScatterPlot';
+export * from './EvolutionChart';

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

@@ -1,5 +1,5 @@
 import { IconMapping } from '../../Icons';
-import { ColorSet } from '../getColorAndArrow';
+import { ColorSet } from '../useColorAndArrow';
 
 type ComparisonBlockProps = {
     percentageDifference: string;

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

@@ -1,5 +1,5 @@
 import { IconMapping } from '../../Icons';
-import { ColorSet } from '../getColorAndArrow';
+import { ColorSet } from '../useColorAndArrow';
 
 type ComparisonBlockProps = {
     percentageDifference: string;

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

@@ -1,5 +1,5 @@
 import { IconMapping } from '../../Icons';
-import { ColorSet } from '../getColorAndArrow';
+import { ColorSet } from '../useColorAndArrow';
 
 type ComparisonBlockProps = {
     percentageDifference: string;

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

@@ -1,5 +1,5 @@
 import { IconMapping } from '../../Icons';
-import { ColorSet } from '../getColorAndArrow';
+import { ColorSet } from '../useColorAndArrow';
 
 type ComparisonBlockProps = {
     percentageDifference: string;

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

@@ -1,5 +1,5 @@
 import { IconMapping } from '../../Icons';
-import { ColorSet } from '../getColorAndArrow';
+import { ColorSet } from '../useColorAndArrow';
 
 type ComparisonBlockProps = {
     percentageDifference: string;

package/dist/components/ComparisonBlock/{getColorAndArrow.d.ts → useColorAndArrow.d.ts}

@@ -1,15 +1,13 @@
-import { IconMapping } from '../Icons';
+import { IconMapping } from '../Icons/index.ts';
 import { Improvement } from './ComparisonBlock.tsx';
 
 export type ColorSet = {
     primaryColor: string;
     secondaryColor: string;
 };
-export type ColorsType = Record<string, ColorSet>;
-export declare const Colors: ColorsType;
 type IconAndColor = {
     icon: keyof IconMapping;
     color: ColorSet;
 };
-export declare const getColorAndArrowIcon: (currentValue: number, previousValue: number, improvement: Improvement) => IconAndColor;
+export declare const useColorAndArrowIcon: (currentValue: number, previousValue: number, improvement: Improvement) => IconAndColor;
 export {};

package/dist/components/Experimental/RichTextEditor/RichTextEditor.d.ts

@@ -0,0 +1,7 @@
+interface EditorProps {
+    onChange?: (value: string) => void;
+    displayPreview?: boolean;
+    placeholder?: string;
+}
+export declare function RichTextEditor({ onChange, displayPreview, placeholder }: EditorProps): JSX.Element;
+export {};

package/dist/components/Experimental/RichTextEditor/Toolbar.d.ts

@@ -0,0 +1 @@
+export declare function Toolbar(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Experimental/RichTextEditor/index.d.ts

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

package/dist/components/Experimental/RichTextEditor/styles.d.ts

@@ -0,0 +1,18 @@
+export declare const theme: {
+    readonly text: {
+        readonly bold: "editor-text-bold";
+        readonly italic: "editor-text-italic";
+        readonly underline: "editor-text-underline";
+        readonly strikethrough: "editor-text-strikethrough";
+        readonly underlineStrikethrough: "editor-text-underlineStrikethrough";
+    };
+    readonly list: {
+        readonly ol: "editor-list-ol";
+        readonly ul: "editor-list-ul";
+        readonly listitem: "editor-listitem";
+    };
+};
+export declare const EditorRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const EditorContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const EditorPlaceholder: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const EditorPreview: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Icons/iconConfig.d.ts

@@ -296,6 +296,9 @@ export declare const iconMapping: {
     readonly previousCampaign: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
+    readonly questionnaireAnswer: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
     readonly questionMark: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;

package/dist/components/RichTextEditor/RichTextEditor.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Props for the RichTextEditor component
+ * @interface RichTextEditorProps
+ * @property {function} onChange - Optional callback triggered when editor content changes
+ * @property {boolean} displayOutput - Optional flag to show the output mode
+ * @property {string} placeholder - Optional placeholder text when editor is empty
+ * @property {string} initialContent - Optional initial HTML content for the editor
+ */
+interface RichTextEditorProps {
+    /** Callback function when editor content changes */
+    onChange?: (value: string) => void;
+    /** Whether to show preview mode */
+    displayOutput?: boolean;
+    /** Placeholder text when editor is empty */
+    placeholder?: string;
+    /** Initial HTML content */
+    initialContent?: string;
+}
+/**
+ * RichTextEditor Component
+ * A WYSIWYG editor built with TipTap that provides rich text editing capabilities
+ *
+ * Features:
+ * - Text formatting (bold, italic, underline)
+ * - Text alignment
+ * - Font family and size control
+ * - Text default styling selection
+ * - Icon selection
+ * - Text colors
+ * - Text formatting synced with cursor position using tiptap observables
+ * - Placeholder support
+ */
+export default function RichTextEditor({ onChange, displayOutput, placeholder, initialContent }: RichTextEditorProps): JSX.Element | null;
+export {};

package/dist/components/RichTextEditor/components/ColorInput/index.d.ts

@@ -0,0 +1,8 @@
+interface ColorInputProps {
+    size: 'small' | 'medium' | 'large';
+    onChange: (color: string) => void;
+    variant: 'text' | 'contained';
+    currentColor: string | undefined;
+}
+export declare const ColorInput: ({ onChange, size, variant, currentColor }: ColorInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/RichTextEditor/components/ColorInput/style/index.d.ts

@@ -0,0 +1,23 @@
+export declare const colorPickerStyles: {
+    '.hidden-color-picker': {
+        position: string;
+        visibility: string;
+        width: number;
+    };
+    '.toolbar-button-text': {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        fontSize: string;
+        minWidth: string;
+    };
+};
+export declare const ColorInputContainer: 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>, {}, {}>;
+export declare const ColorButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & 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;
+}, "size" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "href" | "disabled" | "action" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    currentColor?: string;
+}, {}, {}>;
+export declare const HiddenInput: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;

package/dist/components/RichTextEditor/components/Editor/style/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Container component for the rich text editor
+ * Provides border and basic layout styling
+ */
+export declare const EditorContainer: 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>, {}, {}>;
+/**
+ * Styled wrapper for the editor content area
+ * Handles editor placeholder and basic text styling
+ */
+export declare const StyledEditorContent: import('@emotion/styled').StyledComponent<Omit<Omit<import('@tiptap/react').EditorContentProps, "ref"> & import('react').RefAttributes<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;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/components/RichTextEditor/components/Toolbar/style/index.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Styled button component for the editor toolbar
+ * Customizes MUI Button with specific styling for toolbar actions
+ */
+export declare const ToolbarButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & 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;
+}, "size" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "href" | "disabled" | "action" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const TextCommandsContainer: 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>, {}, {}>;
+export declare const ToolbarContainer: 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>, {}, {}>;
+export declare const ToolbarGroup: 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>, {}, {}>;
+export declare const StyledSelect: import('@emotion/styled').StyledComponent<(import('@mui/material').SelectProps<unknown> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>) & {
+    width?: number;
+}, {}, {}>;
+export declare const menuProps: {
+    PaperProps: {
+        style: {
+            maxHeight: number;
+            boxShadow: string;
+            borderRadius: string;
+            border: string;
+            marginTop: string;
+        };
+    };
+};
+export declare const menuItemStyles: {
+    fontSize: number;
+    borderRadius: number;
+    maxWidth: number;
+    maxHeight: number;
+};

package/dist/components/RichTextEditor/constants/index.d.ts

@@ -0,0 +1,3 @@
+export * from './toolbar';
+export * from './textStyles';
+export * from './typography';

package/dist/components/RichTextEditor/constants/textStyles.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+
+interface TextStyle {
+    PRESETS: {
+        label: string;
+        value: string;
+        htmllabel: ReactNode;
+    }[];
+}
+export declare const TEXTSTYLES: TextStyle;
+export {};

package/dist/components/RichTextEditor/constants/toolbar.d.ts

@@ -0,0 +1,21 @@
+export declare const TOOLBAR: {
+    DEBOUNCE: {
+        DELAY: number;
+        MAX_WAIT: number;
+    };
+    COLOR: {
+        DEFAULT: string;
+        PICKER_ID: string;
+    };
+    BUTTON: {
+        SIZE: {
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+        };
+        VARIANT: {
+            TEXT: string;
+            CONTAINED: string;
+        };
+    };
+};

package/dist/components/RichTextEditor/constants/typography.d.ts

@@ -0,0 +1,20 @@
+export declare const TYPOGRAPHY: {
+    HEADING: {
+        H1: string;
+        H2: string;
+        H3: string;
+        H4: string;
+    };
+    SPACING: {
+        HEADING_MARGIN: number;
+        PARAGRAPH_MARGIN: number;
+        LIST_PADDING: number;
+    };
+    SIZES: string[];
+    FAMILIES: string[];
+    DEFAULTS: {
+        SIZE: string;
+        FAMILY: string;
+        COLOR: string;
+    };
+};

package/dist/components/RichTextEditor/editor/EditorOutput.d.ts

@@ -0,0 +1,8 @@
+import { Editor } from '@tiptap/react';
+
+interface OutputProps {
+    editor: Editor;
+    displayOutput: boolean;
+}
+export declare const EditorOutput: ({ editor, displayOutput }: OutputProps) => JSX.Element;
+export {};

package/dist/components/RichTextEditor/extensions/FontSize.d.ts

@@ -0,0 +1,35 @@
+import { Extension } from '@tiptap/core';
+
+/**
+ * Configuration options for the FontSize extension
+ * @interface FontSizeOptions
+ * @property {string[]} types - Array of node types that can have font size applied (usually ['textStyle'])
+ * @property {Record<string, unknown>} HTMLAttributes - Additional HTML attributes to be applied to the font size marks
+ */
+interface FontSizeOptions {
+    types: string[];
+    HTMLAttributes: Record<string, unknown>;
+}
+/**
+ * Extend TipTap's core Commands interface to include our fontSize commands
+ * This declaration merging adds type support for the fontSize commands
+ */
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        fontSize: {
+            /**
+             * Command to set the font size of the selected text
+             * @param size - Font size value (e.g., '16px', '1.2em', etc.)
+             * @returns Command chain return type
+             */
+            setFontSize: (size: string) => ReturnType;
+        };
+    }
+}
+/**
+ * FontSize Extension
+ * A TipTap extension that adds font size manipulation capabilities to the editor.
+ * It uses the textStyle mark to store and render font sizes.
+ */
+export declare const FontSize: Extension<FontSizeOptions, any>;
+export {};

package/dist/components/RichTextEditor/extensions/SvgIconExtension.d.ts

@@ -0,0 +1,15 @@
+import { Node } from '@tiptap/core';
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        svgIcon: {
+            setSvgIcon: (options: {
+                src: string;
+            }) => ReturnType;
+        };
+    }
+}
+export interface SvgIconOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+export declare const SvgIconExtension: Node<SvgIconOptions, any>;

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

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

package/dist/components/RichTextEditor/style/index.d.ts

@@ -0,0 +1,2 @@
+export declare const EditorIconWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const EditorIcon: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/dist/components/RichTextEditor/toolbar/AlignmentCommands.d.ts

@@ -0,0 +1,17 @@
+import { Editor } from '@tiptap/react';
+
+/**
+ * Props for the AlignmentCommands component
+ * @interface AlignmentCommandsProps
+ * @property {Editor} editor - TipTap editor instance
+ */
+interface AlignmentCommandsProps {
+    editor: Editor;
+}
+/**
+ * AlignmentCommands Component
+ * Renders a group of buttons for text alignment control (left, center, right)
+ * Each button toggles its respective alignment and shows active state when selected
+ */
+export default function AlignmentCommands({ editor }: AlignmentCommandsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/RichTextEditor/toolbar/FontControls.d.ts

@@ -0,0 +1,17 @@
+import { Editor } from '@tiptap/react';
+
+/**
+ * Props for the FontControls component
+ * @interface FontControlsProps
+ * @property {Editor} editor - TipTap editor instance
+ */
+interface FontControlsProps {
+    editor: Editor;
+}
+/**
+ * FontControls Component
+ * Provides dropdown controls for font size and font family selection
+ * Maintains state synchronization with the editor's current selection
+ */
+export default function FontControls({ editor }: FontControlsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/RichTextEditor/toolbar/IconSelector.d.ts

@@ -0,0 +1,13 @@
+import { Editor } from '@tiptap/react';
+
+interface IconSelectorProps {
+    editor: Editor;
+    iconColor?: string;
+}
+/**
+ * IconSelector Component
+ * Allows users to select and insert SVG icons into the editor
+ * Icons are inserted as text that can be styled and modified
+ */
+export default function IconSelector({ editor }: IconSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/RichTextEditor/toolbar/ListCommands.d.ts

@@ -0,0 +1,16 @@
+import { Editor } from '@tiptap/react';
+
+/**
+ * Props for the ListControls component
+ * @interface ListControlsProps
+ * @property {Editor} editor - TipTap editor instance
+ */
+interface ListControlsProps {
+    editor: Editor;
+}
+/**
+ * ListControls Component
+ * Renders a tool containing lists controls, ordered and unordered
+ */
+export default function ListControls({ editor }: ListControlsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/RichTextEditor/toolbar/TextCommands.d.ts

@@ -0,0 +1,16 @@
+import { Editor } from '@tiptap/react';
+
+/**
+ * Props for the TextCommands component
+ * @interface TextCommandsProps
+ * @property {Editor} editor - TipTap editor instance
+ */
+interface TextCommandsProps {
+    editor: Editor;
+}
+/**
+ * TextCommands Component
+ * Renders a tool containing font controls, text style and colors
+ */
+export default function TextCommands({ editor }: TextCommandsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/RichTextEditor/toolbar/Toolbar.d.ts

@@ -0,0 +1,17 @@
+import { Editor } from '@tiptap/react';
+
+/**
+ * Props for the Toolbar component
+ * @interface ToolbarProps
+ * @property {Editor} editor - TipTap editor instance
+ */
+interface ToolbarProps {
+    editor: Editor;
+}
+/**
+ * Toolbar Component
+ * Renders a toolbar containing font controls, text formatting, and alignment options
+ * Each section is separated by vertical dividers for visual organization
+ */
+export default function Toolbar({ editor }: ToolbarProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Text/TextTitle.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { customTypographyVariants } from '../../themes/ThemeExtensions';
+import { customTypographyVariants } from '../../themes/common/MUIComponents/typography';
 
 export type TextTitleProps = {
     title: string;

package/dist/components/Text/TextTitleGreyIcon.d.ts

@@ -1,4 +1,4 @@
-import { customTypographyVariants } from '../../themes/ThemeExtensions';
+import { customTypographyVariants } from '../../themes/common/MUIComponents/typography';
 
 export type TextTitleGreyIconProps = {
     title: string;