@matteoaliano/forest-ui 1.1.1 → 1.2.1

package/dist/index.d.mts

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Theme, SxProps } from '@mui/material/styles';
 export { useColorScheme } from '@mui/material/styles';
-import * as _mui_material from '@mui/material';
 import { BoxProps } from '@mui/material';
 export { InitColorSchemeScript, useFormControl, useMediaQuery, useScrollTrigger, useTheme } from '@mui/material';
 export { DesignTokens, ThemePreset, alpha, avatarColors, base, bg, border, breadcrumbColors, buildTheme, buildThemeOptions, buttonColors, chartColors, container, display, error, fg, focusRings, fontFamily, fontFamilyMono, fontSize, fontWeight, forestAlkemyPlusPreset, forestTheme, forestThemeOptions, getAvailablePresets, getPreset, iconColors, info, lineHeight, navColors, radius, registerPreset, sliderColors, spacing, success, text, toggleColors, shadows as tokenShadows, warning, widths } from './theme.mjs';
@@ -16,8 +15,7 @@ export { default as RadioGroup, RadioGroupProps } from '@mui/material/RadioGroup
 export { default as Radio, RadioProps } from '@mui/material/Radio';
 import { SelectProps } from '@mui/material/Select';
 export { SelectProps } from '@mui/material/Select';
-import { SwitchProps } from '@mui/material/Switch';
-export { SwitchProps } from '@mui/material/Switch';
+export { default as Switch, SwitchProps } from '@mui/material/Switch';
 import { TextFieldProps } from '@mui/material/TextField';
 export { default as TextField, TextFieldProps } from '@mui/material/TextField';
 export { default as Input, default as InputBase, InputBaseProps, InputBaseProps as InputProps } from '@mui/material/InputBase';
@@ -76,8 +74,7 @@ import { CardProps as CardProps$1 } from '@mui/material/Card';
 export { default as CardActionArea, CardActionAreaProps } from '@mui/material/CardActionArea';
 import { DrawerProps } from '@mui/material/Drawer';
 export { DrawerProps } from '@mui/material/Drawer';
-import { PaperProps } from '@mui/material/Paper';
-export { PaperProps } from '@mui/material/Paper';
+export { default as Paper, PaperProps } from '@mui/material/Paper';
 export { default as Alert, AlertProps } from '@mui/material/Alert';
 export { default as AlertTitle, AlertTitleProps } from '@mui/material/AlertTitle';
 export { default as Backdrop, BackdropProps } from '@mui/material/Backdrop';
@@ -116,9 +113,10 @@ export { default as StepIcon, StepIconProps } from '@mui/material/StepIcon';
 export { default as Tabs, TabsProps } from '@mui/material/Tabs';
 export { default as Tab, TabProps } from '@mui/material/Tab';
 export { default as TabScrollButton, TabScrollButtonProps } from '@mui/material/TabScrollButton';
-import * as _mui_types from '@mui/types';
-import * as _mui_system from '@mui/system';
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+export { default as Box, BoxProps } from '@mui/material/Box';
+export { default as Stack, StackProps } from '@mui/material/Stack';
+export { default as Grid, GridProps } from '@mui/material/Grid';
+export { default as Container, ContainerProps } from '@mui/material/Container';
 export { default as Collapse, CollapseProps } from '@mui/material/Collapse';
 export { default as Fade, FadeProps } from '@mui/material/Fade';
 export { default as Grow, GrowProps } from '@mui/material/Grow';
@@ -129,6 +127,7 @@ export { default as ClickAwayListener, ClickAwayListenerProps } from '@mui/mater
 export { default as GlobalStyles, GlobalStylesProps } from '@mui/material/GlobalStyles';
 export { default as NoSsr } from '@mui/material/NoSsr';
 export { default as Popper, PopperProps } from '@mui/material/Popper';
