@matteoaliano/forest-ui 0.2.9 → 0.2.11

package/dist/{index-BxpOMmf6.d.ts → index-DJDmMb_c.d.ts}

@@ -96,14 +96,19 @@ declare const colors: {
         readonly 950: "#102a56";
     };
     readonly teal: {
+        readonly 50: "#f0fdf9";
         readonly 100: "#ccfbef";
         readonly 200: "#99f6e0";
+        readonly 300: "#5fe9d0";
+        readonly 400: "#2ed3b7";
         readonly 600: "#0e9384";
         readonly 700: "#107569";
     };
     readonly orange: {
         readonly 100: "#fdead7";
         readonly 200: "#f9dbaf";
+        readonly 300: "#f7b27a";
+        readonly 400: "#f38744";
         readonly 600: "#e04f16";
         readonly 700: "#b93815";
     };
@@ -116,24 +121,31 @@ declare const colors: {
     readonly pink: {
         readonly 100: "#fce7f6";
         readonly 200: "#fcceee";
+        readonly 400: "#f670c7";
+        readonly 500: "#ee46bc";
         readonly 600: "#dd2590";
         readonly 700: "#c11574";
     };
     readonly fuchsia: {
         readonly 100: "#fbe8ff";
         readonly 200: "#f6d0fe";
+        readonly 400: "#e478fa";
+        readonly 500: "#d444f1";
         readonly 600: "#ba24d5";
         readonly 700: "#9f1ab1";
     };
     readonly orangeDark: {
         readonly 100: "#ffe6d5";
         readonly 200: "#ffd6ae";
+        readonly 400: "#ff692e";
+        readonly 500: "#ff4405";
         readonly 600: "#e62e05";
         readonly 700: "#bc1b06";
     };
     readonly green: {
         readonly 100: "#d3f8df";
         readonly 200: "#aaf0c4";
+        readonly 500: "#16b364";
         readonly 600: "#099250";
         readonly 700: "#087443";
     };
@@ -143,6 +155,30 @@ declare const colors: {
         readonly 600: "#444ce7";
         readonly 700: "#3538cd";
     };
+    readonly violet: {
+        readonly 100: "#ece9fe";
+        readonly 200: "#ddd6fe";
+        readonly 500: "#875bf7";
+        readonly 600: "#7839ee";
+    };
+    readonly rose: {
+        readonly 100: "#ffe4e8";
+        readonly 200: "#fecdd6";
+        readonly 400: "#fd6f8e";
+        readonly 500: "#f63d68";
+    };
+    readonly blueLight: {
+        readonly 100: "#e0f2fe";
+        readonly 200: "#b9e6fe";
+        readonly 400: "#36bffa";
+        readonly 500: "#0ba5ec";
+    };
+    readonly cyan: {
+        readonly 100: "#cff9fe";
+        readonly 200: "#a5f0fc";
+        readonly 600: "#088ab2";
+        readonly 700: "#0e7090";
+    };
 };
 declare const spacing: {
     readonly none: 0;
@@ -460,7 +496,7 @@ declare const toggleColors: {
     readonly buttonFgDisabled: "#f9fafb";
 };
 declare const chartColors: {
-    readonly axisFg: "#eaecf0";
+    readonly axisFg: "#f2f4f7";
     readonly gridlineFg: "#f2f4f7";
     readonly labelFg: "#475467";
     readonly labelFgEmphasis: "#344054";
@@ -469,47 +505,68 @@ declare const chartColors: {
     readonly tooltipBg: "#0c111d";
     readonly tooltipFg: "#ffffff";
     readonly crosshairFg: "#667085";
-    readonly legendFg: "#344054";
-    readonly series1Fg: "#1570ef";
-    readonly series1FgHover: "#175cd3";
-    readonly series1Bg: "#d1e9ff";
-    readonly series1BgHover: "#b2ddff";
-    readonly series2Fg: "#7f56d9";
-    readonly series2FgHover: "#6941c6";
-    readonly series2Bg: "#f4ebff";
-    readonly series2BgHover: "#e9d7fe";
-    readonly series3Fg: "#0e9384";
-    readonly series3FgHover: "#107569";
-    readonly series3Bg: "#ccfbef";
-    readonly series3BgHover: "#99f6e0";
-    readonly series4Fg: "#e04f16";
-    readonly series4FgHover: "#b93815";
-    readonly series4Bg: "#fdead7";
-    readonly series4BgHover: "#f9dbaf";
-    readonly series5Fg: "#6938ef";
-    readonly series5FgHover: "#5925dc";
-    readonly series5Bg: "#ebe9fe";
-    readonly series5BgHover: "#d9d6fe";
-    readonly series6Fg: "#dd2590";
-    readonly series6FgHover: "#c11574";
-    readonly series6Bg: "#fce7f6";
-    readonly series6BgHover: "#fcceee";
-    readonly series7Fg: "#ba24d5";
-    readonly series7FgHover: "#9f1ab1";
-    readonly series7Bg: "#fbe8ff";
-    readonly series7BgHover: "#f6d0fe";
-    readonly series8Fg: "#e62e05";
-    readonly series8FgHover: "#bc1b06";
-    readonly series8Bg: "#ffe6d5";
-    readonly series8BgHover: "#ffd6ae";
-    readonly series9Fg: "#099250";
-    readonly series9FgHover: "#087443";
-    readonly series9Bg: "#d3f8df";
-    readonly series9BgHover: "#aaf0c4";
-    readonly series10Fg: "#444ce7";
-    readonly series10FgHover: "#3538cd";
-    readonly series10Bg: "#e0eaff";
-    readonly series10BgHover: "#c7d7fe";
+    readonly legendFg: "#475467";
+    readonly series: readonly [{
+        readonly fg: "#875bf7";
+        readonly fgHover: "#7839ee";
+        readonly bg: "#ece9fe";
+        readonly bgHover: "#ddd6fe";
+    }, {
+        readonly fg: "#ff692e";
+        readonly fgHover: "#ff4405";
+        readonly bg: "#ffe6d5";
+        readonly bgHover: "#ffd6ae";
+    }, {
+        readonly fg: "#5fe9d0";
+        readonly fgHover: "#2ed3b7";
+        readonly bg: "#f0fdf9";
+        readonly bgHover: "#ccfbef";
+    }, {
+        readonly fg: "#fdb022";
+        readonly fgHover: "#f79009";
+        readonly bg: "#fef0c7";
+        readonly bgHover: "#fedf89";
+    }, {
+        readonly fg: "#fd6f8e";
+        readonly fgHover: "#f63d68";
+        readonly bg: "#ffe4e8";
+        readonly bgHover: "#fecdd6";
+    }, {
+        readonly fg: "#36bffa";
+        readonly fgHover: "#0ba5ec";
+        readonly bg: "#e0f2fe";
+        readonly bgHover: "#b9e6fe";
+    }, {
+        readonly fg: "#f7b27a";
+        readonly fgHover: "#f38744";
+        readonly bg: "#fdead7";
+        readonly bgHover: "#f9dbaf";
+    }, {
+        readonly fg: "#088ab2";
+        readonly fgHover: "#0e7090";
+        readonly bg: "#cff9fe";
+        readonly bgHover: "#a5f0fc";
+    }, {
+        readonly fg: "#16b364";
+        readonly fgHover: "#099250";
+        readonly bg: "#d3f8df";
+        readonly bgHover: "#aaf0c4";
+    }, {
+        readonly fg: "#f670c7";
+        readonly fgHover: "#ee46bc";
+        readonly bg: "#fce7f6";
+        readonly bgHover: "#fcceee";
+    }, {
+        readonly fg: "#e478fa";
+        readonly fgHover: "#d444f1";
+        readonly bg: "#fbe8ff";
+        readonly bgHover: "#f6d0fe";
+    }, {
+        readonly fg: "#0e9384";
+        readonly fgHover: "#107569";
+        readonly bg: "#ccfbef";
+        readonly bgHover: "#99f6e0";
+    }];
 };
 declare const alpha: {
     readonly white: {

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Theme } from '@mui/material/styles';
-export { D as DesignTokens, P as PresetVariantConfig, T as ThemePreset, a as alkemyPlusPreset, b as alpha, c as avatarColors, d as bg, e as border, f as breadcrumbColors, g as buildTheme, h as buildThemeOptions, i as buttonColors, j as chartColors, k as colors, l as container, m as display, n as fg, o as focusRings, p as fontFamily, q as fontSize, r as fontWeight, s as forestPreset, t as forestTheme, u as forestThemeOptions, v as getAvailablePresets, w as getPreset, x as iconColors, y as lineHeight, z as navColors, A as radius, B as registerPreset, C as sliderColors, E as spacing, F as text, G as toggleColors, H as tokenShadows, I as widths } from './index-BxpOMmf6.mjs';
+export { D as DesignTokens, P as PresetVariantConfig, T as ThemePreset, a as alkemyPlusPreset, b as alpha, c as avatarColors, d as bg, e as border, f as breadcrumbColors, g as buildTheme, h as buildThemeOptions, i as buttonColors, j as chartColors, k as colors, l as container, m as display, n as fg, o as focusRings, p as fontFamily, q as fontSize, r as fontWeight, s as forestPreset, t as forestTheme, u as forestThemeOptions, v as getAvailablePresets, w as getPreset, x as iconColors, y as lineHeight, z as navColors, A as radius, B as registerPreset, C as sliderColors, E as spacing, F as text, G as toggleColors, H as tokenShadows, I as widths } from './index-DJDmMb_c.mjs';
 import { AutocompleteProps } from '@mui/material/Autocomplete';
 export { AutocompleteProps } from '@mui/material/Autocomplete';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
@@ -26,6 +26,7 @@ import { ToggleButtonProps } from '@mui/material/ToggleButton';
 export { ToggleButtonProps } from '@mui/material/ToggleButton';
 import { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
 export { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
+import { DatePickerProps as DatePickerProps$1 } from '@mui/x-date-pickers/DatePicker';
 import { BadgeProps } from '@mui/material/Badge';
 export { BadgeProps } from '@mui/material/Badge';
 import { ChipProps } from '@mui/material/Chip';
@@ -88,6 +89,7 @@ import { CardMediaProps } from '@mui/material/CardMedia';
 export { CardMediaProps } from '@mui/material/CardMedia';
 import { PaperProps } from '@mui/material/Paper';
 export { PaperProps } from '@mui/material/Paper';
+import React$1 from 'react';
 import { AlertProps } from '@mui/material/Alert';
 export { AlertProps } from '@mui/material/Alert';
 import { AlertTitleProps } from '@mui/material/AlertTitle';
@@ -110,10 +112,38 @@ import { CircularProgressProps } from '@mui/material/CircularProgress';
 export { CircularProgressProps } from '@mui/material/CircularProgress';
 import { SkeletonProps } from '@mui/material/Skeleton';
 export { SkeletonProps } from '@mui/material/Skeleton';
+import { ModalProps } from '@mui/material/Modal';
+export { ModalProps } from '@mui/material/Modal';
+import { PopoverProps } from '@mui/material/Popover';
+export { PopoverProps } from '@mui/material/Popover';
 import { SnackbarProps } from '@mui/material/Snackbar';
 export { SnackbarProps } from '@mui/material/Snackbar';
-import React$1 from 'react';
+import { BreadcrumbsProps } from '@mui/material/Breadcrumbs';
+export { BreadcrumbsProps } from '@mui/material/Breadcrumbs';
+import { LinkProps } from '@mui/material/Link';
+export { LinkProps } from '@mui/material/Link';
+import { MenuProps } from '@mui/material/Menu';
+export { MenuProps } from '@mui/material/Menu';
+import { MenuListProps } from '@mui/material/MenuList';
+export { MenuListProps } from '@mui/material/MenuList';
+import { PaginationProps } from '@mui/material/Pagination';
+export { PaginationProps } from '@mui/material/Pagination';
+import { StepperProps } from '@mui/material/Stepper';
+export { StepperProps } from '@mui/material/Stepper';
+import { StepProps } from '@mui/material/Step';
+export { StepProps } from '@mui/material/Step';
+import { StepLabelProps } from '@mui/material/StepLabel';
+export { StepLabelProps } from '@mui/material/StepLabel';
+import { TabsProps } from '@mui/material/Tabs';
+export { TabsProps } from '@mui/material/Tabs';
+import { TabProps } from '@mui/material/Tab';
+export { TabProps } from '@mui/material/Tab';
 import { DrawerProps } from '@mui/material/Drawer';
+import { LineChartProps as LineChartProps$1 } from '@mui/x-charts/LineChart';
+import { BarChartProps as BarChartProps$1 } from '@mui/x-charts/BarChart';
+import { MakeOptional } from '@mui/x-charts/models/helpers';
+import { BarSeriesType } from '@mui/x-charts/models/seriesType/bar';
+import { PieChartProps as PieChartProps$1 } from '@mui/x-charts/PieChart';
 import '@mui/material';
 
 interface ForestProviderProps {
@@ -142,13 +172,34 @@ declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
 declare function Select<Value = unknown>(props: SelectProps<Value>): react_jsx_runtime.JSX.Element;
 declare function MenuItem(props: MenuItemProps): react_jsx_runtime.JSX.Element;
 
+interface MultiSelectOption {
+    label: string;
+    value: string;
+}
+interface MultiSelectProps extends Omit<SelectProps<string[]>, "multiple" | "value" | "onChange" | "renderValue"> {
+    options: MultiSelectOption[];
+    value: string[];
+    onChange: (values: string[]) => void;
+    selectAll?: boolean;
+    selectAllLabel?: string;
+}
+declare function MultiSelect({ options, value, onChange, selectAll, selectAllLabel, label, ...rest }: MultiSelectProps): react_jsx_runtime.JSX.Element;
+
 declare function Switch(props: SwitchProps): react_jsx_runtime.JSX.Element;
 
 declare function TextField(props: TextFieldProps): react_jsx_runtime.JSX.Element;
 
+type SearchProps = Omit<TextFieldProps, "variant"> & {
+    onClear?: () => void;
+};
+declare function Search({ value: controlledValue, onChange, onClear, placeholder, slotProps, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
+
 declare function ToggleButton(props: ToggleButtonProps): react_jsx_runtime.JSX.Element;
 declare function ToggleButtonGroup(props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
 
+type DatePickerProps = DatePickerProps$1;
+declare function DatePicker(props: DatePickerProps): react_jsx_runtime.JSX.Element;
+
 declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
 
 declare function Chip(props: ChipProps): react_jsx_runtime.JSX.Element;
@@ -192,7 +243,7 @@ declare function CardMedia(props: CardMediaProps): react_jsx_runtime.JSX.Element
 
 declare function Paper(props: PaperProps): react_jsx_runtime.JSX.Element;
 
-declare function Alert(props: AlertProps): react_jsx_runtime.JSX.Element;
+declare const Alert: React$1.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare function AlertTitle(props: AlertTitleProps): react_jsx_runtime.JSX.Element;
 
 declare function Backdrop(props: BackdropProps): react_jsx_runtime.JSX.Element;
@@ -208,8 +259,28 @@ declare function CircularProgress(props: CircularProgressProps): react_jsx_runti
 
 declare function Skeleton(props: SkeletonProps): react_jsx_runtime.JSX.Element;
 
+declare function Modal(props: ModalProps): react_jsx_runtime.JSX.Element;
+
+declare function Popover(props: PopoverProps): react_jsx_runtime.JSX.Element;
+
 declare function Snackbar(props: SnackbarProps): react_jsx_runtime.JSX.Element;
 
+declare function Breadcrumbs(props: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
+declare function Link(props: LinkProps): react_jsx_runtime.JSX.Element;
+
+declare function Menu(props: MenuProps): react_jsx_runtime.JSX.Element;
+declare function MenuList(props: MenuListProps): react_jsx_runtime.JSX.Element;
+
+declare function Pagination(props: PaginationProps): react_jsx_runtime.JSX.Element;
+
+declare function Stepper(props: StepperProps): react_jsx_runtime.JSX.Element;
+declare function Step(props: StepProps): react_jsx_runtime.JSX.Element;
+declare function StepLabel(props: StepLabelProps): react_jsx_runtime.JSX.Element;
+
+declare function Tabs(props: TabsProps): react_jsx_runtime.JSX.Element;
+declare function Tab(props: TabProps): react_jsx_runtime.JSX.Element;
+
 interface SidebarContextValue {
     open: boolean;
     collapsedWidth: number;
@@ -250,4 +321,25 @@ interface SidebarItemProps extends Omit<ListItemButtonProps, "children"> {
 }
 declare function SidebarItem({ icon, label, endAdornment, sx, ...rest }: SidebarItemProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertTitle, AppBar, Autocomplete, Backdrop, Badge, Button, ButtonGroup, type ButtonProps, Card, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Chip, CircularProgress, DataGrid, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Fab, ForestProvider, type ForestProviderProps, LinearProgress, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader, MenuItem, Paper, Radio, RadioGroup, Select, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarNavProps, Skeleton, Snackbar, Switch, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TextField, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, Typography, useSidebar };
+interface LineChartProps extends Omit<LineChartProps$1, "series"> {
+    series?: LineChartProps$1["series"];
+}
+declare function LineChart({ series, colors, ...props }: LineChartProps): react_jsx_runtime.JSX.Element;
+
+type ForestBarSeriesType = MakeOptional<BarSeriesType, "type"> & {
+    /** Enables diagonal striped fill for comparative data representation */
+    variant?: "solid" | "striped";
+};
+interface BarChartProps extends Omit<BarChartProps$1, "series"> {
+    series?: ForestBarSeriesType[];
+}
+declare function BarChart({ series, colors, ...props }: BarChartProps): react_jsx_runtime.JSX.Element;
+
+interface PieChartProps extends Omit<PieChartProps$1, "series"> {
+    series?: PieChartProps$1["series"];
+}
+declare function PieChart({ series, colors, ...props }: PieChartProps): react_jsx_runtime.JSX.Element;
+
+declare function useChartColors(count: number): string[];
+
+export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertTitle, AppBar, Autocomplete, Backdrop, Badge, BarChart, type BarChartProps, Breadcrumbs, Button, ButtonGroup, type ButtonProps, Card, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Chip, CircularProgress, DataGrid, DatePicker, type DatePickerProps, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Fab, ForestProvider, type ForestProviderProps, LineChart, type LineChartProps, LinearProgress, Link, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Menu, MenuItem, MenuList, Modal, MultiSelect, type MultiSelectOption, type MultiSelectProps, Pagination, Paper, PieChart, type PieChartProps, Popover, Radio, RadioGroup, Search, type SearchProps, Select, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarNavProps, Skeleton, Snackbar, Step, StepLabel, Stepper, Switch, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Tabs, TextField, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, Typography, useChartColors, useSidebar };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Theme } from '@mui/material/styles';
-export { D as DesignTokens, P as PresetVariantConfig, T as ThemePreset, a as alkemyPlusPreset, b as alpha, c as avatarColors, d as bg, e as border, f as breadcrumbColors, g as buildTheme, h as buildThemeOptions, i as buttonColors, j as chartColors, k as colors, l as container, m as display, n as fg, o as focusRings, p as fontFamily, q as fontSize, r as fontWeight, s as forestPreset, t as forestTheme, u as forestThemeOptions, v as getAvailablePresets, w as getPreset, x as iconColors, y as lineHeight, z as navColors, A as radius, B as registerPreset, C as sliderColors, E as spacing, F as text, G as toggleColors, H as tokenShadows, I as widths } from './index-BxpOMmf6.js';
+export { D as DesignTokens, P as PresetVariantConfig, T as ThemePreset, a as alkemyPlusPreset, b as alpha, c as avatarColors, d as bg, e as border, f as breadcrumbColors, g as buildTheme, h as buildThemeOptions, i as buttonColors, j as chartColors, k as colors, l as container, m as display, n as fg, o as focusRings, p as fontFamily, q as fontSize, r as fontWeight, s as forestPreset, t as forestTheme, u as forestThemeOptions, v as getAvailablePresets, w as getPreset, x as iconColors, y as lineHeight, z as navColors, A as radius, B as registerPreset, C as sliderColors, E as spacing, F as text, G as toggleColors, H as tokenShadows, I as widths } from './index-DJDmMb_c.js';
 import { AutocompleteProps } from '@mui/material/Autocomplete';
 export { AutocompleteProps } from '@mui/material/Autocomplete';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
@@ -26,6 +26,7 @@ import { ToggleButtonProps } from '@mui/material/ToggleButton';
 export { ToggleButtonProps } from '@mui/material/ToggleButton';
 import { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
 export { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
+import { DatePickerProps as DatePickerProps$1 } from '@mui/x-date-pickers/DatePicker';
 import { BadgeProps } from '@mui/material/Badge';
 export { BadgeProps } from '@mui/material/Badge';
 import { ChipProps } from '@mui/material/Chip';
@@ -88,6 +89,7 @@ import { CardMediaProps } from '@mui/material/CardMedia';
 export { CardMediaProps } from '@mui/material/CardMedia';
 import { PaperProps } from '@mui/material/Paper';
 export { PaperProps } from '@mui/material/Paper';
+import React$1 from 'react';
 import { AlertProps } from '@mui/material/Alert';
 export { AlertProps } from '@mui/material/Alert';
 import { AlertTitleProps } from '@mui/material/AlertTitle';
@@ -110,10 +112,38 @@ import { CircularProgressProps } from '@mui/material/CircularProgress';
 export { CircularProgressProps } from '@mui/material/CircularProgress';
 import { SkeletonProps } from '@mui/material/Skeleton';
 export { SkeletonProps } from '@mui/material/Skeleton';
+import { ModalProps } from '@mui/material/Modal';
+export { ModalProps } from '@mui/material/Modal';
+import { PopoverProps } from '@mui/material/Popover';
+export { PopoverProps } from '@mui/material/Popover';
 import { SnackbarProps } from '@mui/material/Snackbar';
 export { SnackbarProps } from '@mui/material/Snackbar';
-import React$1 from 'react';
+import { BreadcrumbsProps } from '@mui/material/Breadcrumbs';
+export { BreadcrumbsProps } from '@mui/material/Breadcrumbs';
+import { LinkProps } from '@mui/material/Link';
+export { LinkProps } from '@mui/material/Link';
+import { MenuProps } from '@mui/material/Menu';
+export { MenuProps } from '@mui/material/Menu';
+import { MenuListProps } from '@mui/material/MenuList';
+export { MenuListProps } from '@mui/material/MenuList';
+import { PaginationProps } from '@mui/material/Pagination';
+export { PaginationProps } from '@mui/material/Pagination';
+import { StepperProps } from '@mui/material/Stepper';
+export { StepperProps } from '@mui/material/Stepper';
+import { StepProps } from '@mui/material/Step';
+export { StepProps } from '@mui/material/Step';
+import { StepLabelProps } from '@mui/material/StepLabel';
+export { StepLabelProps } from '@mui/material/StepLabel';
+import { TabsProps } from '@mui/material/Tabs';
+export { TabsProps } from '@mui/material/Tabs';
+import { TabProps } from '@mui/material/Tab';
+export { TabProps } from '@mui/material/Tab';
 import { DrawerProps } from '@mui/material/Drawer';
+import { LineChartProps as LineChartProps$1 } from '@mui/x-charts/LineChart';
+import { BarChartProps as BarChartProps$1 } from '@mui/x-charts/BarChart';
+import { MakeOptional } from '@mui/x-charts/models/helpers';
+import { BarSeriesType } from '@mui/x-charts/models/seriesType/bar';
+import { PieChartProps as PieChartProps$1 } from '@mui/x-charts/PieChart';
 import '@mui/material';
 
 interface ForestProviderProps {
@@ -142,13 +172,34 @@ declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
 declare function Select<Value = unknown>(props: SelectProps<Value>): react_jsx_runtime.JSX.Element;
 declare function MenuItem(props: MenuItemProps): react_jsx_runtime.JSX.Element;
 
+interface MultiSelectOption {
+    label: string;
+    value: string;
+}
+interface MultiSelectProps extends Omit<SelectProps<string[]>, "multiple" | "value" | "onChange" | "renderValue"> {
+    options: MultiSelectOption[];
+    value: string[];
+    onChange: (values: string[]) => void;
+    selectAll?: boolean;
+    selectAllLabel?: string;
+}
+declare function MultiSelect({ options, value, onChange, selectAll, selectAllLabel, label, ...rest }: MultiSelectProps): react_jsx_runtime.JSX.Element;
+
 declare function Switch(props: SwitchProps): react_jsx_runtime.JSX.Element;
 
 declare function TextField(props: TextFieldProps): react_jsx_runtime.JSX.Element;
 
+type SearchProps = Omit<TextFieldProps, "variant"> & {
+    onClear?: () => void;
+};
+declare function Search({ value: controlledValue, onChange, onClear, placeholder, slotProps, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
+
 declare function ToggleButton(props: ToggleButtonProps): react_jsx_runtime.JSX.Element;
 declare function ToggleButtonGroup(props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
 
+type DatePickerProps = DatePickerProps$1;
+declare function DatePicker(props: DatePickerProps): react_jsx_runtime.JSX.Element;
+
 declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
 
 declare function Chip(props: ChipProps): react_jsx_runtime.JSX.Element;
@@ -192,7 +243,7 @@ declare function CardMedia(props: CardMediaProps): react_jsx_runtime.JSX.Element
 
 declare function Paper(props: PaperProps): react_jsx_runtime.JSX.Element;
 
-declare function Alert(props: AlertProps): react_jsx_runtime.JSX.Element;
+declare const Alert: React$1.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare function AlertTitle(props: AlertTitleProps): react_jsx_runtime.JSX.Element;
 
 declare function Backdrop(props: BackdropProps): react_jsx_runtime.JSX.Element;
@@ -208,8 +259,28 @@ declare function CircularProgress(props: CircularProgressProps): react_jsx_runti
 
 declare function Skeleton(props: SkeletonProps): react_jsx_runtime.JSX.Element;
 
+declare function Modal(props: ModalProps): react_jsx_runtime.JSX.Element;
+
+declare function Popover(props: PopoverProps): react_jsx_runtime.JSX.Element;
+
 declare function Snackbar(props: SnackbarProps): react_jsx_runtime.JSX.Element;
 
+declare function Breadcrumbs(props: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
+declare function Link(props: LinkProps): react_jsx_runtime.JSX.Element;
+
+declare function Menu(props: MenuProps): react_jsx_runtime.JSX.Element;
+declare function MenuList(props: MenuListProps): react_jsx_runtime.JSX.Element;
+
+declare function Pagination(props: PaginationProps): react_jsx_runtime.JSX.Element;
+
+declare function Stepper(props: StepperProps): react_jsx_runtime.JSX.Element;
+declare function Step(props: StepProps): react_jsx_runtime.JSX.Element;
+declare function StepLabel(props: StepLabelProps): react_jsx_runtime.JSX.Element;
+
+declare function Tabs(props: TabsProps): react_jsx_runtime.JSX.Element;
+declare function Tab(props: TabProps): react_jsx_runtime.JSX.Element;
+
 interface SidebarContextValue {
     open: boolean;
     collapsedWidth: number;
@@ -250,4 +321,25 @@ interface SidebarItemProps extends Omit<ListItemButtonProps, "children"> {
 }
 declare function SidebarItem({ icon, label, endAdornment, sx, ...rest }: SidebarItemProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertTitle, AppBar, Autocomplete, Backdrop, Badge, Button, ButtonGroup, type ButtonProps, Card, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Chip, CircularProgress, DataGrid, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Fab, ForestProvider, type ForestProviderProps, LinearProgress, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader, MenuItem, Paper, Radio, RadioGroup, Select, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarNavProps, Skeleton, Snackbar, Switch, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TextField, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, Typography, useSidebar };
+interface LineChartProps extends Omit<LineChartProps$1, "series"> {
+    series?: LineChartProps$1["series"];
+}
+declare function LineChart({ series, colors, ...props }: LineChartProps): react_jsx_runtime.JSX.Element;
+
+type ForestBarSeriesType = MakeOptional<BarSeriesType, "type"> & {
+    /** Enables diagonal striped fill for comparative data representation */
+    variant?: "solid" | "striped";
+};
+interface BarChartProps extends Omit<BarChartProps$1, "series"> {
+    series?: ForestBarSeriesType[];
+}
+declare function BarChart({ series, colors, ...props }: BarChartProps): react_jsx_runtime.JSX.Element;
+
+interface PieChartProps extends Omit<PieChartProps$1, "series"> {
+    series?: PieChartProps$1["series"];
+}
+declare function PieChart({ series, colors, ...props }: PieChartProps): react_jsx_runtime.JSX.Element;
+
+declare function useChartColors(count: number): string[];
+
+export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertTitle, AppBar, Autocomplete, Backdrop, Badge, BarChart, type BarChartProps, Breadcrumbs, Button, ButtonGroup, type ButtonProps, Card, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Chip, CircularProgress, DataGrid, DatePicker, type DatePickerProps, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Fab, ForestProvider, type ForestProviderProps, LineChart, type LineChartProps, LinearProgress, Link, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Menu, MenuItem, MenuList, Modal, MultiSelect, type MultiSelectOption, type MultiSelectProps, Pagination, Paper, PieChart, type PieChartProps, Popover, Radio, RadioGroup, Search, type SearchProps, Select, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarNavProps, Skeleton, Snackbar, Step, StepLabel, Stepper, Switch, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Tabs, TextField, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, Typography, useChartColors, useSidebar };