@matteoaliano/forest-ui 0.2.11 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { Theme } from '@mui/material/styles';
3
- 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';
3
+ 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-CSpNzZHg.mjs';
4
4
  import { AutocompleteProps } from '@mui/material/Autocomplete';
5
5
  export { AutocompleteProps } from '@mui/material/Autocomplete';
6
6
  import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
@@ -22,6 +22,10 @@ import { SwitchProps } from '@mui/material/Switch';
22
22
  export { SwitchProps } from '@mui/material/Switch';
23
23
  import { TextFieldProps } from '@mui/material/TextField';
24
24
  export { TextFieldProps } from '@mui/material/TextField';
25
+ import { InputBaseProps } from '@mui/material/InputBase';
26
+ import * as React$1 from 'react';
27
+ import React__default from 'react';
28
+ import { BoxProps } from '@mui/material';
25
29
  import { ToggleButtonProps } from '@mui/material/ToggleButton';
26
30
  export { ToggleButtonProps } from '@mui/material/ToggleButton';
27
31
  import { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
@@ -89,7 +93,6 @@ import { CardMediaProps } from '@mui/material/CardMedia';
89
93
  export { CardMediaProps } from '@mui/material/CardMedia';
90
94
  import { PaperProps } from '@mui/material/Paper';
91
95
  export { PaperProps } from '@mui/material/Paper';
92
- import React$1 from 'react';
93
96
  import { AlertProps } from '@mui/material/Alert';
94
97
  export { AlertProps } from '@mui/material/Alert';
95
98
  import { AlertTitleProps } from '@mui/material/AlertTitle';
@@ -144,7 +147,6 @@ import { BarChartProps as BarChartProps$1 } from '@mui/x-charts/BarChart';
144
147
  import { MakeOptional } from '@mui/x-charts/models/helpers';
145
148
  import { BarSeriesType } from '@mui/x-charts/models/seriesType/bar';
146
149
  import { PieChartProps as PieChartProps$1 } from '@mui/x-charts/PieChart';
147
- import '@mui/material';
148
150
 
149
151
  interface ForestProviderProps {
150
152
  children: React.ReactNode;
@@ -157,7 +159,7 @@ declare function ForestProvider({ children, theme, preset, variant, disableCssBa
157
159
 
158
160
  declare function Autocomplete<Value, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo>): react_jsx_runtime.JSX.Element;
159
161
 
160
- type ButtonProps = Omit<ButtonProps$1, "size">;
162
+ type ButtonProps = ButtonProps$1;
161
163
  declare function Button({ ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
162
164
 
163
165
  declare function ButtonGroup(props: ButtonGroupProps): react_jsx_runtime.JSX.Element;
@@ -194,6 +196,29 @@ type SearchProps = Omit<TextFieldProps, "variant"> & {
194
196
  };
195
197
  declare function Search({ value: controlledValue, onChange, onClear, placeholder, slotProps, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
196
198
 
199
+ type InputProps = InputBaseProps;
200
+ declare function Input({ ...props }: InputProps): react_jsx_runtime.JSX.Element;
201
+
202
+ type LogoProduct = 'wsuite' | 'studio' | 'feedati';
203
+ type LogoVariant = 'logo' | 'logomark';
204
+ interface LogoProps extends Omit<BoxProps<'svg'>, 'component' | 'children'> {
205
+ /** Product brand */
206
+ product?: LogoProduct;
207
+ /** Show full logo or icon only */
208
+ variant?: LogoVariant;
209
+ }
210
+ /**
211
+ * Logo component for Forest product suite
212
+ *
213
+ * Displays brand logos (WSuite, Studio, FeeDati) in full or icon-only variants.
214
+ * Colors are embedded in the SVG.
215
+ *
216
+ * @example
217
+ * <Logo product="wsuite" variant="logo" />
218
+ * <Logo product="studio" variant="logomark" />
219
+ */
220
+ declare const Logo: React$1.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
221
+
197
222
  declare function ToggleButton(props: ToggleButtonProps): react_jsx_runtime.JSX.Element;
198
223
  declare function ToggleButtonGroup(props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
199
224
 
@@ -243,7 +268,7 @@ declare function CardMedia(props: CardMediaProps): react_jsx_runtime.JSX.Element
243
268
 
244
269
  declare function Paper(props: PaperProps): react_jsx_runtime.JSX.Element;
245
270
 
246
- declare const Alert: React$1.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
271
+ declare const Alert: React__default.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
247
272
  declare function AlertTitle(props: AlertTitleProps): react_jsx_runtime.JSX.Element;
248
273
 
249
274
  declare function Backdrop(props: BackdropProps): react_jsx_runtime.JSX.Element;
@@ -304,20 +329,20 @@ interface SidebarNavProps extends Omit<DrawerProps, "open" | "variant" | "onClos
304
329
  /** Whether to show the edge toggle button (default: true for "permanent", false for "hover") */
305
330
  showToggle?: boolean;
306
331
  /** Content rendered inside the sidebar */
307
- children: React$1.ReactNode;
332
+ children: React__default.ReactNode;
308
333
  /** Optional header slot — rendered above children */
309
- header?: React$1.ReactNode;
334
+ header?: React__default.ReactNode;
310
335
  /** Optional footer slot — rendered at bottom */
311
- footer?: React$1.ReactNode;
336
+ footer?: React__default.ReactNode;
312
337
  }
313
338
  declare function SidebarNav({ open, onOpenChange, expandedWidth, collapsedWidth, behavior, showToggle, children, header, footer, sx, ...rest }: SidebarNavProps): react_jsx_runtime.JSX.Element;
314
339
  interface SidebarItemProps extends Omit<ListItemButtonProps, "children"> {
315
340
  /** Icon element (required — visible in both expanded and collapsed states) */
316
- icon: React$1.ReactNode;
341
+ icon: React__default.ReactNode;
317
342
  /** Label text */
318
343
  label: string;
319
344
  /** Optional content rendered on the right side when expanded (badge, count, etc.) */
320
- endAdornment?: React$1.ReactNode;
345
+ endAdornment?: React__default.ReactNode;
321
346
  }
322
347
  declare function SidebarItem({ icon, label, endAdornment, sx, ...rest }: SidebarItemProps): react_jsx_runtime.JSX.Element;
323
348
 
@@ -342,4 +367,4 @@ declare function PieChart({ series, colors, ...props }: PieChartProps): react_js
342
367
 
343
368
  declare function useChartColors(count: number): string[];
344
369
 
345
- 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 };
370
+ 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, Input, type InputProps, 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { Theme } from '@mui/material/styles';
3
- 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';
3
+ 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-CSpNzZHg.js';
4
4
  import { AutocompleteProps } from '@mui/material/Autocomplete';
5
5
  export { AutocompleteProps } from '@mui/material/Autocomplete';
6
6
  import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
@@ -22,6 +22,10 @@ import { SwitchProps } from '@mui/material/Switch';
22
22
  export { SwitchProps } from '@mui/material/Switch';
23
23
  import { TextFieldProps } from '@mui/material/TextField';
24
24
  export { TextFieldProps } from '@mui/material/TextField';
25
+ import { InputBaseProps } from '@mui/material/InputBase';
26
+ import * as React$1 from 'react';
27
+ import React__default from 'react';
28
+ import { BoxProps } from '@mui/material';
25
29
  import { ToggleButtonProps } from '@mui/material/ToggleButton';
26
30
  export { ToggleButtonProps } from '@mui/material/ToggleButton';
27
31
  import { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
@@ -89,7 +93,6 @@ import { CardMediaProps } from '@mui/material/CardMedia';
89
93
  export { CardMediaProps } from '@mui/material/CardMedia';
90
94
  import { PaperProps } from '@mui/material/Paper';
91
95
  export { PaperProps } from '@mui/material/Paper';
92
- import React$1 from 'react';
93
96
  import { AlertProps } from '@mui/material/Alert';
94
97
  export { AlertProps } from '@mui/material/Alert';
95
98
  import { AlertTitleProps } from '@mui/material/AlertTitle';
@@ -144,7 +147,6 @@ import { BarChartProps as BarChartProps$1 } from '@mui/x-charts/BarChart';
144
147
  import { MakeOptional } from '@mui/x-charts/models/helpers';
145
148
  import { BarSeriesType } from '@mui/x-charts/models/seriesType/bar';
146
149
  import { PieChartProps as PieChartProps$1 } from '@mui/x-charts/PieChart';
147
- import '@mui/material';
148
150
 
149
151
  interface ForestProviderProps {
150
152
  children: React.ReactNode;
@@ -157,7 +159,7 @@ declare function ForestProvider({ children, theme, preset, variant, disableCssBa
157
159
 
158
160
  declare function Autocomplete<Value, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo>): react_jsx_runtime.JSX.Element;
159
161
 
160
- type ButtonProps = Omit<ButtonProps$1, "size">;
162
+ type ButtonProps = ButtonProps$1;
161
163
  declare function Button({ ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
162
164
 
163
165
  declare function ButtonGroup(props: ButtonGroupProps): react_jsx_runtime.JSX.Element;
@@ -194,6 +196,29 @@ type SearchProps = Omit<TextFieldProps, "variant"> & {
194
196
  };
195
197
  declare function Search({ value: controlledValue, onChange, onClear, placeholder, slotProps, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
196
198
 
199
+ type InputProps = InputBaseProps;
200
+ declare function Input({ ...props }: InputProps): react_jsx_runtime.JSX.Element;
201
+
202
+ type LogoProduct = 'wsuite' | 'studio' | 'feedati';
203
+ type LogoVariant = 'logo' | 'logomark';
204
+ interface LogoProps extends Omit<BoxProps<'svg'>, 'component' | 'children'> {
205
+ /** Product brand */
206
+ product?: LogoProduct;
207
+ /** Show full logo or icon only */
208
+ variant?: LogoVariant;
209
+ }
210
+ /**
211
+ * Logo component for Forest product suite
212
+ *
213
+ * Displays brand logos (WSuite, Studio, FeeDati) in full or icon-only variants.
214
+ * Colors are embedded in the SVG.
215
+ *
216
+ * @example
217
+ * <Logo product="wsuite" variant="logo" />
218
+ * <Logo product="studio" variant="logomark" />
219
+ */
220
+ declare const Logo: React$1.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
221
+
197
222
  declare function ToggleButton(props: ToggleButtonProps): react_jsx_runtime.JSX.Element;
198
223
  declare function ToggleButtonGroup(props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
199
224
 
@@ -243,7 +268,7 @@ declare function CardMedia(props: CardMediaProps): react_jsx_runtime.JSX.Element
243
268
 
244
269
  declare function Paper(props: PaperProps): react_jsx_runtime.JSX.Element;
245
270
 
246
- declare const Alert: React$1.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
271
+ declare const Alert: React__default.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
247
272
  declare function AlertTitle(props: AlertTitleProps): react_jsx_runtime.JSX.Element;
248
273
 
249
274
  declare function Backdrop(props: BackdropProps): react_jsx_runtime.JSX.Element;
@@ -304,20 +329,20 @@ interface SidebarNavProps extends Omit<DrawerProps, "open" | "variant" | "onClos
304
329
  /** Whether to show the edge toggle button (default: true for "permanent", false for "hover") */
305
330
  showToggle?: boolean;
306
331
  /** Content rendered inside the sidebar */
307
- children: React$1.ReactNode;
332
+ children: React__default.ReactNode;
308
333
  /** Optional header slot — rendered above children */
309
- header?: React$1.ReactNode;
334
+ header?: React__default.ReactNode;
310
335
  /** Optional footer slot — rendered at bottom */
311
- footer?: React$1.ReactNode;
336
+ footer?: React__default.ReactNode;
312
337
  }
313
338
  declare function SidebarNav({ open, onOpenChange, expandedWidth, collapsedWidth, behavior, showToggle, children, header, footer, sx, ...rest }: SidebarNavProps): react_jsx_runtime.JSX.Element;
314
339
  interface SidebarItemProps extends Omit<ListItemButtonProps, "children"> {
315
340
  /** Icon element (required — visible in both expanded and collapsed states) */
316
- icon: React$1.ReactNode;
341
+ icon: React__default.ReactNode;
317
342
  /** Label text */
318
343
  label: string;
319
344
  /** Optional content rendered on the right side when expanded (badge, count, etc.) */
320
- endAdornment?: React$1.ReactNode;
345
+ endAdornment?: React__default.ReactNode;
321
346
  }
322
347
  declare function SidebarItem({ icon, label, endAdornment, sx, ...rest }: SidebarItemProps): react_jsx_runtime.JSX.Element;
323
348
 
@@ -342,4 +367,4 @@ declare function PieChart({ series, colors, ...props }: PieChartProps): react_js
342
367
 
343
368
  declare function useChartColors(count: number): string[];
344
369
 
345
- 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 };
370
+ 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, Input, type InputProps, 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 };