+export { default as Portal } from '@mui/material/Portal';
 export { default as Slider, SliderProps } from '@mui/material/Slider';
 export { default as SvgIcon, SvgIconProps } from '@mui/material/SvgIcon';
 export { default as TextareaAutosize } from '@mui/material/TextareaAutosize';
@@ -164,15 +163,11 @@ export { HighlightedProvider, useHighlighted, useItemHighlighted } from '@mui/x-
 export { useChartId, useDrawingArea, useSvgRef, useXAxis, useXColorScale, useXScale, useYAxis, useYColorScale, useYScale, useZColorScale } from '@mui/x-charts/hooks';
 export { blueberryTwilightPalette, blueberryTwilightPaletteDark, blueberryTwilightPaletteLight, cheerfulFiestaPalette, cheerfulFiestaPaletteDark, cheerfulFiestaPaletteLight, mangoFusionPalette, mangoFusionPaletteDark, mangoFusionPaletteLight } from '@mui/x-charts/colorPalettes';
 export { default as AppBar, AppBarProps } from '@mui/material/AppBar';
-export { BoxProps } from '@mui/material/Box';
 export { default as CardActions, CardActionsProps } from '@mui/material/CardActions';
 export { default as CardContent, CardContentProps } from '@mui/material/CardContent';
 export { default as CardHeader, CardHeaderProps } from '@mui/material/CardHeader';
 export { default as CardMedia, CardMediaProps } from '@mui/material/CardMedia';
-export { ContainerProps } from '@mui/material/Container';
-export { GridProps } from '@mui/material/Grid';
 export { default as MenuItem, MenuItemProps } from '@mui/material/MenuItem';
-export { StackProps } from '@mui/material/Stack';
 export { default as SwipeableDrawer, SwipeableDrawerProps } from '@mui/material/SwipeableDrawer';
 export { default as Toolbar, ToolbarProps } from '@mui/material/Toolbar';
 
@@ -208,19 +203,18 @@ interface MultiSelectProps extends Omit<SelectProps<string[]>, "multiple" | "val
 }
 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;
