@matteoaliano/forest-ui 0.2.9 → 0.2.11

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var react = require('react');
+var React2 = require('react');
 var styles = require('@mui/material/styles');
 var CssBaseline = require('@mui/material/CssBaseline');
 var jsxRuntime = require('react/jsx-runtime');
@@ -13,19 +13,26 @@ var MuiRadioGroup = require('@mui/material/RadioGroup');
 var MuiRadio = require('@mui/material/Radio');
 var MuiSelect = require('@mui/material/Select');
 var MuiMenuItem = require('@mui/material/MenuItem');
+var MuiListItemText = require('@mui/material/ListItemText');
+var MuiFormControl = require('@mui/material/FormControl');
+var MuiInputLabel = require('@mui/material/InputLabel');
 var MuiSwitch = require('@mui/material/Switch');
 var MuiTextField = require('@mui/material/TextField');
+var InputAdornment = require('@mui/material/InputAdornment');
+var IconButton = require('@mui/material/IconButton');
+var utils = require('@mui/material/utils');
 var MuiToggleButton = require('@mui/material/ToggleButton');
 var MuiToggleButtonGroup = require('@mui/material/ToggleButtonGroup');
+var DatePicker$1 = require('@mui/x-date-pickers/DatePicker');
+var LocalizationProvider = require('@mui/x-date-pickers/LocalizationProvider');
+var AdapterDayjs = require('@mui/x-date-pickers/AdapterDayjs');
 var MuiBadge = require('@mui/material/Badge');
 var MuiChip = require('@mui/material/Chip');
-var utils = require('@mui/material/utils');
 var MuiDivider = require('@mui/material/Divider');
 var MuiList = require('@mui/material/List');
 var MuiListItem = require('@mui/material/ListItem');
 var MuiListItemButton2 = require('@mui/material/ListItemButton');
 var ListItemIcon2 = require('@mui/material/ListItemIcon');
-var MuiListItemText = require('@mui/material/ListItemText');
 var MuiListItemAvatar = require('@mui/material/ListItemAvatar');
 var MuiListSubheader = require('@mui/material/ListSubheader');
 var MuiTable = require('@mui/material/Table');
@@ -60,13 +67,29 @@ var MuiDialogContentText = require('@mui/material/DialogContentText');
 var MuiLinearProgress = require('@mui/material/LinearProgress');
 var MuiCircularProgress = require('@mui/material/CircularProgress');
 var MuiSkeleton = require('@mui/material/Skeleton');
+var MuiModal = require('@mui/material/Modal');
+var MuiPopover = require('@mui/material/Popover');
 var MuiSnackbar = require('@mui/material/Snackbar');
+var MuiBreadcrumbs = require('@mui/material/Breadcrumbs');
+var MuiLink = require('@mui/material/Link');
+var MuiMenu = require('@mui/material/Menu');
+var MuiMenuList = require('@mui/material/MenuList');
+var MuiPagination = require('@mui/material/Pagination');
+var MuiStepper = require('@mui/material/Stepper');
+var MuiStep = require('@mui/material/Step');
+var MuiStepLabel = require('@mui/material/StepLabel');
+var MuiTabs = require('@mui/material/Tabs');
+var MuiTab = require('@mui/material/Tab');
 var MuiDrawer = require('@mui/material/Drawer');
 var Box = require('@mui/material/Box');
-var IconButton = require('@mui/material/IconButton');
+var LineChart$1 = require('@mui/x-charts/LineChart');
+var material = require('@mui/material');
+var BarChart$1 = require('@mui/x-charts/BarChart');
+var PieChart$1 = require('@mui/x-charts/PieChart');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var React2__default = /*#__PURE__*/_interopDefault(React2);
 var CssBaseline__default = /*#__PURE__*/_interopDefault(CssBaseline);
 var MuiAutocomplete__default = /*#__PURE__*/_interopDefault(MuiAutocomplete);
 var MuiButton__default = /*#__PURE__*/_interopDefault(MuiButton);
@@ -77,8 +100,13 @@ var MuiRadioGroup__default = /*#__PURE__*/_interopDefault(MuiRadioGroup);
 var MuiRadio__default = /*#__PURE__*/_interopDefault(MuiRadio);
 var MuiSelect__default = /*#__PURE__*/_interopDefault(MuiSelect);
 var MuiMenuItem__default = /*#__PURE__*/_interopDefault(MuiMenuItem);
+var MuiListItemText__default = /*#__PURE__*/_interopDefault(MuiListItemText);
+var MuiFormControl__default = /*#__PURE__*/_interopDefault(MuiFormControl);
+var MuiInputLabel__default = /*#__PURE__*/_interopDefault(MuiInputLabel);
 var MuiSwitch__default = /*#__PURE__*/_interopDefault(MuiSwitch);
 var MuiTextField__default = /*#__PURE__*/_interopDefault(MuiTextField);
+var InputAdornment__default = /*#__PURE__*/_interopDefault(InputAdornment);
+var IconButton__default = /*#__PURE__*/_interopDefault(IconButton);
 var MuiToggleButton__default = /*#__PURE__*/_interopDefault(MuiToggleButton);
 var MuiToggleButtonGroup__default = /*#__PURE__*/_interopDefault(MuiToggleButtonGroup);
 var MuiBadge__default = /*#__PURE__*/_interopDefault(MuiBadge);
@@ -88,7 +116,6 @@ var MuiList__default = /*#__PURE__*/_interopDefault(MuiList);
 var MuiListItem__default = /*#__PURE__*/_interopDefault(MuiListItem);
 var MuiListItemButton2__default = /*#__PURE__*/_interopDefault(MuiListItemButton2);
 var ListItemIcon2__default = /*#__PURE__*/_interopDefault(ListItemIcon2);
-var MuiListItemText__default = /*#__PURE__*/_interopDefault(MuiListItemText);
 var MuiListItemAvatar__default = /*#__PURE__*/_interopDefault(MuiListItemAvatar);
 var MuiListSubheader__default = /*#__PURE__*/_interopDefault(MuiListSubheader);
 var MuiTable__default = /*#__PURE__*/_interopDefault(MuiTable);
