@matteoaliano/forest-ui 0.2.11 → 0.3.0

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-DJDmMb_c.mjs';
+export { D as DesignTokens, P as PresetVariantConfig, T as ThemePreset, a as alpha, b as avatarColors, c as bg, d as border, e as breadcrumbColors, f as buildTheme, g as buildThemeOptions, h as buttonColors, i as chartColors, j as colors, k as container, l as display, m as fg, n as focusRings, o as fontFamily, p as fontSize, q as fontWeight, r as forestAgencyPreset, s as forestExternalPreset, t as forestInternalPreset, u as forestTheme, v as forestThemeOptions, w as getAvailablePresets, x as getPreset, y as iconColors, z as lineHeight, A as navColors, B as radius, C as registerPreset, E as sliderColors, F as spacing, G as text, H as toggleColors, I as tokenShadows, J as widths } from './index-EkBIDmEu.mjs';
 import { AutocompleteProps } from '@mui/material/Autocomplete';
 export { AutocompleteProps } from '@mui/material/Autocomplete';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
@@ -22,6 +22,9 @@ import { SwitchProps } from '@mui/material/Switch';
 export { SwitchProps } from '@mui/material/Switch';
 import { TextFieldProps } from '@mui/material/TextField';
 export { TextFieldProps } from '@mui/material/TextField';