-
 type SearchProps = TextFieldProps & {
     onClear?: () => void;
 };
 declare function Search({ value: controlledValue, onChange, onClear, placeholder, variant, slotProps, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
 
-type IconButtonVariant = "contained" | "outlined" | "text";
+type IconButtonVariant = "contained" | "outlined" | "icon";
 type IconButtonProps = IconButtonProps$1 & {
     /**
-     * Visual style. `"text"` (default) is the classic bare icon button.
-     * `"contained"` / `"outlined"` apply the same faux-3D button affordance as
-     * `<Button>` (bevel + press) — use them when the icon button is a real action.
+     * Visual style. `"contained"` (default) applies the same faux-3D button
+     * affordance as `<Button>` (charcoal fill + bevel + press). `"outlined"` is
+     * the light-bordered variant; `"icon"` is the classic bare icon button — use
+     * it for quiet chrome (input adornments, app-bar toggles).
      */
     variant?: IconButtonVariant;
 };
@@ -298,7 +292,148 @@ declare const Logo: React$1.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & R
 type DatePickerProps = DatePickerProps$1;
 declare function DatePicker(props: DatePickerProps): react_jsx_runtime.JSX.Element;
 
-declare const customChipScales: Record<string, Record<number, string>>;
+declare const customChipScales: {
+    teal: {
+        readonly 25: "#f6fefc";
+        readonly 50: "#f0fdf9";
+        readonly 100: "#ccfbef";
+        readonly 200: "#99f6e0";
+        readonly 300: "#5fe9d0";
+        readonly 400: "#2ed3b7";
+        readonly 500: "#15b79e";
+        readonly 600: "#0e9384";
+        readonly 700: "#107569";
+        readonly 800: "#125d56";
+        readonly 900: "#134e48";
+        readonly 950: "#0a2926";
+    };
+    orange: {
+        readonly 25: "#fefaf5";
+        readonly 50: "#fef6ee";
+        readonly 100: "#fdead7";
+        readonly 200: "#f9dbaf";
+        readonly 300: "#f7b27a";
+        readonly 400: "#f38744";
+        readonly 500: "#ef6820";
+        readonly 600: "#e04f16";
+        readonly 700: "#b93815";
+        readonly 800: "#932f19";
+        readonly 900: "#772917";
+        readonly 950: "#511c10";
+    };
+    purple: {
+        readonly 25: "#fafaff";
+        readonly 50: "#f4f3ff";
+        readonly 100: "#ebe9fe";
+        readonly 200: "#d9d6fe";
+        readonly 300: "#bdb4fe";
+        readonly 400: "#9b8afb";
+        readonly 500: "#7a5af8";
+        readonly 600: "#6938ef";
+        readonly 700: "#5925dc";
+        readonly 800: "#4a1fb8";
+        readonly 900: "#3e1c96";
+        readonly 950: "#27115f";
+    };
+    pink: {
+        readonly 25: "#fef6fb";
+        readonly 50: "#fdf2fa";
+        readonly 100: "#fce7f6";
+        readonly 200: "#fcceee";
+        readonly 300: "#faa7e0";
+        readonly 400: "#f670c7";
+        readonly 500: "#ee46bc";
+        readonly 600: "#dd2590";
+        readonly 700: "#c11574";
+        readonly 800: "#9e165f";
+        readonly 900: "#851651";
+        readonly 950: "#4e0d30";
+    };
+    fuchsia: {
+        readonly 25: "#fefaff";
+        readonly 50: "#fdf4ff";
+        readonly 100: "#fbe8ff";
+        readonly 200: "#f6d0fe";
+        readonly 300: "#eeaafd";
+        readonly 400: "#e478fa";
+        readonly 500: "#d444f1";
+        readonly 600: "#ba24d5";
+        readonly 700: "#9f1ab1";
+        readonly 800: "#821890";
+        readonly 900: "#6f1877";
+        readonly 950: "#47104c";
+    };
+    orangeDark: {
+        readonly 25: "#fff9f5";
+        readonly 50: "#fff4ed";
+        readonly 100: "#ffe6d5";
+        readonly 200: "#ffd6ae";
+        readonly 300: "#ff9c66";
+        readonly 400: "#ff692e";
+        readonly 500: "#ff4405";
+        readonly 600: "#e62e05";
+        readonly 700: "#bc1b06";
+        readonly 800: "#97180c";
+        readonly 900: "#771a0d";
+        readonly 950: "#57130a";
+    };
+    green: {
+        readonly 25: "#f6fef9";
+        readonly 50: "#edfcf2";
+        readonly 100: "#d3f8df";
+        readonly 200: "#aaf0c4";
+        readonly 300: "#73e2a3";
+        readonly 400: "#3ccb7f";
+        readonly 500: "#16b364";
+        readonly 600: "#099250";
+        readonly 700: "#087443";
+        readonly 800: "#095c37";
+        readonly 900: "#084c2e";
+        readonly 950: "#052e1c";
+    };
+    indigo: {
+        readonly 25: "#f5f8ff";
+        readonly 50: "#eef4ff";
+        readonly 100: "#e0eaff";
+        readonly 200: "#c7d7fe";
+        readonly 300: "#a4bcfd";
+        readonly 400: "#8098f9";
+        readonly 500: "#6172f3";
+        readonly 600: "#444ce7";
+        readonly 700: "#3538cd";
+        readonly 800: "#2d31a6";
+        readonly 900: "#2d3282";
+        readonly 950: "#1f235b";
+    };
+    rose: {
+        readonly 25: "#fff5f6";
+        readonly 50: "#fff1f3";
+        readonly 100: "#ffe4e8";
+        readonly 200: "#fecdd6";
+        readonly 300: "#fea3b4";
+        readonly 400: "#fd6f8e";
+        readonly 500: "#f63d68";
+        readonly 600: "#e31b54";
+        readonly 700: "#c01048";
+        readonly 800: "#a11043";
+        readonly 900: "#89123e";
+        readonly 950: "#510b24";
+    };
+    blueLight: {
+        readonly 25: "#f5fbff";
+        readonly 50: "#f0f9ff";
+        readonly 100: "#e0f2fe";
+        readonly 200: "#b9e6fe";
+        readonly 300: "#7cd4fd";
+        readonly 400: "#36bffa";
+        readonly 500: "#0ba5ec";
+        readonly 600: "#0086c9";
+        readonly 700: "#026aa2";
+        readonly 800: "#065986";
+        readonly 900: "#0b4a6f";
+        readonly 950: "#062c41";
+    };
+};
 type ForestChipColor = ChipProps["color"] | keyof typeof customChipScales;
 interface ForestChipProps extends Omit<ChipProps, "color"> {
     color?: ForestChipColor;
@@ -325,8 +460,6 @@ declare function Card({ color, sx, ...props }: ForestCardProps): react_jsx_runti
 
 declare function Drawer({ anchor, hideBackdrop, ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
 
-declare function Paper(props: PaperProps): react_jsx_runtime.JSX.Element;
-
 declare function Popover({ slotProps, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
 
 interface SidebarContextValue {
@@ -441,16 +574,6 @@ interface PageProps {
  */
 declare function Page({ title, breadcrumbs, actions, disableGutters, maxWidth, sx, children, }: PageProps): react_jsx_runtime.JSX.Element;
 
-declare const Box: _mui_types.OverridableComponent<_mui_system.BoxTypeMap<{}, "div", _mui_material.Theme>>;
-
-declare const Stack: _mui_material_OverridableComponent.OverridableComponent<_mui_material.StackTypeMap<{}, "div">>;
-
-declare const Grid: _mui_types.OverridableComponent<_mui_material.GridTypeMap<{}, "div">>;
-
-declare const Container: _mui_material_OverridableComponent.OverridableComponent<_mui_material.ContainerTypeMap<{}, "div">>;
-
-declare const Portal: React$1.ForwardRefExoticComponent<_mui_material.PortalProps & React$1.RefAttributes<Element>>;
-
 interface LineChartProps extends Omit<LineChartProps$1, "series"> {
     series?: LineChartProps$1["series"];
 }
@@ -480,4 +603,4 @@ declare function ScatterChart({ series, colors, ...props }: ScatterChartProps):
 type GaugeProps = GaugeProps$1;
 declare function Gauge(props: GaugeProps): react_jsx_runtime.JSX.Element;
 
-export { AppBarNavItem, type AppBarNavItemProps, AppShell, type AppShellNavItem, type AppShellProps, BarChart, type BarChartProps, Box, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Chip, Container, DatePicker, type DatePickerProps, Drawer, Fab, type ForestCardColor, type ForestChipColor, type ForestChipProps, ForestProvider, type ForestProviderProps, Gauge, Grid, IconButton, type IconButtonProps, type IconButtonVariant, LineChart, type LineChartProps, Logo, type LogoProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Page, type PageBreadcrumb, type PageProps, Paper, PieChart, type PieChartProps, Popover, Portal, ScatterChart, Search, type SearchProps, Select, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarNavProps, Stack, Switch, Tooltip, useChartColors, useSidebar };
+export { AppBarNavItem, type AppBarNavItemProps, AppShell, type AppShellNavItem, type AppShellProps, BarChart, type BarChartProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Chip, DatePicker, type DatePickerProps, Drawer, Fab, type ForestCardColor, type ForestChipColor, type ForestChipProps, ForestProvider, type ForestProviderProps, Gauge, IconButton, type IconButtonProps, type IconButtonVariant, LineChart, type LineChartProps, Logo, type LogoProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Page, type PageBreadcrumb, type PageProps, PieChart, type PieChartProps, Popover, ScatterChart, Search, type SearchProps, Select, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarNavProps, Tooltip, useChartColors, useSidebar };

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Theme, SxProps } from '@mui/material/styles';
 export { useColorScheme } from '@mui/material/styles';
-import * as _mui_material from '@mui/material';
 import { BoxProps } from '@mui/material';
 export { InitColorSchemeScript, useFormControl, useMediaQuery, useScrollTrigger, useTheme } from '@mui/material';
 export { DesignTokens, ThemePreset, alpha, avatarColors, base, bg, border, breadcrumbColors, buildTheme, buildThemeOptions, buttonColors, chartColors, container, display, error, fg, focusRings, fontFamily, fontFamilyMono, fontSize, fontWeight, forestAlkemyPlusPreset, forestTheme, forestThemeOptions, getAvailablePresets, getPreset, iconColors, info, lineHeight, navColors, radius, registerPreset, sliderColors, spacing, success, text, toggleColors, shadows as tokenShadows, warning, widths } from './theme.js';
@@ -16,8 +15,7 @@ export { default as RadioGroup, RadioGroupProps } from '@mui/material/RadioGroup
 export { default as Radio, RadioProps } from '@mui/material/Radio';
 import { SelectProps } from '@mui/material/Select';
 export { SelectProps } from '@mui/material/Select';
-import { SwitchProps } from '@mui/material/Switch';
-export { SwitchProps } from '@mui/material/Switch';
+export { default as Switch, SwitchProps } from '@mui/material/Switch';
 import { TextFieldProps } from '@mui/material/TextField';
 export { default as TextField, TextFieldProps } from '@mui/material/TextField';
 export { default as Input, default as InputBase, InputBaseProps, InputBaseProps as InputProps } from '@mui/material/InputBase';
@@ -76,8 +74,7 @@ import { CardProps as CardProps$1 } from '@mui/material/Card';
 export { default as CardActionArea, CardActionAreaProps } from '@mui/material/CardActionArea';
 import { DrawerProps } from '@mui/material/Drawer';
 export { DrawerProps } from '@mui/material/Drawer';
-import { PaperProps } from '@mui/material/Paper';
-export { PaperProps } from '@mui/material/Paper';
+export { default as Paper, PaperProps } from '@mui/material/Paper';
 export { default as Alert, AlertProps } from '@mui/material/Alert';
 export { default as AlertTitle, AlertTitleProps } from '@mui/material/AlertTitle';
 export { default as Backdrop, BackdropProps } from '@mui/material/Backdrop';
@@ -116,9 +113,10 @@ export { default as StepIcon, StepIconProps } from '@mui/material/StepIcon';
 export { default as Tabs, TabsProps } from '@mui/material/Tabs';
 export { default as Tab, TabProps } from '@mui/material/Tab';
 export { default as TabScrollButton, TabScrollButtonProps } from '@mui/material/TabScrollButton';
-import * as _mui_types from '@mui/types';
-import * as _mui_system from '@mui/system';
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+export { default as Box, BoxProps } from '@mui/material/Box';
+export { default as Stack, StackProps } from '@mui/material/Stack';
+export { default as Grid, GridProps } from '@mui/material/Grid';
+export { default as Container, ContainerProps } from '@mui/material/Container';
 export { default as Collapse, CollapseProps } from '@mui/material/Collapse';
 export { default as Fade, FadeProps } from '@mui/material/Fade';
 export { default as Grow, GrowProps } from '@mui/material/Grow';
@@ -129,6 +127,7 @@ export { default as ClickAwayListener, ClickAwayListenerProps } from '@mui/mater
 export { default as GlobalStyles, GlobalStylesProps } from '@mui/material/GlobalStyles';
 export { default as NoSsr } from '@mui/material/NoSsr';
 export { default as Popper, PopperProps } from '@mui/material/Popper';
+export { default as Portal } from '@mui/material/Portal';
 export { default as Slider, SliderProps } from '@mui/material/Slider';
 export { default as SvgIcon, SvgIconProps } from '@mui/material/SvgIcon';
 export { default as TextareaAutosize } from '@mui/material/TextareaAutosize';
@@ -164,15 +163,11 @@ export { HighlightedProvider, useHighlighted, useItemHighlighted } from '@mui/x-
 export { useChartId, useDrawingArea, useSvgRef, useXAxis, useXColorScale, useXScale, useYAxis, useYColorScale, useYScale, useZColorScale } from '@mui/x-charts/hooks';
 export { blueberryTwilightPalette, blueberryTwilightPaletteDark, blueberryTwilightPaletteLight, cheerfulFiestaPalette, cheerfulFiestaPaletteDark, cheerfulFiestaPaletteLight, mangoFusionPalette, mangoFusionPaletteDark, mangoFusionPaletteLight } from '@mui/x-charts/colorPalettes';
 export { default as AppBar, AppBarProps } from '@mui/material/AppBar';
-export { BoxProps } from '@mui/material/Box';
 export { default as CardActions, CardActionsProps } from '@mui/material/CardActions';
 export { default as CardContent, CardContentProps } from '@mui/material/CardContent';
 export { default as CardHeader, CardHeaderProps } from '@mui/material/CardHeader';
 export { default as CardMedia, CardMediaProps } from '@mui/material/CardMedia';
-export { ContainerProps } from '@mui/material/Container';
-export { GridProps } from '@mui/material/Grid';
 export { default as MenuItem, MenuItemProps } from '@mui/material/MenuItem';
-export { StackProps } from '@mui/material/Stack';
 export { default as SwipeableDrawer, SwipeableDrawerProps } from '@mui/material/SwipeableDrawer';
 export { default as Toolbar, ToolbarProps } from '@mui/material/Toolbar';
 
@@ -208,19 +203,18 @@ interface MultiSelectProps extends Omit<SelectProps<string[]>, "multiple" | "val
 }
 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;
-
 type SearchProps = TextFieldProps & {
     onClear?: () => void;
 };
 declare function Search({ value: controlledValue, onChange, onClear, placeholder, variant, slotProps, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
 
-type IconButtonVariant = "contained" | "outlined" | "text";
+type IconButtonVariant = "contained" | "outlined" | "icon";
 type IconButtonProps = IconButtonProps$1 & {
     /**
-     * Visual style. `"text"` (default) is the classic bare icon button.
-     * `"contained"` / `"outlined"` apply the same faux-3D button affordance as
-     * `<Button>` (bevel + press) — use them when the icon button is a real action.
+     * Visual style. `"contained"` (default) applies the same faux-3D button
+     * affordance as `<Button>` (charcoal fill + bevel + press). `"outlined"` is
+     * the light-bordered variant; `"icon"` is the classic bare icon button — use
+     * it for quiet chrome (input adornments, app-bar toggles).
      */
     variant?: IconButtonVariant;
 };
@@ -298,7 +292,148 @@ declare const Logo: React$1.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & R
 type DatePickerProps = DatePickerProps$1;
 declare function DatePicker(props: DatePickerProps): react_jsx_runtime.JSX.Element;
 
-declare const customChipScales: Record<string, Record<number, string>>;
+declare const customChipScales: {
+    teal: {
+        readonly 25: "#f6fefc";
+        readonly 50: "#f0fdf9";
+        readonly 100: "#ccfbef";
+        readonly 200: "#99f6e0";
+        readonly 300: "#5fe9d0";
+        readonly 400: "#2ed3b7";
+        readonly 500: "#15b79e";
+        readonly 600: "#0e9384";
+        readonly 700: "#107569";
+        readonly 800: "#125d56";
+        readonly 900: "#134e48";
+        readonly 950: "#0a2926";
+    };
+    orange: {
+        readonly 25: "#fefaf5";
+        readonly 50: "#fef6ee";
+        readonly 100: "#fdead7";
+        readonly 200: "#f9dbaf";
+        readonly 300: "#f7b27a";
+        readonly 400: "#f38744";
+        readonly 500: "#ef6820";
+        readonly 600: "#e04f16";
+        readonly 700: "#b93815";
+        readonly 800: "#932f19";
+        readonly 900: "#772917";
+        readonly 950: "#511c10";
+    };
+    purple: {
+        readonly 25: "#fafaff";
+        readonly 50: "#f4f3ff";
+        readonly 100: "#ebe9fe";
+        readonly 200: "#d9d6fe";
+        readonly 300: "#bdb4fe";
+        readonly 400: "#9b8afb";
+        readonly 500: "#7a5af8";
+        readonly 600: "#6938ef";
+        readonly 700: "#5925dc";
+        readonly 800: "#4a1fb8";
+        readonly 900: "#3e1c96";
+        readonly 950: "#27115f";
+    };
+    pink: {
+        readonly 25: "#fef6fb";
+        readonly 50: "#fdf2fa";
+        readonly 100: "#fce7f6";
+        readonly 200: "#fcceee";
+        readonly 300: "#faa7e0";
+        readonly 400: "#f670c7";
+        readonly 500: "#ee46bc";
+        readonly 600: "#dd2590";
+        readonly 700: "#c11574";
+        readonly 800: "#9e165f";
+        readonly 900: "#851651";
+        readonly 950: "#4e0d30";
+    };
+    fuchsia: {
+        readonly 25: "#fefaff";
+        readonly 50: "#fdf4ff";
+        readonly 100: "#fbe8ff";
+        readonly 200: "#f6d0fe";
+        readonly 300: "#eeaafd";
+        readonly 400: "#e478fa";
+        readonly 500: "#d444f1";
+        readonly 600: "#ba24d5";
+        readonly 700: "#9f1ab1";
+        readonly 800: "#821890";
+        readonly 900: "#6f1877";
+        readonly 950: "#47104c";
+    };
+    orangeDark: {
+        readonly 25: "#fff9f5";
+        readonly 50: "#fff4ed";
+        readonly 100: "#ffe6d5";
+        readonly 200: "#ffd6ae";
+        readonly 300: "#ff9c66";
+        readonly 400: "#ff692e";
+        readonly 500: "#ff4405";
+        readonly 600: "#e62e05";
+        readonly 700: "#bc1b06";
+        readonly 800: "#97180c";
+        readonly 900: "#771a0d";
+        readonly 950: "#57130a";
+    };
+    green: {
+        readonly 25: "#f6fef9";
+        readonly 50: "#edfcf2";
+        readonly 100: "#d3f8df";
+        readonly 200: "#aaf0c4";
+        readonly 300: "#73e2a3";
+        readonly 400: "#3ccb7f";
+        readonly 500: "#16b364";
+        readonly 600: "#099250";
+        readonly 700: "#087443";
+        readonly 800: "#095c37";
+        readonly 900: "#084c2e";
+        readonly 950: "#052e1c";
+    };
+    indigo: {
+        readonly 25: "#f5f8ff";
+        readonly 50: "#eef4ff";
+        readonly 100: "#e0eaff";
+        readonly 200: "#c7d7fe";
+        readonly 300: "#a4bcfd";
+        readonly 400: "#8098f9";
+        readonly 500: "#6172f3";
+        readonly 600: "#444ce7";
+        readonly 700: "#3538cd";
+        readonly 800: "#2d31a6";
+        readonly 900: "#2d3282";
+        readonly 950: "#1f235b";
+    };
+    rose: {
+        readonly 25: "#fff5f6";
+        readonly 50: "#fff1f3";
+        readonly 100: "#ffe4e8";
+        readonly 200: "#fecdd6";
+        readonly 300: "#fea3b4";
+        readonly 400: "#fd6f8e";
+        readonly 500: "#f63d68";
+        readonly 600: "#e31b54";
+        readonly 700: "#c01048";
+        readonly 800: "#a11043";
+        readonly 900: "#89123e";
+        readonly 950: "#510b24";
+    };
+    blueLight: {
+        readonly 25: "#f5fbff";
+        readonly 50: "#f0f9ff";
+        readonly 100: "#e0f2fe";
+        readonly 200: "#b9e6fe";
+        readonly 300: "#7cd4fd";
+        readonly 400: "#36bffa";
+        readonly 500: "#0ba5ec";
+        readonly 600: "#0086c9";
+        readonly 700: "#026aa2";
+        readonly 800: "#065986";
+        readonly 900: "#0b4a6f";
+        readonly 950: "#062c41";
+    };
+};
 type ForestChipColor = ChipProps["color"] | keyof typeof customChipScales;
 interface ForestChipProps extends Omit<ChipProps, "color"> {
     color?: ForestChipColor;
@@ -325,8 +460,6 @@ declare function Card({ color, sx, ...props }: ForestCardProps): react_jsx_runti
 
 declare function Drawer({ anchor, hideBackdrop, ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
 
-declare function Paper(props: PaperProps): react_jsx_runtime.JSX.Element;
-
 declare function Popover({ slotProps, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
 
 interface SidebarContextValue {
@@ -441,16 +574,6 @@ interface PageProps {
  */
 declare function Page({ title, breadcrumbs, actions, disableGutters, maxWidth, sx, children, }: PageProps): react_jsx_runtime.JSX.Element;
 
-declare const Box: _mui_types.OverridableComponent<_mui_system.BoxTypeMap<{}, "div", _mui_material.Theme>>;
-
-declare const Stack: _mui_material_OverridableComponent.OverridableComponent<_mui_material.StackTypeMap<{}, "div">>;
-
-declare const Grid: _mui_types.OverridableComponent<_mui_material.GridTypeMap<{}, "div">>;
-
-declare const Container: _mui_material_OverridableComponent.OverridableComponent<_mui_material.ContainerTypeMap<{}, "div">>;
-
-declare const Portal: React$1.ForwardRefExoticComponent<_mui_material.PortalProps & React$1.RefAttributes<Element>>;
-
 interface LineChartProps extends Omit<LineChartProps$1, "series"> {
     series?: LineChartProps$1["series"];
 }
@@ -480,4 +603,4 @@ declare function ScatterChart({ series, colors, ...props }: ScatterChartProps):
 type GaugeProps = GaugeProps$1;
 declare function Gauge(props: GaugeProps): react_jsx_runtime.JSX.Element;
 
-export { AppBarNavItem, type AppBarNavItemProps, AppShell, type AppShellNavItem, type AppShellProps, BarChart, type BarChartProps, Box, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Chip, Container, DatePicker, type DatePickerProps, Drawer, Fab, type ForestCardColor, type ForestChipColor, type ForestChipProps, ForestProvider, type ForestProviderProps, Gauge, Grid, IconButton, type IconButtonProps, type IconButtonVariant, LineChart, type LineChartProps, Logo, type LogoProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Page, type PageBreadcrumb, type PageProps, Paper, PieChart, type PieChartProps, Popover, Portal, ScatterChart, Search, type SearchProps, Select, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarNavProps, Stack, Switch, Tooltip, useChartColors, useSidebar };
+export { AppBarNavItem, type AppBarNavItemProps, AppShell, type AppShellNavItem, type AppShellProps, BarChart, type BarChartProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Chip, DatePicker, type DatePickerProps, Drawer, Fab, type ForestCardColor, type ForestChipColor, type ForestChipProps, ForestProvider, type ForestProviderProps, Gauge, IconButton, type IconButtonProps, type IconButtonVariant, LineChart, type LineChartProps, Logo, type LogoProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Page, type PageBreadcrumb, type PageProps, PieChart, type PieChartProps, Popover, ScatterChart, Search, type SearchProps, Select, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarNavProps, Tooltip, useChartColors, useSidebar };