@@ -122,10 +149,21 @@ var MuiDialogContentText__default = /*#__PURE__*/_interopDefault(MuiDialogConten
 var MuiLinearProgress__default = /*#__PURE__*/_interopDefault(MuiLinearProgress);
 var MuiCircularProgress__default = /*#__PURE__*/_interopDefault(MuiCircularProgress);
 var MuiSkeleton__default = /*#__PURE__*/_interopDefault(MuiSkeleton);
+var MuiModal__default = /*#__PURE__*/_interopDefault(MuiModal);
+var MuiPopover__default = /*#__PURE__*/_interopDefault(MuiPopover);
 var MuiSnackbar__default = /*#__PURE__*/_interopDefault(MuiSnackbar);
+var MuiBreadcrumbs__default = /*#__PURE__*/_interopDefault(MuiBreadcrumbs);
+var MuiLink__default = /*#__PURE__*/_interopDefault(MuiLink);
+var MuiMenu__default = /*#__PURE__*/_interopDefault(MuiMenu);
+var MuiMenuList__default = /*#__PURE__*/_interopDefault(MuiMenuList);
+var MuiPagination__default = /*#__PURE__*/_interopDefault(MuiPagination);
+var MuiStepper__default = /*#__PURE__*/_interopDefault(MuiStepper);
+var MuiStep__default = /*#__PURE__*/_interopDefault(MuiStep);
+var MuiStepLabel__default = /*#__PURE__*/_interopDefault(MuiStepLabel);
+var MuiTabs__default = /*#__PURE__*/_interopDefault(MuiTabs);
+var MuiTab__default = /*#__PURE__*/_interopDefault(MuiTab);
 var MuiDrawer__default = /*#__PURE__*/_interopDefault(MuiDrawer);
 var Box__default = /*#__PURE__*/_interopDefault(Box);
-var IconButton__default = /*#__PURE__*/_interopDefault(IconButton);
 
 // src/provider/ForestProvider.tsx
 
@@ -221,14 +259,19 @@ var colors = {
     950: "#102a56"
   },
   teal: {
+    50: "#f0fdf9",
     100: "#ccfbef",
     200: "#99f6e0",
+    300: "#5fe9d0",
+    400: "#2ed3b7",
     600: "#0e9384",
     700: "#107569"
   },
   orange: {
     100: "#fdead7",
     200: "#f9dbaf",
+    300: "#f7b27a",
+    400: "#f38744",
     600: "#e04f16",
     700: "#b93815"
   },
@@ -241,24 +284,31 @@ var colors = {
   pink: {
     100: "#fce7f6",
     200: "#fcceee",
+    400: "#f670c7",
+    500: "#ee46bc",
     600: "#dd2590",
     700: "#c11574"
   },
   fuchsia: {
     100: "#fbe8ff",
     200: "#f6d0fe",
+    400: "#e478fa",
+    500: "#d444f1",
     600: "#ba24d5",
     700: "#9f1ab1"
   },
   orangeDark: {
     100: "#ffe6d5",
     200: "#ffd6ae",
+    400: "#ff692e",
+    500: "#ff4405",
     600: "#e62e05",
     700: "#bc1b06"
   },
   green: {
     100: "#d3f8df",
     200: "#aaf0c4",
+    500: "#16b364",
     600: "#099250",
     700: "#087443"
   },
@@ -267,6 +317,30 @@ var colors = {
     200: "#c7d7fe",
     600: "#444ce7",
     700: "#3538cd"
+  },
+  violet: {
+    100: "#ece9fe",
+    200: "#ddd6fe",
+    500: "#875bf7",
+    600: "#7839ee"
+  },
+  rose: {
+    100: "#ffe4e8",
+    200: "#fecdd6",
+    400: "#fd6f8e",
+    500: "#f63d68"
+  },
+  blueLight: {
+    100: "#e0f2fe",
+    200: "#b9e6fe",
+    400: "#36bffa",
+    500: "#0ba5ec"
+  },
+  cyan: {
+    100: "#cff9fe",
+    200: "#a5f0fc",
+    600: "#088ab2",
+    700: "#0e7090"
   }
 };
 var spacing = {
@@ -563,7 +637,7 @@ var toggleColors = {
   buttonFgDisabled: colors.gray[50]
 };
 var chartColors = {
-  axisFg: colors.gray[200],
+  axisFg: colors.gray[100],
   gridlineFg: colors.gray[100],
   labelFg: colors.gray[600],
   labelFgEmphasis: colors.gray[700],
@@ -572,47 +646,21 @@ var chartColors = {
   tooltipBg: colors.gray[950],
   tooltipFg: colors.base.white,
   crosshairFg: colors.gray[500],
-  legendFg: colors.gray[700],
-  series1Fg: colors.blue[600],
-  series1FgHover: colors.blue[700],
-  series1Bg: colors.blue[100],
-  series1BgHover: colors.blue[200],
-  series2Fg: colors.brand[600],
-  series2FgHover: colors.brand[700],
-  series2Bg: colors.brand[100],
-  series2BgHover: colors.brand[200],
-  series3Fg: colors.teal[600],
-  series3FgHover: colors.teal[700],
-  series3Bg: colors.teal[100],
-  series3BgHover: colors.teal[200],
-  series4Fg: colors.orange[600],
-  series4FgHover: colors.orange[700],
-  series4Bg: colors.orange[100],
-  series4BgHover: colors.orange[200],
-  series5Fg: colors.purple[600],
-  series5FgHover: colors.purple[700],
-  series5Bg: colors.purple[100],
-  series5BgHover: colors.purple[200],
-  series6Fg: colors.pink[600],
-  series6FgHover: colors.pink[700],
-  series6Bg: colors.pink[100],
-  series6BgHover: colors.pink[200],
-  series7Fg: colors.fuchsia[600],
-  series7FgHover: colors.fuchsia[700],
-  series7Bg: colors.fuchsia[100],
-  series7BgHover: colors.fuchsia[200],
-  series8Fg: colors.orangeDark[600],
-  series8FgHover: colors.orangeDark[700],
-  series8Bg: colors.orangeDark[100],
-  series8BgHover: colors.orangeDark[200],
-  series9Fg: colors.green[600],
-  series9FgHover: colors.green[700],
-  series9Bg: colors.green[100],
-  series9BgHover: colors.green[200],
-  series10Fg: colors.indigo[600],
-  series10FgHover: colors.indigo[700],
-  series10Bg: colors.indigo[100],
-  series10BgHover: colors.indigo[200]
+  legendFg: text.tertiary,
+  series: [
+    { fg: colors.violet[500], fgHover: colors.violet[600], bg: colors.violet[100], bgHover: colors.violet[200] },
+    { fg: colors.orangeDark[400], fgHover: colors.orangeDark[500], bg: colors.orangeDark[100], bgHover: colors.orangeDark[200] },
+    { fg: colors.teal[300], fgHover: colors.teal[400], bg: colors.teal[50], bgHover: colors.teal[100] },
+    { fg: colors.warning[400], fgHover: colors.warning[500], bg: colors.warning[100], bgHover: colors.warning[200] },
+    { fg: colors.rose[400], fgHover: colors.rose[500], bg: colors.rose[100], bgHover: colors.rose[200] },
+    { fg: colors.blueLight[400], fgHover: colors.blueLight[500], bg: colors.blueLight[100], bgHover: colors.blueLight[200] },
+    { fg: colors.orange[300], fgHover: colors.orange[400], bg: colors.orange[100], bgHover: colors.orange[200] },
+    { fg: colors.cyan[600], fgHover: colors.cyan[700], bg: colors.cyan[100], bgHover: colors.cyan[200] },
+    { fg: colors.green[500], fgHover: colors.green[600], bg: colors.green[100], bgHover: colors.green[200] },
+    { fg: colors.pink[400], fgHover: colors.pink[500], bg: colors.pink[100], bgHover: colors.pink[200] },
+    { fg: colors.fuchsia[400], fgHover: colors.fuchsia[500], bg: colors.fuchsia[100], bgHover: colors.fuchsia[200] },
+    { fg: colors.teal[600], fgHover: colors.teal[700], bg: colors.teal[100], bgHover: colors.teal[200] }
+  ]
 };
 var alpha = {
   white: {
@@ -996,18 +1044,21 @@ function buildComponents(tokens) {
         }
       }
     },
-    // ─── Select ─────────────────────────────────────────────────────
-    MuiSelect: {
+    // ─── Menu ──────────────────────────────────────────────────────
+    MuiMenu: {
       defaultProps: {
-        MenuProps: {
-          autoFocus: false,
-          slotProps: {
-            backdrop: {
-              sx: { backgroundColor: "transparent" }
-            }
+        autoFocus: false
+      },
+      styleOverrides: {
+        root: {
+          "& .MuiBackdrop-root": {
+            backgroundColor: "transparent"
           }
         }
-      },
+      }
+    },
+    // ─── Select ─────────────────────────────────────────────────────
+    MuiSelect: {
       styleOverrides: {
         select: {
           "&.MuiSelect-select": {
@@ -2026,20 +2077,8 @@ var forestPreset = {
 };
 
 // src/theme/presets/alkemy-plus.ts
-var red = {
-  50: "#fef2f2",
-  100: "#fee2e2",
-  200: "#fecaca",
-  600: "#dc2626",
-  700: "#b91c1c",
-  800: "#991b1b",
-  900: "#7f1d1d"};
 var colors2 = {
-  base: {
-    white: "#ffffff",
-    black: "#000000",
-    transparent: "#ffffff00"
-  },
+  ...colors,
   /** Brand scale — black-based for primary actions */
   brand: {
     25: "#fafafa",
@@ -2069,36 +2108,7 @@ var colors2 = {
     800: "#27272a",
     900: "#18181b",
     950: "#09090b"
-  },
-  /** Error — forest defaults (standard UX red) */
-  error: colors.error,
-  /** Warning — orange/yellow tones from Alkemy+ palette */
-  warning: {
-    25: "#fffcf5",
-    50: "#fff7ed",
-    100: "#ffedd5",
-    200: "#fed7aa",
-    300: "#fdba74",
-    400: "#fb923c",
-    500: "#f08828",
-    600: "#ea580c",
-    700: "#c2410c",
-    800: "#9a3412",
-    900: "#7c2d12",
-    950: "#431407"
-  },
-  /** Success — forest defaults (standard UX green) */
-  success: colors.success,
-  /** Blue (info) — forest defaults (standard UX) */
-  blue: colors.blue,
-  teal: colors.teal,
-  orange: colors.orange,
-  purple: colors.purple,
-  pink: colors.pink,
-  fuchsia: colors.fuchsia,
-  orangeDark: colors.orangeDark,
-  green: colors.green,
-  indigo: colors.indigo
+  }
 };
 var radius2 = {
   ...radius,
@@ -2123,10 +2133,10 @@ var text2 = {
   placeholder: colors2.gray[500],
   placeholderSubtle: colors2.gray[300],
   white: colors2.base.white,
-  brandPrimary: red[900],
-  brandSecondary: red[700],
-  brandTertiary: red[600],
-  brandTertiaryAlt: red[600],
+  brandPrimary: colors2.brand[900],
+  brandSecondary: colors2.brand[700],
+  brandTertiary: colors2.brand[600],
+  brandTertiaryAlt: colors2.brand[600],
   primaryOnBrand: colors2.base.white,
   secondaryOnBrand: colors2.brand[200],
   tertiaryOnBrand: colors2.brand[200],
@@ -2138,22 +2148,22 @@ var text2 = {
 var bg2 = {
   primary: colors2.gray[50],
   primaryAlt: colors2.gray[50],
-  primaryHover: colors2.gray[50],
+  primaryHover: colors2.gray[100],
   primarySolid: colors2.gray[950],
   secondary: colors2.base.white,
   secondaryAlt: colors2.base.white,
   secondarySubtle: colors2.gray[25],
-  secondaryHover: colors2.gray[100],
+  secondaryHover: colors2.gray[50],
   secondarySolid: colors2.gray[600],
   tertiary: colors2.gray[100],
   quaternary: colors2.gray[200],
-  active: colors2.gray[50],
+  active: colors2.gray[200],
   disabled: colors2.gray[100],
   disabledSubtle: colors2.gray[50],
   overlay: colors2.gray[950],
-  brandPrimary: colors2.brand[100],
-  brandPrimaryAlt: colors2.brand[100],
-  brandSecondary: colors2.brand[200],
+  brandPrimary: colors2.brand[50],
+  brandPrimaryAlt: colors2.brand[50],
+  brandSecondary: colors2.brand[100],
   brandSolid: colors2.brand[600],
   brandSolidHover: colors2.brand[700],
   brandSection: colors2.brand[800],
@@ -2205,7 +2215,6 @@ var border2 = {
   errorSolid: colors2.error[600]
 };
 var buttonColors2 = {
-  /** Primary buttons — black */
   primary: {
     bg: colors2.brand[600],
     bgHover: colors2.brand[700],
@@ -2222,7 +2231,6 @@ var buttonColors2 = {
     border: colors2.gray[300],
     borderHover: colors2.gray[300]
   },
-  /** Outlined accent buttons — dark */
   secondaryColor: {
     bg: colors2.base.white,
     bgHover: colors2.brand[50],
@@ -2236,11 +2244,10 @@ var buttonColors2 = {
     fgHover: colors2.gray[700],
     bgHover: colors2.gray[50]
   },
-  /** Text accent buttons — red */
   tertiaryColor: {
-    fg: red[700],
-    fgHover: red[800],
-    bgHover: red[50]
+    fg: colors2.brand[700],
+    fgHover: colors2.brand[800],
+    bgHover: colors2.brand[50]
   },
   primaryError: {
     bg: colors2.error[600],
@@ -2269,22 +2276,23 @@ var avatarColors2 = {
   contrastBorder: "#00000014",
   profilePhotoBorder: colors2.base.white,
   focusBorder: "#a0a0a624"
+  // gray[400] + 14% alpha
 };
 var breadcrumbColors2 = {
   fg: colors2.gray[600],
   fgHover: colors2.gray[700],
   bgHover: colors2.gray[50],
-  brandBgHover: red[50],
-  brandFgHover: red[700],
+  brandBgHover: colors2.brand[50],
+  brandFgHover: colors2.brand[700],
   iconFg: colors2.gray[500],
   iconFgHover: colors2.gray[700],
-  brandIconFgHover: red[700]
+  brandIconFgHover: colors2.brand[700]
 };
 var iconColors2 = {
-  fgBrand: red[600],
-  fgBrandOnBrand: red[200],
+  fgBrand: colors2.brand[600],
+  fgBrandOnBrand: colors2.brand[200],
   featuredModernBorder: colors2.gray[200],
-  featuredLightFgBrand: red[600],
+  featuredLightFgBrand: colors2.brand[600],
   featuredLightFgGray: colors2.gray[500],
   featuredLightFgError: colors2.error[600],
   featuredLightFgWarning: colors2.warning[600],
@@ -2297,19 +2305,19 @@ var iconColors2 = {
 };
 var navColors2 = {
   itemIconFg: colors2.gray[500],
-  itemIconFgActive: colors2.gray[500],
+  itemIconFgActive: colors2.gray[700],
   itemButtonIconFg: colors2.gray[500],
   itemButtonIconFgActive: colors2.gray[700]
 };
 var sliderColors2 = {
-  handleBorder: red[600],
+  handleBorder: colors2.brand[600],
   handleBg: colors2.base.white
 };
 var toggleColors2 = {
   buttonFgDisabled: colors2.gray[50]
 };
 var chartColors2 = {
-  axisFg: colors2.gray[200],
+  axisFg: colors2.gray[100],
   gridlineFg: colors2.gray[100],
   labelFg: colors2.gray[600],
   labelFgEmphasis: colors2.gray[700],
@@ -2318,52 +2326,26 @@ var chartColors2 = {
   tooltipBg: colors2.gray[950],
   tooltipFg: colors2.base.white,
   crosshairFg: colors2.gray[500],
-  legendFg: colors2.gray[700],
-  series1Fg: colors2.brand[600],
-  series1FgHover: colors2.brand[700],
-  series1Bg: colors2.brand[100],
-  series1BgHover: colors2.brand[200],
-  series2Fg: red[600],
-  series2FgHover: red[700],
-  series2Bg: red[100],
-  series2BgHover: red[200],
-  series3Fg: colors2.teal[600],
-  series3FgHover: colors2.teal[700],
-  series3Bg: colors2.teal[100],
-  series3BgHover: colors2.teal[200],
-  series4Fg: colors2.orange[600],
-  series4FgHover: colors2.orange[700],
-  series4Bg: colors2.orange[100],
-  series4BgHover: colors2.orange[200],
-  series5Fg: colors2.purple[600],
-  series5FgHover: colors2.purple[700],
-  series5Bg: colors2.purple[100],
-  series5BgHover: colors2.purple[200],
-  series6Fg: colors2.pink[600],
-  series6FgHover: colors2.pink[700],
-  series6Bg: colors2.pink[100],
-  series6BgHover: colors2.pink[200],
-  series7Fg: colors2.fuchsia[600],
-  series7FgHover: colors2.fuchsia[700],
-  series7Bg: colors2.fuchsia[100],
-  series7BgHover: colors2.fuchsia[200],
-  series8Fg: colors2.orangeDark[600],
-  series8FgHover: colors2.orangeDark[700],
-  series8Bg: colors2.orangeDark[100],
-  series8BgHover: colors2.orangeDark[200],
-  series9Fg: colors2.green[600],
-  series9FgHover: colors2.green[700],
-  series9Bg: colors2.green[100],
-  series9BgHover: colors2.green[200],
-  series10Fg: colors2.indigo[600],
-  series10FgHover: colors2.indigo[700],
-  series10Bg: colors2.indigo[100],
-  series10BgHover: colors2.indigo[200]
+  legendFg: text2.tertiary,
+  series: [
+    { fg: colors2.violet[500], fgHover: colors2.violet[600], bg: colors2.violet[100], bgHover: colors2.violet[200] },
+    { fg: colors2.orangeDark[400], fgHover: colors2.orangeDark[500], bg: colors2.orangeDark[100], bgHover: colors2.orangeDark[200] },
+    { fg: colors2.teal[300], fgHover: colors2.teal[400], bg: colors2.teal[50], bgHover: colors2.teal[100] },
+    { fg: colors2.warning[400], fgHover: colors2.warning[500], bg: colors2.warning[100], bgHover: colors2.warning[200] },
+    { fg: colors2.rose[400], fgHover: colors2.rose[500], bg: colors2.rose[100], bgHover: colors2.rose[200] },
+    { fg: colors2.blueLight[400], fgHover: colors2.blueLight[500], bg: colors2.blueLight[100], bgHover: colors2.blueLight[200] },
+    { fg: colors2.orange[300], fgHover: colors2.orange[400], bg: colors2.orange[100], bgHover: colors2.orange[200] },
+    { fg: colors2.cyan[600], fgHover: colors2.cyan[700], bg: colors2.cyan[100], bgHover: colors2.cyan[200] },
+    { fg: colors2.green[500], fgHover: colors2.green[600], bg: colors2.green[100], bgHover: colors2.green[200] },
+    { fg: colors2.pink[400], fgHover: colors2.pink[500], bg: colors2.pink[100], bgHover: colors2.pink[200] },
+    { fg: colors2.fuchsia[400], fgHover: colors2.fuchsia[500], bg: colors2.fuchsia[100], bgHover: colors2.fuchsia[200] },
+    { fg: colors2.teal[600], fgHover: colors2.teal[700], bg: colors2.teal[100], bgHover: colors2.teal[200] }
+  ]
 };
 var focusRings2 = {
-  brand: "0px 0px 0px 4px #f040403d",
-  brandShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #f040403d",
-  brandShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #f040403d",
+  brand: "0px 0px 0px 4px #4040403d",
+  brandShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #4040403d",
+  brandShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #4040403d",
   gray: "0px 0px 0px 4px #a0a0a624",
   grayShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #a0a0a624",
   grayShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #a0a0a624",
@@ -2438,7 +2420,7 @@ function ForestProvider({
   variant,
   disableCssBaseline = false
 }) {
-  const resolvedTheme = react.useMemo(() => {
+  const resolvedTheme = React2.useMemo(() => {
     if (theme) return theme;
     if (!preset) return forestTheme;
     const presetConfig = getPreset(preset);
@@ -2488,18 +2470,137 @@ function Select(props) {
 function MenuItem(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(MuiMenuItem__default.default, { ...props });
 }
+function MultiSelect({
+  options,
+  value,
+  onChange,
+  selectAll = true,
+  selectAllLabel = "Select All",
+  label,
+  ...rest
+}) {
+  const allSelected = options.length > 0 && value.length === options.length;
+  const handleChange = (event) => {
+    const selected = event.target.value;
+    const arr = typeof selected === "string" ? selected.split(",") : selected;
+    onChange(arr);
+  };
+  const handleSelectAll = () => {
+    onChange(allSelected ? [] : options.map((o) => o.value));
+  };
+  const labelMap = new Map(options.map((o) => [o.value, o.label]));
+  const renderValue2 = (selected) => selected.map((v) => {
+    var _a;
+    return (_a = labelMap.get(v)) != null ? _a : v;
+  }).join(", ");
+  const labelId = label ? `forest-multiselect-${String(label).replace(/\s+/g, "-").toLowerCase()}` : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(MuiFormControl__default.default, { fullWidth: true, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(MuiInputLabel__default.default, { id: labelId, shrink: value.length > 0, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      MuiSelect__default.default,
+      {
+        labelId,
+        label,
+        multiple: true,
+        notched: value.length > 0,
+        value,
+        onChange: handleChange,
+        displayEmpty: true,
+        renderValue: renderValue2,
+        ...rest,
+        children: [
+          selectAll && /* @__PURE__ */ jsxRuntime.jsx(
+            "li",
+            {
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: (e) => {
+                e.stopPropagation();
+                handleSelectAll();
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(MuiButton__default.default, { size: "small", variant: "text", children: allSelected ? "Deselect All" : selectAllLabel })
+            }
+          ),
+          options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(MuiMenuItem__default.default, { value: option.value, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(MuiCheckbox__default.default, { checked: value.includes(option.value) }),
+            /* @__PURE__ */ jsxRuntime.jsx(MuiListItemText__default.default, { primary: option.label })
+          ] }, option.value))
+        ]
+      }
+    )
+  ] });
+}
 function Switch(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(MuiSwitch__default.default, { ...props });
 }
 function TextField(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(MuiTextField__default.default, { ...props });
 }
+var Search_default = utils.createSvgIcon(/* @__PURE__ */ jsxRuntime.jsx("path", {
+  d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
+}), "Search");
+var Clear_default = utils.createSvgIcon(/* @__PURE__ */ jsxRuntime.jsx("path", {
+  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), "Clear");
+function Search({
+  value: controlledValue,
+  onChange,
+  onClear,
+  placeholder = "Search\u2026",
+  slotProps,
+  ...props
+}) {
+  const [internalValue, setInternalValue] = React2.useState("");
+  const isControlled = controlledValue !== void 0;
+  const currentValue = isControlled ? controlledValue : internalValue;
+  const handleChange = React2.useCallback(
+    (e) => {
+      if (!isControlled) setInternalValue(e.target.value);
+      onChange == null ? void 0 : onChange(e);
+    },
+    [isControlled, onChange]
+  );
+  const handleClear = React2.useCallback(() => {
+    if (!isControlled) setInternalValue("");
+    onClear == null ? void 0 : onClear();
+  }, [isControlled, onClear]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MuiTextField__default.default,
+    {
+      variant: "outlined",
+      placeholder,
+      value: currentValue,
+      onChange: handleChange,
+      slotProps: {
+        ...slotProps,
+        input: {
+          sx: { pl: "12px", gap: 0 },
+          startAdornment: /* @__PURE__ */ jsxRuntime.jsx(InputAdornment__default.default, { position: "start", sx: { mr: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(Search_default, { sx: { fontSize: 20 } }) }),
+          endAdornment: currentValue ? /* @__PURE__ */ jsxRuntime.jsx(InputAdornment__default.default, { position: "end", children: /* @__PURE__ */ jsxRuntime.jsx(
+            IconButton__default.default,
+            {
+              "aria-label": "clear search",
+              onClick: handleClear,
+              edge: "end",
+              size: "small",
+              children: /* @__PURE__ */ jsxRuntime.jsx(Clear_default, { fontSize: "small" })
+            }
+          ) }) : null,
+          ...typeof (slotProps == null ? void 0 : slotProps.input) === "object" ? slotProps.input : {}
+        }
+      },
+      ...props
+    }
+  );
+}
 function ToggleButton(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(MuiToggleButton__default.default, { ...props });
 }
 function ToggleButtonGroup(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(MuiToggleButtonGroup__default.default, { ...props });
 }
+function DatePicker(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(LocalizationProvider.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs, children: /* @__PURE__ */ jsxRuntime.jsx(DatePicker$1.DatePicker, { ...props }) });
+}
 function Badge(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(MuiBadge__default.default, { ...props });
 }
@@ -2602,9 +2703,9 @@ function CardMedia(props) {
 function Paper(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(MuiPaper__default.default, { ...props });
 }
-function Alert(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiAlert__default.default, { ...props });
-}
+var Alert = React2__default.default.forwardRef(function Alert2(props, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiAlert__default.default, { ref, ...props });
+});
 function AlertTitle(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(MuiAlertTitle__default.default, { ...props });
 }
@@ -2635,22 +2736,58 @@ function CircularProgress(props) {
 function Skeleton(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(MuiSkeleton__default.default, { ...props });
 }
+function Modal(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiModal__default.default, { ...props });
+}
+function Popover(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiPopover__default.default, { ...props });
+}
 function Snackbar(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(MuiSnackbar__default.default, { ...props });
 }
+function Breadcrumbs(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiBreadcrumbs__default.default, { ...props });
+}
+function Link(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiLink__default.default, { ...props });
+}
+function Menu(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiMenu__default.default, { ...props });
+}
+function MenuList(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiMenuList__default.default, { ...props });
+}
+function Pagination(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiPagination__default.default, { ...props });
+}
+function Stepper(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiStepper__default.default, { ...props });
+}
+function Step(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiStep__default.default, { ...props });
+}
+function StepLabel(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiStepLabel__default.default, { ...props });
+}
+function Tabs(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiTabs__default.default, { ...props });
+}
+function Tab(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiTab__default.default, { ...props });
+}
 var ChevronLeftOutlined_default = utils.createSvgIcon(/* @__PURE__ */ jsxRuntime.jsx("path", {
   d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
 }), "ChevronLeftOutlined");
 var ChevronRightOutlined_default = utils.createSvgIcon(/* @__PURE__ */ jsxRuntime.jsx("path", {
   d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
 }), "ChevronRightOutlined");
-var SidebarContext = react.createContext({
+var SidebarContext = React2.createContext({
   open: true,
   collapsedWidth: 48,
   expandedWidth: 240
 });
 function useSidebar() {
-  return react.useContext(SidebarContext);
+  return React2.useContext(SidebarContext);
 }
 function SidebarNav({
   open,
@@ -2797,6 +2934,354 @@ function SidebarItem({
     endAdornment
   ] });
 }
+function useChartColors(count) {
+  const theme = styles.useTheme();
+  const chart = theme.palette.chart;
+  const colors3 = chart.series.map((s) => s.fg);
+  return colors3.slice(0, Math.min(count, colors3.length));
+}
+function formatDate(date) {
+  if (!date) return "";
+  const d = new Date(date);
+  if (isNaN(d.getTime())) return String(date);
+  return d.toLocaleDateString("en-US", {
+    weekday: "short",
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+function renderValue(val) {
+  if (val == null) return "0";
+  if (typeof val === "object" && "y" in val) {
+    return String(val.y);
+  }
+  return String(val);
+}
+function CustomTooltip(props) {
+  const { series, axisValue, dataIndex } = props;
+  const theme = styles.useTheme();
+  if (dataIndex == null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Box,
+    {
+      sx: {
+        backgroundColor: theme.palette.common.white,
+        borderRadius: "12px",
+        boxShadow: "0px 12px 24px -4px #1018281a, 0px 4px 8px -2px #1018280f",
+        // Very high elevation shadow per reference
+        padding: "16px",
+        minWidth: "200px",
+        display: "flex",
+        flexDirection: "column",
+        gap: "12px",
+        borderTop: `1px solid ${theme.palette.divider}`,
+        borderRight: `1px solid ${theme.palette.divider}`,
+        borderBottom: `1px solid ${theme.palette.divider}`,
+        borderLeft: `4px solid ${theme.palette.chart.series[0].fg}`
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.Typography,
+          {
+            variant: "body2",
+            sx: {
+              fontWeight: 600,
+              color: theme.palette.text.primary,
+              marginBottom: "4px"
+            },
+            children: formatDate(axisValue)
+          }
+        ),
+        series.map((s) => {
+          const color = typeof s.getColor === "function" ? s.getColor(dataIndex) : s.color;
+          const value = s.data ? s.data[dataIndex] : null;
+          if (value == null) return null;
+          return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", flexDirection: "column", gap: "6px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.Box,
+              {
+                sx: {
+                  width: 16,
+                  height: 16,
+                  borderRadius: "4px",
+                  backgroundColor: color,
+                  flexShrink: 0
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              material.Typography,
+              {
+                variant: "body2",
+                sx: {
+                  color: theme.palette.text.secondary,
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "6px"
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Box,
+                    {
+                      component: "span",
+                      sx: {
+                        backgroundColor: theme.palette.grey[50] || "#f9fafb",
+                        padding: "2px 6px",
+                        borderRadius: "4px",
+                        fontWeight: 500,
+                        color: theme.palette.text.primary,
+                        border: `1px solid ${theme.palette.divider}`
+                      },
+                      children: renderValue(value)
+                    }
+                  ),
+                  " ",
+                  "events"
+                ]
+              }
+            )
+          ] }) }, s.id);
+        })
+      ]
+    }
+  );
+}
+function LineChart({ series, colors: colors3, ...props }) {
+  var _a, _b;
+  const theme = styles.useTheme();
+  const chart = theme.palette.chart;
+  const seriesColors = useChartColors((_a = series == null ? void 0 : series.length) != null ? _a : 0);
+  const modifiedSeries = series == null ? void 0 : series.map((s) => {
+    var _a2, _b2;
+    return {
+      ...s,
+      curve: (_a2 = s.curve) != null ? _a2 : "linear",
+      highlightScope: (_b2 = s.highlightScope) != null ? _b2 : { highlighted: "item", faded: "global" }
+    };
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LineChart$1.LineChart,
+    {
+      series: modifiedSeries != null ? modifiedSeries : [],
+      colors: colors3 != null ? colors3 : seriesColors,
+      grid: { horizontal: true },
+      slots: {
+        axisContent: CustomTooltip
+      },
+      slotProps: {
+        legend: {
+          itemMarkWidth: 12,
+          itemMarkHeight: 12,
+          padding: { bottom: 20 }
+        }
+      },
+      sx: {
+        "& .MuiChartsAxis-line": { stroke: `${chart.axisFg} !important` },
+        "& .MuiChartsAxis-tick": { stroke: `${chart.axisFg} !important` },
+        "& .MuiChartsAxis-tickLabel": {
+          fill: `${chart.labelFg} !important`,
+          fontFamily: `${theme.typography.fontFamily} !important`,
+          fontSize: `${fontSize.xxs}px !important`,
+          lineHeight: lineHeight.xxs
+        },
+        "& .MuiChartsAxis-label": {
+          fill: `${chart.labelFgEmphasis} !important`,
+          fontFamily: `${theme.typography.fontFamily} !important`,
+          fontSize: `${typeof theme.typography.body1.fontSize === "number" ? theme.typography.body1.fontSize : 14}px !important`,
+          fontWeight: theme.typography.fontWeightMedium
+        },
+        "& .MuiChartsGrid-line": {
+          stroke: chart.gridlineFg,
+          strokeDasharray: "4 4"
+        },
+        "& .MuiChartsLegend-series text": {
+          fill: `${chart.legendFg} !important`,
+          fontFamily: `${theme.typography.fontFamily} !important`,
+          fontSize: "14px !important"
+        },
+        "& .MuiChartsLegend-mark": {
+          ry: 4,
+          rx: 4,
+          width: 12,
+          height: 12
+        },
+        "& .MuiChartsTooltip-root": {
+          fontFamily: theme.typography.fontFamily,
+          fontSize: typeof theme.typography.body1.fontSize === "number" ? theme.typography.body1.fontSize : 14
+        },
+        "& .MuiChartsTooltip-table": {
+          backgroundColor: chart.tooltipBg,
+          color: chart.tooltipFg,
+          borderRadius: theme.shape.borderRadius,
+          boxShadow: theme.shadows[4]
+        },
+        "& .MuiLineElement-root": {
+          strokeWidth: 3
+        },
+        "& .MuiMarkElement-root": {
+          display: "none"
+        },
+        ...(_b = props.sx) != null ? _b : {}
+      },
+      ...props
+    }
+  );
+}
+function BarChart({ series, colors: colors3, ...props }) {
+  var _a, _b;
+  const theme = styles.useTheme();
+  const chart = theme.palette.chart;
+  const seriesColors = useChartColors((_a = series == null ? void 0 : series.length) != null ? _a : 0);
+  const resolvedColors = colors3 != null ? colors3 : seriesColors;
+  const modifiedSeries = series == null ? void 0 : series.map((s, idx) => {
+    var _a2;
+    const baseColor = s.color || resolvedColors[idx % resolvedColors.length];
+    const actualColor = s.variant === "striped" ? `url(#striped-pattern-${idx})` : baseColor;
+    const { variant, ...rest } = s;
+    return {
+      ...rest,
+      color: actualColor,
+      highlightScope: (_a2 = s.highlightScope) != null ? _a2 : { highlighted: "item", faded: "global" }
+    };
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BarChart$1.BarChart,
+    {
+      series: modifiedSeries != null ? modifiedSeries : [],
+      colors: colors3 != null ? colors3 : seriesColors,
+      grid: { horizontal: true },
+      borderRadius: 4,
+      slots: {
+        axisContent: CustomTooltip
+      },
+      slotProps: {
+        legend: {
+          itemMarkWidth: 12,
+          itemMarkHeight: 12,
+          padding: { bottom: 20 }
+        }
+      },
+      sx: {
+        "& .MuiChartsAxis-line": { stroke: `${chart.axisFg} !important` },
+        "& .MuiChartsAxis-tick": { stroke: `${chart.axisFg} !important` },
+        "& .MuiChartsAxis-tickLabel": {
+          fill: `${chart.labelFg} !important`,
+          fontFamily: `${theme.typography.fontFamily} !important`,
+          fontSize: `${fontSize.xxs}px !important`,
+          lineHeight: lineHeight.xxs
+        },
+        "& .MuiChartsAxis-label": {
+          fill: `${chart.labelFgEmphasis} !important`,
+          fontFamily: `${theme.typography.fontFamily} !important`,
+          fontSize: `${typeof theme.typography.body1.fontSize === "number" ? theme.typography.body1.fontSize : 14}px !important`,
+          fontWeight: theme.typography.fontWeightMedium
+        },
+        "& .MuiChartsGrid-line": {
+          stroke: chart.gridlineFg,
+          strokeDasharray: "4 4"
+        },
+        "& .MuiChartsLegend-series text": {
+          fill: `${chart.legendFg} !important`,
+          fontFamily: `${theme.typography.fontFamily} !important`,
+          fontSize: "14px !important"
+        },
+        "& .MuiChartsLegend-mark": {
+          ry: 4,
+          rx: 4,
+          width: 12,
+          height: 12
+        },
+        "& .MuiChartsTooltip-root": {
+          fontFamily: theme.typography.fontFamily,
+          fontSize: typeof theme.typography.body1.fontSize === "number" ? theme.typography.body1.fontSize : 14
+        },
+        "& .MuiChartsTooltip-table": {
+          backgroundColor: chart.tooltipBg,
+          color: chart.tooltipFg,
+          borderRadius: theme.shape.borderRadius,
+          boxShadow: theme.shadows[4]
+        },
+        ...(_b = props.sx) != null ? _b : {}
+      },
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("defs", { children: series == null ? void 0 : series.map((s, idx) => {
+        if (s.variant !== "striped") return null;
+        const baseColor = s.color || resolvedColors[idx % resolvedColors.length];
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "pattern",
+          {
+            id: `striped-pattern-${idx}`,
+            patternUnits: "userSpaceOnUse",
+            width: "8",
+            height: "8",
+            patternTransform: "rotate(45)",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "8", height: "8", fill: theme.palette.background.paper }),
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "0", y: "0", x2: "0", y2: "8", stroke: baseColor, strokeWidth: "4" })
+            ]
+          },
+          `striped-${idx}`
+        );
+      }) })
+    }
+  );
+}
+function PieChart({ series, colors: colors3, ...props }) {
+  var _a, _b, _c, _d;
+  const theme = styles.useTheme();
+  const chart = theme.palette.chart;
+  const sliceCount = (_c = (_b = (_a = series == null ? void 0 : series[0]) == null ? void 0 : _a.data) == null ? void 0 : _b.length) != null ? _c : 0;
+  const seriesColors = useChartColors(sliceCount);
+  const modifiedSeries = series == null ? void 0 : series.map((s) => {
+    var _a2;
+    return {
+      ...s,
+      highlightScope: (_a2 = s.highlightScope) != null ? _a2 : { highlighted: "item", faded: "global" }
+    };
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PieChart$1.PieChart,
+    {
+      series: modifiedSeries != null ? modifiedSeries : [],
+      colors: colors3 != null ? colors3 : seriesColors,
+      slotProps: {
+        legend: {
+          itemMarkWidth: 12,
+          itemMarkHeight: 12,
+          padding: { bottom: 20 }
+        }
+      },
+      sx: {
+        "& .MuiChartsLegend-series text": {
+          fill: `${chart.legendFg} !important`,
+          fontFamily: `${theme.typography.fontFamily} !important`,
+          fontSize: "14px !important"
+        },
+        "& .MuiChartsLegend-mark": {
+          ry: 4,
+          rx: 4,
+          width: 12,
+          height: 12
+        },
+        "& .MuiChartsTooltip-root": {
+          fontFamily: theme.typography.fontFamily,
+          fontSize: typeof theme.typography.body1.fontSize === "number" ? theme.typography.body1.fontSize : 14
+        },
+        "& .MuiChartsTooltip-table": {
+          backgroundColor: chart.tooltipBg,
+          color: chart.tooltipFg,
+          borderRadius: theme.shape.borderRadius,
+          boxShadow: theme.shadows[4]
+        },
+        ...(_d = props.sx) != null ? _d : {}
+      },
+      ...props
+    }
+  );
+}
 
 exports.Accordion = Accordion;
 exports.AccordionActions = AccordionActions;
@@ -2808,6 +3293,8 @@ exports.AppBar = AppBar;
 exports.Autocomplete = Autocomplete;
 exports.Backdrop = Backdrop;
 exports.Badge = Badge;
+exports.BarChart = BarChart;
+exports.Breadcrumbs = Breadcrumbs;
 exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
 exports.Card = Card;
@@ -2819,6 +3306,7 @@ exports.Checkbox = Checkbox;
 exports.Chip = Chip;
 exports.CircularProgress = CircularProgress;
 exports.DataGrid = DataGrid;
+exports.DatePicker = DatePicker;
 exports.Dialog = Dialog;
 exports.DialogActions = DialogActions;
 exports.DialogContent = DialogContent;
@@ -2827,7 +3315,9 @@ exports.DialogTitle = DialogTitle;
 exports.Divider = Divider;
 exports.Fab = Fab;
 exports.ForestProvider = ForestProvider;
+exports.LineChart = LineChart;
 exports.LinearProgress = LinearProgress;
+exports.Link = Link;
 exports.List = List;
 exports.ListItem = ListItem;
 exports.ListItemAvatar = ListItemAvatar;
@@ -2835,22 +3325,35 @@ exports.ListItemButton = ListItemButton;
 exports.ListItemIcon = ListItemIcon;
 exports.ListItemText = ListItemText;
 exports.ListSubheader = ListSubheader;
+exports.Menu = Menu;
 exports.MenuItem = MenuItem;
+exports.MenuList = MenuList;
+exports.Modal = Modal;
+exports.MultiSelect = MultiSelect;
+exports.Pagination = Pagination;
 exports.Paper = Paper;
+exports.PieChart = PieChart;
+exports.Popover = Popover;
 exports.Radio = Radio;
 exports.RadioGroup = RadioGroup;
+exports.Search = Search;
 exports.Select = Select;
 exports.SidebarItem = SidebarItem;
 exports.SidebarNav = SidebarNav;
 exports.Skeleton = Skeleton;
 exports.Snackbar = Snackbar;
+exports.Step = Step;
+exports.StepLabel = StepLabel;
+exports.Stepper = Stepper;
 exports.Switch = Switch;
+exports.Tab = Tab;
 exports.Table = Table;
 exports.TableBody = TableBody;
 exports.TableCell = TableCell;
 exports.TableContainer = TableContainer;
 exports.TableHead = TableHead;
 exports.TableRow = TableRow;
+exports.Tabs = Tabs;
 exports.TextField = TextField;
 exports.ToggleButton = ToggleButton;
 exports.ToggleButtonGroup = ToggleButtonGroup;
@@ -2890,6 +3393,7 @@ exports.spacing = spacing;
 exports.text = text;
 exports.toggleColors = toggleColors;
 exports.tokenShadows = shadows;
+exports.useChartColors = useChartColors;
 exports.useSidebar = useSidebar;
 exports.widths = widths;
 //# sourceMappingURL=index.js.map