+import * as React$1 from 'react';
+import React__default from 'react';
+import { BoxProps } from '@mui/material';
 import { ToggleButtonProps } from '@mui/material/ToggleButton';
 export { ToggleButtonProps } from '@mui/material/ToggleButton';
 import { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
@@ -89,7 +92,6 @@ 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';
@@ -144,7 +146,6 @@ 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 {
     children: React.ReactNode;
@@ -194,6 +195,21 @@ type SearchProps = Omit<TextFieldProps, "variant"> & {
 };
 declare function Search({ value: controlledValue, onChange, onClear, placeholder, slotProps, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
 
+interface LogoProps extends BoxProps {
+    /** Product variant */
+    variant?: 'agency' | 'external' | 'internal';
+    /** Logo size */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Whether to show the logomark only (no text) */
+    logomarkOnly?: boolean;
+}
+/**
+ * Logo component for Forest product suite
+ *
+ * Displays Forest logo with support for different product variants and sizes.
+ */
+declare const Logo: React$1.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 declare function ToggleButton(props: ToggleButtonProps): react_jsx_runtime.JSX.Element;
 declare function ToggleButtonGroup(props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
 
@@ -243,7 +259,7 @@ declare function CardMedia(props: CardMediaProps): react_jsx_runtime.JSX.Element
 
 declare function Paper(props: PaperProps): react_jsx_runtime.JSX.Element;
 
-declare const Alert: React$1.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Alert: React__default.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 declare function AlertTitle(props: AlertTitleProps): react_jsx_runtime.JSX.Element;
 
 declare function Backdrop(props: BackdropProps): react_jsx_runtime.JSX.Element;
@@ -304,20 +320,20 @@ interface SidebarNavProps extends Omit<DrawerProps, "open" | "variant" | "onClos
     /** Whether to show the edge toggle button (default: true for "permanent", false for "hover") */
     showToggle?: boolean;
     /** Content rendered inside the sidebar */
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     /** Optional header slot — rendered above children */
-    header?: React$1.ReactNode;
+    header?: React__default.ReactNode;
     /** Optional footer slot — rendered at bottom */
-    footer?: React$1.ReactNode;
+    footer?: React__default.ReactNode;
 }
 declare function SidebarNav({ open, onOpenChange, expandedWidth, collapsedWidth, behavior, showToggle, children, header, footer, sx, ...rest }: SidebarNavProps): react_jsx_runtime.JSX.Element;
 interface SidebarItemProps extends Omit<ListItemButtonProps, "children"> {
     /** Icon element (required — visible in both expanded and collapsed states) */
-    icon: React$1.ReactNode;
+    icon: React__default.ReactNode;
     /** Label text */
     label: string;
     /** Optional content rendered on the right side when expanded (badge, count, etc.) */
-    endAdornment?: React$1.ReactNode;
+    endAdornment?: React__default.ReactNode;
 }
 declare function SidebarItem({ icon, label, endAdornment, sx, ...rest }: SidebarItemProps): react_jsx_runtime.JSX.Element;
 
@@ -342,4 +358,4 @@ declare function PieChart({ series, colors, ...props }: PieChartProps): react_js
 
 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 };
+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, Logo, type LogoProps, 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-DJDmMb_c.js';
+export { D as DesignTokens, P as PresetVariantConfig, T as ThemePreset, a as alpha, b as avatarColors, c as bg, d as border, e as breadcrumbColors, f as buildTheme, g as buildThemeOptions, h as buttonColors, i as chartColors, j as colors, k as container, l as display, m as fg, n as focusRings, o as fontFamily, p as fontSize, q as fontWeight, r as forestAgencyPreset, s as forestExternalPreset, t as forestInternalPreset, u as forestTheme, v as forestThemeOptions, w as getAvailablePresets, x as getPreset, y as iconColors, z as lineHeight, A as navColors, B as radius, C as registerPreset, E as sliderColors, F as spacing, G as text, H as toggleColors, I as tokenShadows, J as widths } from './index-EkBIDmEu.js';
 import { AutocompleteProps } from '@mui/material/Autocomplete';
 export { AutocompleteProps } from '@mui/material/Autocomplete';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
@@ -22,6 +22,9 @@ import { SwitchProps } from '@mui/material/Switch';
 export { SwitchProps } from '@mui/material/Switch';
 import { TextFieldProps } from '@mui/material/TextField';
 export { TextFieldProps } from '@mui/material/TextField';
+import * as React$1 from 'react';
+import React__default from 'react';
+import { BoxProps } from '@mui/material';
 import { ToggleButtonProps } from '@mui/material/ToggleButton';
 export { ToggleButtonProps } from '@mui/material/ToggleButton';
 import { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
@@ -89,7 +92,6 @@ 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';
@@ -144,7 +146,6 @@ 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 {
     children: React.ReactNode;
@@ -194,6 +195,21 @@ type SearchProps = Omit<TextFieldProps, "variant"> & {
 };
 declare function Search({ value: controlledValue, onChange, onClear, placeholder, slotProps, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
 
+interface LogoProps extends BoxProps {
+    /** Product variant */
+    variant?: 'agency' | 'external' | 'internal';
+    /** Logo size */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Whether to show the logomark only (no text) */
+    logomarkOnly?: boolean;
+}
+/**
+ * Logo component for Forest product suite
+ *
+ * Displays Forest logo with support for different product variants and sizes.
+ */
+declare const Logo: React$1.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 declare function ToggleButton(props: ToggleButtonProps): react_jsx_runtime.JSX.Element;
 declare function ToggleButtonGroup(props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
 
@@ -243,7 +259,7 @@ declare function CardMedia(props: CardMediaProps): react_jsx_runtime.JSX.Element
 
 declare function Paper(props: PaperProps): react_jsx_runtime.JSX.Element;
 
-declare const Alert: React$1.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Alert: React__default.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 declare function AlertTitle(props: AlertTitleProps): react_jsx_runtime.JSX.Element;
 
 declare function Backdrop(props: BackdropProps): react_jsx_runtime.JSX.Element;
@@ -304,20 +320,20 @@ interface SidebarNavProps extends Omit<DrawerProps, "open" | "variant" | "onClos
     /** Whether to show the edge toggle button (default: true for "permanent", false for "hover") */
     showToggle?: boolean;
     /** Content rendered inside the sidebar */
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     /** Optional header slot — rendered above children */
-    header?: React$1.ReactNode;
+    header?: React__default.ReactNode;
     /** Optional footer slot — rendered at bottom */
-    footer?: React$1.ReactNode;
+    footer?: React__default.ReactNode;
 }
 declare function SidebarNav({ open, onOpenChange, expandedWidth, collapsedWidth, behavior, showToggle, children, header, footer, sx, ...rest }: SidebarNavProps): react_jsx_runtime.JSX.Element;
 interface SidebarItemProps extends Omit<ListItemButtonProps, "children"> {
     /** Icon element (required — visible in both expanded and collapsed states) */
-    icon: React$1.ReactNode;
+    icon: React__default.ReactNode;
     /** Label text */
     label: string;
     /** Optional content rendered on the right side when expanded (badge, count, etc.) */
-    endAdornment?: React$1.ReactNode;
+    endAdornment?: React__default.ReactNode;
 }
 declare function SidebarItem({ icon, label, endAdornment, sx, ...rest }: SidebarItemProps): react_jsx_runtime.JSX.Element;
 
@@ -342,4 +358,4 @@ declare function PieChart({ series, colors, ...props }: PieChartProps): react_js
 
 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 };
+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, Logo, type LogoProps, 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 };