@matteoaliano/forest-ui 0.2.9 → 0.2.10

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

@@ -469,47 +469,9 @@ 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 categorical: readonly ["#7B61FF", "#FF7E67", "#76DFD5", "#F6C343", "#B36A6F", "#71BCF6", "#FFB076", "#11819D", "#3CB371", "#FFBCAE", "#C87EED", "#76C5AF"];
+    readonly vibrant: readonly ["#6B38FB", "#E85B22", "#4AABFF", "#E83B1A", "#E02088"];
 };
 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-DiI9xbOM.mjs';
 import { AutocompleteProps } from '@mui/material/Autocomplete';
 export { AutocompleteProps } from '@mui/material/Autocomplete';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
@@ -114,6 +114,11 @@ import { SnackbarProps } from '@mui/material/Snackbar';
 export { SnackbarProps } from '@mui/material/Snackbar';
 import React$1 from 'react';
 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,6 +147,19 @@ 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;
@@ -250,4 +268,31 @@ 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"];
+    /** Which color palette variant to use (categorical=12 pastel, vibrant=5 bright) */
+    palette?: "categorical" | "vibrant";
+}
+declare function LineChart({ series, colors, palette, ...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[];
+    /** Which color palette variant to use (categorical=12 pastel, vibrant=5 bright) */
+    palette?: "categorical" | "vibrant";
+}
+declare function BarChart({ series, colors, palette, ...props }: BarChartProps): react_jsx_runtime.JSX.Element;
+
+interface PieChartProps extends Omit<PieChartProps$1, "series"> {
+    series?: PieChartProps$1["series"];
+    /** Which color palette variant to use (categorical=12 pastel, vibrant=5 bright) */
+    palette?: "categorical" | "vibrant";
+}
+declare function PieChart({ series, colors, palette, ...props }: PieChartProps): react_jsx_runtime.JSX.Element;
+
+declare function useChartColors(count: number, palette?: "categorical" | "vibrant"): string[];
+
+export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertTitle, AppBar, Autocomplete, Backdrop, Badge, BarChart, type BarChartProps, Button, ButtonGroup, type ButtonProps, Card, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Chip, CircularProgress, DataGrid, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Fab, ForestProvider, type ForestProviderProps, LineChart, type LineChartProps, LinearProgress, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader, MenuItem, MultiSelect, type MultiSelectOption, type MultiSelectProps, Paper, PieChart, type PieChartProps, Radio, RadioGroup, Select, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarNavProps, Skeleton, Snackbar, Switch, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, 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-DiI9xbOM.js';
 import { AutocompleteProps } from '@mui/material/Autocomplete';
 export { AutocompleteProps } from '@mui/material/Autocomplete';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
@@ -114,6 +114,11 @@ import { SnackbarProps } from '@mui/material/Snackbar';
 export { SnackbarProps } from '@mui/material/Snackbar';
 import React$1 from 'react';
 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,6 +147,19 @@ 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;
@@ -250,4 +268,31 @@ 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"];
+    /** Which color palette variant to use (categorical=12 pastel, vibrant=5 bright) */
+    palette?: "categorical" | "vibrant";
+}
+declare function LineChart({ series, colors, palette, ...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[];
+    /** Which color palette variant to use (categorical=12 pastel, vibrant=5 bright) */
+    palette?: "categorical" | "vibrant";
+}
+declare function BarChart({ series, colors, palette, ...props }: BarChartProps): react_jsx_runtime.JSX.Element;
+
+interface PieChartProps extends Omit<PieChartProps$1, "series"> {
+    series?: PieChartProps$1["series"];
+    /** Which color palette variant to use (categorical=12 pastel, vibrant=5 bright) */
+    palette?: "categorical" | "vibrant";
+}
+declare function PieChart({ series, colors, palette, ...props }: PieChartProps): react_jsx_runtime.JSX.Element;
+
+declare function useChartColors(count: number, palette?: "categorical" | "vibrant"): string[];
+
+export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertTitle, AppBar, Autocomplete, Backdrop, Badge, BarChart, type BarChartProps, Button, ButtonGroup, type ButtonProps, Card, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Chip, CircularProgress, DataGrid, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Fab, ForestProvider, type ForestProviderProps, LineChart, type LineChartProps, LinearProgress, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader, MenuItem, MultiSelect, type MultiSelectOption, type MultiSelectProps, Paper, PieChart, type PieChartProps, Radio, RadioGroup, Select, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarNavProps, Skeleton, Snackbar, Switch, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TextField, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, Typography, useChartColors, useSidebar };