@matteoaliano/forest-ui 0.2.10 → 0.3.0

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');
@@ -18,11 +18,17 @@ 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 material = require('@mui/material');
 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');
@@ -62,17 +68,28 @@ 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 Box2 = require('@mui/material/Box');
 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);
@@ -88,6 +105,8 @@ 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);
@@ -130,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);
+var Box2__default = /*#__PURE__*/_interopDefault(Box2);
 
 // src/provider/ForestProvider.tsx
 
@@ -229,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"
   },
@@ -249,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"
   },
@@ -275,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 = {
@@ -571,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],
@@ -581,31 +647,19 @@ var chartColors = {
   tooltipFg: colors.base.white,
   crosshairFg: colors.gray[500],
   legendFg: text.tertiary,
-  categorical: [
-    "#7B61FF",
-    "#FF7E67",
-    "#76DFD5",
-    "#F6C343",
-    "#B36A6F",
-    "#71BCF6",
-    "#FFB076",
-    "#11819D",
-    "#3CB371",
-    "#FFBCAE",
-    "#C87EED",
-    "#76C5AF"
-  ],
-  vibrant: [
-    "#6B38FB",
-    // 1. Deep Purple
-    "#E85B22",
-    // 2. Deep Orange
-    "#4AABFF",
-    // 3. Bright Blue
-    "#E83B1A",
-    // 4. True Red
-    "#E02088"
-    // 5. Magenta
+  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 = {
@@ -638,65 +692,65 @@ var alpha = {
 // src/theme/palette.ts
 function buildPalette(tokens) {
   var _a;
-  const { colors: colors3, text: text3, bg: bg3, fg: fg3, border: border3 } = tokens;
+  const { colors: colors5, text: text5, bg: bg5, fg: fg5, border: border5 } = tokens;
   return {
     primary: {
-      main: colors3.brand[600],
-      light: colors3.brand[400],
-      dark: colors3.brand[700],
-      contrastText: colors3.base.white
+      main: colors5.brand[600],
+      light: colors5.brand[400],
+      dark: colors5.brand[700],
+      contrastText: colors5.base.white
     },
     secondary: {
-      main: colors3.gray[600],
-      light: colors3.gray[400],
-      dark: colors3.gray[700],
-      contrastText: colors3.base.white
+      main: colors5.gray[600],
+      light: colors5.gray[400],
+      dark: colors5.gray[700],
+      contrastText: colors5.base.white
     },
     error: {
-      main: colors3.error[600],
-      light: colors3.error[300],
-      dark: colors3.error[700],
-      contrastText: colors3.base.white
+      main: colors5.error[600],
+      light: colors5.error[300],
+      dark: colors5.error[700],
+      contrastText: colors5.base.white
     },
     warning: {
-      main: colors3.warning[600],
-      light: colors3.warning[300],
-      dark: colors3.warning[700],
-      contrastText: colors3.base.white
+      main: colors5.warning[600],
+      light: colors5.warning[300],
+      dark: colors5.warning[700],
+      contrastText: colors5.base.white
     },
     success: {
-      main: colors3.success[600],
-      light: colors3.success[300],
-      dark: colors3.success[700],
-      contrastText: colors3.base.white
+      main: colors5.success[600],
+      light: colors5.success[300],
+      dark: colors5.success[700],
+      contrastText: colors5.base.white
     },
     info: {
-      main: colors3.blue[600],
-      light: colors3.blue[300],
-      dark: colors3.blue[700],
-      contrastText: colors3.base.white
+      main: colors5.blue[600],
+      light: colors5.blue[300],
+      dark: colors5.blue[700],
+      contrastText: colors5.base.white
     },
     background: {
-      default: bg3.primary,
-      paper: bg3.secondary
+      default: bg5.primary,
+      paper: bg5.secondary
     },
     text: {
-      primary: text3.primary,
-      secondary: text3.secondary,
-      disabled: text3.disabled
+      primary: text5.primary,
+      secondary: text5.secondary,
+      disabled: text5.disabled
     },
-    divider: border3.secondary,
+    divider: border5.secondary,
     action: {
-      active: fg3.tertiary,
-      hover: bg3.primaryHover,
-      selected: bg3.brandPrimary,
-      disabled: fg3.disabled,
-      disabledBackground: bg3.disabled
+      active: fg5.tertiary,
+      hover: bg5.primaryHover,
+      selected: bg5.brandPrimary,
+      disabled: fg5.disabled,
+      disabledBackground: bg5.disabled
     },
     chart: (_a = tokens.chartColors) != null ? _a : chartColors
   };
 }
-var palette = buildPalette({
+buildPalette({
   colors,
   text,
   bg,
@@ -787,7 +841,7 @@ function buildTypography(tokens) {
     }
   };
 }
-var typography = buildTypography({
+buildTypography({
   fontFamily,
   display,
   fontSize,
@@ -795,18 +849,78 @@ var typography = buildTypography({
   fontWeight
 });
 
+// src/theme/shadows.ts
+function buildShadows(tokens) {
+  const tokenShadows = tokens.shadows;
+  return [
+    "none",
+    // 0
+    tokenShadows.xs,
+    // 1
+    tokenShadows.sm,
+    // 2
+    tokenShadows.sm,
+    // 3
+    tokenShadows.md,
+    // 4
+    tokenShadows.md,
+    // 5
+    tokenShadows.md,
+    // 6
+    tokenShadows.lg,
+    // 7
+    tokenShadows.lg,
+    // 8
+    tokenShadows.lg,
+    // 9
+    tokenShadows.xl,
+    // 10
+    tokenShadows.xl,
+    // 11
+    tokenShadows.xl,
+    // 12
+    tokenShadows["2xl"],
+    // 13
+    tokenShadows["2xl"],
+    // 14
+    tokenShadows["2xl"],
+    // 15
+    tokenShadows["3xl"],
+    // 16
+    tokenShadows["3xl"],
+    // 17
+    tokenShadows["3xl"],
+    // 18
+    tokenShadows["3xl"],
+    // 19
+    tokenShadows["3xl"],
+    // 20
+    tokenShadows["3xl"],
+    // 21
+    tokenShadows["3xl"],
+    // 22
+    tokenShadows["3xl"],
+    // 23
+    tokenShadows["3xl"]
+    // 24
+  ];
+}
+buildShadows({
+  shadows
+});
+
 // src/theme/components.ts
 function buildComponents(tokens) {
   const {
-    colors: colors3,
-    radius: radius3,
-    focusRings: focusRings3,
+    colors: colors5,
+    radius: radius5,
+    focusRings: focusRings5,
     shadows: tokenShadows,
-    text: text3,
-    bg: bg3,
-    fg: fg3,
-    border: border3,
-    buttonColors: buttonColors3
+    text: text5,
+    bg: bg5,
+    fg: fg5,
+    border: border5,
+    buttonColors: buttonColors5
   } = tokens;
   return {
     // ─── Button ─────────────────────────────────────────────────────
@@ -816,7 +930,7 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          borderRadius: radius3.md,
+          borderRadius: radius5.md,
           fontWeight: 600,
           boxShadow: tokenShadows.xs,
           height: 32,
@@ -824,36 +938,36 @@ function buildComponents(tokens) {
           fontSize: 14,
           lineHeight: "20px",
           "&:focus-visible": {
-            boxShadow: focusRings3.brandShadowXs
+            boxShadow: focusRings5.brandShadowXs
           }
         },
         containedPrimary: {
-          backgroundColor: buttonColors3.primary.bg,
+          backgroundColor: buttonColors5.primary.bg,
           "&:hover": {
-            backgroundColor: buttonColors3.primary.bgHover
+            backgroundColor: buttonColors5.primary.bgHover
           }
         },
         outlinedPrimary: {
-          borderColor: buttonColors3.secondaryColor.border,
-          color: buttonColors3.secondaryColor.fg,
+          borderColor: buttonColors5.secondaryColor.border,
+          color: buttonColors5.secondaryColor.fg,
           "&:hover": {
-            backgroundColor: buttonColors3.secondaryColor.bgHover,
-            borderColor: buttonColors3.secondaryColor.borderHover
+            backgroundColor: buttonColors5.secondaryColor.bgHover,
+            borderColor: buttonColors5.secondaryColor.borderHover
           }
         },
         outlinedSecondary: {
-          borderColor: buttonColors3.secondary.border,
+          borderColor: buttonColors5.secondary.border,
           "&:hover": {
-            borderColor: buttonColors3.secondary.borderHover
+            borderColor: buttonColors5.secondary.borderHover
           }
         },
         text: {
           boxShadow: "none"
         },
         textPrimary: {
-          color: buttonColors3.tertiaryColor.fg,
+          color: buttonColors5.tertiaryColor.fg,
           "&:hover": {
-            backgroundColor: buttonColors3.tertiaryColor.bgHover
+            backgroundColor: buttonColors5.tertiaryColor.bgHover
           }
         }
       }
@@ -865,11 +979,11 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          borderRadius: radius3.md
+          borderRadius: radius5.md
         },
         grouped: {
           "&:not(:last-of-type)": {
-            borderRight: `1px solid ${buttonColors3.primary.borderHover}`
+            borderRight: `1px solid ${buttonColors5.primary.borderHover}`
           }
         }
       }
@@ -883,13 +997,13 @@ function buildComponents(tokens) {
             boxShadow: tokenShadows.lg
           },
           "&:focus-visible": {
-            boxShadow: focusRings3.brandShadowSm
+            boxShadow: focusRings5.brandShadowSm
           }
         },
         primary: {
-          backgroundColor: buttonColors3.primary.bg,
+          backgroundColor: buttonColors5.primary.bg,
           "&:hover": {
-            backgroundColor: buttonColors3.primary.bgHover
+            backgroundColor: buttonColors5.primary.bgHover
           }
         }
       }
@@ -904,8 +1018,8 @@ function buildComponents(tokens) {
       styleOverrides: {
         input: {
           "&::placeholder": {
-            color: text3.placeholder,
-            WebkitTextFillColor: text3.placeholder,
+            color: text5.placeholder,
+            WebkitTextFillColor: text5.placeholder,
             fontWeight: 400,
             opacity: 1
           }
@@ -915,26 +1029,26 @@ function buildComponents(tokens) {
     MuiOutlinedInput: {
       styleOverrides: {
         root: {
-          borderRadius: radius3.md,
+          borderRadius: radius5.md,
           boxShadow: tokenShadows.xs,
           "&:hover .MuiOutlinedInput-notchedOutline": {
-            borderColor: border3.brand
+            borderColor: border5.brand
           },
           "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
-            borderColor: border3.brandSolid,
+            borderColor: border5.brandSolid,
             borderWidth: 1,
             boxShadow: "none"
           },
           "&.Mui-error .MuiOutlinedInput-notchedOutline": {
-            borderColor: border3.error
+            borderColor: border5.error
           },
           "&.Mui-error.Mui-focused .MuiOutlinedInput-notchedOutline": {
-            borderColor: border3.errorSolid,
+            borderColor: border5.errorSolid,
             boxShadow: "none"
           }
         },
         notchedOutline: {
-          borderColor: border3.primary
+          borderColor: border5.primary
         },
         input: {
           padding: "6px 12px",
@@ -946,12 +1060,12 @@ function buildComponents(tokens) {
     MuiFormLabel: {
       styleOverrides: {
         root: {
-          color: text3.placeholder,
+          color: text5.placeholder,
           "&.Mui-focused": {
-            color: text3.placeholder
+            color: text5.placeholder
           },
           "&.Mui-error": {
-            color: text3.errorPrimary
+            color: text5.errorPrimary
           }
         }
       }
@@ -961,12 +1075,12 @@ function buildComponents(tokens) {
         root: {
           fontSize: 14,
           fontWeight: 500,
-          color: text3.placeholder,
+          color: text5.placeholder,
           "&.Mui-focused": {
-            color: text3.placeholder
+            color: text5.placeholder
           },
           "&.Mui-error": {
-            color: text3.errorPrimary
+            color: text5.errorPrimary
           }
         },
         outlined: {
@@ -985,23 +1099,26 @@ function buildComponents(tokens) {
           marginTop: 6,
           marginLeft: 0,
           "&.Mui-error": {
-            color: text3.errorPrimary
+            color: text5.errorPrimary
           }
         }
       }
     },
-    // ─── 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": {
@@ -1012,18 +1129,18 @@ function buildComponents(tokens) {
           }
         },
         icon: {
-          color: text3.placeholder
+          color: text5.placeholder
         }
       }
     },
     MuiMenuItem: {
       styleOverrides: {
         root: {
-          borderRadius: radius3.md,
+          borderRadius: radius5.md,
           padding: "6px 8px",
           gap: 4,
           "&:hover": {
-            backgroundColor: bg3.primaryHover
+            backgroundColor: bg5.primaryHover
           }
         }
       }
@@ -1032,9 +1149,9 @@ function buildComponents(tokens) {
     MuiAutocomplete: {
       styleOverrides: {
         paper: {
-          borderRadius: radius3.md,
+          borderRadius: radius5.md,
           boxShadow: tokenShadows.lg,
-          border: `1px solid ${border3.secondary}`,
+          border: `1px solid ${border5.secondary}`,
           marginTop: 4
         },
         inputRoot: {
@@ -1051,10 +1168,10 @@ function buildComponents(tokens) {
           lineHeight: "20px",
           padding: "6px 12px",
           "&.Mui-focused": {
-            backgroundColor: bg3.primaryHover
+            backgroundColor: bg5.primaryHover
           },
           '&[aria-selected="true"]': {
-            backgroundColor: bg3.brandPrimary
+            backgroundColor: bg5.brandPrimary
           }
         },
         listbox: {
@@ -1069,28 +1186,28 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          color: border3.primary,
-          borderRadius: radius3.xs,
+          color: border5.primary,
+          borderRadius: radius5.xs,
           padding: 0,
           width: 20,
           height: 20,
           "&:hover": {
             backgroundColor: "transparent",
-            color: fg3.brandPrimary
+            color: fg5.brandPrimary
           },
           "&.Mui-checked": {
-            color: fg3.brandPrimary
+            color: fg5.brandPrimary
           },
           "&.Mui-checked:hover": {
-            color: colors3.brand[700]
+            color: colors5.brand[700]
           },
           "&.Mui-focusVisible": {
             outline: "none",
-            boxShadow: focusRings3.brand,
-            borderRadius: radius3.xs
+            boxShadow: focusRings5.brand,
+            borderRadius: radius5.xs
           },
           "&.Mui-disabled": {
-            color: border3.primary
+            color: border5.primary
           }
         }
       }
@@ -1102,25 +1219,25 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          color: border3.primary,
+          color: border5.primary,
           padding: 0,
           "&:hover": {
             backgroundColor: "transparent",
-            color: fg3.brandPrimary
+            color: fg5.brandPrimary
           },
           "&.Mui-checked": {
-            color: fg3.brandPrimary
+            color: fg5.brandPrimary
           },
           "&.Mui-checked:hover": {
-            color: colors3.brand[700]
+            color: colors5.brand[700]
           },
           "&.Mui-focusVisible": {
             outline: "none",
-            boxShadow: focusRings3.brand,
-            borderRadius: radius3.full
+            boxShadow: focusRings5.brand,
+            borderRadius: radius5.full
           },
           "&.Mui-disabled": {
-            color: border3.primary
+            color: border5.primary
           }
         }
       }
@@ -1140,20 +1257,20 @@ function buildComponents(tokens) {
           padding: 2,
           "&.Mui-checked": {
             transform: "translateX(20px)",
-            color: fg3.white,
+            color: fg5.white,
             "& + .MuiSwitch-track": {
-              backgroundColor: fg3.brandPrimary,
+              backgroundColor: fg5.brandPrimary,
               opacity: 1
             }
           },
           "&.Mui-checked:hover + .MuiSwitch-track": {
-            backgroundColor: colors3.brand[700]
+            backgroundColor: colors5.brand[700]
           },
           "&.Mui-focusVisible .MuiSwitch-thumb": {
-            boxShadow: focusRings3.brand
+            boxShadow: focusRings5.brand
           },
           "&.Mui-disabled .MuiSwitch-thumb": {
-            color: bg3.disabled
+            color: bg5.disabled
           },
           "&.Mui-disabled + .MuiSwitch-track": {
             opacity: 0.5
@@ -1165,8 +1282,8 @@ function buildComponents(tokens) {
           boxShadow: "0px 1px 2px 0px #1018280d"
         },
         track: {
-          borderRadius: radius3.full,
-          backgroundColor: border3.secondary,
+          borderRadius: radius5.full,
+          backgroundColor: border5.secondary,
           opacity: 1
         }
       }
@@ -1175,8 +1292,8 @@ function buildComponents(tokens) {
     MuiToggleButton: {
       styleOverrides: {
         root: {
-          borderColor: border3.primary,
-          color: text3.secondary,
+          borderColor: border5.primary,
+          color: text5.secondary,
           fontSize: 14,
           fontWeight: 600,
           lineHeight: "20px",
@@ -1184,19 +1301,19 @@ function buildComponents(tokens) {
           padding: "6px 12px",
           textTransform: "none",
           "&:hover": {
-            backgroundColor: bg3.primaryHover,
-            borderColor: border3.primary
+            backgroundColor: bg5.primaryHover,
+            borderColor: border5.primary
           },
           "&.Mui-selected": {
-            backgroundColor: bg3.brandPrimary,
-            color: buttonColors3.secondaryColor.fg,
-            borderColor: border3.brandSolid,
+            backgroundColor: bg5.brandPrimary,
+            color: buttonColors5.secondaryColor.fg,
+            borderColor: border5.brandSolid,
             "&:hover": {
-              backgroundColor: bg3.brandSecondary
+              backgroundColor: bg5.brandSecondary
             }
           },
           "&:focus-visible": {
-            boxShadow: focusRings3.brandShadowXs
+            boxShadow: focusRings5.brandShadowXs
           }
         }
       }
@@ -1204,7 +1321,7 @@ function buildComponents(tokens) {
     MuiToggleButtonGroup: {
       styleOverrides: {
         root: {
-          borderRadius: radius3.md,
+          borderRadius: radius5.md,
           overflow: "hidden"
         },
         grouped: {
@@ -1213,12 +1330,12 @@ function buildComponents(tokens) {
             marginLeft: -1
           },
           "&:first-of-type": {
-            borderTopLeftRadius: radius3.md,
-            borderBottomLeftRadius: radius3.md
+            borderTopLeftRadius: radius5.md,
+            borderBottomLeftRadius: radius5.md
           },
           "&:last-of-type": {
-            borderTopRightRadius: radius3.md,
-            borderBottomRightRadius: radius3.md
+            borderTopRightRadius: radius5.md,
+            borderBottomRightRadius: radius5.md
           }
         }
       }
@@ -1227,8 +1344,8 @@ function buildComponents(tokens) {
     MuiDrawer: {
       styleOverrides: {
         paper: {
-          backgroundColor: bg3.primary,
-          borderRight: `1px solid ${border3.secondary}`
+          backgroundColor: bg5.primary,
+          borderRight: `1px solid ${border5.secondary}`
         }
       }
     },
@@ -1239,9 +1356,9 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          borderRadius: radius3.xl,
-          border: `1px solid ${border3.secondary}`,
-          backgroundColor: bg3.primary,
+          borderRadius: radius5.xl,
+          border: `1px solid ${border5.secondary}`,
+          backgroundColor: bg5.primary,
           boxShadow: tokenShadows.xs,
           overflow: "hidden"
         }
@@ -1288,35 +1405,35 @@ function buildComponents(tokens) {
           backgroundImage: "none"
         },
         rounded: {
-          borderRadius: radius3.lg
+          borderRadius: radius5.lg
         },
         elevation1: {
           boxShadow: tokenShadows.xs,
-          border: `1px solid ${border3.secondary}`
+          border: `1px solid ${border5.secondary}`
         },
         elevation2: {
           boxShadow: tokenShadows.sm,
-          border: `1px solid ${border3.secondary}`
+          border: `1px solid ${border5.secondary}`
         },
         elevation3: {
           boxShadow: tokenShadows.md,
-          border: `1px solid ${border3.secondary}`
+          border: `1px solid ${border5.secondary}`
         },
         elevation4: {
           boxShadow: tokenShadows.lg,
-          border: `1px solid ${border3.secondary}`
+          border: `1px solid ${border5.secondary}`
         },
         elevation8: {
           boxShadow: tokenShadows.xl,
-          border: `1px solid ${border3.secondary}`
+          border: `1px solid ${border5.secondary}`
         },
         elevation16: {
           boxShadow: tokenShadows["2xl"],
-          border: `1px solid ${border3.secondary}`
+          border: `1px solid ${border5.secondary}`
         },
         elevation24: {
           boxShadow: tokenShadows["3xl"],
-          border: `1px solid ${border3.secondary}`
+          border: `1px solid ${border5.secondary}`
         }
       }
     },
@@ -1328,8 +1445,8 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          border: `1px solid ${border3.secondary}`,
-          borderRadius: radius3.lg,
+          border: `1px solid ${border5.secondary}`,
+          borderRadius: radius5.lg,
           "&:not(:last-child)": {
             marginBottom: 8
           },
@@ -1339,7 +1456,7 @@ function buildComponents(tokens) {
           "&.Mui-expanded": {
             margin: 0,
             marginBottom: 8,
-            borderRadius: radius3.lg
+            borderRadius: radius5.lg
           }
         }
       }
@@ -1351,7 +1468,7 @@ function buildComponents(tokens) {
           minHeight: 56,
           "&.Mui-expanded": {
             minHeight: 56,
-            borderBottom: `1px solid ${border3.secondary}`
+            borderBottom: `1px solid ${border5.secondary}`
           }
         },
         content: {
@@ -1377,8 +1494,8 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          borderBottom: `1px solid ${border3.secondary}`,
-          backgroundColor: bg3.primary
+          borderBottom: `1px solid ${border5.secondary}`,
+          backgroundColor: bg5.primary
         }
       }
     },
@@ -1402,7 +1519,7 @@ function buildComponents(tokens) {
     MuiChip: {
       styleOverrides: {
         root: {
-          borderRadius: radius3.md
+          borderRadius: radius5.md
         },
         label: {
           fontWeight: 500
@@ -1418,51 +1535,51 @@ function buildComponents(tokens) {
         },
         colorDefault: {
           "&.MuiChip-filled": {
-            backgroundColor: colors3.gray[50],
-            color: colors3.gray[700],
-            "& .MuiChip-deleteIcon": { color: colors3.gray[400] }
+            backgroundColor: colors5.gray[50],
+            color: colors5.gray[700],
+            "& .MuiChip-deleteIcon": { color: colors5.gray[400] }
           }
         },
         colorPrimary: {
           "&.MuiChip-filled": {
-            backgroundColor: colors3.brand[50],
-            color: colors3.brand[700],
-            "& .MuiChip-deleteIcon": { color: colors3.brand[400] }
+            backgroundColor: colors5.brand[50],
+            color: colors5.brand[700],
+            "& .MuiChip-deleteIcon": { color: colors5.brand[400] }
           }
         },
         colorSecondary: {
           "&.MuiChip-filled": {
-            backgroundColor: colors3.gray[50],
-            color: colors3.gray[700],
-            "& .MuiChip-deleteIcon": { color: colors3.gray[400] }
+            backgroundColor: colors5.gray[50],
+            color: colors5.gray[700],
+            "& .MuiChip-deleteIcon": { color: colors5.gray[400] }
           }
         },
         colorError: {
           "&.MuiChip-filled": {
-            backgroundColor: colors3.error[50],
-            color: colors3.error[700],
-            "& .MuiChip-deleteIcon": { color: colors3.error[400] }
+            backgroundColor: colors5.error[50],
+            color: colors5.error[700],
+            "& .MuiChip-deleteIcon": { color: colors5.error[400] }
           }
         },
         colorWarning: {
           "&.MuiChip-filled": {
-            backgroundColor: colors3.warning[50],
-            color: colors3.warning[700],
-            "& .MuiChip-deleteIcon": { color: colors3.warning[400] }
+            backgroundColor: colors5.warning[50],
+            color: colors5.warning[700],
+            "& .MuiChip-deleteIcon": { color: colors5.warning[400] }
           }
         },
         colorSuccess: {
           "&.MuiChip-filled": {
-            backgroundColor: colors3.success[50],
-            color: colors3.success[700],
-            "& .MuiChip-deleteIcon": { color: colors3.success[400] }
+            backgroundColor: colors5.success[50],
+            color: colors5.success[700],
+            "& .MuiChip-deleteIcon": { color: colors5.success[400] }
           }
         },
         colorInfo: {
           "&.MuiChip-filled": {
-            backgroundColor: colors3.blue[50],
-            color: colors3.blue[700],
-            "& .MuiChip-deleteIcon": { color: colors3.blue[400] }
+            backgroundColor: colors5.blue[50],
+            color: colors5.blue[700],
+            "& .MuiChip-deleteIcon": { color: colors5.blue[400] }
           }
         }
       }
@@ -1478,7 +1595,7 @@ function buildComponents(tokens) {
           fontSize: 14,
           lineHeight: "20px",
           fontWeight: 500,
-          color: text3.secondary
+          color: text5.secondary
         }
       }
     },
@@ -1494,29 +1611,29 @@ function buildComponents(tokens) {
     MuiTableCell: {
       styleOverrides: {
         root: {
-          borderBottom: `1px solid ${border3.secondary}`,
+          borderBottom: `1px solid ${border5.secondary}`,
           padding: "16px 24px",
           fontSize: 14,
           lineHeight: "20px",
-          color: fg3.tertiary
+          color: fg5.tertiary
         },
         head: {
-          backgroundColor: bg3.secondary,
-          color: fg3.tertiary,
+          backgroundColor: bg5.secondary,
+          color: fg5.tertiary,
           fontWeight: 500,
           fontSize: 12,
           lineHeight: "18px"
         },
         body: {
-          color: fg3.tertiary
+          color: fg5.tertiary
         }
       }
     },
     MuiTableHead: {
       styleOverrides: {
         root: {
-          backgroundColor: bg3.secondary,
-          borderBottom: `1px solid ${border3.secondary}`
+          backgroundColor: bg5.secondary,
+          borderBottom: `1px solid ${border5.secondary}`
         }
       }
     },
@@ -1527,12 +1644,12 @@ function buildComponents(tokens) {
             border: 0
           },
           "&:hover": {
-            backgroundColor: bg3.primaryHover
+            backgroundColor: bg5.primaryHover
           },
           "&.Mui-selected": {
-            backgroundColor: bg3.brandPrimary,
+            backgroundColor: bg5.brandPrimary,
             "&:hover": {
-              backgroundColor: bg3.brandPrimary
+              backgroundColor: bg5.brandPrimary
             }
           }
         }
@@ -1541,8 +1658,8 @@ function buildComponents(tokens) {
     MuiTableContainer: {
       styleOverrides: {
         root: {
-          borderRadius: radius3.xl,
-          border: `1px solid ${border3.secondary}`,
+          borderRadius: radius5.xl,
+          border: `1px solid ${border5.secondary}`,
           boxShadow: "none"
         }
       }
@@ -1556,24 +1673,24 @@ function buildComponents(tokens) {
           lineHeight: "18px",
           minWidth: 20,
           height: 20,
-          borderRadius: radius3.full
+          borderRadius: radius5.full
         },
         colorPrimary: {
-          backgroundColor: bg3.brandSolid
+          backgroundColor: bg5.brandSolid
         },
         colorError: {
-          backgroundColor: bg3.errorSolid
+          backgroundColor: bg5.errorSolid
         },
         colorSuccess: {
-          backgroundColor: bg3.successSolid
+          backgroundColor: bg5.successSolid
         },
         colorWarning: {
-          backgroundColor: bg3.warningSolid
+          backgroundColor: bg5.warningSolid
         },
         dot: {
           minWidth: 8,
           height: 8,
-          borderRadius: radius3.full
+          borderRadius: radius5.full
         }
       }
     },
@@ -1581,7 +1698,7 @@ function buildComponents(tokens) {
     MuiDivider: {
       styleOverrides: {
         root: {
-          borderColor: border3.secondary
+          borderColor: border5.secondary
         }
       }
     },
@@ -1596,16 +1713,16 @@ function buildComponents(tokens) {
     MuiListItemButton: {
       styleOverrides: {
         root: {
-          borderRadius: radius3.sm,
+          borderRadius: radius5.sm,
           padding: "8px 12px",
           "&:hover": {
-            backgroundColor: bg3.primaryHover
+            backgroundColor: bg5.primaryHover
           },
           "&.Mui-selected": {
-            backgroundColor: bg3.brandPrimary,
-            color: buttonColors3.secondaryColor.fg,
+            backgroundColor: bg5.brandPrimary,
+            color: buttonColors5.secondaryColor.fg,
             "&:hover": {
-              backgroundColor: bg3.brandSecondary
+              backgroundColor: bg5.brandSecondary
             }
           }
         }
@@ -1615,7 +1732,7 @@ function buildComponents(tokens) {
       styleOverrides: {
         root: {
           minWidth: 36,
-          color: fg3.quaternary
+          color: fg5.quaternary
         }
       }
     },
@@ -1625,12 +1742,12 @@ function buildComponents(tokens) {
           fontSize: 14,
           lineHeight: "20px",
           fontWeight: 500,
-          color: text3.secondary
+          color: text5.secondary
         },
         secondary: {
           fontSize: 14,
           lineHeight: "20px",
-          color: text3.quaternary
+          color: text5.quaternary
         }
       }
     },
@@ -1638,17 +1755,17 @@ function buildComponents(tokens) {
     MuiTooltip: {
       styleOverrides: {
         tooltip: {
-          backgroundColor: bg3.primarySolid,
-          color: text3.white,
+          backgroundColor: bg5.primarySolid,
+          color: text5.white,
           fontSize: 12,
           lineHeight: "18px",
           fontWeight: 600,
           padding: "8px 12px",
-          borderRadius: radius3.md,
+          borderRadius: radius5.md,
           boxShadow: tokenShadows.lg
         },
         arrow: {
-          color: bg3.primarySolid
+          color: bg5.primarySolid
         }
       }
     },
@@ -1659,42 +1776,42 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          borderRadius: radius3.xl,
+          borderRadius: radius5.xl,
           fontSize: 14,
           lineHeight: "20px",
           padding: "12px 16px",
           alignItems: "center"
         },
         standardError: {
-          backgroundColor: bg3.errorPrimary,
-          color: colors3.error[700],
-          border: `1px solid ${border3.error}`,
+          backgroundColor: bg5.errorPrimary,
+          color: colors5.error[700],
+          border: `1px solid ${border5.error}`,
           "& .MuiAlert-icon": {
-            color: fg3.errorPrimary
+            color: fg5.errorPrimary
           }
         },
         standardWarning: {
-          backgroundColor: bg3.warningPrimary,
-          color: colors3.warning[700],
-          border: `1px solid ${colors3.warning[300]}`,
+          backgroundColor: bg5.warningPrimary,
+          color: colors5.warning[700],
+          border: `1px solid ${colors5.warning[300]}`,
           "& .MuiAlert-icon": {
-            color: fg3.warningPrimary
+            color: fg5.warningPrimary
           }
         },
         standardSuccess: {
-          backgroundColor: bg3.successPrimary,
-          color: colors3.success[700],
-          border: `1px solid ${colors3.success[300]}`,
+          backgroundColor: bg5.successPrimary,
+          color: colors5.success[700],
+          border: `1px solid ${colors5.success[300]}`,
           "& .MuiAlert-icon": {
-            color: fg3.successPrimary
+            color: fg5.successPrimary
           }
         },
         standardInfo: {
-          backgroundColor: colors3.blue[50],
-          color: colors3.blue[700],
-          border: `1px solid ${colors3.blue[300]}`,
+          backgroundColor: colors5.blue[50],
+          color: colors5.blue[700],
+          border: `1px solid ${colors5.blue[300]}`,
           "& .MuiAlert-icon": {
-            color: colors3.blue[600]
+            color: colors5.blue[600]
           }
         },
         icon: {
@@ -1725,7 +1842,7 @@ function buildComponents(tokens) {
     MuiDialog: {
       styleOverrides: {
         paper: {
-          borderRadius: radius3.xl,
+          borderRadius: radius5.xl,
           boxShadow: tokenShadows.xl,
           padding: 0
         }
@@ -1737,7 +1854,7 @@ function buildComponents(tokens) {
           fontSize: 18,
           lineHeight: "28px",
           fontWeight: 600,
-          color: text3.primary,
+          color: text5.primary,
           padding: "24px 24px 0"
         }
       }
@@ -1748,7 +1865,7 @@ function buildComponents(tokens) {
           padding: "20px 24px",
           fontSize: 14,
           lineHeight: "20px",
-          color: text3.tertiary
+          color: text5.tertiary
         }
       }
     },
@@ -1764,27 +1881,27 @@ function buildComponents(tokens) {
     MuiLinearProgress: {
       styleOverrides: {
         root: {
-          borderRadius: radius3.full,
+          borderRadius: radius5.full,
           height: 8,
-          backgroundColor: border3.secondary
+          backgroundColor: border5.secondary
         },
         barColorPrimary: {
-          backgroundColor: fg3.brandPrimary,
-          borderRadius: radius3.full
+          backgroundColor: fg5.brandPrimary,
+          borderRadius: radius5.full
         },
         barColorSecondary: {
-          backgroundColor: bg3.secondarySolid,
-          borderRadius: radius3.full
+          backgroundColor: bg5.secondarySolid,
+          borderRadius: radius5.full
         }
       }
     },
     MuiCircularProgress: {
       styleOverrides: {
         colorPrimary: {
-          color: fg3.brandPrimary
+          color: fg5.brandPrimary
         },
         colorSecondary: {
-          color: bg3.secondarySolid
+          color: bg5.secondarySolid
         }
       }
     },
@@ -1795,13 +1912,13 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          backgroundColor: bg3.tertiary
+          backgroundColor: bg5.tertiary
         },
         rounded: {
-          borderRadius: radius3.md
+          borderRadius: radius5.md
         },
         circular: {
-          borderRadius: radius3.full
+          borderRadius: radius5.full
         }
       }
     },
@@ -1809,9 +1926,9 @@ function buildComponents(tokens) {
     MuiSnackbarContent: {
       styleOverrides: {
         root: {
-          backgroundColor: bg3.primarySolid,
-          color: text3.white,
-          borderRadius: radius3.xl,
+          backgroundColor: bg5.primarySolid,
+          color: text5.white,
+          borderRadius: radius5.xl,
           boxShadow: tokenShadows.lg,
           fontSize: 14,
           lineHeight: "20px",
@@ -1845,21 +1962,21 @@ function buildComponents(tokens) {
       MuiDataGrid: {
         styleOverrides: {
           root: {
-            border: `1px solid ${border3.secondary}`,
-            borderRadius: radius3.xl,
+            border: `1px solid ${border5.secondary}`,
+            borderRadius: radius5.xl,
             fontFamily: "inherit",
             "& .MuiDataGrid-withBorderColor": {
-              borderColor: border3.secondary
+              borderColor: border5.secondary
             }
           },
           columnHeaders: {
-            backgroundColor: bg3.secondary
+            backgroundColor: bg5.secondary
           },
           columnHeader: {
             fontSize: 12,
             lineHeight: "18px",
             fontWeight: 500,
-            color: fg3.tertiary,
+            color: fg5.tertiary,
             "&:focus, &:focus-within": {
               outline: "none"
             }
@@ -1870,34 +1987,34 @@ function buildComponents(tokens) {
           cell: {
             fontSize: 14,
             lineHeight: "20px",
-            color: fg3.tertiary,
+            color: fg5.tertiary,
             "&:focus, &:focus-within": {
               outline: "none"
             }
           },
           row: {
             "&:hover": {
-              backgroundColor: bg3.primaryHover
+              backgroundColor: bg5.primaryHover
             },
             "&.Mui-selected": {
-              backgroundColor: bg3.brandPrimary,
+              backgroundColor: bg5.brandPrimary,
               "&:hover": {
-                backgroundColor: bg3.brandPrimary
+                backgroundColor: bg5.brandPrimary
               }
             }
           },
           footerContainer: {
-            borderTop: `1px solid ${border3.secondary}`
+            borderTop: `1px solid ${border5.secondary}`
           },
           columnSeparator: {
-            color: border3.secondary
+            color: border5.secondary
           }
         }
       }
     }
   };
 }
-var components = buildComponents({
+buildComponents({
   colors,
   radius,
   focusRings,
@@ -1908,65 +2025,7 @@ var components = buildComponents({
   border,
   buttonColors});
 
-// src/theme/shadows.ts
-function buildShadows(tokens) {
-  const tokenShadows = tokens.shadows;
-  return [
-    "none",
-    // 0
-    tokenShadows.xs,
-    // 1
-    tokenShadows.sm,
-    // 2
-    tokenShadows.sm,
-    // 3
-    tokenShadows.md,
-    // 4
-    tokenShadows.md,
-    // 5
-    tokenShadows.md,
-    // 6
-    tokenShadows.lg,
-    // 7
-    tokenShadows.lg,
-    // 8
-    tokenShadows.lg,
-    // 9
-    tokenShadows.xl,
-    // 10
-    tokenShadows.xl,
-    // 11
-    tokenShadows.xl,
-    // 12
-    tokenShadows["2xl"],
-    // 13
-    tokenShadows["2xl"],
-    // 14
-    tokenShadows["2xl"],
-    // 15
-    tokenShadows["3xl"],
-    // 16
-    tokenShadows["3xl"],
-    // 17
-    tokenShadows["3xl"],
-    // 18
-    tokenShadows["3xl"],
-    // 19
-    tokenShadows["3xl"],
-    // 20
-    tokenShadows["3xl"],
-    // 21
-    tokenShadows["3xl"],
-    // 22
-    tokenShadows["3xl"],
-    // 23
-    tokenShadows["3xl"]
-    // 24
-  ];
-}
-var shadows2 = buildShadows({
-  shadows
-});
+// src/theme/buildTheme.ts
 function buildThemeOptions(tokens) {
   return {
     palette: buildPalette(tokens),
@@ -1982,57 +2041,9 @@ function buildTheme(tokens) {
   return styles.createTheme(buildThemeOptions(tokens));
 }
 
-// src/theme/presets/forest.ts
-var forestPreset = {
-  name: "forest",
-  defaultVariant: "light",
-  variants: {
-    light: {
-      tokens: {
-        colors,
-        spacing,
-        radius,
-        shadows,
-        focusRings,
-        fontFamily,
-        fontSize,
-        lineHeight,
-        fontWeight,
-        display,
-        container,
-        widths,
-        text,
-        bg,
-        fg,
-        border,
-        buttonColors,
-        avatarColors,
-        breadcrumbColors,
-        iconColors,
-        navColors,
-        sliderColors,
-        toggleColors,
-        chartColors,
-        alpha
-      }
-    }
-  }
-};
-
-// src/theme/presets/alkemy-plus.ts
-var red = {
-  50: "#fef2f2",
-  200: "#fecaca",
-  600: "#dc2626",
-  700: "#b91c1c",
-  800: "#991b1b",
-  900: "#7f1d1d"};
+// src/theme/presets/forest-external.ts
 var colors2 = {
-  base: {
-    white: "#ffffff",
-    black: "#000000",
-    transparent: "#ffffff00"
-  },
+  ...colors,
   /** Brand scale — black-based for primary actions */
   brand: {
     25: "#fafafa",
@@ -2062,36 +2073,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,
@@ -2116,10 +2098,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],
@@ -2131,22 +2113,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],
@@ -2198,7 +2180,6 @@ var border2 = {
   errorSolid: colors2.error[600]
 };
 var buttonColors2 = {
-  /** Primary buttons — black */
   primary: {
     bg: colors2.brand[600],
     bgHover: colors2.brand[700],
@@ -2215,7 +2196,6 @@ var buttonColors2 = {
     border: colors2.gray[300],
     borderHover: colors2.gray[300]
   },
-  /** Outlined accent buttons — dark */
   secondaryColor: {
     bg: colors2.base.white,
     bgHover: colors2.brand[50],
@@ -2229,11 +2209,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],
@@ -2262,22 +2241,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],
@@ -2290,19 +2270,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],
@@ -2312,60 +2292,33 @@ var chartColors2 = {
   tooltipFg: colors2.base.white,
   crosshairFg: colors2.gray[500],
   legendFg: text2.tertiary,
-  categorical: [
-    "#7B61FF",
-    "#FF7E67",
-    "#76DFD5",
-    "#F6C343",
-    "#B36A6F",
-    "#71BCF6",
-    "#FFB076",
-    "#11819D",
-    "#3CB371",
-    "#FFBCAE",
-    "#C87EED",
-    "#76C5AF"
-  ],
-  vibrant: [
-    "#6B38FB",
-    "#E85B22",
-    "#4AABFF",
-    "#E83B1A",
-    "#E02088"
-  ],
-  series6Fg: colors2.brand[400],
-  series6FgHover: colors2.brand[500],
-  series6Bg: colors2.brand[100],
-  series6BgHover: colors2.brand[200],
-  series7Fg: colors2.fuchsia[600],
-  series7FgHover: colors2.fuchsia[700],
-  series7Bg: colors2.fuchsia[100],
-  series7BgHover: colors2.fuchsia[200],
-  series8Fg: colors2.teal[600],
-  series8FgHover: colors2.teal[700],
-  series8Bg: colors2.teal[100],
-  series8BgHover: colors2.teal[200],
-  series9Fg: colors2.indigo[600],
-  series9FgHover: colors2.indigo[700],
-  series9Bg: colors2.indigo[100],
-  series9BgHover: colors2.indigo[200],
-  series10Fg: colors2.green[600],
-  series10FgHover: colors2.green[700],
-  series10Bg: colors2.green[100],
-  series10BgHover: colors2.green[200]
+  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",
   error: "0px 0px 0px 4px #f044383d",
   errorShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #f044383d"
 };
-var alkemyPlusPreset = {
-  name: "alkemy-plus",
+var forestExternalPreset = {
+  name: "forest-external",
   defaultVariant: "light",
   variants: {
     light: {
@@ -2400,10 +2353,635 @@ var alkemyPlusPreset = {
   }
 };
 
+// src/theme/presets/forest-agency.ts
+var colors3 = {
+  ...colors,
+  /** Brand scale — black-based for primary actions */
+  brand: {
+    25: "#fafafa",
+    50: "#f5f5f5",
+    100: "#ebebeb",
+    200: "#d6d6d6",
+    300: "#b0b0b0",
+    400: "#737373",
+    500: "#404040",
+    600: "#1a1a1a",
+    700: "#0d0d0d",
+    800: "#050505",
+    900: "#000000",
+    950: "#000000"
+  },
+  /** Warm-neutral gray scale */
+  gray: {
+    25: "#fdfcfc",
+    50: "#faf9f8",
+    100: "#f5f3f1",
+    200: "#e8e5e3",
+    300: "#d8d8dc",
+    400: "#a0a0a6",
+    500: "#71717a",
+    600: "#52525b",
+    700: "#3f3f46",
+    800: "#27272a",
+    900: "#18181b",
+    950: "#09090b"
+  }
+};
+var radius3 = {
+  ...radius,
+  xxs: 1,
+  xs: 2,
+  sm: 3,
+  md: 4,
+  lg: 5,
+  xl: 6,
+  "2xl": 8,
+  "3xl": 10,
+  "4xl": 12
+};
+var text3 = {
+  primary: colors3.gray[900],
+  secondary: colors3.gray[700],
+  secondaryHover: colors3.gray[800],
+  tertiary: colors3.gray[600],
+  tertiaryHover: colors3.gray[700],
+  quaternary: colors3.gray[500],
+  disabled: colors3.gray[500],
+  placeholder: colors3.gray[500],
+  placeholderSubtle: colors3.gray[300],
+  white: colors3.base.white,
+  brandPrimary: colors3.brand[900],
+  brandSecondary: colors3.brand[700],
+  brandTertiary: colors3.brand[600],
+  brandTertiaryAlt: colors3.brand[600],
+  primaryOnBrand: colors3.base.white,
+  secondaryOnBrand: colors3.brand[200],
+  tertiaryOnBrand: colors3.brand[200],
+  quaternaryOnBrand: colors3.brand[300],
+  errorPrimary: colors3.error[600],
+  warningPrimary: colors3.warning[600],
+  successPrimary: colors3.success[600]
+};
+var bg3 = {
+  primary: colors3.gray[50],
+  primaryAlt: colors3.gray[50],
+  primaryHover: colors3.gray[100],
+  primarySolid: colors3.gray[950],
+  secondary: colors3.base.white,
+  secondaryAlt: colors3.base.white,
+  secondarySubtle: colors3.gray[25],
+  secondaryHover: colors3.gray[50],
+  secondarySolid: colors3.gray[600],
+  tertiary: colors3.gray[100],
+  quaternary: colors3.gray[200],
+  active: colors3.gray[200],
+  disabled: colors3.gray[100],
+  disabledSubtle: colors3.gray[50],
+  overlay: colors3.gray[950],
+  brandPrimary: colors3.brand[50],
+  brandPrimaryAlt: colors3.brand[50],
+  brandSecondary: colors3.brand[100],
+  brandSolid: colors3.brand[600],
+  brandSolidHover: colors3.brand[700],
+  brandSection: colors3.brand[800],
+  brandSectionSubtle: colors3.brand[700],
+  errorPrimary: colors3.error[50],
+  errorSecondary: colors3.error[100],
+  errorSolid: colors3.error[600],
+  warningPrimary: colors3.warning[50],
+  warningSecondary: colors3.warning[100],
+  warningSolid: colors3.warning[600],
+  successPrimary: colors3.success[50],
+  successSecondary: colors3.success[100],
+  successSolid: colors3.success[600]
+};
+var fg3 = {
+  primary: colors3.gray[900],
+  secondary: colors3.gray[700],
+  secondaryHover: colors3.gray[800],
+  tertiary: colors3.gray[600],
+  tertiaryHover: colors3.gray[700],
+  quaternary: colors3.gray[500],
+  quaternaryHover: colors3.gray[600],
+  quinary: colors3.gray[400],
+  quinaryHover: colors3.gray[500],
+  senary: colors3.gray[300],
+  white: colors3.base.white,
+  disabled: colors3.gray[400],
+  disabledSubtle: colors3.gray[300],
+  brandPrimary: colors3.brand[600],
+  brandPrimaryAlt: colors3.brand[600],
+  brandSecondary: colors3.brand[500],
+  errorPrimary: colors3.error[600],
+  errorSecondary: colors3.error[500],
+  warningPrimary: colors3.warning[600],
+  warningSecondary: colors3.warning[500],
+  successPrimary: colors3.success[600],
+  successSecondary: colors3.success[500]
+};
+var border3 = {
+  primary: colors3.gray[300],
+  secondary: colors3.gray[200],
+  tertiary: colors3.gray[100],
+  disabled: colors3.gray[300],
+  disabledSubtle: colors3.gray[200],
+  brand: colors3.brand[300],
+  brandSolid: colors3.brand[600],
+  brandSolidAlt: colors3.brand[600],
+  error: colors3.error[300],
+  errorSolid: colors3.error[600]
+};
+var buttonColors3 = {
+  primary: {
+    bg: colors3.brand[600],
+    bgHover: colors3.brand[700],
+    fg: colors3.base.white,
+    fgHover: colors3.base.white,
+    border: colors3.brand[600],
+    borderHover: colors3.brand[700]
+  },
+  secondary: {
+    bg: colors3.base.white,
+    bgHover: colors3.gray[50],
+    fg: colors3.gray[700],
+    fgHover: colors3.gray[800],
+    border: colors3.gray[300],
+    borderHover: colors3.gray[300]
+  },
+  secondaryColor: {
+    bg: colors3.base.white,
+    bgHover: colors3.brand[50],
+    fg: colors3.brand[700],
+    fgHover: colors3.brand[800],
+    border: colors3.brand[300],
+    borderHover: colors3.brand[300]
+  },
+  tertiary: {
+    fg: colors3.gray[600],
+    fgHover: colors3.gray[700],
+    bgHover: colors3.gray[50]
+  },
+  tertiaryColor: {
+    fg: colors3.brand[700],
+    fgHover: colors3.brand[800],
+    bgHover: colors3.brand[50]
+  },
+  primaryError: {
+    bg: colors3.error[600],
+    bgHover: colors3.error[700],
+    fg: colors3.base.white,
+    fgHover: colors3.base.white,
+    border: colors3.error[600],
+    borderHover: colors3.error[700]
+  },
+  secondaryError: {
+    bg: colors3.base.white,
+    bgHover: colors3.error[50],
+    fg: colors3.error[700],
+    fgHover: colors3.error[800],
+    border: colors3.error[300],
+    borderHover: colors3.error[300]
+  },
+  tertiaryError: {
+    fg: colors3.error[700],
+    fgHover: colors3.error[800],
+    bgHover: colors3.error[50]
+  }
+};
+var avatarColors3 = {
+  bg: colors3.gray[100],
+  contrastBorder: "#00000014",
+  profilePhotoBorder: colors3.base.white,
+  focusBorder: "#a0a0a624"
+  // gray[400] + 14% alpha
+};
+var breadcrumbColors3 = {
+  fg: colors3.gray[600],
+  fgHover: colors3.gray[700],
+  bgHover: colors3.gray[50],
+  brandBgHover: colors3.brand[50],
+  brandFgHover: colors3.brand[700],
+  iconFg: colors3.gray[500],
+  iconFgHover: colors3.gray[700],
+  brandIconFgHover: colors3.brand[700]
+};
+var iconColors3 = {
+  fgBrand: colors3.brand[600],
+  fgBrandOnBrand: colors3.brand[200],
+  featuredModernBorder: colors3.gray[200],
+  featuredLightFgBrand: colors3.brand[600],
+  featuredLightFgGray: colors3.gray[500],
+  featuredLightFgError: colors3.error[600],
+  featuredLightFgWarning: colors3.warning[600],
+  featuredLightFgSuccess: colors3.success[600],
+  featuredDarkFgBrand: colors3.base.white,
+  featuredDarkFgGray: colors3.base.white,
+  featuredDarkFgError: colors3.base.white,
+  featuredDarkFgWarning: colors3.base.white,
+  featuredDarkFgSuccess: colors3.base.white
+};
+var navColors3 = {
+  itemIconFg: colors3.gray[500],
+  itemIconFgActive: colors3.gray[700],
+  itemButtonIconFg: colors3.gray[500],
+  itemButtonIconFgActive: colors3.gray[700]
+};
+var sliderColors3 = {
+  handleBorder: colors3.brand[600],
+  handleBg: colors3.base.white
+};
+var toggleColors3 = {
+  buttonFgDisabled: colors3.gray[50]
+};
+var chartColors3 = {
+  axisFg: colors3.gray[100],
+  gridlineFg: colors3.gray[100],
+  labelFg: colors3.gray[600],
+  labelFgEmphasis: colors3.gray[700],
+  bg: colors3.base.white,
+  bgAlt: colors3.gray[50],
+  tooltipBg: colors3.gray[950],
+  tooltipFg: colors3.base.white,
+  crosshairFg: colors3.gray[500],
+  legendFg: text3.tertiary,
+  series: [
+    { fg: colors3.violet[500], fgHover: colors3.violet[600], bg: colors3.violet[100], bgHover: colors3.violet[200] },
+    { fg: colors3.orangeDark[400], fgHover: colors3.orangeDark[500], bg: colors3.orangeDark[100], bgHover: colors3.orangeDark[200] },
+    { fg: colors3.teal[300], fgHover: colors3.teal[400], bg: colors3.teal[50], bgHover: colors3.teal[100] },
+    { fg: colors3.warning[400], fgHover: colors3.warning[500], bg: colors3.warning[100], bgHover: colors3.warning[200] },
+    { fg: colors3.rose[400], fgHover: colors3.rose[500], bg: colors3.rose[100], bgHover: colors3.rose[200] },
+    { fg: colors3.blueLight[400], fgHover: colors3.blueLight[500], bg: colors3.blueLight[100], bgHover: colors3.blueLight[200] },
+    { fg: colors3.orange[300], fgHover: colors3.orange[400], bg: colors3.orange[100], bgHover: colors3.orange[200] },
+    { fg: colors3.cyan[600], fgHover: colors3.cyan[700], bg: colors3.cyan[100], bgHover: colors3.cyan[200] },
+    { fg: colors3.green[500], fgHover: colors3.green[600], bg: colors3.green[100], bgHover: colors3.green[200] },
+    { fg: colors3.pink[400], fgHover: colors3.pink[500], bg: colors3.pink[100], bgHover: colors3.pink[200] },
+    { fg: colors3.fuchsia[400], fgHover: colors3.fuchsia[500], bg: colors3.fuchsia[100], bgHover: colors3.fuchsia[200] },
+    { fg: colors3.teal[600], fgHover: colors3.teal[700], bg: colors3.teal[100], bgHover: colors3.teal[200] }
+  ]
+};
+var focusRings3 = {
+  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",
+  error: "0px 0px 0px 4px #f044383d",
+  errorShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #f044383d"
+};
+var forestAgencyPreset = {
+  name: "forest-agency",
+  defaultVariant: "light",
+  variants: {
+    light: {
+      tokens: {
+        colors: colors3,
+        spacing,
+        radius: radius3,
+        shadows,
+        focusRings: focusRings3,
+        fontFamily: '"Aeonik", sans-serif',
+        fontSize,
+        lineHeight,
+        fontWeight,
+        display,
+        container,
+        widths,
+        text: text3,
+        bg: bg3,
+        fg: fg3,
+        border: border3,
+        buttonColors: buttonColors3,
+        avatarColors: avatarColors3,
+        breadcrumbColors: breadcrumbColors3,
+        iconColors: iconColors3,
+        navColors: navColors3,
+        sliderColors: sliderColors3,
+        toggleColors: toggleColors3,
+        chartColors: chartColors3,
+        alpha
+      }
+    }
+  }
+};
+
+// src/theme/presets/forest-internal.ts
+var colors4 = {
+  ...colors,
+  /** Brand scale — black-based for primary actions */
+  brand: {
+    25: "#fafafa",
+    50: "#f5f5f5",
+    100: "#ebebeb",
+    200: "#d6d6d6",
+    300: "#b0b0b0",
+    400: "#737373",
+    500: "#404040",
+    600: "#1a1a1a",
+    700: "#0d0d0d",
+    800: "#050505",
+    900: "#000000",
+    950: "#000000"
+  },
+  /** Warm-neutral gray scale */
+  gray: {
+    25: "#fdfcfc",
+    50: "#faf9f8",
+    100: "#f5f3f1",
+    200: "#e8e5e3",
+    300: "#d8d8dc",
+    400: "#a0a0a6",
+    500: "#71717a",
+    600: "#52525b",
+    700: "#3f3f46",
+    800: "#27272a",
+    900: "#18181b",
+    950: "#09090b"
+  }
+};
+var radius4 = {
+  ...radius,
+  xxs: 1,
+  xs: 2,
+  sm: 3,
+  md: 4,
+  lg: 5,
+  xl: 6,
+  "2xl": 8,
+  "3xl": 10,
+  "4xl": 12
+};
+var text4 = {
+  primary: colors4.gray[900],
+  secondary: colors4.gray[700],
+  secondaryHover: colors4.gray[800],
+  tertiary: colors4.gray[600],
+  tertiaryHover: colors4.gray[700],
+  quaternary: colors4.gray[500],
+  disabled: colors4.gray[500],
+  placeholder: colors4.gray[500],
+  placeholderSubtle: colors4.gray[300],
+  white: colors4.base.white,
+  brandPrimary: colors4.brand[900],
+  brandSecondary: colors4.brand[700],
+  brandTertiary: colors4.brand[600],
+  brandTertiaryAlt: colors4.brand[600],
+  primaryOnBrand: colors4.base.white,
+  secondaryOnBrand: colors4.brand[200],
+  tertiaryOnBrand: colors4.brand[200],
+  quaternaryOnBrand: colors4.brand[300],
+  errorPrimary: colors4.error[600],
+  warningPrimary: colors4.warning[600],
+  successPrimary: colors4.success[600]
+};
+var bg4 = {
+  primary: colors4.gray[50],
+  primaryAlt: colors4.gray[50],
+  primaryHover: colors4.gray[100],
+  primarySolid: colors4.gray[950],
+  secondary: colors4.base.white,
+  secondaryAlt: colors4.base.white,
+  secondarySubtle: colors4.gray[25],
+  secondaryHover: colors4.gray[50],
+  secondarySolid: colors4.gray[600],
+  tertiary: colors4.gray[100],
+  quaternary: colors4.gray[200],
+  active: colors4.gray[200],
+  disabled: colors4.gray[100],
+  disabledSubtle: colors4.gray[50],
+  overlay: colors4.gray[950],
+  brandPrimary: colors4.brand[50],
+  brandPrimaryAlt: colors4.brand[50],
+  brandSecondary: colors4.brand[100],
+  brandSolid: colors4.brand[600],
+  brandSolidHover: colors4.brand[700],
+  brandSection: colors4.brand[800],
+  brandSectionSubtle: colors4.brand[700],
+  errorPrimary: colors4.error[50],
+  errorSecondary: colors4.error[100],
+  errorSolid: colors4.error[600],
+  warningPrimary: colors4.warning[50],
+  warningSecondary: colors4.warning[100],
+  warningSolid: colors4.warning[600],
+  successPrimary: colors4.success[50],
+  successSecondary: colors4.success[100],
+  successSolid: colors4.success[600]
+};
+var fg4 = {
+  primary: colors4.gray[900],
+  secondary: colors4.gray[700],
+  secondaryHover: colors4.gray[800],
+  tertiary: colors4.gray[600],
+  tertiaryHover: colors4.gray[700],
+  quaternary: colors4.gray[500],
+  quaternaryHover: colors4.gray[600],
+  quinary: colors4.gray[400],
+  quinaryHover: colors4.gray[500],
+  senary: colors4.gray[300],
+  white: colors4.base.white,
+  disabled: colors4.gray[400],
+  disabledSubtle: colors4.gray[300],
+  brandPrimary: colors4.brand[600],
+  brandPrimaryAlt: colors4.brand[600],
+  brandSecondary: colors4.brand[500],
+  errorPrimary: colors4.error[600],
+  errorSecondary: colors4.error[500],
+  warningPrimary: colors4.warning[600],
+  warningSecondary: colors4.warning[500],
+  successPrimary: colors4.success[600],
+  successSecondary: colors4.success[500]
+};
+var border4 = {
+  primary: colors4.gray[300],
+  secondary: colors4.gray[200],
+  tertiary: colors4.gray[100],
+  disabled: colors4.gray[300],
+  disabledSubtle: colors4.gray[200],
+  brand: colors4.brand[300],
+  brandSolid: colors4.brand[600],
+  brandSolidAlt: colors4.brand[600],
+  error: colors4.error[300],
+  errorSolid: colors4.error[600]
+};
+var buttonColors4 = {
+  primary: {
+    bg: colors4.brand[600],
+    bgHover: colors4.brand[700],
+    fg: colors4.base.white,
+    fgHover: colors4.base.white,
+    border: colors4.brand[600],
+    borderHover: colors4.brand[700]
+  },
+  secondary: {
+    bg: colors4.base.white,
+    bgHover: colors4.gray[50],
+    fg: colors4.gray[700],
+    fgHover: colors4.gray[800],
+    border: colors4.gray[300],
+    borderHover: colors4.gray[300]
+  },
+  secondaryColor: {
+    bg: colors4.base.white,
+    bgHover: colors4.brand[50],
+    fg: colors4.brand[700],
+    fgHover: colors4.brand[800],
+    border: colors4.brand[300],
+    borderHover: colors4.brand[300]
+  },
+  tertiary: {
+    fg: colors4.gray[600],
+    fgHover: colors4.gray[700],
+    bgHover: colors4.gray[50]
+  },
+  tertiaryColor: {
+    fg: colors4.brand[700],
+    fgHover: colors4.brand[800],
+    bgHover: colors4.brand[50]
+  },
+  primaryError: {
+    bg: colors4.error[600],
+    bgHover: colors4.error[700],
+    fg: colors4.base.white,
+    fgHover: colors4.base.white,
+    border: colors4.error[600],
+    borderHover: colors4.error[700]
+  },
+  secondaryError: {
+    bg: colors4.base.white,
+    bgHover: colors4.error[50],
+    fg: colors4.error[700],
+    fgHover: colors4.error[800],
+    border: colors4.error[300],
+    borderHover: colors4.error[300]
+  },
+  tertiaryError: {
+    fg: colors4.error[700],
+    fgHover: colors4.error[800],
+    bgHover: colors4.error[50]
+  }
+};
+var avatarColors4 = {
+  bg: colors4.gray[100],
+  contrastBorder: "#00000014",
+  profilePhotoBorder: colors4.base.white,
+  focusBorder: "#a0a0a624"
+  // gray[400] + 14% alpha
+};
+var breadcrumbColors4 = {
+  fg: colors4.gray[600],
+  fgHover: colors4.gray[700],
+  bgHover: colors4.gray[50],
+  brandBgHover: colors4.brand[50],
+  brandFgHover: colors4.brand[700],
+  iconFg: colors4.gray[500],
+  iconFgHover: colors4.gray[700],
+  brandIconFgHover: colors4.brand[700]
+};
+var iconColors4 = {
+  fgBrand: colors4.brand[600],
+  fgBrandOnBrand: colors4.brand[200],
+  featuredModernBorder: colors4.gray[200],
+  featuredLightFgBrand: colors4.brand[600],
+  featuredLightFgGray: colors4.gray[500],
+  featuredLightFgError: colors4.error[600],
+  featuredLightFgWarning: colors4.warning[600],
+  featuredLightFgSuccess: colors4.success[600],
+  featuredDarkFgBrand: colors4.base.white,
+  featuredDarkFgGray: colors4.base.white,
+  featuredDarkFgError: colors4.base.white,
+  featuredDarkFgWarning: colors4.base.white,
+  featuredDarkFgSuccess: colors4.base.white
+};
+var navColors4 = {
+  itemIconFg: colors4.gray[500],
+  itemIconFgActive: colors4.gray[700],
+  itemButtonIconFg: colors4.gray[500],
+  itemButtonIconFgActive: colors4.gray[700]
+};
+var sliderColors4 = {
+  handleBorder: colors4.brand[600],
+  handleBg: colors4.base.white
+};
+var toggleColors4 = {
+  buttonFgDisabled: colors4.gray[50]
+};
+var chartColors4 = {
+  axisFg: colors4.gray[100],
+  gridlineFg: colors4.gray[100],
+  labelFg: colors4.gray[600],
+  labelFgEmphasis: colors4.gray[700],
+  bg: colors4.base.white,
+  bgAlt: colors4.gray[50],
+  tooltipBg: colors4.gray[950],
+  tooltipFg: colors4.base.white,
+  crosshairFg: colors4.gray[500],
+  legendFg: text4.tertiary,
+  series: [
+    { fg: colors4.violet[500], fgHover: colors4.violet[600], bg: colors4.violet[100], bgHover: colors4.violet[200] },
+    { fg: colors4.orangeDark[400], fgHover: colors4.orangeDark[500], bg: colors4.orangeDark[100], bgHover: colors4.orangeDark[200] },
+    { fg: colors4.teal[300], fgHover: colors4.teal[400], bg: colors4.teal[50], bgHover: colors4.teal[100] },
+    { fg: colors4.warning[400], fgHover: colors4.warning[500], bg: colors4.warning[100], bgHover: colors4.warning[200] },
+    { fg: colors4.rose[400], fgHover: colors4.rose[500], bg: colors4.rose[100], bgHover: colors4.rose[200] },
+    { fg: colors4.blueLight[400], fgHover: colors4.blueLight[500], bg: colors4.blueLight[100], bgHover: colors4.blueLight[200] },
+    { fg: colors4.orange[300], fgHover: colors4.orange[400], bg: colors4.orange[100], bgHover: colors4.orange[200] },
+    { fg: colors4.cyan[600], fgHover: colors4.cyan[700], bg: colors4.cyan[100], bgHover: colors4.cyan[200] },
+    { fg: colors4.green[500], fgHover: colors4.green[600], bg: colors4.green[100], bgHover: colors4.green[200] },
+    { fg: colors4.pink[400], fgHover: colors4.pink[500], bg: colors4.pink[100], bgHover: colors4.pink[200] },
+    { fg: colors4.fuchsia[400], fgHover: colors4.fuchsia[500], bg: colors4.fuchsia[100], bgHover: colors4.fuchsia[200] },
+    { fg: colors4.teal[600], fgHover: colors4.teal[700], bg: colors4.teal[100], bgHover: colors4.teal[200] }
+  ]
+};
+var focusRings4 = {
+  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",
+  error: "0px 0px 0px 4px #f044383d",
+  errorShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #f044383d"
+};
+var forestInternalPreset = {
+  name: "forest-internal",
+  defaultVariant: "light",
+  variants: {
+    light: {
+      tokens: {
+        colors: colors4,
+        spacing,
+        radius: radius4,
+        shadows,
+        focusRings: focusRings4,
+        fontFamily: '"Aeonik", sans-serif',
+        fontSize,
+        lineHeight,
+        fontWeight,
+        display,
+        container,
+        widths,
+        text: text4,
+        bg: bg4,
+        fg: fg4,
+        border: border4,
+        buttonColors: buttonColors4,
+        avatarColors: avatarColors4,
+        breadcrumbColors: breadcrumbColors4,
+        iconColors: iconColors4,
+        navColors: navColors4,
+        sliderColors: sliderColors4,
+        toggleColors: toggleColors4,
+        chartColors: chartColors4,
+        alpha
+      }
+    }
+  }
+};
+
 // src/theme/presets/index.ts
 var presetRegistry = /* @__PURE__ */ new Map();
-presetRegistry.set(forestPreset.name, forestPreset);
-presetRegistry.set(alkemyPlusPreset.name, alkemyPlusPreset);
+presetRegistry.set(forestExternalPreset.name, forestExternalPreset);
+presetRegistry.set(forestAgencyPreset.name, forestAgencyPreset);
+presetRegistry.set(forestInternalPreset.name, forestInternalPreset);
 function getPreset(name) {
   return presetRegistry.get(name);
 }
@@ -2415,16 +2993,9 @@ function getAvailablePresets() {
 }
 
 // src/theme/index.ts
-var forestThemeOptions = {
-  palette,
-  typography,
-  components,
-  shadows: shadows2,
-  shape: {
-    borderRadius: 8
-  }
-};
-var forestTheme = styles.createTheme(forestThemeOptions);
+var agencyTokens = forestAgencyPreset.variants.light.tokens;
+var forestTheme = buildTheme(agencyTokens);
+var forestThemeOptions = buildThemeOptions(agencyTokens);
 function ForestProvider({
   children,
   theme,
@@ -2432,7 +3003,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);
@@ -2497,8 +3068,7 @@ function MultiSelect({
     const arr = typeof selected === "string" ? selected.split(",") : selected;
     onChange(arr);
   };
-  const handleSelectAll = (e) => {
-    e.stopPropagation();
+  const handleSelectAll = () => {
     onChange(allSelected ? [] : options.map((o) => o.value));
   };
   const labelMap = new Map(options.map((o) => [o.value, o.label]));
@@ -2523,12 +3093,14 @@ function MultiSelect({
         ...rest,
         children: [
           selectAll && /* @__PURE__ */ jsxRuntime.jsx(
-            MuiButton__default.default,
+            "li",
             {
-              size: "small",
-              variant: "text",
-              onMouseDown: handleSelectAll,
-              children: allSelected ? "Deselect All" : selectAllLabel
+              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: [
@@ -2546,12 +3118,128 @@ function Switch(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
+    }
+  );
+}
+var sizeMap = {
+  sm: 24,
+  md: 32,
+  lg: 48,
+  xl: 64
+};
+var variantColors = {
+  agency: "#1a1a1a",
+  external: "#1a1a1a",
+  internal: "#1a1a1a"
+};
+var Logo = React2.forwardRef(
+  ({ variant = "agency", size = "md", logomarkOnly = false, sx, ...props }, ref) => {
+    const dimension = sizeMap[size];
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Box,
+      {
+        ref,
+        component: "svg",
+        viewBox: "0 0 64 64",
+        sx: {
+          width: dimension,
+          height: dimension,
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          ...sx
+        },
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M32 4L8 28h12v28h8V28h12L32 4z",
+              fill: variantColors[variant]
+            }
+          ),
+          !logomarkOnly && /* @__PURE__ */ jsxRuntime.jsx(
+            "text",
+            {
+              x: "32",
+              y: "60",
+              textAnchor: "middle",
+              fontSize: "10",
+              fontWeight: "600",
+              fill: variantColors[variant],
+              fontFamily: "Aeonik, sans-serif",
+              children: "Forest"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Logo.displayName = "Logo";
 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 });
 }
@@ -2654,9 +3342,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 });
 }
@@ -2687,22 +3375,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,
@@ -2725,7 +3449,7 @@ function SidebarNav({
     onMouseEnter: () => onOpenChange(true),
     onMouseLeave: () => onOpenChange(false)
   } : {};
-  return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: { open, collapsedWidth, expandedWidth }, children: /* @__PURE__ */ jsxRuntime.jsxs(Box__default.default, { sx: { position: "relative", width: layoutWidth, flexShrink: 0 }, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: { open, collapsedWidth, expandedWidth }, children: /* @__PURE__ */ jsxRuntime.jsxs(Box2__default.default, { sx: { position: "relative", width: layoutWidth, flexShrink: 0 }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       MuiDrawer__default.default,
       {
@@ -2745,7 +3469,7 @@ function SidebarNav({
           ...sx
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs(
-          Box__default.default,
+          Box2__default.default,
           {
             sx: {
               display: "flex",
@@ -2754,9 +3478,9 @@ function SidebarNav({
               overflow: "hidden"
             },
             children: [
-              header && /* @__PURE__ */ jsxRuntime.jsx(Box__default.default, { sx: { flexShrink: 0 }, children: header }),
-              /* @__PURE__ */ jsxRuntime.jsx(Box__default.default, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children }),
-              footer && /* @__PURE__ */ jsxRuntime.jsx(Box__default.default, { sx: { flexShrink: 0 }, children: footer })
+              header && /* @__PURE__ */ jsxRuntime.jsx(Box2__default.default, { sx: { flexShrink: 0 }, children: header }),
+              /* @__PURE__ */ jsxRuntime.jsx(Box2__default.default, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children }),
+              footer && /* @__PURE__ */ jsxRuntime.jsx(Box2__default.default, { sx: { flexShrink: 0 }, children: footer })
             ]
           }
         )
@@ -2849,17 +3573,11 @@ function SidebarItem({
     endAdornment
   ] });
 }
-function useChartColors(count, palette2 = "categorical") {
+function useChartColors(count) {
   const theme = styles.useTheme();
   const chart = theme.palette.chart;
-  const colors3 = chart[palette2] || chart.categorical || [
-    "#7B61FF",
-    "#FF7E67",
-    "#76DFD5",
-    "#F6C343",
-    "#B36A6F"
-  ];
-  return colors3.slice(0, Math.min(count, colors3.length));
+  const colors5 = chart.series.map((s) => s.fg);
+  return colors5.slice(0, Math.min(count, colors5.length));
 }
 function formatDate(date) {
   if (!date) return "";
@@ -2901,8 +3619,7 @@ function CustomTooltip(props) {
         borderTop: `1px solid ${theme.palette.divider}`,
         borderRight: `1px solid ${theme.palette.divider}`,
         borderBottom: `1px solid ${theme.palette.divider}`,
-        borderLeft: `4px solid ${theme.palette.chart.series1Fg}`
-        // Primary Accent line
+        borderLeft: `4px solid ${theme.palette.chart.series[0].fg}`
       },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -2971,16 +3688,16 @@ function CustomTooltip(props) {
     }
   );
 }
-function LineChart({ series, colors: colors3, palette: palette2 = "categorical", ...props }) {
+function LineChart({ series, colors: colors5, ...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, palette2);
+  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 : "monotoneX",
+      curve: (_a2 = s.curve) != null ? _a2 : "linear",
       highlightScope: (_b2 = s.highlightScope) != null ? _b2 : { highlighted: "item", faded: "global" }
     };
   });
@@ -2988,7 +3705,7 @@ function LineChart({ series, colors: colors3, palette: palette2 = "categorical",
     LineChart$1.LineChart,
     {
       series: modifiedSeries != null ? modifiedSeries : [],
-      colors: colors3 != null ? colors3 : seriesColors,
+      colors: colors5 != null ? colors5 : seriesColors,
       grid: { horizontal: true },
       slots: {
         axisContent: CustomTooltip
@@ -3001,17 +3718,18 @@ function LineChart({ series, colors: colors3, palette: palette2 = "categorical",
         }
       },
       sx: {
-        "& .MuiChartsAxis-line": { stroke: chart.axisFg },
-        "& .MuiChartsAxis-tick": { stroke: chart.axisFg },
+        "& .MuiChartsAxis-line": { stroke: `${chart.axisFg} !important` },
+        "& .MuiChartsAxis-tick": { stroke: `${chart.axisFg} !important` },
         "& .MuiChartsAxis-tickLabel": {
-          fill: chart.labelFg,
-          fontFamily: theme.typography.fontFamily,
-          fontSize: typeof theme.typography.body2.fontSize === "number" ? theme.typography.body2.fontSize : 12
+          fill: `${chart.labelFg} !important`,
+          fontFamily: `${theme.typography.fontFamily} !important`,
+          fontSize: `${fontSize.xxs}px !important`,
+          lineHeight: lineHeight.xxs
         },
         "& .MuiChartsAxis-label": {
-          fill: chart.labelFgEmphasis,
-          fontFamily: theme.typography.fontFamily,
-          fontSize: typeof theme.typography.body1.fontSize === "number" ? theme.typography.body1.fontSize : 14,
+          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": {
@@ -3019,8 +3737,8 @@ function LineChart({ series, colors: colors3, palette: palette2 = "categorical",
           strokeDasharray: "4 4"
         },
         "& .MuiChartsLegend-series text": {
-          fill: chart.legendFg,
-          fontFamily: theme.typography.fontFamily,
+          fill: `${chart.legendFg} !important`,
+          fontFamily: `${theme.typography.fontFamily} !important`,
           fontSize: "14px !important"
         },
         "& .MuiChartsLegend-mark": {
@@ -3041,7 +3759,9 @@ function LineChart({ series, colors: colors3, palette: palette2 = "categorical",
         },
         "& .MuiLineElement-root": {
           strokeWidth: 3
-          // Thicker lines for line charts
+        },
+        "& .MuiMarkElement-root": {
+          display: "none"
         },
         ...(_b = props.sx) != null ? _b : {}
       },
@@ -3049,12 +3769,12 @@ function LineChart({ series, colors: colors3, palette: palette2 = "categorical",
     }
   );
 }
-function BarChart({ series, colors: colors3, palette: palette2 = "categorical", ...props }) {
+function BarChart({ series, colors: colors5, ...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, palette2);
-  const resolvedColors = colors3 != null ? colors3 : seriesColors;
+  const seriesColors = useChartColors((_a = series == null ? void 0 : series.length) != null ? _a : 0);
+  const resolvedColors = colors5 != null ? colors5 : seriesColors;
   const modifiedSeries = series == null ? void 0 : series.map((s, idx) => {
     var _a2;
     const baseColor = s.color || resolvedColors[idx % resolvedColors.length];
@@ -3070,7 +3790,7 @@ function BarChart({ series, colors: colors3, palette: palette2 = "categorical",
     BarChart$1.BarChart,
     {
       series: modifiedSeries != null ? modifiedSeries : [],
-      colors: colors3 != null ? colors3 : seriesColors,
+      colors: colors5 != null ? colors5 : seriesColors,
       grid: { horizontal: true },
       borderRadius: 4,
       slots: {
@@ -3084,18 +3804,18 @@ function BarChart({ series, colors: colors3, palette: palette2 = "categorical",
         }
       },
       sx: {
-        "& .MuiChartsAxis-line": { stroke: chart.axisFg },
-        "& .MuiChartsAxis-tick": { stroke: chart.axisFg },
+        "& .MuiChartsAxis-line": { stroke: `${chart.axisFg} !important` },
+        "& .MuiChartsAxis-tick": { stroke: `${chart.axisFg} !important` },
         "& .MuiChartsAxis-tickLabel": {
-          fill: chart.labelFg,
-          fontFamily: theme.typography.fontFamily,
-          fontSize: typeof theme.typography.body2.fontSize === "number" ? theme.typography.body2.fontSize : 12
-          // fallback to xs value conceptually if needed
+          fill: `${chart.labelFg} !important`,
+          fontFamily: `${theme.typography.fontFamily} !important`,
+          fontSize: `${fontSize.xxs}px !important`,
+          lineHeight: lineHeight.xxs
         },
         "& .MuiChartsAxis-label": {
-          fill: chart.labelFgEmphasis,
-          fontFamily: theme.typography.fontFamily,
-          fontSize: typeof theme.typography.body1.fontSize === "number" ? theme.typography.body1.fontSize : 14,
+          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": {
@@ -3103,8 +3823,8 @@ function BarChart({ series, colors: colors3, palette: palette2 = "categorical",
           strokeDasharray: "4 4"
         },
         "& .MuiChartsLegend-series text": {
-          fill: chart.legendFg,
-          fontFamily: theme.typography.fontFamily,
+          fill: `${chart.legendFg} !important`,
+          fontFamily: `${theme.typography.fontFamily} !important`,
           fontSize: "14px !important"
         },
         "& .MuiChartsLegend-mark": {
@@ -3122,7 +3842,6 @@ function BarChart({ series, colors: colors3, palette: palette2 = "categorical",
           color: chart.tooltipFg,
           borderRadius: theme.shape.borderRadius,
           boxShadow: theme.shadows[4]
-          // md equivalent in MUI default array length
         },
         ...(_b = props.sx) != null ? _b : {}
       },
@@ -3149,12 +3868,12 @@ function BarChart({ series, colors: colors3, palette: palette2 = "categorical",
     }
   );
 }
-function PieChart({ series, colors: colors3, palette: palette2 = "categorical", ...props }) {
+function PieChart({ series, colors: colors5, ...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, palette2);
+  const seriesColors = useChartColors(sliceCount);
   const modifiedSeries = series == null ? void 0 : series.map((s) => {
     var _a2;
     return {
@@ -3166,7 +3885,7 @@ function PieChart({ series, colors: colors3, palette: palette2 = "categorical",
     PieChart$1.PieChart,
     {
       series: modifiedSeries != null ? modifiedSeries : [],
-      colors: colors3 != null ? colors3 : seriesColors,
+      colors: colors5 != null ? colors5 : seriesColors,
       slotProps: {
         legend: {
           itemMarkWidth: 12,
@@ -3176,8 +3895,8 @@ function PieChart({ series, colors: colors3, palette: palette2 = "categorical",
       },
       sx: {
         "& .MuiChartsLegend-series text": {
-          fill: chart.legendFg,
-          fontFamily: theme.typography.fontFamily,
+          fill: `${chart.legendFg} !important`,
+          fontFamily: `${theme.typography.fontFamily} !important`,
           fontSize: "14px !important"
         },
         "& .MuiChartsLegend-mark": {
@@ -3214,6 +3933,7 @@ exports.Autocomplete = Autocomplete;
 exports.Backdrop = Backdrop;
 exports.Badge = Badge;
 exports.BarChart = BarChart;
+exports.Breadcrumbs = Breadcrumbs;
 exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
 exports.Card = Card;
@@ -3225,6 +3945,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;
@@ -3235,6 +3956,7 @@ exports.Fab = Fab;
 exports.ForestProvider = ForestProvider;
 exports.LineChart = LineChart;
 exports.LinearProgress = LinearProgress;
+exports.Link = Link;
 exports.List = List;
 exports.ListItem = ListItem;
 exports.ListItemAvatar = ListItemAvatar;
@@ -3242,31 +3964,42 @@ exports.ListItemButton = ListItemButton;
 exports.ListItemIcon = ListItemIcon;
 exports.ListItemText = ListItemText;
 exports.ListSubheader = ListSubheader;
+exports.Logo = Logo;
+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;
 exports.Toolbar = Toolbar;
 exports.Tooltip = Tooltip;
 exports.Typography = Typography;
-exports.alkemyPlusPreset = alkemyPlusPreset;
 exports.alpha = alpha;
 exports.avatarColors = avatarColors;
 exports.bg = bg;
@@ -3284,7 +4017,9 @@ exports.focusRings = focusRings;
 exports.fontFamily = fontFamily;
 exports.fontSize = fontSize;
 exports.fontWeight = fontWeight;
-exports.forestPreset = forestPreset;
+exports.forestAgencyPreset = forestAgencyPreset;
+exports.forestExternalPreset = forestExternalPreset;
+exports.forestInternalPreset = forestInternalPreset;
 exports.forestTheme = forestTheme;
 exports.forestThemeOptions = forestThemeOptions;
 exports.getAvailablePresets = getAvailablePresets;