@matteoaliano/forest-ui 0.2.10 → 0.3.0

package/dist/{index-DiI9xbOM.d.mts → index-EkBIDmEu.d.mts}

@@ -1,5 +1,5 @@
 import * as _mui_material from '@mui/material';
-import { PaletteOptions, TypographyVariantsOptions, Components, Theme, Shadows, ThemeOptions } from '@mui/material/styles';
+import { Theme, ThemeOptions, PaletteOptions, TypographyVariantsOptions, Components, Shadows } from '@mui/material/styles';
 
 /**
  * Design tokens extracted from Figma.
@@ -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";
@@ -470,8 +506,67 @@ declare const chartColors: {
     readonly tooltipFg: "#ffffff";
     readonly crosshairFg: "#667085";
     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"];
+    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: {
@@ -547,6 +642,11 @@ interface ThemePreset {
     variants: Record<string, PresetVariantConfig>;
 }
 
+/** Assemble a MUI ThemeOptions object from a full set of design tokens. */
+declare function buildThemeOptions(tokens: DesignTokens): ThemeOptions;
+/** Create a fully resolved MUI Theme from a full set of design tokens. */
+declare function buildTheme(tokens: DesignTokens): Theme;
+
 declare module "@mui/material/styles" {
     interface Palette {
         chart: DesignTokens["chartColors"];
@@ -563,14 +663,11 @@ declare const components: Components<Theme>;
 
 declare const shadows: Shadows;
 
-/** Assemble a MUI ThemeOptions object from a full set of design tokens. */
-declare function buildThemeOptions(tokens: DesignTokens): ThemeOptions;
-/** Create a fully resolved MUI Theme from a full set of design tokens. */
-declare function buildTheme(tokens: DesignTokens): Theme;
+declare const forestExternalPreset: ThemePreset;
 
-declare const forestPreset: ThemePreset;
+declare const forestAgencyPreset: ThemePreset;
 
-declare const alkemyPlusPreset: ThemePreset;
+declare const forestInternalPreset: ThemePreset;
 
 /** Get a preset by name. Returns `undefined` if not found. */
 declare function getPreset(name: string): ThemePreset | undefined;
@@ -579,7 +676,7 @@ declare function registerPreset(preset: ThemePreset): void;
 /** List all registered preset names. */
 declare function getAvailablePresets(): string[];
 
-declare const forestThemeOptions: ThemeOptions;
 declare const forestTheme: _mui_material.Theme;
+declare const forestThemeOptions: ThemeOptions;
 
-export { radius as A, registerPreset as B, sliderColors as C, type DesignTokens as D, spacing as E, text as F, toggleColors as G, shadows$1 as H, widths as I, components as J, palette as K, shadows as L, typography as M, type PresetVariantConfig as P, type ThemePreset as T, alkemyPlusPreset as a, alpha as b, avatarColors as c, bg as d, border as e, breadcrumbColors as f, buildTheme as g, buildThemeOptions as h, buttonColors as i, chartColors as j, colors as k, container as l, display as m, fg as n, focusRings as o, fontFamily as p, fontSize as q, fontWeight as r, forestPreset as s, forestTheme as t, forestThemeOptions as u, getAvailablePresets as v, getPreset as w, iconColors as x, lineHeight as y, navColors as z };
+export { navColors as A, radius as B, registerPreset as C, type DesignTokens as D, sliderColors as E, spacing as F, text as G, toggleColors as H, shadows$1 as I, widths as J, components as K, palette as L, shadows as M, typography as N, type PresetVariantConfig as P, type ThemePreset as T, alpha as a, avatarColors as b, bg as c, border as d, breadcrumbColors as e, buildTheme as f, buildThemeOptions as g, buttonColors as h, chartColors as i, colors as j, container as k, display as l, fg as m, focusRings as n, fontFamily as o, fontSize as p, fontWeight as q, forestAgencyPreset as r, forestExternalPreset as s, forestInternalPreset as t, forestTheme as u, forestThemeOptions as v, getAvailablePresets as w, getPreset as x, iconColors as y, lineHeight as z };

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

@@ -1,5 +1,5 @@
 import * as _mui_material from '@mui/material';
-import { PaletteOptions, TypographyVariantsOptions, Components, Theme, Shadows, ThemeOptions } from '@mui/material/styles';
+import { Theme, ThemeOptions, PaletteOptions, TypographyVariantsOptions, Components, Shadows } from '@mui/material/styles';
 
 /**
  * Design tokens extracted from Figma.
@@ -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";
@@ -470,8 +506,67 @@ declare const chartColors: {
     readonly tooltipFg: "#ffffff";
     readonly crosshairFg: "#667085";
     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"];
+    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: {
@@ -547,6 +642,11 @@ interface ThemePreset {
     variants: Record<string, PresetVariantConfig>;
 }
 
+/** Assemble a MUI ThemeOptions object from a full set of design tokens. */
+declare function buildThemeOptions(tokens: DesignTokens): ThemeOptions;
+/** Create a fully resolved MUI Theme from a full set of design tokens. */
+declare function buildTheme(tokens: DesignTokens): Theme;
+
 declare module "@mui/material/styles" {
     interface Palette {
         chart: DesignTokens["chartColors"];
@@ -563,14 +663,11 @@ declare const components: Components<Theme>;
 
 declare const shadows: Shadows;
 
-/** Assemble a MUI ThemeOptions object from a full set of design tokens. */
-declare function buildThemeOptions(tokens: DesignTokens): ThemeOptions;
-/** Create a fully resolved MUI Theme from a full set of design tokens. */
-declare function buildTheme(tokens: DesignTokens): Theme;
+declare const forestExternalPreset: ThemePreset;
 
-declare const forestPreset: ThemePreset;
+declare const forestAgencyPreset: ThemePreset;
 
-declare const alkemyPlusPreset: ThemePreset;
+declare const forestInternalPreset: ThemePreset;
 
 /** Get a preset by name. Returns `undefined` if not found. */
 declare function getPreset(name: string): ThemePreset | undefined;
@@ -579,7 +676,7 @@ declare function registerPreset(preset: ThemePreset): void;
 /** List all registered preset names. */
 declare function getAvailablePresets(): string[];
 
-declare const forestThemeOptions: ThemeOptions;
 declare const forestTheme: _mui_material.Theme;
+declare const forestThemeOptions: ThemeOptions;
 
-export { radius as A, registerPreset as B, sliderColors as C, type DesignTokens as D, spacing as E, text as F, toggleColors as G, shadows$1 as H, widths as I, components as J, palette as K, shadows as L, typography as M, type PresetVariantConfig as P, type ThemePreset as T, alkemyPlusPreset as a, alpha as b, avatarColors as c, bg as d, border as e, breadcrumbColors as f, buildTheme as g, buildThemeOptions as h, buttonColors as i, chartColors as j, colors as k, container as l, display as m, fg as n, focusRings as o, fontFamily as p, fontSize as q, fontWeight as r, forestPreset as s, forestTheme as t, forestThemeOptions as u, getAvailablePresets as v, getPreset as w, iconColors as x, lineHeight as y, navColors as z };
+export { navColors as A, radius as B, registerPreset as C, type DesignTokens as D, sliderColors as E, spacing as F, text as G, toggleColors as H, shadows$1 as I, widths as J, components as K, palette as L, shadows as M, typography as N, type PresetVariantConfig as P, type ThemePreset as T, alpha as a, avatarColors as b, bg as c, border as d, breadcrumbColors as e, buildTheme as f, buildThemeOptions as g, buttonColors as h, chartColors as i, colors as j, container as k, display as l, fg as m, focusRings as n, fontFamily as o, fontSize as p, fontWeight as q, forestAgencyPreset as r, forestExternalPreset as s, forestInternalPreset as t, forestTheme as u, forestThemeOptions as v, getAvailablePresets as w, getPreset as x, iconColors as y, lineHeight as z };

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-DiI9xbOM.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,10 +22,14 @@ 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';
 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';
@@ -110,16 +114,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 {
     children: React.ReactNode;
@@ -164,9 +190,32 @@ 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;
+
+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;
 
+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;
@@ -210,7 +259,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__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;
@@ -226,8 +275,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;
@@ -251,29 +320,27 @@ 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;
 
 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;
+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 */
@@ -281,18 +348,14 @@ type ForestBarSeriesType = MakeOptional<BarSeriesType, "type"> & {
 };
 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;
+declare function BarChart({ series, colors, ...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 PieChart({ series, colors, ...props }: PieChartProps): react_jsx_runtime.JSX.Element;
 
-declare function useChartColors(count: number, palette?: "categorical" | "vibrant"): string[];
+declare function useChartColors(count: number): 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 };
+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 };